/*
Theme Name: Veronica's Snacks
Theme URI:
Author: WebSpring Design
Author URI:
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body {
	font-family: 'otsu_sansmedium';
	font-size:15px;
	text-align:left;
	color:#535252;
	background:#fff;
	height:100%;
	margin:0;
	padding:0;
	min-width:1200px;
}
*{
	padding:0;	margin:0; border:0;
}
ul,ol{
	list-style:none;
}
img,fieldset{
	border:none;
}
a{
	color:#f36615;
	font-size:15px;
	text-decoration:none;
}
a:hover{
	color:#000;
}
.hide
{
     position: absolute;
     left: -9999px;
}
h1{
	font-size:50px;
	color:#49a942;
	font-weight: normal;
}
h2{
	font-size:40px;
}
h3{
	font-size:25px;
}
h4{
	font-size:20px;
}



/*====================Start body here =====*/
.header_area{
	width:100%;
	background:#ffde75;
}
.header{
	width:980px;
	overflow:hidden;
	margin:0 auto;
}
.logo{
	width:246px;
	float:left;
	height:54px;
	padding:42px 0 30px 33px;
}

.nav{
	width:670px;
	float:right;
	overflow:hidden;
	padding-top:40px;
	font-family: 'predicate_roundedregular';
	font-weight: normal;
         min-width:620px;
}
.nav li{
	float:left;
	padding:0 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.nav li{
float:left;
padding-left:0px;
}}


.nav li a{
	color:#f36615;
	font-size:22px;
	line-height:24px;
	display:block;
	padding:0 8px 15px 8px;
	font-weight:bold;
	text-transform:uppercase;
	text-align: middle;
}
.nav li a:hover{
	color:#000;
	background:url(images/h_bg.png) no-repeat bottom center;
}
.nav li a b{
	display: block;
        font-size: 29px;
        line-height: 30px;
}
.nav li a:hover,.nav li .slc{
	color:#000;
	background:url(images/h_bg.png) no-repeat bottom center;
}
.nav .lft_hbg{
	padding-right:0px;
}

.nav .menu-item-18 a{
    color: #F36615;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding: 7px 10px 15px;
    text-transform: uppercase;
}

#menu-shop-menu{
list-style: none;
padding: 0;
color: #FBE28F;
}

.menu-shop-menu-container li{
display: inline;
padding: 0;
margin: 0;
padding-left:1em;
}

.menu-shop-menu-container li:after{
content:"|";
padding-left:1em;
}

.menu-shop-menu-container li:last-child:after{
content:"";
}

h1.page-title{
text-align:center}

.menu-shop-menu-container li a{
font-size:1.5em !important;
color:white;
}

.container {
		min-height:100%;
		position:relative;
		min-width:980px;
	}

/*---------------------------------------Middle area------------------------------------*/
#middle{
	width:980px;
	overflow:hidden;
	font-family: 'predicate_roundedregular';
	margin:0 auto;
	background:url(images/mid_btm.png) no-repeat bottom;
	padding:0 0 196px;
}

#middle_coming_soon{
	width:980px;
	overflow:hidden;
	font-family: 'predicate_roundedregular';
	margin:0 auto;
	background:url(images/mid_btm.png) no-repeat bottom;
	padding:0 0 286px;
}

#middlewide{
	width:980px;
	overflow:hidden;
	font-family: 'predicate_roundedregular';
	margin:0 auto;
	background:url(images/mid_btm_wide.png) no-repeat bottom;
	padding:0 0 196px;
}

#middlehome{
	width:980px;
	overflow:hidden;
	font-family: 'predicate_roundedregular';
	margin:0 auto;
	background:url(images/mid_btm_wide.png) no-repeat bottom;
	padding:0 0 116px;
}

.follow_area{
	width:290px;
	background: url(images/follow_bg.png) no-repeat;
	height:81px;
	margin:0 283px;
	padding:40px 64px 0 60px;
	text-align:center;
}
.follow_area h2{
	display:block;
	font-size:36px;
	color:#5a4141;
	line-height:30px;
	padding-top:10px;
	padding-left:5px;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}

@-moz-document url-prefix() { 
  .follow_area h2 {
     font-weight:normal !important;
  }
}

.follow_area p{
        width: 220px;
        height: 25px;
        margin-left: 35px;
        margin-top: 2px;
	background:url(images/social_btn.png) no-repeat;
}
.follow_area p .social_f{
	width: 107px;
        height: 25px;
        display:block;
        float: left;
        margin-top: 1px;
        background:url(images/social_f.png) no-repeat 0 0;
}
.follow_area p .social_f:hover{
        background-position: 0 -25px;
}
.follow_area p .social_t{
	width: 81px;
        height: 25px;
        display:block;
        margin-left: 22px;
        float:left;
	background:url(images/social_t.png) no-repeat 0 0;
}
.follow_area p .social_t:hover{
        background-position: 0 -25px;
}
.two_picture{
	width:980px;
	overflow:hidden;
	padding:42px 0 0 0;
	height:500px;
}
.pic_two{
    margin-top: -47px;
    overflow: hidden;
    position: absolute;
}



/*
.pic_two{
	width:900px;
	overflow:hidden;
	padding-left:80px;
	position:absolute;
}
.pic_two a{
	width:417px;
	float:left;
	display:block;
}

*/




/*---------------------------------------Footer area------------------------------------*/
.footer_area{
	width:100%;
	background:#472a2b;
	overflow:hidden;
	padding:15px 0;
	margin-top:10px;
	position:absolute;
	bottom:0;
	height:26px;
}

