@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Regular.woff2') format('woff2'),
        url('../fonts/GoogleSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Bold.woff2') format('woff2'),
        url('../fonts/GoogleSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Medium.woff2') format('woff2'),
        url('../fonts/GoogleSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

*{
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
}

a:hover,
a:focus,
a:active{
    text-decoration: none;
}
ol, ul{
    margin: 0;
    padding: 0;
}
img{
    display: block;
}
body{
    font-family: 'Google Sans';
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

/* *** Main Page Css *** */
.main-box{
    width: 100%;
    height: 100vh;
    position: relative;
}
.main-box .container-fluid{padding: 0;}
.main-box .row{margin: 0; padding: 0;}
.main-box .col-md-4,.main-box .col-md-3,
.main-box .col-md-6,
.main-box .col-md-5{padding: 0;}
.header-bx{
    padding:25px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 120;
}
.logo-box img{width: auto;}
.nav-list ul{text-align: right;}
.nav-list li{
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-right:20px;
}
.nav-list li:last-child{margin-right: 0;}
.nav-list li a img{width: 27px; height: 27px;}
.nav-list li .dropdown-menu{
    padding: 0;
    margin: 15px 0 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    border: none;
    min-width: 100%;
    border-radius: 0;
    left: -10px;
}
.nav-list li .dropdown-menu li{display: block;margin: 0;}
.nav-list li .dropdown-menu li a{
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}
.nav-list li .dropdown-menu li:last-child a{border-bottom: none;}
.nav-list li .dropdown-menu li a img{
    width: 26px;
    height: 26px;
    margin: 0 auto;
}
/* **** Menu **** */
.header-bx{
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}
.nav-list #toggle {
    width: 28px;
    height: 30px;
    margin: 0;
}
.nav-list #toggle div {
    width: 100%;
    height: 5px;
    background: #000;
    margin: 4px auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    backface-visibility: hidden;
}
.nav-list #toggle.on .one {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    -moz-transform: rotate(45deg) translate(5px, 5px);
    -ms-transform: rotate(45deg) translate(5px, 5px);
    transform: rotate(45deg) translate(5px, 5px);
}
.nav-list #toggle.on .two {
    opacity: 0;
}
.nav-list #toggle.on .three {
    -webkit-transform: rotate(-45deg) translate(7px, -8px);
    -moz-transform: rotate(-45deg) translate(7px, -8px);
    -ms-transform: rotate(-45deg) translate(7px, -8px);
    transform: rotate(-45deg) translate(7px, -8px);
    margin: 0;
}
.nav-list #menu {
    width: 150px;
    height:130px;
    padding: 0;
    border-radius: 0;
    text-align: center;
    margin:20px 0 0;
    float: right;
    background: #fff;
    display: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.16);
}
.nav-list #menu li{
    display: block;
    margin: 0;
}
.nav-list #menu li a{
    padding: 10px 10px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #ddd;
    display: block;
}
.nav-list #menu li:last-child a{
    border-bottom: none;
}
.nav-new{
    padding: 10px 15px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}
.nav-new .nav-list #menu{
    position: absolute;
    right: 0;
}
/* **** End Menu **** */

