@font-face {
    font-family: "CentrOilWeb";
    src: url("/static/font/CentrOilWeb.ttf") format("ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*,*:before,*:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus,:active{outline: none;}
A:focus,a:active{outline: none;}

nav,footer,header,aside{display: block};

html,body{
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    touch-action: auto;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    position: relative;
}

hr{
    margin: 0.5rem !important;
}

input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button:-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size:inheri}

a {
  text-decoration: none;
  color: black;
}

::selection {
    color: #FDAD1C;
    background-color: #252525;
}

::-moz-selection {
    color: #FDAD1C;
    background-color: #252525;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
  }

/* Навигация *//* Навигация *//* Навигация *//* Навигация *//* Навигация *//* Навигация *//* Навигация */




@media only screen and (max-width: 360px) {
    .navbarContent {
        display: flex;
        flex-direction: row; 
        align-items: center;
        flex-wrap: nowrap; 
        width: 80%;
    }

    .navLinks {
        font-family: "CentrOilWeb"; 
        font-size: 2vw;  
        color:#fff; 
        margin-left: 1%;
    }

    .nLinks {
        font-family: "CentrOilWeb"; 
        font-size: 2vw;  
        color:#fff; 
        margin-left: 2%;
    }

    .nMap {
        font-family: "CentrOilWeb"; 
        font-size: 7px;  
        color:#fff;
    }

    .navLogo img {
        width: 20px;
        height: 20px;
        display: flex;
    }
}

@media only screen and (min-width: 361px) {
    .navbarContent {
        display: flex;
        flex-direction: row; 
        align-items: center;
        flex-wrap: nowrap; 
        width: 100%;
    }

    .navLinks {
        font-family: "CentrOilWeb"; 
        font-size: 3vw;  
        color:#fff; 
        margin-left: 1%;
    }

    .nLinks {
        font-family: "CentrOilWeb"; 
        font-size: 3vw;  
        color:#fff; 
        margin-left: 0%;
    }

    .nMap {
        font-family: "CentrOilWeb"; 
        font-size: 8px;  
        color:#fff;
    }

    .navLogo img {
        width: 25px;
        height: 25px;
        display: flex;
    }
}

@media only screen and (min-width: 400px) {
    .navbarContent {
        display: flex;
        flex-direction: column; 
        align-items: center;
        flex-wrap: nowrap; 
        width: 100%;
    }

    .navLinks {
        font-family: "CentrOilWeb"; 
        font-size: 15px;  
        color:#fff; 
        margin-left: 1%;
    }

    .nLinks {
        font-family: "CentrOilWeb"; 
        font-size: 2.5vw;  
        color:#fff; 
        margin-left: 0%;
    }

    .nMap {
        font-family: "CentrOilWeb"; 
        font-size: 9px;  
        color:#fff;
    }

    .navLogo img {
        width: 30px;
        height: 30px;
        display: flex;
    }
}

@media only screen and (min-width: 450px) {
    .navbarContent {
        display: flex;
        flex-direction: column; 
        align-items: center;
        flex-wrap: nowrap; 
        width: 100%;
    }

    .navLinks {
        font-family: "CentrOilWeb"; 
        font-size: 2.5vw;  
        color:#fff; 
        margin-left: 1%;
    }

    .nLinks {
        font-family: "CentrOilWeb"; 
        font-size: 14px; 
        color:#fff; 
        margin-left: 0%;
    }

    .nMap {
        font-family: "CentrOilWeb"; 
        font-size: 10px;  
        color:#fff;
    }

    .navLogo img {
        width: 30px;
        height: 30px;
        display: flex;
    }
}

@media only screen and (min-width: 768px) {
    .navbarContent {
        display: flex;
        flex-direction: row; 
        align-items: center;
        flex-wrap: nowrap; 
        width: 80%;
    }

    .navLinks {
        font-family: "CentrOilWeb"; 
        font-size: 2vw;  
        color:#fff; 
        margin-left: 1%;
    }

    .nLinks {
        font-family: "CentrOilWeb"; 
        font-size: 15px;  
        color:#fff; 
        margin-left: 2%;
    }

    .nMap {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color:#fff;
    }

    .navLogo img {
        width: 35px;
        height: 35px;
        display: flex;
    }
}

@media only screen and (min-width: 1024px) {
    .navbarContent {
        display: flex;
        flex-direction: row; 
        align-items: center;
        flex-wrap: nowrap; 
        width: 80%;
    }

    .navLinks {
        font-family: "CentrOilWeb"; 
        font-size: 2vw;  
        color:#fff; 
        margin-left: 1%;
    }

    .nLinks {
        font-family: "CentrOilWeb"; 
        font-size: 17px; 
        color:#fff; 
        margin-left: 2%;
    }

    .nMap {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color:#fff;
    }

    .navLogo img {
        width: 42px;
        height: 42px;
        display: flex;
    }
}

@media only screen and (min-width: 1920px) {
    .navbarContent {
        display: flex;
        flex-direction: row; 
        align-items: center;
        flex-wrap: nowrap; 
        width: 80%;
    }

    .navLinks {
        font-family: "CentrOilWeb"; 
        font-size: 2vw;  
        color:#fff; 
        margin-left: 1%;
    }

    .nLinks {
        font-family: "CentrOilWeb"; 
        font-size: 20px;  
        color:#fff; 
        margin-left: 2%;
    }

    .nMap {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color:#fff;
    }

    .navLogo img {
        width: 55px;
        height: 55px;
        display: flex;
    }
}

.navbar {
    background-color: #252525;
}

@media only screen and (min-width: 0px) {

    .nLink::after {
        border: none;
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: #FDAD1C;
        transition: width 0.3s;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -o-transition: width 0.3s;
        -ms-transition: width 0.3s; 
    }
    
    .nLink:hover::after {
        border: none;
        content: "";
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        background-color: #FDAD1C;
        transition: width 0.3s;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -o-transition: width 0.3s;
        -ms-transition: width 0.3s;
    }
}

@media only screen and (min-width: 1280px) {
    
    .nLink::after {
        border: none;
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background-color: #FDAD1C;
        transition: width 0.3s;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -o-transition: width 0.3s;
        -ms-transition: width 0.3s;
    }
    
    .nLink:hover::after {
        border: none;
        content: "";
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        background-color: #FDAD1C;
        transition: width 0.3s;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -o-transition: width 0.3s;
        -ms-transition: width 0.3s;
    }
}

.nLink {
    color: white;
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
}

.nLink:hover {
    color: #FDAD1C !important;
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
}

/* Навигация *//* Навигация *//* Навигация *//* Навигация *//* Навигация *//* Навигация *//* Навигация */


/* Приветствие *//* Приветствие *//* Приветствие *//* Приветствие *//* Приветствие *//* Приветствие *//* Приветствие */

@media only screen and (max-width: 360px) {
    .sloganHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        color:#fff;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .sloganFooterText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 10px;  
        color:#fff;
        margin-bottom: 1rem;
        margin-top: 0.25rem;
    }
}

@media only screen and (min-width: 361px) {
    .sloganHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color:#fff;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .sloganFooterText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 10px;  
        color:#fff;
        margin-bottom: 1rem;
        margin-top: 0.25rem;
    }
}

@media only screen and (min-width: 450px) {
    .sloganHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color:#fff;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .sloganFooterText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
        color:#fff;
        margin-bottom: 1rem;
        margin-top: 0.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .sloganHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        color:#fff;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .sloganFooterText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 18px;  
        color:#fff;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 1024px) {
    .sloganHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 38px;  
        color:#fff;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .sloganFooterText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 22px;  
        color:#fff;
        margin-bottom: 3rem;
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 1280px) {
    .sloganHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 50px;  
        color:#fff;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .sloganFooterText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 25px;  
        color:#fff;
        margin-bottom: 3rem;
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 1920px) {
    .sloganHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 70px;  
        color:#fff;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .sloganFooterText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 30px;  
        color:#fff;
        margin-bottom: 3rem;
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 2560px) {
    .sloganHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 80px;  
        color:#fff;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .sloganFooterText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 30px;  
        color:#fff;
        margin-bottom: 3rem;
        margin-top: 1rem;
    }
}

.sloganContent {
    display: flex;
    background-color: #252525; 
    flex-direction: column; 
    flex-wrap: nowrap;
}

.sloganHeader {
    width: 95%; 
    margin-left: 2.5%
}


.sloganFooter {
    width: 95%; 
    margin-left: 2.5%
}

/* Приветствие *//* Приветствие *//* Приветствие *//* Приветствие *//* Приветствие *//* Приветствие *//* Приветствие */

/* Продукция *//* Продукция *//* Продукция *//* Продукция *//* Продукция *//* Продукция *//* Продукция */

.cardDescription {
    display: flex;
}

.cardProdImg {
    background-color: #ececec;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 360px) {
    
    .prodHeader {
        margin-top: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }

    .prodHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 12px; 
        margin: 0;
    }

    .fa-solid {
        color: #E29303; 
        background: black; 
        padding: 0; 
        border-radius: 50%; 
        font-size: 12px;
    }

    .prodCardBody {
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around; 
        width: 100%;
    }

    .cardProd {
        display: flex; 
        width: 40%; 
        flex-direction: column;
    }
    
    .prodBodyContainer {
        margin-top: 1rem;
        display: flex; 
        width: 95%; 
        margin-left: 2.5%;
        flex-direction: column;
    }

    .cardDescriptionNamed {
        font-family: 'Work Sans', sans-serif; 
        font-size: 7px; 
    }
    
    .cardDescriptionText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 7px; 
        margin-left: 0.5rem;
    }

    .prodFooter {
        width: 100%; 
        text-align: center;
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
    
    .prodFooter a {
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
        color: #E29303;
    }

}

@media only screen and (min-width: 361px) {

    .prodHeader {
        margin-top: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }

    .prodHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 14px; 
        margin: 0;
    }

    .fa-solid {
        color: #E29303; 
        background: black; 
        padding: 0; 
        border-radius: 50%; 
        font-size: 14px;
    }

    .prodCardBody {
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around; 
        width: 100%;
    }

    .cardProd {
        display: flex; 
        width: 40%; 
        flex-direction: column;
    }
    
    .prodBodyContainer {
        margin-top: 1rem;
        display: flex; 
        width: 95%; 
        margin-left: 2.5%;
        flex-direction: column;
    }

    .cardDescriptionNamed {
        font-family: 'Work Sans', sans-serif; 
        font-size: 8px; 
    }
    
    .cardDescriptionText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 8px; 
        margin-left: 0.5rem;
    }

    .prodFooter {
        width: 100%; 
        text-align: center;
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
    
    .prodFooter a {
        font-family: 'Work Sans', sans-serif; 
        font-size: 14px;  
        color: #E29303;
    }

}

@media only screen and (min-width: 450px) {

    .prodHeader {
        margin-top: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }

    .prodHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 18px; 
        margin: 0;
    }

    .fa-solid {
        color: #E29303; 
        background: black; 
        padding: 0; 
        border-radius: 50%; 
        font-size: 18px;
    }

    .prodCardBody {
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around; 
        width: 100%;
    }

    .cardProd {
        display: flex; 
        width: 40%; 
        flex-direction: column;
    }
    
    .prodBodyContainer {
        margin-top: 1rem;
        display: flex; 
        width: 95%; 
        margin-left: 2.5%;
        flex-direction: column;
    }

    .cardDescriptionNamed {
        font-family: 'Work Sans', sans-serif; 
        font-size: 9px; 
    }
    
    .cardDescriptionText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 9px; 
        margin-left: 0.5rem;
    }

    .prodFooter {
        width: 100%; 
        text-align: center;
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
    
    .prodFooter a {
        font-family: 'Work Sans', sans-serif; 
        font-size: 16px;  
        color: #E29303;
    }

}

@media only screen and (min-width: 768px) {

    .prodHeader {
        margin-top: 2rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }

    .prodHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 30px; 
        margin: 0;
    }

    .fa-solid {
        color: #E29303; 
        background: black; 
        padding: 0; 
        border-radius: 50%; 
        font-size: 30px;
    }

    .prodCardBody {
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around; 
        width: 50%;
    }

    .cardProd {
        display: flex; 
        width: 45%; 
        flex-direction: column;
    }
    
    .prodBodyContainer {
        margin-top: 3rem;
        display: flex; 
        width: 95%; 
        margin-left: 2.5%;
        flex-direction: row;
    }

    .cardDescriptionNamed {
        font-family: 'Work Sans', sans-serif; 
        font-size: 9px; 
    }
    
    .cardDescriptionText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 9px; 
        margin-left: 1rem;
    }

    .prodFooter {
        width: 100%; 
        text-align: center;
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    
    .prodFooter a {
        font-family: 'Work Sans', sans-serif; 
        font-size: 16px;  
        color: #E29303;
    }

}

@media only screen and (min-width: 1024px) {

    .prodHeader {
        margin-top: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }

    .prodHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 38px; 
    }

    .fa-solid {
        color: #E29303; 
        background: black; 
        padding: 0; 
        border-radius: 50%; 
        font-size: 30px;
    }

    .prodCardBody {
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around; 
        width: 50%;
    }

    .cardProd {
        display: flex; 
        width: 45%; 
        flex-direction: column;
    }
    
    .prodBodyContainer {
        margin-top: 3rem;
        display: flex; 
        width: 95%; 
        margin-left: 2.5%;
    }

    .cardDescriptionNamed {
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px; 
    }
    
    .cardDescriptionText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px; 
        margin-left: 2rem;
    }

    .prodFooter {
        width: 100%; 
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }
    
    .prodFooter a {
        font-family: 'Work Sans', sans-serif; 
        font-size: 20px;  
        color: #E29303;
    }

}

@media only screen and (min-width: 1280px) {

    .prodHeader {
        margin-top: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }

    .prodHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 50px; 
    }

    .fa-solid {
        color: #E29303; 
        background: black; 
        padding: 0; 
        border-radius: 50%; 
        font-size: 35px;
    }

    .prodCardBody {
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around; 
        width: 50%;
    }

    .cardProd {
        display: flex; 
        width: 45%; 
        flex-direction: column;
    }
    
    .prodBodyContainer {
        margin-top: 3rem;
        display: flex; 
        width: 95%; 
        margin-left: 2.5%;
    }

    .cardDescriptionNamed {
        font-family: 'Work Sans', sans-serif; 
        font-size: 16px; 
    }
    
    .cardDescriptionText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 16px; 
        margin-left: 3rem;
    }

    .prodFooter {
        width: 100%; 
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    .prodFooter a {
        font-family: 'Work Sans', sans-serif; 
        font-size: 24px;  
        color: #E29303;
    }

}

