/* CSS Document */

/**   
#831518 - red
#AB1C23 - light red
**/

html{
	position:relative;
	min-height:100%;
}
body{
	font-family: 'Open Sans' !important;
	color:#000 !important;
}
#sb-site, .sb-site-container {
	background-color:#FFF !important;
}
#sb-site.dealer{
	position:static !important;
	padding-bottom:0 !important;
}
.cd-top{
	bottom:10px;
	right:10px;
	font-size:36px;
	z-index:1000;
}
.cd-top i{
	color:#831518;	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.cd-top i:hover{
	color:#AB1C23;
}
.container-fluid{
	padding:0 !important;
}
.container{
	position:relative;
}
img{
	border:0px;
}
p{
	margin:0px;
	padding:0px;
}
a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}
a:hover, a:focus{
	text-decoration:none !important;
}
h1,h2,h3,h4,h5,h6{
	margin:0px !important;
	padding:0px !important;
	font-family: 'Big Noodle Titling' !important;
	font-weight:inherit !important;
}
.modal{
	top: 50px !important;
	z-index: 99999999 !important;
}
.modal .btn{
	font-size: 22px !important;
    padding: 12px 15px 6px !important;
}

/* Offcanvas Nav Styles */
.navbarXs{
	background: rgb(215,214,214); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFkYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(215,214,214,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 45%, rgba(246,246,245,1) 55%, rgba(175,173,170,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,214,214,1)), color-stop(13%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(55%,rgba(246,246,245,1)), color-stop(100%,rgba(175,173,170,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(215,214,214,1) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 45%,rgba(246,246,245,1) 55%,rgba(175,173,170,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(215,214,214,1) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 45%,rgba(246,246,245,1) 55%,rgba(175,173,170,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(215,214,214,1) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 45%,rgba(246,246,245,1) 55%,rgba(175,173,170,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(215,214,214,1) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 45%,rgba(246,246,245,1) 55%,rgba(175,173,170,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d6', endColorstr='#afadaa',GradientType=0 ); /* IE6-8 */
	border-bottom:1px solid #FFF !important;
	height:60px !important;
}
.sb-slidebar{
	background-color:#831518 !important;
	-webkit-box-shadow:inset -7px 0 20px -7px #000;
            box-shadow:inset -7px 0 20px -7px #000;	
}
#logoXsNav{
	float:right;
	margin:7px 10px 0 0;
}
#logoXsNav img{
	width:145px;
}
.navXs>li>a{
	font-family: 'Dancing Script' !important;
	font-size:22px !important;
	color:#FFF !important;
}
.navXs>li>a:hover {
	padding: 10px 15px;
	background-color:#000 !important;
	color:#FFF !important;
	-webkit-box-shadow:inset -7px 0 20px -7px #222;
            box-shadow:inset -7px 0 20px -7px #222; 
}
.navbarToggle{
	float:left;
  	margin-left:5px;
	border:none !important;
	font-size:34px !important;
	color:#831518 !important;
}
.navbarToggle:hover, .navbarToggle:active, .navbarToggle:focus{
	background:none !important;
	border:none !important;
}
.navmenu-brand{
	text-align:center;
}
.navmenu-brand img{
	width:200px;
}
/* End Offcanvas Nav Styles */
#rotator{
	margin-top:60px;
	background-image:url(../images/bgRotator.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	border-bottom:5px solid #000;
}
#rotateContent{
	position:relative;
	padding:6.4% 6%;
}
#rotateContent .slide{
	width:100%;
	backface-visibility:hidden !important;
}
#rotateContent .slide .grill img, #rotateContent .slide .title img{
	width:100%;
	height:auto;
}
#rotateContent .slide .title{
	margin-bottom:7px;
}
.rotateBtn{
	text-align:center;
	width:100%;
}
.rotateBtn .btn{
	margin-top:12px;
	width:70%;
	font-size:22px !important;
	padding:9px 0 0 !important;
}
#grillPrev, #grillNext{
	position:absolute;
	top:41%;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	cursor:pointer;
}
#grillPrev{
	left:-5px;
}
#grillNext{
	right:-5px;
}
#grillPrev:hover, #grillNext:hover{
	opacity:.7;
}
#actionCalls{
	padding:15px 0;
	border-top:2px solid #A61B23;
	position:relative;
	z-index:2;
}
#actionCalls .ca, #actionCalls .caDouble{
	position:relative;
	background-image:url(../images/caBg.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;	
	margin-bottom:12px;
	text-align:center;
	font-family: 'Dancing Script';
	color:#FFF;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	cursor:pointer;
}
#actionCalls .ca{
	padding:6.5% 0 9.7%;	
}
#actionCalls .caDouble{
	padding:7.5% 0 8.7%;
	line-height:.8;
}
#actionCalls .ca:last-child{
	margin-bottom:0;
}
#actionCalls .ca:hover, #actionCalls .caDouble:hover{
	background-image:url(../images/preload/caBg.png);
}
#homeText{
	padding:20px 0 0;
}
#homeText h1{
	color:#A41B23;
	line-height:.9;
}
#homeContent{
	background-color:#831518;
	padding:15px 0;
	font-size:13px !important;
	color:#FFF !important;
}
#homeContent h2{
	font-size:30px !important;
	color:#FFF !important;
	margin:20px 0 0px !important;
}
#featuredProds{
	padding:20px 0 5px;
}
#featuredProds h2{
	color:#A41A22 !important;
	margin-bottom:5px !important;
}
#featuredProds .featProd, .featProd .title{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}
#featuredProds .featProd{
	margin-bottom:15px;
	border:1px solid #D6D6D6;
	padding:7px;	
	cursor:pointer;
}
#featuredProds .featProd:hover{
	border-color:#A41A22;
}
.featProd .image{
	width:100%;
	height:225px;
	margin-bottom:10px;
}
.featProd .title{
	font-family: 'Open Sans Bold';
	font-size:18px;	
}
#featuredProds .featProd:hover .title{
	color:#A41A22;
}
.featProd .description{
	color:#888;
	margin-bottom:7px;
}
.featProd .price{
	font-family: 'Open Sans Bold';
	font-size:22px;
	color:#A41A22;
	margin-bottom:12px;
}
.featProd .btn{
	font-size:22px !important;
	padding:7px 15px 0 !important;
}
.featProd .btn i{
	position:relative;
	top:-1px;
	margin-right:3px;
}
#featuredProds .featProd:hover .btn:after {
  opacity: 1 !important;
}