/* **** Part 1 **** */
.main-part{
    width: 100%;
    position: relative;
    height: 100vh;
}
.main-infor{
    padding: 80px 60px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.main-infor h1{
    font-size: 50px;
    font-weight: bold;
    color: #000;
    line-height: 54px;
    margin: 0 0 20px;
}
.main-infor p{
    font-size: 18px;
    font-weight: normal;
    color: #000;
    line-height: 26px;
    margin: 0;
}
/* **** End Part 1 **** */

/* **** Part 2 **** */
.main-slider{
    width: 100%;
    height: 100vh;
    background: url(../images/slider-back.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 0 45px;
}
.slider-block h2{
    font-size:42px;
    color:#fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 2px 10px rgba(0,0,0,0.20);
    margin: 0 0 25px;
}
.slider-block p{
    font-size: 24px;
    font-weight: bold;
    text-shadow: 0 2px 10px rgba(0,0,0,0.20);
    color: #000;
    text-align: center;
    margin: 0 0 40px;
}

.terms-inf .btn-main,
.slider-block .btn-main{
    padding: 10px 25px;
    background: #fff;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
    margin: 0 auto;
    display: table;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}
.terms-inf .btn-main:hover,
.slider-block .btn-main:focus,
.slider-block .btn-main:hover{
    color: #000;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.slider-img img{
    width: 400px !important;
    margin: 30px auto 0;
}
.slider-posi{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.slider-posi .owl-dots{
    position: absolute;
    left: 50%;
    bottom:-10px;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.slider-posi .owl-dot{
    display: inline-block;
    margin-right:10px;
    position: relative;
}
.slider-posi .owl-dot:last-child{
    margin-right: 0;
}
.slider-posi .owl-dot span{
    width:16px;
    height:16px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    opacity: 0.6;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}
.slider-posi .owl-dot.active span{
    opacity: 1;
}

.inner-pro .owl-prev, .inner-pro .owl-next{
    position: absolute;
    top: 50%;
    left:15px;
}
.inner-pro .owl-next{
    left: auto;
    right:15px;
}
.inner-pro .owl-prev:before,.inner-pro .owl-next:before{
    position: absolute;
    content:'';
    top: 50%;
    width:25px;
    height:25px;
    background: url(../images/left-arrow.png) 0 0 no-repeat;
    background-size: 100% 100%;
    text-align: center;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.inner-pro .owl-prev:hover:before,.inner-pro .owl-next:hover:before{
    color: #000;
    border-color: transparent;
}
.inner-pro .owl-next:before{
    background: url(../images/right-arrow.png) 0 0 no-repeat;
    background-size: 100% 100%;
    right: 0;
    left: auto;
}
/* **** End Part 2 **** */

/* **** Part 3 **** */
.product-new{
    padding: 35px;
    width: 100%;
    height: 50vh;
    background: #ffe7d1;
    position: relative;
}
.some-dif{
    background: #fff;
}
.product-new h6{
    font-size: 18px;
    font-weight:500;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 0 15px;
    line-height: 24px;
    letter-spacing:4px;
}
.pro-img img{
    width: 200px !important;
    margin: 20px auto;
}
.inner-pro{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%); 
}
.inner-pro p{
    font-size: 18px;
    margin: 0;
    text-align: center;
    color: #797979;
    font-weight: 400;
}
/* **** End Part 3 **** */
/* **** End Main Page Css **** */

/* **** Payment Page **** */
.payemtn h3{
    font-size: 45px;
    font-weight: bold;
    margin: 0 0 20px;
    color: #000;
}
.payemtn p{
    margin: 0 0 30px;
}
.payemtn li{
    display: inline-block;
    margin-right: 15px;
}
.payemtn li:last-child{
    margin-right: 0;
}
.payemtn li a img{width:130px;}
.teamr-wrp{
    background: #ffe7d1;
}
.terms-inf{
    padding: 0 100px;
}
.terms-inf h4{
    font-size: 45px;
    font-weight: bold;
    margin: 0 0 20px;
    color: #000;
}
.terms-inf p{
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin: 0 0 20px;
    line-height: 24px;
}
.terms-inf .btn-main{margin: 0;}

/* **** Contact Page **** */
.cnt-form .row{margin: 0 -15px;}
.cnt-form .form-control{
    padding: 10px 15px;
    border: 2px solid #edeff2;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    font-size: 15px;
    font-weight: normal;
    color: #000;
}
textarea{resize: none;}
.cnt-form .styledcheckbox {
  position: absolute;
  opacity: 0;
}
.cnt-form .styledcheckbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.cnt-form .styledcheckbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  border: 1px solid #dadada;
  background: #fff;
}
.cnt-form .styledcheckbox:hover + label:before {
  background: #000;
}
.cnt-form .styledcheckbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.cnt-form .styledcheckbox:checked + label:before {
  background: #000;
}
.cnt-form .styledcheckbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.cnt-form .styledcheckbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.cnt-form .styledcheckbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cnt-form .unstyled {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.cnt-form .col-md-5,
.cnt-form .col-md-6{padding: 0 15px;}
.cnt-form .btn-main{
    border: none;
    padding: 10px 35px;
    background: #ffe7d1;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
    margin:20px 0 0;
    display: table;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}
.privacy-links {margin: 20px 0 0; text-align: right;}
.privacy-links li{
    display: inline-block;
    margin-right: 15px;
}
.privacy-links li a{
    padding: 10px 0;
    display: inline-block;
    font-size: 17px;
    font-weight:500;
    color: #000;
}
.copyright-box{
    padding: 20px 0 0;
}
.copyright-box p{
    font-size: 17px;
    font-weight: 500;
    color: #000;
    line-height:26px;
    margin: 0;
}
.cntbox{padding: 0;}

/* **** Popup Css **** */
.modal-dialog{width: 70%;margin: 40px auto;}
.modal {
    background: rgba(255,255,255,0.8);
}
.modal-content{
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.pop-inner-data{
    padding: 45px 30px;
    position: relative;
}
.spac {
    margin: 0 0 50px;
}
.pop-inner-data p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 24px;
    margin: 0 0 15px;
}
button.close{
    opacity: 1;
    border: none;
    outline: none;
    font-size: 22px;
    color: #333;
    position: absolute;
    top: 15px;
    right: 15px;
}
/* **** End Popup Css **** */

/***** ****************** Responsive CSS ****************** *****/
@media(min-width:1025px) and (max-width:1350px){
    .header-bx{padding: 25px 15px;}
    .main-infor{padding: 40px 15px;}
    .main-infor h1{font-size:32px;line-height:38px;}
    .main-infor p{font-size: 16px;line-height: 26px;}
    .slider-block h2{font-size: 36px;}
    .slider-block p{font-size:20px;}
    .slider-img img{width: 300px !important;}
    .product-new{padding: 15px;}
    .product-new h6{line-height: 24px;}
    .pro-img img{width: 180px !important;}
}

@media(min-width:992px) and (max-width:1024px){
    .header-bx{padding: 25px 15px;}
    .main-infor{padding: 40px 15px;}
    .main-infor h1{font-size:32px;line-height:38px;}
    .main-infor p{font-size: 16px;line-height: 26px;}
    .slider-block h2{font-size: 36px;}
    .slider-block p{font-size:20px;}
    .slider-img img{width: 300px !important;}
    .product-new{padding: 15px;}
    .product-new h6{line-height: 24px;}
    .pro-img img{width: 180px !important;}
    .inner-pro .owl-prev, .inner-pro .owl-next{left:0;}
    .inner-pro .owl-next{left: auto;right:0;}
}

@media(min-width:768px) and (max-width:991px){
    .main-part,.product-new,.main-slider,
    .main-box{height: auto;}
    .main-box .col-sm-12{padding: 0;}
    .main-infor{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;padding:130px 15px 60px;}
    .main-infor h1{font-size:38px;text-align: center;margin: 0 0 20px;line-height: 42px;}
    .main-infor p{font-size: 16px;text-align: center;line-height: 22px;}
    .main-slider{padding: 100px 15px;}
    .slider-posi{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;}
    .slider-block h2{font-size:36px;line-height:40px; margin: 0 0 15px;}
    .slider-block p{font-size:20px;margin: 0 0 20px;}
    .slider-img img{width:350px!important;}
    .inner-pro{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;padding:20px 15px;}
    .product-new{padding: 15px;} 
    .inner-pro .owl-prev, .inner-pro .owl-next{left:0;}
    .inner-pro .owl-next{left: auto;right:0;}
}

@media(min-width:448px) and (max-width:767px){
    .header-bx{padding: 25px 15px;}
    .header-bx .col-xs-7,.header-bx .col-xs-5{padding: 0;}
    .main-part,.product-new,.main-slider,
    .main-box{height: auto;}
    .main-infor{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;padding:130px 15px 60px;}
    .main-infor h1{font-size:38px;text-align: center;margin: 0 0 20px;line-height: 42px;}
    .main-infor p{font-size: 16px;text-align: center;line-height: 22px;}
    .main-slider{padding: 100px 15px;}
    .slider-posi{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;}
    .slider-block h2{font-size:36px;line-height:40px; margin: 0 0 15px;}
    .slider-block p{font-size:20px;margin: 0 0 20px;}
    .slider-img img{width:350px!important;}
    .inner-pro{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;padding:20px 15px;}
    .product-new{padding: 15px;}
    .terms-inf{padding: 0;}
    .privacy-links{text-align: left;}
    .terms-inf h4,
    .payemtn h3{font-size: 32px; text-align: center;}
    .payemtn ul{text-align: center;}
    .payemtn li a img {width:100px;}
    .terms-inf p{text-align: center;}
    .inner-pro .owl-prev, .inner-pro .owl-next{left:0;}
    .inner-pro .owl-next{left: auto;right:0;}
}

@media(max-width:447px){
    .header-bx{padding: 25px 15px;}
    .header-bx .col-xs-7,.header-bx .col-xs-5{padding: 0;}
    .main-part,.product-new,.main-slider,
    .main-box{height: auto;}
    .main-infor{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;padding:130px 15px 60px;}
    .main-infor h1{font-size: 32px;text-align: center;margin: 0 0 20px;line-height: 38px;}
    .main-infor p{font-size: 16px;text-align: center;line-height: 22px;}
    .main-slider{padding: 100px 15px;}
    .slider-posi{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;}
    .slider-block h2{font-size: 32px;line-height: 38px; margin: 0 0 15px;}
    .slider-block p{font-size: 18px;margin: 0 0 20px;}
    .slider-img img{width: 100%!important;}
    .inner-pro{position: relative;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);transform: translate(0);top: 0;padding:20px 15px;}
    .product-new{padding: 15px;}
    .cntbox{padding: 0;height: 300px;}
    .terms-inf{padding: 0;}
    .privacy-links{text-align: left;}
    .terms-inf h4,
    .payemtn h3{font-size: 32px; text-align: center;}
    .payemtn ul{text-align: center;}
    .payemtn li a img {width: 95px;}
    .terms-inf p{text-align: center;}
    .inner-pro .owl-prev, .inner-pro .owl-next{left:0;}
    .inner-pro .owl-next{left: auto;right:0;}
    .modal-dialog{width: 90%;margin: 40px auto;}
}
/***** ****************** End Responsive CSS ****************** *****/.myloader {    border: 5px solid #f3f3f3; /* Light grey */    border-top: 5px solid #3498db; /* Blue */    border-radius: 50%;    width: 30px;    height: 30px;    animation: spin 2s linear infinite;    display:none;    margin-right: 10px;    position: absolute;    top: 25px;    margin: 0 auto;    left: 0px;    right: 0;}@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}#successModal .modal-body .close{    opacity: 1;    outline: none;    position: absolute;    top: 30px;    right: 30px;}#successModal .modal-dialog{    width: 530px;  }#successModal .modal-content{    border-top-left-radius: 50px;     border-top-right-radius: 15px;     border-bottom-left-radius: 15px;     border-bottom-right-radius: 50px;     box-shadow: 0 0 50px rgba(0,0,0,0.10);    border: none;}#successModal .modal-body{    padding: 70px 0;    text-align: center;}#successModal .modal-body img{    margin: 0 auto;}#successModal .modal-body h1{    font-size: 34px;     color: #565658;    margin: 35px 0 25px;}#successModal .modal-body p{    font-size: 18px;     color: #b6b6b6;    margin: 0;}.form-group select{    -webkit-appearance: none !important;    appearance: none;    -moz-appearance: window;	position:relative} .form-group{postion:relative} .form-group i {    font-size: 18px;    color: #000;    position: absolute;       top: 14px;    right: 23px;}