:root {

}



body {
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family: 'HelveticaNeueCyr';
  color: #000;
}


main {
    padding-top: 80px;
}

#slider-nav .firstscreen__arrow .swiper-button-lock {
    display: none;
}

p.phone-footer {
    margin: 0;
}
.text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6 {
    font-weight: 500;
    font-size: 32px;
    line-height: 130%;
    color: #26263b;
    margin: 0;
}

.text-block p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
}

.category-bottom {
    display: grid;
    grid-template-columns: 340px 1fr;
    max-width: 1160px;
    margin: 96px  auto 0;
    gap: 64px;
}

.accordion-item:last-child {
    margin: 0;
}

.text-block {
    overflow: hidden;
    transition: .12s;
}

.text-block-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
span.accordion-title__img img {
    max-width: 175px;
}
.text-block-wrap a.read-more.link-border {
    margin-top: 8px;
}
.text-block-wrap a.down svg {
    transform: rotate(90deg);
}

.text-block-wrap a.up svg {
    transform: rotate(-90deg);
}

.page-meta {
    margin: 0 0 56px;
}

.manager {
    border: 1px solid #a7a9ac;
    border-radius: 24px;
    background: #fff;
    padding: 24px 24px 32px;
}

.managers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}



.manager__name {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    margin: 0 0 8px;
}

.manager__region {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #6b6b6b;
}

.manager__top {
    position: relative;
    margin: 0 0 24px;
}

.manager__img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0px;
}

.manager__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.manager__region, .manager__name {
    padding: 0 95px 0 0;
}

.contact-item span {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e42426;
    border-radius: 50%;
}

.contact-item div p:first-child {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.03em;
    margin: 0 0 8px;
}

.contact-item div p a, .phones a {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.03em;
    display: block;
}



.contact-item {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 16px;
}

.manager__contact {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

.product-top__meta .btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
    column-gap: 20px;
}

.product-top__meta .btns a {
    height: 56px;
}

.link-black, .link-black:hover {
    background: #000;
    color: #fff;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
}

.product-top__meta .link-black {
    grid-area: auto / 1 / auto / 3;
}

.with-icon span:last-child {
    width: 62px;
       height: 100%;
}

.with-icon.icon-red span:last-child {
    background: #e42426;
}

.with-icon.icon-black span:last-child {
    background: #023a2d;
}
.with-icon,
.with-icon span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.with-icon span:first-child {
    flex: 1 0 auto;
}

.youtube {
    margin: 0 0 32px;
}
.slide-thumb-img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.swiper.mySwiper2 {
    margin: 0 0 32px;
}


.hybrid-schema {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 34px;
}

.hybrid-schema > div {
    position: relative;
}

.hybrid-schema > div:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.hybrid-schema > div img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.conyashnyk .box-1 span.box-title {
    bottom: 16%;
    left: 50%;
    transform: translate(-50%, 0);
}

.conyashnyk .box-2 span.box-title {
    top: 15%;
    transform: translate(-50%, 0);
    left: 50%;
}

.kukurudza .box-3 span.box-value {
    left: 10%;
    bottom: 34%;
}

.kukurudza .box-3 span.box-title {
    top: 18%;
    transform: translate(-50%, 0);
    left: 50%;
    line-height: 1.1;
    font-size: 12px;
    max-width: 107px;
}

.conyashnyk .box-3 span.box-title {
    bottom: 13%;
    left: 50%;
    transform: translate(-50%, 0);
}


.kukurudza .box-1 span.box-title {
    top: 18%;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 108px!important;
    line-height: 1.2;
}

.kukurudza .box-1 span.box-value {
    bottom: 30%;
    right: 9%;
}
.ripak .box-1 span.box-title {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 31px;
    line-height: 1.1;
}

.ripak .box-1 span.box-title span {
    display: block;
    text-align: center;
    position: relative;
}

.ripak .box-2 span.box-title {
    bottom: 33px;
    left: 50%;
    transform: translate(-50%, 0);
    line-height: 1;
    max-width: 140px;
    font-size: 14px;
}

.ripak .box-2 span.box-value {
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    right: 4%;
    top: 13%;
    text-align: center;
}

.ripak .box-3 span.box-title {
    left: 50%;
    transform: translate(-50%, 0);
    top: 47px;
    line-height: 1.1;
}

.ripak .box-3 span.box-value {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    bottom: 35%;
    left: 5%;
    line-height: 1;
}
.kukurudza .box-2 span.box-value {
    right: 12%;
    bottom: 52%;
}

.ripak .box-1 span.box-title {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 31px;
    line-height: 1.1;
}

.ripak .box-1 span.box-title span {
    display: block;
    text-align: center;
    position: relative;
}

.hybrid__title.title {
    margin: 0 0 16px;
}

.hybrid__subtitle {
    font-weight: 700;
    font-size: 32px;
    color: #e42426;
    line-height: 1;
}

p.hybrid__days {
    font-weight: 400;
    font-size: 16px;
    color: #2f3932;
    text-align: right;
}

p.hybrid__days span {
    font-weight: 700;
    color: #e42426;
}

.hybrid-schema {
    margin: 48px 0;
}
.indicator {
    padding-top: 110px;
    padding-bottom: 120px;
}

.parent-category-image {
    position: relative;
}

.indicator__media {
    position: relative;
    margin-top: 60px;
}

img.icon-schema {
    position: absolute;
    top: 0;
    right: 40px;
    max-width: 100px;
}

.sch-1 .parent-category-text1 {
    line-height: 1;
    display: inline-block;
    position: absolute;
    transform: translate(-30%, -50%) rotate(90deg);
    top: 50%;
    scale: -1;
}
.sch-2 .parent-category-text1 {
    line-height: 1;
    display: inline-block;
    position: absolute;
    transform: translate(0%, -50%) rotate(90deg);
    top: 50%;
    scale: -1;
}

.sch-2 .parent-category-text2 {
    line-height: 1;
    display: inline-block;
    position: absolute;
    transform: translate(-7%, 22%) rotate(90deg);
    bottom: 14%;
    scale: -1;
    right: 0;
}
.rate {
    display: grid;
    grid-template-columns: 1fr 1fr;
    
}

.rates {
    display: grid;
    gap: 20px;
}
.rate.rate-number span {
    text-align: center;
    background: transparent !important;
}
.box-value {
    font-size: 14px;
    font-weight: 500;
    position: absolute;
}

.kukurudza .box-2 span.box-title {
    bottom: 13%;
    left: 50%;
    transform: translate(-50%, 0);
}

span.box-title {
    position: absolute;
    font-weight: 500;
    font-size: 14px;
    max-width: 128px;
    text-align: center;
    display: block;
    width: 100%;
}
section.indicator {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.slide-thumb-img:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.slide-thumb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.with-icon, .with-icon:hover {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    border-radius: 56px;
    border: 1px solid;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.with-icon.icon-red {
    border-color: #e42426;
}

.with-icon.icon-black {
    border-color: #023a2d;
}

.product-top__meta h1 {
    font-weight: 700;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: -0.03em;
}

.product-top__meta .desc {
    font-weight: 400;
    font-size: 16px;
    color: #2f3932;
    max-width: 435px;
    line-height: 1.2;
    margin-bottom: 40px;
    min-height: 150px;
}

.youtube iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0px;
}

.youtube {
    border-radius: 32px;
    overflow: hidden;
    position: relative;
}

.youtube:before {
    content: '';
    display: block;
    padding-top: 56.26%;
}
.product-form {
    padding: 56px 0;
    position: relative;
}

.product-form .container {
    position: relative;
    z-index: 1;
}

.bg-radius {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 9px;
    overflow: hidden;
}

.title {
    font-weight: 700;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: -0.03em;
    margin: 0;
}


a.read-more.link-border {
    height: 40px;
    display: inline-flex;
    gap: 24px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 400;
}

.preview {
    border: 1px solid #023a2d;
    border-radius: 20px;
    overflow: hidden;
}

.preview__img {
    position: relative;
}

.preview__img:before {
    content: '';
    display: block;
    padding-top: 50%;
}

.preview__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.preview__date {
    font-weight: 400;
    font-size: 16px;
    color: #828282;
    display: flex;
    gap: 10px;
    margin: 20px 0 10px;
}

.preview h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    color: #081725;
    margin: 0 0 10px;
}

