/*Обнуление стилей*/
html,body,div,span,applet,object,iframe,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/*Подключение шрифтов*/
@font-face {
    font-family: "Montserrat-Regular";
    font-style: normal;
    font-weight: 300;
   font-display: swap;
    src:  url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "Montserrat-SemiBold";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: "Montserrat-Bold";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
    font-family: "Montserrat-Medium";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Montserrat-Medium.otf') format('truetype');
}



.header-top {
    background: #070E18;
    padding: 10px 0;
    color: #ffffff;
    font-size: 14px;
}
.header-top span {
    display: inline-block;
    margin-right: 30px;
}
.header-top .header-top-left span:last-child {
    margin-right: 0px;
}
span.adress {
    padding-left: 24px;
    background: url(../images/location.svg) left center no-repeat;
    background-size: 14px;
}
span.email {
    padding-left: 24px;
    background: url(../images/mail.svg) left center no-repeat;
    background-size: 16px;
}
span.timework {
    padding-left: 24px;
    background: url(../images/time.svg) left center no-repeat;
    background-size: 16px;
}
a.phone {
    padding-left: 24px;
    background: url(../images/phone.svg) left center no-repeat;
    background-size: 16px;
}
.header-top-left {
    flex: 1 1 auto;
}
.header-top-right {

}
.fancybox-content {
    padding: 0 !important;
    border-radius: 20px;
}
.fancybox-slide--html .fancybox-close-small {
    display: none;
}
.fancybox-content .modal-header {
    padding: 30px;
    background: #F2F5FA;
    box-sizing: border-box;
    position: relative;
}
.fancybox-content .modal-header h2 {
    font-family: 'Montserrat-Bold';
    font-size: 24px;
    line-height: 1.4;
    margin: 10px 0;
    padding-right: 60px;
    font-weight: normal;
    text-transform: uppercase !important;
}
.fancybox-content .modal-header h2 span {
    color: #2CA5E0;
}
span.fancy-close {
    width: 40px;
    height: 40px;
    background: rgb(25 68 91 / 3%) url(../images/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    top: 30px;
    margin-top: 0;
    right: 30px;
    position: absolute;
}
.fancybox-content .modal-content {
    padding: 30px;
    box-sizing: border-box;
}
.fancybox-content .modal-content p {
    line-height: 1.6;
    font-family: 'Montserrat-Regular';
}
.fancybox-bg {
    background: #19445B !important;
}
.fancybox-is-open .fancybox-bg {
    opacity: .8 !important;
}


.text-input-form .ba-field-container input[type="text"] {
    border: 1px solid rgb(25 68 91 / 10%) !important;
    border-radius: 8px;
    background: #fcfcfc !important;
    font-size: 16px;
    font-family: "Montserrat-Medium";
    font-weight: normal;
    padding-left: 30px;
    transition: all 0.3s ease;
}
.fields-icons-flex-start .text-input-form .ba-field-container i.ba-icon-calendar {
    display: block;
    top: 0;
    font-size: 14px;
    color: rgb(255 255 255 / 20%);
}
.fields-icons-flex-start .text-input-form .ba-field-container i.ba-icon-minus {
    display: block;
    color: #fff;
}
.fields-icons-flex-start .text-input-form .ba-field-container i + input,
.ba-form-calendar-field.text-input-form .ba-field-container input[type="text"][readonly]:focus {
    padding-left: 30px !important;
    font-size: 12px;
    background-color: rgb(0 0 0 / 10%) !important;
    color: #ffffff !important;
    border: 2px solid rgb(255 255 255 / 20%) !important;
}
.fields-icons-flex-start .text-input-form .ba-field-container i + input::placeholder {
    font-size: 12px;
    color: rgb(255 255 255 / 50%) !important;
}

.myform .text-input-form .ba-field-container input[type="text"]:focus {
    border: 1px solid rgb(25 68 91 / 50%) !important;
    transition: all 0.3s ease;
}
.text-input-form .ba-field-container input[type="text"]::placeholder,
.text-input-form .ba-field-container textarea::placeholder {
    font-family: "Montserrat-Medium";
    font-weight: normal;
    color: rgb(25 68 91 / 50%);
    opacity: 1 !important;
}
.text-input-form .ba-field-container textarea {
    min-height: 150px;
    resize: none;
    border: 2px solid #DCE2E1 !important;
    border-radius: 20px;
    background: #fcfcfc !important;
    
    font-size: 14px !important;
    font-family: 'Montserrat-Medium';
    font-weight: normal !important;
}
.ba-form-submit-btn {
    background: #2CA5E0 !important;
    border-radius: 10px !important;
    font-family: 'Montserrat-Medium' !important;
    font-weight: normal !important;
    font-size: 18px !important;
    width: 100%;
    padding: 25px 0 !important;
    margin-bottom: 15px;
}

.modal-form-custom .ba-form-page {
    padding: 0 0 30px !important;
}
.modal-form-custom .ba-forms-lightbox-row {
    display: none;
}
.modal-form-custom .ba-form-field-item.ba-form-html-field {
    margin-top: 0 !important;
    padding: 30px;
    background: #EBEEED;
    box-sizing: border-box;
    position: relative;
    border-radius: 20px 20px 0 0 ;
    margin-bottom: 10px;
}
.modal-form-custom .ba-form-field-item {
    padding: 0 30px;
    box-sizing: border-box;
}
.page-form-custom .ba-form-page {
    padding: 0 !important;
}
.page-form-custom .ba-form-text-field {
    font-size: 18px;
}
.page-form-custom .ba-form-submit-btn {
    font-size: 16px !important;
}
/*.modal-form-custom .ba-form-row {
    padding: 0 15px;
}*/
.modal-form-custom .custom-html-wrapper h2 {
    font-family: 'Montserrat-Bold';
    font-size: 36px;
    margin: 10px 0;
    padding-right: 60px;
    font-weight: normal;
    text-transform: uppercase;
}
.modal-form-custom .custom-html-wrapper h2 span {
    color: #2CA5E0;
}
.text-input-form.ba-form-field-item .ba-field-label-wrapper .ba-input-label-wrapper {
    font-family: 'Montserrat-Medium';
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
}
.text-input-form.ba-form-field-item .ba-field-label-wrapper .required-star {
    font-weight: normal !important;
    color: #2CA5E0 !important;
    margin: 0 0 0 5px !important;
}
.text-input-form.ba-form-field-item .ba-form-checkbox-wrapper {
    margin: 4px 0;
}
.text-input-form.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
    padding-left: 40px;
}
.text-input-form.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper .ba-form-checkbox-title {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
}
.text-input-form.ba-form-field-item .ba-field-container select {
    font-size: 16px !important;
    font-family: 'Montserrat-Medium';
    font-weight: normal !important;
    border: 2px solid rgb(255 255 255 / 20%) !important;
    border-radius: 8px !important;
    height: 62px !important;
    padding-left: 24px;
    color: #fff;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: rgb(0 0 0 / 10%) !important;
    background-image: url(../images/dropdown.svg) !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right 30px center !important;
    background-size: auto !important;
}
.text-input-form.ba-form-field-item .ba-field-container select:focus {
    background-color: rgb(0 0 0 / 10%) !important;
    border: 2px solid rgb(255 255 255 / 20%) !important;
    transition: all 0.3s ease;
    background-image: url(../images/dropdown.svg) !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right 30px center !important;
    background-size: auto !important;
    color: #ffffff !important;
}
.text-input-form.ba-form-field-item .ba-field-container select option {
    background-color: #fcfcfc;
    border-radius: 8px;
    padding: 15px;
    color: #19445b;
}
.text-input-form.ba-form-field-item .ba-field-container select option:checked{
    box-shadow: 0 0 10px 100px #2ca5e0 inset;
} 