/* FOOTER CSS */
#companies{
	padding:45px 0;
	background-color:#EEE;
}
#companies .logo{
	display:block;
	margin-bottom:45px;
	height:75px;
	width:100%;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#companies .logo:hover{
	opacity:.7;
}
#companies .logo:last-child{
	margin-bottom:0;
}
#footer{
	background-color:#000;
	padding:25px 0;
}
#logoFooter{ 
    text-align:center;
}
#logoFooter img{
	width:200px;
}
#addressFooter{
	margin:20px 0 !important;
	text-align:center;
	font-family: 'Open Sans Semi Bold';
	font-size:16px !important;
	color:#888;	
}
#addressFooter a{
	color:#888;
	text-decoration:none;
	cursor:text;
}
#addressFooter .title{
	font-family: 'Big Noodle Titling';
	font-size:24px;
	color:#AB1C23;
	margin-bottom:-7px;
}
#socialFooter{
	margin-top:15px;
	text-align:center;
}
#socialFooter a{
	margin-left:5px;
	font-size:36px;
	color:#FFF;
}
#socialFooter a:first-child{
	margin-left:0;
}
#socialFooter a:hover{
	color:#A61B23;
	text-decoration:none;
}
#creditCards{
	text-align:center;
}
#builtBy{
	margin-top:15px;
	text-align:center;
	line-height:1.2;
}
#builtBy span{
	font-family: 'Open Sans Semi Bold';
	font-size:12px;
	color:#888;
}
#builtBy a{
	color:#888;
}
#builtBy a:hover{
	color:#FF9900;
	text-decoration:none;
}

/* INTERIOR CSS */
#intText{
	padding:85px 0 25px;
}
#intText h1{
	font-size:38px !important;
	color:#AB1C23 !important;
}
#actionCalls.int{
	background-color:#D6D6D6;
	border-top:none;
}
.page-header{
	border-color:#D6D6D6 !important;
	position:relative;
	z-index:1;
}
.thumbContain{
	position:relative;
	height:175px;
	margin-bottom:10px;
}
#intText .intContent{
	margin-top:15px;
}

/* CONTACT CSS */
.hrGray{
	border-color:#D6D6D6 !important;
}
#map-canvas{
	width:100%;
	height:250px;
	margin-top: 30px;
	border-top:1px solid #DDDDDB;
	border-bottom:1px solid #DDDDDB;
}
#security{
	margin:10px 0;
	width:120px;
}
label{
	font-size:16px !important;
}
.addressContact{
	font-size:16px !important;
	margin-bottom:10px !important;
}
.addressContact a{
	font-family: 'Open Sans Bold';
	color:#333;
}
.addressContact a:hover{
	color:#333;
	text-decoration:none;
}
.addressContact .title{
	font-family: 'Big Noodle Titling';
	font-size:24px;
	color:#AB1C23;
	margin-bottom:-7px;
}
.socialContact a{
	font-size:40px;
	color:#000;
	margin-right:5px;
}
.socialContact a:hover{
	color:#AB1C23;
}
#contactForm .btn{
	font-size:22px !important;
	padding:12px 15px 6px !important;	
}
.btnDirection{
	padding:10px 15px 4px !important;	
}

/* GRILLS CSS */
.grillSec{
	padding:20px 0;
}
#grillOverview{
	background-color:#D6D6D6;
	font-family: 'Open Sans Light';
	font-size:18px;
}
#grillOverview h2{
	margin:10px 0 5px !important;
	font-size:30px;
	text-align:center;
}
#grillImages{
	margin-bottom:15px;
}
#grillImages img{
	float:left;
	width:48%;
	margin:1%;
	border-radius:3px;
	border:1px solid;
	border-color:transparent;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#grillImages img:hover{
	border:1px solid #000;
}
.hrDark{
	border-color:#999 !important;
}
#grillOverview .price{
	text-align:center;
	font-family: 'Big Noodle Titling' !important;
	font-size:46px;
	color:#AB1C23;
}
#grillOverview .price .small{
	font-family: 'Open Sans Semi Bold';
	font-size:12px;
	color:#333;
	position:relative;
	top:-20px;
}
.grillSec .btn, .cabSec .btn, #featuredProds .btnInt{
	padding:12px 20px 4px !important;
	font-size:22px !important;
}
#grillSpecs h3{
	font-size:28px !important;	
}
#bqSpecs{
	border-left:3px solid #D6D6D6 !important;
	font-size:13px;
}
#grillHow{
	background-color:#9F0715;	
	color:#FFF;
}
#grillHow h2{
	font-size:32px !important;
	color:#FFF !important;
	line-height:.9;
	padding-bottom:10px !important;
	margin-bottom:10px !important;
}
#grillHow h2 .cursive{
	font-size:24px !important;
}
.grillStep{
	margin-bottom:20px;
}
.grillStep .pic{
	text-align:center;
}
.grillStep .pic img{
	width:60%;
	margin-bottom:15px;
}
.grillStep .content{
	text-align:center;
}
.grillStep .content h3{
	font-size:34px !important;
	margin-bottom:-5px !important;
}
#grillVs{
	font-family: 'Big Noodle Titling' !important;
	font-size:20px;
	padding-bottom:0 !important;
}
#grillVs h2{
	text-align:center;
	font-size:28px !important;
	color:#A61B23 !important;
	margin-bottom:5px !important;
}
#grillVs .count, #grillVs .content{
	float:left;
	line-height:1.2;
}
#grillVs .count{
	color:#A61B23;
	width:7%;
}
#grillVs .content{
	width:93%;
	margin-bottom:5px;
}

