@font-face {
font-family: 'Muller';
src: url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/MullerRegular.eot);
src: local('Muller Regular'), local('MullerRegular'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/MullerRegular.eot?#iefix) format('embedded-opentype'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/MullerRegular.woff2) format('woff2'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/MullerRegular.woff) format('woff'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/MullerRegular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Graphik LCG';
src: url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Regular.eot);
src: local('Graphik LCG Regular'), local('GraphikLCG-Regular'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Regular.eot?#iefix) format('embedded-opentype'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Regular.woff2) format('woff2'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Regular.woff) format('woff'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Graphik LCG';
src: url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Semibold.eot);
src: local('Graphik LCG Semibold'), local('GraphikLCG-Semibold'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Semibold.eot?#iefix) format('embedded-opentype'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Semibold.woff2) format('woff2'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Semibold.woff) format('woff'),
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/GraphikLCG-Semibold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
} @font-face {
font-display: swap; 
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/montserrat-v31-cyrillic_latin-regular.woff2) format('woff2'), 
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/montserrat-v31-cyrillic_latin-regular.ttf) format('truetype'); 
} @font-face {
font-display: swap; 
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/montserrat-v31-cyrillic_latin-600.woff2) format('woff2'), 
url(https://vilion-k.ru/wp-content/themes/vilion-new/assets/fonts/montserrat-v31-cyrillic_latin-600.ttf) format('truetype'); 
}  body, button, input, select, textarea, .ast-button, .ast-custom-button {
font-family: 'Muller', sans-serif;
}
h1.site-title {
font-family: 'Montserrat', sans-serif;
}
a.menu-link {
outline: none;
}
.main-header-menu .menu-link, .main-header-menu>a {
padding: 0 15px!important;
}
.ast-mobile-popup-content {
display: block !important;
}
.site-content .ast-container {
flex-direction: column;
}
ul#ast-hf-mobile-menu {
display: flex;
flex-direction: column;
}
.page_header-title {
width: auto;
display: flex;
padding-top: 80px;
}
.page_header-title .ast-container {
width: 1240px;
padding: 0;
margin-left: 330px;
}
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
min-height: 22px;
height: 22px;
margin-top: 50px;
margin-left: 80px;
}
.ast-container {
width: 1240px;
margin-left: 330px;
padding: 0;
}
.page_header-title.page_home {
height: 840px;
background-color: #2028b9;
background-repeat: no-repeat;
background-size: cover;
}
.page_header-title.page_base {
background-color: #000;
}
.page_header-title h1 {
margin-bottom: 70px;
margin-top: 150px;
}
.page_header-title.page_base {
background-color: #000;
}
.page_header-title h1 {
font-size: 80px;
line-height: 80px;
letter-spacing: -0.03em;
color: #FFFFFF;
}
h2 {
font-family: 'Muller', sans-serif;
font-size: 80px;
letter-spacing: -0.03em;
line-height: 80px;
color: #000000;
}
.page_button-style-one {
background: #FFFFFF;
padding: 16px 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
color: #000000;
transition: 0.3s;
}
.page_button-style-one:hover {
background: #000000;
color: #ffffff;
}
.page_button-container {
margin-top: 80px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
width: 530px;
padding: 30px 50px 60px 60px;
}
.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link {
font-size: 30px;
color: #FFFFFF;
padding: 0;
transition: 0.3s;
line-height: 36px;
}
.ast-builder-menu-mobile  .main-header-menu .menu-item {
margin-bottom: 10px;
}
.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link:hover {
color: #414BFF;
}
button.desktop-custom.menu-toggle.main-header-menu-toggle {
background-image: url(//vilion-k.ru/wp-content/themes/vilion/assets/img/menu-base.svg);
background-repeat: no-repeat;
background-size: cover;
width: 25px;
height: 25px;
padding: 0;
opacity: 1;
transition: 0.3s;
background-color: unset;
}
.ast-icon.icon-search svg {
height: 1em;
width: 25px;
margin-top: 5px;
margin-right: 2px;
}
button.desktop-custom.menu-toggle.main-header-menu-toggle:hover {
background-image: url(//vilion-k.ru/wp-content/themes/vilion/assets/img/menu-hover.svg);
}
.header-menu-email {
display: block;
font-size: 30px;
color: #6a6a6a;
margin-top: 10%;
}
.header-menu-licenses, .header-menu-privacy {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
color: #FFFFFF;
display: block;
}
button.menu-toggle {
border-color: unset;
background-color: unset;
}
ul#ast-hf-menu-1 {
font-family: 'Montserrat', sans-serif;
margin-left: 80px;
}
.ast-header-button-1 .ast-custom-button {
margin-right: 200px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.ast-search-menu-icon.ast-dropdown-active .ast-icon, .ast-search-menu-icon.ast-dropdown-active .search-field::placeholder {
color: #757575
}
section.page_home-description {
padding: 150px 0;
}
.page_home-description p {
font-size: 40px;
line-height: 130%;
margin-bottom: 50px;
color: #000000;
width: 900px;
}
a.page_link-style-blue {
color: #414BFF;
padding-bottom: 4px;
border-bottom: 1px solid #414BFF;
transition: 0.3s;
font-size: 18px;
}
a.page_link-style-blue:hover {
color: #333333;
border-bottom: 1px solid #333333;
}
.page-main-directions {
padding: 80px 0 100px 0;
}
.page-main-directions .container-block {
display: flex;
justify-content: space-between;
align-items: center;
}
.page-main-directions .container-block .left ul {
list-style: none;
margin: 0 0 80px 0;
}
.page-main-directions .container-block .left ul li {
position: relative;
margin-bottom: 34px;
}
.page-main-directions .container-block .left ul li span {
font-family: 'Montserrat', sans-serif;
position: absolute;
font-size: 12px;
line-height: 18px;
left: -40px;
top: -5px;
}
.page-main-directions .container-block .left ul a {
font-size: 58px;
line-height: 100%;
color: #000000;
transition: 0.3s;
}
.page-main-directions .container-block .left ul a:hover {
color: #414BFF;
}
.page-main-directions .container-block .left p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 150%;
}
ul.projects-archive-block {
list-style: none;
margin: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
}
ul.projects-archive-block li {
width: calc(50% - 70px);
margin-bottom: 100px;
}
ul.projects-archive-block li img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
ul.projects-archive-block li p {
font-family: 'Muller', sans-serif;
font-size: 30px;
line-height: 140%;
color: #000000;
transition: 0.3s;
margin: 0;
}
ul.projects-archive-block li:hover p {
color: #414BFF;
}
ul.projects-archive-block li span {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #000000;
margin-bottom: 10px;
}
.page-projects-archive {
background: #F0F2F4;
padding: 150px 0 50px 0;
}
.page-projects-archive .page_title-container {
margin-bottom: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
a.page_link-style-black {
color: #000000;
padding-bottom: 4px;
border-bottom: 1px solid #000000;
transition: 0.3s;
font-size: 18px;
}
a.page_link-style-black:hover {
color: #8f8f8f;
border-bottom: 1px solid #8f8f8f;
}
.page-quantity-projects {
padding: 150px 0;
}
.page-quantity-projects .container-block {
display: flex;
justify-content: space-between;
}
.page-quantity-projects .container-block .right {
width: 450px;
}
.page-quantity-projects .container-block .right p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 150%;
color: #000000;
}
.page-work-withus {
background: #F0F2F4;
padding: 150px 0;
}
.page-work-withus .container-block {
display: flex;
justify-content: space-between;
}
.page-work-withus .container-block .left {
width: 410px;
}
.page-work-withus .page_title-container {
margin-bottom: 50px;
}
section.page-work-withus p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 150%;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
max-width: 100%;
margin-left: 80px;
margin-right: auto;
grid-template-columns: 195px 345px 345px 300px;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
max-width: 100%;
margin-left: 80px;
margin-right: auto;
grid-template-columns: 195px 345px 345px 300px;
}
footer .menu-link {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 150%;
color: #FFFFFF;
transition: 0.3s;
}
footer .menu-link:hover {
color: #414BFF;
}
footer #block-11 ul {
font-size: 20px;
line-height: 130%;
color: #FFFFFF;
}
footer #block-11 ul li {
margin-bottom: 40px;
}
footer #block-11 ul li a {
font-size: 20px;
line-height: 130%;
color: #FFFFFF;
transition: 0.3s;
}
footer #block-11 ul li a:hover {
color: #414BFF;
}
footer #block-11 ul li p {
font-family: 'Montserrat', sans-serif;
display: block;
font-size: 14px;
line-height: 160%;
color: #878787;
margin-bottom: 8px;
}
footer #block-11 ul li p a {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 160%;
color: #878787;
margin-bottom: 8px;
}
.site-footer-below-section-2 a, .site-footer-below-section-3 a, .site-footer-below-section-4 p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #FFFFFF;
text-align: left;
}
.ast-builder-html-element p {
text-align: left;
}
.page_base-description {
padding: 150px 0;
}
.page_base-description .container-block {
display: flex;
justify-content: space-between;
}
.page_base-description .container-block .left {
width: 530px;
}
.page_base-description h3 {
font-size: 40px;
line-height: 130%;
margin-bottom: 30px;
}
.page_base-description p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 150%;
}
.page_base-description.page_infosecurity-audit p {
font-size: 16px;
}
section.page_base-banner img {
width: 100%;
height: auto;
}
.page_base-quote {
padding: 150px 0;
}
.page_base-quote p {
font-size: 40px;
line-height: 130%;
color: #000000;
width: 900px;
margin: 0;
}
.page_support-steps {
background: #F0F2F4;
padding: 150px 0;
}
.page_support-steps ul {
list-style: none;
margin: 0;
display: flex;
justify-content: space-between;
}
.page_support-steps ul li {
width: calc(33% - 20px);
}
.page_support-steps ul li img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.page_support-steps ul li h4 {
font-size: 20px;
margin-bottom: 20px;
}
.page_support-steps ul li p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 150%;
margin: 0;
}
.page_base-description.page_infosecurity-audit {
background-color: #000;
}
.page_base-description.page_infosecurity-audit h3 {
color: #fff;
}
.page_base-description.page_infosecurity-audit p {
color: #fff;
}
.page_base-description.page_infosecurity-support {
background: #DFE2E9;
}
.page_base-description.page_infosecurity-audit .container-block .right {
width: 450px;
}
.page_base-description.page_infosecurity-support .container-block .right {
width: 450px;
}
.page_infosecurity-installation {
padding: 150px 0 50px 0;
}
.page_infosecurity-installation ul {
list-style: none;
margin: 100px 0 0 0;
}
.page_infosecurity-installation ul li {
display: flex;
justify-content: space-between;
margin-bottom: 100px;
align-items: flex-start;
}
.page_infosecurity-installation ul li div {
width: 410px;
}
.page_infosecurity-installation ul li div h4 {
font-size: 30px;
line-height: 140%;
margin-bottom: 20px;
}
.page_infosecurity-installation ul li div p {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 150%;
margin: 0;
}
.page_infosecurity-installation ul li img {
width: 450px;
height: auto;
}
.page_base-suppliers {
background: #F0F2F4;
padding: 150px 0 50px 0;
}
.page_base-suppliers p {
font-size: 40px;
line-height: 130%;
margin-bottom: 100px;
width: 900px;
}
.page_base-suppliers ul.page_base-suppliers-slider {
list-style: none;
margin: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.page_base-suppliers ul.page_base-suppliers-slider li {
width: calc(33% - 30px);
}
.page_base-suppliers ul.page_base-suppliers-slider li .image-container {
width: 100%;
height: 220px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.page_base-suppliers ul.page_base-suppliers-slider li .image-container img {
width: 60%;
}
.page_base-suppliers ul.page_base-suppliers-slider li p {
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 20px;
line-height: 130%;
width: 100%;
}
.page_services-items {
padding: 130px 0;
}
.page_services-items ul {
list-style: none;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page_services-items ul li {
width: calc(33% - 15px);
margin-bottom: 130px;
}
.page_services-items ul li img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.page_services-items ul li h4 {
font-family: 'Muller', sans-serif;
font-size: 30px;
line-height: 140%;
margin-bottom: 20px;
}
.page_services-items ul li p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 150%;
margin: 0;
}
.page_button-style-two {
background: #414BFF;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 120%;
text-transform: uppercase;
padding: 32px 40px;
transition: 0.3s;
}
.page_button-style-two:hover {
background: #2028B9;
}
.page_services-items .page_button-container {
margin: 0 auto 0;
}
.page_aboutus-description {
padding: 130px 0 0 0;
}
.page_aboutus-description .page_title-container {
margin-bottom: 40px;
}
.page_aboutus-description .page_title-container h2 {
font-size: 40px;
line-height: 130%;
width: 900px;
}
.page_aboutus-description p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 150%;
width: 780px;
}
.page_aboutus-description h4 {
font-size: 20px;
line-height: 140%;
}
.page_aboutus-description span {
display: block;
font-size: 20px;
line-height: 140%;
color: #808080;
margin-bottom: 30px;
}
.page_aboutus-description img {
width: 230px;
height: 230px;
}
.page_aboutus-team-items {
padding: 130px 0 0 0;
}
.page_aboutus-team-items .page_title-container {
margin-bottom: 40px;
}
.page_aboutus-team-items .page_title-container h2 {
font-size: 58px;
line-height: 130%;
}
.page_aboutus-team-items p {
margin-bottom: 100px;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 150%;
width: 780px;
}
.page_aboutus-team-items li p {
font-size: 20px;
line-height: 130%;
color: #808080;
width: 100%;
margin: 0;
height: 78px;
}
.page_aboutus-team-items ul {
list-style: none;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 60px;
}
.page_aboutus-team-items ul li {
width: calc(33% - 15px);
margin-bottom: 130px;
}
.page_aboutus-team-items ul li img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.page_aboutus-team-items ul li h4 {
font-size: 20px;
line-height: 130%;
margin-bottom: 10px;
}
.page_base-product {
padding: 150px 0;
background: #F0F2F4;
}
.page_base-product h2 {
font-size: 40px;
line-height: 130%;
margin-bottom: 150px;
}
.page_base-product ul {
list-style: none;
margin: 0;
}
.page_base-product ul li {
display: flex;
justify-content: space-between;
margin-bottom: 120px;
}
.page_base-product ul li .text-container {
width: 500px;
}
.page_base-product ul li .text-container h4 {
font-size: 20px;
line-height: 130%;
margin-bottom: 20px;
}
.page_base-product ul li .text-container p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 150%;
margin: 0;
}
.page_base-product ul li .image-container {
width: 300px;
height: 220px;
background: #EBEFF2;
display: flex;
justify-content: center;
align-items: center;
}
.page_base-product ul li .image-container img {
max-width: 70%;
height: auto;
max-height: 150px;
}
.page_base-product .page_button-container {
margin-top: 0;
}
.page_career-info {
background: #F0F2F4;
padding: 130px 0 0 0;
}
.page_career-info ul {
list-style: none;
margin: 0;
}
.page_career-info ul li {
margin-bottom: 130px;
}
.page_career-info ul li h4 {
font-size: 40px;
line-height: 130%;
margin-bottom: 50px;
}
.page_career-info ul li p {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
line-height: 150%;
width: 900px;
}
.page_button-style-three {
background: #414bff;
padding: 16px 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
}
.page_career-info .page_button-container {
margin-top: 50px;
}
.page_licenses-info {
background: #F0F2F4;
padding: 130px 0 0 0;
}
.page_licenses-info ul {
list-style: none;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
}
.page_licenses-info ul li {
width: 33%;
margin-bottom: 130px;
padding-right: 30px;
}
.page_licenses-info ul li img {
width: 220px;
height: auto;
margin-bottom: 20px;
}
.page_licenses-info ul li h4 {
font-size: 20px;
line-height: 130%;
}
.page_contacts-info {
padding: 150px 0 100px 0;
}
.page_contacts-info ul {
list-style: none;
margin: 0;
}
.page_contacts-info ul li {
margin-bottom: 50px;
}
.page_contacts-info ul li span {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: 120%;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
}
.page_contacts-info ul li p {
font-size: 40px;
line-height: 130%;
color: #000000;
}
.page_contacts-info ul li a {
font-size: 40px;
line-height: 130%;
color: #000000;
transition: 0.3s;
}
.page_contacts-info ul li a:hover {
color: #414BFF;
}
.page_base-content {
padding: 150px 0;
}
.search .ast-row, .archive .ast-row {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.search .ast-row article, .archive .ast-row article {
width: calc(50% - 50px);
margin-top: 100px;
background-color: #f5f5f5;
border: none;
padding: 0;
}
.search .ast-row article img, .archive .ast-row article img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.search .ast-row article span, .archive .ast-row article span {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: 120%;
text-transform: uppercase;
color: #000000;
}
.search .ast-row article p, .archive .ast-row article p {
font-size: 24px;
line-height: 140%;
color: #000000;
transition: 0.3s;
margin: 0;
}
.search .ast-row article:hover p, .archive .ast-row article:hover p {
color: #414BFF;
}
.page_base-single-post {
padding: 100px 0 130px 0;
}
.page_base-single-post h2 {
font-size: 40px;
line-height: 130%;
margin: 30px 0 0 0;
}
.page_base-single-post h3 {
font-size: 30px;
line-height: 134%;
margin: 30px 0 0 0;
}
.page_base-single-post img {
width: auto;
}
.page_base-single-post p {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
line-height: 150%;
margin: 20px 0;
}
.page_base-single-post p span {
display: block;
margin: 30px 0;
}
.page_base-single-post .page_button-container {
margin: 90px auto 0;
}
.page_header-title.page_post {
background-color: #414bff;
}
.page_header-title.page_post {
justify-content: flex-end;
padding-top: 80px;
}
.page_header-title.page_post h1 {
margin-bottom: 70px;
}
#toTop {
width: 40px;
height: 40px;
border: 2px solid #414bff;
background: #ffffff00;
text-align: center;
line-height: 32px;
padding: 5px;
border-radius: 50%;
position: fixed;
bottom: 50px;
right: 50px;
cursor: pointer;
display: none;
color: #414bff;
font-family: verdana;
font-size: 19px;
font-weight: 700;
z-index: 20;
}
.ast-logo-title-inline .ast-site-identity {
padding: 0;
}
.site-primary-header-wrap.ast-container {
width: calc(100% - 160px);
max-width: 100%;
padding: 0;
}
#comments .submit, .search .search-submit {
padding: 6px 15px;
}
#ast-mobile-site-navigation .main-header-menu .menu-link{
padding: 0!important;
} .pop-up-form {
background: rgb(255 255 255);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 999;
align-items: center;
justify-content: center;
opacity: 0;
transition: 0.3s;
}
.pop-up-form .okno {
width: 680px;
text-align: center;
padding: 20px 20px 40px 20px;
background-color: #ffffff;
color: #000000;
position: relative;
}
.call-me-form span a {
font-size: 14px;
color: #d42a2c;
}
.pop-up-form .button {
background-color: #3b78cc;
width: 100%;
border-radius: 5px;
color: #fff !important;
border: none;
margin-top: 20px !important;
transition: 0.5s;
cursor: pointer;
text-transform: uppercase;
font-weight: 500;
-webkit-box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
}
.pop-up-form input[type="submit"]:focus {
color: #ffffff!important;
}
.pop-up-form .button:hover {
background: #444;
}
.pop-up-form .close {
color: #242833;
font-size: 30px;
cursor: pointer;
position: absolute;
top: 50px;
right: 50px;
}
.call-me-form h4 {
font-size: 32px;
color: #242833;
margin: 0 0 40px 0;
padding: 0;
}
.call-me-form p {
margin-bottom: 16px;
text-align: left;
}
.call-me-form p span {
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 150%;
text-align: left;
}
.call-me-form p span a {
font-family: 'Montserrat', sans-serif;
line-height: 120%;
color: #414BFF;
border-bottom: 1px solid #414bff;
}
.call-me-form input:not([type=submit]) {
direction: ltr;
background: #F0F2F4;
border: 1px solid #f0f2f4;
height: 72px;
padding: 24px;
width: 100%;
font-size: 16px;
}
.call-me-form textarea {
direction: ltr;
background: #F0F2F4;
border: 1px solid #f0f2f4;
height: 180px;
padding: 24px;
width: 100%;
font-size: 16px;
}
.call-me-form input:hover, .call-me-form input:active {
background: #ffffff;
}
.call-me-form button[type=submit] {
direction: ltr;
background: #414BFF;
border: 1px solid #414BFF;
height: 67px;
padding: 24px;
width: 100%;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 20px;
transition: 0.3s;
}
.call-me-form button[type=submit]:hover {
background: #2028B9;
border: 1px solid #2028B9;
}
.wpcf7-not-valid {
border: 1px solid red!important;
}
.wpcf7-not-valid-tip {
display: none;
}
.pop-up-form  div.wpcf7 .ajax-loader {
bottom: 15px;
right: 200px;
position: absolute;
}
.pop-up-form .wpcf7 form .wpcf7-response-output {
position: absolute;
left: 0;
right: 0;
bottom: -40px;
margin: 0;
padding: 0.2em 1em;
border: 2px solid #00a0d2;
}
.pop-up-form  .wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
}
.pop-up-form .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
}
.pop-up-form .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
display: none;
}
.pop-up-form  .wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
display: none;
}
.pop-up-form .wpcf7 form .wpcf7-response-output {
display: none;
}
.call-me-form img {
width: 300px;
height: 300px;
}
span.wpcf7-form-control-wrap.agree-antbt {
display: none;
}
p.career-me-form-title {
margin: -20px 0 20px 0;
text-align: center;
font-size: 18px;
color: #9f9f9f;
}   @media (max-width: 1680px) {
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
grid-template-columns: 195px 235px 180px 300px;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
grid-template-columns: 195px 235px 180px 300px;
}
.page_header-title .ast-container {
width: 960px;
padding-right: 110px;
}
.ast-container {
max-width: 960px;
}
.page-main-directions .container-block .right img {
width: 340px;
height: auto;
}
ul.projects-archive-block li {
width: calc(50% - 30px);
}
.page_base-description {
padding: 130px 0;
}
.header-menu-email {
margin-top: 10px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
padding: 15px 50px 15px 60px;
}
.call-me-form input:not([type=submit]) {
height: 44px;
}
.call-me-form input:not([type=submit]) {
padding: 14px;
}
.call-me-form textarea {
padding: 14px;
}
.call-me-form p {
margin-bottom: 10px;
}
.call-me-form p span {
line-height: 100%;
}
.call-me-form textarea {
height: 80px;
}
.call-me-form h4 {
font-size: 32px;
margin: 0 0 20px 0;
}
#toTop {
bottom: 20px;
right: 20px;
}
.search .ast-row article, .archive .ast-row article {
width: calc(50% - 30px);
}
.ast-mobile-popup-content p {
margin-bottom: 0;
}
.page_base-product h2 {
margin-bottom: 130px;
}
.page_base-suppliers ul li {
width: calc(33% - 15px );
}
.page_base-suppliers ul li .image-container {
width: 100%;
height: 200px;
}
.page_base-quote {
padding: 130px 0;
}
.page_support-steps {
padding: 130px 0;
}
.page_infosecurity-installation {
padding: 130px 0 30px 0;
}
.page_base-suppliers {
padding: 130px 0 30px 0;
}
.page_base-single-post .ast-container {
padding-right: 110px;
}
.page_aboutus-description .page_title-container h2 {
width: 780px;
}
.page_base-content {
padding: 130px 0;
}
.page_base-product {
padding: 130px 0;
}
.page_aboutus-team-items ul {
padding-top: 0;
}
.page_base-description .container-block .left {
width: 460px;
}
} @media (max-width: 1280px) {
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
margin-left: 60px;
width: calc(100% - 120px);
}
.site-header-primary-section-left ul#ast-hf-menu-1 {
margin-left: 40px;
}
.page_header-title .ast-container {
margin-left: 260px;
}
.ast-header-button-1 .ast-custom-button {
margin-right: 90px;
}
.ast-container {
margin-left: 260px;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
margin-left: 60px;
grid-template-columns: 145px 235px 180px 300px;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
grid-template-columns: 145px 235px 180px 300px;
margin-left: 60px;
}
.page_header-title h1 {
margin-bottom: 70px;
margin-top: 100px;
}
section.page_home-description {
padding: 130px 0;
}
.page-main-directions .container-block .left ul li span {
display: none;
}
ul.projects-archive-block li {
width: calc(50% - 20px);
}
#toTop {
width: 25px;
height: 25px;
line-height: 18px;
padding: 4px;
font-size: 15px;
}
.page-quantity-projects {
padding: 130px 0;
}
.page-projects-archive {
padding: 100px 0 50px 0;
}
.page-work-withus {
padding: 130px 0;
}
.search .ast-row article, .archive .ast-row article {
width: calc(50% - 20px);
}
.page_licenses-info ul li img {
width: 210px;
}
.page_licenses-info {
padding: 100px 0 0 0;
}
.page_licenses-info ul li {
margin-bottom: 100px;
}
.page_licenses-info ul li h4 {
height: 75px;
}
.page_contacts-map>ymaps {
height: 500px !important;
}
.page_contacts-info {
padding: 100px 0 100px 0;
}
.page_career-info {
padding: 100px 0 0 0;
}
.page_services-items {
padding: 100px 0;
}
.page_base-single-post {
padding: 100px 0 100px 0;
}
.page_base-single-post .page_button-container {
margin: 60px auto 0;
}
.page_base-description {
padding: 100px 0;
}
.page_base-quote {
padding: 100px 0;
}
.page_support-steps {
padding: 100px 0;
}
.page_infosecurity-installation {
padding: 100px 0 0px 0;
}
.page_base-suppliers {
padding: 100px 0 0px 0;
}
.page_base-content {
padding: 100px 0;
}
.ast-builder-grid-row-4-equal .ast-builder-grid-row {
grid-template-columns: 1fr 2fr 2fr 3fr;
}
.page_base-single-post {
padding: 70px 0 100px 0;
}
.page_base-single-post .ast-container {
padding-right: 0;
}
.page_base-product {
padding: 100px 0;
}
} @media (max-width: 1180px) {
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
margin-left: 40px;
width: calc(100% - 80px);
}
.page_base-suppliers ul.page_base-suppliers-slider li {
width: calc(33% - 15px);
}
#ast-mobile-header.ast-mobile-header-wrap #ast-hf-menu-1 {
margin: 0;
border-color: unset;
background-color: unset;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
border: unset;
}
#ast-mobile-header.ast-mobile-header-wrap #ast-hf-menu-1 li {
width: 33%;
}
#ast-mobile-header.ast-mobile-header-wrap #ast-hf-menu-1 li a {
border-bottom: unset;
padding: 0!important;
white-space: nowrap;
}
.ast-header-button-1 .ast-custom-button {
margin-right: 0;
padding: 0;
white-space: nowrap;
}
.ast-builder-grid-row.ast-grid-center-col-layout {
grid-template-columns: 1fr 5fr 1fr;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
padding: 0;
}
.site-header-section {
min-height: 0;
height: 22px;
}
#masthead .ast-mobile-header-wrap .ast-primary-header-bar, #masthead .ast-mobile-header-wrap .ast-below-header-bar {
padding-left: 0;
padding-right: 0;
}
.page_header-title .ast-container {
width: calc(100% - 80px);
}
.page_header-title .ast-container {
padding: 0;
margin: 0 40px;
}
.page_header-title h1 {
font-size: 68px;
line-height: 110%;
margin-bottom: 40px;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
margin: 0 10px;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
margin-left: 0;
}
.ast-container {
width: calc(100% - 80px);
padding: 0;
margin: 0 40px;
}
.page_home-description p {
width: 100%;
font-size: 30px;
line-height: 130%;
}
section.page_home-description {
padding: 100px 0;
}
.page-main-directions .right {
display: none;
}
.page-main-directions .container-block .left ul a {
font-size: 48px;
}
.page-main-directions {
padding: 100px 0;
background: #DFE2E9;
}
.page-projects-archive {
padding: 100px 0 20px 0;
}
.page-projects-archive {
padding: 100px 0 20px 0;
}
h2 {
font-size: 68px;
}
.page-quantity-projects .container-block .right {
width: 320px;
}
.page-quantity-projects .container-block .right p {
font-size: 16px;
line-height: 150%;
}
.page-quantity-projects {
padding: 100px 0;
}
.page-work-withus {
padding: 100px 0;
}
.page-work-withus .container-block .left {
width: 320px;
}
section.page-work-withus p {
font-size: 16px;
line-height: 150%;
}
.page-work-withus .container-block .right {
width: 320px;
}
.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link {
font-size: 24px;
line-height: 130%;
}
.footer-widget-area.footer-widget-area-inner {
text-align: left !important;
}
footer#colophon, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
position: relative;
height: 470px;
}
.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
position: absolute;
top: 50px;
left: 40px;
}
.site-footer-primary-section-2.site-footer-section.site-footer-section-2 {
position: absolute;
top: 120px;
left: 40px;
}
.site-footer-primary-section-3.site-footer-section.site-footer-section-3 {
position: absolute;
top: 310px;
left: 40px;
}
.site-footer-primary-section-4.site-footer-section.site-footer-section-4 {
position: absolute;
top: 50px;
right: 100px;
}
.site-footer-below-section-1.site-footer-section.site-footer-section-1 {
display: none;
}
.site-below-footer-wrap.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
grid-template-columns: repeat( 3,1fr );
}
.site-below-footer-wrap.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal p {
line-height: 30px;
text-align: center;
}
.site-footer-below-section-1.site-footer-section.site-footer-section-1 {
display: none!important;
}
.slick-slider.slick-dotted ul.slick-dots {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
margin: auto;
padding-top: 20px;
flex-wrap: nowrap;
}
.slick-slider.slick-dotted ul.slick-dots li {
padding: 5px;
width: auto;
margin: 0;
}
.slick-slider.slick-dotted ul.slick-dots li button {
font-size: 0;
background: #D9D9D9;
width: 10px;
height: 10px;
padding: 0;
border-radius: 50%;
}
.slick-slider.slick-dotted ul.slick-dots li.slick-active button{
background: #414BFF;
}
.page_licenses-slider .slick-list {
padding: 0 15% 0 0 !important;
}
.page_licenses-slider-container {
height: 450px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.page_aboutus-description .page_title-container h2 {
width: 100%;
font-size: 32px;
}
.page_aboutus-description {
padding: 100px 0 0 0;
}
.page_aboutus-description p {
width: 100%;
font-size: 16px;
line-height: 150%;
}
.page_aboutus-team-items {
padding: 100px 0 0 0;
}
.page_aboutus-team-items p {
width: 100%;
margin-bottom: 0;
}
.page_aboutus-team-items ul li {
padding: 0 15px;
}
.page_aboutus-team-items .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
padding: 0 27% 0 27% !important;
}
.page_licenses-info ul li {
margin-bottom: 0;
}
.page_licenses-info {
padding: 50px 0 100px 0;
}
.page_career-info ul li p {
font-size: 16px;
width: 100%;
}
.page_career-info ul li {
margin-bottom: 80px;
}
.page_career-info {
padding: 100px 0 20px 0;
}
.main-header-menu .menu-link, .main-header-menu>a {
padding: 0 !important;
}
.page_contacts-info ul li p {
font-size: 32px;
}
.page_contacts-info {
padding: 80px 0;
}
.page_contacts-info ul li a {
font-size: 32px;
}
.page_contacts-map>ymaps {
height: 375px !important;
}
.page_services-items {
padding: 80px 0;
}
.page_services-items ul {
flex-direction: column;
}
.page_services-items ul li {
width: 100%;
}
.page_services-items ul li {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.page_services-items ul li img {
width: 325px;
height: auto;
margin-bottom: 0;
margin-right: 40px;
}
.page_services-items ul li h4 {
font-size: 24px;
}
.page_services-items ul li p {
font-size: 16px;
}
.page_base-product h2 {
margin-bottom: 80px;
font-size: 32px;
}
.page_base-product ul li .image-container {
margin-left: 60px;
}
.page_base-single-post p {
font-size: 16px;
}
.page_base-single-post h2 {
font-size: 32px;
}
.page_base-single-post h3 {
font-size: 22px;
}
.page_base-description {
padding: 80px 0;
}
.page_base-description .container-block {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.page_base-description h3 {
font-size: 32px;
}
.page_base-description.post .container-block .right {
display: none;
}
.page_base-quote p {
font-size: 32px;
width: 100%;
}
.page_base-suppliers p {
font-size: 32px;
margin-bottom: 40px;
width: 100%;
}
.page_base-suppliers {
padding: 80px 0 0px 0;
}
.page_base-quote {
padding: 80px 0;
}
.page_base-description.page_infosecurity-audit .container-block .left {
width: calc(100% - 20px);
}
.page_base-description.page_infosecurity-audit .right img {
margin-left: 0;
width: 100%;
}
.page_infosecurity-installation ul {
margin: 80px 0 0 0;
}
.page_infosecurity-installation ul li div h4 {
font-size: 24px;
}
.page_infosecurity-installation ul li img {
width: 320px;
margin-left: 40px;
}
.page_infosecurity-installation ul li {
margin-bottom: 80px;
}
.page_infosecurity-installation {
padding: 80px 0 0 0;
}
.page_base-suppliers ul li .image-container {
height: 140px;
}
.page_base-description.page_infosecurity-support .container-block .left {
width: calc(100% - 20px);
}
.page_base-description.page_infosecurity-support .right img {
margin-left: 0;
margin-top: 40px;
width: 100%;
}
.page_support-steps ul {
flex-direction: column;
}
.page_support-steps ul li {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 60px;
}
.page_support-steps ul li img {
width: 100%;
height: auto;
margin-bottom: 0;
margin-right: 40px;
}
.page_support-steps {
padding: 80px 0 20px 0;
}
section.page_home-description {
padding: 80px 0;
}
.page_base-content {
padding: 80px 0;
}
} @media (max-width: 960px) {
.page_aboutus-team-items ul {
padding-top: 80px;
}
.page_aboutus-team-items ul li {
margin-bottom: 0;
}
.page_aboutus-team-items {
padding: 100px 0 100px 0;
}
} @media (max-width: 576px) {
.page_base-description.page_infosecurity-audit .container-block .right {
width: 100%;
}
.page_base-description.page_infosecurity-support .container-block .right {
width: 100%;
}
.site-header-primary-section-center.ast-grid-section-center .ast-builder-menu-1{
display: none;
}
#masthead .ast-mobile-header-wrap .ast-primary-header-bar, #masthead .ast-mobile-header-wrap .ast-below-header-bar {
padding-left: 10px;
padding-right: 10px;
}
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
margin-top: 30px;
}
.page_header-title h1 {
font-size: 38px;
line-height: 130%;
}
.page_header-title .ast-container {
width: calc(100% - 40px);
margin: 0 20px;
}
.ast-container {
width: calc(100% - 20px);
padding: 0;
margin: 0 20px;
}
.page_button-style-one {
display: block;
width: 100%;
text-align: center;
}
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
width: 100%;
padding: 15px 40px 15px 40px;
}
section.page_home-description {
padding: 60px 0;
}
.ast-container {
width: calc(100% - 40px);
padding: 0;
}
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
margin-left: 10px;
width: calc(100% - 20px);
}
header .custom-logo-link img {
max-width: 98px;
}
.page_home-description p {
font-size: 20px;
margin-bottom: 30px;
}
.page_home-description p br {
display: none;
}
.page-main-directions {
padding: 80px 0;
background: #DFE2E9;
}
.page-main-directions .container-block .left ul a {
font-size: 26px;
}
.page-main-directions .container-block .left ul li {
margin-bottom: 20px;
}
.page-main-directions .container-block .left p {
font-size: 16px;
}
.page-main-directions .container-block .left ul {
margin: 0 0 10px 0;
}
.page-projects-archive {
padding: 60px 0 20px 0;
}
h2 {
font-size: 38px;
line-height: 130%;
}
.page-projects-archive .page_title-container .page_link-container {
display: none;
}
ul.projects-archive-block {
flex-direction: column;
}
ul.projects-archive-block li {
width: 100%;
margin-bottom: 40px;
}
ul.projects-archive-block li img {
margin-bottom: 20px;
width: 100%;
}
ul.projects-archive-block li p {
font-size: 18px;
}
.page-quantity-projects {
padding: 60px 0;
}
.page-quantity-projects .container-block {
flex-direction: column;
}
.page-quantity-projects .container-block .right p {
margin-top: 30px;
}
.page-quantity-projects .container-block .right {
width: 100%;
}
.page-work-withus {
padding: 60px 0 5px 0;
}
.page-work-withus .container-block {
flex-direction: column;
}
.page-work-withus .container-block .left {
width: 100%;
}
.page-work-withus .container-block .right {
width: 100%;
}
.page-work-withus .container-block .right img {
margin-top: 60px;
}
footer#colophon, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
height: 720px;
}
.site-below-footer-wrap.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
grid-template-columns: repeat( 1,1fr );
}
.site-footer-primary-section-4.site-footer-section.site-footer-section-4 {
top: 310px;
left: 20px;
}
.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
left: 20px;
}
.site-footer-primary-section-2.site-footer-section.site-footer-section-2 {
left: 20px;
}
.site-below-footer-wrap.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal {
top: 570px;
left: 20px;
}
.site-footer-primary-section-3.site-footer-section.site-footer-section-3 {
top: 120px;
left: 190px;
}
.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link {
font-size: 18px;
}
.header-menu-email {
font-size: 18px;
}
.header-menu-licenses, .header-menu-privacy {
font-size: 16px;
}
.call-me-form h4 {
font-size: 22px;
}
.pop-up-form .okno {
padding: 10px;
}
.call-me-form p span {
line-height: 16px;
font-size: 12px;
}
.call-me-form p span a {
line-height: 16px;
font-size: 12px;
}
.page_header-title h1 {
margin-bottom: 20px;
margin-top: 80px;
}
.page_aboutus-description {
padding: 60px 0 0 0;
}
.page_aboutus-description .page_title-container h2 {
font-size: 20px;
}
.page_aboutus-description .page_title-container {
margin-bottom: 20px;
}
.page_aboutus-description img {
width: 178px;
height: 178px;
}
.page_aboutus-team-items {
padding: 60px 0;
}
.page_aboutus-team-items .page_title-container h2 {
font-size: 26px;
}
.page_aboutus-team-items ul {
padding-top: 40px;
}
.page_aboutus-team-items .slick-list {
padding: 0 10% 0 10% !important;
}
.page_base-content {
padding: 60px 0;
}
.search .ast-row, .archive .ast-row {
flex-direction: column;
}
.ast-archive-description .ast-archive-title {
font-size: 20px;
}
.search .ast-row article, .archive .ast-row article {
width: 100%;
}
.search .ast-row article, .archive .ast-row article {
width: 100%;
margin-top: 40px;
}
.page_base-single-post {
padding: 20px 0 40px 0;
}
.page_button-style-two {
width: 100%;
}
.page_base-single-post h2 {
font-size: 20px;
}
.page_header-title.page_post h1 {
margin-bottom: 20px;
}
.page_base-single-post h3 {
font-size: 18px;
}
.page_contacts-info ul li p {
font-size: 20px;
}
.page_contacts-info {
padding: 40px 0 0 0;
}
.page_contacts-info ul li a {
font-size: 20px;
}
.page_contacts-map>ymaps {
height: 220px !important;
}
.page_career-info {
padding: 40px 0 20px 0;
}
.page_career-info ul li h4 {
margin-bottom: 20px;
font-size: 20px;
}
.page_career-info .page_button-container {
margin-top: 20px;
}
.page_career-info ul li {
margin-bottom: 60px;
}
.page_base-product {
padding: 40px 0;
}
.page_base-product h2 {
margin-bottom: 40px;
font-size: 20px;
}
.page_base-product .page_title-container h2 br {
display: none;
}
.page_base-product ul li {
margin-bottom: 80px;
flex-direction: column-reverse;
}
.page_base-product ul li .image-container {
margin-left: 0;
margin-bottom: 20px;
}
.page_base-product ul li .text-container p {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 150%;
margin: 0;
}
.page_base-product ul li .text-container {
width: 100%;
}
.page_services-items {
padding: 30px 0;
}
.page_services-items ul li img {
margin-right: 0;
margin-bottom: 20px;
width: 100%;
}
.page_services-items ul li {
margin-bottom: 60px;
flex-direction: column;
}
.page_services-items ul li h4 {
font-size: 18px;
}
.page_base-description {
padding: 40px 0;
}
.page_base-description h3 {
font-size: 20px;
margin-bottom: 20px;
}
.page_base-quote {
padding: 40px 0;
}
.page_base-quote p {
font-size: 20px;
}
.page_infosecurity-installation {
padding: 60px 0 0 0;
}
.page_infosecurity-installation ul {
margin: 40px 0 0 0;
}
.page_infosecurity-installation ul li {
margin-bottom: 80px;
flex-direction: column;
}
.page_infosecurity-installation ul li img {
width: 100%;
margin-left: 0;
margin-top: 30px;
}
.page_base-suppliers {
padding: 40px 0 40px 0;
}
.page_base-suppliers p {
font-size: 20px;
}
.page_infosecurity-installation ul li {
margin-bottom: 40px;
}
.page_base-suppliers-slider .slick-list {
padding: 0 15% 0 15% !important;
}
.page_base-suppliers ul.page_base-suppliers-slider li .image-container {
width: 100%;
height: 140px;
}
.page_base-suppliers ul.page_base-suppliers-slider li {
padding: 0 15px;
}
.page_support-steps {
padding: 30px 0 0 0;
}
.page_support-steps ul li img {
margin-bottom: 20px;
margin-right: 0;
}
.page_support-steps ul li {
flex-direction: column;
}
.page_header-title.page_home {
height: 460px;
}
.page_button-container {
margin-top: 40px;
}
.site-below-footer-wrap.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal p {
line-height: 100%;
}
.page_base-description .container-block .left {
width: 100%;
}
.page_base-description.page_infosecurity-audit .container-block .left {
width: 100%;
}
.page_infosecurity-installation ul li div {
width: 100%;
}
.page_base-description.page_infosecurity-support .container-block .left {
width: 100%;
}
.pop-up-form .close {
font-size: 20px;
top: 20px;
right: 20px;
z-index: 10;
}
}   .ast-container-projects {
margin-left: auto;
margin-right: auto;
}
.site-content-product .page_base-content {
padding-top: 60px;
}
.product-section p:last-child {
margin-bottom: 0;
}
h1.product-page-h1 {
font-size: 50px;
line-height: 1.25;
}
.product-page-h2 {
font-size: 24px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
padding-top: 70px;
}
.product-page-h3 {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
}
@media (max-width: 576px) {
h1.product-page-h1 {
font-size: 38px;
line-height: 130%;
}
.product-page-h2 {
font-size: 20px;
margin-top: 30px;
margin-bottom: 20px;
}
}
.product-header {
position: relative;
}
.site-content-product {
position: relative;
}
.navbar{
position: sticky;
z-index: 999;
display: flex;
justify-content: center;
left: 0;
top: 0;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
background-color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
} .navbar_toggle {  color: #ffffff;
background: transparent;
border-color: transparent;
transition: all 0.3s linear;
cursor: pointer;
display: none;
padding: 15px 0;
margin-left: 40px;
}
.navbar_toggle:hover {
background: transparent;
}
.logo_header{
display: flex;
}
.main_nav{
display: flex;
justify-content: center;
gap: 30px;
margin-left:0;
margin-bottom: 0;
list-style: none;
padding-left: 0;
}
.main_nav li:hover{
}
.main_nav li{
display: inline;
color: #000;
font-weight: 700;
}
.main_nav li a {
color: #777;
}
.main_nav li a:hover {
color: #000;
}
@media only screen and (max-width: 960px){
.ham-bar {
display: block;
width: 60px;
height: 3px;
background: #000;
margin: 4px 0;
}
.navbar{
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100vw;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
font-size: 20px;
}
.main_nav{
display: none;
z-index: 2;
position: absolute;
top: 60px;
background: #fff;
}
.show_nav{
padding-top: 10px; display: block;
width: 100vw;  }
.main_nav li{
display: flex;
width: 100%; font-size: 16px;
justify-content: center;
text-align: center;
padding: 0;
}
.main_nav li a{
line-height: 50px; }
.navbar_toggle {
margin-left: 40px;
margin-right: 0; color: #ffffff;
background: transparent;
border-color: transparent;
transition: all 0.3s linear;
cursor: pointer;
display: block;
}
.logo_header{
width: 100%;
justify-content: space-between; }
.navbar_toggle:focus,
.navbar_toggle:focus-visible,
.navbar_toggle:hover
{
background: transparent;
}
}
.product-downloads {
display: flex;
flex-wrap: wrap; justify-content: center;
margin-left: -10px;
margin-right: -10px;
}
.product-download {
flex: 0 0 25%; padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.product-download-inner {
width: 100%;
height: 100%;
border: solid 1px #e0e0e0;
display: flex;
flex-direction: column;
padding: 20px 15px 30px 15px;
justify-content: space-between;
position: relative;
transition: all .2s linear;
}
.product-download-name {
text-align: center;
text-transform: uppercase;
font-weight: 600;
line-height: 1.4;
font-size: 14px;
color: #000;
margin-bottom: 20px;
}
.product-download-description {
text-align: center;
line-height: 1.4;
font-size: 14px;
margin-bottom: 40px;
}
.product-download-text {
background: #414bff;
text-decoration: none;
display: block;
text-transform: uppercase;
text-align: center;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
width: 100%;
padding: 10px 15px;
color: #fff;
}
.product-download-text:hover {
background: #2028b9;
text-decoration: none;
color: #fff;
}
.product-download-text:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.product-download-text:focus,
.product-download-text:active,
.product-download-text:focus-visible
{
background: #3a3a3a;
text-decoration: none;
color: #fff;
}
.product-download-inner:hover {
background: #fff;
}
@media only screen and (max-width: 790px) and ( min-width: 728px ){
.product-download {
width: 100%;
flex: 0 0 33.3333%;
}
}
@media only screen and (max-width: 627px) and ( min-width: 418px ) {
.product-download {
width: 100%;
flex: 0 0 50%;
}
}
@media only screen and (max-width: 417px){
.product-download {
width: 100%;
flex: 0 0 100%;
}
}