@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

*{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:#fff;font-family: "Raleway", sans-serif;position:relative;padding:0;margin:0;color:#000;line-height:1.4;font-size:18px;font-weight:400;min-width:350px;width: 100%;}
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:#2ECEC2;text-decoration:none}
a:focus,a:active,a:hover{text-decoration:none}
input[type="submit"],button{font-family: "Raleway", sans-serif;white-space:nowrap;background:#2ECEC2;padding:0 40px;display: inline-block;line-height:45px;color:#fff;font-weight: 500;font-size:20px;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{transform:translateY(10px);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{color:#777;text-indent: 0;border: 1px solid transparent;font-family: "Raleway", 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;box-shadow:0px 8px 30px rgba(163,181,202,.2),0px 4px 10px rgba(163,181,202,.15),0px 2px 6px rgba(163,181,202,.1);}
select option{text-align: center;}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus{border: 1px solid #2ECEC2;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#777;opacity:1;font-size:18px;text-align: center;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#777;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:rgba(35,35,35,0.5);}
::-webkit-scrollbar-thumb:vertical{height:4px;background:#2ECEC2;cursor:pointer;outline:none}
::-webkit-scrollbar-thumb:horizontal{width:4px;background:#2ECEC2;cursor:pointer;outline:none}

.btn_ctr{width: 100%;display:flex;align-items:center;justify-content: center;height: 86px;}
.btn{display:inline-block;position: relative;cursor:pointer;margin: 0 auto 10px;}
.btn span{white-space:nowrap;background:#2ECEC2;border:4px solid #A9E7E7;padding:20px 40px;display: inline-flex;align-items:baseline;line-height:1;color:#fff;font-weight: 500;font-size:28px;border-radius:50px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);transition:0.4s;}
.btn:hover span,.btn:focus span{transform:scale(1.1);background: #2ca79e;border: 2px solid #2ECEC2;}
@media (max-width:820px){
  .btn{display:block;width:100%;}
  .btn span{padding:20px 0;display:flex;justify-content: center;}
}

.submit_after{position: relative;display:flex;}

.wrap{overflow:hidden;position: relative;width: 100%;}

/*header*/
header{background:#fff;padding:10px;border-bottom:1px solid #f8f8f8;}
.top_container{position:relative;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.logo_ctr{position: relative;display:flex;justify-content: center;align-items:center;}
.logo_ctr img{position:relative;background:#fff;border-radius:100px;box-shadow:0px 8px 16px rgba(0,0,0,.1);margin-right:10px;}
.site_name{position:relative;font-size:25px;font-weight: bold;letter-spacing:-1px;display:flex;flex-direction: column;}
.site_name small{font-size:40%;letter-spacing: 0;}

.phone_time{display:flex;justify-content: center;align-items:center;}
.phone_head{display: block;font-size:25px;font-weight: bold;letter-spacing:-1px;padding:0 10px 0 0;position: relative;}
.phone_head::after{content:'';position: absolute;left:0;bottom:0; width:0;height:2px;background:#2ECEC2;transition:0.5s ease-in-out;}
.phone_head:hover::after{width:100%;}
.our_time{padding-left:10px;border-left:1px solid #eee;font-weight:400;line-height: 1.1;font-size: 16px;color: #777;}



.right_soc{display:flex;justify-content: center;align-items:center;}
.right_soc a{display: block;width:46px;height:46px;border-radius:50px;display:flex;justify-content: center;align-items:center;margin:0 5px;box-shadow:0px 8px 16px rgba(0,0,0,.1);transition:0.5s ease-in-out;}
.right_soc a:hover{transform:rotate(15deg) scale(1.1);}
.right_soc a svg{fill:#fff;}
.right_soc a.insta{ background:linear-gradient(to right,#833ab4,#fd1d1d,#fcb045);}
.right_soc a.faceb{ background:#3b5998;}
.button{ background:#2ECEC2;}



.bottom_container{position:relative;}
.bg_container{position:relative;}
.bg_container img{max-width:100%;height:auto}
.bg_container:before{content:'';z-index: 1;position:absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 8%);}
.bg_container:after{content:'';z-index: 1;position:absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 8%);}


@media (max-width:820px){
  .top_container{flex-direction: column;}
  .logo_ctr,.phone_time{padding-bottom:10px;}
}

@media (max-width:550px){
  header{padding:5px 10px 0;}
  .logo_ctr img{max-width:60px;height: auto;}
  .phone_time {flex-direction: column;}
  .phone_head{padding:0;}
  .our_time {padding-left:0;border-left:none;text-align: center;font-size:14px;line-height:1.1;}
  .top_container .right_soc{padding:0 0 5px;}
  .top_container .right_soc a{width:30px;height:30px;}
  .right_soc a{margin:0 20px;}
  .top_container .right_soc a svg{width:20px;height:20px;}
}


@keyframes discount_price {
0%{transform:rotate(10deg);}50%{transform:rotate(-10deg);}100%{transform:rotate(10deg);}}

main{padding:0 10px;overflow:hidden;}


/*Section 1*/
.section_1{padding:40px 0;border-bottom:1px solid #f8f8f8;}
.wrap_sec{display:flex;justify-content: center;align-items:center;}
.left_s1{max-width:760px;width: 100%;}

h1{font-size:40px;padding:0  0 15px;line-height:1.1;}
.check_ul{padding:15px 0 15px 35px;margin:0;line-height:1.2;}
.check_ul li{list-style:none;position:relative;padding:5px 0 25px;font-size:24px;}
.check_ul > li:before {content:'✔';display:block;top:-5px;left:-35px;position:absolute;width:25px;height:25px;color:#2ECEC2;font-size:40px;}

.sec_1 .discount_wrap{padding:0 0 30px;}
.discount_wrap{position: relative;z-index:2;color:#000;padding:0 10px 10px;display:flex;align-items:center;justify-content:center;text-align:center}
.timer_wrap{padding-right:15px;color: #000;}
.timertext{position:relative;z-index: 3;font-size:16px;line-height:24px;text-transform:uppercase;font-weight:500;color:#777;}
.timertext span{font-size:30px}
.timerclock{position: relative;z-index: 3;display:flex;align-items:center;justify-content:center;text-align:center}
.timeritem{min-width:70px;font-size:50px;font-weight:700;line-height:1;}
.dots{margin:0;min-width:0}

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

@media (max-width:768px){
  .timeritem{min-width: 1px;font-size: 46px;}
}

.discount_price{position: relative;z-index:3;height:140px;width:140px;border-radius:100px;border:4px solid #A9E7E7;color:#2ECEC2;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.discount_price_wrap{position: relative;z-index:3;text-align: center;animation:discount_price 4s linear;animation-iteration-count:infinite;}
.discount_price_wrap span:first-child{font-weight:400;}
.discount_price_wrap span{padding:0;font-size:28px;line-height:1;font-weight:700;display:flex;justify-content: center;position: relative;z-index:2;}
.discount_price_wrap .oldprice{color:#777;}

.invert_price h3{padding:0 10px;text-align: center;font-weight:700;font-size:32px;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_wrap{line-height:1;font-size:28px;font-weight:700;position:absolute;bottom:25px;left:50%;height:140px;width:140px;border-radius:150px;background:#FECA04;display:flex;align-items:center;justify-content:center;flex-direction: column; box-shadow:0 0 15px 0 rgb(0,0,0,0.1);}
.price span{font-size:36px}
.oldprice{color:#d4141a;font-size:20px}
.oldprice span{text-decoration:line-through;font-size:20px}


.tab-container{text-align: center;max-width:480px;width:100%;position: relative;margin:0 0 0 40px;}
.tab-container img{transition:0.5s ease-in-out;}
.active-image img{width:100%; max-width:480px;height:auto;margin-bottom: 20px;border-radius:12px;}
.tab-buttons{display: flex;justify-content: center;position:absolute;bottom: 0;left: 50%;width: 100%;transform: translateX(-50%);}

.tab-button{width:20%;height:auto;cursor: pointer;margin: 0 5px;border-radius: 5px;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);border:4px solid #fff;}
.tab-button.active {border:4px solid #2ECEC2;}



@media (max-width:768px){
  .wrap_sec{flex-direction:column;}
  .left_s1{order: 2;}
  h1{font-size:32px;text-align: center;}
  .section_1{padding:0 0 10px;}
  .discount_price{height:100px;width:100px;}
  .check_ul li{padding:0 0 15px;font-size:22px;}
  .check_ul > li:before {font-size:28px;}
  .tab-container{margin:0;}
}



/*Section 2*/
.section_2{padding:40px 0;border-bottom:1px solid #f8f8f8;}
.style_img{border-radius:12px;}

h2{text-align: center;position: relative;font-size:32px;margin:0 0 15px;padding:0 0 15px;line-height:1.2;text-transform: uppercase;}
h2::after{content:'';position: absolute;left:50%;transform:translate(-50%);bottom:0; width:100px;height:2px;background:#2ECEC2;transition:0.5s ease-in-out;}

.container_wrap{max-width:1200px;position: relative;margin:0 auto;display: flex;justify-content: center;align-items: center;}
.section_2 .container_wrap{padding:40px 0 0;}
.sec2_rght{padding-left:40px;font-size:24px;}

.sec2_rght ul{padding:15px 0 15px 50px;margin:0;line-height:1.6;}
.sec2_rght ul li{list-style:none;position:relative;padding:0;}
.sec2_rght ul > li:before {border:3px solid #2ECEC2;content:'';display:block;top:9px;left:-25px;position:absolute;width:6px;height:6px;background:transparent;border-radius:50%;}


@media (max-width:768px){
  .section_2{padding:15px 0;}
  h2{font-size:26px;}
  .container_wrap{display:block;}
  .style_img{display:none;}
  .sec2_rght{padding-left:0px;font-size:18px;}
  .section_2 .container_wrap{padding:10px 0 0;}
  .sec2_rght ul{padding:15px 0 15px 26px;}

}

/*Section 3*/
.section_3{padding:40px 0 0;border-bottom:1px solid #f8f8f8;}

.product_container{margin:25px 0 0;}
.product_wrap{position: relative;display: flex;justify-content: center;align-items: center;padding-bottom:40px;}
.product_container .product_wrap:nth-child(2n) .product_info{order:2;}
.product_wrap > div{margin:0 25px;}
.product_info{text-align: center;width:100%;max-width:480px;}
.product_color{font-size:34px;padding:0 0 25px;}
.product_price{position: relative;padding:0 0 25px;font-weight:bold;}
.product_text{position: relative;padding:0 0 25px;font-size:24px;}
.product_price span{font-size:36px;}
.old_pp span{color:#d4141a;text-decoration:line-through;font-size:24px}


@media (max-width:768px){
.section_3{padding:15px 0;}
.product_container .product_wrap:nth-child(2n) .product_info{order:0;}
.product_wrap{flex-direction: column;padding-bottom:25px;}
.product_container .product_wrap:last-child {padding-bottom:0;}
.product_wrap > div{margin:0;}
.product_info{line-height:1.1;}
.product_color{font-size:28px;padding:0 0 10px;}
.product_price{padding:0 0 10px;font-weight:}
.product_text{padding:0 0 10px;font-size:20px;}
.product_price span{font-size:30px;}
.old_pp span{font-size:16px}
}


/*Section 4*/
.section_4{padding:40px 0;border-bottom:1px solid #f8f8f8;}

.preference{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;}
.preference_item{width:33.333%;margin:0;padding:100px 20px 10px;border-radius:12px; text-align: center;position: relative;}
.preference_item:nth-child(2){border-left:2px solid #f5f5f5;border-right:2px solid #f5f5f5;}
.preference_item p.preference_ttl{font-weight: bold;}
.preference_item p{font-size: 22px;line-height:1.2;padding:10px 0 0;}
.preference_check{position: absolute;left:50%;transform:translateX(-50%);top:20px; z-index:3;height:60px;width:60px;background:#dffcff;border-radius:100px;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.preference_check:before{content: "";position:absolute;left:50%;transform:translateX(-50%);top:-14px;width:84px;height:84px;border:2px solid #2ECEC2;border-radius:100px;}
.preference_check svg{fill:#2ECEC2;position: relative;z-index:2;}
@media (max-width:768px){
  .section_4{padding:0 0 15px;}
  .preference{display:block;}
  .preference_item{width:100%;max-width:100%;margin:15px 0 0;padding: 0 0 10px;}
  .preference_item:first-child{padding:100px 0 10px;}
  .preference_item:nth-child(2){border-left:none;border-right:none;}
  .preference_item .preference_check{display:none;}
  .preference_item:first-child .preference_check{display:flex;}
  }


  /*Section 5*/
.section_5{padding:40px 0;border-bottom:1px solid #f8f8f8;}
.wrap_tbl_txt{position:relative;display:flex;justify-content:center;padding:20px 0;}
.wrap_tbl_txt::before{content:'';position: absolute;left:50%;top:50%;transform:translate(-20px,-14px) rotate(45deg);width:40px;height:4px;background:#eee;border-radius:10px;}
.wrap_tbl_txt::after{content:'';position: absolute;left:50%;top:50%;transform:translate(-20px,14px) rotate(-45deg);width:40px;height:4px;background:#eee;border-radius:10px;}
.wrap_tbl_txt > div{margin:0 40px;padding:20px;border-radius:12px;}
.wrap_tbl_txt h3{font-size:28px;line-height:1.2;text-align:center;padding:0 0 15px;}

.sec5_tbl{width:100%;max-width:480px;background:#2ECEC2;border:2px solid transparent;display: flex;flex-direction: column;justify-content: center;}
.sec5_tbl table{width:100%;border-spacing: 0px;border-collapse: collapse;text-align: center;}
.sec5_tbl tr:nth-child(2n){background:#fff;}
.sec5_tbl th,.sec5_tbl td{width:33%;padding:10px 5px;}
.sec5_tbl th{font-size:15px;line-height:1;}
.sec5_tbl tr td:first-child{font-weight:bold;}
.sec5_txt{width:100%;max-width:480px;border:2px solid #2ECEC2;font-size:18px;line-height:1.2;}
.sec5_txt ol {list-style:decimal;margin:15px 0 15px 0;padding:0 0 0 25px;line-height:1.1;}
.sec5_txt ol li{position:relative;padding:0 0 20px 5px;}
.sec5_txt ol li::marker {color: #2ECEC2;font-size: 1.2em;font-weight: bold;}

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



@media (max-width:920px){
  .wrap_tbl_txt > div{margin:0 20px;}
}
@media (max-width:768px){
.section_5{padding:15px 0;}
.wrap_tbl_txt > div{margin:0;}
.wrap_tbl_txt{position:relative;display:block;}
.wrap_tbl_txt::before,.wrap_tbl_txt::after{display:none;}
.wrap_tbl_txt > div.sec5_tbl{margin:0 0 20px;}
.sec5_tbl,.sec5_txt{max-width:100%;}
}
  

/*Section 6*/
.section_6{padding:40px 0;background:rgba(46, 206, 194, 0.07);}
.step_container{display:flex;justify-content:center;align-items: center;max-width:1200px;margin:0 auto;}
.step_left{max-width:480px;width:100%;}
.after_note{text-align:center;font-size:16px;line-height:1.1;padding:10px 0;max-width:500px;margin:0 auto;}

.step_wrap{margin: 0 auto;display:flex;flex-wrap:wrap;}
.step_item{position: relative;width:44%;margin:3%;padding:10px;background:rgba(46, 206, 194, 0.07);border-radius:12px;}
.step_sec{display:flex;align-items:center;flex-direction: column;}


.step_item:first-child .ico_step{animation:step1 5s linear;animation-iteration-count:infinite;}

@keyframes step1 {0%{transform:scale(1)} 10%{transform:scale(1.05)}15%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes step2 {0%{transform:scale(1)} 25%{transform:scale(1)} 30%{transform:scale(1.05)}35%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes step3 {0%{transform:scale(1)} 45%{transform:scale(1)} 50%{transform:scale(1.05)}55%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes step4 {0%{transform:scale(1)} 65%{transform:scale(1)} 70%{transform:scale(1.05)}75%{transform:scale(1)}100%{transform:scale(1)}}

.txt_step{padding:15px 10px 0;line-height: 1.1;text-align: center;position: relative;z-index:2;}
.ico_step{position:relative;background:#2ECEC2; width:100px;height:100px;margin:0 15px;border-radius:100px;font-weight:700;display:flex;align-items:center;flex-direction: column;justify-content:center;}
.ico_step img{filter:invert(1);}

.mob{display:none;}

@media (max-width:920px){
.step_container{display:block;margin:0 auto;}
.desc{display:none;}
.mob{display:block;}
}

@media (max-width:768px){
  .section_6{padding:15px 0;}
}
@media (max-width:600px){
  .step_item{width:100%;margin:0 0 15px;}
}




/*Section 7*/
.section_7{padding:40px 0;}
.asset_form_wrap{display:flex;justify-content:center;max-width:1200px;margin:25px auto 0;}
.asset_form_wrap > div{border-radius:12px;margin:0 40px;padding:15px;}
.asset{max-width:480px;width:100%;border:2px solid #eee;}
.title{font-weight:700;font-size:26px;line-height:1.1;padding:0 0 25px;position: relative;}

.asset{padding:40px 10px 0;}
.asset_item{display:flex;align-items:center;}

.asset_ico{margin-right:10px;border-radius:100px;width:60px;height:60px;background: #2ECEC2;display:flex;align-items:center;justify-content: center;}
.asset_ico svg{fill:#fff;}
.asset_text{flex: 1 0;}
.asset_item h3{line-height:1;padding:10px 0;font-size:28px;font-weight:700;}

.form_rght{border:2px solid transparent;background: #f8f8f8;max-width: 480px;width: 100%;}
.form_rght .title{text-align: center;}
.form-order{margin:0;}
.form_ttl{text-align: center;font-size: 20px;font-weight: 500;}
.selectedc{background:#2ECEC2;box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);}
.field{background: #fff;}

.input_ctr{position: relative;margin-bottom:15px;}



@media (max-width:820px){
  .section_7{padding:15px 0;}
  .asset_form_wrap{display:block;margin:0 auto;}
  .asset_form_wrap > div{margin:0;}
  .asset_form_wrap > div.form_rght{margin:15px 0 0;}
  .asset{max-width:100%;}
  .form_rght{max-width:100%;}
  }
  



/*footer*/
footer{text-align:center;padding:5px 0;font-weight:700;position:relative;border-top:1px solid #f8f8f8;}
.foot_container{position:relative;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}




.link_block{padding:5px 0 15px;border-top:1px solid #f8f8f8;}
.link_block a{display:block;padding-top:10px;font-size:14px;font-weight: 500;color:#999;text-decoration: underline;}

@media (max-width:820px){
  .foot_container{flex-direction: column;}
}




.foot_order{display:flex;justify-content:center;align-items:center;z-index:9999; width: 60px;height: 60px;border-radius:100px; background-color:#2ECEC2;position: fixed;right:25px;bottom:25px;transition: all 0.5s ease-in-out;}
.foot_order:hover{transform:rotate(15deg) scale(1.1);box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);}
.foot_order svg{fill:#fff;}
@media (max-width:768px){
  .foot_order.at-end{right:-100px;}
  .foot_order{right:5px;bottom:5px;}
}


/*modal*/
.modal_frms{position:fixed;left:0;right:0;top:100%;bottom:-100%;z-index:999;padding:0 10px;background:rgba(255,255,255, .6);display: flex;align-items: center;justify-content: center;}
.modal_ctrfrm{position:relative;background:#f7f7f7;width:100%;max-width:480px;border-radius:12px; box-shadow: 0 0 25px 0 rgb(0,0,0,0.15);transition:.8s ease-in-out;transform: translateY(400%);max-height: 100%;overflow-y:auto!important;}
.modalshw .modal_ctrfrm{transform: translateY(0);}

.frm_ttl{padding-bottom:10px;font-size:20px;line-height: 1;text-align: center;font-weight: bold;}
.form-ordercall{padding:45px 25px 5px;}
.form_note{font-size:12px;color:#888;text-align: center;}


.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:#000;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);}