/*css starts here*/
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; }

/* =Global----------------------------------------------- */
* {margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }
img { border: none; outline: none; max-width: 100%; height: auto }
ul, ul li { list-style: none;}
figure { max-width: 100% }
a { text-decoration: none; color:inherit; outline: none; }

/* Text elements */
p {	margin-bottom: 0; font-size:22px; line-height:35px; font-weight:300; }
strong {	font-weight: bold; }

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

/* Links */
a { color: #812244; text-decoration: none; }
a:focus, a:active, a:hover { text-decoration: none; }
:focus {/* remember to define focus styles! */ outline: 0; }
/* Reset CSS ENDS HERE */

/*server fixes*/
.template-two-col .content { margin:0; }
.blobArticle { margin:0; padding:0; }
.articleMainContent { padding:0; border:0; }
.containerContent,.container-full-width { max-width: 100%; padding:0; }
#main #layout a { box-shadow: none; -webkit-box-shadow: none; padding:0;  }
.container ,
.main-content > .container {  max-width: 100%; width: 100% !important; }
.is-full-width .main-content > .container > .inner { padding:0 !important; }
.template-two-col.container-full-width, .template-two-col .container-full-width { width: auto; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0; overflow: visible; }
.mdex-test.template-article .article-container { padding: 0; margin: 0 auto; max-width: 100%; width: 100%; }
.template-two-col .content { max-width: 100% !important; }

.template-article .two-col-container .two-col-main-content .article-content{ margin-top:0; }

.ntvBlueBarDisclaimer .hoverI{ height:auto; }

.articleContainer__header, .articleContainer__content { max-width: 100% !important; margin:0 !important; }

.component.navigation-test.sticky-nav .main-new, .karma-leaderboard-docking-element.docked{ position:absolute !important; }

.template-article.mdex-test .article-container .content.content-breadcrumbs, .template-article.mdex-test .article-container .content.two-col-main-content { margin: 0px !important; }

/*server fixes*/
.articleContainer { max-width: 100% !important; }
.article-content-container{ text-align:center; }
.ad_container { padding: 20px 0; }

html { -webkit-font-smoothing: antialiased; }
body { font-size:14px; color:#000; background:#fff; -webkit-font-smoothing: antialiased; overflow-x: hidden; }

div.ntvBlueBarDisclaimer {
    z-index: 9;
    position: relative;
}

#main { text-align:center; overflow:hidden; padding:0 !important; margin:0 !important; }

/* layout */
#main #layout { margin: 0 auto; display:block; width: 100%; position:relative; z-index:1; background:#fff; }
#main #layout img { max-width: 100%; height: auto; }

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

#main #layout .mobile{ display:none !important; }

#header11 { height: 149px; }
#main #layout .wrapper { padding: 0 15px; max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; }
#main #layout .mobileonly { display: none; }
#main #layout .d-flex { display: flex; flex-wrap: wrap; }
#main #layout .a-center { align-items: center; }
#main #layout .j-center { justify-content: center; }

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

.ad_container { min-height: 110px; float: left; width: 100%; }
.head-wrap .ad_container{ background:#000; }
.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; z-index:99; position: relative; }
header.show { position: fixed; top:0; bottom: auto; }

/*********Header Css*********/
header .header_inner{ float:left; width:100%; padding: 0 18px 0 0px; border-top:0px solid #bce2f1; position:relative; min-height: 57px; z-index:99; }
#main #layout header .wrapper { margin: 0 auto; padding: 0; width:  100%; }
header ul.left_logos { float: left; margin: 0px; padding: 12px 0 0 16px; font-size:0; }
header ul.left_logos li { padding: 0px 6px; display: inline-block; vertical-align: middle; }
header ul.left_logos li.plus img { max-width: 6px !important; height: auto; }
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.campbells_logo { position: relative; }
header ul.left_logos li.campbells_logo a { width: 116px; }

header ul.left_logos li.allrecipes_logo { }
header ul.left_logos li.allrecipes_logo a { width: 131px; }

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 { }
header ul.left_logos li.shape_logo a { width: 87px; }


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}
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: 17px; }
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: 26px; height: 26px; 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: 13px; line-height: 22px; color: #000; display: inline-block; vertical-align: top; }
header ul.social_icon li a:hover { opacity: 0.7; }
#layout header .paidcontent { max-width: 150px; margin: 20px auto 8px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; }
#layout header .paidcontent a { font-family: 'Roboto'; font-size: 11px; font-weight: 700; color: #000; text-transform: uppercase; text-decoration: none; letter-spacing: 0.25px; border: 0px; background: none; }
#layout header .paidcontent a i { margin-right: 2px; font-size: 13px; }
#layout header .paidcontent span { position: absolute; left: -30px; top: calc(100% + 12px); padding: 10px; width: 220px; text-align: center; font-size: 12px; display: block; border: #666 solid 1px; background: #fff; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); z-index: 101; }
#layout header .paidcontent span:after { content: ""; position: absolute; left: 33px; top: -7px; border-top: #666 solid 1px; border-right: #666 solid 1px; width: 12px; height: 12px; transform: rotate(-45deg); background: #fff; }
#layout header .paidcontent:hover span { opacity: 1; visibility: visible; }

/********************Home Screen************************/
#main #layout .bgimg { }
#main #layout .clear { clear: both; }
#main #layout .banner_sec { padding: 4px 0px 0px; min-height: calc(100vh - 110px); /*min-height: 740px;*/ background: #BA0018; }
#main #layout .banner_sec h1 { padding: 0px 5px 0px 0px; margin: 0px; font-family: 'GraphikSuper'; font-style: normal; font-weight: normal; font-size: 32px; line-height: 1; text-align: right; color: #FFFFFF; margin-left: -10px; }
#main #layout .banner_sec h1 strong { padding: 0px 0px 2px; display: block; font-weight: normal; font-size: 87px; line-height: 0.9; font-family: 'GraphikCompactSuper'; margin-top: -3px; }
#main #layout .banner_sec .productrepeater { padding: 0px 0px 0px 0px; max-width: 893px; margin: 10px auto 0px; position: relative; }
#main #layout .banner_sec .productrepeater li { padding: 0 15px; }
#main #layout .banner_sec .productrepeater li a.slideitems { display: block; padding: 0; }
#main #layout .banner_sec .productrepeater li a.slideitems img { transition: 0.4s all; box-shadow: 20.0562px 20.0562px 26.7416px rgba(0, 0, 0, 0.25); }
#main #layout .banner_sec .productrepeater li a.slideitems:hover img { transform: scale(1.1); }
#main #layout .banner_sec .productrepeater li a.slideitems span { display: block; font-family: 'GraphikCondBold'; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #E9D894; text-align: left; padding-top: 14px; }
#main #layout .banner_sec .productrepeater .slick-list { overflow: visible; }
#main #layout .banner_sec .productrepeater span.dragicon { display: block; position: absolute; left: 30px; top: 18px; width: 70px; height: 75px; background: url(../images/drag-icon.png) no-repeat; background-size: cover; z-index: 101; }
#main #layout .banner_sec .productrepeater span.clicktoview { display: block; position: absolute; right: -116px; top: -65px; width: 117px; height: 85px; background: url(../images/view-icon.png) no-repeat; background-size: cover; z-index: 101; }
#main #layout .banner_sec .productrepeater { }
#main #layout .banner_sec .productrepeater { }
#main #layout .banner_sec .productrepeater { }
#main #layout .banner_sec { }
#main #layout .banner_sec .bottomtext { padding-bottom: 50px; max-width: 900px; text-align: center; margin: 0 auto; position: relative; z-index: 12; width: 100%; }
#main #layout .banner_sec .bottomtext p { padding: 0px; margin: 0; font-family: 'GraphikRegular'; font-weight: normal; font-size: 18px; line-height: 24px; color: #FFFFFF; width: 100%; }
#main #layout .banner_sec .bottomtext p strong { font-weight: normal; font-family: 'GraphikBold'; }
#main #layout .banner_sec .innerbottom { width: 100%; margin-top: -40px; position: relative; float: left; }
#main #layout .banner_sec .bottomtext p strong em { font-stretch: normal;font-family: 'GraphikBoldIT'; }
#main #layout .banner_sec .productdetails { }
#main #layout .banner_sec .productdetails .detailstab { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1011; overflow: auto; display: none; }
#main #layout .banner_sec .productdetails .detailstab#tomato-soup { }
#main #layout .banner_sec .productdetails span.bg { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #BA0018; opacity: 0.8; }
#main #layout .banner_sec .productdetails .productinfo { padding: 27px 54px 42px 54px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 930px; max-height: 80%; background: #fff; z-index: 10; }
#main #layout .banner_sec .productdetails .productinfo .productinfo { overflow: auto; height: 100%; width: 100%; }
#main #layout .banner_sec .productdetails a.closebtn { position: absolute; right: 16px; top: 20px; width: 50px; height: 45px; font-size: 0px; background: url(../images/return-icon.png) no-repeat; background-size: 100%; }
#main #layout .banner_sec .productdetails figure { position: absolute; left: -61px; top: -45px; max-width: 175px; }
#main #layout .banner_sec .productdetails span.heading { display: block; font-family: 'GraphikCondBold'; font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; text-align: center; letter-spacing: 5px; text-transform: uppercase; color: #A5874C; }
#main #layout .banner_sec .productdetails h3 { padding: 20px 0px 20px 35px; margin: 0px; font-family: 'GraphikBold'; font-style: normal; font-weight: normal; font-size: 24px; line-height: 26px; color: #BA0018; text-align: left; }
#main #layout .banner_sec .productdetails h3 em { font-style: normal; font-family: 'GraphikBoldIT'; }
#main #layout .banner_sec .productdetails .recipes { padding: 0 36px; width: 50%; }
#main #layout .banner_sec .productdetails .recipes a { display: block; }
#main #layout .banner_sec .productdetails .recipes a span { display: block; font-family: 'GraphikXXXCondSemi'; font-style: normal; font-weight: normal; font-size: 46px; line-height: 44px; text-transform: uppercase; color: #BA0018; text-align: left; }
#main #layout .banner_sec .productdetails .recipes a img { display: block; margin-bottom: 20px; box-shadow: 30px 30px 40px rgba(0, 0, 0, 0.25); }
#main #layout .banner_sec .productdetails .recipes { }
#main #layout .banner_sec .productdetails .recipes a:hover span { color: #333; }
#main #layout .banner_sec .productdetails .fullwidth { width: 100%; }
#main #layout .banner_sec .productdetails { }
#main #layout .banner_sec .productdetails { }
#main #layout .banner_sec .productdetails { }
#main #layout .banner_sec .productdetails { }
#main #layout .refpic { padding-top: 10px; display: block; text-align: right; font-family: 'GraphikCompactReg'; font-style: normal; font-weight: normal; font-size: 12px; line-height: 13px; color: #595959; }
#main #layout .refpic span { padding: 0 10px; }
#main #layout .banner_sec .middlecontent { display: flex; flex-wrap: wrap; max-width: 1250px; margin: 10px auto 10px; min-height: calc(100vh - 600px); /*min-height: 280px;*/ align-items: center; position: relative; }
#main #layout .banner_sec .middlecontent .heading { width: 34%; }
#main #layout .banner_sec .middlecontent .videobg { padding: 8px 0 0 8px; width: 34%; }
#main #layout .banner_sec .middlecontent .sliderbg:before { content: ""; position: absolute; left: 0; top: 0px; width: 210px; height: 300px; background: url(../images/shadow-bg.png) no-repeat; background-size: 100%; }
#main #layout .banner_sec .middlecontent .videobg .videovf { position: relative; z-index: 10; width: 260px; height: 245px; -webkit-mask-image: url(../images/mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; }
#main #layout .banner_sec .middlecontent .videobg .videovf video { max-width: 103%; margin-left: -110px; margin-top: -5px; transform: rotate(5deg); }
#main #layout .banner_sec .middlecontent .infotext { padding-left: 5px; width: 66%; text-align: left; color: #fff; }
#main #layout .banner_sec .middlecontent p { padding: 0px; margin: 0px; font-family: 'GraphikRegular'; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; color: #FFFFFF; }
#main #layout .banner_sec .middlecontent p strong { font-weight: normal; font-family: 'GraphikBold'; }
#main #layout .banner_sec .middlecontent p em { font-style: italic; }
#main #layout .banner_sec .middlecontent { }
#main #layout .banner_sec .middlecontent .sliderbg { width: 45%; position: relative; }
#main #layout .banner_sec .slideitem { display: flex !important; flex-wrap: wrap; align-items: center; }
#main #layout .banner_sec .tokenblock { padding: 0px 20px 50px 0px; width: 21%; }
#main #layout .banner_sec .tokenblock img { max-width: 194px; }
#main #layout .banner_sec { }
#main #layout .banner_sec.influencer { background: #A5874C; }
#main #layout .banner_sec.influencer .productrepeater { padding-right: 0px; max-width: 1190px; }
#main #layout .banner_sec.influencer .productrepeater li a.slideitems span { font-size: 14px; line-height: 15px; padding-top: 6px; }
#main #layout .banner_sec.influencer .productrepeater li strong { display: block; font-size: 12px; font-family: 'GraphikCondSemi'; font-weight: normal; font-style: italic; color: #fff; text-align: left; }

#main #layout .banner_sec.influencer .productrepeater li strong em { font-size: 10px; }
#main #layout .banner_sec.influencer .productrepeater li strong a { cursor: pointer; text-decoration:none; color:#fff; font-size: 10px; } 
#main #layout .banner_sec.influencer .productrepeater li strong a:hover { text-decoration: underline; }
#main #layout .banner_sec.influencer .productrepeater li strong * { cursor: default; }

#main #layout .banner_sec.influencer .middlecontent { margin-top: 0px; }
#main #layout .banner_sec.influencer ul.static-recipes { list-style: none; }
#main #layout .banner_sec.influencer ul.static-recipes li { width: 25%; }
#main #layout .banner_sec.influencer ul.static-recipes li img { display: block; }
#main #layout .banner_sec.influencer ul.static-recipes li figure { position: relative; overflow: hidden; transition: 0.4s all; box-shadow: 20.0562px 20.0562px 26.7416px rgba(0, 0, 0, 0.25); }
#main #layout .banner_sec.influencer ul.static-recipes li figure video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; cursor: pointer; }
#main #layout .banner_sec.influencer ul.static-recipes li a:hover figure { transform: scale(1.1); }
#main #layout .banner_sec.influencer ul.static-recipes { }
#main #layout .banner_sec.influencer ul.static-recipes { }
#main #layout .banner_sec.influencer { }
#main #layout .banner_sec.influencer { }
#main #layout .banner_sec.influencer { }
#main #layout .banner_sec.influencer { }
#main #layout .banner_sec.influencer { }
#main #layout .banner_sec { }
#main #layout .banner_sec { }
#main #layout .banner_sec { }

#main #layout .hero_sec { position: relative; background: #BA0018; }
#main #layout .hero_sec figure img { width: 100%; height: 658px; object-fit: cover; }
#main #layout .hero_sec ul { padding: 12px 15px 16px 0; }
#main #layout .hero_sec li { padding: 0 67px; }
#main #layout .hero_sec li span { padding-bottom: 5px; display: block; font-family: 'GraphikCondBlack'; font-style: normal; font-weight: normal; font-size: 10.206px; line-height: 12px; text-align: center; letter-spacing: 2.187px; color: #FFFFFF; }
#main #layout .hero_sec li strong { display: block; font-family: 'GraphikCompactBold'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 21px; text-align: center; color: #FFFFFF; }
#main #layout .hero_sec a.return { position: absolute; right: 40px; top: 22px; width: 50px; height: 45px; font-size: 0px; background: url(../images/return-icon.png) no-repeat; background-size: 100%; z-index: 2111; }
#main #layout .hero_sec a.return.white { background: url(../images/return-icon-white.png) no-repeat; background-size: 100%; }
#main #layout .hero_sec.influencer { }
#main #layout .hero_sec.influencer .lefttext { padding: 57px 120px 0px 44px; text-align: left; width: 50%; }
#main #layout .hero_sec.influencer figure { width: 50%; }
#main #layout .hero_sec.influencer span.imgbg { /*width: 50vw;*/ width: calc(100% + 10px); display: block; position: relative; }
#main #layout .hero_sec.influencer span.imgbg img { height: 638px; display: block; object-position: top; }
#main #layout .hero_sec.influencer span.imgbg .jwplayer { height: 638px !important; }
#main #layout .hero_sec.influencer .videobg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; z-index: 1111; }
#main #layout .hero_sec.influencer a.videolink { display: block; font-size: 0px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 74px; height: 74px; border: 2px solid #FFFFFF; background: rgba(0,0,0,0.33) url(../images/arrow.png) center no-repeat; background-size: 14px; z-index: 111; }
#main #layout .hero_sec.influencer a.videolink:hover { background: rgba(0,0,0,1) url(../images/arrow.png) center no-repeat; background-size: 14px; z-index: 111; }
#main #layout .hero_sec.influencer h1 { padding: 0px 0px 24px; margin: 0px; font-family: 'GraphikXXXCondMed'; font-style: normal; font-weight: normal; font-size: 150px; line-height: 135px; text-transform: uppercase; color: #FFFFFF; }
#main #layout .hero_sec.influencer .pasilla h1 { font-size: 190px; line-height: 172px; }
#main #layout .hero_sec.influencer p { padding: 0px 0px 0px 8px; margin: 0px; font-family: 'GraphikCondBlack'; font-style: normal; font-weight: normal; font-size: 34px; line-height: 40px; color: #FFFFFF; }
#main #layout .hero_sec.influencer p strong { font-size: 20px; text-transform: uppercase; letter-spacing: 2px; }
#main #layout .hero_sec.influencer .timebg { display: block; background: #d3be6d; }
#main #layout .hero_sec.influencer ul { padding: 16px 0px 16px 0px; }
#main #layout .hero_sec.influencer li { padding: 0 50px; }
#main #layout .hero_sec.influencer2 h1 { padding-bottom: 10px; }
#main #layout .hero_sec.influencer2 h1 span, #main #layout .hero_sec.influencer3 h1 span { display: block; font-size: 66px; line-height: 79px; letter-spacing: 3px; font-family: 'Graphik XXXCondBold'; }
#main #layout .hero_sec.influencer2 h1 span.med { display: inline; font-size: inherit; line-height: inherit; letter-spacing: inherit; font-family: 'GraphikCondSemi'; }
#main #layout .hero_sec.influencer2 .lefttext { padding: 57px 40px 0px 44px; }
#main #layout .hero_sec.influencer3 .lefttext { padding: 30px 20px 0px 44px; }
#main #layout .hero_sec.influencer3 h1 { padding-bottom: 15px; }
#main #layout .hero_sec span.soupicon { position: absolute; left: 87px; bottom: -155px; display: block; max-width: 135px; }
#main #layout .hero_sec.influencer3 { }
#main #layout .hero_sec.influencer3 { }
#main #layout .hero_sec { }

#main #layout .text_sec { padding: 70px 0px 0px 0px; }
#main #layout .text_sec.reducegap { padding: 46px 0px 0px 0px; }
#main #layout .text_sec .introcontent { padding-bottom: 41px; max-width: 800px; margin: 0 auto; }
#main #layout .text_sec .introcontent h1 { padding: 0px 0px 20px; margin: 0px; font-family: 'GraphikCondBlack'; font-style: normal; font-weight: normal; font-size: 60px; line-height: 66px; text-align: center; color: #BA0018; }
#main #layout .text_sec .introcontent p { padding: 0px; margin: 0px; font-family: 'GraphikRegular'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; text-align: center; color: #000000; }
#main #layout .text_sec .introcontent p strong { font-weight: normal; font-family: 'GraphikSuper'; }
#main #layout .text_sec .introcontent p em { font-style: italic; }
#main #layout .text_sec .introcontent.intro1 { max-width: 750px; padding-bottom: 71px; }
#main #layout .text_sec .introcontent.intro2 { max-width: 830px; }
#main #layout .text_sec .introcontent.intro3 { max-width: 850px; }
#main #layout .text_sec .introcontent.intro4 p { padding: 0 40px; }
#main #layout .text_sec .introcontent.intro4 { padding-bottom: 50px; }
#main #layout .text_sec .introcontent.intro5 { padding-bottom: 80px; }
#main #layout .text_sec .introcontent.intro6 { padding-bottom: 75px; max-width: 900px; }
#main #layout .text_sec .introcontent.intro6 p { padding: 0 50px; }
#main #layout .text_sec .introcontent { }
#main #layout .text_sec .introcontent { }
#main #layout .text_sec .recipebox { max-width: 1180px; margin: 0 auto; align-items: flex-start; }
#main #layout .text_sec .recipebox .leftinfo { padding: 52px 30px 88px 20px; width: 35%; background: #f5f5f5; text-align: left; position: relative; }
#main #layout .text_sec .recipebox h4 { padding: 0px 0px 30px 26px; margin: 0px; font-family: 'GraphikSuper';  font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: #BA0018; }
#main #layout .text_sec .recipebox h5 { padding: 0px 0px 1px 26px; margin: 0px; font-family: 'GraphikCompactSuper'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; color: #000; }
#main #layout .text_sec .recipebox h6 { padding: 0px 0px 55px 43px; margin: 0px; font-family: 'GraphikCompactReg'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; color: #000; }
#main #layout .text_sec .recipebox h6 strong { font-weight: normal; font-family: 'GraphikCompactSuper'; }
#main #layout .text_sec .recipebox .leftinfo ul { list-style: none; padding: 0px; margin: 0px; }
#main #layout .text_sec .recipebox .leftinfo li { padding: 0px 0px 24px 26px; position: relative; font-family: 'GraphikCompactReg'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; color: #000000; }
#main #layout .text_sec .recipebox .leftinfo li em { font-style: italic; }
#main #layout .text_sec .recipebox .leftinfo li:before { content: ""; position: absolute; left: 0px; top: 10px; width: 11px; height: 11px; border-radius: 50%; background: #000000; }
#main #layout .text_sec .recipebox .leftinfo .buttonbg { padding: 32px 0px 0px 0px; position: absolute; left: 59%; bottom: -12px; transform: translateX(-50%); display: flex; flex-wrap: wrap; width: 275px; }
#main #layout .text_sec .recipebox .leftinfo .buttonbg img { position: absolute; left: -46px; top: 0px; max-width: 76px; }
#main #layout .text_sec .recipebox .leftinfo a.button { padding: 5px 30px 5px 40px; display: block; line-height: 27px; font-family: 'GraphikCondSemi'; font-style: normal; font-weight: normal; font-size: 20px; text-align: center; letter-spacing: 1px; color: #FFFFFF; background: #BA0018; }
#main #layout .text_sec .recipebox .leftinfo a.button:hover { background: #000; }
#main #layout .text_sec .recipebox .leftinfo { }
#main #layout .text_sec .recipebox .leftinfo { }
#main #layout .text_sec .recipebox .rightdetails { padding: 52px 55px 0px 56px; width: 65%; text-align: left; }
#main #layout .text_sec .recipebox .rightdetails h4, #main #layout .text_sec .recipebox .rightdetails h5 { padding-left: 42px; }
#main #layout .text_sec .recipebox .rightdetails ol { padding: 0px 0px 50px; margin: 0px; list-style: none; counter-reset: my-awesome-counter; }
#main #layout .text_sec .recipebox .rightdetails ol.gap2 { padding: 0px 0px 18px; }
#main #layout .text_sec .recipebox .rightdetails ol.gap3 { padding: 0px 0px 0px; }
#main #layout .text_sec .recipebox .rightdetails li { padding: 0px 0px 40px 43px; position: relative; counter-increment: my-awesome-counter; font-family: 'GraphikCompactReg'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; color: #000000; }
#main #layout .text_sec .recipebox .rightdetails li:before { content: ""; position: absolute; left: 0px; top: 2px; content: counter(my-awesome-counter); width: 28px; height: 28px; line-height: 28px; text-align: center; font-family: 'GraphikSuper'; font-style: normal; font-weight: normal; font-size: 16px; color: #FFFFFF; border-radius: 50%; background: #BA0018; }
#main #layout .text_sec .recipebox .rightdetails li em { font-style: italic; }
#main #layout .text_sec .recipebox .rightdetails .quicktip { padding: 20px 50px 27px 50px; margin: 0px -55px 0px -7px; text-align: center; background: #f5f5f5; }
#main #layout .text_sec .recipebox .rightdetails .quicktip h5 { padding: 0px; margin: 0px 0px 14px; font-family: 'GraphikSuper'; font-style: normal; font-weight: normal; font-size: 16px; letter-spacing: 5px; color: #000000; display: flex; align-items: center; justify-content: center; }
#main #layout .text_sec .recipebox .rightdetails .quicktip h5 img { margin-right: 15px; max-width: 29px; }
#main #layout .text_sec .recipebox .rightdetails .quicktip p { padding: 0px; margin: 0px; font-family: 'GraphikRegular'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; color: #000000; }
#main #layout .text_sec .recipebox .rightdetails .quicktip.tips1 p { font-size: 18px; line-height: 27px; }
#main #layout .text_sec .recipebox .rightdetails .quicktip p em { font-style: normal; font-family: 'GraphikRegIT'; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct { padding: 183px 0px 200px 40px; max-width: 400px; margin: 0 auto; position: relative; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct.pr2 { padding: 183px 0px 172px 40px; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct img { position: absolute; left: -127px; top: 43px; max-width: 340px; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct .videobg { position: absolute; left: -82px; top: 75px; max-width: 340px; z-index: 101; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct .videobg:before { content: ""; position: absolute; left: -9px; top: -8px; width: 268px; height: 375px; background: url(../images/shadow-bg.png) no-repeat; background-size: 100%; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct .videobg .videovf { }
#main #layout .text_sec .recipebox .rightdetails .mainproduct .videobg .videovf { width: 320px; height: 320px; transform: rotate(3deg); -webkit-mask-image: url(../images/mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct .videobg video { margin-left: -72px; max-width: 108%; margin-top: -5px; transform: rotate(5deg); }
#main #layout .text_sec .recipebox .rightdetails .mainproduct .proinfo { padding: 17px 40px 17px 70px; font-family: 'GraphikSuper'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 26px; color: #FFFFFF; text-align: center; background: #BA0018; box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.3); }
#main #layout .text_sec .recipebox .rightdetails .mainproduct a { color: #fff; text-decoration-line: underline; position: relative; z-index: 102; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct a:hover { text-decoration: none; }
#main #layout .text_sec .recipebox .rightdetails .mainproduct { }
#main #layout .text_sec .recipebox .rightdetails .mainproduct { }
#main #layout .text_sec .recipebox .rightdetails .pagebanner { padding: 70px 0px 0px 0px; margin: 0px -55px -120px -7px; }
#main #layout .text_sec .recipebox .rightdetails .pagebanner video { max-width: 100%; }
#main #layout .text_sec.influencer { padding: 75px 0px 0px 0px; }
#main #layout .text_sec.influencer p { padding-bottom: 20px; font-size: 22px; line-height: 34px; }
#main #layout .text_sec.influencer p strong { font-family: 'GraphikBold'; }
#main #layout .text_sec.influencer .introcontent { max-width: 830px; }
#main #layout .text_sec.influencer .introcontent.intro12 { max-width: 810px; }
#main #layout .text_sec.influencer .introcontent.intro12 p.redcolor { margin: 0 auto; max-width: 700px; }
#main #layout .text_sec.influencer p.redcolor { color: #BA0018; font-family: 'GraphikMed'; }
#main #layout .text_sec.influencer p.redcolor em { font-family: 'GraphikMedIT'; font-style: normal; }
#main #layout .text_sec.influencer .introcontent.intro5 { padding-bottom: 50px; }
#main #layout .text_sec.influencer .recipebox .rightdetails.influence ol { padding-bottom: 0px; }
#main #layout .text_sec.influencer .recipebox { }
#main #layout .text_sec.influencer .recipebox .rightdetails ol { padding-bottom: 37px; }
#main #layout .text_sec.influencer .recipebox .instabox { margin: 0px 0px 40px -8px; width: calc(100% + 64px); background: #E9D894; }
#main #layout .text_sec.influencer .recipebox .instabox figure { width: 22.22%; }
#main #layout .text_sec.influencer .recipebox .instabox figure img { min-width: 100%; min-height: 100%; object-fit: cover; display: block; }
#main #layout .text_sec.influencer .recipebox .instabox .infos { padding: 27px 50px 10px 50px; width: 77.78%; text-align: center; }
#main #layout .text_sec.influencer .recipebox .instabox h4 { padding: 0px 0px 12px; margin: 0px; font-family: 'GraphikXXXCondSemi'; font-style: normal; font-weight: normal; font-size: 28px; line-height: 34px; letter-spacing: 5px; color: #BA0018; }
#main #layout .text_sec.influencer .recipebox .instabox h4 strong { font-weight: normal; font-family: 'GraphikCondBlack'; letter-spacing: 2px; }
#main #layout .text_sec.influencer .recipebox .instabox a.instaicon { max-width: 210px; display: block; margin: 0 auto 10px; }
#main #layout .text_sec.influencer .recipebox .instabox a.instaicon1 { max-width: 168px; }
#main #layout .text_sec.influencer .recipebox .instabox p { padding: 0px; margin: 0px; font-family: 'GraphikRegular'; font-style: normal; font-weight: normal; font-size: 18px; line-height: 30px; color: #000000; }
#main #layout .text_sec.influencer .recipebox .instabox.insta2 { margin-top: 40px; }
#main #layout .text_sec.influencer .recipebox .instabox { }
#main #layout .text_sec.influencer .recipebox { }
#main #layout .text_sec.influencer .recipebox { }
#main #layout .text_sec.influencer .recipebox { }
#main #layout .text_sec.influencer .recipebox { }
#main #layout .text_sec.influencer .recipebox { }
#main #layout .text_sec.influencer .recipebox { }
#main #layout .text_sec.influencer .recipebox { }
#main #layout .text_sec.influencer { }
#main #layout .text_sec.influencer { }
#main #layout .text_sec.influencer { }
#main #layout .text_sec { }
#main #layout .text_sec { }

#main #layout .return_sec { padding: 37px 0px 39px 0px; background: #f5f5f5; }
#main #layout .return_sec a.return { text-align: center; }
#main #layout .return_sec a.return small { padding-left: 36px; display: inline-block; font-family: 'GraphikBold'; font-style: normal; font-weight: normal; font-size: 10px; line-height: 15px; letter-spacing: 1px; color: #BA0018; background: url(../images/arrow1.png) left no-repeat; background-size: 25px; }
#main #layout .return_sec a.return span { padding-top: 3px; display: block; font-family: 'GraphikXXXCondReg'; font-style: normal; font-weight: normal; font-size: 92px; line-height: 92px; letter-spacing: 1.84px; color: #BA0018; }
#main #layout .return_sec a.return span strong { font-weight: normal; font-family: 'GraphikCondBlack'; }
#main #layout .return_sec a.return { }
#main #layout .return_sec { }

#main img { height: auto; }

#main #layout .slick-autoplay-toggle-button { display: none; }

#main #layout .content_sec { }

#main #layout .productlightobx { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1212; display: none; }
#main #layout .productlightobx .closebg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.7; background: #000; }
#main #layout .productlightobx .lightboxcode { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 10; width: 332px; }
#main #layout .productlightobx a.closebtn { position: absolute; right: 10px; top: -30px; font-size: 0px; width: 20px; height: 25px; }
#main #layout .productlightobx a.closebtn:before, #main #layout .productlightobx a.closebtn:after { content: ""; position: absolute; left: 10px; top: 0px; width: 2px; height: 20px; transform: rotate(45deg); background: #fff; }
#main #layout .productlightobx a.closebtn:after { transform: rotate(-45deg); }

/**************************************Footer Css**************************************************/
footer { display:block; width: 100%; background: #fff; padding: 12px 0; text-align: center; z-index: 99; overflow:hidden; position: relative; }
#main #layout footer .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
#main #layout footer .logosleft { display: flex; align-items: center; justify-content: center; }
#main #layout footer .logosleft span.sep { margin: 0 7px; display: block; width: 1px; height: 28px; background: #000; }
#main #layout footer .logosleft a.footer_logo1 { max-width: 56px; }
#main #layout footer .logosleft a.footer_logo { max-width: 140px; }
#main #layout footer .logosleft { }
#main #layout footer .logosleft { }
footer a.footer_logo { display: inline-block; }
a.footer_logo img { vertical-align: top; width: 160px; }

footer ul { list-style: none; padding: 6px 0 0; }
footer ul li { display: inline-block; font-family: 'Roboto'; font-size: 11px; line-height: 16px; font-weight: 400; color: #000; padding: 0 5px 0 8px; position:  relative; }
footer ul li:not(:first-child):before { content: ""; position: absolute; left:  0px; top:  3px; width: 1px; height: 12px; background: #000; }
footer ul li a { display: block; color: #000; }
footer ul li a:hover, footer ul li a:focus { color: #888888; }
/**************************************Footer Css**************************************************/ 

.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded, .slick-slide img { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: 0; padding: 0!important; font: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .slick-slide.slick-loading img { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav { margin-top: 10px }
.owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 }
.owl-carousel .owl-dots { display: none!important }

.is-cursor-takeover { width: 100%; position: relative; }

.owl-carousel .owl-stage { transition-timing-function: linear !important; }

.touch-devices-body .button-circle { display: none !important; }

.button-circle { position: absolute; left: 50%; width: 70px; height: 77px; z-index: 2; }
.button-circle a, .button-circle button { position: relative; display: block; width: 100%; height: 100%; background: 0 0; border: 0 }
.button-circle { margin: -84px 0 0 -84px; top: 50% }
.button-circle a>span:not(.button-circle__bg), .button-circle button>span:not(.button-circle__bg) { position: absolute; top: 50%; left: 50%; margin-top: 0; transform: translate(-50%, -50%); overflow: hidden; z-index: 1; transition: opacity .2s cubic-bezier(.28, 0, .49, 1) .1s; display: none; }
.button-circle a>span:not(.button-circle__bg) span, .button-circle button>span:not(.button-circle__bg) span { display: inline-block; margin-top: 0; color: #BA0018; transform: none; font-size: 35px; line-height: 54px; font-family: 'CaslonGraD'; font-weight: normal; }
.button-circle a>span:not(.button-circle__bg):nth-child(2) span, .button-circle button>span:not(.button-circle__bg):nth-child(2) span { transform: translateY(100%) }
.button-circle[data-cursor-takeover] { top: 0; left: 0; width: 70px; height: 77px; pointer-events: none; opacity: 0; transition: opacity .3s cubic-bezier(.28, 0, .49, 1) }
.button-circle[data-cursor-takeover] button { pointer-events: none; border: 0; background: 0 0 }
.button-circle[data-cursor-takeover] a { pointer-events: all }
.button-circle[data-cursor-takeover] .button-circle__bg { transform-origin: center center; transition: transform .2s cubic-bezier(.28, 0, .49, 1) }
.button-circle[data-cursor-takeover] .button-circle__carets { position: absolute; top: -0.5rem; left: -0.2rem; display: flex; align-items: center; justify-content: space-between; width: calc(100% + 0.4rem); height: calc(100% + 1rem); transform: scale(.6); transform-origin: center; opacity: 0; transition: transform .2s cubic-bezier(.28, 0, .49, 1), opacity .2s cubic-bezier(.28, 0, .49, 1); display: none; }
.button-circle[data-cursor-takeover] .button-circle__carets figure {
width: .7rem; height: auto }
.button-circle[data-cursor-takeover] .button-circle__carets figure:nth-child(2) { transform: rotate(180deg) }
.button-circle[data-cursor-takeover] .button-circle__carets svg { fill: #E9D894 }
.is-cursor-takeover:hover .button-circle[data-cursor-takeover] { opacity: 1; transition-delay: .2s }
.is-cursor-takeover:hover .button-circle[data-cursor-takeover] span:not(.button-circle__bg):first-child span { transform: translateY(-100%); transition: transform .3s cubic-bezier(.28, 0, .49, 1) .3s }
.is-cursor-takeover:hover .button-circle[data-cursor-takeover] span:not(.button-circle__bg):nth-child(2) span { transform: none; transition: transform .3s cubic-bezier(.28, 0, .49, 1) .4s }
.button-circle[data-cursor-takeover].is-disabled { mix-blend-mode: difference }
.button-circle[data-cursor-takeover].is-disabled button>span:not(.button-circle__bg), .button-circle[data-cursor-takeover].is-down button>span:not(.button-circle__bg) { opacity: 0; transition: opacity .1s cubic-bezier(.28, 0, .49, 1) }
.button-circle[data-cursor-takeover].is-down .button-circle__bg { transform: scale(.72) }
.button-circle[data-cursor-takeover].is-down .button-circle__carets { opacity: 1; transform: none }
.button-circle .meta:not(a):not(button) { margin-top: 1rem; font-size: 1rem; font-weight: 700; text-align: center; color: var(--white); display: block }
.button-circle__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/drag-icon.svg) center center no-repeat; }
.button-circle--has-link[data-cursor-takeover].is-down .button-circle__bg { transform: scale(.9) }
.button-circle--initial { display: block; top: 50%; left: 50%; pointer-events: none; z-index: 2 }
.button-circle--initial .button-circle__carets, .home .bottom-bar h2 { display: none }
.is-cursor-takeover:hover .button-circle--initial { opacity: 0; transition: opacity .2s var(--ease-out-soft) 0s }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.1;
  }
  50% {
    opacity: 0.99;
  }
  70% {
    opacity: 0.85;
  }
  100% {
    -webkit-transform: scale(5);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0.1;
  }
  50% {
    opacity: 0.99;
  }
  70% {
    opacity: 0.85;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}


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