/*==================================================
     Slideshow
 ================================================== */


/*-- Main slide --*/

#main-slide .item img {
    width: 100%;
}

#main-slide .item .slider-content {
    z-index: 0;
    opacity: 0;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    z-index: 0;
    opacity: 1;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 25%;
    margin-top: -70px;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
}

#main-slide .carousel-indicators {
    bottom: 20px;
}

.carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #949431 !important;
    margin: 1px !important;
}

.carousel-indicators>li {
    border-radius: 1%;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}

#main-slide .carousel-control.left span {
    padding: 15px;
}

#main-slide .carousel-control.right span {
    padding: 15px;
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
}

#main-slide .carousel-control .fa-angle-left {
    left: 0;
}

#main-slide .carousel-control .fa-angle-right {
    right: 0;
}

#main-slide .carousel-control i {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    line-height: 36px;
    font-size: 32px;
    padding: 15px 20px;
    transition: all 500ms ease;
}

#main-slide .slider-content h2 {
    font-size: 76px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fcb66b;
}

#main-slide .slider-content h2.white,
#main-slide .slider-content h3.white {
    color: #fff;
}

#main-slide .slider-content h3 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #e3e3e3;
}

.back-transparent {
    background: rgba(0, 0, 0, 0.3);
    margin-top: 30px;
    padding: 20px;
    margin-left: 40px;
}

.slider.btn {
    padding: 10px 30px;
    margin-top: 20px;
    font-size: 20px;
    border-radius: 2px;
    line-height: 28px;
    border: 0;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
}

.slider.btn.btn-default {
    /*margin-left: 4px;*/
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
    color: #fff;
}

.slider.btn.btn-default:hover {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.slider-content-left {
    position: relative;
    margin: 0 0 0 40px;
}

.slider-content-right {
    position: relative;
}


/*-- Animation --*/

.carousel .item.active .animated1 {}

.carousel .item.active .animated2 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
    -webkit-animation: flipInX 1s ease-in 500ms both;
    animation: flipInX 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
    -webkit-animation: fadeInDown 1s ease-in 1000ms both;
    animation: fadeInDown 1s ease-in 1000ms both;
}


/*=========================
  Small carousel
=========================*/

#owl-demo .item {
    margin: 3px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.cs-favser .auto-listing.auto-grid .post-title>h6 {
    width: 100%;
    text-align: center;
}


/*.auto-text {
   background: rgba(0, 0, 0, 0.1)
}*/

.cs-favser .auto-listing.auto-grid .auto-text {
    padding: 12px;
}

.cs-favser .auto-listing .auto-price {
    margin-bottom: 10px;
}

.cs-favser .cs-auto-listing.cs-auto-box .cs-element-title {
    padding-bottom: 10px;
}

#footer {
    background: url('/assets/imgs/home-page/footer-line-1.png');
    padding-top: 30px;
}

.close {
    opacity: 0.8 !important;
}

/* #spin_button {
    padding: 8px 20px;
    border-radius: 5px;
} */

/* .btn-claim {
    color: #fff;
    margin: auto 0;
    text-align: center;
    background: transparent;
    border: 2px solid #fcb66b;
    padding: 15px 5%;
    border-radius: 20px;
}

.btn-claim:hover,
.btn-claim:focus {
    color: gold;
    text-decoration: none;
    outline: none;
} */

.contact-box-xs {
    border: 2px solid #8b8337;
    padding: 10px 10px;
    margin: 0px 35px;
    color: #fff;
    border-radius: 30px;
}

.contact-box-xs p {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0px;
}

@media screen and (max-width: 980px) {
    .cs-logo.has-header {
        padding-top: 70px;
    }
}@font-face {
    font-family: 'AbrilDisplay-Regular';
    src: url(/fonts/AbrilDisplay-Regular.woff?fd13acd05ee35a189097a166ced5920d) format("woff"), url(/fonts/AbrilDisplay-Regular.woff?fd13acd05ee35a189097a166ced5920d) format("truetype");
}

@font-face {
    font-family: 'AbrilDisplay-Bold';
    src: url(/fonts/AbrilDisplay-Bold.woff?97068f2a84391c2d4b9c1cd026cd4aa7) format("woff"), url(/fonts/AbrilDisplay-Bold.woff?97068f2a84391c2d4b9c1cd026cd4aa7) format("truetype");
}

@font-face {
    font-family: 'AbrilDisplay-ExtraBold';
    src: url(/fonts/AbrilDisplay-ExtraBold.woff?5bad5e7982f8a4e663c6cf2c956099ec) format("woff"), url(/fonts/AbrilDisplay-ExtraBold.woff?5bad5e7982f8a4e663c6cf2c956099ec) format("truetype");
}


/*Theme Colors Classes*/

.cs-color,
.active>a,
.active>a:hover,
.active>a:focus,
footer#footer .footer-links a
/*Haider Start*/

,
footer#footer a:hover,
.cs-favser .auto-listing .View-btn:hover,
.single-page .cs-category-link-icon ul li a:hover,
.single-page .cs-category-link-icon ul li a:hover:after,
.main-navigation ul .cs-user-option .cs-user-dropdown ul li:hover a,
.main-navigation ul .cs-user-option .cs-user-info .btn-sign-out:hover,
.single-page .cs-auto-tab .nav-tabs>li>a:hover,
.cs-footer-widgets .widget-our-partners ul li a::before,
.cs-footer-widgets .widget-categores ul li a:before,
.cs-footer-widgets .widget-about-us ul li a:before,
.single-page .cs-detail-nav ul>li>a:hover,
.single-page .cs-detail-nav ul>li>a.active,
.single-page .cs-detail-nav ul>li>a.active:hover,
.cs-construction .time-box h4,
.cs-construction .time-box .label,
.cs-construction .time-box .cs-slash,

