body{
    font-family: 'AvenirNextCyr-Regular', sans-serif;
    overflow-x: hidden;
}
@media (min-width: 1200px){
    .container {
        max-width: 1170px;
        padding: 0;
    }
}

:root {
    --global-color: #CC0000;

    /* title site */
    --title-color: #282830;
    --title-font-size: 32px;
    --title-font-weight: normal;
    --title-text-transform: uppercase;
    --title-margin-top: 35px;
    --title-margin-bottom: 50px;
    /* END title site */
}

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

.header__basket {
    position: relative;
}
.header__basket .basket__btn {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #343434;
    text-decoration: none;
}
/* Путь к PNG корзины */
/* src/DcSiteBundle/Resources/public/img/modules/accessories/cart.png */
.header__basket .quantity {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTM5IDEzOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMzkgMTM5Ij48cGF0aCBkPSJNMTExLjkgMTI4SDI3LjFjLTEuNCAwLTIuNi0xLjItMi42LTIuNlY0My42YzAtMS40IDEuMi0yLjYgMi42LTIuNmg4NC44YzEuNCAwIDIuNiAxLjIgMi42IDIuNnY4MS44YzAgMS40LTEuMiAyLjYtMi42IDIuNnpNNDMuNSA0MWMwLTMwIDI2LTMwIDI2LTMwczI2IDAgMjYgMzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJlNjc4NSIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGNsYXNzPSJzdHJva2UtMDAwMDAwIj48L3BhdGg+PC9zdmc+);
    background-position: center;
    margin-right: 6px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #343434;
}

.header__basket .quantity span {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 30px;
    justify-content: center;
}


/*SLIDER FRONT PAGE*/
.btn.main-slider__btn-f:hover {
    background: transparent;
    color: #CC0000;
}
.btn.main-slider__btn-f {
    background: #CC0000;
    border-radius: 5px;
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 14px 36px 12px;
    border: 1px solid #CC0000;
}
table {
    width: 100%;
}
.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;
}
.bg-grey{
    background: #F6F6FA;
}
.color-red{
    color: #CC0000;
}
.section-padding{
    padding: 57px 0 64px;
}
.section-title{
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #343434;
    margin-bottom: 44px;
    text-align: left;
}
.section-title h1, .section-title h3{
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #343434;
    margin-bottom: 0px;
    text-align: left;
}
.link-btn {
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #CC0000;
}
.link-btn:hover{
    text-decoration: none;
    color: #CC0000;
}
.after-arrow:after {
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABVSURBVHgBvZC7CcAwDEQfKlJnhIySUTxCNog3yTgBf2byB9wYCzcGXyPBO4nj+OFyYFAkB9wCX4RXM+DBBkgbDGU+MiQsoK1nB+q7dmXXgVFB1ay+DBqeKktjZx1YAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    width: 7px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
}
.btn-red{
    background: #CC0000;
    border-radius: 5px;
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 14px 36px 15px;
    border: 1px solid #CC0000;
}
.btn-red:hover{
    text-decoration: none;
    color: #CC0000;
    background: transparent;
    border: 1px solid #CC0000;
}
.btn-transparent-red{
    background: transparent;
    border-radius: 5px;
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #CC0000;
    padding: 14px 36px 15px;
    border: 1px solid #CC0000;
}
.btn-transparent-red:hover{
    text-decoration: none;
    background: #CC0000;
    color: #FFFFFF;
}
.row-tabs{
    margin-bottom: 44px;
}
.tabs_btn {
    border: none;
}
.tabs_btn .nav-item {
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #A9A9A9;
    border: none;
    background: transparent;
    border-radius: 0;
}
.tabs_btn .nav-item h2{
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border: none;
    background: transparent;
    border-radius: 0;
}
.tabs_btn .nav-item:last-child {
    padding-right: 0;
}
.tabs_btn .nav-item.active, .tabs_btn .nav-item:hover {
    color: #CC0000;
    background: transparent;
}
/*HEADER*/
#mainNav .nav-item.dropdown {
    position: static;
}
#mainNav .show > .nav-link {
    color: #CC0000;
    background-color: transparent;
}
.dropdown-menu.show {
    top: 82px!important;
    transform: translateY(0)!important;
    opacity: 1;
    visibility: visible;
    transition: transform .3s ease, opacity .15s .15s ease, z-index 0s;
}
.nav-fill #honda-menu .nav-item {
    flex: 0 0 auto;
}
.header-bottom .nav-link:hover, .dropdown-menu ul li a:hover {
    color: #CC0000;
}
header{
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.07);
}
.header {
    position: relative;
    z-index: 20;
}
.dealer-name{
    font-family: 'AvenirNextCyrMedium', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    color: #A9A9A9;
    padding-right: 30px;
    display: inline-block;
}
.dealer-name b{
    color: #343434;
}
.header__contacts{
    font-family: 'AvenirNextCyrMedium', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    color: #A9A9A9;
}
.header__contacts:hover{
    text-decoration: none;
    color: #A9A9A9;
}
.header__contacts-hr {
    border-left: 1px solid #C1C1C1;
    margin-left: 8px;
    margin-right: 11px;
}
.header-lang{
    display: inline-block;
    margin: 0;
    /*float: right;*/
    list-style: none;
    padding: 0;
}
.header-lang li{
    display: inline-block;
}
.header-lang li .lang{
    font-family: 'AvenirNextCyrMedium', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    color: #A9A9A9;
}
.header-lang li:first-child {
    margin-right: 6px;
}
.header-lang li .lang.active{
    color: #343434;
}
.header-lang li .lang:hover{
    text-decoration: none;
}
.header-bottom {
    position: relative;
    z-index: 6;
}
.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 .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);
}
header .dropdown-menu {
    margin-top: -1px!important;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 100%;
    left: 0;
    display: flex!important;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    float: left;
    min-width: 100%;
    padding: 33px 0 42px;
    border: none;
    text-align: left;
    list-style: none;
    border-radius: 0;
    background-color: #ffffff;
    background-clip: padding-box;
    transform: translateY(-200%);
    transition: 0s;
}
header .dropdown-menu.car-model-dropdown-menu {
    padding-bottom: 10px;
}
/*open menu hover*/
/*.nav-link:hover + .dropdown-menu, .dropdown-menu:hover {*/
    /*transform: translateY(0);*/
    /*opacity: 1;*/
    /*visibility: visible;*/
    /*transition: transform .3s ease, opacity .15s .15s ease, z-index 0s;*/
