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
}

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


/* layout */
#layout { display:block; width: 100%; position: relative; /*padding: 120px 0 0;*/ z-index:9; background:#fff; }

#layout img{ vertical-align:top; }
#layout 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 {  display:block; overflow:hidden; width: 100%; position: relative; padding-bottom:75px; }

.ad_container { float: left; width: 100%; background:#fff; }
.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 10px auto 10px; max-height: 90px; }
.ad_container .ad img { vertical-align: top; }
header { float: left; width: 100%; background: #fff; text-align: center; position:absolute; z-index:999999; left:0; bottom:0; }

.home_page header{ background-color: #fec551;}
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:75px; z-index:99;}

header ul.left_logos { float: left; padding: 9px 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 a img { vertical-align: top; }
header ul.left_logos li.bb_logo { background: url(../images/plus-icon.png) no-repeat right center; padding: 0 30px 0 0; background-size: 9px auto !important; }
header ul.left_logos li.bb_logo a { width: 190px; }
header ul.left_logos li.pesp_logo { padding: 0 0 0 18px; }
header ul.left_logos li.pesp_logo a { width: 132px; }


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'; font-size:13px; line-height: 18px; font-weight:600; background:#bce2f1; padding:0 10px 3px 10px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
a.paid_logo i{ padding:0 0 0 5px; font-size:13px; }
header .show_text { float:left; width:100%; font-family: 'Source Sans Pro'; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px}
header .show_text a { color: #003865; }
header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }


header ul.social_icon { list-style: none; float: right; width: auto; margin-top: 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: 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 ul.toggle_lang { list-style: none; float: right; width: auto; margin: 25px 15px 0 0; font-size:0; }
header ul.toggle_lang li { list-style: none; display: inline-block; float: left; margin-left: 14px; font-family: 'Verlag-Book'; font-size:16px; line-height:20px; color:#fff; letter-spacing:2.25px; text-transform:uppercase; }
header ul.toggle_lang li .toggle_bar{ display:inline-block; width:58px; height:14px; background:#dc684d; border-radius:10px; position:relative; }
header ul.toggle_lang li .toggle_bar .toggle_wheel{ position:absolute; width:30px; height:30px; border-radius:50%; background:#fff; left:0; top:50%; margin:-15px 0 0; }
header ul.toggle_lang li .toggle_bar .toggle_wheel span{ position:absolute; width:13px; height:13px; border-radius:50%; z-index:99; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background:#dc684d; }

/****Content*************************/
.body_cont{ display:block; width:100%; background:#ffe1ab; padding:0 0 92px; border-bottom:11px solid #f7c665; }

.banner{ display:block; width:100%; position:relative; }
.banner .banner_img{ display:block; width:100%; background:#000; /*min-height:647px; height:calc(100vh - 75px);*/ overflow:hidden; position:relative; }
.banner .banner_img img{ vertical-align:top; display:none; }
.banner .banner_img video {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    border: none;
    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;
}


.banner .caption_cont{ position:absolute; left:50%; top:50%; width:100%; max-width:445px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:99; box-shadow: 0 0 50px 50px rgba(0,0,0,0.2), 0 0 100px 200px rgba(0,0,0,0.2) inset;}
.banner .open_vid{ position:absolute; top:18px; right:29px; width:89px; z-index:99; font-size:0; }

.banner .audio_btn{ position:absolute; right:23px; top:21px; width:49px; height:49px; font-size:0; background:url(../images/sound-on.png) no-repeat center center; background-size:49px auto !important; z-index:9999; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:1s;animation-duration:1s; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.3); }
.banner .audio_btn.muted{ background:url(../images/sound-off.png) no-repeat center center; background-size:49px auto !important;  }



.intro_desc{ display:block; width:100%; position:relative; padding:45px 15px 70px; text-align:center; }
.intro_desc p{ max-width:880px; margin:0 auto; font-family: 'Verlag-Book'; font-size:30px; line-height:36px; color:#000; }
.intro_desc p em{ font-style:normal; font-family: 'Verlag-BookItalic'; }


.img_row{ display:flex; flex-wrap:wrap; width:100%; max-width:1070px; margin:0 auto; padding:0 15px; }
.img_row .img_col{ width:calc(20% - 6px); margin:0 3px 17px; vertical-align:top; position:relative; cursor:pointer; }
.img_row .img_col span{ position:absolute; bottom:-24px; left:50%; width:20px; margin:0 0 0 -10px; display:none; }
.img_row .img_col.active span{ display:block; }

.desc_box{ display:block; width:100%; position:relative; padding:10px 15px 67px; display:none; }
.desc_box .desc_box_inner{ display:block; width:100%; max-width:842px; margin:0 auto; position:relative; text-align:center;}
.desc_box .close_btn{ position:absolute; right:-80px; top:0; width:13px; cursor:pointer; z-index:999; }
.desc_box .intro_sec{ display:block; width:100%; position:relative; }
.desc_box .intro_sec figure{ display:block; width:100%; max-width:435px; margin:0 auto; position:relative; }
.desc_box .intro_sec figure:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:13%; background:#ffe1ab; z-index:9; }
.desc_box .intro_sec h3{ font-family: 'ActaPoster-Italic'; font-size:48px; line-height:32px; color:#000; position:relative; margin:-43px 0 0; z-index:999; padding:0 0 15px; }
.desc_box .intro_sec p{ font-family: 'Verlag-Book'; font-size:24px; line-height:32px; color:#000; position:relative; z-index:999; max-width:670px; margin:0 auto; padding:0 0 33px; }

.desc_box .vid_sec{ display:block; width:100%; position:relative; padding:0 0 20px; }
.desc_box .vid_sec .v_box { position: relative; height: 0; width: 100%; /*padding-bottom:0%;*/ padding-bottom: 56.25%; }
.desc_box .vid_sec .video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.desc_box .vid_sec 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; background-size:cover !important; }

.desc_box .thumb_sec{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
.desc_box .thumb_sec figure{ width:calc(33.33% - 14px); }


.product_box{ display:block; width:100%; max-width:774px; margin:0 auto; position:relative; padding:48px 0 38px; }
.product_box ul{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
.product_box ul li{ display:block; width:100%; text-align:center; position:relative; padding:0 0 67px; width:204px; }
.product_box ul li .img_part{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; width:100%; min-height:244px; margin:0 0 4px; }
.product_box ul li figure{ display:block; width:100%; margin:0 auto; }
.product_box ul li figure img{ display:inline-block; vertical-align:top; }
.product_box ul li p{ font-family: 'Verlag-Book'; font-size:20px; line-height: 25px; color: #000; padding:0; text-align:center; }
.product_box ul li a { display: inline-block; width: 168px; font-family: 'Verlag-Bold'; font-size: 22px; line-height: 26px; color: #000; text-transform: uppercase; padding: 11px 0; background:#ffe1ab; position:absolute; bottom:0; left:50%; margin:0 0 0 -84px; z-index:999; }



/********************CTA************************/
.cta{ display:block; width:100%; position:relative; text-align:center; background:#ffff; padding:28px 15px 28px; }
.cta p{ font-family: 'Verlag-Book'; font-size:30px; line-height:36px; color:#000; margin:0; padding:0; letter-spacing:0; }
.cta p a{ color:#4075ec !important; font-family:inherit; font-size:inherit; line-height:inherit; text-decoration:underline; letter-spacing:inherit; }
.cta p a:hover{ text-decoration:none; }



/**************************************Footer Css**************************************************/
footer { display:block; width: 100%; background: #151515; padding: 20px 0; 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: 169px; }

footer ul { list-style: none; padding: 12px 0 0; }
footer ul li { display: inline-block; font-family: 'Source Sans Pro'; 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 Css**************************************************/


/****************************Video Popup Css********************************************/
.v_box { position: relative; height: 0; width: 100%; /*padding-bottom:0%;*/ padding-bottom: 56.25%; }
.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;
	cursor:pointer;
}
.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%; }
.vid_box.active .video-js { background: #000; }
.vid_box.active video { max-height: 100%; max-width: 100%; }
.vid_box.active .vid-close { top: 0; }


#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 */ }