/* CSS Document */

/*
?ChongChing. www.behance.net/chongching
Description : Core Stylesheet
*/

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

}

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

}

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


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

}

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


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

}




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

}




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

}

.youtube_video {
	min-height:760px;
}

.meatest_burger {
	width:50%;
	margin:0 auto;
	padding:10% 0;
	text-align:center;
	    position: absolute;
    top: 190px;
    left: 25%;
}
.meatest_burger img{
	width:90%;
}

.testimonial {
background:url('../images/testi_bg1.png') #98090D;
padding-bottom:50px;
}

.testi_content {
width:60%;
margin:0 auto;
margin-top:10%;
}

.font_light {
	font-family: 'source_sans_prolight' !important;
}


.testi_content h1{
font-size:1000%;
font-family:'source_sans_proregular';
text-align:center;
}

.testi_content h2 {
font-size:200%;
font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif;
text-align:center;
}

.testi_cols {
margin-top:10%;
}

.testi_box {
padding-left: 15%;
  background-image: url('../images/quote.png');
  background-repeat: no-repeat;
  background-size: 10%;
  padding-top: 6%;
  margin-bottom:22%;
}

.testi_box h3 {
font-size:125%;
font-family:'source_sans_prosemibold';
}

.testi_box h5 {
font-size:125%;
font-family:'source_sans_prosemibold';
text-align:right;
color:#37150B;
}

.testi_box h6 {
font-size:140%;
font-family:'source_sans_prosemibold';
color:#37150B;
margin-top:7%;
}

.testi_box img {
 width:6%; 
-
 margin-right:1%;
 margin-top:1%;
}

.testi_box p {
color:#E1E1AC;
font-family: 'source_sans_prolight';
}

.testi_1st_col {
float:left;
width:42%;
}

.testi_2nd_col {
float:right;
width:42%;
}

