#mainNav .nav-item.dropdown @media (min-width: 1200px){
    .container {
        max-width: 1170px;
        padding: 0;
    }
}

:root {
    --global-color: #00AFEA;

    /* title site */
    --title-color: #796f6e;
    --title-font-size: 40px;
    --title-font-weight: 700;
    --title-text-transform: uppercase;
    --title-margin-top: 35px;
    --title-margin-bottom: 50px;
    /* END title site */
}

main {
    overflow-x: hidden;
    overflow-y: auto;
}

html, body{
    height: auto !important;
}

body{
    font-family: '400', sans-serif;
}
footer a, header a{
    transition: all 0.3s ease;
}
.flexbox-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.btn-blue{
    padding: 12px 0;
    max-height: 40px;
    background: #00AFEA;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block;
    color: #FFFFFF;
}
.btn-blue:hover{
    background: rgba(0, 175, 234, 0.75);
    text-decoration: none;
    color:#ffffff;
}
.btn-blue-border{
    padding: 12px 0;
    max-height: 40px;
    background: transparent;
    border: 1px solid #00AFEA;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block;
    color: #00AFEA;
    max-width: 186px;
}
.btn-blue-border:hover{
    background: #00AFEA;
    color: #FFFFFF;
    text-decoration: none;
}
.btn-no-bg{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 18px;
    display: block;
    color: #3F3F3F;
}
.btn-arrow:after{
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACRSURBVHgBfZDNDcIwDEZre5EySH7YoBvQFZiobECZgBw5MkKSPZJgI1WCyul3iK28J8vy4L0fjTHz0AmWUiZEXJxziyZQzvl14nA/j5yU0uNPkCfGuPYk2pqeRL/jNAm0xXjhJxdfa73iHlprLwJlIBGtsIcAcBPI9RxCiHAE5R+O4FfgU0+ttbsGJduSbw1KPvfMTuJAYPA+AAAAAElFTkSuQmCC');
    width: 8px;
    height: 13px;
    display: inline-block;
    padding-left: 8px;
    transition: all 0.3s ease;
}
.btn-arrow:hover:after{
   content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB6SURBVHgBxc49GYMwFEbhk1AT3SqldUAVtBZQBAKAgAIsIIGNhx8NN0AYGEhY+YZkeM9wwfQvivFPYBoe8fqmmDEluHLI1sDeFClvZKYG7BuRRJ+wnn8OsR3aVuqEIplD5MP32akrPG4I4B7kQ0ykjA+3aSL3tz7ctgCv31UuMA3XhwAAAABJRU5ErkJggg==');
   transition: all 0.3s ease;
}

.btn-no-bg:hover{
    color: #00AFEA;
    text-decoration: none;
}
.bg-grey{
    background: #F8F8F8;
}
.section-padding{
    padding: 44px 0 56px;
}
.section-padding-page{
    padding: 22px 0 38px;
}
.section-title, .section-title h1{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 32px;
    color: #191E27;
    margin-bottom: 26px;
    display: block;
}
.section-btn .btn-no-bg {
    float: right;
    margin-top: 6px;
}
/*HEADER*/
.header{
    padding: 10px 0;
}
.header-bottom {
    position: relative;
    z-index: 6;
}
.container-slogan {
    padding: 0 0 8px;
    border-bottom: 1px solid #E1E1E1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-contacts {
     font-family: IBM Plex Sans;
     font-style: normal;
     font-weight: normal;
     line-height: normal;
     font-size: 14px;
     color: #636363;
 }
