@import url("/css/bootstrap.min.css");
@import url("/css/font-awesome/css/font-awesome.min.css");
@import url("/css/animate.min.css");

/* ==== General ==== */

body{font-family: 'Lato', sans-serif;  }

form button{width:100%;}
.pict-style{border:10px solid #ccc; margin:0 0 10px 0;}
.btn-default{background:#caff42; font-weight:900; border:none; font-size:1.3em; margin-bottom:10px; }
.btn-default:hover{background:rgba(0, 174, 239, 1); color:#fff;}


.logo{text-align: center;  margin:0; padding:0; display:inline-block; }

h1.logo{ padding:25px 0 20px 0; color:#fff; font-weight:900; text-transform: uppercase; font-size:36px;}
div.logoimage {background-image:url("/images/themes/7-cardealer-resp/car_icon.png"); margin: 0 auto; display:block; width:296px;height:69px; text-align: center;overflow:hidden;}
div.logoimage img{display:none; max-width:296px;max-height:69px}
#home{ margin:0 auto; }

#home h2{ text-align: left; padding:8px; margin:0; font-family: 'Roboto Slab', serif; font-weight:normal; font-size:1.7em; color:#fff; background:#3f3e39; }
#inside h2{color:#00aeef; font-family: 'Lato', sans-serif; font-weight:900; text-transform: uppercase; border-bottom:1px solid #bfbfbf; padding:0 0 10px 0; margin-bottom:20px}

.inside h3{color:#3f3e39; font-family: 'Lato', sans-serif; font-weight:300; vertical-align: top; margin:0 0 10px 0; padding:0; font-size:2em; }

h4{color:#fff; font-family: 'Lato', sans-serif;  padding:5px 5px 5px 5px; font-size:1.5em; background:#383733; display: inline-block; margin:0 0 5px 0;}

#general h4{color:#fff;}
h3.top {color:#3f3e39; font-family: 'Lato', sans-serif; font-weight:300; vertical-align: top; margin-bottom:10px ; padding:0 0 10px 0; font-size:2em; border-bottom:1px solid #bfbfbf;}

.map{border:5px solid #fff;}
.close{position:absolute;top:20px; left:-130px;}
a.close{color:#fff;}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
   font-weight:bold;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;

  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

div.cpc{margin: 0px 50px 30px 50px;}


/* ==== navbar ==== */

.navbar{margin-bottom: 0; font-weight:bold; font-size:1.3em; padding:10px 0 15px 0; margin-left:0;}
.navbar .navbar-inner {padding: 0;}
.navbar .nav > li {display: table-cell;width: auto;float: none;text-align: center;}
.navbar .nav li:first-child a {border-left: 0;}
.navbar .nav li:last-child a {border-right: 0;}

.navbar-default {position: relative;}
.navbar-default .navbar-brand {margin-bottom:0;color: rgba(255, 255, 255, 1);}
.navbar-default {text-transform: uppercase; font-weight: bold;background-color: rgba(63, 62, 57, 1);border-width: 0px;border-radius: 0px;}
.navbar-default .navbar-nav>ul{margin:0;}
.navbar-default .navbar-nav>li{padding-right:5px;}
.navbar-default .navbar-nav li>a{font-weight:900;color: rgba(255, 255, 255, 1);background-color: rgba(248, 248, 248, 0);transition:all 0.2s linear;}
.navbar-default .navbar-nav li>a:hover, .navbar-default .navbar-nav li>a:focus {color: rgba(255, 255, 255, 1);background-color: rgba(0, 174, 239, 1);}
.navbar-default .navbar-nav>.active :after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 174, 239, 0);border-top-color: #00aeef;border-width: 10px;margin-left: -10px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: rgba(255, 255, 255, 1);background-color: rgba(0, 174, 239, 1);}
ul.dropdown-menu {top:90%;width:100%; background-color: #fff; color:#000; text-align:left; text-tranform: capitalize; left:-1px;}
ul.dropdown-menu li a{color:#000 !important;}

ul.nav li.dropdown a > ul.dropdown-menu a{color:#000;}
ul.nav li.dropdown a:hover{color:#fff !important;}
ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0; color:#fff !important;}
ul.dropdown-menu li{text-align: left;padding:0px 0px 5px 0px;}

.navbar-default .navbar-toggle {margin-left:200px; text-align:center;border-color: #00aeef;width:inherit;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color: #00aeef;}
.navbar-default .navbar-toggle .icon-bar {background-color: #00aeef;}

.pills{text-align: center; background:blue; width:200px; position: relative}

/* ==== End navbar ==== */



/* ==== Header Styling ==== */
header{background: url(/images/themes/7-cardealer-resp/bg_img2.jpg); background-size: cover;  }
.top_contact{color:#00aeef; text-align: right; font-weight: bold;  display:block; font-size:1.5em; padding:30px 0 0 0; margin:20px 0 0 0;}
#bannerinside{min-height:100px; background-size: cover; background-position: center center; padding:30px 0 0 0; position:relative; }
#bannerinside h2{display:inline-block; padding:10px; background: rgba(202,255,66,.8); margin:0 0 20px 0; color: #000;}
#bannerinside .search_feat{min-height:none; padding:15px 15px 15px 15px;}
section#bannerinside{background-size: cover; background-position: 50% 50%;}

#homecarousel{position:relative; }
#carousel-example-generic .item{ height:340px; background-position: 50% 50%;}

.carousel-indicators {
  bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

.carousel-inner{

}

.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {color:#fff; font-weight:900;
  background-color: rgba(56,55,51,.8); text-align:left; 
}
.carousel-caption h3 {position:absolute; top:-130px; z-index: 100;
  padding: .5em;font-size: 35px;
}
.carousel .icon-container {
  display: inline-block;
  font-size: 35px;
  line-height: 25px;
  padding: 1em;
  text-align: left;
  
  border-radius: 50%;
}
.carousel-caption button {
  border-color: #00bfff;
  margin-top: 1em; 
}

/* Animation delays */
.carousel-caption h3:first-child {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.carousel-caption button {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}



/* ==== font-awesome icon styling ==== */
.sn{text-align: right; margin:0 0 10px 0 ; }
.fa{color:#fff; }
span.icon_circle {
  background: #545454;
   border-radius: .8em;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  color: #ffffff;
  display: inline-block;
  font-weight: 900;
  font-size:1em;
  line-height: 1.6em;
  margin-left: 15px;
  text-align: center;
  width: 1.6em; 
}

a:hover span.icon_circle {
  background: #92cce2;
   border-radius: .8em;
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  color: #fff;
  display: inline-block;
  font-weight: 900;
  font-size:1em;
  line-height: 1.6em;
  margin-left: 15px;
  text-align: center;
  width: 1.6em; 
}


/* ==== Contact Page Styling ==== */
.contact-detail a{color:#00aeef; text-decoration:none;}
.contact-detail a:hover{color:#fff; text-decoration:none;}
.team img:hover{border:10px solid #ccc;}

.team h4{color:#383733; font-family: 'Lato', sans-serif;  padding:0; font-size:1.5em; background:none; display: block; margin:10px 0 5px 0;}

.test{position:absolute; top:-337px;  z-index:999; background:none;}
.testcustom{position:absolute; top:-100px;  z-index:999; background:none;}

.searchframe{position:relative; }

/*.search_feat{ border-bottom:14px solid #fff;  border-top:14px solid #fff; border-right:14px solid #fff; border-left:14px solid #fff; background: rgba(63,62,57,.8); padding:15px 15px 27px 15px; margin:20px 0 0 -25px; height: 320px;}*/
.search_feat{ border-bottom:0px solid #fff;  border-top:14px solid #fff; border-right:14px solid #fff; border-left:14px solid #fff; background: rgba(63,62,57,.8); padding:15px 15px 10px 15px; margin:0 0 0 -11px;}


figure{margin-bottom: 10px}
figure a{background:#383733; color:#fff; display: inline-block; padding:5px; margin:6px 0 0 0;}
figure a:hover{background:#00aeef; color:#fff; text-decoration:none;}

a.mailbut{background:#383733; color:#fff; display: inline-block; padding:5px; margin:6px 0 0 0;}
a:hover.mailbut{background:#00aeef; color:#fff; text-decoration:none;}
/* ==== search box home ==== */


.search_feat .btn-default{width:100%;}

 h3.searchtitle{background:none; font-family:lato; text-align: center; text-transform: uppercase; font-size:1.5em; font-weight:bold; padding:0; margin:0 0 15px 0; color:#fff;}



/* ==== inside search box ==== */
.searchbox{background: url(/images/themes/7-cardealer-resp/bg_img2.jpg); background-size: cover; }
.searchhold{ rgba(202,255,66,.8); padding:15px; border:15px solid #fff; margin-top:-80px; margin-bottom: 10px;}

li.active a.searchbox-btn{background: #caff42; color: #000;}
li.active a.searchbox-btn:hover{background: #caff42; color: #000;} 
li.active a.searchbox-btn:focus{background: #caff42; color: #000;}
a.searchbox-btn{background: lightgrey; color: #000; border-radius: 0px !important;}

.searchhold button{ width:100%; margin-top:15px;}

div.tab-content.clearfix{margin-top:7px;}

/* ==== Home page feature boxes ==== */

#featureboxes{background:#fff; overflow:hidden;}
#featureboxes .frameit{overflow:hidden;position:relative;}
div#frameit-image {width: 100%;padding:23%;box-sizing:border-box;position: relative;background-color: #eee;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;}
div#frameit-image:hover {background-color: #aaa;}

#featureboxes a img{ display:inline-block;  transition:all 0.2s linear; position: absolute;  left: 50%; top: 50%; height: 100%; width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);}
          
#featureboxes a img:hover{transform:scale(1.1);left:-50%;top:-0%;}
#featureboxes .row{  background:#fff; padding:0 14px 0 14px;}
#featureboxes .col-sm-4{}
.box{padding:14px 7px 14px 7px; position:relative; }

#featureboxes h3{color:#000;background: rgba(202,255,66,0.8);padding:10px; position:absolute; /* added */
   bottom:-10px; right:0px;  z-index: 100;  -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;}

#featureboxes h3:hover {background: rgba(202,255,66,1)};

      /* ==== Intro Styling ==== */


#intro{background:#fff;}
#intro p{ font-size:1.3em; padding:0 10px 0px 10px;}
#intro h2{color:#fff; background:#3f3e39; margin:0 0 10px 0;}
#intro .btn-default{text-align: right; margin-top:10px;}
.nopad1 { padding-left:20px; padding-right:12px; }
.nopad2 { padding-left:0px; padding-right: 23px }


/* ==== Featured Cars Styling ==== */
#results_cars,#feat_cars{ padding-bottom:0px; background:#fff;text-align: center}

.pagstyle{text-align:center; display:inline-block; background:red;}

/* #results_cars h2,#feat_cars h2 {color:#fff; background:#3f3e39; padding:10px; } */
#feat_cars h2 > span {font-size: 14px;padding-left:30px;}
#feat_cars h2 span a {display: inline-block;background:#caff42;border-radius: 0;color: #000;padding: 6px 12px;margin-left: 5px;text-decoration: none;border: 1px solid #ddd;}
#feat_cars h2 span select {width: 150px;display: inline-block;float: right;}
#feat_cars h3{text-align: left}

.car_hold{  width: 100%;  float: left;  overflow: hidden;  margin: 0 auto;  padding: 0px 5px 0;}

#feat_cars .container{background:#fff;}

.carf{padding:0; border:7px solid #fff ; font-size:1.3em; position:relative; overflow: hidden; background-color: #fff; padding-bottom: 20px;}
.carf div.feat_car_image { width: 100%; padding: 34%;  box-sizing: border-box;  position: relative;overflow:hidden;z-index:1000; background-color:#D3D3D3;}
.carf  div.feat_car_image img {width:100%;position:absolute;top:-10%;left:0px;}

#results_cars .carf div.feat_car_image {padding: 37%; background-color:#D3D3D3;}
#results_cars .carf  div.feat_car_image img {top:0;}
#results_cars .deschold {margin:0px; color: #337ab7;}

#results_cars h2 > span {font-size: 14px;padding-left:30px;}
#results_cars h2 span a {display: inline-block;background:#caff42;border-radius: 0;color: #000;padding: 6px 12px;margin-left: 5px;text-decoration: none;border: 1px solid #ddd;}
#results_cars h2 span select {width: 150px;display: inline-block;float: right;}

div.results_car_image img {width: 100%;position: absolute;top: 0;left: 0px;}


#feat_cars .desc, #results_cars .desc{display:block; z-index: 10;}
#results_cars .price,#feat_cars .price{display:inline-block; background:#caff42; color:#000; padding:10px; margin:-10px 0 10px 0; font-weight:900; }
#results_cars .price {margin-top:-3px;}

.centerit{}
.selecthold{text-align:center; }
.pageselect{background:#3f3e39; color:#fff;  margin: 0; text-align:center }
.pageselect a{  margin: 0; padding:5px 10px 5px 10px; background:#99978A; color:#000;}
.pagcenter{text-align:center; margin:10px 0 0 0; display:inline-block }
.pageselect select{margin-top:5px; }

a.arrowpad {margin-right:3px; color:#3f3e39; }

a.arrow2{padding:4px 10px 3px 10px; margin-top:-2px; color:#3f3e39;  display:inline-block }

#feat_cars .pagination a {    background: rgba(53, 212, 168, 1);    border-radius: 0;    color: #fff;}

#feat_cars .pagination a:hover {    background: rgba(53, 212, 168, .5);}

/* Animation delays */
.carf img{  -webkit-animation-delay: 1s;  animation-delay: 1s;}
.carf img {  -webkit-animation-delay: 2s;  animation-delay: 2s;}
.carf img {  -webkit-animation-delay: 3s;  animation-delay: 3s;}

.page {
    background: #f0f0f2;
    padding: 10px;
    margin-bottom: 10px;
}
.deschold{background:rgba(255,255,255,1); display: inline-block; width:80%; padding:0 0 10px 0 ; margin-top:-20px; z-index: 1001; position: relative; color: #337ab7;}


/* ==== Car Search ==== */

span.circle {
  background: #00aeef;
   border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  color: #ffffff;
  display: inline-block;
  font-weight: 900;
  font-size:2em;
  line-height: 2em;
  margin-right: 15px;
  text-align: center;
  width: 2em; 
}


.tabhold {
  position: relative;
  }
.tabhold.on:after {
  top: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 174, 239, 0);
  border-top-color: #00aeef;
  border-width: 15px;
  margin-left: -15px;
}

#car_search{background: url(/images/themes/7-cardealer-resp/car_bluefade.jpg);  background-size: cover; background-position: center center;}
.blocktitle{display: inline-block; background:#00aeef; padding:10px; color:#fff; margin:0 0 -10px 0;}


/* ==== Car Detail ==== */
span#cartitlespan{
    max-width: 480px;
    overflow: hidden;
    display: inline-block;
    max-height: 29px;
    }

.arrow_box {
  display:none;
  position: relative;
  background: #3f3e39;
  width: 40px;
  left: 20%;
  clear:both;
}

.arrow_box:after {
  bottom: 100%;
  left: 0%;  /*50%*//*35%*/
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(63, 62, 57, 0);
  border-bottom-color: #3f3e39;
  border-width: 20px;
  margin-left: -20px;
}

img.car_sm{ width: 100%; height: auto; }

div.container{ padding: 0px; }

section#car_detail_section:after{  }

h3.carmaintitle{ color: #fff; text-align: left;}

section.car_detail{clear: both; background: #3f3e39; }

.car_hold.is-expanded .arrow_box {
  display: block;
  border-bottom: 8px solid #222;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  height: 0;
  width: 0;
  margin: 2px auto 0;
}

.car_hold.is-expanded #car_detail {
  max-height: inherit;
  margin-bottom: 10px;
}

.car_hold.is-collapsed .arrow_box {
  display: block;
  height: 10px;
  width: 100%;
}

span.circle {
  background: #00aeef;
   border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  color: #ffffff;
  display: inline-block;
  font-weight: 900;
  font-size:2em;
  line-height: 2em;
  margin-right: 15px;
  text-align: center;
  width: 2em; 
}

span.circle::before,
span.circle::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #00aeef;
    transform: rotate(45deg);
    padding-bottom: 20px;
}

span.circle::after {
    transform: rotate(-45deg);
}

span.circle:hover::before,
span.circle:hover::after {
    background: #00aeef;
}

.pic{width:25%; float:right; padding:10px;}

/*.gallery{margin:0 0 10px 0;}*/ 

.skupe_thumbtable {
	margin-top:10px;
	width:750px;
	overflow:hidden;
	padding:0px;
	display:inline-block;
	overflow: auto;
	position:relative;
	text-align: left;
} 

div.galery{ margin: 0 0 10px 0;}

.skupe_thumbtable img { border: 1px solid #aaa; margin-bottom: 5px; max-width: 167px; max-height: 125px; }

div.title:after{}

h3.blue{color:#00aeef; font-family: 'Roboto Slab', serif; border-bottom: 2px solid #999999; padding:0 0 10px 0; font-weight: bold; text-align: left; font-size: 24px; margin: 10px 0px 10px 0px;}
	
div.table_responsive{ }

div.car_resp{background:rgba(197, 197, 197, 1); color:#333333; padding:10px; font-size:1.2em; font-weight: bold; text-align:left;}

#car_detail{ background: #3f3e39; color:#fff; 
  left: -5px;
  padding: 0 5px;
  overflow: hidden;
  max-height: 0;
  transition: max-height .3s ease-in-out,
              margin-bottom .1s .2s;
  
  }

#car_detail h3.carmaintitle{ font-family: 'Roboto Slab', serif; margin-right:10px; }
#car_detail .price{display:inline-block; background:#caff42; color:#000; padding:0px 5px 0px 5px;   text-align:center; font-size:1em;}

.car_desc{background:rgba(197, 197, 197, 1); color:#333333; padding:10px; font-size:1.2em; font-weight: bold; text-align:left;}

.pichold{position:relative;}
.car_big{margin:10px 0 15px 0; border:5px solid #fff; position:relative;}
.share{position:absolute; z-index: 100;  left:10px; top:20px; background:#fff; padding:10px ; }
.share .fa{ color:#00aeef;}
.sharehold { padding:0; text-align:left !important;}
.sharehold a{color:#fff; display:block; margin-top:10px; text-align:left}
.sharelink{padding:0; margin:0;}

.share span.icon_circle{margin-left:0}
a.share span.icon_circle :hover{margin-left:0}

.sharehold  a span.icon_circle{margin-left:0; color:#fff;}
.sharehold  a span.icon_circle i{color:#fff;}
.year{color:#00aeef;}

table{width: 100%;}

.table {border:0; text-align: left;}
.table tbody tr td {padding-left:0; border-top: none; border-bottom: 1px dashed #ccc; color: #fff;}
.table-hover tbody tr:hover td {padding-left:0;
    background: rgba(51, 51, 51, .9);
}
table tr td:nth-child(1) {
    font-weight: bold;
    color: #fff;
}

.car_hold:nth-of-type(5n+2) .car_detail {
  margin-left: -100%;
}

.car_hold:nth-of-type(5n+3) .car_detail {
  margin-left: -200%;
}

.car_hold:nth-of-type(5n+4) .car_detail {
  margin-left: -300%;
}

.car_hold:nth-of-type(5n+5) .car_detail {
  margin-left: -400%;
}

.car_hold:nth-of-type(5n+6) {
  clear: left;
}

img{width: 100%; height: auto;}

/* ==== Enquire Area ==== */
.enquire_area{margin:10px 0 0 0; background:rgba(255, 255, 255, .8); color:#3f3e39;}

.pad{padding:10px 15px 15px 10px ; text-align: left;}
.call{background:#7c7c79; padding:10px; color:#fff; margin:0 0 10px 0;  }
a.callbut{position:relative; display:block; padding:10px; font-weight:900; border:5px solid #fff; color:#fff; font-size:1.5em; text-transform: uppercase; background:#00aeef; border-radius:5px; text-decoration:none;}
a.callbut:after {position:absolute; right:10px; top:15px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f063";
}

#number{font-size:2em; padding:10px; font-weight:900; text-align:center; background:#fff; color:#000; margin:-5px 0 0 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
h4.headblue{color:#00aeef; text-transform: uppercase; font-weight: 900; font-size:1.5em; background:none; padding:0 0 0 0; font-size:1.5em;}
.enquire_area h3{background:#00aeef; color:#fff; padding:10px; text-transform: uppercase; border-bottom: 2px solid #3f3e39; margin:20px 0 0 0; text-align: left;}

.other h4{font-weight:bold; color:#92cce2; display: block; background:none; padding:0; font-size:1.2em; text-align:left;}

.other{color: #fff; text-align: left; padding-bottom: 20px;}

h5.num{ color:#fff; font-size:1.5em; border-bottom: 1px dashed #fff; padding:0 0 10px 0 ;}
.form-control{border-radius: 0; border:1px solid #a6a5a5; }


/* ==== contact Styling ==== */
.contactstuff{background:#f2f2f2; margin:10px; padding: 10px}
.contact-form{width:80%; padding:0 0 20px 0; }
.contact-form input.form-control{background:#cccccc; color:#000;}
textarea{color:#000;}
.bigger p{font-size:1.3em;}

.role{color:#00aeef;}
.contactstuff .form-control{ border:0px solid #a6a5a5; background:#cccccc; color:#000;}
.contactstuff .form-control input-placeholder{color:#000;}


.img-circle{  border:10px solid #000;}


.profile{text-align:center; display:block;}



/* ==== Footer Styling ==== */
footer.col-sm-4{border-right:1px solid #fff}
footer{background: #848381; color:#fff; padding:20px 0 20px 0; line-height:150%;}
footer h5{background:#00aeef; padding:5px 10px ; font-weight:bold; font-size:1.5em; display: block; margin-bottom:10px; color: #fff;}
footer h5.loc{margin-bottom:0px;}

footer .fa{color:#fff}

footer.foot2{background: #383733; color:#fff; padding:10px;}


/* ==== Footer email ====*/
.emailbut {color: #fff;display: inline-block;}

a{color: white;}


iframe.youtube-player{ height: 600px;}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

  	body{font-family: 'Lato', sans-serif; }
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.emailtop{display:block;} 
	.dash{display:none;}
	.carf {font-size: 1.1em;}
	iframe.youtube-player{ height: 450px;}
	
	ul.nav.nav-pills li#commercial{width: 100%; margin-left: 0px;}
	ul.nav.nav-pills li#usedcar{width: 100%;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	#home h2{ }
	
	.logo{ height:auto;}
	.test{position:relative; top:auto; right:10px; }
	  
	.navbar{ padding:0px 0 0px 0; text-align:center; position:relative;}
	
	.navbar .nav > li {display: table-cell;width: 100%;float: left;text-align: left;}
	
	.navbar-default .navbar-nav>.active :after {top: 100%;left: 50%;border: none;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: none;border-top-color: none;border-width: none;margin-left: none;}
	
	.logo{text-align: center; background-position: 50% 0; margin:0; padding:0; display:block;}
	.top_contact{ text-align: center; margin:0; padding:0;}
	.contact-detail{display:inline-block; }
	.sn{display:inline-block;}
	.search_feat{margin:10px; border:14px solid #fff;}
	.nopad1 { padding-left:20px; padding-right:20px; }
	.nopad2 { padding-left:20px; padding-right: 20px }
	
	
	#car_detail h3.carmaintitle{ text-align:left; }
	#car_detail .price{  text-align:center; margin-top:10px;}
	.table {font-size:150%; border:10px solid #3f3e39;}
	.emailtop{display:inline;}
	
	iframe.youtube-player{ height: 350px;}
	
	.searchhold{margin-top: -25px;}
	
		
	ul.nav.nav-pills li#commercial{width: inherit; margin-left: 2px;}
	ul.nav.nav-pills li#usedcar{width: inherit;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  	.logo{font-size: 1.5em; height:;}
	.logoimage img{width:200px;}
  	.carousel-caption h3 {position:absolute; top:-40px; z-index: 100;padding: .5em;font-size: 20px;}
 	.test{position:relative; top:auto; right:10px; }
 	#carousel-example-generic .item{height:112px; }
	h1{text-align: center; margin:0 0 20px 0;}
	.carf {font-size: 1.3em;}
	
	iframe.youtube-player{ height: 300px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {}

/* Read more */
.description-full {
    height: 202px;
    overflow: visible;
}
.description-small {
    height: 202px;
    overflow: hidden;   
}
.description-big {
    height: auto;
}