/*@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300italic,300,400italic,500,500italic,700,700italic);*/
/*
@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-Hair.eot');
    src: url('fira-fonts/eot/FiraSans-Hair.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-Hair.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-Hair.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-Hair.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-HairItalic.eot');
    src: url('fira-fonts/eot/FiraSans-HairItalic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-HairItalic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-HairItalic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-HairItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-UltraLight.eot');
    src: url('fira-fonts/eot/FiraSans-UltraLight.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-UltraLight.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-UltraLight.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-UltraLightItalic.eot');
    src: url('fira-fonts/eot/FiraSans-UltraLightItalic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-UltraLightItalic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-UltraLightItalic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-Light.eot');
    src: url('fira-fonts/eot/FiraSans-Light.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-Light.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-Light.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-LightItalic.eot');
    src: url('fira-fonts/eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-LightItalic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-LightItalic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-Regular.eot');
    src: url('fira-fonts/eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-Regular.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-Regular.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-Italic.eot');
    src: url('fira-fonts/eot/FiraSans-Italic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-Italic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-Italic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-Medium.eot');
    src: url('fira-fonts/eot/FiraSans-Medium.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-Medium.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-Medium.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-MediumItalic.eot');
    src: url('fira-fonts/eot/FiraSans-MediumItalic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-MediumItalic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-MediumItalic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-SemiBold.eot');
    src: url('fira-fonts/eot/FiraSans-SemiBold.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-SemiBold.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-SemiBold.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-SemiBoldItalic.eot');
    src: url('fira-fonts/eot/FiraSans-SemiBoldItalic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-SemiBoldItalic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-SemiBoldItalic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-Bold.eot');
    src: url('fira-fonts/eot/FiraSans-Bold.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-Bold.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-Bold.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-BoldItalic.eot');
    src: url('fira-fonts/eot/FiraSans-BoldItalic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-BoldItalic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-BoldItalic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-ExtraBold.eot');
    src: url('fira-fonts/eot/FiraSans-ExtraBold.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-ExtraBold.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-ExtraBold.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-ExtraBoldItalic.eot');
    src: url('fira-fonts/eot/FiraSans-ExtraBoldItalic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-ExtraBoldItalic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-ExtraBoldItalic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-Heavy.eot');
    src: url('fira-fonts/eot/FiraSans-Heavy.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-Heavy.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-Heavy.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('fira-fonts/eot/FiraSans-HeavyItalic.eot');
    src: url('fira-fonts/eot/FiraSans-HeavyItalic.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraSans-HeavyItalic.woff2') format('woff2'),
         url('fira-fonts/woff/FiraSans-HeavyItalic.woff') format('woff'),
         url('fira-fonts/ttf/FiraSans-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


@font-face{
    font-family: 'Fira Mono';
    src: url('fira-fonts/eot/FiraMono-Regular.eot');
    src: url('fira-fonts/eot/FiraMono-Regular.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraMono-Regular.woff2') format('woff2'),
         url('fira-fonts/woff/FiraMono-Regular.woff') format('woff'),
         url('fira-fonts/ttf/FiraMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Mono';
    src: url('fira-fonts/eot/FiraMono-Bold.eot');
    src: url('fira-fonts/eot/FiraMono-Bold.eot') format('embedded-opentype'),
         url('fira-fonts/woff2/FiraMono-Bold.woff2') format('woff2'),
         url('fira-fonts/woff/FiraMono-Bold.woff') format('woff'),
         url('fira-fonts/ttf/FiraMono-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0px; padding:0px;}
body { font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size:14px; line-height:20px;  }*/
html {-webkit-font-smoothing: antialiased !important;}