.text-input-form.ba-form-field-item .ba-field-container select option {
    font-size: 16px !important;
    font-family: 'Montserrat-Medium' !important;
    font-weight: normal !important;
}

span.form-agry {
    font-size: 14px;
    display: table;
    font-family: 'Montserrat-Regular';
    line-height: 1.4;
    color: rgb(255 255 255 / 50%);
    background: url(../images/icon-check.svg) left center no-repeat;
    padding-left: 35px;
}
span.form-agry a {
    color: rgb(255 255 255);
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

span.form-agry.form-agry-white {
    font-size: 14px;
    display: table;
    font-family: 'Montserrat-Medium';
    line-height: 1.4;
    color: rgb(0 48 73 / 30%);
    background: url(../images/icon-check-dark.svg) left center no-repeat;
    padding-left: 35px;
}
span.form-agry.form-agry-white a {
    color: rgb(0 48 73 / 50%);
    border-bottom: 1px solid rgb(0 48 73 / 50%);
}

/*Основные стили*/
body {
    line-height: 1.2;
    font-family: "Montserrat-Medium";
    font-size: 16px;
    color:#070E18 ;
    font-weight: normal !important;

    background: #ffffff ;
    background-size: cover;
    background-repeat: repeat-y;
    background-position: top center;

    /*overflow: unset !important;
    overflow: hidden !important;*/
}
html, body {
    height: 100% !important;
}
.bold {
    font-family: "Montserrat-Bold" !important;
    font-weight: normal !important;
}

.container {
    max-width: 1420px;
    min-width: 340px;
    margin: 0 auto;
    box-sizing: border-box;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
p {
    margin-bottom: 10px;
}
p:last-child {
    margin-bottom: 0;
}
a {
    text-decoration: none;
    display: inline;
    color: inherit;
    outline: none !important;
}


a.button-center {
    margin: 0 auto;
}

strong {
    font-family: "Montserrat-Bold";
}
.flex {
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.flex-vertical-center {
    align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
}
.flex-nowrap {
    flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
}
.flex-margin-20 {
    margin-left: -20px;
}
.flex-margin-20>* {
    padding-left: 20px;
    box-sizing: border-box;
    /*margin-bottom: 20px;*/
}
.flex-margin-20>*:last-child {
    /*margin-bottom: 0px;*/
}
.flexblock-1-2 {
    width: 50%;
}
.flexblock-1-4 {
    width: 25%;
}
.flexblock-3-4 {
    width: 75%;
}
.flexblock-3-5 {
    width: 60%;
}
.flexblock-2-5 {
    width: 40%;
}
.flexblock-1-3 {
    width: 33.3%;
}
.flexblock-2-3 {
    width: 66.7%;
}
.flexblock-1-6 {
    width: 16.66%;
}
.flexblock-1-5 {
    width: 20%;
}
* {
-webkit-tap-highlight-color: transparent; /* for removing the highlight */

}

/*******************header********************/


.clients-block-items {

}
.clients-block-items img {
    border: 1px solid #ddd;
    border-radius: 30px;
    box-sizing: border-box;
}

.contacts-border {
    padding: 30px;
    border: 2px solid #F1F3FA;
    border-radius: 30px;
    margin-bottom: 30px;
}
.contacts-tabs-control {
    margin: 0;
    background: #F1F3FA;
    border-radius: 20px;
    width: fit-content;
}
.contacts-tabs-control a {
    display: inline-block;
    padding: 20px;
    border-bottom: none;
    text-decoration: none;
    color: #222;
    font-size: 14px;
}
.continfo-block {
    margin: 0 0 30px;
}
.continfo-block-title {
    color: #3C3F5A;
    font-size: 14px;
    display: block;
    margin: 0 0 15px;
    padding: 1px 0 1px 24px;
    line-height: 1.4;
}
.continfo-block-map {
    background: url(../images/location.svg) left center no-repeat;
}
.continfo-block-phone {
    background: url(../images/phone.svg) left center no-repeat;
}
.continfo-block-docs {
    background: url(../images/document-attachment.svg) left center no-repeat;
}
.continfo-block-mail {
    background: url(../images/mail.svg) left center no-repeat;
}
.continfo-block-descr {
    font-size: 24px;
    color: #3C3F5A;
    display: block;
    text-decoration: none;
}
.contacts-tabs-control a.tab-current {
    background: #070e18;
    color: #fff;
    border-radius: 20px;
}
.contacts-tabs-content {
    border: 2px solid #F1F3FA;
    border-radius: 20px;
    margin: 0px 0 30px;
    padding: 5px;
}
.contacts-tabs-content > div:first-child {
    display: block;
}
.contacts-tabs-content iframe {
    border-radius: 15px;
}
.reviews-images img {
    max-width: 100%;
    border: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 30px;
}

.about-company {

}
.about-company .left-aboutcompany {
    width: 80%;
}
.about-company .right-aboutcompany {
    width: 20%;
}
.about-company .left-aboutcompany-block {
    background: rgb(7, 14, 24);
    border-radius: 30px;
    overflow: hidden;
    color: #fff;
    display: flex
    ;
    flex-wrap: wrap;
}
.about-company .left-aboutcompany-block img {
    height: 100%;
    object-fit: cover;
}
.about-company .about-text {
    padding: 40px;
    width: 60%;
    line-height: 1.6;
    box-sizing: border-box;
}
.about-company .about-img {
    width: 40%;
}
.about-company .right-about-company-block {
    background: #ee1b24;
    color: #ffffff;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.about-company .right-about-company-block span {
    font-size: 36px;
    font-family: 'Montserrat-Bold';
    display: block;
}
.about-company .right-about-company-block span span {
    font-size: 18px;
    font-family: "Montserrat-Regular";
    display: block;
}
/*******************МЕНЮ ДЕСКТОП**********************/

.custommenu {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.custommenu .dropdown-menu {
    display: none;
    position: absolute;
    width: max-content;
    top: 29px;
    padding: 20px;
    background: #ffffff;
    left: -30px;
    z-index: 100;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0px 10px 25px rgb(5 16 25 / 15%);
}
.custommenu>li:hover .dropdown-menu {
    display: block;
    color: #003049;
	-webkit-animation-name: fadeInUp;
	 animation-name: fadeInUp;
	 -webkit-animation-duration: 0.3s;
	 animation-duration: 0.3s;
	 -webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
	-webkit-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
	-o-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
	-moz-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    }
    @keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
} 

.custommenu>li {
    position: relative;
}
.custommenu>li>a {
    padding: 10px 5px;
    font-size: 14px;
}
.custommenu>li:last-child>a {
    padding: 10px 0 10px 10px;
}
.custommenu>li:first-child>a {
    padding: 10px 10px 10px 0;
}
.custommenu>li.dropdown>.mod-menu__separator {
    padding: 10px 20px 10px 10px;
    position: relative;
    cursor: default;
  font-size: 14px;
}
.custommenu>li.dropdown>.mod-menu__separator:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background: url(../images/arrow-down-01-round.svg) center no-repeat;
    right: 3px;
    top: 50%;
    margin-top: -6px;
}
.custommenu>li>.dropdown-menu>li {
    
}
.custommenu>li>.dropdown-menu>li>a {
    padding: 8px 0;
    display: block;
}
.custommenu>li>.dropdown-menu>li.active>a{
    color: rgb(77 114 133 / 50%);
}

/********************МЕНЮ МОБИЛЬНОЕ**********************/
.mobile-menu-block-open {
    position: fixed;
    width: 100%;
}
.mobile-menu-block-open .mobmenucover {
    opacity: 0.75;
    visibility: visible;
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s
}
.mobmenucover {
    position: absolute;
    background: #131b22;
    height: 100%;
    width: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s
}
.mobile-menu-block {
	position: fixed;
  	top: 0;
  	/*touch-action: none;*/
  	right: 0;
    z-index: 100;
  	height: 100%;
  	overflow-y: auto;
  	bottom: 0;
  	width: 300px;
  	background: #fff;
  	-webkit-transform: translate3d(300px, 0, 0);
  	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.mobile-menu-block-open .mobile-menu-block  {
	-webkit-transform: translate3d(0px, 0, 0);
  	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.mobile-menu-block-open .full-content {
  -webkit-transform: translate3d(-300px, 0, 0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.full-content{
    overflow-x: hidden;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}


.mobilemenu li.nav-item {

}
.mobilemenu>li.nav-item>a,
.mobilemenu>li.nav-item>.mod-menu__separator {
    display: block;
    font-size: 16px;
    padding: 5px 0;
    font-family: 'Montserrat-Bold';
}
.mobilemenu>li.nav-item.active>a {
    color: rgb(77 114 133 / 50%);
}
.mobilemenu li.nav-item .dropdown-menu {
    margin: 5px 0px 15px;
}
.mobilemenu li.nav-item .dropdown-menu li.nav-item a {
    font-size: 14px;
    display: block;
    margin: 5px 0;
}
.mobilemenu li.nav-item .dropdown-menu li.nav-item.active a {
    color: rgb(77 114 133 / 50%);
}
.mobile-menu-block-content {
    padding: 20px;
}



.mobile-menu-contacts .top-messengers {
    margin-bottom: 20px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.mobile-menu-contacts .top-messengers .top-messengers-links {
    flex: 1;
    text-align: center;
    background: #F2F5FA;
}
.mobile-menu-contacts .top-messengers .top-messengers-links a {
    width: 40px;
    height: 40px;
    background-size: contain;
}
.mobile-menu-contacts .top-messengers .top-messengers-text {
    color: #003049;
}
.mobile-menu-contacts .top-block-email {
    display: block;
    margin-bottom: 20px;
}
.mobile-menu-contacts .top-block-email .email {
    font-size: 20px;
    font-family: 'Montserrat-Bold';
    padding-left: 30px;
}
.mobile-menu-contacts .top-block-contacts-phone a {
        font-family: "Montserrat-bold";
        font-size: 20px;
        margin: 10px 0;
}

.mobile-menu-contacts {
    border-top: 1px solid rgb(0 48 73 / 10%);
    padding: 20px 0 0;
    margin: 20px 0 0;
}

/********************главный экран*********************/
.main-offer {
    margin: 0 30px;
    border-radius: 30px;
    overflow: hidden;
}

.main-offer .main-offer-utp {
    position: relative;
    background-position: center !important;
    background-size: cover !important;
    min-height: 600px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.main-offer .main-offer-utp:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(7 14 24 / 50%);
    position: absolute;
    left: 0;
    top: 0;
}
.main-offer .main-offer-utp h1 {
    line-height: 1.4;
}
.main-offer .main-offer-utp h1 span {
    display: table;
    color: #ffffff;
}
.main-offer .main-offer-utp-description {
    font-size: 24px;
    line-height: 1.4;
    display: table;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
.main-offer .main-offer-utp-description a {
    color: #2CA5E0;
    font-family: 'Montserrat-Bold';
    border-bottom: 1px solid rgb(44 165 224 / 40%);
}
.main-offer .main-offer-utp-description span {
    font-family: 'Montserrat-Medium';
    color: #FF5722;
}
.main-offer-utp h1,
.main-offer-utp .main-offer-utp-description {
        position: relative;
        z-index: 1;
    }
a.button.bluebutton {
    background: #2ca5e0 url(../images/blue-button-arrow.svg) no-repeat;
    background-position: center right 15px;
    padding: 25px 50px 25px 25px;
    font-size: 18px;
    background-size: 24px;
}
.main-offer .main-offer-form {
    background-color: #19445B;
    color: #FFFFFF;
    padding: 70px;
    border-radius: 60px;
}
.main-offer {
    
}
.main-offer {
    
}

.main-offer h1 {
    font-family: 'Montserrat-Bold';
    font-size: 60px;
    font-weight: 100;
    margin-bottom: 40px;
    margin-top: 0;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
}
.main-offer h1 span.green {
    color: #2CA5E0;
}
.main-offer h1 span.title-price {
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
}
.main-offer h1 span.title-price-cost {
    font-size: 60px;
    display: inline-block;
    vertical-align: middle;
    color: #2CA5E0;
    background: #e9eceb;
    border-radius: 60px;
    padding: 5px 30px;
}
.main-offer h1 span.title-price-cost span {
    font-size: 40px;
    vertical-align: middle;
}

.main-offer-img {
    position: absolute;
    right: -140px;
    bottom: -170px;
}
.main-offer-img img {

}


.reviews-block {
    padding: 60px 0 0 ;
}
.clients-block {
    padding: 60px 0 0 ;    
}



/***********************footer**************/
#promo .modal-content p {
    font-family: 'Montserrat-Medium';
    line-height: 1.4;
}
#promo .modal-content p span {
    color: #ffffff;
    background: #2CA5E0;
    padding: 3px 8px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
}
#promo .modal-content ul {
    
}
#promo .modal-content ul li {
    color: rgb(0 48 73 / 70%);
    line-height: 1.4;
    font-size: 14px;
    display: block;
    margin: 0 0 10px;
}


/********************КУКИ*******************/
.cookie-widget-uplite {
    display: none;
    position: fixed;
    bottom: 10px;
    box-sizing: border-box;
    padding: 6px 6px 6px 24px;
    border-radius: 30px;
    z-index: 10;
    margin: 10px;
    backdrop-filter: blur(4px);
    background: rgb(242 244 244 / 70%);
    color: inherit;
    max-width: 300px;
    left: 50%;
    margin-left: -150px;
    font-family: 'Montserrat-Medium';
    transition: all 0.3s ease;
}
.cookie-widget-uplite.tranform-top {
    bottom: 80px;
    transition: all 0.3s ease;
}

.cookie-widget-uplite.show {
    display: block;
  }
.cookie-widget-uplite-text {
    display: flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: inline-flex;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      align-items: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -webkit-box-align: center;
  }
.cookie-widget-uplite-text p {
    font-size: 12px;
    text-align: left;
    margin: 0 15px 0 0;
    line-height: 1.3;
  }
.cookie-widget-uplite-text button {
    color: #fff;
    background: #070e18;
    border: none;
    border-radius: 20px 20px;
    font-family: inherit;
    font-size: 12px;
    padding: 10px 18px;
    cursor: pointer;
}

/*******************mobile bar*****************/
.menu-mobile-bar {
    display: none;
    position: fixed;
    bottom: 0;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 15px 0;
    border-radius: 0;
    z-index: 10;
    margin: 0;
    backdrop-filter: blur(4px);
    background: rgb(25 68 91 / 95%);

    min-width: 340px;
}
@media (max-width: 1024px) {
    .menu-mobile-bar {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        transform: translateY(100%);
    }
    .menu-mobile-bar.openbar {
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease;
        transform: translateY(0);
    }

}
.menu-mobile-bar .social-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #fff;
}
.menu-mobile-bar .social-block .social-block-container {
    padding: 0 0px 0 20px;
}
.menu-mobile-bar .social-block .top-block-contacts-phone a {
    display: block;
    font-family: 'Montserrat-Bold';
    font-size: 20px;
}
.menu-mobile-bar .social-block .top-block-contacts-phone span.timework {
    font-size: 12px;
    font-family: 'Montserrat-Medium';
    display: block;
    line-height: 1.2;
    margin-top: 3px;
}

.bottom-form-block {
    padding: 60px 0 0;
}
.bottom-form-block .bottom-form {
    background-color: #19445B;
    color: #FFFFFF;
    padding: 70px;
    border-radius: 60px;
    position: relative;
}
.bottom-form-block .bottom-form:before {
    content: '';
    background: url(../images/bottom-img.png);
    position: absolute;
    width: 500px;
    height: 281px;
    bottom: -70px;
    left: 50%;
    margin-left: -290px;
}
.bottom-form-block h3.title-block span {
    display: inline-block;
}

/********************************ХЭДЕР*******************/
header {
    padding: 15px 0;
}
header .left-top-block {
    flex: 1 1 auto;
}
.social-block .social-footer-title {
    color: #19445B;
    position: relative;
    padding-left: 40px;
    display: table;
}

.social-block .social-footer-title:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: #26D366;
    border-radius: 50%;
    left: 7px;
    top: 50%;
    margin-top: -5px;
}
.social-block .social-footer-title:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: #26D366;
    left: 0;
    top: 50%;
    margin-top: -12px;
    border-radius: 50%;
    opacity: 0.2;
    z-index: -1;
}
.contacts-block .contacts-block-phones {
    margin-bottom: 30px;
}
.contacts-block .contacts-block-phones a {
    font-size: 40px;
    font-family: 'Montserrat-Bold';
    display: table;
}
.social-block .continfo-block-messege-cta {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.social-block .social-block-container a {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-left: -5px;
}
.social-block .social-block-container a:last-child {
    margin-right: 0;
}
.social-block .social-block-container a:first-child {
    margin-left: 0;
}
.social-block a.footer-wp {
    background: url(../images/icon-whatsapp.svg) center no-repeat;
}
.social-block a.footer-tg {
    background: url(../images/icon-telegram.svg) center no-repeat;
}
.social-block .social-block-container {
    padding: 0 30px;
}
header .top-block-logo-slogan {
    font-size: 14px;
    width: 200px;
    color: #19445B;
    font-family: 'Montserrat-Medium';
    display: block;
    line-height: 1.2;
}


header .cityselect a.current-location {
    color: #19445B;
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    padding: 0px 0 0 50px;
    position: relative;
    display: table;
    border-bottom: none;
}
header .cityselect a.current-location:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    background: url(../images/icon-map.svg);
    left: 0;
    top: 50%;
    margin-top: -20px;
}
header .right-top-block {
    justify-content: flex-end;
}
header .top-block-contacts {
    
}
header .top-block-contacts-phone {
    text-align: right;
}
header .top-block-contacts-phone a {
    display: block;
    font-family: 'Montserrat-Bold';
    font-size: 20px;
}
header .top-block-contacts-phone span {
    font-size: 12px;
    color: #19445B;
    font-family: 'Montserrat-Medium';
    display: block;
    line-height: 1.2;
    margin-top: 5px;
}
header .top-block-form-zakaz a.button {
    background: #FF0004 url(../images/icon-phone.svg);
    color: #fff;
    padding: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    display: table;
}
a.button {
    background: #19445B;
    color: #fff;
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    padding: 20px 20px 20px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center left 12px;
    display: table;
}

/**************************Футер**************************/
.title-block {
    font-family: 'Montserrat-Bold';
    font-size: 44px;
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 40px;
    padding-bottom: 50px;
    text-align: center;
    position: relative;
}
.title-block:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 40px;
    background: #ff0004;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
}
.title-block span {
    color: #070E18;
    display: block;
}
.title-block-description {
    font-size: 24px;
    margin-bottom: 40px;
    display: block;
    font-family: 'Montserrat-Medium';
}
.copyright .copyright-inf {
    color: #070E18;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
}
.copyright .copyright-inf {
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
}
.copyright {
    padding: 30px 0;    
}
.copyright-right {
    text-align: right;
}
.copyright-right a {
    border-bottom: 1px dashed;
    font-size: 14px;
    color: #070E18;
}
.footer-form {
    background: #F2F4F4;
    padding: 20px 30px;
    border-radius: 30px;
    position: relative;
}
.footer-form:before {
    content: '';
    background: url(../images/icon-flower-4.svg);
    width: 115px;
    height: 239px;
    display: block;
    position: absolute;
    right: -70px;
    bottom: 60px;
    z-index: -1;
}
.footer-block-contacts {
    padding-left: 120px;
}
.footer-block-contacts {

}
.footer-block-contacts .contacts-block-item {
    margin-bottom: 20px;
}