/* CABINETS CSS */
.cabSec{
	border-top:1px solid #D6D6D6;
	padding:20px 0;
}
.cabSec .disc{
	margin-top:3px;
	text-align:center;
	font-family: 'Open Sans Semi Bold';
	font-size:11px;
}
.cabSec .disc.lg{
	margin-top:0;
	font-size:13px;
}
.cabImage{
	position:relative;
	padding-top:15px;
}
.cabPrice{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.cabPrice > div{
	float:left;
	width:50%;
	text-align:center;
	line-height:1;
}
.cabPrice .first{
	padding-right:9%;
}
.cabPrice .second{
	padding-left:9%;
}
.cabPrice h4{
	font-size:22px !important;
}
.cabPrice .price{
	font-family: 'Dancing Script Bold';
	font-size:20px;
	color:#A61B23;
}
.wellCab{
	margin-top:20px;
	text-align:center;
	font-family: 'Open Sans Light';
	font-size:15px;
}
.wellCab legend{
	font-family: 'Big Noodle Titling';
	font-size:26px !important;
	color:#A61B23;
	border-color:#D6D6D6 !important;
	margin-bottom:15px !important;
}
#cabDisclaimer{
	background-color:#A61B23;
	text-align:center;
	font-family: 'Dancing Script Bold';
	font-size:20px;
	color:#FFF;	
}

/* ABOUT CSS */
#aboutPage h2{
	margin:10px 0 !important;
	font-family: 'Dancing Script Bold' !important;	
	color:#A61B23;
}
#aboutCab{
	position:absolute;
	top:14%;
	right:0;
	width:70%;
}
#aboutCab img{
	width:100%;
	height:100%;
	opacity:.9;
}
.wellHistory{
	position:relative;
	z-index:1;
	border:1px solid #D6D6D6;
	border-radius:3px;
	padding:2%;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .85);
	font-family: 'Open Sans Light';	
	font-size:16px;
}

/* RECIPES CSS */
#recipePage .recipe, #recipePage .recipe h3{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}
#recipePage .recipe{
	padding:1.5%;
	border:1px solid #D6D6D6;
	text-align:center;
	margin-bottom:15px;	
	cursor:pointer;
}
#recipePage .recipe:hover{
	border-color:#A61B23;
}
.recipeImage{
	margin-bottom:10px;
	height:225px;
	width:100%;
}
#recipePage .recipe h3{
	font-size:26px !important;
	color:#000;
	width:100%;
	height:55px;
	display:table;
	margin-top:5px !important;
}
#recipePage .recipe:hover h3{
	color:#A61B23;
}
#recipePage .recipe h3 > div{
	display:table-cell;
	vertical-align:middle;
}
#recipePage .recipe .btn, .wellRecipe .btn{
	padding:11px 20px 4px !important;
	font-size:20px !important;
}
#recipePage .recipe:hover .btn:after {
	opacity: 1 !important;
}
.recipeImageView{
	height:225px;
}
.wellRecipe{
	margin-top:15px;
	padding:5% 2% 2%;
	border:1px solid #D6D6D6;
	background-color:#F9F9F9;
}

/* FAQ CSS */
#faqList .faqItem{
	margin-bottom:20px;
}
#faqList .faqItem:last-child{
	margin-bottom:0;
}
.faqItem .question{
	font-family: 'Big Noodle Titling';
	font-size:22px;
	color:#A61B23;
	border-bottom:1px solid #D6D6D6;
	margin-bottom:7px;	
}

/********************************************************** MEDIA QUERRIES ******************************************************************/

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
	.rotateBtn .btn{
		width:55%;
		font-size:30px !important;
	}
	#homeContent h2{
		font-size:34px !important;
	}
	#intText h1{
		font-size:42px !important;
	}
	.thumbContain{
		height:250px;
	}
	#grillSpecs h3{
		font-size:32px !important;	
	}
	#grillHow{
		padding:25px 0 !important;
	}
	#grillHow h2{
		font-size:34px !important;
	}
	#grillHow h2 .cursive{
		font-size:30px !important;
	}
	#grillVs{
		font-size:22px;
	}
	#grillVs h2{
		font-size:30px !important;
		margin-bottom:7px !important;
	}
	#grillVs .count{
		width:7%;
	}
	#grillVs .content{
		width:93%;
	}
	.cabPrice h4{
		font-size:26px !important;
	}
	.cabPrice .price{
		font-size:24px;
	}
	.wellCab legend{
		font-size:32px !important;
	}
	#cabDisclaimer{
		font-size:24px;
	}
	#aboutPage h2{
		font-size:32px !important;
	}
	.recipeImage, .recipeImageView{
		height:275px;
	}	

}