.header-contacts:hover {
    text-decoration: none;
    color: #636363;
}
.header-contacts-tel:before {
    width: 18px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGhSURBVHgBlZTNbcJAEEa9RkiIEx0kqQB3gPYAiFPiCiAVBFeA6SBUAFRgOCAEHJYOoAR3EC5cED95I3kj40hgj7Qae5Z9M994FuUkttlsBrj+7XaLL5eL3+l0YqeAuRZyvV57p9NJA5qXSiWzXC5fi4CUhbC0rWK1WoVKqS6V6byVuVTQO5/Pd1La7XaIk8rGTk4Taa+VSuUnu0GCLa7m5DQBxfTmLR1cr9ee67pjpI2KgOb048MGjDE13g2QIXInuUEcmJG9G0XRnwxkydo7Bcwl6xa/r1arfQlorQ/AA2l0kRFwEx8g58seTCTJV4vSlT4yZR9o8DeucTwete/7B4kxTxMSNNLzRKxLLBTpzF5g4ypNBWZwcavV+rQxO5w8DvEvAOQayb6XHto7kHwxRmFH8yfNZnNo40juERtwUGRqEu3TSQSmslqlTxwyrBmwIL0n/bKyMy2p/wNZmDSax9qz+7ZYLLxyubxTzgNLShdJIfdxmgUmCQ09mz4E2R8jM2S9c2BGhVPCAhTIWCByyZ+CskCqq/PqsQ5ARsk/hfMLaxH3tdHDrlMAAAAASUVORK5CYII=);
    margin-right: 8px;
    vertical-align: sub;
}
.header .navbar-toggler {
    background-color: transparent;
    border: transparent;
    height: 23px;
    margin: 20px 0;
    padding: 0;
    position: relative;
    width: 35px;
    outline: none;
    box-shadow: none;
}
.header_top-contacts {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    color: #898989;
    display: flex;
    align-items: center;
}
.header_top-contacts:hover {
  text-decoration: none;
    color: #898989;
}
.header_top-contacts>svg {
    margin-right: 10px;
}
.tel-color{
    stroke: #898989;
}
.header .navbar-toggler-icon {
    -webkit-transition: background-color .3s 0s;
    background-color: transparent;
    position: relative;
    transition: background-color .3s 0s;
}
.header .navbar-toggler-icon, .header .navbar-toggler-icon:after, .header .navbar-toggler-icon:before {
    display: block;
    height: 3px;
    width: 100%;
}
.header .navbar-toggler.collapsed .navbar-toggler-icon:after, .header .navbar-toggler.collapsed .navbar-toggler-icon:before {
    -webkit-transform: rotate(0);
    -webkit-transition: top .3s ease .3s,-webkit-transform .3s ease 0s;
    transform: rotate(0);
    transition: top .3s ease .3s,-webkit-transform .3s ease 0s;
    transition: top .3s ease .3s,transform .3s ease 0s;
    transition: top .3s ease .3s,transform .3s ease 0s,-webkit-transform .3s ease 0s;
}
.header .navbar-toggler.collapsed .navbar-toggler-icon {
    -webkit-transition: background-color .1s ease .3s;
    background-color: #2c3438;
    transition: background-color .1s ease .3s;
}
.header .navbar-toggler.collapsed .navbar-toggler-icon:before {
    top: -.6718rem;
}
.header .navbar-toggler.collapsed .navbar-toggler-icon:after {
    top: .6718rem;
}
.header .navbar-toggler-icon:after, .header .navbar-toggler-icon:before {
    -webkit-transition: top .3s ease 0s,-webkit-transform .3s ease .3s;
    background-color: #2c3438;
    content: "";
    position: absolute;
    top: 0;
    transition: top .3s ease 0s,-webkit-transform .3s ease .3s;
    transition: top .3s ease 0s,transform .3s ease .3s;
    transition: top .3s ease 0s,transform .3s ease .3s,-webkit-transform .3s ease .3s;
}
.header .navbar-toggler-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .navbar-toggler-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media (min-width: 992px){
    .header-bottom .collapse {
        display: block !important;
    }
    .header-bottom .nav-link {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1.2rem 1rem;
    }
    .dropdown-toggle::after {
        display: none !important;
    }
}
#mainNav .nav-item.dropdown {
    position: static;
}
#mainNav .show > .nav-link {
    color: #00AFEA;
    background-color: transparent;
}
header .dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    display: flex!important;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    float: left;
    min-width: 100%;
    padding: 28px 0 28px;
    border: none;
    border-top: 2px solid #00AFEA;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    border-radius: 0;
    background-color: #F8F8F8;
    background-clip: padding-box;
    transform: translateY(-200%);
    transition: 0s;
}
header .dropdown-menu.car-model-dropdown-menu{
    padding: 32px 0 48px;
}
.dropdown-menu.show {
    transform: translateY(0)!important;
    opacity: 1;
    visibility: visible;
    transition: transform .3s ease, opacity .15s .15s ease, z-index 0s;
    top: 100%!important;
}
.header-bottom .header-nav {
    padding: 0;
}
.header-bottom .nav {
    justify-content: space-between;
}
.header-bottom .nav-item {
    flex: 0 0 auto;
}
.header-bottom .nav-link, .header-bottom .nav-link.active {
    background-color: transparent!important;
}
.header-bottom .nav-link {
    padding: 22px 0px;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: bold;
    line-height: 24px;
    font-size: 16px;
    color: #898989;
}
.header-bottom .nav-link:hover, .dropdown-menu ul li a:hover {
    color: #00AFEA;
}
@media (min-width: 992px){
    .header-bottom .nav-link {
        font-size: 13px;
    }
}
@media (min-width: 1200px){
    .header-bottom .nav-link {
        font-size: 16px;
    }
}
.logo {
    display: block;
}
@media (max-width: 991.98px) {
    .dropdown-menu.show {
        position: initial!important;
    }
    .dropdown-menu{
        display: none;
        transform: none!important;
    }
    div#mainNav {
        order: 5;
        flex: 0 0 100%;
        max-width: 100%;
        left: 0;
        position: absolute!important;
        top: 0;
        background: #fff;
    }
    .header-bottom .nav-item {
        display: block;
        width: 100%;
        position: relative;
    }
    .dropdown-item {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    header {
        padding-top: 10px;
    }
    header .dropdown-menu ul li {
        display: inline-block;
        padding: 0 14px;
    }
    .logo img {
        width: 120px;
        margin-top: 10px;
    }
    header .model-card-btn-header {
        font-size: 12px;
    }
    .navbar-mob {
        width: auto;
        max-width: none;
        padding: 0;
    }
}
header .car-model-dropdown-menu .model-card-price {
    color: #3F3F3F;
}
.dropdown-menu ul {
    list-style: none;
    width: 100%;
    padding: 0;
    text-align: center;
}
.dropdown-menu ul li {
    display: inline-block;
    padding: 0 18px;
}
.dropdown-menu ul li a {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: bold;
    line-height: 24px;
    font-size: 16px;
    color: #191E27;
    text-decoration: none;
}
.header-lang{
        padding-left: 0;
    list-style: none;
    display: inline-block;
    /*float: right;*/
    margin: 0;
}
.header-lang li {
    display: inline-block;
}
.header-lang li:last-child{
    margin-left: 6px;
}
.header-lang li a{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    font-size: 12px;
    text-align: right;
    color: #898989!important;
}
.header-lang li a.active{
    color: #191E27!important;
}
.header-lang li a:hover{
    text-decoration: none;
}
.site_btn-enter-btn.--loggedin {
    color: #00AFEA;
    text-decoration: underline;
}
span.header_icon-title {
    max-width: 90px;
}
.dealer-slogan{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    color: #898989;
}
header .model-card-btn-header {
    max-width: 232px;
    float: right;
}
/*BC*/
.bc .breadcrumb {
    margin: 0;
    background: #F8F8F8;
    padding: 7px 15px;
    border-radius: 0;
    list-style: none;
}
.bc .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    vertical-align: middle;
    padding-right: 12px;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACcSURBVHgBbY6xEQIhEEV3vQasAI4OtANasgQ70MhQQo0cQ6PDzEztAIgutAP8O4POHcMGzA7v75tPhLHW9tSYTkDO+am1HmOM7xkMIXyMMTfspzrQyYPAiMAZq1NKcUrp8YclIIYrMx9gWMJw57oEOlh0GBBaLyog5Y4AW+/9iydgBXAB2APs5I8nQFQbAPc74KIaispRo0RPjfkCQ6NMUQiaL3MAAAAASUVORK5CYII=');
}
.bc .breadcrumb li{
    padding-left: 10px;
}
.bc .breadcrumb li a, .bc .breadcrumb li{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    font-size: 14px;
    color: #3F3F3F;
}
.bc .breadcrumb li a:hover{
    text-decoration: none;
}
.bc .breadcrumb li:last-child{
    color: #898989;
}
/*PAGES ELEMENTS*/
.line-page {
    border-top: 3px solid #00AFEA;
    display: block;
    max-width: 64px;
    margin-top: 15px;
}


/*FRONT PAGE*/
/*LEAD MAGNETS*/
.lead-magnet-line{
    border-top: 3px solid #00AFEA;
    display: block;
    max-width: 88px;
    margin: 0 auto 32px;
}
.lead-magnets-block svg{
    display: block;
    margin: 0 auto;
}
.lead-magnets-title{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 18px;
    color: #3F3F3F;
    padding-top: 18px;
    display: block;
}
.lead-magnets-block:hover{
    text-decoration: none;
}
.lead-magnets-block:hover .lead-magnets-title{
    color: #00AFEA;
}
.lead-magnets-block:hover svg path{
    fill: #00AFEA;
}

.lead-magnets-block:hover .btn-arrow:after{
   content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB6SURBVHgBxc49GYMwFEbhk1AT3SqldUAVtBZQBAKAgAIsIIGNhx8NN0AYGEhY+YZkeM9wwfQvivFPYBoe8fqmmDEluHLI1sDeFClvZKYG7BuRRJ+wnn8OsR3aVuqEIplD5MP32akrPG4I4B7kQ0ykjA+3aSL3tz7ctgCv31UuMA3XhwAAAABJRU5ErkJggg==');
   transition: all 0.3s ease;
}


/*MODEL LINEUP*/
.model-card{
   width: 100%;
    max-width: 270px;
    overflow: hidden;
    margin: 0 auto 20px;
}
.model-card a:hover{
    text-decoration: none;
}
.model-card-img {
    width: 100%;
    height: 191px;
    margin-bottom: 4px;
    overflow: hidden;
}
.model-card-img img {
    width: 100%;
}
.model-card-name{
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    font-size: 24px;
    color: #3F3F3F;
}
.model-card-price{
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
    color: #898989;
    margin-bottom: 8px;
}