/* General button style (reset) */
.btn {
	border: none; */
/* font-family: inherit; */
font-size: inherit;
color: inherit;
background: none;
cursor: pointer;
padding: 3% 9%;
/* display: inline-block; */
/* margin: 15px 30px; */
/* text-transform: uppercase; */
/* letter-spacing: 1px; */
/* font-weight: 700; */
/* outline: none; */
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before{
	font-family: 'icomoon';
}



.icon-cart:before {
	content: "\e600";
	color:#A11218;
	font-weight:bold;
}



/* Button 5 */
.btn-5 {
background: #36140a;
color: #E1E1AC;
font-size: 1.3vw;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
margin-bottom:10%;
}


.btn-5 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-5:before {
position: absolute;
height: 100%;
width: 100%;
line-height: 1.7;
font-size: 150%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}



/* Button 5a */
.btn-5a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.btn-5a:before {
	left: 0;
	top: -100%;
}

.btn-5a:hover:before {
	top: 0;
}









.other_font1 {
	font-family: 'weston_freeregular';
	color:#E1E1AC;
}


input[type="text"] {
  	display: block;
  	margin: 0;
  	padding:4%;
  	width: 85.5%;
  	font-family: 'source_sans_prosemibold';  
  	font-size: 100%;
  	color:#E1E1AC;
  	background:url('../images/input_bg.png') no-repeat;
	background-size:100% 100%;  
	border:none;
}

input[type="submit"], input[type="reset"] {
  	display: block;
  	margin: 0;
  	padding:4%;
  	width: 30%;
  	font-family: 'source_sans_prosemibold';  
  	font-size: 100%;
  	color:#E1E1AC;
  	background:url('../images/button_bg.png') no-repeat;
	background-size:100% 100%;  
	border:none;
	float:left;
	margin-right:5%;
	margin-top:3%;
}

textarea {
	background:url('../images/textarea_bg.png') no-repeat;
	background-size:100% 100%;  
	border:none;
	height:15em;
	width:86%;
	padding:4%;
  	color:#E1E1AC;

}

::-webkit-input-placeholder {
   color:#E1E1AC;
}

:-moz-placeholder { /* Firefox 18- */
   color:#E1E1AC; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#E1E1AC;  
}

:-ms-input-placeholder {  
   color:#E1E1AC; 
}

.back_to_top {
	position: fixed;
	bottom: 0;
	right: 5%;
	width:8%;
	display:none;
}

.back_to_top img{
	width:100%;
}



/* @group GLOBAL SETTINGS */
html {height: 100%; }

body {height: 100%; font-family: 'source_sans_prosemibold', Helvetica, Arial, sans-serif; font-size: 15px;  background: #000; -webkit-font-smoothing:antialiased;}
select,input,button,textarea {font: 99% 'source_sans_proregular', helvetica, arial, clean, sans-serif;}
table {font-size: inherit; font-size: 100%;}
pre, code, kbd, samp, tt {font-family: monospace;line-height: 100%;}
/* @end */

/* @group FORMATTING */
h1, h2, h3, h4 {font-family: 'cookiesregular', Helvetica, Arial, sans-serif;  font-weight: normal; margin: 0; padding: 0 0 .856em; color:#E1E1AC;}
h1 a, h2 a, h3 a, h4 a {border: none;}
p, figure {font-family: 'source_sans_prosemibold', Helvetica, Arial, sans-serif; padding-bottom: 2em; font-size: 115%;  line-height: 1.4em; margin: 0; color:#441008;}
strong {font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;}
ul {font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;}
a {color: #E1E1AC; text-decoration: none; border:none;}

.yellow_color {
	color:#E1E1AC;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}


.contact_us h1 {
	font-size:300%;
	color:#E1E1AC;
	-webkit-backface-visibility: hidden;
	line-height:100%;
}

.fuel_shack_story {
	padding:7% 10%;
	background:url('../images/our_story_bg.png') bottom no-repeat;
	background-size:100%;
}

.best_burger_kl {
	padding:7% 7%;
	background:url('../images/best_burger_bg.png') bottom no-repeat;
	background-size:100%;
}

.universal_bg {
background:url('../images/universal_bg.jpg') #b41118 no-repeat; 
background-size:100% 100%;"
}


.locations {
	padding:75px 50px;
	background:url('../images/location_bg.jpg') #b41118;
	background-size:100%;
}

.why_fuel_shack {
	padding:7% 7%;
	background:url('../images/location_bg.jpg') #b41118;
	background-size:100%;
}

.contact_us, .menu_page {
	padding:7% 7%;
	background:url('../images/universal_bg.jpg') #b41118 no-repeat; 
	background-size:100% 100%;"
}

.menu_item {
	margin-bottom:4%;
}

.menu_item ul {
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:22%;
}

.menu_item ul li {
	float:left;
	width:6.5%;
	margin-right:7%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .menu_item ul li:first-child {
 
	margin-right:9%;
}
}



.menu_item ul li a img {
	width:100%;
	vertical-align:-webkit-baseline-middle;
}

.menu_item ul li a {
	font-family: 'cookiesregular', Helvetica, Arial, sans-serif;
	font-size:4.5vw;
	color:#E1E1AC;	
}



.main_course {
	margin-top:5%;
}

.main_course ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.main_course ul li {
float: left;
width: 29.3%;
margin: 2%;
text-align: center;
background-size:100% 100%;
}




.main_course ul li a {
    font-family: 'source_sans_probold';	
	font-size:2vw;
	text-transform:uppercase;
	text-shadow:#000 2px 2px 7px;
	color:#E1E1AC;
	display:block;
	padding:43% 0;
}



.main_course ul li a:hover {
	background:rgba(144,0,6,0.5);
}


.main_course_h1{
	font-size:3vw;
	color:#E1E1AC;
	font-family: 'source_sans_probold', Helvetica, Arial, sans-serif;
	padding-bottom:3%;
}

.main_course_p{
	color:#E1E1AC;
	font-size:14px;
}

.main_course_more {
	font-size:1.2vw;
	font-family: 'source_sans_proregular';
	text-transform:capitalize;
}



.big_food_txt {
	text-align:center;
	padding:10%;
}

.new_code_cheesburger{
	background:url('../images/cheesburger_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}


.new_code_original_shack{
	background:url('../images/original_shack_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_classic_chicken_sandwich{
	background:url('../images/classic_chicken_sandwich_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_dory_fillet {
	background:url('../images/dory_fillet_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_aloha_chicken {
	background:url('../images/aloha_chicken_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}



.new_code_mini_tower {
	background:url('../images/mini_tower_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}


.new_code_lamb_supreme {
	background:url('../images/lamb_supreme_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}
.new_code_blue_cheese_deluxe {
	background:url('../images/blue_cheese_deluxe_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_mexican_dawg {
	background:url('../images/mexican_dawg_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_double_dawg {
	background:url('../images/double_dawg_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_big_dawg {
	background:url('../images/big_dawg_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_classic_dawg {
	background:url('../images/classic_dawg_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}


.new_code_spaghetti_carbonara {
	background:url('../images/spaghetti_carbonara_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_pasta_arrabbiata {
	background:url('../images/pasta_arrabbiata_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_spaghetti_aglio_olio {
	background:url('../images/spaghetti_aglio_olio_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_spaghetti_bolognese {
	background:url('../images/spaghetti_bolognese_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_smoked_duck_pasta {
	background:url('../images/smoked_duck_pasta_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_crispy_chicken_set {
	background:url('../images/crispy_chicken_set_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_cheese_fries {
	background:url('../images/cheese_fries_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_pepperoni_pizza {
	background:url('../images/pepperoni_pizza_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}

.new_code_hawain_pizza {
	background:url('../images/hawain_pizza_big.jpg') no-repeat top center !important;
	background-size:cover !important;
	position:absolute; 
	top:0; 
	bottom:0;
}




.pp_inline {
	width:100%;
}

.currentTextHolder{color:#E1E1AC; padding:0; margin:0; width:108%; text-align:right;}

.why_fuel_shack h1, .best_burger_kl h1 {
	font-size:375%;
	color:#E1E1AC;
	-webkit-backface-visibility: hidden;
	line-height:120%;
}

.left_margin {
	margin-left:25%;
}

.row1_right h1, .row1_left_bbkl h1 {
	color:red;
	text-transform:uppercase;
	text-align:center;
	font-size: 630%;
	line-height: 100%;
	-ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
	-webkit-backface-visibility: hidden;
	background:url('../images/red_line.png') no-repeat 57% 75%;
	background-size:65%;
}

.row1_left_bbkl h1 {
	font-size:560%;
	background:none;
}

.header_bg {
		background:url('../images/yellow_line.png') no-repeat 0% 90%;
		background-size:27% 8%;
}

.row1_right img {
	width:80%;
}

.row2_left img {
	width:90%;
}

.row1_left {
	width:40%;
	float:left;
	margin-right:2%;
	margin-top:7%;
}

.row1_right {
	width:58%;
	float:right;
	text-align:center;
}

.row1_left_bbkl {
	width:52%;
	float:left;
	margin-right:2%;
	margin-top:7%;
}

.row1_left_bbkl img {
	width:52%;
	margin-left:15%;
}

.row1_left_bbkl2 {
	width:48%;
	float:left;
	margin-right:2%;
}

.row1_left_bbkl2 img {
	width:60%;
	margin-left:5%;
}

.row1_left_bbkl2 h1{
font-size:270%;
text-align:center;
}

.row1_right_bbkl {
	width:42%;
	float:right;
	margin-top:10%;
}

.row1_right_bbkl2 {
	width:46%;
	float:right;
}

.row1_right_bbkl2 img{
	width:100%;
}



.row2_right_bbkl img {
	width:84%;
	margin-left:35%;
}

.row1_right_bbkl h1 {
	font-size:270%;
	text-align:right;
}

.row1_right_bbkl2 h1 {
	font-size:270%;
	text-align:center;
}

.row1_right_bbkl2 h4 {
	font-size:150%;
	text-align:center;
	font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif;
}

.row2_left_bbkl h1 {
	font-size:270%;
}




.row2 {
	margin-top:2%;
}

.row2_left {
	width:32%;
	float:left;
	margin-right:2%;
	text-align:center;
}

.row2_right {
	width:60%;
	float:right;
	text-align:right;
	margin-top:5%;
}

.row2_left_bbkl {
	width:53%;
	float:left;
	margin-right:5%;
	margin-top:7%;
}

.row2_right_bbkl {
	width:40%;
	float:right;
}

.row3 {
	margin-top:5%;
}

.row3_left {
	width:60%;
	float:left;
	margin-right:2%;

}

.row3_left p {
	width:85%;
}

.row3_right {
	width:38%;
	float:right;
	margin-top:4%;
}

.row3_right_txt {
	color:#E1E1AC; 
	font-size:4.5vw; 
	text-align:center;
	font-family: 'novecento_wide_boldbold';	
	line-height:100%; 
	text-shadow:#222 7px 7px 25px;
	width:70%;
	margin-left:15%;
}

.row3_bbkl h1, .row4_bbkl h1 {
	font-size:270%;
	color:#E1E1AC;
	-webkit-backface-visibility: hidden;
	line-height:50px;
}

.row3_bbkl {
	margin-bottom:12%;
}

.row3_bbkl img {
	width:15%;
	float:left;
	margin-right:5%;
	margin-top:-6%;
}

.row4_bbkl img {
	width:35%;
	float:right;
}

.row4_bbkl {
	padding-bottom:20%;
}

.row4_bbkl p {
	width:55%;
	float:left;
}


.row4 {
	margin-top:7%;
	background:url('../images/chairs.png') no-repeat bottom right;
	background-size:55%;
}

.row5 {
	background:url('../images/burger_man.png') no-repeat bottom left;
	background-size:40%;
	margin-top:7%;
}

.event_listing {
	border: 1px solid #441008;
padding: 4% 2% 0 3%;
width: 70%;
color: #E1E1AC;
font-weight: bold;
margin-bottom: 5%;
margin-left: 9%;
line-height:normal;
}

.signature_contact {
	border: 1px solid #441008;
padding: 2% 4%;
width: 70%;
margin: 0 auto;
text-align: center;
background: rgba(105,0,0,0.8);
color: #E1E1AC;
}

.big_contact_txt {
	font-size:250%;
	margin-right:4%;
}


.why_fuel_shack p, .best_burger_kl p {
	text-align:justify;
	font-size:120%;
}

.why_fuel_shack p.right, .best_burger_kl p.right {
	text-align:justify;
	text-align-last: right;
}




.fuel_shack_story h1 {
	font-size:300%;
	color:#E1E1AC;
	text-align:center;
	-webkit-backface-visibility: hidden;
	line-height:110%;
	padding:40px 0px 50px;
}

.locations h1 {
	font-size:300%;
	color:#E1E1AC;
	text-align:center;
	-webkit-backface-visibility: hidden;
	text-transform:uppercase;
	padding: 0px 0px 20px 0px;
}

.locations h3 {
	font-size:135%;
	font-family: 'source_sans_proregular'; 
	text-align:center;
}

.locations_content {
	
}

.locations_content ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.location_ul > li:nth-child(3n+1) {
    clear: both;
}

.locations_content ul li {
	float:left;
	padding:5% 2.5%;
	width:27%;
	margin-right:1%;
}

.locations_content ul li p:first-child {
	font-size:120%;
	text-transform:uppercase;
	color:#E1E1AC;
}

.brown_color {
	color:#37150B !important;
}

.locations_content ul li p {
	color:#37150B;
	font-size:120%;
}

.locations_content img {
	width:70%;
}

.locate_button a {
	background:url('../images/locate_button.jpg') no-repeat;
	background-size:100%;
	padding:10px 50px;
}

.locate_button a:hover {
	background:url('../images/locate_button_over.jpg') no-repeat;
	background-size:100%;
}

.fuel_shack_story p.img {
	text-align:center;
}

.fuel_shack_story p.first {
	width:95%;
	text-align:center;
	font-size:140%;
	color:#37150B;
}

.fuel_shack_story p.first:first-letter {
	font-size:280%;
	color:#E1E1AC;
	-webkit-backface-visibility: hidden;
	font-family: 'cookiesregular', Helvetica, Arial, sans-serif;
	margin-right:-10px;
}

.fuel_shack_story p.second {
	width:95%;
	text-align:center;
	font-size:140%;
	color:#37150B;
}

.fuel_shack_story p.third {
	width:95%;
	text-align:center;
	padding-bottom:200px;
	font-size:140%;
	color:#37150B;
}

.fuel_shack_story p img {
	width:45%;
}

.drop_cap {
	
}

.bold_text {
	font-family: 'source_sans_probold';
}

.bold_under {
	font-family: 'source_sans_probold';
	text-decoration:underline;
}




.red_text {
	color:#A11218;
}
/* @end */

/* @group LAYOUT */
#container{
	width: 100%;
	margin: 0;
	
}

.contact_left {
	width:45%;
	margin-right:3%;
	float:left;
}

.contact_right {
	width:45%;
	float:right;
}

#red-bar{
	background: url('../images/01home/red-bar.jpg') repeat-x;
}




#content{
	width: 100%;
	margin: 0 auto;
	background:url('../images/bg.png') #331508;
	padding-top:4%;
}

.home_content {
	border-width:2px;
	border-style:solid;
	border-color:rgba(30,2,1,0.7);
	width:90%; 
	margin:0 auto;
	padding:1%;
}


.home_logo {
    width:20%;
	position:absolute;
	margin-top:1%;
	z-index:1;
}


.home_logo img {
	width:100%;
}


.video_slideshow {
background:rgba(0,0,0,0.5);
}

.video_slideshow p {
	font-size:1.2vw;
	color:#E1E1AC;
	text-align:center;
	width:95%;
	margin:0 auto;
	font-family: 'source_sans_proregular';
	padding-bottom:1em;
}

.video_slideshow h1 {
	font-size:2vw;
	color:#E1E1AC;
	text-align:center;
	-webkit-backface-visibility: hidden;
	padding-top:2%;
    font-family: 'source_sans_prosemibold';
	padding-bottom:2%;
}



iframe {
            max-width: 100%;
}

.fuel_shack_promise {
	padding-bottom:55%;

}

.food_menu {
	background:#060606;
	padding:1.5% 0;
}

.food_menu ul {
	font-family: 'source_sans_prosemibold';
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:44%;
}

.food_menu ul li {
	float:left;
	padding:2% 7% 2% 5%;
	text-transform:uppercase;
	color:#E1E1AC;
	background: url(../images/nav-star.png) no-repeat right center;
	background-size:10%;
}

.food_menu ul li.middle {
	background-size:8%;
}

.food_menu ul li:first-child {
	padding-left:0%;
}

.food_menu ul li:last-child {
	padding-right:0%;
	background: none;
}


.food_menu ul li a {
	color:#E1E1AC;
	font-size:1.1vw;
}

.footer_menu ul li a {	
	color:#A11218;
	font-size:1.1vw;
}

.footer_menu ul li a:hover{
	color:#E1E1AC;
}


.footer_menu ul {
	font-family: 'source_sans_prosemibold';
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:48%;
}

.footer_menu ul li {
	float:left;
	padding:0 4%;
	text-transform:uppercase;
	color:#E1E1AC;
}

.footer_menu ul li:first-child {
	padding-left:0%;
}

.footer_menu ul li:last-child {
	padding-right:0%;
}

#content #home .inner{
	padding-top: 100px;
}

#content #ourstory .inner{
	padding-bottom: 100px;
}

#content #menu .inner{
	padding-bottom: 200px;
}
/* @end */

/* @group HOME PAGE */
#container section#home{
	background:#000 url('../images/01home/home-bg.jpg') no-repeat center center;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	min-width: 1177px;
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}

#container section#home .inner article{
	position: relative;
	min-height: 725px;
	width: 92%;
	margin: 0 auto;
	bottom: 45px;
}

#container section#home .inner article .page{
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	width: 410px;
	height: 155px;
	text-align: left;
	position: relative;
	top: 390px;
	z-index: 9;
	padding: 20px;
	/*text-shadow: 0 1px 0 rgba(5, 5, 5,5);*/
}

#container section#home h2{
	font-size: 40px;
	padding-bottom: .4em;
	color:#fff;
}

#container section#home p{
	width: 415px;
}

#container section .continue{
	position: absolute;
	bottom: 30px;
	display: block;
	border: none;
	padding-bottom: 30px;
	width: 400px;
	margin-left: -200px;
	left: 50%;
	text-align: center;
	clear: both;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: -webkit-transform .2s; -moz-transition: -moz-transform .2s; -ms-transition: -moz-transform .2s;
}

#container section .continue:hover{
	cursor: pointer;
	-webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -webkit-backface-visibility: hidden;
}

#container section#home .continue, #container section#ourstory .continue, #container section#menu .continue, #container section#locations .continue{
	background: url('../images/01home/arrow-down.png') no-repeat center bottom;
}

#container section#contact .continue{
	background: url('../images/05contact/arrow-up.png') no-repeat center top;
	height: 30px;
}

#container section#contact .continue p{
	font-family: 'source_sans_proregular';
	font-size: 16px;
	padding: 30px;
}

#go-top {
	top: 650px;
}

section#menu, section#locations, section#contact{
	color: #fff;
}
/* @end */

/* @group Our Story */
#container section#ourstory{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #fff url('../images/02our_story/ourstory-bg.jpg') repeat fixed -40% top;
	min-width: 1177px;
}

#container section#ourstory .inner{
	height: 750px;
}

#container section#ourstory .inner h2{
	position: relative;
	left: -100px;
	opacity: 0;
}

	     
#container section#ourstory .inner article{
	position: absolute;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 37%;
	right: 0;
}

#container section#ourstory .inner article h3{
	color: #fff;
	font-size: 26px;
	padding: 13px 82px 15px;
}

#container section#ourstory .inner article p{
	font-family: 'source_sans_proregular';
	font-size: 18px;
	color: #541800;
	width: 735px;
}

#container section#ourstory .inner article p b{
	font-family: 'source_sans_proregular';
	color: #541800;
}

#ourstory-title{
	width: 717px;
	height: 64px;
	position: relative;
	top: 5px;
	background: url('../images/02our_story/ourstory-title.png') no-repeat;
}

#container section#ourstory .inner article .page{
	width: 725px;
	height: 518px;
	position:relative;
	padding: 35px;
	top: 150px;
	background: #fff;
	border: 1px solid black;
}

#signboard{
	height: 100px;
	position: absolute;
	left: 34%;
}

#signboard .sign{
	position: absolute;
	overflow: hidden;
}

#signboard .sign span{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
}

#signboard .sign.one{
	top: 150px;
	width: 370px;
	height: 666px;
	right: 0;
	background: url('../images/02our_story/ourstory_graphic.png') no-repeat left top;
}
/* @end */

/* @group Menu */
#container section#menu{
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 9;
	min-width: 1177px;
}

#container section#menu #selections{
	position: relative;
	width: 100%;
	margin: 0 auto;
	
}

