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

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

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

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

/* common */
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }

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

h1,h2,h3,h4,h5,h6 { font-weight:normal; font-family: 'HelveticaNeue-Bold'; }

body > img{ position:absolute; left:0; bottom:0; z-index:-1;}

/* wrapper */
#wrapper { padding-top:55px; width: 100%; min-height: 100%; position: relative; }
.centering { max-width: 1210px; padding: 0 15px; margin: auto; position: relative; }

/*********Header Css*********/
header{ float:left; width:100%; background:#151515; text-align:center;  position:fixed; z-index:999999; left:0; top:0;   }
header .header_inner{float:left; width:100%; padding:0 20px; border-top:4px solid #bce2f1; position:relative; min-height:55px; box-shadow:0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2); z-index:99;}

.logobar { float: left; padding: 14px 0 0 0; }
.logobar a.walgreens-logo { display:inline-block; max-width: 130px; vertical-align: middle; }
.logobar a.people-logo { display:inline-block; max-width: 64px; vertical-align: middle; }
.logobar span.sep { margin: 0 8px; display: inline-block; vertical-align: middle;  }
.logobar .logobar .logo img { max-height: 40px; }

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:10px;}
header ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:10px;  }
header ul.social_icon li:first-child{ margin-left:0; }
header ul.social_icon li a{ display:block; width:30px; height:30px; border-radius:50%; border:2px solid #fff; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
header ul.social_icon li a i{ font-size:15px; line-height:26px; color:#fff; display:inline-block; }
header ul.social_icon li a:hover{opacity:0.7; }


/*landing_sec*/
.landing_sec { position: relative; padding: 40px 0 150px; width: 100%; float: left; overflow: hidden; min-height:calc(100vh - 50px); background-position: center top;  background-attachment:fixed; display: flex !important; -webkit-display: flex !important; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; background-size:cover; text-align:center; }
.landing_sec:after,.landing_sec:before { width: 100%; height: 100%; content:''; position:absolute; left:0; top:0; background: rgba(0,0,0,0.3); }
.landing_sec:before { background: rgba(175,154,154,0.3) }
.landing_sec .centering { position: relative; z-index:1; } 
.landing_sec .logo { display: inline-block; vertical-align: top; margin-top:50px; }

.landing_sec ul.logos { list-style: none; text-align: center; padding: 30px 0 12px; }
.landing_sec ul.logos li { display: inline-block; vertical-align: middle; padding: 0 0 0 20px; position: relative; }
.landing_sec ul.logos li:first-child { padding: 0 25px 0 0; }
.landing_sec ul.logos li:first-child:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 2px; height: 42px; background: url(../images/logo_sep1.png) no-repeat center center; }
.landing_sec ul.logos li a { display: block; width: 92px; }
.landing_sec ul.logos li:first-child a { width: 158px; }
.landing_sec ul.logos li a img { vertical-align: top; }
.landing_sec ul.logos li a img.mobile { display: none; }

.landing_sec h1 { font-size: 119px; line-height: 130px; color: #fff; padding: 0px 0px; text-shadow: 5px 4px 40px rgba(0,0,0,0.2); }
.landing_sec h1 span { font-size: 126px; line-height: 130px; color: #fff; }
.landing_sec .subtitle { font-size: 20px; line-height: 60px; color: #000000; display: block; font-family: 'HelveticaNeue-Bold'; letter-spacing: 0.40em; text-transform: uppercase; background: url(../images/dk-highlighter.png?43i90) left center no-repeat; background-size: 65% 120%; background-position: center; }
.landing_sec .subtitle br { display: none; }
.landing_sec .mob-banner { display: none; }

.scroller-wrap { position:absolute; left:0; bottom:0; width: 100%; z-index:1; }
.scroller { /*opacity:0;*/ font-size: 10px; line-height: 14px; color: #ffffff; display: block; font-family: 'HelveticaNeue-Bold'; letter-spacing: 0.65em; position:absolute; left:0; bottom:0; width: 100%; z-index:1; padding: 0 0 55px; }
.scroller:before { width: 1px; /*height: 0;*/ height:calc(100% - 30px); background:#fff; position:absolute; left:50%; top:30px; content:''; transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; transition-delay: 1.5s; } 
/*.slick-active .scroller:before { animation: scroll_text_line 0.5s forwards; -webkit-animation: scroll_text_line 0.5s forwards; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.slick-active .scroller {  animation: scroll_text 1.5s forwards; -webkit-animation: scroll_text 1.5s forwards; animation-delay: 1s; -webkit-animation-delay: 1s; }
*/

/*intro_sec*/
.intro_sec { position: relative; padding: 40px 0 150px; width: 100%; float: left; overflow: hidden; min-height:calc(100vh - 55px); background-position: center top; background-attachment:fixed; display: flex !important; -webkit-display: flex !important; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; background-size:cover; text-align:center; }
.intro_sec:after { width: 100%; height: 100%; content:''; position:absolute; left:0; top:0; background: rgba(0,165,151,0.95); }
.intro_sec .centering { max-width: 800px; z-index:1; color: #fff; }
.intro_sec p { color: #fff; font-size: 20px; line-height: 30px; font-family: 'HelveticaNeue-Medium'; letter-spacing: 0.055em; }
.intro_sec span.highlight { position: relative; display: inline-block; vertical-align: top; padding: 0px 10px; color: #fff; }
.intro_sec span.highlight:before { width: 0%; min-height: 35px; height: 100%; content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: url(../images/highlight.png) left center no-repeat; background-size: 100% 100%; z-index: -1; }
.intro_sec span.highlight:before { width: 100%; }
.intro_sec p a { color: #fff; text-decoration: none; }
.intro_sec p a:hover { text-decoration: none; }

.high-yellow { color: #fff !important; padding-left: 2px; }
a.high-yellow { color: #fff !important; padding-left: 2px; }
.high-yellow span { transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; color: #fff; transition-delay:1s; -webkit-transition-delay:1s; }
.high-yellow span.go { color: #FFF100 !important; }
.high-yellow span { opacity:100 !important; }
.high-yellow span.animated { transform: none !important; animation: none !important; }


/*detail_sec*/
.detail_sec { position: relative; z-index:1;  width: 100%; float: left; min-height:calc(100vh - 55px); overflow: hidden; display: flex !important; -webkit-display: flex !important; flex-wrap:wrap; -webkit-flex-wrap:wrap; /*background: #00a597;*/ }
.detail_sec .image { position: relative; float: left; width: 50%; min-height: 100vh; /*background-position: left center;*/background-position: center center !important; /*background-size:50% auto;*/background-size:cover !important; background-repeat: no-repeat; /*background-attachment:fixed;*/ }


.detail_sec .image img.mobile { width: 100%; display: none; }
.detail_sec .text { padding: 60px 100px; width: 50%; float: left; height: 100%; min-height:100vh; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; justiy-content:center; -webkit-justiy-content:center; overflow:auto; background: #fff; }

.detail_sec .inner { width: 100%; width: 100%; max-width: 640px; }
.detail_sec.reversed .text { justify-content:right;}
.detail_sec .location { padding-bottom: 10px; font-size: 10px; line-height: 14px; display: block; font-family: 'HelveticaNeue-Bold'; letter-spacing: 0.65em; }
.detail_sec h1 { font-size: 48px; line-height: 58px; color: #40453f; padding-bottom: 35px; }
.detail_sec h1 span.inter { transform: none !important; -webkit-transform: none !important; opacity:100 !important; z-index:1; position: relative; padding: 5px 50px 5px 15px; margin-left:-15px; display: inline-block; vertical-align: top; }
.detail_sec h1 span.inter:before { width: 0%; height:100%; content:''; position: absolute; left:0; top:0; background:url(../images/highlighter.png) left center no-repeat; background-size:100% 100%; transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition-delay: 1s; -webkit-transition-delay: 1s; }
.detail_sec h1 span.inter.go:before { width: 100%; }
.detail_sec h1 span.inter span { position: relative; z-index:1; }
.detail_sec h1 span.inter { padding-right:25px; transition-property: none !important; transform: none !important; animation: none !important; }

.detail_sec h2 { font-size: 20px; line-height: 26px; color: #00a597; padding-bottom: 7px; }
.detail_sec p { font-size: 16px; line-height: 25px; padding-bottom: 30px; letter-spacing: 0.02em; }
.detail_sec .text small { font-size: 13px; line-height: 22px; padding-bottom: 30px; }
.detail_sec .text a { color: #000; text-decoration:underline; }
.detail_sec .text a:hover { text-decoration:none; }


.detail_sec .badge { max-width: 280px; position:absolute; right:60px; bottom:60px; }
.detail_sec.reversed .badge { left:60px; right:auto; }
.detail_sec.reversed .image { order:2;background-position: right center; } 

.detail_sec .highlighted_box { margin-bottom: 30px; position: relative; width: 100%; }
.detail_sec .highlighted_box p { padding: 0;z-index: 1; position: relative; font-size: 13px; } 
.detail_sec .highlighted_box:before { width: calc(100% + 80px);height: calc(100% + 40px);  content: ''; position: absolute;left: -40px; top: -20px; background: url(../images/highlighter-large.png) center center no-repeat; background-size: 100% 100%; }
.detail_sec blockquote { font-size: 34px; line-height: 40px; color: #1182c5; font-family: 'HelveticaNeue-Bold'; position: relative; padding-bottom: 30px; }
.detail_sec blockquote:before { content: '“'; position: absolute; left: -20px; top: 0; }


/*animation*/
/*.landing_sec .centering { opacity:0; transition:all 2s; -webkit-transition:all 2s; }
.intro_sec .centering { opacity:0; transform: translate(0,60px); -webkit-transform: translate(0,60px); transition:all 2s; -webkit-transition:all 2s; }
.detail_sec .image { transform: translate(0,-100%); -webkit-transform: translate(0,-100%); transition:all 2s; -webkit-transition:all 2s; }
.detail_sec .text { transform: translate(0,100%); transition:all 2s; -webkit-transition:all 2s; }
.detail_sec.reversed .image { transform: translate(0,100%); transition:all 2s; -webkit-transition:all 2s; }
.detail_sec.reversed .text { transform: translate(0,-100%); transition:all 2s; -webkit-transition:all 2s; }

.landing_sec.slick-active .centering { opacity:100; animation: screen1 2s forwards; -webkit-animation: screen1 2s forwards; }
.intro_sec.slick-active .centering { opacity:100; transform: translate(0,0px); -webkit-transform: translate(0,0px); -webkit-transition-delay:0.3s; transition-delay:0.3s; }
.detail_sec.slick-active .image { transform: translate(0,0); -webkit-transform: translate(0,0); }
.detail_sec.slick-active .text { transform: translate(0,0); -webkit-transform: translate(0,0); }
.detail_sec.reversed.slick-active .image { transform: translate(0,0); -webkit-transform: translate(0,0); }
.detail_sec.reversed.slick-active .text { transform: translate(0,0); -webkit-transform: translate(0,0); }
*/


/*keyframes*/
@keyframes screen1 {
	from {opacity: 0; }
	to {opacity: 100; }
}

@keyframes scroll_text {
	from {opacity: 0; }
	to {opacity: 100; }
}

@keyframes scroll_text_line {
	from { height: 0; }
	to { height:calc(100% - 30px); }
}



/********************************************Footer Css******************************************************************/
footer { float: left; width: 100%; background: #151515; padding: 16px 0 12px; text-align: center; position: relative; z-index: 1; }
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; background-size:1px auto; }
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; }


/*******Css Edit 7-Aug-2019*********************************/
.intro_sec,
.landing_sec { z-index:9; }
.detail_sec.one { z-index:1; }
.detail_sec.two { z-index:2; }
.detail_sec.three { z-index:3; }
.detail_sec.four { z-index:4; }
.detail_sec.five { z-index:5; }

.detail_sec { z-index:auto; }
.detail_sec .text { position: relative; z-index:1; }

.detail_sec { justify-content: flex-end; -webkit-justify-content: flex-end; }
.detail_sec .image { /*height:calc(100vh - 55px);*/ position:absolute; left:0; top:0px;}
.detail_sec.reversed .image { left:auto; right:0; }
.detail_sec.reversed .text { left:auto; right:0; }
.detail_sec.reversed{ justify-content: flex-start; -webkit-justify-content: flex-start; }

.detail_sec.sticky .image { position:fixed; left:0; top:0; width:50%; /*height:calc(100vh - 55px);*/ }
.detail_sec.stick_bottom .image { position:absolute; top:auto; bottom:0; }

.detail_sec.sticky { justify-content: flex-end; -webkit-justify-content: flex-end; }
.detail_sec.reversed.sticky .image { left:auto; right:0; }
.detail_sec.reversed.sticky { justify-content: flex-start; -webkit-justify-content: flex-start; }