/*}*/
.header-top-row{
    padding: 20px 0 12px;
}
.header-top hr{
    margin: 0;
    border-top: 1px solid #E7E7E7;
}
.header-bottom {
    position: relative;
    z-index: 6;
    background-color: #fff;
}
.header-menu .nav {
    width: 100%;
    justify-content: flex-end;
}
.header .header-menu .nav-link-menu {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 14px;
    padding-right: 14px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #343434;
    font-family: 'AvenirNextCyrDemi', sans-serif;
}
.header .header-menu .nav-link-menu:hover {
    color: #CC0000;
}
.dropdown-cat-name span{
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #343434;
    margin-bottom: 40px;
    display: inline-block;
}
@media (min-width: 992px){
    .header-bottom .collapse {
        display: block !important;
    }
    .dropdown-toggle::after {
        display: none !important;
    }
}
.dropdown-menu__hr{
    border-right: 1px solid #E7E7E7;
}
.dropdown-menu__list{
    padding-left: 0px;
    list-style: none;
}
.dropdown-menu__list li{
    margin-bottom: 16px;
}
.dropdown-menu__list li a{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #343434;
}
.dropdown-menu__list li a:hover{
    color: #CC0000;
    text-decoration: none;
}
.header-menu .lead-magnets-btn {
    padding: 0;
    border: none;
    margin-bottom: 54px;
}
/*LEADS MAGNETS*/
.lead-magnets-btn {
    padding: 54px 0 51px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 20px;
}
.lead-magnets-btn:hover {
    text-decoration: none;
    border-color: #CC0000;
}
.lead-magnets-img{
    margin-bottom: 18px;
    width: 48px;
    height: 48px;
}
.lead-magnets-btn:hover svg path {
    fill: #CC0000;
}
.lead-magnets-title{
    font-family: 'AvenirNextCyrDemi', sans-serif;
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #343434;
}
.lead-magnets-btn:hover .lead-magnets-title{
    color: #CC0000;
}
.model-lineup{
    padding-bottom: 34px
}
.card-posts .image-block {
    max-width: 370px;
    height: 262px;
    overflow: hidden;
    /*background: #C4C4C4;*/
    margin-bottom: 22px;
}
.model-card .model-image {
    max-width: 270px;
    height: 191px;
    overflow: hidden;
}
.card-posts .card-body, .model-card .card-body {
    padding: 0;
}
.image-block a, .model-image a{
    /*display: block;*/
    width: 100%;
    /*height: 100%;*/
}
.card-posts{
    border-radius: 0;
    background: transparent;
    max-width: 370px;
    margin: 0 auto 30px;
}
.model-card {
    border-radius: 0;
    background: transparent;
    max-width: 270px;
    margin: 0 auto 30px;
}
.card-posts .image-block img, .model-card .model-image img {
    margin: 0 auto;
    display: block;
    height: 100%;
    width: 100%;
}
/*.model-card .model-image img{*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/
/*POSTS NEWS*/
.date small {
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #A9A9A9;
}
.date {
    margin-bottom: 8px;
}
.post-name {
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #343434;
    margin-bottom: 14px;
    display: block;
    height: 48px;
    overflow: hidden;
}
.post-name:hover{
    color: #343434;
    text-decoration: none;
}
.posts-desc {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
    margin-bottom: 18px;
    height: 48px;
    overflow: hidden;
}
/*MODEL LINEUP*/
.model-card .card-body a{
    text-decoration: none;
}
.model-card .car-name {
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 24px;
    color: #343434;
    display: block;
    margin-bottom: 3px;
}
.model-card .car-price {
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    color: #A9A9A9;
}
/*CONTACTS BLOCK*/
.contacts-block .link-btn{
    margin-bottom: 26px;
    display: block;
}
.contacts__title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #343434;
    display: block;
    margin-bottom: 12px;
    font-family: 'AvenirNextCyrDemi', sans-serif;
}
.contacts__subtitle {
    font-family: 'AvenirNextCyrMedium', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    color: #A9A9A9;
    display: block;
    margin-bottom: 1px;
}
.contacts__connect {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
    color: #343434;
    display: block;
}
.contacts__connect:hover{
    color: #343434;
    text-decoration: none;
}
.contacts__address {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
    color: #343434;
    display: block;
    margin-bottom: 7px;
}