#container section#home{
	width: 1177px;
	margin: 0 auto;
	position:relative;
	min-height: 765px;

}

#container section#menu header{
	padding: 90px 0;
	text-align: center;
}

#container section#menu header h2{
	font-size: 60px;
	padding: 90px 0 24px;
	text-align: center;
}

#container section#menu header p{
	font-family: 'source_sans_proregular';
	font-size: 18px;
	line-height: 1.3em;
	color: #ff000b;
	padding: 0;
}

#container section#menu header p strong{
	font-family: 'source_sans_proregular';
	font-size: 20px;
	line-height: 2em;
	letter-spacing: 2px;
	color: #fff;
	padding: 0;
}

#container section#menu article{
	padding: 0 18px 0;
	float: left;
	width: 356px;
	height: 356px;
}

#burgerbtn, #hotdogbtn, #breakfastbtn{
	float: left;
	width: 356px;
	height: 356px;
	position:relative;
	margin:0 auto;
}

#container section#menu article a.burger, #container section#menu article a.hotdog, #container section#menu article a.breakfast{
	position: absolute;
	padding: 0 18px 0;
	top: 0;
  	left: 0;
  	-webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;
}

#container section#menu article a.burger:hover, #container section#menu article a.hotdog:hover, #container section#menu article a.breakfast:hover{
	opacity:0;
}
/* @end */

