/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

@-webkit-keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}
@-moz-keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}
@-ms-keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}
@-o-keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}
@keyframes col {
0% { transform: scale(1);}
30% {transform: scale(1.5);}
100% { transform: scale(1);}
}

.col {
  -webkit-animation: col ease 2s 99;
  -moz-animation: col ease 2s 99;
  -o-animation: col ease 2s 99;
  -ms-animation: col ease 2s 99;
  animation: col ease 2s 99;
}

#inform {
  width:320px;
  height:auto;
  padding:20px 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 0px 20px 10px #fff;
  border-radius: 5px;
  border:1px solid #ddd;
  color:#000;
  opacity: 0;
  visibility: hidden;
  top: -100px;
  left:50%;
  font-size: 15px;
  transform: translateX(-50%);
  transition: 0.2s;
  position: fixed;
  z-index: 9999;
}

#inform.red {background: rgba(249, 50, 50, 0.95); color:#fff;}
#inform.grn {background: rgba(50, 211, 95, 0.95); color:#fff;}
#inform.on { opacity: 1; visibility: visible; top:50px; transition-delay: 0.3s; transition: 0.5s;}


/* styles */

/* 

1. General styles
2. Main slides
3. Rest

*/

textarea:focus, input:focus { outline: none; }

html {  font-size:14px; font-family: 'Montserrat', sans-serif; } 
@media only screen and (max-width: 359px) { html {font-size: 8px;} }
@media(min-width:1500px){ html { font-size: 14px; } } /*12*/
@media(min-width:1980px){ html { font-size: 18px; } } /*16*/

/* 1. General styles */
body {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}

