.new-layout{overflow-x:hidden;background:#f5f5f5;width:100%;*{pointer-events:auto;box-sizing:border-box}iframe{border:0;max-width:100%}h2{font-size:36px;text-transform:uppercase;text-align:center;margin:0 0 35px}& b,& strong{font-weight:700}& p{margin:0 0 15px}& img{height:auto;max-width:100%;aspect-ratio:auto;width:fit-content}button,input{cursor:pointer;display:block}& .btn{font-size:16px;position:relative;margin:0 auto;align-items:center;width:fit-content;line-height:1;display:flex}& .wpa-test-msg{display:none}& .inp input{padding:10px 15px 10px 40px}& .inp input,& .inp-submit input{min-height:45px;border:0;min-width:0;border-radius:50px;width:100%}& .inp-submit input{padding:10px 20px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;background:#f29002}& .inp-politic{padding-top:10px;font-size:12px;color:#f5f5f5;text-align:center;& a{color:inherit}}}.breadcrumbs{padding:20px;font-size:12px;color:#737373;*{color:#737373;&:hover{text-decoration:none}}}.column-flex{align-items:center;display:flex;& .column{position:relative;flex-direction:column;width:50%;display:flex}}.btn-new{& .btn{padding:21px 90px 21px 25px;&:before{height:45px;transform:translateY(-50%);right:4%;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:100px;background:#fff;width:45px}&:after,&:before{transition:.3s;content:"";position:absolute;top:50%;display:block}&:after{height:12px;border-right:1px solid #8f8f8f;transform:translateY(-50%) rotate(45deg);right:9%;border-top:1px solid #8f8f8f;width:12px}&:hover{&:before{background:#f29002}&:after{border-color:#fff}}}}.section-head{padding:25px 0 0;& .column-1{& .p{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 10px;font-size:20px;font-weight:600;color:#56bf3c;position:absolute;max-width:320px;text-align:center;top:12%;margin:0;border-radius:0 30px 30px 0;background:hsla(0,0%,100%,.3);left:0;width:100%;line-height:1.2;& strong{font-size:24px;text-transform:uppercase;display:block}& b{font-size:32px}}}& .column-2{padding:0 25px;& h1{font-size:36px;text-align:center;margin:0 0 15px;line-height:1.25;& strong{color:#f29002;text-transform:uppercase}}& p{font-weight:300;max-width:500px;letter-spacing:.15px;text-align:center;margin:0 auto}}.sale-timer{padding:20px 0;& .slider-main__counter-content{justify-content:center;gap:15px;align-items:center;display:flex}& .slider-main__counter-col{box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:5px;background:#fff}& .slider-main__number{padding:15px 5px;font-size:48px;font-weight:700;color:#f29002;text-transform:uppercase;text-align:center;width:80px;line-height:1}& .slider-main__subtext{position:relative;text-align:center;padding-bottom:5px;&:before{height:1px;content:"";margin:0 0 5px;box-shadow:0 0 10px rgba(0,0,0,.45);background:#dedede;width:100%;display:block}}}& ul.ul{padding:25px 10px;justify-content:center;margin:25px auto 0;align-items:center;border-radius:30px;background:#fff;width:100%;display:flex;& li{list-style:none;padding:10px;text-align:center;width:33%;&:nth-child(2){border-right:1px solid #cdcdcd;border-left:1px solid #cdcdcd}& img{margin:0 auto 10px;width:35px;display:block}& p{font-weight:300;letter-spacing:.15px;margin:0}}}}.section-products{padding:70px 0;& h2{margin-bottom:60px}& .box-products{& .box-product{min-height:420px;padding:25px 15px;border-radius:50px;background:#fff;& a.img-a-product{text-decoration:none;display:block;& p.img-box-product{max-width:250px;margin:0 auto 10px;& img{max-height:250px}}}& .img-product img{max-width:242px}&:nth-child(2) .img-product img{margin-top:-35px}&:nth-child(3) .img-product img{margin-top:-72px}&:nth-child(4) .img-product img{margin-top:-95px}& .img-product{justify-content:center;margin-bottom:15px;position:relative;align-items:center;display:flex}& .products-title{font-size:16px;text-decoration:none;color:#000;line-height:1.2}& .products-title,& .products_min_price{font-weight:700;text-align:center;margin:0 0 10px}& .products_min_price{font-size:18px;color:#56bf3c}& .sale-product{padding:0 10px;justify-content:space-between;text-align:center;align-items:center;display:flex;& strong{font-size:24px;color:#f29002;text-transform:uppercase}& del{font-weight:300;color:#5e5e5e}}& .btn{padding:12px 20px}}}}.section-pricing{padding:60px 0;& .form-pricing{padding:35px 315px 35px 35px;margin-right:50px;position:relative;border-radius:50px;background:#56bf3c;& .img-pricing{transform:translateY(-50%);right:-65px;position:absolute;top:50%}& .title-pricing{font-size:40px;font-weight:700;color:#fff;text-transform:uppercase;margin:0;line-height:1}& .desc-pricing{font-size:32px;font-weight:700;margin-bottom:25px;color:#fff}& .inps{flex-direction:column;display:flex}& .inps-wrap{position:relative;max-width:760px;gap:10px;align-items:center;display:flex}}}.section-tabs-profiles{.tabs-name-profiles{overflow:hidden;justify-content:start;flex-wrap:wrap;margin:0 auto 15px;align-items:center;box-shadow:0 0 5px rgba(0,0,0,.05);border-radius:15px;background:#fff;width:100%;display:flex;& .tab-name{border-right:1px solid #dadada;padding:22px 0;justify-content:center;text-transform:uppercase;border-bottom:1px solid #dadada;text-align:center;align-items:center;background:#fff;cursor:pointer;width:20%;display:flex;&.active{color:#fff;background:#56bf3c}}}& .tabs-describe-profiles{overflow:hidden;padding:30px;position:relative;border-radius:50px;background:#fff;& .tab-describe{height:0;overflow:hidden;transform:translateY(-100%);transition:.4s;position:absolute;top:0;left:0;width:0;&.active{height:fit-content;overflow:visible;transform:translate(0);position:relative;top:0;left:0;width:100%}}& .column-1{width:38%;& img{margin:0 auto;display:block;&.vertical{max-width:255px}&.horizontal{max-width:390px}}& .tab-installment{padding:12px 20px;font-weight:700;color:#fff;position:absolute;max-width:190px;text-align:center;top:75%;border-radius:100px;background:linear-gradient(90deg,#f29002 0,#e9670a);left:2%;width:100%;line-height:1.3;display:block}}& .column-2{width:62%;& h3.tab-title{font-size:24px;font-weight:700;text-transform:uppercase;margin:0 0 15px}& .tab-text{font-weight:300}& .tab-mintitle{font-weight:700;margin-bottom:20px}& ul.tab-ul{padding:0;margin:0;& li{justify-content:space-between;margin-bottom:20px;position:relative;align-items:baseline;padding-left:40px;display:flex;&:last-child{margin-bottom:0}&:before{height:20px;content:"";position:absolute;top:0;border-radius:20px;background:#56bf3c;left:0;width:20px;display:block}& span{font-weight:300}& span,& strong{flex-shrink:0}& i{height:1px;border-bottom:1px dashed #dedede;margin:0 6px;width:100%;display:block}& .color-palette__wrap{gap:3px;display:flex;& .color-palette__item{height:15px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-radius:50%;width:15px}}}}}}& .tabs-preference{h2{margin:35px 0}ul{list-style:none;padding:0;gap:10px;margin:25px 0 0;align-items:center;width:100%;display:flex}li{padding:20px 32px;gap:10px;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.05);border-radius:50px;background:#fff;width:25%;display:flex;& span{font-weight:300}& strong{flex-shrink:0;font-size:36px;color:#f29002;text-transform:uppercase}}}}& .arrow-title{justify-content:space-between;margin-bottom:45px;position:relative;gap:20px;align-items:center;display:flex;& h2{margin:0}& .arrow-indicator{gap:10px;align-items:center;display:flex;z-index:5}& .arrow-glide{height:45px;padding:5px;justify-content:center;border:0;position:relative;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:100px;background:#fff;width:45px;display:flex;&:before{height:12px;border-right:1px solid #8f8f8f;transform:rotate(45deg) translate(-2px,2px);content:"";border-top:1px solid #8f8f8f;width:12px;display:block}&.arrow-left{transform:rotate(-180deg)}&:hover{background:#f29002;&:before{border-color:#fff}}}}.section-glasspacket{padding:60px 0 30px;& .glide__bullets{justify-content:center;gap:5px;margin:40px auto 0;align-items:center;display:flex;& .glide__bullet{height:14px;border:1px solid #d2d2d2;border-radius:20px;background:#fff;width:14px;&.glide__bullet--active{background:#f08604}}}& .box-glasspacket{position:relative;border-radius:50px;background:#fff;padding-bottom:70px;margin-top:100px;& .img-glasspacket{justify-content:center;margin:0 auto;align-items:center;display:flex;& img{max-height:280px;margin:-50px auto 10px}}& .touch-glasspacket{min-height:63px;padding:20px;transition:.5s;position:absolute;bottom:0;border-radius:50px;background:#56bf3c;cursor:pointer;left:0;width:100%;& *{transition:.4s}& .touch-title{font-weight:700;color:#fff;text-transform:uppercase;position:relative;padding-right:60px;margin:0;cursor:pointer}& .touch-text{font-size:0;margin:0}&.active{min-height:100%;background:hsla(0,0%,100%,.9);& .touch-title:after{transform:translate(15%,-57%) rotate(135deg)}& .touch-text{font-size:14px;font-weight:300;margin-top:25px}& *{color:#000}}}}}.section-cooperation{align-items:center;display:flex;& .main{align-items:center;display:flex}& .boxs-cooperation{position:relative;max-width:400px;z-index:1;& h2{margin-bottom:15px;text-align:left}& ul{list-style:none;padding:0;margin:0 0 30px}& li{font-weight:300;margin-bottom:15px;gap:10px;align-items:center;display:flex;&:before{height:25px;flex-shrink:0;content:"";background:url(/wp-content/themes/d-okna/img/l1.svg) 50% 50%/contain no-repeat;width:25px;display:block}&:nth-child(2):before{background-image:url(/wp-content/themes/d-okna/img/l2.svg)}&:nth-child(3):before{background-image:url(/wp-content/themes/d-okna/img/l3.svg)}&:nth-child(4):before{background-image:url(/wp-content/themes/d-okna/img/l4.svg)}}& .form-cooperation{padding:25px;border-radius:50px;background:#f08604;& .title-cooperation{font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center}& .inp{margin-bottom:10px}& .inp-submit input{max-width:fit-content;margin:auto;background:#56bf3c}& .inp-politic{padding:8px 10px 0;line-height:1.1;& a{text-decoration:underline}}}}& .img-cooperation img{max-width:fit-content;margin-left:-15%}}.section-instalment{padding:60px 0;& .title-instalment{gap:10px;align-items:center;display:flex;& h2{margin:0}& span{padding:5px 15px;font-weight:300;color:#fff;border-radius:50px;background:#56bf3c;display:block}}& ul{padding:0;flex-wrap:wrap;gap:20px;margin:30px 0 0;align-items:center;display:flex;& li{padding:20px 30px;transition:.2s;box-shadow:0 0 10px rgba(0,0,0,.05);background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.69) 59%,rgba(242,144,2,.27));background-size:0;gap:10px;background-color:#fff;align-items:center;background-position:100% 0;border-radius:50px;width:calc(50% - 10px);background-repeat:no-repeat;display:flex;&:before{height:45px;flex-shrink:0;content:"";background:url(/wp-content/themes/d-okna/img/instalment1.svg) 50% 50%/contain no-repeat;width:45px;display:block}&:nth-child(2):before{background-image:url(/wp-content/themes/d-okna/img/instalment2.svg)}&:nth-child(3):before{background-image:url(/wp-content/themes/d-okna/img/instalment3.svg)}&:nth-child(4):before{background-image:url(/wp-content/themes/d-okna/img/instalment4.svg)}&:hover{background-size:100%;background-color:#fff;background-position:100% 100%;background-repeat:no-repeat}}}}.section-complete{padding:140px 0 85px;& .box-complete{padding:45px 415px 75px 35px;margin-right:50px;position:relative;border-radius:50px;background:#56bf3c;& .img-complete{transform:translateY(-55%);right:-65px;position:absolute;top:50%;& ul.ul-complete{list-style:none;height:100%;padding:0;position:absolute;top:0;margin:0;left:0;width:100%;z-index:2;& li.licmp{position:absolute;top:0;cursor:pointer;left:0;&:before{height:30px;top:0;border-radius:100px;background:#56bf3c;left:-10%;width:30px}&:after,&:before{content:"";position:absolute;z-index:1}&:after{height:34px;border:2px solid #56bf3c;top:-4px;border-radius:100px;left:-4px;width:34px}& p{height:0;overflow:hidden;padding:0;right:-10px;transition:.5s;position:absolute;gap:15px;top:-3px;margin:0;align-items:center;border-radius:50px;background:#fff;width:0;display:flex;z-index:2}& span{font-weight:300}& strong{flex-shrink:0;font-size:22px;color:#f29002;line-height:1}}& li.licmp:first-child{top:1%;left:50%;& p{flex-wrap:wrap;flex-direction:column;gap:0;align-items:flex-start}}& li.licmp:nth-child(2){top:25%;left:63%}& li.licmp:nth-child(3){top:66%;left:12%}& li.licmp:nth-child(4){top:70%;left:52%}& li.licmp:hover{& p{height:fit-content;padding:10px 20px;box-shadow:0 0 15px rgba(0,0,0,.1);width:max-content}}}}& .title-complete{font-size:36px;font-weight:700;color:#fff;text-transform:uppercase;margin:0 0 25px;line-height:1}& .desc-complete{font-weight:300;color:#fff;max-width:545px;margin:0;line-height:1.5}}}.section-marking{padding:60px 0;background:none!important;display:block!important;& .column-flex{gap:10px}& .column-1{width:40%;& .text-marking{& h2{margin-bottom:20px;text-align:left}& p{font-weight:300}}}& .column-2{width:60%}& .box-variations{padding:20px;gap:20px;align-items:center;border-radius:50px;background:#fff;display:flex}}.section-condition{padding:60px 0;& .exhaustive-condition{display:flex;& .comment-condition{width:42%;& .comment-iframe{height:650px;overflow:hidden;transform:scale(.9) translate(-6%,-5%);max-width:500px;margin:0 auto -300px 0;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:50px;z-index:1}}& .info-condition{width:58%;& h2{text-align:left;margin:10px 0 15px}& ul.contact-condition{list-style:none;padding:0;margin:0}& li.li-condition{justify-content:space-between;margin-bottom:25px;gap:20px;align-items:flex-start;display:flex;& .text-condition{font-weight:600;margin:0}& .inf-condition{color:#56bf3c;text-align:right;margin:0;line-height:1.5;& a{text-decoration:underline;color:inherit}& a[href^="tel:"]{font-size:30px;color:#f29002;line-height:1}& a:hover{text-decoration:none}}}}}}.section-melke-colours{margin-top:35px}.section-melke-colours .melke-colours-wrapper{padding:35px 40px;background-color:#fff;border-radius:150px;margin-top:35px}.section-melke-colours .sub_heading{font-size:25px;font-weight:700;text-align:center}.section-melke-colours .melke-colours-list{list-style:none;padding:0;justify-content:center;flex-wrap:wrap;gap:40px;margin:40px 0 0;align-items:center;display:flex}.section-melke-colours .melke-colours-list .melke-colours-item{pointer-events:none;flex-direction:column;gap:15px;align-items:center;user-select:none;display:flex}.section-melke-colours .melke-colours-list .melke-colours-item-color{height:90px;border-radius:100%;width:90px}.section-melke-colours .melke-colours-list .melke-colours-item-text{font-size:18px;font-weight:700;text-transform:uppercase}@media (max-width:1100px){.btn-new{& .btn{padding:21px 58px 21px 15px;font-size:1.4vmax;&:before{right:3%}}}.new-layout{& .container{padding:0 10px;max-width:450px!important}h2{font-size:30px;margin:0 0 30px}& p{font-size:1.5vmax;margin:0 0 15px}& .arrow-title{margin-bottom:0;flex-direction:column;& .arrow-indicator{justify-content:space-between;position:absolute;top:200%;width:100%}& .arrow-left{margin-left:-7px}& .arrow-right{margin-right:-7px}}& .inps-wrap{flex-direction:column}& .inp-submit input{margin:0 auto!important}& .inp-politic{padding-top:10px;font-size:11px;max-width:200px;margin:auto;line-height:1.2}}.column-flex{flex-direction:column;& .column{width:100%!important}}.section-head{& .column-1{padding-bottom:15px;& .p{padding:15px 2vmax;font-size:1.8vmax;max-width:max-content;text-align:left;& strong{font-size:2.2vmax}}}& .column-2{padding:0;& h1{font-size:2.6vmax}& h1,& p{text-align:left}}& .sale-timer{& .slider-main__counter{display:block}}& ul.ul{padding:15px 10px;flex-direction:column;margin:20px auto 0;width:100%;& li{list-style:none;padding:10px;border:0!important;gap:15px;text-align:left;align-items:center;width:100%;display:flex;& img{margin:0}}}}.section-products{padding:40px 0;& h2{margin-bottom:30px}& .box-products{& .box-product{max-width:80%;margin:0 auto}}}.section-pricing{padding:0 0 165px;& .form-pricing{padding:30px 20px;margin:0 auto;width:100%;& .img-pricing{transform:translate(0);justify-content:center;right:0;position:relative;top:0;margin:30px auto -180px;display:flex}}& .form-pricing{& .title-pricing{font-size:2.6vmax;margin-bottom:5px;text-align:center}& .desc-pricing{font-size:2.1vmax;margin-bottom:10px;text-align:center;line-height:1.3}}}.section-tabs-profiles{padding:15px 0 20px;& .tabs-name-profiles{flex-direction:column;margin:0 auto 15px;box-shadow:none;& .tab-name{padding:12px 10px;border:0;border-radius:100px!important;width:100%;&.active{color:#fff;background:#56bf3c}}}& .tabs-describe-profiles{padding:15px 15px 30px;& .column-1{& img{max-width:215px}& .tab-installment{padding:10px;max-width:160px;line-height:1.2}}& .column-2{& h3.tab-title{font-size:2vmax}& .tab-text{line-height:1.2}& ul.tab-ul{& li{font-size:1.5vmax;margin-bottom:15px;padding-left:20px;&:before{height:13px;top:3px;width:13px}}}}}& .tabs-preference{& ul{flex-direction:column;gap:5px;margin:20px 0 0}& li{padding:10px 20px;justify-content:space-between;width:100%;& strong{font-size:3vmax}}}}& .section-glasspacket{padding:30px 0;& .slider-glasspacket{max-width:280px;margin:0 auto}& .arrow-title{& h2{margin:0}& .arrow-indicator{top:calc(100% + 20vmax);width:clamp(100%,95vw,135%)}}& .box-glasspacket{& .touch-glasspacket{&.active{padding:30px}}}}.section-cooperation{& .main{flex-direction:column}& .boxs-cooperation{& h2{margin-bottom:15px;text-align:center}& .form-cooperation{padding:25px 15px}& .inp-politic{padding:8px 0 0}}& .img-cooperation img{max-width:140%;margin:-20px -22%}}.section-instalment{& .title-instalment{margin-bottom:20px;flex-direction:column}& ul{flex-direction:column;gap:10px;margin:20px 0 0;& li{padding:10px 20px;gap:10px;width:100%}}}.section-complete{padding:0;& .box-complete{padding:30px 15px;margin:0 auto;& .title-complete{font-size:30px;text-align:center;margin:0 0 15px;line-height:1.2}& .img-complete{transform:translate(0);right:0;position:relative;top:0;margin:25px auto 0}& .desc-complete{line-height:1.2;& span{font-weight:400;margin-bottom:10px;display:block}}& .img-complete{& ul.ul-complete{& li.licmp{& p{flex-direction:column!important;gap:5px;align-items:center!important;& span{text-align:center}}& strong{font-size:16px;text-align:center}}& li.licmp:hover{& p{transform:translate(53%,-100%);right:0;max-width:300px;text-align:center;top:0}}}}}}.section-marking{padding:35px 0;& .column-1{& .text-marking{& h2{font-size:24px;margin-bottom:10px;text-align:center}& p{line-height:1.2}}}& .box-variations{padding:15px 7%;flex-direction:column;gap:0;& .service-1__arrows{display:flex}& .service-1__arrow:first-child{margin:0 0 0 -32px}& .service-1__arrow:nth-child(2){margin:0 -32px 0 0}& .service-1__var-text{font-size:11px}& .service-1__var{width:60px}& .title-h5{font-size:16px;margin:0 0 10px}}}.section-archetype{& img{margin:0 auto;display:block}}.section-condition{padding:35px 0 0;& .exhaustive-condition{flex-direction:column;align-items:center;& h2{margin-bottom:15px}& .comment-condition{width:100%;& .comment-iframe{height:580px;transform:scale(1) translate(0);margin:10px auto}}& .info-condition{width:100%;& ul.contact-condition{padding:20px 0 10px;margin:0}& li.li-condition{margin-bottom:20px;flex-direction:column;gap:10px;text-align:center;align-items:center;& .inf-condition{text-align:center;line-height:1.3}}}}& .mapping-condition{margin:0 -10px}}}