/*POSTS BLOCK*/
.news-block nav, .stocks-block nav, .personal{
    margin-bottom: 24px;
}
.news-block nav .nav-tabs, .stocks-block nav .nav-tabs,  .personal .nav-tabs, .our-clients nav .nav-tabs{
    border: none;
}
.news-block nav .nav-tabs a:first-child, .stocks-block nav .nav-tabs a:first-child, .personal .nav-tabs a:first-child, .our-clients nav .nav-tabs a:first-child{
    margin-right: 24px;
}
.stocks-block nav .nav-tabs a:last-child, .personal .nav-tabs a:last-child, .our-clients nav .nav-tabs a:last-child{
    margin-left: 24px;
}
.news-block nav .nav-tabs a, .stocks-block nav .nav-tabs a, .personal .nav-tabs a, .our-clients nav .nav-tabs a{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    font-size: 14px;
    text-transform: uppercase;
    color: #898989;
    border: none;
    padding: 0;
}
.news-block nav .nav-tabs a.active, .news-block nav .nav-tabs a:hover,
.stocks-block nav .nav-tabs a.active, .stocks-block nav .nav-tabs a:hover,
.personal .nav-tabs a.active, .personal .nav-tabs a:hover,
.our-clients nav .nav-tabs a.active, .our-clients nav .nav-tabs a:hover{
    color: #00AFEA;
    border-bottom: 1px solid #00AFEA;
    padding: 0;
}
.posts-block {
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 9px 15px rgba(0, 0, 0, 0.12);
    max-width: 370px;
    margin: 0 auto 30px;
}
.posts-block a{
    text-decoration: none;
}
.posts-block .card-body {
    padding: 24px 24px 30px;
}
.posts-img{
    width: 100%;
    height: 262px;
    overflow: hidden;
    /*background-color: #333333;*/
}
.posts-img img {
    width: 100%;
    margin: 0 auto;
}
.posts-block .date{
    margin-bottom: 13px;
}
.posts-block .date .date-box-ico{
    width: 15px;
    height: 14px;
    margin-right: 8px;
}
.posts-block .date .date-box-ico:before{
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACdSURBVHgBxZGxDYMwFETvWxkgFW0yQkYgI0RZIJtE2cQLJB4h2SArUCAhoMATYPwp4AsBwlDwKvvs852+AYkpvjDpBWOYLIYp/1IiL1SAOyIcy2mu235yPZ3sdW7Wt3TUmmv3QiiKngqbkLUDfZuSD4PXeCDxzP0fbtF13CwOwpPfxcP/+bkXKME90svMbFR0EgKvNSbZcdpkV6bbBkTROl3pj7IfAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    vertical-align: middle;
}
.posts-block .date .text-muted{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    font-size: 14px;
    color: #898989!important;
}
.posts-title{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
    color: #3F3F3F;
    height: 47px;
    overflow: hidden;
    margin-bottom: 14px;
}
.posts-text{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    line-height: 27px;
    font-size: 18px;
    height: 190px;
    overflow: hidden;
    color: #898989;
    margin-bottom: 12px;
}

.card-news .posts-text{
    height: inherit;
}

.stocks-block .btn-blue-border, .news-block .btn-blue-border{
    margin: 0 auto;
}
.posts-content {
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .posts-single-img img {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .btn-left-kredit{
        margin-top: 2vh;
        margin-right: 25vw;
    }
    .posts-single-img img {
        width: 100%;
    }
    .posts-content tbody {
        min-width: 768px;
    }
    .posts-content table {
        flex-direction: row;
        flex-wrap: nowrap!important;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        border: none!important;
    }
}
/*POSTS TABLE*/
.posts-content td:first-child{
    text-align: left;
    font-weight: bold;
}
.posts-content tr:nth-of-type(even) {
    background-color: #F8F8F8;
}
.posts-content table {
    width: 100%!important;
    margin: 20px auto;
    border: 1px solid #E5E5E5;
}
.posts-content table td {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
    padding: 10px 15px;
    text-align: center;
}
.posts-content tr:first-child td {
    font-weight: bold;
}

.posts-content th {
    background-color: rgb(128, 128, 128);
    color: #fff;
    text-align: center;
    padding: 5px 10px;
}

.posts-content th span,
.posts-content th b {
    color: inherit;
    font-weight: bold;
    margin: 0;
    line-height: 1;
}

/*SEO BLOCK*/
.seo-wrap .seo-btn{
    border-bottom: 2px dashed;
    text-decoration: none;
    display: inline-block;
    padding: 0 0 2px;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    font-size: 18px;
    color: #3F3F3F;
}
.seo-wrap p, .seo-wrap ul, .seo-block .seo-wrap{
    font-style: normal;
    font-weight: normal;
    line-height: 27px;
    font-size: 18px;
    color: #898989;
    margin-bottom: 22px;
}
#seo-content p:nth-child(n+2), #seo-content ul {
    display: none;
}
#seo-content .collapse.show {
    display: block;
}

/*footer*/
footer.footer {
    background: #191E27;
    padding: 44px 0 37px;
}
.footer-top {
    margin-bottom: 30px;
}
.footer-nav {
    padding-left: 0;
    list-style: none;
    margin-bottom: 16px;
}
.footer-nav-title {
    font-weight: bold;
    color: #fff;
    margin-bottom: 11px;
    display: block;
}
.footer-nav-item {
    margin: 4px 0;
}
.footer-nav-link{
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
    color: #898989;
}
.footer-nav-link:hover{
    text-decoration: none;
    color: #fff;
}
.footer-social{
    display: inline-block;
}
.footer-social a{
    text-decoration: none;
    margin-right: 8px;
    width: 23px;
    height: 23px;
    display: inline-block;
}
.footer-social a:hover svg path{
    fill: #00AFEA;
}

.footer-bottom {
    padding-top: 27px;
    border-top: 1px solid #3F3F3F;
}
.footer-bottom span {
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    color: #898989;
    display: inline-block;
    width: 100%;
}

.footer-nav-block .payments-logo{
    width:100%
}

/*page-not-found*/
.page-not-found{
    padding: 80px 0 120px;
}
.page-not-found-title{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    font-size: 24px;
    margin-bottom: 14px;
    display: block;
    color: #191E27;
}
.page-not-found-subtitle{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    line-height: 27px;
    font-size: 18px;
    margin-bottom: 18px;
    color: #898989;
    max-width: 470px;
}
.page-not-found-btn{
    max-width: 184px;
}
.not-found-number{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 240px;
    text-align: right;
    text-transform: uppercase;
    color: #E9E9E9;
    display: block;
}

/*MEDIA FRONT PAGE*/
@media (min-width: 576px) and (max-width: 991.98px) {

    .header .navbar-toggler {
        right: 10%;
    }
    .slick-next {
        right: 10px!important;
        width: 20px!important;
        height: 20px!important;
        top: auto!important;
        bottom: 60%;
    }
    .slick-prev {
        left: 10px!important;
        width: 20px!important;
        height: 20px!important;
        top: auto!important;
        bottom: 60%;
    }
}
@media (max-width: 575.98px) {
    .header .navbar-toggler {
        right: 20px;
    }
    header .dropdown-menu {
        background: transparent;
        border-bottom: 2px solid #00AFEA;
    }

    .slick-next {
        right: 10px!important;
        top: 25%!important;
        bottom: auto;
    }
    .slick-prev {
        left: 10px!important;
        top: 25%!important;
        bottom: auto;
    }
    .personal .nav-tabs a{
        font-size: 13px;
    }
}

