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

span.demofont {
    font-family: 'Source Sans Pro', sans-serif;
}

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

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

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4em;
}

th {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 28px;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: normal
}

input {
    border: 0;
    outline: none
}

img {
    border: none;
    outline: none;
    max-width: 100%;
    height: auto
}

ul,
ul li {
    list-style: none;
}

ol,
ol li {
    list-style: decimal;
}

input[type="submit"],
input[type="button"] {
    cursor: pointer
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    display: inline-block
}

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

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

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

.spacer_bottom { display: block; width: 100%; clear: both; min-height: 90px; }

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

body { font-size: 14px; color: #000; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto; }
body.popup_view { overflow: hidden; }

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

.wrapper { max-width: 1170px; margin: 0 auto; }
.wrapper1 { max-width: 1200px; margin: 0 auto; }

/* layout */
#layout { float: left; width: 100%; position: relative; padding: 56px 0 0; }

a.back_to_home{ position:absolute; top:77px; right:20px; font-family: 'GothamBold'; font-size:15px; line-height:19px; color:#fff; text-decoration:underline; z-index:999999; }
a.back_to_home:hover{ text-decoration:none; }

/*********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: 56px; z-index: 99; }

header ul.left_logos { float: left; padding: 11px 0 0 0; font-size:0; }
ul.left_logos li { display: inline-block; vertical-align: middle; }
ul.left_logos li a { display: block; vertical-align: top; }
ul.left_logos li a img { vertical-align: top; }
ul.left_logos li.ishares_logo { background: url(../images/plus_icon.png) no-repeat right center; padding: 0 25px 0 0; background-size: 11px; }
ul.left_logos li.ishares_logo a { width: 94px; }
ul.left_logos li.money_logo { padding: 0 0 0 10px; }
ul.left_logos li.money_logo a { width: 140px; }
ul.left_logos li.parents_logo { padding: 0 0 0 10px; }
ul.left_logos li.parents_logo a { width: 100px; }
ul.left_logos li.rs_logo { padding: 0 0 0 10px; }
ul.left_logos li.rs_logo a { width: 130px; }
ul.left_logos li.tl_logo { padding: 0 0 0 10px; }
ul.left_logos li.tl_logo a { width: 90px; }

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: 0 5px 3px 5px; 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 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: 11px; }
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: 27px; color: #fff; display: inline-block; }
header ul.social_icon li a:hover { opacity: 0.7; }

/*********Header Css*********/

.home_intro{ float:left; width:100%; margin:0 0 40px; position:relative; }
.home_intro .banner_img{ float:left; width:100%; position:relative; background-size:cover !important; min-height:85vh; }
.home_intro .banner_img img{ vertical-align:top; display:none; }

.home_intro .wrapper{ width:100%; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.home_intro .banner_caption{ background:#ffcb00; width:618px; max-width:100%; text-align:center; padding:40px 50px 40px; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.home_intro .banner_caption h3{ font-family: 'FortExtraBold'; font-size:74px; line-height:78px; color:#282828; padding:0 0 10px; text-transform:uppercase; text-align:left; }
.home_intro .banner_caption p{ font-family: 'FortBook'; font-size:25px; line-height:33px; color:#282828; padding:0 0 30px; text-align:left; }


@-moz-keyframes scrollMore {
0%{bottom:-4px; opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}
@-webkit-keyframes scrollMore{
0%{bottom:-4px; opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}
@keyframes scrollMore{
0%{bottom:-4px; opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}
.home_intro .banner_caption a.click_more{ display:inline-block; position:relative; z-index:999; width:250px; text-align:center; color:#000;  padding:0 0 32px; }
.home_intro .banner_caption a.click_more img{position:absolute; opacity:0; left:0; right:0; bottom:0; z-index:99999;  display:inline-block; width:34px; height:13px; margin:0 auto 0; -webkit-animation: scrollMore 1.5s linear infinite; animation: scrollMore 1.5s linear infinite; -moz-animation: scrollMore 1.5s linear infinite; -webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s; }
.home_intro .banner_caption a.click_more span{ font-family: 'FortExtraBold'; display:block; font-size:25px; line-height:33px; color:#282828; }



.quiz_logic{ float:left; width:100%; margin:0 0 13px; }
.quiz_logic .quiz_box{ float:left; width:100%; position:relative; background:#72c733; min-height:588px; }
 .quiz_step{ position:absolute; width:100%;  left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }

.quiz_box a.close_step{ position:absolute; right:10px; top:10px; color:#fff; font-family: 'FortExtraBold'; font-size:26px; line-height:30px; z-index:9999; display:none; }



.quiz_box .quiz_step1{ max-width:740px; }
.quiz_box .quiz_step2{ max-width:274px; text-align:center; }
.quiz_box .quiz_step2#quiz_step2c{ max-width:380px; overflow:hidden; }
.quiz_box .quiz_step2#quiz_step2d{ max-width:380px; }
.quiz_box .quiz_step3{ max-width:1000px; text-align:center; }

.quiz_box .quiz_step1 p{ font-family: 'FortBook'; font-size:32px; line-height:50px; color:#000; padding:0 0 30px;  }
.quiz_box .quiz_step1 p a{ font-family: 'FortExtraBold'; color:#000; background: url(../images/arr_btm.png) no-repeat right center; background-size:10px; padding:0 25px 0 0; margin:0 10px 0 0; text-transform:lowercase; }
.quiz_box .quiz_step1 a.next_btn{ display:inline-block; width:136px; font-family: 'FortExtraBold'; font-size:15px; line-height:19px; letter-spacing:2px; color:#000; background:#fff; text-transform:uppercase; text-align:center; padding:11px 0 9px; opacity:0; visibility:hidden; }
.quiz_box .quiz_step1 a.next_btn.active{ opacity:1; visibility:visible; }


.quiz_box .quiz_step2 h3{ font-family: 'FortExtraBold'; font-size:20px; line-height:24px; text-align:center; margin:0 0 20px; }
.quiz_box .quiz_step2 h3 span{ display:block; font-size:15px; line-height:19px; position:absolute; left:0; top:25px; width:100%; }
.quiz_box .quiz_step2 ul{ list-style:none; text-align:center; }
.quiz_box .quiz_step2 ul li{ display:inline-block; width:100%; vertical-align:top; list-style:none; margin:5px 0 5px; }
.quiz_box .quiz_step2 ul li a{ display:block; font-family: 'FortExtraBold'; font-size:25px; line-height:29px; color:#000; background:#fff; padding:12px 0 9px; }
.quiz_box .quiz_step2 ul li.active a{ background:#ffcb00; }
.quiz_box .quiz_step2 ul .opt-active a{  background:#ffcb00; }


.quiz_box .quiz_step2 a.submit_btn{ display:inline-block; width:136px; font-family: 'FortExtraBold'; font-size:15px; line-height:19px; letter-spacing:2px; color:#fff; background:#000; text-transform:uppercase; text-align:center; padding:11px 0 9px; vertical-align:top; margin:20px 0 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.quiz_box .quiz_step2 a.submit_btn:hover{ opacity:0.8; }





.quiz_box .quiz_step3 p{ font-family: 'FortBook'; font-size:28px; line-height:48px; color:#000; padding:0 0 30px; text-align:left; }
.quiz_box .quiz_step3 p strong{ font-weight:normal; font-family: 'FortExtraBold'; color:#fff; }
.quiz_box .quiz_step3 p:last-of-type{ font-size:30px; line-height:48px; }

.quiz_box .quiz_step3 a.learn_more{ display:inline-block; width:180px; font-family: 'FortExtraBold'; font-size:15px; line-height:19px; letter-spacing:2px; color:#000; background:#fff; text-transform:uppercase; text-align:center; padding:11px 0 9px; vertical-align:top; margin:0 0 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.quiz_box .quiz_step3 a.learn_more:hover{ opacity:0.8; }

.quiz_box .quiz_step3 a.retake_btn{ display:inline-block; width:136px; font-family: 'FortExtraBold'; font-size:15px; line-height:19px; letter-spacing:2px; color:#fff; background:#000; text-transform:uppercase; text-align:center; padding:11px 0 9px; vertical-align:top; margin:35px 0 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.quiz_box .quiz_step3 a.retake_btn img{ width:12px; margin:0 0 0 9px; }
.quiz_box .quiz_step3 a.retake_btn:hover{ opacity:0.8; }

.knotch {max-width: 800px; margin: 0 auto; padding: 20px}

.thumbs_container{ float:left; width:100%; padding:56px 0 27px; background:#f8f6f6; margin:0 0 72px; }
.thumbs_container .info_thumbs{ float:left; width:100%; }
.info_thumbs .info_thumb{ float:left; position:relative; width:calc(50% - 30px);  margin:0 15px 30px 15px; box-shadow:0 1px 19px rgba(0,0,0,0.1);  }

.info_thumbs .info_thumb .box_inner{float:left; width:100%;  min-height:661px; background:#fff; text-align:center; padding:27px 30px 0 30px; border-bottom:6px solid #bce2f1; }
.info_thumbs .info_thumb:nth-child(1) .box_inner{ background:#f488db; }
.info_thumbs .info_thumb:nth-child(2) .box_inner{ background:#fece03; }

.info_thumbs .info_thumb .brand_logo { display: inline-block; z-index: 999; height: 32px; }
.info_thumbs .info_thumb .brand_logo img { height: 100%; width: auto; vertical-align:top; }

.info_thumbs .info_thumb .img_box{ display:block; float:left;  width:100%; min-height:364px; position:relative; overflow:hidden; }
.info_thumbs .info_thumb figure{ display:block; float:left;  width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
.info_thumbs .info_thumb:nth-child(1) figure{ background-size:398px !important; }
.info_thumbs .info_thumb:nth-child(2) figure{ background-size:249px !important; }

.info_thumbs .info_thumb .box_inner:hover figure{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);}

.info_thumbs .info_thumb .heading_text  {float:left;  width:100%; min-height:132px; position:relative; text-align:center; padding:6px 0 40px; }
.info_thumbs .info_thumb h3{ font-family: 'FortExtraBold'; font-size:29px; line-height:35px; color:#000; position:relative; padding:0; }
.info_thumbs .info_thumb .read_more{ display:block; font-family: 'FortExtraBold'; font-size:15px; line-height:18px; color:#000; background:#fff; width:255px;  padding:11px 5px 10px 5px; z-index:999; position:absolute; left:50%; bottom:0; transform:translateX(-50%); text-align:center; letter-spacing:2px; text-transform:uppercase; }

.info_thumbs .info_thumb .paid { padding: 9px 10px 3px 10px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: inline-block; color: #151515; font-size: 16px; text-transform: uppercase; font-family: 'FortBold'; background: #bce2f1; letter-spacing:-0.5px; }
.info_thumbs .info_thumb a{ position:absolute; width:100%; height:100%; z-index:999; top:0; left:0;}



.bodycontent{float:left; width:100%; position:relative; z-index:999; background:#fff; }


.infographic_container{ display:block; width:100%; max-width:1282px; margin:0 auto; position:relative; }
.infographic_container img{ vertical-align:top; }

.bottom_thumbs{ float:left; width:100%; padding:0 40px;}

.blocks_container{ float:left; width:100%; padding:0; }
.blocks_container.bottom_slider{ padding:18px 0 50px; }

.blocks_container .box{ float:left; position:relative; width:calc(50% - 30px);  margin:0 15px 60px 15px; box-shadow:0 1px 19px rgba(0,0,0,0.1); }
.blocks_container.bottom_slider .box{ width:100%; margin:0; box-shadow:none; padding:0 9px 9px; }

.blocks_container .box .box_inner{float:left; width:100%;  min-height:520px; background:#fff;}
.blocks_container.bottom_slider .box .box_inner{ box-shadow:0 1px 10px rgba(0,0,0,0.1); }


.bottom_slider .slick-prev{ position:absolute; font-size:0; background: url(../images/prev_arr.png) no-repeat center center; width:21px; height:40px; margin:auto 0 ;left:-32px; top:0; bottom:0; z-index:999; cursor:pointer; background-size:21px; border:none; }
.bottom_slider .slick-prev:before{ content:"";}
.bottom_slider .slick-prev:hover{ opacity:0.9;}
.bottom_slider .slick-next{ position:absolute; font-size:0; background: url(../images/next_arr.png) no-repeat center center; width:21px; height:40px; margin:auto 0; right:-32px; top:0; bottom:0; z-index:999; cursor:pointer; background-size:21px; border:none;}
.bottom_slider .slick-next:before {content:"";}
.bottom_slider .slick-next:hover{ opacity:0.9;}


.blocks_container .box .img_box{ display:block; float:left;  width:100%; min-height:337px; position:relative; overflow:hidden; }
.blocks_container .box.paid .img_box{  border-bottom:8px solid #bce2f1; }
.blocks_container .box figure{ display:block; float:left;  width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover !important; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
.blocks_container .box .box_inner:hover figure{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);}
.blocks_container .box .paid { padding: 9px 10px 2px 10px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: inline-block; color: #151515; font-size: 16px; text-transform: uppercase; font-family: 'FortBold'; background: #bce2f1; letter-spacing:-0.5px; }

.blocks_container .box .cont_box{ float:left;  width:100%; position:relative; margin:0 0 17px; }
.blocks_container .box.paid .cont_box{  border-bottom:8px solid #bce2f1; }
.blocks_container .box .cont_box .text_box{ float:left; width:50%; height:405px; background:#8d62b9; display:table; }
.blocks_container .box .cont_box .text_box h3{ font-family: 'FortExtraBold'; font-size:33px; line-height:31px; display:table-cell; vertical-align:middle; text-transform:uppercase; padding:0 10px 0 15px; color:#282828; }
.blocks_container .box .cont_box .img_box1{ float:left; width:50%; min-height:405px; position:relative; overflow:hidden;}




.blocks_container .box .heading_text  {float:left;  width:100%; position:relative; text-align:center; padding:19px 60px 0; }
.blocks_container .box .heading_text h3{ font-family: 'FortExtraBold'; font-size:25px; line-height:30px; color:#282828; padding:0 0 10px; position:relative; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.blocks_container .box .heading_text .read_more{ display:inline-block; width:184px; font-family: 'FortExtraBold'; font-size:15px; line-height:18px; color:#000; background:#8d62b9;  padding:11px 5px 10px 5px; z-index:999; letter-spacing:2px; text-transform:uppercase; }
.blocks_container .box  .heading_text .play_icon{ display:block; width:122px; margin:-87px auto 0; vertical-align:top; }



.blocks_container .box.full .box_inner{border-bottom:8px solid #bce2f1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.blocks_container .box.full .img_box{ display:block; float:left;  width:100%; min-height:290px; margin:60px 0 0; position:relative; overflow:hidden; }
.blocks_container .box.full figure{ display:block; float:left;  width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; background-size:202px !important; }

.blocks_container .box .heading_full  {float:left;  width:100%; position:relative; text-align:center; padding:0 25px 0; }
.blocks_container .box .heading_full h3{ font-family: 'FortExtraBold'; font-size:29px; line-height:33px; color:#000; padding:0 0 26px; position:relative; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.blocks_container .box .heading_full .read_more{ display:inline-block; width:184px; font-family: 'FortExtraBold'; font-size:15px; line-height:18px; color:#000; background:#fff;  padding:11px 5px 10px 5px; z-index:999; letter-spacing:2px; text-transform:uppercase; }

.blocks_container .box a{ position:absolute; width:100%; height:100%; z-index:999; top:0; left:0;}


.blocks_container .box .brand_logo{ display:inline-block; width:auto; position:absolute; top:0;  left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); background:#fff; z-index:999; padding:13px 18px 13px; }
.blocks_container .box.full .brand_logo{ background:none; padding:22px 18px 0; }
.blocks_container .box .brand_logo img{ vertical-align:top; }

.blocks_container .box .ish_money img{ width:251px; }
.blocks_container .box .instyle_blk img{ width:137px; }
.blocks_container .box .money_blk img{ width:117px; }
.blocks_container .box .rs_blk img{ width:220px; }


a.home_btn{ position:absolute; right:50px; top:22px; width:72px; z-index:9999; }
a.home_btn img{ vertical-align:top; }

.flip_intro{ float:left; width:100%; background:#d8d8d8; position:relative;  }
.flip_intro .flip_intro_cont{ display:block; width:100%; max-width:880px; margin:78px auto 25px; text-align:center; }
.flip_intro .flip_intro_cont h1{ font-family: 'FortExtraBold'; font-size:95px; line-height:99px; color:#000; padding:0 0 14px; }
.flip_intro .flip_intro_cont h1 span{ display:inline-block; font-size:74px; line-height:79px; color:#000; }
.flip_intro .flip_intro_cont p{ font-size:21px; line-height:30px; padding:0 0 25px; letter-spacing:0.48px; color:#000; font-family: 'FortBook'; }
.flip_intro .flip_intro_cont p strong{ font-weight:normal; font-family: 'FortExtraBold'; }

.flipcards{ max-width: 952px; margin: 0 auto; }
.flip-container { float:left; width: 100%; text-align:center; font-size:0; padding:67px 0 64px; }
.flip-container .half { /*float:left;*/ display:inline-block; width:calc(50% - 76px); /*height: 460px;*/ margin:0 38px 76px; background-color: transparent; position: relative; }
.flip-container .inner { position: relative; width: 100%; height: 460px; text-align: center;
 perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; }
.flip-container .front, .flip-container .back { position: absolute; width: 100%; height: 100%;
backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden;
transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;  
transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; overflow:hidden; }

.flip-container .front { z-index: 2; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
.flip-container .half:hover .inner .front{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }

.flip-container .back { z-index: 9; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
.flip-container .half:hover .inner .back{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }


.inner_banner{ float:left; width:100%; position:relative; margin:0 0 45px; }
.inner_banner .banner_img{ min-height:80vh; background-size:cover !important; }
.inner_banner .banner_img img{ vertical-align:top; display:none; }
.inner_banner .text_part{ display:block; width:100%; max-width:980px; margin:-56px auto 0; padding:47px 35px 46px; }
.inner_banner .text_part.short{ max-width:778px; }
.inner_banner .text_part h1{ font-family: 'FortExtraBold'; font-size:61px; line-height:54px; letter-spacing:0px; color:#000; padding:0; text-transform:uppercase; }


.article_desc{ display:block; width:100%; max-width:950px; margin:0 auto;  }
.article_desc h3{ font-family: 'FortExtraBold'; font-size:21px; line-height:30px; letter-spacing:0.12px; /*color:#494949;*/ color:#232020; padding:0; }
.article_desc p{ font-family: 'FortBook'; font-size:18px; line-height:30px; letter-spacing:0.12px; /*color:#494949;*/ color:#232020; padding:0 0 35px; }

.article_desc p a {
    text-decoration: none;
    color: #03A7E0;
    border-bottom: 1px solid;
}

.article_desc p a:hover{ 
	text-decoration: none;
    color: #1bc2f9;
    border-bottom: 1px solid;
}

.article_desc p strong{ font-weight:normal; font-size:21px; font-family: 'FortExtraBold'; }
.article_desc figure{ float:left; width:100%; max-width:374px; margin:3px 60px 33px 0; }
.article_desc figure img{ vertical-align:top; }

.disclosure{ display:block; width:100%; max-width:950px; margin:10px auto 0; position:relative; padding:35px 0 0; }
.disclosure:after{ content:""; width:50%; height:1px; position:absolute; left:0; top:0; background:#000; }
.disclosure p{ font-family: 'FortBook'; font-size:16px; line-height:26px; letter-spacing:0.1px; color:#232020; padding:0 0 15px; }
.disclosure p a{ color:#000; }

.info_container{ float:left; width:100%; margin:20px 0 40px; padding:0 15px; }
.info_container .info_box{ float:left; width:100%; background:#d6d5de; position:relative; padding:20px 33px 20px 33px; }
.info_container .info_box h3{ font-family: 'FortBold'; font-size:18px; line-height:24px; letter-spacing:0.48px; color:#000; padding:0 0 15px; }
.info_container .info_box h3 a{ text-decoration:underline; word-break:break-word; }
.info_container .info_box h3 a:hover{ text-decoration:none; }
.info_container .info_box.info_box1 h3{ float:left; }
.info_container .info_box h3 span.less{ line-height:24px; float:left; }
.info_container .info_box h3 span.more{ float:none;}



.info_container .info_box .info_cont{ float:left; width:100%; display:none; }
.info_container .info_box p{ font-family: 'FortBook'; font-size:18px; line-height:24px; letter-spacing:0.48px; color:#000; padding:0 0 15px; }
.info_container .info_box p strong{ font-weight:normal; font-family: 'FortExtraBold'; }
/*.info_container .info_box > p{ padding:0; }*/

.info_container .info_box .toggle_cont, .info_container .info_box .toggle_cont1{ display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); width:50px; height:25px; text-align:center;  padding:5px 0 0; }
.info_container .info_box .toggle_cont img, .info_container .info_box .toggle_cont1 img{ vertical-align:top; width:14px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.info_container .info_box .toggle_cont.active img, .info_container .info_box .toggle_cont1.active img{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }




/** Infographic 1 ******************************************************************************************************************************/

.infographic_intro{ float:left; width:100%; background:#01ace2; position:relative;  }
.infographic_intro .infographic_intro_cont{ display:block; width:100%; max-width:1110px; margin:78px auto 25px; text-align:left; }
.infographic_intro .infographic_intro_cont h1{ font-family: 'FortExtraBold'; font-size:95px; line-height:84px; color:#000; padding:0 0 14px; text-transform:uppercase; max-width:1030px; }
.infographic_intro .infographic_intro_cont p{ font-family: 'FortBook'; font-size:30px; line-height:36px; padding:0 0 25px; letter-spacing:0.48px; color:#000; }


.info1_wrapper{ width:100%; max-width:1234px; margin:0 auto; }
.infographic1{ float:left; width:100%; padding:55px 0 0; font-size:0; text-align:center; }
.infographic1 .info1_box{ display:inline-block; width:calc(50% - 122px); margin:209px 61px 35px; background:#f00; }
.infographic1 .info1_box .info1_box_inner{ float:left; width:100%; min-height:578px; }
.infographic1 .info1_box .top_box{ display:block; width:420px; height:420px; margin:-205px auto 13px; text-align:center; border-radius:50%; border:20px solid #000; background:#fff; display:table; }
.infographic1 .info1_box .top_box h3{ font-family: 'FortExtraBold'; font-size:222px; line-height:226px; color:#000; display:table-cell; vertical-align:middle; }
.infographic1 .info1_box .top_box h3 > span{ display:block; font-size:50px; line-height:54px; color:#000; }
.infographic1 .info1_box .top_box h3 label{ display:inline-block; position:relative; font-family: 'FortBold'; }
.infographic1 .info1_box .top_box h3 label + span{ margin:-40px 0 0}
.infographic1 .info1_box .top_box h3 small{ font-size:120px; line-height:212px; position:absolute; left:100%; bottom:0; }
.infographic1 .info1_box p{ font-family: 'FortBold'; font-size:20px; line-height:24px; color:#000; padding:0 25px; text-align:left; }


.infographic1 .info1_box:nth-child(1){ background:#ff8fe1; }
.infographic1 .info1_box:nth-child(1) .top_box{ border-color:#ff8fe1; }
/*.infographic1 .info1_box:nth-child(1) .top_box h3 > span{ color:#ff8fe1; }*/

.infographic1 .info1_box:nth-child(2){ background:#ffcd00; }
.infographic1 .info1_box:nth-child(2) .top_box{ border-color:#ffcd00; }
/*.infographic1 .info1_box:nth-child(2) .top_box h3 > span{ color:#ffcd00; }*/

.infographic1 .info1_box:nth-child(3){ background:#01ace2; }
.infographic1 .info1_box:nth-child(3) .top_box{ border-color:#01ace2; }
/*.infographic1 .info1_box:nth-child(3) .top_box h3 > span{ color:#01ace2; }*/

.infographic1 .info1_box:nth-child(4){ background:#72c733; }
.infographic1 .info1_box:nth-child(4) .top_box{ border-color:#72c733; }
/*.infographic1 .info1_box:nth-child(4) .top_box h3 > span{ color:#00c900; }*/

.infographic1 .info1_box:nth-child(5){ background:#b065c2; }
.infographic1 .info1_box:nth-child(5) .top_box{ border-color:#b065c2; }
/*.infographic1 .info1_box:nth-child(5) .top_box h3 > span{ color:#b065c2; }*/

.infographic1 .info1_box:nth-child(6){ background:#ff8fe1; }
.infographic1 .info1_box:nth-child(6) .info1_box_inner{ background-size:349px !important;}

/** Infographic 1 ******************************************************************************************************************************/


/** Infographic 2 ******************************************************************************************************************************/

.infographic2_intro{ float:left; width:100%; background:#ffcd00; position:relative;  }
.infographic2_intro .infographic_intro_cont{ display:block; width:100%; max-width:1128px; margin:130px auto 20px; text-align:left; }
.infographic2_intro .infographic_intro_cont h1{ font-family: 'FortExtraBold'; font-size:81px; line-height:77px; color:#000; padding:0 0 14px; text-transform:uppercase; }
.infographic2_intro .infographic_intro_cont p{ font-family: 'FortBook'; font-size:26px; line-height:30px; padding:0 0 25px; letter-spacing:0.48px; color:#000; }

.info2_wrapper{ width:100%; max-width:1154px; margin:0 auto; }
.infographic2{ float:left; width:100%; font-size:0; text-align:center; }
.infographic2 .info2_box{ display:inline-block; width:calc(33.33% - 26px); margin:0 13px 26px; background:#fff; text-align:left; position:relative; vertical-align:top; }
.infographic2 .info2_box:nth-child(4), .infographic2 .info2_box:nth-child(5){ margin:0 40px 26px; }

.infographic2 .info2_box .info2_box_inner{ float:left; width:100%; min-height:357px; padding:20px 24px 10px; }
.infographic2 .info2_box h3{ font-family: 'FortExtraBold'; font-size:36px; line-height:43px; color:#232020; }
.infographic2 .info2_box p{ font-family: 'FortBook'; font-size:16px; line-height:19px; color:#232020; }
.infographic2 .info2_box p strong{ font-family: 'FortBold'; font-weight:normal; }

.infographic2 .info2_box .line_anim{ position:absolute; top:100%; border-left:5px solid #fff; }


@-moz-keyframes animCont1 {
    0% { width:0px; height:0px;  }
    60% { width:0px; height:785px; }
    100% { width:120px; height:785px; }
}
@-webkit-keyframes animCont1 {
    0% { width:0px; height:0px;  }
    60% { width:0px; height:785px; }
    100% { width:120px; height:785px; }
}
@keyframes animCont1 {
    0% { width:0px; height:0px;  }
    60% { width:0px; height:785px; }
    100% { width:120px; height:785px; }
}
.infographic2 .info2_box:nth-child(1) .line_anim{ left:125px; width:0px; height:0px; border-left:5px solid #fff; border-bottom:5px solid #fff; }
.infographic2 .info2_box:nth-child(1) .line_anim.active{ -webkit-animation: animCont1 1.5s linear forwards; -moz-animation: animCont1 1.5s linear forwards; animation: animCont1 1.5s linear forwards; }

@-moz-keyframes animCont2 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:600px; }
}
@-webkit-keyframes animCont2 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:600px; }
}
@keyframes animCont2 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:600px; }
}
.infographic2 .info2_box:nth-child(2) .line_anim{ left:170px; width:0px; height:0px; border-left:5px solid #fff; }
.infographic2 .info2_box:nth-child(2) .line_anim.active{ -webkit-animation: animCont2 .5s linear forwards; -moz-animation: animCont2 .5s linear forwards; animation: animCont2 .5s linear forwards; }

@-moz-keyframes animCont3 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:825px; }
}
@-webkit-keyframes animCont3 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:825px; }
}
@keyframes animCont3 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:825px; }
}
.infographic2 .info2_box:nth-child(3) .line_anim{ left:216px; width:0px; height:0px; border-left:5px solid #fff; }
.infographic2 .info2_box:nth-child(3) .line_anim.active{ -webkit-animation: animCont3 .5s linear forwards; -moz-animation: animCont3 .5s linear forwards; animation: animCont3 .5s linear forwards; }

@-moz-keyframes animCont4 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:105px; }
}
@-webkit-keyframes animCont4 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:105px; }
}
@keyframes animCont4 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:105px; }
}
.infographic2 .info2_box:nth-child(4) .line_anim{ left:160px; width:0px; height:0px; border-left:5px solid #fff; }
.infographic2 .info2_box:nth-child(4) .line_anim.active{ -webkit-animation: animCont4 .5s linear forwards; -moz-animation: animCont4 .5s linear forwards; animation: animCont4 .5s linear forwards; }

@-moz-keyframes animCont5 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:140px; }
}
@-webkit-keyframes animCont5 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:140px; }
}
@keyframes animCont5 {
    0% { width:0px; height:0px;  }
    100% { width:0px; height:140px; }
}
.infographic2 .info2_box:nth-child(5) .line_anim{ left:176px; width:0px; height:0px; border-left:5px solid #fff; }
.infographic2 .info2_box:nth-child(5) .line_anim.active{ -webkit-animation: animCont5 .5s linear forwards; -moz-animation: animCont5 .5s linear forwards; animation: animCont5 .5s linear forwards; }


.info_bottom{ float:left; width:100%; text-align:center; padding:15px 0 0; position:relative; z-index:9999; }
.info_bottom img{ vertical-align:top; margin:0 0 0 120px; }

/** Infographic 2 ******************************************************************************************************************************/



/********************************************Footer Css******************************************************************/
footer { float: left; width: 100%; background: #151515; padding: 20px 0; text-align: center; z-index: 9999; }
footer a.footer_logo { display: inline-block; }
a.footer_logo img { vertical-align: top; width: 169px; }

footer ul { list-style: none; padding: 12px 0 0; }
footer ul li { display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; 
color: #fff; padding: 0 5px 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 ul li a.ad_choices img { vertical-align: middle; margin-left: 5px; transition: all .15s ease-in-out 0s; }
footer ul li a.ad_choices:hover img, footer ul li a.ad_choices:focus img { opacity: 0.5; }


.ad_container { float: left; width: 100%; }
.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 15px auto 45px; max-height: 90px; overflow:hidden; }
.ad_container .ad img { vertical-align: top; }


#div-gpt-interstitial { height: 1px; overflow: hidden; }
#div-gpt-wallpaper { height: 1px; overflow: hidden; }



.v_box { position: relative; height: 0; width: 100%; padding-bottom: 56.25%; overflow: hidden; background: none;}
.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, .75);
    opacity: 0;
    z-index: 999999;
    width: 100%;
    max-width: 100%;
    padding:2.5vh 2.5% 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; }

.vid_box_inner { display: block; width: 100%; 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 */
a.vid-close { display: block; width: 40px; height: 40px; box-sizing: border-box; background: none; color: black; text-decoration: none; position: absolute; top: -60px; right: 3px;
    -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
a.vid-close:before { content: ""; display: block; height: 40px; width: 4px; background: white; position: absolute; left: 17px; top: 3px;
    -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
a.vid-close:after { content: ""; display: block; height: 40px; width: 4px; background: white; position: absolute; left: 17px; top: 3px; 
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.vid_box.active { opacity: 1;  top: 0; bottom: 0; }
.vid_box.active .v_box { padding-bottom:0; height:95vh; }
.vid_box.active .video-js{ background:#000;}
.vid_box.active video { max-height: 100%;  max-width: 100%; }
.vid_box.active a.vid-close { top: 3px;}


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

.lcode{
    font-style: italic;
    letter-spacing: 1px !important;
}