/* Tablet (portrait) */
@media(min-width:768px){
	body{
		overflow:hidden;
	}
	.modal{
		top: 0 !important;
	}
	.cd-top {
		bottom: 120px;
		right: 20px;
		font-size:40px;
	}
	header{
		position:relative;
		background: rgb(114,12,21); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyMGMxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzYwMDQxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iIzc3MGYyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjFiMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(114,12,21,1) 0%, rgba(96,4,18,1) 31%, rgba(119,15,33,1) 63%, rgba(166,27,35,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,12,21,1)), color-stop(31%,rgba(96,4,18,1)), color-stop(63%,rgba(119,15,33,1)), color-stop(100%,rgba(166,27,35,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(114,12,21,1) 0%,rgba(96,4,18,1) 31%,rgba(119,15,33,1) 63%,rgba(166,27,35,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(114,12,21,1) 0%,rgba(96,4,18,1) 31%,rgba(119,15,33,1) 63%,rgba(166,27,35,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(114,12,21,1) 0%,rgba(96,4,18,1) 31%,rgba(119,15,33,1) 63%,rgba(166,27,35,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(114,12,21,1) 0%,rgba(96,4,18,1) 31%,rgba(119,15,33,1) 63%,rgba(166,27,35,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#720c15', endColorstr='#a61b23',GradientType=0 ); /* IE6-8 */
		height:20px;
		line-height:18px;
		width:100%;	
	}
	#socialHeader{
		position:absolute;
		top:1px;
		right:15px;
	}
	#socialHeader a{
		margin-left:-15px;
		font-size:17px;
		color:#FFF;
	}
	#navTop{
		float:right;
		margin-right:44px !important;
	}
	#navTop span{
		margin-left:0;
		font-family: 'Open Sans Semi Bold';
		font-size:10px;
		color:#FFF;
	}
	#navTop .pipe{
		position:relative;
		top:-1px;
	}
	#navTop a{
		color:#FFF;
	}
	#socialHeader a:hover, #navTop a:hover{
		color:#AAA;
		text-decoration:none;
	}		
	#navWrapper, #navMain{
		position:relative;
		width:100%;
		z-index:1000;
		height:45px;
		line-height:41px;
	}
	#navMain{
		background: rgb(215,214,214); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFkYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(215,214,214,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 45%, rgba(246,246,245,1) 55%, rgba(175,173,170,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,214,214,1)), color-stop(10%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(55%,rgba(246,246,245,1)), color-stop(100%,rgba(175,173,170,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(215,214,214,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 45%,rgba(246,246,245,1) 55%,rgba(175,173,170,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(215,214,214,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 45%,rgba(246,246,245,1) 55%,rgba(175,173,170,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(215,214,214,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 45%,rgba(246,246,245,1) 55%,rgba(175,173,170,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(215,214,214,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 45%,rgba(246,246,245,1) 55%,rgba(175,173,170,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d6', endColorstr='#afadaa',GradientType=0 ); /* IE6-8 */
		border-top:2px solid #FFF;
		border-bottom:1px solid #FFF;	
	}	
	#navMain.affix{
		position:fixed;
		top:0;
		z-index:1000;
		width:100%;
	}
	#navMain a{
		margin-right:7%;
		font-family: 'Dancing Script Bold';
		font-size:20px;
		color:#444;
	}
	#navMain a:last-child{
		margin-right:0;
	}
	#navMain a:hover{
		color:#AB1C23;
		text-decoration:none;
	}
	#navMain .navLinks, #navMain #navLogo{
		float:left;
	}
	#navMain .navLinks{
		width:36%;
		text-align:center;
	}
	#navMain #navLogo{
		width:28%;
		text-align:center;
	}
	#navMain #navLogo img{
		width:100%;
		position:relative;
		margin-top:-5.5%;
		z-index:999;
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	#navMain.affix #navLogo img{
		margin-top:-1%;
		width:85%;
	}
	#rotator{
		margin-top:0;
	}
	#rotateContent{
		padding:6.4% 9.5%;
	}
	#rotateContent .slide img{
		width:100%;
		height:100%;
	}
	#rotateContent .slide .colOne, #rotateContent .slide .colTwo{
		float:left;
	}
	#rotateContent .slide .colOne{
		width:53%;
		padding-right:2%;
	}
	#rotateContent .slide .colTwo{
		width:47%;	
	}
	#rotateContent .slide .title{
		margin:1% 0 10px;
	}
	.wellRotate{
		padding:10px !important;
		margin-bottom:0 !important;
		background: rgb(0, 0, 0) !important; /* Fall-back for browsers that don't support rgba */
    	background: rgba(0, 0, 0, .6) !important;
		border:none !important;
		font-size:11px !important;
		color:#FFF !important;
	}
	.rotateBtn{
		width:100%;
		margin:auto;
	}
	.rotateBtn .btn{
		margin-top:12px;
		width:100%;
		font-size:21px !important;
	}
	#grillPrev{
		left:0;
	}
	#grillNext{
		right:0;
	}
	#actionCalls .ca, #actionCalls .caDouble{
		float:left;
		width:29%;	
		margin-bottom:0;
		margin-right:6.5%;
	}
	#actionCalls .ca:last-child{
		margin-right:0;
	}
	#actionCalls .ca{
		padding:1.8% 0 2.5%;	
	}
	#actionCalls .caDouble{
		padding:2.7% 0 2.3%;
	}
	#homeText{
		padding:45px 0 0;
	}
	#homeContent{
		position:relative;
	}
	#homeContent h2{
		font-size:30px !important;
		color:#FFF !important;
		margin:0 !important;
	}
	#homeGrill{
		position:absolute;
		margin-top:-13.3%;
		right:0;
		background-image:url(../images/grillTop.png);
		background-repeat:no-repeat;
		background-size:contain;
		width:23%;
		height:auto;
		padding-bottom:17%;
	}
	#featuredProds{
		padding:25px 0 5px;
	}
	#featuredProds .featProd{
		margin-bottom:20px;
	}
	.featProd .image{
		height:200px;
	}
	.featProd .title{
		display:table;
		height:60px;
	}
	.featProd .title > div{
		display:table-cell;
		vertical-align:middle;
	}
	.featProd .price{
		font-size:26px;
	}
	
	/* FOOTER CSS */
	#sb-site{
		-webkit-box-shadow:none !important;
				box-shadow:none !important;	
		padding-bottom:185px !important;
	}
	#companies{
		padding:25px 0;
		position:absolute;
		bottom:85px;
		width:100%;
	}
	#companies .logo{
		float:left;
		width:20%;
		margin-bottom:0;
		height:50px;
	}
	#footer{
		position: absolute;
		bottom: 0;
		width: 100%;
		/* Set the fixed height of the footer here */
		height:85px;
		padding:0;
	}
	#logoFooter{
		position:absolute;
		top:15px;
		left:15px; 
		text-align:left;
		margin:0;
	}
	#logoFooter img{
		width:180px;
	}
	#addressFooter{
		position:absolute;
		top:11px;
		left:212px;
		text-align:left;
		border-left:1px solid #888;
		padding-left:15px;
		font-size:11px !important;
		margin:0 !important;
	}
	#addressFooter .title{
		font-size:17px;
		margin-bottom:-6px;
	}
	#socialFooter{
		margin-top:0;
		position:absolute;
		top:5px;
		right:15px;
	}
	#socialFooter a{
		margin-left:1px;
		font-size:21px;
	}
	#creditCards{
		position:absolute;
		top:11px;
		right:75px;
	}
	#builtBy{
		margin-top:0;
		text-align:right;
		position:absolute;
		top:41px;
		right:15px;
	}
	#builtBy span{
		font-size:10px;
	}	
	
	/*  INTERIOR CSS */
	#intText{
		padding:45px 0 158px;
	}
	#intText.noBottom{
		padding:30px 0 40px !important;
	}
	#intText h1{
		font-size:50px !important;
	}
	#actionCalls.int{
		position:absolute;
		bottom:185px;
		left:0;
		width:100%;
	}
	.thumbContain{
		height:125px;
		margin-bottom:15px;
	}
	#intText .intContent{
		margin-top:20px;
	}
	
	/* CONTACT CSS */
	#map-canvas{
		height:300px;
	}
	#security{
		margin:27px 0 25px;
	}
	
	/* GRILLS CSS */
	#grillOverview h2{
		margin:7px 0 2px !important;
		font-size:26px;
	}
	#grillImages{
		margin-bottom:5px;
	}
	#grillImages img{
		width:24%;
	}
	#grillImages img:first-child{
		margin-left:0 !important;
	}
	#grillSpecs h3{
		font-size:28px !important;
	}
	#grillHow h2{
		font-size:46px !important;
		padding-bottom:5px !important;
		margin-bottom:15px !important;
	}
	#grillHow h2 .cursive{
		font-size:30px !important;
		position:relative;
		top:-7px;
	}
	.grillStep, .grillStep .pic, .grillStep .content{
		float:left;		
	}
	#grillHow .firstRow{
		margin-bottom:15px;
	}
	.grillStep{
		margin-bottom:0;
		width:50%;
	}
	.grillStep .pic{
		width:35%;
	}
	.grillStep .pic img{
		width:100%;
		margin-bottom:0;
	}
	.grillStep .content{
		text-align:left;
		width:65%;
		font-size:13px;
		padding:3% 2.5% 0 3%;
	}
	.grillStep .content h3{
		font-size:28px !important;
	}
	#grillVs{
		font-size:20px;
	}
	#grillVs h2{
		font-size:32px !important;
		margin-bottom:7px !important;
	}
	#grillVs .content{
		margin-bottom:5px;
	}
	
	/* CABINETS CSS */
	.cabSec .disc{
		font-size:12px;
	}
	.cabImage{
		padding-top:30px;
	}
	.cabPrice{
		top:7px;
	}
	.cabPrice h4{
		font-size:26px !important;
	}
	.cabPrice .price{
		font-size:24px;
	}
	.wellCab{
		margin-top:0 !important;
		font-size:14px;
		line-height:1.5;
	}
	.wellCab legend{
		font-size:28px !important;
	}
	.wellCab .btn{
		width:70%;
	}
	#cabDisclaimer{
		font-size:18px;
	}
	#featuredProds .btnInt{
		position:relative;
		top:-8px;
	}
	
	/* ABOUT CSS */
	#aboutPage h2{
		font-size:36px !important;
	}
	.wellHistory{
		width:70%;
		font-size:18px;
	}
	
	/* RECIPE CSS */
	#recipePage{
		margin-bottom:-20px;
	}
	#recipePage .recipe{
		margin-bottom:20px;
	}
	.recipeImage{
		height:180px;
	}
	#recipePage .recipe h3{
		font-size:24px !important;
	}
	.recipeImageView{
		height:200px;
	}
	.wellRecipe{
		margin-top:0;
	}
	
	/* FAQ CSS */
	.faqItem .question{
		font-size:24px;
	}	
	
}

