@import url("bootstrap.min.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 15px;
}

#logo {
    margin: 0;
    padding-left: 20px;
}

.container {
    padding: 0;

}

.banner {
    margin: 0;
    padding: 0;
}

body {
    background-color: black;
    background: url(../img/PageBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    font-size: 12pt;
}


.home .inner-main {
    background-color: white;
}

.home .inner-main h1 {
    color: #c21c1d;
}

.phone-callout {
    font-size: 22px;
}

/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.row {
    margin: 20px;
}

hr {
    border-top: 1px solid #c21c1d;
}

a {
    color: #c21c1d;
}

a:hover {
    color: #c21c1d;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    color: #222222;
}

h1 {
    background: #c21c1d;
    margin-bottom: 60px;
    color: #ffffff;
    padding: 10px;
}

.invSurround h1 {
    background: none !important;
    color: black !important;
}

h4 {
    font-size: 16pt;
}

a.btn.btn-default {
    background-color: #c21c1d;
    border-radius: 0;
    color: white;
}

.main {

    color: #666666;
    padding: 2px;
    background-color: #ffffff;
}



* {
    margin: 0;
}

/*INVENTORY*/

.list-content .price-container .price {
	color: #c21c1d !important;
}

.view-listing-details-link {
	background-color: #c21c1d !important;
}

.view-listing-details-link:hover {
	background-color: #000 !important;
	color: #fff !important;
	text-decoration: none;
}

.list-top-section .list-title .list-listings-count {
	color: #c21c1d !important;
}

.list-top-section .list-title .list-title-text,
.list-content .listing-portion-title,
.list-content .price-container .price,
.list-content .spec-label,
.list-content .list-listing .dealer-name,
.list-content .dealer-data,
.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link {
	font-family: 'Open Sans', sans-serif !important;
}

html,
body {
    height: 100%;
    overflow-x: hidden;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -160px;
    max-width: 1170px;
    background-color: #ffffff;
}

.footer,
.push {
    height: 160px;
}

.utility.row {
    color: white;
    background-color: black;
    margin: 0;
}

.utility.row .phone {
    font-size: 18pt;
    padding-left: 60px;
    text-align: right;
    padding-right: 40px;
    color: #c21c1d;
    font-size: 12pt;
    text-transform: uppercase;
}

.utility.row .phone a {
    color: white;
    text-decoration: none;
    font-size: 20pt;
}

.topbar {
    background: #c21c1d;
    padding: 5px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.topbar ul {
    margin: 0 0 0 0;
    list-style: none;
    padding: 0 0 0 0;
}

.topbar ul li {
    float: left;
    padding: 2px 10px;
}

.topbar ul li:last-child {
    float: right;
}

.topbar a {
    color: #fff;
}

.topbar img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.video {
    background: #333333;
    color: #fff;
    padding: 15px 0;
    margin: -2px;
}

.video h2 {
    color: #fff;
    margin-top: 0;
}

.mfg-logos {
    text-align: center;
}

.mfg-logos img {
    display: inline-block;
    vertical-align: middle;
    max-height: 70px;
    max-width: 150px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background: transparent;
}

.navbar-inverse {
    background-color: #101010;
    border: none;
    min-height: 80px;
    margin-bottom: 0;
    background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
    border-radius: 0;
}

.navbar-inverse .navbar-header button.navbar-toggle.collapsed {
    padding-top: 20px;
}

.navbar-inverse .navbar-header .navbar-brand {
    padding: 0;
}

.navbar-inverse .navbar-collapse.collapse {
    border: none;
}

.navbar-inverse .navbar-collapse.collapse .navbar-nav {
    float: none;
}

.navbar-inverse .navbar-collapse.collapse .navbar-nav li {
    float: none;
}

.navbar-inverse .navbar-collapse.collapse .navbar-nav li a {
    padding-top: 25px;
    padding-bottom: 15px;
    padding-right: 5px;
    color: white;
    font-size: 14pt;
}

.models li a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 5px;
    color: white;
    font-size: 12pt !important;
}


.navbar-inverse .navbar-collapse.collapse .navbar-nav li a:hover {
    color: #c21c1d;
}

.navbar-inverse .navbar-collapse.collapse .navbar-nav .dropdown .dropdown-menu {
    background: rgba(0, 0, 0, 0.8);
    margin-top: 20px;
}

.navbar-inverse .navbar-collapse.collapse .navbar-nav .dropdown .dropdown-menu .dropdown-submenu {
    list-style-type: circle;
    margin-left: 15px;
}

.navbar-inverse .navbar-collapse.collapse .navbar-nav .dropdown .dropdown-menu .dropdown-submenu a {
    text-decoration: none;
    font-size: 11pt;
    padding: 0;
}

.navbar-inverse .navbar-collapse.collapse .navbar-nav .dropdown .dropdown-menu li a {
    color: white;
}

.navbar-inverse .navbar-collapse.collapse .navbar-nav .dropdown .dropdown-menu li a:hover {
    color: #c21c1d;
    background: rgba(0, 0, 0, 0.8);
}

.owl .item img {
    display: block;
    height: auto;
}

.row.slider .owl-carousel .owl-item {
    height: 480px;
    width: 640px;
}

.row.slider .owl-carousel .owl-item img {
    width: 640px !important;
    margin: 0 auto;
}

.owl-carousel .owl-stage {
    margin-bottom: 15%;
}

.container.videos {
    background: rgba(255, 255, 255, 0.5);
    max-width: 1140px;
    border-left: 2px solid #c21c1d;
    border-right: 2px solid #c21c1d;
    border-bottom: 2px solid #c21c1d;
    padding-bottom: 20px;
}



/*.owl-theme .owl-controls .owl-buttons div {
  position: absolute; }

.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -5px;
  top: 45%; }

.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -5px;
  top: 45%; }

.owl-theme .owl-controls .owl-buttons div {
  background-color: transparent !important;
  opacity: 0.7 !important; }*/

.carousel-inner .item img {
    margin: 0 !important;
}

.footer {
    background-color: #101010;
    color: white;
    padding: 10px;
    font-size: 8pt;
    max-width: 1170px;
    margin: 0 auto;
}

.footer p {
    margin: 0 auto;
}

.footer .copy-info {
    margin: 5px;
}

@media (min-width: 768px) and (max-width: 895px) {
    .navbar-header {
        float: none;
        text-align: center;
    }

    .navbar-header .navbar-brand {
        float: none;
    }

    #logo {
        margin: 0 auto;
    }
}

@media screen and (max-width: 480px) {
    .topbar {}

    .topbar ul {
        text-align: center;
    }

    .topbar ul li {
        float: none;
        padding: 2px 10px;
        display: inline-block;
    }

    .topbar ul li:last-child {
        float: none;
        display: inline-block;
    }
}
