/******************ALL******************/
html{}
 .wrapper1 {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}

.wrapper{ max-width:100%; width: 1200px; margin: 0 auto; padding:70px 45px; position: relative; z-index: 1; font-size: 16px}
body{ font-family: 'Open Sans'; font-size: 18px; color: #242424; background: #ffffff}
a {text-decoration: none;}

img {
  max-width: 100%;
}
.row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
  
}
.d-none{display: none}
.hidden{ visibility: hidden}
.mobile-menu{
    display:none; 
    color: #FFFFFF !important;
    background: #666666 !important;
    margin-left: -25px; margin-right: -25px;
    border-radius:5px;
    margin-bottom: 5px;
    
}
.mobile-menu .menu-show{padding: 8px; }
.btn {
 background-color: rgb(179, 82, 48);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-color: rgb(143, 66, 38);
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  
  color: rgb(255, 255, 255) !important;
  box-shadow: 0px 4px 10px 0px rgba(202, 94, 57, 0.74);
}
.btn:hover{
background-color: rgb(161, 74, 43);
  border-color: rgb(115, 52, 31);
  color: rgb(255, 255, 255) !important;}
h2{
  font-weight: 800;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  text-transform: uppercase;
    margin-bottom: 30px;
}
p {line-height: normal}
p{margin-bottom: 12px}
sup {
    vertical-align: super;
    font-size: smaller;
    top: -0.1em;
}
/*************** HEADER *******************/
header .wrapper{ padding-top: 0; padding-bottom: 0;}