.preview__desc {
    font-weight: 400;
    font-size: 16px;
    color: #2f3932;
    line-height: 1.2;
    margin: 0 0 10px;
}

.preview__meta {
    display: flex;
    flex-direction: column;
    padding: 0 16px 16px;
}

.preview__link {
    text-align: right;
    margin-top: auto;
}

.posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.preview__date img {
    position: relative;
    top: -1px;
}

.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 16px;
}

.nav-links a, .nav-links span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    font-size: 16px;
    color: #000;
}

.nav-links span.current {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background: #023A2D;
    border-radius: 50%;
}

.nav-links a.prev, .nav-links a.next {
    background: #FF0000;
    border-radius: 50%;
}
.taxonomy-description {
    max-width: 668px;
    line-height: 1.2;
}
.nav-links a.prev svg, .nav-links a.next svg {
    fill: transparent;
    stroke: #fff;
    width: 18px;
    height: 16px;
}
.preview {
    display: flex;
    flex-direction: column;
}
.archive .cat-meta {
    margin: 0 0 56px;
}

.content-boxs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 56px;
}

.content-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.content-box span {
    font-weight: 700;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    line-height: 1;
}

.content-box__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.03em;
}

.content-box__desc {
    font-weight: 400;
    font-size: 16px;
    color: #333;
    line-height: 1.2;
}
.page-template-page-cooperation-child .post {
    margin: 0 0 120px;
}

.post {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.post__content h1 {
    margin: 0 0 16px;
}

.main-content p {
    margin: 0 0 16px;
}

.main-content p:last-child {
    margin: 0;
}

.main-content p, .main-content li, .main-content a {
    font-weight: 400;
    font-size: 16px;
    color: #2f3932;
}

.main-content a {
    text-decoration: underline;
}

.main-content h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 16px;
}

.main-content h3, .main-content h4, .main-content h5, .main-content h6 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 16px;
}


.gallery-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;   
}

.gallery-two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.gallery-item:before {
    content: '';
    display: block;
}

.gallery-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-two-cols > div {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.gallery-col.left {
    margin-top: 128px;
}
.left .gallery-item:nth-child(1):before {
    padding-top: 66%;
}

.right .gallery-item:nth-child(2):before {
    padding-top: 66%;
}

.left .gallery-item:nth-child(2):before {
    padding-top: 136%;
}

.right .gallery-item:nth-child(1):before {
    padding-top: 136%;
}

.preview__meta {
    flex: 1;
}
.nav-links a.prev svg {
    transform: rotate(180deg);
}
.nav-links a.prev {
    margin-right: 64px;
}

.nav-links a.next {
    margin-left: 64px;
}

nav.navigation.pagination {
    grid-area: auto / 1 / auto / 4;
    margin-top: 32px;
}

.title--white {
    color: #fff;
}

.product-form h2 {
    margin: 0 0 16px;
}

.product-form__content > p {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin: 0 0 35px;
    max-width: 320px;
    line-height: 1.2;
}

form.wpcf7-form {
  border-radius: 32px;
    padding: 32px;
    background: #fff;
}

.fields {

    display: grid;
    gap: 24px;
}
.wpcf7 form .wpcf7-response-output {
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    font-size: 12px;
    color: #e42426;
}
.label p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    margin: 0 0 8px;
}

.field input,
.field input:focus {
    border-radius: 24px;
    padding: 0px 16px;
    height: 48px;
    background: #e3e3e3;
    font-size: 16px;
    border: 0;
    color: #000;
    outline: none;
    box-shadow: none;
}

.field input::placeholder {
    color: #333;
}

textarea.form-control,
textarea.form-control:focus {
    border-radius: 24px;
    padding: 18px;
    max-height: 160px;
    background: #e3e3e3;
    border: 0;
    color: #000;
    outline: none;
    box-shadow: none;
}

textarea.form-control::placeholder {
    color: #333;
}


span.wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 1;
    padding: 1px 16px 0 16px;
}

.field.field-submit button {
    background: #e42426;
    border-radius: 50px;
    height: 48px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
}



.field-accept .wpcf7-list-item label span {
    font-size: 9px;
    line-height: 1.1;
    display: block;
    position: relative;
    padding-left: 32px;
}

.field {
    position: relative;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -4px;
    transform: translate(0px, 95%);
    left: 0px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control.wpcf7-not-valid {
    border: 1px solid #e42426;
}

.field-accept .wpcf7-list-item label span:before, .field-accept .wpcf7-list-item label span:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -3px;
    left: 0;
    /* background: red; */
    border-radius: 4px;
    overflow: hidden;
}

.field-accept .wpcf7-list-item label span:before {
    border: 2px solid #e42426;
}

.field-accept .wpcf7-list-item label input:checked ~  span:before {
    background: #e42426;
}

.field-accept .wpcf7-list-item label input:checked ~ span:after {
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/check-alt.svg) no-repeat center;
    background-size: 24px;
}

.field-accept .wpcf7-list-item input {
    display: none;
}

.field-accept span, .field-accept label {
    margin: 0!important;
}

.field-accept {
    margin-top: 14px;
}


.product-form__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 100px;
    gap: 96px;
}

.product-form__form form {
    max-width: 470px;
}














.rate-sq {
    display: grid;
    grid-template-columns: repeat(10, 24px);
    gap: 8px;
}

.rate-sq span {
    width: 24px;
    height: 24px;
    display: block;
}

.rate-sq span:nth-child(1) {
  background: #E1E5E8 ;
}

.rate-sq span:nth-child(2) {
  background: #F4E1E1;
}

.rate-sq span:nth-child(3) {
  background: #F2CCCC;
}

.rate-sq span:nth-child(4) {
  background: #EFA2A3;
}

.rate-sq span:nth-child(5) {
  background:#ED8D8E ;
}

.rate-sq span:nth-child(6) {
  background: #EB7879;
}

.rate-sq span:nth-child(7) {
  background:#E96364 ;
}

.rate-sq span:nth-child(8) {
  background:#E84E50 ;
}

.rate-sq span:nth-child(9) {
  background: #E6393B;
}
.rate-sq span:nth-child(10) {
  background: #E42426;
}

.hidden {
  display: none;
}

.container {
  max-width: 1440px;
  padding:0 40px;
}

a:hover {
  text-decoration: none;
}

a {
  transition: all .12s ease-in-out;
}

.btn,
.btn:focus {
  padding: 0;
  outline: none;
  box-shadow: none;
  border: 0;
}

.top__buttons {
  display: flex;
  gap: 20px;
}

#main-nav > .navbar-nav {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

/* menu */

