*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, html {
	font-size: 100%;
	padding: 0;
	margin: 0;
	height: 100%;
	overflow-x: hidden;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
body ul {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
body li {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
body {
	overflow-x: visible;
	overflow-y: visible;
	font-size: 15px;
	line-height: 18px;
	color: #000000;
}
h1 {
	margin: 10px 0px;
	color: white;
	font-size: 40px;
	line-height: 45px;
	text-align: center;
	font-family: 'Myriad Pro';
	font-weight: 600;
	font-style: normal;
}
h2 {
	margin: 10px 0px;
	font-size: 32px;
	line-height: 36px;
	font-family: 'Myriad Pro';
	font-weight: 600;
	font-style: normal;
}
h3 {
	margin: 10px 0px;
	font-size: 18px;
	line-height: 30px;
	font-family: 'Myriad Pro';
	font-weight: 600;
	font-style: normal;
}
h4 {
	margin: 0px 0px 10px;
	padding-top: 5px;
	color: white;
	font-size: 20px;
	line-height: 24px;
	font-family: 'Myriad Pro';
	font-weight: 600;
	font-style: normal;
	text-align: center;
}
h5 {
	margin: 10px 0px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}
h6 {
	margin: 10px 0px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
}
p {
	margin-bottom: 5px;
	color: #333333;
	text-align: left;
	font-family: 'Myriad Pro';
	font-weight: normal;
	font-style: normal;
	line-height: 22px;
	font-size: 14px;
}
a {
	color: #888;
	text-decoration: none;
}
i {
	margin-right: 5px;
}
button{
	border:none;
	padding:5px;
}
.text-center {
	text-align: center;
}
section {
	float: left;
	width: 100%;
	padding: 50px 0;
}
.white-text {
	color: #fff !important;
}
h2.general_heading {
    font-size: 26px;
    text-transform: uppercase;
	color: #3269A9;
}
.general_ul{
	line-height: 25px;
}
/*----- Header style end --------*/
.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}/* The close button */
.alert.success {
    background-color: #4CAF50;
}
.success {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}
.top-header {
	float: left;
	width: 100%;
	padding: 10px 0;
	background: #000000;
	color: #fff;
}
.top-right {
	float: right;
	text-align: right;
}
.reg {
	float: right;
	margin-right: 10px;
	padding-right: 15px;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}
.login {
	float: right;
	margin-right: 10px;
	padding-right: 15px;
	color: #ffffff;
	font-size: 16px;
	border-right: 1px solid #fff;
	text-transform: uppercase;
}
.w-col.w-col-3.top-left {
	position: relative;
	left: 20%;
	color: #fff;
}
.country_time {
	color: #FFFFFF;
	text-transform: uppercase;
}
.total_stock {
	position: absolute;
	margin: 0 auto;
	float: none;
	text-align: center;
	font-size: 18px;
	left: 0;
	right: -150px;
	width: 150px;
}
.fixed-header {
	float: left;
	width: 100%;
	height: auto;
	background-color: #3269A9;
}
.logo-div {
	width: 20%;
}
.logo {
	position: absolute;
	top: -38px;
	background: #ffffff;
	padding: 11px 16px;
}
.logo img {
	float: left;
	width: auto;
}
.main-nav {
	float: right;
}
.nav {
	height: auto;
	float: left;
}
.nav-menu>ul {
	list-style: none;
	padding-left: 12px;
}
.nav-menu>ul>li {
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}
.nav a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}
.nav a:hover {
	color: #000;
}
.nav-menu ul li:hover {
	color: #000 !important;
}
.w-nav-link.w--current {
	color: #000;
}
.w-nav-link.w--current:hover {
	color: #000;
}
.dropdown {
	position: absolute;
	background: #000;
	list-style: none;
	padding: 10px;
	min-width: 200px;
	margin-top: 14px;
	display: none;
}
.nav-menu>ul>li:hover .dropdown {
	display: block;
}
.dropdown li a {
	margin: 0px 0 15px 0;
	color: #ffffff;
	float: left;
	width: 100%;
}
.dropdown li a:hover {
	color: #3269A9;
}
.sub-dropdown {
	position: absolute;
	background: #000;
	list-style: none;
	padding: 10px;
	min-width: 200px;
	margin-top: 20px;
	display: none;
	left: 200px;
}
.dropdown>li:hover .sub-dropdown {
	display: block;
}
.menu-li {
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: 400;
	border-right: 1px solid #ffffff;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}
.glbl-stock .menu-dropdown-list {
	font-size: 16px !important;
	line-height: 15px;
	text-transform: none !important;
}
i.flag {
	float: left;
	width: 18px;
	height: 14px;
	margin-right: 8px;
	display: inline-block;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
}
i.flag.swaziland {
	background-position: 0 -156px;
}
i.flag.lesotho {
	background-position: -24px -155px !important;
}
i.flag.global {
	background-position: 0 -112px;
}
i.flag.chili {
	background-position: -24px -185px;
}
i.flag.dominican {
	background-position: -24px -156px;
}
i.flag.mongolia {
	background-position: -22px -171px !important;
}
i.flag.japan {
	background-position: 0 -14px;
}
i.flag.kenya {
	background-position: 0 -84px;
}
i.flag.namibia {
	background-position: 0 -127px;
}
i.flag.botswana {
	background-position: -24px -127px;
}
i.flag.south-africa {
	background-position: 0 -56px;
}
i.flag.south-africa {
	background-position: 0 -56px;
}
i.flag.tanzania {
	background-position: 0 -28px;
}
i.flag.uae {
	background-position: 0 -70px;
}
i.flag.uk {
	background-position: 0 -98px;
}
i.flag.zambia {
	background-position: 0 -42px;
}
i.flag.uganda {
	background-position: -24px -141px;
}
i.flag.zambia {
	background-position: 0 -42px;
}
i.flag.uae {
	background-position: 0 -70px;
}
.w-nav-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #222;
	padding: 0px 20px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.important.not {
	float: left;
	border: 1px solid #e3e3e3;
	margin: 10px 0;
	padding: 14px;
	border-radius: 5px;
	background: #f3f3f3;
}
.important.not p {
	font-weight: normal;
	line-height: 18px;
}
.danger {
	color: red;
	font-weight: 600;
}
.Good {
	color: green;
	font-weight: 600;
}
.border-none {
	border: none;
}
.nav_social_icon {
	float: right;
	margin-right: 16px;
	padding-top: 10px;
}
.social-icons {
	float: none;
	position: relative;
	bottom: 0;
}
.social-icons a {
	display: inline-block;
	font-size: 36px;
	padding: 0 3px;
	color: #fff;
}
/*----- Header style end --------*/

/*----- left-side-bar style --------*/
.left_sidebar {
	float: left;
	width: 18%;
}
.available_stock {
	padding: 20px 10px;
	background: #3269A9;
	color: #fff;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.stock_flag {
	width: 50px;
	float: left;
	height: 34px;
	margin-right: 10px;
	display: inline-block;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
	background-size: 900px;
}
.japan {
	background-position: -171px 0px;
}
.kenya {
	background-position: -411px 0px;
}
.stock_country {
	float: left;
	font-size: 22px;
	width: 60%;
}
.stock_count {
	float: left;
	font-size: 14px;
	width: 60%;
	line-height: 14px;
}
.makerlogo {
	left: 0;
	top: 0;
	position: absolute;
	display: inline-block;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
}
span.flags.japan {
	background-position: -52px -541px;
}
.brand_list {
	background: #000;
	border-top: 1px solid #fff;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	color: #FFFFFF;
}
.carmakers ul {
	float: left;
	list-style: none;
	padding: 0;
}
.carmakers ul li {
	width: 100%;
	float: left;
	padding: 12px 12px 12px 0;
	position: relative;
	border-bottom: #3a3a3a solid 1px;
	cursor: pointer;
	font-size: 13px;
}
.carmakers ul li ul {
	display: none;
	z-index: 100;
	width: 220px;
	position: absolute;
	left: 100%;
	top: 0;
	-webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.31);
	-moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.31);
	box-shadow: 3px 3px 5px -1px rgba(0,0,0,.31);
	background: #3269A9;
	color: #fff;
	max-height: 200px;
}
.carmakers ul li:hover ul {
	display: block;
}
.carmakers ul li ul li {
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	background: #3269A9;
	
}
.carmakers ul li ul li:last-child {
	border-bottom: none;
}
.carmakers ul li ul li a {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	display:block;
}
.carmakers ul li ul li:hover {
	background: #000;
	padding-left: 12px;
}
.mkr-clk:hover {
	background: #3269A9;
}
.brand_stock {
	float: right;
}
.brand_name {
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	margin: 3px 0 0;
	padding-left: 45px;
	color: #fff;
}
.carmakers ul li .makerlogo {
	left: 0;
	top: 0;
	position: absolute;
	display: inline-block;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
}
.carmakers ul li .makerlogo.lincoln {
	background-position: -480px -43px;
	height: 35px;
	width: 25px;
	margin: 3px 0 0 12px;
}
.carmakers ul li .makerlogo.daf {
	background-position: -391px -74px;
	height: 15px;
	margin: 12px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.man {
	background-position: -559px -112px;
	height: 25px;
	margin: 11px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.rolls {
	background-position: -558px -139px;
	height: 25px;
	margin: 9px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.lamberet {
	background-position: -553px -226px;
	height: 25px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.toyota {
	background-position: -63px -37px;
	height: 26px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.nissan {
	background-position: -89px -36px;
	height: 29px;
	margin: 9px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.honda {
	background-position: -118px -37px;
	height: 27px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.mazda {
	background-position: -146px -37px;
	height: 28px;
	margin: 9px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.mitsubishi {
	background-position: -172px -37px;
	height: 26px;
	margin: 9px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.subaru {
	background-position: -223px -37px;
	height: 26px;
	margin: 11px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.suzuki {
	background-position: -198px -34px;
	height: 27px;
	margin: 9px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.isuzu {
	background-position: -251px -43px;
	height: 7px;
	margin: 19px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.daihatsu {
	background-position: -281px -39px;
	height: 19px;
	margin: 14px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.hino {
	background-position: -313px -35px;
	height: 26px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.gray-adams {
	background-position: -553px -246px;
	height: 27px;
	margin: 11px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.mercedes {
	background-position: -340px -35px;
	height: 28px;
	margin: 8px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.van-hool {
	background-position: -424px -71px;
	height: 27px;
	margin: 7px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.montracon {
	background-position: -454px -69px;
	height: 27px;
	margin: 7px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.dennison {
	background-position: -455px -40px;
	height: 27px;
	margin: 7px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.bmw {
	background-position: -367px -34px;
	height: 27px;
	margin: 8px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.volkswagen {
	background-position: -398px -33px;
	height: 28px;
	margin: 7px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.infiniti {
	background-position: -504px -37px;
	height: 28px;
	margin: 7px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.smart {
	background-position: -426px -47px;
	height: 28px;
	margin: 7px 0 0 10px;
	width: 25px;
}
.carmakers ul li .makerlogo.audi {
	background-position: -330px -74px;
	height: 15px;
	margin: 12px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.peugeot {
	background-position: -360px -72px;
	height: 27px;
	margin: 8px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.iveco {
	background-position: -510px -112px;
	height: 27px;
	margin: 8px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.ford {
	background-position: -64px -71px;
	height: 17px;
	margin: 14px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.volvo {
	background-position: -93px -64px;
	height: 27px;
	margin: 6px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.landrover {
	background-position: -122px -72px;
	height: 21px;
	margin: 12px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.jaguar {
	background-position: -152px -73px;
	height: 15px;
	margin: 13px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.jeep {
	background-position: -182px -76px;
	height: 16px;
	margin: 14px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.hyundai {
	background-position: -211px -72px;
	height: 22px;
	margin: 12px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.kia {
	background-position: -270px -75px;
	height: 21px;
	margin: 12px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.ssangyong {
	background-position: -299px -71px;
	height: 25px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.alfa-romeo {
	width: 27px;
	height: 27px;
	margin: 7px 0 0 10px;
	background-position: -67px -109px
}
.carmakers ul li .makerlogo.chevrolet {
	background-position: -335px -114px;
	height: 14px;
	margin: 15px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.lexus {
	background-position: -306px -108px;
	height: 28px;
	margin: 7px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.citroen {
	width: 28px;
	height: 25px;
	margin: 9px 0 0 10px;
	background-position: -106px -108px
}
.carmakers ul li .makerlogo.chrysler {
	background-position: -268px -117px;
	height: 6px;
	margin: 20px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.scania {
	background-position: -553px -188px;
	height: 27px;
	margin: 8px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.porsche {
	background-position: -228px -108px;
	height: 28px;
	margin: 9px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.ud {
	background-position: -371px -108px;
	height: 28px;
	margin: 6px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.renault {
	background-position: -204px -108px;
	height: 27px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.saab {
	background-position: -173px -107px;
	height: 28px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.fiat {
	background-position: -143px -107px;
	height: 27px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.dodge {
	background-position: -407px -107px;
	height: 34px;
	margin: 6px 0 0 10px;
	width: 43px
}
.carmakers ul li .makerlogo.opel {
	background-position: -239px -72px;
	height: 22px;
	margin: 10px 0 0 10px;
	width: 25px
}
.carmakers ul li .makerlogo.hummer {
	background-position: -479px -497px;
	height: 23px;
	margin: 10px 0 0 10px;
	width: 28px
}
.body_types {
	list-style: none;
	line-height: 48px;
	padding: 0;
	border: 1px solid #c7c7c7;
	float: left;
	width: 100%;
}
.body_types a {
	color: #000000;
}
.body_types li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #c7c7c7;
}
.body_types li:last-child {
	border-bottom: 0;
}
.body_img {
	float: left;
	margin: 0 5px;
}
.car_icon {
	background: url(../images/car_icon.png) no-repeat center 2px;
	width: 26px;
	height: 20px;
}
/*----- left-side-bar style end --------*/


/*----- Right-side-bar style --------*/
.right_sidebar {
	float: right;
	width: 18%;
}
.side_bar_header {
	background: #3269A9;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	text-transform: uppercase;
	float: left;
	width: 100%;
}
.side_bar_icon {
	font-size: 20px;
	margin-right: 10px;
}
.search_form {
	background: #000;
	padding: 10px;
	border-top: 1px solid #fff;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.form_field {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.my_panel {
	float: left;
	width: 50%;
	margin-top: 50px;
	padding-left:15px;
}

.my_panel a {
	float: left;
	width: 50%;
	margin-top: 25px;
	padding-left:5px;
}

.field_type {
    float: left;
    width: 100%;
    background: #fff;
    padding: 7px 5px;
	border-radius:3px;
}
.field_type span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight:normal;
    font-size: 14px;
	color:#000;
}
.field_type .field_arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}
.chose_field{    
	position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    line-height: 17px;
	cursor:pointer;
	
}
.field_type b {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    background: url(../images/chosen-sprite.png) 5px 0px no-repeat;
}
.form_dropdown {
    position: absolute;
    left: 0px;
    z-index: 1010;
    width: 100%;
    background: #fff;
    border-top: 1px solid #c6c6c6;
}
.form_dropdown li {
    display: list-item;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
}
datalist{
	max-height:100px !important;
}
.flexselect_dropdown {
  display: none;
  position: absolute;
  z-index: 999999;
  margin: 0;
	padding: 0;
	border: 1px solid WindowFrame;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
	background-color: Window;
  color: WindowText;
  text-align: left;
}

.flexselect_dropdown ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.flexselect_dropdown li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: Menu;
	overflow: hidden;
}

.flexselect_dropdown li.disabled {
  cursor: not-allowed;
  color: GrayText;
}

.flexselect_selected {
	background-color: Highlight;
	color: HighlightText;
}

select, input {
	float: left;
	width: 100%;
	border-radius: 3px;
	height: 30px;
	border: 1px solid #f1f1f1;
	font-weight: normal !important;
	font-size: 14px;
}
input {
	padding-left: 5px;
}
.main_search_form {
	float: none;
	width: 90%;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 10px;
}
.search_btn {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.search_btn button {
	background: #3269A9;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
	border: none;
	padding: 8px 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.country_search {
	background: #000;
	border-top: 1px solid #fff;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	color: #FFFFFF;
}
.country-list ul {
	padding-left: 0;
	list-style: none;
}
.country-list ul li a {
	float: left;
	width: 100%;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #3a3a3a;
}
.country-list ul li a:hover {
	background: #3a3a3a;
}
.country-list .flag {
	width: 32px;
	height: 22px;
	display: inline-block;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 10px
}
.country-list .flag.all {
	width: 32px;
	background-position: -47px 0;
	float: left;
	margin-right: 0;
	margin-top: 0;
}
.country-list .flag.chili {
	background-position: -531px 0;
	float: left;
}
.countrieslist .flag.dominican {
	background-position: -49px -182px;
	float: left;
}
.countrieslist .flag.mongolia {
	background-position: -498px 0;
	float: left;
}
.countrieslist .flag.japan {
	background-position: -115px 0;
	float: left;
}
.countrieslist .flag.kenya {
	background-position: -275px 0;
	float: left;
}
.countrieslist .flag.namibia {
	background-position: -339px 0;
	float: left;
}
.countrieslist .flag.pakistan {
	background-position: -83px 0;
	float: left;
}
.countrieslist .flag.s-africa {
	background-position: -211px 0;
	float: left;
}
.countrieslist .flag.tanzania {
	background-position: -147px 0;
	float: left;
}
.countrieslist .flag.uae {
	background-position: -243px 0;
	float: left;
}
.countrieslist .flag.uk {
	background-position: -307px 0;
	float: left;
}
.countrieslist .flag.zambia {
	background-position: -179px 0;
	float: left;
}
.countrieslist .flag.uganda {
	background-position: -403px 0;
	float: left;
}
.stock_amount_name {
	float: left;
	margin-left: 10px;
	color: #fff;
	line-height: 16px;
	font-weight: normal;
	width: 74%;
}
.side_country_name {
	font-size: 14px;
	line-height: 12px;
	float: left;
	width: 100%;
}
.side_stock_num {
	font-size: 12px;
	line-height: 14px;
	color: red;
}
.search_disc {
	float: left;
	width: 100%;
	border: 1px solid #c7c7c7;
	text-align: center;
	margin-bottom: 10px;
	line-height: 45px;
}
.search_disc ul {
	list-style: none;
	padding-left: 0;
	color: #000000;
}
.search_disc ul li {
	color: #000000;
	border-bottom: 1px solid #c7c7c7;
}
.search_disc ul li:last-child {
	border-bottom: 0;
}
.search_disc ul li a {
	color: #000000;
}
.search_disc ul li a:hover {
	color: #3269A9;
}
.country_select {
	display: none;
}

/*----- right-side-bar style end --------*/


/*----- Center Content style --------*/
.w-col.w-col-6.center_content {
	width: 64%;
	padding: 0;
}
/*----- Slider style --------*/
 /*
            .jssorb01 div           (normal)
            .jssorb01 div:hover     (normal mouseover)
            .jssorb01 .av           (active)
            .jssorb01 .av:hover     (active mouseover)
            .jssorb01 .dn           (mousedown)
            */
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	filter: alpha(opacity=70);
	opacity: 1;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}
.jssorb01 div {
	background-color: gray;
}
.jssorb01 div:hover, .jssorb01 .av:hover {
	background-color: #3269A9;
}
.jssorb01 .av {
	background-color: #3269A9;
}
.jssorb01 .dn, .jssorb01 .dn:hover {
	background-color: #555555;
}
/* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	/*background: url(../images/a17.png) no-repeat;*/
	overflow: hidden;
}
.jssora05l {
	background-position: -10px -40px;
}
.jssora05r {
	background-position: -70px -40px;
}
.jssora05l:hover {
	background-position: -130px -40px;
}
.jssora05r:hover {
	background-position: -190px -40px;
}
.jssora05ldn {
	background-position: -250px -40px;
}
.jssora05rdn {
	background-position: -310px -40px;
}
/*----- Slider style end --------*/


.center_ads {
	float: left;
	width: 100%;
	padding: 5% 12%;
}
.your_ad {
	float: left;
	margin-right: 20px;
}
.center_ads .your_ad:last-child {
	margin-right: 0px;
}
.center_search {
	float: left;
	width: 100%;
	background: #000;
	padding: 10px 0;
	margin-bottom: 10px;
}
.search_vehicles {
	float: left;
	margin-left: 15px;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	padding-top: 8px;
	margin-right: 20px;
}
.search_bar {
	float: left;
	width: 69%;
}
.center_search .fa.fa-search {
	color: #fff;
	cursor: pointer;
}
.search_icon_btn {
	background-color: transparent;
	border: none;
	font-size: 24px;
	padding-top: 5px;
	margin-left: 15px;
}
.listing_heading {
	float: left;
	width: 100%;
}
.random-country {
	float: left;
}
.random-country.flag {
	width: 32px;
	height: 22px;
	display: inline-block;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
	margin-top: 5px;
}
.random-country .flag.japan {
	background-position: -115px 0;
}
.random_c_name {
	font-size: 22px;
	margin-left: 10px;
	padding-top: 45px;
	float: left;
}
.car_listing_div {
	float: left;
	width: 100%;
	margin: 20px 0;
}
/*----- lesting table style --------*/

.listing_table {
	float: left;
	width: 100%;
	margin-top: 25px;
	border-spacing: 0;
	text-align: center;
	font-size: 14px;
}
.listing_table_text_left {
	float: left;
	width: 100%;
	margin-top: 25px;
	border-spacing: 0;
	text-align: left;
	font-size: 14px;
}

.table-bordered {
	border: 1px solid #ddd;
}
.listing_table thead {
	background: #3269A9;
	color: #fff;
	line-height: 12px;
	text-align: center;
}
.listing_table_text_left thead {
	background: #3269A9;
	color: #fff;
	line-height: 12px;
	text-align: center;
}

.listing_table_text_left tbody td {
	border-right: 1px solid #ccc;
	padding-left:5px;

}
.listing_table_text_left tbody tr:nth-child(2n+1) {
	background-color: #fbfafa;
}
.listing_table_text_left tbody tr {
	border-bottom: 1px solid #ccc;
}
.listing_table_text_left tbody tr:hover {
	background: #e3e3e3;
}


.listing_table tbody td {
	border-right: 1px solid #ccc;
}
.listing_table tbody tr:nth-child(2n+1) {
	background-color: #fbfafa;
}
.listing_table tbody tr {
	border-bottom: 1px solid #ccc;
}
.listing_table tbody tr:hover {
	background: #e3e3e3;
}
.stock_photo {
	padding: 10px 0;
	width: 150px;
}
.price_stock {
	padding: 10px 0;
	width: 80px;
}
.detial_mm {
	padding: 10px 0;
	width: 250px;
}
.color_engi {
	padding: 10px 0;
	width: 60px;
	font-size: 12px;
}
.year_mil {
	padding: 10px 0;
	width: 90px;
	font-size: 12px;
}
.trans_sterring {
	padding: 10px 0;
	font-size: 12px;
	width: 60px;
}
.location {
	padding: 10px 0;
	font-size: 12px;
}
.listing_img {
	float: left;
	width: 150px;
	height: 100px;
}
.listing_img img {
	float: left;
	width: 100%;
	height: 100%;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}
.special-offer-strip {
    background: url(../images/table.png);
    width: 113px;
    height: 90px;
    position: absolute;
    top: -1px;
    right: 0px;
    z-index: 7;
    left: 160px;
}
.sold-big {
    background-image: url(../images/sold-overlay.png);
    background-position: left top;
    background-repeat: no-repeat;
	background-size:contain;
    color: #fff;
    font-size: 11px;
    height: 190px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.res-big {
    background-image: url(../images/reserved.png);
    background-position: left top;
    background-repeat: no-repeat;
	background-size:contain;
    color: #fff;
    font-size: 11px;
    height: 190px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.res-main {
    background-image: url(../images/reserved.png);
    background-position: left;
    background-repeat: no-repeat;
	background-size:contain;
    color: #fff;
    font-size: 11px;
    height: 64px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.special-offer-big {
    background-image: url(../images/special-offer-big.png);
    background-position: right top;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 128px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 132px;
    z-index: 7;
}
.special-strip-two {
    background: url(../images/image.png);
    width: 424px;
    height: 453px;
    position: absolute;
    top: 175px;
    right: 0;
    z-index: 7;
}
.special-text-two {
    font-size: 25px;
    margin-top: 305px;
    display: inline-block;
    margin-left: 131px;
    color: #fff;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(-37deg);
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.special-text {
    font-size: 12px;
    margin-top: 44px;
    display: inline-block;
    margin-left: 44px;
    color: #fff;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(-37deg);
    font-weight: bold;
    text-align: center;
}
.new_ad {
	position: relative;
	right: -1px;
	font-size: 10px;
	background: #02cc15;
	padding: 0 5px;
	color: #fff;
	z-index: 10;
	float: right;
	top: -101px;
	line-height: 14px;
}
.favor {
	position: relative;
	font-size: 10px;
	background: #3269A9;
	padding: 0 5px;
	color: #fff;
	z-index: 10;
	text-transform: uppercase;
	line-height: 14px;
	left: 0;
	bottom: 13px;
	float: left;
	cursor:pointer;
}
.favor_added {
	position: relative;
	font-size: 10px;
	background: green;
	padding: 0 5px;
	color: #fff;
	z-index: 10;
	text-transform: uppercase;
	line-height: 14px;
	left: 0;
	bottom: 13px;
	float: left;
	cursor:pointer;
}
.clear_wish {
	position: relative;
	font-size: 10px;
	background: #3269A9;
	padding: 0 5px;
	color: #fff;
	z-index: 10;
	text-transform: uppercase;
	line-height: 14px;
	left: 0;
	bottom: 13px;
	float: left;
	cursor:pointer;
}
.listing_pirce {
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	color: #3269A9;
	position: relative;
	padding: 10px 0;
	top: -8px;
}
.listing_stock {
	font-size: 14px;
}
.listing_stock span {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 7px;
}
.listing_detail {
	text-align: left;
	padding: 5px;
	height: 100px;
	line-height: 14px;
}
.listing_detail_heading {
	margin-bottom: 10px;
	float: left;
	color: #3269A9;
	width: 100%;
}
.listing_detail p {
	line-height: 14px;
	font-size: 12px;
	color: #666666;
	float:left;
	width:100%;
}
.car_color {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	position: relative;
	top: 5px;
	padding-bottom: 10px;
	font-size: 12px;
}
.engi {
	padding-top: 20px;
	float: left;
	width: 100%;
	font-size: 12px;
}
.car_year {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	position: relative;
	top: 7px;
	padding-bottom: 5px;
	line-height: 14px;
	font-size: 12px;
	min-height: 33px;
}
.mileage {
	padding-top: 20px;
	float: left;
	width: 100%;
	line-height: 14px;
	font-size: 12px;
	min-height: 48px;
}
.car_trans {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	position: relative;
	top: 3px;
	padding-bottom: 14px;
	line-height: 14px;
	font-size: 12px;
}
.steering {
	padding-top: 20px;
	float: left;
	width: 100%;
	line-height: 14px;
	font-size: 12px;
}
.car_location {
	line-height: 14px;
	font-size: 12px;
}
/*----- lesting table style end --------*/

/*----- Center Content style end --------*/




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

.footer {
	padding: 30px 0;
	float: left;
	color: #fff !important;
	width: 100%;
	background: #000;
	margin-top: 50px;
}
.footer .about_us {
	background: #3269A9;
	position: relative;
	top: -60px;
	padding: 15px;
}
.footer_about_heading {
	font-size: 22px;
	margin-bottom: 15px;
	letter-spacing: -1px;
	margin-top: 0px;
	text-transform: uppercase;
}
.footer .about_us p {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: justify;
	margin-bottom: 15px;
}
.footer .about_us ul {
	padding-left: 15px;
}
.footer .about_us ul li a {
	color: #fff;
	font-weight: normal;
	line-height: 25px;
}
.footer_logo {
	float: left;
	width: 100%;
	margin-top: -46px;
	margin-bottom: 20px;
	text-align: center;
}
.footer .social-icons {
	float: left;
	width: 100%;
}
.social-icons a {
	display: inline-block;
	padding: 0 3px;
}
.footer .social-icons i {
	font-size: 30px;
	color: #646464;
}
.footer .social-icons i:hover {
	font-size: 30px;
	color: #fff;
}
.footer .exp-col2 {
	border-right: 1px solid #252525;
	min-height: 500px;
}
.footer_heading {
	font-size: 22px;
	float: left;
	margin-bottom: 10px;
	color: #3269A9;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.footer_list {
	float: left;
	width: 100%;
	padding-left: 15px;
	line-height: 25px;
	margin-bottom: 20px;
	color: #3269A9;
}
.footer_list li a {
	color: #fff;
	font-weight: normal;
	font-size: 14px;
}
.footer_list li a:hover {
	color: #3269A9;
}
.f_find_car {
	width: 15%;
}
.f_make_car {
	width: 13%;
}
.f_branches {
	width: 20%;
	border-right: 0 !important;
}
.footer i.flag {
	float: left;
	width: 18px;
	height: 14px;
	margin-right: 8px;
	margin-top: 5px;
	display: inline-block;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
}
.branches_list {
	list-style: none;
	padding-left: 0;
}
.discount_select {
	display: none;
}
.m-t-0 {
	margin-top: 0 !important;
}
.copyright-area {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #ffffff;
	background: #3269A9;
	margin-top: 0;
	padding: 5px 0;
}
/*----- Footer Section End --------*/


/*----- detail page styling --------*/
.car_listing_detail {
    float: left;
    width: 100%;
}
.listing_detail_header{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.prev_btn {
    float: left;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
}
.next_btn {
    float: right;
    background: #3269A9;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
}
.wishlist_btn {
    float: right;
    background: #3269A9;
    color: #fff;
    padding: 5px;	
    text-transform: uppercase;
}
.sale_price {
    float: none;
    font-size: 22px;
    padding-top: 12px;
    font-weight: bold;
	text-transform: uppercase;
	background-color:#FF0;
}
.sale_price a {
    color: #3269A9;
}
.car_name {
    float: left;
    margin-left: 70px;
    font-size: 22px;
    color: #3269A9;
    padding-top: 12px;
    font-weight: bold;
	text-transform: uppercase;
}
.recommended_car {
    float: left;
    width: 170px;
    display: inline-block;
    clear: left;
    border: 1px solid #c7c7c7;
    /*max-height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;*/
}
.recommended_car .side_bar_header {
    font-size: 14px;
    text-transform: none;
    padding: 5px 0 5px 10px;
}
.recom_div {
    float: left;
    width: 100%;
	margin-bottom: 10px;
}
.recommended_car .listing_img {
    float: left;
    width: 100%;
    height: 100px;
    border-top: 1px solid #c7c7c7;
}
.recom_name {
    float: left;
    width: 100%;
    padding: 10px;
    background: #e3e3e3;
    margin-bottom: 10px;
	font-size: 14px;
}
.car_detail {
    float: right;
    margin: 0 0 10px 10px;
    width: 78%;
}
.detail_header {
    float: left;
    width: 100%;
    padding: 5px;
    background: #3269A9;
    color: #fff;
}
.detail_stock_no {
    float: left;
    text-transform: uppercase;
}
.print_page {
    float: right;
	cursor:pointer;
}
.total_views {
    display: block;
    float: left;
    text-align: center;
    width: 60%;
}
.car_main_img {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.car_main_img img{
	width:100%;
}
.car_other_imgs {
    float: left;
    width: 100%;
}

.car_other_imgs ul {
    padding: 0;
    list-style: none;
}
.car_other_imgs ul li {
    display: inline;
    cursor: pointer;
    width: 162px;
    height: 100px;
	float:left;
	padding:0 3px;
	margin-bottom:6px;
	
}
.car_other_imgs ul li:first-child {
	padding-left:0;
}
.car_other_imgs ul li img {
    
    width: 100%;
    height: 100%;
	
}
.detail_stock_location {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
.detail_stock_location span{
    color: #999999;
}
.car_tabs {
    float: left;
    width: 100%;
}
/*----- Tabs -----*/
.tabs {
width:100%;
display:inline-block;
	margin: 10px 0;
}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
display:block;
clear:both;
content:'';
}
.tab-links {
    padding-left: 0;
}
.tab-links li {
margin:0;
float:left;
list-style:none;
}
.tab-links span {
padding:9px 15px;
display:inline-block;
border-radius:0;
background:#000;
font-size:16px;
font-weight:600;
color:#fff;
transition:all linear 0.15s;
	text-transform: uppercase;
	cursor: pointer;
}
.tab-links span:hover {
background:#3269A9;
text-decoration:none;
}
.tabs li.active span, li.active span:hover {
background:#3269A9;
color:#ffffff;
}
.staf_member {
    /* float: left; */
    display: inline-block;
    width: 196px;
    min-height: 200px;
    padding: 25px 0 0px;
    border: 1px solid #c7c7c7;
    text-align: center;
    margin: 5px;
}
.staf_img {
    float: none;
    margin: 0 auto;
    width: 120px;
    
}
.porfile_img {
    float: left;
    padding: 7px;
    width: 120px;
    height: 120px;
    border: 1px solid #c7c7c7;
	clear: both;
}
.porfile_img img{
    
    width: 100%;
    height: 100%;
    
}
.staf_name {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
	margin-top: 5px;
	line-height: 13px;
}
.staf_desig {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
	color: #3269A9;
	line-height: 13px;
}
.staf_num {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
	line-height: 13px;
}
/*----- Content of Tabs -----*/
.tab-content {
padding:0px;
border-radius:0px;
/*border: 1px solid #e3e3e3;*/
background:#fff;
}
.tab {
display:none;
}
.tab.active {
display:block;
}
.tab_table {
    width: 100%;
    border-spacing: 0;
    text-align: center;
    font-size: 14px;
}
.tab_table tr {
    border-spacing: 0;
    text-align: left;
    font-size: 14px;
	
}
 .car_spec tbody tr td:nth-child(2n+1) {
	color: #3269A9;
	 font-weight: bold;
}
.car_spec tbody tr td:nth-child(2n+2) {
	background-color: #f3f3f3;
	font-weight: 600;
}
.car_feature tr {
    border-spacing: 0;
    text-align: center;
    font-size: 14px;
	color: #999999;
	text-transform: uppercase;
}
.car_feature tbody tr td {
	 font-weight: normal;
	background-color:#e3e3e3;
}
.car_feature .feature_active {
    font-size: 14px;
	font-weight: 600;
	color: #3269A9;
	background:#fff;
}
.sec_tabs {
padding:10px;
border-radius:0px;
border: 1px solid #999999;
background:#fff;
float: left;
width: 100%;
}
form.enquire {
    float: left;
    width: 100%;
	margin-bottom: 0;
}
form.enquire input,select,textarea {
    background-color: #f1f1f1;
	border: 1px solid #999999;
	border-radius: 0;
}
.enquire_field {
    float: left;
    width: 50%;
    padding: 10px 5px;
}
.enquire_field label {
    font-weight: normal;
    font-size: 14px;
}
.enquire_field label span {
    font-weight: normal;
    font-size: 14px;
	color: red;
}
.enquire_field p{
	font-size: 12px;
	color: #999999;
	text-align: justify;
	line-height: 16px;
	margin-bottom: 0;
}
.enquire_field.enquire_text {
    float: right;
}
.enquire_field textarea {
    float: left;
    width: 100%;
    min-height: 130px;
	font-size: 14px;
}
.submit_enqu_btn {
    float: left;
}
.submit_enqu_btn button {
    float: left;
    background-color: #000000;
    color: #fff;
    padding: 0 15px;
    text-transform: uppercase;
    line-height: 33px;
}
.showroom_name{
	float: left;
	width: 100%;
	color: #000000;
	text-align: left;
}
#tab4 label, .fa-phone, .fa-envelope{
	color: #3269A9
}
.google_map {
    float: left;
    width: 100%;
}

/*----- detail page styling End --------*/


/*----- register page styling --------*/
.register_form{
	float: left;
	width: 100%; 
}
.register_form .form_field {
    width: 50%;
    padding-right: 10px;
	margin-bottom: 20px;
	
}
.register_form .my_panel {
    width: 50%;
    padding-right: 10px;
	margin-bottom: 20px;
	
}


.register_form .form_field input {
	border: 1px solid #aaa;
}
.img_upload {
    border: none !important;
    padding-left: 0;
}
.form_buttons {
    float: left;
    width: 100%;
}
.reg_btn {
    background: #3269A9;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    padding: 10px 15px 6px;;
    margin-bottom: 10px;
}
.reset_btn {
    background: #000;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    padding: 10px 25px 6px;;
    margin-bottom: 10px;
}
/*----- register page styling End --------*/




.hide-on-lg {
	display: none
}

@media (max-width: 1035px) {
.w-container {
	max-width: 1000px;
}
.w-col.w-col-3.top-left {
	position: absolute;
	left: 22%;
	color: #fff;
	font-size: 14px;
}
.top-right {
	float: right;
	text-align: right;
	width: 20%;
}
.nav-menu > ul > li {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.nav a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.logo {
	position: absolute;
	top: -40px;
	background: #ffffff;
	padding: 13px 30px;
}
.menu-li {
	font-size: 10px;
}
.nav_social_icon {
	float: right;
	margin-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.w-nav-menu {
	position: relative;
	float: right;
	margin-top: 3px;
}
.center_ads {
	float: left;
	width: 100%;
	padding: 5% 3%;
}
.your_ad {
	float: left;
	margin-right: 20px;
	width: 30%;
}
.nav_social_icon span {
	font-size: 22px;
}
.center_content {
	width: 60% !important;
	padding: 0;
}
.right_sidebar {
	float: left;
	width: 22%;
}
.available_stock {
	padding: 20px 5px;
}
.stock_country {
	float: left;
	font-size: 18px;
	width: 50%;
}
.body_types li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #c7c7c7;
	padding-left: 10px;
}
.body_img {
	display: none;
}
.search_bar {
	float: left;
	width: 56%;
}
.car_detail {
    float: right;
    margin: 0 0 10px 10px;
    width: 100%;
}
.recommended_car {
    float: left;
    width: 100%;
    border: 1px solid #c7c7c7;
    overflow-y: hidden;
    min-height: 190px;
}
.recom_div {
    float: left;
    width: 144px;
    margin-bottom: 0;
    margin-right: 5px;
}
.staf_member {
    float: left;
    display: inline-block;
    width: 31%;
    min-height: 190px;
    padding: 25px 0 0px;
    border: 1px solid #c7c7c7;
    text-align: center;
    margin: 5px;
}
.recom_name {
    float: left;
    width: 100%;
    padding: 10px;
    background: #e3e3e3;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 15px;
}
.car_other_imgs ul li {
    display: inline;
    cursor: pointer;
    width: 25%;
    height: 100px;
    float: left;
    padding: 0 3px;
    margin-bottom: 6px;
}
.special-strip-two {
display:none;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}

}/*-----------1035px end--------------*/

@media (max-width: 768px) {
.full-width-on-mbil {
	width: 100%;
}
.w-container {
	max-width: 750px;
}
.logo {
	margin-top: 8px;
	float: left;
	width: 177px;
	position: relative;
	top: -14px;
	padding: 13px 15px;
}
.w-col.w-col-10.main-nav {
	width: 100%;
}
.w-col.w-col-3.top-left {
	position: absolute;
	left: 0;
	color: #fff;
	font-size: 14px;
	width: 38%;
	text-align: left;
}
.top-right {
	float: right;
	text-align: right;
	width: 25%;
}
.top-right a {
	font-size: 14px;
}
[class^="w-icon-"], [class*=" w-icon-"] {
	color: #ffffff;
}
.nav_social_icon span {
	font-size: 22px;
	color: #fff;
}
.w-container.nav {
	float: right;
}
.w-col.w-col-10.main-nav {
	width: 250px;
}
.logo {
	margin-top: -6px;
	float: left;
	width: 150px;
	position: relative;
	top: 0;
}
.total_stock {
	right: -90px;
	width: 150px;
}
.w--nav-menu-open {
	display: block !important;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #000 !important;
	text-align: left;
	color: #fff;
	overflow: visible;
}
.nav-menu ul li:hover {
	background: transparent;
}
.nav-menu ul li a:hover {
	color: #3269A9;
}
.hide-mob {
	display: none;
}
.menu-li {
	font-size: 14px;
	color: #fff;
}
.w-nav-link.w--current {
	color: #3269A9;
}
.w-nav-link.w--current:hover {
	color: #3269A9;
}
.w-col.w-col-9.mobile-nav {
	float: right;
	width: 300px;
}
.nav_social_icon {
	float: right;
	margin-right: 15px;
	padding-top: 19px;
	padding-bottom: 5px;
}
.w-nav-overlay {
	position: absolute;
	overflow: scroll;
	display: none;
	top: 115%;
	left: 0;
	right: 0;
	width: 100%;
}
.nav-menu > ul {
	list-style: none;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
}
.nav-menu > ul > li {
	float: none;
	padding-bottom: 10px;
	padding-top: 10px;
}
.menu-li {
	border-right: none;
	padding-left: 5px;
}
.dropdown {
	position: relative;
	background: none;
	list-style: none;
	float: left;
	display: none;
	padding: 10px;
	min-width: 120px;
	margin-top: 0px;
	margin-left: 5px;
	z-index: 999999;
}
.w-nav-overlay {
	height: 375px;
}
.dropdown li {
	float: left;
	width: 100%;
	text-align: left;
}
.menu-dropdown-list {
	font-size: 14px;
}
.sub-dropdown {
	position: relative;
	background: #000;
	list-style: none;
	padding: 10px;
	min-width: 200px;
	margin-top: 20px;
	display: none;
	left: 0;
}
.glbl-stock .menu-dropdown-list {
	font-size: 12px !important;
	line-height: 12px;
	text-transform: none !important;
}
.glbl-stock .dropdown li a {
	margin: 0px 0 7px 0;
	color: #ffffff;
	float: left;
	width: 100%;
}
.social-icons a {
	display: inline-block;
	font-size: 21px;
	padding: 0 3px;
	color: #000;
}
.center_content {
	width: 74% !important;
	padding: 0;
	float: right;
}
.left_sidebar {
	float: left;
	width: 26%;
	clear: right;
	margin-bottom: 10px;
}
.right_sidebar {
	float: left;
	width: 26%;
	margin-bottom: 10px;
}
.main_search_form {
	float: none;
	width: 100%;
}
.side_bar_header {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.country_select {
	display: block;
}
.search_country {
	display: none
}
.fa-globe::before {
	display: none;
}
.stock_amount_name {
	margin-top: 10px;
}
.footer_heading {
	font-size: 16px;
	float: left;
	margin-bottom: 10px;
	color: #3269A9;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.f_about {
	width: 25%;
}
.footer .social-icons i {
	font-size: 23px;
	color: #646464;
}
.f_support_car {
	width: 22%;
	border-right: none !important;
}
.f_make_car {
	width: 25%;
}
.f_contact {
	width: 25%;
}
.f_find_car {
	width: 25%;
}
.f_branches {
	width: 40%;
	border-right: 0 !important;
}
.recom_div {
    float: left;
    width: 24%;
    margin-bottom: 0;
    margin-right: 5px;
}
.special-strip-two {
display:none;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}

}/*-----------768px end--------------*/

@media (max-width: 736px) {
.search_bar {
    float: left;
    width: 53%;
}
.special-strip-two {
display:none;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}

}/*-----------766px end--------------*/

@media (max-width: 640px) {
.hide-on-mobile {
	display: none;
}
.w-container {
	max-width: 620px;
}
.top-right {
	float: right;
	width: 100%;
}
.reg {
	float: right;
	margin-right: 0;
	padding-right: 0px;
}
.w-col.w-col-3.top-left {
	left: 10px;
}
.logo-div {
	width: 25%;
}
.logo {
	margin-top: 2px;
	float: left;
	width: 100%;
	position: relative;
	top: 0;
}
.discount_select {
	display: block;
}
.w-col.w-col-6.center_content {
	width: 100% !important;
	padding: 0;
}
.left_sidebar {
	display: none;
}
#slider2_container {
	display: none;
}
.stock_flag {
	display: none;
}
.important.not {
	display: none;
}
.carmakers ul li .makerlogo {
	display: none !important;
}
.brand_name {
	padding-left: 10px;
	color: #fff;
}
.search_bar {
	float: left;
	width: 44%;
}
.listing_detail {
	text-align: left;
	padding: 5px;
	height: auto;
	line-height: 14px;
}
.form_field {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
}
.my_panel {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
}
.my_panel a {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
}

.right_sidebar {
	padding:0;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	float:none;
	width:90%;
	margin-top:20% !important;
}
.listing_table {
    float: left;
    width: 100%;
    margin-top: 25px;
    border-spacing: 0;
    text-align: center;
    font-size: 14px;
    display: block;
    overflow-x: scroll;
}
.listing_table_text_left {
    float: left;
    width: 100%;
    margin-top: 25px;
    border-spacing: 0;
    text-align: left;
    font-size: 14px;
    display: block;
    overflow-x: scroll;
}
.center_search {
    float: left;
    width: 100%;
    background: #000;
    padding: 10px 0;
    margin-bottom: 10px;
}
.f_find_car {
    display: none;
}
.f_make_car {
    display: none;
}
.f_support_car {
    display: none;
}
.f_contact {
    display: none;
}
.f_branches {
    display: none;
}
.f_about {
    width: 45%;
    float: none;
    margin: 0 auto;
}
.footer .social-icons {
    float: left;
    width: 100%;
    text-align: center;
}
.next_btn {
    float: right;
    background: #3269A9;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
}
.wishlist_btn {
    float: right;
    background: #3269A9;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 0;
}
.car_name {
    float: left;
    margin-left: 10px;
    font-size: 22px;
    color: #3269A9;
    padding-top: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
}
.center_ads {
    float: left;
    width: 100%;
    padding: 5% 3%;
    margin-bottom: 64%;
}
.special-strip-two {
display:none;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}

}/*-----------640px end--------------*/

@media (max-width: 480px) {
.w-container {
    max-width: 460px;
}
.top-right {
    float: right;
    width: 50%;
}
.center_ads {
    float: left;
    width: 100%;
    padding: 5% 3%;
    margin-bottom: 85%;
}
.w-col.w-col-3.top-left {
    left: 10px;
    display: none;
}
.total_stock {
    position: relative;
    float: left;
    text-align: left;
    font-size: 16px;
    left: 0;
    right: 0;
    width: 150px;
}
.country_time {
    display: none;
}
.logo-div {
    width: 30%;
}
.listing_table {
    float: left;
    width: 550px;
    margin-top: 25px;
    border-spacing: 0;
    text-align: center;
    font-size: 14px;
    display: block;
}
.listing_table_text_left {
    float: left;
    width: 550px;
    margin-top: 25px;
    border-spacing: 0;
    text-align: left;
    font-size: 14px;
    display: block;
}

.car_listing_div {
    float: left;
    width: 100%;
    margin: 20px 0;
    overflow-y: scroll;
}
.center_search {
    float: left;
    width: 100%;
    background: #000;
    padding: 10px 0;
    margin-bottom: 10px;
}
.total_views {
    display: block;
    float: none;
    text-align: center;
    width: 41%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.car_other_imgs ul li {
    display: inline;
    cursor: pointer;
    width: 33.311111%;
    height: 100px;
    float: left;
    padding: 0 3px;
    margin-bottom: 6px;
}
.staf_member {
    float: left;
    display: inline-block;
    width: 30.9999%;
    min-height: 190px;
    padding: 25px 0 0px;
    border: 1px solid #c7c7c7;
    text-align: center;
    margin: 5px;
}
.recom_div {
    float: left;
    width: 23.9%;
    margin-bottom: 0;
    margin-right: 5px;
}
.special-strip-two {
display:none;
}
.special-strip-two {
display:none;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}

}/*-----------480px end--------------*/

@media (max-width: 414px) {
.your_ad {
    float: left;
    margin-right: 18px;
    width: 30%;
}
.logo-div {
    width: 33%;
}
.nav_social_icon {
    display: none;
}
.w-container {
    max-width: 96%;
}
.center_ads {
    float: left;
    width: 100%;
    padding: 3% 2%;
}
.nav-menu > ul {
    list-style: none;
    padding-left: 10px;
    padding-top: 10px;
    float: left;
    width: 100%;
    min-height: 203px;
}
.center_search {
	display:none;
	}
.logo-div {
    width: 36%;
}
.f_about {
    width: 80%;
    float: none;
    margin: 0 auto;
}
.w-col.w-col-10.main-nav {
    width: 60%;
}
.car_listing_div {
    float: left;
    width: 100%;
    margin: 20px 0;
    overflow-y: scroll;
}
.center_ads {
    float: left;
    width: 100%;
    padding: 3% 2%;
    position: relative;
    margin-bottom: 94%;
}
.tab-links span {
    padding: 6px 7px;
    display: inline-block;
    border-radius: 0;
    background: #000;
	font-size: 14px;
}
.car_feature .feature_active {
    font-size: 12px;
    font-weight: 600;
    color: #3269A9;
    background: #fff;
}
.car_feature tbody tr td {
    font-weight: normal;
    background-color: #e3e3e3;
	font-size: 12px;
}
.tab_table {
    width: 100%;
    border-spacing: 0;
    text-align: center;
    font-size: 12px;
    display: block;
    overflow-x: scroll;
}
.car_spec tbody tr td:nth-child(2n+1) {
    color: #3269A9;
    font-weight: bold;
	font-size: 12px;
}
.car_spec tbody tr td:nth-child(2n+2) {
    background-color: #f3f3f3;
    font-weight: 600;
	font-size: 12px;
}
.staf_member {
    float: left;
    display: inline-block;
    width: 47%;
    min-height: 190px;
    padding: 25px 0 0px;
    border: 1px solid #c7c7c7;
    text-align: center;
    margin: 5px;
}
.recom_div {
    float: left;
    width: 31.9%;
    margin-bottom: 0;
    margin-right: 5px;
}
.total_views {
	font-size: 12px;
}
.detail_stock_no {
    float: left;
    text-transform: none;
    font-size: 12px;
}
.print_page {
    float: right;
    cursor: pointer;
    font-size: 12px;
}
.special-strip-two {
display:none;
}
.special-strip-two {
display:none;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}

}/*-----------414px end--------------*/

@media (max-width: 375px) {
.logo-img {
	float: left;
	position: relative;
	top: 0px;
}
.search_form {
    background: #000;
    padding: 0;
    border-top: 1px solid #fff;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.logo {
    padding: 13px 7px;
}
.your_ad {
    float: left;
    margin-right: 10px;
    width: 30%;
}
.w-col.w-col-9.mobile-nav {
	float: right;
	width: 225px;
}
.random_c_name {
    font-size: 16px;
    margin-left: 10px;
    padding-top: 7px;
    float: left;
}
.car_listing_div {
    float: left;
    width: 100%;
    margin: 20px 0;
    overflow-y: scroll;
}
.footer .top-right {
	float: none;
	margin: 0 auto;
	text-align: center;
	width: 285px;
}
.center_ads {
    float: left;
    width: 100%;
    padding: 3% 2%;
    position: relative;
    margin-bottom: 110%;
}
.staf_member {
    float: left;
    display: inline-block;
    width: 46%;
    min-height: 190px;
    padding: 25px 0 0px;
    border: 1px solid #c7c7c7;
    text-align: center;
    margin: 5px;
}
.special-strip-two {
display:none;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}

}/*-----------360px end--------------*/

@media (max-width:320px){
.logo {
    padding: 16px 4px;
}
.your_ad {
    float: left;
    margin-right: 13px;
    width: 30%;
}
.center_ads {
    float: left;
    width: 100%;
    padding: 3% 2%;
    position: relative;
    margin-bottom: 126%;
}
.special-strip-two {
display:none;
}
.special-offer{
    background-image: url(../images/special-offer.png);
    left: 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 50px;
}

}/*-----------320px end--------------*/
/*----------- efonts ------------------*/

@font-face {
	font-family: 'et-line';
	src: url('../fonts/et-line-font/et-line.eot');
	src: url('../fonts/et-line-font/et-line.eot?#iefix') format('embedded-opentype'), url('../fonts/et-line-font/et-line.woff') format('woff'), url('../fonts/et-line-font/et-line.ttf') format('truetype'), url('../fonts/et-line-font/et-line.svg#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 25px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
}
.icon-facebook:before {
	content: "\e05d";
}
.icon-twitter:before {
	content: "\e05e";
}
.icon-googleplus:before {
	content: "\e05f";
}
.icon-rss:before {
	content: "\e060";
}
.icon-tumblr:before {
	content: "\e061";
}
.icon-linkedin:before {
	content: "\e062";
}
.icon-dribbble:before {
	content: "\e063";
}