.contacts__hours {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
    color: #343434;
    display: flex;
    justify-content: space-between;
    max-width: 170px;
}
.contacts__hours span {
    padding-right: 12px;
}
/*PAGE 404*/
.page-not-found{
    padding: 144px 0 166px;
}
.page-not-found-title{
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #343434;
    margin-bottom: 20px;
    display: block;
}
.page-not-found-subtitle{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
    margin-bottom: 30px;
}
.not-found-number{
    display: block;
    text-align: right;
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 200px;
    line-height: 245px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #E7E7E7;
}
/*FOOTER*/
/*footer.footer{*/
    /*padding: 58px 0 29px;*/
    /*background: #343434;*/
/*}*/
/*.footer-top {*/
    /*padding-bottom: 22px;*/
/*}*/
/*.footer-nav{*/
    /*margin-bottom: 32px;*/
    /*padding-left: 0px;*/
    /*list-style: none;*/
/*}*/
/*.footer-nav-title{*/
    /*font-family: 'AvenirNextCyrDemi', sans-serif;*/
    /*display: block;*/
    /*margin-bottom: 24px;*/
    /*font-style: normal;*/
    /*font-weight: 600;*/
    /*font-size: 16px;*/
    /*line-height: 19px;*/
    /*letter-spacing: 0.03em;*/
    /*text-transform: uppercase;*/
    /*color: #FFFFFF;*/
/*}*/
/*.footer-nav-title a:hover{*/
    /*text-decoration: none;*/
/*}*/
/*.footer-nav-item{*/
    /*margin-bottom: 10px;*/
/*}*/
/*.footer-nav-link{*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*font-size: 14px;*/
    /*line-height: 21px;*/
    /*color: #9E9E9E;*/
/*}*/
/*.footer-nav-link:hover{*/
    /*text-decoration: none;*/
    /*color: #fff;*/
/*}*/
/*.footer-contact-row {*/
    /*border-top: 1px solid #4E4E4E;*/
    /*margin-bottom: 33px;*/
    /*margin-top: 8px;*/
/*}*/
/*.footer-dealer__name{*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*font-size: 16px;*/
    /*line-height: 19px;*/
    /*letter-spacing: 0.03em;*/
    /*text-transform: uppercase;*/
    /*color: #FFFFFF;*/
    /*display: block;*/
    /*margin-bottom: 14px;*/