.footer-block-contacts .contacts-block-nfo {
    
}

.footer-block-contacts .block-info-title {
    font-size: 24px;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
    color: #2CA5E0;
    margin-bottom: 10px;
    display: block;
}

.footer-block-contacts .block-nfo-phone a {
    display: table;
    font-size: 45px !important;
}

.footer-block-contacts .contacts-block-nfo a {
    font-size: 30px;
    font-family: 'Montserrat-Bold';
    display: table;
    text-transform: uppercase;
}

.footer-block-contacts .socialfooter-block {
    margin-top: 20px;
    display: block;
}

.footer-block-contacts .socialfooter-block a {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.footer-block-contacts .footer-wp {
    background: url(../images/icon-whatsapp.svg) center no-repeat;
}

.footer-block-contacts .footer-tg {
    background: url(../images/icon-telegram.svg) center no-repeat;
}

.footer-block-contacts .timework {
    font-size: 20px;
    color: #19445B;
    font-family: 'Montserrat-Medium';
}
.footer-block-contacts .continfo-block-messege-cta {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.footer-block-contacts .adres {
    font-size: 30px;
    font-family: 'Montserrat-Bold';
    display: table;
    text-transform: uppercase;
}


.contacts-block .timework {
    background: #F2F5FA url(../images/time-04.svg) left 15px center no-repeat;
    font-size: 16px;
    padding: 10px 15px 10px 50px;
    display: table;
    border-radius: 10px;
    margin-bottom: 30px;
}
.contacts-block .adress {
    background: url(../images/icon-map.svg) left center no-repeat;
    padding: 10px 0 10px 60px;
    display: table;
    line-height: 1.4;
}




.page-success {
    margin: 60px 0;
    text-align: center;
}
.page-success img {
    margin: 0 auto;
}
.page-success h1 {
    font-family: 'Montserrat-Bold';
    font-size: 70px;
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1.2;
    text-transform: uppercase;
}
.page-success h1 span {
    display: block;
    font-size: 50px;
    color: #2CA5E0;
}
.page-success .title-dscription {
    font-size: 20px;
    font-family: 'Montserrat-Medium';
}


.reviewsmod-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}
.reviewsmod-list .reviewsmod-list-item {
    padding-left: 20px;
    width: 33.3%;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.reviewsmod-list .reviewsmod-list-info {
    padding: 30px;
    border: 2px solid #F2F5FA;
    box-sizing: border-box;
    border-radius: 20px;
    height: 100%;
}
.reviewsmod-list .reviewsmod-list-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.reviewsmod-list .reviewsmod-list-header-info {
    padding-left: 15px;
    flex: 1 1 auto
}
.reviewsmod-list .reviewsmod-list-img {
    
}
.reviewsmod-list .reviewsmod-list-img img {
    border-radius: 50%;
}
.reviewsmod-list .reviewsmod-list-item-title {
    display: table;
    font-size: 16px;
    font-family: 'Montserrat-Medium';
    margin: 0 0 0px;
}
.reviewsmod-list .reviewsmod-list-item-date {
    color: rgb(0 48 73 / 30%);
    font-size: 12px;
}
.reviewsmod-list .reviewsmod-list-item-stars {
    background: url(../images/icon-stars.svg);
    height: 10px;
    width: 60px;
    display: table;
    background-size: contain;
    margin-top: 5px;
}
.reviewsmod-list .reviewsmod-list-text {
    
}
.reviewsmod-list .review-description {
    color: rgb(0 48 73 / 50%);
    font-size: 14px;
    line-height: 1.6;
}


.title-block-link {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    align-items: center;
}
.title-block-link .title-block {
    flex: 1 1 auto;
    margin-bottom: 0;
}
.title-block-link .yabuslink {
    color: #2CA5E0;
    background: url(../images/icon-link-arrow.svg) right center no-repeat;
    padding-right: 30px;
}
.title-block-link .yabuslink .busicons {
    padding: 8px;
    border: 2px solid #F2F5FA;
    border-radius: 8px;
}
.title-block-link .yabuslink .busicons .yaicon {
    background: url(../images/icon-yandex.svg) center no-repeat;
    width: 25px;
    height: 24px;
    background-position: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    padding-right: 8px;
    border-right: 2px solid #F2F5FA;
}
.title-block-link .yabuslink .staricon {
    background: url(../images/icon-star.svg) center no-repeat;
    width: 14px;
    height: 14px;
    background-position: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
.title-block-link .yabuslink .rait {
    display: inline-block;
    vertical-align: middle;
}
.reviewsmod-list-block {
    position: relative;
}
.reviewsmod-list-block .review-arrows {
    display: flex;
    justify-content: flex-end;
}
.reviewsmod-list-block .review-arrows span {
    width: 40px;
    height: 40px;
    display: inline-block !important;
    cursor: pointer;
    background-size: 24px !important;
}
.reviewsmod-list-block .review-arrows .review-arrows-previous {
    background: url(../images/arrow-prev.svg) center no-repeat;
    margin-right: 10px;
}
.reviewsmod-list-block .review-arrows .review-arrows-next {
    background: url(../images/arrow-next.svg) center no-repeat;
}

.main-offer-triggers {
    margin: 60px 0 0;
}

.smallcard-page {
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 30px;
    height: 100%;
    box-sizing: border-box;
}
.smallcard-page .smallcardimg {
    
}
.smallcard-page .smallcardimg img {
    border-radius: 20px;
    margin-bottom: 20px;
}
.smallcard-page .smallcard-title {
    font-family: 'Montserrat-Bold';
    font-size: 24px;
    line-height: 1.2;
    display: block;
    margin-bottom: 20px;
}
.smallcard-page .smallcard-descript {
    font-size: 16px;
    line-height: 1.4;
    display: block;
}

.offer-trigger-item {
    margin-bottom: 30px;
}

.offer-trigger-item .img {
    margin-bottom: 20px;
}
.offer-trigger-item .img img {
    width: 80px;
}
.offer-trigger-item .offer-trigger-item-title {
    font-size: 18px;
    font-family: 'Montserrat-Medium';
    display: block;
    margin-bottom: 20px;
}
.offer-trigger-item .offer-trigger-item-title span {
    display: block;
    color: #2CA5E0;
}
.offer-trigger-item .offer-trigger-item-description {
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    display: block;
    line-height: 1.4;
    width: 280px;
}


.cars-block {
    padding: 60px 0 0;
}


.autopark-list {

}
.autopark-list .flexblock-1-4 {
    margin-bottom: 20px;
}
.autopark-list .autopark-list-item {
    background: #F2F5FA;
    border-radius: 16px;
    padding: 20px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.autopark-list .autopark-list-label {
    position: absolute;
    left: 20px;
    top: 20px;
}
.autopark-list .autopark-list-label span {
    color: #ffffff;
    font-family: 'Montserrat-Medium';
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 8px;
}
.autopark-list .autopark-list-img {
    height: 160px;
    position: relative;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #D4DEED;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.autopark-list .autopark-list-img img {
    object-fit: contain;
    -o-object-fit: contain;
    position: absolute;
    height: 100%;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    top: 0;
    right: 0;
    bottom: 0;
}
.autopark-list .autopark-list-title {
    font-family: 'Montserrat-Medium';
    margin-bottom: 15px;
}

.autopark-list .tabs-nav-wrap {

}
.autopark-list .tabs-nav-wrap ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    background: #FFFFFF;
    border-radius: 40px;
    padding: 5px;
    /*justify-content: space-between;*/
}

.autopark-list .tabs-nav li {
    padding: 6px 10px;
    font-size: 12px;
    cursor: pointer;
    color: rgb(0 48 73 / 40%);
    border-radius: 20px;
    font-family: 'Montserrat-SemiBold';
    transition: all 0.3s ease;
    margin-right: 5px;
}
.autopark-list .tabs-nav li:last-child {
    margin-right: 0;
}
.autopark-list .tabs-nav .tab-nav-link.current,
.autopark-list .tabs-nav .tab-nav-link:hover {
    background: #F2F5FA;
    color: #2CA5E0;
    transition: all 0.3s ease;
}
.autopark-list .tab-content {
    margin: 24px 0 40px;
}
.autopark-list .tab-content .tab-inner {

}
.autopark-list .tab-content .list-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 10px 0px;
    position: relative;
}
.autopark-list .tab-content .price-left {
    flex: 1 1 auto;
    color: rgb(0 48 73 / 50%);
    font-size: 14px;
}
.autopark-list .tab-content .price-right {
    font-size: 18px;
    font-family: 'Montserrat-SemiBold';
}
.autopark-list .tab-content .price-old {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 14px;
    color: rgb(0 48 73 / 50%);
    text-decoration: line-through;
}
.autopark-list .tab-content {

}

.autopark-list .autopark-list-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.autopark-list .autopark-list-buttons .button-chars-block {
    flex: 1 1 auto;
}
.autopark-list .autopark-list-buttons .button-chars-block .button-chars {
    background: url(../images/icon-chars.svg) left center no-repeat;
    padding: 3px 0 3px 30px;
    border: none;
    font-family: 'Montserrat-Medium';
    color: rgb(0 48 73 / 60%);
    cursor: pointer;
}
.autopark-list .autopark-list-buttons .button-order-block {
    
}
.autopark-list .autopark-list-buttons .button-order-block .button.bluebutton {
    background: #2ca5e0;
    font-size: 12px;
    padding: 14px 12px;
    line-height: 1;
}

.autopark-list .autopark-list-chars {
    position: absolute;
    background: #ffffff;
    z-index: 1;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 20px 50px 20px 20px;
    border-radius: 12px;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;

    font-size: 14px;
    line-height: 1.4;
}
.autopark-list .autopark-list-chars-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(4px);
    background: rgb(44 165 224 / 25%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.autopark-list .autopark-list-chars-bg.chars-bg-open {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}
.autopark-list .autopark-list-chars.chars-open {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}
.autopark-list .autopark-list-close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 12px;
    top: 12px;
    background: rgb(25 68 91 / 3%) url(../images/close.svg) center no-repeat;
    border-radius: 50%;
    background-size: 12px;
    cursor: pointer;
}
.autopark-list {
    
}
.autopark-list {
    
}
.autopark-list {
    
}
.autopark-list {
    
}


/***************************SLICK SLIDE********************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    top: calc(50% - 30px);
    background: #fff;
    border-radius: 3px;
    z-index: 1;
}

/*.slick-prev
{
    left: 25px;
    background: #fff url(../images/left-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.slick-next
{
    left: 95px;
    background: #fff url(../images/right-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}*/
.recomendation-slider .slick-prev,
.portfolio .slick-prev
{
    left: 0px;
    background: #fdde9e url(../images/left-arr.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    box-shadow: 0 2px #e1ba6f;
    border: none;
    box-sizing: border-box;
    border-radius: 14px;
    color: #51575b;
    font-family: var(--font-bold);
    text-transform: uppercase;
    padding: 20px 30px;
    font-size: 0;
}
.recomendation-slider .slick-next,
.portfolio .slick-next
{
    right: 0px;
    background: #fdde9e url(../images/right-arr.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    box-shadow: 0 2px #e1ba6f;
    border: none;
    box-sizing: border-box;
    border-radius: 14px;
    color: #51575b;
    font-family: var(--font-bold);
    text-transform: uppercase;
    padding: 20px 30px;
    font-size: 0;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}




/***********************Хлебные крошки*******************/

.mod-breadcrumbs__wrapper {
    color: #888CAF;
    font-size: 14px;
}
.breadcrumbs {
    margin: 35px 0 35px;
}
.breadcrumb li {
    
}
.breadcrumb li.breadcrumb-item span {
    display: block;
    margin: 0 5px;
}
.breadcrumb li a {
    display: block;
    margin-right: 5px;
}
.breadcrumb li a span {
    display: block;
    border-bottom: 1px solid;
}

body.forms-modal-opened {
    overflow: hidden !important;
}

/************************ДОП СТИЛИ*******************/
.faq {
    padding: 60px 0;
}
.faq-block {
    margin-bottom: 10px;
}
.faq-title {
    font-family: 'Montserrat-Medium';
    color: #003049;
    cursor: pointer;
    font-size: 16px;
    padding: 20px 30px;
    border-radius: 15px 15px;
    background: rgb(248 248 248);
    transition: background 0.3s ease;
    position: relative;
    line-height: 1.4;
    height: 80px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.faq-title:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    background: #ffffff url(../images/rectangle-faq.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    right: 20px;
    background-position: center;
    top: 50%;
    margin-top: -15px;
    transition: all 0.1s ease;
}
.faq-block.active .faq-title:before {
    content: '';
    transform: rotate(180deg);
    transition: all 0.1s ease;
}
.faq-block.active .faq-title {
    border-radius: 15px 15px 0 0 ;
    background: rgb(232 232 232);
    transition: background 0.3s ease;
}
.faq-descr {
    border-radius: 0 0 15px 15px;
    background: #f8f8f8;
    padding: 20px;
    border-top: 1px solid rgb(0 48 73 / 10%);
    display: none;
}
.faq-descr span {
    display: block;
    line-height: 1.6;
    font-size: 14px;
}
.faq .flexblock-1-2 {
    width: 60%;
    margin: 0 auto;
}


/*адаптация*/
@media (max-width: 1680px) {
    
}
@media (max-width: 1440px) {
    .container {
        max-width: 1280px;
    }

    .main-offer-img {
        width: 1090px;
    }
    .autopark-list .flexblock-1-4 {
       width: 33.3%;
    }
}
@media (max-width: 1366px) {
    .container {
        max-width: 1220px;
    }
    .main-offer-img {
        width: 1000px;
    }
    .main-offer h1 {
        margin-bottom: 20px;
    }
    .text-input-form.ba-form-field-item .ba-field-label-wrapper .ba-input-label-wrapper {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
    }
    .text-input-form.ba-form-field-item .ba-field-container select {
        font-size: 14px !important;
    }
    .text-input-form .ba-field-container input[type="text"],
    .text-input-form .ba-field-container input[type="text"]::placeholder {
        font-size: 14px !important;
    }
    .page-form-custom .ba-form-text-field {
        font-size: 14px;
        font-family: 'Montserrat-Regular';
    }
}
@media (max-width: 1280px) {
    .container {
        max-width: 1100px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .main-form .ba-form-submit-btn {
        font-size: 24px !important;
    }
    header .top-block-contacts-phone a {
        font-size: 16px;
    }
    .social-block .social-block-container {
        padding: 0 15px;
    }
    .social-block .continfo-block-messege-cta {
        font-size: 12px;
    }
    a.button {
        font-size: 12px;
        padding: 12px 12px 12px;
        background-position: center left 8px;
        background-size: 16px;
    }

    .main-offer-img {
        width: 890px;
    }
    .main-offer .main-offer-utp a.button.bluebutton {
        position: relative;
        z-index: 1;
    }
    
    .reviewsmod-list .reviewsmod-list-item-title {
        font-size: 14px;
    }
    .reviewsmod-list .reviewsmod-list-info {
        padding: 20px;
    }

    .main-offer-triggers .flexblock-1-4 {
        width: 50%;
    }
    .main-offer-triggers .title-block {
        margin-bottom: 40px;
    }
    .autopark-list .tabs-nav li {
        padding: 6px 6px;
        margin-right: 2px;
    }
    .autopark-list .autopark-list-buttons .button-chars-block .button-chars {
        font-size: 12px;
    }
    .autopark-list .tab-content .price-right {
        font-size: 16px;
    }
}
@media (max-width: 1024px) {
    .container {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .offer-trigger-item .offer-trigger-item-title {
        font-size: 16px;
    }
    .contacts .flexblock-1-3,
    .contacts .flexblock-2-3 {
        width: 100%;
    }
    .offer-trigger-item .offer-trigger-item-description {
        width: auto;
    }

    header .social-block {
        display: none;
    }

    .main-offer .main-offer-utp a.button.bluebutton {;
        font-size: 14px;
    }

    .main-offer h1 {
        font-size: 36px;
    }
    .main-offer .main-offer-utp-description {
        font-size: 20px;
    }

    .com-baforms-wrapper .page-form-custom .span4 {
        width: 100% !important;
        margin-left: 0 !important
    }

    .main-offer .main-offer-form {
        padding: 50px;
    }

    .footer .flexblock-1-2 {
        width: 100%;
    }
    .footer-block-contacts {
        padding-left: 0;
        margin-top: 50px;
    }
    .title-block {
        font-size: 30px;
    }
    .bottom-form-block .bottom-form {
        padding: 30px 50px 180px 50px;
    }
    .bottom-form-block .bottom-form:before {
        margin-left: -250px;
    }
    .faq .flexblock-1-2 {
        width: 100%;
    }
    .reviewsmod-list .reviewsmod-list-item {
        width: 50%;
    }
    .title-block-link .title-block {
        flex: 1 1 auto;
        margin-bottom: 30px;
        width: 100%;
    }
    .autopark-list .flexblock-1-4 {
        width: 50%;
    }
}
@media (max-width: 960px) {
    .main-offer-img {
        width: 760px;
        bottom: -120px;
    }
    .about-company .left-aboutcompany {
        width: 100%;
    }
    .about-company .right-aboutcompany {
        width: 100%;
    }
    .about-company .right-about-company-block {
        border-radius: 15px;
        padding: 15px;
    }
    .about-company .about-img {
        width: 100%;
    }
    .about-company .about-text {
        padding: 20px;
        width: 100%;
        line-height: 1.6;
    }
    .about-company .left-aboutcompany-block {
        border-radius: 15px;
    }
}
@media (max-width: 1024px) {
    .ba-form-5 .span4 {
        width: 100% !important;
    }
}

@media (max-width: 800px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-offer .main-offer-utp a.button.bluebutton {
        display: none;
    }
    .main-offer-img {
        width: auto;
        bottom: auto;
        right: auto;
        position: relative;
        margin: -85px -50px -170px;
    }
}
@media (max-width: 767px) {
    header .top-block-contacts {
        display: none;
    }

    .main-offer h1 {
        font-size: 30px;
    }
    .main-offer {
        border-radius: 0px;
        margin: 0px 0;
    }

    .main-offer .main-offer-form {
        padding: 30px;
        border-radius: 20px;
    }
    .main-offer .main-offer-utp-description {
        font-size: 18px;
    }
    .text-input-form.ba-form-field-item .ba-field-label-wrapper .ba-input-label-wrapper {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
    }
    .page-form-custom .ba-form-text-field {
        font-size: 14px;
        font-family: 'Montserrat-Regular';
    }

    .fields-icons-flex-start .text-input-form .ba-field-container i + input, .ba-form-calendar-field.text-input-form .ba-field-container input[type="text"][readonly]:focus {
        padding-left: 12px !important;
        font-size: 12px !important;
    }
    .title-block {
        font-size: 26px;
        margin-bottom: 25px;
    }
    .bottom-form-block .bottom-form {
        padding: 10px 30px 180px 30px;
        border-radius: 20px;
    }
    .faq-title {
        font-size: 14px;
        padding: 15px 40px 15px 15px;
        height: 65px;
    }

    .reviewsmod-list .reviewsmod-list-item {
        width: 460px;
    }
    .reviewsmod-list .reviewsmod-list-info {
        padding: 20px;
    }
    .bottom-form-block {
        padding: 40px 0 0;
    }
    .reviews-block {
        padding: 40px 0 0;
    }

    .main-offer-triggers .flexblock-1-4:first-child {
        margin-bottom: 0;
    }
    .main-offer-triggers .flexblock-1-4 {
        width: 100%;
        margin-bottom: 30px;
    }
    .main-offer-triggers .flexblock-1-4:last-child {
        width: 100%;
        margin-bottom: 0px;
    }
    .offer-trigger-item .offer-trigger-item-title {
        font-size: 14px;
    }
    .copyright .copyright-inf {
        display: block;
        margin-bottom: 5px;
    }
    .reviews-images .flexblock-1-4 {
        width: 50%;
    }
    .reviews-images img {
        border-radius: 14px;
        margin-bottom: 20px;
    }
    .header-top span {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .cars-block .flexblock-1-3 {
        width: 50%;
        margin-bottom: 20px;
    }
    .smallcard-page .smallcard-title {
        font-size: 18px;
    }
    .smallcard-page .smallcard-descript {
        font-size: 14px;
    }
    .clients-block-items .flexblock-1-5 {
        width: 33.3%;
        margin-bottom: 20px;
    }
    .main-offer .main-offer-utp {
        min-height: 400px;
    }
    header .left-top-block {
        width: 100%;
    }
    .top-block-logo {
        margin: 0 auto;
    }
    .top-block-form-zakaz {
        display: none;
    }
    .right-top-block {
        margin: 15px auto 0;
    }
    .header-top-left {
        display: none;
    }
    .header-top-right {
        flex: auto;
        text-align: center;
    }
}
@media (max-width: 720px) {
    .autopark-list .flexblock-1-4 {
        width: 100%;
    }
    .autopark-list .flexblock-1-4 .autopark-list-item {
        max-width: 360px;
        margin: 0 auto;
    }
}

@media (max-width: 600px) {
    header .cityselect a.current-location {
        font-size: 0px;
    }

    .main-offer h1 {
        font-size: 24px;
    }
    .main-offer .main-offer-utp-description {
        font-size: 16px;
    }
    .main-offer h1 {
        margin-bottom: 10px;
    }
    .title-block {
        font-size: 20px;
    }
    .contacts-block .contacts-block-phones a {
        font-size: 30px;
    }
    .copyright .flexblock-1-2 {
        width: 100%;
    }
    .copyright-right {
        text-align: left;
        margin: 10px 0 0;
    }
    .bottom-form-block .bottom-form:before {
        margin-left: -170px;
        background-size: contain;
        width: 340px;
        height: 191px;
    }
    .bottom-form-block .bottom-form {
        padding: 10px 30px 100px 30px;
    }
    .reviewsmod-list .reviewsmod-list-item {
        width: 400px;
    }
    .mcs-dialog .cities .cities-group {
        flex-basis: 50% !important;
    }
    .smallcard-page {
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 14px;
        height: 100%;
        box-sizing: border-box;
    }
    .cars-block .flexblock-1-3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .smallcard-page .smallcardimg img {
        border-radius: 20px;
        margin-bottom: 20px;
        margin: 0 auto 20px;
    }
    .clients-block-items .flexblock-1-5 {
        width: 50%;
        margin-bottom: 20px;
    }
}
@media (max-width: 480px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .left-top-block .flex-margin-20 {
        margin-left: -10px;
    }
    .left-top-block .top-block-logo {
        padding-left: 10px;
    }
    .left-top-block .cityselect {
        padding-left: 10px;
    }
    .right-top-block .top-block-form-zakaz {
        padding-left: 0px;
    }

    .modal-form-custom .custom-html-wrapper h2 {
        font-size: 24px;
        margin: 0px 0;
        padding-right: 40px;
    }
    .wrapper-site .mcs-modal-header .mcs-header .title {
        color: #003049;
        font-size: 16px;
        line-height: 1.4;
    }
    .fancybox-content .modal-header h2 {
        font-size: 16px;
        margin: 0;
    }
    .fancybox-content .modal-content {
        padding: 20px;
        box-sizing: border-box;
    }
    .ba-form-submit-btn {
        font-size: 16px !important;
    }
    .fancybox-content .modal-header {
        padding: 20px;
    }

    .fancybox-content .modal-content .ba-form-page {
        padding: 0px !important;
        width: 100% !important;
    }
    span.fancy-close {
        top: 15px;
        right: 15px;
    }
    .modal-form-custom .ba-form-field-item.ba-form-html-field {
        padding: 20px;
    }
    .wrapper-site .mcs-modal-header .mcs-header {
        position: relative;
        padding: 20px;
    }
    .bottom-form-block .bottom-form {
        padding: 0px 15px 100px 15px;
    }
    span.form-agry {
        font-size: 12px;
    }
    .main-offer .main-offer-utp-description {
        font-size: 15px;
    }

/*****новое*****/
    .main-offer-img {
        margin: -70px -50px -140px;
    }
    .main-offer h1 {
        font-size: 20px;
    }

    .main-offer .main-offer-form {
        padding: 15px;
    }
    .contacts-block .contacts-block-phones a {
        font-size: 24px;
    }
    .title-block br {
        display: none;
    }
    .reviewsmod-list .reviewsmod-list-item {
        width: 360px;
    }
    .title-block-link .yabuslink {
        font-size: 14px;
        background: none;
    }
    .title-block-link .yabuslink .busicons {
        margin: 10px 0 0;
        display: table;
    }
    #promo .modal-content p span {
        display: table;
        margin: 5px 0 0 0;
        font-size: 14px;
    }
    .autopark-list .flexblock-1-4 .autopark-list-item {
        max-width: 100%;
    }
    .autopark-list .tabs-nav li {
        padding: 6px 8px;
        margin-right: 5px;
    }
    .autopark-list .tab-content {
        margin: 15px 0 24px;
    }
}
@media (max-width: 380px) {
    .menu-mobile-bar .social-block .top-block-contacts-phone a {
        font-size: 18px;
    }
    .reviewsmod-list .reviewsmod-list-item {
        width: 300px;
    }
}