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


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

.wrapper { max-width: 1280px; margin: 0 auto; }

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

/*********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: 8px 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.shape_logo { background: url(../images/plus-icon.png) no-repeat right center; padding: 0 24px 0 0; background-size: 10px; }
ul.left_logos li.shape_logo a { width: 100px; }
ul.left_logos li.fo_logo { padding: 0 0 0 14px; }
ul.left_logos li.fo_logo a { width: 57px; }

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





.nav-bar-box{width: 80vw; position: relative; }
.nav-bar {  position:relative; /*transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;*/ z-index:9999; display: inline-block; float: left; left: 30vw; width: 30vw; text-align: center;}
.nav-bar ul { padding: 0 0 0; margin: 0px; list-style-type: none; font-size:1vw; white-space: nowrap; width: 55%;}
.nav-bar li { display:inline-block; font-family: 'GothamHTF-Bold'; font-size: 1vw; line-height: 1vw; position:relative; background: #fff; }

.nav-bar li a { display:block; color: #78026f; padding:1vh 1vw; }
.nav-bar li a:hover, .nav-bar li.active > a { background: #78026f; color: #ffffff; width: 100%;}
.nav-bar li:first-child:after, .nav-bar li:hover:after, .nav-bar li.active:after { display:none; }

.nav-bar-box .cta{ display:inline-block; background:#a9dadf; position:relative; padding:.5vh 1vw; float: right; right: -10vw; top: 1vh; text-align: center; white-space: nowrap;}
.nav-bar-box .cta p{ font-family: 'GothamHTF-Bold'; font-size:1vw; line-height:1vw; color:#fff; }
.nav-bar-box .cta p a{ color:#152d4d; line-height:inherit; /*display:inline-block; vertical-align:middle; width:1.8vw; margin:0 0.5vw 0 0;*/  }
.nav-bar-box .cta a.fo_logo{ position:absolute; left:101%; /*margin:1% 0 0;*/ width:1.8vw; top:50%; transform:translateY(-50%); }
.nav-bar-box .cta a.fo_logo img{ vertical-align:top; }



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

/********* Landing Page ************/
.landing{ display:none; width:100%; height:100%; min-height:calc(100vh - 56px); background:#e8caec url(../images/bg-sprinkle.png) repeat center top; }
.landing.active{ display:block; }

.landing .inner{ display:block; width:100%; margin:0 auto; height: 100%; /*background:#999999;*/ /*overflow:hidden;*/ position:relative; }
.landing img{ vertical-align:top; width: 80vh;}

.landing .circle_sec{ position:relative; display:inline-block; width:100%; top: -18%; left: -20.5%; }
.landing .circle_sec .text{ position:absolute; width:60vh; left: 12vw; top:18vh;}

.landing .intro_sec{ position:relative; display:inline-block; float:right; width:36vw; vertical-align:top; text-align:center; padding:0 0 100px 0px; margin:0 10.50vw 0 0; top:50%; transform:translateY(-50%);  }
.landing .intro_sec .shape_logo{ display:inline-block; width:12.51vw; vertical-align:top; position:relative; margin:0 0 2.75vh;  }

.landing ul.logos_sec{ position:relative; display:block; padding:3.97vh 0 2vh;  }
.landing ul.logos_sec:after{ content:""; position:absolute; width:7.32vw; height:.15vh; left:50%; top:0; margin:0 0 0 -3.66vw; background:#7a0270; }
.landing ul.logos_sec li { display: inline-block; vertical-align: middle; }
.landing ul.logos_sec li a { display: block; vertical-align: top; }
.landing ul.logos_sec li a img { vertical-align: top; }
.landing ul.logos_sec li.fo_logo { background: url(../images/plus-icon-purple.png) no-repeat right center; padding: 0 3.87vw 0 0; background-size: 1.53vw; }
.landing ul.logos_sec li.fo_logo a { width: 5.49vw; }
.landing ul.logos_sec li.po_logo { padding: 0 0 0 1.75vw; }
.landing ul.logos_sec li.po_logo a { width: 6.95vw; }

.landing ul.social_icon { list-style: none; display:inline-block; vertical-align:top; width: auto; margin-left: 9.25vw; font-size:0; }
.landing ul.social_icon:first-child { margin-left: 0; }
.landing ul.social_icon li { list-style: none; display: inline-block; margin-left: 0.43vw; }
.landing ul.social_icon li:first-child { margin-left: 0; }
.landing ul.social_icon li a { display: block; width:2.63vw; opacity: 1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.landing ul.social_icon li a img { vertical-align:top; }
.landing ul.social_icon li a:hover { opacity: 0.7; }
.landing .social_box{margin-left: -.5vw;}

.landing .intro_sec p{ font-family: 'GothamHTF-Medium'; font-size:2vh; line-height:2.5vh; color:#000; padding:4vh 0; }
.landing .intro_sec p strong{ font-family: 'GothamHTF-Bold'; color:#78026f; font-weight:normal; line-height:inherit; }
.landing .intro_sec p em{ font-family: 'GothamHTF-BlackItalic'; color:#78026f; line-height:inherit; }

.landing .listen_btn{ display:inline-block; width:12vw; color:#fff; background:#780270; vertical-align:top; border-radius:50px; font-family: 'GothamHTF-Medium'; font-size:2vh; line-height:2vh; padding:2vh 0; position:relative; z-index:9; }
.landing .listen_btn span{ display:block; line-height:inherit; position:relative; z-index:99; }
.landing .listen_btn:after{ content:""; position:absolute; width:100%; height:100%; background:#780270; left:0; top:0; border-radius:50px; }
.landing .listen_btn:before{ content:""; position:absolute; width:100%; height:100%; background:#fff; z-index:-1; left:6px; top:7px; border-radius:50px; }

.landing .quote_sec{ display:inline-block; width:46vw; position:relative; bottom: 0px; height: 100%; float: left;}
.landing .quote_sec > img{ position:absolute; z-index:9; /*max-width: 1200px;*/ bottom: 3%; width: 80vh; left: -4vw;}
.landing .quote_sec .quote_box{ position:absolute; width:38vh; background:#780270; z-index:9; padding:2.29vh 1.39vw 3.05vh 0; transform:rotate(11deg); -webkit-transform:rotate(11deg); -moz-transform:rotate(11deg);  right: 0; top: 27vh; /*max-height: 180px; max-width: 400px;*/ }
.landing .quote_sec .quote_box:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#780270; }
.landing .quote_sec .quote_box:before{ content:""; position:absolute; left:1.5vh; top:1.5vh; width:100%; height:100%; background:#e7f4fa; z-index:-1; }

.landing .quote_sec .quote_icon{ position:absolute; left:1vh; top:-1.5vh; z-index:99; width:5vh; transform:rotate(-11deg); -webkit-transform:rotate(-11deg); -moz-transform:rotate(-11deg); }
.landing .quote_sec p{ position:relative; z-index:99; color:#fff; font-family: 'Montserrat-BoldItalic'; font-size:2.7vh; line-height:2.9vh; color:#fff; text-align:right; padding-left: 1vw;}
.landing .quote_sec p span{ color:#d197d7; line-height:inherit; }






/********* lifestyle Page ************/
.lifestyle{ display:block; width:100%; background:#e8caec; }
.lifestyle .inner{ display:block; width:100%; margin:0 auto; height: 100%; /*background:#999999;*/ /*overflow:hidden;*/ position:relative;  }

.lifestyle img{ vertical-align:top;}

.lifestyle .circle_sec{ position:absolute; left:-1.76vw; top:-20.18vh; display:inline-block; width:30vw; vertical-align:top; z-index:9; }
.lifestyle .circle_sec .circled {width: 21vw;}
.lifestyle .circle_sec .text{ position:absolute; width:21vw; max-width:21vw; left:2vw; top:7vh; margin-top: 9.17vh; }

.lifestyle .white_box{ display:block; width:95vw; background:#fff; position:relative; margin:0 auto; text-align:right; /*margin-top: -4vh;*/ height: calc(94vh - 56px); padding: 0 2vw 0 0; }
.lifestyle .video_sec{ display:inline-block; vertical-align:top; width:108vh; float:right; /*max-height: 70vh;*/ max-width: 60%; position:relative; top:50%; transform:translateY(-50%); }
.lifestyle .vid_box{ margin:0 0 18px; }
.lifestyle .vid_box video { width:100%; max-width:100%; }
.lifestyle .vid_box img{width: 60vw; max-width: 1200px;}


.lifestyle .vid_slider{ display:block; width:100%; }
.lifestyle .vid_slider .vid_slide{ vertical-align:top; position:relative; display:none; /*background:#000;*/ }
.lifestyle .vid_slider .vid_slide:first-child{ display:block; }
.lifestyle .vid_slider.slick-initialized .vid_slide{ display:block; }

.lifestyle .vid_slider .vid_slide .vid_inner{ display:block; width:100%; position:relative; z-index:9; opacity:0; visibility:hidden;  }
.lifestyle .vid_slider .vid_slide .vid_inner.active{ opacity:1; visibility:visible; }

.lifestyle .vid_slider .vid_slide figure{ display:block; width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; }
.lifestyle .vid_slider .vid_slide .btn{ position:absolute; width:100%; height:100%; left:0; top:0; background: url(../images/lifestyle/play-icon.png) no-repeat center center; background-size: 4.09vw auto; }

.lifestyle .vid_slider .vid_slide .vjs-big-play-button{ display:none !important; }

.vid_inner { position: relative; height: 0; width: 100%; padding-bottom: 56.25%; }
.video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }




.lifestyle .vid_thumbs{ display:block; width:100%; padding:0 1.46vw;  }
/*.lifestyle .vid_thumb{ width:calc(20% - 5px);}
.lifestyle .vid_thumb a{ display:block; }
.lifestyle .vid_thumbs img{width: 11.5vw; max-width: 100%;}*/


.lifestyle .vid_thumb_slider{ display:block; width:100%; position:relative; }
.lifestyle .vid_thumb_slider .vid_thumb_slide{ vertical-align:top; position:relative; display:none; cursor:pointer; }
.lifestyle .vid_thumb_slider .vid_thumb_slide:first-child{ display:block; }
.lifestyle .vid_thumb_slider.slick-initialized .vid_thumb_slide{ display:block; }
.lifestyle .vid_thumb_slider .vid_thumb_slide figure{ display:block; width:100%; padding:0 5px; }
.lifestyle .vid_thumb_slider .vid_thumb_slide figure img{ vertical-align:top; width:100%; }

.lifestyle .vid_thumb_slider .slick-arrow{ position:absolute; top:0; width:1.46vw; height:100%; background:#1b3448; font-size:0; }
.lifestyle .vid_thumb_slider .slick-arrow.slick-prev{ left:-1.83vw; }
.lifestyle .vid_thumb_slider .slick-prev:after{ content:"";  width: 0; height: 0; border-top: 0.36vw solid transparent; border-right: 0.73vw solid #fff; border-bottom: 0.36vw solid transparent; position:absolute; left:0.29vw; top:50%; transform:translateY(-50%); }
.lifestyle .vid_thumb_slider .slick-arrow.slick-next{ right:-1.83vw; }
.lifestyle .vid_thumb_slider .slick-next:after{ content:"";  width: 0; height: 0; border-top: 0.36vw solid transparent; border-left: 0.73vw solid #fff; border-bottom: 0.36vw solid transparent; right:0.29vw; top:50%; transform:translateY(-50%); }





.lifestyle .quote_sec{ position:absolute; width:30%; max-width:30%; padding:0 5% 0 0; bottom: 0px; /*text-align:left;*/ }
.lifestyle .quote_sec > img{ /*bottom: 0px;*/ width:100%; margin:0 2vw 0 -2vw; }
.lifestyle .quote_sec .quote_box{ text-align:center; width:50%; margin:0 0 0 0; position:absolute; left:57%; top:0%; }
.lifestyle .quote_sec .quote_icon{ display:inline-block; width:30%; }
.lifestyle .quote_sec p{ font-family: 'GothamHTF-Book'; font-size:2.5vh; line-height:2.6vh; color:#76016d; padding:1.98vh 0 1.68vh; }
.lifestyle .quote_sec p a{ font-family: 'GothamHTF-Bold'; line-height:inherit; }
.lifestyle .quote_sec .p_name{ display:block; font-family: 'GothamHTF-Black'; font-size:1.5vh; line-height:1.5vh; color:#76016d; position:relative; text-transform:uppercase; padding:1.98vh 0 0; }
.lifestyle .quote_sec .p_name:after{ content:""; position:absolute; top:0; left:50%; width:5.81vw; height:0.15vh; background:#e9cbed; margin:0 0 0 -2.90vw; }
.lifestyle .quote_sec .arr_img{ display:inline-block; width:5vw; position:absolute; right:0.83vw; top:100%; }



/********* fitness Page ************/
.fitness{ display:block; width:100%; background:#e8caec; }
.fitness .inner{ display:block; width:100%; margin:0 auto; height: 100%; /*background:#999999;*/ /*overflow:hidden;*/ position:relative; }

.fitness img{ vertical-align:top; }

.fitness .circle_sec{ position:absolute; left:-1.75vw; top:-20.18vh; display:inline-block; width:30vw; vertical-align:top; z-index:9; }
.fitness .circle_sec .circled {width: 21vw;}
.fitness .circle_sec .text{ position:absolute; width:21vw; max-width:21vw; left:2vw; top:5vh; margin-top: 9.17vh; }

.fitness .white_box{ display:block; width:95vw; background:#fff; position:relative; margin:0 auto; text-align:right; /*margin-top: -4vh;*/ height: calc(94vh - 56px); padding: 0 2vw 0; }

.fitness .img_boxes{ display:flex; flex-wrap:wrap; float:right; width:120vh; max-width:45%; justify-content:center; text-align:left !important; position:relative; top:50%; transform:translateY(-50%); }
.fitness .img_boxes .img_box{ margin-bottom: 20px; margin-right: 20px; width:calc(50% - 20px); }
.fitness .img_boxes .img_box:nth-child(3), .fitness .img_boxes .img_box:nth-child(4){ margin-bottom:0; }
.fitness .img_boxes .img_box img{ text-align:left !important; width: 100%;}
.fitness .img_boxes .img_box video { width:100%; max-width:100%; vertical-align:top; }



.fitness .comment_sec{ position:absolute; left:0; bottom:0; width:40vw; text-align:left; }
.fitness .comment_sec > img{ display:inline-block; vertical-align:top; width:16vw; margin:0 0 0 -1vw; position:relative; z-index:9; }

.fitness .comments{ position:absolute; left:18vw; bottom:calc(75% + 1vh); width:16vw; background:#142d4c; z-index:9; padding:2.29vh 2.29vh 3.05vh 2.29vh; /*transform:rotate(11deg); -webkit-transform:rotate(11deg); -moz-transform:rotate(11deg);*/ transform:skew(-10deg,-4deg); text-align:center; }
.fitness .comments:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#142d4c; }
.fitness .comments:before{ content:""; position:absolute; left:1.52vh; top:1.52vh; width:100%; height:100%; background:#a8d9e0; z-index:-1; }
.fitness .comments .comment_icon{ position:absolute; left:50%; margin:0 0 0 -1.6vw; top:-2.8vh; z-index:99; width:16%; transform:rotate(-11deg); -webkit-transform:rotate(-11deg); -moz-transform:rotate(-11deg); }
.fitness .comments p{ position:relative; z-index:99; color:#fff; font-family: 'GothamHTF-UltraItalic'; font-size:1.5vw; line-height:1.5vw; color:#fff; text-align:center; transform:skew(5deg,2deg); }
.fitness .comments p span{ color:#c89bd3; line-height:inherit; }

.fitness .quote_sec{ display:inline-block; vertical-align:top; /*top: 23vh;*/ width:20vw; text-align:center; padding:5.35vh 0 0; position:absolute; bottom:10vh; margin:0 0 0 1vw; }
.fitness .quote_sec .quote_icon{ display:inline-block; width:20%; }
.fitness .quote_sec p{ font-family: 'GothamHTF-Book'; font-size:1.2vw; line-height:1.3vw; color:#152d4d; padding:2.29vh 0 3.5vh; }
.fitness .quote_sec p em{ font-family: 'GothamHTF-BoldItalic'; line-height:inherit; font-style:normal; }
.fitness .quote_sec p strong{ font-family: 'GothamHTF-Medium'; line-height:inherit; font-weight:normal; }
.fitness .quote_sec .p_name{ display:block; font-family: 'GothamHTF-Black'; font-size:.9vw; line-height:.9vw; color:#152d4d; position:relative; text-transform:uppercase; padding:2.29vh 0 0; }
.fitness .quote_sec .p_name:after{ content:""; position:absolute; top:0; left:50%; width:2.19vw; height:0.15vh; background:#a8d9e0; margin:0 0 0 -1.09vw; }
.fitness .quote_sec .arr_img{ display:inline-block; width:4.61vw; position:absolute; left:1vw; bottom:-0.3vh; }



/********* Tips Page ************/
.tips{ display:block; width:100%; background:#e8caec; }
.tips .inner{ display:block; width:100%; margin:0 auto; height: 100%; /*background:#999999;*/ /*overflow:hidden;*/ position:relative; }

.tips img{ vertical-align:top; }

.tips .circle_sec{ position:absolute; left:-1.75vw; top:-20.18vh; display:inline-block; width:30vw; vertical-align:top; z-index:9; }
.tips .circle_sec .circled {width: 21vw;}
.tips .circle_sec .text{ position:absolute; width:21vw; max-width:21vw; left:2vw; top:5vh; margin-top: 9.17vh; }

.tips .white_box{ display:block; width:95vw; background:#fff; position:relative; margin:0 auto; text-align:right; /*margin-top: -4vh;*/ height: calc(94vh - 56px); padding: 0 2vw 0; }


.tips .box_row{ display:flex; flex-wrap:wrap; align-items:flex-start;  width:80vw; max-width:80%; padding:2vw 0 2vh 5vw; margin:0 0 0 0; font-size:0; /*height: 70vh*/ position:relative; top:50%; transform:translateY(-50%); }
.tips .box_row .box_col{ display:flex; flex-wrap:wrap; align-items:center; vertical-align:top; text-align:center; box-shadow:1.53vw 1.53vw 2.26vw rgba(0,0,0,0.2); position:relative; z-index:99; }
.tips .box_row .box_col:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; }
.tips .box_row .box_col .bg_img{ position:absolute; z-index:-1; }
.tips .box_row .box_col .bg_img img{ width:100%; }
.tips .box_row .box_col .box_col_inner{ display:block; text-align:center; position:relative; z-index:99; }


.tips .box_row .box_col .icon_img{ display:inline-block; vertical-align:top; margin: 0 0 0.76vh; }
.tips .box_row .box_col .icon_img.yoga{ width:3.14vw; }
.tips .box_row .box_col .icon_img.dumbell{ width:4.68vw; }

.tips .box_row .box_col h3{ font-family: 'Montserrat-Black'; color:#fff; padding:0 0 1.5vh; }
.tips .box_row .box_col p{ font-family: 'Montserrat-Regular'; color:#fff; }
.tips .box_row .box_col p strong{ font-weight:normal; font-family: 'Montserrat-Black'; }

.tips .box_row .box_col.box_col1{ width:14vw; min-height: 12vw; background:#48c4fa; margin:16vh 7.14vw 0 0.73vw; }
.tips .box_row .box_col.box_col1:after{ background:#48c4fa; }
.tips .box_row .box_col.box_col1 .bg_img{ width:18.49vw; left:-1.97vw; top:-6.42vh; }
.tips .box_row .box_col.box_col1 .box_col_inner{ padding:1.83vh 1.17vw 2.75vh; }
.tips .box_row .box_col.box_col1 h3{ font-size:1vw; line-height:1vw; }
.tips .box_row .box_col.box_col1 p{ font-size:.8vw; line-height:1vw; }
.tips .box_row .box_col.box_col1 p strong{ color:#00638e; }

.tips .box_row .box_col.box_col2{ width:14vw; min-height: 14vw; background:#f3467b; margin:0.61vh 6.97vw 0 0; }
.tips .box_row .box_col.box_col2:after{ background:#f3467b; }
.tips .box_row .box_col.box_col2 .bg_img{ width:8.49vw; left:-2.78vw; top:-2.42vh; }
.tips .box_row .box_col.box_col2 .box_col_inner{ padding:1.83vh 1.5vw 2.59vh; }
.tips .box_row .box_col.box_col2 h3{ font-size:1vw; line-height:1.2vw; color:#500019; padding:0 0 0.30vh; }
.tips .box_row .box_col.box_col2 p{ font-size:.8vw; line-height:1vw; }

.tips .box_row .box_col.box_col3{ width:17vw; height:17vw; border-radius:50%; background:#e2211d; }
.tips .box_row .box_col.box_col3:after{ background:#e2211d; border-radius:50%; }
.tips .box_row .box_col.box_col3 .bg_img{ width:14.56vw; left:-1.46vw; top:-4.43vh; }
.tips .box_row .box_col.box_col3 .box_col_inner{ padding:1.68vh 2.56vw 3.82vh; }
.tips .box_row .box_col.box_col3 h3{ font-size:1.2vw; line-height:1.2vw; }
.tips .box_row .box_col.box_col3 p{ font-size:.8vw; line-height:1vw; }

.tips .box_row .box_col.box_col4{ width:14vw; height:14vw; border-radius:50%; background:#e2211d; margin:2.36vh 7.05vw 0 0; }
.tips .box_row .box_col.box_col4:after{ background:#e2211d; border-radius:50%; }
.tips .box_row .box_col.box_col4 .bg_img{ width:12.66vw; left:-1.50vw; bottom:-2vh; }
.tips .box_row .box_col.box_col4 .box_col_inner{ padding:0 1.83vw 0; }
.tips .box_row .box_col.box_col4 h3{ font-size:1vw; line-height:1.2vw; font-family: 'Montserrat-Bold'; padding:0 0 0.30vh; }
.tips .box_row .box_col.box_col4 p{ font-size:.7vw; line-height:1vw; }

.tips .box_row .box_col.box_col5{ width:16vw; min-height: 14vw;background:#aa53b3; margin:-1.48vh 7.02vw 0 0; }
.tips .box_row .box_col.box_col5:after{ background:#aa53b3; }
.tips .box_row .box_col.box_col5 .bg_img{ width:17.18vw; right:-2.7vw; top:-7.10vh; }
.tips .box_row .box_col.box_col5 .box_col_inner{ padding:3.05vh 1.09vw 3.36vh; }
.tips .box_row .box_col.box_col5 h3{ font-size:1vw; line-height:1vw; }
.tips .box_row .box_col.box_col5 p{ font-size:.8vw; line-height:1vw; }
.tips .box_row .box_col.box_col5 p strong{ color:#48004f; }

.tips .box_row .box_col.box_col6{ width:14vw; min-height: 12vw; background:#48c4fa; margin-top: 1.35vh }
.tips .box_row .box_col.box_col6:after{ background:#48c4fa; }
.tips .box_row .box_col.box_col6 .bg_img{ width:14.49vw; right:-2.48vw; top:-5.81vh; }
.tips .box_row .box_col.box_col6 .box_col_inner{ padding:1.83vh 1.02vw 1.98vh; }
.tips .box_row .box_col.box_col6 h3{ font-size:1.2vw; line-height:1.2vw; }
.tips .box_row .box_col.box_col6 p{ font-size:.8vw; line-height:1vw; }


.tips .quote_sec{ position:absolute; right:-1.90vw; bottom:0; width:30vw; text-align:center; }
.tips .quote_sec > img{ width:25vw; margin-right: -7.5vw; }
.tips .quote_sec .quote_box{ position:absolute; width:12vw; bottom:80%; left:10%; }
.tips .quote_sec .quote_icon{ display:inline-block; width:20%; }
.tips .quote_sec p{ font-family: 'Montserrat-Regular'; font-size:1.2vw; line-height:1.2vw; color:#76016d; padding:1.68vh 0 1.98vh; }
.tips .quote_sec p a{ font-family: 'Montserrat-Black'; line-height:inherit; }
.tips .quote_sec .p_name{ display:block; font-family: 'Montserrat-Black'; font-size:1vw; line-height:1vw; color:#76016d; position:relative; text-transform:uppercase; padding:1.98vh 0 0; }
.tips .quote_sec .p_name:after{ content:""; position:absolute; top:0; left:50%; width:2.56vw; height:0.15vh; background:#e7caec; margin:0 0 0 -1.24vw; }
.tips .quote_sec .arr_img{ display:inline-block; width:5.92vw; position:absolute; left:2.04vw; top:calc(100% + 2.90vh); }



/********* Tips Page ************/
.downloads{ display:block; width:100%; background:#e8caec; }
.downloads .inner{ display:block; width:100%; margin:0 auto; height: 100%; /*background:#999999;*/ /*overflow:hidden;*/ position:relative;  }

.downloads img{ vertical-align:top; }

.downloads .circle_sec{ position:absolute; left:-1.75vw; top:-20.18vh; display:inline-block; width:30vw; vertical-align:top; z-index:9; }
.downloads .circle_sec .circled {width: 21vw;}
.downloads .circle_sec .text{ position:absolute; width:21vw; max-width:21vw; left:2vw; top:5vh; margin-top: 9.17vh; }

.downloads .white_box{display:block; width:95vw; background:#fff; position:relative; margin:0 auto; text-align:right; /*margin-top: -4vh;*/ height: calc(94vh - 56px); padding: 0 2vw 0; }

.downloads .box_row_container{ display:flex; flex-wrap:wrap; justify-content: flex-end; width:100%; position:relative; width:100%; top:50%; transform:translateY(-50%); }
.downloads .box_row{ display:flex; flex-wrap:wrap; align-items:center; justify-content: flex-end; width:85vw; padding:1.89vh 4.31vw 0.45vh 0; margin:0 0 0 0; font-size:0; position:relative; float: right; }
/*.downloads .box_row:first-of-type{ padding-top:0; }*/
.downloads .box_row img{ vertical-align:top; }


.downloads .box_row .download_cont{ display:flex; flex-wrap:wrap; align-items:center; vertical-align:top; text-align:center; box-shadow:1.53vw 1.53vw 2.26vw rgba(0,0,0,0.2); position:relative; z-index:99; width:14vw; height:14vw; border-radius:50%;  }
.downloads .box_row .download_cont.download_cont1{ background:#a8dadf; }
.downloads .box_row .download_cont.download_cont2{ background:#e2211d; position:relative; float: left; margin-right: 5vw; top: -2vh; display: inline-flex;}
.downloads .box_row .download_cont .cont_inner{ padding:0 1.09vw 2.29vh; }
.downloads .box_row .download_cont .icon_img{ vertical-align:top; margin:0 0 1.22vh; width:3.36vw; }
.downloads .box_row .download_cont p{ font-family: 'GothamBook'; font-size:.9vw; line-height:.95vw; color:#fff; }
.downloads .box_row .download_cont p strong{ font-weight:normal; font-family: 'Gotham-Bold'; }


.downloads .box_row .box_col{ display:inline-block; vertical-align:top; text-align:center; position:relative; }
.downloads .box_row .box_col .box_col_inner{ text-align:center; position:absolute; z-index:99; left:0; }
.downloads .box_row .box_col figure img{ width:100%; }

.downloads .box_row .box_col .icon_img{ display:inline-block; vertical-align:top; margin: 0 0 0.76vh; /*width:3.22vw;*/ }
.downloads .box_row .box_col h3{ font-family: 'GothamHTF-Black'; color:#318699; }
.downloads .box_row .box_col p{ font-family: 'GothamHTF-Bold'; color:#318699; }
.downloads .box_row .box_col .person_name{ width:9.37vw; position:absolute; top:0; left:50%; margin:0 0 0 -4.68vw; background:#76016d; font-family: 'Montserrat-Bold'; font-size:0.60vw; line-height:0.73vw; color:#fff; z-index:9; padding:1.07vh 0; }
.downloads .box_row .box_col a.download_btn{ display:inline-block; width:7.24vw; border-radius:50px; background:#76016d; font-family: 'Montserrat-Medium'; font-size:0.95vw; line-height:1.17vw; color:#fff; letter-spacing:-0.29px; padding:1.22vh 0 1.22vh; margin:1.98vh 0 0; }



.downloads .box_row .box_col.box_col1{ width:12vw; margin:0 3vw 0 3vw; }
.downloads .box_row .box_col.box_col1 .box_col_inner{ padding:0 2vw; top:5vw; }
.downloads .box_row .box_col.box_col1 .icon_img{ width:3.22vw; margin:0 0 2.14vh; }
.downloads .box_row .box_col.box_col1 h3{ font-size:0.73vw; line-height:0.73vw; }

.downloads .box_row .box_col.box_col2{ width:18vw; margin:0 3vw 0 0; }
.downloads .box_row .box_col.box_col2 .box_col_inner{ padding:0 0.4vw; top:1.22vh; }
.downloads .box_row .box_col.box_col2 .icon_img{ width:5.19vw; margin:0 0 3.15vh; }
.downloads .box_row .box_col.box_col2 h3{ font-size:1.75vw; line-height:1.75vw; }

.downloads .box_row .box_col.box_col3{ width:18vw; }
.downloads .box_row .box_col.box_col3 .box_col_inner{ padding:0 0.58vw; top:2.29vh; }
.downloads .box_row .box_col.box_col3 .icon_img{ width:5.34vw; margin:0 0 1.83vh; }
.downloads .box_row .box_col.box_col3 h3{ font-size:1.80vw; line-height:1.75vw; letter-spacing:0.03vw; padding:0 0 0.54vh; }
.downloads .box_row .box_col.box_col3 p{ font-size:1.61vw; line-height:1.46vw; }

.downloads .box_row .box_col.box_col4{ width:18vw; }
.downloads .box_row .box_col.box_col5{ width:18vw; margin:0 3vw 0 3vw; }
.downloads .box_row .box_col.box_col6{ width:18vw; }




/********* Tips Page ************/
.recipes{ display:block; width:100%; background:#e8caec; }
.recipes .inner{ display:block; width:100%; margin:0 auto; height: 100%; /*background:#999999;*/ /*overflow:hidden;*/ position:relative; }

.recipes img{ vertical-align:top; }

.recipes .circle_sec{ position:absolute; left:-1.75vw; top:-20.18vh; display:inline-block; width:30vw; vertical-align:top; z-index:9; }
.recipes .circle_sec .circled {width: 21vw;}
.recipes .circle_sec .text{ position:absolute; width:16vw; max-width:16vw; left:3vw; top:5vh; margin-top: 9.17vh; }

.recipes .white_box{display:block; width:95vw; background:#fff; position:relative; margin:0 auto; text-align:left; /*margin-top: -4vh;*/ height: calc(94vh - 56px); padding: 0 2vw 0; }


.recipes .recipe_container{ float:right; width:60vw;  margin:0 10vw 0 10vw; font-size:0; position:relative; top:50%; transform:translateY(-50%); }

.recipes .recipe_row{ display:flex; flex-wrap:wrap; align-items: flex-start; justify-content: flex-end; width:70vw; padding:0 0 4vh 0; margin:0 0 0 0; font-size:0; position:relative; }
.recipes .recipe_row:last-of-type{ padding:0; }
.recipes .recipe_row img{ vertical-align:top; width:100%; }
.recipes .recipe_row figure{ width:16vw; box-shadow:1.53vw 1.53vw 2.26vw rgba(0,0,0,0.2); }
.recipes .recipe_row .recipe_desc{ width:20vw; padding:2vh 2.5vw 0 2.5vw; }
.recipes .recipe_row .recipe_desc h3{ font-family: 'GothamBook'; font-size:1.6vw; line-height:1.5vw; color:#000; padding:0 0 2.75vh; }
.recipes .recipe_row .recipe_desc p{ font-family: 'Gotham-Medium'; font-size:.9vw; line-height:1.1vw; color:#000; }
.recipes .recipe_row .recipe_desc p strong{ font-family: 'Gotham-Bold'; font-weight:normal; color:#0f2849; }

.recipes .recipe_row .recipe_prep{ width:27vw; padding: 2vh 2.5vw 0 2vw; }
.recipes .recipe_row .recipe_prep h3{ font-family: 'Montserrat-Bold'; font-weight:normal; font-size:1.2vw; line-height:1.4vw; color:#a9d9e0; padding:0 0 3%; }
.recipes .recipe_row .recipe_prep ul{ list-style:none; padding:0 0 2.75vh; }
.recipes .recipe_row .recipe_prep ul li{ display:block; list-style:none; font-family: 'Gotham-Medium'; font-size:.9vw; line-height:1.1vw; color:#000; }
.recipes .recipe_row .recipe_prep ul li strong{ font-family: 'Gotham-Bold'; font-weight:normal; color:#0f2849; }
.recipes .recipe_row .recipe_prep p{ font-family: 'Gotham-Medium'; font-size:.9vw; line-height:1.1vw; color:#000; }
.recipes .recipe_row .recipe_prep p strong{ font-family: 'Gotham-Bold'; font-weight:normal; color:#0f2849; }


.recipes .product_container{ width:30vw;  font-size:0; position:absolute; left:7vw; top:15vh; }
.recipes .product_container .product_box{ text-align:center; }
.recipes .product_container .product_box figure{ display:block; margin:0 auto; }
.recipes .product_container .product_box img{ vertical-align:top; width:100%; }
.recipes .product_container .product_box2 {margin-top:10vh;}
.recipes .product_container .product_box1 figure{ max-width:10vw; }
.recipes .product_container .product_box2 figure{ max-width:10vw; }

.recipes .product_container .buy_btn{ display:inline-block; background:#e7caec; width:4.90vw; font-family: 'Montserrat-Regular'; font-size:1.39vw; line-height:1.75vw; color:#fff; letter-spacing:-0.43; border-radius:50px; margin:1.83vh 0 1.83vh; padding:0.91vh 0 0.91vh; }



/********* Tips Page ************/
.loading{ display:block; width:100%;  position:relative; z-index:9999; overflow:hidden; display:none; }
.loading.active{ display:block;}

.loading .inner{ display:block; width:100%; margin:0 auto; position:relative; padding:0 0; min-height:calc(100vh - 56px); }
.loading .intro_box{ width:50vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:99; /*display:none;*/ box-shadow:0.58vw 0.58vw 0.95vw 0.43vw rgba(252,60,49,0.8); }
.loading img{ width:100%; vertical-align:top; }


.loading1{ background:#FC8992; }
@-moz-keyframes anim_a1 {
	0%{ transform:rotate(0deg);}
	50%{transform:rotate(30deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes anim_a1 {
	0%{ transform:rotate(0deg);}
	50%{transform:rotate(30deg);}
	100%{transform:rotate(0deg);}
}
@keyframes anim_a1 {
	0%{ transform:rotate(0deg);}
	50%{transform:rotate(30deg);}
	100%{transform:rotate(0deg);}
}


@-moz-keyframes anim_phone {
	0%{ transform:rotate(0deg); left:-27%; bottom:26%;}
	50%{transform:rotate(-20deg); left:-30%; bottom:23%;}
	100%{transform:rotate(0deg); left:-27%; bottom:26%;}
}
@-webkit-keyframes anim_phone {
	0%{ transform:rotate(0deg); left:-27%; bottom:26%;}
	50%{transform:rotate(-20deg); left:-30%; bottom:23%;}
	100%{transform:rotate(0deg); left:-27%; bottom:26%;}
}
@keyframes anim_phone {
	0%{ transform:rotate(0deg); left:-27%; bottom:26%;}
	50%{transform:rotate(-20deg); left:-30%; bottom:23%;}
	100%{transform:rotate(0deg); left:-27%; bottom:26%;}
}


@-moz-keyframes anim_rotate {
	0%{ transform:translate(0%,0%); }
	25%{ transform:translate(5%,-5%); }
	50%{ transform:translate(10%,0%); }
	75%{ transform:translate(5%,5%); }
	100%{ transform:translate(0%,0%); }
}
@-webkit-keyframes anim_rotate {
	0%{ transform:translate(0%,0%); }
	25%{ transform:translate(5%,-5%); }
	50%{ transform:translate(10%,0%); }
	75%{ transform:translate(5%,5%); }
	100%{ transform:translate(0%,0%); }
}
@keyframes anim_rotate {
	0%{ transform:translate(0%,0%); }
	25%{ transform:translate(5%,-5%); }
	50%{ transform:translate(10%,0%); }
	75%{ transform:translate(5%,5%); }
	100%{ transform:translate(0%,0%); }
}

@-moz-keyframes rideranim {
 0%{ transform:rotate(0deg); }
 100%{ transform:rotate(-360deg); }
}
@-webkit-keyframes rideranim {
 0%{ transform:rotate(0deg); }
 100%{ transform:rotate(-360deg); }
}
@keyframes rideranim {
 0%{ transform:rotate(0deg); }
 100%{ transform:rotate(-360deg); }
}

@-moz-keyframes rideranim1 {
 0%{ transform:rotate(0deg); }
 100%{ transform:rotate(360deg); }
}
@-webkit-keyframes rideranim1 {
 0%{ transform:rotate(0deg); }
 100%{ transform:rotate(360deg); }
}
@keyframes rideranim1 {
 0%{ transform:rotate(0deg); }
 100%{ transform:rotate(360deg); }
}


.loading1 .a1{ position:absolute; left:0%; bottom:2%; width: 19.14%; }
 .loading1.active .a1{ -webkit-animation: anim_a1 4s linear infinite; animation: anim_a1 4s linear infinite; -moz-animation: anim_a1 4s linear infinite;}
.loading1 .a2{ position:absolute; left:35%; top:-10%; width:16.64%; }
.loading1.active .a2{ -webkit-animation: anim_a1 4s linear infinite; animation: anim_a1 4s linear infinite; -moz-animation: anim_a1 4s linear infinite;}
.loading1 .a3{ position:absolute; left:49%; top:10%; width:9.45%; }
.loading1.active .a3{-webkit-animation: anim_a1 4s linear infinite; animation: anim_a1 4s linear infinite; -moz-animation: anim_a1 4s linear infinite; animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; }
.loading1 .a4{ position:absolute; right:20%; bottom:3%; width:27.18%; }
.loading1.active .a4{-webkit-animation: anim_a1 4s linear infinite; animation: anim_a1 4s linear infinite; -moz-animation: anim_a1 4s linear infinite; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s}
.loading1 .a5{ position:absolute; right:11%; top:12%; width:20.70%; }
.loading1.active .a5{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite; }
.loading1 .cord{ position:absolute; right: 0; bottom:0; width: 70.54%; }
.loading1 .cord .corded {float: right; width: 100%; }
.loading1 .cord .phone{ position:absolute; left:-27%; bottom:26%; width: 30.08%; /*z-index:-1;*/}
.loading1.active .cord .phone{ -webkit-animation: anim_phone 3s linear infinite; animation: anim_phone 3s linear infinite; -moz-animation: anim_phone 3s linear infinite; }



.loading2{ background:#FC8992; }
.loading2 .b1{ position:absolute; left:7%; top:14%; width:28.67%; }
.loading2.active .b1{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite;}
.loading2 .b2{ position:absolute; left:12%; bottom:7%; width:9.76%; }
.loading2.active .b2{-webkit-animation: anim_a1 4s linear infinite; animation: anim_a1 4s linear infinite; -moz-animation: anim_a1 4s linear infinite;}
.loading2 .b3{ position:absolute; left:40%; top:10%; width:12.5%; }
.loading2.active .b3{-webkit-animation: anim_a1 4s linear infinite; animation: anim_a1 4s linear infinite; -moz-animation: anim_a1 4s linear infinite; animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s;}
.loading2 .b4{ position:absolute; left:36%; bottom:-18%; width:22.18%; }
.loading2.active .b4{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite; animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s;}
.loading2 .b5{ position:absolute; right:11%; bottom:10%; width:19.06%; }
.loading2.active .b5{-webkit-animation: anim_a1 4s linear infinite; animation: anim_a1 4s linear infinite; -moz-animation: anim_a1 4s linear infinite; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s;}
.loading2 .b6{ position:absolute; right:-5%; top:29%; width:22.34%; }
.loading2.active .b6{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s;}
.loading2 .cord{ position:absolute; right:0; top:50%; transform:translateY(-50%); width: 100%; margin-top:1%; }
.loading2 .cord img{ width: 100%; }

.loading3{ background:#FC8992; }
.loading3 .c1{ position:absolute; left:12%; top:4%; width:12.42%; }
.loading3.active .c1{ -webkit-animation: rideranim 5s linear infinite; animation: rideranim 5s linear infinite; -moz-animation: rideranim 5s linear infinite; }
.loading3 .c2{ position:absolute; left:10%; bottom:17%; width:13.35%; }
.loading3.active .c2{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite;}
.loading3 .c3{ position:absolute; left:25%; top:10%; width:30%; }
.loading3.active .c3{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite; animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s;}
.loading3 .c4{ position:absolute; right:36%; bottom:3%; width:21.01%; }
.loading3.active .c4{-webkit-animation: rideranim1 8s linear infinite; animation: rideranim1 8s linear infinite; -moz-animation: rideranim1 8s linear infinite;}
.loading3 .c5{ position:absolute; right:0%; top:13%; width:30.39%; }
.loading3.active .c5{-webkit-animation: anim_a1 4s linear infinite; animation: anim_a1 4s linear infinite; -moz-animation: anim_a1 4s linear infinite;}
.loading3 .c6{ position:absolute; right:4%; bottom:2%; width:20.85%; }
.loading3.active .c6{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s;}
.loading3 .cord{ position:absolute; right:0; top:50%; transform:translateY(-50%); width: 100%; margin-top:3%; }
.loading3 .cord img{ width: 100%; }

.loading4{ background:#FC8992 url(../images/downloads/bg-pattern.png) no-repeat center center; background-size:100% auto; }
.loading4 .d1{ position:absolute; left:4%; top:4%; width:30%; }
.loading4.active .d1{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite;}
.loading4 .d2{ position:absolute; right:4%; bottom:20%; width:20.85%;  }
.loading4.active .d2{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s;}
.loading4 .cord{ position:absolute; right:0; top:50%; transform:translateY(-50%); width: 100%; margin-top:5%; }
.loading4 .cord img{ width: 100%; }

.loading5{ background:#FC8992 url(../images/recipes/pattern.png) repeat center center; }
.loading5 .e1{ position:absolute; left:-6%; top:16%; width:30%; }
.loading5.active .e1{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite;}
.loading5 .e2{ position:absolute; right:10%; bottom:3%; width:20.85%; }
.loading5.active .e2{-webkit-animation: anim_rotate 4s linear infinite; animation: anim_rotate 4s linear infinite; -moz-animation: anim_rotate 4s linear infinite; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s;}
.loading5 .cord{ position:absolute; right:0; top:50%; transform:translateY(-50%); width: 100%; margin-top:0%; }
.loading5 .cord img{ width: 100%; }

.mobile{ display:none !important; }

.main_sec{ display:none; margin:0 auto; position:relative; }
.main_sec.active{ display:block; }
.main_cont{ display:none; }
.main_cont.active{ display:block; }

.prev_arr{ position:absolute; left:0; top:38vh; width:4.39vw; /*height:15vh; background:rgba(255,255,255,0.40);*/ z-index:999; }
.prev_arr img{ /*position:absolute;*/ width:100%; /*left:-1px; top:50%; margin:-39px 0 0;*/ }

.next_arr{ position:absolute; right:0; top:38vh; width:4.39vw; height:15vh; /*background:rgba(255,255,255,0.40);*/ z-index:999; }
.next_arr img{ /*position:absolute;*/ width:100%; /*left:-1px; top:50%; margin:-39px 0 0;*/ }






/**************************************Footer Css**************************************************/
footer { width: 100%; background: #151515; padding: 20px 0; text-align: center; z-index: 9999; max-height: 100px; position: absolute; bottom: 0; height: 100px; }
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: 56.25%; }
.video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }


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