@media screen and (max-width: 1480px) {
  html {font-size: calc(1vw / 1)}
  .container {max-width: none}
}
@media screen and (max-width: 991px) {
  html {font-size: calc(1vw / 0.5)}
}
@media screen and (max-width: 479px) {
  html {font-size: calc(1vw / 0.25)}
}

*:active, *:focus {outline: none;}
::selection {background: #EFEFEF;}
::-moz-selection {background: #EFEFEF;}
body {position: relative;}
img, a {
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
     user-select: none;
}
h1, h2, h3, h4, h5, form, ul {margin: 0;}
h1, h2 {-ms-word-break: break-all; word-break: break-all; word-break: break-word;}
a.w--current {pointer-events: none;}
a {text-decoration: none; color: inherit;}
.w-richtext p:last-child {margin-bottom: 0;}

[data-tab="content"] {display: none;}

/*hero slider*/
.hero-slider .full-image {
  transition: 8.5s ease-out;
  transform: scale(1);
}
.hero-slider .swiper-slide.swiper-slide-active .full-image {
  transform: scale(1.12);
}
.swiper-button-disabled {opacity: .4; pointer-events: none}

.seo-rich p:not(:first-child), 
.seo-rich ul:not(:first-child),
.seo-rich ol:not(:first-child),
.seo-rich h2:not(:first-child),
.seo-rich h3:not(:first-child),
.seo-rich h4:not(:first-child) {
    display: none;
  }
.seo-rich.show-all p,
.seo-rich.show-all ul,
.seo-rich.show-all ol,
.seo-rich.show-all h2,
.seo-rich.show-all h3,
.seo-rich.show-all h4{
    display: block;
}


/*hero section*/

.hero-list__item:not(:first-child) .hero-list__line,
.banner-grid__item:not(:first-child) .hero-list__line {display:none}
.header.active .header-logo, .header.active2 .header-logo {color:  #134BDA; padding-top: 0rem}
.header-nav__items li:first-child .drop-nav {padding-left: 0}
.header.active {border-bottom: 0.0625rem solid #B2B9BF}
.form-privacy a {text-decoration: underline;}
@media (min-width: 992px) {
    .header.active, .header.active a {color: #0C0827}
    
    .header.active .header-btn {border-left: 1px solid #B2B9BF;}
    .header.active .nav-drop__ico {color: #0C0827}
    
	.hero-list__item:last-child {border:none}
  .header.active .header-logo {width: 10.1875rem; height: 2.5rem}
  .header.active .header-btn:hover {
    	background: #134BDA;
    	color: #fff
    }
    .header.active .header-nav__link:hover {
    	background: rgba(12, 8, 39, 0.07);
    }
    .drop-nav:has(.drop-ico__btn) .header-nav__link {
    	padding-right: 2.5rem;
    }
    .product-item:hover .product-arrow {transform: translateX(0.125rem)}
  .drop-nav__open {
    visibility: hidden;
    opacity: 0; 
    transform-origin: 0% 0%;
    transform: rotateX(-50deg);
  }
  .header-nav__drop:hover .header-nav__link {
    background-color: rgba(255, 255, 255, .07);
    }
  .concept-item:nth-child(2n) {flex-direction:column-reverse}
  .header-nav__drop:hover .drop-nav__open {
    transform: rotateX(0deg);
    visibility: visible;
    opacity: 1;
  }
  .header-nav__drop:hover .nav-drop__ico {
    transform: rotateZ(180deg);
  }
  .product-item:not(.ind-item):hover .text-28 {color: #134BDA}
  .product-item:not(.ind-item):hover .product-image{transform: scale(1.1)}
	.product-item:not(.ind-item):active .text-28 {color: #0C308D}
  .product-item.ind-item:hover .hard-light {background: #0033B4}
	.product-item.ind-item:active .hard-light {mix-blend-mode: normal}
  form a {transition: opacity 0.35s ease}
  form a:hover {opacity: 0.8}
}
@media (max-width: 991px) {
    .header.active .nav-btn, .header.active2 .nav-btn {background: #134BDA}
    .header.active2 {background: #fff}
}
@media (max-width: 479px) {
	.header.active .mobile-phone {color:#134BDA}
}
@media (min-width: 480px) and (max-width: 991px) {
	.concept-item:nth-child(2n) {
		flex-direction: row-reverse;
	}
}