@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&display=swap&subset=cyrillic-ext,latin-ext");
body {
min-width: 375px;
background-color: #FFFFFF;
font-family: 'Roboto', sans-serif; }
h3 {
font-size: 23px;
line-height: 1.2; }
.text-formatted {
font-size: 16px;
font-weight: 300;
line-height: 1.5; }
.text-formatted iframe {
width: 100%;
max-height: 80vh;
margin: 30px 0;
height: 400px; }
.text-formatted h2 {
margin: 28px 0;
font-size: 34px;
font-weight: 300;
line-height: 1.25; }
.text-formatted h2:first-child {
margin-top: 0; }
@media (max-width: 575.98px) {
.text-formatted h2 {
font-size: 27px; } }
.text-formatted h3 {
margin: 28px 0;
font-size: 30px;
font-weight: 300;
line-height: 1.25; }
.text-formatted h3:first-child {
margin-top: 0; }
@media (max-width: 575.98px) {
.text-formatted h3 {
font-size: 25px; } }
.text-formatted h4 {
margin: 28px 0;
font-size: 25px;
font-weight: 300;
line-height: 1.4; }
.text-formatted h4:first-child {
margin-top: 0; }
@media (max-width: 575.98px) {
.text-formatted h4 {
font-size: 23px; } }
.text-formatted h5 {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
margin: 20px 0 25px;
color: #4577D4; }
.text-formatted h5:first-child {
margin-top: 0; }
@media (max-width: 575.98px) {
.text-formatted h5 {
font-size: 17px; } }
.text-formatted h6 {
font-size: 16px;
font-weight: 600;
line-height: 1.4;
margin: 0 0 20px;
color: #4577D4; }
.text-formatted blockquote {
border: 0;
position: relative;
font-size: inherit;
margin: 0 0 25px;
padding: 0 0 0 90px; }
.text-formatted blockquote:last-child {
margin: 0; }
.text-formatted blockquote p {
margin: 0; }
.text-formatted blockquote::before {
content: '';
top: 5px;
left: 0;
width: 57px;
height: 57px;
position: absolute;
background: url("../images/icons/text-quote.svg") no-repeat center;
background-size: contain; }
@media (max-width: 575.98px) {
.text-formatted blockquote {
padding: 40px 0 0; }
.text-formatted blockquote::before {
top: -20px;
width: 42px; } }
.text-formatted p {
margin: 0 0 25px; }
.text-formatted p:last-child {
margin-bottom: 0; }
.text-formatted .caption {
display: block;
position: relative;
margin: 0 0 30px; }
.text-formatted .caption.align-left, .text-formatted img.align-left {
margin: 5px 35px 20px 0;
max-width: 405px; }
@media (max-width: 575.98px) {
.text-formatted .caption.align-left, .text-formatted img.align-left {
width: 100%;
float: none;
margin: 0 auto 20px; } }
.text-formatted .caption.align-right, .text-formatted img.align-right {
margin: 5px 0 20px 35px;
max-width: 405px; }
@media (max-width: 575.98px) {
.text-formatted .caption.align-right, .text-formatted img.align-right {
width: 100%;
float: none;
margin: 0 auto 20px; } }
.text-formatted .caption figcaption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 5px 8px;
color: #fff;
font-size: 12px;
background-color: rgba(0, 0, 0, 0.5); }
.text-formatted .caption-img {
display: inline-block; }
.text-formatted img {
max-width: 100%;
height: auto; }
@media (max-width: 575.98px) {
.text-formatted p img {
margin: 0 !important; } }
.text-formatted ol,
.text-formatted ul {
list-style-type: none;
padding: 0;
margin: 0 0 25px; }
.text-formatted li p {
margin: 0; }
.text-formatted ol {
counter-reset: li; }
.text-formatted ol li {
display: flex;
counter-increment: li;
position: relative;
margin-bottom: 16px; }
.text-formatted ol li::before {
content: counter(li) ".";
flex-shrink: 0;
font-weight: 300;
margin-right: 17px;
color: #4577D4; }
@media (max-width: 575.98px) {
.text-formatted ol li::before {
margin-right: 12px; } }
.text-formatted ol li.text-align-center {
justify-content: center; }
.text-formatted ol ol {
padding-top: 10px;
margin-bottom: 0; }
.text-formatted ol ol li::before {
content: counter(li, lower-alpha); }
.text-formatted ul li {
position: relative;
margin-bottom: 16px;
padding-left: 39px;
overflow: hidden; }
.text-formatted ul li::before {
content: '';
top: 11px;
left: 0;
width: 22px;
height: 1px;
flex-shrink: 0;
margin-right: 17px;
position: absolute;
background-color: #4577D4; }
@media (max-width: 575.98px) {
.text-formatted ul li::before {
width: 17px;
margin-right: 12px; } }
.text-formatted ul li.text-align-center {
text-align: center; }
.text-formatted table {
border: 0;
margin: 0 0 25px; }
.text-formatted table:last-child {
margin-bottom: 0; }
.text-formatted table tr {
background-color: transparent !important; }
.text-formatted table td,
.text-formatted table th {
padding: 20px 22px;
vertical-align: middle; }
@media (max-width: 575.98px) {
.text-formatted table td,
.text-formatted table th {
padding: 15px; } }
.text-formatted table td {
border: solid #D1D1D1;
border-width: 0 0 1px; }
.text-formatted table th {
border: 0;
color: #fff;
font-weight: 600;
background-color: #4577D4; }
@media (min-width: 576px) {
.text-formatted table th {
padding-top: 23px;
padding-bottom: 23px; } }
.text-formatted table p, .text-formatted table h5, .text-formatted table h6 {
margin: 0; }
.text-formatted table h5 {
color: inherit;
font-size: 20px; }
.text-formatted table h6 {
color: inherit;
font-size: 18px; }
.text-formatted a {
border-bottom: solid 1px transparent;
transition: color 0.4s, border-color 0.4s; }
.text-formatted a:hover {
color: #3763B6;
border-color: #3763B6; }
@media (min-width: 1200px) {
.container {
max-width: 1240px; } }
.container--small {
max-width: 910px; }
@media (max-width: 991.98px) {
.container {
padding-left: 25px;
padding-right: 25px; } }
.page {
position: relative; }
@media (max-width: 991.98px) {
.page {
padding-top: 80px; } }
.page-columns {
display: flex;
padding-bottom: 70px; }
@media (max-width: 991.98px) {
.page-columns {
display: block;
padding-bottom: 50px; } }
.page-columns .region-sidebar {
width: 280px;
flex-shrink: 0;
margin-right: 25px; }
@media (max-width: 991.98px) {
.page-columns .region-sidebar {
width: 100%;
margin: 0 0 30px; } }
.page-columns .region-content {
flex-grow: 1; }
.page-title {
font-size: 26px;
line-height: 1.3;
font-weight: 300;
margin: 0 0 30px; }
.list {
padding: 0;
margin: 0;
display: flex;
list-style-type: none; }
.cart-small-icon {
transition: box-shadow 0.4s, background-color 0.4s; }
.cart-small-icon:hover {
background-color: #e0e0e0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); }
.cart-small-icon:active, .cart-small-icon:focus {
background-color: rgba(245, 245, 245, 0.09); }
.cart-small-icon:focus {
outline: none; }
.cart-small-label {
display: none; }
.big-title, .service-block-title {
font-size: 46px;
line-height: 1.1;
font-weight: 300;
margin: 0 0 33px;
text-align: center; }
@media (max-width: 575.98px) {
.big-title, .service-block-title {
font-size: 32px; } }
.service-promo {
color: #FFFFFF;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: rgba(63, 63, 63, 0.43); }
.service-promo-link {
display: block; }
.service-promo-content {
color: #fff;
padding: 75px 0;
min-height: 515px;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0; }
.site-is-ready .service-promo-content {
opacity: 1;
transition: opacity 0.8s; }
@media (max-width: 575.98px) {
.service-promo-content {
padding: 52px 0 40px;
min-height: 250px; } }
.service-promo-arrow {
display: none; }
@media (max-width: 575.98px) {
.service-promo-arrow {
width: 100%;
height: 40px;
display: block;
margin-top: 50px;
background: url("../images/icons/promo-scroll.svg") no-repeat center;
background-size: 40px;
transition: opacity 0.4s; }
.service-promo-arrow:active, .service-promo-arrow:hover {
opacity: 0.7; } }
.service-promo-title {
font-size: 50px;
line-height: 1.2;
font-weight: 600;
margin: 0 0 45px;
max-width: 820px;
letter-spacing: 0.3px; }
@media (max-width: 575.98px) {
.service-promo-title {
font-size: 32px;
margin-bottom: 20px; } }
.service-promo-short h2 {
font-size: 22px;
line-height: 1.55;
font-weight: 600;
margin: 0 0 15px; }
@media (max-width: 991.98px) {
.service-promo-short h2 {
font-size: 26px; } }
@media (max-width: 575.98px) {
.service-promo-short h2 {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px; } }
.service-promo-info h3 {
font-size: 22px;
line-height: 1.4;
font-weight: 300;
letter-spacing: 0.1px; }
@media (max-width: 575.98px) {
.service-promo-info h3 {
font-size: 21px;
line-height: 1.3; } }
.service-block {
padding: 90px 0; }
@media (max-width: 575.98px) {
.service-block {
padding: 50px 0; } }
.service-block:nth-child(2n + 1) {
background-color: #F5F5F5; }
.service-block--bordered {
background-color: #ffffff;
border: solid #E4E4E4;
border-width: 1px 0; }
.service-block--no-bt {
border-top-width: 0; }
.service-block--no-padding {
padding: 0; }
.service-block--no-padding .service-block-title--no-margin {
padding-top: 50px;
padding-bottom: 50px;
border-bottom: solid 1px #E4E4E4; }
@media (max-width: 575.98px) {
.service-block--no-padding .service-block-title--no-margin {
padding-top: 30px;
padding-bottom: 30px; } }
.service-block--product {
padding-bottom: 0 !important;
background-color: transparent !important; }
.service-block--files .field--name-field-attach {
margin: 0; }
@media (min-width: 576px) {
.service-block--contacts {
padding: 70px 0; } }
.service-block-title--no-margin {
margin-bottom: 0 !important; }
.service-block-title--offset {
margin-bottom: 65px; }
@media (max-width: 575.98px) {
.service-block-title--offset {
margin-bottom: 35px; } }
.service-block--product .service-block-title {
font-size: 34px; }
.service-about {
line-height: 1.35;
text-align: center;
padding: 40px 30px 55px;
color: #131313; }
@media (max-width: 991.98px) {
.service-about {
display: flex;
align-items: center;
text-align: left;
padding: 25px 0; } }
.service-about-icon {
color: #D1D1D1;
font-size: 32px;
min-height: 44px;
margin-bottom: 5px; }
@media (max-width: 991.98px) {
.service-about-icon {
min-height: 0;
flex-shrink: 0;
font-size: 43px;
margin: 0 30px 0 0; } }
@media (max-width: 575.98px) {
.service-about-icon {
font-size: 37px;
margin-right: 25px; } }
.service-about-title {
display: flex;
align-items: center;
flex-direction: column;
font-size: 30px;
font-weight: 300;
margin: 0 0 28px;
color: #131313; }
.service-about-title::after {
content: '';
width: 35px;
height: 4px;
margin-top: 13px;
background-color: #4577D4; }
@media (max-width: 1199.98px) {
.service-about-title {
line-height: 1; }
.service-about-title::after {
margin-top: 15px; } }
@media (max-width: 991.98px) {
.service-about-title {
align-items: flex-start;
margin-bottom: 20px; } }
@media (max-width: 575.98px) {
.service-about-title {
font-size: 24px; }
.service-about-title::after {
height: 3px;
margin-top: 12px; } }
.service-about-text {
font-size: 16px;
font-weight: 300;
line-height: 1.7;
margin: 0 auto;
max-width: 345px; }
@media (max-width: 991.98px) {
.service-about-text {
max-width: 400px;
margin-left: 0; } }
@media (max-width: 575.98px) {
.service-about-text {
max-width: 100%;
font-size: 15px;
line-height: 1.5; } }
@media (max-width: 991.98px) {
.service-about-content {
flex-grow: 1; } }
.service-gallery {
margin: 0 auto -55px; }
@media (max-width: 575.98px) {
.service-gallery {
margin-bottom: -35px; } }
.service-gallery .field--name-field-title {
font-size: 31px;
line-height: 1.1;
margin: 0 0 20px;
font-weight: 300;
min-height: 78px; }
@media (max-width: 575.98px) {
.service-gallery .field--name-field-title {
min-height: 0;
font-size: 28px;
margin-bottom: 30px; } }
.service-gallery .field--name-field-body {
padding-top: 38px; }
@media (max-width: 575.98px) {
.service-gallery .field--name-field-body {
padding-top: 25px; } }
.service-gallery .paragraph--type--image-text {
margin-bottom: 55px; }
@media (max-width: 575.98px) {
.service-gallery .paragraph--type--image-text {
margin-bottom: 35px; } }
.service-images {
display: flex;
flex-direction: column; }
.service-image {
display: flex;
margin: 18px 0 50px; }
.service-image:last-child {
margin-bottom: 0; }
@media (max-width: 575.98px) {
.service-image {
margin: 30px 0; } }
.service-image--right {
flex-direction: row-reverse; }
.service-image-picture {
width: 425px;
flex-shrink: 0; }
@media (max-width: 991.98px) {
.service-image-picture {
width: auto;
margin: 0 0 30px; } }
@media (min-width: 992px) {
.service-image--left .service-image-picture {
margin-right: 35px; } }
@media (min-width: 992px) {
.service-image--right .service-image-picture {
margin-left: 35px; } }
.service-image-content {
flex-grow: 1; }
.service-image-content .text-formatted {
line-height: 1.65; }
.service-image-content p {
margin: 0 0 15px; }
.service-image .field--name-field-title {
font-size: 31px;
line-height: 1.2;
margin: 0 0 30px;
font-weight: 300;
display: flex;
flex-direction: column;
align-items: flex-start; }
@media (max-width: 575.98px) {
.service-image .field--name-field-title {
font-size: 26px; } }
.service-image .field--name-field-title::after {
content: '';
width: 35px;
height: 4px;
margin-top: 17px;
background-color: #4577D4; }
@media (max-width: 991.98px) {
.service-image {
align-items: center;
flex-direction: column; } }
.service-questions {
padding: 70px 0;
background-size: cover;
background-repeat: no-repeat; }
@media (max-width: 575.98px) {
.service-questions {
padding: 50px 0; }
.service-questions .container {
padding: 0; } }
.service-questions-content, .service-order-content {
margin: 0 auto;
max-width: 880px;
border-radius: 11px;
background-color: #FFFFFF;
padding: 60px 115px 75px;
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2); }
@media (max-width: 991.98px) {
.service-questions-content, .service-order-content {
padding: 60px 50px; } }
@media (max-width: 767.98px) {
.service-questions-content, .service-order-content {
padding: 40px 30px; } }
@media (max-width: 575.98px) {
.service-questions-content, .service-order-content {
border-radius: 0; } }
.service-questions-title, .service-order-title {
font-size: 48px;
line-height: 1.15;
font-weight: 600;
text-align: center;
margin: 0 0 14px; }
@media (max-width: 991.98px) {
.service-questions-title, .service-order-title {
font-size: 41px;
margin-bottom: 20px; } }
@media (max-width: 575.98px) {
.service-questions-title, .service-order-title {
font-size: 32px; } }
.service-questions-text, .service-order-text {
font-size: 22px;
line-height: 1.4;
font-weight: 300;
text-align: center;
margin-bottom: 42px; }
@media (max-width: 991.98px) {
.service-questions-text, .service-order-text {
max-width: 400px;
margin: 0 auto 35px; } }
@media (max-width: 575.98px) {
.service-questions-text, .service-order-text {
max-width: 100%;
font-size: 18px;
line-height: 1.3; } }
.service-questions-buttons {
display: flex;
justify-content: center; }
.service-questions-buttons .btn {
min-width: 281px;
margin-right: 32px; }
@media (max-width: 991.98px) {
.service-questions-buttons .btn {
min-width: 260px;
margin-right: 30px; } }
.service-questions-buttons .btn:last-child {
margin-right: 0; }
@media (max-width: 767.98px) {
.service-questions-buttons {
flex-direction: column; }
.service-questions-buttons .btn {
width: 100%;
margin: 0 0 20px; }
.service-questions-buttons .btn:last-child {
margin-bottom: 0; } }
.service-order {
padding: 80px 0;
background-size: cover;
background-repeat: no-repeat; }
@media (max-width: 575.98px) {
.service-order {
z-index: 5;
padding-bottom: 0;
position: relative; }
.service-order .container {
padding: 0; } }
.service-order-text {
margin-bottom: 28px; }
.service-order .btn--big {
min-width: 241px; }
.service-contacts {
font-size: 15px;
line-height: 1.8;
text-align: center; }
.service-contacts-phone {
font-size: 30px;
line-height: 1.2;
margin: 0 0 23px;
font-weight: 300;
display: flex;
align-items: center;
flex-direction: column; }
@media (max-width: 575.98px) {
.service-contacts-phone {
font-size: 28px; } }
.service-contacts-phone::after {
content: '';
width: 35px;
height: 4px;
margin-top: 14px;
background-color: #4577D4; }
.service-contacts-phone a {
color: inherit;
transition: color 0.4s; }
.service-contacts-phone a:hover {
color: #4577D4; }
.service-contacts-phone a:active {
color: #98b4e7; }
.service-social-networks {
text-align: center;
margin-top: 25px; }
.service-social-networks a {
display: inline-block;
margin: 0 5px;
background-color: #4577D5;
width: 40px;
height: 40px;
line-height: 35px;
border-radius: 50%;
text-align: center;
transition: box-shadow 0.4s, background-color 0.4s; }
.service-social-networks a svg path {
fill: #fff; }
.service-social-networks a:focus {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); }
.service-social-networks a:hover {
color: #fff;
background-color: #2b5dbc;
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); }
.service-social-networks a:active {
background-color: #1c3e7e; }
.service .field--name-field-about-items {
display: flex; }
@media (max-width: 991.98px) {
.service .field--name-field-about-items {
display: block; } }
.service .field--name-field-about-items .field__item {
flex-grow: 1;
max-width: 33.333%;
border: solid #E4E4E4;
border-width: 0 1px 0 0; }
.service .field--name-field-about-items .field__item:last-child {
border-right-width: 0; }
@media (max-width: 991.98px) {
.service .field--name-field-about-items .field__item {
max-width: 100%;
border-width: 0 0 1px; }
.service .field--name-field-about-items .field__item:last-child {
border-bottom-width: 0; } }
.node--type-service .block-views {
padding: 90px 0 60px; }
@media (max-width: 575.98px) {
.node--type-service .block-views {
padding: 50px 0 30px; } }
.node--type-service .page--order-0 .block-views {
background-color: transparent; }
.node--type-service .page--order-0 .block-views:nth-child(2n + 1) {
background-color: #F5F5F5; }
.node--type-service .page--order-0 .block-views:nth-child(2n + 1):last-child {
margin-bottom: 30px; }
.node--type-service .page--order-1 .block-views {
background-color: transparent; }
.node--type-service .page--order-1 .block-views:nth-child(2n) {
background-color: #F5F5F5; }
.node--type-service .page--order-1 .block-views:nth-child(2n):last-child {
margin-bottom: 30px; }
.page--service .page-content {
position: relative; }
.btn {
font-size: 13px;
line-height: 1.22;
min-width: 190px;
font-weight: 600;
letter-spacing: 0.4px;
padding: 14px 35px;
border-radius: 40px; }
.btn--main {
color: #fff;
background-color: #4577D5; }
.btn--main:focus {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); }
.btn--main:hover {
color: #fff;
background-color: #2b5dbc;
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); }
.btn--main:active {
background-color: #1c3e7e; }
.btn--bordered {
color: #4982ED;
padding-top: 11px;
padding-bottom: 11px;
background-color: transparent;
border: solid 3px #4982ED;
transition: color 0.4s, border-color 0.4s, background-color 0.4s, box-shadow 0.4s; }
.btn--bordered:focus {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); }
.btn--bordered:hover {
color: #fff;
background-color: #4982ED;
border-color: transparent;
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); }
.btn--bordered:active {
background-color: #1558d4; }
.btn--big {
font-size: 15px;
font-weight: 600;
min-height: 63px;
min-width: 315px; }
@media (max-width: 1280px) {
.btn--recall {
padding: 0 !important;
font-size: 0;
width: 41px;
height: 41px;
min-width: 0 !important;
border-radius: 21px;
background-image: url("../images/icons/mobile-recall.svg");
background-repeat: no-repeat;
background-position: center; } }
@media (max-width: 991.98px) {
.btn--recall {
width: 48px;
height: 48px;
border-radius: 24px;
background-size: 23px; } }
.modal-dialog {
max-width: 880px; }
.modal-content {
color: #131313;
border-radius: 11px;
padding: 90px 122px 50px; }
@media (max-width: 575.98px) {
.modal-content {
padding: 80px 30px 40px; } }
.modal-title {
font-size: 46px;
line-height: 1.1; }
@media (max-width: 575.98px) {
.modal-title {
font-size: 38px; } }
.modal-text {
font-size: 21px;
font-weight: 300;
padding-top: 14px; }
@media (max-width: 575.98px) {
.modal-text {
font-size: 19px; } }
.modal-backdrop {
background-color: #3F3F3F; }
.modal-backdrop.show {
opacity: 0.43; }
.modal-close {
width: 60px;
height: 60px;
right: 50%;
top: 14px;
font-size: 0;
margin-right: -30px;
border-radius: 30px;
background: url("../images/icons/modal-close.svg") no-repeat center;
transition: box-shadow 0.4s, opacity 0.4s; }
.modal-close:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
background-color: transparent; }
.modal-close:active {
opacity: .5; }
.modal form {
max-width: 100%; }
.modal .btn--big {
min-width: 215px; }
.breadcrumb {
font-size: 11px;
line-height: 1.25;
margin: 0 0 50px;
padding: 12px 0 10px;
background-color: transparent;
border-bottom: solid 1px #F5F5F5; }
.node--type-service .breadcrumb {
margin: 0; }
@media (min-width: 576px) {
.node--type-service .breadcrumb {
top: 0;
left: 0;
z-index: 7;
width: 100%;
position: absolute;
border-bottom: 0; } }
@media (max-width: 575.98px) {
.breadcrumb {
margin-bottom: 30px; } }
.breadcrumb .list {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
list-style-type: none; }
.breadcrumb .list-item {
position: relative;
margin: 0 8px 4px 0;
padding-right: 8px; }
.breadcrumb .list-item::before {
content: none; }
.breadcrumb .list-item::after {
content: '';
width: 1px;
top: 3px;
right: 0;
bottom: 1px;
position: absolute;
background-color: rgba(69, 119, 212, 0.8); }
@media (min-width: 576px) {
.node--type-service .breadcrumb .list-item::after {
background-color: rgba(255, 255, 255, 0.7); } }
.breadcrumb .list-item:last-child::after {
content: none; }
.breadcrumb .list-link {
color: #4577D4;
transition: opacity 0.4s; }
@media (min-width: 576px) {
.node--type-service .breadcrumb .list-link {
color: #fff; } }
.breadcrumb .list-link:focus, .breadcrumb .list-link:hover {
opacity: 0.7;
text-decoration: none; }
.breadcrumb .list-link:active {
opacity: 0.5; }
.text-formatted {
font-weight: 300;
font-size: 15px;
line-height: 1.5; }
.text-formatted h2 {
margin: 12px 0;
font-weight: 500;
font-size: 24px;
line-height: 1.25; }
.text-formatted h2:first-child {
margin-top: 0; }
.text-formatted h3 {
margin: 12px 0;
font-size: 22px;
font-weight: 500;
line-height: 1.25; }
.text-formatted h3:first-child {
margin-top: 0; }
.text-formatted h4 {
margin: 12px 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4; }
.text-formatted h4:first-child {
margin-top: 0; }
.text-formatted h5 {
font-size: 18px;
font-weight: 500;
line-height: 1.4;
margin: 12px 0;
color: #4577D4; }
.text-formatted h5:first-child {
margin-top: 0; }
.text-formatted h6 {
font-size: 16px;
font-weight: 500;
line-height: 1.4;
margin: 12px 0;
color: #4577D4; }
.cart-small {
margin-left: 0; }
@media (min-width: 1200px) {
.cart-small {
min-width: 208px; } }
@media (max-width: 991.98px) {
.cart-small {
margin: 0 20px 0 auto; } }
.cart-small-item {
margin-right: 45px; }
@media (max-width: 1199.98px) {
.cart-small-item {
margin-right: 30px; } }
.cart-small-icon {
width: 28px;
height: 28px;
float: left;
border-radius: 0;
box-shadow: none;
transition: opacity 0.4s; }
.cart-small-icon--favorites {
background: url(../images/icons/favorites-small.svg) no-repeat 0 0; }
.cart-small-icon--cart {
background: url(../images/icons/cart-small.svg) no-repeat 0 0; }
.cart-small-icon:hover {
opacity: 0.8;
box-shadow: none;
background-color: transparent !important; }
.cart-small-icon:focus {
outline: none; }
.cart-small-label {
padding-left: 55px;
width: 135px;
line-height: 1em; }
@media (min-width: 1200px) {
.cart-small-label {
display: block; } }
.cart-small-label a {
font-size: 14px;
transition: opacity 0.4s; }
.cart-small-label a:hover {
opacity: 0.8; }
.cart-small-label-total {
font-size: 12px; }
.cart-small-count {
background: #4982ED;
border-radius: 7px;
font-weight: 500;
font-size: 12px;
width: 25px;
height: 18px;
text-align: center;
line-height: 18px;
top: -6px;
right: -23px;
left: auto; }
.service-block {
padding: 60px 0; }
.service-block-title {
text-align: left;
font-weight: 500;
font-size: 24px;
margin-bottom: 23px; }
.service-block:nth-child(2n + 1) {
background-color: transparent; }
.service-block--no-padding {
padding: 0; }
.service-about {
display: flex;
text-align: left;
padding: 30px 30px 35px 0; }
.service-about-icon {
color: #5C5C5C;
margin-right: 20px; }
.service-about-title {
font-weight: 500;
font-size: 18px;
align-items: start;
margin: 0 0 10px 0; }
.service-about-title:after {
display: none; }
.service-about-text {
font-size: 15px;
line-height: 1.3em;
font-weight: 300; }
.btn {
font-weight: 500;
font-size: 14px;
border-radius: 4px; }
.btn--gradient {
color: #fff !important;
text-transform: none;
font-weight: 500;
border-radius: 4px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
background: linear-gradient(90deg, #2b5dbc -1.92%, #5a86da 129.63%); }
.btn--gradient:focus {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); }
.btn--gradient:hover {
color: #fff;
background: linear-gradient(90deg, #2b5dbc -1.92%, #2b5dbc 129.63%); }
.btn--gradient:active {
background-color: #1c3e7e; }
.btn--recall {
font-size: 0;
border-radius: 50%; }
.views-exposed-form .btn--big {
font-size: 13px;
line-height: 1.22;
padding: 12px 21px 13px;
min-width: 175px;
min-height: inherit; }
.contact-message-form .form-actions, .contact-message-form .form-item {
margin: 0 0 20px;
position: relative;
text-align: center; }
.contact-message-form .form-item-fz152-agreement label {
display: inline-block;
margin-bottom: 0; }
.contact-message-form .form-actions {
margin-bottom: 0;
padding-top: 15px; }
.contact-message-form .form-control {
color: inherit;
border-radius: 0;
border-color: #AAAAAA;
border-width: 0 0 1px !important;
padding: 14px 15px 14px 0;
transition: color 0.4s, background-color 0.4s, border-color 0.4s, padding 0.4s; }
.contact-message-form .form-control:hover {
padding-right: 0;
padding-left: 15px;
background-color: rgba(69, 119, 212, 0.07); }
.contact-message-form .form-control:focus {
padding-right: 0;
padding-left: 15px;
background-color: transparent;
border-color: #4577D4; }
.contact-message-form .form-control::placeholder {
color: inherit;
opacity: 0.8; }
.contact-message-form label {
display: none; }
.header-search {
width: 100%;
position: relative;
transition: box-shadow 0.4s; }
.header-search:hover {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); }
.header-search-field {
width: 100%;
display: block;
color: #959595;
font-size: 14px;
line-height: 1.25;
padding: 12px 40px 12px 15px;
border: 2px solid #4577D5;
border-radius: 4px;
background-color: #fff; }
.header-search-field:focus {
outline: none; }
.header-search-submit {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
border: 0;
box-shadow: none;
border-radius: 0 4px 4px 0;
background: url("../images/icons/search-white.svg") no-repeat center #4577D5; }
.views-exposed-form label {
display: block;
font-size: 12px;
line-height: 1.2;
margin: 0 0 7px;
color: rgba(19, 19, 19, 0.55); }
.views-exposed-form .form--inline {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
margin: 0 -6px 27px; }
.views-exposed-form .form-item {
width: 33.333%;
padding: 0 6px;
margin: 0 0 21px; }
@media (max-width: 767.98px) {
.views-exposed-form .form-item {
width: 50%; } }
@media (max-width: 575.98px) {
.views-exposed-form .form-item {
width: 100%; } }
.views-exposed-form .form-actions {
padding: 0 6px;
margin: 0 0 21px;
align-self: flex-end; }
.views-exposed-form .form-actions .btn {
min-width: 141px; }
.views-exposed-form .form-control {
margin: 0;
padding: 9px 10px;
font-size: 14px;
line-height: 1.2;
min-height: 40px;
border-radius: 0;
border-color: #E4E4E4;
transition: border-color 0.4s, background-color 0.4s; }
.views-exposed-form .form-control:hover {
background-color: rgba(245, 245, 245, 0.8); }
.views-exposed-form .form-control:focus {
box-shadow: none;
border-color: #4577D5;
background-color: #ffffff; }
.views-exposed-form .form-checkboxes {
width: 100%;
display: flex;
flex-wrap: wrap; }
.views-exposed-form .form-checkboxes .form-item {
display: flex;
align-items: center;
width: auto;
position: relative;
padding: 0;
margin: 0 36px 15px 0; }
.views-exposed-form .form-checkboxes input {
opacity: 0;
z-index: 5;
width: 15px;
height: 15px;
flex-shrink: 0;
position: relative;
margin-right: 11px; }
.views-exposed-form .form-checkboxes label {
margin: 0;
opacity: 0.8;
cursor: pointer;
font-size: 14px;
line-height: 1.2;
color: #131313;
transition: opacity 0.4s; }
.views-exposed-form .form-checkboxes label::before {
content: '';
width: 15px;
height: 15px;
top: 0;
left: 0;
position: absolute;
border: 1px solid #E4E4E4;
transition: border-color 0.4s; }
.views-exposed-form .form-checkboxes label::after {
content: '';
width: 7px;
height: 7px;
top: 4px;
left: 4px;
opacity: 0;
border-radius: 4px;
position: absolute;
background-color: #4577D5;
transition: opacity 0.4s; }
.views-exposed-form .form-checkboxes label:hover::before {
border-color: #4577D5; }
.views-exposed-form .form-checkboxes input:checked + label {
opacity: 1; }
.views-exposed-form .form-checkboxes input:checked + label::after {
opacity: 1; }
.views-exposed-form .fieldgroup {
width: 100%;
padding-right: 60px;
margin: 0 0 2px !important;
float: none !important; }
@media (max-width: 1025px) {
.views-exposed-form .fieldgroup {
padding-right: 0; } }
.header {
line-height: 1.35;
position: relative;
z-index: 11;
color: #4F4F4F;
background-color: #F5F5F5; }
@media (max-width: 991.98px) {
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 21;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); } }
.header-full {
position: relative;
z-index: 12;
padding: 0;
background-color: #FFFFFF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12); }
.header-row {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 90px;
padding: 10px 0; }
@media (max-width: 991.98px) {
.header-row {
padding: 5px 0;
min-height: 80px; }
.header-row .cart-small {
display: flex;
flex-shrink: 0; } }
.header-col {
margin: 0 30px 0 0; }
@media (max-width: 1199.98px) {
.header-col {
margin-right: 25px; } }
.header-col--logo {
flex-shrink: 0; }
@media (max-width: 991.98px) {
.header-col--btn {
display: none; } }
.header-col--btn a {
font-size: 16px;
min-width: 140px; }
@media (max-width: 1199.98px) {
.header-col--lk {
margin-right: 15px; } }
@media (max-width: 991.98px) {
.header-col--lk {
display: none; } }
.header-col--search {
flex-grow: 1; }
@media (max-width: 991.98px) {
.header-col--search {
display: none; } }
.header-col--whatsapp {
display: flex;
align-items: flex-end;
position: relative; }
.header-col--phones {
display: flex;
align-items: flex-end; }
@media (max-width: 1199.98px) {
.header-col--phones {
display: none; } }
@media (max-width: 991.98px) {
.header-col--phones {
display: block;
margin-right: 0; } }
.header-col:last-child {
margin-right: 0 !important; }
.header-logo {
display: flex;
align-items: center; }
.header-logo-image {
flex-shrink: 0;
transition: opacity 0.4s; }
.header-logo-image img {
height: auto;
max-height: 75px;
max-width: 160px;
object-fit: contain; }
@media (max-width: 991.98px) {
.header-logo-image img {
max-height: 58px;
max-width: 100px; } }
.header-logo-content {
flex-grow: 1;
line-height: 1.2; }
.header-logo-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
transition: color 0.4s; }
.header-logo-text {
font-size: 14px;
line-height: 1.1; }
@media (max-width: 575.98px) {
.header-logo-text {
display: none; } }
.header-logo--bordered .header-logo-image {
position: relative;
margin-right: 14px;
padding-right: 25px; }
@media (max-width: 767.98px) {
.header-logo--bordered .header-logo-image {
margin-right: 0;
padding-right: 0; } }
.header-logo--bordered .header-logo-image::after {
content: '';
width: 1px;
position: absolute;
top: 9px;
bottom: 6px;
right: 0;
background-color: #D4D4D4; }
@media (max-width: 767.98px) {
.header-logo--bordered .header-logo-image::after {
content: none; } }
@media (max-width: 767.98px) {
.header-logo--bordered .header-logo-content {
display: none; } }
.header-logo:hover .header-logo-image {
opacity: 0.7; }
.header-logo:hover .header-logo-title {
color: #4577D4; }
.header-logo:active .header-logo-image {
opacity: 0.55; }
.header-button {
display: none;
margin-left: 17px; }
@media (max-width: 991.98px) {
.header-button {
display: block; } }
.header-phone {
display: flex;
align-items: flex-end;
margin-right: 25px; }
.header-phone:last-child {
margin-right: 0; }
.header-phone a {
display: block;
transition: opacity 0.4s; }
.header-phone a:last-child {
margin-bottom: 0; }
.header-phone a:hover {
opacity: 0.7; }
.header-phone a:active {
opacity: 0.5; }
@media (max-width: 991.98px) {
.header-phone {
display: none; } }
.header-text {
font-size: 12px;
margin-left: 5px;
display: none; }
@media (min-width: 768px) {
.header-text {
display: block; } }
.header-nav {
position: relative;
z-index: 1;
background-color: #F5F5F5; }
@media (min-width: 992px) {
.header-nav-content {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 50px;
padding: 5px 0;
position: relative; }
.header-nav-content ul {
flex-grow: 1;
font-size: 12px;
color: #4F4F4F;
text-transform: uppercase;
margin-right: 40px; }
.header-nav-content ul li {
padding: 0;
margin: 0 41px 0 0; }
.header-nav-content ul li:last-child {
margin-right: 0 !important; }
.header-nav-content ul a {
padding: 0;
transition: color 0.4s, opacity 0.4s; }
.header-nav-content ul a:hover {
color: rgba(79, 79, 79, 0.8); }
.header-nav-content ul a:active {
opacity: 0.7; } }
@media (min-width: 992px) and (min-width: 768px) {
.header-nav-content ul:nth-of-type(2) {
display: none; } }
@media (min-width: 992px) {
.header-nav-content .classic-menu-dropdown .menu {
border-radius: 0;
padding: 10px 15px; }
.header-nav-content .classic-menu-dropdown .menu .nav-link {
font-size: 14px;
padding: 5px 0;
text-transform: none; }
.header-nav-content .classic-menu-dropdown .menu-item {
margin: 0; }
.header-nav-button button {
background: none;
padding: 0;
border: 0;
font-size: 14px;
color: #131313;
font-weight: 500;
border-bottom: 1px solid #E4E4E4;
transition: color 0.4s; }
.header-nav-button button:hover {
color: #3763B6; }
.not-front .header-nav {
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.07); } }
@media (max-width: 991.98px) {
.header-nav {
position: fixed;
top: 80px;
left: 0;
width: 100%;
overflow: auto;
padding: 10px 0 20px;
max-height: calc(100% - 80px);
border-top: solid 1px #F5F5F5;
background-color: #FFFFFF;
opacity: 0;
pointer-events: none;
transform: scale(0.6);
transform-origin: right top;
transition: opacity 0.4s, transform 0.4s; }
.show-mobile-nav .header-nav {
opacity: 1;
transform: none;
pointer-events: auto; }
.header-nav ul {
display: flex;
font-size: 19px;
font-weight: 600;
margin: 0 -10px;
flex-direction: column; }
.header-nav a {
display: block;
padding: 15px 10px;
text-align: right;
transition: color 0.4s, background-color 0.4s; }
.header-nav a:hover {
color: #F5F5F5; }
.header-nav a:active {
background-color: rgba(245, 245, 245, 0.07); }
.header-nav .main-menu .menu {
border: 0;
display: none;
position: static;
padding: 0 0 15px 15px; }
.header-nav .main-menu .menu-item {
position: relative;
padding: 0 50px 0 0;
border-bottom: solid 1px #F5F5F5; }
.header-nav .main-menu .menu-item:last-child {
border-bottom: 0; }
.header-nav .main-menu .menu-item a {
float: none;
text-align: left; }
.header-nav .main-menu .menu-dropdown-trigger {
top: 0;
right: 0;
width: 40px;
height: 55px;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
position: absolute;
transition: color 0.4s, transform 0.4s; }
.header-nav .main-menu .menu-dropdown-trigger:hover, .header-nav .main-menu .menu-dropdown-trigger:active {
color: #4577D5; }
.header-nav .main-menu .menu-dropdown-trigger.open {
transform: scale(1, -1); }
.header-nav .main-menu .menu .menu-item {
border: 0;
padding: 0; }
.header-nav .main-menu .menu .nav-link {
font-size: 16px;
padding: 10px 8px;
font-weight: normal; }
.header-nav .main-menu .menu .nav-link::before {
content: '—'; } }
.header-nav-right {
display: flex;
align-items: center; }
@media (max-width: 991.98px) {
.header-nav-right {
justify-content: flex-end; } }
@media (max-width: 991.98px) {
.header-nav-button {
display: none; } }
.header-lk {
position: relative;
padding-left: 37px;
font-size: 14px;
flex-wrap: wrap;
white-space: nowrap; }
.header-lk:before {
content: "";
background: url(../images/icons/lk.svg) no-repeat 0 0;
width: 26px;
height: 26px;
position: absolute;
top: -6px;
left: 0; }
.header-lk a {
display: inline-block;
margin-right: 15px;
transition: opacity 0.4s; }
.header-lk a:last-child {
margin-right: 0; }
.header-lk a:hover {
opacity: 0.8; }
@media (max-width: 1199.98px) {
.header-lk a {
font-size: 0; } }
.header-toggler {
display: none; }
@media (max-width: 991.98px) {
.header-toggler {
width: 48px;
height: 48px;
overflow: hidden;
margin-left: 17px;
border-radius: 24px;
display: flex;
flex-shrink: 0;
align-items: center;
flex-direction: column;
justify-content: center;
background-color: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
transition: box-shadow 0.4s, background-color 0.4s; }
.header-toggler:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); }
.header-toggler:active, .header-toggler:focus {
background-color: rgba(245, 245, 245, 0.09); }
.header-toggler:focus {
outline: none; }
.header-toggler-item {
width: 16px;
height: 2px;
position: relative;
margin-bottom: 4px;
transform-origin: center;
background-color: #707070;
transition: transform 0.4s; }
.header-toggler-item::before {
content: '';
width: 2px;
height: 2px;
border-radius: 1px;
position: absolute;
top: 0;
left: -5px;
background-color: inherit;
transition: left 0.4s; }
.show-mobile-nav .header-toggler-item::before {
left: -2px;
border-radius: 0; }
.show-mobile-nav .header-toggler-item--1 {
transform: translate3d(1px, 7px, 0) rotate(45deg) scale(1.25); }
.header-toggler-item--2 {
transform-origin: left top;
transition: transform 0.4s, opacity 0.4s; }
.show-mobile-nav .header-toggler-item--2 {
opacity: 0;
transform: scale(0, 1); }
.header-toggler-item--3 {
margin-bottom: 0; }
.show-mobile-nav .header-toggler-item--3 {
transform: translate3d(1px, -7px, 0) rotate(-45deg) scale(1.25); } }
.footer {
background: #FFFFFF;
padding: 0; }
.footer-container {
max-width: 1050px; }
.footer-row {
display: flex;
justify-content: space-between; }
@media (max-width: 991.98px) {
.footer-row {
flex-wrap: wrap; } }
@media (max-width: 991.98px) {
.footer-col--address, .footer-col--email, .footer-col--phones {
width: 100%;
text-align: center;
margin: 8px 0; } }
.footer-address {
font-weight: 300; }
.footer-email a {
color: #4577D4; }
.footer-email a:hover {
color: #3763B6; }
.footer-phone a {
font-weight: 500;
display: block; }
.footer-social-networks {
text-align: right;
margin-top: 10px; }
@media (max-width: 991.98px) {
.footer-social-networks {
margin-top: 30px;
text-align: left; } }
.footer-social-networks a {
display: inline-block;
margin: 0 20px 0 0;
transition: opacity 0.4s; }
.footer-social-networks a:last-child {
margin-right: 0; }
.footer-social-networks a:hover {
opacity: 0.8; }
.footer-copyright {
font-size: 12px;
letter-spacing: 0.5px; }
.footer .synapse {
font-size: 0;
padding-top: 10px; }
.footer .synapse-logo {
top: -9px;
margin-right: 12px; }
.footer .synapse-link {
color: #4F4F4F;
border-color: transparent;
font-size: 11px;
line-height: 1.1;
letter-spacing: 0.7px;
font-family: Helvetica, Arial, sans-serif; }
.footer .synapse-link:hover {
color: #4577D4;
border-color: #4577D4; }
.footer .synapse-link:active {
color: #83a4e2;
border-color: transparent; }
.footer-order {
background: #FFFFFF;
padding: 30px 0 13px 0; }
.footer-order-title {
font-weight: 300;
font-size: 24px;
margin-bottom: 15px;
color: #131313; }
.footer-order form {
display: flex;
flex-wrap: wrap;
margin: 0 -13px; }
.footer-order form .form-wrapper {
padding: 0 13px;
width: 100%; }
@media (min-width: 992px) {
.footer-order form .form-wrapper {
width: calc((100% - 200px) / 2); } }
.footer-order form .form-control {
font-size: 14px;
border: 0;
background: #fff;
border-radius: 4px;
padding-left: 20px; }
.footer-order form .form-control:focus, .footer-order form .form-control:hover {
background: #fff; }
.footer-order form .field--name-field-details,
.footer-order form .field--name-langcode {
display: none; }
.footer-order form .form-actions {
width: 200px;
flex-shrink: 0;
display: block;
margin-bottom: 20px; }
.footer-order form .form-actions input {
width: 100%;
min-width: 100%;
min-height: auto; }
.footer-menu {
padding: 30px 0 40px 0;
border-bottom: 1px solid #E4E4E4; }
.footer-menu .menu--footer .menu {
margin: 0; }
.footer-menu .menu--footer .menu-item--expanded {
list-style: none;
padding: 0; }
.footer-menu .menu--footer .menu-item--expanded .menu {
margin-top: 15px; }
.footer-menu .menu--footer .menu li {
padding: 8px 0; }
.footer-menu .menu--footer .menu li a {
font-size: 15px;
font-weight: 300;
color: #4F4F4F;
border-bottom: 1px solid transparent;
transition: border-color 0.4s; }
.footer-menu .menu--footer .menu li a:hover {
border-color: #cfcfcf; }
.footer-menu .menu--footer > .menu {
display: flex;
flex-wrap: wrap; }
.footer-menu .menu--footer > .menu > li {
width: 50%; }
@media (min-width: 768px) {
.footer-menu .menu--footer > .menu > li {
width: 33.33%; } }
.footer-menu .menu--footer > .menu > li > a {
color: #131313; }
.footer-contacts {
padding: 28px 0;
border-bottom: 1px solid #E4E4E4; }
.footer-copy {
padding: 10px 0; }
/*# sourceMappingURL=_maps/store-lp2.css.map */