span.demofont { 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
}

.credit {
    font-size: 11px;
    line-height: 15px;
    padding: 5px 0 0 0;
    float: right;
}

.clearfix {
    display: inline-block
}

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

* 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: Arial, Helvetica, sans-serif;
    padding: 20px 0;
}

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

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

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

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

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

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

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

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

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

p {
    margin-bottom: 0;
}

dl {
    margin: 0 1.625em;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1.625em;
}

strong {
    font-weight: bold;
}

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

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

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

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

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

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

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

a img { border: 0; }

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

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

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

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

:focus { outline: 0; }

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

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

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

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

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

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

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

.hidden_text{ display: none !important; }

/* layout */
#main { display:block; width: 100%; position: relative; /*padding: 120px 0 0;*/ z-index:9; background:#fff; padding:165px 0 0; }
body.article_page #main { overflow:hidden; }

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

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


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

.ad_container { display:block; width: 100%; padding:10px 0; }
.head-wrap .ad_container{ background:#fff; }

.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 0 auto 0; /*max-height: 90px;*/ max-width:728px; background:#fff; }
.ad_container .ad img { vertical-align: top; }

.ad_container.mid{ float:none; display:block; position:relative; z-index:9999; overflow:hidden; padding:0; }
.ad_container.mid .ad1{ margin-top:65px; }
.ad_container.mid .ad2{ margin-top:65px; margin-bottom:95px; position:relative; }
.ad_container.mid .ad3{ margin-top:60px; }
.ad_container.mid .ad4{ margin-top:20px; margin-bottom:20px; }

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

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

header ul.left_logos { float: left; padding: 14px 0 0 0; font-size:0; }
header ul.left_logos li { display: inline-block; vertical-align: middle; }
header ul.left_logos li a { display: block; vertical-align: top; }
header ul.left_logos li.health_logo a { width: 100px; }


header .disclosure{ width:max-content; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
header .disclosure .paid_cont{ display:block; text-align:center; font-family: 'Roboto-Bold'; font-size: 11px; line-height: 15px; letter-spacing: 0.3px; text-transform: uppercase; color: #FFFFFF; cursor:pointer; }
header .disclosure .paid_cont i{ padding:0 5px 0 0; font-size:13px; }
header .disclosure .show_text { display:block; width:260px; max-width:260px; font-family: 'Roboto-Regular'; font-size: 10px; line-height: 14px; letter-spacing: 0.1px; color: #000000; background:#fff; border: 1px solid #222222; text-align:left; position:absolute; left:50%; top:0; transform:translate(-50%,10px); -webkit-transform:translate(-50%,10px); -moz-transform:translate(-50%,10px); padding:5px 7px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; opacity:0; visibility:hidden; }
header .disclosure .show_text a{ text-decoration:none; color:#000000; }
@media only screen and (min-width: 1025px) {
header .disclosure:hover .show_text { opacity:1; visibility:visible; transform:translate(-50%,20px); -webkit-transform:translate(-50%,20px); -moz-transform:translate(-50%,20px); }
}

header .disclosure .show_text:before { width: 7px; height: 7px; border-right: 1px solid #222222; border-top: 1px solid #222222; background: #fff; position:absolute; left:23.5%; top:-5px; content:''; transform: rotate(-45deg); }

header ul.social_icon { list-style: none; float: right; width: auto; margin-top: 15px; }
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 #ffffff; 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: 23px; color: #ffffff; display: inline-block; }
header ul.social_icon li a:hover { opacity: 0.7; }


.home_btn{ display:flex; width:140px; min-height:44px; align-items:center; justify-content:center; position:absolute; left:102px; top:36px; z-index:9999; font-family: 'NiveauGroteskMedium'; font-size:18px; line-height:21px; letter-spacing:0.47px;  color:#5C8BDD; background:#fff; }
.home_btn img{ display:inline-block !important; object-fit: contain !important; width:15px !important; height:auto !important; margin:3px 17px 0 0;}

/****Top Banner*************************/
.home_banner{ display:block; width:100%; position:relative;  }
.home_banner .banner_img{ display:block; width:100%; background-size:cover !important; min-height:579px; }
.home_banner .banner_img img{ vertical-align:top; display:none; }

.home_banner .banner_capt{ width:100%; max-width:540px; z-index:99; padding:0 30px 0; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.home_banner .banner_capt h1{ font-family: 'Freight-BigBlack'; font-size: 149px; line-height: 101px; letter-spacing:1.39px; color:#fff; text-shadow:0 2px 13px rgba(0,0,0,0.5); padding:0 0 18px; margin:0; }
.home_banner .banner_capt p{ font-family: 'GothamHTF-Medium'; font-size: 20px; line-height: 22px; letter-spacing:0.19px; color:#fff; margin:0; padding:0; }
/****Top Banner*************************/


.filter_container{ display:block; width:100%; position:relative; background:#5c88dd; }
.filter_sec{ display:block; width:100%; max-width:1082px; margin:0 auto; padding:0 20px; }
.filter_sec .filter_intro{ display:block; width:100%; max-width:750px; margin:0 auto; text-align:center; padding:15px 0 50px; }
.filter_sec .filter_intro h3{ font-family: 'Freight-DispBlack'; font-size: 50px; line-height: 50px; letter-spacing:0.47px; color:#fff; padding:0 0 11px; }
.filter_sec .filter_intro p{ font-family: 'GothamHTF-Book'; font-size: 20px; line-height: 22px; letter-spacing:0.19px; color:#fff; max-width:580px; margin:0 auto; }


.filter_sec .filter_box{ display:block; width:100%; background:#fff; padding:23px 34px 41px; text-align:center; }
.filter_sec .filter_box .filter_box_inner{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
.filter_sec .filter_box .filter_col1{ display:inline-block; width:42.95%; }
.filter_sec .filter_box .filter_col2{ display:flex; align-items:center; justify-content:center; width:14.1%; padding:37px 0 0; }
.filter_sec .filter_box .filter_col3{ display:inline-block; width:42.95%; }

.filter_sec .filter_box .filter_col > h3{ font-family: 'Freight-DispBlack'; font-size: 30px; line-height: 31px; letter-spacing:0.28px; color:#5c8bdd; padding:0 0 23px; }
.filter_sec .filter_box .filter_col ul{ display:block; width:100%; list-style:none; }
.filter_sec .filter_box .filter_col ul li{ display:block; width:100%; list-style:none; min-height:75px; margin:0 0 15px; position:relative; }
.filter_sec .filter_box .filter_col.filter_col1 ul li{ background:rgba(92,139,221,0.2); }
.filter_sec .filter_box .filter_col.filter_col3 ul li{ background:rgba(92,139,221,0.2); }

.filter_sec .filter_box .filter_col ul li .filter_cont{ background:#5c8bdd; padding:13px 15px 13px; position:absolute; left:0; top:0; width:100%; height:100%; }
.filter_sec .filter_box .filter_col ul li h3{ font-family: 'NiveauGroteskBold';  font-size: 20px; line-height: 24px; letter-spacing:0.19px; color:#fff; padding:0 0 2px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; cursor:all-scroll; font-weight:normal; }
.filter_sec .filter_box .filter_col ul li p{ font-family: 'NiveauGroteskRegular'; font-size: 16px; line-height: 19px; letter-spacing:0.13px; color:#fff;  padding:0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; cursor:all-scroll; font-weight:normal; }
.filter_sec .filter_box .filter_col ul li.ui-widget-header{ cursor:default; position:relative; }
.filter_sec .filter_box .filter_col ul li.ui-widget-header .filter_cont{ opacity:0; visibility:hidden;  }
.filter_sec .filter_box .filter_col ul li.ui-widget-header .filter_cont.active{ opacity:1; visibility:visible; cursor:default; }
.filter_sec .filter_box .filter_col ul li.ui-widget-header h3{ cursor:default;}
.filter_sec .filter_box .filter_col ul li.ui-widget-header p{ cursor:default;}


.filter_sec .filter_box .filter_col ul li .bg-content{ position:absolute; width:100%; height:100%; left:0; top:0; cursor:default; padding:13px 15px 13px;}
.filter_sec .filter_box .filter_col ul li .bg-content h3{ cursor:default; }
.filter_sec .filter_box .filter_col ul li .bg-content p{ cursor:default; }

.filter_sec .filter_box .filter_col ul li .ui-widget-content{ z-index:99; cursor:all-scroll; min-height:75px; }
.filter_sec .filter_box .filter_col ul li .ui-widget-content.dragged{ opacity:0; visibility:hidden; transition:none; -webkit-transition:none; -moz-transition:none; cursor:default; }
.filter_sec .filter_box .filter_col ul li .ui-widget-content.dragged h3{ cursor:default; }
.filter_sec .filter_box .filter_col ul li .ui-widget-content.dragged p{ cursor:default; }


.filter_sec .filter_box .filter_col .drag_text{ display:block; font-family: 'FreightDisp-Bold'; font-size: 18px; line-height: 19px; letter-spacing:0.17px; color:#5c8bdd; }
.filter_sec .filter_box .filter_col .arr_icon{ display:block; vertical-align:top; width:54px; margin:0 auto 10px; }

.filter_sec .filter_box .btn_box{ display:block; width:300px; font-size:0; margin:0 auto; padding:23px 0 0; }
.filter_sec .filter_box .btn_box a{ display:inline-block; width:50%; font-family: 'FreightDisp-Bold'; font-size: 27px; line-height: 27px; letter-spacing:0.25px; padding:9px 0; }
.filter_sec .filter_box .btn_box .reset_btn{ border:1px solid #5c8bdd; color:#5c8bdd; }
.filter_sec .filter_box .btn_box .go_btn{ background:#5c8bdd; border:1px solid #5c8bdd; color:#fff; }



.cards_sec{ display:block; width:100%; position:relative; padding:64px 20px 0; }
.cards_sec .cards_intro{ display:block; width:100%; max-width:540px; margin:0 auto; text-align:center; padding:54px 0 60px; }
.cards_sec .cards_intro h3{ font-family: 'Freight-DispBlack'; font-size: 30px; line-height: 31px; letter-spacing:0.28px; color:#fff; }


.cards_sec .cards_box{ display:flex; flex-wrap:wrap; width:100%; max-width:1054px; margin:0 auto; padding:0 0 55px; }
.cards_sec .cards_box .card{ position:relative; width:calc(33.33% - 14px); background:#fff; padding:0 0 36px; margin:0 7px 19px; }
.cards_sec .cards_box .card.active{ order:1; }

.cards_sec .cards_box .card1{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; width:calc(33.33% - 14px); background:#fff; margin:0 7px 19px; /*order:2;*/ }
.cards_sec .cards_box .card1 .ad_box{ width:100%; max-width:300px; margin:0 auto; background:#e2e2e2; }


.cards_sec .cards_box .card.inactive{ opacity:0.30; order:2; }
.cards_sec .cards_box .card .logo_part{ display:block; width:100%; background:#fff; min-height:59px; position:relative; }
.cards_sec .cards_box .card .logo_part .brand_logo{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.cards_sec .cards_box .card .logo_part .brand_logo.health_logo{ width:94px; }
.cards_sec .cards_box .card .logo_part .brand_logo.people_logo{ width:102px; }
.cards_sec .cards_box .card .logo_part .brand_logo.rs_logo{ width:157px; }
.cards_sec .cards_box .card .logo_part .brand_logo.instyle_logo{ width:111px; }

.cards_sec .cards_box .card figure{ display:block; width:100%; background-size:cover !important; min-height:143px; }
.cards_sec .cards_box .card .card_cont{ display:block; width:100%; padding:22px 26px 0 22px; }
.cards_sec .cards_box .card .card_cont h3{ font-family: 'Freight-DispBlack'; font-size: 22px; line-height: 23px; letter-spacing:0.21px; color:#174bc7; }
.cards_sec .cards_box .card .card_cont p{ font-family: 'GothamHTF-Book'; font-size: 14px; line-height: 16px; letter-spacing:0.13px; color:#000; }
.cards_sec .cards_box .card .read_more{ position:absolute; right:0; bottom:0; width:100px; background:#174bc7; color:#fff; text-align:center; font-family: 'GothamHTF-Bold'; font-size: 13px; line-height: 14px; letter-spacing:0.12px; padding:10px 0; }
.cards_sec .cards_box .card .card_link{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:999; }
.cards_sec .cards_box .card.inactive .card_link{ display:none; }


.cards_sec.cards_sec1{ padding:50px 20px 0; }
.cards_sec.cards_sec1 .cards_box{ padding:0 0 0; justify-content:space-between; }
.cards_sec.cards_sec1 .cards_box .card{ /*width:calc(50% - 50px);*/ width:calc(33.33% - 14px); /*padding:0 0 55px;*/ padding:0 0 45px; }
.cards_sec.cards_sec1 .cards_box .card figure{ min-height:177px; position:relative; }
.cards_sec.cards_sec1 .cards_box .card figure:after{ content:""; position:absolute; left:50%; top:50%; width:54px; height:54px; background: url(../images/play-icon1.png) no-repeat center top; background-size:54px auto !important; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.cards_sec.cards_sec1 .cards_box .card .card_cont { /*padding: 25px 50px 0 40px;*/ padding: 22px 22px 0 22px; }



.more_sec{ display:block; width:100%; padding:75px 0 75px; background:rgba(92,139,221,0.31); }
.more_sec .more_box{ display:flex; flex-wrap:wrap; width:100%; max-width:510px; margin:0 auto;  }
.more_sec .more_img{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:235px; background:#5c88dd; min-height:252px; }
.more_sec .more_img figure{ width:95px; }
.more_sec .more_text{ display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 235px); padding:0 28px; text-align:center; background:#fff; }
.more_sec .more_text h3{ font-family: 'Freight-DispBlack'; font-size: 26px; line-height: 27px; letter-spacing:0.24px; color:#174bc7; padding:0 0 47px; }
.more_sec .more_text a{ display:inline-block; width:124px; background:#174bc7; color:#fff; font-family: 'GothamHTF-Bold'; font-size: 13px; line-height: 14px; letter-spacing:0.12px; padding:13px 0; }



.audio_sec{ display:block; width:100%; position:relative; background: url(../images/audio-sec-bg.jpg) no-repeat center top; background-size:cover !important; padding:65px 0 80px; }
.audio_sec .audio_sec_inner{ display:block; width:100%; max-width:1080px; margin:0 auto; padding:0 20px; }


.audio_sec .audio_sec_intro{ display:block; width:100%; max-width:623px; text-align:center; padding:0 0 54px; }
.audio_sec .audio_sec_intro .vw_mind_logo{ display:inline-block; width:150px; vertical-align:top; }
.audio_sec .audio_sec_intro h3{ max-width:335px; margin:0 auto; font-family: 'Freight-BigBlack'; font-size: 50px; line-height: 50px; letter-spacing:0.47px; color:#5c88dd; padding:13px 0 13px; }
.audio_sec .audio_sec_intro p{ max-width:400px; margin:0 auto; font-family: 'GothamHTF-Book'; font-size: 20px; line-height: 22px; letter-spacing:0.19px; color:#000; }

.audio_sec .audio_box{ display:block; width:100%; max-width:623px; background:#5c88dd; }
.audio_sec .audio_box_inner{ display:block; width:100%; }
.audio_sec .audio_row{ display:block; width:100%; border-top:1px solid #fff; padding:10px 0 10px; }
.audio_sec .audio_row:first-of-type{ border-top:none; }
.audio_sec .audio_row .audio_trigger{ display:flex; flex-wrap:wrap; }

.audio_sec .audio_row .audio_img{ display:flex; align-items:center; justify-content:center; width:95px; border-right:1px solid #fff; text-align:center; }
.audio_sec .audio_row .audio_img .play_icon{ display:inline-block; width:44px; vertical-align:top; }
.audio_sec .audio_row .audio_img .aud_len{ display:block; margin:6px 0 0; font-family: 'GothamHTF-Book'; font-size: 12px; line-height: 13px; letter-spacing:0.11px; color:#fff; }


.audio_sec .audio_row .audio_text{ width:calc(100% - 95px); padding:0 25px 0 25px; }
.audio_sec .audio_row .audio_text h3{ font-family: 'Freight-BigBlack'; font-size: 26px; line-height: 26px; letter-spacing:0.24px; color:#fff; }
.audio_sec .audio_row .audio_text p{ font-family: 'GothamHTF-Book'; font-size: 13px; line-height: 14px; letter-spacing:0.12px; color:#fff; }




/****Article *************************/
.article_banner{ display:flex; flex-wrap:wrap; width:100%; position:relative;  }
.article_banner .banner_img{ display:block; width:50%; background-size:cover !important; min-height:550px; height:calc(100vh - 56px); order:2; }
.article_banner .banner_img img{ vertical-align:top; display:none; }

.article_banner .banner_capt{ display:flex; flex-wrap:wrap; align-items:center; justify-content: flex-end; width:50%; z-index:99; padding:0 65px 0 20px; text-align:center; position:relative; }
.article_banner .banner_capt .text_bg{ position:absolute; left:0; top:0; width:131.24%; height:132.05%; }
.article_banner .banner_capt .text_bg img{ width:100%; height:100%; vertical-align:top; }
.article_banner .banner_capt .banner_capt_inner{ display:block; width:100%; text-align:left; max-width:485px; position:relative; z-index:999; }
.article_banner .banner_capt h1{ font-family: 'Freight-BigBlack'; font-size: 62px; line-height: 63px; letter-spacing:1.59px; color:#000; padding:0 0 15px; margin:0; }
.article_banner .banner_capt p{ font-family: 'NiveauGroteskLight'; letter-spacing:0.59px; font-size:23px; line-height:26px; color:#000; margin:0; padding:0; }


.desc_sec{ display:block; width:100%; text-align:left; max-width:460px; position:relative; z-index:999; }
.desc_sec h3{ font-family: 'Freight-BigBlack'; font-size: 40px; line-height: 40px; letter-spacing:1.03px; color:#000; padding:35px 0 10px; margin:0; }
.desc_sec h3:first-of-type{ padding:0 0 10px; }
.desc_sec p{ font-family: 'NiveauGroteskLight'; letter-spacing:0.46px; font-size:18px; line-height:21px; color:#000; padding:0 0 16px; }
.desc_sec p strong{ font-weight:normal; font-size:inherit; line-height:inherit; font-family: 'NiveauGroteskMedium';}
.desc_sec p:last-of-type{ padding:0; }


.text_sec{ display:flex; flex-wrap:wrap; width:100%; position:relative; padding:60px 0 60px;  }
.text_sec .left_sec{ display:flex; align-items:center; justify-content: flex-end; width:50%; padding:0 80px 0 20px; position:relative; z-index:999; }
.text_sec .left_sec .desc_sec{ max-width:450px; }
.text_sec .right_sec{ display:flex; align-items:center; justify-content: flex-start; width:50%; padding:0 20px 0 100px; position:relative; z-index:999; }
.text_sec .right_sec blockquote{ display:block; width:100%; max-width:400px; }
.text_sec .right_sec blockquote p{ font-family: 'Freight-BigBook'; font-size: 48px; line-height: 50px; letter-spacing:1.23px; color:#5C8BDD; padding:0 0 10px; margin:0; font-style:normal; font-weight:normal; }


.cont_row{ display:flex; flex-wrap:wrap; width:100%; }
.cont_row img{ vertical-align:top; }
.cont_row .img_col{ display:block; width:50%; background-size:cover !important; min-height:550px; height:calc(100vh - 56px); }
.cont_row.cont_row2 .img_col{ order:2; }
.cont_row .img_col figure{ display:none; }

.cont_row .text_col{  display:flex; align-items:center; justify-content: flex-start; width:50%; padding:0 20px 0 40px; position:relative; }
.cont_row.cont_row2 .text_col{ justify-content: flex-end; padding:0 0 0 20px;  }

.cont_row .text_col .text_bg{ position:absolute; right:0;  }
.cont_row .text_col .text_bg img{ width:100%; height:100%; vertical-align:top; }
.cont_row.cont_row1 .text_col .text_bg{ width:130.78%; height:142.10%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.cont_row.cont_row3 .text_col .text_bg{ width:130.92%; height:116.72%; bottom:0; }


.teenager .text_sec .right_sec blockquote p{ font-size: 39px; line-height: 46px; }
.teenager .cont_row.cont_row2 .text_col { padding: 0 80px 0 20px; }
.teenager .cont_row.cont_row4 .img_col{ order:2; width:54.5%; min-height:660px; }
.teenager .cont_row.cont_row4 .text_col{ width:45.5%; justify-content: flex-end; padding:50px 80px 0 20px;  }
.teenager .cont_row.cont_row4 .text_col .desc_sec { max-width: 330px; }



/****Article *************************/


/****Quiz Box *************************/
.quiz_box{ display:block; width:100%; }
.quiz_step{ display:flex; flex-wrap:wrap; width:100%; position:relative; display:none; }
.quiz_step.active{ display:flex; }
.quiz_step .img_part{ display:block; width:45.54%; background-size:cover !important; min-height:calc(100vh - 56px); }
.quiz_step.quiz_step1 .img_part,.quiz_step.quiz_step3 .img_part,.quiz_step.quiz_step5 .img_part{ order:2; }
.quiz_step .img_part img{ vertical-align:top; display:none; }
.quiz_step .text_part{ display:flex; align-items:center; justify-content: flex-start; width:54.46%; padding:20px 20px 20px 90px;  background-size:cover !important; }
.quiz_step.quiz_step1 .text_part, .quiz_step.quiz_step3 .text_part, .quiz_step.quiz_step5 .text_part{ justify-content: flex-end; padding:20px 90px 20px 20px; }
.quiz_step .text_part .cont_box{ display:block; width:100%; max-width:486px; text-align:center; }
.quiz_step .text_part .cont_box h3{ font-family: 'Freight-BigBlack'; letter-spacing:1.44px; font-size:56px; line-height:51px; color:#000; padding:0 0 16px; text-align:left; }
.quiz_step .text_part .cont_box h3 span{ display:block; font-family: 'Freight-BigBook'; letter-spacing:1.03px; font-size:40px; line-height:inherit; color:#000; padding:0; }
.quiz_step .text_part .cont_box p{ font-family: 'NiveauGroteskLight'; letter-spacing:0.46px; font-size:18px; line-height:21px; color:#000; padding:0 0 20px; margin:0; text-align:left; }
.quiz_step .text_part .cont_box p:last-of-type{ padding:0; }
.quiz_step .text_part .cont_box p strong{ font-weight:normal; font-size:inherit; line-height:inherit; font-family: 'NiveauGroteskMedium'; }
.quiz_step .text_part .cont_box .start_btn{ display:inline-block; min-width:150px; border-radius:10px; color:#000; background:#fff; font-family: 'FreightDisp-Medium'; font-size:24px; line-height:24px; letter-spacing:0.62px; padding:12px 0; margin:43px 0 30px; position:relative; }
.quiz_step .text_part .cont_box .start_btn:after{ content:""; position:absolute; width:28px; height:16px; background: url(../images/bottom-arr.png) no-repeat center bottom; background-size: 28px auto !important;  left:50%; top:calc(100% + 11px); margin:0 0 0 -14px; }


.quiz_step .text_part .ques_part{ display:block; width:100%; max-width:495px; text-align:center; }
.quiz_step .text_part .ques_part h3{ font-family: 'Freight-BigBlack'; letter-spacing:1.28px; font-size:50px; line-height:52px; color:#000; padding:0 0 25px; text-align:left; }
.quiz_step .text_part .ques_part ul{ display:block; margin:0; padding:0 0 10px; }
.quiz_step .text_part .ques_part ul li{ display:block; font-family: 'NiveauGroteskLight'; letter-spacing:0.46px; font-size:18px; line-height:22px; color:#000; padding:0 0 12px 25px; margin:0; text-align:left; }
.quiz_step .text_part .ques_part ul li a{ display:inline-block; vertical-align:top; position:relative; padding:0 0 0 29px }
.quiz_step .text_part .ques_part ul li a span{ display:inline-block; position:absolute; width:16px; height:16px; border:1px solid #000; border-radius:50%; left:0; top:2px; }
.quiz_step .text_part .ques_part ul li a.active span{ background:#000; }
.quiz_step .text_part .ques_part .tip{ display:block; width:100%; max-width:434px; text-align:left; border:1px solid #000; border-radius:18px; padding:14px 23px 14px; }
.quiz_step .text_part .ques_part .tip p{ font-family: 'NiveauGroteskMedium'; letter-spacing:0.46px; font-size:18px; line-height:20px; color:#000; padding:0; margin:0; }
.quiz_step .text_part .ques_part .next_btn{ display:inline-block; min-width:150px; border-radius:10px; color:#000; background:#fff; font-family: 'FreightDisp-Medium'; font-size:24px; line-height:24px; letter-spacing:0.62px; padding:12px 0; margin:22px 0 30px; position:relative; }
.quiz_step .text_part .ques_part .next_btn:after{ content:""; position:absolute; width:28px; height:16px; background: url(../images/bottom-arr.png) no-repeat center bottom; background-size: 28px auto !important;  left:50%; top:calc(100% + 11px); margin:0 0 0 -14px; }


.quiz_step .text_part .result_part{ display:block; width:100%; max-width:495px; }
.quiz_step .text_part .result_part h2{ font-family: 'Freight-BigBlack'; letter-spacing:1.28px; font-size:50px; line-height:52px; color:#000; padding:0; margin:0; }
.quiz_step .text_part .result_part h3{ font-family: 'NiveauGroteskMedium'; letter-spacing:0.46px; font-size:18px; line-height:21px; color:#000; padding:0; margin:0; max-width:490px; }
.quiz_step .text_part .result_part .faqs{ display:block; width:100%; max-width:446px; text-align:left; border:1px solid #000; border-radius:18px; padding:27px 22px 27px 41px; margin:23px 0 0 45px; }
.quiz_step .text_part .result_part .faqs p{ font-family: 'NiveauGroteskLight'; letter-spacing:0.51px; font-size:20px; line-height:22px; color:#000; padding:0 0 23px; margin:0; }
.quiz_step .text_part .result_part .faqs p:last-of-type{ padding:0; }
/****Quiz Box *************************/


/****Infographic *************************/
.info_banner{ display:flex; flex-wrap:wrap; align-items:center; width:100%; background:#5C89DC; min-height:590px; position:relative; }
.info_banner .banner_capt{display:block; width:100%; max-width:1120px; margin:0 auto; padding:0 20px; position:relative; z-index:999; }
.info_banner .banner_capt h1{ max-width:510px; font-family: 'Freight-BigBlack'; letter-spacing:1.59px; font-size:62px; line-height:60px; color:#000; padding:0 0 22px; }
.info_banner .banner_capt h1 span{ display:block; font-family: 'NiveauGroteskLight'; letter-spacing:1.05px; font-size:41px; line-height:48px; padding:0 0 10px; }
.info_banner .banner_capt p{ max-width:485px; font-family: 'NiveauGroteskLight'; letter-spacing:0.59px; font-size:23px; line-height:26px; color:#000; }

.desc_text{ display:block; width:100%; }
.desc_text h3{ font-family: 'Freight-BigBlack'; letter-spacing:1.59px; font-size:62px; line-height:58px; color:#000; padding:0 0 18px; }
.desc_text h3 br{ line-height:0; }
.desc_text p{ font-family: 'NiveauGroteskLight'; letter-spacing:0.46px; font-size:18px; line-height:21px; color:#000; padding:0 0 20px; }
.desc_text p:last-of-type{ padding:0; }
.desc_text p strong{ font-weight:normal; font-size:inherit; line-height:inherit; font-family: 'NiveauGroteskMedium'; }

.info_row{ display:block; width:100%; position:relative; }
/*.info_row img{ vertical-align:top; }*/
.info_row.info_row1{ display:flex; flex-wrap:wrap; align-items:center; max-width:1120px; margin:0 auto; min-height:495px; padding:0 20px; }
.info_row.info_row2{ background:#00DF94; }
.info_row.info_row4{ background:#FCDF40; }
.info_row.info_row6{ background:#5C8ADC; }

.info_row1 .lady_img{ position:absolute; right:0; top:-522px; width:349px; }
.info_row1 .desc_text{ max-width:530px; }

.info_row .info_row_inner{ display:flex; flex-wrap:wrap; align-items:center; width:100%; max-width:1280px; margin:0 auto; position:relative; min-height:495px; overflow:hidden; }
.info_row.info_row5 .info_row_inner, .info_row.info_row6 .info_row_inner{ min-height:475px; }
.info_row .info_row_inner .sun_img{ position:absolute; left:50%; transform:translateX(-50%); width:619px; top:0; }

.info_row .info_row_inner .info_img{ width:50%; }
.info_row3 .info_row_inner .info_img{ width:53.13%; }
.info_row5 .info_row_inner .info_img{ width:57.43%; }

.info_row .info_row_inner .info_img figure{ display:block; width:100%; }
.info_row.odd .info_row_inner .info_img{ order:2; }
.info_row2 .info_row_inner .info_img figure{ max-width:505px; }
.info_row3 .info_row_inner .info_img{ position:absolute; top:72px; right:11px; text-align:right; }
.info_row3 .info_row_inner .info_img figure{ display:inline-block; max-width:477px; }
.info_row4 .info_row_inner .info_img figure{ max-width:641px; }
.info_row5 .info_row_inner .info_img figure{ max-width:720px; }
.info_row6 .info_row_inner .info_img figure{ max-width:664px; }

.info_row .info_row_inner .info_text{ width:50%; padding:0 20px 0 50px; position:relative; z-index:999; }
.info_row3 .info_row_inner .info_text{ width:46.87%; }
.info_row5 .info_row_inner .info_text{ width:42.57%; }

.info_row.odd .info_row_inner .info_text{ padding:0 0 0 125px; }
.info_row .info_row_inner .info_text .desc_text{ max-width:490px; }
.info_row3 .info_row_inner .info_text .desc_text, .info_row4 .info_row_inner .info_text .desc_text{ max-width:475px; }
.info_row5 .info_row_inner .info_text .desc_text{ max-width:385px; }

.skin_deep video{ display:block; width:100%; }
.skin_deep video::-webkit-media-controls{display:none !important;-webkit-appearance:none;}
.skin_deep video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none;}
.skin_deep video::--webkit-media-controls-play-button{display:none!important;-webkit-appearance:none;}
.skin_deep video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;}

.skin_deep .info_banner { background: #FDE556; }
.skin_deep .info_row.info_row2{ background: #6695E2; }
.skin_deep .info_row.info_row4{ background: #02E5A4; }
.skin_deep .info_row.info_row6{ background: #7199E4; }
.skin_deep .info_row.info_row7{ background: #FEE34A; }
.skin_deep .cta{ background: #5C8ADC; } 

.skin_deep .info_row1 .lady_img { top: -468px; width: 619px; }
.skin_deep .info_row1 .lady_img video{ display:block; width:100%; }
.skin_deep .info_row1 .desc_text { max-width: 490px; position:relative; z-index:999; }

.skin_deep .info_row .info_row_inner .info_img figure{ display:inline-block; vertical-align:bottom; position:relative;  }
.skin_deep .info_row2 .info_row_inner .info_img { text-align:right; padding:0 80px 0 0; }
.skin_deep .info_row2 .info_row_inner .info_img figure{ max-width:467px; margin:-50px 0 -150px 0; }
.skin_deep .info_row3 .info_row_inner .info_img{ text-align:left; padding:0 0 0 20px; width:44%; position:static; }
.skin_deep .info_row3 .info_row_inner .info_img figure{ display:inline-block; max-width:416px; }
.skin_deep .info_row4 .info_row_inner .info_img{ text-align:right; padding:0 80px 0 0; }
.skin_deep .info_row4 .info_row_inner .info_img figure{ max-width:415px; }
.skin_deep .info_row5 .info_row_inner .info_img{ text-align:left; padding:0 0 0 0; width:56%; }
.skin_deep .info_row5 .info_row_inner .info_img figure{ max-width:831px; margin:0 0 -60px; }
.skin_deep .info_row6 .info_row_inner .info_img{ text-align:right; padding:0 80px 0 0; }
.skin_deep .info_row6 .info_row_inner .info_img figure{ max-width:424px; }
.skin_deep .info_row7 .info_row_inner .info_img{ text-align:left; padding:20px 0 0 100px; width:56%;}
.skin_deep .info_row7 .info_row_inner .info_img figure{ max-width:431px; }
.skin_deep .info_row8 .info_row_inner .info_img{ text-align:right; padding:0 70px 0 0; }
.skin_deep .info_row8 .info_row_inner .info_img figure{ max-width:523px; margin:0 0 -20px; }

.skin_deep .desc_text p{ font-size:23px; line-height:27px; }

.skin_deep .info_row3 .info_row_inner .info_text{ width:56%; }
.skin_deep .info_row3 .info_row_inner .info_text .desc_text{ max-width:600px; }
.skin_deep .info_row5 .info_row_inner .info_text { width: 44%; }
.skin_deep .info_row5 .info_row_inner .info_text .desc_text { max-width: 440px; }
.skin_deep .info_row7 .info_row_inner .info_text { width: 44%; }
.skin_deep .info_row7 .info_row_inner .info_text .desc_text { max-width: 440px; }

.skin_deep .info_row2 .info_row_inner .info_text .desc_text p{ display:none; }
.skin_deep .info_row3 .info_row_inner .info_text .desc_text p{ display:none; }
.skin_deep .info_row4 .info_row_inner .info_text .desc_text p{ display:none; }
.skin_deep .info_row5 .info_row_inner .info_text .desc_text p{ display:none; }
.skin_deep .info_row6 .info_row_inner .info_text .desc_text p{ display:none; }
.skin_deep .info_row7 .info_row_inner .info_text .desc_text p{ display:none; }


.skin_deep .ad_container.mid { position: absolute; bottom: 0; left:0; }
.skin_deep .ad_container.mid .ad2 { margin-top: 20px; margin-bottom: 84px; }

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

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


.skin_deep .info_row .info_row_inner .info_img figure .hotspot_link{ display:block; font-size:0; width:56px; height:56px; position:absolute; z-index:9999; }
.skin_deep .info_row2 .info_row_inner .info_img figure .hotspot_link{ top:54%; left:69.5%; }
.skin_deep .info_row3 .info_row_inner .info_img figure .hotspot_link{ top:42%; left:45%; }
.skin_deep .info_row4 .info_row_inner .info_img figure .hotspot_link{ top:51%; left:24%; }
.skin_deep .info_row5 .info_row_inner .info_img figure .hotspot_link{ top:52%; left:65%; }
.skin_deep .info_row6 .info_row_inner .info_img figure .hotspot_link{ top:37%; left:30%; }
.skin_deep .info_row7 .info_row_inner .info_img figure .hotspot_link{ top:60%; left:37%; }

.skin_deep .info_row .info_row_inner .info_img figure .hotspot_link:before{ content:''; width:32px; height:32px; background:rgba(252, 223, 64, 0.50); border-radius:50%; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; z-index:-1; animation:pulse1 2s linear infinite; -webkit-animation:pulse1 2s linear infinite; animation-delay:1s; padding:0; z-index:9; }
.skin_deep .info_row .info_row_inner .info_img figure .hotspot_link:after{ content:''; width:32px; height:32px; background:rgba(252, 223, 64, 0.50); border-radius:50%; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; z-index:-1; animation:pulse1 2s linear infinite; -webkit-animation:pulse1 2s linear infinite; padding:0; z-index:9; }
.skin_deep .info_row .info_row_inner .info_img figure .hotspot_link span{ display:block; font-size:0; width:32px; height:32px; background:#FCDF40; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:999; box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.19); }
.skin_deep .info_row7 .info_row_inner .info_img figure .hotspot_link:before{ background:rgba(92, 138, 220, 0.50); }
.skin_deep .info_row7 .info_row_inner .info_img figure .hotspot_link:after{ background:rgba(92, 138, 220, 0.50); }
.skin_deep .info_row7 .info_row_inner .info_img figure .hotspot_link span{ background:#5C8ADC; }

/****Infographic *************************/

.video_sec{ display:block; width:100%; background:#5c8bdd; padding:0 20px; position:relative; }
.video_sec .video_wrapper{ display:block; width:100%; max-width:960px; margin:0 auto; }
.video_sec .video_head{ display:block; width:100%; text-align:center; margin:0 auto 0; max-width:728px; padding:52px 0 55px; }
.video_sec .video_head h1{ font-family: 'Freight-DispBlack'; font-size:50px; line-height:50px; letter-spacing:0.47px; color:#fff; }
.video_sec .video_desc{ display:block; width:100%; text-align:center; margin:0 auto 0; max-width:728px; padding:48px 0 67px; }
.video_sec .video_desc p{ font-family: 'NiveauGroteskRegular'; font-size:20px; line-height:24px; letter-spacing:0.19px; color:#fff; }

.video_sec .video-js .vjs-big-play-button { background: rgba(0,0,0,0) url(../images/play-icon-big.png) no-repeat center center; background-size:cover !important; }
.video_sec .video-js .vjs-big-play-button span{ display:none !important;}



/****flipcards *************************/
.flip_container { display:block; width: 100%; position:relative; padding:0 0 40px; }
.flip_container .flip_boxes{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; max-width:830px; margin:0 auto; }

.flip_container .flip_box { display:block; width: calc(50% - 15px); margin:35px 0 0; background:#ffffff; position: relative; overflow:hidden; }

.flip_box .front_cont { display:block; width:100%; position:relative; background: #d3a4ff; cursor:pointer;  }
.flip_box .front_cont > a{ display:block; width:100%; }
.flip_box .front_cont h2 { font-family: 'FreightBigPro-Black'; font-size: 50px; line-height: 50px; letter-spacing: 1.02564px; color: #FFFFFF; position:absolute; left:0; top:0; z-index:9; padding:10px 0 0 19px; }
.flip_box .front_cont h2 br{ line-height:0; }
.flip_box .front_cont .type_icon{ display:block; width:100%; max-width:236px; position:absolute; left:50%; top:160px; margin:0 0 0 -118px; z-index:9; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:1.5s;animation-duration:1.5s; }
.flip_box .front_cont figure{ display:block; width:100%;  }

.flip_box .flip_cont { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 999; text-align: center;     -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;  transition:all ease 0.3s;
    -webkit-transform: translateY(100%); transform:translateY(100%); opacity:0;
	 background:#b9e2f6 url(../images/flipcard/flip-bg.png) no-repeat center center; background-size:cover !important; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.flip_box.active .flip_cont { -webkit-transform: translateY(0%); transform:translateY(0%); opacity:1; }
.flip_box .flip_cont .flip_cont_inner{ max-width:280px; text-align:left; }
.flip_box .flip_cont h2 { font-family: 'FreightBigPro-Black'; font-size: 30px; line-height: 30px; letter-spacing: 1.02564px; color: #000000; padding:0 0 12px; margin: 0; text-align:left; }
.flip_box .flip_cont h2 br{ line-height:0; }
.flip_box .flip_cont p { font-family: 'NiveauGroteskRegular'; font-size:16px; line-height:20px; letter-spacing: 0.46px; color:#000; padding:0; margin: 0; text-align:left; }
.flip_box .flip_cont p strong{ font-family: 'NiveauGroteskBold'; font-weight:normal; }


/****flipcards *************************/


/**************************************Footer Css**************************************************/
footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width: 100%; background: #000000; padding: 13px 20px; text-align: center; z-index: 9999; overflow:hidden; position: relative; }
footer a.footer_logo { display: inline-block; }
a.footer_logo img { vertical-align: top; width: 212px; }

footer ul { list-style: none; padding:0; }
footer ul li { display: inline-block; font-family: 'Roboto-Regular'; font-size: 11px; line-height: 13px; color: #fff; padding: 0 6px 0 8px; background: url(../images/link_sep.jpg) no-repeat left center; }
footer ul li:first-child { background: none; }
footer ul li a { display: block; color: #fff; }
footer ul li a:hover, footer ul li a:focus { color: #888888; }
/**************************************Footer Css**************************************************/ 


/****************************Video Popup Css********************************************/
.v_box { position: relative; height: 0; width: 100%; /*padding-bottom:0%;*/ padding-bottom: 56.25%; background-size:cover !important; }
.video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

/******* CSS LIGHTBOX *******/
.vid_box {
    position: fixed;
    top: 100%;
    background: rgba(0, 0, 0, .85);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow-y: scroll;
    z-index: 999999;
    width: 100%;
    max-width: 100%;
    padding: 0 15px 0;
	display:flex;
	align-items:center;
	justify-content: center;
	flex-wrap: wrap;
}

.vid_box_inner {
    display: block;
    /*width:100%;*/
    width: 1100px;
    /*margin: 0 auto;*/
    padding: 10px 0 10px;
    position: relative;
    max-width: 100%;
}

.vid_box video {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    border: none;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */
.vid-close {
    display: block;
    width: 14px;
    height: 16px;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: -30px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.vid-close img{ vertical-align:top; width:14px; height:16px; }

.vid_box.active { opacity: 1; top: 0; bottom: 0; }
.vid_box.active .v_box { padding-bottom: 56.25%; border:2px solid #fff; }
.vid_box.active .video-js { background: #000; }
.vid_box.active video { max-height: 100%; max-width: 100%; }
.vid_box.active .vid-close { top: 0; }

.jumpstart-control-big-play svg { left: 24px !important; top: 20px !important; }


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

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


.banner_section { width: 100%; position: relative; overflow: hidden; background: url(../images/shadow-img1.jpg) no-repeat left top; background-size: cover; }
.banner_section .wrapper { max-width: 1015px; min-height: 520px; height: 56vh; display: flex; align-items: center; position: static; }
.banner_section.eczema .wrapper{ min-height:610px; }

.banner_section h1 { margin-bottom: 10px; font-size: 80px; font-family: 'Freight-BigLight'; font-weight: normal; line-height: 79px; letter-spacing: 2.04px; color: #000; }
.banner_section h1 span { font-family: 'Freight-BigLight'; font-weight: normal; display: block; }
.banner_section .right { position: absolute; right: 0; top: 0; width: 47%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.banner_section .right img { width: 100%; height: 100%; object-fit: cover; display: none; }
.banner_section p { margin-bottom: 14px; font-size: 23px; letter-spacing: 0.59px; font-family: 'NiveauGroteskLight'; }
.banner_section strong { font-family: 'NiveauGroteskBold'; font-weight:normal; letter-spacing: 0.46px; font-size: 18px; }
.banner_section .left { width: 50%; }
.banner_section.right_side .right { width: 41.5%; left: 0; right: auto; background-position:  left bottom; }
.banner_section.right_side .wrapper { justify-content: flex-end; }
.banner_section.right_side h1 em { }
.banner_section.right_side h1 { font-size: 70px; line-height: 68.96px; letter-spacing: 1.78px; }
.banner_section.right_side .wrapper { max-width: 1110px; }
.banner_section.right_side .left { width: 55%; }
.banner_section.skincare { background: #e76e50; }
.banner_section.skincare h1 span, .banner_section.scratching h1 span { display: inline; line-height: inherit; }
.banner_section.skincare h1, .banner_section.skincare p, .banner_section.skincare strong { color: #fff; }
.banner_section.skincare h1 { margin-bottom: 15px; line-height: 68.96px; }
.banner_section.skincare p { margin-bottom: 25px; }
.banner_section.skincare.eczema { background: #3962a6; }
.banner_section.eczema h1 { font-size: 73px; letter-spacing: 1.87px; line-height: 73px; }

.banner_section.flipcard { background: none; z-index:999; }
.banner_section.flipcard:after{ content:""; position:absolute; width:50%; height:100%; left:0; top:0; background:#bde6fa url(../images/flipcard/banner-bg.png) no-repeat center center; background-size:cover !important; z-index:-1; }
.banner_section.flipcard .wrapper{ max-width:1140px; }
.banner_section.flipcard .right { width: 50%; }
.banner_section.flipcard h1{ font-family: 'FreightBigPro-Black'; font-size: 62px; line-height: 63px; letter-spacing: 1.58974px; }
.banner_section.flipcard p{ max-width:370px; }


.banner_section.calming_tips { background: #5C8BDD; }
.banner_section.calming_tips .wrapper{ max-width:1110px; min-height:580px; }
.banner_section.calming_tips .right { width: 36.64%; }
.banner_section.calming_tips .left { width: 60%; padding:50px 0 0; }
.banner_section.calming_tips h1{ font-family: 'FreightBigPro-Bold'; font-size: 65px; line-height: 75px; letter-spacing: 1.8px; color:#fff; }
.banner_section.calming_tips p{ max-width:560px; color:#fff; }


.banner_section.scratching { height: 58vh; min-height: 395px; display: flex; flex-wrap: wrap; }
.banner_section.scratching .column { width: 30%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.banner_section.scratching .left { padding: 0 72px; width: 40%; text-align: center; position: relative; display: flex; align-items: center; background-color: #8bd4ff; }
.banner_section.scratching .left:before { content: ''; position: absolute; left: -330px; top: 0; width: 330px; height: 100%; background: url(../images/scratching-bg1.png) no-repeat top center; background-size: 100% 100%; }
.banner_section.scratching .left:after { content: ''; position: absolute; right: -328px; top: 0; width: 330px; height: 100%; background: url(../images/scratching-bg2.png) no-repeat top center; background-size: 100% 100%; }
.banner_section.scratching .column.last { background-position: right center; }
.banner_section.scratching img { width: 100%; height: 100%; object-fit: cover; display: none;}
.banner_section.scratching .content { margin: auto; position: relative; }
.banner_section.scratching h2 { font-size: 61px; letter-spacing: 1.56px; line-height: 62px; }

.content_box { padding-top: 80px; padding-bottom: 84px; width: 100%; }
.content_box .wrapper { max-width: 630px; }
.content_box p { font-family: 'NiveauGroteskLight'; letter-spacing:0.46px; font-size: 18px; line-height: normal; color:#000; padding: 0 0 16px; }
.content_box p strong { font-weight:normal; font-size:inherit; line-height:inherit; font-family: 'NiveauGroteskMedium'; }
.content_box h3 { margin-top: 15px; margin-bottom: 17px; font-size: 30px; font-family: 'FreightDisp-Medium';  font-weight: normal; letter-spacing: 0.77px; }
.content_box h2 { margin: 70px 0; font-size: 48px; letter-spacing: 1.23px; color: #5C8BDD; line-height: normal; font-family: 'Freight-BigLightItalic'; }
.content_box h2 strong { font-family: 'FreightDisp-Bold'; font-weight: normal; }
.content_box h2 br{ line-height:0; }
.content_box blockquote { padding: 0 7px; margin: 73px 0 80px; color: #5c8bdd; font-size: 48px; letter-spacing: 1.23px; font-family: 'FreightDisp-LightItalic'; font-weight: normal; font-style: normal; }
.content_box.skincare h2 { margin: 20px 0 15px; font-family: 'FreightDisp-Medium'; font-size: 30px; color:#000; }
.content_box.skincare.scratch h2{ font-family: 'FreightDisp-Bold'; font-size:44px; }
.content_box.skincare.scratch h2 span{ font-family: 'FreightDisp-Light'; }
.content_box.skincare { padding-bottom: 55px; }
.content_box.skincare blockquote { padding: 0 45px; color: #5c8bdd; font-size: 64px; letter-spacing: 1.64px; font-family: 'FreightDisp-LightItalic'; font-weight:normal; text-align: center; font-style:normal; }
.content_box.skincare h2.no-space { margin-top: 0; }
.content_box.skincare.eczema blockquote { padding: 0; margin-left: -110px; width: 765px; font-family: 'FreightDisp-Medium'; font-size: 44px; letter-spacing: 1.13px; font-weight: normal; }
.content_box h2 span {  font-family: 'Freight-BigLight'; }

.content_box.flip_intro{ max-width:850px; padding:35px 15px 0; margin:0 auto; }





.scratch_box { width: 100%;  display: flex; align-items: center; position: relative; }
.scratch_box .left { width: 55%; min-height: 49vh; background-size: cover; background-repeat: no-repeat; }
.scratch_box .left img { width: 100%; height: 100%; object-fit: cover; display: none; }
.scratch_box .right { padding-left: 105px; width: 45%; min-height: 49vh;display: flex; align-items: center; background: url(../images/shadow-img2.jpg) no-repeat left top; background-size: cover; }
.scratch_box h4 { max-width: 285px; font-family: 'Freight-BigBook'; font-size: 39px; font-weight: normal; letter-spacing: 1px; color: #000; line-height: normal; }

.image_full { width: 100%; height: 46vh; min-height: 427px; }
.image_full img { width: 100%; height: 100%; object-fit: cover; }
.image_full.inner { height: auto; min-height: inherit; }
.image_full .wrapper { max-width: 973px; }
.image_full.eczema { height: auto; min-height: inherit; }
.image_full.eczema .wrapper { margin-right: 0; padding-right: 0; max-width: 71%; height: 520px; }
.image_full.eczema.left .wrapper { margin-right: auto; margin-left: 0; padding-left: 0; padding-right: 15px; }

.image_full.eczema.calming_tips .wrapper { max-width: 65%; height: 540px; }


.add_bg { padding: 25px 0; width: 100%; min-height: 403px; display: flex; align-items: center; background: url(../images/add-bg.jpg) no-repeat left top; background-size: cover; }
.add_bg .wrapper { max-width: 630px; }
.add_bg h3 { margin-top: 15px; margin-bottom: 17px; font-size: 30px; font-family: 'FreightDisp-Medium';  font-weight: normal; letter-spacing: 0.77px; }
.add_bg p { padding: 0 0 16px; font-family: 'NiveauGroteskLight'; letter-spacing: 0.46px; font-size: 18px; line-height: normal; color: #000; }

.callout_box { width: 100%;  }
.callout_box .wrapper { padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; overflow: hidden; }
.callout_box .left { width: 32%; }
.callout_box .right { width: 60%; height: 41vh; min-height: 387px; }
.callout_box blockquote { padding: 0; margin: 0; font-size: 44px; letter-spacing: 1.13px;  font-family: 'Freight-BigLight'; font-weight: normal; line-height: normal; color: #5c8bdd; }
.callout_box img { width: 100%; height: 100%; object-fit: cover; }

.content_box.ad_top { padding-top: 70px; }
.content_box.ad_top1 { padding-top: 40px; }
.content_box.ad_bottom { padding-bottom: 10px; }

#main.slider_page{ background: #5C8BDD; }
.slider_intro{ display:block; width:100%; position:relative; padding:50px 15px 45px; }
.slider_intro .slider_intro_text{ display:block; width:100%; max-width:697px; margin:0 auto; }
.slider_intro .slider_intro_text h1{ font-family: 'FreightBigPro-Bold'; font-size: 50px; line-height: 58px; text-align: center; color:#fff; padding:0 0 42px; }
.slider_intro .slider_intro_text p{ font-family: 'NiveauGroteskRegular'; font-size: 18px; line-height: 21px; letter-spacing: 0.46px; color:#fff; padding:0 0 16px; }


.slider_sec{ display:block; width:100%; max-width:900px; margin:0 auto; }
.slider_sec .ages_slider{ display:block; width:100%; background:#fff; }
.slider_sec .ages_slider .ages_slide{ display:block; width:100%; display:none; }
.slider_sec .ages_slider .ages_slide:first-child{ display:block; }
.slider_sec .ages_slider.slick-initialized .ages_slide{ display:block; }
.slider_sec .ages_slider .ages_slide img{ vertical-align:top; }

.slider_sec .ages_slider .ages_slide .slide_desc{ display:flex; flex-wrap:wrap; }
.slider_sec .ages_slider .ages_slide .slide_desc .slide_img{ width:63.34%; order:2; }

.slider_sec .ages_slider .ages_slide .slide_desc .slide_img figure{ position:relative; }
.slider_sec .ages_slider .ages_slide .slide_desc .slide_img a{ font-size:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden; }
.slider_sec .ages_slider .ages_slide .slide_desc .slide_text{ width:36.66%; padding:35px 38px 0 38px; }
.slider_sec .ages_slider .ages_slide .slide_desc .slide_text h2{ font-family: 'FreightBigPro-Bold'; font-size: 35px; line-height: 43px; letter-spacing: 1.02564px; color: #000000; padding:0 0 25px; }
.slider_sec .ages_slider .ages_slide .slide_desc .slide_text p{ font-family: 'NiveauGroteskRegular'; font-size: 14px; line-height: 20px; letter-spacing: 0.358974px; color: #000000; padding:0 0 20px; }
.slider_sec .ages_slider .ages_slide .slide_desc .slide_text p:last-of-type{ padding:0; }

.slider_sec .ages_slider .slick-prev{ position:absolute; font-size:0; width:72px; height:52px; margin:0; left:-112px; top:50%; margin:-26px 0 0; cursor:pointer; border-radius:0; border:none; z-index:999; background: url(../images/arr-left.png) no-repeat left center; background-size:72px auto !important; }
.slider_sec .ages_slider .slick-prev.slick-disabled{ opacity:0;  cursor:default;}
.slider_sec .ages_slider .slick-prev:before{ content:"";}

.slider_sec .ages_slider .slick-next{ position:absolute; font-size:0; width:72px; height:52px; margin:0; right:-112px; top:50%; margin:-26px 0 0; cursor:pointer; border-radius:0;  border:none; z-index:999; background: url(../images/arr-right.png) no-repeat right center; background-size:72px auto !important; }
.slider_sec .ages_slider .slick-next.slick-disabled{ opacity:0; cursor:default;}
.slider_sec .ages_slider .slick-next:before {content:"";}


.bottom_text{ display:block; width:100%; max-width:750px; margin:0 auto; padding:80px 15px 30px; }
.bottom_text p{ font-family: 'NiveauGroteskRegular'; font-size: 18px; line-height: 21px; text-align: center; letter-spacing: 0.168224px; color:#fff; }


.content_box.skincare .head_bar{ display:block; width:100%; }
.content_box.skincare .head_bar h2{ font-family: 'FreightBigPro-Bold'; font-size: 40px; line-height: 44px; letter-spacing: 1.02564px; color:#000; margin-bottom:40px; }

.cta{ display:block; width:100%; padding:48px 15px; text-align:center; }
.cta p{ font-family: 'NiveauGroteskMedium'; font-size:18px; line-height: 21px; text-align: center; letter-spacing: 0.461538px; color:#000; }

#main.slider_page .cta p{ color:#fff; }