/*Haider End*/


/*Rehan*/

.cs-favser ul.cs-user-accounts-list li:hover a,
.post-title a:hover,
.cs-categories a:hover,
.cs-favser ul.cs-user-accounts-list li.active a,
.cs-favser .cs-field a:hover,

/*faisal*/

.featured-listing ul li .cs-text h6 a:hover,
.blog-listing.medium-view .cs-text h4 a:hover,
.cs-blog-listing.blog-grid .blog-text h4 a:hover,
.single-post .cs-tags ul li a:hover,
.single-post .cs-social-media li a:hover,
.widget-tags a:hover,
.cs-blog-listing.blog-grid .post-option span,
.widget-categories ul li a:hover,
.widget-recent-posts .cs-text a:hover,
.cs-subheader-text .breadcrumbs ul li a:hover,
.widget-admin .cs-text a:hover,
.cs-about-author .cs-text span a:hover,
.cs-about-author .cs-text a:hover,
.cs-next-previous-post a:hover,
.cs-blog-related-post .blog-medium .cs-text h4 a:hover,
.cs-post-options ul li a:hover
/*faisal*/

,

/*asif*/

.cs-favser .auto-sort-filter .auto-list ul li a:hover i,
.cs-favser .auto-listing .auto-text .btn-list .btn:after,
.cs-favser .cs-listing-filters .cs-search .search-form .loction-search input[type="text"],
.cs-favser .cs-listing-filters .cs-search .search-form .loction-search:before,
.cs-favser .cs-listing-filters .cs-search .search-form .select-input .chosen-container-single .chosen-single,
.cs-favser .cs-listing-filters .cs-search .search-form .select-input:before,
.cs-favser .cs-listing-filters .cs-filter-title h6,
.cs-favser .cs-listing-filters .cs-checkbox-list li label:hover,
.cs-checkbox-list li input[type="checkbox"]:checked+label:after,
.cs-favser .cs-listing-filters .panel-default .panel-heading a,
.cs-favser .cs-user-listing.cs-post-title h6 a:hover,

/*Atif CSS Start*/

.cs-favser .cs-blog.cs-blog-grid .blog-element .blog-text .post-title a:hover h4,
.cs-favser .catagory-section .cs-catagory ul li a:hover span,

/*Atif CSS end*/


/*Shazad CSS Start*/

.cs-services .cs-media i,
.cs-favser .auto-listing .cs-checkbox input[type="checkbox"]:checked+label::after,

/*Shop CSS*/

.woocommerce ul.products li.product .price,
.woocommerce .woocommerce-tabs .tab-content li i
/*Shop CSS End*/

,
.cs-agent-detail .cs-timeline-list li:hover,
.cs-team:hover .cs-text h6 a,
.cs-team .cs-media .cs-caption ul li a:hover i,
.cs-search-result .cs-relevent-links ul li:hover .cs-text h4 a,
.cs-faq-tabs .panel-body ul li i,
.cs-favser .cs-faq-tabs .cs-tabs.full-width .nav>li>a:hover,
.cs-favser .cs-faq-tabs .nav>li>a:focus,
.panel-group.box .panel-title a,
.panel-group.box .panel-title a:before,
.widget-archives li a:hover,
.widget-comments li a:hover {
    color: #fcb66b !important;
    outline: none;
}

.cs-bgcolor,
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container .chosen-results li.active-result.highlighted,

/*Haider Start*/

.single-page .auto-detail-filter .auto-field .active-result.result-selected,
.single-page .auto-detail-filter .auto-field .chosen-container .chosen-results li.highlighted,
.main-navigation ul ul li:hover,

/*Haider End*/


/*Rehan*/

.cs-favser ul.cs-user-accounts-list li a:after,
.cs-favser .cs-field-holder .chosen-container .chosen-results li.active-result.result-selected,
.cs-favser .cs-field-holder .chosen-container .chosen-results li:hover,
.cs-favser .pricetable-holder.classic.active .price-holder .cs-price span,
.cs-favser .pricetable-holder.classic.active .price-holder a,

/*faisal*/

.single-post .cs-contact-form .input-holder input[type="submit"],
.blog-listing.large-view .post-detail:before,
.blog-listing.large-view .cs-media figcaption .caption-text span,
.blog-listing.medium-view .cs-media figcaption .caption-text span,
.blog-listing.medium-view .cs-auto-categories li:after,
.blog-listing.medium-view .post-detail:before
/*faisal*/

,

/*asif*/

.cs-favser .auto-sort-filter .chosen-container .chosen-results li.highlighted,
.cs-favser .pagination li a:hover,
.cs-favser .cs-listing-filters .slider-handle,
.cs-favser .cs-listing-filters .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.cs-favser .cs-listing-filters .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.cs-favser .pagination li a.active,
.cs-favser .auto-listing .auto-text .btn-list ul li:before,
.cs-favser .cs-user-listing.contact-btn:hover,
.cs-favser .cs-compare li .cs-compare-box li:before,