.top {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1366px) {
    .top__menu {
        margin: 0 auto 0 32px;
    }
  #main-nav > .navbar-nav {
        gap: 16px;
}

  .container {
    padding: 0 20px;
  }


}

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

    #main-nav li.mobile-link {
    display: none!important;
}

     .top__menu {
        margin: 0 auto 0 48px;
    }
  

  #main-nav > .navbar-nav > li {
    display: flex;
    align-items: center;
  }

  #main-nav > .navbar-nav > li > a {
        height: 56px;
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        padding: 0 16px;
  }
  #main-nav > .navbar-nav > li > a,
  #main-nav > .navbar-nav > li.current-menu-item > a {
      position: relative;
  }

    .home #main-nav > .navbar-nav > li > a:before {
       background: #e42426; 
    }

  #main-nav > .navbar-nav > li > a:before {
    content: '';
      display: block;
      position: absolute;
      top: 50%;
      transform: translate(0%, -50%);
      left: 0%;
      width: 100%;
      height: 38px;
      background: #fff;
      z-index: -1;
      border-radius: 8px;
      transition: .12s;
      opacity: 0;
  }

  #main-nav > .navbar-nav > li > a:hover:before,
  #main-nav > .navbar-nav > li.current-menu-item > a:before {
      opacity: 1;
  }
  #main-nav > .navbar-nav > li > a:hover,
  #main-nav > .navbar-nav > li.current-menu-item > a {
    color: #FF0000;
  }


  .home #main-nav > .navbar-nav > li > a:hover,
  .home #main-nav > .navbar-nav > li.current-menu-item > a {
    color: #fff;
  }

  #main-nav > .navbar-nav > li.menu-item-has-children:hover > .submenu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0%);
  }
  li.menu-item-has-children {
      display: inline-flex;
      gap: 0px;
      position: relative;
  }
  .submenu {
    background: #fff;
    list-style: none;
    border: 1px solid #767676;
    border-radius: 24px;
    padding: 16px;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    visibility: hidden;
    opacity: 0;
    transform: translate(0, 15px);
    transition: all .4s ease-in-out;
    position: absolute;
    left: 0;
    top: 100%;
  }


  .submenu a {
    font-size: 16px;
    color: #000;
    display: flex;
    min-height: 40px;
    align-items: center;
    padding: 0 40px 0 0;
    transition: .24s;
    min-width: 225px;
    position: relative;
    border-radius: 24px;
  }

  .submenu a:hover {
        background: #e42426;
        color: #fff;
        padding: 0 40px 0 16px;
        border-radius: 24px;
  }
  .submenu a:after {
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      top: 50%;
      transform: translate(0px, -50%);
      border-radius: 50%;
      background: url(/wp-content/themes/wp-bootstrap-starter-master/img/menu/arrow-white.svg) no-repeat center #fff;
      position: absolute;
      right: 16px;
      opacity: 0;
      transition: .24s;
  }

  .submenu a:hover:after {
    opacity: 1;
  }
}





span.submenu-toggle {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/menu/menu-icon.svg) no-repeat center;
    background-size: 24px;
}



/* burger menu */
.top__logo img {
    max-height: 56px;
    max-width: 150px;
}
.btn-menu {
  display: none;
}

.home .logo-white {
    display: none;
}

.home .site-header .logo-main {
  display: block;
}

.logo-white {
    display: block;
}

 .site-header .logo-main {
  display: none;
}

.admin-bar .site-header {
    top: 32px;
}
.site-header {
  height: 80px;
  display: flex;
  align-items: center;
  margin-top: 0;
  
  position: absolute;
  top: 0;
  z-index: 99;
  width: 100%;
  left: 0px;
}
.site-header .container {
    position: relative;
}
.site-header:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(84, 84, 84, 0.3) 0%, rgba(84, 84, 84, 0.8) 35%, rgba(84, 84, 84, 1) 70%, rgba(84, 84, 84, 1) 100%);
    opacity: .7;
}

.site-main {
    padding: 160px 0 120px;
}








.products {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.product-preview {
    flex: 0 1 calc(25% - 18px);
    box-sizing: border-box;
}

.accordion-content {
    padding: 40px 0 8px;
}

.product-preview {
    position: relative;
    border: 1px solid #023a2d;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.accordion-item {
    margin: 0 0 32px;
}

.product-preview:before {
    content: '';
    display: block;
    padding-top: 136%;
}

body {
    background: #F6F6F6;
}

.product-preview__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-preview__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

a.link-border {
    border: 1px solid #506155;
    border-radius: 32px;
    padding: 0px 24px;
   
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-preview a.link-border {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

a.link-border span {
    display: flex;
    width: 24px;
    height: 24px;
    background: #ff0000;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
}

a.link-border span svg {
    fill: transparent;
    stroke: #fff;
    width: 7px;
    height: 9px;
}

a.link-border:hover,
.distributors-list a.link-border:hover {
    color: #fff;
    background: #ff0000;
    border-color: #ff0000;
}

a.link-border:hover span {
    background: #fff;
}

a.link-border:hover span svg {
    stroke: #ff0000;
}


a.link-border,
a.link-border span,
a.link-border svg {
  transition: .12s;
}
.footer__bottom {
    position: relative;
    z-index: 1;
}





























.accordion-title__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #f00;
}
.accordion-title {
  cursor: pointer;
  border-radius: 32px;
  background: #757575;
  display: flex;
  padding: 30px 48px;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.accordion-content {
    display: none;
}

.accordion-title__name {
    color: #fff;
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -0.03em;
}


span.accordion-title__img {
    position: absolute;
    right: 110px;
    top: 50%;
    transform: translate(0, -50%);
}

.accordion-title__icon svg {
    fill: transparent;
    stroke: #FFF;
    transform: rotate(90deg);
    width: 18px;
    height: 16px;
}

.cat-meta {
    margin: 0 0 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cat-meta h1 {
    margin: 0;
}

.taxonomy-description {
    font-weight: 400;
    font-size: 16px;
    color: #2f3932;
}


.title-main {
    font-weight: 700;
    font-size: 56px;
}

.default-page h1 {
    margin: 0 0 24px;
}

.default-page .entry-content {
    max-width: 670px;
}

.entry-content {
    font-size: 16px;
    font-weight: 400;
    color: #2f3932;
}

.entry-content a {
    text-decoration: underline;
    color: #2f3932;
}

.entry-content strong {
    font-weight: 500;
}

.entry-content p {
    margin: 0 0 16px;
    line-height: 1.2;
}

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    font-size: 24px;
    margin: 0 0 16px;
    color: #2f3932;
}
.product-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 100%;
}

.product-top__media {
    min-width: 1px;
}


.slide-main-img {
    position: relative;
}
.submenu a {
    line-height: 1;
}
.slide-main-img:before {
    content: '';
    display: block;
    padding-top: 87%;
    width: 100%;
}

.slide-main-img img {
    width: auto;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    margin: 0 auto;
}

a.child-page {
    position: relative;
    overflow: hidden;
    border-radius: 32px;
    padding: 48px;
    line-height: 1;
    display: flex;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: -0.03em;
    color: #fff;
    justify-content: space-between;
    align-items: center;
}

a.child-page img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

a.child-page:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .6;
    z-index: -1;
}

a.child-page span {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF0000;
    border-radius: 50%;
}

a.child-page span svg {
    fill: transparent;
    stroke: #fff;
    width: 10px;
    height: 18px;
}

.child-pages-grid {
    display: grid;
    gap: 40px;
}

.page-template-page-cooperation .cat-meta {
    margin: 0 0 56px;
}
.tax-distributors .taxonomy-description {
    max-width: 435px;
}

.distributors-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
}


.single-distributor .manager__name {
    padding: 0;
}

.single-distributor .manager__top {
    margin: 0 0 32px;
}
.distributors-list a.link-border {
    background: #fff;
}
.distributors-list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 24px;
}

