body {overflow-x: hidden;}
.news-letter p {color: white}
.copyright p { color: white }
.usefull-link ul li a:hover, .footer.footer-black .recent-post-info a:hover { color: #F223A5; }
.footer .social-footer .social-icon ul li a:hover {color: #F223A5;}


/*#header.default-new.defualt-light .mega-menu .menu-links > li { background-color: red}*/
#header.default-new.defualt-light .mega-menu .menu-links > li a { color: white; text-transform: none; text-align: center;}
#header.default-new.defualt-light .mega-menu .menu-links > li a:hover { color: white;}
#header.default-new.defualt-light .mega-menu .menu-links > li.active > a,
#header.default-new.defualt-light .header-navbar-v2 .menu-links li .drop-down a:hover {color: white;}
#header.default-new.defualt-light .mega-menu .menu-links > li.active {background-color: #F223A5; padding-left: 10px; padding-right: 15px}

header .header-navbar-v2 .menu-links li > .drop-down,
header .header-navbar-v2 .menu-links li > .drop-down-multilevel {
    background: #F223A5; list-style-type: none; position: absolute; left: 0; top: 100%; z-index: 2;  min-width: 230px;  opacity: 0; visibility: hidden; padding: 15px 0; margin-top: 15px; border-top: none; box-shadow: 0 10px 50px rgba(0,0,0,0.1); border-radius: 0 !important; transition: var(--transition);
}
.padding-left {padding-left: 10px;}
.padding-left-2 {padding-left: 20px;}
.menu-asv { display: block; padding: 0; background: #6aadff; min-height: 60px;}
.user-account { width:60%; min-height:40px; display:inline-block; float:right; }
.connexion-member { width:40%; min-height:40px; display:inline-block; float:right; }
.ico-user { float:left; margin-right:10px; }
.ico-user i { color: #6aadff;}
.text-user { margin:0px; margin-left:10px; padding:0px; padding-left:15px; line-height:15px; font-size:15px; }
.text-user a {color:#6aadff; font-weight:bold;}
.ico-member { float:left; margin-right:10px; }
.text-member { margin:0px; margin-left:10px; padding:0px; line-height:15px; font-size:15px; }
.text-member a {color:#6aadff; font-weight:bold;}
.carousel-inner { height: 400px; overflow: hidden}
.form-control:focus { box-shadow: none; border: 1px solid #6aadff; }
.search--h5--color { color: #F223A5}
.search-block-wrapper .search-block-title {text-align: left; margin-top: 25px; margin-bottom: 20px;}
.gray-form input.form-check-input:focus{
    background-color: #6aadff;
    border: 1px solid #6aadff !important;
    box-shadow: none;
}

.mega-menu {
    background-color: white;
}
@media (max-width: 1800px) {
    .user-account { width:50%; min-height:40px; display:inline-block; float:right; }
    .connexion-member { width:50%; min-height:40px; display:inline-block; float:right; padding-right: 10px;}

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
    .mega-menu {
        background-color: #6aadff;
    }
}

@media (max-width: 1025px) {
    .mega-menu {
        padding-top: 15px;
        height: 100px;
        background-color: #6aadff;
    }
    .ico-user i { color: #F223A5;}
    .text-user a {color:#F223A5; font-weight:bold;}
    .text-member a {color:#F223A5; font-weight:bold;}
    .user-account p {color: white}
    .connexion-member p {color: white}
}


@media (max-width: 991px) {
    .mega-menu .menu-mobile-collapse-trigger {
         margin-top: -14px;
    }
    .ico-user i { color: #F223A5;}
    .text-user {}
    .text-user a {color:#F223A5; font-weight:bold;}
    .text-member a {color:#F223A5; font-weight:bold;}
    .user-account p {color: white}
    .connexion-member p {color: white}
}

@media screen and (max-width: 991px) {
    .mega-menu .menu-links {
        width: 94.5%;
        background: #6aadff;
    }
}

.gray-form input:focus, .gray-form textarea:focus { background: transparent; border: 1px solid #6aadff !important; }
.button { text-align: center; background: #6aadff; color: #ffffff; display: inline-block; text-transform: capitalize; vertical-align: middle; padding: 8px 20px; -ms-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -ms-transition-property: color; -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color; transition-property: color; -ms-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.button:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #F223A5; -ms-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -ms-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; -webkit-transition-property: transform; transition-property: transform; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.details-nav .modal-dialog .form-check.form-check-inline .form-check-input:checked,
.form-check-input:checked { background-color: #6aadff; border: 1px solid rgba(106 173 255 / 25%) !important; }
.form-check-input:focus{ box-shadow: none; border-color: #6aadff; }
.isotope-filters { display: table; margin: 0 auto 0; text-align: center; }

.section-title { margin-bottom: 0; text-align: center; }
.section-title .separator { position: relative; margin-top: 10px; display: inline-block; }
.section-title h2 { font-size: 36px; text-transform: uppercase; font-weight: 600; }
.section-title span { margin-bottom: 10px; display: block; }

.section-title .separator:after { width: 100px; display: block; margin: auto; content: ""; height: 1px; background: #6aadff; bottom: 0px; left: 50%; transition: width .8s ease, background-color .8s ease; -webkit-transition: width .8s ease, background-color .8s ease; -o-transition: width .8s ease, background-color .8s ease; -ms-transition: width .8s ease, background-color .8s ease; -moz-transition: width .8s ease, background-color .8s ease; }
.section-title .separator:before { content: ''; display: block; margin: auto; left: 50%; height: 1px; width: 50px; bottom: -15px; background: #6aadff; transition: width .8s ease, background-color .8s ease; -webkit-transition: width .8s ease, background-color .8s ease; -o-transition: width .8s ease, background-color .8s ease; -ms-transition: width .8s ease, background-color .8s ease; -moz-transition: width .8s ease, background-color .8s ease; margin-bottom: 6px; }
.page-section-ptb { padding: 40px 0; }

.list-inline>li { display: block; padding-right: 0; padding-left: 0;}
.list-inline-footer>li { display: inline-block; padding-right: 0; padding-left: 0;}
.car-item .car-content a { font-size: 16px; font-weight: 400; color: #6aadff; margin-bottom: 10px; display: block; }
.car-item .car-content a:hover { color: #363636; }
.isotope-filters button.active, .isotope-filters  button:hover { border-bottom-color: #6aadff; color: #6aadff; }
.isotope-filters.vartical-filter button.active span { color: #6aadff; border-left: 3px solid #6aadff; }
.isotope-filters.vartical-filter button:hover span { color: #6aadff; border-left: 3px solid #6aadff; }
.car-item .car-overlay-banner { background: rgba(106, 173, 255, 0.7); position: absolute; top: -100%; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; }
.section-title h5 { text-transform: none; }
.login-bg {  border: 15px solid #F6F6F6;}

.remember-checkbox a { color: #F223A5; margin-top: 6px; }
.remember-checkbox label:before { border: 2px solid #F223A5; content: ""; height: 20px; margin-top: 3px; width: 20px; }
.remember-checkbox a { color: #F223A5; margin-top: 6px; }
.register-fieldset-title {color: #F223A5; text-transform: none}
.text-no-transform { text-transform: none;}
.text-justify { text-align: justify}
.text-line-height { line-height: 20px;}
.content-box-0 { border-bottom: 3px solid #F223A5; position: relative; overflow: hidden; }
.content-box-0 { background-color: #F9F9F9; padding: 10px; min-height: 150px; text-align: center; }
.content-box-0 i { color: #F223A5; font-size: 30px; margin-bottom: 20px; display: block; }
.content-box-0 a.link { font-size: 14px; margin-bottom: 10px; font-weight: 600; color: #666666; text-transform: capitalize; }
.content-box-0 a.link i { font-size: 14px; display: inline-block; padding-left: 5px; color: #666666; opacity: 0 }
.content-box-0:hover a.link { opacity: 1; }
.content-box-0 a.link:hover, .content-box-0 a.link:hover i { color: #F223A5; }
.content-box-0 a.link:hover i { opacity: 1; }

.store-search-box {}
.store-information {}
.padding-horizontal {padding-left: 30px; padding-right: 30px}
.center-content {text-align: center;}
.page-section-ptb-store { padding: 50px 10px 0;}
/*.car-item-store .img-fluid { width: 450px; height: 320px;}*/
.vehicle-showcase-5 .car-image .label.used{ background-color: #F223A5;}
.store-image { width: auto; height: 235px;}
.vehicle-showcase-5 .car-content .car-attribute-subtitle {color: #F223A5; font-size: 14px;}
.vehicle-showcase-5 .car-content .item-title {font-size: 20px; line-height: 18px}
.vehicle-showcase-5 .car-content .car-attribute-column-1-value {font-size: 14px; line-height: 18px; font-weight: 500}
.vehicle-showcase-5 .car-content .car-attribute-column-1-title {font-size: 15px; line-height: 12px; }
.car-details-item {line-height: 18px; height: 24px;}
.store-attr-column-title {display: inline-block; width: 30%;}
.car-attr-column-title {display: inline-block; width: 40%;}
.store-attr-column-value {display: inline-block;}
.rate-height-store { height: 22px; padding-top: 2px;}
.store-button-box .btn-primary { color: #fff; background-color: #F223A5; border-color: #F223A5;}
.store-button-box .btn-primary:hover { color: #fff; background-color: #ff4db9; border-color: #F223A5;}
.car-item .car-content .store-button-box a { font-size: 14px; font-weight: 400; color: white; }

.single-teams .img-fluid { width: 450px; height: 320px;}
.section-ptb-detail {padding-top: 60px; padding-bottom: 15px;}
.member-name .member-name-detail .title h2 {
    font-size: 36px;
    text-transform: none;
}

.locate-tel-detail {}
.locate-tel-detail span {color: #F223A5;}
.locate-tel-detail a {color: #F223A5;}
.comment-box-detail h5{text-transform: none; font-size: 18px;}
.box-comment-list { padding: 15px; background-color: #F9F9F9; }
.inline-block { display: inline-block}
.item-comment {}
.info-sender {padding: 0; margin: 0;}
.info-sender .inline-block p {font-size: 15px; color: #666666; padding: 0; margin: 0;}
.info-sender .inline-block p span {color: #F223A5;}
.content-post {background-color: white; padding: 10px}
.content-post p{ padding: 0; margin: 0; font-size: 16px; text-transform: lowercase; line-height: 20px;}
.width-comment {width: 150px;}

.product-listing .car-item { margin-top: 0; }
.product-listing .car-grid { border: none;
    padding: 0 0 30px;
}


.locate-tel-garage span {color: #F223A5;}
.locate-tel-garage a {color: #F223A5;}
.locate-tel-garage p {font-size: 14px; margin: 0; padding: 0;}
.section-ptb-garage {padding-top: 10px; padding-bottom: 15px;}
.section-ptb-garage .img-fluid { width: auto; height: 280px;}
.img-garage {float: left; margin-right: 15px; margin-bottom: 15px;}

.section-title h2 { text-transform: none; font-size: 28px}

.error-feedback {font-size: 15px; color: red}
.my-account {line-height: 22px; background-color: #F9F9F9}
.text-color-h-account {color: #666666;}
.menu-account a {color: #F223A5; margin-left: 5px;}
.menu-account i {color: #F223A5;}
.user-account-info {line-height: 22px; padding-bottom: 5px;}

ul li {list-style: none;}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {color: #fff; background-color: #6aadff;}

.select2-container--bootstrap-5 .select2-selection {
    min-height: calc(1.7em + .95rem + 2px);
    background-color: #fff;
    border: 1px solid #ced4da;
    color: #626262;
    border-radius: 0;
    font-size: 0.9rem;
    font-weight: 400;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 0.85rem;
}
.register-form .select2-container--bootstrap-5 .select2-selection {
    /*min-height: calc(1.7em + .95rem + 2px);*/
    background-color: #F6F6F6;
    border: none;
    color: #626262;
    border-radius: 0;
    font-size: 0.9rem;
    font-weight: 400;
    padding-top: 13px;
}

.display-box { display: block; }
.hidden-box { display: none; }
.register-radio-width { width: 150px;}
.register-radio-width-two { width: 147px;}

.carousel-item-ban { background-color: #d2d2d2; padding: 10px; opacity: 0.8; }
.carousel-item-ban h1 { font-size: 20px; padding: 0; margin: 0;}
.carousel-item-ban p { padding: 0; margin: 0; line-height: 22px; color: #333333; font-size: 20px; font-weight: 500}
.top-activity .car-image .img-fluid {
    width: 100%;
    height: 220px;
}

.pieces .car-image .img-fluid {
    width: 100%;
    height: 220px;
}

.page-section-car-wash { padding: 30px 10px 0;}

.vehicle-showcase-5 {
    margin-top: 0;
}

.vehicle-showcase-5 .car-content {
    padding: 15px;
}

.you-gallery {
    display: inline-block;
    padding-right: 7px;
    padding-left: 7px;
}

div.you-gallery a i{
    font-size: 25px;
    color: #F223A5;
}
.box-gallery {}
.title-gallery {
    font-size: 25px;
    margin-bottom: 0;
    margin-top: 20px;
    text-transform: none;
    line-height: 25px;
}
.box-gallery hr {
    border-top-color: #666666;
    margin-top: 10px;
    margin-bottom: 30px;
}

.box-link-user {
    background-color: #F9F9F9;
    min-height: 300px;
    padding-left: 10px;
    padding-top: 15px;
    padding-right: 10px;
}
.box-link-user hr {
    /*width: 80%;*/
    margin-left: 10px;
    margin-right: 10px;
}
.link-item {
    padding-left: 15px;
}
.link-item a {
    color: #666666;
}

.breadcrumb-account {
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #6aadff;
}

.color-pink {
    color: #F223A5;
}

.color-blue-asv {
    color: #6aadff;
}

.back-link-edit a {
    color: #6aadff;
}

.back-link-edit a:hover {
    color: #6aadff;
}


label.label-spare-part {
    text-transform: none;
    font-size: 15px;
    color: #626262;
}

.paging_full_numbers a.paginate_active {
    background-color: #F223A5;
    border-color: #F223A5;
}

.profile-bg {  border: 6px solid #F6F6F6;}

.font-14 {
    font-size: 14px;
}

.font-18 {
    font-size: 18px;
}
.font-weight-asv {
    font-weight: bold;
}

.link-table a {
    color: #6aadff;
}

.link-table a:hover {
    color: #6aadff;
}

.offer-type {
    background-color: #F223A5;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    margin: 0;
    color: white;
    font-size: 14px;
}

div.title h2 {
    text-transform: none;
    font-size: 16px;
}

.member-name .title h2 {
    font-size: 20px;
    line-height: 56px;
    margin-bottom: 5px;
    color: #000;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 0;
}

#header.defualt { position: relative; background: #fff; }
.mega-menu.desktopTopFixed .menu-list-items { background: #6aadff; padding: 0px; }
.w-25 {
    width: 25% !important;
}
@media( max-width:991px) {
    #header.defualt { position: relative; background: #F9F9F9; }
    .text-color-h-account {color: #F9F9F9;}
    .w-25 {
        width: 100% !important;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    /********************************/
    /*           CD V4.0.0          */
    /********************************/
    .banner.section-bg-half {background-image: linear-gradient(to right, transparent 0%, transparent 30%, #F9F9F9 30%, #F9F9F9 100%);}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    /********************************/
    /*           CD V4.0.0          */
    /********************************/
    .banner.section-bg-half {background-image: linear-gradient(to right, transparent 0%, transparent 25%, #F9F9F9 25%, #F9F9F9 100%);}
}