/*Shazad CSS Start*/

.cs-column-text .cs-button,
.cs-favser .cs-tabs.full-width .nav>li>a:hover,
.nav>li>a:focus,
.cs-testimonial-slider .cs-media figure:after,
.cs-testimonial-slider .slick-dots li button:hover,
.cs-testimonial-slider .slick-dots li.slick-active button,
.cs-search-result .cs-seggetions .cs-form .input-holder input[type="submit"] {
    background-color: #fcb66b !important;
    outline: none;
}

.csborder-color,

/*Haider Start*/

.single-page .auto-detail-filter .auto-field .slider.slider-horizontal .slider-tick,
.single-page .auto-detail-filter .auto-field .slider.slider-horizontal .slider-handle,
.single-page .cs-auto-tab .nav-tabs>li>a:hover,
.main-navigation ul ul li:hover>a,
.single-page .cs-detail-nav ul>li>a.active,
.single-page .cs-detail-nav ul>li>a.active:hover,

/*Haider End*/


/* Rehan */

.cs-favser .pricetable-holder.modren.active,
.cs-favser .pricetable-holder.classic.active,

/*faisal*/

.widget-tags a:hover,
.blog-listing.large-view .cs-text .btn-more,
.single-post .cs-tags ul li a:hover,

/*faisal*/


/*asif*/

.cs-favser .cs-listing-filters .cs-checkbox-list li input[type="checkbox"]:checked+label:after,
.cs-favser .cs-user-listing.contact-btn:hover,
.cs-testimonial-slider .slick-dots li button:hover,
.cs-testimonial-slider .slick-dots li.slick-active button,
.widget-text .contact-btn {
    border-color: #fcb66b !important;
}

.csborder-top-color
/*Atif CSS start*/

.cs-favser .cs-tabs.full-width .nav>li>a:hover,
.nav>li>a:focus,
.cs-favser .cs-tabs.full-width .nav>li>a:hover,
.cs-favser .cs-tabs.full-width .nav>li>a:focus,
.cs-favser .cs-tabs.full-width .nav-tabs>li.active>a,
.cs-favser .cs-tabs.full-width .nav-tabs>li.active>a:hover,
.cs-favser .cs-tabs.full-width .nav-tabs>li.active>a:focus
/*Atif CSS end*/

,

/*Shop*/

.woocommerce-tabs .nav-tabs.wc-tabs li.active a,
.woocommerce ul.products li.product .product-action-button .button
/*Shop End*/

{
    border-color: #fcb66b !important;
    outline: none;
}


/*Theme Colors Classes*/

body,
.main-section p,
.mce-content-body p {
    /* font: Normal 14px/24px "AbrilDisplay-Regular", serif; */
    letter-spacing: 0px;
    text-transform: none;
    color: #363636 !important;
}

header .logo {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#header .navigation>ul>li>a,
#header .navigation>ul>li {
    font: Normal 13px/19px "AbrilDisplay-Regular", serif !important;
    font-weight: bold!important;
    text-transform: uppercase !important;
}

h1,
h1 a {
    font: 900 Normal 26px/60px "AbrilDisplay-ExtraBold", serif !important;
    letter-spacing: 1px !important;
    color: #000;
}

h2,
h2 a {
    font: 700 Normal 22px/40px "AbrilDisplay-Regular", serif !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #333333;
}

h3,
h3 a {
    font: 700 Normal 20px/26px "AbrilDisplay-Regular", serif !important;
    text-transform: capitalize !important;
    color: #333333;
}

h4,
h4 a {
    font: 700 Normal 18px/24px "AbrilDisplay-Regular", serif !important;
    text-transform: capitalize !important;
    color: #333333;
}

h5,
h5 a {
    font: 700 Normal 16px/22px "AbrilDisplay-Regular", serif !important;
    text-transform: capitalize !important;
    color: #333333;
}

h6,
h6 a {
    font: 700 Normal 14px/20px "AbrilDisplay-Regular", serif !important;
    text-transform: capitalize !important;
    color: #333333 !important;
}

.cs-section-title h2 {
    font: 700 Normal 20px/26px "AbrilDisplay-Regular", serif !important;
    text-transform: uppercase !important;
}

.cs-post-title h3 a,
.cs-post-title h2 a {
    font: 700 Normal 18px/24px "AbrilDisplay-Regular", serif !important;
    text-transform: uppercase !important;
}

.cs-page-title h1 {
    font: 700 Normal 20px/56px "AbrilDisplay-Regular", serif !important;
    text-transform: uppercase !important;
    color: #333333 !important;
}

.widget .widget-title h5 {
    font: 700 Normal 13px/26px "AbrilDisplay-Regular", serif !important;
    text-transform: uppercase !important;
    color: #fff !important;
}

#header {
    background: #000 !important;
}

.navigation>ul ul li>a {
    color: #bebebe !important;
}

.navigation>ul ul li>a:hover {
    color: #55A747 !important;
}

.navigation>ul>li:hover>a,
.navigation>ul>li.current-menu-ancestor>a,
.navigation>ul>li.current-menu-parent>a,
.navigation>ul>li.current_page_item>a,
.navigation>ul>li.current-menu-parent>ul.sub-dropdown>,
.navigation ul li ul.sub-dropdown li.current-menu-parent.current-menu-parent>a,
.navigation ul li ul.sub-dropdown li.current-menu-parent ul.sub-dropdown {
    color: #55A747 !important;
}