.nos {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.centered { max-width: 1050px; width:calc(100% - 40px); margin:0 auto; }
.full { width: 100%; }


html, body {
  background-color: white;
  position: relative;

}

/*.header-wraper{
   position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
        width: 100%;
    height: 210px;
    background-color: #fff;

}*/

header {
  height: 95px;
    background: white;
    width: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    background-color:#fff;
    border-bottom: 1px solid #ddd;
}

.header-inner { max-width: 1050px;
    width:calc(100% - 40px); margin:15px auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }

#mg-top { display: block; height:1px; margin-top: 120px; }

.header-logo{

}


.header-logo svg {
  width: calc(118px * 1) ; 
  height: calc(62px * 1) ;
  fill:green;
}

.header-right {
  display: flex;
  align-items: center;
}

.header-soc { 
  margin-right: 0px; 
  display: flex;
}

.header-right a.soc {
  text-decoration: none;
  display: block;
  width:40px;
  height: 40px;
  border-radius: 50%;
  background-color: green;
  margin:0 5px;
}

.header-right a.soc svg { 
  fill:#fff; 
  display: block;
  width: 20px;
  height: 20px;
  margin: 10px;
}


.header-right .contact_us_tel{
  font-weight: bold;
  font-size: 18px;
  color:#000;
  text-decoration: none;
  padding:10px 10px;
  border-radius: 5px;
  transition:.2s;
}

.header-right .contact_us_tel:hover { transition:.2s; background-color:#eee; }

.hd-mods { display: flex; /*width: 140px;*/ align-items: flex-end; justify-content: flex-end;  }
.hd-mods a.mod { display: flex; flex-direction: column; align-items: center; margin-left: 20px; position: relative; text-decoration: none; }
.hd-mods a.mod i { width:40px; height: 40px; }
.hd-mods a.mod i svg { width:30px; height: 30px; margin:5px; fill:#000;}
.hd-mods a.mod:hover i svg { fill:green; transition: .2s; }
.hd-mods a.mod span { display: block; position: absolute; visibility: hidden; opacity: 0; border-radius: 10px; font-size: 12px; top:-5px; right:-10px; line-height: 20px; height:20px; min-width: 13px; text-align: center; padding:0 4px; color:#fff; background: #e12229; }
.hd-mods a.mod span.act { visibility: visible; opacity: 1; }
.hd-mods a.mod .text { font-size: 14px; color:#000; line-height: 15px; margin-top: 5px; }
.hd-mods a.mod:hover .text { color:green; transition: .2s; }

#crtcnt { display: none; }
#crtcnt.act { display: block; }


nav {
    /*margin: 100px auto 30px auto;*/
    background: white;
    /*max-width: 980px;
    width: calc(100% - 40px);*/
    display: flex;
    align-items: center;
    justify-content: center;
    /*border-bottom: 1px solid #000;*/
    
}

nav a { 
  padding: 0 10px;
  text-decoration: none;
  display: block;
  height: 40px;
  line-height: 40px;
  transition:.3s;
  color: #63685e;
  font-size: 14px;
  border-radius: 6px;
  margin:0 2px;
}

nav a:hover {
  background-color: green;
  color: white;
  transition:.1s;
}

nav a.act { 
  background-color: green;
  color: white;
}


.menu {

}

.general_block {
  max-width: 1050px;
  width: calc(100% - 20px);
  background: white ;
  color: grey ;
  height:auto ;
  display: flex;
  margin: 20px auto;
  flex-wrap: wrap;
}

.general_block .prod {
  width:calc(25% - 20px);
  height: 440px;
  background-color: white;
  margin:0 10px 20px 10px;
}

.top_elem_item{
  color: white;
  background-color: black;
  font-size: 14px;
  width: max-content;
  margin: unset;
  padding: 5px 10px 5px 10px;
  position: absolute;
  z-index: 2;
}
.img_wrap{overflow: hidden; display: flex; align-items: center; min-height: 220px; height: 220px; background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 8px;}
img.prod_foto { margin: 0px auto 0px auto; width: 100%; height: auto; /*mix-blend-mode: multiply;*/ } 
.prod {
  display: inline-block; /* Строчно-блочный элемент */
  overflow: hidden; /* Скрываем всё за контуром */
  text-align: center;
  position: relative;
 }

.prod-link { text-decoration: none; }

   .prod img {
    transition: 1s; /* Время эффекта */
    display: block; /* Убираем небольшой отступ снизу */
   }

   .prod img:hover {transform: rotate(-3deg);}

 .prod-text{
  text-decoration: none;
  color: black;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  display: flex; 
  align-items: center;
  justify-content: center;
  width: calc(100% - 10px); 
  margin: 5px 5px 20px 5px;
  height: 55px;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  position: relative;
 }

 .prod-text::after { display: block; content: ''; position: absolute; width: 60px; height: 1px; background-color:#ddd; bottom:-10px; left:50%; transform: translateX(-50%); }

.prod-price { color:black; font-size: 18px; font-weight: bold; margin:5px auto 10px auto; }
.prod-price small { color:black; font-size: 13px; }
.dostavka{
  text-decoration: none;
  color: #777;
  border-bottom: 1px dotted #999;
  font-size: 12px;
}

.prod-buy-button{
  color: #000;
  background-color: white;
  width:calc(100% - 50px);
  height: 44px;
  margin: 15px 0;
  background: white;
  border-radius: 30px;
  text-align: center;
  font-size: 16px;
  transition: .2s;
  border:2px solid #000;
  cursor: pointer;
}

.prod:hover .prod-buy-button { background-color:#f0fff0; color:green; border:2px solid green; }
.prod:hover .prod-buy-button:hover { background-color:green; color:white; border:2px solid green; }
.prod:hover .prod-buy-button:active { background-color:#f0fff0; color:green; border:2px solid green; }

.about_us {
  width: 100%;
  height: auto;
  background: rgb(28 138 67);
  color: white ;
  font-size: 18px;
}

.about_us {
  background: #218c21;
  justify-content: center;
  text-align: center;
  min-height: 150px;
  width: auto;
  padding: 40px 100px;
  color: white;
  font-size: 18px;
}

.about_us h2 {
  font-size: 28px;
  margin:0 auto 30px auto;
  text-align: center;
}

.about_us p {
  font-size: 18px;
  line-height: 28px;
}

.about_us_text{
  display: flex;

justify-content: center;
margin-left: 40;

}
.text_bold{
      font-family: avenir-lt-w01_85-heavy1475544,sans-serif;
    font-weight: bold;

}

.contact_us{
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1050px; 
  width:calc(100% - 20px);
  margin:0 auto;
}

.fb-iframe { width: 50%; display: flex; align-items: center; }
.fb-iframe * { margin:0 auto; }

.contact_block{
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 30px 30px;
  text-align: center;
  font-size: 21px;
}

.contact_icon{ display: flex; margin:10px auto; align-items: center; justify-content: center; }
.contact_icon a.soc { display: block; width: 40px; height: 40px; text-decoration: none; margin:0 5px; }
.contact_icon a.soc svg { display: block; width:30px; height: 30px; margin:5px; fill:#000; transition: .2s;  }
.contact_icon a.soc:hover svg { transition: .2s; fill:green; }
.contact_us_text { text-align: center; margin-bottom:10px; margin-top: 20px; }

.footer-contact_us_tel { 
  font-weight: bold;
  font-size: 24px;
  color:#000;
  padding: 10px 0;
}

.footer-contact_us_tel a { text-decoration: none; color:#000; transition: .2s; }
.footer-contact_us_tel a:hover { color:green;  transition: .2s; }


.footer1-text{
   text-align: center;
   padding: 25px 25px;
   color:#000;
   font-size: 14px;
   line-height: 26px;
}


.footer1 {
  background-color: #f3f3f3;
  color: black;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-backend {
    width: 100vw;
    height: 100vh;
    background-color: #1a1919c2;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 1000;
    visibility: hidden; opacity: 0;
    transition: .3s;
}

.cart-backend.act { visibility: visible; opacity: 1; transition: .3s; }

.cart-close { position: absolute; top:20px; left:20px; }
.cart-close i { display: block; width: 30px; height: 30px; }
.cart-close i svg { display: block; width: 24px; height: 24px; margin:3px; stroke:#fff; }



.cart{
    background-color: white;
    width: 500px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -300px;
    transition:.1s;
}

@media only screen and (max-width: 500px) {
.cart{ width: 100%; }
}

.cart-backend.act .cart { transition:.3s; transition-delay: .3s; right: 0; }


.cart-tit{
    background-color: black;
    color: white;
    /* padding: 39px 26px; */
    text-align: center;
    font-size: 31px;
    height: 70px;
    font-weight: lighter;
    /* line-height: 70px; */
    font: normal normal normal 16px/1.4em avenir-lt-w01_85-heavy1475544,sans-serif;
    line-height: 70px;
}
.cart-item-wrapper{
        height: calc(100% - 240px);
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.cart-item-wrapper::-webkit-scrollbar { width: 8px; }
.cart-item-wrapper::-webkit-scrollbar-track { background: rgba(45, 90, 90, 0.16); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
.cart-item-wrapper::-webkit-scrollbar-button {background: #fff; height: 3px;}
.cart-item-wrapper::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.cart-no-items { padding:0 20px; width: calc(100% - 40px); }

.sum {
  height: 40px;
  font-size: 24px;
  padding:0 20px;
  width: calc(100% - 40px);
  display: flex;
  align-items: center; justify-content: center;
  overflow: hidden;
  background-color: #fff;
}

.sum-text { font-size: 16px; color:#000; width:70px; }
.sum-inf { font-size: 18px; font-weight: bold; color:#000; }
.sum-inf small { font-size: 12px; }

.look{
    background-color: #fff;
    /* padding: 34px 49px; */
    text-align: center;
    bottom: 0;
    height: 130px;
    display: flex;align-items: flex-start;justify-content: center;
}

.pereglad{
  background-color: green;
  color: white;
  font-size: 18px;
  font-weight: bold;
  height: 46px;
  line-height: 46px;
  width:240px;
  text-align: center;
  margin: 10px auto;
  border:0;
  outline: none;
  cursor:pointer;
}

.cart-item{
  background-color: white;
  display: flex;
  position: relative;
  padding:15px 0;
}

.cart-item .close {
    display: block;
    text-decoration: none;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
}
.cart-item .close i svg {
    stroke: #777;
    width: 14px;
    height: 14px;
    margin: 5px;
}

.item_content{
  width: calc(60% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left:10px;
}

.item_content .item_name{
  margin-bottom: 10px; 
  font-size: 12px;
  line-height: 14px;
}

.item_content .item_price{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

/*kolichestvo*/
.cart-item .cart-item-quant {
    display: flex;
    align-items: center;
    width: 90px;
    justify-content: center;
    border: 1px solid black;
    margin-top: 5px;
}

.cart-item .cart-item-quant a {
    text-decoration: none;
    color: #ccc;
    font-size: 18px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.cart-item .cart-item-quant span {
    color: #000;
    font-size: 24px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.img_cart_wrap{
  width: calc(35% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}

.img_cart{
width: 100%;
}

.body2{
  width: 800px;
  margin: 0 45px;
  padding: 25px 0;
background-color: grey;
position: relative;
}

.prod-gen-block{
  background-color: #fff;
  width: 900px;
  height: 600px;
  margin-top: 200px;
   top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-top: 193px;
}

.prod-top-line{
  background-color: #fff;
  width: 900px;
  height: 30px;
    display: flex;
    flex-direction: initial;
    justify-content: space-between;
    font-size: 20px;
    margin: 30px 0 0 0 ;
}

.prod-name{
  
}

.part-1{

}
.prod-foto_b{
  width: 500px;
  height: 500px;

}
.img{
      border: solid;
    border-color: lightgray;
}

.prod_cont{
  display: flex;
    flex-direction: initial;
    justify-content: space-evenly ;

}

.section2{
    font-size: 15px;
    padding: 5px 43px;

}

.title-prod{
  font-size: 40px;
    font-weight: bold;
}

.artik{
  font-size: 12px;
    color: #8d8686;
}

.price{
    font-size: 20px;
    font-weight: bold;
}

.dostavka2 {
    text-decoration: none;
    color: #0f0f0f;
    font-size: 16px;
}

.inform {
    border-bottom: 1px solid #80808075;
    font-size: 16px;
}

/*.cart-item .cart-item-quant {
    display: flex;
    align-items: center;
    width: 150px;
    justify-content: center;
}

.cart-item .cart-item-quant span {
    color: #000;
    font-size: 24px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.cart-item .cart-item-quant a {
    text-decoration: none;
    color: #ccc;
    font-size: 18px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}*/

.buy-button{
      background-color: black;
    color: #fff;
    height: 32px;
    width: 200px;
}

.section2-text{
  font-weight: bold;
}

.part-2{
color: black ; 
font-size: 16px ;
width: 400px ;
}
.add-to-char{
    background-color: #fff;
    border-color: black;
    width: 200px;
    padding: 5px 0;
    margin: 5px 0;
}

.text-bold{
  font-weight: bold;
  color: black ;
}
.contact-line {
    display: flex;
    flex-direction: initial;
    justify-content: space-evenly;
    margin: 41px 0;
}

.contact-facebook{
      height: 149px;
    width: 470px;
    background-color: pink;
}




.policy-general{
    max-width: 900px;
    width: calc(100% - 20px);
    color: black;
    height: auto;
    margin:40px auto;
}

.link{
  text-decoration: none;
  color: black;
}

.policy-title{
text-decoration: none;
    font-size: 40px;
    padding: 0px 239px;
}

.policy-main-text{
  
}

.cart-page{
  background-color: violet;
  width: 900px;
  height: 500px;

}

.cart-title{
      background-color: #3f51b5;
    width: 900px;
    height: 50px;
    z-index: 121;
    margin: 150px 0 0 0;
}

.cart-block{
background-color: green;
  width: 800px;
  height: 50px;

}

.cart-left-block{
background-color: blue;
  width: 500px;
  height: 20px;
  z-index: 100;
}

.cart-right-block{
background-color: lightblue;
  width: 250px;
  height: 20px;
  z-index: 100;
}

.cart-adds{
  background-color: black;
  width: 500px;
  height: 20px;
  

}

#product-review-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color: rgba(253, 192, 2, 0.1);
  z-index: 12;
  position: fixed;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  top:0;
  left:0;
}

#product-review-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

#product-review { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:calc((100vh - 56
  0px) / 2); left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:400px; height:auto; background: #FFFFFF; border-radius: 0px; }
#product-review-head {display: flex; flex-direction: column; height:auto; width:calc(100% - 40px); position: relative; justify-content: space-between; padding:20px;}
#product-review-head  img { width:100%; max-width:160px; height:auto; margin: -5px auto 20px auto; }
#product-review-head-text { font-size: 18px; line-height: 25px; color:#333; width:100%; text-align: center; }
#close-product-review {display: block; width:24px; height:24px; position:absolute; top:15px; right:10px; }
#close-product-review i {display: block; width:24px; height:24px; }
#close-product-review i svg {display: block; width:20px; height:20px; margin:2px; stroke:#777;}

#product-review-form {display: block; width:300px; margin:10px auto 30px auto; height:auto; text-align: center; font-size: 15px; color:#333;}

#product-review-form #grev {margin-bottom: 20px;}

#product-review-form input { border: 1px solid rgba(45, 90, 90, 0.16); border-radius: 0px; padding:0 10px; font-size: 13px; color:#333; height:45px; width:100%; margin-bottom: 10px; }
#product-review-form input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }


/*#product-review-form input { border: 1px solid rgba(45, 90, 90, 0.16); border-radius: 4px; padding:0 10px; font-size: 13px; color:#333; height:45px; width:calc(100% - 20px); }
#product-review-form input:nth-child(1) {width:calc(50% - 30px);}
#product-review-form input:nth-child(2) {width:calc(50% - 30px);}
#product-review-form input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }
*/#product-review-form textarea {height:14px; width:100%; height:80px; padding:20px 10px; overflow:hidden; font-size: 13px; border-radius: 4px; border: 1px solid rgba(45, 90, 90, 0.16);  transition: .2s;}
#product-review-form textarea.fail { border: 1px solid rgba(249, 50, 50, 0.95); }

.grev .stars, #grev .starsadd { width:150px; height:30px; display: block; margin:0 auto; position: relative; }
.grev .stars i, #grev .starsadd i{ width:30px; height:30px; display: block; float:left;}
#grev .starsadd i{cursor: pointer;}
.grev .stars span, #grev .starsadd span { height:30px; line-height: 35px; font-size: 20px; width:60px; position: absolute; right:-70px; color:#666; }
.grev .stars i svg, #grev .starsadd i svg{ width:26px; height:26px; margin:2px; fill:none; stroke:#676d76; stroke-width:.7; }
.grev .stars i.act svg, #grev .starsadd i.act svg{ fill:#ffd203; stroke:#ffd203;}
.grev a { display: block; padding-left: 30px; text-align: center; font-size: 22px; height: 40px; line-height: 40px; color:#666; text-decoration: none;}


#product-review-submit {
    background: green;
    color: #000;
    display: block;
    margin: 20px auto 20px auto;
    width: 150px;
    text-align: center;
    text-decoration: none;
    height: 36px;
    line-height: 36px;
    border-radius: 0px;
}

@media(max-width:900px){ 
  #product-review { width:calc(100% - 20px); }
}


#product-fast-order-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color: rgba(0, 128, 0, 0.25);
  z-index: 12;
  position: fixed;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  top:0;
  left:0;
}

#product-fast-order-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

#product-fast-order { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:calc((100vh - 140px) / 2); left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:400px; height:auto; background: #FFFFFF; border-radius: 0px; }
#product-fast-order-head {display: flex; flex-direction: column; height:auto; width:calc(100% - 40px); position: relative; justify-content: space-between; padding:20px;}
#product-fast-order-head  img { width:100%; max-width:160px; height:auto; margin: -5px auto 20px auto; }
#product-fast-order-head-text { font-size: 18px; line-height: 25px; color:#333; width:100%; text-align: center; }
#close-product-fast-order {display: block; width:24px; height:24px; position:absolute; top:15px; right:10px; }
#close-product-fast-order i {display: block; width:24px; height:24px; }
#close-product-fast-order i svg {display: block; width:20px; height:20px; margin:2px; stroke:#777;}

#product-fast-order-form {display: block; width:300px; margin:10px auto 30px auto; height:auto; text-align: center; font-size: 15px; color:#333;}

#product-fast-order-form input { border: 1px solid rgba(45, 90, 90, 0.16); border-radius: 0px; padding:0 10px; font-size: 13px; color:#333; height:45px; width:100%; margin-bottom: 10px; }
#product-fast-order-form input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }
#product-fast-order-form textarea {height:14px; width:100%; height:80px; padding:20px 10px; overflow:hidden; font-size: 13px; border-radius: 4px; border: 1px solid rgba(45, 90, 90, 0.16);  transition: .2s;}
#product-fast-order-form textarea.fail { border: 1px solid rgba(249, 50, 50, 0.95); }


#product-fast-order-submit {
    background: green;
    color: #000;
    display: block;
    margin: 20px auto 20px auto;
    width: 150px;
    text-align: center;
    text-decoration: none;
    height: 36px;
    line-height: 36px;
    border-radius: 0px;
}

@media(max-width:900px){ 
  #product-fast-order { width:calc(100% - 20px); }
}


#product-page {}
#product-page h1 { font-size: 30px; line-height: 34px; font-weight: normal; margin:20px 0 30px 0; }
#product { margin-top:20px; }
.pr-row { display: flex; flex-wrap: wrap; }
#pr-row-top {justify-content: space-between; width:100%; }
#pr-left {display: flex; align-items: flex-start; justify-content: flex-end; width:calc(60% - 50px); flex-direction: column-reverse; }

#pr-im-prev { display: flex; align-items: center; width:100%; justify-content: flex-start; /*max-height: 500px;*/ overflow-y: auto; margin-top: 20px; }
#pr-im-prev::-webkit-scrollbar { width: 8px; }
#pr-im-prev::-webkit-scrollbar-track { background: rgba(45, 90, 90, 0.16); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#pr-im-prev::-webkit-scrollbar-button {background: #fff; height: 3px;}
#pr-im-prev::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

#pr-im-prev img { width:60px; height:60px; object-fit: cover; margin-bottom: 10px; margin-right: 10px; border:1px solid #ddd; border-radius: 3px; }
#pr-im-prev img.pr-im-prev { cursor:pointer; }

#pr-im {display: flex; align-items: center; position: relative; width: calc(100% - 0px); height:500px; border:1px solid #ddd; border-radius: 8px; background-color: #f5f5f5; }
#pr-im img { cursor:zoom-in; border-radius:0px; mix-blend-mode: multiply; }
#pr-im img.zoomImg { mix-blend-mode: normal; }
#pr-im img#mainimg {max-width:calc(100% - 40px); margin:0 auto; width:auto; height:auto; max-height: 500px;}

#pr-im .pr-add-comp {text-decoration: none; border-radius: 3px; width:30px; height:30px; display: block; position: absolute; top:0; right:0; z-index: 2; transition: .2s;}
#pr-im .pr-add-comp i svg {width:24px; height:24px; margin:3px; fill:#000;  transition: .2s;}

#pr-im .pr-add-comp:hover { background: #fff; transition: .2s; }
#pr-im .pr-add-comp:hover i svg { fill: #003E7C; transition: .2s; }

#pr-right {display: flex; flex-direction: column; align-items: flex-start; width:40%; margin-right:0px;}
#pr-price-old-wrap {margin-bottom:40px; display: flex; align-items: center; justify-content: space-between;}
#pr-price-old  { font-size:24px; color:#C4C4C4; text-decoration: line-through; }
#pr-price-disc { color:#E12229; font-size: 24px; margin-left: 20px;}
#pr-price {margin-bottom:25px; font-weight: bold; font-size: 34px; color:#000; width:100%; text-align: left;}
#pr-price span{ font-weight: bold; font-size:20px; color:#000;}

/*#pr-right h1 {margin-bottom: 10px; font-size: 24px;}*/
/*#pr-right .stars {margin-bottom: 40px;}*/
#pr-right-btns {margin-bottom:20px; width: 420px; display: flex; align-items: center; justify-content:flex-start;}
/*#pr-right-btns a {display: block; color:#000; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; height:36px; line-height: 36px;}*/
/*.pr-add-cart {background:#FDC002; width: 130px; margin-right: 10px; transition: .5s; }
.pr-add-cart:hover { transition: .5s; box-shadow: inset 20px 10px 30px 0px #fDe002;  }
*/
.pr-add-cart {
    color: #000;
    background-color: white;
    width: calc(100% - 50px);
    height: 44px;
    margin: 15px 0;
    background: white;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    transition: .2s;
    border: 2px solid #000;
    cursor: pointer;
    text-decoration: none;
    line-height: 44px;
    max-width: 200px;
}
.pr-add-cart:hover { background-color: green; border: 2px solid green; color:#fff; transition: .2s; }

/*.pr-add-fav {background:#fff; color:#000;}*/
/*.pr-add-cart i {display: inline-block; width:24px; height:24px; margin:13px 24px 13px 0; float:right;}*/
/*.pr-add-cart i svg {fill:#fff;width:24px; height:24px; float:right; }*/
#pr-right-btns .pr-add-fav, 
#pr-right-btns .pr-add-comp  { background-color: #fff; display: flex; align-items: center; justify-content:flex-start; height: 36px; }
.pr-add-fav i, .pr-add-comp i  {display: block; width:20px; height:20px; margin:0 10px;}
.pr-add-fav i svg, .pr-add-comp i svg {fill:#777; width:20px; height:20px; display: block;}
.pr-add-fav span.text, .pr-add-comp span.text { display: block; font-size: 12px; color:#777; font-weight: normal; margin-right: 10px; }

#pr-right-btns .pr-add-fav { width:140px; }
#pr-right-btns .pr-add-comp { width:120px; }
#pr-right-btns .pr-add-fav:hover, 
#pr-right-btns .pr-add-comp:hover  { transition:.3s; background-color:#eee;  }
#pr-right-btns .pr-add-fav:hover i svg, 
#pr-right-btns .pr-add-comp:hover i svg { transition:.3s; fill:#000;  }
#pr-right-btns .pr-add-fav:hover span.text, 
#pr-right-btns .pr-add-comp:hover span.text { transition:.3s; color:#000;  }

#pr-status { font-size: 14px; margin-bottom: 10px; }

.prd-no-revs { color:#777; font-size: 13px; }

/*.stars {margin-bottom: 5px; margin:0px 0;}
.stars{ width:80px; height:24px; display: flex; align-items: center; justify-content: space-between; margin:5px 0; position: relative; margin-bottom:5px; }
.stars i{ width:16px; height:24px; display: block;}
.stars span{ height:16px; line-height: 25px; font-size: 14px; width:40px; position: absolute; right:-50px; color:#666; }
.stars i svg{ width:14px; height:14px; margin:2px; fill:none; stroke:#676d76; stroke-width:.7; }
.stars i.act svg{ fill:#ffd203; stroke:#ffd203;}
*/
#pr-inf { display: flex; flex-direction: column; margin-top: 0px; }
.pr-inf-item { margin-bottom: 30px; display: flex; flex-direction: column; }
.pr-inf-tit { font-size: 16px; color:#000; font-weight: bold; margin-bottom: 15px; }
.pr-inf-cont { display: flex; flex-direction: column;}
.pr-inf-cont-item { display: flex; margin-bottom: 15px; align-items: center; justify-content: flex-start; }
.pr-inf-cont-item img { width:26px; height: auto; display: block; margin-right:15px; mix-blend-mode: multiply; }
.pr-inf-cont-item img.pay { width:40px; }
.pr-inf-cont-item .text { display: block; color:#000; }
.pr-inf-cont-item .text-tit { font-size: 14px; margin-bottom: 5px; }
.pr-inf-cont-item .text-desc { font-size: 12px; margin-bottom: 5px; }
.pr-inf-cont-item .text .text-yellow { color:#FDC002; }
.pr-inf-cont-item .text .text-bold { font-weight: bold; }

/*#pr-tab-char {width:100%; display: flex; flex-direction: column;}*/
.char-row {display: flex; width:100%; margin:0 auto; align-items: center; justify-content: space-between; height:26px;}
.char-row b {display: inline-block; color:#000; font-size: 14px;}
.char-row span {display: inline-block; color:#000; font-size: 14px;}


#pr-tabs-wrap {display: flex; padding:0 0px; margin-top:20px; height: 50px; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #C4C4C4;}
#pr-tabs {display: flex; align-items: flex-start; margin-right: 40px; }
#pr-tabs a {display: block; height:50px; line-height: 50px; text-decoration: none; color:#777; font-size: 16px; padding:0 20px;}
#pr-tabs a.act {color:#000; font-weight: bold; box-shadow: 0px 2px 0px #000;}
#pr-tab-wrap { display: flex; align-items: flex-start; justify-content: space-between; width: 100%;  margin-bottom:0px;}
#pr-tab {width:calc(100% - 40px); max-width:calc(100% - 40px); min-width:calc(100% - 40px); height:calc(100% - 40px); padding:0 20px 40px 20px;}

.pr-tab { display: none; padding:40px 0;  }
.pr-tab h2 {font-size: 24px; text-transform: uppercase; color:#000; margin:40px 0 40px 0; width:100%;}
.pr-tab h2:nth-child(1) {margin:0px 0 40px 0;}

.pr-tab-desc { display: block; }
/*.pr-tab-desc > div {column-count:2; column-gap: 40px;}*/
.pr-tab-desc h2 {font-size: 20px; font-weight: bold; color:#000; margin:0px 0 20px 0;}
.pr-tab-desc h3 {font-size: 18px; font-weight: bold; color:#000; margin:0px 0 20px 0;}
.pr-tab-desc p {font-size: 16px; line-height: 21px; color:#000; margin-bottom: 20px;}

.pr-tab-char {  }
#pr-char-cont { overflow: auto; }
#pr-char-cont table tr td { padding:10px 22px; font-size: 13px; color:#333; }
#pr-char-cont table tr:nth-child(even) { background-color: #f2f2f2; }
#pr-char-cont::-webkit-scrollbar { width: 8px; }
#pr-char-cont::-webkit-scrollbar-track { background: rgba(45, 90, 90, 0.16); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#pr-char-cont::-webkit-scrollbar-button {background: #fff; height: 3px;}
#pr-char-cont::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.pr-tab-parts {  }
.pr-tab-docs {  }

#pr-revs {width:calc(100% - 0px); min-width:calc(100% - 0px); max-width:calc(100% - 0px); padding:0;}
#pr-revs h2 {font-size: 24px; text-transform: uppercase; color:#000; margin:40px 0 20px 0;}
.pr-rev { margin-bottom: 40px;}
.pr-rev-head {height: 40px; display: flex; align-items: center; justify-content: space-between;}
.pr-rev-head-left {height: 40px; display: flex; align-items: center;}
.pr-rev-head-left b{ font-size: 14px; color:#000; margin-right: 20px; display: block; }
.pr-rev-head-date { font-size: 14px; color:#717070; align-items: center; display: flex;}
.pr-rev-cont {font-size: 14px; color:#000;}
.pr-add-rev {background:#FDC002; color:#000;  display: block; margin:20px 0 20px 0; height:36px; line-height:36px; width: 150px; text-align: center; text-decoration: none; }
.pr-add-rev:hover { transition:.2s; box-shadow: inset 20px 10px 30px 0px #fDe002; }

@media only screen and (max-width: 1065px) {
.header-soc { display: none; }
}

@media only screen and (max-width: 1050px) {

  .general_block .prod { width: calc(33.333% - 20px); }

  .about_us h2 { font-size: 24px; }
  .about_us p { font-size: 14px; line-height: 22px; }

  .contact_us_text { margin-top: 10px; font-size:16px; }
  .footer-contact_us_tel { font-size: 20px; }
  nav a { padding:0 8px; margin:0 0; }
  .header-logo svg { width: calc(118px * 0.8); height: calc(62px * 0.8);}
  .header-soc { display: none; }
  .header-right .contact_us_tel { font-size: 18px; }
  header { height: 80px; }

  #pr-left { width: calc(50% - 50px); }
  #pr-right { width: 50%; }
  #pr-im { height: 300px; }
}

@media only screen and (max-width: 929px) {
  .header-soc { display: flex; }
  .header-logo { display: flex; align-items: center; }
  .header-logo svg { width: calc(118px * 0.7); height: calc(62px * 0.7); margin-top: 10px;}
  .header-logo svg path.svg-logo-text { opacity: 0;}
  .header-inner { width:calc(100% - 40px); padding:0 20px; height: 50px; border-bottom:0; margin: 5px auto; }
  
  nav { top:50px; left:0; position: absolute; width: 100%; border-bottom: 1px solid #ddd; }
  nav a { height: 32px; line-height: 32px; border-radius: 0; font-size: 12px; }
  nav a.act { background-color: white; font-weight: bold; color:#000; }
  nav a:hover { background-color: white; color:#000; }

  .hd-mods a.mod span { top:3px; right: -15px; border-radius: 12px; border:2px solid #fff; }
  .header-right a.soc { background-color: white; width: 20px; height: 20px; }
  .header-right a.soc svg { fill:black; margin:0; }

  #mg-top { margin-top: 80px; }

  #product-page h1 { font-size: 22px; line-height: 30px; margin: 10px 0 15px 0; }
  #pr-price { font-size: 28px; margin-bottom: 10px; }
}

@media only screen and (max-width: 500px) {

  nav { overflow: auto; white-space: nowrap; align-items: flex-start; justify-content: flex-start; }
}

@media only screen and (max-width: 650px) {
    #pr-left { width: 100%;  }
    #pr-right { width: 100%; }
    .centered { width:calc(100% - 20px); }
    #product-page h1 { text-align: center; font-size: 20px; line-height: 26px; }
    #pr-price { text-align: center; }
    #pr-right-btns { width: 100%; align-items: center; justify-content: center; }

    .about_us { padding:20px 20px; }

    #pr-inf { width: calc(100% - 30px); padding:15px; background-color: #f5f5f5; }
    /*.pr-inf-tit { text-align: center; }*/
}

@media only screen and (max-width: 440px) {
  header { height: 50px; border-bottom:0; }
  .header-inner { width:calc(100% - 20px); padding:0 10px; height: 50px; border-bottom:0; margin: 5px auto; }
  .hd-mods a.mod { margin-left:0px; }
  .hd-mods a.mod span { right: -5px; top:0; }
  .header-soc { margin-right: 0; }
  .hd-mods a.mod i svg { width:24px; height: 24px; margin:5px; }
}

@media only screen and (max-width: 700px) {

  .general_block .prod { width: calc(50% - 10px); margin: 0 5px 10px 5px; height: 380px; }
  .prod-buy-button { margin:0 auto;  }
  .prod-text { font-size: 13px; height: 50px; }
  .img_wrap { height: 180px; min-height: 180px; }

  .contact_us { flex-wrap:wrap; }
  .fb-iframe { width: 100%; margin-top: 40px; }
  .contact_block { width: 100%; }

  .footer1-text { font-size: 12px; line-height: 20px; }
}


/* checkout page */
#checkout {max-width:900px; margin:50px auto 80px auto;}
#checkout h1 { margin-bottom: 30px; text-align: center; }
#checkout-wrapper {display: flex; justify-content: space-between; align-items:flex-start; align-content:flex-start;}
#checkout-form {width:570px; margin-bottom: 40px;}
#checkout-form-inf { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid transparent; display: flex; flex-wrap: wrap; justify-content: space-between; }
.checkout-row { width:100%; display:block; margin-bottom: 15px; }
.checkout-row b{ font-size: 16px; line-height: 20px; height:20px; display:block; margin-bottom: 10px; font-weight:normal; }
.checkout-row input { border: 1px solid #c4c4c4; border-radius:0px; padding:0 10px; font-size: 13px; color:#000; height:40px; width:calc(100% - 20px); }
.checkout-row:nth-child(2) {width:calc(50% - 15px);}
.checkout-row:nth-child(3) {width:calc(50% - 15px);}
.checkout-row input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }

#checkout-form-delivery { padding-bottom:20px; margin-bottom: 20px; border-bottom: 1px solid transparent; }
#checkout-form-delivery h2 { font-size: 18px;  line-height: 25px; height:25px; color:#333; font-weight:bold; margin-bottom: 15px; }
#form-delivery {display: flex; flex-direction: column;}
#form-delivery a {display: block; text-decoration: none; line-height: 22px; height:auto; font-size: 15px; margin-bottom:20px; color:#333; transition: .2s;}
#form-delivery a:hover { color:green; transition: .2s;}
#form-delivery a b {display: block; float:left; width:12px; height:12px; margin: 5px 12px 5px 0; background: #fff; border-radius:7px; border: 1px solid rgba(45, 90, 90, 0.16); box-shadow: inset 0px 0px 0px 2px #fff; }
#form-delivery a.act b { background:green; }
#form-delivery a .delivery-inf { font-size: 14px; color:#777; overflow:hidden; height:0; visibility: hidden; opacity: 0;  transition:.2s; padding-left: 25px; line-height: 17px; display: block; margin-top:5px; }
#form-delivery a.act .delivery-inf { visibility: visible; opacity: 1; height:auto; transition:.2s; }
#form-delivery .delivery-extra {display: none; padding-left: 25px; margin-bottom: 20px; }
#form-delivery .delivery-extra textarea { 
  padding:10px; border-radius: 0px; border: 1px solid #c4c4c4; width:calc(100% - 25px); height:36px; color:#000; font-size: 13px; 
}

#form-delivery .delivery-extra input {
    border: 1px solid #c4c4c4; border-radius:0px; padding:0 10px; font-size: 13px; color:#000; height:40px; width:calc(100% - 20px); 
}
#dep {display: none;}
#cities {
  display: none;
  line-height: 21px;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid rgba(45, 90, 90, 0.16);
  padding:10px;
  width:calc(100% - 25px);
  border-radius: 4px;
  margin-bottom: 20px;
}
#cities a { display: block; color: #188281; font-size: 13px; transition: .2s; }
#cities a:hover { color:#333; transition: .2s; }


#departments {
  display: none;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid rgba(45, 90, 90, 0.16);
  padding:10px;
  width:calc(100% - 25px);
  border-radius: 4px;
}

#departments::-webkit-scrollbar { width: 8px;}
#departments::-webkit-scrollbar-track { background: rgba(45, 90, 90, 0.16); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#departments::-webkit-scrollbar-button {background: #fff; height: 3px;}
#departments::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }


#departments a { display: block; color: #188281; font-size: 13px; transition: .2s; }
#departments a:hover { color:#333; transition: .2s; }

#checkout-del-type5-form-city {padding-bottom:0px; margin-top:0px; margin-bottom:0px; border-bottom: 0px; text-align: left;}
#checkout-del-type5-form-city .tit {font-weight: normal; font-size: 14px; margin-bottom: 10px;}

#checkout-form-pay {padding-bottom:20px; margin-bottom: 20px; border-bottom: 1px solid transparent;}
#checkout-form-pay h2 { font-size: 18px; line-height: 25px; height:25px; color:#333; font-weight:bold; margin-bottom: 15px; }

#form-pay a {display: block; text-decoration: none; line-height: 22px; height:auto; font-size: 15px; margin-bottom:20px; color:#333; transition: .2s;}
#form-pay a:hover { color:green; transition: .2s;}
#form-pay a b {display: block; float:left; width:12px; height:12px; margin: 5px 12px 5px 0; background: #fff; border-radius:7px; border: 1px solid rgba(45, 90, 90, 0.16); box-shadow: inset 0px 0px 0px 2px #fff; }
#form-pay a.act b { background:green; }
#form-pay a .payment-inf { font-size: 14px; color:#777; overflow:hidden; height:0; visibility: hidden; opacity: 0;  transition:.2s; padding-left: 25px; line-height: 17px; display: block; margin-top:5px; }
#form-pay a.act .payment-inf { visibility: visible; opacity: 1; height:auto; transition:.2s; }


#checkout-form-comment h2 { font-size: 18px; line-height: 25px; height:25px; color:#333; font-weight:normal; margin-bottom: 15px; }
#checkout-form-comment textarea { padding:10px; resize: none; border-radius: 0px; border: 1px solid #c4c4c4; width:calc(100% - 20px); height:100px; color:#333; font-size: 13px; }

#cart-inf { padding:20px 0; }
#cart-inf #cart-inf-total-head { margin-bottom: 20px; font-size: 18px; }
#cart-inf .cart-inf-item {display: flex; justify-content: space-between; width:calc(100% - 40px); margin:0 20px 20px 20px;}
#cart-inf .cart-inf-item .im {display: flex; align-items: flex-start; width:48px; height:48px;}
#cart-inf .cart-inf-item .im img {width:100%; height:auto;}
#cart-inf .cart-inf-item .inf {width:calc(100% - 60px); text-align: left;}
#cart-inf .cart-inf-item .inf b {display: block; font-weight: normal; font-size: 12px; line-height: 18px; height:auto; margin-bottom: 5px;}
#cart-inf .cart-inf-item .inf .price {display: block; font-weight: bold; font-size: 12px; line-height: 20px; color:#000;}
#cart-inf .cart-inf-item .inf .price span { font-weight: bold; font-size: 14px; color:#000;}

#cart-inf-total {padding:20px; padding-bottom:10px; border-bottom: 1px solid #C4C4C4; }
.cart-inf-total-row {height:20px; line-height: 20px; display: flex; justify-content: space-between; color:#333; margin-bottom: 5px;}
.cart-inf-total-row-text {height:20px; line-height: 20px; font-size: 13px; color:#333;}
.cart-inf-total-row-sum {height:20px; line-height: 20px; font-size: 12px; color:#333; font-weight: bold; display: flex;}
.cart-inf-total-row-sum #tot { margin-right:5px; font-size: 14px; }

#checkout-cart-total { width:300px; border: 1px solid #C4C4C4; text-align: center; border-radius:0px; margin-top: 30px; }
#total-row { height: 22px; display: flex; justify-content: space-between; color:#333; padding:20px; padding-bottom: 30px; }
.total-row-text { height: 22px; line-height: 22px; font-size: 15px; font-weight: 600; color:#333; }
.total-row-sum { height: 22px; line-height: 22px; font-size: 15px; font-weight: 600; color:#333; }

#cart-order { border:0; outline: none; height:46px; line-height:46px; font-weight: bold; text-decoration: none; font-size: 16px; padding:0 40px; color:#fff; text-align: center; display: inline-block; background: green; border-radius:0px; margin: 0px auto 30px auto; }
#to-pay button[type=submit] { border:0; outline: none; height:46px; line-height:46px; font-weight: bold; text-decoration: none; font-size: 16px; padding:0 40px; color:#fff; text-align: center; display: inline-block; background: green; border-radius:0px; margin: 0px auto 30px auto; }
#to-pay { display: none; }

@media(max-width:910px){
  #checkout-wrapper { width: calc(100% - 20px); margin-left: 10px; }
  #checkout-form {
      width: calc(100% - 330px);
  }


}

@media(max-width:750px){ 
  #checkout-wrapper { flex-direction: column; }
  .checkout-row:nth-child(2) {width:calc(50% - 7.5px);}
  .checkout-row:nth-child(3) {width:calc(50% - 7.5px);}
  #checkout-form { width:100%;  margin-bottom: 0; }
  #checkout-cart-total { width: 100%; }
}

/* end checkout page */

/* thank you order page */
#order { max-width:945px; margin:50px auto 80px auto; }
#order-wrapper { display: flex; max-width:970px; flex-direction: column; padding:0 0 40px 0; align-items: center; }
#order-wrapper i.checkchecksvg { display: block; width:80px; height:80px; border-radius: 40px; background: #003E7C; margin:20px 0;}
#order-wrapper i.checkchecksvg svg { width:50px; height:42px; margin:26px 12px; fill: #fff; }
#order-wrapper h2 { font-size: 26px; line-height: 25px; color:#000; text-align: center; margin-bottom: 15px; }
#order-wrapper .order-inf-text { font-size: 15px; line-height: 20px; color:#333; text-align: center; margin-bottom: 20px; }
#order-wrapper .order-inf-text span { font-weight: bold; }
#order-wrapper .order-inf-text-red { color:#e12229; }

#order-inf { padding:20px 0; max-width: 500px; border:1px solid #ddd; border-radius:0px; }
#order-inf #order-inf-total-head { margin-bottom: 20px; font-size: 20px; text-align: center; }
#order-inf .order-inf-item {display: flex; justify-content: space-between; width:calc(100% - 40px); margin:0 20px 10px 20px;}
#order-inf .order-inf-item .im {display: flex; align-items: flex-start; width:48px; height:48px;}
#order-inf .order-inf-item .im img {width:100%; height:auto;}
#order-inf .order-inf-item .inf {width:calc(100% - 60px); text-align: left;}
#order-inf .order-inf-item .inf b {display: block; font-weight: normal; font-size: 13px; line-height: 18px; height:auto; margin-bottom: 5px;}
#order-inf .order-inf-item .inf .price {display: block; font-weight: bold; font-size: 12px; line-height: 20px; color:#000;}
#order-inf .order-inf-item .inf .price span { font-weight: bold; font-size: 14px; color:#000;}


#order-btns { display: flex; justify-content:center; width:500px; margin-top:40px; }
#order-btns a { display: block; height:44px; line-height: 44px; font-size: 16px; font-weight: normal; text-decoration: none; border-radius:0px; padding:0 20px; }
#order-btns a#to-main { color: #000; border: 1px solid #ddd; }
#order-btns a#to-service { color: #000; background: green; }

@media(max-width:1315px){
  #order-wrapper { width: calc(100% - 20px); margin-left: 10px; flex-direction: column; padding:0 0 40px 0; }
  #order-btns { width:100%; flex-direction: column; }
  #order-btns a { max-width: 220px; width:220px; text-align: center; margin:10px auto; }
}

/* end thank you order page */



/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swip
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.9);
  opacity: 0.95;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #000;
  /*box-shadow: 0px 0px 3px 1px rgba(255,255,255,0.2);*/
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}