/*}*/
/*.footer__contacts{*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*font-size: 14px;*/
    /*line-height: 21px;*/
    /*display: block;*/
    /*margin-bottom: 14px;*/
    /*color: #9E9E9E;*/
/*}*/
/*.footer__contacts:hover{*/
    /*color: #ffffff;*/
    /*text-decoration: none;*/
/*}*/
/*.footer_link__transfer{*/
    /*margin-top: 30px;*/
    /*display: block;*/
    /*font-family: 'AvenirNextCyrDemi', sans-serif;*/
    /*font-style: normal;*/
    /*font-weight: 600;*/
    /*font-size: 14px;*/
    /*line-height: 17px;*/
    /*letter-spacing: 0.03em;*/
    /*text-transform: uppercase;*/
    /*color: #9E9E9E;*/
/*}*/
/*.footer_link__transfer:hover {*/
    /*color: #fff;*/
    /*text-decoration: none;*/
/*}*/
/*.footer_link__transfer:after{*/
    /*content: '';*/
    /*background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBdZCBDYAgDAQtcQBHcBRHkTCBEwCDEBzFyahfIyYUbNKkyX/by0855zWltE+DMqWUjYjgyb4TnXMnM0d00AaqA04HXPDoYK2NjTgykP5TDXhzmA7CGH7HpdkUIAETQIAG+hM+oJHwiJKOhKAFqRkAF1KyEoaGuwFzv1XkrFywbgAAAABJRU5ErkJggg==');*/
    /*background-repeat: no-repeat;*/
    /*width: 7px;*/
    /*height: 12px;*/
    /*display: inline-block;*/
    /*margin-left: 10px;*/
/*}*/
/*.footer__social-share a {*/
    /*margin-right: 20px;*/
/*}*/
/*.footer__social-share a:hover{*/
    /*text-decoration: none;*/
/*}*/
/*.footer__social-share a:hover svg path{*/
    /*fill: #CC0000;*/
/*}*/
/*.footer-bottom hr{*/
    /*margin: 0;*/
    /*border-top: 1px solid #4E4E4E;*/
    /*padding-top: 34px;*/
/*}*/
/*.footer-copyright {*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*font-size: 14px;*/
    /*line-height: 21px;*/
    /*color: #FFFFFF;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*display: block;*/
/*}*/
/*PAGES*/
.pages-h2{
    font-family: 'AvenirNextCyrBold', sans-serif;
    margin-bottom: 22px;
    display: block;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #343434;
}
.pages-h3{
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 26px;
    display: block;
    color: #343434;
}
.pages-subtitle{
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: block;
    margin-bottom: 18px;
    color: #343434;
}
.pages-desc{
    font-family: 'AvenirNextCyr-Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
    margin-bottom: 25px;
}
.head-pages{
    position: relative;
}
.head-pages__img{
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 1440px;
}
.head-pages__title{
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 59px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
.page-list {
    padding-left: 15px;
}
.page-list li {
    color: #CC0000;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
}
.page-list li span {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
}



/*NEWS SINGLE*/
.head-row-news-single{
    margin-bottom: 36px;
}
.news-single h1{
    font-family: 'AvenirNextCyrBold', sans-serif;
    margin-bottom: 36px;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 51px;
    color: #343434;
    margin-bottom: 0;
}
.news-date-single{
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #A9A9A9;
}
.news-single-img{
    background: #C4C4C4;
    width: 100%;
    max-width: 770px;
    /*height: 545px;*/
    overflow: hidden;
    margin-bottom: 32px;
}
.news-single-img img {
    width: 100%;
    height: 100%;
}
.single-news-content h2{
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 750;
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 18px;
    display: block;
    color: #343434;
}
.single-news-content p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 21px;
    display: block;
    color: #343434;
}
.single-news-content b{
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 21px;
    display: block;
    color: #343434;
}
.recomendation-news{
    padding: 25px 24px 22px;
    background: #F6F6FA;
}
.recomendation-news-item{
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 18px;
}
.recomendation-news .recomendation-news-item:last-child {
    border-bottom: none;
}
.recomendation-title{
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
    color: #343434;
}
.recomendation-title:hover{
    color: #CC0000;
    text-decoration: none;
}
.recomendation-desc{
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    display: block;
    color: #A9A9A9;
}
.single-news-content a{
    background: #CC0000;
    border-radius: 5px;
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 14px 36px 15px;
    margin-top: 8px;
    display: inline-block;
    border: 1px solid #CC0000;
}
.single-news-content a:hover{
    text-decoration: none;
    color: #CC0000;
    background: transparent;
    border: 1px solid #CC0000;
}




