@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container{
width: 1000px;
margin: 0 auto;
}
html, body {
height: 100%;
}
header, .wrapper, footer {
box-sizing: border-box;
}
.wrapper{
flex-grow: 1;
}
body{
background-color: #fff; display: flex;
flex-direction: column;
} .top-header__menu-button,
.main-menu-close{
display: none;
}
header{
background-color: #fafafa;
font-family: 'Open Sans', sans-serif;
}
.top-header{
display: flex;
list-style: none;
padding: 4px 20px;
}
.top-header li a{
font-size: 11px;
padding: 4px 4px 0;
color: #797979;
text-decoration: none;
}
.top-header li a i{
font-size: 14px;
color: #E69867;
}
.top-header li a:hover{
color: #5a2a82;
transition: 1.5s;
}
.top-header li a i{
padding: 0 4px;
} .top-header__social-link{
height: 18px;
width: 18px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 9px;
background-color: #797979;
}
.top-header__social-link i{
margin-top: -3px;
font-size: 12px !important;
color: #fff !important;
}
.middle-header{
margin: 15px 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.middle-header__logo-img-box{
margin-top: 15px;
}
.middle-header__logo-img-box img{
width: 100%;
max-width: 225px;
}
.middle-header__made-in-usa-img-box,
.middle-header__phone-container{
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 10px;
}
.middle-header__made-in-usa-img-box{
margin-top: 10px;
}
.middle-header__phone-container_header{
color: #ff883b;
font-size: 21px;
font-weight: bold;
margin-bottom: 5px;
}
.middle-header__phone-container_phone-list{
list-style: none;
text-align: right;
}
.middle-header__phone-container_phone-list li a{
font-size: 22px;
font-weight: bold;
text-decoration: none;
color: #592b82;
transition: all .25s ease-in-out;
}
.middle-header__phone-container_phone-list li a:hover{
color: #502c69;
}
.middle-header__phone-container_work-time{
margin-top: 5px;
font-size: 12px;
} .footer-main{
background-color: #2f2f2f;
font-family: 'Open Sans', sans-serif;
}
.footer-main-container{
display: flex;
justify-content: space-between;
padding: 35px 0 25px;
}
.footer-main-container__menu{
display: flex;
justify-content: space-between;
width: max-content;
list-style: none;
}
.footer-main-container__menu ul{
list-style: none;
}
.footer-main-container__menu a{
font-size: 10px;
color: #fff;
padding-bottom: 0;
text-decoration: none;
}
.footer-main-container__menu>li{
padding: 0 10px;
}
.footer-main-container__menu>li:first-child{
padding-left: 0;
}
.footer-main-container__menu>li>a{
text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: 100;
border-bottom: 1px #524F52 solid;
margin-bottom: 5px;
display: block;
}
.footer-main-container__info-box_img-box{
margin: 10px 0;
}
.footer-main-container__info-box_top-info{
font-size: 10px; color: #fff;
padding: 0 0 0 10px;
}
.footer-main-container__info-box_img-box{
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png);
height: 45px;
width: 190px;
}
.footer-main-container__info-box_top-info a{
color: #fff;
}
.footer-bottom{
background-color: #272727;
font-family: 'Open Sans', sans-serif;
}
.footer-bottom-container{
padding: 15px 0;
}
.footer-bottom-container p{
font-size: 11px;
font-family: Arial;
color: #aaa;
}
.featured-product-lines-box__list-item a:hover,
.footer-main-container__menu a:hover{
color: #8c61af;
transition: 0.5s;
}
.footer-main-container__form-box_img{
margin-bottom: 60px;
}
.footer-main-container__form-box p{
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
padding: 12px 0;
}
.footer-main-container__form-box_form{
display: flex;
flex-direction: column;
align-items: center;
}
.footer-main-container__form-box_form input{
border: 0;
width: 160px;
border-radius: 4px;
box-shadow: inset 0 5px 8px rgba(0, 0, 0, 0.23);
height: 24px;
padding: 15px 5px;
margin-bottom: 12px;
font-size: 12px;
color: #555;
}
.footer-main-container__form-box_form input[type="submit"]{
color: #5a396e;
transition: .3s;
height: 29px;
font-size: 12px;
font-weight: 700;
text-align: center;
font-family: 'open sans';
cursor: pointer;
border: 0 solid #5A2A81;
text-transform: uppercase;
box-shadow: 0 0 0;
padding: 6px;
}
.footer-bottom-container{
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-bottom-container__button-box{
display: flex;
align-items: center;
}
.footer-bottom-container__button-box a{
display: block;
width: 32px;
height: 32px;
margin-right: 5px;
}
.footer-bottom-container__button-box a:nth-of-type(1){background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -10px -63px;}
.footer-bottom-container__button-box a:nth-of-type(2){background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -10px -115px;}
.footer-bottom-container__button-box a:nth-of-type(3){background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -62px -63px;}
.footer-bottom-container__button-box a:nth-of-type(4){background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -114px -63px;}
.footer-bottom-container__button-box a:nth-of-type(5){background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -62px -115px;}
.footer-bottom-container__button-box a:nth-of-type(6){background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -114px -115px;} .breadcrumbs{
font-family: 'HelveticaNeueCyr';
padding: 10px 0;
}
.breadcrumbs span a{
font-size: 15px;
color: #2a2b2c;
text-decoration: none;
}
.breadcrumbs span a:hover{
color: #8c61af;
transition: 0.5s;
}
.breadcrumbs>span:last-child{
color: #bbb;
font-size: 15px;
} .main-menu-box{
background-color: #353038;
}
.main-menu-box .container{
display: flex;
align-items: center;
justify-content: space-between;
}
.main-menu{
list-style: none;
display: flex;
position: relative;
}
.main-menu>li{
padding: 15px 15px;
display: flex;
align-items: center;
cursor: pointer;
border-left: 1px #424242 solid;
}
.main-menu>li:hover{
background: #000;
}
.main-menu>li:last-child{
border-right: 1px #424242 solid;
}
.main-menu .sub-menu{
display: flex;
}
.footer-main-container__menu_hidden>a{
display: none;
}
.main-menu li a{
font-size: 14px;
font-weight: 500;
color: #fff;
text-decoration: none;
}
.main-menu li:hover>a,
.main-menu li:hover>i{
color: #8c61af;
transition: 0.5s;
}
.main-menu>li>i{
font-size: 16px;
color: #fff;
margin-left: 5px;
}
.main-menu ul{
list-style: none;
}
.main-menu>li>ul{
z-index: 10;
position: absolute;
top: 48px;
left: 0;
display: flex;
justify-content: space-around;
padding: 10px 0 20px;
width: 1000px;
background-color: #231e25;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
}
.main-menu>li>ul>li>a{
display: block;
font-size: 20px;
font-weight: bold;
color: #8c61af;
margin-bottom: 15px;
}
.main-menu>li>ul>li>ul{
display: flex;
flex-direction: column;
font-size: 14px;
}
.main-menu__dropdown-li:hover ul{
visibility: visible;
opacity: 1;
}
.main-menu li a {
font-size: 13px;
font-weight: 500;
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
}
.main-menu li a i{
margin-left: 5px;
}
.main-menu__sub-btn>a{
background-color: #353038 !important;
color: #fff !important;
margin-top: 18px;
margin-bottom: 10px;
text-shadow: 0 0 0 #000!important;
text-align: center;
font-size: 11px!important;
text-decoration: none!important;
padding: 10px 2px!important;
width: 100%;
font-weight: 700!important;
text-transform: uppercase!important;
}
.main-menu__sub-btn>a:hover{
background: #592b82 !important;
}
.main-menu> .menu-item-has-children>ul>li:nth-of-type(1){width: 20%;}
.main-menu> .menu-item-has-children>ul>li:nth-of-type(2){width: 33%;}
.main-menu> .menu-item-has-children>ul>li:nth-of-type(3){width: 22%;}
.main-menu> .menu-item-has-children>ul>li:nth-of-type(4){width: 13%;}
.main-menu> .menu-item-has-children>ul>li>ul{
display: flex;
flex-direction: row !important;
justify-content: flex-start;
flex-wrap: wrap;
padding: 5px 0;
}
.main-menu> .menu-item-has-children>ul>li>ul>li{
margin: 0 auto;
padding: 0 7px;
}
.main-menu> .menu-item-has-children>ul>li a{
font-size: 11px !important;
text-transform: uppercase!important;
font-weight: bold;
}
.main-menu> .menu-item-has-children>ul>li>ul>li>ul{
padding: 5px 0px 10px;
display: flex;
flex-direction: column;
}
.main-menu>.menu-item-has-children>ul>li>ul>li>ul a{
font-size: 12px !important;
text-transform: none !important;
font-weight: normal;
}
.main-menu>.main-menu>li>ul {
font-size: 12px !important;
text-transform: none !important;
font-weight: normal;
}
.main-menu>.menu-item-has-children:hover  ul {
visibility: visible !important;
opacity: 1 !important;
}
.footer-big-part>ul{
display: flex;
justify-content: space-between;
width: 215px;
}
#keyword{
font-size: 12px;
width: 200px;
padding: 8px 8px;
border: 0;
background-color: #fafafa;
}
#main-search-form{
position: relative;
margin-right: 10px;
}
#main-search-form>button{
position: absolute;
top: 50%;
margin-top: -6px;
right: 6px;
border: 0;
background: transparent;
color: #666;
font-size: 12px;
cursor: pointer;
}
#searchsubmit{
display: none;
}  .main-top-slider{
position: relative;
}
.top-main-item-1{background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-1.jpg) no-repeat;}
.top-main-item-2{background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-2.jpg) no-repeat;}
.top-main-item-3{background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-3.jpg) no-repeat;}
.top-main-item-4{background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-4.jpg) no-repeat;}
.top-main-item-5{background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-5.jpg) no-repeat;}
.top-main-item-6{background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-6.jpg) no-repeat;}
.top-main-item-7{background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-7.jpg) no-repeat;}
.top-main-item{
height: 380px;
background-size: cover;
background-position: center;
}
.top-main-item__link-1{background: rgba(90, 42, 130, 0.85);}
.top-main-item__link-2{background: rgba(78, 89, 156, 0.85);}
.top-main-item__link-3{background: rgba(22, 140, 22, 0.85);}
.top-main-item__link-4{background: rgba(175, 2, 2, 0.85);}
.top-main-item__link-5{background: rgba(0, 0, 0, 0.85);}
.top-main-item__link-6{background: rgba(29, 105, 142, 0.85);}
.top-main-item__link-7{background: rgba(38, 40, 59, 0.85);}
.top-main-item>a{
height: 380px;
display: block;
text-decoration: none;
}
.top-main-item__item{
height: 380px;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 75px;
}
.top-main-item__item_info{
color: #fff;
}
.main-top-slider__buttons{
position: absolute;
bottom: 10px;
z-index: 5;
}
.main-top-slider__buttons button{
background: transparent;
color: rgba(247, 247, 247, 0.25);
font-weight: bold;
border: 1px rgba(247, 247, 247, 0.15) solid;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 16px;
letter-spacing: 1px;
border-radius: 5px;
padding: 7px 15px;
margin-right: 10px;
cursor: pointer;
}
.main-top-slider__buttons button:last-child{
margin-right: 0;
}
.main-top-slider__buttons button:hover,
.main-top-slider__buttons .active{
color: rgba(255,255,255,.9);
border: 1px rgba(255,255,255,.5) solid;
}
.top-main-item__item_info{
font-family: PT Sans Narrow;
}
.top-main-item__item_info h2{
font-size: 42px;
font-weight: 100;
margin-bottom: 20px;
text-transform: uppercase;
}
.top-main-item__item_info p{
font-size: 18px;
}
.top-main-item__item_info ul{
margin-top: 10px;
}
.top-main-item__item_info li{
font-size: 16px;
margin-left: 20px;
}
.featured-products-container{
font-family: PT Sans Narrow;
}
.featured-products-container__header,
.products-container__header,
.latest-news-container__header,
.products-container__items-box_item>a,
.smartavi-clients-container>h2{
margin-top: 10px;
color: #2a2b2c;
font-size: 17px;
font-weight: normal;
text-transform: uppercase;
}
.featured-products-container__main-list{
display: flex;
justify-content: space-between;
margin: 10px 0 0;
}
.featured-products-container__main-list_item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 2px solid #e7e7e7;
width: 30%;
padding: 30px;
}
.featured-product a{
color: #5a2a82;
text-decoration: none;
}
.featured-product__title{
color: #5a2a82;
font-size: 20px;
font-weight: normal;
line-height: 16px;
padding: 0
}
.featured-product__description{
margin: 0;
padding: 0;
font-size: 13px;
line-height: 15px;
margin-top: 14px;
color: #655f67;
}
.info-container{
font-family: PT Sans Narrow;
display: flex;
justify-content: space-between;
}
.products-container{
width: 65%;
margin-bottom: -20px;
}
.products-container__items-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.products-container__items-box_item{
width: 30%;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
border: 2px solid #e7e7e7;
margin-bottom: 20px;
}
.products-container__items-box_item>a{
margin-bottom: 10px;
text-decoration: none;
}
.products-container__items-box_item>p{
font-size: 12px;
text-align: justify!important;
text-align-last: left;
line-height: 12px!important;
color: #808080;
margin-top: 0px;
margin-bottom: 0px;
font-family: PT Sans NArrow;
}
.latest-news-container{
width: 30%;
}
.latest-news-container__items-box{
display: flex;
flex-direction: column;
padding: 20px;
border: 2px solid #e7e7e7;
}
.latest-news-item{
margin-bottom: 5px;
}
.latest-news-item__time{
color: #9d9d9d;
font-size: 10px;
}
.latest-news-item>a{
color: #5a2a82;
font-size: 16px;
display: block;
line-height: 16px;
padding: 6px 0px;
text-decoration: none;
}
.products-container__header,
.latest-news-container__header{
margin-bottom: 10px;
}
.smartavi-clients-container{
font-family: PT Sans NArrow;
margin-bottom: 50px;
}
.smartavi-clients-container__slider{
width: max-content;
}
.smartavi-clients-container__slider-box{
position: relative;
border: 2px solid #e7e7e7;
width: 65%;
}
.smartavi-clients-container__slider-box_buttons-box{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.smartavi-clients-container__slider-box_buttons-box button{
border: 0;
background: transparent;
font-size: 25px;
color: #bbbbbb;
height: max-content;
z-index: 5;
cursor: pointer;
}
.smartavi-clients-container>h2{
margin-bottom: 10px;
}
.main-slider-item__button-container{
display: flex;
}
.main-slider-item__button-container button{
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
background-color: #fff;
border: 0;
border-radius: 5px;
margin-right: 30px;
padding: 10px 40px;
font-family: 'PT Sans Narrow';
cursor: pointer;
}
.main-slider-item__button-container a:last-child button{
margin-right: 0;
}
.info-block{
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 35px 0 70px;
font-family: 'PT Sans Narrow', sans-serif;
}
.info-block__item{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 20px;
}
.info-block__item_img-box{
margin-bottom: 15px;
}
.info-block__item h2{
text-align: center;
margin-bottom: 15px;
font-size: 24px;
color: #2a2b2c;
}
.info-block__item p{
text-align: center;
font-size: 16px;
color: #2a2b2c;
}
.info-block-2{
display: flex;
flex-direction: column;
font-family: 'PT Sans Narrow', sans-serif;
}
.info-block-2__item{
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0;
border-top: 1px #e2e2e2 solid;
}
.info-block-2__item:nth-of-type(2){
flex-direction: row-reverse;
border-bottom: 1px #e2e2e2 solid;
}
.info-block-2__item_img-box{
min-width: 140px;
max-width: 140px;
}
.info-block-2__item_img-box img{
width: 100%;
}
.info-block-2__text-box{
padding: 0 20px 0 50px;
}
.info-block-2__item:nth-of-type(2) .info-block-2__text-box{
padding: 0 50px 0 20px;
}
.info-block-2__text-box h2{
font-size: 22px;
color: #2a2b2c;
font-weight: normal;
margin-bottom: 15px;
}
.info-block-2__text-box p{
color: #808080;
font-size: 18px;
}
.featured-product-lines-box{
display: flex;
flex-direction: column;
align-items: center;
font-family: 'PT Sans Narrow', sans-serif;
padding: 70px 0;
}
.featured-product-lines-box__list{
display: flex;
justify-content: space-between;
}
.featured-product-lines-box__list-item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 20px;
}
.featured-product__img-container{
width: 250px;
max-width: 250px;
height: 100px;
max-height: 100px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.featured-product__img-container img{
max-height: 100px;
max-width: 100%;
}
.featured-product-lines-box h1{
font-size: 26px;
text-decoration: underline;
margin-bottom: 25px;
}
.featured-product-lines-box__list-item a{
color: #2a2b2c;
font-size: 22px;
text-decoration: none;
margin-bottom: 10px;
text-align: center;
}
.featured-product-lines-box__list-item span,
.featured-product-lines-box__list-item p{
font-size: 18px;
text-align: center;
color: #2a2b2c;
}
.main-page-smartavi-categories {
padding-bottom: 80px;
}
.main-page__sub-title {
margin-bottom: 60px;
color: #666;
text-align: center;
font-family: Tenor Sans, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: normal;
letter-spacing: 1.6px;
text-transform: uppercase;
} .category-container{
font-family: PT Sans Narrow;
}
.category-title{
font-size: 32px;
font-weight: 300;
margin: 40px 0 30px;
}
.category-description{
text-align: left;
font: 12px/14px 'Open sans';
color: #6f6a6e;
margin-bottom: 30px;
}
.go-to-subcat{
display: flex;
align-items: center;
font-family: 'HelveticaNeueCyr';
margin-bottom: 25px;
}
.go-to-subcat h2{
color: #f4953b;
font-weight: 900;
font-size: 14px;
margin-right: 10px;
}
.go-to-subcat ul{
display: flex;
align-items: center;
list-style: none;
}
.go-to-subcat ul li a{
padding: 0 5px;
color: #08c;
font-size: 11px;
border-right: 1px solid #666;
}
.go-to-subcat ul li:last-child a{
border-right: 0;
}
.cat-box{
margin-bottom: 30px;
}
.cat-box a{
color: #2a2b2c;
text-decoration: none;
}
.cat-box>a>h2,
.sub_cat-header{
color: #2a2b2c;
font-size: 22px;
font-weight: normal;
margin: 20px 0 20px;
font-family: 'PT Sans Narrow';
}
.cat-box>a>.cat-box-main-header{
font-size: 24px;
margin-top: 20px;
}
.sub_cat-header{
font-size: 20px;
margin-top: 20px;
}
.cat-box>a>h2:hover,
.sub_cat-header:hover{
color: #8c61af;
transition: 0.5s;
}
.cat-box>p{
text-align: left;
font: 12px/14px 'Open sans';
color: #6f6a6e;
margin-bottom: 30px;
}
.cat-box__img-container img {
width: 100%;
height: auto;
}
.cat-box__img-container {
width: 120px;
height: 120px;
margin-bottom: 15px;
}
.cat-box__products{
display: flex;
flex-wrap: wrap;
}
.cat-box__products>a{
display: contents;
text-decoration: none;
}
.cat-box__products_product{
width: 24%;
margin: 5px;
padding: 20px 20px 40px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
margin-bottom: 10px;
background-color: #fff;
border: 1px #ddd solid;
cursor: pointer;
}
.cat-box__products_product:nth-of-type(4n+1){
margin-left: 0;
}
.cat-box__products_product-img-box{
width: 100%;
margin: 15px 0;
min-height: 135px;
display: flex;
align-items: center;
}
.cat-box__products_product-img-box img{ max-width: 100%;
margin: 0 auto;
}
.cat-box__products_product>h2,
.cat-box__products_product>a>h2{
font-size: 18px;
color: #2a2b2c;
font-weight: normal;
text-align: center;
}
.search-main-container{
font-family: 'Open sans';
padding-bottom: 20px;
}
.cat-box__products_product>p{
text-align: center;
font: 12px/12px 'Open sans';
color: #6f6a6e;
} .single-product-container__header,
.single-product-container__description,
.single-product-container__buttons-container{
font-family: 'HelveticaNeueCyr';
}
.single-product-container__header{
color: #ff883b;
font-size: 32px;
letter-spacing: 2px;
font-family: 'Open sans';
}
.single-product-container__description{
margin: 10px 0;
font-size: 16px;
}
.single-product-container__buttons-container{
display: flex;
justify-content: space-between;
align-items: center;
}
.single-product-container__buttons-container ul{
display: flex;
align-items: center;
list-style: none;
}
.single-product-container__buttons-container ul li a{
font-size: 15px;
color: #696969;
margin-right: 11px;
text-decoration: none;
font-weight: 700;
}
.single-product-container__buttons-container ul li i{
color: #696969;
margin-right: 4px;
font-size: 16px;
}
.file-i{
color: #df253c !important;
}
.single-product-container__buttons-container>a{
text-decoration: none;
}
.single-product-container__buttons-container button{
background-color: #592b82;
border: 0;
color: #fff;
padding: 10px 25px;
font-weight: 700;
border-radius: 5px;
font-size: 14px;
text-transform: uppercase;
font-family: 'Open sans';
cursor: pointer;
width: 275px;
}
.single-product-container__buttons-container button:hover{
background-color: #ff883b;
transition: 0.5s;
}
.slider-box{
display: flex;
justify-content: space-between;
margin: 25px 0 50px;
}
.slider-container{
position: relative;
width: 90%;
}
.slider-box__dots{
width: 50px;
display: flex;
flex-direction: column;
}
.slider-box__dots button{
margin-bottom: 5px;
background-color: transparent;
border: 1px solid #bbb;
padding: 2px;
border-radius: 5px;
min-width: 60px;
max-width: 60px;
min-height: 45px;
max-height: 45px;
cursor: pointer;
}
.slider-box__dots button img{
width: 100%;
max-height: 38px;
}
.single-product-container__slider{
width: 90% !important;
margin: 20px auto;
height: 300px;
background-color: #fff;
}
.single-product-container__slider div{
width: 100%;
display: flex;
align-items: center;
}
.single-product-container__slider div img{
width: auto;
max-width: 95%;
max-height: 300px;
cursor: pointer;
}
.owl-carousel .owl-item img {
width: auto !important;
margin: 0 auto !important;
}
.slider-box__btn-box{
width: 100%;
position: absolute;
top: 45%;
display: flex;
justify-content: space-between;
}
.slider-box__btn-box_btn{
margin: 0 5px;
border-radius: 50%;
border: 4px #c5c3c3 solid;
color: #c5c3c3;
min-width: 35px;
min-height: 35px;
z-index: 10;
background-color: transparent;
cursor: pointer;
}
.slider-box__btn-box_btn:hover{
border: 4px #7C7C7C solid;
color: #7C7C7C;
}
.slider-box__btn-box_btn i{
font-size: 27px;
}
.product-info-block{
padding: 30px;
border: 2px #afafaf solid;
border-radius: 5px;
margin-bottom: 30px;
font-family: 'HelveticaNeueCyr';
color: #2a2b2c;
font-size: 14px;
line-height: 1.65em;
}
.product-info-block>h2{
font-family: 'PT Sans Narrow';
width: 90%;
margin: 30px 0 20px;
font-size: 24px;
font-weight: 700;
}
.product-info-block>ul{
margin-left: 20px;
}
.product-info-block>img{
max-width: 100%;
width: auto;
height: auto;
}
.product-info-block>table{
width: 100%;
text-align: center;
color: #2a2b2c;
border: 1px solid #fff;
border-collapse: collapse;
}
.product-info-block>table tr {
background: #efefef;
}
.product-info-block>table th {
background: #dedede;
border: 1px solid #fff;
padding: 8px;
width: 100px;
}
.product-info-block>table td {
border: 1px solid #fff;
padding: 8px;
width: 100px;
}
.product-info-block{
display: none;
}
.product-info-block-active{
display: block;
}
.single-product-container__main-info-block{
position: relative;
}
.single-product-container__main-info-block_buttons-container{
position: absolute;
top: -48px;
left: 5px;
display: flex;
}
.single-product-container__main-info-block_buttons-container button{
background-color: #333;
color: #ffffff;
border: 0;
border-bottom: 0;
font-family: 'HelveticaNeueCyr';
font-size: 12px;
padding: 7px 0px; margin-right: 0px;
cursor: pointer;
transition: 0.5s;
}
.single-product-container__main-info-block_buttons-container button>span {
width: 100%;
border-right: 1px rgba(255, 255, 255, 0.25) solid;
display: block;
padding: 10px 12px;
}
.single-product-container__main-info-block_buttons-container button:last-child>span {
border-right: 0;
}
.single-product-container__main-info-block_buttons-container .active-btn{
border: 0;
background-color: #ff883b;
color: #fff;
}
.single-product-container__main-info-block_buttons-container button:hover:not(.active-btn){
color: #fff;
background-color: #ff883b;
}
.single-product-container__main-info-block_specifications-block table{
width: 100%;
font-family: 'HelveticaNeueCyr';
border-collapse: collapse;
}
.single-product-container__main-info-block_specifications-block table .tr-header{
background-color: #f5f5f5;
font-weight: bold;
}
.single-product-container__main-info-block_specifications-block table tr td{
padding: 10px 12px;
font-size: 16px;
}
.single-product-container__main-info-block_specifications-block table tr td:first-child{
width: 40%;
}
.slider-container__big-slider-button{
position: absolute;
bottom: 15px;
right: 12px;
color: #c5c3c3; border: 0;
background-color: transparent;
font-size: 29px;
cursor: pointer;
opacity: 0;
transition: 1.5s;
display: none;
} .slider-container__big-slider-button:hover{
color: #696969;
}
.big-slider-container-background{
display: none;
background-color: rgba(0,0,0,.8);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 15;
}
.big-slider-container{
position: fixed;
top: 5%;
left: 5%;
width: 90%;
height: 90vh;
overflow: hidden;
z-index: 15;
background-color: #fff;
}
.big-slider-container>i{
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
z-index: 20;
color: #c5c3c3;
font-size: 22px;
}
.big-slider-container>i:hover{
color: #696969;
}
.big-slider-container .owl-item{
display: flex;
justify-content: center;
align-items: center;
height: 85vh;
}
.big-slider-container .owl-item img{
max-height: 85vh;
max-width: 85%;
} .career-container__img-box{
margin: 20px 0;
}
.career-container__jobs-list{
margin-bottom: 20px;
width: max-content;
}
.career-container__jobs-list a{
text-decoration: none;
color: #000;
}
.career-container__jobs-list h2{
margin-bottom: 10px;
font-family: PT Sans Narrow;
font-size: 22px;
font-weight: normal;
}
.career-container__body-text{
font-size: 16px;
margin-bottom: 50px;
font-family: 'HelveticaNeueCyr';
line-height: 1.65em;
}
.career-container__btn-box{
display: flex;
}
.career-container__button{
background-color: #1f8ccc;
color: #fff;
font-family: 'Open sans';
font-weight: bold;
padding: 12px 32px;
font-size: 20px;
border: 0;
border-radius: 5px;
cursor: pointer;
margin: 40px 40px 50px 0;
}
.career-container__button:hover{
background-color: #ff4d3f;
transition: 0.75s;
}
.career-container__jobs-list .career-container__button{
padding: 6px 15px;
}
.career-container__jobs-list>a:hover{
color: #8c61af;
transition: 0.5s;
}
.owl-dots,
.owl-nav{
display: none !important;
} .where-to-buy-container{
padding: 20px 0 30px;
}
.where-to-buy-container h2{
color: #2a2b2c;
font-size: 20px;
font-family: PT Sans Narrow;
margin-bottom: 20px;
font-weight: normal;
}
.where-to-buy-container p{
font-size: 14px;
font-family: 'HelveticaNeueCyr';
color: #2a2b2c;
line-height: 1.65em;
}
.where-to-buy-container__img-box{
margin-bottom: 30px;
}
.where-to-buy-container__country-list{
margin-top: 20px;
margin-left: 20px;
font-size: 14px;
font-family: 'HelveticaNeueCyr';
margin-bottom: 30px;
}
.where-to-buy-container__country-list a{
text-decoration: none;
color: #2a2b2c;
line-height: 1.65em;
}
.where-to-buy-container__country-list a:hover{
color: #8c61af;
transition: 0.5s;
} .about-SMARTAVI-container{
padding: 20px 0 30px;
}
.about-SMARTAVI-container h2{
font-family: PT Sans Narrow;
font-size: 30px;
color: #2a2b2c;
font-weight: normal;
}
.about-SMARTAVI-container p{
font-size: 16px;
font-family: 'HelveticaNeueCyr';
margin-bottom: 30px;
color: #2a2b2c;
line-height: 1.65em;
}
.about-SMARTAVI-container p a{
text-decoration: none;
color: #0000ff;
} .partner-container{
padding: 20px 0 30px;
}
.partner-container h2{
font-family: PT Sans Narrow;
color: #2a2b2c;
font-size: 20px;
margin-bottom: 10px;
font-weight: normal;
}
.partner-container h3{
font-family: PT Sans Narrow;
color: #2a2b2c;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}
.partner-container p{
font-size: 14px;
font-family: 'HelveticaNeueCyr';
margin-bottom: 30px;
color: #2a2b2c;
line-height: 1.65em;
}
.partner-container ul{
font-size: 14px;
font-family: 'HelveticaNeueCyr';
line-height: 1.65em;
margin: 25px 0 25px 20px;
}
.partner-container ul a{
text-decoration: none;
font-weight: bold;
color: #000;
}
.partner-container__last-p{
margin-bottom: 0!important;
}
.partner-container button{
font-family: 'HelveticaNeueCyr';
font-weight: 400;
border: 0;
padding: 4px 8px;
font-size: 14px;
text-transform: uppercase;
margin: 20px 0 0;
cursor: pointer;
color: #fff;
background-color: #592b82;
border-color: #592b82;
}
.partner-container button:hover{
background-color: #ff4d3f;
} .support-container{
padding: 20px 0 30px;
}
.support-container h1{
margin-top: 20px;
font-size: 22px;
font-family: PT Sans Narrow;
font-weight: normal;
text-align: center;
}
.support-container h1,
.support-container h2{
color: #2a2b2c;
margin-bottom: 10px;
}
.support-container h2{
font-family: 'HelveticaNeueCyr';
text-transform: uppercase;
font-size: 17px;
}
.support-container p{
font-size: 16px;
font-family: 'HelveticaNeueCyr';
margin-bottom: 15px;
color: #2a2b2c;
line-height: 1.65em;
}
.support-container__email-link,
.support-container__documentation{
color: #0000ff;
text-decoration: none;
}
.support-container__tel-link-box{
display: flex;
flex-direction: column;
font-size: 16px;
font-family: 'HelveticaNeueCyr';
line-height: 1.65em;
text-transform: uppercase;
margin-bottom: 30px;
}
.support-container__tel-link-box a{
margin-bottom: 0;
text-decoration: none;
color: #2a2b2c;
}
.support-container__tel-link-box a:hover{
color: #8c61af;
transition: 0.5s;
}
.support-container form{
display: flex;
flex-direction: column;
width: 325px;
}
.support-container form input,
.support-container form textarea{
padding: 5px;
font-size: 16px;
border-radius: 5px;
background-color: #eeeeee;
border: 2px #e2e2e2 solid;
font-family: 'HelveticaNeueCyr';
width: 304px;
}
.support-container form input[type="submit"]{
width: max-content;
font-family: 'HelveticaNeueCyr';
font-weight: 400;
border: 0;
border-radius: 4px;
padding: 10px 30px;
font-size: 14px;
text-transform: uppercase;
background-color: #1f8ccc;
color: #fff;
cursor: pointer;
}
.support-container form input[type="submit"]:hover{
background-color: #ff4d3f;
}
.g-recaptcha{
margin-bottom: 18px;
} .company-container{
padding: 20px 0 60px;
}
.company-container>*{
font-family: 'HelveticaNeueCyr';
font-size: 14px;
color: #2a2b2c;
line-height: 1.65em;
}
.company-container h2{
margin: 25px 0;
} .contact-us-container__content-box{
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.contact-us-container__content-box>div{
width: 50%;
}
.contact-us-container__content-box_text-part h2{
font-family: PT Sans Narrow;
text-transform: uppercase;
font-weight: normal;
font-size: 18px;
margin-bottom: 15px;
}
.contact-us-container__content-box_text-part p{
font-size: 14px;
font-family: 'HelveticaNeueCyr';
margin-bottom: 15px;
color: #2a2b2c;
line-height: 1.65em;
}
.contact-us-container__content-box_tel{
margin-top: -15px;
}
.contact-us-container__content-box_text-part p a{
margin-top: -15px;
margin-bottom: 0;
text-decoration: none;
color: #2a2b2c;
}
.contact-us-container__content-box_text-part p a:hover{
color: #8c61af;
transition: 0.5s;
}
.contact-us-container__content-box_text-part h1{
font-family: PT Sans Narrow;
text-transform: uppercase;
font-weight: normal;
font-size: 20px;
margin-bottom: 15px;
}
.contact-us-container__content-box_text-part form{
display: flex;
flex-direction: column;
width: 325px;
margin-bottom: 5px; }
.contact-us-container__content-box_text-part form input,
.contact-us-container__content-box_text-part form textarea{
padding: 5px;
font-size: 16px;
border-radius: 5px;
background-color: #eeeeee;
border: 2px #e2e2e2 solid;
font-family: 'HelveticaNeueCyr';
width: 304px;
}
.contact-us-container__content-box_text-part form input[type="submit"]{
width: max-content;
font-family: 'HelveticaNeueCyr';
font-weight: 400;
border: 0;
border-radius: 4px;
padding: 10px 30px;
font-size: 14px;
text-transform: uppercase;
background-color: #1f8ccc;
color: #fff;
cursor: pointer;
}
.contact-us-container__content-box_text-part form input[type="submit"]:hover{
background-color: #ff4d3f;
} .news-items-box{
display: flex;
flex-direction: column;
margin-top: 20px;
}
.news-items-box__news-item{
background-color: #fff;
padding: 30px 40px 30px 20px;
margin-bottom: 25px;
border-radius: 4px;
box-shadow: 0 2px 0 #eee;
border: 1px solid #EFEFEF;
}
.news-items-box__news-item_header{
border-bottom: 1px solid #EFEFEF;
font-family: PT Sans Narrow;
font-size: 18px;
color: #2a2b2c;
text-decoration: none;
margin-bottom: 20px;
display: block;
}
.news-items-box__news-item_header:hover{
text-decoration: underline;
color: #8c61af;
transition: 0.5s;
}
.news-items-box__news-item_header h2{
font-weight: normal;
}
.news-items-box p{
font-size: 16px;
font-family: 'HelveticaNeueCyr';
margin-bottom: 15px;
color: #2a2b2c;
line-height: 1.65em;
} .single-news-container{
padding: 30px 0 60px;
}
.single-news-container{
font-family: 'HelveticaNeueCyr';
}
.single-news-container h2{
color: #2a2b2c;
font-size: 30px;
font-family: PT Sans Narrow;
font-weight: normal;
margin-bottom: 10px;
text-transform: uppercase;
}
.single-news-container p{
font-size: 16px;
margin-bottom: 15px;
color: #2a2b2c;
line-height: 1.65em;
}
.single-news-container a{
text-decoration: none;
color: #2a2b2c;
}
.single-news-container a:hover{
color: #8c61af;
transition: 0.5s;
}
.single-news-container img{
margin: 20px;
} .secure-switches-container .category-title{
margin-bottom: 5px;
}
.secure-switches-container__sub-cat-container{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 50px;
}
.secure-switches-container__sub-cat-container a{
display: contents;
text-decoration: none;
color: unset;
}
.secure-switches-container__sub-cat-item{
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
padding: 0 20px 10px;
width: 45%;
}
.secure-switches-container__sub-cat-item h1{
text-align: center;
}
.secure-switches-container__sub-cat-item_img-container{
width: 60%;
min-height: 175px;
display: flex;
justify-content: center;
align-items: center;
}
.secure-switches-container__sub-cat-item_img-container img{
width: 100%;
} .county-container h2{
color: #2a2b2c;
font-size: 26px !important;
font-family: PT Sans Narrow;
margin: 30px 0 10px;
font-weight: normal;
} .county-container table tr td a{
color: #2a2b2c;
text-decoration: none;
}
.county-container table tr td a:hover{
color: #8c61af;
transition: 0.5s;
}
.county-container table{
text-align: center;
color: #2a2b2c;
border: 1px solid #fff;
border-collapse: collapse;
font-family: 'HelveticaNeueCyr';
font-size: 14px;
width: 100%;
margin: 30px 0 60px;
}
.county-container table .tr-header{
border: 1px solid #fff;
padding: 12px;
width: 100px;
}
.county-container table tr td{
border: 1px solid #fff;
background: #efefef;
padding: 12px;
width: 100px;
}
.county-container table .tr-header td{
background: #dedede;
} .approvals-container{
margin-bottom: 50px;
}
.approvals-container h1{
font-family: PT Sans Narrow;
text-align: center;
font-size: 30px;
text-decoration: underline;
padding: 15px 0 30px;
}
.approvals-container p{
font-size: 16px;
font-family: 'HelveticaNeueCyr';
margin-bottom: 15px;
color: #2a2b2c;
line-height: 1.65em;
}
.approvals-container h2{
font-family: PT Sans Narrow;
font-size: 22px;
font-style: italic;
text-decoration: underline;
color: #2a2b2c;
}
.approvals-container ul{
margin-left: 20px;
margin-bottom: 5px;
}
.approvals-container ul li{
font-family: 'HelveticaNeueCyr';
}
.approvals-container ul li a{
font-weight: 600;
font-size: 16px;
color: #333399;
text-decoration: none;
} .secure-switch-documentation-container{
padding: 10px 0 50px;
}
.secure-switch-documentation-container h1{
margin-top: 5px;
}
.secure-switch-documentation-container h1,
.secure-switch-documentation-container h2{
font-family: PT Sans Narrow;
font-size: 26px;
font-weight: normal;
color: darkgreen;
}
.secure-switch-documentation-container h2{
color: #2a2b2c;
padding-left: 30px;
}
.secure-switch-documentation-container ul{
list-style: none;
padding: 5px 0 0 60px;
}
.secure-switch-documentation-container ul li{
font-family: PT Sans Narrow;
font-size: 22px;
padding-bottom: 5px;
}
.secure-switch-documentation-container ul li a{
font-weight: 600;
text-decoration: none;
color: #2a2b2c;
}
.secure-switch-documentation-container ul li a:hover{
color: #8c61af;
transition: 0.5s;
} .warranty{
padding: 10px 0 50px;
}
.warranty h1{
font-family: PT Sans Narrow;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}
.warranty h2{
font-family: PT Sans Narrow;
font-size: 20px;
font-weight: normal;
margin-bottom: 10px;
color: #2a2b2c;
}
.warranty h3{
font-family: PT Sans Narrow;
font-size: 20px;
font-weight: normal;
text-align: center;
margin-bottom: 20px;
}
.warranty p,
.warranty li{
font-family: 'HelveticaNeueCyr';
font-size: 14px;
color: #2a2b2c;
line-height: 1.65em;
}
.warranty p{
margin-bottom: 20px;
}
.warranty ul{
padding-left: 30px;
} .privacy{
padding: 10px 0 50px;
}
.privacy h1,
.privacy h2{
font-family: PT Sans Narrow;
font-size: 26px;
margin-bottom: 10px;
}
.privacy h2{
font-size: 20px;
}
.privacy p{
font-family: 'HelveticaNeueCyr';
font-size: 14px;
color: #2a2b2c;
line-height: 1.65em;
margin-bottom: 20px;
} .tools-software{
padding: 10px 0 50px;
}
.tools-software p{
font-family: 'HelveticaNeueCyr';
font-size: 16px;
color: #2a2b2c;
line-height: 1.65em;
margin-bottom: 20px;
}
.tools-software table{
width: 100%;
border: 1px #fff solid;
background-color: #fff;
}
.tools-software table .header_tr{
background-color: #dedede;
}
.tools-software table tr td{
font-family: 'HelveticaNeueCyr';
padding: 8px 12px;
text-align: center;
font-size: 16px;
font-weight: bold;
}
.tools-software table tr td a{
color: #2a2b2c;
text-decoration: none;
}
.tools-software table tr td a:hover{
color: #8c61af;
transition: 0.5s;
} .full-product-list-container a{
text-decoration: none;
}
.full-product-list-container h2{
font-family: PT Sans Narrow;
font-size: 30px;
margin-bottom: 10px;
color: #2a2b2c;
font-weight: normal;
text-align: center;
}
.full-product-list-container h2:hover{
color: #8c61af;
transition: 0.5s;
}
.full-product-list-container p{
font-family: 'HelveticaNeueCyr';
font-size: 16px;
color: #2a2b2c;
margin-bottom: 30px;
}
.full-product-list-container table{
width: 100%;
font-family: 'HelveticaNeueCyr';
background-color: #fff;
border-collapse: collapse;
margin-bottom: 25px;
}
.full-product-list-container table tr{
}
.full-product-list-container table tr td{
width: 100px;
padding: 5px 0;
font-family: 'HelveticaNeueCyr';
font-size: 16px;
text-align: center;
vertical-align: top;
padding: 10px;
line-height: 1.65em;
}
.full-product-list-container table tr td a{
color: #000;
}
.full-product-list-container table tr td:nth-of-type(5){
width: 200px;
}
.full-product-list-container table tr td:nth-of-type(6) a:hover,
.full-product-list-container .mini-header-tr a:hover{
color: #8c61af !important;
transition: 0.5s;
}
.full-product-list-container table tr td:first-child a{
color: blue;
text-decoration: underline;
}
.full-product-list-container .header-tr{
background: #4a4a4a;
color: #fff;
font-size: 14px;
line-height: 12px;
vertical-align: middle;
margin-bottom: 10px;
}
.full-product-list-container .mini-header-tr{
background: #f5f5f5;
}
.full-product-list-container .mini-header-tr td{
padding: 13px 10px !important;
}
.full-product-list-container .mini-header-tr a{
color: #2a2b2c !important;
font-weight: 700;
text-decoration: none !important;
font-size: 16px;
text-transform: uppercase;
}
.full-product-list-container .header-tr td{
text-align: center;
padding: 8px 10px;
width: 100px;
border: 1px solid #fff;
font-weight: 700;
}
.full-product-list-container__small-table{
margin: 20px 0;
width: 30% !important;
}
.full-product-list-container__small-table tr td:first-child{
font-weight: 700;
} .more-info-form-background{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.more-info-form{
padding-top: 20px;
position: relative;
}
.more-info-form i{
position: absolute;
top: 0;
right: 0;
color: #fff;
cursor: pointer;
}
.more-info-form i:hover{
color: #9a9a9a;
}
.more-info-form form{
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
background-color: #fff;
}
.more-info-form form h3{
font-family: 'Open sans';
margin: 15px 0px;
text-transform: uppercase;
font-size: 22px;
}
.more-info-form form textarea,
.more-info-form form input{
width: 325px;
font-size: 20px;
margin-bottom: 20px;
padding: 5px 3px;
border-radius: 5px;
background-color: #eeeeee;
border: 2px #e2e2e2 solid;
font-family: 'HelveticaNeueCyr';
}
.more-info-form form input[type="submit"]{
width: max-content;
font-family: 'HelveticaNeueCyr';
font-weight: 400;
border: 0;
border-radius: 4px;
padding: 10px 30px;
font-size: 14px;
text-transform: uppercase;
background-color: #1f8ccc;
color: #fff;
cursor: pointer;
} .sign-up-container{
display: flex;
flex-direction: column;
padding: 25px 0 70px;
}
.sign-up-container form{
display: flex;
flex-direction: column;
}
.sign-up-container p{
font-family: 'HelveticaNeueCyr';
font-size: 14px;
color: #2a2b2c; line-height: 1.65em;
}
.sign-up-container h3{
font-family: PT Sans Narrow;
font-size: 30px;
margin: 20px 0;
color: #2a2b2c;
font-weight: normal;
}
.sign-up-container form label{
display: flex;
flex-direction: column;
font-family: PT Sans Narrow;
color: #2a2b2c;
font-size: 16px; }
.sign-up-container form h3{
margin-top: 20px;
font-size: 22px;
}
.sign-up-container form label p{
margin-bottom: 5px;
}
.sign-up-container input{
width: 370px;
padding: 9px 6px;
border: 2px #e2e2e2 solid;
background: #eee;
margin-bottom: 5px;
}
.sign-up-container input[type="checkbox"]{
width: unset;
}
.sign-up-container form label input:nth-of-type(2),
.sign-up-container form label input:nth-of-type(3),
.sign-up-container form label p:nth-of-type(3),
.sign-up-container form label p:nth-of-type(4){
margin-top: 20px;
margin-bottom: 0;
}
.sign-up-container__checkbox-container{
margin: 40px 0;
display: flex;
flex-direction: row !important;
flex-wrap: wrap;
}
.sign-up-container__checkbox-container label{
flex-direction: row !important;
align-items: center;
margin-top: 5px !important;
}
.sign-up-container__checkbox-container label input{
margin: 5px 5px 0 15px;
}
.sign-up-container__checkbox-container_div{
display: flex;
flex-direction: column;
flex-wrap: wrap; width: 75%;
margin-top: 20px;
}
.sign-up-container__checkbox-container_div br{
display: none;
}
.sign-up-container input[type="submit"]{
width: max-content;
font-family: 'HelveticaNeueCyr';
font-weight: 400;
border: 0;
border-radius: 4px;
padding: 10px 30px;
font-size: 14px;
text-transform: uppercase;
background-color: #1f8ccc;
color: #fff;
cursor: pointer;
margin-top: 20px;
}
.sign-up-container input[type="submit"]:hover{
background-color: #ff4d3f;
} .search-header{
font-family: PT Sans Narrow;
font-size: 41px;
margin-bottom: 10px;
color: #2a2b2c;
font-weight: normal;
}
.search-header-text{
display: flex;
align-items: center;
font-family: 'HelveticaNeueCyr';
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.search-count-box{
display: flex;
background-color: #ff4e42;
color: #fff;
justify-content: center;
align-items: center;
border-radius: 9px;
padding: 0px 9px;
margin: 0 5px;
}
.search-form{
display: flex;
align-items: center;
justify-content: space-between;
}
.search-form input{
padding: 9px 6px;
border: 2px #e2e2e2 solid;
border-radius: 5px;
background: #eee;
margin-bottom: 20px;
}
.search-form input:nth-of-type(1){
width: 75%;
}
.search-form input:nth-of-type(2){
width: 23%;
text-align: center;
color: #ababab;
text-transform: uppercase;
font-size: 16px;
} .ports-container,
.configuration-container{
display: flex;
align-items: center;
font-family: 'HelveticaNeueCyr';
margin-bottom: 20px;
}
.ports-container h2,
.configuration-container h2{
color: #ed3237;
font-weight: 900;
font-size: 14px;
margin-right: 10px;
}
.ports,
.configuration{
display: flex;
align-items: center;
}
.ports button,
.configuration button{
border: 0;
background-color: transparent;
padding: 0 10px;
color: #08c;
font-size: 14px;
border-right: 1px solid #666;
cursor: pointer;
}
.ports button:last-child,
.configuration button:last-child{
border-right: 0;
}
.wpcf7-response-output-my{
position: fixed;
background: rgba(0,0,0,.85);
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.wpcf7-response-output-my>div{
padding: 40px 20px;
width: 400px;
background: #fff;
border-radius: 10px;
position: relative;
}
.wpcf7-response-output-my>div i{
position: absolute;
top: 10px;
right: 10px;
color: #000;
font-size: 20px;
cursor: pointer;
}
.wpcf7-response-output-my>div h2 {
font-size: 24px;
font-weight: 400;
font-family: 'HelveticaNeueCyr';
}
.Helpful_Links{
text-decoration: none;
color: #000;
font-weight: bold;
font-style: italic;
} .container-404-main {
display: flex;
flex-direction: column;
}
.container-404-main__content-box{
display: flex;
justify-content: space-between;
align-items: center;
}
.product-item{
width: 30%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.product-item__img-container{
width: 100%;
}
.product-item__img-container img{
width: 100%;
}
.container-404 h1,
.container-404 h2,
.container-404 h3,
.container-404 h4,
.container-404 h5,
.container-404 h6{
color: #2a2b2c;
font-size: 24px;
font-family: PT Sans Narrow;
font-weight: normal;
}
.container-404 p{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.container-404-main__content-box_info-container ul{
margin-left: 20px;
}
.container-404-main__content-box_info-container ul li{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.container-404 h1{
margin-top: 20px;
}
.container-404 hr{
margin: 20px 0;
}
.container-404-main__content-box_img-container,
.container-404-main__content-box_info-container{
width: 50%;
padding: 10px;
}
.container-404-main__content-box_img-container img{
width: 100%;
}
.button-404-page{
color: #FFF;
background-color: #592b82;
border-radius: 6px;
display: inline-block;
padding: 10px 20px;
line-height: 120%;
text-decoration: none;
font-family: inherit;
text-align: center;
overflow: hidden;
cursor: pointer;
font-weight: bold;
border: none;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.button-404-page:hover{
background-color: #ffa667;
}
.button-404-page-big{
margin: 0 auto 50px;
font-size: 16px;
}
.container-404-main__content-box_info-container>*,
.product-item__info-container>*{
margin-bottom: 10px;
}
.container-404-main__content-box_info-container>*:last-child,
.product-item__info-container>*:last-child{
margin-bottom: 0;
}
.product-item__info-container{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.product-item__info-container_header{
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}
.product-item__info-container p{
text-align: center;
} .article-header h1{
font-family: PT Sans Narrow !important;
font-weight: normal;
}
.article-header h1 a{
color: #2a2b2c;
text-decoration: none;
}
table.tblgh a{
color: #2a2b2c;
text-decoration: none;
}
table.tblgh tr td:nth-child(1) a {
color: blue;
text-decoration: underline;
}
table.tblgh{
font-family: 'HelveticaNeueCyr';
text-align: center;
color: #2a2b2c;
border: 1px solid #fff;
border-collapse: collapse;
margin-bottom: 40px;
}
table.tblgh tr:nth-child(1) th {
background: #4a4a4a;
color: #fff;
font-size: 12px;
line-height: 12px;
vertical-align: middle;
}
table.tblgh td {
border: 1px solid #fff;
padding: 8px;
width: 100px;
font-size: 14px;
font-weight: normal;
line-height: 1.65em;
}
table.tblgh tr {
background: #efefef;
}
table.tblgh th {
background: #dedede;
border: 1px solid #fff;
padding: 8px;
width: 100px;
}
table.tblgh tr:nth-child(1) th {
background: #4a4a4a;
color: #fff;
font-size: 12px;
line-height: 12px;
vertical-align: middle;
}
.more-info-form-background span{
margin-bottom: 10px;
}
.new-product{
background: url(//smartavi.com/wp-content/uploads/2020/01/new-icon.jpg) no-repeat;
background-size: 25%;
background-position: top 5px left;
} @media screen and (max-width:999px){
.container{
width: 90%;
}
.main-menu{
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
background: rgba(0,0,0,.85);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 20;
}
.main-menu-close{
border: 0;
background: transparent;
color: #fff;
font-size: 25px;
position: absolute;
top: 15px;
right: 15px;
z-index: 9999;
}
.main-menu>li>ul{
display: none;
}
.main-menu{
display: none;
}
.footer-main-container__menu>li>a {
font-size: 18px;
}
.footer-main-container__menu a {
font-size: 10px;
}
.main-menu .menu-item-has-children {
justify-content: center;
flex-direction: column;
align-items: center;
}
.footer-main-container {
justify-content: space-between;
flex-wrap: wrap;
}
.menu-item-has-children {
align-items: flex-start;
}
.middle-header{
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
}
.top-header {
flex-wrap: wrap;
}
.top-header__menu-button{
display: block;
border: 0;
background: transparent;
font-size: 20px;
color: #fff;
}
.main-menu-box {
padding: 5px 0;
}
#keyword{
margin-right: 0;
}
.main-menu>li>ul { position: unset;
flex-direction: column;
justify-content: center;
align-items: center;
visibility: visible;
opacity: 1;
width: 100%;
background: transparent;
}
.where-to-buy-container__img-box img,
.partner-container__img-box img,
.support__img-box img,
.contact-us-container__img-box img,
.news__img-box img,
.career-container__img-box img{
width: 100%;
}
.info-block {
flex-direction: column;
}
.info-block__item{
padding: 0;
margin-bottom: 20px;
}
.info-block__item:last-child{
margin-bottom: 0;
}
.main-top-slider__slider-item p {
width: auto;
}
.main-slider-item__button-container {
flex-wrap: wrap;
}
.main-slider-item__button-container button:first-child{
margin-bottom: 10px;
}
.info-block-2__item {
flex-direction: column !important;
padding: 20px 0 !important;
}
.info-block-2__text-box{
margin-top: 20px;
padding: 0 !important;
}
.info-block-2__text-box>*{
text-align: center;
}
.featured-product-lines-box__list{
flex-direction: column;
}
.support-container form,
.contact-us-container__content-box_text-part form{
width: 100%;
max-width: 400px;
}
.support-container form input, .support-container form textarea,
.contact-us-container__content-box_text-part form input, .contact-us-container__content-box_text-part form textarea{
width: 100%;
}
.contact-us-container__content-box{
flex-direction: column-reverse;
}
.contact-us-container__content-box>div{
width: 100%;
}
.secure-switches-container__sub-cat-item{
width: 100%;
}
.cat-box__products {
justify-content: space-between;
}
.cat-box__products_product {
width: 47.5%;
}
.education-container__child{
max-width: unset;
width: 100%;
}
.career-form-container form label,
.cover-letter textarea{
width: 100% !important;
}
.yes-no-container,
.sign-up-container input{
width: 100%;
}
.sign-up-container input{
margin-bottom: 0;
}
.sign-up-container span.wpcf7-list-item {
justify-content: space-between;
width: 100%;
} .main-menu>li{
border: 0 !important;
border-top: 1px #424242 solid !important;
width: 60%;
text-align: center;
justify-content: center;
}
.main-menu>li:last-child{
border-bottom: 1px #424242 solid !important;
}
.main-menu .sub-menu{
display: none;
}
.main-menu>li>ul>li{
width: 100% !important;
}
.main-top-slider__buttons{
display: none;
}
.top-main-item__item_info h2 {
font-size: 32px;
}
.top-main-item__item_info p {
font-size: 16px;
}
.top-main-item__item_info li {
font-size: 14px;
}
.top-main-item__item_img-box{
width: 50%;
overflow: hidden;
}
.top-main-item__item .top-main-item__item_img-box img{
width: 100% !important;
}
.featured-products-container__main-list{
flex-wrap: wrap;
}
.featured-products-container__main-list_item{
width: 100%;
margin-bottom: 20px;
}
.info-container{
flex-direction: column;
}
.products-container,
.products-container__items-box,
.latest-news-container,
.smartavi-clients-container__slider-box{
width: 100%;
}
.footer-main-container__form-box {
width: 300px;
}
.footer-main-container__form-box_img {
margin: 20px 0 0;
}
.new-product{
background: none;
}
}
@media screen and (max-width:768px){
.single-product-container__buttons-container ul {
flex-direction: column;
align-items: flex-start;
}
.single-product-container__buttons-container ul>li {
margin-bottom: 5px;
}
.single-product-container__buttons-container ul>li:last-child {
margin-bottom: 0;
}
.single-product-container__buttons-container {
flex-direction: column;
align-items: flex-start;
padding: 10px 0;
}
.single-product-container__buttons-container button {
margin-top: 10px;
}
.slider-box {
flex-direction: column-reverse;
}
.single-product-container__slider{
height: unset;
width: 100%;
}
.slider-container{
width: 100%;
}
.slider-box__dots {
flex-direction: row;
flex-wrap: wrap;
width: unset;
margin: 10px auto 25px;
}
.footer-main-container {
flex-direction: column;
}
.footer-main-container__info-box{
margin-top: 20px;
}
.full-product-list-container{
display: none;
}
.full-product-list-small-container{
display: flex;
flex-direction: column;
}
.product-item {
background: #2f2f2f;
color: #fff;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
font-family: 'Open Sans';
font-size: 14px;
}
.product-item__buttons-container {
border-top: 1px #ccc solid;
margin-top: 10px;
}
.product-item__buttons-container{
display: flex;
align-items: center;
}
.product-item__buttons-container p{
margin-right: 10px;
padding-top: 5px;
}
.product-item__header {
width: 100%;
font-size: 20px;
font-weight: normal;
border-bottom: 1px #ccc solid;
padding-bottom: 5px;
margin-bottom: 5px;
}
.product-item__buttons-container>button>a {
color: #2f2f2f;
text-decoration: none;
}
.product-item__buttons-container>button {
margin-top: 10px;
border-radius: 5px;
border: 0;
padding: 5px 10px;
margin-right: 10px;
}
.product-item__upc span,
.product-item__part span{
color: #ccc;
margin-right: 5px;
}
.product-item__header a {
color: #fff;
text-decoration: none;
}
.full-product-list-small-container__header{
font-family: 'Open Sans';
margin: 10px auto;
}
.full-product-list-small-container__header a{
color: #000;
text-decoration: none;
}
.secure-switch-documentation-container h1, .secure-switch-documentation-container h2 {
font-size: 20px;
}
.secure-switch-documentation-container ul li {
font-size: 16px;
}
.single-product-container__main-info-block_buttons-container {
position: unset;
flex-direction: column;
}
.new-product {
background-size: 20%;
}
}
@media screen and (max-width:550px){
.cat-box__products_product {
width: 100%;
}
}
@media screen and (max-width:480px){
.footer-main-container__menu{
flex-direction: column;
}
.footer-main-container__menu>li {
padding: 0 0 20px;
}
.footer-main-container__menu>li>a {
font-size: 24px;
}
.footer-main-container__menu a {
font-size: 14px;
}
.county-container table tr td {
padding: 4px 4px;
font-size: 11px;
}
.products-container__items-box_item{
width: 100%;
}
}
    @font-face {
font-family: 'Open Sans';
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/OpenSans/OpenSans-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: local('Open Sans Italic'), local('OpenSans-Italic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/OpenSans/OpenSans-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/OpenSans/OpenSans-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/OpenSans/OpenSans-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: local('Open Sans Medium'), local('OpenSans-Medium'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/OpenSans/OpenSans-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/OpenSans/OpenSans-ExtraBold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto Regular'), local('Roboto-Regular'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/Roboto/Roboto-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto Italic'), local('Roboto-Italic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/Roboto/Roboto-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto Bold'), local('Roboto-Bold'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/Roboto/Roboto-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/Roboto/Roboto-BoldItalic.ttf) format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans Regular'), local('NotoSans-Regular'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans Italic'), local('NotoSans-Italic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans Medium'), local('NotoSans-Medium'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans Medium Italic'), local('NotoSans-MediumItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans SemiBold'), local('NotoSans-SemiBold'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans SemiBold Italic'), local('NotoSans-SemiBoldItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-SemiBoldItalic.ttf) format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans Bold'), local('NotoSans-Bold'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-BoldItalic.ttf) format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans ExtraBold'), local('NotoSans-ExtraBold'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-ExtraBold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Noto Sans';
src: local('Noto Sans ExtraBold Italic'), local('NotoSans-ExtraBoldItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/NotoSans/NotoSans-ExtraBoldItalic.ttf) format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'icomoon';
src:  url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/IcoMoon/fonts/icomoon.eot?2h6p4y);
src:  url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/IcoMoon/fonts/icomoon.eot?2h6p4y#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/IcoMoon/fonts/icomoon.ttf?2h6p4y) format('truetype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/IcoMoon/fonts/icomoon.woff?2h6p4y) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/IcoMoon/fonts/icomoon.svg?2h6p4y#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
content: "\e986";
}
.icon-home:before {
content: "\e901";
}
.icon-wordpress:before {
content: "\eab4";
}
.icon-menu:before {
content: "\e903";
}
.icon-close:before {
content: "\e902";
}
.icon-down-arrow:before {
content: "\e900";
}
@import url("https://fonts.googleapis.com/css2?family=Concert+One&family=Mandali&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap"); html {
scroll-behavior: smooth;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a {
text-decoration: none;
}
img {
display: block;
}
ul {
list-style: none;
}
.container {
width: 320px;
padding: 0 15px;
margin: 0 auto;
}
.container-wider {
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
@media screen and (min-width: 1220px) {
.container-wider {
max-width: 1440px;
}
.featured-image img {
max-width: 1600px;
height: auto;
}
}
.county-container,
.contact-us-container {
flex: 1 1 auto;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
header {
z-index: 999;
}
header,
.wrapper,
footer {
box-sizing: border-box;
}
.wrapper {
flex-grow: 1;
}
body {
background-color: #fff;
display: flex;
flex-direction: column;
color: #000;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.featured-image {
margin: 0 auto;
}
.featured-image img {
width: 100%;
height: auto;
}
.message-text h2,
.message-popup h2 {
font-family: "Lato";
padding: 5px 0;
font-size: 16px;
color: #c77903;
text-shadow: rgba(0, 0, 0, 0.5) 0px 0.12px 0px;
}
.message-popup h2 {
padding: 10px 0;
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
color: #000000;
}
.message-popup-container {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.95);
z-index: 99;
}
.message-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 24px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;
max-width: 400px;
z-index: 100;
}
.message-popup button {
width: 100%;
margin-top: 15px;
padding: 5px 10px;
font-family: "Lato";
background: #683192;
color: #fff;
border: 0;
font-size: 16px;
text-shadow: rgba(0, 0, 0, 0.5) 0px 0.12px 0px;
cursor: pointer;
} .helpful_links-section {
padding: 20px 0 60px;
}
.helpful_links-section__sub-title {
margin-bottom: 20px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
}
.helpful_links-section__text {
margin-bottom: 25px;
color: #666;
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 25px;
}
.helpful_links-section__links {
margin-bottom: 40px;
list-style: inside;
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.helpful_links-section__link {
color: #7aa6c0;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
text-transform: uppercase;
}
@media screen and (min-width: 640px) {
.helpful_links-section__sub-title {
font-size: 22px;
}
.helpful_links-section__text {
font-size: 18px;
}
.helpful_links-section__links {
font-size: 18px;
line-height: 30px;
}
.helpful_links-section__link {
font-size: 18px;
line-height: 30px;
}
}
@media screen and (min-width: 800px) {
.helpful_links-section {
padding: 20px 0 100px;
}
.helpful_links-section__sub-title {
font-size: 24px;
}
.helpful_links-section__text {
font-size: 20px;
}
} .top-footer {
background-color: #e1e3e5;
border-color: transparent;
}
.top-footer__list {
display: flex;
gap: 25px;
height: 50px;
align-items: center;
padding: 0px 5px;
}
.top-footer__item {
display: flex;
align-items: center;
}
.taa-logo {
width: 41px;
height: 30px;
}
.iso-logo {
width: 31px;
height: 31px;
}
.niap-logo {
width: 30px;
height: 30px;
}
.made-logo {
width: 32px;
height: 30px;
}
.flag-usa {
width: 49px;
height: auto;
}
.top-footer__item:nth-child(4) {
width: 64px;
height: 56px;
color: #0a4278;
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 19px;
letter-spacing: -0.72px;
text-transform: uppercase;
}
.footer-main {
background-color: #2f2f2f;
font-family: "Open Sans", sans-serif;
}
.footer-main-container {
display: flex;
justify-content: space-between;
padding: 35px 0 25px;
}
.footer-main-container__menu {
display: flex;
justify-content: space-between;
width: max-content;
list-style: none;
}
.footer-main-container__menu ul {
list-style: none;
}
.menu-item-17793 {
position: relative;
}
.menu-item-17793>a {
display: inline-block;
margin-bottom: 5px;
}
.menu-item-17793>a:hover .menu-item-17793:after {
transform: rotate(180deg);
transition: all 0.3s ease;
}
.menu-item-17793>.sub-menu {
font-size: 12px;
position: absolute;
top: 20px;
left: 0;
opacity: 1;
visibility: visible;
}
.menu-item-17793>.sub-menu.hidden {
transition: visibility 0s, opacity 0.25s linear;
opacity: 0;
visibility: hidden;
}
.menu-item-17793>.sub-menu>li {
margin-top: 5px;
}
.arrow-btn1,
.arrow-btn2,
.arrow-btn3 {
position: absolute;
top: 27px;
right: 0;
display: inline-block;
padding: 2px;
margin-bottom: 4px;
background-color: transparent;
border-color: transparent;
cursor: pointer;
transform: rotate(0deg);
outline: none;
border: none;
}
.arrow-btn1 svg,
.arrow-btn2 svg {
transform: rotate(0deg);
}
.menu-item-17745>.sub-menu.hidden+.arrow-btn1>svg,
.menu-item-186>.sub-menu.hidden+.arrow-btn2>svg {
transform: rotate(180deg);
}
.footer-main-container__menu a {
font-size: 10px;
color: #fff;
padding-bottom: 0;
text-decoration: none;
}
.footer-main-container__menu>li {
padding: 0 10px;
}
.footer-main-container__menu>li:first-child {
padding-left: 0;
}
.footer-main-container__menu>li>a {
text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: 100;
border-bottom: 1px #524f52 solid;
margin-bottom: 5px;
display: block;
}
.footer-main-container__info-box_img-box {
margin: 10px 0;
}
.footer-main-container__info-box_top-info {
font-size: 10px; color: #fff;
padding: 0 0 0 10px;
}
.footer-main-container__info-box_img-box {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png);
height: 45px;
width: 190px;
}
.footer-main-container__info-box_top-info a {
color: #fff;
}
.footer-bottom {
background-color: #272727;
font-family: "Open Sans", sans-serif;
}
.footer-bottom-container {
padding: 15px 0;
}
.footer-bottom-container p {
font-size: 11px;
font-family: Arial;
color: #aaa;
}
.featured-product-lines-box__list-item a:hover,
.footer-main-container__menu a:hover {
color: #8c61af;
transition: 0.5s;
}
.footer-main-container__form-box_img {
margin-bottom: 60px;
}
.footer-main-container__form-box p {
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
padding: 12px 0;
}
.footer-main-container__form-box_form {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-main-container__form-box_form input {
border: 0;
width: 160px;
border-radius: 4px;
box-shadow: inset 0 5px 8px rgba(0, 0, 0, 0.23);
height: 24px;
padding: 15px 5px;
margin-bottom: 12px;
font-size: 12px;
color: #555;
}
.footer-main-container__form-box_form input[type="submit"] {
color: #5a396e;
transition: 0.3s;
height: 29px;
font-size: 12px;
font-weight: 700;
text-align: center;
font-family: "open sans";
cursor: pointer;
border: 0 solid #5a2a81;
text-transform: uppercase;
box-shadow: 0 0 0;
padding: 6px;
}
.footer-bottom-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-bottom-container__button-box {
display: flex;
align-items: center;
}
.footer-bottom-container__button-box a {
display: block;
width: 32px;
height: 32px;
margin-right: 5px;
}
.footer-bottom-container__button-box a:nth-of-type(1) {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -10px -63px;
}
.footer-bottom-container__button-box a:nth-of-type(2) {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -10px -115px;
}
.footer-bottom-container__button-box a:nth-of-type(3) {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -62px -63px;
}
.footer-bottom-container__button-box a:nth-of-type(4) {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -114px -63px;
}
.footer-bottom-container__button-box a:nth-of-type(5) {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -62px -115px;
}
.footer-bottom-container__button-box a:nth-of-type(6) {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/css_sprites.png) -114px -115px;
} .breadcrumbs {
padding: 20px 0 20px;
}
.breadcrumbs span a {
font-size: 14px;
color: #666;
text-decoration: none;
}
.breadcrumbs span a:hover {
color: #8c61af;
transition: 0.5s;
}
.breadcrumbs>span:last-child {
color: #acadaf;
font-size: 14px;
} #keyword {
font-size: 12px;
width: 200px;
padding: 8px 8px;
border: 0;
background-color: #fafafa;
}
#main-search-form {
position: relative;
margin-right: 10px;
}
#main-search-form>button {
position: absolute;
top: 50%;
margin-top: -6px;
right: 6px;
border: 0;
background: transparent;
color: #666;
font-size: 12px;
cursor: pointer;
}
#searchsubmit {
display: none;
} .main {
flex: 1 1 auto;
padding-bottom: 60px !important;
}
.main-banner {
position: relative;
padding: 73px 0;
margin: 0 auto 105px;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/banner-320.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.main-banner__title {
width: 150px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 800;
}
.main-banner__text {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 5px 15px;
text-align: center;
color: #fff;
background-color: #6090c2;
font-family: "Open Sans", sans-serif;
font-size: 14px;
}
.main-top-slider {
position: relative;
}
.top-main-item-1 {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-1.jpg) no-repeat;
}
.top-main-item-2 {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-2.jpg) no-repeat;
}
.top-main-item-3 {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-3.jpg) no-repeat;
}
.top-main-item-4 {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-4.jpg) no-repeat;
}
.top-main-item-5 {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-5.jpg) no-repeat;
}
.top-main-item-6 {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-6.jpg) no-repeat;
}
.top-main-item-7 {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/main-slider__item-7.jpg) no-repeat;
}
.top-main-item {
height: 380px;
background-size: cover;
background-position: center;
}
.top-main-item__link-1 {
background: rgba(90, 42, 130, 0.85);
}
.top-main-item__link-2 {
background: rgba(78, 89, 156, 0.85);
}
.top-main-item__link-3 {
background: rgba(22, 140, 22, 0.85);
}
.top-main-item__link-4 {
background: rgba(175, 2, 2, 0.85);
}
.top-main-item__link-5 {
background: rgba(0, 0, 0, 0.85);
}
.top-main-item__link-6 {
background: rgba(29, 105, 142, 0.85);
}
.top-main-item__link-7 {
background: rgba(38, 40, 59, 0.85);
}
.top-main-item>a {
height: 380px;
display: block;
text-decoration: none;
}
.top-main-item__item {
height: 380px;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 75px;
}
.top-main-item__item_info {
color: #fff;
}
.main-top-slider__buttons {
position: absolute;
bottom: 10px;
z-index: 5;
}
.main-top-slider__buttons button {
background: transparent;
color: rgba(247, 247, 247, 0.25);
font-weight: bold;
border: 1px rgba(247, 247, 247, 0.15) solid;
font-family: "PT Sans Narrow", sans-serif;
font-size: 16px;
letter-spacing: 1px;
border-radius: 5px;
padding: 7px 15px;
margin-right: 10px;
cursor: pointer;
}
.main-top-slider__buttons button:last-child {
margin-right: 0;
}
.main-top-slider__buttons button:hover,
.main-top-slider__buttons .active {
color: rgba(255, 255, 255, 0.9);
border: 1px rgba(255, 255, 255, 0.5) solid;
}
.top-main-item__item_info {
font-family: PT Sans Narrow;
}
.top-main-item__item_info h2 {
font-size: 42px;
font-weight: 100;
margin-bottom: 20px;
text-transform: uppercase;
}
.top-main-item__item_info p {
font-size: 18px;
}
.top-main-item__item_info ul {
margin-top: 10px;
}
.top-main-item__item_info li {
font-size: 16px;
margin-left: 20px;
}
.featured-products-container {
font-family: PT Sans Narrow;
}
.featured-products-container__header,
.products-container__header,
.latest-news-container__header,
.products-container__items-box_item>a,
.smartavi-clients-container>h2 {
margin-top: 10px;
color: #2a2b2c;
font-size: 17px;
font-weight: normal;
text-transform: uppercase;
}
.main-page-smartavi-products {
padding: 40px 0;
}
.main-page-smartavi-products__list {
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
align-items: center;
}
.main-page-smartavi-products__list .owl-dots {
display: block !important;
margin-top: 20px;
}
.main-page-smartavi-products__item {
padding-top: 30px;
padding-bottom: 15px;
border: 0.5px solid #acadaf;
display: flex;
flex-direction: column;
width: 250px;
}
.main-page-smartavi-products__wrapper {
padding: 0 22px;
margin-bottom: 12px;
display: flex;
flex-direction: column;
}
.main-page-smartavi-products__item h3 {
margin-bottom: 19px;
color: #666;
text-align: center;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 42px;
}
.main-page-smartavi-products__img {
display: flex;
align-items: center;
margin-bottom: 30px;
width: 204px;
height: 137px;
}
.main-page-smartavi-products__img img {
object-fit: contain;
width: 100%;
height: 100%;
}
.main-page-smartavi-products__item p {
color: #666;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.main-page-smartavi-products__link-wrapper {
display: flex;
justify-content: flex-end;
padding-right: 15px;
}
.main-page-smartavi-products__link {
display: flex;
align-items: center;
padding: 8px 15px;
width: max-content;
background-color: #6090c2;
color: #fff;
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
border: 0.5px solid transparent;
}
.main-page-smartavi-products__link:hover {
color: #6090c2;
border-color: #6090c2;
background-color: #fff;
}
.main-page-smartavi-products__link svg {
fill: #fff;
}
.main-page-smartavi-products__link:hover svg {
fill: #6090c2;
}
.main-page-smartavi-products__link.separate-page {
padding: 4px 0px;
width: max-content;
color: #6090c2;
background-color: transparent;
border: none;
font-size: 12px;
font-weight: 600;
}
.main-page-smartavi-products__link.separate-page:hover {
text-decoration: underline;
}
.smartavi-clients-container {
font-family: PT Sans NArrow;
margin-bottom: 50px;
}
.smartavi-clients-container__slider {
width: max-content;
}
.smartavi-clients-container__slider-box {
position: relative;
width: 65%;
}
.smartavi-clients-container__slider-box_buttons-box {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.smartavi-clients-container__slider-box_buttons-box button {
border: 0;
background: transparent;
font-size: 25px;
color: #bbbbbb;
height: max-content;
z-index: 5;
cursor: pointer;
}
.smartavi-clients__button-prev {
position: absolute;
left: 0;
top: 34%;
rotate: 180deg;
}
.smartavi-clients__button-next {
position: absolute;
right: 0;
}
.fas-angle-right:before {
content: url(//smartavi.com/wp-content/themes/SMARTAVI/img/arrow.svg);
}
.fas-angle-left:before {
content: url(//smartavi.com/wp-content/themes/SMARTAVI/img/arrow.svg);
}
.smartavi-clients-container>h2 {
margin-bottom: 10px;
}
.main-slider-item__button-container {
display: flex;
}
.main-slider-item__button-container button {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
background-color: #fff;
border: 0;
border-radius: 5px;
margin-right: 30px;
padding: 10px 40px;
font-family: "PT Sans Narrow";
cursor: pointer;
}
.main-slider-item__button-container a:last-child button {
margin-right: 0;
}
.info-block {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 35px 0 70px;
font-family: "PT Sans Narrow", sans-serif;
}
.info-block__item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 20px;
}
.info-block__item_img-box {
margin-bottom: 15px;
}
.info-block__item h2 {
text-align: center;
margin-bottom: 15px;
font-size: 24px;
color: #2a2b2c;
}
.info-block__item p {
text-align: center;
font-size: 16px;
color: #2a2b2c;
}
.info-block-2 {
display: flex;
flex-direction: column;
font-family: "PT Sans Narrow", sans-serif;
}
.info-block-2__item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0;
border-top: 1px #e2e2e2 solid;
}
.info-block-2__item:nth-of-type(2) {
flex-direction: row-reverse;
border-bottom: 1px #e2e2e2 solid;
}
.info-block-2__item_img-box {
min-width: 140px;
max-width: 140px;
}
.info-block-2__item_img-box img {
width: 100%;
}
.info-block-2__text-box {
padding: 0 20px 0 50px;
}
.info-block-2__item:nth-of-type(2) .info-block-2__text-box {
padding: 0 50px 0 20px;
}
.info-block-2__text-box h2 {
font-size: 22px;
color: #2a2b2c;
font-weight: normal;
margin-bottom: 15px;
}
.info-block-2__text-box p {
color: #808080;
font-size: 18px;
}
.featured-product-lines-box {
display: flex;
flex-direction: column;
align-items: center;
font-family: "PT Sans Narrow", sans-serif;
padding: 70px 0;
}
.featured-product-lines-box__list {
display: flex;
justify-content: space-between;
}
.featured-product-lines-box__list-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 20px;
}
.featured-product__img-container {
width: 250px;
max-width: 250px;
height: 100px;
max-height: 100px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.featured-product__img-container img {
max-height: 100px;
max-width: 100%;
}
.featured-product-lines-box h1 {
font-size: 26px;
text-decoration: underline;
margin-bottom: 25px;
}
.featured-product-lines-box__list-item a {
color: #2a2b2c;
font-size: 22px;
text-decoration: none;
margin-bottom: 10px;
text-align: center;
}
.featured-product-lines-box__list-item span,
.featured-product-lines-box__list-item p {
font-size: 18px;
text-align: center;
color: #2a2b2c;
}
.main-page-smartavi-categories,
.main-page-smartavi-clients {
padding-bottom: 40px;
}
.main-page__sub-title {
display: block;
margin-bottom: 20px;
color: #666;
text-align: center;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
letter-spacing: 1px;
text-transform: uppercase;
}
.main-page-smartavi-categories__list {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 34px;
}
.main-page-smartavi-categories__item {
padding-bottom: 15px;
width: 250px;
border: 0.5px solid #acadaf;
border-top: none;
}
.main-page-smartavi-categories__list .owl-dots {
display: block !important;
margin-top: 20px;
}
.main-page-smartavi-categories__img-wrapper {
width: 248px;
height: 228px;
overflow: hidden;
}
.main-page-smartavi-categories__img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.main-page-smartavi-categories__card-link:hover img {
transform: scale(1.2);
}
.main-page-smartavi-categories__card-link:hover h3 {
color: #6090c2;
}
.main-page-smartavi-categories__item img {
display: block;
}
.main-page-smartavi-categories h3 {
margin-bottom: 20px;
color: #666;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.main-page-smartavi-categories__wrapper {
padding-top: 30px;
}
.main-page-smartavi-categories__text-wrapper {
padding: 0 22px;
margin-bottom: 29px;
}
.main-page-smartavi-categories__item p {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 14px;
line-height: normal;
}
.main-page-smartavi-categories__item:hover {
color: #6090c2;
}
.main-page-smartavi-categories__link {
padding-right: 15px;
display: flex;
justify-content: flex-end;
}
.main-page-smartavi-categories__link div {
display: flex;
align-items: center;
width: max-content;
padding: 8px 16px;
background-color: #6090c2;
color: #fff;
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 12px;
line-height: normal;
text-transform: uppercase;
border: 0.5px solid transparent;
}
.main-page-smartavi-categories__link svg {
fill: #fff;
margin-bottom: 0;
}
.main-page-smartavi-categories__link div:hover {
color: #6090c2;
border-color: #6090c2;
background-color: #fff;
}
.main-page-smartavi-categories__link>div:hover svg {
fill: #6090c2;
}
.main-page-smartavi-categories__span:before {
content: " ";
display: inline-block;
width: 8px;
height: 7px;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/checkmark.svg);
}
.mobile-nuv {
display: grid;
grid-template-columns: 1 100%;
}
.mobile-nuv>ul>li>a {
font-size: 16px;
font-weight: 600;
}
.mobile-menu {
display: flex;
flex-direction: column;
background-color: #e1e3e5;
grid-column: 1;
grid-row: 2/3;
}
.mobile-menu li {
border-top: 1px solid #acadaf;
grid-column: 1;
grid-row: 1/3;
}
.mobile-menu li:first-child {
border-top: 0;
}
.mobile-menu>li>a {
display: block;
padding: 10px 5%;
color: #666;
text-align: left;
}
.mobile-menu>li>img {
padding: 20px 0;
margin: 0 auto;
} .products-block {
display: grid;
grid-template-columns: 1fr 4fr;
grid-column-gap: 25px;
font-family: PT Sans Narrow;
}
.products-block a {
color: #fffffe;
}
.sidebar {
margin-top: 55px;
}
.sidebar-container {
padding: 10px;
border-radius: 5px;
background: #353038;
color: #000;
}
.sidebar-container>ul {
padding-bottom: 15px;
}
.sidebar-container>ul>li {
padding-left: 20px;
}
.sidebar a {
font-size: 14px;
font-family: Tenor Sans;
color: #fffffe;
}
.sidebar-list__title a {
font-size: 18px;
}
.sidebar a:hover {
color: #b4b193;
}
.products-category__sub-title {
color: #333;
}
.products-category__title,
.products-category__sub-title {
font-size: 32px;
font-weight: 300;
}
.products-category__items {
display: grid;
grid-template-columns: 1fr 1fr;  }
.products-category__link {
display: grid;
grid-template-columns: 1fr;
margin: 15px;
}
.products-category__item {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center; padding: 30px 0px 70px 0px; border-radius: 5px;
border: 1px solid rgb(216, 216, 216);
}
.products-category__img {  width: 70%;
height: 220px;
}
.products-category__img>img {
width: 100%;
height: 100%;
}
@media screen and (max-width: 991.98px) {
.products-block {
grid-template-columns: 1fr 3fr;
}
.products-category__items {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767.98px) {
.products-block {
grid-template-columns: 1fr 2fr;
}
.products-category__title,
.products-category__sub-title {
font-size: 26px;
}
}
@media screen and (max-width: 500px) {
.products-block {
grid-template-columns: 1fr;
}
.sidebar {
display: none;
}
} .ordering-section {
padding-bottom: 60px;
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 25px;
}
.ordering-section__sub-title {
margin: 20px 0 10px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
}
@media screen and (min-width: 640px) {
.ordering-section {
font-size: 18px;
line-height: 30px;
}
.ordering-section__sub-title {
font-size: 22px;
}
}
@media screen and (min-width: 800px) {
.ordering-section {
padding-bottom: 100px;
}
.ordering-section__sub-title {
font-size: 24px;
}
} .section-category {
padding-bottom: 60px;
}
.category-title {
margin-top: 10px;
margin-bottom: 15px;
color: #666;
text-align: center;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.category-item__title {
margin-bottom: 12px;
color: #666;
text-align: center;
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.category-description {
margin-bottom: 30px;
color: #666;
font-size: 14px;
line-height: 26px;
}
.category-button {
margin: auto 14px 0 auto;
display: flex !important;
justify-content: center;
align-items: center;
border: 0.5px solid transparent;
background-color: #6090c2;
width: 40px;
height: 24px;
cursor: pointer;
}
.category-button:hover {
border-color: #6090c2;
background-color: #fff;
}
.category-button svg {
fill: #fff;
}
.category-button:hover svg {
fill: #6090c2;
}
.go-to-subcat {
font-family: "Open Sans", sans-serif;
margin-bottom: 25px;
}
.go-to-subcat h2 {
color: #633983;
font-weight: 800;
font-size: 14px;
line-height: 26px;
margin-right: 10px;
}
.go-to-subcat ul {
display: flex;
align-items: center;
list-style: none;
flex-wrap: wrap;
}
.go-to-subcat ul li a {
padding: 0 5px;
color: #6090c2;
font-size: 14px;
border-right: 1px solid #6090c2;
}
.go-to-subcat ul li:last-child a {
border-right: 0;
}
.go-to-subcat ul li:first-child a {
padding-left: 0;
}
.main-category-title {
margin-top: 10px;
margin-bottom: 5px;
color: #666;
text-align: center;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.cat-box {
margin-bottom: 30px;
}
.cat-box a {
color: #2a2b2c;
text-decoration: none;
}
.cat-box>a>h2,
.sub_cat-header {
color: #2a2b2c;
font-size: 22px;
font-weight: normal;
margin: 20px 0 20px;
font-family: "Noto Sans", sans-serif;
}
.cat-box>a>.cat-box-main-header,
.cat-box-main-header.single {
font-size: 18px;
margin-top: 15px;
margin-bottom: 5px;
}
.sub_cat-header {
font-size: 20px;
margin-top: 20px;
}
.cat-box>a>h2:hover,
.sub_cat-header:hover {
color: #6090c2;
transition: 0.5s;
}
.cat-box>p {
text-align: left;
font-size: 14px;
font-family: "Open sans", sans-serif;
color: #666;
margin-bottom: 30px;
line-height: 25px;
}
.cat-box__img-container img {
width: 100%;
height: 100%;
object-fit: contain;
}
.cat-box__img-container {
width: 290px;
height: 136px;
margin-bottom: 15px;
}
.cat-box__products>a {
display: contents;
text-decoration: none;
}
.cat-box__products_product {
position: relative;
height: 350px;
width: 290px;
padding: 20px 20px 10px;
display: flex;
justify-content: space-between;
flex-direction: column;
border: 0.5px solid #acadaf;
cursor: pointer;
}
.cat-box__sub-category__items {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.cat-box__sub-category__items.separate-page {
gap: 12px;
}
.cat-box__sub-category__link {
font-size: 16px;
color: #633983;
text-decoration: none;
cursor: pointer;
}
.cat-box__sub-category__link:hover {
color: #6090c2;
}
.cat-box__products_product-img-box {
width: 100%;
margin-bottom: 10px;
height: 136px;
display: flex;
align-items: center;
}
.cat-box__products_product-img-box img {
width: 100%;
height: 100%;
object-fit: contain;
margin: 0 auto;
}
.product__title {
margin-bottom: 20px;
color: #633983;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.search-main-container {
font-family: "Open sans";
padding-bottom: 60px !important;
}
p.product_description {
color: #666;
}
p.product_description>a {
color: #666 !important;
}
.cat-box__products_product p.product_description>a:visited {
color: #6f6a6e;
}
.cat-box__products_hidden,
.child__products_hidden {
display: none !important;
}
a.discontinued-link {
display: flex;
position: relative;
padding-right: 30px;
width: max-content;
max-width: 100%;
}
span.discontinued:before {
font-size: 16px;
font-weight: 600;
color: #333;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
padding: 5px;
}
span.discontinued:hover:before {
background: #673192;
color: #fff;
transition: 0.32s;
}
span.discontinued.rotate-arrow-180:before {
transform: translate(0, -50%) rotate(180deg) !important;
}
a.cat-box__products_a-container {
display: flex;
flex-direction: column;
height: 100%;
flex: 1 1 auto;
}
a.cat-box__products_a-container:hover {
color: #6090c2;
}
.cat-box__products_product:hover .product__title,
.cat-box__products_product:hover p.product_description,
.cat-box__products_product:hover p.product_description>a {
color: #6090c2 !important;
}
.child__products {
display: flex;
flex-direction: column;
gap: 34px;
width: 100%;
margin-top: 34px;
}
.cat-box__container,
.child-product {
display: flex;
position: relative;
background-color: #fff;
align-items: flex-start;
}
.cat-box__products {
display: flex;
flex-wrap: wrap;
gap: 34px;
}
.with_child {
flex-direction: column;
}
.child-product {
height: 320px;
width: 290px;
padding: 20px 20px 10px;
justify-content: center;
border: 0.5px solid #acadaf;
cursor: pointer;
}
.product-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
span.childProd_wrapper {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
position: absolute;
left: 20px;
bottom: 10px;
}
span.childProd {
height: 20px;
z-index: 100;
width: 344px;
}
span.childProd:before {
font-size: 16px;
font-weight: 600;
color: #666;
position: absolute;
right: 10px;
bottom: -9px;
transform: translate(0, -50%) rotate(180deg);
padding: 5px;
}
span.childProd:hover:before {
background: #6090c2;
color: #fff;
transition: 0.32s;
}
span.childProd.rotate-arrow-180:before {
transform: translate(0, -50%) rotate(0deg) !important;
}
@media screen and (min-width: 640px) {
.category-item__title {
font-size: 18px;
}
.category-description {
font-size: 16px;
line-height: 30px;
}
.main-category-title {
margin-bottom: 15px;
}
.go-to-subcat {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.go-to-subcat {
display: flex;
}
.go-to-subcat h2 {
font-size: 16px;
}
.go-to-subcat ul li a {
font-size: 16px;
}
.go-to-subcat ul li:first-child a {
padding-left: 5px;
}
.cat-box>p {
font-size: 16px;
}
.cat-box__products {
gap: 30px;
}
.cat-box__products.separate-page {
justify-content: center;
}
.cat-box__products_product {
height: 330px !important;
width: 240px;
padding: 20px 15px 10px;
}
.cat-box__products_product.separate-page {
height: 590px !important;
}
.cat-box__products_product.kvm-switch {
height: 730px !important;
width: 290px;
}
.cat-box__products_product.multiviewer {
height: 700px !important;
width: 300px;
}
.cat-box__products_product.kvm-extender {
height: 600px !important;
}
.cat-box__products_product-img-box {
width: 100%;
margin-bottom: 10px;
height: 111px;
display: flex;
align-items: center;
}
.cat-box__products_product-img-box img {
width: 100%;
height: 100%;
object-fit: contain;
margin: 0 auto;
}
.child__products {
gap: 30px;
}
.cat-box__products {
gap: 30px;
}
.cat-box>a>.cat-box-main-header,
.cat-box-main-header.single {
font-size: 20px;
margin-top: 30px;
margin-bottom: 15px;
}
.child-product {
height: 330px;
width: 240px;
padding: 20px 15px 10px;
}
@media screen and (min-width: 800px) {
.cat-box__products {
justify-content: center;
}
}
}
@media screen and (min-width: 1100px) {
.category-title {
font-size: 26px;
}
.search-main-container {
padding-bottom: 100px !important;
}
.cat-box__products.separate-page {
justify-content: start;
}
.cat-box__products_product.separate-page {
height: 640px !important;
}
.cat-box__products_product.multiviewer {
width: 350px;
}
.cat-box__sub-category__items.relative {
position: relative;
top: -48.6px;
}
}
@media screen and (min-width: 1220px) {
.section-category {
padding-bottom: 100px;
}
.category-title {
margin-top: 10px;
margin-bottom: 40px;
color: #666;
text-align: center;
font-family: "Noto Sans", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 45px;
letter-spacing: 1.6px;
text-transform: uppercase;
}
.category-item__title {
margin-bottom: 30px;
color: #666;
text-align: center;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.category-description {
margin-bottom: 60px;
color: #666;
font-size: 18px;
}
.category-button {
margin: auto 14px 0 auto;
display: flex !important;
justify-content: center;
align-items: center;
border: 0.5px solid transparent;
background-color: #6090c2;
width: 40px;
height: 24px;
cursor: pointer;
}
.main-category-title {
margin-top: 10px;
margin-bottom: 30px;
color: #666;
text-align: center;
font-family: "Noto Sans", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 45px;
letter-spacing: 1.6px;
text-transform: uppercase;
}
.cat-box__products_product {
position: relative;
height: 410px !important;
width: 374px;
padding: 30px 30px 10px;
display: flex;
justify-content: space-between;
flex-direction: column;
border: 0.5px solid #acadaf;
cursor: pointer;
}
.cat-box__products_product.separate-page {
height: 560px !important;
}
.cat-box__products_product.kvm-switch {
height: 650px !important;
width: 364px;
}
.cat-box__products_product.multiviewer {
height: 620px !important;
width: 450px;
}
.cat-box__products_product.kvm-extender {
height: 530px !important;
}
.cat-box__products_product-img-box {
width: 100%;
margin-bottom: 40px;
height: 136px;
display: flex;
align-items: center;
}
.cat-box__products {
justify-content: start;
}
.cat-box__products.multiviewer {
justify-content: center;
}
.cat-box__products_product-img-box img {
width: 100%;
height: 100%;
object-fit: contain;
margin: 0 auto;
}
.product__title {
margin-bottom: 20px;
color: #633983;
font-family: Roboto, sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.cat-box>a>h2,
.sub_cat-header,
.cat-box-main-header.single {
color: #2a2b2c;
font-size: 22px;
font-weight: normal;
margin: 20px 0 20px;
font-family: "Noto Sans", sans-serif;
}
.cat-box>a>.cat-box-main-header,
.cat-box-main-header.single {
font-size: 24px;
margin-top: 20px;
}
.go-to-subcat {
display: flex;
align-items: center;
font-family: "HelveticaNeueCyr";
margin-bottom: 25px;
}
.go-to-subcat h2 {
color: #f4953b;
font-weight: 900;
font-size: 14px;
margin-right: 10px;
}
.go-to-subcat ul {
display: flex;
align-items: center;
list-style: none;
}
.go-to-subcat ul li a {
padding: 0 5px;
color: #08c;
font-size: 11px;
border-right: 1px solid #666;
}
.go-to-subcat ul li:last-child a {
border-right: 0;
}
.child__products {
display: flex;
flex-direction: column;
gap: 34px;
width: 100%;
margin-top: 34px;
}
.cat-box__container,
.child-product {
display: flex;
position: relative;
background-color: #fff;
align-items: flex-start;
}
.cat-box__products {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.with_child {
flex-direction: column;
}
.child-product {
width: 374px;
min-height: 410px;
justify-content: center;
padding: 20px;
border: 0.5px solid #acadaf;
cursor: pointer;
}
.product-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
span.childProd_wrapper {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #666;
position: absolute;
left: 30px;
bottom: 10px;
}
span.childProd {
height: 20px;
z-index: 100;
width: 344px;
}
span.childProd:before {
font-size: 16px;
font-weight: 600;
color: #666;
position: absolute;
right: 20px;
bottom: -9px;
transform: translate(0, -50%) rotate(180deg);
padding: 5px;
}
span.childProd:hover:before {
background: #6090c2;
color: #fff;
transition: 0.32s;
}
span.childProd.rotate-arrow-180:before {
transform: translate(0, -50%) rotate(0deg) !important;
}
} .section-kmv-solutions {
padding-bottom: 60px;
}
.section-kmv-solution__item-title {
margin-bottom: 15px;
color: #633983;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.section-kmv-solution__item-description {
padding: 0 20px;
color: #666;
font-size: 14px;
font-family: "Open Sans", sans-serif;
line-height: 19px;
}
.secure-switches-container__sub-cat-container>a:hover .section-kmv-solution__item-title,
.secure-switches-container__sub-cat-container>a:hover .section-kmv-solution__item-description {
color: #6090c2;
}
@media screen and (min-width: 640px) {
section-kmv-solution__item-title {
margin-bottom: 25px;
}
}
@media screen and (min-width: 1220px) {
.section-kmv-solutions {
padding-bottom: 100px;
}
.section-kmv-solution__item-title {
margin-bottom: 15px;
color: #633983;
font-family: Roboto, sans-serif;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.section-kmv-solution__item-description {
padding: 0 30px;
color: #666;
font-family: Open Sans, sans-serif;
}
.secure-switches-container__sub-cat-container>a:hover .section-kmv-solution__item-title,
.secure-switches-container__sub-cat-container>a:hover .section-kmv-solution__item-description {
color: #6090c2;
}
} .single-product-container__description,
.single-product-container__buttons-container {
font-family: "Open Sans", sans-serif;
}
.single-product-container {
position: relative;
padding-bottom: 40px !important;
display: grid;
grid-template-columns: repeat(1, 100%);
}
.single-product-container__header {
color: #633983;
font-size: 20px;
font-weight: 600;
line-height: 45px;
letter-spacing: 1px;
margin-bottom: 10px;
text-align: center;
grid-column: 1;
grid-row: 2/3;
}
.single-product-container__description {
margin-bottom: 20px;
font-size: 14px;
line-height: 25px;
grid-column: 1;
grid-row: 3/4;
}
.single-product-container__buttons-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
grid-column: 1;
grid-row: 5/6;
margin-bottom: 21px;
}
.single-product-container__buttons-container ul {
grid-column: 1/3;
grid-row: 1;
display: flex;
flex-direction: row !important;
align-items: center;
list-style: none;
}
.single-product-container__buttons-container ul li a {
grid-column: 1/2;
grid-row: 2;
font-size: 15px;
color: #696969;
margin-right: 11px;
text-decoration: none;
font-weight: 700;
}
.single-product-container__buttons-container ul li i {
color: #696969;
margin-right: 4px;
font-size: 16px;
}
.file-i {
color: #df253c !important;
}
.single-product-container__buttons-container>a {
text-decoration: none;
}
.single-product-container__buttons-container button {
background-color: #6090c2;
border: 0.5px solid transparent;
color: #fff;
padding: 9px 10px;
font-weight: 700;
text-align: center;
border-radius: 5px;
font-size: 11px;
text-transform: uppercase;
font-family: "Open sans";
cursor: pointer;
width: 120px;
}
.single-product-container__buttons-container button:hover {
background-color: #fff;
border-color: #6090c2;
color: #6090c2;
transition: 0.5s;
}
.slider-box {
display: flex;
justify-content: space-between;
margin: 25px 0 0;
grid-column: 1;
grid-row: 4/5;
flex-direction: column-reverse;
}
.slider-container {
position: relative;
width: 90%;
}
.slider-box__dots {
width: 50px;
display: flex;
flex-direction: column;
}
.slider-box__dots button {
margin-bottom: 5px;
background-color: transparent;
border: 1px solid #bbb;
padding: 2px;
border-radius: 5px;
min-width: 60px;
max-width: 60px;
min-height: 45px;
max-height: 45px;
cursor: pointer;
}
.slider-box__dots button img {
width: 100%;
max-height: 38px;
}
.single-product-container__slider {
width: 90% !important;
margin: 20px auto;
height: 300px;
background-color: #fff;
}
.single-product-container__slider div {
width: 100%;
display: flex;
align-items: center;
}
.single-product-container__slider div img {
width: auto;
max-width: 95%;
max-height: 300px;
cursor: pointer;
}
.owl-carousel .owl-stage {
display: flex !important;
align-items: center !important;
}
.owl-carousel .owl-item {
display: flex !important;
justify-content: center !important;
}
.owl-item .img-container {
padding: 26px 0;
display: flex;
justify-content: center;
}
.owl-carousel .owl-item img {
width: auto !important;
max-width: 100% !important;
height: auto;
margin: 0 auto !important;
}
.slider-box__btn-box {
width: 100%;
position: absolute;
top: 45%;
display: flex;
justify-content: space-between;
}
.slider-box__btn-box_btn {
margin: 0 5px;
border-radius: 50%;
border: 4px #c5c3c3 solid;
color: #c5c3c3;
min-width: 35px;
min-height: 35px;
z-index: 5;
background-color: transparent;
cursor: pointer;
}
.slider-box__btn-box_btn:hover {
border: 4px #7c7c7c solid;
color: #7c7c7c;
}
.slider-box__btn-box_btn i {
font-size: 27px;
}
.product-info-block {
padding: 15px;
border: 1px #acadaf solid;
border-radius: 5px;
margin-bottom: 30px;
font-family: "Open Sans";
color: #666;
font-size: 14px;
line-height: 1.65em;
}
.product-info-block>h2 {
font-family: "Noto Sans";
width: 90%;
margin: 30px 0 20px;
font-size: 24px;
font-weight: 700;
}
.product-info-block>ul {
margin-left: 20px;
}
.product-info-block>img {
max-width: 100%;
width: auto;
height: auto;
}
.product-info-block>table {
width: 100%;
text-align: center;
color: #2a2b2c;
border: 1px solid #fff;
border-collapse: collapse;
}
.product-info-block>table tr {
background: #efefef;
}
.product-info-block>table th {
background: #dedede;
border: 1px solid #fff;
padding: 8px;
width: 100px;
}
.product-info-block>table td {
border: 1px solid #fff;
padding: 8px;
width: 100px;
}
.product-info-block {
display: none;
}
.product-info-block-active {
display: block;
}
.single-product-container__main-info-block {
position: relative;
grid-column: 1;
grid-row: 6/7;
}
.single-product-container__main-info-block_buttons-container {
position: unset;
display: flex;
flex-direction: column;
}
.single-product-container__main-info-block_buttons-container button {
background-color: #666;
color: #ffffff;
border: 0;
border-bottom: 0.5px solid #fff;
font-family: "Open Sans", sans-serif;
font-size: 16px;
padding: 7px 0px; margin-right: 0px;
cursor: pointer;
transition: 0.5s;
}
.single-product-container__main-info-block_buttons-container button:first-child {
border-bottom: 0;
}
.single-product-container__main-info-block_buttons-container button>span {
width: 100%;
border-right: 1px rgba(255, 255, 255, 0.25) solid;
display: block;
padding: 0px 12px;
}
.single-product-container__main-info-block_buttons-container button:last-child>span {
border-right: 0;
}
.single-product-container__main-info-block_buttons-container .active-btn {
border: 0;
background-color: #6090c2;
color: #fff;
}
.single-product-container__main-info-block_buttons-container button:hover:not(.active-btn) {
color: #fff;
background-color: #6090c2;
}
.single-product-container__main-info-block_specifications-block table {
width: 100%;
font-family: "HelveticaNeueCyr";
border-collapse: collapse;
}
.single-product-container__main-info-block_specifications-block table .tr-header {
background-color: #f5f5f5;
font-weight: bold;
}
.single-product-container__main-info-block_specifications-block table tr td {
padding: 10px 12px;
font-size: 16px;
}
.single-product-container__main-info-block_specifications-block table tr td:first-child {
width: 40%;
}
.slider-container__big-slider-button {
position: absolute;
bottom: 15px;
right: 12px;
color: #c5c3c3; border: 0;
background-color: transparent;
font-size: 29px;
cursor: pointer;
opacity: 0;
transition: 1.5s;
display: none;
} .slider-container__big-slider-button:hover {
color: #696969;
}
.big-slider-container-background {
display: none;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
}
.big-slider-container {
position: fixed;
top: 5%;
left: 5%;
width: 90%;
height: 90vh;
overflow: hidden;
z-index: 15;
background-color: #fff;
}
.big-slider-container>i {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
z-index: 20;
color: #c5c3c3;
font-size: 22px;
}
.big-slider-container>i:hover {
color: #696969;
}
.big-slider-container .owl-item {
display: flex;
justify-content: center;
align-items: center;
height: 85vh;
}
.big-slider-container .owl-item img {
max-height: 85vh;
max-width: 85%;
}
@media screen and (min-width: 640px) {
.single-product-container__description {
font-size: 16px;
}
.single-product-container__buttons-container ul {
margin-top: 10px;
grid-column: 1;
grid-row: 1/3;
display: flex;
gap: 8px;
flex-direction: column !important;
align-items: center;
justify-content: center;
list-style: none;
}
.single-product-container__buttons-container ul li a {
grid-column: 1;
grid-row: 2/3;
font-size: 15px;
color: #696969;
margin-right: 11px;
text-decoration: none;
font-weight: 700;
}
.single-product-container__buttons-container button {
width: 180px;
margin-left: 75px;
}
.single-product-container__main-info-block_buttons-container button:last-child {
font-size: 15px;
}
.product-info-block {
font-size: 16px;
}
.single-product-container__main-info-block_buttons-container {
position: unset;
flex-direction: row;
}
}
@media screen and (min-width: 768px) {
.single-product-container__buttons-container button {
margin-top: 15px;
}
}
@media screen and (min-width: 800px) {
.single-product-container__header {
font-size: 32px;
text-align: left;
}
.single-product-container__description {
margin-bottom: 10px;
font-size: 14px;
line-height: 25px;
}
.single-product-container__buttons-container {
display: flex;
justify-content: space-between;
align-items: center;
grid-column: 1;
grid-row: 4/5;
}
.slider-box {
grid-row: 5/6;
}
.single-product-container__buttons-container ul {
display: flex;
flex-direction: row !important;
align-items: center;
list-style: none;
}
.single-product-container__buttons-container ul li a {
font-size: 15px;
color: #696969;
margin-right: 11px;
text-decoration: none;
font-weight: 700;
}
.single-product-container__buttons-container ul li i {
color: #696969;
margin-right: 4px;
font-size: 16px;
}
.slider-box {
display: flex;
justify-content: space-between;
margin: 25px 0 50px;
flex-direction: column-reverse;
}
.slider-container {
position: relative;
width: 90%;
}
.single-product-container__buttons-container button {
background-color: #6090c2;
border: 0.5px solid transparent;
color: #fff;
padding: 10px 10px;
font-size: 12px;
margin-top: 0;
}
.single-product-container__main-info-block_buttons-container button {
margin-top: 0;
background-color: #666;
color: #ffffff;
border: 0;
border-bottom: 0;
font-size: 12px;
padding: 7px 0px; margin-right: 0px;
cursor: pointer;
transition: 0.5s;
}
.single-product-container__main-info-block_buttons-container button:last-child {
font-size: 12px;
}
.product-info-block {
padding: 30px;
border: 2px #afafaf solid;
border-radius: 5px;
margin-bottom: 30px;
font-family: "Open Sans";
color: #2a2b2c;
font-size: 14px;
line-height: 1.65em;
}
} .section-career {
padding-bottom: 60px;
}
.section-career__title {
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
}
.section-career__text {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 16px;
margin-bottom: 20px;
}
.career-form__wrapper {
padding: 0 10px;
}
.section-career .common-select {
width: 270px;
height: 40px;
border: 0.5px solid #acadaf;
border-radius: 4px;
margin-top: 10px;
font-size: 14px;
color: #666;
}
.section-career form input[type="submit"] {
display: block;
margin: 20px auto 0;
}
.career-container__img-box {
margin: 20px 0;
}
.career-container__jobs-list {
margin-bottom: 20px;
width: max-content;
}
.career-container__jobs-list a {
text-decoration: none;
color: #000;
}
.career-container__jobs-list h2 {
margin-bottom: 10px;
font-family: PT Sans Narrow;
font-size: 22px;
font-weight: normal;
}
.career-container__body-text {
font-size: 16px;
margin-bottom: 50px;
font-family: "HelveticaNeueCyr";
line-height: 1.65em;
}
.career-container__btn-box {
display: flex;
}
.career-container__button {
background-color: #1f8ccc;
color: #fff;
font-family: "Open sans";
font-weight: bold;
padding: 12px 32px;
font-size: 20px;
border: 0;
border-radius: 5px;
cursor: pointer;
margin: 40px 40px 50px 0;
}
.career-container__button:hover {
background-color: #ff4d3f;
transition: 0.75s;
}
.career-container__jobs-list .career-container__button {
padding: 6px 15px;
}
.career-container__jobs-list>a:hover {
color: #8c61af;
transition: 0.5s;
}
.owl-dots,
.owl-nav {
display: none !important;
}
@media screen and (min-width: 640px) {
.career-form__wrapper {
padding: 0 30px;
}
.section-career .common-select {
width: 450px;
}
.section-career__title {
font-size: 18px;
}
}
@media screen and (min-width: 1100px) {
.section-career .common-select {
width: 498px;
height: 40px;
border: 0.5px solid #acadaf;
margin-top: 10px;
font-size: 14px;
color: #666;
}
}
@media screen and (min-width: 1220px) {
.section-career {
padding-bottom: 100px;
}
.section-career__title {
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
margin-bottom: 20px;
}
.section-career__text {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 16px;
margin-bottom: 20px;
}
.career-form__wrapper {
padding: 0 40px;
}
.section-career .common-select {
width: 498px;
height: 40px;
border: 0.5px solid #acadaf;
margin-top: 10px;
font-size: 14px;
color: #666;
}
.section-career form input[type="submit"] {
display: block;
margin: 0 auto;
}
.career-container__img-box {
margin: 20px 0;
}
.career-container__jobs-list {
margin-bottom: 20px;
width: max-content;
}
.career-container__jobs-list a {
text-decoration: none;
color: #000;
}
.career-container__jobs-list h2 {
margin-bottom: 10px;
font-family: PT Sans Narrow;
font-size: 22px;
font-weight: normal;
}
.career-container__body-text {
font-size: 16px;
margin-bottom: 50px;
font-family: "HelveticaNeueCyr";
line-height: 1.65em;
}
.career-container__btn-box {
display: flex;
}
.career-container__button {
background-color: #1f8ccc;
color: #fff;
font-family: "Open sans";
font-weight: bold;
padding: 12px 32px;
font-size: 20px;
border: 0;
border-radius: 5px;
cursor: pointer;
margin: 40px 40px 50px 0;
}
.career-container__button:hover {
background-color: #ff4d3f;
transition: 0.75s;
}
.career-container__jobs-list .career-container__button {
padding: 6px 15px;
}
.career-container__jobs-list>a:hover {
color: #8c61af;
transition: 0.5s;
}
.owl-dots,
.owl-nav {
display: none !important;
}
} .where-to-buy-section {
padding-bottom: 60px;
}
.where-to-buy-container .description {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
}
.where-to-buy-container .description>span {
display: block;
margin-top: 15px;
}
.where-to-buy-section__wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.tabs-buttons {
display: flex;
}
.tab-button {
position: relative;
display: inline-block;
color: #fff;
background-color: #666;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
padding: 7px 20px;
width: 145px;
border-color: transparent;
cursor: pointer;
}
.tab-button.active {
background-color: #6090c2;
}
.first-btn:after {
position: absolute;
content: "";
top: 9px;
right: -2px;
width: 1px;
height: 26px;
background-color: #fff;
z-index: 5;
}
.tab-content {
border: 0.5px solid #acadaf;
padding: 10px 10px 40px;
}
#tab2 {
padding-bottom: 20px;
}
.company-tiles {
display: flex;
flex-direction: column;
gap: 18px;
}
.company-tile {
border: 0.5px solid #acadaf;
box-shadow: 1px 1px 6px 2px rgba(172, 173, 175, 0.25);
}
.company-tiles .image_container {
padding: 20px 29px 0;
margin-bottom: 32px;
}
.company-tiles .image_container>a {
display: block;
}
.company-tile__wrapper {
display: flex;
justify-content: space-between;
padding: 0 20px 20px;
}
.company-tile__wrapper h2 {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 30px;
}
.company-tile__wrapper p {
margin: 0;
}
.company-tile__wrapper a {
color: #6090c2;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 30px;
text-decoration-line: underline;
}
.company-tile__img {
width: 212px;
height: 64px;
}
.where-to-buy-container__country-list {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 14px;
}
.where-to-buy-container__country-item {
width: 247px;
display: flex;
align-items: center;
gap: 10px;
}
.where-to-buy-container__country-item img {
width: 60px;
height: 60px;
}
.where-to-buy-container__country-list a {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}
.where-to-buy-container__country-list a:hover {
color: #6090c2;
transition: 0.5s;
}
.map-img {
width: 250px;
height: 154px;
margin: 0 auto;
}
@media screen and (min-width: 640px) {
.company-tile {
width: 270px;
}
.map-img {
margin: 0;
}
.where-to-buy-section__wrapper {
display: flex;
flex-direction: row;
gap: 0;
align-items: center;
justify-content: space-between;
}
.where-to-buy-container__country-item {
width: 193px;
}
}
@media screen and (min-width: 800px) {
.where-to-buy-section {
padding-bottom: 80px;
}
.company-tiles {
display: flex;
flex-direction: row;
gap: 25px;
}
.where-to-buy-container__country-item img {
width: 80px;
height: 80px;
}
.where-to-buy-container__country-item {
width: 213px;
}
.map-img {
width: 400px;
height: auto;
}
}
@media screen and (min-width: 1100px) {
.where-to-buy-section {
padding-bottom: 100px;
}
.tab-content {
padding: 40px 20px 40px;
}
.where-to-buy-container .description {
font-size: 18px;
line-height: 30px;
margin-bottom: 40px;
}
.tab-button {
font-size: 18px;
font-weight: 400;
line-height: 30px;
padding: 7px 45px;
width: 200px;
}
.company-tiles {
display: flex;
gap: 40px;
}
.company-tiles .image_container {
padding: 30px 63px 0;
margin-bottom: 55px;
}
.company-tiles .image_container>a {
display: block;
}
.company-tile {
width: 390px;
}
.company-tile__wrapper {
display: flex;
justify-content: space-between;
padding: 0 30px 30px;
}
.company-tile__wrapper h2 {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.company-tile__wrapper p {
margin: 0;
}
.where-to-buy-container__country-item {
width: 233px;
}
.company-tile__wrapper a {
color: #6090c2;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
text-decoration-line: underline;
}
.where-to-buy-container__country-list a {
font-size: 20px;
}
.company-tile__img {
width: 263px;
height: 95px;
}
.map-img {
width: 550px;
height: auto;
}
}
@media screen and (min-width: 1220px) {
.where-to-buy-container .description>span {
display: block;
margin-top: 20px;
}
.where-to-buy-section__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.where-to-buy-container__country-list {
display: flex;
flex-direction: column;
gap: 21px;
font-size: 14px;
}
.where-to-buy-container__country-item {
width: 247px;
display: flex;
align-items: center;
gap: 10px;
}
.where-to-buy-container__country-item img {
width: 100px;
height: 100px;
}
.where-to-buy-container__country-list a {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}
.map-img {
width: 705px;
height: 436px;
}
} .about-SMARTAVI-container {
padding: 20px 0 30px;
}
.about-SMARTAVI-container h2 {
font-family: PT Sans Narrow;
font-size: 30px;
color: #2a2b2c;
font-weight: normal;
}
.about-SMARTAVI-container p {
font-size: 16px;
font-family: "HelveticaNeueCyr";
margin-bottom: 30px;
color: #2a2b2c;
line-height: 1.65em;
}
.about-SMARTAVI-container p a {
text-decoration: none;
color: #0000ff;
} .partner-section .img-box {
padding: 110px 0;
margin-bottom: 105px;
position: relative;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners-640.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.partner-section .img-box img {
display: none;
}
.partner-section .section-title {
position: absolute;
width: 100%;
padding: 19px 0 20px 15px;
top: 100%;
right: 0;
background-color: #6090c2;
font-size: 24px;
font-weight: 400;
}
.partner-section .signup-button {
position: absolute;
bottom: -70px;
right: 15px;
display: block;
min-width: 90px;
padding: 7px 16px;
color: #6090c2;
background-color: #fff;
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
}
.partner-section .signup-button:hover {
border: 0.5px solid #fff;
background-color: #6090c2;
color: #fff;
}
.partner-container {
padding-top: 10px;
padding-bottom: 60px;
}
.partner-container__sub-title {
margin-bottom: 15px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
}
.partner-options__title {
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
margin-bottom: 10px;
margin-left: 37px;
}
.partner-options__description {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 24px;
}
.partner-container p {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-bottom: 15px;
}
.partner-container ul {
display: flex;
flex-direction: column;
gap: 20px;
padding: 0;
margin-bottom: 40px;
}
.partner-options__item {
position: relative;
display: flex;
align-items: center;
gap: 30px;
}
.partner-options__item:nth-child(2n) {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 34px;
}
.partner-options__wrapper-text {
width: 578px;
}
.partner-options__wrapper-text p {
margin-bottom: 0;
}
.partner-options__wrapper-img {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.partner-options__item:nth-child(2)>.partner-options__wrapper-img {
top: 13px;
}
.partner-options__wrapper-img img {
width: 27px;
}
.partner-section .signup-button__blue {
display: block;
width: 91px;
padding: 7px 16px;
margin: 0 auto;
background-color: #6090c2;
color: #fff;
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border: solid 1px transparent;
cursor: pointer;
}
.partner-section .signup-button__blue:hover {
color: #6090c2;
border-color: #6090c2;
background-color: #fff;
}
@media screen and (min-width: 640px) {
.partner-section .img-box {
padding: 185px 0;
margin-bottom: 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners-800.webp);
}
.partner-section .section-title {
position: absolute;
width: max-content;
top: 30px;
right: 65px;
font-size: 24px;
font-weight: 400;
background-color: transparent;
text-transform: uppercase;
}
.partner-section .signup-button {
bottom: 30px;
right: 65px;
}
.container.partner-container {
padding-top: 10px;
padding-bottom: 60px;
}
.partner-options__title {
margin-left: 0;
}
.partner-options__description {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 24px;
}
.partner-container p {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-bottom: 15px;
}
.partner-container ul {
display: flex;
flex-direction: column;
gap: 20px;
padding: 0;
margin: 25px 0 40px;
}
.partner-options__wrapper-text {
width: 240px;
}
.partner-options__wrapper-img {
position: static;
width: 240px;
display: flex;
align-items: center;
justify-content: center;
}
.partner-options__wrapper-img img {
width: 80px;
}
}
@media screen and (min-width: 800px) {
.partner-section .img-box {
padding: 200px 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners-1100.webp);
}
.container.partner-container {
padding-bottom: 80px;
}
.partner-section .section-title {
top: 40px;
right: 55px;
font-size: 32px;
font-weight: 400;
}
.partner-section .signup-button {
bottom: 50px;
right: 55px;
font-size: 16px;
padding: 7px 29px;
min-width: 122px;
}
.partner-container__sub-title {
margin-bottom: 30px;
}
partner-options__description {
font-size: 16px;
line-height: 30px;
}
.partner-container p {
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
}
.partner-options__wrapper-text {
width: 330px;
}
.partner-options__wrapper-img {
width: 330px;
}
.partner-section .signup-button__blue {
width: 122px;
padding: 7px 29px;
}
}
@media screen and (min-width: 1100px) {
.partner-section .img-box {
padding: 215px 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners.webp);
}
.container.partner-container {
padding-bottom: 100px;
}
.partner-section .section-title {
top: 60px;
right: 85px;
font-size: 40px;
}
.partner-section .signup-button {
bottom: 40px;
right: 85px;
}
.partner-container__sub-title {
font-size: 24px;
margin-bottom: 40px;
}
partner-options__description {
font-size: 18px;
}
.partner-container p {
font-size: 18px;
margin-bottom: 40px;
}
.partner-container ul {
gap: 40px;
margin-bottom: 60px;
}
.partner-options__wrapper-text {
width: 450px;
}
.partner-options__wrapper-img {
width: 450px;
}
.partner-options__wrapper-img img {
width: 100px;
}
}
@media screen and (min-width: 1220px) {
.partner-section .img-box {
margin: 0 auto;
max-width: 1600px;
padding: 243px 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners.webp);
}
.partner-section .img-box img {
display: block;
object-fit: contain;
}
.img-banner {
max-width: 1600px;
margin: 0 auto;
}
.partner-section .signup-button {
bottom: 52px;
right: 205px;
min-width: 160px;
padding: 7px 47px;
font-size: 16px;
font-weight: 600;
}
.title-br {
display: none;
}
.partner-options__title {
margin-bottom: 20px;
}
.partner-options__wrapper-text {
width: 578px;
}
.partner-options__wrapper-img {
width: 578px;
}
.partner-section .signup-button__blue {
width: 162px;
padding: 7px 47px;
}
.partner-section .section-title {
top: 60px;
right: 205px;
font-size: 53px;
}
} .p2p-series {
color: #f0f4ff;
}
.p2p-series-container {
max-width: 1840px !important;
margin: 0 auto;
padding: 0 20px;
}
.p2p-series .main-hero {
position: relative;
height: 383px;
background-image: url(https://smartavi.com/wp-content/uploads/2025/05/p2p-series.png);
background-size: cover;
background-position: center;
z-index: -1;
}
.p2p-series .main-hero__content {
max-width: 1400px !important;
padding: 89px 20px 0;
margin-left: 20%;
display: block;
flex-direction: column;
gap: 4px;
position: relative;
@media (max-width: 1560px) {
margin-left: 0%;
margin: 0 auto;
}
}
.p2p-series .main-hero__title {
font-family: "IBM Plex Mono", Helvetica;
font-weight: 700;
font-size: 64px;
color: var(--white);
}
.p2p-series .main-hero__subtitle {
font-family: "IBM Plex Mono", Helvetica;
font-weight: 600;
font-size: 24px;
color: var(--white);
}
.p2p-series .main-hero__description {
font-family: "Readex Pro", Helvetica;
font-weight: 400;
font-size: 16px;
margin-top: 4px;
color: var(--white);
}
.p2p-series .products-section {
display: flex;
margin: 32px auto;
padding: 0 20px;
gap: 32px;
align-items: flex-start;
font-family: "Readex Pro", sans-serif;
}
.p2p-series .filter-card {
display: flex;
flex-direction: column;
width: var(--filter-width);
min-width: 307px;
flex-shrink: 0;
gap: 16px;
padding: 16px 32px;
background-color: #deeaf8;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
position: sticky;
top: 20px;
align-self: flex-start;
}
.p2p-series .filter-card__header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.p2p-series .filter-card__title {
font-weight: 700;
font-size: 28px;
color: #0053b2;
margin: 0;
}
.p2p-series .filter-card__description {
font-weight: 400;
font-size: 16px;
color: #0053b2;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.p2p-series .filter-card__description:hover,
.p2p-series .filter-card__description:focus {
color: #003d82;
}
.p2p-series .filter-section {
display: flex;
flex-direction: column;
gap: 8px;
}
.p2p-series .filter-section__title {
font-weight: 600;
font-size: 24px;
color: #0053b2;
margin: 0;
}
.p2p-series .products-grid {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 16px;
justify-content: flex-start;
}
.p2p-series .product-card {
display: block;
width: calc(25% - 12px);
max-width: 363px;
height: 393px;
padding: 16px 12px;
background-color: #eef6ff;
border-radius: 12px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease;
cursor: pointer;
text-decoration: none;
color: inherit;
}
.p2p-series .product-card article {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
height: 100%;
}
.p2p-series .product-card:hover,
.p2p-series .product-card:focus-within {
transform: translateY(-5px);
}
.p2p-series .product-card__image img {
width: 100%;
max-width: 307px;
height: 235px;
object-fit: contain;
}
.p2p-series .product-card__title {
font-size: 24px;
color: #0053b2;
text-align: center;
width: 100%;
margin: 0;
}
.p2p-series .product-card__description {
font-weight: 400;
font-size: 16px;
color: #0053b2;
text-align: center;
width: 100%;
margin: 0;
}
.p2p-series .checkbox-item {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
margin-bottom: 8px;
}
.p2p-series .checkbox-label {
user-select: none;
font-size: 18px;
color: #0054b3;
}
.p2p-series .checkbox-custom {
appearance: none;
width: 16.5px;
height: 16.5px;
border: 1.5px solid #0054b3;
border-radius: 4px;
background: transparent;
position: relative;
cursor: pointer;
transition: background 0.3s, border-color 0.3s;
}
.p2p-series .checkbox-custom::after {
content: "";
position: absolute;
width: 4px;
height: 8px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -60%) rotate(20deg);
opacity: 0;
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2), opacity 0.3s;
}
.p2p-series .checkbox-custom:checked {
background: #0054b3;
border-color: #0054b3;
}
.p2p-series .checkbox-custom:checked::after {
opacity: 1;
transform: translate(-50%, -60%) rotate(43deg);
}
@media (max-width: 1560px) {
.p2p-series .product-card {
width: calc(33.33% - 11px);
}
}
@media (max-width: 1200px) {
.p2p-series .main-header__title {
font-size: 54px;
margin-left: 0;
}
.p2p-series .main-hero__subtitle,
.p2p-series .main-hero__description {
margin-left: 0;
}
.p2p-series .products-section {
flex-direction: column;
}
.p2p-series .filter-card {
width: 100%;
max-width: 100%;
position: static;
}
.p2p-series .products-container {
width: 100%;
}
.p2p-series .products-grid {
justify-content: center;
}
.p2p-series .product-card {
width: calc(50% - 8px);
}
.p2p-series .filter-section {
flex-direction: column;
align-items: flex-start;
}
.p2p-series .filter-section__title {
margin-bottom: 4px;
}
.p2p-series .checkbox-item {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.p2p-series .main-hero__content {
padding-left: 5%;
padding-right: 5%;
}
.p2p-series .main-hero__title {
font-size: 48px;
}
.p2p-series .main-hero__subtitle {
font-size: 20px;
}
.p2p-series .main-hero__description {
font-size: 14px;
}
.p2p-series .product-card {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 576px) {
.p2p-series .main-hero {
height: auto;
min-height: 300px;
}
.p2p-series .main-hero__content {
padding-top: 50px;
padding-bottom: 50px;
}
.p2p-series .main-hero__title {
font-size: 36px;
}
.p2p-series .filter-card {
padding: 16px;
}
.p2p-series .product-card__image {
height: auto;
}
} .p2pkvm {
background-color: #0c438e;
font-family: "IBM Plex Mono", monospace;
}
.p2pkvm .separator-line {
border: none;
border-top: 1px solid rgba(46, 50, 122, 0.4);
margin: 20px 0;
width: 100%;
}
.p2pkvm .overview__container,
.p2pkvm .features__container,
.p2pkvm .cases__container,
.p2pkvm .models__container {
display: flex;
flex-direction: column;
padding: 0 20px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .btn {
display: flex;
align-items: center;
border-radius: 200px;
gap: 10px;
padding: 10px 18px;
background: #f0f4ff;
color: #1c67de;
text-decoration: none;
font-weight: 500;
width: fit-content;
font-size: 18px;
font-family: "Readex Pro", sans-serif;
}
.p2pkvm h2 {
font-size: 54px;
font-weight: 700;
color: #f0f4ff;
}
.p2pkvm .features__title,
.p2pkvm .cases__title {
font-family: "IBM Plex Mono", monospace;
color: #f0f4ff;
font-weight: 500;
text-align: center;
}
.p2pkvm .models__title {
text-align: center;
}
.p2pkvm p {
color: #f0f4ff;
font-size: 18px;
font-family: "Readex Pro", sans-serif;
font-weight: 400;
}
.p2pkvm .main {
background-image: linear-gradient( to bottom, transparent 0%, rgba(12, 67, 142, 0.1) 20%, rgba(12, 67, 142, 0.4) 90%, rgba(12, 67, 142, 0.7) 100%), url(https://smartavi.com/wp-content/uploads/2025/05/18773531_6037795-1.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 691px;
width: 100%;
display: flex;
}
.p2pkvm .main__container {
width: 100%;
max-width: 1600px;
padding: 0 20px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.p2pkvm .main__content {
max-width: 50%;
}
.p2pkvm .main__title {
margin-bottom: 6px;
color: #f0f4ff;
font-size: 96px;
font-weight: bold;
}
.p2pkvm .main__subtitle {
font-size: 32px;
font-family: "IBM Plex Mono", sans-serif;
margin-bottom: 0px;
color: #f0f4ff;
font-weight: 500;
letter-spacing: 0.05em;
}
.p2pkvm .main__description {
font-weight: 300;
}
.p2pkvm .main__devices {
position: relative;
width: 45%;
height: 500px;
z-index: 1;
}
.p2pkvm .device {
position: absolute;
transition: all 0.3s ease;
}
.p2pkvm .device img {
max-width: 100%;
height: auto;
filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.3));
}
.p2pkvm .device--left {
top: 0px;
left: 0px;
z-index: 3;
width: 60%;
}
.p2pkvm .device--right {
top: 40px;
right: -150px;
z-index: 3;
width: 60%;
}
.p2pkvm .device--bottom {
top: 240px;
right: 80px;
z-index: 1;
width: 60%;
}
.p2pkvm .overview {
margin-bottom: 32px;
}
.p2pkvm .overview__title {
margin-bottom: 16px;
}
.p2pkvm .overview__card {
display: flex;
background: rgba(128, 202, 255, 0.2);
border-radius: 24px;
padding: 48px 160px;
}
.p2pkvm .overview__description,
.p2pkvm .models__description {
margin-top: 10px;
}
.p2pkvm .overview__card-image {
display: flex;
justify-content: center;
align-items: center;
margin-right: 60px;
}
.p2pkvm .overview__card-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.p2pkvm .features__items {
display: flex;
justify-content: center;
gap: 16px;
margin-top: 40px;
flex-wrap: wrap;
}
.p2pkvm .features__item {
display: flex;
align-items: center;
background: rgba(76, 172, 241, 0.5);
border-radius: 24px;
padding: 32px 24px 32px 32px;
min-height: 80px;
width: calc(33.333% - 16px);
box-sizing: border-box;
gap: 34px;
@media (max-width: 1200px) {
width: calc(50% - 16px);
gap: 24px;
}
@media (max-width: 768px) {
width: calc(100% - 16px);
padding: 12px 8px 12px 12px;
gap: 16px;
}
}
.p2pkvm .features__item-image {
display: flex;
align-items: center;
justify-content: center;
}
.p2pkvm .features__item-content {
flex: 1;
font-size: 24px;
font-weight: 500;
color: #f0f4ff;
font-family: "Readex Pro", sans-serif;
}
.p2pkvm .features__card {
display: flex;
background: rgba(128, 202, 255, 0.2);
border-radius: 40px;
padding: 52px;
margin-top: 32px;
max-width: 100%;
gap: 30px;
@media (max-width: 1440px) {
flex-direction: column;
padding: 16px;
}
}
.p2pkvm .features__button {
display: block;
}
.p2pkvm .features__card-image {
margin-right: 30px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
@media (max-width: 1440px) {
width: 100%;
}
}
.p2pkvm .features__card-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.p2pkvm .features__card-content,
.p2pkvm .features__card>div:not(.features__card-image) {
width: 50%;
gap: 16px;
display: flex;
flex-direction: column;
}
@media (max-width: 1440px) {
.p2pkvm .features__card-content,
.p2pkvm .features__card>div:not(.features__card-image) {
width: 100%;
}
}
.p2pkvm .features__card img {
width: auto;
height: auto;
max-width: 100%;
}
.p2pkvm .features__card-list {
margin-left: 32px;
margin-bottom: 16px;
line-height: 1.6;
gap: 16px;
list-style: disc;
color: #f0f4ff;
font-size: 16px;
font-weight: 400;
font-family: "Readex Pro", sans-serif;
}
.p2pkvm .cases {
margin-top: 40px;
margin-bottom: 40px;
}
.p2pkvm .cases__grid {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
width: 100%;
}
.p2pkvm .cases__card {
background: rgba(128, 202, 255, 0.2);
border-radius: 24px;
text-align: center;
padding: 32px 32px 0px 32px;
position: relative;
overflow: hidden;
}
.p2pkvm .cases__card img {
width: 100%;
height: auto;
}
.p2pkvm .cases__card p {
font-size: 30px;
font-weight: 500;
color: #f0f4ff;
padding: 32px;
}
.p2pkvm .models {
margin-top: 32px;
margin-bottom: 40px;
position: relative;
}
.p2pkvm .models__subtitle {
font-size: 28px;
font-family: "Readex Pro", sans-serif;
margin-bottom: 0px;
color: #f0f4ff;
font-weight: 400;
letter-spacing: 0.05em;
margin-top: 15px;
}
.p2pkvm .models__subtitle.highlight {
margin-bottom: 32px;
font-weight: 600;
}
.p2pkvm .models__card {
display: flex;
flex-direction: column;
background: rgba(128, 202, 255, 0.2);
border-radius: 40px;
overflow: hidden;
padding: 32px;
width: 100%;
}
.p2pkvm .models__content {
display: flex;
width: 100%;
font-family: "Readex Pro", sans-serif;
}
.p2pkvm .models__image {
flex: 0 0 50%;
padding: 0 40px 40px 40px;
display: flex;
align-items: center;
justify-content: center;
}
.p2pkvm .models__list {
flex: 0 0 50%;
padding: 0 40px 40px 80px;
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 30px;
}
.p2pkvm .models__category h3 {
color: #f0f4ff;
font-size: 30px;
font-weight: 500;
margin-bottom: 8px;
}
.p2pkvm .models__category ul {
padding-left: 20px;
list-style: disc;
}
.p2pkvm .models__category li {
color: #f0f4ff;
font-size: 18px;
line-height: 1.6;
}
.p2pkvm .models__comparison {
margin-top: 30px;
background: rgba(128, 202, 255, 0.2);
border-radius: 40px;
width: 100%;
@media (max-width: 1440px) {
margin-top: 60px;
}
}
.p2pkvm .models__comparison h2 {
text-align: center;
margin: 40px 0;
}
.p2pkvm .product h4 {
color: #1b1b2c;
font-size: 24px;
font-weight: 500;
margin: 10px 0 5px 0;
}
.p2pkvm .product p {
font-size: 12px;
}
.p2pkvm .models__table {
width: calc(100% - 80px);
margin: 0 40px 40px 40px;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #f0f4ff;
border-radius: 10px;
overflow: hidden;
font-family: "Readex Pro", sans-serif;
}
.p2pkvm .table-wrapper {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.p2pkvm .product-row {
vertical-align: bottom;
}
.p2pkvm .models__table th {
border-right: 1px solid #f0f4ff;
}
.p2pkvm .models__table td {
padding: 12px 15px;
text-align: center;
color: #f0f4ff;
border-top: 1px solid #f0f4ff;
border-right: 1px solid #f0f4ff;
vertical-align: middle;
font-size: 20px;
font-weight: 400;
}
.p2pkvm .models__table td:first-child {
text-align: left;
font-size: 24px;
font-weight: 500;
}
.p2pkvm .product-row img {
max-width: 100%;
height: 120px;
object-fit: contain;
margin: 0 auto 15px;
display: block;
}
.p2pkvm .product-row h4 {
color: #f0f4ff;
font-size: 24px;
font-weight: 600;
margin: 10px 0 5px 0;
}
.p2pkvm .product-row p {
font-size: 12px;
line-height: 1.3;
margin: 0 0 5px 0;
}
@media (max-width: 1800px) {
.p2pkvm h2 {
font-size: 42px;
}
.p2pkvm .main__container {
padding: 0 100px;
}
.p2pkvm .main__title {
font-size: 60px;
}
.p2pkvm .main__subtitle {
font-size: 28px;
}
.p2pkvm .main__devices {
height: 400px;
position: relative;
display: flex;
justify-content: center;
box-sizing: border-box;
overflow: visible;
}
.p2pkvm .device--left {
position: absolute;
left: 10%;
width: 250px;
}
.p2pkvm .device--right {
position: absolute;
right: 10%;
top: 40px;
width: 250px;
}
.p2pkvm .device--bottom {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 200px;
width: 250px;
}
}
@media (max-width: 1440px) {
.p2pkvm .main__container {
flex-direction: column-reverse;
}
.p2pkvm .main__content {
max-width: 100%;
text-align: center;
}
.p2pkvm .main__button {
justify-items: center;
}
.p2pkvm .main__devices {
width: 0;
}
.p2pkvm .device--left {
top: 50px;
}
.p2pkvm .cases__card p {
font-size: 16px;
padding: 16px;
}
.p2pkvm .overview {
margin-top: 2rem;
}
.p2pkvm .overview__card {
display: flex;
flex-direction: column;
padding: 40px 60px;
}
.p2pkvm .overview__card-image {
margin-right: 0;
margin-bottom: 40px;
}
.p2pkvm .overview__container {
display: block;
}
.p2pkvm .models__content {
flex-direction: column;
}
.p2pkvm .features__item-image img {
width: 30px;
height: 30px;
}
}
@media (max-width: 1200px) {
.p2pkvm .models__table {
width: calc(100% - 60px);
margin: 0 30px 30px 30px;
}
.p2pkvm .models__table td:first-child {
width: 200px;
font-size: 18px;
}
.p2pkvm .models__table td {
font-size: 15px;
}
.p2pkvm .product-row img {
height: 100px;
}
.p2pkvm .product-row h4 {
font-size: 18px;
}
.p2pkvm .features__item-content {
font-size: 18px;
}
.p2pkvm .models__subtitle {
font-size: 20px;
}
}
@media (max-width: 1000px) {
.p2pkvm .cases__card p {
padding: 16px;
font-size: 24px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(128, 202, 255, 0.2);
margin: 0;
}
.p2pkvm .cases__card {
padding: 0;
border-radius: 16px;
}
.p2pkvm .cases__grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
}
@media (max-width: 992px) {
.p2pkvm .models__table {
width: calc(100% - 40px);
margin: 0 20px 20px 20px;
}
.p2pkvm .models__comparison {
border-radius: 30px;
}
.p2pkvm .models__comparison h2 {
margin: 30px 0;
}
.p2pkvm .models__table td:first-child {
width: 180px;
font-size: 14px;
}
.p2pkvm .models__table td {
font-size: 14px;
padding: 12px 10px;
}
.p2pkvm .product-row img {
height: 80px;
}
.p2pkvm .product-row h4 {
font-size: 16px;
}
.p2pkvm .product-row p {
font-size: 12px;
}
.p2pkvm .models__subtitle {
font-size: 16px;
}
}
@media (max-width: 768px) {
.p2pkvm .main__container {
padding: 0 20px;
}
.p2pkvm .main {
background-position: 0 0;
}
.p2pkvm .main__title {
font-size: 42px;
}
.p2pkvm .main__subtitle {
font-size: 20px;
}
.p2pkvm .main__devices {
height: 350px;
margin-top: 50px;
}
.p2pkvm .device--left {
width: 180px;
}
.p2pkvm .device--right {
width: 180px;
}
.p2pkvm .device--bottom {
width: 180px;
top: 160px;
}
.p2pkvm .features__item-content {
font-size: 14px;
}
.p2pkvm .features__button {
display: flex;
justify-content: center;
}
.p2pkvm .overview__card {
padding: 30px 40px;
}
.p2pkvm h2 {
font-size: 24px;
}
.p2pkvm p {
font-size: 14px;
}
.p2pkvm .cases__card p {
font-size: 24px;
}
.p2pkvm .models__table {
width: calc(100% - 30px);
margin: 0 15px 15px 15px;
}
.p2pkvm .models__table td:first-child {
width: 150px;
}
.p2pkvm .models__list {
padding: 0;
margin-top: 0;
}
.p2pkvm .product-row h4 {
font-size: 14px;
}
.p2pkvm .models__table td {
font-size: 12px;
padding: 8px 5px;
}
.p2pkvm .product-row img {
height: 60px;
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.p2pkvm .main__title {
font-size: 36px;
}
.p2pkvm .main__subtitle {
font-size: 18px;
}
.p2pkvm .main__devices {
height: 300px;
}
.p2pkvm .device--left {
width: 140px;
}
.p2pkvm .device--right {
width: 140px;
}
.p2pkvm .device--bottom {
width: 140px;
top: 140px;
}
.p2pkvm .overview__card {
padding: 24px 30px;
}
.p2pkvm .cases__card p {
padding: 8px;
font-size: 16px;
}
.p2pkvm .cases__grid {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.p2pkvm .models__category h3 {
font-size: 20px;
}
.p2pkvm .models__category li {
font-size: 16px;
}
.p2pkvm .models__comparison {
border-radius: 20px;
overflow-x: auto;
}
.p2pkvm .models__comparison h2 {
margin: 20px 0;
}
.p2pkvm .models__table {
min-width: 600px;
width: calc(100% - 20px);
margin: 0 10px 10px 10px;
}
.p2pkvm .models__table td:first-child {
width: 120px;
}
}
.p2pkvm-btn {
display: flex;
align-items: center;
border-radius: 200px;
gap: 10px;
padding: 10px 18px;
background: linear-gradient(90deg, #5855e0 0%, #2e327a 100%);
color: white;
text-decoration: none;
font-weight: 500;
width: fit-content;
}
.p2pkvm-section__item img {
margin: 0 auto;
}
.p2pkvm-section__item br {
display: none;
}
.p2pkvm-section__diagram {
margin-bottom: 40px;
}
.p2pkvm-section__items {
display: flex;
flex-direction: column;
gap: 25px;
margin-bottom: 30px;
text-align: center;
font-family: "Open Sans", sans-serif;
}
.p2pkvm-section__item {
background-color: #f5f5f5;
color: #666;
padding: 20px 15px; flex-basis: 100%;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.p2pkvm-section__item img {
width: 50px;
margin-bottom: 10px;
}
.p2pkvm-section__item-title {
font-size: 16px;
margin-bottom: 10px;
font-weight: 700;
line-height: 150%;
}
.p2pkvm-section__item-description {
line-height: 150%;
font-size: 12px;
}
.p2pkvm-section__img-container {
background-color: #f5f5f5;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.p2pkvm-thumb {
position: relative;
margin-bottom: 20px;
}
.left-device {
position: absolute;
top: 40%; left: 30px;
}
.left-device img {
width: 60px;
height: auto;
}
.right-device {
position: absolute;
top: 45%; right: 30px;
}
.right-device img {
width: 50px;
height: auto;
}
.p2p-logo {
position: absolute;
top: 25%;
left: 40%; }
.p2p-logo svg {
width: 60px;
height: auto;
}
.p2p-text {
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%); font-family: "Open Sans", sans-serif;
font-size: 6px;
font-weight: 700;
text-align: center;
color: #fff;
width: 90%;
text-transform: uppercase;
text-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
} .p2pkvm-diagram {
position: relative;
width: 1147px;
height: 707px;
margin: 0 auto;
}
.p2pkvm-diagram div {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.p2pkvm-diagram img {
width: 100%;
height: 100%;
}
.p2pkvm-image_show {
opacity: 1 !important;
}
.p2pkvm_diagram-list {
display: flex;
flex-direction: column;
gap: 40px;
}
.p2pkvm_diagram-item {
flex-basis: calc((100% - 40px) / 2);
}
.p2pkvm_diagram-item img {
margin: 0 auto;
}
.diagram {
margin: 25px auto 45px;
}
.diagram_first-text { margin-bottom: 40px;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 18px;
color: #666;
font-weight: 700;
}
.diagram_second-text { margin-bottom: 40px;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 18px;
color: #666;
font-weight: 700;
}
.p2pkvm-section__advantages-list {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.p2pkvm-section__advantages-item {
padding: 20px 25px;
flex-basis: 100%;
background-color: #f5f5f5;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.p2pkvm-section__advantages-item h4 {
margin-bottom: 10px;
font-size: 24px;
}
.p2pkvm-section__advantages-item ul {
padding-left: 12px;
font-size: 20px;
}
.p2pkvm-section__advantages-item li {
list-style: inside;
}
.p2pkvm-section__advantages-item li:not:last-child {
margin-bottom: 10px;
}
.p2pkvm-section__screen-list {
display: flex;
flex-direction: column;
}
.p2pkvm-section__screen-item {
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 640px) {
.p2pkvm-thumb {
margin-bottom: 30px;
}
.p2p-logo {
top: 30%;
}
.p2p-logo svg {
width: 100px;
}
.left-device img {
width: 120px;
}
.right-device img {
width: 100px;
}
.right-device {
top: 40%;
right: 50px;
}
.left-device {
top: 35%;
left: 50px;
}
.p2p-text {
font-size: 14px;
} .p2pkvm-section__title {
font-size: 20px;
}
.p2pkvm-section__item {
padding: 20px 20px;
}
}
@media screen and (min-width: 800px) {
.p2pkvm-thumb {
margin-bottom: 40px;
}
.p2p-logo svg {
width: 140px;
}
.left-device img {
width: 180px;
}
.left-device {
left: 60px;
top: 30%;
}
.right-device img {
width: 140px;
}
.right-device {
right: 60px;
top: 35%;
}
.p2p-text {
font-size: 16px;
bottom: 15px;
}
.p2pkvm-section__advantages-item {
flex-basis: calc((100% - 20px) / 2);
background-color: #f5f5f5;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
}
@media screen and (min-width: 1100px) {
.p2pkvm-thumb {
margin-bottom: 70px;
}
.p2p-logo {
position: absolute;
top: 35%;
left: 52%;
transform: translateX(-50%);
}
.p2p-logo svg {
width: 180px;
}
.left-device {
left: 80px;
}
.left-device img {
width: 250px;
}
.right-device img {
width: 200px;
}
.right-device {
right: 80px;
}
.p2p-text {
font-size: 24px;
font-weight: 700;
text-align: center;
color: #fff;
} .p2pkvm-section__title {
font-size: 24px;
}
.p2pkvm-section__subtitle {
font-size: 20px;
}
.p2pkvm-section__description {
font-size: 16px;
font-weight: 500;
margin-top: 10px;
}
.p2pkvm-section__items {
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 40px;
}
.p2pkvm-section__item {
padding: 35px 30px 30px;
flex-basis: calc((100% - 20px) / 2); text-align: center;
}
.p2pkvm-section__item-title {
font-size: 20px;
}
.p2pkvm-section__item-description {
font-size: 16px;
}
.p2pkvm_diagram-list {
flex-direction: row;
}
}
@media screen and (min-width: 1220px) {
.p2pkvm-section {
padding-bottom: 100px;
}
.p2pkvm-section__banner {
position: relative;
width: 100%;
}
.p2pkvm_description-block { margin-bottom: 40px;
}
.p2pkvm-section__title {
font-size: 48px;
}
.p2pkvm-section__subtitle {
font-size: 24px;
}
.p2pkvm-section__description { font-size: 18px;
}
.p2pkvm-section__diagram {
margin-bottom: 90px;
}
.p2pkvm-section__items {
gap: 40px;
margin-bottom: 40px;
}
.p2pkvm-section__item {
padding: 35px 60px 30px;
flex-basis: calc((100% - 80px) / 3); text-align: center;
}
.p2pkvm-section__item img {
width: 80px;
margin-bottom: 15px;
}
.p2pkvm-section__item-title {
margin-bottom: 15px;
font-size: 24px;
font-weight: 700;
}
.p2pkvm-section__item-description {
font-family: "Open Sans", sans-serif;
font-size: 18px;
}
.p2pkvm-thumb {
position: relative;
margin-bottom: 30px;
}
.p2p-logo {
top: 35%;
}
.p2p-logo svg {
width: 200px;
}
.left-device {
position: absolute;
top: 30%;
left: 12%;
}
.left-device img {
width: 300px;
}
.right-device img {
width: 230px;
}
.right-device {
top: 35%; right: 12%;
}
.p2p-text {
font-size: 30px;
}
.p2pkvm-diagram {
width: 837px;
height: 516px;
margin-bottom: 70px;
}
.p2pkvm-diagram_1 {
top: -20px !important;
} .diagram_first-text {
font-size: 24px;
}
.diagram_second-text {
font-size: 24px;
}
.p2pkvm-section__screen-list {
flex-direction: row;
gap: 50px;
margin-bottom: 35px;
}
.p2pkvm-section__screen-item {
flex-basis: calc((100% - 50px) / 2);
}
.p2pkvm-section__advantages-list {
row-gap: 40px;
column-gap: 45px;
}
.p2pkvm-section__advantages-item {
flex-basis: calc((100% - 45px) / 2);
padding: 30px 35px;
}
}
@media screen and (min-width: 1600px) {
.p2pkvm-section .container {
width: 1600px;
}
.p2pkvm-section__title {
font-size: 50px;
}
.p2pkvm-section__subtitle {
font-size: 24px;
margin-bottom: 15px;
}
.p2pkvm-section__description { font-size: 20px;
}
.p2pkvm-section__item-title {
font-size: 32px;
}
.p2pkvm-section__item-description {
font-size: 24px;
}
.p2p-logo {
width: 259px;
height: 112px;
top: 160px;
left: 50%;
transform: translateX(-50%);
}
.p2p-logo svg {
width: 259px;
height: 112px;
}
.left-device {
width: 445px;
height: 302px;
left: 7%;
top: 100px;
}
.left-device img {
width: 100%;
height: 100%;
}
.right-device {
top: 130px;
right: 12%;
width: 357px;
height: 241px;
}
.right-device img {
width: 100%;
height: 100%;
object-fit: contain;
}
.p2p-text {
top: 54px;
font-size: 32px;
width: 1200px; letter-spacing: 0;
} .p2pkvm-diagram {
width: 860px;
height: 530px;
}
.p2pkvm-section__item-title {
font-size: 24px;
}
.p2pkvm-section__item-description {
font-size: 20px;
}
} .skm-section {
padding-bottom: 100px;
font-family: "Roboto", sans-serif;
font-size: 18px;
color: #666;
font-weight: 300;
text-align: justify;
}
.banner-text-1 {
position: absolute;
bottom: 71%;
left: 50%;
transform: translateX(-50%);
width: 100%;
color: #fff;
text-align: center;
line-height: 160%;
font-size: 32px;
}
.banner-text-2 {
position: absolute;
bottom: 53%;
left: 50%;
transform: translateX(-50%);
width: 100%;
color: #fff;
text-align: center;
line-height: 160%;
font-size: 65px;
}
.banner-text-3 {
position: absolute;
bottom: 40%;
left: 50%;
transform: translateX(-50%);
max-width: 800px;
color: #fff;
text-align: center;
line-height: 160%;
font-size: 24px;
}
.skm-section__sub-title {
margin-bottom: 20px;
font-family: "Noto-Sans", sans-serif;
font-weight: 700;
font-size: 40px;
}
.skm-section__desc {
margin-bottom: 70px;
line-height: 160%;
}
.skm-section__products {
margin-bottom: 70px;
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.skm-section__product {
display: flex;
flex-direction: column;
flex-basis: calc(100% / 3);
padding: 0 30px;
text-align: justify;
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.skm-section__product:hover {
transform: scale(1.1);
} .skm-section__product-title {
margin-bottom: 40px;
font-family: "Noto-Sans", sans-serif;
font-weight: 700;
font-size: 32px;
text-align: center;
}
.skm-section__img-wrapper {
margin-bottom: 35px;
width: 100%;
height: auto;
}
.skm-section__product img {
display: block;
object-fit: contain;
margin: 0 auto;
width: 100%;
}
.skm-section__product-sub_title {
margin-bottom: 25px;
min-height: 80px;
font-weight: 700;
line-height: 150%;
text-align: center;
}
.skm-section__product-features {
margin-bottom: 25px;
min-height: 231px;
line-height: 160%;
list-style: square inside;
}
.skm-section__product-features li::marker {
margin-right: 11px;
}
.skm-section__product-features span {
font-weight: 700;
}
.skm-section__product-description {
margin-bottom: 20px;
line-height: 160%;
}
.skm-section__btn-wrapper {
margin-top: auto;
display: flex;
justify-content: space-between;
gap: 33px;
}
.skm-section__btn {
padding: 10px 15px;
flex-basis: calc((100% - 33px) / 2);
background-color: #6090c1;
border: 1px solid transparent;
color: #fff;
font-family: "Roboto", sans-serif;
font-weight: 500;
line-height: 150%;
text-align: center;
cursor: pointer;
}
.skm-section__btn.banner_btn {
position: absolute;
bottom: 16%;
left: 50%;
transform: translateX(-50%);
padding: 10px 30px;
font-size: 24px;
}
.skm-section__btn:hover,
.skm-section__btn:focus {
border-color: #6090c1;
color: #6090c1;
background-color: transparent;
}
.skm-section__btn.banner_btn:hover,
.skm-section__btn.banner_btn:focus {
border-color: #6090c1;
color: #fff;
background-color: transparent;
}
.skm-section__applications {
margin-bottom: 80px;
display: flex;
justify-content: space-between;
}
.skm-section__application {
display: flex;
gap: 25px;
align-items: center;
font-size: 18px;
}
.skm-section__application img {
width: 80px;
}
.skm-section__application p {
font-weight: 700;
}
.skm-section_table {
margin-bottom: 85px;
border-collapse: collapse;
}
.skm-section_table th {
padding: 10px 20px;
width: calc(100% / 7);
text-align: center;
border: 1px solid #e0e0e0;
border-top: none;
font-size: 18px;
}
.skm-section_table th>a {
color: #666;
line-height: 150%;
}
.skm-section_table th>a:hover,
.skm-section_table th>a:focus {
text-decoration: underline;
}
.skm-section_table td {
padding: 10px 20px;
width: calc(100% / 7);
text-align: center;
vertical-align: middle;
line-height: 150%;
border: 1px solid #e0e0e0;
font-size: 18px;
}
.skm-section_table td>img {
margin: 0 auto;
}
.skm-section_table tr>th:first-child,
.skm-section_table tr>td:first-child {
border-left: none;
}
.skm-section_table tr>th:last-child,
.skm-section_table tr>td:last-child {
border-right: none;
}
.skm-section__questions {
display: flex;
flex-direction: column;
gap: 40px;
}
.skm-section__question {
margin-bottom: 7px;
font-weight: 700;
line-height: 150%;
}
.skm-section__answer {
font-weight: 300;
line-height: 150%;
} @media screen and (min-width: 640px) {}
@media screen and (min-width: 800px) {
.skm-section__product {
flex-basis: calc((100% - 30px) / 2);
}
.skm-section__product:nth-child(2) {
border-left: 1px solid #e0e0e0;
}
}
@media screen and (min-width: 1100px) {
.skm-section__products {
gap: 0;
}
.skm-section__product {
flex-basis: calc(100% / 3);
}
.skm-section__product:nth-child(2) {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
}
@media screen and (min-width: 1220px) {
.skm-section__products {
margin-bottom: 70px;
display: flex;
}
.skm-section__img-wrapper {
height: 132px;
}
} .support-section {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 60px;
}
.support-section .img-box {
position: relative;
margin-bottom: 80px;
}
.support-section__sub-title {
margin-bottom: 40px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
}
.support-section__wrapper {
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.support-section__contacts {
display: flex;
flex-direction: column;
gap: 20px;
}
.support-section__contact-title {
margin-bottom: 10px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
}
.support-section__contact-info,
.support-section__contact-phone span {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 30px;
}
.support-section__email {
color: #6090c2;
font-family: Open Sans, sans-serif;
font-size: 14px;
line-height: 30px;
text-decoration-line: underline;
}
.support-section__contact-phone {
width: 226px;
display: flex;
justify-content: space-between;
align-items: center;
}
.support-section__email:hover,
.support-section__contact-phone>a:hover {
color: #6090c2;
}
.support-section__contact-phone:not(:last-child) {
margin-top: 25px;
margin-bottom: 10px;
}
.support-section__contact-phone a {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: normal;
}
.g-recaptcha {
margin-bottom: 18px;
}
@media screen and (min-width: 640px) {
.support-section__contact-title {
margin-bottom: 15px;
font-size: 20px;
}
.support-section__contact-info,
.support-section__contact-phone span {
font-size: 16px;
}
.support-section__email {
font-size: 16px;
}
.info-br {
display: none;
}
}
@media screen and (min-width: 1100px) {
.support-section {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 100px;
}
.support-section .img-box {
position: relative;
margin-bottom: 80px;
}
.support-section__sub-title {
margin-bottom: 40px;
font-size: 24px;
font-weight: 400;
}
.support-section__wrapper {
display: flex;
flex-direction: row-reverse;
gap: 30px;
}
.support-section__contacts {
display: flex;
flex-direction: column;
gap: 20px;
} .support-section__contact-title {
margin-bottom: 15px;
font-size: 20px;
}
.support-section__contact-info,
.support-section__contact-phone span {
font-size: 16px;
line-height: 30px;
}
.support-section__email {
font-size: 16px;
line-height: 30px;
}
.support-section__contact-phone {
width: 226px;
display: flex;
justify-content: space-between;
align-items: center;
}
.support-section__contact-phone:not(:last-child) {
margin-top: 30px;
margin-bottom: 15px;
}
.support-section__contact-phone a {
font-size: 16px;
}
}
@media screen and (min-width: 1220px) {
.support-section__contact-info,
.support-section__contact-phone span {
font-size: 18px;
}
.support-section__contact-title {
margin-bottom: 26px;
}
.support-section__email {
font-size: 18px;
}
.support-section__contact-phone a {
font-size: 18px;
}
.info-br {
display: inline-block;
} .support-section__contacts {
gap: 40px;
}
} .company-section {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 60px;
}
.company-section .img-box {
position: relative;
margin-bottom: 80px;
}
.section-title {
position: absolute;
top: 60px;
right: 205px;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 53px;
font-weight: 400;
text-transform: uppercase;
}
.company-section__sub-title {
color: #666666;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
margin-bottom: 15px;
}
.company-section_info {
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 30px;
}
.company-section_info p {
color: #666666;
font-family: Open Sans, sans-serif;
font-size: 14px;
line-height: 30px;
}
.company-section a {
color: #6090c2;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}
.company-section a:hover {
color: #6090c2;
}
.company-section__quality {
display: flex;
align-items: center;
}
.company-section__quality-wrapper {
display: flex;
flex-direction: column;
gap: 10px;
}
.logo-iso {
margin-right: 20px;
width: 80px;
height: 80px;
}
@media screen and (min-width: 640px) {
.company-section__sub-title br {
display: none;
}
.company-section_info p {
font-size: 16px;
}
.company-section__quality-wrapper {
gap: 30px;
}
.logo-iso {
margin-right: 40px;
width: 120px;
height: 120px;
}
}
@media screen and (min-width: 1100px) {
.company-section__quality-wrapper {
flex-direction: row;
gap: 50px;
}
}
@media screen and (min-width: 1220px) {
.company-section {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 100px;
}
.company-section .img-box {
position: relative;
margin-bottom: 80px;
}
.section-title {
position: absolute;
top: 60px;
right: 205px;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 53px;
font-weight: 400;
text-transform: uppercase;
}
.company-section__sub-title {
color: #666666;
font-family: "Noto Sans", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
margin-bottom: 40px;
}
.company-section_info {
display: flex;
flex-direction: column;
gap: 40px;
margin-bottom: 60px;
}
.company-section_info p {
color: #666666;
font-family: Open Sans, sans-serif;
font-size: 18px;
line-height: 30px;
}
.company-section a {
color: #666666;
font-family: Tenor Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}
.company-section a:hover {
color: #6090c2;
}
.company-section__quality {
display: flex;
align-items: center;
}
.logo-iso {
margin-right: 80px;
}
.company-section__quality-wrapper {
gap: 120px;
}
} .contact-us-section {
margin: 0 auto;
padding: 10px 0 60px;
}
.contact-us-section .img-box {
position: relative;
margin-bottom: 80px;
}
.contact-us-section__sub-title {
margin-bottom: 40px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
}
.contact-us-section__wrapper {
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.contact-us-section__contacts {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-us-section__contact-title {
margin-bottom: 10px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
}
.contact-us-section__contact-info,
.contact-us-section__contact-phone span {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 14px;
line-height: 30px;
}
.contact-us-section__email {
color: #6090c2;
font-family: Open Sans, sans-serif;
font-size: 14px;
line-height: 30px;
text-decoration-line: underline;
}
.contact-us-section__contact-phone {
width: 226px;
display: flex;
justify-content: space-between;
align-items: center;
}
.contact-us-section__contact-phone:not(:last-child) {
margin-top: 25px;
margin-bottom: 10px;
}
.contact-us-section__contact-phone a {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: normal;
}
.info-br2 {
display: none;
}
@media screen and (min-width: 640px) {
.contact-us-section__contact-info,
.contact-us-section__contact-phone span {
font-size: 16px;
}
.contact-us-section__contact-phone a {
font-size: 16px;
}
.contact-us-section__contact-title {
font-size: 20px;
}
.contact-us-section__email {
font-size: 16px;
}
.info-br1 {
display: none;
}
}
@media screen and (min-width: 640px) {
.phone-br {
display: none;
}
}
@media screen and (min-width: 1100px) {
.contact-us-section {
margin: 0 auto;
padding: 10px 0 100px;
}
.contact-us-section .img-box {
position: relative;
margin-bottom: 80px;
}
.contact-us-section__sub-title {
margin-bottom: 40px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
}
.contact-us-section__wrapper {
display: flex;
flex-direction: row-reverse;
gap: 30px;
}
.contact-us-section__contacts {
gap: 20px;
}
.contact-us-section__contact-title {
margin-bottom: 26px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
}
.contact-us-section__contact-info,
.contact-us-section__contact-phone span {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 30px;
}
.contact-us-section__email {
color: #6090c2;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 30px;
text-decoration-line: underline;
}
.contact-us-section__contact-phone {
width: 226px;
display: flex;
justify-content: space-between;
align-items: center;
}
.contact-us-section__contact-phone:not(:last-child) {
margin-top: 30px;
margin-bottom: 15px;
}
.contact-us-section__contact-phone a {
color: #666;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: normal;
}
.info-br1 {
display: inline-block;
}
}
@media screen and (min-width: 1220px) {
.contact-us-section__contact-info,
.contact-us-section__contact-phone span {
font-size: 18px;
}
.contact-us-section__contact-phone a {
font-size: 18px;
}
.contact-us-section__email {
font-size: 18px;
}
.contact-us-section__contacts {
gap: 40px;
}
} .news-section {
margin: 0 auto;
padding-bottom: 60px;
}
.news-container {
padding-top: 10px;
}
.news-section .img-box {
position: relative;
}
.news-section .img-box>img {
width: 100vw;
}
.news-section__sub-title {
margin-bottom: 40px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 24px;
text-decoration-line: underline;
text-transform: uppercase;
}
.news-items-box {
display: flex;
flex-direction: column;
gap: 15px;
}
.news-items-box__news-item {
display: flex;
flex-direction: column;
background-color: #fff;
padding-top: 10px;
padding-bottom: 15px;
border: 0.5px solid #acadaf;
width: 290px;
height: 544px;
}
.news-items-box__text-wrapper {
padding: 0 10px;
}
.news-items-box__link-wrapper {
display: flex;
justify-content: flex-end;
padding-right: 15px;
margin-top: auto;
}
.news-items-box__title {
height: 50px;
margin-bottom: 5px;
color: #6090c2;
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-items-box p {
color: #666;
font-size: 14px;
line-height: 25px;
display: -webkit-box;
-webkit-line-clamp: 16;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-items-box__link {
display: flex;
align-items: center;
padding: 8px 6px;
width: max-content;
color: #fff;
background-color: #6090c2;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
border: 0.5px solid transparent;
}
.news-items-box__link:hover {
border-color: #6090c2;
color: #6090c2;
background-color: #fff;
}
.news-items-box__link svg {
fill: #fff;
}
.news-items-box__link:hover svg {
fill: #6090c2;
}
@media screen and (min-width: 640px) {
.news-items-box__news-item {
width: 510px;
height: 454px;
padding-top: 30px;
padding-bottom: 20px;
}
.news-items-box__text-wrapper {
padding: 0 20px;
}
.news-items-box__title {
font-size: 18px;
}
.news-items-box p {
font-size: 16px;
display: -webkit-box;
-webkit-line-clamp: 11;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-items-box__link-wrapper {
padding-right: 20px;
}
.news-items-box__link {
padding: 8px 15px;
}
}
@media screen and (min-width: 800px) {
.news-section {
padding-bottom: 80px;
}
.news-items-box__news-item {
width: 330px;
}
.news-items-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
}
@media screen and (min-width: 1100px) {
.news-items-box__news-item {
width: 450px;
}
.news-items-box {
gap: 30px;
}
}
@media screen and (min-width: 1220px) {
.news-section {
padding-bottom: 100px;
}
.news-container {
padding-top: 10px;
}
.news-section .img-box>img {
max-width: 1600px;
}
.news-section__sub-title {
margin-bottom: 40px;
font-size: 24px;
}
.news-items-box__news-item {
display: flex;
flex-direction: column;
padding-top: 40px;
padding-bottom: 15px;
width: 578px;
height: 580px;
}
.news-items-box__text-wrapper {
padding: 0 40px;
}
.news-items-box__link-wrapper {
display: flex;
justify-content: flex-end;
padding-right: 40px;
margin-top: auto;
}
.news-items-box__title {
height: 75px;
margin-bottom: 20px;
color: #6090c2;
font-family: Roboto, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 25px;
text-transform: uppercase;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-items-box p {
color: #666;
font-size: 18px;
line-height: 30px;
display: -webkit-box;
-webkit-line-clamp: 12;
-webkit-box-orient: vertical;
overflow: hidden;
}
} .single-news-container {
padding-bottom: 60px !important;
}
.single-news-container {
font-family: "Open Sans", sans-serif;
}
.single-news-container h2 {
color: #666;
font-size: 20px;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
margin-bottom: 15px;
text-transform: uppercase;
}
.single-news-container p {
font-size: 14px;
margin-bottom: 15px;
color: #666;
line-height: 30px;
}
.single-news-container a {
color: #2a2b2c;
}
.single-news-container a:hover {
color: #6090c2;
transition: 0.5s;
}
.single-news-container img {
max-width: 290px !important;
height: auto !important;
margin: 10px auto 0;
}
@media screen and (min-width: 640px) {
.single-news-container img {
max-width: 510px !important;
}
.single-news-container p {
font-size: 16px;
}
.single-news-container h2 {
font-size: 20px;
}
}
@media screen and (min-width: 800px) {
.single-news-container img {
max-width: 690px !important;
}
}
@media screen and (min-width: 1220px) {
.single-news-container {
padding-bottom: 100px !important;
}
.single-news-container img {
max-width: 1190px !important;
}
.single-news-container p {
font-size: 18px;
}
.single-news-container h2 {
font-size: 24px;
}
} .secure-switches-container__sub-cat-container {
display: flex;
flex-direction: column;
justify-content: center;
gap: 15px;
}
.secure-switches-container__sub-cat-container>a {
display: contents;
}
.pro-av-solutions .secure-switches-container__sub-cat-item:nth-child(2) {
order: 7;
}
.pro-av-solutions .secure-switches-container__sub-cat-item:nth-child(4) {
order: 1;
}
.pro-av-solutions .secure-switches-container__sub-cat-item:nth-child(6) {
order: 2;
}
.pro-av-solutions .secure-switches-container__sub-cat-item:nth-child(8) {
order: 4;
}
.pro-av-solutions .secure-switches-container__sub-cat-item:nth-child(10) {
order: 5;
}
.pro-av-solutions .secure-switches-container__sub-cat-item:nth-child(12) {
order: 8;
}
.pro-av-solutions .secure-switches-container__sub-cat-item:nth-child(14) {
order: 6;
}
.pro-av-solutions .secure-switches-container__sub-cat-item:nth-child(16) {
order: 3;
}
.secure-switches-container__sub-cat-container>a:hover .secure-switches-container__sub-cat-item__title,
.secure-switches-container__sub-cat-container>a:hover .secure-switches-container__sub-cat-item__description {
color: #6090c2;
}
.secure-switches-container__sub-cat-container>div>a:hover .secure-switches-container__sub-cat-item__title,
.secure-switches-container__sub-cat-container>div>a:hover .secure-switches-container__sub-cat-item__description,
.secure-switches-container__sub-cat-link:hover .secure-switches-container__sub-cat-item__title,
.secure-switches-container__sub-cat-link:hover .secure-switches-container__sub-cat-item__description,
.secure-switches-container__sub-cat-container a:hover>h2,
.secure-switches-container__sub-cat-container a:hover>p {
color: #6090c2;
}
.secure-switches-container__sub-cat-item {
display: flex;
flex-direction: column;
width: 290px;
min-height: 480px;
border: 0.5px solid #acadaf;
padding: 20px 0;
}
.secure-switches-container__sub-cat-item_img-container {
width: 100%;
height: 134px;
padding: 0 20px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.secure-switches-container__sub-cat-item_img-container img {
width: 100%;
height: 100%;
object-fit: contain;
}
.secure-switches-container__sub-cat-item__description a {
color: #666;
text-decoration: underline;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 400;
}
.secure-switches-container__sub-cat-item__description a:first-child {
text-decoration: none;
}
.secure-switches-container__sub-cat-item__title {
padding: 0 20px;
color: #633983;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
}
.secure-switches-container__sub-cat-item__description {
padding: 0 20px;
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 19px;
}
.secure-switches-container__sub-cat-container strong {
font-weight: 400;
}
@media screen and (min-width: 640px) {
.secure-switches-container__sub-cat-container {
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
.secure-switches-container__sub-cat-item {
width: 240px;
min-height: 500px;
padding: 20px 0 15px;
}
.secure-switches-container__sub-cat-item_img-container {
height: 111px;
padding: 0 15px;
margin-bottom: 10px;
}
.secure-switches-container__sub-cat-item__title {
padding: 0 15px;
margin-bottom: 25px;
}
.secure-switches-container__sub-cat-item__description {
padding: 0 15px;
}
}
@media screen and (min-width: 1220px) {
.secure-switches-container__sub-cat-container {
justify-content: start;
}
.secure-switches-container__sub-cat-item {
width: 374px;
min-height: 410px;
padding: 30px 0 10px;
}
.secure-switches-container__sub-cat-item_img-container {
height: 136px;
padding: 0 30px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.secure-switches-container__sub-cat-item__title {
padding: 0 30px;
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.secure-switches-container__sub-cat-item__description {
padding: 0 30px;
font-size: 14px;
}
} .category-container__sub-cat-container {
display: flex;
flex-direction: column;
gap: 15px;
}
.category-container__sub-cat-container a {
display: contents;
}
.category-container__sub-cat-item:nth-child(1) {
order: 4;
}
.category-container__sub-cat-item {
padding: 25px 0 14px;
display: flex;
flex-direction: column;
width: 290px;
height: 360px;
border: 0.5px solid #acadaf;
}
.category-container__sub-cat-item img {
display: block;
margin: 0 auto;
}
.category-container__sub-cat-item:first-child {
order: 4;
}
.category-container__sub-cat-item_img-container {
padding: 0 30px;
margin-bottom: 30px;
min-height: 114px;
}
.category-item__description {
padding: 0 30px;
color: #666;
}
.category-container__sub-cat-link:hover .category-item__title,
.category-container__sub-cat-link:hover .category-item__description {
color: #6090c2;
}
@media screen and (min-width: 640px) {
.category-container__sub-cat-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
.category-container__sub-cat-item {
padding: 20px 0 14px;
width: 240px;
height: 367px;
}
.category-container__sub-cat-item_img-container {
padding: 0 15px;
margin-bottom: 30px;
min-height: 114px;
}
.category-item__description {
padding: 0 15px;
color: #666;
}
}
@media screen and (min-width: 640px) {
.category-container__sub-cat-container {
justify-content: center;
gap: 30px;
}
}
@media screen and (min-width: 1220px) {
.category-container__sub-cat-container {
display: flex;
gap: 30px;
}
.category-container__sub-cat-container a {
display: contents;
}
.category-container__sub-cat-item:nth-child(1) {
order: 4;
}
.category-container__sub-cat-item {
padding: 40px 0 14px;
display: flex;
flex-direction: column;
width: 275px;
height: 395px;
border: 0.5px solid #acadaf;
}
.category-container__sub-cat-item img {
display: block;
margin: 0 auto;
}
.category-container__sub-cat-item:first-child {
order: 4;
}
.category-container__sub-cat-item_img-container {
padding: 0 30px;
margin-bottom: 30px;
min-height: 114px;
}
.category-item__description {
padding: 0 30px;
color: #666;
}
.category-container__sub-cat-link:hover .category-item__title,
.category-container__sub-cat-link:hover .category-item__description {
color: #6090c2;
}
} .county-container h2 {
color: #2a2b2c;
font-size: 26px !important;
font-family: PT Sans Narrow;
margin: 30px 0 10px;
font-weight: normal;
} .county-container table tr td a {
color: #2a2b2c;
text-decoration: none;
}
.county-container table tr td a:hover {
color: #8c61af;
transition: 0.5s;
}
.county-container table {
text-align: center;
color: #2a2b2c;
border: 1px solid #fff;
border-collapse: collapse;
font-family: "HelveticaNeueCyr";
font-size: 14px;
width: 100%;
margin: 30px 0 60px;
}
.county-container table .tr-header {
border: 1px solid #fff;
padding: 12px;
width: 100px;
}
.county-container table tr td {
border: 1px solid #fff;
background: #efefef;
padding: 12px;
width: 100px;
}
.county-container table .tr-header td {
background: #dedede;
} .approvals-container {
margin-bottom: 50px;
}
.approvals-container h1 {
font-family: PT Sans Narrow;
text-align: center;
font-size: 30px;
text-decoration: underline;
padding: 15px 0 30px;
}
.approvals-container p {
font-size: 16px;
font-family: "HelveticaNeueCyr";
margin-bottom: 15px;
color: #2a2b2c;
line-height: 1.65em;
}
.approvals-container h2 {
font-family: PT Sans Narrow;
font-size: 22px;
font-style: italic;
text-decoration: underline;
color: #2a2b2c;
}
.approvals-container ul {
margin-left: 20px;
margin-bottom: 5px;
}
.approvals-container ul li {
font-family: "HelveticaNeueCyr";
}
.approvals-container ul li a {
font-weight: 600;
font-size: 16px;
color: #333399;
text-decoration: none;
} .secure-switch-documentation-container {
padding: 10px 0 50px;
}
.secure-switch-documentation-container h1 {
margin-top: 5px;
}
.secure-switch-documentation-container h1,
.secure-switch-documentation-container h2 {
font-family: PT Sans Narrow;
font-size: 26px;
font-weight: normal;
color: darkgreen;
}
.secure-switch-documentation-container h2 {
color: #2a2b2c;
padding-left: 30px;
}
.secure-switch-documentation-container ul {
list-style: none;
padding: 5px 0 0 60px;
}
.secure-switch-documentation-container ul li {
font-family: PT Sans Narrow;
font-size: 22px;
padding-bottom: 5px;
}
.secure-switch-documentation-container ul li a {
font-weight: 600;
text-decoration: none;
color: #2a2b2c;
}
.secure-switch-documentation-container ul li a:hover {
color: #8c61af;
transition: 0.5s;
} .warranty-section {
padding: 10px 0 60px;
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 25px;
}
.warranty-section__title {
margin-bottom: 15px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
}
.warranty-section__sub-title {
margin: 20px 0 10px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
}
.warranty-section__sub-title.first {
margin-top: 20px;
}
.warranty-section p {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.warranty-section ul {
list-style: inside;
}
@media screen and (min-width: 640px) {
.warranty-section {
font-size: 18px;
line-height: 30px;
}
.warranty-section__title {
font-size: 22px;
}
.warranty-section__sub-title {
margin: 20px 0 10px;
font-size: 20px;
}
.warranty-section p {
font-size: 18px;
}
}
@media screen and (min-width: 800px) {
.warranty-section {
padding: 10px 0 100px;
}
.warranty-section__title {
font-size: 24px;
margin-bottom: 20px;
}
.warranty-section__sub-title.first {
margin-top: 40px;
}
} .privacy-section {
padding: 10px 0 60px;
}
.privacy-section__title {
margin-bottom: 20px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
}
.privacy-section__sub-title {
margin: 20px 0 10px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
}
.privacy-section__sub-title.first {
margin-top: 30px;
}
.privacy-section p {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
@media screen and (min-width: 640px) {
.privacy-section__title {
font-size: 22px;
}
.privacy-section__sub-title {
font-size: 20px;
}
.privacy-section p {
font-size: 18px;
line-height: 30px;
}
}
@media screen and (min-width: 800px) {
.privacy-section {
padding: 20px 0 100px;
}
.privacy-section__title {
font-size: 24px;
}
.privacy-section__sub-title.first {
margin-top: 40px;
}
} .applications-section {
padding: 10px 0 60px;
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 25px;
}
.applications-section__list {
margin: 15px 0;
list-style: inside;
display: flex;
flex-direction: column;
gap: 5px;
}
@media screen and (min-width: 640px) {
.applications-section {
font-size: 18px;
line-height: 30px;
}
.applications-section__list {
margin: 15px 0 30px;
gap: 10px;
}
}
@media screen and (min-width: 1100px) {
.applications-section {
padding: 20px 0 100px;
}
.applications-section__list {
margin: 20px 0 30px;
}
} .tools-software {
padding: 10px 0 50px;
}
.tools-software p {
font-family: "HelveticaNeueCyr";
font-size: 16px;
color: #2a2b2c;
line-height: 1.65em;
margin-bottom: 20px;
}
.tools-software table {
width: 100%;
border: 1px #fff solid;
background-color: #fff;
}
.tools-software table .header_tr {
background-color: #dedede;
}
.tools-software table tr td {
font-family: "HelveticaNeueCyr";
padding: 8px 12px;
text-align: center;
font-size: 16px;
font-weight: bold;
}
.tools-software table tr td a {
color: #2a2b2c;
text-decoration: none;
}
.tools-software table tr td a:hover {
color: #8c61af;
transition: 0.5s;
} .full-product-list-container a {
text-decoration: none;
}
.full-product-list-container h2 {
font-family: PT Sans Narrow;
font-size: 30px;
margin-bottom: 10px;
color: #2a2b2c;
font-weight: normal;
text-align: center;
}
.full-product-list-container h2:hover {
color: #8c61af;
transition: 0.5s;
}
.full-product-list-container p {
font-family: "HelveticaNeueCyr";
font-size: 16px;
color: #2a2b2c;
margin-bottom: 30px;
}
.full-product-list-container table {
width: 100%;
font-family: "HelveticaNeueCyr";
background-color: #fff;
border-collapse: collapse;
margin-bottom: 25px;
}
.full-product-list-container table tr td {
width: 100px;
padding: 5px 0;
font-family: "HelveticaNeueCyr";
font-size: 16px;
text-align: center;
vertical-align: top;
padding: 10px;
line-height: 1.65em;
}
.full-product-list-container table tr td a {
color: #000;
}
.full-product-list-container table tr td:nth-of-type(5) {
width: 200px;
}
.full-product-list-container table tr td:nth-of-type(6) a:hover,
.full-product-list-container .mini-header-tr a:hover {
color: #8c61af !important;
transition: 0.5s;
}
.full-product-list-container table tr td:first-child a {
color: blue;
text-decoration: underline;
}
.full-product-list-container .header-tr {
background: #4a4a4a;
color: #fff;
font-size: 14px;
line-height: 12px;
vertical-align: middle;
margin-bottom: 10px;
}
.full-product-list-container .mini-header-tr {
background: #f5f5f5;
}
.full-product-list-container .mini-header-tr td {
padding: 13px 10px !important;
}
.full-product-list-container .mini-header-tr a {
color: #2a2b2c !important;
font-weight: 700;
text-decoration: none !important;
font-size: 16px;
text-transform: uppercase;
}
.full-product-list-container .header-tr td {
text-align: center;
padding: 8px 10px;
width: 100px;
border: 1px solid #fff;
font-weight: 700;
}
.full-product-list-container__small-table {
margin: 20px 0;
width: 30% !important;
}
.full-product-list-container__small-table tr td:first-child {
font-weight: 700;
} .more-info-form-background {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.more-info-form {
padding: 15px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
}
.more-info-form .wpcf7 form .wpcf7-response-output {
margin-top: 0;
}
.wpcf7-not-valid-tip {
font-size: 12px !important;
margin-bottom: 5px !important;
}
.more-info-form .common-title {
background-color: #fff;
color: #666;
margin-bottom: 20px;
margin-top: 20px;
}
.more-info-form i {
position: absolute;
top: 0;
right: 0;
color: #fff;
cursor: pointer;
}
.more-info-form i:hover {
color: #9a9a9a;
}
.more-info-form form {
width: 290px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
border: 0.5px solid #acadaf;
}
.more-info-form label {
display: block;
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 14px;
margin-bottom: 10px;
}
.more-info-form form h3 {
font-family: "Open sans";
margin: 15px 0px;
text-transform: uppercase;
font-size: 22px;
}
.more-info-form form input {
height: 35px;
}
.more-info-form form textarea {
height: 100px;
}
.more-info-form form textarea,
.more-info-form form input {
display: block;
width: 250px;
margin-top: 5px;
padding: 3px 10px;
font-size: 14px;
color: #666;
border-radius: 4px;
background-color: #fff;
border: 0.5px solid #acadaf;
resize: none;
}
.more-info-form form input[type="submit"] {
display: block;
margin: 10px auto 0;
width: max-content;
font-family: "Open Sans", sans-serif;
font-weight: 600;
border: 0.5px solid transparent;
border-radius: 4px;
padding: 7px 26px;
font-size: 14px;
text-transform: uppercase;
background-color: #6090c2;
color: #fff;
cursor: pointer;
}
@media screen and (min-width: 640px) {
.more-info-form form {
width: 510px;
}
.more-info-form form textarea,
.more-info-form form input {
display: block;
width: 480px;
}
.more-info-form form input[type="submit"] {
padding: 7px 59px;
}
}
@media screen and (min-width: 1220px) {
.more-info-form form {
width: 540px;
}
.more-info-form label {
font-size: 18px;
margin-bottom: 10px;
}
.more-info-form form h3 {
margin: 15px 0px;
font-size: 22px;
}
.more-info-form form input {
height: 35px;
}
.more-info-form form textarea {
height: 150px;
}
.more-info-form form textarea,
.more-info-form form input {
width: 460px;
margin-top: 5px;
padding: 3px 10px;
font-size: 14px;
color: #666;
border-radius: 4px;
background-color: #fff;
border: 0.5px solid #acadaf;
resize: none;
}
.more-info-form form input[type="submit"] {
font-family: "Open Sans", sans-serif;
font-weight: 600;
border: 0.5px solid transparent;
border-radius: 4px;
padding: 7px 59px;
font-size: 16px;
text-transform: uppercase;
background-color: #6090c2;
color: #fff;
cursor: pointer;
}
} .section-sign-up {
padding-bottom: 60px;
}
.section-sign-up .img-box {
position: relative;
margin-bottom: 105px;
padding: 110px 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners-320.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.section-sign-up__title {
position: absolute;
color: #fff;
width: 100%;
padding: 20px 42px;
top: 100%;
right: 0;
background-color: #6090c2;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
}
.sign-up-container {
display: flex;
flex-direction: column;
}
.section-sign-up__text {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
}
.sign-up-container form {
padding-bottom: 16px;
width: 290px;
display: flex;
flex-direction: column;
border: 0.5px #acadaf solid;
}
.sign-up__input-wrapper {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 10px;
margin-bottom: 15px;
}
.sign-up__input-wrapper:last-child {
margin-bottom: 40px;
}
.sign-up-container h3 {
font-family: "Noto Sans", sans-serif;
font-size: 30px;
margin: 20px 0;
color: #666;
font-weight: normal;
}
.sign-up-container .common-title {
font-size: 18px;
margin-bottom: 20px;
}
.sign-up-container form label {
display: flex;
flex-direction: column;
font-family: "Open Sans", sans-serif;
color: #666;
font-size: 14px;
}
.sign-up-container form h3 {
margin-top: 20px;
font-size: 22px;
}
.sign-up-container form label p {
margin-bottom: 5px;
}
.sign-up-container input {
width: 100%;
padding: 9px 6px;
border: 0.5px #acadaf solid;
background: #fff;
margin: 10px 0 0;
}
.sign-up-container input[type="checkbox"] {
width: unset;
margin: 0;
}
.sign-up-container form label input:nth-of-type(2),
.sign-up-container form label input:nth-of-type(3),
.sign-up-container form label p:nth-of-type(3),
.sign-up-container form label p:nth-of-type(4) {
margin-top: 20px;
margin-bottom: 0;
}
.sign-up-container__checkbox-container {
margin: 40px 0;
display: flex;
}
.sign-up-container__checkbox-container_div label {
width: 370px;
flex-direction: row !important;
align-items: center;
margin-top: 5px !important;
}
.sign-up-container__checkbox-container label input {
margin: 5px 5px 0 15px;
}
.sign-up-container__checkbox-container_div {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.sign-up-container__checkbox-container_div br {
display: none;
}
.sign-up-container form input[type="submit"] {
display: block;
margin: 25px auto 0;
width: max-content;
font-family: "Open Sans", sans-serif;
font-weight: 600;
border: 0.5px solid transparent;
border-radius: 4px;
padding: 7px 24px;
font-size: 16px;
text-transform: uppercase;
background-color: #6090c2;
color: #fff;
cursor: pointer;
}
.sign-up-container span.wpcf7-list-item {
margin: 0 !important;
}
@media screen and (min-width: 640px) {
.section-sign-up .img-box {
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners-800.webp);
padding: 185px 0;
margin-bottom: 30px;
}
.section-sign-up__title {
position: absolute;
width: 127px;
padding: 0;
top: 30px;
right: 65px;
background-color: transparent;
}
.sign-up-container form {
width: 510px;
}
.sign-up-container .common-title {
font-size: 20px;
margin-bottom: 40px;
}
.sign-up-container form input[type="submit"] {
padding: 7px 39px;
}
}
@media screen and (min-width: 800px) {
.section-sign-up .img-box {
padding: 200px 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners-1100.webp);
}
.section-sign-up__title {
top: 40px;
right: 55px;
}
}
@media screen and (min-width: 1100px) {
.section-sign-up {
padding-bottom: 100px;
}
.section-sign-up .img-box {
position: relative;
padding: 215px 0;
margin-bottom: 30px;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/partners.webp);
}
.section-sign-up__title {
position: absolute;
width: 400px;
top: 60px;
right: 105px;
color: #fff;
font-family: "Tenor Sans", sans-serif;
font-size: 40px;
font-weight: 400;
text-transform: uppercase;
}
.sign-up-container {
display: flex;
flex-direction: column;
}
.section-sign-up__text {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 18px;
margin-bottom: 30px;
}
.sign-up-container form {
padding-bottom: 16px;
width: 986px;
display: flex;
flex-direction: column;
border: 0.5px #acadaf solid;
}
.sign-up__input-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 86px;
row-gap: 20px;
padding: 0 38px;
margin-bottom: 15px;
}
.sign-up__input-wrapper:last-child {
margin-bottom: 40px;
}
.sign-up-container h3 {
font-family: "Noto Sans", sans-serif;
font-size: 30px;
margin: 20px 0;
color: #666;
font-weight: normal;
}
.sign-up-container form label {
display: flex;
flex-direction: column;
font-family: "Open Sans", sans-serif;
color: #666;
font-size: 16px;
}
.sign-up-container form h3 {
margin-top: 20px;
font-size: 22px;
}
.sign-up-container form label p {
margin-bottom: 5px;
}
.sign-up-container input {
width: 410px;
padding: 9px 6px;
border: 0.5px #acadaf solid;
background: #fff;
margin: 10px 0 0;
}
.sign-up-container__checkbox-container_div label {
width: 370px;
flex-direction: row !important;
align-items: center;
margin-top: 5px !important;
}
.sign-up-container__checkbox-container label input {
margin: 5px 5px 0 15px;
}
.sign-up-container__checkbox-container_div {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.sign-up-container form input[type="submit"] {
padding: 7px 59px;
font-size: 16px;
}
}
@media screen and (min-width: 1220px) {
.section-sign-up .img-box {
max-width: 1600px;
padding: 243px 0;
margin: 0 auto;
}
.section-sign-up__title {
width: 550px;
}
} .search-header {
font-family: "Open Sans";
font-size: 41px;
margin-bottom: 10px;
color: #2a2b2c;
font-weight: normal;
}
.search-header-text {
display: flex;
align-items: center;
font-family: "Open Sans";
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.search-count-box {
display: flex;
background-color: #ff4e42;
color: #fff;
justify-content: center;
align-items: center;
border-radius: 9px;
padding: 0px 9px;
margin: 0 5px;
}
.search-form {
display: flex;
align-items: center;
justify-content: space-between;
}
.search-form input {
padding: 9px 6px;
border: 2px #e2e2e2 solid;
border-radius: 5px;
background: #eee;
margin-bottom: 20px;
}
.search-form input:nth-of-type(1) {
width: 75%;
font-size: 12px;
}
.search-form input:nth-of-type(2) {
width: 23%;
text-align: center;
color: #ababab;
text-transform: uppercase;
font-size: 12px;
}
@media screen and (min-width: 640px) {
.search-form input:nth-of-type(2) {
width: 23%;
text-align: center;
color: #ababab;
text-transform: uppercase;
font-size: 16px;
}
}
@media screen and (min-width: 1220px) {
.search-header {
font-family: "Open Sans";
font-size: 41px;
margin-bottom: 10px;
color: #2a2b2c;
font-weight: normal;
}
.search-header-text {
display: flex;
align-items: center;
font-family: "Open Sans";
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.search-count-box {
display: flex;
background-color: #ff4e42;
color: #fff;
justify-content: center;
align-items: center;
border-radius: 9px;
padding: 0px 9px;
margin: 0 5px;
}
.search-form {
display: flex;
align-items: center;
justify-content: space-between;
}
.search-form input {
padding: 9px 6px;
border: 2px #e2e2e2 solid;
border-radius: 5px;
background: #eee;
margin-bottom: 20px;
}
.search-form input:nth-of-type(1) {
width: 75%;
}
} .ports-container,
.configuration-container {
display: flex;
align-items: center;
font-family: "HelveticaNeueCyr";
margin-bottom: 20px;
}
.ports-container h2,
.configuration-container h2 {
color: #ed3237;
font-weight: 900;
font-size: 14px;
margin-right: 10px;
}
.ports,
.configuration {
display: flex;
align-items: center;
}
.ports button,
.configuration button {
border: 0;
background-color: transparent;
padding: 0 10px;
color: #08c;
font-size: 14px;
border-right: 1px solid #666;
cursor: pointer;
}
.ports button:last-child,
.configuration button:last-child {
border-right: 0;
}
.wpcf7-response-output-my {
position: fixed;
background: rgba(0, 0, 0, 0.85);
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.wpcf7-response-output-my>div {
padding: 40px 20px;
width: 400px;
background: #fff;
border-radius: 10px;
position: relative;
}
.wpcf7-response-output-my>div i {
position: absolute;
top: 10px;
right: 10px;
color: #000;
font-size: 20px;
cursor: pointer;
}
.wpcf7-response-output-my>div h2 {
font-size: 24px;
font-weight: 400;
font-family: "HelveticaNeueCyr";
}
.Helpful_Links {
text-decoration: none;
color: #000;
font-weight: bold;
font-style: italic;
} .container-404-main {
display: flex;
flex-direction: column;
}
.container-404-main__content-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.product-item {
width: 30%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.product-item__img-container {
width: 100%;
}
.product-item__img-container img {
width: 100%;
}
.container-404 h1,
.container-404 h2,
.container-404 h3,
.container-404 h4,
.container-404 h5,
.container-404 h6 {
color: #2a2b2c;
font-size: 24px;
font-family: PT Sans Narrow;
font-weight: normal;
}
.container-404 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.container-404-main__content-box_info-container ul {
margin-left: 20px;
}
.container-404-main__content-box_info-container ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.container-404 h1 {
margin-top: 20px;
}
.container-404 hr {
margin: 20px 0;
}
.container-404-main__content-box_img-container,
.container-404-main__content-box_info-container {
width: 50%;
padding: 10px;
}
.container-404-main__content-box_img-container img {
width: 100%;
}
.button-404-page {
color: #fff;
background-color: #592b82;
border-radius: 6px;
display: inline-block;
padding: 10px 20px;
line-height: 120%;
text-decoration: none;
font-family: inherit;
text-align: center;
overflow: hidden;
cursor: pointer;
font-weight: bold;
border: none;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.button-404-page:hover {
background-color: #ffa667;
}
.button-404-page-big {
margin: 0 auto 50px;
font-size: 16px;
}
.container-404-main__content-box_info-container>*,
.product-item__info-container>* {
margin-bottom: 10px;
}
.container-404-main__content-box_info-container>*:last-child,
.product-item__info-container>*:last-child {
margin-bottom: 0;
}
.product-item__info-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.product-item__info-container_header {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}
.product-item__info-container p {
text-align: center;
} .section-dealer-form {
padding-bottom: 100px;
margin: 0 auto;
}
.dealer_form .common-title {
margin-bottom: 20px;
}
.dealer_form {
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 25px;
width: 882px;
border: 0.5px solid #acadaf;
}
.dealer_form__input-wrapper {
padding: 0 20px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.dealer_form__wrapper {
padding: 0 20px;
}
.dealer_form__text {
color: #666;
font-size: 16px;
font-family: "Open Sans", sans-serif;
margin-bottom: 5px;
}
.dealer_form input {
padding: 3px 7px;
width: 270px;
height: 35px;
border: 0.5px solid #acadaf;
color: #666;
}
.dealer_form .dealer_form_represent_info {
width: 30px;
margin-right: 20px;
}
.dealer_form select {
background-color: #acadaf;
margin-bottom: 10px;
}
.dealer_form_represent_info {
width: 30px;
}
.dealer_form input[type="submit"] {
display: block;
width: max-content;
font-family: "Open Sans", sans-serif;
font-weight: 600;
border: 0.5px solid transparent;
border-radius: 4px;
padding: 7px 59px;
font-size: 16px;
text-transform: uppercase;
background-color: #6090c2;
color: #fff;
cursor: pointer;
}
.section-dealer-form__sub-title {
margin-bottom: 15px;
color: #666;
font-family: "Tenor Sans", sans-serif;
font-size: 24px;
font-weight: 400;
text-decoration-line: underline;
text-transform: uppercase;
}
.section-dealer-form h3 {
margin-bottom: 15px;
color: #666;
font-family: "Tenor Sans", sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.section-dealer_form__text {
margin-bottom: 15px;
color: #666;
font-family: "Tenor Sans", sans-serif;
font-size: 16px;
}
.section-dealer-form a {
font-family: "Tenor Sans", sans-serif;
color: #6090c2;
} .article-header h1 {
font-family: PT Sans Narrow !important;
font-weight: normal;
}
.article-header h1 a {
color: #2a2b2c;
text-decoration: none;
}
table.tblgh a {
color: #2a2b2c;
text-decoration: none;
}
table.tblgh tr td:nth-child(1) a {
color: blue;
text-decoration: underline;
}
table.tblgh {
font-family: "HelveticaNeueCyr";
text-align: center;
color: #2a2b2c;
border: 1px solid #fff;
border-collapse: collapse;
margin-bottom: 40px;
}
table.tblgh tr:nth-child(1) th {
background: #4a4a4a;
color: #fff;
font-size: 12px;
line-height: 12px;
vertical-align: middle;
}
table.tblgh td {
border: 1px solid #fff;
padding: 8px;
width: 100px;
font-size: 14px;
font-weight: normal;
line-height: 1.65em;
}
table.tblgh tr {
background: #efefef;
}
table.tblgh th {
background: #dedede;
border: 1px solid #fff;
padding: 8px;
width: 100px;
}
table.tblgh tr:nth-child(1) th {
background: #4a4a4a;
color: #fff;
font-size: 12px;
line-height: 12px;
vertical-align: middle;
}
.more-info-form-background span {
margin-bottom: 10px;
} .rma-form-section {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 60px;
}
.rma-form-container {
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.rma-form-section__title {
margin-bottom: 10px;
color: #666;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
line-height: normal;
text-decoration-line: underline;
text-transform: uppercase;
}
.rma-form-section__text {
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 30px;
}
.rma-form-section__text a {
color: #6090c2;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 30px;
text-decoration-line: underline;
}
.help-wrapper {
display: flex;
align-items: center;
color: #666;
text-transform: uppercase;
font-size: 16px;
text-align: center;
text-wrap: nowrap;
font-weight: 600;
}
.help-btn { padding: 5px 15px;
color: #666;
border: 0.5px solid transparent;
background-color: transparent;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
cursor: pointer;
}
.help-btn:hover,
.help-btn:focus {
text-decoration: underline;
}
.modal-help {
width: 310px;
height: 500px;
padding: 10px 5px 30px;
position: absolute;
top: 50%;
left: 50%;
z-index: 200;
transform: translate(-50%, -50%) scale(1);
background-color: #fff;
opacity: 1;
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-help .common-wrapper>div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal-help .common-container {
padding: 0 5px;
}
.modal-help .common-form {
width: 100%;
}
.modal-help .common-wrapper label {
display: flex;
flex-direction: column;
}
.modal-help .common-form .common-submit-btn {
display: block;
margin: 20px auto 0;
width: 160px;
}
.modal-help .common-textarea {
display: block;
height: 130px;
margin: 10px 0 0;
resize: none;
}
@media screen and (min-width: 640px) {
.rma-form-section__title {
margin-bottom: 15px;
font-size: 20px;
}
.rma-form-section__text {
font-size: 16px;
}
.rma-form-section__text a,
.help-btn {
font-size: 16px;
}
.modal-help {
width: 590px;
height: 700px;
padding: 15px 25px 30px;
}
.modal-help .common-form input {
display: block; }
.modal-help .common-form select {
display: block; }
.modal-help .common-textarea {
width: 450px;
}
.modal-help .common-container {
padding: 0 10px;
}
}
@media screen and (min-width: 992px) {
.help-wrapper {
text-wrap: nowrap;
align-items: center;
font-size: 16px;
margin-left: auto;
color: #fff;
}
.help-btn {
color: #fff;
}
}
@media screen and (min-width: 1100px) {
.rma-form-container {
display: flex;
flex-direction: row-reverse;
gap: 30px;
}
.rma-form-section {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 100px;
}
.rma-form-section__title {
margin-bottom: 15px;
font-size: 20px;
}
.rma-form-section__text,
.help-btn,
.help-wrapper {
font-size: 16px;
line-height: 30px;
}
.rma-form-section__text a {
font-size: 16px;
line-height: 30px;
}
.modal-help {
width: 800px;
height: 720px;
padding: 20px 30px;
position: absolute;
top: 50%;
left: 50%;
z-index: 200;
transform: translate(-50%, -50%) scale(1);
background-color: #fff;
opacity: 1;
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-help .common-wrapper {
display: flex;
gap: 20px;
justify-content: center;
}
.modal-help .common-form input {
display: block;
width: 320px;
}
.modal-help .common-form select {
display: block;
width: 320px;
}
.modal-help form {
width: 100%;
}
.modal-help form {
width: 100%;
}
.modal-help .common-textarea {
width: 320px;
}
}
@media screen and (min-width: 1220px) {
.rma-form-section__text,
.help-btn,
.help-wrapper {
font-size: 18px;
}
.rma-form-section__text a {
font-size: 18px;
}
.rma-form-section__title {
margin-bottom: 26px;
}
} .common-form {
width: 290px;
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
border: 0.5px solid #acadaf;
border-radius: 4px;
}
.common-title {
padding: 8px 0;
margin-bottom: 15px;
text-align: center;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
line-height: normal;
text-transform: uppercase;
background-color: #6090c2;
}
.common-container {
padding: 0 10px;
}
.common-form label {
display: inline-block;
margin-bottom: 10px;
}
.common-form input,
.common-form select {
width: 270px;
height: 40px;
border: 0.5px solid #acadaf;
border-radius: 4px;
margin-top: 10px;
padding: 0 10px;
font-size: 14px;
color: #666;
}
.common-form textarea {
width: 270px;
height: 114px;
border: 0.5px solid #acadaf;
border-radius: 4px;
margin: 10px auto;
padding: 5px 10px;
font-size: 14px;
color: #666;
resize: vertical;
}
.common-form .common-submit-btn {
width: 90px;
padding: 7px 26px;
margin: 0 90px;
background-color: #6090c2;
text-align: center;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
cursor: pointer;
}
.common-form .common-submit-btn:hover {
color: #6090c2;
background-color: #fff;
border-color: #6090c2;
}
.wpcf7 form.sent .wpcf7-response-output {
display: none;
}
.backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(102, 102, 102, 0.7);
opacity: 1;
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.backdrop.is-hidden {
visibility: hidden;
pointer-events: none;
opacity: 0;
}
.disabled-scroll {
position: relative;
overflow: hidden;
height: 100vw;
}
.modal {
width: 290px;
height: 350px;
padding: 15px 15px 40px;
position: absolute;
top: 50%;
left: 50%;
z-index: 200;
transform: translate(-50%, -50%) scale(1);
background-color: #fff;
opacity: 1;
transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.backdrop.is-hidden .modal {
transform: translate(-50%, -50%) scale(0.9);
opacity: 0;
}
.modal__button-close {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 15px;
height: 15px;
background-color: transparent;
border: none;
margin-left: auto;
margin-bottom: 10px;
}
.modal__button-close svg {
fill: #666;
}
.modal__button-close:hover svg {
fill: #6090c2;
}
.modal__img-wrapper {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.modal__img-wrapper svg {
width: 50px;
height: 50px;
}
.modal__title {
color: #666;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
}
.modal__text {
color: #666;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.modal__btn {
display: block;
margin: 30px auto 0;
width: max-content;
padding: 5px 33px;
color: #fff;
background-color: #6090c2;
border: 0.5px solid transparent;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 700;
cursor: pointer;
}
.modal__btn:hover {
color: #6090c2;
background-color: #fff;
border-color: #6090c2;
}
@media screen and (min-width: 640px) {
.common-form {
width: 510px;
}
.common-title {
margin-bottom: 30px;
font-size: 20px;
}
.common-form input,
.common-form select {
width: 450px;
height: 40px;
border: 0.5px solid #acadaf;
border-radius: 4px;
margin-top: 10px;
padding: 0 10px;
font-size: 14px;
color: #666;
}
.common-form textarea {
width: 450px;
height: 160px;
border: 0.5px solid #acadaf;
border-radius: 4px;
margin: 10px auto;
padding: 5px 10px;
font-size: 14px;
color: #666;
resize: vertical;
}
.common-container {
padding: 0 30px;
}
.common-form .common-submit-btn {
width: 120px;
padding: 7px 26px;
margin: 0 165px;
}
.modal {
width: 510px;
height: 372px;
padding: 20px 20px 40px;
}
.modal__img-wrapper {
margin-bottom: 40px;
}
.modal__img-wrapper svg {
width: 60px;
height: 60px;
}
.modal__title {
font-weight: 700;
}
.modal__text {
font-size: 20px;
}
.modal__btn {
margin: 40px auto 0;
width: max-content;
padding: 9px 48px;
}
}
@media screen and (min-width: 800px) {
.modal {
width: 630px;
height: 420px;
padding: 30px 30px 40px;
}
.modal__img-wrapper {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.modal__img-wrapper svg {
width: 70px;
height: 70px;
}
.modal__title {
font-size: 36px;
margin-bottom: 10px;
}
.modal__text {
font-size: 24px;
margin-bottom: 10px;
}
}
@media screen and (min-width: 1100px) {
.common-form {
width: 578px;
color: #666;
font-family: "Tenor Sans", sans-serif;
font-size: 18px;
font-style: normal;
line-height: normal;
border: 0.5px solid #acadaf;
border-radius: 4px;
}
.common-title {
padding: 8px 0;
margin-bottom: 40px;
text-align: center;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 20px;
line-height: normal;
text-transform: uppercase;
background-color: #6090c2;
}
.common-container {
padding: 0 40px;
}
.common-form label {
display: inline-block;
margin-bottom: 20px;
}
.common-form input,
.common-form select {
width: 498px;
height: 40px;
border: 0.5px solid #acadaf;
border-radius: 4px;
margin-top: 10px;
padding: 0 10px;
font-size: 14px;
color: #666;
}
.common-form textarea {
width: 498px;
height: 173px;
border: 0.5px solid #acadaf;
border-radius: 4px;
margin: 10px auto;
padding: 5px 10px;
font-size: 14px;
color: #666;
resize: vertical;
}
.common-form .common-submit-btn {
width: 160px;
padding: 7px 50px;
margin: 0 169px;
background-color: #6090c2;
text-align: center;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
cursor: pointer;
}
.common-form .common-submit-btn:hover {
color: #6090c2;
background-color: #fff;
border-color: #6090c2;
}
.wpcf7 form.sent .wpcf7-response-output {
display: none;
}
.modal {
width: 730px;
height: 454px;
padding: 30px 30px 60px;
}
.modal__img-wrapper svg {
width: 90px;
height: 90px;
}
.modal__title {
font-size: 40px;
}
} .eks_series-section {
margin: 0 auto;
padding-bottom: 60px;
}
.eks_series-section__item {
margin-bottom: 20px;
font-family: "Open Sans";
font-size: 14px;
line-height: 30px;
}
.eks_series-section__item:last-child {
margin-bottom: 0 !important;
}
.eks_series-section .img-box>img {
width: 100vw;
max-width: 1600px;
}
.eks_series-section h3 {
margin-bottom: 10px;
font-family: "Open Sans";
font-size: 18px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
text-align: center;
}
.eks_series-section li>span {
font-weight: 800;
}
.eks_series-section__img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.eks_series-section__img-wrapper {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.eks_series-section__img-wrapper img {
flex-basis: 100%;
}
.eks_series-section__product {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.eks_series-section__product-card {
width: 320px;
border: 0.5px solid #acadaf;
padding: 15px 10px 20px; }
.eks_series-section__img-container {
width: 100%;
height: 136px;
}
.eks_series-section__product-card img {
width: 100%;
height: 100%;
object-fit: contain;
}
.eks_series-section__product-card p {
margin-bottom: 20px;
}
.eks_series-section__product-title {
margin-bottom: 10px;
color: #666;
text-align: center;
font-family: "Roboto";
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.eks_series-section_text {
color: #666;
font-family: "Roboto";
font-size: 16px;
font-weight: 700;
text-align: center;
}
.eks_series-section a:hover>p {
color: #6090c2;
}
.eks_series-section__item-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.eks_series-section__item-wrapper div:nth-child(1) {
flex-basis: 100%;
}
.eks_series-section__item-wrapper ul {
display: flex;
flex-direction: column;
gap: 5px;
padding-left: 20px;
}
.eks_series-section__item-wrapper div:nth-child(2) {
display: flex;
flex-basis: 100%;
}
.eks_series-section__item-wrapper div>img {
align-self: center;
}
@media screen and (min-width: 640px) {
.eks_series-section {
padding-bottom: 80px;
}
.eks_series-section h3 {
font-size: 20px;
} .eks_series-section__item {
font-size: 16px;
}
}
@media screen and (min-width: 800px) {
.eks_series-section {
padding-bottom: 80px;
}
.eks_series-section__img-wrapper {
display: flex;
flex-direction: row;
gap: 40px;
}
.eks_series-section__img-wrapper img {
width: calc((100% - 40px) / 2);
}
.eks_series-section__diagram {
width: 84%;
margin: 0 auto;
}
.eks_series-section__product-title {
font-size: 18px;
}
.eks_series-section__product {
flex-direction: row;
gap: 15px;
}
.eks_series-section__product-card {
width: calc((100% - 30px) / 3);
}
.eks_series-section__item-wrapper {
flex-direction: row;
}
.eks_series-section__item-wrapper div:nth-child(1) { display: flex;
flex-direction: column;
justify-content: space-evenly;
padding-left: 0;
flex-basis: 60%;
}
.eks_series-section__item-wrapper div:nth-child(2) { flex-basis: 40%;
}
.eks_series-section__img {
margin-bottom: 0;
}
}
@media screen and (min-width: 1100px) {
.eks_series-section__product {
gap: 34px;
}
.eks_series-section__product-card {
width: calc((100% - 68px) / 3);
}
}
@media screen and (min-width: 1220px) {
.eks_series-section {
padding-bottom: 100px;
}
.eks_series-section h3 {
font-size: 24px;
margin-bottom: 20px;
} .eks_series-section__item {
font-size: 18px;
margin-bottom: 60px;
}
.eks_series-section__img-wrapper {
gap: 60px;
margin-bottom: 30px;
}
.eks_series-section__img-wrapper img {
width: calc((100% - 60px) / 2);
}
.eks_series-section__product-card {
padding: 30px 17px 37px;
}
.eks_series-section__img-container {
width: 100%;
height: 156px;
}
.eks_series-section__product-title {
font-size: 20px;
}
.eks_series-section__item-wrapper {
margin-top: 20px;
}
} .faq-section {
margin: 0 auto;
padding-bottom: 60px;
color: #666;
}
.faq-section__sub-title {
font-size: 28px;
text-align: center;
margin-bottom: 20px;
}
.faq-section_list {
margin-bottom: 40px;
display: flex;
flex-direction: column;
gap: 5px;
}
.faq-section_item { cursor: pointer;
}
.faq-section_question {
position: relative;
padding: 15px 55px 15px 15px; background-color: #6090c2;
color: #fff;
font-size: 20px;
font-weight: 500;
}
.faq-section_icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
display: inline-block;
width: 25px;
height: 25px;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="%23FFFFFF" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 45.402 45.402" xml:space="preserve"><g><path d="M41.267,18.557H26.832V4.134C26.832,1.851,24.99,0,22.707,0c-2.283,0-4.124,1.851-4.124,4.135v14.432H4.141c-2.283,0-4.139,1.851-4.138,4.135c-0.001,1.141,0.46,2.187,1.207,2.934c0.748,0.749,1.78,1.222,2.92,1.222h14.453V41.27c0,1.142,0.453,2.176,1.201,2.922c0.748,0.748,1.777,1.211,2.919,1.211c2.282,0,4.129-1.851,4.129-4.133V26.857h14.435c2.283,0,4.134-1.867,4.133-4.15C45.399,20.425,43.548,18.557,41.267,18.557z"/></g></svg>');
background-size: contain;
background-repeat: no-repeat;
}
.faq-section_question.active .faq-section_icon {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="%23FFFFFF" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 459.313 459.314" xml:space="preserve"><g><path d="M459.313,229.648c0,22.201-17.992,40.199-40.205,40.199H40.181c-11.094,0-21.14-4.498-28.416-11.774C4.495,250.808,0,240.76,0,229.66c-0.006-22.204,17.992-40.199,40.202-40.193h378.936C441.333,189.472,459.308,207.456,459.313,229.648z"/></g></svg>');
}
.faq-section_answer {
display: none;
padding: 30px 15px;
margin: 15px 0;
font-size: 18px;
line-height: 150%;
}
.faq-section_answer.active {
display: block;
} @media screen and (max-width: 999px) {
.info-block {
flex-direction: column;
}
.info-block__item {
padding: 0;
margin-bottom: 20px;
}
.info-block__item:last-child {
margin-bottom: 0;
}
.main-top-slider__slider-item p {
width: auto;
}
.main-slider-item__button-container {
flex-wrap: wrap;
}
.main-slider-item__button-container button:first-child {
margin-bottom: 10px;
}
.info-block-2__item {
flex-direction: column !important;
padding: 20px 0 !important;
}
.info-block-2__text-box {
margin-top: 20px;
padding: 0 !important;
}
.info-block-2__text-box>* {
text-align: center;
}
.featured-product-lines-box__list {
flex-direction: column;
}
.career-form-container form label,
.cover-letter textarea {
width: 100% !important;
}
.yes-no-container {
width: 100%;
}
.sign-up-container input {
margin-bottom: 0;
}
.sign-up-container span.wpcf7-list-item {
justify-content: space-between;
width: 100%;
}
.main-top-slider__buttons {
display: none;
}
.top-main-item__item_info h2 {
font-size: 32px;
}
.top-main-item__item_info p {
font-size: 16px;
}
.top-main-item__item_info li {
font-size: 14px;
}
.top-main-item__item_img-box {
width: 50%;
overflow: hidden;
}
.top-main-item__item .top-main-item__item_img-box img {
width: 100% !important;
}
.featured-products-container__main-list {
flex-wrap: wrap;
}
.featured-products-container__main-list_item {
width: 100%;
margin-bottom: 20px;
}
.info-container {
flex-direction: column;
}
.products-container,
.products-container__items-box,
.latest-news-container,
.smartavi-clients-container__slider-box {
width: 100%;
}
.footer-main-container__form-box {
width: 300px;
}
.footer-main-container__form-box_img {
margin: 20px 0 0;
}
}
@media screen and (max-width: 768px) {
.single-product-container__buttons-container ul {
flex-direction: column;
align-items: flex-start;
}
.single-product-container__buttons-container ul>li {
margin-bottom: 5px;
}
.single-product-container__buttons-container ul>li:last-child {
margin-bottom: 0;
}
.single-product-container__buttons-container {
flex-direction: column;
align-items: flex-start;
padding: 10px 0;
}
.single-product-container__buttons-container button {
margin-top: 10px;
}
.slider-box {
flex-direction: column-reverse;
}
.single-product-container__slider {
height: unset;
width: 100%;
}
.slider-container {
width: 100%;
}
.slider-box__dots {
flex-direction: row;
flex-wrap: wrap;
width: unset;
margin: 10px auto 25px;
}
.footer-main-container {
flex-direction: column;
}
.footer-main-container__info-box {
margin-top: 20px;
}
.full-product-list-container {
display: none;
}
.full-product-list-small-container {
display: flex;
flex-direction: column;
}
.product-item {
background: #2f2f2f;
color: #fff;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
font-family: "Open Sans";
font-size: 14px;
}
.product-item__buttons-container {
border-top: 1px #ccc solid;
margin-top: 10px;
}
.product-item__buttons-container {
display: flex;
align-items: center;
}
.product-item__buttons-container p {
margin-right: 10px;
padding-top: 5px;
}
.product-item__header {
width: 100%;
font-size: 20px;
font-weight: normal;
border-bottom: 1px #ccc solid;
padding-bottom: 5px;
margin-bottom: 5px;
}
.product-item__buttons-container>button>a {
color: #2f2f2f;
text-decoration: none;
}
.product-item__buttons-container>button {
margin-top: 10px;
border-radius: 5px;
border: 0;
padding: 5px 10px;
margin-right: 10px;
}
.product-item__upc span,
.product-item__part span {
color: #ccc;
margin-right: 5px;
}
.product-item__header a {
color: #fff;
text-decoration: none;
}
.full-product-list-small-container__header {
font-family: "Open Sans";
margin: 10px auto;
}
.full-product-list-small-container__header a {
color: #000;
text-decoration: none;
}
.secure-switch-documentation-container h1,
.secure-switch-documentation-container h2 {
font-size: 20px;
}
.secure-switch-documentation-container ul li {
font-size: 16px;
}
}
@media screen and (max-width: 550px) {
.cat-box__container {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.footer-main-container__menu {
flex-direction: column;
}
.footer-main-container__menu>li {
padding: 0 0 20px;
}
.footer-main-container__menu>li>a {
font-size: 24px;
}
.footer-main-container__menu a {
font-size: 14px;
}
.county-container table tr td {
padding: 4px 4px;
font-size: 11px;
}
.products-container__items-box_item {
width: 100%;
}
} .disabledLinkMenu,
.disabledLinkMenu>a {
cursor: default !important;
}
.top-header {
background-color: #000;
padding: 10px 0;
}
.top-header .container {
display: flex;
justify-content: flex-end;
align-items: center;
}
.top-header__menu {
font-family: "Tenor Sans";
display: flex;
align-items: center;
}
.top-header__menu li {
padding: 0 15px;
border-right: 1px #fff solid;
}
.top-header__menu li:last-child {
border-right: none;
padding-right: 0;
}
.top-header__menu li a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
.top-header__menu li a:hover {
color: #fff;
} .header_nav_right-side {
display: flex;
align-items: center;
margin-left: 16px;
}
.header_nav_right-side>a {
color: #fff;
font-size: 17px;
font-family: "Open Sans", sans-serif;
}
.header_nav_right-side>a:hover {
text-decoration: underline;
}
.middle-header {
background-color: #e1e3e5;
display: flex;
align-items: center;
padding: 6px 0;
}
.middle-header .container-wider {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.middle-header__flag_img {
width: 89px;
}
.middle-header__flag_img img {
width: 100%;
}
.middle-header__info {
display: flex;
justify-content: center;
align-items: center;
font-family: "Open Sans";
}
.middle-header__item {
position: relative;
padding: 0 15px;
display: flex;
justify-content: center;
align-items: center;
}
.middle-header__item:last-child {
padding-right: 0;
}
.middle-header__item:not(:last-child) {
border-right: 0.5px solid #000;
}
.middle-header__info h3 {
font-size: 17px;
text-transform: uppercase;
}
.middle-header__info a {
font-size: 14px;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.middle-header__info a:hover {
color: #6090c2;
}
.middle-header__info em {
font-size: 13px;
color: #797979;
}
.bottom-header {
background-color: #6090c2;
}
.bottom-header .container {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-menu__mobile-button,
.main-menu__mobile-button-close {
display: none;
}
.header-mobile {
display: none;
}
.main-menu {
display: flex;
justify-content: space-between;
align-items: center;
color: #666;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 600;
z-index: 10;
background-color: #e1e3e5;
}
.main-menu>li {
padding: 17.5px 10px;
}
.main-menu>li:first-child {
padding-left: 0;
}
.main-menu>li:last-child {
padding-right: 0;
}
.main-menu>li.menu-item-has-children {
cursor: pointer;
}
.main-menu>li.menu-item-has-children:after {
content: "";
display: inline-block;
font-family: "icomoon";
color: #fff;
font-size: 10px;
transform: rotate(180deg);
transition: all 0.3s ease;
}
.main-menu>li>a {
color: #fff;
font-size: 17px;
}
.main-menu>li>a:hover {
text-decoration: underline;
}
#menu-menu-test>li.menu-item>ul.sub-menu {
position: absolute;
top: 54px;
left: 0;
width: 1110px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 118px;
justify-content: space-between;
padding: 30px 64px 29px;
font-family: "Open Sans", sans serif;
background: #e1e3e5;
transition: visibility 0s, opacity 0.25s linear;
opacity: 0;
visibility: hidden;
z-index: 999;
}
.menu-item-1537 {
grid-column: 1;
grid-row: 1/4;
}
.menu-item-1575 {
grid-column: 2;
grid-row: 1/4;
}
.menu-item-4065 {
grid-column: 3;
grid-row: 1/2;
}
.menu-item-17810 {
grid-column: 3;
grid-row: 2/3;
margin-top: -80px;
}
.menu-item-5010 {
grid-column: 3;
grid-row: 3/4;
margin-top: -130px;
}
.main-menu>li:last-child>ul {
padding: 30px;
height: auto;
gap: 14px;
}
.main-menu>li.disabledLinkMenu>ul {
flex-direction: column;
left: 394px;
width: auto;
}
.main-menu>li>ul>li {
width: 250px;
display: flex;
flex-direction: column;
}
.main-menu>li>ul>li:nth-child(2) .sub-menu {
column-gap: 20px;
display: grid;
}
.main-menu>li>ul>li>ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
}
.main-menu>li>ul>li:first-child .menu-item-1569 {
grid-column: 1;
grid-row: 3 / 6;
}
.main-menu>li>ul>li:first-child .menu-item-16913 {
grid-column: 2;
grid-row: 3;
}
.main-menu>li>ul>li:first-child .menu-item-1525 {
grid-column: 2;
grid-row: 4;
}
.main-menu>li>ul>li:first-child .menu-item-1558 {
grid-column: 2;
grid-row: 5;
}
.main-menu>li>ul>li:nth-child(2)>ul>li {
width: 100%;
}
main-menu>li>ul>li:nth-child(2) .menu-item-1576 {
grid-column: 1;
grid-row: 1/ 2;
}
.main-menu>li>ul>li:nth-child(2) .menu-item-1578 {
grid-column: 2;
grid-row: 1/2;
}
.main-menu>li>ul>li:nth-child(2) .menu-item-1577 {
grid-column: 1;
grid-row: 2/3;
}
.main-menu>li>ul>li:nth-child(2) .menu-item-17726 {
grid-column: 1/3;
grid-row: 3/4;
}
.main-menu>li>ul>li>a {
display: block;
margin-bottom: 20px;
font-size: 14px;
font-weight: 700;
color: #666;
text-transform: uppercase;
width: 100%;
padding-bottom: 5px;
border-bottom: 0.5px solid;
}
.main-menu>li>ul>li>a:hover {
color: #6090c2;
}
.main-menu>li:last-child>ul>li>a {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
}
.main-menu>li>ul>li>ul {
display: flex;
flex-wrap: wrap;
row-gap: 15px;
justify-content: space-between;
align-items: flex-start;
line-height: normal;
}
.main-menu>li>ul>li>ul>li {
display: flex;
flex-direction: column;
width: 103px;
gap: 5px;
}
.main-menu>li>ul>li>ul>li:nth-child(2n) {
width: 119px;
}
.main-menu>li>ul>li>ul>li>a {
font-size: 16px;
color: #666;
font-weight: 600;
display: block;
}
.main-menu>li>ul>li>ul>li>a:hover {
color: #6090c2;
}
.main-menu>li>ul>li>ul>li>ul {
display: flex;
gap: 2px;
flex-direction: column;
color: #666;
}
.main-menu>li>ul>li>ul>li>ul>li>a {
font-size: 15px;
color: #666;
}
.main-menu>li>ul>li>ul>li>ul>li>a:hover {
text-decoration: underline;
}
#menu-menu-test>li.menu-item-has-children:hover>ul.sub-menu {
opacity: 1;
visibility: visible;
}
.header-search {
padding: 31px 0;
}
.header-search .container-wider {
display: flex;
justify-content: space-between;
align-items: center;
}
.bottom-header__search input[name="s"] {
width: 210px;
border: 1px solid #acadaf;
border-radius: 20px;
color: #acadaf;
padding: 10px 15px;
font-size: 14px;
font-family: Tenor Sans;
}
.bottom-header__search input[name="s"]:focus {
outline-color: #6090c2;
}
.bottom-header__input::placeholder {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/search.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: 30%;
color: #acadaf;
}
.bottom-header__search input[type="submit"] {
display: none;
}
.bottom-header__search-close {
display: none;
z-index: 10;
}
.big-slider-container .big-slider-container-slider-box .owl-item img {
width: auto !important;
}
.single-product-container #table1 th {
text-align: left;
background: #333;
color: #fff;
font-weight: bold;
padding: 3px 10px;
}
.single-product-container #table1 td {
padding: 0px 10px;
}
.header__logo {
display: flex;
align-items: center;
}
.header__logo img {
width: 115px;
height: 25px;
} @media screen and (min-width: 991.99px) {
.main-menu {
background-color: #6090c2;
font-size: 16px;
font-weight: 400;
}
.main-menu>li.menu-item-has-children:hover:after {
transform: rotate(0deg);
}
}
@media screen and (max-width: 991.98px) {
.header-desktop {
display: none;
}
.header-mobile {
display: block;
position: relative;
}
.header-mobile .header__top-info {
background: #6090c2; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#673191", endColorstr="#472a5e", GradientType=0);
}
.header-mobile .header__top-info .container {
display: flex;
flex-direction: column;
align-items: center;
padding: 5px 0;
}
.header-mobile .header__top-info .container h3 {
font-family: Bebas Neue; font-size: 14px;
}
.header-mobile .header__top-info .container h3 a { font-size: 17px;
}
.header-mobile .header__top-info .container h3 a:hover { }
.header-mobile .header__top-info .container em {
font-size: 12px;
font-family: Bebas Neue; margin-top: 2px;
}
.header-mobile .header__main {
position: relative;
}
.header-mobile .header__main .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 15px 5px;
}
.header-mobile .header__main .container>a {
width: 32.5%;
min-width: 140px;
max-width: 200px;
}
.header-mobile .header__main .container>a img {
width: 100%;
}
.header-mobile .header__main .container .header__main_mobile-nav {
display: flex;
align-items: center;
}
.header-mobile .header__main .container .header__main_mobile-nav form {
display: none;
}
.header-mobile .header__main .container .header__main_mobile-nav .main-menu__mobile-button-search {
margin: 0 15px;
}
.main-menu {
flex-direction: column;
}
.main-menu>li:first-child {
display: none;
}
.main-menu>li>ul>li>ul {
gap: 0;
}
.main-menu__mobile-button {
display: block;
color: #000;
font-size: 22px;
cursor: pointer;
}
.mobile-nuv {
display: none;
transition: visibility 0s, opacity 0.5s linear;
z-index: 10; position: absolute; background-color: #e1e3e5;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
border-top: 1px solid #acadaf;
}
.main-menu>li>a {
color: #666;
}
.main-menu .menu-item-has-children:hover>ul { visibility: unset;
opacity: unset;
display: none;
}
.main-menu .menu-item-has-children {
position: relative;
}
.main-menu .menu-item-has-children:after,
.main-menu>li.menu-item-has-children:after {
content: "";
font-family: "icomoon";
font-size: 15px !important;
position: absolute;
top: 10px;
right: 5%;
color: #666;
}
.main-menu .menu-item-has-children.rotate:after {
transform: rotateX(180deg);
}
.main-menu>.menu-item-has-children.rotate:after {
transform: rotateY(0deg);
}
.main-menu>li { padding: 0;
width: 100%;
border-bottom: none;
}
.main-menu>li a {
display: block;
width: 100%;
padding: 10px 5%;
font-size: 14px;
font-weight: normal; margin-bottom: 0;
border-bottom: 1px #acadaf solid;
}
.main-menu>li a:hover { }
.main-menu>li a:first-child {
padding: 10px 5% !important;
}
.main-menu>li>ul {
position: unset;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 0;
font-family: "Open Sans", sans-serif;
background-color: #e1e3e5;
border-bottom: none;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
z-index: 10;
display: none;
visibility: visible;
opacity: 1;
}
.menu-item-17810,
.menu-item-5010 {
margin: 0;
}
.main-menu>li>ul>li { padding: 0;
width: 100%;
border-bottom: none;
background-color: #e1e3e5;
}
.main-menu>li>ul>li a {
display: block;
width: 100%;
padding: 10px 5% !important;
font-size: 14px;
font-weight: normal; margin-bottom: 0;
border-bottom: 1px solid #acadaf;
}
.main-menu>li>ul>li a:hover { }
.main-menu>li>ul>li a:first-child {
padding: 10px 5% 10px 10% !important;
}
.main-menu>li>ul>li>ul li { padding: 0;
width: 100%;
border-bottom: none;
}
.main-menu>li>ul>li>ul li a {
display: block;
width: 100%;
padding: 10px 5% !important;
font-size: 14px;
font-weight: normal; margin-bottom: 0; }
.main-menu>li>ul>li>ul li a:hover { }
.main-menu>li>ul>li>ul li a:first-child {
padding: 10px 5% 10px 15% !important;
}
.main-menu>li>ul>li>ul li a a {
padding: 10px 5% !important;
}
.main-menu>li>ul>li>ul li ul {
display: none;
}
.main-menu>li>ul>li>ul li ul a { }
.main-menu>li>ul>li>ul li ul a:first-child {
padding: 10px 5% 10px 20% !important;
}
.main-menu li,
.main-menu .sub-menu {
width: 100% !important;
}
.bottom-header__search-container {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 5px;
left: 5%;
}
.bottom-header__search {
display: none;
align-items: center;
}
.bottom-header__search>* {
height: 25px;
}
.bottom-header__search input[name="s"] {
margin: 5px 0;
border: 1px #ccc solid;
border-radius: 5px 0 0 5px;
}
.bottom-header__search #searchsubmit {
display: block;
border-radius: 0 5px 5px 0;
width: 50px;
border: 0;
}
.bottom-header .container {
width: 100%;
max-width: 100%;
}
.bottom-header .container .main-menu__mobile-button {
margin-left: 5vw;
}
.bottom-header .bottom-header__search {
margin-right: 5vw;
}
}
@media screen and (max-width: 767.98px) {
.top-header {
padding: 5px 0;
}
.top-header__menu li a {
font-size: 10px;
}
.middle-header__logo {
width: 140px;
}
.middle-header__flag_img {
width: 140px;
}
}
@media screen and (max-width: 575.98px) {
.middle-header__flag_img {
display: none;
}
.bottom-header__search input[name="s"] {
width: 150px;
padding: 5px;
font-size: 14px;
}
.middle-header__info h3 {
font-size: 16px;
}
.middle-header__info a {
font-size: 18px;
}
.middle-header__info em {
font-size: 12px;
}
}
.home-page-mini-menu {
background-color: #e1e1e1;
font-family: "Lato";
}
.home-page-mini-menu ul {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
padding: 10px 0;
}
.home-page-mini-menu ul li {
width: 100%;
padding: 10px;
border-right: 1px #939393 solid;
}
.home-page-mini-menu ul li:first-child {
padding-left: 0;
}
.home-page-mini-menu ul li:last-child {
padding-right: 0;
border-right: none;
}
.home-page-mini-menu ul li a {
font-size: 23px;
word-break: break-word;
font-weight: bold;
color: #939393;
}
.home-page-mini-menu ul li a:hover {
color: #673192;
text-decoration: underline;
}
.home-header {
font-family: "Tenor Sans";
text-transform: uppercase;
width: max-content;
max-width: 100%;
color: #666666;
font-weight: 400;
font-size: 32px;
line-height: 45px;
letter-spacing: 1.6px;
margin: 0 auto;
}
.home-page-product-container {
padding: 25px 0 80px;
border-bottom: 5px #264469 solid;
}
.home-page-product-container h2 {
margin: 50px auto 20px;
}
.home-page-product-container .products-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.home-page-product-item {
position: relative;
width: 365px;
display: flex;
flex-direction: column;
align-items: center;
border: 1px #c8c8c8 solid;
}
.home-page-product-item__img-container {
width: 100%;
height: 225px;
background: #e1e1e1;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 8px #683192 solid;
}
.home-page-product-item__img-container img {
width: 90%;
}
.home-page-product-item__main {
display: flex;
flex-direction: column;
align-items: center;
padding: 25px 15px 110px;
}
.home-page-product-item__main h3 {
font-family: "Tenor Sans";
color: #2e2e2e;
margin: 15px 0;
width: 100%;
}
.home-page-product-item__main h3>a {
font-size: 21px;
color: #565656;
font-weight: 400;
}
.home-page-product-item__main h3>a:hover {
text-decoration: underline;
}
.home-page-product-item__main p {
font-size: 18px;
font-weight: bold;
}
.home-page-product-item__main p a {
color: #4d9cee;
text-decoration: underline;
}
.home-page-product-item__main p a:hover {
color: #4d9cee;
}
.home-page-product-item__main>a {
width: calc(100% - 30px);
padding: 20px 0;
font-size: 17px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: #fff;
background: #683192;
position: absolute;
bottom: 25px;
}
.home-page-product-item__main>a:hover {
font-weight: 600;
text-decoration: underline;
}
.our-clients {
background: #ededed; background: -moz-linear-gradient( top, #ededed 0%, #ededed 0%, #ffffff 100%, #ffffff 100%, #ffffff 101%); background: -webkit-linear-gradient( top, #ededed 0%, #ededed 0%, #ffffff 100%, #ffffff 100%, #ffffff 101%); background: linear-gradient( to bottom, #ededed 0%, #ededed 0%, #ffffff 100%, #ffffff 100%, #ffffff 101%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ededed", endColorstr="#ffffff", GradientType=0); padding: 60px 0;
border-top: 15px #693192 solid;
-webkit-box-shadow: inset 0px 30px 20px -10px rgba(182, 182, 182, 0.5);
-moz-box-shadow: inset 0px 30px 20px -10px rgba(182, 182, 182, 0.5);
box-shadow: inset 0px 30px 20px -10px rgba(182, 182, 182, 0.5);
}
.our-clients h2 {
margin: 0 auto 50px;
}
.our-clients .container {
border-bottom: 1px #c5c5c5 solid;
}
.our-clients .container>a {
font-family: "Tenor Sans";
width: max-content;
max-width: 100%;
font-size: 18px;
font-weight: 400;
color: #9e9e9e;
margin: 30px auto;
display: block;
}
.our-clients .container>a:hover {
text-decoration: underline;
}
.our-clients-box {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.our-clients-item {
width: 30%;
height: 200px;
border: 1px #c5c5c5 solid;
display: flex;
justify-content: center;
align-items: center;
}
.latest-news {
border-bottom: 15px #693192 solid;
-webkit-box-shadow: inset 0px -30px 20px -10px rgba(182, 182, 182, 0.5);
-moz-box-shadow: inset 0px -30px 20px -10px rgba(182, 182, 182, 0.5);
box-shadow: inset 0px -30px 20px -10px rgba(182, 182, 182, 0.5);
padding: 0 0 60px;
}
.latest-news .container>a {
font-size: 24px;
margin: 60px auto 40px;
display: block;
}
.latest-news .container>a:hover {
text-decoration: underline;
}
.latest-news-box {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.latest-news-item {
width: 50%;
display: flex;
flex-direction: column;
padding-bottom: 25px;
margin-bottom: 0;
}
.latest-news-item:nth-of-type(2n) {
padding-left: 20%;
border-left: 1px #999999 solid;
}
.latest-news-item .latest-news-item__date {
font-family: Bebas Neue;
font-style: italic;
font-size: 18px;
color: #999999;
font-weight: 600;
display: block;
margin-bottom: 15px;
}
.latest-news-item a {
font-family: "Tenor Sans";
font-size: 18px;
color: #999999;
}
.latest-news-item a:hover {
text-decoration: underline;
}
.newsletter-signin {
padding: 30px 0 60px;
background: #cbcbcb;
margin-bottom: 225px;
}
.newsletter-signin h2 {
font-size: 42px;
color: #000;
margin: 10px auto 45px;
text-align: center;
}
.newsletter-signin form {
margin: 30px auto 50px;
display: flex;
width: max-content;
max-width: 100%;
}
.newsletter-signin form>* {
height: 40px;
}
.newsletter-signin form input[type="text"] {
width: 310px;
border: 2px #a8a8a8 solid;
border-right: none;
padding: 0 15px;
}
.newsletter-signin form input[type="submit"] {
width: 70px;
background: #693192;
color: #fff;
border: 0;
cursor: pointer;
}
.newsletter-signin p {
font-family: "Tenor Sans";
max-width: 790px;
font-size: 16px;
color: #7f7f7f;
text-align: center;
margin: 0 auto;
} @media screen and (max-width: 1299.98px) {
.home-page-mini-menu ul li {
padding: 5px;
}
.home-page-mini-menu ul li a {
font-size: 16px;
}
.home-page-product-container {
padding-bottom: 60px;
}
.home-page-product-container .container {
justify-content: space-around;
}
.home-page-product-item {
margin-bottom: 20px;
}
.home-header {
font-size: 32px;
}
.home-page-product-container h2 {
margin: 5px auto 20px;
}
.our-clients-item img {
max-width: 90%;
}
.newsletter-signin {
margin-bottom: 100px;
}
}
@media screen and (max-width: 1199.98px) {
.home-page-main-bottom-info .container {
flex-wrap: wrap;
flex-direction: column-reverse;
align-items: center;
justify-content: flex-start;
padding: 50px 0;
}
.latest-products-announcement {
margin-bottom: 30px;
}
}
@media screen and (max-width: 991.98px) {
.home-page-product-item {
width: 30%;
min-width: 300px;
}
.home-page-product-container {
padding-bottom: 5px;
}
.home-page-product-item__main {
padding-bottom: 80px;
}
.home-page-product-item__main h3 {
font-size: 16px;
}
.home-page-product-item__main p {
font-size: 13px;
}
.home-page-product-item__main a {
width: 85%;
padding: 12.5px 0;
font-size: 12px;
bottom: 15px;
}
.latest-products-announcement {
width: 100%;
}
.latest-products-announcement .latest-products-announcement__product-container {
width: 100%;
flex-wrap: wrap;
justify-content: space-around;
}
.latest-products-announcement .latest-products-announcement__product-container .latest-products-announcement__product-item {
width: 300px;
margin: 0 20px 20px;
}
.home-page-mini-menu ul {
flex-direction: column;
}
.home-page-mini-menu ul li {
padding: 5px 0;
border-right: none;
}
.home-page-product-item__img-container img {
width: unset;
max-width: 90%;
max-height: 80%;
}
.newsletter-signin h2 {
font-size: 32px;
}
.newsletter-signin {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.98px) {
.home-page-mini-menu ul {
padding: 7.5px 0;
}
.home-page-mini-menu ul li {
padding: 0;
}
.home-page-mini-menu ul li a {
font-size: 13px;
}
.home-page-product-item {
width: 100%;
min-width: unset;
}
.latest-products-announcement .latest-products-announcement__product-container .latest-products-announcement__product-item {
width: 340px;
}
.latest-news-item {
width: 100%;
}
.latest-news-item:nth-of-type(2n) {
padding-left: 0;
}
.latest-news-item:nth-of-type(2n) {
border-left: none;
}
}
@media screen and (max-width: 575.98px) {
.home-page-mini-menu {
border-bottom: 2px #000016 solid;
}
.home-page-mini-menu ul {
flex-wrap: wrap;
padding: 5px 0;
}
.home-page-mini-menu ul li {
width: unset !important;
border: 0;
margin-bottom: 2px;
}
.latest-products-announcement .latest-products-announcement__product-container .latest-products-announcement__product-item {
width: 100%;
margin: 0 0px 20px;
}
.latest-news-item {
width: 100%;
}
.latest-products-announcement .latest-products-announcement__img-box,
.latest-news-item .latest-news-item__img-box {
width: 65px;
}
.latest-products-announcement h3,
.latest-products-announcement a {
font-size: 16px;
margin-bottom: 10px;
}
.latest-products-announcement h3 {
margin-bottom: 25px;
font-size: 18px;
}
.latest-products-announcement p,
.latest-news-item p {
font-size: 14px;
}
.our-clients-item {
height: 165px;
}
.footer__right-part .footer-menu>li {
border-right: 0 !important;
}
.newsletter-signin form input[type="text"] {
width: 200px;
}
}
.main-page-line-menu {
background: #f7f7f7;
}
.main-page-line-menu ul {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.main-page-line-menu ul li {
flex-grow: 1;
flex-basis: auto;
font-family: Lato;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 0;
display: flex;
justify-content: center;
border-right: 1px #939393 solid;
}
.main-page-line-menu ul li a {
color: #707070;
}
.main-page-line-menu ul li a:hover {
color: #333333;
text-decoration: underline;
}
.main-page-line-menu ul li:last-child {
border-right: none;
}
@media screen and (max-width: 1299.98px) {
.main-page-line-menu ul li {
font-size: 18px;
text-align: center;
}
}
@media screen and (max-width: 991.98px) {
.main-page-line-menu ul li {
font-size: 15px;
}
.main-page-line-menu ul li:first-child {
border-left: none;
}
.main-page-line-menu ul li:last-child {
border-right: none;
}
}
@media screen and (max-width: 767.98px) {
.main-page-line-menu ul {
flex-direction: column;
padding: 0;
}
.main-page-line-menu ul li {
width: 100% !important;
border-right: none;
border-bottom: 1px #939393 solid;
font-size: 14px;
padding: 10px 0;
}
.main-page-line-menu ul li:last-child {
border-bottom: none;
}
}
.main-page-content { }
.main-page-content .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px 0 35px;
}
.main-page-content .container .home-header {
margin-bottom: 20px;
}
.main-page-featured-products {
width: 65%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main-page-featured-products__items-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main-page-featured-products-item {
position: relative;
display: flex;
flex-direction: column;
width: 32%;
height: 320px;
border-bottom: 8px #683192 solid; }
.main-page-featured-products-item:hover {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
transition: box-shadow 180ms;
}
.main-page-featured-products-item .cat-box__products_product {
width: 100%;
height: 100%;
margin: 0;
border-bottom: 0;
}
.main-page-featured-products-item .cat-box__products_product h2 {
font-family: "Tenor Sans";
color: #5eace3;
font-weight: bold;
}
.main-page-featured-products-item__header {
width: 100%;
height: 225px;
background: #fff; display: flex;
justify-content: center;
align-items: center;
border-bottom: 8px #683192 solid;
}
.main-page-featured-products-item__header img {
width: 90%;
}
.main-page-featured-products-item__main {
display: flex;
flex-direction: column;
padding: 15px 15px 50px;
}
.main-page-featured-products-item__title {
font-family: "Tenor Sans";
color: #565656;
font-size: 18px;
width: max-content;
margin-bottom: 5px;
}
.main-page-featured-products-item__title:hover {
text-decoration: underline;
}
.main-page-featured-products-item__description {
font-size: 14px;
font-weight: 600;
}
.main-page-featured-products-item__link {
position: absolute;
bottom: 10px;
right: 10px;
font-size: 17px;
color: #565656;
text-decoration: underline;
}
.main-page-latest-news {
width: 32.8%;
display: flex;
flex-direction: column;
}
.main-page-latest-news__items-container {
display: flex;
flex-direction: column;
padding: 25px 15px;
border: 1px #c8c8c8 solid;
max-height: 320px;
height: 100%;
overflow: hidden; }
.main-page-latest-news__item {
display: flex;
flex-direction: column;
padding: 10px;
margin: 0 5px 20px;
}
.main-page-latest-news__item:hover {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
transition: box-shadow 180ms;
}
.main-page-latest-news__item:last-child {
margin-bottom: 0;
}
.main-page-latest-news__public-date {
font-size: 12px;
font-weight: 600;
color: #565656;
margin-bottom: 5px;
}
.main-page-latest-news__title {
font-size: 16px;
color: #ab1416;
font-weight: 600;
}
.main-page-latest-news__description {
font-size: 15px;
color: #707070;
font-weight: 600;
}
.main-page-latest-news__link {
margin-left: auto;
font-size: 14px;
color: #707070;
font-weight: 600;
text-decoration: underline;
}
@media screen and (max-width: 991.98px) {
.main-page-featured-products,
.main-page-latest-news,
.main-page-smartavi-clients__container {
width: 100%;
}
.main-page-latest-news .home-header {
margin-top: 40px;
}
.main-page-latest-news__items-container {
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.main-page-latest-news__item {
width: 45%;
}
.main-page-latest-news__public-date,
.main-page-latest-news__title {
font-size: 18px;
}
}
@media screen and (max-width: 575.98px) {
.main-page-featured-products-item,
.main-page-latest-news__item {
width: 100%;
}
.main-page-latest-news__public-date,
.main-page-latest-news__title {
font-size: 16px;
}
}
.main-page-smartavi-clients__container {
width: 100%;
}
.main-page-smartavi-clients__container .smartavi-clients-container__slider-box {
width: 100%;
}
@media screen and (max-width: 991.98px) {
.main-page-smartavi-clients__container {
width: 100%;
}
}
.products-category-container { }
.products-category-container .container {
display: flex;
flex-direction: column;
padding: 50px 0 0;
}
.products-category-container .home-header {
margin-bottom: 20px;
}
.products-category-box {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.products-category-item {
display: flex;
width: 32%;
border-bottom: 8px #683192 solid;
margin-bottom: 35px;
}
.products-category-item:hover {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
transition: box-shadow 180ms;
}
.products-category-item .products-category-item__box {
display: flex;
flex-direction: column;
align-items: center;
border: 1px #c8c8c8 solid;
border-bottom: 0;
}
.products-category-item>* {
font-family: "Tenor Sans";
font-size: 16px;
color: #707070;
display: block;
}
.products-category-item h2 {
font-family: "Tenor Sans";
font-size: 16px;
text-align: center;
text-transform: uppercase;
background: #fff;
padding: 10px 0;
}
.products-category-item p {
background: rgba(225, 225, 225, 0.35);
padding: 20px 20px 40px;
height: 100%;
}
@media screen and (max-width: 991.98px) {
.products-category-item {
width: 32%;
min-width: unset;
}
.products-category-box {
width: 100%;
}
}
@media screen and (max-width: 575.98px) {
.products-category-item {
width: 100%;
min-width: unset;
}
}
.main-page-line-menu {
margin-bottom: 20px;
}
.featured-product-item {
max-width: 320px;
display: flex;
margin: 0 auto;
}
.featured-product-item__img {
min-width: 50%;
max-width: 50%;
padding: 5px;
display: flex;
align-items: center;
}
.featured-product-item__img img {
width: 100%;
}
.featured-product-item__info {
font-family: "Tenor Sans";
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 5px;
}
.featured-product-item__title {
font-size: 20px;
font-weight: bold;
color: #000;
margin-bottom: 5px !important;
}
.smartavi-clients-container__slider-products .featured-product-item__title {
color: #e78235;
}
.featured-product-item__title-news {
position: relative;
margin-bottom: 20px !important;
color: #666;
}
.featured-product-item__title-news:after {
content: "";
width: 30px;
height: 2px;
position: absolute;
bottom: -10px;
left: 0;
background: #ccc;
}
.featured-product-item__description {
font-size: 14px;
color: #999;
}
.featured-product-item__button {
width: max-content;
border: 1px #ccc solid;
background: #fff;
color: #999;
border-radius: 2px;
padding: 5px 15px;
margin-top: 5px;
cursor: pointer;
}
.featured-product-item__button i {
margin-left: 20px;
color: #999;
}
.featured-product-item:hover .featured-product-item__description,
.featured-product-item:hover .featured-product-item__button,
.featured-product-item:hover .featured-product-item__button i {
color: #428bca;
}
.featured-product-item:hover .featured-product-item__button {
border: 1px #428bca solid;
}
.featured-product-item__date {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 10px 5px;
min-width: 30%;
max-width: 30%;
font-family: Arial;
}
.featured-product-item__date span {
font-size: 14px;
color: #999;
display: block;
margin-left: 5px;
}
.featured-product-item__date b {
font-size: 46px;
color: #1f5fa5;
font-weight: 900;
margin-top: -6.5px;
}
.smartavi-clients-container__slider-products,
.smartavi-clients-container__slider-news {
padding: 20px;
}
.main-page-featured-products-slider-item {
max-width: 300px;
margin: 0 auto;
}
.featured-product-item__info h4 {
font-size: 14px;
margin-top: 5px;
font-weight: bold;
color: #1f5fa5;
}
footer {
background-color: #666666;
}
footer .container>p {
font-family: "Tenor Sans", sans-serif;
text-align: center;
font-size: 14px;
color: #fff;
padding: 32px 0;
}
.footer__left-part {
position: relative;
min-width: 235px;
display: flex;
flex-direction: column;
font-size: 16px;
color: #fff;
}
.footer__contact {
display: block;
padding-bottom: 5px;
font-family: Open Sans;
font-size: 20px;
font-weight: 700;
}
.footer__address {
position: relative;
padding-left: 28px;
margin-bottom: 20px;
}
.footer__address::before {
display: block;
content: "";
width: 18px;
height: 26px;
position: absolute;
left: 0;
top: 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/location.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.footer__phones {
position: relative;
padding-left: 28px;
margin-bottom: 40px;
}
.footer__phones a:hover {
text-decoration: underline;
}
.footer__phones::before {
display: block;
content: "";
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/phone.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.footer__email {
position: relative;
padding-left: 28px;
margin-bottom: 40px;
}
.footer__email a {
text-decoration: underline;
}
.footer__email::before {
display: block;
content: "";
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/email.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.footer__left-part .footer__socials {
display: flex;
gap: 40px;
padding: 20px 0;
align-items: center;
justify-content: center;
}
.footer__left-part .footer__socials li a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
border-radius: 3px;
text-decoration: none;
}
.footer__left-part .footer__socials li a span {
font-size: 16px;
}
.icon-twitter::before {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/twitter.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.icon-linkedin::before {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/linkedin.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.icon-youtube::before {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/youtube.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.icon-facebook::before {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
right: 0;
bottom: 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/facebook.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.footer__left-part .footer__socials li a:hover .icon-twitter::before {
background-image: linear-gradient( to right, rgba(122, 166, 192, 0.5), rgba(122, 166, 192, 0.5)), url(//smartavi.com/wp-content/themes/SMARTAVI/img/twitter.svg);
}
.footer__left-part .footer__socials li a:hover .icon-linkedin::before {
background-image: linear-gradient( to right, rgba(122, 166, 192, 0.5), rgba(122, 166, 192, 0.5)), url(//smartavi.com/wp-content/themes/SMARTAVI/img/linkedin.svg);
}
.footer__left-part .footer__socials li a:hover .icon-youtube::before {
background-image: linear-gradient( to right, rgba(122, 166, 192, 0.5), rgba(122, 166, 192, 0.5)), url(//smartavi.com/wp-content/themes/SMARTAVI/img/youtube.svg);
}
.footer__left-part .footer__socials li a:hover .icon-facebook::before {
background-image: linear-gradient( to right, rgba(122, 166, 192, 0.5), rgba(122, 166, 192, 0.5)), url(//smartavi.com/wp-content/themes/SMARTAVI/img/facebook.svg);
}
.footer__left-part a {
color: #fff;
}
.footer_contact-info {
border-bottom: 0.2px solid #acadaf;
}
.footer__left-part a.first {
padding: 20px 0;
}
.footer__left-part a:hover {
color: #6090c2;
text-decoration: underline;
}
.footer__left-part .footer__gsa-advantage img {
margin-left: -65px;
}
.footer__right-part {
display: flex;
flex-direction: column;
border-bottom: 0.5px solid #fff;
}
.footer__right-part .footer-menu {
display: flex;
flex-direction: column;
}
.footer__right-part .footer-menu>li {
position: relative;
padding: 20px 0;
font-size: 21px;
border-bottom: 0.2px solid #acadaf;
}
.footer__right-part .footer-menu>li:last-child {
border-right: none;
}
.footer__right-part .footer-menu>li>a {
width: max-content;
display: block;
font-family: Open Sans;
font-size: 20px;
font-weight: 700;
}
.footer__right-part .footer-menu>li>a:hover {
color: #6090c2;
text-decoration: underline;
}
.footer__right-part .footer-menu>li>ul {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 16px;
padding-top: 10px;
}
.footer__right-part .footer-menu>li>ul.hidden {
display: none;
}
.footer__left-part .sub-menu.hidden {
display: none;
}
.footer__left-part .sub-menu {
display: block;
}
.footer__right-part .footer-menu a {
color: #fff;
}
.footer__right-part .footer-menu a:hover {
text-decoration: underline;
}
.footer__right-part .footer-menu .footer-big-part {
display: flex;
flex-direction: column;
}
.footer__right-part .footer-menu .footer-big-part>.sub-menu {
display: flex;
flex-direction: column;
}
.footer-main-container__menu_hidden>a {
display: none;
}
.footer__form {
width: 180px;
display: flex;
flex-direction: column;
position: absolute;
bottom: -45px;
right: 0;
}
.footer__form h3 {
font-size: 16px;
color: #787878;
margin-bottom: 5px;
}
.footer__form input {
border: 0;
height: 27px;
padding: 0 10px;
font-weight: bold;
}
.footer__form input[type="text"] {
font-size: 13px;
color: #2f2f2f;
margin-bottom: 5px;
}
.footer__form input[type="submit"] {
font-size: 16px;
color: #683192;
background: #d5d5d5;
margin-bottom: 10px;
cursor: pointer;
}
.new-product {
background: url(//smartavi.com/wp-content/themes/SMARTAVI/img/new-icon.png) no-repeat;
background-size: 30%;
background-position: top -12px left -9px;
} @media screen and (max-width: 767.98px) {
.footer__form {
position: unset;
margin-top: 20px;
}
.footer__left-part .footer__gsa-advantage img {
margin-left: 0;
}
.new-product {
background-size: 20%;
}
}
.single-product-container .owl-carousel .owl-item img {
width: auto !important;
}
.middle-header__logos {
display: flex; }
.middle-header__logos img {
margin: 0 5px;
display: block; } @media screen and (max-width: 1299.98px) {}
@media screen and (max-width: 1199.98px) {
.middle-header__logos {
display: none;
}
}  .last-news-text-section {
font-family: Lato;
background: #6090c2;
margin-top: -20px;
padding: 10px 0;
margin-bottom: 20px;
}
.last-news-text-container {
display: flex;
align-items: center;
}
.last-news-text-header {
display: flex;
align-items: center;
margin-right: 10px;
}
.last-news-text-header a {
color: #fff;
}
.last-news-text-header i {
margin-left: 10px;
color: #fff;
font-size: 20px;
}
.last-news-text-slider {
display: flex;
}
.last-news-text-slider__item {
display: none;
opacity: 0;
transition: 1000ms;
font-size: 18px;
color: #fff;
}
.last-news-text-slider__item:hover {
text-decoration: underline;
}
.last-news-text-slider__item_active {
display: block;
transition: 1000ms;
opacity: 1;
}
@media screen and (max-width: 767.98px) {
.last-news-text-header i {
font-size: 16px;
}
.last-news-text-slider__item {
font-size: 14px;
}
.last-news-text-header a {
font-size: 18px;
}
}
.replaced_by_container {
display: flex;
align-items: center;
justify-content: center;
}
.replaced_by_in_cat {
color: #6f6a6e;
font-family: "Open sans";
font-size: 12px;
}
.replaced_by_container>span.replaced_by_link {
display: block;
margin-left: 5px;
font-weight: bold;
color: #6f6a6e;
}
.replaced_by_container>span.replaced_by_link:hover {
text-decoration: underline;
} .form-container {
display: flex;
flex-direction: column;
}
.form-container label {
margin-bottom: 10px;
}
.form-container select {}
.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="date"] {}
.form-container textarea {}
.form-container select,
.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="date"],
.form-container textarea {
width: 100%;
padding: 5px;
font-size: 21px;
border-radius: 5px;
background-color: #eeeeee;
border: 2px #e2e2e2 solid;
font-family: "HelveticaNeueCyr";
}
.form-container input[type="submit"],
.form-container button {
width: 100%;
padding: 5px 8px;
border: 1px solid #592b82;
background: #fff;
color: #592b82;
font-weight: bold;
border-radius: 5px;
cursor: pointer;
transition: 320ms;
}
.form-container input[type="submit"]:hover,
.form-container button:hover {
background: #592b82;
color: #fff;
}
@media screen and (min-width: 640px) {
.container {
width: 640px;
padding: 0 65px;
}
.main-page__sub-title {
margin-bottom: 30px;
font-size: 20px;
letter-spacing: 1px;
}
.main-page-smartavi-products__item {
padding-top: 30px;
padding-bottom: 15px;
flex-direction: column;
width: 225px;
}
.main-page-smartavi-categories__item {
padding-bottom: 15px;
width: 225px;
}
.main-page-smartavi-categories__img-wrapper {
width: 224px;
height: 155px;
overflow: hidden;
}
.main-page-smartavi-products__wrapper {
padding: 0 20px;
margin-bottom: 30px;
display: flex;
flex-direction: column;
}
.main-page-smartavi-products__img {
display: flex;
align-items: center;
margin-bottom: 20px;
height: 106px;
width: 180px;
}
.main-page-smartavi-products__item h3 {
margin-bottom: 0px;
font-size: 16px;
}
.main-page-smartavi-products__item p {
color: #666;
font-size: 12px;
}
.main-page-smartavi-products__link {
padding: 8px 6px;
}
.main-page-smartavi-categories__text-wrapper {
padding: 0 20px;
margin-bottom: 20px;
}
.main-page-smartavi-categories__wrapper {
padding-top: 20px;
}
.main-page-smartavi-categories h3 {
margin-bottom: 10px;
font-size: 14px;
}
.main-page-smartavi-categories__link div {
padding: 8px 6px;
}
.main-page-smartavi-categories__item p {
font-size: 12px;
}
.main-page-smartavi-products__item h3 {
height: 41px;
}
.taa-logo {
width: 55px;
height: 40px;
}
.top-footer__list {
gap: 48px;
padding: 0px 35px;
}
.iso-logo {
width: 41px;
height: 41px;
}
.niap-logo {
width: 40px;
height: 40px;
}
.made-logo {
width: 46px;
height: 40px;
}
.flag-usa {
width: 66px;
}
.main-banner {
margin: 0 auto;
padding: 70px 0 59px;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/banner-640.webp);
}
.main-banner__text {
position: static;
width: 246px;
padding: 0;
background-color: transparent;
text-align: start;
font-size: 16px;
}
.main-banner__title {
width: 241px;
margin-bottom: 30px;
font-size: 20px;
}
}
@media screen and (min-width: 800px) {
.container {
width: 800px;
padding: 0 55px;
}
.main-page__sub-title {
margin-bottom: 30px;
font-size: 24px;
letter-spacing: 1.2px;
}
.main-page-smartavi-products__list .owl-dots,
.main-page-smartavi-categories__list .owl-dots {
display: none !important;
}
.main-page-smartavi-products__item {
padding-top: 30px;
padding-bottom: 15px;
width: 210px;
}
.main-page-smartavi-categories__item {
padding-bottom: 15px;
width: 210px;
}
.main-page-smartavi-categories__img-wrapper {
width: 209px;
height: 155px;
}
.main-page-smartavi-products__img {
display: flex;
align-items: center;
height: 106px;
width: 170px;
}
.main-page-smartavi-products__item p {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.main-page-smartavi-products__list {
flex-direction: row;
}
.main-page-smartavi-categories__list {
flex-direction: row;
}
.taa-logo {
width: 61px;
height: 44px;
}
.top-footer__list {
gap: 81px;
padding: 0px 45px;
}
.iso-logo {
width: 45px;
height: 45px;
}
.niap-logo {
width: 44px;
height: 44px;
}
.made-logo {
width: 55px;
height: 44px;
}
.flag-usa {
width: 72px;
}
.main-banner {
margin: 0 auto;
padding: 80px 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/banner-1100.webp);
}
.main-banner__text {
width: 321px;
font-size: 18px;
}
.main-banner__title {
width: 288px;
margin-bottom: 20px;
font-size: 24px;
}
}
@media screen and (min-width: 1100px) {
.container {
width: 1100px;
padding: 0 85px;
}
.main {
padding-bottom: 100px !important;
}
.main-page__sub-title {
margin-bottom: 40px;
font-size: 32px;
letter-spacing: 1.6px;
}
.main-page-smartavi-products__item {
padding-top: 30px;
padding-bottom: 15px;
width: 290px;
}
.main-page-smartavi-categories__item {
padding-bottom: 15px;
width: 290px;
}
.main-page-smartavi-categories__img-wrapper {
width: 289px;
height: 213px;
}
.main-page-smartavi-products__wrapper {
padding: 0 22px;
margin-bottom: 12px;
display: flex;
flex-direction: column;
}
.main-page-smartavi-products__img {
margin-bottom: 30px;
height: 106px;
width: 246px;
}
.main-page-smartavi-products__item h3 {
margin-bottom: 20px;
font-size: 18px;
}
.main-page-smartavi-products__item p {
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.main-page-smartavi-products__link {
padding: 8px 15px;
width: max-content;
}
.main-page-smartavi-products__link.separate-page {
padding: 4px 0px;
width: max-content;
color: #6090c2;
background-color: transparent;
border: none;
font-size: 12px;
font-weight: 600;
}
.main-page-smartavi-categories__text-wrapper {
padding: 0 22px;
margin-bottom: 29px;
}
.main-page-smartavi-categories__text-wrapper {
padding: 0 22px;
margin-bottom: 30px;
}
.main-page-smartavi-categories__wrapper {
padding-top: 30px;
}
.main-page-smartavi-categories h3 {
margin-bottom: 20px;
font-size: 18px;
}
.main-page-smartavi-categories__link div {
padding: 8px 15px;
}
.main-page-smartavi-categories__item p {
font-size: 14px;
}
.main-page-smartavi-products__item h3 {
height: 42px;
}
.taa-logo {
width: 85px;
height: 62px;
}
.top-footer__list {
gap: 116px;
height: 80px;
}
.iso-logo {
width: 65px;
height: 65px;
}
.niap-logo {
width: 62px;
height: 62px;
}
.made-logo {
width: 64px;
height: 56px;
}
.flag-usa {
width: 101px;
}
.arrow-btn1,
.arrow-btn2,
.arrow-btn3 {
display: none;
}
.footer__right-part {
flex-direction: row;
gap: 217px;
}
.footer__right-part .footer-menu {
flex-direction: row;
gap: 191px;
}
.footer__right-part .footer-menu>li {
border-bottom: none;
}
.main-banner {
margin: 0 auto;
padding: 97px 0;
background-image: url(//smartavi.com/wp-content/themes/SMARTAVI/img/banner-1600.webp);
}
.main-banner__text {
width: 474px;
font-size: 20px;
}
.main-banner__title {
width: 429px;
font-size: 36px;
}
.main-menu {
background-color: #6090c2;
font-size: 16px;
font-weight: 400;
}
}
@media screen and (min-width: 1220px) {
.container {
width: 1220px;
margin: 0 auto;
padding: 0 15px;
}
.main-page-smartavi-products__item {
padding-top: 30px;
padding-bottom: 15px;
display: flex;
flex-direction: column;
width: 370px;
}
.main-page-smartavi-categories__item {
padding-bottom: 15px;
width: 370px;
}
.main-page-smartavi-categories__img-wrapper {
width: 369px;
height: 228px;
}
.main-page-smartavi-products__wrapper {
padding: 0 50px;
margin-bottom: 30px;
display: flex;
flex-direction: column;
}
.main-page-smartavi-products__img {
height: 123px;
width: 274px;
}
.main-page-smartavi-products__img img {
object-fit: contain;
width: 100%;
height: 100%;
}
.main-page-smartavi-products__item h3 {
margin-bottom: 20px;
color: #666;
text-align: center;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 42px;
}
.main-page-smartavi-categories__text-wrapper {
padding: 0 50px;
margin-bottom: 30px;
}
.top-footer__list {
gap: 157px;
padding: 0px 95px;
}
.footer__right-part {
display: flex;
gap: 303px;
padding: 40px 0 58px;
border-bottom: 0.5px solid #fff;
}
.footer__right-part .footer-menu {
display: flex;
gap: 279px;
}
.footer__right-part .footer-menu>li>a {
width: max-content;
display: block;
padding-bottom: 5px;
margin-bottom: 15px;
font-family: Open Sans;
font-size: 20px;
font-weight: 700;
}
.footer__left-part .footer__socials {
display: flex;
gap: 20px;
align-items: center;
}
.footer__contact {
display: block;
padding-bottom: 5px;
margin-bottom: 15px;
font-family: Open Sans;
font-size: 20px;
font-weight: 700;
}
.footer__left-part {
position: relative;
min-width: 235px;
padding: 0px 30px 0 0;
display: flex;
flex-direction: column;
font-size: 16px;
color: #fff;
}
.main-banner {
padding: 107px 0;
margin: 0 auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.main-banner__title {
width: 476px;
margin-bottom: 40px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 40px;
font-weight: 800;
}
.main-banner__text {
width: 551px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 22px;
line-height: 35px;
}
.main-page-smartavi-products {
padding: 80px 0;
}
.main-page-smartavi-categories,
.main-page-smartavi-clients {
padding-bottom: 80px;
}
.main-menu {
display: flex;
justify-content: space-between;
align-items: center;
font-family: "Open Sans", sans-serif;
z-index: 10;
}
} #filter-card {
position: fixed;
left: -300px;
top: 25%;
width: 300px;
height: auto;
background-color: #fff;
border: 0.5px solid #acadaf;
padding: 10px;  z-index: 900;
transition: left 1s ease;
color: #666;
}
#filter-toggle {
position: absolute;
display: flex;
right: -35px;
top: 2%;
width: 35px;
height: 50px;
background-color: #fff;
border: 0.5px solid #acadaf; padding: 5px;
cursor: pointer;
text-align: center;  align-content: center;
justify-content: center;
}
.filter-title {
font-size: 20px;
}
#filter-text {
display: flex;
justify-content: center;
align-items: center;
}
#filter-container {
display: block;
margin: 10px 0 10px 0;  padding: 10px;
max-height: 50vh;
overflow-y: auto;
overflow-x: hidden;
}
#product-category-checkboxes>div {
margin-top: 5px;
margin-bottom: 5px;
}
.buttons-block {
display: flex;
justify-content: space-around;
padding-top: 10px;
}
#apply-button,
#reset-button {
padding: 5px 12px;
border: none;
background-color: #6090c2;
color: #fff;
}
#filter-card.active {
left: 20px; }
#filter-card.active #filter-text {
display: none;
}
#filter-card.active #close-text {
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 900px) {
#filter-card {
top: 35%;
}
}
@media (min-width: 1880px) {
#filter-card {
display: flex;
left: 20px;
max-height: 60vh;
flex-direction: column;
}
#filter-container {
display: flex;
flex-direction: column;
max-height: 50vh;
height: auto;
flex: 1;
}
#filter-toggle {
display: none; }
}  .search-form {
position: relative;
}
.search-suggestions.hidden {
display: none;
}
.search-suggestions {
position: absolute;
top: 40px;
right: 0px;
border-radius: 20px;
padding: 10px;
width: 210px;
background: #fff;
box-shadow: 4px 3px 10px -2px #646464;
border: 1px solid #acadaf;
max-height: 250px;
overflow-y: auto;
z-index: 999;
}
.search-results {
display: flex;
flex-direction: column;
}
.search-suggestion {
padding: 10px;
cursor: pointer;
}
.search-suggestion:hover {
background: #f0f0f0;
}
.search-category-suggestions {
border: 1px solid lightslategray;
border-radius: 5px;
padding: 5px;
}
.search-category-suggestions h4 {
font-weight: bold;
margin-bottom: 10px;
}
.search-suggestion {
padding: 5px;
}
.search-result-item {
display: flex;
align-items: center;
}
.search-results .search-result-item {
padding: 5px 0;
}
  @font-face {
font-family: "HelveticaNeueCyr";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot);
src: local("HelveticaNeueCyr-Medium"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot?#iefix) format("embedded-opentype"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff2) format("woff2"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff) format("woff"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueCyr";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueBoldCondensed.woff2) format("woff2"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueBoldCondensed.woff) format("woff"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueBoldCondensed.ttf) format("truetype"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueBoldCondensed.eot?#iefix) format("embedded-opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Readex Pro";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/ReadexPro/ReadexPro-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Readex Pro";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/ReadexPro/ReadexPro-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Readex Pro";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/ReadexPro/ReadexPro-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Gilroy";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.eot);
src: local("Gilroy Regular"), local("Gilroy-Regular"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.woff2) format("woff2"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.woff) format("woff"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.eot);
src: local("Gilroy Medium"), local("Gilroy-Medium"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.woff2) format("woff2"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.woff) format("woff"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}    * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
overflow-x: hidden;
}
html,
body {
height: 100%;
}
header,
.wrapper,
footer {
box-sizing: border-box;
}
.wrapper {
flex-grow: 1;
}
body {
background-color: #fff;
display: flex;
flex-direction: column;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 20px;
color: #333;
}
@media (max-width: 768px) {
body {
font-size: 16px;
}
}
.general-page-title-box {
min-height: 260px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 36px;
position: relative;
padding: 16px;
text-align: center;
}
.general-page-title-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//smartavi.com/wp-content/uploads/2025/08/page-background-Earth-scaled.jpg);
background-size: cover;
background-position: 0 93%;
transform: rotate(180deg);
filter: brightness(0.5);
z-index: 0;
}
.general-page-title-box__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1em;
color: #fff !important;
position: relative;
z-index: 1;
padding: 0 5%;
line-height: 1.4em;
z-index: 1;
width: 50%;
}
@media (max-width: 768px) {
.general-page-title-box__text {
font-size: 14px;
width: 90%;
}
}
.general-page-title-box__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.5em;
color: #fff;
z-index: 1;
width: 55%;
}
@media (max-width: 992px) {
.general-page-title-box__title {
width: 85%;
}
}
@media (max-width: 768px) {
.general-page-title-box__title {
font-size: 36px;
width: 90%;
}
}
@media (max-width: 768px) {
.general-page-title-box {
min-height: 160px;
margin-bottom: 24px;
}
} .breadcrumbs-container-white {
background: #fff;
}
.breadcrumbs {
font-family: "HelveticaNeueCyr", sans-serif;
padding: 24px 0;
display: flex;
align-items: center;
gap: 0;
flex-wrap: wrap;
}
.breadcrumbs span {
padding: 6px 2px;
font-size: 12px;
}
.breadcrumbs span a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
color: #343434;
}
.breadcrumbs span a:hover {
color: #68a1de;
transition: 0.5s;
}
.breadcrumbs span a:focus {
color: #446a91;
transition: 0.5s;
}
.breadcrumbs span a::after {
content: url('data:image/svg+xml;utf-8,<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.646447 0.146447C0.451184 0.341709 0.451184 0.658291 0.646447 0.853553L3.79289 4L0.646447 7.14645C0.451185 7.34171 0.451185 7.65829 0.646447 7.85355C0.841709 8.04882 1.15829 8.04882 1.35355 7.85355L4.85355 4.35355C5.04882 4.15829 5.04882 3.84171 4.85355 3.64645L1.35355 0.146447C1.15829 -0.0488155 0.841709 -0.0488155 0.646447 0.146447Z" fill="%230A1424"/></svg>');
display: inline-block;
margin: 0 0 0 12px;
width: 12px;
height: 12px;
position: relative;
top: 0;
}
.breadcrumbs > span:last-child {
color: #6090c2;
font-size: 12px;
}
.breadcrumbs-back-button {
background: none;
border: none;
cursor: pointer;
padding: 0;
margin-right: 12px;
display: flex;
margin-top: 3px;
}
@media (max-width: 768px) {
.breadcrumbs {
font-family: "HelveticaNeueCyr", sans-serif;
padding: 8px 0 16px;
}
.breadcrumbs span a::after {
margin: 0 0 0 4px;
}
.breadcrumbs span {
font-size: 11px;
}
} .aboutus-section {
margin: 0 auto;
padding-top: 0;
padding-bottom: 90px;
background: #fff;
}
.aboutus-section__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 64px;
color: #fff;
padding: 5%;
}
.aboutus-section__sub-title {
text-decoration-line: none;
text-transform: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
color: #231e15;
line-height: 1.5em;
margin-bottom: 0;
}
.aboutus-section_info {
display: flex;
flex-direction: column;
gap: 36px;
margin-bottom: 0;
}
.aboutus-section_infoBox {
display: flex;
flex-direction: column;
gap: 24px;
}
.aboutus-section_infoBox p,
.aboutus-section_infoBox ul {
margin-bottom: 12px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #1d1d1d;
}
.aboutus-page-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.aboutus-page-list__item {
position: relative;
margin-left: 12px;
}
.aboutus-page-list__item::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #f98025;
top: 9px;
left: -12px;
}
@media (max-width: 992px) {
.aboutus-section__title {
font-size: 48px;
}
.aboutus-section_info {
gap: 32px;
}
}
@media (max-width: 768px) {
.aboutus-section_infoBox p,
.aboutus-section_infoBox ul {
font-size: 16px;
}
.aboutus-section_info {
gap: 24px;
}
.aboutus-section__title {
font-size: 24px;
}
.aboutus-section__sub-title {
font-size: 24px;
}
.aboutus-section_infoBox {
gap: 16px;
}
} .company-section {
margin: 0 auto;
padding-top: 0;
padding-bottom: 150px;
background: #fff;
}
.company-section__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
color: #fff;
z-index: 5;
}
.company-section__sub-title {
text-decoration-line: none;
text-transform: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
color: #231e15;
line-height: 1.5em;
margin-bottom: 0;
}
.company-section_info {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 56px;
}
.company-section_info p {
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
line-height: 1.4em;
}
.child-company-page .logo-iso {
margin-right: 24px;
}
.child-company-page .company-section__quality-wrapper {
gap: 24px;
display: flex;
flex-direction: column;
}
.child-company-page .company-section__quality-wrapper a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.5em;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6090c2;
}
@media (max-width: 992px) {
.company-section {
padding-bottom: 100px;
}
.company-section__title {
font-size: 48px;
}
}
@media (max-width: 768px) {
.company-section_info {
gap: 20px;
margin-bottom: 46px;
}
.company-section__title {
font-size: 36px;
}
.company-section__sub-title {
font-size: 24px;
}
.child-company-page .company-section__quality-wrapper {
align-items: center;
justify-content: center;
}
.child-company-page .company-section__quality-wrapper a {
font-size: 14px;
}
.child-company-page .logo-iso {
margin-right: 0;
width: 120px;
height: 120px;
}
.child-company-page .company-section__quality {
display: flex;
flex-direction: column;
gap: 16px;
}
.company-section_info p {
font-size: 16px;
}
} .support-section {
padding-top: 0;
width: 100%;
}
.support-section__wrapper {
display: flex;
flex-direction: row;
gap: 30px;
align-items: self-start;
margin: 0 auto;
}
.support-section__title {
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #000;
margin-bottom: 48px;
}
.support-section__contacts {
border-radius: 8px;
padding: 36px 16px;
width: 50%;
background: transparent;
border: 1px solid #d0d5dd;
display: flex;
flex-direction: column;
gap: 24px;
}
.support-section__contacts .support-section__contact-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 12px;
color: #707072;
line-height: 1.65em;
text-decoration: none;
text-transform: capitalize;
margin-bottom: 4px;
}
.support-section__contacts p {
line-height: 1.3em;
font-weight: 400;
font-size: 14px;
color: #000;
margin-bottom: 0;
}
.support-section__contact-details {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1em;
color: #000;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 24px;
}
.support-section__contact-details span::before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000;
margin-right: 6px;
vertical-align: middle;
}
.support-section__contact-phone {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
margin-top: 48px;
}
.support-section__contact-phone span,
.support-section__contact-phone a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
color: #000;
margin-right: 10px;
}
.support-section__contactForm {
border-radius: 8px;
padding: 36px 36px 24px 36px;
width: 50%;
background: transparent;
border: 1px solid #d0d5dd;
}
.support-section__contactForm .childtheme-support-page-form .common-title {
font-weight: 700;
font-size: 24px;
color: #000;
background: none;
text-align: left;
text-transform: capitalize;
padding: 0;
}
.support-section__contactForm .childtheme-support-page-form .common-container {
padding: 0;
}
.support-section__contactForm .childtheme-support-page-form label {
font-weight: 500;
font-size: 14px;
line-height: 1.4em;
color: #000;
margin-bottom: 16px;
display: flex;
flex-direction: column;
gap: 4px;
}
.support-section__contactForm .childtheme-support-page-form .common-input {
border: 1px solid rgba(17, 17, 19, 0.2);
border-radius: 4px;
padding: 13px 16px;
height: 48px;
background: #fff;
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
}
.support-section__contactForm .childtheme-support-page-form textarea {
padding: 13px 16px;
resize: vertical;
border: 1px solid rgba(17, 17, 19, 0.2);
background: #fff;
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
}
.support-section__contactForm .childtheme-support-page-form .common-submit-btn {
border: none;
outline: none;
cursor: pointer;
border-radius: 28px;
padding: 8px 16px;
width: 100%;
height: 40px;
font-size: 14px;
color: #fff;
text-transform: capitalize;
position: relative;
padding-right: 20px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
margin: 8px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.support-section__contactForm .childtheme-support-page-form .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.support-section__contactForm .childtheme-support-page-form .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
}
.support-section__contactForm .childtheme-support-page-form .arrow-submit {
vertical-align: middle;
margin-left: 10px;
}
.support-container .modal__title {
font-family: "HelveticaNeueCyr", sans-serif;
text-transform: capitalize;
font-size: 36px;
color: #333;
}
.support-container .modal {
width: 730px;
height: 454px;
padding: 30px 30px 60px;
border-radius: 4px;
}
.support-container .modal__text {
line-height: 1.3em;
font-size: 24px;
margin-bottom: 10px;
color: #6e6e73;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 600;
}
.modal {
width: 730px;
height: 454px;
padding: 30px 30px 60px;
border-radius: 4px !important;
}
.modal__title {
font-size: 36px;
margin-bottom: 10px;
color: #333;
font-family: "HelveticaNeueCyr", sans-serif;
}
.modal__text {
font-size: 24px;
margin-bottom: 10px;
color: #6e6e73;
font-family: "HelveticaNeueCyr", sans-serif;
}
.modal__img-wrapper {
display: flex;
justify-content: center;
margin-bottom: 30px;
border-radius: 6px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.modal__btn {
margin: 40px auto 0;
width: 50%;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
font-weight: 500;
color: #fff;
border: 1px solid #6090c2;
border-radius: 28px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.support-container form {
display: flex;
flex-direction: column;
width: 100%;
}
.support-container form input,
.support-container form textarea {
padding: 5px;
font-size: 16px;
border-radius: 5px;
background-color: #eeeeee;
border: 2px #e2e2e2 solid;
font-family: "HelveticaNeueCyr", sans-serif;
width: 100%;
background: #fff;
}
.support-container form input:focus,
.support-container form textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.support-container p {
line-height: 1.3em;
font-weight: 400;
font-size: 14px;
color: #000;
margin-bottom: 0;
}
.g-recaptcha {
margin-bottom: 18px;
}
@media (max-width: 992px) {
.contact-us-section .contact-us__text {
font-size: 14px;
}
.support-section__wrapper {
flex-direction: column-reverse;
gap: 20px;
align-items: stretch;
}
.support-section__contacts, .support-section__contactForm {
width: 100%;
}
.support-section__contactForm {
padding: 24px;
}
.support-container .childtheme-support-page-form {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.support-section {
padding-top: 10px;
}
.container.support-container {
padding: 0 16px;
}
.support-section__title {
display: none;
}
.support-section__wrapper {
width: 100%;
}
.support-section__contactForm {
padding: 16px;
}
.support-section__contactForm .childtheme-support-page-form .common-title {
font-size: 24px;
margin-bottom: 24px;
}
.support-section__contactForm .childtheme-support-page-form .common-submit-btn {
width: 100%;
height: auto;
padding: 12px 20px;
}
.support-container form {
width: 100%;
}
} .where-to-buy-section .where-to-buy-container {
display: flex;
flex-direction: column;
gap: 48px;
}
.where-to-buy-section .where-to-buy-container__desc {
font-weight: 400;
font-size: 20px;
line-height: 1.65em;
color: #1d1d1d;
}
.where-to-buy-section .where-to-buy-container__countries-list {
margin-top: 20px;
margin-left: 0;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 16px 24px;
}
.where-to-buy-section .where-to-buy-container__countries-list a {
text-decoration: none;
line-height: 1.65em;
font-weight: 500;
font-size: 20px;
color: #6090c2;
display: block;
width: 100%;
height: 100%;
padding: 16px 8px;
display: flex;
flex-direction: column;
gap: 5px;
}
.where-to-buy-container__country-item {
width: 30%;
display: flex;
gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #f8f9fa;
border-radius: 8px;
position: relative;
transition: 0.5s;
}
.where-to-buy-container__country-item span {
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
color: #333;
}
.where-to-buy-container__country-item:hover a {
color: #68a1de;
transition: 0.5s;
}
.where-to-buy-container__country-item:after {
content: "";
position: absolute;
top: 35%;
right: 3%;
transform: translateY(-50%);
background: url("data:image/svg+xml;utf8,<svg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.83187 0L0.421875 1.41L5.00187 6L0.421875 10.59L1.83187 12L7.83187 6L1.83187 0Z' fill='%236F9CCC'/></svg>") no-repeat center;
width: 24px;
height: 24px;
}
@media (max-width: 992px) {
.where-to-buy-section .where-to-buy-container__countries-list {
justify-content: space-between;
}
.where-to-buy-section .where-to-buy-container {
gap: 20px;
}
.where-to-buy-container__country-item {
width: 45%;
}
}
@media (max-width: 768px) {
.where-to-buy-container__country-item {
width: 48%;
}
.where-to-buy-section__title {
font-size: 36px;
}
.where-to-buy-section .where-to-buy-container__desc {
font-size: 16px;
line-height: 1.4em;
}
.where-to-buy-section .where-to-buy-container__countries-list a {
font-size: 16px;
}
.where-to-buy-section .where-to-buy-container__countries-list {
gap: 5px 8px;
}
} .shop-in-country-imgBox {
min-height: 230px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 36px;
position: relative;
padding: 16px;
text-align: center;
}
.shop-in-country-imgBox::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//smartavi.com/wp-content/uploads/2025/08/page-background-Earth-scaled.jpg);
background-size: cover;
background-position: 0 93%;
transform: rotate(180deg);
filter: brightness(0.4);
z-index: -1;
}
.shop-in-country-imgBox__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1em;
color: #fff;
position: relative;
z-index: 1;
padding: 0 5%;
line-height: 1.4em;
}
@media (max-width: 768px) {
.shop-in-country-imgBox__text {
font-size: 14px;
}
}
.shop-in-country-imgBox__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.5em;
color: #fff;
}
@media (max-width: 768px) {
.shop-in-country-imgBox__title {
font-size: 36px;
}
}
@media (max-width: 768px) {
.shop-in-country-imgBox {
min-height: 160px;
margin-bottom: 24px;
}
}
.country-container table {
text-align: center;
border: 1px solid #fff;
border-collapse: collapse;
font-family: "HelveticaNeueCyr", sans-serif;
width: 100%;
margin: 0 auto 60px;
font-weight: 500;
font-size: 16px;
color: #231e15;
}
@media (max-width: 992px) {
.country-container table {
width: 100%;
}
}
.country-container table tr.tr-header {
padding: 12px;
background: #eef6ff;
border: none !important;
border-bottom: 1px solid #eaecf0;
text-align: center !important;
}
.country-container table tr.tr-header strong {
font-size: 16px;
}
.country-container table tr.tr-header td {
background: #eef6ff;
border: none !important;
border-bottom: 1px solid #eaecf0;
text-align: center !important;
}
.country-container table td {
padding: 12px;
width: 100px;
background: #fff;
border: 1px solid #eaecf0;
font-weight: 400;
font-size: 14px;
}
.country-container table td:first-child {
text-align: left;
}
.country-container table td a {
text-decoration: none;
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
color: #6090c2;
}
.country-container table td a:hover {
color: #68a1de;
transition: 0.5s;
}
table .table-column-name {
text-align: center !important;
}
table .table-column-name strong {
font-size: 16px;
text-align: center;
} .section-career {
padding-bottom: 100px;
padding-top: 0;
}
.container.career-container {
margin: 0 auto;
}
.container.career-container .section-career__title {
margin-bottom: 16px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.5em;
color: #333;
}
.container.career-container .section-career__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #1d1d1d;
margin-bottom: 0;
}
.career-container__content-box_text-part {
margin-bottom: 48px;
}
.career-container__btn-box {
display: flex;
}
.common-form.career-form-childTheme {
width: 100%;
padding: 36px 36px 24px;
border-radius: 8px;
background: #fff;
border: 1px solid #d0d5dd;
}
.common-form.career-form-childTheme .common-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
color: #000;
text-transform: capitalize;
text-align: left;
background: none;
margin-bottom: 24px;
}
.common-form.career-form-childTheme label {
margin-bottom: 16px;
font-weight: 500;
font-size: 14px;
line-height: 1.5em;
color: #000;
font-family: "HelveticaNeueCyr", sans-serif;
width: 100%;
}
.common-form.career-form-childTheme .common-input, .common-form.career-form-childTheme .common-select {
border: 1px solid rgba(17, 17, 19, 0.2);
border-radius: 4px;
padding: 13px 16px;
height: 48px;
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
}
.common-form.career-form-childTheme .common-input:focus, .common-form.career-form-childTheme .common-select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.common-form.career-form-childTheme .common-submit-btn {
border: none;
outline: none;
cursor: pointer;
border-radius: 28px;
padding: 8px 16px;
width: 100%;
height: 40px;
font-size: 14px;
color: #fff;
text-transform: capitalize;
position: relative;
padding-right: 20px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
margin: 0;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
margin-top: 18px;
}
.common-form.career-form-childTheme .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
color: #fff;
}
.common-form.career-form-childTheme .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
}
.common-form.career-form-childTheme .arrow-submit {
vertical-align: middle;
margin-left: 10px;
}
.career-form__wrapper {
padding: 0;
}
@media (max-width: 768px) {
.container.career-container .section-career__title {
margin-bottom: 8px;
line-height: 1.3em;
font-size: 16px;
}
.career-container__content-box_text-part {
margin-bottom: 36px;
}
.common-form.career-form-childTheme {
padding: 36px 16px;
}
.common-form.career-form-childTheme .common-title {
margin-bottom: 10px;
}
} .warranty-section {
background: #fff;
padding: 0 0 150px;
}
.container.warranty-container {
display: flex;
flex-direction: column;
gap: 36px;
}
.warranty-section p,
.warranty-section li {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 20px;
font-weight: 400;
color: #1d1d1d;
line-height: 1.65em;
}
.warranty-section__title, .warranty-section__sub-title {
margin: 0 0 20px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.5em;
text-transform: none;
color: #231e15;
text-decoration: none;
width: max-content;
padding: 0px 0px 4px 0px;
}
.warranty-section__title {
margin-bottom: 4px;
}
.warranty-section .warranty-page-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 16px;
}
.warranty-section .warranty-page-list__item {
position: relative;
margin-left: 25px;
}
.warranty-section .warranty-page-list__item::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #de8b57;
top: 9px;
left: -25px;
}
.limited-warranty-list {
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 992px) {
.warranty-section__title,
.warranty-section__sub-title {
font-size: 24px;
}
}
@media (max-width: 768px) {
.container.warranty-container {
gap: 20px;
}
.warranty-section p,
.warranty-section li {
font-size: 16px;
}
} .privacy-section {
background-color: #fff;
padding: 0 0 150px;
}
.container.privacy-container {
display: flex;
flex-direction: column;
gap: 36px;
}
.privacy-section__title,
.privacy-section__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.5em;
color: #231e15;
text-transform: none;
text-decoration: none;
margin: 0 0 24px;
}
.privacy-section p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.5em;
color: #1d1d1d;
}
.privacy-section__title {
margin-bottom: 4px;
}
.visitor-infoPolicy-list {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 992px) {
.privacy-section__title,
.privacy-section__sub-title {
font-size: 24px;
}
}
@media (max-width: 768px) {
.privacy-section {
padding: 0 0 100px;
}
.privacy-section p {
font-size: 16px;
}
.container.privacy-container {
gap: 20px;
}
} .faq-section {
margin: 0 auto;
padding-bottom: 60px;
width: 100%;
}
.faq-section .faq-container {
margin: 0 auto;
padding-bottom: 100px;
color: #1d1d1d;
}
.faq-section .faq-container .faq-section__title {
visibility: hidden;
opacity: 0;
font-size: 0;
}
.faq-section .faq-container .faq-section__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #000;
}
.faq-section .faq-container .faq-section_list {
margin-bottom: 56px;
display: flex;
flex-direction: column;
gap: 0;
}
.faq-section .faq-container .faq-section_item {
cursor: pointer;
}
.faq-section .faq-container .faq-section_question {
position: relative;
padding: 16px 55px 16px 16px;
background-color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.6em;
color: #231e15;
border-radius: 4px;
border-bottom: 1px solid rgba(128, 128, 128, 0.1215686275);
}
.faq-section .faq-container .faq-section_icon {
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%) rotate(270deg);
display: inline-block;
width: 12px;
height: 8px;
background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.99984L10.59 0.589844L6 5.16984L1.41 0.589844L0 1.99984L6 7.99984L12 1.99984Z" fill="%23181818" /></svg>');
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease;
}
.faq-section .faq-container .faq-section_question.active .faq-section_icon {
transform: translateY(-50%) rotate(0deg);
background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.00016L1.41 7.41016L6 2.83016L10.59 7.41016L12 6.00016L6 0.000156403L0 6.00016Z" fill="%236090C2" /></svg>');
}
.faq-section .faq-container .faq-section_answer {
display: none;
padding: 16px;
margin: 0;
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
color: #1d1d1d;
background: #fff;
border-bottom: 1px solid rgba(128, 128, 128, 0.1215686275);
}
.faq-section .faq-container .faq-section_answer.active {
display: block;
}
@media (max-width: 768px) {
.faq-section .faq-container .faq-section_list {
margin-bottom: 64px;
}
.faq-section {
padding-bottom: 0;
}
} .applications-section {
padding: 0 0 150px;
color: #1d1d1d;
font-size: 20px;
line-height: 1.4em;
}
.applications-section__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.5em;
color: #fff;
}
.applications-section__list {
margin: 48px 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 16px;
margin-left: 20px;
}
.applications-section__list li {
position: relative;
}
.applications-section__list li::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #f98025;
top: 9px;
left: -20px;
}
@media (max-width: 992px) {
.applications-section__title {
font-size: 48px;
}
}
@media (max-width: 768px) {
.applications-section__title {
font-size: 36px;
}
.applications-section__sub-title {
font-size: 24px;
}
.applications-section {
padding: 0 0 100px;
font-size: 16px;
}
.applications-section__list {
margin: 24px 0 24px 20px;
}
} .helpful_links-section {
padding: 0 0 150px;
}
.helpful_links-section__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.5em;
color: #fff;
}
.helpful_links-section__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.5em;
color: #231e15;
text-decoration: none;
text-transform: capitalize;
}
.helpful_links-section__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.5em;
color: #1d1d1d;
}
.helpful_links-section__links {
margin-bottom: 0;
list-style: none;
font-weight: 400;
line-height: 1.5em;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 20px;
text-decoration: none;
color: #1d1d1d;
display: flex;
flex-direction: column;
gap: 16px;
}
.helpful_links-section__link {
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.5em;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6090c2;
transition: all 0.4s ease;
}
.helpful_links-section__link:hover {
color: #68a1de;
}
.helpful_links-section__link:focus {
color: #446a91;
}
.helpful_links-container {
display: flex;
flex-direction: column;
gap: 56px;
}
.helpful_links__box-main {
display: flex;
flex-direction: row-reverse;
gap: 36px;
justify-content: space-between;
align-items: center;
}
.helpful_links__box-main div {
padding: 48px 0;
}
.helpful_links__box {
display: flex;
flex-direction: column;
gap: 36px;
}
.helpful_links-section__item {
position: relative;
margin-left: 20px;
}
.helpful_links-section__item::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #de8b57;
top: 9px;
left: -20px;
}
@media (max-width: 1199px) {
.helpful_links__box-main div {
padding: 0;
}
.helpful_links__box-main p {
width: 100%;
}
}
@media (max-width: 992px) {
.helpful_links__box-main {
flex-direction: column-reverse;
gap: 24px;
}
}
@media (max-width: 768px) {
.helpful_links-section {
padding: 0 0 100px;
}
.helpful_links-section__title {
font-size: 36px;
}
.helpful_links-section__sub-title {
font-size: 24px;
margin-bottom: 16px;
}
.helpful_links-section__text {
font-size: 14px;
margin-bottom: 16px;
}
.helpful_links-section__links {
font-size: 14px;
line-height: 1.5em;
}
.helpful_links-section__link {
font-size: 14px;
line-height: 1.5em;
}
.helpful_links-container {
padding: 0 16px;
}
.helpful_links__box-main div {
padding: 0;
}
.helpful_links__box-main img {
width: 345px;
height: 310px;
}
} .container.ordering-info-container {
display: flex;
flex-direction: column;
gap: 64px;
}
.ordering-section {
padding: 0 0 150px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #1d1d1d;
background: #fff;
}
.ordering-section__sub-title {
margin: 0 0 4px 0;
text-decoration: none;
text-transform: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.4em;
color: #231e15;
}
.ordering-section__introText {
margin-bottom: 20px;
}
@media (max-width: 992px) {
.ordering-section__sub-title {
font-size: 24px;
}
}
@media (max-width: 768px) {
.ordering-section {
font-size: 16px;
}
.container.ordering-info-container {
gap: 20px;
}
} .contact-us-section {
margin: 0 auto;
padding: 0 0 150px;
}
.contact-us-section__wrapper {
display: flex;
flex-direction: row-reverse;
gap: 36px;
justify-content: space-between;
margin: 0 auto;
align-items: flex-start;
}
.contact-us-section__contacts {
display: flex;
flex-direction: column;
gap: 48px;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 8px;
padding: 36px 16px;
width: 50%;
}
.contact-us-section__contact-title {
margin-bottom: 10px;
font-family: "HelveticaNeueCyr", sans-serif;
text-decoration-line: none;
text-transform: none;
font-weight: 400;
font-size: 12px;
color: #1d1d1d;
}
.contact-us-section__contact-info {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4em;
color: #000;
}
.contact-us-section__email {
color: #6090c2;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
line-height: 1.4em;
text-decoration-line: none;
}
.contact-us-section__contact-phone {
width: 226px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
color: #000;
}
.contact-us-section__contact-phone::before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000;
margin-right: 0;
vertical-align: middle;
}
.contact-us-section__contact-phone:not(:last-child) {
margin-top: 48px;
margin-bottom: 10px;
}
.contact-us-section__contact-phone a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
color: #000;
}
.contact-us-section__contact-phone span {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4em;
color: #000;
}
.contact-us-section .common-form {
width: 100%;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 18px;
font-style: normal;
line-height: normal;
border: 0.5px solid transparent;
border-radius: 8px;
background-color: #fff;
}
.contact-us-section .common-form input, .contact-us-section .common-form select, .contact-us-section .common-form textarea {
width: 100%;
height: 48px;
color: #1d1d1d;
border-radius: 4px;
font-size: 16px;
border: 1px solid rgba(17, 17, 19, 0.2);
padding: 13px 16px;
background-color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
}
.contact-us-section .common-form textarea {
height: 150px;
}
.contact-us-section .common-form label {
display: inline-block;
margin-bottom: 20px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
width: 100%;
}
.contact-us-section .common-form .common-submit-btn {
font-weight: 400;
margin: 0;
border: none;
outline: none;
cursor: pointer;
border-radius: 28px;
padding: 8px 16px;
width: 100%;
height: 40px;
font-size: 14px;
color: #fff;
text-transform: capitalize;
position: relative;
padding-right: 20px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.contact-us-section .common-form .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.contact-us-section .common-form .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
}
.contact-us-section .common-form .common-submit-btn .arrow-submit {
vertical-align: middle;
margin-left: 10px;
}
.contact-us-section .common-container {
padding: 0;
}
.contact-us-section .common-title {
padding: 0;
margin-bottom: 24px;
text-align: left;
text-transform: capitalize;
background-color: transparent;
font-weight: 700;
font-size: 24px;
color: #000;
}
.contact-us-section form input:focus,
.contact-us-section form textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.contact-us-section .contact-us__text {
font-size: 16px;
line-height: 1.3em;
font-weight: 400;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 24px;
}
.info-br2 {
display: none;
} @media (max-width: 1199px) {
.contact-us-section__wrapper {
width: 90%;
}
}
@media (max-width: 1024px) {
.contact-us-section .common-container {
padding: 0 16px 24px;
}
.contact-us-section__wrapper {
width: 95%;
}
}
@media (max-width: 992px) {
.contact-us-section__wrapper {
width: 100%;
}
}
@media (max-width: 768px) {
.contact-us-section__contacts {
width: 100%;
}
.contact-us-section .common-container {
padding: 0;
}
.contact-us-section .common-form {
width: 100%;
padding-top: 30px;
}
.contact-us-section .common-form label {
width: 100%;
}
.contact-us-section__wrapper {
flex-direction: column;
}
}    .single-product-container__header,
.single-product-container__description,
.single-product-container__buttons-container {
font-family: "HelveticaNeueCyr", sans-serif;
}
.single-product-customLayout {
display: flex;
flex-direction: row-reverse;
gap: 28px;
justify-content: space-between;
align-items: flex-start;
margin: 8px 0 56px;
}
.single-product-customLayout__textBox {
width: 57%;
}
.single-product-container {
background: #fff;
}
.single-product-container__header {
letter-spacing: 1px;
font-weight: 700;
font-size: 28px;
color: #de8b57;
line-height: 1em;
text-align: left;
margin-bottom: 16px;
}
.single-product-container__short-desc {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #1d1d1d;
margin-bottom: 36px;
}
.single-product-container__slider {
width: 70% !important;
margin: 0 auto;
height: 100%;
background-color: #fff;
overflow: hidden;
}
.single-product-container__content {
display: flex;
flex-direction: column;
}
.single-product-container__content p {
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
margin-bottom: 15px;
color: #1d1d1d;
}
.single-product-container__description {
display: flex;
justify-content: space-between;
margin: 0;
}
.single-product-container .replaced-by-container {
margin-top: 5px;
display: flex;
align-items: end;
justify-content: start;
}
.single-product-container .replaced-by {
font-family: "HelveticaNeueCyr";
font-weight: bold;
color: red;
padding: 0 5px 5px 0;
font-size: 12px;
}
.single-product-container .replaced-by-header {
font-family: "HelveticaNeueCyr", sans-serif;
color: #de8b57;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
.single-product-container .g-recaptcha {
margin-bottom: 18px;
margin-top: 15px;
}
.single-product-container .slider-container {
position: relative;
width: 100%;
margin: 0 auto;
border: 1px solid #d0d5dd;
border-radius: 8px;
}
.single-product-container .slider-box {
width: 42%;
display: flex;
flex-direction: column;
background-color: #fff;
margin: 0;
}
.single-product-container__slider div {
width: 100%;
display: flex;
align-items: center;
height: max-content !important;
}
.single-product-container .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
height: 390px !important;
}
.single-product-container .owl-carousel .owl-item img {
width: auto !important;
max-width: 100% !important;
height: 100%;
margin: 0 auto !important;
}
.single-product-container .slider-navigation {
background: #fff;
padding: 0 7%;
margin-top: 24px;
}
.single-product-container .slider-box__dots {
width: 99%;
display: flex;
flex-direction: row;
gap: 4px;
justify-content: space-evenly;
align-items: center;
position: relative;
background-color: #fff;
overflow: hidden;
flex-wrap: nowrap;
margin: 0 auto;
}
.single-product-container .slider-box__dots button {
margin-bottom: 5px;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 4px;
padding: 0;
min-width: 24%;
max-width: 24%;
min-height: 60px;
max-height: 60px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.single-product-container .slider-box__dots button img {
width: 100%;
height: 100%;
object-fit: contain;
}
.single-product-container .slider-navigation {
position: relative;
}
.single-product-container .slider-box .slider-box__btn-box {
width: 102%;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
left: -1%;
pointer-events: none;
}
.single-product-container .slider-box .slider-box__btn-box_btn {
pointer-events: auto;
margin: 0 -5px;
border-radius: 50%;
border: 4px #de8b57 solid;
z-index: 5;
cursor: pointer;
border-radius: 24px;
width: 36px;
height: 36px;
background-color: #de8b57;
}
.single-product-container .slider-box .slider-box__btn-box_btn:hover {
border: 1px #d0d5dd solid;
}
.single-product-container__slider div img {
width: auto;
max-width: 95%;
max-height: 300px;
cursor: pointer;
}
.big-slider-container > i {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
z-index: 20;
color: #7e7c7c;
font-size: 30px;
}
.big-slider-container .slider-box__btn-box_btn {
pointer-events: auto;
margin: 0 5px;
border-radius: 50%;
border: 4px #de8b57 solid;
z-index: 5;
cursor: pointer;
border-radius: 24px;
width: 36px;
height: 36px;
background-color: #de8b57;
}
.big-slider-container .slider-box__btn-box_btn:hover {
border: 1px #1d1d1d solid;
}
.single-product-container__buttons-container {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 16px;
flex-wrap: wrap;
margin: 24px 0 24px;
}
.single-product-container__buttons-container ul {
display: flex;
align-items: center;
list-style: none;
margin-top: 0;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 24px;
border-bottom: 1px solid #d0d5dd;
}
.single-product-container__buttons-container ul li {
border-radius: 28px;
background: #f5f5f7;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: 1px transparent solid;
transition: all 0.3s ease;
}
.single-product-container__buttons-container ul li:hover {
border: 1px rgba(124, 124, 124, 0.2588235294) solid;
}
.single-product-container__buttons-container ul li a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
color: #000;
padding: 15px 30px;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.single-product-container__buttons-container > a {
text-decoration: none;
}
.single-product-container__buttons-container .single-product-where-to-buy-accentLink {
color: #de8b57;
}
@media (max-width: 1700px) {
.single-product-container__buttons-container ul li a {
padding: 11px 15px;
}
}
@media (max-width: 1199px) {
.single-product-container .owl-carousel .owl-stage-outer {
height: 360px !important;
}
.single-product-container__buttons-container ul li a {
padding: 11px 10px;
}
.single-product-container__short-desc {
margin-bottom: 16px;
}
}
@media (max-width: 992px) {
.single-product-customLayout {
flex-direction: column-reverse;
align-items: center;
margin: 26px 0;
gap: 16px;
}
.single-product-container__buttons-container {
align-items: flex-start;
}
.single-product-container .slider-box__dots button {
min-width: 15%;
max-width: 15%;
}
.single-product-container .owl-carousel .owl-stage-outer {
height: 300px !important;
}
.single-product-container .slider-box {
width: 100%;
}
.single-product-customLayout__textBox {
width: 100%;
}
.single-product-container .slider-navigation {
margin-bottom: 36px;
}
}
@media (max-width: 799.99px) {
.single-product-customLayout {
gap: 8px;
}
.single-product-container .owl-carousel .owl-stage-outer {
height: 250px !important;
}
.single-product-container__buttons-container {
flex-direction: column;
}
.single-product-container__buttons-container ul {
flex-direction: row !important;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.single-product-container__buttons-container ul li {
height: 30px;
}
.single-product-container__buttons-container ul li a {
font-size: 12px;
}
.single-product-container__content p {
font-size: 16px;
line-height: 1.4em;
}
.single-product-container__header {
font-size: 20px;
}
.single-product-container__description {
margin: 0 0 4px;
}
} .product-info-block {
padding: 36px 0 0;
border: none;
border-radius: 5px;
margin-bottom: 30px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.65em;
color: #1d1d1d;
display: none;
}
.product-info-block.product-info-block-active {
display: block;
}
.product-info-block__diagram.product-info-block-active {
display: flex;
align-items: center;
justify-content: center;
max-width: 600px;
margin: 0 auto;
}
.product-info-block > h2 {
font-family: "HelveticaNeueCyr", sans-serif;
width: 90%;
margin: 30px 0 20px;
font-size: 24px;
font-weight: 700;
}
.product-info-block > ul {
margin-left: 20px;
}
.product-info-block > img {
max-width: 100%;
width: auto;
height: auto;
}
.product-info-block > table {
width: 100%;
text-align: center;
color: #2a2b2c;
border: 1px solid #fff;
border-collapse: collapse;
}
.product-info-block > table tr {
background: #efefef;
}
.product-info-block > table th {
background: #dedede;
border: 1px solid #fff;
padding: 8px;
width: 100px;
}
.product-info-block > table td {
width: 100px;
border-bottom: 1px solid #eaecf0;
border-left: 1px solid #eaecf0;
border-right: 1px solid #eaecf0;
padding: 12px 24px !important;
background: #fff;
}
.single-product-container #table1 {
width: 100%;
}
.single-product-container #table1 th {
text-align: left;
border: 1px solid #eaecf0;
padding: 12px 24px;
background: #eef6ff;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #231e15;
}
.single-product-container #table1 td {
padding: 12px 24px;
}
.single-product-container__main-info-block {
position: relative;
margin-top: 50px;
}
.single-product-container__main-info-block_buttons-container {
position: absolute;
top: -48px;
left: 5px;
display: flex;
width: 100%;
justify-content: space-evenly;
align-items: center;
}
.single-product-container__main-info-block_buttons-container button {
background-color: #f5f5f7;
border: none;
font-family: "Readex Pro", sans-serif;
padding: 11px 0;
margin-right: 0;
cursor: pointer;
transition: 0.5s;
flex-grow: 1;
font-weight: 400;
font-size: 16px;
color: #000;
border-right: 2px solid #c3c3c3;
}
.single-product-container__main-info-block_buttons-container button > span {
width: 100%;
border-right: 1px rgba(255, 255, 255, 0.25) solid;
display: block;
padding: 2px 12px;
}
.single-product-container__main-info-block_buttons-container button:last-child {
border: none;
font-size: 16px;
font-family: "Readex Pro", sans-serif;
font-weight: 400;
}
.single-product-container__main-info-block_buttons-container button.active-btn {
border: none;
background-color: #6090c2;
color: #fff;
}
.single-product-container__main-info-block_buttons-container button:hover:not(.active-btn) {
color: #fff;
background-color: #6090c2;
}
.single-product-container__main-info-block_specifications-block table {
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
border-collapse: collapse;
}
.single-product-container__main-info-block_specifications-block table .tr-header {
background-color: #f5f5f7;
font-weight: bold;
}
.single-product-container__main-info-block_specifications-block table tr td {
padding: 10px 12px;
font-size: 16px;
}
.single-product-container__main-info-block_specifications-block table tr td:first-child {
width: 40%;
}
@media (max-width: 992px) {
.product-info-block {
padding: 26px 0 0;
}
.single-product-container__main-info-block {
margin-top: 36px;
}
.product-info-block > img {
max-width: 70%;
}
}
@media (max-width: 768px) {
.single-product-container__main-info-block_buttons-container {
overflow-x: scroll;
}
.product-info-block {
padding: 3px 0 0;
font-size: 14px;
line-height: 1.4em;
}
.single-product-container__main-info-block_buttons-container {
flex-direction: row !important;
}
.single-product-container__main-info-block_buttons-container button {
padding: 0;
font-size: 14px;
white-space: nowrap;
padding: 3px 3px 5px;
}
.single-product-container__main-info-block_buttons-container button:last-child {
font-size: 14px;
}
.single-product-container__main-info-block_buttons-container button > span {
padding: 10px 6px;
}
.single-product-container__buttons-container {
margin-bottom: 8px;
}
.single-product-container #table1 th {
padding: 6px 14px;
font-size: 14px;
}
.product-info-block > table tr {
font-size: 12px;
line-height: 1.5em;
}
.single-product-container__main-info-block_buttons-container {
top: -56px;
}
.single-product-container__main-info-block {
margin-top: 48px;
}
}  .ipgard_dealer_btn_container > * {
margin: 0 !important;
font-family: "HelveticaNeueCyr";
}
.ipgard_dealer_btn_container p {
font-size: 16px;
text-align: center;
}
.ipgard_dealer_btn_container a:hover {
color: #fff !important;
}
.ipgard_dealer_btn_container a {
text-decoration: none;
text-transform: capitalize;
cursor: pointer;
text-align: center;
margin-right: 0px !important;
border-radius: 28px;
padding: 7px;
font-weight: 500;
font-size: 14px;
color: #fff;
display: block;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
transition: background 0.5s ease;
position: relative;
width: 100%;
}
.ipgard_dealer_btn_container a::after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
}
.ipgard_dealer_btn_container a:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
}
.ipgard_dealer_btn_container a:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
.ipgard_dealer_btn_container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0;
width: 160px;
height: 40px;
border-radius: 28px;
background: none;
display: none;
}
@media screen and (max-width: 999px) {
.ipgard_dealer_btn_container p {
font-size: 14px;
}
}
@media (max-width: 768px) {
.ipgard_dealer_btn_container {
height: 30px;
}
.ipgard_dealer_btn_container a {
padding: 4px 10px;
font-size: 12px;
}
} .section-dealer-form {
padding-bottom: 150px;
margin: 0 auto;
}
.section-dealer-form .contact-us-container__content-box {
margin-top: 20px;
display: flex;
justify-content: space-between;
margin-bottom: 48px;
align-items: center;
}
.section-dealer-form .contact-us-container__content-box > div {
width: 100%;
}
.section-dealer-form .dealer-form-box {
border-radius: 8px;
background: #fff;
padding: 36px 36px 24px;
margin-bottom: 20px;
border: 1px solid #d0d5dd;
border-radius: 8px;
}
.section-dealer-form .contact-us-container__content-box_text-part form {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
margin-bottom: 24px;
padding: 0;
background: transparent;
}
.section-dealer-form .dealer_form {
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 25px;
border: none;
}
.section-dealer-form .contact-us-container__content-box_text-part form input,
.section-dealer-form .contact-us-container__content-box_text-part form textarea {
padding: 13px 16px;
font-size: 16px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #dee2e6;
font-family: "HelveticaNeueCyr", sans-serif;
width: 100%;
height: 50px;
font-weight: 400;
color: rgba(17, 17, 19, 0.6);
}
.section-dealer-form .contact-us-container__content-box_text-part form input:focus,
.section-dealer-form .contact-us-container__content-box_text-part form textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.section-dealer-form .dealer_form__input-wrapper {
padding: 0;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
gap: 16px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.section-dealer-form .dealer_form__input-wrapper label {
box-sizing: border-box;
margin-right: 0;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 calc(50% - 8px);
}
.section-dealer-form .dealer_form__wrapper {
padding: 0;
}
.section-dealer-form .dealer_form__wrapper .dealer_form__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
margin-bottom: 4px;
}
.section-dealer-form .dealer_form select {
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 13px 16px;
width: 100%;
height: 50px;
background-color: #f8f9fa;
font-weight: 400;
font-size: 16px;
color: rgba(17, 17, 19, 0.6);
margin-bottom: 24px;
}
.section-dealer-form .dealer_form select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.section-dealer-form .dealer_form_checkbox_label {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 24px;
}
.section-dealer-form .dealer_form_checkbox_label input {
width: 16px !important;
height: 16px !important;
margin-right: 12px;
align-self: flex-start;
margin-top: 3px;
}
.section-dealer-form .dealer_form_checkbox_label p {
margin-bottom: 0;
}
.section-dealer-form #form_submit_btn.dealer-form-submit-btn {
border-radius: 28px;
padding: 8px 16px;
margin: 8px;
width: 60%;
height: 40px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
color: #fff;
font: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
text-transform: capitalize;
justify-self: center;
}
.section-dealer-form #form_submit_btn.dealer-form-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.section-dealer-form .section-dealer-form__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #231e15;
text-transform: capitalize;
text-decoration: none;
margin-bottom: 0;
}
.section-dealer-form h3 {
margin-bottom: 16px;
margin-top: 16px;
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #1d1d1d;
}
.section-dealer-form .section-dealer_form__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #1d1d1d;
margin-bottom: 0;
}
.section-dealer-form .contact-us-container__content-box_text-part p a {
margin-top: -15px;
margin-bottom: 0;
text-decoration: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
color: #1d1d1d;
}
.section-dealer-form #dealer_form_company_interested_products option {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
color: rgba(17, 17, 19, 0.6);
}
.dealer_form .common-title {
margin-bottom: 24px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
text-transform: capitalize;
color: #000;
background-color: transparent;
text-align: left;
line-height: 1em;
}
.dealer_form_message {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.85);
display: flex;
justify-content: center;
align-items: center;
}
.dealer_form_message__box {
max-width: 320px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #f1f1f1;
border-radius: 10px;
}
.dealer_form label {
margin-bottom: 10px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
}
@media (max-width: 768px) {
.section-dealer-form .dealer-form-box {
padding: 24px 16px;
}
.section-dealer-form .dealer_form__input-wrapper label {
flex: 1 1 100%;
}
.section-dealer-form .section-dealer-form__sub-title {
font-size: 16px;
}
.section-dealer-form h3 {
font-size: 16px;
}
.section-dealer-form .section-dealer_form__text {
font-size: 14px;
line-height: 1.5em;
}
.section-dealer-form .contact-us-container__content-box_text-part p a {
font-size: 14px;
}
.section-dealer-form iframe {
width: 95%;
margin: 0 auto;
}
.section-dealer-form .contact-us-container__content-box > div {
width: 95%;
}
.section-dealer-form {
padding-bottom: 100px;
}
} .you-might-also-like-block {
padding: 20px 230px 150px;
background: #fff;
}
.you-might-also-like-block__header {
text-align: center;
margin-bottom: 48px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #1d1d1d;
text-transform: capitalize;
}
.you-might-also-like-block__posts {
display: flex;
justify-content: space-around;
align-items: stretch;
gap: 24px;
height: 425px;
}
.related-post-image-box {
display: flex;
align-items: center;
justify-content: center;
height: 200px;
}
.related-post-image-box img {
max-width: 100%;
height: 100%;
}
.related-product-item {
text-align: center;
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
transition: transform 0.3s ease;
flex: 1 1 30%;
max-width: 300px;
}
.related-post-text-box {
padding: 12px;
display: flex;
flex-direction: column;
height: 125px;
gap: 6px;
}
.related-post-text-box__titleLink {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
color: #111;
}
.related-post {
width: 30%;
transition: all 0.3s ease;
border-radius: 4px;
height: max-content;
padding: 10px;
}
.related-post:hover {
transform: translateY(-1px);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.related-post__excerpt {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
text-transform: capitalize;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1299px) {
.you-might-also-like-block {
padding: 20px 150px 150px;
}
}
@media (max-width: 1199px) {
.you-might-also-like-block__posts {
height: 325px;
}
.related-post-image-box {
height: 150px;
}
.you-might-also-like-block__header {
margin-bottom: 8px;
}
.you-might-also-like-block__posts {
height: max-content;
padding: 20px;
}
}
@media (max-width: 1024.99px) {
.related-post-image-box {
height: 100px;
}
}
@media (max-width: 992px) {
.you-might-also-like-block {
padding: 0 90px 150px;
}
.you-might-also-like-block__posts {
flex-wrap: wrap;
}
.related-post {
width: 45%;
}
.related-post-image-box {
height: 150px;
}
}
@media (max-width: 768px) {
.you-might-also-like-block {
padding: 0 20px 100px;
}
.you-might-also-like-block__header {
margin-bottom: 0;
font-size: 24px;
}
.you-might-also-like-block__posts {
flex-direction: column;
align-items: center;
}
.related-post {
width: 100%;
}
}  .section-category {
padding-bottom: 0;
}
.main-products_container {
padding: 0 0 150px;
}
.main-products_container .category-description {
margin-bottom: 48px;
}
.main-products_container .main-category-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.3em;
text-align: center;
color: #000;
text-transform: capitalize;
margin: 0 0 16px;
}
@media (max-width: 992px) {
.single-product-container__buttons-container ul {
padding-bottom: 0;
border-bottom: none;
}
.single-product-container__description {
padding-top: 20px;
border-top: 1px solid #d0d5dd;
}
}
@media (max-width: 768px) {
.main-products_container {
padding: 0 0 100px;
}
.main-products_container .main-category-title {
font-size: 20px;
}
.main-products_container .category-description {
margin-bottom: 40px;
font-weight: 400;
font-size: 14px;
}
.main-products_container .category-description {
margin-bottom: 36px;
}
}    .news-section {
padding: 0 0 150px;
width: 100%;
}
.news-items-box {
display: flex;
flex-direction: row;
margin-top: 0;
flex-wrap: wrap;
gap: 24px;
justify-content: space-around;
align-items: center;
}
.news-items-box__news-item-link {
display: block;
width: calc(50% - 12px);
}
.news-items-box__text-wrapper {
padding: 0;
}
.news-items-box__news-item {
background-color: #f8f9fa;
padding: 12px;
border-radius: 8px;
border: none;
width: 100%;
box-sizing: border-box;
height: 250px;
margin-bottom: 0;
}
.news-items-box__news-item:hover .news-items-box__link {
color: #de8b57;
background-color: transparent;
}
.news-items-box__news-item:focus .news-items-box__link {
color: #d18025;
background-color: transparent;
}
.news-items-box__news-item:hover .news-items-box__title {
color: #6090c2;
}
.news-items-box__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.5em;
color: #000;
text-transform: capitalize;
margin-bottom: 8px;
height: fit-content;
transition: all 0.3s ease-in-out;
}
.news-items-box__link-wrapper {
display: flex;
justify-content: flex-start;
}
.news-items-box__link {
padding: 8px 15px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #de8b57;
background-color: transparent;
padding: 0;
text-transform: capitalize;
display: flex;
align-items: center;
border: none;
transition: all 0.3s ease-in-out;
}
.news-items-box p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #1d1d1d;
}
@media (max-width: 1446px) {
.news-items-box__news-item {
height: 280px;
}
}
@media (max-width: 1099px) {
.news-items-box__news-item {
height: 350px;
}
}
@media (max-width: 992px) {
.news-items-box {
flex-direction: column;
}
.news-section {
padding: 0 0 100px;
}
.news-section__sub-title {
font-size: 24px;
}
.news-items-box__news-item-link {
width: 100%;
}
.news-items-box__news-item {
height: 250px;
}
}
@media (max-width: 768px) {
.news-items-box p {
font-size: 14px;
margin-bottom: 24px;
}
}
@media (max-width: 576px) {
.news-items-box__news-item {
width: 100%;
height: max-content;
}
.container.news-container {
width: 95%;
}
} .single-news-container {
font-family: "HelveticaNeueCyr", sans-serif;
padding-bottom: 150px !important;
padding-top: 36px !important;
position: relative;
}
.single-news-container h2 {
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
color: #231e15;
margin-bottom: 8px;
line-height: 1.3em;
}
.single-news-container p {
line-height: 1.3em;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
color: #1d1d1d;
margin-bottom: 32px;
}
.single-news-container ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 36px;
}
.single-news-container li {
line-height: 1.5em;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
color: #1d1d1d;
}
.single-news-container__accent-text {
font-weight: 500 !important;
}
.single-news-container strong {
font-weight: 500;
}
.single-news-container__button {
border-radius: 28px;
padding: 8px 16px;
width: max-content;
min-width: 320px;
height: 40px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
color: #fff !important;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
font-weight: 500;
}
.single-news-container__button:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.single-news-container__button:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
}
.single-news-container__button:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
.single-news-container__imagesBox {
display: flex;
align-items: center;
justify-content: space-around;
gap: 20px;
position: relative;
width: max-content;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 798px) {
.single-news-container__imagesBox {
flex-direction: column;
}
}
.single-news-image-box {
transition: all 0.3s ease-in-out;
padding: 12px;
}
.single-news-image-box:hover {
transform: translateY(-1px);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.single-news-box__imgContainer {
height: 250px;
width: 400px;
display: flex;
align-items: center;
justify-content: center;
}
.single-news-image-link {
display: block;
cursor: pointer;
}
.single-news-image-link:hover .single-news-image-box__title {
color: #6090c2;
}
.single-news-image-box__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #231e15;
}
.single-news-image-box a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
height: 100%;
}
.single-news-container img {
width: 100%;
max-width: 100% !important;
height: auto !important;
margin: 0 auto;
}
.single-news-container .single-news-container__subtitle {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.3em;
color: #231e15;
}
.single-news-container a {
text-decoration: none;
color: #6090c2;
}
.single-news-container a:hover {
color: #68a1de;
transition: 0.5s;
}
.ipgardandsmartaviOffice-imgPost {
overflow: hidden;
height: 330px;
margin: 20px 0 8px;
}
.ipgardandsmartaviOffice-imgPost__desc {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
text-align: center;
color: #1d1d1d;
text-align: center;
display: block;
}
@media (max-width: 768px) {
.ipgardandsmartaviOffice-imgPost__desc {
font-size: 12px;
line-height: 1.3em;
}
}
@media (max-width: 768px) {
.ipgardandsmartaviOffice-imgPost {
height: auto;
margin: 0 0 8px;
}
}
@media (max-width: 1199px) {
.single-news-box__imgContainer {
height: 200px;
width: 300px;
}
}
@media (max-width: 992px) {
.single-news-box__imgContainer {
height: 100px;
width: 250px;
}
}
@media (max-width: 768px) {
.single-news-container h2 {
font-size: 24px;
}
.single-news-container p {
margin-bottom: 24px;
line-height: 1.5em;
font-size: 16px;
}
.single-news-container .single-news-container__subtitle {
font-size: 16px;
}
.single-news-box__imgContainer {
height: 200px;
width: 360px;
}
} .category-container {
font-family: "HelveticaNeueCyr", sans-serif;
}
.category-container__sub-cat-container {
display: flex;
gap: 16px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
height: 500px;
}
.category-container__sub-cat-item_img-container {
padding: 0;
margin-bottom: 30px;
min-height: 185px;
max-height: 185px;
display: flex;
justify-content: center;
align-items: stretch;
}
.category-container .category-title {
margin: 40px 0 30px;
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #000;
text-transform: capitalize;
}
.category-container .category-description {
margin-bottom: 24px !important;
font-weight: 400;
font-size: 20px;
line-height: 1.3em;
text-align: center;
color: #1d1d1d;
padding: 0 10%;
font-family: "HelveticaNeueCyr", sans-serif;
}
.category-container__sub-cat-item {
padding: 0px 0 24px;
display: flex;
flex-direction: column;
width: 25%;
height: 100%;
border: none;
background: #fff;
border: 1px solid #f5f5f7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
}
.category-container__sub-cat-item img {
display: block;
margin: 0 auto;
width: 100%;
object-fit: cover;
height: auto;
}
.category-container__sub-cat-item:first-child {
order: 0;
display: flex;
}
.category-container .category-item__title {
text-transform: capitalize;
font-weight: 700;
font-size: 20px;
color: #000;
margin-bottom: 16px;
font-family: "HelveticaNeueCyr", sans-serif;
text-align: left;
padding: 0 10px 0 0;
}
.category-container .category-item__description {
padding: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
}
.category-container__sub-cat-item_text-container {
height: 200px;
padding: 0px 16px 24px;
}
.category-container .category-container__sub-cat-item--custom .category-container__sub-cat-item_text-container {
position: relative;
}
.category-container .category-container__sub-cat-item--custom .category-container__sub-cat-item_text-container::after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.167 11.833L11.834 5.167' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.167 5.167H11.834V11.833' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 0;
left: 90%;
background-size: contain;
background-repeat: no-repeat;
}
.category-container .category-container__sub-cat-item--custom.custom-videowall-item .category-container__sub-cat-item_text-container::after {
background-image: none;
}
@media (max-width: 1099.99px) {
.category-container__sub-cat-container {
flex-wrap: wrap;
}
.category-container__sub-cat-item {
width: 45%;
}
}
@media (max-width: 768px) {
.category-container .category-description {
margin-bottom: 24px;
}
.category-container__sub-cat-item {
width: 100%;
}
} .category-container.secure-switches-container.general-products-page {
padding-bottom: 150px;
}
.secure-switches-container__sub-cat-text-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 16px;
padding: 0 16px 16px;
min-height: 110px;
}
.secure-switches-container .main-page-smartavi-categories__linkMore {
display: block;
}
.secure-switches-container .category-title {
margin: 8px 0 16px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1em;
text-align: center;
color: #000;
text-transform: capitalize;
}
.secure-switches-container__sub-cat-container {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
margin-bottom: 50px;
gap: 20px 16px;
flex-direction: row;
align-items: center;
}
.secure-switches-container a {
display: contents;
text-decoration: none;
color: unset;
}
.secure-switches-container__sub-cat-item {
margin-top: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
background-color: #fff;
padding: 0 0 16px;
flex: 0 1 calc(33% - 8px);
border: none;
border-radius: 1px;
min-height: 400px;
justify-content: space-between;
border: 2px solid #f5f5f5;
}
.secure-switches-container__sub-cat-item_img-container {
min-width: 100%;
max-width: 100%;
min-height: 190px;
max-height: 190px;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
background-color: #f8f9fa;
}
.secure-switches-container__sub-cat-item_img-container img {
width: 100%;
}
.secure-switches-container__sub-cat-item__title {
padding: 0;
margin-bottom: 0;
font-weight: 700;
font-size: 20px;
line-height: 1em;
color: #000;
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
text-align: left;
}
.secure-switches-container__sub-cat-item__description {
padding: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3em;
color: #1d1d1d;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
}
.general-products-page .main-page-smartavi-categories__linkMore,
.secure-switches-container .main-page-smartavi-categories__linkMore {
display: block;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
padding: 0;
text-transform: capitalize;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
padding: 8px 16px;
width: 90%;
height: 36px;
transition: all 0.3s;
align-self: center;
}
.general-products-page .main-page-smartavi-categories__linkMore:hover,
.secure-switches-container .main-page-smartavi-categories__linkMore:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
color: #fff;
}
.general-products-page .main-page-smartavi-categories__linkMore:focus,
.secure-switches-container .main-page-smartavi-categories__linkMore:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
@media (min-width: 1500px) {
.general-products-page .secure-switches-container a {
display: block;
}
.category-container__sub-cat-item_img-container {
min-height: 285px;
max-height: 285px;
}
.category-container__sub-cat-container {
height: auto;
}
.general-products-page .main-page-smartavi-categories__linkMore {
height: 48px;
}
}
@media (min-width: 3000px) {
.general-products-page .main-page-smartavi-categories__linkMore {
height: 56px;
}
.category-container__sub-cat-item_img-container {
min-height: 385px;
max-height: 385px;
}
}
@media (max-width: 1199px) {
.secure-switches-container div.category-container__sub-cat-container {
justify-content: center;
gap: 16px;
width: 100%;
margin: 0 auto;
flex-wrap: nowrap;
height: 570px;
}
}
@media (max-width: 1099px) {
.secure-switches-container div.category-container__sub-cat-container {
flex-wrap: wrap;
height: auto;
}
.secure-switches-container__sub-cat-item {
flex: 1 1 calc(32% - 8px);
}
}
@media (max-width: 992px) {
.secure-switches-container__sub-cat-item {
flex: 1 1 calc(45% - 8px);
}
}
@media (max-width: 768px) {
.general-products-page .secure-switches-container a {
display: block;
}
.general-products-page .category-container__sub-cat-item_text-container {
height: max-content;
padding: 0 8px 24px;
}
.general-products-page .main-page-smartavi-categories__linkMore {
width: 95%;
}
.general-products-page .category-title {
text-align: left;
}
.secure-switches-container a {
display: contents;
}
.secure-switches-container__sub-cat-item_img-container {
min-width: 90%;
margin-bottom: 16px;
}
.secure-switches-container__sub-cat-text-container {
padding: 8px;
}
.secure-switches-container__sub-cat-item__title {
color: #1d1d1d;
}
.secure-switches-container__sub-cat-item {
flex: 1 1 calc(100% - 8px);
flex-direction: column;
align-items: flex-start;
}
.secure-switches-container .category-description {
font-size: 14px;
text-align: left;
padding: 0;
}
.secure-switches-container__sub-cat-item__description {
font-size: 14px;
}
.category-container.secure-switches-container {
padding: 0 20px;
}
.category-container.secure-switches-container.general-products-page {
padding-bottom: 150px;
}
.secure-switches-container .main-page-smartavi-categories__linkMore {
display: flex;
align-self: center;
}
}
@media (max-width: 576px) {
.general-products-page .category-container__sub-cat-item_img-container {
min-height: 140px;
max-height: 140px;
}
} .section-kmv-solutions {
background: #fff;
}
.section-kmv-solution__item-description {
padding: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.section-kmv-solution__item-description span {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.section-kmv-solution__item-title {
margin-bottom: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.3em;
color: #000;
text-transform: capitalize;
text-align: left;
}
@media (max-width: 768px) {
.section-kmv-solution__item-title {
color: #1d1d1d;
}
}
.force-hide {
display: none !important;
}
.category-container {
background: #fff;
}
.category-page-container {
padding-top: 8px;
display: flex;
gap: 28px;
justify-content: flex-start;
font-family: "HelveticaNeueCyr", sans-serif;
}
.category-page-container .main-category-title {
margin-top: 0 !important;
margin-bottom: 8px;
text-align: left;
letter-spacing: 1.3px;
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1em;
color: #000;
}
.category-page-container .category-description {
margin-bottom: 56px;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
text-align: left;
color: #1d1d1d;
padding: 0;
font-family: "HelveticaNeueCyr", sans-serif;
}
.category-page-container .main-products_container {
width: auto;
}
.category-page-container.one-col-categoryPage-layout .main-products_container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.category-page-container.one-col-categoryPage-layout .main-products_container .category-description {
text-align: center;
}
.category-page-container.one-col-categoryPage-layout .main-products_container .category-description {
text-align: center;
}
.category-page-container .filter-container {
min-width: 22%;
max-width: 22%;
}
.category-page-container .cat-box__products_product {
position: relative;
height: auto;
}
.category-page-container .cat-box__products_a-container {
height: auto;
}
.category-page-container .cat-box__products_a-container .product-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
justify-content: flex-start;
gap: 4px;
position: relative;
align-items: center;
padding: 12px;
}
.category-page-container .replaced_by_container {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
left: 50%;
transform: translate(-50%, 0);
}
.category-page-container .replaced_by_in_cat {
color: #6e6e73;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 11px;
}
.category-page-container .replaced_by_container > span.replaced_by_link {
display: block;
margin-left: 5px;
font-weight: 500;
color: #1d1d1d;
font-size: 12px;
}
.category-page-container .product_description {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3em;
color: #1d1d1d;
transition: 0.5s;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
border-top: 1px solid #f5f5f5;
padding-top: 12px;
margin-bottom: 12px;
}
.category-page-container .product_readMore-icon {
align-self: flex-end;
margin-bottom: 4px;
}
.category-page-container .cat-box:not(:last-child) {
margin-bottom: 30px;
}
.category-page-container .cat-box > a > .cat-box-main-header {
margin: 0 0 8px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.3em;
color: #000;
transition: 0.5s;
}
.category-page-container .product__title {
margin-bottom: 12px;
text-transform: capitalize;
text-align: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 1.3em;
color: #de8b57;
transition: 0.5s;
position: relative;
}
.category-page-container .cat-box-product__infoText-titleBox {
position: relative;
}
.category-page-container a.cat-box__products_a-container:hover {
color: #6090c2;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
transition: 0.5s;
}
.category-page-container .cat-box > p {
text-align: left;
margin-bottom: 36px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
}
.category-page-container .cat-box__img-container img {
width: 100%;
height: auto;
}
.category-page-container .cat-box__img-container {
width: 120px;
height: 120px;
margin-bottom: 15px;
}
.category-page-container .cat-box__products {
display: flex;
flex-wrap: wrap;
gap: 16px 12px;
justify-content: flex-start;
margin-bottom: 36px;
width: 100%;
}
.category-page-container .cat-box__products > a {
display: contents;
text-decoration: none;
}
.category-page-container .cat-box__products_product__main {
width: 100%;
position: relative;
}
.category-page-container a.cat-box__products_a-container {
width: 100%;
}
.category-page-container .cat-box__products_product {
width: 100%;
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: row;
margin-bottom: 0;
background-color: #fff;
border: none;
cursor: pointer;
border-radius: 8px;
height: max-content;
box-sizing: border-box;
height: 100% !important;
gap: 16px;
}
.category-page-container .cat-box__container {
display: flex;
position: relative;
background-color: #fff;
align-items: flex-start;
border-radius: 8px;
height: auto;
border: 2px solid #f5f5f5;
width: calc(24% - 6px);
}
.category-page-container p.cat-box-main-description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.category-page-container .cat-box-product__infoText {
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
width: 100%;
position: relative;
}
.category-page-container .cat-box__products_product-img-box {
min-width: 150px;
max-width: 150px;
margin: 0 0 12px;
display: flex;
align-items: center;
justify-content: center;
min-height: 75px;
max-height: 75px;
}
.category-page-container .cat-box__products_product-img-box img {
margin: 0 auto;
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.category-page-container .cat-box__products_product > h2,
.category-page-container .cat-box__products_product > a > h2 {
font-size: 18px;
color: #2a2b2c;
font-weight: normal;
text-align: center;
}
.category-page-container .child__products {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
margin-top: 0;
}
.category-page-container .child-product {
width: 100%;
height: max-content !important;
justify-content: center;
padding: 0;
cursor: pointer;
border-top: 2px solid #f5f5f5;
border-bottom: 2px solid #f5f5f5;
border-left: none;
border-right: none;
min-height: 110px;
max-height: 110px;
}
.category-page-container .childProd_wrapper {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
font-weight: 500;
color: #6090c2;
position: relative;
left: 5%;
bottom: 12%;
display: none;
}
.category-page-container .childProd:before {
font-size: 10px;
font-weight: bold;
color: #6090c2;
position: relative;
left: 5%;
bottom: 11%;
transform: translate(0, -50%) rotate(180deg);
padding: 5px;
display: none;
}
.category-page-container .childProd.icon-down-arrow.rotate-arrow-180:before {
transform: translate(0, -50%) rotate(0deg) !important;
}
.category-page-container .child-product .cat-box__products_product__main a {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 16px;
}
.category-page-container.one-col-categoryPage-layout .main-category-title {
margin-bottom: 24px;
}
[id="272"] {
margin-top: 30px;
}
.loading-text {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 1.2em;
color: #6090c2;
font-family: 16px;
font-weight: 500;
letter-spacing: 1px;
}
.product-card-linksBox {
width: 15%;
background: #e5e7eb;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.product-card-links {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 8px 12px;
}
.product-card-links li a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #6090c2;
transition: all 0.3s ease-in-out;
}
.product-card-links li a:hover {
color: #68a1de;
text-decoration: underline;
}
@media (min-width: 1600px) {
.category-page-container .filter-container {
min-width: 18%;
max-width: 18%;
}
}
@media (max-width: 1445.99px) {
.product-card-linksBox {
width: 20%;
}
}
@media (max-width: 1199px) {
.category-page-container .product_description {
font-size: 12px;
}
.category-page-container .cat-box__products_product-img-box {
min-width: 100px;
max-width: 100px;
margin: 0 0 12px;
min-height: 60px;
max-height: 60px;
}
.category-page-container .category-description {
margin-bottom: 40px;
}
.cat-box__products_a-container .product-container {
gap: 0;
}
.product-card-linksBox {
width: 20%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1270px) {
.category-page-container .replaced_by_in_cat {
font-size: 6px;
}
.category-page-container .replaced_by_container > span.replaced_by_link {
font-size: 8px;
}
}
@media (max-width: 1024px) {
.category-page-container .filter-container {
min-width: 28%;
max-width: 28%;
}
.category-page-container .cat-box__container {
width: calc(33% - 9px);
}
}
@media (max-width: 992px) {
.cat-box__products_product__main {
max-width: 100%;
}
.cat-box__container {
width: 100%;
}
.category-page-container {
gap: 10px;
}
.product-card-linksBox {
display: none;
}
}
@media (max-width: 768px) {
.cat-box__container {
width: 100%;
height: max-content;
}
.category-page-container .filter-container {
display: none;
}
.category-page-container .cat-box__products {
gap: 8px;
margin-bottom: 0;
}
.category-page-container .main-products_container {
width: 100%;
}
.category-page-container .main-category-title {
letter-spacing: normal;
font-size: 20px;
}
.category-page-container .category-description {
margin-bottom: 16px;
}
.cat-box > p {
margin-bottom: 24px;
}
.cat-box__products_a-container .product-container {
gap: 5px;
justify-content: center;
height: max-content;
}
.cat-box__products_product-img-box {
min-width: 100px;
max-width: 100px;
min-height: 70px;
max-height: 70px;
}
.cat-box__products_a-container .product_description {
overflow: hidden;
}
.one-col-categoryPage-layout .cat-box__products_a-container .product_description {
overflow: hidden;
}
.category-page-container .cat-box__container {
width: calc(50% - 6px);
}
} #filter-card {
top: 25%;
}
.filter-header-block {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
#filter-container {
margin: 0;
padding: 10px 0;
max-height: 60vh;
}
.filter-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #1d1d1d;
}
#apply-button,
#reset-button {
padding: 5px 0;
border: none;
background-color: transparent;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
color: #0054b3;
}
#apply-button:hover,
#reset-button:hover {
color: #1d1d1d;
}
#apply-button {
color: #6090c2;
font-weight: 500;
padding: 5px 0;
transition: all 0.5s;
text-transform: capitalize;
}
#apply-button:hover {
color: #0b5fbf;
}
#product-category-checkboxes > div {
margin-top: 12px;
margin-bottom: 12px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
}
.filter-container-width {
width: auto;
padding: 0 0 150px;
flex-grow: 1;
}
.filter-container-width h2 {
margin: 0 0 8px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.3em;
color: #000;
}
.filter-container-width > h2:first-child {
font-size: 24px;
}
.filter-option input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox-label {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
user-select: none;
padding-left: 28px;
}
.checkbox-label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 19px;
height: 19px;
border: 1px solid #d0d5dd;
background-color: #fff;
border-radius: 2px;
transition: all 0.2s ease-in-out;
}
.checkbox-label::after {
content: "";
position: absolute;
left: 6px;
top: 50%;
transform: translateY(-50%) scale(0);
width: 5px;
height: 15px;
border: 2px solid #6090c2;
border-width: 0 2px 2px 0;
transition: transform 0.2s ease-in-out;
}
.checkbox-label:hover::before {
background-color: #f7f6f6;
}
.filter-option input[type=checkbox]:checked + .checkbox-label::after {
transform: translateY(-50%) scale(1) rotate(45deg);
} .go-to-subcat {
display: flex;
align-items: center;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 12px;
}
.go-to-subcat ul {
display: flex;
align-items: center;
list-style: none;
}
.go-to-subcat ul li a {
padding: 0 5px;
color: #08c;
font-size: 11px;
border-right: 1px solid #000;
}
.go-to-subcat ul li:last-child a {
border-right: 0;
}
.go-to-subcat .goto-flat-list li {
display: block;
margin-bottom: 5px;
}
.go-to-subcat .goto-bold {
font-weight: 500;
font-size: 14px;
}
.go-to-subcat .goto-filter-link:not(.goto-bold) {
font-weight: 400;
font-size: 12px;
}
.goto-filter-link.active {
color: #de8b57;
}
.category-page-container .filter-container-mobile-box {
display: none;
}
.category-page-container #filter-card {
position: sticky;
top: 0;
left: 0;
width: 100%;
height: max-content;
background-color: #f5f5f5;
border: none;
z-index: 900;
transition: left 1s ease;
color: #1d1d1d;
margin: 0 0 150px;
padding: 0;
}
.category-page-container .filter-header-block {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 24px 24px 0 24px;
}
.category-page-container #filter-toggle {
visibility: hidden;
}
.category-page-container .filter-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #1d1d1d;
}
.category-page-container #filter-text {
display: flex;
justify-content: center;
align-items: center;
}
.category-page-container #filter-container {
display: block;
margin: 0;
padding: 0;
max-height: 70vh;
overflow-y: auto;
overflow-x: hidden;
padding: 0 24px 12px 24px;
}
.category-page-container #filter-container::-webkit-scrollbar {
width: 4px;
}
.category-page-container #filter-container::-webkit-scrollbar-track {
background: #e5e5e5;
}
.category-page-container #filter-container::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 2px;
}
.category-page-container #filter-container {
scrollbar-width: thin;
scrollbar-color: #ffffff #e5e5e5;
}
.category-page-container #product-category-checkboxes > div {
margin-top: 16px;
margin-bottom: 16px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
}
.category-page-container .buttons-block {
display: flex;
justify-content: space-between;
padding: 8px 24px 24px;
}
.category-page-container #filter-card.active {
left: 20px;
}
.category-page-container #filter-card.active #filter-text {
display: none;
}
.category-page-container #filter-card.active #close-text {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1446px) {
.category-page-container #product-category-checkboxes > div {
font-size: 14px;
}
.category-container__sub-cat-item_text-container {
height: 220px;
}
}
@media (max-width: 1200px) {
.category-page-container #product-category-checkboxes > div {
font-size: 12px;
}
}
@media (max-width: 1024px) {
.category-container__sub-cat-item_text-container {
height: 200px;
}
}
@media (max-width: 768px) {
.category-page-container .filter-title {
font-size: 20px;
}
.desktop-filter {
display: none;
}
div#filter-card.open {
background: #f5f5f7;
padding: 20px;
}
.category-page-container #filter-card {
padding: 0;
background-color: #fff;
}
.category-page-container .filter-container-mobile-box {
display: block;
position: sticky;
margin-bottom: 0;
top: 0;
z-index: 500;
background-color: #f5f5f7;
}
.filter-container-mobile-box #filter-toggle {
visibility: visible;
position: absolute;
right: 0;
top: 10px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
padding: 5px;
cursor: pointer;
}
.filter-container-mobile-box #filter-container {
display: none;
}
.filter-container-mobile-box #filter-card.open #filter-container {
display: block;
overflow-x: hidden;
overflow-x: hidden;
overflow-y: auto;
max-height: 50vh;
}
.filter-container-mobile-box #apply-button,
.filter-container-mobile-box #reset-button {
display: none;
}
.category-page-container {
display: flex;
flex-direction: column;
gap: 0;
padding-top: 0;
}
.category-page-container .filter-header-block {
padding: 12px 0;
}
.category-page-container #product-category-checkboxes > div {
margin-top: 10px;
margin-bottom: 10px;
}
.filter-container-width {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
padding: 0 0 100px;
margin-top: 25px;
}
.filter-header-block {
margin-bottom: 0;
}
.filter-container-width h2 {
font-size: 24px;
}
.category-page-container .filter-container-mobile-box #filter-card {
margin: 0;
}
.category-page-container .buttons-block {
padding: 8px 24px 4px;
}
}    .p2p-series {
padding: 0 0 150px;
}
@media (max-width: 768px) {
.p2p-series {
padding: 0 0 100px;
}
}
.p2p-series-container {
max-width: 1840px !important;
margin: 0 auto;
padding: 0 230px;
}
@media (max-width: 1299.98px) {
.p2p-series-container {
padding: 0 150px;
}
}
@media (max-width: 992.98px) {
.p2p-series-container {
padding: 0 90px;
}
}
@media (max-width: 768px) {
.p2p-series-container {
padding: 0 16px;
}
}
.p2p-series .main-hero {
position: relative;
height: min-content;
background-image: url(//smartavi.com/wp-content/uploads/2025/09/page-background-secondary-scaled.png);
background-size: cover;
background-position: bottom;
z-index: 0;
}
.p2p-series .main-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 46, 52, 0.34);
z-index: 1;
}
.p2p-series .main-hero__content {
max-width: 1400px !important;
padding: 42px 200px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
position: relative;
z-index: 2;
}
.p2p-series .main-hero__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 64px;
color: #fff;
}
.p2p-series .main-hero__subtitle {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #fff;
text-align: center;
}
.p2p-series .main-hero__description {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 1.3em;
}
.p2p-series .products-section {
display: flex;
margin: 32px auto;
padding: 0;
gap: 28px;
align-items: flex-start;
font-family: "HelveticaNeueCyr", sans-serif;
}
.p2p-series .filter-card {
display: flex;
flex-direction: column;
min-width: 22%;
flex-shrink: 1;
gap: 16px;
padding: 24px;
background-color: #f5f5f5;
border-radius: 4px;
box-shadow: none;
position: sticky;
top: 20px;
align-self: flex-start;
}
.p2p-series .p2pseries-filter-card__toggle-btn {
background: transparent;
border: none;
display: none;
}
.p2p-series .filter-card__header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background-color: #f5f5f5;
}
.p2p-series .filter-card__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #1d1d1d;
}
.p2p-series .filter-card__description {
font-weight: 400;
font-size: 16px;
color: #0053b2;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.p2p-series .filter-card__description:hover, .p2p-series .filter-card__description:focus {
color: #003d82;
}
.p2p-series .filter-section {
display: flex;
flex-direction: column;
gap: 8px;
}
.p2p-series .filter-section__title {
margin: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 12px;
color: #1d1d1d;
}
.p2p-series .products-grid {
display: flex;
flex-wrap: wrap;
width: 74%;
gap: 16px 12px;
justify-content: flex-start;
}
.p2p-series .product-card-wrapper {
width: calc(24% - 6px);
display: flex;
justify-content: space-between;
align-items: center;
}
.p2p-series .product-card-wrapper:hover {
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
transition: 0.5s;
}
.p2p-series .product-card-wrapper__main {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
flex-direction: column;
}
.p2p-series .product-card-linksBox {
min-width: 20%;
}
.p2p-series .product-card {
display: block;
max-width: 100%;
min-width: 100%;
height: 100%;
background-color: transparent;
transition: all 0.2s ease;
cursor: pointer;
text-decoration: none;
color: inherit;
box-shadow: none;
border: 2px solid #f5f5f5;
border-radius: 4px 0 0 4px;
padding: 12px;
}
.p2p-series .product-card:hover, .p2p-series .product-card:focus-within {
transform: translateY(0px);
}
.p2p-series .product-card:hover .product-card__description {
color: #6090c2;
transition: 0.5s;
}
.p2p-series .product-card article {
display: flex;
flex-direction: row;
gap: 16px;
height: 100%;
width: 100%;
justify-content: flex-start;
align-items: flex-start;
}
.p2p-series .product-card__textBlock {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
.p2p-series .product-card__image {
width: 150px;
height: 75px;
}
.p2p-series .product-card__image img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: contain;
}
.p2p-series .product-card__title {
text-align: left;
width: 100%;
margin: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 14px;
color: #de8b57;
}
.p2p-series .product-card__description {
text-align: left;
width: 100%;
margin: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3em;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.p2p-series .product_readMore-icon {
align-self: flex-end;
margin-bottom: 4px;
}
.p2p-series .checkbox-item {
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
margin-bottom: 8px;
}
.p2p-series .checkbox-label {
user-select: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 12px;
color: #1d1d1d;
padding-left: 8px;
}
.p2p-series .checkbox-label::after, .p2p-series .checkbox-label::before {
display: none !important;
}
.p2p-series .checkbox-custom {
appearance: none;
width: 20px;
height: 20px;
background: transparent;
position: relative;
cursor: pointer;
transition: background 0.3s, border-color 0.3s;
border-radius: 2px;
border: 1px solid #d0d5dd;
}
.p2p-series .checkbox-custom::after {
content: "";
position: absolute;
width: 4px;
height: 8px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -60%) rotate(20deg);
opacity: 0;
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2), opacity 0.3s;
}
.p2p-series .checkbox-custom:checked {
background: #0054b3;
border-color: #0054b3;
}
.p2p-series .checkbox-custom:checked::after {
opacity: 1;
transform: translate(-50%, -60%) rotate(43deg);
} @media (max-width: 1201px) {
.p2p-series .filter-card {
width: 20%;
max-width: 20%;
}
.p2p-series .product-card__description {
font-size: 12px;
}
}
@media (max-width: 1200px) {
.p2p-series .products-section {
flex-direction: row;
}
.p2p-series .filter-section__title {
margin-bottom: 4px;
}
.p2p-series .product-card {
width: calc(80% - 8px);
}
.p2p-series .product-card__image {
width: 120px;
}
.p2p-series .checkbox-item {
margin-bottom: 0;
}
.p2p-series .product-card__description {
font-size: 12px;
}
}
@media (max-width: 1024px) {
.p2p-series .main-hero__content {
gap: 16px;
}
.p2p-series .main-hero__title {
font-size: 48px;
}
.p2p-series .filter-card__title {
font-size: 16px;
}
.p2p-series .product-card__image {
width: 100px;
}
}
@media (max-width: 992px) {
.p2p-series .products-section {
gap: 10px;
}
.p2p-series .filter-card__description {
font-size: 13px;
}
.p2p-series .product-card-wrapper {
width: calc(50% - 6px);
}
.p2p-series .product-card__image {
width: 140px;
}
}
@media (max-width: 768px) {
.p2p-series .main-hero__content {
padding-left: 5%;
padding-right: 5%;
}
.p2p-series .main-hero__title {
font-size: 36px;
}
.p2p-series .main-hero__subtitle {
font-size: 24px;
}
.p2p-series .main-hero__description {
font-size: 12px;
}
.p2p-series .products-section {
flex-direction: column;
margin: 0 auto;
}
.p2p-series .filter-card {
width: 100%;
max-width: 100%;
background: #fff;
top: 0;
padding: 24px 16px;
}
.p2p-series .p2pseries-filter-card__toggle-btn {
display: block;
}
.p2p-series .filter-card__header {
background-color: #fff;
}
.p2p-series .filter-card__title {
font-size: 20px;
}
.p2p-series .filter-section {
display: none;
}
.p2p-series .products-grid {
width: 100%;
}
.p2p-series .product-card {
width: 100%;
max-width: 100%;
}
.p2p-series .product-card__image {
height: auto;
}
.p2p-series .product-card__title {
font-size: 16px;
}
}
@media (max-width: 576px) {
.p2p-series .main-hero__content {
padding-top: 50px;
padding-bottom: 50px;
}
.p2p-series .main-hero__title {
font-size: 36px;
margin-bottom: 8px;
}
.p2p-series .main-hero__subtitle {
font-size: 24px;
}
} .p2pkvm {
background-color: transparent;
font-family: "HelveticaNeueCyr", sans-serif;
}
.p2pkvm .main.child-theme-main {
padding-bottom: 0 !important;
}
.p2pkvm h2 {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
line-height: 1.3em;
color: #231e15;
}
.p2pkvm p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
text-align: center;
color: #fff;
} .p2pkvm .btn {
display: flex;
align-items: center;
gap: 5px;
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 14px;
font-family: "HelveticaNeueCyr", sans-serif;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
border-radius: 28px;
padding: 8px 16px;
width: 250px;
height: 40px;
}
.p2pkvm .btn a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
}
.btn-moreFeatures {
position: relative;
transition: all 1s ease;
}
.btn-moreFeatures:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.btn-moreFeatures:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
}
.btn-moreFeatures:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
} .p2pkvm .main {
background-image: url(//smartavi.com/wp-content/uploads/2025/09/page-background-secondary-scaled.png);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
min-height: 400px;
width: 100%;
display: flex;
}
.p2pkvm .main__container {
width: 100%;
max-width: 1600px;
padding: 0 90px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
}
.p2pkvm .main__content {
max-width: 61%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.p2pkvm .main__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 64px;
line-height: 1.3em;
text-align: center;
color: #fff;
}
.p2pkvm .main__subtitle {
margin-bottom: 24px;
letter-spacing: 0.05em;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.3em;
text-align: center;
color: #fff;
}
.p2pkvm .main__description {
font-weight: 400;
line-height: 1.4em;
}
.p2pkvm .main__devices {
position: relative;
width: 35%;
height: 400px;
z-index: 1;
padding: 20px;
}
.p2pkvm .device {
position: absolute;
transition: all 0.3s ease;
}
.p2pkvm .device img {
max-width: 100%;
height: auto;
filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.3));
}
.p2pkvm .device--left {
top: 90px;
left: -16px;
z-index: 3;
width: 50%;
}
.p2pkvm .device--right {
top: 65px;
left: 180px;
z-index: 3;
width: 50%;
}
.p2pkvm .device--bottom {
top: 215px;
right: 80px;
z-index: 1;
width: 60%;
} .p2pkvm .overview__container {
display: flex;
flex-direction: column;
padding: 0 230px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .overview {
margin-bottom: 32px;
}
.p2pkvm .overview__title {
margin-bottom: 24px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
line-height: 1.3em;
color: #231e15;
}
.p2pkvm .overview__card {
display: flex;
background: transparent;
padding: 72px 0px;
border: none;
flex-direction: row;
}
.p2pkvm .overview__description {
margin-top: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #1d1d1d;
text-align: left;
}
.p2pkvm .overview__card-image {
display: flex;
justify-content: center;
align-items: center;
margin-right: 60px;
}
.p2pkvm .overview__card-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
} .p2pkvm .features__container {
display: flex;
flex-direction: column;
padding: 0 230px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .features__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #231e15;
}
.p2pkvm .features__items {
display: flex;
justify-content: center;
gap: 16px;
margin: 40px 0 150px;
flex-wrap: wrap;
}
.p2pkvm .features__item {
display: flex;
align-items: center;
background: #f8f9fa;
border-radius: 16px;
padding: 16px;
min-height: max-content;
width: calc(19% - 8px);
box-sizing: border-box;
gap: 16px;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.p2pkvm .features__item-image {
display: flex;
align-items: center;
justify-content: center;
}
.p2pkvm .features__item-image {
width: 25px;
height: 25px;
}
.p2pkvm .features__item-image img {
width: 100%;
height: 100%;
}
.p2pkvm .features__item-content {
flex: 1;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2em;
color: #000;
}
.p2pkvm .features__card-content p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #1d1d1d;
text-align: left;
}
.p2pkvm .features__card {
display: flex;
background: transparent;
border: none;
padding: 0;
margin: 0 0 100px;
max-width: 100%;
gap: 30px;
align-items: center;
}
.p2pkvm .features__button {
display: block;
}
.p2pkvm .features__card-image {
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 38%;
}
.p2pkvm .features__card-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.p2pkvm .features__card-content,
.p2pkvm .features__card > div:not(.features__card-image) {
width: 57%;
gap: 24px;
display: flex;
flex-direction: column;
}
.p2pkvm .features__card img {
width: auto;
height: auto;
max-width: 100%;
}
.p2pkvm .features__card-list {
margin-left: 32px;
margin-bottom: 16px;
line-height: 1.6;
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2em;
color: #1d1d1d;
}
.features__card-list-item {
position: relative;
}
.features__card-list-item::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #f98025;
top: 6px;
left: -20px;
} .p2pkvm .cases__container {
display: flex;
flex-direction: column;
padding: 0 230px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .cases {
margin-top: 40px;
margin-bottom: 40px;
}
.p2pkvm .cases__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #231e15;
}
.p2pkvm .cases__grid {
margin-top: 40px;
margin-bottom: 100px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
width: 100%;
}
.p2pkvm .cases__card {
background: transparent;
text-align: center;
padding: 0;
position: relative;
overflow: hidden;
border-radius: 8px 8px 0 0;
}
.p2pkvm .cases__card img {
width: 100%;
height: auto;
}
.p2pkvm .cases__card p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
color: #111;
padding: 12px 12px 16px;
text-align: left;
background: #fff;
border-radius: 0 0 8px 8px;
} .p2pkvm .models__container {
display: flex;
flex-direction: column;
padding: 0 230px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .models {
margin-top: 32px;
margin-bottom: 100px;
position: relative;
}
.p2pkvm .models__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #231e15;
}
.p2pkvm .models__subtitle {
font-size: 28px;
margin-top: 8px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
text-align: center;
color: #707072;
margin-bottom: 48px;
}
.p2pkvm .models__subtitle.highlight {
margin-bottom: 32px;
font-weight: 600;
}
.p2pkvm .models__card {
display: flex;
flex-direction: column;
background: transparent;
border-radius: 40px;
overflow: hidden;
padding: 32px;
width: 100%;
margin-bottom: 50px;
}
.p2pkvm .models__content {
display: flex;
flex-direction: row;
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
gap: 50px;
}
.p2pkvm .models__image {
flex: 0 0 55%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.p2pkvm .models__list {
flex: 0 0 45%;
padding: 0;
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 30px;
}
.p2pkvm .models__category h3 {
margin-bottom: 24px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
color: #231e15;
}
.p2pkvm .models__category ul {
padding-left: 20px;
list-style: none;
display: flex;
flex-direction: column;
gap: 16px;
}
.p2pkvm .models__category li {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2em;
color: #1d1d1d;
}
.p2pkvm .models__comparison {
margin-top: 30px;
background: transparent;
border-radius: 40px;
width: 100%;
}
.p2pkvm .models__comparison h2 {
text-align: center;
margin: 0;
}
.p2pkvm .product h4 {
color: #1b1b2c;
font-size: 24px;
font-weight: 500;
margin: 10px 0 5px 0;
}
.p2pkvm .product p {
font-size: 12px;
}
.p2pkvm .models__table {
width: 100%;
margin: 0 0 40px;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #f0f4ff;
border-radius: 10px;
overflow: hidden;
background: #fff;
font-family: "Intel", sans-serif;
}
.p2pkvm .models__table .image-checked-blue-icon {
justify-self: center;
margin-bottom: 10px;
}
.p2pkvm .table-wrapper {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.p2pkvm .product-row {
vertical-align: bottom;
}
.p2pkvm .models__table th {
border-bottom: 1px solid #eaecf0;
background: #eef6ff;
}
.p2pkvm .models__table td {
padding: 12px 15px;
text-align: center;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #eaecf0;
vertical-align: middle;
font-size: 20px;
font-weight: 400;
font-size: 14px;
color: #1d1d1d;
}
.p2pkvm .models__table td:first-child {
font-weight: 500;
font-size: 14px;
line-height: 1.4em;
color: #231e15;
font-family: "Inter", sans-serif;
border-bottom: 1px solid #eaecf0;
}
.p2pkvm .models__table a {
font-weight: 400;
font-size: 14px;
color: #1d1d1d;
transition: all 0.3s;
}
.p2pkvm .models__table a:hover {
text-decoration: underline;
}
.p2pkvm .product-row img {
max-width: 100%;
height: 120px;
object-fit: contain;
margin: 0 auto 15px;
display: block;
}
.p2pkvm .product-row h4 {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #231e15;
margin: 13px 0;
}
.p2pkvm .product-row p {
font-size: 12px;
line-height: 1.3;
margin: 0 0 5px 0;
} @media (max-width: 1440px) {
.p2pkvm .features__items {
margin: 40px 0 100px;
}
.p2pkvm .features__card {
flex-direction: row;
padding: 16px;
margin: 0 0 50px;
}
.p2pkvm .features__card-image {
width: 100%;
}
.p2pkvm .features__card-content,
.p2pkvm .features__card > div:not(.features__card-image) {
width: 100%;
}
.p2pkvm .cases {
margin-bottom: 0;
}
.p2pkvm .models__card {
padding: 0;
}
.p2pkvm .models {
margin-top: 0;
}
.p2pkvm .models__comparison {
margin-top: 60px;
}
}
@media (max-width: 1299.99px) {
.p2pkvm .overview__container,
.p2pkvm .features__container,
.p2pkvm .cases__container,
.p2pkvm .models__container {
padding: 0 150px;
}
}
@media (max-width: 1200px) {
.p2pkvm .device--right {
top: 50px;
left: 160px;
}
.p2pkvm .features__item {
width: calc(33% - 16px);
gap: 24px;
}
}
@media (max-width: 1024.99px) {
.p2pkvm .main__title {
font-size: 36px;
}
.p2pkvm .main__subtitle {
font-size: 20px;
}
.p2pkvm .main__description {
font-size: 14px;
}
.p2pkvm .device--left {
top: 124px;
left: 6px;
z-index: 3;
width: 45%;
}
.p2pkvm .device--right {
top: 100px;
left: 150px;
}
}
@media (max-width: 1000px) {
.p2pkvm .cases__card p {
padding: 12px;
font-size: 24px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
margin: 0;
border: 1px solid #fff;
width: 105%;
}
.p2pkvm .cases__card {
padding: 0;
border-radius: 8px 8px 0 0;
}
.p2pkvm .cases__grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
}
@media (max-width: 992.99px) {
.p2pkvm .overview__container,
.p2pkvm .features__container,
.p2pkvm .cases__container,
.p2pkvm .models__container {
padding: 0 90px;
}
}
@media (max-width: 992px) {
.p2pkvm .main__container {
flex-direction: column;
padding: 32px 16px !important;
}
.p2pkvm .main__content {
font-size: 50px;
max-width: 100%;
}
.p2pkvm .main__devices {
height: 310px;
top: -53px;
}
.p2pkvm .device--left {
top: 115px;
}
.p2pkvm .device--right {
top: 95px;
left: 130px;
}
.p2pkvm .device--bottom {
top: 200px;
width: 70%;
}
.p2pkvm .overview__card {
padding: 42px 0px;
}
.p2pkvm .features__card {
flex-direction: column;
padding: 16px;
}
.p2pkvm .features__card-content,
.p2pkvm .features__card > div:not(.features__card-image) {
width: 100%;
}
.p2pkvm .models__subtitle {
font-size: 16px;
}
.p2pkvm .models__comparison {
margin-top: 0px;
border-radius: 30px;
}
.p2pkvm .models__comparison h2 {
margin: 30px 0;
}
.p2pkvm .models__table {
width: calc(100% - 40px);
margin: 0 20px 20px 20px;
}
.p2pkvm .models__table td:first-child {
width: 180px;
font-size: 14px;
}
.p2pkvm .models__table td {
font-size: 14px;
padding: 12px 10px;
}
.p2pkvm .product-row img {
height: 80px;
}
.p2pkvm .product-row h4 {
font-size: 16px;
}
.p2pkvm .product-row p {
font-size: 12px;
}
.p2pkvm .overview__card-image {
width: 40%;
}
}
@media (max-width: 768px) {
.p2pkvm .h2 {
font-size: 24px;
}
.p2pkvm .p {
font-size: 14px;
}
.p2pkvm .main {
background-position: bottom right !important;
}
.p2pkvm .main__container {
padding: 0 20px;
}
.p2pkvm .main__content {
width: 100%;
}
.p2pkvm .main__title {
margin-bottom: 16px;
font-size: 42px;
}
.p2pkvm .main__subtitle {
font-size: 20px;
}
.p2pkvm .main__devices {
height: 350px;
top: -33px;
left: -26px;
}
.p2pkvm .device--left {
width: 180px;
left: -75px;
top: 70px;
}
.p2pkvm .device--right {
width: 200px;
top: 40px;
}
.p2pkvm .device--bottom {
width: 225px;
top: 200px;
}
.p2pkvm .overview__container,
.p2pkvm .features__container,
.p2pkvm .cases__container,
.p2pkvm .models__container {
padding: 0 16px;
}
.p2pkvm .overview__title {
margin-bottom: 5px;
font-size: 24px;
}
.p2pkvm .overview__card {
padding: 0;
flex-direction: column;
}
.p2pkvm .overview__card-image {
margin-right: 0;
width: 95%;
}
.p2pkvm .features__title {
font-size: 24px;
}
.p2pkvm .features__items {
margin: 20px 0 50px;
}
.p2pkvm .features__item {
width: calc(50% - 16px);
padding: 12px 8px 12px 12px;
gap: 16px;
}
.p2pkvm .features__item-content {
font-size: 14px;
}
.p2pkvm .features__card {
margin: 0;
}
.p2pkvm .features__button {
display: flex;
justify-content: center;
}
.p2pkvm .features__card > div:not(.features__card-image) {
gap: 12px;
}
.p2pkvm .cases__card div {
height: 320px;
aspect-ratio: 1;
}
.p2pkvm .cases__card img {
height: 100%;
}
.p2pkvm .cases__card p {
font-size: 14px;
}
.p2pkvm .cases__title {
font-size: 24px;
}
.p2pkvm .cases__grid {
margin-bottom: 50px;
}
.p2pkvm .models__title {
font-size: 24px;
}
.p2pkvm .models__subtitle {
font-size: 16px;
}
.p2pkvm .models__content {
flex-direction: column;
gap: 16px;
}
.p2pkvm .models__list {
padding: 0;
margin-top: 0;
}
.p2pkvm .models__category h3 {
font-size: 24px;
}
.p2pkvm .models__category li {
font-size: 14px;
}
.p2pkvm .models__table {
width: calc(100% - 30px);
margin: 0 15px 15px 15px;
overflow-x: auto;
scrollbar-width: thin;
overflow-y: hidden;
scrollbar-color: #ffffff #e5e5e5;
}
.p2pkvm .models__table td:first-child {
width: 150px;
}
.p2pkvm .models__table td {
font-size: 12px;
padding: 8px 5px;
}
.p2pkvm .product-row h4 {
font-size: 14px;
}
.p2pkvm .product-row img {
height: 60px;
margin-bottom: 10px;
}
.p2p-series .filter-card .filter-section {
display: none;
}
.p2p-series .filter-card__description {
display: none;
}
.p2p-series .filter-card.active .filter-section {
display: block;
}
.p2p-series .filter-card.active .filter-card__description {
display: block;
}
}
@media (max-width: 576px) {
.p2pkvm .main__title {
font-size: 36px;
margin-bottom: 8px;
}
.p2pkvm .main__subtitle {
font-size: 24px;
}
.p2pkvm .main__devices {
height: 260px;
top: -63px;
left: -60px;
}
.p2pkvm .device--left {
width: 120px;
top: 107px;
left: -15px;
}
.p2pkvm .device--right {
width: 140px;
top: 85px;
}
.p2pkvm .device--bottom {
width: 215px;
top: 175px;
left: 125px;
}
.p2pkvm .overview__card {
padding: 0;
}
.p2pkvm .cases__card p {
padding: 12px;
font-size: 14px;
}
.p2pkvm .cases__grid {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.p2pkvm .models__category h3 {
font-size: 20px;
}
.p2pkvm .models__category li {
font-size: 16px;
}
.p2pkvm .models__comparison {
border-radius: 20px;
overflow-x: auto;
}
.p2pkvm .models__comparison h2 {
margin: 20px 0;
}
.p2pkvm .models__table {
min-width: 600px;
width: calc(100% - 20px);
margin: 0 10px 10px 10px;
}
.p2pkvm .models__table td:first-child {
width: 120px;
}
}   .smartaviChild-main-menu {
display: flex;
justify-content: flex-end;
align-items: center;
font-family: "HelveticaNeueCyr", sans-serif;
z-index: 10;
gap: 24px;
background: none;
padding: 0 230px;
}
.smartaviChild-main-menu > li {
padding: 9px 0 9px 0;
border: none;
position: relative;
}
.smartaviChild-main-menu > li:hover {
background: none;
}
.smartaviChild-main-menu > li:first-child {
padding-left: 0;
}
.smartaviChild-main-menu > li:last-child {
padding-right: 0;
}
.smartaviChild-main-menu > li > a {
color: #333;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.smartaviChild-main-menu > li > a:hover {
color: #6090c2;
}
.smartaviChild-main-menu > li > a:focus {
color: #446a91;
} .smartaviChild-main-menu > li.menu-item-has-children {
cursor: pointer;
}
.smartaviChild-main-menu > li.menu-item-has-children::after {
content: "\e900";
font-family: "icomoon";
color: #333;
font-size: 12px;
width: 15px;
height: 10px;
font-weight: 700;
padding: 0;
display: inline-block;
transform: rotate(0deg);
transition: all 0.3s ease;
position: relative;
top: 1px;
}
.smartaviChild-main-menu > li.menu-item-has-children:hover::after {
transform: rotate(180deg);
}
.smartaviChild-main-menu .sub-menu {
position: absolute;
top: 40px;
left: -50px;
background: #f8f9fa;
opacity: 0;
visibility: hidden;
transition: opacity 0.45s linear, visibility 0.45s linear, padding-bottom 0.4s ease;
z-index: 10;
padding: 36px 36px 65px;
min-width: 625px;
display: grid;
grid-template-columns: 1fr;
gap: 16px;
justify-content: space-between;
}
.smartaviChild-main-menu .sub-menu:hover, .smartaviChild-main-menu .sub-menu.js-active {
opacity: 1;
visibility: visible;
}
.smartaviChild-main-menu .sub-menu > li {
padding: 8px 16px;
border-left: 2px solid transparent;
transition: all 0.5s ease-in-out;
width: 240px;
}
.smartaviChild-main-menu .sub-menu > li:hover, .smartaviChild-main-menu .sub-menu > li.active {
border-left: 2px solid #f98025;
}
.smartaviChild-main-menu .sub-menu > li > a {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
color: #1d1d1d;
font-weight: 500;
text-transform: capitalize;
}
.smartaviChild-main-menu .sub-menu > li > a:hover {
color: #68a1de;
}
.smartaviChild-main-menu .sub-menu > li > a:focus {
text-decoration: none;
color: #446a91;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children {
padding: 8px 16px;
border-left: 2px solid transparent;
transition: all 0.5s ease-in-out;
width: max-content;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children:hover, .smartaviChild-main-menu .sub-menu > li.menu-item-has-children.active {
border-left: 2px solid #f98025;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > a {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
color: #1d1d1d;
font-weight: 500;
text-transform: capitalize;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > a:hover {
color: #68a1de;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > a:focus {
text-decoration: none;
color: #446a91;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
position: absolute;
top: 8%;
left: 40%;
padding: 0;
background: none;
box-shadow: none;
gap: 0;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu.active {
opacity: 1;
visibility: visible;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu > li {
padding: 8px;
border-left: 0;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu > li > a {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
color: #1d1d1d;
opacity: 0.7;
font-weight: 400;
text-transform: capitalize;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu > li > a:hover {
color: #68a1de;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu > li > a:focus {
text-decoration: none;
color: #446a91;
}
.smartaviChild-main-menu .sub-menu.js-active.proav-active {
padding-bottom: 65px;
}
.smartaviChild-main-menu > li:first-child > .sub-menu {
border: 1px solid #ebebed;
border-top: none;
}
#menu-item-21729 {
position: relative;
}
#menu-item-21729::after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.167 11.833L11.834 5.167' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.167 5.167H11.834V11.833' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 6px;
left: 60px;
background-size: contain;
background-repeat: no-repeat;
}
#menu-item-21575 {
position: relative;
}
#menu-item-21575::after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.167 11.833L11.834 5.167' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.167 5.167H11.834V11.833' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 7px;
left: 70px;
background-size: contain;
background-repeat: no-repeat;
}
#menu-item-21596 .sub-menu > li {
padding: 2px;
} #menu-item-21635 > a,
#menu-item-21638 > a,
#menu-item-21647 > a,
#menu-item-21652 > a,
#menu-item-21655 > a {
color: #f98025;
font-size: 14px;
font-weight: 500;
opacity: 1;
}
#menu-item-21635 > a:hover,
#menu-item-21638 > a:hover,
#menu-item-21647 > a:hover,
#menu-item-21652 > a:hover,
#menu-item-21655 > a:hover {
color: #68a1de;
}
#menu-item-21635 > a:focus,
#menu-item-21638 > a:focus,
#menu-item-21647 > a:focus,
#menu-item-21652 > a:focus,
#menu-item-21655 > a:focus {
text-decoration: none;
color: #446a91;
} #menu-item-21596 .sub-menu .sub-menu li a {
color: #1d1d1d;
font-size: 16px;
font-weight: 400;
padding: 5px 0;
display: block;
opacity: 0.7;
}
#menu-item-21596 .sub-menu .sub-menu li a:hover {
color: #68a1de;
}
#menu-item-21596 .sub-menu .sub-menu li a:focus {
text-decoration: none;
color: #446a91;
}
#menu-item-21596 .sub-menu li {
width: max-content;
}
#menu-item-21596 .sub-menu {
display: grid;
grid-template-columns: 120px 1fr;
min-width: 300px;
column-gap: 24px;
row-gap: 4px;
align-items: start;
grid-auto-rows: min-content;
} #menu-item-21635 {
grid-column: 1/2;
grid-row: 1/2;
}
#menu-item-21642 {
grid-column: 1/2;
grid-row: 2/3;
}
#menu-item-21645 {
grid-column: 1/2;
grid-row: 3/4;
}
#menu-item-21636 {
grid-column: 1/2;
grid-row: 4/5;
}
#menu-item-21677 {
grid-column: 1/2;
grid-row: 5/6;
}
#menu-item-21644 {
grid-column: 1/2;
grid-row: 6/7;
} #menu-item-21638 {
grid-column: 1/2;
grid-row: 8/9;
}
#menu-item-21683 {
grid-column: 1/2;
grid-row: 9/10;
}
#menu-item-21662 {
grid-column: 1/2;
grid-row: 10/11;
} #menu-item-21647 {
grid-column: 1/2;
grid-row: 12/13;
}
#menu-item-21679 {
grid-column: 1/2;
grid-row: 13/14;
}
#menu-item-21680 {
grid-column: 1/2;
grid-row: 14/15;
}
#menu-item-21650 {
grid-column: 1/2;
grid-row: 15/16;
} #menu-item-21652 {
grid-column: 2/3;
grid-row: 1/2;
}
#menu-item-21681 {
grid-column: 2/3;
grid-row: 2/3;
}
#menu-item-21682 {
grid-column: 2/3;
grid-row: 3/4;
} #menu-item-21655 {
grid-column: 2/3;
grid-row: 5/6;
}
#menu-item-21656 {
grid-column: 2/3;
grid-row: 6/7;
}
#menu-item-21657 {
grid-column: 2/3;
grid-row: 7/8;
}
#menu-item-21658 {
grid-column: 2/3;
grid-row: 8/9;
}
#menu-item-21659 {
grid-column: 2/3;
grid-row: 9/10;
} @media screen and (max-width: 998.98px) {
.header-desktop {
display: none;
}
.header-mobile {
display: block;
position: relative;
}
.header-mobile .header__main {
position: relative;
}
.header-mobile .header__main .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}
.header-mobile .header__main .container > a {
width: 32.5%;
min-width: 140px;
max-width: 200px;
}
.smartaviChild-main-menu__mobile-button {
display: block;
color: #000;
font-size: 22px;
cursor: pointer;
}
.smartaviChild-main-menu {
display: none;
transition: visibility 0s, opacity 0.5s linear;
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
}
.smartaviChild-main-menu.open {
display: flex;
}
.smartaviChild-main-menu > li {
width: 100%;
padding: 0;
border-bottom: none;
}
.smartaviChild-main-menu > li > a {
display: block;
width: 100%;
padding: 10px 5%;
font-size: 14px;
font-weight: normal;
color: #fff;
border-bottom: 1px #fff solid;
margin-bottom: 0;
}
.smartaviChild-main-menu > li.menu-item-has-children {
position: relative;
cursor: pointer;
}
.smartaviChild-main-menu > li.menu-item-has-children::after {
content: "\e900";
font-family: "icomoon";
font-size: 15px !important;
position: absolute;
top: 10px;
right: 5%;
color: #fff;
transform: rotateX(0deg);
transition: transform 0.3s ease;
}
.smartaviChild-main-menu > li.menu-item-has-children.rotate::after {
transform: rotateX(180deg);
}
.smartaviChild-main-menu .sub-menu {
position: unset;
width: 100%;
background: none;
box-shadow: none;
display: none;
flex-direction: column;
justify-content: flex-start;
padding: 0;
opacity: 1;
visibility: visible;
}
.smartaviChild-main-menu .sub-menu > li {
width: 100%;
padding: 0;
}
.smartaviChild-main-menu .sub-menu > li > a {
display: block;
padding: 10px 5% 10px 10%;
font-size: 14px;
font-weight: normal;
color: #fff;
border-bottom: 1px #fff solid;
}
}
@media screen and (max-width: 1199.98px) {
.smartaviChild-main-menu > li > a {
font-size: 14px;
}
.smartaviChild-main-menu .sub-menu {
gap: 4px;
padding: 24px 24px 65px;
}
}
@media screen and (max-width: 1099.98px) {
.smartaviChild-main-menu {
gap: 10px;
}
}  .mobile-menu-window {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 500;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}
.mobile-menu-window.is-open {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in-out;
} .mobile-nav-container {
position: fixed;
top: 0;
left: 0;
width: 80%;
height: 100vh;
background: #fff;
overflow-y: hidden;
z-index: 1000;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
visibility: hidden;
opacity: 0;
}
.mobile-nav-container.is-open {
transform: translateX(0);
visibility: visible;
opacity: 1;
} .mobile-menu-window__header {
height: 54px;
position: relative;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
z-index: 9999;
} .mobile-menu-close-icon,
.mobile-menu-back-button {
z-index: 2000;
width: 24px;
height: 24px;
cursor: pointer;
}
.mobile-menu-close-icon.is-visible,
.mobile-menu-back-button.is-visible {
visibility: visible;
opacity: 1;
}
.mobile-menu-back-button {
visibility: hidden;
opacity: 0;
} .smartaviChild-mobile-menu {
position: fixed;
top: 56px;
left: 0;
width: 100%;
height: calc(100vh - 30px);
padding: 20px;
background-color: #fff;
overflow-y: auto;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
z-index: 1000;
}
.smartaviChild-mobile-menu.is-active {
transform: translateX(0);
} .smartaviChild-mobile-menu-custom-submenu-class {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
background-color: #fff;
overflow-y: auto;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
z-index: 2000;
}
.smartaviChild-mobile-menu-custom-submenu-class.is-active {
transform: translateX(0);
} #menu-smartavichild-mobile-menu {
display: flex;
flex-direction: column;
}
.smartaviChild-mobile-menu li {
padding: 16px 8px 16px 16px;
border-bottom: 1px solid #fafafa;
}
.smartaviChild-mobile-menu li:last-child {
border-bottom: none;
}
.smartaviChild-mobile-menu li a {
display: flex;
justify-content: space-between;
align-items: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #333;
text-decoration: none;
padding: 0;
} .smartaviChild-mobile-menu .menu-item-has-children > a::after {
content: ">";
font-size: 16px;
font-weight: 500;
margin-left: 10px;
}   header {
background-color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
}
.header-search {
padding: 0;
}
.header-search .container-wider {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 90px;
}
.header-search .help-btn {
color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
cursor: pointer;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
border-radius: 28px;
width: 145px;
position: relative;
transition: all 1s ease;
}
.header-search .help-btn:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.header-search .help-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.header-search .help-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
}
.header-search__searchSection {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.header-nav {
background: #c9cacd;
}
.middle-header {
background-color: #333;
display: flex;
align-items: center;
padding: 6px 0;
margin: 0;
}
.middle-header .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.middle-header .container-wider {
justify-content: flex-end;
gap: 36px;
}
.middle-header__item:not(:last-child) {
border-right: 0.5px solid #fff;
}
.middle-header__logo {
width: 225px;
}
.middle-header__logo img {
width: 100%;
}
.middle-header__info {
display: flex;
font-family: "HelveticaNeueCyr", sans-serif;
}
.middle-header__info h3 {
font-size: 17px;
text-transform: uppercase;
}
.middle-header__info a {
font-size: 14px;
color: #fff;
}
.middle-header__info a:hover {
color: #6090c2;
}
.middle-header__info em {
font-size: 13px;
color: #1d1d1d;
}
.bottom-header {
background-color: #110717;
}
.bottom-header .container {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-menu__mobile-button,
.main-menu__mobile-button-close {
display: none;
}
.header-mobile {
display: none;
}
.bottom-header__search .bottom-header__input {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33333 13.1667C10.2789 13.1667 12.6667 10.7789 12.6667 7.83333C12.6667 4.88781 10.2789 2.5 7.33333 2.5C4.38781 2.5 2 4.88781 2 7.83333C2 10.7789 4.38781 13.1667 7.33333 13.1667Z' stroke='%236E6E73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0002 14.5003L11.1002 11.6003' stroke='%236E6E73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: left 8px center !important;
background-size: 16px !important;
padding-right: 40px;
}
.bottom-header__search .bottom-header__input::placeholder {
background-image: none !important;
}
.bottom-header__search input[type=search]::-webkit-search-decoration,
.bottom-header__search input[type=search]::-webkit-search-cancel-button {
display: none !important;
}
.bottom-header__search input[name=s] {
border-radius: 9999px;
padding: 8px 10px 8px 30px;
width: 190px;
font-size: 12px;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
border: 1px #ebebed solid;
background: #ebebed;
}
.bottom-header__search input[type=submit] {
display: none;
}
.header-search__searchSection-search {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2px;
}
.header-search__searchSection .search-form input {
margin-bottom: 0;
}
.bottom-header__search-close {
display: none;
z-index: 10;
}
.icon-search:before {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 19.5C15.4183 19.5 19 15.9183 19 11.5C19 7.08172 15.4183 3.5 11 3.5C6.58172 3.5 3 7.08172 3 11.5C3 15.9183 6.58172 19.5 11 19.5Z" stroke="%23333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.0004 21.5004L16.6504 17.1504" stroke="%23333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
}
.icon-close:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23891616" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
width: 10px;
height: 10px;
vertical-align: middle;
} .search-suggestions.hidden {
display: none;
}
.search-suggestions {
position: absolute;
top: 40px;
right: 0px;
border-radius: 20px;
padding: 10px;
width: 210px;
background: #fff;
box-shadow: 4px 3px 10px -2px #646464;
border: 1px solid #acadaf;
max-height: 400px;
overflow-y: auto;
z-index: 999;
}
.search-suggestions h4 {
font-size: 18px;
margin-bottom: 10px;
text-align: left;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-suggestions p {
font-size: 16px;
text-align: left;
font-family: "HelveticaNeueCyr", sans-serif;
color: #6e6e73;
margin-bottom: 10px;
}
.search-results {
display: flex;
flex-direction: column;
}
.search-suggestion {
padding: 5px 0;
cursor: pointer;
margin: 0;
}
.search-suggestion a {
color: #333333;
font-size: 16px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-suggestion:hover {
background: #f0f0f0;
}
.search-category-suggestions {
border: 1px solid #c9cacd;
border-radius: 5px;
padding: 5px;
font-size: 18px;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 10px;
}
.search-category-suggestions h4 {
font-weight: bold;
margin-bottom: 10px;
}
.search-result-item {
display: flex;
align-items: center;
padding: 5px 0;
}
.search-result-item a {
display: flex;
align-items: center;
justify-content: flex-start;
flex-basis: 100%;
font-size: 16px;
color: #1d1d1d;
transition: all 0.3s;
}
.search-result-item a:hover {
color: #6090c2;
} .search-main-container .search-header {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 28px;
margin-bottom: 10px;
color: #1d1d1d;
font-weight: 500;
}
.search-main-container .search-header-text {
display: flex;
align-items: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
color: #6e6e73;
margin-bottom: 10px;
}
.search-main-container .search-count-box {
display: flex;
background-color: #de8b57;
color: #fff;
justify-content: center;
align-items: center;
border-radius: 9px;
padding: 0px 9px;
margin: 0 5px;
}
.search-main-container .search-form {
display: flex;
align-items: center;
justify-content: space-between;
}
.search-main-container .search-form input {
padding: 9px 6px;
border: 1px solid #d0d5dd;
border-radius: 5px;
background: #fff;
margin-bottom: 20px;
}
.search-main-container .search-form input:nth-of-type(1) {
width: 75%;
font-size: 12px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-main-container .search-form input:nth-of-type(2) {
width: 23%;
text-align: center;
color: #1d1d1d;
text-transform: capitalize;
font-size: 12px;
transition: all 0.3s;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-main-container .search-form input:nth-of-type(2):hover {
color: #6090c2;
}
.search-main-container .category-suggestions h4 {
font-size: 20px;
font-weight: 500;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-main-container .cat-box__products {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.search-main-container .product-container {
display: flex;
flex-direction: row-reverse;
flex: 1 1 auto;
justify-content: flex-end;
align-items: center;
gap: 16px;
}
.search-main-container a.cat-box__products_a-container {
display: flex;
flex-direction: column;
height: auto;
flex: 1 1 auto;
width: 100%;
}
.search-main-container .cat-box__container {
display: flex;
position: relative;
background-color: #fff;
align-items: flex-start;
width: 100%;
}
.search-main-container .cat-box__products_product {
position: relative;
height: max-content !important;
width: 100%;
padding: 16px;
display: flex;
justify-content: space-between;
flex-direction: column;
border: 2px solid #f5f5f5;
cursor: pointer;
margin: 10px 0;
}
.search-main-container .cat-box__products_product-img-box {
width: 20%;
height: auto;
display: flex;
align-items: center;
margin: 0;
min-height: max-content;
}
.search-main-container .product__title {
margin-bottom: 16px;
text-transform: capitalize;
text-align: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #de8b57;
}
.search-main-container p {
font-size: 16px;
margin: 16px 0;
font-family: "HelveticaNeueCyr", sans-serif;
} @media screen and (max-width: 1099.98px) {
.header-search__searchSection {
gap: 10px;
}
.header-search .help-btn {
width: 120px;
}
.header-search .help-btn:after {
margin-left: 0;
}
}
@media screen and (max-width: 998.98px) {
.container {
padding: 0 90px;
}
.header-desktop {
display: none;
}
.header-mobile {
display: block;
position: relative;
}
.header-mobile .header__main {
position: relative;
}
.header-mobile .header__main .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 90px;
}
.header-mobile .header__main .container > a {
width: 32.5%;
min-width: 140px;
max-width: 200px;
}
.header-mobile .header__main .container > a img {
width: 100%;
}
.header-mobile .header__main .container .header__main_mobile-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.header-mobile .header__main .container .header__main_mobile-nav form {
display: none;
}
.header-mobile .header__main .container .header__main_mobile-nav .main-menu__mobile-button-search {
margin: 0 15px;
}
.bottom-header__search-container {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
bottom: 0;
left: 0;
position: absolute;
}
.bottom-header__search {
align-items: center;
}
.bottom-header__search > * {
height: 25px;
}
.bottom-header__search input[name=s] {
width: 200px;
margin: 5px 0;
font-family: "HelveticaNeueCyr", sans-serif;
border: 1px #ccc solid;
border-radius: 5px 0 0 5px;
background: #fff;
}
.bottom-header__search #searchsubmit {
display: block;
border-radius: 0 5px 5px 0;
width: 60px;
background: #ccc;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
}
.bottom-header .container {
width: 100%;
max-width: 100%;
}
.bottom-header .container .main-menu__mobile-button {
margin-left: 5vw;
}
.bottom-header .bottom-header__search {
margin-right: 5vw;
}
.bottom-header__search {
display: none;
}
.search-main-container .product__title {
font-size: 16px;
text-align: left;
}
}
.bottom-header__search {
position: relative;
}
@media screen and (max-width: 767.98px) {
.middle-header__logo {
width: 140px;
}
.search-main-container .product-container {
gap: 4px;
}
}
@media screen and (max-width: 575.98px) {
.middle-header .container-wider {
padding: 0 16px;
justify-content: space-evenly;
gap: 3px;
}
.middle-header__info h3 {
font-size: 16px;
}
.middle-header__info a {
font-size: 12px;
}
.middle-header__info em {
font-size: 12px;
}
.header__main .container {
padding: 16px !important;
}
.bottom-header__search-container {
position: relative;
bottom: 5%;
left: 1px;
}
.bottom-header__search input[name=s] {
padding: 5px;
font-size: 14px;
}
}
.main-page-line-menu {
background: #f7f7f7;
}
.main-page-line-menu ul {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.main-page-line-menu ul li {
flex-grow: 1;
flex-basis: auto;
font-family: Lato;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 0;
display: flex;
justify-content: center;
border-right: 1px #939393 solid;
}
.main-page-line-menu ul li a {
color: #707070;
}
.main-page-line-menu ul li a:hover {
color: #333333;
text-decoration: underline;
}
.main-page-line-menu ul li:last-child {
border-right: none;
}
@media screen and (max-width: 1299.98px) {
.main-page-line-menu ul li {
font-size: 18px;
text-align: center;
}
}
@media screen and (max-width: 991.98px) {
.main-page-line-menu ul li {
font-size: 15px;
}
.main-page-line-menu ul li:first-child {
border-left: none;
}
.main-page-line-menu ul li:last-child {
border-right: none;
}
}
@media screen and (max-width: 767.98px) {
.main-page-line-menu ul {
flex-direction: column;
padding: 0;
}
.main-page-line-menu ul li {
width: 100% !important;
border-right: none;
border-bottom: 1px #939393 solid;
font-size: 14px;
padding: 10px 0;
}
.main-page-line-menu ul li:last-child {
border-bottom: none;
}
}   .main-page-smartavi-products {
padding: 0 0 150px;
}
.main-page-smartavi-products__list {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
}
.main-page-smartavi-products__item {
padding: 24px;
border: none;
width: 100%;
background-color: #f8f9fa;
border-radius: 16px;
}
.main-page-smartavi-products__linkMore {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #de8b57;
background-color: transparent;
padding: 0;
text-transform: capitalize;
display: flex;
justify-content: center;
align-items: center;
}
.main-page-smartavi-products__linkMore:hover {
color: #d97b34;
border: none;
background-color: transparent;
}
.main-page-smartavi-products__linkMore:focus {
color: #d18025;
border: none;
background-color: transparent;
}
.main-page-smartavi-products__img {
width: 100%;
height: 100%;
margin-bottom: 0;
}
.main-page-smartavi-products__img img {
object-fit: cover;
}
.main-page-smartavi-products__item p {
display: -webkit-box;
-webkit-line-clamp: 4;
overflow: hidden;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #1d1d1d;
line-height: 1.3em;
}
.main-page-smartavi-products__wrapper {
margin-bottom: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 36px;
}
.main-page-smartavi-products__wrapper-imgBox {
border-radius: 8px;
overflow: hidden;
grid-column: 1/2;
grid-row: 1/3;
}
.main-page-smartavi-products__wrapper-textBox {
grid-column: 2/3;
grid-row: 1/2;
}
.main-page-smartavi-products__wrapper-imgLink {
height: 300px;
display: block;
}
.main-page-smartavi-products__wrapper-linkMore {
grid-column: 2/3;
grid-row: 2/3;
justify-items: self-end;
align-self: end;
}
.main-page-smartavi-products__item .main-page-smartavi-products__item-title {
-webkit-line-clamp: 2;
height: auto;
margin-bottom: 8px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
color: #1d1d1d;
text-align: left;
line-height: 1.3em;
}
@media (max-width: 1449.98px) {
.main-page-smartavi-products__wrapper-imgLink {
height: 300px;
display: block;
}
}
@media screen and (max-width: 1099.98px) {
.main-page-smartavi-products {
padding: 0 0 100px;
}
}
@media (max-width: 767.98px) {
.main-page-smartavi-products {
padding: 0 0 64px;
}
.main-page-smartavi-products__item {
padding: 24px 0;
}
.main-page-smartavi-products__item p {
font-size: 14px;
}
.main-page-smartavi-products__item .main-page-smartavi-products__item-title {
margin-bottom: 16px;
}
.main-page-smartavi-products__wrapper {
grid-template-columns: 1fr;
row-gap: 16px;
}
.main-page-smartavi-products__wrapper-textBox {
grid-column: 1/3;
grid-row: 1/2;
width: 100%;
padding: 0 24px;
}
.main-page-smartavi-products__wrapper-imgBox {
grid-column: 1/3;
grid-row: 2/3;
border-radius: 0;
}
.main-page-smartavi-products__wrapper-imgLink {
height: 185px;
}
.main-page-smartavi-products__wrapper-linkMore {
grid-column: 1/3;
grid-row: 3/4;
justify-self: self-start;
padding: 0 24px;
}
}   .main-page-smartavi-clients {
padding: 0 0 150px;
}
.main-page-smartavi-clients__container {
padding: 0;
}
.smartavi-clients-container__slider-box {
border: none;
width: 100%;
}
.smartavi-clients-container__slider-box .owl-item .img-container {
padding: 0;
width: 175px;
height: 100px;
background: #fff;
border-radius: 16px;
}
.smartavi-clients-container__slider-box .owl-carousel .owl-item img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
}
@media screen and (max-width: 1199.98px) {
.main-page-smartavi-clients {
padding: 0 0 100px;
}
}
@media screen and (max-width: 991.98px) {
.main-page-smartavi-clients__container {
width: 100%;
padding: 40px 0;
}
}
@media screen and (max-width: 767.98px) {
.main-page-smartavi-clients {
padding: 0 0 64px;
}
.owl-item .img-container {
width: 140px;
height: 65px;
}
}   .main-page__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
color: #1d1d1d;
text-transform: capitalize;
margin-bottom: 48px;
}
.main-page-smartavi-categories {
padding: 0 0 150px;
}
.main-page-smartavi-categories h3 {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
color: #1d1d1d;
text-transform: capitalize;
margin-bottom: 8px;
}
.main-page-smartavi-categories__wrapper {
padding: 24px 16px;
border-radius: 0 0 16px 16px;
background: #f8f9fa;
min-height: 190px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main-page-smartavi-categories__text-wrapper {
padding: 0;
margin-bottom: 20px;
}
.main-page-smartavi-categories__item p {
font-weight: 500;
font-size: 16px;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
line-height: 1.3em;
}
.main-page-smartavi-categories__linkMore {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #de8b57;
background-color: transparent;
padding: 0;
text-transform: capitalize;
display: flex;
align-items: center;
}
.main-page-smartavi-categories__linkMore:hover {
color: #d97b34;
border: none;
background-color: transparent;
}
.main-page-smartavi-categories__linkMore:focus {
color: #d18025;
border: none;
background-color: transparent;
}
.main-page-smartavi-categories__link {
justify-content: flex-start;
}
.main-page-smartavi-categories__item {
padding-bottom: 0;
border: none;
flex-grow: 1;
flex-shrink: 1;
min-width: 300px;
}
.main-page-smartavi-categories__img-wrapper {
border-radius: 16px 16px 0 0;
height: 470px;
width: 100%;
}
.main-page-smartavi-categories__list {
display: flex;
flex-direction: row;
gap: 16px;
}
@media screen and (max-width: 1199.98px) {
.main-page-smartavi-categories__img-wrapper {
height: 400px;
}
}
@media screen and (max-width: 1099.98px) {
.main-page-smartavi-categories__img-wrapper {
height: 370px;
}
.main-page-smartavi-categories {
padding: 0 0 100px;
}
.main-page-smartavi-categories__list {
gap: 16px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 799.98px) {
.main-page-smartavi-categories__item {
width: 100%;
}
.main-page-smartavi-categories {
padding: 0 0 64px;
}
}
@media screen and (max-width: 769.98px) {
.main-page-smartavi-categories__list {
flex-direction: column;
}
.main-page__sub-title {
font-size: 24px;
margin-bottom: 36px;
}
}
@media screen and (max-width: 575.98px) {
.main-page-smartavi-categories__item {
flex-basis: 100%;
max-width: 100%;
}
}   .main-page-banner {
position: relative;
width: 100%;
height: 590px;
overflow: hidden;
margin-bottom: 64px;
}
.main-page-banner__image {
width: 100%;
display: block;
object-fit: cover;
height: 590px;
}
.main-page-banner .desktop-image {
display: block;
}
.main-page-banner__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
width: 100%;
max-width: 930px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.main-page-banner__content h2 {
font-size: 64px;
font-weight: 700;
margin-bottom: 16px;
}
.main-page-banner__content p {
font-size: 16px;
margin-bottom: 36px;
max-width: 550px;
font-size: 16px;
line-height: 1.3em;
}
.main-page-banner__buttons {
display: flex;
justify-content: center;
gap: 20px;
}
.main-page-banner .button-primary,
.main-page-banner .button-secondary {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: 400;
color: #fff;
border: 1px solid #6090c2;
border-radius: 28px;
padding: 8px 16px;
width: 250px;
height: 40px;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
.main-page-banner .button-primary {
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
font-weight: 500;
color: #fff;
border: 1px solid #6090c2;
}
.main-page-banner .button-primary:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transform: scale(1.1);
}
.main-page-banner .button-primary:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
.main-page-banner .button-primary:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.main-page-banner .button-secondary {
background-color: #fff;
color: #000;
border: 1px solid #6090c2;
}
.main-page-banner .button-secondary:hover {
color: #0b2d52;
border: 1px solid #3e75af;
transform: scale(1.1);
}
.main-page-banner .button-secondary:focus {
color: #577fa8;
border: 1px solid #557ca6;
transform: scale(1.1);
}
@media (max-width: 768px) {
.main-page-banner {
height: 580px;
}
.main-page-banner__content {
width: 100%;
padding: 10px;
}
.main-page-banner__content h2 {
font-size: 36px;
}
.main-page-banner__content p {
line-height: 1.3em;
}
.main-page-banner__buttons {
flex-direction: column;
gap: 10px;
}
.desktop-image {
display: none;
}
.mobile-image {
display: block;
}
}
@media screen and (max-width: 575.98px) {
.main-page-banner__content p {
width: 325px;
}
.main-page-banner .button-primary,
.main-page-banner .button-secondary {
width: 345px;
}
}   .container {
width: 100%;
padding: 0 230px;
}
.container-wider {
padding: 0 90px;
max-width: 100%;
}
@media screen and (max-width: 1299.98px) {
.container {
padding: 0 150px;
}
}
@media screen and (max-width: 992.98px) {
.container {
padding: 0 90px;
}
}
@media screen and (max-width: 575.98px) {
.container {
padding: 0 16px;
}
}
.main-page-smartavi-clients__container,
.products-category-container .container,
.main-page-smartavi-clients__container {
padding-top: 20px;
}
.main-page-smartavi-clients__container {
padding-bottom: 20px;
}
footer {
margin-top: 20px;
}
.main-page-line-menu {
margin-bottom: 20px;
}
.featured-product-item {
max-width: 320px;
display: flex;
margin: 0 auto;
}
.featured-product-item__img {
min-width: 50%;
max-width: 50%;
padding: 5px;
display: flex;
align-items: center;
}
.featured-product-item__img img {
width: 100%;
}
.featured-product-item__info {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 5px;
}
.featured-product-item__title {
font-size: 20px;
font-weight: bold;
color: #000;
margin-bottom: 5px !important;
}
.smartavi-clients-container__slider-products .featured-product-item__title {
color: #e78235;
}
.featured-product-item__title-news {
position: relative;
margin-bottom: 20px !important;
color: #666;
}
.featured-product-item__title-news:after {
content: "";
width: 30px;
height: 2px;
position: absolute;
bottom: -10px;
left: 0;
background: #ccc;
}
.featured-product-item__description {
font-size: 14px;
color: #999;
}
.featured-product-item__button {
width: max-content;
border: 1px #ccc solid;
background: #fff;
color: #999;
border-radius: 2px;
padding: 5px 15px;
margin-top: 5px;
cursor: pointer;
}
.featured-product-item__button i {
margin-left: 20px;
color: #999;
}
.featured-product-item:hover .featured-product-item__description,
.featured-product-item:hover .featured-product-item__button,
.featured-product-item:hover .featured-product-item__button i {
color: #428bca;
}
.featured-product-item:hover .featured-product-item__button {
border: 1px #428bca solid;
}
.featured-product-item__date {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 10px 5px;
min-width: 30%;
max-width: 30%;
font-family: Arial;
}
.featured-product-item__date span {
font-size: 14px;
color: #999;
display: block;
margin-left: 5px;
}
.featured-product-item__date b {
font-size: 46px;
color: #1f5fa5;
font-weight: 900;
margin-top: -6.5px;
}
.smartavi-clients-container__slider-products,
.smartavi-clients-container__slider-news {
padding: 20px;
}
.main-page-featured-products-slider-item {
max-width: 300px;
margin: 0 auto;
}
.featured-product-item__info h4 {
font-size: 14px;
margin-top: 5px;
font-weight: bold;
font-family: "Arial";
color: #1f5fa5;
}   .container.container-404 {
padding-bottom: 150px;
}
@media (max-width: 768px) {
.container.container-404 {
padding-bottom: 100px;
}
}
.container-404-main {
display: flex;
flex-direction: column;
}
.container-404-main__content-box {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.container-404 h1,
.container-404 h2 {
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
}
.container-404 .container-404__title {
font-weight: 500;
font-size: 28px;
text-align: center;
margin-bottom: 24px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.container-404 .container-404__result {
margin-bottom: 20px;
font-weight: 700;
font-size: 144px;
text-align: center;
color: #6090c2;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 36px;
}
.container-404 .container-404__resultText {
margin: 0 auto 50px;
max-width: 600px;
text-align: center;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4em;
text-align: center;
margin-bottom: 24px;
}
.container-404 .container-404__title-popularSection {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.3em;
text-align: center;
color: #000;
margin: 40px auto 40px;
}
.product-item {
width: calc(25% - 6px);
border: 1px solid #f5f5f5;
padding: 12px;
gap: 24px;
}
.product-item .product_readMore-icon {
align-self: flex-end;
}
.product-item:hover {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
transition: 0.5s;
}
.product-item:hover .product-item__info-container p {
color: #6090c2;
}
a.product-item__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.container-404 .product-item__info-container_header {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 14px;
text-align: center;
color: #de8b57;
}
.product-item__img-container {
min-width: 200px;
max-width: 200px;
margin: 0 0 12px;
min-height: 110px;
max-height: 110px;
}
.product-item__img-container img {
width: 100%;
}
.container-404-main__content-box_img-container {
width: 50%;
padding: 10px;
}
.container-404-main__content-box_img-container img {
width: 100%;
}
.product-item__info-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.product-item__info-container p {
text-align: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.3em;
color: #1d1d1d;
transition: 0.5s;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
border-top: 1px solid #f5f5f5;
padding-top: 12px;
margin-bottom: 12px;
}
.container-404 .main-page-banner__buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.container-404-main__content-box_info-container {
width: 100%;
}
.container-404 .button-primary,
.container-404 .button-secondary {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: 400;
border: 1px solid #6090c2;
border-radius: 28px;
padding: 8px 16px;
width: 250px;
height: 40px;
font-family: "HelveticaNeueCyr", sans-serif;
color: #fff;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
.container-404 .button-secondary {
color: #1d1d1d;
background: #e9ecef;
border: transparent;
}
.container-404 .button-secondary:hover {
color: #0b2d52;
border: 1px solid #3e75af;
transform: scale(1.1);
}
.container-404 .button-secondary:focus {
color: #577fa8;
border: 1px solid #557ca6;
transform: scale(1.1);
}
.container-404 .button-primary {
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.container-404 .button-primary:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transform: scale(1.1);
}
.container-404 .button-primary:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
.container-404 .button-primary:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
color: #fff;
}
@media (max-width: 1200px) {
.product-item {
width: calc(33.33% - 8px);
}
.container-404-main__content-box {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.product-item {
background: transparent;
color: #1d1d1d;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
width: 100%;
}
}   footer {
background-color: #1d1d1d;
margin: 0;
font-family: "HelveticaNeueCyr", sans-serif;
padding: 0 0 30px;
}
footer .container {
padding: 0 90px;
}
.top-footer {
background-color: #e1e3e5;
border-color: transparent;
padding: 15px 230px;
}
.top-footer .container {
padding: 0;
}
.top-footer__list {
display: flex;
gap: 25px;
height: 60px;
align-items: center;
padding: 0;
justify-content: space-between;
}
.top-footer__item {
display: flex;
align-items: center;
height: 100%;
}
.taa-logo,
.iso-logo,
.niap-logo,
.made-logo,
.flag-usa {
width: 100%;
height: auto;
max-height: 100%;
}
.top-footer__item a {
height: 100%;
}
.footer__container {
display: flex;
justify-content: space-between;
align-items: self-start;
gap: 100px;
flex-wrap: wrap;
padding: 100px 0 80px;
}
.footer__container a {
color: #fff;
}
.footer__container a:hover {
color: #68a1de;
opacity: 0.7;
}
.footer__container a:focus {
color: #446a91;
opacity: 0.7;
}
.footer-menu {
display: flex;
justify-content: space-between;
gap: 165px;
font-size: 14px;
font-weight: 500;
opacity: 0.7;
}
.footer-menu > li > a {
font-size: 14px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
opacity: 1;
}
.footer-menu > li > a:hover {
color: #68a1de;
opacity: 0.7;
}
.footer-menu > li > a:focus {
color: #446a91;
opacity: 0.7;
}
.footer-menu .sub-menu {
display: flex;
flex-direction: column;
gap: 10px;
list-style-type: none;
padding-left: 0;
margin-top: 15px;
}
.footer-menu .sub-menu li > a {
color: #fff;
font-size: 14px;
font-weight: normal;
opacity: 0.7;
}
.footer-menu .sub-menu li > a:hover {
color: #6090c2;
opacity: 0.7;
}
.footer__contacts-part {
display: flex;
flex-direction: column;
justify-content: center;
align-items: self-start;
gap: 30px;
flex-basis: 350px;
}
.footer__contacts-part .footer_contact-info {
font-size: 16px;
display: flex;
flex-direction: column;
gap: 10px;
border: none;
}
.footer__contacts-part .footer__CTAtext {
font-size: 12px;
color: #fff;
opacity: 0.8;
}
.footer__phones,
.footer__email,
.footer__address {
position: relative;
padding-left: 25px;
margin-bottom: 0;
}
.footer__phones::before,
.footer__email::before,
.footer__address::before {
display: block;
content: "";
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 2px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.footer__phones::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconPhone.svg);
}
.footer__email::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconEmail.svg);
}
.footer__address::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconLocation.svg);
}
.footer__email a {
text-decoration: none;
}
.footer__copyright {
font-weight: 500;
font-size: 14px;
text-align: center;
color: #fff;
opacity: 0.6;
padding: 25px 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__socials {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
}
.footer__socials li a {
position: relative;
display: inline-block;
width: 36px;
height: 36px;
transition: all 0.2s ease-in;
}
.footer__socials li a:hover {
transform: scale(1.1);
}
.footer__socials-Twitter::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconX.svg);
}
.footer__socials-Linkedin::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconLinkedin.svg);
}
.footer__socials-Youtube::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconYoutube.svg);
}
.footer__socials-Facebook::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconFacebook.svg);
}
.footer__socials li a::before {
display: block;
content: "";
width: 36px;
height: 36px;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
} @media screen and (max-width: 1445px) {
.top-footer__list {
height: 45px;
}
}
@media screen and (max-width: 1299.98px) {
.top-footer {
padding: 10px 150px;
}
}
@media screen and (max-width: 1199.98px) {
.footer__right-part .footer-menu > li > a {
margin-bottom: 30px;
font-size: 20px;
}
.footer__right-part .footer-menu > li > ul li {
font-size: 14px;
}
}
@media screen and (max-width: 991.98px) {
.top-footer {
padding: 15px 90px;
}
footer {
padding: 0 0 30px;
}
.footer__container {
justify-content: center;
padding: 60px 0 60px;
gap: 60px;
}
.footer_contact-info.socials {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
}
@media screen and (max-width: 575.98px) {
footer .container {
padding: 0 16px;
}
.footer-menu {
justify-content: space-around;
gap: 50px;
}
.footer__contacts-part {
flex-basis: 100%;
}
.footer__menu-part {
flex-basis: 100%;
}
.top-footer {
padding: 10px 16px;
}
}   .modal-help {
width: 75vw;
height: 98vh;
background-color: #fff;
padding: 10px 20px;
border-radius: 5px;
}
.modal-help .common-title {
padding: 8px 0;
margin-bottom: 0;
color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 20px;
background-color: #6090c2;
}
.modal-help .common-container {
padding: 10px;
}
.modal-help .common-form {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 17px;
font-weight: 500;
}
.modal-help .common-form .common-submit-btn {
margin: 0 auto;
}
.modal__button-close {
height: 10px;
margin-bottom: 5px;
}
@media screen and (max-width: 1100px) {
.modal-help {
padding: 20px 30px;
}
}
@media screen and (max-width: 640px) {
.modal-help {
width: 90vw;
height: 90vh;
padding: 15px 25px 30px;
}
}    .container.partner-container {
padding-bottom: 150px;
}
.partner-section .signup-button {
position: absolute;
bottom: -70px;
right: 15px;
display: block;
min-width: 90px;
padding: 7px 16px;
color: #6090c2;
background-color: #fff;
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
}
.partner-section .signup-button:hover {
border: 0.5px solid #fff;
background-color: #6090c2;
color: #fff;
}
.partner-section .signup-button__blue {
display: block;
width: 91px;
padding: 7px 16px;
margin: 0 auto;
background-color: #6090c2;
color: #fff;
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border: solid 1px transparent;
cursor: pointer;
}
.partner-section .signup-button__blue:hover {
color: #6090c2;
border-color: #6090c2;
background-color: #fff;
}
.partner-container .partner-container__sub-title {
text-decoration-line: none;
text-transform: capitalize;
margin-bottom: 50px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.3em;
color: #231e15;
}
.partner-container p {
margin-bottom: 56px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.4em;
color: #1d1d1d;
}
.partner-container ul {
display: flex;
flex-direction: column;
gap: 56px;
padding: 0;
margin-bottom: 40px;
margin-top: 0;
}
.partner-container .partner-options__title {
text-decoration-line: none;
text-transform: capitalize;
margin-bottom: 0;
margin-left: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.3em;
color: #231e15;
min-width: 28%;
}
.partner-options__item {
position: relative;
display: flex;
align-items: center;
gap: 0;
}
.partner-options__item:nth-child(2n) {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
}
.partner-options__wrapper-text {
width: 100%;
display: flex;
gap: 80px;
justify-content: space-between;
}
.partner-options__wrapper-text p {
margin-bottom: 0;
}
.CTA-partners-box {
margin: 0 auto;
width: 100%;
padding: 48px 0;
background: #f8f9fa;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.CTA-partners-box__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 48px;
color: #000;
text-align: center;
}
.CTA-partners-box__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #858585;
width: 45%;
text-align: center;
margin-bottom: 10px;
}
.CTA-partners-box__signup-button {
text-transform: none;
cursor: pointer;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
font-weight: 500;
color: #fff;
border: 1px solid #6090c2;
transition: all 1s ease;
text-decoration: none;
border-radius: 28px;
padding: 8px 16px;
width: 250px;
height: 40px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.CTA-partners-box__signup-button:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.CTA-partners-box__signup-button:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
}
.CTA-partners-box__signup-button:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
transform: scale(1.1);
} @media (max-width: 768px) {
.partner-container p {
font-size: 16px;
}
.container.partner-container {
padding-bottom: 100px;
}
.partner-container .partner-container__sub-title {
font-size: 24px;
margin-bottom: 24px;
}
.partner-options__wrapper-text {
gap: 16px;
flex-direction: column;
}
.partner-container ul {
gap: 35px;
}
.CTA-partners-box {
padding: 36px 16px;
}
.CTA-partners-box__title {
font-size: 36px;
}
.CTA-partners-box__text {
font-size: 14px;
width: 60%;
}
.CTA-partners-box__signup-button {
width: 300px;
}
}
@media (max-width: 576px) {
.container.partner-container {
padding: 0 16px !important;
}
.partner-container ul {
margin: 0 0 100px;
}
.CTA-partners-box__text {
width: 90%;
}
} .section-sign-up {
padding-bottom: 100px;
}
.section-sign-up .sign-up-container {
display: flex;
flex-direction: column;
}
.section-sign-up .sign-up-container p {
font-family: "HelveticaNeueCyr", sans-serif;
line-height: 1.65em;
font-weight: 400;
font-size: 20px;
color: #1d1d1d;
}
.section-sign-up .sign-up-container .modal {
border-radius: 4px;
}
.section-sign-up .sign-up-container .modal__text {
line-height: 1.2em;
font-weight: 600;
font-size: 24px;
margin-bottom: 10px;
color: #6e6e73;
font-family: "HelveticaNeueCyr", sans-serif;
}
.section-sign-up .sign-up-container .common-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
text-transform: capitalize;
color: #000;
line-height: 1em;
margin-bottom: 0;
text-align: left;
background: none;
width: 100%;
}
.section-sign-up .sign-up-container__checkbox-container {
margin: 40px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.section-sign-up .sign-up-container__checkbox-container label {
flex-direction: row;
align-items: center;
margin-top: 5px;
}
.section-sign-up .sign-up-container__checkbox-container label input {
margin: 5px 5px 0 15px;
}
.section-sign-up .sign-up-container__checkbox-container_div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin-top: 0;
}
.section-sign-up .sign-up-container__checkbox-container_div span {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
color: #1d1d1d;
}
.section-sign-up .sign-up-container__checkbox-container_div br {
display: none;
}
.section-sign-up .sign-up-container form {
display: flex;
flex-direction: column;
width: 100%;
padding-bottom: 16px;
border: 0.5px transparent solid;
border-radius: 8px;
}
.section-sign-up .sign-up-container form label {
display: flex;
flex-direction: column;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
flex: 1 1 calc(50% - 8px);
min-width: 250px;
}
.section-sign-up .sign-up-container form label p {
margin-bottom: 5px;
}
.section-sign-up .sign-up-container form label input:nth-of-type(2),
.section-sign-up .sign-up-container form label input:nth-of-type(3),
.section-sign-up .sign-up-container form label p:nth-of-type(3),
.section-sign-up .sign-up-container form label p:nth-of-type(4) {
margin-top: 20px;
margin-bottom: 0;
}
.section-sign-up .sign-up-container form h3 {
margin-top: 20px;
font-size: 22px;
}
.section-sign-up .sign-up-container form input[type=submit] {
display: block;
margin: 0 auto;
font-family: "HelveticaNeueCyr", sans-serif;
border: 0.5px solid transparent;
font-size: 16px;
text-transform: capitalize;
cursor: pointer;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
font-weight: 400;
color: #fff;
border-radius: 28px;
padding: 12px 16px;
width: 40%;
transition: all 1s ease;
}
.section-sign-up .sign-up-container form input[type=submit]:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
}
.section-sign-up .sign-up-container form input[type=submit]:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
}
.section-sign-up .sign-up-container input {
width: 100%;
padding: 16px;
border: 1px solid #dee2e6;
border-radius: 4px;
background: #fff;
margin-bottom: 5px;
}
.section-sign-up .sign-up-container input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.section-sign-up .sign-up-container input[type=checkbox] {
width: unset;
}
.section-sign-up .sign-up-container input[type=submit] {
width: max-content;
font-family: "HelveticaNeueCyr";
font-weight: 400;
border: 0;
border-radius: 4px;
padding: 10px 30px;
font-size: 14px;
text-transform: uppercase;
background-color: #1f8ccc;
color: #fff;
cursor: pointer;
margin-top: 20px;
}
.section-sign-up .sign-up-container input[type=submit]:hover {
background-color: #ff4d3f;
}
.section-sign-up .sign-up-container h3 {
font-size: 30px;
margin: 20px 0;
color: #2a2b2c;
font-weight: normal;
}
.section-sign-up .sign-up__input-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 16px;
row-gap: 24px;
padding: 36px 36px 24px;
margin-bottom: 20px;
justify-content: space-between;
background: #fff;
border: 1px solid #d0d5dd;
border-radius: 8px;
width: 100%;
}
.section-sign-up .sign-up__input-wrapper:last-of-type {
padding: 0;
border: none;
}
.section-sign-up .section-sign-up__text {
margin-bottom: 20px;
}
.section-sign-up .common-submit-btn {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
border: none;
outline: none;
cursor: pointer;
border-radius: 28px;
padding: 8px 16px;
width: 80%;
height: 40px;
margin: 8px auto;
font-size: 14px;
color: #fff;
text-transform: capitalize;
position: relative;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.section-sign-up .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.section-sign-up .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
} @media (max-width: 991.99px) {
.section-sign-up {
padding-bottom: 50px;
}
}
@media (max-width: 768px) {
.section-sign-up {
padding-bottom: 30px;
}
.section-sign-up .sign-up-container input[type=submit] {
width: 100% !important;
}
.section-sign-up .sign-up-container p {
font-size: 16px;
}
.section-sign-up .sign-up__input-wrapper {
padding: 36px 16px 24px;
}
}    .rma-form-section {
margin: 0 auto;
padding-top: 0;
padding-bottom: 150px;
}
@media (max-width: 768px) {
.rma-form-section {
padding-bottom: 100px;
}
}
.rma-form-section__wrapper {
border: 1px solid #d0d5dd;
border-radius: 8px;
padding: 24px 16px;
}
.rma-form-container {
display: flex;
flex-direction: column;
gap: 30px;
}
.rma-form-section__title {
margin-bottom: 10px;
text-decoration-line: none;
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
color: #231e15;
}
.rma-form-section__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #1d1d1d;
}
.rma-form-section__text a {
color: #6090c2;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
line-height: 1.4em;
text-decoration-line: none;
}
@media screen and (max-width: 1200px) {
.rma-form-section__text {
font-size: 14px;
}
.rma-form-section__text a {
font-size: 14px;
}
}
@media screen and (max-width: 992px) {
.rma-form-section__title {
margin-bottom: 15px;
font-size: 20px;
}
.rma-form-container .common-title {
font-size: 20px;
}
} .rma-form-container .common-form {
width: 100%;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
border: 1px solid #d0d5dd;
border-radius: 8px;
padding: 36px;
}
.rma-form-container .common-wrapper {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.rma-form-container .common-wrapper div {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.rma-form-container .common-title {
padding: 0;
margin-bottom: 24px;
text-align: left;
background-color: transparent;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.3em;
text-transform: capitalize;
color: #000;
}
.rma-form-container .common-container {
padding: 0;
}
.rma-form-container .common-form label {
display: flex;
flex-direction: column;
margin-bottom: 10px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.4em;
color: #000;
width: calc(50% - 8px);
flex-grow: 1;
}
.rma-form-container .common-form input {
width: 100%;
height: 48px;
margin-top: 8px;
font-size: 14px;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 13px 16px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.rma-form-container .common-form input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.rma-form-container .common-form select {
width: 100%;
height: 48px;
margin-top: 8px;
font-size: 14px;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 13px 16px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.rma-form-container .common-form select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.rma-form-container .common-form option {
font-family: "HelveticaNeueCyr", sans-serif;
}
.rma-form-container .common-form textarea {
width: 100%;
height: 114px;
margin: 10px auto;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 13px 16px;
font-size: 14px;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
resize: vertical;
}
.rma-form-container .common-form textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.rma-form-container .common-form .common-submit-btn {
width: 100%;
height: 40px;
margin: 8px auto;
text-align: center;
color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
text-transform: capitalize;
cursor: pointer;
font-weight: 500;
border-radius: 28px;
padding: 8px 16px;
border: none;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.rma-form-container .common-form .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
color: #fff;
}
.rma-form-container .common-form .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
color: #fff;
}
.rma-form-container .wpcf7 form.sent .wpcf7-response-output {
display: none;
}
.rma-form-container .backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(102, 102, 102, 0.7);
opacity: 1;
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.rma-form-container .backdrop.is-hidden {
visibility: hidden;
pointer-events: none;
opacity: 0;
}
.rma-form-container .disabled-scroll {
position: relative;
overflow: hidden;
height: 100vw;
}
@media screen and (max-width: 768px) {
.rma-form-container .common-form {
padding: 24px 16px;
}
.rma-form-container .common-form label {
width: 100%;
}
}   .custom-video-walls-page {
padding-bottom: 150px;
}
.custom-video-walls-page .main-category-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1em;
color: #000;
text-transform: capitalize;
margin: 0 auto 8px;
}
.video-walls-cards-container {
display: flex;
justify-content: space-between;
gap: 16px;
}
.video-walls-cards-container .video-walls-card {
padding: 0px 0 24px;
display: flex;
flex-direction: column;
width: calc(33% - 8px);
height: 100%;
border: none;
background: #fff;
border: 1px solid #f5f5f7;
border-radius: 8px;
justify-content: space-between;
align-items: center;
}
.video-walls-cards-container .video-walls-card__image-box {
padding: 0;
margin-bottom: 30px;
height: 285px;
overflow: hidden;
}
.video-walls-cards-container .video-walls-card__image-box img {
margin: 0 auto;
width: 100%;
object-fit: cover;
height: 100%;
transition: transform 0.3s ease-in-out;
}
.video-walls-cards-container .video-walls-card__title {
padding: 0px 16px;
text-transform: capitalize;
font-weight: 700;
font-size: 20px;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
text-align: left;
height: 30px;
margin-bottom: 12px;
}
.video-walls-cards-container .video-walls-card__description {
padding: 0px 16px 24px;
}
.video-walls-cards-container .video-walls-card__description p {
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
}
.video-walls-cards-container .video-walls-card__linkMore {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
padding: 0;
text-transform: capitalize;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
padding: 8px 16px;
width: 90%;
margin: 0 auto;
height: 36px;
transition: all 0.3s;
align-self: center;
}
.video-walls-cards-container .video-walls-card__linkMore:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%) !important;
}
.video-walls-cards-container .video-walls-card__linkMore:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%) !important;
}
.video-walls-cards-container .video-walls-card {
transition: all 0.5s;
}
.video-walls-cards-container .video-walls-card:hover {
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}
.video-walls-card:hover .video-walls-card__image-box img {
transform: scale(1.1);
}
@media (max-width: 1445px) {
.video-walls-cards-container .video-walls-card__image-box {
height: 200px;
}
}
@media (max-width: 1200px) {
.video-walls-cards-container .video-walls-card__title {
height: 40px;
}
}
@media screen and (max-width: 992px) {
.video-walls-cards-container {
flex-wrap: wrap;
justify-content: space-evenly;
}
.video-walls-cards-container .video-walls-card {
width: calc(50% - 8px);
}
.video-walls-cards-container .video-walls-card__title {
height: 20px;
}
.custom-video-walls-page .category-description {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.custom-video-walls-page {
padding-bottom: 100px;
}
.video-walls-cards-container .video-walls-card {
width: 100%;
}
.video-walls-cards-container .video-walls-card__image-box {
height: 140px;
}
.custom-video-walls-page .main-category-title {
font-size: 20px;
text-align: left;
margin-bottom: 10px;
}
.custom-video-walls-page .category-description {
margin-bottom: 20px !important;
text-align: left;
padding: 0;
}
.video-walls-cards-container .video-walls-card__title {
padding: 0;
}
.video-walls-cards-container .video-walls-card__description {
padding: 0px 0 24px;
}
}
  @font-face {
font-family: "HelveticaNeueCyr";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot);
src: local("HelveticaNeueCyr-Medium"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot?#iefix) format("embedded-opentype"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff2) format("woff2"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff) format("woff"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "HelveticaNeueCyr";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueBoldCondensed.woff2) format("woff2"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueBoldCondensed.woff) format("woff"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueBoldCondensed.ttf) format("truetype"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/HelveticaNeue/HelveticaNeueBoldCondensed.eot?#iefix) format("embedded-opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Readex Pro";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/ReadexPro/ReadexPro-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Readex Pro";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/ReadexPro/ReadexPro-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Readex Pro";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/ReadexPro/ReadexPro-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Gilroy";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.eot);
src: local("Gilroy Regular"), local("Gilroy-Regular"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.woff2) format("woff2"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.woff) format("woff"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy/Gilroy-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.eot);
src: local("Gilroy Medium"), local("Gilroy-Medium"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.woff2) format("woff2"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.woff) format("woff"), url(//smartavi.com/wp-content/themes/smartavi-child/fonts/Gilroy-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}    * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
overflow-x: hidden;
}
html,
body {
height: 100%;
}
header,
.wrapper,
footer {
box-sizing: border-box;
}
.wrapper {
flex-grow: 1;
}
body {
background-color: #fff;
display: flex;
flex-direction: column;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 20px;
color: #333;
}
@media (max-width: 768px) {
body {
font-size: 16px;
}
}
.general-page-title-box {
min-height: 260px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 36px;
position: relative;
padding: 16px;
text-align: center;
}
.general-page-title-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//smartavi.com/wp-content/uploads/2025/08/page-background-Earth-scaled.jpg);
background-size: cover;
background-position: 0 93%;
transform: rotate(180deg);
filter: brightness(0.5);
z-index: 0;
}
.general-page-title-box__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1em;
color: #fff !important;
position: relative;
z-index: 1;
padding: 0 5%;
line-height: 1.4em;
z-index: 1;
width: 50%;
}
@media (max-width: 768px) {
.general-page-title-box__text {
font-size: 14px;
width: 90%;
}
}
.general-page-title-box__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.5em;
color: #fff;
z-index: 1;
width: 55%;
}
@media (max-width: 992px) {
.general-page-title-box__title {
width: 85%;
}
}
@media (max-width: 768px) {
.general-page-title-box__title {
font-size: 36px;
width: 90%;
}
}
@media (max-width: 768px) {
.general-page-title-box {
min-height: 160px;
margin-bottom: 24px;
}
} .breadcrumbs-container-white {
background: #fff;
}
.breadcrumbs {
font-family: "HelveticaNeueCyr", sans-serif;
padding: 24px 0;
display: flex;
align-items: center;
gap: 0;
flex-wrap: wrap;
}
.breadcrumbs span {
padding: 6px 2px;
font-size: 12px;
}
.breadcrumbs span a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
color: #343434;
}
.breadcrumbs span a:hover {
color: #68a1de;
transition: 0.5s;
}
.breadcrumbs span a:focus {
color: #446a91;
transition: 0.5s;
}
.breadcrumbs span a::after {
content: url('data:image/svg+xml;utf-8,<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.646447 0.146447C0.451184 0.341709 0.451184 0.658291 0.646447 0.853553L3.79289 4L0.646447 7.14645C0.451185 7.34171 0.451185 7.65829 0.646447 7.85355C0.841709 8.04882 1.15829 8.04882 1.35355 7.85355L4.85355 4.35355C5.04882 4.15829 5.04882 3.84171 4.85355 3.64645L1.35355 0.146447C1.15829 -0.0488155 0.841709 -0.0488155 0.646447 0.146447Z" fill="%230A1424"/></svg>');
display: inline-block;
margin: 0 0 0 12px;
width: 12px;
height: 12px;
position: relative;
top: 0;
}
.breadcrumbs > span:last-child {
color: #6090c2;
font-size: 12px;
}
.breadcrumbs-back-button {
background: none;
border: none;
cursor: pointer;
padding: 0;
margin-right: 12px;
display: flex;
margin-top: 3px;
}
@media (max-width: 768px) {
.breadcrumbs {
font-family: "HelveticaNeueCyr", sans-serif;
padding: 8px 0 16px;
}
.breadcrumbs span a::after {
margin: 0 0 0 4px;
}
.breadcrumbs span {
font-size: 11px;
}
} .aboutus-section {
margin: 0 auto;
padding-top: 0;
padding-bottom: 90px;
background: #fff;
}
.aboutus-section__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 64px;
color: #fff;
padding: 5%;
}
.aboutus-section__sub-title {
text-decoration-line: none;
text-transform: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
color: #231e15;
line-height: 1.5em;
margin-bottom: 0;
}
.aboutus-section_info {
display: flex;
flex-direction: column;
gap: 36px;
margin-bottom: 0;
}
.aboutus-section_infoBox {
display: flex;
flex-direction: column;
gap: 24px;
}
.aboutus-section_infoBox p,
.aboutus-section_infoBox ul {
margin-bottom: 12px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #1d1d1d;
}
.aboutus-page-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.aboutus-page-list__item {
position: relative;
margin-left: 12px;
}
.aboutus-page-list__item::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #f98025;
top: 9px;
left: -12px;
}
@media (max-width: 992px) {
.aboutus-section__title {
font-size: 48px;
}
.aboutus-section_info {
gap: 32px;
}
}
@media (max-width: 768px) {
.aboutus-section_infoBox p,
.aboutus-section_infoBox ul {
font-size: 16px;
}
.aboutus-section_info {
gap: 24px;
}
.aboutus-section__title {
font-size: 24px;
}
.aboutus-section__sub-title {
font-size: 24px;
}
.aboutus-section_infoBox {
gap: 16px;
}
} .company-section {
margin: 0 auto;
padding-top: 0;
padding-bottom: 150px;
background: #fff;
}
.company-section__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
color: #fff;
z-index: 5;
}
.company-section__sub-title {
text-decoration-line: none;
text-transform: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
color: #231e15;
line-height: 1.5em;
margin-bottom: 0;
}
.company-section_info {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 56px;
}
.company-section_info p {
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
line-height: 1.4em;
}
.child-company-page .logo-iso {
margin-right: 24px;
}
.child-company-page .company-section__quality-wrapper {
gap: 24px;
display: flex;
flex-direction: column;
}
.child-company-page .company-section__quality-wrapper a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.5em;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6090c2;
}
@media (max-width: 992px) {
.company-section {
padding-bottom: 100px;
}
.company-section__title {
font-size: 48px;
}
}
@media (max-width: 768px) {
.company-section_info {
gap: 20px;
margin-bottom: 46px;
}
.company-section__title {
font-size: 36px;
}
.company-section__sub-title {
font-size: 24px;
}
.child-company-page .company-section__quality-wrapper {
align-items: center;
justify-content: center;
}
.child-company-page .company-section__quality-wrapper a {
font-size: 14px;
}
.child-company-page .logo-iso {
margin-right: 0;
width: 120px;
height: 120px;
}
.child-company-page .company-section__quality {
display: flex;
flex-direction: column;
gap: 16px;
}
.company-section_info p {
font-size: 16px;
}
} .support-section {
padding-top: 0;
width: 100%;
}
.support-section__wrapper {
display: flex;
flex-direction: row;
gap: 30px;
align-items: self-start;
margin: 0 auto;
}
.support-section__title {
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #000;
margin-bottom: 48px;
}
.support-section__contacts {
border-radius: 8px;
padding: 36px 16px;
width: 50%;
background: transparent;
border: 1px solid #d0d5dd;
display: flex;
flex-direction: column;
gap: 24px;
}
.support-section__contacts .support-section__contact-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 12px;
color: #707072;
line-height: 1.65em;
text-decoration: none;
text-transform: capitalize;
margin-bottom: 4px;
}
.support-section__contacts p {
line-height: 1.3em;
font-weight: 400;
font-size: 14px;
color: #000;
margin-bottom: 0;
}
.support-section__contact-details {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1em;
color: #000;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 24px;
}
.support-section__contact-details span::before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000;
margin-right: 6px;
vertical-align: middle;
}
.support-section__contact-phone {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
margin-top: 48px;
}
.support-section__contact-phone span,
.support-section__contact-phone a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
color: #000;
margin-right: 10px;
}
.support-section__contactForm {
border-radius: 8px;
padding: 36px 36px 24px 36px;
width: 50%;
background: transparent;
border: 1px solid #d0d5dd;
}
.support-section__contactForm .childtheme-support-page-form .common-title {
font-weight: 700;
font-size: 24px;
color: #000;
background: none;
text-align: left;
text-transform: capitalize;
padding: 0;
}
.support-section__contactForm .childtheme-support-page-form .common-container {
padding: 0;
}
.support-section__contactForm .childtheme-support-page-form label {
font-weight: 500;
font-size: 14px;
line-height: 1.4em;
color: #000;
margin-bottom: 16px;
display: flex;
flex-direction: column;
gap: 4px;
}
.support-section__contactForm .childtheme-support-page-form .common-input {
border: 1px solid rgba(17, 17, 19, 0.2);
border-radius: 4px;
padding: 13px 16px;
height: 48px;
background: #fff;
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
}
.support-section__contactForm .childtheme-support-page-form textarea {
padding: 13px 16px;
resize: vertical;
border: 1px solid rgba(17, 17, 19, 0.2);
background: #fff;
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
}
.support-section__contactForm .childtheme-support-page-form .common-submit-btn {
border: none;
outline: none;
cursor: pointer;
border-radius: 28px;
padding: 8px 16px;
width: 100%;
height: 40px;
font-size: 14px;
color: #fff;
text-transform: capitalize;
position: relative;
padding-right: 20px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
margin: 8px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.support-section__contactForm .childtheme-support-page-form .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.support-section__contactForm .childtheme-support-page-form .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
}
.support-section__contactForm .childtheme-support-page-form .arrow-submit {
vertical-align: middle;
margin-left: 10px;
}
.support-container .modal__title {
font-family: "HelveticaNeueCyr", sans-serif;
text-transform: capitalize;
font-size: 36px;
color: #333;
}
.support-container .modal {
width: 730px;
height: 454px;
padding: 30px 30px 60px;
border-radius: 4px;
}
.support-container .modal__text {
line-height: 1.3em;
font-size: 24px;
margin-bottom: 10px;
color: #6e6e73;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 600;
}
.modal {
width: 730px;
height: 454px;
padding: 30px 30px 60px;
border-radius: 4px !important;
}
.modal__title {
font-size: 36px;
margin-bottom: 10px;
color: #333;
font-family: "HelveticaNeueCyr", sans-serif;
}
.modal__text {
font-size: 24px;
margin-bottom: 10px;
color: #6e6e73;
font-family: "HelveticaNeueCyr", sans-serif;
}
.modal__img-wrapper {
display: flex;
justify-content: center;
margin-bottom: 30px;
border-radius: 6px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.modal__btn {
margin: 40px auto 0;
width: 50%;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
font-weight: 500;
color: #fff;
border: 1px solid #6090c2;
border-radius: 28px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.support-container form {
display: flex;
flex-direction: column;
width: 100%;
}
.support-container form input,
.support-container form textarea {
padding: 5px;
font-size: 16px;
border-radius: 5px;
background-color: #eeeeee;
border: 2px #e2e2e2 solid;
font-family: "HelveticaNeueCyr", sans-serif;
width: 100%;
background: #fff;
}
.support-container form input:focus,
.support-container form textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.support-container p {
line-height: 1.3em;
font-weight: 400;
font-size: 14px;
color: #000;
margin-bottom: 0;
}
.g-recaptcha {
margin-bottom: 18px;
}
@media (max-width: 992px) {
.contact-us-section .contact-us__text {
font-size: 14px;
}
.support-section__wrapper {
flex-direction: column-reverse;
gap: 20px;
align-items: stretch;
}
.support-section__contacts, .support-section__contactForm {
width: 100%;
}
.support-section__contactForm {
padding: 24px;
}
.support-container .childtheme-support-page-form {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.support-section {
padding-top: 10px;
}
.container.support-container {
padding: 0 16px;
}
.support-section__title {
display: none;
}
.support-section__wrapper {
width: 100%;
}
.support-section__contactForm {
padding: 16px;
}
.support-section__contactForm .childtheme-support-page-form .common-title {
font-size: 24px;
margin-bottom: 24px;
}
.support-section__contactForm .childtheme-support-page-form .common-submit-btn {
width: 100%;
height: auto;
padding: 12px 20px;
}
.support-container form {
width: 100%;
}
} .where-to-buy-section .where-to-buy-container {
display: flex;
flex-direction: column;
gap: 48px;
}
.where-to-buy-section .where-to-buy-container__desc {
font-weight: 400;
font-size: 20px;
line-height: 1.65em;
color: #1d1d1d;
}
.where-to-buy-section .where-to-buy-container__countries-list {
margin-top: 20px;
margin-left: 0;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 16px 24px;
}
.where-to-buy-section .where-to-buy-container__countries-list a {
text-decoration: none;
line-height: 1.65em;
font-weight: 500;
font-size: 20px;
color: #6090c2;
display: block;
width: 100%;
height: 100%;
padding: 16px 8px;
display: flex;
flex-direction: column;
gap: 5px;
}
.where-to-buy-container__country-item {
width: 30%;
display: flex;
gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #f8f9fa;
border-radius: 8px;
position: relative;
transition: 0.5s;
}
.where-to-buy-container__country-item span {
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
color: #333;
}
.where-to-buy-container__country-item:hover a {
color: #68a1de;
transition: 0.5s;
}
.where-to-buy-container__country-item:after {
content: "";
position: absolute;
top: 35%;
right: 3%;
transform: translateY(-50%);
background: url("data:image/svg+xml;utf8,<svg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.83187 0L0.421875 1.41L5.00187 6L0.421875 10.59L1.83187 12L7.83187 6L1.83187 0Z' fill='%236F9CCC'/></svg>") no-repeat center;
width: 24px;
height: 24px;
}
@media (max-width: 992px) {
.where-to-buy-section .where-to-buy-container__countries-list {
justify-content: space-between;
}
.where-to-buy-section .where-to-buy-container {
gap: 20px;
}
.where-to-buy-container__country-item {
width: 45%;
}
}
@media (max-width: 768px) {
.where-to-buy-container__country-item {
width: 48%;
}
.where-to-buy-section__title {
font-size: 36px;
}
.where-to-buy-section .where-to-buy-container__desc {
font-size: 16px;
line-height: 1.4em;
}
.where-to-buy-section .where-to-buy-container__countries-list a {
font-size: 16px;
}
.where-to-buy-section .where-to-buy-container__countries-list {
gap: 5px 8px;
}
} .shop-in-country-imgBox {
min-height: 230px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 36px;
position: relative;
padding: 16px;
text-align: center;
}
.shop-in-country-imgBox::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//smartavi.com/wp-content/uploads/2025/08/page-background-Earth-scaled.jpg);
background-size: cover;
background-position: 0 93%;
transform: rotate(180deg);
filter: brightness(0.4);
z-index: -1;
}
.shop-in-country-imgBox__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1em;
color: #fff;
position: relative;
z-index: 1;
padding: 0 5%;
line-height: 1.4em;
}
@media (max-width: 768px) {
.shop-in-country-imgBox__text {
font-size: 14px;
}
}
.shop-in-country-imgBox__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.5em;
color: #fff;
}
@media (max-width: 768px) {
.shop-in-country-imgBox__title {
font-size: 36px;
}
}
@media (max-width: 768px) {
.shop-in-country-imgBox {
min-height: 160px;
margin-bottom: 24px;
}
}
.country-container table {
text-align: center;
border: 1px solid #fff;
border-collapse: collapse;
font-family: "HelveticaNeueCyr", sans-serif;
width: 100%;
margin: 0 auto 60px;
font-weight: 500;
font-size: 16px;
color: #231e15;
}
@media (max-width: 992px) {
.country-container table {
width: 100%;
}
}
.country-container table tr.tr-header {
padding: 12px;
background: #eef6ff;
border: none !important;
border-bottom: 1px solid #eaecf0;
text-align: center !important;
}
.country-container table tr.tr-header strong {
font-size: 16px;
}
.country-container table tr.tr-header td {
background: #eef6ff;
border: none !important;
border-bottom: 1px solid #eaecf0;
text-align: center !important;
}
.country-container table td {
padding: 12px;
width: 100px;
background: #fff;
border: 1px solid #eaecf0;
font-weight: 400;
font-size: 14px;
}
.country-container table td:first-child {
text-align: left;
}
.country-container table td a {
text-decoration: none;
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
color: #6090c2;
}
.country-container table td a:hover {
color: #68a1de;
transition: 0.5s;
}
table .table-column-name {
text-align: center !important;
}
table .table-column-name strong {
font-size: 16px;
text-align: center;
} .section-career {
padding-bottom: 100px;
padding-top: 0;
}
.container.career-container {
margin: 0 auto;
}
.container.career-container .section-career__title {
margin-bottom: 16px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.5em;
color: #333;
}
.container.career-container .section-career__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #1d1d1d;
margin-bottom: 0;
}
.career-container__content-box_text-part {
margin-bottom: 48px;
}
.career-container__btn-box {
display: flex;
}
.common-form.career-form-childTheme {
width: 100%;
padding: 36px 36px 24px;
border-radius: 8px;
background: #fff;
border: 1px solid #d0d5dd;
}
.common-form.career-form-childTheme .common-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
color: #000;
text-transform: capitalize;
text-align: left;
background: none;
margin-bottom: 24px;
}
.common-form.career-form-childTheme label {
margin-bottom: 16px;
font-weight: 500;
font-size: 14px;
line-height: 1.5em;
color: #000;
font-family: "HelveticaNeueCyr", sans-serif;
width: 100%;
}
.common-form.career-form-childTheme .common-input, .common-form.career-form-childTheme .common-select {
border: 1px solid rgba(17, 17, 19, 0.2);
border-radius: 4px;
padding: 13px 16px;
height: 48px;
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
}
.common-form.career-form-childTheme .common-input:focus, .common-form.career-form-childTheme .common-select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.common-form.career-form-childTheme .common-submit-btn {
border: none;
outline: none;
cursor: pointer;
border-radius: 28px;
padding: 8px 16px;
width: 100%;
height: 40px;
font-size: 14px;
color: #fff;
text-transform: capitalize;
position: relative;
padding-right: 20px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
margin: 0;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
margin-top: 18px;
}
.common-form.career-form-childTheme .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
color: #fff;
}
.common-form.career-form-childTheme .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
}
.common-form.career-form-childTheme .arrow-submit {
vertical-align: middle;
margin-left: 10px;
}
.career-form__wrapper {
padding: 0;
}
@media (max-width: 768px) {
.container.career-container .section-career__title {
margin-bottom: 8px;
line-height: 1.3em;
font-size: 16px;
}
.career-container__content-box_text-part {
margin-bottom: 36px;
}
.common-form.career-form-childTheme {
padding: 36px 16px;
}
.common-form.career-form-childTheme .common-title {
margin-bottom: 10px;
}
} .warranty-section {
background: #fff;
padding: 0 0 150px;
}
.container.warranty-container {
display: flex;
flex-direction: column;
gap: 36px;
}
.warranty-section p,
.warranty-section li {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 20px;
font-weight: 400;
color: #1d1d1d;
line-height: 1.65em;
}
.warranty-section__title, .warranty-section__sub-title {
margin: 0 0 20px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.5em;
text-transform: none;
color: #231e15;
text-decoration: none;
width: max-content;
padding: 0px 0px 4px 0px;
}
.warranty-section__title {
margin-bottom: 4px;
}
.warranty-section .warranty-page-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 16px;
}
.warranty-section .warranty-page-list__item {
position: relative;
margin-left: 25px;
}
.warranty-section .warranty-page-list__item::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #de8b57;
top: 9px;
left: -25px;
}
.limited-warranty-list {
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 992px) {
.warranty-section__title,
.warranty-section__sub-title {
font-size: 24px;
}
}
@media (max-width: 768px) {
.container.warranty-container {
gap: 20px;
}
.warranty-section p,
.warranty-section li {
font-size: 16px;
}
} .privacy-section {
background-color: #fff;
padding: 0 0 150px;
}
.container.privacy-container {
display: flex;
flex-direction: column;
gap: 36px;
}
.privacy-section__title,
.privacy-section__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.5em;
color: #231e15;
text-transform: none;
text-decoration: none;
margin: 0 0 24px;
}
.privacy-section p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.5em;
color: #1d1d1d;
}
.privacy-section__title {
margin-bottom: 4px;
}
.visitor-infoPolicy-list {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 992px) {
.privacy-section__title,
.privacy-section__sub-title {
font-size: 24px;
}
}
@media (max-width: 768px) {
.privacy-section {
padding: 0 0 100px;
}
.privacy-section p {
font-size: 16px;
}
.container.privacy-container {
gap: 20px;
}
} .faq-section {
margin: 0 auto;
padding-bottom: 60px;
width: 100%;
}
.faq-section .faq-container {
margin: 0 auto;
padding-bottom: 100px;
color: #1d1d1d;
}
.faq-section .faq-container .faq-section__title {
visibility: hidden;
opacity: 0;
font-size: 0;
}
.faq-section .faq-container .faq-section__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #000;
}
.faq-section .faq-container .faq-section_list {
margin-bottom: 56px;
display: flex;
flex-direction: column;
gap: 0;
}
.faq-section .faq-container .faq-section_item {
cursor: pointer;
}
.faq-section .faq-container .faq-section_question {
position: relative;
padding: 16px 55px 16px 16px;
background-color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.6em;
color: #231e15;
border-radius: 4px;
border-bottom: 1px solid rgba(128, 128, 128, 0.1215686275);
}
.faq-section .faq-container .faq-section_icon {
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%) rotate(270deg);
display: inline-block;
width: 12px;
height: 8px;
background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.99984L10.59 0.589844L6 5.16984L1.41 0.589844L0 1.99984L6 7.99984L12 1.99984Z" fill="%23181818" /></svg>');
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease;
}
.faq-section .faq-container .faq-section_question.active .faq-section_icon {
transform: translateY(-50%) rotate(0deg);
background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.00016L1.41 7.41016L6 2.83016L10.59 7.41016L12 6.00016L6 0.000156403L0 6.00016Z" fill="%236090C2" /></svg>');
}
.faq-section .faq-container .faq-section_answer {
display: none;
padding: 16px;
margin: 0;
font-weight: 400;
font-size: 14px;
line-height: 1.5em;
color: #1d1d1d;
background: #fff;
border-bottom: 1px solid rgba(128, 128, 128, 0.1215686275);
}
.faq-section .faq-container .faq-section_answer.active {
display: block;
}
@media (max-width: 768px) {
.faq-section .faq-container .faq-section_list {
margin-bottom: 64px;
}
.faq-section {
padding-bottom: 0;
}
} .applications-section {
padding: 0 0 150px;
color: #1d1d1d;
font-size: 20px;
line-height: 1.4em;
}
.applications-section__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.5em;
color: #fff;
}
.applications-section__list {
margin: 48px 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 16px;
margin-left: 20px;
}
.applications-section__list li {
position: relative;
}
.applications-section__list li::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #f98025;
top: 9px;
left: -20px;
}
@media (max-width: 992px) {
.applications-section__title {
font-size: 48px;
}
}
@media (max-width: 768px) {
.applications-section__title {
font-size: 36px;
}
.applications-section__sub-title {
font-size: 24px;
}
.applications-section {
padding: 0 0 100px;
font-size: 16px;
}
.applications-section__list {
margin: 24px 0 24px 20px;
}
} .helpful_links-section {
padding: 0 0 150px;
}
.helpful_links-section__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.5em;
color: #fff;
}
.helpful_links-section__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.5em;
color: #231e15;
text-decoration: none;
text-transform: capitalize;
}
.helpful_links-section__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.5em;
color: #1d1d1d;
}
.helpful_links-section__links {
margin-bottom: 0;
list-style: none;
font-weight: 400;
line-height: 1.5em;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 20px;
text-decoration: none;
color: #1d1d1d;
display: flex;
flex-direction: column;
gap: 16px;
}
.helpful_links-section__link {
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.5em;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6090c2;
transition: all 0.4s ease;
}
.helpful_links-section__link:hover {
color: #68a1de;
}
.helpful_links-section__link:focus {
color: #446a91;
}
.helpful_links-container {
display: flex;
flex-direction: column;
gap: 56px;
}
.helpful_links__box-main {
display: flex;
flex-direction: row-reverse;
gap: 36px;
justify-content: space-between;
align-items: center;
}
.helpful_links__box-main div {
padding: 48px 0;
}
.helpful_links__box {
display: flex;
flex-direction: column;
gap: 36px;
}
.helpful_links-section__item {
position: relative;
margin-left: 20px;
}
.helpful_links-section__item::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #de8b57;
top: 9px;
left: -20px;
}
@media (max-width: 1199px) {
.helpful_links__box-main div {
padding: 0;
}
.helpful_links__box-main p {
width: 100%;
}
}
@media (max-width: 992px) {
.helpful_links__box-main {
flex-direction: column-reverse;
gap: 24px;
}
}
@media (max-width: 768px) {
.helpful_links-section {
padding: 0 0 100px;
}
.helpful_links-section__title {
font-size: 36px;
}
.helpful_links-section__sub-title {
font-size: 24px;
margin-bottom: 16px;
}
.helpful_links-section__text {
font-size: 14px;
margin-bottom: 16px;
}
.helpful_links-section__links {
font-size: 14px;
line-height: 1.5em;
}
.helpful_links-section__link {
font-size: 14px;
line-height: 1.5em;
}
.helpful_links-container {
padding: 0 16px;
}
.helpful_links__box-main div {
padding: 0;
}
.helpful_links__box-main img {
width: 345px;
height: 310px;
}
} .container.ordering-info-container {
display: flex;
flex-direction: column;
gap: 64px;
}
.ordering-section {
padding: 0 0 150px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #1d1d1d;
background: #fff;
}
.ordering-section__sub-title {
margin: 0 0 4px 0;
text-decoration: none;
text-transform: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.4em;
color: #231e15;
}
.ordering-section__introText {
margin-bottom: 20px;
}
@media (max-width: 992px) {
.ordering-section__sub-title {
font-size: 24px;
}
}
@media (max-width: 768px) {
.ordering-section {
font-size: 16px;
}
.container.ordering-info-container {
gap: 20px;
}
} .contact-us-section {
margin: 0 auto;
padding: 0 0 150px;
}
.contact-us-section__wrapper {
display: flex;
flex-direction: row-reverse;
gap: 36px;
justify-content: space-between;
margin: 0 auto;
align-items: flex-start;
}
.contact-us-section__contacts {
display: flex;
flex-direction: column;
gap: 48px;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 8px;
padding: 36px 16px;
width: 50%;
}
.contact-us-section__contact-title {
margin-bottom: 10px;
font-family: "HelveticaNeueCyr", sans-serif;
text-decoration-line: none;
text-transform: none;
font-weight: 400;
font-size: 12px;
color: #1d1d1d;
}
.contact-us-section__contact-info {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4em;
color: #000;
}
.contact-us-section__email {
color: #6090c2;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
line-height: 1.4em;
text-decoration-line: none;
}
.contact-us-section__contact-phone {
width: 226px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
color: #000;
}
.contact-us-section__contact-phone::before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000;
margin-right: 0;
vertical-align: middle;
}
.contact-us-section__contact-phone:not(:last-child) {
margin-top: 48px;
margin-bottom: 10px;
}
.contact-us-section__contact-phone a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
color: #000;
}
.contact-us-section__contact-phone span {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4em;
color: #000;
}
.contact-us-section .common-form {
width: 100%;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 18px;
font-style: normal;
line-height: normal;
border: 0.5px solid transparent;
border-radius: 8px;
background-color: #fff;
}
.contact-us-section .common-form input, .contact-us-section .common-form select, .contact-us-section .common-form textarea {
width: 100%;
height: 48px;
color: #1d1d1d;
border-radius: 4px;
font-size: 16px;
border: 1px solid rgba(17, 17, 19, 0.2);
padding: 13px 16px;
background-color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
}
.contact-us-section .common-form textarea {
height: 150px;
}
.contact-us-section .common-form label {
display: inline-block;
margin-bottom: 20px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
width: 100%;
}
.contact-us-section .common-form .common-submit-btn {
font-weight: 400;
margin: 0;
border: none;
outline: none;
cursor: pointer;
border-radius: 28px;
padding: 8px 16px;
width: 100%;
height: 40px;
font-size: 14px;
color: #fff;
text-transform: capitalize;
position: relative;
padding-right: 20px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.contact-us-section .common-form .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.contact-us-section .common-form .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
}
.contact-us-section .common-form .common-submit-btn .arrow-submit {
vertical-align: middle;
margin-left: 10px;
}
.contact-us-section .common-container {
padding: 0;
}
.contact-us-section .common-title {
padding: 0;
margin-bottom: 24px;
text-align: left;
text-transform: capitalize;
background-color: transparent;
font-weight: 700;
font-size: 24px;
color: #000;
}
.contact-us-section form input:focus,
.contact-us-section form textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.contact-us-section .contact-us__text {
font-size: 16px;
line-height: 1.3em;
font-weight: 400;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 24px;
}
.info-br2 {
display: none;
} @media (max-width: 1199px) {
.contact-us-section__wrapper {
width: 90%;
}
}
@media (max-width: 1024px) {
.contact-us-section .common-container {
padding: 0 16px 24px;
}
.contact-us-section__wrapper {
width: 95%;
}
}
@media (max-width: 992px) {
.contact-us-section__wrapper {
width: 100%;
}
}
@media (max-width: 768px) {
.contact-us-section__contacts {
width: 100%;
}
.contact-us-section .common-container {
padding: 0;
}
.contact-us-section .common-form {
width: 100%;
padding-top: 30px;
}
.contact-us-section .common-form label {
width: 100%;
}
.contact-us-section__wrapper {
flex-direction: column;
}
}    .single-product-container__header,
.single-product-container__description,
.single-product-container__buttons-container {
font-family: "HelveticaNeueCyr", sans-serif;
}
.single-product-customLayout {
display: flex;
flex-direction: row-reverse;
gap: 28px;
justify-content: space-between;
align-items: flex-start;
margin: 8px 0 56px;
}
.single-product-customLayout__textBox {
width: 57%;
}
.single-product-container {
background: #fff;
}
.single-product-container__header {
letter-spacing: 1px;
font-weight: 700;
font-size: 28px;
color: #de8b57;
line-height: 1em;
text-align: left;
margin-bottom: 16px;
}
.single-product-container__short-desc {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #1d1d1d;
margin-bottom: 36px;
}
.single-product-container__slider {
width: 70% !important;
margin: 0 auto;
height: 100%;
background-color: #fff;
overflow: hidden;
}
.single-product-container__content {
display: flex;
flex-direction: column;
}
.single-product-container__content p {
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
margin-bottom: 15px;
color: #1d1d1d;
}
.single-product-container__description {
display: flex;
justify-content: space-between;
margin: 0;
}
.single-product-container .replaced-by-container {
margin-top: 5px;
display: flex;
align-items: end;
justify-content: start;
}
.single-product-container .replaced-by {
font-family: "HelveticaNeueCyr";
font-weight: bold;
color: red;
padding: 0 5px 5px 0;
font-size: 12px;
}
.single-product-container .replaced-by-header {
font-family: "HelveticaNeueCyr", sans-serif;
color: #de8b57;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
.single-product-container .g-recaptcha {
margin-bottom: 18px;
margin-top: 15px;
}
.single-product-container .slider-container {
position: relative;
width: 100%;
margin: 0 auto;
border: 1px solid #d0d5dd;
border-radius: 8px;
}
.single-product-container .slider-box {
width: 42%;
display: flex;
flex-direction: column;
background-color: #fff;
margin: 0;
}
.single-product-container__slider div {
width: 100%;
display: flex;
align-items: center;
height: max-content !important;
}
.single-product-container .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
height: 390px !important;
}
.single-product-container .owl-carousel .owl-item img {
width: auto !important;
max-width: 100% !important;
height: 100%;
margin: 0 auto !important;
}
.single-product-container .slider-navigation {
background: #fff;
padding: 0 7%;
margin-top: 24px;
}
.single-product-container .slider-box__dots {
width: 99%;
display: flex;
flex-direction: row;
gap: 4px;
justify-content: space-evenly;
align-items: center;
position: relative;
background-color: #fff;
overflow: hidden;
flex-wrap: nowrap;
margin: 0 auto;
}
.single-product-container .slider-box__dots button {
margin-bottom: 5px;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 4px;
padding: 0;
min-width: 24%;
max-width: 24%;
min-height: 60px;
max-height: 60px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.single-product-container .slider-box__dots button img {
width: 100%;
height: 100%;
object-fit: contain;
}
.single-product-container .slider-navigation {
position: relative;
}
.single-product-container .slider-box .slider-box__btn-box {
width: 102%;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
left: -1%;
pointer-events: none;
}
.single-product-container .slider-box .slider-box__btn-box_btn {
pointer-events: auto;
margin: 0 -5px;
border-radius: 50%;
border: 4px #de8b57 solid;
z-index: 5;
cursor: pointer;
border-radius: 24px;
width: 36px;
height: 36px;
background-color: #de8b57;
}
.single-product-container .slider-box .slider-box__btn-box_btn:hover {
border: 1px #d0d5dd solid;
}
.single-product-container__slider div img {
width: auto;
max-width: 95%;
max-height: 300px;
cursor: pointer;
}
.big-slider-container > i {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
z-index: 20;
color: #7e7c7c;
font-size: 30px;
}
.big-slider-container .slider-box__btn-box_btn {
pointer-events: auto;
margin: 0 5px;
border-radius: 50%;
border: 4px #de8b57 solid;
z-index: 5;
cursor: pointer;
border-radius: 24px;
width: 36px;
height: 36px;
background-color: #de8b57;
}
.big-slider-container .slider-box__btn-box_btn:hover {
border: 1px #1d1d1d solid;
}
.single-product-container__buttons-container {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 16px;
flex-wrap: wrap;
margin: 24px 0 24px;
}
.single-product-container__buttons-container ul {
display: flex;
align-items: center;
list-style: none;
margin-top: 0;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 24px;
border-bottom: 1px solid #d0d5dd;
}
.single-product-container__buttons-container ul li {
border-radius: 28px;
background: #f5f5f7;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: 1px transparent solid;
transition: all 0.3s ease;
}
.single-product-container__buttons-container ul li:hover {
border: 1px rgba(124, 124, 124, 0.2588235294) solid;
}
.single-product-container__buttons-container ul li a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
color: #000;
padding: 15px 30px;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.single-product-container__buttons-container > a {
text-decoration: none;
}
.single-product-container__buttons-container .single-product-where-to-buy-accentLink {
color: #de8b57;
}
@media (max-width: 1700px) {
.single-product-container__buttons-container ul li a {
padding: 11px 15px;
}
}
@media (max-width: 1199px) {
.single-product-container .owl-carousel .owl-stage-outer {
height: 360px !important;
}
.single-product-container__buttons-container ul li a {
padding: 11px 10px;
}
.single-product-container__short-desc {
margin-bottom: 16px;
}
}
@media (max-width: 992px) {
.single-product-customLayout {
flex-direction: column-reverse;
align-items: center;
margin: 26px 0;
gap: 16px;
}
.single-product-container__buttons-container {
align-items: flex-start;
}
.single-product-container .slider-box__dots button {
min-width: 15%;
max-width: 15%;
}
.single-product-container .owl-carousel .owl-stage-outer {
height: 300px !important;
}
.single-product-container .slider-box {
width: 100%;
}
.single-product-customLayout__textBox {
width: 100%;
}
.single-product-container .slider-navigation {
margin-bottom: 36px;
}
}
@media (max-width: 799.99px) {
.single-product-customLayout {
gap: 8px;
}
.single-product-container .owl-carousel .owl-stage-outer {
height: 250px !important;
}
.single-product-container__buttons-container {
flex-direction: column;
}
.single-product-container__buttons-container ul {
flex-direction: row !important;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.single-product-container__buttons-container ul li {
height: 30px;
}
.single-product-container__buttons-container ul li a {
font-size: 12px;
}
.single-product-container__content p {
font-size: 16px;
line-height: 1.4em;
}
.single-product-container__header {
font-size: 20px;
}
.single-product-container__description {
margin: 0 0 4px;
}
} .product-info-block {
padding: 36px 0 0;
border: none;
border-radius: 5px;
margin-bottom: 30px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.65em;
color: #1d1d1d;
display: none;
}
.product-info-block.product-info-block-active {
display: block;
}
.product-info-block__diagram.product-info-block-active {
display: flex;
align-items: center;
justify-content: center;
max-width: 600px;
margin: 0 auto;
}
.product-info-block > h2 {
font-family: "HelveticaNeueCyr", sans-serif;
width: 90%;
margin: 30px 0 20px;
font-size: 24px;
font-weight: 700;
}
.product-info-block > ul {
margin-left: 20px;
}
.product-info-block > img {
max-width: 100%;
width: auto;
height: auto;
}
.product-info-block > table {
width: 100%;
text-align: center;
color: #2a2b2c;
border: 1px solid #fff;
border-collapse: collapse;
}
.product-info-block > table tr {
background: #efefef;
}
.product-info-block > table th {
background: #dedede;
border: 1px solid #fff;
padding: 8px;
width: 100px;
}
.product-info-block > table td {
width: 100px;
border-bottom: 1px solid #eaecf0;
border-left: 1px solid #eaecf0;
border-right: 1px solid #eaecf0;
padding: 12px 24px !important;
background: #fff;
}
.single-product-container #table1 {
width: 100%;
}
.single-product-container #table1 th {
text-align: left;
border: 1px solid #eaecf0;
padding: 12px 24px;
background: #eef6ff;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #231e15;
}
.single-product-container #table1 td {
padding: 12px 24px;
}
.single-product-container__main-info-block {
position: relative;
margin-top: 50px;
}
.single-product-container__main-info-block_buttons-container {
position: absolute;
top: -48px;
left: 5px;
display: flex;
width: 100%;
justify-content: space-evenly;
align-items: center;
}
.single-product-container__main-info-block_buttons-container button {
background-color: #f5f5f7;
border: none;
font-family: "Readex Pro", sans-serif;
padding: 11px 0;
margin-right: 0;
cursor: pointer;
transition: 0.5s;
flex-grow: 1;
font-weight: 400;
font-size: 16px;
color: #000;
border-right: 2px solid #c3c3c3;
}
.single-product-container__main-info-block_buttons-container button > span {
width: 100%;
border-right: 1px rgba(255, 255, 255, 0.25) solid;
display: block;
padding: 2px 12px;
}
.single-product-container__main-info-block_buttons-container button:last-child {
border: none;
font-size: 16px;
font-family: "Readex Pro", sans-serif;
font-weight: 400;
}
.single-product-container__main-info-block_buttons-container button.active-btn {
border: none;
background-color: #6090c2;
color: #fff;
}
.single-product-container__main-info-block_buttons-container button:hover:not(.active-btn) {
color: #fff;
background-color: #6090c2;
}
.single-product-container__main-info-block_specifications-block table {
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
border-collapse: collapse;
}
.single-product-container__main-info-block_specifications-block table .tr-header {
background-color: #f5f5f7;
font-weight: bold;
}
.single-product-container__main-info-block_specifications-block table tr td {
padding: 10px 12px;
font-size: 16px;
}
.single-product-container__main-info-block_specifications-block table tr td:first-child {
width: 40%;
}
@media (max-width: 992px) {
.product-info-block {
padding: 26px 0 0;
}
.single-product-container__main-info-block {
margin-top: 36px;
}
.product-info-block > img {
max-width: 70%;
}
}
@media (max-width: 768px) {
.single-product-container__main-info-block_buttons-container {
overflow-x: scroll;
}
.product-info-block {
padding: 3px 0 0;
font-size: 14px;
line-height: 1.4em;
}
.single-product-container__main-info-block_buttons-container {
flex-direction: row !important;
}
.single-product-container__main-info-block_buttons-container button {
padding: 0;
font-size: 14px;
white-space: nowrap;
padding: 3px 3px 5px;
}
.single-product-container__main-info-block_buttons-container button:last-child {
font-size: 14px;
}
.single-product-container__main-info-block_buttons-container button > span {
padding: 10px 6px;
}
.single-product-container__buttons-container {
margin-bottom: 8px;
}
.single-product-container #table1 th {
padding: 6px 14px;
font-size: 14px;
}
.product-info-block > table tr {
font-size: 12px;
line-height: 1.5em;
}
.single-product-container__main-info-block_buttons-container {
top: -56px;
}
.single-product-container__main-info-block {
margin-top: 48px;
}
}  .ipgard_dealer_btn_container > * {
margin: 0 !important;
font-family: "HelveticaNeueCyr";
}
.ipgard_dealer_btn_container p {
font-size: 16px;
text-align: center;
}
.ipgard_dealer_btn_container a:hover {
color: #fff !important;
}
.ipgard_dealer_btn_container a {
text-decoration: none;
text-transform: capitalize;
cursor: pointer;
text-align: center;
margin-right: 0px !important;
border-radius: 28px;
padding: 7px;
font-weight: 500;
font-size: 14px;
color: #fff;
display: block;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
transition: background 0.5s ease;
position: relative;
width: 100%;
}
.ipgard_dealer_btn_container a::after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
}
.ipgard_dealer_btn_container a:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
}
.ipgard_dealer_btn_container a:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
.ipgard_dealer_btn_container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0;
width: 160px;
height: 40px;
border-radius: 28px;
background: none;
display: none;
}
@media screen and (max-width: 999px) {
.ipgard_dealer_btn_container p {
font-size: 14px;
}
}
@media (max-width: 768px) {
.ipgard_dealer_btn_container {
height: 30px;
}
.ipgard_dealer_btn_container a {
padding: 4px 10px;
font-size: 12px;
}
} .section-dealer-form {
padding-bottom: 150px;
margin: 0 auto;
}
.section-dealer-form .contact-us-container__content-box {
margin-top: 20px;
display: flex;
justify-content: space-between;
margin-bottom: 48px;
align-items: center;
}
.section-dealer-form .contact-us-container__content-box > div {
width: 100%;
}
.section-dealer-form .dealer-form-box {
border-radius: 8px;
background: #fff;
padding: 36px 36px 24px;
margin-bottom: 20px;
border: 1px solid #d0d5dd;
border-radius: 8px;
}
.section-dealer-form .contact-us-container__content-box_text-part form {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
margin-bottom: 24px;
padding: 0;
background: transparent;
}
.section-dealer-form .dealer_form {
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 25px;
border: none;
}
.section-dealer-form .contact-us-container__content-box_text-part form input,
.section-dealer-form .contact-us-container__content-box_text-part form textarea {
padding: 13px 16px;
font-size: 16px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #dee2e6;
font-family: "HelveticaNeueCyr", sans-serif;
width: 100%;
height: 50px;
font-weight: 400;
color: rgba(17, 17, 19, 0.6);
}
.section-dealer-form .contact-us-container__content-box_text-part form input:focus,
.section-dealer-form .contact-us-container__content-box_text-part form textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.section-dealer-form .dealer_form__input-wrapper {
padding: 0;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
gap: 16px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.section-dealer-form .dealer_form__input-wrapper label {
box-sizing: border-box;
margin-right: 0;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 calc(50% - 8px);
}
.section-dealer-form .dealer_form__wrapper {
padding: 0;
}
.section-dealer-form .dealer_form__wrapper .dealer_form__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
margin-bottom: 4px;
}
.section-dealer-form .dealer_form select {
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 13px 16px;
width: 100%;
height: 50px;
background-color: #f8f9fa;
font-weight: 400;
font-size: 16px;
color: rgba(17, 17, 19, 0.6);
margin-bottom: 24px;
}
.section-dealer-form .dealer_form select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.section-dealer-form .dealer_form_checkbox_label {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 24px;
}
.section-dealer-form .dealer_form_checkbox_label input {
width: 16px !important;
height: 16px !important;
margin-right: 12px;
align-self: flex-start;
margin-top: 3px;
}
.section-dealer-form .dealer_form_checkbox_label p {
margin-bottom: 0;
}
.section-dealer-form #form_submit_btn.dealer-form-submit-btn {
border-radius: 28px;
padding: 8px 16px;
margin: 8px;
width: 60%;
height: 40px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
color: #fff;
font: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
text-transform: capitalize;
justify-self: center;
}
.section-dealer-form #form_submit_btn.dealer-form-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.section-dealer-form .section-dealer-form__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #231e15;
text-transform: capitalize;
text-decoration: none;
margin-bottom: 0;
}
.section-dealer-form h3 {
margin-bottom: 16px;
margin-top: 16px;
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #1d1d1d;
}
.section-dealer-form .section-dealer_form__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #1d1d1d;
margin-bottom: 0;
}
.section-dealer-form .contact-us-container__content-box_text-part p a {
margin-top: -15px;
margin-bottom: 0;
text-decoration: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
color: #1d1d1d;
}
.section-dealer-form #dealer_form_company_interested_products option {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
color: rgba(17, 17, 19, 0.6);
}
.dealer_form .common-title {
margin-bottom: 24px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
text-transform: capitalize;
color: #000;
background-color: transparent;
text-align: left;
line-height: 1em;
}
.dealer_form_message {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.85);
display: flex;
justify-content: center;
align-items: center;
}
.dealer_form_message__box {
max-width: 320px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #f1f1f1;
border-radius: 10px;
}
.dealer_form label {
margin-bottom: 10px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
}
@media (max-width: 768px) {
.section-dealer-form .dealer-form-box {
padding: 24px 16px;
}
.section-dealer-form .dealer_form__input-wrapper label {
flex: 1 1 100%;
}
.section-dealer-form .section-dealer-form__sub-title {
font-size: 16px;
}
.section-dealer-form h3 {
font-size: 16px;
}
.section-dealer-form .section-dealer_form__text {
font-size: 14px;
line-height: 1.5em;
}
.section-dealer-form .contact-us-container__content-box_text-part p a {
font-size: 14px;
}
.section-dealer-form iframe {
width: 95%;
margin: 0 auto;
}
.section-dealer-form .contact-us-container__content-box > div {
width: 95%;
}
.section-dealer-form {
padding-bottom: 100px;
}
} .you-might-also-like-block {
padding: 20px 230px 150px;
background: #fff;
}
.you-might-also-like-block__header {
text-align: center;
margin-bottom: 48px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #1d1d1d;
text-transform: capitalize;
}
.you-might-also-like-block__posts {
display: flex;
justify-content: space-around;
align-items: stretch;
gap: 24px;
height: 425px;
}
.related-post-image-box {
display: flex;
align-items: center;
justify-content: center;
height: 200px;
}
.related-post-image-box img {
max-width: 100%;
height: 100%;
}
.related-product-item {
text-align: center;
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
transition: transform 0.3s ease;
flex: 1 1 30%;
max-width: 300px;
}
.related-post-text-box {
padding: 12px;
display: flex;
flex-direction: column;
height: 125px;
gap: 6px;
}
.related-post-text-box__titleLink {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
color: #111;
}
.related-post {
width: 30%;
transition: all 0.3s ease;
border-radius: 4px;
height: max-content;
padding: 10px;
}
.related-post:hover {
transform: translateY(-1px);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.related-post__excerpt {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
text-transform: capitalize;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1299px) {
.you-might-also-like-block {
padding: 20px 150px 150px;
}
}
@media (max-width: 1199px) {
.you-might-also-like-block__posts {
height: 325px;
}
.related-post-image-box {
height: 150px;
}
.you-might-also-like-block__header {
margin-bottom: 8px;
}
.you-might-also-like-block__posts {
height: max-content;
padding: 20px;
}
}
@media (max-width: 1024.99px) {
.related-post-image-box {
height: 100px;
}
}
@media (max-width: 992px) {
.you-might-also-like-block {
padding: 0 90px 150px;
}
.you-might-also-like-block__posts {
flex-wrap: wrap;
}
.related-post {
width: 45%;
}
.related-post-image-box {
height: 150px;
}
}
@media (max-width: 768px) {
.you-might-also-like-block {
padding: 0 20px 100px;
}
.you-might-also-like-block__header {
margin-bottom: 0;
font-size: 24px;
}
.you-might-also-like-block__posts {
flex-direction: column;
align-items: center;
}
.related-post {
width: 100%;
}
}  .section-category {
padding-bottom: 0;
}
.main-products_container {
padding: 0 0 150px;
}
.main-products_container .category-description {
margin-bottom: 48px;
}
.main-products_container .main-category-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.3em;
text-align: center;
color: #000;
text-transform: capitalize;
margin: 0 0 16px;
}
@media (max-width: 992px) {
.single-product-container__buttons-container ul {
padding-bottom: 0;
border-bottom: none;
}
.single-product-container__description {
padding-top: 20px;
border-top: 1px solid #d0d5dd;
}
}
@media (max-width: 768px) {
.main-products_container {
padding: 0 0 100px;
}
.main-products_container .main-category-title {
font-size: 20px;
}
.main-products_container .category-description {
margin-bottom: 40px;
font-weight: 400;
font-size: 14px;
}
.main-products_container .category-description {
margin-bottom: 36px;
}
}    .news-section {
padding: 0 0 150px;
width: 100%;
}
.news-items-box {
display: flex;
flex-direction: row;
margin-top: 0;
flex-wrap: wrap;
gap: 24px;
justify-content: space-around;
align-items: center;
}
.news-items-box__news-item-link {
display: block;
width: calc(50% - 12px);
}
.news-items-box__text-wrapper {
padding: 0;
}
.news-items-box__news-item {
background-color: #f8f9fa;
padding: 12px;
border-radius: 8px;
border: none;
width: 100%;
box-sizing: border-box;
height: 250px;
margin-bottom: 0;
}
.news-items-box__news-item:hover .news-items-box__link {
color: #de8b57;
background-color: transparent;
}
.news-items-box__news-item:focus .news-items-box__link {
color: #d18025;
background-color: transparent;
}
.news-items-box__news-item:hover .news-items-box__title {
color: #6090c2;
}
.news-items-box__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.5em;
color: #000;
text-transform: capitalize;
margin-bottom: 8px;
height: fit-content;
transition: all 0.3s ease-in-out;
}
.news-items-box__link-wrapper {
display: flex;
justify-content: flex-start;
}
.news-items-box__link {
padding: 8px 15px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #de8b57;
background-color: transparent;
padding: 0;
text-transform: capitalize;
display: flex;
align-items: center;
border: none;
transition: all 0.3s ease-in-out;
}
.news-items-box p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #1d1d1d;
}
@media (max-width: 1446px) {
.news-items-box__news-item {
height: 280px;
}
}
@media (max-width: 1099px) {
.news-items-box__news-item {
height: 350px;
}
}
@media (max-width: 992px) {
.news-items-box {
flex-direction: column;
}
.news-section {
padding: 0 0 100px;
}
.news-section__sub-title {
font-size: 24px;
}
.news-items-box__news-item-link {
width: 100%;
}
.news-items-box__news-item {
height: 250px;
}
}
@media (max-width: 768px) {
.news-items-box p {
font-size: 14px;
margin-bottom: 24px;
}
}
@media (max-width: 576px) {
.news-items-box__news-item {
width: 100%;
height: max-content;
}
.container.news-container {
width: 95%;
}
} .single-news-container {
font-family: "HelveticaNeueCyr", sans-serif;
padding-bottom: 150px !important;
padding-top: 36px !important;
position: relative;
}
.single-news-container h2 {
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
color: #231e15;
margin-bottom: 8px;
line-height: 1.3em;
}
.single-news-container p {
line-height: 1.3em;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
color: #1d1d1d;
margin-bottom: 32px;
}
.single-news-container ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 36px;
}
.single-news-container li {
line-height: 1.5em;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
color: #1d1d1d;
}
.single-news-container__accent-text {
font-weight: 500 !important;
}
.single-news-container strong {
font-weight: 500;
}
.single-news-container__button {
border-radius: 28px;
padding: 8px 16px;
width: max-content;
min-width: 320px;
height: 40px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
color: #fff !important;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
font-weight: 500;
}
.single-news-container__button:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.single-news-container__button:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
}
.single-news-container__button:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
.single-news-container__imagesBox {
display: flex;
align-items: center;
justify-content: space-around;
gap: 20px;
position: relative;
width: max-content;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 798px) {
.single-news-container__imagesBox {
flex-direction: column;
}
}
.single-news-image-box {
transition: all 0.3s ease-in-out;
padding: 12px;
}
.single-news-image-box:hover {
transform: translateY(-1px);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.single-news-box__imgContainer {
height: 250px;
width: 400px;
display: flex;
align-items: center;
justify-content: center;
}
.single-news-image-link {
display: block;
cursor: pointer;
}
.single-news-image-link:hover .single-news-image-box__title {
color: #6090c2;
}
.single-news-image-box__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #231e15;
}
.single-news-image-box a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
height: 100%;
}
.single-news-container img {
width: 100%;
max-width: 100% !important;
height: auto !important;
margin: 0 auto;
}
.single-news-container .single-news-container__subtitle {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.3em;
color: #231e15;
}
.single-news-container a {
text-decoration: none;
color: #6090c2;
}
.single-news-container a:hover {
color: #68a1de;
transition: 0.5s;
}
.ipgardandsmartaviOffice-imgPost {
overflow: hidden;
height: 330px;
margin: 20px 0 8px;
}
.ipgardandsmartaviOffice-imgPost__desc {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
text-align: center;
color: #1d1d1d;
text-align: center;
display: block;
}
@media (max-width: 768px) {
.ipgardandsmartaviOffice-imgPost__desc {
font-size: 12px;
line-height: 1.3em;
}
}
@media (max-width: 768px) {
.ipgardandsmartaviOffice-imgPost {
height: auto;
margin: 0 0 8px;
}
}
@media (max-width: 1199px) {
.single-news-box__imgContainer {
height: 200px;
width: 300px;
}
}
@media (max-width: 992px) {
.single-news-box__imgContainer {
height: 100px;
width: 250px;
}
}
@media (max-width: 768px) {
.single-news-container h2 {
font-size: 24px;
}
.single-news-container p {
margin-bottom: 24px;
line-height: 1.5em;
font-size: 16px;
}
.single-news-container .single-news-container__subtitle {
font-size: 16px;
}
.single-news-box__imgContainer {
height: 200px;
width: 360px;
}
} .category-container {
font-family: "HelveticaNeueCyr", sans-serif;
}
.category-container__sub-cat-container {
display: flex;
gap: 16px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
height: 500px;
}
.category-container__sub-cat-item_img-container {
padding: 0;
margin-bottom: 30px;
min-height: 185px;
max-height: 185px;
display: flex;
justify-content: center;
align-items: stretch;
}
.category-container .category-title {
margin: 40px 0 30px;
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #000;
text-transform: capitalize;
}
.category-container .category-description {
margin-bottom: 24px !important;
font-weight: 400;
font-size: 20px;
line-height: 1.3em;
text-align: center;
color: #1d1d1d;
padding: 0 10%;
font-family: "HelveticaNeueCyr", sans-serif;
}
.category-container__sub-cat-item {
padding: 0px 0 24px;
display: flex;
flex-direction: column;
width: 25%;
height: 100%;
border: none;
background: #fff;
border: 1px solid #f5f5f7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
}
.category-container__sub-cat-item img {
display: block;
margin: 0 auto;
width: 100%;
object-fit: cover;
height: auto;
}
.category-container__sub-cat-item:first-child {
order: 0;
display: flex;
}
.category-container .category-item__title {
text-transform: capitalize;
font-weight: 700;
font-size: 20px;
color: #000;
margin-bottom: 16px;
font-family: "HelveticaNeueCyr", sans-serif;
text-align: left;
padding: 0 10px 0 0;
}
.category-container .category-item__description {
padding: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
}
.category-container__sub-cat-item_text-container {
height: 200px;
padding: 0px 16px 24px;
}
.category-container .category-container__sub-cat-item--custom .category-container__sub-cat-item_text-container {
position: relative;
}
.category-container .category-container__sub-cat-item--custom .category-container__sub-cat-item_text-container::after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.167 11.833L11.834 5.167' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.167 5.167H11.834V11.833' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 0;
left: 90%;
background-size: contain;
background-repeat: no-repeat;
}
.category-container .category-container__sub-cat-item--custom.custom-videowall-item .category-container__sub-cat-item_text-container::after {
background-image: none;
}
@media (max-width: 1099.99px) {
.category-container__sub-cat-container {
flex-wrap: wrap;
}
.category-container__sub-cat-item {
width: 45%;
}
}
@media (max-width: 768px) {
.category-container .category-description {
margin-bottom: 24px;
}
.category-container__sub-cat-item {
width: 100%;
}
} .category-container.secure-switches-container.general-products-page {
padding-bottom: 150px;
}
.secure-switches-container__sub-cat-text-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 16px;
padding: 0 16px 16px;
min-height: 110px;
}
.secure-switches-container .main-page-smartavi-categories__linkMore {
display: block;
}
.secure-switches-container .category-title {
margin: 8px 0 16px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1em;
text-align: center;
color: #000;
text-transform: capitalize;
}
.secure-switches-container__sub-cat-container {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
margin-bottom: 50px;
gap: 20px 16px;
flex-direction: row;
align-items: center;
}
.secure-switches-container a {
display: contents;
text-decoration: none;
color: unset;
}
.secure-switches-container__sub-cat-item {
margin-top: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
background-color: #fff;
padding: 0 0 16px;
flex: 0 1 calc(33% - 8px);
border: none;
border-radius: 1px;
min-height: 400px;
justify-content: space-between;
border: 2px solid #f5f5f5;
}
.secure-switches-container__sub-cat-item_img-container {
min-width: 100%;
max-width: 100%;
min-height: 190px;
max-height: 190px;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
background-color: #f8f9fa;
}
.secure-switches-container__sub-cat-item_img-container img {
width: 100%;
}
.secure-switches-container__sub-cat-item__title {
padding: 0;
margin-bottom: 0;
font-weight: 700;
font-size: 20px;
line-height: 1em;
color: #000;
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
text-align: left;
}
.secure-switches-container__sub-cat-item__description {
padding: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3em;
color: #1d1d1d;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
}
.general-products-page .main-page-smartavi-categories__linkMore,
.secure-switches-container .main-page-smartavi-categories__linkMore {
display: block;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
padding: 0;
text-transform: capitalize;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
padding: 8px 16px;
width: 90%;
height: 36px;
transition: all 0.3s;
align-self: center;
}
.general-products-page .main-page-smartavi-categories__linkMore:hover,
.secure-switches-container .main-page-smartavi-categories__linkMore:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
color: #fff;
}
.general-products-page .main-page-smartavi-categories__linkMore:focus,
.secure-switches-container .main-page-smartavi-categories__linkMore:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
@media (min-width: 1500px) {
.general-products-page .secure-switches-container a {
display: block;
}
.category-container__sub-cat-item_img-container {
min-height: 285px;
max-height: 285px;
}
.category-container__sub-cat-container {
height: auto;
}
.general-products-page .main-page-smartavi-categories__linkMore {
height: 48px;
}
}
@media (min-width: 3000px) {
.general-products-page .main-page-smartavi-categories__linkMore {
height: 56px;
}
.category-container__sub-cat-item_img-container {
min-height: 385px;
max-height: 385px;
}
}
@media (max-width: 1199px) {
.secure-switches-container div.category-container__sub-cat-container {
justify-content: center;
gap: 16px;
width: 100%;
margin: 0 auto;
flex-wrap: nowrap;
height: 570px;
}
}
@media (max-width: 1099px) {
.secure-switches-container div.category-container__sub-cat-container {
flex-wrap: wrap;
height: auto;
}
.secure-switches-container__sub-cat-item {
flex: 1 1 calc(32% - 8px);
}
}
@media (max-width: 992px) {
.secure-switches-container__sub-cat-item {
flex: 1 1 calc(45% - 8px);
}
}
@media (max-width: 768px) {
.general-products-page .secure-switches-container a {
display: block;
}
.general-products-page .category-container__sub-cat-item_text-container {
height: max-content;
padding: 0 8px 24px;
}
.general-products-page .main-page-smartavi-categories__linkMore {
width: 95%;
}
.general-products-page .category-title {
text-align: left;
}
.secure-switches-container a {
display: contents;
}
.secure-switches-container__sub-cat-item_img-container {
min-width: 90%;
margin-bottom: 16px;
}
.secure-switches-container__sub-cat-text-container {
padding: 8px;
}
.secure-switches-container__sub-cat-item__title {
color: #1d1d1d;
}
.secure-switches-container__sub-cat-item {
flex: 1 1 calc(100% - 8px);
flex-direction: column;
align-items: flex-start;
}
.secure-switches-container .category-description {
font-size: 14px;
text-align: left;
padding: 0;
}
.secure-switches-container__sub-cat-item__description {
font-size: 14px;
}
.category-container.secure-switches-container {
padding: 0 20px;
}
.category-container.secure-switches-container.general-products-page {
padding-bottom: 150px;
}
.secure-switches-container .main-page-smartavi-categories__linkMore {
display: flex;
align-self: center;
}
}
@media (max-width: 576px) {
.general-products-page .category-container__sub-cat-item_img-container {
min-height: 140px;
max-height: 140px;
}
} .section-kmv-solutions {
background: #fff;
}
.section-kmv-solution__item-description {
padding: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.section-kmv-solution__item-description span {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.section-kmv-solution__item-title {
margin-bottom: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.3em;
color: #000;
text-transform: capitalize;
text-align: left;
}
@media (max-width: 768px) {
.section-kmv-solution__item-title {
color: #1d1d1d;
}
}
.force-hide {
display: none !important;
}
.category-container {
background: #fff;
}
.category-page-container {
padding-top: 8px;
display: flex;
gap: 28px;
justify-content: flex-start;
font-family: "HelveticaNeueCyr", sans-serif;
}
.category-page-container .main-category-title {
margin-top: 0 !important;
margin-bottom: 8px;
text-align: left;
letter-spacing: 1.3px;
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1em;
color: #000;
}
.category-page-container .category-description {
margin-bottom: 56px;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
text-align: left;
color: #1d1d1d;
padding: 0;
font-family: "HelveticaNeueCyr", sans-serif;
}
.category-page-container .main-products_container {
width: auto;
}
.category-page-container.one-col-categoryPage-layout .main-products_container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.category-page-container.one-col-categoryPage-layout .main-products_container .category-description {
text-align: center;
}
.category-page-container.one-col-categoryPage-layout .main-products_container .category-description {
text-align: center;
}
.category-page-container .filter-container {
min-width: 22%;
max-width: 22%;
}
.category-page-container .cat-box__products_product {
position: relative;
height: auto;
}
.category-page-container .cat-box__products_a-container {
height: auto;
}
.category-page-container .cat-box__products_a-container .product-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
justify-content: flex-start;
gap: 4px;
position: relative;
align-items: center;
padding: 12px;
}
.category-page-container .replaced_by_container {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
left: 50%;
transform: translate(-50%, 0);
}
.category-page-container .replaced_by_in_cat {
color: #6e6e73;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 11px;
}
.category-page-container .replaced_by_container > span.replaced_by_link {
display: block;
margin-left: 5px;
font-weight: 500;
color: #1d1d1d;
font-size: 12px;
}
.category-page-container .product_description {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3em;
color: #1d1d1d;
transition: 0.5s;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
border-top: 1px solid #f5f5f5;
padding-top: 12px;
margin-bottom: 12px;
}
.category-page-container .product_readMore-icon {
align-self: flex-end;
margin-bottom: 4px;
}
.category-page-container .cat-box:not(:last-child) {
margin-bottom: 30px;
}
.category-page-container .cat-box > a > .cat-box-main-header {
margin: 0 0 8px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.3em;
color: #000;
transition: 0.5s;
}
.category-page-container .product__title {
margin-bottom: 12px;
text-transform: capitalize;
text-align: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 1.3em;
color: #de8b57;
transition: 0.5s;
position: relative;
}
.category-page-container .cat-box-product__infoText-titleBox {
position: relative;
}
.category-page-container a.cat-box__products_a-container:hover {
color: #6090c2;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
transition: 0.5s;
}
.category-page-container .cat-box > p {
text-align: left;
margin-bottom: 36px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
}
.category-page-container .cat-box__img-container img {
width: 100%;
height: auto;
}
.category-page-container .cat-box__img-container {
width: 120px;
height: 120px;
margin-bottom: 15px;
}
.category-page-container .cat-box__products {
display: flex;
flex-wrap: wrap;
gap: 16px 12px;
justify-content: flex-start;
margin-bottom: 36px;
width: 100%;
}
.category-page-container .cat-box__products > a {
display: contents;
text-decoration: none;
}
.category-page-container .cat-box__products_product__main {
width: 100%;
position: relative;
}
.category-page-container a.cat-box__products_a-container {
width: 100%;
}
.category-page-container .cat-box__products_product {
width: 100%;
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: row;
margin-bottom: 0;
background-color: #fff;
border: none;
cursor: pointer;
border-radius: 8px;
height: max-content;
box-sizing: border-box;
height: 100% !important;
gap: 16px;
}
.category-page-container .cat-box__container {
display: flex;
position: relative;
background-color: #fff;
align-items: flex-start;
border-radius: 8px;
height: auto;
border: 2px solid #f5f5f5;
width: calc(24% - 6px);
}
.category-page-container p.cat-box-main-description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.category-page-container .cat-box-product__infoText {
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
width: 100%;
position: relative;
}
.category-page-container .cat-box__products_product-img-box {
min-width: 150px;
max-width: 150px;
margin: 0 0 12px;
display: flex;
align-items: center;
justify-content: center;
min-height: 75px;
max-height: 75px;
}
.category-page-container .cat-box__products_product-img-box img {
margin: 0 auto;
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.category-page-container .cat-box__products_product > h2,
.category-page-container .cat-box__products_product > a > h2 {
font-size: 18px;
color: #2a2b2c;
font-weight: normal;
text-align: center;
}
.category-page-container .child__products {
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
margin-top: 0;
}
.category-page-container .child-product {
width: 100%;
height: max-content !important;
justify-content: center;
padding: 0;
cursor: pointer;
border-top: 2px solid #f5f5f5;
border-bottom: 2px solid #f5f5f5;
border-left: none;
border-right: none;
min-height: 110px;
max-height: 110px;
}
.category-page-container .childProd_wrapper {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
font-weight: 500;
color: #6090c2;
position: relative;
left: 5%;
bottom: 12%;
display: none;
}
.category-page-container .childProd:before {
font-size: 10px;
font-weight: bold;
color: #6090c2;
position: relative;
left: 5%;
bottom: 11%;
transform: translate(0, -50%) rotate(180deg);
padding: 5px;
display: none;
}
.category-page-container .childProd.icon-down-arrow.rotate-arrow-180:before {
transform: translate(0, -50%) rotate(0deg) !important;
}
.category-page-container .child-product .cat-box__products_product__main a {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 16px;
}
.category-page-container.one-col-categoryPage-layout .main-category-title {
margin-bottom: 24px;
}
[id="272"] {
margin-top: 30px;
}
.loading-text {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 1.2em;
color: #6090c2;
font-family: 16px;
font-weight: 500;
letter-spacing: 1px;
}
.product-card-linksBox {
width: 15%;
background: #e5e7eb;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.product-card-links {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 8px 12px;
}
.product-card-links li a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #6090c2;
transition: all 0.3s ease-in-out;
}
.product-card-links li a:hover {
color: #68a1de;
text-decoration: underline;
}
@media (min-width: 1600px) {
.category-page-container .filter-container {
min-width: 18%;
max-width: 18%;
}
}
@media (max-width: 1445.99px) {
.product-card-linksBox {
width: 20%;
}
}
@media (max-width: 1199px) {
.category-page-container .product_description {
font-size: 12px;
}
.category-page-container .cat-box__products_product-img-box {
min-width: 100px;
max-width: 100px;
margin: 0 0 12px;
min-height: 60px;
max-height: 60px;
}
.category-page-container .category-description {
margin-bottom: 40px;
}
.cat-box__products_a-container .product-container {
gap: 0;
}
.product-card-linksBox {
width: 20%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1270px) {
.category-page-container .replaced_by_in_cat {
font-size: 6px;
}
.category-page-container .replaced_by_container > span.replaced_by_link {
font-size: 8px;
}
}
@media (max-width: 1024px) {
.category-page-container .filter-container {
min-width: 28%;
max-width: 28%;
}
.category-page-container .cat-box__container {
width: calc(33% - 9px);
}
}
@media (max-width: 992px) {
.cat-box__products_product__main {
max-width: 100%;
}
.cat-box__container {
width: 100%;
}
.category-page-container {
gap: 10px;
}
.product-card-linksBox {
display: none;
}
}
@media (max-width: 768px) {
.cat-box__container {
width: 100%;
height: max-content;
}
.category-page-container .filter-container {
display: none;
}
.category-page-container .cat-box__products {
gap: 8px;
margin-bottom: 0;
}
.category-page-container .main-products_container {
width: 100%;
}
.category-page-container .main-category-title {
letter-spacing: normal;
font-size: 20px;
}
.category-page-container .category-description {
margin-bottom: 16px;
}
.cat-box > p {
margin-bottom: 24px;
}
.cat-box__products_a-container .product-container {
gap: 5px;
justify-content: center;
height: max-content;
}
.cat-box__products_product-img-box {
min-width: 100px;
max-width: 100px;
min-height: 70px;
max-height: 70px;
}
.cat-box__products_a-container .product_description {
overflow: hidden;
}
.one-col-categoryPage-layout .cat-box__products_a-container .product_description {
overflow: hidden;
}
.category-page-container .cat-box__container {
width: calc(50% - 6px);
}
} #filter-card {
top: 25%;
}
.filter-header-block {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
#filter-container {
margin: 0;
padding: 10px 0;
max-height: 60vh;
}
.filter-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #1d1d1d;
}
#apply-button,
#reset-button {
padding: 5px 0;
border: none;
background-color: transparent;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
color: #0054b3;
}
#apply-button:hover,
#reset-button:hover {
color: #1d1d1d;
}
#apply-button {
color: #6090c2;
font-weight: 500;
padding: 5px 0;
transition: all 0.5s;
text-transform: capitalize;
}
#apply-button:hover {
color: #0b5fbf;
}
#product-category-checkboxes > div {
margin-top: 12px;
margin-bottom: 12px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
}
.filter-container-width {
width: auto;
padding: 0 0 150px;
flex-grow: 1;
}
.filter-container-width h2 {
margin: 0 0 8px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.3em;
color: #000;
}
.filter-container-width > h2:first-child {
font-size: 24px;
}
.filter-option input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox-label {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
user-select: none;
padding-left: 28px;
}
.checkbox-label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 19px;
height: 19px;
border: 1px solid #d0d5dd;
background-color: #fff;
border-radius: 2px;
transition: all 0.2s ease-in-out;
}
.checkbox-label::after {
content: "";
position: absolute;
left: 6px;
top: 50%;
transform: translateY(-50%) scale(0);
width: 5px;
height: 15px;
border: 2px solid #6090c2;
border-width: 0 2px 2px 0;
transition: transform 0.2s ease-in-out;
}
.checkbox-label:hover::before {
background-color: #f7f6f6;
}
.filter-option input[type=checkbox]:checked + .checkbox-label::after {
transform: translateY(-50%) scale(1) rotate(45deg);
} .go-to-subcat {
display: flex;
align-items: center;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 12px;
}
.go-to-subcat ul {
display: flex;
align-items: center;
list-style: none;
}
.go-to-subcat ul li a {
padding: 0 5px;
color: #08c;
font-size: 11px;
border-right: 1px solid #000;
}
.go-to-subcat ul li:last-child a {
border-right: 0;
}
.go-to-subcat .goto-flat-list li {
display: block;
margin-bottom: 5px;
}
.go-to-subcat .goto-bold {
font-weight: 500;
font-size: 14px;
}
.go-to-subcat .goto-filter-link:not(.goto-bold) {
font-weight: 400;
font-size: 12px;
}
.goto-filter-link.active {
color: #de8b57;
}
.category-page-container .filter-container-mobile-box {
display: none;
}
.category-page-container #filter-card {
position: sticky;
top: 0;
left: 0;
width: 100%;
height: max-content;
background-color: #f5f5f5;
border: none;
z-index: 900;
transition: left 1s ease;
color: #1d1d1d;
margin: 0 0 150px;
padding: 0;
}
.category-page-container .filter-header-block {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 24px 24px 0 24px;
}
.category-page-container #filter-toggle {
visibility: hidden;
}
.category-page-container .filter-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #1d1d1d;
}
.category-page-container #filter-text {
display: flex;
justify-content: center;
align-items: center;
}
.category-page-container #filter-container {
display: block;
margin: 0;
padding: 0;
max-height: 70vh;
overflow-y: auto;
overflow-x: hidden;
padding: 0 24px 12px 24px;
}
.category-page-container #filter-container::-webkit-scrollbar {
width: 4px;
}
.category-page-container #filter-container::-webkit-scrollbar-track {
background: #e5e5e5;
}
.category-page-container #filter-container::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 2px;
}
.category-page-container #filter-container {
scrollbar-width: thin;
scrollbar-color: #ffffff #e5e5e5;
}
.category-page-container #product-category-checkboxes > div {
margin-top: 16px;
margin-bottom: 16px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
}
.category-page-container .buttons-block {
display: flex;
justify-content: space-between;
padding: 8px 24px 24px;
}
.category-page-container #filter-card.active {
left: 20px;
}
.category-page-container #filter-card.active #filter-text {
display: none;
}
.category-page-container #filter-card.active #close-text {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1446px) {
.category-page-container #product-category-checkboxes > div {
font-size: 14px;
}
.category-container__sub-cat-item_text-container {
height: 220px;
}
}
@media (max-width: 1200px) {
.category-page-container #product-category-checkboxes > div {
font-size: 12px;
}
}
@media (max-width: 1024px) {
.category-container__sub-cat-item_text-container {
height: 200px;
}
}
@media (max-width: 768px) {
.category-page-container .filter-title {
font-size: 20px;
}
.desktop-filter {
display: none;
}
div#filter-card.open {
background: #f5f5f7;
padding: 20px;
}
.category-page-container #filter-card {
padding: 0;
background-color: #fff;
}
.category-page-container .filter-container-mobile-box {
display: block;
position: sticky;
margin-bottom: 0;
top: 0;
z-index: 500;
background-color: #f5f5f7;
}
.filter-container-mobile-box #filter-toggle {
visibility: visible;
position: absolute;
right: 0;
top: 10px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
padding: 5px;
cursor: pointer;
}
.filter-container-mobile-box #filter-container {
display: none;
}
.filter-container-mobile-box #filter-card.open #filter-container {
display: block;
overflow-x: hidden;
overflow-x: hidden;
overflow-y: auto;
max-height: 50vh;
}
.filter-container-mobile-box #apply-button,
.filter-container-mobile-box #reset-button {
display: none;
}
.category-page-container {
display: flex;
flex-direction: column;
gap: 0;
padding-top: 0;
}
.category-page-container .filter-header-block {
padding: 12px 0;
}
.category-page-container #product-category-checkboxes > div {
margin-top: 10px;
margin-bottom: 10px;
}
.filter-container-width {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
padding: 0 0 100px;
margin-top: 25px;
}
.filter-header-block {
margin-bottom: 0;
}
.filter-container-width h2 {
font-size: 24px;
}
.category-page-container .filter-container-mobile-box #filter-card {
margin: 0;
}
.category-page-container .buttons-block {
padding: 8px 24px 4px;
}
}    .p2p-series {
padding: 0 0 150px;
}
@media (max-width: 768px) {
.p2p-series {
padding: 0 0 100px;
}
}
.p2p-series-container {
max-width: 1840px !important;
margin: 0 auto;
padding: 0 230px;
}
@media (max-width: 1299.98px) {
.p2p-series-container {
padding: 0 150px;
}
}
@media (max-width: 992.98px) {
.p2p-series-container {
padding: 0 90px;
}
}
@media (max-width: 768px) {
.p2p-series-container {
padding: 0 16px;
}
}
.p2p-series .main-hero {
position: relative;
height: min-content;
background-image: url(//smartavi.com/wp-content/uploads/2025/09/page-background-secondary-scaled.png);
background-size: cover;
background-position: bottom;
z-index: 0;
}
.p2p-series .main-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 46, 52, 0.34);
z-index: 1;
}
.p2p-series .main-hero__content {
max-width: 1400px !important;
padding: 42px 200px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
position: relative;
z-index: 2;
}
.p2p-series .main-hero__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 64px;
color: #fff;
}
.p2p-series .main-hero__subtitle {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #fff;
text-align: center;
}
.p2p-series .main-hero__description {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 1.3em;
}
.p2p-series .products-section {
display: flex;
margin: 32px auto;
padding: 0;
gap: 28px;
align-items: flex-start;
font-family: "HelveticaNeueCyr", sans-serif;
}
.p2p-series .filter-card {
display: flex;
flex-direction: column;
min-width: 22%;
flex-shrink: 1;
gap: 16px;
padding: 24px;
background-color: #f5f5f5;
border-radius: 4px;
box-shadow: none;
position: sticky;
top: 20px;
align-self: flex-start;
}
.p2p-series .p2pseries-filter-card__toggle-btn {
background: transparent;
border: none;
display: none;
}
.p2p-series .filter-card__header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background-color: #f5f5f5;
}
.p2p-series .filter-card__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
color: #1d1d1d;
}
.p2p-series .filter-card__description {
font-weight: 400;
font-size: 16px;
color: #0053b2;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.p2p-series .filter-card__description:hover, .p2p-series .filter-card__description:focus {
color: #003d82;
}
.p2p-series .filter-section {
display: flex;
flex-direction: column;
gap: 8px;
}
.p2p-series .filter-section__title {
margin: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 12px;
color: #1d1d1d;
}
.p2p-series .products-grid {
display: flex;
flex-wrap: wrap;
width: 74%;
gap: 16px 12px;
justify-content: flex-start;
}
.p2p-series .product-card-wrapper {
width: calc(24% - 6px);
display: flex;
justify-content: space-between;
align-items: center;
}
.p2p-series .product-card-wrapper:hover {
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
transition: 0.5s;
}
.p2p-series .product-card-wrapper__main {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
flex-direction: column;
}
.p2p-series .product-card-linksBox {
min-width: 20%;
}
.p2p-series .product-card {
display: block;
max-width: 100%;
min-width: 100%;
height: 100%;
background-color: transparent;
transition: all 0.2s ease;
cursor: pointer;
text-decoration: none;
color: inherit;
box-shadow: none;
border: 2px solid #f5f5f5;
border-radius: 4px 0 0 4px;
padding: 12px;
}
.p2p-series .product-card:hover, .p2p-series .product-card:focus-within {
transform: translateY(0px);
}
.p2p-series .product-card:hover .product-card__description {
color: #6090c2;
transition: 0.5s;
}
.p2p-series .product-card article {
display: flex;
flex-direction: row;
gap: 16px;
height: 100%;
width: 100%;
justify-content: flex-start;
align-items: flex-start;
}
.p2p-series .product-card__textBlock {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
.p2p-series .product-card__image {
width: 150px;
height: 75px;
}
.p2p-series .product-card__image img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: contain;
}
.p2p-series .product-card__title {
text-align: left;
width: 100%;
margin: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 14px;
color: #de8b57;
}
.p2p-series .product-card__description {
text-align: left;
width: 100%;
margin: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3em;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.p2p-series .product_readMore-icon {
align-self: flex-end;
margin-bottom: 4px;
}
.p2p-series .checkbox-item {
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
margin-bottom: 8px;
}
.p2p-series .checkbox-label {
user-select: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 12px;
color: #1d1d1d;
padding-left: 8px;
}
.p2p-series .checkbox-label::after, .p2p-series .checkbox-label::before {
display: none !important;
}
.p2p-series .checkbox-custom {
appearance: none;
width: 20px;
height: 20px;
background: transparent;
position: relative;
cursor: pointer;
transition: background 0.3s, border-color 0.3s;
border-radius: 2px;
border: 1px solid #d0d5dd;
}
.p2p-series .checkbox-custom::after {
content: "";
position: absolute;
width: 4px;
height: 8px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -60%) rotate(20deg);
opacity: 0;
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2), opacity 0.3s;
}
.p2p-series .checkbox-custom:checked {
background: #0054b3;
border-color: #0054b3;
}
.p2p-series .checkbox-custom:checked::after {
opacity: 1;
transform: translate(-50%, -60%) rotate(43deg);
} @media (max-width: 1201px) {
.p2p-series .filter-card {
width: 20%;
max-width: 20%;
}
.p2p-series .product-card__description {
font-size: 12px;
}
}
@media (max-width: 1200px) {
.p2p-series .products-section {
flex-direction: row;
}
.p2p-series .filter-section__title {
margin-bottom: 4px;
}
.p2p-series .product-card {
width: calc(80% - 8px);
}
.p2p-series .product-card__image {
width: 120px;
}
.p2p-series .checkbox-item {
margin-bottom: 0;
}
.p2p-series .product-card__description {
font-size: 12px;
}
}
@media (max-width: 1024px) {
.p2p-series .main-hero__content {
gap: 16px;
}
.p2p-series .main-hero__title {
font-size: 48px;
}
.p2p-series .filter-card__title {
font-size: 16px;
}
.p2p-series .product-card__image {
width: 100px;
}
}
@media (max-width: 992px) {
.p2p-series .products-section {
gap: 10px;
}
.p2p-series .filter-card__description {
font-size: 13px;
}
.p2p-series .product-card-wrapper {
width: calc(50% - 6px);
}
.p2p-series .product-card__image {
width: 140px;
}
}
@media (max-width: 768px) {
.p2p-series .main-hero__content {
padding-left: 5%;
padding-right: 5%;
}
.p2p-series .main-hero__title {
font-size: 36px;
}
.p2p-series .main-hero__subtitle {
font-size: 24px;
}
.p2p-series .main-hero__description {
font-size: 12px;
}
.p2p-series .products-section {
flex-direction: column;
margin: 0 auto;
}
.p2p-series .filter-card {
width: 100%;
max-width: 100%;
background: #fff;
top: 0;
padding: 24px 16px;
}
.p2p-series .p2pseries-filter-card__toggle-btn {
display: block;
}
.p2p-series .filter-card__header {
background-color: #fff;
}
.p2p-series .filter-card__title {
font-size: 20px;
}
.p2p-series .filter-section {
display: none;
}
.p2p-series .products-grid {
width: 100%;
}
.p2p-series .product-card {
width: 100%;
max-width: 100%;
}
.p2p-series .product-card__image {
height: auto;
}
.p2p-series .product-card__title {
font-size: 16px;
}
}
@media (max-width: 576px) {
.p2p-series .main-hero__content {
padding-top: 50px;
padding-bottom: 50px;
}
.p2p-series .main-hero__title {
font-size: 36px;
margin-bottom: 8px;
}
.p2p-series .main-hero__subtitle {
font-size: 24px;
}
} .p2pkvm {
background-color: transparent;
font-family: "HelveticaNeueCyr", sans-serif;
}
.p2pkvm .main.child-theme-main {
padding-bottom: 0 !important;
}
.p2pkvm h2 {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
line-height: 1.3em;
color: #231e15;
}
.p2pkvm p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
text-align: center;
color: #fff;
} .p2pkvm .btn {
display: flex;
align-items: center;
gap: 5px;
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 14px;
font-family: "HelveticaNeueCyr", sans-serif;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
border-radius: 28px;
padding: 8px 16px;
width: 250px;
height: 40px;
}
.p2pkvm .btn a {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
}
.btn-moreFeatures {
position: relative;
transition: all 1s ease;
}
.btn-moreFeatures:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.btn-moreFeatures:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
}
.btn-moreFeatures:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
} .p2pkvm .main {
background-image: url(//smartavi.com/wp-content/uploads/2025/09/page-background-secondary-scaled.png);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
min-height: 400px;
width: 100%;
display: flex;
}
.p2pkvm .main__container {
width: 100%;
max-width: 1600px;
padding: 0 90px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
}
.p2pkvm .main__content {
max-width: 61%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.p2pkvm .main__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 64px;
line-height: 1.3em;
text-align: center;
color: #fff;
}
.p2pkvm .main__subtitle {
margin-bottom: 24px;
letter-spacing: 0.05em;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.3em;
text-align: center;
color: #fff;
}
.p2pkvm .main__description {
font-weight: 400;
line-height: 1.4em;
}
.p2pkvm .main__devices {
position: relative;
width: 35%;
height: 400px;
z-index: 1;
padding: 20px;
}
.p2pkvm .device {
position: absolute;
transition: all 0.3s ease;
}
.p2pkvm .device img {
max-width: 100%;
height: auto;
filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.3));
}
.p2pkvm .device--left {
top: 90px;
left: -16px;
z-index: 3;
width: 50%;
}
.p2pkvm .device--right {
top: 65px;
left: 180px;
z-index: 3;
width: 50%;
}
.p2pkvm .device--bottom {
top: 215px;
right: 80px;
z-index: 1;
width: 60%;
} .p2pkvm .overview__container {
display: flex;
flex-direction: column;
padding: 0 230px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .overview {
margin-bottom: 32px;
}
.p2pkvm .overview__title {
margin-bottom: 24px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
line-height: 1.3em;
color: #231e15;
}
.p2pkvm .overview__card {
display: flex;
background: transparent;
padding: 72px 0px;
border: none;
flex-direction: row;
}
.p2pkvm .overview__description {
margin-top: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #1d1d1d;
text-align: left;
}
.p2pkvm .overview__card-image {
display: flex;
justify-content: center;
align-items: center;
margin-right: 60px;
}
.p2pkvm .overview__card-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
} .p2pkvm .features__container {
display: flex;
flex-direction: column;
padding: 0 230px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .features__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #231e15;
}
.p2pkvm .features__items {
display: flex;
justify-content: center;
gap: 16px;
margin: 40px 0 150px;
flex-wrap: wrap;
}
.p2pkvm .features__item {
display: flex;
align-items: center;
background: #f8f9fa;
border-radius: 16px;
padding: 16px;
min-height: max-content;
width: calc(19% - 8px);
box-sizing: border-box;
gap: 16px;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.p2pkvm .features__item-image {
display: flex;
align-items: center;
justify-content: center;
}
.p2pkvm .features__item-image {
width: 25px;
height: 25px;
}
.p2pkvm .features__item-image img {
width: 100%;
height: 100%;
}
.p2pkvm .features__item-content {
flex: 1;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2em;
color: #000;
}
.p2pkvm .features__card-content p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #1d1d1d;
text-align: left;
}
.p2pkvm .features__card {
display: flex;
background: transparent;
border: none;
padding: 0;
margin: 0 0 100px;
max-width: 100%;
gap: 30px;
align-items: center;
}
.p2pkvm .features__button {
display: block;
}
.p2pkvm .features__card-image {
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 38%;
}
.p2pkvm .features__card-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.p2pkvm .features__card-content,
.p2pkvm .features__card > div:not(.features__card-image) {
width: 57%;
gap: 24px;
display: flex;
flex-direction: column;
}
.p2pkvm .features__card img {
width: auto;
height: auto;
max-width: 100%;
}
.p2pkvm .features__card-list {
margin-left: 32px;
margin-bottom: 16px;
line-height: 1.6;
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2em;
color: #1d1d1d;
}
.features__card-list-item {
position: relative;
}
.features__card-list-item::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
background: #f98025;
top: 6px;
left: -20px;
} .p2pkvm .cases__container {
display: flex;
flex-direction: column;
padding: 0 230px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .cases {
margin-top: 40px;
margin-bottom: 40px;
}
.p2pkvm .cases__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #231e15;
}
.p2pkvm .cases__grid {
margin-top: 40px;
margin-bottom: 100px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
width: 100%;
}
.p2pkvm .cases__card {
background: transparent;
text-align: center;
padding: 0;
position: relative;
overflow: hidden;
border-radius: 8px 8px 0 0;
}
.p2pkvm .cases__card img {
width: 100%;
height: auto;
}
.p2pkvm .cases__card p {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 20px;
color: #111;
padding: 12px 12px 16px;
text-align: left;
background: #fff;
border-radius: 0 0 8px 8px;
} .p2pkvm .models__container {
display: flex;
flex-direction: column;
padding: 0 230px;
max-width: 1800px;
margin: 0 auto;
align-items: center;
}
.p2pkvm .models {
margin-top: 32px;
margin-bottom: 100px;
position: relative;
}
.p2pkvm .models__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #231e15;
}
.p2pkvm .models__subtitle {
font-size: 28px;
margin-top: 8px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
text-align: center;
color: #707072;
margin-bottom: 48px;
}
.p2pkvm .models__subtitle.highlight {
margin-bottom: 32px;
font-weight: 600;
}
.p2pkvm .models__card {
display: flex;
flex-direction: column;
background: transparent;
border-radius: 40px;
overflow: hidden;
padding: 32px;
width: 100%;
margin-bottom: 50px;
}
.p2pkvm .models__content {
display: flex;
flex-direction: row;
width: 100%;
font-family: "HelveticaNeueCyr", sans-serif;
gap: 50px;
}
.p2pkvm .models__image {
flex: 0 0 55%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.p2pkvm .models__list {
flex: 0 0 45%;
padding: 0;
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 30px;
}
.p2pkvm .models__category h3 {
margin-bottom: 24px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
color: #231e15;
}
.p2pkvm .models__category ul {
padding-left: 20px;
list-style: none;
display: flex;
flex-direction: column;
gap: 16px;
}
.p2pkvm .models__category li {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2em;
color: #1d1d1d;
}
.p2pkvm .models__comparison {
margin-top: 30px;
background: transparent;
border-radius: 40px;
width: 100%;
}
.p2pkvm .models__comparison h2 {
text-align: center;
margin: 0;
}
.p2pkvm .product h4 {
color: #1b1b2c;
font-size: 24px;
font-weight: 500;
margin: 10px 0 5px 0;
}
.p2pkvm .product p {
font-size: 12px;
}
.p2pkvm .models__table {
width: 100%;
margin: 0 0 40px;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #f0f4ff;
border-radius: 10px;
overflow: hidden;
background: #fff;
font-family: "Intel", sans-serif;
}
.p2pkvm .models__table .image-checked-blue-icon {
justify-self: center;
margin-bottom: 10px;
}
.p2pkvm .table-wrapper {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.p2pkvm .product-row {
vertical-align: bottom;
}
.p2pkvm .models__table th {
border-bottom: 1px solid #eaecf0;
background: #eef6ff;
}
.p2pkvm .models__table td {
padding: 12px 15px;
text-align: center;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #eaecf0;
vertical-align: middle;
font-size: 20px;
font-weight: 400;
font-size: 14px;
color: #1d1d1d;
}
.p2pkvm .models__table td:first-child {
font-weight: 500;
font-size: 14px;
line-height: 1.4em;
color: #231e15;
font-family: "Inter", sans-serif;
border-bottom: 1px solid #eaecf0;
}
.p2pkvm .models__table a {
font-weight: 400;
font-size: 14px;
color: #1d1d1d;
transition: all 0.3s;
}
.p2pkvm .models__table a:hover {
text-decoration: underline;
}
.p2pkvm .product-row img {
max-width: 100%;
height: 120px;
object-fit: contain;
margin: 0 auto 15px;
display: block;
}
.p2pkvm .product-row h4 {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #231e15;
margin: 13px 0;
}
.p2pkvm .product-row p {
font-size: 12px;
line-height: 1.3;
margin: 0 0 5px 0;
} @media (max-width: 1440px) {
.p2pkvm .features__items {
margin: 40px 0 100px;
}
.p2pkvm .features__card {
flex-direction: row;
padding: 16px;
margin: 0 0 50px;
}
.p2pkvm .features__card-image {
width: 100%;
}
.p2pkvm .features__card-content,
.p2pkvm .features__card > div:not(.features__card-image) {
width: 100%;
}
.p2pkvm .cases {
margin-bottom: 0;
}
.p2pkvm .models__card {
padding: 0;
}
.p2pkvm .models {
margin-top: 0;
}
.p2pkvm .models__comparison {
margin-top: 60px;
}
}
@media (max-width: 1299.99px) {
.p2pkvm .overview__container,
.p2pkvm .features__container,
.p2pkvm .cases__container,
.p2pkvm .models__container {
padding: 0 150px;
}
}
@media (max-width: 1200px) {
.p2pkvm .device--right {
top: 50px;
left: 160px;
}
.p2pkvm .features__item {
width: calc(33% - 16px);
gap: 24px;
}
}
@media (max-width: 1024.99px) {
.p2pkvm .main__title {
font-size: 36px;
}
.p2pkvm .main__subtitle {
font-size: 20px;
}
.p2pkvm .main__description {
font-size: 14px;
}
.p2pkvm .device--left {
top: 124px;
left: 6px;
z-index: 3;
width: 45%;
}
.p2pkvm .device--right {
top: 100px;
left: 150px;
}
}
@media (max-width: 1000px) {
.p2pkvm .cases__card p {
padding: 12px;
font-size: 24px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
margin: 0;
border: 1px solid #fff;
width: 105%;
}
.p2pkvm .cases__card {
padding: 0;
border-radius: 8px 8px 0 0;
}
.p2pkvm .cases__grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
}
@media (max-width: 992.99px) {
.p2pkvm .overview__container,
.p2pkvm .features__container,
.p2pkvm .cases__container,
.p2pkvm .models__container {
padding: 0 90px;
}
}
@media (max-width: 992px) {
.p2pkvm .main__container {
flex-direction: column;
padding: 32px 16px !important;
}
.p2pkvm .main__content {
font-size: 50px;
max-width: 100%;
}
.p2pkvm .main__devices {
height: 310px;
top: -53px;
}
.p2pkvm .device--left {
top: 115px;
}
.p2pkvm .device--right {
top: 95px;
left: 130px;
}
.p2pkvm .device--bottom {
top: 200px;
width: 70%;
}
.p2pkvm .overview__card {
padding: 42px 0px;
}
.p2pkvm .features__card {
flex-direction: column;
padding: 16px;
}
.p2pkvm .features__card-content,
.p2pkvm .features__card > div:not(.features__card-image) {
width: 100%;
}
.p2pkvm .models__subtitle {
font-size: 16px;
}
.p2pkvm .models__comparison {
margin-top: 0px;
border-radius: 30px;
}
.p2pkvm .models__comparison h2 {
margin: 30px 0;
}
.p2pkvm .models__table {
width: calc(100% - 40px);
margin: 0 20px 20px 20px;
}
.p2pkvm .models__table td:first-child {
width: 180px;
font-size: 14px;
}
.p2pkvm .models__table td {
font-size: 14px;
padding: 12px 10px;
}
.p2pkvm .product-row img {
height: 80px;
}
.p2pkvm .product-row h4 {
font-size: 16px;
}
.p2pkvm .product-row p {
font-size: 12px;
}
.p2pkvm .overview__card-image {
width: 40%;
}
}
@media (max-width: 768px) {
.p2pkvm .h2 {
font-size: 24px;
}
.p2pkvm .p {
font-size: 14px;
}
.p2pkvm .main {
background-position: bottom right !important;
}
.p2pkvm .main__container {
padding: 0 20px;
}
.p2pkvm .main__content {
width: 100%;
}
.p2pkvm .main__title {
margin-bottom: 16px;
font-size: 42px;
}
.p2pkvm .main__subtitle {
font-size: 20px;
}
.p2pkvm .main__devices {
height: 350px;
top: -33px;
left: -26px;
}
.p2pkvm .device--left {
width: 180px;
left: -75px;
top: 70px;
}
.p2pkvm .device--right {
width: 200px;
top: 40px;
}
.p2pkvm .device--bottom {
width: 225px;
top: 200px;
}
.p2pkvm .overview__container,
.p2pkvm .features__container,
.p2pkvm .cases__container,
.p2pkvm .models__container {
padding: 0 16px;
}
.p2pkvm .overview__title {
margin-bottom: 5px;
font-size: 24px;
}
.p2pkvm .overview__card {
padding: 0;
flex-direction: column;
}
.p2pkvm .overview__card-image {
margin-right: 0;
width: 95%;
}
.p2pkvm .features__title {
font-size: 24px;
}
.p2pkvm .features__items {
margin: 20px 0 50px;
}
.p2pkvm .features__item {
width: calc(50% - 16px);
padding: 12px 8px 12px 12px;
gap: 16px;
}
.p2pkvm .features__item-content {
font-size: 14px;
}
.p2pkvm .features__card {
margin: 0;
}
.p2pkvm .features__button {
display: flex;
justify-content: center;
}
.p2pkvm .features__card > div:not(.features__card-image) {
gap: 12px;
}
.p2pkvm .cases__card div {
height: 320px;
aspect-ratio: 1;
}
.p2pkvm .cases__card img {
height: 100%;
}
.p2pkvm .cases__card p {
font-size: 14px;
}
.p2pkvm .cases__title {
font-size: 24px;
}
.p2pkvm .cases__grid {
margin-bottom: 50px;
}
.p2pkvm .models__title {
font-size: 24px;
}
.p2pkvm .models__subtitle {
font-size: 16px;
}
.p2pkvm .models__content {
flex-direction: column;
gap: 16px;
}
.p2pkvm .models__list {
padding: 0;
margin-top: 0;
}
.p2pkvm .models__category h3 {
font-size: 24px;
}
.p2pkvm .models__category li {
font-size: 14px;
}
.p2pkvm .models__table {
width: calc(100% - 30px);
margin: 0 15px 15px 15px;
overflow-x: auto;
scrollbar-width: thin;
overflow-y: hidden;
scrollbar-color: #ffffff #e5e5e5;
}
.p2pkvm .models__table td:first-child {
width: 150px;
}
.p2pkvm .models__table td {
font-size: 12px;
padding: 8px 5px;
}
.p2pkvm .product-row h4 {
font-size: 14px;
}
.p2pkvm .product-row img {
height: 60px;
margin-bottom: 10px;
}
.p2p-series .filter-card .filter-section {
display: none;
}
.p2p-series .filter-card__description {
display: none;
}
.p2p-series .filter-card.active .filter-section {
display: block;
}
.p2p-series .filter-card.active .filter-card__description {
display: block;
}
}
@media (max-width: 576px) {
.p2pkvm .main__title {
font-size: 36px;
margin-bottom: 8px;
}
.p2pkvm .main__subtitle {
font-size: 24px;
}
.p2pkvm .main__devices {
height: 260px;
top: -63px;
left: -60px;
}
.p2pkvm .device--left {
width: 120px;
top: 107px;
left: -15px;
}
.p2pkvm .device--right {
width: 140px;
top: 85px;
}
.p2pkvm .device--bottom {
width: 215px;
top: 175px;
left: 125px;
}
.p2pkvm .overview__card {
padding: 0;
}
.p2pkvm .cases__card p {
padding: 12px;
font-size: 14px;
}
.p2pkvm .cases__grid {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.p2pkvm .models__category h3 {
font-size: 20px;
}
.p2pkvm .models__category li {
font-size: 16px;
}
.p2pkvm .models__comparison {
border-radius: 20px;
overflow-x: auto;
}
.p2pkvm .models__comparison h2 {
margin: 20px 0;
}
.p2pkvm .models__table {
min-width: 600px;
width: calc(100% - 20px);
margin: 0 10px 10px 10px;
}
.p2pkvm .models__table td:first-child {
width: 120px;
}
}   .smartaviChild-main-menu {
display: flex;
justify-content: flex-end;
align-items: center;
font-family: "HelveticaNeueCyr", sans-serif;
z-index: 10;
gap: 24px;
background: none;
padding: 0 230px;
}
.smartaviChild-main-menu > li {
padding: 9px 0 9px 0;
border: none;
position: relative;
}
.smartaviChild-main-menu > li:hover {
background: none;
}
.smartaviChild-main-menu > li:first-child {
padding-left: 0;
}
.smartaviChild-main-menu > li:last-child {
padding-right: 0;
}
.smartaviChild-main-menu > li > a {
color: #333;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.smartaviChild-main-menu > li > a:hover {
color: #6090c2;
}
.smartaviChild-main-menu > li > a:focus {
color: #446a91;
} .smartaviChild-main-menu > li.menu-item-has-children {
cursor: pointer;
}
.smartaviChild-main-menu > li.menu-item-has-children::after {
content: "\e900";
font-family: "icomoon";
color: #333;
font-size: 12px;
width: 15px;
height: 10px;
font-weight: 700;
padding: 0;
display: inline-block;
transform: rotate(0deg);
transition: all 0.3s ease;
position: relative;
top: 1px;
}
.smartaviChild-main-menu > li.menu-item-has-children:hover::after {
transform: rotate(180deg);
}
.smartaviChild-main-menu .sub-menu {
position: absolute;
top: 40px;
left: -50px;
background: #f8f9fa;
opacity: 0;
visibility: hidden;
transition: opacity 0.45s linear, visibility 0.45s linear, padding-bottom 0.4s ease;
z-index: 10;
padding: 36px 36px 65px;
min-width: 625px;
display: grid;
grid-template-columns: 1fr;
gap: 16px;
justify-content: space-between;
}
.smartaviChild-main-menu .sub-menu:hover, .smartaviChild-main-menu .sub-menu.js-active {
opacity: 1;
visibility: visible;
}
.smartaviChild-main-menu .sub-menu > li {
padding: 8px 16px;
border-left: 2px solid transparent;
transition: all 0.5s ease-in-out;
width: 240px;
}
.smartaviChild-main-menu .sub-menu > li:hover, .smartaviChild-main-menu .sub-menu > li.active {
border-left: 2px solid #f98025;
}
.smartaviChild-main-menu .sub-menu > li > a {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
color: #1d1d1d;
font-weight: 500;
text-transform: capitalize;
}
.smartaviChild-main-menu .sub-menu > li > a:hover {
color: #68a1de;
}
.smartaviChild-main-menu .sub-menu > li > a:focus {
text-decoration: none;
color: #446a91;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children {
padding: 8px 16px;
border-left: 2px solid transparent;
transition: all 0.5s ease-in-out;
width: max-content;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children:hover, .smartaviChild-main-menu .sub-menu > li.menu-item-has-children.active {
border-left: 2px solid #f98025;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > a {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
color: #1d1d1d;
font-weight: 500;
text-transform: capitalize;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > a:hover {
color: #68a1de;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > a:focus {
text-decoration: none;
color: #446a91;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
position: absolute;
top: 8%;
left: 40%;
padding: 0;
background: none;
box-shadow: none;
gap: 0;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu.active {
opacity: 1;
visibility: visible;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu > li {
padding: 8px;
border-left: 0;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu > li > a {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
color: #1d1d1d;
opacity: 0.7;
font-weight: 400;
text-transform: capitalize;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu > li > a:hover {
color: #68a1de;
}
.smartaviChild-main-menu .sub-menu > li.menu-item-has-children > .sub-menu > li > a:focus {
text-decoration: none;
color: #446a91;
}
.smartaviChild-main-menu .sub-menu.js-active.proav-active {
padding-bottom: 65px;
}
.smartaviChild-main-menu > li:first-child > .sub-menu {
border: 1px solid #ebebed;
border-top: none;
}
#menu-item-21729 {
position: relative;
}
#menu-item-21729::after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.167 11.833L11.834 5.167' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.167 5.167H11.834V11.833' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 6px;
left: 60px;
background-size: contain;
background-repeat: no-repeat;
}
#menu-item-21575 {
position: relative;
}
#menu-item-21575::after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.167 11.833L11.834 5.167' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.167 5.167H11.834V11.833' stroke='%23F98025' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 7px;
left: 70px;
background-size: contain;
background-repeat: no-repeat;
}
#menu-item-21596 .sub-menu > li {
padding: 2px;
} #menu-item-21635 > a,
#menu-item-21638 > a,
#menu-item-21647 > a,
#menu-item-21652 > a,
#menu-item-21655 > a {
color: #f98025;
font-size: 14px;
font-weight: 500;
opacity: 1;
}
#menu-item-21635 > a:hover,
#menu-item-21638 > a:hover,
#menu-item-21647 > a:hover,
#menu-item-21652 > a:hover,
#menu-item-21655 > a:hover {
color: #68a1de;
}
#menu-item-21635 > a:focus,
#menu-item-21638 > a:focus,
#menu-item-21647 > a:focus,
#menu-item-21652 > a:focus,
#menu-item-21655 > a:focus {
text-decoration: none;
color: #446a91;
} #menu-item-21596 .sub-menu .sub-menu li a {
color: #1d1d1d;
font-size: 16px;
font-weight: 400;
padding: 5px 0;
display: block;
opacity: 0.7;
}
#menu-item-21596 .sub-menu .sub-menu li a:hover {
color: #68a1de;
}
#menu-item-21596 .sub-menu .sub-menu li a:focus {
text-decoration: none;
color: #446a91;
}
#menu-item-21596 .sub-menu li {
width: max-content;
}
#menu-item-21596 .sub-menu {
display: grid;
grid-template-columns: 120px 1fr;
min-width: 300px;
column-gap: 24px;
row-gap: 4px;
align-items: start;
grid-auto-rows: min-content;
} #menu-item-21635 {
grid-column: 1/2;
grid-row: 1/2;
}
#menu-item-21642 {
grid-column: 1/2;
grid-row: 2/3;
}
#menu-item-21645 {
grid-column: 1/2;
grid-row: 3/4;
}
#menu-item-21636 {
grid-column: 1/2;
grid-row: 4/5;
}
#menu-item-21677 {
grid-column: 1/2;
grid-row: 5/6;
}
#menu-item-21644 {
grid-column: 1/2;
grid-row: 6/7;
} #menu-item-21638 {
grid-column: 1/2;
grid-row: 8/9;
}
#menu-item-21683 {
grid-column: 1/2;
grid-row: 9/10;
}
#menu-item-21662 {
grid-column: 1/2;
grid-row: 10/11;
} #menu-item-21647 {
grid-column: 1/2;
grid-row: 12/13;
}
#menu-item-21679 {
grid-column: 1/2;
grid-row: 13/14;
}
#menu-item-21680 {
grid-column: 1/2;
grid-row: 14/15;
}
#menu-item-21650 {
grid-column: 1/2;
grid-row: 15/16;
} #menu-item-21652 {
grid-column: 2/3;
grid-row: 1/2;
}
#menu-item-21681 {
grid-column: 2/3;
grid-row: 2/3;
}
#menu-item-21682 {
grid-column: 2/3;
grid-row: 3/4;
} #menu-item-21655 {
grid-column: 2/3;
grid-row: 5/6;
}
#menu-item-21656 {
grid-column: 2/3;
grid-row: 6/7;
}
#menu-item-21657 {
grid-column: 2/3;
grid-row: 7/8;
}
#menu-item-21658 {
grid-column: 2/3;
grid-row: 8/9;
}
#menu-item-21659 {
grid-column: 2/3;
grid-row: 9/10;
} @media screen and (max-width: 998.98px) {
.header-desktop {
display: none;
}
.header-mobile {
display: block;
position: relative;
}
.header-mobile .header__main {
position: relative;
}
.header-mobile .header__main .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}
.header-mobile .header__main .container > a {
width: 32.5%;
min-width: 140px;
max-width: 200px;
}
.smartaviChild-main-menu__mobile-button {
display: block;
color: #000;
font-size: 22px;
cursor: pointer;
}
.smartaviChild-main-menu {
display: none;
transition: visibility 0s, opacity 0.5s linear;
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
}
.smartaviChild-main-menu.open {
display: flex;
}
.smartaviChild-main-menu > li {
width: 100%;
padding: 0;
border-bottom: none;
}
.smartaviChild-main-menu > li > a {
display: block;
width: 100%;
padding: 10px 5%;
font-size: 14px;
font-weight: normal;
color: #fff;
border-bottom: 1px #fff solid;
margin-bottom: 0;
}
.smartaviChild-main-menu > li.menu-item-has-children {
position: relative;
cursor: pointer;
}
.smartaviChild-main-menu > li.menu-item-has-children::after {
content: "\e900";
font-family: "icomoon";
font-size: 15px !important;
position: absolute;
top: 10px;
right: 5%;
color: #fff;
transform: rotateX(0deg);
transition: transform 0.3s ease;
}
.smartaviChild-main-menu > li.menu-item-has-children.rotate::after {
transform: rotateX(180deg);
}
.smartaviChild-main-menu .sub-menu {
position: unset;
width: 100%;
background: none;
box-shadow: none;
display: none;
flex-direction: column;
justify-content: flex-start;
padding: 0;
opacity: 1;
visibility: visible;
}
.smartaviChild-main-menu .sub-menu > li {
width: 100%;
padding: 0;
}
.smartaviChild-main-menu .sub-menu > li > a {
display: block;
padding: 10px 5% 10px 10%;
font-size: 14px;
font-weight: normal;
color: #fff;
border-bottom: 1px #fff solid;
}
}
@media screen and (max-width: 1199.98px) {
.smartaviChild-main-menu > li > a {
font-size: 14px;
}
.smartaviChild-main-menu .sub-menu {
gap: 4px;
padding: 24px 24px 65px;
}
}
@media screen and (max-width: 1099.98px) {
.smartaviChild-main-menu {
gap: 10px;
}
}  .mobile-menu-window {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 500;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}
.mobile-menu-window.is-open {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in-out;
} .mobile-nav-container {
position: fixed;
top: 0;
left: 0;
width: 80%;
height: 100vh;
background: #fff;
overflow-y: hidden;
z-index: 1000;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
visibility: hidden;
opacity: 0;
}
.mobile-nav-container.is-open {
transform: translateX(0);
visibility: visible;
opacity: 1;
} .mobile-menu-window__header {
height: 54px;
position: relative;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
z-index: 9999;
} .mobile-menu-close-icon,
.mobile-menu-back-button {
z-index: 2000;
width: 24px;
height: 24px;
cursor: pointer;
}
.mobile-menu-close-icon.is-visible,
.mobile-menu-back-button.is-visible {
visibility: visible;
opacity: 1;
}
.mobile-menu-back-button {
visibility: hidden;
opacity: 0;
} .smartaviChild-mobile-menu {
position: fixed;
top: 56px;
left: 0;
width: 100%;
height: calc(100vh - 30px);
padding: 20px;
background-color: #fff;
overflow-y: auto;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
z-index: 1000;
}
.smartaviChild-mobile-menu.is-active {
transform: translateX(0);
} .smartaviChild-mobile-menu-custom-submenu-class {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
background-color: #fff;
overflow-y: auto;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
z-index: 2000;
}
.smartaviChild-mobile-menu-custom-submenu-class.is-active {
transform: translateX(0);
} #menu-smartavichild-mobile-menu {
display: flex;
flex-direction: column;
}
.smartaviChild-mobile-menu li {
padding: 16px 8px 16px 16px;
border-bottom: 1px solid #fafafa;
}
.smartaviChild-mobile-menu li:last-child {
border-bottom: none;
}
.smartaviChild-mobile-menu li a {
display: flex;
justify-content: space-between;
align-items: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #333;
text-decoration: none;
padding: 0;
} .smartaviChild-mobile-menu .menu-item-has-children > a::after {
content: ">";
font-size: 16px;
font-weight: 500;
margin-left: 10px;
}   header {
background-color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
}
.header-search {
padding: 0;
}
.header-search .container-wider {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 90px;
}
.header-search .help-btn {
color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
cursor: pointer;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
border-radius: 28px;
width: 145px;
position: relative;
transition: all 1s ease;
}
.header-search .help-btn:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.header-search .help-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.header-search .help-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
}
.header-search__searchSection {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.header-nav {
background: #c9cacd;
}
.middle-header {
background-color: #333;
display: flex;
align-items: center;
padding: 6px 0;
margin: 0;
}
.middle-header .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.middle-header .container-wider {
justify-content: flex-end;
gap: 36px;
}
.middle-header__item:not(:last-child) {
border-right: 0.5px solid #fff;
}
.middle-header__logo {
width: 225px;
}
.middle-header__logo img {
width: 100%;
}
.middle-header__info {
display: flex;
font-family: "HelveticaNeueCyr", sans-serif;
}
.middle-header__info h3 {
font-size: 17px;
text-transform: uppercase;
}
.middle-header__info a {
font-size: 14px;
color: #fff;
}
.middle-header__info a:hover {
color: #6090c2;
}
.middle-header__info em {
font-size: 13px;
color: #1d1d1d;
}
.bottom-header {
background-color: #110717;
}
.bottom-header .container {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-menu__mobile-button,
.main-menu__mobile-button-close {
display: none;
}
.header-mobile {
display: none;
}
.bottom-header__search .bottom-header__input {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33333 13.1667C10.2789 13.1667 12.6667 10.7789 12.6667 7.83333C12.6667 4.88781 10.2789 2.5 7.33333 2.5C4.38781 2.5 2 4.88781 2 7.83333C2 10.7789 4.38781 13.1667 7.33333 13.1667Z' stroke='%236E6E73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0002 14.5003L11.1002 11.6003' stroke='%236E6E73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: left 8px center !important;
background-size: 16px !important;
padding-right: 40px;
}
.bottom-header__search .bottom-header__input::placeholder {
background-image: none !important;
}
.bottom-header__search input[type=search]::-webkit-search-decoration,
.bottom-header__search input[type=search]::-webkit-search-cancel-button {
display: none !important;
}
.bottom-header__search input[name=s] {
border-radius: 9999px;
padding: 8px 10px 8px 30px;
width: 190px;
font-size: 12px;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
border: 1px #ebebed solid;
background: #ebebed;
}
.bottom-header__search input[type=submit] {
display: none;
}
.header-search__searchSection-search {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2px;
}
.header-search__searchSection .search-form input {
margin-bottom: 0;
}
.bottom-header__search-close {
display: none;
z-index: 10;
}
.icon-search:before {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 19.5C15.4183 19.5 19 15.9183 19 11.5C19 7.08172 15.4183 3.5 11 3.5C6.58172 3.5 3 7.08172 3 11.5C3 15.9183 6.58172 19.5 11 19.5Z" stroke="%23333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.0004 21.5004L16.6504 17.1504" stroke="%23333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
}
.icon-close:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23891616" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
width: 10px;
height: 10px;
vertical-align: middle;
} .search-suggestions.hidden {
display: none;
}
.search-suggestions {
position: absolute;
top: 40px;
right: 0px;
border-radius: 20px;
padding: 10px;
width: 210px;
background: #fff;
box-shadow: 4px 3px 10px -2px #646464;
border: 1px solid #acadaf;
max-height: 400px;
overflow-y: auto;
z-index: 999;
}
.search-suggestions h4 {
font-size: 18px;
margin-bottom: 10px;
text-align: left;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-suggestions p {
font-size: 16px;
text-align: left;
font-family: "HelveticaNeueCyr", sans-serif;
color: #6e6e73;
margin-bottom: 10px;
}
.search-results {
display: flex;
flex-direction: column;
}
.search-suggestion {
padding: 5px 0;
cursor: pointer;
margin: 0;
}
.search-suggestion a {
color: #333333;
font-size: 16px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-suggestion:hover {
background: #f0f0f0;
}
.search-category-suggestions {
border: 1px solid #c9cacd;
border-radius: 5px;
padding: 5px;
font-size: 18px;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 10px;
}
.search-category-suggestions h4 {
font-weight: bold;
margin-bottom: 10px;
}
.search-result-item {
display: flex;
align-items: center;
padding: 5px 0;
}
.search-result-item a {
display: flex;
align-items: center;
justify-content: flex-start;
flex-basis: 100%;
font-size: 16px;
color: #1d1d1d;
transition: all 0.3s;
}
.search-result-item a:hover {
color: #6090c2;
} .search-main-container .search-header {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 28px;
margin-bottom: 10px;
color: #1d1d1d;
font-weight: 500;
}
.search-main-container .search-header-text {
display: flex;
align-items: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
color: #6e6e73;
margin-bottom: 10px;
}
.search-main-container .search-count-box {
display: flex;
background-color: #de8b57;
color: #fff;
justify-content: center;
align-items: center;
border-radius: 9px;
padding: 0px 9px;
margin: 0 5px;
}
.search-main-container .search-form {
display: flex;
align-items: center;
justify-content: space-between;
}
.search-main-container .search-form input {
padding: 9px 6px;
border: 1px solid #d0d5dd;
border-radius: 5px;
background: #fff;
margin-bottom: 20px;
}
.search-main-container .search-form input:nth-of-type(1) {
width: 75%;
font-size: 12px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-main-container .search-form input:nth-of-type(2) {
width: 23%;
text-align: center;
color: #1d1d1d;
text-transform: capitalize;
font-size: 12px;
transition: all 0.3s;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-main-container .search-form input:nth-of-type(2):hover {
color: #6090c2;
}
.search-main-container .category-suggestions h4 {
font-size: 20px;
font-weight: 500;
font-family: "HelveticaNeueCyr", sans-serif;
}
.search-main-container .cat-box__products {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.search-main-container .product-container {
display: flex;
flex-direction: row-reverse;
flex: 1 1 auto;
justify-content: flex-end;
align-items: center;
gap: 16px;
}
.search-main-container a.cat-box__products_a-container {
display: flex;
flex-direction: column;
height: auto;
flex: 1 1 auto;
width: 100%;
}
.search-main-container .cat-box__container {
display: flex;
position: relative;
background-color: #fff;
align-items: flex-start;
width: 100%;
}
.search-main-container .cat-box__products_product {
position: relative;
height: max-content !important;
width: 100%;
padding: 16px;
display: flex;
justify-content: space-between;
flex-direction: column;
border: 2px solid #f5f5f5;
cursor: pointer;
margin: 10px 0;
}
.search-main-container .cat-box__products_product-img-box {
width: 20%;
height: auto;
display: flex;
align-items: center;
margin: 0;
min-height: max-content;
}
.search-main-container .product__title {
margin-bottom: 16px;
text-transform: capitalize;
text-align: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #de8b57;
}
.search-main-container p {
font-size: 16px;
margin: 16px 0;
font-family: "HelveticaNeueCyr", sans-serif;
} @media screen and (max-width: 1099.98px) {
.header-search__searchSection {
gap: 10px;
}
.header-search .help-btn {
width: 120px;
}
.header-search .help-btn:after {
margin-left: 0;
}
}
@media screen and (max-width: 998.98px) {
.container {
padding: 0 90px;
}
.header-desktop {
display: none;
}
.header-mobile {
display: block;
position: relative;
}
.header-mobile .header__main {
position: relative;
}
.header-mobile .header__main .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 90px;
}
.header-mobile .header__main .container > a {
width: 32.5%;
min-width: 140px;
max-width: 200px;
}
.header-mobile .header__main .container > a img {
width: 100%;
}
.header-mobile .header__main .container .header__main_mobile-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.header-mobile .header__main .container .header__main_mobile-nav form {
display: none;
}
.header-mobile .header__main .container .header__main_mobile-nav .main-menu__mobile-button-search {
margin: 0 15px;
}
.bottom-header__search-container {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
bottom: 0;
left: 0;
position: absolute;
}
.bottom-header__search {
align-items: center;
}
.bottom-header__search > * {
height: 25px;
}
.bottom-header__search input[name=s] {
width: 200px;
margin: 5px 0;
font-family: "HelveticaNeueCyr", sans-serif;
border: 1px #ccc solid;
border-radius: 5px 0 0 5px;
background: #fff;
}
.bottom-header__search #searchsubmit {
display: block;
border-radius: 0 5px 5px 0;
width: 60px;
background: #ccc;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
}
.bottom-header .container {
width: 100%;
max-width: 100%;
}
.bottom-header .container .main-menu__mobile-button {
margin-left: 5vw;
}
.bottom-header .bottom-header__search {
margin-right: 5vw;
}
.bottom-header__search {
display: none;
}
.search-main-container .product__title {
font-size: 16px;
text-align: left;
}
}
.bottom-header__search {
position: relative;
}
@media screen and (max-width: 767.98px) {
.middle-header__logo {
width: 140px;
}
.search-main-container .product-container {
gap: 4px;
}
}
@media screen and (max-width: 575.98px) {
.middle-header .container-wider {
padding: 0 16px;
justify-content: space-evenly;
gap: 3px;
}
.middle-header__info h3 {
font-size: 16px;
}
.middle-header__info a {
font-size: 12px;
}
.middle-header__info em {
font-size: 12px;
}
.header__main .container {
padding: 16px !important;
}
.bottom-header__search-container {
position: relative;
bottom: 5%;
left: 1px;
}
.bottom-header__search input[name=s] {
padding: 5px;
font-size: 14px;
}
}
.main-page-line-menu {
background: #f7f7f7;
}
.main-page-line-menu ul {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.main-page-line-menu ul li {
flex-grow: 1;
flex-basis: auto;
font-family: Lato;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 0;
display: flex;
justify-content: center;
border-right: 1px #939393 solid;
}
.main-page-line-menu ul li a {
color: #707070;
}
.main-page-line-menu ul li a:hover {
color: #333333;
text-decoration: underline;
}
.main-page-line-menu ul li:last-child {
border-right: none;
}
@media screen and (max-width: 1299.98px) {
.main-page-line-menu ul li {
font-size: 18px;
text-align: center;
}
}
@media screen and (max-width: 991.98px) {
.main-page-line-menu ul li {
font-size: 15px;
}
.main-page-line-menu ul li:first-child {
border-left: none;
}
.main-page-line-menu ul li:last-child {
border-right: none;
}
}
@media screen and (max-width: 767.98px) {
.main-page-line-menu ul {
flex-direction: column;
padding: 0;
}
.main-page-line-menu ul li {
width: 100% !important;
border-right: none;
border-bottom: 1px #939393 solid;
font-size: 14px;
padding: 10px 0;
}
.main-page-line-menu ul li:last-child {
border-bottom: none;
}
}   .main-page-smartavi-products {
padding: 0 0 150px;
}
.main-page-smartavi-products__list {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
}
.main-page-smartavi-products__item {
padding: 24px;
border: none;
width: 100%;
background-color: #f8f9fa;
border-radius: 16px;
}
.main-page-smartavi-products__linkMore {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #de8b57;
background-color: transparent;
padding: 0;
text-transform: capitalize;
display: flex;
justify-content: center;
align-items: center;
}
.main-page-smartavi-products__linkMore:hover {
color: #d97b34;
border: none;
background-color: transparent;
}
.main-page-smartavi-products__linkMore:focus {
color: #d18025;
border: none;
background-color: transparent;
}
.main-page-smartavi-products__img {
width: 100%;
height: 100%;
margin-bottom: 0;
}
.main-page-smartavi-products__img img {
object-fit: cover;
}
.main-page-smartavi-products__item p {
display: -webkit-box;
-webkit-line-clamp: 4;
overflow: hidden;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #1d1d1d;
line-height: 1.3em;
}
.main-page-smartavi-products__wrapper {
margin-bottom: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 36px;
}
.main-page-smartavi-products__wrapper-imgBox {
border-radius: 8px;
overflow: hidden;
grid-column: 1/2;
grid-row: 1/3;
}
.main-page-smartavi-products__wrapper-textBox {
grid-column: 2/3;
grid-row: 1/2;
}
.main-page-smartavi-products__wrapper-imgLink {
height: 300px;
display: block;
}
.main-page-smartavi-products__wrapper-linkMore {
grid-column: 2/3;
grid-row: 2/3;
justify-items: self-end;
align-self: end;
}
.main-page-smartavi-products__item .main-page-smartavi-products__item-title {
-webkit-line-clamp: 2;
height: auto;
margin-bottom: 8px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
color: #1d1d1d;
text-align: left;
line-height: 1.3em;
}
@media (max-width: 1449.98px) {
.main-page-smartavi-products__wrapper-imgLink {
height: 300px;
display: block;
}
}
@media screen and (max-width: 1099.98px) {
.main-page-smartavi-products {
padding: 0 0 100px;
}
}
@media (max-width: 767.98px) {
.main-page-smartavi-products {
padding: 0 0 64px;
}
.main-page-smartavi-products__item {
padding: 24px 0;
}
.main-page-smartavi-products__item p {
font-size: 14px;
}
.main-page-smartavi-products__item .main-page-smartavi-products__item-title {
margin-bottom: 16px;
}
.main-page-smartavi-products__wrapper {
grid-template-columns: 1fr;
row-gap: 16px;
}
.main-page-smartavi-products__wrapper-textBox {
grid-column: 1/3;
grid-row: 1/2;
width: 100%;
padding: 0 24px;
}
.main-page-smartavi-products__wrapper-imgBox {
grid-column: 1/3;
grid-row: 2/3;
border-radius: 0;
}
.main-page-smartavi-products__wrapper-imgLink {
height: 185px;
}
.main-page-smartavi-products__wrapper-linkMore {
grid-column: 1/3;
grid-row: 3/4;
justify-self: self-start;
padding: 0 24px;
}
}   .main-page-smartavi-clients {
padding: 0 0 150px;
}
.main-page-smartavi-clients__container {
padding: 0;
}
.smartavi-clients-container__slider-box {
border: none;
width: 100%;
}
.smartavi-clients-container__slider-box .owl-item .img-container {
padding: 0;
width: 175px;
height: 100px;
background: #fff;
border-radius: 16px;
}
.smartavi-clients-container__slider-box .owl-carousel .owl-item img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
}
@media screen and (max-width: 1199.98px) {
.main-page-smartavi-clients {
padding: 0 0 100px;
}
}
@media screen and (max-width: 991.98px) {
.main-page-smartavi-clients__container {
width: 100%;
padding: 40px 0;
}
}
@media screen and (max-width: 767.98px) {
.main-page-smartavi-clients {
padding: 0 0 64px;
}
.owl-item .img-container {
width: 140px;
height: 65px;
}
}   .main-page__sub-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 36px;
color: #1d1d1d;
text-transform: capitalize;
margin-bottom: 48px;
}
.main-page-smartavi-categories {
padding: 0 0 150px;
}
.main-page-smartavi-categories h3 {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
color: #1d1d1d;
text-transform: capitalize;
margin-bottom: 8px;
}
.main-page-smartavi-categories__wrapper {
padding: 24px 16px;
border-radius: 0 0 16px 16px;
background: #f8f9fa;
min-height: 190px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main-page-smartavi-categories__text-wrapper {
padding: 0;
margin-bottom: 20px;
}
.main-page-smartavi-categories__item p {
font-weight: 500;
font-size: 16px;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
line-height: 1.3em;
}
.main-page-smartavi-categories__linkMore {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #de8b57;
background-color: transparent;
padding: 0;
text-transform: capitalize;
display: flex;
align-items: center;
}
.main-page-smartavi-categories__linkMore:hover {
color: #d97b34;
border: none;
background-color: transparent;
}
.main-page-smartavi-categories__linkMore:focus {
color: #d18025;
border: none;
background-color: transparent;
}
.main-page-smartavi-categories__link {
justify-content: flex-start;
}
.main-page-smartavi-categories__item {
padding-bottom: 0;
border: none;
flex-grow: 1;
flex-shrink: 1;
min-width: 300px;
}
.main-page-smartavi-categories__img-wrapper {
border-radius: 16px 16px 0 0;
height: 470px;
width: 100%;
}
.main-page-smartavi-categories__list {
display: flex;
flex-direction: row;
gap: 16px;
}
@media screen and (max-width: 1199.98px) {
.main-page-smartavi-categories__img-wrapper {
height: 400px;
}
}
@media screen and (max-width: 1099.98px) {
.main-page-smartavi-categories__img-wrapper {
height: 370px;
}
.main-page-smartavi-categories {
padding: 0 0 100px;
}
.main-page-smartavi-categories__list {
gap: 16px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 799.98px) {
.main-page-smartavi-categories__item {
width: 100%;
}
.main-page-smartavi-categories {
padding: 0 0 64px;
}
}
@media screen and (max-width: 769.98px) {
.main-page-smartavi-categories__list {
flex-direction: column;
}
.main-page__sub-title {
font-size: 24px;
margin-bottom: 36px;
}
}
@media screen and (max-width: 575.98px) {
.main-page-smartavi-categories__item {
flex-basis: 100%;
max-width: 100%;
}
}   .main-page-banner {
position: relative;
width: 100%;
height: 590px;
overflow: hidden;
margin-bottom: 64px;
}
.main-page-banner__image {
width: 100%;
display: block;
object-fit: cover;
height: 590px;
}
.main-page-banner .desktop-image {
display: block;
}
.main-page-banner__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
width: 100%;
max-width: 930px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.main-page-banner__content h2 {
font-size: 64px;
font-weight: 700;
margin-bottom: 16px;
}
.main-page-banner__content p {
font-size: 16px;
margin-bottom: 36px;
max-width: 550px;
font-size: 16px;
line-height: 1.3em;
}
.main-page-banner__buttons {
display: flex;
justify-content: center;
gap: 20px;
}
.main-page-banner .button-primary,
.main-page-banner .button-secondary {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: 400;
color: #fff;
border: 1px solid #6090c2;
border-radius: 28px;
padding: 8px 16px;
width: 250px;
height: 40px;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
.main-page-banner .button-primary {
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
font-weight: 500;
color: #fff;
border: 1px solid #6090c2;
}
.main-page-banner .button-primary:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transform: scale(1.1);
}
.main-page-banner .button-primary:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
.main-page-banner .button-primary:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.main-page-banner .button-secondary {
background-color: #fff;
color: #000;
border: 1px solid #6090c2;
}
.main-page-banner .button-secondary:hover {
color: #0b2d52;
border: 1px solid #3e75af;
transform: scale(1.1);
}
.main-page-banner .button-secondary:focus {
color: #577fa8;
border: 1px solid #557ca6;
transform: scale(1.1);
}
@media (max-width: 768px) {
.main-page-banner {
height: 580px;
}
.main-page-banner__content {
width: 100%;
padding: 10px;
}
.main-page-banner__content h2 {
font-size: 36px;
}
.main-page-banner__content p {
line-height: 1.3em;
}
.main-page-banner__buttons {
flex-direction: column;
gap: 10px;
}
.desktop-image {
display: none;
}
.mobile-image {
display: block;
}
}
@media screen and (max-width: 575.98px) {
.main-page-banner__content p {
width: 325px;
}
.main-page-banner .button-primary,
.main-page-banner .button-secondary {
width: 345px;
}
}   .container {
width: 100%;
padding: 0 230px;
}
.container-wider {
padding: 0 90px;
max-width: 100%;
}
@media screen and (max-width: 1299.98px) {
.container {
padding: 0 150px;
}
}
@media screen and (max-width: 992.98px) {
.container {
padding: 0 90px;
}
}
@media screen and (max-width: 575.98px) {
.container {
padding: 0 16px;
}
}
.main-page-smartavi-clients__container,
.products-category-container .container,
.main-page-smartavi-clients__container {
padding-top: 20px;
}
.main-page-smartavi-clients__container {
padding-bottom: 20px;
}
footer {
margin-top: 20px;
}
.main-page-line-menu {
margin-bottom: 20px;
}
.featured-product-item {
max-width: 320px;
display: flex;
margin: 0 auto;
}
.featured-product-item__img {
min-width: 50%;
max-width: 50%;
padding: 5px;
display: flex;
align-items: center;
}
.featured-product-item__img img {
width: 100%;
}
.featured-product-item__info {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 5px;
}
.featured-product-item__title {
font-size: 20px;
font-weight: bold;
color: #000;
margin-bottom: 5px !important;
}
.smartavi-clients-container__slider-products .featured-product-item__title {
color: #e78235;
}
.featured-product-item__title-news {
position: relative;
margin-bottom: 20px !important;
color: #666;
}
.featured-product-item__title-news:after {
content: "";
width: 30px;
height: 2px;
position: absolute;
bottom: -10px;
left: 0;
background: #ccc;
}
.featured-product-item__description {
font-size: 14px;
color: #999;
}
.featured-product-item__button {
width: max-content;
border: 1px #ccc solid;
background: #fff;
color: #999;
border-radius: 2px;
padding: 5px 15px;
margin-top: 5px;
cursor: pointer;
}
.featured-product-item__button i {
margin-left: 20px;
color: #999;
}
.featured-product-item:hover .featured-product-item__description,
.featured-product-item:hover .featured-product-item__button,
.featured-product-item:hover .featured-product-item__button i {
color: #428bca;
}
.featured-product-item:hover .featured-product-item__button {
border: 1px #428bca solid;
}
.featured-product-item__date {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 10px 5px;
min-width: 30%;
max-width: 30%;
font-family: Arial;
}
.featured-product-item__date span {
font-size: 14px;
color: #999;
display: block;
margin-left: 5px;
}
.featured-product-item__date b {
font-size: 46px;
color: #1f5fa5;
font-weight: 900;
margin-top: -6.5px;
}
.smartavi-clients-container__slider-products,
.smartavi-clients-container__slider-news {
padding: 20px;
}
.main-page-featured-products-slider-item {
max-width: 300px;
margin: 0 auto;
}
.featured-product-item__info h4 {
font-size: 14px;
margin-top: 5px;
font-weight: bold;
font-family: "Arial";
color: #1f5fa5;
}   .container.container-404 {
padding-bottom: 150px;
}
@media (max-width: 768px) {
.container.container-404 {
padding-bottom: 100px;
}
}
.container-404-main {
display: flex;
flex-direction: column;
}
.container-404-main__content-box {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.container-404 h1,
.container-404 h2 {
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
}
.container-404 .container-404__title {
font-weight: 500;
font-size: 28px;
text-align: center;
margin-bottom: 24px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.container-404 .container-404__result {
margin-bottom: 20px;
font-weight: 700;
font-size: 144px;
text-align: center;
color: #6090c2;
font-family: "HelveticaNeueCyr", sans-serif;
margin-bottom: 36px;
}
.container-404 .container-404__resultText {
margin: 0 auto 50px;
max-width: 600px;
text-align: center;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4em;
text-align: center;
margin-bottom: 24px;
}
.container-404 .container-404__title-popularSection {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.3em;
text-align: center;
color: #000;
margin: 40px auto 40px;
}
.product-item {
width: calc(25% - 6px);
border: 1px solid #f5f5f5;
padding: 12px;
gap: 24px;
}
.product-item .product_readMore-icon {
align-self: flex-end;
}
.product-item:hover {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
transition: 0.5s;
}
.product-item:hover .product-item__info-container p {
color: #6090c2;
}
a.product-item__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.container-404 .product-item__info-container_header {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 14px;
text-align: center;
color: #de8b57;
}
.product-item__img-container {
min-width: 200px;
max-width: 200px;
margin: 0 0 12px;
min-height: 110px;
max-height: 110px;
}
.product-item__img-container img {
width: 100%;
}
.container-404-main__content-box_img-container {
width: 50%;
padding: 10px;
}
.container-404-main__content-box_img-container img {
width: 100%;
}
.product-item__info-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.product-item__info-container p {
text-align: center;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.3em;
color: #1d1d1d;
transition: 0.5s;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
border-top: 1px solid #f5f5f5;
padding-top: 12px;
margin-bottom: 12px;
}
.container-404 .main-page-banner__buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.container-404-main__content-box_info-container {
width: 100%;
}
.container-404 .button-primary,
.container-404 .button-secondary {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: 400;
border: 1px solid #6090c2;
border-radius: 28px;
padding: 8px 16px;
width: 250px;
height: 40px;
font-family: "HelveticaNeueCyr", sans-serif;
color: #fff;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
.container-404 .button-secondary {
color: #1d1d1d;
background: #e9ecef;
border: transparent;
}
.container-404 .button-secondary:hover {
color: #0b2d52;
border: 1px solid #3e75af;
transform: scale(1.1);
}
.container-404 .button-secondary:focus {
color: #577fa8;
border: 1px solid #557ca6;
transform: scale(1.1);
}
.container-404 .button-primary {
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.container-404 .button-primary:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transform: scale(1.1);
}
.container-404 .button-primary:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
}
.container-404 .button-primary:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
color: #fff;
}
@media (max-width: 1200px) {
.product-item {
width: calc(33.33% - 8px);
}
.container-404-main__content-box {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.product-item {
background: transparent;
color: #1d1d1d;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
width: 100%;
}
}   footer {
background-color: #1d1d1d;
margin: 0;
font-family: "HelveticaNeueCyr", sans-serif;
padding: 0 0 30px;
}
footer .container {
padding: 0 90px;
}
.top-footer {
background-color: #e1e3e5;
border-color: transparent;
padding: 15px 230px;
}
.top-footer .container {
padding: 0;
}
.top-footer__list {
display: flex;
gap: 25px;
height: 60px;
align-items: center;
padding: 0;
justify-content: space-between;
}
.top-footer__item {
display: flex;
align-items: center;
height: 100%;
}
.taa-logo,
.iso-logo,
.niap-logo,
.made-logo,
.flag-usa {
width: 100%;
height: auto;
max-height: 100%;
}
.top-footer__item a {
height: 100%;
}
.footer__container {
display: flex;
justify-content: space-between;
align-items: self-start;
gap: 100px;
flex-wrap: wrap;
padding: 100px 0 80px;
}
.footer__container a {
color: #fff;
}
.footer__container a:hover {
color: #68a1de;
opacity: 0.7;
}
.footer__container a:focus {
color: #446a91;
opacity: 0.7;
}
.footer-menu {
display: flex;
justify-content: space-between;
gap: 165px;
font-size: 14px;
font-weight: 500;
opacity: 0.7;
}
.footer-menu > li > a {
font-size: 14px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
opacity: 1;
}
.footer-menu > li > a:hover {
color: #68a1de;
opacity: 0.7;
}
.footer-menu > li > a:focus {
color: #446a91;
opacity: 0.7;
}
.footer-menu .sub-menu {
display: flex;
flex-direction: column;
gap: 10px;
list-style-type: none;
padding-left: 0;
margin-top: 15px;
}
.footer-menu .sub-menu li > a {
color: #fff;
font-size: 14px;
font-weight: normal;
opacity: 0.7;
}
.footer-menu .sub-menu li > a:hover {
color: #6090c2;
opacity: 0.7;
}
.footer__contacts-part {
display: flex;
flex-direction: column;
justify-content: center;
align-items: self-start;
gap: 30px;
flex-basis: 350px;
}
.footer__contacts-part .footer_contact-info {
font-size: 16px;
display: flex;
flex-direction: column;
gap: 10px;
border: none;
}
.footer__contacts-part .footer__CTAtext {
font-size: 12px;
color: #fff;
opacity: 0.8;
}
.footer__phones,
.footer__email,
.footer__address {
position: relative;
padding-left: 25px;
margin-bottom: 0;
}
.footer__phones::before,
.footer__email::before,
.footer__address::before {
display: block;
content: "";
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 2px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.footer__phones::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconPhone.svg);
}
.footer__email::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconEmail.svg);
}
.footer__address::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconLocation.svg);
}
.footer__email a {
text-decoration: none;
}
.footer__copyright {
font-weight: 500;
font-size: 14px;
text-align: center;
color: #fff;
opacity: 0.6;
padding: 25px 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__socials {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
}
.footer__socials li a {
position: relative;
display: inline-block;
width: 36px;
height: 36px;
transition: all 0.2s ease-in;
}
.footer__socials li a:hover {
transform: scale(1.1);
}
.footer__socials-Twitter::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconX.svg);
}
.footer__socials-Linkedin::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconLinkedin.svg);
}
.footer__socials-Youtube::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconYoutube.svg);
}
.footer__socials-Facebook::before {
background-image: url(//smartavi.com/wp-content/themes/smartavi-child/img/iconFacebook.svg);
}
.footer__socials li a::before {
display: block;
content: "";
width: 36px;
height: 36px;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
} @media screen and (max-width: 1445px) {
.top-footer__list {
height: 45px;
}
}
@media screen and (max-width: 1299.98px) {
.top-footer {
padding: 10px 150px;
}
}
@media screen and (max-width: 1199.98px) {
.footer__right-part .footer-menu > li > a {
margin-bottom: 30px;
font-size: 20px;
}
.footer__right-part .footer-menu > li > ul li {
font-size: 14px;
}
}
@media screen and (max-width: 991.98px) {
.top-footer {
padding: 15px 90px;
}
footer {
padding: 0 0 30px;
}
.footer__container {
justify-content: center;
padding: 60px 0 60px;
gap: 60px;
}
.footer_contact-info.socials {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
}
@media screen and (max-width: 575.98px) {
footer .container {
padding: 0 16px;
}
.footer-menu {
justify-content: space-around;
gap: 50px;
}
.footer__contacts-part {
flex-basis: 100%;
}
.footer__menu-part {
flex-basis: 100%;
}
.top-footer {
padding: 10px 16px;
}
}   .modal-help {
width: 75vw;
height: 98vh;
background-color: #fff;
padding: 10px 20px;
border-radius: 5px;
}
.modal-help .common-title {
padding: 8px 0;
margin-bottom: 0;
color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 20px;
background-color: #6090c2;
}
.modal-help .common-container {
padding: 10px;
}
.modal-help .common-form {
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 17px;
font-weight: 500;
}
.modal-help .common-form .common-submit-btn {
margin: 0 auto;
}
.modal__button-close {
height: 10px;
margin-bottom: 5px;
}
@media screen and (max-width: 1100px) {
.modal-help {
padding: 20px 30px;
}
}
@media screen and (max-width: 640px) {
.modal-help {
width: 90vw;
height: 90vh;
padding: 15px 25px 30px;
}
}    .container.partner-container {
padding-bottom: 150px;
}
.partner-section .signup-button {
position: absolute;
bottom: -70px;
right: 15px;
display: block;
min-width: 90px;
padding: 7px 16px;
color: #6090c2;
background-color: #fff;
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
}
.partner-section .signup-button:hover {
border: 0.5px solid #fff;
background-color: #6090c2;
color: #fff;
}
.partner-section .signup-button__blue {
display: block;
width: 91px;
padding: 7px 16px;
margin: 0 auto;
background-color: #6090c2;
color: #fff;
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border: solid 1px transparent;
cursor: pointer;
}
.partner-section .signup-button__blue:hover {
color: #6090c2;
border-color: #6090c2;
background-color: #fff;
}
.partner-container .partner-container__sub-title {
text-decoration-line: none;
text-transform: capitalize;
margin-bottom: 50px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.3em;
color: #231e15;
}
.partner-container p {
margin-bottom: 56px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.4em;
color: #1d1d1d;
}
.partner-container ul {
display: flex;
flex-direction: column;
gap: 56px;
padding: 0;
margin-bottom: 40px;
margin-top: 0;
}
.partner-container .partner-options__title {
text-decoration-line: none;
text-transform: capitalize;
margin-bottom: 0;
margin-left: 0;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.3em;
color: #231e15;
min-width: 28%;
}
.partner-options__item {
position: relative;
display: flex;
align-items: center;
gap: 0;
}
.partner-options__item:nth-child(2n) {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
}
.partner-options__wrapper-text {
width: 100%;
display: flex;
gap: 80px;
justify-content: space-between;
}
.partner-options__wrapper-text p {
margin-bottom: 0;
}
.CTA-partners-box {
margin: 0 auto;
width: 100%;
padding: 48px 0;
background: #f8f9fa;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.CTA-partners-box__title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 48px;
color: #000;
text-align: center;
}
.CTA-partners-box__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 16px;
color: #858585;
width: 45%;
text-align: center;
margin-bottom: 10px;
}
.CTA-partners-box__signup-button {
text-transform: none;
cursor: pointer;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
font-weight: 500;
color: #fff;
border: 1px solid #6090c2;
transition: all 1s ease;
text-decoration: none;
border-radius: 28px;
padding: 8px 16px;
width: 250px;
height: 40px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.CTA-partners-box__signup-button:after {
content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99997 6.5L8.58997 7.91L13.17 12.5L8.58997 17.09L9.99997 18.5L16 12.5L9.99997 6.5Z" fill="white"/></svg>');
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-left: 8px;
}
.CTA-partners-box__signup-button:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
}
.CTA-partners-box__signup-button:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
transform: scale(1.1);
} @media (max-width: 768px) {
.partner-container p {
font-size: 16px;
}
.container.partner-container {
padding-bottom: 100px;
}
.partner-container .partner-container__sub-title {
font-size: 24px;
margin-bottom: 24px;
}
.partner-options__wrapper-text {
gap: 16px;
flex-direction: column;
}
.partner-container ul {
gap: 35px;
}
.CTA-partners-box {
padding: 36px 16px;
}
.CTA-partners-box__title {
font-size: 36px;
}
.CTA-partners-box__text {
font-size: 14px;
width: 60%;
}
.CTA-partners-box__signup-button {
width: 300px;
}
}
@media (max-width: 576px) {
.container.partner-container {
padding: 0 16px !important;
}
.partner-container ul {
margin: 0 0 100px;
}
.CTA-partners-box__text {
width: 90%;
}
} .section-sign-up {
padding-bottom: 100px;
}
.section-sign-up .sign-up-container {
display: flex;
flex-direction: column;
}
.section-sign-up .sign-up-container p {
font-family: "HelveticaNeueCyr", sans-serif;
line-height: 1.65em;
font-weight: 400;
font-size: 20px;
color: #1d1d1d;
}
.section-sign-up .sign-up-container .modal {
border-radius: 4px;
}
.section-sign-up .sign-up-container .modal__text {
line-height: 1.2em;
font-weight: 600;
font-size: 24px;
margin-bottom: 10px;
color: #6e6e73;
font-family: "HelveticaNeueCyr", sans-serif;
}
.section-sign-up .sign-up-container .common-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
text-transform: capitalize;
color: #000;
line-height: 1em;
margin-bottom: 0;
text-align: left;
background: none;
width: 100%;
}
.section-sign-up .sign-up-container__checkbox-container {
margin: 40px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.section-sign-up .sign-up-container__checkbox-container label {
flex-direction: row;
align-items: center;
margin-top: 5px;
}
.section-sign-up .sign-up-container__checkbox-container label input {
margin: 5px 5px 0 15px;
}
.section-sign-up .sign-up-container__checkbox-container_div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin-top: 0;
}
.section-sign-up .sign-up-container__checkbox-container_div span {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 14px;
color: #1d1d1d;
}
.section-sign-up .sign-up-container__checkbox-container_div br {
display: none;
}
.section-sign-up .sign-up-container form {
display: flex;
flex-direction: column;
width: 100%;
padding-bottom: 16px;
border: 0.5px transparent solid;
border-radius: 8px;
}
.section-sign-up .sign-up-container form label {
display: flex;
flex-direction: column;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
flex: 1 1 calc(50% - 8px);
min-width: 250px;
}
.section-sign-up .sign-up-container form label p {
margin-bottom: 5px;
}
.section-sign-up .sign-up-container form label input:nth-of-type(2),
.section-sign-up .sign-up-container form label input:nth-of-type(3),
.section-sign-up .sign-up-container form label p:nth-of-type(3),
.section-sign-up .sign-up-container form label p:nth-of-type(4) {
margin-top: 20px;
margin-bottom: 0;
}
.section-sign-up .sign-up-container form h3 {
margin-top: 20px;
font-size: 22px;
}
.section-sign-up .sign-up-container form input[type=submit] {
display: block;
margin: 0 auto;
font-family: "HelveticaNeueCyr", sans-serif;
border: 0.5px solid transparent;
font-size: 16px;
text-transform: capitalize;
cursor: pointer;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
font-weight: 400;
color: #fff;
border-radius: 28px;
padding: 12px 16px;
width: 40%;
transition: all 1s ease;
}
.section-sign-up .sign-up-container form input[type=submit]:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
}
.section-sign-up .sign-up-container form input[type=submit]:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
}
.section-sign-up .sign-up-container input {
width: 100%;
padding: 16px;
border: 1px solid #dee2e6;
border-radius: 4px;
background: #fff;
margin-bottom: 5px;
}
.section-sign-up .sign-up-container input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.section-sign-up .sign-up-container input[type=checkbox] {
width: unset;
}
.section-sign-up .sign-up-container input[type=submit] {
width: max-content;
font-family: "HelveticaNeueCyr";
font-weight: 400;
border: 0;
border-radius: 4px;
padding: 10px 30px;
font-size: 14px;
text-transform: uppercase;
background-color: #1f8ccc;
color: #fff;
cursor: pointer;
margin-top: 20px;
}
.section-sign-up .sign-up-container input[type=submit]:hover {
background-color: #ff4d3f;
}
.section-sign-up .sign-up-container h3 {
font-size: 30px;
margin: 20px 0;
color: #2a2b2c;
font-weight: normal;
}
.section-sign-up .sign-up__input-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 16px;
row-gap: 24px;
padding: 36px 36px 24px;
margin-bottom: 20px;
justify-content: space-between;
background: #fff;
border: 1px solid #d0d5dd;
border-radius: 8px;
width: 100%;
}
.section-sign-up .sign-up__input-wrapper:last-of-type {
padding: 0;
border: none;
}
.section-sign-up .section-sign-up__text {
margin-bottom: 20px;
}
.section-sign-up .common-submit-btn {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
border: none;
outline: none;
cursor: pointer;
border-radius: 28px;
padding: 8px 16px;
width: 80%;
height: 40px;
margin: 8px auto;
font-size: 14px;
color: #fff;
text-transform: capitalize;
position: relative;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.section-sign-up .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
transition: all 1s ease;
text-decoration: none;
}
.section-sign-up .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
transition: all 1s ease;
text-decoration: none;
} @media (max-width: 991.99px) {
.section-sign-up {
padding-bottom: 50px;
}
}
@media (max-width: 768px) {
.section-sign-up {
padding-bottom: 30px;
}
.section-sign-up .sign-up-container input[type=submit] {
width: 100% !important;
}
.section-sign-up .sign-up-container p {
font-size: 16px;
}
.section-sign-up .sign-up__input-wrapper {
padding: 36px 16px 24px;
}
}    .rma-form-section {
margin: 0 auto;
padding-top: 0;
padding-bottom: 150px;
}
@media (max-width: 768px) {
.rma-form-section {
padding-bottom: 100px;
}
}
.rma-form-section__wrapper {
border: 1px solid #d0d5dd;
border-radius: 8px;
padding: 24px 16px;
}
.rma-form-container {
display: flex;
flex-direction: column;
gap: 30px;
}
.rma-form-section__title {
margin-bottom: 10px;
text-decoration-line: none;
text-transform: capitalize;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 28px;
color: #231e15;
}
.rma-form-section__text {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #1d1d1d;
}
.rma-form-section__text a {
color: #6090c2;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
line-height: 1.4em;
text-decoration-line: none;
}
@media screen and (max-width: 1200px) {
.rma-form-section__text {
font-size: 14px;
}
.rma-form-section__text a {
font-size: 14px;
}
}
@media screen and (max-width: 992px) {
.rma-form-section__title {
margin-bottom: 15px;
font-size: 20px;
}
.rma-form-container .common-title {
font-size: 20px;
}
} .rma-form-container .common-form {
width: 100%;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 14px;
border: 1px solid #d0d5dd;
border-radius: 8px;
padding: 36px;
}
.rma-form-container .common-wrapper {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.rma-form-container .common-wrapper div {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.rma-form-container .common-title {
padding: 0;
margin-bottom: 24px;
text-align: left;
background-color: transparent;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.3em;
text-transform: capitalize;
color: #000;
}
.rma-form-container .common-container {
padding: 0;
}
.rma-form-container .common-form label {
display: flex;
flex-direction: column;
margin-bottom: 10px;
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.4em;
color: #000;
width: calc(50% - 8px);
flex-grow: 1;
}
.rma-form-container .common-form input {
width: 100%;
height: 48px;
margin-top: 8px;
font-size: 14px;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 13px 16px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.rma-form-container .common-form input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.rma-form-container .common-form select {
width: 100%;
height: 48px;
margin-top: 8px;
font-size: 14px;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 13px 16px;
font-family: "HelveticaNeueCyr", sans-serif;
}
.rma-form-container .common-form select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.rma-form-container .common-form option {
font-family: "HelveticaNeueCyr", sans-serif;
}
.rma-form-container .common-form textarea {
width: 100%;
height: 114px;
margin: 10px auto;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 13px 16px;
font-size: 14px;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
resize: vertical;
}
.rma-form-container .common-form textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(122, 166, 192, 0.4);
}
.rma-form-container .common-form .common-submit-btn {
width: 100%;
height: 40px;
margin: 8px auto;
text-align: center;
color: #fff;
font-family: "HelveticaNeueCyr", sans-serif;
font-size: 16px;
text-transform: capitalize;
cursor: pointer;
font-weight: 500;
border-radius: 28px;
padding: 8px 16px;
border: none;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
}
.rma-form-container .common-form .common-submit-btn:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%);
color: #fff;
}
.rma-form-container .common-form .common-submit-btn:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%);
color: #fff;
}
.rma-form-container .wpcf7 form.sent .wpcf7-response-output {
display: none;
}
.rma-form-container .backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(102, 102, 102, 0.7);
opacity: 1;
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.rma-form-container .backdrop.is-hidden {
visibility: hidden;
pointer-events: none;
opacity: 0;
}
.rma-form-container .disabled-scroll {
position: relative;
overflow: hidden;
height: 100vw;
}
@media screen and (max-width: 768px) {
.rma-form-container .common-form {
padding: 24px 16px;
}
.rma-form-container .common-form label {
width: 100%;
}
}   .custom-video-walls-page {
padding-bottom: 150px;
}
.custom-video-walls-page .main-category-title {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1em;
color: #000;
text-transform: capitalize;
margin: 0 auto 8px;
}
.video-walls-cards-container {
display: flex;
justify-content: space-between;
gap: 16px;
}
.video-walls-cards-container .video-walls-card {
padding: 0px 0 24px;
display: flex;
flex-direction: column;
width: calc(33% - 8px);
height: 100%;
border: none;
background: #fff;
border: 1px solid #f5f5f7;
border-radius: 8px;
justify-content: space-between;
align-items: center;
}
.video-walls-cards-container .video-walls-card__image-box {
padding: 0;
margin-bottom: 30px;
height: 285px;
overflow: hidden;
}
.video-walls-cards-container .video-walls-card__image-box img {
margin: 0 auto;
width: 100%;
object-fit: cover;
height: 100%;
transition: transform 0.3s ease-in-out;
}
.video-walls-cards-container .video-walls-card__title {
padding: 0px 16px;
text-transform: capitalize;
font-weight: 700;
font-size: 20px;
color: #1d1d1d;
font-family: "HelveticaNeueCyr", sans-serif;
text-align: left;
height: 30px;
margin-bottom: 12px;
}
.video-walls-cards-container .video-walls-card__description {
padding: 0px 16px 24px;
}
.video-walls-cards-container .video-walls-card__description p {
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: #1d1d1d;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
}
.video-walls-cards-container .video-walls-card__linkMore {
font-family: "HelveticaNeueCyr", sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
background: linear-gradient(180deg, #7ca7d5 0%, #6090c2 100%);
padding: 0;
text-transform: capitalize;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
padding: 8px 16px;
width: 90%;
margin: 0 auto;
height: 36px;
transition: all 0.3s;
align-self: center;
}
.video-walls-cards-container .video-walls-card__linkMore:hover {
background: linear-gradient(180deg, #7ca7d5 0%, #68a1de 100%) !important;
}
.video-walls-cards-container .video-walls-card__linkMore:focus {
background: linear-gradient(180deg, #7ca7d5 0%, #446a91 100%) !important;
}
.video-walls-cards-container .video-walls-card {
transition: all 0.5s;
}
.video-walls-cards-container .video-walls-card:hover {
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}
.video-walls-card:hover .video-walls-card__image-box img {
transform: scale(1.1);
}
@media (max-width: 1445px) {
.video-walls-cards-container .video-walls-card__image-box {
height: 200px;
}
}
@media (max-width: 1200px) {
.video-walls-cards-container .video-walls-card__title {
height: 40px;
}
}
@media screen and (max-width: 992px) {
.video-walls-cards-container {
flex-wrap: wrap;
justify-content: space-evenly;
}
.video-walls-cards-container .video-walls-card {
width: calc(50% - 8px);
}
.video-walls-cards-container .video-walls-card__title {
height: 20px;
}
.custom-video-walls-page .category-description {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.custom-video-walls-page {
padding-bottom: 100px;
}
.video-walls-cards-container .video-walls-card {
width: 100%;
}
.video-walls-cards-container .video-walls-card__image-box {
height: 140px;
}
.custom-video-walls-page .main-category-title {
font-size: 20px;
text-align: left;
margin-bottom: 10px;
}
.custom-video-walls-page .category-description {
margin-bottom: 20px !important;
text-align: left;
padding: 0;
}
.video-walls-cards-container .video-walls-card__title {
padding: 0;
}
.video-walls-cards-container .video-walls-card__description {
padding: 0px 0 24px;
}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);}
}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;}
@-webkit-keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
@keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);transform:translateX(10px);}
}
@keyframes shake{0%, 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
.tada{-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%);}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}
100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}
@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}
30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}
60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}
100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);}
70%{-webkit-transform:scale(.9);transform:scale(.9);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);transform:translateX(10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px);}
80%{-webkit-transform:translateY(10px);transform:translateY(10px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1);}
25%{-webkit-transform:scale(.95);transform:scale(.95);}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
}
@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
}
.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}
}
@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%, 60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%, 60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//smartavi.com/wp-content/themes/SMARTAVI/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot);
src: local('HelveticaNeueCyr-Medium'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.eot);
src: local('HelveticaNeueCyr-Heavy'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.ttf) format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.eot);
src: local('HelveticaNeueCyr-HeavyItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.ttf) format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.eot);
src: local('HelveticaNeueCyr-Black'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.eot);
src: local('HelveticaNeueCyr-UltraLightItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.ttf) format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.eot);
src: local('HelveticaNeueCyr-BlackItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.ttf) format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.eot);
src: local('HelveticaNeueCyr-ThinItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.ttf) format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.eot);
src: local('HelveticaNeueCyr-MediumItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.eot);
src: local('HelveticaNeueCyr-LightItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.eot);
src: local('HelveticaNeueCyr-UltraLight'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.eot);
src: local('HelveticaNeueCyr-BoldItalic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.ttf) format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.eot);
src: local('HelveticaNeueCyr-Italic'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot);
src: local('HelveticaNeueCyr-Roman'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot);
src: local('HelveticaNeueCyr-Bold'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot);
src: local('HelveticaNeueCyr-Light'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCyr';
src: url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot);
src: local('HelveticaNeueCyr-Thin'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot?#iefix) format('embedded-opentype'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.woff) format('woff'),
url(//smartavi.com/wp-content/themes/SMARTAVI/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.ttf) format('truetype');
font-weight: 100;
font-style: normal;
}:root{--ep-c-white:#fff;--ep-c-medium-white:#eee;--ep-c-white-gray:#ccc;--ep-c-white-red:#ffe8ed;--ep-c-white-yellow:#fdeeca;--ep-c-medium-gray:#626262;--ep-c-light-gray:#999;--ep-c-black:#000;--ep-c-medium-red:#d73c38;--ep-c-dark-red:#b93431;--ep-c-medium-dark-blue:#0073aa;--ep-status-ok:#6aa000;--ep-status-warning:#e3e600;--ep-status-error:red}@media (min-width:768px){:root{--ep-range-slider-thumb-size:1.25em;--ep-range-slider-track-size:0.5em}}.widget_ep-facet input[type=search],.wp-block-elasticpress-facet input[type=search]{margin-bottom:1rem}.widget_ep-facet .searchable .inner,.wp-block-elasticpress-facet .searchable .inner{max-height:20em;overflow:scroll}.widget_ep-facet .term.hide,.wp-block-elasticpress-facet .term.hide{display:none}.widget_ep-facet .empty-term,.wp-block-elasticpress-facet .empty-term{opacity:.5;position:relative}.widget_ep-facet .empty-term:after{bottom:0;content:" ";display:block;left:0;position:absolute;right:0;top:0;width:100%;z-index:2}.wp-block-elasticpress-facet .empty-term:after{bottom:0;content:" ";display:block;left:0;position:absolute;right:0;top:0;width:100%;z-index:2}.widget_ep-facet .level-1,.wp-block-elasticpress-facet .level-1{padding-left:20px}.widget_ep-facet .level-2,.wp-block-elasticpress-facet .level-2{padding-left:40px}.widget_ep-facet .level-3,.wp-block-elasticpress-facet .level-3{padding-left:60px}.widget_ep-facet .level-4,.wp-block-elasticpress-facet .level-4{padding-left:80px}.widget_ep-facet .level-5,.wp-block-elasticpress-facet .level-5{padding-left:100px}.widget_ep-facet input[disabled],.wp-block-elasticpress-facet input[disabled]{cursor:pointer;opacity:1}.widget_ep-facet .term a,.wp-block-elasticpress-facet .term a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.widget_ep-facet .term a:hover .ep-checkbox,.wp-block-elasticpress-facet .term a:hover .ep-checkbox{background-color:#ccc;background-color:var(--ep-c-white-gray)}.ep-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#eee;background-color:var(--ep-c-medium-white);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:.25em;width:1em}.ep-checkbox:after{border:solid #fff;border-width:0 .125em .125em 0;content:"";display:none;height:.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.25em}.ep-checkbox.checked{background-color:#626262;background-color:var(--ep-c-medium-gray)}.ep-checkbox.checked:after{display:block}.ep-range-facet{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-ms-grid;display:grid;-ms-grid-columns:1fr -webkit-max-content;-ms-grid-columns:1fr max-content;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content}.ep-range-facet__slider{grid-column:1/-1}.ep-range-facet__actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.ep-range-slider{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:.5em 0;min-height:var(--ep-range-slider-thumb-size)}.ep-range-slider__track{background:#eee;background:var(--ep-c-medium-white);border-radius:calc(var(--ep-range-slider-track-size)/2);height:var(--ep-range-slider-track-size)}.ep-range-slider__track-1{background-color:currentcolor}.ep-range-slider__thumb{background-color:currentcolor;border-radius:calc(var(--ep-range-slider-thumb-size)/2);-webkit-box-shadow:inset 0 0 0 calc(var(--ep-range-slider-thumb-size)/10) currentcolor,inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size))/2) #fff;box-shadow:inset 0 0 0 calc(var(--ep-range-slider-thumb-size)/10) currentcolor,inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size))/2) #fff;-webkit-box-shadow:inset 0 0 0 calc(var(--ep-range-slider-thumb-size)/10) currentcolor,inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size))/2) var(--ep-c-white);box-shadow:inset 0 0 0 calc(var(--ep-range-slider-thumb-size)/10) currentcolor,inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size))/2) var(--ep-c-white);height:var(--ep-range-slider-thumb-size);width:var(--ep-range-slider-thumb-size)}.ep-facet-date-option label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.ep-facet-date-option label .ep-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #eee;border:1px solid var(--ep-c-medium-white);border-radius:50%;height:1em;margin-right:.25em;outline:transparent;position:relative;width:1em}.ep-facet-date-option label .ep-radio:checked{background-color:transparent;border:5px solid #626262;border:5px solid var(--ep-c-medium-gray)}.ep-facet-date-option label .ep-radio:checked:after{opacity:0}.ep-date-range-picker{grid-column-gap:1rem;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;margin-top:1rem}.ep-date-range-picker.is-hidden{display:none}.ep-date-range-picker label{margin-right:.5rem}.ep-date-range-picker__from,.ep-date-range-picker__to{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-ms-grid;display:grid;-ms-grid-columns:-webkit-max-content 1fr;-ms-grid-columns:max-content 1fr;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}.ep-date-range-picker__action{grid-column:1/-1;text-align:right}.ep-facet-date-form__action{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;margin-top:.75rem}.rtl .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b,.rtl .wpc-filter-search-wrapper button.wpc-search-clear,.rtl .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b{left:10px;right:auto}.flrt-star-label a .wpc-term-count,.theme-flatsome li.wpc-term-item>button.toggle,.woocommerce-page .content .h-section .wpc-filters-labels li.wpc-term-item input[type=checkbox],.wpc-checkbox-item.wpc-opened>.wpc-term-item-content-wrapper>i.wpc-toggle-children-list:before,.wpc-checkbox-item.wpc-term-selected:not(.wpc-closed)>.wpc-term-item-content-wrapper>i.wpc-toggle-children-list:before,.wpc-chip-empty,.wpc-filter-collapsible .wpc-filter-content,.wpc-filter-collapsible.wpc-closed .wpc-filter-content,.wpc-filter-datepicker .ui-datepicker-current,.wpc-filter-has-brands.wpc-filter-hidden-term-names .wpc-term-name,.wpc-filter-has-selected.wpc-closed .wpc-filter-content,.wpc-filter-has-selected.wpc-filter-more-less .wpc-see-more-control,.wpc-filter-has-selected.wpc-filter-more-less.wpc-show-less .wpc-filters-ul-list>li,.wpc-filter-has-selected.wpc-show-less .wpc-see-less-control,.wpc-filter-has-swatches.wpc-filter-hidden-term-names .wpc-term-name,.wpc-filter-hierarchy-reverse .wpc-checkbox-item>.wpc-term-item-content-wrapper>i.wpc-toggle-children-list:before,.wpc-filter-more-less .wpc-filters-ul-list>li,.wpc-filter-more-less .wpc-see-less-control,.wpc-filter-more-less.wpc-show-more .wpc-see-more-control,.wpc-filter-more-less.wpc-show-more.wpc-search-active .wpc-filters-ul-list li,.wpc-filters-labels li.wpc-term-item input[type=checkbox]:checked+label .wpc-term-swatch.wpc-no-swatch-yet:before,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch.wpc-no-swatch-yet:before,.wpc-filters-main-wrap .ui-slider-horizontal .ui-slider-handle:after,.wpc-filters-main-wrap .ui-slider-horizontal .ui-slider-handle:before,.wpc-filters-main-wrap .wpc-filter-has-swatches ul.wpc-filters-labels:after,.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input,.wpc-filters-open-button-container,.wpc-filters-toolbar,.wpc-filters-widget-top-container:not(.wpc-show-on-desktop),.wpc-hidden-term-name .wpc-term-name,.wpc-open-close-filters-button,.wpc-query-not-on-the-page .wpc-filters-widget-controls-wrapper,.wpc-query-on-the-page .wpc-filters-widget-controls-container .wpc-filter-layout-submit-button,.wpc-search-active .wpc-checkbox-item.wpc-closed>.wpc-term-item-content-wrapper>i.wpc-toggle-children-list:before,.wpc-search-active .wpc-checkbox-item>.wpc-term-item-content-wrapper>i.wpc-toggle-children-list:before,.wpc-search-active .wpc-filters-ul-list li,.wpc-search-active.wpc-filter-more-less .wpc-filters-ul-list li,.wpc-show-more-reverse.wpc-filter-more-less .wpc-see-more-control,.wpc-show-more-reverse.wpc-filter-more-less.wpc-show-less .wpc-see-less-control,.wpc-show-more-reverse.wpc-show-less .wpc-filters-ul-list>li,.wpc-term-count-brackets-close,.wpc-term-count-brackets-open,.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-filters-open-button-container,body .wpc-hidden,li.wpc-chip-reset-all .wpc-chip-remove-icon{display:none}.wpc-front-error{color:#c00;text-align:center}.wpc-page-seo-description{margin-bottom:1em}.wpc-filters-section{margin-bottom:1.5em;position:relative}.wpc-filter-layout-submit-button{display:flex;justify-content:space-between;flex-direction:row-reverse}.rtl .wpc-filter-layout-submit-button{flex-direction:row}.wpc-filters-widget-controls-container .wpc-filter-layout-submit-button{margin-right:20px;margin-left:20px;padding:20px 0}.wpc-filters-main-wrap ul.children{list-style:none;margin-left:20px}.wpc-filters-main-wrap ul.wpc-filters-ul-list{list-style:none;padding:4px 0 0;margin-left:0;float:none}.wpc-filters-main-wrap .wpc-filter-more-less:not(.wpc-filter-few-terms) ul.wpc-filters-ul-list{padding-bottom:0;margin-bottom:0}.theme-numinous .wpc-filters-main-wrap ul.wpc-filters-ul-list,.wpc-filters-main-wrap ul.wpc-filters-ul-list input{margin-top:0}.wpc-filters-main-wrap .wpc-filters-section:not(.wpc-filter-terms-count-0) ul.wpc-filters-labels{display:flex;flex-wrap:wrap;justify-content:flex-start}.wpc-filters-main-wrap .wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels,.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-2.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels,.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-3.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels,.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-4.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels{justify-content:flex-start}.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels{justify-content:flex-start;padding-left:0}.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-2.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels li,.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-3.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels li,.wpc-filters-main-wrap .wpc-show-counts-yes .wpc-filter-terms-count-4.wpc-filter-has-swatches.wpc-filter-hidden-term-names ul.wpc-filters-labels li{margin-right:10px}.wpc-filter-title{margin-bottom:8px;position:relative;display:flex;justify-content:space-between;align-items:center}body .wpc-filters-main-wrap li.wpc-term-item{margin-bottom:12px;border:none;padding:0;margin-left:0}#top li.wpc-term-item>.wpc-term-item-content-wrapper+ul.children{margin-top:14px}body .wpc-filters-main-wrap .wpc-term-item-content-wrapper{display:flex;align-items:center;position:relative}body .wpc-filters-main-wrap .wpc-filter-has-hierarchy .wpc-term-item-content-wrapper{padding-right:32px}body .wpc-filters-main-wrap .wpc-filters-labels .wpc-term-item-content-wrapper{padding-right:0}i.wpc-toggle-children-list{width:24px;top:0;bottom:0;right:1px;position:absolute}.wpc-filters-date-range-column label:hover,.wpc-filters-main-wrap li.wpc-term-item:not(.wpc-term-disabled) label:hover,.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle:hover,.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range:hover,i.wpc-toggle-children-list:hover{cursor:pointer}i.wpc-toggle-children-list:after,i.wpc-toggle-children-list:before{content:"";display:inline-block;width:12px;height:1px;background-color:#8a8a8a;position:absolute;right:0}i.wpc-toggle-children-list:before{top:50%;transform:rotate(90deg)}i.wpc-toggle-children-list:after{bottom:calc(50% + -1px)}.wpc-filter-hierarchy-reverse li.wpc-term-item.wpc-closed>.wpc-term-item-content-wrapper+ul.children,li.wpc-term-item ul.children,li.wpc-term-item>.wpc-term-item-content-wrapper+ul.children{display:none;margin-top:10px}.flrt-star-label-checked a .wpc-term-count,.flrt-star-label-hover:hover a .wpc-term-count,.flrt-star-label:hover a .wpc-term-count,.wpc-filter-collapsible-reverse .wpc-filter-content,.wpc-filter-collapsible.wpc-opened .wpc-filter-content,.wpc-filter-has-brands.wpc-filter-hidden-term-names .wpc-dropdown-default .wpc-term-name,.wpc-filter-has-selected .wpc-filter-content,.wpc-filter-has-swatches.wpc-filter-hidden-term-names .wpc-dropdown-default .wpc-term-name,.wpc-filter-hierarchy-reverse li.wpc-term-item>.wpc-term-item-content-wrapper+ul.children,.wpc-filter-layout-search-field.wpc-search-active .wpc-search-field-wrapper .wpc-search-clear-icon-wrapper,.wpc-filter-product_visibility .wpc-term-item label a,.wpc-filters-labels li.wpc-term-item input[type=checkbox]:checked+label .wpc-term-swatch-wrapper:after,.wpc-filters-labels li.wpc-term-item input[type=checkbox]:checked+label .wpc-term-swatch-wrapper:before,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before,.wpc-search-active li.wpc-term-item.wpc-closed>.wpc-term-item-content-wrapper+ul.children,.wpc-search-active li.wpc-term-item>.wpc-term-item-content-wrapper+ul.children,form.wpc-filter-range-form,li.wpc-term-item.wpc-opened>ul.children,li.wpc-term-item.wpc-term-selected:not(.wpc-closed)>.wpc-term-item-content-wrapper+ul.children{display:block}.wpc-filter-hierarchy-reverse .wpc-checkbox-item.wpc-closed>.wpc-term-item-content-wrapper>i.wpc-toggle-children-list:before,.wpc-filters-toolbar li.wpc-filter-chip{display:inline-block}.wpc-filters-labels{padding-top:1px}.wpc-filters-labels:after{content:"";display:block;height:0;clear:both}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item{margin-top:0;margin-bottom:12px;padding:0;width:auto}.wpc-filters-main-wrap .wpc-filter-has-swatches.wpc-filter-visible-term-names .wpc-filters-labels li.wpc-term-item{width:48%;word-break:break-all}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label{margin-right:7px;margin-left:0;border:1px solid #ccd0dc;border-radius:6px;margin-bottom:0;position:relative;padding-left:0}.wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image label span.wpc-filter-label-wrapper,.wpc-filters-scroll-container,.wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list.wpc-empty-chips-container{padding:0}.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown .select2-search,.wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image label{border:none}#ui-datepicker-div.wpc-filter-datepicker .ui_tpicker_second .ui-timepicker-select,.wpc-filter-hidden-term-names .wpc-filter-link .wpc-term-swatch-wrapper,.wpc-filters-main-wrap .wpc-filter-layout-labels.wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item label,li.wpc-chip-reset-all .wpc-filter-chip-name{margin-right:0}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{border:1px solid transparent;margin-left:0;cursor:pointer;display:flex;padding:4px 10px;border-radius:3px}body .wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image input:checked+label a,body .wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-item input+label:hover a,body .wpc-filters-main-wrap .wpc-filter-has-brands li.wpc-term-has-image input.wpc-label-input+label:hover span.wpc-filter-label-wrapper,body .wpc-filters-main-wrap .wpc-filter-has-brands li.wpc-term-has-image input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item input+label:hover a,body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item input:checked+label a,body .wpc-filters-main-wrap .wpc-filter-has-swatches input.wpc-label-input+label:hover span.wpc-filter-label-wrapper,body .wpc-filters-main-wrap .wpc-filter-has-swatches input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{background-color:transparent;color:inherit}.wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item label,.wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper,.wpc-filters-main-wrap .wpc-filter-has-swatches input.wpc-label-input+label:hover{padding:0;border:none}.wpc-filters-main-wrap input.wpc-label-input:checked+label{border:1px solid rgba(0,0,0,.25);border-radius:5px}.wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{color:#333;background-color:rgba(0,0,0,.25)}.theme-twentytwentyone .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper{padding:6px 12px}.theme-twentytwentyone .wpc-filters-main-wrap .widget li.wpc-term-item label{padding-left:8px}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a{color:#333}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label a{text-decoration:none;transition:none}.wpc-label-item.wpc-term-disabled label:hover,.wpc-term-disabled a:hover,.wpc-term-disabled input:hover,.wpc-term-disabled span.wpc-term-count:hover{cursor:not-allowed}.wpc-term-disabled ul.children a:hover,.wpc-term-disabled ul.children input:hover,.wpc-term-disabled ul.children span.wpc-term-count:hover{cursor:inherit}.widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a,.widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a,.widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,.widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper,.wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,.wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper,.wpc-term-count-0:not(.wpc-has-not-empty-children),.wpc-term-count-0:not(.wpc-has-not-empty-children) a,body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label,body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a{opacity:.8}.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox],.wpc-filters-main-wrap li.wpc-term-item input[type=radio]{outline:0;margin-left:0;margin-right:8px;margin-bottom:0}.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox]:hover,.wpc-filters-main-wrap li.wpc-term-item input[type=radio]:hover{background-color:transparent;cursor:pointer}.wpc-filters-main-wrap li.wpc-term-item label{display:flex;margin-bottom:0;margin-top:0;margin-left:0;line-height:1.3}.wpc-filters-main-wrap .wpc-filter-has-hierarchy li.wpc-term-item label{width:auto;justify-content:normal}.wpc-filter-content select{width:100%!important;margin-bottom:1em}.wpc-filter-content .wpc-filters-widget-select{padding-left:.5em;padding-right:.5em}.wpc-filters-main-wrap li.wpc-term-item a{text-decoration:none;font-weight:400;outline:0;padding-top:0;padding-bottom:0}.wpc-filter-product_visibility .wpc-term-item label a .star-rating{display:block;margin-right:2px;position:relative;height:1.618em;line-height:1.618}.theme-twentytwentyone .wpc-filter-product_visibility .wpc-term-item label a .star-rating,.wpc-filters-widget-wrapper .wpc-posts-found p,.wpc-horizontal-layout form.wpc-filter-range-form{margin-bottom:0}.wpc-filters-main-wrap .wpc-filter-product_visibility li.wpc-term-item label{display:flex;align-items:flex-start}.widget-area .widget .wpc-filter-chips-list a:focus,.widget-area .widget li.wpc-term-item a:focus,.widget-area .widget li.wpc-term-item a:hover,.wpc-filter-chips-list a:focus,body li.wpc-term-item a:focus,body li.wpc-term-item a:hover{box-shadow:none;text-decoration:none}.wpc-filter-chips-list a,body .wpc-filter-chips-list li.wpc-filter-chip a{text-decoration:none;font-weight:400;border-radius:50px;padding:1px 10px 2px;display:inline-block;outline:0;border:1px solid #d8d8d8;position:relative;color:#333;height:100%}body .wpc-filter-chips-list li.wpc-chip-reset-all a{border-color:#cc8181;color:inherit}.wpc-filters-main-wrap .wpc-filter-chips-list a:hover{box-shadow:none}.wpc-filters-main-wrap .wpc-filter-chips-list li.wpc-filter-chip a:active{opacity:.75}.wpc-filter-chips-list a:hover .wpc-chip-remove-icon,.wpc-filter-search-wrapper button.wpc-search-clear:hover,.wpc-search-field-wrapper a.wpc-search-clear-icon:hover{color:#c00}body ul.wpc-filter-chips-list{margin-left:0;list-style:none!important}.wpc-filter-chips-list li,body .wpc-filter-chips-list li.wpc-filter-chip,li.wpc-filter-chip{margin:0 7px 7px 0;padding:0;border:none;list-style:none;font-size:91%}.wpc-filter-chip-name{margin-right:.5em;white-space:nowrap;max-width:207px;overflow:hidden}.rtl .wpc-filter-chip-name{margin-left:.5em;margin-right:0}.wpc-chip-remove-icon{display:inline-block;font-size:1.25em;line-height:.8}.wpc-button-inner,.wpc-chip-content{display:flex;align-items:center;height:100%}.wpc-filters-range-wrapper{display:flex;justify-content:space-between}.rtl .wpc-filters-range-wrapper{flex-direction:row-reverse}.wpc-counter-length-1.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,.wpc-counter-length-2.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,.wpc-counter-length-3.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,.wpc-counter-length-4.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,.wpc-counter-length-5.wpc-filter-layout-labels:not(.wpc-filter-has-swatches):not(.wpc-filter-has-brands) .wpc-term-count,.wpc-filters-range-column{width:auto}.wpc-filters-range-max-column,.wpc-filters-range-min-column{max-width:47%}.wpc-filters-range-min-column{margin-right:3%}.wpc-filters-range-wrapper input[type=number]{width:100%;box-sizing:border-box;-webkit-appearance:none}.wpc-filters-range-values-wrapper{text-align:right;margin-top:10px}.wpc-filters-range-slider-wrapper{margin:1.5em 11px 10px}.wpc-filters-range-inputs .ui-button.ui-state-active:hover,.wpc-filters-range-inputs .ui-button:active,.wpc-filters-range-inputs .ui-state-active,.wpc-filters-range-inputs .ui-widget-content .ui-state-active,.wpc-filters-range-inputs .ui-widget-header .ui-state-active,.wpc-filters-range-inputs a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-disabled=true],.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected=true],.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected=true],.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field:focus{background-color:#f2f2f2;color:inherit}.wpc-filters-range-inputs .ui-icon-background,.wpc-filters-range-inputs .ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.wpc-filters-range-inputs .ui-state-active a,.wpc-filters-range-inputs .ui-state-active a:link,.wpc-filters-range-inputs .ui-state-active a:visited{color:#fff;text-decoration:none}.wpc-filters-range-inputs .ui-button,.wpc-filters-range-inputs .ui-state-default,.wpc-filters-range-inputs .ui-widget-content .ui-state-default,.wpc-filters-range-inputs .ui-widget-header .ui-state-default,html .wpc-filters-range-inputs .ui-button.ui-state-disabled:active,html .wpc-filters-range-inputs .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.wpc-filters-range-inputs .ui-slider .ui-slider-handle{-ms-touch-action:none;touch-action:none;position:absolute;z-index:2;width:24px;height:24px;cursor:default;-ms-touch-action:none;touch-action:none;box-shadow:inset 0 0 0 1px #ebebeb}.wpc-filters-range-inputs .ui-slider{position:relative;text-align:left}.wpc-filters-range-inputs .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.wpc-filters-range-inputs .ui-slider-horizontal{height:2px;background:#c5c5c5}.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle{top:-12px;margin-left:-13px;border-radius:50%;outline:0;box-shadow:0 2px 9px rgba(0,0,0,.23)}.theme-Avada .widget_wpc_filters_widget .ui-slider .ui-slider-handle:last-child{transform:none}.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range{top:0;height:100%;background:#4c4c4c}.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range-min{left:0}.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range-max{right:0}.wpc-filters-range-inputs .ui-slider-vertical{width:.8em;height:100px}.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range{left:0;width:100%}.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range-min{bottom:0}.wpc-filters-range-inputs .ui-slider-vertical .ui-slider-range-max{top:0}.wpc-filter-collapsible .wpc-filter-title .wpc-open-icon,.wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon,.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon,.wpc-filter-has-selected.wpc-closed .wpc-filter-title .wpc-open-icon{content:"";width:9px;min-width:9px;height:9px;display:block;border-left:1px solid #8a8a8a;border-top:1px solid #8a8a8a;transform:rotate(-135deg);position:relative;right:3px}.wpc-filter-collapsible-reverse.wpc-filter-collapsible .wpc-filter-title .wpc-open-icon,.wpc-filter-collapsible.wpc-opened .wpc-filter-title .wpc-open-icon,.wpc-filter-has-selected .wpc-filter-title .wpc-open-icon{transform:rotate(45deg);position:relative;right:3px}.widget-area,.widget_wpc_filters_widget,.wpc-filter-collapsible .wpc-filter-title,.wpc-filters-main-wrap,.wpc-search-field-wrapper{position:relative}.wpc-filter-header .wpc-filter-title button{width:100%;background:0 0;border:none;cursor:pointer;padding:0;text-align:left;outline:0;font-size:inherit;color:inherit;font-weight:inherit;box-shadow:none;display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;min-height:0}.wpc-filter-selected-values{visibility:hidden;opacity:0;margin-top:5px;font-size:13px;padding-right:10px;line-height:1.3}.wpc-filter-collapsible.wpc-closed .wpc-filter-selected-values{visibility:visible;opacity:1}.widget_wpc_filters_widget{overflow:visible}.wpc-filters-main-wrap a.wpc-toggle-a{text-decoration:none;border-bottom-width:1px;border-bottom-style:dashed}.select2-results__option .wpc-term-count-0,.wpc-filters-main-wrap a.wpc-toggle-a:hover,.wpc-filters-main-wrap.is-active,.wpc-filters-section.is-active .wpc-filters-reset-button,.wpc-filters-section.is-active .wpc-filters-submit-button{opacity:.7}.wpc-filters-widget-top-container{background:#fff;border-bottom:1px solid transparent;padding:0}.wpc-filters-widget-top-container:before{content:"";display:block;height:1px;background:#fff;position:relative;bottom:1px}.wpc-widget-top-inside{display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow:hidden}.wpc-widget-close-container{width:100%;position:relative;display:none}a.wpc-widget-close-icon{display:flex;width:56px;height:56px;margin:0;align-items:center;justify-content:flex-start;position:relative;z-index:10}.wpc-filters-widget-controls-container{display:none;text-align:center;position:sticky;bottom:0;background:#fff;z-index:99999;border-top:1px solid #e4e4e4}.theme-twentyfourteen .wpc-filters-widget-controls-container{background-color:#000}.wpc-filters-widget-controls-wrapper{margin-right:20px;margin-left:20px;display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;padding:20px 0}.wpc-filters-main-wrap .wpc-filters-widget-controls-container a,.wpc-filters-main-wrap a.wpc-filters-reset-button,.wpc-filters-main-wrap a.wpc-filters-submit-button{outline:0!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease-in-out;text-decoration:none;font-weight:400;white-space:nowrap;box-shadow:none;padding:6px 14px;border-radius:4px;border:1px solid #d8d8d8;display:block;text-align:center}.wpc-filters-main-wrap a.wpc-filters-reset-button,.wpc-filters-main-wrap a.wpc-filters-submit-button{width:45%;white-space:inherit;display:flex;align-items:center;justify-content:center}.wpc-filters-main-wrap a.wpc-filters-reset-button{background-color:#fff}.wpc-filters-widget-controls-container a.wpc-filters-apply-button{background-color:#d8d8d8}span.wpc-icon-line-1:after,span.wpc-icon-line-2:after,span.wpc-icon-line-3:after{content:"";width:3px;height:3px;background-color:#fff;top:-2px;position:absolute;box-sizing:content-box}a.wpc-filters-reset-button:active,a.wpc-filters-reset-button:focus,a.wpc-filters-reset-button:hover,a.wpc-filters-submit-button:active,a.wpc-filters-submit-button:focus,a.wpc-filters-submit-button:hover{opacity:.85}.wpc-filters-widget-controls-container a:active,.wpc-filters-widget-controls-container a:focus,.wpc-filters-widget-controls-container a:hover{opacity:.6;box-shadow:none}body .wpc-filters-open-button-container a.wpc-filters-open-widget,body .wpc-filters-open-button-container a.wpc-open-close-filters-button{display:inline-block;text-align:left;border:1px solid #2c2d33;border-radius:2px;line-height:1.5;padding:7px 12px;background-color:transparent;color:#2c2d33;box-sizing:border-box;text-decoration:none!important;font-weight:400;transition:none;position:relative}.wpc-filters-scroll-container .wpc-filters-widget-wrapper{transition:opacity .25s}.wpc-spinner{width:28px;height:28px;position:fixed;left:calc(50% - 14px);top:calc(50% - 14px);display:none;z-index:1000001}.wpc-spinner:after{content:"";position:absolute;opacity:1;border:1px solid #f3f3f3;border-top:1px solid #9f9f9f;border-radius:50%;width:28px;height:28px;top:0;left:0;bottom:0;right:0;margin:auto;animation:.5s linear infinite wpc-spinner}.wpc-filters-overlay{content:" ";background:#252525;opacity:0;position:fixed;left:0;right:0;bottom:0;z-index:99999;margin:0;transition:opacity 50ms linear}.wpc-filters-widget-controls-item{width:45%}.wpc-filters-widget-controls-one{text-align:left}.wpc-filters-widget-controls-two{text-align:right}.wpc-filters-toolbar .wpc-filter-chips-list{margin:0 0 0 .5em;display:flex;-webkit-box-pack:start;place-content:center flex-start;-webkit-box-align:center;align-items:center;overflow-x:auto}.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar{width:6px;border-radius:6px;background:#e9e9eb}.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar-track{border-radius:6px}.wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:6px}#sidebar:after,.fusion-sidebar-inner-content:after{content:"";clear:both;display:block;width:1px;height:1px}.wpc-icon-html-wrapper{position:relative;margin-right:10px;top:2px}.wpc-filters-open-widget.wpc-opened .wpc-icon-html-wrapper{transform:rotate(0)}.rtl .wpc-icon-html-wrapper{margin-right:0;margin-left:10px}.wpc-widget-close-container .wpc-icon-html-wrapper{top:1px;margin:0;left:20px;background:#f5f5f5;border-radius:50%;padding:14px 7px;display:block}.rtl .wpc-widget-close-container .wpc-icon-html-wrapper{left:auto;right:20px}.wpc-widget-close-container .wpc-widget-close-icon span.wpc-icon-line-1,.wpc-widget-close-container .wpc-widget-close-icon span.wpc-icon-line-3{height:1px;margin-bottom:-1px}.wpc-icon-html-wrapper span{display:block;height:1px;width:18px;border-radius:3px;background:#2c2d33;margin-bottom:4px;position:relative}span.wpc-icon-line-1:after,span.wpc-icon-line-2:after{border:1px solid #2c2d33;display:block}.wpc-widget-close-container .wpc-icon-html-wrapper:hover span{background:#c00}span.wpc-icon-line-1:after{border-radius:50%;left:5px}span.wpc-icon-line-2:after{border-radius:50%;left:12px}span.wpc-icon-line-3:after{display:block;border:1px solid #2c2d33;border-radius:50%;left:2px}.wpc-opened span.wpc-icon-line-1:after,.wpc-opened span.wpc-icon-line-2,.wpc-opened span.wpc-icon-line-2:after,.wpc-opened span.wpc-icon-line-3:after,.wpc-widget-close-icon span.wpc-icon-line-1:after,.wpc-widget-close-icon span.wpc-icon-line-2,.wpc-widget-close-icon span.wpc-icon-line-2:after,.wpc-widget-close-icon span.wpc-icon-line-3:after{border-color:#fff;display:none}.wpc-opened span.wpc-icon-line-1,.wpc-widget-close-icon span.wpc-icon-line-1{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.wpc-opened span.wpc-icon-line-3,.wpc-widget-close-icon span.wpc-icon-line-3{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.wpc-opened span.wpc-icon-line-1,.wpc-opened span.wpc-icon-line-3,.wpc-widget-close-icon span.wpc-icon-line-1,.wpc-widget-close-icon span.wpc-icon-line-3{margin-bottom:-1px;top:-3px}.wpc-widget-close-icon span.wpc-icon-line-1,.wpc-widget-close-icon span.wpc-icon-line-3{top:-1px;margin-bottom:-2px;height:2px}.wpc-widget-close-icon .wpc-icon-html-wrapper span{width:14px}.wpc-filter-few-terms .wpc-see-less-control,.wpc-filter-few-terms .wpc-see-more-control,.wpc-filter-layout-rating.wpc-closed .flrt-stars-wpc-filter-content,.wpc-search-active .wpc-toggle-a{display:none!important}.wpc-filter-has-selected .wpc-see-less-control,.wpc-filter-has-selected.wpc-show-less .wpc-see-more-control,.wpc-filter-more-less .wpc-see-more-control,.wpc-filter-more-less.wpc-show-more .wpc-see-less-control,.wpc-show-more-reverse.wpc-filter-more-less .wpc-see-less-control,.wpc-show-more-reverse.wpc-filter-more-less.wpc-show-less .wpc-see-more-control{display:inline}.wpc-filter-has-selected.wpc-filter-more-less .wpc-filters-ul-list>li,.wpc-filter-more-less.wpc-show-more .wpc-filters-ul-list>li,.wpc-search-active .wpc-filters-ul-list li.showli,.wpc-search-active.wpc-filter-more-less .wpc-filters-ul-list li.showli,.wpc-show-more-reverse .wpc-filters-ul-list>li{display:list-item}.theme-Avada .woocommerce-container .wpc-filters-open-button-container,.theme-generatepress.woocommerce .wpc-filters-open-button-container{padding-left:0;padding-right:0}.theme-Avada .wpc-filters-open-button-container,.theme-generatepress .wpc-filters-open-button-container{padding-left:30px;padding-right:30px}.wpc-overlay-visible .theme-neve .nv-sidebar-wrap.shop-sidebar{opacity:1;z-index:100000;position:relative;pointer-events:initial}.wpc-term-count{white-space:nowrap;margin:0;display:inline-block;opacity:.6}.select2-container .wpc-term-count{margin-left:.5em}.wpc-filter-has-swatches.wpc-filter-hidden-term-names .wpc-term-count,.wpc-filter-layout-labels.wpc-filter-has-swatches .wpc-term-count{margin:0}.wpc-filter-has-brands .wpc-term-count,.wpc-filter-has-swatches .wpc-term-count{display:inline-flex;align-items:center}.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{border-color:#c9d1e0}.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single,.wpc-sorting-form .select2-container--default .select2-selection--single{border-color:#c9d1e0;border-radius:6px}.theme-Avada .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered,.theme-Avada .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px}.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered,.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:inherit;color:inherit;display:flex;padding:6px 16px}.sidebar .widget .wpc-filter-everything-dropdown li.select2-results__option,.wpc-filter-everything-dropdown .select2-results__option{line-height:inherit;font-size:inherit;padding:6px 16px;margin:0;display:flex}.wpc-filter-layout-dropdown .select2-container .select2-selection--single,.wpc-sorting-form .select2-container .select2-selection--single{height:auto;padding:0}.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow,.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;border:none;background-color:inherit;width:40px;border-radius:6px;top:1px;right:1px}.select2-dropdown.wpc-filter-everything-dropdown{border-color:#c9d1e0;z-index:999999}.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown{padding:4px 16px}body.theme-twentytwentyfive .wpc-filters-widget-content,body.theme-twentytwentyfour .wpc-filters-widget-content,body.theme-twentytwentyone .wpc-filters-widget-content,body.theme-twentytwentythree .wpc-filters-widget-content,body.theme-twentytwentytwo .wpc-filters-widget-content{font-size:16px}.wpc-filters-widget-content .select2-search--dropdown .select2-search__field{padding:8px 16px}.select2-container--default .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field{border-color:#c9d1e0;box-shadow:none;border-radius:6px;height:auto}.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b,.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b{border-left:1px solid #6d6d6d;border-top:1px solid #6d6d6d;width:9px;height:9px;font-size:16px;transform:rotate(-135deg);right:16px;top:calc(50% + -6px);left:auto;margin:0;display:block;border-right:none;border-bottom:none}.wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,.wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(45deg);border-left:1px solid #6d6d6d;border-top:1px solid #6d6d6d;top:calc(50% + -2px)}.wpc-help-tip{color:#929292;display:inline-block;font-style:normal;height:16px;line-height:16px;position:relative;vertical-align:middle;width:16px;min-width:16px}.wpc-help-tip::after{speak:none;font-weight:700;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;margin:0;text-indent:0;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;content:"?";cursor:help;border-radius:50%;color:#8a8a8a;font-size:12px;line-height:16px;font-family:arial;border:1px solid #8a8a8a}.wpc-help-tip:hover::after{opacity:.7;cursor:pointer}.wpc-help-tip:active::after{opacity:.5}.wpc-filter-title .wpc-help-tip{font-size:1em}#tiptip_holder{display:none;z-index:8675309;position:absolute;top:0;left:0}#tiptip_holder.tip_top{padding-bottom:5px}#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:#333}#tiptip_holder.tip_bottom{padding-top:5px}#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:#333}#tiptip_holder.tip_right{padding-left:5px}#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:#333}#tiptip_holder.tip_left{padding-right:5px}#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:#333}#tiptip_content,.chart-tooltip,.wc_error_tip{color:#fff;font-size:.75em;background:#333;border-radius:3px;padding:.618em 1em;box-shadow:0 1px 3px rgba(0,0,0,.2)}#tiptip_content code,.chart-tooltip code,.wc_error_tip code{padding:1px;background:#888}#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border:6px solid transparent;height:0;width:0}.wpc-wrap-icons{display:flex;align-items:center;flex-wrap:wrap;width:100%;line-height:1}.wpc-wrap-icons>*{flex-grow:1}.wpc-wrap-icons .wpc-help-tip{margin-left:10px;margin-right:10px;flex-grow:initial}.wpc-wrap-icons .wpc-filter-selected-values{flex-grow:2;min-width:100%}.wpc-debug-message{padding:16px;font-size:14px;border:1px dashed #ccc;margin-bottom:20px}body .wpc-debug-title{font-size:13px;margin-bottom:24px;font-style:italic;visibility:visible}.wpc-edit-filter-set{font-size:13px}.wpc-orderby-select{width:100%;max-width:300px}.select2.select2-container.select2-container--default{min-width:140px!important}.sidebar .widget .wpc-filter-everything-dropdown li.select2-results__option>span,.wpc-filter-everything-dropdown .select2-results__option>span,.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered>span,.wpc-sorting-form .select2-container--default .select2-selection--single .select2-results__option,.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered{display:flex;align-items:center;min-height:32px}.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered{min-height:44px}.wpc-sorting-form{margin:0}.wpc-force-visibility{display:block!important;opacity:1!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;transform:none!important;position:static!important;transition:none!important;overflow:visible!important;z-index:999999!important;width:0!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important}.wpc-force-visibility .widget_wpc_filters_widget,.wpc-force-visibility .wpc-filters-main-wrap{visibility:visible!important;display:block!important}.wpc-widget-top-inside .wpc-inner-widget-chips-wrapper{overflow-y:scroll;width:100%}.wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{margin:0;padding:2px 0 10px}.wpc-widget-popup-title{position:absolute;top:0;text-align:center;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;font-weight:600}.wpc-term-image-wrapper{position:relative;width:70px;min-width:70px;height:40px;border:1px solid rgba(0,0,0,.1);text-align:center;display:flex;padding:4px;justify-content:center;align-items:center;border-radius:8px}.select2-container .wpc-term-image-wrapper{border:none;width:56px;height:32px}.wpc-dropdown-default .wpc-term-image-wrapper,.wpc-dropdown-default .wpc-term-swatch-wrapper{width:0!important;min-width:0;border-color:transparent;margin:0!important;padding:0}.wpc-filter-visible-term-names .wpc-term-image-wrapper,.wpc-item-has-brand .wpc-term-image-wrapper{margin-right:.5em}.wpc-term-swatch-wrapper{position:relative;margin-right:8px;width:25px;height:25px;border:1px solid rgba(0,0,0,.1);border-radius:2px;box-sizing:content-box;overflow:hidden}.rtl .wpc-term-swatch-wrapper{margin-left:5px;margin-right:0}.wpc-term-image-wrapper:before,.wpc-term-swatch-wrapper:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;background:#000;opacity:.15;display:none;z-index:10}.wpc-term-swatch-wrapper:after{content:"";left:7px;top:7px;width:10px;height:5px;position:absolute;border-left:2px solid #fff;border-bottom:2px solid #fff;display:none;transform:rotate(-45deg);box-sizing:content-box;z-index:20}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-has-image input[type=checkbox]:checked+label a,.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-has-image label:hover a{border-color:rgba(0,0,0,.1)}.wpc-filters-labels li.wpc-term-has-image input[type=checkbox]:checked+label .wpc-filter-label-wrapper .wpc-term-image-wrapper,.wpc-filters-labels li.wpc-term-has-image label:hover .wpc-filter-label-wrapper .wpc-term-image-wrapper{border-width:2px;padding:4px}.wpc-filters-labels li.wpc-term-has-image input[type=checkbox]:checked+label .wpc-filter-label-wrapper .wpc-term-image-wrapper img,.wpc-filters-labels li.wpc-term-has-image label:hover .wpc-filter-label-wrapper .wpc-term-image-wrapper img{border-width:0}.wpc-filters-labels li.wpc-term-item label:active .wpc-term-swatch-wrapper:before{background:#fff;opacity:.05}.wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image label:active .wpc-term-image-wrapper:before{display:block;background:#fff;opacity:.2}.wpc-term-image-container{position:relative;display:block;background-position:center center;background-size:contain;background-repeat:no-repeat;vertical-align:middle;width:32px;height:24px}.wpc-filter-link{margin-right:8px}.wpc-filter-has-brands li.wpc-term-item a,.wpc-filter-has-brands li.wpc-term-item label,.wpc-filter-has-swatches ul.wpc-filters-ul-list li.wpc-term-item a,span.wpc-dropdown-default,span.wpc-item-has-brand,span.wpc-item-has-swatch{display:inline-flex;align-items:center;flex-direction:row}.wpc-filter-search-wrapper{margin-bottom:8px;position:relative}.wpc-search-field{width:100%;margin:0}.wpc-filters-date-range-wrapper input[type=text]{box-sizing:border-box;min-width:100%}.wpc-filters-main-wrap input.wpc-filter-search-field{padding-right:30px;width:100%;margin:0}.wpc-search-icon{position:absolute;top:0;bottom:0;left:16px;width:16px;display:flex;align-items:center}.wpc-search-icon:before{content:"";display:inline-block;vertical-align:baseline;line-height:1;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z' fill='%23b8bcc8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px}.wpc-filters-widget-content .wpc-filters-section .wpc-filter-search-form .wpc-search-field{padding-left:40px}.wpc-filter-search-wrapper button.wpc-search-clear,.wpc-search-field-wrapper .wpc-search-clear-icon-wrapper{position:absolute;right:16px;top:0;height:100%;background:0 0;border:none;font-size:26px;font-weight:400;font-family:"Times New Roman";padding:0;outline:0;color:inherit;box-shadow:none;display:none;line-height:1;margin:0;-webkit-appearance:none;min-height:0}.wpc-search-field-wrapper .wpc-search-clear-icon-wrapper{width:40px;right:0}.wpc-search-field-wrapper a.wpc-search-clear-icon{text-decoration:none!important;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;font-weight:400!important;color:inherit}.rtl .wpc-filters-main-wrap input.wpc-filter-search-field{padding-left:30px;padding-right:5px}.wpc-search-clear:hover{cursor:pointer;background:0 0;box-shadow:none;border:none;outline:0}.select2-selection span.wpc-term-swatch,li.select2-results__option span.wpc-term-swatch,li.wpc-term-item label span.wpc-term-swatch{display:block;border-radius:1px;width:100%;height:100%}li.wpc-term-item label span.wpc-term-swatch.wpc-no-swatch-yet{display:flex;justify-content:center;align-items:center}.wpc-term-swatch.wpc-no-swatch-yet:before{content:"";display:block;width:100%;height:100%;color:#9d9d9d;position:relative;z-index:30;text-align:center;line-height:15px;background-image:url(//smartavi.com/wp-content/plugins/filter-everything/assets/img/no-image.png);background-size:contain;background-repeat:no-repeat}.widget-area .widget li.wpc-term-item label img.wpc-term-image,.wpc-filters-main-wrap li.wpc-term-item label img.wpc-term-image,li.select2-results__option img.wpc-term-image{width:auto;max-width:100%;display:block;border-radius:0;margin:0}.wpc-term-image-wrapper img{display:inline;max-height:100%;border:1px solid transparent}.wpc-horizontal-layout .wpc-filters-widget-wrapper{display:flex;width:100%;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start}.wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:not(.wpc-filter-layout-submit-button){max-width:49%;width:49%;margin-right:2%}.flrt-star-label a,.wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:nth-child(odd),.wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:nth-child(3n+1),.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(4n+1),.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(5n+1){margin-right:0!important}.wpc-horizontal-layout .wpc-filters-section:not(.wpc-filter-layout-submit-button),.wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:not(.wpc-filter-layout-submit-button){max-width:32%;width:32%;margin-right:2%}.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button){max-width:24%;width:24%;margin-right:1.33333%}.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button){max-width:19%;width:19%;margin-right:1.25%}.wpc-horizontal-layout .wpc-filter-layout-submit-button,.wpc-horizontal-layout .wpc-inner-widget-chips-wrapper,.wpc-horizontal-layout .wpc-posts-found{max-width:100%;flex-basis:100%}.wpc-horizontal-layout.wpc-horizontal-cols-2 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-2 a.wpc-filters-submit-button{width:23.5%;max-width:23.5%;margin-right:2%;padding-left:0;padding-right:0}.wpc-horizontal-layout a.wpc-filters-reset-button,.wpc-horizontal-layout a.wpc-filters-submit-button{width:15%;white-space:inherit;display:flex;align-items:center;justify-content:center;max-width:15%;margin-right:2%}.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button{width:11.33333%;max-width:11.33333%;margin-right:1.33333%;padding-left:0;padding-right:0}.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-submit-button{width:14%;max-width:14%;margin-right:1.25%;padding-left:0;padding-right:0}.wpc-horizontal-layout .wpc-filter-layout-submit-button{justify-content:flex-end}#ui-datepicker-div{z-index:100!important}.wpc-filter-datepicker{font-size:15px}.wpc-counter-length-1 .wpc-term-count{width:1.5em}.wpc-counter-length-2 .wpc-term-count{width:2em}.wpc-counter-length-3 .wpc-term-count{width:2.5em}.wpc-counter-length-4 .wpc-term-count{width:3em}.wpc-counter-length-5 .wpc-term-count{width:3.5em}#ui-datepicker-div.wpc-filter-datepicker .ui-timepicker-select{-webkit-appearance:none;line-height:2;color:#2c3338;border-color:#8c8f94;box-shadow:none;border-radius:3px;padding:0 24px 0 8px;min-height:30px;max-width:25rem;margin-left:4px;margin-right:4px}.ui-datepicker.wpc-filter-datepicker .ui-widget-content button,.ui-datepicker.wpc-filter-datepicker .ui_tpicker_time_label{font-size:14px;font-weight:400}.ui-datepicker.wpc-filter-datepicker .ui-widget-content button{padding:.4em 1.6em}.ui-datepicker.wpc-filter-datepicker .ui-timepicker-div dl{margin:7px 0}.ui-datepicker.wpc-filter-datepicker .ui-datepicker-title select,.ui-datepicker.wpc-filter-datepicker select{font-size:14px;line-height:2;color:#2c3338;border-color:#8c8f94;box-shadow:none;border-radius:3px;padding:0 16px 0 8px;min-height:30px;max-width:25rem;cursor:pointer;vertical-align:middle}.ui-datepicker.wpc-filter-datepicker.ui-widget-content{border:1px solid #e1e1e1;background:#fff;color:#444;border-radius:3px}#ui-datepicker-div.wpc-filter-datepicker button.ui-priority-primary{font-weight:400}#ui-datepicker-div.wpc-filter-datepicker{z-index:9999999!important}.wpc-filters-date-range-from-column{margin-bottom:10px}.wpc-filters-date-range-column label{display:block;font-size:95%;margin-bottom:4px}html[lang=es] .wpc-filters-date-range-column label{min-width:65px}.wpc-filters-widget-content input[type=email],.wpc-filters-widget-content input[type=number],.wpc-filters-widget-content input[type=password],.wpc-filters-widget-content input[type=search],.wpc-filters-widget-content input[type=tel],.wpc-filters-widget-content input[type=text],.wpc-filters-widget-content input[type=url],.wpc-filters-widget-content select{min-height:32px;box-sizing:border-box;padding:8px 16px;border:1px solid #ccd0dc}body .wpc-filters-widget-containers-wrapper .wpc-no-filter-terms{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:1050px){.wpc-horizontal-layout a.wpc-filters-reset-button,.wpc-horizontal-layout a.wpc-filters-submit-button,.wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-submit-button{padding-left:0;padding-right:0}}@media screen and (max-width:1000px){.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button){max-width:24%;width:24%;margin-right:1.33333%}.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(4n+1){margin-right:0}.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button{width:14%;max-width:14%;margin-right:1.25%;padding-left:0;padding-right:0}}@media screen and (max-width:900px){.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button){max-width:32%;width:32%;margin-right:2%}.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(3n+1),.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(3n+1){margin-right:0}.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button,.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-submit-button{width:15%;white-space:inherit;display:flex;align-items:center;justify-content:center;max-width:15%;margin-right:2%}}@media screen and (max-width:700px){.wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:not(.wpc-filter-layout-submit-button),.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button){max-width:49%;width:49%;margin-right:2%}.wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:nth-child(odd),.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(odd),.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(odd){margin-right:0}.wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-submit-button,.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button,.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-submit-button{width:23.5%;max-width:23.5%;margin-right:2%;padding-left:0;padding-right:0}}@media screen and (max-width:500px){.wpc-horizontal-layout .wpc-filters-widget-wrapper{display:block;width:100%}.wpc-horizontal-layout .wpc-filters-section:not(.wpc-filter-layout-submit-button),.wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:not(.wpc-filter-layout-submit-button),.wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:not(.wpc-filter-layout-submit-button),.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button){max-width:100%;width:auto;margin-right:0}.wpc-horizontal-layout .wpc-filters-section:nth-child(3n+1),.wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:nth-child(odd),.wpc-horizontal-layout.wpc-horizontal-cols-3 .wpc-filters-section:nth-child(3n+1),.wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(4n+1),.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:nth-child(5n+1){margin-right:0}.wpc-horizontal-layout a.wpc-filters-reset-button,.wpc-horizontal-layout a.wpc-filters-submit-button,.wpc-horizontal-layout.wpc-horizontal-cols-2 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-2 a.wpc-filters-submit-button,.wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-3 a.wpc-filters-submit-button,.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button,.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-reset-button,.wpc-horizontal-layout.wpc-horizontal-cols-5 a.wpc-filters-submit-button{width:45%;max-width:none;margin:0;padding-left:14px;padding-right:14px}.wpc-horizontal-layout form.wpc-filter-range-form{margin-bottom:inherit}}@keyframes wpc-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.flrt-stars-filter{display:flex;justify-content:left;margin:0;padding:0!important}.flrt-stars-filter li{margin:0!important}.flrt-star-label{height:20px!important;width:20px;align-items:center!important;margin-left:2px!important}input.flrt-star-input{width:1px!important;height:1px!important;display:none;position:absolute!important;left:0!important;border:none!important;background-color:none!important}.flrt-star-label a,.flrt-stars-wpc-filter-content{display:flex!important}.flrt-star-label svg{height:20px;width:20px;fill:transparent;stroke-linejoin:round}.flrt-star-label a{align-items:center!important}.wpc-filter-layout-rating.wpc-opened .flrt-stars-wpc-filter-content{align-items:center!important}#flrt-wpc-term-count{margin-left:8px;height:24px}.flrt-star-label-not-checked svg{fill:transparent!important}.wpc-chip-stars{display:flex;margin-right:.5em;margin-top:0;padding:2px 0}.wpc-chip-stars span{display:flex;align-items:center}.wpc-chip-stars svg{overflow:visible;width:16px;height:16px}.flrt-star-rating-checkbox{display:flex}@media screen and (min-width:769px){.wpc_show_bottom_widget .wpc-filters-widget-content{height:auto!important}body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:block!important}}@media screen and (min-width:768px){.wpc-custom-selected-terms{clear:both;width:100%}.wpc-custom-selected-terms ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}.wpc-filters-main-wrap .wpc-custom-selected-terms ul.wpc-filter-chips-list{display:block;overflow:visible}html.is-active .wpc-filters-overlay{top:0;opacity:.3;background:#fff}.wpc-filters-main-wrap input.wpc-label-input+label:hover{border:1px solid rgba(0,0,0,.25);border-radius:5px}.wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{color:#333;background-color:rgba(0,0,0,.25)}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{color:#333}.theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{font-size:inherit}.theme-storefront #primary .wpc-custom-selected-terms{font-size:.875em}}@media screen and (max-width:768px){.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before{display:none;}.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-widget-top-container{text-align:center}.wpc_show_bottom_widget .wpc-filters-widget-top-container{position:sticky;top:0;z-index:99999;border-bottom:1px solid #f7f7f7}.wpc-custom-selected-terms:not(.wpc-show-on-mobile),.wpc-edit-filter-set,.wpc_show_bottom_widget .widget_wpc_selected_filters_widget,.wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title,.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title,.wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button,.wpc_show_bottom_widget .wpc-posts-found,body.wpc_show_bottom_widget .wpc-open-close-filters-button,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:none}.wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),.wpc_show_bottom_widget .wpc-spinner.is-active,.wpc_show_bottom_widget .wpc-widget-close-container,html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{display:block}body .wpc-filters-main-wrap li.wpc-term-item{padding:2px 0}.wpc-chip-empty{width:0;display:list-item;visibility:hidden;margin-right:0!important}.wpc-overlay-visible #secondary{z-index:auto}html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{top:0;opacity:.2;background:#fff}.wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{top:0;opacity:.3;background:#fff}body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened){display:block!important}.wpc-open-close-filters-button{display:block;margin-bottom:20px}.wpc-overlay-visible body,html.wpc-overlay-visible{overflow:hidden!important}.wpc_show_bottom_widget .widget_wpc_filters_widget,.wpc_show_bottom_widget .wpc-filters-main-wrap{padding:0!important;margin:0!important}.wpc_show_bottom_widget .wpc-filters-range-column{width:48%;max-width:none}.wpc_show_bottom_widget .wpc-filters-toolbar{display:flex;margin:1em 0}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{display:block;padding-left:20px;padding-right:20px}.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title.wpc-filter-title{display:flex}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,.wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{display:flex;-webkit-box-pack:start;place-content:center flex-start;overflow-x:auto;padding-top:5px;padding-bottom:5px;margin-left:0;padding-left:0}.wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{top:0;opacity:.4}.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper{opacity:.6;pointer-events:none}.wpc_show_bottom_widget .wpc-filters-open-button-container{margin-top:1em;margin-bottom:1em}.wpc_show_bottom_widget .wpc-filters-widget-content{position:fixed;bottom:0;right:0;left:0;top:5%;z-index:999999;padding:0;background-color:#fff;margin:0;box-sizing:border-box;border-radius:7px 7px 0 0;transition:transform .25s;transform:translate3d(0,120%,0);-webkit-overflow-scrolling:touch;height:auto}.wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper{padding:0;margin:0;overflow-y:scroll;box-sizing:border-box;position:fixed;top:56px;left:0;right:0;bottom:0}.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened{transform:translate3d(0,0,0)}.theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content,.theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{background-color:#000}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list,.wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{max-height:none}.wpc_show_bottom_widget .wpc-filters-scroll-container{background:#fff;min-height:100%}.wpc_show_bottom_widget .wpc-filters-widget-wrapper{padding:20px 20px 15px}.wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field,.wpc-sorting-form select,.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=number],.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=text],.wpc_show_bottom_widget .wpc-filters-main-wrap select,.wpc_show_bottom_widget .wpc-filters-main-wrap textarea,.wpc_show_bottom_widget .wpc-search-field,.wpc_show_open_close_button .wpc-search-field,.wpc_show_open_close_button .wpc-filter-search-field{font-size:16px}.wpc-filter-layout-dropdown .select2-container .select2-selection--single,.wpc-sorting-form .select2-container .select2-selection--single{height:auto;padding:6px}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{overflow-y:visible}.theme-twentyeleven #primary,.theme-twentyeleven #secondary{margin-left:0;margin-right:0;clear:both;float:none}#main>.fusion-row{max-width:100%}.wpc_show_bottom_widget .wpc-filters-open-button-container,.wpc_show_bottom_widget .wpc-filters-widget-controls-container,.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-open-button-container{display:block}}
.wpc-preload-img{display:none;}.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list > li:nth-child(-n+5){display: list-item;}
li.wpc-term-item label span.wpc-term-swatch,.wpc-term-swatch-wrapper{width:24px;min-width:24px;height:24px;}
.wpc-term-swatch-wrapper:after{width:9.6px;height:4.8px;left:6.8571428571429px;top:6.8571428571429px;}.wpc-term-image-wrapper{width:70px;min-width:70px;height:40px;}.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list{
max-height: 550px;
overflow-y: auto;
}
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range{
background-color: #0570e2;
}
.wpc-spinner:after {
border-top-color: #0570e2;
}
.theme-Avada .wpc-filter-product_visibility .star-rating:before,
.wpc-filter-product_visibility .star-rating span:before{
color: #0570e2;
}
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
background-color: #0570e2;
}
body .wpc-filters-main-wrap input.wpc-label-input:checked+label{
border-color: #0570e2;
}
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
background-color: #d8d8d8;
}
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label{
border-color: #d8d8d8;
}
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input+label:hover{
border-color: #d8d8d8;
}
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label a{
color: #333333;
}
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a{
color: #f5f5f5;
}
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a{
border-color: #0570e2;
}
body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
body .wpc-filters-main-wrap a.wpc-filters-submit-button{
border-color: #0570e2;
background-color: #0570e2;
color: #f5f5f5;
}
body .wpc-filter-chips-list li.wpc-filter-chip a:hover{
opacity: 0.9;
}
body .wpc-filter-chips-list li.wpc-filter-chip a:active{
opacity: 0.75;
}
.star-rating span,
.star-rating span:before{
color: #0570e2;
}
body a.wpc-filters-open-widget:active, a.wpc-filters-open-widget:active, 
.wpc-filters-open-widget:active{
border-color: #0570e2;
background-color: #0570e2;
color: #f5f5f5;
}
a.wpc-filters-open-widget:active span.wpc-icon-line-1:after,
a.wpc-filters-open-widget:active span.wpc-icon-line-2:after,
a.wpc-filters-open-widget:active span.wpc-icon-line-3:after{
background-color: #0570e2;
border-color: #f5f5f5;
}
a.wpc-filters-open-widget:active .wpc-icon-html-wrapper span{
background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
body .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{
color: #f5f5f5;
background-color: #0570e2;
}
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{
color: #f5f5f5;
}
body .wpc-filters-main-wrap input.wpc-label-input+label:hover{
border-color: #0570e2;
}
#ui-datepicker-div.wpc-filter-datepicker .ui-state-active, 
#ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-active, 
#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-active{
border-color: #0570e2;
background: #0570e2;
opacity: 0.95;
}
#ui-datepicker-div.wpc-filter-datepicker .ui-state-hover, 
#ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover, 
#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-hover, 
#ui-datepicker-div.wpc-filter-datepicker .ui-state-focus, 
#ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-focus, 
#ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-focus{
border-color: #0570e2;
background: #0570e2;
opacity: 0.6;
}#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{
background: #0570e2;
color: #f5f5f5;
}
}
.flrt-star-label svg{
stroke: #0570e2;
}
.flrt-star-label-hover svg, .wpc-chip-stars svg{
fill: #0570e2;
}
.wpc-filter-label-stars-wrapper{
padding: 4px 5px !important;
}
.wpc-filter-label-stars-wrapper .flrt-star-label svg{
height: 17px;
width: 17px;
}
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-stars-wrapper .flrt-star-label svg, 
span.wpc-filter-label-stars-wrapper:hover .flrt-star-label svg{
fill: #f5f5f5;
}
@media screen and (min-width: 768px) {
html.is-active .wpc-spinner{
display: block;
}}
@media screen and (min-width: 768px) {
html.is-active .wpc-filters-overlay{
opacity: .15;
background: #000000;
}}