/* @group Food Menu*/
.menu-container{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -100%;
	margin: 0 auto;
	background: #b41118;
}

.menu-food-container{	
	width: 1270px;
	margin: 0 auto;
	position:relative;
	height: 966px;
	background: #331508;
}

.menu-info{
	width:330px;
	height: 966px;
	text-align: center;
	background: url('../images/03menu/menu-bg.jpg') repeat center center;
	float:left;
}

.menu-info article #burger-logo{
	background: url('../images/03menu/burger-logo.png') no-repeat center bottom;
	padding: 150px 24px;
	width: 235px;
	height: 125px;
}

.menu-info article #hotdog-logo{
	background: url('../images/03menu/hotdog-logo.png') no-repeat center bottom;
	padding: 150px 55px;
	width: 173px;
	height: 187px;
}

.menu-info article #breakfast-logo{
	background: url('../images/03menu/breakfast-logo.png') no-repeat center bottom;
	padding: 150px 8px;
	width: 278px;
	height: 132px;
}
;

.menu-info article h3{
	padding: 37px 0 27px;
	position: relative;
	right: 36px;
	font-size: 60px;
	color: #b51219;
}

.menu-info article p{
	padding-bottom: 23px;
	font-family: 'source_sans_proregular';
	width: 300px;
	position: relative;
	right: 5px;
	font-size: 13px;
	color: #b51219;
}