.footer{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.footer_list{
	width:860px;
	overflow:hidden;
	padding-left:90px;
	font-family: 'predicate_roundedbold';
}
.footer_list li{
	float:left;
	padding:0 10px;
	background:url(images/ftr_bg.png) no-repeat right;
}
.footer_list li a{
	font-size:16px;
	color:#fff;
	line-height:26px;
}
.footer_list li a:hover,.footer_list li .ftr_slc{
	color:#f16e22;

}
.footer_list .boder_hdn{
	background:none;
}
.footer_list .boder1_hdn,.footer_list .boder2_hdn{
	background:none;
	padding-right:2px;
}
.footer_list .boder1_hdn a{
	background:url(images/f_btn.jpg) no-repeat;
        width:26px;
        height:26px;
        display: block;
}
.footer_list .boder1_hdn a:hover{
	background:url(images/f_hbtn.jpg) no-repeat;
}
.footer_list .boder2_hdn a{
	background:url(images/t_btn.jpg) no-repeat;
        width:26px;
        height:26px;
        display: block;
}
.footer_list .boder2_hdn a:hover{
	background:url(images/t_hbtn.jpg) no-repeat;
}

/*--------------------------Our Story Page Start Here--------------------------*/
.story_area{
	width:980px;
	overflow:hidden;
	padding:120px 0 80px;
}
.onion_area{
	width:980px;
	overflow:hidden;
	padding:60px 0 0px;
}

.story_left{
	width:280px;
	float:left;
	overflow:hidden;
}
.lft_pic{
	width:188px;
	height:305px;
	position:absolute;
	margin:-60px 0 0 40px;
}
.header_top{
	font-size:50px;
	padding-left:40px;
	line-height:57px;
	color:#5a4141;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}

h1.header_top{display:none;}
.story_right{
	width:700px;
	float:right;
	overflow:hidden;
}
.rit_pic{
	width:139px;
	height:214px;
	position:absolute;
	margin:-95px 0 0 640px;
}
.bag_pic{
	width:412px;
	height:177px;
	position:absolute;
	margin:-142px 0 0 617px;
}
.stroy_contant{
	width:350px;
	overflow:hidden;
	float:left;
}
.stroy_contant p{
	width:330px;
	font-size:15px;
	color:#5a4141;
	padding:0 0 15px 0;
}
.stroy_contant strong{
	font-size:15px;
	color:#f47421;
        padding: 0 0 10px 0;
}
.stroy_contant p strong{
	font-size:15px;
	color:#f47421;
	display:block;
}
.stroy_contant p span{
	font-size:15px;
	color:#f47421;
	font-weight:bold;
	padding-right:10px;
}

.stroy_contant1{
	width:350px;
	overflow:hidden;
	float:left;
}
.stroy_contant1 p{
	width:330px;
	font-size:15px;
	color:#5a4141;
	padding:0 0 15px 0;
}
.stroy_contant1 strong{
	font-size:15px;
	color:#000;
        padding: 0 0 10px 0;
        width:330px;
}
.stroy_contant1 p strong{
	font-size:15px;
	color:#5A4141;
	display:block;
        width:330px;
}




.van_pic{
	width:280px;
	height:176px;
	position:absolute;
	margin:-157px 0 0 570px;
}
.race_pic{
	width:980px;
	height:186px;
	position:absolute;
	margin:-180px 0 0 0;
}

/*--------------------------Onion Page Start Here--------------------------*/
.nav_onion{
	width:100%;
	overflow:hidden;
	background:#472a2b;
	padding:10px 0;

}
.nav_onion_list{
	width:830px;
	overflow:hidden;
	margin:0 auto;
	padding-left:70px;
	font-family: 'predicate_roundedregular';
	font-weight: normal;
}
.nav_onion_list li{
	float:left;
	padding:0 10px;
	border-right:2px solid #e1c582;
}
.nav_onion_list li a{
	color:#fff;
	font-size:20px;
	line-height:25px;
	display:block;
}
.nav_onion_list li a:hover{
	color:#f36615;
}
.nav_onion_list li a:hover,.nav_onion_list li .slc1{
	color:#f36615;
}
.nav_onion_list .menu-item-407{
	border:none;
	padding-right:0px;
}



.header1_top{
	font-size:50px;
	padding-left:40px;
	line-height:50px;
	color:#49a942;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}
.header2_top{
	font-size:50px;
	padding-left:40px;
	line-height:50px;
	color:#d31245;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}
.headerhow_top{
	font-size:50px;
	line-height:50px;
	padding: 0 0 20px 5px !important;
	color:#F37321;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}
.headerhow_top1{
	font-size:50px;
	line-height:50px;
	padding-bottom:20px;
	padding-top:50px;
	color:#F37321;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}
.story_left p{
	width:240px;
	font-size:15px;
	padding-left:40px;
	color:#5a4141;
	padding-top:10px;
}
.hed_1{
	font-size:20px;
	color:#49a942;
	line-height:20px;
	padding:15px 0 0 40px;
}
.hed_2{
	font-size:20px;
	color:#d31245;
	line-height:20px;
	padding:15px 0 0 40px;
}
.stroy_contant{
	width:350px;
	overflow:hidden;
	float:left;
}
.storu_onion{
	width:417px;
	float:left;
	overflow:hidden;
	height:500px;
}
.storu_onion img{
	width:417px;
	position:absolute;
}

.storu1_onion{
	width:248px;
	float:left;
	overflow:hidden;
	padding-top:60px;

}
.cont_bg{
	width:248px;
	height:400px;
}
.cont_bg img{
	width:248px;
	position: absolute;
	margin-left:-20px;
        height:380px;
}


.blog_area .storu1_onion_face{
	width:230px;
	padding-top:20px;
	overflow:hidden;
         list-style: none;
         padding-left: 0px;

}
.blog_area .storu1_onion_face li{
	float:left;
        list-style: none;

}



.storu1_onion_face li b{
	float:left;
	font-size:15px;
	color:#5a4141;
        list-style: none;
}

.storu1_onion_face li a{
	float:left;
	font-size:15px;
	color:#5a4141;
        list-style: none;
        display: inline;
        padding:0 2px;
}

.baked_pic{
	width:134px;
	height:136px;
	position:absolute;
	margin:-97px 0 0 100px;
}

/*--------------------------Onion Page Start Here--------------------------*/
.storu1_onion_soon{
	width:700px;
	overflow:hidden;
	padding:0 0 30px 5px;
}
.storu1_onion_soon p{
	width:500px;
	font-size:15px;
	color:#5a4141;
	padding:0 0 15px 0;
}
.storu1_onion_soon p strong{
	font-size:15px;
	color:#f47421;
}
.storu1_onion_soon h2{
	font-size:40px;
	color:#5a4141;
	padding-bottom:5px;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}

@-moz-document url-prefix() { 
  .storu1_onion_soon h2 {
     font-weight:normal !important;
  }
}



/*--------------------------How They're Made Page Start Here--------------------------*/
.htm{
	width:700px;
	overflow:hidden;
	padding-bottom:30px;
}
.htm p{
	width:500px;
	font-size:15px;
	color:#5a4141;
	padding:0 0 20px 5px;
}
.htm p strong{
	font-size:15px;
	color:#f47421;
}
.htm h2{
	font-size:50px;
	line-height:50px;
	padding:50px 0 20px 5px;
	color:#F37321;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}

@-moz-document url-prefix() { 
  .htm h2 {
     font-weight:normal !important;
  }
}



.soon_pic{
	width:344px;
	height:243px;
	position:absolute;
	margin:-20px 0 0 620px;
}
/*--------------------------Our Blog Page Start Here--------------------------*/
.blog_area{
	width:700px;
	overflow:hidden;
	padding-bottom:30px;
}
.cmn_blog{
	width:700px;
	overflow:hidden;
	padding:15px 0 20px;
	background:url(images/btm_b.jpg) no-repeat bottom left;
}
.blog_area p{
	width:500px;
	font-size:15px;
	color:#5a4141;
	padding:5px 0 10px;
}
.blog_area p b{
	font-size:15px;
	color:#f47421;
}
.blog_area h3{
	font-size:15px;
	color:#5a4141;
	padding-bottom:5px;
}

.blog_area h3 a{
	font-size:15px;
	color:#f47421;
	display:block;
}
.blog_area h3 a:hover{
	color:#5a4141;
}
/*--------------------------Snack Story Page Start Here--------------------------*/
.follow_area_one{
	width:255px;
	background: url(images/follow_bg1.jpg) no-repeat;
	height:65px;
	padding:30px 40px 7px;
	text-align:center;
	margin:0 322px;
}
.follow_area_one h3{
	font-size:32px;
	color:#5a4141;
	line-height:30px;
	padding-top:16px;
	/*font-family: 'otsu_sansmedium';*/
	 font-family: 'reklame_script_regularregular';
}

@-moz-document url-prefix() { 
  .follow_area_one h3 {
     font-weight:normal !important;
  }
}

.frist_pic{
	width:87px;
	height:146px;
	position:absolute;
	margin:783px 0 0 380px;
        z-index: 1111;
}
/*--------------------------Contact us Page Start Here--------------------------*/
.contact_area{
	width:700px;
	overflow:hidden;
}
.contact_area li{
	width:500px;
	padding:3px 0;
	font-size:19px;
	color:#5a4141;
}
.contact_area li a{
	font-size:19px;
	color:#f47421;
	margin-left:5px;
}
.contact_area li a:hover{
	color:#5a4141;
}
.mg_pic{
	width:416px;
	height:111px;
	margin:60px 0 0 175px;
}
.say_pic{
	width:159px;
	height:149px;
	position:absolute;
	margin:-92px 0 0 220px;
}
/*--------------------------Faq Page Start Here--------------------------*/
.faq_lftlist{
	width:240px;
	padding-left:40px;
	overflow:hidden;
	padding-top:10px;
}
.faq_lftlist li{
	float:left;
	width:54px;
	padding-right:10px;
	text-align:center;
}
.faq_lftlist li a{
	font-size:12px;
	color:#5a4141;
	display:block;
	width:54px;
}
.faq_lftlist li a:hover{
	color:#000;
	text-decoration:underline;
}
.pad_btm{
	margin-bottom:15px;
}
.cholesterol_list{
	width:300px;
	overflow:hidden;
	padding-top:20px;
}
.cholesterol_list li{
	float:left;
	width:275px;
	font-size:17px;
	padding:2px 0 2px 25px;
	color:#5a4141;
	background:url(images/icon.jpg) no-repeat no-repeat 0 6px;
}

/* -----------new ---------------*/

.nav .current-menu-item a{
        color:#000;
	background:url(images/h_bg.png) no-repeat bottom center;

}


.nav_onion_list .current-menu-item a{
       color:#f36615;

}


.wpcf7-form{
	width:500px;
	overflow:hidden;
	padding:15px 0 5px;
}
.wpcf7-form div{
	width:500px;
	padding-bottom:15px;
}
.wpcf7-form div span{
	font-size:21px;
	color:#f47421;
}
.wpcf7-form div input{
	font-size:20px;
	color:#5a4141;
	background:url(images/info_btn.jpg) no-repeat;
	height:23px;
	width:409px;
	padding:15px 20px 13px;
	font-family: 'otsu_sansmedium';
}
.wpcf7-form div textarea{
	font-size:20px;
	color:#5a4141;
	background:url(images/text_b.jpg) no-repeat;
	height:292px;
	width:409px;
	padding:20px;
	font-family: 'otsu_sansmedium';
}
.wpcf7-submit{
	width:140px;
	height:61px;
	cursor:pointer;
	margin-top:10px;
	background:url(images/submit.jpg) no-repeat;
}




#commentform{
        width:500px;
	overflow:hidden;
	padding:15px 0 5px;
}
#reply-title {
	display:block;
	font-size:21px;
	color:#f47421;
	padding-bottom:20px;
}
#commentform div{
	width:500px;
	padding-bottom:15px;
}


#commentform div label{
	display:block;
	font-size:21px;
	color:#f47421;

}
#commentform div input{
        font-size:20px;
	color:#5a4141;
	background:url(images/info_btn.jpg) no-repeat;
	height:23px;
	width:409px;
	padding:15px 20px 13px;
	font-family: 'otsu_sansmedium';
}


#captcha_code{

        width:250px;
	height:20px;
	background:#FCFCFC;
	color:#B3AFA6;
	line-height:20px;
	font-size:11px;
	float:left;
	padding:2px 4px;
	border:1px solid #E6E5E5;
        margin-right: 10px;

}

.reply{

        width:250px;
	 height: 38px;
        margin-top: 20px;
}


.comment-reply-link{

    background:url(images/reply_btn.png) no-repeat;
    padding:10px 34px 34px 34px;

}

#commentform textarea{
	font-size:20px;
	color:#5a4141;
	background:url(images/text_bg1.jpg) no-repeat;
	height:150px;
	width:409px;
	padding:20px;
	font-family: 'otsu_sansmedium';
}
#submit{
        width:140px;
	height:61px;
	cursor:pointer;
	margin-top:10px;
	background:url(images/submit.jpg) no-repeat;

}

