/*
Theme Name: bioetanol
Theme URI: 
Author: sm
Author URI: 
Description: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bioetanol
*/
@font-face {font-family: 'Recht';src: url('fonts/Recht-Regular.woff2') format('woff2');font-weight: normal;font-style: normal;font-display:swap;}
@font-face {font-family: 'Recht Black';src: url('fonts/Recht-Black.woff2') format('woff2');font-weight: 900;font-style: normal;font-display:swap;}
@font-face {font-family: 'Recht Bold';src: url('fonts/Recht-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display:swap;}
@font-face {font-family: 'Recht SemiBold';src: url('fonts/Recht-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display:swap;}
@font-face {font-family: 'Recht Medium';src: url('fonts/Recht-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display:swap;}
@font-face {font-family: 'Recht Light';src: url('fonts/Recht-Light.woff2') format('woff2');font-weight: 350;font-style: normal;font-display:swap;}
:root {--white: #fff;--yellow: #FFA21A;--orange: #E58B09;--black: #000;--green: #00916E;--graphite: #1D1F24;--grey: #828282;--beige: #FEFEE3;--font-family: "Recht";--black-family: "Recht Black";--bold-family: "Recht Bold";--semi-family: "Recht SemiBold";--medium-family: "Recht Medium";--light-family: "Recht Light";}
html {padding: 0;margin: 0;}
body {font-family: var(--font-family);background: var(--beige);overflow-x: hidden;}
header .logo img {zoom: 1.5}
#main-header {position: fixed;top: 0;left: 0;width: 100%;height: 106.31px;background: transparent;transition: background-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease;z-index: 1000;}
#main-header.scrolled {background:var(--green);box-shadow: 0 4px 12px rgba(0,0,0,0.3);transform: translateY(-2px);}
@media (min-width: 1140px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {max-width: 1300px;}
}
@media (min-width: 1400px) {
.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {max-width: 1440px;}
}
.navbar-expand-lg .navbar-nav .nav-item .nav-link {font-size: 18px;line-height: 26.36px;text-align: center;color: var(--white);}
.navbar-expand-lg .navbar-nav {width: 100%;justify-content: end;}
.w100 {width: 100%;}
.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-item .nav-link:focus {color: var(--yellow);}
.navbar-expand-lg .navbar-nav .nav-item.current-menu-item .sub-menu .nav-link {color: var(--graphite);}
.navbar-expand-lg .navbar-nav .nav-item {position: relative;}
.navbar-expand-lg .navbar-nav .sub-menu {display: none;position: absolute;top: 100%;left: 0;background: var(--beige);box-shadow: none;padding: 15px;min-width: 200px;z-index: 100;border-radius: 10px;}
.navbar-expand-lg .navbar-nav li:hover>.sub-menu {display: block;}
.navbar-expand-lg .navbar-nav .sub-menu li {width: 100%;padding: 0;list-style: none;}
.navbar-expand-lg .navbar-nav .sub-menu .nav-item .nav-link {color: var(--graphite);font-size: 21px;text-decoration: none;padding: 8px 15px;text-align: left;}
.navbar-expand-lg .navbar-nav .sub-menu .nav-item .nav-link:hover {background: transparent;color: var(--yellow);}
.navbar-expand-lg .navbar-nav .menu-item-has-children>.nav-link::after {content: "";display: inline-block;margin-left: 6px;width: 10px;height: 6px;background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23BEEF9E' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;background-size: contain;vertical-align: middle;}
.navbar-expand-lg .navbar-nav .menu-item-has-children:hover>.nav-link::after {transform: rotate(180deg);}
header .d-flex {gap: 30px;}
header {padding: 24px 0;z-index: 99;position: relative;}
header .language-switcher {list-style: none;display: flex;gap: 10px;margin-bottom: 0;margin-left: 0;padding-left: 0;}
.language-switcher li {display: inline;position: relative;margin-bottom: 0;}
.language-switcher li.active a {font-family: var(--bold-family);color: var(--yellow);}
.language-switcher li a {font-size: 18px;text-align: center;text-decoration: none;color: var(--beige);}
.hero {height: 100vh;background: url(images/bg.webp) no-repeat top center;background-size: cover;}
.hero-body {display: flex;align-items: center;height: 80vh;padding-top: 20%;position: relative;}
.hero-text {max-width: 500px;z-index: 10;color: var(--white);}
.hero-text h1 {font-family: var(--semi-family);font-size: 48px;line-height: 90%;letter-spacing: 0%;color: var(--white);}
.hero-text p {margin-top: 20px;font-size: 18px;line-height: 135%;letter-spacing: 0%;color: var(--white);}
.btn-main {margin-top: 30px;background: var(--yellow);border: none;padding: 16px 32px;font-weight: bold;cursor: pointer;color: var(--white);font-family: var(--semi-family);font-size: 14px;line-height: 114.99999999999999%;letter-spacing: 0%;}
.btn-main:hover {background: var(--orange);}
.hero-visual {position: absolute;right: 0;width: 800px;height: 800px;}
.corn-wrapper {position: absolute;right: 52%;bottom: -20%;z-index: 5;}
.lines-svg {position: absolute;left: 21%;top: 19%;z-index: 5;overflow: visible;}
.lines-svg path {animation: lineAppear 0.8s linear forwards;}
@keyframes lineAppear {
from {opacity: 0;clip-path: inset(0 100% 0 0);}
to {opacity: 1;clip-path: inset(0 0 0 0);}
}
@keyframes cardFadeIn {
from {opacity: 0;transform: translateY(10px);}
to {opacity: 1;transform: translateY(0);}
}
.card {position: absolute;width: 180px;height: 120px;background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(40px);border: 2px solid rgba(255, 255, 255, 0.5);padding: 15px;border-radius: 0;opacity: 0;}
.diamond {width: 8px;height: 8px;background: #fff;transform: rotate(45deg);margin-bottom: 30px;}
.card-text {font-size: 18px;letter-spacing: 1px;font-family: var(--semi-family);color: var(--white);margin-top: 20px;}
.b1 {top: 11%;left: 46%;}
.b2 {top: 28%;left: 68.5%;}
.b3 {top: 44.5%;left: 46%;}
.b4 {top: 62%;left: 68.5%;}
.about {padding: 160px 0;}
.about h2 {max-width: 500px;font-family: var(--semi-family);font-size: 38px;line-height: 100%;letter-spacing: 0%;color: var(--black);}
.about-card {border: 2px solid var(--black)}
.about-card h3 {font-family: var(--semi-family);font-size: 28px;line-height: 120%;letter-spacing: 0%;margin-bottom: 24px;}
.about-card p {font-size: 16px;color: var(--black);line-height: 135%;letter-spacing: 0%;}
.about-card img {display: table;margin: 0 auto;}
.powers {background: url('images/power2.webp') center/cover no-repeat;position: relative;color: #fff;padding: 160px 0;}
.powers h2 {color: var(--white);font-family: var(--semi-family);font-size: 38px;}
.powers .container {position: relative;z-index: 2;}
.power-card {border: 2px solid rgba(255, 255, 255, 0.5);padding: 20px;height: 100%;min-height: 420px;position: relative;backdrop-filter: blur(5px);transition: 0.3s;display: flex;flex-direction: column;justify-content: space-between;}
.power-card:hover {background: rgba(255, 255, 255, 0.15);transform: translateY(-5px);}
.power-card .small {font-family: var(--semi-family);font-size: 24px;line-height: 120%;letter-spacing: 0%;color: var(--white);margin-bottom: 20px;}
.power-card .numbers {text-align: center;}
.power-card .numbers .number-top {margin: 0;font-family: var(--light-family);font-size: 72px;line-height: 75%;letter-spacing: 0%;text-align: center;}
.power-card .numbers .number-bottom {margin: 0;font-family: var(--light-family);font-size: 72px;line-height: 75%;letter-spacing: 0%;text-align: center;margin-top: 10px;border-top: 1px solid #FFFFFF80;padding-top: 10px;}
.power-card .numbers span {display: block;font-size: 16px;line-height: 135%;letter-spacing: 0%;}
.powers-footer {padding: 32px;border: 1px solid #FFFFFF80;backdrop-filter: blur(40px);position: relative;margin-top: 92px;}
.powers-footer p {max-width: 600px;font-size: 28px;font-family: var(--semi-family);line-height: 120%;letter-spacing: 0%;color: var(--white);margin-bottom: 0;}
.powers-footer::before {content: "";position: absolute;top: -60px;right: 0;width: 408px;height: 192px;background: url(images/power-img.webp) no-repeat;z-index: -1;}
.products {padding: 160px 0;}
.top-products {margin-bottom: 32px;}
.top-products p {margin-bottom: 0;font-size: 16px;line-height: 135%;letter-spacing: 0%;}
.top-products h2 {font-family: var(--semi-family);font-size: 38px;line-height: 100%;letter-spacing: 0%;}
.product-block {position: relative;padding: 40px;color: #fff;background-size: cover;background-position: center;overflow: hidden;}
.relative {position: relative;}
.product-block .row {position: relative;z-index: 2;}
.product-block h3 {font-size: 28px;margin-bottom: 15px;font-family: var(--semi-family);font-size: 28px;line-height: 120%;letter-spacing: 0%;color: var(--white);}
.bioethanol {background: url('images/bioetanol.webp') center/cover no-repeat;}
.ddgs {background: url('images/ddgs.webp') center/cover no-repeat;}
.left-product-block {display: flex;flex-direction: column;justify-content: space-between;}
.product-block .number {position: absolute;bottom: 0px;left: 0px;font-family: var(--light-family);font-size: 72px;line-height: 75%;letter-spacing: 0%;}
.bottom-image {display: flex;flex-direction: column;justify-content: flex-end;}
.features {display: flex;flex-direction: column;gap: 10px;}
.feature {border: 1px solid rgba(255, 255, 255, 0.5);padding: 12px;backdrop-filter: blur(40px);font-family: var(var(--semi-family));font-size: 18px;line-height: 120%;letter-spacing: 0%;transition: 0.3s;}
.feature:hover {background: rgba(255, 255, 255, 0.15);transform: translateY(-5px);}
.feature span {display: block;font-size: 14px;}
.feature .text {text-align: right;font-size: 38px;line-height: 100%;letter-spacing: 0%;color: var(--white);}
.feature .image {text-align: right;}
.feature .text span {display: inline;margin-right: 5px;}
.col-rectangle {position: relative;}
.col-rectangle:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);clip-path: polygon(40% 100%, 100% 50%, 100% 100%, 0 100%);z-index: -1;}
.features.grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.feature-col {display: flex;height: 176px;flex-direction: column;justify-content: space-between;}
.small-card {color: #fff;display: flex;align-items: flex-end;flex-direction: column;position: relative;}
.image-oil img {position: relative;top: -50px;}
.small-card-title {position: absolute;z-index: 2;left: 16px;top: 16px;right: 16px;}
.small-card .title-top {font-family: var(--semi-family);font-size: 48px;line-height: 90%;letter-spacing: 0%;}
.small-card .title-sub-top {font-size: 18px;line-height: 135%;letter-spacing: 0%;}
.small-card .badge {position: absolute;color: var(--white);background: var(--green);font-size: 18px;line-height: 100%;letter-spacing: 0%;border-radius: 0;padding: 8px 16px;bottom: 16px;left: 16px;}
.small-card .number {position: absolute;font-family: var(--light-family);font-size: 72px;line-height: 75%;letter-spacing: 0%;bottom: 16px;right: 16px;}
.other-title {font-family: var(--semi-family);font-size: 38px;line-height: 100%;letter-spacing: 0%;}
.certificates {padding: 120px 0;}
.certificates .wrapper-title .other-title {text-align: center;}
.wrapper-title {margin-bottom: 32px;}
.cert-slider-wrapper {width: 90% !important;margin: 0 auto;position: relative;}
.cert-slider-wrapper .swiper-button-next,.cert-slider-wrapper .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, -50px);left: auto;}
.cert-slider-wrapper .swiper-button-prev,.cert-slider-wrapper .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, -50px);right: auto;}
.cert-slider-wrapper .swiper-button-prev::after,.cert-slider-wrapper .swiper-button-next::after {display: none;}
.cert-slider-wrapper .swiper-button-prev {background-image: url('images/arrow-right.svg');background-repeat: no-repeat;background-position: center;background-size: contain;width: 40px;height: 40px;}
.cert-slider-wrapper .swiper-button-next {background-image: url('images/arrow-left.svg');background-repeat: no-repeat;background-position: center;background-size: contain;width: 40px;height: 40px;}
.cert-card {cursor: pointer;transition: 0.3s;position: relative;}
.cert-card img {width: 100%;display: block;}
.cert-card .badge {position: absolute;color: var(--white);background: var(--green);font-size: 14.54px;line-height: 100%;letter-spacing: 0%;border-radius: 0;top: 30px;left: 30px;}
.cert-card:hover {transform: translateY(-5px);}
.society .other-title {margin-bottom: 32px;}
.society-card {border: 2px solid var(--white-50, #FFFFFF80);backdrop-filter: blur(46.78701400756836px);position: relative;display: flex;flex-direction: column;height: 100%;}
.society-card:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);clip-path: polygon(0% 100%, 100% 70%, 100% 100%, 0 100%);z-index: -1;}
.society-card-text {padding: 20px;}
.society-card img {margin-top: auto;}
.society-card-text p {font-family: var(--semi-family);font-size: 28px;line-height: 120%;letter-spacing: 0%;}
.society-card-text ul li {font-size: 18px;line-height: 135%;letter-spacing: 0%;}
.society-card .number {position: absolute;font-family: var(--light-family);font-size: 72px;line-height: 75%;letter-spacing: 0%;bottom: 20px;right: 20px;}
.swiper-button-prev,.swiper-button-next {color: #000;}
.custom-close {position: absolute;top: 10px;right: 10px;background: rgba(0, 0, 0, 0.6);color: #fff;border: none;width: 40px;height: 40px;border-radius: 50%;font-size: 18px;cursor: pointer;}
.modal-img {max-width: 90vw;max-height: 90vh;object-fit: contain;}
.modal {background: rgba(0, 0, 0, 0.6);}
.custom-close {position: absolute;top: 20px;right: 20px;background: rgba(255, 255, 255, 0.2);color: #fff;border: none;width: 45px;height: 45px;border-radius: 50%;font-size: 20px;z-index: 10;cursor: pointer;}
.society {background: url('images/soc.webp') top/cover no-repeat;position: relative;color: #fff;padding: 160px 0;}
.society-footer {border: 2px solid var(--white-50, #FFFFFF80);backdrop-filter: blur(40px);padding: 40px;margin-top: 32px;}
.gap32 {gap: 32px;}
.btn-сall {padding: 16px 64px;background: var(--yellow);color: var(--white);font-size: 16px;font-family: var(--semi-family);line-height: 115%;}
.btn-сall:hover,.btn-сall:focus {background: var(--orange);}
.w70 {max-width: 70%;}
.text-right {text-align: right;}
.society-footer p {margin-bottom: 0;font-size: 18px;line-height: 135%;letter-spacing: 0%;}
.society-footer p.big {font-family: var(--semi-family);font-size: 38px;line-height: 100%;letter-spacing: 0%;}
.contacts {padding-top:160px;padding-bottom:40px;}
.contacts .other-title {margin-bottom: 32px;}
.contact-bisness {font-size: 18px;color: var(--black);line-height: 135%;letter-spacing: 0%;}
.contact-name {font-family: var(--semi-family);font-size: 18px;line-height: 120%;letter-spacing: 0%;color: var(--green);}
.contact-item {margin-bottom: 32px;}
.contact-phone {font-family: var(--semi-family);font-size: 32px;color: var(--black);line-height: 100%;letter-spacing: 0%;}
.contact-email {font-family: var(--semi-family);font-size: 32px;color: var(--black);line-height: 100%;letter-spacing: 0%;}
.contact-phone a,.contact-email a {color: var(--black);text-decoration: none;}
.page-content {padding-bottom:80px;}
.page-content p {font-size: 18px;color: var(--black);line-height: 135%;letter-spacing: 0%;}
.form-wrapper {background: var(--green);padding: 30px;}
.form-wrapper .title {font-family: var(--semi-family);font-size: 42px;line-height: 90%;letter-spacing: 0%;color: var(--white);margin-bottom: 21px;}
.form-wrapper .sub-title {font-size: 18px;line-height: 135%;letter-spacing: 0%;color: var(--white);margin-bottom: 21px;}
.form br {display: none;}
.form .form-control {border-radius: 0;border: 1px solid var(--white-50, #FFFFFF80);background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(5px);text-align: left;padding: 18px 30px;color: var(--white);font-size: 16px;line-height: normal;}
.form p {margin-bottom: 0;}
.wpcf7-form-control-wrap {position: relative;margin-bottom: 15px;display: block;}
.form .form-control::placeholder {color: var(--white);}
.form .form-control:focus:focus {outline: 0;box-shadow: none;}
.form textarea {height: 130px;resize: none;}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232;color: #ffff;}
.form .btn {border-radius: 0;background: var(--yellow);display: block;width: 100%;color: var(--white);font-size: 18px;font-style: normal;padding: 10px 15px;}
.form .btn:hover,.form .btn:focus {background: var(--orange);color: var(--white);}
.form .wpcf7-spinner {display: none;}
#contactModal .modal-content {position: relative;display: flex;flex-direction: column;width: 100%;color: var(--white);pointer-events: auto;border: 2px solid var(--white-50, #FFFFFF80);backdrop-filter: blur(40px);background: transparent;padding: 30px;background-clip: padding-box;border-radius: 0;outline: 0;}
#contactModal .modal-header .btn-close {color: var(--beige)}
#contactModal .btn-close {filter: invert(1) grayscale(100%) brightness(200%);}
#contactModal .modal-header {padding: 0;}
#contactModal .modal-body {padding: 0;}
#contactModal .modal-header {align-items: baseline;padding: 0;border-bottom: 0;border-top-left-radius: 0;border-top-right-radius: 0;flex-direction: column;}
#contactModal .title {font-family: var(--semi-family);font-size: 42px;line-height: 90%;letter-spacing: 0%;color: var(--white);margin-bottom: 21px;}
#contactModal .sub-title {font-size: 18px;line-height: 135%;letter-spacing: 0%;color: var(--white);margin-bottom: 21px;}
#contactModal br {display: none;}
#contactModal .form-control {border-radius: 0;border: 1px solid var(--white-50, #FFFFFF80);background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(5px);text-align: left;padding: 18px 30px;color: var(--white);font-size: 16px;line-height: normal;}
#contactModal p {margin-bottom: 0;}
#contactModal .form-control::placeholder {color: var(--white);}
#contactModal .form-control:focus:focus {outline: 0;box-shadow: none;}
#contactModal textarea {height: 130px;resize: none;}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232;color: #ffff;}
#contactModal .btn {border-radius: 0;background: var(--yellow);display: block;width: 100%;color: var(--white);font-size: 18px;font-style: normal;padding: 10px 15px;}
#contactModal .btn:hover,#contactModal .btn:focus {background: var(--orange);color: var(--white);}
#contactModal .wpcf7-spinner {display: none;}
.scroll-down {position: absolute;right: 21px;top: 21px;transform: translateX(-50%);background: none;border: none;cursor: pointer;animation: bounce 1.5s infinite alternate ease-in-out;}
.scroll-down svg {width: 28.15px;height: 29px;transition: transform 0.3s ease;}
.scroll-down:hover rect {fill: black;stroke: black;}
.scroll-down:hover path {fill: white;}
@keyframes bounce {
0% {transform: translate(-50%, 0);}
100% {transform: translate(-50%, 10px);}
}
#scrollToTop {position: fixed;bottom: 30px;right: 30px;width: 30px;height: 30px;background: var(--green);color: white;font-size: 24px;border: none;border-radius: 50%;cursor: pointer;display: none;align-items: center;justify-content: center;transition: opacity 0.3s, transform 0.3s;}
#scrollToTop:hover {background: var(--yellow);}
#scrollToTop.show {display: flex;opacity: 1;}
#scrollToTop.hide {opacity: 0;transform: translateY(20px);}
footer {color: var(--white);background: var(--graphite);padding: 25px 0;padding-top: 35px;}
.footer-row {display: flex;align-items: center;}
.copy {background: var(--graphite);border-top: 2px solid var(--white-50, #FFFFFF80);padding-top: 24px;}
.copy p {color: var(--white);margin-bottom: 0;}
.footer-social {display: flex;gap: 10px;justify-content: end;}
.footer-social a {background: var(--white-5, #FFFFFF0D);width: 56px;height: 56px;display: flex;justify-content: center;align-items: center;}
.footer-social a svg path {fill: var(--white);}
.footer-social a:hover,.footer-social a:focus {background: var(--white);}
.footer-social a:hover svg path {fill: var(--black);}
#burger {display: none;}
#menu {display: none;}
.shema-mobile {display:none;}
.bottom-mobile {display:none;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {border-color: var(--yellow);color: var(--white);}
.timeline {display: table !important;margin: 0 auto;}
.timeline .swiper-slide {width: auto;padding: 8px 14px;background: #dcd7c5;background: var(--black-5, #0000000D);margin-right: 10px;cursor: pointer;font-size: 16px;}
.timeline .swiper-slide-thumb-active {background: #000;color: #fff;}
.history-card {border: 2px solid var(--black);padding: 32px;background: var(--beige);}
.history-card h3 {font-family: var(--light-family);font-size: 72px;line-height: 75%;letter-spacing: 0%;color: var(--black);}
.history-card h4 {font-family: var(--semi-family);font-size: 38px;line-height: 100%;letter-spacing: 0%;}
.history-card p {font-size: 18px;}
.history-card img {width: 100%;height: auto;}
.history-slider .swiper-slide {opacity: 0.3;transform: scale(0.9);transition: 0.3s;}
.history-slider .swiper-slide-active {opacity: 1;transform: scale(1);}
.history-slider {overflow: visible !important;padding: 0 20px;}
.history-left {display: flex;flex-direction: column;}
.history-left .history-title {margin-bottom: auto;}
.history-footer {padding: 32px;border: 2px solid #000;position: relative;margin-top: 92px;}
.history-footer p {max-width: 70%;font-size: 28px;font-family: var(--semi-family);line-height: 120%;letter-spacing: 0%;color: var(--black);margin-bottom: 0;}
.history-footer::before {content: "";position: absolute;top: -60px;right: 0;width: 408px;height: 192px;background: url(images/history-img.webp) no-repeat;}
.banner-tab {display: none;}
.banner-mobile {display: none;}
.about .image-mobile {display: none;}
.swiper-buttons-mobile {display: none;}
.hero404 {height: 100vh;background: url(images/bg404.jpg) no-repeat top center;background-size: cover;}
.hero-body404 {display: flex;align-items: center;height: 80vh;position: relative;justify-content: center;}
.hero-body404 .hero-text {text-align: center;max-width: 600px;}
.hero-body404 .btn-main {text-decoration:none;margin-top:25px;display: inline-block;}
.shema .other-title {font-family: var(--semi-family);font-size: 38px;line-height: 100%;letter-spacing: 0%;margin-bottom: 32px;}
.flow-row {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#row1 .flow-item {width: 25%;}
#row2 .flow-item {width: 25%;}
#row2 {justify-content: center;}
.flow-item {display: flex;align-items: center;justify-content: center;}
.step {opacity: 0;transform: translateY(40px);transition: all 0.6s ease;text-align: center;}
.step.show {opacity: 1;transform: translateY(0);}
.step img {height: auto;margin-bottom: 10px;}
.arrow {opacity: 0;transform: scale(0.5);transition: all 0.4s ease;}
.arrow.show {opacity: 1;transform: scale(1);}
.step-title {font-family: var(--semi-family);font-size: 24px;line-height: 120%;letter-spacing: 0%;text-align: center;color:var(--green);}
.step-description {font-size: 16px;line-height: 135%;letter-spacing: 0%;text-align: center;min-height:40px;}
.history {padding-top:120px;} 
.bottom {background: var(--green);color: #fff;padding: 24px 0;margin-bottom: 120px;margin-top: 80px;}
.product {background: #fff;color: #000;padding: 16px;width: 250px;opacity: 0;transform: translateY(40px);transition: all 0.6s ease;}
.product-name {font-family: var(--semi-family);font-size: 24px;line-height: 120%;letter-spacing: 0%;text-align: center;color: var(--green);}
.product.show {opacity: 1;transform: translateY(0);}
.arrow-down {position: absolute;left: 50%;transform: translateX(-50%) scale(.5);bottom: -60px;opacity: 0;transition: .4s;}
.arrow-down.show {opacity: 1;transform: translateX(-50%) scale(1);}
.width84 {width:84%;margin: 0 auto;gap:135px;}
.text-left {text-align:left;}
@media (max-width: 1450px) {
.navbar-expand-lg .navbar-nav .nav-item .nav-link {font-size: 16px;}
}
@media (max-width: 1360px) {}
@media (max-width: 1280px) {
.swiper {overflow: hidden !important;}
}
@media (max-width: 1140px) {
.width84 {width: 100%;margin: 0 auto;gap: 42px;}
.arrow-down.show {transform: translateX(-50%) scale(0.5);}
.arrow.show {transform: scale(0.5);}
.step img{max-height: 170px;}
.step-title {font-size: 21px;}
.step-description {font-size: 13px;}    
.bottom .col-lg-8 {width:70%;}
.bottom .col-lg-4 {width:30%;}
.header-social {display: flex;gap: 10px;justify-content: center;}
.header-social a {background: var(--white);width: 56px;height: 56px;display: flex;justify-content: center;align-items: center;}
.header-social a svg path {fill: var(--black);}
.header-social a:hover,.header-social a:focus {background: var(--black);}
.header-social a:hover svg path {fill: var(--white);}
.container {max-width: 100%;}
.history-slider {overflow: hidden !important;}
.hero {height: auto;position: relative;}
.hero-body {display: flex;height: auto;position: relative;flex-direction: row;align-items: flex-start;overflow: hidden;}
.banner-tab {display: block;max-width: 100%;position: relative;}
.hero-text {flex: 1;}
.banner-tab {max-width: 50%;height: auto;position: relative;right: 26%;}
header .logo {width: 85%;}
header .d-flex {justify-content: flex-end;}
.menu-header {order: 3;width: 7%;}
header .col-lg-1 {order: 2;width: 8%}
#overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);display: none;z-index: 99;}
#menu {position: fixed;top: 0;right: -50%;bottom: 0;width: 50%;height: 100%;background-color: var(--beige);box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);z-index: 1000;display: none;padding: 40px;}
#menu .flex {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
#menu .collapse:not(.show) {display: block;}
.navbar-nav .dropdown:hover>.nav-child {display: none;}
.navbar-expand-lg {display: none !important;}
.top-header {display: none !important;}
#burger {display: block;}
#burger svg path {transition: all 0.3s ease;transform-origin: right center;display: block;fill: var(--white);}
#burger:hover svg path:nth-child(3) {transform: scaleX(1.7);}
#burger:hover svg path {stroke: var(--yellow);}
header .row {align-items: center;}
#menu .d-flex.justify-content-end.align-items-center {position: absolute;right: 30px;top: 12px;}
#close {margin-top: 32px;margin-bottom: 35px;}
#menu .navbar-nav .nav-link {font-size: 18px;font-family: var(--medium-family);line-height: 23.6px;text-align: left;padding-left: 0;padding-right: 1rem;color: var(--black);}
#burger svg path {fill: #181818;}
#burger:hover svg path,#burger:focus svg path {fill: var(--yellow);}
#close svg path,#close svg path {stroke: var(--black);}
.hero-visual {display: none;}
.hero .container {padding-right: 0;}
header .container {padding-right: calc(var(--bs-gutter-x) * 1) !important;}
.about,.powers,.products,.certificates,.society,.contacts {padding: 40px 0;}
.power-card .small {font-size: 18px;}
.power-card {min-height: 360px;}
.powers-footer::before {width: 386px;height: 192px;background-size: contain;}
.powers .col-lg-3 {width: 50%}
.powers-footer p {font-size: 24px;}
.product-block .col-lg-6 {width: 100%;}
.product-block .left-product-block {width: 50%;}
.product-block .col-lg-6.relative {width: 50%;}
.features {margin-top: 25px;}
.image-oil img {position: relative;top: -26px;}
.small-card .title-top {font-size: 30px;}
.small-card .badge {font-size: 14px;}
.history-footer p {max-width: 67%;font-size: 22px;}
.history-footer::before {width: 361px;height: 177px;background-size: contain;}
.contact-image {display: none;}
.contacts .col-lg-4 {width: 50%;}
.banner-tab {bottom: -40px;}
.about .col-lg-8 {width: 60%;}
.about .col-lg-4 {width: 40%;}
.top-products .col-lg-8 {width: 50%;}
.top-products .col-lg-4 {width: 50%;}
.history-card .col-lg-6 {width: 50%;}
.society-footer img {display: none;}
.society-footer .col-lg-8 {width: 60%;}
.society-footer .col-lg-4 {width: 40% !important;}
.w70 {max-width: 100%;}
.footer-row .col-lg-3 {width: 50%;}
.footer-row .col-lg-9 {width: 50%;}
}
@media (max-width: 1025px) {
.width84{width: 86%;margin: 0 auto;gap: 22px;}
#main-header {height:80px;}
section {scroll-margin-top: 81px;}
.history {padding-top:40px;} 
}
@media (max-width: 1000px) {
.society .col-lg-4 {width: 33%;}
}
@media (max-width:800px) {
.step img {max-height: 145px;}
.product {width: 200px;padding:8px;}
#ethanol img {max-width: 100px;}
.width84 {width: 92%;margin: 0 auto;gap: 15px;}
.product-name {font-size: 20px;}
.hero-body {flex-direction: column;}
.banner-tab {max-width: 100%;height: auto;position: relative;right: -12px;margin-top: -200px;}
.about .image-desktop {display: none;}
.about .image-mobile {display: block;}
.about .col-lg-8 {width: 50%;}
.about .col-lg-4 {width: 50%;}
.about h2 {font-size: 30px;}
.powers-footer p {max-width: 400px;font-size: 22px;}
.powers-footer::before {top: -38px;}
.other-title {font-size: 28px;}
.small-card .title-top {font-size: 22px;}
.small-card .title-sub-top {font-size: 14px;line-height: 100%;}
.small-card .badge {font-size: 12px;}
.small-card .number {font-size: 52px;right: 8px;}
.history-footer::before {width: 298px;height: 146px;background-size: contain;}
.history-footer::before {top: -2px;}
.society-card-text p {font-size: 22px;}
.society-card-text ul li {font-size: 14px;line-height: 125%;letter-spacing: 0%;}
.society-card-text ul {padding-left: 15px;}
.btn-сall {padding: 16px 45px;}
.contact-email,.contact-phone {font-size: 26px;}
.form-wrapper .title {font-size: 30px;margin-bottom: 11px;}
}
@media (max-width:767px) {
.powers-footer::before {width: 295px;height: 139px;background-size: contain;}
.powers-footer::before {top: 5px;}
.history-footer::before {width: 271px;height: 133px;background-size: contain;}
.history-footer::before {top: 11px;}
.image-oil img {position: relative;zoom: .8;}
}
@media (max-width:680px) {
.shema-desktop {display:none;}
.bottom {display:none;}
.shema-mobile {display:block;position:relative;}
.bottom-mobile {display:block;}
.bottom-mobile {background:var(--green);}
.shema-mobile .m-row {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.shema-mobile .m-row.center {justify-content: center;}
.shema-mobile .step {width: 45%;text-align: center;}
.shema-mobile .arrow-down{bottom: -40px;}
.shema-mobile .arrow-down.right {right: -60px;position: absolute;left: auto;bottom: auto;}
.arrow-right {opacity:0;}    
.arrow-right.show {transform: scale(0.5);opacity:1;}   
.arrow-right{transform: scale(0.5);}
.bottom-mobile .d-flex {width:100%;gap:20px;}
.bottom-mobile .product {width:50%;text-align: center;justify-content: center;}
.bottom-mobile {margin-top:40px;margin-bottom: 50px;padding: 15px 0;}
#menu {width: 80%;}
.hero-text h1 {font-size: 32px;}
.powers-footer::before {width: 232px;height: 110px;background-size: contain;top: 35px;}
.small-card img {width: 100%;}
.history-card h3 {font-size: 40px;}
.history-card h4 {font-size: 24px;}
.history-card p {font-size: 14px;}
.history-footer::before {width: 224px;height: 110px;}
.history-footer::before {top: 37px;}
.society-footer p.big {font-size: 24px;}
.society-footer {padding: 20px;}
.society-footer p {font-size: 14px;}
.btn-сall {padding: 16px;width: 100%;}
.contacts .col-lg-4 {width: 100%;}
}
@media (max-width:560px) {
.image-oil img {position: relative;zoom: 0.7;top: 0;}
#menu {width: 90%;}
.scroll-down {right: 5px;top: 5px;}
.banner-tab {display: none;}
.banner-mobile {display: block;margin: 15px auto;}
.powers-footer::before {width: 223px;height: 105px;background-size: contain;top: 38px;}
.about .col-lg-8 {width: 100%;}
.about .col-lg-4 {width: 100%;}
.about h2 {font-size: 24px;margin-bottom: 15px;}
.about .image-mobile {display: block;margin: 0 auto;margin-bottom: 16px;}
.powers-footer::before {display: none;}
.powers-footer {padding: 20px;margin-top: 40px;}
.powers-footer p {max-width: 100%;font-size: 20px;}
.top-products .col-lg-8 {width: 100%;}
.top-products .col-lg-4 {width: 100%;}
.top-products {flex-direction: column;}
.product-block .left-product-block {width: 100%;}
.product-block .col-lg-6.relative {width: 100%;}
.history-card .col-lg-6 {width: 100%;}
.history-footer::before {display: none;}
.product-block {padding: 20px;}
.history-footer {padding: 20px;margin-top: 30px;}
.history-footer p {max-width: 100%;font-size: 20px;}
.society .col-lg-4 {width: 100%;}
.society .col-lg-4 {width: 100%;display: table !important;margin-bottom: 16px;}
.society-footer .col-lg-8 {width: 100%;}
.society-footer .col-lg-4 {width: 100% !important;}
.society-footer {padding: 20px;padding-bottom: 0;}
.btn-сall {padding: 16px;width: 100%;margin-top: 16px;}
.form-wrapper {padding: 20px;}
.footer-row .logo img {max-width: 70%;}
.cert-slider-wrapper {width: 100% !important;margin: 0 auto;position: relative;}
header .logo img {zoom: 1.25;}
.power-card .numbers .number-top,.power-card .numbers .number-bottom {font-size: 52px;}
.certificates .other-title {text-align: left;}
.swiper-buttons-mobile {display: block;position: relative;width: 30%;}
.swiper-buttons-mobile .swiper-button-next {background-image: url(images/arrow-left.svg);background-repeat: no-repeat;background-position: center;background-size: contain;width: 40px;height: 40px;}
.swiper-buttons-mobile .swiper-button-prev {background-image: url(images/arrow-right.svg);background-repeat: no-repeat;background-position: center;background-size: contain;width: 40px;height: 40px;}
.swiper-buttons-mobile .swiper-button-next:after,.swiper-buttons-mobile .swiper-rtl .swiper-button-prev:after {content: '';}
.swiper-buttons-mobile .swiper-button-prev:after,.swiper-buttons-mobile .swiper-rtl .swiper-button-next:after {content: '';}
.wrapper-title {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.cert-slider-wrapper .swiper-button-next {display: none !important;}
.cert-slider-wrapper .swiper-button-prev {display: none !important;}
}
@media (max-width:500px) {
.image-oil img{position: relative;zoom: 0.7;top: -26px;}
.powers .col-lg-3 {width: 100%;}
#contactModal .title {font-size: 26px;margin-bottom: 11px;}
#contactModal .sub-title {font-size: 16px;}
}
@media (max-width:415px) {
.hero-text h1 {font-size: 26px;}
.hero-text p {margin-top: 20px;font-size: 16px;}
#menu {padding: 20px;}
.hero .container {padding-right: calc(var(--bs-gutter-x) * .5);}
header .container {padding-right: calc(var(--bs-gutter-x) * .5) !important;}
.btn-main {margin-top: 7px;width: 100%;}
.copy p {font-size: 14px;}
header .logo img {zoom: 1;}
header .logo {width: 75%;}
.menu-header {width: 11%;}
header .col-lg-1 {width: 14%;}
.footer-social a {width: 40px;height: 40px;}
.header-social a {width: 40px;height: 40px;}
}
@media (max-width:360px) {
.timeline .swiper-slide {padding: 8px 10px;font-size: 14px;}
.history-footer p {font-size: 16px;}
.contact-email,.contact-phone {font-size: 20px;}
}
@media (max-width:320px) {
.features.grid {grid-template-columns: repeat(1, 1fr);}
}