/*========== GENERAL DECLARATION  ===========*/
a { background: transparent; color:#000; cursor:pointer;   outline: none;}
a:focus { outline:none; text-decoration:none;}
a:hover { text-decoration:none; cursor:pointer; color: #f3353d;}
ul, ol, li{ padding:0px; margin:0px; list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

a:hover, button:hover { transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms;
          -moz-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms; 
		  -o-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms; 
		  -webkit-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms;
		  }
		  
a, button { transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms;
          -moz-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms; 
		  -o-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms; 
		  -webkit-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms;
		  }
::selection{ background:#666; color: #fff; text-shadow:none;}

.hide1{  opacity:0;}
.show1{  opacity:1;}
ul,p,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0; list-style: none; }
h3 { font-size: 24px; font-weight: 500; color: #000000; }
h4 { font-size: 16px; line-height: 22px; font-weight: 500; text-transform: none; }
p{ font-size: 14px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; }
input, select { color: #666; font-size: 14px; line-height: 18px; border: 1px solid #b3b3b3; font-weight: 300; padding: 9px; }
.custom-select { height:38px;  background: #fff;  width: 100%;}
.website-link {color: #f6dc31;}
::-webkit-input-placeholder {color: #666;}
:-moz-placeholder { /* Firefox 18- */color: #666;}
::-moz-placeholder {  /* Firefox 19+ */color: #666; }
:-ms-input-placeholder {  color: #666;}
.email-link {color: #f3353d;}


/*===================================*/
/*========== COMMON CSS  ===========*/
/*===================================*/
#wrapper {}
#wrapper.homepage{ background-image: url(../images/bg-body.jpg); background-position: top center; background-repeat: no-repeat; /*background-size: contain;*/ }

.btn { min-width: 105px; position: absolute; bottom: 0; right: 0; color: #f6dc31; font-size: 16px; line-height: 20px; padding: 10px 25px; border:0; border-radius: 0; text-transform: uppercase; font-weight: 500;  }
.btn:hover { background: #f3353d; color: #fff;  }
.btn-black { background: #000; }
.btn-yellow { background: #f6dc31; color: #000; }
.btn-red { background: #f3353d; }
.bottom-space { margin-bottom: 40px;  }
.box { position: relative; overflow: hidden; text-transform: uppercase; font-weight: 700; padding: 10px; }
.box2 { position: relative; text-transform: uppercase; font-weight: 700; padding: 10px; }
.bg-yellow { background: #f6dc31; }
.bg-black { background: #333333; }
.bg-light-yellow { background: #ffeb68; }
.bg-red { background: #f3353d; }
.red-bg {background: #f3353d; }
.bg-grey { background: #f8f8f8; }
.normal-btn  { color: #222; font-size: 16px; line-height: 20px; padding: 10px 25px; border:0; border-radius: 0; text-transform: uppercase; font-weight: 500; background:#ccc; }
.normal-btn.yellow-btn {background: #f6dc31;}
.normal-btn:hover { background:#222; color:#fff;}
.normal-btn.yellow-btn:hover { background:#f3353d; color:#fff;}
.scrollToTop{ 	width:40px;  height:40px; padding:10px; text-align:center; background: whiteSmoke; 	font-weight: bold; 	color: #444; text-decoration: none; position:fixed; top:auto; right:20px; display:none; 	background: url("../images/top-arrow.png") no-repeat 0px 0px;  bottom:20px; }
.scrollToTop:hover{ text-decoration:none;}
.main-content.inner-page  { padding:0px;}

/*===================================*/ 
/*========== HEADER CSS  ===========*/
/*===================================*/
header { background: #000; position:relative; height:100px;}
.logo{ position:absolute; max-width:210px; height:auto; left:1%; top:15px;}
.header-right-box { position:absolute; background:#333333; height:100%; width:auto; right:0px; top:0px; padding-right:20px;} 
.header-right-box:before {
    border-right: 85px solid transparent;
    border-top: 100px solid #000;
    border-left: 0;
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    top: 0px;
}
.header-right-content { width:100%; text-align:center;  padding-left: 85px;}
.call-number { font-size:16px; color:#fff; font-weight:600; text-transform:uppercase; margin:10px 0px;}
.call-number i { margin-right:10px;}
.top-buttons { display:block; margin-top:15px; padding-top:15px;}
.signup-btn { display:inline-block; font-size:16px; color:#000; font-weight:600; text-transform:uppercase; } 
.signup-btn i{ margin-right:5px;}
.signup-btn a { display:block; padding:8px 20px; background:#ffeb68; border-radius: 18px 0px 0px 18px;}
.login-btn { display:inline-block; font-size:16px; color:#000; font-weight:600; text-transform:uppercase; }
.login-btn i{ margin-right:5px;}
.login-btn a { display:block; padding:8px 20px; background:#f6dc31; margin-left: -4px; border-radius: 0px 18px 18px 0px;}
.menu-icon { position:absolute; top: 50%; margin-top: -25px;}

/* MEGAMENU STYLE
-------------------------------------------------- */
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {position: static;}
.megamenu .container {position: relative;}
.megamenu .dropdown-menu {left: auto;}
.megamenu .megamenu-content {padding: 0px;}
.megamenu .megamenu-content h3{margin-top: 0; color: #428bca;font-size: 18px;}
.megamenu .dropdown.megamenu-fw .dropdown-menu {left: 0; right: 0;}
/*--CUSTOM MEGA MENU STYLE--- */
.navbar-nav {float: none;margin: 0; display:inline-block;  vertical-align: top;}
.navbar.megamenu { background:none; border:0px;}
.navbar.megamenu  .nav > li > a { position: relative; display: block; padding: 40px 15px; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase;}

.navbar.megamenu .navbar-collapse { padding:0px; text-align: center;}
.navbar.megamenu .navbar-nav > .active > a, 
.navbar.megamenu .navbar-nav > .active > a:hover, 
.navbar.megamenu .navbar-nav  > a:focus { color: #fff; background-color: #f3353d;}

.navbar.megamenu .navbar-nav > li > a:hover, 
.navbar.megamenu .navbar-nav > li > a:focus { color: #f3353d; background-color: transparent;}
.navbar.megamenu .navbar-nav > li:hover > a, 
.navbar.megamenu .navbar-nav > li:hover > a { color: #f3353d; background-color: transparent;}

.navbar.megamenu .dropdown-menu {
    background-color: #333;
    border: 0px solid #ccc;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.full-dropdown { overflow:hidden;}
.left-side-links {  margin:0px; background-color:rgba(255,255,255,0.10);}
.left-link-list {  padding: 10px 20px; margin:0px;}
.left-link-list li { border-bottom:1px solid #2c2c2c;}
.left-link-list li:last-child { border-bottom:0px;}
.left-link-list li a { font-size:16px; color:#fff; line-height:34px; font-weight:300; text-transform:uppercase; display:block; padding-left:10px;}
.left-link-list li.yellow-link {}
.left-link-list li.yellow-link a { color:#f6dc31; font-weight:600;}
.left-link-list li a:hover, .left-link-list li a:focus  { color:#333; background:#fff; }
.left-link-list li.yellow-link a:hover, .left-link-list li.yellow-link a:focus   { color:#333; background:#f6dc31; }

.browse-box {  padding: 10px 20px; margin:0px; border-right:1px solid #484848;}
.browse-box:after,.browse-box:before { content: "";  position: absolute; border-right:1px solid #484848;}
.browse-box:before { height: 10000px; top: 100%; width: 100%;  right: -1px;}

.browse-title { font-size:16px; color:#fff; font-weight:300; text-transform:uppercase;}
.browse-title span { font-size:20px; font-weight:600; font-style:italic; color:#f6dc31; }
.browse-links-box {  }
.browse-links { padding:0px; margin:0px;}
.browse-links li { display:inline-block; width:49%; text-align:center; padding:20px 0px;}
.browse-links li a{ font-size:16px; color:#c5c5c5;}
.browse-links li a span { margin-bottom:5px; display:block;}
.browse-links li a:hover { color:#f6dc31;}
.more-link.first { padding-top:98px;}
.more-link { padding-top:40px;}
.more-link a { font-size:14px; color:#fff; font-weight:300; text-decoration:underline;}
.more-link a:hover { font-size:14px; color:#f3353d;}
.browse-links.single-link { padding-top:15px;}
.browse-links.single-link li {padding:7px 15px; text-align:center;}
.browse-links.single-link li a span { margin-bottom:5px; display:block;}
.visible-custom { display:none;}
/*===================================*/ 
/*========== END HEADER CSS  ===========*/
/*===================================*/


/*===================================*/
/*========== CONTENT SECTION CSS  ===========*/
/*===================================*/
.main-content { padding:45px 0px;}

/*--- car counter box css---*/
.car-counter-block { padding: 0px;  }
.car-counter-box { float: right; padding: 16px 16px; border-radius: 50px;}
.car-counter-box p { font-size: 20px; line-height: 20px; color: #ffffff; font-weight: 500;  }
.car-counter-box h1 { font-size: 20px; line-height: 20px; color: #ffffff; font-weight: 500;  }
.car-for-sale { color: #fff; font-size: 14px; line-height: 18px; font-weight: 300;  }
.car-for-sale span { font-weight: 500; font-size:36px; line-height: 40px; color: #ffeb68; float: left; padding-right: 20px; }

/*--- home search box top css---*/
.home-search-section {}
.search-section { padding-top: 40px; }
.search-section .box2 { position: relative;  text-transform: uppercase; font-weight: 700; padding: 10px; margin-top:55px;}
.search-section .box2 .icon { font-size: 148px; position: absolute; bottom: -17px; right: -17px; color: #fff; }
.search-section .box2 { font-size: 34px; line-height: 50px; padding: 0px 50px 120px 20px; color: #000; }
.search-box-text {    position: relative; margin-top: -20px; display: inline-block; position: relative; z-index: 9;}
.search-section .box2 .search-icon { font-size: 148px; position: absolute;   bottom: 0px; right: 0px; color: #fff; z-index: 0;}
.search-section #base { background: #f6dc31; display: inline-block; height: auto; position: relative; width: auto;}
.search-section #base:before {  border-bottom: 55px solid #f6dc31; border-left: 0px solid transparent;  border-right: 60px solid transparent;  content: "";  height: 0;  right: 0;  position: absolute; top: -55px;  width: 100%;}

.search-form-section { min-height: 256px; background: #fff; padding: 20px;     border: 1px solid #f0f0f0;}

/*--- search tab section css ---*/
.search-form-section .resp-tabs-list li {font-weight: 500;  font-size: 18px; display: inline-block;  padding: 5px 10px; text-transform:uppercase; margin: 0 0px 0 0; list-style: none; cursor: pointer; float: left; background-color: transparent !important; position:relative; }
.search-form-section li.resp-tab-active:after{ position:absolute;
    width: 0;
    height: 0;
    margin-left: 0px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 8px solid\9;
    border-right: 8px solid transparent;
    border-left:8px solid transparent;
	content:"";
	bottom: -8px;
    left: 50%;
    margin-left: -8px;
}
.search-form-section .resp-tabs-container { padding: 0px; background-color: #fff;clear: left;}
.search-form-section h2.resp-accordion { cursor: pointer; padding: 5px; }

.search-form-section .resp-tab-content {display: none; padding: 0px;}
.search-form-section .resp-tab-active { border: 0px solid #5AB1D0 !important; border-bottom: none; margin-bottom: -3px !important; padding: 5px 10px !important; border-top: 0px solid #5AB1D0 !important; border-bottom: 3px #f3353d solid !important; color:#f3353d;}
.search-form-section .resp-tab-active { border-bottom: none; background-color: #fff;}
.search-form-section .resp-content-active, .search-form-section .resp-accordion-active {display: block;}
.search-form-section .resp-tab-content {  border: 0px solid #c1c1c1; border-top:3px solid #b3b3b3;}
.filter-block { height: 256px; background: #fff; padding: 15px 20px; }
.tab-list { border-bottom: 3px solid #b3b3b3; }
.tab-list li { float: left; }
.tab-list li a { display: block; text-transform: uppercase; font-size: 18px; line-height: 22px; color: #b3b3b3; font-weight: 500; padding: 8px 15px; margin-bottom: -3px; border-bottom: 3px solid; }
.tab-list li.current a,.tab-list li a:hover { color: #f3353d; }
.tab-content { padding: 5px 0 0 0; }
.tab-block {}
.tab-block > p { text-align: right; font-size: 13px; line-height: 20px; color: #000000; font-weight: 300; }
.tab-block > p a { color: #f3353d; text-decoration: underline; }
.search-form { padding: 13px 0 0 0; }
.search-form .form-row { padding-bottom: 10px; margin: 0 -4px; }
.search-form .form-row:last-of-type { padding-bottom: 0; }
.search-form .form-row .form-col { float: left; width: 25%; padding: 0 4px; }
.search-form .form-row .form-col input, .form-row .form-col select { width: 100%; }
.search-form .form-row .form-col.width-75 { width: 75%; }
.filter-links { padding-left: 4px; }
.filter-links li { float: left; padding-right: 10px; }
.filter-links li a { display: block; font-size: 16px; line-height: 20px; padding: 8px 10px; color: #000000;  text-transform: uppercase; }
.filter-links li a.active, .filter-links li a:hover { background: #333333; color: #f6dc31; }
.sbt-btn { background: #f6dc31; color: #000; text-transform: uppercase; padding: 10px 30px; font-size: 16px; line-height: 20px; float: left; font-weight: 500; border: 0; transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; }
.sbt-btn:hover { background: #f3353d; color: #fff; }
.control-box { padding-right: 4px; }
.or-text { float: left; color: #b3b3b3; font-size: 13px; line-height: 31px; text-align: center; text-transform: uppercase; font-weight: 300; width: 31px; height: 31px; border: 1px solid #b3b3b3;  border-radius: 100%; margin: 5px 20px 0; }
.control-box > a { color: #f3353d; font-size: 16px; text-transform: uppercase; font-weight: 500; display: inline-block; margin-top: 10px; }
.control-box > a:hover { color: #000; }
.loaction-tab .map-search img { display:inline-block;}
.loaction-tab .or-text {  margin-top: 70px;}
.search-form .form-row .form-col.full-col { float: none; width: 100%; padding: 0 0px 10px;}
.search-form .form-row.location-inputs { margin-top:20px;}

/*--- new car showroom section css ---*/
.new-car-section{ background: #fff; border: 1px solid #333333;  box-shadow: 5px 5px 10px rgba(0,0,0,0.2); margin-top:40px;line-height: 1}
.left-part { background: #333333;     position: relative; color: #fff; text-transform: uppercase; font-size: 18px; line-height: 28px; min-height: 146px; font-weight: 700; padding: 45px 20px 20px 20px;}
.left-part:before { border-left: 100px solid transparent; border-top: 146px solid #fff; border-right: 0; content: ""; position: absolute; right: 0;  width: 0; height: 0; top:0px;} 
.middle-part {   padding: 0 20px 0 20px; vertical-align: top;}
.car-type {  padding: 20px 20px 20px 0; float: left; min-height: 146px; border-right: 1px solid #bfbfbf; }
.car-type ul { }
.car-type ul li { float: left; min-width: 135px; padding: 7px 0; min-height: 35px; }
.car-type ul li a { color: #666; font-size: 16px; display: block; }
.car-type ul li a:hover { color: #f3353d; }
.car-type ul li a .icon { display: inline-block; vertical-align: middle; }
.car-company { }
.car-company > a { color: #f3353d; font-size: 12px; margin-left: 20px; }
.car-company > a:hover { color: #000; }
.car-company ul { padding: 20px 0 0px 20px; }
.car-company ul li { float: left; width: 33.33%; padding: 0px 0; line-height: 34px;}
.car-company ul li a { display: inline-block; color: #666; font-size: 16px; }
.car-company ul li a:hover { color: #f3353d; }
.right-part { height: 146px;  background: #ffeb68;}
.top-part { padding: 20px 0px 20px 0px; text-align:center; }
.top-part a { padding: 8px 5px;  color: #fff;  text-transform: uppercase; font-weight: 500;  font-size: 14px;   background: #000;  display: inline-block; }
.top-part a.create-btn { background: #505050; }
.top-part a:hover, .top-part a.create-btn:hover { background: #f3353d; }
.bottom-part { background: #f6dc31; text-align: center; font-size: 12px; line-height: 30px; font-weight: 400; padding-top: 10px; }
.bottom-part span { font-size: 16px; font-weight: 700; display: block; text-transform: uppercase; }


/*--- sponsor section css ---*/
.sponsor-block{ margin-top:40px;  }
.sponsor-block .box2 { min-height: 112px; padding: 26px 20px 20px; color: #f6dc31; line-height: 32px; font-size: 18px;  margin-top: 35px;}
.sponsor-block #base {background: #333333;display: block;height: auto; position: relative;  width: auto;}
.sponsor-block #base:before {border-bottom: 35px solid #333333; border-left: 0px solid transparent; border-right: 60px solid transparent; content: ""; height: 0;right: 0;position: absolute; top: -35px; width: 100%;}
.sponsor-list { background: #f8f8f8; padding: 19px 20px; min-height: 147px; }
.sponsor-list ul {  }
.sponsor-list ul li { float: left; text-align: center; width: 20%; }
.sponsor-img img { display: block; margin: 0 auto; }
.sponsor-list ul li p { padding: 15px 0 10px; font-size: 13px; font-weight: 300; color: #000; line-height: normal; }

/*--- loan section css ---*/
.car-insurance-block { margin-top:40px;}
.car-insurance-block .box2 { min-height: 231px; padding: 20px;  margin-top: 55px; }
.car-insurance-block #base {background: #f6dc31;display: block;height: auto; position: relative;  width: auto;}
.car-insurance-block #base:before {border-bottom: 55px solid #f6dc31; border-left: 0px solid transparent; border-right: 60px solid transparent; content: ""; height: 0;right: 0;position: absolute; top: -55px; width: 100%;}

.car-insurance-block .bg-light-yellow#base {background: #ffeb68;display: block;height: auto; position: relative;  width: auto;}
.car-insurance-block .bg-light-yellow#base:before {border-bottom: 55px solid #ffeb68; border-left: 0px solid transparent; border-right: 60px solid transparent; content: ""; height: 0;right: 0;position: absolute; top: -55px; width: 100%;}
.car-insurance-block  .block-title {margin-top: -55px; position:relative; z-index:10; }
.block-title { padding: 0 10px 0 60px; margin: 10px 0; background-repeat: no-repeat; background-position: left 5px; }
.block-title h3 { max-width: 180px; line-height: 32px; text-transform:uppercase;  font-family: 'Fira Sans', sans-serif; }
.icon-insurence { background-image: url(../images/icon-car-insurance.png);  font-family: 'Fira Sans', sans-serif; }
.icon-loan { background-image: url(../images/icon-car-loan.png); padding: 0 10px 0 70px;  }
.car-insurance-block .bg-yellow p { padding: 10px 0; }
.adv-block {}
.adv-block img { display: block; }


/*--- car reviwe - news section css ---*/
.car-review-wrapper {  padding: 40px 0; background: url(../images/grey-pattern.jpg) repeat; margin-top:40px;  }
.slider-btn { position: absolute; bottom: 0; right: 0; }
.slider-btn a { width: 39px; height: 35px; display: block; float: left; background: #f6dc31; color: #333333; font-size: 19px; text-align: center; }
.slider-btn a span { height: 100%; display: block; width: 100%; line-height: 35px; }
.slider-btn a:first-child { border-right: 1px solid #333; }
.slider-btn a:hover { background: #f3353d; color: #fff; }
.slider-wrapper {  }
.slider {}
.slider li {}
.slider li .slider-image { position: relative; }
.slider li .slider-image img { display: block; width: 100%; }
.slider li .slider-image .btn { left: 0; right: auto;  }
.slider-desc { padding: 16px 0; }
.slider-desc .slide-title { font-size: 30px; line-height: 34px; text-transform: uppercase; color: #000; font-weight: 700; }
.slider-desc p { padding: 16px 0; }
.slider-desc a { display: inline-block; font-size: 16px; line-height: 20px; color: #f3353d; font-weight: 500; text-transform: uppercase; }
.slider-desc a:hover { color: #000; }


/*--- home-bottom section ---*/
.home-bottom-wrapper { margin-top:40px;  }
/*--- car of the week section css ---*/
.car-of-week-info { border:1px solid #b3b3b3;     padding: 29px 0px 28px; position: relative; }
.car-of-week .box2{     height: 190px;color: #fff;font-size: 30px;line-height: 40px;padding: 25px 50px 50px 20px;     margin-top: 55px;}
.car-of-week  #base {background: #f3353d;display: block; position: relative;  width: auto;}
.car-of-week  #base:before {border-bottom: 55px solid #f3353d; border-left: 0px solid transparent; border-right: 60px solid transparent; content: ""; height: 0;right: 0;position: absolute; top: -55px; width: 100%;}
.bottom-block .box2 h3 { line-height: 36px; }
.bottom-block .box2 h4 { padding: 14px 0 0 0; }
.bottom-block .box2 p { padding: 20px 0; }
.car-image { float: left; }
.title-wrapper { text-transform: uppercase; margin: 25px 0 0 0px; }
.title-wrapper .title { font-weight: 700; color: #000000; font-size: 30px; line-height: 36px; padding-bottom: 10px; }
.title-wrapper p { text-transform: uppercase; color: #000000; font-weight: 300; font-size: 26px; line-height: 36px; }
.title-wrapper p span { color: #f3353d; }

/*--- home-bottom services section ---*/
.bottom-block { margin-top:40px;}
.bottom-block .box2 { padding: 25px 30px 50px 20px;  margin-top: 55px;}
.bottom-block #base {background: #f8f8f8;display: block; position: relative;  width: auto;}
.bottom-block #base:before {border-bottom: 55px solid #f8f8f8; border-left: 0px solid transparent; border-right: 60px solid transparent; content: ""; height: 0;right: 0;position: absolute; top: -55px; width: 100%}
.bottom-block .box2  h3 {margin-top: -55px; position: relative;}


/*-------------------------End Content-------------------------------*/

/*-------------------------Footer-------------------------------*/
footer { border-top:4px solid #f3353d; color: #fff; font-size: 14px; font-weight: 300;  }
.ft-top { background: #333333; padding: 45px 0; }
.ft-block h4 { font-weight: 700; color: #fff; text-transform: uppercase; padding-bottom: 10px; }
.ft-links {}
.ft-links li { padding: 6px 0; }
.ft-links li:last-child { padding-bottom: 0; }
.ft-links li a { font-size: 16px; display: inline-block; }
.ft-links li a .icon { margin-right: 10px; display: inline-block; vertical-align: middle; }
.ft-bottom { background: #000000; padding: 20px 0;  }
.ft-menu {  }
.ft-menu li { float: left; padding-right: 15px; }
.ft-menu li:last-child { padding-right: 0; }
.ft-menu li a { text-transform: uppercase; display: block; }
footer a { color: #fff; }
footer a:hover { color: #f3353d; }

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






 
.car-review-wrapper .box2{ height: 195px; display: table-cell; vertical-align: middle; color: #f6dc31; font-weight: 700; font-size: 30px; line-height: 40px; padding: 20px 20px 50px 20px;     margin-top: 55px;}
.car-review-wrapper #base {background: #333333;display: block; position: relative;  width: auto;}
.car-review-wrapper #base:before {border-bottom: 55px solid #333333; border-left: 0px solid transparent; border-right: 60px solid transparent; content: ""; height: 0;right: 0;position: absolute; top: -55px; width: 100%;}






/*===================================*/
/*========== SPECIAL OFFER PAGE CSS  ===========*/
/*===================================*/
.inner-page .main-content {padding: 0px 0px;}
.inner-page-top-section  {  padding: 40px 0; background: url(../images/grey-pattern.jpg) repeat;  }
.inner-page-header { position: relative;  margin-top:55px;}
.inner-head-content {padding: 0px 50px 55px 20px; }
.inner-head-content .main-text{ text-transform: uppercase; font-weight: 700;}
.inner-page-header .inner-head-content .main-text { font-size: 34px; line-height: 40px; color: #000; }
.inner-page-header .inner-head-content .sub-text { font-size: 26px; line-height:32px; color: #000; font-weight:300; }
.inner-page-header#base { background: #f6dc31; display: inline-block; height: auto; position: relative; width: 100%;}
.inner-page-header#base:before {  border-bottom: 55px solid #f6dc31; border-left: 0px solid transparent;  border-right: 60px solid transparent;  content: "";  height: 0;  right: 0;  position: absolute; top: -55px;  width: 100%;}


.newsletter-box { display:inline-block; vertical-align:top; margin-top:50px; width:75%;}
.newsletter-title { font-size:16px; font-weight:300; color:#000; text-transform:uppercase; text-align:left;}
.newsletter-form { padding-top:20px;}
.newsletter-form input { width:100%;}
.newsletter-form input.sbt-btn {padding: 9px 15px;}


.special-offer-section { padding-bottom:40px;}
.offer-box-section-row { padding:15px 0px;}
.offer-box { border:1px solid #b3b3b3; padding:10px;}
.offer-title { font-size:16px; font-weight:600; text-transform:uppercase; padding-top:5px;}
.offer-title a { color:#000;}
.offer-text { font-size:14px; line-height:18px; color:#000; font-weight:300; padding:5px 10px; background:#f8f8f8; margin-top:5px; position:relative;}
.condition-text { font-size:12px; font-weight:300; padding-top:5px;}
.condition-text a { color:#333333; }
.info-icon { position:absolute; right:0px; top: -15px;}
.info-icon .tooltip-inner { max-width: 220px; padding: 5px 8px; color: #fff; text-align: left; text-decoration: none; background-color: #000; border-radius: 4px; min-width: 140px;}

.page-note { }
.page-note p { padding:0px; margin:0px; color:#333; font-size:12px; line-height:18px; font-weight:300;}

.special-top-filter-section { padding:20px 0; border-bottom:2px solid #f8f8f8;}
.total-offer-counter { font-size:30px; line-height:60px; font-weight:300; color:#000;}
.offer-filter-title { font-size:16px; color:#000; font-weight:500; text-transform:uppercase;}
.offer-filter-form { padding-top:5px;}

/* custom pagination */
.custom-pagination {}
.custom-pagination nav { display:inline-block;}
.custom-pagination .pagination {   display: inline-block; padding-left: 0; margin: 10px 0 0; border-radius: 4px;}
.custom-pagination .pagination > li { display: inline-block; margin:0px 3px;}
.custom-pagination .pagination > li:last-child { margin-right:0px;}
.custom-pagination .pagination > li:first-child { margin-left:0px;}
.custom-pagination .pagination > li > a, 
.custom-pagination .pagination > li > span {
    position: relative; float: left;font-size:16px; font-weight:500; padding: 6px 12px;  margin-left: 0px; line-height: 1.42857143;  color: #b3b3b3;text-decoration: none;background-color: #fff; border: 1px solid #d3d3d3;
}

.custom-pagination .pagination>.active>a, 
.custom-pagination .pagination>.active>a:focus, 
.custom-pagination .pagination>.active>a:hover, 
.custom-pagination .pagination>.active>span, 
.custom-pagination .pagination>.active>span:focus, 
.custom-pagination .pagination>.active>span:hover { z-index: 3; color: #000; cursor: default; background-color: #f6dc31; border-color: #d8b52b;}

.custom-pagination .pagination > li > a:hover, 
.custom-pagination .pagination > li > span:hover, 
.custom-pagination .pagination > li > a:focus, 
.custom-pagination .pagination > li > span:focus { color: #000; background-color: #f9f9f9; border-color: #ccc;}
.custom-pagination .pagination > li > a.prev, 
.custom-pagination .pagination > li > span.prev {color: #fff; text-transform:uppercase; text-decoration: none; background-color: #b3b3b3; border: 1px solid #d3d3d3;}
.custom-pagination .pagination > li:first-child > a,
.custom-pagination .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

.custom-pagination .pagination > li:last-child > a, 
.custom-pagination .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px;}


.special-bottom-filter-section { padding:20px 0; border-top:2px solid #f8f8f8;}
.special-bottom-filter-section .custom-pagination .pagination  { margin:0px;}


/*===================================*/
/*========== REVIEW LISTING PAGE CSS  ===========*/
/*===================================*/
.review-listing-section { padding:0px 0px 40px; overflow:hidden;} 
.review-filter-title { font-size:16px; color:#000; font-weight:500; text-transform:uppercase; line-height: 38px;}
.review-listing-adv { padding-top: 11px;}
.review-listing-result-box{padding:10px 10px;}
.review-listing-result-box img{}
.review-listing-result-box .review-listing-result-heading{ font-size:16px;font-weight:500; }
.review-listing-result-box .review-listing-result-heading a {}
.review-listing-result-box .review-listing-result-text{ padding:9px 0 9px; color: #333333;}
.review-list-collapse-expand{ padding:3px 0 3px;}
.review-list-filter-block-heading{font-size:14px; font-weight: bold;text-transform: uppercase; border-bottom:1px solid #f0f0f0;} 
a.review-list-collapse-expand.collapsed,a.review-list-collapse-expand.collapsed:hover,
a.review-list-collapse-expand,a.review-list-collapse-expand:hover{ background:url(../images/down-arrow.png) right 9px no-repeat; font-weight:400; text-decoration: none; color:#000000;display: block;}
a.review-list-collapse-expand,a.review-list-collapse-expand:hover{  background:url(../images/up-arrow.png) right 9px no-repeat;}
 
a.review-list-collapse-expand-dashboard.collapsed:after,a.review-list-collapse-expand-dashboard.collapsed:hover:after,
a.review-list-collapse-expand-dashboard:after,a.review-list-collapse-expand-dashboard:hover:after{ content:url(../images/down-arrow.png); float:right; margin:auto 5px;}
a.review-list-collapse-expand-dashboard:after,a.review-list-collapse-expand-dashboard:hover:after{ content:url(../images/up-arrow.png);}

.filter-items{ padding:3px 0 0;}
.filter-items li{ font-size: 12px; color:#333333; line-height: 18px;}
.filter-items li.active { background:#f9f9f9;}
.filter-items li.selected { font-weight: bold;}
.filter-items li a { color:#333;}
.filter-items li span.review-list-item-total{ float:right; color:#000000;}
.filter-items li a:hover { color:#f3353d;}
.filter-items li.active a { color:#f3353d;}
.filter-items li.selected a { color:#f3353d;}

.filter-items.accordion li{ padding-left:30px;}

/*========== FILTER SUBMENU ===========*/
.filter-items.level2 { padding:5px 0px 5px 5px;}
.filter-items.level2 li a{ color:#f3353d;}
.filter-items.level2 li a.collapsed{ color:#f3353d;}
.review-list-more-link,.review-list-more-link:hover{ text-decoration: underline; color:#f3353d; font-size: 12px; line-height: 15px; display: inline-block;}
.review-list-more-link:hover{ text-decoration: none;}
.review-listing-result-container { border-top:2px solid #f8f8f8; margin-top:20px;     padding-bottom: 20px;}

.review-listing-result-container .review-listing-result-box:nth-child(even) { background:#f8f8f8;}

.review-listing-section .sidebar {  background-color: #f8f8f8;}
.review-listing-section .sidebar:after, .review-listing-section .sidebar:before { content: "";  position: absolute; background-color: #f8f8f8;}
.review-listing-section .sidebar:before { height: 10000px; top: 100%; width: 100%;  right: 0;}

.review-listing-section .left-sidebar {  border-right:1px solid #d3d3d3;}
.review-listing-section .left-sidebar:after, .review-listing-section .left-sidebar:before { content: "";  position: absolute; border-right:1px solid #d3d3d3;}
.review-listing-section .left-sidebar:before { height: 10000px; top: 100%; width: 100%;  right: -1px;}
.review-filter { padding:10px 0 0;}
.review-list-collapse-expand.border-bottom { border-bottom:1px solid #f0f0f0;}

.current-search { margin-bottom:10px;}
.article-content {}
.article-title { font-size:14px; font-weight:400; color:#000; line-height:30px;}
.article-content ul{ padding:0px; margin:0px;}
.article-content ul li { color:#333333; font-size:14px; line-height:20px;}
.article-content ul li a { float:right; color:#f3353d; font-size:18px;}  

.new-search-btn-box{ margin-top:5px;}
.new-search-btn-box a{ line-height:28px;    background-color: #f6dc31; border:1px solid #d8b52b; font-size:14px; color:#000; font-weight:500; text-transform:uppercase; display:block; text-align:center;} 
.new-search-btn-box a i {  vertical-align: middle; margin-right: 10px; display: inline-block; margin-top: 0px;}
.new-search-btn-box a:hover,
.new-search-btn-box a:focus{background-color: #f3353d; border:1px solid #f3353d; color:#fff; }

.keyword-search-box { display:inline-block; width:100%; padding:5px 0 10px;}
.keyword-search-box .keyword-search-input { display:inline-block; width:75%;}
.keyword-search-box .keyword-search-button { display:inline-block; width:22%;}
.keyword-search-box .keyword-search-input input{ padding: 5px; width: 100%;}
.keyword-search-box .keyword-search-button .sbt-btn {  padding: 5px 9px;   font-size: 14px; display: inline-block;   float: none; width: 100%;}


/*===================================*/
/*========== DEALER CAR (SEARCH LISTING PAGE) CSS  ===========*/
/*===================================*/

.clear-search-link { text-align:right; padding:5px 0px; border-bottom:1px solid #f0f0f0; font-size:12px;}
.clear-search-link a{ color:#f3353d; text-decoration:underline; text-transform:uppercase;}
.total-offer-counter.small { font-size: 16px;  line-height: 28px;  font-weight: 300; color: #000; padding:10px 0px;} 
.search-listing-result-box { box-shadow:0px 3px 4px rgba(0,0,0,0.10); margin:10px 0; padding:10px; border-bottom:1px solid #ccc;}
.saerch-listing-header { background:#f8f8f8; padding:10px;} 
.saerch-listing-header .listing-title { font-size:16px; font-weight:700; color:#000;}
.saerch-listing-header .listing-title a{ font-size:16px; font-weight:700; color:#000;}
.saerch-listing-header .listing-title a:hover {color:#f3353d;}
.save-search-title { text-align:right;}
.save-search-title a { font-size:14px; color:#f3353d;}
.save-search-title a i { margin-right:10px;}
.save-search-title a:hover { color:#000;}
.search-listing-content-box { background:#fff; padding:10px 0 0;}
.search-listing-content-box  .carousel-indicators { bottom: 5px; }
.search-listing-content-box  .carousel-control.left { background-image:none;}
.search-listing-content-box  .carousel-control.right { background-image:none;}

.search-listing-content-box .listing-image-gallery {}
.search-listing-content-box .listing-right-content {}
.search-listing-content-box .listing-right-content .car-points-data {}
.search-listing-content-box .listing-right-content .car-point-row { padding:10px 0 10px;}
.search-listing-content-box .listing-right-content .points-box {}
.car-property-label { font-size:12px; color:#333; font-weight:bold; line-height:16px;} 
.car-property-data { font-size:14px; color:#000; font-weight:400;  line-height:18px;} 
.car-price-data-box { padding-top:10px}
.price-box { color:#fff; font-size:20px; font-weight:600; background:#333; text-align:center; height:40px; border-radius:20px; line-height:40px;}
.price-sub-text { text-align:center; font-size:12px; color:#000;}
.car-detail-text { padding:10px 0; border-bottom:1px solid #f8f8f8;} 
.car-detail-text p{ padding:0px; margin:0px; color:#333; font-size:14px; font-weight:300;}
.car-listing-bottom { padding:10px 0px;}
.dealer-text { font-size:14px; font-weight:700; color:#000;}
.dealer-text span{ font-weight:300; margin-right:5px;} 
.dealer-right-section { text-align:right;}
.distance-box { display:inline-block; vertical-align:top; margin-right:20px;}
.distance-link { display:inline-block; padding-right:5px; border-right:1px solid #000; line-height:28px;}
.distance-link a { color:#000; font-size:14px; font-weight:300;}
.distance-link a i { margin-right:5px;}
.distance-link a:hover { color:#f3353d;}
.distance-text { color:#000; font-size:14px; font-weight:300; padding-left:5px; display:inline-block; text-transform:uppercase;}
.listing-button-box { display:inline-block; margin-right:10px;}
.listing-button-box button {color: #fff; outline:none; text-transform: uppercase; text-decoration: none;  background-color: #666;  border: 1px solid #666; font-size:14px; font-weight:700; text-transform:uppercase; padding:3px 10px; display:inline-block;}
.listing-button-box a {  color: #000; background-color: #f6dc31; border:1px solid #d8b52b; font-size:14px; font-weight:700; text-transform:uppercase; padding:3px 10px; display:inline-block;}
 

/*===================================*/ 
/*========== DEALER SPECIAL CSS  ===========*/
/*===================================*/
.dealer-special-title { font-size:20px; font-weight:700; text-transform:uppercase; color:#000; text-align:center; padding-top:10px;}
.dealer-offers { padding-top:10px;}

/*===================================*/ 
/*========== USER DASHBOARD CSS  ===========*/
/*===================================*/
.user-dashboard-section{ padding: 0px 0px 40px;  overflow: hidden;}
.user-dashboard-section .left-sidebar{ padding-top:20px;}
.user-dashboard-section .left-sidebar { border-right: 1px solid #d3d3d3;}
.user-dashboard-section .left-sidebar:before {
    height: 10000px;
    top: 100%;
    width: 100%;
    right: -1px;
}
.user-dashboard-section .left-sidebar:after,.user-dashboard-section .left-sidebar:before {
    content: "";
    position: absolute;
    border-right: 1px solid #d3d3d3;
}
.user-dashboard-section .user-dashboard-left-nav{}
.user-dashboard-section .current-search{ padding-top:0px; margin-bottom: 20px;}
.icon-dashboard{ background:url(../images/icon-dashboard.png) top left no-repeat; height:20px; width:20px;}
.dashboard-icon-links{ padding:10px 0;}
.dashboard-icon-links a{ padding:7px 0 7px 30px; display: block; line-height:20px; background-position: left center; background-repeat: no-repeat; font-size:14px;}
.dashboard-icon-links a.saved-searched-icon{ background-image:url(../images/icon-search.png);}
.dashboard-icon-links a.saved-cars-icon{ background-image:url(../images/icon-saved-cars.png);}
.dashboard-icon-links a.your-garage-icon{ background-image:url(../images/icon-your-garage.png);}
.dashboard-icon-links a.create-ad-icon{ background-image:url(../images/icon-create-ad.png);}
.dashboard-icon-links a.manage-ad-icon{ background-image:url(../images/icon-manage-ad.png);}
.dashboard-icon-links a.my-profile-icon{ background-image:url(../images/icon-my-profile.png);}
.dashboard-icon-links a.my-point-icon{ background-image:url(../images/icon-mypoint.png);}
.dashboard-icon-links a.settings-icon{background-image:url(../images/icon-settings.png);}
.dashboard-icon-links a.signout-icon{background-image:url(../images/icon-signout.png);}
.user-dashboard-section .user-dashboard-content{padding-bottom:40px; padding-top:20px;}
.user-dashboard-section .search-form-section{padding: 0; border:0px; min-height:inherit;}
.add-new-vehicle-block{border:1px solid #cccccc; color:#333333; padding:20px; background:#f8f8f8;}
.add-new-vehicle-desc{ display: block; line-height: 17px; padding:18px 0 33px 0;}
.user-dashboard-section .listing-button-box{width:100%;}
.user-dashboard-section .listing-button-box button{ width:100%;  background:#333333; border:0px;}
.user-dashboard-section .listing-button-box button:hover { background:#222;  border:0px;}
.dashboard-right-tab-content { padding:15px 10px;}
/*===================================*/ 
/*========== END USER DASHBOARD CSS  ===========*/
/*===================================*/



/*===================================*/ 
/*========== ALL SEARCH PAGE CSS  ===========*/
/*===================================*/
.main-content.inner-page { padding:0px;}
.inner-search-section {  padding: 40px 0; background: url(../images/grey-pattern.jpg) repeat;}
.search-section.advance-search { padding-top:0px;}
.label-element{display: block; padding:0px 0 0 0px;}
.form-element{display: block;}
.advance-search .search-form { padding:0px;}
.advance-search .filter-links { padding-left:0px;}
.advance-search .search-form .label-element { font-size:12px; color:#333333; font-weight:500; text-transform:uppercase;}
.advance-search .search-form .label-element label {color:#333333; font-weight:500; text-transform:uppercase; display:inline-block; background:#f9f9f9; margin: 0; padding:5px 10px; line-height:18px;}
.search-form .form-row .form-col:first-child { padding-left:0px;}
.search-form .form-row .form-col:last-child { padding-right:0px;}
.inner-bottom-section {    padding: 0px 0px 40px; overflow: hidden;}
.inner-bottom-section .sidebar {background-color: #f8f8f8;}
.inner-bottom-section .sidebar:after,.inner-bottom-section .sidebar:before { content: "";  position: absolute; background-color: #f8f8f8;}
.inner-bottom-section .sidebar:before { height: 10000px; top: 100%; width: 100%;  right: 0;}
.advance-search-box { padding:20px 0; border-bottom:2px solid #f8f8f8;}
.search-form .form-row .form-col.width-100 { width: 100%; }
.search-multiple-content { font-size:13px; font-weight:300;  padding: 8px 0px;}
.search-multiple-content a {color: #f3353d; text-decoration:underline;}
.search-multiple-content a:hover { text-decoration:none;}



.down-arrow{padding: 0 16px 0 0;background:url(../images/down-arrow.png) right 7px no-repeat;}
.search-box-text2 {position: absolute; top:100px; left 24px; font-size:26px;font-weight: normal;}
.browser-by-section{color:#666;}
.browser-by-section .newsletter-box{ width:100%;}
.browser-by-section .adv-block{ padding:21px 0 19px 0;}
.browse-by-header{text-transform: uppercase;padding-left:15px;color:#000000;}
.browse-by-header2{font-size:20px;font-weight: 700;font-style: italic;padding:34px 0 0 15px;color:#000000;}
.browse-by-header span{font-size:20px;font-style: italic;font-weight: 700;color:#f6dc31;}

.browse-by-body-type{margin:15px 0 20px;}
.browse-by-body-type img,.browse-by-lifestyle img{margin-bottom:4px;}
.browse-by-lifestyle{margin-top:16px;margin-bottom:17px;}
.browse-by-location{padding:20px 0 20px 0;}
.browse-by-location ul{margin-top:21px;}
.browse-by-location ul li{display: inline-block;width:23%;padding-bottom:11px;padding-bottom:11px;}

.browse-by-makes{padding-top:20px; padding-bottom:20px;}
.showmore-link-bottom { padding-top:15px;}
.showmore-link-bottom a { color: #f3353d; font-size:14px; font-weight:500;}
.browse-by-makes li{display: inline-block;padding:3px 9px;margin:0px 15px 15px 0;}
.browse-by-makes li a{ color:#333;}
.browse-by-makes li:hover,
.browse-by-makes li.active{background-color:#333333;color:#ffffff;cursor: pointer;}
.browse-by-makes li:hover a,
.browse-by-makes li.active a{background-color:#333333;color:#ffffff;cursor: pointer;}

ul.round-bullet li{background:url(../images/round-bullet.png) left center no-repeat;padding:3px 0 3px 13px;}
.other-options-header{font-weight: 500;padding-top:15px; padding-bottom:10px; color:#000000; text-transform:uppercase;}
.margin-bottom-6{margin-bottom: 6px;}
.margin-top-26{margin-top: 26px;}
.square-color-box{border: 1px solid #5a5a5a;height:13px;width:27px;display: block;margin:6px auto 0;}
.black-sqr{background-color:#000000;}
.orange-sqr{background-color:#ff8a00;}
.brown-sqr{background-color:#675B43;}
.gold-sqr{background-color:#FFBA01;}
.blue-sqr{background-color:#1287E0;}
.purple-sqr{background-color:#791ED7;}
.green-sqr{background-color:#2D900E;}
.silver-sqr{background-color:#E2E2E2;}
.red-sqr{background-color:#F50A0A;}
.gray-sqr{background-color:#9D9D9D;}
.yellow-sqr{background-color:#F6DC31;}
.white-sqr{background-color:#ffffff;}

/*===================================*/ 
/*========== ALL SEARCH PAGE CSS  END===========*/
/*===================================*/




/*===================================*/ 
/*===CREATE ADD PAGE CSS STARTS ===========*/
/*===================================*/
.create-ad-section { padding-bottom:40px;}
.upgrade-link { position:absolute; bottom:0px; font-size:16px; text-transform:uppercase; font-weight:400;}
.upgrade-link a { color:#f3353d; text-decoration:underline;}
.upgrade-link a:hover, .upgrade-link a:focus { text-decoration:none; color:#222;}
.create-section-top { padding:0px 0px;}
.create-top-row { background:#f8f8f8; padding-top:20px;}

.form-wizard { background:#f8f8f8; padding-top:20px;}
.form-wizard .progress { height: 10px; margin-bottom: 20px; overflow: hidden;  background-color: #f5f5f5;  border-radius: 0px;  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);}
.form-wizard .progress-bar {   float: left;  width: 0;  height: 100%;  font-size: 12px;  line-height: 20px;  color: #fff;  text-align: center;  background-color: #f3353d;  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);  -webkit-transition: width .6s ease;  -o-transition: width .6s ease;  transition: width .6s ease;}
.form-wizard .search-form-section { padding:0px;}
.form-wizard ul.step_list {padding: 0px; margin:0px;} 
.form-wizard ul.step_list .custom-col { width:20%; float:left; padding:0px 15px;}
.form-wizard ul.step_list li {  line-height:24px; margin:0px; display:inline-block; list-style: none;}
.form-wizard ul.step_list li a { background:none; border:0px solid #d8d8d8; color:#000000; font-size:14px; font-weight:700; padding:0px; border-radius:0px; text-transform:uppercase; text-align: center;}
.form-wizard ul.step_list li a span.step-icon { display:inline-block; width:80px; height:80px; background:#fff; border:1px solid #333; }
.form-wizard ul.step_list li a span.tab-desc { display:block; vertical-align:top; color:#000; padding:20px 0px; line-height:20px;} 

.form-wizard ul.step_list li.active a { line-height:24px; }
.form-wizard ul.step_list li.active a { background:none; color:#fff; border:0px solid #fa8005; }
.form-wizard ul.step_list li.active a span.step-icon { display:inline-block; width:80px; height:80px; background:#f6dc31; border:1px solid #333; }
.form-wizard ul.step_list li.active a span.tab-desc { color:#000;}

.form-wizard .tab-content { background-color:#fff;}
.form-wizard-data { padding-top:20px;}
.form-wizard-data h3 { color:#000; margin:10px 0 20px; padding:0px; font-size:24px; font-weight:700; text-transform:uppercase;}
.form-wizard-data .search-form-section { border:0px;}
.form-wizard-data .search-form .form-row { padding:0px; margin:0px;}
.form-wizard-data .search-form-section .resp-tab-content { padding-top:20px;}
.small-note{ font-size:14px; color:#333333; padding:0px;}
.form-wizard-data .search-form .form-row .form-col { float: none; width: 100%; padding: 0px;}
.create-ad-section .search-form .label-element label {color:#333333; font-weight:bold; text-transform:uppercase; display:inline-block; background:#f9f9f9; margin: 0; padding:5px 10px; line-height:18px;}
.create-ad-section .search-form .label-element label.blank-label { background:#fff;}
.form-wizard-data .custom-btn{ background: #f6dc31;  color: #000;  text-transform: uppercase; padding: 9px 30px; font-size: 16px;  line-height: 20px;  float: left; font-weight: 500; border: 0; transition: all 200ms ease-in-out 0s; 
													 -moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s;}
.form-wizard-data .custom-btn:hover { background: #f3353d; color: #fff;}
.form-wizard-data .custom-btn.find-btn { display:inline-block;}
.filter-result-section{padding:30px 0 0 0;}
.filter-result-section h3  {color:#000; margin:0; padding:0px 0 20px; font-size:24px; font-weight:400; text-transform:none; border-bottom:1px solid #ddd;}
.filter-result-section  .matching-result-count{ padding:20px 0 5px 0px; color:#333333; }
.filter-result-section .matching-result{ color:#000; font-weight: 700; border:1px solid #333333; background:#f8f8f8;} 
.filter-result-section .matching-result .maching-icon{ display:inline-block}
.filter-result-section .matching-result .maching-desc{ display:inline-block; padding-left: 10px; text-transform: uppercase;}
.filter-result-section .variant-badge-detail{ padding:20px 0;}
.filter-result-section .variant-badge-detail .heading{ display: block;font-size: 14px; font-weight: bold; padding:5px 0; }
.filter-result-section .variant-details img{ margin:0px; max-width:100%;}
.filter-result-section .variant-details .desc{ padding:5px 0;}
.filter-result-section .variant-badge-detail ul{ padding:6px 15px;}
.filter-result-section .variant-badge-detail .sbt-btn{ margin-top:17px; padding: 8px 20px;}
.filter-result-section .variant-details { border:1px solid #ddd; padding:10px; min-height:150px;}
.filter-result-section .badge-details { border:1px solid #ddd; padding:10px; min-height:150px;}
.after-market-feature-box { padding-top:20px;}
.after-market-feature-box  h3  {color:#000; margin:0; padding:0px 0 10px; font-size:24px; font-weight:400; text-transform:none; border-bottom:1px solid #ddd;}
.after-market-feature-box  h3  span { font-size:14px;}
.checkbox-container .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 0px;
    font-size: 11px;
    color: #555555;
}
.checkbox-container .checkbox label {  display: inline-block;  position: relative;  padding-left: 5px;  font-size: 13px; font-weight: 300; line-height:18px;}
.checkbox-container{ padding:20px 0px;}

.pager li > a, .pager li > span {   display: inline-block;  padding: 5px 14px;  background-color: #fff;  border: 1px solid #ddd;  border-radius: 0px;   font-size: 16px;
  font-weight: 500;  line-height: 22px; text-transform:uppercase;}
.pager li.previous > a > i{  margin-right: 6px; vertical-align: top;  display: inline-block;  margin-top: 2px;}
.pager li.next > a > i{  margin-left: 6px; vertical-align: top;  display: inline-block;  margin-top: 2px;}
.pager li > a:hover, .pager li > span:hover,.pager li > a:focus, .pager li > span:focus  {   display: inline-block; color:#fff; padding: 5px 14px;  background-color: #f3353d;  border: 1px solid #f3353d;  border-radius: 0px;}
.form-wizard .pager {  margin: 20px 0 0;  text-align: center;  list-style: none;  background: #f9f9f9;  padding:10px 10px;  border-top: 1px solid #d8d8d8; }
.pager .disabled > a, 
.pager .disabled > a:hover, 
.pager .disabled > a:focus, 
.pager .disabled > span {   color: #333;  cursor: not-allowed; background-color: #ccc; border-color:#ccc;}

.add-detail-box { border-top:2px solid #ddd;}
span.required { color:#f3353d;}
.add-detail-form { padding:20px 0px;}
.add-detail-form .form-row { margin-bottom:20px;}
.add-detail-form .form-row .label-element { font-size: 12px;  color: #333333; font-weight: 500; text-transform: uppercase;}
.add-detail-form .form-row .label-element label { color: #333333; font-weight: bold; text-transform: uppercase; display: inline-block; background: #f9f9f9; margin: 0;  padding: 5px 10px; line-height: 18px;}
.add-detail-form .form-row .label-element label.blank-label {background: #fff; }
.add-detail-form input,.add-detail-form select {    display: block; width: 100%;}
.add-detail-form .label-element { position:relative;}
.add-detail-form .label-element a.help-link { position:absolute; right:0px; color:#f3353d; font-size:12px; font-weight:300; text-decoration:underline; line-height:28px; text-transform:none;}
.form-element {}
.add-detail-form .input-group .form-control { color: #666; font-size: 14px; line-height: 18px; border: 1px solid #b3b3b3; font-weight: 300; padding: 9px; height:auto; border-radius: 0px; box-shadow: none;}
.add-detail-form .input-group .input-group-addon {  padding: 6px 12px;  font-size: 14px;  font-weight: normal; line-height: 1;  color: #fff; text-align: center;  background-color: #333333;  border: 1px solid #333333; border-radius: 0px;}
.radio-group {padding: 5px 0px;}
.radio-group .radio { display:inline-block; margin-right:20px;}
.upload-photo-box { padding:0px 0px;}
.upload-note { font-size:14px; color:#333; font-style:italic; font-weight:300;}
.create-ad-comment-box { padding:20px 0px;}
.comment-text-first { font-size:14px; color:#666;}
.comment-text-second { font-size:12px; color:#666; font-weight:300;}
.textarea-box{ padding-top:20px;}
.textarea-box textarea.form-control{ font-size: 14px; line-height: 18px; border: 1px solid #b3b3b3; font-weight: 300; padding: 9px; height:auto; border-radius: 0px; box-shadow: none; resize:none;} 
.textarea-box h6 {     font-size: 14px; color: #222;  background: #f8f8f8;  padding: 10px;  font-weight: 700;}
.sub-text-info { font-size:12px; padding-top:5px; font-weight:300;} 

/*===================================*/ 
/*========== SIGN UP POPUP  END===========*/
/*===================================*/
.modal-backdrop.in {    opacity: .75;}
.custom-popup .modal-header { background:#F6DC31;}
.custom-popup button.close { margin-top:0px; font-size:31px; opacity:1;} 
.custom-popup .modal-title { text-transform:uppercase; font-size:20px;}
.custom-popup .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #999;
    border: 0px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .75);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .75);
}
.popup-form {}
.popup-form .form-row{ margin-bottom:10px;}
.popup-form .label-element { font-size:12px; color:#333333; font-weight:500; text-transform:uppercase;}
.popup-form .label-element label {color:#333333; font-weight:500; text-transform:uppercase; display:inline-block; background:#f9f9f9; margin: 0; padding:5px 10px; line-height:18px;}
.popup-form input { width:100%;}
.popup-form .signup-text { text-align:center; font-size:13px; margin-top:10px;}
.popup-form .signup-text a { color:#f3353d; text-decoration:underline;}
.popup-form .or-text-box { position:relative;}
.popup-form .or-text { background:#f9f9f9; text-align:center; font-size:16px; float: none; margin: 0px auto; color:#222; margin-top:10px; position:relative;} 
.popup-form .or-text-box::before { content:''; height:1px; background:#ccc; position:absolute; top:15px; width:100%;}
.popup-form .signin-text { text-align:center; font-size:13px; margin-top:10px;}
.popup-form .signin-text a { color:#f3353d; text-decoration:underline;}
.social-icon-join { padding:15px 0px;}
.social-icon-join a { margin:0px 10px;}

/*===================================*/ 
/*========== SEARCH BY FAMILY ===========*/
/*===================================*/
.search-family-section {}
.family-search-top-section { padding:20px 0 0 0;  }

.family-search-top-section .resp-tabs-list li {font-weight: 500;  font-size: 18px; display: inline-block;  padding: 5px 10px; text-transform:uppercase; margin: 0 0px 0 0; list-style: none; cursor: pointer; float: left; background-color: transparent !important; position:relative; }
.family-search-top-section li.resp-tab-active:after{ position:absolute;  width: 0;  height: 0;  margin-left: 0px;  vertical-align: middle;  border-top: 8px dashed;  border-top: 8px solid\9;  border-right: 8px solid transparent;
 																				    border-left:8px solid transparent; content:""; bottom: -8px; left: 50%;  margin-left: -8px;}
.family-search-top-section .resp-tabs-container { padding: 0px; background-color: #fff;clear: left;}
.family-search-top-section h2.resp-accordion { cursor: pointer; padding: 5px; }
.family-search-top-section .resp-tab-content {display: none; padding: 0px;}
.family-search-top-section .resp-tab-active { border: 0px solid #5AB1D0 !important; border-bottom: none; margin-bottom: -3px !important; padding: 5px 10px !important; border-top: 0px solid #5AB1D0 !important; border-bottom: 3px #f3353d solid !important; color:#f3353d;}
.family-search-top-section .resp-tab-active { border-bottom: none; background-color: #fff;}
.family-search-top-section .resp-content-active, .search-form-section .resp-accordion-active {display: block;}
.family-search-top-section .resp-tab-content {  border: 0px solid #c1c1c1; border-top:3px solid #b3b3b3;}
.search-family-content { padding:20px 0px;}
.family-form-data {}
.family-form-data .form-row { margin-bottom:10px;}
.family-form-data .form-row .label-element { font-size: 12px;  color: #333333; font-weight: 500; text-transform: uppercase;}
.family-form-data .form-row .label-element label { color: #333333; font-weight: 500; text-transform: uppercase; display: inline-block; background: #f9f9f9; margin: 0;  padding: 5px 10px; line-height: 18px;}
.family-form-data .form-row .label-element label.blank-label {background: #fff; }
.famliy-body-content {}
.famliy-body-content .title-small { font-size:14px; font-weight:700; text-transform:uppercase; color:#000; line-height: 28px;} 
.famliy-body-content .browse-by-body-type { margin:0px; padding:20px 0;}
.recommend-familycar-section { padding-top:30px;}
.family-form-data .control-box { padding:0px; margin-top:10px;}

/*===================================*/ 
/*========== MY PROFILE SECTION ===========*/
/*===================================*/
.my-profile-section { padding-top:20px;}
.my-profile-section .page-title { padding-bottom:10px; border-bottom:2px solid #d8d8d8;}
.my-profile-section .page-title h2 { font-size:24px; text-transform:uppercase; padding:0px; margin:0px; color:#000; line-height:30px; font-weight:700;} 
.my-profile-section .page-title h2 img { margin-right:10px;}
.profile-detail-section { padding:20px 0;}
.profile-detail-section .profile-sub-title { font-size:16px; text-transform:uppercase; padding:0px; margin:0px; color:#000; line-height:30px; font-weight:500;}
.profile-detail-box { padding:15px; background:#f9f9f9;}
.alert { padding:5px 10px;   margin-bottom: 20px; border-radius: 0px;}

.profile-input-row { margin-bottom:20px;}
.profile-detail-box  { margin-bottom:10px;}
.profile-detail-box .label-element { font-size: 12px;  color: #333333; font-weight: 500; text-transform: uppercase;}
.profile-detail-box .label-element label { color: #333333; font-weight: 500; text-transform: uppercase; display: inline-block; background: #ddd; margin: 0;  padding: 5px 10px; line-height: 18px;}
.profile-detail-box .label-element label.blank-label {background: #f9f9f9 !important; }
.profile-detail-box input, .profile-detail-box select { display:block; width:100%;}
.profile-detail-box .sbt-btn { padding:9px 20px; display:inline-block;  width: auto; float: none;} 
input[disabled]{ cursor: not-allowed;}
input[disabled], input[readonly] { background-color: #eee; opacity: 1;}
.profile-detail-box .social-icon-join a { margin: 0px 20px 0 0;}
.profile-detail-box .social-icon-join a img{ margin-right:10px;}
.profile-note { font-size:12px; color:#000; font-weight:300; padding-bottom:20px;}
.unlike { opacity:0.5;}
.profile-note-title { font-size:14px; font-weight:700; color:#000; text-transform:uppercase;}
.profile-note a { text-decoration:underline; color:#f3353d;}
.profile-note a:hover { text-decoration:none;}
.profile-detail-box .read-more-link a{ font-size:14px; color:#f3353d; text-decoration:underline;}
.profile-detail-box .read-more-link a:hover { text-decoration:none;}
.profile-detail-section.bottom-box .profile-detail-box{ border-top: 1px solid #ddd;}
.profile-detail-section.bottom-box .profile-input-row { margin-bottom:0px;}

/*===================================*/ 
/*========== CMS PAGES SECTION ===========*/
/*===================================*/
.cms-content-section{ padding: 0px 0px 40px;  overflow: hidden;}
.cms-content-section .left-sidebar{ padding-top:20px;}
.cms-content-section .left-sidebar { border-right: 1px solid #d3d3d3;}
.cms-content-section .left-sidebar:before { height: 10000px; top: 100%; width: 100%; right: -1px;}
.cms-content-section .left-sidebar:after,.cms-content-section .left-sidebar:before {  content: "";  position: absolute;  border-right: 1px solid #d3d3d3;}
.cmd-content-left-nav ul { padding:0px; margin:0px;}
.cmd-content-left-nav ul li { border-bottom:1px solid #d8d8d8; position:relative;}
.cmd-content-left-nav a,.cmd-content-left-nav a:hover{padding: 7px 5px;display: block;text-transform:capitalize;}
.cmd-content-left-nav a:hover {background:#f9f9f9;}
.cmd-content-left-nav a i{ position:absolute; right:5px; top:10px;}
.cmd-content-left-nav ul li.active a {background:#f9f9f9; color:#f3353d;}

.cms-content-section{padding:0 0 30px;}
.cms-content { padding-top:20px;}
.cms-content-wrapper{margin-bottom:20px;}
.cms-content p{margin:0 0 20px; color:#333; font-size:13px; line-height:18px;}
.cms-content a{color: #f3353d;}
.cms-content a:hover{color: #000000;}
.cms-content ul,.cms-content ol{margin:10px 0 20px;padding-left:40px;}
.cms-content ul li{list-style: disc;}
.cms-content ol li{list-style: decimal;}
.cms-content ul ul{margin:0;}
.cms-content ol ol{margin:10px 0 10px;}
.cms-content ul ul li{list-style: circle;}
.cms-content ol ul li{list-style: circle;}
.cms-content ol ol li{padding-bottom:6px; list-style: lower-roman;}
.cms-content ol ol.no-style li{ list-style: none;}
.cms-content h3.cms-title{ color: #000; margin: 10px 0 20px;  padding: 0px; font-size: 20px; font-weight: 700; text-transform: uppercase;}
.cms-content h4.cms-heading{color: #000; margin: 0; padding: 0; font-size: 18px; font-weight: 500; text-transform: uppercase;     border-bottom: 1px solid #d8d8d8; padding-bottom: 5px; margin-bottom: 10px;}

/*===================================*/ 
/*========== CAR DETAIL SECTION ===========*/
/*===================================*/
.car-detail-content { padding:20px 0px;}
.car-detail-content  h2{font-size: 24px;  text-transform: uppercase;  padding: 0px 0px 10px 0; margin: 0px; color: #000; line-height: 30px; font-weight: 700; border-bottom: 2px solid #d8d8d8;}
.car-desc-img { margin:20px 0px 0;}
.car-desc-features { padding:20px 0px;}
.car-feature-img { text-align:center; padding-bottom:5px;}
.car-feature-img img { display:inline-block; vertical-align:top;}
.car-feature-detail { font-size:14px; text-transform:uppercase; color:#000; font-weight:700;}
.car-feature-detail span{display: block; color:#333; text-transform:uppercase; font-weight:300;}

.seller-comment-box { padding:10px 0 20px; border-top:1px solid #d8d8d8;}
.seller-comment-box h3 {font-size: 20px;  text-transform: uppercase;  padding: 0px 0px 10px 0; margin: 0px; color: #000; line-height: 30px; font-weight: 500;}
.seller-text { font-size:13px;} 
.seller-text p { padding:0px; margin:0px; color:#333;}
.car-specification-box {}
.car-specification-box h3 {font-size: 20px;  text-transform: uppercase;  padding: 0px 0px 10px 0; margin: 0px; color: #000; line-height: 30px; font-weight: 500;}


.car-specification-copy{ padding-top:10px; padding-bottom:10px;}
.car-specification-details .detail-row { font-size:13px; font-weight:bold; padding:5px 0px;}
.car-specification-details .detail-row:nth-child(odd){background-color:#F9F9F9;}

.car-desc-stock { padding-top:20px;}
.similar-car-box { padding:20px 0 20px; }
.similar-car-box h3 {font-size: 20px;  text-transform: uppercase;  padding: 0px 0px 10px 0; margin: 0px; color: #000; line-height: 30px; font-weight: 500; border-bottom: 2px solid #d8d8d8;}
.similar-car-list { padding:10px 0px; border-bottom:1px solid #d8d8d8;}
.similar-car-list:hover { background:#f9f9f9;}
.car-desc-stock-detail span.media-heading{ display: block; color:#f3353d; font-weight: 500;}
.car-desc-stock-detail span{ display: block; color:#333;}
.similar-car-list a{ margin-bottom: 0px; display: block;}
.car-desc-stock .similar-car-list:last-child { border-bottom:0px;}  

/*===================================*/ 
/*========== CAR RESEARCH SECTION ===========*/
/*===================================*/
.search-button-space { padding-top:20px;}
label.blank-label {  background: #fff !important;}
.research-form-section { padding-bottom:40px;}
.research-form-section .search-form .form-row .form-col {  float: none; width: 100%; padding: 0px;}
.research-form-section .search-form .label-element label { color: #333333; font-weight: 500; text-transform: uppercase; display: inline-block; background: #f9f9f9;  margin: 0; padding: 5px 10px; line-height: 18px;}

/*===================================*/ 
/*========== CAR CURRENT SEARCH SECTION ===========*/
/*===================================*/
.current-search-list {}
.current-heading {    font-size: 12px; font-weight: bold;  text-transform: uppercase; background:#333; color:#fff; padding:2px 10px; margin-top:10px;}
.filter-items li span.filter-label { display:inline-block; width:25%;} 
.filter-items li span.value { display:inline-block; color:#333; width:40%;} 
.filter-items li span.close {float: right; font-size: 14px; line-height:18px; font-weight: bold;  color: #f3353d; text-shadow: none; filter: alpha(opacity=100); opacity: 1;}
.filter-items li span.close i { line-height:18px;}
.search-hr { margin:10px 0px 0px;}
.listing-button-box button i { margin-right:10px;  font-size: 11px;}

/*===================================*/ 
/*========== CAR RESEARCH SECTION ===========*/
/*===================================*/
.managead-list-section { padding:20px 0; }
.ad-content {}
.manage-ad-list { padding:10px 0; border-bottom:1px solid #b3b3b3;}
.ad-title { font-size:16px; color:#333; font-weight:700; text-transform:uppercase;} 
.ad-desc { font-size:13px; font-weight:300;}
.ad-buttons{ padding-top:20px;}
.ad-buttons a  { color: #fff;  outline: none; text-transform: uppercase;text-decoration: none;background-color: #666;  border: 1px solid #666;  font-size: 14px; font-weight: 700; text-transform: uppercase;
    padding: 3px 10px; display: inline-block;}
.ad-buttons a i { margin-right:10px; line-height:20px;}
.ad-buttons a:hover { background:#333; border: 1px solid #333;}


/*===================================*/ 
/*========== CAR COMPARISION PAGE ===========*/
/*===================================*/
.comparision-section { padding:40px 0px;}
.comparing-images { padding-bottom:40px;}
.compare-images-item { padding-bottom: 30px; text-align:center;}
.s-lineDownCenter { text-align: center; border-bottom: 1px solid #b3b3b3!important; position: relative;}
.compare-images-item  h3 {  font: 700; color:#333;font-size:16px; text-align: center;  margin: 0 0 15px 0; text-transform: uppercase;}
.compare-images-item-price { text-align: center;padding: 8px 0; font-size:20px; margin-top: 20px; font-weight:700;  height: 38px;   position: relative;background-color: #f3353d;  color:#fff;}
.compare-images-item-price-vs { width: 50px;height: 50px;  position: absolute;  border-radius: 100%;  border: 10px solid #fff;font-size:13px;padding-top: 5px; left: 100%;margin-left: -8px; top: 50%;  margin-top: -25px;z-index: 10000; background:#555; color:#fff;}
.s-lineDownCenter:after { background: url(../images/chevron-down.png) center no-repeat;  width: 15px; height: 7px;  content: '';  position: absolute;  width: 100%; top: 100%;  display: block;  left: 0;}


.compare-block { padding-bottom:40px;}
.compare-block-title { position: relative;  height: 46px; padding: 13px 78px 13px 15px; background: #f5f5f5;}
.s-whiteShadow:after {
    left: 0;
    content: '';
    position: absolute;
    top: 100%;
    width: 100%;
    height: 17px;
    background: url(../images/whiteShadow.png) center bottom no-repeat;
    z-index: 1000;
}
.s-block-title {	font-size:14px; font-weight:700;  text-transform: uppercase; padding-left: 12px;   border-left: 4px solid #f3353d;  margin-bottom: 0px;     line-height: 22px;}
.compare-block-title > a {  color: #fff;  position: absolute; right: 0; top: 0; display: inline-block;  height: 46px; width: 80px; background:#555; text-align:center; line-height:46px;}
.compare-block-title > a i{     font-size: 20px; display: inline-block; vertical-align: middle;}
.compare-block-title.active > a i.icon-circle-left:before {
    content: "\ea43";
}
.compare-block-inside { margin-top: 35px; display:none;}
.compare-block.j-inside.m-active .compare-block-inside { display:block;}
.compare-block-inside > .row { margin-bottom:10px;} 
.j-inside.m-active { display:block;}
.block-inside-title { font-size:13px; font-weight:500;text-align: right; padding-right: 45px; padding-bottom: 10px;}
.block-inside-value { font-size:13px; font-weight:300; text-align: left;  padding-left: 45px;   padding-bottom: 10px;  border-bottom: 1px solid #eee;}

.custom-breadcrumbs {}
.custom-breadcrumbs .breadcrumb {
    padding: 8px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color:transparent;
    border-radius: 0px;
	border-bottom:1px solid #eee;
}


/*===================================*/ 
/*========== CAR DETAIL GALLERY CSS ===========*/
/*===================================*/
.carousel { margin-top: 20px;}
.item .thumb {width: 25%;cursor: pointer;float: left;}
.item .thumb img {width: 100%;margin: 2px;}
.item img {width: 100%;	}


.header-top-new {    background: #f6dc31; padding:5px 0px;}
.language-box { display:inline-block; position:relative; }
.language-box label { font-weight:normal; margin-right:10px;}
.language-box a { font-weight:700;}

.language-box .dropdown-menu {  position: absolute; top: 100%;  left: auto; right:0px;   z-index: 1000;   display: none; float: left;  min-width: 160px; padding: 5px 0; margin: 0px 0 0;  font-size: 14px; text-align: left;
 list-style: none; background-color: #333; -webkit-background-clip: padding-box;  background-clip: padding-box;  border: 0px solid #ccc;  border: 0px solid rgba(0, 0, 0, .15);  border-radius: 0px;  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.language-box .dropdown-menu > li > a {   display: block;   padding: 3px 20px;  clear: both;  font-weight: normal; line-height: 1.42857143;  color: #fff; white-space: nowrap;}
.language-box .dropdown-menu > li > a:hover {}
.language-box .dropdown-menu > li > a:hover, 
.language-box .dropdown-menu > li > a:focus { color: #222; background:#fff; }

.language-box.open .dropdown-menu { display:block;}
.afterlogin { padding-top:30px;  position: relative;}

.afterlogin .dropdown-menu {  position: absolute; top: 100%;  left: auto; right:0px;   z-index: 1000;   display: none; float: left;  min-width: 160px; padding: 5px 0; margin: 0px 0 0;  font-size: 14px; text-align: left;
 list-style: none; background-color: #f3353d; -webkit-background-clip: padding-box;  background-clip: padding-box;  border: 0px solid #ccc;  border: 0px solid rgba(0, 0, 0, .15);  border-radius: 0px;  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.afterlogin  .dropdown-menu > li > a {   display: block;   padding: 3px 20px;  clear: both;  font-weight: normal; line-height: 1.42857143;  color: #fff; white-space: nowrap;}
.afterlogin .dropdown-menu > li > a:hover {}
.afterlogin .dropdown-menu > li > a:hover, 
.afterlogin .dropdown-menu > li > a:focus { color: #222; background:#fff; }
.afterlogin.open .dropdown-menu { display:block;}


.fileupload-buttonbar .btn{    
	display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase; color:#222;
	position: relative;
}
.fileupload-buttonbar .btn:hover {background-color: #f3353d;  border: 1px solid #f3353d; color:#fff;}

.template-upload .btn{    
	display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase; color:#222;
	position: relative;
}
.template-upload .btn:hover {background-color: #f3353d;  border: 1px solid #f3353d; color:#fff;}

.template-upload .btn.btn-primary { background:#f6dc31; border-color:#f6dc31; color:#222;}
.template-upload .btn.btn-warning { background:#b3b3b3; border-color:#b3b3b3; color:#222; }

.template-download .btn{    
	display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase; color:#222;
	position: relative;
}
.template-download .btn:hover {background-color: #f3353d;  border: 1px solid #f3353d; color:#fff;}

.bootbox-confirm .modal-header { background:#F6DC31;}
.bootbox-confirm button.close { margin-top:0px; font-size:31px; opacity:1;} 
.bootbox-confirm .modal-title { text-transform:uppercase; font-size:20px;}
.bootbox-confirm .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #999;
    border: 0px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .75);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .75);
}

.purchase-btn a { display:inline-block;}
.purchase-text {font-size: 14px;}
.note-text { font-size:12px; font-style:italic; color:#ccc; padding:10px 0px;}
.feature-button-box { text-align:center; border-top:1px solid #d8d8d8; margin-top:10px; padding-top:10px; }

.after-maret-heading h3.collapsed, .after-maret-heading h3.collapsed:hover { background: url(../images/down-arrow.png) right 9px no-repeat;  font-weight: 400; text-decoration: none;   color: #000000;  display: block;}

.after-maret-heading h3, .after-maret-heading h3:hover { background: url(../images/up-arrow.png) right 9px no-repeat;}
.add-compare-section { border-bottom:1px solid #ddd;}
.add-compare-section .research-form-section { padding-bottom:20px;}


/***** My Points Section ******/
.dashboard-icon-links a.my-point-icon{ background-image:url(../images/icon-mypoint.png);}

progress:not(value) {
    /* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */
}

/* Styling the determinate progress element */

progress[value] {
    /* Get rid of the default appearance */
    appearance: none;
    
    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;
    
    /* Add dimensions */
    width: 100%; height: 30px;
    
    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
      background-color: whiteSmoke;
      border-radius: 0px;
      box-shadow: none;
    
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: royalblue;
    
    position: relative;
    margin: 0 0 1.5em; 
}

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/

progress[value]::-webkit-progress-bar {
    background-color: whiteSmoke;
    border-radius: 0px;
    box-shadow: none;
}

progress[value]::-webkit-progress-value {
    position: relative;
    
    background-size: 35px 30px, 100% 100%, 100% 100%;
    border-radius:3px;
    
    /* Let's animate this */
    animation: animate-stripes 5s linear infinite;
}

@keyframes animate-stripes { 100% { background-position: -100px 0; } }

/* Let's spice up things little bit by using pseudo elements. */

progress[value]::-webkit-progress-value:after {
    /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
    content: '';
    position: absolute;
    
    width:5px; height:5px;
    top:7px; right:7px;
    
    background-color: white;
    border-radius: 100%;
}

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */

progress[value]::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image:
    -moz-linear-gradient( 135deg,
                                                     transparent,
                                                     transparent 33%,
                                                     rgba(0,0,0,.1) 33%,
                                                     rgba(0,0,0,.1) 66%,
                                                     transparent 66%),
    -moz-linear-gradient( top,
                                                        rgba(255, 255, 255, .25),
                                                        rgba(0,0,0,.2)),
     -moz-linear-gradient( left, #09c, #f44);
    
    background-size: 35px 30px, 100% 100%, 100% 100%;
    border-radius:3px;
    
    /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */
}

/* Fallback technique styles */
/*.progress-bar {
    background-color: whiteSmoke;
    border-radius: 0px;
    box-shadow: none;

    width: 100%; height:30px;
}*/

.progress-bar span {
    background-color: royalblue;
    border-radius: 0px;
    
    display: block;
    text-indent: -9999px;
}

p[data-value] { 
  
  position: relative; 
}

/* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */

p[data-value]:after {
    content: attr(data-value) 'pts';
    position: absolute; right:0;
    z-index: 999; background:#f6dc31; padding:0px 5px; font-size:12px; font-weight:600;  top:4px;
}





progress:not(value) {
    /* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */
}

/* Styling the determinate progress element */

progress[value] {
    /* Get rid of the default appearance */
    appearance: none;
    
    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;
    
    /* Add dimensions */
    width: 100%; height: 30px;
    
    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
      background-color: whiteSmoke;
      border-radius: 0px;
      box-shadow: none;
    
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: royalblue;
    
    position: relative;
    margin: 0 0 1.5em; 
}

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/

progress[value]::-webkit-progress-bar {
    background-color: whiteSmoke;
    border-radius: 0px;
    box-shadow: none;
}

progress[value]::-webkit-progress-value {
    position: relative;
    
    background-size: 35px 30px, 100% 100%, 100% 100%;
    border-radius:0px;
    
    /* Let's animate this */
    animation: animate-stripes 5s linear infinite;
}

@keyframes animate-stripes { 100% { background-position: -100px 0; } }

/* Let's spice up things little bit by using pseudo elements. */

progress[value]::-webkit-progress-value:after {
    /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
    content: '';
    position: absolute;
    
    width:5px; height:5px;
    top:7px; right:7px;
    
    background-color: white;
    border-radius: 100%;
}

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */

progress[value]::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image:
    -moz-linear-gradient( 135deg,
                                                     transparent,
                                                     transparent 33%,
                                                     rgba(0,0,0,.1) 33%,
                                                     rgba(0,0,0,.1) 66%,
                                                     transparent 66%),
    -moz-linear-gradient( top,
                                                        rgba(255, 255, 255, .25),
                                                        rgba(0,0,0,.2)),
     -moz-linear-gradient( left, #09c, #f44);
    
    background-size: 35px 30px, 100% 100%, 100% 100%;
    border-radius:0px;
    
    /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */
}

/* Fallback technique styles */
/*.progress-bar {
    background-color: whiteSmoke;
    border-radius: 0px;
    box-shadow: none;

    width: 100%; height:30px;
}*/

.progress-bar span {
    background-color: royalblue;
    border-radius: 0px;
    
    display: block;
    text-indent: -9999px;
}

p[data-value] { 
  
  position: relative; 
}

/* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */

p[data-value]:after {
    content: attr(data-value) 'pts';
    position: absolute; right:0;
    z-index: 999;
}





.html5::-webkit-progress-value {
    /* Gradient background with Stripes */
    background-image:
    -webkit-linear-gradient( 135deg,
                                                     transparent,
                                                     transparent 33%,
                                                     rgba(0,0,0,0) 33%,
                                                     rgba(0,0,0,0) 66%,
                                                     transparent 0%),
    -webkit-linear-gradient( top,
                                                        rgba(255, 255, 255, 0),
                                                        rgba(0,0,0,.2)),
     -webkit-linear-gradient( left, #f6dc31, #f3353d);
}

.html5::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image:
    -moz-linear-gradient( 135deg,
                                                     transparent,
                                                     transparent 33%,
                                                     rgba(0,0,0,0) 33%,
                                                     rgba(0,0,0,0) 66%,
                                                     transparent 0%),
    -moz-linear-gradient( top,
                                                        rgba(255, 255, 255, 0),
                                                        rgba(0,0,0,.2)),
     -moz-linear-gradient( left, #f6dc31, #f3353d);
}

.reward-title h4{ font-size:16px; color:#333; padding:0px; margin:0px; float:left;}
.reward-link { float:right;}
.reward-link a{ font-size:13px; color:#f3353d;}

.totalpoint-box { text-align:center; padding:40px 0px;}
.total-title { font-size:35px; color:#000; text-transform:uppercase;    font-weight: 700; margin-bottom:10px;}
.point-value { display:inline-block; background:#f3353d; height:40px; border-radius:20px; padding:0px 20px; font-size:20px; color:#fff; line-height:40px;}

.reward-title { margin-bottom:10px; }
.reward-valuebox { margin-bottom:20px;}

.mypoint-smallbox { border-radius: 25px; position:absolute; width:auto; right:15px; background:#f3353d; padding:5px 20px;}
.mypoint-smallbox .label { display:inline-block; line-height:30px; font-size:16px; color:#f6dc31; margin-right:5px; padding:0px;}
.mypoint-smallbox .value { display:inline-block; font-size:24px; font-weight:700; color:#fff; line-height:30px;}