@-webkit-keyframes headerBounce {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); } }

@keyframes headerBounce {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); } }

@-webkit-keyframes headeBottomBounce {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes headeBottomBounce {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotating {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes rotatingReverse {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes rotatingReverse {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

[data-aos="line-from-bottom"] {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: .5s ease-out !important;
  -o-transition: .5s ease-out !important;
  transition: .5s ease-out !important; }
  [data-aos="line-from-bottom"].aos-animate {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); }

[data-aos="logo-image-in"] {
  opacity: 0;
  -webkit-transform: rotate(-180deg) scale(0);
  -ms-transform: rotate(-180deg) scale(0);
  transform: rotate(-180deg) scale(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }
  [data-aos="logo-image-in"].aos-animate {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); }

[data-aos="banner-bg-up"] {
  opacity: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }
  [data-aos="banner-bg-up"].aos-animate {
    opacity: 1;
    -webkit-transform: translateY(-18%);
    -ms-transform: translateY(-18%);
    transform: translateY(-18%); }

[data-aos="fade_up"] {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 0.5s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 0.5s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 0.5s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
  [data-aos="fade_up"].aos-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

[data-aos="wheel_in"] {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }
  [data-aos="wheel_in"].aos-animate {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.banner__bg {
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: 1s 0.5s cubic-bezier(0.34, 0.35, 0.72, 0.72);
  -o-transition: 1s 0.5s cubic-bezier(0.34, 0.35, 0.72, 0.72);
  transition: 1s 0.5s cubic-bezier(0.34, 0.35, 0.72, 0.72); }
  .banner__bg.aos-animate {
    opacity: 1;
    -webkit-transform: translateY(-57px);
    -ms-transform: translateY(-57px);
    transform: translateY(-57px); }

.banner__decoration {
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: 0.5s 1.2s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 0.5s 1.2s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 0.5s 1.2s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
  .banner__decoration.aos-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.banner__tires {
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: 1s 1s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important;
  -o-transition: 1s 1s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important;
  transition: 1s 1s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important; }
  .banner__tires.aos-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.banner__factory {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 1s 1.2s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important;
  -o-transition: 1s 1.2s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important;
  transition: 1s 1.2s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important; }
  .banner__factory.aos-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.banner__man {
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: 1s 1.4s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important;
  -o-transition: 1s 1.4s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important;
  transition: 1s 1.4s cubic-bezier(0.19, 0.01, 0.25, 0.99) !important; }
  .banner__man.aos-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.circle--yellow, .circle--white {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.8s 1.5s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 0.8s 1.5s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 0.8s 1.5s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
  .circle--yellow.aos-animate, .circle--white.aos-animate {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.play .circle--yellow, .play .circle--white {
  -webkit-transition: 0.8s 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 0.8s 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 0.8s 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }

.about__pic .circle--yellow, .about__pic .circle--white {
  -webkit-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important; }

.circles--right .circle--yellow, .circles--right .circle--white {
  -webkit-transition: 0.8s 0.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 0.8s 0.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 0.8s 0.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }

.bubble--white {
  -webkit-transform: rotate(45deg) scale(0);
  -ms-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);
  -webkit-transition: 0.8s 1.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 0.8s 1.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 0.8s 1.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
  .bubble--white.aos-animate {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); }
  .bubble--white .bubble__text {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.5s 2.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    -o-transition: 0.5s 2.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    transition: 0.5s 2.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
    .bubble--white .bubble__text.aos-animate {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }

.play .bubble--white {
  -webkit-transition: 0.8s 1.2s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 0.8s 1.2s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 0.8s 1.2s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
  .play .bubble--white .bubble__text {
    -webkit-transition: 0.5s 1.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    -o-transition: 0.5s 1.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    transition: 0.5s 1.8s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }

@media (max-width: 767px) {
  .bubble--white {
    -webkit-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: 0.5s 1.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    -o-transition: 0.5s 1.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    transition: 0.5s 1.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
    .bubble--white.aos-animate {
      -webkit-transform: rotate(0) scale(1);
      -ms-transform: rotate(0) scale(1);
      transform: rotate(0) scale(1); } }

.bubble--yellow {
  -webkit-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -webkit-transition: 0.5s 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 0.5s 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 0.5s 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
  .bubble--yellow.aos-animate {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); }
  .bubble--yellow .bubble__text {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.5s 1.3s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    -o-transition: 0.5s 1.3s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    transition: 0.5s 1.3s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
    .bubble--yellow .bubble__text.aos-animate {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }

@media (max-width: 767px) {
  .bubble--yellow {
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: 0.5s 1.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    -o-transition: 0.5s 1.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
    transition: 0.5s 1.4s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
    .bubble--yellow.aos-animate {
      -webkit-transform: rotate(0) scale(1);
      -ms-transform: rotate(0) scale(1);
      transform: rotate(0) scale(1); } }

.slider {
  opacity: 0;
  -webkit-transform: translate(-50px, 50px);
  -ms-transform: translate(-50px, 50px);
  transform: translate(-50px, 50px);
  -webkit-transition: 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  -o-transition: 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important;
  transition: 1s cubic-bezier(0.01, 1.03, 1, 0.97) !important; }
  .slider.aos-animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

[data-aos="product-bottom-slide"] {
  opacity: 0;
  -webkit-transform: translateX(280px);
  -ms-transform: translateX(280px);
  transform: translateX(280px);
  -webkit-transition: 1s ease !important;
  -o-transition: 1s ease !important;
  transition: 1s ease !important; }
  [data-aos="product-bottom-slide"].aos-animate {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

.news__item {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: .8s .2s ease-out !important;
  -o-transition: .8s .2s ease-out !important;
  transition: .8s .2s ease-out !important; }
  .news__item.aos-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

@font-face {
  font-family: 'main';
  src: url("fonts/pantonmtav3-bold.ttf"); }

@font-face {
  font-family: 'regular';
  src: url("fonts/PantonMtav3-Regular.ttf"); }

@font-face {
  font-family: 'text';
  src: url("fonts/bpg-arial-webfont.ttf"); }

@font-face {
  font-family: 'Roboto Regular';
  src: url("fonts/Roboto-Regular.ttf"); }

*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.edgeProduct {
  transition-delay: 0s !important; }
  .edgeProduct .product-icon, .edgeProduct .product__title {
    transition: 0s !important; }

.edge .lg-close:after {
  width: unset !important;
  top: 18% !important; }

.edge .navigation ul {
  opacity: 0; }

.edge .navigation li {
  transition: none !important; }

@keyframes navAnimationForEdge {
  from {
    visibility: hidden;
    opacity: 0; }
  to {
    visibility: visible;
    opacity: 1; } }

.edge.loaded .navigation ul {
  animation: navAnimationForEdge 1s 1s ease-out forwards; }

.browser-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  bottom: 0;
  z-index: 99999999999999999999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: none; }

.browser-wrap .c {
  background: white;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  text-align: center; }

.browser-wrap .t {
  color: #323232;
  font-weight: bold;
  font-size: 35px;
  line-height: 50px; }

.browser-wrap .s-t {
  text-align: center;
  font-size: 22px;
  line-height: 50px;
  color: inherit;
  margin-top: 5px; }

.browser-wrap ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none; }

.browser-wrap ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; }

.browser-wrap ul li img {
  width: 80px; }

.browser-wrap ul li a {
  padding: 15px;
  text-decoration: none;
  color: inherit; }

.browser-wrap ul li a .b-t {
  padding-top: 5px; }

@media only screen and (max-width: 768px) {
  .browser-wrap ul li {
    flex: 0 0 50%; } }

button {
  background: none;
  border: none;
  outline: none; }

ul {
  list-style-type: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal !important; }

a, a:hover {
  color: unset;
  font-weight: normal !important;
  text-decoration: none; }

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-weight: normal; }

.container {
  max-width: 1360px;
  margin: 0 auto; }

.page-inner {
  overflow: hidden;
  padding-bottom: 50px;
  margin-bottom: 50px; }

body {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-text-size-adjust: 100%; }

body:after {
  content: '';
  position: fixed;
  z-index: 999999000;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.loaded:After {
  display: none; }

.page-content {
  min-height: 100%; }

main {
  margin-top: 220px;
  position: relative;
  z-index: 2;
  -webkit-transition: 1s cubic-bezier(0.49, 0.01, 0.49, 0.99);
  -o-transition: 1s cubic-bezier(0.49, 0.01, 0.49, 0.99);
  transition: 1s cubic-bezier(0.49, 0.01, 0.49, 0.99); }

.page-news main, .page-article main {
  margin-top: 200px; }

.main-opened {
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px); }

.footer-contact {
  background: #fff;
  position: relative;
  z-index: 2; }

.swiper-wrapper.disabled {
  -webkit-transform: translate3d(0px, 0, 0) !important;
  transform: translate3d(0px, 0, 0) !important; }

article {
  text-align: unset !important; }

article ul {
  list-style: unset !important; }

article ul, article ol {
  list-style-position: inside !important; }

article iframe {
  max-width: 100%; }

article a {
  color: #008F47; }

@media (max-width: 767px) {
  .page-inner {
    margin-bottom: 0px;
    padding-bottom: 40px; }
  .footer {
    margin-top: 0 !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .page-inner {
    margin-bottom: 0px;
    padding-bottom: 40px; }
  .footer {
    margin-top: 0 !important; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .page-inner {
    margin-bottom: 10px; }
  .footer {
    margin-top: 0 !important; } }

body, input, textarea, p {
  font-family: main;
  font-size: 16px; }

.btn--more {
  font-size: 14px; }

.btn--back {
  font-size: 23px; }

.navigation a {
  font-size: 18px; }

.breadcrumb a {
  font-size: 12px; }

.main-title {
  font-size: 60px; }

.product__title {
  font-size: 33px; }

article {
  font-family: 'text';
  font-size: 16px;
  color: #181818;
  line-height: 30px; }

.news__title {
  font-size: 40px; }

.news__date {
  font-size: 12px;
  font-weight: bold; }
  .news__date--main {
    font-size: 20px; }
  .news__date--item {
    font-size: 16px; }

.news__pagination .page {
  font-size: 20px; }

.contact__title {
  font-size: 30px; }

.copyright__text {
  font-size: 14px; }

.news-item__socials p {
  font-size: 12px; }

.about__schedules-title {
  font-size: 30px; }

.error__header-subtext {
  font-size: 28px; }

.error__message {
  font-family: main; }

.error__back {
  font-size: 14px; }

.news__title {
  line-height: 40px;
  margin-bottom: 12px; }
  .news__title--item {
    margin-bottom: 12px !important; }

body.en article {
  font-family: 'Roboto Regular'; }

body.en .navigation a, body.en .langs a, body.en h1, body.en h2, body.en h3, body.en h4, body.en h5, body.en h6, body.en .btn--banner, body.en .btn--more, body.en footer .contact__item:last-child .contact__info, body.en .copyright__text, body.en .sidebar-menu a, body.en .breadcrumb a {
  text-transform: uppercase; }

@media (max-width: 1365px) {
  body.en .news__title {
    line-height: 30px;
    margin-bottom: 12px; }
    body.en .news__title--main {
      margin-bottom: 12px; }
    body.en .news__title--item {
      margin-bottom: 12px; }
  body.en .news__article {
    line-height: 24px;
    margin-top: 22px !important;
    margin-bottom: 42px !important; } }

@media (max-width: 767px) {
  body.en .news__title {
    line-height: 25px; } }

@media (max-width: 767px) {
  .bubble__text {
    font-size: 18px; }
  .product__title {
    font-size: 17px; } }

@media (min-width: 768px) {
  .bubble__text {
    font-size: 20px; }
  .product__title {
    font-size: 14px; } }

@media (min-width: 1025px) and (max-width: 1679px) {
  .langs a {
    font-size: 14px !important; } }

@media (min-width: 1024px) {
  .bubble__text {
    font-size: 22px; }
  .product__title {
    font-size: 16px; }
  .navigation a {
    font-size: 14px; } }

@media (min-width: 1366px) {
  .navigation a {
    font-size: 16px; } }

@media (min-width: 1366px) {
  .bubble__text {
    font-size: 28px; }
  .product__title {
    font-size: 23px; } }

@media (min-width: 1680px) {
  .navigation a {
    font-size: 16px; }
  .langs a {
    font-size: 17px; }
  .product__title {
    font-size: 28px; }
  .news__title {
    font-size: 36px; }
  .bubble__text {
    font-size: 36px; } }

@media (min-width: 1920px) {
  .navigation a {
    font-size: 18px; }
  .langs a {
    font-size: 21px; }
  .bubble__text {
    font-size: 40px; }
  .product__title {
    font-size: 33px; } }

@media (max-width: 1400px) {
  .main-title {
    font-size: 40px; }
  .news__title {
    font-size: 28px; }
  .news__date--main {
    font-size: 16px; }
  .contact__title {
    font-size: 24px; } }

@media (max-width: 1200px) {
  .navigation a {
    font-size: 14px !important; }
  .news__title {
    font-size: 22px; } }

@media (max-width: 1023px) {
  .langs a {
    font-size: 17px !important; }
  .factory .circles, .popup .circles {
    display: none; } }

@media (max-width: 900px) {
  .news__title {
    font-size: 20px; }
  .news__date--main {
    font-size: 14px; } }

@media (max-width: 767px) {
  .inner-page__title--products {
    font-size: 23px !important; }
  .product__title {
    font-size: 17px; }
  .main-title {
    font-size: 24px; }
  .news__title {
    font-size: 18px; }
  .news__date--main {
    font-size: 12px; } }

.circles {
  position: absolute; }
  .circles__bottom {
    bottom: 30px; }
    .circles__bottom .circle--yellow, .circles__bottom .circle--white {
      -webkit-animation-delay: 0s !important;
      animation-delay: 0s !important;
      -webkit-transition-delay: 0s !important;
      -o-transition-delay: 0s !important;
      transition-delay: 0s !important; }
    .circles__bottom--left {
      left: 30px; }
    .circles__bottom--right {
      right: 30px; }
  .circles__top {
    top: 30px; }
    .circles__top .circle--yellow, .circles__top .circle--white {
      -webkit-animation-delay: 0s !important;
      animation-delay: 0s !important;
      -webkit-transition-delay: 0s !important;
      -o-transition-delay: 0s !important;
      transition-delay: 0s !important; }
    .circles__top--left {
      left: 30px; }
    .circles__top--right {
      right: 30px; }
  .circles--left {
    right: 2%;
    bottom: -23%; }
  .circles--right {
    bottom: 0;
    right: 48%; }
  .circles .circle--yellow {
    background: #FFC12D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    width: 107px;
    height: 107px; }
    .circles .circle--yellow--small {
      width: 30px;
      height: 30px; }
  .circles .circle--white {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    width: 53px;
    height: 53px; }
    .circles .circle--white--small {
      width: 17px;
      height: 17px; }

@media (max-width: 767px) {
  .circle--yellow {
    width: 40px !important;
    height: 40px !important; }
  .circle--white {
    width: 20px !important;
    height: 20px !important; }
  .banner .circles--left {
    right: 32%;
    bottom: 75%; }
  .wheels-section .circles--right {
    bottom: 87%;
    left: 14%; }
  .play-banner .circles {
    top: 26%;
    right: 10%;
    display: block !important; } }

@media (min-width: 768px) {
  .banner .circle--yellow, .wheels-section .circle--yellow, .play .circle--yellow {
    width: 50px !important;
    height: 50px !important; }
  .banner .circle--white, .wheels-section .circle--white, .play .circle--white {
    width: 24px !important;
    height: 24px !important; }
  .banner .circles--left {
    bottom: 77%;
    right: 70%; }
  .wheels-section .circles--right {
    bottom: 15%;
    right: 48%; }
  .play-banner .circles {
    top: 19%;
    right: 34%;
    display: block !important; } }

@media (min-width: 400px) and (max-width: 500px) {
  .wheels-section .circles {
    top: 7% !important;
    bottom: unset; } }

@media (min-width: 500px) and (max-width: 600px) {
  .wheels-section .circles {
    bottom: 76%; } }

@media (min-width: 600px) and (max-width: 699px) {
  .banner .circles--left {
    right: 38%;
    bottom: 70%; }
  .wheels-section .circles {
    bottom: 70%; } }

@media (min-width: 700px) and (max-width: 767px) {
  .banner .circles--left {
    right: 40%;
    bottom: 75%; }
  .wheels-section .circles {
    bottom: 65%; } }

@media (min-width: 1024px) {
  .banner .circles--left {
    bottom: -23%;
    right: 50%; }
  .banner .circle--yellow, .wheels-section .circle--yellow, .play .circle--yellow {
    width: 55px !important;
    height: 55px !important; }
  .banner .circle--white, .wheels-section .circle--white, .play .circle--white {
    width: 28px !important;
    height: 28px !important; }
  .wheels-section .circles--right {
    bottom: 51%;
    right: 51%; }
  .play-banner .circles {
    top: 36%;
    right: 2%; } }

@media (min-width: 1100px) and (max-width: 1200px) {
  .wheels-section .circles--right {
    bottom: 37%;
    right: 58%; } }

@media (min-width: 1200px) and (max-width: 1300px) {
  .wheels-section .circles--right {
    bottom: 37%;
    right: 53%; } }

@media (min-width: 1300px) and (max-width: 1366px) {
  .wheels-section .circles--right {
    bottom: 37%;
    right: 50%; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .banner .circles--left {
    right: 31.3%;
    bottom: -26%; }
  .banner .circle--yellow, .wheels-section .circle--yellow, .play .circle--yellow {
    width: 75px !important;
    height: 75px !important; }
  .banner .circle--white, .wheels-section .circle--white, .play .circle--white {
    width: 37px !important;
    height: 37px !important; }
  .roller__shadow img {
    width: 70%; }
  .wheels-section .circles--right {
    bottom: 37%;
    right: 47%; }
  .play-banner .circles {
    top: 34%;
    right: 1%; } }

@media (min-width: 1480px) and (max-width: 1600px) {
  .wheels-section .circles--right {
    bottom: 17%;
    right: 54%; } }

@media (min-width: 1600px) and (max-width: 1680px) {
  .wheels-section .circles--right {
    bottom: 17%;
    right: 50%; } }

@media (min-width: 1680px) {
  .wheels-section .circles--right {
    bottom: 12%;
    right: 48%; } }

@media (min-width: 1680px) {
  .banner .circles--left {
    right: 15%;
    bottom: -33%; }
  .banner .circle--yellow, .wheels-section .circle--yellow, .play .circle--yellow {
    width: 107px !important;
    height: 107px !important; }
  .banner .circle--white, .wheels-section .circle--white, .play .circle--white {
    width: 53px !important;
    height: 53px !important; }
  .play-banner .circles {
    top: 33%;
    right: 4%; } }

@media (min-width: 1920px) {
  .banner .circles--left {
    right: 2%;
    bottom: -23%; }
  .wheels-section .circles--right {
    bottom: 5%;
    right: 49%; }
  .play-banner .circles {
    top: 33%;
    right: 4%; } }

.bubble {
  position: absolute;
  z-index: 9999999999999;
  width: 526px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  background: url("../img/union.svg"); }
  .bubble--default {
    padding: 10px 20px !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background: #fff;
    height: auto !important;
    max-height: 220px !important;
    opacity: 0;
    padding: 20px;
    visibility: hidden;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    overflow: hidden; }
    .bubble--default article {
      line-height: 22px;
      font-size: 14px;
      opacity: 0;
      -webkit-transition: .5s .3s ease-out;
      -o-transition: .5s .3s ease-out;
      transition: .5s .3s ease-out; }
    .bubble--default-bottom-left {
      top: 30px;
      right: 20px;
      -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
      transform-origin: bottom left; }
    .bubble--default-bottom-right {
      top: 30px;
      left: 20px;
      -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      transform-origin: bottom right; }
    .bubble--default-top-left {
      bottom: 30px;
      right: 20px;
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left; }
    .bubble--default-top-right {
      bottom: 30px;
      left: 20px;
      -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
      transform-origin: top right; }
  .bubble--white {
    right: -72%;
    top: 0;
    background: #fff;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    color: #181818;
    -webkit-box-shadow: 0 0 80px rgba(207, 222, 243, 0.9);
    box-shadow: 0 0 80px rgba(207, 222, 243, 0.9); }
  .bubble--yellow {
    background: #FFC12D;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    color: #fff;
    bottom: 20%;
    left: 20%;
    -webkit-box-shadow: 0 0 80px rgba(24, 24, 24, 0.1);
    box-shadow: 0 0 80px rgba(24, 24, 24, 0.1); }
  .bubble__arrow {
    position: absolute;
    left: 15px;
    bottom: -30px; }
  .bubble__text-box {
    text-align: left;
    overflow: hidden; }
  .bubble__text {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .bubble__tail {
    position: absolute;
    bottom: -52px; }
    .bubble__tail--left {
      left: 10px; }
    .bubble__tail--right {
      right: 10px; }
      .bubble__tail--right svg {
        -webkit-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        transform: rotate(70deg); }
      .bubble__tail--right svg path {
        fill: #FFC12D; }

.factory__gallery .bubble {
  width: 80% !important;
  display: none; }

.popup .bubble {
  display: block; }

@media (max-width: 767px) {
  .bubble {
    width: 237px;
    height: 90px; }
    .bubble__tail {
      bottom: -23px; }
      .bubble__tail svg {
        width: 36px;
        height: 21px;
        -webkit-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        transform: rotate(70deg); }
    .bubble__text-box {
      max-height: 88px; }
    .bubble--white .bubble__text-box {
      padding-left: 26px;
      padding-right: 26px; }
    .bubble--yellow .bubble__text-box {
      padding-left: 26px;
      padding-right: 26px; }
  .banner .bubble {
    top: -120px;
    right: unset;
    left: -116px;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right; }
    .banner .bubble__tail {
      left: unset;
      right: 10px; }
  .wheels-section .bubble {
    bottom: 104%;
    left: 16%;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left; }
    .wheels-section .bubble__tail {
      left: 10%; }
      .wheels-section .bubble__tail svg {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
  .play .bubble {
    top: 5%;
    right: 13%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right; }
    .play .bubble__tail {
      left: unset;
      right: 10px; }
      .play .bubble__tail svg {
        -webkit-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        transform: rotate(70deg); } }

@media (min-width: 500px) and (max-width: 600px) {
  .wheels-section .bubble {
    bottom: 93%; } }

@media (min-width: 600px) and (max-width: 699px) {
  .banner .bubble {
    top: -90%;
    left: -16%; }
  .wheels-section {
    margin-top: -200px !important; }
    .wheels-section .bubble {
      bottom: 85%; } }

@media (min-width: 700px) and (max-width: 767px) {
  .banner .bubble {
    top: -78%;
    left: -10%; }
  .wheels-section {
    margin-top: -200px !important; }
    .wheels-section .bubble {
      bottom: 80%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .play .bubble {
    padding-left: 40px !important; } }

@media (min-width: 768px) {
  .bubble {
    width: 268px;
    height: 102px; }
    .bubble__tail {
      bottom: -26px; }
      .bubble__tail svg {
        width: 40px;
        height: 24px; }
    .bubble__text-box {
      max-height: 95px; }
    .bubble--white .bubble__text-box {
      padding-left: 40px;
      padding-right: 40px; }
    .bubble--yellow .bubble__text-box {
      padding-left: 20px;
      padding-right: 20px; }
  .banner .bubble {
    top: -125px;
    right: 3%; }
  .wheels-section .bubble {
    top: 22%;
    left: 13%; }
  .play .bubble {
    top: 0%;
    right: -6%; } }

@media (min-width: 900px) and (max-width: 1023px) {
  .banner .bubble {
    right: 15%; } }

@media (min-width: 1024px) {
  .bubble {
    width: 340px;
    height: 129px; }
    .bubble__text-box {
      max-height: 110px; }
    .bubble--white .bubble__text-box {
      padding-left: 60px;
      padding-right: 60px; }
    .bubble--yellow .bubble__text-box {
      padding-left: 50px;
      padding-right: 50px; }
  .banner .bubble {
    padding-left: 0;
    right: 6%;
    top: -20%; }
  .wheels-section .bubble {
    top: 10%;
    left: 13%; }
  .play .bubble {
    top: 0%;
    right: -47%; }
  .banner .bubble__tail, .wheels-section .bubble__tail, .play .bubble__tail {
    bottom: -34px; }
    .banner .bubble__tail svg, .wheels-section .bubble__tail svg, .play .bubble__tail svg {
      width: 51px;
      height: 31px; } }

@media (min-width: 1100px) and (max-width: 1200px) {
  .wheels-section .bubble {
    top: 24%;
    left: 10%; } }

@media (min-width: 1200px) and (max-width: 1300px) {
  .wheels-section .bubble {
    top: 24%;
    left: 17%; } }

@media (min-width: 1300px) and (max-width: 1366px) {
  .wheels-section .bubble {
    top: 24%;
    left: 21%; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .wheels-section .bubble {
    top: 20%;
    left: 21%; }
    .wheels-section .bubble__tail {
      bottom: -36px; }
      .wheels-section .bubble__tail svg {
        width: 59px;
        height: 35px; } }

@media (min-width: 1366px) {
  .banner .bubble {
    right: -23%;
    top: 15%; }
  .bubble {
    width: 390px;
    height: 148px; }
    .bubble__text {
      line-height: 34px; }
    .bubble--white .bubble__text-box {
      padding-left: 50px;
      padding-right: 50px; }
    .bubble--yellow .bubble__text-box {
      padding-left: 40px;
      padding-right: 40px; }
  .wheels-section .bubble {
    left: 21%;
    top: 18%; }
  .play .bubble {
    top: 5%;
    right: -44%; }
    .play .bubble__tail {
      bottom: -39px; }
      .play .bubble__tail svg {
        width: 59px;
        height: 36px; } }

@media (min-width: 1480px) and (max-width: 1600px) {
  .wheels-section .bubble {
    top: 38%;
    left: 19%; }
  .main-line__bottom {
    bottom: -80px !important; } }

@media (min-width: 1600px) and (max-width: 1680px) {
  .wheels-section .bubble {
    top: 38%;
    left: 24%; }
    .wheels-section .bubble--yellow {
      width: 420px;
      left: 21%; }
  .main-line__bottom {
    bottom: -80px !important; } }

@media (min-width: 1680px) {
  .banner .bubble {
    top: 0;
    right: -53%; }
  .bubble {
    width: 490px;
    height: 187px; }
    .bubble__text {
      line-height: 40px; }
    .bubble__text-box {
      max-height: 160px; }
    .bubble--white .bubble__text-box {
      padding-left: 60px;
      padding-right: 60px; }
    .bubble--yellow .bubble__text-box {
      padding-left: 40px;
      padding-right: 40px; }
  .wheels-section .bubble {
    left: 19%;
    top: 30%; }
  .play .bubble {
    top: 2%;
    right: -38%; }
    .play .bubble__tail {
      bottom: -52px; }
      .play .bubble__tail svg {
        width: 80px;
        height: 48px; } }

@media (min-width: 1920px) {
  .banner .bubble, .wheels-section .bubble {
    right: -72%; }
    .banner .bubble__tail, .wheels-section .bubble__tail {
      bottom: -51px; }
      .banner .bubble__tail svg, .wheels-section .bubble__tail svg {
        width: 79px;
        height: 48px; }
  .bubble {
    width: 526px;
    height: 200px; }
  .wheels-section .bubble {
    left: 18%;
    top: 35%; }
  .play .bubble {
    top: 1%;
    right: -43%; }
    .play .bubble__tail {
      bottom: -52px; }
      .play .bubble__tail svg {
        width: 80px;
        height: 48px; } }

.btn {
  font-family: 'main';
  cursor: pointer;
  display: inline-block;
  background: #FFC12D;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease; }
  .btn:hover {
    background: #f9af00;
    color: #fff; }
  .btn--more {
    border-radius: 8px;
    width: 120px;
    height: 40px; }
  .btn--back {
    width: 140px;
    height: 50px;
    border-radius: 5px; }
  .btn--banner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

@media (max-width: 700px) {
  .btn--back {
    display: block;
    width: 100%;
    margin-top: 30px; } }

@media (max-width: 767px) {
  .btn--banner {
    position: relative;
    width: 120px;
    height: 32px;
    font-size: 16px;
    border-radius: 5px;
    top: unset;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: 20px; } }

@media (min-width: 768px) {
  .btn--banner {
    width: 120px;
    height: 32px;
    right: 45px;
    font-size: 16px;
    border-radius: 5px; } }

@media (max-width: 1023px) {
  .btn--back {
    display: none; } }

@media (min-width: 1024px) {
  .btn--banner {
    width: 160px;
    height: 43px;
    right: 69px;
    font-size: 18px;
    border-radius: 10px; } }

@media (min-width: 1366px) {
  .btn--banner {
    width: 217px;
    height: 58px;
    right: 94px;
    font-size: 23px; } }

@media (min-width: 1680px) {
  .btn--banner {
    width: 262px;
    height: 70px;
    right: 113px;
    font-size: 29px; } }

.slider-container {
  position: relative; }
  .slider-container .swiper-button-prev {
    background-image: url("../img/left-arrow.png");
    left: -50px;
    outline: none; }
  .slider-container .swiper-button-next {
    background-image: url("../img/right-arrow.png");
    right: -50px;
    outline: none; }

.carousel {
  margin-top: 30px;
  padding: 20px 0; }
  .carousel .swiper-slide {
    width: 258px !important; }
  .carousel .fullscreen {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out; }
    .carousel .fullscreen i {
      color: #fff;
      font-size: 30px;
      -webkit-transform: translateY(160%);
      -ms-transform: translateY(160%);
      transform: translateY(160%);
      -webkit-transition: .3s .1s ease-out;
      -o-transition: .3s .1s ease-out;
      transition: .3s .1s ease-out; }
  .carousel__item {
    overflow: hidden;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0 5px 10px -5px rgba(24, 24, 24, 0.1);
    box-shadow: 0 5px 10px -5px rgba(24, 24, 24, 0.1);
    position: relative; }
    .carousel__item:hover .carousel__image {
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3); }
    .carousel__item:hover .carousel__image-box:after {
      opacity: 1; }
    .carousel__item:hover .fullscreen i {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  .carousel__image-box {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 100%;
    overflow: hidden; }
    .carousel__image-box:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      -webkit-transition: .3s ease-out;
      -o-transition: .3s ease-out;
      transition: .3s ease-out;
      background: rgba(255, 193, 45, 0.3); }
  .carousel__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

@media (max-width: 900px) {
  .about-slider, .products-inner-slider {
    overflow: visible; }
  .slider-container {
    position: relative; }
  .swiper-button-next, .swiper-button-prev {
    display: none; } }

.lg-toogle-thumb.lg-icon {
  display: none; }

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .logo__text {
    overflow: hidden;
    margin-left: 5px; }
    .logo__text svg {
      margin-right: 5px;
      height: 30px; }
    .logo__text svg path {
      fill: #535354; }

@media (max-width: 1023px) {
  .logo__image {
    height: 42px; }
    .logo__image svg {
      width: 49px;
      height: 42px; }
  .logo__text svg {
    width: 12px;
    height: 17px;
    margin-right: 0; } }

@media (min-width: 1024px) {
  .logo__image {
    height: 39px; }
    .logo__image svg {
      width: 45px;
      height: 39px; }
  .logo__text svg {
    width: 12px;
    height: 16px;
    margin-right: 0; } }

@media (min-width: 1366px) {
  .logo__image {
    margin-right: 0px;
    height: 52px; }
    .logo__image svg {
      width: 61px;
      height: 52px; }
  .logo__text svg {
    width: 15px;
    height: 21px;
    margin-right: 3px; } }

@media (min-width: 1680px) {
  .logo__image {
    height: 64px; }
    .logo__image svg {
      width: 74px;
      height: 64px; }
  .logo__text svg {
    width: 18px;
    height: 26px; } }

@media (min-width: 1920px) {
  .logo__image {
    height: 73px; }
    .logo__image svg {
      width: 85px;
      height: 73px; }
  .logo__text svg {
    width: 21px;
    height: 30px; } }

.breadcrumb {
  margin-top: 10px !important; }
  .breadcrumb ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .breadcrumb ul li:not(:last-child) {
      position: relative;
      margin-right: 30px; }
      .breadcrumb ul li:not(:last-child):after {
        content: '>';
        position: absolute;
        top: 0;
        right: -20px;
        color: #808285; }
    .breadcrumb ul a {
      color: #808285;
      -webkit-transition: .3s ease-out;
      -o-transition: .3s ease-out;
      transition: .3s ease-out; }
      .breadcrumb ul a:hover {
        color: #008F47; }

@media (max-width: 767px) {
  .breadcrumb {
    margin-top: 0 !important; }
  .about .breadcrumb ul {
    margin-left: -20px; } }

@media (max-width: 1023px) {
  .breadcrumb {
    display: none; } }

.inner-page__header {
  width: 100%;
  height: 450px;
  padding-top: 180px;
  background: rgba(220, 220, 220, 0.25);
  position: relative; }
  .inner-page__header-text {
    max-height: 230px;
    overflow: hidden; }
  .inner-page__header:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -8px;
    background: url("../img/shape.svg");
    width: 100%;
    height: 96px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important; }
  .inner-page__header--products-inner {
    background: url("../img/product-inner.svg");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important; }
  .inner-page__header--products-inner:after, .inner-page__header--factory:after {
    background: url("../img/shape-reverse.svg"); }
  .inner-page__header--error {
    background: url("../img/error-bg.svg");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important; }
    .inner-page__header--error:after {
      display: none; }
    .inner-page__header--error .inner-page__title {
      font-family: regular; }

.inner-page__title {
  margin-top: 30px;
  line-height: 65px;
  max-width: 680px;
  position: relative;
  z-index: 3; }
  .inner-page__title--products {
    max-width: 100% !important;
    -webkit-text-emphasis: center;
    text-emphasis: center;
    margin-top: 30px !important;
    text-align: center; }

@media (max-width: 1679px) {
  .inner-page__header {
    padding-top: 150px;
    height: 400px; } }

@media (max-width: 1365px) {
  .inner-page__header {
    padding-top: 150px;
    height: 360px; } }

@media (max-width: 1400px) {
  .inner-page__header {
    padding-top: 150px; }
  .inner-page__title {
    line-height: 45px !important; } }

@media (max-width: 900px) {
  .inner-page__title {
    margin-top: 50px; }
  .factory .inner-page__header {
    height: 450px !important; }
    .factory .inner-page__header:after {
      background-position: 30% center !important; } }

@media (max-width: 767px) {
  .factory .inner-page__header {
    height: 360px !important; }
  .factory .factory-slider {
    margin-top: 0 !important; }
  .factory .factory__info-title {
    margin-bottom: 20px; }
  .factory .factory__standarts-title {
    margin-bottom: 15px; }
  .factory .factory__info {
    margin-top: -330px; }
  .factory .factory__info-content {
    margin-top: 40px;
    width: 100%; }
  .factory .factory__info-man {
    margin-right: 50px !important; }
  .inner-page__header {
    height: 320px; }
  .inner-page__title {
    margin-top: 0 !important;
    line-height: 30px !important;
    max-height: 120px;
    overflow: hidden; }
  .about__info-tires {
    margin-top: -90px; } }

@media (max-width: 767px) {
  .inner-page__header--error {
    height: unset !important; }
  .error__header-subtext {
    font-size: 16px; }
  .error__footer {
    margin-top: 0px !important;
    padding: 30px; }
  .error__message {
    font-size: 16px !important;
    margin-bottom: 10px !important; }
  .error-image-box {
    margin-top: 0px !important;
    max-width: 80% !important; }
    .error-image-box img {
      height: unset !important; }
  .news__grid {
    margin-bottom: 40px !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .inner-page__header {
    padding-top: 100px;
    height: 340px; }
    .inner-page__header--error {
      height: 420px !important; }
  .error__footer {
    margin-top: 120px !important; }
  .error-image-box {
    max-width: 80% !important; }
    .error-image-box img {
      height: unset !important; }
  .news__grid {
    margin-bottom: 40px !important; } }

@media (min-width: 1024px) {
  .inner-page__header {
    padding-top: 120px; }
    .inner-page__header--error {
      height: 620px !important; }
  .error__footer {
    margin-top: 60px !important; }
  .news__grid {
    margin-bottom: 100px !important; } }

@media (min-width: 1366px) {
  .inner-page__header {
    padding-top: 150px; }
    .inner-page__header--factory {
      height: 560px !important; }
    .inner-page__header--error {
      height: 820px !important; }
  .error__footer {
    margin-top: -100px !important; }
  .news__grid {
    margin-bottom: 96px; } }

@media (min-width: 1680px) {
  .inner-page__header {
    padding-top: 180px; }
    .inner-page__header--factory {
      height: 660px !important; }
    .inner-page__header--error {
      height: 920px !important; }
  .error__footer {
    margin-top: -150px !important; } }

@media (min-width: 1920px) {
  .inner-page__header--factory {
    height: 760px !important; }
  .inner-page__header--error {
    height: 1020px !important; } }

.play {
  position: relative;
  height: 800px; }
  .play .play-banner {
    position: absolute;
    left: 0;
    top: -3%; }
    .play .play-banner img {
      width: 100%; }
  .play .lineball {
    position: absolute;
    right: 21%;
    top: 16%; }
    .play .lineball .helper-circle {
      position: absolute;
      width: 600px;
      height: 600px;
      border-radius: 50%;
      background: transparent;
      top: 10px;
      right: 15px;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: 1s .5s ease-out !important;
      -o-transition: 1s .5s ease-out !important;
      transition: 1s .5s ease-out !important; }
      .play .lineball .helper-circle.aos-animate {
        -webkit-transform: rotate(-95deg);
        -ms-transform: rotate(-95deg);
        transform: rotate(-95deg); }
      .play .lineball .helper-circle .ball {
        position: absolute;
        right: -33px;
        top: 155px;
        z-index: 3; }
    .play .lineball.aos-animate svg {
      -webkit-clip-path: inset(0 0 0 0);
      clip-path: inset(0 0 0 0); }
    .play .lineball svg {
      -webkit-clip-path: inset(0 0 0 100%);
      clip-path: inset(0 0 0 100%);
      -webkit-transition: 1s .5s ease-out !important;
      -o-transition: 1s .5s ease-out !important;
      transition: 1s .5s ease-out !important; }
      .play .lineball svg .test {
        position: absolute;
        right: 0;
        top: 0; }

@media (max-width: 767px) {
  .play-banner {
    margin-top: 100px;
    width: 100%;
    padding-right: 10px;
    top: 0 !important; }
    .play-banner .lineball {
      -webkit-transform: rotate(-24deg);
      -ms-transform: rotate(-24deg);
      transform: rotate(-24deg);
      top: 17%;
      right: 26%; }
      .play-banner .lineball .helper-circle {
        top: 40px;
        right: 15px; }
        .play-banner .lineball .helper-circle.aos-animate {
          -webkit-transform: rotate(-48deg);
          -ms-transform: rotate(-48deg);
          transform: rotate(-48deg); }
      .play-banner .lineball.aos-animate svg {
        -webkit-clip-path: inset(0 0 0 60%);
        clip-path: inset(0 0 0 60%); }
    .play-banner .ball {
      width: 45px;
      height: 45px; }
    .play-banner .circles, .play-banner .bubble {
      display: none; }
  .production {
    min-height: 1692px; }
    .production-inner {
      top: -120px !important; } }

@media (min-width: 300px) and (max-width: 500px) {
  .play {
    height: 420px; }
  .play-banner {
    top: 5% !important; }
    .play-banner .bubble {
      top: -25% !important;
      right: 20%; }
    .play-banner .circles {
      top: 20%;
      right: 11%; } }

@media (min-width: 400px) and (max-width: 500px) {
  .wheels-section .bubble {
    top: -22%; }
  .wheels-section .circles {
    top: 14%;
    right: 12%; } }

@media (min-width: 500px) and (max-width: 600px) {
  .play {
    height: 600px !important; }
  .play-banner .bubble {
    top: -12%;
    right: 17%; }
  .play-banner .circles {
    top: 11%;
    right: 10%; } }

@media (min-width: 600px) and (max-width: 700px) {
  .play-banner .bubble {
    top: -5%;
    right: 15%; }
  .play-banner .circles {
    top: 16%;
    right: 10%; } }

@media (max-width: 600px) {
  .play-banner .lineball {
    -webkit-transform: rotate(-39deg);
    -ms-transform: rotate(-39deg);
    transform: rotate(-39deg);
    top: 10%;
    right: 31%; }
    .play-banner .lineball.aos-animate svg {
      -webkit-clip-path: inset(0 0 0 90%);
      clip-path: inset(0 0 0 90%); }
    .play-banner .lineball .helper-circle {
      top: 63px;
      right: 23px; }
      .play-banner .lineball .helper-circle.aos-animate {
        -webkit-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
        transform: rotate(-19deg); }
  .play-banner .ball {
    width: 22px;
    height: 22px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .play-banner {
    width: 680px;
    top: -5% !important; }
    .play-banner .lineball {
      -webkit-transform: rotate(-24deg);
      -ms-transform: rotate(-24deg);
      transform: rotate(-24deg);
      top: 14%;
      right: 25%; }
      .play-banner .lineball .helper-circle {
        top: 40px;
        right: 15px; }
        .play-banner .lineball .helper-circle.aos-animate {
          -webkit-transform: rotate(-48deg);
          -ms-transform: rotate(-48deg);
          transform: rotate(-48deg); }
      .play-banner .lineball.aos-animate svg {
        -webkit-clip-path: inset(0 0 0 60%);
        clip-path: inset(0 0 0 60%); }
    .play-banner .ball {
      width: 45px;
      height: 45px; }
    .play-banner .circles {
      display: none; }
  .play {
    margin-top: 89px;
    height: 450px !important; }
  .production {
    min-height: 960px;
    margin-top: -75px; }
    .production-inner {
      top: -250px !important; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .play-banner {
    width: 645px;
    top: 4% !important; }
    .play-banner .lineball {
      -webkit-transform: rotate(-24deg);
      -ms-transform: rotate(-24deg);
      transform: rotate(-24deg);
      top: 14%;
      right: 25%; }
      .play-banner .lineball .helper-circle {
        top: 40px;
        right: 15px; }
        .play-banner .lineball .helper-circle.aos-animate {
          -webkit-transform: rotate(-48deg);
          -ms-transform: rotate(-48deg);
          transform: rotate(-48deg); }
      .play-banner .lineball.aos-animate svg {
        -webkit-clip-path: inset(0 0 0 60%);
        clip-path: inset(0 0 0 60%); }
    .play-banner .ball {
      width: 45px;
      height: 45px; }
  .play {
    margin-top: 45px;
    height: 660px !important; }
  .production {
    min-height: 1100px;
    margin-top: -300px; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .play-banner {
    width: 860px;
    top: -40% !important; }
    .play-banner .lineball {
      -webkit-transform: rotate(-21deg);
      -ms-transform: rotate(-21deg);
      transform: rotate(-21deg);
      top: 21%;
      right: 24%; }
      .play-banner .lineball .helper-circle {
        top: 25px;
        right: 15px; }
        .play-banner .lineball .helper-circle.aos-animate {
          -webkit-transform: rotate(-68deg);
          -ms-transform: rotate(-68deg);
          transform: rotate(-68deg); }
      .play-banner .lineball.aos-animate svg {
        -webkit-clip-path: inset(0 0 0 40%);
        clip-path: inset(0 0 0 40%); }
    .play-banner .ball {
      width: 60px;
      height: 60px; }
    .play-banner img {
      width: 100%; }
  .play {
    margin-top: 241px;
    height: 500px !important; }
  .production {
    min-height: 1392px;
    margin-top: -230px; }
  .contact .play-banner {
    top: -20% !important; } }

@media (min-width: 1480px) and (max-width: 1679px) {
  .production {
    margin-top: -40px; } }

@media (min-width: 1680px) {
  .production {
    min-height: 1786px;
    margin-top: -180px; }
  .play {
    margin-top: 157px;
    height: 760px !important; }
  .play-banner {
    width: 1090px;
    top: -8% !important; }
    .play-banner img {
      width: 100%; }
  .contact .play-banner {
    top: -4% !important; } }

@media (min-width: 1920px) {
  .production {
    min-height: 1932px; }
  .play {
    margin-top: 238px;
    height: 800px !important; }
  .play-banner {
    top: -3% !important; } }

.hamburger-box {
  opacity: 0;
  pointer-events: none; }

@media (max-width: 1023px) {
  .hamburger {
    opacity: 1;
    pointer-events: initial;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33px;
    height: 33px;
    background: #FFC12D;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 20px rgba(255, 193, 45, 0.3);
    box-shadow: 0 10px 20px rgba(255, 193, 45, 0.3);
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out; }
    .hamburger span {
      display: inline-block;
      width: 17px;
      height: 2px;
      position: relative; }
      .hamburger span:before {
        position: absolute;
        content: '';
        width: 17px;
        height: 2px;
        background: #fff;
        top: -3px;
        -webkit-transition: .6s ease-out;
        -o-transition: .6s ease-out;
        transition: .6s ease-out; }
      .hamburger span:after {
        position: absolute;
        content: '';
        width: 17px;
        height: 2px;
        background: #fff;
        top: 3px;
        -webkit-transition: .6s ease-out;
        -o-transition: .6s ease-out;
        transition: .6s ease-out; }
  .noEvent {
    pointer-events: none !important; }
  .opened {
    background: #D99D23; }
    .opened span:before {
      -webkit-transform: rotate(45deg) translate(3px, 3px);
      -ms-transform: rotate(45deg) translate(3px, 3px);
      transform: rotate(45deg) translate(3px, 3px); }
    .opened span:after {
      -webkit-transform: rotate(-45deg) translate(1px, -1px);
      -ms-transform: rotate(-45deg) translate(1px, -1px);
      transform: rotate(-45deg) translate(1px, -1px); } }

@media (max-width: 767px) {
  .hamburger {
    width: 27px;
    height: 27px; }
    .hamburger span {
      width: 12px; }
      .hamburger span:before, .hamburger span:after {
        width: 12px; }
  .opened {
    -webkit-box-shadow: 0 10px 20px rgba(255, 193, 45, 0.1);
    box-shadow: 0 10px 20px rgba(255, 193, 45, 0.1); }
    .opened span:before {
      -webkit-transform: rotate(45deg) translate(2px, 2px);
      -ms-transform: rotate(45deg) translate(2px, 2px);
      transform: rotate(45deg) translate(2px, 2px); }
    .opened span:after {
      -webkit-transform: rotate(-45deg) translate(2px, -2px);
      -ms-transform: rotate(-45deg) translate(2px, -2px);
      transform: rotate(-45deg) translate(2px, -2px); } }

.langs {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-gradient(linear, right top, left top, from(#4BAC9A), to(#39B54A));
  background: -o-linear-gradient(right, #4BAC9A, #39B54A);
  background: linear-gradient(to left, #4BAC9A, #39B54A);
  border-radius: 30px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 143, 71, 0.3);
  box-shadow: 0 10px 20px rgba(0, 143, 71, 0.3);
  position: relative;
  -webkit-transition: 0.8s 1.5s cubic-bezier(0.31, 0.01, 0.23, 0.99) !important;
  -o-transition: 0.8s 1.5s cubic-bezier(0.31, 0.01, 0.23, 0.99) !important;
  transition: 0.8s 1.5s cubic-bezier(0.31, 0.01, 0.23, 0.99) !important; }
  .langs.aos-animate {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .langs a {
    color: #fff !important; }
  .langs__circle {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    margin-right: 12px; }

.forEng .langs__circle {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-right: 0;
  margin-left: 12px; }

.header {
  width: 100%;
  height: 120px;
  position: fixed;
  top: 0;
  z-index: 6;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease; }
  .header__rect {
    position: absolute;
    z-index: 6;
    background: #fff;
    width: 100%;
    height: 115%;
    top: 0;
    left: 0;
    -webkit-transition: .3s .3s ease;
    -o-transition: .3s .3s ease;
    transition: .3s .3s ease;
    border-radius: 0 0 50% 50%/ 0 0 100% 100%;
    -webkit-transform: scale(1.5) translateY(-100%);
    -ms-transform: scale(1.5) translateY(-100%);
    transform: scale(1.5) translateY(-100%); }
  .header__rect-back {
    position: absolute;
    z-index: 5;
    background: rgba(0, 96, 87, 0.05);
    width: 100%;
    height: 115%;
    top: 0;
    left: 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    border-radius: 0 0 50% 50%/ 0 0 100% 100%; }
  .header .container--large {
    position: relative;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 7;
    padding: 33px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .3s .3s ease-out;
    -o-transition: .3s .3s ease-out;
    transition: .3s .3s ease-out; }

.banner {
  margin-top: 90px !important;
  height: 760px;
  position: relative; }
  .banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    background: url("../img/header-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .banner__decoration {
    position: absolute;
    top: 14%;
    left: -8%; }
  .banner__tires {
    position: absolute;
    left: -28%;
    top: 15%; }
  .banner__factory {
    position: absolute;
    top: 23%;
    left: 25%; }
  .banner__man {
    position: absolute;
    top: 40%;
    left: 29%; }

@media (max-width: 500px) {
  .banner__bg {
    top: 3%;
    height: 280px; }
  .banner__tires {
    top: 168px !important;
    left: -150px; }
    .banner__tires > img {
      width: 320px; }
  .banner__factory {
    width: 220px;
    top: 180px;
    left: 145px; }
    .banner__factory img {
      width: 100%; }
  .banner__man {
    width: 100px;
    top: 215px;
    left: 172px; }
    .banner__man img {
      width: 100%; } }

@media (min-width: 501px) and (max-width: 767px) {
  .banner__bg {
    height: 430px;
    top: -3%; }
  .banner__tires {
    left: -300px; }
    .banner__tires > img {
      width: 60%; }
  .banner__factory {
    width: 51%;
    left: 40%; }
    .banner__factory img {
      width: 100%; }
  .banner__man {
    width: 25%;
    top: 30%;
    left: 45%; }
    .banner__man img {
      width: 100%; } }

@media (max-width: 767px) {
  #header-rect {
    -webkit-transform: scale(1.5) translateY(0);
    -ms-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    height: 86px;
    border-radius: 0 0 50% 50%/ 0 0 20% 20%; }
  #header-rect-back {
    -webkit-transform: scale(1.3) translateY(15px);
    -ms-transform: scale(1.3) translateY(15px);
    transform: scale(1.3) translateY(15px);
    height: 86px;
    border-radius: 0 0 50% 50%/ 0 0 20% 20%; }
  .loaded #header-rect-back {
    -webkit-animation: headerRectBackFromTopResp .5s ease-out forwards !important;
    animation: headerRectBackFromTopResp .5s ease-out forwards !important; }
  .straight #header-rect {
    -webkit-animation: headerReactOnScrollResp .5s ease-out forwards !important;
    animation: headerReactOnScrollResp .5s ease-out forwards !important; }
  .straight #header-rect-back {
    -webkit-animation: headerRectBackOnScrollResp .5s ease-out forwards !important;
    animation: headerRectBackOnScrollResp .5s ease-out forwards !important; }
  .curved #header-rect {
    -webkit-animation: headerRectBackToTopResp .5s ease-out forwards !important;
    animation: headerRectBackToTopResp .5s ease-out forwards !important; }
  .curved #header-rect-back {
    -webkit-animation: headerRectBackBackToTopResp .5s ease-out forwards !important;
    animation: headerRectBackBackToTopResp .5s ease-out forwards !important; }
  .header {
    height: 100px; }
    .header .container--large {
      padding: 30px 20px; } }

@media (min-width: 769px) and (max-width: 1679px) {
  .langs {
    width: 69px;
    height: 27px; }
    .langs__circle {
      width: 14.5px;
      height: 14.5px; } }

@media (min-width: 768px) {
  .header {
    height: 68px; }
    .header .container--large {
      padding: 10px 0; } }

@media (min-width: 1200px) and (max-width: 1300px) {
  .banner__tires {
    top: 0;
    left: -26%; }
    .banner__tires img > {
      width: 65%; } }

@media (min-width: 768px) {
  .banner__bg {
    height: 430px;
    top: -3%; }
  .banner__tires {
    left: -300px; }
    .banner__tires > img {
      width: 60%; }
  .banner__factory {
    width: 51%;
    left: 40%; }
    .banner__factory img {
      width: 100%; }
  .banner__man {
    width: unset;
    top: 32%;
    left: 45%; }
    .banner__man img {
      width: 57%; }
  .header .container--large {
    padding: 25px 0;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px); } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .banner__bg {
    height: 430px;
    top: 3%; }
  .banner__tires {
    left: -280px;
    top: 7%; }
  .banner__man {
    top: 28%;
    left: 30%; }
  .header .container--large {
    padding: 25px 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); } }

@media (min-width: 1024px) {
  .banner__tires {
    left: -27%;
    top: 10%; }
    .banner__tires > img {
      width: 55%; }
  .banner__factory {
    width: unset;
    top: 19%;
    left: 27%; }
    .banner__factory img {
      width: 56%; }
  .banner__man {
    top: 37%;
    left: 31%; }
    .banner__man img {
      width: 56%; } }

@media (min-width: 1100px) and (max-width: 1199px) {
  .banner__tires {
    top: 5%;
    left: -30%; }
    .banner__tires > img {
      width: 65%; }
  .banner__man {
    top: 28%;
    left: 30%; } }

@media (min-width: 1200px) and (max-width: 1299px) {
  .banner__tires {
    top: 5%;
    left: -28%; }
    .banner__tires > img {
      width: 65%; }
  .banner__man {
    top: 28%;
    left: 30%; } }

@media (min-width: 1300px) and (max-width: 1366px) {
  .banner__tires {
    top: 5%;
    left: -25%; }
    .banner__tires > img {
      width: 65%; }
  .banner__man {
    top: 28%;
    left: 30%; } }

@media (min-width: 1366px) {
  .header {
    height: 90px; }
    .header .container--large {
      padding: 24px 0;
      -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
      transform: translateY(4px); }
  .banner__bg {
    height: 700px; }
  .banner__tires {
    left: -30%;
    top: 14%; }
    .banner__tires > img {
      width: 80%; }
  .banner__factory {
    top: 20%;
    left: 29%; }
    .banner__factory img {
      width: 77%; }
  .banner__man {
    top: 35.5%;
    left: 33%; }
    .banner__man img {
      width: 80%; } }

@media (min-width: 1500px) and (max-width: 1600px) {
  .banner__tires {
    left: -28%;
    top: 10%; }
  .banner > img {
    width: 85%; } }

@media (min-width: 1600px) and (max-width: 1679px) {
  .banner__tires {
    left: -28%;
    top: 8%; }
    .banner__tires img {
      width: 90%; } }

@media (min-width: 1680px) {
  .header {
    height: 120px;
    padding: 15px 0; }
    .header .container--large {
      padding: 20px 0;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }
  .langs {
    width: 89px;
    height: 33px; }
    .langs__circle {
      width: 18px;
      height: 18px; }
  .banner__bg {
    top: 7%; }
  .banner__tires {
    left: -28%;
    top: 18%; }
    .banner__tires > img {
      width: 92%; }
  .banner__factory {
    top: 23%;
    left: 27%; }
    .banner__factory img {
      width: 92%; }
  .banner__man {
    top: 38%;
    left: 31%; }
    .banner__man img {
      width: 95%; } }

@media (min-width: 1920px) {
  .header .container--large {
    padding: 15px 0; }
  .langs {
    width: 108px;
    height: 38px; }
    .langs__circle {
      width: 20px;
      height: 20px; }
  .banner__bg {
    top: 0; }
  .banner__tires {
    left: -27%;
    top: 15%; }
    .banner__tires > img {
      width: 100%; }
  .banner__factory {
    position: absolute;
    top: 23%;
    left: 26.5%; }
    .banner__factory img {
      width: 100%; }
  .banner__man {
    top: 40%;
    left: 29%; }
    .banner__man img {
      width: 100%; } }

.straight .container--large {
  -webkit-transform: translateY(-12px);
  -ms-transform: translateY(-12px);
  transform: translateY(-12px); }

.loaded #header-rect {
  -webkit-animation: headerRectFromTop .8s .3s ease-out forwards;
  animation: headerRectFromTop .8s .3s ease-out forwards; }

.straight #header-rect {
  -webkit-box-shadow: 0 0 30px rgba(24, 24, 24, 0.1);
  box-shadow: 0 0 30px rgba(24, 24, 24, 0.1);
  -webkit-animation: headerReactOnScroll .3s ease-out forwards;
  animation: headerReactOnScroll .3s ease-out forwards; }

.curved #header-rect {
  -webkit-animation: headerRectBackToTop .3s ease-out forwards;
  animation: headerRectBackToTop .3s ease-out forwards; }

.loaded #header-rect-back {
  -webkit-animation: headerRectBackFromTop .5s ease-out forwards;
  animation: headerRectBackFromTop .5s ease-out forwards; }

.straight #header-rect-back {
  -webkit-animation: headerRectBackOnScroll .3s ease-out forwards;
  animation: headerRectBackOnScroll .3s ease-out forwards; }

.curved #header-rect-back {
  -webkit-animation: headerRectBackBackToTop .3s ease-out forwards;
  animation: headerRectBackBackToTop .3s ease-out forwards; }

@-webkit-keyframes headerRectFromTop {
  0% {
    -webkit-transform: scale(1.5) translateY(-100%);
    transform: scale(1.5) translateY(-100%); }
  70% {
    -webkit-transform: scale(1.5) translateY(20px);
    transform: scale(1.5) translateY(20px); }
  100% {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0); } }

@keyframes headerRectFromTop {
  0% {
    -webkit-transform: scale(1.5) translateY(-100%);
    transform: scale(1.5) translateY(-100%); }
  70% {
    -webkit-transform: scale(1.5) translateY(20px);
    transform: scale(1.5) translateY(20px); }
  100% {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0); } }

@-webkit-keyframes headerRectBackFromTop {
  0% {
    -webkit-transform: scale(1.28) translateY(-100%);
    transform: scale(1.28) translateY(-100%); }
  100% {
    -webkit-transform: scale(1.28) translateY(25px);
    transform: scale(1.28) translateY(25px); } }

@keyframes headerRectBackFromTop {
  0% {
    -webkit-transform: scale(1.28) translateY(-100%);
    transform: scale(1.28) translateY(-100%); }
  100% {
    -webkit-transform: scale(1.28) translateY(25px);
    transform: scale(1.28) translateY(25px); } }

@-webkit-keyframes headerRectBackFromTopResp {
  0% {
    -webkit-transform: scale(1.28) translateY(-100%);
    transform: scale(1.28) translateY(-100%); }
  100% {
    -webkit-transform: scale(1.28) translateY(15px);
    transform: scale(1.28) translateY(15px); } }

@keyframes headerRectBackFromTopResp {
  0% {
    -webkit-transform: scale(1.28) translateY(-100%);
    transform: scale(1.28) translateY(-100%); }
  100% {
    -webkit-transform: scale(1.28) translateY(15px);
    transform: scale(1.28) translateY(15px); } }

@-webkit-keyframes headerReactOnScroll {
  0% {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    border-radius: 0 0 50% 50%/ 0 0 100% 100%; }
  100% {
    -webkit-transform: scale(1.5) translateY(-35px);
    transform: scale(1.5) translateY(-35px);
    border-radius: 0 0 50% 50%/ 0 0 0% 0%; } }

@keyframes headerReactOnScroll {
  0% {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    border-radius: 0 0 50% 50%/ 0 0 100% 100%; }
  100% {
    -webkit-transform: scale(1.5) translateY(-35px);
    transform: scale(1.5) translateY(-35px);
    border-radius: 0 0 50% 50%/ 0 0 0% 0%; } }

@media (min-width: 768px) and (max-width: 1365px) {
  @-webkit-keyframes headerReactOnScroll {
    0% {
      -webkit-transform: scale(1.5) translateY(0);
      transform: scale(1.5) translateY(0);
      border-radius: 0 0 50% 50%/ 0 0 100% 100%; }
    100% {
      -webkit-transform: scale(1.5) translateY(-20px);
      transform: scale(1.5) translateY(-20px);
      border-radius: 0 0 50% 50%/ 0 0 0% 0%; } }
  @keyframes headerReactOnScroll {
    0% {
      -webkit-transform: scale(1.5) translateY(0);
      transform: scale(1.5) translateY(0);
      border-radius: 0 0 50% 50%/ 0 0 100% 100%; }
    100% {
      -webkit-transform: scale(1.5) translateY(-20px);
      transform: scale(1.5) translateY(-20px);
      border-radius: 0 0 50% 50%/ 0 0 0% 0%; } } }

@-webkit-keyframes headerRectBackOnScroll {
  from {
    -webkit-transform: scale(1.3) translateY(20px);
    transform: scale(1.3) translateY(20px); }
  to {
    -webkit-transform: scale(1.3) translateY(-35px);
    transform: scale(1.3) translateY(-35px); } }

@keyframes headerRectBackOnScroll {
  from {
    -webkit-transform: scale(1.3) translateY(20px);
    transform: scale(1.3) translateY(20px); }
  to {
    -webkit-transform: scale(1.3) translateY(-35px);
    transform: scale(1.3) translateY(-35px); } }

@media (min-width: 768px) and (max-width: 1365px) {
  @-webkit-keyframes headerRectBackOnScroll {
    from {
      -webkit-transform: scale(1.3) translateY(20px);
      transform: scale(1.3) translateY(20px); }
    to {
      -webkit-transform: scale(1.3) translateY(-20px);
      transform: scale(1.3) translateY(-20px); } }
  @keyframes headerRectBackOnScroll {
    from {
      -webkit-transform: scale(1.3) translateY(20px);
      transform: scale(1.3) translateY(20px); }
    to {
      -webkit-transform: scale(1.3) translateY(-20px);
      transform: scale(1.3) translateY(-20px); } } }

@-webkit-keyframes headerReactOnScrollResp {
  0% {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    border-radius: 0 0 50% 50%/ 0 0 20% 20%; }
  100% {
    -webkit-transform: scale(1.5) translateY(-20px);
    transform: scale(1.5) translateY(-20px);
    border-radius: 0 0 50% 50%/ 0 0 0% 0%; } }

@keyframes headerReactOnScrollResp {
  0% {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    border-radius: 0 0 50% 50%/ 0 0 20% 20%; }
  100% {
    -webkit-transform: scale(1.5) translateY(-20px);
    transform: scale(1.5) translateY(-20px);
    border-radius: 0 0 50% 50%/ 0 0 0% 0%; } }

@-webkit-keyframes headerRectBackOnScrollResp {
  from {
    -webkit-transform: scale(1.3) translateY(20px);
    transform: scale(1.3) translateY(20px); }
  to {
    -webkit-transform: scale(1.3) translateY(-500px);
    transform: scale(1.3) translateY(-500px); } }

@keyframes headerRectBackOnScrollResp {
  from {
    -webkit-transform: scale(1.3) translateY(20px);
    transform: scale(1.3) translateY(20px); }
  to {
    -webkit-transform: scale(1.3) translateY(-500px);
    transform: scale(1.3) translateY(-500px); } }

@-webkit-keyframes headerRectBackToTop {
  from {
    -webkit-transform: scale(1.5) translateY(-20px);
    transform: scale(1.5) translateY(-20px);
    border-radius: 0 0 50% 50%/ 0 0 0% 0%; }
  to {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    border-radius: 0 0 50% 50%/ 0 0 100% 100%; } }

@keyframes headerRectBackToTop {
  from {
    -webkit-transform: scale(1.5) translateY(-20px);
    transform: scale(1.5) translateY(-20px);
    border-radius: 0 0 50% 50%/ 0 0 0% 0%; }
  to {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    border-radius: 0 0 50% 50%/ 0 0 100% 100%; } }

@-webkit-keyframes headerRectBackBackToTop {
  from {
    -webkit-transform: scale(1.3) translateY(-20px);
    transform: scale(1.3) translateY(-20px); }
  to {
    -webkit-transform: scale(1.3) translateY(20px);
    transform: scale(1.3) translateY(20px); } }

@keyframes headerRectBackBackToTop {
  from {
    -webkit-transform: scale(1.3) translateY(-20px);
    transform: scale(1.3) translateY(-20px); }
  to {
    -webkit-transform: scale(1.3) translateY(20px);
    transform: scale(1.3) translateY(20px); } }

@-webkit-keyframes headerRectBackToTopResp {
  from {
    -webkit-transform: scale(1.5) translateY(-20px);
    transform: scale(1.5) translateY(-20px);
    border-radius: 0 0 50% 50%/ 0 0 0% 0%; }
  to {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    border-radius: 0 0 50% 50%/ 0 0 20% 20%; } }

@keyframes headerRectBackToTopResp {
  from {
    -webkit-transform: scale(1.5) translateY(-20px);
    transform: scale(1.5) translateY(-20px);
    border-radius: 0 0 50% 50%/ 0 0 0% 0%; }
  to {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    border-radius: 0 0 50% 50%/ 0 0 20% 20%; } }

@-webkit-keyframes headerRectBackBackToTopResp {
  from {
    -webkit-transform: scale(1.3) translateY(-50px);
    transform: scale(1.3) translateY(-50px); }
  to {
    -webkit-transform: scale(1.3) translateY(15px);
    transform: scale(1.3) translateY(15px); } }

@keyframes headerRectBackBackToTopResp {
  from {
    -webkit-transform: scale(1.3) translateY(-50px);
    transform: scale(1.3) translateY(-50px); }
  to {
    -webkit-transform: scale(1.3) translateY(15px);
    transform: scale(1.3) translateY(15px); } }

.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
  .navigation li {
    overflow: hidden; }
  .navigation a {
    display: inline-block;
    color: #181818;
    font-weight: bold;
    -webkit-transition: 0.3s cubic-bezier(0.35, 0.38, 0.69, 0.66);
    -o-transition: 0.3s cubic-bezier(0.35, 0.38, 0.69, 0.66);
    transition: 0.3s cubic-bezier(0.35, 0.38, 0.69, 0.66); }
    .navigation a:hover {
      color: #008F47; }
  .navigation .active {
    color: #008F47; }

.sidebar-menu {
  display: none; }

@media (max-width: 1023px) {
  .sidebar-menu {
    display: block;
    padding-top: 140px;
    padding-left: 22px;
    z-index: 6;
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff;
    -webkit-transition: 1s cubic-bezier(0.49, 0.01, 0.49, 0.99);
    -o-transition: 1s cubic-bezier(0.49, 0.01, 0.49, 0.99);
    transition: 1s cubic-bezier(0.49, 0.01, 0.49, 0.99);
    opacity: 0;
    -webkit-box-shadow: 0 0 20px rgba(101, 101, 101, 0.3);
    box-shadow: 0 0 20px rgba(101, 101, 101, 0.3);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
    .sidebar-menu > ul {
      position: relative;
      z-index: 3; }
      .sidebar-menu > ul li {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .5s ease-out;
        -o-transition: .5s ease-out;
        transition: .5s ease-out; }
      .sidebar-menu > ul .itemsIn {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        pointer-events: auto; }
      .sidebar-menu > ul li:not(:last-child) {
        margin-bottom: 30px; }
      .sidebar-menu > ul li a {
        padding-left: 7px; }
      .sidebar-menu > ul li .active {
        color: #008F47;
        border-left: 3px solid #008F47; }
    .sidebar-menu__socials {
      background: url("../img/sidebar-bg.svg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 168px;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .sidebar-menu__socials ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 70px; }
        .sidebar-menu__socials ul a svg path {
          fill: #181818; }
        .sidebar-menu__socials ul li:not(:last-child) {
          margin-right: 30px; }
    .sidebar-menu__bg {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 170px;
      -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
      transform: translateY(100px);
      opacity: 0;
      -webkit-transition: .5s ease-out;
      -o-transition: .5s ease-out;
      transition: .5s ease-out; }
      .sidebar-menu__bg img {
        width: 100%; }
    .sidebar-menu .itemsUp {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
      pointer-events: auto; }
  .opened {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@media (max-width: 1023px) {
  .navigation ul {
    display: none; }
  .navigation .langs {
    width: 89px;
    height: 33px; }
    .navigation .langs__circle {
      width: 18px;
      height: 18px; } }

@media (max-width: 767px) {
  .navigation .langs {
    width: 69px;
    height: 27px; }
    .navigation .langs a {
      font-size: 14px !important; }
    .navigation .langs__circle {
      width: 14px;
      height: 14px; } }

@media (min-width: 1024px) {
  .navigation li {
    margin-right: 30px; } }

@media (min-width: 1366px) {
  .navigation li {
    margin-right: 32px; } }

@media (min-width: 1920px) {
  .navigation ul {
    margin-right: 20px; }
  .navigation li {
    margin-right: 40px; } }

@media (max-height: 500px) and (orientation: landscape) {
  .sidebar-menu {
    overflow-y: auto;
    overflow-x: hidden; }
  .sidebar-menu__socials {
    width: 120%;
    margin-left: -22px;
    position: relative !important;
    bottom: 0 !important; } }

.products {
  margin-top: 37px; }
  .products__header {
    max-width: 1080px;
    margin: 0 auto;
    text-align: center; }
  .products__header-desc {
    margin-bottom: 40px; }
  .products__header-title {
    margin-bottom: 30px; }
  .products__grid {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 33px 1fr 33px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 33px; }
  .products .product {
    width: 100%;
    position: relative;
    padding-top: 110px;
    padding-bottom: 65px;
    background: #fff;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 50px rgba(24, 24, 24, 0.1);
    box-shadow: 0 0 50px rgba(24, 24, 24, 0.1);
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .products .product-icon {
      position: relative;
      margin-bottom: 80px; }
      .products .product-icon-white {
        opacity: 0; }
      .products .product-icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .products .product__bottom {
      position: absolute;
      bottom: -5px;
      left: 50px;
      background: #FFC12D;
      width: 56px;
      height: 11px;
      border-radius: 30px; }
    .products .product:hover {
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
      background: #4BAC9A; }
      .products .product:hover .product-icon-white {
        opacity: 1; }
      .products .product:hover .product-icon-green {
        opacity: 0; }
      .products .product:hover svg path {
        fill: #fff; }
      .products .product:hover .product__title {
        color: #fff !important; }
    .products .product svg, .products .product svg path {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .products .product svg path {
      fill: #4BAC9A;
      -webkit-transition: .5s ease;
      -o-transition: .5s ease;
      transition: .5s ease; }
    .products .product__title {
      -webkit-transition: .5s ease;
      -o-transition: .5s ease;
      transition: .5s ease;
      text-align: center;
      color: #181818;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      word-spacing: 100vw;
      overflow: hidden; }
      .products .product__title--other {
        text-align: left;
        font-size: 30px; }
    .products .product__header-desc {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .products .product--other {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 60px; }
      .products .product--other svg {
        width: 100%;
        margin-right: 30px;
        margin-bottom: 0 !important; }

@media (min-width: 700px) {
  .product--other {
    height: 214px !important; } }

@media (max-width: 767px) {
  .products__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 30px; }
  .product {
    padding-top: 70px !important;
    padding-bottom: 55px !important; }
    .product__title {
      max-height: 38px; }
    .product-icon {
      width: 86px !important;
      height: 71px !important;
      margin-bottom: 52px !important; }
    .product__bottom {
      width: 35px !important;
      height: 7px !important;
      left: 30px !important;
      bottom: -4px !important; }
  .other__grid {
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important;
    grid-gap: 30px !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .products__grid {
    grid-gap: 20px; }
  .product {
    padding-top: 55px !important;
    padding-bottom: 35px !important; }
    .product__title {
      max-height: 34px; }
    .product-icon {
      width: 63px !important;
      height: 52px !important;
      margin-bottom: 36px !important; }
    .product__bottom {
      width: 26px !important;
      height: 5px !important;
      left: 30px !important;
      bottom: -3px !important; }
  .products.container {
    max-width: 642px; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .products__grid {
    grid-gap: 20px; }
  .product {
    padding-top: 65px !important;
    padding-bottom: 38px !important; }
    .product__title {
      max-height: 35px; }
    .product-icon {
      width: 69px !important;
      height: 58px !important;
      margin-bottom: 36px !important; }
    .product__bottom {
      width: 29px !important;
      height: 6px !important;
      left: 40px !important;
      bottom: -4px !important; }
  .products.container {
    max-width: 710px; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .products__grid {
    grid-gap: 25px; }
  .products.container {
    max-width: 960px; }
  .product {
    padding-top: 80px !important;
    padding-bottom: 50px !important; }
    .product__title {
      max-height: 50px; }
    .product-icon {
      width: 94px;
      height: 78px;
      margin-bottom: 54px !important; }
    .product__bottom {
      width: 39px !important;
      height: 7px !important;
      left: 40px !important;
      bottom: -4px !important; } }

@media (min-width: 1680px) and (max-width: 1919px) {
  .product {
    padding-top: 90px !important;
    padding-bottom: 50px !important; }
    .product-icon {
      width: 114px;
      height: 95px; }
    .product__title {
      max-height: 74px; }
    .product__bottom {
      width: 47px !important;
      height: 9px !important;
      left: 40px !important;
      bottom: -4px !important; }
  .products.container {
    max-width: 1160px; } }

@media (min-width: 1920px) {
  .product {
    padding-top: 110px;
    padding-bottom: 65px; }
    .product__title {
      max-height: 78px; }
    .product-icon {
      width: 133px;
      height: 111px; } }

.contact__grid {
  padding: 40px 0;
  border-top: 1px solid rgba(75, 172, 154, 0.5);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 200px 1fr 200px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-column-gap: 200px; }

.contact__partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .contact__partners a:not(:last-child) {
    margin-right: 40px; }
  .contact__partners img {
    max-width: 132px;
    max-height: 80px;
    -o-object-fit: cover;
    object-fit: cover; }
  .contact__partners img:not(:last-child) {
    margin-right: 40px; }

.contact__title {
  margin-bottom: 10px; }

.contact__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .contact__info a {
    color: #181818;
    line-height: 25px; }

.copyright {
  background: #181818;
  padding: 40px 0;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0; }
  .copyright__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3fr 1fr;
    grid-template-columns: 1fr 3fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .copyright .socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .copyright .socials li:not(:last-child) {
    margin-right: 30px; }
  .copyright .socials a:hover svg path {
    fill: #4BAC9A; }
  .copyright .socials a svg path {
    fill: #fff;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out; }
  .copyright__text {
    text-align: center;
    color: #fff; }
  .copyright .connect-logo {
    text-align: right; }

.iosCopyright {
  position: relative !important; }

.tbc-banner {
  background: #fff;
  position: relative;
  z-index: 2; }
  .tbc-banner__green {
    background: #008A71;
    padding: 25px; }
  .tbc-banner__white {
    width: 100%;
    background: #fff;
    padding: 28px 58px;
    position: relative; }
  .tbc-banner__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .tbc-banner__content {
    width: 60%; }
  .tbc-banner__logo {
    width: 448px;
    height: 59px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 10px; }
  .tbc-banner__title {
    font-size: 50px; }
    .tbc-banner__title span {
      font-size: 60px; }
  .tbc-banner__nomination {
    font-size: 30px; }
    .tbc-banner__nomination span {
      color: #008F47; }

.footer {
  position: relative; }
  .footer-tire {
    z-index: 10;
    position: absolute;
    top: -180px;
    left: -250px; }

@media (max-width: 767px) {
  .tbc-banner {
    margin-top: 30px !important; }
    .tbc-banner__image .big {
      display: none; }
    .tbc-banner__image .small {
      display: block; }
  .products-inner .other {
    padding-bottom: 60px !important; }
  .error__message {
    line-height: 24px;
    margin-bottom: 20px !important; } }

@media (max-width: 340px) {
  .tbc-banner {
    margin-top: -10px !important; } }

@media (min-width: 340px) and (max-width: 400px) {
  .tbc-banner {
    margin-top: 30px !important; } }

@media (min-width: 400px) and (max-width: 500px) {
  .tbc-banner {
    margin-top: 100px !important; } }

@media (max-width: 767px) {
  .tbc-banner {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px !important; }
    .tbc-banner__green {
      padding: 10px !important; }
    .tbc-banner__white {
      padding: 19px 21px; }
    .tbc-banner__content {
      width: 100%;
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
      grid-gap: 23px; }
    .tbc-banner__logo {
      width: 216px;
      height: 27px; }
    .tbc-banner__title {
      font-size: 19px; }
      .tbc-banner__title span {
        font-size: 26px; }
    .tbc-banner__nomination {
      font-size: 16px; }
      .tbc-banner__nomination span {
        font-size: 14px; }
  .page-production .footer {
    margin-top: 60px !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .tbc-banner {
    margin-top: 56px !important; }
    .tbc-banner__green {
      padding: 12px; }
    .tbc-banner__white {
      padding: 13px 26px; }
    .tbc-banner__logo {
      width: 206px;
      height: 27px; }
    .tbc-banner__title {
      font-size: 21px; }
      .tbc-banner__title span {
        font-size: 26px; }
    .tbc-banner__nomination {
      font-size: 16px; }
  .other__grid {
    grid-gap: 60px !important; }
  .products-inner .other {
    padding-bottom: 60px !important; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .tbc-banner {
    margin-top: -140px !important; }
    .tbc-banner__green {
      padding: 16px; }
    .tbc-banner__white {
      padding: 17px 35px; }
    .tbc-banner__logo {
      width: 275px;
      height: 36px; }
    .tbc-banner__title {
      font-size: 30px; }
      .tbc-banner__title span {
        font-size: 35px; }
    .tbc-banner__nomination {
      font-size: 17px; }
  .footer-tire {
    top: -110px;
    left: -130px; }
    .footer-tire img {
      width: 60%; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .tbc-banner__green {
    padding: 20px; }
  .tbc-banner__logo {
    width: 371px;
    height: 49px; }
  .tbc-banner__title {
    font-size: 41px; }
    .tbc-banner__title span {
      font-size: 49px; }
  .tbc-banner__nomination {
    font-size: 24px; }
  .footer-tire {
    top: -150px;
    left: -165px; }
    .footer-tire img {
      width: 80%; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .tbc-banner {
    margin-top: -50px !important; } }

@media (min-width: 1680px) {
  .tbc-banner {
    margin-top: -15px !important; } }

@media (min-width: 1920px) {
  .tbc-banner {
    margin-top: -25px !important; } }

@media (max-width: 1400px) {
  .contact__grid {
    grid-column-gap: 100px; } }

@media (max-width: 1200px) {
  .contact__partners img {
    max-width: 100px;
    max-height: 60px; }
  .contact__partners img:not(:last-child) {
    margin-right: 20px; }
  .contact__grid {
    grid-column-gap: 60px; } }

@media (max-width: 900px) {
  .contact__grid {
    grid-row-gap: 67px;
    grid-column-gap: 46px; }
  .contact__item:first-child {
    -ms-grid-column-span: 3;
    grid-column: span 3; } }

@media (max-width: 767px) {
  .contact__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 20px; }
  .contact__item:first-child {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important; }
  .copyright__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 30px; }
    .copyright__grid .socials ul {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .copyright__grid .connect-logo {
      text-align: center; }
  .copyright {
    padding: 20px 0; } }

.container {
  max-width: 1360px;
  margin: 0 auto; }
  .container--full {
    max-width: 100%;
    margin: 0 auto; }
  .container--large {
    max-width: 1638px;
    margin: 0 auto; }

@media (max-width: 767px) {
  .container, .container--large {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) {
  .container {
    max-width: 642px; }
    .container--large {
      max-width: 642px; } }

@media (min-width: 1024px) {
  .container {
    max-width: 856px; }
    .container--large {
      max-width: 856px; } }

@media (min-width: 1366px) {
  .container {
    max-width: 1156px; }
    .container--large {
      max-width: 1156px; } }

@media (min-width: 1680px) {
  .container {
    max-width: 1160px; }
    .container--large {
      max-width: 1396px; } }

@media (min-width: 1920px) {
  .container {
    max-width: 1360px; }
    .container--large {
      max-width: 1638px; } }

.decoration {
  position: absolute; }
  .decoration img {
    width: 100%;
    height: 100%; }
  .decoration__tires-top {
    width: 45px;
    height: 45px; }
    .decoration__tires-top img {
      width: 100%;
      height: 100%; }
  .decoration-wheels {
    width: 695px;
    position: absolute;
    top: -54px;
    right: 30px; }

.main-line__top {
  width: 204px;
  height: 149px;
  position: absolute;
  top: 20px;
  left: 42%; }

.main-line__bottom {
  width: 110px;
  height: 161px;
  position: absolute;
  left: 50%;
  bottom: -140px; }

@media (max-width: 767px) {
  .decoration__tires-bottom {
    width: 140px;
    right: -6%;
    bottom: -18%; }
  .decoration__man {
    bottom: -7px;
    right: -70px;
    width: 100px; }
  .main-line__top, .main-line__bottom {
    display: none; }
  .decoration-wheels {
    top: -14px;
    right: 20px;
    width: 260px; }
    .decoration-wheels img {
      width: 260px; } }

@media (min-width: 500px) and (max-width: 767px) {
  .decoration__tires-bottom {
    left: 43%;
    bottom: -10%; } }

@media (max-width: 1023px) {
  .decoration__tires-top {
    display: none; } }

@media (min-width: 768px) {
  .decoration__tires-bottom {
    right: 36%;
    bottom: -19%; }
  .decoration__man {
    bottom: -3%;
    right: -10%; } }

@media (max-width: 1365px) {
  .decoration__tires-dirt {
    display: none; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .decoration-wheels {
    width: 400px;
    top: -54px;
    right: -100px; }
    .decoration-wheels img {
      width: 400px; }
  .main-line__top {
    top: -30px; }
  .main-line__bottom {
    bottom: -160px; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .banner {
    height: 390px; }
  .decoration__tires-top {
    right: 60%;
    top: -6%;
    width: 30px;
    height: 30px; }
  .decoration__tires-bottom {
    right: 42%;
    bottom: -19%;
    width: 250px; }
  .decoration__man {
    bottom: -3%;
    right: -10%; }
  .decoration-wheels {
    width: 500px;
    top: -70px;
    right: 10px; }
    .decoration-wheels img {
      width: 500px; }
  .main-line__top {
    top: 10px;
    left: 42%; }
  .main-line__bottom {
    bottom: 100px; }
  .production__banner img {
    margin-top: -60px; } }

@media (min-width: 1100px) and (max-width: 1365px) {
  .decoration__tires-top {
    right: 52%;
    top: -5%;
    width: 30px;
    height: 30px; }
  .decoration__tires-bottom {
    right: 36%;
    bottom: -15%;
    width: 250px; }
  .decoration__man {
    bottom: -3%;
    right: -10%; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .decoration-wheels {
    width: 500px; }
    .decoration-wheels img {
      width: 500px; } }

@media (min-width: 1366px) {
  .decoration__tires-top {
    right: 40%;
    top: -5%; }
  .decoration__tires-bottom {
    right: 21%;
    bottom: -13%; }
  .decoration__tires-dirt {
    right: -2%;
    top: 10%; }
  .decoration__man {
    bottom: -3%;
    right: -30%; }
  .main-line__top {
    top: 30px;
    left: 46%; }
  .main-line__bottom {
    left: 53%;
    bottom: 60px; } }

@media (min-width: 1600px) and (max-width: 1679px) {
  .decoration__tires-top {
    right: 33%;
    top: -4%; }
  .decoration__tires-bottom {
    right: 13%;
    bottom: -11%; } }

@media (min-width: 1680px) {
  .decoration__tires-top {
    right: 30%;
    top: -4%; }
  .decoration__tires-bottom {
    right: 11%;
    bottom: -12%; }
  .decoration__tires-dirt {
    right: -15%;
    top: 10%; }
  .decoration__man {
    bottom: -3%;
    right: -45%; }
  .main-line__top {
    top: 10px;
    left: 40%; }
  .main-line__bottom {
    left: 53%;
    bottom: -60px; } }

@media (min-width: 1920px) {
  .decoration__tires-top {
    right: 26%; }
  .decoration__tires-bottom {
    right: 2%;
    bottom: -10%; }
  .decoration__tires-dirt {
    right: -19%;
    top: 10%; }
  .decoration__man {
    bottom: -3%;
    right: -51%; }
  .main-line__top {
    top: 20px;
    left: 42%; }
  .main-line__bottom {
    left: 50%;
    bottom: -140px; } }

@media (max-width: 1679px) {
  .main-line--lg {
    display: none; }
  .main-line--sm {
    display: block; } }

@media (min-width: 1680px) {
  .main-line--lg {
    display: block; }
  .main-line--sm {
    display: none; } }

.main-page {
  margin-top: 0 !important; }

.wheels-section {
  height: 600px;
  margin-top: 20px;
  margin-bottom: 100px;
  position: relative; }
  .wheels-section .wheels__line {
    position: absolute;
    z-index: 3; }
  .wheels-section .wheels-content {
    position: absolute;
    right: 0;
    top: 0; }
    .wheels-section .wheels-content .slider {
      position: relative; }
  .wheels-section .roller {
    position: absolute;
    text-align: center;
    top: 32%; }
    .wheels-section .roller > img {
      position: relative; }
  .wheels-section .wheel-one, .wheels-section .wheel-two, .wheels-section .wheel-three {
    position: absolute; }
  .wheels-section .wheel-three {
    z-index: 4; }
  .wheels-section .wheel-one.aos-animate {
    top: 54%;
    -webkit-transition: 0.8s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    -o-transition: 0.8s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    transition: 0.8s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    -webkit-animation: rotatingReverse 20s 1s linear infinite;
    animation: rotatingReverse 20s 1s linear infinite; }
  .wheels-section .wheel-two.aos-animate {
    top: 54%;
    -webkit-transition: 0.8s 0.2s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    -o-transition: 0.8s 0.2s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    transition: 0.8s 0.2s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    -webkit-animation: rotating 20s 1.2s linear infinite;
    animation: rotating 20s 1.2s linear infinite; }
  .wheels-section .wheel-three.aos-animate {
    top: 85%;
    -webkit-transition: 0.8s 0.4s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    -o-transition: 0.8s 0.4s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    transition: 0.8s 0.4s cubic-bezier(0.04, -0.01, 0.46, 1.26) !important;
    -webkit-animation: rotatingReverse 20s 1.4s linear infinite;
    animation: rotatingReverse 20s 1.4s linear infinite; }

.production {
  width: 100%;
  position: relative; }
  .production__banner {
    text-align: center; }

.production-inner {
  position: absolute;
  z-index: -1;
  left: 0;
  top: -380px;
  width: 100%;
  height: 100%;
  background: url("../img/production-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.production-tire-left, .production-tire-right {
  position: absolute; }

.production-tire-left {
  top: 30%;
  left: -8%; }

.production-tire-right {
  right: -20%;
  bottom: 8%; }

@media (max-width: 767px) {
  .wheels-section {
    margin-top: -240px;
    height: 400px; }
    .wheels-section .wheel-one {
      width: 50px;
      height: 50px;
      right: 39%; }
      .wheels-section .wheel-one img {
        width: 50px;
        height: 50px; }
    .wheels-section .wheel-two {
      width: 58px;
      height: 58px;
      right: 17%; }
      .wheels-section .wheel-two img {
        width: 58px;
        height: 58px; }
    .wheels-section .wheel-three {
      width: 62px;
      height: 62px;
      right: 12%;
      top: 82% !important; }
      .wheels-section .wheel-three img {
        width: 62px;
        height: 62px; }
    .wheels-section .wheels__line {
      top: 67%;
      right: -40%; }
      .wheels-section .wheels__line img {
        width: 30%; }
    .wheels-section .slider {
      right: -7%; }
      .wheels-section .slider > img {
        width: 100%; }
    .wheels-section .roller {
      width: 35%;
      left: 8%; }
      .wheels-section .roller > img {
        width: 100%; }
      .wheels-section .roller__shadow {
        width: 120%;
        margin-left: -12px;
        margin-top: -12px; }
        .wheels-section .roller__shadow img {
          width: 100%; }
  .production__banner {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: -15px;
    margin-bottom: 60px; }
  .production .products-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .production .products__header {
    margin-top: 20px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    .production .products__header-title {
      margin-bottom: 10px; }
  .production .products__header-title {
    font-size: 22px; }
  .production__banner img {
    width: 322px;
    margin-left: -20px; } }

@media (min-width: 500px) and (max-width: 767px) {
  .wheels-section .wheel-one {
    width: 80px;
    height: 80px;
    right: 39%; }
    .wheels-section .wheel-one img {
      width: 80px;
      height: 80px; }
  .wheels-section .wheel-two {
    width: 90px;
    height: 90px;
    right: 22%; }
    .wheels-section .wheel-two img {
      width: 90px;
      height: 90px; }
  .wheels-section .wheel-three {
    width: 94px;
    height: 94px;
    right: 17%;
    top: 75% !important; }
    .wheels-section .wheel-three img {
      width: 94px;
      height: 94px; }
  .wheels-section .wheels__line {
    top: 64%;
    right: 7%; }
    .wheels-section .wheels__line img {
      width: 60%; } }

@media (max-width: 399px) {
  .wheels-section {
    margin-bottom: -140px; } }

@media (min-width: 340px) and (max-width: 399px) {
  .wheels-section .wheel-two {
    right: 20%; }
  .wheels-section .wheel-three {
    right: 16%;
    top: 80% !important; }
  .wheels-section .wheels__line {
    top: 62%;
    right: -20%; }
    .wheels-section .wheels__line img {
      width: 40%; } }

@media (min-width: 400px) and (max-width: 499px) {
  .wheels-section {
    margin-bottom: -20px; }
    .wheels-section .wheel-two {
      right: 22%; }
    .wheels-section .wheel-three {
      right: 18%;
      top: 76% !important; }
    .wheels-section .wheels__line {
      top: 63%;
      right: -13%; }
      .wheels-section .wheels__line img {
        width: 40%; } }

@media (min-width: 500px) and (max-width: 583px) {
  .wheels-section {
    margin-bottom: 20px; }
    .wheels-section .wheel-two {
      right: 17%; }
    .wheels-section .wheel-three {
      right: 13%;
      top: 80% !important; }
    .wheels-section .wheels__line {
      top: 66%;
      right: -1%; } }

@media (min-width: 584px) and (max-width: 660px) {
  .wheels-section {
    margin-bottom: 50px; }
    .wheels-section .wheel-two {
      right: 19%; }
    .wheels-section .wheel-three {
      right: 15%;
      top: 78% !important; }
    .wheels-section .wheels__line {
      right: 3%; } }

@media (min-width: 350px) and (max-width: 400px) {
  .page-home .play {
    height: 420px !important; }
  .page-home .tbc-banner {
    margin-top: 0 !important; } }

@media (min-width: 400px) and (max-width: 450px) {
  .page-home .play {
    height: 450px !important; }
  .page-home .tbc-banner {
    margin-top: 0 !important; } }

@media (min-width: 450px) and (max-width: 500px) {
  .page-home .play {
    height: 500px !important; }
  .page-home .tbc-banner {
    margin-top: 0 !important; } }

@media (min-width: 500px) and (max-width: 550px) {
  .page-home .play {
    height: 500px !important; }
  .page-home .tbc-banner {
    margin-top: 0 !important; } }

@media (min-width: 550px) and (max-width: 600px) {
  .page-home .play {
    height: 540px !important; }
  .page-home .tbc-banner {
    margin-top: 0 !important; } }

@media (min-width: 600px) and (max-width: 650px) {
  .page-home .play {
    height: 570px; }
  .page-home .tbc-banner {
    margin-top: 0 !important; } }

@media (min-width: 650px) and (max-width: 700px) {
  .page-home .play {
    height: 600px; }
  .page-home .tbc-banner {
    margin-top: 0 !important; } }

@media (min-width: 700px) and (max-width: 767px) {
  .page-home .play {
    height: 650px; }
  .page-home .tbc-banner {
    margin-top: 0 !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .wheels-section {
    margin-top: -200px;
    height: 300px; } }

@media (min-width: 768px) {
  .wheels-section .wheel-one {
    width: 80px;
    height: 80px;
    right: 9%; }
    .wheels-section .wheel-one img {
      width: 80px;
      height: 80px; }
  .wheels-section .wheel-two {
    width: 90px;
    height: 90px;
    right: -5%; }
    .wheels-section .wheel-two img {
      width: 90px;
      height: 90px; }
  .wheels-section .wheel-three {
    width: 94px;
    height: 94px;
    right: -8%; }
    .wheels-section .wheel-three img {
      width: 94px;
      height: 94px; }
  .wheels-section .wheels__line {
    top: 69%;
    right: -19%; }
    .wheels-section .wheels__line img {
      width: 60%; }
  .slider {
    right: -58%; }
    .slider > img {
      width: 60%; }
  .roller {
    left: 38%; }
    .roller > img {
      width: 40%; }
    .roller__shadow {
      margin-top: -15px; }
      .roller__shadow img {
        width: 55%; }
  .production .products__header {
    margin-top: 20px; }
  .production .products__header-title {
    font-size: 28px;
    margin-bottom: 14px; }
  .production__banner img {
    width: 560px; } }

@media (min-width: 840px) and (max-width: 1023px) {
  .wheels-section .wheel-one {
    right: 17%; }
  .wheels-section .wheel-two {
    right: 4%; }
  .wheels-section .wheel-three {
    right: 1%;
    top: 80% !important; }
  .wheels-section .wheels__line {
    top: 67%;
    right: -8%; }
  .wheels-section .slider {
    right: -50%; } }

@media (max-width: 1023px) {
  .production-tire-left, .production-tire-right, .footer-tire {
    display: none; } }

@media (min-width: 1024px) {
  .wheels-section .wheel-one {
    width: 85px;
    height: 85px;
    right: 22%; }
    .wheels-section .wheel-one img {
      width: 85px;
      height: 85px; }
  .wheels-section .wheel-two {
    width: 100px;
    height: 100px;
    right: 9%; }
    .wheels-section .wheel-two img {
      width: 100px;
      height: 100px; }
  .wheels-section .wheel-three {
    width: 102px;
    height: 102px; }
    .wheels-section .wheel-three img {
      width: 102px;
      height: 102px; }
  .wheels-section .wheels__line {
    top: 69%;
    right: -2%; }
    .wheels-section .wheels__line img {
      width: 60%; }
  .wheels-section .slider {
    right: -45%; }
    .wheels-section .slider > img {
      width: 60%; }
  .wheels-section .roller {
    left: 32%; }
    .wheels-section .roller > img {
      width: 45%; }
    .wheels-section .roller__shadow {
      margin-top: -15px; }
      .wheels-section .roller__shadow img {
        width: 65%; }
  .production .products__header {
    margin-top: 30px; }
  .production .products__header-title {
    font-size: 38px;
    margin-bottom: 7px; }
  .production__banner img {
    width: 660px; }
  .production-tire-left {
    top: 5%;
    left: -130px; }
    .production-tire-left img {
      width: 72%; }
  .production-tire-right {
    right: -540px;
    bottom: 36%; }
    .production-tire-right img {
      width: 35%; } }

@media (min-width: 1024px) and (max-width: 1100px) {
  .banner {
    height: 390px; }
  .wheels-section .wheel-three {
    right: 7% !important; } }

@media (min-width: 1100px) {
  .wheels-section .wheel-one {
    width: 105px;
    height: 105px;
    right: 29%; }
    .wheels-section .wheel-one img {
      width: 105px;
      height: 105px; }
  .wheels-section .wheel-two {
    width: 120px;
    height: 120px;
    right: 13%; }
    .wheels-section .wheel-two img {
      width: 120px;
      height: 120px; }
  .wheels-section .wheel-three {
    width: 130px;
    height: 130px;
    right: 10%; }
    .wheels-section .wheel-three img {
      width: 130px;
      height: 130px; }
  .wheels-section .wheels__line {
    top: 69%;
    right: 7%; }
    .wheels-section .wheels__line img {
      width: 80%; }
  .wheels-section .roller {
    left: 20%; }
    .wheels-section .roller > img {
      width: 55%; }
    .wheels-section .roller__shadow {
      margin-top: -30px; }
  .wheels-section .slider {
    right: -33%; }
    .wheels-section .slider > img {
      width: 70%; }
  .production .products__header {
    margin-top: 40px; }
  .production-tire-left {
    top: 8%;
    left: -12%; }
    .production-tire-left img {
      width: 95%; }
  .production-tire-right {
    right: -475px;
    bottom: 35%; }
    .production-tire-right img {
      width: 55%; } }

@media (min-width: 1366px) {
  .production__banner img {
    width: 900px; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .banner {
    height: 650px; }
  .wheels-section {
    margin-top: -70px; }
  .production__banner img {
    margin-top: -100px; } }

@media (min-width: 1480px) {
  .wheels-section .wheel-one {
    width: 130px;
    height: 130px;
    right: 36%; }
    .wheels-section .wheel-one img {
      width: 130px;
      height: 130px; }
  .wheels-section .wheel-two {
    width: 150px;
    height: 150px;
    right: 16%; }
    .wheels-section .wheel-two img {
      width: 150px;
      height: 150px; }
  .wheels-section .wheel-three {
    width: 160px;
    height: 160px; }
    .wheels-section .wheel-three img {
      width: 160px;
      height: 160px; }
  .wheels-section .roller {
    left: 5%; }
    .wheels-section .roller > img {
      width: 70%; }
    .wheels-section .roller__shadow img {
      width: 85%; }
  .wheels-section .slider {
    right: -15%; }
    .wheels-section .slider img {
      width: 90%; }
  .wheels-section .wheels__line {
    width: unset;
    top: 69%;
    right: 16%; } }

@media (min-width: 1680px) {
  .wheels-section {
    margin-top: -30px; }
  .production .products__header {
    margin-top: 30px; }
    .production .products__header-title {
      font-size: 60px;
      margin-bottom: 15px; }
  .production__banner img {
    width: 1100px; }
  .production-tire-left {
    top: 20%;
    left: -10%; }
    .production-tire-left img {
      width: 95%; }
  .production-tire-right {
    right: -27%;
    bottom: 32%; }
    .production-tire-right img {
      width: 70%; } }

@media (min-width: 1920px) {
  .wheels-section {
    margin-top: 20px; }
    .wheels-section .wheel-one {
      width: 150px;
      height: 150px;
      right: 39%; }
      .wheels-section .wheel-one img {
        width: 150px;
        height: 150px; }
    .wheels-section .wheel-two {
      width: 175px;
      height: 175px; }
      .wheels-section .wheel-two img {
        width: 175px;
        height: 175px; }
    .wheels-section .wheel-three {
      width: 186px;
      height: 186px; }
      .wheels-section .wheel-three img {
        width: 186px;
        height: 186px; }
    .wheels-section .roller {
      left: -8%; }
      .wheels-section .roller img {
        width: 80%; }
      .wheels-section .roller__shadow img {
        width: 100%; }
    .wheels-section .slider {
      right: -60px; }
      .wheels-section .slider img {
        width: 100%; }
  .production {
    margin-top: -100px; }
    .production .products__header {
      margin-top: 50px; }
  .production__banner img {
    width: 1264px; }
  .production-tire-left {
    top: 25%;
    left: -8%; }
    .production-tire-left img {
      width: 95%; }
  .production-tire-right {
    right: -20%;
    bottom: 32%; }
    .production-tire-right img {
      width: 100%; } }

.main-news {
  margin-top: 69px; }

.page-article .news__image {
  position: relative !important;
  height: auto !important; }
  .page-article .news__image img {
    width: 100%;
    height: auto !important; }

.page-article .news__image-box {
  padding: 0 !important; }

.news {
  margin-top: 96px; }
  .news__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important; }
    .news__image-box {
      width: 100%;
      position: relative; }
      .news__image-box--main {
        padding-top: 44%; }
      .news__image-box--default {
        padding-top: 54%; }
  .news__title {
    margin-top: 25px;
    margin-bottom: 36px;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out; }
    .news__title:hover {
      color: #008F47; }
    .news__title--main {
      margin-top: 40px;
      margin-bottom: 20px; }
    .news__title--item {
      margin-top: 40px;
      margin-bottom: 0px; }
      .news__title--item:hover {
        color: inherit; }
  .news-header__title {
    margin: 0; }
  .news__date {
    color: #FFC12D;
    display: inline-block; }
  .news__article {
    margin: 25px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #808285;
    line-height: 30px; }
    .news__article--main {
      margin: 42px 0;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .news__article--item {
      display: inline-block;
      margin-top: 30px;
      margin-bottom: 40px;
      color: #181818; }
  .news__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
  .news-header__title:Hover {
    color: inherit; }
  .news__grid {
    display: -ms-grid;
    display: grid;
    margin-top: 30px;
    -ms-grid-columns: 1fr 25px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 50px; }
    .news__grid h3 {
      font-size: 32px;
      color: #FFC12D;
      margin-top: 100px; }
  .news__item {
    border: 1px solid #ECF0F1;
    padding: 25px; }
  .news__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .news__pagination .prev, .news__pagination .next {
      padding: 10px;
      display: inline-block;
      cursor: pointer;
      -webkit-transition: .3s ease-out;
      -o-transition: .3s ease-out;
      transition: .3s ease-out; }
      .news__pagination .prev svg path, .news__pagination .next svg path {
        -webkit-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out; }
      .news__pagination .prev svg line, .news__pagination .next svg line {
        -webkit-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out; }
      .news__pagination .prev:hover, .news__pagination .next:hover {
        background: #FFC12D; }
      .news__pagination .prev:hover svg line, .news__pagination .next:hover svg line {
        stroke: #fff; }
      .news__pagination .prev:hover svg path, .news__pagination .next:hover svg path {
        stroke: #fff; }
    .news__pagination .prev {
      margin-right: 5px; }
    .news__pagination .next {
      margin-left: 5px; }
    .news__pagination ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .news__pagination ul a {
        width: 40px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
        color: #181818; }
        .news__pagination ul a:hover {
          color: #fff;
          background: #FFC12D; }
      .news__pagination ul .active {
        color: #fff;
        background: #FFC12D; }
      .news__pagination ul .prev {
        margin-right: -6px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .news__pagination ul .next {
        margin-left: -6px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .news__pagination ul li:not(:last-child) {
        margin-right: 2px; }
  .news .input__container .input-button {
    margin-top: 2px;
    margin-left: 10px; }
  .news .flatpickr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
    .news .flatpickr input {
      outline: none;
      border: none;
      cursor: pointer;
      font-size: 14px;
      color: #181818;
      text-align: right; }
      .news .flatpickr input::-webkit-input-placeholder {
        font-size: 14px;
        color: #181818; }
      .news .flatpickr input::-moz-placeholder {
        font-size: 14px;
        color: #181818; }
      .news .flatpickr input:-ms-input-placeholder {
        font-size: 14px;
        color: #181818; }
      .news .flatpickr input::-ms-input-placeholder {
        font-size: 14px;
        color: #181818; }
      .news .flatpickr input::placeholder {
        font-size: 14px;
        color: #181818; }

.flatpickr-calendar {
  left: unset !important; }
  .flatpickr-calendar:before, .flatpickr-calendar:after {
    display: none !important; }

@media (max-width: 399px) {
  .flatpickr-calendar {
    right: 5px !important; } }

@media (min-width: 768px) and (max-width: 1365px) {
  .news__grid {
    grid-gap: 20px !important; } }

@media (min-width: 768px) {
  .flatpickr-calendar {
    right: 60px !important; }
  .page-news main, .page-article main {
    margin-top: 160px; } }

@media (min-width: 1024px) {
  .flatpickr-calendar {
    right: 80px !important; }
  .page-news main, .page-article main {
    margin-top: 140px; } }

@media (min-width: 1366px) {
  .flatpickr-calendar {
    right: 100px !important; }
  .page-news main, .page-article main {
    margin-top: 140px; } }

@media (min-width: 1680px) {
  .flatpickr-calendar {
    right: 260px !important; }
  .page-news main, .page-article main {
    margin-top: 200px; } }

@media (max-width: 400px) {
  .news__header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .news__header-date {
      width: 100%;
      margin-top: 10px; }
      .news__header-date .flatpickr {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }

.news-item__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 25px; }

.news-item__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .news-item__footer .btn--back svg {
    margin-right: 16px;
    width: 11px;
    height: 16px; }
    .news-item__footer .btn--back svg line {
      stroke: #fff; }

.news-item__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .news-item__socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px;
    list-style: none !important; }
    .news-item__socials ul li:not(:last-child) {
      margin-right: 30px; }
  .news-item__socials a:hover svg path {
    fill: #008F47; }
  .news-item__socials svg path {
    fill: #808285;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out; }

.other-news {
  margin-top: 100px; }
  .other-news .news-header__title {
    margin-bottom: 40px; }

@media (max-width: 767px) {
  .page-news main, .page-article main {
    margin-top: 160px; }
  .news-item__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .news__grid, .news-item__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  .news-item__grid .news__item:not(:first-child) {
    display: none; }
  .news__pagination ul .prev, .news__pagination ul .next {
    width: 30px;
    height: 30px;
    padding: 0; }
  .news__pagination ul .next {
    margin-left: -3px; }
  .news__pagination ul .prev {
    margin-right: -3px; }
  .news__pagination ul a {
    width: 30px;
    height: 30px;
    font-size: 14px; } }

.hided {
  display: none; }

.lg-backdrop {
  background: rgba(255, 193, 45, 0.5); }

.lg-toolbar {
  background: #ffc12d !important; }

.lg-thumb-outer {
  background: #ffc12d !important; }

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #008F47; }

.lg-autoplay-button {
  display: none; }

.lg-prev, .lg-next {
  background: transparent !important; }

.lg-prev:after {
  content: url("../img/left-arrow.png") !important; }

.lg-next:before {
  content: url("../img/right-arrow.png") !important; }

.lg-toolbar .lg-icon {
  position: relative; }

.lg-toolbar .lg-icon:After {
  content: '';
  content: url("../img/close.svg");
  position: absolute;
  width: 50%;
  height: 50%;
  left: 0;
  top: 5%; }

.about {
  margin-top: 0;
  overflow: hidden;
  /* Environment and video */ }
  .about__circle1, .about__circle2 {
    position: absolute; }
  .about__circle1 {
    top: 50%;
    left: 55%; }
  .about__circle2 {
    top: 79%;
    z-index: 4;
    right: 9%; }
  .about__info-line {
    position: absolute;
    z-index: 4;
    top: -22%;
    left: 25%; }
    .about__info-line svg {
      -webkit-transition-delay: .5s !important;
      -o-transition-delay: .5s !important;
      transition-delay: .5s !important; }
  .about__info {
    position: relative;
    margin-top: -250px; }
    .about__info-item:first-child {
      margin-top: 250px; }
  .about__info-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 45px;
    -ms-grid-columns: 2fr 45px 1fr;
    grid-template-columns: 2fr 1fr; }
  .about__info-desc {
    line-height: 30px; }
  .about .about__info-tires-box {
    width: 518px;
    height: 529px;
    position: relative; }
  .about .about__info-tires img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .about__pic {
    position: relative; }
    .about__pic .bubble {
      pointer-events: none; }
    .about__pic .circles {
      position: absolute;
      z-index: 2; }
      .about__pic .circles .circle--yellow:hover .bubble {
        visibility: visible;
        opacity: 1;
        pointer-events: auto; }
        .about__pic .circles .circle--yellow:hover .bubble article {
          opacity: 1; }
  .about__pic-box {
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 20px 30px rgba(24, 24, 24, 0.1);
    box-shadow: 0 20px 30px rgba(24, 24, 24, 0.1); }
  .about__pic-image {
    width: 100%;
    height: 100%; }
    .about__pic-image img {
      width: 100%;
      height: auto;
      -o-object-fit: cover;
      object-fit: cover;
      vertical-align: text-bottom; }
  .about__schedules {
    margin-top: 130px;
    position: relative; }
    .about__schedules-line {
      position: absolute;
      bottom: -150px;
      left: 45%; }
  .about__schedules-title {
    margin-bottom: 45px; }
  .about__env {
    margin-top: 150px; }
  .about__env, .about__video {
    text-align: center; }
  .about__env-title {
    margin-bottom: 13px; }
  .about__env-article {
    color: #808285; }
  .about__video-title {
    margin-bottom: 13px; }
  .about__video {
    margin-top: 130px;
    padding-bottom: 20px;
    position: relative; }
    .about__video-line {
      position: absolute;
      top: -37%;
      left: 2%; }
    .about__video .video-container {
      margin-top: 25px;
      background: #fff;
      -webkit-box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.2);
      box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.2);
      padding: 15px; }
    .about__video .video-box {
      position: relative;
      padding-top: 58%;
      width: 100%;
      -webkit-transition: .3s ease-out;
      -o-transition: .3s ease-out;
      transition: .3s ease-out; }
      .about__video .video-box iframe {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%; }

@media (max-width: 1700px) {
  .about__schedules {
    margin-top: 100px; }
    .about__schedules-line {
      bottom: -140px; }
  .about__video {
    margin-top: 100px; }
    .about__video-line {
      position: absolute;
      top: -36%; }
      .about__video-line svg {
        -webkit-clip-path: inset(0 30% 0 0);
        clip-path: inset(0 30% 0 0);
        -webkit-transform: rotate(-13deg) translate(30px, 22px);
        -ms-transform: rotate(-13deg) translate(30px, 22px);
        transform: rotate(-13deg) translate(30px, 22px); } }

@media (max-width: 1400px) {
  .about__info-tires-box {
    width: 439px !important;
    height: 449px !important; }
  .about__schedules {
    margin-top: 80px; }
  .about__info-line {
    top: -30%; }
  .about__video-line {
    position: absolute; }
    .about__video-line svg {
      -webkit-clip-path: inset(0 30% 0 0);
      clip-path: inset(0 30% 0 0);
      -webkit-transform: rotate(-13deg) translate(30px, -7px);
      -ms-transform: rotate(-13deg) translate(30px, -7px);
      transform: rotate(-13deg) translate(30px, -7px); } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .about__schedules-line {
    bottom: -110px; } }

@media (max-width: 1365px) {
  .about__schedules-line svg {
    -webkit-clip-path: inset(30% 0 0 0);
    clip-path: inset(30% 0 0 0); }
  .about__env {
    margin-top: 120px; }
  .about__video {
    margin-top: 90px; }
    .about__video-line {
      top: 0;
      left: 0; }
      .about__video-line svg {
        -webkit-clip-path: inset(70% 0 0 0);
        clip-path: inset(70% 0 0 0);
        -webkit-transform: rotate(21deg) translate(-108px, -186px);
        -ms-transform: rotate(21deg) translate(-108px, -186px);
        transform: rotate(21deg) translate(-108px, -186px); }
  .about__info-desc {
    width: 160%; }
  .about__schedules {
    margin-top: 60px; }
  .about__info-tires-box {
    -webkit-transform: translate(40%, 0) !important;
    -ms-transform: translate(40%, 0) !important;
    transform: translate(40%, 0) !important; } }

@media (max-width: 1023px) {
  .about__pic .circles {
    display: none; }
  .about__circle1, .about__circle2, .about__info-line {
    display: none; }
  .about__schedules {
    margin-top: 50px; }
    .about__schedules-line {
      bottom: -130px; }
  .about__schedules-title {
    margin-bottom: 20px; }
  .about__env {
    margin-top: 160px; }
  .about__video-line svg {
    -webkit-clip-path: inset(77% 0 0 0);
    clip-path: inset(77% 0 0 0);
    -webkit-transform: rotate(21deg) translate(-122px, -192px);
    -ms-transform: rotate(21deg) translate(-122px, -192px);
    transform: rotate(21deg) translate(-122px, -192px); }
  .about__info-tires-box {
    -webkit-transform: translate(35%, 0) !important;
    -ms-transform: translate(35%, 0) !important;
    transform: translate(35%, 0) !important; }
  .about__info-desc {
    width: 220%; } }

@media (max-width: 767px) {
  .about__info {
    margin-bottom: 20px;
    margin-top: 0; }
    .about__info-item:first-child {
      margin-top: 0; }
  .about__schedules {
    margin-top: 30px; }
    .about__schedules-line {
      bottom: -140px;
      -webkit-transform: translate(-40%, -30%) !important;
      -ms-transform: translate(-40%, -30%) !important;
      transform: translate(-40%, -30%) !important; }
      .about__schedules-line svg {
        -webkit-clip-path: inset(50% 0 0 0);
        clip-path: inset(50% 0 0 0); }
  .about__schedules-title {
    font-size: 20px; }
  .about__env {
    margin-top: 150px; }
  .about__env-title {
    margin-bottom: 20px; }
  .about__video {
    margin-top: 74px; }
    .about__video-line svg {
      -webkit-clip-path: inset(90% 0 0 0);
      clip-path: inset(90% 0 0 0);
      -webkit-transform: rotate(30deg) translate(-179px, -192px);
      -ms-transform: rotate(30deg) translate(-179px, -192px);
      transform: rotate(30deg) translate(-179px, -192px); }
  .about__video-title {
    margin-bottom: 22px; }
  .about-slider {
    margin-top: 0; }
  .about__info-grid {
    grid-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .about__info-desc {
    width: 100%; }
  .about__info-item:nth-child(2) {
    -ms-grid-row: 1;
    grid-row-start: 1;
    height: unset; }
  .about__info-tires {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .about__info-tires-box {
      width: 100% !important;
      height: auto !important;
      padding-top: 102%;
      -webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
      transform: translate(0, 0) !important; }
  .video-container {
    padding: 5px !important; }
  .contact__partners a:not(:last-child) {
    margin-right: 20px; } }

@media (min-width: 768px) {
  .about__pic {
    margin-top: 60px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .page-about .inner-page__title {
    max-width: 520px; }
  .about__info {
    margin-top: -180px; }
    .about__info-item:first-child {
      margin-top: 140px; }
  .about__pic {
    margin-top: 100px; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .about__info {
    margin-top: -180px; }
    .about__info-item:first-child {
      margin-top: 150px; }
  .about__pic {
    margin-top: 100px; } }

@media (min-width: 1366px) {
  .about__pic {
    margin-top: 100px; } }

@media (min-width: 1680px) {
  .about__pic {
    margin-top: 130px; } }

.about__info-line {
  display: none; }

.test-image {
  visibility: hidden;
  pointer-events: none;
  width: 100%; }

.products {
  margin-top: 0; }
  .products__content, .products-inner__content {
    margin-top: -20px; }
  .products__content-desc {
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 42.99px;
    text-align: center !important; }
    .products__content-desc--inner {
      max-width: 100%; }

.products-inner {
  overflow: hidden; }
  .products-inner__image-content {
    margin-top: 30px;
    margin-bottom: 75px;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.2); }
  .products-inner__image-box {
    width: 100%;
    position: relative;
    line-height: 0;
    height: auto; }
  .products-inner__image {
    width: 100%;
    height: auto; }
    .products-inner__image img {
      width: 100%;
      height: auto; }
    .products-inner__image:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(3, 9, 97, 0.3); }
  .products-inner__env {
    margin-top: 100px; }
  .products-inner .other {
    padding-top: 60px;
    padding-bottom: 90px;
    margin-top: 100px;
    background: rgba(236, 240, 241, 0.4); }
    .products-inner .other__header {
      text-align: left;
      margin-bottom: 30px; }
    .products-inner .other__title {
      font-size: 30px; }
    .products-inner .other__grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 77px 1fr;
      grid-template-columns: 1fr 1fr;
      grid-gap: 77px; }
    .products-inner .other .product-icon {
      margin-bottom: 0 !important;
      flex: 1; }
    .products-inner .other .product__title {
      flex: 3; }

@media (max-width: 767px) {
  .products-inner .other .product-icon {
    margin-bottom: 52px !important;
    flex: unset !important; } }

@media (min-width: 768px) {
  .other__container .product {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 60px 60px !important; }
    .other__container .product__title {
      text-align: left;
      margin-left: 30px;
      font-size: 30px !important;
      max-height: 70px !important; }
  .other__grid {
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important; }
  .products__container {
    max-width: 642px !important; } }

@media (min-width: 1024px) {
  .other__container .product {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 50px 60px !important; }
    .other__container .product__title {
      text-align: left;
      margin-left: 30px;
      max-height: 70px !important; }
    .other__container .product img {
      margin-bottom: 0 !important; }
  .other__grid {
    -ms-grid-columns: 1fr 77px 1fr !important;
    grid-template-columns: 1fr 1fr !important; }
  .products__container {
    max-width: 710px !important; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .other__grid {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .other__grid a {
    width: 48%; }
  .other__grid .product {
    padding: 50px 20px !important; } }

@media (min-width: 1366px) {
  .other__container .product {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 50px 60px !important; }
    .other__container .product__title {
      text-align: left;
      margin-left: 30px;
      max-height: 70px !important; }
    .other__container .product img {
      margin-bottom: 0 !important; }
  .products__container {
    max-width: 960px !important; } }

@media (min-width: 1680px) {
  .other__container .product {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 50px 60px !important; }
    .other__container .product__title {
      text-align: left;
      margin-left: 30px;
      font-size: 30px !important; }
    .other__container .product img {
      margin-bottom: 0 !important; }
  .products__container {
    max-width: 1160px !important; } }

@media (min-width: 1920px) {
  .products__container {
    max-width: 1360px !important; } }

@media (max-width: 1023px) {
  .products-inner__image-content {
    margin-bottom: 35px; }
  .page-product .about__env {
    margin-top: 100px !important; } }

.factory {
  margin-top: 0; }
  .factory__gallery {
    overflow: hidden; }
  .factory .factory-slider {
    overflow: visible; }
    .factory .factory-slider .swiper-slide {
      width: 194px; }
  .factory .inner-page__header:after {
    bottom: -10px; }
  .factory .breadcrumb a {
    color: #fff; }
  .factory .breadcrumb li:not(:last-child):After {
    color: #fff; }
  .factory .inner-page__header {
    height: 644px; }
    .factory .inner-page__header--factory {
      background: url("../img/factory.jpg");
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      .factory .inner-page__header--factory:before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(38, 0, 236, 0.2)), to(rgba(253, 123, 110, 0.2)));
        background: -o-linear-gradient(left, rgba(38, 0, 236, 0.2), rgba(253, 123, 110, 0.2));
        background: linear-gradient(to right, rgba(38, 0, 236, 0.2), rgba(253, 123, 110, 0.2)); }
  .factory__info {
    margin-top: -320px;
    position: relative; }
  .factory__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 20px 1fr;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
    -ms-flex-line-pack: justify;
    align-content: space-between; }
  .factory__info-title {
    margin-bottom: 40px; }
  .factory__info-content {
    margin-top: 320px; }
  .factory__work {
    margin-top: 140px;
    text-align: center; }
  .factory__work-banner-box {
    margin-top: 40px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px -9px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px -9px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0; }
    .factory__work-banner-box img {
      width: 100%; }
  .factory__work-text {
    margin-top: 30px; }
  .factory__container {
    margin-top: 150px;
    text-align: center; }
  .factory__standarts-title {
    margin-bottom: 12px; }
  .factory .products__header-desc {
    margin-top: 20px;
    margin-bottom: 60px; }
  .factory .products {
    margin-top: 90px; }

.popup {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  z-index: 8;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out; }
  .popup .fulscreen {
    display: none; }
  .popup .factory-column__image {
    position: absolute;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    opacity: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.1);
    -webkit-animation: fadeUp .5s ease-out forwards;
    animation: fadeUp .5s ease-out forwards; }
    .popup .factory-column__image .popup-close {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 40px;
      height: 40px;
      top: -20px;
      right: -20px;
      background: #FFC12D;
      background-image: url("../img/close-sm.svg");
      background-repeat: no-repeat !important;
      background-position: center center !important;
      cursor: pointer; }
    .popup .factory-column__image img {
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: 80vh; }
  .popup .circles {
    z-index: 4; }
  .popup .bubble {
    pointer-events: none; }
  .popup .circle--yellow:hover .bubble {
    visibility: visible;
    opacity: 1;
    pointer-events: auto; }
    .popup .circle--yellow:hover .bubble article {
      opacity: 1; }

.opened {
  opacity: 1;
  pointer-events: auto; }

@-webkit-keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@media (max-width: 1365px) {
  .factory__grid {
    grid-gap: 0; }
  .factory__info-man {
    margin-top: 60px; }
    .factory__info-man img {
      width: 304px;
      height: 414px;
      -webkit-transform: translateX(40px);
      -ms-transform: translateX(40px);
      transform: translateX(40px); } }

@media (max-width: 1700px) {
  .factory__column {
    width: 100% !important; }
  .factory__column-row {
    -ms-grid-columns: 60% 40% !important;
    grid-template-columns: 60% 40% !important; }
    .factory__column-row--reversed {
      -ms-grid-columns: 40% 60% !important;
      grid-template-columns: 40% 60% !important; }
  .factory-column__item {
    width: 100% !important; } }

@media (min-width: 768px) and (max-width: 1365px) {
  .factory__grid {
    margin-top: 0 !important; }
  .factory__grid, .factory__column-row, .factory__column-row--reversed {
    grid-gap: 10px !important; }
  .factory__info-content {
    margin-top: 270px; }
  .factory__info-title {
    margin-bottom: 20px; }
  .factory__work, .factory__container {
    margin-top: 100px; }
  .factory .products {
    margin-top: 60px; }
    .factory .products__header-desc {
      margin-bottom: 30px; }
  .page-production .footer {
    margin-top: 64px !important; } }

@media (min-width: 1366px) and (max-width: 1679px) {
  .factory__grid, .factory__column-row, .factory__column-row--reversed {
    grid-gap: 10px !important; }
  .factory__info-content {
    margin-top: 300px; }
  .factory__info-title {
    margin-bottom: 30px; }
  .factory__work, .factory__container {
    margin-top: 100px; }
  .factory .products {
    margin-top: 60px; }
    .factory .products__header-desc {
      margin-bottom: 40px; } }

@media (min-width: 1366px) {
  .factory__grid {
    overflow: visible; }
  .factory__info-man {
    margin-right: -30%; } }

@media (min-width: 1920px) {
  .factory .products {
    margin-top: 65px; }
    .factory .products .products__header-title {
      margin-bottom: 10px; } }

@media (max-width: 767px) {
  .factory__standarts {
    padding-left: 0;
    padding-right: 0; }
  .factory__grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    justify-items: center; }
  .factory__info, .factory__info-man, .factory__info-content {
    margin-top: 0; }
  .factory__info-man {
    -ms-grid-row: 1;
    grid-row-start: 1;
    margin-top: -200px; }
    .factory__info-man img {
      width: 200px;
      height: 273px; } }

@media (max-width: 900px) {
  .factory__info-content {
    width: 110%; }
  .factory .factory__info-man {
    margin-top: 130px;
    margin-right: 0; }
  .factory__info-title {
    margin-bottom: 27px; }
  .factory__work {
    margin-top: 80px; }
  .factory__container {
    margin-top: 94px; }
  .factory__standarts-title {
    margin-bottom: 35px; } }

@media (min-width: 768px) and (max-width: 1200px) {
  .factory__column .factory-column__image {
    height: 184px !important; }
  .factory__column--large .factory-column__image {
    height: 400px !important; } }

@media (min-width: 768px) {
  .factory__grid {
    padding-bottom: 10px;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: auto 20px auto;
    grid-template-columns: repeat(2, auto); }
  .factory__column-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 20px auto;
    grid-template-columns: repeat(2, auto);
    margin-bottom: 18px;
    grid-gap: 20px; }
    .factory__column-row--reversed {
      display: -ms-grid;
      display: grid;
      grid-gap: 20px;
      -ms-grid-columns: auto 20px auto;
      grid-template-columns: repeat(2, auto); }
      .factory__column-row--reversed .factory-column__item:first-child {
        width: 248px; }
      .factory__column-row--reversed .factory-column__item:nth-child(2) {
        width: 526px; }
    .factory__column-row .factory-column__item:first-child {
      width: 526px; }
    .factory__column-row .factory-column__item:nth-child(2) {
      width: 248px; }
  .factory__column .factory-column__image {
    height: 231px; }
  .factory__column--large {
    width: 526px;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3; }
    .factory__column--large .factory-column__image {
      height: 490px; }
  .factory__column .factory-column__image {
    position: relative;
    cursor: pointer; }
    .factory__column .factory-column__image:hover:after {
      opacity: 1; }
    .factory__column .factory-column__image:hover .fulscreen i {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .factory__column .factory-column__image:after {
      opacity: 0;
      content: '';
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      -webkit-transition: .3s ease-out;
      -o-transition: .3s ease-out;
      transition: .3s ease-out; }
  .factory__column .factory-column__item {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1); }
    .factory__column .factory-column__item .fulscreen {
      position: absolute;
      z-index: 3;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .factory__column .factory-column__item .fulscreen i {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
        color: #fff;
        font-size: 30px; }
  .factory__column img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: text-bottom; }
  .factory-slider {
    display: none; } }

@media (max-width: 767px) {
  .factory__gallery .factory__grid {
    display: none; }
  .factory-slider {
    margin-top: 30px;
    padding-bottom: 10px; }
  .factory .factory__standarts-title {
    font-size: 22px; }
  .factory .products {
    margin-top: 40px; }
    .factory .products__header-title {
      margin-bottom: 5px;
      font-size: 22px; }
  .factory-slider__item {
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0 10px 20px -18px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px -18px rgba(0, 0, 0, 0.1); }
  .factory-slider__image {
    width: 100%;
    height: 180px; }
  .factory-slider__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: text-bottom; }
  .factory .products__header-desc {
    margin-top: 10px;
    margin-bottom: 30px; } }

.factory__standarts-text {
  margin-bottom: 20px; }

.contact {
  margin-top: 0; }
  .contact__container {
    margin: 0 !important;
    max-width: 100%; }
  .contact-page__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .contact .inner-page__header-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .contact__form {
    position: relative;
    height: 100%;
    padding: 40px;
    -webkit-box-shadow: 0 10px 20px -8px rgba(38, 38, 38, 0.1);
    box-shadow: 0 10px 20px -8px rgba(38, 38, 38, 0.1); }
    .contact__form button {
      margin-top: 20px;
      margin-bottom: 20px; }
    .contact__form .error {
      color: red; }
    .contact__form-socials {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: -50px;
      width: 50px;
      height: 348px;
      -webkit-box-shadow: 0 10px 20px -8px rgba(38, 38, 38, 0.1);
      box-shadow: 0 10px 20px -8px rgba(38, 38, 38, 0.1); }
      .contact__form-socials ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .contact__form-socials ul li:not(:last-child) {
          margin-bottom: 30px; }
      .contact__form-socials a:hover svg path {
        fill: #008F47; }
      .contact__form-socials a svg path {
        -webkit-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
        fill: #181818; }
  .contact__formfields input {
    margin-bottom: 28px; }
  .contact__formfields input, .contact__formfields textarea {
    outline: none;
    padding: 12px 20px;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(38, 38, 38, 0.2);
    color: #181818; }
    .contact__formfields input::-webkit-input-placeholder, .contact__formfields textarea::-webkit-input-placeholder {
      color: #181818; }
    .contact__formfields input::-moz-placeholder, .contact__formfields textarea::-moz-placeholder {
      color: #181818; }
    .contact__formfields input:-ms-input-placeholder, .contact__formfields textarea:-ms-input-placeholder {
      color: #181818; }
    .contact__formfields input::-ms-input-placeholder, .contact__formfields textarea::-ms-input-placeholder {
      color: #181818; }
    .contact__formfields input::placeholder, .contact__formfields textarea::placeholder {
      color: #181818; }
  .contact__formfields textarea {
    max-height: 70px;
    resize: none;
    display: inline-block; }
    .contact__formfields textarea::-webkit-scrollbar {
      width: 5px; }
    .contact__formfields textarea::-webkit-scollbar-track {
      width: 5px;
      background: blue; }
    .contact__formfields textarea::-webkit-scollbar-thumb {
      border-radius: 5px;
      width: 5px;
      background: yellow; }

@media (max-width: 1365px) {
  .contact {
    margin-bottom: 100px; }
    .contact__form-socials {
      top: unset;
      width: 100%;
      height: 50px;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      right: 0;
      bottom: -60px; }
      .contact__form-socials ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
        .contact__form-socials ul li {
          margin-bottom: 0 !important; }
          .contact__form-socials ul li:not(:last-child) {
            margin-right: 30px; } }

@media (max-width: 1023px) {
  .contact {
    margin-bottom: 70px; }
    .contact__container {
      padding-bottom: 50px; }
    .contact-page__grid {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .contact .play {
      margin-top: -220px;
      width: 100%; }
    .contact .play-banner {
      width: 680px; }
    .contact__form {
      width: 642px;
      margin: 0 auto;
      margin-top: 30px; } }

@media (max-width: 767px) {
  .contact {
    margin-bottom: 30px; }
    .contact .container {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 50px; }
    .contact .play {
      margin-left: -20px;
      margin-right: -20px;
      margin-top: -260px;
      width: 100%;
      height: unset !important; }
    .contact .play-banner {
      width: 100%;
      padding-right: 10px;
      position: relative; }
    .contact__form {
      width: 100%;
      padding: 20px;
      margin-top: 20px; } }

@media (max-width: 380px) {
  .play {
    height: 340px !important; } }

@media (min-width: 1024px) {
  .contact .play {
    width: 600px;
    margin-top: -210px; }
  .contact .play-banner {
    width: 600px; }
  .contact__form {
    max-width: 40%;
    padding: 20px; } }

@media (min-width: 1366px) {
  .contact .play {
    width: 860px;
    margin-top: -110px; }
  .contact .play-banner {
    width: 860px; }
  .contact__form {
    max-width: 30%;
    padding: 20px; } }

@media (min-width: 1680px) {
  .contact .play {
    width: 1090px;
    margin-top: -210px; }
  .contact .play-banner {
    width: 1090px; }
  .contact__form {
    max-width: 436px;
    padding: 40px; } }

@media (min-width: 1920px) {
  .contact .play {
    margin-top: -210px; }
  .contact__form {
    max-width: 636px;
    margin-left: 18px; } }

.error {
  margin-top: 0; }
  .error .inner-page__header-text {
    text-align: center; }
  .error .inner-page__title {
    max-width: 100% !important; }
  .error .error-image-box {
    max-width: 768px;
    margin: 0 auto;
    margin-top: -40px; }
    .error .error-image-box img {
      width: 100%;
      height: 429px;
      -o-object-fit: cover;
      object-fit: cover; }
  .error__footer {
    text-align: center;
    margin-top: -208px; }
  .error__message {
    color: #808285;
    margin-bottom: 60px; }
  .error__back {
    color: #008F47;
    display: inline-block;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out; }
    .error__back:hover {
      color: #005c2e; }

@media (min-width: 1920px) {
  .error__footer {
    margin-top: -200px !important; } }