/*FORM*/
.button-form,
.forms .btn-send,
.btn-td, .btn-order-car, .btn-loan, .btn-call-order, .btn-feedback, .btn-service, .btn-send{
    background: #CC0000;
    border-radius: 5px;
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px!important;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase!important;
    color: #FFFFFF;
    padding: 15px 36px 14px!important;
    border: 1px solid #CC0000;
}
.lead-form .forms__legend {
    font-family: 'AvenirNextCyrBold', sans-serif;
    text-transform: none;
    font-style: normal;
    font-weight: 750;
    font-size: 20px;
    line-height: 26px;
    color: #343434;
}
.modal .modal-title {
    font-family: 'AvenirNextCyrBold', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 39px;
    text-align: center;
    color: #292929;
}
.modal .modal-sub-title{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #343434;

}
.modal .forms .form-group {
    margin-bottom: 24px;
}
.modal .forms .form-group input, .modal .forms .form-group select, .modal .forms .form-group .form-control {
    -webkit-appearance: none;
    border-color: transparent!important;
    font-family: 'AvenirNextCyrLight', sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 24px!important;
    padding: 10px 15px 9px;
    width: 100%;
    border-radius: 0!important;
    font-size: 14px!important;
    background: #F4F4F4!important;
    color: #343434;
    text-transform: none!important;
}


.modal .forms .form-group input::placeholder, .modal .forms .form-group textarea::placeholder{
    font-size: 14px;
    font-family: 'AvenirNextCyrLight', sans-serif;
    color: #343434;
    text-transform: none!important;
}
.modal .forms .form-group .form-control:focus{
    outline: none;
    box-shadow: none;
}

/*PAGES FORM*/
.pagas-form .form-group select,
.pagas-form .form-group input{
    -webkit-appearance: none;
    height: auto!important;
    border-color: transparent!important;
    font-family: 'AvenirNextCyrLight', sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    padding: 9px 15px 8px!important;
    width: 100%!important;
    border-radius: 0!important;
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: none;
    background: #F4F4F4!important;
    margin-bottom: 0px!important;
}
.pagas-form .form-group input::placeholder{
    color: #343434;
}
.pagas-form .form-group{
    margin-bottom: 24px;
}
.pagas-form .form-group input:focus,
.pagas-form .form-group select:focus{
    box-shadow: none;
    outline: none;
    color: #000;
}
.pagas-form button{
    width: 100%;
    text-align: center;
    display: inline-block!important;
    cursor: pointer;
    background: #CC0000;
    border-radius: 5px;
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 14px 36px 15px;
    border: 1px solid #CC0000;
}
.pagas-form button:hover{
    border: 1px solid #CC0000;
    background: transparent;
    color: #CC0000;
}
/* COLOR*/
.swappy-radios input:checked ~ span {
    color: #CC0000;
}
.calculation_module {
padding: 40px 0;
}
.calculation_module .choose-credit-program table tbody .active,
.calculation_module .choose-credit-program table tbody .active:hover{
background: #CC00001a;
}
.calculation_module .choose-credit-program table tbody tr:hover{
background: #CC00001a;
}
.calculation_module .swappy-radios input:checked ~ span {
color: #CC0000;
}
.calculation_module-title .calculation_module-title-selected{
color: #CC0000;
border-bottom: 1px solid #CC0000;
}
.calculation_module-style.active, .calculation_module-style:hover{
border: 1px solid #CC0000;
}
.calculation_module .credit-form__option .color-red {
color: #CC0000;
}
.calculation_module-modif-price{
color: #CC0000;
}
.calculation_module .choose-credit-program table tbody .active,
.calculation_module .choose-credit-program table tbody tr:hover {
color: #CC0000;
}
.calculation_module .choose-credit-program table tbody .active span,
.calculation_module .choose-credit-program table tbody tr:hover span {
color: #CC0000;
}
.form-btn-submit{
border: 1px solid #CC0000;
background: #CC0000;
}
.calculation_module .forms__range input[type=range]::-webkit-slider-thumb {
background: #CC0000;
}
.calculation_module .form-btn-submit:hover{
color: #CC0000;
}
/*SIDER LAST BTN*/
a.btn.main-slider__btn-s {
    background: transparent;
    border-radius: 5px;
    font-family: 'AvenirNextCyrDemi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #CC0000;
    padding: 14px 36px 12px;
    border: 1px solid #CC0000;
    margin: 0 10px;
}
a.btn.main-slider__btn-s:hover {
    color: #fff;
    background: #CC0000;
}

