@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap');

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 400;
  src: local("Artico"), url("../fonts/cretype-Artico.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: -talic;
  font-weight: 400;
  src: local("Artico"), url("../fonts/cretype-Artico-Italic.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 100;
  src: local("Artico"), url("../fonts/cretype-Artico-Thin.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: -talic;
  font-weight: 100;
  src: local("Artico"), url("../fonts/cretype-Artico-Thin-Italic.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 200;
  src: local("Artico"), url("../fonts/cretype-Artico-ExtraLight.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: -talic;
  font-weight: 200;
  src: local("Artico"), url("../fonts/cretype-Artico-ExtraLight-Italic.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 300;
  src: local("Artico"), url("../fonts/cretype-Artico-Light.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: -talic;
  font-weight: 300;
  src: local("Artico"), url("../fonts/cretype-Artico-Light-Italic.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 500;
  src: local("Artico"), url("../fonts/cretype-Artico-Medium.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: -talic;
  font-weight: 500;
  src: local("Artico"), url("../fonts/cretype-Artico-Medium-Italic.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 600;
  src: local("Artico"), url("../fonts/cretype-Artico-Bold.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: -talic;
  font-weight: 600;
  src: local("Artico"), url("../fonts/cretype-Artico-Bold-Italic.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 700;
  src: local("Artico"), url("../fonts/cretype-Artico-ExtraBold.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: -talic;
  font-weight: 700;
  src: local("Artico"), url("../fonts/cretype-Artico-ExtraBold-Italic.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 800;
  src: local("Artico"), url("../fonts/cretype-Artico-Heavy.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: Italic;
  font-weight: 800;
  src: local("Artico"), url("../fonts/cretype-Artico-Heavy-Italic.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: normal;
  font-weight: 900;
  src: local("Artico"), url("../fonts/cretype-Artico-Black.otf") format("otf");
}

@font-face {
  font-family: 'Artico';
  font-style: Italic;
  font-weight: 900;
  src: local("Artico"), url("../fonts/cretype-Artico-Black-Italic.otf") format("otf");
}

body {
  padding: 0;
  margin: 0;
  background: #fff;
  overflow-x: hidden;
}

div#page{
  overflow: hidden;
}

.page{
    margin: 0;
}

body.artico * {
  font-family: "Artico";
}

/*label {
  display: block;
}*/

label span {
  /*display: block;*/
  font-size: 16px;
  margin-bottom: 5px;
}

.wpcf7-form label span{
  display: block;
}

label + label {
  margin-top: 15px;
}

label input {
  /*display: block;
  width: 100%;
  height: 42px;*/
  border: 1px solid #a4abb4;
  padding: 0 10px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.wpcf7-form label input{
  display: block;
  width: 100%;
  height: 42px;
}

label input.error {
  border: 1px solid #b53b3b;
}

label textarea {
  display: block;
  width: 100%;
  height: 100px;
  padding: 10px;
  resize: none;
  border: 1px solid #a4abb4;
}

.contact label textarea{
  height: 50px;
}

.main > *:first-child {
  padding-top: 160px;
}

.main.main_future + .footer {
  margin-top: 0;
}

* {
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
  color: #353535;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h2 {
  margin: 35px 0;
  font-family: "Artico";
  font-weight: 900;
  font-size: 42px;
  line-height: 49px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #b53b3b;
}

h3 {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #b53b3b;
}

.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}

.header {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.header__top {
  position: relative;
  padding: 13px 0 14px;
  /*background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
          box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);*/
          background: #000000;
          -webkit-box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
                  box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
  z-index: 1;
}

.header__top .main-nav a{
  color: #ffffff;
}

.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

a.logo{
  max-height: 38px;
}

.logo img{
  max-height: 38px;
  max-width: max-content;
}

.header_single + .main > *:first-child {
  padding-top: 110px;
}

.header_single + .main > *:first-child h2 {
  margin-top: 0;
}

/* .header_single + .partners {
  padding-top: 50px;
} */

.main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
  margin-left: 16px;
  border-left: 1px solid #ededed;
}

.main-nav a {
  display: block;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.main-nav a.active, .main-nav a:hover {
  color: #b53b3b;
}

.main-nav a + a {
  margin-left: 25px;
}

.header__lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  display: none;
}

.header__lang a {
  display: block;
  width: 42px;
  height: 42px;
  position: relative;
}

.header__lang a img {
  display: block;
  width: 100%;
}

.header__lang a + a {
  margin-left: 15px;
}

.header__lang a:hover::before {
  content: attr(data-language);
  display: block;
  padding: 5px 10px;
  position: absolute;
  left: 50%;
  bottom: -3px;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

.second-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.second-nav a {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  color: #fff;
}

.second-nav a.active, .second-nav a:hover {
  color: #b53b3b;
}

.second-nav a + a {
  margin-left: 25px;
}

.header__burger {
  display: none;
  cursor: pointer;
  margin-left: 30px;
}

.header__bottom {
  padding: 13px 0 14px;
  background: rgba(0, 0, 0, 0.2);
  /*background: rgba(5, 20, 31, 0.7);*/
  -webkit-box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
          box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
}

.header__bottom .second-nav a{
  font-weight: 600;
}

.scroll-header .header__bottom{
  background-color: #ffffff;
}

.scroll-header .header__bottom .second-nav a{
  color: #353535;
}

.stop-header .header__bottom{
  background: rgba(5, 20, 31, 0.7);
}

.static-header .header__bottom{
  background: rgba(0, 0, 0, 0.2)!important;
}

.main.front-banner .block{
    background-image: url('../img/fon.png');
    background-size: cover;
    padding-top: 45px!important;
    padding-bottom: 10px;
}

.logo img:nth-child(2) {
  display: none;
}

.equipment-second-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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.banner__undertitle {
  display: inline-block;
  font-weight: 300;
  font-size: 18px;
  line-height: 160%;
  color: #353535;
  padding: 20px;
}
.banner__undertitle-bg {
  background: linear-gradient(
107.47deg
, rgba(255, 255, 255, 0.3) -11.49%, rgba(255, 255, 255, 0) 105.84%), rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}
.custom_banner h1 {
  background: rgba(0,0,0, 0.2);
  color: white;
  display: inline-block;
  font-size: 42px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
}
.banner__right li {
  width: fit-content;
  margin-left: auto;
  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;
  background: linear-gradient(107.47deg, rgba(255, 255, 255, 0.3) -11.49%, rgba(255, 255, 255, 0) 105.84%), rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
.banner__right li:first-child {
  padding: 0 5px 15px;
}
.banner__right li:last-child {
  padding: 3px 15px 15px;
}
.banner__right li + li {
  margin-top: 30px;
}

.banner__right li img {
  display: block;
}
.banner__right li:last-child h5 {
  margin-top: 4px;
}
.banner__right li h5 {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #626262;
}

.banner__right li p {
  margin-top: 11px;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #353535;
}
.blur {
  padding: 20px;
  background: linear-gradient(107.47deg, rgba(255, 255, 255, 0.3) -11.49%, rgba(255, 255, 255, 0) 105.84%), rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
.blur p {
  font-weight: 300;
  font-size: 18px;
  line-height: 160%;
  color: #353535;
}
.text {
  max-width: 920px;
  margin: 0 auto;
  font-weight: 300;
  font-size: 18px;
  line-height: 160%;
  color: #353535;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.text-center {
  text-align: center;
}
.scroll-div {
  position: relative;
  top: -92px;
}
.gallery-items {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.gallery-items .item {
  flex: auto;
}
.gallery-items .item .item__color {
  min-height: 80px;
}
.gallery-items .item .item__text {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.text-video video {
  width: 100%;
  height: auto;
}

.text-video .text{
  padding: 30px 20px 30px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}
.aero-streamliner .banner.banner-first {
  display: flex;
}
.aero-streamliner .banner.banner-first .banner__right li p {
  font-weight: 300;
}
.aero-streamliner .banner.banner-first .banner__right {
  position: absolute;
  right: 0;
  bottom: 0;
}
/*.aero-streamliner .banner.banner-first .container,
.full-height .container {
  height: 100vh;
}*/
.aero-streamliner .banner.banner-first .container .row,
.aero-streamliner .banner.banner-first .container .col-12,
.aero-streamliner .banner.banner-first .container .banner__content {
  height: 100%;
}
.full-height .container .row,
.full-height .container .col-12,
.full-height .container .banner__content,
.full-height .banner__right {
  height: 100%;
}
.banner_future {
  padding-top: 120px;
  background-position: center center;
}

.advantages + * {
  margin-top: -30px;
}

.advantages__list > * {
  margin-bottom: 30px;
}

.advantages__item {
  height: 100%;
  padding: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
          box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.advantages__item img {
  display: block;
  width: 100%;
}

.advantages__item p {
  font-weight: 300;
  font-size: 16px;
  line-height: 170%;
  color: #353535;
}

.design__list li {
  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;
}

.design__list li + li {
  margin-top: 50px;
}

.design__list li span {
  display: block;
}

.design__list li span img {
  display: block;
  width: 100%;
}

.design__list li span + * {
  margin-left: 50px;
}

.design__list li p {
  display: block;
  max-width: 370px;
  min-width: 370px;
  padding: 20px;
  font-weight: 300;
  font-size: 18px;
  line-height: 170%;
  color: #353535;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
          box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.design__list li p + * {
  margin-left: 50px;
}

.farbspektrum {
  padding: 30px 0;
}

.farbspektrum img {
  display: block;
  width: 100%;
}

.dimensions__banner {
  padding-top: 50px;
  height: 100vh;
  background-size: cover !important;
}

.dimensions__banner ul {
  display: inline-block;
  padding: 20px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(107.47deg, rgba(255, 255, 255, 0.3) -11.49%, rgba(255, 255, 255, 0) 105.84%);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}

.dimensions__banner ul.banner-back-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 620px;
  padding-bottom: 0;
  margin-left: auto;
}

.dimensions__banner ul.banner-back-list li {
  display: inline-block;
  margin-bottom: 20px;
}

.dimensions__banner ul.banner-back-list li:nth-child(2n) {
  width: 220px;
}

.dimensions__banner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 18px;
  line-height: 180%;
}

.dimensions__banner ul li span {
  /* display: block;
  margin-right: 5px; */
  color: #b53b3b;
}

.gallery__item {
  display: block;
  height: 284px;
  margin-bottom: 30px;
  background-position: center center;
  background-size: cover;
}
.gallery__item img {
    height: 284px;
    object-fit: cover;
    margin-bottom: 30px;
}

.aero-streamliner .features .features__list .features__item h3{
  color: #353535;
  text-align: center;
}
.aero-streamliner .features__item.image-empty .item p{
  font-size: 24px;
}
.features + * {
  margin-top: -30px;
}

.features__list > * {
  margin-bottom: 30px;
}

.features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 20px 20px 20px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
          box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.features__item > span {
  display: block;
}

.features__item > span img {
  display: block;
  width: 100%;
}

.features__item > span + * {
  margin-left: 30px;
}

.features__item p {
  max-width: 400px;
  min-width: 400px;
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
}

.features__item p + * {
  margin-left: 30px;
}
.aero-streamliner .features__item p {
  max-width: 230px;
  min-width: 230px;
}
.aero-streamliner .lg-4-image img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 315px;
  max-height: 315px;
  object-fit: contain;
}
.aero-streamliner .features__item.image-empty p {
  max-width: 100%;
  min-width: auto;
}

.equipment ul li {
  display: block;
  padding: 20px;
  font-size: 24px;
  line-height: 46px;
  letter-spacing: 0.05em;
}

.equipment ul li:nth-child(2n + 1) {
  background: #ebebeb;
}

.equipment_moto {
  padding-top: 20px;
}

.equipment_moto ul li {
  font-size: 18px;
}

.equipment_moto h3 {
  margin: 20px 0;
  text-align: center;
}

.options {
  padding-bottom: 50px;
  margin-top: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#a9b0b8), color-stop(54.69%, #c7ced6), to(#a4abb4));
  background: linear-gradient(180deg, #a9b0b8 0%, #c7ced6 54.69%, #a4abb4 100%);
}

.options h2 {
  color: #fff;
}

.options__item {
  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;
  height: 100%;
  padding: 15px 20px 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
          box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.options__item p {
  margin-top: 20px;
  font-size: 24px;
  line-height: 46px;
  text-align: center;
  letter-spacing: 0.05em;
}

.options__item img {
  display: block;
  max-width: 100%;
}

.options__list > * {
  margin-bottom: 30px;
}

.specifications table {
  max-width: 100%;
  margin-top: -2px;
  border-collapse: collapse;
  width: 100%;
  border: 2px solid transparent;
}

.specifications table tbody tr:nth-child(2n + 2) {
  background: #ebebeb;
}

.specifications table th {
  font-weight: 900;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  background: #b53b3b;
}

.specifications table td {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.05em;
}

.specifications table th,
.specifications table td {
  padding: 20px;
  text-align: left;
  border-right: 1px solid #fff;
}

.specifications table th:nth-child(1),
.specifications table td:nth-child(1) {
  width: 860px;
  min-width: 860px;
}

.specifications table th:nth-child(2), .specifications table th:nth-child(3), .specifications table th:nth-child(4),
.specifications table td:nth-child(2),
.specifications table td:nth-child(3),
.specifications table td:nth-child(4) {
  width: 320px;
  text-align: center;
}

.specifications table.reverse tbody tr:nth-child(2n + 1) {
  background: #ebebeb;
}

.specifications table.reverse tbody tr:nth-child(2n + 2) {
  background: transparent;
}

.about-us {
  min-height: calc(100vh - 99px);
}

.card {
  padding: 20px 20px 20px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  display: block;
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
  color: #353535;
}

.card + .card {
  margin-top: 20px;
}

.cards {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.about-us__image {
  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;
  height: 100%;
}

.about-us__image img {
  display: block;
  width: 100%;
}

.footer {
  padding: 40px 0 60px;
  margin-top: 50px;
  text-align: center;
  background: rgb(6 24 37 / 97%);
  color: #ffffff;
}

.footer p, footer a {
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}

footer li{
  text-align: left;
  list-style: none;
  padding: 0;
  padding-bottom: 25px;
}

footer li a{
  font-size: 16px;
  font-weight: 700;
}

footer p.copyright{
  font-size: 12px;

}

footer .social h6{
  margin-top: 10px;
  font-weight: 300;
}

footer .social a{
  display: inline-block;
  width: 30px;
  margin-right: 10px;
}

footer .social svg{
  max-width: 30px;
}

footer h6{
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  margin-bottom: 10px;
}

footer a:hover, .uber-lorgano footer a:hover{
  color: #b53b3b;
}

.uber-lorgano footer a{
  color: #ffffff;
}

.partners_page {
  padding-top: 70px;
  
}

.partners {
  min-height: calc(100vh - 69px);
  position: relative;
  line-height: 0.9;
  overflow: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.partners #map {
  width: calc(100%);
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  margin-bottom: -2px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.partners + .footer {
  margin-top: 0;
}

.partners .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.partners__info {
  display: inline-block;
  max-width: 100%;
  position: relative;
  margin-left: auto;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  z-index: 2;
  padding: 20px 20px 20px 20px;
}

.partners__info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.partners__info li + li {
  margin-top: 20px;
}

.partners__info h6 {
  font-weight: bold;
  font-size: 18px;
  line-height: 135%;
  color: #000000;
  cursor: pointer;
}

.partners__info img {
  margin-top: 5px;
  margin-right: 9px;
}

.partners__info p, .partners__info a {
  font-weight: 300;
  font-size: 18px;
  line-height: 135%;
  color: #353535;
  margin-bottom: 0;
}

.moto-colors__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 50px 0;
  min-height: 100vh;
  background-size: cover;
  background-position: center bottom;
}

.moto-colors__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  margin: 0 auto;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
}

.moto-colors__list li {
  display: block;
}

.moto-colors__list li + li {
  margin-left: 20px;
}

.moto-colors__list li > span {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 2px solid #a9b0b8;
}

.moto-colors__list li.active span {
  border: 2px solid #b53b3b;
}

.moto-colors__list li.active::before {
  content: attr(data-color-name);
  display: block;
  padding: 10px 20px;
  position: absolute;
  left: 50%;
  top: -20px;
  font-size: 24px;
  font-weight: 600;
  color: #b53b3b;
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: #fff;
}

.contact {
  position: relative;
  min-height: 100vh;
  padding-bottom: 42px;
  padding-top: 100px !important;
  overflow: auto;
}

.contact .partners__info {
  width: 100%;
  margin-top: 0px;
}

.contact .partners__info li h6 {
  font-size: 20px;
}

.contact .partners__info li span {
  font-size: 20px;
  line-height: 150%;
}

.contact .container {
  position: relative;
  z-index: 1;
  min-height: calc(100vh - 180px);
}

.contact::before {
  content: "";
  display: block;
  width: 64.8%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/gisotti-collage.webp) left center no-repeat;
  background-size: cover;
  z-index: 0;
}

.contact__image {
  height: 100%;
  width: 100%;
  background-size: cover !important;
}

.contact__form, .wpcf7-form {
  padding: 20px 20px 20px 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
          box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}


.wpcf7-form p br{
  display: none;
}
.wpcf7-form label{
  margin-top: 15px;
}

.wpcf7-form button.button{
  height: 58px;
}

.wpcf7-form .wpcf7-submit{
  padding: 0;
    background: transparent;
    border: none;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 24px;
    font-weight: 600;
    z-index: 55555;
}

.wpcf7-form p{
  margin-bottom: 0;
}


.contact__form button, 
.button {
  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: 100%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding: 15px;
  background: #b53b3b;
  border: 0;
  cursor: pointer;
  margin-top: 20px;
}
.button {
  display: inline;
  width: auto;
  text-align: center;
}

/*-----POPUP-----*/
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
}

.popup-container {
  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;
  width: 100%;
  min-height: 100vh;
  padding: 25px 10px;
}

.popup-block {
  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;
  width: 100%;
  max-width: 625px;
  background: #fff;
  padding: 40px 50px;
  border-radius: 10px;
  position: relative;
}

.popup_close {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}

.popup_close svg {
  stroke: #d4dce2;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.popup_close:hover svg {
  stroke: #31bcfe;
}

.popup-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-img img {
  display: block;
  max-width: 100%;
  margin-bottom: 40px;
}

.popup-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 120%;
  margin-bottom: 27px;
  color: #b53b3b;
  text-align: center;
}

.popup-undertitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 220%;
  color: #848d96;
  text-align: center;
}

.popup__form {
  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;
  width: 100%;
  margin-top: 40px;
}

.popup .button.popup-button {
  padding: 21px 60px;
  min-width: 235px;
  margin-top: 40px;
  margin-bottom: 0;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.12);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.12);
}

.popup__explanation {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #d9486d;
  text-align: center;
  margin-top: 20px;
}

#featurecardPanel {
  padding-top: 73px !important;
}
.none {
    top: -69px !important;
}

.aero-streamliner .video-360{
  max-height: 120vh;
}

.aero-streamliner .video-360 video{
  max-height: 120vh;
  width: 100%;
}

.aero-streamliner .text-video h3{
  color: #353535;
}

.aero-streamliner .banner.design .banner__content{
  height: 90vh;
}

.aero-streamliner .banner.design .banner__content .banner__left, .aero-streamliner .banner.design .banner__content .banner__right{
  justify-content: space-between;
}

.aero-streamliner .banner.render-9{
  max-height: 960px;
    min-height: 960px;
    background-size: 1720px !important;
    width: 96vw;
  background-position: top !important;
  margin: 0 auto;
}

/*.aero-streamliner .banner.render-9 .banner__content{
  max-width: 85vw;
  margin: 0 auto;
}*/

.gros-aero .specifications table th{
  border-right: none;
}

form .checkbox-items .item{
  display: flex;
}

form .checkbox-items .item input{
   height: 20px;
   width: 20px;
   min-width: 20px;
   margin-right: 20px;
}

form .checkbox-items .item span{
  line-height: 20px;
}

form .right-column {
  max-width: 25%;
  margin: 0 0 0 auto;
}

.individuelles .grid-wrapper{
  grid-template-rows: auto;
  position: relative;
}

.individuelles .contact__form{
  margin-bottom: 20px;
}

.individuelles form .farbspektrum{
  position: absolute;
  top: 0;
  max-width: 71%;
}

.individuelles form .viewer-360-nav__colors{
  display: flex;
}

.individuelles form .viewer-360-nav__colors .viewer-360-nav__item:not(:last-child) {
  margin: 0 1.25em 0 0;
}

.individuelles form .viewer-360-nav__colors img{
  width: 83.3px;
}

.individuelles video{
  max-width: 100%;
}

.individuelles .viewer-360-model{
  width: 66vw;
}

.individuelles .info-items{
  background: linear-gradient(180deg, rgba(53, 53, 53, 0.1), rgba(0, 0, 0, 0) 5%);
  margin-top: 5px;
  padding-top: 13px;
}

.individuelles .viewer-360-nav{
  position: static;
  margin-top: 20px;
}

/* Front page */

main.home-page {
  background: #05141f;
}
.home-page .main > *:first-child{
  padding-top: 110px;
}

.home-page h1{
  font-size: 42px;
  text-transform: uppercase;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}

.home-page .first img{
  width: 100%;
}

.home-page .render-item{
  height: 509px;
  background-size: cover;
  transition: 0.2s linear all;
  padding: 25px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.home-page .render-item:hover{
  transform: scale(1.07);
}

.home-page .second-item .render-item{
    justify-content: flex-start;
}

.home-page .second-item .render-item button{
    order: 1;
}

.home-page .second-item .render-item .text-block .left{
    order: 2;
}

.home-page .render-img{
  max-width: 100%;
  height: 337px;
  object-fit: cover;
  width: 100%;
  transition: 0.3s all linear;
}

.home-page .render-img:hover{
  transform: scale(1.07);
}

.home-page .render-item .text-block{
  background: rgba(5, 20, 31, 0.7);
  padding: 10px;
}

.home-page .render-item h3{
  color: #ffffff;
  margin-bottom: 5px;
  font-size: 28px;
  white-space: nowrap;
}

.home-page .render-item p{
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 10px;
}

.home-page .render-item button{
  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: 100%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding: 15px;
 /* background: #b53b3b;*/
  border: 0;
  cursor: pointer;
  position: relative;
  border: 1px solid #000 !important;
  max-width: 250px;
}

.home-page .render-item button span{
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.home-page .render-item button:hover span{
  color:#fff;
  z-index: 5555;
}

.home-page .render-item button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 0;
  width: 100%;
  background: #000;
  transition: height .3s ease;
}

.home-page .render-item button:hover::after{
  height: 100%;
}

.home-page .models .features__item{
  max-width: 1200px;
    margin: 0 auto;
    font-size: 24px;
}

/* GROß AERO */

.gros-aero .banner{
  min-height: 100vh;
    max-height: 100vh;
    padding-bottom: 50px;
    position: relative;
    background: url(../img/gros-aero/motorrad-anhänger.webp) center 42% no-repeat;
}

.gros-aero .gallery__item, .gros-aero .gallery__item img{
  height: 200px;
}

.gros-aero .banner.design .banner__content, .gros-aero .banner.design-2 .banner__content{
  height: 90vh;
}

.blur_new.white-bg{
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.blur_new.white-bg *{
  color: #000000;
}

.dimensions-item p{
  font-size: 18px;
  line-height: 180%;
}

.gros-aero .features__item.images-items img{
  height: 138px;
    object-fit: inherit;
    object-position: center;
}

.gros-aero .hauptmerkmale h3{
  color: #353535;
}

.gros-aero .hauptmerkmale .features_item{
  display: flex;
  align-items: center;
  height: 100%;
  gap: 35px;
}

.gros-aero .hauptmerkmale .features_item .item{
  flex-basis: 50%;
  padding: 20px 20px 20px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  height: 100%;
}

.gros-aero .hauptmerkmale .features_item p{
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
}

.gros-aero .hauptmerkmale .features_item img{
  height: 238px;
  object-fit: cover;
}

.individuelles-gros-aero .individuelles .row.main-row{
  height: 82vh;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2); 
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.individuelles-gros-aero .individuelles .contact__form{
  background: transparent;
  box-shadow: none;
}

.individuelles-gros-aero .individuelles .viewer-360-model{
  width: 60vw;
}

.individuelles-gros-aero label span{
  font-size: 18px;
}

.individuelles-gros-aero form .checkbox-items .item span{
  font-size: 18px;
  line-height: 24px;
}

.individuelles-gros-aero .individuelles .info-items{
  margin-top: 18px;
  padding-top: 23px;
}

.galerie .container{
  padding: 0;
  margin: 0;
  width: 100;
}

.galerie h3{
  padding: 0 50px;
  margin-bottom: 35px;
}

.wrapper-gallery{
  padding: 0;
}

.wrapper-gallery .gallery__item{
  display: inline-block;
  margin-bottom: 0;
  margin: -4px -2px;
  position: relative;
  height: 200px;
}

.wrapper-gallery .gallery__item img{
  margin-bottom: 0;
  height: 200px;
}

.wrapper-gallery .gallery__item:nth-child(1), .wrapper-gallery .gallery__item:nth-child(15n), .wrapper-gallery .gallery__item:nth-child(29n){
  width: 16%;
}

.wrapper-gallery .gallery__item:nth-child(2), .wrapper-gallery .gallery__item:nth-child(16n), .wrapper-gallery .gallery__item:nth-child(30n){
  width: 14%;
}

.wrapper-gallery .gallery__item:nth-child(3), .wrapper-gallery .gallery__item:nth-child(17n), .wrapper-gallery .gallery__item:nth-child(31n){
  width: 12%;
}

.wrapper-gallery .gallery__item:nth-child(4), .wrapper-gallery .gallery__item:nth-child(18n), .wrapper-gallery .gallery__item:nth-child(32n){
  width: 11%;
}

.wrapper-gallery .gallery__item:nth-child(5), .wrapper-gallery .gallery__item:nth-child(19n), .wrapper-gallery .gallery__item:nth-child(33n){
  width: 9.5%;
}

.wrapper-gallery .gallery__item:nth-child(6), .wrapper-gallery .gallery__item:nth-child(20n), .wrapper-gallery .gallery__item:nth-child(34n){
  width: 15%;
}

.wrapper-gallery .gallery__item:nth-child(7), .wrapper-gallery .gallery__item:nth-child(21n), .wrapper-gallery .gallery__item:nth-child(35n){
  width: 12%;
}

.wrapper-gallery .gallery__item:nth-child(8), .wrapper-gallery .gallery__item:nth-child(22n), .wrapper-gallery .gallery__item:nth-child(36n){
  width: 10.5%;
}

.wrapper-gallery .gallery__item:nth-child(9), .wrapper-gallery .gallery__item:nth-child(23n), .wrapper-gallery .gallery__item:nth-child(37n){
  width:15.5%;
}

.wrapper-gallery .gallery__item:nth-child(10), .wrapper-gallery .gallery__item:nth-child(24n), .wrapper-gallery .gallery__item:nth-child(38n){
  width: 15%;
}

.wrapper-gallery .gallery__item:nth-child(11), .wrapper-gallery .gallery__item:nth-child(25n), .wrapper-gallery .gallery__item:nth-child(39n){
  width: 18%;
}

.wrapper-gallery .gallery__item:nth-child(12), .wrapper-gallery .gallery__item:nth-child(26n), .wrapper-gallery .gallery__item:nth-child(40n){
  width: 15.5%;
}

.wrapper-gallery .gallery__item:nth-child(13), .wrapper-gallery .gallery__item:nth-child(27n), .wrapper-gallery .gallery__item:nth-child(41n){
  width: 18%;
}

.wrapper-gallery .gallery__item:nth-child(14), .wrapper-gallery .gallery__item:nth-child(28n), .wrapper-gallery .gallery__item:nth-child(42n){
  width: 18%;
}

.wrapper-gallery .gallery__item:hover::before {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.button{
  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: 100%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding: 15px;
  background: #b53b3b;
  border: 0;
  cursor: pointer;
  position: relative;
  border: 1px solid #000 !important;
  background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #e56e6e 75.52%, rgba(100, 181, 239, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 3s infinite;
}

.button, .contact__form button, .wpcf7-submit{
  background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #e56e6e 75.52%, rgba(100, 181, 239, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 3s infinite;
}

@keyframes bg-move{
  0%{
    background-position: -500px 0;
  }
  100%{
    background-position: 1500px 0;
  }
}

.button span{
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.button:hover span{
  color:#fff;
  z-index: 5555;
  position: relative;
}

.button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 0;
  width: 100%;
  background: #000;
  transition: height .3s ease;
}

.button:hover::after{
  height: 100%;
}

.button.black{
  background: #000;
  background-image: linear-gradient(270deg, rgb(255 255 255 / 0%) 48.44%, #ffffff91 75.52%, rgb(255 255 255 / 0%) 100%);
    background-repeat: no-repeat;
    animation: bg-move-black linear 3s infinite;
    min-width: 200px;
}

@keyframes bg-move-black{
  0%{
    background-position: -1000px 0;
  }
  100%{
    background-position: 500px 0;
  }
}

.button.black::after{
  background: #b53b3b;
}


/* TITAN MULTITRANSPORTER */

.titan .banner{
  background: url(../img/titan/1.webp) center 42% no-repeat;
}

.titan .verformung .features__item{
  height: auto;
}

.titan .features__item p{
  min-width: auto;
  max-width: 100%;
  font-weight: 500;
  text-align: left;
}

.titan .verformung .features__item p{
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
}

.titan .verformung .features__item p span{
  margin-top: 5px;
}

.titan .verformung .features__item h3{
  color: #353535;
  text-align: center;
}

.titan .button{
  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: 100%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding: 15px;
  border: 0;
  cursor: pointer;
  position: relative;
  border: 1px solid #000 !important;
}

.titan .button span{
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.titan .button:hover span{
  color:#fff;
  z-index: 5555;
  position: relative;
}

.titan .button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 0;
  width: 100%;
  background: #000;
  transition: height .3s ease;
}

.titan .button:hover::after{
  height: 100%;
}

.titan .button.black::after{
  background: #b53b3b;
}

.titan .features__item h3{
  font-weight: 600;
  color: #353535;
}

.individuelles-titan form .right-column{
  max-width: 27%;
}

.individuelles-titan label span{
  font-size: 15px;
}

.individuelles-titan .individuelles .row.main-row{
  height: 82vh;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2); 
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.individuelles-titan .individuelles .contact__form{
  background: transparent;
  box-shadow: none;
}

.individuelles-titan .individuelles .viewer-360-model{
  width: 60vw;
}


/* ÜBER LORGANO */

.uber-lorgano .banner{
  background-image: none;
  padding: 0;
  min-height: auto;
}

.uber-lorgano .banner.first img{
  width: 100%;
}

.uber-lorgano .text-item{
  padding: 20px 20px 20px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  max-width: 1300px;
  margin: 35px auto 0;
}

.uber-lorgano .text-item p, .uber-lorgano .text-item li{
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
}

.uber-lorgano .certificate{
  width: auto;
  text-align: center;
  display: inline-block;
}

.uber-lorgano .certificate img{
  max-height: 300px;
  width: auto!important;
}

.uber-lorgano h3{
  text-align: center;
  color: #353535;
}

.uber-lorgano a{
  color: #0505e3;
}

/* Aero Streamliner */

.aero-streamliner-moto .banner__undertitle{
  display: block;
  padding: 0;
  margin: 35px 0 0 auto;
  font-size: 16px;
}

.aero-streamliner-moto .banner__left .banner__undertitle{
  margin-top: 10px;
}

.aero-streamliner-moto .farbspektrum{
  padding-top: 0;
  padding-bottom: 0;
}

.aero-streamliner-moto .scroll-div#farbspektrum{
  top: 20px;
}

.aero-streamliner-moto .verformung .features__item{
  height: auto;
}

.aero-streamliner-moto .verformung .features__item p{
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  min-width: none;
  max-width: 100%;
}

.aero-streamliner-moto .verformung .features__item p span{
  margin-top: 5px;
}

.aero-streamliner-moto .verformung .features__item h3{
  color: #353535;
  text-align: center;
}

.aero-streamliner-moto .hauptmerkmale h3{
  color: #353535;
}

.aero-streamliner-moto .hauptmerkmale .features_item{
  display: flex;
  align-items: center;
  height: 100%;
  gap: 35px;
}

.aero-streamliner-moto .hauptmerkmale .features_item .item{
  flex-basis: 50%;
  padding: 20px 20px 20px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  height: 100%;
}

.aero-streamliner-moto .hauptmerkmale .features_item p{
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
  min-width: none;
  max-width: 100%;
}

.aero-streamliner-moto .hauptmerkmale .features_item img{
  height: 238px;
  object-fit: cover;
}

.aero-streamliner-moto .features__item.images-items img {
  height: 138px;
  object-fit: inherit;
  object-position: center;
}

.aero-streamliner-moto .design__list .blur_white{
  max-width: 400px;
    min-width: 400px;
    padding: 20px;
    font-weight: 300;
    font-size: 18px;
    line-height: 170%;
    color: #353535;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    margin-top: 35px;
}

.aero-streamliner-moto .design__list .blur_white p{
  padding: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.aero-streamliner-moto .design__list h3{
  color: #353535;
  text-align: center;
}

.aero-streamliner-moto .design__list .banner__left{
  flex-basis: 23%;
}

.aero-streamliner-moto .design__list li span{
  flex-basis: 77%;
}

.aero-streamliner-moto .banner.colours h5{
  position: absolute;
  text-transform: uppercase;
  font-size: 16px;
}

.aero-streamliner-moto .banner.colours .banner__content{
  position: relative;
}
.aero-streamliner-moto .banner.colours .color-3, .aero-streamliner-moto .banner.colours .color-6, .aero-streamliner-moto .banner.colours .color-9{
  bottom: -30px;
}

.aero-streamliner-moto .banner.colours .color-1, .aero-streamliner-moto .banner.colours .color-4, .aero-streamliner-moto .banner.colours .color-7{
  top: 270px;
}

.aero-streamliner-moto .banner.colours .color-2, .aero-streamliner-moto .banner.colours .color-5, .aero-streamliner-moto .banner.colours .color-8{
  top: 590px;
}

.aero-streamliner-moto .banner.colours .banner__center h5{
  padding: 20px;
  left: 580px;
}
.aero-streamliner-moto .banner.colours .banner__right h5{
  padding: 20px;
  right: 420px;
}

.aero-streamliner-moto .banner.colours .banner__left h5{
  left: -20px;
}

/* AERO STREITWAGEN */

.farbspektrum .viewer-360-nav .viewer-360-nav__item img{
  width: 84px;
}

.viewer-360-model__image {
  cursor: grab;
}

.viewer-360-model__image:active {
  cursor: grabbing;
}

.aero-streamliner .farbspektrum .viewer-360-model__image {
  display: none; 
}
.aero-streamliner .farbspektrum .viewer-360-model__image.active {
  display: block; 
}

.individuelles-streitwagen form .right-column{
  max-width: 28%;
}

@media screen and (max-width: 1600px) {
  .equipment ul li {
    font-size: 18px;
  }
  h2 {
    margin: 30px 0;
  }
  :root {
    --bs-gutter-x: 35px;
  }
  .gallery__item {
    height: 210px;
  }
  .gallery__item img {
        height: 210px;
    }
  .features__item p {
    min-width: 300px;
    max-width: 300px;
    font-size: 16px;
  }
  .dimensions__banner ul li {
    font-size: 16px;
  }
  .specifications table > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .specifications table th {
    font-size: 18px;
  }
  .specifications table td {
    font-size: 16px;
  }
  .specifications table th,
  .specifications table td {
    padding: 20px;
    text-align: left;
    border-right: 1px solid #fff;
  }
  .specifications table th:nth-child(1),
  .specifications table td:nth-child(1) {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
  }
  .specifications table th:nth-child(2), .specifications table th:nth-child(3), .specifications table th:nth-child(4),
  .specifications table td:nth-child(2),
  .specifications table td:nth-child(3),
  .specifications table td:nth-child(4) {
    width: 300px;
  }
  .options__item p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1480px) {
  /*.header__burger {
    display: block;
  }  
  .main-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
    padding: 30px;
    position: fixed;
    top: 0;
    left: 0;
    margin-left: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
            box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 10;
  }
  .main-nav.active {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }*/
  .main-navigation ul{
    column-gap: 15px;
  }
  .main-nav a + a {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .banner__left h1 {
    font-size: 36px;
  }
  h2 {
    margin: 30px 0;
  }
  .banner {
    padding: 30px 0;
  }
  .banner__left {
    max-width: 375px !important;
  }
  .banner__right {
    max-width: 240px !important;
  }
  /* .main-nav {
    padding-left: 10px;
    margin-left: 10px;
  } */
  .main-nav a + a {
    margin-left: 15px;
  }
  .second-nav a + a {
    margin-left: 15px;
  }
  .card p {
    font-size: 16px;
  }

}

@media screen and (max-width: 1300px) {
  h2 {
    font-size: 32px;
    line-height: 36px;
  }
  .specifications table > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .specifications table th {
    font-size: 14px;
  }
  .specifications table td {
    font-size: 14px;
  }
  .specifications table th,
  .specifications table td {
    padding: 20px;
    text-align: left;
    border-right: 1px solid #fff;
  }
  .specifications table th:nth-child(1),
  .specifications table td:nth-child(1) {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
  }
  .specifications table th:nth-child(2), .specifications table th:nth-child(3), .specifications table th:nth-child(4),
  .specifications table td:nth-child(2),
  .specifications table td:nth-child(3),
  .specifications table td:nth-child(4) {
    width: 300px;
  }

  .header__bottom {
    overflow-x: auto;
  }
  .second-nav a + a {
    white-space: nowrap;
  }
  .design__list li p {
    max-width: 250px;
    font-size: 14px;
  }
  .features__item p {
    min-width: 200px;
    max-width: 200px;
    font-size: 14px;
  }
  .equipment ul li {
    font-size: 14px;
    line-height: 24px;
  }
  .specifications__table {
    overflow-x: auto;
  }
  .specifications__table table {
    width: 1200px;
    max-width: unset;
  }
  .moto-colors__block {
    min-height: 600px;
    padding: 30px 0;
  }
  .dimensions .dimensions__banner {
    background: url(../img/2021-aero/banner2-mob.jpg) center center no-repeat !important;
    background-size: cover !important;
    height: 100vh;
  }
  .dimensions .dimensions__banner + .dimensions__banner {
    background-image: url(../img/2021-aero/banner3-mob-1.jpg) !important;
  }
}

@media screen and (max-width: 1250px){
  .main-nav a{
    font-size: 12px;
  }
}

@media screen and (max-width: 1200px) {
  .contact::before {
    display: none;
  }
}

@media screen and (max-width: 1024px){
  .header__burger {
    display: block;
  } 
  .header__content .logo{
    width: 60%;
  }
  .cart-login-search{
    width: 30%!important;
  }
  .main-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
    padding: 30px;
    position: fixed;
    top: 0;
    left: 0;
    margin-left: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
            box-shadow: 0px 0px 10px rgba(11, 11, 11, 0.15);
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 10;
  }
  .main-nav.active {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@media screen and (max-width: 998px) {
  .features__item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .features__item > span {
    width: 300px;
    min-width: 300px;
  }
  .features__item p {
    max-width: none;
    min-width: none;
  }
  .banner__left {
    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;
  }
  .banner__left > * {
    width: 100%;
  }
  .equipment .equipment-second-ul li {
    padding: 20px !important;
    line-height: 24px !important;
  }
  .equipment .equipment-second-ul li:nth-child(2n + 1) {
    background: #fff;
  }
  .equipment .equipment-second-ul li:nth-child(2n + 2) {
    background: #ebebeb;
  }
  .design__list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .design__list li p {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .design__list li p + * {
    margin-left: 0;
  }
  .design__list li span + * {
    margin-left: 0;
  }
  .banner__right li,
  .banner__left h1,
  .banner__undertitle,
  .dimensions__banner ul {
    background: linear-gradient(107.47deg, rgba(255, 255, 255, 0.3) -11.49%, rgba(255, 255, 255, 0) 105.84%), rgba(255, 255, 255, 0.9);
  }
  .banner__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .banner__content > * {
    max-width: unset !important;
    width: 100%;
  }
  .banner__right {
    margin-top: 50px;
  }
  .dimensions__banner ul {
    width: 100%;
    margin-bottom: 50px;
  }
  .dimensions__banner ul br {
    display: none;
  }
  .banner_klassik {
    min-height: 600px;
  }
  .banner_klassik .swiper-slide {
    background-position: center center !important;
  }
}

@media screen and (max-width: 768px) {
  h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .features__item {
    -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;
    text-align: center;
  }
  .features__item p {
    margin-top: 20px;
    margin-left: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .features__item p + * {
    margin-left: 0;
  }
  .features__item > span {
    min-width: unset;
    max-width: 100%;
  }
  .footer p {
    font-size: 12px;
  }
  /*.logo img:nth-child(1) {
    display: none;
  }*/
  .logo img:nth-child(2) {
    display: block;
  }
  .header__lang img {
    height: 36px;
  }
  h1 {
    font-size: 32px;
  }
  .banner__undertitle {
    font-size: 14px;
  }
  .dimensions__banner {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
  }
  .dimensions__banner ul {
    margin-bottom: 0;
  }
  .dimensions__banner ul + ul {
    margin-top: 20px;
  }
  .banner_klassik {
    min-height: 500px;
  }
  .main > :first-child {
    padding-top: 140px;
  }
  .banner_future {
    min-height: 400px;
  }
  .partners {
    min-height: 400px;
  }
  .partners .container {
    padding: 0 10px;
  }
  .partners #map {
    top: 0;
    height: 70vh;
    -webkit-transform: translate(-50%, -50px);
            transform: translate(-50%, -50px);
  }
  .partners__info {
    width: 100%;
    margin-top: 35vh;
  }
  .partners__info li svg {
    min-width: 24px;
  }
  .moto-colors__block {
    min-height: 400px;
    padding: 30px 0;
  }
  .moto-colors__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .moto-colors__list li {
    margin: 10px !important;
  }
}
/*# sourceMappingURL=style.css.map */





.option__custom--title {
  margin-top: 60px;
}
.moto .header__bottom, .moto .header__top {
  background: rgba(0, 0, 0, 0.2) !important;
}
.moto .header__top {
  box-shadow: none;
  border-bottom: 1px solid red;
}
.moto .header__bottom a, .moto .header__top a {
  color: #fff;

}
.grid-wrapper {
  height: calc(100vh - 155px);
  display: grid;
  grid-template-rows: 485px 1fr;
}

.contact .grid-wrapper {
  height: calc(87vh - 190px);
  display: grid;
  grid-template-rows: 440px 1fr;
}
.contact {
  padding-top: 120px;
}
.partners__info h4 {
    padding: 20px 30px 20px 20px;
    color: #b53b3b;
    font-size: 24px;
}
.partners__info li {
  list-style: none;
}
.partners__info .hr {
  height: 1px;
  background: rgb(11 11 11 / 15%);
  box-shadow: 0px 0px 7px 1px rgb(11 11 11 / 15%);
  width: 100%;
}
.info-wrapper {
  padding: 10px 30px 20px 20px;
}

.contact .info-wrapper{
  padding: 0 0 35px 0;
}

.contact .info-wrapper .d-flex{
  column-gap: 30px;
}
.card-inner:not(:last-child) {
  margin-bottom: 20px;
}
.handler-card {
  font-size: 22px;
}
.handler-werden__title {
  font-size: 34px;
}
.handler-werden button {
  max-width: 280px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 768px) {
  .partners_page {
    padding-top: 81px;    
  }

}
@media only screen and (max-height: 975px) {
  .grid-wrapper {
    height: unset;
  }
  
}
@media only screen and (max-height: 1010px) and (max-width: 1700px) {
  .first__slide {
    background-size: 1700px !important;
    background-position: center !important;
  }
  
}
@media only screen and (max-height: 1010px) and (min-width: 1700px) and (max-width: 2000px) {
  .first__slide {
    background-size: 2200px !important;
    background-position: center !important;
  }
  
}
@media only screen and (max-height: 1010px) and (min-width: 2000px) and (max-width: 2500px) {
  .first__slide {
    background-size: 2400px !important;
    background-position: center !important;
  }
  
}

.submit__btn {
  position: relative;
  border: 1px solid #000 !important;
}
.submit__btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 0;
  width: 100%;
  background: #000;
  transition: height .3s ease;
}
.submit__btn span {
  color: #fff;
  z-index: 100;
  position: relative;
}
.submit__btn:hover::after {
  height: 100%;
}
.partners-title {
  color: #b53b3b !important;
}
.viber {
  margin: 0 !important;
}
.tel {
  display: flex;
}
.design__list img {
  image-rendering: optimizeSpeed;
}
.partners_page {
  overflow: hidden;
}
.partners__info {
  /* overflow-y: scroll; */
}
@media only screen and (max-height: 960px) {
  .partners_page {
    overflow: initial;
  }
  
}

    
    .container_slider {
        position: absolute;
        z-index: 2;
        bottom: 80px;
        left: 10%;
        margin: 0 auto;
        display: block;
        width: 80%;
    }
    
    .container_slider .before,
    .container_slider .after {
        z-index: -1;
        position: absolute;
        top: 50%;
        margin-top: -1.5px;
        height: 3px;
        width: 100%;
        background: rgba(0, 0, 0, .2);
    }
    
    .container_slider .after {
        width: 50%;
        background: #ea0029;
    }
    
    .timeline {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    
    .time {
        display: table-cell;
        vertical-align: middle;
    }
    
    .slide a {
        display: block;
        position: relative;
        width: 7px;
        height: 6px;
        border: 0;
        border-radius: 100%;
        background: #ccc;
    }
    
    .slide a.active {
        border: 1px solid hsla(0, 0%, 100%, .6);
        background-color: #fff !important;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
        width: 28px;
        height: 28px;
    }
    
    .slide a.red {
        background: #ea0029;
    }
    
    .slide span {
        font-size: 16px;
        line-height: 1.25;
        width: 220px;
        color: #fff;
        text-decoration: none;
        display: inline-block!important;
        text-align: center;
        top: 0;
        word-break: keep-all;
        white-space: normal;
        padding-top: 25px;
        margin-left: -110px;
    }
    
    .slide a.active span {
        padding-top: 37px;
    }
    
    .banner {
        min-height: 100vh;
        padding-bottom: 50px;
        position: relative;
        background: url(../img/1.jpg) center 42%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        transition: background 0.5s ease !important;
    }
  
    
    .banner__content_new {
        background-color: #05141f;
        position: relative;
        padding: 50px 30px 30px;
        z-index: 9;
        position: absolute;
        width: 250px;
        padding: 25px;
        top: 18%;
        margin-top: 0;
        opacity: .7;
        right: 0;
        height: auto;
        color: #fff;
        text-align: left;
        font-size: 16px;
        display: none;
        margin-right: var(--bs-gutter-x, 40px);
    }
    .blur_new {
      background: rgba(5, 20, 31, 0.7);
      position: relative;
      z-index: 9;
      padding: 25px;
      height: auto;
      color: #fff;
      text-align: left;
      font-size: 16px;
    }
.blur_new h3 {
  text-align: center;
  font-weight: bold;
}
.blur_new * {
  color: #fff;
}
#play {
    background: transparent;
    border: 0;
    position: absolute;
    left: calc(50% - 16px);
    bottom: 15px;
    display: none;
    cursor: pointer;
}

#stop {
    background: transparent;
    border: 0;
    position: absolute;
    left: calc(50% - 16px);
    bottom: 15px;
    display: block;
    cursor: pointer;
}


/* titan */


.titan-multi .titan-banner-first {
  min-height: 100vh;
  position: relative;
  background: url('../img/titan/1.jpg') center center no-repeat;
  background-size: cover;
}

.titan-banner-title {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: fit-content;
  padding: 25px 40px 25px 25px;
  position: relative;
  overflow: hidden;
}

.titan-banner-title h1 {
  width: fit-content;
  font-size: 26px;
  line-height: 26px;
  font-weight: 900;
  letter-spacing: 0.05em;
  padding: 0 0 10px 0;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom: 5px solid currentcolor;
  z-index: 2;
}

.titan-banner-title h2 {
  width: fit-content;
  font-size: 17px;
  line-height: 18px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  margin: 15px 0 0 0;
  z-index: 2;
}

.titan-banner-title a {
  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;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 15px;
  border: 0;
  cursor: pointer;
  width: fit-content;
  margin-top: 15px;
  z-index: 2;
}

.titan-banner-title a.first {
  transition: all 0.3s ease;
  background: #000;
}

.titan-banner-title a.first:hover {
  background: #b53b3b;
  transition: all 0.3s ease;
}

.titan-banner-title a.second {
  background: #b53b3b;
  transition: all 0.3s ease;
}

.titan-banner-title a.second:hover {
  background: #000;
  transition: all 0.3s ease;
}

.titan-banner-first .titan-banner-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 20, 31, 0.7); /* Спадкуємо колір з основного блока */
  transform: skew(-20deg);
  transform-origin: top right;
}

.titan-banner-text {
  background: rgba(5, 20, 31, 0.7);
  padding: 25px;
  max-width: 350px;
  align-self: baseline;
}

.titan-banner-text p {
  color: #fff;
}

.titan-banner-text h3 {
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.titan-banner-first .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.titan-multi .titan-banner-second {
  min-height: 100vh;
  position: relative;
  background: url('../img/titan/2.jpg') center center no-repeat;
  background-size: cover;
}

.titan-banner-second {
  display: flex;
  align-items: flex-end;
}

.titan-banner-second .titan-banner-text.first {
  align-self: flex-end;
}

.titan-banner-second .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 30px;
  flex-wrap: wrap;
  gap: 30px;
}

.titan-banner-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.titan-banner-second .titan-banner-text-wrap .titan-banner-text p {
  text-align: center;
}

.titan-banner-third .container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  padding-top: 80px;
}

.titan-banner-third .titan-banner-text-wrap .titan-banner-text.second p {
  text-align: center;
}

.titan-banner-third .titan-banner-text {
  align-self: flex-end;
}

.titan-multi .titan-banner-third {
  min-height: 100vh;
  position: relative;
  background: url('../img/titan/3.jpg') center center no-repeat;
  background-size: cover;
}

.titan-multi .titan-banner-fourth {
  min-height: 100vh;
  position: relative;
  background: url('../img/titan/4.jpg') center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}

.titan-banner-fourth .container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

.titan-banner-fourth .titan-banner-text-wrap .titan-banner-text p {
  text-align: center;
}

.titan-multi .titan-banner-fifth {
  min-height: 100vh;
  position: relative;
  background: url('../img/titan/7.jpg') center center no-repeat;
  background-size: cover;
}

.titan-banner-fifth .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 100px;
}

.titan-banner-fifth .titan-banner-text.second,
.titan-banner-fifth .titan-banner-text.third {
  text-align: center;
}


.home-page .render-item{
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(5, 20, 31, 0.7);
  background-position: center!important;
}

.home-page .render-item .text-block{
  display: flex;
    align-items: center;
    column-gap: 10px;
    background: rgb(5 20 31 / 98%);
    width: max-content;
}

.home-page .render-item .text-block .left{
  flex-basis: 50%;
}

.home-page .render-item .text-block .left p{
  margin-bottom: 0;
}

.home-page .render-item button{
  flex-basis: 50%;
    margin-top: 0;
    width: 300px;
    max-width: 300px;
}

.image-gallery .swiper-wrapper{
  height: 100vh;
}

.image-gallery .swiper-wrapper .swiper-slide img{
  height: 100vh;
}

 .image-gallery .swiper-button-next{
    background-image: url('../img/slider-arrow-right.png');
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 45%;
  }

  .image-gallery .swiper-button-prev{
    background-image: url('../img/slider-arrow-left.png');
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 45%;
  }

  .image-gallery .swiper-button-next:after, .image-gallery .swiper-button-prev:after{
    display: none;
  }


.woocommerce ul.products li.product.product-item .product-title.button{
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 600;
  margin: 33px 0 0;
  background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #e56e6e 75.52%, rgba(100, 181, 239, 0) 100%);
  background-repeat: no-repeat;
  animation: bg-move linear 3s infinite;
  background-color: #b53b3b;
  color: #ffffff;
}

.woocommerce ul.products li.product.product-item .price{
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 10px;
}

.woocommerce ul.products li.product.product-item .price span{
    color: #ffffff;
}

.woocommerce ul.products li.product.product-item .price bdi{
    color: #ffffff;
}

.product-item img{
  transition: 0.2s linear all;
  height: 71vh;
  object-fit: contain;
  margin-bottom: 27px;
  max-height: 711px;
}

.woocommerce ul.products li.product.product-item a img{
    margin-bottom: 0;
}

.product-item:hover img{
  transform: scale(1.07);
}

.product-page .features__item{
  display: block;
  text-align: center;
  padding: 20px 30px;
}

.product-page .features__item.image-block{
  padding: 30px 30px;
}

.product-page .features__item p{
  min-width: 100%;
  max-width: 100%;
  
}

.product-page p{
  font-size: 18px;
  line-height: 170%;
  color: #353535;
  font-weight: 400;
}

.product-page  h2{
  font-family: "Rowdies", sans-serif;
  color: #b53b3b;
  line-height: 22px;
  margin-top: 0;
  display: grid;
}

.product-page  h2 span{
  font-family: "Rowdies", sans-serif;
  color: #b53b3b;
  position: relative;
  display: block;
  text-transform: none;
  line-height: 50px;
}

.product-page h2 span.middle{
    order: 1;
}

.product-page h2 span.top{
    order: 3;
    font-size: 26px;
    color: #000000;
    line-height: 30px;
}

.product-page h2 span.bottom{
    order: 2;
    font-size: 26px;
    color: #000000;
    line-height: 30px;
}

.product-page  h2 span.top:before{
  content: '';
  display: block;
  height: 2px;
  width: 275px;
  background-color: #b53b3b;
  position: absolute;
  left: 0px;
  top: 10px;
  z-index: 0;
}

.product-page h2 span.top:after{
  content: '';
    display: block;
    height: 2px;
    width: 275px;
    background-color: #b53b3b;
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 0;
}

.product-page  h2 span.top.desserts:before{
  width: 40%;
}

.product-page h2 span.top.desserts:after{
  width: 40%;
}

.product-page h2 span.middle:before{
  content: '';
    display: block;
    height: 2px;
    width: 240px;
    background-color: #b53b3b;
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 0;
}

.product-page h2 span.middle:after{
  content: '';
    display: block;
    height: 2px;
    width: 240px;
    background-color: #b53b3b;
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 0;
}

.product-page h2 span.bottom:before{
  content: '';
    display: block;
    height: 2px;
    width: 355px;
    background-color: #b53b3b;
    position: absolute;
    left: 0px;
    top: 9px;
    z-index: 0;
}

.product-page h2 span.bottom:after{
  content: '';
    display: block;
    height: 2px;
    width: 355px;
    background-color: #b53b3b;
    position: absolute;
    right: 0px;
    top: 9px;
    z-index: 0;
}

.product-page h2 span.middle:after, .product-page h2 span.middle:before, .product-page h2 span.top:after, .product-page h2 span.top:before,
.product-page h2 span.bottom:after, .product-page h2 span.bottom:before{
    display: none;
}

/*.product-page .features__item h2 span:before{
  content: '';
  display: block;
  height: 18px;
  width: 40px;
  background-color: #ffffff;
}*/

.product-page .features__item .price{
  font-family: 'Roboto';
  color: #353535;
  font-weight: bold;
  font-size: 40px;
}

.product-page hr{
  margin-top: 30px;
}

.product-page .features__item .product-desc{
  margin-top: 20px;
  margin-bottom: 5px;
}

.product-page h3{
  position: relative;
}

/*.product-page h3 span:after{
  content: '';
  display: block;
  height: 2px;
  width: 225px;
  background-color: #353535;
  position: absolute;
  right: 0px;
  top: 12px;
  z-index: 0;
}

.product-page h3 span:before{
  content: '';
  display: block;
  height: 2px;
  width: 225px;
  background-color: #353535;
  position: absolute;
  left: 0px;
  top: 12px;
  z-index: 0;
}*/

.product-page div.price .button-price{
  width: 284px;
  display: inline-block;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  font-size: 24px;
  font-weight: 600;
  color: #353535;
  padding: 15px;
  background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #ffffff53 75.52%, rgba(100, 181, 239, 0) 100%);
  background-repeat: no-repeat;
  animation: bg-move linear 3s infinite;
}

.product-page div.price{
  display: flex;
  column-gap: 35px;
  justify-content: center;
}

li{
  font-size: 18px;
  line-height: 170%;
}

.product-page .gallery__item img {
  height: 100%;
  object-fit: contain;
  margin-bottom: 0;
}

.product-page .gallery__item {
  height: 100%;
  background-size: cover;
}

.main.about-us{
  padding-top: 10px;
  margin-bottom: 30px;
}

.about-us .text-item {
  padding: 20px 20px 20px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  max-width: max-content;
  margin: 0 auto 35px;
}

.about-us .text-item p {
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
  text-align: justify;
  margin-bottom: 10px;
}

.about-us .image-item img{
  max-width: 600px;
}

.about-us .text-item ul{
  margin-bottom: 0;
}

.about-us .text-item a{
  color: #353535;
  text-decoration: underline;
}

.product-page.recipes h2{
  margin-bottom: 55px;
}
.product-page.recipes h2 span.top:before{
  width: 20%;
}

.product-page.recipes h2 span.top:after{
  width: 20%;
}

.product-page.recipes.general h2 span.top:before{
  width: 38%;
}

.product-page.recipes.general h2 span.top:after{
  width: 38%;
}

.product-page.recipes  h2 span.top.desserts:before{
  width: 41%;
}

.product-page.recipes h2 span.top.desserts:after{
  width: 41%;
}

.product-page.recipes .features__item{
  text-align: left;
}

.recipes .recipes-item{
  text-align: center;
}

.recipes .recipes-item img{
  max-width: 100%;
  margin-bottom: 15px;
  height: 240px;
  object-fit: cover;
  width: 100%;
  object-position: center;
}

.recipes .recipes-item h3{
  color: #353535;
}

.recipes .recipes-item img{
  transition: all 0.2s linear;
}

.recipes .recipes-item:hover img{
  transform: scale(1.05);
}

.product-page.roasted-meat h2{
  line-height: 130%;
  position: relative;
}

.product-page.roasted-meat h2:after{
  content: '';
    display: block;
    height: 2px;
    width: 130px;
    background-color: #b53b3b;
    position: absolute;
    right: -10px;
    top: 45%;
    z-index: 0;
}

.product-page.roasted-meat h2:before{
  content: '';
  display: block;
  height: 2px;
  width: 130px;
  background-color: #b53b3b;
  position: absolute;
  left: -10px;
  top: 45%;
  z-index: 0;
}

.product-page.roasted-meat.pork-ribs h2:before, .product-page.roasted-meat.pork-ribs h2:after{
  width: 260px;
}

.product-page.recipes.barbecue-ribs h2 span.top:before {
  width: 39%;
}

.product-page.recipes.barbecue-ribs h2 span.top:after{
  width: 39%;
}

.product-page.recipes.garlic-pork h2 span.top:after{
  width: 33.5%;
}

.product-page.recipes.garlic-pork h2 span.top:before{
  width: 33.5%;
}

.product-page.recipes.pork-ribs h2 span.top:after{
  width: 36.5%;
}
.product-page.recipes.pork-ribs h2 span.top:before{
  width: 36.5%;
}

.product-page.perfect-ribs h2 span.top:after{
  width: 29%;
}

.product-page.perfect-ribs h2 span.top:before{
  width: 29%;
}

.product-page.recipes.honey-pizza h2 span.top:before {
  width: 31.5%;
}

.product-page.recipes.honey-pizza h2 span.top:after{
  width: 31.5%;
}


.product-page.garlic-shrimp h2 span.top:before, .product-page.garlic-shrimp h2 span.top:after {
  width: 31%;
}

.product-page.chicken-breast h2 span.top:before, .product-page.chicken-breast h2 span.top:after {
  width: 28%;
}

.product-page.chicken h2 span.top:before, .product-page.chicken h2 span.top:after {
  width: 30%;
}

.product-page.recipes.suzette h2 span.top:after, .product-page.recipes.suzette h2 span.top:before {
  width: 38%;
}

.product-page.recipes.baked-apples h2 span.top:after, .product-page.recipes.baked-apples h2 span.top:before {
  width: 19.5%;
}

.product-page.recipes.waffles h2 span.top:after, .product-page.recipes.waffles h2 span.top:before {
  width: 37.5%;
}

.product-page.recipes.braised-lamb h2 span.top:before, .product-page.recipes.braised-lamb h2 span.top:after {
  width: 26%;
}

.product-page.homemade-ice h2 span.top:before, .product-page.homemade-ice h2 span.top:after {
  width: 28.5%;
}

.product-page.ice-cream h2 span.top:after, .product-page.ice-cream h2 span.top:before {
  width: 18%;
}

.features-products .container{
  padding-right: var(--bs-gutter-x, 42px);
  padding-left: var(--bs-gutter-x, 42px);
}

.features-products h2{
  margin-bottom: 5px;
}

.features-products h2 span{
  font-family: "Rowdies", sans-serif;
  color: goldenrod;
  position: relative;
  display: block;
}

.features-products h2 span:before{
  content: '';
  display: block;
  height: 2px;
  width: 28%;
  background-color: 	goldenrod;
  position: absolute;
  left: 0px;
  top: 45%;
  z-index: 0;
}

.features-products h2 span:after{
  content: '';
  display: block;
  height: 2px;
  width: 28%;
  background-color: 	goldenrod;
  position: absolute;
  right: 0px;
  top: 45%;
  z-index: 0;
}

.features-products .products-slider h2 span:before, .features-products .products-slider h2 span:after{
  width: 30%;
}

.features-products .swiper img{
  max-width: 100%;
  height: 230px;
  width: 100%;
  object-fit: contain;
  transition: 0.2s all linear;
}

.features-products .slider-block.source img{
  height: 430px;
}

.features-products .swiper-wrapper{
  max-width: 90%;
  width: 90%;
}

.features-products .swiper .swiper-slide{
  cursor: pointer;
}

.features-products .swiper .swiper-slide:hover img{
  transform: scale(1.07);
}

.features-products .swiper{
  overflow: hidden;
  position: relative;
  padding-top: 30px;
  padding-left: 80px;
  padding-right: 80px;
}
.features-products .swiper p.title, .features-products .swiper p.price, .features-products .swiper p.price span, .features-products .swiper p.price span bdi{
  color: #ffffff;
  text-align: center;
  margin-top: 15px;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-top: 15px;
}

.features-products .swiper-button-next{
  right: 17px;
}

.features-products .swiper-button-prev{
  left: 17px;
}

.features-products .swiper-button-prev:after{
  background-image: url('../img/slide-arrow-left.webp');
  height: 320px;
    font-family: auto;
    width: 70px;
    color: transparent;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #05141f;

}

.features-products .swiper-button-next:after{
  background-image: url('../img/slide-arrow-right.webp');
  height: 320px;
  font-family: auto;
  width: 70px;
  color: transparent;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #05141f;

}

.features-products .products-slider .swiper-button-prev:after, .features-products .products-slider .swiper-button-next:after{
  margin-top: -20px;
  height: 350px;
  background-position: center;
}

.contact label textarea{
  height: 100px;
}

.contact .grid-wrapper{
  grid-template-rows: 490px 1fr;
}

body{
  cursor: url('../img/cursor.webp'), auto;
}

a:hover, button, button:hover, .cart-login-search span:hover, .swiper-button-next:after, .swiper-button-prev:after, form input:hover, .home-page .render-item button:hover, .partners__info h6:hover{
  cursor: url('../img/cursor-link.webp'), auto;
}


.cart-login-search{
  width: 13%;
  display: flex;
  justify-content: end;
  column-gap: 25px;
}

.cart-login-search span{
  cursor: pointer;
}

.cart-login-search span.cart{
    position: relative;
}

.cart-login-search .cart .cart-count{
    background: #b53b3b;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: -8px;
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
}

.login-form{
  position: fixed;
  top: 0;
  right: -100%; 
  width: 400px;
  height: 100%;
  background-color: white;
  transition: right 0.5s ease-in-out;
  padding: 40px;
  display: flex;
  align-items: center;
}

.login-form div{
  width: 100%;
  text-align: center;
}

.login-form.active {
  right: 0; 
}

.login-form label span{
  text-align: left;
}

.login-form #customer_register_link{
  display: inline-block;
  margin: 10px 0;
}

.hidden{
  display: none;
}

#HideRecoverPasswordLink{
  margin-top: 10px;
  color: #b53b3b;
  font-weight: 600;
  display: inline-block;
}


.recover-password label{
  text-align: left;
}

.home-page .main > *:first-child{
  position: relative;
  z-index: 1;
}

.home-page .main > *:first-child:after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(5 20 31 / 58%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.home-page .main > *:first-child .container{
  position: relative;
  z-index: 555;
}

.search-form{
  position: fixed;
    top:69px;
    right: -100%; 
    width: 400px;
    transition: right 0.3s ease-in-out;
    z-index: 1000;
}

.search-form.open {
  right: 0; 
}

.search-form form{
  width: 400px;
  background: #fff;
  padding: 20px;
  display: flex;
  justify-content: center;
  column-gap: 10px;
}

.search-form form input{
  flex-basis: 80%;
  padding: 20px;
}

.search-form form button{
  background: transparent;
  border: none;
}

/* Woocommerce */

.woocommerce main{
    background: #05141f;
    padding-top: 60px;
    /*padding-bottom: 40px;*/
}

.woocommerce.single-product main{
  padding-top: 110px;
}

.woocommerce footer.entry-footer, .woocommerce header.entry-header{
    display: none;
}

.woocommerce .woocommerce-ordering{
  margin-bottom: 10px!important;
}

.woocommerce .woocommerce-result-count{
    display: none;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
    float: none;
    width: auto;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
    float: none;
    width: auto;
}

.woocommerce div.product{
    display: flex;
}

.woocommerce div.product div.images.woocommerce-product-gallery{
    flex-basis: 48%;
    max-width: 100%;
    margin-bottom: 0;
    height: 100%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    display: flex;
    width: 100%!important;
    column-gap: 30px;
    height: 100%;
    justify-content: center;
}
.woocommerce div.product div.summary{
    flex-basis: 48%;
    margin-top: 0;
}

.main-navigation ul{
    column-gap: 25px;
}

.woocommerce .products ul, .woocommerce ul.products{
    margin: 0;
}

.woocommerce.single-product main{
    background: transparent;
}

.woocommerce.single-product .entry-content{
    margin-top: 0;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link{
    /*background-color: #ffffff;*/
}

.woocommerce div.product div.images .flex-control-thumbs{
    display: none;
}

.single-product .features__item{
    display: block;
}

.single-product .features__item ul li{
  text-align: left;
}

/*.product-page h3.cookies span:before, .product-page h3.cookies span:after {
  width: 270px;
}

.product-page .features__item.tortelki h3 span:before, .product-page .features__item.tortelki h3 span:after{
  width: 240px;
}*/

.product-page .features__item.tortelki p{
  text-align: left;
}

.single-product .product_meta{
    display: none;
}

.single-product .products-slider{
  padding-top: 30px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a{
    height: 100%;
}

.woocommerce div.product div.images img{
    object-fit: contain;
    height: 100%;
}

.single-product .product-page div.price span.button-price.price{
    font-size: 24px;
}

.single-product .product-page div.price{
    margin-bottom: 36px;
}

.single-product.woocommerce div.product form.cart{
    margin: 0 auto;
    max-width: 284px;
}

.single-product.woocommerce div.product form.cart .button, .single-product.woocommerce div.product a.button{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    cursor: pointer;
    position: relative;
    padding: 15px;
    background: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, rgb(229, 110, 110) 75.52%, rgba(100, 181, 239, 0) 100%) no-repeat rgb(181, 59, 59);
    animation: 3s linear 0s infinite normal none running bg-move;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(0, 0, 0) !important;
    border-image: initial !important;
    background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, rgb(229, 110, 110) 75.52%, rgba(100, 181, 239, 0) 100%);
    background-repeat: no-repeat;
    animation: 3s linear 0s infinite normal none running bg-move;
    width: 284px;
    margin: 0 auto;
    text-transform: uppercase;
}

.single-product.woocommerce div.product a.button{
  width: fit-content;
}

.product-page h2 span.top:before, .product-page h2 span.top:after{
    width: 105px;
}

.product-page h2 span.middle:after, .product-page h2 span.middle:before{
    width: 50px;
}

.product-page h2 span.bottom:after, .product-page h2 span.bottom:before{
    width: 280px;
}

/*.product-page h3 span:before, .product-page h3 span:after{
    width: 350px;
}*/

.woocommerce .woocommerce-message .button{
    max-width: 200px;
}

.single-product .woocommerce-message, .woocommerce-cart .woocommerce-message{
    display: none;
}

.cart.woocommerce-cart-form__contents button{
    max-width: 200px;
}

.woocommerce form .form-row .required{
    display: inline;
}

.woocommerce-cart main, .woocommerce-checkout main{
    padding-top: 80px;
}

.woocommerce div.product div.summary{
    margin-bottom: 0;
}

.single-product .right-column{
    height: fit-content;
}

.single-product .right-column h2{
  display: none;
}

.single-product .right-column .features__item h2{
  display: block;
}

.woocommerce .container{
    padding-left: 45px;
    padding-right: 45px;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    background-color: #b53b3b;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{
    background-color: #b53b3b;
}

#order_review{
    max-width: 47.8%;
}

#place_order{
    background-color: #b53b3b;
    font-size: 24px;
}

.woocommerce-page ul.products{
    column-gap: 33px;
}

.woocommerce-page ul.products li.product.product-item{
    margin: 0;
    width: auto;
    flex-basis: 23.1%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img{
  max-height: 775px;
  margin-top: 1px;
}

.woocommerce .woocommerce-ordering{
  padding-right: 55px;
  margin-bottom: 50px;
}

.woocommerce .woocommerce-ordering select{
  background: transparent;
    border: none;
    color: #ffffff;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
  display: none;
}

.woocommerce-cart .wp-block-woocommerce-cart{
  padding: 0 45px;
}

.woocommerce-cart div.entry-content .return-to-shop{
  max-width: 300px;
}

.woocommerce-cart div.entry-content .return-to-shop .button{
  background-color: #b53b3b;
}

.woocommerce div.product.product_cat-martsypany-ua div.images .woocommerce-product-gallery__wrapper{
  display: block!important;
}

.product_cat-martsypany-ua .flex-viewport{
  height: 100%!important;
}

.woocommerce div.product.product_cat-martsypany-ua div.images .woocommerce-product-gallery__image:nth-child(n+2){
  margin-top: 33px;
}

.woocommerce-cart table.cart img{
  width: 55px;
  max-height: 120px;
  object-fit: contain;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th{
  padding-left: 0;
}

.woocommerce-cart h1.entry-title{
  padding: 0 40px;
  margin-top: 0;
  text-align: center;
  text-transform: uppercase;
}

.woocommerce-cart .woocommerce-cart-form thead{
  display: none;
}

.page-id-106 tbody tr.wc-block-cart-items__row{
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  margin-bottom: 33px;
  border-collapse: separate;
  border-spacing: 0 33px !important;
}

.woocommerce-cart .woocommerce .container{
  max-width: 1480px;
  display: flex;
  column-gap: 35px;
}

.woocommerce-cart table.shop_table.woocommerce-cart-form__contents{
  border: none;
  border-collapse: separate;
  border-spacing: 0 33px !important;
}

.woocommerce table.shop_table td.product-name{
  padding-left: 0;
  padding-right: 0;
  font-size: 15.5px;
}

.woocommerce table.shop_table td.product-name .product-full-title{
  display: inline;
}

.woocommerce table.shop_table th.product-name{
  padding-left: 0;
}

.woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr{
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    position: relative;
}

.woocommerce table.shop_table td.product-name a{
  color: #353535;
}

.woocommerce table.shop_table td.product-remove{
  position: absolute;
  right: 0;
}

.woocommerce table.shop_table td.product-subtotal{
  padding-right: 50px;
}

.woocommerce table.shop_table td.product-subtotal .woocommerce-Price-amount{
  font-size: 24px;
  font-weight: 600;
}

.woocommerce-cart .woocommerce-cart-form{
  flex-basis: 75%;
  position: relative;
}

.woocommerce-cart .woocommerce .cart-collaterals{
  flex-basis: 25%;
}

.woocommerce .cart-collaterals .cart_totals{
  width: 100%;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    padding: 20px 40px;
    height: fit-content;
    position: sticky;
    top: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.woocommerce .cart-collaterals .cart_totals h2{
  display: none;
}

.woocommerce .cart-collaterals .cart_totals .cart-subtotal{
  display: none;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th{
  border-top: none;
}

.woocommerce table.shop_table{
  border: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table .order-total{
  font-size: 30px;
}

.woocommerce table.shop_table td{
  border: none;
  padding-bottom: 2px;
}

.page-id-106 main{
  padding-top: 90px;
}

.page-id-106 .wp-block-woocommerce-cart{
  padding: 0 45px;
  max-width: 1480px;
  margin: 0 auto;
}


.page-id-106 .wc-block-components-sidebar-layout .wc-block-cart__main{
  width: 100%;
  padding-right: 0;
}

.page-id-106 .wp-block-woocommerce-filled-cart-block{
  column-gap: 35px;
  flex-wrap: nowrap;
}

.page-id-106 .wc-block-cart-items{
  border-collapse: separate;
  border-spacing: 0 33px!important;
  margin-top: -98px!important;
  border-bottom: none!important;
  margin-bottom: 0!important;
}

.page-id-106 caption.screen-reader-text{
  display: none;
}

.page-id-106 .wc-block-cart-item__prices{
  display: none;
}

.page-id-106 .wc-block-components-quantity-selector{
  margin: 0 0 12px auto;
}

.is-large.wc-block-cart h2.wc-block-cart__totals-title, .wp-block-woocommerce-cart-order-summary-totals-block{
  display: none!important;
}

.wc-block-cart-item__quantity{
  text-align: right;
  padding-right: 30px;
}

.page-id-106 thead span{
  font-size: 1px;
  color: transparent;
}

.page-id-106 header.entry-header{
  border-bottom: 1px solid rgba(53, 53, 53, 0.2);
  box-shadow: 0 5px 18px -10px rgba(53, 53, 53, 0.2);

}

.wc-block-cart-items .wc-block-cart-item__total{
  /*vertical-align: bottom!important;*/
}

.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price__value{
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
}

.wc-block-cart-items .wc-block-components-product-name{
  padding-left: 30px;
}
.wc-block-cart-items .wc-block-cart-item__wrap{
  display: flex;
  justify-content: space-between;
}

.wc-block-cart__submit-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      width: 100%;
      font-size: 24px;
      font-weight: 600;
      color: rgb(255, 255, 255);
      cursor: pointer;
      position: relative;
      padding: 15px;
      background: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, rgb(229, 110, 110) 75.52%, rgba(100, 181, 239, 0) 100%) no-repeat rgb(181, 59, 59);
      animation: 3s linear 0s infinite normal none running bg-move;
      border-width: 1px !important;
      border-style: solid !important;
      border-color: rgb(0, 0, 0) !important;
      border-image: initial !important;
      background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, rgb(229, 110, 110) 75.52%, rgba(100, 181, 239, 0) 100%);
      background-repeat: no-repeat;
      animation: 3s linear 0s infinite normal none running bg-move;
      width: 284px;
      margin: 0 auto;
      text-transform: uppercase;
}

.wc-block-cart__submit-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  color: #ffffff;
}

.wc-block-cart__submit-button span, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button span{
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  z-index: 5555;
}

.wc-block-cart__submit-button::after, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 0;
  width: 100%;
  background: #000;
  transition: height .3s ease;
  color: #fff;
}

.wc-block-cart__submit-button:hover::after, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover:after {
  height: 100%;
}

.wc-block-cart__submit-button:hover span, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover span{
  color: #ffffff;
}

.back-to-shop{
  display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      width: 100%;
      font-size: 24px;
      font-weight: 600;
      color: rgb(255, 255, 255);
      cursor: pointer;
      position: relative;
      padding: 15px;
      border-width: 1px !important;
      border-style: solid !important;
      border-color: rgb(0, 0, 0) !important;
      border-image: initial !important;
      background: #000;
      background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, rgba(255, 255, 255, 0.263) 75.52%, rgba(100, 181, 239, 0) 100%);
      background-repeat: no-repeat;
      animation: 3s linear 0s infinite normal none running bg-move;
      width: 100%;
      margin: 33px auto 0;
      text-transform: uppercase;
}

.back-to-shop a:hover{
  color: #ffffff;
}

.back-to-shop a{
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  background: transparent;
  position: relative;
  z-index: 5555;
  line-height: 18px;
}

.back-to-shop::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 0;
  width: 100%;
  background: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, rgb(229, 110, 110) 75.52%, rgba(100, 181, 239, 0) 100%) no-repeat rgb(181, 59, 59);
 
  transition: height .3s ease;
  color: #fff;
}

.back-to-shop:hover::after {
  height: 100%;
}

.wc-block-cart .wc-block-components-sidebar{
  margin: 0 0 0 auto;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  padding: 20px 40px;
  height: fit-content;
  position: sticky;
  top: 0;
  margin-bottom: 35px;
}

.is-large.wc-block-cart .wc-block-cart-items td{
  padding: 15px 20px 10px 16px!important;
}

.wc-block-components-totals-wrapper{
  border-top: none!important;
}

.wc-block-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item{
  line-height: 42px;
  font-size: 24px;
  padding-left: 0!important;
}

.wc-block-cart__submit{
  margin: 0!important;
}

.page-id-106 .wp-block-buttons{
  position: relative;
  margin-left: 45px;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  padding: 20px;
  width: fit-content;
  bottom: 110px;
}

.related-products-cart{
  margin: 0;
  display: flex!important;
  column-gap: 33px!important;
}

.related-products-cart .wc-block-product{
  flex-basis: 23.1%;
  max-height: 711px;
}

.related-products-cart .wc-block-product img{
  max-height: 590px;
  object-fit: contain!important;
}

.related-products-cart .wc-block-product .wc-block-components-product-button{
  display: none;
}

.related-products-cart .wc-block-product h3.wp-block-post-title{
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 600;
  margin: 33px 0 0;
  background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #e56e6e 75.52%, rgba(100, 181, 239, 0) 100%);
  background-repeat: no-repeat;
  animation: bg-move linear 3s infinite;
  background-color: #b53b3b;
  color: #ffffff;
  padding: .618em 1em;
  margin-top: 33px!important;
}

.related-products-cart .wc-block-product h3.wp-block-post-title a{
  color: #fff;
  font-size: 20px;
}

.related-products-cart .wc-block-product .woocommerce-Price-amount span, .related-products-cart .wc-block-product .woocommerce-Price-amount bdi{
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 10px;
}

.page-id-106 .wp-block-woocommerce-product-collection{
  background-color: #05141f;
  padding: 0 45px 45px;
}

.page-id-106 .wp-block-woocommerce-product-collection h2{
  padding-top: 35px;
  margin-bottom: 35px!important;
}

.page-id-106 footer.entry-footer{
  display: none;
}

.woocommerce-cart .features-products h2{
  padding-top: 30px;
}

/*.woocommerce-cart .features-products h2 span{
  color: #b53b3b;
}

.features-products .products-slider h2 span:before, .features-products .products-slider h2 span:after{
  background-color: #b53b3b;
}*/

.woocommerce-cart .is-large.wc-block-cart{
  margin-bottom: 0;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{
  max-height: 100px;
  object-fit: contain;
}

h1.cart-title{
  padding: 0 45px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  /*border-bottom: 1px solid rgba(53, 53, 53, 0.2);*/
  box-shadow: 0 5px 18px -10px rgba(53, 53, 53, 0.2);
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.wc-block-components-totals-wrapper{
  padding-top: 0!important;
}

form.woocommerce-cart-form .cart-bulk-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -13px;
  height: 20px;
  padding: 0 10px;
}

button.button.remove-selected-items{
  background: transparent;
    border: none !important;
    text-align: right;
    padding: 0;

}

button.button.remove-selected-items:hover{
  background: transparent;
  background-color: transparent;
}

button.button.remove-selected-items svg{
  max-width: 20px;
}

.woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr:last-child{
  box-shadow: none;
}

.woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr:last-child .actions{
  position: absolute;
  right: 0;
  top: -20px;
}

.woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr:last-child .actions button span{
  color: #353535;
}

button.button.remove-selected-items:after{
  display: none;
}

.woocommerce table.shop_table td.product-quantity{
  padding-bottom: 10px;
}

.cart-empty.woocommerce-info{
  max-width: 1480px;
  margin: 0 auto 2rem;
}

.return-to-shop{
  max-width: 300px;
  margin: 0 auto;
}

.return-to-shop .button.back-to-shop{
  display: flex
  ;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      width: 100%;
      font-size: 24px;
      font-weight: 600;
      color: rgb(255, 255, 255);
      cursor: pointer;
      position: relative;
      padding: 15px;
      border-width: 1px !important;
      border-style: solid !important;
      border-color: rgb(0, 0, 0) !important;
      border-image: initial !important;
      background: #000;
      background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, rgba(255, 255, 255, 0.263) 75.52%, rgba(100, 181, 239, 0) 100%);
      background-repeat: no-repeat;
      animation: 3s linear 0s infinite normal none running bg-move;
      width: 100%;
      margin: 33px auto 0;
      text-transform: uppercase;
}

footer .row{
  flex-wrap: nowrap;
}

footer .logo-col{
  flex-basis: 10%;
  min-width: 240px;
}

footer .logo-col h4{
  color: #ffffff;
  font-size: 20px;
}

footer .middle-col{
  flex-basis: 75%;
  display: flex;
  justify-content: space-around;
  color: #ffffff;
}

footer .middle-col a{
  color: #ffffff;
}

footer .copyright-col{
  flex-basis: 15%;
}

.woocommerce-checkout .woocommerce.wp-block-group{
  display: flex;
  column-gap: 15px;
  max-width: 1480px;
  margin: 0 auto;
  position: relative;
}

.woocommerce-checkout .login-form-wrapper{
  flex-basis: 67%;
}

.woocommerce-checkout .container.account-details{
  /*flex-basis: 30%;*/
  padding: 0;
  display: flex;
  column-gap: 35px;
}

.woocommerce-checkout .container.account-details .left-column{
  flex-basis: 60%;
}

.woocommerce-checkout .container.account-details .right-column{
  flex-basis: 40%;
}

.woocommerce-checkout #order_review{
  max-width: 100%;
}

.woocommerce-checkout.logged-in .woocommerce-form-login.login{
  display: none;
}

.woocommerce-checkout.logged-in h2.login-title{
  display: none;
}

form.woocommerce-form-login .form-row{
  max-width: 60%;
  margin: 0 auto;
}

.woocommerce-form-login .woocommerce-LostPassword, .woocommerce-form-login .nsl-container-block{
  max-width: 60%;
  margin: 0 auto;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  background: transparent;
}

.checkout-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  width: 100%;
}

.checkout-main {
  flex: 2 1 60%;
}

.checkout-sidebar {
  flex: 1 1 35%;
  padding: 30px;
  border-radius: 8px;
  height: fit-content;
  padding: 33px;
  padding-top: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  position: absolute;
    top: 0;
    right: 0;
    width: 47%;
}

.checkout-step {
  margin-bottom: 33px;
  padding: 33px;
  padding-top: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.checkout-step h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
}

#payment-method .form-row.place-order{
  display: none;
}

.checkout-main .checkout.woocommerce-checkout{
  display: flex;
  column-gap: 35px;
}

.checkout-main #nsl-custom-login-form-1{
  display: none;
}

.woocommerce-checkout h1.entry-title{
  color: rgb(181, 59, 59);
  text-transform: uppercase;
  text-align: center;
  font-size: 36px;
}

.woocommerce-checkout #customer_details{
  flex-basis: 50.3%;
}

.woocommerce-checkout .login-form-next{
  padding: 33px;
  padding-top: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  width: 50.3%;
}

.woocommerce-checkout .login-form-next p{
  max-width: 440px;
  margin: 0 auto 10px;
}

.woocommerce-checkout .login-form-next p input{
  width: 100%;
}

.woocommerce-checkout .login-form-next .woocommerce-form-login__rememberme input{
  width: auto;
}

.woocommerce-checkout .login-form-next .woocommerce-form-login__submit{
  background-color: #b53b3b!important;
  color: #ffffff!important;
}

.woocommerce-checkout .login-form-next .nsl-container-block{
  max-width: 440px;
  margin: 0 auto;
}

.woocommerce-checkout .login-form-next .or-wrapper{
  max-width: 440px;
  margin: 0 auto;
}

.woocommerce-checkout .login-form-next .or-block{
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.woocommerce-checkout .login-form-next .or-block:after, .woocommerce-checkout .login-form-next .or-block:before{
  content: '';
  display: block;
  width: 180px;
  height: 0.5px;
  background: rgb(146 146 146);
  position: absolute;
  left: 0;
  top: 12px;
  z-index: 55555;
}

.woocommerce-checkout .login-form-next .or-block:before{
  right: 0;
  left: auto;
}

.woocommerce-checkout .woocommerce-additional-fields{
  display: none;
}

.woocommerce-cart .woocommerce-shipping-totals.shipping{
  display: none;
}

.woocommerce-checkout #shipping-method.checkout-step{
  color: transparent;
  margin-top: 33px;
}

.woocommerce ul#shipping_method{
  margin-top: -20px;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{
  padding: 0;
  border-bottom: none;
}

.woocommerce-checkout.logged-in .login-form-next{
  display: none;
}

.woocommerce-checkout.logged-in #shipping-method.checkout-step{
  margin-top: 0;
}

.woocommerce-checkout .woocommerce-billing-fields h3{
  display: none;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
  border: none;
  padding: 0;
  margin: 0;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 100%;
}

.woocommerce-checkout #payment div.payment_box{
  display: none!important;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
  display: none;
}

.home .main.front-banner{
  margin-top: -7px;
}


@media screen and (max-width: 1600px){
  .home-page .render-item h3{
    font-size: 18px;
  }

  footer .middle-col {
    flex-basis: 70%;
}
.header__content{
  justify-content: end;
}
/*.header__content .logo{
  flex-basis: 85%;
}*/
}

@media screen and (max-width: 1350px){
  .home-page .render-item .text-block{
    display: block;
  }
}

@media screen and (max-width: 1024px){
  .home-page .render-item .text-block{
    display: block;
  }

  .home-page .render-item h3{
    font-size: 24px;
  }

  .header__content{
    justify-content: space-between;
  }

  footer .middle-col{
    flex-basis: 60%;
  }

  .features-products .products-slider h2 span:before, .features-products .products-slider h2 span:after{
    width: 20%;
  }

  .main-nav.active{
    background: #000000;
  }

  .main-nav.active{
    z-index: 55555;
    height: auto;
  }

  .header__burger{
    z-index: 555555555;
  }

  .main-navigation.active ul{
    display: block;
  }

  .menu-main-menu-ua-container{
    width: 100%;
  }

  .header__top .main-nav a{
    font-size: 18px;
  }

}

@media screen and (max-width: 950px) {
  .main-navigation ul{
    display: none;
  }
}

@media screen and (max-width: 768px){
  .home-page .render-item .text-block{
    display: block;
  }

  .home-page .render-item h3{
    font-size: 16px;
  }

  .home-page .render-item button{
    width: 250px;
    font-size: 16px;
  }

  .home-page .render-item{
    justify-content: start;
  }

  .home section.video{
    padding-top: 58px;
  }

 
  .main.front-banner .block{
    padding-top: 70px;
  }

  .header .logo img{
    max-width: 120px;
  }

  .cart-login-search{
    width: 33%;
  }

  .header__content{
    justify-content: space-between;
  }

  .main-nav.active{
    background: #000000;
  }

  .main-nav.active{
    z-index: 55555;
    height: auto;
  }

  .header__burger{
    z-index: 555555555;
  }

  .header__content .logo {
    flex-basis: 45%;
}

  .main-navigation.active ul{
    display: block;
  }

  .menu-main-menu-ua-container{
    width: 100%;
  }

  .header__top .main-nav a{
    font-size: 18px;
  }

  .home-page .render-item{
    background-position: bottom!important;
    height: 300px!important;
  }

  .features-products .container{
    padding-left: 20px;
    padding-right: 20px;
  }

  .features-products .products-slider h2 span:before, .features-products .products-slider h2 span:after{
    display: none;
  }

  .features-products .swiper p.title, .features-products .swiper p.price, .features-products .swiper p.price span, .features-products .swiper p.price span bdi{
    font-size: 13px;
    line-height: 15px;
  }

  footer .row{
    flex-wrap: wrap;
  }

  footer .middle-col{
    flex-basis: 100%;
  }

  footer .copyright-col{
    flex-basis: 100%;
    border-left: none!important;
  }

  .woocommerce .container{
    padding-left: 20px;
    padding-right: 20px;
  }
  .woocommerce-page ul.products{
    gap: 20px;
  }

  .woocommerce-page ul.products li.product.product-item{
    flex-basis: 47%;
  }

  .woocommerce-checkout .login-form-next .or-block:after, .woocommerce-checkout .login-form-next .or-block:before{
    width: 130px;
  }

  .woocommerce-cart .woocommerce .container{
    display: block;
  }

  .woocommerce table.shop_table td.product-name .product-full-title{
    max-width: 90%;
  }

  .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr{
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .wc-block-cart__submit-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: auto;
    line-height: 20px;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button span{
    line-height: 20px;
  }

  .product-page h3 span:before, .product-page h3 span:after {
    width: 270px;
}

}

@media screen and (max-width: 450px){
  div#page{
    overflow: hidden;
  }
  .button span{
    font-size: 14px;
    line-height: 16px;
  }

  .woocommerce ul.products li.product.product-item .product-title.button{
    padding: 10px 5px;
  }

  .woocommerce .woocommerce-ordering{
    padding-right: 30px;
  }

  .login-form{
    right: -110%;
    width: 100%;
  }

  .search-form{
    width: 100%;
  }

  .product-page div.price{
    display: block;
  }

  .single-product .product-page div.price span.button-price.price{
    margin-top: 30px;
  }

  .product-page .features__item.image-block{
    height: auto!important;
    margin-right: 0!important;
  }

  .product-page h3 span:before, .product-page h3 span:after{
    display: none;
  }

  .product-page h3.cookies span:before, .product-page h3.cookies span:after{
    display: none;
  }

 

  .product-page div.price .button-price{
    width: 250px;
  }

  .woocommerce-cart .woocommerce .container{
    display: block;
  }

  .woocommerce table.shop_table td.product-name .product-full-title{
    max-width: 90%;
  }

  .woocommerce-cart table.shop_table.woocommerce-cart-form__contents tr{
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .wc-block-cart__submit-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: auto;
    line-height: 20px;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button span{
    line-height: 20px;
  }

  .cart-login-search .cart .cart-count{
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
  }

  .checkout-sidebar{
    position: static;
    padding: 20px;
    width: 100%;
  }

  .checkout-main .checkout.woocommerce-checkout{
    display: block;
  }

  .woocommerce-checkout main{
    padding: 80px 20px 60px 10px;
  }

  .woocommerce-checkout .login-form-next{
    width: 100%;
  }

  .woocommerce-checkout .login-form-next .or-block:after, .woocommerce-checkout .login-form-next .or-block:before{
    width: 120px;
  }

  footer{
    padding-bottom: 30px;
  }
}

/* BUTIK PAGE */

.butik-page section.main{
  margin-bottom: 0;
}

.butik-page .main .container{
  padding-top: 63px;
}

.butik-page .image-block{
  margin-bottom: 27px;
}

.butik-page .image-block img{
  height: 100%;
  width: 100%;
}

.butik-page .image-block:last-child{
  margin-bottom: -7px;
}

.butik-page .about-us .text-item{
    background: rgba(5, 20, 31, 0.7);
    color: #fff;
    position: absolute;
    top: 107px;
    left: 7.5%;
    right: 7.5%;
    width: 85%;
}

.butik-page .about-us .text-item p{
  color: #ffffff;
}


@media screen and (max-width: 560px){
  .butik-page .main .container{
    padding-top: 90px;
  }
}

.swiper-pagination-bullet{
  background: #f1ef72;
    opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: transparent;
  border: 1px solid #f1ef72;
}

.category-hot-dogy-page .woocommerce-ordering, .category-fastfud-page .woocommerce-ordering, .category-burgery-page .woocommerce-ordering{
  display: none;
}


/* GISOTTI */

/*.single-product .product_cat-naturalne-pechyvo-ua .woocommerce-product-gallery__wrapper div:nth-child(n+2), .single-product .product_cat-naturalne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div:nth-child(n+2),
.single-product .product_cat-tradyczijne-pechyvo .woocommerce-product-gallery__wrapper div:nth-child(n+2), .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div:nth-child(n+2){
  display: none!important;
}


.single-product .product_cat-naturalne-pechyvo-ua .woocommerce-product-gallery .flex-viewport, .single-product .product_cat-naturalne-pechyvo-bez-czukru .woocommerce-product-gallery .flex-viewport, 
.single-product .product_cat-tradyczijne-pechyvo .woocommerce-product-gallery .flex-viewport, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .woocommerce-product-gallery .flex-viewport{
    height: 650px !important;
    padding: 30px 0;
    -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    margin-bottom: 30px;
}

.single-product .product_cat-naturalne-pechyvo-ua .flex-control-nav.flex-control-thumbs li:first-child, .single-product .product_cat-naturalne-pechyvo-bez-czukru .flex-control-nav.flex-control-thumbs li:first-child,
.single-product .product_cat-tradyczijne-pechyvo .flex-control-nav.flex-control-thumbs li:first-child, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .flex-control-nav.flex-control-thumbs li:first-child{
  display: none;
}

.single-product .product_cat-naturalne-pechyvo-ua div.product div.images .flex-control-thumbs li img, .single-product .product_cat-naturalne-pechyvo-bez-czukru div.product div.images .flex-control-thumbs li img,
.single-product .product_cat-tradyczijne-pechyvo div.product div.images .flex-control-thumbs li img, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru div.product div.images .flex-control-thumbs li img{
  opacity: 1;
}

.single-product .product_cat-naturalne-pechyvo-ua div.product div.images .flex-control-thumbs, .single-product .product_cat-naturalne-pechyvo-bez-czukru div.product div.images .flex-control-thumbs,
.single-product .product_cat-tradyczijne-pechyvo div.product div.images .flex-control-thumbs, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru div.product div.images .flex-control-thumbs{
  display: block;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.single-product .product_cat-naturalne-pechyvo-ua .features__item.product-image, .single-product .product_cat-naturalne-pechyvo-bez-czukru .features__item.product-image,
.single-product .product_cat-tradyczijne-pechyvo .features__item.product-image, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .features__item.product-image{
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0;
}

.single-product .product_cat-naturalne-pechyvo-ua div.product div.images .flex-control-thumbs li, .single-product .product_cat-naturalne-pechyvo-bez-czukru div.product div.images .flex-control-thumbs li,
.single-product .product_cat-tradyczijne-pechyvo div.product div.images .flex-control-thumbs li, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru div.product div.images .flex-control-thumbs li{
  padding: 30px 0;
  width: 100%;
}

.single-product .product_cat-naturalne-pechyvo-ua div.product div.images .flex-control-thumbs li img, .single-product .product_cat-naturalne-pechyvo-bez-czukru div.product div.images .flex-control-thumbs li img,
.single-product .product_cat-tradyczijne-pechyvo div.product div.images .flex-control-thumbs li img, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru div.product div.images .flex-control-thumbs li img{
  width: 55%;
  margin: 0 auto;
}*/

.single-product .product_cat-naturalne-pechyvo-ua .woocommerce-product-gallery__wrapper div:nth-child(n+2), .single-product .product_cat-naturalne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div:nth-child(n+2),
.single-product .product_cat-tradyczijne-pechyvo .woocommerce-product-gallery__wrapper div:nth-child(n+2), .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div:nth-child(n+2), 
.single-product .product_cat-torteli .woocommerce-product-gallery__wrapper div:nth-child(n+2){
  margin-top: 35px;
}

.single-product .product_cat-naturalne-pechyvo-ua .woocommerce-product-gallery__wrapper div, .single-product .product_cat-naturalne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div,
.single-product .product_cat-tradyczijne-pechyvo .woocommerce-product-gallery__wrapper div, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div, 
.single-product .product_cat-torteli .woocommerce-product-gallery__wrapper div{
    padding: 30px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
    width: 100%!important;
}


.single-product .product_cat-naturalne-pechyvo-ua .woocommerce-product-gallery__wrapper, .single-product .product_cat-naturalne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper,
.single-product .product_cat-tradyczijne-pechyvo .woocommerce-product-gallery__wrapper, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper,
.single-product .product_cat-torteli .woocommerce-product-gallery__wrapper{
  display: block!important;
}

.single-product .product_cat-naturalne-pechyvo-ua .woocommerce-product-gallery__wrapper div:nth-child(n+2) img, .single-product .product_cat-naturalne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div:nth-child(n+2) img,
.single-product .product_cat-tradyczijne-pechyvo .woocommerce-product-gallery__wrapper div:nth-child(n+2) img, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div:nth-child(n+2) img,
.single-product .product_cat-torteli .woocommerce-product-gallery__wrapper div:nth-child(n+2) img{
    max-width: 420px;
    margin: 0 auto;
}

.single-product .product_cat-naturalne-pechyvo-ua .woocommerce-product-gallery__wrapper div img, .single-product .product_cat-naturalne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div img,
.single-product .product_cat-tradyczijne-pechyvo .woocommerce-product-gallery__wrapper div img, .single-product .product_cat-tradyczijne-pechyvo-bez-czukru .woocommerce-product-gallery__wrapper div img,
.single-product .product_cat-torteli .woocommerce-product-gallery__wrapper div img{
    max-width: 550px;
    margin: 0 auto;
}

.single-product .product-page .features-products{
  margin:  0 -45px;
}

/* ABOUT US*/

.about-us .wrapper{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  padding-top: 100px;
}

.about-us .wrapper .item{
  transition: 0.2s linear all;
}

.about-us .wrapper .item:hover{
  transform: scale(1.07);
}

.about-us .wrapper .item img{
  height: 100%;
}

.about-us .wrapper .item.text_item{
  padding: 20px 20px 20px 30px;
  -webkit-box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
  box-shadow: 0px 0px 15px rgba(53, 53, 53, 0.2);
}

.about-us .wrapper .item.text_item:hover{
  transform: none;
}

.about-us .wrapper .text_item p{
  font-size: 19px;
}

.about-us .wrapper .text_item p:last-child{
  margin-bottom: 0;
}

@media screen and (max-width: 1600px){
  .about-us .wrapper .text_item p{
    font-size: 17px;
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 1500px){
  .about-us .wrapper .text_item p{
    font-size: 17px;
    margin-bottom: .5em;
  }
}

@media screen and (max-width: 1200px){
  .about-us .wrapper{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 992px){
  .about-us .wrapper .item.text_item{
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

@media screen and (max-width: 768px){
  .uber-lorgano .text-item ol{
    margin: 0 0 0 15px;
  }
  footer .middle-col{
    display: block;
  }

}

@media screen and (max-width: 560px){
  .about-us .wrapper{
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
  }
}

.product-page .features__item .cookies {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    color: #353535;
}

.product-page .features__item h3.cookies::before,
.product-page .features__item h3.cookies::after {
    content: "";
    flex: 1;              
    height: 1px;
    background-color: #353535;    
}

.product-page .features__item h3.cookies span {
    white-space: nowrap;  
}

.woocommerce .woocommerce-breadcrumb, .woocommerce-products-header{
  display: none;
}

#secondary{
  display: none;
}

.woocommerce .woocommerce-ordering{
  display: none;
}

.woocommerce-page ul.products{
  padding-top: 40px;
}

section.shipping{
  padding: 75px 0 35px;
}

section.shipping p{
  margin-bottom: 1rem;
}

.archive.tax-product_cat .site-main{
  min-height: 80vh;
}

#custom-shipping-fields{
	  max-width: 65%;
    padding-left: 15px;
    margin: 0;
    display: inline-block;
    margin-top: -25px;
}

.woocommerce ul#shipping_method{
    display: inline-block;
    float: left;
    margin: 0;
    max-width: 35%;
}

#custom-shipping-fields .form-row{
  display: flex;
}

#custom-shipping-fields .form-row label{
  flex-basis: 50%;
  line-height: 1;
}

#custom-shipping-fields .form-row .optional{
  display: none;
}

.hidden-field {
    display: none !important;
}