/* Start:/local/templates/daf/assets/css/modal.css?16950123713589*/
.modal {
z-index: 55;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
}
.modal__container {
background: #FFFFFF;
padding: 30px 15px;
max-width: 629px;
width: 100%;
max-height: calc(100vh - 30px);
overflow-y: auto;
box-sizing: border-box;
position: relative;
margin: 0 15px;
display: flex;
flex-direction: column;
}
.modal__close{
font-size: 320%;
color: #DFDDDD;
position: absolute;
line-height: 0.5;
top: 13px;
right: 17px;
cursor: pointer;
}
/**************************\
Demo Animation Style
\**************************/
@keyframes mmfadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes mmfadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes mmslideIn {
from { transform: translateY(15%); }
to { transform: translateY(0); }
}
@keyframes mmslideOut {
from { transform: translateY(0); }
to { transform: translateY(-10%); }
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.modal__title{
font-size: 1.8em;
margin-bottom: 0.2em;
color: #000000;
font-weight: 500;
line-height: 1.2;
}
.modal__content{
height: 100%;
max-width: 530px;
margin: 0 auto;
flex-grow: 1;
width: 100%;
}
.modal__description{
line-height: 1.5;
font-size: 1.125em;
margin-bottom: 1.2em;
color: #6D6F74;
}
.callBack__input{
margin-bottom: 1em;
}
.callBack__input input[type="text"]{
background: #F1F1F1;
border-radius: 3px;
padding: 0 15px;
height: 50px;
width: 100%;
}
.callBack__input input[type="text"]::placeholder{
color: #717171;
font-size: 0.875em;
}
.checkbox.modalCheckbox{
width: 100%;
padding-top: 15px;
margin: 0;
}
.button{
color: #fff;
font-weight: 500;
font-size: 1.125em;
display: inline-flex;
align-items: center;
justify-content: center;
height: 50px;
background: #01509F;
border-radius: 3px;
padding: 0 15px;
transition: 0.3s;
}
.button.button--modal{
width: 100%;
}
.checkbox{
width: 100%;
text-align: left;
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.checkbox input{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.checkbox div{
width: calc(100% - 20px);
color: #1C1D1F;
line-height: 1.5;
font-size: .75em;
color: #1C1F26;
}
.checkbox div a{
position: relative;
z-index: 3;
}
.checkbox svg{
margin-top: 4px;
}
.checkbox input:checked~svg path{
fill: #1F1F1F;
}
@media (min-width: 500px) and (min-height: 500px){
.modal__container{
padding: 50px 15px 40px;
}
.modal__title{
font-size: 2.48em;
}
.callBack__input input[type="text"]{
height: 100px;
padding-left: 48px;
}
.button{
height: 100px;
}
.button:hover{
color: #01509F;
background: #F1F1F1;
}
}
/* End */
/* Start:/local/templates/daf/assets/css/swiper.min.css?16950123715404*/
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
/* End */
/* Start:/local/templates/daf/styles.css?17472013446793*/
.productItem__ph{
object-fit: contain !important;
filter: opacity(0.15);
}
.models__title{
font-style: normal;
font-weight: 700;
font-size: 27px;
line-height: 27px;
color: #353C45;
margin-bottom: 16px;
margin-top: 32px;
}
.models__catalogTitle{
font-style: normal;
font-weight: 700;
font-size: 35px;
line-height: 35px;
color: #353C45;
margin-top: 32px;
margin-bottom: 16px;
}
.products{
margin-bottom: 32px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.productItem{
padding: 14px;
background: #F4F8FB;
border-radius: 12px;
display: flex;
flex-direction: column;
max-width: 100%;
width: 100%;
text-align: left;
border: 1px solid transparent;
transition: .2s;
}
.productItem__img{
max-width: 100%;
width: 100%;
height: 300px;
border-radius: 12px;
overflow: hidden;
margin-bottom: 20px;
}
.productItem__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.productItem__title{
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 16px;
color: #353C45;
text-align: left;
margin-bottom: 24px;
transition: .2s;
}
.productItem__values{
display: flex;
flex-direction: column;
row-gap: 10px;
}
.productItem__value{
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
}
.productItem__value::before{
position: absolute;
content: "";
z-index: 1;
bottom: 2px;
width: 100%;
height: 1px;
background-color: #e9e9e9;
}
.productItem__value-name{
position: relative;
z-index: 2;
background-color: #F4F8FB;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 14px;
color: #656B6F;
padding-right: 5px;
}
.productItem__value-desc{
position: relative;
z-index: 2;
background-color: #F4F8FB;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #353C45;
padding-left: 5px;
}
@media(min-width: 800px){
.models__title{
font-size: 44px;
line-height: 44px;
margin-bottom: 32px;
margin-top: 64px;
}
.models__catalogTitle{
font-size: 54px;
line-height: 54px;
margin-top: 64px;
margin-bottom: 32px;
}
.products{
margin-bottom: 64px;
}
.productItem{
padding: 25px;
max-width: 376px;
}
.productItem__img{
height: 287px;
}
.productItem__title{
font-size: 20px;
line-height: 20px;
}
.productItem:hover{
border: 1px solid #00509F;
}
.productItem:hover .productItem__title{
color: #00509F;
}
}
.cats__list{
display: flex;
overflow-x: auto;
overflow-y: hidden;
gap: 10px;
margin-bottom: 28px;
margin-top: 16px;
padding-bottom: 10px;
}
.cats__list::-webkit-scrollbar {
height: 5px;
}
.cats__list::-webkit-scrollbar-track {
background: #fff;
}
.cats__list::-webkit-scrollbar-thumb {
background-color: #00509F;
border-radius: 12px;
}
.cats__item{
position: relative;
text-wrap: nowrap;
}
.cats__item > a{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #656B6F;
padding: 9px 14px;
background: transparent;
border-radius: 60px;
transition: 0.2s;
display: block;
}
.cats__item > a.active{
background: #00509F;
color: #fff;
}
.cats__item > ul{
display: none;
opacity: 0;
visibility: hidden;
border-radius: 12px;
padding: 17px;
background: #F4F8FB;
width: max-content;
flex-direction: column;
row-gap: 10px;
transition: .2s;
}
.cats__item > ul a{
box-shadow: 0px 1px #00509F;
}
.cats__item:has(ul) > a{
display: flex;
align-items: center;
column-gap: 10px;
}
.cats__item:has(ul) > a::after{
content: '';
width: 10px;
height: 10px;
display: block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-bottom: -2px;
transition: .2s;
}
.cats__item > ul::before{
content: '';
width: 100%;
height: 15px;
background: transparent;
position: absolute;
top: -10px;
left: 0;
opacity: 1;
display: block;
}
@media (max-width: 800px) {
.cats__item.has-submenu.open > ul {
opacity: 1;
visibility: visible;
display: flex;
}
}
@media(min-width: 800px){
.cats__list{
flex-wrap: wrap;
margin-bottom: 57px;
margin-top: 33px;
overflow: unset;
padding-bottom: 0;
}
.cats__item{
text-wrap: unset;
}
.cats__item > a{
padding: 12px 20px;
}
.cats__item:hover > a{
color: #ffffff;
background: #00509F;
}
.cats__item > ul{
padding: 17px;
position: absolute;
bottom: -10px;
transform: translateY(100%);
display: flex;
}
.cats__item > ul a:hover{
box-shadow: 0px 1px transparent;
}
.cats__item:has(ul) > a::after{
width: 10px;
height: 10px;
margin-bottom: -2px;
}
.cats__item:hover>:first-child:after{
background-image: url('data:image/svg+xml,');
}
.cats__item:hover > ul{
opacity: 1;
visibility: visible;
}
.cats__item > ul::before{
height: 15px;
top: -10px;
}
}
/* End */
/* Start:/local/templates/daf/template_styles.css?175273075529148*/
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main, input, button {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
box-sizing: border-box;
}
*::before,*::after{
box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
@font-face {
font-display: swap;
font-family: 'HelveticaNeue';
font-style: normal;
font-weight: 200;
src: url(/local/templates/daf/assets/fonts/HelveticaNeueCyr-Thin.woff);
}
@font-face {
font-display: swap;
font-family: 'HelveticaNeue';
font-style: normal;
font-weight: 400;
src: url(/local/templates/daf/assets/fonts/HelveticaNeueCyr-Roman.woff);
}
@font-face {
font-display: swap;
font-family: 'HelveticaNeue';
font-style: normal;
font-weight: 500;
src: url(/local/templates/daf/assets/fonts/HelveticaNeueCyr-Medium.woff);
}
@font-face {
font-display: swap;
font-family: 'HelveticaNeue';
font-style: normal;
font-weight: 700;
src: url(/local/templates/daf/assets/fonts/HelveticaNeueCyr-Bold.woff);
}
html{
overflow-x: hidden;
}
body {
font-family: 'HelveticaNeue';
font-size: 1rem;
line-height: 1.5;
min-height: 100vh;
display: flex;
flex-direction: column;
background: #fff;
color: #656b6f;
}
.main{
flex-grow: 1;
}
img{
max-width: 100%;
max-height: 100%;
vertical-align: middle;
height: auto;
}
h1, .h1{
line-height: .9375;
color: #353c45;
margin: 0 0 1.5625rem;
font-weight: 700;
font-size: 1.7em;
}
@media(min-width: 450px){
h1, .h1{
font-size: 2.375em;
}
}
h2, .h2{
color: #353c45;
margin: 0 0 .625em;
font-size: 1.5em;
line-height: 1;
font-weight: 200;
}
h3, .h3{
line-height: 1.55556;
margin: 0 0 1.25em;
font-size: 1.125em;
font-weight: 500;
}
h4, .h4{
line-height: 1.25;
font-size: .875em;
font-weight: 500;
}
p{
font-size: .875em;
line-height: 1.5;
font-weight: 400;
margin-bottom: 1rem;
}
p:last-child{
margin-bottom: 0;
}
@media(min-width: 992px){
h1, .h1{
font-size: 4em;
}
h2, .h2{
font-size: 2.5em;
}
h3, .h3{
line-height: 1.33333;
font-size: 1.5em;
}
h4, .h4{
line-height: 1.3125;
font-size: 1em;
}
p {
line-height: 1.5625;
font-size: 1em;
}
}
p:last-child{
margin-bottom: 0;
}
a{
transition: 0.3s;
font-weight: 500;
color: #00509f;
text-decoration: none;
}
a:hover{
color: #00509f;
text-decoration: none;
}
b,strong{
font-weight: 700;
}
ol{
margin: 0 0 30px 20px;
}
ol{
list-style: decimal;
}
ul{
list-style: none;
}
ol li:not(:last-child){
margin-bottom: 15px;
}
.ta-center{
text-align: center;
}
.d-none{
display: none;
}
button{
font-size: 100%;
cursor: pointer;
transition: 0.5s;
font-family: 'HelveticaNeue';
}
input[type='submit']{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input{
font-size: 100%;
max-width: 100%;
font-family: 'HelveticaNeue';
}
.container{
width: 100%;
max-width: 1190px;
padding: 0 10px;
margin: 0 auto;
}
.container--page{
margin-top: 50px;
margin-bottom: 50px;
}
.preloader{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100vw;
height: 100vh;
background: #fff;
z-index: 100500;
}
.preloader__image{
position: absolute;
width: 172px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.header{
position: -webkit-sricky;
position: sticky;
z-index: 5;
top: 0;
background: #fff;
}
.headerWrapper{
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
box-shadow: 0 3px 6px rgb(66 84 99 / 30%);
}
.header__contacts{
display: none;
}
.header__phone{
display: none;
}
.header__parthnerWrapper{
display: none;
align-items: center;
}
.header__burger{
width: 22px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
padding: 0;
outline: none;
flex-wrap: wrap;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header__line{
width: 100%;
height: 2px;
background: #00529c;
transition: 0.3s;
}
.header__line-middle{
margin: 4px 0;
width: 50%;
}
.open-menu{
overflow: hidden;
}
.open-menu .header__line-middle{
opacity: 0;
transform: translateX(-50%);
}
.open-menu .header__line-middle+.header__line-middle{
transform: translateX(50%);
}
.open-menu .header__line-up-burger{
transform: translateY(5px) rotate(45deg);
}
.open-menu .header__line-down{
transform: translateY(-7.2px) rotate(-45deg);
}
.header__menu{
position: fixed;
left: 0;
width: 100%;
top: 47px;
box-shadow: 0 3px 6px rgb(66 84 99 / 30%);
max-height: calc(100vh - 47px);
overflow: auto;
transition: 0.3s transform;
transform: translateY(-150%);
}
.open-menu .header__menu{
transform: translateY(0);
}
.header__menu ul a{
color: #00509f;
font-size: 1em;
}
.header__menu ul{
padding: 15px 0;
background-color: #e7e9e9;
border-bottom: 1px solid #d6d6d6;
}
.header__menu>ul>li{
padding: 10px 15px;
}
.header__menu li.menu-item-has-children>a::after{
content: ">";
}
.header__menu li.menu-item-has-children>a{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.header__menu ul ul{
display: none;
}
.header__menu ul ul li{
padding: 7px 0px;
}
.header__menu ul ul li:first-child{
padding-top: 17px;
}
.header__menu ul ul a{
font-weight: 400;
}
.header__menuContent{
padding: 10px 10px 30px;
background: #fff;
}
.header__menuContent .header__contacts{
display: block;
}
.header__contactsElement{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 5px;
font-size: 0.75em;
}
.header__contactsCity{
width: 100%;
color: #353c45;
}
.header__contactsPhone{
color: #353c45;
}
.header__conatctSeparator{
margin: 0 10px;
}
.header__menuContent .header__phone{
display: block;
margin-bottom: 5px;
}
.header__phoneDescription{
color: #353c45;
font-size: 0.75em;
}
.header__phoneNumber{
color: #353c45;
font-size: 1.0625em;
}
.header__menuContent .header__parthnerWrapper{
display: flex;
}
.header__parthner{
text-align: center;
color: #014a93;
font-size: 0.625em;
}
.header__parthnerLogo{
margin-left: 10px;
}
@media(min-width: 440px){
.headerWrapper .header__contactsElement:nth-child(2),
.header__menuContent .header__contacts .header__contactsElement:nth-child(1){
display: none;
}
.header__contacts{
display: block;
}
.headerWrapper .header__contactsElement{
margin-bottom: 0;
}
.header__menu{
top: 56px;
max-height: calc(100vh - 56px);
}
}
@media(min-width: 550px){
.header__menuContent .header__contacts{
display: none;
}
.header__contacts{
display: flex;
align-items: center;
}
.headerWrapper .header__contactsElement:nth-child(2){
display: flex;
}
}
@media(min-width: 750px){
.header__menuContent .header__phone{
display: none;
}
.header__phone{
display: block;
}
.header__menu {
top: 63px;
max-height: calc(100vh - 63px);
}
}
@media(min-width: 992px){
.header__menuContent{
display: none;
}
.header__parthnerWrapper{
display: flex;
}
.header__burger{
display: none;
}
.headerWrapper{
padding: 9px 10px 9px 22%;
width: 100%;
max-width: 1000px;
margin: 0 auto;
box-shadow: none;
position: relative;
}
.header__logo{
position: absolute;
left: 21px;
top: 17px;
}
.header__contacts{
flex-direction: column;
align-items: flex-start;
}
.header__contactsCity{
width: auto;
margin-right: 4px;
}
.headerWrapper .header__contactsElement:not(:last-child){
margin-bottom: 3px;
}
.header__parthnerLogo{
margin-left: 35px;
}
.header__phone{
margin-right: -4px;
}
.header__menu{
position: relative;
left: inherit;
width: auto;
top: inherit;
box-shadow: none;
border-top: none;
max-height: inherit;
overflow: visible;
transform: none;
}
.header__menu li a{
font-weight: 400;
height: 48px;
padding: 0 12px;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
}
.header__menu ul ul a{
height: 0;
overflow: hidden;
}
.header__menu a::before{
content: ">";
margin-right: 16px;
}
.header__menu ul{
padding: 0 10px;
border-bottom: none;
display: flex;
justify-content: flex-start;
}
.header__menu ul ul li,
.header__menu ul ul li:first-child,
.header__menu ul li{
padding: 0;
}
.header__menu ul li:not(:first-child){
margin-left: 40px;
}
.header__menu ul a:hover,
.header__menu ul a:focus-within,
.header__menu ul .item-selected>a{
background: #fff;
}
.header__menu li.menu-item-has-children>a::after{
content: none;
}
.header__menu ul ul{
display: flex;
}
.menu-item-has-children>ul{
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.menu-item-has-children:focus-within>ul a,
.menu-item-has-children:hover>ul a{
height: 48px;
}
}
@media(min-width: 1300px){
.header__menu ul{
padding-left: calc(50% - 527px);
padding-right: calc(50% - 586px);
}
.header__menu ul li:not(:first-child){
margin-left: 33px;
}
.headerWrapper{
padding-left: 240px;
}
}
.banner{
position: relative;
padding: 30px 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner::before{
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
z-index: 1;
}
.banner__image{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-width: inherit;
max-height: inherit;
object-fit: cover;
}
.banner__content{
position: relative;
z-index: 2;
margin: 0 auto;
width: 100%;
max-width: 928px;
color: #fff;
}
.banner__title{
color: #fff;
}
.banner__description{
margin-bottom: 1em;
font-size: 1.2em;
font-weight: 700;
}
.banner__text{
max-width: 385px;
line-height: 1.2;
}
@media(min-width: 992px){
.banner{
min-height: 37.3vw;
}
.banner__content{
margin-bottom: 0.75em;
}
.banner__description{
margin-bottom: 1.4em;
font-size: 1.4em;
}
}
.mainIcos{
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
max-width: 1040px;
margin: 0 auto;
padding: 30px 0;
}
.mainIco__wrapper{
width: 87px;
height: 87px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.mainIco{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
margin: 0 25px 15px;
}
.mainIco__text{
font-weight: 500;
color: #00519e;
}
@media(min-width: 992px){
.mainIcos{
padding: 42px 0 34px;
}
.mainIco{
margin: 0 15px;
}
}
.aboutMain{
padding: 0 10px;
}
.aboutMain__left{
margin-bottom: 20px;
color: #000;
}
.aboutMain__left h2{
color: #000;
}
.aboutMain__right{
width: 100%;
max-width: 300px;
box-shadow: 2px -2px 78px 0 rgb(0 0 0 / 20%);
}
.aboutMain__time{
height: 60px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
font-weight: 500;
font-size: 1.12em;
background: #00509e;
padding-top: 4px;
}
.aboutMain__right__content{
padding: 25px 29px;
margin-bottom: 15px;
background: #fff;
}
.aboutMain__right__text{
margin-bottom: 25px;
}
.aboutMain__right__link{
color: #00509e;
}
.aboutMain__image{
width: 100%;
height: 140px;
max-width: inherit;
max-height: inherit;
object-fit: cover;
}
@media(min-width: 700px){
.aboutMain{
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1184px;
margin: 0 auto;
}
.aboutMain__left{
margin-bottom: 0;
max-width: 575px;
width: calc(100% - 320px);
}
.aboutMain__right__content{
margin-bottom: 0;
padding-bottom: 50px;
}
}
@media(min-width: 1140px){
.aboutMain__left {
margin-bottom: 42px;
margin-left: 94px;
}
}
.configurator{
padding: 29px 0 27px;
background: #e1e3e3;
display: flex;
justify-content: center;
align-items: center;
}
.configurator__button{
width: 293px;
height: 67px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
border-width: 1px;
border-color: rgb(184, 193, 198);
border-style: solid;
border-radius: 5px;
}
.configurator__round{
width: 20px;
height: 20px;
border-radius: 100%;
margin-right: 20px;
background: #353c46;
transition: 0.3s;
}
.configurator__text{
color: #353c46;
font-size: 1.25em;
transition: 0.3s;
}
@media(min-width: 700px){
.configurator{
margin-top: -11px;
}
.configurator__button{
margin-left: 76px;
}
.configurator__button:hover{
background: #00509e;
}
.configurator__button:hover .configurator__round{
background: #fff;
}
.configurator__button:hover .configurator__text{
color: #fff;
}
}
.mainSections{
padding: 30px 10px;
}
.mainSection{
margin-bottom: 2em;
}
.mainSection__imageWrapper{
display: block;
width: 242px;
min-height: 328px;
margin-bottom: 1em;
}
.mainSection__image{
max-width: inherit;
max-height: inherit;
width: 100%;
height: 100%;
object-fit: cover;
}
.mainSection__title{
font-size: 1.5em;
color: #53504c;
margin-bottom: 0.1em;
}
.mainSection__text{
color: #747270;
margin-bottom: 1.7em;
line-height: 1.25;
}
.mainSection__button{
display: inline-flex;
justify-content: center;
align-items: center;
height: 45px;
padding: 0 25px;
border-width: 1px;
border-color: rgb(33, 107, 173);
border-style: solid;
border-radius: 5px;
background-color: rgb(255, 255, 255);
color: rgb(33, 107, 173);
}
@media(min-width: 520px){
.mainSection{
display: flex;
box-shadow: 2px -2px 78px 0 rgb(0 0 0 / 20%);
}
.mainSection__content{
width: calc(100% - 242px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 10px 25px;
background: #f1f1f1;
}
.mainSection__imageWrapper{
margin-bottom: 0;
}
}
@media(min-width: 992px){
.mainSections{
display: flex;
max-width: 1020px;
margin: 0 auto;
padding: 72px 10px;
}
.mainSection{
width: 50%;
position: relative;
margin: 0;
}
.mainSection__button:hover{
background-color: rgb(33, 107, 173);
color: rgb(255, 255, 255);
}
.mainSection:nth-child(2n+2){
top: 22px;
}
.mainSection__content{
padding: 10px 39px 10px 32px;
}
}
.footer{
background: #353c45;
padding: 20px 10px;
margin-top: 40px;
color: #fff;
}
.footerMenu__title{
border-bottom: solid 1px #9da4aa;
padding-bottom: 5px;
margin-bottom: 10px;
}
.footerMenu{
margin-bottom: 2em;
}
.footer__bottom li:not(:last-child),
.footerMenu li:not(:last-child){
margin-bottom: 5.3px;
}
.footer__bottom ul a,
.footerMenu ul a{
color: #b7bec3;
font-size: 0.875em;
font-weight: 400;
}
.footer ul a.selected,
.footer__bottom ul a:hover,
.footerMenu ul a:hover{
color: #fff;
}
.footer__bottom{
margin-bottom: 1.8em;
}
.footer__last:hover,
.footer__last{
font-weight: 400;
color: #fff;
}
.social__link{
display: block;
width: 24px;
height: 24px;
margin: 0 20px 20px 0;
}
.social__link:last-child{
margin-right: 0;
}
.social__link svg{
width: 100%;
height: 100%;
fill: #b9c1c6;
transition: 0.3s;
}
.social{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.social__link:hover svg{
fill: #fff;
}
@media(min-width: 992px){
.footer{
margin-top: 120px;
padding: 42px 10px 16px;
}
.footerWrapper{
max-width: 1168px;
margin: 0 auto;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.footerMenu__title{
padding-bottom: 13px;
margin-bottom: 22px;
}
.footerMenu{
width: 100%;
max-width: 210px;
margin-right: 42px;
margin-bottom: 3em;
}
.footer__bottom{
width: 100%;
display: flex;
align-items: center;
}
.footer__year{
font-size: 0.875em;
margin-right: 18px;
color: #b7bec3;
}
.footer__bottom li:not(:last-child){
margin-bottom: 0;
margin-right: 20px;
}
.footer__bottom ul{
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
.footer--margin{
margin-top: 0;
}
.models{
padding: 30px 10px;
text-align: center;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1190px;
margin: 0 auto;
}
.modelWrapper{
margin-bottom: 15px;
width: 100%;
}
.model{
background: #f1f1f1;
border-radius: 8px;
padding: 23px 10px;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.model__image{
object-fit: contain;
}
.model__imageWrapper{
display: block;
width: 100%;
height: 221px;
margin-bottom: 0.6em;
}
.model__title{
font-weight: 700;
color: #353c46;
font-size: 1.75em;
width: 100%;
margin-bottom:10px;
}
.model__text{
line-height: 1.625;
margin-bottom: 20px;
width: 100%;
}
.model__button{
display: inline-flex;
justify-content: center;
align-items: center;
border-width: 1px;
border-color: rgb(185, 193, 199);
border-style: solid;
border-radius: 5px;
background-color: rgb(255, 255, 255);
color: rgb(0, 80, 159);
line-height: 1.209;
height: 62px;
width: 139px;
padding: 0 12px;
margin-top: auto;
}
@media(min-width: 600px){
.modelWrapper{
width: 49%;
margin-bottom: 2%;
}
}
@media(min-width: 992px){
.models{
padding: 64px 10px 37px 10px;
justify-content: flex-start;
}
.model{
padding: 23px 17px;
min-height: 869px;
}
.modelWrapper{
width: 33%;
margin-bottom: 0.5%;
margin-right: 0.5%;
padding: 23px 0;
}
.modelWrapper:nth-child(3n+2){
padding: 0;
}
.modelWrapper:nth-child(3n+3){
margin-right: 0;
}
.modelWrapper:nth-child(3n+2) .model{
border: solid 2px #bcc5c9;
background: #fff;
padding: 19px 17px 47px 17px;
}
.modelWrapper:nth-child(3n+2) .model__imageWrapper{
height: 241px;
margin-bottom: 1em;
}
.model__button:hover{
background-color: rgb(0, 80, 159);
color: rgb(255, 255, 255);
}
}
.about{
padding: 40px 10px 10px;
color: #fff;
background: #343b45;
}
.about h2{
color: #fff;
}
.aboutWrapper{
max-width: 972px;
margin: 0 auto;
}
.about__flex{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-around;
max-width: 760px;
margin: 30px auto 0;
}
.about__element{
width: 100%;
max-width: 230px;
text-align: center;
margin-bottom: 30px;
}
.about__text{
font-weight: 700;
padding-top: 10px;
}
@media(min-width: 992px){
.about{
padding: 105px 10px 34px;
}
.about h2{
margin: 0 0 0.525em;
}
.about__flex{
margin: 81px auto 0;
}
}
.dealer{
padding: 40px 10px;
background: #f1f1f1;
}
.dealerWrapper{
max-width: 972px;
margin: 0 auto;
}
.dealer__content{
margin-bottom: 30px;
}
.dealer__left{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.dealer__element{
margin-bottom: 25px;
width: 100%;
}
.dealer__icon{
height: 69px;
width: auto;
}
.dealer__elementTitle{
font-weight: 500;
color: #1f2328;
margin-bottom: 0.1em;
}
@media(min-width: 600px){
.dealer__element{
width: 49%;
}
}
@media(min-width: 992px){
.dealer{
padding: 93px 10px 148px;
}
.dealer h2{
margin: 0px 0 0.45em;
}
.dealer__content {
margin-bottom: 79px;
}
.dealer__left{
width: 440px;
}
.dealer__element {
width: 191px;
margin-bottom: 46px;
}
.dealer__flex{
display: flex;
justify-content: space-between;
align-items: center;
}
.dealer__image{
margin-top: 29px;
}
}
@media(min-width: 992px){
.banner--page{
min-height: 28.1vw;
}
.banner--page .banner__content {
margin-top: 0.75em;
margin-bottom: 0;
max-width: 970px;
}
}
.actions{
padding: 30px 0;
text-align: center;
}
.actions__description{
line-height: 1.33;
font-size: 1.125em;
font-weight: 500;
text-align: center;
max-width: 980px;
margin: 0 auto 25px;
color: #000;
}
.actions_text{
max-width: 980px;
margin: 0 auto 25px;
color: #656b6f;
}
.actionsWrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.action{
text-align: left;
display: block;
width: 100%;
position: relative;
padding-bottom: 135%;
margin-bottom: 35px;
}
.action::before{
content: "";
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
}
.action__image{
position: absolute;
left: 0;
top: 0;
max-width: inherit;
max-height: inherit;
width: 100%;
height: 100%;
object-fit: cover;
}
.action__content{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
color: #fff;
padding: 50px 30px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.action__button{
position: absolute;
left: 49px;
bottom: 0;
transform: translateY(50%);
width: 40px;
height: 40px;
border-radius: 100%;
background: #1563a9;
display: flex;
justify-content: center;
align-items: center;
z-index: 3;
transition: 0.3s;
}
.action__button svg{
width: 10px;
height: auto;
margin-left: 3px;
}
.action__name{
font-weight: 700;
font-size: 1.5em;
margin-bottom: 0.5em;
line-height: 1.33;
}
.action__description{
font-size: 1.125em;
line-height: 1.12;
font-weight: 400;
}
.actions--grey{
background: #e7e9e9;
}
@media(min-width: 575px){
.action{
width: 49%;
padding-bottom: 66%;
}
}
@media(min-width: 850px){
.actionsWrapper{
justify-content: flex-start;
}
.action{
width: 31.3%;
padding-bottom: 42.3%;
margin-left: 3.05%;
}
.action:nth-child(3n+1){
margin-left: 0;
}
}
@media(min-width: 992px){
.actions{
padding: 77px 0 158px;
}
.actions__description{
margin-bottom: 64px;
}
.action__description{
max-width: 190px;
}
.action__name{
max-width: 230px;
}
.action__content{
padding: 66px 52px;
}
.action:hover .action__button{
background: #2698ff;
}
.actions--grey{
padding: 79px 0 115px;
}
.actions--grey h2{
margin-bottom: 0.425em;
}
.actions--grey .actions__description {
margin-bottom: 28px;
}
.actions_text{
margin-bottom: 52px;
}
}
.aboutPage{
background: #e7e9e9;
padding: 30px 10px;
}
.aboutPageWrapper{
max-width: 1170px;
margin: 0 auto;
}
.aboutPage__left{
margin-bottom: 1em;
}
.aboutPage__title{
font-size: 1.5em;
margin-bottom: 0.9em;
font-weight: 500;
color: #000;
}
.aboutPage__text{
color: #000;
}
@media(min-width: 992px){
.aboutPage{
padding: 70px 10px 137px;
}
.aboutPageWrapper{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.aboutPage__left{
width: calc(100% - 380px);
max-width: 680px;
}
.aboutPage__image{
width: 367px;
}
.aboutPage+.mainSections{
position: relative;
top: -80px;
max-width: 1000px;
padding: 0 0 28px;
}
}
.need{
padding: 30px 10px;
text-align: center;
background: #e7e9e9;
color: #000;
}
.needWrapper{
margin: 0 auto;
max-width: 1170px;
}
.need__title{
font-size: 1.5em;
font-weight: 500;
margin-bottom: 0.8em;
}
@media(min-width: 992px){
.need{
padding: 63px 10px 97px;
}
.need+.mainSections{
position: relative;
top: -31px;
max-width: 1000px;
padding: 0 0 54px;
}
.need+.mainSections .mainSection__title{
min-height: 72px;
}
.need+.mainSections .mainSection__title+a{
margin-top: 115px;
}
}
.page__contacts{
padding: 30px 10px;
background: #e7e9e9;
}
.page__contactsWrapper{
margin: 0 auto;
max-width: 610px;
text-align: center;
}
.page__contacts h2{
margin-bottom: 0.37em;
}
.page__contacts__text{
font-size: 1.13em;
font-weight: 500;
color: #000;
line-height: 1.38;
margin-bottom: 1em;
}
.page__contacts__buttons{
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
text-align: left;
}
.page__contacts__button{
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
width: 284px;
height: 91px;
border-width: 1px;
border-color: rgb(185, 193, 199);
border-style: solid;
border-radius: 5px;
background-color: rgb(255, 255, 255);
color: #000;
font-size: 1.25em;
line-height: 1.2;
padding: 0 10px 0 75px;
margin-bottom: 15px;
position: relative;
fill: #353c46;
}
.page__contacts__button svg{
position: absolute;
top: 17px;
left: 35px;
width: 25px;
height: 25px;
}
@media(min-width: 992px){
.page__contacts{
padding: 80px 10px 90px;
}
.page__contacts__text{
margin-bottom: 3em;
}
.page__contacts__button:hover{
color: #fff;
fill: #fff;
background-color: rgb(33, 107, 173);
}
}
.bottomContacts{
max-width: 992px;
margin: 0 auto;
padding: 30px 10px 10px;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.bottomContacts__element{
width: 100%;
max-width: 300px;
margin-bottom: 20px;
}
.bottomContacts__title{
font-weight: 500;
font-size: 1.5em;
line-height: 1.45;
margin-bottom: 1.1em;
}
.grey .bottomContacts__title{
margin-bottom: 0.6em;
min-height: 68px;
}
.bottomContacts__name{
font-weight: 700;
}
.grey .bottomContacts__name{
margin-bottom: 0.2em;
}
.bottomContacts__status{
margin-bottom: 0.8em;
}
.grey .bottomContacts__status{
margin-bottom: 0.3em;
}
.bottomContacts__link{
margin-bottom: 0.1em;
}
.bottomContacts__link a{
border-bottom: solid 1px;
}
.bottomContacts__link a:not(:hover){
border-bottom-color: transparent;
}
.grey{
background: #e7e9e9;
}
@media(min-width: 992px){
.grey .bottomContacts{
padding: 62px 10px 65px;
}
.bottomContacts{
padding: 45px 10px 59px;
}
}
.pageContacts{
padding: 30px 10px;
max-width: 992px;
margin: 0 auto;
}
.pageContacts__title{
max-width: 650px;
font-size: 1.5em;
margin-bottom: 0.5em;
line-height: 1.45;
font-weight: 500;
}
.pageContacts__description{
max-width: 650px;
font-size: 1.5em;
margin-bottom: 1em;
line-height: 1.45;
}
.pageContacts__timeTitle{
max-width: 650px;
font-size: 1.5em;
margin-bottom: 0.33em;
line-height: 1.45;
font-weight: 500;
}
.pageContacts__time{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.pageContacts_timeElementTitle{
font-weight: 700;
margin-bottom: 0.1em;
}
.pageContacts_timeElementClock{
margin-bottom: 0.1em;
}
.pageContacts_timeElement{
margin-bottom: 1.5em;
width: 100%;
max-width: 300px;
}
@media(min-width: 992px){
.pageContacts{
padding: 68px 10px 42px;
}
.pageContacts__title{
margin-bottom: 1.5em;
}
.pageContacts__description{
margin-bottom: 2.2em;
}
}
.error404 p {
font-size: 125%;
font-weight: 700;
}
.error404 span {
font-size: 625%;
line-height: 90%;
font-weight: 700;
}
.error404 {
text-align: center;
margin-top: 120px;
margin-bottom: 100px;
}
@media (min-width: 680px){
.error404 span {
font-size: 1250%;
}
.error404 p {
font-size: 162.5%;
}
}
.container--page ul{
margin: 0.5em 0 1em 2em;
list-style: disc;
}
.container--page ol{
margin: 0.5em 0 1em 2em;
list-style: decimal;
}
.container--page li:not(:last-child){
margin-bottom: 0.5em;
}
.sdlink{
margin: 20px 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 20px 15% 20px 15px;
color: #000;
background-color: #ececec;
}
.sdlink>div{
width: calc(100% - 215px);
}
.sdlink>div>div{
font-size: 2rem;
line-height: 2.2rem;
color: #000;
text-decoration: underline;
margin-bottom: 20px;
}
.sdlink:hover>div>div{
text-decoration: none;
}
@media(max-width: 600px){
.sdlink{
margin-right: 15px;
text-align: center;
flex-direction: column;
align-items: center;
}
.sdlink img{
margin-bottom: 10px;
}
.sdlink>div{
width: 100%;
}
}
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .accordion:hover {
background-color: #ccc;
}
.panel {
padding: 20px 18px;
background-color: white;
display: none;
overflow: hidden;
}
.cookie-banner {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
padding: 15px;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
z-index: 9999;
}
.cookie-content {
max-width: 1200px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.cookie-content p {
font-size:16px;
margin: 0;
width: 100%;
max-width: 900px;
color: #000;
}
.cookie-content p a{
text-decoration: underline;
color: #00509f !important;
}
.cookie-buttons {
flex-shrink: 0;
}
.cookie-btn {
width: 138px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 15px;
border: none;
cursor: pointer;
background: #00509f !important;
color: white;
border-radius: 8px;
margin: 10px 0;
}
/* End */
/* /local/templates/daf/assets/css/modal.css?16950123713589 */
/* /local/templates/daf/assets/css/swiper.min.css?16950123715404 */
/* /local/templates/daf/styles.css?17472013446793 */
/* /local/templates/daf/template_styles.css?175273075529148 */