@import url(https://fonts.googleapis.com/css?family=Open+Sans|Hammersmith+One);

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

}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html{ overflow-y:scroll; }
body{ background:#000000; }

a{ text-decoration:none; outline:none; }

.w{
	/*--width:1000px;--*/
	margin:0 auto;
	overflow:hidden;
}

.cont{
	max-width:1100px;
	margin:0 auto;
	overflow:hidden;
	color:#FFFFFF;
	/*background:#999999;*/
}

/*--HEADER--*/
header{
	overflow:hidden;
	background:#c10001;
	height:70px;
}

.logo{
    background:url(../images/WestPennBBQlogo.png);
    width:180px;
    height:171px;
    position:absolute;
	z-index:500;
	margin:15px 0 0 50px;
}

/*--SUBHEADER--*/
.subheader{
	background:#000000;
	width:100%;
	height:40px;
	overflow:hidden;
	color:#FFFFFF;
}

.hinfo{ float:right; margin:11px 20px 0 0; }

.hours{ margin:0 50px 0 0; }

.ordernow,.hours{
	font:normal 13pt/13pt 'Hammersmith One', sans-serif;
	letter-spacing:-.5px;
	float:left;
}

/*--SLIDER--*/
.slider{
	color:#FFF;
	background:#555555;
	height:500px;
	margin:0 0 50px 0;
}

.resturantbg{ background:url(../images/resturantbg.jpg) top center; width:100%; height:500px; }
.spkbg{ background:url(../images/SpicyCheddarKielbasa.jpg) top center; width:100%; height:500px; }
.homebg{ background:url(../images/homeimg.jpg) top center; width:100%; height:500px; }
		
/*--NAVIGATION--*/
.nav{
	float:right;
	padding:15px 20px 15px 0;
}

.nav li{
	float:left;
	margin:0 34px;
}

.nav li:first-child{ margin-left:0; }
.nav li:last-child{ margin-right:0; }

.nav li a{
	font:normal 22pt 'Hammersmith One', sans-serif;
	color:#FFF;
}

.nav li a:hover{ color:#000000; }

.smallnavicon{
	width:54px;
	height:52px;
	float:right;
	background:url(../images/smallnavicon.png);
	display:none;
	margin:20px 20px 0 0;
}

.smallnav{
	position:absolute;
	top:110px;
	right:20px;
	z-index:20;
	border:solid 2px #aa0001;
	border-top:none;
}

.smallnav li{ text-align:center;  }

.smallnav li a{
	background:#000000;
	font:normal 18pt 'Hammersmith One', sans-serif;
	color:#FFFFFF;
	padding:8px 10px;
	width:110px;
	float:left;
}

.smallnav li a:hover{ background:#FFFFFF; color:#000000; }

/*--SLIDER-*/
.unslider{margin:0;padding:0; z-index:100; }
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer; color:#FFFFFF; }
.unslider-arrow.next{left:auto;right:20px}


/*--INDEX--*/
h1{
	font:normal 45pt 'steak', sans-serif;
	padding:30px 0 30px 5px;
	margin:50px 0 0 0;
}

.wearebyob{
	background:url(../images/wearebyob.png);
	width:398px;
	height:60px;
	float:left;
}

.fbicon{
	margin:0 0 0 90px;
	width:285px;
	float:left;
}

.fb{
	width:285px;
	float:left;
	color:#ECC800;
	font:bold 15pt 'Hammersmith One', sans-serif;
	
}

.fb:hover{
	color:#FFFFFF;
}


.facebookicon{
	background:url(../images/facebookicon.png);
	width:47px;
	height:47px;
	float:left;
}

.fbt{
	margin:12px 0 0 15px;
	float:left;
}

.seewhat{ 
	background:url(../images/seewhattheysaying.png);
	width:242px;
	height:127px;
	float:right;
}


/*--TESTIMONIALS--*/
.testimonials{
	width:100%;
	float:left;
}

.pigbutt{
	font:36pt "steak";
	margin:0 0 0 0;
}

.tpage{ 
	font:16pt "Hammersmith One";
	margin:10px 0;
	color:#FFFFFF;
}

.t{
	float:left;
	width:230px;
	margin:0 10px 0 0;
	color:#FFFFFF;
}

.t:first-child{ margin-left:0; }
.t:last-child{ margin-right:0; }

.t a{ 
	font:italic 10pt "Hammersmith One";
	color:#FFFFFF;
}

.tt{
	font:normal 11pt "Open Sans";
	margin:0 0 15px 0;
}

.tname{
	font:12pt "Hammersmith One";
	text-align:center;
}

.tstaricon{
	background:url(../images/staricon.png);
	width:35px;
	height:35px;
	float:left;
	margin:30px 10px 0 0;
}

.bigtestimonals{
	/*border:solid 1px #FFF;*/
	margin:50px 0 0 0;
	float:left;
}

.bt{
	float:left;
	margin:0 0 30px 0;
	padding:0 20px;
}

.btcol{
	width:50%;
	float:left;
}

.bttext{
	font:11pt "Open Sans";
	margin:0 0 10px 0;
}

.btname,.btcity{
	font:10pt "Open Sans";
	float:left;
}

.btcity{
	margin:0 0 0 50px;
}

.theader{ font:3em "steak", sans-serif; text-align:center; overflow:hidden; margin:50px auto 0 auto; width:630px; }
.theader span{ background:url(../images/pigsprites.png); height:74px; float:left; }
.theader span.pigl{ background-position:0 0; width:70px; margin:20px 0 0 0; }
.theader .thtext{ background:none; margin:0 10px; width:460px; }
.theader span.pigr{ background-position:0 74px; width:80px; margin:20px 0 0 0;  }

/*--FOOTER--*/
footer{
	width:100%;
	background:url(../images/footerwoodbg.jpg) center;
	margin:50px 0 0 0;
	padding:10px 0;
	overflow:hidden;
	font:10pt "Open Sans";
	text-align:Center;
}


.flogo,.fnav,.fnav li,.fhours,.fcopyright{  }

.flogo{
	background:url(../images/wpbbqlogo.png);
	width:124px;
	height:55px;
}

.fcopyright{ margin:0 0 10px 0; }

.fnav{ margin:0 auto 10px auto; }

.fnav li{
	display:inline;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
	border-right:solid 1px #000000;
}

.fnav li:last-child{ margin-right:0; padding-right:0; border:none; }
.fcopyright,.fnav li a,.ebd,.sc{ color:#824625; }
.fnav li a:hover{ color:#7C431D; }


/*--MENU--*/
.orderhere{
	background:url(../images/OrderHere.jpg);
	float:left;
	width:1100px;
	height:149px;
}

#menunav{
	background:#ecc800;
	float:left;
	width:1100px;
}

#menunav li{
	float:left;
}

#menunav li a{
	font:18pt 'Hammersmith One';
	color:#000000;
	padding:10px 30px;
	float:left;
}

#menunav li a#bbqlink{ letter-spacing:.70px;}

#menunav li a:hover{ background:#000000; color:#ecc800; }



.menusection{
	overflow:hidden;
	color:#000000;
	background:#FFFFFF;
	padding:30px 0 30px 50px;
	width:1050px;
}

.menuss{
	width:988px;
	overflow:hidden;
}

.menush{ font:normal 30pt "steak"; }

.sm{ 
	font:italic 11pt "open sans";
	margin:0 0 30px 0;
}

.item{
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	width:950px;
	border-bottom:solid 1px #c10001;
	overflow:hidden;
	
}

.item:last-child{ border-bottom:none; }

.mci{ width:550px; }

.shortbbq{ width:620px; }

.itemname{
	float:left;
	font:14pt "Hammersmith One";
	width:210px
}

.itemname span{
	display:block;
	color:#666666;
	font:10pt "Hammersmith One";
}


#sandwiches .item{ width:40%; }
#sandwiches .otblt{ width:700px; }
#sandwiches .item .itemname{ width:400px; }
#sandwiches .item .blt{ width:300px }
.poutine{ width:490px; }

#pierogi .item,#etc .item{ width:50%; float:left; border:none; }
#pierogi .itemname,#etc .itemname{ width:auto; }
#pierogi .sizecol{ width:20% ; }

#chili .item .sizecol:first-child{ width:25px; }
#salads .item .sizecol:first-child{ width:100px; } 

.sitemname{ width:600px; }

.sizecol{
	float:left;
	text-align:right;
	width:125px;
}

.mc{ width:315px; }
.fm{ width:725px; }
.drinks{ width:300px; }

.ss{ font:italic 10pt "Hammersmith One"; color:#888888; }
.sp{ font:12pt "Hammersmith One"; }

.sizeprice{
	float:right;
	font:12pt "Hammersmith One";
}

.specmsg{
	float:left;
	font:10pt "open sans";
	width:600px;
	margin:10px 0 0 0;
}

.bbqicons{
	position:absolute;
	margin:100px 0 0 640px;
	z-index:200;
	width:340px;

}

.bicol{
	float:left;
}

.bic1{ margin:70px 20px 0 0; }

.cow{
	background:url(../images/cow.png);
	width:165px;
	height:101px;
}

.chicken{
	background:url(../images/chicken.png);
	width:154px;
	height:136px;
}

.spatula{
	background:url(../images/spatula.png);
	width:150px;
	height:134px;
	margin:50px 0 0 0;
}

.addbacon{
	background:url(../images/addbaconcircle.png);
	width:102px;
	height:112px;
	padding:15px 0 0 25px;
	margin:50px 0 0 20px;
}

.addbacon span{
	width:75px;
	float:left;
	font:11pt "Hammersmith One";
	text-align:center;
	color:#FFFFFF;
}

.bbqplatter{
	background:url(../images/bbqplatter.png);
	width:325px;
	height:223px;
	float:right;
	margin:0 50px 0 0;
}

.menuspecials{
	background:#ecc800;
	float:left;
	margin:50px 0 0 0;
}

.specialsh{ font:30pt "steak"; }

.specialstext{ font:12pt "Open Sans"; }

.poutineimg{
	background:url(../images/Poutine.jpg);
	width:400px;
	height:300px;
	float:left;
}

.sandwichimg{
	background:url(../images/spicycheddarsandwich.jpg);
	width:500px;
	height:340px;
	float:right;
	margin:0 90px 0 0;
	border:solid 1px #000000;
}

.smallitem{
	float:left;
	margin-right:10px;
	border-bottom:none;
	width:170px;
}

.smallitem .sizecol,.smallitem .itemname{ width:auto; }
.smallitem .itemname{ margin:0 20px 0 0; }
.bigsi{ width:300px; }
.sauces{ float:left; overflow:hidden; }
.sauces .item .sizeprice{ float:none; }


/*--CONTACT--*/
.contactinfo{
	float:left;
	width:285px;
	background:#000000;
}

.directions{ display:none; font:16pt "Hammersmith One"; }
.directions a{ color:#FFFFFF;  }

.person{
	margin:0 0 40px 0;
	font:14pt "Hammersmith One";
	color:#FFFFFF;
}



.pname{ font:18pt "Hammersmith One"; }
.pname,.pnum{ margin:0 0 10px 0; }
.pemail a{ color:#FFFFFF; }
.pemail a:hover{ color:#FFFFFF; }
.paddress{ width:100px; }
.googlemap{ float:right; width:600px; }
.googlemap2{ display:none; }
.googlemap3{ display:none; }
.pemail{ margin:0 0 5px 0; }

.cfacebook a{ margin:0; }

/*--CATERING--*/
p{
	font:12pt "open sans";
	color:#FFFFFF;
	float:left;
	margin:0 0 20px 0;
}

.csect{
	border:solid 3px #C10001;
	padding:20px 10px;
	margin:0 0 50px 0;
	font:11pt "open sans";
	overflow:hidden;
	float:left;
}

.cp{ width:97%; }

.cm,.mp{ 
	width:47%;
	margin:0 0 30px 0; 
	text-align:center;
}

.cm{ margin:0 20px 0 0; padding: 20px 0 46px 0; }

.bull{
	background:url(../images/bull.png);
	width:150px;
	height:77px;
	float:left;
	margin:0 auto;
}

.csr{ overflow:hidden;  margin:20px 0 0 0; }

.cheadingcont{
	width:100%;
}

.cheading{ 
	overflow:hidden; 
	margin:0 auto;
	font:35pt "steak";
	width:435px;
}

.cheading span{ 
	background:url(../images/cateringstaricon.png);
	width:25px;
	height:25px;
	float:left;
	margin:11px 0 0 0;
}

.cm .cheading,.mp .cheading{ font:30pt "steak"; width:auto; }

.csect ul li{ float:left; }

.choosepackage{
	overflow:hidden;
	margin:0 auto 10px auto;
	width:770px;
}

.choosepackage li{
	margin:0 50px 0 0;
	font:16pt "Hammersmith One";
}

.choosepackage li:last-child{ margin:0; }

.choosepackage li span{
	color:#ecc800;
	margin:0 0 0 10px;
}

.meats,.sides{
	overflow:hidden;
	margin:20px 0 0 0;
}

.csect .meats li,.csect .sides li{
	margin:0 0 5px 0;
	list-style-type: none;
	float:none;
}

.add{ font:10pt "Open Sans"; color:#666666; margin:0 auto; width:630px; float:left; }


.cleft{
	width:55%;
	float:left;
}

.cateringvan{
	background:url(../images/CateringVan.jpg);
	width:450px;
	height:274px;
	height:274px;
	float:right;
	margin:0 15px 0 0;
}


/*--RESPONSIVE--*/
@media(max-width:1155px){
	.cont{ padding: 0 20px; }
}

@media(max-width:1145px){
	.tsi4,.t4{ display:none; }
	.t{ width:30%; margin:0;}
}

@media(max-width:1125px){
	.cleft{ width:50%;}
}

@media(max-width:1100px){
	.seewhat{ display:none; }
	.testimonials{ margin:67px 0 0 0; }
	.fbicon{ float:right; }
	.cleft{ width:45%;}
}

@media(max-width:980px){
	.t{ width:28%; }
}

@media(max-width:960px){
	.googlemap{ display:none; }
	.googlemap2{ display:inline; float:right; width:400px; }
}

@media(max-width:940px){
	.cleft{ width:40%;}
}

@media(max-width:925px){
	.cm{ margin:0 10px 0 0; }
}
	
@media(max-width:900px){
	.nav li{ margin:0 20px; }
	.bull{ display:none; }
}

@media(max-width:860px){
	.cleft{ width:35%;}
}
	
@media(max-width:850px){
	.choosepackage li { margin:0 25px 0 0; }
	.wearebyob{ margin:0 auto; float:none; }
	.fbicon{ width:290px; margin:50px auto 0 auto; float:none; overflow:hidden; }
}
	
@media(max-width:835px){
	.tsi3,.t3{ display:none; }
	.t{ width:45%;}
	
}

@media(max-width:825px){
	.nav li{ margin:0 10px; }
	
}

@media(max-width:810px){
	.cp{ text-align:center; }
	.cp .cheading{ width:auto; font: 30pt "steak";} 
	.choosepackage{ width:235px; }
	.choosepackage li { margin:0; float:none; }
	.csr{ width:235px; margin:20px auto 0 auto; }
	.choosepackage li:first-child span{ margin:0 0 0 25px; }
	
}

@media(max-width:795px){
	.logo{ background:url(../images/WestPennBBQlogo-150px.png); width:150px; height:143px; margin:20px 0 0 20px; }
}

@media(max-width:790px){
	.cleft{ width:30%;}
}

@media(max-width:760px){
	.csect{ float:none; margin:0 0 30px 0;}
	.cm,.mp{ width:auto; }
	.cm{ margin: 0 0 30px 0; }
	.cateringvan{ display:none; }
	.cleft{ width:auto; }
	.googlemap2{ display:none; }
	.googlemap3{ display:inline; float:right; width:300px; }
}
	

@media(max-width:725px){
	.hours{ margin-right:20px; }
	.nav li:first-child{ display:none; }
}
	
@media(max-width:670px){
	.hours span,.ordernow span{ display: none; }
	.googlemap3{ display:none; }
	.directions{ display:inline; }
	.greg{ margin:40px 0;
	}

@media(max-width:645px){
	.slider { height:400px; }
	.nav{ display:none; }
	.smallnavicon{ display:inline; }
}
	

@media(max-width:525px){
	.tsi2,.t2{ display:none; }
	.t{ width:95%; }
}

@media(max-width:350px){
	.logo{ background:url(../images/WestPennBBQlogo-60px.png); width:60px; height:58px; margin:5px 0 0 20px; }
}