.navigation>ul>li>a {
    color: #555555 !important;
}

.page-sidebar .widget-title h3,
.page-sidebar .widget-title h4,
.page-sidebar .widget-title h5,
.page-sidebar .widget-title h6 {
    color: #333333 !important;
}

.section-sidebar .widget-title h3,
.section-sidebar .widget-title h4,
.section-sidebar .widget-title h5,
.section-sidebar .widget-title h6 {
    color: #333333 !important;
}

footer#footer p,
footer#footer span,
footer#footer .textwidget {
    color: #626063 !important;
}

.footer-links,
.footer-links a {
    color: #8e9198 !important;
}

#footer .cs-copyright {
    color: #141215 !important;
}

footer#footer a {
    color: #8e9198 !important;
}

footer#footer .footer-links a.footer#footer .footer-links {
    color: #8e9198 !important;
}

footer#footer .copyright-text p a {
    color: #fcb66b !important;
    font-weight: 600;
}/* 1170px to 980px or 768px */
@media screen and (max-width: 1170px) {
 /* [class*="col-lg"], [class*="col-md"], [class*="col-sm"], [class*="col-xs"] {display:inline-block;vertical-align:top;margin:0 -4px 0 0;float:none;} */
 .rtl [class*="col-lg"], .rtl [class*="col-md"], .rtl [class*="col-sm"], .rtl [class*="col-xs"] {display: inline-block;vertical-align: top;margin: 0 0 0 -4px;float: none;}
 .main-navigation ul a { padding: 20px 15px 19px;}
 .main-navigation ul ul ul{ left:-100%;}
 .cs-favser .main-search .search-btn label a{ font-size:7px;}
 .cs-favser .auto-listing .auto-text .btn-list .btn.collapsed:after,
 .cs-favser .auto-listing .auto-text .btn-list .btn:after {left: 10px;}
 .cs-favser .cs-user-account-holder {padding: 30px 50px; width: 80%;}
 .cs-favser .auto-listing .cs-checkbox{ margin-right:0;}
 .cs-favser .cs-listing-filters .cs-model-year .cs-select-filed{ width:41%;}
 .single-page .cs-detail-nav ul > li > a {padding: 17px 24.4px;}
 .single-page .auto-overview ul li .cs-media{ margin-right:10px;}
 .blog-listing.medium-view .post-detail span.post-date {margin-right: 9px;}
 .site-main ul.products li.product {width: 28.555%;}
 .woocommerce.single-product div.product div.images div.thumbnails a img{ width:75px;}
 .cs-favser .catagory-section .cs-element-title{ padding-top:25px;}
 .cs-favser .catagory-section{ padding-bottom:50px;}
 .cs-search-result .cs-seggetions .cs-form .input-holder input[type="text"]{width: 82%;}
 .cs-footer-widgets {padding: 2px 10px 10px 10px;}
 #footer {padding-top:20px;}
 .bg-text h2 { padding: 0%; font-size:12px!important; padding-bottom: 0px; margin-bottom: -10px; padding-left: 2%;}


}