@media (max-width: 767.98px) {
    .landing-title {
        font-size: 26px!important;
    }
    .section-btn .btn-no-bg {
        float: none;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .section-title-and-btn{
        margin-bottom: 12px;
    }
    .page-not-found {
        padding: 40px 0 50px;
    }
    .not-found-number {
        font-size: 160px;
        text-align: center;
    }
    .seo-block iframe {
        margin-top: 20px;
    }
}

@media (max-width: 991.98px) {
    .header-bottom-row .header-lang {
        position: absolute;
        right: 115px;
        top: 15px;
        display: flex;
        gap: 20px;
    }
    .header-bottom-row .header-lang li a {
        font-size: 16px;
    }
    .page-not-found .page-not-found-block {
        text-align: center;
        order: 1;
    }
    .page-not-found-btn, .page-not-found .page-not-found-block>div {
        margin: 0 auto;
    }
    .not-found-number {
        font-size: 160px;
        text-align: center;
    }
    .header .navbar-toggler {
        position: absolute;
        top: -5px;
    }
    .header-bottom .nav-link {
        padding: 10px 0;
    }
    div#mainNav {
        position: absolute!important;
        left: 0;
        top: 55px;
        z-index: 999;
        background: #fff;
        border-bottom: 1px solid #f6f6f6;
        border-top: 1px solid #f6f6f6;
    }
    header {
        margin-bottom: 10px;
        padding-top: 12px;
        position: sticky;
        top: 0;
        z-index: 100;
        background: #fff;
    }
    .logo {
        width: 50%;
        display: inline-block;
    }
    .logo img {
        max-width: 100px;
    }
    .dropdown-menu ul li {
        display: block;
        padding: 4px 24px;
    }
    header .dropdown-menu, header .dropdown-menu.car-model-dropdown-menu{
        padding: 8px 0 10px;
    }
    header .model-card-btn-header,
    .dealer-slogan,
    .container-slogan{
        display: none;
    }
    .main-slider .slider-col {
        box-shadow: none;
    }
    .slider .specification-box {
        padding-bottom: 20px;
    }
    .lead-magnets .row.justify-content-center {
        flex-direction: column;
        align-items: center;
    }
    .lead-magnets .lead-magnets-block {
        margin-bottom: 20px;
        display: block;
    }

    .d-lg-none.header-lang.header-lang-mob {
        position: static;
        margin: 15px auto 0px;
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
    }
}

@media (max-width: 1199.98px) {

}

@media (max-width: 575.98px) {
    .bc .col-md-12 {
        padding: 0;
    }
}

@media (min-width: 667px) {
    .header-bottom-row .header-lang {
        right: 140px;
        display: flex;
        flex-direction: row-reverse;
        gap: 15px;
    }
}
input, select, textarea{
    /*width: 100%;*/
    border: 1px solid #DEDEDE;
    padding: 10px 16px 7px;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 8px;
}
select {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    background:#fff url('../../img/subaru/icon/select.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 94% 50%;
}
textarea {
    height: 158px;
}
input:focus, select:focus, textarea:focus{
    border-color: #000;
    color: #000;
    box-shadow: none;
    outline: none;
}
.form-group label, label{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    font-size: 14px;
    color: #3F3F3F;
    margin-bottom: 8px;
    display: block;
}
.form-group label span{
    font-weight: normal;
    color: #898989;
    padding-left: 5px;
}
/*brand-td-form*/
.txt-color {
    color: #00AFEA;
}
.bg-color, .forms__range input[type=range]::-webkit-slider-thumb {
    background-color: #00AFEA;}
.border-color {}
/*brand-input*/
.form-wrapper {
    background: linear-gradient(to bottom, #F8F8F8 60%, transparent 100%);
}
.forms input:not([type="range"]), .forms select, .checkbox span:before {
    border-color: #E5E5E5;
    background-color: #fff;
    border-radius: 0
}
.forms .form-control[type="range"] {
    background-color: transparent;
}

.btn-td, .btn-order-car, .btn-loan, .btn-call-order,
.btn-feedback, .btn-service, .btn-order-car {
    color: #fff;
    background-color: #00AFEA;

}
.btn-td:hover, .btn-order-car:hover,
.btn-loan:hover, .btn-call-order:hover,
.btn-feedback:hover, .btn-service:hover,
.btn-order-car:hover {
    color: #00AFEA;
    background-color: transparent;
    box-shadow: 0 0 0 1px #00AFEA inset;
}
.checkbox [type="checkbox"]:checked + span:before {
    background-color: #00AFEA;
}

.datepicker {
    padding: 10px;
    background-color: #fff;
    z-index: 30;
    position: absolute;
}

/*main slider*/
.main-slider__prev, .main-slider__next {
    width: 50px;
    height: 100px;
    background-color: #F8F8F8;
}
.main-slider__prev:hover, .main-slider__next:hover {
    background-color: #00AFEA;
}
.main-slider__nav svg {
    fill: #00AFEA;
}
.main-slider__prev:hover svg, .main-slider__next:hover svg {
    fill: #fff
}
.main-slider__btn-f, .main-slider__btn-s {
    border-radius: 0;
}
.main-slider__btn-f, .main-slider__btn-s:hover {
    border-color: #00AFEA;
    background-color: #00AFEA;
    color: #fff
}
.main-slider__btn-s, .main-slider__btn-f:hover {
    border-color: #00AFEA;
    background-color: transparent;
    color: #00AFEA
}
.main-slider__btn-s {
    color: #00AFEA;
}
.site-map {
    width: 100%;
    height: 100%;
    background-size: cover;
    min-height: 177px;
}

.site-map a.show-map {
    margin: -20px -90px;
    position: relative;
    top: 50%;
    width: 180px;
    left: 50%;
}
/*TESTDRIVE MODULES*/
.swappy-radios input:checked ~ span {
    color: #00AFEA;
}
.calculation_module-title .calculation_module-title-selected{
    color: #00AFEA;
    border-bottom: 1px solid #00AFEA;
}
.calculation_module-style.active, .calculation_module-style:hover{
    border: 1px solid #00AFEA;
}
.credit-form__option .color-red {
    color: #00AFEA;
}
.calculation_module-modif-price{
    color: #00AFEA;
}

.form__radio-box [type=checkbox]:checked+label,
.form__radio-box [type=radio]:checked+label, .form__radio-box label:hover {
    background-color: transparent;
    color: #00AFEA;
    background: #00AFEA26;
    border-bottom: 1px solid #00AFEA!important;
}


.test-drive-module .td-politicks-info a{
    color: #00AFEA;
}

.price_title{
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
    color: #898989;
    padding-right: 7px;
}
.comparing__variations.variations {
    overflow: hidden;
}
@media (max-width: 991.98px) {
    div#navbarNav .site_btn-nav-item {
        display: block;
    }
    .site_btn-enter-btn {
        justify-content: center;
    }
    a.site_btn-enter-btn {
        padding: 15px 15px 5px;
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: bold;
        line-height: 24px;
        font-size: 16px;
        color: #898989;
        text-transform: none;
    }
    .site_btn-enter-btn svg {
        margin-left: 8px;
    }
    .site_btn-enter-btn svg path {
        stroke: #898989;
    }
    .site_btn-enter-btn.--loggedin svg path {
        stroke: #00AFEA;
    }
    div#mainNav .site_btn-nav-item {
        border: none;
    }

    #auto-dropdown{
        height: 350px;
        overflow: scroll;
    }
}



