/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* * {
    margin: 0 0;
    padding: 0 0;
} */

/* header {
    width: 1920px;
    height: 132px;
    background-color: aqua;
    display: flex;
    justify-content: center;
    align-items: center;
} */

/* header h3 {
    font-size: 30px;
    line-height: 1.2em;
    text-align: center;
    color: #000;
} */

.frontpage {
/* 	margin-top: 60px; */
	margin-top: 10px;
}

.frontpage .section {
    display: block;
    max-width: 1920px;
    width: 100%;
    height: auto;
}

.frontpage .container {
    max-width: 1760px;
    width: 100%;
    margin: 0 auto;
}

.t__red {
    color: #e63c32;
}

/****************************************************************************/
/*** SLICK SLIDER ***/

.frontpage .slick-track {
    padding-bottom: 0;
}

    .frontpage .slick-arrow {
    display: block;
    border: 2px solid #000;
    border-radius: 8px;
    padding: 12px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    opacity: 0.7;
    background-color: #fff;
}

.frontpage .slick-prev:hover,
.frontpage .slick-next:hover {
    opacity: 1;
}

.frontpage .hero__banner--products__slider .slick-prev {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
}

.frontpage .hero__banner--products__slider .slick-next {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}


.frontpage .hero__blogger--slider .slick-prev {
    position: absolute;
    top: 65px;
    left: 44%;
    z-index: 1000;
    border-width: 0;
    opacity: 1;
	color: transparent;
	background: transparent;
	border: 2px solid #fff;
}

.frontpage .hero__blogger--slider .slick-prev:after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url(/wp-content/uploads/arrprev-white.svg) center no-repeat;
    background-size:  contain;
	margin-top: -21px;
    margin-left: -2px;
    opacity: 1;
}

.frontpage .hero__blogger--slider .slick-next {
    position: absolute;
    top: 65px;
    right: 3%;
    z-index: 18;
    border-width: 0;
    opacity: 1;
	color: transparent;
	background: transparent;
	border: 2px solid #fff;
}

.frontpage .hero__blogger--slider .slick-next:after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url(/wp-content/uploads/arrnext-white.svg) center no-repeat;
    background-size: contain;
    margin-top: -21px;
    margin-left: -2px;
    opacity: 1;
}

.frontpage .hero__production--gallery .slick-prev {
    position: absolute;
    bottom: 218px;
    left: 2%;
    z-index: 18;
    border-width: 0;
    opacity: 1;
}

.frontpage .hero__production--gallery .slick-next {
    position: absolute;
    bottom: 218px;
    right: 2%;
    z-index: 18;
    border-width: 0;
    opacity: 1;
}

.frontpage .cert__gal .slick-prev,
.frontpage .test__gal .slick-prev {
    position: absolute;
    top: 45%;
    left: 2%;
    z-index: 18;
    border-width: 0;
    opacity: 0.7;
}

.frontpage .cert__gal .slick-next,
.frontpage .test__gal .slick-next {
    position: absolute;
    top: 45%;
    right: 2%;
    z-index: 18;
    border-width: 0;
    opacity: 0.7;
}

.frontpage .slider__cardblock .slick-prev {
    position: absolute;
    top: -15%;
    left: 83%;
    z-index: 18;
    border-width: 0;
    opacity: 1;
    border: 2px solid #000;
}

.frontpage .slider__cardblock .slick-next {
    position: absolute;
    top: -15%;
    right: 3%;
    z-index: 18;
    border-width: 0;
    opacity: 1;
    border: 2px solid #000;
}
.frontpage .cta__slider .slick-prev {
    position: absolute;
    top: 35%;
    left: 5%;
    z-index: 18;
    border-width: 0;
    opacity: 1;
}

.frontpage .cta__slider .slick-next {
    position: absolute;
    top: 35%;
    right: 5%;
    z-index: 18;
    border-width: 0;
    opacity: 1;
}

.frontpage .hero__people--catalogue .slick-track {
    overflow: visible;
}
.frontpage .hero__people--catalogue .slick-list {
    overflow: visible;
}
/***************************************************************************/
/*** HERO BANNER SECTION ***/

.frontpage .hero__banner__section {
    padding-top: 35px;
}

.frontpage .hero__banner__section .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.frontpage .hero__banner--offers {
    display: block;
    border-radius: 20px;
    width: 74.7%;
    height: 552px;
	/*     box-shadow: inset 5px 5px 4px 0 rgba(0, 0, 0, 0.25); */
    /* background: url('./src/img/pict/hero-offer.webp') center no-repeat; */
    /* background-size: cover; */
}


.frontpage .hero__banner--offers__wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
	position: relative;
}
.frontpage .hero__banner--offers__wrapper .slick-list,
.frontpage .hero__banner--offers__wrapper .slick-track,
.frontpage .hero__banner--offers__wrapper .slick-slide {
    height: 100%;
}

.frontpage .hero__banner--offers__wrapper img {
    width: 100%;
    height: 100%;
}

.frontpage .hero__banner__slider .slick-dots {
    bottom: 20px;
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
    z-index: 1000;
}

.frontpage .hero__banner__slider .slick-dots li {
    color: transparent;
}

.frontpage .hero__banner__slider .slick-dots li.slick-active button {
    background-color: #fff;
}
.frontpage .hero__banner__slider .slick-dots li button {
    width: 10px;
    height: 10px;
    display: block;
    background-color: rgba(201, 201, 201, 0.78);
    color: transparent;
    border-radius: 100%;
    border-width: 0;
    cursor: pointer;
}


.frontpage .hero__banner--products {
    display: block;
/*     border-radius: 20px; */
    width: 24.3%;
    height: 552px;
/*     box-shadow: inset 5px 5px 4px 0 rgba(0, 0, 0, 0.25); */
    /* background: url('./src/img/pict/hero-product.webp') center no-repeat; */
    background-size: cover;
    position: relative;
}

.frontpage .hero__banner--products__slider {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.frontpage .hero__banner--products__slider .slick-list,
.frontpage .hero__banner--products__slider .slick-track,
.frontpage .hero__banner--products__slider .slick-slide {
    height: 100%;
}

.frontpage .hero__banner--products__slide .hero__banner--products__slide__wrapper,
.frontpage .hero__banner--products__slide .hero__banner--products__slide__wrapper>a,
.frontpage .hero__banner--products__slide .hero__banner--products__slide__wrapper>a>picture,
.frontpage .hero__banner--products__slide .hero__banner--products__slide__wrapper>a>picture>img {
    display: block;
    height: 100%;
}

.frontpage .hero__banner--products__slider .slick-arrow {
    display: block;
/*     border: 2px solid #000; */
	border-width: 0;
    border-radius: 8px;
    padding: 12px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    opacity: 0.4;
    background-color: #fff;
}

.frontpage .hero__banner--products__slider .slick-prev {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
	color: #fff0;
}

.frontpage .hero__banner--products__slider .slick-next {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 1000;
	color: #fff0;
}


.frontpage .hero__banner--products__slider .slick-prev:after {
	display: block;
	content: '';
	width: 24px;
    height: 24px;
	background: url('/wp-content/uploads/arrprev.svg') center no-repeat;
	background-size :cover;
	margin-top: -21px;
    margin-left: -2px;
	opacity: 0.4;
}

.frontpage .hero__banner--products__slider .slick-next:after {
	display: block;
	width: 24px;
    height: 24px;
	content: '';
	background: url('/wp-content/uploads/arrnext.svg') center no-repeat;
	background-size: cover;
	margin-top: -21px;
    margin-left: -2px;
	opacity: 0.4;
}

.frontpage .hero__banner--products__slider .slick-prev:hover,
.frontpage .hero__banner--products__slider .slick-next:hover {
    opacity: 1;
}

.frontpage .hero__banner--products__slide__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.frontpage .hero__banner--products__slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
	padding: 12px 12px 0 0;
}

.frontpage .hero__banner--products__slide__wrapper a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
	position: relative;
}

.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
}
.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__title {
	font-family: "Cera Pro", sans-serif;
    font-size: 60px;
    line-height: 1.2em;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	margin: 10px 0 10px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}


.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__announcement {
	margin-top: 30px;
}

.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__announcement,
.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text {
    font-family: "Cera Pro", sans-serif;
	font-size: 27px;
    line-height: 1.2em;
	color: #fff;
	text-align: left;
	margin-left: 20px;
}

.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text__exibition {
	font-family: "Cera Pro", sans-serif;
	font-size: 18px;
    line-height: 1.2em;
	color: #fff;
	text-align: left;
	margin-left: 20px;
}

.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text__label {
	font-family: "Cera Pro", sans-serif;
    display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 6px 16px;
	border-radius: 18px;
	font-size: 18px;
    line-height: 1em;
	color: #000;
	background-color: #fff;
	margin-left: 10px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	text-transform: none;
}

.frontpage .hero__banner--slide__image {
    width: 100%;
    height: auto;
    border-radius: 20px;
	
}

.frontpage .hero__banner--marker {
    width: 140px;
    height: auto;
    position: absolute;
    top: -14px;
    right: -14px;
    z-index: 100;
}

.frontpage .hero__banner--products__slider .slick-dots {
        bottom: 40px;
        position: absolute;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 15px;
        z-index: 1000;
}

.frontpage .hero__banner--products__slider .slick-dots li {
        color: transparent;
}

.frontpage .hero__banner--products__slider .slick-dots li.slick-active button {
        background-color: #fff;
}
.frontpage .hero__banner--products__slider .slick-dots li button {
        width: 10px;
        height: 10px;
        display: block;
        background-color: rgba(201, 201, 201, 0.78);
        color: transparent;
        border-radius: 100%;
        border-width: 0;
        cursor: pointer;
}

/****************************************************************************/
/*** SWIPER SLIDERS ***/

.frontpage .hero__banner__section .hero__banner--offers {
	padding-top: 12px;
}

.frontpage .hero__banner__section .hero__banner--offers .swiper-slide {
	padding-right: 5px;
	position: relative;
}

.frontpage .hero__banner__section .hero__banner--offers .swiper-slide .shadow__frame {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-box-shadow: inset 5px 5px 4px 0 rgba(0, 0, 0, 0.25);
	        box-shadow: inset 5px 5px 4px 0 rgba(0, 0, 0, 0.25);
	z-index: 5;
}


.frontpage .hero__banner__section .hero__banner--offers .swiper-slide img {
	border-radius: 20px;
}

.frontpage .hero__banner__section .hero__banner__slider .swiper-button-prev {
	display: block;
/*     border: 2px solid #000; */
    border-radius: 8px;
    padding: 12px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    opacity: 0.4;
    background-color: #fff;
	left: 23px;
}

.frontpage .hero__banner__section .hero__banner__slider .swiper-button-prev:after {
	display: block;
	content: '';
	width: 24px;
    height: 24px;
	background: url('/wp-content/uploads/arrprev.svg') center no-repeat;
	background-size :cover;
	opacity: 0.4;
}

.frontpage .hero__banner__section .hero__banner__slider .swiper-button-next {
	display: block;
/*     border: 2px solid #000; */
    border-radius: 8px;
    padding: 12px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    opacity: 0.4;
    background-color: #fff;
	right: 23px;
}

.frontpage .hero__banner__section .hero__banner__slider .swiper-button-next:after {
	display: block;
	width: 24px;
    height: 24px;
	content: '';
	background: url('/wp-content/uploads/arrnext.svg') center no-repeat;
	background-size: cover;
	opacity: 0.4;
}

.frontpage .hero__banner__section .hero__banner__slider .swiper-button-next:hover,
.frontpage .hero__banner__section .hero__banner__slider .swiper-button-prev:hover {
	opacity: 1;
}

/***************************************************************************/
/*** HERO PRODUCTS SECTION ***/


.frontpage .hero__products__section {
/*     margin-top: -78px; */
	margin-top: 0;
    position: relative;
    z-index: 20;
    width: 100%;
}

.frontpage .hero__products--title__wrapper {
/*     width: 100%; */
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
    background: transparent;
	position: absolute;
	top: -78px;
}

.frontpage .hero__products--title {
    font-family: 'Cera Pro', sans-serif;
    font-weight: 500;
    font-size: 48px;
    line-height: 110%;
    color: #000;
    display: block;
    padding-top: 25px;
    padding-right: 30px;
    background-color: #fff;
    border-top-right-radius: 20px ;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 5px;
    position: relative;
}

/*.frontpage .hero__products--title:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 50;
}
.frontpage .hero__products--title .left__angle {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-bottom-left-radius: 20px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 60;
}
.frontpage .hero__products--title:after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: -20px;
    z-index: 50;
}
.frontpage .hero__products--title .right__angle {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #02082B;
    border-bottom-left-radius: 20px;
    position: absolute;
    bottom: 0;
    right: -20px;
    z-index: 60;
}*/


/**************************************************************************/
/*** Hero banner categories catalogue ***/

.frontpage .hero__products--catalogue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 74px 0 72px;
}


.frontpage .hero__products--card {
    width: 11.7%;
    position: relative;
}
.frontpage .hero__products--card {
    width: 11.7%;
}