.office-item > span {
    width: 84px;
    height: 84px;
    border: 1px solid #e42426;
    min-width: 84px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.office-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.office-items {
    margin: 0 0 56px;
    display: flex;
    justify-content: space-between;
}

.acf-map-container iframe {
    width: 100%;
    height: 655px;
}

.office-map {
    position: relative;
}

.map-popup-panel {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 1px;
    height: 100%;
}

.map-pop {
    border: 1px solid #e8e8e8;
    border-radius: 32px;
    padding: 32px 16px;
    background: rgba(64, 64, 64, 0.8);
    min-width: 236px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 32px;
}

button.btn.map-popup__close {
    position: absolute;
    right: 16px;
    top: 16px;
}
.map-pop.map-open {
    display: none;
}
p.p_title {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

a.map-link {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    display: block;
}
.office-item > div > p:first-child {
    font-weight: 400;
    font-size: 32px;
    color: #26263b;
    margin: 0 0 8px;
}

.list-link a {
    color: #333;
    font-weight: 400;
    font-size: 18px;
    display: block;
}
.product-preview a.link-border span {
    min-width: 24px;
}
.slide-main-img {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.parent-category-image {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.parent-category-image img {
    width: 100%;
    height: auto;
    display: block;
}


.sch-2 .img-text-wrap2 {
  position: absolute;
  right: 10%;
  height: 38%; /* PenSky: from 50% to 38% */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  bottom: 0;
}

.sch-2 .img-text2 {
    transform: translate(0%, 0%);
}
.sch-2 .img-text2 span:last-child {
    transform: translate(-20px, 0px);
    scale: -1;
}
.sch-2 .img-text2 span:first-child {
    transform: translate(-11px, 0px);
    scale: -1;
}
.sch-2 .img-text2 {
    text-align: center;
    display: flex;
    justify-content: center;
}

.sch-2 .img-text2 span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

.sch-2 .img-text-wrap {
    position: absolute;
    left: 4%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    bottom: 0;
}

.sch-2 .img-text {
    transform: translate(-120%, 0%);
}

.sch-2 .img-text span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}


.sch-1 .img-text-wrap {
    position: absolute;
    left: 20%;
    height: 92%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    bottom: 0;
}

.sch-1 .img-text span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

.sch-1 .img-text {
    transform: translate(-120%, 0%);
}







.sch-4 .img-text-wrap {
    position: absolute;
    left: 32%;
    height: 57%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    bottom: 0;
}

.sch-4 .img-text span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

.sch-4 .img-text {
    transform: translate(-120%, 0%);
}






.sch-3 .img-text-wrap {
    position: absolute;
    left: 20%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    bottom: 0;
}

.sch-3 .img-text span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

.sch-3 .img-text {
    transform: translate(-120%, 0%);
}




.footer__contact-list {
    display: grid;
    gap: 20px;
}

.footer__contact-list a {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 1;
}

.footer__contact-list p {
    line-height: 1;
}


.footer__contact .social {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 32px;
}

.footer__contact .social a {
    position: relative;
}

.footer__contact .social a:before {
    content: '';
    display: block;
    width: 1px;
    height: 22px;
    background: #fff;
    position: absolute;
    right: -16px;
    top: 3px;
}

.footer__contact .social a:last-child:before {
  display: none;
}


.hybrid {
    display: inline-block;
}
.sch-2 .img-text-wrap2:before {
   display: none!important;
}

a.anchor.with-icon.icon-red span:first-child {
    padding: 0 32px;
}




.firstscreen {
    position: relative;
}


#slider-nav .firstscreen__arrow div {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
}

#slider-nav .firstscreen__arrow svg {
    stroke: #fff;
    fill: transparent;
    width: 10px;
    height: 14px;
}
#slider-nav .firstscreen__arrow {
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
    z-index: 1;
}#slider-nav .firstscreen__arrow div {
  cursor: pointer;
}
#slider-nav .firstscreen__arrow div.prev svg {
    transform: rotate(180deg);
}
div#slider-nav {
    position: absolute;
    bottom: 76px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 48px;
}
.home .swiper-pagination {
    bottom: 0px!important;
    display: flex;
    justify-content: center;
    gap: 24px;
    position: relative;
}

.home span.swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    margin: 0!important;
    width: 48px;
    height: 48px;
    background: transparent;
    border: 1px solid rgb(255 255 255 / 30%);
    opacity: 1;
    position: relative;
}

.home span.swiper-pagination-bullet:before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background: #fff;
    border-radius: 50%;
}

.home span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #FF0000;
}

.home span.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background: #ff0000;
}


.slide__content a,
.slide__content a:hover {
    height: 56px;
    display: inline-flex;
    background: #fff;
}

.slide .desc {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin: 0 0 40px;
    max-width: 526px;
    line-height: 1.2;
}

.slide {
    position: relative;
    height: 672px;
}

.slide .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    right: 0;
    margin: 0 auto;
    height: 100%;
    padding: 140px 40px 184px;
}

img.slide__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide h1, .slide .title {
    font-weight: 700;
    font-size: 72px;
    color: #fff;
    margin: 0 0 40px;
}





.footer__main {
    background: rgba(235, 31, 39, 0.8);
    border-radius: 8px;
    color: #fff;
}

.menu-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    padding: 0 0 15px;
    border-bottom: 1px solid #fff;
    margin: 0 0 48px;
}

.footer__menu a:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/menu/footer-link.svg);
    position: absolute;
    left: 0;
    top: -4px;
}

.footer__menu a {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    padding-left: 24px;
    position: relative;
}

.footer__menu ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__main .footer__inner {
    padding: 56px 0px 56px 40px;
}
.footer__logo .footer__inner {
    padding: 56px 0px 30px 40px;
}
.footer__logo  .footer__inner,
.footer__main .footer__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 116px;
}


footer {
    position: relative;
}

.footer__substrate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.footer__substrate > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    height: 100%;
    position: relative;
}

.footer__substrate > div > div {
    border-radius: 0px 8px 8px 0;
    background: #eb1f27;
}

.footer__wrap {
    position: relative;
    z-index: 1;
}

.footer__substrate .container:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #eb1f27;
    width: 100%;
    height: 100%;
    transform: translate(calc(-100% + 40px), 0px);
}


.footer__bottom .footer__inner {
    display: grid;
    grid-template-columns: 4fr 5fr 3fr;
    padding: 20px 0;
}



.footer__bottom .footer__inner > div {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.developed {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin: 0;
}























.cat-items {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cat-item-border {position: relative;border-radius: 50%;overflow: hidden;}

.cat-item-border:before {content: '';display: block;padding-top: 100%;}

.cat-item-border {
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/border-1.svg) no-repeat center;
    background-size: contain;
}

.cat-item:nth-child(2) .cat-item-border {
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/border-2.svg) no-repeat center;
    background-size: contain;
}

.cat-item {
    position: relative;
}

.cat-item__img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background: #ffff;
    border-radius: 50%;
    width: 90%;
}

.cat-item__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.home main {
    padding-top: 0;
}
.cat-item__img:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.cat-item a.link-border {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 230px;
}

.categories {
    padding: 64px 0 120px;
}
.home .header-bg {
  display: none;
}


.header-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/header-min.png) no-repeat center;
    background-size: cover;
}

.header-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FF0000;
    opacity: .6;
}

.site-header .container {
    position: relative;
    z-index: 1;
}

.edge-wrap {
    position: relative;
}
span.edge {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 206px;
    height: 100px;
    background: rgb(235 31 39 / 70%);
    border-radius: 32px;
    position: absolute;
}

span.edge.edge-1 {
    bottom: 30px;
    left: 11px;
}

span.edge.edge-2 {
    right: 193px;
    bottom: 15px;
}

span.edge.edge-3 {
    right: 20px;
    top: 100px;
}

.edge-block {
    position: absolute;
    right: 64px;
    top: 120px;
}
.home .product-form {
    margin: 0 0 120px;
}
.edges {
    margin: 0 0 120px;
}
.edges .meta {
    margin: 0 0 56px;
}
.edges .meta p {
    margin: 0;
    max-width: 458px;
}

.product-form__media img {
    transform: translate(0%, -25%);
}
.edge-wrap .text-box {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
}

.edge-wrap .text-box h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 16px;
}

.edge-wrap .text-box p {
    font-size: 16px;
    line-height: 1.1;
    margin: 0;
}

.edge-wrap .text-box {
    max-width: 385px;
    width: 100%;
    transform: translate(-72%, 28%);
}
.edge-video {
    position: absolute;
    overflow: hidden;
    border-radius: 8px;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 660px;
    transform: translate(-23%, 125%);
}
.edge-wrap {
    position: relative;
    padding-bottom: 160px;
}
.review {
    border: 1px solid #b6b8bc;
    border-radius: 24px;
    padding: 24px 16px;
    background: #fff;
}

p.review__name {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    margin: 0 0 5px;
}

.review__top {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 16px;
    align-items: center;
}

.review__img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}


.reviews__nav > div {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: #f00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews__nav > div svg {
    fill: transparent;
    stroke: #fff;
    width: 12px;
    height: 10px;
}

.reviews__nav > div.prev svg {
    transform: rotate(180deg);
}

.reviews__nav {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    margin: 0 0 24px;
}
.review {
    position: relative;
}
.review__rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 16px;
}

.review__rating span {
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/star.svg) no-repeat center;
}
.review:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/google.svg) no-repeat center;
    position: absolute;
    top: 24px;
    right: 16px;
}

section .meta h2 {
    margin: 0 0 16px;
}

section.reviews .meta {
    max-width: 544px;
    line-height: 1.2;
}

section.reviews {
    margin: 0 0 120px;
}

section.reviews .swiper-slide {
    padding-bottom: 1px;
}