.social_icons {
    position: fixed;
    right: 40px;
    bottom: 55px;
    z-index: 1;
}
.social_icons a {
    display: inline-block;
}
.social_icons a:hover{
    text-decoration: none;
}
.tg_icon svg {
    max-width: 50px;
    height: 50px;
}
.viber_icon svg {
    max-width: 55px;
    height: 55px;
}
.viber_icon {
    margin-left: 15px;
}
@media (max-width: 767.98px) {
    .social_icons {
        display: none;
    }
    .scroll-top.opacity_scroll:before {
        bottom: 10%;
    }
}


.scroll-top{
    background: transparent;
    border: none;
}
.scroll-top:before {
    content: url(../../img/subaru/scrol-top.png);
    width: 48px;
    height: 48px;
    position: fixed;
    right: 2%;
    bottom: 120px;
}
.scroll-top{
    opacity: 0;
}
.scroll-top.opacity_scroll{
    opacity: 1;
}

/*breadcrumbs new*/

.breadcrumbs__new {

}
.global_breadcrumbs__new{
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
    background: #F8F8F8;
    padding: 7px 15px;
}
.marker__none{
    list-style-type: none;
}
.breadcrumbs__link{

    font-style: normal;
    /*font-weight: 500;*/
    font-size: 14px;
    color: #212529;
}
.marker__none>a:hover{
    color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
}

.credit_widget-title{
    font-size: 28px;
    font-weight: bold;
}

.official-service{
    height: 30px;
}

.arrow-bcs {
    width: 7px;
    margin: 0 9px 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    margin-top: 3px;
}

@media (max-width: 768px) {
    .choose__car .choose__car-btn {
        flex: 0 0 33%;
    }
    .breadcrumbs__new {
        overflow-x: scroll;
        white-space: nowrap;
    }
}

/*breadcrumbs new END*/

/* ДЛЯ ВАШОГО БІЗНЕСУ*/
.catalogue input,
.catalogue-content {
    display: none;
}

.for__business__content {
    margin-top: 40px;
}

.for__business-title {
    font-weight: 600;
    font-size: 26px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #222222;
    margin: 35px 0px;
}

.content__box {
    width: 100%;
}


.for__business__content__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 80px;
}

.content-title > h1 {
    font-size: 31px;
    line-height: 67px;
    text-transform: uppercase;
    color: #013147;
}

.content-title > p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #010101;
    width: 75%;

}

.bg-none {
    color: #013147 !important;
    background-color: white !important;
    border: 1px solid #013147 !important;
}

.content-title {
    width: 60%;
}


.catalogue {
    border-radius: 3px;
    color: #848994;
    margin-bottom: 20px;
    border: 2px solid #F4F4F4;
}

.catalogue-title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #2f2f33;
    position: relative;
    padding: 25px 48px;
    display: block;
    cursor: pointer;
    background-color: #F4F4F4;
    margin: 0px;
}

.catalogue-title::after {
    content: '';
    background-image: url(/bundles/dcsite/img/accordion-arrow-down.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 20px;
    position: absolute;
    right: 17px;
    bottom: 25px;

}

.catalogue-content {
    padding: 10px 20px;
}

.catalogue :checked + .catalogue-title::after {
    content: '';
    background-image: url(/bundles/dcsite/img/accordion-arrow-up.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 20px;
    position: absolute;
    right: 17px;
    bottom: 25px;
}

.catalogue :checked ~ .catalogue-content {
    display: block;
}

.content__box-title {
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #222222;
}

.content__box > ul > li {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 15px;
    color: #222222;
    list-style: disc;
    margin-left: 30px;
}

.content__box > ul {
    width: 90%;
    padding-left: 0px;
}

.content__box-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 15px;
    color: #222222;
}

.content__wrapper {
    display: flex;
    align-items: flex-start;
}


.content__wrapper > svg {
    margin: 30px;
}

.for__business-svg {
    fill: #80C8ED;
}

.accordion-btn {
    width: 304px;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    background: #80C8ED;
    border-radius: 2px;
    padding: 15px 50px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 25px 0px;
    font-weight: 600;
    border: 1px solid transparent;
}

.bussines-btn {
    background-color: #80C8ED;
    border: none;
    color: #ffff;
    padding: 11px 30px;
    text-transform: uppercase;
}

.bussines-btn:hover {
    opacity: 80%;
}

.bussines-btn:active, .bussines-btn:focus {
    outline: none;
}

.bg-none:hover {
    color: #80C8ED !important;
    border: 1px solid #80C8ED !important;
}

.phone {
    color: #80C8ED;
}

.phone:hover {
    color: inherit;
    opacity: 80%;
    text-decoration: none;
}

.accordion-btn:hover {
    color: #000000;
    text-decoration: none;
    background: none;
    border: 1px solid #000000;
}

.desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #222222;
}

.pue-btn:hover {
    color: #162133 !important;
    border: 1px solid #162133 !important;
    background-color: #FFFFFF !important;
}

@media (max-width: 991px) {
    .content-title > h1 {
        font-size: 6vw;
        margin: 15px 0px;
    }

    .content-title > p {
        width: 100%;
        font-size: 4vw;
        line-height: 5vw;
        margin-bottom: 25px;
    }

    .content-title {
        width: 100%;
    }

    .for__business__content__wrapper {
        align-items: center;
        margin-bottom: 0px;
    }
}

@media (max-width: 768px) {
    .content__wrapper {
        flex-wrap: wrap;
    }

    .content__box > ul {
        width: 100%;
    }

    .accordion-btn {
        width: 100%;
        margin: 0px;
    }

    .content__box > ul > li {
        margin-left: 15px;
    }

    .content__box-title {
        font-size: 16px;
        margin-top: 5px;
        line-height: 24px;
    }

    .content__wrapper > svg {
        margin: 20px 20px 20px 0px;
    }

    .catalogue-title {
        font-size: 10px;
    }

    .catalogue-title {
        padding: 20px 12px;
        padding-right: 45px;
    }

    .catalogue-title::after {
        bottom: 22px;
    }

    .catalogue :checked + .catalogue-title::after {
        bottom: 22px;
    }

    .catalogue {
        margin-bottom: 10px;
    }

    .content-btn {
        width: 100%;
    }
}

.pue-btn {
    padding: 12px 35px 11px;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid black !important;
}

