@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: 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', sans-serif; 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; }

/* layout */
#layout { display:block; width: 100%; position: relative; /*padding: 56px 0 0;*/ padding:0; z-index:9; background:#fff; }
#layout.homepage{ padding: 56px 0 0; }
#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; }

#layout .mobile{ display:none !important; }


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


.head-wrap { /*float: left;*/ display:block; overflow:hidden; width: 100%; position: relative; padding-bottom:56px; }

.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: #151515; text-align: center; position:absolute; z-index:999999; left:0; bottom:0; }
header.show { position: fixed; top:0; bottom: auto; }

/*header { float: left; width: 100%; background: #151515; text-align: center; position: fixed; z-index: 999999; left: 0; top: 0; }*/

#layout.homepage header { float: left; width: 100%; background: #151515; text-align: center; position: fixed; z-index: 999999; left: 0; top: 0; bottom:auto; }
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: 13px 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.dp_logo { background: url(../images/plus-icon-wht.png) no-repeat right center; padding: 0 20px 0 0; background-size: 10px; }
ul.left_logos li.dp_logo a { width: 118px; }
ul.left_logos li.iams_logo { padding: 0 0 0 12px; }
ul.left_logos li.iams_logo a { width: 108px; }

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_share { list-style: none; float: right; width: auto; margin-top: 11px; }
header ul.social_share li { list-style: none; display: inline-block; float: left; margin-left: 10px; }
header ul.social_share li:first-child { margin-left: 0; }
header ul.social_share 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_share li a i { font-size: 15px; line-height: 27px; color: #fff; display: inline-block; }
header ul.social_share li a:hover { opacity: 0.7; }








/********************Home Screen************************/

.landing{ display:none; width:100%;  background-size:auto 100% !important; position:relative; }
.landing.active{ display:block; }
.landing:after{background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%2337abbc;' /%3E%3C/svg%3E");  }
.landing .inner{ display:block; width:100%; position:relative; height:100vh; min-height:600px; z-index:9999; }

.prev_arr{ width:57px; position:absolute; left:0; top:50%; margin:-38px 0 0; z-index:999; }
.next_arr{ width:57px; position:absolute; right:0; top:50%; margin:-38px 0 0; z-index:999; }


.slide_intro{ position:absolute; left:60px; top:70px; width:600px; text-align:left; }
.slide_intro h3{ font-family: 'AmericanLemonSans'; font-size:136px; line-height:88px; color:#fff; padding:0 0 46px; }
.slide_intro p{ font-family: 'AmericanLemonSans'; font-size:22px; line-height:20px; color:#fff; letter-spacing:2.5px; max-width:460px; padding:0 0 0 40px; }
.slide_intro .scratch_btn{ display:inline-block; width:286px; border-radius:8px; font-family: 'AmericanLemonSans'; font-size:24px; line-height:28px; letter-spacing:1.2px; color:#37abbc; background:#fff; text-align:center; margin:69px 0 0 40px; }
.slide_intro .read_more_btn{ display:inline-block; width:190px; border-radius:7px; font-family: 'AmericanLemonSans'; font-size:26px; line-height:21px; letter-spacing:0.62px; background:#fff; text-align:center; padding:6px 0 7px; display:none; }



.main_cont{ /*display:block;*/ display:none; width:100%; background-size:auto 100% !important; position:relative; }
.main_cont.active{ display:block;}
.main_cont:after{ background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; }
.main_cont.slide1:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23ae2755;' /%3E%3C/svg%3E");}
.main_cont.slide2:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%233769bc;' /%3E%3C/svg%3E");}
.main_cont.slide3:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23663a87;' /%3E%3C/svg%3E");}
.main_cont.slide4:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23e58f00;' /%3E%3C/svg%3E");}
.main_cont.slide5:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%2333987d;' /%3E%3C/svg%3E");}
.main_cont.slide6:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23cd4d2c;' /%3E%3C/svg%3E");}


.main_cont .inner{ display:block; width:100%; position:relative; z-index:9999; height:100vh; min-height:600px; }


.link_box{ display:flex; align-items:center; width:438px; background:rgba(255,255,255,0.30); padding:15px 15px 15px 15px; }
.link_box img{ vertical-align:top; }
.link_box .link_img{ width:139px; min-width:139px; max-width:139px; order:2; }
.link_box .link_desc{ width:calc(100% - 139px); padding:0 20px 0 15px; text-align:left; }
.link_box .link_desc h3{ font-family: 'AmericanLemonSans'; font-size:40px; line-height:33px; letter-spacing:0.96px; color:#b45959; }
.link_box .link_desc .read_more{ display:inline-block; vertical-align:top; width:220px; border-radius:8px; background:#fff;font-family: 'AmericanLemonSans'; font-size:30px; line-height:34px; letter-spacing:0.72px; padding:3px 0; text-align:center; margin:17px 0 0; color:#b45959; }

.link_box.link_box1 .link_desc h3{ color:#ae2755; }
.link_box.link_box1 .link_desc .read_more{ color:#ae2755; }

.link_box.link_box2 .link_desc h3{ color:#3769bc; }
.link_box.link_box2 .link_desc .read_more{ color:#3769bc; }

.link_box.link_box3 .link_desc h3{ color:#663a87; }
.link_box.link_box3 .link_desc .read_more{ color:#663a87; }

.link_box.link_box4 .link_desc h3{ color:#e58f00; }
.link_box.link_box4 .link_desc .read_more{ color:#e58f00; }

.link_box.link_box5 .link_desc h3{ color:#33987d; }
.link_box.link_box5 .link_desc .read_more{ color:#33987d; }

.link_box.link_box6 .link_desc h3{ color:#cd4d2c; }
.link_box.link_box6 .link_desc .read_more{ color:#cd4d2c; }


.main_cont .link_box{ position:absolute; right:39px; top:100px; }









.last_slide{ display:none; /*display:block;*/ width:100%; position:relative; }
.last_slide.active{ display:block; }
.last_slide .inner{ display:block; width:100%; position:relative; height:100vh; min-height:600px; z-index:9999; }


.last_slide .link_boxes{ display:flex; flex-wrap:wrap; justify-content:space-between; width:932px; margin:0 auto 0; }
.last_slide .link_boxes .link_box{ margin:16px 0 16px;}







.nav-bar {  position:absolute; z-index:999; left: 50%; bottom:60px; width:1027px; text-align: center; transform:translateX(-50%); }
.nav-bar ul { padding: 0; margin: 0; list-style-type: none; font-size:0; width: 100%; position:relative; display:flex; justify-content:space-between; }
.nav-bar ul:after{ content:""; position:absolute; left:0; top:50%; margin:2px 0 0; width:100%; height:6px; background:#fff; }
.nav-bar ul:before{ content:""; position:absolute; bottom:-7px; width:81px; height:96px; background: url(../images/cat.png) no-repeat center top; background-size: 81px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;  }

.nav-bar ul.cat0:before{ left:-10%; }
.nav-bar ul.cat1:before{ left:3%; }
.nav-bar ul.cat2:before{ left:22.5%; }
.nav-bar ul.cat3:before{ left:42%; }
.nav-bar ul.cat4:before{ left:62%; }
.nav-bar ul.cat5:before{ left:82%; }
.nav-bar ul.cat6:before{ left:103%; }



.nav-bar li { display:inline-block; text-indent:0 !important; margin:0; padding:0; }
.nav-bar li:before{ display:none !important; }
.nav-bar li span { display:block; width:41px; }
.nav-bar li#menu-item1 span, .nav-bar li#menu-item6 span{ width:51px; }
.nav-bar li#menu-item1 span{ margin:-5px 0 0 -23px; }
.nav-bar li#menu-item6 span{ margin:-5px -23px 0 0; }
/*.nav-bar li a:hover, .nav-bar li.active > a { color: #ffffff; width: 100%;}*/
/*.nav-bar li:first-child:after, .nav-bar li:hover:after, .nav-bar li.active:after { display:none; }*/




/********************Inner Screen************************/

.banner{ display:block; width:100%;  background-size:auto 100% !important; position:relative; }
.banner:after{background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; }

#layout.first .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23e58e00;' /%3E%3C/svg%3E"); }
#layout.second .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%2334987e;' /%3E%3C/svg%3E"); }
#layout.third .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23663a87;' /%3E%3C/svg%3E"); }
#layout.fourth .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23ffb4f5;' /%3E%3C/svg%3E"); }
#layout.fifth .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23376abd;' /%3E%3C/svg%3E"); }
#layout.sixth .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 640 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%2334987e;' /%3E%3C/svg%3E"); }








.banner .inner{ display:block; width:100%; position:relative; min-height:500px; z-index:9; }
.banner_intro{ position:absolute; left:60px; top:70px; width:600px; text-align:left; }
.banner_intro h1{ font-family: 'AmericanLemonSans';  color:#fff; padding:0; margin:0; }
.banner_intro h1 br{ line-height:0; }
.banner_intro h1 span{ display:block; font-weight:normal; font-family:inherit; }
.banner_intro h1 strong{ font-weight:normal; font-family:inherit; }

#layout.first .banner_intro h1{ font-size:100px; line-height:62px; letter-spacing:2.4px; }
#layout.first .banner_intro h1 span{ font-size:200px; line-height:100px; letter-spacing:4.8px; }

#layout.second .banner_intro h1{ font-size:90px; line-height:58px; letter-spacing:2.16px; }
#layout.second .banner_intro h1 span{ font-size:140px; line-height:72px; letter-spacing:2.16px; }

#layout.third .banner_intro h1{ font-size:90px; line-height:63px; letter-spacing:2.16px; }
#layout.third .banner_intro h1 span{ font-size:120px; line-height:62px; letter-spacing:2.88px; }

#layout.fourth .banner_intro h1{ font-size:100px; line-height:69px; letter-spacing:2.4px; }
#layout.fourth .banner_intro h1 strong{ font-size:120px; line-height:69px; letter-spacing:2.88px; }

#layout.fifth .banner_intro h1{ font-size:110px; line-height:72px; letter-spacing:2.64px; }

#layout.sixth .banner_intro h1{ font-size:100px; line-height:62px; letter-spacing:2.4px; }
#layout.sixth .banner_intro h1 strong{ font-size:120px; line-height:62px; letter-spacing:2.88px; }
#layout.sixth .banner_intro h1 span{ font-size:150px; line-height:82px; letter-spacing:3.6px; }


ul.the_logos { display:block; padding: 36px 0 36px; font-size:0; margin:0; text-align:center; }
ul.the_logos li { display: inline-block; vertical-align: middle; text-indent:0 !important; margin:0; }
ul.the_logos li:before{ display:none !important; }
ul.the_logos li a { display: block; vertical-align: top; text-indent:0 !important; }
ul.the_logos li a img { vertical-align: top; }
ul.the_logos li.iams_logo { background: url(../images/plus-icon.png) no-repeat right 11px; padding: 0 41px 0 0; background-size: 15px; }
ul.the_logos li.iams_logo a { width: 157px; }
ul.the_logos li.dp_logo { padding: 0 0 0 30px; }
ul.the_logos li.dp_logo a { width: 168px; }


ul.social_icon{ display:block; list-style:none; font-size:0; margin:0 0 0; padding:15px 0; letter-spacing:0; border-top:1px solid #cccccc; /*border-bottom:1px solid #cccccc;*/ text-align:center; }
ul.social_icon li{ display:inline-block; list-style:none; width:39px; margin:0 7px; vertical-align:top; text-indent:0 !important; }
ul.social_icon li:before{ display:none !important; }
ul.social_icon li a{ display:block; text-indent:0 !important;}
ul.social_icon li a img{ vertical-align:top; }

.vid_thumb {
    display: block;
	width:100%;
    max-width: 990px;
    margin: 35px auto 0;
    /*background: #fe6b01;*/
    padding: 0 15px;
    text-align: left;
    position: relative;
}


.back_to_home{ display:block; width:100%; border-top:10px solid #A3B7FF; text-align:right; }
.back_to_home a{ display:inline-block; text-align:center; position:relative; z-index:999; background:#A3B7FF; font-family: 'TofinoPersonal-Regular'; font-size:24px; line-height:28px; color:#fff; text-transform:uppercase; width:196px; padding:0 0 11px; }
.back_to_home a:after{ content:""; position:absolute; left:-40px; top:-1px; width: 0; height: 0; border-top: 40px solid #A3B7FF; border-left: 40px solid transparent; }




.vid_thumb .vid_thumb_inner{ display:block; width:100%; position: relative; }
.vid_thumb p{ font-family: 'AmericanLemonSans'; font-size:42px; line-height:27px; color:#fff; padding:0 0 31px; }
.vid_thumb h3{ font-family: 'AmericanLemonSans'; font-size:70px; line-height:60px; color:#fff; max-width:320px; }
.vid_thumb .cat_img { width: 100%; bottom: 0; position: relative; margin: 0 auto 0; }
.vid_thumb a{ font-size:0; position:absolute; width:100%; height:100%; left:0; top:0; background: url(../images/play-icon.png) no-repeat center center; background-size: 100px auto; z-index:99; }


.inner_intro{ display:block; width:100%; max-width:722px; margin:47px auto 13px; text-align:left; position:relative; }
.inner_intro p{ font-family: 'TofinoPersonal-Medium'; font-size:18px; line-height:28px; letter-spacing:0.43px; color:#000; margin:0; padding:0 0 27px; }




.quiz_box{  display:block; width:100%; max-width:800px; margin:0 auto 0; text-align:center; }
.quiz_box img{ vertical-align:top; }
.quiz_box .ques_sec{ display:block; width:100%; position:relative; text-align:left; }
.quiz_box .ques_sec h3{ position:absolute; left:0; width:100%; bottom:37px; font-family: 'AmericanLemonSans'; font-size:50px; line-height:34px; color:#fff; letter-spacing:1.2px; padding:0 30px 0 40px; max-width:700px; }

.quiz_box .ans_sec{ display:block; width:100%; padding:46px 0 38px; text-align:left; }
.quiz_box .ans_sec ul{ display:block; width:100%;}
.quiz_box .ans_sec ul li{ display:block; width:100%; position:relative; font-family: 'TofinoPersonal-Medium'; font-size:24px; line-height:30px; letter-spacing:0.58px; color:#534e44; padding:0 0 24px 41px; }
/*.quiz_box .ans_sec ul li:after{ content:""; position:absolute; left:0; top:3px; width:22px; height:22px; border-radius:50%; border:1px solid #0c7b05; box-shadow:1px 1px 4px 0px rgba(0,0,0,0.50) inset; }*/

.quiz_box .ans_sec ul li a{ display:inline-block; vertical-align:top; line-height:inherit; color:#534e44; position:relative; }
.quiz_box .ans_sec ul li a:after{ content:""; position:absolute; left:-41px; top:3px; width:22px; height:22px; border-radius:50%; border:1px solid #0c7b05; box-shadow:1px 1px 4px 0px rgba(0,0,0,0.50) inset; }
.quiz_box .ans_sec ul li.active a:after{ background:#0c7b05; box-shadow:none; }


.quiz_box .result_btn{ display:inline-block; width:302px; background:#2ba6bd; color:#fff; font-family: 'AmericanLemonSans'; font-size:36px; line-height:30px; letter-spacing:0.86px; border-radius:30px; padding:15px 0; margin:0 0 80px; }

.ques_screen{ display:none; width:100%; }
.ques_screen.active{ display:block; }
.ques_last{ display:none; width:100%; }
.ques_last.active{ display:block; }




/** Second page**/
.head_bar{ display:block; width:100%; position:relative; margin:0 0 65px; }
.head_bar:after{ content:""; position:absolute; top:9px; height:23px; }
.head_bar.left:after{ width:calc(50% + 295px); left:0; }
.head_bar.right:after{ width:calc(50% + 295px); right:0; }
.head_bar.full:after{ width:100%; left:0; }

.head_bar.sky:after{ background:#d1eafa; }
.head_bar.green:after{ background:#d1fad6; }
.head_bar.red:after{ background:#fad1d1; }
.head_bar.blue:after{ background:#d1ddfa; }
.head_bar.orange:after{ background:#fae6d1; }
.head_bar.green2:after{ background:#d4fad1; }

.head_bar .head_bar_inner{ display:block; width:100%; position:relative; max-width:720px; margin:0 auto; z-index:99; }
.head_bar h3{ font-family: 'AmericanLemonSans'; font-size:60px; line-height:30px; letter-spacing:1.44px; color:#000; }

.head_bar.left h3{ text-align:left; }
.head_bar.right h3{ text-align:right; }
.head_bar.full h3{ text-align:center; }


.tile_box{ display:flex; align-items:center; flex-wrap:wrap; width:100%; position:relative; max-width:1022px; margin:0 auto 62px; }
.tile_box figure{ width:42%; }
.tile_box.right figure{ order:2; }
.tile_box .tile_desc{ width:58%; text-align:left; padding:0 70px 0 85px; }
.tile_box.right .tile_desc{ text-align:right; padding:0 85px 0 70px; }

.tile_box .tile_desc p{ font-family: 'TofinoPersonal-Medium'; font-size:20px; line-height:30px; letter-spacing:0.48px; color:#000; }


.tile_block{ display:block; width:100%; position:relative; max-width:1050px; margin:0 auto 62px; }
.tile_block .tile_desc{ display:block; width:100%; max-width:800px; margin:0 auto; text-align:left; padding:63px 0 0; }
.tile_block .tile_desc p{ font-family: 'TofinoPersonal-Medium'; font-size:20px; line-height:30px; letter-spacing:0.48px; color:#000; }


.article_desc{ display:block; width:100%; position:relative; max-width:722px; margin:0 auto 0; text-align:left; }
.article_desc p{ font-family: 'TofinoPersonal-Medium'; font-size:20px; line-height:30px; letter-spacing:0.48px; color:#000; padding:0 0 29px; }
.article_desc .round_img{ float:right; width:532px; margin:-25px -200px 0 35px; }



.img_col{ display:block; width:100%; position:relative; max-width:1280px; margin:21px auto 46px; overflow:hidden; }
.img_col figure{ float:left; width:717px; position:relative; }
.img_col.right figure{ float:right; }
.img_col figure h3{ position:absolute; bottom:18px; left:0; text-align:right; width:100%; font-family: 'AmericanLemonSans'; font-size:80px; line-height:51px; letter-spacing:1.92px; color:#fff; padding:0 58px 0 0; }
.img_col.right figure h3{ text-align:left; padding:0 0 0 58px; }
.img_col .prod_img{ width:288px; float:left; margin:0 0 0 118px; }

.img_col .polygon{ width:385px; position:absolute; top:15px; left:-262px; }
.img_col .oval{ width:347px; position:absolute; top:18px; right:-173px; }
.img_col .triangle{ width:317px; position:absolute; top:16px; left:-183px; }
.img_col .curl{ width:476px; position:absolute; top:62px; right:-207px; }





.flipcards{ max-width: 848px; margin: 0 auto; }
.flip-container { float:left; width: 100%; text-align:center; font-size:0; padding:42px 0 0; }
.flip-container .half { /*float:left;*/ display:inline-block; width:calc(50% - 24px); /*height: 460px;*/ margin:0 12px 32px; 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); }


.tips_box{ display:block; width:824px; margin:0 auto 73px; background:#ed6d00; padding:28px 33px 98px 33px; text-align:left; position:relative; overflow:hidden; }
.tips_box .tips_box_inner{ display:block; width:100%; }
.tips_box h3{ font-family: 'AmericanLemonSans'; font-size:55px; line-height:46px; letter-spacing:1.54px; color:#fff; padding:0 0 46px; }
.tips_box ul{ display:block; width:100%; max-width:520px; list-style:none; }
.tips_box ul li{ display:block; width:100%; font-family: 'HelveticaNeue-Medium'; font-size:18px; line-height:20px; color:#fff; padding:0 0 20px 35px; background: url(../images/flipcard/pawprint.png) no-repeat 3px 3px; background-size: 20px; }

.tips_box .prod_img{ position:absolute; width:122px; right:71px; bottom:237px; }
.tips_box .cat_img{ position:absolute; width:166px; right:11px; bottom:0; }




.info_page{ display:block; width:100%; max-width:800px; margin:0 auto; }

.info_page .info_intro{ display:block; width:100%; max-width:560px; margin:0 auto 48px; }
.info_page .info_intro p{ font-family: 'AmericanLemonSans'; font-size:20px; line-height:20px; letter-spacing:-0.33px; color:#000; padding:0 0 25px; }

.info_page .box{ display:block; position:relative; }
.info_page .box .box_inner{ position:relative; }
.info_page .box h3{ font-family: 'AmericanLemonSans'; font-size:42px; line-height:42px; letter-spacing:-0.25px; padding:0 0 8px; }
.info_page .box p{ font-family: 'HelveticaNeue'; font-size:16px; line-height:20px; letter-spacing:-0.25px; }
.info_page .box p strong{ font-weight:normal; font-family: 'HelveticaNeue-Bold'; }


.info_page1 .box1{ display:block; width:100%; max-width:713px; margin:0 auto 28px; border-radius:51px; background:#ce96f7; padding:33px 70px 0 77px; }
.info_page1 .box1 h3{ color:#fff; }
.info_page1 .box1 p{ color:#fff; }
.info_page1 .box1 figure{ display:block; width:355px; margin:28px 0 0 -140px; padding:0 0 40px; }
.info_page1 .box1 .right_text{ text-align:right; position:absolute; right:0; bottom:50px; width:300px; }
.info_page1 .box1 figure .heart1{ position:absolute; left:87px; top:73px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
.info_page1 .box1 figure .heart2{ position:absolute; right:-95px; top:43px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
.info_page1 .box1 figure .heart3{ position:absolute; right:22px; bottom:65px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }


.info_page1 .box2{ padding:0 0 0 120px; }
.info_page1 .box2 p{ max-width:310px; }
.info_page1 .box2 figure{ position:absolute; width:391px; right:0; bottom:0;  }
.info_page1 .box2 .prod_img{ width:154px; margin:45px 0 60px 67px; }
.info_page1 .box2 figure .star1{ position:absolute; left:50px; top:-90px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:2s;animation-duration:2s; }
.info_page1 .box2 figure .star2{ position:absolute; right:145px; top:-80px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:2s;animation-duration:2s; }
.info_page1 .box2 figure .star3{ position:absolute; right:20px; top:95px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:2s;animation-duration:2s; }
.info_page1 .box2 figure .star4{ position:absolute; left:15px; top:245px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:2s;animation-duration:2s; }



.info_page1 .box3{ background:#ff9a7e; text-align:right; padding:32px 123px 42px 0; margin:0 0 32px; }
.info_page1 .box3 .box_inner{ display:inline-block; vertical-align:top; width:100%; max-width:385px; }
.info_page1 .box3 figure{ width:211px; position:absolute; left:54px; top:0; }
.info_page1 .box3 h3{ color:#fff; }
.info_page1 .box3 p{ color:#fff; }


.info_page1 .box4{ width:100%; text-align:center; margin:0 0 72px; }
.info_page1 .box4 .box_inner{ z-index:99;}
.info_page1 .box4 p{ max-width:390px; margin:0 auto; }


.info_page1 .box5{ display:block; width:100%; max-width:630px; margin:0 auto 45px; border-radius:20px; background:#98ddf7; }
.info_page1 .box5 .box_inner{ padding:35px 25px 8px 25px; }
.info_page1 .box5 .box_inner .bg_img{ position:absolute; width:754px; max-width:754px; left:-85px; top:-188px; }
.info_page1 .box5 h3{ color:#fff; position:relative; z-index:99; }
.info_page1 .box5 p{ max-width:256px; color:#fff; padding:0 0 30px; position:relative; z-index:99; }
.info_page1 .box5 figure{ width:381px; position:absolute; right:-57px; bottom:0; z-index:99; }

.info_page1 .box6{ width:100%; text-align:right; padding:0 0 40px; }
.info_page1 .box6 .box_inner{ display:inline-block; vertical-align:top; padding:32px 116px 44px 40px; background:#ffb4f5; border-top-left-radius:51px; border-bottom-left-radius:51px; max-width:442px; }
.info_page1 .box6 h3{ color:#fff; }
.info_page1 .box6 p{ color:#fff; }


.info_page2 .box1{ width:100%; padding:0 0 0 67px; }
.info_page2 .box1 .box_inner{ display:block; vertical-align:top; padding:32px 40px 105px 40px; background:#8ed8a3; border-top-left-radius:51px; border-bottom-left-radius:51px; }
.info_page2 .box1 h3{ color:#fff; }
.info_page2 .box1 p{ color:#fff; padding:0 0 50px; max-width:324px; }
.info_page2 .box1 p:first-of-type{ max-width:440px; }
.info_page2 .box1 figure{ width:485px; position:absolute; bottom:-2px; right:-105px; }



.info_page2 .box2{ width:100%; margin:-108px 0 0; }
.info_page2 .box2 .box_inner{ display:block; vertical-align:top; padding:40px 28px 45px 123px; background:#feb3cc; border-top-right-radius:51px; border-bottom-right-radius:51px; max-width:401px; }
.info_page2 .box2 p{ color:#fff;  }

.info_page2 .box3{ width:100%; text-align:right; }
.info_page2 .box3 .box_inner{ display:inline-block; vertical-align:top; padding:40px 121px 45px 0; max-width:458px; }

.info_page2 .box4{ width:100%; text-align:right; margin:0 0 120px; }
.info_page2 .box4 .box_inner{ display:inline-block; vertical-align:top; padding:40px 126px 45px 36px; background:#ff9a7e; border-top-left-radius:51px; border-bottom-left-radius:51px; max-width:382px; text-align:left; }
.info_page2 .box4 p{ color:#fff; }

.info_page2 .box5{ width:100%; padding:0 70px; margin:0 0 155px; }
.info_page2 .box5 .box_inner{ display:block; vertical-align:top; padding:33px 40px 45px 51px; background:#ffd658; border-radius:51px; }
.info_page2 .box5 h3{ color:#fff; }
.info_page2 .box5 p{ color:#fff; max-width:275px; }
.info_page2 .box5 figure{ width:466px; position:absolute; top:-77px; right:0; }
.info_page2 .box5 figure .star1{ position:absolute; left:95px; bottom:120px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:2s;animation-duration:2s;}
.info_page2 .box5 figure .star2{ position:absolute; left:-55px; bottom:40px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:2s;animation-duration:2s; }
.info_page2 .box5 figure .star3{ position:absolute; left:-15px; bottom:0px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-duration:2s;animation-duration:2s; }



.info_page2 .box6{ width:100%; max-width:590px; margin:0 auto 30px; }
.info_page2 .box6 .box_inner{ text-align:center; }

.info_page2 .box7{ width:100%; padding:0 0 40px; }
.info_page2 .box7 .box_inner{ display:inline-block; vertical-align:top; padding:40px 42px 45px 120px; background:#ce96f7; border-top-right-radius:51px; border-bottom-right-radius:51px; max-width:443px; margin:25px 50px 0 0; }
.info_page2 .box7 p{ color:#fff;  }
.info_page2 .box7 figure{ display:inline-block; vertical-align:top; width:165px; }


.info_page2 .mid_block{ display:block; width:100%; position:relative; }
.info_page2 .mid_block figure{ width:403px; position:absolute; bottom:-33px; left:-115px; }

.info_page2 .mid_block figure .heart1{ position:absolute; right:214px; top:11px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
.info_page2 .mid_block figure .heart2{ position:absolute; right:124px; top:-57px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
.info_page2 .mid_block figure .heart3{ position:absolute; right:32px; top:-17px; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }



/********************CTA************************/
.cta{ display:block; width:100%; position:relative; text-align:left; padding:49px 15px 49px; margin:30px 0 0; background:#ffc57a; overflow:hidden;  }
.cta p{ font-family: 'AmericanLemonSans'; font-size:40px; line-height:32px; color:#fff; margin:0 auto; letter-spacing:0.96px;  padding:0; max-width:730px !important; }
.cta p a{ color:#ba7721 !important; font-family:inherit; font-size:inherit; line-height:inherit; text-decoration:none; letter-spacing:inherit; border-bottom:1px solid; }
.cta p a:hover{ text-decoration:none; border-bottom:none; }



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

.ot-sdk-show-settings{ display: inline-block; padding:0; margin:0 0 0; text-align:center; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; color: #fff; -webkit-appearance:none; background:none; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; cursor:pointer; }
.ot-sdk-show-settings:hover{ color: #888888; }




/****************************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_box .vid-close {
    display: block;
    width: 17px;
    text-decoration: none;
    position: absolute;
    top: -80px;
    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;
}
.vid_box .vid-close img{ vertical-align:top; }

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



/******* CSS LIGHTBOX *******/
.modal_box {
    position: fixed;
    top: 100%;
    background: rgba(255,255,255,0.80);
    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 30px 0;
	display:flex; 
	align-items:center; 
	justify-content: center; 
	flex-wrap: wrap;
}

.modal_box_inner {
    display: block;
    /*width:100%;*/
    width: 700px;
    /*margin: 0 auto;*/
    padding: 30px 0 30px;
    position: relative;
    max-width: 100%;
}

.modal_box_cont{ display: block; width:100%; background:#fff; position:relative; box-shadow:4px 4px 24px 4px rgba(0,0,0,0.20); padding:45px 20px 20px 20px; border-radius:32px; text-align:center; }
.modal_box_cont .result_desc{ display:block; width:100%; }
.modal_box_cont img{ vertical-align:top; }
/*.modal_box_cont h3{ font-family: 'AmericanLemonSans'; font-size:80px; line-height:67px; letter-spacing:1.92px; color:#2ba6bd; padding:35px 0 33px; }*/
.modal_box_cont h3 { font-family: 'AmericanLemonSans'; font-size: 58px; line-height: 48px; letter-spacing: 1.5px; color: #2ba6bd; padding: 15px 0 20px; }
/*.modal_box_cont p{ font-family: 'TofinoPersonal-Medium'; font-size:22px; line-height:30px; letter-spacing:0.53px; color:#444342; text-align:left; padding:0 0 30px; }*/
.modal_box_cont p{ font-family: 'TofinoPersonal-Medium'; font-size:18px; line-height:26px; letter-spacing:0.40px; color:#444342; text-align:left; padding:0 0 20px; }



.modal_box_cont p a{ font-family: 'TofinoPersonal-Semibold'; color:#444342; line-height:inherit; }
/*.modal_box_cont .prod_img{ float:right; width:235px; margin:10px 0 10px 50px; }*/
.modal_box_cont .prod_img { float: right; width: 180px; margin: 15px 0 15px 15px; }
/*.modal_box_cont .share_btn{ display:inline-block; width:302px; background:#2ba6bd; color:#fff; font-family: 'AmericanLemonSans'; font-size:36px; line-height:30px; letter-spacing:0.86px; border-radius:30px; padding:15px 0; margin:10px 0 0; }*/
.modal_box_cont .share_btn { display: inline-block; width: 302px; background: #2ba6bd; color: #fff; font-family: 'AmericanLemonSans'; font-size: 32px; line-height: 28px; letter-spacing: 0.86px; border-radius: 30px; padding: 12px 0; margin: 10px 0 0; }


.modal_box_cont .modal-close {
    display: block;
    width: 17px; cursor:pointer;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 35px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.modal_box_cont .modal-close img{ vertical-align:top; }
.modal_box.active { opacity: 1; top: 0; bottom: 0; }
.modal_box.active .modal-close { top: 15px; }





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