section.reviews .swiper-slide {
    height: auto;
}

section.reviews .swiper-slide > div {
    height: 100%;
}
.review__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

p.review__date {
    font-weight: 500;
    font-size: 12px;
    color: #b6b8bc;
    margin: 0;
}

.review .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
}
.edge-video:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.edge-video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}




.about {
    display: grid;
    grid-template-columns: 5.6fr 7fr;
    gap: 100px;
}

.about__slogan {
    font-weight: 700;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin: 0 0 56px;
}

.about__slogan span {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #2f3932;
    letter-spacing: normal;
}

.about__right h1 {
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #e42426;
    margin: 0 0 16px;
}

.about__right .editor p {
    font-weight: 400;
    font-size: 16px;
    color: #505050;
    margin: 0 0 16px;
}

.about__right .editor p:last-child {
    margin: 0;
}

.about__right .editor {
    margin: 0 0 56px;
    max-width: 550px;
        line-height: 1.2;
}
.about-main {
    overflow: hidden;
    position: relative;
}

.about-main:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 64%;
    background: #fff;
    border-radius: 8px;
}
.about-main {
    margin: 0 0 120px;
}
.about-main {
    margin: 0 0 120px;
}

.about-map h2 {
    margin: 120px 0;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -0.03em;
    padding-left: 24px;
    max-width: 600px;
    position: relative;
}

.about-map h2:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 84%;
    width: 1px;
    background: #e42426;
    top: 50%;
    transform: translate(0%, -50%);
}

.about-map__block h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.03em;
   
}

.map-link {
    border-radius: 32px;
    overflow: hidden;
    position: relative;
}
.demo-popup img {
    width: 24px;
    height: 24px;
}

.demo-popup {
    border: 1px solid #e8e8e8;
    border-radius: 32px;
    padding: 32px 16px;
    background: rgba(64, 64, 64, 0.8);
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 16px;
    max-width: 236px;
}

.demo-popup a {
    line-height: 1;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
.map-link.block-open .demo-popup {
    display: none;
}
button.demo-close {
    padding: 0;
    border: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
    background: transparent;
    outline: none;
    box-shadow: none;
}
.map-link:before {
    content: '';
    display: block;
    padding-top: 47%;
}

.map-link img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.demo-block h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.03em;
    margin: 0 0 0px;
}
.title-list {
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.03em;
    margin: 0 0 40px;
}

.demo-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin: 0 0 120px;
    align-items: flex-start;
}

.about-map__block h3 {
    margin: 80px 0 24px;
}

.about-map__block .editor {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
}

.about-map__block {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.about-map__img {
    text-align: right;
}

.about-map {
    position: relative;
    overflow: hidden;
}

.about-map:before, .about-map:after {
    content: '';
    display: block;
    position: absolute;
}

.about-map:before {
    width: 50%;
    border-radius: 32px 32px 0 0;
    background: #e6e7e8;
    height: 120px;
    left: 0;

    top: 30px;
}
.about-map__wrap {
    margin: 120px 0 0;
    background: #e6e7e8;
    padding-bottom: 240px;
}
.dekor-ablout {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
.sq1 {
    position: absolute;
    top: -30px;
    right: 0;
    width: 30%;
    background: #e6e7e8;
    height: 120px;
    border-radius: 0 0 32px 32px;
    transform: translate(0%, 0%);
}
.dekor-ablout {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #f6f6f6;
    height: 120px;
}

.dekor-ablout:before {
    content: '';
    display: block;
    width: 70%;
    height: 120px;
    background: #f6f6f6;
    border-radius: 0 32px 0 0;
    position: absolute;
    bottom: 30px;
    left: 0;
}
.about-map:after {
    height: 120px;
    width: 50%;
    border-radius: 0 0 0px 32px;
    top: 30px;
    right: 0;
    background: #f6f6f6;
}


.about-map h2:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 84%;
    width: 1px;
    background: #e42426;
    top: 50%;
    transform: translate(0%, -50%);
}
.about-main .container {
    position: relative;
}
.about-main {
    margin: 0 0 120px;
}
.about__right {
    padding: 56px 0;
}
.about__right .link-border {
    max-width: 220px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #fff;
    background: #ff0000;
    border-color: #ff0000;
}

.about__right .link-border svg {
    stroke: #ff0000;
}

.about__right .link-border span {
    background: #fff;
}

.about__right .link-border:hover {
    background: #fff;
    color: #505050;
    border-color: #506155;
}

.about__right .link-border:hover span {
    background: #ff0000;
}

.about__right .link-border:hover span svg {
    stroke: #fff;
}

.about-imgs > div {
    border-radius: 32px;
    overflow: hidden;
}

.about-imgs > div:before {
    content: '';
    display: block;
}

.about-img.img1:before {
    padding-top: 47%;
}

.about-imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.about-img.img2:before {
    padding-top: 65%;
}

.about-img.img2 {
    max-width: 490px;
    width: 100%;
}

.about-img.img1 {
    max-width: 500px;
    width: 100%;
}

.about-img.img1 {
    position: absolute;
    z-index: 1;
    right: 0;
    transform: translate(-43%, 104%);
}

.about-img.img2 {
    position: relative;
}

.about-imgs {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.about__left {
    min-height: 621px;
}


footer {
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/footer.png) no-repeat;
    background-size: 100% 631px;
    background-position: right top;
}

@media only screen and (max-width: 1920px) {
  footer {
      background: url(/wp-content/themes/wp-bootstrap-starter-master/img/footer.png) no-repeat;
      background-size: 100% 631px;
      background-position: right top;
  }
}

section.product-form.post-form {
    margin-top: 120px;
}

  .about-map h2 {
    max-width: 50%;
}

.map-pop .map-link:before {
    display: none;
}

.office-item .list-link p {
    margin: 0;
}


.search-panel {
    display: none;
}

.search-panel {
    align-items: center;
}

.search-panel__wrap {
    width: 100%;
    padding: 0 16px;
    max-width: 946px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.search-bg {
    display: none;
}

form.product-search-wrapper {position: relative;}

div#product-search-results {
    position: absolute;
    background: #fff;
    width: calc(100% + 24px);
    bottom: -23px;
    transform: translate(0px, 100%);
    padding: 24px 20px;
    left: 0;
}

ul.product-search-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
li.search-item {}

li.search-item .thumb {
    border-radius: 4px;
    width: 65px;
    height: 65px;
    transition: .12s;
    overflow: hidden;
}

li.search-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

li.search-item a {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    color: #0d0402;
    align-items: center;
    gap: 24px;
    height: 64px;
    padding: 0;
    transition: .12s;
}

li.search-item a .title {
    font-weight: 400;
    font-size: 16px;
}

ul.product-search-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

li.search-item a:hover {
    background: #f00;
    border-radius: 8px;
    position: relative;
    color: #fff;
    padding: 0 16px;
    gap: 16px;
}

li.search-item a:hover .thumb {
    width: 56px;
    height: 56px;
}

li.search-item a:hover:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translate(0%, -50%);
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/arrow.svg) no-repeat center;
    background-size: auto;
}
.search-open .search-bg {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, 0.4);
    z-index: 99;
}
form.product-search-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

form.product-search-wrapper input {
    font-weight: 400;
    font-size: 16px;
    color: #26263b;
    flex: 1 0 auto;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
}

form.product-search-wrapper input::placeholder {
    color: #26263b;
}

body.search-open .search-panel {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    background: #fff;
    height: 72px;
    border: 1px solid #023a2d;
}


.lang-uk img.en-img {
    display: none;
}

.lang-block {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nice-select {
    height: 24px;
    display: flex;
    align-items: center;
}

.nice-select .current {
    display: flex;
    align-items: center;
    height: 24px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 1!important;
    position: relative;
}
.nice-select.lang-switcher {
    position: relative;
    top: 2px;
}

.search-open #product-search-results {
    opacity: 1;
}
#product-search-results {
    opacity: 0;
}



.lang-block {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInLang 0.4s ease forwards;
  animation-delay: 1s;
}

