@import url(../../css-1);
@import '../../css-2';

body {
    font-family: 'Open Sans', sans-serif;
}
a.vehicle-panel:hover {
    text-decoration: none;
}
div.testimonial {
  position: relative;
  z-index: 10;
}
.menu-container-inner:after {
    content: '';
    display: table;
    clear: both;
}
a.menu-heading {
    font-weight: 100;
    font-size: 14px;
    letter-spacing: 1px;
}
.quicklinkbuttons-horizontal {
    margin-left:inherit !important;
    margin-right:inherit !important;
}
.element-heading {
    font-weight: 100;
    padding-left:0;
}
/*Title & Heading*/
.element-heading h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    text-align: center;
    border: none;
    color: #222;
    padding-bottom: 20px;
    border-bottom: 2px solid #ccc;
    position:relative;
    font-size:25px;
}
.element-heading h4:after {
    content: '';
    position: absolute;
    background-color: #9bc83c;
    width: 8%;
    padding: 5px;
    left: 46%;
    transform: skewX(-20deg);
    bottom: -5px;
}
span.sub-text {
    color: #ccc;
}
.browse-inventory-image a{
    color:#828283;
}
.browse-inventory-image a:hover {
     color:#828283;
}


/*************************************
Banner
********************************************/
.banner-links-bar-wrapper {
    float: none !important;
}
.phonenumber-link a {
    font-size: 20px;
    font-weight: 800;
}
.banner-links-bar-wrapper span.media-icon-small {
    background: none !important;
    box-shadow:none !important;
}
a.banner-link i {
    text-shadow:none;
}
a.banner-link { color:#fff}
a.banner-link:hover { color:#E4E4E4}
.address-link a { font-size: 14px;}
a.navbar-brand img { width: inherit !important;}
.address-link.pull-left {
    line-height: 28px;
}
/*************************************
Inventory Search
********************************************/

.element-type-inventorysearch .form-control {
    background-color: transparent;
    border-bottom: 1px solid #999 !important;
    border: 0;
    border-radius: 0;
    height: 46px;
    font-size: 26px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.element-type-inventorysearch div.form {
    text-align: center;
}
.element-type-inventorysearch .inventorysearch {
    width:100% !important;
}
.element-type-inventorysearch .form-group {
    width: 60%;
    display: inline-block;
}
.element-type-inventorysearch .btn-default {
    color: #666;
    background-color: transparent;
    border: none;
}
.element-type-inventorysearch label { 
    display: none; 
}
.element-type-inventorysearch button {
    font-size: 0;
}
.element-type-inventorysearch .fa {
    font-size: 26px;
}
.element-type-inventorysearch .form-control:focus {
    border: none;
    box-shadow: none;
}
/*************************************
Inventory Slider
********************************************/
.flexslider {
    background: none;
    border: none;
}
.flex-direction-nav a {
    padding: 0 15px;
    border-radius: 0;
    margin: -25px 8px 0;
}
.vehicle-panel-headline, .vehicle-panel-label {
    font-size: 12px;
    padding-top: 8px;
}
.flex-direction-nav a:before {
    font-family: FontAwesome;
    font-size: 40px;
    line-height: 50px;
}
.flex-direction-nav a.flex-next:before {
    content: '\f105';
}
.flex-direction-nav a.flex-prev:before {
    content: '\f104';
}
.element-type-inventoryslider {
    overflow: hidden;
}
.flex-direction-nav a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85) !important;
}

/*************************************
Browse Inventory
********************************************/
.browse-inventory-image {
    margin: 10px auto;
    padding-right:0!important;
    padding-left: 0!important;
    position: relative;
    transition: all .59s ease-in;
}

.browse-inventory-image a:before {
    content: "\f0d8";
    position: absolute;
    font-family: FontAwesome;
    bottom: -10px;
    font-size: 24px;
    color: #FFB400;
    transition: all 0.3s ease-in;
    left: 0;
    right: 0;
}
.browse-inventory-image a {
    border-bottom: 2px solid #ffb400;
    min-height: 82px;
    display: block;
    text-decoration:none;
    font-size:17px;
    margin: 0 8px;
}
.browse-inventory-image a:hover, .browse-inventory-image a:focus {
    opacity: .6;
}
.browse-inventory-image img {
     transition: all .30s ease;
     margin-bottom: 4px;
}
.browse-inventory-image:hover img {
    transform: translate(0px,3px);
    opacity: .5;
    transition: all .30s ease;
}
.browse-inventory-image:hover a:before {
    transform:translate(0,-5px)   
}
/*************************************
Nav Bar
********************************************/
.navbar {
    margin-bottom:0;
}
.navbar-fixed-spacer {
    height: inherit;
}
div#navbar {
    position: relative;
}
.navbar-default {
    border: none;
}
.navbar-fixed-shadow {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
a.navbar-brand, nav.navbar.navbar-default,
nav.navbar-fixed-top a.navbar-brand,
.menu-heading, a.menu-heading:hover span:after,
li.menu-heading span,
a.menu-heading.dropdown-toggle,
ul.dropdown-menu,
li.menu-heading.dropdown.open,
.open,
a.banner-link,
.dropdown-menu > li > a,
div.footer-container   {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
a.navbar-brand {
    transform: scale(1.0);
}

nav.navbar.navbar-default {
    padding: 1% 0 1%;
}

nav.navbar-fixed-top {
    padding: 0.2% 0 0.2% !important;
}

nav.navbar-fixed-top a.navbar-brand {
    transform: scale(.7);
}
/*Nav Bar Colors*/

/*Mouse Hover Effects*/
a.menu-heading span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #DEDEDE;
    width: 0;
}
a.menu-heading:hover span:after{
     width: 100%;
}
.navbar-default .navbar-nav>.active>a {
    background: none;
    
    font-weight: 800;
    position: relative;
}
.navbar-default .navbar-nav>.active>a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #FFB400;
}
/*End Hover Effects*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color:rgba(255,255,255,.20);  
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:rgba(255,255,255,0);   
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: rgba(255,255,255,.20);
}
/*************************************
Content Margin
********************************************/
.page-content  div.page-content-row:nth-child(1) {
    margin-top: 0;
    padding-bottom: 0;
}
.page-content-row .container {
    padding-top: 50px;
    padding-bottom: 20px;
}
h1.pagetitle {
    background: none;
    margin-top: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}