.menu-info article a.back p{
	font-family: 'source_sans_proregular';
	font-size: 20px;
	padding: 10px;
	width: 140px;
	color: #fff;
	background: #b41118;
	left: 63px;
	position: relative;
	cursor: pointer;
	border: 1px solid #b41118;
	-o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s;
}

.menu-info article a.back p:hover{
	color: #b41118;
	border: 1px solid #b41118;
	background: #fff;
}


#burger-slide, #hotdog-slide, #breakfast-slide {
	float: left;
	height: 966px;
	background: #000 repeat;
	z-index: 10;
}

	.frame-closed .frame-content{opacity: 0; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s;}
	.frame-open .frame-content {opacity: 1; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s;}

	
/*accordion slider*/

/* @end */

/* @group Locations */
#container section#locations{
	background:#000 url('../images/04locations/pizza-bg.jpg') no-repeat center center;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-width: 1177px;
	background-size: cover;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}

#container section#locations .inner{
	width: 1115px;
	padding: 125px 0 0;
	margin: 0 auto;
	position: relative;
	min-height: 790px;
	text-align:center;
}

#container section#locations .inner h2{
	font-size: 60px;
	padding-bottom: 10px;
}

#container section#locations .inner p{
	font-family: 'source_sans_proregular';
	font-size: 23px;
	color: #e4e4e4;
}