@keyframes fadeInLang {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.nice-select .current:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/lang-switch.svg);
    background-size: 24px;
}
.nice-select ul.list {
    border-radius: 16px;
    overflow: hidden;
}
.lang-en img.uk-img {
    display: none;
}
.lang-block {
    padding-right: 24px;
    position: relative;
}
.lang-uk img.en-img {
    display: none;
}

.nice-select li.option:hover {
    background: rgba(255, 0, 0, 0.65);
}

.mobile__right {
    display: none;
}

.mobile-menu {
    display: none;
}

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

  .edge-video {
    max-width: 580px;
    }
}

.edges .meta p {
    line-height: 1.2;
}

span.field-icon {
    font-weight: 700;
    font-size: 20px;
    color: #838689;
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    top: 16%;
    transform: translate(-50%, 0%);
    left: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hybrid-schema > div.box3 span.field-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
}
@media only screen and (max-width: 1280px) {

    span.field-icon {
        top: 10%;
        width: 74px;
        height: 74px;
    }
}
@media only screen and (max-width: 1199px) {
    section.reviews {
    margin: 0 0 96px;
}
li.mobile-link-agro {
    display: none !important;
}
.mobile-menu {
    display: block;
}
.top__menu {
        margin: 0 auto 0 0px;
}

.mobile__right {
    display: flex;
}
.edge-wrap {
    max-width: 700px;
    margin: 0 auto;
    height: 600px;
    padding-bottom: 0;
}

.edge-wrap > img {
    height: 100%;
}

.edge-wrap .text-box h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px;
}

.edge-wrap .text-box p {
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
}

span.edge {
    font-size: 12px;
    height: 64px;
    width: 144px;
    border-radius: 24px;
}

.edge-block {
    position: absolute;
    right: 64px;
    top: 50%;
    transform: translate(-48%, -67%);
    left: 50%;
    width: 100%;
    max-width: 636px;
}

span.edge.edge-1 {
    bottom: 20px;
    left: 8px;
}

span.edge.edge-2 {
    right: 133px;
    bottom: 10px;
}

span.edge.edge-3 {
    right: 14px;
    top: 73px;
}

.edge-wrap .text-box {
    max-width: 345px;
    width: 100%;
    transform: translate(-50%, 19%);
}

    .edge-video {
        max-width: 342px;
        transform: translate(23%, 107%);
    }











.office-items {
    flex-direction: column;
    gap: 32px;
}

.about-main {
    margin: 0 0 96px;
}
section.product-form.post-form {
    margin-top: 96px;
}
    .preview h2 {
    font-weight: 500;
    font-size: 18px;
}
.preview__date {
    font-size: 14px;
}
.posts {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
nav.navigation.pagination {
    grid-area: auto / 1 / auto / 3;
    margin-top: 32px;
}
.nav-links a.next {
    margin-left: 0px;
}
.nav-links a.prev {
    margin-right: 0;
}
.demo-block {
    margin: 0 0 56px;
}

  .slide h1, .slide .title {
    font-size: 48px;
}
.home .product-form {
    margin: 0 0 96px;
}

.cat-items {
    gap: 20px;
}

.cat-item a.link-border {
    font-size: 12px;
    height: 40px;
    width: 160px;
    min-width: 160px;
    padding: 0 16px;
}
.categories {
    padding: 96px 0 96px;
}
    footer {
        background: url(/wp-content/themes/wp-bootstrap-starter-master/img/tablet-bg.png) no-repeat;
        background-size: 1380px 840px;
        background-position: right top;
    }
  .footer__main .footer__inner {
      padding: 40px 0px 40px 0px;
  }
  .footer__logo .footer__inner {
      padding: 40px 0px 30px 0px;
  }
  .menu-title {
    font-size: 24px;
  }
  .footer__logo .footer__inner, 
  .footer__main .footer__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 40px;
  }
  .sch-2 .img-text-wrap2 {
      height: 38%; /* PenSky: from 50% */
  }
  .indicator {
    padding: 96px 0;
  }
  .hybrid__title.title {
    font-size: 40px;
  }
  section.indicator {
    grid-template-columns: 0.75fr 1fr;
  }
  img.icon-schema {
    right: 0;
    max-width: 80px;
  }

  .rate__name {
    line-height: 1;
  }

  span.accordion-title__img img {
      max-width: 154px;
  }
  .product-top__meta .desc {
    min-height: auto;
    margin: 0 0 56px;
  }
  .product-top__meta .btns {
    row-gap: 20px;
  }
  .product-top__meta .btns {
    grid-template-columns: 1fr;
  }
  .product-top__meta .link-black {
    grid-area: auto;
  }
  .product-top__meta h1 {
    margin: 0 0 16px;
  }

  .category-bottom {
    grid-template-columns: 220px 1fr;
    gap: 20px;
  }
  span.accordion-title__img {
    right: 90px;
  }
  .products {
    gap: 20px;
  }

  .product-preview {
    flex: 0 1 calc(33% - 12px);
   
  }

  .accordion-title__name {
    font-size: 32px;
  }

  .accordion-title {
      padding: 30px;
  }

  .distributors-list {
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
    column-gap: 60px;
  }
  

  a.child-page {
      padding: 48px 32px;
      font-size: 30px;
      gap: 16px;
  }
  .managers {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .manager__img {
      width: 56px;
      height: 56px;
      left: 0;
      right: 0;
  }

  .manager__region, .manager__name {
      padding: 0 0 0 64px;
  }

  .manager {
      padding: 24px 16px 32px;
  }
  .manager__name {
      font-size: 20px;
  }
  .product-form__wrap {
    padding: 0 0px;
    gap: 20px;
  }

  form.wpcf7-form {
      padding: 32px 16px;
  }

  .product-form__media img {
    transform: translate(0px, -68px);
  }
  .default-page h1 {
      font-size: 48px;
  }
  .site-main {
    padding: 136px 0 96px;
  }

  .submenu a {
    display: block;
    position: relative;
    padding-right: 30px;
  }

  .submenu a:after {
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      top: 50%;
      transform: translate(0px, -50%);
      border-radius: 50%;
      background: url(/wp-content/themes/wp-bootstrap-starter-master/img/menu/arrow-dark.svg) no-repeat center #fff;
      position: absolute;
      right: 0px;
      opacity: 0;
      transition: .24s;
  }

  .submenu a:hover:after, .submenu li.current_page_item > a:after {
      opacity: 1;
  }

  .site-header {
    margin-top: 0px;
  }

  body.menu-open {
    overflow: hidden;
  }

  body.menu-open .logo-main {
      display: none;
  }

  .top__logo {
      position: relative;
      z-index: 1;
  }

  

  .btn-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 50%;
  }

  .btn-menu span:first-child {
      display: block;
      border-radius: 0px;
      width: 40px;
      height: 1px;
      background: #fff;
      transition: .12s;
  }

  .btn-menu:before, .btn-menu:after {
      content: '';
      display: block;
      border-radius: 0px;
      width: 40px;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 50%;
      transition: .12s;
  }

  .btn-menu.menu-open:before, .btn-menu.menu-open:after {
      width: 20px;
  }

  .btn-menu:before {
    transform: translate(0px, calc(-50% + 8px)) rotate(0deg);
  }

  .btn-menu:after {
      transform: translate(0px, calc(-50% - 8px)) rotate(0deg);
  }

  .btn-menu.menu-open span:first-child {
    opacity: 0;
  }

  .btn-menu.menu-open:before {
    transform: translate(0px, calc(-50% + 0px)) rotate(-45deg);
  }

  .btn-menu.menu-open:after {
      transform: translate(0px, calc(-50% - 0px)) rotate(45deg);
  }

  .btn-menu span:last-child {
    font-size: 16px;
    position: absolute;
    transform: translate(calc(-100% - 8px), -50%);
    top: 50%;
    left: 0;
    opacity: 0;
  }


  #main-nav > .navbar-nav {
    flex-direction: column;
    gap: 0px;
  }

  #main-nav > .navbar-nav > li > a {
      font-weight: 500;
      font-size: 32px;
      text-transform: uppercase;
              display: block;
  }

  #main-nav > .navbar-nav > li {
      line-height: 1;
  }

  .mobile__left {
    border-radius: 8px 8px 8px 0;
    background: #eb1f27;
    padding: 40px 20px;
   
}
.mobile-wrap {
        overflow: scroll;
        max-height: calc(100vh - 40px);
        padding-bottom: 65px;
    }
