body{font-family:"Manrope",sans-serif;font-size:14px;line-height:1.5;color:var(--white);font-weight:300;background:var(--gray) url(../images/body-bg.png) repeat-y top center / 100%}
:root{--gold:#E0C277;--gray:#15171B;--white:#fff;--black:#000;--text-grad:linear-gradient(135.00deg,#e3c67a,#a08235,#e3c67a,#a08235);--button-grad:linear-gradient(135.00deg,#e3c67a 0%,#a08235 46%,#e3c67a 59.5%,#a08235 100%)}
*{box-sizing:border-box}
img{max-width:100%}
div{position:relative}
a,a:hover{text-decoration:none}
a{color:var(--white)}
a:hover{color:var(--gold)}
.goldcolor,.goldcolor a{color:var(--gold)}
.goldcolor a:hover{color:var(--white)}
.graybg{background:var(--gray)}
.goldbg{background:var(--gold)}
.bold{font-weight:700}
.whitecolor,.whitecolor a{color:var(--white)}
.whitecolor a:hover{color:var(--gold)}
.whitebg{background:var(--white)}
.text-gradient,.text-gradient > [id*=bx]{background-image:var(--text-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.button,.button.outline:hover,.popup-window-buttons .btn,[data-entity="basket-checkout-button"],.bx-soa-more-btn button,div#bx-soa-orderSave a{padding:14px 40px;font-weight:400;color:var(--black);background:var(--button-grad);border:1px solid var(--gold);text-transform:uppercase;display:inline-block;border:1px solid var(--gold);border-image:var(--button-grad);border-image-slice:1;outline:none;box-shadow:none}
.button.outline,.button:hover,.popup-window-buttons .btn:hover{padding:14px 40px;font-weight:400;color:var(--white);background:transparent;border:1px solid var(--gold);text-transform:uppercase;display:inline-block;border-image:var(--button-grad);border-image-slice:1;outline:none;box-shadow:none}
[data-entity="basket-checkout-button"],.bx-soa-more-btn button,div#bx-soa-orderSave a{font-weight:700}
[data-entity="basket-checkout-button"]:hover,.bx-soa-more-btn button:hover,div#bx-soa-orderSave a:hover{background:transparent;color:var(--black);outline:none;box-shadow:none}
.shadow:after{content:"";width:100%;position:absolute;bottom:-30px;left:0;right:0;height:30px;background:url(../images/shadow.png) no-repeat center center / 100%;z-index:-1;display:inline-block}
.fs-65{font-size:65px}
.fs-53{font-size:53px}
.fs-43{font-size:43px}
.fs-39{font-size:39px}
.fs-23{font-size:23px}
.fs-19{font-size:19px}
.fs-14{font-size:14px}
.fs-13{font-size:13px}
.fw-400{font-weight:400}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
.duo span{color:var(--gold)}
header{padding:20px;position:fixed;z-index:2;width:100%;top:0;left:0;right:0}
.scrolled header{background:var(--gray)}
.phrase{letter-spacing:3px}
header .contacts{display:flex;justify-content:space-between;align-items:center}
header .contacts img{width:24px;margin-right:8px}
.section{padding:80px 0}
.smallshadow{box-shadow:3px 3px 13px #000000bf}
.bigshadow{box-shadow:1px 19px 16px #00000038}
div#first{background:url(../images/bg1.png) no-repeat top center / cover;padding-top:250px;margin-top:-97px}
.grid-text{display:grid;grid-gap:10px;grid-template-areas:'g1 g1 g2 g2 g2';grid-template-columns:repeat(5,1fr);width:500px}
.grid-text .block1-price{grid-area:g1}
.grid-text .block1-text{grid-area:g2;padding-top:6px}
.bg-gradients{background:radial-gradient(50.00% 50.00% at 50% 50%,rgba(222,192,116,0.15),rgba(166,136,59,0) 100%);display:inline-block;padding:50px 120px;margin-left:-120px}
div#first:before{content:"";background:url(../images/bg1-shine.png) no-repeat center center / auto;position:absolute;top:0;left:0;right:0;bottom:0}
#second .flex-title,#third .flex-title,#fourth .flex-title,#fifth .flex-title,#sixth .flex-title{display:flex;align-items:center;margin-bottom:15px}
#fourth .flex-title{margin-bottom:0}
#second .flex-title svg,#third .flex-title .count,#fourth .flex-title svg,#fifth .flex-title .count,#sixth .flex-title svg{margin-right:30px}
#third{background:url(../images/bg3.png) no-repeat center center / cover;padding-bottom:110px}
#third .benefits-grid,#fourth .benefits-grid,#fifth .benefits-grid,#sixth .benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px 40px;grid-template-areas:'b1 b2' 'b3 b4'}
.item1{grid-area:b1}
.item2{grid-area:b2}
.item3{grid-area:b3}
.item4{grid-area:b4}
.scrolled header{background:var(--gray);z-index:9;box-shadow:1px 1px 5px var(--black)}
#fifth{background:url(../images/bg5.png) no-repeat top center / cover;z-index:2}
#fifth img{margin-top:-240px}
#sixth{background:url(../images/bg6.png) no-repeat center center / cover;z-index:1}
#sixth img{margin-bottom:-30px}
.overflow{overflow:hidden}
.container-fluid.sale-order-detail{background:#fff}
.catalog-block-header[data-entity="header"]{display:none!important}
.section-small-padding{padding:0 0 60px}
div#bx-soa-total-mobile{display:none!important}
.blackbg{background:#000}
.email svg,.phone svg,.basket-line svg{margin-bottom:-3px}
#mapblock .contactsblock{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
div#mapblock .contact-item{padding:30px;background:#212327;z-index:2;box-shadow:0 0 35px 0 rgba(0,0,0,0.10);z-index:2}
#mapblock .contactsblock > .container,#mapblock .contactsblock .row{height:100%}
#mapblock .form-body,#mapblock .modal-body{padding:0}
#mapblock h3,#mapblock h4{width:auto;display:inline-block}
.contact-email{margin-bottom:15px!important}
.contact-email svg{margin-bottom:-4px;margin-right:7px}
.contact-phone svg{margin-bottom:-4px;margin-right:7px}
ymaps.ymaps-layers-pane{filter:grayscale(1) brightness(0.3)}
ymaps.ymaps-image-with-content{background:url(/local/templates/utong/images/location.png) no-repeat center center!important;background-size:contain!important}
div.bx-yandex-map{font-size:inherit}
.shadow-block{content:"";position:absolute;top:0;left:15px;right:15px;bottom:0;display:inline-block;width:calc(100% - 30px);height:100%;background:transparent;box-shadow:1px 1px 3px var(--gold),-1px -1px 3px var(--gold);border-radius:17%;z-index:1}
.modal-header{border-bottom:none}
button.btn-close.whitecolor{filter:invert(1)}
.modal .field-item,.modal .block-with-submit,.modal .block-with-submit input{width:100%}
.product-item-container{background:#212327 url(../images/tov-bg.png) no-repeat center left / contain;position:relative;z-index:2}
.product-item-line-card .shadow-block{left:12px;right:12px;width:calc(100% - 24px)}
div#chars:before{content:"";position:absolute;top:0;left:20px;bottom:0;width:3px;background:url(../images/vertical.png) no-repeat center center / auto}
div#chars:after{content:"";position:absolute;top:0;right:20px;bottom:0;width:3px;background:url(../images/vertical.png) no-repeat center center / auto}
.inside-content{padding-top:120px;padding-bottom:80px}
.bx-context-toolbar-empty-area{width:12px}
@media(min-width:576px) {
#mapblock .field-item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
#mapblock .block-with-submit{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
#mapblock .block-with-submit input{width:100%}
}
@media(min-width:1600px) {
.container{max-width:1290px}
}
@media(min-width:1200px) and (max-width:1599px) {
header .contacts{flex-wrap:wrap;justify-content:space-around}
.fs-53{font-size:48px}
.fs-43{font-size:40px}
div#first{padding-bottom:80px}
.shadow:after{bottom:-25px}
#third{padding-bottom:90px}
}
@media(max-width:1199px) {
.benefits-grid{grid-gap:25px}
}
@media(min-width:992px) and (max-width:1199px) {
div#third img{max-height:180px}
#fifth{z-index:8;padding-bottom:90px;padding-top:20px}
header .contacts{flex-wrap:wrap;justify-content:space-around}
header .contacts > div{margin-bottom:6px}
.fs-53{font-size:40px}
.fs-43{font-size:36px}
.fs-65{font-size:52px}
.fs-39{font-size:36px}
.fs-23{font-size:20px}
.grid-text .block1-text{padding-top:3px}
div#first{padding-bottom:100px}
.shadow:after{bottom:-22px}
.section{padding:60px 0}
.col-lg-0{display:none}
}
@media(max-width:991px) {
#mapblock .contactsblock{position:relative}
}
@media(min-width:768px) and (max-width:991px) {
header .contacts{margin-bottom:8px;flex-wrap:wrap;justify-content:space-around}
header .contacts > div{margin-bottom:6px}
.fs-53{font-size:36px}
.fs-43{font-size:32px}
.fs-65{font-size:48px}
.fs-39{font-size:31px}
.fs-23{font-size:17px}
.grid-text{width:400px}
.grid-text .block1-text{padding-top:2px}
.section{padding:40px 0}
.shadow:after{bottom:-21px}
.col-md-0{display:none}
#third{padding-bottom:60px}
}
@media(max-width:767px) {
.logo img{max-height:35px;margin:0 auto 15px}
.logo{text-align:center}
header .contacts{flex-wrap:wrap;justify-content:center;margin-bottom:0}
header .contacts > div{margin-bottom:8px;width:100%;text-align:center}
.scrolled header .contacts > div{margin-bottom:0}
header{padding:20px 0}
.scrolled .logo,.scrolled header .email{display:none}
.scrolled header .contacts{flex-wrap:nowrap;justify-content:center;margin-bottom:0}
.fs-53{font-size:32px}
.fs-39{font-size:27px}
.fs-23{font-size:15px}
.grid-text{width:300px}
.grid-text .block1-text{padding-top:2px}
div#first{padding-bottom:70px;padding-top:320px}
.grid-text{width:100%;max-width:350px}
div#first{background-position:41% 0}
.bg-gradients{padding:50px;margin-left:-50px}
.fs-43{font-size:28px}
.fs-65{font-size:42px}
.shadow:after{content:none}
.shadow{box-shadow:1px 1px 23px #070708}
#first img,#third img,#fourth img{max-width:300px}
.section{padding:40px 0}
.form-body .button{width:100%}
.col-0.col-sm-0{display:none}
.email svg,.phone svg,.basket-line svg{margin-bottom:-5px}
}
@media(max-width:575px) {
.scrolled header .contacts a{font-size:14px}
.scrolled header .contacts{align-items:flex-start}
.benefits-grid{grid-template-columns:repeat(1,1fr);grid-template-areas:'b1' 'b2' 'b3' 'b4';grid-gap:40px}
#first img,#third img,#fourth img{max-width:280px}
#third .benefits-grid,#fourth .benefits-grid,#fifth .benefits-grid,#sixth .benefits-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px 40px;grid-template-areas:'b1' 'b2' 'b3' 'b4'}
.popup-window-buttons .btn{margin-bottom:10px!important;width:100%}
}