/* 980px to 768px */
/* If Required */
@media screen and (max-width: 980px) {
 /* Responsive Menu */
 .cs-logo{display:block;text-align:center;}
 .cs-logo .cs-media{display:inline-block;}
 .cs-main-nav{width:100%; position:relative;}
 .main-navigation { display: none; }
 .slicknav_menu{ display: block;margin-bottom:10px;padding-top:10px;}
 .cs-main-nav ul { display: none; }
 .cs-main-nav ul li { width: 99%; }
 .slicknav_menu ul { display: block; }
 /*login Form Style Start*/
 li.cs-user-option{display:none;}
 .cs-user-option {display:inline-block;position:absolute;right:0;top:15px;}
 .cs-user-option .cs-login a{color:#8a96a6;padding:20px 20px 19px;}
 .cs-user-option .cs-login .btn-form{padding:0 10px;color:#FFF;font-size:10px;border-radius: 2px;font-weight:700;display:inline-block;}
 .cs-user-option .cs-login .btn-form i{display:inline-block;vertical-align:middle;margin-right:5px;font-size:10px;}
 .cs-user-option .cs-login .btn-form:hover{text-decoration:none;color:#FFF;}
 .cs-user-option .cs-login a:hover{color:#8a96a6;text-decoration:underline;}
 .cs-user-option .cs-login .cs-user-dropdown ul{display:block;z-index:999;}
 .cs-user-option .cs-login .cs-user-dropdown ul li{display:block;}
 .cs-user-option .cs-login .cs-login-dropdown .cs-user-dropdown{margin-left:-84px;}


 .cs-agent-detail .cs-admin-info .cs-text ul li {margin: 0 0 0 6px;padding: 0 0 0 6px;}
 .cs-agent-detail .cs-tabs-holder{ top:0;}
 .cs-favser .cs-compare{ overflow:hidden;}
 .cs-favser .cs-compare ul {overflow-y: scroll;width: 1110px;}
 .cs-favser .cs-user-account-holder {padding: 30px 20px; width: 90%;}
 .cs-favser .profile-pic {float: left;}
 .cs-favser .main-search.account-search .select-location{ margin-bottom:3px;}
 .cs-favser .cs-featurelisted-car .cs-text{ width:100%; margin-top:10px; position:relative;}
 .cs-favser .cs-load-more{ width:100%;}
 footer#footer .cs-copyright { text-align:center;}
 footer#footer .cs-copyright .cs-back-to-top{ float:none;}
 .cs-footer-widgets .widget{ margin-bottom:20px;}
 .cs-favser .cs-listing-filters .cs-model-year .cs-select-filed {width: 47.3%;}
 #cs-construction{ position:relative;}
 .cs-search-result .cs-seggetions .cs-form .input-holder input[type="text"]{width: 86%;}

 .text-welcome h1 {
  font-size: 1em!important;
 }
 .bg-img1 { height: auto; padding:10px;}
 #footer {padding-top:10px;}

}

/* 767px to 480px */
@media screen and (max-width: 768px) {
 .cs-ad img{ width:100%;}
 .top-section {
  padding-top:5px;
  padding-bottom: 30px;
 }
 .text-welcome h1 {
  font-size: 1em!important;
 }
 .bg-text p {padding-left: 10%;font-size: .7rem;}
 .cs-footer-widgets {padding: 2px 10px 10px 10px;}
 #footer {padding-top:10px;}
 .bg-text h2 { padding: 0%; font-size:12px!important; padding-bottom: 0px; margin-bottom: -10px; padding-left: 2%;}


}
/* 767px to 480px */
@media screen and (max-width: 767px) {
 .top-section {
  padding-top:5px;
  padding-bottom: 30px;
 }
 .main-search{ padding:0 10px;}
 .cs-favser .auto-listing .auto-text .btn-list .btn.collapsed::after,
 .cs-favser .auto-listing .auto-text .btn-list .btn:after {left: 70px;}
 .cs-favser .cs-user-listing.cs-media{ width:20%;}
 .cs-favser .cs-user-listing.cs-text{width:80%;}
 .cs-agent-detail .cs-admin-info .cs-text{ width:70%;}
 .blog-listing.medium-view .cs-media {float: none;margin:0 0 20px 0;width: 100%;}
 .cs-favser .main-search.account-search {padding: 5px 10px;}
 .cs-favser .cs-featurelisted-car .cs-post-types {float: right;margin-top:0;position: relative; right: 0; top: 0;width: 300px;}
 .cs-favser .cs-shortlisted-car li .cs-text {overflow: visible; float:left;padding-top: 10px;position: relative; width: 100%;}
 .cs-favser .cs-listing-filters .cs-model-year .cs-select-filed {width: 46.8%;}
 .cs-favser .auto-sort-filter .auto-list ul li a i{ margin-left:0;}
 .cs-user-option .cs-login .modal-dialog{width:90%;margin:155px  auto;}
 .single-page .car-detail-heading .auto-text{ margin-bottom:20px;}
 .single-page .cs-detail-nav ul > li > a { padding: 17px 15.4px;}
 .single-page .auto-overview ul li {text-align: left; vertical-align:top; margin-bottom:10px;}
 .cs-favser .pricetable-holder.modren{ margin:0 14px 50px; }
 .cs-favser .pricetable-holder.modren.active{ margin:-25px 14px 25px; }
 .cs-favser .pricetable-holder.modren.first-element{ margin-left:14px;}
 .cs-favser .pricetable-holder.modren.last-element{ margin-right:14px;}
 .site-main ul.products li.product {width: 44.555%;}
 .woocommerce.single-product div.product div.images div.thumbnails a img{ width:64px;}
 .cs-favser .catagory-section .cs-catagory ul li {display: inline-block; width: 49%;}

 .text-welcome h1 {font-size: 1em!important;}
 .btn-welcome {padding: 8px 20px;}
 .bg-text p {padding-left: 10%;font-size: 8px;}
 #main-slide .carousel-indicators {
  bottom: 0px;}
  .img-padding{ margin-bottom:10px; }
 .bg-img1 { height: auto; padding:10px;}
 .cs-footer-widgets {padding: 2px 10px 10px 10px;}
 #footer {padding-top:10px;}
 .bg-text h2 { padding: 0%; font-size:12px!important; padding-bottom: 0px; margin-bottom: -10px; padding-left: 2%;}


}

/* 480px to 320px */
@media screen and (max-width: 480px) {
 .top-section {
  padding-top:5px;
  padding-bottom: 30px;
 }
 .cs-favser .cs-tabs.full-width .nav li {margin-bottom: 8px;width: 50%;}
 .cs-favser .auto-listing .cs-media.auto-media-slider, .cs-favser .auto-listing .cs-media {margin: 0 0 30px 0; position: relative;width: 100%;}
 .cs-favser .auto-listing .auto-text{ overflow:visible; float:left;}
 .cs-favser .cs-user-listing.cs-text{width:100%;}
 .cs-favser .cs-user-listing.cs-media ~ .cs-text,
 .cs-favser .cs-user-listing.cs-media{ padding:0 0 0 0; margin-bottom:20px;}
 .cs-agent-detail .cs-admin-info .cs-media ~ .cs-text {padding: 30px 0 0;}
 .cs-agent-detail .cs-admin-info .cs-text {width: 100%;}
 .cs-favser .packages-list,
 .cs-favser .payment-list{ overflow:hidden;overflow:scroll;}
 .cs-favser .packages-list ul,
 .cs-favser .payment-list ul{ width:710px; }
 .cs-favser .cs-shortlisted-car li .cs-remove-btn{ top:10px;}
 .cs-user-option .cs-login .modal-footer .cs-user-social ul li{margin:0;width:30%;}
 .cs-user-option .cs-login .modal-footer .cs-user-social ul li a{display:block;margin-bottom:6px;}
 .cs-favser .cs-listing-filters .cs-model-year .cs-select-filed {width: 45.7%;}
 .cs-favser .auto-sort-filter{ text-align:center;}
 .cs-favser .auto-sort-filter .auto-show-resuilt{ display:block; text-align:center; float:none;}
 .cs-favser .auto-sort-filter .auto-list{ float:none; padding-top:5px;}
 .site-main ul.products li.product { width: 100%;margin:0 0 30px 0;}
 .single-product div.product .images{ width:100%; margin:0 0 20px 0;}
 .single-product div.product .entry-summary{ overflow:visible;}
 .woocommerce .woocommerce-tabs .nav-tabs.wc-tabs li a {padding: 18px 20px;}
 .cs-search-result .cs-seggetions .cs-form .input-holder input[type="text"]{width: 80%;}
 .cs-page-not-found form{ width:100%;}
 .cs-seprater-v1{ width:100%;}
 .cs-page-not-found form input[type="text"]{margin-bottom:10px;}
 .cs-page-not-found .input-holder i{left:50px;}

 .text-welcome h1 {font-size: 1em!important;}
 .btn-welcome {padding: 8px 20px;}
 .bg-text p {padding-left: 10%; font-size: 8px;}
 #main-slide .carousel-indicators {
  bottom: 0px;
 }
 .img-padding{ margin-bottom:10px; }
 .bg-img1 { height: auto; padding:10px;}
 #footer {padding-top:10px;}
 .bg-text h2 { padding: 0%; font-size:12px!important; padding-bottom: 0px; margin-bottom: -10px; padding-left: 2%;}


}
@media screen and (max-width: 360px) {
 .top-section {
  padding-top:5px;
  padding-bottom: 30px;
 }
 .cs-favser .cs-user-listing.contact-btn{ top:-40px;}
 .cs-agent-detail .cs-admin-info .cs-text ul li {margin: 0 0 10px; padding: 0; width: 100%;}
 .cs-comments ul li .children{margin: 0;}
 .cs-user-option .cs-login .modal-footer .cs-user-social ul li{margin:0;width:50%;}
 .cs-favser .cs-listing-filters .cs-model-year .cs-select-filed {width: 44%;}
 .single-page .cs-button-style a{ padding:5px;}
 .cs-construction .cs-form .input-holder{ width:100%;}
 .cs-construction .cs-form .input-holder label{ position:relative; right:0; margin-top:5px;}
 .cs-construction .cs-social-media ul li{ margin:0 5px 5px 0; }
 .cs-favser .auto-sort-filter .cs-select-post {position: relative;width: 158px;}
 .cs-search-result .cs-seggetions .cs-form .input-holder input[type="text"]{width: 74%;}
 .cs-page-not-found .input-holder i{left:39px;}
 .cs-page-not-found .cs-text .cs-error{font-size:50px;}

 .text-welcome h1 {font-size: 1em!important;}
 .btn-welcome {padding: 8px 20px;}
 .bg-text p {padding-left: 10%;font-size: 8px;}
 #main-slide .carousel-indicators {
  bottom: 0px;
 }
 .img-padding{ margin-bottom:10px; }
 .bg-img1 { height: auto; padding:10px;}
 .cs-footer-widgets {padding: 2px 10px 10px 10px;}
 #footer {padding-top:10px;}
 .bg-text h2 { padding: 0%; font-size:12px!important; padding-bottom: 0px; margin-bottom: -10px; padding-left: 2%;}

}
@media screen and (max-width: 320px) {
 .top-section {
  padding-top:5px;
  padding-bottom: 30px;
 }
 .cs-favser .pagination li a {padding: 7px 13px;}
 .cs-favser .auto-sort-filter .auto-list ul li a i { margin-left: 10px;}
 .cs-favser .auto-listing .auto-info-detail li {padding: 0 15px;}
 .cs-favser .cs-user-account-holder {width: 100%;}
 .cs-favser .cs-listing-filters .cs-model-year .cs-select-filed {width: 43%;}
 .single-page .cs-button-style a { padding: 2px;}
 .single-page .cs-detail-nav ul > li > a { padding: 17px 9.4px;}
 .woocommerce.single-product div.product div.images div.thumbnails a img {width: 56px;}
 .cs-page-not-found .cs-text .cs-error{font-size:50px;}
 .cs-page-not-found form{ width:100%;}
 .cs-seprater-v1{ width:100%;}
 .cs-page-not-found form input[type="text"]{margin-bottom:10px;}
 .cs-page-not-found .input-holder i{left:39px;}

 .text-welcome h1 {font-size: 1em!important;}
 .btn-welcome {padding: 8px 20px;}
 .bg-text p {padding-left: 10%;font-size: 8px;}
 #main-slide .carousel-indicators { bottom: 0px;}
 .img-padding{ margin-bottom:10px; }
 .bg-img1 { height: auto; padding:10px;}
 .cs-footer-widgets {padding: 2px 10px 10px 10px;}
 #footer {padding-top:10px;}
 .bg-text h2 { padding: 0%; font-size:12px!important; padding-bottom: 0px; margin-bottom: -10px; padding-left: 2%;}

}
body {
    font-size: 16px;
    color: #000;
}

#myHeader {
    padding: 4px;
    background-color: #c3b046;
    background: url(/images/footer-line-1.png?1200892a5cd220cb8a44934cbbcc2c74);
    text-align: center;
    top: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.login-page,
.register-page {
    background: #000;
    background-size: cover;
    width: auto;
}

.login-box,
.register-box {
    width: 500px;
    margin-bottom: 1% !important;
    margin: 3% auto !important;
    margin-top: 1% !important;
}

.login-box .form-control {
    border: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    height: 45px;
}

.login-box .btn.btn-flat {
    padding: 9px 50px;
    background-image: linear-gradient(to right, #2E77BB, #27AEE3, #27CBE3);
    border: none;
}

.login-box .btn.btn-flat:hover {
    padding: 9px 50px;
    background-image: linear-gradient(to right, #2061bb, #1d93e3, #14a4e3);
}

.products-list .product-img img {
    width: 55px;
    height: 45px;
}

.box-title {
    text-transform: uppercase;
}

.login-logo,
.register-logo {
    margin-bottom: 3px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #5dbde6;
}

.checkbox label {
    color: #000;
    font-weight: 500;
    font-size: 12px;
}

.skin-blue .main-header .navbar {
    background-color: #283f51;
}

.skin-blue .main-header .logo {
    background-color: #222d32;
    color: #fff;
}

.skin-blue .main-header .navbar .dropdown-menu li a{
    color: #000;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #283f51;
}

.skin-blue .main-header .logo:hover {
    background-color: #283f51;
}

.skin-blue .main-header li.user-header {
    background-color: #283f51;
}

.main-header .navbar {
    min-height: 70px;
}

.main-header .sidebar-toggle {
    padding: 25px 25px;
}

.main-header .logo {
    height: 72px;
}

.main-header .logo {
    line-height: 72px;
}

.bg-aqua {
    background-color: #00BFD5 !important;
}

.bg-yellow {
    background-color: #FF8300 !important;
}

.bg-green {
    background-color: #69C9B9 !important;
}

.bg-red {
    background-color: #604775 !important;
}

.bg-info {
    background-color: #00BFD5 !important;
    color: #fff;
}

.bg-warning {
    background-color: #FF8300 !important;
    color: #fff;
}

.box.box-primary {
    border-top-color: #00BFD5 !important;
}

.btn-primary {
    background-color: #00BFD5 !important;
    border-color: #00BFD5;
}

.btn-info {
    background-color: #00BFD5;
    border-color: #00a9bf;
}

.btn-warning {
    background-color: #FF8300 !important;
    border-color: #e67300;
}

.btn-green {
    background-color: #69C9B9 !important;
    border-color: #5ab4a4;
    color: #fff;
}

.btn-green:hover {
    background-color: #58b09f !important;
    border-color: #5ab4a4;
    color: #fff;
}

.btn-info:hover {
    background-color: #0097ac;
    border-color: #00a9bf;
}

.btn-warning:hover {
    background-color: #d16900 !important;
    border-color: #e67300;
}

.pagination>.active>a {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00BFD5;
    border-color: #00a9bf;
}

.product-info a {
    /*text-transform: uppercase;*/
    font-size: 17px;
}

.products-list .product-title {
    font-weight: 500;
}

.products-list .product-description {
    color: #555;
}

.section-title {
    color: #088e9e;
}

.main-header .logo {
    line-height: 72px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #000000;
    padding: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    background-color: rgb(193, 188, 3);
    color: rgb(255, 255, 255) !important;
    border-color: rgb(156, 156, 16);
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}@font-face {
  font-family: "impact";
  src: url(/fonts/impact.ttf?8fc622c3a2e2d992ec059cca61e3dfc0) format("truetype");
}

:focus {
  outline: none !important;
}

.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.clickable {
  cursor: pointer;
}

.modal-content {
  box-shadow: none;
}

.modal-header .close {
  padding: 1.5rem;
}

.noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sidebar-toggle:before {
  content: unset !important;
}

.ui-sortable-placeholder {
  position: absolute;
}

.btn-default {
  background: #f4f4f4 !important;
}

.btn-default:hover {
  background-color: #e7e7e7 !important;
}

table > tbody > tr > td {
  line-height: 1.5;
}

div.dataTables_processing {
  background-color: transparent !important;
  border: 0 !important;
}

.loading {
  background-color: rgba(255, 255, 255, 0.6);
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

.lds-ring {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #222d32;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #222d32 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

.logo-img {
  width: 110px;
}

.marquee {
  display: none;
  -webkit-animation: scrolling;
          animation: scrolling;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: reverse;
  left: 0;
  position: absolute;
}

.swing {
  -webkit-animation: swing-pro infinite 2s;
          animation: swing-pro infinite 2s;
}

@-webkit-keyframes scrolling {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100vw);
  }
}

@keyframes scrolling {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100vw);
  }
}

@-webkit-keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes swing-pro {
  5% {
    transform: translateY(-4px);
  }

  10% {
    transform: translateY(4px);
  }

  15% {
    transform: translateY(-4px);
  }

  20% {
    transform: translateY(4px);
  }

  25% {
    transform: translateY(0px);
  }
}

@keyframes swing-pro {
  5% {
    transform: translateY(-4px);
  }

  10% {
    transform: translateY(4px);
  }

  15% {
    transform: translateY(-4px);
  }

  20% {
    transform: translateY(4px);
  }

  25% {
    transform: translateY(0px);
  }
}

@-webkit-keyframes jumping1 {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, -20px);
  }
}