div.pagetitle-container .container {
    background-color:rgba(0,0,0,0);
}
/*************************************
Slideshow
********************************************/
.carousel-indicators .active {
    background-color: rgba(255,255,255,.2);
}
.carousel-indicators li {
    border-radius: 0;
}
.carousel-control {
    background: none !important;
}

/*************************************
Everything below this is for the animated buttons
********************************************/
#btnul{
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin-top: 10px;
}
#btnul .animatedbuttonli {
  margin-right: 5px;
  display: block;
  margin: 9px 0;
}
.animatedbutton {
    bottom: 0;
    display: block;
    font-size: 24px;
    font-weight: 300;
    left: 0;
    letter-spacing: 2px;
    line-height: 50px;
    overflow: hidden;
    position: relative;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.animatedbutton:hover, .animatedbutton:active {
  text-decoration: none;
  background: none;
}
.animatedbutton .animatedbuttonspan {
  display: block;
  position: relative;
  padding-right: 0px;
  position: relative;
  transition: padding-right 0.5s;
}
.animatedbutton .animatedbuttonspan:after {
  content: '';  
  position: absolute;
  top: 0;
  right: 0px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-right: 20px;
  margin-top: -10px;
  background: rgba(0, 0, 0, 0);
  border: 3px solid #FFF;
  border-top: none;
  border-right: none;
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-45deg);
}
.animatedbutton:hover .animatedbuttonspan, .animatedbutton:active .animatedbuttonspan {
  padding-right: 35px;
}
.animatedbutton:hover .animatedbuttonspan:after, .animatedbutton:active .animatedbuttonspan:after {
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  right: 0;
  top: 50%;
}

