@charset "utf-8";
/* CSS Document */
*, ::after, ::before {
	box-sizing:border-box
}

body{margin:0 auto!important; padding:0; font-family: 'Noto Sans', sans-serif!important; font-size:16px; max-width:1920px;}

img{border:0}
h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal; line-height:normal; font-family: 'Barlow Semi Condensed', sans-serif!important;}
	
	h1{font-size:42px; font-weight:600;}
	h2{font-size:32px; font-weight:500;}
	h3{font-size:28px}
	h4{font-size:24px}
	h5{font-size:18px}
	
input{outline:0;font-family:'Noto Sans', sans-serif;}

a{color:#1a1a1a; text-decoration:none!important;}

.wrapper{margin:0 auto; width:1250px;}

.header{float:left; width:100%; position:fixed; left:0; z-index:9999999}
.header_top{float:left; width:100%; padding:18px 0 18px 0; border-bottom:1px solid #ddd; background:#fff;}
.logo{float:left; width:238px; display:inline-block; margin-top:7px;}

.search_top{float:left; width:40%; margin-left:5%; margin-top:2px;}
.search_div{float:left; width:90%; background:#fff; border:1px solid #ccc; padding:5px; 
	border-radius:5px;
}
.search_in{width:85%; padding:7px 5px 7px 10px; background:#fff; border:0; float:left; font-size:14px; font-weight:600; font-family: 'Noto Sans', sans-serif;
border-radius:5px;
}

.translator{float:left; margin-left:3%; width:150px; margin-top:10px;}

.header_login{float:right; margin-top:7px;}
.header_login a{background:#173f70; color:#fff!important; padding:7px 20px; display:inline-block; text-decoration:none; border-radius:35px;}
.header_login a i{font-size:14px; color:#ddd}

.menu_sec{float:left; width:100%; background:#173f70;}
.menu_sec .active7{
  color: #fff !important;
  background:#e50f3c!important;
}
.menu_sec ul{padding:0; margin:0}

.sections{float:left; width:100%}
.sections h2{font-weight:600; font-size:24px; text-transform:uppercase;}

.banner_sec{float:left; width:100%; margin-top:125px; position:relative;}
.banner_wrapper{margin:0 auto; width:1250px; position:relative;}
.banner{float:left; width:100%; height:533px; overflow:hidden;}
.banner img{width:100%; height:auto; display:block;}

.form_sec{position:absolute; right:0%; top:0%; color:#FFFFFF; background:url(../images/search-bg.png) right; height:100%; width:455px; z-index:99; text-align:right;}
.form_sec_bg{float:right; width:75%; padding:5% 10% 5% 5%; font-size:16px; text-align:right; color:#fff;}
.form_sec_bg h2{font-size:36px; font-weight:700; color:#fff; text-transform:uppercase;}
.form_sec_bg h3{font-size:26px; font-weight:700; color:#fff; text-transform:uppercase;}
.form_sec_bg a{color:#fff!important;}
.form_sec_bg a:hover{color:#fff!important; text-decoration:underline!important;}

.txt77{text-transform:uppercase; font-weight:600; margin-top:15px; margin-bottom:0; padding-bottom:0; display:inline-block;}

.input01{width:100%; padding:4%; border-radius:5px; border:0; font-size:16px; margin-bottom:10px; background:#fff;}
.submit01{ color:#fff; padding:10px 40px 10px 20px; display:inline-block; text-decoration:none; border-radius:35px; border:0; font-size:18px; font-weight:600; cursor:pointer; background:url(../images/search-icon.png) no-repeat right; background-color:#173f70; background-position:90%;}

.input02{width:120px; padding:3%; border-radius:5px; font-weight:600; border:0; font-size:16px; margin-bottom:0; background:#3a3a3a; border:1px solid #3a3a3a; color:#fff;}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

input {
}

input[type=text] {
  
}

input[type=submit] {
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}



.brands_sec{float:left; width:100%; padding:1% 0; border-bottom:1px solid #eaeaea;}
.brands_sec ul{padding:0; margin:0; list-style-type:none;}
.brands_sec ul li{float:left; width:13.28%; border:1px solid #ddd; text-align:center; box-sizing:border-box; margin:15px  1% 0 0%; border-radius:5px; transition: 0.5s ease-out;}
.brands_sec ul li:hover{float:left; border:1px solid #666;}
.brands_sec ul li img{width:100%; height:auto; border-radius:10px;}
.brands_sec ul li a{color:#3a3a3a}


.car_wrapp{float:left; width:100%; padding:2% 0 0 0; background:#fff;}
.car_wrapp ul{padding:0; margin:20px 0 0 0; list-style-type:none; width:100%; float:left;}
.car_wrapp ul li{float:left;text-align:center; width:23.5%; margin-right:1.5%;}
.car_wrapp ul li img{width:100%; height:auto;  border-radius:5px;}
.car_wrapp ul li h4 a{color:#1a1a1a; font-size:20px; font-weight:500; margin:5px 0 10px 0; display:inline-block;}



.LatestCars{float:left; width:100%; padding:1% 0 0 0; border-top:0 solid #f1f1f1; border-bottom:1px solid #eaeaea; background:#f7f7f7;}
.LatestCars ul{padding:0; margin:20px 0 0 0; list-style-type:none; width:100%; float:left;}
.LatestCars ul li{float:left; width:23.5%; margin-right:1.5%;}
.LatestCars ul li img{width:100%; height:auto;  border-radius:5px;}
.LatestCars ul li h4 a{color:#1a1a1a; font-size:20px; font-weight:500; margin:5px 0 10px 0; display:inline-block;}

a.button1{border:1px solid #e50f3c; padding:5px 25px; text-align:center; #background:#f6f6f6; color:#e50f3c!important; font-size:14px; border-radius:35px; transition: 0.5s ease-out; display:inline-block; margin-top:0px; line-height:28px;}
a.button1:hover{border:1px solid #e50f3c; text-align:center; background:#e50f3c; color:#fff!important; border-radius:35px;}

.all_listing{float:left; width:100%; background:#fff; border-radius:5px 5px 0 0; margin-top:10px;}
.all_listing a{display: block; padding:1% 2%; color:#1a1a1a}

.right_menu_sec{float:right; margin:0; padding:0;}
.right_menu_sec a{color:#000; text-decoration:none; padding:0 10px;}
.right_menu_sec a:hover{color:#e50f3c;}

.upcoming_sec{float:left; width:100%; padding:2% 0; background:#fff; border-bottom:1px solid #eaeaea; position:relative;}
.upcoming_sec ul{padding:0; margin:20px 0 0 0; list-style-type:none; width:100%; float:left; }
.upcoming_sec ul li{float:left; width:23%; margin-right:1%; border:0 solid #ddd; overflow:hidden; box-sizing:border-box; border-radius:5px; box-shadow:0 1px 2px 1px #ddd; 
	position:relative;}
.upcoming_sec ul li img{width:100%; height:auto;}
.upcoming_sec ul li .dv1{float:left; width:50%; padding:3%; box-sizing:border-box;}
.upcoming_sec ul li .dv1 a{color:#1a1a1a; font-size:16px; font-weight:500;}
.upcoming_sec ul li .dv2{float:left; width:50%; padding:3%; text-align:right; font-size:12px; color:#666; box-sizing:border-box;}

.upcoming_sec ul li h6{position:absolute; top:5%; right:5%; z-index:999; font-size:14px;}
.upcoming_sec ul li h6 a{background:#3a3a3a; color:#e50f3c; padding:6.5px 9px; border-radius:180px; transition: 0.3s;}
.upcoming_sec ul li h6 a:hover{background:#e50f3c; color:#fff; border-radius:180px; transition: 0.3s;}



.compare_sec{float:left; width:100%; padding:3% 0; color:#fff; background:linear-gradient( rgba(33, 33, 33, 0.8) 100%, rgba(33, 33, 33, 0.3)100%),url("../images/background2.jpg") fixed; background-size:cover; background-position:bottom;}
.compare_sec h2{font-size:30px;}
.compare_sec ul{padding:0; margin:20px 0 0 0; list-style-type: none;}
.compare_sec ul li{float:left; width:32%; margin-right:1%; color:#1a1a1a; border:2px solid #fff; overflow:hidden; border-radius:5px; box-sizing:border-box; #box-shadow:0 1px 2px 1px #ddd; background:#fff; position:relative;}
.compare_sec ul li img{width:100%; height:auto; display:block}
.compare_sec ul li h4{padding:2% 5%; font-size:18px;}
.compare_sec ul li p{padding:0 5%; margin:0 0 5% 0}

.compare_sec ul li .dv7{float:left; width:50%; text-align:left;}
.compare_sec ul li .dv8{float:left; width:50%; text-align:right;}

.vs_comp{position:absolute; left:43%; right:0; top:42%; font-weight:600; background:#e50f3c; color:#fff; width:40px; height:40px; display:inline-block; border-radius:180px; padding:5px!important; margin:0!important;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.compare_sec ul li h5{float:left; width:100%; text-align:center; font-size:16px; margin:20px 0;}
.compare_sec ul li h5 a{padding:9px 25px; background:#fff; color:#e50f3c!important; border-radius:35px; border:1px solid #e50f3c; transition: 0.3s ease-out;}
.compare_sec ul li h5 a:hover{padding:9px 25px; background:#e50f3c; color:#fff!important; border-radius:35px; border:1px solid #e50f3c;}






.compare_page{float:left; width:100%; padding:5% 0 3% 0; margin-top:100px; color:#1a1a1a; background:#f0f0f0;}
.compare_page h2{font-size:30px; margin-bottom:10px;}

.compare_dv{float:left; width:100%; background:#fff; padding:3%; border-radius:5px; box-shadow:0 0px 5px 0px #dadada; transition: 0.3s ease-out;}
.compare_dv:hover{box-shadow:0 0px 10px 0px #c4c4c4;}

.compare_dv p{float:left; line-height:36px; margin-right:10px;}
.input77{width:220px; padding:12px; font-size:16px; border-radius:5px; border:1px solid #ddd;}
.submit77{padding:12px 30px; background:#3a3a3a; color:#fff; border:0; font-size:14px; cursor:pointer; font-family: 'Noto Sans', sans-serif; font-weight:600;
border-radius:5px; text-transform:uppercase;
}

.compare_wrapp{float:left; width:100%; margin-top:25px;}
.compare_wrapp h3{text-align:center}

.compare_wrapp ul{padding:0; margin:20px 0 0 0; list-style-type: none;}
.compare_wrapp ul li{float:left; width:31%; margin:1%; color:#1a1a1a; border:0 solid #fff; overflow:hidden; border-radius:5px; box-sizing:border-box; box-shadow:0 1px 2px 1px #ddd; background:#fff; position:relative;}
.compare_wrapp ul li img{width:100%; height:auto; display:block}
.compare_wrapp ul li h4{padding:2% 5%; font-size:18px;}
.compare_wrapp ul li p{padding:0 5%; margin:0 0 5% 0}

.compare_wrapp ul li .dv7{float:left; width:50%; text-align:left;}
.compare_wrapp ul li .dv8{float:left; width:50%; text-align:right;}

.compare_wrapp ul li h5{float:left; width:100%; text-align:center; font-size:16px; margin:20px 0;}
.compare_wrapp ul li h5 a{padding:9px 25px; background:#fff; color:#e50f3c!important; border-radius:35px; border:1px solid #e50f3c; transition: 0.3s ease-out;}
.compare_wrapp ul li h5 a:hover{padding:9px 25px; background:#e50f3c; color:#fff!important; border-radius:35px; border:1px solid #e50f3c;}





.press_sec{float:left; width:100%; padding:2% 0; background:#f7f7f7;}
.press_sec ul{padding:0; margin:20px 0 0 0; list-style-type:none; width:100%; float:left; }
.press_sec ul li{float:left; width:24%; margin-right:1%; margin-bottom:1%; border:0 solid #ddd; background:#fff; overflow:hidden; box-sizing:border-box; border-radius:5px; box-shadow:0 1px 2px 1px #ddd; color:#3a3a3a; font-size:14px; line-height:24px;}
.press_sec ul li img{width:100%; height:auto;}
.press_sec ul li div{float:left; width:90%; padding:2% 5%;}
.press_sec ul li a{color:#000;}

a.button2{#background:#fff; color:#3a3a3a!important; padding:9px 25px; display:inline-block; text-decoration:none; border-radius:35px; border:1px solid #3a3a3a; transition: 0.5s ease-out;}
a.button2:hover{background:#3a3a3a; color:#fff!important; padding:9px 25px; display:inline-block; text-decoration:none; border-radius:35px;}


a.button3{background:#e50f3c; color:#fff!important; padding:9px 25px; display:inline-block; text-decoration:none; border-radius:35px; border:1px solid #e50f3c; transition: 0.5s ease-out;}
a.button3:hover{background:#e50f3c; color:#fff!important; padding:9px 25px; display:inline-block; text-decoration:none; border-radius:35px;}



.footer{float:left; width:100%; padding:2% 0; background:#173f70; color:#ddd; font-size:14px; line-height:22px; border-bottom:0 solid #000}
.footer h3{text-transform: none; color:#fff; font-size:24px}
.footer .div2{float:left; width:26%; margin-right:5%;}
.footer .div{float:left; width:22%; line-height:24px;}
.footer .div i{font-size:16px; color:#fff; margin-right:5px;}

.footer a{color:#ddd; text-decoration:none}
.footer a:hover{color:#fff;}


.copyright_sec{float:left; width:100%; background:#081c35; color:#fff; font-size:14px; padding:15px 0;}



.inner_banner{float:left; width:100%; padding:7% 0; color:#fff; margin-top:130px;
	background:linear-gradient( rgba(66, 66, 66, 0.3) 100%, rgba(66, 66, 66, 0.3)100%),url("../images/pexels-photo.jpg") fixed; background-size:cover; background-position:center;}
.inner_banner h1{font-size:48px; width:50%;}	
.inner_banner p{width:50%}

.inner_banner2{float:left; width:100%; padding:7% 0; color:#fff; margin-top:130px;
	background:linear-gradient( rgba(33, 33, 33, 0.5) 100%, rgba(33, 33, 33, 0.3)100%),url("../images/background2.jpg") fixed; background-size:cover; background-position:bottom;}
.inner_banner2 h1{font-size:48px; width:50%;}	
.inner_banner2 p{width:50%}


.inner_banner3{float:left; width:100%; padding:7% 0; color:#fff; margin-top:130px;
	background:linear-gradient( rgba(33, 33, 33, 0.5) 100%, rgba(33, 33, 33, 0.3)100%),url("../images/background3.jpg") fixed; background-size:cover; background-position:bottom;}
.inner_banner3 h1{font-size:48px; width:50%;}	
.inner_banner3 p{width:50%}
	
	

.car_listing_page{float:left; width:100%; padding:2% 0; background:#f7f7f7;}
.car_listing_left{float:left; width:75%;  padding:0%; box-sizing:border-box;}
.listing_wrap{float:left; width:100%;}
.listing_wrap ul{padding:0; margin:20px 0 0 0; list-style-type:none; width:100%; float:left;}
.listing_wrap ul li{float:left; width:31%; margin-right:2%; box-sizing:border-box; border-radius:5px; margin-bottom:2%; box-shadow:0 1px 2px 1px #eaeaea; color:#3a3a3a; background:#fff;}
.listing_wrap ul li img{width:100%; height:auto; border-radius:5px;}
.listing_wrap ul li h4 a{color:#1a1a1a; font-size:20px; font-weight:500; margin:0 0 0 0; display:inline-block;}
.listing_wrap ul li h5{margin-top:8px}
.listing_wrap ul li div{float:left; width:90%; padding:0% 5%}

.cld{font-size:12px; color:#666}


.car_listing_right{float:right; width:25%;}
.car_listing_right h3{text-transform:uppercase; font-size:20px; font-weight:600;}
.search_brand{float:left; width:100%; border-radius:5px; padding:5%; background:#e50f3c; box-sizing:border-box; color:#fff;}

.upcoming_search{float:left; text-align:center !important; width:100%; border-radius:5px; padding:5%; background:#3a3a3a; box-sizing:border-box; color:#fff; margin-top:10px;}
.upcoming_search ul{padding:0; margin:20px 0 0 0; list-style-type:none; width:100%; float:left;}
.upcoming_search ul li{float:left; width:100%; margin-right:0%; box-sizing:border-box; border-radius:5px; margin-bottom:2%; color:#fff; background:#3a3a3a;}
.upcoming_search ul li img{width:100%; height:auto; border-radius:5px;}
.upcoming_search ul li h4 a{color:#fff; font-size:20px; font-weight:500; margin:0 0 0 0; display:inline-block;}
.upcoming_search ul li h5{margin-top:8px}
.upcoming_search ul li div{float:left; width:90%; padding:0% 5%}


.coontent_wrap{float:left; width:95%; line-height:24px;}
.coontent_wrap img{width:100%; height:auto;}


.Contact_sec{float:left; width:100%; padding:2% 0; background:#f1f1f1; color:#333}
.feature{float:left; width:100%;}
.feature iframe{width:100%; height:auto; border:0; height:350px; display:block;}
.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.Contact_sec h3{font-size:26px; color:#1a1a1a; line-height:normal; font-weight:600; text-transform:uppercase;}
.Contact_sec p{color:#333;}
.contact_left{float:left; width:50%}
.contact_right{float:right; width:40%}

.contact_right .inn7{width:96%; padding:3%; border:0;font-size:16px; margin-top:10px; border:1px solid #fff; background:#fff; font-family: 'Noto Sans', sans-serif;
border-radius:5px;
}
.contact_right .inn8{width:96%; padding:3%; border:0; outline:none; font-size:16px; border:1px solid #fff; background:#fff; font-family: 'Noto Sans', sans-serif;
border-radius:5px;
}
.submitt{padding:12px 35px; background:#e50f3c; color:#fff; border:0; font-size:18px; cursor:pointer; font-family: 'Noto Sans', sans-serif; font-weight:600;
border-radius:35px; text-transform:uppercase;
}



.product_detail_page{float:left; width:100%; padding:2% 0; #position:relative; background:#fff}

.product_detail_left{float:left; width:50%; position:inherit; height:100%;}
.product_image_sec{float:left; width:100%; #position:fixed; z-index:999;}
.product_image_sec_img{width:100%; float:left; margin-bottom:5px; background:#fff; overflow:hidden;}
.product_image_sec_img img{width:100%; height:auto; transition: 0.5s; cursor:pointer;}
.product_image_sec_img img:hover{width:100%; height:auto; transform: scale(1.5);}

.product_image_sec_thumbs{width:100%; float:left; margin-top:5px; box-sizing:border-box;}
.product_image_sec_thumbs img{width:100%; height:auto; display:block; border:2px solid #f0f0f0; box-sizing:border-box;}
.product_image_sec_thumbs img:hover{width:100%; height:auto; display:block; border:2px solid #ddd; box-sizing:border-box;}

.product_detail_right{float:right; width:45%; font-weight:500; line-height:24px; font-size:14px;}
.product_detail_right h1{text-transform:uppercase}
.tablees{font-size:14px; color:#333;}
.black{color:#333}

.green{color:green}

.smtxt{font-size:13px; color:#999999;}


.pro_details{float:left; width:100%; padding:0%; margin-top:25px;}
.pro_details p{color:#5e5176}
.product_description{float:left; width:100%; margin-top:10px; font-size:16px; #border-bottom:2px solid #ddd; #padding-bottom:10px;}
.product_description ul, ol{padding:0; margin:10px 0 10px 15px; color:#5e5176;}
/* Style the tab */
.product_description div.tab {
    overflow: hidden;
    border: 1px solid #ddd;
	border-bottom: 0 solid #ddd;
    background-color: #f6f6f6;
	border-radius:10px 10px 0 0;
}

/* Style the buttons inside the tab */
.product_description div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
    font-size: 14px;
	font-weight:500;
}

/* Change background color of buttons on hover */
.product_description div.tab button:hover {
    background-color: #f6f6f6;
	color:#f6684a;
}

/* Create an active/current tablink class */
.product_description div.tab button.active {
    background-color: #f6f6f6; color:#f6684a!important;
}

/* Style the tab content */
.tabcontent {
    display: inherit;
    padding:6px 3%;
    border: 1px solid #ccc;
    border-top: none;
	text-align:left;
	background:#fff;
	font-size:14px;
	line-height:22px;
	border-radius:0 0 10px 10px;
	font-weight:400;
	overflow:hidden;
}
.tabcontent th{font-weight:600; font-size:13px}
/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 20px;
	display:none;
}

.topright:hover {color: red;}

.tabcontent2 {
    display: inherit;
    padding:6px 0%;
    border: 1px solid #ccc;
    border-top: none;
	text-align:left;
	background:#fff;
	font-size:14px;
	line-height:22px;
	border-radius:0 0 10px 10px;
	font-weight:400;
}

.extra_content{
	border: 1px solid #ccc;
    border-top: none;
	text-align:left;
	background:#fff;
	padding:0% 0!important;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color:#fff; /* Fallback color */
}

/* Modal Content */
.modal-content {
    background-color: #fff;
    margin: auto;
    padding:1%  1.5%;
    border: 0 solid #888;
    width: 350px;
	border-radius:10px;
	color:#f6684a;
	font-size:14px;
}
.price_cut{text-decoration:line-through; color:#999; font-size:16px;}

.img7{width:50%; height:auto; display:inline-block;}



.ad_banner{float:left; width:100%; #padding:2% 0;}
.ad_banner img{width:100%; height:auto; display:block;}



.fa1{background:#fff!important; padding:10px 18px!important; box-shadow:0 2px 2px 1px #999; color:#111!important; transition: 0.3s; border-radius:180px; font-size:26px!important; font-weight:100!important;}
.fa1:hover{background:#3a3a3a!important; border:0 solid #3a3a3a!important; color:#fff!important; box-shadow:0 0 0 0 #fff;}





/* The Modal (background) */
.modal2 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index:999999;
}

/* Modal Content */
.modal-content2 {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: 0 solid #888;
  width: 400px;
  padding:10px 20px 20px 20px;
  border-radius:10px;
  
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
.modal-content2 .span07{float:right; font-size:13px;}
.modal-content2 h3{font-weight:600; margin-bottom:0px; margin-top:30px;}

.inn88{width:100%; padding:3%; border:0;font-size:16px; margin-top:10px; border:1px solid #ddd; background:#fff; font-family: 'Noto Sans', sans-serif;
border-radius:5px;
}
.submit7{padding:10px 30px; background:#3a3a3a; color:#fff; border:0; font-size:14px; cursor:pointer; font-family: 'Noto Sans', sans-serif; font-weight:600;
border-radius:35px; text-transform:uppercase;
}
.modal-content2 a{color:#1a1a1a;}
.modal-content2 a:hover{color:#e50f3c; text-decoration:underline!important}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1;}
}

@keyframes animatetop {
  from {top:-300px; opacity:0;}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 52px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}




@media only screen and ( max-width : 1366px ) {
.wrapper{margin:0 auto; width:90%;}
.banner_wrapper{margin:0 auto; width:90%; position:relative; margin-top:125px; overflow:hidden;}

.banner_sec{float:left; width:100%; margin-top:0; position:relative;}
.banner{float:left; width:100%; height:533px;}
.banner img{width:100%; height:auto; display: inline-block;}

.input01{width:100%; padding:2.5%; border:0; font-size:16px; margin-bottom:10px;}
.form_sec_bg{float:right; width:75%; padding:10% 10% 2% 10%; background: url(../images/form-bg.png) no-repeat bottom; color:#111; font-size:16px; color:#fff;}
.search_top{float:left; width:40%; margin-left:3%; margin-top:2px;}
.translator{float:left; margin-left:0%; width:100px; margin-top:10px;}
}

@media only screen and ( max-width : 1280px ) {
.banner_wrapper{margin:0 auto; width:92%; position:relative; margin-top:125px;}
.banner_sec{float:left; width:100%; margin-top:5px; position:relative;}
.banner{float:left; width:100%; height:100%; overflow:hidden;}
.banner img{width:100%; height:auto; display: inline-block;}

.search_top{float:left; width:40%; margin-left:3%; margin-top:2px;}
.input01{width:100%; padding:3%; border:0; font-size:16px; margin-bottom:10px;}

.wrapper{margin:0 auto; width:95%;}

.input77{width:200px; padding:10px; font-size:16px; border-radius:5px; border:1px solid #ddd;}

}


@media only screen and ( max-width : 1024px ) {
.banner_wrapper{margin:0 auto; width:90%; position:relative; margin-top:0;}
.banner_sec{float:left; width:100%; margin-top:0; position:relative;}
.banner{float:left; width:100%; height:100%; overflow:hidden;}
.banner img{width:100%; height:auto; display: inline-block;}

.search_top{float:left; width:100%; margin:15px 0 15px 5%;}

.input01{width:100%; padding:3%; border:0; font-size:16px; margin-bottom:10px;}

.wrapper{margin:0 auto; width:90%;}

.header{float:left; width:100%; position:inherit; left:0; z-index:9999999}
.form_sec{position:inherit; float:left; right:0%; top:0%; color:#FFFFFF; background:url(../images/search-bg.png) no-repeat right; background-size:cover; height:auto; width:100%; z-index:99; text-align:center; #background:#e50f3c;}
.menu_sec{float:left; width:100%; background:#3a3a3a; margin-top:-65px;}


.input77{width:150px; padding:10px; font-size:16px; border-radius:5px; border:1px solid #ddd;}


}



@media only screen and ( min-width : 150px) and ( max-width : 768px ) {
.wrapper{margin:0 auto; width:90%;}
.banner_wrapper{margin:0 auto; width:100%; position:relative; margin-top:0;}

.header{float:left; width:100%; position:inherit; left:0; z-index:9999999}
.logo{float:left; text-align:center; width:100%; display:inline; margin-top:0;}
.translator{float:left; margin-left:2%; width:120px; margin-top:10px;}

.search_top{float:left; width:100% !important;  margin:15px 0 15px 5%;}
.search_in{width:80%;}

.menu_sec{float:left; width:100%; background:#3a3a3a; margin-top:0px;}
.search_top .input-group {
    width: 100% !important;}

.psearch{margin-left: -9px !important;  width: 100% !important; padding-top: 5px !important;  padding-right: 15px !important;  padding-left: 0px !important;}
.banner{float:left; width:100%; height:auto; overflow:hidden;}
.form_sec{position:relative; float:left; right:0%; top:; color:#FFFFFF; background:url(../images/search-bg.png) right no-repeat; background-size:cover; height:auto; width:100%; z-index:99; text-align:right;display:none;}
.form_sec_bg{float:right; width:90%; padding:5% 10%; background: url(../images/form-bg.png) no-repeat bottom; color:#111; font-size:16px; text-align:right; color:#fff;}

.brands_sec{padding:2% 0}
.brands_sec ul li{float:left; width:23%; border:1px solid #ddd; text-align:center; box-sizing:border-box; margin:10px  1% 0 1%; border-radius:5px; transition: 0.5s ease-out;}

.LatestCars{padding:4% 0 0 0}
.LatestCars ul li{float:left; width:47%; margin-right:3%;}
.car_wrapp ul li{float:left; width:47%; margin-right:3%;}

.right_menu_sec{float:right; margin:10px 0 0 0; padding:0; width:100%; text-align:left;}

.all_listing a{display: block; padding:3%; color:#1a1a1a}

.upcoming_sec{padding:4% 0 0 0}
.upcoming_sec ul li{float:left; width:100%; margin-right:0%; margin-bottom:5%; border:0 solid #ddd; overflow:hidden; box-sizing:border-box; border-radius:5px; box-shadow:0 1px 2px 1px #ddd; position:relative;}

.press_sec{padding:4% 0 0 0} 
.press_sec ul li{float:left; width:100%; margin-right:0%; margin-bottom:5%; border:0 solid #ddd; overflow:hidden; box-sizing:border-box; border-radius:5px; box-shadow:0 1px 2px 1px #ddd; color:#3a3a3a; font-size:14px; line-height:24px;}

.compare_sec ul li{float:left; width:100%; margin-right:0%; margin-bottom:5%;}


.footer .div2{float:left; width:100%; margin-right:0%;}
.footer .div{float:left; width:100%}


.inner_banner{float:left; width:100%; padding:10% 0; color:#fff; margin-top:0;}
.inner_banner h1{font-size:32px; width:100%;}	
.inner_banner p{width:100%;}	

.inner_banner2{float:left; width:100%; padding:10% 0; color:#fff; margin-top:0;}
.inner_banner2 h1{font-size:32px; width:100%;}	
.inner_banner2 p{width:100%;}

.inner_banner3{float:left; width:100%; padding:10% 0; color:#fff; margin-top:0;}
.inner_banner3 h1{font-size:32px; width:100%;}	
.inner_banner3 p{width:100%;}

.car_listing_left{float:left; width:100%; padding:0%; box-sizing:border-box;}
.listing_wrap ul li{float:left; width:47%; margin-right:3%;}


.car_listing_right{float:right; width:100%; margin-top:20px;}
.upcoming_search ul li{float:left; width:47%; margin-right:3%;}

.coontent_wrap{float:left; width:100%; line-height:24px;}


.product_detail_left{float:left; width:100%; position:inherit; height:100%;}
.product_detail_right{float:right; width:100%; font-weight:500; line-height:24px; font-size:14px;}

.img7{width:100%; height:auto; display:inline-block;}


.tabs2{
  position: relative;
  margin: 0 0;
  height: 820px!important;
  float:left;
  width:100%;
}


.contact_left{float:left; width:100%}
.contact_right{float:right; width:100%}


.compare_wrapp ul li{float:left; width:100%; margin-right:0%; margin-bottom:5%;}
.compare_page{ margin-top:0; color:#1a1a1a;}
.compare_dv{padding:5%; margin-top:0;}
.compare_dv p{float:left; line-height:16px; margin-right:10px; width:100%; margin-bottom:0; padding-bottom:0; text-align:center;}
.input77{width:100%; padding:3%; font-size:16px; border-radius:5px; border:1px solid #ddd; margin-bottom:5px;}


}



@media only screen and ( max-width : 480px ) {
.menu_sec{float:left; width:100%; background:#3a3a3a; margin-top:-65px;}
.translator{float:left; margin-left:0%; width:100px; margin-top:10px;}

.tabs2{
  position: relative;
  margin: 0 0;
  height: 1500px!important;
  float:left;
  width:100%;
}

.modal-content2 {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: 0 solid #888;
  width: 90%;
  padding:10px 20px 20px 20px;
  border-radius:10px;

}
.modal-content2 img{margin-bottom:10px; width:50%}
.form_sec_bg {
    background: #e8274f!important;
    float: right;
    width: 100%;
    padding: 5% 10%;}
}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #f7a450 !important;
}

.nav-pills .nav-link {
    color: #173f70 !important;}
/* Compare Cars */


.carousel-indicators li {
    
     background-color: transparent !important; 
}

#brandDetails .popularBrand .brand-b {
    border: 1px solid rgba(0,0,0,.1);
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}