@charset "UTF-8";
   @import url(/wp-content/themes/SMARTAVI/fonts/BebasNeue/BebasNeue.css);
@import url(/wp-content/themes/SMARTAVI/fonts/Lato/Lato.css);
@import url(/wp-content/themes/SMARTAVI/fonts/TTDrugsThin/TTDrugs-Thin.css);
@import url(/wp-content/themes/SMARTAVI/fonts/TenorSans/TenorSans.css);
@import url(/wp-content/themes/SMARTAVI/fonts/IcoMoon/style.css);
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800&display=swap");
* {
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,
.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: 100vw;
height: auto
} .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;
}
.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.co.uk/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.co.uk/wp-content/themes/SMARTAVI/img/css_sprites.png) -10px -63px;
}
.footer-bottom-container__button-box a:nth-of-type(2) {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/css_sprites.png) -10px -115px;
}
.footer-bottom-container__button-box a:nth-of-type(3) {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/css_sprites.png) -62px -63px;
}
.footer-bottom-container__button-box a:nth-of-type(4) {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/css_sprites.png) -114px -63px;
}
.footer-bottom-container__button-box a:nth-of-type(5) {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/css_sprites.png) -62px -115px;
}
.footer-bottom-container__button-box a:nth-of-type(6) {
background: url(//smartavi.co.uk/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.co.uk/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.co.uk/wp-content/themes/SMARTAVI/img/main-slider__item-1.jpg)
no-repeat;
}
.top-main-item-2 {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/main-slider__item-2.jpg)
no-repeat;
}
.top-main-item-3 {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/main-slider__item-3.jpg)
no-repeat;
}
.top-main-item-4 {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/main-slider__item-4.jpg)
no-repeat;
}
.top-main-item-5 {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/main-slider__item-5.jpg)
no-repeat;
}
.top-main-item-6 {
background: url(//smartavi.co.uk/wp-content/themes/SMARTAVI/img/main-slider__item-6.jpg)
no-repeat;
}
.top-main-item-7 {
background: url(//smartavi.co.uk/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;
}
.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.co.uk/wp-content/themes/SMARTAVI/img/arrow.svg);
}
.fas-angle-left:before {
content: url(//smartavi.co.uk/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.co.uk/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 {
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__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;
color: #666;
position: absolute;
left: 22px;
bottom: 10px;
}
span.childProd {
height: 20px;
z-index: 100;
width: 344px;
}
span.childProd:before {
font-size: 16px;
font-weight: 600;
color: #333;
position: absolute;
right: 0;
bottom: -9px;
transform: translate(0, -50%) rotate(180deg);
padding: 5px;
}
span.childProd:hover:before {
background: #673192;
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_product {
height: 330px !important;
width: 240px;
padding: 20px 15px 10px;
}
.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 {
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;
}
}
@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: 364px;
padding: 30px 30px 10px;
margin: 0 5px;
display: flex;
justify-content: space-between;
flex-direction: column;
border: 0.5px solid #acadaf;
cursor: pointer;
}
.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_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 {
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 {
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: 34px;
}
.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: PT Sans Narrow;
font-size: 16px;
font-weight: 400;
color: #333;
position: absolute;
left: 22px;
bottom: 10px;
}
span.childProd {
height: 20px;
z-index: 100;
width: 344px;
}
span.childProd:before {
font-size: 16px;
font-weight: 600;
color: #333;
position: absolute;
right: 0;
bottom: -9px;
transform: translate(0, -50%) rotate(180deg);
padding: 5px;
}
span.childProd:hover:before {
background: #673192;
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;
}
.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;
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: 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%;
}
@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;
}
.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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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;
}
} .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__contacts li:last-child {
margin-top: 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 li:last-child {
margin-top: 40px;
}
.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.co.uk/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.co.uk/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.co.uk/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.co.uk/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-container {
display: flex;
flex-direction: column;
height: 100%;
}
.form-notice {
font-size: 24px;
padding-bottom: 20px;
} .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 {
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%;
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 {
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 {
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;
}
} @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: 20;
}
.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;
}
.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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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.co.uk/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-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.co.uk/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: "Tenor Sans";
z-index: 10;
}
}