.frontpage .hero__products--card .card__image--wrapper {
    border-radius: 15px;
    width: 100%;
    height: 140px;
    background: #f5f8fb;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.frontpage .hero__products--card .card__image--wrapper:before {
    content: 'To\00a0products';
    word-wrap: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 0;
    opacity: 0;
    height: 100%;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    background: rgba(46, 48, 49, 0.93);
    border: 0px solid #d5cece;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2em;
    text-align: center;
    color: #fff;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}
.frontpage .hero__products--card .card__image--wrapper:after {
    content: '\276F';
    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: 0;
    opacity: 0;
    height: 100%;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    background:  #e63d33;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2em;
    text-align: center;
    color: #fff;

    position: absolute;
    top: 0;
    right: 0;
    z-index: 60;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}
.frontpage .hero__products--card:hover .card__image--wrapper:before {
    width: 79%;
    opacity: 1;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}
.frontpage .hero__products--card:hover .card__image--wrapper:after {
    width: 21%;
    opacity: 1;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}

.frontpage .hero__products--card .card__image--wrapper .card__image {
    position: relative;
    top: -10px;
    margin: 0 auto;
    z-index: 50;
    max-width: 150px;
    width: 100%;
    height: auto;
}

.frontpage .hero__products--card .card__title {
    display: block;
    margin-top: 14px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #000;
}

.frontpage .chevron__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;
	  margin-top: -60px;
      padding-bottom: 20px;
    }

    .frontpage .chevron {
      width: 40px;
      height: 20px;
      background: #E63C32;
      -webkit-clip-path: polygon(0 0, 50% 12px, 100% 0, 100% 7px, 50% 100%, 0 7px);
              clip-path: polygon(0 0, 50% 12px, 100% 0, 100% 7px, 50% 100%, 0 7px);
      margin-top: -8px;
      opacity: 0.2;
      -webkit-animation: sequentialBlink 1.2s linear infinite;
              animation: sequentialBlink 1.2s linear infinite;

    }

    .frontpage .ch1 {
      -webkit-animation-delay: 0s;
              animation-delay: 0s;
    }
    .frontpage .ch2 {
      -webkit-animation-delay: 0.4s;
              animation-delay: 0.4s;
    }
    .frontpage .ch3 {
      -webkit-animation-delay: 0.8s;
              animation-delay: 0.8s;
    }

    @-webkit-keyframes sequentialBlink {
      0% {
        opacity: 0.25;
      }
      20% {
        opacity: 1;
      }
      40% {
        opacity: 0.5;
      }
      100% {
        opacity: 0.25;
      }
    }

    @keyframes sequentialBlink {
      0% {
        opacity: 0.25;
      }
      20% {
        opacity: 1;
      }
      40% {
        opacity: 0.5;
      }
      100% {
        opacity: 0.25;
      }
    }


/***********************************************************************/
/*** BLOGGER SECTION ***/

.frontpage .hero__blogger__section {
    display: block;
    padding: 122px 0 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.frontpage .hero__blogger__section,
.frontpage .hero__blogger__section .container,
.frontpage .hero__blogger__section .content,
.frontpage .hero__blogger__section .hero__blogger--title__wrapper,
.frontpage .hero__blogger__section .hero__blogger--gallery {
    background-color: #f5f8fb;
}


.frontpage .hero__blogger__section .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 18px 15px;
}

.frontpage .hero__blogger--title__wrapper {
    background: url('/wp-content/uploads/globus.svg') center no-repeat;
    background-size: contain;
    width: 36.875%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.frontpage .hero__blogger--title__textblock {
    display: block;
    border: 1px solid #d7d1d1;
    border-radius: 20px;
    width: 100%;
    height: 337px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    padding-top: 29px;
    text-align: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.frontpage .hero__blogger--title {
    text-align: center;
}

.frontpage .hero__blogger--subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 136%;
    color: #000;
    margin-top: 35px;
}

.frontpage .running__list {
    margin-top: 27px;
    background:  #000;
    color: #fff;
    width: auto;
	padding: 3px 0;
	position: relative;
}

.frontpage .running__list:before {
    content: '';
	display: inline-block;
	width: 320px;
	height: 43px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#000));
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.frontpage .running__list:after {
    content: '';
	display: inline-block;
	width: 320px;
	height: 43px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#000));
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 100%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.frontpage .running-line__content,
.frontpage .running-line__text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
	  will-change: transform;
    }

.frontpage .txt  {
    background:  #000;
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%); */
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 136%;
    color: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    word-wrap: none;
	margin-left: 70px;
}

.frontpage .txt:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius:100px;
	background: #fff;
	margin-right: 12px;
	vertical-align: middle;
}

.frontpage .hero__blogger--title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 90%;
    color: #000;
    width: 40%;
}

.frontpage .hero__blogger--slider {
    border-radius: 20px;
    width: 61.932%;
    height: 462px;
}

.frontpage .hero__blogger--slider .slick-list {
    overflow: visible;
    overflow-x: clip;
	height: 100%;
}

.frontpage .hero__blogger--slider .slick-track {
    height: 100%;
}

.frontpage .hero__blogger--slide__wrapper {
    width: 100%;
    height: 100%;
	border-radius: 20px;
}

.frontpage .hero__blogger--slide {
    width: 100%;
    height: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.frontpage .hero__blogger--slider__wrapper .slider__arrows {
    position: absolute;
    bottom: 208px;
    top: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 0;
    right: 55px;
    width: 536px;
    z-index: 200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.frontpage .hero__blogger--slider__wrapper .slider__arrows .typical__arrow {
    background-color: #fff;
}

.frontpage .cnc__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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 13px;
    width: 39.27%;
	height: 100%;
	padding: 16px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 20px;
	background: #e63c32;
}

.frontpage .interbox {
  width: 16px;
  height: 150px;
  background-color: #e63c32;
  position: relative;
}

.frontpage .interbox:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background-color: #fff;
  position: relative;
  z-index: 10;
  top: -8px;
}

.frontpage .interbox:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background-color: #fff;
  position: relative;
  z-index:10;
  bottom: -125px;
}

.frontpage .cnc__block--img__wrapper {
	border-radius: 20px;
    background-color: #fff;
    width: 100%;
	height: 327px;
	overflow: hidden;
}

.frontpage .cnc__block--image {
    -o-object-fit: contain;
       object-fit: contain;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.frontpage .cnc__block--title a {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 110%;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    color: #fff;
}

.frontpage .cnc__block--title a:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('/wp-content/uploads/square.svg') center no-repeat;
    background-size: cover;
    margin-left: 10px;
    vertical-align: bottom;
}

.frontpage .cnc__block--text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 124%;
    color: #fff;
    opacity: 0.7;
	margin-top: 4px;
}

.frontpage .blogger__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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
    position: relative;
	width: 59.27%;
	height: 100%;
	padding: 16px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 20px;
	background: #e63c32;
}

.frontpage .blogger__block:after {
	content:'';
	display: block;
	width: 56px;
	height: 34px;
	background: url("/wp-content/uploads/qwot.png") center no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 14px;
	right: 14px;
	z-index: 17;
}

.frontpage .blogger__block--image {
    border-radius: 20px;
	max-height: 345px;
    width: 100%;
}

.frontpage .blogger__block--video__wrapper {
    width: 100%;
    height: auto;
    border-radius: 20px;
	position: relative;
	top: -112px;
}

.frontpage .blogger__block--video__wrapper:before {
	content: '';
	display: block;
	position: absolute;
   	top: 0;
	width: 100%;
	height: 138px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0)), to(#000));
	background: -o-linear-gradient(top, rgba(26, 26, 26, 0) 0%, #000 100%);
	background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, #000 100%);;
	-webkit-transform: rotate(180deg);;
	    -ms-transform: rotate(180deg);;
	        transform: rotate(180deg);
	border-radius: 0 0 20px 20px;
	display: none;
}

.frontpage .blogger__block--video__wrapper:after {
	content: '';
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 138px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0)), to(#000));
	background: -o-linear-gradient(top, rgba(26, 26, 26, 0) 0%, #000 100%);
	background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, #000 100%);
	border-radius: 0 0 20px 20px;
}

.frontpage .blogger__block--video {
    width: 100%;
    height: auto;
	border-radius: 20px;
}

.frontpage .blogger__block--content {
	position: relative;
	top: -102px;
	padding: 0 16px;
}

.frontpage .blogger__block--title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
    color: #fff;
}

.frontpage .blogger__block--text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 124%;
    color: #fff;
	margin-top: 11px;
}

.frontpage .blogger__block--placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    width: 327px;
    height: 68px;
    background: transparent;
    padding: 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: -80px;
    left: 32px;
}
.frontpage .blogger__block--placeholder .img__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.frontpage .blogger__block--placeholder .img__block .blogger__face {
    display: none;
}
.frontpage .blogger__block--placeholder .info__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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 7px;
}
.frontpage .blogger__block--placeholder .info__block .blogger__title {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    color: #fff;
    }
.frontpage .blogger__block--placeholder .info__block .blogger__info {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 110%;
    color: #fff;
}

.frontpage .hero__blogger--gallery {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.frontpage .hero__blogger--card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border: 1px solid #d7d1d1;
    padding: 17px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 20px;
    width: 24.25%;
    height: 137px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
}
.frontpage .blogger__card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
}

.frontpage .blogger__card__title {
    font-family: "Cera Pro", sans-serif;
    font-weight: 400;
    font-size: 82px;
    line-height: 80%;
    text-align: center;
    color: #000;
}
.frontpage .blogger__card__text {
    font-family: "Cera Pro", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 101%;
    text-align: center;
    color: #000;
}

/**************************************************************************/
/*** DEALERS MAP ***/

.frontpage .dealermap__section {
    padding: 24px 0 38px;
    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;
    /* max-height: 747px; */
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #f5f8fb;
}

.frontpage .dealermap__section,
.frontpage .dealermap__section .container,
.frontpage .dealermap__section .content,
.frontpage .dealermap__section .dealermap__section--wrapper {
    background-color: #f5f8fb;
}

.frontpage .dealermap__section .dealermap__section--wrapper {
    border: 1px solid #d7d1d1;
    border-radius: 20px;
    height: 677px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 17px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.frontpage .dealermap__section--title__wrapper {
    display: block;
    width: 35%;
    padding: 37px 23px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.frontpage .dealermap__section--block {
    width: 65%;
}

.frontpage .cta__subsection {
    width: 50%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.dealermap__section--subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 111%;
    color: #000;
}
.dealermap__section--title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 111%;
    color: #000;
}
.dealermap__section--text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 24px;
    width: 70%;
}

.dealermap__section--dealerform {
    margin-top: 13px;
}

.frontpage .dealermap__section--dealerform img {
    width: 100%;
    height: auto;
}

.dealermap {
    display: block;
    width: 100%;
    height: 636px;
    background: url('/wp-content/uploads/map.webp') center no-repeat;
    background-size: contain;
    position: relative;
    border-radius: 10px;
    aspect-ratio: 1.775/1;
}


.frontpage .point__label {
    /* position: relative;
    left: -45%;
    top: 5%; */
    display: none;
    opacity: 0;
    /* border: 0.65px solid #d9d9d9; */
    border-radius: 13px;
    width: 227px;
    height: auto;
    -webkit-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
    background: #f9f9f9;
    padding: 11px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    position: relative;
}

.point__label--flag {
    position: absolute;
    top: 155px;
    right: 19px;
	width: 37px;
	height: auto;
}

.frontpage .wave-pulse:hover+.point__label {
    display: block !important;
    opacity: 1;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    z-index: 200;
	cursor: pointer;
}

.frontpage .point.anctarctida .wave-pulse:hover+.point__label {
    display: block !important;
    opacity: 1;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    z-index: 200;
	top: -240px;
    position: absolute;
    left: 50px;
	cursor: pointer;
}

.frontpage .point__label--img {
    border-radius: 10px;
	width: 100%;
	height: auto;
}

.frontpage .point__label--logo {
    margin-top: 8px;
	width: 100%;
	height: auto;
}

.frontpage .point__label--title {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 124%;
    color: #000;
    margin-top: 11px;
}

.frontpage .point__label--textcontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 19px;
}

.frontpage .left__textcontent {
    text-align: left;
}

.frontpage .right__textcontent {
    text-align: right;
}

.frontpage .textcontent__title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 124%;
    color: #000;
}

.frontpage .left__textcontent .textcontent__primary {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 124%;
    text-align: left;
    color: #000;
    margin-top: 5px;
}

.frontpage .left__textcontent .textcontent__secondary {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 124%;
    text-align: left;
    color: #b4b4b4;
}

.frontpage .right__textcontent .textcontent__primary {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 124%;
    text-align: right;
    color: #000;
    margin-top: 5px;
}

.frontpage .right__textcontent .textcontent__secondary {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 124%;
    text-align: right;
    color: #b4b4b4;
}