.logo-menu img {
    width: auto;
    max-height: 80px;
}
.mobile__right {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 0 30px 56px;
}

.top__menu .footer__contact {
    background: rgba(235, 31, 39, 0.6);
    padding: 40px 20px;
}
    .top__menu {
        background: url(/wp-content/themes/wp-bootstrap-starter-master/img/tablet-min.jpg) no-repeat center;
        background-size: 1329px 100%;
        background-position: right top;
    }
.top__menu .footer__contact .menu-title {
    color: #fff;
}

.footer__contact-list {}

.mobile__right .footer__contact-list p {
    color: #fff;
    margin: 0;
}
.top__menu #main-nav > .navbar-nav {
    gap: 0;
}
ul.language-switcher {}

.lang-mobile ul.language-switcher {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 56px;
}

.lang-mobile ul.language-switcher li a {
    color: #fff;
    font-size: 18px;
    padding-left: 36px;
    position: relative;
}

.lang-mobile ul.language-switcher li.current a {
    font-weight: 700;
}

.lang-mobile ul.language-switcher li a:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
}
.top__buttons {
    position: relative;
    z-index: 9;
}
body.menu-open .top__buttons button.btn.btn--search {
    display: none;
}
.top__buttons .lang-block {
    display: none;
}
.lang-mobile ul.language-switcher li a.lang-uk:before {
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/ua-flag.png);
}

.lang-mobile ul.language-switcher li a.lang-en:before {
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/en-flag.png);
}
.mobile-menu {
    margin: 0 0 40px;
}

.submenu a:hover:after, .submenu li.current_page_item > a:after {
    display: none;
}

#main-nav > .navbar-nav > li {
    padding: 16px 0;
    border-top: 1px solid #fff;
   
}

#main-nav > .navbar-nav > li:last-child {
    border-bottom: 1px solid #fff;
}

#main-nav > .navbar-nav > li {
    
}
  .menu-item-has-children {
      position: relative;
  }

  .menu-item-has-children > a {
      padding-right: 8px;
  }

  li.menu-item-has-children:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/menu/menu-icon.svg) no-repeat center;
    background-size: 24px;
    position: absolute;
    right: 0;
    top: 16px;
}

    .menu-item-has-children span.submenu-toggle {
    position: absolute;
    background: transparent;
    right: 0;
    top: 0 !important;
    width: 100%;
    height: 63px;
    left: 0;
    z-index: 1;
    }



  .submenu {
      list-style: none;
      padding: 0;
      padding-top: 24px;
      display: none;
  }

  .submenu > li > a {
      font-size: 24px;
      font-weight: 400;
  }

  .submenu > li {
      margin: 0 0 20px;
  }

  .submenu > li:last-child {
      margin: 0;
  }

  #main-nav > .navbar-nav a {
      color: #fff;
  }

 

  #main-nav > .navbar-nav .current_page_item > a {
     /* color: #9C9C9C;
      font-weight: 400;*/
  }

  .top__menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   
    transform: translate(101%, 0px);
    transition: .12s;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    z-index: 9;
  }

  .top__buttons {
      margin-left: auto;
  }

  .btn-menu {
      margin-left: 12px;
  }

  body.menu-open .top__menu {
    transform: translate(0%, 0%);
  }

  .btn-menu.menu-open:before, .btn-menu.menu-open:after {
    background: #fff;
  }
  .btn-menu.menu-open {
      border: 1px solid #fff;
  }
  .btn-menu.menu-open span:last-child {
    opacity: 1;
    color: #fff;
  }
  .about-map h2 {

    font-size: 32px;

    max-width: 50%;

}
}

.mobile-gallery {
    display: none;
}

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


  .product-preview {
    flex: auto;
    width: 100%;
  }

  .products {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
  }
  .mobile-gallery {
        display: block;
        margin: 56px 0;
  }
  .page-template-page-cooperation-child .post {
      margin: 0 0 96px;
  }
  .content-boxs {
    row-gap: 24px;
    column-gap: 60px;
  }

  .post.coop-child {
      grid-template-columns: 1fr;
  }
  .post.coop-child > .post__gallery {
      display: none;
  }

}

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

section.reviews .container {
    padding-right: 0;
}

span.field-icon {
    top: 15%;
    max-width: 90px;
    max-height: 90px;
}

.reviews__nav, section.reviews .meta {
    padding-right: 16px;
}

.swiper.reviews-slider {
    padding-right: 40px;
}

    .about {
    grid-template-columns: 1fr;
    gap: 24px;
}
.about-main:before {
    display: none;
}
.about-map h2 {
    font-size: 24px;
 
    max-width: 315px;
}
.about-map h2 {
    margin: 100px 0 64px;
}
.about-map__wrap {
    padding-bottom: 210px;
}
.about-map__block h3 {
    font-size: 20px;
    margin: 0 0 24px;
}
.about-map__img {
    text-align: center;
    order: 1;
}
.about-map__block > div:first-child {
    order: 2;
}
.about-map__block {
    grid-template-columns: 1fr;
    gap: 16px;
}
.about__right {
    position: relative;
    padding: 48px 0 48px 155px;
}

.about__right:before {
    content: '';
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
    background: #fff;
    border-radius: 8px;
    height: 100%;
    z-index: -1;
    right: -16px;
}
.post {
    grid-template-columns: 1fr;
    gap: 56px;
}

.demo-block .cat-meta {
    margin: 0;
}
.demo-block {
    grid-template-columns: 1fr;
    gap: 56px;
}

.footer__bottom .footer__inner > div {
    font-size: 14px;
    text-align: left;
}
    footer {
        background: url(/wp-content/themes/wp-bootstrap-starter-master/img/tablet-bg.png) no-repeat;
        background-size: 1380px 895px;
        background-position: right top;
    }
    .footer__logo .footer__inner, .footer__main .footer__inner {
        row-gap: 40px;
    }
    .menu-title {
    margin: 0 0 40px;
}
    .footer__bottom .footer__inner > div:first-child {
    display: none;
}
  .footer__logo .footer__inner, .footer__main .footer__inner {
      grid-template-columns: 1fr 1fr;
      column-gap: 140px;
      row-gap: 50px;
  }
  .footer__bottom .footer__inner {
    grid-template-columns: 1fr 1fr;
}
p.developed {
    margin: 0;
}
  .footer__substrate > div {
    grid-template-columns: 1fr 1fr;
  }
  section.indicator {
    grid-template-columns: 1fr;
  }
  .indicator__media {
      position: relative;
      margin-top: 0;
  }
  img.icon-schema {
      right: 40px;
      max-width: 100px;
  }
      .rate__name {
        line-height: normal;
    }
  .hybrid__title.title {
      font-size: 56px;
  }
  .product-top {
      grid-template-columns: 1fr;
      gap: 56px;
      margin: 0 auto;
  }
  .product-top__meta .btns .link-black {
      grid-area: auto / 1 / auto / 3;
  }
  .product-top__meta .btns {
      grid-template-columns: 1fr 1fr;
      column-gap: 60px;
  }
}
.error-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.error-block h1 span {
    font-size: 120px;
    display: block;
    font-weight: 700;
}

.error-block h1 {
    text-align: center;
    line-height: 1;
    margin: 0 0 56px;
}