@media only screen and (min-width: 1920px) {

    .prodHeader {
        margin-top: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }

    .prodHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 70px; 
    }

    .fa-solid {
        color: #E29303; 
        background: black; 
        padding: 0; 
        border-radius: 50%; 
        font-size: 40px;
    }

    .prodCardBody {
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around; 
        width: 50%;
    }

    .cardProd {
        display: flex; 
        width: 45%; 
        flex-direction: column;
    }
    
    .prodBodyContainer {
        margin-top: 3rem;
        display: flex; 
        width: 95%; 
        margin-left: 2.5%;
    }

    .cardDescriptionNamed {
        font-family: 'Work Sans', sans-serif; 
        font-size: 18px; 
    }
    
    .cardDescriptionText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 18px; 
        margin-left: 3rem;
    }

    .prodFooter {
        width: 100%; 
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    .prodFooter a {
        font-family: 'Work Sans', sans-serif; 
        font-size: 28px;  
        color: #E29303;
    }

}

@media only screen and (min-width: 2560px) {

    .prodHeader {
        margin-top: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }

    .prodHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 80px; 
    }

    .fa-solid {
        color: #E29303; 
        background: black; 
        padding: 0; 
        border-radius: 50%; 
        font-size: 45px;
    }

    .prodCardBody {
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around; 
        width: 50%;
    }

    .cardProd {
        display: flex; 
        width: 45%; 
        flex-direction: column;
    }
    
    .prodBodyContainer {
        margin-top: 3rem;
        display: flex; 
        width: 95%; 
        margin-left: 2.5%;
    }

    .cardDescriptionNamed {
        font-family: 'Work Sans', sans-serif; 
        font-size: 24px; 
    }
    
    .cardDescriptionText {
        font-family: 'Work Sans', sans-serif; 
        font-size: 24px; 
        margin-left: 3rem;
    }

    .prodFooter {
        width: 100%; 
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    .prodFooter a {
        font-family: 'Work Sans', sans-serif; 
        font-size: 32px;  
        color: #E29303;
    }

}

/* Продукция *//* Продукция *//* Продукция *//* Продукция *//* Продукция *//* Продукция *//* Продукция */

/* О нас *//* О нас *//* О нас *//* О нас *//* О нас *//* О нас *//* О нас */