#container section#locations .inner article{
	float: left;
	padding: 0 32px 30px;
	width: 305px;
	text-align: left;
}

#container section#locations .inner article .map-icon{
	background-image: url('../images/04locations/map-icon.png');
	background-repeat: no-repeat;
	width: 33px;
	height: 54px;
	padding: 0 5px 190px;
	float:left;
}

#container section#locations .inner article h3{
	font-family: 'source_sans_proregular';
	font-size: 18px;
	text-transform: none;
	line-height: 1.3em;
	color: #f30d18;
	text-shadow: 0 1px 0 rgba(5, 5, 5,5);
}

#container section#locations .inner article p{
	font-family: 'source_sans_proregular';
	font-size: 15px;
	color: #fff;
}

#container section#locations .inner article p b{
	font-family: 'source_sans_proregular';
}

#klcc{
	padding-bottom: 48px;
}

#suria{
	padding-bottom: 48px;
}

#container section#locations .inner article .map-link p{
	font-family: 'source_sans_proregular';
	font-size: 20px;
	padding: 10px;
	text-align:center;
	width: 120px;
	color: #fff;
	background: #b41118;
	float:left;
	cursor: pointer;
	-o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s;
}

#container section#locations .inner article .map-link p:hover{
	color: #b41118;
	background: #fff;
}
/* @end */

/* @group Contact */
#container section#contact{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #700307 url('../images/05contact/contact-bg.jpg') repeat fixed -40% top;
	overflow: hidden;
	min-width: 1177px;
}

#container section#contact .inner{
	width: 1115px;
	padding: 70px 0 0;
	margin: 0 auto;
	min-height: 550px;
	text-align:center;
}

#container section#contact .inner h2{
	font-size: 60px;
	padding: 90px 0 10px;
}

#container section#contact .inner h3{
	font-family: 'source_sans_proregular';
	font-size: 23px;
	color: #e4e4e4;
	text-transform: none;
	padding-bottom: 90px;
}

#container section#contact .inner p{
	font-family: 'source_sans_proregular';
	font-size: 18px;
	color: #b41118;
}

#container section#contact form, #thanks{
	float: left;
	padding: 0 30px;
	width: 690px;
	position:relative;
	left: 18%;
}

#thanks {
	text-align: center;
	color: #b41118;
	background: url('../images/05contact/cicle_tq.png') no-repeat;
	width: 356px;
	height: 356px;
	position: relative;
	left: 34%;
	bottom: 56px;
}

#thanks h1{
	padding: 135px 0 10px;
	font-size: 40px;
	position: relative;
	left: -30px;
}

#thanks p{
	position: relative;
	left: 0;
	width: 300px;
}

#container section#contact form input, #container section#contact form textarea{
	padding: 10px 10px 8px 10px;
	font-size: .7em;
	line-height: 1.2em;
}

#container section#contact form input{
	margin: 0 0 .5em;
	width: 283px;
}

#container section#contact form label{
	color: #b41118;
	text-shadow: none;
	position: absolute;
	font-size: .7em;
	line-height: 100%;
	top: 14px;
	left: 13px;
}

#container section#contact form label.error {
	font-family: 'source_sans_proregular';
	font-size: 13px;
	color: #fff;
	display: block;
	position: static;
	text-align:left;
}

#container section#contact form textarea{
	border: none;
	margin: 0;
	width: 330px;
	height: 176px;
	resize: vertical;
}

#container section#contact form button {
	font-family: 'source_sans_proregular';
	font-size: 20px;
	padding: 10px;
	color: #fff;
	width: 100px;
	text-align: center;
	background: #b41118;
	letter-spacing: 1px;
	float: right;
	position: relative;
	cursor: pointer;
	-o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s;
}

#container section#contact form button:hover{
	background-color: #fff;
	color: #b41118;
}

#container section#contact form button:active{
	color: #fff;
}

#container section#contact form p{
	position:relative;
	padding-bottom: 27px;
}
/* @end */

