/**  Default Color: #4380c2*  Darker		:  #2d5a8b*/
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);

body {
    padding-top: 70px;
    overflow-y: scroll;
    height: 100%;
    text-align: justify;
}
a {
    color: #4380c2;
}

/* RWD */
.align-left { /* Override Justification */
	text-align: left;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.footer-margin-left {
    margin-left: 15px;
}

.footer-margin-top {
	margin-top: 7px;
}

.footer-pad-left-45 {
	padding-left: 45px;
}

.btn-fix { /* Small inline buttons */
    border-radius: 7px;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    border-left-width: 1px;
    margin-left: 10px;
}

.btn-radius { /* Large buttons (ie. map page) */
	border-radius: 10px;
}

.h3-lead-margin-bottom { /* This should replace all <p .lead> elements */
	margin-bottom: 25px;
}

/* End RWD */

.btn-primary {
    background-color: #4380c2;
    border-color: #2d5a8b;
}
.signature {
	font-family: 'Homemade Apple', Arial, sans-serif;
	padding-top: 20px;
}

.btn-primary:hover,
.btn-primary:active {
    background-color: #2d5a8b;
    border-color: #4380c2;
}
.navbar-top-custom {
    background: #fff;
    border-color: #e7e7e7;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(222, 222, 222, .5);
    box-shadow: 0px 2px 2px 0px rgba(222, 222, 222, .5);
}
.navbar-brand {
    padding: 5px;
    max-width: 400px;
}
.navbar-phone {
    margin-bottom: 0;
}
.top-header {
    width: 100%;
    background: transparent url('/wp-content/uploads/title-stang-inside.jpg') repeat scroll center center / cover;
    height: 300px;
    margin-bottom: 15px;
}
.top-header h1 {
    color: #fff;
    font-size: 60px;
    text-shadow: 0px 0px 10px #000, 0px 0px 14px #000;
    margin-top: 75px;
}
.top-header h2 {
    color: #fff;
    text-shadow: 0px 0px 8px #000, 0px 0px 11px #000;
}
.navbar-top-custom .navbar-collapse {
    width: 100%;
    text-align: right;
}
/* .navbar-nav li a {line-height:70px;font-size:20px;} */

.landing-banner {
    background: url('/wp-content/uploads/front-landing.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 500px;
}
.request-callback {
    margin: 20px 0;
    padding: 20px;
    background: #1fb09c;
}
.home-panel {
    margin-top: 75px;
}
.home-panel h2,
.home-panel p {
    text-align: center;
}
.front-page-content h1,
.front-page-content h2 {
    font-size: 30px;
    text-align: center;
}
.front-page-content h2 a,
.front-page-content h1 a {
    color: #333;
}
.front-page-content h2 a:hover.front-page-content h1 a:hover {
    color: #1485CC;
    text-decoration: none;
}
.trading-hours {
    padding: 10px 0;
    background: #2D5A8B;
    line-height: 40px;
    color: #fff
}
.trading-hours h3 {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 40px;
}
.trading-hours span {
    float: left;
    margin-left: 30px;
    line-height: 40px;
}
.trading-hours a {
    margin-left: 20px;
}
.no-top {
    margin-top: 0;
    padding-top: 0;
}
/* Fix the navbar toggle that wasnt doing well before */

.navbar-toggle {
    color: #eee;
    border: 1px solid #eee;
    border-radius: 4px;
}
.navbar-phone {
    font-size: 20px;
}
.navbar-text {
    margin-top: 11px;
    margin-bottom: 11px;
}
.contact-btn {
    padding-top: 10px;
    padding-bottom: 10px;
}
.contact-btn a {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.contact-btn a:hover {
    padding-bottom: 3px!important;
}
#map {
    height: 400px;
    background-color: grey;
    padding: 4px;
    margin-bottom: 20px;
}
#map_canvas {
    height: 100%;
}
#pano {
    height: 100%;
}
.nav>li>a {
    color: #333;
}
.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    border-bottom: 2px solid #fff;
    border-color: #2d5a8b;
    background: none;
    padding-bottom: 13px;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
}
.nav-contact {
    margin-left: 10px;
    background: #4380c2!important;
    color: #fff!important;
    border-radius: 5px;
}
.nav-contact:hover,
.nav-contact:focus {
    background: #2d5a8b!important;
    color: #fff!important;
}
.navbar-nav {
    float: right;
}
@media (max-width: 768px) {
    .navbar-nav {
        float: left;
    }
}
/* Vehicle Lookup */

.service-lookup {
    padding: 10px;
    border-radius: 4px;
    background: #ccc;
}
.car-makes {}.car-makes .thumbnail {
    height: 175px;
    border: 0;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* Footer Awesomeness */

#wrapper {
    padding-top: 30px;
    min-height: 100%;
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: 0px 4px 12px #181818;
    padding-bottom: 20px;
}
#footer {
    text-align: left;
    color: #FFF;
    width: 100%;
    /*height: 220px;*/
	height: 260px;
    clear: both;
    background: #333;
    position: absolute;
    z-index: -20;
}
#footer .container {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*height: 200px;*/
	height: 230px;
    z-index: -15;
}
#footer p,
#footer a {
    color: #fff;
}
#footer a {
    font-weight: bold;
}
#footer .social-media-icons {
    font-size: 45px;
}
.top10 {
    margin-top: 20px;
}
#footer .social-media-icons a:hover,
#footer .social-media-icons a:active {
    color: #1485CC;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: color 0.5s
}
#footer h3 {
    margin-top: 0;
}
#footer .nav>li>a {
    padding: 5px;
    border-radius: 0;
}
#footer .nav>li>a:hover {
    padding: 5px 5px 3px 5px;
    border-radius: 0;
}
.icon-bar {
    background: #333;
}
.navbar-toggle {
    margin-top: 23px;
    margin-bottom: 13px;
}
.navbar-toggle:hover,
.navbaar-toggle:active {
    background: #1485CC;
}
/* Reverse all the fixed footer and shit */

@media (max-width: 768px) {
    #footer .container {
        position: relative;
        height: auto;
        padding-top: 20px;
    }
    #footer {
        height: auto;
    }
    .carousel-caption p {
        display: none;
    }
    .navbar-top-custom .navbar-collapse {
        text-align: left;
    }
    .navbar-top-custom .navbar-collapse .navbar-contact-btn {
        margin: 0;
    }
    #nav-col {
        padding-bottom: 20px;
    }
    .contact-btns {
        margin-top: 0px;
        margin-bottom: 0px;
    }
	
	.xs-top20 {
		margin-top: 20px;
	}
}
@media (min-width: 992px){	
	#footer .container {
    height: 230px;
	}		
}

@media (min-width: 768px) and (max-width: 992px) {
    #nav-col .nav>li>a {
        padding-left: 9px;
        padding-right: 9px;
    }
    #footer .social-media-icons {
        font-size: 30px;
    }
}
@media (max-width: 768px) {
    .main-container .row {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-nav {
        width: 100%;
    }
    .navbar-brand {
        height: 70px;
    }
    .navbar-brand img {
        max-height: 100%;
    }
}
@media (max-width: 550px) {
    .contact-btns {
        font-size: 1em;
    }
    #wrapper {
        padding-top: 0px;
    }
    .top-header {
        height: auto;
    }
    .top-header h1 {
        margin-top: 15px;
    }
}
.kb {
    padding-top: 5px;
    padding-bottom: 5px;
}
.container-sm {
    max-width: 600px;
    text-align: center;
}
.top50 {
    margin-top: 50px;
}
.page-id-732 .col-sm-4 .well {
    text-align: left;
}