/*--------------------- Copyright (c) 2021 -----------------------
[Master Stylesheet]

Project: Car-O-Bar Car Dealer Responsive WordPress Theme
Version: 1.0.0
Author: Pixelnx
Assigned to: Template Monster
-------------------------------------------------------------------

[Table of contents]

1. Body
2. Typography css / a
3. Placeholder css
4. Heading css
5. Button css
6. Header css
7. Search css
8. Slider css
9. Welcome Wrapper css
10.Service css
11.Featured car css
12.Help wrapper css
13.Blog css
14.Footer css
15.Home version 1 css
16.About page css
17.New purchase page css
18.Sidebar css
19.Pagination css
20.Service page css
21.Blog page css
22.Blog single page css
23.Contact page css
24.Car sell page css
25.Purchase page css
26.Old purchase single page
27.Compare page css
28.Checkout page css
27.Sign in Modal
28.Error Page css
29.Go To Top css
-------------------------------------------------------------------*/

body {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    background-color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
}
/*----Body End----*/
/*----Typography Css Start----*/

a {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover,
a:focus {
    color: #ffffff;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
img {
    max-width: 100%;
}
input,
textarea,
select,
button {
    outline: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.form-control:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #f15b5b;
}
.impl_padderleft {
    padding-left: 0px;
}
.impl_padderright {
    padding-right: 0px;
}
.impl_toppadder10 {
    padding-top: 10px;
}
.impl_toppadder20 {
    padding-top: 20px;
}
.impl_toppadder30 {
    padding-top: 30px;
}
.impl_toppadder40 {
    padding-top: 40px;
}
.impl_toppadder50 {
    padding-top: 50px;
}
.impl_toppadder60 {
    padding-top: 60px;
}
.impl_toppadder70 {
    padding-top: 70px;
}
.impl_toppadder80 {
    padding-top: 80px;
}
.impl_toppadder90 {
    padding-top: 90px;
}
.impl_toppadder100 {
    padding-top: 100px;
}
.impl_toppadder115 {
    padding-top: 115px;
}
.impl_bottompadder10 {
    padding-bottom: 10px;
}
.impl_bottompadder20 {
    padding-bottom: 20px;
}
.impl_bottompadder30 {
    padding-bottom: 30px;
}
.impl_bottompadder40 {
    padding-bottom: 40px;
}
.impl_bottompadder50 {
    padding-bottom: 50px;
}
.impl_bottompadder60 {
    padding-bottom: 60px;
}
.impl_bottompadder70 {
    padding-bottom: 70px;
}
.impl_bottompadder80 {
    padding-bottom: 80px;
}
.impl_bottompadder90 {
    padding-bottom: 90px;
}
.impl_bottompadder100 {
    padding-bottom: 100px;
}
.impl_bottompadder115 {
    padding-bottom: 115px;
}
.impl_padderboth120 {
    padding: 120px 0px;
}
.bg_color {
    background-color: #333333;
}
/*----Placeholder css start----*/

.form-control::-webkit-input-placeholder,
.impl_cart_footer .impl_footer_subs input::-webkit-input-placeholder {
    color: #5d5d5d;
}
.form-control::-moz-placeholder,
.impl_cart_footer .impl_footer_subs input::-moz-input-placeholder {
    color: #5d5d5d;
}
.form-control:-ms-input-placeholder,
.impl_cart_footer .impl_footer_subs input::-ms-input-placeholder {
    color: #5d5d5d;
}
/*----Preloader Css Start----*/
.imp_banner{
    background-image: url(../images/slide15.jpg);
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-top: 85px;
    text-align: center;
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
    clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
    min-height: 400px;
    height: 400px;
}
.imp_banner:before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(241, 91, 91, 0.93);
	z-index:-1;
	content:"";
}
.imp_banner h1 {
    text-transform: uppercase;
    font-size: 30px;
    padding: 25px 0px 10px;
    letter-spacing: 2px;
}

.imp_banner p {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
}
.impl_btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0px;
    padding: 0 10px;
    min-width: 150px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    position: relative;
    z-index: 1;
}
.impl_btn:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #292b2c;
    border: 1px solid #292b2c;
    -webkit-transform: skewX(-26deg);
    -moz-transform: skewX(-26deg);
    -o-transform: skewX(-26deg);
    -ms-transform: skewX(-26deg);
    transform: skewX(-26deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.imp_content_wrapper {
    text-align: center;
    z-index: 1;
    position: relative;
    padding-bottom: 50px;
}
.imp_heading {
    padding-top: 60px;
    /* padding-bottom: 50px; */
}

.imp_heading h1 {
    text-transform: uppercase;
    font-size: 35px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 40px;
}

.imp_heading p {
    font-size: 25px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    color: #f15b5b;
}

.imp_demo_img {
    margin-top: 40px;
    height: 590px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.imp_demo_box h3 {
    font-size: 20px;
    padding: 20px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.imp_demo_box{
	position:relative;
}
.imp_features_wrapper {
    background-color: #ffffff;
    text-align: center;
    padding: 70px 0px 20px;
}

.imp_features_wrapper .imp_heading h1 {
    color: #0a0a0a;
	padding-bottom:50px
}

.imp_features_wrapper .imp_heading {
    padding-top: 0px;
}
.imp_fea_box h3 {
    color: #0a0a0a;
    font-size: 18px;
    text-transform: capitalize;
    /* letter-spacing: 1px; */
    padding: 20px 0px;
    font-weight: 500;
}
.imp_fea_img {
	overflow:hidden;
    box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.15);
    display: inline-block;
	    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
.imp_fea_box:hover .imp_fea_img {
    transform: translate3d(0px, -6px, 0px);
    -webkit-transform: stranslate3d(0px, -6px, 0px);
    -ms-transform: translate3d(0px, -6px, 0px);
    -o-transform: translate3d(0px, -6px, 0px);
    -moz-transform: translate3d(0px, -6px, 0px);
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    box-shadow: 0 18px 45px 18px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 18px 45px 18px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 18px 45px 18px rgba(0, 0, 0, 0.15);
}
.imp_fea_box {
    margin-bottom: 30px;
}
.imp_bestsell_wrapper {
    padding: 70px 0px 100px;
    text-align: center;
}

.imp_bestsell_wrapper .imp_heading {
    padding-top: 0px;
}
.best_pro_slider {
    text-align: center;
    padding-top: 50px;
}
.best_pro_slider .slick-slide img {
    display: inline-block;
}
.slick-slide:hover, .slick-slide:focus{
	outline:none;
}
.slick-dots {
    bottom: -63px;
}
.slick-dots li button:before {
    font-size: 12px;
	color:#ffffff;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color:#f15b5b;
}
.pro_name {
    /* padding-top: 15px; */
    padding: 15px;
}

.pro_name h3 {
    font-size: 19px;
    float: left;
    font-weight: 500;
}

.pro_name span.price {
    float: right;
    font-weight: 700;
    font-size: 17px;
}
.imp_footer {
    padding: 15px 0px;
    text-align: center;
    background-color: #f15b5b;
}

.imp_footer p {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    /* letter-spacing: 1px; */
}
.pro_box {
    position: relative;
}
.demo_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(241, 91, 91, 0.9);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.demo_buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.demo_buttons a {
    color: #ffffff;
    font-size: 16px;
    text-transform: capitalize;
    border: 2px solid #ffffff;
    display: inline-block;
    z-index: 100;
    padding: 6px 20px;
    font-weight: 500;
    border-radius: 28px;
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -ms-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
.pro_box:hover .demo_overlay, .imp_demo_box:hover .demo_overlay{
    opacity: 1;
}
.pro_box:hover .demo_buttons a, .imp_demo_box:hover .demo_buttons a {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.pro_img {
    position: relative;
    display: inline-block;
}
.imp_fea_img {
    width: 150px;
    height: 150px;
    line-height: 160px;
    border-radius: 100%;
}

.imp_fea_img i {
    font-size: 36px;
    color: #f15b5b;
}
/*----Media Css Start----*/
@media(max-width:1200px){
	.slick-slide {
    margin: 0px 15px;
}
.pro_name h3 {
    font-size: 16px;
}
.pro_name {
    padding: 15px 0px;
}
}

@media(max-width:767px){
	.pro_name {
    text-align: center;
}
.pro_name h3 {
    display: block;
    float: none;
}
.pro_name span.price {
    float: none;
    padding-top: 15px;
    display: inline-block;
}
.imp_banner {
    padding-top: 55px;
    min-height: 380px;
    height: 380px;
}
.imp_banner h1 {
    font-size: 24px;
}
.imp_banner p {
    font-size: 16px;
}
.imp_heading h1 {
    font-size: 28px;
}
.imp_heading p {
    font-size: 19px;
}
}
@media(max-width:480px){
	.imp_banner {
    -webkit-clip-path:none;
    clip-path: none;
}
.demo_buttons a {
    font-size: 11px;
}
}