.comment-meta a{
    color: #000;
    font-family: 'predicate_roundedregular';
    font-weight: normal;
}
.comment-meta a:hover{
    color: #f47421;
    font-family: 'predicate_roundedregular';
    font-weight: normal;
}
.comments{

       width:985px;
	font-size:12px;
	color:#666;
	padding:8px 0 5px;
	line-height:18px;
}

.comment-content p{
	width:500px;
	font-size:19px;
	color:#5a4141;
	padding:8px 0 5px;
	text-align: justify;
}

.commentlist  ul  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.commentlist  ul ul  { margin: 0; }
.commentlist ul li  {	list-style-type: disc;line-height: 18px; }
.comment-content  ul ul li  { list-style-type: circle;line-height: 18px; }

.commentlist ol  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.commentlist ol ol  { margin: 0; }
.comment-content ol li  { list-style-type: decimal; line-height: 18px;}
.comment-content ol li ol li  { list-style-type: lower-latin; line-height: 18px;}


.blog_area  ul  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.blog_area  ul ul  { margin: 0; }
.blog_area ul li  {list-style-type: disc;line-height: 18px; }
.blog_area  ul ul li  { list-style-type: circle;line-height: 18px; }

.blog_area ol  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.blog_area ol ol  { margin: 0; }
.blog_area ol li  { list-style-type: decimal; line-height: 18px;}
.blog_area ol li ol li  { list-style-type: lower-latin; line-height: 18px;}







/*---------------@font-face----------------*/
/*predicate_roundedbold & predicate_roundeditalic & predicate_roundedregular*/





@font-face {
    font-family: "otsu_sansmedium";
    src: url('otsusans-medium-webfont-webfont.eot');
    src: url('otsusans-medium-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('otsusans-medium-webfont-webfont.woff') format('woff'),
         url('otsusans-medium-webfont-webfont.ttf') format('truetype'),
         url('otsusans-medium-webfont-webfont.svg#otsu_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "predicate_roundedbold_italic";
    src: url('predicate-rounded-bold-italic-webfont-webfont.eot');
    src: url('predicate-rounded-bold-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('predicate-rounded-bold-italic-webfont-webfont.woff') format('woff'),
         url('predicate-rounded-bold-italic-webfont-webfont.ttf') format('truetype'),
         url('predicate-rounded-bold-italic-webfont-webfont.svg#predicate_roundedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "predicate_roundedbold";
    src: url('predicate-rounded-bold-webfont-webfont.eot');
    src: url('predicate-rounded-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('predicate-rounded-bold-webfont-webfont.woff') format('woff'),
         url('predicate-rounded-bold-webfont-webfont.ttf') format('truetype'),
         url('predicate-rounded-bold-webfont-webfont.svg#predicate_roundedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "predicate_roundeditalic";
    src: url('predicate-rounded-italic-webfont-webfont.eot');
    src: url('predicate-rounded-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('predicate-rounded-italic-webfont-webfont.woff') format('woff'),
         url('predicate-rounded-italic-webfont-webfont.ttf') format('truetype'),
         url('predicate-rounded-italic-webfont-webfont.svg#predicate_roundeditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "predicate_roundedregular";
    src: url('predicate-rounded-webfont-webfont.eot');
    src: url('predicate-rounded-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('predicate-rounded-webfont-webfont.woff') format('woff'),
         url('predicate-rounded-webfont-webfont.ttf') format('truetype'),
         url('predicate-rounded-webfont-webfont.svg#predicate_roundedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "reklame_script_regularregular";
    src: url('reklamescript-regular-webfont-webfont.eot');
    src: url('reklamescript-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('reklamescript-regular-webfont-webfont.woff') format('woff'),
         url('reklamescript-regular-webfont-webfont.ttf') format('truetype'),
         url('reklamescript-regular-webfont-webfont.svg#reklame_script_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* new style by elnino */

#location_search_form{position: relative;}
.location_search_street_cell{display:none;}
.location_search_state_cell{display:none;}
.location_search_zip_cell{display:none;}
#location_search_city_field{background:url(images/info_btn_s.jpg) no-repeat;height: 35px;padding-left: 10px;padding-right: 10px;width: 186px; font-family: 'otsu_sansmedium' !important;font-size: 20px !important;}
#location_search_2_tr{left: 23.5em;position: absolute;top: 22px;}
.customStyleSelectBox{
    background: url("images/info_btn_d.jpg") no-repeat;
    border: 0 none;
    font-family: 'otsu_sansmedium' !important;
    font-size: 20px !important;
    height: 35px;
    margin-top: -4px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 9px;
    width: 70px;
}
.location_search_city_cell br{display:none;}
#location_search_distance_field{height:auto !important;}
#location_search_distance_field option{font-family: 'otsu_sansmedium' !important;font-size: 20px !important;}
#location_search_distance_fields{padding-left: 7px;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.location_search_title{padding-bottom: 15px;}
.location_search_city_cell{color: #F47421;font-size: 21px;}
.location_search_distance_cell{color: #F47421;font-size: 21px;font-weight: normal !important;}
.bag_pic{display:none;}
.result_name h3{font-family:'reklame_script_regularregular';font-size:30px}
.customStyleSelectBoxInner {background: url("images/arrow.gif") no-repeat scroll 54px center transparent;width: 65px !important;}
#pagi{clear:both;float:left; margin-top: 10px;}
.alt_page_navigation a{display:inline-block; padding: 5px;}
div#results{padding-bottom:0 !important;}
#simplemap .buble_address{color: #5A4141;font-size: 15px;}
#simplemap .bubble_phone{color: #5A4141;font-size: 15px;}
.bubble_contact{color: #5A4141;font-size: 15px;}
.result_address address{color: #5A4141;font-size: 15px;}
.result_email, .result_phone{color: #5A4141;font-size: 15px;}
.alt_page_navigation{text-align:center;clear: both;margin-top: 10px;}
div.result{background:url("images/line.jpg") no-repeat bottom;border: 0 none !important;padding-bottom: 35px !important;padding-top: 20px !important;}
.first_link, .previous_link, .next_link, .last_link{
    background: url("images/page_bg.jpg") no-repeat;
    color: #F36615;
    display: inline-block;
    font-family: 'reklame_script_regularregular';
    font-size: 26px;
    height: 37px;
    line-height: 36px;
    text-align: center;
    width: 90px;
	 margin-right: 5px;
}
.search_link{
    background: url("images/page_bg.jpg") no-repeat;
    color: #F36615;
    display: inline-block;
    font-family: 'reklame_script_regularregular';
    font-size: 26px;
    height: 47px;
    line-height: 36px;
    text-align: center;
    width: 100px;
	margin: 0 5px 0 300px;
}
.search_link:hover{
    background: url("images/page_bg.jpg") no-repeat;
    color: #5A4141;
    display: inline-block;
    font-family: 'reklame_script_regularregular';
    font-size: 26px;
    height: 47px;
    line-height: 36px;
    text-align: center;
    width: 100px;
	margin: 0 5px 0 300px;
}
.alt_page_navigation .page_link {
   background: url("images/page_bg1.jpg") no-repeat 0 4px;
    color: #000000;
    display: inline-block;
    font-family: 'reklame_script_regularregular';
    font-size: 23px;
    height: 40px;
    line-height: 47px;
    margin-right: 5px;
    text-align: center;
    width: 46px;
}
.page_link.active_page{color:#F36615 !important;}

.form-allowed-tags{
display:none;}

.follow_area{
	background-image:none;
}

#middlehome{
	background-image:none;
}


/* Slider */
.rsDefault .rsBullets{
	background:none !important;

}

.rsDefault .rsBullet span{
	background-color:#6D6E70 !important;
	background:rgba(109,110,112) !important;
	width:12px !important;
	height:12px !important;
}

.rsDefault .rsBullet.rsNavSelected span{
	background-color:#472A2B !important;
	background:rgba(71,42,43) !important;
}

.rsArrowLeft div.rsArrowIcn{
	background-image:url('css/slider/arrow-left.png') !important;
	background-repeat:no-repeat;
	width: 32px;
	height: 42px;
	background-color:transparent; !important;
	background-position-x: 0 !important;
	background-position-y: 0 !important;
	top:41%;
	z-index:1000;
}

.rsArrowRight div.rsArrowIcn{
	background-image:url('css/slider/arrow-right.png') !important;
	background-repeat:no-repeat;
	width: 32px;
	height: 42px;
	background-color:transparent; !important;
	background-position-x: 0 !important;
	background-position-y: 0 !important;
	top:41%;
	z-index:1000;
}

.rsArrowLeft{
	z-index:1000;
}

.rsArrowLeft div.rsArrowIcn:hover, .rsArrowRight div.rsArrowIcn:hover{
	background-color:transparent; !important;
}

.rsDefault.rsHor .rsArrowLeft{
	left:7% !important;
}

.rsDefault.rsHor .rsArrowRight{
	right:7% !important;
}

.fullWidth div{
	text-align:center;
}

.rsContent img{
	width:1020px !important;
	height:511px !important;
}

#slide-1{
	background-color:#fff !important;
	height:511px;
}

#slide-2{
	background-color:#FFDE75;
	height:511px;
	margin-top:40px;
	background-image: url('images/slide-2-bg.jpg');
	background-repeat: repeat-x;
	background-position: 0 0;
}

#slide-3{
	background-color: #FFDE75;
	height:511px;
	/*background-image:url('images/bg.png');
	background-repeat:repeat-x;
	background-position-x:0;*/
	margin-top:40px;
}

#slide-2 img, #slide-3 img{
	margin-top:0 !important;

}

#slide-4, #slide-5{
	background-image: url('images/bg.jpg');
	background-repeat: repeat-x;
}

#slide-6{
background-image: url('images/slide-1-bg.jpg');
	background-repeat: repeat-x;
	background-position: 0 0;
}

.royalSlider{
	padding-bottom:2%;
}

.rsDefault .rsBullets{
	bottom:11% !important;
}


.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
	background:#fff !important;
}

.rsContent{
	text-align:center !important;
}

.follow_area{
	margin: 0 auto;
	z-index:1000;
	background: url(images/follow_bg.png) no-repeat;
}

.rsHor.rsDefault .rsArrowRight .rsArrowIcn,.rsVer.rsDefault .rsArrowLeft .rsArrowIcn{
	background-position-x:0 !important;
	background-position-y:0 !important;
}

.rsGCaption{
	display:none !important;
}



/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important; }



/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 48em) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }

  .show-for-small {
    display: none !important; }

  .hide-for-small {
    display: inherit !important; }

  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }

 }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 80em) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }

  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }

  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }

  .hide-for-large,
  .hide-for-large-up {
    display: none !important; }
 }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 90em) {
  .show-for-xlarge {
    display: inherit !important; }

  .show-for-large,
  .show-for-large-down {
    display: none !important; }

  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important; }

  .hide-for-xlarge {
    display: none !important; }
 }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }



