*{box-sizing:border-box;outline:transparent none 0!important;border: 0;outline: 0;}
:focus,:active,:hover{outline:transparent none 0!important;}
html,body{overflow-x:hidden}
body{background:#2C293C;font-family: "Inter", sans-serif;position:relative;padding:0;margin:0;color:#212121;line-height:1.4;font-size:18px;font-weight:400;min-width:350px;width: 100%;padding:10px 60px 60px;}

footer,header,nav,section{display:block}
b,strong{font-weight:bold}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;line-height:1.4;font-weight:700}
img{border-style:none;vertical-align:top}
textarea{overflow:auto}
p{margin:0;font-style:normal}
[hidden]{display:none}
a{color:#222629;text-decoration:none}
a:focus,a:active,a:hover{text-decoration:none}

input[type="submit"],button{font-family: "Inter", sans-serif;white-space:nowrap;background: #EC2F5A;border:none;padding:24px 20px;display: inline-block;line-height:1;color:#fff;font-weight:400;font-size:20px;text-transform: uppercase;letter-spacing:1px;border-radius:50px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);transition:0.4s ease-in-out;}
input[type="submit"]:hover,button:hover,input[type="submit"]:focus,input[type="submit"]:hover,input[type="submit"]:focus{background:#fc0;color:#222629; text-decoration:none;cursor:pointer}
input[type="submit"]:active,button:active{cursor:pointer!important;outline:none!important}
input[type="text"],input[type="email"],input[type="tel"],select,textarea{color:#222629;text-indent: 0;border: 2px solid #eee;font-family: "Inter", sans-serif;background:#fff;-webkit-appearance:none;display:block;vertical-align:middle;font-size:18px;line-height:50px;font-weight:400;max-width:100%;width:100%;border-radius:50px;box-shadow:none;box-sizing:border-box;transition:all .2s ease-in-out;padding:0 10px;text-align: center;}
select option{text-align: center;}
textarea{border-radius:16px;}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{border: 2px solid #777;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#222629;opacity:1;font-size:18px;text-align: center;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#222629;opacity:1;font-size:18px;text-align: center;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}

::-webkit-scrollbar{width:10px;height:5px;cursor:pointer}
::-webkit-scrollbar-track-piece{background:#eee}
::-webkit-scrollbar-track-piece:horizontal{background:#ddd;}
::-webkit-scrollbar-thumb:vertical{height:4px;background:#222629;cursor:pointer;outline:none}
::-webkit-scrollbar-thumb:horizontal{width:4px;background:#222629;cursor:pointer;outline:none}

.btn_ctr{width: 100%;display:flex;align-items:center;justify-content: center;}
.btn{display:inline-block;position: relative;cursor:pointer;margin: 0 auto 10px;background: #EC2F5A;color:#fff;border-radius:50px;padding:24px 20px;text-align: center;text-transform: uppercase;letter-spacing: 1px;}
.btn span{white-space:nowrap;display: inline-flex;align-items:baseline;line-height:1;font-weight: 400;font-size:20px;transition:0.4s;}
.btn:hover{background:#fc0;color:#222629;}
.btn:hover span,.btn:focus span{transform:scale(1.1);}

@media (max-width:920px){
.btn{display:block;width:100%;}
}

@media (max-width:768px){
input[type="submit"], button {padding: 20px 10px;}
body{padding:10px;}
}

section{padding:35px 10px 40px;}
.container{max-width:1400px;margin:0 auto;}
.h3_title{font-size:32px;text-align: center;font-weight:bold;line-height: 1;display: flex;align-items: center;justify-content: center;}

@media (max-width:768px){
  section {padding:10px;}
}

.logo{position:relative;display: flex;align-items: center;width:100%;padding:0 0 10px;justify-content: center;}
.logo span{display:block;text-transform: uppercase;font-size:30px;letter-spacing:-1px;padding-left:5px;font-weight: bold;color:#fff;}
.logo img{display:block;width:100%;max-width:200px;height:auto;filter:invert(1);}

.body_container{width:100%;max-width:1800px;margin:0 auto;}

/*--- Header ---*/
header{position:relative;padding:10px;}
.head_wrap {width: 100%;}
.logo_ctr{width:100%;max-width:1200px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center; padding: 5px 0 0;}

@media (max-width:650px){
  header {padding: 0;}
}

@media (max-width:650px){
.logo_ctr {flex-direction: column;}
.logo_ctr img{max-width: 200px;margin: 0 0 15px;}
}


@media (min-width:1060px) {
.menu_wrap{display: flex;align-items:center;justify-content:space-between;width: 100%;}
input[type="checkbox"]#menucheck,input[type="checkbox"]#menucheck+label {display: none;}
.menu_body {width: 100%;}
.menutop{width:100%;display:flex;padding:5px 0;position: relative;margin: 0 auto;transition: none;}
.headmenu{margin: 0;padding: 0;justify-content:space-around;display: flex;width: 100%;position: relative;}
.headmenu li{display:block;white-space: nowrap;padding:0 5px;position: relative;border-right: 1px solid #3e4346;width: 100%;}
.headmenu li:last-child{border:none;}
.headmenu a{position: relative;display:flex;align-self:center;justify-content:center;text-decoration: none;border-radius:50px;padding:5px;}
.headmenu a span{padding:5px 15px;font-size:15px;border-radius:14px;color:#a4aeb5;font-weight:bold;}
.headmenu a:hover span,
.headmenu a:focus span,
.headmenu a:active span{color:#fc0;text-decoration: none;}
.menu-item.last{display:none;}
}


@media (max-width:1060px) {
input[type="checkbox"]#menucheck+label {display: block;padding: 0;}
#menucheck{opacity: 0;display: none;}
#menucheck:checked~.btnmenu{position: fixed;}
.admin-bar #menucheck:checked~.btnmenu{top:32px;}
#menucheck:checked~.btnmenu>span {transform: rotate(45deg);}
#menucheck:checked~.btnmenu>span::before {top: 0;transform: rotate(-90deg);}
#menucheck:checked~.btnmenu>span::after {top: 0;transform: rotate(-90deg);opacity:0;}
#menucheck:checked~.menutop {transform: translateX(0);}

.btnmenu {background: #222629;transition: 0.6s;outline: none;display: flex;align-items: center;width:42px;height:42px;border-radius:8px;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);cursor: pointer;z-index: 999;position: fixed;top: 5px;right: 5px;}
.btnmenu>span,
.btnmenu>span::before,
.btnmenu>span::after{display: block;position: absolute;top: 20px;left:6px;width: 30px;height:3px;border-radius:5px;background:#fff;transition-duration: .25s;}
.btnmenu>span::before{content: '';top: -10px;left:0;}
.btnmenu>span::after{content: '';top: 10px;left:0;}
.menutop {transition: 0.6s;display: block;position: fixed;transform: translateX(300%);text-align: center;top:0;width: 100%;max-width:450px; right: 0;margin: 0;padding: 0;list-style:none;background: #222629;box-shadow: 0 18px 15px 0 rgba(0, 0, 0, 0.3);z-index: 998;overflow-x: hidden !important;overflow-y: auto !important;}
.menutop * {transition: none;}
.menu_body {padding:40px 0 10px;}
.headmenu {padding: 0;}
.headmenu > li > a{font-size: 24px;}
.menu-item {display: block;padding: 0 0 15px;text-decoration: none;color: #fff;}
.menu-item a{color: #fff;font-weight:500;font-size:14px;display: block;}
.menu-item.last{display:block;}
.menu-item.last a {font-size:28px;color:#fc0;padding:15px 0 0;}
}



/*Section 1*/
.section_1{background:#fff;border-radius:40px 40px 0 0;}
h1{font-size:36px;padding: 0 0 25px;letter-spacing:1px;line-height:1;font-weight:500;text-align:center;}
.hrl{border-top: 2px solid #eee;padding:25px 0 0;}
.wrap_flex{display:flex;justify-content:space-around;}
.left_column{max-width:700px;width:60%;}

@media (max-width:768px){
  .section_1{border-radius:20px 20px 0 0;}
}

@media (max-width:650px) {
.hrl{padding:5px 0 0;}
}


/******* Slider *********/
.slider_wrapper{position: relative; overflow: hidden;max-width:600px; margin: 0 auto;border-radius:14px;box-shadow:0 8px 15px 0 rgba(0, 0, 0, 0.1);}
.slider_items_wrp{display: flex;height:65vh;min-height:600px; transition: transform 0.5s ease; will-change: transform;}
.slider_items{min-width:100%;flex: 0 0 100%;position: relative;display: flex;overflow: hidden;align-items: center;cursor: pointer;}
.slider_items::before{content:'';position: absolute;right: 10px;top: 10px;width: 60px;height: 60px;border-radius:50px;background: #fff;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);cursor:pointer;z-index: 2;}
.slider_items::after{content:'';z-index: 3;position: absolute;right: 9px;top: 40px;transform:translate(-50%,-50%);width: 30px;height: 30px;cursor:pointer;background:url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTUuOTcgMTcuMDMxYy0xLjQ3OSAxLjIzOC0zLjM4NCAxLjk4NS01LjQ2MSAxLjk4NS00LjY5NyAwLTguNTA5LTMuODEyLTguNTA5LTguNTA4czMuODEyLTguNTA4IDguNTA5LTguNTA4YzQuNjk1IDAgOC41MDggMy44MTIgOC41MDggOC41MDggMCAyLjA3OC0uNzQ3IDMuOTg0LTEuOTg1IDUuNDYxbDQuNzQ5IDQuNzVjLjE0Ni4xNDYuMjE5LjMzOC4yMTkuNTMxIDAgLjU4Ny0uNTM3Ljc1LS43NS43NS0uMTkyIDAtLjM4NC0uMDczLS41MzEtLjIyem0tNS40NjEtMTMuNTNjLTMuODY4IDAtNy4wMDcgMy4xNC03LjAwNyA3LjAwN3MzLjEzOSA3LjAwNyA3LjAwNyA3LjAwN2MzLjg2NiAwIDcuMDA3LTMuMTQgNy4wMDctNy4wMDdzLTMuMTQxLTcuMDA3LTcuMDA3LTcuMDA3em0tLjc0NCA2LjI2aC0yLjVjLS40MTQgMC0uNzUuMzM2LS43NS43NXMuMzM2Ljc1Ljc1Ljc1aDIuNXYyLjVjMCAuNDE0LjMzNi43NS43NS43NXMuNzUtLjMzNi43NS0uNzV2LTIuNWgyLjVjLjQxNCAwIC43NS0uMzM2Ljc1LS43NXMtLjMzNi0uNzUtLjc1LS43NWgtMi41di0yLjVjMC0uNDE0LS4zMzYtLjc1LS43NS0uNzVzLS43NS4zMzYtLjc1Ljc1eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+") no-repeat center;background-size:100%;transition:0.5s ease-in-out;}
.slider_img{position: absolute;left: 0;top: 0;width: 100%;height: 100% !important;object-fit: cover;border-radius:12px;}

.prev-btn, .next-btn{position: absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;padding:0;border-radius:50px; background: rgba(255,255,255,0.20) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #fff;cursor: pointer;}
.prev-btn{left:10px;}
.next-btn {right:10px;transform:scaleX(-1) translateY(-50%);}
.prev-btn:hover, .next-btn:hover{background:#EC2F5A url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #EC2F5A;cursor: pointer;}
.dots-container{z-index:2;padding: 6px;text-align: center;position:absolute;bottom:10px;left: 50%;transform: translateX(-50%);border-radius:50px;background: rgb(34,38,41,0.15);display: flex;align-items: center;justify-content: center;}
.dots-container .dot{display:block;width:15px;height:15px;margin:0 5px;border:2px solid transparent;background:#fff;border-radius:50%;cursor: pointer;}
.dots-container .dot.active{background:#EC2F5A;width: 20px;height: 20px;}


@media (max-width:768px){
.slider_items_wrp{min-height:500px;}
.prev-btn, .next-btn{display:none;}
.slider_items:before{right:5px;top:5px;},
.slider_items::after {right: 5px;top: 36px;}
}

@media (max-width:600px){
.slider_items_wrp{min-height:350px;}
}


/* Modal styles */
.modal{display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background: rgba(0, 0, 0, 0.9);justify-content: center;align-items: center;}
.modal-content{margin: auto;display: block;max-width: 90%;max-height: 90%;}
.close{position: absolute;top: 15px;right: 35px;height: 35px;width: 35px;color: #fff;font-size: 56px;line-height: 30px;font-weight: 100;cursor: pointer;transition:0.4s ease-in-out;}
.close:hover{transform:scaleY(-1);}

.modal button.prev-button,
.modal button.next-button{opacity:1;position: absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;padding:0;border-radius:50px; background: rgba(255,255,255,0.20) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #fff;cursor: pointer;}
.modal button.prev-button:hover,
.modal button.next-button:hover
.modal button.prev-button:focus,
.modal button.next-button:focus{background:#EC2F5A url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAyNDY0IDEwLjAwMDRMMTMuMTQ5NiAxNC4xMjU0TDExLjk3MTMgMTUuMzAzN0w2LjY2Nzk3IDEwLjAwMDRMMTEuOTcxMyA0LjY5NzA0TDEzLjE0OTYgNS44NzUzOEw5LjAyNDY0IDEwLjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=') no-repeat center;border: 1px solid #EC2F5A;cursor: pointer;}

.modal button.prev-button{left:10px;}
.modal button.next-button{right:10px;transform:scaleX(-1) translateY(-50%);}


@media (max-width:768px){
.wrap_flex .tab-container{margin:0;}
.modal .prev-button,.modal .next-button{height:40px;width:40px;}
.close{top: 5px;right: 18px;line-height: 1;}
}

.onsale{display:flex;align-items:center;justify-content:center;width:60px;height:60px;position: absolute;z-index:2;left: 10px;top: 10px;background: #fc0;color: #222629;border-radius:50px;font-weight:bold;letter-spacing:-1px;}

.right_column{max-width:500px;width:40%;}
.wrap_flex .right_column{margin:0 0 0 40px;}

.prod_tabs_ctr{background: #f9f9f9;padding:5px;border-radius:50px;box-shadow: inset 0 3px 10px 0 rgba(0,0,0,0.1);}
.prod_tabs{padding:2px;cursor:pointer;display: flex;justify-content: center;align-items: center;position: relative;}
.prodtab{color: #888;padding:5px;position: relative;z-index: 1;text-align: center;transition:0.4s ease-in-out;font-size: 16px;font-weight: 300;}
.prodtab.active {color:#fff;}
.tab-slider {position: absolute;bottom: 0;left: 0;top:0;border-radius:50px;background: #EC2F5A;transition: all 0.4s ease;	z-index: 0;}

.prod_tabs_wrap{display:block;padding:0 0 10px;}
.prod-price-content {width:100%;}
.prod-price-content.active {display: block;opacity:1;}

.flex_quantity{display:flex;align-items:center;}
.flex_wrap{display:flex;align-items:center;justify-content: center;padding: 0 0 10px;}
.label_wrp{font-size:18px;margin-right:20px;color: #777;}

.quantity_block, 
.quantity_block_form{display: flex;align-items: center;gap: 10px;padding: 5px;border-radius: 6px;}

button.quantity_btn{background: #fc0;border-radius: 50px;width: 30px;height: 30px;font-size: 30px;line-height: 27px;text-align: center;font-weight: 300;padding:0;display: inline-flex;justify-content: center;color: #222629;border: none;cursor: pointer;box-shadow:none;letter-spacing: 0;}
button.quantity_btn:hover{background:#EC2F5A;color:#fff;}

.quantity_value{width: 40px;text-align: center;border: 1px solid #eee;border-radius: 4px;padding: 5px;}
.total_price{display:flex;align-items: flex-end;justify-content: center; gap:15px;font-size: 16px;}

.price_wrp {font-size: 16px;color: #777;}
.price_wrp.oldp{padding: 0 0 5px;}
.price_wrp.newp{background: #fc0;border-radius:16px;padding: 10px;color: #222629;}
.head_price{position: relative;padding:15px 0;z-index:3;display:flex;align-items: flex-end;gap:15px;justify-content: center;}
.new_price{color:#222629;padding:0;font-size:24px;line-height:1;position: relative;z-index:2;}
.new_price span{font-weight:700;font-size:56px;}
.old_price{color:#d4141a;padding:0;line-height:1;font-size:18px;}
.old_price span{font-size:25px;text-decoration:line-through;}

.head_txt{position:relative;padding: 0;font-size: 19px;font-style: italic;line-height:1.4;text-align: center;color: #555;}

.right_column .gift_wrap{margin:0 0 15px;}
.right_column .gift_wrap:hover{background:#ddd;}

.right_column .btn{width:100%;}


@media (max-width:960px){
h1{font-size: 45px;}
}

@media (max-width:725px){
.wrap_flex{flex-direction:column;}
.left_column{width:100%;margin:0 0 25px;}
.right_column {width:100%;max-width: 480px;}
h1{font-size:22px;padding:0 0 5px;}
.onsale {left: 5px;top: 5px;}
}

@media (max-width:550px){
.wrap_flex .right_column{margin:0;}
.flex_wrap {justify-content: center;}
.total_price,
.head_price{flex-direction: column;align-items: center;}
.old_price span{font-size: 48px;}
.price_wrp {text-align: center;}
}



.discount_wrap{position: relative;z-index:2;color:#222629;padding: 15px 0;text-align:center;max-width: 770px;margin: 0 auto;}
.timer_wrap{position:relative}
.timertext{position:relative;z-index: 3;font-size: 19px;line-height: 1;text-transform:uppercase;font-weight:500;padding: 10px 0 0;}
.timertext span{font-size:30px}
.timerclock{position: relative;z-index: 3;display:flex;align-items:center;justify-content:center;text-align:center;color: #f00;}
.timeritem{min-width: 50px;font-size:50px;font-weight:700;line-height:1;}
.dots{margin:0;min-width:0}



/*Main*/
main{padding:0;}


/*Section 2*/
.section_2{background:#fff;border-top:2px solid #eee;}
.text_wrap{position: relative;max-width:760px;width:100%;margin:0 auto 40px;padding:0;overflow:hidden;}
.text_wrap img{max-width:450px;height:auto;width:100%;margin:0 auto;display: block;}

.text_wrap h3{text-align: center;padding:0 0 25px;font-size: 27px;}
.text_wrap p{font-size:18px;padding:10px 0 25px;}
.text_wrap ul{margin:0 0 15px;}
.text_wrap ul li {list-style: none;position: relative;padding: 0 0 2px 25px;}
.text_wrap ul>li:before {content:'✓';font-size:28px; display: block;top:-5px;left:0;position: absolute;width:20px;height:20px;color:#EC2F5A;}



/*Section 3*/
.section_3{background:#fff;}
.section_3 .h3_title span{display: inline-block;width:32px;height:32px;margin:0 10px 0 0;background:url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMy4zIDE1LjRjLjcxNyAwIDEuMy41ODMgMS4zIDEuM3MtLjU4MyAxLjMtMS4zIDEuMy0xLjMtLjU4My0xLjMtMS4zLjU4My0xLjMgMS4zLTEuM3ptMi43IDEuODVjMC0uNDE0LjMzNi0uNzUuNzUtLjc1aDE0LjVjLjQxNCAwIC43NS4zMzYuNzUuNzVzLS4zMzYuNzUtLjc1Ljc1aC0xNC41Yy0uNDE0IDAtLjc1LS4zMzYtLjc1LS43NXptLTIuNy02LjU1Yy43MTcgMCAxLjMuNTgzIDEuMyAxLjNzLS41ODMgMS4zLTEuMyAxLjMtMS4zLS41ODMtMS4zLTEuMy41ODMtMS4zIDEuMy0xLjN6bTIuNyAxLjNjMC0uNDE0LjMzNi0uNzUuNzUtLjc1aDE0LjVjLjQxNCAwIC43NS4zMzYuNzUuNzVzLS4zMzYuNzUtLjc1Ljc1aC0xNC41Yy0uNDE0IDAtLjc1LS4zMzYtLjc1LS43NXptLTIuNy02Yy43MTcgMCAxLjMuNTgzIDEuMyAxLjNzLS41ODMgMS4zLTEuMyAxLjMtMS4zLS41ODMtMS4zLTEuMy41ODMtMS4zIDEuMy0xLjN6bTIuNy43NWMwLS40MTQuMzM2LS43NS43NS0uNzVoMTQuNWMuNDE0IDAgLjc1LjMzNi43NS43NXMtLjMzNi43NS0uNzUuNzVoLTE0LjVjLS40MTQgMC0uNzUtLjMzNi0uNzUtLjc1eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+') no-repeat center;background-size:100%;}


.nav-slider {position: absolute;bottom: 0;left: 0;top:0;border-radius:50px;background: #EC2F5A;transition: all 0.4s ease;	z-index: 0;}

.tab_content_item{padding:20px 0;background:#fff;border-radius: 0 10px 10px 10px;}
.tab_content_item{display:none}
.tab_content_item.active{display:block}
.tab_content_item h4{text-align: center;font-size:26px;padding:10px 0 25px;font-weight:300;}

.table_wrapper{display:flex;justify-content:center;gap: 5%;max-width: 960px;margin: 0 auto;}
.table_wrapper h3{padding:0 0 25px;}


.tbl_size{width: 50%;text-align: center;padding: 0 5% 0 0;border-right: 1px solid #eee;}


.feature_table{margin:0;padding: 0;}
.feature_table li{display:flex;align-items:center;justify-content:space-between;padding:10px 5px;font-size:16px;list-style:none;width:100%;border-bottom:2px solid #eee;}
.feature_table li:last-child{border:none;}
.feature_table li > b{font-weight:bold;color:#222629;}
.feature_table li > div{font-size:18px;font-weight:700;}
.feature_table li > div:first-child{width:30%;}
.feature_table li > div:nth-child(2){width:70%;}

.pref_list{width: 45%;}
.pref_table{margin:0;padding: 0 0 0 25px;}
.pref_table li{padding: 0 0 25px 0;list-style: none;position: relative;}
.pref_table li:before{content: "✔";text-align: center;font-size: 35px;line-height: 1;color:#EC2F5A;display: block;transform: translateY(-30%);top: 6px;left: -33px;position: absolute;width: 25px;height: 25px;background: transparent;border-radius: 50%;}

@media (max-width:750px){
.table_wrapper{flex-wrap: wrap;gap:0;}
.tbl_size{width:100%;padding: 0 0 25px;border-right:none;}
.pref_list{width:100%;}
}

  

/*Section 4*/
.section_4{background:#2C293C;}
.section_4 h4{padding:0 0 25px;font-size: 27px;}
.section_4 .timerclock{color: #fc0;}
.section_4 .timer_wrap img{filter:invert(1);}
.section_4 .timertext{color:#ccc;}



.timer_pddng{margin:40px 0 30px;}


.invert_price h3{padding:0 10px;text-align: center;font-weight:700;font-size:25px;line-height:1.1;}
.product_preview{position: relative;display:flex;align-items:center;justify-content:center;}
.product_preview_img{display:flex;align-items:center;justify-content:center;}
.product_preview_img img{width:20%;margin:0 2%; height:auto;border-radius:5px;}
.price span{font-size:36px}
.oldprice{color:#d4141a;font-size:20px}
.oldprice span{text-decoration:line-through;font-size:20px}

.prev_note{text-align:center;font-weight:700;font-size:18px;line-height:1.1;padding:20px 0;max-width:500px;margin:0 auto;color: #ccc;}

.preference{display:flex;justify-content: center;flex-wrap: wrap;width:100%;max-width:1200px;margin:0 auto;}
.preference_item{width:21%;padding:20px;margin:1.5%;max-width:320px;text-align:center;position:relative;display:flex;align-items:center;flex-direction:column;border-radius: 40px;color: #ccc;border: 2px solid #444;}
.preference_item p.preference_ttl{font-weight: bold;position: relative;text-transform: uppercase;font-size: 27px;line-height: 1;}
.preference_item p{font-size: 18px;line-height: 1.2;padding:10px 0 0;position: relative;}
.preference_check{position:relative;z-index:3;height:80px;width:80px;margin-right:10px;border-radius:100px;display:flex;align-items:center;flex-direction:column;justify-content:center;filter: invert(1);}
.preference_item:nth-child(4){background:transparent;}
.preference_item:last-child{width:100%;border:none;margin:1.5% 0 0;max-width:100%;padding: 20px 0 0;background: transparent;}


@media (max-width:920px){
  .preference_item,
  .preference_item:last-child{width:47%;margin:1.5%;max-width:47%;}
  .preference_item:last-child .btn span {font-size: 15px;}

}
@media (max-width:650px){
.preference{display:block;}
.preference_item,
.preference_item:last-child{width:100%;margin:1.5% 0;max-width:100%;}
}





/*Section 5*/
.section_5{background:#fff;}
.step_wrap{margin: 25px auto 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(16%, 1fr));gap:2%;}
.step_item{position: relative;max-width:250px;padding: 15px 10px;border: 2px solid #ddd;border-radius: 40px;}
.step_sec{display:flex;align-items:center;flex-direction: column;}

.txt_step{padding:15px 10px 0;text-align: center;position: relative;z-index:2;}
.txt_step h4{padding-bottom:10px;text-transform: uppercase;letter-spacing: 4px;font-size: 26px;}
.txt_step p{line-height:1.2;}
  
.ico_step{position:relative; width:100px;height:100px;margin:0 15px; border-radius:10px;font-weight:700;display:flex;align-items:center;flex-direction: column;justify-content:center;}

@media (max-width:768px){
.step_wrap{grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));}
.step_item{max-width:100%;}
}
@media (max-width:450px){
  .step_wrap{display: block;}
  .step_item{margin:20px 0 0;}
}





/*Section 6*/
.section_6{background:#fff;border-top:2px solid #eee;border-radius:0 0 40px 40px;}

.comment_wrap{position: relative;max-width:760px;margin:25px auto;}
.comment_item{width:100%;position: relative;padding:15px;background:#F8F9FA;border-radius:16px;border: 1px solid #f2f4f8;padding: 15px;box-shadow:0 8px 15px 0 rgba(0, 0, 0, 0.1);margin:0 0 15px;}
.comment_stars{position: absolute;top:10px;right:10px;color:#fc0;font-size:18px;}
.comment_name{font-size:14px;color:#222629;font-weight: bold;padding:0 0 10px;display:flex;align-items: flex-end;gap:10px;}
.comment_date{font-size:12px;color:#777;font-weight:400;}
.comment_text{font-size:15px;line-height:1.2;color:#222629;padding:0 0 5px;border-bottom:1px solid #eee;margin:0 0 5px;}
.comment_photo{max-width: 60px;max-height:45px;width:auto;height:auto;border-radius:6px;cursor: pointer;}

.commmodal .modal-text-cntnt {height: auto;width: 100%;max-width: 650px;}

.form_group {margin-bottom: 15px;display: flex;align-items: center;gap:10px; position: relative;}
.stars{display: flex;flex-direction: row-reverse;justify-content: flex-start;}
.stars input[type="radio"]{display: none;}
.stars label {font-size: 24px;color: #ccc;cursor: pointer;transition: color 0.2s;}
.stars input[type="radio"]:checked ~ label{color:#fc0;}
.stars label:hover,
.stars label:hover ~ label{color:#fc0;}

.custom_file_input{opacity: 0;position: absolute;z-index: -1;}
.custom_file_label{display: inline-flex;align-items: center;padding: 10px 20px;background:#eee;border-radius:60px;cursor: pointer;font-size: 16px;transition: background-color 0.3s ease;}
.custom_file_label svg{fill:#000;}
.custom_file_label span{color: #000;padding:0 0 0 10px;}

.custom_file_label:hover {background:#EC2F5A;}
.custom_file_label:hover svg{fill:#fff;}
.custom_file_label:hover span{color: #fff;padding:0 0 0 10px;}



.asset{padding:10px;display: flex;justify-content: center;}
.asset_item{display:flex;align-items:center;margin: 0 0 15px;width:33%;padding:15px;}
.asset_item img{margin-right:10px;border-radius:10px;max-width: 60px;height: auto;}
.asset_item h3{line-height:1;padding:10px 0;font-size:28px;font-weight:700;}


/* Стилі для лайтбоксу */
.lightbox {display: none;position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);align-items: center;justify-content: center;}
.lightbox_content {max-width: 90%;max-height: 90%;border-radius: 8px;}
.lightbox_close {position: absolute;top: 20px;right: 30px;color: #fff;font-size: 40px;cursor: pointer;z-index: 10000;}
.lightbox.show {display: flex;}

@media (max-width:920px){
  .asset{flex-wrap: wrap;}
  .asset_item{width:100%;padding:10px;}
}

@media (max-width:768px){
  .section_6{border-radius:0 0 20px 20px;}
}

/*Section 7*/
.section_7{background:#2C293C;color:#ccc;}
.info_form_wrap{display:flex;justify-content:center;align-items: center; max-width:1200px;margin:25px auto 0;}
.section_7 .quantity_value{border: 1px solid #888;}
.section_7 .discount_wrap {display: flex;align-items: center;justify-content: center;padding:15px;}
.section_7 .timerclock{color: #fc0;}
.section_7 .timer_wrap img{filter:invert(1);}
.section_7 .timertext{color:#ccc;}

.prod_left{width:55%;max-width:650px;display: flex;align-items: center;justify-content: center;}

.form_rght{max-width:550px;width:45%;padding:10px;}
.form_rght form{padding:10px;}
.form_rght .title{text-align: center;text-transform: uppercase;letter-spacing:2px;padding:0 0 15px;font-size: 29px;}
.form-order{margin:0;}

.input_ctr{position: relative;margin-bottom:15px;}
.form_rght input[type="submit"] {padding: 20px 10px;width: 100%;}

.input_radio_ctr{display: flex;align-items: center;justify-content: space-between; gap: 10px;}
.input_ctr .label_wrp {margin-bottom: 8px;font-weight: bold;color: #eee;}

.input_radio_ctr input[type="radio"].check {display: none;}
.input_radio_ctr input[type="radio"].check + label {display: inline-block;width: 50px;height: 50px;line-height: 50px;margin-right: 8px;text-align: center;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;font-size: 16px;transition: 0.2s;}
.input_radio_ctr input[type="radio"].check:checked + label {border: 2px solid #EC2F5A;font-weight: bold;}

.mask_wrap{position: relative;}
.phone-overlay{position: absolute;top:15px;left:15px;right: 15px;display: flex;align-items: center;justify-content: center;cursor: pointer;background:#fff;}
.mask_num{color:#C3C3C3;}
.mask_num span{color:#0D0D0D;font-weight:500;}
.phone-overlay img {width: 30px;height:20px;margin-right: 8px;}


@media (max-width:820px){
.info_form_wrap{display:block;margin:0 auto;}
.info_form_wrap > div{margin:0;width: 100%;}
.info_form_wrap > div.form_rght{margin:15px 0 0;}
.info_lft{max-width:100%;border: 4px solid #222629;border-right: 4px solid #222629;}
.form_rght {max-width: 100%;}
}

@media (max-width:450px){
  .info_lft .timer_wrap {flex-direction: column;}
  .form_rght {padding:0;}
  .form_rght input[type="submit"] {letter-spacing: 0px;}
}



.info_ctr{max-width:960px;width:100%;margin:0 auto;font-size: 13px;border-right:none;padding:20px;display:flex;justify-content: space-between;}
.infotitle{font-weight:bold;font-size:18px;padding:15px 0 0;text-transform: uppercase;}

@media (max-width:768px){
  .info_ctr{padding:10px;flex-direction: column;}
  .info_ctr_txt{max-width:100%;order:1;}
}


.contact_link{position:fixed;right:5px;bottom:85px; text-align: center;display: flex;align-items: center;flex-direction: column; gap:10px;z-index:5;}
.fixed_call{padding:5px;margin:0;display:flex;align-items: center;justify-content: center;white-space:nowrap;color:#fff;text-decoration:none;padding:0 15px;line-height:50px;transform: rotate(90deg);width: 50px;height: 170px;}
.fixed_gift_link{display: flex;width:50px;height:50px;border-radius:50px;background: #fc0;align-items: center;justify-content: center;}
.fixed_gift_link img{max-width:30px;}

a.fixed_gift_link span.gift_fix_text{position: absolute;opacity:0;right:-200px;height: 50px;display: flex;align-items: center;padding:0 20px;color: #222629;background:#fc0;border-radius:50px;font-size:16px;white-space: nowrap;transition:0.5s ease-in-out;}
a.fixed_gift_link:hover span.gift_fix_text{opacity:1;right: 52px;}

@media (max-width:920px){
.contact_link {bottom:60px;}
.fixed_call{display:none;}
}


a.order_call{position:fixed;right:5px;bottom:25px;z-index:3; transition: all 0.5s ease-in-out;z-index:5;}
a.order_call span.fo_text{position: absolute;opacity:0;right:-200px;height: 50px;display: flex;align-items: center;padding:0 20px;color: #fff;background:#EC2F5A;border-radius:50px;font-size:16px;white-space: nowrap;transition:0.5s ease-in-out;}
a.order_call:hover span.fo_text{opacity:1;right: 52px;}

.order-ico{display:flex;justify-content: center;align-items:center;width: 50px;height:50px;transition:0.5s ease-in-out;background: #EC2F5A;border-radius:50px;}

.order-ico::after{content:'';position:relative;width:40px;height:40px;filter:invert(1);background:url(../images/ico/call.svg) no-repeat center;background-size:100%; }
.button{display:flex;justify-content: center;align-items:center;}

@media (max-width:768px){
a.order_call{right:5px;bottom:5px;}
}



/*footer*/
footer{text-align: center;padding:25px 0 10px;position:relative;z-index:3;}


.link_block{display:flex;justify-content:center;align-items:center;padding-top:25px;}
.link_block a{display: block;padding:0 10px;font-weight: 500;color: #969696;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;border-left:2px solid #3e4346;}
.link_block a:first-child{border-left:none;}
.link_block a:hover{color:#fc0;}

@media (max-width:768px){
  footer {padding: 0 0 10px;}
.link_block {padding: 25px 50px 0;display: block;}
.link_block a{border-left:none;padding:10px 0;}
}


/******* 16.1 Back top *********/
.progress-wrap {position: fixed;bottom:25px;left:5px;height:50px;width:50px;cursor: pointer;display: block;box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);z-index:2;opacity: 0;background:#EC2F5A;border-radius:50px;border: 4px solid #EC2F5A;visibility: hidden;transform: translateY(15px);transition: all 200ms linear;cursor: pointer;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0)}
.progress-wrap:hover {animation: scalezoom 0.5s ease-in-out;}
.progress-wrap::after {position: absolute;content: '';background: #fff;left: 9px;top: 45%;height: 3px;width: 15px;transform: rotate(-45deg);display: block;z-index: 1;transition: all 200ms linear}
.progress-wrap::before {position: absolute;content: '';background: #fff;right: 9px;top: 45%;height: 3px;width: 15px;transform: rotate(45deg);display: block;z-index: 2;transition: all 200ms linear}
.progress-wrap svg path {fill: none}
.progress-wrap svg.progress-circle path {stroke: #fff;stroke-width: 4;box-sizing: border-box;transition: all 200ms linear}
@media (max-width:920px) {
.progress-wrap {bottom:5px;left:5px;}
}


/*modal*/
.modal_form_wrap{position:fixed;left:0;right:0;top:100%;bottom:-100%;z-index:999;padding:0 10px;background: rgb(255,255,255,0.7);display: flex;align-items: center;justify-content: center;}
.modal_container{position:relative;width:100%;max-width:480px;padding:0 0 15px;transition:.8s ease-in-out;transform: translateY(400%);max-height: 100%;overflow-y:auto!important;background: #fff;border-radius: 20px;box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}
.modal_show .modal_container{transform: translateY(0);}

.form_title{padding-bottom: 25px;text-transform: uppercase;font-size:20px;line-height: 1.2;text-align: center;font-weight: bold;}
.form-ordercall{padding: 45px;}
.form_note{font-size:12px;color:#222629;text-align: center;padding: 5px 0 0;}
input.submit_cll {letter-spacing: 3px;width:100%;}

.modal_foot_cnt{position: relative;display: flex;align-items: center;justify-content:center;padding: 0 0 10px;}
.modal_foot_cnt:before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:1px;background:#D9D9D9;}
.modal_foot_cnt span{position: relative;display:inline-block;padding:0 10px;background:#fff;color:#222629;font-size:16px;font-weight:bold;}
.modal_call{border:2px dashed #ddd;padding:15px 20px;border-radius:14px;letter-spacing:2px;}
.modal_call:hover{border:2px dashed #EC2F5A;color:#EC2F5A;}

.modal_frm_cls{position:absolute;top:6px;right:8px;width:25px;height:25px;transition: all 0.8s ease-in-out;}
.modal_frm_cls:hover{cursor:pointer;transform:rotate(360deg);}
.frm_cls_ll,.frm_cls_lr{background:#222629;top:12px;height:2px;width:25px;position:absolute;left:0;transform:rotate(0deg);transition:.25s ease-in-out;}
.frm_cls_ll{transform:rotate(45deg);}
.frm_cls_lr{transform:rotate(-45deg);}


@media (max-width:768px){
.form-ordercall {padding:40px 10px;}
}




/* Modal styles */
.modal-text{display:none;position: fixed;z-index:9999;left:0;top:0;width:100%;height:100%;padding:0 10px;background: rgba(0, 0, 0, 0.7);overflow:auto;justify-content: center;align-items: center;}
.modal-text-cntnt{position: relative;margin:auto;display:block;max-width:920px;padding:20px;max-height: 90%;background: #ffffff;border-radius: 16px;overflow: hidden;overflow-y: auto;height:100%;}
.modal-text h3{padding:10px 0 25px;text-align: center;text-transform: uppercase;font-size:28px;}
.modal-text h4{padding:10px 0 25px;text-align: center;text-transform: uppercase;font-size:22px;line-height:1;}
.modal-text p{font-size:16px;padding:0 0 15px;}
.modal-text-cntnt::-webkit-scrollbar-track-piece{background:transparent;border-radius:5px;}
.modal-text-cntnt::-webkit-scrollbar-track-piece{background:transparent;border-radius:5px;}
.modal-text-cntnt::-webkit-scrollbar{width:4px;border-radius:5px;}
.modal-text-cntnt::-webkit-scrollbar-thumb:vertical{border-radius:5px;}
.close_modal{position: absolute;top: 10px;right: 10px;color: #222629;font-size: 50px;line-height: 20px;width: 30px;height: 30px;font-weight: 100;cursor: pointer;transition:0.4s ease-in-out;}
.close_modal:hover{transform:scaleY(-1);}