.car-hybrid {
    font-weight: 700;
    color: #30A4C8;
    padding-left: 4px;
}
/*LOGIN BTN*/
.site_btn-enter-btn {
    color: #343434;
}
.site_btn-enter-btn.--loggedin {
    color: #CC0000;
    text-decoration: underline;
}
span.header_icon-title {
    max-width: 68px;
}
@media (max-width: 991.98px) {
    .header-top .site_btn-enter {
        display: none;
    }
    .site_btn-enter-btn {
        justify-content: center;
    }
    .site_btn-enter-btn {
        color: #333333;
        font-size: 14px;
    }
    .site_btn-enter-btn svg {
        margin-left: 8px;
    }
}



@media (min-width: 992px) and (max-width: 1199.98px) {
    .header .header-menu .nav-link-menu {
        padding-left: 11px;
        padding-right: 11px;
    }
    a.navbar-brand img {
        max-width: 100px;
    }
}
/*FOOTER NEW*/
.footer{
    background: #343434;
    padding-top: 57px;
    padding-bottom: 62px;
}
.footer hr{
    border-top: 1px solid #DCDCDC;
    margin-bottom: 30px;
}
.footer_dealer-title{
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 1px;
    display: block;
}
.footer_dealer-desc{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;
    display: block;
    margin-bottom: 18px;
    color: #A7A8B2;
}
.footer_title{
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 7px;
    display: block;
}
.footer_subtitle{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #A7A8B3;
    display: block;
    margin-bottom: 6px;
}
.footer_subtitle-addr{
    margin-top: 15px;
    margin-bottom: 8px;
}
.footer_contacts{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    display: block;
}
.footer_contacts:hover{
    text-decoration: none;
    /*color: #796F6E;*/
}
/*.footer_contacts-dep-item .footer_contacts:hover {*/
/*color: #fff;*/
/*}*/
a.footer_contacts:hover{
    color: #CC0000;
}
.footer_contacts-addr{
    margin-bottom: 24px;
}


.footer_contacts-dep{
    margin-bottom: 18px;
}
.footer_contacts-dep-title{
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
    display: block;
}
.footer_contacts-dep-item {
    display: flex;
}
.footer_contacts-dep-item-first{
    margin-right: 24px;
}


.footer_social{
    display: flex;
    margin-bottom: 20px;
}
.footer_social-title{
    margin-bottom: 16px;
}
.footer_social-item{
    border: 1px solid #ffffff;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.footer_social-item:hover{
    border: 1px solid #CC0000;
}
.footer_social .fb, .footer_social .insta{
    margin-right: 20px;
}
.footer_social-item:hover svg path{
    fill: #CC0000;
}


.footer-nav-title {
    display: block;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #796F6E;
}
.footer-nav-title-fw{
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 29px;
    color: #FFFFFF;
    margin-bottom: 12px;
    display: block;
}
.footer-nav-bottom-title{
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #A7A8B2;
    margin-bottom: 12px;
    display: block;
}
.footer-nav {
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
}

.footer-nav-item {
    margin-bottom: 10px;
}
.footer-nav-bottom-item{
    margin-bottom: 15px;
}
.footer-nav-link {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #aeaeae;
}
.footer-nav-link:hover, .footer-nav-bottom-link:hover{
    text-decoration: none;
}
.footer-nav-link:hover{
    color: #fff;
}
.footer-nav-bottom-link{
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 29px;
    color: #fff;
}
.footer-nav-bottom-link:hover{
    color: #aeaeae;
}
.footer_copyright{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #aeaeae;
    display: block;
}


