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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

table,
th,
td {
    border: none
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    table-layout: fixed;
    width: 100%;
}

.nowrap{
    white-space: nowrap;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4em;
}

th {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 28px;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: normal
}

input {
    border: 0;
    outline: none
}

img {
    border: none;
    outline: none;
    max-width: 100%;
    height: auto
}

ul,
ul li {
    list-style: none;
}

ol,
ol li {
    list-style: decimal;
}

input[type="submit"],
input[type="button"] {
    cursor: pointer
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    display: inline-block
}

.clear {
    display: block;
    width: 100%;
    height: 1px;
    background: none;
    clear: both;
}

.block-link{display: block;}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    resize: none;
    max-width: 100%;
}

p,
span,
a,
small,
blockquote,
ul,
li {
    line-height: normal;
}

figure {
    max-width: 100%;
    position: relative;
}

blockquote,
q {
    quotes: """";
    font-size: 26px;
    font-style: italic;
    line-height: 1;
    color: #000;
    font-family: 'queensilaregular';
    padding: 20px 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    line-height: normal;
    color: #151515;
    padding-bottom: 0;
}

h1 {
    font-size: 34px;
    line-height: 36px;
}

h2 {
    font-size: 30px;
    line-height: 32px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
}

h5 {
    font-size: 18px;
    line-height: 20px;
}

h6 {
    font-size: 16px;
    line-height: 18px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.625em;
}

p {
    margin-bottom: 0;
}

dl {
    margin: 0 1.625em;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1.625em;
}

strong {
    font-weight: bold;
}

cite,
em,
i {
    font-style: italic;
}

sup,
sub {
    font-size: 70%;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

blockquote {
    font-style: italic;
    font-weight: normal;
    margin: 0 1em;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote cite {
    color: #666;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }

blockquote,
q { quotes: """"; }

a img { border: 0; }

pre {
    background: #f4f4f4;
    font: 13px "Courier 10 Pitch", Courier, monospace;
    line-height: 1.5;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 0.75em 1.625em;
}

sup,
sub {
    font-size: 70%;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: .5ex; }

a { text-decoration: none; transition: all .15s ease-in-out 0s; }

a:focus,
a:active,
a:hover { text-decoration: none; }

:focus { outline: 0; }

table { border-collapse: separate; border-spacing: 0; }

caption,
th,
td { font-weight: normal; text-align: left; vertical-align: top; }

th,
td { color: #000; font-size: 16px; line-height: 19px; text-align: left; }

table img { margin: 0 !important; width: 100%; }

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; }

body { font-size: 22px; color: #000; font-family: 'GraphikRegular'; font-weight: normal; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto; }
body.popup_view { overflow: hidden; }
body > img{ position:absolute; left:0; bottom:0; z-index:-1;}



.mob-show { display: none !important; }


/* layout */
#layout { display:block; width: 100%; position: relative; z-index:9; background:#fff; }
#layout.home{ }

#layout img{ vertical-align:top; }
#layout sup { font-size: 70% !important; height: 0; line-height: 1; position: relative; vertical-align: baseline; bottom: 1ex; display:inline-block; }

.wrapper { width: 100%; max-width: 1310px; padding: 0 15px; margin: 0 auto; position: relative; }


.head-wrap { /*float: left;*/ display:block; width: 100%; position: relative; padding-bottom: 55px; z-index:999999; }

.ad_container { min-height: 110px; float: left; width: 100%; }
.head-wrap .ad_container{ background:#fff; }
.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 10px auto 10px; max-height: 90px; max-width:728px; background:#ccc; }
.ad_container .ad img { vertical-align: top; }

/*header { float: left; width: 100%; background: #000; text-align: center; position:absolute; z-index:999999; left:0; bottom:0; }*/
header { float: left; width: 100%; background: #fff; text-align: center; position:absolute; z-index:999999; left:0; bottom:0; }
header.show { position: fixed; top:0; bottom: auto; }

/*********Header Css*********/
header .header_inner{ float:left; width:100%; padding: 0 50px 0 50px; border-top:4px solid #bce2f1; position:relative; min-height: 55px; z-index:99; }

header ul.left_logos { float: left; padding: 11px 0 0 0; font-size:0; }
header ul.left_logos li { display: inline-block; vertical-align: middle; }
header ul.left_logos li a { display: block; vertical-align: top; }
header ul.left_logos li a img { vertical-align: top; }
header ul.left_logos li.boarshead_logo { background: url(../images/plus-icon.png) no-repeat right center; padding: 0 20px 0 0; background-size: 9px; }
header ul.left_logos li.boarshead_logo a { width: 170px; }

header ul.left_logos li.parents_logo { padding: 0 0 0 11px; }
header ul.left_logos li.parents_logo a { width: 135px; }

header ul.left_logos li.msl_logo { padding: 0 0 0 15px; }
header ul.left_logos li.msl_logo a { width: 95px; }

header ul.left_logos li.rs_logo { padding: 0 0 0 15px; }
header ul.left_logos li.rs_logo a { width: 150px; }

header ul.left_logos li.shape_logo { padding: 0 0 0 15px; }
header ul.left_logos li.shape_logo a { width: 93px; }


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:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
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; margin:0; position:relative; display:none; line-height:14px; position: absolute; left: 0px; top: 100%; border-top: #ccc solid 1px;}
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: 11px; }
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 #000; 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: 27px; color: #000; display: inline-block; vertical-align: top; }
header ul.social_icon li a:hover { opacity: 0.7; }

.banner_sec { min-height: 100vh; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; }
.banner_sec11:before { content: ""; width: 1215px; height: 720px; position: absolute; left: 50.25%; top: 69px; transform: translateX(-50%); background: url(../images/iconbg.png) no-repeat; background-size: 1215px; background-position: center; }
.banner_sec .text { padding: 142px 0px 30px 80px; max-width: 690px; text-align: center; position: relative; }
.banner_sec h1 { padding-bottom: 28px; font-family: 'DomaineDisplayCondensed-Medium'; font-size: 130px; line-height: 120px; color: #FFFFFF; font-weight: normal; position: relative; text-shadow: 8px 8px 14px rgba(0, 0, 0, 0.5); text-indent: 40px; }
.banner_sec h1 span { position: absolute; left: -3px; top: 13px; font-size: 51px; font-family: 'graphik_xxxcond_bold'; font-weight: normal; letter-spacing: 6.09537px; text-transform: uppercase; }
.banner_sec p { padding: 0 55px 55px; font-weight: normal; font-size: 20px; line-height: 28px; color: #FFFFFF;}
.banner_sec p strong { font-family: 'graphikblack'; font-weight: normal; }
.banner_sec ul { padding: 0px 0px 0px 5px; width: 100.5%; list-style: none; display: flex; flex-wrap: wrap; }
.banner_sec li { padding: 0 13px 17px; width: 50%; }
.banner_sec a.button { display: block; line-height: 49px; height: 49px; background: #C31F39; box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.5); font-family: 'DomaineDisplayCondensed-Semibold'; font-weight: normal; font-size: 28px; text-align: center; letter-spacing: 3px; color: #FFFFFF; text-transform: uppercase; border: 2px solid #C31F39; }
.banner_sec a.button:hover { color: #C31F39; background: #FFFFFF; border: 2px solid #C31F39; box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.5); }
.banner_sec #landing1 { position: absolute; left: 58px; top: 4px; max-width: 160px; }
.banner_sec #landing2 { position: absolute; left: 510px; top: -7px; max-width: 195px; }
.banner_sec #landing3 { position: absolute; left: 0px; top: 412px; max-width: 220px; }
.banner_sec #landing4 { position: absolute; right: 20px; bottom: -125px; max-width: 220px; }
.banner_sec #landing5 { position: absolute; right: -65px; top: 235px; max-width: 190px; }
.banner_sec #landing6 { position: absolute; right: 150px; top: 10px; max-width: 190px; }
.banner_sec #landing7 { position: absolute; left: 752px; top: 678px; max-width: 180px; }
.banner_sec #landing8 { position: absolute; left: 650px; top: 368px; max-width: 190px; }
.banner_sec #landing9 { position: absolute; left: 90px; top: 170px; max-width: 160px; }
.banner_sec #landing10 { position: absolute; right: 0px; top: 35px; max-width: 230px; }
.banner_sec #landing11 { position: absolute; right: -60px; top: -20px; max-width: 190px; }
.banner_sec { }
.banner_sec { }
.banner_sec { }

.hero_sec { position: relative; height: calc(100vh - 110px); background-repeat: no-repeat; background-size: cover; background-position: center; }
.hero_sec11:before { content: ""; position: absolute; left: 51.4%; transform: translateX(-50%); top: 51px; width: 1150px; height: 520px; background: url(../images/prepping-animation.png) no-repeat; background-size: 100%; }
.hero_sec .wrapper { height: 100%; }
.hero_sec a.icolink { display: block; position: absolute; right: 50%; margin-right: -585px; top: 61px; font-size: 0px; width: 52px; height: 48px; background: url(../images/return-icon.png) no-repeat; background-size: 100%; }
.hero_sec.making11:before { top: 92px; left: 50%; width: 1156px; height: 586px; background: url(../images/making-animation1.png) no-repeat; background-size: 100%; }
.hero_sec.taking1:before { top: 64px; left: 49.5%; width: 1156px; height: 558px; background: url(../images/taking-animation1.png) no-repeat; background-size: 100%; }
.hero_sec.taking { }
.hero_sec.assembling { }
.hero_sec.assembling1:before { top: 82px; left: 50.5%; width: 1175px; height: 705px; background: url(../images/assembling-animation1.png) no-repeat; background-size: 100%; }
.hero_sec #prepping1 { position: absolute; left: -155px; top: 160px; max-width: 175px; }
.hero_sec #prepping2 { position: absolute; left: -130px; top: 8px; max-width: 190px; }
.hero_sec #prepping3 { position: absolute; left: 280px; top: 300px; max-width: 200px; }
.hero_sec #prepping4 { position: absolute; left: 640px; top: 500px; max-width: 220px; }
.hero_sec #prepping5 { position: absolute; left: 706px; top: 15px; max-width: 200px; }
.hero_sec #prepping6 { position: absolute; right: -110px; bottom: 220px; max-width: 190px; }
.hero_sec #prepping7 { position: absolute; right: -195px; top: 120px; max-width: 180px; }
.hero_sec #prepping8 { position: absolute; left: 660px; top: 378px; max-width: 190px; }
.hero_sec #making1 { position: absolute; left: 0px; top: 57px; max-width: 225px; }
.hero_sec #making2 { position: absolute; right: 200px; top: 360px; max-width: 222px; }
.hero_sec #making3 { position: absolute; left: -80px; top: 220px; max-width: 230px; }
.hero_sec #making4 { position: absolute; right: 100px; top: 90px; max-width: 220px; }
.hero_sec #making5 { position: absolute; left: 52px; top: 425px; max-width: 210px; }
.hero_sec #making6 { position: absolute; right: -60px; bottom: 155px; max-width: 230px; }
.hero_sec #making7 { position: absolute; left: -110px; bottom: 125px; max-width: 210px; }
.hero_sec #taking1 { position: absolute; left: -70px; top: 20px; max-width: 240px; }
.hero_sec #taking2 { position: absolute; left: -40px; top: 320px; max-width: 220px; }
.hero_sec #taking3 { position: absolute; left: -120px; top: 175px; max-width: 230px; }
.hero_sec #taking4 { position: absolute; right: 0px; bottom: 60px; max-width: 220px; }
.hero_sec #taking5 { position: absolute; right: -160px; top: 75px; max-width: 325px; }
.hero_sec #taking6 { position: absolute; left: 225px; top: 0px; max-width: 290px; }
.hero_sec #assembling1 { position: absolute; left: -200px; bottom: 150px; max-width: 220px; }
.hero_sec #assembling2 { position: absolute; right: -275px; bottom: 0px; max-width: 222px; }
.hero_sec #assembling3 { position: absolute; left: 680px; top: 45px; max-width: 230px; }
.hero_sec #assembling4 { position: absolute; left: 100px; bottom: 45px; max-width: 240px; }
.hero_sec #assembling5 { position: absolute; right: -200px; top: 155px; max-width: 210px; }
.hero_sec #assembling6 { position: absolute; right: 10px; top: -10px; max-width: 230px; }
.hero_sec #assembling7 { position: absolute; left: 366px; bottom: 135px; max-width: 230px; }

.text_sec { padding: 0px 0px 82px; }
.text_sec .wrapper { max-width: 830px; }
.text_sec h1 { position: relative; margin-top: -25px; text-align: center; font-family: 'DomaineDisplayCondensed-Semibold'; font-weight: normal; font-size: 28px; line-height: 37px; letter-spacing: 3px; color: #FFFFFF;  }
.text_sec h1 span { padding: 9px 71px; line-height: 30px; display: inline-block; background: #C31F39; border: 2px solid #FFFFFF; text-transform: uppercase; }
.text_sec ul.logos { padding: 62px 0px 0px 0px; list-style: none; display: flex; align-items: center; justify-content: center; }
.text_sec ul.logos li { padding: 0 7px; }
.text_sec ul.logos li.boarshead_logo a { display: block; max-width: 215px; }
.text_sec ul.logos li.plus img { max-width: 11px; display: block; }
.text_sec ul.logos li.parents_logo a { display: block; max-width: 170px; }
.text_sec ul.logos { }
.text_sec ul.social_icon { padding: 37px 0px 0px; list-style: none; display: flex; align-items: center; justify-content: center; }
.text_sec ul.social_icon li { padding: 0 14px; }
.text_sec ul.social_icon li a { display: block; text-align: center; line-height: 36px; width: 33px; height: 33px; border-radius: 50%; color: #fff; font-size: 20px; background: #C31F39; }
.text_sec ul.social_icon li a:hover { background: #000; }
.text_sec ul.social_icon { }
.text_sec .text { padding: 46px 0px 0px; }
.text_sec .text p { padding-bottom: 20px; line-height: 32px; }
.text_sec .text p strong { font-family: 'graphikblack'; font-weight: normal; }
.text_sec .text p a { font-family: 'graphikblack'; font-weight: normal; text-decoration: underline; }
.text_sec .text p a:hover { text-decoration: none; }
.text_sec .text { }
.text_sec .buttonbg { padding-top: 42px; text-align: center; }
.text_sec .buttonbg a.button { padding: 8px 42px 4px 68px; line-height: 37px; display: inline-block; position: relative; font-family: 'graphik_xxxcond_bold'; font-weight: normal; font-size: 34px; letter-spacing: 4px; color: #FFFFFF; border: #C31F39 solid 2px; background: #C31F39; }
.text_sec .buttonbg a.button:hover { color: #C31F39; background: #fff; }
.text_sec .buttonbg a.button:before { content: ""; position: absolute; left: -39px; top: -23px; width: 85px; height: 95px; background: url(../images/grocery-icon.png) no-repeat; background-size: cover; }
.text_sec.making { padding-bottom: 75px; }
.text_sec.taking { padding-bottom: 56px; }
.text_sec.assembling { padding-bottom: 43px; }

.recipes_sec { padding: 55px 0px 71px; position: relative; z-index: 10; background: #F3F3F3; }
.recipes_sec .heading { text-align: center; }
.recipes_sec h3 { padding-bottom: 37px; font-family: 'graphik_xxxcond_bold'; font-weight: normal; font-size: 64px; line-height: 77px; letter-spacing: 5px; text-transform: uppercase; color: #C31F39; }
.recipes_sec h3 span { padding-bottom: 3px; display: block; font-family: 'Graphik Compact Super'; font-size: 21px; letter-spacing: 2.57522px; }
#layout .recipes_sec h3 sup { font-size: 100% !important; display: contents; }
.recipes_sec .heading span.animation { display: block; position: absolute; left: 255px; top: -32px; width: 118px; height: 93px; background: url(../images/prepping-animation2.png) no-repeat; background-size: 100%; }
.recipes_sec .heading span.animation1 { left: 110px; top: -36px; width: 117px; height: 110px; background: url(../images/prepping-animation3.png) no-repeat; background-size: 100%; }
.recipes_sec figure { margin: 0 auto; width: 1000px; -webkit-box-shadow: 20px 20px 40px 0 rgba(0,0,0,0.5); box-shadow: 20px 20px 40px 0 rgba(0,0,0,0.5); }
.recipes_sec .text { padding: 67px 0px 0px 0px; max-width: 820px; margin: 0 auto; align-items: center; justify-content: center; display: flex; }
.recipes_sec.making1 .text { max-width: 800px; }
.recipes_sec .text ul { padding-left: 10px; list-style: none; }
.recipes_sec .text li { padding: 0 0 20px 102px; font-family: 'GraphikRegular'; font-weight: normal; font-size: 22px; line-height: 24px; color: #000000; position: relative; }
.recipes_sec .text li span { display: block; width: 88px; font-family: 'Graphik Super'; font-weight: normal; font-size: 20px; line-height: 24px; color: #C31F39; position: absolute; left: 0px; top: 0px; text-align: right; }
.recipes_sec .text li:nth-child(3) span, .recipes_sec .text li:nth-child(4) span { font-size: 22px; }
.recipes_sec a.button { padding: 10px 47px 6px 47px; position: absolute; left: 50%; bottom: -100px; transform: translateX(-50%); line-height: 37px; display: inline-block; font-family: 'graphik_xxxcond_bold'; font-weight: normal; font-size: 34px; letter-spacing: 4px; color: #FFFFFF; border: #C31F39 solid 2px; background: #C31F39; }
.recipes_sec a.button:hover { color: #C31F39; background: #fff; }
.recipes_sec .text { }
.recipes_sec.making { padding-bottom: 74px; }
.recipes_sec.making .heading span.animation { width: 90px; height: 114px; background: url(../images/making-animation2.png) no-repeat; background-size: 100%; left: 205px; top: -40px; }
.recipes_sec.making1 { padding-bottom: 66px; }
.recipes_sec.making1 .heading span.animation { width: 57px; height: 60px; background: url(../images/making-animation4.png) no-repeat; background-size: 100%; left: auto; right: 198px; top: -12px; }
.recipes_sec.making1 .heading span.animation2 { left: 206px; right: auto; width: 70px; height: 70px; background: url(../images/making-animation41.png) no-repeat; background-size: 100%; top: -12px; }
.recipes_sec.making1 a.button { bottom: -95px; }
.recipes_sec.making1 { }
.recipes_sec.taking { padding: 52px 0px 79px; }
.recipes_sec.taking .heading span.animation { width: 60px; height: 127px; background: url(../images/taking-animation2.png) no-repeat; background-size: 100%; left: 215px; top: -26px; }
.recipes_sec.taking a.button { bottom: -106px; }
.recipes_sec.taking1 .heading span.animation1 { width: 80px; height: 120px; background: url(../images/taking-animation3.png) no-repeat; background-size: 100%; left: 425px; }
.recipes_sec.taking1 figure { max-width: 945px; }
.recipes_sec.taking1 .text { padding-bottom: 21px; }
.recipes_sec.assembling .heading span.animation { width: 128px; height: 140px; background: url(../images/assembling-animation2.png) no-repeat; background-size: 100%; left: 316px; top: -65px; }
.recipes_sec.assembling h3 { padding-bottom: 43px; }
.recipes_sec.assembling .text { padding-bottom: 20px; }
.recipes_sec.assembling1 .heading span.animation { width: 160px; height: 124px; background: url(../images/assembling-animation3.png) no-repeat; background-size: 100%; left: auto; right: 205px; top: -20px; }
.recipes_sec.assembling1 .text { padding-bottom: 28px; }
.recipes_sec.prepping .text { padding-bottom: 22px; }
.recipes_sec #pre_heading1 svg path, .recipes_sec #pre_heading2 svg path,
.recipes_sec #making_heading1 svg path, .recipes_sec #making_heading2 svg path, 
.recipes_sec #making_heading3 svg path,
.recipes_sec #assem_heading1 svg path, .recipes_sec #assem_heading2 svg path { fill: #c22038; }
.recipes_sec #pre_heading1, .recipes_sec #pre_heading2 { position: absolute; left: 216px; top: -85px; width: 175px; display: block; }
.recipes_sec #pre_heading2 { left: 67px; top: -107px; width: 190px; }
.recipes_sec #pre_heading2 svg path, .recipes_sec #making_heading1 svg path,
.recipes_sec #making_heading2 svg path, .recipes_sec #making_heading3 svg path,
.recipes_sec #taking_heading1 svg path, .recipes_sec #taking_heading2 svg path { stroke: #c22038; }
.recipes_sec #making_heading1 { position: absolute; left: 170px; top: -60px; width: 170px; }
.recipes_sec #making_heading2 { position: absolute; left: 180px; top: -50px; width: 220px; }
.recipes_sec #making_heading3 { position: absolute; right: 140px; top: -62px; width: 170px; }
.recipes_sec #making_heading2 svg g g g:first-child { display: none; }
.recipes_sec #taking_heading1 { position: absolute; left: 85px; top: -78px; width: 250px; }
.recipes_sec #taking_heading2 { position: absolute; left: 340px; top: -95px; width: 250px; }
.recipes_sec #assem_heading1 { position: absolute; left: 240px; top: -125px; width: 250px; transform: rotate(-60deg); }
.recipes_sec #assem_heading2 { position: absolute; right: 170px; top: -80px; width: 230px; }

.testimonial_sec { padding: 91px 0px 60px 0px; }
.testimonial_sec .wrapper { display: flex; flex-wrap: wrap; max-width: 945px; }
.testimonial_sec .text { padding: 0; width: 76%; text-align: center; }
.testimonial_sec p { padding-bottom: 20px; font-family: 'Domaine Display Condensed'; font-weight: normal; font-size: 40px; line-height: 50px; color: #000000; }
.testimonial_sec .img { padding: 22px 0px 0px 57px; width: 24%; text-align: center; }
.testimonial_sec .img img { margin: 0 auto 15px; }
.testimonial_sec h4 { padding-bottom: 3px; font-family: 'GraphikCondSemibold'; font-weight: normal; font-size: 30px; line-height: 35px; letter-spacing: 1.6px; color: #C31F39; }
.testimonial_sec h5 { padding-right: 38px; display: inline-block; font-family: 'Graphik Medium'; font-style: italic; font-weight: normal; font-size: 16px;
line-height: 20px; color: #231F20; background: url(../images/pic-icon.png) right no-repeat; background-size: 28px; }
.testimonial_sec span.insta { display: block; margin: 0 auto; width: 314px; height: 28px; font-size: 0px; background: url(../images/signoff.png) no-repeat; background-size: 100%; }
.testimonial_sec.making { padding: 95px 0px 60px 0px; }
.testimonial_sec.making .wrapper { max-width: 1060px; }
.testimonial_sec.making .img { padding: 38px 0px 0px 22px; width: 18%; }
.testimonial_sec.making .text { width: 82%; }
.testimonial_sec.making p { padding-bottom: 28px; }
.testimonial_sec.taking { padding-bottom: 57px; }
.testimonial_sec.taking p, .testimonial_sec.taking1 p { font-size: 46px; line-height: 58px; }
.testimonial_sec.taking { }
.testimonial_sec.taking .img { padding: 0px 0px 0px 57px; }
.testimonial_sec.taking h5 { padding-right: 65px; background: url(../images/pic-icon1.png) right no-repeat; background-size: 60px; }
.testimonial_sec.taking h4 { padding-bottom: 12px; }
.testimonial_sec.taking span.insta { width: 245px; height: 28px; background: url(../images/sign-off1.png) no-repeat; background-size: 100%; }
.testimonial_sec.assembling { padding-bottom: 62px; }
.testimonial_sec.assembling .wrapper { max-width: 1000px; }
.testimonial_sec.prepping { padding-bottom: 52px; }
.testimonial_sec.taking1 { padding: 98px 0px 70px 0px; }
.testimonial_sec.taking1 .wrapper { max-width: 1030px; }
.testimonial_sec.taking1 .text { width: 80%; }
.testimonial_sec.taking1 .img { padding: 30px 0px 0px 30px; width: 20%; }

.store_sec { margin: 105px 0px 0px; text-align: center; position: relative; z-index: 11; background: #BCE2F1; }
.store_sec .wrapper { max-width: 830px; }
.store_sec .icon1 { position: absolute; left: -105px; top: -57px; max-width: 275px; }
.store_sec .text { padding: 40px 0px 72px 0px; position: relative; }
.store_sec .heading { position: relative; }
.store_sec h3 { padding-bottom: 21px; font-family: 'DomaineDisplayCondensed-Medium'; font-weight: normal; font-size: 160px; line-height: 120px; letter-spacing: 3px; color: #000000; }
.store_sec h3 span { padding-bottom: 22px; display: block; font-family: 'graphik_xxxcond_bold'; font-size: 44px; line-height: 53px; letter-spacing: 4px; color: #000000; }
.store_sec p { font-family: 'GraphikRegular'; font-weight: normal; font-size: 22px; line-height: 32px; color: #000000; }
.store_sec p strong { font-family: 'Graphik Super'; font-weight: normal; }
.store_sec a.button { padding: 10px 23px 6px 23px; position: absolute; left: 50%; bottom: -28px; z-index: 10; transform: translateX(-50%); line-height: 37px; display: inline-block; font-family: 'graphik_xxxcond_bold'; font-weight: normal; font-size: 34px; letter-spacing: 4px; color: #FFFFFF; border: #C31F39 solid 2px; background: #C31F39; }
.store_sec a.button:hover { color: #C31F39; background: #fff; }
.store_sec span.animation { position: absolute; right: 27px; top: -20px; width: 97px; height: 200px; background: url(../images/prepping-animation41.png) no-repeat; background-size: 100%; }
.store_sec.making { margin-top: 107px; }
.store_sec.making h3 { padding-bottom: 27px; font-size: 140px; letter-spacing: 0px; line-height: 102px; }
.store_sec.making .icon1 { left: -182px; }
.store_sec.making span.animation { right: -65px; top: 9px; width: 111px; height: 96px; background: url(../images/making-animation5.png) no-repeat; background-size: 100%; }
.store_sec #pre_heading3 { position: absolute; right: 7px; top: -22px; width: 175px; }
.store_sec.making .text { padding: 42px 0px 72px 0px; }
.store_sec.taking { margin: 100px 0px 0px; }
.store_sec.taking11 .icon1 { left: -123px; top: -30px; }
.store_sec.taking h3 { padding-bottom: 33px; line-height: 106px; letter-spacing: 0px; }
.store_sec.taking .text p { padding: 0 70px; }
.store_sec.assembling .text p { padding: 0 20px; }
.store_sec.taking span.animation { right: -86px; top: -2px; width: 208px; height: 150px; background: url(../images/taking-animation4.png) no-repeat; background-size: 100%; }
.store_sec.assembling .icon1 { left: -175px; }
.store_sec.assembling span.animation { right: -95px; top: -8px; width: 111px; height: 175px; background: url(../images/assembling-animation4.png) no-repeat; background-size: 100%; }
.store_sec #making_heading4 { display: block; position: absolute; right: -125px; top: -50px; width: 230px; transform: rotate(180deg); }
.store_sec #taking_heading3 { position: absolute; right: -120px; top: -55px; width: 250px; }
.store_sec #taking_heading3 g g g:first-child { display: none; }
.store_sec #assem_heading3 { position: absolute; right: -150px; top: -40px; width: 250px; }

.bottom_sec { position: relative; }
.bottom_sec .text { padding: 110px 0px; margin: 0; max-width: 425px; text-align: center; }
.bottom_sec .text figure { padding-bottom: 25px; }
.bottom_sec .text figure img { max-width: 200px; }
.bottom_sec .text p { font-family: 'GraphikCondSemibold'; font-weight: normal; font-size: 26.0741px; line-height: 28px; color: #000000; }
.bottom_sec .text p a { font-family: 'Graphik Cond Super'; text-decoration: underline; }
.bottom_sec .text p a:hover { text-decoration: none; }
.bottom_sec .buttonsbg { padding: 142px 0px 0px 0px; }
.bottom_sec .wrapper { max-width: 960px; }
.bottom_sec .buttonsbg ul { max-width: 991px; margin: 0 auto; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; z-index: 10; }
.bottom_sec .buttonsbg li { padding: 0 30px; width: 33.33%; }
.bottom_sec .buttonsbg li a { padding: 18px 20px 20px; display: block; background: #C31F39; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.5); font-family: 'DomaineDisplayCondensed-Semibold'; font-weight: normal; font-size: 38px; line-height: 40px; text-align: center; letter-spacing: 3px; color: #FFFFFF; border: 3px solid #C31F39; text-transform: uppercase; }
.bottom_sec .buttonsbg li a span { display: block; font-family: 'Graphik Cond Bold'; font-weight: normal; font-size: 14px; line-height: 17px; letter-spacing: 4px; }
.bottom_sec .buttonsbg li a:hover { color: #C31F39; background: #fff; }
.bottom_sec .buttonsbg { }
.bottom_sec .heartcontent { position: absolute; right: 0px; bottom: -107px; z-index: 99999; width: 690px; height: 460px; background: url(../images/bottom-img.png) bottom no-repeat; background-size: 100%; }
.bottom_sec .heartcontent .info { position: absolute; left: 30px; top: 70px; width: 260px; text-align: center; transform: rotate(-3deg); }
.bottom_sec .heartcontent p { font-family: 'better_timesregular'; font-weight: normal; font-size: 64px; line-height: 56px; color: #000000; }
.bottom_sec .heartcontent strong { font-family: 'DomaineDisplayCondensed-Bold'; font-weight: normal; display: block; }
.bottom_sec .heartcontent a { font-family: 'DomaineDisplayCondensed-Bold'; font-weight: normal; text-decoration: underline; }
.bottom_sec .heartcontent a:hover { text-decoration: none; }
.bottom_sec.making { margin-top: 107px; }
.bottom_sec.making .icon1 { left: -182px; }

/**************************************Footer Css**************************************************/
footer { display:block; width: 100%; background: #000000; padding: 20px 0; text-align: center; z-index: 9999; overflow:hidden; position: relative; }
footer a.footer_logo { display: inline-block; }
a.footer_logo img { vertical-align: top; width: 160px; }

footer ul { list-style: none; padding: 12px 0 0; }
footer ul li { display: inline-block; 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.jpg) 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; }
/**************************************Footer Css**************************************************/ 

#div-gpt-interstitial { height: 1px; overflow: hidden; position:absolute; left:0; bottom:0; z-index:-1; }
#div-gpt-wallpaper { height: 1px; overflow: hidden; position:absolute; left:0; bottom:0; z-index:-1; }

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