/* Space out content a bit 

@import url(http://fonts.googleapis.com/css?family=Slabo+27px);*/

/* latin-ext */

@font-face {

  font-family: 'Slabo 27px';

  font-style: normal;

  font-weight: 400;

  src: local('Slabo 27px'), local('Slabo27px-Regular'), url(http://fonts.gstatic.com/s/slabo27px/v3/LfR9_S_HMdQ73mwIHBRxoSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Slabo 27px';

  font-style: normal;

  font-weight: 400;

  src: local('Slabo 27px'), local('Slabo27px-Regular'), url(http://fonts.gstatic.com/s/slabo27px/v3/PuwvqkdbcqU-fCZ9Ed-b7fk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

/** theme



slate: #404041

darkblue: #003470

themeGreen: #13a89e;



**/



body {

  padding-top: 0px;

  padding-bottom: 20px;

  background:url(../imgs/brickwall.png) repeat;

  font-family: Century Gothic, sans-serif;

  /*background:#EFEFEF;	*/

  color:#7c827c;

  font-size:16px;

  

}

ul.list{

	padding-left: 10px;

	font-style: italic;

}

ul.list li{

	list-style-image: url('../imgs/bulletGreen.png');

	margin-bottom: 5px;

}

.row{

	margin:10px 0 ;	

}

.container{

	background:#FDFDFD;	

}

.logo-header img{

	padding-bottom: 10px;

}

.navbar{

	margin:0;

	padding:0;

}

.navbar-brand{

  float: left;

  padding:0;

}



#navbar{

background:#13a89e;	

margin-top:5px;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;



}

.navbar-nav>li:first-child>a{

border-right: 1px solid #003470;

border-left:none!important;

}

.navbar-nav>li:last-child>a{

border-right: none!important;

border-left:1px solid 	#13a89e;

}

.navbar-nav>li>a{

border-right: 1px solid #003470;

border-left: 1px solid 	#13a89e;

}

.navbar-nav>li:hover{

background:#FFF;



}

.navbar-nav>li>a:hover{



color:#13a89e;

}

.review>span:before{

        font-family: FontAwesome;

		padding-right:10px;

        margin-left:0px;

        content: "\f10d"; <--- this is your text. You can also use UTF-8 character codes as I do here

}

.review>.rating5:after{

		color:#048bc2!important;

        font-family: FontAwesome;

        margin-left:0px;

        content: "\f005 \f005 \f005 \f005 \f005"; 

}

.review>.rating4:after{

	    color:#048bc2!important;

        font-family: FontAwesome;

        margin-left:0px;

        content: "\f005 \f005 \f005 \f005"; 

}

.fa-star{

	color:#048bc2!important

}



.subrow{

	margin-left:-20px;

	margin-right:-20px;

}

h1{

font-size:30px;	

margin:30px 0 20px 0;	

}

h1,h2,h3{

	

font-family: 'Slabo 27px', serif!important;

}





/* Everything but the jumbotron gets side spacing for mobile first views */

.header,

.marketing,

.footer {

  padding-right: 15px;

  padding-left: 15px;

}



/* Custom page header */

.header {

  padding-bottom: 20px;

  border-bottom: 1px solid #e5e5e5;

}

/* Make the masthead heading the same height as the navigation */

.header h3 {

  margin-top: 0;

  margin-bottom: 0;

  line-height: 40px;

}

.contactHeader{

	float:right;

	margin-top:10px;

}

.headerTel2{

	text-align:right;

	color:	#404041;

	font-size:30px;

	font-family: 'Slabo 27px', serif;
	

}

.headerTel, .headerEmail{

	text-align:right;

	color:	#404041;

	font-size:24px;

	font-family: 'Slabo 27px', serif;

	

}

.contactHeader a{

	color:#13a89e;

}

.socialIcons{

display: inline;
position: relative;
}

.panel-title{

	font-weight:bold;

}



#reviewsAlt{

	background:url(../imgs/reviewBgAlt.png) left no-repeat;

	min-height:230px;

	cursor:pointer;

}

#rockdoor{

	background:url(../imgs/rockdoorBg.png) right bottom no-repeat;

	min-height:330px;

	cursor:pointer;

}

#refitSide{

	background:url(../imgs/beforeAfterSide.jpg) right bottom no-repeat;

	min-height:375px;

	background-size:cover;

	cursor:pointer;

}

#firestone{

	background:url(../imgs/firestoneBg.png) right bottom no-repeat;

	min-height:250px;

	background-size:cover;

	cursor:pointer;

}



#reviewsAlt .reviewText{

	width:55%;	

	float:right;

	text-align:right;

}



.reviewText{

	width:60%;	

}

.headerIcon{

	font-size:30px;

	float:right;

	margin-top:-8px;	

}

.btn-theme{

	  background: #048bc2!important;

  color: white;

}

.btn-theme:hover{

  color: white;

  font-weight:bold

}

.error{

color:#A60000;

font-size:14px;

font-weight:400;	

}