@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
 }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }


/* New Styles */
	.footer_area{
		position:relative;
	}

	.header_top.show-for-small{
		padding-left:0;
		text-align:center;
		margin-bottom:10%;
	}

	.race_pic_medium, .race_pic_large{
		display:none;
	}

	/* Sub Menu */
	.header_sub{
		width:100%;
		float:left;
		background-color:#472A2B;
		padding-top:.5%;
		padding-bottom:.5%;
	}

	.header_area ul.table {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;
	}

	.header_area ul.sub-menu li a{
		color:#fff;
		/*word-spacing:.1em;*/
		font-size:.9em;
		font-family:'predicate_roundedregular';
	}

	.header_area ul.sub-menu li.current_page_item a{
		color:#EC6D25;
		text-decoration:underline;
	}

	.header_area ul.sub-menu li a:hover{
		color:#EC6D25;
		text-decoration:underline;
	}

	/* Piped List */
	.header_area ul.sub-menu{
		list-style:none;
		padding:0;
		color:#FBE28F;
	}

	.header_area ul.sub-menu li{
		display:inline;
		padding:0;
		margin:0;
		font-size:1.5em;
	}

	.header_area ul.sub-menu li:before { content: " | "; }
	.header_area ul.sub-menu li:first-child:before { content: ""; }

	/*IE workaround*/
	/*All IE browsers*/
	* html .header_area ul.sub-menu li
	{
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
	}

	/*Win IE browsers - hide from Mac IE\*/
	* html .header_area ul.sub-menu { height: 1%; }

	/* //Piped List */
	/* //Sub Menu */

	li.menu-item-962 a, li.menu-item-943 a, li.menu-item-969 a{
		font-size:.9em;
		line-height:.4em;
	}

	li.menu-item-962 a b, li.menu-item-943 a b, li.menu-item-969 a b{
		font-size:1.7em;
		line-height:1.7em;
	}

	.header{
		position:relative;
	}

	#social-icons{
		position:absolute;
		top:37%;
		right:8%;
	}

	#social-icons img{
		float:left;
	}

	div.table{
		display: table;   /* Allow the centering to work */
		margin: 0 auto;
	}

	.footer_list{
		width:auto;
	}

	.flavours-menu{
		background-color:#fff;
		margin-top:.5%;
		float:left;
		width:100%;
	}

	.flavours-menu ul li a{
		color:#472A2B;
	}

	.flavours-menu ul li{
		color:#EC6D25;

	}


	/*#menu-mobile-menu .sub-menu li a{
		display:inline-block;
	}*/


	#sidebar{
		padding:0 !important;
		background-color:#472A2B;
		/*border-right:1px solid #fff;*/
	}

	[role="main"]{
		padding:0 !important;
	}

	#mobile-menu-button{
		float:left;
	}

	#sideMenu, #sideMenu b{
		font-family:'predicate_roundedregular';
		font-weight:normal;
		font-size:1em;
	}

	#sideMenu ul li a{
		padding:8px 10px 8px 35px;
		display:block;
		color:#fff;
	}

	#sideMenu ul li{
		margin: 0 0 1px;
		border-top: 1px solid #fff;
	}

	#sideMenu ul li.current-menu-item a{
		color:#EC6D25;
	}

	#sideMenu ul li.current-menu-item .sub-menu a{
		color:#fff;
	}

	#mobile-menu-button a span{
		display: block;
		background:#472A2B;
		height: 3px;
		margin-top: 3px;
	}

	#mobile-menu-button a{
		width: 22px;
		height: 22px;
		padding: 9px 10px 8px 10px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
		color:#472A2B;
		text-decoration: none;
		line-height: 22px;
		font-size: 1px;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 700;

	}

	.stroy_contant p strong{
		display:inline;
	}

	.stroy_contant strong.inline{
		padding:0;
	}

	.stroy_contant1 p strong{
		color:#F37324;
		padding-bottom:0;
	}

	.flavours-menu ul.sub-menu li a{
		color:#472A2B;
	}

	.storu1_onion_soon p{
		width:330px;
	}

	#middle_coming_soon ul{/* this is to hide the share links on coming soon*/
		display:none;
	}

	.footer_list li a.active{
		color:#F16E22;
	}

	/*.flavour-page #menu-our-range-sub-menu .first-menu-item a, #menu-our-range-sub-menu.active #menu-item-1072 a{
		color:#F16E22;
		text-decoration:underline;
	}*/

	.van_pic{
		margin: -143px 0 0 647px;
	}

	.lft_pic{
		display:none;
	}

	.side-pic img{
		margin-top: 15%;
		margin-left: 10%;
	}

	.rit_pic{
		margin: -51px 0 0 702px;
	}

	#middle_coming_soon .rit_pic{
		margin:4px 0 0 702px;
	}

	#ie8 #mobile-menu-button,  #ie8 .logo .show-for-small{
		display:none !important;
	}

	#ie8 .logo .show-for-medium-up{
		display:block !important;
	}

	#ie8 h1.header_top.show-for-small{
		display:none !important;
	}

	#ie8 .ingredients-mobile{
		display:none !important;
	}

	#ie8 .faq .hide-for-medium-up{
		display:none !important;
	}

	#ie8 .flavour-page h1.header1_top.show-for-small{
		display:none !important;
	}

	#ie8 h1.header_top.show-for-medium-down{
		display:none !important;
	}

	.footer_list{
		padding-left:0;
	}

	.cont_bg img{
		margin-left:0;
	}

	.header3_top{
		font-size:50px;
		padding-left:40px;
		line-height:50px;
		color:#EE352D;
		/*font-family: 'otsu_sansmedium';*/
		 font-family: 'reklame_script_regularregular';
	}

	.hed_3 {
		font-size: 20px;
		color: #EE352D;
		line-height: 20px;
		padding: 15px 0 0 40px;
	}

	.header4_top{
		font-size:50px;
		padding-left:40px;
		line-height:50px;
		color:#008A5E;
		/*font-family: 'otsu_sansmedium';*/
		 font-family: 'reklame_script_regularregular';
	}

	.hed_4 {
		font-size: 20px;
		color: #008A5E;
		line-height: 20px;
		padding: 15px 0 0 40px;
	}

	.flavour-page .storu_onion img{
		width:443px;
		height:598px;
	}

	.flavour-page .cont_bg img{
		width:246px;
		height:408px;
	}

	.flavour-page .header3_top, .header4_top, .header1_top, .header2_top {
		font-size:40px;
	}

	.story_area, .onion_area{
		padding-top:60px;
	}

	.rit_pic{
		display:none;
	}

	#menu-item-19 a, #menu-item-151 a { font-size: 20px; }

	#menu-item-19 a b, #menu-item-151 a b, #menu-item-15 a b { font-size: 32px; }

	#menu-item-15 a { font-size: 25px; }

	#menu-item-755 a { font-size: 1.25em; }

	.page-id-1033 #menu-item-1072 a, .page-id-1050 #menu-item-1072 a { color: #EC6D25 !important; text-decoration: underline !important;}

	.page-id-1033 .flavour-page #menu-our-range-sub-menu .first-menu-item a, .page-id-1050 .flavour-page #menu-our-range-sub-menu .first-menu-item a {color:#fff;}

	.page-id-56 #menu-item-975 a, .page-id-58 #menu-item-975 a { color:#EC6D25; text-decoration:underline !important; }

	#menu-item-975 a:hover{ color:#EC6D25 !important; }

	.sub-container{
		width:980px; margin:0 auto;
	}

	.sub-container ul{
		margin-left:316px;
	}

	.sub-menu li a{
		padding-left:1% !important;
		padding-right:1% !important;
	}

	#ie8 .header1_top.show-for-medium-down, #ie8 .header2_top.show-for-medium-down, #ie8 .header4_top.show-for-medium-down, #ie8 .header3_top.show-for-medium-down{
		display:none !important;
	}

	#sideMainNav .sub-menu li a{
		padding-left:0 !important;
	}

	#sidebar .sub-menu li a {
		padding-left:0 ;
		padding-right:0;
	}

	.say_pic{
		margin: 47px 0 0 356px;
	}

	#location_search_2_tr{
		top:38px;
	}

	#location_search_distance_field{
		border: 1px solid #ccc;
	}


	/* footer */
		#middle, .story_area { padding-bottom:0; }
		#middle { background-image:none; }
		#middle_coming_soon { background-image:none; padding-bottom:0; }

		#content-footer-bg { 
			/*background-position-x:100%;*/
			float:right;
			margin-bottom:5%;
			width:685px;
		}

		.our-story-bg{
			background:url('images/picnic-basket-footer.png') no-repeat bottom; 
			min-height:170px;
		}

		.crisp-crusade-bg{
			background:url('images/bike-footer.png') no-repeat bottom; 
			min-height:234px;
		}

		.things-we-do-bg{
			background:url('images/things-we-do-footer.png') no-repeat bottom; 
			min-height:234px;
		}

		.coming-soon-bg{
			background:url('images/soon-footer.png') no-repeat bottom; 
			min-height:234px;
		}

		.generic-footer{
			background:url('images/mid_btm_new.png') no-repeat bottom; 
			min-height:234px;
			max-width:685px;
			background-position-x:100%;
		}
					
	/* footer */

		#facebook-share{
			float:left;
		}

		#twitter-share{
			float:left;
		}

		#facebook-share a{
			background-image:url('images/social-icons.png');
			background-repeat:no-repeat;
			display:block;
			width:40px;
			height:35px;
		}

		#facebook-share a:hover{
			background-position-x: -92px;
			background-position:67.5% 0;
		}

		#twitter-share a{
			background-image:url('images/social-icons.png');
			/*background-position-x: -44px;*/
			background-position:32% 0;
			background-repeat:no-repeat;
			display:block;
			width:40px;
			height:35px;
		}

		#twitter-share a:hover{
			/*background-position-x: -136px;*/
			background-position:100% 0;
		}

		#ie8 #facebook-share a:hover{
			background-position:67.999% 0;
		}

		.mobile-sub-menu li{
			padding-left:5% !important;
		}

		#location_search_5_tr{
			position: absolute;
			top: 2.5em;
			left: 35em;
		}

		table.location_search{
			margin-bottom: 5%;
		}

		#location_search_submit_field{
			background-color: #F47421;
			border-radius: 1em;
			color: #fff;
			padding: 15%;
			font-weight: bold;
		}

		#location_search_2_tr {
			top: 38px;
			left: 295px;
			position:absolute !important;
		}

		#simplemap{
			display:none;
		}

		#top-pic-mobile{
			position:absolute; 
			top:35px; 
			right:10px;
		}

		.mobile-crisp-crusade{
			top: -5px !important;
			right: 120px !important;
			position:absolute;
		}

		.mobile-what-we-do{
			top: 105px;
			position:absolute;
		}

		.mobile-coming-soon{
			position: absolute;
			top: 10px !important;
			right: 120px !important;
		}

		#ie8 #top-pic-mobile{
			display:none !important;
		}

		#sideMenu a.active, #sideMenu a:hover{
			color:#F47421;
		}

		#slide-1 {
			background-image: url('images/slide-1-bg.jpg');
			background-repeat: repeat-x;
			background-position:0 0;
		}

		#slide-2, #slide-3 {
			margin-top:0;
		}

