/*
 Theme Name: Strong Roots Theme
 Theme URI: www.ebow.ie
 Author: ebow The Digital Agency
 Author URI: www.ebow.ie
 Description: - 
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-development, responsive-layout, accessibility-ready, custom-menu, editor-style, featured-images, microformats, translation-ready, seo-friendly, well-designed
 Text Domain: strongroots

 This theme, like WordPress, is licensed under the GPL.
*/

@import "assets/css/fonts/fonts.css";
@import "assets/css/owl.css";
@import "assets/css/fancybox.css";
@import "assets/css/font-awesome/css/font-awesome.min.css";

/*! HTML5 Boilerplate v4.3.0 - INICIO */
html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}



/* ==========================================================================
   Site
   ========================================================================== */

html { font-size: 18px; }
body { font: 100% "bt", Arial, Helvetica, sans-serif; background: #f6f6f6; font-size: inherit; line-height: 1.4em; color: #000; }
body.home { background: #fff; }

a { color: inherit; outline: none !important; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
a:active,
a:focus { color: inherit; text-decoration: none; }
a, button, input { outline: none !important; }

/* a, a *, button, input, span, div { transition: color 0.2s, border-color 0.2s, background-color 0.2s, opacity 0.2s; } /* transição leve em hovers básicos */

ul, li { display: block; list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; display: block; font-weight: inherit; }

p { margin: 0 0 1.4em 0; }
p:last-child { margin-bottom: 0 !important; }

/* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* usar se não incluir o bootstrap */

.temp-menu { width: 100%; background: #000; color: #fff; font-size: 0.6em; text-align: center; }
.temp-menu a { display: inline-block; margin: 0 0.4em; }
.temp-menu a:hover { text-decoration: underline; }

.container { position: relative; }

.container.no-padding,
.container-fluid.no-padding { padding-right: 0px; padding-left: 0px; width: 100%; margin-left: auto; margin-right: auto; }
@media (min-width: 1230px) {
	.container.no-padding-lg,
	.container-fluid.no-padding-lg { padding-right: 0px; padding-left: 0px; width: 100%; margin-left: auto; margin-right: auto; }
}
@media (min-width: 992px) && (max-width: 1229px) {
	.container.no-padding-md,
	.container-fluid.no-padding-md { padding-right: 0px; padding-left: 0px; width: 100%; margin-left: auto; margin-right: auto; }
}
@media (min-width: 767px) && (max-width: 992px) {
	.container.no-padding-sm,
	.container-fluid.no-padding-sm { padding-right: 0px; padding-left: 0px; width: 100%; margin-left: auto; margin-right: auto; }
}


.form-group { margin: 0 0 10px 0; }
.form-control { border: solid 1px #ccc; padding: 0.5em 1em; line-height: 1.3em; font-size: inherit; width: 100%; background: #fff; }
textarea.form-control { resize: none; }

.tbl { display: table; width: 100%; vertical-align: middle; }
.tbl.top { vertical-align: top; }
.tbl .trow { display: table-row; vertical-align: inherit; }
.tbl .tcol { display: table-cell; vertical-align: inherit; }
.tbl .tcol.um, .tbl .tcol.one { width: 1%; }
.tbl.grid > .tcol { padding-right: 15px !important; padding-left: 15px !important; }
.tbl.grid > .tcol:first-child { padding-left: 0px !important; }
.tbl.grid > .tcol:last-child { padding-right: 0px !important; }

.u, .hu:hover { text-decoration: underline; }
.hu, .u:hover { text-decoration: none; }

.mg0  { margin-bottom: 0px !important; }	.mg0h { margin-bottom: 0.5em !important; }
.mg1  { margin-bottom: 1em !important; }	.mg1h { margin-bottom: 1.5em !important; }
.mg2  { margin-bottom: 2em !important; }	.mg2h { margin-bottom: 2.5em !important; }
.mg3  { margin-bottom: 3em !important; }	.mg3h  { margin-bottom: 3.5em !important; }
.mg4  { margin-bottom: 4em !important; }	.mg4h  { margin-bottom: 4.5em !important; }
.mg5  { margin-bottom: 5em !important; }

.txtl { text-align: left !important; }	.txtr { text-align: right !important; }	.txtc { text-align: center !important; }
.txtc.cta { background-color: #fff; padding-bottom: 90px; }
@media (max-width: 600px) { .txtc.cta { padding-bottom: 50px; } }

.color1, .color1h:hover { color: #ff0000; }
.bg1, bg1h:hover { background-color: #ff0000; }
.brd1, .brd1h:hover { border-color: #ff0000; }

.base16-9 { position: relative; width: 100%; padding: 56.25% 0 0 0; display: block; }
.base4-3 { position: relative; width: 100%; padding: 75% 0 0 0; display: block; }
.base1-1 { position: relative; width: 100%; padding: 100% 0 0 0; display: block; }
.imgbg { background: center center no-repeat; background-size: cover; display: block; overflow: hidden; }
.fit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.clickscale:active { transform: scale(0.9); } 

.wbox { background: #fff; }

.z500 { z-index: 500; }
.z1000 { z-index: 1000; }
.z2000 { z-index: 2000; }
.z3000 { z-index: 3000; }
.z4000 { z-index: 4000; }
.z5000 { z-index: 5000; }

.extend-bg:before,
.extend-bg:after,
.extend-bg-r:after,
.extend-bg-l:before { content: ""; position: absolute; height: 100%; background: inherit; width: 3000px; z-index: 0; top: 0; }
.extend-bg:before,
.extend-bg-l:before { left: -3000px; }
.extend-bg:after,
.extend-bg-r:after{ right: -3000px; }




#wrapper { position: relative; width: 100%; max-width: 4000px; margin: auto; overflow: hidden; padding: 5.556em 0 0 0; }



#header { position: absolute; z-index: 2000; left: 0; top: 3.333em; width: 100%; font-family: "TrendSansOne"; }
#header .logo { position: relative; width: 100%; text-align: center; text-align: center; z-index: 2010; }
#header .logo a { display: inline-block; position: relative; }
#header .logo a img { display: block; width: 11.111em; height: auto; z-index: 2010; position: relative; }


body.home #header .logo a::before {
	content: '';
    position: absolute;
    left: 18%;
    top: 0%;
    width: 196px;
	height: 196px;
	z-index: -1;
    border-radius: 50%;
    background-color: #ffffff
};




body #header .logo svg path { fill: #000 }

@media (max-width: 600px) { svg.logo-story { margin-top: -25px; } } 

body.home #header .logo a svg { width: 66% ; max-width: 300px; background-color: rgba(0,0,0,0);  overflow: initial; }
@media (max-width: 600px) { body.home #header .logo a svg { width: 50% } } 

body.smaller-logo #header .logo a svg { position: relative; width: 63%; max-width: 360px; border: 30px solid rgba(0,0,0,0);  margin-top: -30px; overflow: initial; }
body.smaller-logo #header .logo a{ position: relative; }


body.smaller-logo #header .logo a::before { content: ''; position: absolute; left: 19%; top: -15%; width: 226px; height: 226px; max-width: 360px; border-radius: 50%; background-color: #fff };


@media (max-width: 600px) {  }

body.smaller-logo #header .logo a:after { content: none !important; }

@media (max-width: 600px) {
	body.smaller-logo #header .logo a svg { width: 53%; border: 15px solid rgba(0,0,0,0);  margin-top: -10px; }
	body.smaller-logo #header .logo a::before {
		left: 23%;
		top: -7%;
		width: 55%;
		height: 109%;
		max-width: 360px;
	};	
}

@media (max-width: 600px) {
	body.home #header .logo a::before {
		left: 25%;
		top: 0%;
		width: 150px;
		height: 150px;
	};
}

.hashtag { width: 100%; text-align: center; }
.hashtag h3 { width: 50%; margin: 0 auto; }
@media (max-width: 600px) { .hashtag h3 { width: 100%; } }

#header .logo a:after { content: ""; position: absolute; z-index: 2001; left: -17%; top: -17%; width: 134%; height: 134%; background: #fff; border-radius: 100%; }
.home #header .logo a:after {content:none;}

#header .hbtn { position: absolute; top: 0; left: 0; z-index: 2100; transition: all 0.3s; }
#header .hbtn2 { left: auto; right: 0; }
#header .hbtn > a { display: block; background: #000; color: #fff; white-space: nowrap; font-size: 0.889em; line-height: 5em; height: 5em; min-width: 15.625em; padding: 0 1.5em; background-size: auto 100%; background-repeat: no-repeat; letter-spacing: 0.1em; transition: all 0.3s; z-index: 2190; position: relative; transition-delay: 0.3s; }
#header .hbtn1 > a { padding-left: 3.75em; background-image: url(assets/img/header_btn_marker.png); background-position: left center; }
#header .hbtn1 > a:after { content: ""; position: absolute; right: 1.5em; top: 0; width: 2.5em; height: 100%; background: url(assets/img/menu_close.png) center center no-repeat; background-size: contain; visibility: hidden; opacity: 0; transform: scale(0.1); }
#header .hbtn2 > a { padding-right: 3.75em; background-image: url(assets/img/header_btn_menu.png); background-position: right center; }
#header .hbtn2 > a:after { content: ""; position: absolute; right: 1.5em; top: 0; width: 2.5em; height: 100%; background: url(assets/img/menu_close.png) center center no-repeat; background-size: contain; visibility: hidden; opacity: 0; transform: scale(0.1); }

#menu { position: absolute; left: 0; top: 0; width: 23.333em; max-width: 100%; background: url(assets/img/menu_bg.png) left center no-repeat #595959; background-size: 3.444em auto; padding: 3.2em 3.6em; z-index: 2110; opacity: 0; visibility: hidden; transition: all 0.3s; color: #fff; }
#menu .menu { font-size: 1.333em; line-height: 1.2em; margin-bottom: 8em; }
#menu .menu li { margin: 0 0 0.8em 0; }
#menu .menu li a { display: block; }
#menu .social { }
#menu .social h5 { font-size: inherit; line-height: 1.2em; opacity: 0.5; margin: 0 0 1.3em 0; }
#menu .social ul { font-size: 1.5em; display: table; width: 100%; }
#menu .social ul li { display: table-cell; }

.menu-open #header .hbtn2 > a { min-width: 29em; background-position: 35em center; text-align: right; transition-delay: 0s; }
.menu-open #header .hbtn2 > a:after { visibility: visible; opacity: 1; transform: scale(1); transition: all 0.3s; }
.menu-open #menu { top: 4.444em; opacity: 1; visibility: visible; transition-delay: 0.3s; }


#where { position: absolute; right: 0; top: 0; width: 23.333em; max-width: 100%; background: url(assets/img/where_bg.png) right center no-repeat #F5821F; background-size: 3.444em auto; padding: 3.2em 3.6em; z-index: 2110; opacity: 0; visibility: hidden; transition: all 0.3s; color: #fff; }

.where-open #header .hbtn1 > a { min-width: 29em; background-position: -5em center; transition-delay: 0s; }
.where-open #header .hbtn1 > a:after { visibility: visible; opacity: 1; transform: scale(1); transition: all 0.3s; }
.where-open #where { top: 4.444em; opacity: 1; visibility: visible; transition-delay: 0.3s; }

body #header .hbtn2 .toggle span { transition: all .5s .3s }
body.menu-open #header .hbtn2 .toggle span { float: left; margin-left: 2.5em; }



#inner { position: relative; margin: auto; max-width: 100em; z-index: 1000; overflow: hidden; }

.btn1 { display: inline-block; font-size: 0.889em; font-family: "TrendSansOne"; letter-spacing: 0.05em; white-space: nowrap; line-height: 3.938em; padding: 0 2em 0 0.75em; position: relative; }
.btn1:before,
.btn1:after { content: ""; position: absolute; top: 0; height: 100%; background:url(assets/img/btn1.png) center center no-repeat; background-size: auto 100%; }
.btn1:before { left: 0; width: 0.75em; background-position: left center; }
.btn1:after { right: 0; width: 2em; background-position: right center; }
.btn1:hover { color: #F4811F !important; }

.btn1 > span { background: url(assets/img/btn1.png) center center no-repeat; background-size: auto 100%; display: block; padding: 0 15px; height: 58px; }
@media (max-width: 1100px) { .btn1 > span { height: 55px; } }
@media (max-width: 1000px) { .btn1 > span { height: 51px; } }
@media (max-width: 600px) { .btn1 > span { height: 41px; } }

.btn1.windows > span { padding: 0 15px; height: auto; }

.btn1.w { color: #fff; }
.btn1.w:before,
.btn1.w:after,
.btn1.w > span { background-image: url(assets/img/btn1w.png); }


.btn2 { font-size: 0.889em; font-family: "TrendSansOne"; letter-spacing: 0.05em; white-space: nowrap; line-height: 1.375em; padding: 1em; border: solid 3px #000; border-radius: 0.4em; display: inline-block; min-width: 16em; max-width: 100% !important; }
.btn2:hover { background: #000; color: #fff; }
.btn2.w { border-color: #fff; color: #fff; }
.btn2.w:hover { background: #fff; color: #000; }


.main { position: relative; padding: 4.444em 0; }
.main.pad0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.main.pad0t { padding-top: 0px !important; }
.main.pad0b { padding-bottom: 0px !important; }

.under-header { padding-top: 11em !important; }
.home .under-header { padding-top: 10em !important; }

.title1 { font-size: 2.25em; font-family: "TrendSansOne"; line-height: 1.2em; letter-spacing: 0.05em; }
.title1 span { white-space: nowrap; }
.title1.tb { padding: 0.4em 0 0.6em 0; position: relative; text-align: center; margin-bottom: 1.6em; }
.title1.tb:before,
.title1.tb:after { content: ""; position: absolute; width: 1.6em; height: 3px; background: #000; left: calc( 50% - 0.8em ); top: 0; }
.title1.tb:after { top: auto; bottom: 0; }

.title1.tb:before { top: -20px }
@media (max-width: 1000px) { .title1.tb:before { top: -15px } }
@media (max-width: 600px) { .title1.tb:before { top: -10px } }

.title1.tb.windows:before { top: 4px }
@media (max-width: 600px) { .title1.tb.windows:before { top: 0 } }

.title1.tb.ltb { text-align: left; }
.title1.tb.ltb:before,
.title1.tb.ltb:after { left: 0px; }

.title1.w { color: #fff; }
.title1.w.tb:before,
.title1.w.tb:after { background: #fff; }

.title2 { font-size: 2.222em; font-family: "TrendSansOne"; line-height: 1.25em; letter-spacing: 0; text-align: center; }

.title3 { font-size: 1.333em; font-family: "TrendSansOne"; line-height: 1.25em; letter-spacing: 0; }

.ts { font-family: "TrendSansOne"; }
.light { font-weight: 300; }


.orange { color: #F4811F !important; }
.purple { color: #B53B6B !important; }
.green { color: #044B31 !important; }

.arrow-link { font-family: "TrendSansOne"; line-height: 1.4em; font-family: "TrendSansOne"; }
.arrow-link.lg { font-size: 1.333em; }
.arrow-link.sm { font-size: 0.889em; }
.arrow-link:hover,
.arrow-link .fa { color: #F4811F }


#home-social { background: url(assets/img/bg_line_pattern.png) repeat; }
#home-social .sposts { background: #fff; }
#home-social .sposts > .tcol { border-right: solid 0.556em #fff; width: 33.333%; vertical-align: top; }
#home-social .sposts > .tcol:last-child { border-right: 0; }
#home-social .sposts .spost { border-bottom: solid 0.556em #fff; height: 17em; background: center center no-repeat; background-size: cover; position: relative; padding: 1em; }
#home-social .sposts .spost.hdbl { height: 34em; }
#home-social .sposts .spost.orange { background-color: #F5821F; color: #fff!important; }
#home-social .sposts .spost.black { background-color: #000; color: #fff; }
#home-social .sposts .spost.grey { background-color: #d7d7d7; color: #000; }
#home-social .sposts .spost .icon { font-size: 1.6em; line-height: 1em; }
#home-social .sposts .spost .icon.corner { position: absolute; right: 0.5em; top: 0.5em; }
#home-social .sposts .spost .title { font-size: 1em; line-height: 1.2em; font-family: "TrendSansOne"; }
#home-social .sposts .spost .icon + .title { padding-top: 0.5em; }
#home-social .sposts .spost .num { font-size: 2.222em; line-height: 1.2em; font-family: "TrendSansOne"; padding-top: 0.15em; }
#home-social .sposts .twitter { }
#home-social .sposts .twitter > .tcol { vertical-align: top; }
#home-social .sposts .twitter > .one { padding: 0 1em; }
#home-social .sposts .twitter .profile-pic { width: 2.889em; display: block; border-radius: 50%; }
#home-social .sposts .twitter .info { opacity: 0.6; margin: 0 0 0.25em 0; padding: 0.1em 0 0 0; }
#home-social .sposts .twitter .tweet { text-decoration: underline; line-height: 1.15em; font-style: italic; padding-right: 1em; }
#home-social .sposts .counter { text-align: center; }
#home-social .footer { background: #fff; padding: 4.444em 0; }



.pager1 .owl-nav { height: 3em; position: relative; z-index: 300; margin-top: 1em; }
.pager1 .owl-nav > button { font-size: 3em !important; line-height: 1em; color: #000; position: absolute; top: 0; cursor: pointer; }
.pager1 .owl-nav > .owl-prev  { left: 0; }
.pager1 .owl-nav > .owl-next  { right: 0; }
.pager1 .owl-nav > button:active .fa { transform: scale(0.9); }
.pager1 .owl-dots { position: absolute; height: 3em; left: 20%; bottom: 0; width: 60%; z-index: 400; text-align: center; padding: 0.5em 0 0 0; }
.pager1 .owl-dots button { display: inline-block; background: #000; width: 10px; height: 10px; border-radius: 0.6em; margin: 0 0.5em; transform: scale(0.5); opacity: 0.3; transition: all 0.3s; }
.pager1 .owl-dots button:hover { opacity: 0.6; }
.pager1 .owl-dots button.active { transform: scale(1); opacity: 1 !important; }


#recipeProducts .owl-nav { height: 15px; width: 100%; position: absolute; bottom: -13px; }
#recipeProducts .owl-dots {position: absolute;line-height: 10px;left: 50px;bottom: -11px;width: calc(100% - 100px);z-index: 400;text-align: center;}
#recipeProducts .owl-dots button { display: inline-block; background: #000; width: 10px; height: 10px; border-radius: 100%; margin: 0 8px; transform: scale(0.6); opacity: 0.3; transition: all 0.3s; }
#recipeProducts .owl-dots button:first-child { margin-left: 0; }
#recipeProducts .owl-dots button:last-child { margin-right: 0; }
#recipeProducts .owl-dots button:hover { opacity: 0.6; }
#recipeProducts .owl-dots button.active { transform: scale(1); opacity: 1 !important; }

#home-blog { }

.bposts { }
.bpost { display: block; position: relative; font-family: "TrendSansOne"; overflow: hidden; }
.bpost:after { content: ""; display: block; width: 100%; height: 100%; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); position: absolute; left: 0; top: 0; transition: all 0.3s; }
.bpost .photo { position: relative; z-index: 1; transition: all 0.3s; padding-top: 80%; }
.bpost .title { position: absolute; z-index: 10; left: 0; bottom: 0; padding: 1em; color: #fff; font-size: 1.333em; line-height: 1.2em; }
.bpost .cat { position: absolute; z-index: 9; left: -5em; top: -5em; font-size: 0.889em; line-height: 2em; white-space: nowrap; text-align: center; width: 10em; background: rgba(255,255,255,0.9); padding: 7.8em 0 0.2em 0; transform: rotate(-45deg); }
.bpost:hover:after { opacity: 0.7; }
.bpost:hover .photo { transform: scale(1.1); }



#home-food { }
#home-food .recipes { margin-bottom: 3em; }

.recipe { overflow: hidden; font-family: "TrendSansOne"; text-align: left; }
.recipe .photo { position: relative; z-index: 1; transition: all 0.3s; padding-top: 80%; overflow: hidden; }
.recipe .photo .cat { position: absolute; z-index: 9; left: -5em; top: -5em; font-size: 0.889em; line-height: 2em; white-space: nowrap; text-align: center; width: 10em; background: rgba(0,0,0,0.9); padding: 7.8em 0 0.2em 0; transform: rotate(-45deg); color: #fff; }
.recipe .inner { padding-right: 2em; }
.recipe .name { font-size: 1.333em; line-height: 1.2em; overflow: hidden; height: 3.6em; margin: 1em 0; }
@media (max-width: 650px) { .recipe .name { height: auto; } }
.recipe .info { border: solid 3px #000; border-width: 3px 0 3px 0; padding: 1em 0; margin: 0 0 1.2em 0; }
.recipe .info > .tcol { border-right: solid 3px #000; font-size: 0.889em; padding: 0.5em 1.5em; line-height: 1.3em; }
.recipe .info > .tcol:first-child { padding-left: 0; }
.recipe .info > .tcol:last-child { border-right: none; padding-right: 0; }
.recipe .info > .tcol strong { color: #F4811F; font-weight: inherit; }
.recipe .view { display: inline-block; font-size: 0.889em; line-height: 1.2em; }
.recipe .view .fa { color: #F4811F; }

.post-type-archive #postsWrap { display: flex; flex-wrap: wrap; }

#home-story { background: #000; color: #fff; }
#home-story .hs { height: 45em; }
#home-story .hs > .tcol { width: 50%; padding: 2em 20px; position: relative; }
#home-story .hs > .tcol:first-child { padding-left: 0; }
#home-story .hs > .tcol:last-child { padding-right: 0; }
#home-story .hs .inner { max-width: 26.2em; line-height: 1.6em; }
#home-story .hs .inner p { font-weight: 300; letter-spacing: 0.05em; }
#home-story .video { position: absolute; left: 0; top: 0; width: 50vw; width: calc( 50vw - ( 50vw - 900px ) ); height: 100%; text-align: center; background: center center no-repeat; background-size: cover; }
@media (max-width: 1800px) { #home-story .video { width: 50vw; } }
#home-story .video .imgbg { z-index: 1; opacity: 0.7; }
#home-story .video .play { display: inline-block; font-family: "TrendSansOne"; font-size: 0.889em; position: relative; z-index: 100; }
#home-story .video .play .icon { margin: 0 0 1em 0; }
#home-story .video .play .icon img { display: block; width: 6.813em; }



#home-usps { background: #F4811F; color: #fff; padding: 3.8em 0; }
#home-usps .pager-usps { position: absolute; z-index: 101; right: 1em; top: 50%; transform: translateY(-50%); }
#home-usps .slides { width: 100%; overflow: hidden; }
#home-usps .slides .slide { width: 100%; overflow: hidden; }
#home-usps .box { text-align: center; }
#home-usps .box .icon { margin: 0 0 1.5em 0; }
#home-usps .box .icon img { display: block; margin: auto; width: 3.333em; }
#home-usps .box .name { font-family: "TrendSansOne"; margin: auto; max-width: 10em; line-height: 1.5em; }
#home-usps .arrow { display: block; cursor: pointer; }
#home-usps .arrow img { display: block; margin: auto; width: 1em; }
#home-usps .arrow:active img { transform: scale(0.9); }
#home-usps .arrow.next { transform: scaleY(-1); }
#home-usps .pager { padding: 0.7em 0 0 0; }
#home-usps .pager > span { display: block; margin: 0 auto 0.7em auto; width: 0.6em; height: 0.6em; overflow: hidden; text-indent: -9999px; text-align: left; border-radius: 0.3em; cursor: pointer; opacity: 0.3; background: #fff; }
#home-usps .pager > span:hover { opacity: 0.6; }
#home-usps .pager > span:active { transform: scale(0.9); }
#home-usps .pager > span.cycle-pager-active { opacity: 1 !important; }

#home-usps .desktop .box { width: 33.33%; border-right: solid 3px #fff; padding: 0 1em; }
#home-usps .desktop .box:last-child { border-right: none; }

#home-usps .mobile .prev { display: none; }
#home-usps .mobile .pager { padding: 0; }
#home-usps .mobile .pager > span { margin-bottom: 0.3em; }


.form-label-tb { letter-spacing: 0.05em; font-size: 1em; display: block; line-height: 1.3em; margin: 0 0 1em 0; font-family: "TrendSansOne"; color: #fff; }
.form-control-tb { width: 100%; border: solid 3px #fff; border-width: 3px 0 3px 0; font-size: 1em; line-height: 1.333em; padding: 1.111em 0; color: #fff; background: none; }
select.form-control-tb { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(assets/img/select_tb_caret.png) right center no-repeat; background-size: 1.667em auto; padding-right: 2em; }



#home-where { background: url(assets/img/home-where-2.jpg) center center no-repeat; background-size: cover; }
#home-where .inner { padding: 2em 0; }
#home-where h2 { color: #fff; font-size: 1.333em; font-family: "TrendSansOne"; line-height: 1.2em; text-align: center; letter-spacing: 0.05em; }
#home-where .s { display: block; font-family: "TrendSansOne"; color: #000; background: rgba(255,255,255,0.9); width: 100%; cursor: pointer; border: solid 3px transparent; line-height: 3.556em; text-align: center; }
#home-where .s:hover { background: #fff; }

#home-where .inner .cta-where { text-align: center }

#hero { background: url(assets/img/hero_bg.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 600; padding-bottom: 5em; }
#hero .arrow-next { position: absolute; left: 0; bottom: 0; text-align: center; height: 2.389em; z-index: 700; width: 100%; }
#hero .arrow-next a { display: inline-block; }
#hero .arrow-next a img { display: block; width: 1em; }
#hero .slides { padding: 1em 0 1em 0; }
#hero .slide { padding: 0.5em 0 1em 0; }
#hero .slide .txt { width: 30%; }
#hero .slide .photo { padding: 0 2em; text-align: center; }
#hero .slide .photo .img { position: relative; display: inline-block; }
#hero .slide .photo .img img { display: block; max-width: 100%; margin: auto; position: relative; z-index: 100; }
#hero .slide .photo .img:after { content: ""; position: absolute; width: 100%; height: 5%; background: #000; border-radius: 50%; left: 0; bottom: 0; box-shadow: 0 0 1em rgba(0,0,0,0.5); }
#hero .pager1 .owl-nav > button { font-size: 1em !important; }
#hero .pager1 .owl-nav > button img { display: block; width: 4.944em; padding: 1.2em 0; }
#hero .pager1 .owl-nav > button:active img { transform: scale(0.9); }
#hero .pager1 .owl-nav > button.owl-next, #recipeProducts .owl-nav > button.owl-next { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }



.main-header { text-align: center; position: relative; padding: 2em 0 3.7em 0; }
.main-header:before { content: ""; position: absolute; width: 4.4em; top: 0; left: 50%; left: calc( 50% - 2.2em ); height: 3px; background: #000; }
.main-header .title1,
.main-header .title2,
.main-header .title3 { margin-bottom: 0; }
.main-header .subtitle { font-size: 0.889em; font-family: "TrendSansOne"; line-height: 1.25em; letter-spacing: 0; }
.main-header .title2 + .subtitle,
.main-header .title1 + .subtitle { margin-top: 1.34em; }
.main-header .title1 + .title3,
.main-header .title2 + .title3 { margin-top: 1em; }


.text-content { }
.text-content p { font-size: 1em; line-height: 1.9em; margin: 0 0 1.6em 0; font-weight: 300; }
.text-content p.intro { font-size: 1.333em; line-height: 1.45em; }
.single-post .text-content h2 { margin: 10px 0px 30px 0px; }
.single-post .text-content h2 a { font-family: "TrendSansOne"; font-size: 24px; line-height: 36px; }
.single-post .text-content p { margin: 0 0 40px 0; }
.text-content h3 { font-family: "TrendSansOne"; font-size: 1.333em; line-height: 1.6em; margin: 0 0 1.6em 0; text-transform: uppercase; }
.text-content h4 { font-family: "TrendSansOne"; font-size: 1em; line-height: 1.8em; margin: 0 0 1.6em 0; text-transform: uppercase; }
.text-content .two-col { margin: 0 0 1.8em 0; background: #B43B6B; color: #fff; }
.text-content .two-col > .tcol { width: 50%; position: relative; padding-top: 5.5em; padding-bottom: 5.5em; background: inherit; }
.text-content .two-col .img-two-col { position: absolute; right: 0; top: 0; height: 100%; width: 50vw; max-width: 910px; }
.text-content .two-col .text-two-col { padding: 0 1em; }
.text-content .two-col .tcol:first-child .text-two-col { padding-left: 0; }
.text-content .two-col .tcol:last-child .text-two-col { padding-right: 0; }
.text-content .quote { }
.text-content .quote .qt { font-family: "TrendSansOne"; font-size: 5.5em; color: #B43B6B; line-height: 0.7em; }
.text-content .quote .qt:first-child { vertical-align: top; }
.text-content .quote .qt:last-child { vertical-align: bottom; }
.text-content .quote p { font-size: 1.333em; font-style: italic; line-height: 1.8em; padding-bottom: 0.8em; text-align: center; }

.post-share { background: url(assets/img/bg_line_pattern.png); padding: 1.667em 1em; text-align: center; }
.post-share label { display: inline-block; font-family: "TrendSansOne"; font-size: 0.889em; line-height: 2rem; margin: 0 0.5em 0 0; }
.post-share a { display: inline-block; font-size: 1.6em; line-height: 2rem; margin: 0 0 0 1rem; }



.sr-field { display: block; font-family: "bt", Arial, Helvetica, sans-serif; position: relative; border-top: solid 3px #000; border-bottom: solid 3px #000; width: 100%; }
.sr-field .mask { position: relative; cursor: pointer; }
.sr-field .label,
.sr-field .input { position: relative; display: block; font-weight: 300; color: #000; line-height: 2em; padding: 1em 0; height: 4em; margin-right: 2em; white-space: nowrap; overflow: hidden; border: none; background: none; font-weight: bold; }
.sr-field .input { width: 100%; margin: 0; }
.sr-field .action { position: absolute; right: 0; top: 1.17em; width: 1.66em; height: 1.66em; text-align: center; color: #fff; line-height: 1.66em; background: #F4811F; border-radius: 0.9em; cursor: pointer; border: none; }
.sr-field .action .fa { font-size: 0.9em; transition: all 0.2s; }
.sr-select.open .action .fa { transform: scaleY(-1); }
.sr-field .options { background: #000; position: absolute; left: 0; top: 4em; min-width: 100%; color: #fff; padding: 1em 0.5em; opacity: 0; visibility: hidden; transform: scale(0.7); transition: all 0.2s; z-index: 2000; max-height: 80vh; overflow: auto; }
.sr-field.open .options { opacity: 1; visibility: visible; transform: scale(1); }
.sr-field .options .opt { display: block; cursor: pointer; overflow: hidden; padding: 0.2em 0.5em; line-height: 1.5em; }
.sr-field .options .opt:hover { background: #fff; color: #000; }
.sr-field .options .opt input { position: absolute; overflow: hidden; z-index: 0; opacity: 0; left: -40px; top: -40px; }
.sr-field .options .opt .checked { display: none; }
.sr-field .options .opt input:checked + span .checked { display: inline-block; }
.sr-field .options .opt input:checked + span .unchecked { display: none; }



#community { }
body.page-template-page-our-community #home-social { padding-top: 0; }
body.page-template-page-our-community #home-social .sposts { margin-top: -50px }
body.page-template-page-our-community .main-header { padding: 2em 0 0.7em 0; }

.comm-header { margin-bottom: 7em; }
.comm-header .title2 { padding-top: 0.2em; }

#community .social { }
#community .social > .tcol { width: 33%; border-right: solid 0.5em #fff; }
#community .social > .tcol:last-child { border-right: none; }
#community .social .social-box { background: #d7d7d7; position: relative; height: 33em; text-align: center; padding: 0.5em; }
#community .social .social-box.instagram { height: 17em; border-bottom: solid 0.5em #fff; }
#community .social .social-box .logo { position: absolute; left: 0; top: -3.5em; text-align: center; width: 100%; }
#community .social .social-box .logo a { display: inline-block; width: 2.8em; height: 2.8em; border-radius: 50%; border: solid 0.15em #fff; line-height: 2.5em; background: #d7d7d7; font-size: 2.5em; transition: all 0.2s; }
#community .social .social-box .logo a:hover { background: #f1f1f1; }
#community .social .social-box .name { font-family: "TrendSansOne"; line-height: 1.6em; }
#community .social .social-box .num { font-family: "TrendSansOne"; line-height: 1.1em; font-size: 2em; padding: 0.2em 0 0 0; }
#community .social .social-box.twitter { }
#community .social .social-box.twitter .tweets { max-width: 24em; width: 100%; padding: 0 2em; margin: auto; position: relative; }
#community .social .social-box.twitter .tweets .tweet { text-align: left; }
#community .social .social-box.twitter .tweets .tweet .tweet-header { margin-bottom: 1.8em; }
#community .social .social-box.twitter .tweets .tweet .tweet-header .avatar { padding-right: 0.6em; }
#community .social .social-box.twitter .tweets .tweet .tweet-header .avatar a { display: block; }
#community .social .social-box.twitter .tweets .tweet .tweet-header .avatar img { display: block; width: 2.889em; border-radius: 100%; }
#community .social .social-box.twitter .tweets .tweet .tweet-header .info { }
#community .social .social-box.twitter .tweets .tweet .tweet-header .info .when { font-weight: 300; }
#community .social .social-box.twitter .tweets .tweet p { font-style: italic; }
#community .social .social-box.twitter .tweets .owl-nav { position: absolute; left: 0; top: 0; width: 100%; }
#community .social .social-box.twitter .tweets .owl-nav > button { position: absolute; top: 0.3em; font-size: 2em; line-height: 1em; }
#community .social .social-box.twitter .tweets .owl-nav > button:active { transform: scale(0.95); }
#community .social .social-box.twitter .tweets .owl-nav > .owl-prev { left: -1em; }
#community .social .social-box.twitter .tweets .owl-nav > .owl-next { right: -1em; }
#community .social .insta-posts { height: 16em;  }
#community .social .insta-posts > .tcol { width: 50%; background: #d7d7d7; position: relative; }
#community .social .insta-posts > .tcol .imgbg { transition: all 0.2s; opacity: 0.9; }
#community .social .insta-posts > .tcol .imgbg:hover { opacity: 1; }


#recipes { }

.recipes-filter { }
.recipes-filter .header { color: #F4811F; font-size: 0.889em; font-family: "TrendSansOne"; line-height: 1.4em; }
.recipes-filter .header .fby { opacity: 0; transition: opacity 0.3s; white-space: nowrap; }
.recipes-filter .open-close { white-space: nowrap; }
.recipes-filter .open-close .s { font-family: "Courier New", Courier, monospace; }
.recipes-filter .open-close .m { display: none; }
.filter-open .recipes-filter .header .fby { opacity: 1; }
.filter-open .recipes-filter .open-close .m { display: inline; }
.filter-open .recipes-filter .open-close .p { display: none; }
.recipes-filter .filters { position: absolute; opacity: 0; visibility: hidden; transform: all 0.2s; }
.filter-open .recipes-filter .filters { opacity: 1; position: relative; visibility: visible; }

.recipes-filter .header.with-filters { }
.recipes-filter .header.with-filters > .tcol { width: 15%; font-size: 1rem; }
.recipes-filter .header.with-filters .col-filters { width: 70%; }
.recipes-filter .header.with-filters .col-filters .filters > .tcol { width: 50%; }
.recipes-filter .header.with-filters .filter { }



.recipe.featured { background: #F4811F; }
.recipe.featured .col1 { width: 32.2%; }
.recipe.featured .photo { padding-top: 100%; }
.recipe.featured .inner { padding: 0.5em 3em; color: #fff; }
.recipe.featured .inner .title2 { padding-top: 0.5em; position: relative; }
.recipe.featured .inner .title2:before { position: absolute; left: 0; top: 0; width: 2em; height: 3px; background: #fff; content: ""; }
.recipe.featured .inner .info { border-color: #fff; }
.recipe.featured .info > .tcol { border-color: #fff; }
.recipe.featured .info > .tcol strong { color: #8D4100; }
.recipe.featured .view .fa { color: #8D4100; }



@media (min-width: 1500px) {
	.recipe-scroll { }
	.recipe-scroll .owl-dots { display: none; }
	.recipe-scroll .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin: 0; padding: 0; }
	.recipe-scroll .owl-nav > button { width: 89px; height: 13px; background: url(assets/img/hero_pager_arrow.png) center center no-repeat !important; top: -7px; }
	.recipe-scroll .owl-nav > button > * { display: none; }
	.recipe-scroll .owl-nav .owl-prev { left: -140px; }
	.recipe-scroll .owl-nav .owl-next { right: -140px; transform: scaleX(-1); }
}


.products { }
.product { }
.product .photo { margin: 0 auto 0.7em auto; height: 16.7em; }
.product .photo a { display: block; position: relative; height: 100%; width: 100%; background: center center no-repeat; background-size: contain; }
.product .name, #recipeProducts .name { text-align: center; font-family: "TrendSansOne"; line-height: 1.5em; height: 6em; overflow: hidden; }
.product .name a, #recipeProducts .name a { display: inline-block; max-width: 14em; text-align: left; }
.product .name a .fa, #recipeProducts .name a .fa { font-size: 0.92em; }
.product .name a .fa,
#recipeProducts .name a .fa,
.product .name a:hover { color: #F5811F; }



#wherepg { }
#wherepg .where-filter { text-align: center; }
#wherepg .where-filter .s { border: solid 1px #000; background: #000; color: #fff; display: inline-block; font-size: 14px; font-weight: bold; line-height: 23px; padding: 5px 10px; }
#wherepg .where-filter .wf-field { border: solid 1px #e6e6e6; background: #fff; display: inline-block; font-size: 14px; font-weight: bold; line-height: 23px; padding: 5px 10px; }
#wherepg .where-filter .wf-field + .wf-field { margin-left: 10px; }
#wherepg .where-filter select.wf-field { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 2.2em; background: url(assets/img/caret.png) right center no-repeat #fff; }
#wherepg .search-result { position: relative; overflow: hidden; height: 24em; border: solid 1px #e6e6e6; background: #fafafa; margin: 0 0 3em 0; }
#wherepg .not { font-family: "TrendSansOne"; line-height: 1.4em; }


#contact { }
#contact .locations { }
#contact .locations > .tcol { position: relative; width: 33%; }
#contact .locations > .tcol:after { position: absolute; content: ""; top: 0; right: 0; width: 3px; height: 100%; background: #000; }
#contact .locations > .tcol:last-child:after { display: none; }
#contact .locations .location { text-align: center; margin: 0 auto; max-width: 250px; }
#contact .general { text-align: center; }
#contact .general .icon { font-size: 2em; line-height: 1em; margin: 0 0 0.3em 0; }
#contact .general .ts { margin-bottom: 0.2em; }
#contact .become { background: #034B31; position: relative; color: #fff; padding: 3.8em 0; }


#press { }

#press2 { background: linear-gradient(to right, #dadada 1%,#f7f7f7 50%,#dadada 100%); }
#press2 .news { }
#press2 .news .box { background: #fff; overflow: hidden; position: relative; margin: 0 0 20px 0; }
#press2 .news .box .photo { position: relative; z-index: 100; background: #000; }
#press2 .news .box .photo .imgbg { opacity: 0.9; transition: all 0.2s; }
#press2 .news .box .photo:hover .imgbg { opacity: 1; }
#press2 .news .box .info { position: relative; z-index: 200; border-bottom: solid 3px #034B31; height: 11.11em; padding: 1.3em; }
#press2 .news .box .icon { position: absolute; z-index: 300; right: 0; bottom: 0; width: 5.4em; height: 5.4em; padding: 2.4em 0 0 2.4em; line-height: 3em; text-align: center; color: #fff; background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,#034B31 50%,#034B31 100%); }
#press2 .news .box .icon .fa { font-size: 1.3em; }
#press2 .news .box1 .icon .fa { transform: rotate(45deg); }

#press3 { background: #044B31; color: #fff; }
#press3 { display: none } /* hide for while */
#press3 .pr { width: 100%; margin: 0 auto 3em auto; font-size: 1.333em; font-weight: bold; border-top: solid 3px rgba(255,255,255,0.3); border-bottom: solid 2px rgba(255,255,255,0.3); }
#press3 .pr td { border-bottom: solid 1px rgba(255,255,255,0.3); padding: 2.5em 1.25em; }
#press3 .pr .date { font-family: "TrendSansOne"; opacity: 0.3; text-align: right; white-space: nowrap; width: 1%; padding-left: 0; }
#press3 .pr .download { white-space: nowrap; width: 1%; padding-right: 0; }
#press3 .pr .download a { opacity: 0.3; }
#press3 .pr .download a:hover { opacity: 1; }

#press4 { }
#press4 .downloads { }
#press4 .downloads .col-sm-5 { text-align: left; }
#press4 .downloads .col-sm-5:nth-child(3n+2) { text-align: center; }
#press4 .downloads .col-sm-5:nth-child(3n) { text-align: right; }
#press4 .downloads .file { width: 100%; max-width: 16em; display: inline-block; position: relative; overflow: hidden; text-align: left; }
#press4 .downloads .file .photo { position: relative; z-index: 100; background: #000; margin: 0 0 1.4em 0; }
#press4 .downloads .file .photo .imgbg { opacity: 0.9; transition: all 0.2s; }
#press4 .downloads .file .photo:hover .imgbg { opacity: 1; }
#press4 .downloads .file .info { height: 6.3em; vertical-align: top; }
#press4 .downloads .file .info .title { font-family: "TrendSansOne"; margin: 0 0 0.2em 0; }
#press4 .downloads .file .info .subtitle { font-family: "TrendSansOne"; font-size: 0.889em; line-height: 1.5em; opacity: 0.5; }
#press4 .downloads .file .info .one { padding-top: 0.3em; }
#press4 .downloads .file .info .d { display: block; font-size: 2em; color: #BFC643; }
#press4 .downloads .file .info .d:hover { opacity: 0.8; }


#story { background: url(assets/img/story_bg.jpg) center center no-repeat; background-size: cover; color: #fff; min-height: 49em; padding-top: 16em !important; text-align: center; }
#story .logo { position: absolute; left: 0; top: 3.8em; width: 100%; text-align: center; }
#story .logo a { display: inline-block; }
#story .logo img { display: block; width: 8.889em; }
#story .main-header { margin-bottom: 6.22em; }
#story .main-header::before { background: #fff; }
#story .play { display: inline-block; text-align: center; font-family: "TrendSansOne"; }
#story .play .icon { margin: 0 0 1em 0; }
#story .play .icon img { display: block; margin: auto; width: 6.056em; }
#story .play .label { font-size: 0.889em; line-height: 1.3em; }
#story .arrow-next { position: absolute; left: 0; bottom: 0; text-align: center; height: 2.389em; z-index: 700; width: 100%; }
#story .arrow-next a { display: inline-block; }
#story .arrow-next a img { display: block; width: 1em; }


#story2 { position: relative; z-index: 500; }


#story3 { position: relative; z-index: 200; background: #000; color: #fff; padding: 0; }
#story3 .leaf { position: absolute; top: -2.75em; z-index: 250; }
#story3 .leaf img { display: block; height: 5.44em; }
#story3 .leaf1 { left: 10px; }
#story3 .leaf2 { right: 10px; transform: scaleX(-1); }
#story3 .mv { background: url(assets/img/story3a_bg.jpg) center center no-repeat; background-size: cover; padding: 6.1em 0 17.2em 0; z-index: 210; position: relative; }
#story3 .mv .inner { margin: auto; padding: 0 10px; max-width: 780px; text-align: center; }
#story3 .mv h4 { font-family: "TrendSansOne"; font-size: 1em; margin: 0 0 1em 0; }
#story3 .mv p { font-size: 1.333em; line-height: 1.5em; font-weight: 300; }
#story3 .kyr { background: url(assets/img/story3b_bg.jpg) center center no-repeat; background-size: cover; padding: 10em 0; z-index: 220; }
#story3 .kyr .inner { margin: auto; padding: 0 10px; max-width: 860px; text-align: center; }
#story3 .our { position: relative; z-index: 230; }
#story3 .our > .tcol { width: 20%; text-align: center; vertical-align: top; padding: 3.3em 1em 2.8em 1em; position: relative; }
#story3 .our > .tcol .icon { display: inline-block; padding-bottom: 1.722em; margin-bottom: 2em; position: relative; }
#story3 .our > .tcol .icon:after { position: absolute; content: ""; width: 80%; left: 10%; height: 3px; background: #fff; bottom: 0; }
#story3 .our > .tcol .icon img { display: block; height: 4.444em; margin: auto; }
#story3 .our > .tcol .title { font-family: "TrendSansOne"; line-height: 1.3em; margin: 0 0 2em 0; }
#story3 .our > .tcol .arrow { font-size: 2em; color: #000; opacity: 0.3; transition: all 0.2s; }
#story3 .our > .tcol.open .arrow { transform: scaleY(-1); }
#story3 .our > .tcol .more { position: absolute; top: 90%; background: inherit; left: 0; width: 100%; padding: 1em; visibility: hidden; opacity: 0; transform: translateY(-2em); transition: all 0.3s; }
#story3 .our > .tcol.open .more { visibility: visible; opacity: 1; transform: translateY(0); }
#story3 .mv .our-title { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 1.5em 10px; z-index: 225; }
#story3 .mv .our-title .base { display: inline-block; position: relative; }
#story3 .mv .our-title .base .title1 { z-index: 224; position: relative; padding: 0 0.5em; }
#story3 .mv .our-title .base:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; padding: 70% 0 0 0; background: rgba(0,0,0,0.3); z-index: 221; transform: scale(1.5); border-radius: 100%; }

#story3 .our .o1 { background: #8B3B65; }
#story3 .our .o2 { background: #198341; }
#story3 .our .o3 { background: #F4811F; }
#story3 .our .o4 { background: #8F2D49; }
#story3 .our .o5 { background: #054F3D; }

/*
	Faq page
*/
.grecaptcha-badge {
	z-index:99999;
}
.page-template-page-faq .under-header {
	background-size: cover;
	color: #fff;
	min-height: 49em;
	padding-top: 16em !important;
	text-align: center;
	background-position: center;
	padding-bottom: 288px;
}
.page-template-page-faq #header .logo path {
	fill:black;
}

.page-template-page-faq .faq_cat_line {
	width: 60px;
	height: 3px;
	background-color: white;
	display: block;
	margin: 23px auto 0 auto;
}
.page-template-page-faq h2 {
	font-family: "TrendSansOne";
	font-size: 2.77em;
	line-height:  1.2em;
}
.page-template-page-faq h4 {
	font-family: "TrendSansOne";
	font-size: 1.33em;
	line-height:   1em;
}

.page-template-page-faq .under-header .container {
	text-align: center;
}


.page-template-page-faq .under-header .container h2 {
	color: white;
	margin: 20px 10px;
}
.page-template-page-faq .under-header .container h4 {
	color: white;
	margin: 70px 10px;
}

.page-template-page-faq .mobile_logo {
	display:none;
	width: 200px;
	margin: 60px auto;
	fill: white;
}

.page-template-page-faq .under-header .container a {
	font-family: "TrendSansOne";
	background-image: url(images/button_arrow_bg.png);
	font-size: 0.88em;
	background-repeat: no-repeat;
	/* padding: 20px 0px 20px 30px; */
	min-width: 305px;
	min-height: 65px;
	margin-top: 0;
	display: inline-block;
	text-align: left;
	padding-left: 30px;
	padding-top: 20px;
}

.faq_search h2 {
	text-align: center;
	margin: 31px auto 66px auto;
	letter-spacing: 0.05em;
}
.faq_search .faq_search_form {
	border-bottom: 3px solid black;
	border-top: 3px solid black;
	position: relative;
}
.faq_search .faq_search_form,
.faq_search .search_preview {
	max-width: 1180px;
	margin: 30px auto;
}
.faq_search input::-moz-placeholder {
	color: #ee8c76;
	font-family: "TrendSansOne";
	font-size: 1.33em;
}
.faq_search input::-webkit-input-placeholder { color: #ee8c76;
	font-family: "TrendSansOne";
	font-size: 1.33em; }
.faq_search input:-ms-input-placeholder { color: #ee8c76;
	font-family: "TrendSansOne";
	font-size: 1.33em; }
.faq_search input::-ms-input-placeholder { color: #ee8c76;
	font-family: "TrendSansOne";
	font-size: 1.33em; }
.faq_search input::placeholder { color: #ee8c76;
	font-family: "TrendSansOne";
	font-size: 1.33em; }

.faq_search input{
	border: 0;
	background: transparent;
	width: 100%;
	color: #ee8c76;
	font-family: "TrendSansOne";
	font-size: 1em;
	padding: 27px 55px 20px 0;
}
.faq_search .faq_search_form {
	position: relative;
}
.faq_search .faq_search_form .search_result{
	position: absolute;
	background: black;
	left: 0;
	right: 0;
	padding: 30px;
	z-index: 100;
}
.faq_search .faq_search_form .search_result h6 {
	font-family: "TrendSansOne";
	font-size: 1.33em;
	margin-bottom: 20px;
	padding-left: 15px;
	color:#ee8c76;
}
.faq_search .faq_search_form .search_result li {
	color:white;
	padding: 15px;
	cursor: pointer;
}
.faq_search .faq_search_form .search_result .line_form {
	display: none;
}
.faq_search .faq_search_form .search_result li svg {
	width:20px;
}
.faq_search .faq_search_form .search_result li span{
	vertical-align: top;
	padding-left: 5px;
}
.faq_search .faq_search_form .search_result li path {
	stroke: #ee8c76;
	fill: #ee8c76;
}
.faq_search .faq_search_form .search_result li:hover path {
	stroke: black;
	fill: black;
}

.faq_search .faq_search_form .search_result li:hover {
	background-color: white;
	color:black;

}
.faq_search .search_preview .back {
	color: #ee8c76;
	font-family: "TrendSansOne";
	font-size: 1.33em;
	display: block;
	margin-top:40px;
	cursor: pointer;
}
.faq_search .search_preview span {
	font-family: bt;
	font-size: 1.33em;
	line-height: 1.33em;
	letter-spacing: 2px;
}
.faq_search .search_preview .back:before {
	content: "";
	width: 160px;
	height: 3px;
	background-color: black;
	display: block;
	margin-bottom: 20px;
}
.faq_search .faq_data,
.faq_search .search_preview {
	display: none;
}

.faq_search .faq_data.active,
.faq_search .search_preview.active {
	display: block;
}

.faq_search .faq_search_form a {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22.5px;
	background: #ee8c76;
	border-radius: 30px;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
	transition: background-color 0.5s ease;
}

.faq_search .faq_search_form a:hover{
	background-color: #e27661;
}

.faq_question .category_questions {

	margin: 74px 60px 60px 60px;
	align-items: flex-start;
	position: relative;
	padding-top: 410px;
}
.faq_question .category_questions  > div {
	flex: 1;
	background-color: black;
	color: white;
	text-align: center;
	margin: 0 2px;
	min-height: 355px;
	padding-top: 65px;
	cursor:pointer;
	width:24.5%;
	position: absolute;
	top:0;
}
.faq_question .category_questions > div svg {
	width:32px;
}

.faq_question .category_questions > div img {
	height: 76px;
}
.faq_question .category_questions > div path {
	stroke: white;
}
.faq_question .category_questions > div .desc {
	padding: 30px 70px;
	font-family: bt;

}
.faq_question .category_questions > div.active path {
	stroke: #ee8c76;
}

.faq_question .category_questions > div.active .desc {
	display:block;
}
.faq_question .category_questions > div.active svg {
	transition: all .3s ease;
}
.faq_question .category_questions > div.active svg{
	transform: rotate(180deg);
}

.faq_question .faq_cat_title{
	font-family: "TrendSansOne";
	font-size: 1em;
	letter-spacing: 2px;
	margin: 35px auto 43px auto;
}

.faq_question ul.questions_list {
	display: none;
	max-width: 1180px;
	margin: 10px auto;
}
.faq_question ul.questions_list.active {
	display: block;
}

.faq_question ul.questions_list li {
	border-bottom: 3px solid black;
	padding: 30px 35px 30px 0;
	position: relative;

}

.faq_question ul.questions_list li .question_title{
	font-family: "TrendSansOne";
	font-size: 1.33em;
	cursor: pointer;
	transition: all .5s ease-in-out;
}
.faq_question ul.questions_list li.active .question_title {
	color: #ee8c76;
}
.faq_question ul.questions_list li .answer {
	margin-top: 30px;

}
.faq_question ul.questions_list li .answer a {
	color: #ee8c76;
}
.faq_question ul.questions_list li .arrow{
	background-color: #ee8c76;
	width:30px;
	height:30px;
	stroke: white;
	position: absolute;
	right: 0;
	top: 27px;
	border-radius: 15px;
	padding: 3px 8px;
	transition: all .5s ease-in-out;
	cursor: pointer;

}
.faq_question ul.questions_list li .arrow path{
	stroke: white;
}
.faq_question ul.questions_list li.active .arrow {
	transform: rotate(180deg);
}
.faq_question ul.questions_list li.active .answer {
	display: block;
}


.faq_search,
.faq_question {
	background:white;
	padding: 40px 0;
}

.faq_form {
	background: #f7f7f7;
	padding: 80px 0 50px 0;
}
.faq_form .wpcf7 {
	max-width: 1180px;
	margin: 30px auto;
}
.faq_form .wpcf7 textarea,
.faq_form .wpcf7 input{
	width:100%;
	padding: 20px 16px 20px 16px;
	border: 0;
	font-size: 18px;
}
.faq_form h2 {
	text-align: center;
}
.faq_form  input.wpcf7-submit {
	width: auto;
	background: #ef9683;
	padding: 20px 40px;
	font-family: "TrendSansOne";
	transition: background-color 0.5s ease;
}
.faq_form  input.wpcf7-submit:hover{
	background-color: #e27661;
}
.faq_form .from_row {
	display: flex;
}
.faq_form .from_row > span {
	margin:15px;
	flex: 1;
}
.flex-right {
	display: flex;
	justify-content: flex-end;
}
.faq_contact_email {
	padding:80px;
	background-color: white;
}
.faq_contact_email .icon{
	font-size: 2em;
}
/*FAQ PAGE END */

#product { }
#product .title1 { padding-bottom: 0; margin-bottom: 0.5em; }
#product .title1:after { display: none; }
#product .title3 { margin-bottom: 2em; }
#product .photo-base { position: relative; margin: 0 0 1em 0; }
#product .photo { position: relative; left: 0; top: 0; width: 100%; text-align: center; }
#product .photo .img { display: inline-block; position: relative; transition: all 0.2s; }
#product .photo .img a { display: block; margin: auto; max-width: 100%; z-index: 10; position: relative; transition: all 0.2s; }
#product .photo .img a.back { position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; transform: scaleX(-1); }
#product .photo .img a img { display: block; margin: auto; max-width: 100%; }
.flipped #product .photo .img { transform: scaleX(-1); }
.flipped #product .photo .img a.front { opacity: 0; z-index: 0; }
.flipped #product .photo .img a.back { opacity: 1; z-index: 10; }
#product .flip-photo { font-size: 1em; font-family: "TrendSansOne"; color: #fff; text-align: center; display: block; }
#product .flip-photo .b { opacity: 0.3; }
.flipped #product .flip-photo .b { opacity: 1; }
.flipped #product .flip-photo .f { opacity: 0.3; }
#product .info { position: relative; padding: 3.3em 0; color: #fff; }
#product .info ul { font-size: 1em; font-family: "TrendSansOne"; }
#product .info ul li { position: relative; line-height: 1.5em; padding: 0.5em 0 0.5em 3em; margin: 0 0 0.5em 0; }
#product .info ul li img { position: absolute; left: 0; top: 0; height: 2.5em; }
.product-title { min-height: 312px; }

#product2 { background: url(assets/img/bg_line_pattern.png); z-index: 200; position: relative; }
#product2 .nutrition { }
#product2 .nutrition .tcol { position: relative; text-align: center; width: 25%; }
#product2 .nutrition .tcol:after { content: ""; position: absolute; right: -1px; width: 2px; height: 4em; background: #000; top: 0; }
#product2 .nutrition .tcol:last-child:after { display: none; }
#product2 .nutrition .tcol h4 { font-family: "TrendSansOne"; font-size: 1em; line-height: 1.4em; margin: 0 0 0.3em 0; }
#product2 .nutrition .tcol h5 { font-size: 2.5em; font-weight: bold; line-height: 1em; margin: 0 0 0.3em 0; white-space: nowrap; }
#product2 .nutrition .tcol .pc { display: inline-block; font-size: 2em; font-family: "TrendSansOne"; color: #fff; width: 2.5em; height: 2.5em; border-radius: 50%; line-height: 1.85em; padding: .45em 0 1em 0 }
#product2 .nutrition .tcol .pc.windows { padding: 0.2em 0 1em 0 }
#product2 .nutrition .tcol .pc small { font-size: 0.5em; }


#product3 { position: relative; z-index: 300; background: #fff; }
#product3 .inner { }
#product3 .more { position: absolute; left: 0; width: 100%; font-size: 0.889em; top: -0.75em; }
#product3 .more:after { content: ""; position: absolute; height: 3px; background: #000; width: 100%; top: 0.8em; left: 0; z-index: 1; }
#product3 .more a { font-family: "TrendSansOne"; display: inline-block; padding: 0 4em; line-height: 1.5em; position: relative; z-index: 10; }
#product3 .more a:after { content: ""; position: absolute; height: 8px; background: #fff; width: 100%; top: 0.55rem; left: 0; }
#product3 .more a .s { font-family: "Courier New", Courier, monospace; }
#product3 .more a .m { display: none; }
#product3 .more a .label { position: relative; z-index: 100; }
.prdmore #product3 .more a .m { display: inline; }
.prdmore #product3 .more a .p { display: none; }
#product3 .nutrition-more { text-align: left; display: none; padding-bottom: 3em; margin-bottom: 3em; border-bottom: solid 3px #000; }
.prdmore #product3 .nutrition-more { display: block; }
#product3 .nutrition-more .info { font-family: "TrendSansOne"; }
#product3 .nutrition-more .info li { margin-bottom: 0.5em; }
#product3 .nutrition-more .values { width: 100%; vertical-align: top; line-height: 1.7em; }
#product3 .nutrition-more .values th,
#product3 .nutrition-more .values td { vertical-align: top; padding: 0.5em; }
#product3 .nutrition-more .values td { font-weight: 300; }
#product3 .nutrition-more .values th { opacity: 0.3; padding-top: 0; }
#product3 .nutrition-more .values th:first-of-type { width: 420px; }
#product3 .nutrition-more tr.fontLight td strong { font-weight: 400; }
#product3 .nutrition-more tr.largeFont { font-size: 28px; }
#product3 .nutrition-more tr.largeFont td { padding-left: 8px; font-weight: bold;}
#product3 .nutrition-more tr.oneIndent.indent td:first-of-type { padding-left: 50px; }
#product3 .nutrition-more tr.twoIndent.indent td:first-of-type { padding-left: 90px; }
#product3 .nutrition-more .after-table-info { padding: 0.5em; }
#product3 .ingredients { padding-bottom: 4em; border-bottom: solid 3px #000; margin: 0 0 3em 0; }


#recipe { }
#recipe .photo { }
#recipe .photo a { display: block; }
#recipe .photo img { display: block; max-width: 100%; margin: auto; }
#recipe .info { padding-bottom: 3em; border-bottom: solid 3px #000; padding-top: 3em; }
#recipe .about { padding-bottom: 3em; border-bottom: solid 3px #000; margin: 0 0 3em 0; }
#recipe .madewith { }
#recipe .madewith .product .name, #recipeProducts  .name { height: auto; }
#recipe .madewith .product .name a, #recipeProducts  .name a { display: block; max-width: none; width: 100%; }
#recipe .ingredients { line-height: 1.7em; }
#recipe .method { }
#recipe .method .step { background: #F7F7F7; padding: 1.3em; cursor: pointer; }
#recipe .method .step .square { border: solid 2px #000; line-height: 1.39em; width: 1.39em; width: calc( 1.39em + 4px ); text-align: center; }
#recipe .method .step .square .fa { opacity: 0; }
#recipe .method .step.tick .square .fa { opacity: 1; }
#recipe .method .step .num { font-size: 2.2em; opacity: 0.5; line-height: 1em; font-weight: bold; width: 1em; text-align: center; }
#recipe .method .step p { font-weight: 300; line-height: 1.5em; }
#recipe .method .step.tick .num { opacity: 0.1; }
#recipe .method .step.tick p { opacity: 0.3; text-decoration: line-through; }



.pagination { }
.pagination .pn { width: 20%; white-space: nowrap; font-family: "TrendSansOne"; }
.pagination .pn a { display: block; font-size: 0.889em; line-height: 1.5em; padding: 0 0 0 6.2em; position: relative; padding-bottom: 0.2em !important; }
.pagination .pn a:hover { color: #F5821F; }
.pagination .pn a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(assets/img/hero_pager_arrow.png) left center no-repeat; background-size: 5.563em auto; }
.pagination .pn a.next { text-align: right; padding: 0 6.2em 0 0; }
.pagination .pn a.next:after { transform: scaleX(-1); }
.pagination .n { text-align: center; }
.pagination .n a { display: inline-block; font-size: 1.1em; position: relative; width: 2.5em; line-height: 2.5em; height: 2.5em; margin: 0.2em 0.6em; transition: all 0.2s; }
.pagination .n a > span { position: relative; z-index: 10; }
.pagination .n a:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; border: solid 2px #000; border-radius: 1.25em; transition: all 0.2s; }
.pagination .n a:hover,
.pagination .n a.active { color: #fff; }
.pagination .n a:hover:after,
.pagination .n a.active:after { background: #F5821F; }
.pagination .n a.active:after { transform: scale(1.2); }





#footer { background: #000; color: #fff; padding: 3.8em 0; }

#footer1 { margin: 0 0 3.3em 0; }
#footer1 .logo { position: relative; width: 100%; text-align: center; text-align: center; }
#footer1 .logo a { display: inline-block; }
#footer1 .logo a svg { width: 185px }
@media (max-width: 1000px) { #footer1 .logo a svg { width: 178px } }
@media (max-width: 600px) { #footer1 .logo a svg { width: 125px } }
#footer1 .logo a svg circle { fill: rgba(0,0,0,0) }
#footer1 .logo a svg path { fill: #fff }

#footer2 { font-family: "TrendSansOne"; letter-spacing: 0.05em; line-height: 1.6em; margin: 0 0 2.5em 0; position: relative; }
#footer2 h5 { font-size: inherit; font-weight: inherit; line-height: inherit; opacity: 0.35; }
#footer2 .locations { }
#footer2 .locations li { margin-bottom: 0.8em; }
#footer2 .fmenu { }
#footer2 .fmenu li { margin-bottom: 0.4em; }
#footer2 .fmenu a:hover { text-decoration: underline; }
#footer2 .social { font-size: 2em; line-height: 1.2em; padding: 0.2em 0 0 0; }
#footer2 .social li { display: inline-block; margin: 0 0.5em 0 0; }
#footer2 .social li:last-child { margin-right: 0; }
#footer2 .up { position: absolute; right: 0; top: 0; text-align: center; }
#footer2 .up img { display: block; width: 0.944em; margin: auto; }

#footer3 { }
#footer3 ul { display: table; width: 100%; text-align: center; opacity: 0.35; line-height: 1.3em; letter-spacing: 0.055em; }
#footer3 ul li { float: left; padding: 0 100px; border-right: 1px solid #fff; }
#footer3 ul li:first-child { padding-left: 0; }
#footer3 ul li:last-child { border-right: 0; }
/*#footer3 ul li:after { content: ""; position: absolute; width: 1px; height: 80%; top: 10%; right: 0; background: #fff; }*/
#footer3 ul li:last-child:after { display: none; }




#loading { position: fixed; right: 0; top: 0; z-index: 5000; width: 100%; height: 100%; width: 100vw; height: 100vh; background: url(assets/img/loading.gif) center center no-repeat rgba(255,255,255,0.95); transition: all 0.5s; }
.still-loading #loading { width: 60px; height: 60px; }
.loaded #loading { visibility: hidden; opacity: 0; }



/* ==========================================================================
   Resposivo
   ========================================================================== */

/* 1230px+ */
@media (min-width: 1230px) {
	.qlg { margin-bottom: 30px; }

	#press3 { background: #044B31; background: url(assets/img/press_releases_bg1.png) left center no-repeat, url(assets/img/press_releases_bg2.png) right center no-repeat, #044B31; }
	#press3 .pr .date { padding-left: 6em !important; }
	#press3 .pr .download { padding-right: 6em !important; }
}


/* até 1229px */
@media (max-width: 1229px) {
	html { font-size: 17px; }
	.qmd { margin-bottom: 30px; }
	.tbl .tcol.bmd { display: block; width: 100% !important; }
	
	.main { padding: 3.8em 0; }
	.title1 { font-size: 2em; }
	.title1 span { white-space: normal; }
	#home-social .sposts { font-size: 0.889em; }
	#home-social .sposts .spost { height: 15em; }
	#home-social .sposts .spost.hdbl { height: 30em; }
	#home-story .hs { height: 40em; }
	#home-food .recipes .recipe .inner { padding-right: 1em; }

	#community .social { font-size: 0.8em; }
	
	.recipe.featured .inner { padding: 0.5em 1em; font-size: 0.9em; }
	
	#footer3 ul { font-size: 0.889em; }
	
/*	#product .info { min-height: 21em; }*/
	.product-title { min-height: 192px; }

}

/* até 991px */
@media (max-width: 991px) {
	html { font-size: 16px; }
	.qsm { margin-bottom: 30px; }
	.tbl .tcol.bsm { display: block; width: 100% !important; }
	.txtl-sm { text-align: left !important; }
	.txtr-sm { text-align: right !important; }
	.txtc-sm { text-align: center !important; }
	
	.main { padding: 3.2em 0; }
	.title1 { font-size: 2em; }

	#home-social .sposts { font-size: 0.833em; }
	#home-social .footer { padding: 3.2em 0; }
	#home-story .hs { height: 35em; }
	#home-food .recipes .recipe .inner { padding-right: 0.5em; }

	#community .social { font-size: 1em; display: block; }
	#community .social > .tcol { display: block; width: 100%; border-right: none !important; border-bottom: solid 0.5em #fff; }
	#community .social .social-box { height: 25em; }
	
	.sr-break-sm { border-bottom-color: transparent; }
	
	.recipe.featured .inner { font-size: 0.75em; }

	.recipes-filter .header.with-filters > .tcol { width: 100%; padding: 0px !important; display: block; margin: 0 0 1em 0; }

	#press3 .pr { font-size: 1.222em; }
	
	#product .flip-photo { color: #000; }
	#product .info { padding: 2em 0;  }

	#footer2 .locations { text-align: center; padding-bottom: 1em; }
	#footer3 ul { display: block; text-align: center; font-size: 1em; }
	#footer3 ul li { display: block; margin: 0 0 0.4em 0; }
	#footer3 ul li:after { display: none; }

	.pagination .pn { width: 1%; }
	.pagination .n a { font-size: 1em; margin: 0.4em 0.1em; }
	
	.product-title { min-height: 0; }	

}

/* até 767px */
@media (max-width: 767px) {
	html { font-size: 15px; }
	.qxs { margin-bottom: 30px; }
	.tbl .tcol.bxs { display: block; width: 100% !important; }
	.txtl-xs { text-align: left !important; }
	.txtr-xs { text-align: right !important; }
	.txtc-xs { text-align: center !important; }
	
	#header .hbtn > a { min-width: 0; padding: 0; width: 4em; }
	#header .hbtn > a > span { display: none; }
	
	.main { padding: 2.8em 0; }
	.title1 { font-size: 1.8em; }

	#home-social .sposts > .tcol { display: block; width: 100%; border-right: 0px !important; }
	#home-social .footer { padding: 2.8em 0; }
	
	#home-story .hs { height: auto; padding-bottom: 2em; }
	#home-story .hs > .tcol { display: block; width: 100%; padding: 0px !important;; }
	#home-story .hs .inner { padding: 3em 0 0 0; text-align: center; width: 100%; max-width: none; }
	#home-story .hs .video { height: 35vh; width: 100%; position: relative; left: auto; top: auto; margin-bottom: 2em; }
	
	.sr-break-xs { border-bottom-color: transparent; }
	
	#community .social .insta-posts { height: 14em; }

	#hero .slide .photo { padding: 0 0 2em 0; display: block; }
	
	.recipe.featured,
	.recipe.featured .tbl-info { display: block; }
	.recipe.featured > .tcol,
	.recipe.featured .tbl-info > .tcol { display: block; width: 100% !important; }
	.recipe.featured .inner { padding: 1em; font-size: 1em; }

	.recipe .name { height: auto; }

	#contact .locations { display: block; }
	#contact .locations > .tcol { display: block; width: 100%; padding: 0 0 2em 0 !important; }
	#contact .locations > .tcol:after { display: none; }
	#contact .locations .location { padding-bottom: 2em; border-bottom: solid 3px #000; }

	#press3 .pr { font-size: 1.111em; }
	#press4 .downloads .col-sm-5 { text-align: center !important; }

	#story3 .our { display: block; width: 100%; }
	#story3 .our > .tcol { display: block; width: 100%; padding: 1.5em 0; }
	#story3 .our > .tcol .icon { margin-bottom: 0.8em; padding-bottom: 1em; }
	#story3 .our > .tcol .title { margin-bottom: 0.5em; }
	#story3 .our > .tcol .more { transition: all 0.2s; padding: 0; visibility: visible; position: relative; left: auto; top: auto; transform: none !important; max-height: 0px; overflow: hidden; }
	#story3 .our > .tcol.open .more { max-height: 90vh; overflow: auto; }
	#story3 .kyr { padding: 3em 0; }
	#story3 .mv { padding: 3em 0 10em 0; }
	
	#recipe .method .step { padding: 1em; }
	
	.recipes-filter .header.with-filters .col-filters .filters > .tcol { display: block; width: 100% !important; padding: 0px !important; }
	
	
	.pagination .pn a { padding: 0 0 0 3em; }
	.pagination .pn a:after { width: 2em; }
	.pagination .pn a.next { padding: 0 3em 0 0; }
	.pagination .pn a.next:after { left: auto; right: 0; }
	
	
}

/* até 550px */
@media (max-width: 550px) {
	html { font-size: 14px; }
	#wrapper { padding-top: 4.556em; }
	#header { top: 2.333em; }
	#header .logo a img { width: 10em; }
	
	.menu-open #header .hbtn2 > a { min-width: 90vw; }
	.menu-open #header .hbtn1 { left: -10em; }
	#menu { width: 100%; padding: 1em; background-image: none; }
	#menu .menu { margin-bottom: 4em; }

	.where-open #header .hbtn1 > a { min-width: 90vw; }
	.where-open #header .hbtn2 { right: -10em; }

	#where { width: 100%; padding: 1em; background-image: none; }
	
	.btn1 { font-size: 0.833em; letter-spacing: 0.025em; }
	.btn1 > span { padding: 0 0.9em; }
	.title1 { font-size: 1.7em; }
	
	#home-food .recipes .recipe .info > .tcol { padding: 0.5em 0.7em; }

	#hero .pager1 .owl-dots button { display: none; }
	
	#community .social .insta-posts { height: 10em; }
	#community .social .social-box.twitter .tweets { padding: 0 0 2em 0; }
	#community .social .social-box.twitter .tweets .owl-nav { top: auto; bottom: 0; }
	#community .social .social-box.twitter .tweets .owl-nav > .owl-prev { left: 3em; }
	#community .social .social-box.twitter .tweets .owl-nav > .owl-next { right: 3em; }

	#press3 .pr { font-size: 1em; }
	#press3 .pr td { padding: 1.5em 1em; }
	
	#product2 .nutrition .tcol { display: block; border-bottom: solid 3px #000; width: 100%; padding: 0; padding-bottom: 1.5em; margin-bottom: 1.5em; }
	#product2 .nutrition .tcol:after { display: none; }

	#recipe .method .step { padding: 0.8em; font-size: 0.9em; }
	#recipe .method .step .num { width: auto; font-size: 1.4em; }
	
	#footer { font-size: 0.8em; }
	
	
	.pagination .n a { display: none; }
	.pagination .n a.active { display: inline-block; }
	
}

/* Policy */
.page-template-page-policy #postsWrap { width: 80%; margin: 0 auto; }
.page-template-page-policy #postsWrap p { text-align: left; }

/* Cookie bar */
.cc-window {font:100% "bt", Arial, Helvetica, sans-serif}
#cookie-law-info-bar span {line-height:80px;}
#cookie-law-info-bar a {color:#fff; text-decoration:underline;}
a#cookie_action_close_header {border-radius:50px; font-size:18px; margin-left:10px; text-decoration:none;}

/*! HTML5 Boilerplate v4.3.0 - FINAL */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/*Press Grid Update*/
#press2 .news .box{ height: 485px !important }
#press2 .news .box2 .photo{ height: 100% }
@media (max-width: 1230px) { #press2 .news .box{ height: 414px !important } }
@media (max-width: 768px) { #press2 .news .box .info{ height: 15em }   
#press2 .news .box { height: 410px !important } }
@media (max-width: 500px) { #press2 .news .box, #press2 .news .box .info { height: auto !important; }
#press2 .news .box .info { padding-bottom: 3em }
#press2 .news .box .icon{ bottom: -3px } }

/* Voucher Page 20-07-08 */
.sru_voucher_content_img_container {
	width: 1100px;
	margin: 0 auto 3.7rem;
	max-width: 100%;
}

.sru_voucher_content_img_container img {
	max-width: 100%;
	height: auto;
}

.sru_voucher_content_button_container {
	text-align: center;
}

.sru_voucher_content_button_container a {
	width: 306px;
	height: 78px;
	margin: 0 auto 3.7rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #ca2128;
	color: #fff;
	border: 1px solid rgba(202, 33, 40, 0.5);
	font-size: 17px;
}

.sru_voucher_content_button_container a h6 {
	font-size: 25px;
	text-transform: uppercase;
	font-family: "TrendSansOne";
}

.sru_voucher_content_content_container {
	width: 1060px;
	max-width: 90%;
	margin: 0 auto 3.7rem;
	font-family: "TrendSansOne";
}

.sru_voucher_content_content_container_title {
	text-align: center;
	font-size: 14px;
}

.sru_voucher_content_content_container_text {
	text-align: justify;
	text-align-last: center;
	font-size: 12px;
}
<<<<<<< HEAD
<<<<<<< HEAD
=======

>>>>>>> eeaeeb2af9d2383bfe8f2cb3a3b70923e072da29
/* Dropdown Country Selector */
.dropbtn {
    min-width: 120px;
    background-color: #FFF;
    border: none;
    text-align: left;
    color: #F5811F;
    padding-left: 10px;
    padding-top: 10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 120px;
    z-index: 1;
    background: #000;
    color: #FFF;
    padding: 10px;
}

.dropdown-content li {
    margin-top: 5px;
}

.dropdown-content li img {
    margin-right: 20px;
}

/* Links inside the dropdown */
.dropdown-content a {
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #000;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    background-color: #000;
    color: #FFF;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #000;
}

#header .country_selector {
    position: absolute;
    top: 0px;
    right: 280px;
    z-index: 2050;
}
.country_selector .dropbtn {
    min-width: 120px;
    background-color: transparent;
    border: none;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
}
.country_selector .dropbtn:hover {
	color: white;
}

@media only screen and (max-width: 600px) {
    #header .country_selector {
        right: auto;
        left: 50px;
        top: 0;
        margin-top: -30px;
    }
}


/*faq page*/

@media (max-width: 1230px){

	.faq_question .category_questions {
		margin-left: 0;
		margin-right: 0;
	}
	.faq_question ul.questions_list {
		padding: 0 60px;
		width: 100%;
	}
	.faq_search .search_preview,
	.faq_search .faq_search_form,
	.faq_form {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (max-width: 768px) {

	.page-template-page-faq .under-header {
		padding-bottom: 30px;
	}
	.faq_question .category_questions {
		flex-direction: column;
		display:flex;
		padding-top:0;
	}

	.faq_question ul.questions_list {
		margin-bottom: 30px;
	}

	.faq_question .category_questions > div {
		min-height: auto;
		width: 100%;
		margin: 0 0 10px 0;

		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		padding: 60px;

		position: relative;
		flex-basis: auto;
		top:auto;
		left:auto!important;
	}
	.page-template-page-faq .faq_cat_line {
		width: 3px;
		height: 50px;
		margin: 0 30px;
	}
	.page-template-page-faq .faq_cat_title {

	}
	.faq_question .category_questions > div img {
		height:auto;
		width:80px;
	}
	.faq_question .category_questions > div .desc {
		text-align: center;
		width: 100%;
		position: absolute;
		bottom: 30px;
		left: 0;
		right: 0;
		padding: 0;
	}

	.faq_form .from_row{
		display: block;
	}
	.faq_form .wpcf7-form-control-wrap {
		margin:0!important;
	}
	.faq_form .wpcf7-form-control-wrap textarea,
	.faq_form .wpcf7-form-control-wrap input {
		margin-bottom: 20px;
	}

}

@media (max-width: 600px) {
	.page-template-page-faq #header .logo {
		display:none;
	}
	.page-template-page-faq .mobile_logo {
		display:block;
	}
	.page-template-page-faq .under-header {
		padding-top: 0 !important;
	}
}

@media (max-width: 500px){

	.page-template-page-faq .under-header .container a {
		padding-top: 24px;
	}
}

@media (max-width: 425px) {
	.faq_search input {
		font-size: 1em;
	}

	.faq_question .category_questions  > div {
		padding-right: 30px;
		padding-left: 30px;
	}

	.faq_question .category_questions  > div svg {
		width: 20px;
	}

	.faq_question .category_questions  > div img {
		width: 40px;
	}

	.page-template-page-faq .faq_cat_line {
		margin: 0 10px
	}

	html {
		font-size: 12px;
	}
}
/* end faq page*/


.country_overlay {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 999999;
	top: 0;
	left: 0;
}

.country_outer {
    background: #fff none repeat scroll 0 0;
    margin: 150px auto;
    padding-bottom: 58px;
    width: 700px;
}

.country_popup .country_outer {
	width: 900px;
	background: black;
	padding: 80px;
}
.country_popup .title1 {
	color: white;
}
.country_popup .title1.tb:before {
	display: none;
}
.country_popup .title1.tb:after {
	background: #F4811F;
}
.country_popup .countrys {
    display: flex;
    flex: 1 1 0px;
}
.country_popup .countrys li {
	width: 100%;
	font-family: "TrendSansOne";
	text-align: center;
}
.country_popup .countrys li a {
	display: block;
	text-transform: uppercase;
	color: white;
}
.country_popup .countrys li a img {
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}

	@media only screen and (max-width: 900px) {
		.country_popup .country_outer {
			max-width: 100%;
			padding: 60px;
		}
	}
	@media only screen and (max-width: 750px) {
		.country_popup .countrys li a img {
			height: 45px;
		}
	}
	@media only screen and (max-width: 470px) {
		.country_outer {
			margin: 0;
		}
		.country_popup .countrys li a img {
			height: 30px;
		}
	}