/*font-family: 'Source Sans Pro';*/
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; }
.animated { display: inline-block; vertical-align: top; }
em {
    font-style: italic;
}

* 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: 'Graphik'; 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; }
.hidden_title { display: none !important; }


p { margin-bottom: 0; line-height: 1.5em; padding-bottom: 20px; }
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 'Graphik', 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: 18px; line-height: 1.2; color: #001489; font-family: 'Graphik'; 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; }

.flex-wrap { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.h-center { justify-content:center; -webkit-justify-content:center; }

/* body { height: 10000px; } */

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

/* layout */
#wrapper { overflow:hidden; /*padding-bottom: 1000px;*/ display:block; width: 100%; position: relative; /*padding: 120px 0 0; */ z-index:9; background:#fff; }
#wrapper img{ vertical-align:top; }
#wrapper sup { font-size: 70% !important;height: 0;line-height: 1;position: relative; vertical-align: baseline; bottom: 1ex; display:inline-block; }

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

#layout .bg_img{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1; background-size:cover !important; }
#layout .bg_img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }


/*---------------------month-of-wellness---------------------*/
.head-wrap { width: 100%; position: relative; padding-top:55px; }

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


/*********Header Css*********/
header { float: left; width: 100%; background: #fff; text-align: center; position:absolute; z-index:999999; left:0; top:0; }
header .header_inner { display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; float:left; width:100%; padding:0 20px; border-top:0px solid #bce2f1; position:relative; min-height:55px; z-index:99;}
header.show { position: fixed; top:0; bottom: auto; }

.logobar { padding: 0px 0 0px 0; float: left; }
.logobar a.site-logo { display:inline-block; max-width: 110px; vertical-align: middle; }
.logobar a.brand-logo { display:inline-block; width: 72px; vertical-align: middle; margin-top: 0px; }
.logobar span.sep { line-height:0; max-width: 10px; margin: 0 10px 0px 10px; display: inline-block; vertical-align: middle; }
.logobar .logo img { max-height: 40px; }

header ul.social { min-width:213px; text-align: right; list-style:none; float:right; width:auto; margin-top:0px; }
header ul.social li { display: inline-block;  vertical-align: top; margin: 0 0 0 3px; }
header ul.social li a { color:#000; display: block; text-align: center; font-size: 13px; width: 26px; line-height: 22px; border: 2px solid #000; display: block; border-radius: 50%; } 
header ul.social li a:hover { opacity:0.50; } 

header .social_share_trigger { display: none; }
header ul.social li a .title { display: none; }
.social_close { display: none; }

/*disclosure*/
header .disclosure { line-height:0; position:relative; display: table; margin:auto; z-index:1;  }
header .disclosure a.paid_logo{ color:#000; text-transform:uppercase; font-size:11px; line-height: 15px; font-family: 'Roboto'; font-weight:400; }
header .disclosure a.paid_logo i{ padding:0 0 0 5px; font-size:13px; line-height: 15px; }
header .disclosure .show_text { min-width:260px; font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; font-weight:400; color:#000; background:#fff; padding:5px 7px; letter-spacing: 0.1px; border: 1px solid #222222; position:absolute; left: -50%; top:15px; transition:all 0.3s; opacity:0; visibility:hidden; text-align: left; }
header .disclosure .show_text a { text-decoration:underline; }
header .disclosure .show_text a:hover { text-decoration:none; }
header .disclosure .show_text:after { width: 100%; height: 12px; content:''; position:absolute; left:0; top:-12px; }
header .disclosure .show_text:before { width: 7px; height: 7px; border-right: 1px solid #000; border-top: 1px solid #222222; background: #fff; position:absolute; left:21%; top:-5px; content:''; transform: rotate(-45deg); }
header .disclosure .show_text.active { opacity:100; visibility:visible; top: 25px; }
@media only screen and (min-width: 1025px) {
header .disclosure:hover .show_text { opacity:100; visibility:visible; top: 25px; }
}

/*landing_sec*/
.landing_sec { overflow:hidden; position: relative; min-height:calc(100vh - 55px); display: flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 100%; background: #fffefa;
background: -moz-radial-gradient(center, ellipse cover,  #fffefa 0%, #fade4e 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #fffefa 0%,#fade4e 100%);
background: radial-gradient(ellipse at center,  #fffefa 0%,#fade4e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefa', endColorstr='#fade4e',GradientType=1 ); }
.landing_sec:before { width: 100%; height: 176px; content:''; position:absolute; left:0; bottom:0; background:url(../images/banner-curve.png) center center no-repeat; background-size:100% 100%; z-index:2; }
.landing_sec .inner { position: relative; width: 100%; max-width: 1280px; margin:auto; }
.landing_sec .inner figure img.main_graphic { width: 100%; margin:-6px 0 0 0 ; }
.landing_sec .internal { padding: 15px 0 0 0; max-width: 660px; width: 100%; text-align:center; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.landing_sec h1 { font-size: 190px; font-family: 'Graphik XXX Cond'; font-weight:600; line-height: 1; letter-spacing: 0.01em; color: #001489; text-transform: uppercase; }
.landing_sec h1 span { line-height:inherit; }
.landing_sec h1 .lineup { display: block; margin-top: -30px; }
.home .landing_sec h1 { font-size: 218px; }
.home .landing_sec .internal { padding-bottom:100px; }

.landing_sec p { font-size: 20px; line-height: 1.5; font-weight:500; }
.landing_sec p span { line-height:inherit; }
.landing_sec p strong { font-weight:900; }
.landing_sec .landing-logo { display: inline-block; vertical-align: top; }
.landing_sec .buttercup { z-index:2; max-width: 352px; position:absolute; left:50%; bottom:0; margin-left:-550px; }

.landing_sec .mob_title { display: none; }
.landing_sec .inner .mob { display: none; }
.landing_sec br.mob_break { display: none; }
.landing_sec .credit { color:#001489; font-size: 12px; line-height: 17px; font-family: 'Graphik Cond'; font-weight:600; text-transform: uppercase; position:absolute; right: 50%; bottom: 80px; margin-right:-575px; letter-spacing: 0.13em; z-index:3; }
.landing_sec:after { width: 100%; height:30px; content:''; position:absolute; left:0; bottom: -30px; background: #fff; z-index:1; }

/*weekend_brunch lottie*/
.weekend_brunch .landing_sec #anim1a { position: absolute; left: 50%; top: -19px; margin-left: -655px; max-width: 38.2%; z-index: 1; }
.weekend_brunch .landing_sec #anim1b { position: absolute; left: 50%; bottom: -65px; margin-left: -619px; max-width: 45%; z-index: 1; }
.weekend_brunch .landing_sec #anim1c { position: absolute; right: 50%; bottom: -183px; margin-right: -655px; max-width: 57.85%; z-index: 1; }
.weekend_brunch .landing_sec #anim1d { position: absolute; right: 50%; top: -49px; margin-right: -676px; max-width: 50.8%; z-index: 1; }
.weekend_brunch .inner figure img { opacity:0 !important; }

/*easyweeknight lottie*/
.easyweeknight .landing_sec #anim2a { position: absolute; left: 50%; top: -47px; margin-left: -595px; max-width: 26.2%; z-index: 2; }
.easyweeknight .landing_sec #anim2b { position: absolute; left: 50%; bottom: 62px; margin-left: -626px; max-width: 31%; z-index: 2; } .easyweeknight .landing_sec #anim2c { position: absolute; right: 50%; bottom: -7px; margin-right: -642px; max-width: 32.85%; z-index: 2; }
.easyweeknight .landing_sec #anim2d { position: absolute; right: 50%; bottom: -5px; margin-right: -640px; max-width: 100%; z-index: 1; }
.easyweeknight .inner figure img { opacity:0 !important; }
.easyweeknight .landing_sec:before { z-index:3; }
.easyweeknight .buttercup { z-index:3; }

/*datenight lottie*/
.datenight .landing_sec #anim3a { position: absolute; left: 15.5%; top: 2.4%; margin-left: -595px; max-width: 65%; z-index: 2; }
.datenight .landing_sec #anim3b { position: absolute; right: -10%; top: -10%; margin-left: -595px; max-width: 46%; z-index: 2; }
.datenight .landing_sec #anim3c { position: absolute; left: 0%; bottom: 0%; max-width: 100%; z-index: 1; }
.datenight .landing_sec #anim3d { position: absolute; left: 50%; top: 0%; margin-left:-320px; max-width: 50%; z-index: 1; }
.datenight .landing_sec .internal { z-index:1; }
.datenight .inner figure img { opacity:0 !important; }
.datenight .buttercup { z-index:3; }

/*gamenight lottie*/
.gamenight .landing_sec #anim4a { position: absolute; left: 15px; top: -6.6%; margin-left: 0; max-width: 18%; z-index: 2; }
.gamenight .landing_sec #anim4b { position: absolute; left: -7%; top: 28.6%; margin-left: 0; max-width: 17%; z-index: 2; }
.gamenight .landing_sec #anim4c { position: absolute; left: 5%; top: 34%; margin-left: 0; max-width: 30%; z-index: 2; }
.gamenight .landing_sec #anim4d { position: absolute; left: 50%; bottom: 2%; margin-left: -28%; max-width: 57%; z-index: 2; }
.gamenight .landing_sec #anim4e { position: absolute; right: 11%; top: 35%; max-width: 20%; z-index: 1; }
.gamenight .landing_sec #anim4f { position: absolute; right: -5%; top: 55%; max-width: 16%; z-index: 2; }
.gamenight .landing_sec #anim4g { position: absolute; right: 0%; top: -1%; max-width: 23%; z-index: 2; }
.gamenight .landing_sec #anim4h { position: absolute; left: 0%; top: 0%; max-width: 100%; z-index: 2; }
.gamenight .landing_sec .path1 { max-width: 32.85%; position: absolute; left: 6.7%; bottom: 10px; }
.gamenight .landing_sec .path2 { max-width: 26.6%; position: absolute; right: 6.7%; top: 0px; }
.gamenight .inner figure img.main { opacity:0 !important; }
.gamenight .landing_sec .internal { z-index:3; }
.gamenight .buttercup { z-index:3; }



/*home animation*/
.landing_sec .graphic { position:absolute; z-index:1; }
.landing_sec .graphic.graphic1 { max-width: 34%; left: -4%; top: 3%; }

.landing_sec .graphic.graphic2 { max-width: 20.5%; right: 1.9%; top: -25px; }
.landing_sec .graphic.graphic2 #anim1b { transform: scale(1.15); }
.landing_sec .graphic.graphic3 { max-width: 36.4%; left: -8%; bottom: 0%; }
.landing_sec .graphic.graphic4 { max-width: 25.8%; right: 0; bottom: -10%; }

.landing_sec .graphic .heartlink { display: inline-block; position: absolute; left: 86.5%; top: 10.5%; z-index:5; }
.landing_sec .graphic.graphic2 .heartlink { left: -6%; top: 36%; }
.landing_sec .graphic.graphic3 .heartlink { left: 79.5%; top: 57.5%; }
.landing_sec .graphic.graphic4 .heartlink { left: -10%; top: 58.5%; }

.landing_sec .graphic .heartlink img { display: block; }
.landing_sec .graphic .heartlink:hover { transform: scale(1.3); }


.home .landing_sec { height:calc(100vh - 55px); min-height:950px;}
.home .landing_sec .inner { height: 100%; }
.home .landing_sec .inner figure { height: 100%; min-height:950px;}
.home .landing_sec [id*="anim1"] { display: inline-block; }
.home .landing_sec #anim1a { transform: rotate(71deg); }
.home .landing_sec #anim1b { position: relative; z-index:2; }
.home .landing_sec #anim1c { position: absolute; left: -13px; bottom: 8%; width: 128%; z-index:1; }
.home .landing_sec #the_lemon { position: absolute; left: 56%; top: -12%; width: 21%; z-index: 1; }
.home .landing_sec #the_lemon2 { position: absolute; left: 21%; bottom: 2%; width: 21%; z-index: 1; }
.home .landing_sec #anim1d { position: relative; z-index:2; transform: scale(-1,1); }

.home .landing_sec #mob_anim1 ,
.home .landing_sec #mob_anim2 { display: none; } 





/*banner */
.landing_sec.banner { padding-bottom: 110px; align-items:flex-start; min-height:inherit; }
.landing_sec.banner .internal { transform: translate(-50%,0); top:0; padding-top:130px; }
.landing_sec.banner .back_button { position:absolute; right:50%; margin-right:-605px; top:35px; background:url(../images/back-btn.svg) no-repeat; background-size:contain; width: 52px; height:47px; display:block; font-size:0; z-index:4; }
.landing_sec.banner .back_button:hover { opacity:0.50; }  

/*intro_sec*/
.intro_sec { padding: 0 0 50px 0; color:#000; width: 100%; position: relative; z-index:3; }
.intro_sec .logobar { text-align: center; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 100%; margin:-80px 0 50px 0; }
.intro_sec .logobar a.brand-logo { width: 132px; }
.intro_sec .logobar a.ar-logo img { width: 217px; }

.intro_sec .logobar .sep { max-width: 18px; margin: 0 15px 0 5px; }
.intro_sec p { font-size: 20px; line-height: 1.5; font-weight:400; }
.intro_sec p span { line-height:inherit; }
.intro_sec p strong { font-weight:900; }
.intro_sec .cont_wrapper { max-width: 830px; }
.intro_sec .heart-icon { display: inline-block; vertical-align: middle; margin:15px 0 0 10px; }
.datenight .intro_sec .heart-icon { margin-top:12px; }


/*highlighted_sec*/
.highlighted_sec { padding: 35px 0 0; width: 100%; position: relative; }
.highlighted_sec .cont_wrapper { max-width: 1030px; }
.highlighted_sec .quote { min-height:255px; display: flex; flex-wrap:wrap; align-items:center; padding: 35px 260px 45px 100px; width: 100%; position: relative; background: #fffadd;
background: -moz-radial-gradient(center, ellipse cover,  #fffadd 0%, #f9dd4d 81%);
background: -webkit-radial-gradient(center, ellipse cover,  #fffadd 0%,#f9dd4d 81%);
background: radial-gradient(ellipse at center,  #fffadd 0%,#f9dd4d 81%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffadd', endColorstr='#f9dd4d',GradientType=1 ); }
.highlighted_sec h3 { font-size: 20px; line-height: 1.3; width: 100%; color: #001489; text-transform: uppercase; letter-spacing: 0.42em; text-align:center; font-family: 'Graphik Cond'; font-weight:900; padding-bottom: 15px; }
.highlighted_sec .quote p { padding:0; font-size: 52px; line-height: 1.14; font-family: 'Graphik Cond'; }
.highlighted_sec .quote p br { display: block; height:1px; line-height:0; }
.highlighted_sec .quote .graphic { position:absolute; right:-18px; top:-18px; max-width: 307px; } 

.weekend_brunch .highlighted_sec .quote #quote_anim { transform: scale(-1,1); }

.datenight .highlighted_sec .quote p { font-size: 64px; } 
.datenight .highlighted_sec { padding-top:55px; }
.datenight .highlighted_sec .quote .graphic { max-width: 258px; right:10px; top: -40px; }
.datenight .highlighted_sec .quote #quote_anim { max-width: 278px; z-index: 1; top: -135px; }

.gamenight .highlighted_sec .quote { padding-right: 280px; width: 100%; }
.gamenight .highlighted_sec .quote #quote_anim { max-width: 260px;  transform: scale(-1,1);  top: -70px; right: -25px; }

.easyweeknight .highlighted_sec .quote .graphic { max-width: 200px; right:37px; top: -83px; }
.easyweeknight .highlighted_sec .quote p { font-size: 64px; } 
.easyweeknight .highlighted_sec .quote #quote_anim { top: -79px; right: 27px; transform: scale(-1,1); max-width: 220px; }



/*recipe_sec*/
.recipe_sec { margin-bottom: 50px; padding: 70px 0 0; margin-top:170px; width: 100%; position: relative; background: #f7f7f7; }
.recipe_sec h2 { padding-bottom: 50px; text-align: center; width: 100%; font-size: 120px; font-family: 'Graphik XXX Cond'; font-weight:600; line-height: 1; letter-spacing: 0.035em; color: #001489; text-transform: uppercase; }
.recipe_sec h2 small { letter-spacing: 0.25em; display: block; font-family: 'Graphik Compact'; font-weight:900; font-size: 20px; line-height: 1.2; }
.recipe_sec h2 br { height:0; line-height:0; }
.recipe_sec .cont_wrapper { max-width: 1170px; }
.recipe_sec .banner { width: 100%; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.3); }
.recipe_sec .banner img { width: 100%; display:block; }
.recipe_sec .recipe_info { padding: 12px 0 20px; width: 100%; background: #001389; text-align:center; color:#fff; }
.recipe_sec .recipe_info li { font-size: 20px; line-height:1; padding: 0 60px; display: inline-block; font-weight:900; vertical-align: top; color:#fff; font-family: 'Graphik Compact'; }
.recipe_sec .recipe_info li small { padding: 0 0 5px 0; display: block; font-size: 10px; font-family: 'Graphik Cond'; letter-spacing: 0.20em; }
.recipe_sec .recipe_panel { padding: 80px 0 0 55px; width: 100%; display: flex; flex-wrap:wrap; }
.recipe_sec .recipe_panel .the_left { padding: 0 0 0 30px; width: 39%; padding-right:75px; } 
.recipe_sec .recipe_panel .the_right { padding: 0 15px 0 30px; width: 61%; } 
.recipe_sec h3 { color:#001489; font-size: 20px; line-height: 1.3; width: 100%; text-transform: uppercase; letter-spacing: 0.32em;  font-family: 'Graphik Cond'; font-weight:900; padding: 0 0 30px 0px; }
.recipe_sec h4 { color:#000; font-size: 20px; line-height: 1.3; width: 100%; font-family: 'Graphik Compact'; font-weight:900; padding: 0 0 2px 0px; }
.recipe_sec .recipe_panel ul { list-style:none; margin:0; padding:0; }
.recipe_sec .recipe_panel ol li,
.recipe_sec .recipe_panel ul li { color:#000; font-size: 20px; line-height: 1.5; width: 100%; font-family: 'Graphik Compact'; font-weight:400; padding: 0 0 24px 0px; } 
.recipe_sec .recipe_panel ol li span,
.recipe_sec .recipe_panel ul li span { line-height:inherit; display:block; position: relative; }
.recipe_sec .recipe_panel ul li a { text-decoration:underline; }
.recipe_sec .recipe_panel ul li a:hover { text-decoration:none; }
.recipe_sec .recipe_panel ol { list-style:none; counter-reset:counter; margin:0; padding:0 0 25px 0; }
.recipe_sec .recipe_panel ol li { padding-bottom: 40px; list-style:none; counter-increment:counter; position: relative; }
.recipe_sec .recipe_panel ol li span { position: relative; display: block; }
.recipe_sec .recipe_panel ol li span:before { font-size: 16px; content: counter(counter); position:absolute; left:-40px; top:2px; width: 28px; height:28px; background: #00158a; border-radius: 50%; text-align: center; line-height:26px; color:#fff; font-weight:900; }
.recipe_sec .recipe_panel ul li span:before { content:''; width:11px; height:11px; border-radius: 50%; position:absolute; left:-25px; top:11px; background: #00158a; }
.recipe_sec .download_btn { transform: translate(0,30px); width: 325px; line-height: 57px; padding: 0 20px; color: #fff; text-transform: uppercase; text-align: center; background: #001489; display:table; margin:15px auto 0px; font-size: 34px; font-family: 'Graphik XXX Cond'; font-weight:700; letter-spacing: 0.13em; }
.recipe_sec .download_btn:hover { background: #000; }

/*related_sec*/
.related_sec { padding: 80px 0; text-align:center; width: 100%; position: relative; }
.related_sec h2 { padding-bottom: 50px; font-size: 40px; line-height:1.1; color:#001489; font-family: 'Graphik Cond'; font-weight:900; }
.related_sec .cont_wrapper { max-width: 910px; }
.related_sec .list_wrap { margin: 0 -40px; }
.related_sec .col3 { transition:all 0.3s; position: relative; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.3);  padding: 30px; width: calc(33.33% - 80px); margin: 0 40px;background: #fffadd;
background: -moz-radial-gradient(center, ellipse cover,  #fffadd 0%, #f9dd4d 81%);
background: -webkit-radial-gradient(center, ellipse cover,  #fffadd 0%,#f9dd4d 81%);
background: radial-gradient(ellipse at center,  #fffadd 0%,#f9dd4d 81%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffadd', endColorstr='#f9dd4d',GradientType=1 );
 }
.related_sec h3 { font-size: 68px; letter-spacing: 0.005em; line-height: 0.9; color:#001489; text-transform: uppercase; font-family: 'Graphik XXX Cond'; font-weight:600; }
.related_sec small { font-size: 8px; line-height:1; color: #001489; text-transform: uppercase; display:block; padding:20px 0 15px;  font-family: 'Graphik Cond'; font-weight:900; letter-spacing: 0.25em; }
.related_sec .link { display:block; width:100%; height:100%; position:absolute; left:0; top:0; font-size:0; line-height:0; }
.related_sec h3 br { height:0; display:block; line-height:0; }
/*.related_sec .link:hover { background: rgba(0,19,137,0.2); }*/
.related_sec .col3:hover { color: #fff; background: #528bc1;
background: -moz-radial-gradient(center, ellipse cover, #528bc1 0%, #0154a3 100%);
background: -webkit-radial-gradient(center, ellipse cover, #528bc1 0%,#0154a3 100%);
background: radial-gradient(ellipse at center, #528bc1 0%,#0154a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528bc1', endColorstr='#0154a3',GradientType=1 ); }
.related_sec .col3:hover small,
.related_sec .col3:hover h3 { color: #fff; }
.related_sec .col3:hover svg g { fill:#fff; }
.related_sec .col3 svg { display: inline-block; }

/*cta_sec*/
.cta_sec { padding: 0 0 40px 0; width: 100%; position: relative; }
.cta_sec .logo { width: 236px; }
.cta_sec .text { padding:0 0 0 25px; width: calc(100% - 236px); }
.cta_sec .v-center { align-items:center; }
.cta_sec p { font-size: 28px; line-height: 30px; color:#001489; font-family: 'Graphik Cond'; font-weight:600; }
.cta_sec p a { color:#001489; text-decoration:none; }
.cta_sec p a:hover { text-decoration:underline; }
.cta_sec .cont_wrapper { max-width: 830px; }


/*footer*/
footer { width: 100%; background: #fff; padding: 11px 0; text-align: center; position: relative; z-index: 1; }
footer .inner_footer { padding: 0 20px; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
footer a.footer_logo { display: inline-block; vertical-align: top; max-width: 211px; width: 100%; }
a.footer_logo img { vertical-align: top; width: 100%; }
footer ul { list-style: none; line-height:0; }
footer ul li { display: inline-block; vertical-align: top; font-family: 'Roboto'; font-size: 11px; line-height: 16px; font-weight: 400; color: #000; padding: 0 3px 0 6px; background: url(../images/footer-sep.png) no-repeat left center; background-size:1px 10px; }
footer ul li:first-child { background: none; }
footer ul li a { display: block; color: #000; }
footer ul li a.ad-icon { padding-right: 16px; background: url(../images/ad_icon.png) 100% 3px no-repeat; background-size: 11px auto; }
footer ul li a:hover, footer ul li a:focus { color: #888888; }
footer ul li a.ad_choices img { vertical-align: middle; margin-left: 3px; }
footer ul li a.ad_choices:hover img, footer ul li a.ad_choices:focus img { opacity: 0.5; }

.the_mob_break { display: none !important; }