/* Facebook Responsive */

#fb-root {
    display: none;
}


.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* Required Form */

input:required, textarea:required {

}

/* Full Screen Background */

.bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: -1;
}
.bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

/* Sticky Footer */

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
  font-size:12px;
}

@media screen and (max-width: 768px) {
    .footer {
       position: relative;
  	   bottom: auto;
	   height: auto;
	   padding-bottom:20px;
    }

	body {
		margin-bottom:0px;
	}
}

/* Navbar customization */

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: rgba(0,0,0,0.6);
}

.navbar-inverse .navbar-nav>li>a {
	text-transform: uppercase;
	color:#fff;
	font-size:18px;
}

.navbar-inverse {
	background:#ca1b39;
	border:none;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
	color:#fff;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

//Sticky Navbar Branding

#navbar {
	z-index:99999;
	position:relative;
}

#navbar-sticky-wrapper {
	position:relative;
	z-index:99999;
}

.navbar-brand {
	position: absolute;
	padding: 0px;
	display: block;
}
.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}

.navbar-brand.hide {
	display:none;
}


//PyroCart

.form-control--focus {
      /* how your inputs should appear when they have focus */
      outline: 5px auto rgb(59, 153, 252);
    }
.form-control--error {
      /* how your inputs should appear when invalid */
      outline: 5px auto rgb(255, 97, 97);
    }

#cart {
	position:fixed !important;
	top:20px;
	right:20px;
	z-index:9999;
}

label.error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c7c7c+0,ffffff+100 */
background: #7c7c7c; /* Old browsers */
background: -moz-linear-gradient(top, #7c7c7c 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7c7c7c 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7c7c7c 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.masthead {
	background-image:url(img/grill-bg.png);
	background-size: 100% auto;
	min-height:150px;
	background-repeat:no-repeat;
	background-position:top center;
	padding-bottom:40px;
	margin-bottom:-20px;
}


@media (max-width: 768px) {
	.masthead {
		background-size:cover;
	}
}

.footer-top {
	 -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.navbar-wrapper {
	position:relative;
	z-index:2;
}

.bluebg {
	background-color:#023a4e;
	margin-top:-40px;
	width:100%;
	overflow-x: hidden;
	z-index:1;
	position:relative;
	margin-bottom:20px;
}

.bx-wrapper {
	margin-top:40px;
	margin-bottom:0px !important;
}

.bluebg video {
	position: absolute;
	width:auto;
	height:100%;
}

.familyowned {
	background-color:#000;
	border-radius:0px 0px 10px 10px;
	padding:5px;
	text-align:center;
	color:#fff;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-weight:700;
	font-size:16px;
}

.btn-primary {
	background:#ca1b39;
	border:#ca1b39;
}

.btn-primary:hover {
	background:#731122;
}

.pad20 {
	padding-top:20px;
	padding-bottom:20px;
}

.well-inverse {
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	border:none;
	padding:40px;
	font-size:18px;
}

.sportscar {
	background-image:url(img/sportscar.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 30% center;
}

.whitebg {
	background-color:#fff;
	margin-top:-40px;
	padding-top:60px;
	z-index:1;
	position:relative;
}

h1, h3, h5 {
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	text-transform:uppercase;
	color:#ca1b39;
	font-weight:300;
}

.masthead .btn-primary {
	height:60px;
	min-width:60px;
	border-radius: 0px 0px 8px 8px;
}

.masthead .btn-primary i {
	font-size:26px;
	line-height:40px;
}

.guarantee {
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-weight:400;
	color:#fff;
	background-color:#ca1b39;
	min-height:50px;
	line-height:50px;
	font-size:20px;
}

.towing {
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-weight:400;
	color:#fff;
	background-color:#000;
	min-height:50px;
	line-height:50px;
	font-size:20px;
}

.directrepair {
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-weight:400;
	color:#fff;
	background-color:#023a4e;
	min-height:50px;
	line-height:50px;
	font-size:20px;
}

.guarantee a, .towing a, .directrepair a {
	color:#fff;
}

/* Mobile spacing for videos */
@media (max-width: 767px) {
	.embed-responsive {
		margin-bottom: 30px;
	}
	
	.embed-responsive:last-child {
		margin-bottom: 0;
	}
}