@media only screen and (max-width: 360px) {
    
    .aboutContainer {
        padding-top: 1rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        color: white; 
        margin-bottom: 0.25rem;
    }
    
    .aboutBodyContainer1{
        padding-top: 1rem;
        padding-bottom: 1rem;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .aboutBodyContainer2{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 1rem;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 1rem;
    }
    
    .aboutBodyContent {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 95%;
        margin-left: 2.5%;
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        margin-bottom: 5%;
        margin-top: 0;
        text-align: center;
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 10px; 
        margin-bottom: 5%; 
        text-align: justify;
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 11px;
        margin-bottom: 5%;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
        margin-bottom: 1rem;
    }

}

@media only screen and (min-width: 361px) {
    
    .aboutContainer {
        padding-top: 1rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color: white; 
        margin-bottom: 0.25rem;
    }
    
    .aboutBodyContainer1{
        padding-top: 1rem;
        padding-bottom: 1rem;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .aboutBodyContainer2{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 1rem;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 1rem;
    }
    
    .aboutBodyContent {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 95%;
        margin-left: 2.5%;
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        margin-bottom: 5%;
        margin-top: 0;
        text-align: center;
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        margin-bottom: 5%; 
        text-align: justify;
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 13px;
        margin-bottom: 5%;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
        margin-bottom: 1rem;
    }

}

@media only screen and (min-width: 450px) {
    
    .aboutContainer {
        padding-top: 1rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color: white; 
        margin-bottom: 0.25rem;
    }
    
    .aboutBodyContainer1{
        padding-top: 1rem;
        padding-bottom: 1rem;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .aboutBodyContainer2{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 2rem;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 1rem;
    }
    
    .aboutBodyContent {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 95%;
        margin-left: 2.5%;
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        margin-bottom: 5%;
        margin-top: 0;
        text-align: center;
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        margin-bottom: 5%; 
        text-align: justify;
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 16px;
        margin-bottom: 5%;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 40vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 40vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 40vh; 
        background-size: cover; 
        background-repeat: no-repeat;
        margin-bottom: 1rem;
    }

}

@media only screen and (min-width: 768px) {
    
    .aboutContainer {
        padding-top: 2rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        color: white; 
        margin: 0
    }
    
    .aboutBodyContainer1{
        padding-top: 2rem;
        padding-bottom: 0;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer2{
        padding-bottom: 0;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 2rem;
    }
    
    .aboutBodyContent {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        left: 25%;
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        margin-bottom: 10%; 
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 16px; 
        margin-bottom: 10%; 
        width: 65%;
        text-align: justify;
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 17px;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%; 
        background-repeat: no-repeat;
        
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%; 
        background-repeat: no-repeat;
        margin-bottom: 2rem;
    }


}

@media only screen and (min-width: 1024px) {

    .aboutContainer {
        padding-top: 3rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 38px;  
        color: white; 
        margin: 0
    }
    
    .aboutBodyContainer1{
        padding-top: 3rem;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer2{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 3rem;
    }
    
    .aboutBodyContent {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        width: 90%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 28%;
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        margin-bottom: 10%; 
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        margin-bottom: 10%; 
        text-align: justify;
        width: 50%;
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 20px;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 3rem;
    }

}

@media only screen and (min-width: 1280px) {


    .nav-link {
        /*font-size: 1.60rem;*/
    }
    
    .contactus__2cols {
        display: flex;
        flex-direction: row;
        gap: 40px;
        padding-top: 40px;
        margin-bottom: 40px;

    }
    .contactus__2cols_l {
        flex: 50% 0 0;
    }
    .contactus__2cols_r {
        flex: 50% 1 0;
    }

    .welcome_text {
        font-size: 26px;
        margin-bottom: 30px;
        padding-bottom: 25px;   
    }

    .aboutContainer {
        padding-top: 3rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 38px;  
        color: white; 
        margin: 0
    }
    
    .aboutBodyContainer1{
        padding-top: 3rem;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer2{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 3rem;
    }
    
    .aboutBodyContent {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 27%;
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 30px; 
        margin-bottom: 10%
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        margin-bottom: 10%; 
        width: 50%;
        text-align: justify;
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 3rem;
    }

}

@media only screen and (min-width: 1680px) {

    .aboutContainer {
        padding-top: 3rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 50px;  
        color: white; 
        margin: 0;
    }
    
    .aboutBodyContainer1{
        padding-top: 3rem;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        display: block;
    }
    
    .aboutBodyContainer2{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 3rem;
    }
    
    .aboutBodyContent {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 27%;
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 32px; 
        margin-bottom: 10%;
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        margin-bottom: 10%; 
        text-align: justify;
        width: 50%
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        width: 50%;
        float: left;
        box-sizing: border-box;
        margin-bottom: 3rem;
    }

    @media not all and (min-resolution: .001dpcm) {
        @supports (-webkit-appearance:none) {

            .aboutBodyContent {
                padding: 0px 110px; 
                position: absolute; 
                top: 50%; 
                left: 25%;
                transform: translateY(-50%); 
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
            }

            .aboutBodyContentP {
                color: white; 
                font-family: 'Work Sans', sans-serif; 
     
                font-size: 16px; 
                margin-bottom: 10%; 
                width: 65%;
                text-align: justify;
            }

            .aboutBodyImg1 {
                background-image: url(../img/backAbout1.png); 
                min-height: 60vh; 
                background-size: cover; 
                width: 50%; 
                background-repeat: no-repeat;
                
            }
            
            .aboutBodyImg2 {
                background-image: url(../img/backAbout2.png); 
                min-height: 60vh; 
                background-size: cover; 
                width: 50%; 
                background-repeat: no-repeat;
            }
            
            .aboutBodyImg3 {
                background-image: url(../img/backAbout3.png); 
                min-height: 60vh; 
                background-size: cover; 
                width: 50%; 
                background-repeat: no-repeat;
                margin-bottom: 2rem;
            }

        }
    }

}

@media only screen and (min-width: 1920px) {

    .aboutContainer {
        padding-top: 3rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 70px;  
        color: white; 
        margin: 0
    }
    
    .aboutBodyContainer1{
        padding-top: 3rem;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer2{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 3rem;
    }
    
    .aboutBodyContent {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 27%;
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 45px; 
        margin-bottom: 10%;
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 26px; 
        margin-bottom: 10%; 
        text-align: justify;
        width: 50%
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 28px;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 3rem;
    }

}

@media only screen and (min-width: 2560px) {

    .aboutContainer {
        padding-top: 3rem;
        background-color: #252525;
    }
    
    .aboutHeader {
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .aboutHeaderText {
        font-family: "CentrOilWeb"; 
        font-size: 80px;  
        color: white; 
        margin: 0
    }
    
    .aboutBodyContainer1{
        padding-top: 3rem;
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer2{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
    }
    
    .aboutBodyContainer3{
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: #252525;
        margin-bottom: 3rem;
    }
    
    .aboutBodyContent {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 27%;
    }
    
    .aboutBodyContentH {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 50px; 
        margin-bottom: 10%;
    }
    
    .aboutBodyContentP {
        color: white; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 30px; 
        margin-bottom: 10%; 
        text-align: justify;
        width: 50%
    }
    
    .aboutBodyContentLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 32px;
    }
    
    .aboutBodyImg1 {
        background-image: url(../img/backAbout1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg2 {
        background-image: url(../img/backAbout2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .aboutBodyImg3 {
        background-image: url(../img/backAbout3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 3rem;
    }

}

/* О нас *//* О нас *//* О нас *//* О нас *//* О нас *//* О нас *//* О нас */

/* Документы *//* Документы *//* Документы *//* Документы *//* Документы *//* Документы *//* Документы */

@media only screen and (max-width: 360px) {

    .docsHeader {
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .docsHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        color: black; 
        margin-bottom: 0.25rem;
    }
    
    .docsBody {
        margin-top: 1rem;
    }

    .docsP {
        font-family: "CentrOilWeb"; 
        font-size: 7px;  
        color: black; 
        width: 100%;
    }

    .docsFooter {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 100%; 
        text-align: center;
    }

    .docsFooterLink {
        color: #E29303; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 11px; 
        text-align:center;
    }

}

@media only screen and (min-width: 361px) {

    .docsHeader {
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .docsHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color: black; 
        margin-bottom: 0.25rem;
    }
    
    .docsBody {
        margin-top: 1rem;
    }

    .docsP {
        font-family: "CentrOilWeb"; 
        font-size: 8px;  
        color: black; 
        width: 100%;
    }

    .docsFooter {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 100%; 
        text-align: center;
    }

    .docsFooterLink {
        color: #E29303; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 13px; 
        text-align:center;
    }

}

@media only screen and (min-width: 450px) {

    .docsHeader {
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .docsHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color: black; 
        margin-bottom: 0.25rem;
    }
    
    .docsBody {
        margin-top: 1rem;
    }

    .docsP {
        font-family: "CentrOilWeb"; 
        font-size: 10px;  
        color: black; 
        width: 100%;
    }

    .docsFooter {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 100%; 
        text-align: center;
    }

    .docsFooterLink {
        color: #E29303; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 15px; 
        text-align:center;
    }

}

@media only screen and (min-width: 768px) {

    .docsHeader {
        margin-bottom: 2rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .docsHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        color: black; 
        margin-bottom: 0.25rem;
    }
    
    .docsBody {
        margin-top: 2rem;
    }

    .docsP {
        font-family: "CentrOilWeb"; 
        font-size: 15px;  
        color: black; 
        width: 100%;
    }

    .docsFooter {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 100%; 
        text-align: center;
    }

    .docsFooterLink {
        color: #E29303; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 17px; 
        text-align:center;
    }

}

@media only screen and (min-width: 1024px) {

    .docsHeader {
        margin-bottom: 2rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .docsHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 38px;  
        color: black; 
        margin-bottom: 0.25rem;
    }
    
    .docsBody {
        margin-top: 1rem;
    }

    .docsP {
        font-family: "CentrOilWeb"; 
        font-size: 16px;  
        color: black; 
        width: 100%;
    }

    .docsFooter {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 100%; 
        text-align: center;
    }

    .docsFooterLink {
        color: #E29303; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 20px; 
        text-align:center;
    }

}

@media only screen and (min-width: 1280px) {

    .docsHeader {
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .docsHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 50px;  
        color: black; 
        margin-bottom: 0.25rem;
    }
    
    .docsBody {
        margin-top: 3rem;
    }

    .docsP {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color: black; 
        width: 100%;
    }

    .docsFooter {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 100%; 
        text-align: center;
    }

    .docsFooterLink {
        color: #E29303; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        text-align:center;
    }

}

@media only screen and (min-width: 1920px) {

    .docsHeader {
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .docsHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 70px;  
        color: black; 
        margin-bottom: 0.25rem;
    }
    
    .docsBody {
        margin-top: 3rem;
    }

    .docsP {
        font-family: "CentrOilWeb"; 
        font-size: 21px;  
        color: black; 
        width: 100%;
    }

    .docsFooter {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 100%; 
        text-align: center;
    }

    .docsFooterLink {
        color: #E29303; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 28px; 
        text-align:center;
    }

}

@media only screen and (min-width: 2560px) {

    .docsHeader {
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .docsHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 80px;  
        color: black; 
        margin-bottom: 0.25rem;
    }
    
    .docsBody {
        margin-top: 3rem;
    }

    .docsP {
        font-family: "CentrOilWeb"; 
        font-size: 24px;  
        color: black; 
        width: 100%;
    }

    .docsFooter {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 100%; 
        text-align: center;
    }

    .docsFooterLink {
        color: #E29303; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 32px; 
        text-align:center;
    }

}

.docsBodyContainer {
    display: flex; 
    width: 95%; 
    margin-left: 2.5%; 
    justify-content: space-between; 
    flex-direction: row; 
    flex-wrap: wrap;
}

.docsLink {
    display: flex; 
    width: 30%; 
    flex-direction: column;
}

.docsDiv {
    width: 100%; 
    background: #ececec; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    padding: 5% 0 5% 0;
}


.docsBodyContainerEnd {
    display: flex; 
    width: 95%; 
    margin-left: 2.5%; 
    justify-content: space-between; 
    flex-direction: row; 
    flex-wrap: wrap;
}

/* Документы *//* Документы *//* Документы *//* Документы *//* Документы *//* Документы *//* Документы */

/* Партнеры *//* Партнеры *//* Партнеры *//* Партнеры *//* Партнеры *//* Партнеры *//* Партнеры */

@media only screen and (max-width: 360px) {
    .partnerContainer {
        margin-bottom: 1rem;
    }
    
    .partnerHeader {
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .partnerHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        color: black; 
        margin: 0.25rem;
    }
    
    .partnerBody {
        display: flex; 
        width: 95%; 
        margin-left: 2.5%; 
        justify-content: space-around; 
        flex-direction: row; 
        flex-wrap: wrap;
    }
    
    .partnerLogo1 {
        width: 23%;
    }
    
    .partnerLogo2 {
        width: 16%;
    }
    
    .partnerLogoImg {
        width: 60%;
    }
}

@media only screen and (min-width: 361px) {
    .partnerContainer {
        margin-bottom: 1rem;
    }
    
    .partnerHeader {
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .partnerHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color: black; 
        margin: 0.25rem;
    }
    
    .partnerBody {
        display: flex; 
        width: 95%; 
        margin-left: 2.5%; 
        justify-content: space-around; 
        flex-direction: row; 
        flex-wrap: wrap;
    }
    
    .partnerLogo1 {
        width: 23%;
    }
    
    .partnerLogo2 {
        width: 16%;
    }
    
    .partnerLogoImg {
        width: 60%;
    }
}

@media only screen and (min-width: 450px) {
    .partnerContainer {
        margin-bottom: 1rem;
    }
    
    .partnerHeader {
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .partnerHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color: black; 
        margin: 0.25rem;
    }
    
    .partnerBody {
        display: flex; 
        width: 95%; 
        margin-left: 2.5%; 
        justify-content: space-around; 
        flex-direction: row; 
        flex-wrap: wrap;
    }
    
    .partnerLogo1 {
        width: 23%;
    }
    
    .partnerLogo2 {
        width: 16%;
    }
    
    .partnerLogoImg {
        width: 60%;
    }
}

@media only screen and (min-width: 768px) {
    .partnerContainer {
        margin-bottom: 2rem;
    }
    
    .partnerHeader {
        margin-bottom: 2rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .partnerHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        color: black; 
        margin: 0.25rem;
    }
    
    .partnerBody {
        display: flex; 
        width: 95%; 
        margin-left: 2.5%; 
        justify-content: space-around; 
        flex-direction: row; 
        flex-wrap: wrap;
    }
    
    .partnerLogo1 {
        width: 23%;
    }
    
    .partnerLogo2 {
        width: 16%;
    }
    
    .partnerLogoImg {
        width: 60%;
    }
}

@media only screen and (min-width: 1024px) {
    .partnerContainer {
        margin-bottom: 2rem;
    }
    
    .partnerHeader {
        margin-bottom: 2rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .partnerHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 38px;  
        color: black; 
        margin: 0.25rem;
    }
    
    .partnerBody {
        display: flex; 
        width: 95%; 
        margin-left: 2.5%; 
        justify-content: space-around; 
        flex-direction: row; 
        flex-wrap: wrap;
    }
    
    .partnerLogo1 {
        width: 23%;
    }
    
    .partnerLogo2 {
        width: 16%;
    }
    
    .partnerLogoImg {
        width: 60%;
    }
}

@media only screen and (min-width: 1280px) {
    .partnerContainer {
        margin-bottom: 3rem;
    }
    
    .partnerHeader {
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .partnerHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 50px;  
        color: black; 
        margin: 0.25rem;
    }
    
    .partnerBody {
        display: flex; 
        width: 95%; 
        margin-left: 2.5%; 
        justify-content: space-around; 
        flex-direction: row; 
        flex-wrap: wrap;
    }
    
    .partnerLogo1 {
        width: 23%;
    }
    
    .partnerLogo2 {
        width: 16%;
    }
    
    .partnerLogoImg {
        width: 60%;
    }
}

@media only screen and (min-width: 1920px) {
    .partnerContainer {
        margin-bottom: 3rem;
    }
    
    .partnerHeader {
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .partnerHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 70px;  
        color: black; 
        margin: 0.25rem;
    }
    
    .partnerBody {
        display: flex; 
        width: 95%; 
        margin-left: 2.5%; 
        justify-content: space-around; 
        flex-direction: row; 
        flex-wrap: wrap;
    }
    
    .partnerLogo1 {
        width: 23%;
    }
    
    .partnerLogo2 {
        width: 16%;
    }
    
    .partnerLogoImg {
        width: 60%;
    }
}

@media only screen and (min-width: 2560px) {
    .partnerContainer {
        margin-bottom: 3rem;
    }
    
    .partnerHeader {
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .partnerHeaderH {
        font-family: "CentrOilWeb"; 
        font-size: 80px;  
        color: black; 
        margin: 0.25rem;
    }
    
    .partnerBody {
        display: flex; 
        width: 95%; 
        margin-left: 2.5%; 
        justify-content: space-around; 
        flex-direction: row; 
        flex-wrap: wrap;
    }
    
    .partnerLogo1 {
        width: 23%;
    }
    
    .partnerLogo2 {
        width: 16%;
    }
    
    .partnerLogoImg {
        width: 60%;
    }
}

/* Партнеры *//* Партнеры *//* Партнеры *//* Партнеры *//* Партнеры *//* Партнеры *//* Партнеры */

/* Контакты *//* Контакты *//* Контакты *//* Контакты *//* Контакты *//* Контакты *//* Контакты */

@media only screen and (max-width: 360px) {

    .contactImg { 
        width: 100%; 
        background-image: url('../img/Map.webp'); 
        background-size: cover; 
        background-size: 260%; 
        background-repeat: no-repeat;
    }
    
    .contactImgContainer {
        width: 100%; 
        background: rgb(37,37,37,0.7); 
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around;
        padding-bottom: 1rem;
    }
    
    .contactImgContent {
        margin-top: 0.5rem;
        width: 95%;
    }
    
    .contactImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .contactImgBody {
        display: flex; 
        flex-direction: row;
    }
    
    .contactImgBodyText {
        margin-bottom: 0.5rem;
        width: 80%;
    }
    
    .contactImgBodyH {
        font-family: 'Work Sans', sans-serif;  
        font-size: 11px; 
        color: white;
    }
    
    .contactImgBodyP {
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color: white;
    }

    .contactImgBodyLinks {
        text-align:center;
    }
    
    .contactImgBodyLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 10px; 
        text-align:center;
    }
    
    .feedbackImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 11px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .feedbackImgBody {
        margin-bottom: 1rem;
    }

    .feedmackImgBodyContainer1 {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .feedbackImgBody1 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgBody2 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgLabel {
        font-family: 'Work Sans', sans-serif;  
        font-size: 11px; 
        color: white;
    }
    
    .feedbackImgButton {
        width: 100%; 
        display: flex; 
        justify-content: center;
    }
    
    .formControl {
        display: block;
        width: 100%;
        padding: 2px 3px;
        font-size: 9px;
        line-height: 0.6;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgb(255,255,255,0);
        background-clip: padding-box;
        border: 1px solid white;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    button, .prodButton {
        display: block;
        width: 80px;
        height: 30px;
        color: white;
        line-height: 20px;
        font-size: 11px;
        font-family: 'Work Sans', sans-serif;
        text-decoration: none;
        background-color: rgb(0,0,0,0);
        color: #FDAD1C;
        border: 1px solid #FDAD1C;
        text-align: center;
        position: relative;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
    
    .formControl:focus {
        color: #FDAD1C;
        border-color: #FDAD1C;
        outline: 0;
    }
      
    button .fSpan{
        position: relative;
        z-index: 2;
    }
      
    a .fSpan{
        position: relative;
        z-index: 2;
    }
      
    button:after,  .prodButton:after, .prodButton:after,  .prodButton:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #FDAD1C;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover, button:focus, .prodButton:hover, .prodButton:focus {
        color: #fff;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover:after , button:focus:after, .prodButton:hover:after, .prodButton:focus:after {
        width: 100%;
    }

}

@media only screen and (min-width: 361px) {

    .contactImg { 
        width: 100%; 
        background-image: url('../img/Map.webp'); 
        background-size: cover; 
        background-size: 220%; 
        background-repeat: no-repeat;
    }
    
    .contactImgContainer {
        width: 100%; 
        background: rgb(37,37,37,0.7); 
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around;
        padding-bottom: 1rem;
    }
    
    .contactImgContent {
        margin-top: 0.5rem;
        width: 95%;
    }
    
    .contactImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .contactImgBody {
        display: flex; 
        flex-direction: row;
    }
    
    .contactImgBodyText {
        margin-bottom: 0.5rem;
        width: 80%;
    }
    
    .contactImgBodyH {
        font-family: 'Work Sans', sans-serif;  
        font-size: 13px; 
        color: white;
    }
    
    .contactImgBodyP {
        font-family: 'Work Sans', sans-serif;  
        font-size: 11px; 
        color: white;
    }

    .contactImgBodyLinks {
        text-align:center;
    }
    
    .contactImgBodyLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        text-align:center;
    }
    
    .feedbackImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 13px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .feedbackImgBody {
        margin-bottom: 1rem;
    }

    .feedmackImgBodyContainer1 {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .feedbackImgBody1 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgBody2 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgLabel {
        font-family: 'Work Sans', sans-serif;  
        font-size: 13px; 
        color: white;
    }
    
    .feedbackImgButton {
        width: 100%; 
        display: flex; 
        justify-content: center;
    }
    
    .formControl {
        display: block;
        width: 100%;
        padding: 2px 3px;
        font-size: 11px;
        line-height: 0.7;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgb(255,255,255,0);
        background-clip: padding-box;
        border: 1px solid white;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    button, .prodButton{
        display: block;
        width: 80px;
        height: 30px;
        color: white;
        line-height: 20px;
        font-size: 13px;
        font-family: 'Work Sans', sans-serif;
        text-decoration: none;
        background-color: rgb(0,0,0,0);
        color: #FDAD1C;
        border: 1px solid #FDAD1C;
        text-align: center;
        position: relative;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
    
    .formControl:focus {
        color: #FDAD1C;
        border-color: #FDAD1C;
        outline: 0;
    }
      
    button .fSpan{
        position: relative;
        z-index: 2;
    }
      
    button:after,  .prodButton:after, .prodButton::after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #FDAD1C;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover, button:focus, .prodButton:hover, .prodButton:focus {
        color: #fff;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover:after, button:focus:after{
        width: 100%;
    }
    
}

@media only screen and (min-width: 450px) {

    .contactImg { 
        width: 100%; 
        background-image: url('../img/Map.webp'); 
        background-size: cover; 
        background-size: 185%; 
        background-repeat: no-repeat;
    }
    
    .contactImgContainer {
        width: 100%; 
        background: rgb(37,37,37,0.7); 
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around;
        padding-bottom: 1rem;
    }
    
    .contactImgContent {
        margin-top: 0.5rem;
        width: 95%;
    }
    
    .contactImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 15px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .contactImgBody {
        display: flex; 
        flex-direction: row;
    }
    
    .contactImgBodyText {
        margin-bottom: 0.5rem;
        width: 80%;
    }
    
    .contactImgBodyH {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color: white;
    }
    
    .contactImgBodyP {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color: white;
    }

    .contactImgBodyLinks {
        text-align:center;
    }
    
    .contactImgBodyLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 13px; 
        text-align:center;
    }
    
    .feedbackImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .feedbackImgBody {
        margin-bottom: 1rem;
    }

    .feedmackImgBodyContainer1 {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .feedbackImgBody1 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgBody2 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgLabel {
        font-family: 'Work Sans', sans-serif;  
        font-size: 13px; 
        color: white;
    }
    
    .feedbackImgButton {
        width: 100%; 
        display: flex; 
        justify-content: center;
    }
    
    .formControl {
        display: block;
        width: 100%;
        padding: 3px 4px;
        font-size: 12px;
        line-height: 0.8;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgb(255,255,255,0);
        background-clip: padding-box;
        border: 1px solid white;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    button, .prodButton{
        display: block;
        width: 100px;
        height: 30px;
        color: white;
        line-height: 20px;
        font-size: 14px;
        font-family: 'Work Sans', sans-serif;
        text-decoration: none;
        background-color: rgb(0,0,0,0);
        color: #FDAD1C;
        border: 1px solid #FDAD1C;
        text-align: center;
        position: relative;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
    
    .formControl:focus {
        color: #FDAD1C;
        border-color: #FDAD1C;
        outline: 0;
    }
      
    button .fSpan{
        position: relative;
        z-index: 2;
    }
      
    button:after,  .prodButton:after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #FDAD1C;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover, button:focus, .prodButton:hover, .prodButton:focus {
        color: #fff;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover:after, button:focus:after{
        width: 100%;
    }
    
}

@media only screen and (min-width: 768px) {

    .contactImg { 
        width: 100%; 
        background-image: url('../img/Map.webp'); 
        background-size: cover; 
        background-size: 135%; 
        background-repeat: no-repeat;
    }
    
    .contactImgContainer {
        width: 100%; 
        background: rgb(37,37,37,0.7); 
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around;
        padding-bottom: 1rem;
    }
    
    .contactImgContent {
        margin-top: 0.5rem;
        width: 95%;
    }
    
    .contactImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .contactImgBody {
        display: flex; 
        flex-direction: row;
    }
    
    .contactImgBodyText {
        margin-bottom: 0.5rem;
        width: 80%;
    }
    
    .contactImgBodyH {
        font-family: 'Work Sans', sans-serif;  
        font-size: 16px; 
        color: white;
    }
    
    .contactImgBodyP {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color: white;
    }

    .contactImgBodyLinks {
        text-align:center;
    }
    
    .contactImgBodyLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 15px; 
        text-align:center;
    }
    
    .feedbackImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .feedbackImgBody {
        margin-bottom: 1rem;
    }

    .feedmackImgBodyContainer1 {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .feedbackImgBody1 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgBody2 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgLabel {
        font-family: 'Work Sans', sans-serif;  
        font-size: 15px; 
        color: white;
    }
    
    .feedbackImgButton {
        width: 100%; 
        display: flex; 
        justify-content: center;
    }
    
    .formControl {
        display: block;
        width: 100%;
        padding: 4px 5px;
        font-size: 12px;
        line-height: 1.5;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgb(255,255,255,0);
        background-clip: padding-box;
        border: 1px solid white;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    button, .prodButton{
        display: block;
        width: 100px;
        height: 30px;
        color: white;
        line-height: 20px;
        font-size: 16px;
        font-family: 'Work Sans', sans-serif;
        text-decoration: none;
        background-color: rgb(0,0,0,0);
        color: #FDAD1C;
        border: 1px solid #FDAD1C;
        text-align: center;
        position: relative;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
    
    .formControl:focus {
        color: #FDAD1C;
        border-color: #FDAD1C;
        outline: 0;
    }
      
    button .fSpan{
        position: relative;
        z-index: 2;
    }
      
    button:after,  .prodButton:after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #FDAD1C;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover, button:focus, .prodButton:hover, .prodButton:focus {
        color: #fff;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover:after, button:focus:after{
        width: 100%;
    }
    
}

@media only screen and (min-width: 1024px) {

    .contactImg { 
        width: 100%; 
        background-image: url('../img/Map.webp'); 
        background-size: cover; 
        background-size: 115%; 
        background-repeat: no-repeat;
    }
    
    .contactImgContainer {
        width: 100%; 
        background: rgb(37,37,37,0.7); 
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around;
        padding-bottom: 1rem;
    }
    
    .contactImgContent {
        margin-top: 0.5rem;
        width: 95%;
    }
    
    .contactImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 21px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .contactImgBody {
        display: flex; 
        flex-direction: row;
    }
    
    .contactImgBodyText {
        margin-bottom: 0.5rem;
        width: 80%;
    }
    
    .contactImgBodyH {
        font-family: 'Work Sans', sans-serif;  
        font-size: 19px; 
        color: white;
    }
    
    .contactImgBodyP {
        font-family: 'Work Sans', sans-serif;  
        font-size: 17px; 
        color: white;
    }

    .contactImgBodyLinks {
        text-align:center;
    }
    
    .contactImgBodyLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        text-align:center;
    }
    
    .feedbackImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 21px;  
        color: white; 
        margin: 0; 
        margin-bottom: 5%;
    }
    
    .feedbackImgBody {
        margin-bottom: 1rem;
    }

    .feedmackImgBodyContainer1 {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .feedbackImgBody1 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgBody2 {
        margin-bottom: 1rem;
        width: 48%;
    }
    
    .feedbackImgLabel {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: white;
    }
    
    .feedbackImgButton {
        width: 100%; 
        display: flex; 
        justify-content: center;
    }
    
    .formControl {
        display: block;
        width: 100%;
        padding: 5px 6px;
        font-size: 14px;
        line-height: 1.5;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgb(255,255,255,0);
        background-clip: padding-box;
        border: 1px solid white;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    button, .prodButton{
        display: block;
        width: 120px;
        height: 40px;
        color: white;
        line-height: 20px;
        font-size: 19px;
        font-family: 'Work Sans', sans-serif;
        text-decoration: none;
        background-color: rgb(0,0,0,0);
        color: #FDAD1C;
        border: 1px solid #FDAD1C;
        text-align: center;
        position: relative;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
    
    .formControl:focus {
        color: #FDAD1C;
        border-color: #FDAD1C;
        outline: 0;
    }
      
    button .fSpan{
        position: relative;
        z-index: 2;
    }
      
    button:after,  .prodButton:after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #FDAD1C;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover, button:focus, .prodButton:hover, .prodButton:focus {
        color: #fff;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover:after, button:focus:after{
        width: 100%;
    }
    
}

@media only screen and (min-width: 1280px) {

    .contactImg { 
        width: 100%; 
        background-image: url('../img/Map.webp'); 
        background-size: cover; 
        background-size: 100%; 
        background-repeat: no-repeat;
    }
    
    .contactImgContainer {
        width: 100%; 
        background: rgb(37,37,37,0.7); 
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around;
        padding-bottom: 2rem;
    }
    
    .contactImgContent {
        margin-top: 2rem;
        width: 47.5%;
    }
    
    .contactImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        color: white; 
        margin: 0; 
        margin-bottom: 20%;
    }
    
    .contactImgBody {
        display: flex; 
        flex-direction: column;
    }
    
    .contactImgBodyText {
        margin-bottom: 3rem;
        width: 80%;
    }
    
    .contactImgBodyH {
        font-family: 'Work Sans', sans-serif;  
        font-size: 26px; 
        color: white;
    }
    
    .contactImgBodyP {
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        color: white;
    }

    .contactImgBodyLinks {
        text-align:start;
    }
    
    .contactImgBodyLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 22px; 
        text-align:center;
    }
    
    .feedbackImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        color: white; 
        margin: 0; 
        margin-bottom: 15%;
    }
    
    .feedbackImgBody {
        margin-bottom: 1rem;
    }

    .feedmackImgBodyContainer1 {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    
    .feedbackImgBody1 {
        margin-bottom: 1rem;
        width: 100%;
    }
    
    .feedbackImgBody2 {
        margin-bottom: 1rem;
        width: 100%;
    }
    
    .feedbackImgLabel {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: white;
    }
    
    .feedbackImgButton {
        width: 100%; 
        display: flex; 
        justify-content: center;
    }
    
    .formControl {
        display: block;
        width: 100%;
        padding: 5px 6px;
        font-size: 16px;
        line-height: 1.5;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgb(255,255,255,0);
        background-clip: padding-box;
        border: 2px solid white;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    button, .prodButton{
        display: block;
        width: 120px;
        height: 40px;
        color: white;
        line-height: 20px;
        font-size: 19px;
        font-family: 'Work Sans', sans-serif;
        text-decoration: none;
        background-color: rgb(0,0,0,0);
        color: #FDAD1C;
        border: 2px solid #FDAD1C;
        text-align: center;
        position: relative;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
    
    .formControl:focus {
        color: #FDAD1C;
        border-color: #FDAD1C;
        outline: 0;
    }
      
    button .fSpan{
        position: relative;
        z-index: 2;
    }
      
    button:after,  .prodButton:after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #FDAD1C;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover, button:focus, .prodButton:hover, .prodButton:focus {
        color: #fff;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover:after, button:focus:after{
        width: 100%;
    }
    
}

@media only screen and (min-width: 1680px) {

    .contactImg {
        width: 100%; 
        background-image: url('../img/Map.webp'); 
        background-size: cover; 
        background-size: 100%; 
        background-repeat: no-repeat;
    }
    
    .contactImgContainer {
        width: 100%; 
        background: rgb(37,37,37,0.7); 
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around;
    }
    
    .contactImgContent {
        margin-top: 3rem;
    }
    
    .contactImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 40px;  
        color: white; 
        margin: 0; 
        margin-bottom: 20%;
    }
    
    .contactImgBody {
        display: flex; 
        flex-direction: column;
    }
    
    .contactImgBodyText {
        margin-bottom: 3rem;
    }
    
    .contactImgBodyH {
        font-family: 'Work Sans', sans-serif;  
        font-size: 35px; 
        color: white;
    }
    
    .contactImgBodyP {
        font-family: 'Work Sans', sans-serif;  
        font-size: 25px; 
        color: white;
    }
    
    .contactImgBodyLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        text-align:center
    }
    
    .feedbackImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 40px;  
        color: white; 
        margin: 0; 
        margin-bottom: 15%;
    }
    
    .feedbackImgBody {
        margin-bottom: 1rem;
    }
    
    .feedbackImgBody1 {
        margin-bottom: 1rem;
    }
    
    .feedbackImgBody2 {
        margin-bottom: 1rem;
    }
    
    .feedbackImgLabel {
        font-family: 'Work Sans', sans-serif;  
        font-size: 25px; 
        color: white;
    }
    
    .feedbackImgButton {
        width: 100%; 
        display: flex; 
        justify-content: center;
    }
    
    .formControl {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgb(255,255,255,0);
        background-clip: padding-box;
        border: 2px solid white;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    button, .prodButton{
        display: block;
        width: 200px;
        height: 50px;
        color: white;
        line-height: 40px;
        font-size: 20px;
        font-family: 'Work Sans', sans-serif;
        text-decoration: none;
        background-color: rgb(0,0,0,0);
        color: #FDAD1C;
        border: 2px solid #FDAD1C;
        text-align: center;
        position: relative;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
    
    .formControl:focus {
        color: #FDAD1C;
        border-color: #FDAD1C;
        outline: 0;
    }
      
    button .fSpan{
        position: relative;
        z-index: 2;
    }
      
    button:after,  .prodButton:after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #FDAD1C;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover, button:focus, .prodButton:hover, .prodButton:focus {
        color: #fff;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover:after, button:focus:after{
        width: 100%;
    }
    
}

@media only screen and (min-width: 1920px) {

    .contactImg { 
        width: 100%; 
        background-image: url('../img/Map.webp'); 
        background-size: cover; 
        background-size: 110%; 
        background-repeat: no-repeat;
    }
    
    .contactImgContainer {
        width: 100%; 
        background: rgb(37,37,37,0.7); 
        display: flex; 
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: space-around;
        padding-bottom: 3rem;
    }
    
    .contactImgContent {
        margin-top: 3rem;
        width: 47.5%;
    }
    
    .contactImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 45px;  
        color: white; 
        margin: 0; 
        margin-bottom: 25%;
    }
    
    .contactImgBody {
        display: flex; 
        flex-direction: column;
        margin-bottom: 20%;
    }
    
    .contactImgBodyText {
        margin-bottom: 3rem;
        width: 80%;
    }
    
    .contactImgBodyH {
        font-family: 'Work Sans', sans-serif;  
        font-size: 40px; 
        color: white;
    }
    
    .contactImgBodyP {
        font-family: 'Work Sans', sans-serif;  
        font-size: 35px; 
        color: white;
    }

    .contactImgBodyLinks {
        text-align:start;
    }
    
    .contactImgBodyLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 37px; 
        text-align:center;
    }
    
    .feedbackImgHeader {
        font-family: "CentrOilWeb"; 
        font-size: 45px;  
        color: white; 
        margin: 0; 
        margin-bottom: 20%;
    }
    
    .feedbackImgBody {
        margin-bottom: 3rem;
    }

    .feedmackImgBodyContainer1 {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    
    .feedbackImgBody1 {
        margin-bottom: 3rem;
        width: 100%;
    }
    
    .feedbackImgBody2 {
        margin-bottom: 3rem;
        width: 100%;
    }
    
    .feedbackImgLabel {
        font-family: 'Work Sans', sans-serif;  
        font-size: 35px; 
        color: white;
    }
    
    .feedbackImgButton {
        width: 100%; 
        display: flex; 
        justify-content: center;
    }
    
    .formControl {
        display: block;
        width: 100%;
        padding: 8px 10px;
        font-size: 30px;
        line-height: 1.5;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgb(255,255,255,0);
        background-clip: padding-box;
        border: 2px solid white;
        border-radius: 0;
        transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
        -ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    button, .prodButton{
        display: block;
        width: 250px;
        height: 80px;
        color: white;
        line-height: 20px;
        font-size: 35px;
        font-family: 'Work Sans', sans-serif;
        text-decoration: none;
        background-color: rgb(0,0,0,0);
        color: #FDAD1C;
        border: 2px solid #FDAD1C;
        text-align: center;
        position: relative;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
    
    .formControl:focus {
        color: #FDAD1C;
        border-color: #FDAD1C;
        outline: 0;
    }
      
    button .fSpan{
        position: relative;
        z-index: 2;
    }
      
    button:after,  .prodButton:after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #FDAD1C;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover, button:focus, .prodButton:hover, .prodButton:focus {
        color: #fff;
        transition: all .35s;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        -ms-transition: all .35s;
    }
      
    button:hover:after, button:focus:after{
        width: 100%;
    }
    
}

/* Контакты *//* Контакты *//* Контакты *//* Контакты *//* Контакты *//* Контакты *//* Контакты */

/* Футер *//* Футер *//* Футер *//* Футер *//* Футер *//* Футер *//* Футер */

@media only screen and (max-width: 360px) { 

    .footerContainer {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #252525; 
        bottom: 0%;
    }
    
    .footerBodyCompanyCopy {
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color:#FDAD1C;
    }
    
    .footerBodyCompanyTime {
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color: #FDAD1C;
    }
    .footerBodySklad {
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color: #FDAD1C;
    }
    
    .footerBodyCompanyMail {
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color:#FDAD1C
    }
    
    .footerBodyNavLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink2 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color:#FDAD1C;
    }
    
    .footerBodyDoscMain {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color:#FDAD1C;
    }
    
    .footerBodyDocsPrimary {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color: #FDAD1C
    }
    
    .footerBodyMade {
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color:#FDAD1C;
    }
    
    .footerBodyNotice {
        margin-top: 3rem;
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .footerBodyNoticeText {
        font-family: 'Work Sans', sans-serif;  
        font-size: 5px; 
        color: #FDAD1C; 
        text-align: center; 
        margin: 0
    }

}

@media only screen and (min-width: 361px) { 

    .footerContainer {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #252525; 
        bottom: 0%;
    }
    
    .footerBodyCompanyCopy {
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color:#FDAD1C;
    }
    
    .footerBodyCompanyTime {
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color: #FDAD1C;
    }
    .footerBodySklad {
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color: #FDAD1C;
    }
    
    .footerBodyCompanyMail {
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color:#FDAD1C
    }
    
    .footerBodyNavLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink2 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color:#FDAD1C;
    }
    
    .footerBodyDoscMain {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color:#FDAD1C;
    }
    
    .footerBodyDocsPrimary {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color: #FDAD1C
    }
    
    .footerBodyMade {
        font-family: 'Work Sans', sans-serif;  
        font-size: 7px; 
        color:#FDAD1C;
    }
    
    .footerBodyNotice {
        margin-top: 3rem;
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .footerBodyNoticeText {
        font-family: 'Work Sans', sans-serif;  
        font-size: 6px; 
        color: #FDAD1C; 
        text-align: center; 
        margin: 0
    }

}

@media only screen and (min-width: 450px) { 

    .footerContainer {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #252525; 
        bottom: 0%;
    }
    
    .footerBodyCompanyCopy {
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color:#FDAD1C;
    }
    
    .footerBodyCompanyTime {
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color: #FDAD1C;
    }
    .footerBodySklad {
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color: #FDAD1C;
    }
    
    .footerBodyCompanyMail {
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color:#FDAD1C
    }
    
    .footerBodyNavLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink2 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color:#FDAD1C;
    }
    
    .footerBodyDoscMain {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color:#FDAD1C;
    }
    
    .footerBodyDocsPrimary {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color: #FDAD1C
    }
    
    .footerBodyMade {
        font-family: 'Work Sans', sans-serif;  
        font-size: 9px; 
        color:#FDAD1C;
    }
    
    .footerBodyNotice {
        margin-top: 3rem;
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .footerBodyNoticeText {
        font-family: 'Work Sans', sans-serif;  
        font-size: 8px; 
        color: #FDAD1C; 
        text-align: center; 
        margin: 0
    }

}

@media only screen and (min-width: 768px) { 

    .footerContainer {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-color: #252525; 
        bottom: 0%;
    }
    
    .footerBodyCompanyCopy {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color:#FDAD1C;
    }
    
    .footerBodyCompanyTime {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color: #FDAD1C;
    }
    .footerBodySklad {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color: #FDAD1C;
    }
    
    .footerBodyCompanyMail {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color:#FDAD1C
    }
    
    .footerBodyNavLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink2 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color:#FDAD1C;
    }
    
    .footerBodyDoscMain {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color:#FDAD1C;
    }
    
    .footerBodyDocsPrimary {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color: #FDAD1C
    }
    
    .footerBodyMade {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color:#FDAD1C;
    }
    
    .footerBodyNotice {
        margin-top: 3rem;
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .footerBodyNoticeText {
        font-family: 'Work Sans', sans-serif;  
        font-size: 10px; 
        color: #FDAD1C; 
        text-align: center; 
        margin: 0
    }

}

@media only screen and (min-width: 1024px) { 

    .footerContainer {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #252525; 
        bottom: 0%;
    }
    
    .footerBodyCompanyCopy {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color:#FDAD1C;
    }
    
    .footerBodyCompanyTime {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color: #FDAD1C;
    }
    .footerBodySklad {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color: #FDAD1C;
    }
    
    .footerBodyCompanyMail {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color:#FDAD1C
    }
    
    .footerBodyNavLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink2 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color:#FDAD1C;
    }
    
    .footerBodyDoscMain {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color:#FDAD1C;
    }
    
    .footerBodyDocsPrimary {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color: #FDAD1C
    }
    
    .footerBodyMade {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        color:#FDAD1C;
    }
    
    .footerBodyNotice {
        margin-top: 3rem;
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .footerBodyNoticeText {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        color: #FDAD1C; 
        text-align: center; 
        margin: 0
    }

}

@media only screen and (min-width: 1280px) { 

    .footerContainer {
        padding-top: 3rem;
        padding-bottom: 3rem;
        background-color: #252525; 
        bottom: 0%;
    }
    
    .footerBodyCompanyCopy {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color:#FDAD1C;
    }
    
    .footerBodyCompanyTime {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: #FDAD1C;
    }    
    .footerBodySklad {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: #FDAD1C;
    }
    
    .footerBodyCompanyMail {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color:#FDAD1C
    }
    
    .footerBodyNavLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink2 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color:#FDAD1C;
    }
    
    .footerBodyDoscMain {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color:#FDAD1C;
    }
    
    .footerBodyDocsPrimary {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: #FDAD1C
    }
    
    .footerBodyMade {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color:#FDAD1C;
    }
    
    .footerBodyNotice {
        margin-top: 3rem;
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .footerBodyNoticeText {
        font-family: 'Work Sans', sans-serif;  
        font-size: 16px; 
        color: #FDAD1C; 
        text-align: center; 
        margin: 0
    }

}

@media only screen and (min-width: 2560px) { 

    .footerContainer {
        padding-top: 3rem;
        padding-bottom: 3rem;
        background-color: #252525; 
        bottom: 0%;
    }
    
    .footerBodyCompanyCopy {
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        color:#FDAD1C;
    }
    
    .footerBodyCompanyTime {
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        color: #FDAD1C;
    }
    .footerBodySklad {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: #FDAD1C;
    }
    
    .footerBodyCompanyMail {
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        color: #FDAD1C;
    }
    
    .footerBodyNavMainLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        color:#FDAD1C
    }
    
    .footerBodyNavLink {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        color: white;
    }
    
    .footerBodyNavMainLink2 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        color:#FDAD1C;
    }
    
    .footerBodyDoscMain {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        color:#FDAD1C;
    }
    
    .footerBodyDocsPrimary {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        color: #FDAD1C
    }
    
    .footerBodyMade {
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        color:#FDAD1C;
    }
    
    .footerBodyNotice {
        margin-top: 3rem;
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .footerBodyNoticeText {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        color: #FDAD1C; 
        text-align: center; 
        margin: 0
    }

}

.footerBodyDocs {
    display: flex; 
    flex-direction: column;
}

.footerBodyNav {
    display: flex; 
    flex-direction: column;
}

.footerBodyCompany {
    display: flex; 
    flex-direction: column;
    flex: 50% 0 0;
}

.footerBody {
    width: 95%; 
    margin-left: 2.5%; 
    display: flex; 
    flex-direction: row; 
    align-items: flex-start; 
    justify-content: space-between;
}

/* Футер *//* Футер *//* Футер *//* Футер *//* Футер *//* Футер *//* Футер */

.mainProdText {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    
}

.cardProd {
    .cardProdImg {
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        border-radius: 0;
    }
}

.cardProd:hover {
    .cardProdImg {
        border-radius: 5px;
        filter: blur(3px);
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
    }
}

.statesLink {
    transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
}

.statesLink p {
    color: black;
    transition: color .275s ease-in-out;
    -webkit-transition: color .275s ease-in-out;
    -moz-transition: color .275s ease-in-out;
    -o-transition: color .275s ease-in-out;
    -ms-transition: color .275s ease-in-out;
}

@media(hover: hover)and (pointer:fine) {
    .statesLink:hover {
        background-color: #252525;
    }

    .statesLink:hover p {
        color: #FDAD1C
    }
}

/* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие */

@media only screen and (max-width: 360px) { 

    .catalogSlogan {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .catalogSloganH {
        font-family: "CentrOilWeb"; 
        font-size: 12px; 
    }
    
    .catalogSloganP {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        padding: 0; 
        margin: 0
    }

}

@media only screen and (min-width: 361px) { 

    .catalogSlogan {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .catalogSloganH {
        font-family: "CentrOilWeb"; 
        font-size: 14px; 
    }
    
    .catalogSloganP {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        padding: 0; 
        margin: 0
    }
    
}

@media only screen and (min-width: 450px) { 

    .catalogSlogan {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .catalogSloganH {
        font-family: "CentrOilWeb"; 
        font-size: 18px; 
    }
    
    .catalogSloganP {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        padding: 0; 
        margin: 0
    }
    
}

@media only screen and (min-width: 768px) { 

    .catalogSlogan {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .catalogSloganH {
        font-family: "CentrOilWeb"; 
        font-size: 30px; 
    }
    
    .catalogSloganP {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        padding: 0; 
        margin: 0
    }
    
}

@media only screen and (min-width: 1024px) { 

    .catalogSlogan {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .catalogSloganH {
        font-family: "CentrOilWeb"; 
        font-size: 38px; 
    }
    
    .catalogSloganP {
        font-family: "CentrOilWeb"; 
        font-size: 38px;  
        padding: 0; 
        margin: 0
    }
    
}

@media only screen and (min-width: 1280px) { 

    .catalogSlogan {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .catalogSloganH {
        font-family: "CentrOilWeb"; 
        font-size: 50px; 
    }
    
    .catalogSloganP {
        font-family: "CentrOilWeb"; 
        font-size: 50px;  
        padding: 0; 
        margin: 0
    }
    
}

@media only screen and (min-width: 1920px) { 

    .catalogSlogan {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .catalogSloganH {
        font-family: "CentrOilWeb"; 
        font-size: 70px; 
    }
    
    .catalogSloganP {
        font-family: "CentrOilWeb"; 
        font-size: 70px;  
        padding: 0; 
        margin: 0
    }
    
}

@media only screen and (min-width: 2560px) { 

    .catalogSlogan {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .catalogSloganH {
        font-family: "CentrOilWeb"; 
        font-size: 80px; 
    }
    
    .catalogSloganP {
        font-family: "CentrOilWeb"; 
        font-size: 80px;  
        padding: 0; 
        margin: 0
    }
    
}

/* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие *//* Каталог Приветсвие */

/* Каталог Товары *//* Каталог Товары *//* Каталог Товары *//* Каталог Товары *//* Каталог Товары *//* Каталог Товары *//* Каталог Товары */

@media only screen and (max-width: 360px) {
    
    .catalogProdsContainer {
        width: 95%; 
        margin-left: 2.5%; 
        display: flex; 
        flex-direction: column;
    }
    
    .catalogProdsContent {
        width: 100%;
    }
    
    .catalogProdsCards {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: row; 
        justify-content: space-between; 
        position: relative;
    }
    
    .catalogProdsCardsCategory {
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .catalogProdsCategoryHeaderP1 {
        width: 80%; 
        font-family: "CentrOilWeb"; 
        font-size: 10px;  
        margin: 0; 
        padding: 0;
    }
    
    .catalogProdsCategoryHeaderP2 {
        width: 10%; 
        font-family: "CentrOilWeb"; 
        font-size: 10px;  
        text-align: end; 
        margin: 0; 
        padding: 0;
    }
    
    .catalogCategoryName {
        font-family: 'Work Sans', sans-serif; 
        font-size: 7px;  
        color: black;
    }
    
    .catalogCategoryText {
        margin-left: 0.5rem;
        font-family: 'Work Sans', sans-serif; 
        font-size: 7px;  
        color: black;
    }
    
    .catalogCategoryArticle {
        margin-top: 0.5rem;
        width: 100%; 
        text-align: center
    }
    
    .catalogCategoryLink {
        font-family: 'Work Sans', sans-serif; 
        font-size: 9px;  
        color: #FDAD1C;
    }
    
    .catalogProdsCategoryBody {
        margin-top: 0.5rem;
        width: 100%;
    }

}

@media only screen and (min-width: 361px) {

    .catalogProdsContainer {
        width: 95%; 
        margin-left: 2.5%; 
        display: flex; 
        flex-direction: column;
    }
    
    .catalogProdsContent {
        width: 100%;
    }
    
    .catalogProdsCards {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: row; 
        justify-content: space-between; 
        position: relative;
    }
    
    .catalogProdsCardsCategory {
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .catalogProdsCategoryHeaderP1 {
        width: 80%; 
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        margin: 0; 
        padding: 0;
    }
    
    .catalogProdsCategoryHeaderP2 {
        width: 10%; 
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        text-align: end; 
        margin: 0; 
        padding: 0;
    }
    
    .catalogCategoryName {
        font-family: 'Work Sans', sans-serif; 
        font-size: 8px;  
        color: black;
    }
    
    .catalogCategoryText {
        margin-left: 0.5rem;
        font-family: 'Work Sans', sans-serif; 
        font-size: 8px;  
        color: black;
    }
    
    .catalogCategoryArticle {
        margin-top: 0.5rem;
        width: 100%; 
        text-align: center
    }
    
    .catalogCategoryLink {
        font-family: 'Work Sans', sans-serif; 
        font-size: 11px;  
        color: #FDAD1C;
    }
    
    .catalogProdsCategoryBody {
        margin-top: 0.5rem;
        width: 100%;
    }

}

@media only screen and (min-width: 450px) {

    .catalogProdsContainer {
        width: 95%; 
        margin-left: 2.5%; 
        display: flex; 
        flex-direction: column;
    }
    
    .catalogProdsContent {
        width: 100%;
    }
    
    .catalogProdsCards {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: row; 
        justify-content: space-between; 
        position: relative;
    }
    
    .catalogProdsCardsCategory {
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .catalogProdsCategoryHeaderP1 {
        width: 80%; 
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        margin: 0; 
        padding: 0;
    }
    
    .catalogProdsCategoryHeaderP2 {
        width: 10%; 
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        text-align: end; 
        margin: 0; 
        padding: 0;
    }
    
    .catalogCategoryName {
        font-family: 'Work Sans', sans-serif; 
        font-size: 10px;  
        color: black;
    }
    
    .catalogCategoryText {
        margin-left: 0.5rem;
        font-family: 'Work Sans', sans-serif; 
        font-size: 10px;  
        color: black;
    }
    
    .catalogCategoryArticle {
        margin-top: 0.5rem;
        width: 100%; 
        text-align: center
    }
    
    .catalogCategoryLink {
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
        color: #FDAD1C;
    }
    
    .catalogProdsCategoryBody {
        margin-top: 0.5rem;
        width: 100%;
    }

}

@media only screen and (min-width: 768px) {

    .catalogProdsContainer {
        width: 95%; 
        margin-left: 2.5%; 
        display: flex; 
        flex-direction: column;
    }
    
    .catalogProdsContent {
        width: 100%;
    }
    
    .catalogProdsCards {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: row; 
        justify-content: space-between; 
        position: relative;
    }
    
    .catalogProdsCardsCategory {
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .catalogProdsCategoryHeaderP1 {
        width: 80%; 
        font-family: "CentrOilWeb"; 
        font-size: 16px;  
        margin: 0; 
        padding: 0;
    }
    
    .catalogProdsCategoryHeaderP2 {
        width: 10%; 
        font-family: "CentrOilWeb"; 
        font-size: 16px;  
        text-align: end; 
        margin: 0; 
        padding: 0;
    }
    
    .catalogCategoryName {
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
        color: black;
    }
    
    .catalogCategoryText {
        margin-left: 2rem;
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
        color: black;
    }
    
    .catalogCategoryArticle {
        margin-top: 0.5rem;
        width: 100%; 
        text-align: center
    }
    
    .catalogCategoryLink {
        font-family: 'Work Sans', sans-serif; 
        font-size: 15px;  
        color: #FDAD1C;
    }
    
    .catalogProdsCategoryBody {
        margin-top: 0.5rem;
        width: 100%;
    }

}

@media only screen and (min-width: 1024px) {

    .catalogProdsContainer {
        width: 95%; 
        margin-left: 2.5%; 
        display: flex; 
        flex-direction: row;
        justify-content: space-between;
    }
    
    .catalogProdsContent {
        width: 48%;
    }
    
    .catalogProdsCards {
        margin-bottom: 2rem;
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: row; 
        justify-content: space-between; 
        position: relative;
    }
    
    .catalogProdsCardsCategory {
        width: 100%;
        margin-bottom: 2rem;
    }
    
    .catalogProdsCategoryHeaderP1 {
        width: 80%; 
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        margin: 0; 
        padding: 0;
    }
    
    .catalogProdsCategoryHeaderP2 {
        width: 10%; 
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        text-align: end; 
        margin: 0; 
        padding: 0;
    }
    
    .catalogCategoryName {
        font-family: 'Work Sans', sans-serif; 
        font-size: 10px;  
        color: black;
    }
    
    .catalogCategoryText {
        margin-left: 3rem;
        font-family: 'Work Sans', sans-serif; 
        font-size: 10px;  
        color: black;
    }
    
    .catalogCategoryArticle {
        margin-top: 1rem;
        width: 100%; 
        text-align: center
    }
    
    .catalogCategoryLink {
        font-family: 'Work Sans', sans-serif; 
        font-size: 16px;  
        color: #FDAD1C;
    }
    
    .catalogProdsCategoryBody {
        margin-top: 1rem;
        width: 100%;
    }

}

@media only screen and (min-width: 1280px) {

    .catalogProdsContainer {
        width: 95%; 
        margin-left: 2.5%; 
        display: flex; 
        justify-content: space-between;
        flex-direction: row;
    }
    
    .catalogProdsContent {
        width: 48%;
    }
    
    .catalogProdsCards {
        margin-bottom: 3rem;
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: row; 
        justify-content: space-between; 
        position: relative;
    }
    
    .catalogProdsCardsCategory {
        width: 100%;
        margin-bottom: 2rem;
    }
    
    .catalogProdsCategoryHeaderP1 {
        width: 80%; 
        font-family: "CentrOilWeb"; 
        font-size: 21px;  
        margin: 0; 
        padding: 0;
    }
    
    .catalogProdsCategoryHeaderP2 {
        width: 10%; 
        font-family: "CentrOilWeb"; 
        font-size: 21px;  
        text-align: end; 
        margin: 0; 
        padding: 0;
    }
    
    .catalogCategoryName {
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
        color: black;
    }
    
    .catalogCategoryText {
        margin-left: 3rem;
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
        color: black;
    }
    
    .catalogCategoryArticle {
        margin-top: 1rem;
        width: 100%; 
        text-align: center
    }
    
    .catalogCategoryLink {
        font-family: 'Work Sans', sans-serif; 
        font-size: 21px;  
        color: #FDAD1C;
    }
    
    .catalogProdsCategoryBody {
        margin-top: 1rem;
        width: 100%;
    }

}

@media only screen and (min-width: 1920px) {

    .catalogProdsContainer {
        width: 95%; 
        margin-left: 2.5%; 
        display: flex; 
        justify-content: space-between;
        flex-direction: row;
    }
    
    .catalogProdsContent {
        width: 48%;
    }
    
    .catalogProdsCards {
        margin-bottom: 3rem;
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: row; 
        justify-content: space-between; 
        position: relative;
    }
    
    .catalogProdsCardsCategory {
        width: 100%;
        margin-bottom: 2rem;
    }
    
    .catalogProdsCategoryHeaderP1 {
        width: 80%; 
        font-family: "CentrOilWeb"; 
        font-size: 24px;  
        margin: 0; 
        padding: 0;
    }
    
    .catalogProdsCategoryHeaderP2 {
        width: 10%; 
        font-family: "CentrOilWeb"; 
        font-size: 24px;  
        text-align: end; 
        margin: 0; 
        padding: 0;
    }
    
    .catalogCategoryName {
        font-family: 'Work Sans', sans-serif; 
        font-size: 16px;  
        color: black;
    }
    
    .catalogCategoryText {
        margin-left: 3rem;
        font-family: 'Work Sans', sans-serif; 
        font-size: 16px;  
        color: black;
    }
    
    .catalogCategoryArticle {
        margin-top: 1rem;
        width: 100%; 
        text-align: center
    }
    
    .catalogCategoryLink {
        font-family: 'Work Sans', sans-serif; 
        font-size: 21px;  
        color: #FDAD1C;
    }
    
    .catalogProdsCategoryBody {
        margin-top: 1rem;
        width: 100%;
    }

}

@media only screen and (min-width: 2560px) {

    .catalogProdsContainer {
        width: 95%; 
        margin-left: 2.5%; 
        display: flex; 
        justify-content: space-between;
        flex-direction: row;
    }
    
    .catalogProdsContent {
        width: 48%;
    }
    
    .catalogProdsCards {
        margin-bottom: 3rem;
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: row; 
        justify-content: space-between; 
        position: relative;
    }
    
    .catalogProdsCardsCategory {
        width: 100%;
        margin-bottom: 2rem;
    }
    
    .catalogProdsCategoryHeaderP1 {
        width: 80%; 
        font-family: "CentrOilWeb"; 
        font-size: 28px;  
        margin: 0; 
        padding: 0;
    }
    
    .catalogProdsCategoryHeaderP2 {
        width: 10%; 
        font-family: "CentrOilWeb"; 
        font-size: 28px;  
        text-align: end; 
        margin: 0; 
        padding: 0;
    }
    
    .catalogCategoryName {
        font-family: 'Work Sans', sans-serif; 
        font-size: 21px;  
        color: black;
    }
    
    .catalogCategoryText {
        margin-left: 3rem;
        font-family: 'Work Sans', sans-serif; 
        font-size: 21px;  
        color: black;
    }
    
    .catalogCategoryArticle {
        margin-top: 1rem;
        width: 100%; 
        text-align: center
    }
    
    .catalogCategoryLink {
        font-family: 'Work Sans', sans-serif; 
        font-size: 26px;  
        color: #FDAD1C;
    }
    
    .catalogProdsCategoryBody {
        margin-top: 1rem;
        width: 100%;
    }

}

.catalogProdsCategoryBodyContainer {
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: space-around;
    width: 100%;
}

.catalogCategoryInfo {
    width: 100%; 
    display: flex; 
    flex-direction: row; 
    align-items: flex-start; 
    justify-content: flex-start;
}

/* Каталог Товары *//* Каталог Товары *//* Каталог Товары *//* Каталог Товары *//* Каталог Товары *//* Каталог Товары *//* Каталог Товары */

/* Подсказки *//* Подсказки *//* Подсказки *//* Подсказки *//* Подсказки *//* Подсказки *//* Подсказки */

@media only screen and (max-width: 360px) {

    .tipsHeader {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .tipsHeaderP {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        color: black; 
        margin: 0
    }
    
    .tipsBody {
        width: 95%; 
        margin-left: 2.5%; 
        font-size: 8px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: justify;
        margin-bottom: 1rem;
    }

}

@media only screen and (min-width: 361px) {

    .tipsHeader {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .tipsHeaderP {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color: black; 
        margin: 0
    }
    
    .tipsBody {
        width: 95%; 
        margin-left: 2.5%; 
        font-size: 10px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: justify;
        margin-bottom: 1rem;
    }
    
}

@media only screen and (min-width: 450px) {

    .tipsHeader {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .tipsHeaderP {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color: black; 
        margin: 0
    }
    
    .tipsBody {
        width: 90%; 
        margin-left: 5%; 
        font-size: 12px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: justify;
        margin-bottom: 1rem;
    }
    
}

@media only screen and (min-width: 786px) {

    .tipsHeader {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .tipsHeaderP {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        color: black; 
        margin: 0
    }
    
    .tipsBody {
        width: 90%; 
        margin-left: 5%; 
        font-size: 14px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: justify;
        margin-bottom: 1rem;
    }
    
}

@media only screen and (min-width: 1024px) {

    .tipsHeader {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .tipsHeaderP {
        font-family: "CentrOilWeb"; 
        font-size: 38px;  
        color: black; 
        margin: 0
    }
    
    .tipsBody {
        width: 90%; 
        margin-left: 5%; 
        font-size: 18px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: justify;
        margin-bottom: 2rem;
    }
    
}

@media only screen and (min-width: 1280px) {

    .tipsHeader {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .tipsHeaderP {
        font-family: "CentrOilWeb"; 
        font-size: 50px;  
        color: black; 
        margin: 0
    }
    
    .tipsBody {
        width: 90%; 
        margin-left: 5%; 
        font-size: 24px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: justify;
        margin-bottom: 3rem;
    }
    
}

@media only screen and (min-width: 1920px) {

    .tipsHeader {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .tipsHeaderP {
        font-family: "CentrOilWeb"; 
        font-size: 70px;  
        color: black; 
        margin: 0
    }
    
    .tipsBody {
        width: 90%; 
        margin-left: 5%; 
        font-size: 28px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: justify;
        margin-bottom: 3rem;
    }
    
}

@media only screen and (min-width: 2560px) {

    .tipsHeader {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px black; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .tipsHeaderP {
        font-family: "CentrOilWeb"; 
        font-size: 80px;  
        color: black; 
        margin: 0
    }
    
    .tipsBody {
        width: 90%; 
        margin-left: 5%; 
        font-size: 32px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: justify;
        margin-bottom: 3rem;
    }
    
}

/* Подсказки *//* Подсказки *//* Подсказки *//* Подсказки *//* Подсказки *//* Подсказки *//* Подсказки */

/* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой */

@media only screen and (max-width: 360px) {

    .namingBody {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .namingH {
        font-family: "CentrOilWeb"; 
        font-size: 12px; 
    }
    
    .namingP {
        font-family: "CentrOilWeb"; 
        font-size: 9px;  
        padding: 0; 
        margin: 0
    }

}

@media only screen and (min-width: 361px) {

    .namingBody {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .namingH {
        font-family: "CentrOilWeb"; 
        font-size: 14px; 
    }
    
    .namingP {
        font-family: "CentrOilWeb"; 
        font-size: 10px;  
        padding: 0; 
        margin: 0
    }

}

@media only screen and (min-width: 450px) {

    .namingBody {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .namingH {
        font-family: "CentrOilWeb"; 
        font-size: 18px; 
    }
    
    .namingP {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        padding: 0; 
        margin: 0
    }

}

@media only screen and (min-width: 768px) {

    .namingBody {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .namingH {
        font-family: "CentrOilWeb"; 
        font-size: 30px; 
    }
    
    .namingP {
        font-family: "CentrOilWeb"; 
        font-size: 25px;  
        padding: 0; 
        margin: 0
    }

}

@media only screen and (min-width: 1024px) {

    .namingBody {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .namingH {
        font-family: "CentrOilWeb"; 
        font-size: 38px; 
    }
    
    .namingP {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        padding: 0; 
        margin: 0
    }

}

@media only screen and (min-width: 1280px) {

    .namingBody {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .namingH {
        font-family: "CentrOilWeb"; 
        font-size: 50px; 
    }
    
    .namingP {
        font-family: "CentrOilWeb"; 
        font-size: 45px;  
        padding: 0; 
        margin: 0
    }

}

@media only screen and (min-width: 1920px) {

    .namingBody {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .namingH {
        font-family: "CentrOilWeb"; 
        font-size: 70px; 
    }
    
    .namingP {
        font-family: "CentrOilWeb"; 
        font-size: 60px;  
        padding: 0; 
        margin: 0
    }

}

@media only screen and (min-width: 2560px) {

    .namingBody {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px #000; 
        padding-left: 1.5%; 
        padding-right: 1.5%; 
        align-items: flex-start;
    }
    
    .namingH {
        font-family: "CentrOilWeb"; 
        font-size: 80px; 
    }
    
    .namingP {
        font-family: "CentrOilWeb"; 
        font-size: 70px;  
        padding: 0; 
        margin: 0
    }

}

/* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой *//* Наименование с полосой */

/* Карта товара *//* Карта товара *//* Карта товара *//* Карта товара *//* Карта товара *//* Карта товара *//* Карта товара */

@media only screen and (max-width: 360px) {

    .productContainer {
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .productContent {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .productBody1 {
        margin-top: 0rem;
        margin-bottom: 1rem;
        width: 100%;
        margin-left: 5%;
    }

    .productBody2 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        flex-direction: column;
    }
    
    .prodImgBody {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    
    .productDescription {
        width: 90%;
    }
    
    .productDescriptionHeader1 {
        margin-bottom: 0.25rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px;
    }
    
    .productDescriptionHeader2 {
        margin-top: 1rem;
        margin-bottom: 0.25rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px;
    }
    
    .productDescriptionP1 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 10px; 
        text-align: justify;
    }
    
    .productDescriptionP2 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 10px; 
        text-align: justify;
    }
    
    .productImgageBody1 {
        margin-bottom: 1rem;
        width: 40%; 
        background: #ececec; 
        padding: 3%; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .productImgageBody2 {
        width: 40%; 
        background: #ececec; 
        padding: 3%; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .productImage {
        width: 100%;
    }
    
    .productNotice {
        margin-bottom: 1rem;
        width: 90%; 
        margin-left: 2.5%; 
        font-size: 10px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: center;
    }

}

@media only screen and (min-width: 361px) {

    .productContainer {
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .productContent {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .productBody1 {
        margin-top: 0rem;
        margin-bottom: 1rem;
        width: 100%;
        margin-left: 5%;
    }
    
    .productContent {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .productBody1 {
        margin-top: 0rem;
        margin-bottom: 1rem;
        width: 100%;
        margin-left: 5%;
    }

    .productBody2 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        flex-direction: column;
    }
    
    .prodImgBody {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    
    .productDescription {
        width: 90%;
    }
    
    .productDescriptionHeader1 {
        margin-bottom: 0.25rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px;
    }
    
    .productDescriptionHeader2 {
        margin-top: 1rem;
        margin-bottom: 0.25rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px;
    }
    
    .productDescriptionP1 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        text-align: justify;
    }
    
    .productDescriptionP2 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        text-align: justify;
    }
    
    .productImgageBody1 {
        margin-bottom: 1rem;
        width: 40%; 
        background: #ececec; 
        padding: 3%; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .productImgageBody2 {
        width: 40%; 
        background: #ececec; 
        padding: 3%; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .productImage {
        width: 100%;
    }
    
    .productNotice {
        margin-bottom: 1rem;
        width: 90%; 
        margin-left: 2.5%; 
        font-size: 12px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: center;
    }

}

@media only screen and (min-width: 450px) {

    .productContainer {
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .productBody1 {
        margin-top: 0rem;
        margin-bottom: 1rem;
        width: 100%;
        margin-left: 5%;
    }

    .productBody2 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
    }
    
    .productDescription {
        width: 90%;
    }
    
    .productDescriptionHeader1 {
        margin-bottom: 0.25rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 16px;
    }
    
    .productDescriptionHeader2 {
        margin-top: 1rem;
        margin-bottom: 0.25rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 16px;
    }
    
    .productDescriptionP1 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        text-align: justify;
    }
    
    .productDescriptionP2 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        text-align: justify;
    }
    
    .productImgageBody1 {
        margin-bottom: 1rem;
        width: 40%; 
        background: #ececec; 
        padding: 3%; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .productImgageBody2 {
        width: 40%; 
        background: #ececec; 
        padding: 3%; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .productImage {
        width: 100%;
    }
    
    .productNotice {
        margin-bottom: 1rem;
        width: 90%; 
        margin-left: 2.5%; 
        font-size: 14px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: center;
    }

}

@media only screen and (min-width: 768px) {

    .productContainer {
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .productBody1 {
        margin-top: 0rem;
        margin-bottom: 1rem;
        width: 100%;
        margin-left: 5%;
    }

    .productBody2 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
    }
    
    .productDescription {
        width: 90%;
    }
    
    .productDescriptionHeader1 {
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px;
    }
    
    .productDescriptionHeader2 {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px;
    }
    
    .productDescriptionP1 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 16px; 
        text-align: justify;
    }
    
    .productDescriptionP2 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 16px; 
        text-align: justify;
    }
    
    .productImgageBody1 {
        margin-bottom: 1rem;
        width: 40%; 
        background: #ececec; 
        padding: 3%; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .productImgageBody2 {
        width: 40%; 
        background: #ececec; 
        padding: 3%; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .productImage {
        width: 100%;
    }
    
    .productNotice {
        margin-bottom: 1rem;
        width: 90%; 
        margin-left: 2.5%; 
        font-size: 16px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: center;
    }

}

@media only screen and (min-width: 1024px) {

    .productContainer {
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .productContent {
        display: flex;
        flex-direction: row;
        margin-bottom: 2rem;
    }
    
    .prodImgBody {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    
    .productBody1 {
        margin-top: 0rem;
        margin-bottom: 1rem;
        flex: 0 0 auto;
        width: 58.33333333%;
        margin-left: 0;
    }

    .productBody2 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        display: flex;
        flex: 0 0 auto;
        width: 41.66666667%;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    .productDescription {
        width: 90%;
    }
    
    .productDescriptionHeader1 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px;
    }
    
    .productDescriptionHeader2 {
        margin-top: 2rem;
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px;
    }
    
    .productDescriptionP1 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        text-align: justify;
    }
    
    .productDescriptionP2 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        text-align: justify;
    }
    
    .productImgageBody1 {
        margin-bottom: 1rem;
        width: 100%; 
        background: #ececec; 
        padding: 3%; 
        display: flex; 
        justify-content: center;
    }
    
    .productImgageBody2 {
        width: 100%; 
        background: #ececec; 
        padding: 3%; 
        display: flex; 
        justify-content: center;
    }
    
    .productImage {
        width: 65%;
    }
    
    .productNotice {
        margin-bottom: 3rem;
        width: 90%; 
        margin-left: 2.5%; 
        font-size: 18px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: center;
    }

}

@media only screen and (min-width: 1280px) {

    .productContainer {
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .productContent {
        display: flex;
        flex-direction: row;
    }
    
    .productBody1 {
        margin-top: 3rem;
        margin-bottom: 3rem;
        flex: 0 0 auto;
        width: 58.33333333%;
        margin-left: 0;
    }

    .productBody2 {
        margin-top: 3rem;
        margin-bottom: 3rem;
        display: flex;
        flex: 0 0 auto;
        width: 41.66666667%;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    .productDescription {
        width: 90%;
    }
    
    .productDescriptionHeader1 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 32px;
    }
    
    .productDescriptionHeader2 {
        margin-top: 3rem;
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 32px;
    }
    
    .productDescriptionP1 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        text-align: justify;
    }
    
    .productDescriptionP2 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px; 
        text-align: justify;
    }
    
    .productImgageBody1 {
        margin-bottom: 3rem;
        width: 100%; 
        background: #ececec; 
        padding: 3%; 
        display: flex; 
        justify-content: center;
    }
    
    .productImgageBody2 {
        width: 100%; 
        background: #ececec; 
        padding: 3%; 
        display: flex; 
        justify-content: center;
    }
    
    .productImage {
        width: 65%;
    }
    
    .productNotice {
        margin-bottom: 3rem;
        width: 90%; 
        margin-left: 2.5%; 
        font-size: 24px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: center;
    }

}

@media only screen and (min-width: 1920px) {

    .productContainer {
        width: 95%; 
        margin-left: 2.5%;
    }
    
    .productContent {
        display: flex;
        flex-direction: row;
    }
    
    .productBody1 {
        margin-top: 3rem;
        margin-bottom: 3rem;
        flex: 0 0 auto;
        width: 58.33333333%;
        margin-left: 0;
    }

    .productBody2 {
        margin-top: 3rem;
        margin-bottom: 3rem;
        display: flex;
        flex: 0 0 auto;
        width: 41.66666667%;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    .productDescription {
        width: 90%;
    }
    
    .productDescriptionHeader1 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 36px;
    }
    
    .productDescriptionHeader2 {
        margin-top: 3rem;
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 36px;
    }
    
    .productDescriptionP1 {
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        text-align: justify;
    }
    
    .productDescriptionP2 {
        margin-bottom: 1rem;
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        text-align: justify;
    }
    
    .productImgageBody1 {
        margin-bottom: 3rem;
        width: 100%; 
        background: #ececec; 
        padding: 3%; 
        display: flex; 
        justify-content: center;
    }
    
    .productImgageBody2 {
        width: 100%; 
        background: #ececec; 
        padding: 3%; 
        display: flex; 
        justify-content: center;
    }
    
    .productImage {
        width: 60%;
    }
    
    .productNotice {
        margin-bottom: 3rem;
        width: 90%; 
        margin-left: 2.5%; 
        font-size: 27px; 
        font-family: 'Work Sans', sans-serif;  
        text-align: center;
    }

}

/* Карта товара *//* Карта товара *//* Карта товара *//* Карта товара *//* Карта товара *//* Карта товара *//* Карта товара */

/* Статьи *//* Статьи *//* Статьи *//* Статьи *//* Статьи *//* Статьи *//* Статьи */

@media only screen and (max-width: 360px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 45%; 
        height: 20vh; 
        border: solid 1px #252525;
        margin-bottom: 1rem;
    }

    .statesLink1 {
        width: 45%; 
        height: 20vh;  
        border: solid 1px #252525;
        margin-bottom: 1rem;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 10px;  
        margin-left: 5%;
    }

}

@media only screen and (min-width: 361px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 45%; 
        height: 25vh; 
        border: solid 1px #252525;
        margin-bottom: 1rem;
    }

    .statesLink1 {
        width: 45%; 
        height: 25vh; 
        border: solid 1px #252525;
        margin-bottom: 1rem;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
        margin-left: 5%;
    }

}

@media only screen and (min-width: 450px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 45%; 
        height: 25vh; 
        border: solid 1px #252525;
        margin-bottom: 1rem;
    }

    .statesLink1 {
        width: 45%; 
        height: 25vh; 
        border: solid 1px #252525;
        margin-bottom: 1rem;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 16px;  
        margin-left: 5%;
    }

}

@media only screen and (min-width: 768px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 74.5%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 24%; 
        height: 20vh;
        border: solid 1px #252525;
    }

    .statesLink1 {
        width: 32%; 
        height: 20vh; 
        border: solid 1px #252525;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 14px;  
        margin-left: 5%;
    }

}

@media only screen and (min-width: 1024px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 74.5%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 24%; 
        height: 250px; 
        border: solid 2px #252525;
    }

    .statesLink1 {
        width: 32%; 
        height: 250px; 
        border: solid 2px #252525;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 18px;  
        margin-left: 5%;
    }

}

@media only screen and (min-width: 1280px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 74.5%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 24%; 
        height: 45vh; 
        border: solid 3px #252525;
    }

    .statesLink1 {
        width: 32%; 
        height: 45vh; 
        border: solid 3px #252525;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 21px;  
        margin-left: 5%;
    }

}

@media only screen and (min-width: 1680px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 74.5%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 24%; 
        height: 45vh; 
        border: solid 3px #252525;
    }

    .statesLink1 {
        width: 32%; 
        height: 45vh; 
        border: solid 3px #252525;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 24px;  
        margin-left: 5%;
    }

}

@media only screen and (min-width: 1920px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 74.5%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 24%; 
        height: 45vh; 
        border: solid 3px #252525;
    }

    .statesLink1 {
        width: 32%; 
        height: 45vh; 
        border: solid 3px #252525;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 32px;  
        margin-left: 5%;
    }

}

@media only screen and (min-width: 2560px) {

    .dirBody {
        margin-bottom: 0rem;
        width: 100%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }

    .dirBody1 {
        margin-bottom: 0rem;
        width: 74.5%; 
        display: flex; 
        justify-content: space-between; 
        flex-direction: row; 
        flex-wrap: wrap; 
        align-items: flex-start;
    }
    
    .statesLink {
        width: 24%; 
        height: 45vh; 
        border: solid 3px #252525;
    }

    .statesLink1 {
        width: 32%; 
        height: 45vh; 
        border: solid 3px #252525;
    }
    
    .statesLinkText {
        margin-top: 0.5rem;
        width: 90%; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 36px;  
        margin-left: 5%;
    }

}

/* Статьи *//* Статьи *//* Статьи *//* Статьи *//* Статьи *//* Статьи *//* Статьи */

/* Производство шапка *//* Производство шапка *//* Производство шапка *//* Производство шапка *//* Производство шапка *//* Производство шапка *//* Производство шапка */

@media only screen and (max-width: 360px) {

    .productionHeaderContainer {
        padding-bottom: 0.25rem;
        background-color: #252525;
    }
    
    .productionHeader {
        padding-top: 1rem;
        margin-top: 0rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .productionHeaderName {
        font-family: "CentrOilWeb"; 
        font-size: 12px;  
        color: white; 
        margin: 0;
    }
    
    .productionHeaderText1 {
        margin-bottom: 1rem;
        margin-top: 1rem;
        font-size: 8px;
        text-align: justify;
    }
    
    .productionHeaderText2 {
        margin-top: 1rem;
        font-size: 7px; 
        text-align: justify;
    }

}

@media only screen and (min-width: 361px) {

    .productionHeaderContainer {
        padding-bottom: 0.25rem;
        background-color: #252525;
    }
    
    .productionHeader {
        padding-top: 1rem;
        margin-top: 0rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .productionHeaderName {
        font-family: "CentrOilWeb"; 
        font-size: 14px;  
        color: white; 
        margin: 0;
    }
    
    .productionHeaderText1 {
        margin-bottom: 1rem;
        margin-top: 1rem;
        font-size: 10px; 
        text-align: justify;
    }
    
    .productionHeaderText2 {
        margin-top: 1rem;
        font-size: 9px; 
        text-align: justify;
    }

}

@media only screen and (min-width: 450px) {

    .productionHeaderContainer {
        padding-bottom: 0.25rem;
        background-color: #252525;
    }
    
    .productionHeader {
        padding-top: 1rem;
        margin-top: 0rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .productionHeaderName {
        font-family: "CentrOilWeb"; 
        font-size: 18px;  
        color: white; 
        margin: 0;
    }
    
    .productionHeaderText1 {
        margin-bottom: 1rem;
        margin-top: 1rem;
        font-size: 11px; 
        text-align: justify;
    }
    
    .productionHeaderText2 {
        margin-top: 1rem;
        font-size: 9px; 
        text-align: justify;
    }

}

@media only screen and (min-width: 768px) {

    .productionHeaderContainer {
        padding-bottom: 1rem;
        background-color: #252525;
    }
    
    .productionHeader {
        padding-top: 2rem;
        margin-top: 0rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 1px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .productionHeaderName {
        font-family: "CentrOilWeb"; 
        font-size: 30px;  
        color: white; 
        margin: 0;
    }
    
    .productionHeaderText1 {
        margin-bottom: 1rem;
        margin-top: 1rem;
        font-size: 16px; 
        text-align: justify;
    }
    
    .productionHeaderText2 {
        margin-top: 1rem;
        font-size: 14px; 
        text-align: justify;
    }

}

@media only screen and (min-width: 1024px) {

    .productionHeaderContainer {
        padding-bottom: 2rem;
        background-color: #252525;
    }
    
    .productionHeader {
        padding-top: 2rem;
        margin-top: 0rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 2px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .productionHeaderName {
        font-family: "CentrOilWeb"; 
        font-size: 38px;  
        color: white; 
        margin: 0;
    }
    
    .productionHeaderText1 {
        margin-bottom: 2rem;
        margin-top: 2rem;
        font-size: 18px; 
        text-align: justify;
    }
    
    .productionHeaderText2 {
        margin-top: 1rem;
        font-size: 16px; 
        text-align: justify;
    }

}

@media only screen and (min-width: 1280px) {

    .productionHeaderContainer {
        padding-bottom: 3rem;
        background-color: #252525;
    }
    
    .productionHeader {
        padding-top: 3rem;
        margin-top: 0rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .productionHeaderName {
        font-family: "CentrOilWeb"; 
        font-size: 50px;  
        color: white; 
        margin: 0;
    }
    
    .productionHeaderText1 {
        margin-bottom: 3rem;
        margin-top: 3rem;
        font-size: 28px; 
        text-align: justify;
    }
    
    .productionHeaderText2 {
        margin-top: 3rem;
        font-size: 21px; 
        text-align: justify;
    }

}

@media only screen and (min-width: 1920px) {

    .productionHeaderContainer {
        padding-bottom: 3rem;
        background-color: #252525;
    }
    
    .productionHeader {
        padding-top: 3rem;
        margin-top: 0rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .productionHeaderName {
        font-family: "CentrOilWeb"; 
        font-size: 70px;  
        color: white; 
        margin: 0;
    }
    
    .productionHeaderText1 {
        margin-bottom: 3rem;
        margin-top: 3rem;
        font-size: 32px; 
        text-align: justify;
    }
    
    .productionHeaderText2 {
        margin-top: 3rem;
        font-size: 24px; 
        text-align: justify;
    }

}

@media only screen and (min-width: 2560px) {

    .productionHeaderContainer {
        padding-bottom: 3rem;
        background-color: #252525;
    }
    
    .productionHeader {
        padding-top: 3rem;
        margin-top: 0rem;
        width: 98%; 
        margin-left: 1%; 
        border-bottom: solid 3px white; 
        padding-left: 1.5%; 
        padding-right: 1.5%;
    }
    
    .productionHeaderName {
        font-family: "CentrOilWeb"; 
        font-size: 80px;  
        color: white; 
        margin: 0;
    }
    
    .productionHeaderText1 {
        margin-bottom: 3rem;
        margin-top: 3rem;
        font-size: 36px; 
        text-align: justify;
    }
    
    .productionHeaderText2 {
        margin-top: 3rem;
        font-size: 28px; 
        text-align: justify;
    }

}

/* Производство шапка *//* Производство шапка *//* Производство шапка *//* Производство шапка *//* Производство шапка *//* Производство шапка *//* Производство шапка */

/* Производство *//* Производство *//* Производство *//* Производство *//* Производство *//* Производство *//* Производство */

@media only screen and (max-width: 360px) {

    .productionBody {
        display: flex;
        position: relative; 
        float: right; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
        flex-direction: column-reverse;
    }
    
    .productionBodyContainer {
        width: 95%;
        margin-left: 2.5%;
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 20px;
        margin-top: 5%;
        margin-bottom: 0;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 10px; 
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
        margin-bottom: 1rem;
    }

}

@media only screen and (min-width: 361px) {

    .productionBody {
        display: flex;
        position: relative; 
        float: right; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
        flex-direction: column-reverse;
    }
    
    .productionBodyContainer {
        width: 95%;
        margin-left: 2.5%;
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 24px;
        margin-top: 5%;
        margin-bottom: 0;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 12px; 
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
        margin-bottom: 1rem;
    }

}

@media only screen and (min-width: 450px) {

    .productionBody {
        display: flex;
        position: relative; 
        float: right; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
        flex-direction: column-reverse;
    }
    
    .productionBodyContainer {
        width: 95%;
        margin-left: 2.5%;
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 30px;
        margin-top: 5%;
        margin-bottom: 0;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 14px; 
        margin-bottom: 5%; 
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 30vh; 
        background-size: cover; 
        background-repeat: no-repeat;
        margin-bottom: 1rem;
    }
    
}

@media only screen and (min-width: 786px) {

    .productionBody {
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
    }
    
    .productionBodyContainer {
        padding: 0px 110px;
        position: absolute;
        top: 50%;
        left: 37%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 40px;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        width: 65%;
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%;
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%;
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%;
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%;
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%;
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%;
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 60vh; 
        background-size: cover; 
        background-attachment: fixed; 
        width: 50%;
        background-repeat: no-repeat;
        margin-bottom: 2rem;
    }
    
}

@media only screen and (min-width: 1024px) {

    .productionBody {
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
    }
    
    .productionBodyContainer {
        padding: 0px 110px;
        position: absolute;
        top: 50%;
        left: 43%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 50px;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 18px; 
        width: 50%;
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 2rem;
    }
    
}

@media only screen and (min-width: 1280px) {

    .productionBody {
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
    }
    
    .productionBodyContainer {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 45%;
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 60px;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 21px;  
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 3rem;
    }
    
}

@media only screen and (min-width: 1680px) {

    .productionBody {
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
    }
    
    .productionBodyContainer {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 45%;
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 70px;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 24px; 
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 3rem;
    }
    
}

@media only screen and (min-width: 1920px) {

    .productionBody {
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
    }
    
    .productionBodyContainer {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 45%;
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 90px;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 28px; 
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 3rem;
    }
    
}

@media only screen and (min-width: 2560px) {

    .productionBody {
        position: relative; 
        float: left; 
        width: 100%; 
        clear: both; 
        margin: 0px; 
        background-color: white;
    }
    
    .productionBodyContainer {
        padding: 0px 110px; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 45%;
    }
    
    .productionBodyH {
        color: black; 
        font-family: "CentrOilWeb";  
        font-size: 100px;
    }
    
    .productionBodyP {
        color: black; 
        font-family: 'Work Sans', sans-serif;  
        font-size: 32px; 
        text-align: justify;
    }
    
    .productionBodyImg1 {
        background-image: url(../img/backFactor1.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg2 {
        background-image: url(../img/backFactor2.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg3 {
        background-image: url(../img/backFactor3.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg4 {
        background-image: url(../img/backFactor4.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg5 {
        background-image: url(../img/backFactor5.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg6 {
        background-image: url(../img/backFactor6.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
    }
    
    .productionBodyImg7 {
        background-image: url(../img/backFactor7.png); 
        min-height: 80vh; 
        background-size: cover; 
        background-attachment: fixed; 
        background-size: auto 100%; 
        background-repeat: no-repeat;
        margin-bottom: 3rem;
    }
    
}

/* Производство *//* Производство *//* Производство *//* Производство *//* Производство *//* Производство *//* Производство */

/* 404 *//* 404 *//* 404 *//* 404 *//* 404 *//* 404 *//* 404 */

@media only screen and (max-width: 360px) {

    .errContainer {
        background-color: #252525; 
        margin: 6.5% 0 6.5% 0;
    }
    
    .errContent {
        display: flex;
    }
    
    .errHeader {
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        background-image: url(../img/back404.jpg);
        height: 40vh;
        background-size: cover;
        background-repeat: no-repeat;
        align-items: center;
    }
    
    .errImg {
        flex: 0 0 auto;
        width: 0%;
    }
    
    .errHeaderP {
        color: white; 
        font-family: "CentrOilWeb"; 
        font-size: 15px; 
    }
    
    .errHeaderLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
    }

}

@media only screen and (min-width: 361px) {

    .errContainer {
        background-color: #252525; 
        margin: 6.5% 0 6.5% 0;
    }
    
    .errContent {
        display: flex;
    }
    
    .errHeader {
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        background-image: url(../img/back404.jpg);
        height: 40vh;
        background-size: cover;
        background-repeat: no-repeat;
        align-items: center;
    }
    
    .errImg {
        flex: 0 0 auto;
        width: 0%;
    }
    
    .errHeaderP {
        color: white; 
        font-family: "CentrOilWeb"; 
        font-size: 16px; 
    }
    
    .errHeaderLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 14px;  
    }

}

@media only screen and (min-width: 450px) {

    .errContainer {
        background-color: #252525; 
        margin: 6.5% 0 6.5% 0;
    }
    
    .errContent {
        display: flex;
    }
    
    .errHeader {
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        background-image: url(../img/back404.jpg);
        height: 40vh;
        background-size: cover;
        background-repeat: no-repeat;
        align-items: center;
    }
    
    .errImg {
        flex: 0 0 auto;
        width: 0%;
    }
    
    .errHeaderP {
        color: white; 
        font-family: "CentrOilWeb"; 
        font-size: 21px; 
    }
    
    .errHeaderLink {
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 14px;  
    }

}

@media only screen and (min-width: 786px) {

    .errContainer {
        background-color: #252525; 
        margin: 6.5% 0 6.5% 0;
    }
    
    .errContent {
        display: flex;
    }
    
    .errHeader {
        flex: 0 0 auto;
        width: 41.66666667%;
        display: flex; 
        flex-direction: column; 
        justify-content: space-around;
        background-image: none;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        align-items: center;
    }
    
    .errImg {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    
    .errHeaderP {
        margin-left: 5%; 
        color: white; 
        font-family: "CentrOilWeb"; 
        font-size: 21px; 
    }
    
    .errHeaderLink {
        margin-left: 0%; 
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 12px;  
    }

}

@media only screen and (min-width: 1024px) {

    .errContainer {
        background-color: #252525; 
        margin: 6.5% 0 6.5% 0;
    }
    
    .errContent {
        display: flex;
    }
    
    .errHeader {
        flex: 0 0 auto;
        width: 41.66666667%;
        display: flex; 
        flex-direction: column; 
        justify-content: space-around;
        background-image: none;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        align-items: center;
    }
    
    .errImg {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    
    .errHeaderP {
        margin-left: 5%; 
        color: white; 
        font-family: "CentrOilWeb"; 
        font-size: 24px; 
    }
    
    .errHeaderLink {
        margin-left: 0%; 
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 14px;  
    }

}

@media only screen and (min-width: 1280px) {

    .errContainer {
        background-color: #252525; 
        margin: 6.5% 0 6.5% 0;
    }
    
    .errContent {
        display: flex;
    }
    
    .errHeader {
        flex: 0 0 auto;
        width: 41.66666667%;
        display: flex; 
        flex-direction: column; 
        justify-content: space-around;
        background-image: none;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        align-items: center;
    }
    
    .errImg {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    
    .errHeaderP {
        margin-left: 0%; 
        color: white; 
        font-family: "CentrOilWeb"; 
        font-size: 35px; 
    }
    
    .errHeaderLink {
        margin-left: 0%; 
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 24px;  
    }

}

@media only screen and (min-width: 1920px) {

    .errContainer {
        background-color: #252525; 
        margin: 6.5% 0 6.5% 0;
    }
    
    .errContent {
        display: flex;
    }
    
    .errHeader {
        flex: 0 0 auto;
        width: 41.66666667%;
        display: flex; 
        flex-direction: column; 
        justify-content: space-around;
        background-image: none;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        align-items: center;
    }
    
    .errImg {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    
    .errHeaderP {
        margin-left: 0%; 
        color: white; 
        font-family: "CentrOilWeb"; 
        font-size: 40px; 
    }
    
    .errHeaderLink {
        margin-left: 0%; 
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 28px;  
    }

}

@media only screen and (min-width: 2560px) {

    .errContainer {
        background-color: #252525; 
        margin: 6.5% 0 6.5% 0;
    }
    
    .errContent {
        display: flex;
    }
    
    .errHeader {
        flex: 0 0 auto;
        width: 41.66666667%;
        display: flex; 
        flex-direction: column; 
        justify-content: space-around;
        background-image: none;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        align-items: center;
    }
    
    .errImg {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    
    .errHeaderP {
        margin-left: 0%; 
        color: white; 
        font-family: "CentrOilWeb"; 
        font-size: 45px; 
    }
    
    .errHeaderLink {
        margin-left: 0%; 
        color: #FDAD1C; 
        font-family: 'Work Sans', sans-serif; 
        font-size: 32px;  
    }

}

/* 404 *//* 404 *//* 404 *//* 404 *//* 404 *//* 404 *//* 404 */

/* Загрузка *//* Загрузка *//* Загрузка *//* Загрузка *//* Загрузка *//* Загрузка *//* Загрузка */

.loaderContainer {
    width: 100%; 
    height: 100vh; 
    transform: translateY(0%); 
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -o-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    position: fixed; 
    z-index: 9999; 
    background-color: #252525; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.loaderCircle {
    width: 185px;
    position: absolute;
    animation: loadCirc 6s steps(9999) infinite, opacity 2s;
    -webkit-animation: loadCirc 6s steps(9999) infinite, opacity 2s;
    -moz-animation: loadCirc 6s steps(9999) infinite, opacity 2s;
    -o-animation: loadCirc 6s steps(9999) infinite, opacity 2s;
    -ms-animation: loadCirc 6s steps(9999) infinite, opacity 2s;
}

.loaderLogo {
    width: 65px;
    position: absolute;
    animation: loadLogo 6s steps(9999) infinite, opacity 2s;
    -webkit-animation: loadLogo 6s steps(9999) infinite, opacity 2s;
    -moz-animation: loadLogo 6s steps(9999) infinite, opacity 2s;
    -o-animation: loadLogo 6s steps(9999) infinite, opacity 2s;
    -ms-animation: loadLogo 6s steps(9999) infinite, opacity 2s;
}

.loaded {
    .loaderContainer {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transition: transform .9s cubic-bezier(1, 0, 0, 1);
        -webkit-transition: transform .9s cubic-bezier(1, 0, 0, 1);
        -moz-transition: transform .9s cubic-bezier(1, 0, 0, 1);
        -o-transition: transform .9s cubic-bezier(1, 0, 0, 1);
        -ms-transition: transform .9s cubic-bezier(1, 0, 0, 1);
        transition-delay: 2s;
        -webkit-transition-delay: 2s;
        -moz-transition-delay: 2s;
        -o-transition-delay: 2s;
        -ms-transition-delay: 2s;
    }
}

.transitionContainer.active {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transition: transform .9s cubic-bezier(1, 0, 0, 1);
    -webkit-transition: transform .9s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform .9s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform .9s cubic-bezier(1, 0, 0, 1);
    -ms-transition: transform .9s cubic-bezier(1, 0, 0, 1);
}

.transitionContainer {
    height: 100vh;
    width: 100%;
    background-color: #252525;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    z-index: 9999;
    position: fixed;
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes loadLogo {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(1080deg);
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
    }

    100% {
        transform: rotate(1081deg);
        -webkit-transform: rotate(1081deg);
        -moz-transform: rotate(1081deg);
        -o-transform: rotate(1081deg);
        -ms-transform: rotate(1081deg);
    }
}

@-webkit-keyframes loadLogo {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(1080deg);
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
    }

    100% {
        transform: rotate(1081deg);
        -webkit-transform: rotate(1081deg);
        -moz-transform: rotate(1081deg);
        -o-transform: rotate(1081deg);
        -ms-transform: rotate(1081deg);
    }
}

@-moz-keyframes loadLogo {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(1080deg);
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
    }

    100% {
        transform: rotate(1081deg);
        -webkit-transform: rotate(1081deg);
        -moz-transform: rotate(1081deg);
        -o-transform: rotate(1081deg);
        -ms-transform: rotate(1081deg);
    }
}

@-o-keyframes loadLogo {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(1080deg);
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
    }

    100% {
        transform: rotate(1081deg);
        -webkit-transform: rotate(1081deg);
        -moz-transform: rotate(1081deg);
        -o-transform: rotate(1081deg);
        -ms-transform: rotate(1081deg);
    }
}

@-ms-keyframes loadLogo {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(1080deg);
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
    }

    100% {
        transform: rotate(1081deg);
        -webkit-transform: rotate(1081deg);
        -moz-transform: rotate(1081deg);
        -o-transform: rotate(1081deg);
        -ms-transform: rotate(1081deg);
    }
}

@keyframes loadCirc {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
    }

    100% {
        transform: rotate(-361deg);
        -webkit-transform: rotate(-361deg);
        -moz-transform: rotate(-361deg);
        -o-transform: rotate(-361deg);
        -ms-transform: rotate(-361deg);
    }
}

@keyframes loadCirc {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
    }

    100% {
        transform: rotate(-361deg);
        -webkit-transform: rotate(-361deg);
        -moz-transform: rotate(-361deg);
        -o-transform: rotate(-361deg);
        -ms-transform: rotate(-361deg);
    }
}

@-webkit-keyframes loadCirc {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
    }

    100% {
        transform: rotate(-361deg);
        -webkit-transform: rotate(-361deg);
        -moz-transform: rotate(-361deg);
        -o-transform: rotate(-361deg);
        -ms-transform: rotate(-361deg);
    }
}

@-moz-keyframes loadCirc {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
    }

    100% {
        transform: rotate(-361deg);
        -webkit-transform: rotate(-361deg);
        -moz-transform: rotate(-361deg);
        -o-transform: rotate(-361deg);
        -ms-transform: rotate(-361deg);
    }
}

@-o-keyframes loadCirc {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
    }

    100% {
        transform: rotate(-361deg);
        -webkit-transform: rotate(-361deg);
        -moz-transform: rotate(-361deg);
        -o-transform: rotate(-361deg);
        -ms-transform: rotate(-361deg);
    }
}

@-ms-keyframes loadCirc {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    99% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
    }

    100% {
        transform: rotate(-361deg);
        -webkit-transform: rotate(-361deg);
        -moz-transform: rotate(-361deg);
        -o-transform: rotate(-361deg);
        -ms-transform: rotate(-361deg);
    }
}

/* Загрузка *//* Загрузка *//* Загрузка *//* Загрузка *//* Загрузка *//* Загрузка *//* Загрузка */

/* -webkit-transition: ;
-moz-transition: ;
-o-transition: ;
-ms-trasition: ;  */


/* 12 14 18 30 38 50 70 80 */

/* .work-sans-<uniquifier> {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
} */

/* font-family: "CentrOilWeb"; */