.greenland {
    position: absolute;
    top: 100px;
    left: 430px;
}
.canada {
    position: absolute;
    top: 177px;
    left: 191px;
}
.usa {
    position: absolute;
    top: 210px;
    left: 273px;
}
.mexico {
    position: absolute;
    top: 254px;
    left: 233px;
}
.brasil {
    position: absolute;
    top: 465px;
    left: 361px;
}
.ural {
    position: absolute;
    top: 139px;
    left: 776px;
}
.siberia {
    position: absolute;
    top: 154px;
    left: 853px;
}
.mongolia {
    position: absolute;
    top: 202px;
    left: 776px;
}
.africa {
    position: absolute;
    top: 374px;
    left: 592px;
}
.australia {
    position: absolute;
    top: 453px;
    left: 922px;
}
.dealer-africa {
    position: absolute;
    top: 315px;
    left: 522px;
}
.dealer-russia {
    position: absolute;
    top: 138px;
    left: 703px;
}
.dealer-virmer {
    position: absolute;
    top: 189px;
    left: 555px;
}
.dealer-lasercut {
    position: absolute;
    top: 155px;
    left: 629px;
}
.headquarter {
    position: absolute;
    top: 250px;
    left: 825px;
}
.anctarctida {
    position: absolute;
    top: 553px;
    left: 629px;
}


	.frontpage .wave-pulse {
		  width: 32px;
		  height: 32px;
		  display: block;
	}
    .frontpage .wave-pulse .core {
      fill: #b3daff;
      -webkit-animation: circleOpacity 1s step-end infinite;
              animation: circleOpacity 1s step-end infinite;
    }
    .frontpage .wave-pulse .ring1 {
      stroke: rgba(179, 218, 255, 0.75);
      stroke-width: 1.75;
      fill: none;
      -webkit-animation: ring1Anim 1s step-end infinite;
              animation: ring1Anim 1s step-end infinite;
    }
    .frontpage .wave-pulse .ring2 {
      stroke: rgba(179, 218, 255, 0.49);
      stroke-width: 1.75;
      fill: none;
      -webkit-animation: ring2Anim 1s step-end infinite;
              animation: ring2Anim 1s step-end infinite;
    }
    .frontpage .wave-pulse .ring3 {
      stroke: rgba(179, 218, 255, 0.12);
      stroke-width: 1;
      fill: none;
      -webkit-animation: ring3Anim 1s step-end infinite;
              animation: ring3Anim 1s step-end infinite;
    }
    @-webkit-keyframes circleOpacity {
      0%, 24.9% { opacity: 1; }
      25%, 49.9% { opacity: 0.75; }
      50%, 74.9% { opacity: 0.5; }
      75%, 100% { opacity: 0.75; }
    }
    @keyframes circleOpacity {
      0%, 24.9% { opacity: 1; }
      25%, 49.9% { opacity: 0.75; }
      50%, 74.9% { opacity: 0.5; }
      75%, 100% { opacity: 0.75; }
    }
    @-webkit-keyframes ring1Anim {
      0%, 24.9% { opacity: 0; }
      25%, 99.9% { opacity: 1; }
      100% { opacity: 0; }
    }
    @keyframes ring1Anim {
      0%, 24.9% { opacity: 0; }
      25%, 99.9% { opacity: 1; }
      100% { opacity: 0; }
    }
    @-webkit-keyframes ring2Anim {
      0%, 49.9% { opacity: 0; }
      50%, 99.9% { opacity: 1; }
      100% { opacity: 0; }
    }
    @keyframes ring2Anim {
      0%, 49.9% { opacity: 0; }
      50%, 99.9% { opacity: 1; }
      100% { opacity: 0; }
    }
    @-webkit-keyframes ring3Anim {
      0%, 74.9% { opacity: 0; }
      75%, 99.9% { opacity: 1; }
      100% { opacity: 0; }
    }
    @keyframes ring3Anim {
      0%, 74.9% { opacity: 0; }
      75%, 99.9% { opacity: 1; }
      100% { opacity: 0; }
    }

/* .frontpage .wave-pulse { */
      /*      position: relative;
            width: 20px;
            height: 20px;
            background-color: #B3DAFF;
            border-radius: 50%;
            cursor: pointer;
        }

        .frontpage .wave-pulse::before,
        .frontpage .wave-pulse::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: inherit;
            border-radius: 50%;
            opacity: 0;
            transform: scale(1);
            animation: wave 5s infinite;
        }

        .frontpage .wave-pulse::before {
            animation-delay: 2s;
        }

        .frontpage .wave-pulse::after {
            animation-delay: 4s;
        }

        @keyframes pulse-core {
            0%, 29%, 90%, 100% {
                transform: scale(1);
                opacity: 1;
            }
            30%, 89% {
                transform: scale(0.8);
                opacity: 0.7;
            }
        }

        @keyframes wave {
            0% {
                transform: scale(1);
                opacity: 0.7;
            }
            10% {
                opacity: 0.6;
            }
            50% {
                opacity: 0;
                transform: scale(2.5);
            }
            100% {
                opacity: 0;
                transform: scale(3);
            }
        } */
.frontpage .dealer-africa .wave-pulse,
.frontpage .dealer-russia .wave-pulse {
            width:50px;
            height: 60px;
            background: url('/wp-content/uploads/basedealer.svg') center no-repeat;
            background-size: contain;
            -webkit-animation: none;
                    animation: none;
            aspect-ratio: 0.83/1;
}
.frontpage .dealer-virmer .wave-pulse {
            width:50px;
            height: 60px;
            background: url('/wp-content/uploads/virmerdealer.svg') center no-repeat;
            background-size: contain;
            -webkit-animation: none;
                    animation: none;
            aspect-ratio: 0.83/1;
}
.frontpage .dealer-lasercut .wave-pulse {
            width:50px;
            height: 60px;
            background: url('/wp-content/uploads/lasercutdealer.svg') center no-repeat;
            background-size: contain;
            -webkit-animation: none;
                    animation: none;
            aspect-ratio: 0.83/1;
}
.frontpage .headquarter .wave-pulse {
            width:50px;
            height: 60px;
            background: url('/wp-content/uploads/head.svg') center no-repeat;
            background-size: contain;
            -webkit-animation: none;
                    animation: none;
            aspect-ratio: 0.83/1;
}
.frontpage .anctarctida .wave-pulse {
            width:50px;
            height: 60px;
            background: url('/wp-content/uploads/flag.svg') center no-repeat;
            background-size: contain;
            -webkit-animation: none;
                    animation: none;
            aspect-ratio: 0.83/1;
}

.frontpage .no-pulse-point .wave-pulse .core,
.frontpage .no-pulse-point .wave-pulse .ring1,
.frontpage .no-pulse-point .wave-pulse .ring2,
.frontpage .no-pulse-point .wave-pulse .ring3 {
	display: none !important;
}

.frontpage .wave-pulse-point {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.frontpage .no-pulse-point .wave-pulse-point {
	display: none !important;
}

.frontpage .point.no-card .point__label {
	display: none !important;
}



/* .frontpage .base-dealer .point__label--textcontent {
    display: none;
} */

.frontpage .headquarter .point__label--title,
.frontpage .anctarctida .point__label--title {
    color: #fff;
}
/* .frontpage .headquarter .point__label  {
    background: url('/wp-content/uploads/china-bg.png') center no-repeat;
    background-size: cover;
}
.frontpage .anctarctida .point__label {
    background: url('/wp-content/uploads/penguin-bg.png') center no-repeat;
    background-size: cover;
} */
.frontpage .point__redbg  {
    background: url('/wp-content/uploads/china-bg.png') center no-repeat;
    background-size: cover;
}
.frontpage .point__bluebg {
    background: url('/wp-content/uploads/penguin-bg.png') center no-repeat;
    background-size: cover;
}

.frontpage .dealermap__section--legend {
    margin-top: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
}

.frontpage .legend__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 25px;
}
.frontpage .legend__unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}

.frontpage .more__dealership--button {
    display: block;
    border-radius: 24px;
    padding: 7px 39px;
    width: auto;
    height: 41px;
    background: #e63c32;
    text-decoration: none;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.frontpage .more__dealership--button:hover {
    background: #af2b24;
}
.frontpage .more__dealership--button span {
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    text-align: center;
}

.frontpage .more__dealership--button span:after {
    content:'';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/wp-content/uploads/labs.svg') center no-repeat;
    background-size: cover;
    margin-left: 10px;
    vertical-align: bottom;
}

 /*leoman*/

 .frontpage .point.leoman .point__label {
    display: none;
    opacity: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding-bottom: 11px;
}

.frontpage .leoman .point__img--block {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.33%, #e63c32), to(#80211c));
    background: -o-linear-gradient(top, #e63c32 4.33%, #80211c 100%);
    background: linear-gradient(180deg, #e63c32 4.33%, #80211c 100%);
    border-radius: 16px;
    height: 190px;
    width: 100%;
    position: relative;
}
.frontpage .leoman .point__img--block img {
    position: absolute;
    top: -37px;
    left: 6%;
    width: 88%;
}

.frontpage .leoman .point__label .point__label--title {
    font-weight: 700;
    font-size: 20px;
    line-height: 124%;
    text-align: center;
}
.frontpage .leoman .point__label .textcontent__secondary {
    font-weight: 400;
    font-size: 13px;
    line-height: 124%;
    text-align: center;
}
.frontpage .leoman .point__label .textcontent__primary {
    font-weight: 400;
    font-size: 14px;
    line-height: 124%;
    text-align: center;
}
.frontpage .leoman .point__label img {
    margin: 0 auto;
}

.frontpage .leoman .point__label--flag {
    top: 160px;
    right: 16px;
}

/***********************************************************************/
/*** PEOPLE SECTION ***/

.frontpage .hero__people__section {
    display: block;
    padding: 107px 0 74px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.frontpage .hero__people--title__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
}

.frontpage .hero__peoples--title{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 90%;
    color: #000;
    width: 40%;
}

.frontpage .hero__peoples--subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 126%;
    text-align: right;
    color: #090909;
    width: 50%;
}

.frontpage .hero__people--catalogue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.frontpage .hero__people--card__wrapper {
	padding: 0 10px;
	overflow: hidden;
}

.frontpage .hero__people--card {
    display: block;
/*     width: 19.2%; */
	width: 100%;
    height: 496px;
/*     border-radius: 15px; */
    position: relative;
}

.frontpage .people__card__bg {
	 display: block;
	width: 100%;
	height: 100%;
	background: url('/wp-content/uploads/people-bg.png') center no-repeat;
    background-size: cover;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	border-radius: 16px;
}

.frontpage .hero__people--card:hover .people__card__bg {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    overflow: visible;
}

.frontpage .people__image--wrapper {
    height: 100%;
/*     position: absolute;
    bottom: 0; */
	position: relative;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}

.frontpage .people__card__image {
    width: auto;
    height: 100%;
/*     object-fit: cover; */
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}


.frontpage .hero__people--card:hover .people__image--wrapper {
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.frontpage .hero__people--card:hover .people__card__image  {
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.frontpage .people__wrapper__1 .people__image--wrapper {
	left: -20px;
    width: 106%;
	overflow: hidden;
}

.frontpage .people__wrapper__1 .people__card__image {
	left: -9px;
}

.frontpage .people__wrapper__3 .people__card__image {
	left: -20px;
}

.frontpage .people__wrapper__4 .people__card__image {
	left: -100px;
}

.frontpage .people__wrapper__5 .people__card__image {
	left: -40px;
}



.frontpage .people__wrapper__2 .people__image--wrapper,
.frontpage .people__wrapper__4 .people__image--wrapper {
	overflow: hidden;
}

.frontpage .people__card__content {
    position: absolute;
    top: 100%;
	left: 5%;
    display: block;
    border-radius: 15px;
    padding: 40px 20px;
    width: 90%;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    background-color: #f5f8fb;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
	z-index: -1;
}

.frontpage .hero__people--card:hover .people__card__content {
    top: 20%;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    z-index: 100;
}

.frontpage .people__card__title{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 90%;
    color: #000
}

.frontpage .people__card__text{
    margin-top: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #000
}

/**************************************************************************/
/*** PRODUCTION SECTIOM ***/

.frontpage .hero__production__section {
    display: block;
    padding: 74px 0 63px;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.frontpage .hero__production--title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 90%;
    color: #000;
}

.frontpage .hero__production--gallery__wrapper {
    display: block;
    margin-top: 27px;
    width: 100%;
    overflow-x: visible;
}


.frontpage .hero__production--gallery {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 16px;
    overflow-x: visible;
    padding-bottom: 20px;
    position: relative;

}
/* .frontpage .hero__production--gallery .slick-list {
    overflow-x: visible;
}
.frontpage .hero__production--gallery .slick-track {
    overflow-x: visible;
} */

.frontpage .hero__production--gallery {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 16px;
    overflow-x: visible;
    padding-bottom: 20px;
    position: relative;

}
.frontpage .production__card--title__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}

.frontpage .hero__production--card {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
/*     height: -webkit-fill-available; */
    margin-right: 16px;
    height: auto /*660px*/;
}

.frontpage .production__card--number {
    display: block;
    border-radius: 1000px;
    padding: 8px 16px;
    width: 50px;
    height: 37px;
    background: #e63c32;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #fffcfc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.frontpage .people__card__title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #000;
}

.frontpage .production__card__content {
    margin-top: 16px;
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
}

.frontpage .production__card__text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #000;
    width: 75%;
    margin-bottom: 3px;
}
/* .frontpage .production__card__text::first-letter {
    margin-left: 10px;
} */

.frontpage .production__card__image {
    margin-top: 32px;
    border-radius: 16px;
    width: 100%;
    height: auto;
}
/* 
.frontpage .hero__production--gallery .slick-track {
    outline: 2px dashed cornflowerblue;
} */
.frontpage .hero__production--gallery .slick-track::-webkit-scrollbar {
    display: block;
    height: 5px;
    width: 8px;
    background-color: #e63c32;


}
.frontpage .hero__production--gallery .slick-track::-webkit-scrollbar-thumb {
    display: block;
    height: 5px;
    width: 8px;
    background-color: #e63c32;
}

  /*скролбар в виде дотов*/

  .frontpage .hero__production--gallery {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0;
    }
    
    .frontpage .hero__production__section .slick-dots {
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    list-style: none;
    gap: 0;
    }

    .frontpage .hero__production__section .slick-dots li {
    width: 20%;
    height: 4px;
    background:  #d9d9d9;
    border-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
	position: relative;
    }

    .frontpage .hero__production__section .slick-dots li button {
    border-radius: 1000px;
    width: 50px;
    height: 25px;
    margin-top: -10px;
    background:  #d9d9d9;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2em;
    color: #ffffff00;
    border-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
    opacity: 0;
    z-index: 100;
    }

	.frontpage .hero__production__section .slick-dots li:nth-child(1) button {position: absolute; left: 0;}
	.frontpage .hero__production__section .slick-dots li:nth-child(2) button {position: absolute; left: 25%;}
	.frontpage .hero__production__section .slick-dots li:nth-child(3) button {position: absolute; left: 50%;}
	.frontpage .hero__production__section .slick-dots li:nth-child(4) button {position: absolute; left: 75%;}
	.frontpage .hero__production__section .slick-dots li:nth-child(5) button {position: absolute; right: 0;}

    .frontpage .hero__production__section .slick-dots li button:before {
        display: inline-block;
        content:'\2190';
        font-size: 19px;
        line-height: 1em;
        background-color: transparent;
        color: #fff;
        width: 20px;
        height: 25px;
        position: absolute;
        left: 3px;
        top: 0;
        z-index: 200;
        opacity: 0;
    }
    .frontpage .hero__production__section .slick-dots li button:after {
        display: inline-block;
        content:'\2192';
        font-size: 19px;
        line-height: 1em;
        background-color: transparent;
        color: #fff;
        width: 20px;
        height: 25px;
        position: absolute;
        right: 3px;
        top: 0;
        z-index: 200;
        opacity: 0;
    }
    .frontpage .hero__production__section .slick-dots li.slick-active button:before,
    .frontpage .hero__production__section .slick-dots li.slick-active button:after {
        opacity: 1;
    }

    .frontpage .hero__production__section .slick-dots li.slick-active button {
        background: #e63c32;
        opacity: 1;
    }



/* Стили для кастомного скроллбара */
.frontpage .hero__production__section .custom-scrollbar {
    width: 100%;
    margin-top: 15px; /* отступ от слайдера — при необходимости измените */
    position: relative;
    cursor: pointer;
}

.frontpage .hero__production__section .custom-scrollbar__track {
    background-color: #e0e0e0;
    height: 4px;
    border-radius: 4px;
    position: relative;
    width: 100%;
}

/* .frontpage .hero__production__section .custom-scrollbar__thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #ff3b30;
    border-radius: 50%;
    cursor: pointer;
    transform: translateX(-50%);
    transition: left 0.3s ease;
} */

.frontpage .hero__production__section .custom-scrollbar__thumb {
	position: absolute;
    top: 0;
    left: 0;
    border-radius: 1000px;
    width: 50px;
    height: 25px;
    margin-top: -10px;
    background:  #ff3b30;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2em;
    border-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
    z-index: 17;
	cursor: pointer;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
    }

    .frontpage .hero__production__section .custom-scrollbar__thumb:before {
        display: inline-block;
        content:'\2190';
        font-size: 19px;
        line-height: 1em;
        background-color: transparent;
        color: #fff;
        width: 20px;
        height: 25px;
        position: absolute;
        left: 3px;
        top: 1px;
        z-index: 18;
    }
    .frontpage .hero__production__section .custom-scrollbar__thumb:after {
        display: inline-block;
        content:'\2192';
        font-size: 19px;
        line-height: 1em;
        background-color: transparent;
        color: #fff;
        width: 20px;
        height: 25px;
        position: absolute;
        right: 3px;
        top: 1px;
        z-index: 18;
    }

	.frontpage .hero__production__section .slick-dots {
		display: none !important;
	}

/********************************************************************/
/*** COMPONENTS SECTION ***/

.frontpage .components__section {
    padding: 63px 0 73px;
}

.frontpage .components__section--title__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 43px;
}
.frontpage .components__section--title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 90%;
    color: #000;
}