/* @group FOOTER */
#contact footer{
	position: absolute;
	width: 100%;
	display: block;
	top: 780px;
}

#contact footer .footer-inner{
	width: 1117px;
	margin: 0 auto;
}

#contact footer .footer-inner p{
	font-family: 'source_sans_proregular';
	font-size: 11px;
}

#contact footer .footer-inner p.right.copyright{
	font-family: 'source_sans_proregular';
	color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
}
/* @end */
.page{
	padding: 10px;
}

.logo {
	 width:22%; 
	 float:left;
}

.logo img {
	width:80%;
}

.social_icons {
	float:right; 
	width:16%; 
	padding-top:3.5%;
}

.social_icons img {
	width:80%; 
}

.social_icons ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.social_icons ul li {
	float:right;
	padding:0% 10%;
}
/* @end */

/* @group CUSTOM CLASSES */
/* @group NAVIGATION */
header#header{
	width: 96%;
	top: 1px;
	z-index: 10;
	background: url('../images/bg.png') rgb(151, 15, 19);
	padding:2.3% 2% 3% 2%;
}

.too_meaty {
background: url('../images/bg.png') rgba(51, 21, 8, 0.95); font-family:'source_sans_prosemibold', Helvetica, Arial, sans-serif; padding:6% 0; text-align:center; font-size:200%; color:#E1E1AC;
}

footer#footer{
	width: 100%;
	padding:2% 0%;
}
	
header#header nav{
	width: 59%;
	margin: 0 auto;
	padding:3.5% 0% 0%;
	float:left;
}
	
header#header nav ul{
	list-style: none;
	padding: 0;
}


#main-nav { width:61%; float:right; margin-top:55px; }
#main-nav ul { margin:0; padding:0; width:80%; display:inline; }
#main-nav ul li { float:left; background: url('../images/nav-star.png') no-repeat right center; width:16%; text-align:center;}
#main-nav ul li:last-child { padding-right:0; background:none; }
#main-nav ul li:first-child { padding-left:0; }
#main-nav ul li a { 

-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
color:rgba(225,225,172,1) !important;
-webkit-transition: -webkit-transform 0.3s, color 0.3s;
-moz-transition: -moz-transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s;
font-size:1.3vw;
 display:block; }
#main-nav ul li a:hover, #main-nav ul li a:focus { 
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
color:rgba(225,225,172,0.9) !important;
-webkit-transition: -webkit-transform 0.3s, color 0.3s;
-moz-transition: -moz-transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s;
font-size:1.2vw;
 }
#main-nav ul li ul li a { color:#A11218 !important; letter-spacing:0; padding:5% 0% !important; display:block; font-size:16px;  }

#main-nav ul li ul li a:hover { color:#E1E1AC !important; }

#main-nav ul li ul { 
	display:none;
	position:absolute;
	padding:1% 0% 0% 0.2%;
	background: url('../images/nav-arrow.png') no-repeat 3% 0;
	width:13%;
}
#main-nav ul li ul .inner-nav { 
	padding-top:7%;
	padding-bottom:7%;
	padding-left:7%;
	background:#541900;
}
#main-nav ul li ul li { float:none; background:none; padding:2px; width:auto; text-align:left; }
#main-nav ul li:hover >ul { display:block; }


	
#nav-wrap{
	width: 90%;
	margin: 0 auto;
}
	
header#header nav .nav-right{
	float: right;
}
	
header#header nav .nav-right ul .navi-right{
	width: 45px;	
}
	
header#header nav .nav-right ul .navi-right a{
	background: none;
}
	
#fb{
	background:url('../images/facebook.png') no-repeat top left; 
	position: relative;
	top: -5px;
	height:35px; 
	width:35px;
	cursor: pointer;
}
	
#fb:hover, #tw:hover, #insta:hover {
	background-position:bottom left;
}
	
#tw{
	background:url('../images/twitter.png') no-repeat top left; 
	position: relative;
	top: -5px;
	left: -2px;
	height:35px; 
	width:35px;
	cursor: pointer;
}
	
#insta{
	background:url('../images/instagram.png') no-repeat top left; 
	position: relative;
	top: -5px;
	height:35px; 
	width:35px;
	cursor: pointer;
}
	
#blank-space{
	width: 60px;
}

header#header nav ul li{
	color: #E1E1AC;
	font-size: 15px;
	margin: 0 auto;
	padding-right:1%;
}
	
header#header nav ul li a{
	color: #E1E1AC;
	border-bottom: none;
}
	
header#header nav ul li a:hover{
	color: #37150b;
	height: 100%;	

}

header#header nav ul li a.link-active{
	background: none;
	color:#37150B !important;
	font-family:'source_sans_probold';
	
	
}

.antispam {display:none;}

.clearer {clear: both;}
.left, .alignleft {float: left;}
.right, .alignright {float: right;}
#navigation {background: none; -webkit-transition-property: background-color; -webkit-transition-duration: .5s;}
#navigation a {-webkit-transition-property: color; -webkit-transition-duration: .5s;}
.sticky #navigation {position: fixed;top:0; left:0; width:100%; min-width: 960px;}
.sticky #navigation a {color: #fff;}
.sticky .home #navigation a.link-active, .sticky .ourstory #navigation a.link-active, .sticky .menu #navigation a.link-active, .sticky .locations #navigation a.link-active, .sticky .contact #navigation a.link-active {color: #37150b; border: none;}
.sticky .home #navigation, .sticky .ourstory #navigation, .sticky .menu #navigation, .sticky .locations #navigation, .sticky .contact #navigation {border: none; height: 26px; background: url('../images/bg.png') #b41118; }