/*************************************
Image Quick links Buttons
********************************************/

a.btn.btn-block.btn-large.quicklinkbutton.quicklinkimage {
    background: none !important;
    border: 0;
    margin-top: inherit !important;
}
a.quicklinkimage {text-align: center;}
span.quicklinkbutton-img {
    display: block;
    max-width: 244px;
    margin-top: 5px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    margin-left:auto;
    margin-right:auto;
}
span.quicklinkbutton-img img{max-width: 100%;}
span.quicklinkbutton-img:hover span.filter{transform: skewX(180deg);opacity: 1;}
span.quicklinkbutton-img:hover span.filter i{color:#000;}
span.filter {
    position: absolute;
    width: 95%;
    height: 94%;
    background-color: rgba(255,180,0, 0.59);
    margin: 5px;
    padding-top: 50px;
    opacity: 0;
    transition: all .5s ease;
}
span.filter i {font-size: 40px;color: #fff;}
span.quicklinkbutton-label-img {
    display: block;
    border: 1px solid rgba(95,95,95,1);
    max-width: 244px;
    line-height: 50px;
    position: relative;
    font-size: 24px;
    overflow: hidden;
    transition: all .5s linear;
    background-color: rgba(204,204,204,0);
    color: #5f5f5f;
    font-weight: 100;
    margin-left:auto;
    margin-right:auto;
}
span.quicklinkbutton-label-img:hover{
	border-color: rgba(95,95,95,.15);
	background-color: rgba(204,204,204,.1);
    color:#fff;
}
span.quicklinkbutton-label-img:hover span{right:33px;}
span.quicklinkbutton-anim-img {
    position: absolute;
    right: -10px;
    transition: all .5s ease;
}

/*************************************
Parallax 
********************************************/
/*This make background transparant for parallax*/
.page-content-row.bg-parallax .container {   background: rgba(0,0,0,0); }

.test-drive {
    padding: 10% 0;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.test-drive p {
    font-size: 50px;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
.test-drive a {
    display: inline-block;
    background-color: #222;
    padding: 15px 40px;
    font-size: 22px;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    position: relative;
    overflow:hidden;
    transition: all .59s ease;
}
.test-drive a:hover {
    border-color: rgba(255,255,255,.20);
}
.test-drive a i {
    position: absolute;
    right: -18px;
    font-size: 30px;
    top: 14px;
    transition: all .59s ease
}
.test-drive a:hover i {
    right: 18px;
    transition: all .59s ease;

}

/*************************************
Footer
********************************************/
.page-bottom span.media-icon-small {
    background: none !important;
    box-shadow: none;
}

@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}
@media screen and (max-width: 1199px) {
  #btnul { margin-top: 18px; }
}
@media screen and (max-width: 991px) {
  #btnul { margin-top: 0; }
}

@media (min-width: 768px) {
 .navbar-header {
   float: inherit;
  }
  ul.nav.navbar-nav {
   position: absolute;
   bottom: 0;
   right: 15px;
 }
}
@media (max-width:480px) {
    a.navbar-brand img {
        max-width:195px !important;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .element-type-inventorysearch .form-group {
        width: 80%;
    }
    .element-type-inventorysearch .form-control {
        font-size: 14px;
    }
    .element-type-inventorysearch .fa {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #C7C7C7;
    }
}

@media screen and (max-width: 992px) {
    ul.nav.navbar-nav {
        position:relative;
        right: 0;
    }
}

.sitemap-links div {
    padding: 10px 0;
}

.sitemap-links div {
    margin-bottom: 10px !important;
}