.frontpage .components__section--subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 126%;
    text-align: left;
    color: #090909;
    margin-top: 25px;
    width: 70%;
}

.frontpage .components__section--button {
/*     display: block; */
	display: none;
    border-radius: 24px;
    padding: 7px 39px;
    width: 287px;
    height: 41px;
    background: #e63c32;
    text-decoration: none;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.frontpage .components__section--button:hover {
    background: #af2b24;
}
.frontpage .components__section--button span {
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    text-align: center;
}

.frontpage .components__section--button span:after {
    content:'';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/wp-content/uploads/labs.svg') center no-repeat;
    background-size: cover;
    margin-left: 10px;
    vertical-align: bottom;
}

.frontpage .components__section--title__wrapper {
    padding-bottom: 15px;
}

.frontpage .components__section--marquee {
    overflow: hidden;
    white-space: nowrap;
    padding: 45px 0;
	position: relative;
}

.frontpage .components__section--marquee:before {
    content: "";
    display: block;
    width: 250px;
    height: 150px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(256, 255, 255, 0)));
    background: -o-linear-gradient(left, #fff 0%, rgba(256, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #fff 0%, rgba(256, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 19;
}

.frontpage .components__section--marquee:after {
    content: "";
    display: block;
    width: 250px;
    height: 150px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	        transform: rotate(-180deg);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 19;
}

.frontpage .components__section--marquee .run-line__track {
	overflow: hidden;
}

.frontpage .components__section--marquee .run-line__content,
.frontpage .components__section--marquee .run-line__text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  	  white-space: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
	  will-change: transform;
    }

.frontpage .components__section--marquee .run-line__content.backrun {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

.frontpage .components__section--marquee .run-line__text {
    margin: 0;
    padding: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.frontpage .components__section--marquee .run-line__content .run-line__text img {
    margin-left: 56px;
	height: 50px;
	width: auto;
}

/* .frontpage .marquee-content-dual {
    height: 125px;
}

.frontpage .content-left {
    display: inline-block;
    animation: scroll-left-smooth 15s linear infinite;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.frontpage .content-right {
    display: inline-block;
    animation: scroll-right-smooth 15s linear infinite;
    display: flex;
    justify-content: space-between;
    gap: 75px;
}

@keyframes scroll-left-smooth {
    0% { transform: translateX(0); }
    100% { transform: translateX(-20%); } 
}
@keyframes scroll-right-smooth {
    0% { transform: translateX(-20%); }
    100% { transform: translateX(0); } 
*/

.frontpage .components__brand {
    opacity: 0.5;
}

.frontpage .components__brand:hover {
    opacity: 1;
}

/*************************************************************************/
/*** certificates section ***/

.frontpage .certificates__section {
    padding: 73px 0 105px;
}

.frontpage .certificates__section--title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 90%;
    color: #000;
    margin-bottom: 33px;
}

.frontpage .certificates__section--subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 126%;
    text-align: left;
    color: #090909;
    margin-top: 33px;
    width: 70%;
}

.frontpage .certificates__section--buttonsblock {
    position: relative;
    height: 40px;
}

.frontpage .certificates__section--button__red {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 18;
    display: block;
    border-radius: 922px;
    padding: 6px 48px 8px 46px;
    width: 198px;
    height: 40px;
    background: #ebebeb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    color: #000;
    border-width: 0;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    cursor: pointer;
}
.frontpage .certificates__section--button__red span {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: inherit;
}
.frontpage .certificates__section--button__grey {
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    cursor: pointer;
    border-width: 0;
    position: absolute;
    top: 0;
    z-index: 17;
    display: block;
    border-radius: 922px;
    padding: 6px 66px 8px 46px;
    /* width: 370px; */
    width: 198px;
    height: 40px;
    background: #ebebeb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    text-align: right;
    color: #000;
}
.frontpage .certificates__section--button__grey span {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-align: right;
    color: inherit;
}

.frontpage .certificates__section .but__testing {
    left: 160px;
}
.frontpage .certificates__section .but__patents {
    left: 320px;
}
.frontpage .certificates__section--gallery__cont {
    position: relative;
    height: 579px;
}