.pue-btn:focus, .pue-btn:active {
    color: black !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

@media (max-width: 425px) {
    .content-title > h1 {
        margin: 15px 0px;
        line-height: 31px;
        text-align: center;
    }

    .for__business-title {
        font-size: 5vw;
        line-height: 28px;
    }

    .commercial__style {
        font-size: 12px;
    }
}

@media (max-width: 321px) {
    .catalogue-title {
        font-size: 12px;
    }

    .content__box > ul > li {
        font-size: 10px;
        line-height: 15px;
        margin-bottom: 8px;
    }

    .content__box-title {
        font-size: 11px;
        line-height: 24px;
    }

    .content__box-subtitle {
        font-size: 10px;
    }
}
/*Arrow link*/

.content__box__title-link {
    font-weight: lighter;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 150%;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #222222;
    display: block;
}

.content__box__title-link:hover {
    color: #000000;
    text-decoration: none;
}

.content__box__title-link:after {
    content: "›";
    margin-left: 10px;

}

.content__box__title-link:hover:after {
    content: "›";
    margin-left: 15px;

}

@media (max-width: 768px) {
    .content__box__title-link {
        font-size: 16px;
    }
}
@media (max-width: 321px) {
    .content__box__title-link {
        font-size: 16px;
    }
}

/*END Arrow link*/

/*END ДЛЯ ВАШОГО БІЗНЕСУ*/

/*Переваги лізингу*/
.advantages__leasing p{
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    color: #3C3947;
    margin-bottom: 18px;
}
.advantages__leasing__title{
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #796F6E;
    margin: 30px 0px;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .advantages__leasing__title{
        font-size: 21px;
        margin: 15px 0px;
    }
}

@media (max-width: 497.98px) {
    .advantages__leasing__title{
        font-size: 21px;
        line-height: 37px;
    }
}

/* АКОРДІОН ЛІЗИНГ*/
.catalogue input,
.catalogue-content {
    display: none;
}

.for__business__content {
    margin-top: 40px;
}

.for__business-title {
    font-weight: 600;
    font-size: 26px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #222222;
    margin: 35px 0px;
}

.content__box {
    width: 100%;
}

.for__business__content__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 80px;
}

.content-title > h1 {
    font-size: 31px;
    line-height: 67px;
    text-transform: uppercase;
    color: #013147;
}

.content-title > p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #010101;
    width: 75%;

}

.bg-none {
    color: #013147 !important;
    background-color: white !important;
    border: 1px solid #013147 !important;
}

.content-title {
    width: 60%;
}

.catalogue {
    border-radius: 3px;
    color: #848994;
    margin-bottom: 20px;
    border: 2px solid #F4F4F4;
}

.catalogue-title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #2f2f33;
    position: relative;
    padding: 25px 48px;
    display: block;
    cursor: pointer;
    background-color: #F4F4F4;
    margin: 0px;
}