@keyframes jumping1 {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, -20px);
  }
}

@-webkit-keyframes jumping2 {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, -30px);
  }
}

@keyframes jumping2 {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, -30px);
  }
}

@-webkit-keyframes jumping3 {
  0% {
    transform: translate(0, -20px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@keyframes jumping3 {
  0% {
    transform: translate(0, -20px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

.modal {
  overflow-y: auto;
}

.modal.fade {
  opacity: 0;
}

.modal-open {
  overflow: auto;
}

.modal-open .modal.fade {
  opacity: 1;
}

.modal-open[style] {
  padding-right: 0px !important;
}

html,
body {
  padding: 0 !important;
}

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(/images/Preloader_1.gif?51381fb15e7188c2bd3577ea064cd9f3) center no-repeat #fff;
}

.box-body {
  overflow-x: auto;
}

.modal-body .img-fluid {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.modal-body .modal-body__description {
  color: white;
}

.modal-body .modal-body__description h1,
.modal-body .modal-body__description h2,
.modal-body .modal-body__description h3,
.modal-body .modal-body__description h4,
.modal-body .modal-body__description h5,
.modal-body .modal-body__description h6,
.modal-body .modal-body__description p {
  color: white;
}

.modal-body .modal-body__description table {
  border-color: #fff;
}

.dataTable table th,
.dataTable table td {
  border-color: #000;
  padding: inherit;
}

.marker {
  background-color: yellow;
}

.btn-slot {
  transition: -webkit-filter ease 0.2s;
  transition: filter ease 0.2s;
  transition: filter ease 0.2s, -webkit-filter ease 0.2s;
}

.btn-slot:hover {
  -webkit-filter: drop-shadow(0 0 0.5rem gold);
          filter: drop-shadow(0 0 0.5rem gold);
}

.btn-slot-tips {
  width: 105%;
}

.btn-side {
  transition: -webkit-filter ease 0.2s;
  transition: filter ease 0.2s;
  transition: filter ease 0.2s, -webkit-filter ease 0.2s;
}

.btn-side:hover {
  -webkit-filter: drop-shadow(0 0 0.1rem rgba(255, 255, 255, 0.5));
          filter: drop-shadow(0 0 0.1rem rgba(255, 255, 255, 0.5));
}

.m-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}

.m-card {
  position: relative;
  width: 500px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.m-card.m-card-left,
.m-card.m-card-right {
  margin-bottom: 2rem;
}

.m-card .m-card__text {
  overflow: hidden;
  text-indent: 0rem;
}

.m-card .m-card__text.m-card__text-left {
  padding: 6% 20% 0 9%;
}

.m-card .m-card__text.m-card__text-right {
  padding: 6% 10% 0 17%;
  text-indent: 3rem;
}

.m-card .m-card__text-container {
  position: absolute;
  width: 400px;
  height: 100%;
  padding: 3rem 1rem;
}

.m-card .m-card__text-container.m-card__text-container-left {
  top: 0;
  left: 0;
  padding-top: 3rem;
}

.m-card .m-card__text-container.m-card__text-container-right {
  top: 0;
  right: 0;
  padding-top: 3rem;
}

.m-card .m-card__image-container {
  position: absolute;
}

.m-card .m-card__image-container.m-card__image-container-left {
  top: 2.5rem;
  width: 100px;
  height: 100px;
  right: 1.3rem;
}

.m-card .m-card__image-container.m-card__image-container-right {
  top: 1.2rem;
  width: 145px;
  height: 145px;
  left: 0rem;
}

.lucky-box-header {
  font-size: 3rem;
}

@media screen and (max-width: 991px) {
  .logo-img {
    width: 150px;
  }

  .m-sidebar {
    position: relative;
  }

  .m-card {
    width: 320px;
  }

  .m-card.m-card-left,
  .m-card.m-card-right {
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .m-card .m-card__text {
    overflow: hidden;
  }

  .m-card .m-card__text.m-card__text-left {
    padding: 3% 23% 0 0%;
    text-indent: 0rem;
  }

  .m-card .m-card__text.m-card__text-right {
    padding: 3% 0% 0 23%;
    text-indent: 0rem;
  }

  .m-card .m-card__text-container {
    position: absolute;
    width: 234px;
    height: 100%;
    padding: 3rem 0rem;
  }

  .m-card .m-card__text-container.m-card__text-container-left {
    top: 0;
    left: 0;
    padding-top: 3rem;
  }

  .m-card .m-card__text-container.m-card__text-container-right {
    top: 0;
    right: 0;
    padding-top: 3rem;
  }

  .m-card .m-card__image-container.m-card__image-container-left {
    top: 1.5rem;
    right: 0.7rem;
    width: 60px;
    height: 60px;
  }

  .m-card .m-card__image-container.m-card__image-container-right {
    top: 0.7rem;
    left: 0;
    width: 85px;
    height: 85px;
  }

  .lucky-box-container {
    height: 300px;
  }

  .lucky-box-container .lucky-box {
    transform: scale(0.6);
    transform-origin: top;
  }

  .lucky-box-header {
    font-size: 1.5rem;
  }
}