body {
	background-attachment: fixed;
	background-size: cover;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}
p {
	margin: 0 0 10px;
	font-size: 16px;
}
.bx-header-logo img {
    max-width: 100%;
    width: 180px;
}


@media (min-width: 1600px) {
	.container {
		width: 1570px;
		max-width: 1570px;
	}
}
@media (min-width: 2200px) {
	.container {
		width: 2170px;
		max-width: 2170px;
	}
}
h1,h2,h3,h4,h5 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
 
 
 
 .super-bx-header-section {
    display: flex;
    position: relative;
    padding: 10px;
    justify-content: end;
    align-items: center;
}
.item-super-top {
    display: flex;
    align-items: center;
    
   
}


.item-super-top a {
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
	text-decoration: none;
}

.section-1 {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.blocks1 {
    height: 400px;
    width: 460px;
    margin: 15px;
    box-shadow: #000 0 8px 10px -6px;
    border-radius: 35px;
    background-repeat: no-repeat;
    background-size: 290px;
    background-position: bottom right;
}
 .blocks1 h2{
     padding: 25px;
 }

.block-1 {
	background-image: url('/include/imgs/rast_maslo_460.png');
    background-color: #6e98cc;
}

 .block-1 h2{
     color: #fff;
 }

.block-2 {
    background-image: url('/include/imgs/oilsplash1.png');
    background-color: #ca7272;
}

 .block-2 h2{
     color: #fff;
 }


 .section-2 {
     background: #6e98cc;

     display: flex;
     align-items: center;
 }
 .block-2-1 {
     background: #c6787b;
     color: #fff;
     padding: 30px;
     max-width: 1060px;
     margin: 30px auto;
     border-radius: 40px;
     box-shadow: #000000 0 6px 17px -6px;
 }

 .block-2-2 {
     margin: 30px auto;
     max-width: 1060px;
     color: #fff;
 }

 .section-3 {
     background-image: url("/include/imgs/section-3.jpg");
     height: 70vh;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     background-attachment: fixed;
 }
 .section-4 {
     padding: 30px 0;
     background: #eeeeee;
 }
 .head_preim {
     max-width: 1060px;
     margin: 30px auto;
     padding: 20px;
     background: #fff;
     border-radius: 30px;
 }
 .blocks4 {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }
 .block4 {
     height: 300px;
     width: 460px;
     margin: 15px;
     box-shadow: #000 0 8px 10px -6px;
     border-radius: 35px;
     background-repeat: no-repeat;
     background-size: 290px;
     background-position: bottom right;
     padding: 25px;
     color: #fff;
 }
 .block4-1 {
     background-color: #6e98cc;
 }

 .block4-2 {
     background-color: #ca7272;
 }

 .block4-3 {
     background-color: #ca7272;
 }

 .block4-4 {
     background-color: #6e98cc;
 }

 .section-contact {
     background: #a3d379;
     padding: 20px 0;
 }


 .block-contact {
     margin: 30px auto;
     max-width: 720px;
     padding: 25px;
     background: #fff;
     border-radius: 20px;
     font-size: 22px;
     box-shadow: #000 0 4px 12px -4px;
 }
 .bx-header .top-block-rp2 {
     background: #395272;
     border-radius: 20px;
 }
 .history {
     background: #6e98cc;
     padding: 30px 0;
     margin: 30px 0;
     color: #fff;
 }
 .history-2 {
     background: #ca7272;
     padding: 30px 0;
     margin: 30px 0;
     color: #fff;
 }
 .history-3 {

     padding: 30px 0;
     margin: 30px 0;
 }
 .history h3 {
     padding: 30px 0;
 }

 .hist-flex {
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
 }
 .hist-flex .hist-text{
     flex: 0 0 45%;
     padding: 20px;
     background: #ffffff;
     border-radius: 20px;
     color: #000;
 }
 .hist-flex .hist-photo{
     flex: 0 0 45%;
     border-radius: 20px;
 }
 .hist-flex .hist-photo img{
     border-radius: 20px;
     max-width: 100%;
 }
 .history-3 .hist-flex .hist-text{
     box-shadow: #000 0 6px 15px -4px;
 }

 .menu_block {

 }

 footer {
     background-color: #6e98cc;
 }
 .section-2-1 {
     text-align: center;
 }
 .blocks-flex-bas {
     flex-wrap: wrap;
     justify-content: center;
 }
 .bloks-3-1 {
     flex-wrap: wrap;
     justify-content: center;
     display: flex;
 }
.blocks1-bas {
    height: 180px;
    width: 320px;
    margin: 15px;
    box-shadow: #000 0 8px 10px -6px;
    border-radius: 35px;
    padding: 25px;
    color: #fff;
}
.bloks-3-1-1 {
    height: 145px;
    width: 600px;
    margin: 15px;
    box-shadow: #000 0 8px 10px -6px;
    border-radius: 35px;
    padding: 25px;
    color: #fff;
}
.block-1-bas, .block-3-1-1 {
    background-color: #6e98cc;
}

.block-2-bas, .block-3-1-2 {
    background-color: #ca7272;
}

.block-3-bas {
    background-color: #6e98cc;
}
.section-2-2 .table {
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
}
 .section-2-2 .table table{
     margin: 30px auto;
 }

 .section-2-2 .table tr{

 }

 .section-2-2 .table tr td{
padding: 5px;
     border: #eeeeee solid 1px;
 }
 .bloks-req {
     overflow: auto;
 }
 .bloks-req table {
     margin: 30px auto;
 }
 .bloks-req tr td{
     padding: 5px;
     border: #eeeeee solid 1px;
 }
 .brands-table {

 }

 .brands-table table {
     display: flex;
     justify-content: center;
     border-collapse: separate;
 }

.brands-table table tr {

}

.brands-table table tr td{
    text-align: center;
    border: #e3e3e3 solid 1px;
    height: 120px;
}
 .brands-table table tr td img{
     max-width: 100%;
     width: 240px;
     padding: 15px;
 }

.partners {
    margin: 30px 0;
}
.partners h3 {
    text-align: center;
}

 @media (max-width: 767px) {
     .bx-header-logo img {
         max-width: 100%;
         width: 150px;
     }
     .bx-header .top-block-rp2 {
         border-radius: 0;
     }
     .section-3 {
         background-image: url("/include/imgs/section-3.jpg");
         height: 50vh;
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
         background-attachment: unset;
     }

     /*mobile button */

     .animated-icon1 {
         width: 30px;
         height: 20px;
         position: relative;
         margin: 0px;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .5s ease-in-out;
         -moz-transition: .5s ease-in-out;
         -o-transition: .5s ease-in-out;
         transition: .5s ease-in-out;
         cursor: pointer;
     }

     .animated-icon1 span {
         display: block;
         position: absolute;
         height: 3px;
         width: 100%;
         border-radius: 9px;
         opacity: 1;
         left: 0;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .75s ease-in-out;
         -moz-transition: .75s ease-in-out;
         -o-transition: .75s ease-in-out;
         transition: .75s ease-in-out;
     }

     .animated-icon1 span {
         background: #fff;
     }



     .animated-icon1 span:nth-child(1) {
         top: 0px;
     }

     .animated-icon1 span:nth-child(2) {
         top: 10px;
     }

     .animated-icon1 span:nth-child(3) {
         top: 20px;
     }

     .animated-icon1.open span:nth-child(1) {
         top: 11px;
         -webkit-transform: rotate(135deg);
         -moz-transform: rotate(135deg);
         -o-transform: rotate(135deg);
         transform: rotate(135deg);
     }

     .animated-icon1.open span:nth-child(2) {
         opacity: 0;
         left: -120px;
     }

     .animated-icon1.open span:nth-child(3) {
         top: 11px;
         -webkit-transform: rotate(-135deg);
         -moz-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
         transform: rotate(-135deg);
     }

     .top-block-rp2 .menu-button {
         top: 5px;
         position: absolute;
         right: 5px;
         left:inherit;
         width: 60px;
         outline: none!important;
         z-index: 10000;
     }
     .super-bx-header-section {
         /*display: none;*/
         background: #395272;
     }
     .super-bx-header-section .item-super-top.mob-phone-sup a{
         color: #fff;
     }

     .bx-aside-nav .bx-nav-1-lvl-link-text {
         padding: 0 15px 0 15px;
         line-height: 35px;
     }
     .bx-aside-nav {
         background: #000000bd;
     }
     .bx-nav-1-lvl.bx-opened, .bx-aside-nav .bx-nav-1-lvl:hover > a, .bx-aside-nav .bx-nav-1-lvl.bx-hover > a {
         background: #0000009c;
     }
     .block4 {
         height: auto;
     }
     .blocks1-bas {
         height: auto;
         width: 300px;
     }
     .bloks-3-1-1 {
         height: auto;
         width: 300px;
     }
     .hist-flex .hist-text{
         flex: 0 0 100%;
         margin-right: 0px!important;
         margin-left: 0px!important;
         order: 2;
         margin-top: 15px;
     }
     .hist-flex .hist-photo{
         flex: 0 0 100%;
     }
 }