/* Tablet (landscape) */
@media(min-width:992px){
	header{
		height:22px;
		line-height:20px;	
	}
	#socialHeader a{
		font-size:20px;
	}
	#navTop{
		margin-right:54px;
	}
	#navTop span{
		margin-left:0;
		font-size:10px;
	}
	#navWrapper, #navMain{
		height:50px;
		line-height:45px;
	}
	#navMain a{
		margin-right:10%;
		font-size:25px;
	}
	#rotateContent .slide .title{
		margin:7% 0 10px;
	}
	.wellRotate{
		padding:12px !important;
		font-size:13px !important;
	}
	.rotateBtn{
		width:70%;
	}
	.rotateBtn .btn{
		font-size:24px !important;
	}
	#actionCalls{
		padding:20px 0;
	}
	#homeText{
		padding:65px 0 0;
	}
	#homeText h1{
		margin-bottom:7px !important;
	}
	#homeContent{
		padding:20px 0 !important;
	}
	#homeContent h2{
		font-size:34px !important;
	}
	#homeGrill{
		margin-top:-13.5%;
		width:23%;
	}
	#featuredProds{
		padding:35px 0;
	}
	#featuredProds .featProd{
		margin-bottom:0;
	}
	.featProd .image{
		height:150px;
	}
	.featProd .title{
		font-size:16px;	
	}
	.featProd .price{
		font-size:24px;
	}
	.featProd .btn{
		font-size:20px !important;
	}
	
	/* FOOTER CSS */
	#sb-site{
		padding-bottom:200px !important;
	}
	#companies .logo{
		height:65px;
	}
	
	/* INTERIOR CSS */
	#intText{
		padding:60px 0 192px;
	}
	#intText.noBottom{
		padding:40px 0 50px !important;
	}
	#intText h1{
		font-size:60px !important;
	}
	#actionCalls.int{
		bottom:200px;
	}
	.thumbContain{
		height:150px;
	}
	
	/* CONTACT CSS */
	#map-canvas{
		height:325px;
	}
	#addressBorder{
		height:425px;
		border-left:1px solid #D6D6D6;
		padding-left:30px;
	}
	
	/* GRILLS CSS */
	.grillSec{
		padding:35px 0;
	}
	#grillOverview{
		font-size:20px;
	}
	#grillOverview h2{
		margin:10px 0 5px !important;
		font-size:30px;
	}
	#grillImages{
		margin-bottom:7px;
	}
	#grillOverview .price{
		font-size:52px;
	}
	.grillSec .btn, .cabSec .btn, #featuredProds .btnInt{
		font-size:26px !important;
	}
	#grillSpecs h3{
		font-size:32px !important;
	}
	#grillSpecs #bqSpecs{
		font-size:14px;
	}
	#grillHow{
		padding:40px 0 35px !important;
	}
	#grillHow h2{
		font-size:54px !important;
		margin-bottom:15px !important;
	}
	#grillHow h2 .cursive{
		font-size:34px !important;
		top:-9px;
	}
	#grillHow .firstRow{
		margin-bottom:20px;
	}
	.grillStep .content{
		font-size:14px;
	}
	.grillStep .content h3{
		font-size:32px !important;
	}
	#grillVs{
		font-size:24px;
	}
	#grillVs h2{
		font-size:36px !important;
		margin-bottom:7px !important;
	}
	
	/* CABINETS CSS */
	.cabSec{
		padding:30px 0;
	}
	.cabSec .disc{
		margin-top:5px;
		font-size:13px;
	}
	.cabSec .disc.lg{
		font-size:14px;
	}
	.cabImage{
		padding-top:35px;
	}
	.cabPrice h4{
		font-size:30px !important;
	}
	.cabPrice .price{
		font-size:26px;
	}
	.wellCab{
		font-size:18px;
	}
	.wellCab legend{
		font-size:30px !important;
	}
	#cabDisclaimer{
		font-size:24px;
	}
	
	/* ABOUT CSS */
	#aboutCab{
		width:60%;
	}
	#aboutPage h2{
		margin:15px 0 !important;
		font-size:40px !important;
	}
	.wellHistory{
		font-size:20px;
	}
	
	/* RECIPE CSS */
	#recipePage .recipe .btn, .wellRecipe .btn{
		font-size:22px !important;
	}
	.recipeImageView{
		height:220px;
	}
	
	/* FAQ CSS */
	.faqItem .question{
		font-size:26px;
	}	
	
}