#mini-nav {display:none; }

.row5_para {
	 width:45%; float:left; margin-left:25%;
}

.row5_img {
	 width:22%; float:right;
}

.fuel_shack_para { width:55%; float:right; margin-top:5%;
}

.two-eight {
font-size:2.8vw;
}

.one-seven {
font-size:1.75vw;
}



.grid *, .grid *:after, .grid *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }


.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	text-align: center;
	cursor: pointer;
}



.grid figure figcaption {
	padding: 1.4em 1em;
	color: #E1E1AC;
	text-transform: uppercase;
	font-size: 2vw;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}



.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	font-size: 60%;
}


/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	padding-bottom:0;
	line-height:inherit;
}

figure.effect-bubba img {
	width:100%;
}

figure.effect-bubba:hover img {
	opacity: 0.7;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 6%;
	right: 6%;
	bottom: 6%;
	left: 6%;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	font-family: 'source_sans_probold';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	padding-bottom:5%;
	opacity:0;
}

figure.effect-bubba p {
	font-family: 'source_sans_proregular';
	color:#E1E1AC;
	text-transform:capitalize;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	opacity:0;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.grid {
	margin:2%;
	width:29.3%;
	float:left;
}

.pp_pic_holder {
	 width:50% !important; left:26.5% !important;
}

/* @end */

@media only screen and (max-width: 1150px) {
.social_icons ul li {
	padding:0% 10%;
}
.social_icons img {
	width:75%; 
}
.why_fuel_shack h1, .best_burger_kl h1, .locations h1, .contact_us h1 {
	font-size:300%;
}
.row1_right h1 {
	font-size: 580%;
}
.left_margin {
	margin-left:0%;
}

.margin-left-fifteen {
margin-left:15%;
}

#main-nav ul li ul li a { font-size:12px;  }

}



@media only screen and (max-width: 1024px) {
.social_icons ul li {
	padding:0% 6%;
}
#main-nav ul li ul li a { font-size:10px;  }
.why_fuel_shack h1, .best_burger_kl h1, .locations h1, .contact_us h1 {
	font-size:260%;
}
.row1_right h1 {
	font-size: 500%;
}

.pp_pic_holder {
	 width:70% !important; left:15.5% !important;
}

}

@media only screen and (max-width: 767px) {
	
.menu_item ul {
margin-left: 10%;
}

.menu_item ul li {
width: 8.5%;
margin-right: 7%;
}

.grid {
width: 45.3%;
}

.pp_pic_holder {
	 width:90% !important; left:5.5% !important;
}
	
.locations_content ul li {
	width:44%;
}
.logo {
	width:100%;
	text-align:center;
}

.social_icons {
	width:100%;
}

.social_icons ul {
	padding:0 43%;
}


.social_icons ul li:last-child {
	padding:0;
}

.social_icons ul li{
	padding:0 4%;
}


.contact_right, .contact_left, .row1_left, .row1_right, .row2_left, .row2_right, .row3_left, .row3_right, .row1_left_bbkl, .row1_right_bbkl, .row2_left_bbkl, .row2_right_bbkl, .row1_left_bbkl2, .row1_right_bbkl2 {
	float:none;
	width:100%;
}

.row5_para {
	width:100%;
	margin:0;
	float:none;
}

.row5_img 
{
	 width:80%;
	 float:none;
	 }
	 
	 .row1_left_bbkl2 img {
width: 75%;
}
	 
.fuel_shack_para { width:60%; 
}

.row1_left_bbkl img {
	width:75%;
}

.two-eight {
font-size:6.5vw;
}

.one-seven {
font-size:4.1vw;
}

.row2_right_bbkl img {
width: 73.5%;
}

.row3_bbkl img {
width: 25%;
margin-top:0;
}

.row3_bbkl {
margin-top: 10%;
}

.margin-left-fifteen {
margin-left:0;
}

.row4_bbkl p {
	float:none;
	width:100%;
}

.row4_bbkl img {
width: 70%;
float:none;
}
}


@media only screen and (max-width: 550px) {
.social_icons ul {
padding: 0 41%;
}


.pp_pic_holder {
	 width:95% !important; left:2.5% !important;
}

.footer_menu ul {
width: 90%;
}

.grid {
width: 97.3%;
}

}



@media only screen and (max-width: 450px) {
	
.grid {
width: 97.3%;
}

.why_fuel_shack h1, .best_burger_kl h1, .locations h1, .contact_us h1 {
	font-size:210%;
}
.row1_right h1 {
	font-size: 400%;
}

.social_icons ul {
padding: 0 39%;
}



.row2_right_bbkl img
{
	width:73%;
}

.locations_content ul li {
	width:100%;
}

.main_course ul li {
width: 31.3%;
}

}


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

.social_icons ul {
padding: 0 37%;
}

}