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

.spacer20 { display: block; width: 100%; clear: both; min-height: 20px; }
.spacer40 { display: block; width: 100%; clear: both; min-height: 40px; }
.spacer60 { display: block; width: 100%; clear: both; min-height: 60px; }

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

.wrapper1 { /*max-width: 988px;*/ max-width:70vw; margin: 0 auto; }

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

/*********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: 10px 0 0 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.usbank_logo { background: url(../images/plus_icon.png) no-repeat right center; padding: 0 18px 0 0; background-size: 11px; }
ul.left_logos li.usbank_logo a { width: 102px; }
ul.left_logos li.people_logo { padding: 0 0 0 6px; }
ul.left_logos li.people_logo a { width: 85px; }

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 .nav-bar { position: absolute; top: 100%; left: 0; display: none; width:100%; height: calc(100vh - 66px); background:#0c2074; padding:0 30px 0; overflow:auto; }
header .nav-bar ul { opacity: 1; padding:30px 0 60px; }
header .nav-bar li { width: 100%; float: none; border: 0px; border-top: 1px solid #d83b48; text-align: left; font-family: 'Helvetica-Bold'; font-size: 24px; line-height: 28px; cursor:pointer; }
header .nav-bar li:first-child{ border-top: none; }
header .nav-bar li span { display:block; color:#fff; padding: 20px 0; }
header .nav-bar li small{ font-size:80%;}
header .nav-bar .close_menu{ position:absolute; right:10px; top:10px; width:30px; }

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




.sidebar{ display:block; position:absolute; width:100%; height:calc(100% - 56px); left:-100%; top:56px;  background:#0c2074; opacity: .9; padding:0 90px 0 60px; z-index:9999; display: -webkit-flex; display:flex; -webkit-align-items: center; align-items:center; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; }
.sidebar.active{ left:0; }
.sidebar a.close_bar{ position:absolute; right:20px; top:20px; width:56px;  }
.sidebar .sidebar_text{ display:block; margin: 0 auto; text-align: center;}
.sidebar .sidebar_text h1{ font-family: 'HelveticaNeue-Bold'; font-size:72px; line-height:85px; color:#fff; border-bottom:2px solid #d83b48; padding:0 0 10px; margin:0 0 28px;}
.sidebar .sidebar_text p{ font-family: 'Helvetica'; font-size:20px; line-height:28px;  color:#fff; padding:0 0 40px; max-width: 700px}
.sidebar .sidebar_text .ex_btn{ font-family: 'Helvetica-Bold'; font-size:18px; line-height:22px;  background:#d83d48; color:#fff; border-radius:5px; width:300px; padding:10px 5px; text-align:center; display:inline-block; }


.map_box{ float:left; width:100%; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:999; }
.map_box .map_sec{ display:block; width:100%;  position:relative; text-align:center; margin:54px 0 0;  }
.map_box .map_sec .map_img{ vertical-align:top; width:100%; }


.map_box .map_sec .map_links{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:9; margin:0; padding:0; }
.map_box .map_sec .map_links li{ position:absolute; cursor:pointer; margin:0; padding:0; width:3.4%; }
.map_box .map_sec .map_links li:hover .ghost{display:inline-block; background-color: #D83D47; color: #ffffff; width: 400%;}
.map_box .map_sec .map_links li img{ vertical-align:top; width:100%; }
.map_box .map_sec .map_links li:nth-of-type(1){ left:6%; top:8%; }
.map_box .map_sec .map_links li:nth-of-type(2){ left:5%; bottom:41.5%; }
.map_box .map_sec .map_links li:nth-of-type(3){ left:7.5%; bottom:33%; }
.map_box .map_sec .map_links li:nth-of-type(4){ left:33%; top:44%; }
.map_box .map_sec .map_links li:nth-of-type(5){ right:42%; top:16%; }
.map_box .map_sec .map_links li:nth-of-type(6){ right:32.5%; top:29.5%; }
.map_box .map_sec .map_links li:nth-of-type(7){ right:43.7%; top:34.3%; }
.map_box .map_sec .map_links li:nth-of-type(8){ right:27%; top:40%; }
.map_box .map_sec .map_links li:nth-of-type(9){ right:39%; bottom:47%; }
.map_box .map_sec .map_links li:nth-of-type(10){ right:50.5%; bottom:62%; }
.map_box .map_sec .map_links li:nth-of-type(11){ right:43.3%; bottom:34%; }
.ghost{display: none; position: absolute; top: 112%; left: -150%; padding: 2px; z-index: 999; box-shadow: 4px 4px 8px rgba(0,0,0,0.2);}
.equaliser{position: relative;}

.map_box .map_sec .guide1{ display:block; width:100%; max-width:420px; position:absolute; left:50%; top:102.5%; transform:translateX(-50%); z-index:999; border:1px solid #fff; padding:6px 13px; }
.map_box .map_sec .guide1 p{ font-family: 'Helvetica-Oblique'; font-size:12px; line-height:16px; color:#fff; letter-spacing:0.38px; }

.map_box .map_sec .guide2{ display:none; -webkit-align-items: center; align-items:center; width:150px; height:150px; border-radius:50%; background:#fff;  position:absolute; left:50%; top:50%; margin:-105px 0 0 -95px; z-index:999; }
.map_box .map_sec .guide2 p{ font-family: 'HelveticaNeueMedium'; font-size:14px; line-height:17px; color:#555555; padding:0 10px; }
.map_box .map_sec .guide2 p span{ color:#d83d48; }



.bodycontent{float:left; width:100%; position:relative; }

.article_banner{ float:left; width:100%; display: -webkit-flex; display:flex; min-height:70vh; -webkit-flex-wrap: wrap; flex-wrap:wrap; -webkit-align-items: center; align-items:center; position:relative; margin:0 0 100px; background-size:cover !important; }
.article_banner:after{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background-color: rgba(0,0,0,0.3); 
background: -webkit-linear-gradient(to right, rgba(0,0,0,0.70),rgba(0,0,0,0.20),rgba(0,0,0,0)); 
background: linear-gradient(to right,rgba(0,0,0,0.70),rgba(0,0,0,0.20),rgba(0,0,0,0)); 
background: -o-linear-gradient(to right, rgba(0,0,0,0.70),rgba(0,0,0,0.20),rgba(0,0,0,0));  
background: -moz-linear-gradient(to right, rgba(0,0,0,0.70),rgba(0,0,0,0.20),rgba(0,0,0,0));
}



.article_banner .banner_img{ vertical-align:top; display:none; position:relative; }
.article_banner .banner_img img{ vertical-align:top; }

.article_banner .banner_caption{ width:100%; max-width:940px; margin:0 auto; position:relative; z-index:99; }
.article_banner .banner_caption ul.logo_box { padding: 15px 0 25px 0; }
.article_banner .banner_caption ul.logo_box li { display: inline-block; vertical-align: middle; }
.article_banner .banner_caption ul.logo_box li a { display: block; vertical-align: top; }
.article_banner .banner_caption ul.logo_box li a img { vertical-align: top; }
.article_banner .banner_caption ul.logo_box li.usbank_logo { background: url(../images/plus_icon.png) no-repeat right center; padding: 0 28px 0 0; background-size: 16px; }
.article_banner .banner_caption ul.logo_box li.usbank_logo a { width: 140px; }
.article_banner .banner_caption ul.logo_box li.people_logo { padding: 0 0 0 10px; }
.article_banner .banner_caption ul.logo_box li.people_logo a { width: 85px; }

.article_banner .banner_caption h1{ font-family: 'HelveticaNeue-Bold'; font-size:48px; line-height:54px; color:#fff; padding:0 0 22px; }
.article_banner .banner_caption span{ display:inline-block; font-family: 'Helvetica'; font-size:25px; line-height:36px; color:#fff; padding:0 0 10px; }
.article_banner a.home_btn{ position:absolute; right:0; bottom:0; min-width:273px; font-family: 'HelveticaNeue-Bold'; font-size:16px; line-height:20px; color:#0c2074; padding:13px 10px; background:#fff; z-index:9999; text-align:center; }


.desc_block{ display:block; width:100%; max-width:940px; margin:0 auto; }
.desc_block p{ font-family: 'HelveticaNeue'; font-size:20px; line-height:30px; color:#555555; padding:0 0 30px; }
.desc_block p span{ font-size:32px; line-height:30px; color:#0c2074; font-family: 'HelveticaNeue-Bold';}

.desc_block p.small {
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: .5px;
}

.desc_block figure{ float:left; max-width:445px; background:#009cf0; margin:20px 80px 15px 0; padding:0 0 30px 0;   }
.desc_block figure img{ vertical-align:top; margin:-30px 0 0 30px; }

.desc_block figure.right_align{ float:right; margin:20px 0 15px 80px;   }
.desc_block figure.right_align img{ margin:-30px 0 0 -30px; }


.full_img{ float:left; width:100%; margin:60px 0 105px; text-align:center; }
.full_img figure{ float:left; width:100%; background-size:cover !important; min-height:70vh; position:relative; }
.full_img figure a{ position:absolute; width:100%; height:88%; left:0; top:0; background: url(../images/play_icon.png) no-repeat center center; background-size: 10%; opacity: .6; z-index:99; }

.full_img a.home_btn{ display:none; width:273px; font-family: 'HelveticaNeue-Bold'; font-size:16px; line-height:35px; color:#0c2074; border:1px solid #0c2074; padding:5px 0; }


.bodycontent blockquote{ width:100%; max-width:770px; margin:55px auto 80px; clear:both; padding:0; font-style:normal; }
.bodycontent blockquote p{ font-family: 'HelveticaNeue-Bold'; font-size:41px; line-height:48px; color:#0c2074; padding:0 0 20px; }
.bodycontent blockquote span{  font-family: 'HelveticaNeue-Bold'; font-size:31px; line-height:37px; color:#009cf0; display:block; text-align:right; }



/********************************************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: 30px auto 30px; 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; }



.the_cont { position: fixed; top: 100%; background: rgba(7, 68, 146, 0.95); opacity: 0; z-index: 999999; width: 100%; max-width: 100%; padding:0 2.5% 0; visibility:hidden; overflow-y: auto; display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.the_cont .cont_inner { display: block; width: 100%; position: relative; /*background:#0c2074;*/ /*top:50%; left:50%;*/ /*transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);*/ overflow:hidden; text-align:center; padding:10px 30px; margin:0 auto; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; opacity:0;  }

