body{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.2;color:var(--black)}
:root{--orange:#ff6700;--dark:#d45500;--gray:var(--dark, #e7e7e7);--white:#fff;--black:#000;--blue:var(--orange, #e7e7e7);--light:#e7e7e7}
*{box-sizing:border-box}
img{max-width:100%}
div{position:relative}
a,a:hover{text-decoration:none}
.orangecolor,.orangecolor a{color:var(--orange)}
.orangecolor a:hover{color:var(--white)}
.graybg{background:var(--light)}
.orangebg{background:var(--orange)}
.bold{font-weight:700}
.whitecolor,.whitecolor a{color:var(--white)}
.whitecolor a:hover{color:var(--orange)}
.whitebg{background:var(--white)}
header{padding:20px 20px;background:var(--white);}
.whitetransparent{background:#ffffffde}
header .contacts{display:flex;justify-content:space-between;align-items:center;font-weight:600}
header .contacts img{width:32px;margin-right:8px}
.logo img{max-height:100px}
.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:35px;margin-bottom:25px;font-weight:700;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(--light);padding:30px 0;margin:50px 0}
img.minus-top{margin-top:-80px}
div#fourth table td{border:none;padding:0}
div#fourth table{border:none}
div#fourth h5{font-weight:600}
div#fourth img{width:100px;min-width:60px}
#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:#fff;padding:0 0;color:var(--black)}
footer a{color:var(--white)}
footer a:hover{color:var(--orange)}
.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:100%;background-position:100% 100%}
.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(--orange);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(--orange)}
h5.textshadow{font-size:30px;font-weight:700}
.count-big{font-size:70px;font-weight:700}
.auto-text{font-size:30px;font-weight:600}
.orange-right{border-right:2px solid var(--orange);height:450px}
div#goods h3{padding:20px 0;margin-bottom:30px;text-shadow:none}
.menu-block li{margin:5px}
.bottom-border{border-bottom:8px solid var(--orange);box-shadow:2px 2px 20px 0 #00000038}
div#first > h3{margin:0 0 50px;padding:15px 0;background:#00000052}
div#bx-soa-total-mobile {
    display: none !important;
}
.form-1 {
    text-align: center;
}
div#fourth table:first-of-type {
    display: none;
}
#mapblock {
    color: var(--black);
}
#mapblock a{
    color:var(--black);
}
#mapblock a:hover{
    color:var(--orange);
}
div#mapblock h3, div#mapblock h4 {
    font-weight: 700;
    color: var(--orange);
}
@media(min-width:1200px){
    header .logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 280px;
        max-width: 280px;
    }
    header .logo + div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 calc(50% - 235px);
        max-width: calc(50% - 235px);
    }
}
@media(min-width:1600px) and (max-width:1880px) {
div#fourth:before{background-size:900px;background-position:6vw bottom;top:0}
}
#mapblock .contactsblock{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
div#mapblock .contact-item{padding:30px;background:var(--white);z-index:2;border-radius:4px}
#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}
ymaps.ymaps-layers-pane{filter:grayscale(1)}
ymaps.ymaps-image-with-content{background:url(/bitrix/templates/ryadovoy_landing/images/location.png) no-repeat center center!important;background-size:contain!important}
@media(min-width:1200px) and (max-width:1599px) {
div#fourth:before{background-size:900px;background-position:6vw bottom;top:0}
header .contacts{flex-wrap:wrap;justify-content:space-around}
header .contacts > div{margin-bottom:6px}
header .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
}
header .logo + div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 80px);
    flex: 0 0 calc(50% - 80px);
    max-width: calc(50% - 80px);
}
header .logo + div + div{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 130px);
    flex: 0 0 calc(50% - 130px);
    max-width: calc(50% - 130px);
}
.logo img {
  height:auto;
}
.menu-block a {
    font-size: 15px;
}
}
@media(min-width:992px) and (max-width:1199px) {
div#fourth:before{background-size:150%;background-position:2vw bottom;top:0}
header .contacts{flex-wrap:wrap;justify-content:space-around}
header .contacts > div{margin-bottom:6px}
}
@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%}
#mapblock .contactsblock{position:relative}
div#mapblock .contact-item{padding:0;margin-bottom:30px}
footer {
    background: var(--white);
    padding: 30px 0 0;
}
}
@media(min-width:768px) and (max-width:991px) {
header .contacts{margin-bottom:8px}
.very-dark-bg{padding:50px 0}
.cloudbefore:before{content:none}
div#sixth .text{margin:25px 0}
div#fourth:before{content:none}
header .contacts{flex-wrap:wrap;justify-content:space-around}
header .contacts > div{margin-bottom:6px}
.logo img {
    height: auto;
}
}
@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}
header{padding:20px 0}
.very-dark-bg{padding:30px 0 50px}
.textshadow{font-size:28px;margin-bottom:20px}
.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}
.autoitem img{max-height:150px}
.section{padding:30px 0}

}
@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;flex-wrap:wrap;}
}