/* Desktop */
@media(min-width:1200px){
	.container{
		width:1200px !important;
		padding:0px !important;
	}
	.container-smooth{
		max-width:1200px !important;
	}
	.cd-top {
		bottom: 20px;
		right: 20px;
		font-size:50px;
	}
	header{
		height:24px;
		line-height:22px;	
	}
	#navTop{
		margin-right:65px;
	}
	#navTop span{
		margin-left:2px;
		font-size:11px;
	}
	#navWrapper, #navMain{
		height:55px;
		line-height:50px;
	}
	#navMain a{
		margin-right:13%;
		font-size:28px;
	}
	#rotator{
		border-bottom:7px solid #000;
	}
	#rotateContent .slide .title{
		margin:12% 0 10px;
	}
	.wellRotate{
		padding:15px !important;
		font-size:14px !important;
	}
	.rotateBtn{
		width:60%;
	}
	.rotateBtn .btn{
		font-size:26px !important;
	}
	#actionCalls{
		padding:25px 0;
		border-top:3px solid #A61B23;
	}
	#homeText{
		padding:95px 0 0;
	}
	#homeText h1{
		margin-bottom:20px !important;
	}
	#homeContent{
		padding:35px 0 !important;
		font-size:16px !important;
	}
	#homeContent h2{
		font-size:38px !important;
	}
	#homeGrill{
		margin-top:-17.7%;
		width:31%;
	}
	#featuredProds{
		padding:45px 0 55px;
	}
	.featProd .image{
		height:175px;
	}
	.featProd .title{
		font-size:19px;	
		height:70px;
	}
	.featProd .price{
		font-size:28px;
	}
	.featProd .btn{
		font-size:22px !important;
	}
	
	/* FOOTER CSS */
	#sb-site{
		padding-bottom:245px !important;
	}
	#companies{
		padding:35px 0;
		bottom:100px;
	}
	#companies .logo{
		height:75px;
	}
	#footer{
		height:100px;
	}
	#logoFooter{
		top:19px;
		left:0;
	}
	#logoFooter img{
		width:200px;
	}
	#addressFooter{
		top:14px;
		left:218px;
		padding-left:20px;
		font-size:12px !important;
	}
	#addressFooter .title{
		font-size:19px;
		margin-bottom:-6px;
	}
	#socialFooter{
		top:35px;
		right:0;
	}
	#socialFooter a{
		margin-left:2px;
		font-size:25px;
		color:#FFF;
	}
	#creditCards{
		top:43px;
		right:70px;
	}
	#navFooter{
		position:absolute;
		top:14px;
		right:0;
	}
	#navFooter span{
		margin-left:4px;
		font-family: 'Big Noodle Titling';
		font-size:19px;
		color:#888;
	}
	#navFooter a{
		color:#888;
	}
	#navFooter a:hover{
		color:#AB1C23;
		text-decoration:none;
	}
	#builtBy{
		top:69px;
		right:0;
	}
	#builtBy span{
		font-size:11px;
	}
	#builtBy .pipe{
		position:relative;
		top:-1px;
	}
	
	/* INTERIOR CSS */
	#intText{
		padding:80px 0 239px;
	}
	#intText.noBottom{
		padding:65px 0 75px !important;
	}
	#intText h1{
		font-size:70px !important;
	}
	#actionCalls.int{
		bottom:245px;
	}
	.thumbContain{
		height:180px;
		margin-bottom:30px;
	}
	.thumbContain .viewMore{
		position:absolute;
		top:0; 
		bottom:0;
		left:0; 
		right:0;
		padding-top:28%;
		font-family: 'Raleway Bold' !important;
		font-size:24px;
		color:#FFF;
		text-align:center;
		z-index:999;
		opacity:0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	.thumbContain:hover .viewMore{
		background: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */
		background: rgba(0, 0, 0, .6);
		opacity:100;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
		cursor:pointer;
	}
	#intText .intContent{
		margin-top:25px;
	}
	
	/* CONTACT CSS */
	#map-canvas{
		height:400px;
		margin-top:45px;
	}
	
	/* GRILLS CSS */
	.grillSec{
		padding:45px 0;
	}
	#grillOverview{
		font-size:21px;
	}
	#grillOverview .price{
		font-size:54px;
		text-align:right;
	}
	#grillOverview h2{
		margin:20px 0 7px !important;
		font-size:40px;
	}
	.grillSec .btn, .cabSec .btn, #featuredProds .btnInt{
		font-size:28px !important;
	}
	#grillSpecs h3{
		font-size:38px !important;
	}
	#grillSpecs #bqSpecs{
		font-size:18px;
	}
	#grillHow{
		padding:50px 0 45px !important;
	}
	#grillHow h2{
		font-size:60px !important;
	}
	#grillHow h2 .cursive{
		font-size:40px !important;
	}
	#grillHow .firstRow{
		margin-bottom:25px;
	}
	.grillStep .pic{
		width:30%;
	}
	.grillStep .content{
		font-size:16px;
		width:70%;
	}
	.grillStep .content h3{
		font-size:36px !important;
	}
	#grillVs{
		font-size:26px;
	}
	#grillVs h2{
		font-size:46px !important;
	}
	
	/* CABINETS CSS */
	.cabSec{
		padding:35px 0 45px;
	}
	.cabSec .disc{
		margin-top:7px;
		font-size:14px;
	}
	.cabSec .disc.lg{
		font-size:16px;
	}
	.cabImage{
		padding-top:40px;
	}
	.cabPrice{
		top:9px;
	}
	.cabPrice h4{
		font-size:34px !important;
	}
	.cabPrice .price{
		font-size:32px;
	}
	.wellCab{
		font-size:20px;
	}
	.wellCab legend{
		font-size:37px !important;
	}
	#cabDisclaimer{
		font-size:28px;
	}
	
	/* ABOUT CSS */
	#aboutPage h2{
		margin:20px 0 !important;
		font-size:50px !important;
	}
	.wellHistory{
		width:60%;
		font-size:22px;
	}
	
	/* RECIPE CSS */
	#recipePage{
		margin-bottom:-30px;
	}
	#recipePage .recipe{
		padding:2%;
		margin-bottom:30px;
	}
	#recipePage .recipe h3{
		font-size:25px !important;
		height:55px;
	}
	#recipePage .recipe .btn, .wellRecipe .btn{
		font-size:24px !important;
	}
	.recipeImageView{
		position:relative;
		height:250px;
	}
	.recipeImageView .viewMore{
		position:absolute;
		top:0; 
		bottom:0;
		left:0; 
		right:0;
		padding-top:29%;
		font-family: 'Big Noodle Titling' !important;
		font-size:28px;
		color:#FFF;
		text-align:center;
		z-index:999;
		opacity:0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	.recipeImageView:hover .viewMore{
		background: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */
		background: rgba(0, 0, 0, .6);
		opacity:100;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
		cursor:pointer;
	}
	
	/* FAQ CSS */
	#faqList .faqItem{
		margin-bottom:25px;
	}
	.faqItem .question{
		font-size:28px;
	}
	
}