.error-block  a {
    min-width: 185px;
    display: flex;
}
@media only screen and (max-width: 744px) {
    section.categories {
    padding-bottom: 96px;
}
span.field-icon {
    top: 16%;
    max-width: 80px;
    max-height: 80px;
}
.mobile-wrap {
    padding: 0;
}
.edge-wrap {
    max-width: 375px;
    height: 375px;

}
.edges {
    margin: 0 0 175px;
}
    section.reviews .container {
        padding-right: 16px;
    }
    .reviews__nav, section.reviews .meta {
        padding-right: 0px;
    }
    .swiper.reviews-slider {
        padding-right: 0px;
    }
       span.edge.edge-3 {
        right: 5px;
        top: 38px;
    }

    .edge-wrap .text-box h3 {
        font-size: 12px;
    }
    .edge-wrap .text-box p {
        font-size: 8px;
    }
    .edge-wrap .text-box {
        max-width: 182px;
    }
    span.edge.edge-2 {
        right: 75px;
        bottom: 4px;
    }
    .edge-block {
        top: 0;
        transform: translate(-50%, 45%);
        max-width: 340px;
        left: 50%;
    }
    .edge-video {
        max-width: 342px;
        transform: translate(-50%, 120%);
        bottom: 0;
        left: 50%;
    }
        span.edge.edge-1 {
        bottom: 11px;
        left: 4px;
    }
    span.edge.edge-2 {
        right: 70px;
        bottom: 6px;
    }
    span.edge {
        font-size: 6px;
        height: 38px;
        width: 78px;
        border-radius: 16px;
    }
    .mobile-menu {
    display: none;
}
.mobile__left {
    padding: 0;
}
.mobile__right {
    padding: 0;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.top__menu {
    background: url(/wp-content/themes/wp-bootstrap-starter-master/img/mob-min.jpg);
    background-size: cover;
    background-position: center;
}
.mobile__left {
    width: 100%;
    padding: 40px 20px;
    background: rgb(235 31 39 / 70%);
    border-radius: 0;
    position: relative;
    z-index: 1;
}
.top__menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.top__menu .footer__contact {
    display: none;
}
.post__gallery .gallery-two-cols {
    grid-template-columns: 1fr;
}
.about__slogan {
    margin: 0 0 40px;
}
.map-popup-panel {
    width: 100%;
    height: 1px;
}
.office-items {

    justify-content: space-between;
}
.map-pop {
    transform: translate(-50%, 20%);
    left: 50%;
    top: 0;
    bottom: auto;
}
.about-img.img2 {
    max-width: calc(100% - 16px);
}
.about-img.img1 {
    transform: translate(-16px, 104%);
    max-width: 300px;
    right: auto;
    left: 0;
}
.about-map:before {
    top: 0;
    height: 50px;
    width: calc(100% - 80px);
}
.about-map:before,
.about-map:after {
    display: none!important;
}
.about-map:after {
    height: 30px;
    width: 80px;
    top: 24px;
    right: 0;
}
    .about-map h2 {
        margin: 0px 0 40px;
    }
.about__left {
    min-height: auto;
}
.about-map__wrap {
    padding-top: 64px;
}
.dekor-ablout {
    display: none;
}
    .about-map__wrap {
        padding-bottom: 64px;
    }
.about-map__wrap {
    margin: 0px 0 0;
}
    .about {
       
        gap: 40px;
    }
.about__right {
    padding: 64px 0 40px;
}
.about__right:before {
    right: -16px;
    left: -16px;
}
.post__gallery .gallery-col.left {
    margin: 0;
}
    .demo-block h1 {
    font-size: 24px;
}
.posts {
    grid-template-columns: 1fr;
}
nav.navigation.pagination {
        grid-area: auto / 1 / auto / 2;
 
    }
.map-link:before {
    content: '';
    display: block;
    padding-top: 91%;
}
.title-list {
    font-size: 24px;
    margin: 0 0 32px;
}
  .product-form__media img {
      transform: translate(0%, 0%);
  }
    footer.site-footer.navbar-light {
        background-image: url(/wp-content/themes/wp-bootstrap-starter-master/img/footer-bg.jpg);
        background-size: cover;
    }
  .cat-items {
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
    column-gap: 20px;
  }
  .categories {
        padding: 64px 0 64px;
  }
  .home span.swiper-pagination-bullet {
      width: 24px;
      height: 24px;
      border: 2px solid #fff;
  }
  .home span.swiper-pagination-bullet:before {
      width: 5px;
      height: 5px;
  }
  .slide .container {
    padding: 0 16px;
    display: flex;
    flex-direction: column; 
    justify-content: center;
  }

  .slide h1, .slide .title {
    font-size: 32px;
  }

  .footer__logo .footer__inner, 
  .footer__main .footer__inner {
    grid-template-columns: 1fr;
    column-gap: 90px;
    row-gap: 48px;
  }




  footer.site-footer {
    position: relative;
  }
   footer.site-footer:before {
    content: '';
    display: block;
    top: 40px;
    right: 16px;
    left: 16px;
    bottom: 0px;
    background: #EB1F27;
    position: absolute;
    z-index: 1;
    opacity: .6;
  }

  .footer__wrap {
      padding: 0 16px;
  }
  .footer__substrate {
    display: none;
  }
  .footer__logo .footer__inner {
      padding: 40px 0;
  }
  .footer__main {
    background: transparent;
  } 
  .footer__main .footer__inner {
    padding: 0px 0px 0px;
  }

  .footer__bottom .footer__inner > div:first-child {
      display: none;
  }
  .footer__bottom .footer__inner {
      display: grid;
      grid-template-columns: 1fr;
      padding: 0 16px;
      margin-top: 48px;
      margin-bottom: 24px;
      gap: 24px;
  }
  .footer__bottom {
    position: relative;
    z-index: 1;
  }
  .footer__wrap {
    padding-top: 40px;
}

  .footer__bottom .footer__inner > div {
    font-size: 14px;
}

.developed {
    margin: 0;
    justify-content: space-between;
}

  img.icon-schema {
      max-width: 80px;
      right: 55px;
      top: auto;
      bottom: -30px;
  }

  section.indicator {
    gap: 48px;
  }
  .hybrid__title.title {
      font-size: 32px;
      text-align: center;
  }
  .hybrid-schema {
    grid-template-columns: 200px;
    justify-content: center;
    gap: 40px;
  }
  .rate {
        grid-template-columns: 1fr;
        gap: 8px;
  }
  .rate__name {
      font-size: 16px;
      line-height: 1;
  }
  .product-top__meta .btns a {
    grid-area: auto !important;
  }
  .product-top__meta .btns {
        grid-template-columns: 1fr;
        gap: 20px;
  }

  .category-bottom {
    grid-template-columns: 1fr;
  }

  span.accordion-title__img {
    right: 68px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .accordion-content {
    padding: 20px 0 8px;
  }
  span.accordion-title__img img {
      max-width: 80px;
  }
  .accordion-title__name {
    font-size: 24px;
  }

  .accordion-title {
    padding: 16px;
  }
  .accordion-item {
      margin: 0 0 24px;
  }
  .products {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .accordion-title__name {
        font-size: 24px;
  }

  .accordion-title {
    padding: 16px 12px;
  }


  .distributors-list {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  a.child-page {
      padding: 16px;
      font-size: 20px;
  }

  a.child-page span {
      width: 48px;
      height: 48px;
      min-width: 48px;
  }

  .child-pages-grid {
      gap: 32px;
  }
  .managers {
      grid-template-columns: 1fr;
      gap: 16px;
  }

  .title {
    font-size: 32px;
  }

  .product-form__wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .product-form__media img {
        transform: translate(0px, 0px);
   }

   .product-form__media {
    display: flex;
    justify-content: center;
  }
  .product-form__form form {
    max-width: 100%;
  }

  .default-page h1 {
      font-size: 24px;
  }

  .site-main {
    padding: 112px 0 96px;
  }

  .top__logo img {
    max-width: 85px;
  }
  .admin-bar .site-header {
    top: 46px;
  }
  .site-header {
    height: 56px;
  }
  .site-header {
    margin-top: 0px;
  }
  .container {
     padding: 0 16px;
  }

  #main-nav > .navbar-nav > li > a {
    font-size: 24px;
  }

  #main-nav > .navbar-nav {
    gap: 24px;    
  }


  .submenu > li > a {
    font-size: 16px;
  }
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}




img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {

}

.navbar-brand > a {

}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {

}

body:not(.theme-preset-active) #page-sub-header h1 {

}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {

}
a.page-scroller {

}



#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {

}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {

}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}




.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}


footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}


@media only screen and (max-width: 540px) {
.gallery-col.left {
    margin: 0;
}
.gallery-two-cols {
    grid-template-columns: 1fr;
}
.content-boxs {
    grid-template-columns: 1fr;
    gap: 24px;
}

}