/*
font-family: canada-type-gibson, sans-serif;
font-family: 'Gibson';
*/

* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 25px; color: #000; font-family: 'bogleregular'; background: #fff; }
*::-webkit-input-placeholder { opacity:1; color: #000; }
*::-moz-placeholder {opacity:1;color: #000; }
*:-ms-input-placeholder {opacity:1;color: #000;}

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Source Sans Pro', sans-serif;  }

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

/* common */
b,strong { font-weight:normal; font-family: 'bogleblack';}
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; font-size:0; line-height:0; }
img { border: 0px; outline: none; display: block; max-width: 100%; width:auto !important; }
p a { color: #000; text-decoration:underline; }
p a:hover { text-decoration:none; }
.mob-show { display: none !important; }

#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #006bb6; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 0.8; }
#back-to-top.show:hover { opacity: 1; }
.animated { display: block; vertical-align: top; }
li { color: initial !important; }

.button {
cursor: pointer; border:0; transition:all 0.3s; -webkit-transition:all 0.3s;
padding: 5px 60px 1px;
color: #000000;
font-family: 'boglebold';
font-size: 20px;
text-transform: uppercase;
line-height: 40px;
display: inline-block;
box-shadow: 2px 4px 8px rgb(0 0 0 / 30%);
border-radius: 21px;
background-color: #fec11f;
vertical-align: top;
}
.button.small { font-size: 16px; padding-left:25px; padding-right: 25px; box-shadow: 12px 12px 15px rgb(0 0 0 / 15%); }
.button:hover { color: #fff; background-color: #d09700; }

.button-book {
cursor: pointer; border:0; transition:all 0.3s; -webkit-transition:all 0.3s;
padding: 5px 60px 5px;
color: #000000;
font-family: 'boglebold';
font-size: 16px;
text-transform: uppercase;
line-height: 1.2; min-height:46px; display:inline-flex; align-items:center; justify-conten:center;
box-shadow: 2px 4px 8px rgb(0 0 0 / 30%);
border-radius: 21px;
background-color: #fec11f;
vertical-align: top;
margin: 15px auto;
text-align: center;
}
.button-book.small { font-size: 12px; line-height:35px; padding-left:24px; padding-right:24px; }
.button-book.sticky_button { position:absolute !important; left:50px; bottom:10px; }


.button-book:hover { color: #fff; background-color: #d09700; }

.button2 { cursor: pointer; border:0; transition:all 0.3s; -webkit-transition:all 0.3s; padding: 11px 30px 5px; color: #0b1e42; font-family: 'boglebold'; font-size: 15px; text-transform: uppercase; line-height: 33px; display: inline-block; box-shadow: 10px 15px 15px rgb(0 0 0 / 15%); border-radius: 21px; background-color: #fec11f; vertical-align: top; }
.button2:hover { color: #fff; background-color: #d09700; }


.mac-os {  }

/* wrapper */
#wrapper { /*padding-top:53px;*/ overflow: hidden; width: 100%; min-height: 100%; position: relative; }
.cont_wrapper { width:100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; position: relative; }
.wrapper { width: 100%; max-width: 1310px; padding: 0 15px; margin: 0 auto; position: relative; }

.head-wrap { width: 100%; position: relative; padding-bottom:55px; }

.ad_container { width: 100%; min-height:110px; background-color: #fff}
.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 0px auto; padding: 10px 0; max-height: 110px; }
.ad_container .ad img { vertical-align: top; }

.v-top { align-items:flex-start !important; -webkit-align-items:flex-start !important; }

.ButtonModal {
max-width: 1168px !important;
}
.chain-logo {
width: 40px !important;
}
.pol-sl-modal-footer {
max-width: 100% !important;
}


/*********Header Css*********/

header { float: left; width: 100%; background: #151515; text-align: center; position:fixed; z-index:999999; left:0; top:0; }
header .header_inner{float:left; width:100%; padding:0 30px; border-top:4px solid #bce2f1; position:relative; min-height:55px; z-index:99; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
header.show { position: fixed; top:0; bottom: auto; }

header .logobar { float: left; padding: 7px 0 0px 10px; }
header .logobar a.site-logo { display:inline-block; max-width: 142px; vertical-align: middle; }
header .logobar a.brand-logo { display:inline-block; max-width: 102px; vertical-align: middle; }
header .logobar .plus { display:inline-block; max-width: 16px; margin: 0 10px; vertical-align: middle; }

header a.paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-size:13px; line-height: 18px; font-weight:600; background:#bce2f1; padding:0 10px 3px 10px; position:absolute; top: 0px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
a.paid_logo i{ padding:0 0 0 5px; font-size:13px; }
header .show_text { float:left; width:100%; font-family: 'Source Sans Pro', sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px 8px; margin:0; position:relative; display:none; line-height:14px; position:absolute; left:0; top:100%; width:100%; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); }
.set2 header .show_text { padding-top:8px; }

header .show_text a { color: #003865; }
header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:9px;}
header ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:10px;  }
header ul.social_icon li:first-child{ margin-left:0; }
header ul.social_icon li a{ display:block; width:30px; height:30px; border-radius:50%; border:2px solid #fff; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
header ul.social_icon li a i{ font-size:15px; line-height:26px; vertical-align: top; color:#fff; display:inline-block; }
header ul.social_icon li a:hover{opacity:0.7;}

/*set2*/
.set2 header .header_inner { border:0; border-top:4px solid #bce2f1;  }
.set2 header a.paid_logo { top:0; }

/*toplinks_bar*/
.toplinks_bar { position: relative; z-index:1; padding: 10px 0 12px; overflow: hidden; background: #0070ce; }
.toplinks_bar ul { padding: 8px 0 0 0px; list-style: none; float: left; }
.toplinks_bar ul li { padding: 0 57px; float: left; line-height: 34px; position: relative; }
.toplinks_bar ul li:not(:last-child):after { content: ""; position: absolute; right: 0px; top: 0px; width: 1px; height: 34px; background: #fff; }
.toplinks_bar ul li a { opacity: 0.28; color: #ffffff; font-family: 'boglebold'; font-size: 25px; text-transform: uppercase; }
.toplinks_bar ul li a:hover, .toplinks_bar ul li.active a { opacity: 1; }
.toplinks_bar .button { float: right; margin-right: 55px; }


/*content-part*/
#content-part { width: 100%; position: relative; }

.flex-wrap { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }

/*intro_bar*/
.intro_bar { width: 100%; background-repeat: no-repeat; background-position: right; background-size: auto 100%; }
.intro_bar .bg { transition:all 0.3s; -webkit-transition:all 0.3s; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right; background-size: cover; }
.intro_bar .cont_wrapper { min-height: calc(100vh - 165px); align-items: center; position: relative; z-index: 2; }
.intro_bar .text { transition:all 0.3s; -webkit-transition:all 0.3s; padding: 40px 0px 100px 50px; max-width: 660px; }
.intro_bar h1 { color: #fff; font-family: 'bogleblack'; font-size: 58px; line-height: 180px; font-weight: normal; letter-spacing: 0.73px; text-transform: uppercase; padding: 0 0 22px 10px; }
.intro_bar h1 span { font-family: 'just_lovelyregular'; font-size: 200px; letter-spacing: 2.52px; text-align: center; text-transform: none; vertical-align: middle; }
.intro_bar p { line-height: 33px; color:#fff; }
.intro_bar p strong { font-family: 'bogleblack'; font-weight:normal;}
.intro_bar .form { padding: 0px 0px 30px 50px; }
.intro_bar .form h2 { padding: 22px 28px 18px 0px; float: left; font-family: 'bogleblack'; font-size: 25px; line-height: 47px; letter-spacing: 0.31px; color: #fff; }
.intro_bar .form .dropdown { float: left; position: relative; width: 440px; height: 87px; border-radius: 43px; border: 2px solid #0071ce; background: #ffffff; }
.intro_bar .form .dropdown ul { padding: 0 20px 5px; display: none; position: absolute; left: -3px; bottom: -3px; width: calc(100% + 6px); border-radius: 29px; border: 2px solid #0071ce; background: #ffffff; }
.intro_bar .form .dropdown a { padding: 25px 22px 20px; color: #000000; font-family: 'bogleblack'; font-size: 25px; letter-spacing: 0.31px; line-height: 40px; display: block; text-transform: uppercase; background: url(../images/link-arrow.png) right 20px center no-repeat; }
.intro_bar .form .dropdown a:hover { color: #fec11f; }
.intro_bar .form .dropdown li { border-bottom: #979797 solid 1px; }
.intro_bar .form .dropdown li:last-child { border: 0px; }
.intro_bar .form .dropdown li a { padding: 20px 50px 15px 5px; line-height: 37px; background-position: right 0 center; }
.showdropdown .intro_bar .bg, .showdropdown .intro_bar .text { filter: blur(8px);  -webkit-filter: blur(8px); }

/*intro_bar2*/
.intro_bar2 { padding: 100px 0px 0px; }
.intro_bar2 .cont_wrapper { padding-bottom: 127px; max-width: 710px; }
.intro_bar2 h1 { color: #0070ce; font-family: 'brandon_grotesquebold'; font-size: 55px; font-weight: normal; line-height: 63px; }
.intro_bar2 p { font-size: 25px; line-height: 33px; }
.intro_bar2 p strong { font-family: 'boglebold'; font-weight:normal; }
.intro_bar2 .img1 { width: 100%; }


.immunity .intro_bar2 .cont_wrapper { padding-bottom: 55px; min-height:370px; display:flex; align-content:center; flex-wrap:wrap;  max-width: 800px; }
.immunity .intro_bar2 { padding-top:65px; }
.immunity .intro_bar2 h1 { line-height:1.2; padding-bottom: 20px; }



/*title_bar*/
.title_bar { padding: 28px 0px 28px 0px; position: relative; z-index: 10; background: #0070ce; }
.title_bar .form { padding: 5px 0px 0px 12px; max-width: 1020px; margin: 0 auto; }
.title_bar label { text-transform: uppercase; padding: 23px 28px 20px 0px; float: left; font-family: 'bogleblack'; font-size: 25px; line-height: 47px; letter-spacing: 0.31px; color: #fff; }
.title_bar .dropdown { float: left; position: relative; width: 440px; height: 87px; border-radius: 43px; border: 2px solid #0071ce; background: #ffffff; }
.title_bar .dropdown ul { display: none; padding: 0 20px 5px; position: absolute; left: -3px; top: -3px; width: calc(100% + 6px); border-radius: 29px; border: 2px solid #0071ce; background: #ffffff; }
.title_bar .dropdown a { padding: 25px 22px 20px; color: #000000; font-family: 'bogleblack'; font-size: 25px; letter-spacing: 0.31px; line-height: 40px; display: block; text-transform: uppercase; background: url(../images/link-arrow.png) right 20px center no-repeat; }
.title_bar .dropdown a:hover { color: #fec11f; }
.title_bar .dropdown li { border-bottom: #979797 solid 1px; }
.title_bar .dropdown li:last-child { border: 0px; }
.title_bar .dropdown li a { padding: 20px 50px 15px 5px; line-height: 37px; background-position: right 0 center; }
@media only screen and (min-width: 1200px) {
/*.title_bar .dropdown ul { display: block; transition: opacity ease-in 0.1s, opacity ease-in 0.2s, transform 0.3s; -webkit-transition: opacity ease-in 0.1s, opacity ease-in 0.2s, transform 0.3s; transform: scale(1,0); -webkit-transform: scale(1,0); transform-origin: 0 0; -webkit-transform-origin: 0 0; opacity:0; }
.title_bar .dropdown:hover ul { transform: scale(1); -webkit-transform: scale(1); opacity:100; }
*/
.title_bar .dropdown ul { height:0; opacity:0; display: block !important; overflow: hidden; transition:all 0.3s; -webkit-transition:all 0.3s; }
.title_bar .dropdown:hover ul { height: 300px; opacity:100; }

}

.md-checkbox .md-checkbox-container:before {
top: 60% !important;
left: 131% !important;
}

/*product_bar*/
.product_bar { padding: 45px 0px 100px 0px; }
.product_bar .cont_wrapper { max-width: 1035px; }
.product_bar .intro { padding-bottom: 41px; }
.product_bar .intro .logo { padding: 20px 0px 14px 0px; width: 28.5%; border-right: 1px solid #979797; display: flex; -webkit-display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; }

.product_bar .intro .text { padding: 15px 0px 0px 35px; width: 71.5%; }
.product_bar .intro p { line-height: 33px; }
.product_bar .intro p strong { font-family: 'bogleblack'; font-weight:normal;}
.product_bar .productlist { margin: 0 -22px 2px; }/*358*/
.product_bar .productlist ul { list-style: none; overflow: hidden; display: flex; flex-wrap: wrap; justify-content:center; }
.product_bar .productlist ul.align-left { justify-content:left; }
.product_bar .productlist li { padding: 0 20px 52px; width: 50%; }
.product_bar .productlist li .video,
.product_bar .productlist li a.thumb { padding-bottom: 74.7%; display: block; position: relative; margin-bottom: 22px; width: 100%; height:0; }
.product_bar .productlist li a.thumb span { position: absolute; left: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 41px; background: #0070ce; }
.product_bar .productlist li .thumb figure { background-position:  center center; background-size:cover; font-size:0; }
.product_bar .productlist li .video_link:after { width: 161px; height: 154px; content:''; position:absolute; left:50%; top:50%; background:url(../images/video-play-icon.png) center center no-repeat; background-size:cover; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.product_bar .productlist li .video figure,
.product_bar .productlist li .thumb > img { position:absolute; left:0; top:0; width:100% !important; height:100%; object-fit:cover; }
.product_bar .productlist li .inner { width: 100%; position: relative; }
.product_bar .productlist li .video_link { position:absolute; left:0; top:0; width: 100%; height:100%; font-size:0; line-height:0; display: block; }
.product_bar .productlist li .video:before { display: none; }
.product_bar .productlist li .thumb span img {
    max-width: 140px;
    max-height: 25px;
}

.product_bar .productlist h4 { font-family: 'boglebold'; }
.product_bar .productlist h4 a { color: #000000; }

.product_bar .video_wrapper { position: relative; width: 100%; max-width: 825px; margin: 0 auto; }
.product_bar .video_wrapper + .video_wrapper { margin-top:40px; }
.product_bar .video_wrapper .video { position: relative; width: 100%; height:0; padding-bottom: 56.66%; }
.product_bar .video_wrapper .video figure { width: 100%; height:100%; position:absolute; left:0; top:0; background-position: center center; background-repeat: no-repeat; background-size: cover; font-size:0; }
.product_bar .video_wrapper .video_link { font-size:0; position:absolute; left:0; top:0; width:100%; height:100%; display: block; background: url(../images/video-play-icon.png) no-repeat center 40%; background-size:161px 154px; z-index:9; }



.product_bar .video_caption { padding: 18px 0 0; display: block; max-width: 825px; margin: 0 auto; width: 100%; color: #000000; font-family: 'boglebold'; font-size: 25px; line-height: 32px; }
.product_bar .video .v_box11 { vertical-align:top; position: relative; height: 0; width: 100%; padding-bottom: 56.25%;  }
.product_bar .video .video-js { height: 0; width: 100%; position: relative; padding-bottom: 56.25%; }
.product_bar .video .vjs-big-play-button { position: absolute; top: 50%; left: 50%; width: 161px; height: 154px; transform: translate(-20%, -25%); z-index: 9999; background: url(../images/video-play-icon.png) no-repeat center center; background-size:100% 100%; }
.product_bar .video .info { display: flex; align-items: center; justify-content: flex-start; position: absolute; left: 18px; top: 15px; z-index: 10; }
.product_bar .video .info span.title { padding: 0 0 12px 20px; border-left: #fff solid 1px; color: #ffffff; font-family: 'boglebold'; margin-left: 15px; }
.product_bar .video .video-js .vjs-big-play-button .vjs-icon-placeholder:before { display: none; }
.product_bar .video:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 121px; background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
 z-index: 8; }

/*grocery_bar*/
.grocery_bar { padding: 102px 0px 70px 0px; background-color: #fec11f; }
.set2 .grocery_bar h2 { padding-bottom: 60px; max-width: 1000px; margin: 0 auto; color: #000000; font-family: 'boglebold'; font-size: 35px; line-height: 1.2; text-align: left; }
.set2 .grocery_bar { padding: 51px 0px 54px 0px; }

.grocery_bar .intro { padding-bottom: 48px; max-width: 1000px; margin: 0 auto; }
.grocery_bar.has_arrow .intro { padding-bottom:0; }
.grocery_bar .intro .heading { padding: 0px 20px 0px 0px; width: 29%; }
.grocery_bar .intro .text { padding: 5px 0px 0px 22px; width: 71%; border-left: 1px solid #000; }
.grocery_bar .intro p { font-size: 20px; line-height: 26px; }
.grocery_bar .intro h4 { font-size: 30px; line-height: 32px; font-family: 'boglebold'; text-transform: uppercase; text-align: right; }
.grocery_bar .grocerylist { padding-bottom: 15px; }
.grocery_bar .grocerylist + .grocerylist { margin-top:70px; margin-bottom: 40px; }
.grocery_bar .grocerylist ul { list-style: none; }
.grocery_bar .grocerylist .slick-slide { padding: 0 10px 10px; }
.grocery_bar .grocerylist .bg { position: relative; width: 300px; height: 361px; overflow: hidden; box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3); border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffffff; }
.grocery_bar .grocerylist .bg a { min-height:100%; display: block; }
.grocery_bar .grocerylist .link-overlay { position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; }
.grocery_bar .grocerylist span.time { display: block; position: absolute; left: 0px; top: 15px; width: 88px; height: 25px; line-height: 30px; border-radius: 0 100px 100px 0; background-color: #0f7bd4; text-align: center; color: #ffffff; font-family: "boglebold"; font-size: 18px; }
.grocery_bar .grocerylist span.green { background-color: #97cd57; }
.grocery_bar .grocerylist h5 { padding: 22px 20px 10px 22px; color: #000000; font-size: 20px; line-height: 25px; }
.grocery_bar .grocerylist h5 a { color: #000000; }
.grocery_bar .grocerylist .recipe_time { font-size: 18px; line-height: 23px; padding: 5px 15px; border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; color:#fff; position:absolute; left:0; top:15px; background:#96cd57; }
.grocery_bar .grocerylist li { position: relative; }
.grocery_bar .grocerylist .logobg { padding: 0px; height: 98px; display: flex; align-items: center; justify-content: center; }
.grocery_bar .grocerylist .logobg img { max-width: 214px; }
.grocery_bar .grocerylist .text { padding: 30px 30px 10px 30px; text-align: center; width: 100%; height: calc(100% - 98px); background-color: #0f7bd4; }
.grocery_bar .grocerylist .text h4 { padding-bottom: 25px; color: #ffffff; font-size: 30px; line-height: 37px; font-weight: normal; text-transform: uppercase; }
.grocery_bar .grocerylist .text p, .grocery_bar .grocerylist .text1 p { color: #ffffff; font-family: 'boglebold'; font-size: 20px; line-height: 25px; }
.grocery_bar .grocerylist .shopbg h4 { display: flex; align-items: center; justify-content: center; text-align: center; height: 63px; background-color: #0071cf; font-family: "boglebold"; font-size: 20px; color: #fff; }
.grocery_bar .grocerylist .shopbg.white h4 { background: #fff; color: #0071cf; }
.grocery_bar .grocerylist .shopbg .img1 a img { width: 100%; }
.grocery_bar .grocerylist .shopbg .img1 a { display: block; position: relative; }
.grocery_bar .grocerylist .shopbg .img1 a span { padding: 22px 20px 35px 22px; color: #fff; font-size: 18px; line-height: 25px; display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; font-family: 'boglebold'; text-align: center; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.19) 35%, #000000 100%); }
.grocery_bar .grocerylist .text1 { padding: 38px 30px 20px; text-align: center; }
.grocery_bar .grocerylist .text1 h4 { padding-bottom: 12px; font-weight: normal; font-size: 30px; line-height: 37px; }
.grocery_bar .grocerylist .text1 h4 strong { font-weight: normal; font-family: 'boglebold'; }
.grocery_bar .grocerylist .text1 img { margin: 0 auto 10px; }
.grocery_bar .grocerylist .text1 p { color: #000; }
.grocery_bar .grocerylist .messenger img { margin-bottom: 25px; max-width: 88px; }
.grocery_bar.white { background:#fff; }
.grocery_bar .grocerylist {  }
.grocery_bar .grocerylist .slick-arrow { width: 92px; height:20px; border:0; cursor: pointer; font-size:0; position:absolute; left:5px; bottom:-63px; cursor: pointer; background: none; z-index:1; }
.grocery_bar .grocerylist .slick-arrow:before { width: 100%; content: ""; position: absolute; left: 0px; top: 50%; margin-top:0; height: 2px; background: #000; }
.grocery_bar .grocerylist .slick-arrow:after { width:0; height:0; content:''; position:absolute; left:-7px; top:50%; margin-top: -5px; border: 6px solid transparent; border-right:12px solid #000; }
.grocery_bar .grocerylist .slick-arrow.slick-next { left: 245px; transform: scale(-1,1); -webkit-transform: scale(-1,1); }
.grocery_bar .grocerylist .slick-arrow:before { background:#fff; }
.grocery_bar .grocerylist .slick-arrow:after { border-right-color:#fff; }
.grocery_bar .grocerylist .slick-arrow:hover { opacity:0.50; }


.grocery_bar .groceryslider1 { position: relative; }
.grocery_bar.maincourse { padding: 73px 0px 74px 0px; }
.grocery_bar.maincourse .cont_wrapper { max-width: 1030px; }
.grocery_bar.maincourse h2 { padding-left: 10px; font-size: 35px; text-transform: uppercase; font-family: 'boglebold'; }
.grocery_bar.maincourse h2.no_space { padding-bottom: 0; }
.grocery_bar.maincourse .grocerylist { padding: 48px 0px 0px 0px; max-width: 960px; }
.grocery_bar.maincourse .slick-list { overflow: visible; }
.grocery_bar.maincourse ul.slick-dots { display: none !important; }
.grocery_bar.maincourse .pagingInfo { margin: 35px 0 0 5px; display: block; max-width: 332px; position: relative; line-height: 40px; /*color: rgba(0, 0, 0, 0.46);*/ color: #000; font-family: 'boglebold'; font-size: 25px; font-weight: normal; text-align: center; }
/*.grocery_bar.maincourse .pagingInfo:before, .grocery_bar.maincourse .pagingInfo:after { content: ""; position: absolute; left: 0px; top: 18px; width: 92px; height: 2px; background: #000; }*/
.grocery_bar.maincourse .pagingInfo:after { left: auto; right: 0px; }
.grocery_bar.maincourse .pagingInfo span.active { color: #000; }
.grocery_bar.maincourse .pagingInfo span.active + span { padding: 0; margin: -5px 7px 0; width: 2px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0px; background: #000; }
.grocery_bar.sidedish { background: #0070ce; }
.grocery_bar.sidedish h2 { color: #fff; }
.grocery_bar.sidedish .pagingInfo { }
.grocery_bar.sidedish .pagingInfo, .grocery_bar.sidedish .pagingInfo span.active { color: #fff; }
.grocery_bar.sidedish .pagingInfo:before, .grocery_bar.sidedish .pagingInfo:after { background: #fff; }
.grocery_bar.sidedish .pagingInfo span.active + span { background: #fff; }

.grocery_bar.maincourse .slick-arrow { width: 92px; height:20px; border:0; cursor: pointer; font-size:0; position:absolute; left:5px; bottom:13px; cursor: pointer; background: none; z-index:1; }
.grocery_bar.maincourse .slick-arrow:before { width: 100%; content: ""; position: absolute; left: 0px; top: 50%; margin-top:0; height: 2px; background: #000; }
.grocery_bar.maincourse .slick-arrow:after { width:0; height:0; content:''; position:absolute; left:-7px; top:50%; margin-top: -5px; border: 6px solid transparent; border-right:12px solid #000; }
.grocery_bar.maincourse .slick-arrow.slick-next { left: 245px; transform: scale(-1,1); -webkit-transform: scale(-1,1); }
.grocery_bar.sidedish .slick-arrow:before { background:#fff; }
.grocery_bar.sidedish .slick-arrow:after { border-right-color:#fff; }
.grocery_bar .slick-arrow:hover { opacity:0.50; }
.grocery_bar .no_numbering .slick-arrow { bottom: -60px; }
.grocery_bar .no_numbering .slick-arrow.slick-next { left: 150px; }
.grocery_bar .no_numbering .slick-list:before { width: 2px; height:40px; content:''; position:absolute; left:122px; bottom:-71px; background:#000; }
.set2 .grocery_bar.has_arrow { padding-bottom: 114px; }

/*snap_bar*/
.grocery_bar.snap_bar { padding:0 0 30px 0; background: #fffc00; text-align: center; }
.grocery_bar.snap_bar img.snap { max-width: 113px; margin:0px auto -10px; top:-40px; position: relative; }
.grocery_bar.snap_bar h2 { font-size: 80px; line-height:1; font-family: 'boglebold'; font-weight:normal; letter-spacing:-0.025em; padding-bottom: 10px; }
.grocery_bar.snap_bar h3 { font-size: 35px; line-height:1.1; font-family: 'boglebold'; font-weight:normal; letter-spacing:-0.025em; padding-bottom: 30px; }
.grocery_bar.snap_bar .grocerylist .recipe_time { display: none; }
.grocery_bar.snap_bar .grocerylist .bg { border-radius: 20px; width: auto; height:auto; box-shadow: none; border: 5px solid #000; }
.grocery_bar.snap_bar .grocerylist h5 { position:absolute; left:0; bottom:0; min-height:60px; padding: 10px 22px; text-align:left; display: flex; flex-wrap:wrap; align-items:center; font-size:20px; line-height:1.1; font-family: 'boglebold'; color: #fff; font-weight:normal; background: rgba(0,0,0,0.47); width: 100%; }
.grocery_bar.snap_bar .slider4 { padding: 0 50px; }  
.grocery_bar.snap_bar .grocerylist .bg a { display: block; height:0; padding-bottom:100%; position: relative; }
.grocery_bar.snap_bar .grocerylist .bg a img { position:absolute; left:0; top:0; width:100%; height:100%; } 
.grocery_bar.snap_bar .grocerylist .slick-arrow { width: 31px; height:54px; position:absolute; left:0; top:50%; margin-top:-35px; background:url(../images/snap-prev.png) no-repeat; background-size:cover; font-size:0; line-height:0; }
.grocery_bar.snap_bar .grocerylist .slick-arrow.slick-next { left:auto; right:0; }
.grocery_bar.snap_bar .grocerylist .slick-arrow:after,
.grocery_bar.snap_bar .grocerylist .slick-arrow:before { display: none; }
.grocery_bar.snap_bar .grocerylist .slick-arrow:hover { opacity:0.50; } 
.grocery_bar.snap_bar .more { font-size: 20px; line-height:1.1; font-family: 'boglebold'; letter-spacing: -0.028em; }

.explore_for_more { padding: 100px 0 85px; width: 100%; text-align: center; display: block; text-align: center; font-size: 50px; line-height:1; font-family: 'boglebold'; font-weight:normal; text-transform: uppercase; }



/*text_bar*/
.text_bar { padding: 74px 0px 104px; }
.text_bar h1 { color: #000000; font-family: 'boglebold'; font-size: 43px; font-weight: 700; line-height: 40px; text-transform: uppercase; text-align: center; }
.text_bar h1 span { margin-left: 5px; color: #fec11f; font-family: 'just_lovelyregular'; font-size: 200px; letter-spacing: 2.52px; line-height: 180px; vertical-align: middle; text-transform: none; font-weight: normal; }
.text_bar .text { position: relative; top: -18px; max-width: 660px; margin: 0 auto; }
.text_bar p { color: #000000; font-size: 22px; line-height: 28px; }

/*steps_bar*/
.steps_bar { padding-bottom: 57px; }
.steps_bar .step { padding: 91px 0px 14px 0px; align-items: center; }
.steps_bar .img { width: 56%; position: relative; }
.steps_bar .text { padding: 20px 95px 0px 28px; width: 44%; }
.steps_bar .text.bottom { padding-top: 80px; }
.steps_bar .img span { position: absolute; right: -165px; top: -30px; color: #0070ce; font-family: 'boglebold'; font-size: 250px; }
.steps_bar h2 { color: #000000; font-family: 'just_lovely_slantedregular'; font-size: 100px; font-weight: normal; line-height: 80px;  padding: 90px 0 18px; }
.steps_bar h2 a{ color: #000000; text-decoration:underline; }
.steps_bar h2 a:hover{ text-decoration:none; }
.green-your-grilling .steps_bar.page2 .step { align-items:flex-start ; -webkit-align-items:flex-start; }
.green-your-grilling .steps_bar h2 { padding-top:0; }
.green-your-grilling .steps_bar .text { padding-top:190px !important; }

.cranberries .steps_bar.page2 .step { align-items:flex-start ; -webkit-align-items:flex-start; }
.cranberries .steps_bar .img span { top: -80px; }
.cranberries .steps_bar .even .img span { left: -90px; }
.cranberries .steps_bar h2 { padding-top:0; line-height: 70px;}




.steps_bar p { font-size: 20px; line-height: 26px; }
.steps_bar .mt-35 { margin-top:35px; }
.steps_bar .even { flex-direction: row-reverse; }
.steps_bar .even .text { padding: 0px 35px 0px 100px; }
.steps_bar .even .img span { right: auto; left: -116px; color: #ffc220; }
.steps_bar .third { padding-top: 73px; padding-bottom: 16px; }
.steps_bar.page2 { }
.steps_bar.page2 .img { width: 63.33%; }
.steps_bar.page2 .text { width: 36.67%; }
.steps_bar.page2 .step { align-items: flex-end; }
.steps_bar.page2 p { padding-bottom: 40px; }
.steps_bar.page2 .button { padding: 14px 30px 6px; line-height: 30px; font-size: 15px; border-radius: 25px; -webkit-border-radius: 25px; }
.steps_bar.page2 .step2 h2, .steps_bar.page2 .step3 h2 { font-size: 80px; }
.steps_bar.page2 .step3 { align-items: flex-start; }
.steps_bar.page2 .step3 .text { padding-top: 150px; }


.immunity .steps_bar .img { width: 63.5%; }
.immunity .steps_bar .text { width: 36.5%; }
.immunity .steps_bar .step { padding-top:105px; }
.immunity .steps_bar .img span { right: -155px; top: -75px; }
.immunity .steps_bar h2 { font-size: 80px; padding-top:115px; }
.immunity .steps_bar .step2 h2 { padding-top:0px; }
.immunity .steps_bar .step2 .text { padding-bottom: 150px; }
.immunity .steps_bar .step3 .img span { right: -205px; top: -95px;  }
.immunity .steps_bar .step3 h2 { padding-top:0px; }
.immunity .steps_bar .step3 .text { padding-bottom: 100px; }
.immunity .steps_bar .step4 h2 { padding-top:60px; }
.immunity .steps_bar .step5 .img span { right: -205px; top: -95px;  }
.immunity .steps_bar .step5 h2 { padding-top:120px; }
.immunity .steps_bar .step6 h2 { padding-top:30px; }
.immunity .steps_bar .step7 .img span { right: -205px; top: -95px;  }




.shopping_bar { overflow: hidden; }
.shopping_bar .cont_wrapper { padding: 0px; }
.shopping_bar .img { float: left; width: 41.75%; position: relative; }
.shopping_bar .img img { position:absolute; left:0; top:0; width: 100% !important; height: 100%; object-fit: cover;  }
.shopping_bar .text { float: right; width: 58.25%; background: #0071cd; display: flex; align-items: center; }
.shopping_bar .text .content { padding: 70px 0px 70px 50px; max-width: 600px; }
.shopping_bar .text h3 { padding-bottom: 20px; color: #ffffff; font-family: 'bogleregular'; font-weight: normal; font-size: 27px; line-height: 35px; }
.shopping_bar .text h3 strong { font-family: 'boglebold'; font-weight:normal; }
.shopping_bar .text ul { list-style: none;}
.shopping_bar .text li { display:flex; -webkit-display:flex; padding-bottom: 30px; overflow: hidden; color: #fff !important; font-family: 'boglebold'; font-size: 18px; line-height: 25px;
text-align: left; }
.shopping_bar .text .icon { margin-top:10px; padding-right:15px; width: 80px; min-width:80px; float: left; }
.shopping_bar .text .icon img { max-width: 100%; }
.shopping_bar .text .shopping { display: block;color: #0b1e42; font-family: 'boglebold'; font-size: 15px; line-height: 20px; text-align: center; text-transform: uppercase; width: 100%; max-width: 88%; border: 0px; cursor: pointer; border-radius: 30px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4); background-color: #ffc220; padding: 15px; margin-top:-10px; }
.shopping_bar .text .shopping:hover { color: #ffc220; background: #0b1e42; }
.shopping_bar .aftertext { max-width: 88%; padding-top: 20px; margin-top: 48px; border-top: #fff solid 1px; }
.shopping_bar .aftertext p { color: #ffffff; font-size: 12px; font-family: 'bogleitalic'; line-height: 15px; }
/*.shopping_bar .img { max-height: 681px; }*/

/*dinner_bar*/
.dinner_bar { padding-bottom: 40px; position: relative; background: #ffdc91; }
.dinner_bar:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 101px; background: #ba8702; }
.dinner_bar .text { padding: 81px 0px 0px 62px; width: 55%; }
.dinner_bar .img { padding: 64px 0px 0px; width: 45%; }
.dinner_bar .img img { float: right; }
.dinner_bar .img .top-space { margin-top: 100px; }
.dinner_bar h1 { padding-bottom: 27px; color: #000000; font-family: 'boglebold'; font-size: 40px; line-height: 35px; text-align: center; text-transform: uppercase; font-weight: normal; }
.dinner_bar h1 span { display: block; font-family: 'just_lovelyregular'; text-transform: none; color: #0070ce; font-size: 130px; line-height: 100px; }
.dinner_bar .text .details { padding: 0px 20px 0px 50px; text-align: center; }
.dinner_bar .text p { color: #000000; font-size: 20px; line-height: 26px; }
.dinner_bar .text p strong { font-family: 'boglebold'; font-weight:normal; }
.dinner_bar.fruit { background-color: #bcd19c; }
.dinner_bar h2 { font-size: 100px; font-family: 'just_lovelyregular'; font-weight: normal; }
.dinner_bar .info { margin-bottom: 30px; padding: 18px 28px; border-radius: 13px; flex-wrap: inherit; align-items: center; background-color: #fff; }
.dinner_bar .info p { width: 69%; font-family: 'boglebold'; }
.dinner_bar .info p strong { font-weight:normal; color: #0070ce; }
.dinner_bar .info img { margin-right: 30px; }
.dinner_bar .info span { display: flex; align-items: center; }
.dinner_bar.fruit:before { background-color: #518142; }
.dinner_bar.other:before { height: 200px; }
.dinner_bar.other .text { padding: 26px 0px 0px 96px; width: 46%; }
.dinner_bar.other.space .text { padding-top: 70px; }
.dinner_bar .cont_wrapper { justify-content: space-between; }
.dinner_bar.other .img { margin-top: 45px; width: 50%; display: flex; align-items: center; justify-content: space-between; }
.dinner_bar.other .img.display-none { justify-content: flex-start; }
.dinner_bar.other .img.none { margin-top: 0; }
.dinner_bar li a { min-height:34px; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; padding-left: 58px; position: relative; padding-top:2px; font-size: 20px; color: #000; }
.dinner_bar li label { z-index:1; min-height: 34px; display: inline-block; cursor: pointer; }
.dinner_bar li { position: relative; margin-bottom: 15px; }
.dinner_bar li input { width: 34px; height:34px; margin:0; opacity:0; position: absolute; left:0; top: 0; cursor: pointer; }
.dinner_bar li .checkmark { position: absolute; left:0; top: 0; height: 34px; width: 34px; box-shadow: inset 0 0 3px #518142; border-radius: 4px; background-color: #fff; display: block; }
.dinner_bar li .checkmark:after { content: ""; position: absolute; left: 12px; top: 6px; width: 7px; height: 15px; border: solid transparent; border-width: 0 3px 3px 0; -webkit-transform: rotate(
45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.dinner_bar .checklist li .checkbox input:checked + .checkmark:after ,
.dinner_bar li input:checked ~ .checkmark:after { display: block; border-color: #000; }
.dinner_bar ul { margin-bottom: 25px; min-height: 182px; }
.dinner_bar .button { padding: 0 20px; min-width: 316px; height: 50px; display: inline-flex; justify-content: center; align-items: center; font-size: 15px; border-radius: 25px; }

.dinner_bar .checklist li { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.dinner_bar .checklist li .checkbox { width: 34px; height: 34px; position: relative; }
.dinner_bar .checklist li .checkbox input { width: 34px; height: 34px; opacity:0; margin:0; cursor: pointer;position: relative; z-index:1; }
.dinner_bar .checklist li label { padding: 0 0 0 24px; min-height:34px; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; }
.dinner_bar .checklist li a { color: #000; }

.dinner_bar.meat { background-color: #9cc7d1; }
.dinner_bar.meat:before { background-color: #426581; }
.dinner_bar.pantry { background-color: #d19c9c; }
.dinner_bar.pantry:before { background-color: #814242; }
.dinner_bar.dairy { background-color: #cab6d6; }
.dinner_bar.dairy:before { background-color: #715a70; }
.dinner_bar.beverages { background-color: #ffb78f; }
.dinner_bar.beverages:before { background-color: #ac4c18; }
.dinner_bar.other { padding-bottom: 53px; }

/*menudetails_bar*/
.menudetails_bar { padding: 80px 0 90px; position: relative; background: #cab6d6; }
.menudetails_bar:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 200px; background: #715a70; }
.menudetails_bar .text { padding: 38px; box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.23); background-color: #ffebb5; }
.menudetails_bar .leftext { width: 38%; }
.menudetails_bar .righttext { margin-top: 80px; width: 51%; }
.menudetails_bar .cont_wrapper { max-width: 1040px; }
.menudetails_bar h2 { font-family: 'just_lovely_slantedregular'; font-size: 100px; font-weight: normal; color: #000; line-height: 0.8; }
.menudetails_bar p { font-size: 20px; font-weight: 400; line-height: 1.2; }
.menudetails_bar .center { padding: 53px 30px 30px 65px; justify-content: space-between; border: 2px solid #0070ce; }
.menudetails_bar h4 { font-size: 25px; line-height:1.17; margin-bottom: 4px; text-transform: uppercase; font-family: 'boglebold'; }
.menudetails_bar .righttext p { margin-bottom: 24px; }

/*funthings_bar*/
.funthings_bar { padding: 95px 0px 0px 0px; background: #fec11f; }
.funthings_bar .intro { padding-bottom: 73px; max-width: 650px; margin: 0 auto; text-align: center; }
.funthings_bar h1 { padding-bottom: 2px; color: #000000; font-family: 'boglebold'; font-size: 40px; line-height: 60px; text-transform: uppercase; }
.funthings_bar h1 strong { padding-bottom: 35px; font-weight: normal; color: #0070ce; font-family: 'just_lovelyregular'; font-size: 150px; line-height: 90px; display: block; text-transform: none; }
.funthings_bar p { line-height: 32px; }
.funthings_bar p strong { font-family: 'boglebold'; font-weight:normal; }
.funthings_bar .fruitlist { max-width: 1024px; margin: 0 auto; }
.funthings_bar .fruitbox { margin: 0px 12px 100px; min-height: 637px; position: relative; overflow: hidden; width: calc(50% - 25px); box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #ffffff; }
.funthings_bar .fruitbox .img { position: relative; width:100%; }
.funthings_bar .fruitbox .img img { transition: 0.3s all; width:100%; }
.funthings_bar .fruitbox .img img.mobileimg { opacity: 0; visibility: hidden; position: absolute; left: 0px; top: 0px; }
.funthings_bar .fruitbox:hover .img img.mobileimg { opacity: 1; visibility: visible; }
.funthings_bar .fruitbox:hover .img img.desktopimg { opacity: 0; visibility: hidden; }
.funthings_bar .fruitbox .text { padding: 0 40px; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 135px; position: absolute; left: 0px; bottom: 0px; text-align: center; background: #fff; }
.funthings_bar .fruitbox .hovertext { padding: 35px 20px; opacity: 0; visibility: hidden; position: absolute; left: 0px; bottom: 0px; width: 100%; transition: 0.3s all; background: #fff; }
.funthings_bar .fruitbox:hover .hovertext { display: block; opacity: 1; visibility: visible; }
.funthings_bar .fruitbox h4, .funthings_bar .fruitbox h5 { padding-bottom: 20px; color: #000000; font-family: 'bogleregular'; font-size: 30px; line-height: 25px; text-transform: uppercase; font-weight: normal; transition: 0.3s all; }
.funthings_bar .fruitbox:hover h4 { opacity: 0; }
.funthings_bar .fruitbox .hovertext p { padding: 0 10px 25px; color: #000000; font-family: 'bogleblack'; font-size: 20px; line-height: 25px; }
.funthings_bar .fruitbox .hovertext .button { padding: 12px 30px 8px; line-height: 30px; font-size: 15px; border-radius: 25px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2); }


/*footer*/
.footer { float: left; width: 100%; background: #151515; padding: 25px 0 20px; text-align: center; z-index: 9999; line-height: 20px; }
.footer a.footer_logo { display: inline-block; line-height: 20px; vertical-align: top; }
.footera.footer_logo img { vertical-align: top; width: 169px; }
.footer ul { list-style: none; padding: 16px 0 0; line-height: 20px; }
.footer ul li { display: inline-block; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; color: #fff; padding: 0 5px 0 8px; background: url(../images/link_sep.png) no-repeat left center; }
.footer ul li:first-child { background: none; }
.footer ul li a { display: block; color: #fff; }
.footer ul li a:hover, footer ul li a:focus { color: #888888; }


@-webkit-keyframes swing {
  0%   { -webkit-transform: translate(0,-50px);}
  50%   { -webkit-transform: translate(0,50px); }
  100% { -webkit-transform: translate(0,-50px); }
}
@keyframes swing {
  0%   { transform: translate(0,-50px);}
  50%   { transform: translate(0,50px); }
  100% { transform: translate(0,-50px); }
}

@-webkit-keyframes packet_swing {
  0%   { -webkit-transform: translate(0,-50px) rotate(-10deg);  }
  50%   { -webkit-transform: translate(0,50px) rotate(-10deg); }
  100% { -webkit-transform: translate(0,-50px) rotate(-10deg); }
}
@keyframes packet_swing {
  0%   { transform: translate(0,-50px) rotate(-10deg); }
  50%   { transform: translate(0,50px) rotate(-10deg); }
  100% { transform: translate(0,-50px) rotate(-10deg); }
}




.locked { overflow:hidden; }
.popup_inner { overflow:auto;  width: 100%; height:100%; display: flex; align-items: center; }
.popup { z-index:999999; padding: 50px 20px; transform: scale(0); -webkit-transform: scale(0); opacity:0; visibility:hidden; transition:all 0.3s; -webkit-transition:all 0.3s; position:fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.9); }
.popup.show { transform: scale(1); -webkit-transform: scale(1); opacity:100; visibility:visible; }
.popup .sl-container { width: 300px !important; height: auto !important; min-height:800px !important; }
.popup .sl-container { margin: auto !important; }
.popup .ButtonModal[data-v-c801a518] { margin: 0 !important; width: 100% !important; height: 100% !important; top: 0 !important; }
.popup .popup-modal-dismiss { width: 35px; height: 35px; font-size: 0; border-radius: 50%; display: inline-block; position: absolute; top: 15px; right: 15px; background: url(../images/close-icon.png) no-repeat center center; background-size: cover; }
.pol-sl-modal[data-v-49fbe27e] { left: 35vw !important; }
.pol-sl-header-top-right[data-v-49fbe27e] { display: none !important; }


@media (min-device-width:768px) and (max-device-width:800px) {
	.pol-sl-modal[data-v-49fbe27e] { left: 25vw !important; }
}
@media (min-device-width:100px) and (max-device-width:732px) {
	.pol-sl-modal[data-v-49fbe27e] { left: 0vw !important; }
}

.show .pol-sl-modal { display: block !important; }

.shopping-list-container { position: relative; }
.shopping-list-container a { position:absolute; left:0; top:0; width:100%; height:100%; display: block; }
.shopping-list-container a button { cursor: pointer; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; display: block; }
.shopping-list-container-book .button { cursor: pointer; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; display: block; font-size: 16px!important;}
.pol-sl-header-top-right { display: block !important; }
#wrapper .sl-container { position:absolute !important; left:0; top:0; }
#wrapper .pol-sl-modal { min-width:350px; height: calc(100% - 55px); top:55px; left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }
#wrapper .pol-sl-desc { padding-top:20px; }

/*.overlay:before { width: 100%; height:100%; content:''; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:9; display:none; }
.overlay { overflow: hidden; height:100%; }*/






/****************************Video Popup Css********************************************/
.v_box { position: relative; height: 0; width: 100%; /*padding-bottom:0%;*/ padding-bottom: 56.25%; }
.video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

/******* CSS LIGHTBOX *******/
.vid_box { position: fixed; top: 100%; background: rgba(0, 0, 0, .85);opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; overflow-y: scroll; z-index: 999999; width: 100%; max-width: 100%; padding: 0 15px 0; display:flex;  align-items:center;  justify-content: center;  flex-wrap: wrap;}
.vid_box_inner { display: block; /*width:100%;*/ width: 1100px; /*margin: 0 auto;*/ padding: 10px 0 10px; position: relative; max-width: 100%; }
.vid_box video { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 100%; max-width: 100%; border: none; box-shadow: 0px 0px 8px rgba(0, 0, 0, .3); box-sizing: border-box; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
/* Styles the close link, adds the slide down transition */
.vid-close { cursor: pointer; display: block; width: 14px; height: 16px; text-decoration: none; position: absolute; top: -80px; right: -30px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; }
.vid-close img{ vertical-align:top; width:14px; height:16px; }
.vid_box.active { opacity: 1; top: 0; bottom: 0; left:0; }
.vid_box.active .v_box { padding-bottom: 56.25%; border:2px solid #fff; }
.vid_box.active .video-js { background: #000; }
.vid_box.active video { max-height: 100%; max-width: 100%; }
.vid_box.active .vid-close { top: 0; }

html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }
html > img { width:0; height:0; }



/*--------------------------------grocery2021------------------------------------*/
/*guide_bar*/
.guide_bar { width: 100%; position: relative; }
.guide_bar .cont_wrapper { max-width: 1050px; }
.guide_bar .top .image { width: 40%; }
.guide_bar .top .image img { min-width: 548px; margin:-30px 0 0 -80px; }
.guide_bar .top .text { padding: 100px 20px 0 25px; width: 60%; }
.guide_bar h1 { color: #0070ce; letter-spacing: 0.01em; font-family: 'brandon_grotesquebold'; font-size: 57px; font-weight: normal; line-height: 1.15; padding-bottom: 20px; }
.guide_bar p { line-height:1.4; }
.guide_bar p a { font-weight:700; display: inline-block; text-decoration:none; }
.guide_bar .content { padding: 10px 0 0 0; width: 100%; }
.guide_bar .content .product { width: 50%; order:1; }
.guide_bar .content .text { width: 50%; }
.guide_bar .content .text h2 { padding-bottom: 25px; color: #131415; font-family: 'Just Lovely'; font-weight:normal; font-size: 100px; line-height: 1; }
.guide_bar .content .text h2 a { color:#000; }
.guide_bar .content .text h2 a:hover { color:#0070ce; }
.guide_bar .content .text p { max-width: 365px; color: #0070ce; font-family: 'bogleregular'; font-size: 20px; font-weight: 400; line-height: 27px; }
.guide_bar .content .product img { float: right; width: 100%; max-width: 100%; display: block; }
.guide_bar .content [class*="row"] { margin-bottom: 110px; }
.guide_bar .content .row1 .product img { margin:-130px 50px 0 0px; width:428px !important; }
.guide_bar .content .row2 .product img { margin:-90px 60px 0 35px; width:343px !important; }
.guide_bar .content .row3 .product img { margin:-40px 50px 0 35px; width:399px !important; }
.guide_bar .content .row3 { margin-bottom: 145px; }
.guide_bar .content .row4 .product img { margin: -95px auto 0; float: none; width:257px !important; }
.guide_bar .content .row4 .product { padding-right:40px; }
.guide_bar .content .row5 .product img { min-width: 637px !important; margin: -110px -90px 0 0; }
.guide_bar .content .row5 { margin-bottom:30px; }

/*citrus_bar*/
.citrus_bar { width: 100%; background:#fcfcfc; /*background: #eaeae8;
background: -moz-radial-gradient(center, ellipse cover,  #eaeae8 0%, #dfe3e6 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #eaeae8 0%,#dfe3e6 100%);
background: radial-gradient(ellipse at center,  #eaeae8 0%,#dfe3e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeae8', endColorstr='#dfe3e6',GradientType=1 );*/ }
.citrus_bar .top { padding-bottom: 35px; }
.citrus_bar .top .image { width: 35.4%; margin: 20px 0 0 30px; }
.citrus_bar .top .image img { width: 100% !important; }
.citrus_bar .top .text { padding: 100px 100px 0 70px; width: calc(64.6% - 30px); }
.citrus_bar h1 { color: #0070ce; letter-spacing: 0.01em; font-family: 'brandon_grotesquebold'; font-size: 57px; font-weight: normal; line-height: 1.18; padding-bottom: 20px; }
.citrus_bar p { line-height:1.4; }
.citrus_bar p a { font-weight:700; display: inline-block; text-decoration:none; }
.citrus_bar .product { width: 60%; order:1; }
.citrus_bar .product img { max-width:inherit; width:713px !important; }
.citrus_bar .text { width: 40%; padding: 0 0 0 100px; }
.citrus_bar .content .text h2 { padding-bottom: 25px; color: #131415; font-family: 'Just Lovely'; font-weight:normal; font-size: 100px; line-height: 1; }
.citrus_bar .content .text h2 a { color:#000; }
.citrus_bar .content .text h2 a:hover { color:#0070ce; }
.citrus_bar .content .text p { max-width: 365px; color: #0070ce; font-family: 'bogleregular'; font-size: 20px; font-weight: 400; line-height: 27px; }
.citrus_bar .content .text p a { text-decoration: underline; color: #0070ce; font-weight:400; }
.citrus_bar .content .text p a:hover { text-decoration:none; }
.citrus_bar .content [class*="row"] { margin-bottom: 30px; }
.citrus_bar .content [class*="row"]:last-child { margin-bottom:0; } 
.citrus_bar .row1 .product img { width: 845px !important; margin: -80px 0 0 -3px; }
.citrus_bar .row2 .product img { width: 900px !important; margin: -40px 0 0 -25px; }
.citrus_bar .row3 .product img { width: 845px !important; margin: -65px 0 0 -33px; }
.citrus_bar .row4 .product img { width: 845px !important; margin: -60px 0 0 -13px; }
.citrus_bar .row5 .product img { width: 845px !important; margin: -80px 0 0 15px; }

/*top_bar*/
.top_bar { padding: 90px 0 60px; width: 100%; position: relative; }
.top_bar .cont_wrapper { max-width: 720px; }
.fmf .top_bar .cont_wrapper { max-width: 750px; }
.top_bar h1 { color: #0070ce; letter-spacing: 0.01em; font-family: 'brandon_grotesquebold'; font-size: 57px; font-weight: normal; line-height: 1.2; padding-bottom: 25px; }
.top_bar p { padding-bottom: 34px; line-height:1.4; }
.top_bar p a { font-weight:700; display: inline-block; text-decoration:none; }
.top_bar .inner { transform: translate(10px,0); -webkit-transform: translate(10px,0); }
.top_bar p a { color:#000; }

.souper .top_bar { padding-bottom: 20px; }
.new_year .top_bar .cont_wrapper { max-width:780px; }



/*tab_bar*/
.tab_bar { padding: 0px 0 60px 0; width: 100%; position: relative; }
.tab_bar .tabs_nav { position: relative; width: 100%; }
.tab_bar .tabs_nav:before { z-index:1; width: 100%; height:7px; content:''; position:absolute; left:0; top:100%; box-shadow: 0 -5px 5px rgba(0,0,0,0.2);  }
.tab_bar .tabs_nav ul { list-style:none; margin:0; padding:0; display: flex; -webkit-display: flex; justify-content:center; min-height:10px; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.tab_bar .tabs_nav ul li { text-align: center; padding: 0 5px; width: 25%; font-size: 30px; line-height:1; font-family: 'Just Lovely'; }
.tab_bar .tabs_nav ul li a { transition:none; -webkit-transition:none; padding:20px 25px 0 25px; background: url(../images/tabs2.png) center top no-repeat; background-size:100% 200%; /*box-shadow: 0px -3px 15px rgba(0,0,0,0.3); height:33px; border-radius: 12px 12px 0 0; */ color: #fff; display: block; min-height:60px; margin: 0 -13px -8px; }
.fall .tab_bar .tabs_nav ul li:nth-of-type(3) a,
.souper .tab_bar .tabs_nav ul li:first-child a { padding-top:18px; }
.tab_bar .tabs_nav ul li a.active ,
.tab_bar .tabs_nav ul li a:hover { color:#016fce; position: relative; z-index:2; /*background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);*/ background-position: left 113%; }
.tab_bar .banner { margin:0 auto; width: 100%; position: relative; display: block; max-width: 1000px; }
.tab_bar .banner .tip_trigger { position: relative; z-index:1; font-size:0; line-height:0; display: block; width: 44px; height: 44px; border-radius: 50%; background: #0071cd; cursor: pointer; box-shadow: 0 0 0 rgba(0,113,205, 0.5); animation: pulse 1.5s linear infinite; }
.tab_bar .banner .tip_trigger:before { width: calc(100% + 28px); height:calc(100% + 28px); box-sizing:border-box; -webkit-box-sizing:border-box; border: 2px solid #0071cd; border-radius: 50%; content:''; position:absolute; left:-14px; top:-14px; }
.tab_bar .banner .tip { width:44px; height:44px; position: absolute; z-index:2; }
.tab_bar .banner .tip_content { visibility:hidden; transform: scale(0); -webkit-transform: scale(0); transition:all 0.3s; -webkit-transition:all 0.3s; transform-origin: left bottom; width: 400px; background:#0071cd; color:#fff; padding: 38px 38px 25px 38px ; position:absolute; left:22px; bottom:24px; }

.tab_bar .banner .tip.hover .tip_content { transform: scale(1); visibility:visible; }

@media only screen and (min-width: 1200px) {
.tab_bar .banner .tip:hover .tip_content { transform: scale(1); visibility:visible; }
}

.tab_bar .banner .tip_content.rb { transform-origin: right bottom; -webkit-transform-origin: right bottom; }
.tab_bar .banner .tip_content.lb { transform-origin: left bottom; -webkit-transform-origin: left bottom; }
.tab_bar .banner .tip_content.ct { transform-origin: center top; -webkit-transform-origin: center top; }
.tab_bar .banner .tip_content p { font-size: 20px; line-height:1.37; padding:0; } 

.fmf .tab_bar #tab1 .banner .tip1 { left: 16.2%; top:24.3%; }
.fmf .tab_bar #tab1 .banner .tip2 { right: 3%; bottom:15%; }
.fmf .tab_bar #tab1 .banner .tip2 .tip_content { max-width: 355px; left:auto; right:22px; top:auto; bottom:22px; }
.fmf .tab_bar #tab1 .banner .tip1 .tip_content  { left:-100px; bottom: auto; top:22px; }

.fmf .tab_bar #tab2 .banner .tip1 { top: 56%; left: 4%; }
.fmf .tab_bar #tab2 .banner .tip2 { top: 79%; left: 44%; }
.fmf .tab_bar #tab2 .banner .tip1 .tip_content { left:22px; bottom:22px; top:auto; }
.fmf .tab_bar #tab2 .banner .tip2 .tip_content { max-width: 355px; left:auto; left:22px; bottom:22px; top:auto; }

.fmf .tab_bar #tab3 .banner .tip1 { top: 69%; left: 5%; }
.fmf .tab_bar #tab3 .banner .tip2 { top: 68%; left: 55%; }

.fmf .tab_bar #tab4 .banner .tip1 { top: 73%; left: 46%; }
.fmf .tab_bar #tab4 .banner .tip1 .tip_content { left:auto; right:22px; bottom:22px; top:auto; }
.fmf .tab_bar #tab4 .banner .tip2 { top: 28%; left: 62%; }
.fmf .tab_bar #tab4 .banner .tip2 .tip_content { left:-20px; bottom:30px; }


.tab_bar .banner.portrait { max-width:600px; }
.tab_bar .tabs_content { padding:115px 0 0 0; display: none; position:relative; z-index:1; background:#fff; width: 100%; }
.fmf .tab_bar .tabs_content { padding-top:45px; }
.tab_bar .tabs_content.active { display: block; }
.tab_bar .tabs_content .text { padding-right:25px; width: 100%; max-width: 480px; margin:0 auto; }
.tab_bar .text .num { display: block; text-align: right; margin: -40px 0px -60px 0; color: #0070ce; font-family: 'boglebold';  font-size: 250px; line-height: 1; transform: translate(115px,0); -webkit-transform: translate(115px,0); position: relative; z-index:1; }
.tab_bar .text h2 { padding-bottom: 10px; font-weight:normal; font-size: 100px; line-height:1; font-family: 'Just Lovely'; }
.tab_bar .text p { font-size: 20px; line-height:1.35; padding-bottom:45px; font-family: 'bogleregular'; }
.tab_bar .text h3 { font-weight: normal; padding-bottom: 25px; font-family: 'boglebold'; font-size:30px;  line-height:1; color:#0070ce; }
.tab_bar .text h4 { font-weight: normal; padding-bottom: 10px; font-family: 'boglebold'; font-size:25px;  line-height:1; color:#0070ce; }
.tab_bar .text h5 { font-weight: normal; padding-bottom: 10px; font-family: 'boglebold'; font-size:20px;  line-height:1; color:#000; }
.tab_bar .text li { font-size: 20px; line-height:1.35; padding: 0 0 3px 0; font-family: 'bogleregular'; }
.tab_bar .text li a { text-decoration:underline; color:#000; }
.tab_bar .text li a:hover { text-decoration:none; }
.tab_bar .text ul { padding-bottom: 20px; }
.tab_bar .text ul.pb-55 { padding-bottom: 55px; }
.tab_bar .tab_cont { width: 100%; position: relative; background:#fff; z-index:1; }

.souper .tab_bar .text .num { display: block; text-align: left; padding: 0; transform: none; -webkit-transform: none; margin: -90px 0 -30px -170px; }
.souper .tab_bar .text h2 { margin-right: -120px; padding-bottom: 30px; }
.souper .tab_bar .text ul { padding-bottom: 40px; }
.tab_bar figcaption { font-size: 57px; line-height:1; font-family: 'boglebold'; font-weight:normal; padding: 20px 0 0 0; position:absolute; right:0; top:100%; color: #0070ce; }
.fmf .tab_bar .text h2 { margin-right: -100px; }



.new_year .tab_bar .tabs_content {  padding-top:45px; }
.tab_bar .swiper { width: 100%; }
.tab_bar .slider_row { width: auto; height: 800px;  position: relative; }
.tab_bar .slider_row #before-image img { max-width: inherit; }


.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}
.tab_bar {}






/*description_bar*/
.description_bar { width: 100%; position: relative; }
.description_bar .the_row { width: 100%; min-height:90vh; background-position: center center;background-size:cover; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; background-attachment:fixed; }
.description_bar .text { max-width: 375px; background: rgba(255,255,255,0.9); width: 100%; padding: 25px 25px 35px ; }
.description_bar h2 { padding-bottom: 30px; font-weight:normal; color: #000; font-size: 100px; line-height:1; font-family: 'Just Lovely'; }
.description_bar h3 { padding-bottom: 5px; font-family: 'boglebold'; font-weight:normal; font-size:20px; line-height:1; color:#0070ce; }
.description_bar p { padding-bottom: 30px; font-family: 'bogleregular'; font-size:20px; line-height:1.3; color:#0070ce; }
.description_bar .button { font-size: 15px; padding: 11px 30px 6px 30px; margin-top:-10px; box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.2); }
.description_bar .row5 .text { max-width: 470px; }

/*rady_for_cooking*/
.rady_for_cooking { padding: 50px 0; width: 100%; }
.rady_for_cooking .cont_wrapper { max-width: 1125px; }
.rady_for_cooking .image { width: 45.5%; }
.rady_for_cooking .text { padding: 10px 0 0 60px; width: 54.5%; }
.rady_for_cooking h3 { color: #0070ce; font-family: "bogleregular"; font-size: 27px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.2;  padding-bottom: 30px; }
.rady_for_cooking h3 strong { font-weight:normal; font-family: 'boglebold'; }
.rady_for_cooking p { padding-bottom: 25px;  color: #000000; font-family: "boglebold"; font-size: 18px; font-weight: normal; font-style: normal; letter-spacing: normal; line-height: 1.4; }
.rady_for_cooking p strong { font-weight:normal; }
.rady_for_cooking .button { width: 100%; max-width:490px; margin-top:10px; font-size: 15px; display:block; text-align:center; }
.rady_for_cooking small { color: #000000; font-family: "bogleitalic"; display: block; padding-top:35px; font-size: 12px; font-weight: normal; line-height: 15px; }


/*Delicious Bar*/
.delicious_bar { display:block; overflow:hidden; width: 100%; position: relative; background: #474c5f url(../images/article-bg2.jpg) no-repeat center top; background-size:cover!important; padding:95px 0 1115px; background-position: -500px 0 0 0; }
.delicious_bar::before { width: 1833px; height: 3413px; content: ''; position: absolute; right: 50%; margin-right: -1095px; background: url(../images/article-bg.png) no-repeat; background-size: auto; background-size: 100% 100%; bottom: 0px; }
.delicious_bar .text{ display:block; width: 100%; max-width:868px; margin:0 auto; padding:0 0 80px; }
.delicious_bar .text h1{ font-family: 'brandon_grotesquebold'; font-size:57px; line-height:70px; color:#469FEA; padding:0 0 20px; font-weight:normal; }
.delicious_bar .text h1 span{ display:block; }
.delicious_bar .text p{ font-family: 'bogleregular'; font-size:25px; line-height:35px; color:#fff; }
.delicious_bar .text p strong{ font-family: 'boglebold'; font-weight:normal; }

.delicious_bar .content{ display:block; width: 100%; max-width:1004px; margin:0 auto; }
.delicious_bar .content .content_inner{ display:block; width: 100%; max-width:480px; }
.delicious_bar .content h3{ font-family: 'just_lovelyregular'; font-weight:normal; font-size:80px; line-height:70px; color:#FEC11F; padding:27px 0 7px; }
.delicious_bar .content h3 a{ text-decoration:underline; color:#FEC11F; }
.delicious_bar .content h3 a:hover{ text-decoration:none; }
.delicious_bar .content p{ font-family: 'bogleregular'; font-size:20px; line-height:27px; color:#fff; padding:0 0 25px; }
.delicious_bar .content p strong{ font-weight:normal; font-size:inherit; line-height:inherit; }


.book_bar{ display:block; width: 100%; position: relative; padding:50px 0 50px; background: #008ed0 url(../images/blue-bg.jpg) repeat center top; background-size:cover !important; }

.book_bar .book_box{ position:relative; display:block; width: 100%; max-width:920px; margin:0 auto; min-height:558px;  }
.book_bar .book_box .book_img{ position:absolute; left:0; top:0; width:100%; }

.book_bar .book_box .book_slider{ display:block; width: 100%; }

.book_bar .book_box .book_slider .slick-prev { position: absolute; font-size: 0; transform: scale(-1,1); -webkit-transform: scale(-1,1); background: url(../images/book-arrow.png) 100% center no-repeat; background-size: auto; background-size: 100% auto; width: 67px; height: 30px; margin: 0; left: -90px; top: 50%; cursor: pointer; border-radius: 0; border: none; z-index: 999; margin: 10px 0 0 0; }


.book_bar .book_box .book_slider .slick-prev.slick-disabled{ opacity:0;  cursor:default;}
.book_bar .book_box .book_slider .slick-prev:before{ content:"";}

.book_bar .book_box .book_slider .slick-next {
position: absolute;
font-size: 0;
background: url(../images/book-arrow.png) 100% center no-repeat;
background-size: auto;
background-size: 100% auto;
width: 67px;
height: 30px;
margin: 0;
right: -90px;
top: 50%;
cursor: pointer;
border-radius: 0;
border: none;
z-index: 999;
margin: 10px 0 0 0;
}

.book_bar .book_box .book_slider .slick-next.slick-disabled{ opacity:0; cursor:default;}
.book_bar .book_box .book_slider .slick-next:before {content:"";}
.book_bar .book_box .paging_info{ display:none; }


.book_bar .book_box .book_slide{ display:block; width: 100%; position: relative; }
.book_bar .book_box .book_slide_inner{ display:flex; flex-wrap:wrap; min-height:500px; }
.book_bar .book_box .book_slide img{ vertical-align:top; }
.book_bar .book_box .book_slide .intro_box{ width:50%; text-align:center; padding:45px 55px 0 70px; }
.book_bar .book_box .book_slide .intro_box h1{ font-family: 'boglebold'; font-weight:normal; font-size:29px; line-height:29px; color:#000; text-transform:uppercase; padding:0 0 10px; }
.book_bar .book_box .book_slide .intro_box h1 span{ display:block; font-family: 'just_lovelyregular'; font-size:60px; line-height:71px; color:#0f7cbd; text-transform:none; padding:0 0 2px; }
.book_bar .book_box .book_slide .intro_box p{ font-family: 'bogleregular'; font-size:20px; line-height:27px; color:#000; }
.book_bar .book_box .book_slide .intro_box p strong{ font-family: 'boglebold'; font-weight:normal; }

.book_bar .book_box .book_slide .img_box{ width:50%; padding:44px 0 0 72px; position:relative; }
.book_bar .book_box .book_slide .img_box.right{ order:2; padding:44px 0 0 33px; }
.book_bar .book_box .book_slide .img_box figure{ width:351px; max-width:100%; border-top-right-radius:70px; overflow:hidden; }
.book_bar .book_box .book_slide .img_box.right figure{ border-top-left-radius:70px; border-top-right-radius:0; }

.book_bar .book_box .book_slide .cont_box{ width:50%; text-align:center; padding:66px 70px 0 35px; position:relative; }
.book_bar .book_box .book_slide .cont_box.space_top{ padding-top:90px; }
.book_bar .book_box .book_slide .cont_box.left{ padding:66px 35px 0 70px; }
.book_bar .book_box .book_slide .cont_box h3{ font-weight:normal; font-family: 'just_lovelyregular'; font-size:55px; line-height:25px; color:#000; padding:0 0 28px; }
.book_bar .book_box .book_slide .cont_box p{ font-family: 'bogleregular'; font-size:18px; line-height:30px; color:#000; }

.book_bar .book_box .book_slide .cont_box .bottom_line{ font-family: 'bogleregular'; font-size:15px; line-height:30px; color:#000; position:absolute; width:100%; left:0; bottom:10px; padding:0 45px 0 10px;}
.book_bar .book_box .book_slide .cont_box.left .bottom_line{ padding:0 10px 0 45px; }
.book_bar .book_box .book_slide .cont_box .bottom_line strong{ font-weight:normal; font-family: 'boglebold'; }


.book_bar .book_box .book_slide .recipe_box{ width:50%; padding:64px 45px 0 75px; position:relative; }
.book_bar .book_box .book_slide .recipe_box:nth-child(2){ padding:35px 45px 0 50px;}
.book_bar .book_box .book_slide .recipe_box.space_top{ padding-top:85px; }
.book_bar .book_box .book_slide .recipe_box.space_top1{ padding-top:64px; }
.book_bar .book_box .book_slide .recipe_box h3{ font-weight:normal; font-family: 'boglebold'; font-size:20px; line-height:23px; color:#000; text-transform:uppercase; padding:0 0 5px; }
.book_bar .book_box .book_slide .recipe_box h4{ font-weight:normal; font-family: 'boglebold'; font-size:15px; line-height:23px; color:#000;}
.book_bar .book_box .book_slide .recipe_box ul{ display:block; width:100%; padding:0 0 29px; }
.book_bar .book_box .book_slide .recipe_box ul li{ font-weight:normal; font-family: 'bogleregular'; font-size:15px; line-height:23px; color:#000; }
.book_bar .book_box .book_slide .recipe_box p{ font-weight:normal; font-family: 'bogleregular'; font-size:15px; line-height:23px; color:#000; }
.book_bar .book_box .book_slide .recipe_box .title{ background:#bd8d0d; display:inline-block; font-weight:normal; font-family: 'boglebold'; font-size:15px; line-height:19px; color:#fff; padding:13px 10px; position:absolute; left:37px; top:0; }

.book_bar .book_box .book_slide .order_box{ width:50%; padding:225px 0 0 101px; position:relative; }
.book_bar .book_box .book_slide .order_box h3{ font-weight:normal; font-family: 'boglebold'; font-size:20px; line-height:23px; color:#000; max-width:215px; padding:0 0 8px; }
.book_bar .book_box .book_slide .order_box ul{ display:block; padding:0 0 25px;}
.book_bar .book_box .book_slide .order_box ul li{ font-weight:normal; font-family: 'bogleregular'; font-size:12px; line-height:19px; color:#000; }

.book_bar .book_box .book_slide .end_box{ display:flex; width:50%; align-items:center; justify-content:center; position:relative; }
.book_bar .book_box .book_slide .end_box p{ font-family: 'BrandonGrotesque-Thin'; font-size:30px; line-height:30px; color:#000; }

.book_bar .book_box .book_slide .decor{ position:absolute; }
.book_bar .book_box .book_slide .decor1a{ width:407px; right:38px; bottom:27px; }
.book_bar .book_box .book_slide .decor2a{ width:423px; left:37px; bottom:5px; }
.book_bar .book_box .book_slide .decor2b{ width:213px; right:10px; top:0; }
.book_bar .book_box .book_slide .decor3a{ width:422px; right:37px; bottom:32px; }
.book_bar .book_box .book_slide .decor3b{ width:316px; right:37px; top:0; }
.book_bar .book_box .book_slide .decor4a{ width:423px; left:37px; bottom:14px; }
.book_bar .book_box .book_slide .decor4b{ width:325px; right:37px; top:0; }
.book_bar .book_box .book_slide .decor5a{ width:396px; right:63px; bottom:7px; }
.book_bar .book_box .book_slide .decor5b{ width:394px; left:0; top:17px; }
.book_bar .book_box .book_slide .decor6a{ width:422px; right:37px; top:0; }
.book_bar .book_box .book_slide .decor6b{ width:420px; left:37px; top:5px; }

.book_bar .book_box .book_slide .decor2aa{ width:414px; display:none; }
.book_bar .book_box .book_slide .decor6aa{ width:414px; display:none; }
.book_bar .book_box .book_slide .decor6bb{ width:414px; display:none; }


.book_bar .book_box .book_slide .btn{ box-shadow:8px 8px 16px rgba(0,0,0,0.20); display:inline-block; width:189px; background:#ffc220; color:#0b1e42; border-radius:20px; font-family: 'boglebold'; font-size:12px; line-height:15px; text-transform:uppercase; text-align:center; padding:14px 0; margin:0; position:absolute; left:-386px; bottom:24px; }
.book_bar .book_box .book_slide .space_top .btn{ left:50px; }
.book_bar .book_box .book_slide .order_box .btn{ left:101px; }

/*Delicious Bar*/









@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0,113,205, 0.5);
}
100% {
-webkit-box-shadow: 0 0 0 30px rgba(0,113,205, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(0,113,205, 0.5);
box-shadow: 0 0 0 0 rgba(0,113,205, 0.5);
}
100% {
  -moz-box-shadow: 0 0 0 10px rgba(0,113,205, 0);
  box-shadow: 0 0 0 30px rgba(0,113,205, 0);
}
}











.container {
  position: relative;
  width: 900px;
  height: 600px;
  border: 2px solid white;
  .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 900px 100%;
  }
  .background-img {
    background-image: url('https://i.imgur.com/s08MkXC.jpg');
  }
  .foreground-img {
    background-image: url('https://i.imgur.com/PfIWek4.jpg');
    width: 50%;
  }
  
.slider {
position: absolute;
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 100%;
background: rgba(#f2f2f2, .3);
outline: none;
margin: 0;
transition: all .2s;
@include center;
&:hover {
background: rgba(#f2f2f2, .1);
}
    &::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 6px;
      height: 600px;
      background: white;
      cursor: pointer;
    }
    &::-moz-range-thumb {
      width: 6px;
      height: 600px;
      background: white;
      cursor: pointer;
    }
  }
  
  .slider-button {
    $size: 30px;
    pointer-events: none;
    position: absolute;
    width: $size;
    height: $size;
    border-radius: 50%;
    background-color: white;
    left: calc(50% - 18px);
    top: calc(50% - 18px);
    @include center;
    
    @mixin arrow-helper() {
      content: '';
      padding: 3px;
      display: inline-block;
      border: solid #5D5D5D;
      border-width: 0 2px 2px 0;
    }
    &:after {
      @include arrow-helper();
      transform: rotate(-45deg);
    }
    &:before {
      @include arrow-helper();
      transform: rotate(135deg);
    }
  }
}

/*new_recipe_bar*/
.new_recipe_bar { margin:-65px 0 0 0; padding-bottom: 70px; width: 100%; position: relative; }
.new_recipe_bar .cont_wrapper { max-width:1040px; }
.new_recipe_bar .the_row { margin:0 -25px; }
.new_recipe_bar .col2 { padding: 0 25px 40px; width: 50%; }
.new_recipe_bar .col2 figure { overflow: hidden; display: block; position: relative; } 
.new_recipe_bar .col2 figure img { width: 100%; transition:all 0.3s; } 
.new_recipe_bar .title { padding: 25px 0px; display: block; font-size: 25px; font-weight:700; color:#000; letter-spacing:-0.025em; }
.new_recipe_bar figcaption { display: block; width: 100%; min-height:51px; position:absolute; left: 0; bottom:0; font-size: 16px; line-height: 20px; color: #0070CE; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-transform: uppercase; letter-spacing:2px; font-weight:normal; font-family: 'boglebold'; background:#fff url(../images/tile-title-bg.png) center center no-repeat; background-size:100% 100%; }
.new_recipe_bar .col2 a:hover figure  img { transform: scale(1.15); }
.new_recipe_bar .col2 a:hover .title { color: #0070CE; }


/*recipe_banner_bar*/
.recipe_banner_bar { width: 100%; }
.recipe_banner_bar img { width: 100% !important; height: 360px; object-fit:cover; }

/*new_recipe_detail_bar*/
.new_recipe_detail_bar { width: 100%; padding-bottom: 50px; }

.new_recipe_detail_bar .top_section { padding: 25px 0 45px; text-align: center; width: 100%; background: #0070ce url(../images/blue-bar-bg.jpg) center bottom repeat-x; }
.new_recipe_detail_bar .top_section ul { list-style:none; margin:0; padding:0; }
.new_recipe_detail_bar .top_section li { display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #fff !important; letter-spacing: 0.10em; padding: 0 35px; }
.new_recipe_detail_bar .top_section li strong { padding:5px 0 0 0; font-weight:normal; font-family: 'boglebold'; display: block; font-size: 24px; line-height: 1; text-transform: none; letter-spacing: 0em; }

.new_recipe_detail_bar .intro { padding: 80px 0; text-align: center; }
.new_recipe_detail_bar .intro .cont_wrapper { max-width: 780px; }
.new_recipe_detail_bar h1 { padding-bottom: 15px; font-size: 50px; line-height:1.1; font-family: bogleblack; font-weight:normal;  }
.new_recipe_detail_bar p { color: #8B8B8B; font-size: 24px; line-height:1.4; font-weight:normal; font-family: 'boglebold';  }
.new_recipe_detail_bar .minipro_list { padding: 30px 0 20px; }
.new_recipe_detail_bar .minipro_list.list2 { padding: 50px 0 28px; }
.new_recipe_detail_bar .minipro_list li { padding: 0 1px; display: inline-block; vertical-align: top; }
.new_recipe_detail_bar .minipro_list li img { max-height:87px; }
.new_recipe_detail_bar .minipro_list.list2 li img { max-height: 103px; }
.new_recipe_detail_bar .minipro_list.list2 li:nth-child(3) { padding-top: 25px; }
.new_recipe_detail_bar .minipro_list.list2 li:nth-child(3) img { max-height: 80px; }
.new_recipe_detail_bar .minipro_list.list2 li:nth-child(4) { padding-top: 18px; }
.new_recipe_detail_bar .minipro_list.list2 li:nth-child(4) img { max-height: 78px; }
.new_recipe_detail_bar .minipro_list.list3 { padding: 40px 0 30px; }
.new_recipe_detail_bar .minipro_list.list3 li img { max-height: 96px; }
.new_recipe_detail_bar .minipro_list.list3 li:nth-child(2) { padding-top: 15px; }
.new_recipe_detail_bar .minipro_list.list3 li:nth-child(2) img { max-height: 72px; }
.new_recipe_detail_bar .minipro_list.list3 li:nth-child(4) { padding-top: 10px; }
.new_recipe_detail_bar .minipro_list.list3 li:nth-child(4) img { max-height: 82px; }
.new_recipe_detail_bar .minipro_list.list3 { }
.new_recipe_detail_bar .minipro_list.list3 { }
.new_recipe_detail_bar .byline { padding-bottom: 15px; font-size: 16px; }
.new_recipe_detail_bar .easychick h1 { padding-bottom: 5px; }
.new_recipe_detail_bar .easychick { padding-bottom: 96px; }
.new_recipe_detail_bar .intro { padding-bottom: 96px; }
.new_recipe_detail_bar .intro h1 { padding-bottom: 10px; }

.new_recipe_detail_bar .recipebox { padding: 10px 0; width: 100%; }
.new_recipe_detail_bar .recipebox .cont_wrapper { max-width: 1020px; }
.new_recipe_detail_bar .recipebox .left_side { padding: 0 40px 0 0; width: 44.5%; }
.new_recipe_detail_bar .recipebox .right_side { width: 55.5%; }
.new_recipe_detail_bar .recipebox .left_side .new_cart_button { width: 100%; display: flex; }
.new_recipe_detail_bar .recipebox .ingredient_box { background: #e8f0fb; padding: 40px 35px 30px; margin-bottom: 40px; border-radius:35px; }
.new_recipe_detail_bar h4 { font-size: 24px; line-height: 1.2; letter-spacing:-0.02em; padding-bottom: 25px; }
.new_recipe_detail_bar .recipebox h4 { padding-bottom: 32px; }
.new_recipe_detail_bar .recipebox .ingredient_box li { position: relative; font-size: 20px; line-height: 1.5; padding: 0 0 18px 30px; }
.new_recipe_detail_bar .recipebox .ingredient_box li strong { position:absolute; left:0; top:-7px; color: #0070CE; font-size: 34px; font-family: 'bogleblack'; font-weight:normal; padding: 0 10px 0 0; }
.new_recipe_detail_bar .recipebox .ingredient_box li:last-child { padding-bottom:0; }
.new_recipe_detail_bar .recipebox .ingredient_box li a { color: #000; text-decoration:underline; }
.new_recipe_detail_bar .recipebox .ingredient_box li a:hover { text-decoration:none; }
.new_recipe_detail_bar .recipebox .right_side ol { list-style:none; margin:0; padding:0; counter-reset:counter; }
.new_recipe_detail_bar .recipebox .right_side ol li { padding: 0 0 25px 0px; position: relative; font-size: 20px; line-height:1.45; counter-increment:counter; }
.new_recipe_detail_bar .recipebox .right_side ol li span { display: block; padding-left:45px; position: relative; }
.new_recipe_detail_bar .recipebox .right_side ol li span:after { content:counter(counter); font-size: 16px; line-height: 30px; height: 25px; width:25px; text-align: center; color: #fff; border-radius: 50%; background: #0070ce; position:absolute; left:0; top:0; font-family: 'bogleblack'; }
.new_recipe_detail_bar .recipebox .right_side figure img { width: 100%; }
.new_recipe_detail_bar .recipebox figcaption { font-size: 70px; line-height: 1; text-align: right; letter-spacing: 0.04em; margin: -15px 15px 20px 0; color: #FEC11F; display: block; font-family: 'just_lovelyregular'; }
.new_recipe_detail_bar .recipebox.easychicken { padding-bottom: 98px; }
.new_recipe_detail_bar .recipebox.easychicken .ingredient_box { padding: 35px 35px 54px; }
.new_recipe_detail_bar .recipebox.easychicken .ingredient_box li strong { width: 50px; font-size: 24px; }
.new_recipe_detail_bar .recipebox.easychicken .ingredient_box li { padding-left: 50px; padding-bottom: 20px; }
.new_recipe_detail_bar .recipebox.easychicken h4 { padding-bottom: 30px; }
.new_recipe_detail_bar .recipebox.easychicken .ingredient_box li strong { left: 2px; top: -4px; }
.new_recipe_detail_bar .recipebox.easychicken .ingredient_box li strong.sub { font-size: 30px; }
.new_recipe_detail_bar .recipebox.easychicken figcaption { margin-bottom: 23px; }
.new_recipe_detail_bar .recipebox.easychicken .right_side ol li { padding: 0 0 23px 0px; }
.new_recipe_detail_bar .recipebox.creamy { padding-bottom: 50px; }
.new_recipe_detail_bar .recipebox.creamy .ingredient_box li strong { font-size: 24px; left: 4px; top: -1px; }
.new_recipe_detail_bar .recipebox.creamy .ingredient_box { padding: 35px 35px 58px; }
.new_recipe_detail_bar .recipebox.creamy h4 { padding-bottom: 29px; }
.new_recipe_detail_bar .recipebox.creamy .ingredient_box li { padding-bottom: 20px; }
.new_recipe_detail_bar .recipebox.creamy { }
.new_recipe_detail_bar .recipebox.creamy { }
.new_recipe_detail_bar .recipebox.creamy { }
.new_recipe_detail_bar .recipebox.creamy { }

/*new_cta_bar*/
.new_cta_bar { padding: 50px 0; width: 100%; background: #0070ce; min-height: 300px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.new_cta_bar .back_btn { display: inline-block; vertical-align: middle; transition:all 0.3s; }
.new_cta_bar .back_btn:hover { opacity:0.50 !important; }

.new_cta_bar .back_btn img { display:inline-block; vertical-align: middle; margin-top:-12px; margin-right:15px; }
.new_cta_bar h3 { display:inline-block; vertical-align: middle; font-size: 30px; line-height: 1.2; color: #fff; font-weight:normal; font-family: 'boglebold';  }
.new_cta_bar h3 span { font-size: 100px; color: #FEC11F; font-family: 'just_lovelyregular'; margin: 0px 0 -10px 10px; display: inline-block; vertical-align: middle; letter-spacing: 0.04em; }

.new_cart_button { text-align: center; justify-content:center; font-size:16px; line-height: 20px; color:#fff; text-transform: uppercase; font-family: bogleblack; font-weight:normal; background: #0070ce; position: relative; position: relative; z-index:1; border: 1px solid #0070ce; border-radius: 50px; letter-spacing: 2px; display: inline-flex; flex-wrap:wrap; align-items:center; min-height:78px; padding: 10px 105px 10px 45px; overflow: hidden; transition:all 0.2s; }
.new_cart_button:after { transition:all 0.3s; width: 82px; height: calc(100% - 2px); border-radius: 0 50px 50px 0; content:''; position:absolute; right:1px; top:1px; background: #fff url(../images/plus.svg) center center no-repeat; }
.new_btn_wrap { display: table; position: relative; margin:0 auto; }
.new_btn_wrap:before { width: 100%; height: 100%; content:''; border: 2px solid #0070ce; border-radius: 50px; background: #dbf1ff; position:absolute; left:0; top:0; box-sizing:border-box; }
.new_cart_button:hover:after { background-color: #FEC11F; }
.new_cart_button:hover { transform: translate(0,-4px); }

/*dinnertime_bar*/
.dinnertime_bar { padding: 105px 0; width: 100%; }
.dinnertime_bar .cont_wrapper { max-width: 1020px; }
.dinnertime_bar .intro { max-width: 700px; margin:auto; text-align: center; }
.dinnertime_bar .intro figure { width: 250px; margin:auto; display: block; } 
.dinnertime_bar .intro figure img { width: 250px; height: 250px; border-radius: 50%; object-fit:cover; } 
.dinnertime_bar .intro h1 { padding: 50px 0 30px; font-size: 50px; line-height:1.1; font-family: bogleblack; font-weight:normal;  }
.dinnertime_bar .intro p { color: #8B8B8B; font-size: 24px; line-height:1.38; font-weight:normal; font-family: 'boglebold'; padding-bottom: 20px; }
.dinnertime_bar .intro p.byline { padding-bottom: 15px; font-size: 16px; }
.dinnertime_bar .table_of_content { width: 100%; max-width: 400px; border: 1px solid #0070CE; border-radius: 35px; margin:10px auto; padding: 40px 20px 40px 40px; text-align: left; }
.dinnertime_bar .table_of_content ol { list-style:none; margin:0; padding:0; counter-reset:counter; }
.dinnertime_bar .table_of_content li {   padding: 0 0 15px 50px; position: relative; font-size: 24px; line-height:1.45; counter-increment:counter;}
.dinnertime_bar .table_of_content li:last-child { padding-bottom:0; }
.dinnertime_bar .table_of_content li a { color: #000000; }
.dinnertime_bar .table_of_content li:after { content:counter(counter); font-size: 40px; line-height: 1; color: #0070CE; position:absolute; left:0; top:0; font-family: 'bogleblack'; width: 30px; text-align: center; }
.dinnertime_bar .content_group { padding: 90px 0 0 0; counter-reset:counter; }
.dinnertime_bar .content_group .content { padding-bottom:90px; counter-increment:counter; position: relative; }
.dinnertime_bar .content_group .content:before { content:counter(counter); font-size: 300px; line-height: 1; color: #E8F0FB; position:absolute; left:0; top:0; font-family: 'bogleblack'; width: 30px; text-align: center; } 
.dinnertime_bar .content_group .left_side { padding: 0 50px 0 0; width: 30%; }
.dinnertime_bar .content_group .right_side { width: 70%; }
.dinnertime_bar .content_group .right_side .text p { padding-bottom: 20px; font-size: 20px; line-height: 1.5; } 
.dinnertime_bar .recipe { margin: 25px 0 0 0; position: relative; }
.dinnertime_bar .recipe img { width: 100% !important; } 
.dinnertime_bar .content_group .left_side h3 { padding: 10px 0 0 50px; font-size: 40px; line-height: 1.35; font-weight:normal; font-family: 'bogleblack'; }
.dinnertime_bar .recipe .hot_tip { position:absolute; right: calc(100% - 33px); top: 50%; margin-top:-33px;} 
.dinnertime_bar .tip_title  { position: relative; z-index:1; display: flex; }
.dinnertime_bar .tip_title span { font-size: 70px; line-height:1; white-space:nowrap; color: #0070CE; font-family: 'just_lovelyregular'; letter-spacing: 0.03em; }
.tip_title { }

.dinnertime_bar .tip_content { padding: 30px 30px; border-radius: 35px; width: 290px; position:absolute; left:100%; top:50%; background:#0070CE; color:#fff; transform: translate(-100%,-50%); opacity:0; visibility:hidden; transition:all 0.3s;}
.dinnertime_bar .tip_content p { font-size: 20px; line-height: 1.5; padding:0; } 
.dinnertime_bar .tip_content p a { color: #fff; text-decoration:underline; }
.dinnertime_bar .tip_content p a:hover { text-decoration:none; }
.dinnertime_bar .tip_trigger { z-index:1; width: 66px; height: 66px; background: #e8f0fb url(../images/plus.svg) center center no-repeat; font-size:0; line-height: 0; min-width:66px; border-radius: 50%; border: 1px solid #0070CE; margin-left:17px; cursor: pointer; }
.dinnertime_bar .tip_trigger:hover { background-color:#FEC11F; }
.dinnertime_bar .active .tip_trigger { transform: rotate(45deg); background-color:#FEC11F; }
.dinnertime_bar .tip_title.active span { display: none; }
.dinnertime_bar .tip_content.active { transform: translate(-100%,-50%); margin-left:-33px; opacity:100; visibility:visible; }  
.dinnertime_bar .bottom_content { text-align: center; max-width: 700px; margin:0 auto; }
.dinnertime_bar .bottom_content .minipro_list { padding: 30px 0 20px; }
.dinnertime_bar .bottom_content .minipro_list li { padding: 0 1px; display: inline-block; vertical-align: top; }
.dinnertime_bar .bottom_content .minipro_list li img { max-height:87px; }
.dinnertime_bar .bottom_content p { color: #8B8B8B; font-size: 24px; line-height:1.38; font-weight:normal; font-family: 'boglebold'; padding-bottom: 20px; }

.dinnertime_bar.howtocook { }
.dinnertime_bar.howtocook .intro h1 { padding-bottom: 17px; }
.dinnertime_bar.howtocook .content_group { padding: 40px 0 0 0; }
.dinnertime_bar.howtocook .banner { padding-bottom: 71px; }
.dinnertime_bar.howtocook .left_side figure { padding-top: 315px; width: calc(100% + 10px); }
.dinnertime_bar.howtocook .content_group .content:before { display: none; }
.dinnertime_bar.howtocook h3 { padding: 40px 0px 11px 0px; margin: 0px; font-family: 'boglebold'; font-weight: normal; font-size: 35px; line-height: 54px; color: #000000; }
.dinnertime_bar.howtocook h3.heading2 { padding-top: 20px; }
.dinnertime_bar.howtocook h3.heading3 { padding-top: 24px; width: 102%; }
.dinnertime_bar.howtocook .right_side .text { padding-bottom: 24px; }
.dinnertime_bar.howtocook .right_side .text2 { padding-bottom: 12px; }
.dinnertime_bar.howtocook .content_group .content { padding-bottom: 5px; }
.dinnertime_bar.howtocook .content_group .content#content2 { padding-bottom: 85px; }
.dinnertime_bar.howtocook .bottom_content .minipro_list li:first-child img { max-height: 112px; }
.dinnertime_bar.howtocook .bottom_content .minipro_list li:nth-child(2) { padding-top: 21px; }
.dinnertime_bar.howtocook .bottom_content .minipro_list li:nth-child(2) img { max-height: 82px; }
.dinnertime_bar.howtocook .bottom_content .minipro_list li:nth-child(3) img { max-height: 100px; }
.dinnertime_bar.howtocook .new_btn_wrap { margin-top: 20px; }
.dinnertime_bar.howtocook { }
.dinnertime_bar.savetimemoney { }
.dinnertime_bar.savetimemoney .intro h1 { padding-bottom: 17px; }
.dinnertime_bar.savetimemoney .content_group { padding: 43px 0 0 0; }
.dinnertime_bar.savetimemoney .banner { padding-bottom: 50px; }
.dinnertime_bar.savetimemoney .introtext { max-width: 690px; margin: 0 auto; }
.dinnertime_bar.savetimemoney .introtext p { padding-bottom: 20px; font-size: 20px; line-height: 1.5; } 
.dinnertime_bar.savetimemoney h3 { padding: 40px 0px 11px 0px; margin: 0px; font-family: 'boglebold'; font-weight: normal; font-size: 35px; line-height: 54px; color: #000000; }
.dinnertime_bar.savetimemoney .textbox .left_side figure { padding-top: 103px; width: calc(100% + 10px); }
.dinnertime_bar.savetimemoney .content_group .content:before { display: none; }
.dinnertime_bar.savetimemoney .textbox .left_side figure figcaption { font-family: 'just_lovelyregular'; font-weight: normal; font-size: 60px; line-height: 1; letter-spacing: 2.51852px; color: #FEC11F; margin-top: -11px; }
.dinnertime_bar.savetimemoney .text { }
.dinnertime_bar.savetimemoney .text ol { padding: 0px; margin: 0px; list-style: none; counter-reset:counter;  }
.dinnertime_bar.savetimemoney .text li { padding: 0px 0px 20px 42px; font-size: 20px; line-height: 1.5; position: relative; counter-increment:counter; }
.dinnertime_bar.savetimemoney .text ol li:before { content:counter(counter); font-size: 16px; color: #fff; position: absolute; left: -3px; top: 2px; font-family: 'bogleblack'; width: 25px; height: 25px; line-height: 30px; text-align: center; background: #0070CE; border-radius: 50%; }
.dinnertime_bar.savetimemoney .text li a { color: #000; text-decoration: underline; text-decoration-thickness: 1px; }
.dinnertime_bar.savetimemoney .text li a:hover { text-decoration: none; }
.dinnertime_bar.savetimemoney .content_group .content { padding-bottom: 8px; }
.dinnertime_bar.savetimemoney #content2 .textbox { flex-direction: row-reverse; }
.dinnertime_bar.savetimemoney .content_group #content2 .left_side { padding: 0 16px 0 34px; }
.dinnertime_bar.savetimemoney .content_group #content2 .left_side figcaption { text-align: right; }
.dinnertime_bar.savetimemoney .content_group #content2 ol { padding-top: 2px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list { padding-bottom: 35px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li img { max-height: 75px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li:first-child { padding-top: 24px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li:nth-child(2) { padding-top: 11px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li:nth-child(3) { padding-top: 18px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li:nth-child(2) img { max-height: 92px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li:nth-child(3) img { max-height: 82px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li:nth-child(4) img { max-height: 109px; }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li { }
.dinnertime_bar.savetimemoney .bottom_content .minipro_list li { }
.dinnertime_bar.savetimemoney .new_btn_wrap { margin-top: 15px; }
.dinnertime_bar.savetimemoney .content_group .content#content2 { padding-bottom: 33px; }
.dinnertime_bar.savetimemoney { }
.dinnertime_bar.savetimemoney { }
.dinnertime_bar.savetimemoney { }
.dinnertime_bar.savetimemoney { }
.dinnertime_bar.savetimemoney { }
.dinnertime_bar.savetimemoney { }
.dinnertime_bar {  }