@media (max-width: 991.98px) {
    .footer-nav-fw{
        margin-bottom: 0;
    }
    .footer hr {
        margin-top: 22px!important;
    }
}
@media (max-width: 576.98px) {
    .footer {
        padding-top: 35px;
        padding-bottom: 40px;
    }
    .footer_col {
        width: 50%;
    }

    .footer_dealer-title {
        font-size: 24px;
        line-height: 35px;
    }
    .footer_dealer-desc {
        font-size: 18px;
        line-height: 27px;
    }
    .footer_title {
        font-size: 20px;
        line-height: 29px;
    }
    .footer_subtitle {
        font-size: 14px;
        line-height: 21px;
    }


    .footer_contacts {
        font-size: 16px;
        line-height: 24px;
    }

    .footer-nav-bottom-link, .footer-nav-link {
        font-size: 16px;
        line-height: 16px;
    }



    .footer_copyright {
        font-size: 16px;
        line-height: 15px;
    }
}

.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;
    }
}

/*breadcrumbs new*/

.breadcrumbs__new {
    padding: 8px 0 9px;
}
.global_breadcrumbs__new{
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
}
.marker__none{
    list-style-type: none;
}
.breadcrumbs__link{

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

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

@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: #CC0000;
}

.accordion-btn {
    width: 304px;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    background: #CC0000;
    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: #CC0000;
    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: #CC0000 !important;
    border: 1px solid #CC0000 !important;
}

.phone {
    color: #CC0000;
}

.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;
    text-align: left;
}

@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%;

}

.checkbox__body a{
    z-index: 10;
}

.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 Переваги лізингу*/

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

/* на складе*/
.in__stock__categories__car__status-has-storage-dealer {
    color: #CC0000 !important;
}

.checkbox>#check_privacy, .checkbox__checkmark.form-control {
    height: 18px;
    width: 18px;


}

label.checkbox>input{
    -webkit-appearance: auto !important;
    appearance: auto !important;
    height: 0 !important;
}

#extended_warranty_privacy{
    padding: 0;
}

.checkbox__body>a{
    z-index: 10;
    color: #333;
    text-decoration: underline !important;
}


  /* 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: #E96334;
    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: #E96334;
    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: #E96334;
}

.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  */

.payment_wrap_logo {
    max-width: 280px;
    margin-top: 20px;
}
.payment-logo {
    width: 100%;
}

/* FAQ TOGGLE */
/* copied from /src/DcSiteBundle/Resources/public/css/modules/car/car-card-n.css */

.car-faq {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.car-faq-section {
    margin: 50px 0 50px;
}

.car-faq__item {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.12);
}

.car-faq__title {
    position: relative;
    padding: 20px;
    height: 100px;
    display: flex;

    transition: all .18s;
    cursor: pointer;
    align-items: center;

    color: #282830;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.36px;
}

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

.car-faq__icon {
    position: absolute;
    right: 20px;
    height: 10px;
    width: 10px;
    transition: all .3s ease-in-out;
    top: 50%;
    transform: translate(0, -50%)
}

.car-faq__icon:before {
    content: '';
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5OTYgMTIuNTYwNEM3LjcxMzIgMTIuNTYwNCA3LjQyNjQ5IDEyLjQ1MDkgNy4yMDc4NyAxMi4yMzI0TDAuMzI4MjI2IDUuMzUyNjhDLTAuMTA5NDA5IDQuOTE1MDQgLTAuMTA5NDA5IDQuMjA1NDkgMC4zMjgyMjYgMy43NjgwM0MwLjc2NTY4NCAzLjMzMDU4IDEuNDc1MDkgMy4zMzA1OCAxLjkxMjc2IDMuNzY4MDNMNy45OTk5NiA5Ljg1NTU4TDE0LjA4NzIgMy43NjgyNUMxNC41MjQ4IDMuMzMwNzkgMTUuMjM0MiAzLjMzMDc5IDE1LjY3MTYgMy43NjgyNUMxNi4xMDk0IDQuMjA1NzEgMTYuMTA5NCA0LjkxNTI1IDE1LjY3MTYgNS4zNTI4OUw4Ljc5MjA1IDEyLjIzMjZDOC41NzMzMiAxMi40NTEyIDguMjg2NiAxMi41NjA0IDcuOTk5OTYgMTIuNTYwNFoiIGZpbGw9IiNGRjAwMjIiLz4KPC9zdmc+Cg==);
    width: 15px;
    height: 15px;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(0deg);
}

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

.car-faq__item.--opened .car-faq__title {
    color: #F02;
}

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

.car-section-title {
    color: #282830;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

/* END FAQ TOGGLE */

/* 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 */