/* Media Queries */

	/* Smartphones (portrait) ----------- */
	@media only screen 
	and (max-width : 320px) {
	
		html, body{
			min-width:100% !important;
		}

		.header_area, .header{
			width:100% !important;
		}

		.footer_area div.table{
			margin:0;
		}

		#content-footer-bg{
			display:none !important;
		}

		.logo{
			width:auto;
			float:right;
		}

		#location_search_2_tr{
			display:none;
		}

		.flavours-menu, .header_sub, #social-icons{
			display:none;
		}

		.container{
			min-width:100% !important;
		}

		.footer_area{
			height:auto;
			margin-top:25%;
		}

		.footer_list li{
			float:none;
		}

		.footer_list{
			padding-left:0;
		}

		.footer_list .boder1_hdn, .footer_list .boder2_hdn{
			margin-top:1%;
			margin-bottom:1%;
		}

		.story_left{
			display:none;
		}

		.logo{
			padding:15px 0 15px 15px;
			height:auto;
		}

		.story_right{
			float:none;
			width:100%;
		}

		#middle{
			background-image:none;
		}

		.columns{
			padding:0;
		}

		#middle{
			width:94%;
		}

		.story_area{
			width:100%;
		}

		.story_area{
			padding-top:35px;
		}

		.stroy_contant p, .stroy_contant1 p, .stroy_contant1 p strong{
			width:100%;
		}

		.row{
			width:100%;
			min-width:100%;
		}

		#middle, .story_area{
			padding-bottom:0;
		}

		.stroy_contant, .stroy_contant1{
			width:100%;
		}

		.race_pic{
			display:none;
		}

		.baked_pic{
			display:none !important;
		}

		.nav_onion{
			display:none;
		}

		#middlewide{
			background-image:none;
			width:94%;
			padding-bottom:10%;
		}

		.onion_area{
			width:100%;
		}

		.onion_area .story_right{
			width:100%;
			float:left;
		}

		.onion_area .storu1_onion{
			padding:0;
		}

		.onion_area .storu_onion{
			width:100%;
			text-align:center;
			height:auto;
		}

		.onion_area .storu_onion img{
			position:relative;
			margin-left:2%;
			width:100%;
			height:auto;
		}

		.onion_area .storu1_onion{
			margin: 0 auto;
			width: 100%;
			float: left;
		}

		.onion_area .cont_bg{
			text-align:center;
			width:100%;
		}

		.onion_area .cont_bg img{
			position:relative;
			margin-left:0;
		}

		.onion_area .story_left.show-for-small{
			clear:both;
			width:100%;
			margin-top:5%;
		}

		.onion_area h1{
			width:100%;
			padding:0;
			text-align:center;
		}

		.onion_area .story_left h3{
			text-align:center;
			padding:0 0 4% 0;
		}

		.onion_area .htm, .htm p{
			width:100%;
		}

		.htm p{
		 	padding-left:0;
		 	padding-right:0;
		}

		.htm p br, .htm p img{
		 	/*display:none;*/
		}

		.say_pic{
			display:none;
		}

		.blog_area, .blog_area p{
			width:100%;
		}

		.blog_area p br{
			display:none;
		}

		.mg_pic img{
			display:none;
		}

		br.show{
			display:block !important;
		}

		.faq_lftlist{
			padding-left:0;
		}

		.story_left.show-for-small p{
			padding-left:0;
		}

		.stroy_contant p img{
			width:100%;
		}

		.cmn_blog{
			width:100%;
		}

		#comments form{
			width:100%;
			font-size:1em;
		}

		#comments textarea{
			width:99%;
			background-image:none;
			padding:0;
			border: 1px solid #453236;
		}

		#comments input{
			border:1px solid #453236;
			margin-left:5%;
			float:right;
		}

		#submit{
			background-image:none;
			background-color: #453236;
			color: #fff;
		}

		#comments-title{
			font-size:2em;
		}

		#commentlist{
			font-size:1em;
		}

		.rit_pic{
			display:none;
		}

		.soon_pic{
			display:none;
		}

		.story_left p{
		 	padding-left:0;
		}

		.rsContent img.rsImg.rsMainSlideImage{
			width:100% !important;
			height:100%!important;
		}

		#slide-1{
			height:auto;
		}

		#slide-2{
			height:auto;
			margin-top:0;
			background-image: url('images/slide-2-bg.jpg');
			background-repeat: repeat-x;
			background-position: 0 0;
		}

		#slide-3{
			height:auto;
			margin-top:0;
			background-color: #FFDE75;
		}

		#slide-4, #slide-5{
		background-image: url('images/bg.jpg');
		background-repeat: repeat-x;
	}

		div.rsArrowLeft, div.rsArrowRight, .rsBullets{
			display:none !important;
		}

		.footer_list li{
			margin-left: 2%;
			background-image:none;
		}

		.follow_area{
			display:none;
		}

		.mean-nav{
			width: auto !important;
			margin: 0  !important;
			background-color: #FFDE75  !important;
		}

		.mean-bar{
			background-color: #FFDE75  !important;
			margin-bottom: 2%  !important;
		}

		.mean-container a.meanmenu-reveal span{
			background-color:#F36615 !important;
		}

		.mean-container a.meanmenu-reveal.meanclose{
			color:#F36615 !important;
		}

		.logo{
			padding-top: 3%;
			padding-left: 3%;
			padding-bottom: 2%;
			padding-right:3%;
		}

		.rsArrowIcn{
			top:66% !important;
		}

		.nav li{
			float:none;
		}

		.nav li a b{
			display:inline-block;
			font-size:1em;
			padding-right:1%;
		}

		.nav li a{
			padding:0;
			font-size:1em;
		}

		.nav li a br{
			display:none;
		}

		

		.nav .current-menu-item a{
			background-image:none;
		}

		.royalSlider {
			margin-top:0 !important;
		}

		.storu1_onion_face{
			width:100%;
		}

		.storu1_onion_face li{
			display:inline;
		}

		.table {
			display: table;
			margin: 0 auto;
		}

		.header_top.show-for-small{
			text-transform:capitalize !important;
		}

		#mobile-sub-menu{
			width:100% !important;
		}

		#mobile-sub-menu .menu-middel_menu-container{
			width: 90%  !important;
			margin: 0 auto;
		}

		#mobile-sub-menu .nav_onion_list{
			width:100%;
		}

		#side-left-first{
			display:none;
		}

		.mobile-header{
			display:block !important;
		}

		.story_left{
			width:100% !important;
			display:none !important;
		}

		.story_left .header_top{
			margin-bottom: 7% !important;
			margin-top: 0px !important;
		}

		.story_left .header_top br{
			display:none;
		}

		.contact .story_left, .gluten .story_left,  #middle_coming_soon .story_left, .how-they-made .story_left, .blog .story_left{
			display:block !important;
		}

		.ingredients-mobile .hed_1, .ingredients-mobile .hed_2, .ingredients-mobile .hed_3, .ingredients-mobile .hed_4{
			padding:0;
			margin-top:2%;
		}

		#middle_coming_soon{
			width:96%;
		}

		#middle_coming_soon .storu1_onion_soon, #middle_coming_soon .storu1_onion_soon p{
			width:100%;
		}

		#middle_coming_soon{
			background-image:none;
		}

		#results{
			width:100% !important;
		}

		.result_phone{
			width:100% !important;
			margin-top:5%;
		}

		.result_links{
			width:100% !important;
			text-align:left !important;
		}

		#location_search_distance_fields{
			padding-left:0;
		}
	
		#location_search_2_tr{
			position:relative;
		}

		nav{
			display:none;
		}

		#social-icons{
			display:none;
		}

		.header_area{
			margin-bottom:2%;
		}

		.logo{
			text-align:center;
			padding-left:0;
			padding-right:0;
			text-align:center;
			width:100%;
		}

		.logo a{
			float:none !important;
		}

		.footer_area{
			margin-top:10%;
		}

		.header_area{
			margin-bottom:5%;
		}

		.flavour-page h1.header1_top.show-for-medium-down{
			font-size:35px;
		}

		.flavour-page .onion_area{
			padding-top:0;
		}

		#gluten-one{
			left:27%;
			display:none;
		}

		#gluten-two{
			left:-88px !important;
			top:929px;
			display:none;
		}

		#gluten-three{
			left: 1%;
			top: 48%;
			display:none;
		}

		#gluten-four{
			left:100px !important;
			display:none;
		}

		h1.header_top.show-for-medium-down{
			padding-left:0;
			text-align:center;
			margin-bottom:3%;
			text-transform:capitalize;
		}

		#sideMenu ul.sub-menu li a{
			margin-left:8%;
		}

		.logo a{
			display:inline;
		}

		.sticky-footer{
			position:fixed;
			bottom:0;
			width:100%;
		}

		#simplemap{
			display:none !important;
		}

	}

	/* Smartphones (landscape) ----------- */
	@media only screen 
	and (min-width : 321px) and (max-width: 767px) {

		.header_area{
			margin-bottom:2%;
		}

		html, body{
			min-width:100% !important;
		}

		.container{
			min-width:100% !important;
		}

		#top-pic-mobile{
			top:110px !important;
		}

		#location_search_2_tr{
			display:none;
		}

		.header_area, .header{
			width:100% !important;
		}

		#content-footer-bg{
			display:none !important;
		}

		.logo{
			width:auto;
			float:right;
		}

		.logo{
			padding-top: 3%;
			padding-left: 3%;
			padding-bottom: 2%;
			padding-right:3%;
		}

		#social-icons{
			display:none;
		}

		.footer_area div.table{
			margin:0;
		}

		.flavours-menu, .header_sub, #social-icons{
			display:none;
		}

		.footer_area{
			height:auto;
			margin-top:25%;
		}

		.footer_list li{
			float:none;
		}

		.footer_list{
			padding-left:0;
		}

		.footer_list .boder1_hdn, .footer_list .boder2_hdn{
			margin-top:1%;
			margin-bottom:1%;
		}

		.story_area .story_left{
			display:none !important;
		}

		.logo{
			height:auto;
		}

		.story_right{
			float:none;
			width:100% !important;
		}

		#middle{
			background-image:none;
		}

		.columns{
			padding:0;
		}

		#middle{
			width:94%;
		}

		.story_area{
			width:100%;
		}

		.story_area{
			padding-top:35px;
		}

		.stroy_contant p, .stroy_contant1 p, .stroy_contant1 p strong{
			width:100%;
		}

		.row{
			width:100%;
			min-width:100%;
		}

		#middle, .story_area{
			padding-bottom:0;
		}

		.stroy_contant, .stroy_contant1{
			width:100%;
		}

		.race_pic{
			display:none;
		}

		.baked_pic{
			display:none !important;
		}

		.nav_onion{
			display:none;
		}

		#middlewide{
			background-image:none;
			width:94%;
			padding-bottom:10%;
		}

		.onion_area{
			width:100%;
		}

		.onion_area .story_right{
			width:100%;
			float:left;
		}

		.onion_area .storu1_onion{
			padding:0;
		}

		.onion_area .storu_onion{
			width:100%;
			text-align:center;
			height:auto;
		}

		.onion_area .storu_onion img{
			position:relative;
			margin-left:2%;
			width:100%;
			height:auto;
		}

		.onion_area .storu1_onion{
			margin: 0 auto;
			width: 100%;
			float: left;
		}

		.onion_area .cont_bg{
			text-align:center;
			width:100%;
		}

		.onion_area .cont_bg img{
			position:relative;
			margin-left:0;
		}

		.onion_area .story_left.show-for-small{
			clear:both;
			width:100%;
			margin-top:5%;
		}

		.onion_area h1{
			width:100%;
			padding:0;
			text-align:center;
		}

		.onion_area .story_left h3{
			text-align:center;
			padding:0 0 4% 0;
		}

		.onion_area .htm, .htm p{
			width:100%;
		}

		.htm p{
		 	padding-left:0;
		 	padding-right:0;
		}

		.htm p br, .htm p img{
		 	display:none;
		}

		.say_pic{
			display:none;
		}

		.blog_area, .blog_area p{
			width:100%;
		}

		.blog_area p br{
			display:none;
		}

		.mg_pic img{
			display:none;
		}

		br.show{
			display:block !important;
		}

		.faq_lftlist{
			padding-left:0;
		}

		.story_left.show-for-small p{
			padding-left:0;
		}

		.stroy_contant p img{
			width:100%;
		}

		.cmn_blog{
			width:100%;
		}

		#comments form{
			width:100%;
			font-size:1em;
		}

		#comments textarea{
			width:99%;
			background-image:none;
			padding:0;
			border: 1px solid #453236;
		}

		#comments input{
			border:1px solid #453236;
			margin-left:5%;
			float:right;
		}

		#submit{
			background-image:none;
			background-color: #453236;
			color: #fff;
		}

		#comments-title{
			font-size:2em;
		}

		#commentlist{
			font-size:1em;
		}

		.rit_pic{
			display:none;
		}

		.soon_pic{
			display:none;
		}

		.story_left p{
		 	padding-left:0;
		}

		.rsContent img.rsImg.rsMainSlideImage{
			width:100% !important;
			height:100%!important;
		}

		#slide-1{
			height:auto;
		}

		#slide-2{
			height:auto;
			margin-top:0;
		}

		#slide-3{
			height:auto;
			margin-top:0;
		}

		.footer_list li{
			margin-left: 2%;
			background-image:none;
		}

		.follow_area{
			display:none;
		}

		.logo{
			padding-top: 3%;
			padding-left: 3%;
			padding-bottom: 2%;
		}

		.rsArrowIcn{
			top:66% !important;
		}

		.rsDefault .rsBullets {
			bottom:-18% !important;
		}

		.nav li{
			float:none;
		}

		.nav li a b{
			display:inline-block;
			font-size:1em;
		}

		.nav li a{
			padding:0;
			font-size:1em;
		}

		.nav li a br{
			display:none;
		}

		.nav .current-menu-item a{
			background-image:none;
		}

		.royalSlider {
			margin-top:0 !important;
		}

		.storu1_onion_face{
			width:100%;
		}

		.storu1_onion_face li{
			display:inline;
		}

		.table {
			display: table;
			margin: 0 auto;
		}

		.header_top.show-for-small{
			text-transform:capitalize !important;
			display:none;
		}

		#mobile-sub-menu{
			width:100% !important;
		}

		#mobile-sub-menu .menu-middel_menu-container{
			width: 90%  !important;
			margin: 0 auto;
		}

		#mobile-sub-menu .nav_onion_list{
			width:100%;
		}

		#side-left-first{
			display:none !important;
		}

		.mobile-header{
			display:block !important;
		}

		.story_left{
			width:100% !important;
			display:none !important;
		}

		.story_left .header_top{
			margin-bottom: 7% !important;
			margin-top: 0px !important;
		}

		.story_left .header_top br{
			display:none;
		}

		.contact .story_left, .gluten .story_left, #middle_coming_soon .story_left, .how-they-made .story_left, .blog .story_left{
			display:block !important;
		}

		.ingredients-mobile .hed_1, .ingredients-mobile .hed_2, .ingredients-mobile .hed_3, .ingredients-mobile .hed_4{
			padding:0;
			margin-top:2%;
		}

		#middle_coming_soon{
			width:96%;
		}

		#middle_coming_soon .storu1_onion_soon, #middle_coming_soon .storu1_onion_soon p{
			width:100%;
		}

		#middle_coming_soon{
			background-image:none;
		}

		#results{
			width:100% !important;
		}

		.result_phone{
			width:100% !important;
			margin-top:5%;
		}

		.result_links{
			width:100% !important;
			text-align:left !important;
		}

		#location_search_distance_fields{
			padding-left:0;
		}
	
		#location_search_2_tr{
			position:relative;
		}

		nav{
			display:none;
		}

		#mobile-menu-button a{
			display:block !important;
		}

		.logo{
			text-align:center;
			padding-left:0;
			padding-right:0;
			text-align:center;
			width:100%;
		}

		.logo a{
			float:none !important;
		}

		.footer_area{
			margin-top:10%;
		}

		.header_area{
			margin-bottom:5%;
		}

		.rsDefault .rsBullets{
			bottom:10%;
		}

		.flavour-page .onion_area{
			padding-top:0;
		}

		h1.header_top.show-for-medium-down{
			padding-left:0;
			text-align:center;
			margin-bottom:3%;
			text-transform:capitalize;
		}

		#sideMenu ul.sub-menu li a{
			margin-left:8%;
		}

		.logo a{
			display:inline;
		}

		#simplemap{
			display:none !important;
		}

		.flavour-page .header1_top.show-for-medium-down{
			display:block !important;
		}

		.ingredients-mobile.show-for-medium-down{
			display:block !important;
		}

		.page-id-5 h1.header_top.show-for-medium-down{
			display:block !important;
		}

	}

	/* iPads (portrait) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait){

		#mobile-menu-button a{
			display:none;
		}

		.nav{
			padding-top:0 !important;
			padding-bottom:.5%;                                             
		}

		html, body{
			min-width:100% !important;
		}

		.header_area{
			margin-bottom:5%;
		}

		.sub-container ul {
			margin-left: 182px;
		}

		.container{
			min-width:100% !important;
		}

		.header_area, .header{
			width:100% !important;
		}

		.logo{
			width:auto;
			float:right;
		}

		.logo{
			padding-top: 3%;
			padding-left: 3%;
			padding-bottom: 2%;
			padding-right:3%;
		}

		/*.footer_area div.table{
			margin:0;
		}

		.footer_area{
			height:auto;
			margin-top:25%;
		}

		.footer_list li{
			float:none;
		}

		.footer_list{
			padding-left:0;
		}

		.footer_list .boder1_hdn, .footer_list .boder2_hdn{
			margin-top:1%;
			margin-bottom:1%;
		}*/

		.story_area .story_left{
			display:none !important;
		}

		.logo{
			height:auto;
		}

		.story_right{
			float:none;
			width:100% !important;
		}

		#middle{
			background-image:none;
		}

		.columns{
			padding:0;
		}

		#middle{
			width:94%;
		}

		.story_area{
			width:100%;
		}

		.story_area{
			padding-top:35px;
		}

		.stroy_contant p, .stroy_contant1 p, .stroy_contant1 p strong{
			width:100%;
		}

		.row{
			width:100%;
			min-width:100%;
		}

		#middle, .story_area{
			padding-bottom:0;
		}

		.stroy_contant, .stroy_contant1{
			width:100%;
		}

		.race_pic{
			display:none;
		}

		.baked_pic{
			display:none !important;
		}

		.nav_onion{
			display:none;
		}

		#middlewide{
			background-image:none;
			width:94%;
			padding-bottom:10%;
		}

		.onion_area{
			width:100%;
		}

		.onion_area .story_right{
			width:100%;
			float:left;
		}

		.onion_area .storu1_onion{
			padding:0;
		}

		.onion_area .storu_onion{
			width:100%;
			text-align:center;
			height:auto;
		}

		.onion_area .storu_onion img{
			position:relative;
			margin-left:2%;
			width:100%;
			height:auto;
		}

		.onion_area .storu1_onion{
			margin: 0 auto;
			width: 100%;
			float: left;
		}

		.onion_area .cont_bg{
			text-align:center;
			width:100%;
		}

		.onion_area .cont_bg img{
			position:relative;
			margin-left:0;
		}

		.onion_area .story_left.show-for-small{
			clear:both;
			width:100%;
			margin-top:5%;
		}

		.onion_area h1{
			width:100%;
			padding:0;
			text-align:center;
		}

		.onion_area .story_left h3{
			text-align:center;
			padding:0 0 4% 0;
		}

		.onion_area .htm, .htm p{
			width:100%;
		}

		.htm p{
		 	padding-left:0;
		 	padding-right:0;
		}

		.htm p br{
			display:none;
		}

		.say_pic{
			display:none;
		}

		.blog_area, .blog_area p{
			width:100%;
		}

		.blog_area p br{
			display:none;
		}

		.mg_pic img{
			display:none;
		}

		br.show{
			display:block !important;
		}

		.faq_lftlist{
			padding-left:0;
		}

		.story_left.show-for-small p{
			padding-left:0;
		}

		.stroy_contant p img{
			width:100%;
		}

		.cmn_blog{
			width:100%;
		}

		#comments form{
			width:100%;
			font-size:1em;
		}

		#comments textarea{
			width:99%;
			background-image:none;
			padding:0;
			border: 1px solid #453236;
		}

		#comments input{
			border:1px solid #453236;
			margin-left:5%;
			float:right;
		}

		#submit{
			background-image:none;
			background-color: #453236;
			color: #fff;
		}

		#comments-title{
			font-size:2em;
		}

		#commentlist{
			font-size:1em;
		}

		.rit_pic{
			display:none;
		}

		.soon_pic{
			display:none;
		}

		.story_left p{
		 	padding-left:0;
		}

		.rsContent img.rsImg.rsMainSlideImage{
			width:100% !important;
			height:100%!important;
		}

		#slide-1{
			height:auto;
		}

		#slide-2{
			height:auto;
			margin-top:0;
		}

		#slide-3{
			height:auto;
			margin-top:0;
		}

		/*.footer_list li{
			margin-left: 2%;
			background-image:none;
		}*/

		.follow_area{
			display:none;
		}

		.logo{
			padding-top: 3%;
			padding-left: 3%;
			padding-bottom: 2%;
		}

		.rsArrowIcn{
			top:66% !important;
		}

		.rsDefault .rsBullets {
			bottom:-18% !important;
		}

		.royalSlider {
			margin-top:0 !important;
		}

		.storu1_onion_face{
			width:100%;
		}

		.storu1_onion_face li{
			display:inline;
		}

		.table {
			display: table;
			margin: 0 auto;
		}

		#side-left-first{
			display:none !important;
		}

		.story_left{
			width:100% !important;
			display:none !important;
		}

		.story_left .header_top{
			margin-bottom: 7% !important;
			margin-top: 0px !important;
		}

		.story_left .header_top br{
			display:none;
		}

		.contact .story_left, .gluten .story_left, #middle_coming_soon .story_left, .how-they-made .story_left, .blog .story_left{
			display:block !important;
		}

		.ingredients-mobile .hed_1, .ingredients-mobile .hed_2, .ingredients-mobile .hed_3, .ingredients-mobile .hed_4{
			padding:0;
			margin-top:2%;
		}

		#middle_coming_soon{
			width:96%;
		}

		#middle_coming_soon .storu1_onion_soon, #middle_coming_soon .storu1_onion_soon p{
			width:100%;
		}

		#middle_coming_soon{
			background-image:none;
		}

		#results{
			width:100% !important;
		}

		.result_phone{
			width:100% !important;
			margin-top:5%;
		}

		.result_links{
			width:100% !important;
			text-align:left !important;
		}

		#location_search_distance_fields{
			padding-left:0;
		}
	
		#location_search_2_tr{
			position:relative;
		}

		#mobile-menu-button.show-for-medium-down{
			display:none;
		}

		#menu-topmenu.nav{
			width:100%;
		}

		#social-icons{
			top:57%;
			right:11%;
		}

		.logo{
			text-align: center !important;
			width: 100% !important;
		}

		.logo .show-for-medium-up{
			float:none !important;
		}

		.menu-topmenu-container{
			display: table;
			margin: 0 auto;
		}

		.menu-topmenu-container li{
			display: inline;
		}

		.menu-topmenu-container{
			padding-bottom:2% !important;
		}

		.side-pic{
			display:none;
		}

		h1.header_top.show-for-medium-down{
			padding-left:0;
			text-align:center;
			margin-bottom:3%;
			text-transform:capitalize;
		}

		.rsArrowLeft div.rsArrowIcn, .rsArrowRight div.rsArrowIcn{
			top:50% !important;
		}

		#step-two{
			margin:0;
			top:42%;
			left:4%;
		}

		 #step-three{
		 	top:57%;
		 	left:4%;
		 }

		 #step-four{
		 	top:73%;
		 	left:4%;
		 }

		 .footer_list{
		 	padding-left:0;
		 }

		#gluten-two{
			left:40px !important;
			top:700px;
		}

		#gluten-three{
			left:100px !important;
		}

		#gluten-four{
			left:100px !important;
		}

		.ingredients-mobile .hed_1, .ingredients-mobile .hed_2{
			padding:0;
			margin-top:2%;
		}

		#sideMenu ul.sub-menu li a{
			margin-left:8%;
		}

		.logo a{
			display:inline;
		}

		#nutritional-info-one, #nutritional-info-two{
			width:48%;
		}

		#nutritional-info-one{
			margin-right:4%;
		}

		.sticky-footer{
			position:fixed;
			bottom:0;
			width:100%;
		}

	}

	@media only screen 
	and (min-width:768px){
		
		#mobile-menu-button{
			display:none !important;
		}

		.ingredients-mobile.show-for-medium-down{
			display:none !important;
		}

		#side-left-first h1.header1_top, #side-left-first h1.header3_top, #side-left-first h1.header4_top, #side-left-first h1.header2_top{
			display:none !important;
		}

	}

	/* iPads (landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) { 

		#mobile-menu-button a{
			display:none;
		}

		html, body{
			min-width:100%;
		}

		.faq div.show-for-medium-down{
			display:none !important;
		}

		.rit_pic{
			/*margin-left:645px;*/
			display:none;
		}

		#gluten-three{
			margin-left:190px !important;
		}

		#gluten-four{
			margin-left:184px !important;
		}

		h1.header1_top.show-for-medium-down{
			display:none !important;
		}

		.ingredients-mobile{
			display:none !important;
		}

		h1.header_top.show-for-medium-down{
			display:none !important;
		}

		.header4_top.show-for-medium-down, .header3_top.show-for-medium-down, .header2_top.show-for-medium-down{
			display:none !important;
		}

	}

	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {

		#mobile-menu-button.show-for-medium-down{
			display:none !important;
		}

	}

	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)
	and (orientation : portrait) { 

		.ingredients-mobile.show-for-medium-down{
			display:block !important;
		}

	}

/*Shop styling*/
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{
width:60% !important;
}
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product{width:15% !important}

.woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img{width:50% !important;}

@media only screen and (max-width: 767px) and (min-width: 321px)
{
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product{width:48% !important}
}
#small-bag-info{
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid red;	
	padding:1em;
}
#large-bag-info{
	margin-bottom:1em;
	border:1px solid red;	
	padding:1em;
}
#shop-intro{
	font-size:1.2em;
	text-align:center;
	margin-bottom:1em;
}
#spacer{
	margin-top:1em;
}

.woocommerce-breadcrumb{display:none}