header .row{
  border-bottom: 1px solid #E5E4E4;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
header .logo{

  flex-basis: 0;
  flex-grow: 1;

}
header .logo .mobile{display: none}

header .messengers {
  
  word-spacing: -1em;
  flex-basis: 0;
  flex-grow: 1;
  text-align:center; 
}
header .messengers a:not(:last-of-type){margin-right: 20px;}
header .messengers img{ width: 28px}
header .phone{

  flex-basis: 0;
  flex-grow: 1;
  text-align: right;
  min-width: 204px;
}
header .phone img{margin-right: 5px; vertical-align: top;width: 25px;  height: 25px;}
header .phone a{
    display: inline-block;
  font-weight: 900;
  font-size: 22px;
  line-height: 20px;   
  text-align: right;
  color: #242424;
}
header .calc-btn{padding: 10px 15px; margin-left: 30px }


header nav {position: relative;z-index: 1; text-align: center}
header .shadow {box-shadow: 0px 10px 20px 0px #c9a169;  color: #fff; border:1px solid #fff; margin: -2px 0 0; position: relative; z-index: 0;}
header nav a{color: #676767; font-size: 16px; line-height: 43px;}
header nav ul{word-spacing: -1em;}
header nav li{display: inline-block;word-spacing:normal; margin-right: 60px; height: 43px;}
header nav li:last-of-type{ margin:0px}
header nav li:hover, .header-nav li:focus,.header-nav li:active{border-bottom: 2px solid #f39105;}



.intro {
 
  background-size: cover;
  position: relative;

}
 
.intro h1{
  font-weight: 800;
  font-size: 42px;
  line-height: 1.6;
  line-height: 60px;
  text-transform: uppercase;
    margin-bottom: 30px;
 
}
.intro h1 span{display: block}
span.brown{ color: rgb(178, 82, 50)}


.intro .row{justify-content: space-between; }
.intro .col1{align-content: flex-start}
.intro .image{
    flex-basis: 0;
    flex-grow: 1;
    text-align: right;
    min-width: 204px;
}



.intro .image-mobile {display: none}
.intro .left{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 60%;
}
.intro .advantage{width: 60%}

.intro .price{ margin-bottom: 50px; font-size: 30px; font-weight: 700; }
.intro .price span{color:#6cc514;font-weight: 900; }



.intro .col{flex-basis: 0; flex-grow: 1; max-width: 32%}
.intro .col img{width: 65px;}
.intro .col span{display: block;flex-basis: 0; flex-grow: 1;  align-content: center;line-height: normal}
.intro .col span.img{ max-width: 80px}
.intro .eTimer {width: 100%; text-align: center;}
.intro .eTimer .etTitle{ font-weight: 300;  margin-bottom: 25px!important; text-align: center}
.intro .eTimer .etTitle a{color: #000;}
.intro .eTimer .etTitle span{ font-size: 16px; margin-top: 5px; display: block}
.intro .eTimer .etSep {color: #f48951;}

.intro .sepa{ background-color: #f39105; width: 150px; height: 4px; border-radius: 2px; margin: 15px 0}
.intro h3{ color:#000; font-weight: 300; font-size: 24px; margin-top: 20px;  width: 50%; line-height: normal; margin-bottom: 15px }

.intro .sale{margin-top: 50px; display: inline-block}

.intro .btn{ margin-top: 70px; width: 220px;font-weight: bold; padding-top: 20px; padding-bottom: 20px}

/*************** gallery *******************/
.gallery .wrapper{width: 1710px;}
.slider-item{display: inline}
.gallery-sepa img {padding: 0 2px}
.gallery-sepa .row{justify-content: space-between;  align-items: center;}
.gallery-sepa .row div{height: 266px;flex-basis: 0; flex-grow: 1;}
.gallery-sepa .row .sepa1{ background: url(/assets/images/sepa1.jpg) no-repeat center;background-size: cover;}
.gallery-sepa .row .sepa2{ background: url(/assets/images/sepa2.jpg) no-repeat center;background-size: cover;}
.gallery-sepa .row .sepa3{ background: url(/assets/images/sepa3.jpg) no-repeat center;background-size: cover;}
.gallery-sepa .row .sepa4{ background: url(/assets/images/sepa4.jpg) no-repeat center;background-size: cover;}
.gallery-sepa {position: relative; padding: 0 50px;}
/*************** ABOUT_SEPA *******************/


.about{background-color: #ebebeb}



.about .col{flex-basis: 0; flex-grow: 1; align-content: center}
.about .col.production{min-width:50%; position: relative}

.about .stats {margin-top: 50px}
.about .stats .col{
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: 0em;
  color: rgb(51, 51, 51);
  opacity: 0.8;
  text-transform: uppercase;
 font-weight: 100;

}
.about .stats span{

  font-size: 52px;
  line-height: 1;
  letter-spacing: 0em;
  color: rgb(179, 82, 50);
  opacity: 1;
  font-weight: 700;
}
 .row2{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; 
}
.about .col2{flex-basis: 0; font-size: 20px; align-content: center}
.about .col2.big  {font-size: 60px; color: rgb(179, 82, 50); font-weight: 500; margin-right: 30px}
.about .square1{width: 110px; position: absolute; bottom: 20px; left:55px}
.about .square2{width: 110px; position: absolute; top: 20px; right:55px}
/*************** advantage *******************/
.advantage-block .row{
    
    justify-content: space-around;
    gap: 15px;
}
.advantage-block .col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;
    position: relative;
    padding: 65px 15px 15px 15px;
   
}
.advantage-block .text {
    font-size: 16px;
    line-height: 24px;
    color: #494848;
}
.advantage-block .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    text-transform: uppercase;
   
}
.advantage-block .bg1{ background-image: url("/assets/images/group_1.jpg");}
.advantage-block .bg2{ background-image: url("/assets/images/group_2.jpg");}
.advantage-block .bg3{ background-image: url("/assets/images/group_3.jpg");}
.advantage-block .bg4{ background-image: url("/assets/images/group_4.jpg");}

.advantage-block .bg{
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 4px;
  box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}



/*************** advantage *******************/
.selection  {}
.selection.width{background-color:#ebebeb }

.selection .col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
   
    
}
.selection p{font-size: 16px; line-height: 1.6;}
.selection ul {list-style-type: decimal; padding-left: 16px;}
.selection li{line-height: 1.6; margin-bottom: 8px}
.selection li::marker{color: rgb(178, 81, 50);}




.width .col.right{ margin-right: 50px;}
.width .col.left{max-width: 35%}


/*************** calculator *******************/

.calculator.order {background-color: #ebebeb}
.calculator.order .wrapper{padding-top: 15px}

.calculator .sepa{ background-color: #a7917a; width: 150px; height: 3px; border-radius: 2px; margin: 0px auto 30px auto}
.calculator .subtitle{font-weight: 300; font-size: 22px; line-height: 28px; text-align: center; margin:15px auto 15px auto; width: 70%;}


.calculator .form-calculator{width: 460px; max-width: 100%; margin: 30px auto 0 auto}
.calculator label{display: block; margin: 25px 0 10px; font-size: 16px; font-weight: bold}

.calculator .btn {
   background-color:#808080;
    padding: 12px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    box-shadow: 0px 4px 10px rgb(17 55 100 / 20%);
    border-radius: 5px;
    width: 49%;
    opacity: 0.9
}
.btn.brown {
    background-color: #a7917a;
    border: 1px  solid #eee;
    color: #fff;
    padding: 12px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    box-shadow: 0px 4px 10px rgb(17 55 100 / 20%);
    border-radius: 5px;
    width: 49%;
    opacity: 0.9
}
.calculator .btn.orange{width: 32%;}
.calculator .btn.color{width: 32%; padding: 12px 0; background-color:#808080}
.calculator .btn.discount{width: 100%; background-color:#9f9f9f; padding: 6px 0 }

.calculator .discount-text{display: none; margin: 6px auto; text-align: center; font-size: 14px; line-height: normal}
.calculator .btn:enabled:active, .calculator .btn.active {
     background-color: rgb(179, 82, 48);
    border: 1px  solid #eee;
    color: #fff;
    box-shadow: inset 0px 6px 6px rgb(0 0 0 / 20%);
    
    opacity: 1
}
.calculator .btn img{display: none}
.calculator .btn.active img{display: inline}
.calculator .btn:disabled {
  opacity: 0.5;
}

.calculator .btn.hide{ text-decoration:line-through; text-decoration-color: red; }


.calculator input{
  border-radius: 5px;
  border: none;
 
  padding:15px 15px 15px 15px;
  font-size: 16px;
  line-height: 20px;
  color: #676767;
  box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
  background: #E9E8E8;
}

.calculator input.size{ width: 100%; display: block}
.calculator input#size_x{background: #E9E8E8 url(/assets/images/ruler-2.png) no-repeat center left 18px;}
.calculator input#size_y{background: #E9E8E8 url(/assets/images/ruler-1.png) no-repeat center left 18px;}
.calculator input.phone{ width: 100%; }
.calculator .btn.red{width: 100%; display: block; margin-top:30px; background-color:#6cc514 }
.calculator .btn.red:enabled:active{ background-color:#C10303}
.calculator .result{ font-size: 18px; font-weight: 300; margin: 15px 0 25px; position: relative}
#preloader,#preloader-quiz{display: none}
.calculator .result #preloader{position: absolute; top: 0; right: 0}
.calculator .oldprice{text-decoration: line-through; display: block; margin-top: 10px}
.calculator .realprice{font-size: 22px; font-weight: bold; color:#009B20}
.calculator #calc-error{color:#F13F3F; font-weight: 400}
.calculator input.errorphone {border: 1px solid #F13F3F;}
.error-msg{font-size: 12px; color:#F13F3F; }
.calculator .btn.recalc{height: 100%; padding: 12px 15px; line-height: 22px; background-color: #f48951}
.calculator .btn.recalc img{display: block; margin: 5px auto 0 auto; width:25px }

.calculator .col{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    padding: 0px 2px;
}


.calculator .small{font-size: 14px; margin-top: 18px; line-height: 18px; color: #777 }


input[type="text"]{
    border-radius: 5px;
    border: none;
    padding: 12px 12px 12px 50px;
    font-size: 16px;
    line-height: 20px;
    color: #676767;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
    background: #E9E8E8;
    max-width: 100%;
    width: 100%;
    margin-bottom: 12px;
}
input.username {
    background: #E9E8E8 url(/assets/images/username.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}
input.userphone.errorphone {
    background: #E9E8E8 url(/assets/images/userphone-error.svg) no-repeat center left 18px;
    border: 1px solid #F13F3F;
}

input.userphone {
    background: #E9E8E8 url(/assets/images/userphone.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}
input.usercity {
    background: #E9E8E8 url(/assets/images/usercity.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}
input.userwarehouse {
    background: #E9E8E8 url(/assets/images/userwarehouse.svg) no-repeat center left 18px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
}

.clr {
    clear: both;
}
/*************** delivery *******************/
.delivery { background-color: #ebebeb}
.delivery .col{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;
    
}
.delivery .row:not(:last-of-type){margin-bottom: 30px;}
.delivery .row .col:not(:last-of-type){
    margin-right: 15px;
}
.delivery .row .col:last-of-type{
    margin-left: 15px;
}
.delivery .num {
    font-size: 70px;
    color: #fff;
}
.delivery .sepa {
    background-color: #a7917a;
    width: 100px;
    height: 3px;
    border-radius: 2px;
    margin: 5px 0 15px;
}
.delivery .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin: 10px 0;
}
.delivery .desc {
    font-size: 16px;
    line-height: normal;    
}
.delivery a, .subtitle a{color: #f39105; text-decoration: underline}
.delivery a:hover, .subtitle a:hover{text-decoration: none}
/*************** faq *******************/
.faq .question{background-color: #ebebeb; margin-bottom: 3px; padding: 25px 30px 25px 30px; }
.faq .question .title{font-size: 16px; line-height: 20px; font-weight: 600; color: #000000; cursor: pointer;position: relative; padding-right: 35px }
.faq .question .answer{ max-height: 0; opacity: 0; font-size: 1px;}
.faq .question .answer ul{margin-left: 30px;list-style: inside;}
.faq .question .answer li{line-height: normal; margin-bottom: 12px}
.faq .question.opened .answer{margin-top: 30px; font-size: 16px; display: block; opacity: 1; max-height:none;-webkit-transition: max-height ease-in-out 0.5s,opacity ease-in-out 0.5s;
-o-transition: max-height ease-in-out 0.5s,opacity ease-in-out 0.5s;
transition: max-height ease-in-out 0.5s,opacity ease-in-out 0.5s}
.faq .question .icon {
  position: absolute;
  top: 0;
  right: 2px;
  width: 24px;
  height: 24px;
  display: inline-block;
  transition: all ease-in-out 0.3s;
}
.faq .question.opened .icon {
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all ease-in-out 0.3s;
}
/**********************comments***********************/
section.comments{border-bottom: 3px solid #ebebeb}
/**********************calatog***********************/
.catalog .row{
    align-items: baseline;
    justify-content: space-between;
    
}
.catalog .wrapper{ padding-bottom: 0}

.catalog .col.item{
    margin-bottom: 30px;
    font-size: 16px;
    padding: 30px;
    max-width: 350px;
    width: 31.6%;
    -webkit-box-shadow: 0 0 5px 0 rgb(50 50 50 / 50%);
    -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.5);
    box-shadow: 0 0 5px 0 rgb(50 50 50 / 50%);
}

.catalog .item_name{font-size: 18px; font-weight: 600; margin: 15px 0}
.catalog .img{position: relative}
.catalog .glass-thickness{position: absolute; top: 15px; right: 15px; background-color:#F13F3F; color: #fff; border: 2px solid #fff; width: 50px; height: 50px; font-size: 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; padding: 5px}
.catalog .glass-type{position: absolute; top: 15px; left: 15px; background-color: transparent; color: #F13F3F; border: 1px solid #F13F3F;  font-size: 14px; text-transform: uppercase;  display: flex; align-items: center; justify-content: center; font-weight: 500; padding: 5px 10px}
.catalog .product-stars {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.catalog .product-stars__item svg {
    vertical-align: middle; 
}
.catalog .product-stars li {
    width: 17px;
    height: 17px;
}

.catalog select{
  border-radius: 5px;
  border: none;
  padding:10px 5px;
  font-size: 16px;
  line-height: 20px;
  color: #676767;
  box-shadow: inset 0px 4px 4px rgb(0 0 0 / 10%);
  background: #EBEBEB;
      width:100%;
}
.catalog .size{justify-content: space-between; align-items:center}
.catalog .size small{font-size: 14px}
.catalog .size div{ flex-basis:0; flex-grow:1;min-width: 0; }
.catalog .size div.x{max-width: 30px; text-align: center;}
.catalog .select_text{font-size: 14px; margin-bottom: 10px;}
.catalog .select_text.circle{display: none}


.catalog .price{margin: 15px 0; align-items: flex-end;}
.catalog .price div{ display: inline-block}
.catalog .price .real{font-size: 22px;font-weight: bold; color: #009B20;}
.catalog .price .real span{font-size: 16px}
.catalog .price .old{color:#797878; font-size: 18px; font-weight: bold; text-decoration:line-through; margin-left: 15px}
.catalog .price .real span{font-size: 16px}
.catalog .row.forma{justify-content: flex-start; margin-bottom: 15px; margin-top: 15px; font-size: 16px}
.catalog .row.forma div{flex-basis: 0;flex-grow: 1; min-width: 0;}
.catalog .row.forma div.x{    max-width: 30px;}
.catalog .row.forma label{font-size: 14px}
.catalog .desc{font-size: 16px; line-height: normal; margin-top: 30px}
.catalog .addtocart div{width: 130px;    max-width: 50%;}
.catalog .addtocart .btn{width: 100%; padding: 8px 5px; font-size: 16px}
.catalog .addtocart .btn.add{ background-color: #009B20}
.catalog .addtocart .btn.detail{ background-color: #f48951}
.catalog .addtocart div:first-of-type{padding-right: 15px}
.catalog .addtocart div:last-of-type{padding-left: 15px}

/********************contact*****************************/
.contact .row{justify-content: space-between}
.contact .left-block, .contact .right-block{ width: 50%}
.contact .phone {font-size: 24px; font-weight: 600; margin-bottom: 35px;}
.contact .address { margin-bottom: 15px;}
.contact .phone a, .contact .email a{color: #454545;}
.contact .email { margin-bottom: 15px;}
.contact h3 {    font-size: 27px;     margin-bottom: 30px;}
.contact .feedback {background-color: #ebebeb; padding: 30px}
.contact .feedback button{ width: 100%; line-height: 14px;}
.contact input[type="text"]{background-color: #fff}
/********************footer*****************************/
footer{background: #333;color: #fff;}
footer .wrapper{padding-top: 30px; padding-bottom: 30px;}

footer .row {align-items: flex-start;   }
footer .logo img{vertical-align: middle;}
footer .row .col{
 /* flex-basis: 0;*/
  flex-grow: 1;
}
footer .row .col.right{

  text-align: right;
}

footer .small span {display: block; margin-bottom: 8px}
footer .small{font-size: 14px;  color: #ebebeb; margin-top: 15px}
footer .small a{ color: #cdcdcd; text-decoration: underline;}
footer .small a:hover{text-decoration: none;}

footer .right a{color: #cdcdcd; text-decoration: underline; display: block;font-size: 14px; margin-bottom: 7px }
footer .messengers a {margin-right: 15px;}
footer .address{font-size: 14px;  color: #ebebeb; margin-top: 20px}

footer .btn{padding: 10px 15px; margin-left: 30px }



/****** cart *******/
.carticon {
  
    position: fixed;
    top: 80px;
    right: 75px;
    z-index: 10;
}

.carticon-wrapper {
    position: relative;
}
.carticon-imgwrap {
    position: relative;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 50px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    will-change: transform;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    overflow: hidden;
}
.carticon-img {
    width: 60px;
    height: 60px;
    padding: 10px 15px 15px;
    stroke: #000;
}
.carticon-counter {
    min-width: 30px;
    width: initial;
    height: 25px;
    padding: 0 3px;
    background-color: #F13F3F;
    color: #fff;
    border-radius: 30px;
    position: absolute;
    right: -3px;
    bottom: -3px;
    text-align: center;
    line-height: 25px;
    box-sizing: border-box;
}



/****** done ********/
.done-page {

  background: url(/assets/images/done-bg.webp) no-repeat center #000;
  background-size: cover;
  position: relative;
  text-align: center;
  min-height: calc(100vh);
  color: #dfdfdf;

}
.done-page .bg {
  
  width: 100%;
  background-color: #000;
 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.done-page h1{
  font-weight: bold;
  font-size: 40px;
  line-height: 54px;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 30px;
}
.done-page .subtitle{
  font-size: 26px;
  line-height: 35px;
  text-align: center;
 
  margin: 30px auto;
}
.done-page .normal{
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.02em;

  
}
.done-page .red-btn{display: inline-block; margin: 40px 0;}
.done-page .phones{
  justify-content: center;
  margin-top: 20px;
}
.done-page .phones a{
    display: block;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    text-align: right;
    color: #dfdfdf;
}
.done-page .phones .ico {

  width: 24px;
  margin-right: 10px;
}
.done-page .btn{display:block;margin:40px auto; width: 200px}


.done-page .iban{
    width: 600px;
    margin: 0 auto;
    max-width: 100%;
    padding: 15px;
    background-color: #fff;
    opacity: 0.8;
    border-radius: 10px;
    color: #000;
    margin-bottom: 30px;
    text-align: left;
    font-size: 14px;
}
.done-page .iban p{
    color: #000;
    margin-bottom: 5px;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.done-page .iban p strong{ font-weight: 700; font-size: 16px; display: block}
.done-page .iban h3{
    margin-bottom: 15px;
        font-size: 22px;
}
/*******text-page*****/
 .text-page h3{   font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    text-transform: uppercase;
}
.text-page  p{font-size: 16px; line-height: 1.6;}
.text-page ul {list-style-type: decimal; padding-left: 16px;}
.text-page li{line-height: 1.6; margin-bottom: 8px}
.text-page li::marker{color: rgb(178, 81, 50);}
/*****modal*******/
.modal-window{display:none; position: relative; z-index: 20; }
.popup-window{max-height:100vh;padding:25px;position:fixed;z-index:13;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup-background{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}
.popup-back{cursor:pointer;font-size:14px}
.popup-close{transition:box-shadow .2s ease;position:absolute;top:0px;right:0px;width:37px;height:37px;background:#fff;display:block;cursor:pointer;z-index:11;border:none;padding:0;min-width:0;min-height:0}
.popup-close:after,.popup-close:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:15px;right:15px;bottom:0;width:calc(37px / 2);height:1px;background:#7a7a7a;transform-origin:center;transform:rotate(45deg);margin:auto}
.popup-close:before{transform:rotate(-45deg)}
.popup-header{position:relative;background:#fff;align-items:baseline; height: 36px;}
.popup-holder{max-width:450px;height:auto;margin:0 auto;background: #fff;overflow-y:auto;-webkit-box-shadow:0 8px 40px rgba(0,0,0,.32);box-shadow:0 8px 40px rgba(0,0,0,.32);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%; border-radius: 10px;}
.popup-content{height:100%;padding-left:30px;padding-right:30px;padding-bottom:30px; padding-top: 0px; -webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;background:#fff;}
.popup-holder .btn{max-width: 100%; width: 390px; display: block; margin-left: auto; margin-right: auto}
/*.popup-content label { display: block; margin-top: 28px;}
.popup-content label:last-of-type{margin-top:60px}
.popup-content .input-text input { width:100%; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.popup-content button{width:100%; bottom:50px}
*/

.popup-content h3{
  font-size: 27px;
  text-align: center;
    margin-bottom: 30px;
}
.popup-content h3 span{
    font-size: 25px;
    display: block;
    margin-top: 12px;
    
}
.popup-content .sepa{
  background-color: #a7917a;
  width: 180px;
  height: 2px;
  border-radius: 2px;
  margin: 15px auto 15px auto;
}

.popup-content p{
  font-size: 16px;
  line-height: 22px;
  color: #2B2A2A;
  margin: 15px 0 20px;
    text-align: center;
}

.popup-content .col{
  min-width: 0;
  max-width: 50%;
  text-align: start;
}


.popup-content .result {
    margin-bottom: 15px;
     border:2px solid #ebebeb;
    padding: 15px;
    font-size: 15px;
    border-radius: 5px;
}
.popup-content .result li {font-weight: 700; display: flex; flex-wrap: wrap; text-align: left}

.popup-content .result li:not(:last-of-type){margin-bottom: 8px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 8px}
.popup-content .result strong{font-weight: 300; display: block;  flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;}
.popup-content .result span{display: block;  flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;}

.popup-content .result i.visible{display:inline}
.popup-content .result .realprice {
    font-size: 18px;
    font-weight: bold;
    color: #009B20;
}
.popup-content .result .oldprice {
    text-decoration: line-through;
    font-weight: 300;
}

.popup-content .cell {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
}



.popup-content  .prices{ display: flex; justify-content: flex-end; margin-top: 9px}
.popup-content  .prices .price{width: 50%; text-align: right; font-weight: 700}
.popup-content  .prices .quantity{ width: 50%; text-align: left; }
.product-quantity {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 5px;
    padding: 2px 5px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0);
}
.product-plus, .product-minus {
    position: relative;
    display: inline-block;
    cursor: pointer;
 
    width: 16px;
    height: 16px;
    
}
.product-plusminus img{width:16px;height:16px;border:0;}
.product-plusminus .quantity-text{font-size: 14px;margin-right: 10px;}
.popup-content .total{text-align: right; margin: 20px 0 30px;}
.popup-content .total div{margin-bottom: 10px}
.popup-content .total span{font-weight: 700;}


#popup-cart .popup-holder{max-width:490px;}

#popup-cart .popup-content label{display: block; margin: 15px 0 10px 0; font-size: 16px; font-weight: 700}
#popup-cart .popup-content label.inline{display: inline; font-weight: normal; cursor: pointer}

#popup-cart .popup-content .radio{font-size: 16px; margin-bottom: 10px}

#error-popup{min-height: 30px; text-align:center;font-size:16px;font-weight:300;background:#F95D51;color:#fff;display:none;padding:10px 15px;    margin: 5px 0px; border-radius: 0 0 5px 5px;}

#error-popup-cart{font-size:14px;font-weight:700;color:#F95D51;display:none;  margin: 5px 0px 15px;}

/**********SHOWCART*****************/
.showcart .row{justify-content: flex-start; margin: 15px 0; border-bottom: 1px solid #cfcfcf; padding-bottom: 5px}
.showcart .cell {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
}

.showcart .row .image{text-align: left; width: 80px; max-width: 35%;  padding-right: 15px;}
.showcart .row .image img{ border: 1px solid #ebebeb;border-radius: 5px; }
.showcart .row .text{ font-size: 16px; min-width: 0; flex-grow: 1; flex-basis: 0; text-align: left; }
.showcart .title-price{display: flex;justify-content: space-between; }
.showcart .title-price .price{text-align: right; font-weight: 700; padding-left: 7px}

.showcart .quantity{ display: flex; margin-top: 15px}
.showcart .quantity .remove button{ border: none; background: none; margin-left: 20px}
.showcart .quantity input{ border: 1px solid #ebebeb; width: 40px; padding: 1px 7px 3px; text-align: center; border-radius: 5px}

.showcart .total{text-align: right; margin: 20px 0 30px; font-size: 16px}
.showcart .total div{margin-bottom: 10px}
.showcart .total span{font-weight: 700;}
.showcart .buttons .btn { margin-left: auto; margin-right: auto; text-align: center}
/*********CHECKOUT***********/
.chechout  h1 {
    font-size: 29px;
    margin-bottom: 30px;
}
.chechout .wrapper {
    padding: 30px 15px;
    width: 800px;
}
.chechout .back{ margin-bottom: 30px; display: block; font-size: 14px;    color: #f48951;}
.chechout .oferta {margin-top: 12px; font-size: 14px; text-align: center}
.chechout label{display: block; margin: 15px 0 10px 0; font-size: 16px; font-weight: 700}
.chechout label.inline{display: inline; font-weight: normal; cursor: pointer}

.chechout .radio{font-size: 16px; margin-bottom: 10px}

.chechout .total{text-align: right; margin: 20px 0 30px;}
.chechout .total div{margin-bottom: 10px}
.chechout .total span{font-weight: 700;}
.chechout .btn{max-width: 100%; width: 390px; display: block; margin-left: auto; margin-right: auto}

.btn-continue{background-color: #888; margin-top: 30px; padding-top: 10px; padding-bottom: 10px; box-shadow: none; text-align: center}
.btn-continue:hover{background-color: #444;}
.btn-continue:active{background-color: #444;}

.chechout .cartempty{min-height: 200px}
.chechout .cartempty.show{display: block}
.chechout .cartempty.hide{display: none}

#error-popup{min-height: 30px; text-align:center;font-size:16px;font-weight:300;background:#F95D51;color:#fff;display:none;padding:10px 15px;    margin: 5px 0px; border-radius: 0 0 5px 5px;}



#error-popup-cart{font-size:14px;font-weight:700;color:#F95D51;display:none;  margin: 5px 0px 15px;}
/******************/
#preloader2{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:21}
#preloader2 p{position:absolute;width:100%;line-height:100px;font-size:20px;text-align:center;top:50%;margin-top:-50px;z-index:12;color:#fff;font-weight:500}
#preloader2-background{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:12;opacity:.7}

.callback-bt{background:rgb(179, 82, 48);border:2px solid rgba(243,145,5, 0.4);border-radius:50%;box-shadow:0 8px 10px rgba(243,145,5,0.3);cursor:pointer;height:80px;text-align:center;width:80px;position:fixed;bottom:75px;right:75px;z-index:9;transition:.3s;-webkit-animation:hoverWave linear 1s infinite;animation:hoverWave linear 1s infinite}
.callback-bt .text-call{height:80px;width:80px;border-radius:50%;position:relative;overflow:hidden}
.callback-bt .text-call span{ display:block; width:80px; text-align:center;color:rgba(243,145,5,1);opacity:0;position:absolute;top:24px;line-height:16px; font-size:13px;text-transform:normal;transition:opacity .3s linear}
.callback-bt .text-call:hover span{opacity:1;}
.callback-bt:hover svg{display:none;transition:.3s}
.callback-bt:hover{z-index:9;background:#fff;color:transparent;transition:.3s}
.callback-bt svg{transition:.5s ease-in-out;margin:20px auto}
.callback-bt i{animation:1200ms ease 0 normal none 1 running shake;animation-iteration-count:infinite;-webkit-animation:1200ms ease 0 normal none 1 running shake;-webkit-animation-iteration-count:infinite}
@-webkit-keyframes hoverWave {
0%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 0 rgba(243,145,5,0.2),0 0 0 0 rgba(243,145,5,0.2)}
40%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 15px rgba(243,145,5,0.2),0 0 0 0 rgba(243,145,5,0.2)}
80%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 30px rgba(243,145,5,0),0 0 0 26.7px rgba(243,145,5,0.067)}
100%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 30px rgba(243,145,5,0),0 0 0 40px rgba(243,145,5,0.0)}
}
@keyframes hoverWave {
0%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 0 rgba(243,145,5,0.2),0 0 0 0 rgba(243,145,5,0.2)}
40%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 15px rgba(243,145,5,0.2),0 0 0 0 rgba(243,145,5,0.2)}
80%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 30px rgba(243,145,5,0),0 0 0 26.7px rgba(243,145,5,0.067)}
100%{box-shadow:0 8px 10px rgba(243,145,5,0.3),0 0 0 30px rgba(243,145,5,0),0 0 0 40px rgba(243,145,5,0.0)}
}
@keyframes shake {
0%{-ms-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
10%{-ms-transform:rotateZ(-30deg);-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg)}
20%{-ms-transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg);transform:rotateZ(15deg);}
30%{-ms-transform:rotateZ(-10deg);-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg);}
40%{-ms-transform:rotateZ(7.5deg);-webkit-transform:rotateZ(7.5deg);transform:rotateZ(7.5deg);}
50%{-ms-transform:rotateZ(-6deg);-webkit-transform:rotateZ(-6deg);transform:rotateZ(-6deg);}
60%{-ms-transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);transform:rotateZ(5deg);}
70%{-ms-transform:rotateZ(-4.28571deg);-webkit-transform:rotateZ(-4.28571deg);transform:rotateZ(-4.28571deg);}
80%{-ms-transform:rotateZ(3.75deg);-webkit-transform:rotateZ(3.75deg);transform:rotateZ(3.75deg);}
90%{-ms-transform:rotateZ(-3.33333deg);-webkit-transform:rotateZ(-3.33333deg);transform:rotateZ(-3.33333deg);}
100%{-ms-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
}
@-webkit-keyframes shake {
0%{-ms-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
10%{-ms-transform:rotateZ(-30deg);-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg);}
20%{-ms-transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg);transform:rotateZ(15deg);}
30%{-ms-transform:rotateZ(-10deg);-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg);}
40%{-ms-transform:rotateZ(7.5deg);-webkit-transform:rotateZ(7.5deg);transform:rotateZ(7.5deg);}
50%{-ms-transform:rotateZ(-6deg);-webkit-transform:rotateZ(-6deg);transform:rotateZ(-6deg);}
60%{-ms-transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);transform:rotateZ(5deg);}
70%{-ms-transform:rotateZ(-4.28571deg);-webkit-transform:rotateZ(-4.28571deg);transform:rotateZ(-4.28571deg);}
80%{-ms-transform:rotateZ(3.75deg);-webkit-transform:rotateZ(3.75deg);transform:rotateZ(3.75deg);}
90%{-ms-transform:rotateZ(-3.33333deg);-webkit-transform:rotateZ(-3.33333deg);transform:rotateZ(-3.33333deg);}
100%{-ms-transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
}