#rotating-item-wrapper {

    position: relative;

    width: 100%;

}

.rotating-item {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

}



/* Custom page footer */

.footer {

 background:#13a89e;	

margin-top:5px;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

color:#FFF;

margin-bottom:5px;

}

.footer p{

	padding:10px;

}

.navbar-nav>li>a {

  padding-top: 10px;

  padding-bottom: 10px;

  color:#FFF;

    text-shadow:none;

	font-weight:bold;

}

  

.navbar-nav>li>a:hover, .navbar-nav>li>a:visited {

	background:none;

}



.mainContainer{

	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,1);

-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,1);

box-shadow: 0px 5px 15px 0px rgba(0,0,0,1);

margin-top:10px;

padding-top:10px;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

}



/* Customize container */

@media (min-width: 768px) {

  .container {

    max-width: 980px;

  }

}

.container-narrow > hr {

  margin: 30px 0;

}





.nav>li>a:focus, .nav>li>a:hover {

  text-decoration: none;

  background-color:transparent;

}



.navbar-toggle {

  position: relative;

  float:none;

  margin:5px 0;

  background-color: #13a89e;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

  color:#FFF;

  width:100%;

}

.footer a{

	color:#FFF;	

}

.fa-facebook-square {

  color: #3b5998;

}

.fa-twitter-square {

  color: #00aced;

}

.fa-google-plus-square {

  color: #dd4b39;

}

.signature{

	font-family: 'Slabo 27px', serif;

	font-size:22px;

}

.divider{

	height:10px!important;

	background:url(../imgs/divider.jpg) repeat-x center;

	width:100%!important;	

	float:left;

	margin:20px 0;

}

td:nth-child(2){

	text-align:right;

}



/* offers */

.shape{	

	border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;

	-ms-transform:rotate(360deg); /* IE 9 */

	-o-transform: rotate(360deg);  /* Opera 10.5 */

	-webkit-transform:rotate(360deg); /* Safari and Chrome */

	transform:rotate(360deg);

}

.offer{

	background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;

}

.offer-radius{

	border-radius:7px;

}

.offer-danger {	border-color: #d9534f; }

.offer-danger .shape{

	border-color: transparent #d9534f transparent transparent;

	border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);

}

.offer-success {	border-color: #5cb85c; }

.offer-success .shape{

	border-color: transparent #5cb85c transparent transparent;

	border-color: rgba(255,255,255,0) #5cb85c rgba(255,255,255,0) rgba(255,255,255,0);

}

.offer-default {	border-color: #d0d6b4; }

.offer-default .shape{

	border-color: transparent #d0d6b4 transparent transparent;

	border-color: rgba(255,255,255,0) #d0d6b4 rgba(255,255,255,0) rgba(255,255,255,0);

}

.offer-primary {	border-color: #428bca; }

.offer-primary .shape{

	border-color: transparent #428bca transparent transparent;

	border-color: rgba(255,255,255,0) #428bca rgba(255,255,255,0) rgba(255,255,255,0);

}

.offer-info {	border-color: #5bc0de; }

.offer-info .shape{

	border-color: transparent #5bc0de transparent transparent;

	border-color: rgba(255,255,255,0) #5bc0de rgba(255,255,255,0) rgba(255,255,255,0);

}

.offer-warning {	border-color: #f0ad4e; }

.offer-warning .shape{

	border-color: transparent #f0ad4e transparent transparent;

	border-color: rgba(255,255,255,0) #f0ad4e rgba(255,255,255,0) rgba(255,255,255,0);

}



.shape-text{

	color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:-5px; white-space: nowrap;

	-ms-transform:rotate(30deg); /* IE 9 */

	-o-transform: rotate(360deg);  /* Opera 10.5 */

	-webkit-transform:rotate(30deg); /* Safari and Chrome */

	transform:rotate(30deg);

}	

.offer-content{

	padding:0 20px 10px;

}

/* end offers */



.products{

	margin-bottom:20px;

}

.review{

	border-color: #d0d6b4;

	border-radius:5px;

	background:#fff; 

	border:1px solid #ddd; 

	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); 

	margin: 10px 5px; 

	overflow:hidden;

	padding:5px 10px;

	width:48%;

	float:left;

}

@media screen and (max-width: 768px) {

.review{

	border-color: #d0d6b4;

	border-radius:5px;

	background:#fff; 

	border:1px solid #ddd; 

	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); 

	margin: 10px ; 

	overflow:hidden;

	padding:5px 10px;

	width:94%;

}

}



hr{

	float:left;

	width:100%;

	margin:20px 0;

    border: 0;

    height: 0;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}



.spacer50{

	width:100%;

	height:50px;

}

.tweet{

	float:right;

	margin:20px 0;	

}



.panel-default>.panel-heading {

  background: #13a89e!important;

  color:white;

}

.panel{

	margin-top:10px;

}



.gallery img{

	margin:10px 0 20px 0;

	border-radius: 6px;

	display:block;	

}