.the_cont .innermost {display: block; width: 100%; position: relative; max-width: 840px; overflow:hidden; text-align:center; padding:0 20px 0 30px; margin:0 auto; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }

.the_cont.large .cont_inner{ display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; /*max-width:780px;*/ }

.the_cont .left_arr{ display:block; position: absolute; font-size:0; left:0; top:50%; right:auto; bottom:auto; width:50px; height:50px; background: url(../images/left_arr.png) no-repeat 45% center; z-index:9999; cursor:pointer; margin:-25px 15px 0; background-color: #d83d48;border-radius: 100%;}
.the_cont .right_arr{ display:block; position:absolute; font-size:0; right:0; top:50%; left:auto; bottom:auto; width:50px; height:50px; background: url(../images/right_arr.png) no-repeat 55% center; z-index:9999; cursor:pointer; margin:-25px 15px 0; background-color: #d83d48; border-radius: 100%;}



.the_cont .close_btn { display: block; width: 56px;  box-sizing: border-box; position: absolute; top: 30px; right: 30px; cursor:pointer;
    -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; z-index:99999; opacity:0;  }

.the_cont .close_btn_cell { display: none; width: 56px;  box-sizing: border-box; position: absolute; top: 30px; right: 30px; cursor:pointer;
    -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; z-index:99999; opacity:0;  }

.the_cont .left_img{ float:left; width:100%; max-width:273px; z-index:9; text-align:center; }
.the_cont.large .left_img{ max-width:370px; }
.the_cont .left_img img{ vertical-align:top; width:100%; }

.the_cont .cont_box{ float:left; width:calc(100% - 273px); padding:0 0 0 50px; z-index:999; text-align:left; }
.the_cont.large .cont_box{ width:calc(100% - 370px); }



.the_cont .cont_box h3{ font-family: 'Helvetica-Bold'; font-size:31px; line-height:33px; color:#fff; padding:0 0 10px; margin:0; text-transform:uppercase; }
.the_cont .cont_box p{ font-family: 'Helvetica'; font-size:16px; line-height:24px;  color:#fff; padding:0 0 33px; }
.the_cont .cont_box .more_btn{ font-family: 'Helvetica-Bold'; font-size:18px; line-height:22px;  background:#d83d48; color:#fff; border-radius:5px; width:144px; padding:10px 5px; text-align:center; display:inline-block; vertical-align:top; }

.the_cont .cont_inner blockquote{ float:left; width:100%; position:relative; padding:5px 0 30px; margin:0 0 10px; font-family: 'Helvetica-Bold'; font-size:25px; line-height:30px; color:#fff; font-style:normal; text-align:left; }
.the_cont .cont_inner blockquote span{ width:10px; color:#fff; position:absolute; }
.the_cont .cont_inner blockquote .left_quote{ left:-20px; top:5px; }
.the_cont .cont_inner .link_btn{ font-family: 'Helvetica-Bold'; font-size:18px; line-height:22px;  background:#d83d48; color:#fff; border-radius:5px; min-width:201px; padding:10px 15px; text-align:center; display:inline-block; vertical-align:top; margin:25px 0 15px; }

.the_cont .cont_box .link_btn{ display:none; }


.the_cont.active { opacity: 1; visibility:visible; top: 0; bottom: 0;  }
.the_cont.active .cont_inner{ opacity:1; }
.the_cont.active .close_btn{ opacity:1; }

/****Video Pop-up*************************************/

.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 *******/
/*Eliminates padding, centers the thumbnail */
/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.vid_box {
    position: fixed;
    top: 100%;
    background: rgba(0, 0, 0, .75);
    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;
    z-index: 999999;
    width: 100%;
    max-width: 100%;
    padding:2.5vh 2.5% 0;
}

.vid_box_inner { display: block; width: 100%; position: relative; max-width: 100%; }

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.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 {
    /*border-radius:50%; border:2px solid #fff;*/
    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;
}


/* Provides part of the "X" to eliminate an image from the close link */
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);
	box-shadow:0 0 4px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}

/* Provides part of the "X" to eliminate an image from the close link */
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);
	box-shadow:0 0 4px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}

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

/****Video Pop-up*************************************/



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