.catalogue-title::after {
    content: '';
    background-image: url(/bundles/dcsite/img/accordion-arrow-down.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 20px;
    position: absolute;
    right: 17px;
    bottom: 25px;

}

.catalogue-content {
    padding: 10px 20px;
}

.catalogue :checked + .catalogue-title::after {
    content: '';
    background-image: url(/bundles/dcsite/img/accordion-arrow-up.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 20px;
    position: absolute;
    right: 17px;
    bottom: 25px;
}

.catalogue :checked ~ .catalogue-content {
    display: block;
}

.content__box-title {
    font-weight: 800;
    font-size: 24px;
    line-height: 150%;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #222222;
}

.content__box > ul > li {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 15px;
    color: #222222;
    list-style: disc;
    margin-left: 30px;
}

.content__box > ul {
    width: 90%;
    padding-left: 0px;
}

.content__box-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 15px;
    color: #222222;
}

.content__wrapper {
    display: flex;
    align-items: flex-start;
}


.content__wrapper > img {
    margin: 30px;
}

.for__business-svg {
    fill: #000000;
}

.accordion-btn {
    width: 304px;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    background: #000000;
    border-radius: 2px;
    padding: 15px 25px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 25px 0px;
    font-weight: 600;
    border: 1px solid transparent;
}

.bussines-btn {
    background-color: #000000;
    border: none;
    color: #ffff;
    padding: 11px 30px;
    text-transform: uppercase;
}

.bussines-btn:hover {
    opacity: 80%;
}

.bussines-btn:active, .bussines-btn:focus {
    outline: none;
}

.bg-none:hover {
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.phone {
    color: #000000;
}

.phone:hover {
    color: inherit;
    opacity: 80%;
    text-decoration: none;
}

.accordion-btn:hover {
    color: #000000;
    text-decoration: none;
    background: none;
    border: 1px solid #000000;
}

.desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #222222;
}

.pue-btn:hover {
    color: #162133 !important;
    border: 1px solid #162133 !important;
    background-color: #FFFFFF !important;
}

@media (max-width: 991px) {
    .content-title > h1 {
        font-size: 6vw;
        margin: 15px 0px;
    }

    .content-title > p {
        width: 100%;
        font-size: 4vw;
        line-height: 5vw;
        margin-bottom: 25px;
    }

    .content-title {
        width: 100%;
    }

    .for__business__content__wrapper {
        align-items: center;
        margin-bottom: 0px;
    }
}

@media (max-width: 768px) {
    .content__wrapper {
        flex-wrap: wrap;
    }

    .content__box > ul {
        width: 100%;
    }

    .accordion-btn {
        width: 100%;
        margin: 0px;
    }

    .content__box > ul > li {
        margin-left: 15px;
    }

    .content__box-title {
        font-size: 16px;
        margin-top: 5px;
        line-height: 24px;
    }

    .content__wrapper > svg {
        margin: 20px 20px 20px 0px;
    }

    .catalogue-title {
        font-size: 10px;
    }

    .catalogue-title {
        padding: 20px 12px;
        padding-right: 45px;
    }

    .catalogue-title::after {
        bottom: 22px;
    }

    .catalogue :checked + .catalogue-title::after {
        bottom: 22px;
    }

    .catalogue {
        margin-bottom: 10px;
    }

    .content-btn {
        width: 100%;
    }
    .section__title-newsize{
        font-size: 20px;
        line-height: 32px;
    }
    .leasing_widget-wrap {
        margin: 0 0 10px;
    }
}

.pue-btn {
    padding: 12px 35px 11px;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid black !important;
}

.pue-btn:focus, .pue-btn:active {
    color: black !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.content__box__title-nolink {
    font-weight: lighter;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 150%;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #222222;
    display: block;
}

@media (max-width: 425px) {
    .content-title > h1 {
        margin: 15px 0px;
        line-height: 31px;
        text-align: center;
    }

    .for__business-title {
        font-size: 5vw;
        line-height: 28px;
    }

    .commercial__style {
        font-size: 12px;
    }
    .section__title-newsize{
        font-size: 16px;
    }
    .content__box__title-nolink {
        font-size: 16px;
    }
}

@media (max-width: 321px) {
    .catalogue-title {
        font-size: 12px;
    }

    .content__box > ul > li {
        font-size: 10px;
        line-height: 15px;
        margin-bottom: 8px;
    }

    .content__box-title {
        font-size: 11px;
        line-height: 24px;
    }

    .content__box-subtitle {
        font-size: 10px;
    }
    .section__title-newsize{
        font-size: 12px;
    }
    .content__box__title-nolink {
        font-size: 11px;
    }
}
/*END АКОРДІОН ЛІЗИНГ*/

/*END Переваги лізингу*/

/* СТАТУС НОВИНКА*/
.car_status_is_new-block {
    position: absolute;
    top: 5px;
    right: 35px;
    border-radius: 3px;
}

.car-section-title {
    font-weight: bold;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
    color: #796F6E;
    display: block;
}

.car_status_is_new {
    background-color: #00AFEA;
    color: #ffff;
    padding: 3px 7px;
}

.name_and_status-flex {
    display: flex;
    align-items: center;
}

.car_card_status_is_new {
    background-color: #00AFEA;
    color: #ffffff;
    padding: 3px 7px;
    margin-left: 10px;
}

.car_card_status_is_new-pos {
    font-size: 12px;
    position: absolute;
    top: 40px;
    left: 1%;
    z-index: 5;
}

@media (max-width: 479px) {
    .car_card_status_is_new {
        padding: 2px 7px;
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .car_status_is_new-block {
        top: 10px;
        right: 21%;
    }

    .car_status_is_new {
        font-size: 14px;
    }

    .car-section-title {
        font-size: 18px;
    }
}

/* FAQ TOGGLE */

.faq__wrapper {
    background-color: #ffffff;
    padding: 40px 0px;
}

.car-faq__item {
    margin: 0 0 0 25px;
    border-top: 1px solid #DDDDDD;
}

.car-faq__item:first-child {
    border-top: 0;
}

.car-faq__item.--opened .car-faq__icon {
    transform: rotate(135deg);
}

.car-faq__title {
    position: relative;
    padding: 11px 0;
    font-size: 16px;
    line-height: 1.44;
    letter-spacing: 0.02em;
    color: #000000;
    transition: all .18s;
    cursor: pointer;
}

.car-faq__title:hover {
    color: #E50923;
}

.car-faq__icon {
    position: absolute;
    top: 19px;
    left: -20px;
    height: 10px;
    width: 10px;
    transform-origin: center;
    transition: all .3s ease-in-out;
}

.car-faq__icon:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    height: 10px;
    background: #E50923;
    transform: translateX(-50%);
}

.car-faq__icon:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    width: 10px;
    background: #E50923;
    transform: translateY(-50%);
}

.car-faq__content {
    padding: 10px 0 10px;
    font-size: 16px;
    line-height: 1.22;
    color: #585858;
    display: none;
}

@media (min-width: 768px) {
    .car-faq__item {
        margin-left: 37px;
    }
}

@media (max-width: 768px) {
    .faq__wrapper {
        padding: 15px 0px;
    }
}

/* END FAQ TOGGLE */
/* END СТАТУС НОВИНКА*/

.btn__instock__corp-color{
    background-color: #00AFEA !important;
    color: #fff!important;
}

.stocks__btn{
    background-color: #00AFEA;
}

.stocks__btn:hover{
    opacity: 70%;
    color: #fff;
}

  /* location_widget  */

  .location_widget_hidden {
    display: none;
}

.location_widget_toggle:checked~.location_widget_hidden {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}

.location_widget_wrapper {
    border-radius: 4px;
    background: #F6F6F6;
    padding: 10px 20px;
    margin-top: 25px;
}

.location_widget_title {
    color: #181716;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
}

.location_widget_adress {
    color: #00AFEA;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
    display: block;
    margin: 10px auto 20px;
}

.location_widget_adress:hover {
    color: inherit;
    opacity: 80%;
}

.location_widget_toggle {
    display: none;
}

.location_widget_name {
    color: #181716;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
}

.location_widget_phone {
    color: #00AFEA;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.location_widget_phone:hover {
    color: inherit;
    opacity: 80%;
}

.location_widget_more {
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
}

.location_widget_more:hover {
    text-decoration: none;
    color: #00AFEA;
}

.location_widget_toggle-button {
    width: 100%;
    position: relative;
    height: 24px;
    background: #FFF;
    display: block;
    cursor: pointer;
    margin: 0;
}

.location_widget_toggle-button::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjE5NjY1IDEuMzA4ODFDMC4wNzkwMTI4IDEuMTY1MDMgLTIuOTMwMTdlLTA2IDAuOTcwMDE4IDAgMC43NjY2NzlDMi45MzAzNGUtMDYgMC41NjMzNCAwLjA3OTAyNDIgMC4zNjgzMzEgMC4yMTk2OCAwLjIyNDU1QzAuMzYwMzM2IDAuMDgwNzcwMiAwLjU1MTEwNSAtMi45OTUzNWUtMDYgMC43NTAwMTkgMEMwLjk0ODkzNCAyLjk5NTUyZS0wNiAxLjEzOTcgMC4wODA3ODE5IDEuMjgwMzUgMC4yMjQ1NjZMOC4wMDAwMSA3LjA5MzY4TDE0LjcxOTcgMC4yMjQ1NjZDMTQuODYwMyAwLjA4MDc4MTkgMTUuMDUxMSAzLjAwODYxZS0wNiAxNS4yNSAxLjUzMTU5ZS0wOEMxNS40NDg5IC0yLjk3Nzk3ZS0wNiAxNS42Mzk3IDAuMDgwNzcwMiAxNS43ODAzIDAuMjI0NTVDMTUuOTIxIDAuMzY4MzMxIDE2IDAuNTYzMzQgMTYgMC43NjY2NzlDMTYgMC45NzAwMTggMTUuOTIxIDEuMTY1MDMgMTUuNzgwNCAxLjMwODgxTDguNTMwMzUgOC43MjAwN0M4LjQ2MDcxIDguNzkxMjcgOC4zNzgwMyA4Ljg0Nzc1IDguMjg3MDMgOC44ODYyOEM4LjE5NjAzIDguOTI0ODEgOC4wOTg1IDguOTQ0NjQgOC4wMDAwMSA4Ljk0NDY0QzcuOTAxNTEgOC45NDQ2NCA3LjgwMzk4IDguOTI0ODEgNy43MTI5OSA4Ljg4NjI4QzcuNjIxOTkgOC44NDc3NSA3LjUzOTMxIDguNzkxMjcgNy40Njk2NiA4LjcyMDA3TDAuMjE5NjY1IDEuMzA4ODFaTTE0LjcxOTcgNy4yNzk5Mkw4LjAwMDAxIDE0LjE0OUwxLjI4MDM1IDcuMjc5OTJDMS4xMzk3IDcuMTM2MTQgMC45NDg5MzQgNy4wNTUzNiAwLjc1MDAxOSA3LjA1NTM2QzAuNTUxMTA1IDcuMDU1MzUgMC4zNjAzMzYgNy4xMzYxMyAwLjIxOTY4IDcuMjc5OTFDMC4wNzkwMjQzIDcuNDIzNjkgMi45NDY1OWUtMDYgNy42MTg3IDEuMzc2ODVlLTA4IDcuODIyMDRDLTIuOTE5MDVlLTA2IDguMDI1MzggMC4wNzkwMTI4IDguMjIwMzkgMC4yMTk2NjUgOC4zNjQxN0w3LjQ2OTY2IDE1Ljc3NTRDNy41MzkzMSAxNS44NDY2IDcuNjIxOTkgMTUuOTAzMSA3LjcxMjk5IDE1Ljk0MTZDNy44MDM5OCAxNS45ODAyIDcuOTAxNTEgMTYgOC4wMDAwMSAxNkM4LjA5ODUgMTYgOC4xOTYwMyAxNS45ODAyIDguMjg3MDMgMTUuOTQxNkM4LjM3ODAzIDE1LjkwMzEgOC40NjA3MSAxNS44NDY2IDguNTMwMzUgMTUuNzc1NEwxNS43ODA0IDguMzY0MTdDMTUuOTIxIDguMjIwMzkgMTYgOC4wMjUzOCAxNiA3LjgyMjA0QzE2IDcuNjE4NyAxNS45MjEgNy40MjM2OSAxNS43ODAzIDcuMjc5OTFDMTUuNjM5NyA3LjEzNjEzIDE1LjQ0ODkgNy4wNTUzNSAxNS4yNSA3LjA1NTM2QzE1LjA1MTEgNy4wNTUzNiAxNC44NjAzIDcuMTM2MTQgMTQuNzE5NyA3LjI3OTkyWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
}

