/* ----------------------------------------------------------------

	Theme Name: CarLack
	Author: 	strgS *we.are.pixel
	Version:	2020-08-17
-----------------------------------------------------------------*/



body.dark, .dark #wrapper, .dark #content, .dark .shop-quick-view-ajax, .dark .portfolio-ajax-modal, .dark .modal-content, .dark .page-transition-wrap, body.dark #side-panel, body #side-panel.dark {
    background-color: #090909;
}

.dark .section, .section.dark {
    background-color: #0d0d0d;
}

h1, h2, h3, h4, h5, h6 {
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    font-family: 'Raleway', sans-serif;
}

.heading-block.hlarge h3 {
    font-size: 64px;
    line-height: 66px;
}

.heading-block ~ p:not(.lead) {
    font-size: 24px;
}


.dark .button-dark:not(.button-border) {
    background-color: 
    rgba(100, 100, 100, 0.3);
}

.top-cart-title h4 {
    text-transform: none;   
}

/* ----------------------------------------------------------------
	Space
-----------------------------------------------------------------*/


.space-3 {
	margin-top: 3em;
}

.space-5 {
	margin-top: 5em;
}

.space-0-120 {
	margin-bottom: 120px;
}


/* -----  Google Maps  -----*/
.space-8 {
	margin-top: 10em;
}


/* -----  Primary Menu  -----*/

.dark #header:not(.transparent-header), #header.dark:not(.transparent-header) {
    background-color: #111;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* -----  Primary Menu Sticky -----*/

.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), .dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark), .dark #header.transparent-header.floating-header .container, .dark #header.transparent-header.floating-header.sticky-header .container, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container, .dark .responsive-sticky-header #header-wrap, .responsive-sticky-header.dark #header-wrap {
    background-color: #111;
}

/* -----  Primary Menu Hover  -----*/
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a, .dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current > a {
    color: #f5821f;
}



/* -----  Color Page Menu  
#page-menu-wrap {
    background-color: #777;
}	-----*/



/* -----  Nav Phone Icon  -----*/
#top-cart > a > span {
    display: none;
}

#top-cart > a {
    font-size: 32px;
    line-height: 20px;
    text-align: center;
    color: #f5821f;
}

.dark #header-wrap:not(.not-dark) #top-cart a:hover {
    color: #f5821f;
}

.top-cart-action span.top-checkout-price {
    font-size: 30px;
    color: #1ABC9C;
}

.top-links ul ul, .top-links ul div.top-link-section, #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content, #primary-menu.style-6 > ul > li > a::after, #primary-menu.style-6 > ul > li.current > a::after, #top-cart .top-cart-content, .fancy-title.title-border-color::before, .dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2, #primary-menu.dark ul li .mega-menu-content.style-2, .dark #top-cart .top-cart-content, .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a, .irs-from::after, .irs-single::after, .irs-to::after {
    border-top-color: #f5821f;
}



/* -----  Running Car  
.running-car {
    top: 100px;
}
-----*/


/* -----  Google Maps  -----*/
.g-map {
    margin: 40px 0 40px 0;
}

.bg-col-goog {
	background-color: #F2F1F0;
}


/* -----  Color  -----*/

.bgcolor, .button.button-3d:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):hover, .process-steps li.active a, .process-steps li.ui-tabs-active a, .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover, .owl-carousel .owl-nav [class*="owl-"]:hover, .page-item.active .page-link, .page-link:hover, .page-link:focus {
    background-color: #f5821f !important;
}

a, h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge), .header-extras li .he-text span, #primary-menu ul li:hover > a, #primary-menu ul li.current > a, #primary-menu div ul li:hover > a, #primary-menu div ul li.current > a, #primary-menu ul ul li:hover > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover, #top-cart > a:hover, .top-cart-action span.top-checkout-price, .breadcrumb a:hover, .portfolio-filter li a:hover, .portfolio-desc h3 a:hover, .portfolio-overlay a:hover, #portfolio-navigation a:hover, .entry-title h2 a:hover, .entry-meta li a:hover, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover, .spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover, .comment-content .comment-author a:hover, .product-title h3 a:hover, .single-product .product-title h2 a:hover, .product-price ins, .single-product .product-price, .feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img, .feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img, .process-steps li.active h5, .process-steps li.ui-tabs-active h5, .team-title span, .pricing-box.best-price .pricing-price, .btn-link, .dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider, .clear-rating-active:hover {
    color: #f5821f;
}

#primary-menu.style-3 > ul > li.current > a, #primary-menu.sub-title > ul > li:hover > a, #primary-menu.sub-title > ul > li.current > a, #primary-menu.sub-title > div > ul > li:hover > a, #primary-menu.sub-title > div > ul > li.current > a, #top-cart > a > span, #page-menu-wrap, #page-menu ul ul, #page-menu.dots-menu nav li.current a, #page-menu.dots-menu nav li div, .portfolio-filter li.activeFilter a, .portfolio-filter.style-4 li.activeFilter a::after, .portfolio-shuffle:hover, .entry-link:hover, .sale-flash, .button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):not(:hover), .button.button-dark:hover, .promo.promo-flat, .feature-box .fbox-icon i, .feature-box .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .i-rounded:hover, .i-circled:hover, ul.tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-carousel .owl-dots .owl-dot, #gotoTop:hover, .dark .button-dark:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark ul.tab-nav.tab-nav2 li.ui-state-active a, .dark .tagcloud a:hover, .ei-slider-thumbs li.ei-slider-element, .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus, .nav-pills .show > .nav-link, .checkbox-style:checked + .checkbox-style-1-label::before, .checkbox-style:checked + .checkbox-style-2-label::before, .checkbox-style:checked + .checkbox-style-3-label::before, .radio-style:checked + .radio-style-3-label::before, .irs-bar, .irs-from, .irs-to, .irs-single, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, input.switch-toggle-round:checked + label::before, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor, .entry::after {
    background-color: #f5821f;
}




/* -----  Kontakt Color -----*/

.dark .fancy-title h1, .dark .fancy-title h2, .dark .fancy-title h3, .dark .fancy-title h4, .dark .fancy-title h5, .dark .fancy-title h6 {
    background-color: 
    #090909;
}

/* -----  Kontakt Color Form  -----*/

.dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark), .dark .form-control:not(.not-dark):active, .dark .form-control:not(.not-dark):focus, .dark .sm-form-control:not(.not-dark):active, .dark .sm-form-control:not(.not-dark):focus {
    border-color: 
    rgba(90, 90, 90, 0.5) !important;
}


/* -----  Kontakt Color Icon -----*/
.dark .feature-box.fbox-bg.fbox-center, .dark .feature-box.media-box.fbox-bg .fbox-desc {
    background-color: #090909;
    border-color: rgba(255,255,255,0.1);
}

.feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img {
    background-color: #090909 !important;
}

/* -----  Kontakt Font -----*/
.feature-box h3 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}

/* -----  Footer -----*/

#footer.dark, .dark #footer {
    background-color: #111;
    color: #CCC;
    border-top-color: rgba(0,0,0,0.6);
}

.copyrights-menu {
    margin-bottom: 33px;
}

.dark #copyrights {
    background-color: rgba(0,0,0,0.4);
}

.col-md-4  address  {
    text-align: center;
}