@media (min-width: 0) {
  .navbar-toggle {
    display: block; /* force showing the toggle */
  }
}

/********************************************************** Helper Classes ******************************************************************/
.zero{
	margin:0px !important;
	padding:0px !important;
}
.b5{
	margin-bottom:5px !important;
}
.b10{
	margin-bottom:10px !important;
}
.b15{
	margin-bottom:15px !important;
}
.b20{
	margin-bottom:20px !important;
}
.b25{
	margin-bottom:25px !important;
}
.b45{
	margin-bottom:45px !important;
}
.modal-open{
	padding-right:0 !important;
}
.align_center{
	text-align:center !important;
}
.no_dec{
	text-decoration:none !important;
}
.last{
	margin-right:0px !important;
	padding-right:0px !important;
}
.last_left{
	margin-left:0px !important;
	padding-left:0px !important;
}
.lastBottom{
	margin-bottom:0 !important;
}
.posrel{
	position:relative !important;
}
.cursive{
	font-family: 'Dancing Script Bold' !important;
}
.modal-backdrop{
	opacity:0.5 !important;
}
.asterick{
	color:#B20000;
}
input, textarea, select{
	border:1px solid #D6D6D6 !important;
	font-family: 'Open Sans Bold' !important;
	color:#AB1C23 !important;
	background-color:#FFF !important;
}
label{
	font-family: 'Open Sans Bold' !important;
	font-weight:inherit !important;
}
.form-control::-moz-placeholder {
 	color:#D6D6D6 !important;
}
.form-control:-ms-input-placeholder {
 	color:#D6D6D6 !important;
}
.form-control::-webkit-input-placeholder {
  	color:#D6D6D6 !important;
}
.btn, .panel, .panel-heading, .panel-body, .well, .alert, input, textarea, select, .thumbnail{
	border-radius:0 !important;
}
.btn{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.btnMain{
	font-family: 'Big Noodle Titling' !important;
	display: inline-block !important;
	position: relative !important;
	-webkit-backface-visibility: hidden !important;
	backface-visibility:hidden !important;
  	z-index: 1 !important;
	color:#FFF !important;
	border:1px solid #D4D3D1 !important;
	background: rgb(114,12,21); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyMGMxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzYwMDQxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iIzc3MGYyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjFiMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(114,12,21,1) 0%, rgba(96,4,18,1) 31%, rgba(119,15,33,1) 63%, rgba(166,27,35,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,12,21,1)), color-stop(31%,rgba(96,4,18,1)), color-stop(63%,rgba(119,15,33,1)), color-stop(100%,rgba(166,27,35,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(114,12,21,1) 0%,rgba(96,4,18,1) 31%,rgba(119,15,33,1) 63%,rgba(166,27,35,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(114,12,21,1) 0%,rgba(96,4,18,1) 31%,rgba(119,15,33,1) 63%,rgba(166,27,35,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(114,12,21,1) 0%,rgba(96,4,18,1) 31%,rgba(119,15,33,1) 63%,rgba(166,27,35,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(114,12,21,1) 0%,rgba(96,4,18,1) 31%,rgba(119,15,33,1) 63%,rgba(166,27,35,1) 100%) !important; /* W3C */
}
.btnMain:after{
	position: absolute !important;
	content: '' !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgb(166,27,35,1); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyMGMxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzYwMDQxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iIzc3MGYyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjFiMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(166,27,35,1) 0%, rgba(166,27,35,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,27,35,1)), color-stop(100%,rgba(166,27,35,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(166,27,35,1) 0%,rgba(166,27,35,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(166,27,35,1) 0%,rgba(166,27,35,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(166,27,35,1) 0%,rgba(166,27,35,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(166,27,35,1) 0%,rgba(166,27,35,1) 100%) !important; /* W3C */
	-webkit-transition: opacity 0.3s ease-in-out !important;
	-moz-transition: opacity 0.3s ease-in-out !important;
	-o-transition: opacity 0.3s ease-in-out !important;
	transition: opacity 0.3s ease-in-out !important;
	z-index: 2 !important;
	opacity: 0 !important;	
}
.btnMain:hover:after {
  opacity: 1 !important;
  
}
.btnMain span{
	position: relative;
	z-index: 3;
}
.asterisk,
label.error{
	color: #BF171A !important;		
}
label.error{
	position: absolute;
	font-size: 11px !important;
	margin: 0 !important;
}
#hiddenRecaptcha-error{
	top: 56px;
}
::selection {
	background:#AB1C23;
	color:#FFF;
}
::-moz-selection {
	background:#AB1C23;
	color:#FFF;
}
::-webkit-selection {
	background:#AB1C23;
	color:#FFF;
}
.googleCaptcha{
	transform: scale(0.75) !important;
	-webkit-transform: scale(0.75) !important;
	transform-origin: 0 0 !important;
	-webkit-transform-origin: 0 0 !important;
}
.grecaptcha-badge{
	z-index: 1999;
	visibility: hidden;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Italic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Light Italic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Semi Bold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Semi Bold Italic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Bold Italic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Big Noodle Titling';
    src: url('../fonts/big_noodle_titling-webfont.eot');
    src: url('../fonts/big_noodle_titling-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/big_noodle_titling-webfont.woff') format('woff2'),
         url('../fonts/big_noodle_titling-webfont.woff') format('woff'),
         url('../fonts/big_noodle_titling-webfont.ttf') format('truetype'),
         url('../fonts/big_noodle_titling-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Big Noodle Titling Oblique';
    src: url('../fonts/big_noodle_titling_oblique-webfont.eot');
    src: url('../fonts/big_noodle_titling_oblique-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/big_noodle_titling_oblique-webfont.woff') format('woff2'),
         url('../fonts/big_noodle_titling_oblique-webfont.woff') format('woff'),
         url('../fonts/big_noodle_titling_oblique-webfont.ttf') format('truetype'),
         url('../fonts/big_noodle_titling_oblique-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/DancingScript-Regular-webfont.eot');
    src: url('../fonts/DancingScript-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/DancingScript-Regular-webfont.woff') format('woff2'),
         url('../fonts/DancingScript-Regular-webfont.woff') format('woff'),
         url('../fonts/DancingScript-Regular-webfont.ttf') format('truetype'),
         url('../fonts/DancingScript-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Dancing Script Bold';
    src: url('../fonts/DancingScript-Bold-webfont.eot');
    src: url('../fonts/DancingScript-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/DancingScript-Bold-webfont.woff') format('woff2'),
         url('../fonts/DancingScript-Bold-webfont.woff') format('woff'),
         url('../fonts/DancingScript-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DancingScript-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**   
#831518 - red
#AB1C23 - light red
**/