.frontpage .certificates__section--gallery {
    margin-top: 39px;
    border-radius: 24px;
    width: -webkit-fill-available;
    height: 579px;
    background: #f5f8fb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    overflow:hidden;
    padding: 0 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.frontpage .cert__gal {
    z-index: 18;
}

.frontpage .pat__gal {
    z-index: 18;
}

.frontpage .test__gal {
    z-index: 17;
    opacity: 1;
}

.frontpage .certificates__section--gallery .slick-list {
    width: -webkit-fill-available;
}

/* .frontpage .certificates__section--gallery::-webkit-scrollbar {
    background-color: red;
} */

.frontpage .certificate__card {
    display: block;
    /* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); */
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    width: 18%;
    padding: 40px 20px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.frontpage .certificate__link {
    display: block;
    text-decoration: none;
    position: relative;
}

.frontpage .certificate__plate {
    display: block;
    width: 179px;
    height: 43px;
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #e63c32;
    text-decoration: none;
    border-radius: 5px;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 15%;
    /* right: 10%; */
    z-index: -1;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    opacity: 0;
}

.frontpage .certificate__plate:before {
    display: inline-block;
    content: '';
    width: 32px;
    height: 34px;
    background: url('/wp-content/uploads/lupa.svg') center left no-repeat;
    border-right: 1px solid rgba(114, 2, 2, 0.5);
    margin-right: 24px;
    vertical-align: middle;
}

.frontpage .certificate__card img {
    -webkit-filter: blur(0);
            filter: blur(0);
    width: 100%;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}
.frontpage .certificate__card:hover img {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}

.frontpage .certificate__card:hover .certificate__plate {
    z-index: 200;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
    opacity: 1;
}

.frontpage .certificate__card:hover {
    -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
            transform: translateY(-25px);
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}

.not-visible {
    /* display: none !important; */
    z-index: 100 !important;
    opacity: 0 !important;
}

.but-active {
    color: #fff !important;
    background: #e63c32 !important;
    z-index: 19 !important;
    -webkit-transition: 750ms;
    -o-transition: 750ms;
    transition: 750ms;
}

/********************************************************************/
/*** SERVICE AND SUPPORT SECTION ***/

.frontpage .support__section {
    padding: 105px 0 132px;
}

.frontpage .support__section--title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 90%;
    color: #000;
    margin-bottom: 33px;
}

.frontpage .support__section--slider {
    height: 640px;
	background-repeat: no-repeat !important;
	background-position: center left !important;
    background-size: contain !important;
    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;
    position: relative;
    gap: 40px;
    /* overflow-x: scroll; */
}

.frontpage .support__section .content {
    position: relative;
}

.frontpage .support__section--slider .slider__cardblock {
    position: absolute;
    top: 72px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 800px;
    gap: 40px;
    overflow-x: clip;
}

.frontpage .slider__arrows {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    margin-top: 71px;
}

.frontpage .typical__arrow {
    display: block;
    border: 2px solid #000;
    border-radius: 8px;
    padding: 12px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

.frontpage .support__card {
    display: block;
    color: #000;
    padding: 40px 40px;
    background:  #f5f8fb;
    border-radius: 16px;
    width: 380px !important;
    height: 500px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 20px;
}

.frontpage .support__card--logo {
    display: block;
    width: 24px;
    height: 24px;
}
.frontpage .support__card--title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #000;
    margin-top: 40px;
    letter-spacing: -0.75px;
}

.frontpage .support__card--list {
    margin-top: 16px;
    margin-left: 30px;
}

.frontpage .support__card--list li {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #000;
}

/*************************************************************************/
/*** CTA Section ***/

.frontpage .cta__section {
    padding: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    max-height: 830px;
    height: auto;
    overflow: hidden;
}

.frontpage .cta__subsection {
    width: 50%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    aspect-ratio: 1/1.28;
}


.frontpage .cta__slider--wrapper {
    position: relative;
}

.frontpage .cta__slider {
    position: relative;
    height: 100%;
}

.frontpage .cta__slider__arrows {
    position: absolute;
    width: 100%;
    top: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 82px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 200;
}
.frontpage .cta__slider__arrows .typical__arrow {
    background-color: #fff;
    font-weight: 900;
    border-width: 0;
}

.frontpage .cta__slider--card {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.frontpage .cta__card--image {
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    left: 0;
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}

.frontpage .cta__card--textblock {
    position: absolute;
    bottom: 40px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.frontpage .cta__blogger {
    display: block;
    border-radius: 1000px;
    padding: 7px 16px 9px;
    width: auto;
    height: auto;
    background: #e63c32;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.frontpage .cta__cnc {
    display: block;
    border-radius: 1000px;
    padding: 7px 16px 9px;
    width: auto;
    height: auto;
    color: #e63c32;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.frontpage .cta__cf--wrapper {
    display: block;
    padding: 40px;
    background: #e63c32;
}

.frontpage .cta__cf--title {
    font-family: "Roboto", sans-serif;
    font-weight: 800;
    font-size: 40px;
    line-height: 120%;
    color: #fff;
}

.frontpage .cta__cf--form {
    margin-top: 7.5% /*95px*/;
    width: 100%;
    height: auto;
}

.frontpage .cta__cf--form img {
    width: 100%;
    height: auto;
}


@media only screen and (max-width: 1760px) {
    .frontpage .container {
        padding: 0 50px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    /*** START BLOGGER SECTION  1760 ***/
    .frontpage .hero__blogger--slider {  
        width: 61.75%;
        max-height: 462px;
        aspect-ratio: 2.36/1;
        height: auto;
    }
    
        
    .frontpage .hero__blogger--slider__wrapper {
        gap: 5%;
        aspect-ratio: 2.36/1;
    }
  
    .frontpage .hero__blogger--title__textblock {
        max-height: 337px;
        aspect-ratio: 2.015/1;
        height: auto;
    }
	
	.frontpage .hero__blogger--subtitle {
       margin-top: 5px;
    }
  
    .frontpage .txt {
        font-size: 16px;
    }
	
	.frontpage .running__list:before {
		width: 150px;
		height: 28px;
	}

	.frontpage .running__list:after {
		width: 150px;
		height: 28px;
	}

  
    .frontpage .hero__blogger--slider__wrapper {
        padding: 7px;
    }
  
    .frontpage .cnc__block {
        gap: 4px;
    }
  
  
    .frontpage .cnc__block--title a {
        font-size: 20px;
    }
    .frontpage .cnc__block--title a:after {
        width: 18px;
        height: 18px;
    }
    .frontpage .cnc__block--text {
        font-size: 14px;
    }
    .frontpage .blogger__block--title {
        font-size: 20px;
        font-weight: 700;
    }
    .frontpage .blogger__block--text {
        font-size: 14px;
    }
    .frontpage .blogger__block--image {
        width: 100%;
    }
  
  
    .frontpage .blogger__block--placeholder .info__block  .blogger__title {
        font-size: 14px;
    }
    .frontpage .blogger__block--placeholder .info__block  .blogger__info {
        font-size: 12px;
    }
  
    .frontpage .blogger__block--placeholder .info__block {
        gap: 2px;
    }
  
    .frontpage .blogger__block--placeholder .img__block .blogger__flag {
        width: 18px;
        height: 18px;
    }
    
    .frontpage .blogger__block--placeholder .img__block .blogger__face {
        width: 18px;
        height: 18px;
        margin-left: -7px;
    }
  
    .frontpage .hero__blogger--slider .slick-prev {
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        padding: 0 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
  
    .frontpage .hero__blogger--slider .slick-next {
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        padding: 0 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
	
	.frontpage .hero__blogger--slider .slick-prev:after {
		width: 12px;
		height: 12px;
		margin-top: -18px;
		margin-left: 2px;
	}
	.frontpage .hero__blogger--slider .slick-next:after {
		width: 12px;
		height: 12px;
		margin-top: -18px;
		margin-left: 2px;
	}

    .frontpage .blogger__card__title {
        font-size: 33px;
    }
    .frontpage .people__card__text {
        font-size: 12px;
    }
    .frontpage .hero__blogger--card {
        height: 56px;
        padding: 6px 8px;
        border-radius: 8px;
        width: 22%;
    }
    /*** END BLOGGER SECTION  1760 ***/
  
    /*** START MAPS SECTION  1760 ***/
    .frontpage .dealermap__section .dealermap__section--wrapper {
      height: auto;
  }
  
  .frontpage .dealermap__section--title__wrapper {
      padding: 20px 18px;
      aspect-ratio: 1.775/1;
  }
  
  .dealermap__section--subtitle {
      font-size: 16px;
  }
  .dealermap__section--title {
      font-size: 32px;
  }
  .dealermap__section--text {
      font-size: 16px;
      margin-top: 16px;
  }
  
  .dealermap {
      height: auto;
      aspect-ratio: 1.775/1;
  }
  .greenland {
      top: 15.7%;
      left: 38.4%;
  }
  .canada {
      top: 27.83%;
      left: 17.05%;
  }
  .usa {
      top: 33.02%;
      left: 24.38%;
  }
  .mexico {
      top: 39.94%;
      left: 20.8%;
  }
  .brasil {
      top: 73.11%;
      left: 32.23%;
  }
  .ural {
      top: 21.86%;
      left: 69.29%;
  }
  .siberia {
      top: 24.21%;
      left: 76.16%;
  }
  .mongolia {
      top: 31.76%;
      left: 69.29%;
  }
  .africa {
      top: 58.81%;
      left: 52.86%;
  }
  .australia {
      top: 71.23%;
      left: 82.32%;
  }
  .dealer-africa {
      top: 49.53%;
      left: 46.61%;
  }
  .dealer-russia {
      top: 21.7%;
      left: 62.77%;
  }
  .dealer-virmer {
      top: 29.72%;
      left: 49.55%;
  }
  .dealer-lasercut {
      top: 24.37%;
      left: 56.16%;
  }
  .headquarter {
      top: 39.31%;
      left: 73.66%;
  }
  .anctarctida {
      top: 86.96%;
      left: 56.16%;
  }
  .frontpage .dealer-africa .wave-pulse,
  .frontpage .dealer-russia .wave-pulse,
  .frontpage .dealer-virmer .wave-pulse,
  .frontpage .dealer-lasercut .wave-pulse,
  .frontpage .headquarter .wave-pulse,
  .frontpage .anctarctida .wave-pulse {
      width: 30px;
      height: auto;
  }
  .frontpage .wave-pulse {
      width: 10px;
      height: 10px;
  }
  .frontpage .more__dealership--button span {
      font-size: 16px;
  }
  .frontpage .more__dealership--button span:after {
      width: 20px;
      height: 20px;
  }
    /*** END MAPS SECTION  1760 ***/
  
    /*** START PEOPLE SECTION  1760 ***/
    .frontpage .people__card__title{
      font-size: 20px;
    }
    .frontpage .people__card__text{
        margin-top: 8px;
        font-size: 18px;
    }
	.frontpage .hero__people__section .hero__people--catalogue .slick-list {
		padding: 0 0 !important;
	}
    /*** END PEOPLE SECTION  1760 ***/
    
    /*** START PRODUCTIONS SECTION  1760 ***/
    /**** none here ***/
    /*** END PRODUCTIONS SECTION  1760 ***/
    
    /*** START COMPONENTS SECTION  1760 ***/
    /**** none here ***/
    /*** END COMPONENTS SECTION  1760 ***/
    
    /*** START CERTIFICATES SECTION  1760 ***/
    .frontpage .certificates__section--gallery {
      height: auto;
    }
    /*** END CERTIFICATES SECTION  1760 ***/
    
    /*** START SUPPORT SECTION  1760 ***/
    /**** none here ***/
    /*** END SUPPORT SECTION  1760 ***/
    
    /*** START CTA SECTION  1760 ***/
    .frontpage .cta__section {
        max-height: none;
    }

	.frontpage .cta__section .slick-list,
	.frontpage .cta__section .slick-track,
	.frontpage .cta__section .slick-slide,
	.frontpage .cta__section .slick-slide img {
			height: 100%;
		}
    /*** END CTA SECTION  1760 ***/
    
  
  
  }

  
@media only screen and (max-width: 1200px) {
	
	/*** START SWIPER SLIDERS 1200 ***/

	.frontpage .hero__banner__section .hero__banner__slider .swiper-button-prev {
		padding: 6px;
		width: 24px;
		height: 24px;
		left: 11px;
	}

	.frontpage .hero__banner__section .hero__banner__slider .swiper-button-prev:after {
		width: 12px;
		height: 12px;
	}

	.frontpage .hero__banner__section .hero__banner__slider .swiper-button-next {
		padding: 6px;
		width: 24px;
		height: 24px;
		right: 11px;
	}

	.frontpage .hero__banner__section .hero__banner__slider .swiper-button-next:after {
		width: 12px;
		height: 12px;
	}

	/*** END SWIPER SLIDERS  1200 ***/
    
    .frontpage .container {
        padding: 0 32px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    /*** START BANNERS SECTION  1200 ***/
	
	.frontpage .hero__blogger--slider .slick-prev {
        top: 10px;
		left: 44%;
    }
  
    .frontpage .hero__blogger--slider .slick-next {
        top: 10px;
		right: 4%;
    }

    .frontpage .hero__banner__section {
        padding-top: 65px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .frontpage .hero__products__section {
        margin-top: -49px;
    }
	
	 .frontpage .hero__products__section .hero__products--title__wrapper {
        position: static;
    }

    .frontpage .hero__banner--offers,
    .frontpage .hero__banner--products {
        height: 266px;
    }

    .frontpage .hero__products--title {
        font-size: 22px;
        font-weight: 700;
    }
	
	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__title {
		font-size: 36px;
		margin: 5px 0 5px 10px;
	}


	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__announcement {
		margin-top: 10px;
	}

	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__announcement,
	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text {
		font-size: 16px;
		margin-left: 10px;
	}
	
	
	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text__exibition {
		font-size: 14px;
		margin-left: 10px;
	}

	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text__label {
		padding: 3px 10px;
		border-radius: 18px;
		font-size: 14px;
	}
	
	.frontpage .hero__banner--products__slider .slick-arrow {
		padding: 6px;
		width: 24px;
		height: 24px;
	}

	.frontpage .hero__banner--products__slider .slick-prev {
		bottom: 12px;
		left: 12px;
	}

	.frontpage .hero__banner--products__slider .slick-next {
		bottom: 12px;
		right: 22px;
	}


	.frontpage .hero__banner--products__slider .slick-prev:after {
		width: 12px;
		height: 12px;
		margin-top: -21px;
		margin-left: 0;
	}

	.frontpage .hero__banner--products__slider .slick-next:after {
		width: 12px;
		height: 12px;
		margin-top: -21px;
		margin-left: 0;
	}

    .frontpage .hero__products--catalogue {
        padding: 13px 0 35px;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }

    .frontpage .hero__products--catalogue  .hero__products--card {
        margin-right: 20px;
        width: 136px !important;
    }
    .frontpage .hero__products--card .card__title {
        font-size: 12px;
    }

    .frontpage .hero__products--card .card__image--wrapper:before {
        font-size: 16px;
    }
	
	.frontpage .chevron__block {
		margin-top: -10px;
	}
	
	

    /*** END BANNERS SECTION  1200 ***/

    /*** START BLOGGERS SECTION  1200 ***/
		.frontpage .hero__blogger--title__wrapper {
			width: 35.875%;
		}
	
	.frontpage .hero__blogger--title__textblock {
		padding-top: 12px;
	}
	
	    .frontpage .hero__blogger--title {
        height: 48px;
			
		}
		.frontpage .hero__blogger--subtitle {
			font-size: 16px;
			margin-top: 5px;
		}
	
		.frontpage .running__list {
			margin-top: 10px;
		}
	
		.frontpage .txt {
			font-size: 16px;
		}
	
		.frontpage .blogger__block--video__wrapper {
			top: -80px;
		}
		.frontpage .blogger__block--content {
			top: -75px;
		}
	
		.frontpage .cnc__block,
		.frontpage .blogger__block {
			padding: 8px;
		}
	
		.frontpage .blogger__block:after {
			width: 23px;
			height: 14px;
			bottom: 6px;
			right: 6px;
		}
	
		.frontpage .interbox {
			width: 8px;
			height: 60px;
		}
	
		.frontpage .interbox:before {
				width: 8px;
				height: 8px;
				top: -4px
		}
		.frontpage .interbox:after {
				width: 8px;
				height: 8px;
				bottom: -48px;
				
		}
	
		 .frontpage .cnc__block--title a {
			font-size: 16px;
		}
		.frontpage .cnc__block--title a:after {
			width: 16px;
			height: 16px;
		}
		.frontpage .cnc__block--text {
			font-size: 12px;
		}
		.frontpage .blogger__block--title {
			font-size: 14px;
		}
		.frontpage .blogger__block--text {
			font-size: 12px;
		}

    /*** END BLOGGERS SECTION  1200 ***/

    /*** START MAPS SECTION  1200 ***/
    .frontpage .dealermap__section--title {
        font-size: 24px;
    }
	
	.frontpage .dealermap__section--title__wrapper {
		padding: 0px 18px;
	}
	
	 .dealermap__section--text {
        font-size: 12px;
        margin-top: 12px;
    }
    /*** END MAPS SECTION  1200 ***/

    /*** START PEOPLE SECTION  1200 ***/
	.frontpage .hero__people--title__wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-bottom: 20px;
		flex-direction: column;
		gap: 20px;
	}
	
	
    .frontpage .hero__peoples--title {
        font-size: 24px;
    }
    .frontpage .hero__peoples--subtitle {
        font-size: 14px;
		text-align: left;
    }
    .frontpage .people__card__title{
        font-size: 16px;
    }
    .frontpage .people__card__text{
        font-size: 14px;
    }

	.frontpage .hero__people--card__wrapper{

/*         width: 19.2% !important; */
        height: 275px !important;
		width: 208px !important;
/*         aspect-ratio: 1/1.64; */
        /*margin-right: 6px; */
    }
	
	.frontpage .hero__people--card {
		width: 188px !important;
		height: 275px !important;
	}
	
	.frontpage .hero__people__section .hero__people--catalogue .slick-arrow {
		top: -55px;
		bottom: auto;
		right: 0;
		left: auto;
		width: 25px;
		height: 25px;
		padding: 0;
		font-size: 12px;
	}
	

	
	.frontpage .hero__people__section .hero__people--catalogue .slick-arrow.slick-prev {
		right: 35px;
	}
	
	.frontpage .people__wrapper__1 .people__card__image {
		left: -2px;
	}

	.frontpage .people__wrapper__3 .people__card__image {
		left: -5px;
	}

	.frontpage .people__wrapper__4 .people__card__image {
		left: -40px;
	}

	.frontpage .people__wrapper__5 .people__card__image {
		left: -15px;
	}

    /*** END PEOPLE SECTION  1200 ***/
    
    /*** START PRODUCTION SECTION  1200 ***/
    .frontpage .hero__production__section {
        padding: 60px 0 30px;
    }
    .frontpage .hero__production--title {
        font-size: 24px;
    }
    .frontpage .people__card__title {
        font-size: 20px;
    }

    .frontpage .production__card__text {
        font-size: 14px;
        width: 100%;
    }
    .frontpage .hero__production--card {
        height: 570px;
    }
    /*** END PRODUCTION SECTION  1200 ***/
    
    /*** START COMPONENTS SECTION  1200 ***/
    .frontpage .components__section--title__wrapper {
        position: relative;
    }
    
    .frontpage .components__section--title {
        font-size: 20px;
    }
    
    .frontpage .components__section--subtitle {
        font-size: 14px;
    }
    .frontpage .components__section--button {
        padding: 2px 15px;
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        bottom: -205%;
    }
    .frontpage .components__section--button span {
        font-size: 14px;
    }
    .frontpage .components__section--button span:after {
        width: 14px;
        height: 14px;
        margin-left: 10px;
        vertical-align: text-bottom;
    }

    .frontpage .components__section--marquee {
        padding: 15px 0;
    }

    .frontpage .marquee-content-dual {
        height: auto;
    }
	
	.frontpage .components__section--marquee:before {
		width: 150px;
		height: 185px;
	}

	.frontpage  .components__section--marquee:after {
		width: 150px;
		height: 185px;
	}

    .frontpage .components__brand {
        height: 40px;
        width: auto;
        opacity: 0.5;
    }
    /*** END COMPONENTS SECTION  1200 ***/
    
    /*** START CERTIFICATES SECTION  1200 ***/
    .frontpage .certificates__section {
        display: block;
        padding: 49px 0 32px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .frontpage .certificates__section--title {
        font-size: 20px;
        width: 100%;
        margin-bottom: 11px;
    }
    .frontpage .certificates__section--subtitle {
        font-size: 13px;
        width: 100%;
        text-align: left;
        margin-top: 11px;
    }

    .frontpage .certificates__section--gallery {
        height: auto;
        padding: 0 6px;
    }

    .frontpage .certificate__card {
        padding: 30px 6px 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #f5f8fb;
    }
    .frontpage .certificates__section--button__red {
        padding: 3px 0;
        width: 115px;
        height: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .frontpage .certificates__section--button__red span {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        text-align: center;
        color: inherit;
    }
    .frontpage .certificates__section--button__grey {
        padding: 3px 0;
        width: 105px;
        height: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center;
    }
    .frontpage .certificates__section--button__grey span {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        text-align: right;
        color: inherit;
    }
    
    .frontpage .certificates__section .but__testing {
        left: 100px;
    }
    .frontpage .certificates__section .but__patents {
        left: 190px;
    }
    .frontpage .certificates__section--gallery__cont {
        position: relative;
        height: 379px /*579px*/;
    }
    /*** END CERTIFICATES SECTION  1200 ***/
    
    /*** START SUPPORT SECTION  1200 ***/
	
	.frontpage .support__section {
    	padding: 65px 0 63px;
	}
	
	.frontpage .support__section--slider {
		height: 540px;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		background-size: 75% !important;
	}
	
	.frontpage .slider__cardblock {
		width: 45% !important;
		padding-top: 25px;
	}
	
	.frontpage .slider__cardblock .slick-prev {
			left: auto;
			right: 65px;
		}
	
    .frontpage .support__section--title {
        font-size: 24px;
    }
    .frontpage .support__card--title {
        font-size: 14px;
    }

    .frontpage .support__card--list li {
        font-size: 16px;
    }
    
    .frontpage .support__card {
        height: auto !important;
		padding: 21px 21px;
		width: 250px !important;
    }
	
	
    /*** END SUPPORT SECTION  1200 ***/
    
    /*** START CTA SECTION  1200 ***/
    .frontpage .cta__blogger {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .frontpage .cta__cnc {
        font-size: 14px;
    }
    .frontpage .cta__cf--title {
        font-size: 22px;
    }    
    .frontpage .cta__subsection  {
        aspect-ratio: 1/1.28;
    }

    .frontpage .cta__slider--card  {
        aspect-ratio: 1/1.28;
    }
    /*** END CTA SECTION  1200 ***/
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
/*     .frontpage .hero__people--catalogue .slick-track {
        width: 100% !important;
        overflow: visible;
    } */
    .frontpage .hero__people--catalogue .slick-list {
        padding: 0 0 !important;
        overflow: visible;
    }
}

@media only screen and (max-width: 989px) {
    /*** START BLOGGERS SECTION  989 ***/
    .frontpage .hero__blogger--slider {  
        width: 60%;
    }
      /*** END BLOGGERS SECTION  989 ***/
  
      /*** START MAPS SECTION  989 ***/
      .frontpage .dealermap__section {
        padding: 0 0;
        padding-bottom: 16px;
    }
      .frontpage .dealermap__section .content {
        position: relative;
    }
	
	.frontpage .dealermap__section--title__wrapper {
        aspect-ratio: auto;
    }
  
   .frontpage .dealermap__section .dealermap__section--wrapper {
        margin-top: 16px;
        border: none;
        border-radius: none;
        height: auto;
        -webkit-box-shadow: none;
                box-shadow: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 88px;
        padding: 0 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #f5f8fb;
	   
    }
  
    .frontpage .dealermap__section--title__wrapper,
    .frontpage .dealermap__section--block {
        width: 100%;
    }
  
    .frontpage .dealermap__section--title__wrapper {
        width: 100%;
        margin: 0 auto;
        border-radius: 15px;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
        background: #fff;
		padding: 26px 12px 20px;
    }
    
    .frontpage .dealermap__section--block {
        background: url('/wp-content/uploads/planet-mobile.svg') top center no-repeat #f5f8fb;
        background-size: 90% 100%;
        height: 391px;
    }
  
    .frontpage .dealermap {
        background: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 0;
        height: auto;
		position: relative;
    }
    
	.frontpage .dealermap .slick-prev {
        position: absolute;
		top: 45%;
		left: 0;
		border-width: 0;
    }
	
	.frontpage .dealermap .slick-next{
        position: absolute;
		top: 45%;
		right: 0;
		border-width: 0;
    }
	
    .frontpage .dealermap .slick-track {
        height: 391px;
    }
    
    .frontpage .dealermap .point {
        position: static !important;
        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;
        
    }
	
	.frontpage .dealermap .point.no-card {
		display: none !important;
	}
    
    .frontpage .dealermap__section--subtitle,
    .frontpage .legend__gallery,
    .frontpage .dealermap .point .wave-pulse {
        display: none;
    }
    .frontpage .dealermap .point .point__label {
        display: block !important;
        opacity: 1 !important;
        padding-bottom: 26px;
    }
  
    .frontpage .dealermap__section--dealerform {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
  
    .frontpage .dealermap__section--legend {
        margin-top: 21px;
        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;
        /* gap: 32px; */
        position: absolute;
        top: 395px;
        width: 100%;
    }
  
    .dealermap__section--title {
        font-size: 33px;
    }
    .dealermap__section--text {
        font-size: 15px;
        width: 100%;
    }
  
    .frontpage .dealermap__section--dealerform img {
        width: 100%;
    }
  
    .frontpage .headquarter .point__label {
        background-size: 110%;
    }
  
    /*leoman*/
  
    .frontpage .point.leoman .point__label {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        opacity: 1;
    }
	
	.frontpage .point.leoman .chevron__block {
	  margin-top: 10px;
      padding-bottom: 0;
    }
  
      /*** END MAPS SECTION  989 ***/
  
      /*** START PEOPLE SECTION  989 ***/
      .frontpage .hero__people__section {
        display: block;
        padding: 44px 0 85px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    
      /*** END PEOPLE SECTION  989 ***/
      
      /*** START PRODUCTION SECTION  989 ***/
      /*** nothing***/
      /*** END PRODUCTION SECTION  989 ***/
      
      /*** START COMPONENTS SECTION  989 ***/
      /*** nothing***/
      /*** END COMPONENTS SECTION  989 ***/
      
      /*** START CERTIFICATES SECTION  989 ***/
      	.frontpage .cert__gal .slick-prev,
		.frontpage .test__gal .slick-prev {
			width: 26px;
			height: 26px;
			padding: 5px;
			line-height: 12px;
			font-size: 12px;
		}

		.frontpage .cert__gal .slick-next,
		.frontpage .test__gal .slick-next {
			width: 26px;
			height: 26px;
			padding: 5px;
			line-height: 12px;
			font-size: 12px;
		}
      /*** END CERTIFICATES SECTION  989 ***/
      
      /*** START SUPPORT SECTION  989 ***/
		.frontpage .support__card {
			height: auto !important;
			padding: 21px 21px;
			width: 185px !important;
		}
	
		.frontpage .support__card--title {
			margin-top: 20px;
		}
		.frontpage .support__card--list {
			margin-left: 5px;
		}
		.frontpage .support__card--list li {
			font-size: 14px;
		}
	
		.frontpage .slider__cardblock .slick-prev {
			width: 26px;
			height: 26px;
			padding: 5px 5px;
			line-height: 12px;
			font-size: 12px;
			top: -20%;
			right: 45px;
		}

		.frontpage .slider__cardblock .slick-next {
			width: 26px;
			height: 26px;
			padding: 5px 5px;
			line-height: 12px;
			font-size: 12px;
			top: -20%;
		}
	
      /*** END SUPPORT SECTION  989 ***/
      
      /*** START CTA SECTION  989 ***/
	.frontpage .cta__section {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.frontpage .cta__section .cta__subsection {
		width: 100%;
		aspect-ratio: auto;
	}
	.frontpage .cta__slider--card {
		aspect-ratio: auto;
	}
      /*** END CTA SECTION  989 ***/
  }

  @media only screen and (max-width: 767px) {
	  
	  	/*** START SWIPER SLIDERS  767 ***/
	  .frontpage .hero__banner__section .hero__banner--offers {
		  padding: 0 0;
	  }

	.frontpage .hero__banner__section .hero__banner__slider .swiper-button-prev,
	.frontpage .hero__banner__section .hero__banner__slider .swiper-button-next {
		display: none;
	}
	  
	 .frontpage .hero__banner__section .hero__banner--offers__wrapper {
		-webkit-box-shadow: none;
		        box-shadow: none;
		padding: 0 0;
	} 
	  
	.hero__banner__section .hero__banner--offers .swiper-slide {
    	padding-right: 0;
	}

	/*** END SWIPER SLIDERS  767 ***/

    .frontpage .container {
        padding: 0 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    /*** START BANNERS SECTION  767 ***/

    .frontpage .hero__banner__section {
        padding-top: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .frontpage .hero__banner__section .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-bottom: 30px;
    }

    .frontpage .hero__banner--offers,
    .frontpage .hero__banner--products,
    .frontpage .hero__products__section {
        width: 100%;
    }

    /* .frontpage .hero__banner--offers, */
    /* .frontpage .hero__banner--offers__wrapper,
    .frontpage .hero__banner--offers__wrapper .slick-list,
    .frontpage .hero__banner--offers__wrapper .slick-track,
    .frontpage .hero__banner--offers__wrapper .slick-slide, */
    /* .frontpage .hero__banner--offers__wrapper img  */
    
    .frontpage .hero__banner--offers {
        height: auto;
    }

    
    .frontpage .hero__banner--products {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        height: auto;
		-webkit-box-shadow: none;
		        box-shadow: none;
    }
    
    
        .frontpage .hero__banner--products__slider {
            overflow: visible;
        }
	    .frontpage .hero__banner--products__slider .slick-track {
            gap: 1px;
        }
        .frontpage .hero__banner--products__slider .slick-dots {
        bottom: -20px;
        position: absolute;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 15px;
        z-index: 1000;
    }

    .frontpage .hero__banner--products__slider .slick-dots li {
        color: transparent;
    }

    .frontpage .hero__banner--products__slider .slick-dots li.slick-active button {
        background-color: #000;
    }
    .frontpage .hero__banner--products__slider .slick-dots li button {
        width: 10px;
        height: 10px;
        display: block;
        background-color: rgba(201, 201, 201, 0.78);
        color: transparent;
        border-radius: 100%;
        border-width: 0;
        cursor: pointer;
    }

    .frontpage .hero__banner--products__slide {
        border-radius: 16px;
    }

    .frontpage .hero__products__section {
        margin-top: 0;
    }

	  .frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__title {
		font-size: 32px;
		margin: 5px 0 5px 15px;
	}


	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__announcement {
		margin-top: 20px;
	}

	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__announcement,
	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text {
		font-size: 19px;
		margin-left: 15px;
	}

	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text__label {
		padding: 3px 10px;
		border-radius: 18px;
		font-size: 14px;
	}
	  
	 
	.frontpage .hero__banner--products__slide__wrapper a .hero__banner--slide__textcontent .hero__banner--slide__text__exibition {
		font-size: 16px;
		margin-left: 15px;
	}
	  
    .frontpage .hero__products--title {
        font-size: 24px;
        font-weight: 700;
    }

    .frontpage .hero__products--title:before,
    .frontpage .hero__products--title:after,
    .frontpage .hero__products--title .left__angle,
    .frontpage .hero__products--title .right__angle {
        display: none !important;
    }

    .frontpage .hero__products--catalogue {
        padding: 13px 0 35px;
    }

    .frontpage .hero__products--catalogue  .hero__products--card {
        margin-right: 20px;
        width: 136px !important;
    }
    .frontpage .hero__products--card .card__title {
        font-size: 14px !important;
    }

    .frontpage .hero__products--card .card__image--wrapper:before {
        font-size: 14px;
    }

    .frontpage .hero__products--title {
        padding-top: 24px;
    }
	  
	 .frontpage .hero__products__section .chevron__block {
	  margin-top: -10px;
      padding-bottom: 10px;
    }
	  
	  .frontpage .chevron__block {
		  display: none;
	  }


        /*** END BANNERS SECTION  767 ***/

    /*** START BLOGGERS SECTION  767 ***/
     .frontpage .hero__blogger__section {
        padding-top: 26px;
        padding-bottom: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .frontpage .hero__banner__section .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0;
    }

    .frontpage .hero__blogger--title{
        width: 65%;
        height: 86px;
    }

    .frontpage .hero__blogger--title__textblock {
        height: 163px;
        overflow: visible;
        position: relative;
        margin-bottom: 54px;
        padding-top: 9px;
    }

    .frontpage .hero__blogger--title__wrapper {
        width: 100%;
        background: none;
    }

    .frontpage .hero__blogger--subtitle {
        font-size: 21px;
        margin-top: 0;
    }

    .frontpage .running__list {
        position: absolute;
        z-index: 19;
        top: 170px;
    }

    .frontpage .txt {
        font-size: 21px;
    }    

    .frontpage .hero__blogger--slider {
        width: 100%;
        background: #E63C32;
        height: auto;
        max-height: none;
        aspect-ratio: auto;
    }

    .frontpage .hero__blogger--slide__wrapper {
        padding: 0 0;
        aspect-ratio: auto;
    }

	  .frontpage .hero__blogger--slide {
		  -webkit-box-orient: vertical;
		  -webkit-box-direction: reverse;
		      -ms-flex-direction: column-reverse;
		          flex-direction: column-reverse;
		  gap: 5px;
	  }

	  .frontpage .cnc__block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		gap: 40px;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		 padding: 8px 16px 16px;
	  }
	  
	  .frontpage .cnc__block--img__wrapper {
		width: 105px;
        height: 78px;
        position: relative;
		overflow: visible;
		border-radius: 5px;
	  }
	  
	  .frontpage .cnc__block--title a:after {
		vertical-align: top;
		 width: 18px;
		  height: 18px;
	}
	  
	  
	.frontpage .cnc__block--image {
		position: relative;
		top: auto;
		left: 5px;
		right: auto;
		bottom: 15px;
		width: auto;
		height: 98px;
	}  
	  .frontpage .interbox {
        display: none;
    }
	  .frontpage .blogger__block--video__wrapper,
	  .frontpage  .blogger__block--content {
		  top: 0;
	  }
    
    .frontpage .blogger__block {
        width: 100%;
        margin-top: 0;
        padding: 0 0;
        gap: 0;
        left: 0;
    }
	  
	  .frontpage .blogger__block:after {
		  display: none;
	  }

    .frontpage .blogger__block--image {
        width: 100%;
		max-height: none;
    }

	.frontpage .blogger__block--content {
		padding: 16px 13px;	  
	}  
	  
    .frontpage .blogger__block--title {
        font-size: 16px;
    }
    .frontpage .blogger__block--text {
        font-size: 13px;
    }

    .frontpage .blogger__block--placeholder {
        gap: 8px;
        width: auto;
        height: 42px;
        position: absolute;
       	top: 13px;
        left: 13px;
        margin: 0 auto;

    }
    .frontpage .blogger__block--placeholder .img__block .blogger__flag {
		width: 29px;
		height: 29px;
	}
    .frontpage .blogger__face {
        width: 29px;
    }

    .frontpage .blogger__block--placeholder .info__block {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 4px;
    }

    .frontpage .blogger__block--placeholder .info__block .blogger__title {
        font-size: 12px;
    }
    .frontpage .blogger__block--placeholder .info__block .blogger__info {
        font-size: 9px;
    }
	  
	  .frontpage .running__list {
		  width: 100%;
	  }
	  
	.frontpage .running__list:before {
		width: 150px;
		height: 36px;
		top: 0;
		left: -16px;
	}

	.frontpage .running__list:after {
		width: 150px;
		height: 36px;
		top: 0;
		right: -16px;
	}
    /**********************************************************************/

    .frontpage .hero__blogger--gallery {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px 20px;
        padding-bottom: 10px;
    }

    .frontpage .hero__blogger--card {
        width: 46%;
        height: 117px;
    }

    .frontpage .blogger__card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 8px;
    }

    .frontpage .blogger__card__title {
        font-size: 56px;
    }

     .frontpage .people__card__text {
        font-size: 16px;
     }
   
/**********************************************************************/
/**outside**/

    .frontpage .hero__blogger--slider .slick-next {
        width: 29px;
        height: 29px;
        position: absolute;
        top: 30%;
        right: 5%;
        z-index: 1000;
        opacity: 1;
        padding: 7px;
        font-size: 12px;
    }
    .frontpage .hero__blogger--slider .slick-prev {
        width: 29px;
        height: 29px;
        position: absolute;
        top: 30%;
        left: 5%;
        z-index: 1000;
        opacity: 1;
        padding: 7px;
        font-size: 12px;
    }
	  
	  .frontpage .hero__blogger--slider .slick-prev:after,
	  .frontpage .hero__blogger--slider .slick-next:after {
		  margin-top:-20px;
		  margin-left: 0;
	  }
	  .frontpage .blogger__block--video__wrapper:before,
	  .frontpage .blogger__block--video__wrapper:after {
			height: 60px;
		}
    /*** END BLOGGERS SECTION  767 ***/

    /*** START MAPS SECTION  767 ***/
		.frontpage .dealermap__section--title__wrapper {
			padding: 26px 12px;
		}
    /*** END MAPS SECTION  767 ***/

    /*** START PEOPLE SECTION  767 ***/
    
    .frontpage .hero__people__section {
        display: block;
        padding: 32px 0 85px ;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
	  
	  .frontpage .hero__people--card__wrapper:hover {
		  overflow: visible;
	  }
	/*     .frontpage .hero__people--catalogue {
		 padding-bottom: 135px;
	 } */

    .frontpage .hero__people--title__wrapper {
        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: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 40px;
        margin-bottom: 28px;
    }

    .frontpage .hero__peoples--title {
        font-size: 24px;
        width: 100%;
    }
    .frontpage .hero__peoples--subtitle {
        font-size: 14px;
        width: 100%;
        text-align: left;
    }
    .frontpage .people__card__title{
        font-size: 16px;
    }
    .frontpage .people__card__text{
        margin-top: 0;
        font-size: 16px;
    }
    .frontpage .people__card__content {
        padding: 22px 11px;
    }
    .frontpage .hero__people--card__wrapper {
        height: 275px;
        width: 208px !important;
		border-radius: 16px;
    }
	  
	.frontpage .hero__people--card {
        height: 275px;
        width: 188px !important;
		border-radius: 16px;
    }
	  
		.frontpage .hero__people__section .hero__people--catalogue .slick-arrow {
		top: 45%;
		bottom: auto;
		right: 0;
		left: auto;
		width: 45px;
		height: 45px;
		padding: 10px;
		font-size: 20px;
		border-width: 0;
	}
	
	.frontpage .hero__people__section .hero__people--catalogue .slick-arrow.slick-prev {
		right: auto;
		left: 0;
	}
	
	.frontpage .people__wrapper__1 .people__card__image {
		left: -2px;
	}

	.frontpage .people__wrapper__3 .people__card__image {
		left: -10px;
	}

	.frontpage .people__wrapper__4 .people__card__image {
		left: -40px;
	}

	.frontpage .people__wrapper__5 .people__card__image {
		left: -15px;
	}
    /*** END PEOPLE SECTION  767 ***/
    
    /*** START PRODUCTION SECTION  767 ***/
    .frontpage .hero__production__section {
        padding-top: 40px;
        }

        .frontpage .hero__production--gallery {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse;
            gap: 0;
            padding-bottom: 0;
        }

        

        .frontpage .hero__production--gallery__wrapper {
            margin-top: 50px;
        }
	  
	.frontpage .hero__production__section .custom-scrollbar {
        display: none;
    }

    .frontpage .hero__production__section .slick-dots {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        list-style: none;
        gap: 8px;
		z-index:19;
    }

    /* .frontpage .hero__production__section .slick-dots li::marker {
        display: none;
    } */
    .frontpage .hero__production__section .slick-dots li {
        background-color: #fff;
        }

    .frontpage .hero__production__section .slick-dots li button {
        border-radius: 1000px;
        padding: 0 16px;
        width: 50px;
        height: 37px;
        background:  #d9d9d9;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        font-size: 15px;
        line-height: 1.2em;
        color: #fffcfc;
        border-width: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        vertical-align: middle;
        opacity: 1;
		position: relative !important;
		left: auto !important;
		right: auto !important;
        }

    .frontpage .hero__production__section .slick-dots li button:before {
        content: '';
        display: block;
        height: 4px;
        width: 50px;
        position: relative;
        top: -20px;
        left: -16px;
        background-color: #d9d9d9;
    }
    
    .frontpage .hero__production__section .slick-dots li button:after {
        display: none;
    }

    .frontpage .hero__production__section .slick-dots li.slick-active button:before {
        background-color: #000000;
    }

    .frontpage .hero__production__section .slick-dots li.slick-active button {
        background: #e63c32;
    }


    .frontpage .hero__production--title {
        font-size: 22px;
    }
    .frontpage .people__card__title {
        font-size: 18px;
        margin-top: 24px;
    }

    .frontpage .production__card__text {
        font-size: 14px;
        width: 100%;
    }
    .frontpage .production__card__content {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .frontpage .production__card__image {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        margin-top: 40px;
    }
    .frontpage .production__card--number {
        display: none;
    }
    .frontpage .slider-progress-container {
        display: none;
    }
    /*** END PRODUCTION SECTION  767 ***/
    
    /*** START COMPONENTS SECTION  767 ***/
    .frontpage .components__section {
        display: block;
        padding: 35px 0 54px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .frontpage .components__section--title {
        font-size: 22px;
    }
    
    .frontpage .components__section--subtitle {
        font-size: 14px;
        width: 100%;
    }
    
    .frontpage .components__section--button {
        display: none;
    }
    .frontpage .components__section--marquee {
        padding: 20px 0;
    }

    .frontpage .marquee-content-dual {
        height: auto;
    }
	  
	  	.frontpage .components__section--marquee:before {
		width: 50px;
		height: 70px;
	}

	.frontpage  .components__section--marquee:after {
		width: 50px;
		height: 70px;
	}

   .frontpage .components__section--marquee .run-line__content .run-line__text img {
		margin-left: 30px;
		height: 30px;
		width: auto;
	}
    /*** END COMPONENTS SECTION  767 ***/
    
    /*** START CERTIFICATES SECTION  767 ***/
    .frontpage .certificates__section {
        display: block;
        padding: 36px 0 55px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .frontpage .certificates__section--title {
        font-size: 22px;
        width: 100%;
        margin-bottom: 22px;
    }
    .frontpage .certificates__section--subtitle {
        font-size: 13px;
        width: 100%;
        text-align: left;
        margin-top: 22px;
    }

    .frontpage .certificates__section--button__red,
    .frontpage .certificates__section--button__grey {
        height: auto;
    }
    
    .frontpage .certificates__section--button__grey span,
    .frontpage .certificates__section--button__red span {
        font-size: 12px;
    }

    .frontpage .certificates__section--gallery {
        height: auto;
        /* max-height: 300px; */
        margin-top: 33px;
        padding: 0 0;
        background-color: #fff;
    }
    .frontpage .certificates__section--gallery__cont {
        height: 360px;
    }
    .frontpage .certificates__section--gallery .slick-list,
    .frontpage .certificates__section--gallery .slick-track {
        overflow: visible;
    }
    .frontpage .certificate__card {
        padding: 22px 15px 22px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #f5f8fb;
    }
    .frontpage .certificate__card img {
        max-height: 300px;
    }
    
    .frontpage .certificate__plate {
        font-size: 14px;
    }
    /*** END CERTIFICATES SECTION  767 ***/
    
    /*** START SUPPORT SECTION  767 ***/
    .frontpage .support__section {
        padding-top: 40px;
        padding-bottom: 40px;
     }
     
     .frontpage .support__section .container {
        overflow: visible;
     }
 
     
     .frontpage .support__section--slider {
         height: auto;
         background-size: 160% !important;
         background-position: -150px -40px !important;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         -webkit-box-pack: start;
             -ms-flex-pack: start;
                 justify-content: flex-start;
         border-radius: 16px;
         height: 100%;
         max-height: 560px;
         overflow: hidden;
     }
     
     .frontpage .support__section--slider .slider__cardblock {
         position: static;
         margin-top: 224px;
         z-index: 1000; 
		 width: 100% !important;
     }
 
     .frontpage .support__card {
         display: block;
         color: #000;
         padding: 32px 24px;
         background:  #f5f8fb;
         border-radius: 16px;
         width: 245px !important;
         height: auto !important;
         -webkit-box-sizing: border-box;
                 box-sizing: border-box;
         margin-right: 20px;
     }
 
     .frontpage .support__section--title {
         font-size: 22px;
     }
     .frontpage .support__card--title {
         font-size: 14px;
         margin-top: 24px;
     }
 
     .frontpage .support__card--list li {
         font-size: 14px;
     }
 
     .frontpage .slider__cardblock .slick-prev {
         top: 75%;
         left: 0%;
		 border-width: 0;
     }
     
     .frontpage .slider__cardblock .slick-next {
         top: 75%;
         right: 0;
		 border-width: 0;
     }
    /*** END SUPPORT SECTION  767 ***/
    
    /*** START CTA SECTION  767 ***/
    .frontpage .cta__section {
        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: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        max-height: none;
    }

    .frontpage .cta__subsection {
        width: 100%;
        aspect-ratio: auto;
    }

    .frontpage .cta__slider--card  {
        aspect-ratio: auto;
    }

    .frontpage .cta__card--textblock {
        position: absolute;
        bottom: 40px;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
    }
    .frontpage .cta__card--textblock {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .frontpage .cta__blogger {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .frontpage .cta__cnc {
        font-size: 18px;
    }
    .frontpage .cta__cf--title {
        font-size: 22px;
    }
    .frontpage .cta__cf--wrapper {
        padding: 40px 20px;
    }
    .frontpage .cta__cf--form {
        margin-top: 40px;
    }
    /*** END CTA SECTION  767 ***/
}

@media only screen and (max-width: 655px) {
    .frontpage .cta__slider--card  {
        aspect-ratio: 1/1.28;
    }
}

@media only screen and (max-width: 489px) {
	.frontpage .hero__banner--marker {
		width: 105px;
		top: -7px;
		right: -7px;
		z-index: 18;
	}
    .frontpage .hero__production__section .slick-dots {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
	 .frontpage .hero__blogger--slider .slick-next {
        top: 21%;
    }
    .frontpage .hero__blogger--slider .slick-prev {
        top: 21%;
    }
}

@media only screen and (max-width: 420px)  {
	 .frontpage .hero__banner__section {
        padding-top: 70px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
}

@media only screen and (max-width: 360px) {
    .frontpage .hero__production__section .slick-dots li button {
        width: 40px;
        }

    .frontpage .hero__production__section .slick-dots li button:before {
        width: 40px;
    }
}

/*DEALERMAP FORM*/

.frontpage .dealermap__section--dealerform .wpcf7 {
    display: block;
/*     padding: 40px; */
    background-color: #fff;
    border-radius: 16px;
}
.frontpage .dealermap__section--dealerform .wpcf7 form>div {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap:12px;
}
    .frontpage .dealermap__section--dealerform .wpcf7 form input[type='checkbox'] {
    display: block;
    width: 1px;
    height: 1px;
}
.frontpage .dealermap__section--dealerform .wpcf7 form .demo__checks input[type='checkbox']+span.wpcf7-list-item-label {
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #e63c32;
    background-color: #fff;
    border: 1px solid #ffa99d;
    border-radius: 1000px;
    padding: 8px 16px;
    width: auto;
    height: auto;
	margin-right: 4px;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .demo__checks input[type='checkbox']:checked+span.wpcf7-list-item-label,
.frontpage .dealermap__section--dealerform .wpcf7 form .demo__checks input[type='checkbox']:active+span.wpcf7-list-item-label {
    background-color: #e63c32;
    color: #fff;
}

.frontpage .dealermap__section--dealerform .wpcf7 form span[data-name="demo-checks"] {
	height: auto !important;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .demo__checks>span>label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper {
	margin-top: 6px;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper,
.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper,
.frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper {
	width: 100%;
}
.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper,
.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper,
.frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper {
	font-weight: 400;
	font-size: 12px;
	line-height: 180%;
	color: rgba(0,0,0,0.4);
}

.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper input:placeholder,
.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input:placeholder,
.frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper input:placeholder {
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	color: rgba(0,0,0,0.4);
}

.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper input,
.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input,
.frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper input {
	display: block;
	border: 0.40px solid #ffa99d;
	border-radius: 8px;
	padding: 15px 24px;
	width: 100%;
	height: auto;
	color: #000;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input {
	padding-left: 110px !important;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .intl-tel-input .selected-flag {
    padding: 0 0 0 24px;
	width: 90px;
}

.frontpage .wpcf7 form .intl-tel-input .selected-flag .iti-arrow {
    right: -10px;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 0;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper>span {
	height:auto;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-subscibe__accept,
.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-agree__accept {
	height: auto;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-subscibe__accept+span:before,
.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-agree__accept+span:before {
	display: inline-block;
	content:'';
	width: 24px;
	height: 24px;
	border: 2px solid #000;
	border-radius: 4px;
	vertical-align: bottom;
	margin-right: 10px;
}

.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-subscibe__accept:active+span:before,
.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-agree__accept:active+span:before,
.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-subscibe__accept:checked+span:before,
.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-agree__accept:checked+span:before {
	background: url('/wp-content/uploads/tik-black.svg') center no-repeat;
}

.frontpage .dealermap__section--dealerform .wpcf7 form input[type='submit'] {
	display: block; 
	border-radius: 8px;
	padding: 12px 32px;
	width: 100%;
	height: auto;
	text-align: center;
	background: #000;
	font-weight: 600;
	font-size: 15px;
	line-height: 160%;
	color: #fff;
	cursor: pointer;
	margin-top: 13px;
}

@media only screen and (max-width: 1200px) {
	.frontpage .dealermap__section--dealerform .wpcf7 {
		padding: 0;
	}
	.frontpage .dealermap__section--dealerform .wpcf7 form>div {
		gap:8px;
	}
		.frontpage .dealermap__section--dealerform .wpcf7 form input[type='checkbox'] {
		display: block;
		width: 1px;
		height: 1px !important;
	}
	.frontpage .dealermap__section--dealerform .wpcf7 form .demo__checks input[type='checkbox']+span.wpcf7-list-item-label {
		font-size: 14px;
		padding: 4px 8px;
		}

	.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper,
	.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper,
	.frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper {
		font-size: 10px;
	}

	.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper input::-webkit-input-placeholder, .frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input::-webkit-input-placeholder, .frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper input::-webkit-input-placeholder {
		font-size: 14px !important;
	}

	.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper input::-moz-placeholder, .frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input::-moz-placeholder, .frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper input::-moz-placeholder {
		font-size: 14px !important;
	}

	.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper input:-ms-input-placeholder, .frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input:-ms-input-placeholder, .frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper input:-ms-input-placeholder {
		font-size: 14px !important;
	}

	.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper input::-ms-input-placeholder, .frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input::-ms-input-placeholder, .frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper input::-ms-input-placeholder {
		font-size: 14px !important;
	}

	.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper input::placeholder,
	.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input::placeholder,
	.frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper input::placeholder {
		font-size: 14px !important;
	}

	.frontpage .dealermap__section--dealerform .wpcf7 form .fullname__wrapper input,
	.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input,
	.frontpage .dealermap__section--dealerform .wpcf7 form .mail__wrapper input {
		padding: 0 10px;
		font-size: 14px !important;
	}
	
	.frontpage .dealermap__section--dealerform .wpcf7 form .intl-tel-input .selected-flag {
		padding: 0 0 0 10px;
		width: 90px;
	}


	.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-subscibe__accept+span:before,
	.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-agree__accept+span:before {
		width: 16px;
		height: 16px;
	}
	
		.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-subscibe__accept+span,
	.frontpage .dealermap__section--dealerform .wpcf7 form .accept__wrapper .demo-agree__accept+span {
		font-size: 14px !important;
	}

	.frontpage .dealermap__section--dealerform .wpcf7 form input[type='submit'] {
			padding: 6px 12px;
			font-size: 14px;
			margin-top: 0;
		}
	.frontpage .wpcf7 form .intl-tel-input.separate-dial-code .selected-flag, .selected-dial-code {
		font-size: 14px !important;
	}
	
	.frontpage .dealermap__section--dealerform .wpcf7 form .phone__wrapper input {
		padding-left: 85px !important;
	}

	.frontpage .wpcf7 form .intl-tel-input .selected-flag .iti-arrow {
		right: 10px;
	}
}

@media only screen and (max-width: 989px) {
	.frontpage .dealermap__section--dealerform .wpcf7 {
        width: 100%;
    }
}


/*CTA FORM*/

.frontpage .cta__cf--form .wpcf7 {
    display: block;
    padding: 40px;
    background-color: #fff;
    border-radius: 16px;
}
.frontpage .cta__cf--form .wpcf7 form>div {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap:12px;
}
    .frontpage .cta__cf--form .wpcf7 form input[type='checkbox'] {
    display: block;
    width: 1px;
    height: 1px;
}
.frontpage .cta__cf--form .wpcf7 form .demo__checks input[type='checkbox']+span.wpcf7-list-item-label {
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #e63c32;
    background-color: #fff;
    border: 1px solid #ffa99d;
    border-radius: 1000px;
    padding: 8px 16px;
    width: auto;
    height: auto;
	margin-right: 4px;
}

.frontpage .cta__cf--form .wpcf7 form .demo__checks input[type='checkbox']:checked+span.wpcf7-list-item-label,
.frontpage .cta__cf--form .wpcf7 form .demo__checks input[type='checkbox']:active+span.wpcf7-list-item-label {
    background-color: #e63c32;
    color: #fff;
}

.frontpage .cta__cf--form .wpcf7 form span[data-name="demo-checks"] {
	height: auto !important;
}

.frontpage .cta__cf--form .wpcf7 form .demo__checks>span>label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper {
	margin-top: 6px;
}

.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper,
.frontpage .cta__cf--form .wpcf7 form .phone__wrapper,
.frontpage .cta__cf--form .wpcf7 form .mail__wrapper {
	width: 100%;
}
.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper,
.frontpage .cta__cf--form .wpcf7 form .phone__wrapper,
.frontpage .cta__cf--form .wpcf7 form .mail__wrapper {
	font-weight: 400;
	font-size: 12px;
	line-height: 180%;
	color: rgba(0,0,0,0.4);
}

.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper input:placeholder,
.frontpage .cta__cf--form .wpcf7 form .phone__wrapper input:placeholder,
.frontpage .cta__cf--form .wpcf7 form .mail__wrapper input:placeholder {
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	color: rgba(0,0,0,0.4);
}

.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper input,
.frontpage .cta__cf--form .wpcf7 form .phone__wrapper input,
.frontpage .cta__cf--form .wpcf7 form .mail__wrapper input {
	display: block;
	border: 0.40px solid #ffa99d;
	border-radius: 8px;
	padding: 15px 24px;
	width: 100%;
	height: auto;
	color: #000;
}


.frontpage .cta__cf--form .wpcf7 form .intl-tel-input .selected-flag {
    padding: 0 0 0 24px;
	width: 90px;
}


.frontpage .cta__cf--form .wpcf7 form .phone__wrapper input {
	padding-left: 110px !important;
}

.frontpage .cta__cf--form .wpcf7 form .accept__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 0;
}

.frontpage .cta__cf--form .wpcf7 form .accept__wrapper>span {
	height:auto;
}

.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-subscibe__accept,
.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-agree__accept {
	height: auto;
}

.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-subscibe__accept+span:before,
.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-agree__accept+span:before {
	display: inline-block;
	content:'';
	width: 24px;
	height: 24px;
	border: 2px solid #000;
	border-radius: 4px;
	vertical-align: bottom;
	margin-right: 10px;
}

.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-subscibe__accept:active+span:before,
.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-agree__accept:active+span:before,
.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-subscibe__accept:checked+span:before,
.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-agree__accept:checked+span:before {
	background: url('/wp-content/uploads/tik-black.svg') center no-repeat;
}

.frontpage .cta__cf--form .wpcf7 form input[type='submit'] {
	display: block; 
	border-radius: 8px;
	padding: 12px 32px;
	width: 100%;
	height: auto;
	text-align: center;
	background: #000;
	font-weight: 600;
	font-size: 15px;
	line-height: 160%;
	color: #fff;
	cursor: pointer;
	margin-top: 13px;
}

@media only screen and (max-width: 1200px) {
	.frontpage .cta__cf--form .wpcf7 {
		padding: 16px;
	}
	.frontpage .cta__cf--form .wpcf7 form>div {
		gap:8px;
	}
		.frontpage .cta__cf--form .wpcf7 form input[type='checkbox'] {
		display: block;
		width: 1px;
		height: 1px !important;
	}
	.frontpage .cta__cf--form .wpcf7 form .demo__checks input[type='checkbox']+span.wpcf7-list-item-label {
		font-size: 14px;
/* 		padding: 4px 8px; */
		}

	.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper,
	.frontpage .cta__cf--form .wpcf7 form .phone__wrapper,
	.frontpage .cta__cf--form .wpcf7 form .mail__wrapper {
		font-size: 10px;
	}

	.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper input::-webkit-input-placeholder, .frontpage .cta__cf--form .wpcf7 form .phone__wrapper input::-webkit-input-placeholder, .frontpage .cta__cf--form .wpcf7 form .mail__wrapper input::-webkit-input-placeholder {
		font-size: 14px !important;
	}

	.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper input::-moz-placeholder, .frontpage .cta__cf--form .wpcf7 form .phone__wrapper input::-moz-placeholder, .frontpage .cta__cf--form .wpcf7 form .mail__wrapper input::-moz-placeholder {
		font-size: 14px !important;
	}

	.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper input:-ms-input-placeholder, .frontpage .cta__cf--form .wpcf7 form .phone__wrapper input:-ms-input-placeholder, .frontpage .cta__cf--form .wpcf7 form .mail__wrapper input:-ms-input-placeholder {
		font-size: 14px !important;
	}

	.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper input::-ms-input-placeholder, .frontpage .cta__cf--form .wpcf7 form .phone__wrapper input::-ms-input-placeholder, .frontpage .cta__cf--form .wpcf7 form .mail__wrapper input::-ms-input-placeholder {
		font-size: 14px !important;
	}

	.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper input::placeholder,
	.frontpage .cta__cf--form .wpcf7 form .phone__wrapper input::placeholder,
	.frontpage .cta__cf--form .wpcf7 form .mail__wrapper input::placeholder {
		font-size: 14px !important;
	}

	.frontpage .cta__cf--form .wpcf7 form .fullname__wrapper input,
	.frontpage .cta__cf--form .wpcf7 form .phone__wrapper input,
	.frontpage .cta__cf--form .wpcf7 form .mail__wrapper input {
		padding: 0 10px;
		font-size: 14px !important;
	}
	
	.frontpage .cta__cf--form .wpcf7 form .intl-tel-input .selected-flag {
		padding: 0 0 0 10px;
		width: 90px;
	}

	.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-subscibe__accept+span:before,
	.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-agree__accept+span:before {
		width: 16px;
		height: 16px;
	}
	
		.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-subscibe__accept+span,
	.frontpage .cta__cf--form .wpcf7 form .accept__wrapper .demo-agree__accept+span {
		font-size: 14px !important;
	}

	.frontpage .cta__cf--form .wpcf7 form input[type='submit'] {
			padding: 6px 12px;
			font-size: 14px;
			margin-top: 0;
		}
	.frontpage .cta__cf--form .wpcf7 form .phone__wrapper input {
		padding-left: 85px !important;
	}
}


/***********************************************************************************/
/* СВАЙПЕРЫ */

.frontpage .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    left: 50% !important;
    top: 90% !important;
    -webkit-transform: translate(-50%, -10%);
        -ms-transform: translate(-50%, -10%);
            transform: translate(-50%, -10%);
    bottom: auto !important;
    padding: 16px 25px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: rgba(72,72,72,0.53);
}

.frontpage .swiper-pagination-bullet {
    position: relative !important;
    width: 8px;
    height: 8px;
    border-radius: 100px;
}

.frontpage .swiper-pagination-bullet-active {
    border-radius: 5px;
    width: 70px;
}

.frontpage .swiper-pagination-bullet .progress-bar {
    position: absolute;
	top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #C9C9C9;
    border-radius: 25px;
    overflow: hidden;
}

.frontpage .swiper-pagination-bullet .progress-fill {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
}

@-webkit-keyframes progress {
    from {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }
    to {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}

@keyframes progress {
    from {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }
    to {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}

@media only screen and (max-width: 1200px) {
    .frontpage .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        left: 50% !important;
        top: 80% !important;
        -webkit-transform: translate(-50%, -10%);
            -ms-transform: translate(-50%, -10%);
                transform: translate(-50%, -10%);
    }   
}
@media only screen and (max-width: 767px) {
    .frontpage .swiper-pagination {
        left: 50% !important;
        top: 90% !important;
        padding: 10px 16px;
        -webkit-transform: translate(-50%, -10%);
            -ms-transform: translate(-50%, -10%);
                transform: translate(-50%, -10%);
    }

    .frontpage .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }
    
    .frontpage .swiper-pagination-bullet-active {
        border-radius: 5px;
        width: 45px;
    }
    
    .frontpage .swiper-pagination-bullet .progress-bar {
        height: 5px;
    }
}