.location_widget_toggle:checked~.location_widget_toggle-button::before {
    top: 25%;
    left: 49%;
    transform: rotateX(180deg);
}

/* END location_widget  */


 /* Accessories and basket */

 .header_basket_row{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
    gap: 20px;
 }

 .header_basket_row>.site_btn-enter{
    margin-left: 0;
 }
 .header__basket {
    position: relative
}

.header__basket .dropdown-menu {
    display: none
}

.header__basket .dropdown-menu.show {
    display: block
}

.header__basket .basket__btn {
    color: #898989;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.header__basket .basket__btn:hover {
    text-decoration: none
}

.header__basket .quantity {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTM5IDEzOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMzkgMTM5Ij48cGF0aCBkPSJNMTExLjkgMTI4SDI3LjFjLTEuNCAwLTIuNi0xLjItMi42LTIuNlY0My42YzAtMS40IDEuMi0yLjYgMi42LTIuNmg4NC44YzEuNCAwIDIuNiAxLjIgMi42IDIuNnY4MS44YzAgMS40LTEuMiAyLjYtMi42IDIuNnpNNDMuNSA0MWMwLTMwIDI2LTMwIDI2LTMwczI2IDAgMjYgMzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJlNjc4NSIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGNsYXNzPSJzdHJva2UtMDAwMDAwIj48L3BhdGg+PC9zdmc+);

    background-repeat: no-repeat;
    color: #898989;
    display: flex;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    height: 26px;
    margin-right: 6px;
    text-align: center;
    width: 22px;
    align-items: center;
    justify-content: center;
}

.header__basket .dropdown-menu.show {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 9px 10px rgba(0,0,0,.1);
    left: auto!important;
    max-width: 306px;
    padding: 0;
    right: -5px!important;
    top: 38px!important;
    transform: none!important;
    width: 306px
}

.header__basket-info {
    background: #fafafa;
    color: rgba(0,0,0,.87);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    padding: 14px 20px
}

.header__basket-info span {
    color: rgba(0,0,0,.55);
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    padding-left: 6px
}

.header__basket-contents {
    padding: 24px 21px 0
}

.header__basket-item {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 21px
}

.header__basket-item .item-head {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 11px
}

.header__basket-item .image {
    background: #e8e8e8;
    height: 65px;
    max-width: 92px;
    min-width: 92px
}

.header__basket-item .image img {
    height: 100%;
    width: 100%
}

.header__basket-item .name {
    align-items: center;
    color: rgba(0,0,0,.75);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 57px;
    line-height: 19px;
    margin-bottom: 0;
    overflow: hidden;
    padding-left: 16px
}

.header__basket .quantity__price {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px
}

.header__basket .quantity__price .quantity-add {
    color: rgba(0,0,0,.55);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 19px
}

.header__basket .quantity-add-form {
    display: inline-block;
    margin-left: 6px
}

.header__basket .quantity-add-form .result {
    border: none;
    color: rgba(0,0,0,.55);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    outline: none;
    text-align: center;
    width: 20px
}

.header__basket .quantity-add-form .quantity-add-btn {
    background: transparent;
    border: none;
    color: #737373;
    cursor: pointer;
    font-size: 21px;
    font-weight: 100;
    height: 23px;
    outline: none;
    padding: 0;
    vertical-align: bottom;
    width: 10px
}

.header__basket .quantity__price .price {
    color: #c03;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    text-align: right
}

.header__basket .delete-item {
    color: rgba(0,0,0,.55);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 19px
}

.header__basket .delete-item:hover {
    color: rgba(0,0,0,.55);
    text-decoration: none
}

.header__basket .delete-item:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABSSURBVHgBhY/BCQAwCAOrLtLVuoHgIm7QUbpKFxFKHoL4aV4xhwbJzE5ELHe/o0hVp4hsBoRB0CEY9QBzelylvgVfK3l89K+oMM/WjDuE4PO7BwZTT5RawhSWAAAAAElFTkSuQmCC");
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 7px;
    width: 8px
}

.header__basket-btn {
    padding: 0 21px 33px
}

.header__basket .btn {
    border-radius: 20px;
    width: 100%
}

.header__basket .order__basket {
    background-color: #fff;
    border: 1px solid #f02;
    color: #f02;
    margin-bottom: 16px
}

.header__basket .order__basket:hover {
    background-color: #f02;
    color: #fff
}

.header__basket .view__basket {
    background-color: #fff;
    border: 1px solid #9f9f9f;
    color: #9f9f9f
}

.header__basket .view__basket:hover {
    background-color: #9f9f9f;
    color: #fff;
}

section.section__accessories__select__item {
    top: 0px;
}

div.filter-more.collapse:not(.show) {
    height: 130px;
}

button.accessories__search-icon {
    top: 1px;
}

select.accessories__select__sort {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: inherit;
    -ms-appearance: inherit;
    background: none;
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 90% 45%;
}

select.accessories__select__sort {
    padding: 0;
    margin-bottom: 0;
}

@media (max-width: 991px){
    .language-chooser{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 5px 0;
        margin: 0;
    }

    section.section__accessories__select__item {
        top: 80px;
    }
}

 /* END accessories */

span.in__stock__categories__car__price-dealer {
    color: #ff0e0e;
}

/* car viodeo module */

.section_car_video {
    margin-bottom: 90px;
}

.car_video_iframe {
    width: 100%;
    height: 500px;
}

.car_video_title {
    color: var(--title-color);
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    text-transform: var(--title-text-transform);
    margin-top: var(--title-margin-top);
    margin-bottom: var(--title-margin-bottom);
}

@media(max-width: 1200px) {

    .car_video_iframe {
        height: 400px;
    }
}

@media(max-width: 991px) {
    .car_video_iframe {
        height: 350px;
    }
}

@media(max-width: 768px) {
    .car_video_iframe {
        height: 300px;
    }
}

@media(max-width: 568px) {
    .car_video_iframe {
        height: 250px;
    }
}

/* END car viodeo module */