body{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.2;color:var(--black);background:#f0f0f0}
:root{--blue:#fea305;--dark:#c17b00;--gray:#595959;--white:#fff;--black:#000;--green:#007438}
*{box-sizing:border-box}
img{max-width:100%}
div{position:relative}
a,a:hover{text-decoration:none}
.purplecolor,.bluecolor a{color:var(--blue)}
.purplecolor a:hover{color:var(--white)}
.graybg{background:var(--gray)}
.purplebg{background:var(--blue)}
.bold{font-weight:700}
.whitecolor,.whitecolor a{color:var(--white)}
.whitecolor a:hover{color:var(--blue)}
.whitebg{background:var(--white)}
header{padding:15px 20px;background:var(--white);border-top:20px solid var(--green)}
header .contacts{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:600}
header .contacts img{width:24px;margin-right:8px}
.logo img{max-height:100px;margin-right:10px}
.section{padding:60px 0}
.smallshadow{box-shadow:3px 3px 13px #000000bf}
.bigshadow{box-shadow:1px 19px 16px #00000038}
div#first{background:url(../images/bg1.jpg) no-repeat center center / cover;z-index:1}
.textshadow{font-size:45px;margin-bottom:25px;text-shadow:2px 2px 13px #000000ab;font-weight:500;text-transform:uppercase}
.scrolled .logo img{max-height:60px}
.first-block-item img{width:100%;height:100%}
.f-item-content h5{font-weight:700;font-size:13px}
.f-item-content .text{font-size:14px;line-height:1.1;padding-right:14px}
.very-dark-bg{background:var(--dark);padding:30px 0;margin:50px 0;box-shadow:0 0 15px #000}
img.minus-top{margin-top:-80px}
div#fourth{background:url(/bitrix/templates/yellow_landing/css/../images/bg4.png) no-repeat 50% 80%;background-size:100%;padding:80px 0 112px}
#fifth{z-index:8;padding-bottom:60px;padding-top:60px}
.cloudbefore:before{content:"";position:absolute;top:unset;left:0;bottom:0;width:50%;background:url(../images/bg5.png) no-repeat;z-index:9;background-size:85%;background-position:-35px 56%;height:50%}
#sixth .very-dark-bg{padding:0}
.pos-unset{position:unset}
.fixedimage{position:absolute;width:50%;height:100%;object-fit:cover;overflow:hidden}
.imag1{left:0;bottom:0;top:0}
div#sixth .text{margin:70px 0 70px 40px}
.fixedimage img{width:100%;height:100%;object-fit:cover}
.imag2{right:0;top:0;bottom:0}
#sixth .very-dark-bg{margin:0}
#sixth{z-index:6}
.container-fluid.sale-order-detail{background:#fff}
footer{background:#282828;padding:20px 0;color:var(--white)}
footer a{color:var(--white)}
footer a:hover{color:var(--blue)}
.copyright p{font-size:14px;margin-bottom:5px}
div#fourth:before{content:"";width:52%;height:100%;position:absolute;top:0;right:0;background:url(../images/truck.png) no-repeat;z-index:2;background-size:65%;background-position:100% 106%}
div#goods{background:url(../images/top-gas.png) no-repeat 50% -20vw / contain,url(../images/bottom-gas.png) no-repeat 50% calc(100% + 20vw) / contain,url(../images/center-gas1.png) no-repeat 50% 37% /contain,url(../images/center-gas2.png) no-repeat 50% 68% / contain}
div#goods:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#00000014}
.inside-content{padding:50px 0;background:url(../images/top-gas.png) no-repeat 50% -20vw ,url(../images/bottom-gas.png) no-repeat 50% calc(100% + 20vw)}
.catalog-block-header[data-entity="header"]{display:none!important}
button[type=submit],.basket-btn-checkout,.submit-btn,.popup-window-buttons button{padding:8px 15px;background:var(--blue);border:none;outline:none;box-shadow:none;color:#fff;font-weight:600;cursor:pointer;border-radius:0}
button[type=submit]:hover,.basket-btn-checkout:hover,.submit-btn:hover,.popup-window-buttons button:hover{background:var(--gray)}
div#seventh a,#seventh img{display:inline-block;width:100%;height:100%}
.scrolled header{position:fixed;top:0;left:0;right:0;width:100%;z-index:12;border:none}
.scrolled{padding-top:150px}
header .contacts a{color:var(--black)}
header .contacts a:hover{color:var(--blue)}
h5.textshadow{font-size:30px;font-weight:700}
.count-big{font-size:70px;font-weight:700}
.auto-text{font-size:30px;font-weight:600}
.purple-right{border-right:2px solid var(--blue);height:450px}
div#goods h3{background:#fea30661;padding:30px 0;margin-bottom:30px}
#first .form-desc{padding-bottom:10px;border-bottom:2px solid var(--blue)}
div#fifth img{max-height:200px}
div#bx-soa-total-mobile {
    display: none !important;
}
@media(min-width:1600px) and (max-width:1880px) {
div#fourth:before{background-size:78%;background-position:100% 105%}
}
@media(min-width:1200px) and (max-width:1599px) {
div#fourth:before{background-size:106%;background-position:100% 107%}
header .contacts{flex-wrap:wrap;justify-content:space-around}
header .contacts > div{margin-bottom:6px}
}
@media(min-width:992px) and (max-width:1199px) {
div#third img{max-height:180px}
.cloudbefore:before{z-index:9;background-size:85%;background-position:-25px 40%;top:unset;height:50%}
#fifth{z-index:8;padding-bottom:60px;padding-top:60px}
div#fourth:before{background-size:120%;background-position:98% 103%}
header .contacts{flex-wrap:wrap;justify-content:space-around}
header .contacts > div{margin-bottom:6px}
.logo img:first-child {
    width: 60%;
}
.logo img:nth-child(2) {
    width: calc(40% - 20px);
}
}
@media(max-width:991px) {
div#goods{background:url(../images/top-gas.png) no-repeat 87% -32vw / 150%,url(../images/bottom-gas.png) no-repeat 50% calc(100% + 30vw) / 150%}
}
@media(min-width:768px) and (max-width:991px) {
header .contacts{margin-bottom:8px}
div#fourth{padding:60px 0}
.very-dark-bg{padding:50px 0}
#fifth{z-index:8;padding-bottom:60px;padding-top:60px}
.cloudbefore:before{content:none}
div#sixth .text{margin:25px 0}
div#fourth:before{background-size:114%;background-position:100% 102%}
header .contacts{flex-wrap:wrap;justify-content:space-around}
header .contacts > div{margin-bottom:6px}
.logo img:nth-child(2) {
    max-height: 50px;
}
}
@media(max-width:767px) {
.logo img{max-height:35px;margin:0 auto 15px}

.logo img:first-child {
    margin-right: 10px;
}
.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}
header{padding:20px 0}
div#fourth{background-position:center center;background-size:cover;padding:60px 0}
.very-dark-bg{padding:30px 0 50px}
.textshadow{font-size:28px;margin-bottom:20px}
#fifth{z-index:8;padding-bottom:60px;padding-top:60px}
.cloudbefore:before{content:none}
.fixedimage{position:relative;width:100%}
div#sixth .text{margin:30px 0}
div#fourth:before{content:none}
.scrolled .logo,.scrolled header .email{display:none}
.scrolled header .contacts{flex-wrap:nowrap;justify-content:center;margin-bottom:0}
div#fourth .purplebg{text-align:center;padding:30px 10px!important}
.autoitem img{max-height:150px}
}
@media(max-width:575px) {
.scrolled header .contacts a{font-size:14px}
.scrolled header .left-menu a{font-size:14px}
.scrolled a[href="#manufacture"]{display:none}
.scrolled header .contacts{align-items:flex-start}
}