@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');

/*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----------------------------------------------- */
*, *:before, *:after {margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: none; }
img { display: block; max-width: 100%; height: auto; border: 0px; }

strong { font-weight: normal; }

.clear:after { display: block; font-size: 0; content: " "; clear: both; height: 0; width: 100%; }
a { text-decoration: none; color:inherit; outline: none; }
a:focus,a:active,a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; line-height: normal; padding-bottom:5px; }

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; }

/* Text elements */
p {	margin: 0; padding: 0 0 20px; font-size: 20px; line-height: 30px; font-weight: 300; color: #2e2a2a; font-family: 'SentinelBook'; }
:focus {/* remember to define focus styles! */
	outline: 0;
}

/* Reset CSS ENDS HERE */
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; background: #151515; }
body { font-size:14px; color:#000; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:#fff;-webkit-font-smoothing: antialiased; overflow-x: hidden; height:100%; }

.wrapper { max-width: 1220px; padding: 0 20px; margin: 0 auto; }
.button { display: inline-block; vertical-align: top; padding: 15px 21px 13px 22px; text-transform: uppercase; color: #fff; font-family: 'AvenirHeavy_0'; background: #eb1c2d; letter-spacing: 0.9px; font-size: 15px; line-height: 20px; transition: all 350ms; -webkit-transition: all 350ms; }
.button:hover { background: #ce1020; }

/* layout */
#layout { width:100%; height:100%; position:relative; background: #151515;  padding:56px 0 0; }


/*********Header Css*********/
header { width: 100%; background: #fff; box-shadow: 0 15px 15px -15px rgba(0,0,0,0.4); text-align: center; position: fixed; z-index: 999999; left: 0px; right: 0px; top: 0; }

header .header_inner { float: left; width: 100%; padding: 0 20px; border-top: 4px solid #bce1f1; position: relative; min-height: 56px; }

header a.logo { display: inline-block; margin: 0; padding: 0; width: 108px; float: left; margin: 10px 0 0; }
header a.logo img { vertical-align: top; }
header ul.left_logos { float: left; padding: 7px 0 0 0; }
ul.left_logos li { display: inline-block; vertical-align: top; }
ul.left_logos li a { display: block; }
ul.left_logos li a img { vertical-align: top; }
ul.left_logos li.starbucks-logo { background: url(../images/plus-icon.png) no-repeat right center; padding: 0 21px 0 0; background-size: 12px auto; }
ul.left_logos li.starbucks-logo a { width: 40px; }
ul.left_logos li.living-logo { padding: 5px 0 0 7px; }
ul.left_logos li.living-logo a { width: 88px; }
ul.left_logos li.better-logo { padding: 8px 0 0 5px; }
ul.left_logos li.better-logo a { width: 99px; }
ul.left_logos li.realsimple-logo { padding: 13px 0 0 7px; }
ul.left_logos li.realsimple-logo a { width: 102px; }


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; font-weight:600; background:#bce2f1; padding:4px 10px 5px 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%); min-width:134px;}
a.paid_logo i{ padding:0px 0 0 8px; font-size:15px; display: inline-block; vertical-align: top; }

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 sup{ font-size: 8px;}
header .show_text a{color:#666}
header .show_text a:hover{color:#999}
header .show_text span.close{ position:absolute; right:2px; top:9px; 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: 12px 0px 0 0; }
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: 27px; height: 27px; border-radius: 50%; border: 1px solid #000; opacity: 1; transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; }
header ul.social_icon li a i { font-size: 14px; line-height: 26px; color: #000; display: inline-block; transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; }
header ul.social_icon li a:hover { color: #fff; background: #b29a6e; border-color: #b29a6e; }
header ul.social_icon li a:hover i { color: #fff; }    

/* Article Content */
.article-content { overflow: hidden; background: #fff; }
.article-hero { padding: 43px 0 54px; width: 100%; }
.article-hero .inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } 
.article-hero .image { padding: 0 20px 10px 0; width: 55.2%; -ms-flex-order: 2; -webkit-order: 2; order: 2; background: url(../images/img-frame.png) bottom right no-repeat; }
.article-hero .image img { width: 100%; }
.article-hero .text { padding: 24px 50px 0 31px; width: 43.6%; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.article-hero h1 { padding-bottom: 16px; font-family: 'SentinelBook'; font-size: 40px; line-height: 45px; color: #006240; }
.article-hero p { font-family: 'SentinelMediumItalic'; color: #2e2a2a; }
.article-hero p strong, .article-hero p a { color: #006240; }
.article-hero p a:hover { color: #2e2a2a; }
.article-hero .text.bake-off { padding: 55px 80px 0 31px; }
.article-hero.story-night .text { padding: 85px 80px 0 31px; }

.cta-bar { background: #edeae8; padding: 62px 0 34px; }
.cta-bar.bake-off { padding: 67px 0 49px; }
.cta-bar.story-night { padding: 70px 0 55px; }
.cta-bar p { color: #2e2a2a; }
.cta-bar .inner { max-width: 780px; margin: 0 auto; }

.first-column-story-night { padding: 176px 0 0px; }
.first-column-story-night .image { float: right; width: 58.7%; }
.first-column-story-night .image img { width: 100%; }
.first-column-story-night .text { padding: 0px; width: 33.3%; float: left; }
.first-column-story-night .text h3 { padding-bottom: 6px; font-family: 'NeutrafaceTextBold'; font-size: 30px; line-height: 32px; color: #2e2a2a; text-transform: uppercase; }
.first-column-story-night .number { padding: 0px; position: absolute; top: -127px; right: 98px; max-width: 116px; }
.first-column-story-night .wrapper { max-width: 1300px; padding: 0 45px; position: relative; }
.first-column-story-night .inner { padding: 35px 30px 14px 58px; float: right; margin: 61px -179px 0 0; background: #fff; }

.second-column-story-night { padding: 75px 0 0px; }
.second-column-story-night .image { padding: 0 0 0 111px; float: left; width: 58.4%; }
.second-column-story-night .image img { width: 100%; }
.second-column-story-night .text { padding: 0px 70px 0 40px; margin: 0; width: 41.6%; float: left; position: relative; }
.second-column-story-night .text h3 { padding-bottom: 1px; font-family: 'NeutrafaceTextBold'; font-size: 30px; line-height: 39px; color: #2e2a2a; text-transform: uppercase; }
.second-column-story-night .number { margin: -2px 0 0 0px; padding: 0px 0 15px; max-width: 152px; display: block; }

.third-column-story-night { padding: 51px 0 0px; }
.third-column-story-night .image { padding: 0 14px 0 0px; float: right; width: 50%; position: relative; }
.third-column-story-night .image img { width: 100%; }
.third-column-story-night .text { padding: 0px 35px 0 165px; margin: -8px 0 0 0; width: 50%; float: left; position: relative; }
.third-column-story-night .text h3 { padding-bottom: 9px; font-family: 'NeutrafaceTextBold'; font-size: 30px; line-height: 39px; color: #2e2a2a; text-transform: uppercase; }
.third-column-story-night .number { position: absolute; top: -8px; left: -7px; max-width: 157px; display: block; }
.third-column-story-night p strong, .third-column-story-night p a { color: #00633f; font-family: 'SentinelBold'; font-weight: normal; }
.third-column-story-night p a:hover { color: #2e2a2a; }

.four-column-story-night { padding: 109px 0 66px; }
.four-column-story-night .image { padding: 0 0 0 14px; float: left; width: 67.1%; position: relative; }
.four-column-story-night .image img { width: 100%; }
.four-column-story-night .text { padding: 19px 50px 7px 33px; margin: 0; width: 37.25%; float: left; background: #fff; position: absolute; bottom: 108px; right: 20px; }
.four-column-story-night .text h3 { padding-bottom: 9px; font-family: 'NeutrafaceTextBold'; font-size: 30px; line-height: 39px; color: #2e2a2a; text-transform: uppercase; }
.four-column-story-night .number { margin: 0; position: absolute; top: -113px; left: 0px; padding: 0px 50px 0 0px; display: block; width: 100%; }
.four-column-story-night .number img { max-width: 167px; margin: 0 auto; display: block; }
.four-column-story-night .wrapper { position: relative; }

.checklist { padding: 50px 0; background: #eeeae7; }
.checklist .inner { padding: 54px 52px 55px; background: #fff; }
.checklist h2 { padding-bottom: 47px; font-size: 40px; line-height: 39px; font-family: 'NeutrafaceTextBold'; color: #2e2a2a; text-transform: uppercase; text-align: center; }
.checklist ul { padding: 0px 0 0 24px; overflow: hidden; margin: 0px; list-style-type: none; }
.checklist ul li { padding: 2px 12px 10px 48px; min-height: 57px; width: 33.33333%; float: left; font-size: 20px; line-height: 22px; font-family: 'SentinelBook'; color: #2e2a2a; background: url(../images/checkbox.png) 0px 1px no-repeat; background-size: 29px auto; cursor: pointer; position: relative; }
.checklist ul li:before { content: "\2713"; position: absolute; top: 3px; left: 6px; font-family: 'SentinelSemibold'; color: #af987d; font-size: 20px; line-height: 22px; opacity: 0; }
.checklist ul li.active:before { opacity: 1; }
.checklist.bake-off .inner { padding: 54px 52px 32px; }
.checklist ul li a { color: #00633f; font-family: 'SentinelSemibold'; }
.checklist ul li a:hover { color: #2e2a2a; }

.checklist .wrapper p{text-align: center;margin-top:10px;font-size: 12px}

.bottom-video { padding: 71px 0 51px; }
.bottom-video h2 { padding-bottom: 22px; font-size: 40px; line-height: 39px; font-family: 'NeutrafaceTextBold'; color: #2e2a2a; text-transform: uppercase; text-align: center; letter-spacing: 0.01em; }
.bottom-video p { text-align: center; }
.bottom-video p strong, .bottom-video p a { color: #00633f; font-family: 'SentinelSemibold'; }
.bottom-video p a:hover { color: #2e2a2a; }
.bottom-video .video { height: 664px; background: #f0ebe5; max-width: 1180px; margin: 0 auto 34px; position: relative; } 
.bottom-video .video-js { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.bottom-video.bake-off { padding: 76px 0 25px }

.bottom-listing { padding: 55px 0px 54px; background: #eeeae7; }
.bottom-listing .repeat-wrap { margin: 0 -10px; width: auto; }
.bottom-listing .repeat { padding: 0 10px; width: 33.33333%; float: left; }
.bottom-listing .inner { background: #fff; } 
.bottom-listing .inner a { display: block; text-decoration: none; }
.bottom-listing .inner img { width: 100%; transition: all 350ms; -webkit-transition: all 350ms; }
.bottom-listing .inner .image { overflow: hidden; }
.bottom-listing h3 { padding-bottom: 13px; font-size: 25px; line-height: 30px; color: #000; font-family: 'NeutrafaceTextBook'; text-transform: uppercase; }
.bottom-listing .button { background: #b29a6e; padding: 15px 10px; min-width: 150px; text-align: center; }  
.bottom-listing .button:hover { background: #b08a44; }  
.bottom-listing .text { padding: 28px 40px 43px 28px; }
.bottom-listing .living-logo { margin: 0 0 24px; max-width: 93px; display: block; }
.bottom-listing .bhg-logo { margin: 2px 0 25px; max-width: 116px; display: block; }
.bottom-listing .real-simple-logo { margin: 2px 0 37px; max-width: 165px; display: block; }
.bottom-listing .text.holiday { padding: 43px 33px 43px 27px; }
.bottom-listing .text.holiday h3 { padding-bottom: 30px; }
.bottom-listing .inner a:hover .button { background: #b08a44; }
.bottom-listing .inner a:hover .image img { transform: scale(1.1); -webkit-transform: scale(1.1); }


/********************************************Footer Css******************************************************************/
footer { float: left; width: 100%; background: #151515; padding: 16px 0 12px; text-align: center; }
footer a.footer_logo { display: inline-block; vertical-align: top; max-width: 157px; }
a.footer_logo img { vertical-align: top; width: 166px; }
footer ul { list-style: none; padding: 14px 0 0 0px; }
footer ul li { display: inline-block; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; font-size: 11px; line-height: 16px; font-weight: 400; color: #fff; padding: 0 3px 0 6px; 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.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; }

#holiday-your-way { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; z-index: 999999; overflow: auto; }
#holiday-your-way.active { display: block; }
#holiday-your-way .v_box { position: relative; }
#holiday-your-way .vid-close { position: absolute; top: -60px; right: 0px; width: 46px; height: 46px; border: 2px solid #fff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; cursor: pointer; z-index: 8040; background: url(../images/close.png) center center no-repeat; background-size: 22px auto; }
#holiday-your-way .vid-wrapper { padding-top: 40px; position: absolute; top: 50%; left: 0px; right: 0px; max-width: 1088px; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#holiday-your-way .video-js { background: #000; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; width: 100%; }

#layout .on-screen .on-screen-spacer { position: absolute; top: -250px; left: 0px; width: 100%; height: 1px; z-index: -2; }
#layout .home-listing .repeat.on-screen .on-screen-spacer.spacer3 { top: -650px; }