@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
body{ font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color: #666666; }
a{ text-decoration: none !important; transition: all 0.5s ease; }
b, strong{ font-weight: 600; }
.nopadding{ padding-left: 0; padding-right: 0; }
.nomargin{ margin-left: 0; margin-right: 0; }
.maridady_mobile_comment{display: none;}
.f-15 { font-size: 15px; }
.f-16 { font-size: 16px !important; }
.f-17{ font-size: 17px; }
.f-18 { font-size: 18px; }
.f-20 { font-size: 20px !important; }
.f-22 { font-size: 22px; }
.f-25 { font-size: 25px; }
.f-40 { font-size: 40px; }
.f-45 { font-size: 45px; }
.f-60 { font-size: 60px; }
.f-14 { font-size: 14px; }
.color-red { color: #b21d3b; }
.color-black { color: #050b20; }
.color-white { color: #fff; }
.color-grey{ color: #000000; }
.custom-text-center{text-align: -webkit-center;}
.bg-shadow { filter: drop-shadow(0px 15px 17.5px rgba(0,0,0,0.08));}
.mb-30 { margin-bottom: 30px; }
.min-170{ min-width: 170px; }
.maridady_min_170{min-width: 100px;}
ul li {list-style: none; }
.container {max-width: 1440px; }
.red-btn {background-color: #b21d3b; border: 1px solid #b21d3b; font-size: 20px; color: #ffffff; font-weight: 600; padding: 0px 15px; height: 40px; border-radius: 10px; outline: 0; display: flex; align-items: center; cursor: pointer; justify-content: center; position: relative; transition: all 0.5s ease; overflow: hidden; z-index: 2; }
.red-btn:focus {outline: 0; box-shadow: none; }
.red-btn.red-btn-arrow {background: #b21d3b url(../images/Vector-SmartObject.png) no-repeat; background-size: 25px; padding-right: 70px; background-position: 85% 50%; }
.red-btn.red-btn-arrow:before {background-color: transparent; }
.red-btn-link { font-size: 16px; color: #b21d3b; font-weight: 600; border-bottom: 1px solid; display: inline-block;}
.red-btn:hover{ color: #b21d3b; }
.red-btn:hover:before {left: 0%; right: 0%; }
.red-btn:before {position: absolute; content: ""; background: #fff ; height: 100%; left: 51%; right: 50%; transition: all 0.5s ease; z-index: -1; top: 0; }
/*header*/
/*.login-link.red-btn:after {position: absolute; content: ""; border-right: 2px solid rgba(255, 255, 255, 0.5); width: 2px; height: 15px; right: 0; top: 50%; transform: translateY(-50%); }*/
.login-link.red-btn {position: relative; }
.header-menu-wrap .header-menubar-box a.nav-link {font-size: 20px; line-height: 30px; color: #fff; padding: 10px 0; margin: 0 10px; }
.header-menu-wrap a.dropdown-link {font-size: 20px; line-height: 30px; color: #fff; padding: 10px 0; margin: 0 15px; }
.dropdown-hover {position: relative; }
.header-dropdown-menu li a {font-size: 18px; color: #b21d3b; margin: 3px 0; display: inline-block; }
/*.header-dropdown-menu {position: absolute; top: 50px; left: 20px; background: #fff; right: 0; padding: 15px 15px; display: none; min-width: 120px; border-radius: 6px; } */
.header-dropdown-menu {position: absolute; top: 50px; left: 5px; background: #fff; right: 0; padding: 15px 15px; display: none; min-width: 175px !important; border-radius: 6px; }
.offer-slider-img {height: 830px; position: relative; }
.category-wise-offer-slider {height: 550px; position: relative; }
.header-menu-wrap .header-menubar-box .active > a.nav-link {border-bottom: 1px solid #b21d3b; color: #b21d3b !important; }
.header-menu-wrap .header-menubar-box a.nav-link:hover {/*border-bottom: 1px solid #b21d3b; padding: 9px;*/color:#b21d3b!important; }
.header-dropdown-menu li a:hover {padding-left: 10px; }
.header-menu-wrap .dropdown-hover:hover .header-dropdown-menu{ display: block; }
/*header {margin: 0px 0 -127px; position: relative; z-index: 111; padding-top: 10px; }*/
header { margin: -11px 0 -127px;position: relative;z-index: 111; }
/*.header-user-wrap {margin-top: 67px;}*/
.header-user-wrap {padding-top: 0px;}
.index-page .offer-slider-title {max-width: 100%; }
/*footer*/
.footer-section {background: #050b20 url(../images/close-up-photography.png) no-repeat center; display: inline-block; width: 100%; }
/*.footer-section {background: #050b20 url(../images/close-up-photography.png) no-repeat center; display: inline-block; width: 100%; } */
.footer-menu-list-wrap ul li a {font-size: 20px; line-height: 30px; color: #ffffff; margin: 0 20px; }
img.social-hover {display: none; }
.footer-social-icons-wrap ul li {margin: 0 20px; }
.footer-description {max-width: 600px; margin: 0 auto; padding: 22px 0 30px; }
.footer-social-icons-wrap {margin-bottom: 50px; }
.copyright-wrap-box p {font-size: 14px; color: #fff; text-align: center; margin: 0; font-weight: 300; }
.copyright-wrap-box {padding: 30px 0 30px; border-top: 1px solid #2a2f40; }
.footer-menu-list-wrap {padding-bottom: 20px; }
.footer-section-block {padding-top: 50px; }
.footer-menu-list-wrap ul li a.active, .footer-menu-list-wrap ul li a:hover {color: #b21d3b; }
.offer-slider-img img {width: 100%; height: 100%; object-fit: contain; margin-top: -57px;}
/*.offer-slider-description {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } */
.offer-slider-description {left: 0; right: 0; }
.imposale-slider-desc {position: absolute; top: 65%; left: 0; right: 0; transform: translateY(-50%); }
.smart-psvs-slider-desc {position: absolute; top: 65%; left: 0; right: 0; transform: translateY(-50%); }
.offer-slider-select select.form-control {border: none; border-radius: 0px; border-bottom: 1px solid #e5e5e5; min-height: 50px; background: transparent; font-weight: 600;}
.offer-slider-select .col-md-4:nth-child(1) {border-right: 1px solid #e5e5e5; }
.search-btn {padding-left: 30px; }
.offer-slider-select {background: #ffffff; display: inline-block; width: 100%; padding: 15px; border-radius: 10px; }
.offer-slider-title h2 {font-size: 80px; letter-spacing: -1px; line-height: 85px; color: #ffffff; font-weight: 800; text-transform: uppercase; }
.offer-slider-wrap.owl-carousel .owl-nav {position: absolute!important;bottom: 36px!important;right: 17px!important; }
.offer-slider-wrap.owl-carousel .owl-nav button.owl-prev { background: url(../images/slider-left.png) no-repeat center; background-size: 50px; }
.offer-slider-wrap.owl-carousel .owl-nav button.owl-next { background: url(../images/slider-right.png) no-repeat center; background-size: 50px; }
.offer-slider-wrap.owl-carousel .owl-nav button.owl-prev:hover { background: url(../images/slider-left-hover.png) no-repeat center; background-size: 50px; }
.offer-slider-wrap.owl-carousel .owl-nav button.owl-next:hover { background: url(../images/slider-right-hover.png) no-repeat center; background-size: 50px; }
.offer-slider-wrap.owl-carousel .owl-nav button {width: 55px; height: 55px; margin: 0 7px; outline: 0;}
.offer-slider-wrap.owl-carousel .owl-nav button span { font-size:0;}
.explore-vehical-slider-block.owl-carousel .owl-nav button.owl-prev {background: transparent url(../images/up-arrow.png) no-repeat; background-size: 16px; left: 30px; background-position: 50% 50%; text-align: right; width: 100%;height: 30px;max-width: 36px;margin-left: 32px;}
.explore-vehical-slider-block.owl-carousel .owl-nav button.owl-next {background: transparent url(../images/down-arrow.png) no-repeat; background-size: 16px; right: 30px; background-position: 50% 50%; text-align: left;top: 0px; width: 100%;height: 30px;max-width: 36px;margin-right: 32px;}
.explore-vehical-slider-block.owl-carousel .owl-nav button.owl-prev:hover { background:transparent url(../images/up-arrow.png) no-repeat; background-size: 16px; background-position: 30% 50%; }
.explore-vehical-slider-block.owl-carousel .owl-nav button.owl-next:hover { background:transparent url(../images/down-arrow.png) no-repeat; background-size: 16px; background-position: 70% 50%; }
.explore-vehical-slider-block.owl-carousel .owl-nav button {width: 50px; height: 40px; margin: 0px; outline: 0; position: absolute; transition: all 0.4s ease; }
.explore-vehical-slider-block.owl-carousel .owl-nav button:hover span { color: #b21d3b; }
.explore-vehical-slider-block.owl-carousel .owl-nav button span {font-size: 13px; color: #666666; padding: 0 25px; }
.explore-vehical-slider-block.owl-carousel .owl-nav button.owl-prev:hover {left: -20px; }
.explore-vehical-slider-block.owl-carousel .owl-nav button.owl-next:hover {right: -20px; }
.explore-vehical-slider {overflow-x: hidden; }
.explore-vehical-slider-block {position: static; /*margin-bottom: 40px;*/ }
.explore-vehical-slider-wrap { position: relative; }
.explore-vehical-slider-block.owl-carousel .owl-nav {position: absolute; top: 20%; transform: translateY(-50%); left: 0; right: 0; }
.explore-vehical-filter ul li { margin: 0 25px;}
.explore-vehical-filter ul li:nth-last-child(1) { margin-right: 0;}
/*.explore-vehical-filter ul li:nth-child(1) { margin-left: 0;}*/
.explore-vehical-filter ul li a {color: #acacac; }
.explore-vehical-filter ul li a.active {color: #000; }
.vehical-slider-label ul li:nth-child(1) {list-style: none;}
.vehical-slider-label ul li { list-style: disc; color:#a6a6a6; margin-right: 25px; }
.vehical-slider-label ul li span {font-size: 13px; color: #a6a6a6; }
/*.vehical-slider-label p {font-size: 20px; margin: 0; color: #22326e; font-weight: 600; line-height: 40px; }*/
.vehical-slider-label p {font-size: 17px; margin: 0; color: #22326e; font-weight: 600; line-height: 40px; }
.vehical-slider-img img {width: 100%; height: 100%; object-fit: cover; object-position: right; border-radius: 6px; transition: all 0.8s ease; }
.vehical-slider-label {padding: 5px 0;min-height: 110px; }
.explore-vehical-filter {padding-bottom: 50px; }
.vehical-slider-list {padding: 0 15px; }
.vehical-slider-img {height: 230px; overflow: hidden; border-radius: 6px; }
.vehical-slider-btn {display: flex; justify-content: center; }
.explore-vehical {padding: 80px 0 40px; }
/*.services-listing {width: 20%; padding: 0 15px; }*/
.services-listing {padding: 0 15px; }
img.services-normal {
max-width: 50px;
margin: 0 auto;
}
img.services-hover
{
max-width: 50px;
margin: 0 auto;
}
.owl-carousel .owl-item img.services-hover {
display: none;
}
.services-listing-block:hover img.services-hover {
display: block;
}
/*.services-hover img:hover img:first-child {
display: none;
}
.services-hover:hover .img {
display: inline;
}*/
.vehical-slider-list a:hover .vehical-slider-img img {transform: scale(1.2); }
.auto-tender-list-wrap a:hover .vehical-slider-img img {transform: scale(1.2); }
.services-home-list {padding: 25px 0 20px; }
.services-listing-block {border-radius: 6px;background: #f3f3f3; transition: all 0.2s ease; cursor: pointer;padding-left: 27px;
padding-right: 0px;
padding-top: 15px; }
.services-listing a {color: #000; }
.services-listing-block:hover {background: #b21d3b; color: #fff; }
.services-listing-block:hover .red-btn-link{color: #fff; }
.services-listing-block:hover .services-hover{display: inline-block; }
.services-listing-block:hover .services-normal{display:none; }
img.services-normal {display: inline-block; }
img.services-hover {display: none; }
.advertise-wrap a img {width: 100%; }
.auto-tender-title {padding-bottom: 50px; max-width: 50%; margin: 0 auto; }
.advertise {padding-bottom: 20px; }
.auto-tender-list {padding-bottom: 30px; }
.be-interested {background: #050b20 url(../images/intrest-banner.png) no-repeat center; display: inline-block; width: 100%; padding: 40px 0; text-align: center; margin-bottom: 25px; background-position: inherit; }
.be-interested-box {padding: 0 80px; }
button.sellcar-link.red-btn {white-space: nowrap; font-size: 18px; }
.meridady-blog-list a:hover .meridady-blog-img img{ transform: scale(1.2);}
.meridady-blog-img {overflow: hidden; height: 315px; }
.meridady-blog-desc {padding: 15px 20px; }
.meridady-blog-wrap {display: flex; align-items: flex-start; }
.meridady-blog-img img {width: 100%; height: 100%; object-fit: cover; transition: all 0.8s ease; }
.meridady-blog-list {margin-bottom: 30px; border-radius: 6px; overflow: hidden; }
.red-btn.red-btn-arrow:hover {color: #b21d3b; background: #ffffff url(../images/Vector-SmartObject-hover.png) no-repeat; background-position: 95% 50%; background-size: 25px; }
.brand-slider-logo {width: 100px; height: 100px; margin: 0 auto; }
.brand-slider {background: #f7f7f7; padding: 40px 0; margin: 60px 0 70px; }
.happy-client-slider-image {width: 90px; height: 90px; border-radius: 50%; }
.happy-client-slider-details {padding: 50px; margin: 15px 30px; }
.happy-client-title {margin: 0 0 50px; padding: 0; }
.happy-client-slider {margin-bottom: 40px; }
.happy-client-slider-block.explore-vehical-slider-block .owl-stage {padding: 0 0 30px; }
.happy-client-slider > .container {position: relative; }
.happy-client-slider-block.explore-vehical-slider-block .owl-nav {top: 0; transform: none; right: 30px; }
.happy-client-slider-block.explore-vehical-slider-block .owl-nav button.owl-prev { right: 150px; left: auto; }
.happy-client-slider-block.explore-vehical-slider-block .owl-nav button.owl-next {left: auto; right: 0; }
.happy-client-slider-block.explore-vehical-slider-block .owl-nav button.owl-prev:hover {left: auto; background-position: 15% 50%; }
.happy-client-slider-block.explore-vehical-slider-block .owl-nav button.owl-next:hover {right: 0px; background-position: 85% 50%; }
.header-user button {border-radius: 0; font-size: 18px; }
.header-user-box {border-radius: 10px; overflow: hidden; }
.banner-detail-img {height: 500px; position: relative; background: #b21d3b; }
.banner-detail-img img {width: 100%; height: 100%; object-fit: cover; object-position: center; }
.blog-banner {margin-bottom: -120px; }
.maridady-blog-banner {margin-bottom: -148px; }
.meridady-blog-page .auto-tender-title{max-width: 70%; }
.meridady-blog-desc-page {padding: 25px 30px; }
.meridady-blog-page {margin-bottom: 100px; }
.import-sell-page .meridady-blog-page {margin-bottom: 70px; }
.offer-slider-title {max-width: 500px; }
.csr-list-img img {width: 100%; height: 100%; object-fit: cover; }
.csr-list-img {width: 70px; height: 70px; display: inline-block; border-radius: 10px; overflow: hidden; margin-right: 10px; }
.csr-list-title {padding-bottom: 24px; }
.csr-list-title h4 {padding-left: 50px; background: #ffffff url(../images/quotation-marks.png) no-repeat; background-position: 0% 5%; background-size: 25px; }
.csr-list {border: 1px solid #cdcdcd; padding: 40px 30px; border-radius: 8px; margin-bottom: 30px; }
.csr-client-slider-image {width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin: 0 !important; }
.explore-vehical-filter ul li a:hover {color: #000; }
.csr-listing {margin-bottom: 70px; }
.blog-detail-banner-images img {width: 100%; object-fit: cover; object-position: center; height: 100%; }
.blog-detail-banner-images {height: 530px; display: inline-block; }
.blog-detail-banner {border-radius: 10px; overflow: hidden; margin-bottom: 70px; }
.blog-detail-banner-description {padding: 60px 80px 50px; }
.blog-detail-banner-description h4 {margin-bottom: 30px; display: inline-block; }
.blog-detail-banner-description p {margin-bottom: 30px; }
.blog-user img {width: 100%; }
.blog-user {min-width: 50px; width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; overflow: hidden; }
.blog-user-action ul li {margin-right: 25px; }
.blog-user-action ul li a{color: #666666; }
.user-comment-wrap {margin-bottom: 20px; }
.user-comment-like {width: 200px; text-align: right; }
.blog-user-replay {border-radius: 8px; max-width: 70%; background: #f7f7f7; padding: 30px 30px 20px; }
.blog-user-replay .user-comment-like {width: 130px; }
.blog-user-replay .blog-user {width: 40px; height: 40px; min-width: 40px; }
.import-car-data table tr td, .import-car-data table tr th {font-size: 19px; font-weight: 600; color: #000; text-align: center; border: 1px solid #d0d0d0; padding: 15px 15px; }
.import-car-wrap {margin-bottom: 20px; display: flex; justify-content: flex-end; flex-wrap: wrap; }
.import-car-details {background-color: #f2f2f2; padding: 60px 30px; border-radius: 6px; margin: 0 0 30px 0; width: 90%; flex-wrap: wrap; }
.import-car-data table tr td {background: #e6e6e6; }
.import-car-data table tr th {background: #ffffff; }
.import-car-img img {width: 100%; height: 100%; }
.import-car-img {height: 310px; width: 15%; margin-left: -10%; padding-left: 0; border-radius: 6px; overflow: hidden; margin-right: 30px; position: relative; width: 20%;/*top: 50px;*/}
button#show-details {display: none;}
.import-car-data { width: 80%; margin-bottom: 20px;}
.import-car-data-button {width: 90%; }
.import-car-button-wrap {margin-right: 15px; }
.import-car {padding-bottom: 60px; }
.import-car-video-description img {width: 100%; height: 100%; object-fit: cover; object-position: top; }
.import-car-video-description {height: 600px; width: 100%; display: flex; position: relative; justify-content: center; padding: 0; border-radius: 10px; overflow: hidden; }
.import-car-video-wrap {position: relative; margin-bottom: 70px; }
@keyframes play-shadow
{
0%
{
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;
}
100%
{
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0;
}
}
.import-car-hover-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.import-car-hover-img:after {position: absolute; content: ""; background: #ffffff; border-radius: 50%; z-index: -1; animation: play-shadow 1500ms ease-out infinite; width: 85px; height: 85px; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.import-car-hover-img:before {position: absolute; content: ""; background: #ffffff; border-radius: 50%; z-index: -1; animation: play-shadow 1500ms ease-out infinite; width: 75px; height: 75px; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.import-car-hover-img:hover { background-color: #ffffff; }
.import-car-hover-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(255, 255, 255, 0.4); border-radius: 50%; }
.import-car-video-description:before {position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
/*VSF PAGE*/
.inner-page{position: relative;}
.inner-page .banner-content{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);}
/*.vsf-form .form-control{height: 55px;border-radius: 6px;border-color: #cdcdcd;color: #ababab;padding: 10px 25px;margin-bottom: 20px;}*/
.vsf-form .form-control{height: 40px;border-radius: 6px;border-color: #cdcdcd;color: #ababab;padding: 5px 15px;margin-bottom: 10px;}
.vsf-form textarea.form-control{height: 163px}
.vsf-form .form-control::-webkit-input-placeholder {color: #ababab; }
.form-control:focus{box-shadow: none;}
.radio-label{font-size: 18px;}
.radio { margin: 0.5rem;}
.radio input[type="radio"] {position: absolute; opacity: 0; }
.radio input[type="radio"] + .radio-label:before {content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: 0px; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; }
.radio input[type="radio"]:checked + .radio-label:before {background-color: #b21d3b; box-shadow: inset 0 0 0 4px #f4f4f4; }
.radio input[type="radio"]:focus + .radio-label:before {outline: none; border-color: #b21d3b; }
.radio input[type="radio"]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; }
.radio input[type="radio"] + .radio-label:empty:before {margin-right: 0; }
.image-upload > input{ display: none; }
.image-upload img {/*width: 30px;*/ cursor: pointer; }
.sell-car-img img {/*width: 100px;*/ cursor: pointer; }
.add-mulitple {width: 30px !important; cursor: pointer !important; }
.image-upload{ height: 110px; min-width: 120px; }
.image-upload .file-input{text-align: center; justify-content: center; align-items: center; display: flex; margin-bottom: 0; height: 100% !important; border: 1px solid #000;border-radius: 5px;min-height: 90px;}
.appointment-date li{width: 90px;text-align: center; border-right: 1px solid #bbbaba;padding: 8px;max-width: 100%}
.appointment-date{padding-left: 0px; border: 1px solid #bbbaba;}
.appointment-date li a{font-size: 20px;color: #000;padding: 6px; border-radius: 100%; display: inline-block; width: 40px;height: 40px;}
.appointment-date li a.active{background-color: #b21d3b;color: #fff}
.saving-mpesa .btn{border-top-right-radius:0;border-bottom-right-radius:0;}
.saving-mpesa input{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
/*model*/
.modal-content {padding: 20px 20px; }
.modal-header-title {text-align: center; margin-bottom: 1px; }
.modal-dialog {max-width: 800px; }
.form-check input[type="checkbox"] {position: absolute; opacity: 0; }
.form-check input[type="checkbox"] + .form-check-label:before {content: ''; background: #f4f4f4; border: 2px solid #666666; display: inline-block; width: 1.3em; height: 1.3em; position: relative; top: 0px; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; border-radius: 4px; }
.form-check input[type="checkbox"]:checked + .form-check-label:before {background: url(../images/done.png) no-repeat !important; background-size: 100% !important; border: none !important; }
.form-check input[type="checkbox"]:focus + .form-check-label:before {outline: none; border-color: #666666; }
.form-check input[type="checkbox"]:disabled + .form-check-label:before {box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; }
.form-check input[type="checkbox"] + .form-check-label:empty:before {margin-right: 0; }
.popup-checkbox h5{ padding: 0 0 15px 20px; position: relative; margin-top: 10px; }
.popup-checkbox h5:before {position: absolute; content: ""; position: absolute; background: #000; width: 12px; height: 12px; border-radius: 50%; left: 0; top: 5px; }
.btn-group-wrap .red-btn{border-radius: 0px 10px 10px 0px; }
.btn-individuals-wrap .red-btn {border-radius: 10px 0px 0px 10px; }
.btn-group-wrap .red-btn:hover{border-radius: 0px 10px 10px 0px; }
.btn-individuals-wrap .red-btn:hover {border-radius: 10px 0px 0px 10px; }
.btn-group-wrap .red-btn.active.show {background: #fff; color: #b21d3b; }
.modal-dialog button.close {position: absolute; right: 30px; top: 30px; }
.offer-slider.search-slider {margin-bottom: 70px; }
.search-slider .offer-slider-wrap .owl-prev{position: absolute;right: 58px;top: 50%;transform: translateY(-50%);z-index: 1;}
.search-slider .offer-slider-wrap .owl-next{position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}
.car-filter-search {background: #f2f2f2; padding: 35px; border-radius: 10px; margin-bottom: 30px; }
.car-filter-title {border-bottom: 1px solid #c1c1c1; margin-bottom: 30px; padding-bottom: 15px; }
.car-filter-logo img {width: 100%; height: 100%; object-fit: contain; }
.car-filter-logo {width: 36px; height: 26px; }
.car-filter-search ul li a {background: url(../images/next.png) no-repeat; background-size: 13px; background-position: 95% 50%; }
.car-filter-search ul li:hover a { background: url(../images/next-hover.png) no-repeat; background-position: 98% 50%; background-size: 13px; }
.search-slider-select .search-btn {padding-left: 0; }
.search-slider-select select.form-control {border-radius: 6px; border: 1px solid #e5e5e5; min-height: 50px; background: transparent; font-size: 18px; font-weight: 600; color: #050b20; }
.search-slider-select .vsf-form .form-control::-webkit-input-placeholder {color: #050b20; font-weight: 600; }
.search-slider-select .vsf-form .form-control {padding: 10px 20px; font-size: 18px; color: #050b20;}
.search-slider .nav-tabs {border-bottom: none ; padding: 0; border-radius: 10px 10px 0px 0px; }
.offer-slider-select.search-slider-select {border-radius: 0px 0 10px 10px; background: transparent; }
.search-slider .nav-tabs .nav-link:focus, .search-slider .nav-tabs .nav-link:hover {border-color: #383946; outline: 0; border-bottom: 1px solid #fff; }
.search-slider .form-check .form-check-label:before {margin-right: 7px !important; width: 15px !important; height: 15px !important; vertical-align: middle !important; background: transparent !important; border: 1px solid #ffffff !important; }
.search-slider ul li {margin-right: 8px; }
.banner-search-form {border-radius: 0 10px 10px 10px; padding: 18px 19px 15px 5px; width: 100%; margin: 0; }
.search-slider ul li .form-check {background: #383946; padding: 10px 13px !important; border-radius: 6px 6px 0 0; }
.search-slider ul li .form-check.checked {background: #fff; }
.search-slider ul li .form-check.checked .form-check-label {color: #000 !important; }
/*.offer-slider.search-slider .offer-slider-description {top: 55%; }*/
/*.offer-slider.search-slider .offer-slider-description {top: 60%; }*/
.meridady-blog-ad.left-adv {padding-left: 40px; }
.meridady-blog-ad.right-adv{padding-right: 40px; }
.brand-slider .owl-nav {display: none; }
button.sellcar-link.red-btn.blue-color-btn {background: #22326e; border-color: #22326e; }
button.sellcar-link.red-btn.blue-color-btn:hover { color: #22326e; }
button.sellcar-link.red-btn.white-color-btn {color: #000; background: #ffffff; border-color: #dadada; }
button.sellcar-link.red-btn.white-color-btn:before {background: transparent;}
button.sellcar-link.red-btn.white-color-btn:hover:before {background: #dadada;}
button.sellcar-link.red-btn.black-color-btn {color: #0e0b08; background: #ffffff; border-color: #0e0b08; }
.car-detail-page button.sellcar-link.red-btn.black-color-btn {color: #0e0b08; background: #ffffff; border-color: #0e0b08; min-width: 130px !important; }
button.sellcar-link.red-btn.black-color-btn:before {background: transparent;}
button.sellcar-link.red-btn.black-color-btn:hover:before {background: #fff;}
/*button.sellcar-link.red-btn.gold-color-btn {color: #000; background: #ffc107; border-color: #ffc107; }*/
button.sellcar-link.red-btn.gold-color-btn {color: white; background: #ffc107; border-color: #ffc107; }
button.sellcar-link.red-btn.gold-color-btn:before {background: transparent;}
button.sellcar-link.red-btn.gold-color-btn:hover:before {background: white; color: #ffc107;}
.mobile-btn-link {padding: 0 5px; }
.mobile-btn-link button.sellcar-link.red-btn {font-size: 11px; height: 42px; white-space: normal; }
.mobile-btn-link .sellcar-link.red-btn.black-color-btn {background: #0e0b08; border-color: #0e0b08; color: #fff;}
.mobile-btn-link .sellcar-link.red-btn.black-color-btn:hover { color: #fff; }
.mobile-btn-wrap {display: none !important; }
.mobile-btn-link {padding: 0 5px; width:25% }
.brand-slider-logo img {max-width: 100%; height: 100%; object-fit: contain; }
.blog-comment.vsf-form {min-width: 380px; }
.import-car-button-wrap.moredetails-link-wrap {display: none; }
.import-car-data-button {display: flex; margin-top: 15px; }
.import-car-img button img {width: 20px; height: 20px; }
a.import-btn-arrow {display: flex; width: 16px; margin: 0 auto; padding-top: 15px; }
/*.import-car .collapse:not(.show) {display: flex; justify-content: flex-start; width: 90%; }*/
.import-car .collapse:not(.show) {display: flex; justify-content: flex-start; width: 80%; }
.importcar-info ul li h6 {
font-weight: 600;
margin: 0;
padding-right: 15px;
}
.importcar-info ul li { display: flex; align-items: center; margin-bottom: 5px; }
.importcar-info ul li p {
font-weight: 400;
margin: 0;
}
.importcar-info {
padding: 15px 0;
display: none;
}
.error{
color: red;
}
.confidential
{
display: none;
}
.user-logout
{
display: none;
}
/*.car-thumbs .owl-stage {display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }*/
.car-thumbs .owl-stage {/*display: flex; flex-wrap: wrap;*/ /*justify-content: center;*/ text-align: center;/* width: 100% !important;*/ }
.car-thumbs.owl-carousel .owl-item {/*width: 33% !important;*/ /*width: 133px!important;*/ /*padding: 5px;height: 100px!important; */}
/*.big-car-image img {height: 540px; object-fit: cover; padding: 5px; }*/
.big-car-image img {height: 100%; object-fit: contain; padding: 5px; }
.f-30 { font-size: 30px; }
.car-details-description-wrap ul {column-count: 2; }
.car-details-description-ul {padding-bottom: 20px; padding-top: 20px; }
.car-features-description-ul ul {column-count: 4; }
.car-features-description-ul ul li {background: url(../images/correct.svg) no-repeat; background-position: 0% 50%; background-size: 12px; padding-left: 26px; }
.car-features-add-features ul li {background: url(../images/correct.svg) no-repeat; background-position: 0% 50%; background-size: 12px; padding-left: 26px; }
.bg-blue { background: #22326e; flex-wrap: wrap;
width: 100%;}
.banner-search.dropdown > .dropdown-toggle {
display: none;
}
.banner-head-block {
display: flex;
background: transparent;
border: none;
position: static;
}
/*header menu*/
.submenu{display:none; }
.maridadymenuli:hover > ul{display:block; }
/*sell a car*/
.button-type-wrap.d-flex.align-items-center.flex-wrap {border: 1px solid #cdcdcd; border-radius: 6px; padding: 5px; color: #cdcdcd; }
.btn-group-toggle label.btn {width: 100%; border-right: 1px solid; background: #fff; min-height: 45px; outline: 0; box-shadow: none; border-radius: 0; }
.btn-group-toggle label.btn.active {background: #efefef; }
.btn-group-toggle label.btn.red-checkbtn {background: #b21d3b; color: #fff; border-radius: 6px; }
.btn-group-toggle label.btn.red-checkbtn.active { background: #fff; color: #b21d3b; border: 1px solid #b21d3b !important; }
.btn-group-toggle label.btn.white-checkbtn {background: #ffffff; color: #ababab; border-radius: 6px; border: 1px solid #ababab !important; }
/*.btn-group-toggle label.btn.white-checkbtn.active { background: #fff; color: #b21d3b; border: 1px solid #b21d3b !important; }*/
.btn-group-toggle label.btn.white-checkbtn.active {
background: #b21d3b;
color: white;
border: 1px solid #b21d3b !important;
}
.image-upload.sell-img-upload {height: 180px; }
/*.sell-img-upload .file-input > label {position: absolute; top: 70%; transform: translateY(-50%); }*/
.sell-img-upload .file-input > label {position: absolute; top: 90%; transform: translateY(-50%); }
.sell-img-logo {position: absolute; top: 20px; right: 40px; }
.image-upload .file-input.full-widh-upload {border: 1px dashed; }
.darkblue-btn.red-btn.btn {background: #050b20; border-color: #050b20; }
.darkblue-btn.red-btn.btn:hover {color: #050b20; }
/*backend*/
.preview-image{
width: 100% !important;
cursor: pointer !important;
object-fit: cover;
height: 100% !important;
}
ul.header-dropdown-menu {
z-index: 10000;
}
.responsive-color li a {
font-size: 18px;
color: white;
margin: 3px 0;
display: inline-block;
}
a.sacco-purchase {
color: black !important;
}
a.flexi-purchase {
color: black !important;
}
a.hire-purchase {
color: white !important;
}
button.grey-btn.btn
{
background-color: #ccc;
border: 1px solid #ccc;
font-size: 20px;
color: #050b20;
font-weight: 600;
padding: 5px 15px;
height: 55px;
border-radius: 10px;
outline: 0;
display: flex;
align-items: center;
cursor: pointer;
justify-content: center;
position: relative;
transition: all 0.5s ease;
overflow: hidden;
z-index: 2;
}
.round {
position: relative;
}
.round label {
background-color: #ccc;
border: 1px solid #ccc;
border-radius: 50%;
cursor: pointer;
height: 40px;
left: -4px;
position: absolute;
top: -6px;
color: black;
width: 40px;
text-align: center;
}
.round input[type="checkbox"] {
visibility: hidden;
}
/*.round input[type="checkbox"]:checked + label {
background-color: #b21d3b;
border-color: #b21d3b;
}*/
.round input[type="checkbox"]:checked + label {
background-color: green;
border-color: green;
color: white;
}
.round input[type="checkbox"]:checked + label:after {
opacity: 1;
}
.booking-slot{
color: white;
padding-top: 4px;
}
.sellcar-link.red-btn.blue-color-btn {background: #22326e; border-color: #22326e; border: 1px solid #22326e !important;}
.sellcar-link.red-btn.blue-color-btn:hover {color: #000 !important;}
.sellcar-link.red-btn.blue-color-btn:hover:before {color: #fff;}
.sellcar-link.red-btn.black-color-btn {background: #0e0b08; border-color: #0e0b08; border: 1px solid #0e0b08 !important;}
.sellcar-link.red-btn.black-color-btn:hover { color: #000; }
.sellcar-link.red-btn.white-color-btn {color: #000; background: #ffffff; border-color: #dadada;}
.sellcar-link.red-btn.white-color-btn:before {background: transparent;}
.sellcar-link.red-btn.white-color-btn:hover:before {background: #dadada;color: #000;}
/*.sellcar-link.red-btn.gold-color-btn {color: #000; background: #ffc107; border-color: #ffc107; }*/
.sellcar-link.red-btn.gold-color-btn {color: white; background: #ffc107; border-color: #ffc107; border: 1px solid #ffc107 !important;}
.sellcar-link.red-btn.gold-color-btn:before {background: transparent;}
.sellcar-link.red-btn.gold-color-btn:hover:before {background: white;color: #fff;}
.sellcar-link.red-btn.gold-color-btn:hover{color: #000 !important;}
.desk-menu{
position: absolute;
min-width: 167px;
width: 100%;
left: 5px !important;
padding: 0px !important;
top: 65px !important;
border-radius: 5px;
text-align: center;
}.desk-importer-menu{
top: 65px !important;
}
a.nav-link.sellcar-link.red-btn.white-color-btn {
color: black;
}
/*.get-financing-btn-wrap > .sqaure {
margin-right: 60px !important;
}*/
/*.bank-finanace-btn-wrap button.sellcar-link.red-btn {
margin-right: 15px;
}*/
button.sellcar-link.red-btn.gold-color-btn:hover {
color: black;
}
button.sellcar-link.red-btn.orange-button-btn {
color: black;
background: #e3e4e7;
border: 1px solid #A7967E;
/*color: #000;
background: #A7967E;
border: 1px solid #A7967E;*/
}
button.sellcar-link.red-btn.silver-button-btn {
background-color: #CDD6D5;
border: 1px solid #CDD6D5;
color: black;
}
button.sellcar-link.red-btn.blue-button-btn {
background-color: #dbe9f4;
border: 1px solid #dbe9f4;
color: black;
}
button.sellcar-link.red-btn.flexi-button-btn {
color: #000;
background: #ecf1e5;
border-color: #ecf1e5;
}
button.sellcar-link.red-btn.getquote {
color: white;
background-color: #d4173f;
border: 1px solid #d4173f;
}
button.sellcar-link.red-btn.contactus {
color: white;
background-color: #050b2b;
border: 1px solid #050b2b;
}
button.sellcar-link.red-btn.calculator {
color: white;
background-color: #495b53;
border: 1px solid #495b53;
}
input.search-link.red-btn.min-170.responsive-search-button:hover {
color: white;
}
.import-car-img .owl-nav button {
width: 25px;
height: 25px;
background: #fff !important;
}
button.owl-next {
position: absolute;
right: 30px;
bottom: 0;
}
.import-car-img button.owl-prev {
position: absolute;
bottom: 0;
left: 15px;
}
.import-car-img .owl-nav {
position: absolute!important;
left: 0!important;
right: 0!important;
bottom: 15px!important;
}
.mobile-btn-link button.sellcar-link.red-btn {
width: 100%;
}
.mobile-btn-link ul li a {
width: 100%;
}
.mobile-responsive-block{
justify-content: space-between;
padding-top: 15px;
}
.mobile-responsive-block .form-check {
width: 100%;
}
.mobile-responsive-block {
flex-wrap: wrap;
}
.import-car-img {
overflow: visible;
}
.mobile-responsive-block .form-check {
width: 100%;
/*display: flex;*/
justify-content: space-between;
margin: 0 !important;
padding: 0 15px !important;
}
.dealer-register .custom-radio .custom-control-input:checked~.custom-control-label::after {background: #b21d3b;border-radius: 10px;border: 2px solid #fff;}
.search-offer-slider {margin-top: 125px;}
a.navbar-brand img {
width: 100%;
max-width: 180px;
}
/*.search-tabs ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.search-tabs ul li.nav-item {
margin: 0 !important;
width: 25%;
}*/
.search-tabs ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
.search-tabs ul li.nav-item {
margin: 0 !important;
width: 25%;
}
.index-page .offer-slider-title {
padding: 0 15px;
}
.search-tabs ul li.nav-item:nth-last-child(1) {
padding-right: 0;
}
.search-tabs ul li.nav-item {
padding: 0 4px 3px 0px;
}
.search-tabs ul li.nav-item a {
height: 100%;
}
body.for-scroll {
overflow-y: hidden;
}
.dropzone .dz-preview .dz-image {
border-radius: 0;
}
.dropzone.dz-clickable {
cursor: pointer;
height: auto;
flex-wrap: wrap;
}
.vehical-slider-label .vehical-slider-box:hover {
background-color: #EAEAEA;
}
/*external*/
.listing-detail__attributes__description {
display: block;
float: left;
margin-bottom: 0;
}
dl, ol, ul {
font-size: 14px;
font-size: .875rem;
line-height: 1.4;
margin-bottom: 15px;
margin-bottom: .9375rem;
list-style-position: outside;
font-family: Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.filterTab, blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
margin: 0;
padding: 0;
}
.listing-detail__sub-heading {
padding: 15px 20px 0 20px;
float: left;
display: block;
width: 100%;
margin-bottom: .3em;
}
.listing-detail__sub-heading {
font-size: 18px;
font-family: Montserrat,Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: 700;
color: #333;
}
.listing-detail__attributes__description dd {
padding: 10px 20px 0 20px;
margin-bottom: 0;
}
.listing-detail__sub-heading {
padding: 15px 20px 0 20px;
float: left;
display: block;
width: 100%;
margin-bottom: .3em;
}
.listing-detail__sub-heading {
font-size: 18px;
font-family: Montserrat,Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: 700;
color: #333;
}
.listing-detail__attributes {
padding-top: 15px;
padding-right: 15px;
}
.listing-detail__attributes dl {
width: 25%;
padding-left: 20px;
}
.listing-detail__attributes dl {
float: left;
}
dl, ol, ul {
font-size: 14px;
font-size: .875rem;
line-height: 1.4;
margin-bottom: 15px;
margin-bottom: .9375rem;
list-style-position: outside;
font-family: Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.listing-detail__attributes dt {
display: block;
font-weight: 700;
padding: 0;
margin: 0;
color: #555;
}
.listing-detail__attributes dd {
display: block;
font-weight: lighter;
padding: 0;
margin: 0;
}
.listing-detail__sub-container {
/*padding-top: 30px;*/
}
.car-overview{
padding-top: 30px;
padding-bottom: 20px;
}
/*div#thumbs {
left: 15px;
}*/
.listing-detail__feature-list {
padding: 15px 0 0 0;
}
.listing-detail__feature-list li {
width: 25%;
padding-left: 20px;
margin-bottom: 15px;
}
.listing-detail__feature-list li {
float: left;
}
.listing-detail__feature-list li:before {
color: #008f4a;
font-size: 18px;
}
.listing-detail__feature-list li:before {
padding: 0 10px 0 0;
padding: 0 .625rem 0 0;
color: #e04d36;
}
.car-pad-desc{
padding: 15px 20px 0 20px;
}
.car-list-fea
{
padding-bottom: 20px;
}
.car-features-description-ul.col-lg-3.col-sm-3 {
top: 30px;
}
/*dropdown css*/
.after-login-bock {background: #0e0b08; padding: 0; }
.after-login-bock > .container {display: flex; justify-content: flex-end; padding-right: 110px; }
ul.after-login-bock-menu {margin: 0; }
.dropdown-loginbox {position: relative; }
.dropdown-loginbox > a.menu-login-link {padding: 15px 0; background: transparent; color: #fff; border-bottom: none; font-size: 13px; font-weight: 400;}
ul.after-login-bock-menu li a {display: inline-block; color: #000; font-size: 15px; padding-bottom: 0; padding: 10px 14px; background: #fff; width: 100%;border-bottom: 1px solid #e6e6e6;}
.dropdown-loginbox:hover ul.login-header-droupdown {display: block; }
.dropdown-loginbox > a.menu-login-link:hover {background: transparent; }
ul.after-login-bock-menu li a:hover {background: #f2f2f2; }
ul.login-header-droupdown {position: absolute; top: 49px; background: #fff; color: #fff; display: none; z-index: 111; min-width: 200px; }
ul.login-header-droupdown li {padding: 0; }
header {
margin: 0 0 -138px;}
ul.after-login-bock-menu:hover .login-header-droupdown {
display: block;
}
.header-menu-wrap li.option-link-dark {
color: #fff;
background: #b21d3b;
padding: 10px 10px;
list-style: none;
}
.header-dropdown-menu li a:hover {
padding-left: 0;
/* padding: 10px 0;*/
}
.header-dropdown-menu li a {
padding: 3px 0;
}
body .ui-tooltip {
border-width: 2px;
display: none !important;
}
.after-login-bock {
display: block;
}
.login-header-droupdown-mobile {
display: none !important;
}
.header-menu-wrap li.option-link-dark {
display: none;
}
.header-logo {
padding-left: 15px;
}
.header-box .header-menubar .after_login_header {
width: 100% !important;
}
.header-menubar > #navbarSupportedContent {
width: 100% !important;
}
/*ul.after-login-bock-menu {
width: 100%;
}*/
ul.after-login-bock-menu {
/* width: 100%;*/
display: flex;
justify-content: flex-end;
}
.thank-you-page-header .block-inner {
width: 100%;
display: flex;
align-items: center;
}
.thank-you-page-header .page-element {
position: static;
display: inline-block;
width: auto !important;
/*padding: 0 15px;*/
padding: 0 25px;
white-space: nowrap;
}
#element-134 {
width: 260px !important;
left: 19px !important;
}
#element-135 {
left: 35px !important;
top: 336px !important;
}
/*alert page */
.account-manage {
padding: 5px;
background: #f2f2f2;
}
.account-manage-row {
margin: 0 auto;
max-width: 1024px;
max-width: 64rem;
width: 100%;
}
.account-manage h4 {
color: #0e0b08;
font-weight: 400;
font-size: 18px;
font-size: 1.125rem;
font-family: Montserrat,Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
margin: auto 5px;
line-height: 1.4;
display: block;
}
.account-manage h4:before {
font-family: FontAwesome!important;
}
.account-manage#manage-alerts h4:before {
padding: 8px 10px 0 0;
padding: .5rem .625rem 0 0;
}
.account-manage#manage-alerts h4:before {
content: "";
}
.account-manage h1 {
color: #0e0b08;
font-weight: 400;
font-size: 24px;
font-size: 1.5rem;
font-family: Montserrat,Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
padding: 30px;
padding: 1.875rem;
margin: 0;
border-bottom: 1px solid #e6e6e6;
}
.account-manage h1 {
padding: 15px 0;
padding: .9375rem 0;
margin-bottom: 15px;
}
a.new-alert {
float: right;
}
a.nav-link.sellcar-link.red-btn.gold-color-btn {
font-size: 12px;
font-size: .75rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
font-family: Montserrat,Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
text-decoration: none;
color: #fff;
margin: 0 6px;
float: right!important;
}
.account-manage#manage-alerts h4 a:before {
padding: 0 10px 0 0;
padding: 0 .625rem 0 0;
}
.account-manage#manage-alerts h4 a:before {
font-family: FontAwesome!important;
content: "ï§";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
a.button.tertiary.small.right.new-alert
{
border-radius: 6px;
padding: 8px 16px 9px 16px;
padding: .5rem 1rem .5625rem 1rem;
font-size: 12px;
font-size: .75rem;
color: #fff;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
border: none;
font-family: Montserrat,Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: 400;
line-height: normal;
text-align: center;
text-decoration: none;
font-size: 16px;
font-size: 1rem;
color: #fff;
display: inline-block;
vertical-align: middle;
position: relative;
background: #4464a2;
padding: 10px 30px;
padding: .625rem 1.875rem;
margin: 0 0 15px 0;
margin: 0 0 .9375rem 0;
text-transform: uppercase;
cursor: pointer;
}
.table {
width: 100%;
}
.table td {
vertical-align: middle;
border-bottom: 1px solid #e6e6e6;
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
font-size: .875rem;
}
.dataGrid__noResults {
margin: 15px;
margin: .9375rem;
}
b, strong {
font-weight: 700;
}
.new-alert:hover {
color: black!important;
background-color: white!important;
border: 1px solid blue !important;
}
.alert-banner{
margin-bottom: 30px;
}
.main-section.alert-page {
background-color: #f2f2f2;
}
/*end alert page*/
/*add alert page*/
.first
{
float: left;
width: 50%;
padding: 0 60px 0 15px;
}
.second{
float: left;
width: 50%;
padding: 0 15px 0 30px;
padding: 0 .9375rem 0 1.875rem;
border-left: 1px solid #949494;
}
.intl-tel-input.allow-dropdown {
width: 100%;
}
.desc-text{
color: #222;
font-family: Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 14px;
font-size: .875rem;
line-height: 1.4;
text-rendering: optimizeLegibility;
margin: 0 0 15px 0;
margin: 0 0 .9375rem 0;
}
.title-desc
{
color: #222;
font-size: 20px;
font-size: 1.25rem;
color: #212121;
font-weight: 400;
font-family: Montserrat,Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
padding: 15px 0 0 0;
padding: .9375rem 0 0 0;
margin: 15px 0;
margin: .9375rem 0;
}
.btnField {
/*position: relative;*/
text-align: center;
margin-top: 30px;
margin-top: 1.875rem;
}
.btnField:before {
/* content: "";*/
background-color: #2d2d2d;
height: 1px;
position: absolute;
left: 0;
right: 0;
top: 50%;
display: block;
}
.submit-alert {
margin-bottom: 0;
}
.submit-alert {
padding: 14px 28px 15px 28px;
padding: .875rem 1.75rem .9375rem 1.75rem;
font-size: 18px;
font-size: 1.125rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
border: none;
font-family: Montserrat,Roboto,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: 400;
line-height: normal;
text-decoration: none;
font-size: 16px;
font-size: 1rem;
color: #fff;
display: inline-block;
vertical-align: middle;
position: relative;
background: #b21d3b;
padding: 10px 30px;
padding: .625rem 1.875rem;
margin: 0 0 15px 0;
margin: 0 0 .9375rem 0;
text-transform: uppercase;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
input#save {
margin-bottom: 0;
}
.res-login-link{
display: none;
}
.show_hide, .show_hide:hover {color:#b21d3b !important;}
/*manage my ads*/
/*header menu spacing*/
.offer-slider-wrap.owl-carousel .owl-nav button.owl-prev {
position: absolute;
right: 100px;
bottom: 0;
}
.mobile-btn-link .sellcar-link.red-btn.black-color-btn.car:hover {
color: black !important;
}
.side-menu .banner-detail-img {height: 270px;}
.multiselect-native-select .multiselect {padding: 14px;width: 540px;text-align: left;background: transparent;border: 1px solid #cdcdcd;}
.multiselect-native-select .dropdown-toggle::after{float: right;margin-top: 10px;}
a.nav-link.dropdown-toggle.text-dark.services_hover.maridady_services.hvr-bounce-to-right {
font-size: 18px;
}
.dropzone .dz-preview .dz-image img {
width: 100%;
}
.footer-text{
color:white;
}
.import_user_car .select2-container--default .select2-selection--single {border: 1px solid #cdcdcd !important;}
.import_user_car .select2-container--default .select2-selection--single .select2-selection__rendered {color: #aeaeae !important;line-height: 50px !important;
font-size: 16px !important;}
.import_user_car .select2-container .select2-selection--single {height: 55px !important;}
.import_user_car .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 25px !important;}
.import_user_car .select2-container--default .select2-selection--single .select2-selection__arrow {top: 12px !important;}
.import_user_car .select2.select2-container.select2-container--default {display: none !important;width: 100% !important;}
.tab_height {height: 320px;}
/*.banner-search-form {height: 200px;}*/
.banner-search-form.stock_search {height: 245px;}
.banner-search-form.stock_search.import_car_search {height: 205px;}
.owl-carousel-slider.owl-carousel .owl-nav button.owl-prev {background: #ebebeb url(../images/Prev-Arrow.png) no-repeat; background-size: 25px; left: 15px; background-position: 30% 50%; text-align: right;right: 0;top: 100%; }
.owl-carousel-slider.owl-carousel .owl-nav button.owl-next {background: #ebebeb url(../images/Next-Arrow.png) no-repeat; background-size: 25px; right: 15px; background-position: 70% 50%; text-align: left;top: 100%; }
.owl-carousel-slider.owl-carousel .owl-nav button.owl-prev:hover { background:#ebebeb url(../images/Prev-RedArrow.png) no-repeat; background-size: 25px; background-position: 30% 50%; }
.owl-carousel-slider.owl-carousel .owl-nav button.owl-next:hover { background:#ebebeb url(../images/Next-RedArrow.png) no-repeat; background-size: 25px; background-position: 70% 50%; }
.owl-carousel-slider.owl-carousel .owl-nav button {width: 120px; height: 55px; margin: 0px; outline: 0; position: absolute; transition: all 0.4s ease; }
.owl-carousel-slider.owl-carousel .owl-nav button:hover span { color: #b21d3b; }
.owl-carousel-slider.owl-carousel .owl-nav button span {font-size: 13px; color: #666666; padding: 0 25px; }
.owl-carousel-slider.owl-carousel .owl-nav button.owl-prev:hover {left: -10px; }
.owl-carousel-slider.owl-carousel .owl-nav button.owl-next:hover {right: -10px; }
.latest_slider {margin-top: 25px;}
.br_left {border-left: 2px solid #fff;}
.cust-bottom-border{border-bottom: 1px solid #eee;}
.cust-top-border{border-top: 1px solid #eee;}
/*.cust-border{border-left: 1px solid #727ca2;border-right: 1px solid #727ca2;border-top: 1px solid #727ca2;}*/
.cust-border{border-left: 1px solid #eee;border-right: 1px solid #eee;border-top: 1px solid #eee;padding: 12px;}
#vehical_form{margin: auto;}
/*.new_search_box {top: 50%;transform: translateY(-145%);z-index: 1;}*/
.new_search_box_head {
left: 0;
right: 0;
position: absolute;
z-index: 1;
top: 250px;
}
.main-section-wrapper > .content {position: relative;}
/*.car-thumbs .owl-stage {transform : none !important;}*/
/*@media only screen and (max-width: 765px)
{
#thumbs .owl-stage-outer .owl-stage{flex-wrap: nowrap;width: 980px!important;}
.owl-carousel .owl-item img {width: 80%;}
.owl-nav{position: relative;bottom: 100px;text-align: left!important;}
.car-thumbs.owl-carousel .owl-item{width: 18%!important;}
#thumbs .owl-nav .owl-next{right: 6px;}
}*/
/*@media only screen and (max-width: 576px)
{
#thumbs .owl-stage-outer .owl-stage{flex-wrap: nowrap;width: 1840px!important; padding-left: 25px; padding-right: 25px;}
#thumbs.car-thumbs.owl-carousel .owl-item {width: 15%!important;}
#thumbs.owl-carousel .owl-item img{width: 100%;}
#thumbs.owl-carousel .owl-item .item{margin-left: 5px;margin-right: 5px;}
}*/
@media only screen and (max-width: 499px)
{
/*#thumbs .owl-stage-outer{margin: 0 30px;}*/
/*#thumbs.owl-carousel{height: 35vh;}*/
#thumbs .owl-stage-outer{/*margin: 0 auto!important;margin: 0 20px!important;*//*height:100%;*//* max-width: 170px!important;*//*width: 83%!important;*/}
/*#thumbs .owl-stage-outer .owl-stage{flex-wrap: wrap;flex-direction: column;display: flex;box-sizing: content-box;height: 100%;}*/
/*#thumbs.owl-carousel .owl-item img {width: 100%;height: 65px;}*/
.owl-nav{position: relative;bottom: 100px;text-align: left!important;}
/*.car-thumbs.owl-carousel .owl-item{max-width: 63px;}*/
#thumbs .owl-nav .owl-next{right: 0px;}
#thumbs .owl-nav{/*bottom: 75px;*/bottom: 60px;}
.car-responsive{display: none;}
.car-video-responsive{display:block;}
.car-video-responsive .car-video{width: 100%!important;height: 130px;}
.overview_table_position{padding-left: 2px!important;}
.owl-carousel-slider.owl-carousel .owl-nav button.owl-prev{margin-top: 75px;}
.owl-carousel-slider.owl-carousel .owl-nav button.owl-next{margin-top: 75px;}
#big.owl-carousel .owl-nav button.owl-prev{color: black;position: relative;bottom: 190px;font-size: 20px;
}
#big.owl-carousel .owl-nav button.owl-next{color: black;position: relative;bottom: 190px;font-size: 20px;
}
#big.owl-carousel .owl-stage-outer{height:251px;}
/*div.bank-finanace-btn-wrap div.sqaure{width: 43%!important;margin-left: 1rem!important;}*/
/*div.bank-finanace-btn-wrap div.sqaure.financing_btn,.mpesa_reserve_btn{padding-right: 0px;}*/
div.bank-finanace-btn-wrap div.sqaure.counter_offer_btn{padding-left: 0px;}
div.bank-finanace-btn-wrap{padding-left: 0px;padding-right: 0px;}
div.bank-finanace-btn-wrap div.sqaure button{font-size: 12px;}
/*#thumbs.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {width: auto; max-width: 85px;height: 60px; margin: 0 auto;}*/
#thumbs.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {width: 100%;}
}
@media only screen and (min-width:320px) and (max-width: 750px)
{
.new_search_box {top: 0% !important;transform: translateY(0%) !important;}
}
@media only screen and (min-width:461px) and (max-width: 620px)
{
div.new_import_quote div.explore-vehical-wrap {margin-top: 155px!important;}
div.new_import_quote div.auto-tender-list-wrap {margin-top: 85px!important;}
}
@media only screen and (min-width:351px) and (max-width: 499px)
{
/*#thumbs.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {width: auto; max-width: 60px;height: 60px; margin: 0 auto;}*/
#thumbs.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img{width: 100%;}
}
@media only screen and (min-width:500px) and (max-width: 600px)
{
/*#thumbs .owl-stage-outer{margin: 0 30px;}*/
/*#thumbs.owl-carousel{height: 35vh;}*/
#thumbs .owl-stage-outer{margin: 0 20px!important; /*max-width: 500px!important;*//*width: 90%!important;*/}
/*#thumbs .owl-stage-outer .owl-stage{flex-wrap: wrap;flex-direction: column;display: flex;box-sizing: content-box;height: 100%;}*/
/*#thumbs.owl-carousel .owl-item img {width: 100%;height: 80px;}*/
.owl-nav{position: relative;bottom: 100px;text-align: left!important;}
/*.car-thumbs.owl-carousel .owl-item{width: 114px!important;}*/
#thumbs .owl-nav .owl-next{right: 0px;}
#thumbs .owl-nav{/*bottom: 75px;*/bottom: 67px;}
.car-responsive{display: none;}
.car-video-responsive{display:block;}
.car-video-responsive .car-video{width: 97%!important;height: 130px;}
.overview_table_position{padding-left: 2px!important;}
.owl-carousel-slider.owl-carousel .owl-nav button.owl-prev{margin-top: 75px;}
.owl-carousel-slider.owl-carousel .owl-nav button.owl-next{margin-top: 75px;}
#big.owl-carousel .owl-stage-outer{height:320px;}
/*div.bank-finanace-btn-wrap div.sqaure{width: 46%!important;margin-left: 1.0rem!important}*/
div.bank-finanace-btn-wrap div.sqaure.financing_btn,.mpesa_reserve_btn{padding-right: 0px;}
div.bank-finanace-btn-wrap div.sqaure.counter_offer_btn{padding-left: 0px;}
div.bank-finanace-btn-wrap{padding-left: 0px;padding-right: 0px;}
/*#thumbs.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {width: auto;max-width: 79px; height: 80px; margin: 0 auto;}*/
#thumbs.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img{width: 100%;}
}
@media only screen and (min-width:601px) and (max-width: 767px)
{
#thumbs .owl-stage-outer{margin: 0 20px!important;}
#thumbs .owl-nav{position: relative;bottom: 80px;text-align: left!important;}
#thumbs .owl-nav .owl-next{right: 0px;}
.car-responsive{display: none;}
.car-video-responsive{display:block;}
.car-video-responsive .car-video{width: 100%!important;height: 130px;}
.overview_table_position{padding-left: 2px!important;}
.owl-carousel-slider.owl-carousel .owl-nav button.owl-prev{margin-top: 75px;}
.owl-carousel-slider.owl-carousel .owl-nav button.owl-next{margin-top: 75px;}
#big.owl-carousel .owl-nav button.owl-prev{color: #ff5722;position: relative;bottom: 190px;font-size: 20px; }
#big.owl-carousel .owl-nav button.owl-next{color: #ff5722;position: absolute;bottom: 171px;font-size: 20px;right: 0px;}
.min-170 {min-width: 100%!important; }
#big.owl-carousel .owl-stage-outer{height:450px;}
div.bank-finanace-btn-wrap div.sqaure.financing_btn,.mpesa_reserve_btn{padding-right: 0px;}
div.bank-finanace-btn-wrap div.sqaure.counter_offer_btn{padding-left: 0px;}
div.bank-finanace-btn-wrap{padding-left: 0px;padding-right: 0px;}
#thumbs.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img{width: 100%;}
}
@media only screen and (min-width: 768px)
{
#thumbs .owl-stage-outer .owl-stage{transform: none!important;transition: none!important;}
#thumbs .owl-nav .owl-next{display: none}
#thumbs .owl-nav .owl-prev{display: none}
.car-responsive{display: block;}
.car-video-responsive{display:none;}
#vehical_form{margin: auto;width: 35%;}
div.vehicle-container{margin-top: 1.5rem!important;}
.car-thumbs.owl-carousel .owl-item { width: 120px!important; padding: 5px;height: 100px!important; }
#thumbs .owl-stage-outer .owl-stage{width: 100%!important;}
.car-details-ord-btn{max-width: 20%;}
.car-details-ord-btn button{width: 100%;}
/* .new_search_box {top: 50%;transform: translateY(-110%) !important;z-index: 1;}*/
}
@media only screen and (max-width: 991px) /* (min-width: 992px) and (max-width: 1199px)*/
{
.car-thumbs.owl-carousel .owl-item { width: 108px!important; padding: 5px;height: 100px!important; }
/* .maridady_container{display: none}*/
}
.auto-tender-list-wrap a:hover .vehical-slider-img.mobile-vehicle-slider-img {
border-radius: 6px 6px 0 0;
}
.auto-tender-title h3 {
margin-bottom: 15px;
}
.preloader{ position: absolute;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: table;
text-align: center;
z-index: 1051;
background-image: url('/assets/front/images/preloader.gif');
background-repeat: no-repeat;
background-color: transparent;
background-position: center;}
.vehicle_price, .import_cash_price{font-weight: bold;color: red;}
.land_price {color: #4b7bfe;}
.custom_head_search .search_car{padding: 20px 11px;}
.custom_head_search .search_by{background: #22326e;border-top-left-radius: 12px;border-bottom-left-radius: 12px;}
.custom_head_search .search_by select{background: #22326e;color: #fff;}
.custom_head_search .sellcar-link{padding: 27px 29px;}
.serach-car-type{border: 1px solid #e1dfdf;background-color:white;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;padding: 15px 15px;}
/*--- header new ---*/
.head_icons {padding: 8px 10px;border: 1px solid #fff;border-radius: 50%;}
.head_nav_icons_link_txt {background: transparent !important;color: #fff !important;width: auto !important;border: 0 !important;}
/*start new changes css here */
.maridady_container{
background-color: #253a79!important;
padding-top: 0px;
padding-bottom: 0px;
font-size: 15px;
color: white;
}
.maridady_navlink{
color: white;
font-size: 15px;
padding-left: 1.5rem;
padding-right: 0rem;
}
a.nav-link:hover{
color: white;
background-color: #b21d3b;
/* border-radius: 6px;
margin-bottom: 5px;
margin-top: 5px;*/
/*box-shadow: 0 6px #7285cb;
transition: flex 0.2s;*/
}
.maridady_auth_buttons{display: none;}
@media only screen and (min-width: 786px) /* (min-width: 992px) and (max-width: 1199px)*/
{
.mardady_advanced_dropdown{
width: 13.50%;
margin-left: 16px;
margin-right: -9px;
}
.maridady_basic_drop{
display: flex;
justify-content: center;
align-items: center;
width: 15%;
margin-left: 16px;
margin-right: 4px;
}
/* .collapse:not(.show){display: block;}*/
.maridady_collapse:not(.show){display: block;}
}
@media only screen and (max-width: 991px) /* (min-width: 992px) and (max-width: 1199px)*/
{
.mardady_advanced_dropdown{
width: 12.58%;
margin-left: 16px;
margin-right: -5px;
}
}
@media only screen and (max-width: 992px) /* (min-width: 992px) and (max-width: 1199px)*/
{
.mardady_advanced_dropdown{
width: 100%;
margin-left: 15px;
margin-right: 15px;
}
.maridady_basic_drop{
width: 100%;
margin-left: 15px;
margin-right: 15px;
}
.maridady_auth_buttons{
display: block;
display: flex;
}
.collapse:not(.show){display: none;}
.maridady_button{
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.maridady_destop_comment{
display: none;
}
.maridady_mobile_comment{
display: block;
}
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
height: 225px;
object-fit: cover;
}
.maridady_details{
width: 100%;
margin-left: 0px;
margin-top: 0px;
}
.maridady_custom_lalble{
color: #b21d3b;
}
.special_hr{
width: 100%;
height: 1px;
margin-bottom: 5px;
margin-top: 5px;
border-color: #dddddd;
}
.line_clamp {
display: block;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.maridady_card_border {
border-color: #253a79;
}