/** ********************************************** **
	@Author			Dorin Grigoras
	@Website		www.stepofweb.com
	@Last Update	Wednesday, Apryl 26, 2017

	TABLE CONTENTS
	-------------------------------
		Globals
		Boxed
		Color Background
		Slide Top
		Parallax Social Icons
		Page Header
		Top Nav
		Menu Vertical
		Page Menu
		Scroll To Top
		Preloader
		Misc
		Material Design
		Landing Page
		Featured Grid
		Captions
		Aside
		Masonry Gallery
		Simple Gallery [CSS ONLY]
		Image Hover
		Sticky Side
		Parallax Social icons
		Word Rotator
		Sliders
		Standard Forms Messages
		Portfolio
		Item Box
		Mixitup
		Blog
		Comments
		Timeline
		Contact
		Error 404
		Maintenance
		Login & Register
		Search Page
		Block Review
		Cards
		Category Grid
		Footer
		Responsive
		DEMO ONLY [remove on production]
*************************************************** **/



/** Globals
 **************************************************************** **/
html, body {
	height:100%;
	direction: ltr;
}
body {
	color:#666;
	background-color:#1e4699;
    font-family: montserrat, sans-serif;
	-webkit-font-smoothing: antialiased;
    font-weight:500;
	font-size:16px; line-height:1.5;
	margin:0; padding:0;
}

/* fixing some things due to other css */
body {
  font-weight:400;
}
p {
	font-size:16px; line-height:1.5;
}

ul {
  padding-inline-start:40px;
}

td, a {
  font-size:16px;
}

h1, h2 {
  overflow-wrap:normal;
}

h3 {
        font-family: montserrat, sans-serif;
	    font-weight:500;
}

h1 > span, h4 > span {
color:#1c3e8d;
}

/* done fixing */

.fda{
    display: block;
        background: #7839a6;
	padding:10px;
	font-style: italic;
}
.fda p{
	font-size: 12px;
	font-weight:400;
    color: rgba(255,255,255,0.7);
	    margin-bottom:0;
}

#slider h4{
    font-size: 22px;
    max-width: 420px;
    margin-top: 20px;
}

.fontMont{
	font-family: montserrat, sans-serif;
	font-weight:500;
}
.fontGill{
	font-family: gill-sans-nova, sans-serif;
}
.fontRoboto{
	font-family: roboto, sans-serif;
}
.fontNormal{
	font-weight:500;
}
.fontBold{
	font-weight:700;
}

/* example usage: index-onepage-youtube.html */
body.has-image-bg section,
body.has-video-bg section {
	background-color:#fff;
}

body #wrapper {/* used by RTL*/
	overflow:hidden; 
	min-height:100%; /*  because short page hide long menus */
}

body.bg-grey,
body.bg-grey #wrapper {
	background-color:#f1f2f7;
}

section {
	display: block;
	position: relative;
	padding: 100px 0;
	
	background-color: #fff;

	/*
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
	

	background-attachment: fixed;
	  background-position: center center;*/
		background-repeat: no-repeat;

	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		 -o-background-size: cover !important;

	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	   background-size: cover !important;
			box-sizing: border-box !important;
}


section:after,
section:before {
	content:" ";
	display:table;
}
	section:after {
		display: block;
	    content: "";
	    clear: both;
	}

/* remove effect on parallax */
section.parallax {
	-webkit-transition: none;
	   -moz-transition: none;
		 -o-transition: none;
			transition: none;
}

/**
	Static background image
	add to HTML: background-image:url();
**/
section.static-bg,
div.static-bg {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}



	div.alternate,
	section.alternate {
		background-color:rgba(0,0,0,0.02) !important;
	}

	section.dark {
		background-color:#212121 !important;
		border-bottom:rgba(255,255,255,0.1) 1px solid;
	}
	section.dark.alternate {
		background-color:#151515 !important;
	}



	div.alternate-2,
	section.alternate-2,
	section.alternate-2 div.heading-title h1, 
	section.alternate-2 div.heading-title h2, 
	section.alternate-2 div.heading-title h3, 
	section.alternate-2 div.heading-title h4, 
	section.alternate-2 div.heading-title h5, 
	section.alternate-2 div.heading-title h6 {
		background-color: #f4f4f4 !important;

	}


	div.alternate-3,
	section.alternate-3,
	section.alternate-3 div.heading-title h1, 
	section.alternate-3 div.heading-title h2, 
	section.alternate-3 div.heading-title h3, 
	section.alternate-3 div.heading-title h4, 
	section.alternate-3 div.heading-title h5, 
	section.alternate-3 div.heading-title h6 {
		background-color: #eae7e2 !important;

	}


	div.lightgreen,
	section.lightgreen,
	section.lightgreen div.heading-title h1, 
	section.lightgreen div.heading-title h2, 
	section.lightgreen div.heading-title h3, 
	section.lightgreen div.heading-title h4, 
	section.lightgreen div.heading-title h5, 
	section.lightgreen div.heading-title h6 {
		background-color: #eef4f2 !important;
	}


	/* eaf7ff */
	div.lightblue,
	section.lightblue,
	section.lightblue div.heading-title h1, 
	section.lightblue div.heading-title h2, 
	section.lightblue div.heading-title h3, 
	section.lightblue div.heading-title h4, 
	section.lightblue div.heading-title h5, 
	section.lightblue div.heading-title h6 {
		background-color: #dfe5ea !important;
	}

	/* different dark color */
	section.dark-2,
	section.dark-2 div.heading-title h1, 
	section.dark-2 div.heading-title h2, 
	section.dark-2 div.heading-title h3, 
	section.dark-2 div.heading-title h4, 
	section.dark-2 div.heading-title h5, 
	section.dark-2 div.heading-title h6 {
		color: #fff;
		background-color: #333a3f !important;

	}

	section.dark-2.alternate div.heading-title h1, 
	section.dark-2.alternate div.heading-title h2, 
	section.dark-2.alternate div.heading-title h3, 
	section.dark-2.alternate div.heading-title h4, 
	section.dark-2.alternate div.heading-title h5, 
	section.dark-2.alternate div.heading-title h6 {
		color: #fff;
		background-color: #292e32 !important;

	}



	.dark-2 a, 
	.dark-2 label, 
	.dark-2 h1, 
	.dark-2 h2, 
	.dark-2 h3, 
	.dark-2 h4, 
	.dark-2 h5, 
	.dark-2 h6 {
		color: #fff;
	}

	section.theme-color,
	section.theme-color h1,
	section.theme-color h2,
	section.theme-color h3,
	section.theme-color h4,
	section.theme-color h5,
	section.theme-color h6,
	section.theme- p,
	section.dark,
	section.dark p,
	section.dark h1,
	section.dark h2,
	section.dark h3,
	section.dark h4,
	section.dark h5,
	section.dark h6 {
		color:#fff;
	}
	section.section-xxs {
		padding:15px 0;
	}
	section.section-xs {
		padding:30px 0;
	}
	section.section-sm {
		padding:60px 0;
	}
	section.padding-md {
		padding:80px 0;
	}
	section.section-lg {
		padding:120px 0;
	}
	section.section-xlg {
		padding:140px 0;
	}
	section.dark a {
		color:#999;
	}
	section.parallax {
		border:0;
	}

body.bg-grey,
body.bg-grey #wrapper {
	background-color:#f1f2f7;
}


/* black link color - override theme color link */
a.href-reset,
.href-reset a {
	color:#121212;
}
section.dark a.href-reset,
section.dark .href-reset a {
	color:#eee;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color:#121212;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color:#888;
}

section.dark h1 a,
section.dark h2 a,
section.dark h3 a,
section.dark h4 a,
section.dark h5 a,
section.dark h6 a {
	color:#eee;
}

section.dark h1 a:hover,
section.dark h2 a:hover,
section.dark h3 a:hover,
section.dark h4 a:hover,
section.dark h5 a:hover,
section.dark h6 a:hover {
	color:#fff;
}

section header>h1,
section header>h2,
section header>h3,
section header>h4,
section header>h5,
section header>h6 {
	margin:0;
}

small { 
	font-family: 'Lato', sans-serif; 
}
label {
	display:block;
}


/* form control: inputs, textarea, etc */
.btn-default {
	border-width:2px;
}

.btn>.badge-absolute {
	position:absolute;
	right:-6px;
	top:-8px;
}



.input-group-addon {
	border:#ddd 2px solid;
	border-right:0;
}
	section.dark .input-group-addon {
		background-color:#212121;
		border-color:#666;
		color:#eaeaea;
	}
.form-control {
	border:#ddd 1px solid;
	box-shadow:none;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
section .input-group-btn .btn.btn-default,
section .input-group-btn button.btn-default {
	border-width:2px;
	border-color:#ddd;
}
.form-control:focus {
	border-color:#c6c6c6;
}
	section.dark .form-control {
		border-color: #666;
		background-color: rgba(255,255,255,0.05);
		outline: none;
	}
	section.dark .form-control:focus {
		border-color:#999;
	}



.nav-tabs>li>a {
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
}



/* DARK PRESETS */
section.dark input, 
section.dark select, 
section.dark textarea { 
	color:#fff;
}
section.dark .btn {
	color:#fff;
}
section.dark .thumbnail {
	border-color:#444;
	background-color:transparent;
}


/* fonts */
.font-open-sans {
	font-family:'Open Sans',Arial,Helvetica,sans-serif !important;
}
.font-lato {
	font-weight:300;
	font-family:'Lato',Arial,Helvetica,sans-serif !important;
}
.font-raleway {
	font-family:'Raleway',Arial,Helvetica,sans-serif !important;
}



/* 
	GLOBAL RADIUS
	Add here all needed bootstrap elements 
*/
pre,
.alert,
.card,
.navbar-toggle {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

/* 
	bootstrap rewrite 
*/
img.img-fluid {
	display:inline-block;
}


/** Boxed
 **************************************************************** **/
body.boxed {
	background-color:#f1f2f7;
}
body.boxed section {
	background-color:#fff;
}
body.boxed #wrapper {
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
@media only screen and (max-width: 992px) {
	body.boxed #wrapper {
		margin-top:0;
		margin-bottom:0;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
}



 
 
/** Color Background
 **************************************************************** **/








/** Slide Top
 **************************************************************** **/
#slidetop {
	display: block;
	color:#888;
	font-size:13px;
	background-color:#363839;
	z-index: 1500;
	position: absolute;
	top: 0; right: 0; left:0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	#slidetop h1,
	#slidetop h2,
	#slidetop h3,
	#slidetop h4,
	#slidetop h5,
	#slidetop h6 {
		font-size:13px;
		line-height:20px;
		color:#fff;
	}
	
	#slidetop ul {
		margin:0;
	}
	#slidetop a {
		color:#ccc;
		text-decoration:none;
	}
	#slidetop ul>li>a {
		display:block;
		overflow:hidden; 
		text-overflow:ellipsis; 
		white-space: nowrap;
		width:100%;
	}
	#slidetop ul>li>a>i {
		margin-right:6px;
	}
	#slidetop h1>i,
	#slidetop h2>i,
	#slidetop h3>i,
	#slidetop h4>i,
	#slidetop h5>i,
	#slidetop h6>i {
		margin-right:8px;
	}
	#slidetop a:hover {
		color:#fff;
	}
#slidetop .container {
	display:none;
	height: auto;
	padding:30px 0;
}

#slidetop a.slidetop-toggle {
	height:35px;
	position: absolute;
	right: 0; bottom:-35px;
	border-top: 35px solid #363839;
	border-left: 35px solid transparent;

	display:inline-block;
	text-decoration:none;
	color:#fff;
	text-align:center;
}
#slidetop a.slidetop-toggle:after {
	font-family:FontAwesome;
	content: "\f067";
	height:18px;
	color:#fff;
	position:absolute; 
	top: -34px;
	left: -16px;
}
	#slidetop.active a.slidetop-toggle:after {
		content: "\f068";
	}

	
@media only screen and (max-width: 768px) {
	#slidetop {
		display:none !important;
	}
}








#mito{
	background-image:url("/static/front/image/us/mitoBG.jpg");
	color:white;
	    border-bottom: 60px solid #5d3aa3;
}
#mito a{
	display: block;
    max-width: 230px;
    margin: auto;
}

.lang-es #mito a{
	font-size: 20px !important;
}
#mito h1{
color: white;
    font-weight: 700;
    font-size: 83px;
    line-height: 90px;
    margin: 0;
}
#mito h2{
	color:white;
	    font-size: 60px;
	line-height:60px;
}
#mito h4 {
    color: white;
    font-weight: 300;
    font-size: 37px;
    line-height: 27px;
}
#mito h5{
	    color: white;
    font-size: 28px;
    text-transform: lowercase;
	font-weight: 300;
    line-height: 34px;
    margin: 0;
}
#mito h6{
font-weight: 300;
    font-size: 23.5px;
    line-height: 34px;
    text-transform: uppercase;
}
#mito img{
	max-width:700px;
    margin: 30px auto 50px;
	width:90%;
}
#ionicFeatured{
	background-image: url("/static/front/image/us/ionicRunBG.jpg");
	min-height: 900px;
}
#strongOGFeatured{
    background-image: url(/static/front/image/us/battleRopes.jpg);
    background-position: bottom;
    padding: 20% 0;
    margin-bottom: -5px;
}
#strongOGFeatured strong{
	text-transform: uppercase;
}
#strongOGFeatured .btn, #ionicFeatured .btn{
	display:block;
	margin:30px auto;
}
#strongOGFeatured p{
	color: white;
    font-size: 20px;
    margin-top: 30px;
}
#bodeTen{
    background-image: url(/static/front/image/us/tenBG.jpg);
    background-position: top;
}
#bodeTen h1{
    margin: 30px 0px 30px;
    font-weight: 700;
    font-size: 35px;
}

#bodeTen a{
    margin-bottom: 30px;
    margin-top: 30px;
}

#evoque{
	background-image: url(/static/front/image/evoque-homepage-background.png);
	background-position: top;
}

#testimonialBig{
	padding: 0;
}

#testimonialBig img{
	width:100%;
}
#productPanels{padding:0;}
#productPanels .thumbnail{
	padding:0;
	       max-height: 600px;
}

#productPanels a{
    margin: auto;
    position: absolute;
    top: 26%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 16%;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
}
#productPanels span{
    text-transform: uppercase;
    color: white;
    font-weight: 300;
    display: block;
    margin: 20px auto;
    font-size: 24px;
font-weight: 500;
    position: relative;
}
#productPanels span span{
font-size: 12px;
    position: absolute;
    top: 4px;
    right: 0;
    left: 38px;
}

#productPanels span img{
width: 30px;
    margin-top: 14px;
transform: rotate(0deg);
transition:all 0.5s;
}
#productPanels:hover span img{
width: 30px;
    margin-top: 14px;
transform: rotate(360deg);
transition:all 0.5s;
}

#science{
    background-image: url(/static/front/image/us/scienceBG.jpg);
    padding: 320px 0;
    background-position: center;
}

#science h1{
	font-size:50px;
	line-height: 50px;
}
#science h1 span{
	display:block;
	    font-size: 68px;
}

#science.ja h1 span{
	display:inline;
}

@media (max-width: 999px)  {
	#science.ja h1 {
		font-size: 40px;
		line-height: 40px;
	}
	#science.ja h1 span{
		font-size: 58px;
	}
}

#science p {
    max-width: 374px;
    font-weight: 300;
}



#verve{
	background-image:url("/static/front/image/us/jumpingBG.jpg");
	    padding: 17% 0;	
    background-position: right;
}
#verve .container2{
    margin-right: 14%;
}
#verve h1 {
    color: white;
    text-align: right;
    font-size: 72px;
    font-weight: 700;
    line-height: 84px;
}
#verve span{
color: white;
    font-weight: 300;
    font-size: 58px;
    line-height: 67px;
    display: block;
}
#verve .btn{
	float: right;
}

#productsVerve{
	text-align:left;
}
#productsVerve h1{
	    text-transform: uppercase;
    text-align: left;
    line-height: 38px;
    font-size: 40px;
	    margin-bottom: 5px;
}
#productsVerve h1.fontMont:first-of-type{
	    margin-left: 7%;
}
#productsVerve p{
	text-align: left;
    line-height: 20px;
    margin-top: 12px;
    width: 90%;
}

#productsVerve .vervePanel h2{
    font-weight: 700;
    font-size: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
	
}

#productsVerve .vervePanel{
	    position: relative;
    min-height: 480px;
	margin-top:30px;
	display: block;
}
#productsVerve .vervePanel:hover{
	margin-top:20px;
	transition: all 0.5s;
}

#productsVerve .vervePanel img{
    max-width: 400px;
    position: absolute;
    left: 32%;
}

#productVerveOriginal{
    background-image: url(/static/front/image/us/jumpingGroupBG.jpg);
    background-position: right;
}
#productVerveOriginal h1{
    text-align: center;
    color: white;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}
#productVerveOriginal h2{
    color: white;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 30px;
}
#productVerveOriginal p{
color: white;
    text-transform: uppercase;
    text-align: left;
    font-size: 11px;
    line-height: 20px;
    margin-top: 30px;
}
#productVerveOriginal h1 span{
	text-transform:lowercase;
	color:white;
	font-size: 30px;
	font-weight:300;
}

#productVerveOriginal img{
max-width: 520px;
	padding:20px;
}

#productVerveZero{
    background-image: url(/static/front/image/us/runnerBG.jpg);
    background-position: right;
    padding-top: 17%;
    padding-bottom: 10%;
}


#productVerveZero h2{
font-size:22px;
}

#productVerveZero .rethinkTitle{
width:100%;
	padding:0px;
	margin-top:10%;
}

#productVerveZero2 .verveZeroCan{
	position:relative;
}

#productVerveZero2 .verveZeroCan img{
    position: absolute;
    top: -430px;
    width: 160%;
    left: 40px;
}

#productVerveZero2{
	background-color:white;
}
#productVerveZero2 .rethinkTitle{
    width: 70%;
    margin-left: 30%;
}

#productVerveZero2 .noneSugar{
    bottom: -250px;
    position: absolute;
    max-width: 240px;
    margin: 40px;
}

#productVerveZero2 p{
    margin-top: 0px;
	    color: black;
}

#productVerveZero2 .btn{
	    position: absolute;
    bottom: 40px;
    left: -40px;
    right: 0;
}

#productBurn{
	background-image:url("/static/front/image/us/battleRopeBG.jpg");
    padding-bottom: 23%;
    background-position: bottom;
}

#productBurn .rethinkTitle{
	    width: 100%;
    margin-top: 50%;
}

#productBurn2{
	background-color:#d5001b;
	color:white;
	text-align:left;
	    padding-top: 5%;
}

#productBurn2 .verveBurnCan{
	position:relative;
	
}
#productBurn2 .verveBurnCan img{
	    width: 110%;
    position: absolute;
    top: -250px;
    left: 115px;
}
#productBurn2 h1{
    color: white;
    text-align: left;
    font-size: 66px;
    line-height: 66px;
}

#productBurn2 h1 span{
    color: white;
    font-size: 72px;
}
#productBurn2 h4{
	    text-align: left;
    color: white;
    font-weight: 700;
}

#productBurn2 .btn{
	margin-top:70px;
}

/**Featured Page secondary Area**/
#bodeStrong2{
	background-image:url("/static/front/image/us/strongBG21.jpg");
    padding: 100px 0 200px;
    min-height: 900px;
	    background-position: center;
}
#bodeHappy2{
	background-image:url("/static/front/image/us/happyBG2.jpg");
	padding: 100px 0 200px;
    min-height: 900px;
	    background-position: bottom;
}

#bodeTen2{
	background-image:url("/static/front/image/us/bodeTenBG221.jpg");
	    padding: 300px 0;
	    background-position: bottom;
}
#bodeTen2 h1 {
    text-align: left;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    line-height: 58px;
    font-size: 45px;
    margin-bottom: 20px;
}
#bodeStrong2 .fullDiv{
   background-color: rgba(255, 0, 0, 0.5);
        padding: 20px;
}
#bodeHappy2 .fullDiv{
    background-color: rgba(255, 114, 12, 0.7);
    position: absolute;
    width: 100%;
    top: 35%;
}
#bodeHappy2 h1{
    float: left;
    font-size: 100px;
    font-weight: 100;
    color: white;
    margin-bottom: 0;
    text-align: left;
    margin-right: 30px;
}
#bodeHappy2 h3{
    color: white;
    line-height: 36px;
    margin: 36px auto;
    font-size: 30px;
}
#bodeHappy2 h3 span{
    color: white;
    display: block;
    font-size: 42px;
    font-weight: 700;
}
#bodeHappy2 .btn{
	margin: 42px auto;
}
#bodeStrong2 h1 {
    text-align: left;
    text-transform: uppercase;
    color: white;
    line-height: 30px;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0;
}
#bodeStrong2 h1 span{
    color: white;
    text-transform: none;
}
#bodeStrong2 h1 span.fontage{
	font-size:22px;
    line-height: 40px;
}
#bodeStrong2 h1 span.forceBold{
	font-weight:700;
    text-transform:uppercase;
}
#bodeStrong2 .btn{
   margin: 20px;
}
#bodeTen2 h1 span {
    color: white;
    font-weight: 300;
    font-size: 151%;
}
#bodeTen2 a{
	float:left;
}
#verveBurn{
		background-image:url("/static/front/image/us/battleRopeBG.jpg");
	    padding: 50px 0 200px 0;
	    background-position: bottom;
}
#verveZero{
	background-image:url("/static/front/image/us/runnerBG.jpg");
	padding: 200px 0;
}
#verveBurn img:first-of-type{
	width:100%;
	margin:200px auto 40px;
}
#verveBurn img:last-of-type{
    width: 100%;
    margin: 0px auto 50px;
}
#verveZero img{
	width:100%;
	margin:200px auto 40px;
}
#productBodeTen.featuredArea{
	background-color:#0e6ff2;
}
#productVerveBurn.featuredArea .verveBurnCan img {
    width: 110%;
    position: absolute;
    top: -240px;
    left: 135px;
}
#productVerveBurn.featuredArea{
	background-color:#d5001b;
}
#productVerve2.featuredArea, #productBodeStrong.featuredArea, #productStrongOG.featuredArea{
	background-color:#f2630e;
}
#productBodeHappy.featuredArea{
	background-color:#f78800;	
}

.productVid{
	background-image:url("/static/front/image/us/burnVidBG.jpg");
	text-align:left;
}
.productVid p {
    margin: 30px 70px;
    font-weight: 300;
}

.scienceStripe{
	background-image:url("/static/front/image/us/scienceStripBG.jpg");
	padding: 50px;
}
.scienceStripe h1{
    text-align: center;
    color: white;
    font-weight: 500;
    font-size: 60px;
    margin: 0px auto;
    display: block;
}
.scienceStripe h1.ten {
    text-align: center;
    color: white;
    font-weight: 500;
    font-size: 100px;
    line-height: 90px;
    margin: 0px auto;
    display: block;
}

.scienceStripe a.btn.btn-secondary.btn-lg{
	display: block;
    margin: 18px auto;
}

#productVerveZero2.featuredArea{
	background-color:#efefef;
}
#productIonic.featuredArea{
	background-color:#00814f;
}
.featuredArea strong{
	text-transform:uppercase;
}
.featuredArea p{
	line-height: 28px;
}
.featuredDocsArea{
	background-color:white;
	color:black;
	text-align:left;
	    padding-top: 5%;
}
.featuredDocsArea h2{
    font-weight: bold;
    font-size: 34px;
    line-height: 36px;
	    max-width: 460px;
	    color: #f2630e;
}	
.featuredDocsArea .disclaimer{
	font-size:12px;
	margin-top:20px;
}
#verveState.featuredDocsArea h2{
	color: #f2630e;
}
#verveZeroState.featuredDocsArea h2, .featuredDocsArea#verveZeroState table tr td span{
	color: #3475d4;
}
#verveBurnState.featuredDocsArea h2, .featuredDocsArea#verveBurnState table tr td span{
	color: #d5001b;
}
#bodeHappyState.featuredDocsArea h2, .featuredDocsArea#bodeHappyState table tr td span{
	color:#f78800;
}
#verveBurnState.featuredDocsArea ul span{
    color: #d5001b;
    margin: 30px 0 30px;
    display: block;
    line-height: 26px;
    font-size: 20px;
    font-weight: 700;
}
#bodeTenState.featuredDocsArea h2, .featuredDocsArea#bodeTenState table tr td span{
	color:#0e6ff2;
}
#ionicState.featuredDocsArea h2, .featuredDocsArea#ionicState table tr td span{
	color:#00814f;
}


.featuredDocsArea li::before {
    content: '\2022';      /* Unicode for • character */
    position: absolute;
    left: -0.8em;          /* Adjust this value so that it appears where you want. */
    font-size: 1.1em;      /* Adjust this value so that it appears what size you want. */
}
.featuredDocsArea li {
    list-style-type: none;
    position: relative;
    font-size: 16px;
    margin-bottom: 10px;
}
.featuredDocsArea table tr td {
    color: #8d8d8d;
    border: 1px solid rgba(105, 105, 105, 0.5);
    text-align: left;
    padding: 15px;
    height: 100px;
	    line-height: 20px;
}
.featuredDocsArea table tr td:last-of-type{
	text-align: center;
}
.featuredDocsArea table tr td span{
	    color: #f2630e;
}


    
.featuredDocsArea table{
	    color: #8d8d8d;
	width:100%;
}
.featuredDocsArea table img{
	    max-width: 50px;
}
.featuredArea p, .featuredArea li {
	color:white;
	text-align:left;
}

.featuredArea .verveBurnCan{
	position:relative;
	
}
#productIonic.featuredArea .verveBurnCan img {
    width: 70%;
    position: absolute;
    top: -482px;
    right: 75px;
}
#productStrongOG.featuredArea .verveBurnCan img {
    width: 70%;
    position: absolute;
    top: -380px;
    left: 75px;
}
.featuredArea .verveBurnCan img {
    width: 110%;
    position: absolute;
    top: -250px;
    left: 75px;
}
.featuredArea h1{
    color: white;
    text-align: left;
    font-size: 66px;
    line-height: 66px;
}

.featuredArea h1 span{
    color: white;
    font-size: 72px;
}
.featuredArea h4{
	    text-align: left;
    color: white;
    font-weight: 700;
}

.featuredArea .btn{
	margin-top:70px;
}

/********************************/

#testimonialsLGJen{
background-image:url("/static/front/image/us/testimonialLG.jpg");
    	color:white;
	    padding: 200px 0 0 0;
	background-position:bottom;
}

#testimonialsLG{
	background-image:url("/static/front/image/us/beachPurpleBG.jpg");
	color:white;
}
#testimonialsLG p {
	color:white;
}
#testimonialsLG h1, #testimonialsLGJen h1{ font-weight:700; color:white;font-size:40px;}
#testimonialsLG img{
	width: 100%;
    max-width: 300px;
    margin: 40px;
    height: 100%;
    max-height: 300px;
}
#testimonialsLGJen img {
    width: 100%;
    max-width: 150px;
    margin: 40px;
    height: 100%;
    max-height: 150px;
    float: left;
}
#testimonialsLG figure, #testimonialsLGJen figure{
	display:inline-block;
}
#testimonialsLG p{
	    margin: 0;
    font-size: 36px;
    line-height: 40px;
    font-style: italic;
    text-align: center;
}
#testimonialsLGJen p{
	    margin: 0;
    font-size: 36px;
    line-height: 60px;
    font-style: italic;
    text-align: left;
}
#testimonialsLG cite{
	    font-weight: bold;
    text-align: center;
    text-shadow: none;
    margin: 20px auto;
    display: block;
    font-size: 25px;
    font-style: normal;
}
#testimonialsLGJen cite{
    text-align: left;
	    font-style: normal;
}
#testimonialsLGJen cite strong {
    font-size: 34px;
    padding: 80px 0 0 0;
    text-transform: uppercase;
    color: white;
    text-align: left;
    display: block;
    line-height: 36px;
}
#testimonialsLGJen cite strong span {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

    
.owl-pagination{
	    font-weight: bold;
    text-align: center;
    text-shadow: none;
    margin: 20px auto;
    display: block;
    font-size: 25px;
    font-style: normal;
}

.highlights{
	    padding-left: 0;
}
.highlights li{
	    list-style-type: none;
    width: 50%;
    text-align: left;
    float: left;
	    font-size: 14px;
}

.btn.btn-secondary.btn-lg{
	    border-color: #fc7b1e;
	color:white;
	background-color:#fc7b1e;
	    width: 100%;
    margin: auto;
    max-width: 220px;
	transition:all 0.5s;
}
.btn.btn-secondary.btn-lg:hover{
	    border-color: #fc7b1e;
	color:#fc7b1e;
	background-color:white;
	transition:all 0.5s;
}









.highPriority .headline.headline2 {
    line-height: 40px;
    font-size: 24px;
	font-weight: 700;
}

.highPriority .bulleted p.headline {
    margin-bottom: 30px;
    line-height: 40px;
}

.highPriority p{
	font-weight:300;
}
.highPriority p span{
    display: inline-block;
    margin-right: 10px;
    font-size: 74px;
    line-height: 26px;
    vertical-align: top;
}






	/* 
		for anywhere use 
		<button class="fancy_big_btn inverse"><i></i></button>
	*/
	.fancy_big_btn {
		right:auto;
		left:0;
		top:20px;
	}
	.fancy_big_btn.inverse {
		left:auto;
		right:0;
	}
		/* custom icon */
		.fancy_big_btn i.fa,
		.fancy_big_btn i.et,
		.fancy_big_btn i.glyphicon,
		.fancy_big_btn i.icon,
		.fancy_big_btn i.ico {
			background-image:none;
			color:#fff;
			font-size:30px;
			line-height:50px;
			margin:0;
			padding:0;

			-webkit-transition: all 300ms;
			   -moz-transition: all 300ms;
				 -o-transition: all 300ms;
					transition: all 300ms;
		}
		.fancy_big_btn:hover i.fa,
		.fancy_big_btn:hover i.et,
		.fancy_big_btn:hover i.glyphicon,
		.fancy_big_btn:hover i.icon,
		.fancy_big_btn:hover i.ico {
			color:#000;
		}





	/* Dark & Color Header */
	#header.dark {
		background-color:#333;
	}
	#header.dark #topMain.nav-pills>li>a {
		color:#ccc;
	}
	#header.dark #topMain.nav-pills>li.active>a,
	#header.dark #topMain.nav-pills>li>a:hover {
		color:#fff;
	}
	



	/* Transparent Header */
	#header.transparent {
		position:absolute;
		background-color:transparent;
		border-bottom:rgba(255,255,255,0.3) 1px solid;

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	#header.transparent.color,
	#header.transparent.dark {
		border:0;
	}
	#header.transparent #topMain.nav-pills>li>a {
		color:#fff;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	#header.transparent #topMain.nav-pills>li.active>a,
	#header.transparent #topMain.nav-pills>li>a:hover {
		background-color:rgba(0,0,0,0.03);
	}
	#header.transparent + section.page-header.page-header-lg,
	#header.transparent + section.page-header {
		/*margin-top:-100px;*/
		padding:180px 0;
	}
	#header.transparent + section.page-header.page-header-xlg {
		padding:280px 0;
		padding-top:350px;
	}
	
	#header.transparent + section.page-header.page-header-lg {
		padding-top:250px;
	}

	#header.transparent a.social-icon {
		background-color:rgba(0,0,0,0.2);
	}
	#header.transparent a.social-icon>i {
		color:#eaeaea;
	}
	
		/* on scroll */
		#header.fixed.transparent{
			background-color:#fff;
		}
		#header.fixed.dark,
		#header.fixed.dark.transparent {
			background-color:#333;
			border:0;
		}
		#header.fixed.transparent #topMain.nav-pills>li>a {
			color:#151515;
		}
		#header.fixed.dark.transparent #topMain.nav-pills>li>a {
			color:#fff;
		}

	@media only screen and (max-width: 992px) {
		#header.transparent.fixed #topNav button.btn-mobile {
			color:#333 !important;
		}
		#header.transparent.dark.fixed #topNav button.btn-mobile {
			color:#fff !important;
		}
		#header.transparent #topMain.nav-pills>li>a {
			color:#fff;
		}
		#header.transparent.dark #topMain.nav-pills>li>a {
			color:#fff;
		}
	}
	

	@media only screen and (max-width: 768px) {
		#header.transparent + section.page-header {
			margin-top:0;
		}

		/* force dark submenu */
		#header.transparent #topMain {
			background-color:#333 !important;
		}
		#header.transparent #topMain li.active>a {
			color:#fff !important;
		}
	}



	/* Transparent Header */
	#header.translucent {
		position:absolute;
		background-color:rgba(0,0,0,0.2);

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}

	#header.translucent #topMain.nav-pills>li>a {
		color:#fff;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	#header.translucent #topMain.nav-pills>li.active>a,
	#header.translucent #topMain.nav-pills>li>a:hover {
		color:#fff;
		background-color:rgba(0,0,0,0.1);
	}
	#header.translucent + section.page-header {
		margin-top:-100px;
		padding:180px 0;
	}
	#header.translucent + section.page-header.page-header-xlg {
		padding:280px 0;
		padding-top:420px;
	}
	
	#header.translucent + section.page-header.page-header-lg {
		padding-top:350px;
	}

		/* on scroll */
		#header.fixed.translucent{
			background-color:#fff;
		}
		#header.fixed.dark,
		#header.fixed.dark.translucent {
			background-color:#333;
			border:0;
		}
		#header.fixed.translucent #topMain.nav-pills>li>a {
			color:#151515;
		}
		#header.fixed.dark.translucent #topMain.nav-pills>li>a {
			color:#fff;
		}

	@media only screen and (max-width: 768px) {
		#header.transparent + section.page-header {
			margin-top:0;
		}
	}



	/* BOTTOM HEADER */
	#header.bottom {
		position:absolute;
		top:auto; bottom:0;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#header.bottom.fixed {
		top:0; bottom:auto;
	}
	#header.bottom.sticky {
		position:absolute;
	}
	#header.bottom.fixed.sticky {
		position:fixed;
	}
	#header.bottom.dropup #topMain>li>ul.dropdown-menu ul.dropdown-menu {
		bottom: auto;
		box-shadow:none;
	}

	#header.bottom.dropup ul.dropdown-menu {
		bottom:94px;
		top: auto;
	}
		#header.header-md.bottom.dropup ul.dropdown-menu {
			bottom:68px;
			top: auto;
		}
		#header.header-sm.bottom.dropup ul.dropdown-menu {
			bottom:58px;
			top: auto;
		}


	#header.bottom.dropup li.mega-menu ul.dropdown-menu {
		bottom:-2px;
	}
		#header.header-md.bottom.dropup li.mega-menu ul.dropdown-menu {
			bottom:-2px;
		}
		#header.header-sm.bottom.dropup li.mega-menu ul.dropdown-menu {
			bottom:-2px;
		}



	#header.bottom.dropup.slim ul.dropdown-menu {
		bottom:53px;
	}

	#header.bottom.dropup ul.dropdown-menu:before {
		top:auto;
		bottom: -10px !important;
		border-bottom:0 !important;
		border-top: rgba(255,255,255,1) 10px solid;
	}
	#header.bottom.dropup.dark ul.dropdown-menu:before {
		border-top: rgba(33,33,33,0.95) 10px solid !important;
	}

	#header.bottom  + #slider {
		margin-bottom:94px;
	}
		#header.header-md.bottom  + #slider {
			margin-bottom:70px;
		}
		#header.header-sm.bottom  + #slider {
			margin-bottom:60px;
		}
		#header.header-sm.bottom.transparent + #slider,
		#header.header-sm.bottom.translucent + #slider {
			margin-bottom:0;
		}

	#header.bottom + #slider > .swiper-container .swiper-pagination {
		top:0 !important;
		bottom:auto;
	}

	@media only screen and (max-width: 992px) {
		#header.bottom {
			top:0; bottom:auto;
		}
		#header.bottom.sticky {
			position:relative !important;
		}
		#header.bottom.transparent #topNav button.btn-mobile {
			color:#212121;
		}
		#header.bottom + #slider > .swiper-container .swiper-pagination {
			top:auto !important;
			bottom:10px;
		}
	}

	
	/* STATIC HEADER */
	#header.bottom.static + #slider {
		margin-bottom:0;
	}
	#header.bottom.static {
		border-top:rgba(0,0,0,0.15) 1px solid;
	}
	#header.bottom.static.dark {
		border-top:rgba(255,255,255,0.15) 1px solid;
	}
	@media only screen and (max-width: 992px) {
		#header.static {
			/*position:relative !important;*/
		}
	}

	 #header.static:not(.transparent) + section.page-header {
	 	margin-top:60px;
	 }



	/* fullwidth container */
	#topNav .full-container {
		display:block;
		margin:0 15px;
	}





	/* Small Height : 60px */
	#header.header-sm #topNav a.logo {
		height:60px;
		line-height:50px;
	}
	#header.header-sm #topNav a.logo>img {
		height:60px;
	}
	#header.header-sm #topNav #topMain>li>a {
		height:60px;
		line-height:60px;
	}
	@media only screen and (max-width: 992px) {
		#header.header-sm #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-sm #topMain.nav-pills>li.active>a,
		#header.header-sm #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
	}




	/* Static */
	#header.static {
		position:fixed;
	}
		#header.static:not(.transparent) {
			border-bottom:rgba(0,0,0,0.08) 1px solid;
		}























/** Scroll To Top
 **************************************************************** **/
#toTop {
	font-size:38px;
	line-height:33px;
	background-color: rgba(0,0,0,0.3);
	color: #FFF;
	position: fixed;
	height: 35px; width: 40px;
	right: 6px; bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-decoration:none;
	display:none;
	z-index: 1000;

	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
#toTop:hover {
	background-color: rgba(0,0,0,0.7);
}
#toTop:before {
	font-family: "fontawesome";
	content: "\f102";
}








/** Preloader
 **************************************************************** **/
#preloader {
    position: fixed;
    z-index: 9999999;
    top: 0; bottom: 0;
    right: 0; left: 0;

    background: #fff;
}

.inner {
    position: absolute;
    top: 0; bottom: 0;
    right: 0; left: 0;

    width: 54px;
    height: 54px;
    margin: auto;
}

.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

#preloader span.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}







/** Misc
 **************************************************************** **/
.img-hover img {
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}
	.img-hover:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.img-hover>.badge-absolute {
		position: absolute;
		border-radius:0 !important;
		padding:8px;
		z-index:100;
	}



ul.list-inline.list-separator>li:before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	opacity: .5;
}
ul.list-inline.list-separator>li:first-child:before {
	margin:0;
	content:'';
}


.navbar-toggle {
	border:0;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: none;
}
.navbar-toggle .icon-bar {
	display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-bottom:3px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#111;
}
@media only screen and (max-width: 768px) {
	.navbar-toggle {
		display: inherit;
	}
}


/* infinite scroll */
#infscr-loading {
	position: fixed;
	top: 50%; left: 50%;
	width: 68px; height: 68px;
	line-height: 68px;
	font-size: 30px;
	text-align: center;

	color: #fff;
	margin: -34px 0 0 -34px;
	background-color: rgba(0,0,0,0.8);

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

form .row {
	margin-bottom:20px;
}
form label {
	font-weight:bold;
}
table a {
	color:#666;
}
section.dark table a {
	color:#ddd;
}



/* Featured OWL Carousel */
.owl-carousel.featured .thumbnail.float-left {
	margin-right:20px;
}
.owl-carousel.featured .thumbnail.float-right {
	margin-left:20px;
}
.owl-carousel.featured a {
	color:#333;
}
section.dark .owl-carousel.featured a {
	color:#999;
}

/* thumnail */
.owl-item .thumbnail>img {
	width: 100%;
	height: auto;
}
.thumbnail>figure {
	margin: 0;
}



/* 
	increment / decrement - quantity shop like 

	<!-- QTY -->
	<span class="incrdcr">
		<a href="#" data-for="no" data-min="1" class="decr">-</a>
		<input id="no" type="text" name="qty" value="1" title="Number" >
		<a href="#" data-for="no" data-max="999" class="incr">+</a>
	</span>
	<!-- /QTY -->
*/
.incrdcr .incr,
.incrdcr .decr {
	color:#000;
	display: block;
	float: left;
	cursor: pointer;
	border: 0 transparent;
	padding: 0;
	width: 36px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(0,0,0,0.07);
	font-size: 16px;
	font-weight: 700;
	text-decoration:none;

	-webkit-transition: background-color .2s linear;
		 -o-transition: background-color .2s linear;
			transition: background-color .2s linear;
}
.incrdcr .incr:hover,
.incrdcr .decr:hover {
	background-color: rgba(0,0,0,0.1);
}

.incrdcr>input {
	float: left;
	width: 50px;
	height: 40px;
	line-height: 40px;
	border: 0;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.07);
	text-align: center;
	margin-bottom: 0;
}

/* Link List - example: page-faq-4.html */
ul.list-links>li>a {
	color:#111;
	font-weight:700;
	display:inline-block;
	padding:3px 0;
	font-size:16px;
}
ul.list-links>li>a>i {
	margin-right:6px;
}
section.dark ul.list-links>li>a {
	color:#fff;
}

/* Slimscroll */
.slimScrollBar {
	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
			border-radius: 0 !important;
}


/* Canvas Particles */
#canvas-particle {
	position:absolute;
}
	#slider #canvas-particle {
		z-index:10;
	}


/* Youtube Background */
#video-volume {
	bottom: 85px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	z-index: 100;
	width: 30px;
	height: 30px;
	line-height: 26px;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #FFFFFF;
	cursor: pointer;
}

/* Text Rotator */
h1>span.rotate,
h2>span.rotate,
h3>span.rotate,
h4>span.rotate,
h5>span.rotate,
h6>span.rotate {
	color:inherit !important;
}


/** EVENT LIST 

	Example Usage: index-thematics-music.html

	<div class="event-item">
		<div class="event-date-wrapper">
			<span class="event-date-day">02</span>
			<span class="event-date-month">April</span>
		</div>
		<div class="event-content-wrapper">
			<div class="event-content-inner-wrapper">
				<h3 class="event-title"><a href="#">Columbia, SC</a></h3>
				<div class="event-location">Colonial Life Arena w/ Aloe Blacc </div>
			</div>
			<div class="event-status-wrapper">
				<a href="#">Buy Now</a>
			</div>
		</div>
	</div>

**/
.event-item {
	margin-bottom:25px;
	padding:10px;
	display:block;
	background-color:rgba(0,0,0,0.04);
}
section.dark .event-item {
	background-color:rgba(0,0,0,0.06);
}

.event-item .event-date-wrapper {
	float: left;
	text-align: center;
	width: 55px;
	margin-right: 20px;
}
.event-item .event-date-wrapper .event-date-day {
    font-size: 43px;
    font-weight: bold;
    display: block;
    line-height: 1;
    margin-bottom: 4px;
}
.event-item .event-date-wrapper .event-date-month {
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.event-item .event-content-wrapper {
    padding-top: 6px;
    overflow: hidden;
    position: relative;
}
.event-item .event-content-wrapper .event-content-inner-wrapper {
    padding-right: 105px;
}
	.event-item .event-content-wrapper .event-content-inner-wrapper .event-title {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.event-item .event-content-wrapper .event-location {
		font-size:13px;
	}
.event-item .event-content-wrapper .event-status-wrapper {
    position: absolute;
    top: 10px;
    right: 0px;
    text-align: center;
    letter-spacing: 1px;
}
@media only screen and (max-width: 600px) {
	.event-item .event-content-wrapper .event-content-inner-wrapper {
		padding-right:0;
	}
	.event-item .event-content-wrapper .event-status-wrapper {
		position:relative;
		top:auto;
		right:auto;
		left:auto;
		text-align:left;
	}
}


/**  INLINE NEWS 

	Example Usage: index-thematics-music.html

	<div class="inews-item">
		<a class="inews-thumbnail" href="#">
			<span class="inews-sticky font-lato">
				<i class="fa fa-bullhorn"></i> 
				STICKY POST
			</span>
			<img class="img-fluid" src="assets/images/_smarty/demo/thematics/music/i3-min.jpg" alt="image" />
		</a>
		
		<div class="inews-item-content">

			<div class="inews-date-wrapper">
				<span class="inews-date-day">29</span>
				<span class="inews-date-month">June</span>
				<span class="inews-date-year">2015</span>
			</div>

			<div class="inews-content-inner">

				<h3 class="size-20"><a href="#">Lorem Upsum Dolor</a></h3>
				<ul class="blog-post-info list-inline noborder margin-bottom-20 nopadding">
					<li>
						<a href="page-profile.html">
							<i class="fa fa-user"></i> 
							<span class="font-lato">By John Doe</span>
						</a>
					</li>
					<li>
						<i class="fa fa-folder-open-o"></i> 

						<a class="category" href="#">
							<span class="font-lato">Design</span>
						</a>
						<a class="category" href="#">
							<span class="font-lato">Photography</span>
						</a>
					</li>
				</ul>

				<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Idque Caesaris facere voluntate liceret: sese habere....</p>
			</div>
			

		</div>
	</div>

**/
.inews-item {
	clear:both;
	margin-bottom:30px;
	min-height:132px;
	position:relative;
}
	.inews-item:after,
	.inews-item:before {
		display:table;
		content:" ";
	}
	.inews-item:after {
		clear: both;
	}
.inews-item .inews-thumbnail {
	border:0;
	padding:0;
	width: 35%;
	max-width:350px;
	margin: 0 20px 0 0;
	float:left;
	position:relative;
}
	.inews-item .inews-thumbnail .inews-sticky {
		position:absolute;
		left:0; bottom:-1px;
		background-color:#74c6de;
		color:#fff;
		font-size: 11px;
		font-weight: bold;
		padding: 5px 12px;
		text-shadow:#333 0 0 1px;
	}
	.inews-item .inews-thumbnail .inews-sticky>i {
		font-size:14px;
		margin-right:8px;
	}
.inews-item .inews-date-wrapper {
	text-align: center;
	position:absolute;
	left:0;
	margin-right: 20px;
	width: 65px;
	padding-bottom: 20px;
	background-color:rgba(0,0,0,0.1);
}
.inews-item .inews-date-wrapper:before {
	content:' ';
	position:absolute;
	right:-10px;
	top:6px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;

	border-left: 10px solid rgba(0,0,0,0.1);
}
	.inews-item .inews-date-wrapper .inews-date-day {
		display: block;
		font-size: 50px;
		line-height: 1;
		margin-bottom: 16px;
	}
	.inews-item .inews-date-wrapper .inews-date-month {
		display: block;
		font-size: 14px;
		line-height: 1;
		margin-bottom: 14px;
	}
	.inews-item .inews-date-wrapper .inews-date-year {
		display: block;
		font-size: 17px;
		line-height: 1;
	}
.inews-item .inews-item-content {
	overflow:hidden;
	padding-left:85px;
	position:relative;
}
	.inews-content-inner h3 {
		margin-bottom:8px;
		display:block;
		margin-top:3px;
	}
	.inews-content-inner .list-inline>li {
		padding:0;
	}

@media only screen and (max-width: 768px) {
	.inews-item {
		max-width:380px;
		margin-left:auto;
		margin-right:auto;
	}
	.inews-item .inews-thumbnail {
		float:none;
		display:block;
		margin-bottom:20px;
		width:100%;
	}
}


/** TEAM ITEM
	example usage:
	index-thematics-wedding.html


	<div class="team-item clearfix">
		<img class="team-item-image rounded" src="assets/images/_smarty/demo/thematics/wedding/him-min.jpg" alt="wedding" width="150" height="150" />
		
		<div class="team-item-desc">
			<h4 class="nomargin">MIKE BAKER</h4>
			<h5><span>Groom</span></h5>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, pariatur, magni! Omnis reiciendis architecto, cupiditate fuga dolores nam accusamus iste molestias quos mollitia totam eius porro culpa incidunt, sunt rerum molestiae aliquid non hic.</p>
			<hr />

			<!-- Social Icons -->
			<div class="margin-top-20">
				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-facebook float-left" data-toggle="tooltip" data-placement="top" title="Facebook">

					<i class="icon-facebook"></i>
					<i class="icon-facebook"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-twitter float-left" data-toggle="tooltip" data-placement="top" title="Twitter">
					<i class="icon-twitter"></i>
					<i class="icon-twitter"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-gplus float-left" data-toggle="tooltip" data-placement="top" title="Google plus">
					<i class="icon-gplus"></i>
					<i class="icon-gplus"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-linkedin float-left" data-toggle="tooltip" data-placement="top" title="Linkedin">
					<i class="icon-linkedin"></i>
					<i class="icon-linkedin"></i>
				</a>

			</div>
			<!-- /Social Icons -->

		</div>
	</div>

 ********************** **/
.team-item {
	position:relative;
}
.team-item .team-item-image {
	position:absolute;
	left:0;
	top:0;
}
.team-item .team-item-desc {
	padding-left:180px;
}
@media only screen and (max-width: 482px) {
	.team-item {
		text-align:center;
	}
	.team-item .team-item-desc {
		padding-left:0;
		margin-top:20px;
	}
	.team-item a.social-icon {
		float:none !important;
	}
	.team-item .team-item-image {
		position:relative;
	}
}


/* flot chart */
.flot-chart .legendLabel {
	padding:0 8px;
}


/* Vectorial Map */
svg {
    touch-action: none;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #333;
    padding: 4px 0;
    color: white;
    width: 40px;
    height: 40px;
	padding:0;
    cursor: pointer;
    line-height: 40px;
	font-size:24px;
    text-align: center;


	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
}
.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
	background-color:#444;
}
.jvectormap-zoomin {
    top: 0;
}

.jvectormap-zoomout {
    top: 50px;
}

div.vector-map {
	background-color:rgba(0,0,0,0.06);
	border: rgba(0,0,0,0.06) 1px solid;
	padding:20px 10px;
	position:relative;
}



/* 
	breathing background 
	zoom in - zoom out
*/
@keyframes breath {
  0%   { background-size: 100% auto; }
  50% { background-size: 110% auto; }
  100% { background-size: 100% auto; }
}

.bg-breath {
	width: 100%;
	height: 100%;
	animation: breath 30s linear infinite;
}


/* menu title */
#topNav #topMain li>h4 {
    display: block;
    padding: 10px 15px 10px 15px;
    margin:0;
    color: #111;
    font-weight: 600;
    font-size: 14px;
    background-color: rgba(0,0,0,0.05);
}

#topNav .submenu-dark #topMain li>h4 {
	color: #fff;
	background-color: rgba(0,0,0,0.15);
}
#header #topNav #topMain li>h4>i {
	margin-right: 8px;
}


/* menu caption */
#header p.menu-caption {
	color: #404040;
	margin: 8px 0;
	padding: 8px 8px; 
	font-size:13px;
	font-weight: 300;
}

#header .submenu-dark p.menu-caption {
	color: #888;
}
#header p.menu-caption>i {
	margin-left: 8px;
	margin-right: 8px;
}


/* no topmain dropdown icon */
#topMain.nav-pills>li>a.dropdown-toggle.noicon {
	padding-right: 15px !important;
}
#topMain.nav-pills>li>a.dropdown-toggle.noicon:after {
	display: none !important;
}

#topMain .dropdown-toggle>.badge {
	padding: .1em .4em .3em;
}

/* no menu lines */
#topNav ul.dropdown-menu.dropdown-menu-clean li {
	border-bottom: 0 !important;
}

/* dropdown open inversed */
#topMain li.dropdown.open-inverse ul.dropdown-menu li>ul {
	right:100%;
	left: auto;
}

/* 
	DROPDOWN ANIMATE
	Dependency: animate.css
*/
	/* FADE IN */
	#topMain.nav-animate-fadeIn li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-fadeIn:hover>ul.dropdown-menu {
	    -webkit-animation: fadeIn .6s;
	            animation: fadeIn .6s;
	}
	/* FADE IN UP */
	#topMain.nav-animate-fadeInUp li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-fadeInUp:hover>ul.dropdown-menu {
	    -webkit-animation: fadeInUp .2s;
	            animation: fadeInUp .2s;
	}
	/* BOUNCE IN */
	#topMain.nav-animate-bounceIn li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-bounceIn:hover>ul.dropdown-menu {
	    -webkit-animation: bounceIn .6s;
	            animation: bounceIn .6s;
	}
	/* BOUNCE IN UP */
	#topMain.nav-animate-bounceInUp li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-bounceInUp:hover>ul.dropdown-menu {
	    -webkit-animation: bounceInUp .2s;
	            animation: bounceInUp .2s;
	}
	/* FLIP IN X */
	#topMain.nav-animate-flipInX li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-flipInX:hover>ul.dropdown-menu {
	    -webkit-animation: flipInX .5s;
	            animation: flipInX .4s;
	}
	/* FLIP IN Y */
	#topMain.nav-animate-flipInY li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-flipInY:hover>ul.dropdown-menu {
	    -webkit-animation: flipInY .5s;
	            animation: flipInY .4s;
	}
	/* ZOOM IN */
	#topMain.nav-animate-zoomIn li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-zoomIn:hover>ul.dropdown-menu {
	    -webkit-animation: zoomIn .5s;
	            animation: zoomIn .5s;
	}
	/* SLIDE IN UP */
	#topMain.nav-animate-slideInUp li.dropdown:hover>ul.dropdown-menu,
	#topMain .nav-animate-slideInUp:hover>ul.dropdown-menu {
	    -webkit-animation: slideInUp .1s;
	            animation: slideInUp .1s;
	}



/* TOPMAIN TEXT HOVER ANIMATED */
#topMain.nav-hover-animate ul.dropdown-menu li a,
#topMain .nav-hover-animate ul.dropdown-menu li a {
	-webkit-transition: all .300s;
			transition: all .300s;
}
#topMain.nav-hover-animate ul.dropdown-menu li:hover>a,
#topMain .nav-hover-animate ul.dropdown-menu li:hover>a {
	padding-left: 23px;
}


/* topmain hover bounce in */
@media only screen and (min-width: 768px) {
	#topMain li.hover-animate-bounceIn:hover>a.dropdown-toggle,
	#topMain li.hover-animate-bounceIn:hover>a.dropdown-toggle {
	 	animation: bounceIn 1s;
	}
}



/* side nav mobile max height - essentials rewrite */
@media only screen and (max-width: 768px) {
	div.side-nav ul {
		max-height:650px;
	}
}



/* gradient bg */
.gradient-bg {  
	background: -webkit-linear-gradient(left,  #9357cc 0%,#2989d8 50%,#2cc99d 100%) !important;
}


/* sizes */
ul.portfolio-detail-list {
	font-size: 14px;
}



/* fix page title */
section.page-header * {
	z-index:10;
}



/* disable uppercase text transformation */
#header.disable-uppercase #topBar ul li a, 
#header.disable-uppercase #mainMenu ul li a, 
#header.disable-uppercase #topMain ul li a {
	text-transform: none;
}



/* cookie alert */
#cookie-alert {
	position: fixed;
	left:0; 
	right:0; 
	top:-150px; 
	bottom:auto;
	width: 100%;
	padding: 10px;
	margin: 0;

	border-radius:0;
	-moz-border-radius:0;
	border: 0;
	z-index:999999;
}
	#cookie-alert.alert-position-bottom {
		top:auto; 
		bottom:-150px;
	}
	#cookie-alert p {
		margin:0;
		padding: 6px 0 0 0;
	}
	#cookie-alert .fa {
		margin: 0 8px;
		font-size:16px;
	}
	#cookie-alert>.container {
		padding: 0; 
		margin-top: 0;
		margin-bottom: 0;
	}
#cookie-alert .cookie-close-btn {
	font-size: 30px;
}




/** FULLSCREEN GOOGLE MAP
 *************************** **/
#map-fullscreen {
	height: 100%;
	position: fixed;
	left:0; right:0;
	top:0; bottom:0;
	background-color: #fff;

	z-index: 9999999;
	display: none;
}
	#gmap-init {
		height: 100% !important;
		width: 100% !important;
	}
	#map-fullscreen button {
		position: absolute;
		top:13px;
		right:13px;
		z-index:99999;
		border: 0;
		margin: 0;
		width:50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		background-color: #fff;
		font-size:20px;

		-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
		   -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
				box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	}




/** BACKSTRETCH NAVIGATION
 *************************** **/
.bs-next,
.bs-prev {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	text-align: center;
	opacity: 0.5;
	border-radius: 3px;
	line-height: 60px;

	z-index: 100;
}
.bs-next:hover,
.bs-prev:hover {
	background-color: rgba(0,0,0,0.2);
	opacity: 1;
}
.bs-next {
	right:15px;
}
.bs-prev {
	left:15px;
}

.bs-next:before,
.bs-prev:before {

	content: "\f104";
	font-family: 'FontAwesome';
	display: block;
	font-size:50px;
	color: #fff;
	padding: 0;
	margin: 0;
}
.bs-next:before {
	content: "\f105";
}
@media only screen and (max-width: 768px) {
	.bs-next,
	.bs-prev {
		top: auto;
		bottom: 15px;
		margin-top: 0;
	}
}





/** ROUNDED LOGO
	Usage: for sliders
	Example: feature-slider-backstretch.html
 *************************** **/
.rounded-logo {
		display:inline-block;
		width:350px;
		height:350px; 
		text-align:center;
		padding:30px;
		background:rgba(0,0,0,0.2);
		border:rgba(0,0,0,0.1) 20px solid;

		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;

		-webkit-box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
		   -moz-box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
				box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
	}

		.rounded-logo>img {
			width:100%;
			height:auto;
		}

.rounded-logo.rounded-logo-sm {
	width: 250px !important;
	height: 250px !important;
}

.rounded-logo.rounded-logo-xs {
	width: 200px !important;
	height: 200px !important;
	padding: 10px !important;
}

@media only screen and (max-width: 768px) {
	.rounded-logo {
		width: 250px;
		height: 250px;
	}
}



/** Premium Circles
	Example: shortcode-thumbnails.html
 *************************** **/
.premium-thumbnail-circle {
  position: relative;
  width: 240px;
  height: 240px;
  border-radius: 50%;
}
.premium-thumbnail-circle figure {
  position: relative;
  width: 240px;
  height: 240px;
  border-radius: 50%;
}
.premium-thumbnail-circle figure:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.premium-thumbnail-circle figure img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  width: 100%;
  height: auto;
}
.premium-thumbnail-circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.premium-thumbnail.premium-thumbnail-square {
  position: relative;
  width: 336px;
  height: 236px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.premium-thumbnail.premium-thumbnail-square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.premium-thumbnail-circle .spinner {
  width: 250px;
  height: 250px;
  border: 10px solid;

  border-radius: 50%;
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
.premium-thumbnail-circle figure {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  width: auto;
  height: auto;
}
.premium-thumbnail-circle figure:before {
  display: none;
}
.premium-thumbnail-circle.color .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.premium-thumbnail-circle .info {
  width: 230px;
  height: 230px;
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  background: #333333;
  background: rgba(50, 50, 50, 0.8);
  opacity: 0;
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
.premium-thumbnail-circle .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px;
  font-size: 20px !important;
  margin: 0 10px;
  padding: 60px 0 15px 0;
 

}
.premium-thumbnail-circle .info p {
  color: #fff;
  padding: 10px 5px;
  padding-top:14px;
  margin: 0px 10px;
  font-size: 14px;
  border-top: 1px solid rgba(255, 255, 255, 1);
  line-height:20px;
}
.premium-thumbnail-circle a:hover .spinner {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.premium-thumbnail-circle a:hover .info {
  opacity: 1;
}

.premium-thumbnail-circle .spinner {
    border-color: #222;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
}



/** BS 4 fix 
 ************************************ **/
.btn-group>.btn {
	padding: 10px !important;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px;
    padding: 6px 12px;
    line-height: 26px;
}
.btn-group>.btn-default {
    line-height: 18px;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 2px 10px;
	font-size: 12px !important;
	line-height: 1.5 !important;
}
.btn-group-lg>.btn, .btn-lg {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px !important;
    padding-bottom: 10px!important;
    font-size: 28px !important;
    line-height: 1.3333333 !important;
	    font-weight: 700;
}

.lang-es .btn-group-lg>.btn, .btn-lg {
	font-size: 20px !important;
}





.btn-toolbar .btn, 
.btn-toolbar .btn-group, 
.btn-toolbar .input-group {
	/* used by summernote */
    float: left;
}
.btn-group>.btn:first-child {
    padding-right: 5px;
}

#header .badge,
#slider .badge,
#slider .page-header {
	    background-color: #cba0ff;
    font-size: 9px;
	border-radius:50%;
}

.breadcrumb>li+li:before {
    padding: 0 7px 0 5px;
}

ul.list-group>li {
	list-style: none;
}
.breadcrumb>li {
	display: inline-block;
}
ul.list-group li>a,
ul.list-group ul:not(.collapse) {
	display: block;
	width: 100%;
}
ul.list-group ul {
	width: 100%;
}
ul.list-group li>a:after {
	border: 0;
}
ul.row.list-inline>li,
ul.list-unstyled.list-inline>li {
	margin-right: 0;
}
.badge {
	padding:.3em .6em .4em;
}
pre {
	font-size:13px;
}
ul.list-unstyled .dropdown-toggle::after {
	border:0;
}
.card-default>.card-heading {
    color: #333;
    background-color: #f8f9fa;
    border-color: #ddd;
}
.card-default>.card-footer {
    background-color: #f8f9fa;
    border-top:0;
}
.card-heading {
    padding: 15px 15px;
}
.card-heading>h1,
.card-heading>h2,
.card-heading>h3,
.card-heading>h4,
.card-heading>h5,
.card-heading>h6 {
	margin:0;
}
h1.card-title,
h2.card-title,
h3.card-title,
h4.card-title,
h5.card-title,
h6.card-title {
	font-size:18px;
	font-weight:300 !important;
}
.card-title a {
	display: block;
	width: 100%;
}
.media-body, 
.media-left, 
.media-right {
    display: table-cell;
    vertical-align: top;
}
.media {
    margin-top: 15px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    padding: 0;
}
ul.pagination {
	display: inline-block;
	margin: 20px 0;
}
ul.pagination>li {
	float: left;
}

@media (min-width: 1200px) {
	.container2{
	max-width: 860px;
	    width: 100%;
}
}



/* BS4 MISSING */
/* input group addon */
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group>.input-group-addon {
	border-radius: 2px;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	line-height: 1.8;
}


/* BS4 ALPHA VIZIBILITY CLASSES MISSING IN BETA */
.hidden-xs-up {
  display: none !important; }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }










/** Material Design
 **************************************************************** **/
div.side-nav[class*=" mdl-shadow--"] {
	padding: 15px 15px 1px 15px;
}
@media only screen and (max-width: 768px) {
	div.side-nav[class*=" mdl-shadow--"] {
		padding: 0 !important;
	}
	div.side-nav[class*=" mdl-shadow--"] ul>li {
		margin: 5px 15px !important;
		border: 0 !important;
		font-size:16px;
	}
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
	background: transparent;
}


/* WIDE CARD */
.mdl-card-wide.mdl-card {
	width: 100%;
}

/* IMAGE CARD */
.mdl-card-image > .mdl-card__actions {
  height: 52px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
}
.mdl-card-image__filename {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

/* EVENT CARD */
.mdl-card-event > .mdl-card__actions {
  border-color: rgba(255, 255, 255, 0.2);
}
.mdl-card-event > .mdl-card__title {
  align-items: flex-start;
}
.mdl-card-event > .mdl-card__title > h4 {
  margin-top: 0;
}
.mdl-card-event > .mdl-card__actions {
  display: flex;
  box-sizing:border-box;
  align-items: center;
}
.mdl-card-event > .mdl-card__actions > .material-icons {
  padding-right: 10px;
}
.mdl-card-event > .mdl-card__title,
.mdl-card-event > .mdl-card__actions,
.mdl-card-event > .mdl-card__actions > .mdl-button {
  color: #fff;
}

/* checkbox fix */
.mdl-checkbox__tick-outline {
	width: 101%;
	height: 101%;
}

/* table fix */
table.mdl-data-table {
	width: 100%;
}
.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
    padding-left: 20px;
    width: 50px;
}


/* text fields fix */
label.mdl-textfield__label {
	margin-bottom:0;
	text-indent:1;
}


/* RESPONSIVE CARDS */
@media only screen and (max-width: 768px) {
	.mdl-mobile-fullwidth,
	.mdl-card-image.mdl-card,
	.mdl-card-square.mdl-card,
	.mdl-card-event.mdl-card,
	.mdl-card-wide.mdl-card {
		width: 100% !important;
	}
}






/** Landing Page
 **************************************************************** **/
form.landing-form {
    padding: 30px;
    border-radius: 3px;
	background: rgba(0,0,0,.3);
}



/** Featured Grid
 **************************************************************** **/
section.featured-grid div.row>div {
	padding-left:4px;
	padding-right:4px;
	overflow:hidden;
	position:relative;
}
section.featured-grid div.row>div img {
	width:100%;
}
section.featured-grid div.row>div .absolute {
	z-index:10;
	margin:20px;
}
section.featured-grid div.row>div .absolute p {
	margin:0;
}

section.featured-grid div.row>div div.relative {
	margin-bottom:10px;
}

section.featured-grid div.row>div h1,
section.featured-grid div.row>div h2,
section.featured-grid div.row>div h3,
section.featured-grid div.row>div h4,
section.featured-grid div.row>div h5,
section.featured-grid div.row>div h6 {
	margin:0;
	color:#000;
	line-height:1.1;
}
section.featured-grid div.row>div h1 {
	font-size:70px;
}
section.featured-grid div.row>div a:hover {
	color:#fff;
}

section.featured-grid div.row>div .absolute.top-right {
	top:0; bottom:auto;
	right:0; left:auto;
}
section.featured-grid div.row>div .absolute.top-left {
	top:0; bottom:auto;
	left:0; right:auto;
}
section.featured-grid div.row>div .absolute.bottom-right {
	bottom:0; top:auto;
	right:0; left:auto;
}
section.featured-grid div.row>div .absolute.bottom-left {
	bottom:0; top:auto;
	left:0; right:auto;
}
section.featured-grid div.row>div .absolute.top-center {
	bottom:auto; top:0;
	left:auto; right:auto;
}
section.featured-grid div.row>div .absolute.bottom-center {
	bottom:0; top:auto;
	left:auto; right:auto;
}


/* ribbon */
section.featured-grid div.row>div .ribbon {
	position: absolute;
	right: 4px;
	top: -3px;
	color: #fff;
	text-align:right;

	width: 33.5%;
	height: 33.5%;
}
section.featured-grid div.row>div .ribbon:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	border: 150px solid #333;
	border-right: 0;
	border-bottom: 0;
	border-left: 150px solid transparent;
}
section.featured-grid div.row>div .ribbon h2,
section.featured-grid div.row>div .ribbon h3,
section.featured-grid div.row>div .ribbon h4 {
	color:#fff;
}


@media only screen and (max-width: 480px) {
	section.featured-grid div.row>div {
		margin:15px 0;
	}
}
@media only screen and (max-width: 600px) {
	section.featured-grid div.row>div h1 {
		font-size:40px;
	}
	section.featured-grid div.row>div h2 {
		font-size:25px;
	}
}




/** Captions
 **************************************************************** **/
.caption-default,
.caption-light,
.caption-dark,
.caption-color,
.caption-primary,
.caption-warning,
.caption-info,
.caption-danger {
	color:#fff;
	padding:10px;
	font-size:13px;
	background-color:rgba(0,0,0,0.9);
}
.caption-default {
	color:inherit;
	border:#666 1px solid;
	background-color:transparent;
}
.caption-light {
	color:#333;
	background-color:#eaeaea;
}
.caption-dark {
	color:#eee;
	background-color:#666;
}
.caption-primary,
.caption-warning,
.caption-info,
.caption-danger {
	color:#fff;
	background-color:#333;
}
	.caption-warning {
		background-color:#f0ad4e;
	}
 	.caption-info {
		background-color:#5bc0de;
	}
	.caption-danger {
		background-color:#d9534f;
	}

/* 
	Slider Default Caption 
	Example usage: shop-4col-left.html (top banner)
	
*/
.caption-slider-default {
	position:absolute !important;
	left:0; right:0;
	top:0; bottom:0;
	color:#000 !important;
}
.caption-slider-default .caption-container {
	margin:0 50px;
}
.caption-slider-default h1,
.caption-slider-default h2,
.caption-slider-default h3,
.caption-slider-default h4,
.caption-slider-default p {
	margin:0;
	color:#000 !important;
}
@media only screen and (max-width: 480px) {
	.caption-slider-default .caption-container {
		margin:0 30px;
	}
	.caption-slider-default h2 {
		font-size:16px;
	}
	.caption-slider-default p {
		display:none;
	}
}



 
/** Aside
 **************************************************************** **/
.tab-post {
	padding-bottom: 20px;
	margin: 0 0 20px 0;
	border-bottom: rgba(0,0,0,0.06) 1px solid;
}
.tab-post a {
	color:#666;
	text-decoration:none;
}
section.dark .tab-post a {
	color:#ddd;
}
.tab-post small {
	display: block;
	font-size: 12px;
}



	/** Aside Navigation
	 ********************* **/
	ul.side-nav span.badge {
		float:right;
		margin-top:3px;
		font-weight:400;
	}
	ul.side-nav>li>span.badge {
		margin-top:12px;
		margin-right:6px;
	}
	ul.side-nav li.list-group-item>a>.badge {
		margin-right:20px;
	}

	ul.side-nav li {
		list-style:none;
	}
	ul.side-nav ul {
		margin:0 0 20px 0;
		padding:0;
	}
	ul.side-nav ul li {
		padding:0 15px;
	}
	ul.side-nav ul li:last-child {
		border-bottom:0;
	}
	ul.side-nav a {
		display:block;
		text-decoration:none;
		color:#333;
		font-size:13px;
		letter-spacing: 1px;
	}
	ul.side-nav a i.fa {
		width:10px;
	}
	ul.side-nav ul li a {
		padding:8px 3px;
		font-size:12px;
	}
	ul.side-nav>li {
		padding:0;
	}
	ul.side-nav>li>a {
		padding:15px 10px;
	}
	ul.side-nav>li.list-group-item.active {
		border:0;
		background-color:transparent;
	}
	ul.side-nav>li.active>a {
		background-color:transparent;
	}
	ul.side-nav li.list-toggle.active:after,
	ul.side-nav > li.active>a {
		font-weight:700;
	}
	ul.side-nav li.list-toggle:after {
		content: "\f104";
		font-family: FontAwesome;
		position: absolute;
		font-size: 15px;
		right: 10px;
		top: 7px;
		font-weight:normal;
		color:#999;
	}
	ul.side-nav li.list-toggle.active:after {
		content: "\f107";
	}

	ul.side-nav .list-group-item {
		border-left:0;
		border-right:0;
		border-color: rgba(148,149,150,0.1);

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	section.dark ul.side-nav .list-group-item {
		border-bottom-color:#333;
		border-top-color:#333;
	}



/** Masonry Gallery
 **************************************************************** **/
.masonry-gallery { 
	position: relative; 
}
.masonry-gallery a, 
.masonry-gallery img {
	display: block;
	height: auto!important;
}
.masonry-gallery a {
	position: relative;
	float: left;
	width: 25%;
	overflow: hidden;
}
.masonry-gallery img {
	width: 100%;
	border-radius: 0!important;
	padding: 0 1px 1px 0;
}

	/* columns */
	.masonry-gallery.columns-2 a { 
		width: 50%; 
	}
	.masonry-gallery.columns-3 a { 
		width: 33.30%; 
	}
	.masonry-gallery.columns-4 a { 
		width: 25%; 
	}
	.masonry-gallery.columns-5 a { 
		width: 20%; 
	}
	.masonry-gallery.columns-6 a { 
		width: 16.60%; 
	}






/** Simple Gallery [CSS ONLY]
 **************************************************************** **/
.gallery-simple {  
    margin: 1rem 0;

    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
    		column-gap: 1rem;

    -webkit-column-count: 3; 
       -moz-column-count: 3;
    		column-count: 3;

    -webkit-column-width: 33.33333333333333%;
       -moz-column-width: 33.33333333333333%;
    		column-width: 33.33333333333333%;
}
	.gallery-simple.gallery-simple-columns-5 {
	    -webkit-column-count: 5; 
	       -moz-column-count: 5;
	    		column-count: 5;

	    -webkit-column-width: 20%;
	       -moz-column-width: 20%;
	    		column-width: 20%;
	}
	.gallery-simple.gallery-simple-columns-4 {
	    -webkit-column-count: 4; 
	       -moz-column-count: 4;
	    		column-count: 4;

	    -webkit-column-width: 25%;
	       -moz-column-width: 25%;
	    		column-width: 25%;
	}
	.gallery-simple.gallery-simple-columns-3 {
	    -webkit-column-count: 3; 
	       -moz-column-count: 3;
	    		column-count: 3;

	    -webkit-column-width: 33.33333333333333%;
	       -moz-column-width: 33.33333333333333%;
	    		column-width: 33.33333333333333%;
	}
	.gallery-simple.gallery-simple-columns-2 {
	    -webkit-column-count: 2; 
	       -moz-column-count: 2;
	    		column-count: 2;

	    -webkit-column-width: 50%;
	       -moz-column-width: 50%;
	    		column-width: 50%;
	}
	.gallery-simple.gallery-simple-columns-1 {
	    -webkit-column-count: 1; 
	       -moz-column-count: 1;
	    		column-count: 1;

	    -webkit-column-width: 100%;
	       -moz-column-width: 100%;
	    		column-width: 100%;
	}

.gallery-simple img {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 1rem;
}
	.gallery-simple>a>img {
		margin-bottom: 0;
	}
.gallery-simple>a {
	position: relative;
	display: block;
	margin-bottom: 1rem;
}

.gallery-simple .image-hover-overlay::before {
	bottom:10px;
}

@media only screen and (max-width: 768px) {
	.gallery-simple {  
	    -webkit-column-count: 3; 
	       -moz-column-count: 3;
	    		column-count: 3;

	    -webkit-column-width: 33.33333333333333%;
	       -moz-column-width: 33.33333333333333%;
	    		column-width: 33.33333333333333%;
	}
}

@media only screen and (max-width: 482px) {
	.gallery-simple {  
	    -webkit-column-count: 2 !important; 
	       -moz-column-count: 2 !important;
	    		column-count: 2 !important;

	    -webkit-column-width: 50% !important;
	       -moz-column-width: 50% !important;
	    		column-width: 50% !important;
	}
}







/** Image Hover
 **************************************************************** **/
.image-hover {
	position:relative;
	display:table;
}
.image-hover>img {
    -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);  
       -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		 -o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
			transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
}
.image-hover:hover>img {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	/* IE 5-7 */
	filter: alpha(opacity=90);

	/* Netscape */
	-moz-opacity: 0.9;

	/* Safari 1.x */
	-khtml-opacity: 0.9;

	/* Good browsers */
	opacity: 0.9;
}

.image-hover-icon {
	position:absolute;
	left:0; top:0;
	bottom:0; right:0;
	z-index:3;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	/* IE 5-7 */
	filter: alpha(opacity=0);

	/* Netscape */
	-moz-opacity: 0;

	/* Safari 1.x */
	-khtml-opacity: 0;

	/* Good browsers */
	opacity: 0;

    -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);  
       -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		 -o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
			transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
}
	.image-hover-icon.image-hover-dark {
		background-color:rgba(0,0,0,0.3);
	}
	.image-hover-icon.image-hover-light {
		background-color:rgba(255,255,255,0.3);
	}
		.image-hover-icon.image-hover-light>i {
			color:#111;
		}
.image-hover-icon>i {
	font-size:40px;
	position:absolute;
	left:50%; top:50%;
	margin-left:-15px;
	margin-top:-15px;
	z-index:2;
	color:#fff;
}
.image-hover:hover>.image-hover-icon {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* IE 5-7 */
	filter: alpha(opacity=100);

	/* Netscape */
	-moz-opacity: 1;

	/* Safari 1.x */
	-khtml-opacity: 1;

	/* Good browsers */
	opacity: 1;
}





/** Sticky Side
 **************************************************************** **/
.sticky-side {
	position: fixed;
	top: 50%; left: 6px;
	width: 36px;
	z-index: 1;
}
.sticky-side .social-icon {
	margin:0;
}








/** Parallax Social icons
 **************************************************************** **/
ul.social-icons {
    display: inline-block;
    list-style: none;
	padding: 0;
}
ul.social-icons li {
	text-align:center;
	display: inline-block;
    padding: 15px 40px;
} 
ul.social-icons a h4 {
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
}
ul.social-icons a {
	color:#fff;
	text-decoration:none;
}
ul.social-icons a>span {
    font-size: 13px;
	color:#999;
}
ul.social-icons  a>i.fa {
    line-height: 1!important;
}
ul.social-icons a h4,
ul.social-icons a span {
    -webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
	transition: 0.2s all linear;
} 
ul.social-icons a>i.fa { 
    border-radius: 50% !important;
    width: 100px;
    height: 100px; 
	line-height:100px !important;
    margin: 0 auto 0 auto;
	
	font-size:60px;
    
	-webkit-transition: 0.16s all linear;
	-moz-transition: 0.16s all linear;
    -ms-transition: 0.16s all linear;
    -o-transition: 0.16s all linear;
	transition: 0.16s all linear;
}
ul.social-icons a:hover>i.fa {
    background: rgba(255,255,255,0.1);
    font-size: 50px;
	line-height:100px !important;
}
@media (max-width:482px) {
    ul.social-icons li { 
        padding: 15px 10px;
    }

}





/** Word Rotator
 **************************************************************** **/
.word-rotator {
	visibility: hidden;
	width: 100px;
	height: 0;
	margin-bottom:-11px;
	display: inline-block;
	overflow: hidden;
	text-align: left;
	position: relative;
}


	h1 .word-rotator {
		bottom:-3px;
		height: 54px !important;	
	}
	section.page-header h1 .word-rotator {
		bottom:1px;
		height: 39px !important;	
	}
	h2 .word-rotator {
		bottom:0;
		height: 45px !important;
	}
	h3 .word-rotator {
		bottom:2px;
		height: 36px !important;
	}
	h4 .word-rotator {
		bottom:4px;
		height: 27px !important;
	}
	h5 .word-rotator {
		bottom:6px;
		height: 21px !important;
	}
	a .word-rotator {
		bottom:5px;
		height:24px;
	}
	p.lead .word-rotator {
		height:29px;
		bottom:4px;
	}
.word-rotator.active {
	visibility: visible;
	width: auto;
}
.word-rotator .items {
	position: relative;
	width: 100%;
}
.word-rotator .items span {
	display:block;
	margin-bottom:0;
}

/* Rotator Plugin */
.rotating {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
  -o-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin-x: 50%;
}

.rotating.flip {
  position: relative;
}

.rotating .front, .rotating .back {
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rotating .front {
  position: absolute;
  display: inline-block;
  -webkit-transform: translate3d(0,0,1px);
  -moz-transform: translate3d(0,0,1px);
  -ms-transform: translate3d(0,0,1px);
  -o-transform: translate3d(0,0,1px);
  transform: translate3d(0,0,1px);
}

.rotating.flip .front {
  z-index: 1;
}

.rotating .back {
  display: block;
  opacity: 0;
}

.rotating.spin {
  -webkit-transform: rotate(360deg) scale(0);
  -moz-transform: rotate(360deg) scale(0);
  -ms-transform: rotate(360deg) scale(0);
  -o-transform: rotate(360deg) scale(0);
  transform: rotate(360deg) scale(0);
}



.rotating.flip .back {
  z-index: 2;
  display: block;
  opacity: 1;
  
  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
  -moz-transform: rotateY(180deg) translate3d(0,0,0);
  -ms-transform: rotateY(180deg) translate3d(0,0,0);
  -o-transform: rotateY(180deg) translate3d(0,0,0);
  transform: rotateY(180deg) translate3d(0,0,0);
}

.rotating.flip.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
  -moz-transform: rotateX(180deg) translate3d(0,0,0);
  -ms-transform: rotateX(180deg) translate3d(0,0,0);
  -o-transform: rotateX(180deg) translate3d(0,0,0);
  transform: rotateX(180deg) translate3d(0,0,0);
}

.rotating.flip.cube .front {
  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
  transform: translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube .back {
  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}







/** Sliders
 **************************************************************** **/
section#slider {
	    background-image: url(/static/front/image/us/surferBG.jpg);
	    height: 1100px;
    background-position: top left;
	display:block;
	padding:0;
	margin:0;
	box-shadow:none;
	background-color:#151515;
	overflow:hidden !important;
	border-bottom:0;
	z-index:0;

		-webkit-transition: all 0s;
		   -moz-transition: all 0s;
			 -o-transition: all 0s;
				transition: all 0s;
}
/* enable animation for mobile fullheight */
section#slider.mobile-fullheight {
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}
	section#slider.transparent {
		background-color:transparent;
	}
section#slider.parallax-slider:before {
    background-color: rgba(0,0,0,0.0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

section#slider .text-muted {
	color: #fff !important;
}

section#slider .slider-video {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
}
section#slider .slider-video video {
	position: absolute;
	top:0; bottom: 0; 
	left:0; right: 0;
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	overflow: hidden;
}
section#slider canvas {
	width:auto !important;
	height:auto !important;
}
section#slider a:hover {
	color:#fff;
}

/* slider form */
section#slider:not(.custom-form) form .btn {
	margin:0;
}
section#slider:not(.custom-form) input {
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	border-color:rgba(255,255,255,0.3);
}
section#slider:not(.custom-form) .input-group-addon:first-child {
	color:#ccc;
	background-color:rgba(0,0,0,0.7);
	border-color:rgba(255,255,255,0.3);
}
section#slider:not(.custom-form) form.validate input.error {
	color:#333;
}
section#slider:not(.custom-form) input:focus {
	border-color:rgba(255,255,255,0.3);
}
section#slider:not(.custom-form) .btn-default {
	background-color:rgba(0,0,0,0.2);
	border-color:rgba(255,255,255,0.5);
}


	#slider h1,
	.slider h1,
	#slider h2,
	.slider h2,
	#slider h3,
	.slider h3,
	#slider h4,
	.slider h4,
	#slider h5,
	.slider h5,
	#slider h6,
	.slider h6 {
		color:#fff;
	}
	
	
/* slider top links */
#slider .slider-links,
.slider .slider-links {
	position:absolute;
	z-index:100;
	color:#fff;
}
#slider .slider-links li,
.slider .slider-links li {
	vertical-align:top;
	text-align:left;
	font-size:22px;
	color:#ddd;
	font-style:italic;
}
#slider .slider-links li a,
.slider .slider-links li a {
	color:#fff;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	border-left: 1px solid rgba(255,255,255,.15);
	margin-left: 15px;
	overflow: hidden;
	padding: 6px 0;
	padding-left: 15px;
	text-transform: uppercase;
	max-width:220px;
	display:inline-block;
	text-align:left;
	max-height:62px;
	text-shadow:none;

	opacity: 1;
	filter: alpha(opacity=100);
}
#slider .slider-links li:hover a,
.slider .slider-links li:hover a {
		opacity: 0.8;
		filter: alpha(opacity=80);
}



/* shadows - over image */
#slider .top-shadow,
.slider .top-shadow {
    padding: 50px 30px;
	min-height:150px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
	z-index:80;

    background-image: -moz-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -ms-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -o-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -webkit-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -webkit-gradient(linear, center top, center top, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6)));
    background-image: linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
}
#slider .bottom-shadow,
.slider .bottom-shadow {
    padding: 50px 30px;
	min-height:150px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
	z-index:80;

    background-image: -moz-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -ms-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -o-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -webkit-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6)));
    background-image: linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
}


	/** Next | Prev
	 ************************* **/
	.tparrows.round,
	.tp-leftarrow.round,
	.tp-rightarrow.round,
	.flex-prev,
	.flex-next,
	.camera_next,
	.camera_prev,
	.nivo-nextNav,
	.nivo-prevNav,
	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next,
	.swiper-button-next,
	.swiper-button-prev {
		background-image:none !important;
		border:0;
		color:#ccc;
		font-size:34px;
		line-height:55px;
		height:auto !important;
		width:56px !important;
		text-align:center;
		background-color:rgba(0,0,0,0.2);

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;

		-webkit-transition: all .400s;
		   -moz-transition: all .400s;
			 -o-transition: all .400s;
				transition: all .400s;
	}
	.tp-rightarrow.round,
	.flex-next,
	.owl-next,
	.camera_next,
	.nivo-nextNav,
	.swiper-button-next {
		right:-3px;
	}
	.tp-leftarrow.round,
	.flex-prev,
	.owl-prev,
	.camera_prev,
	.nivo-prevNav,
	.swiper-button-prev {
		left:-3px;
	}
	.tp-leftarrow.round:hover,
	.tp-rightarrow.round:hover,
	.flex-next:hover,
	.owl-prev:hover,
	.owl-next:hover,
	.flex-prev:hover,
	.camera_next:hover,
	.camera_prev:hover,
	.nivo-nextNav:hover,
	.nivo-prevNav:hover,
	.swiper-button-next:hover,
	.swiper-button-prev:hover {
		color:#fff;
		background-color:rgba(0,0,0,0.5);
	}

	
	/** Flex Slider **/
	.flexslider[data-arrowNav="false"] ul.flex-direction-nav {
		display:none !important;
	}




	/** Swiper Slider
	 ************************* **/
    .swiper-container {
        width: 100%;
        height: 100%;
		position:relative;
    }

	.swiper-slide {
		color:#fff;
        font-size: 18px;
        background: #fff;
		position:relative;

		  background-position: center center;
			background-repeat: no-repeat;

		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;

		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   background-size: cover;
				box-sizing: border-box;
	}
	.swiper-pagination-bullet {
		width:20px !important;
		height:5px !important;
		background:#fff !important;
		opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;

		-webkit-border-radius: 0 !important;
		   -moz-border-radius: 0 !important;
				border-radius: 0 !important;
	}
	.swiper-pagination-bullet:hover,
	.swiper-pagination-bullet-active {
		-webkit-transition: all .200s;
		   -moz-transition: all .200s;
			 -o-transition: all .200s;
				transition: all .200s;

		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
	}
	
	.swiper-caption {
		color:#fff;
		position:absolute;
		opacity: .85;
		bottom: 0;
		left:0; 
		right:0;
		height: 80px;
		line-height:20px;
		padding:30px 15px;
		text-shadow: 1px 1px 1px rgba(0,0,0,.3);

		background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.85)));
		background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	}
	@media only screen and (max-width: 480px) {
		.swiper-caption {
			font-size:15px;
		}
	}
	
	.swiper-container.has-fixed-footer .swiper-button-next,
	.swiper-container.has-fixed-footer .swiper-button-prev {
		margin-top:-80px;
	}




	/** Nivo Slider
	 ************************* **/
	.nivo-controlNav {
		display: none1;
	}
	.nivo-caption {
		left: 20px;
		bottom: 20px;
		display:inline-block;
		color: #fff;
		background-color:rgba(0,0,0,0.7);
		font-family:'Lato',Arial,Helvetica,sans-serif;
		font-weight:300;
		padding: 6px 15px 8px 15px;
		opacity: 1;
		width:auto;
		max-width:500px;
		font-size:21px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.15);

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 20px 0;
	}
	.nivo-controlNav a {
		display:inline-block;
		width:22px;
		height:22px;
		background:url('../images/_smarty/plugins/slider.nivo/bullets.png') no-repeat;
		text-indent:-9999px;
		border:0;
		margin: 0 2px;
	}
	.nivo-controlNav a.active {
		background-position:0 -22px;
	}

	@media only screen and (max-width: 768px) {
		.nivo-caption {
			display:none;
		}
	}



	/** Camera Slider
	 ************************* **/
	.camera_wrap {
		overflow:hidden;
	}
	.camera_wrap .camera_pag .camera_pag_ul {
		padding: 0;
		position: absolute;
		right: 20px; bottom: -8px;
		list-style: none;
	}
	.camera_caption {
		font-family:'Lato',Arial,Helvetica,sans-serif;
		font-size:22px;
		font-weight:300;
	}

	.camera_commands {
		display:none !important;
	}
	.camera_pie canvas {
		margin:10px;
	}
	@media only screen and (max-width: 768px) {
		.camera_caption {
			display:none !important;
		}
	}
	




	/** Elastic Slider
	 ************************* **/
	.ei-title h2 {
		font-size: 40px;
		line-height: 50px;
		color: #fff;
		font-weight:300;
		margin:0;
	}
	.ei-title h3 {
		font-size: 60px;
		line-height: 60px;
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;
		font-weight:300;
		color: #fff;
		margin:0;
	}
	.ei-slider-thumbs {
		margin:0 auto; 
		padding:0;
		top:-30px;
		position:relative;
		z-index:10;
		height:4px;
	}
	.ei-slider-thumbs li:hover img{
		bottom:4px;
	}
	.ei-container-thumbs {
		display:block;
	}
	.ei-slider-thumbs li {
		border-left:transparent 6px solid;
	}
	.ei-slider-thumbs li a {
		background-color:#fff;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	.ei-slider-thumbs li img {
		-webkit-box-reflect: none;
		-ms-filter: none;
	}

	@media only screen and (max-width: 768px) {
		.ei-title {
			display:none;
		}
	}

	
	
	
	/** Revolution Slider
	 ************************* **/
	.tp-caption {
		text-shadow:#000 1px 1px 1px;
	}
	.tp-caption.text_white, 
	.tp-caption.text_black, 
	.tp-caption.block_white, 
	.tp-caption.block_theme_color, 
	.tp-caption.block_black {
		white-space: nowrap;
		line-height: 34px;
		border-width: 0px;
		margin: 0px;
		padding: 1px 10px;
		letter-spacing: 0px;
		font-size: 22px;
		color: #fff;
		text-shadow:none;
	}
	
	.tp-caption.block_white {
		background-color: #fff;
	}
	.tp-caption.block_black {
		background-color: #000;
	}
	.tp-caption.text_white {
		color: #fff;
	}
	.tp-caption.text_black {
		color: #111;
	}

	.tp-bannertimer {
		background:rgba(0,0,0,0.5) !important;
		height:2px !important;
	}

	.tparrows.round:before {
		font-family: 'revicons';
	}
	.tparrows {
		top:50% !important;
		margin-top:-25px;
	}
	.tparrows.preview1 {
		margin-top:-50px !important;
	}

	.tparrows.preview4 {
		margin-top:-50px !important;
	}

	.tparrows.preview2 {
		line-height:1;
	}

	.tparrows:hover {
		color: #fff;
	}
	.tp-leftarrow.round:before {
		content: '\e824';
	}
	.tp-rightarrow.round:before {
		content: '\e825';
	}
	.tparrows.tp-rightarrow:before {
		margin-left: 1px;
	}
	/* bullets */
	.tp-bullets.simplebullets.round {
		bottom:20px !important;
	}
	.tp-bullets.simplebullets.round .bullet {
		background:none;
		background-color:#fff;
		height:5px;
	}
	.tp-bullets.simplebullets.round .bullet.selected {
		background-color:#000;
	}
	
	/* revslider 5+ */
	.rev_slider_wrapper.arrows-bottom .tparrows {
		top:100% !important;
	}
	.rev_slider_wrapper .tp-caption {
		text-shadow:none;
	}
	.rev_slider_wrapper .inner {
		bottom:inherit !important;
		right:auto !important;
		width:auto !important;
		height:auto !important;
	}
	.rev_slider_wrapper.bottom-noinherit .inner {
		bottom:0 !important;
	}
	.tp-tabs,
	.tp-tab-mask,
	.tp-thumb-mask {
		z-index:1001;
	}
	.tp-thumbs {
		width:auto;
	}
	
	.rev_slider_wrapper.bottom-noinherit .tp-tab-mask {
		transform: matrix(1, 0, 0, 1, 0, 100) !important;
		height:100% !important;
		max-height:100% !important;
	}
	.rev_slider_wrapper.tparrows-bottom  .tparrows {
		top:auto !important;
		bottom:-80px !important;
		margin-top:0 !important;
	}

	/* centerig fix */
	.Dining-Social, .tp-caption.Dining-Social,
	.VideoControls-Play, .tp-caption.VideoControls-Play {
		text-align:center !important;
	}

	/* rs-55.html arrows fix */
	.tparrows.gyges {
		top: 100% !important;
	}

	/* rs-57.html */
	.rs-57 .bullet-bar.tp-bullets:before{
			content:" ";
			position:absolute;
			width:100%;
			height:100%;
			background:transparent;
			padding:10px;
			margin-left:-10px;
			margin-top:-10px;
			box-sizing:content-box;
	}

	.rs-57 .bullet-bar .tp-bullet {
			width:60px;
			height:3px;
			position:absolute;
			background:#aaa;  
			background:rgba(204,204,204,0.5);
			cursor:pointer;
			box-sizing:content-box;
	} 

	.rs-57 .bullet-bar .tp-bullet:hover,
	.rs-57 .bullet-bar .tp-bullet.selected {
		background:rgba(204,204,204,1);
	}

	/** Layer Slider
	 ************************* **/
	.ls-borderlessdark .ls-thumbnail-inner, 
	div.ls-thumbnail-slide-container {
		background-color:rgba(0,0,0,0.1) !important;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	.ls-thumbnail-slide img {
		width:100%;
	}
	.ls-container .ls-thumbnail-wrapper {
		margin-bottom:100px;
	}



	/** Slider Featured Text
	 ************************ **/
	#slider div.slider-featured-text {
		padding: 15% 0 0 0;
	}
.cellBand{
	background-color: rgba(255,255,255,0.35);
    padding: 0px !important;
    margin-top: 13%;
}

.scienceImg{
	    width: 90%;
    margin: 100px 0px 60px -10px;
}
.cellsImg {
    width: 100%;
    margin: 70px auto;
    max-width: 70%;
    display: block;
}

	#slider div.slider-featured-text h1 {

	    font-size: 60px;
    line-height: 60px;
		margin:0;
		font-family: montserrat, sans-serif;
		font-style: normal;
		font-weight: 500;
	}
	#slider div.slider-featured-text h2 {
		text-shadow:#333 1px 1px 3px;
		font-size:30px;
		line-height:30px;
	}
	#slider div.slider-featured-text h1 em,
	#slider div.slider-featured-text h2 em {
		font-style:normal;
	}
	#slider div.slider-featured-text .btn {
		color:#333 !important;
		background-color:#fff !important;
		border:0 !important;
	}
	#slider div.slider-featured-text .btn:hover,
	#slider div.slider-featured-text .btn:active {
		opacity:0.9;
	}
    #slider div.slider-featured-text h1.age-smarter span.bodeDarkPink{
		font-size: 44px;
	}
	#slider div.slider-featured-text h1.anti-aging span.bodeDarkPink{
		font-size: 34px;
	}
    #slider div.slider-featured-text h1.anti-aging span.bodeBlue{
	    font-size: 50px;
		line-height: 50px;
	}
@media only screen and (max-width: 768px) {
	#slider div.slider-featured-text h1.age-smarter span.bodeDarkPink{
		font-size: 30px;
	}
	#slider div.slider-featured-text h1.anti-aging span.bodeDarkPink{
		font-size: 25px;
	}
	#slider div.slider-featured-text h1.anti-aging span.bodeBlue{
		font-size: 25px;
		line-height: 25px;
	}

	#slider div.slider-featured-text {
		text-align:center !important;
		width:100%;
	}
	#slider div.slider-featured-text h1 {
		font-size:30px;
		line-height:35px;
		text-align:center;
		padding: 20px 10px;
	}
	#slider div.slider-featured-text h2 {
		font-size:27px;
		line-height:27px;
		text-align:center;
	}
}


	/** **/
	#slider img.img-fluid {
		display:inline-block;
	}

	#slider h1,
	#slider h2,
	#slider h3,
	#slider h4,
	#slider h5,
	#slider h6,
	#slider p {
		color:#fff;
		
	}
	#slider h1 {
		font-size:60px;
		line-height:60px;
	}
	#slider h2 {
		font-size:40px;
		line-height:40px;
	}
	#slider h3 {
		font-size:30px;
		line-height:30px;
	}
	#slider:not(.custom-form) .btn {
		margin-top:30px;
	}
	#slider:not(.custom-form) .btn-default,
	.slider .btn-default {
		color:#fff;
		background-color:transparent;
		border-color:#fff;
		border-width:2px;
	}
	#slider:not(.custom-form) .btn-default:hover,
	.slider .btn-default:hover {
		background-color:rgba(255,255,255,0.1);
	}
	#slider:not(.custom-form) .btn,
	.slider .btn {
		color:#fff !important;
	}
	#slider .btn.btn-lg {
		font-size: 16px;
	}

@media only screen and (max-width: 768px) {
	#slider h1 {
		font-size:30px !important;
		line-height:35px !important;
		text-align:center;
	}
	#slider h2 {
		font-size:27px !important;
		line-height:27px !important;
		text-align:center;
	}
	#slider h3 {
		font-size:23px !important;
		line-height:23px !important;
		text-align:center;
	}
	#slider p.lead {
		font-size: 23px !important;
	}
}






/** Standard Forms Messages

	USAGE:
		<p id="alert_success" class="alert alert-success alert-mini">Message sent! Thank You!</p>
 **************************************************************** **/
#alert_newsletter,
#alert_mandatory,
#alert_success,
#alert_failed {
	display:none;
}





/** Portfolio
 **************************************************************** **/
/* do not move from here - we rewrite this below */
.item-box-desc h2,
.item-box-desc h3,
.item-box-desc h4,
.item-box-desc h5 {
	font-size:18px;
	line-height:21px;
	margin:0;
	padding:0;
}
.item-box .owl-carousel {
	margin-top:0px !important;
}



#portfolio {
	overflow:hidden;
}
#portfolio h2,
#portfolio h3 {
	font-size:18px;
	line-height:20px;
	margin:0;
	color:#111;
}

#portfolio .portfolio-item h2,
#portfolio .portfolio-item h3 {
	text-overflow:ellipsis; 
	white-space: nowrap;
}


#portfolio div.col-md-3 h2,
#portfolio div.col-md-3 h3 {
	font-size:18px;
	line-height:18px;
}
#portfolio div.col-md-5th h2,
#portfolio div.col-md-5th h3 {
	font-size:15px;
	line-height:15px;

	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space: nowrap; 
}
#portfolio div.col-md-2 h2,
#portfolio div.col-md-2 h3 {
	font-size:13px;
	line-height:13px;
}
#portfolio div.col-md-2 .item-box-desc,
#portfolio div.col-md-2 .item-box-desc {
	padding:20px 6px 0 15px !important;
}
	section.dark #portfolio h2,
	section.dark #portfolio h3 {
		color:#fff;
	}
#portfolio.portfolio-title-over div.col-md-2 .item-box .item-hover .inner {
	margin-top:-20px !important;
}

#portfolio div.col-md-2 ul.categories>li>a,
#portfolio div.col-md-5th ul.categories>li>a {
	font-size:11px;
	line-height:11px;
}


/* dark section */
section.dark#portfolio h2,
section.dark #portfolio h2,
section.dark#portfolio h3,
section.dark #portfolio h3 {
	color:#fff !important;
}
.mix.row {
	display: -webkit-box !important;
}
#portfolio .mix-grid>.row.mix {
	border-bottom:rgba(0,0,0,0.1) 1px solid;
	margin-bottom:60px;
	padding-bottom:60px;
}
#portfolio .mix-grid>.row.mix:last-child {
	border-bottom:0;
}
#portfolio .mix-grid>.row>div:last-child {
	margin-bottom:0 !important;
}
#portfolio .item-box-desc h2,
#portfolio .item-box-desc h3 {
	font-size:18px;
	line-height:20px;
}

#portfolio .item-box-overlay-title {
	display:block;
	position:absolute;
	left:0; right:0;
	bottom:0;
	padding:8px;
	color:#fff;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	z-index:100;
}
#portfolio .item-box-overlay-title h2,
#portfolio .item-box-overlay-title h3,
#portfolio .item-box-overlay-title h4,
#portfolio .item-box-overlay-title a {
	color:#fff;
}
#portfolio .item-box-overlay-title a:hover {
	color:#fff !important;
}
#portfolio .controlls-over .owl-pagination {
	bottom:auto;
	top:10px;
	right:10px;
	left:auto;
	width:auto;
}

@media only screen and (max-width: 992px) {
	#portfolio div.col-md-5>h2,
	#portfolio div.col-md-5>h3 {
		margin-top:30px;
	}
}
@media only screen and (max-width: 480px) {
	#portfolio.portfolio-title-over .item-box .item-hover .inner {
		margin-top:-40px !important;
	}
}

	/** Gutter
	 ****************** **/
	#portfolio.portfolio-gutter .item-box {
		margin-bottom:30px;
	}

	#portfolio.portfolio-nogutter .row>div, 
	#portfolio.portfolio-nogutter .item-box {
	  padding: 0 !important;
	  margin: 0 !important;
	}

	#portfolio.portfolio-gutter .item-box .item-box-desc  {
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}


	/** Isotope Portfolio 
	 ****************** **/
	#portfolio.portfolio-isotope {
		display:block;
		margin:auto;
		width:100%;
	}
	#portfolio.portfolio-isotope .item-box-desc {
		margin-bottom:0;
	}
	#portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner,
	#portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner,
	#portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner {
		margin-top:-36px !important;
	}
	#portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner {
		margin-top:-26px !important;
	}
	
	/* 2 columns */
	#portfolio.portfolio-isotope-2 .portfolio-item {
		margin: 0 20px 20px 0;
		float:left;
	}
		#portfolio.portfolio-isotope-2 .item-box-desc {
			padding:20px;
		}
	
	/* 3 columns */
	#portfolio.portfolio-isotope-3 .portfolio-item {
		margin: 0 15px 15px 0;
	}
		#portfolio.portfolio-isotope-3 .item-box-desc {
			padding:20px;
		}
	
	/* 4 columns */
	#portfolio.portfolio-isotope-4 .portfolio-item {
		margin: 0 12px 12px 0;
	}
		#portfolio.portfolio-isotope-4 .portfolio-item h3,
		#portfolio.portfolio-isotope-4 .portfolio-item h4 {
			font-size:17px;
			line-height:17px;
		}
		#portfolio.portfolio-isotope-4 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	/* 5 columns */
	#portfolio.portfolio-isotope-5 .portfolio-item {
		margin: 0 10px 10px 0;
	}
		#portfolio.portfolio-isotope-5 .portfolio-item  h3,
		#portfolio.portfolio-isotope-5 .portfolio-item  h4 {
			font-size:16px;
			line-height:16px;
		}
		#portfolio.portfolio-isotope-5 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	/* 6 columns */
	#portfolio.portfolio-isotope-6 .portfolio-item {
		margin: 0 6px 6px 0;
	}
		#portfolio.portfolio-isotope-6 .portfolio-item h3,
		#portfolio.portfolio-isotope-6 .portfolio-item h4 {
			font-size:15px;
			line-height:15px;
		}
		#portfolio.portfolio-isotope-6 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	#portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item {
		margin:0;
	}




	/** Ajax Portfolio 
	 ****************** **/
	#portfolio_ajax_container {
		position:relative;
	}
	#portfolio_ajax_container .overlay>span {
		position: absolute;
		top: 50%; left: 50%;
		width: 68px; height: 68px;
		line-height: 76px;
		text-align: center;
		
		margin: -34px 0 0 -34px;
		background-color: rgba(0,0,0,0.8);

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	#portfolio_ajax_container .overlay>span>i {
		color: #fff;
		font-size: 30px;
	}
	div.portfolio-ajax-page {
		margin-bottom:80px;
		padding:10px 0;
	}
	div.portfolio-ajax-page header {
		position:relative;
	}
	div.portfolio-ajax-page header>ul {
		margin:0;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-10px;
	}
	div.portfolio-ajax-page header>ul a {
		font-size:18px;
	}
	div.portfolio-ajax-page header>ul a.portfolio-ajax-close {
		margin-left:20px;
	}
	div.portfolio-ajax-page header a {
		color:#888;
		text-decoration:none;
	}
	div.portfolio-ajax-page header a:hover {
		color:#000;
	}
	div.portfolio-ajax-page header h2,
	div.portfolio-ajax-page header h3 {
		margin:0;
	}

	section.dark 	.portfolio-ajax-page header a:hover {
		color:#fff;
	}

	@media only screen and (max-width: 768px) {
		div.portfolio-ajax-page header {
			text-align:center;
		}
		div.portfolio-ajax-page header>ul {
			position:relative;
			margin-top:30px;
		}
		div.portfolio-ajax-page header h2,
		div.portfolio-ajax-page header h3 {
			font-size:24px;
			line-height:24px;
		}
	}




	/** Portfolio Single
	 ****************** **/
	ul.portfolio-detail-list span {
		display: inline-block;
		font-weight: bold;
		width: 150px;
	}
	ul.portfolio-detail-list span>i {
		position: relative;
		top: 1px;
		width: 14px;
		text-align: center;
		margin-right: 7px;
	}






/** Item Box
 **************************************************************** **/
.item-box {
	overflow:hidden;
	margin:0;
	position:relative;
	box-shadow:rgba(0,0,0,0.1) 0 0 5px;


	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
.mix-grid .item-box,
#portfolio .item-box {
	box-shadow:none;
}
	.item-box.fullwidth {
		max-width:100%;
	}
	section.alternate .item-box {
		background-color:rgba(0,0,0,0.05);
	}


.item-box figure {
	width:100%;
	display:block;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}
	.item-box.fixed-box figure img {
		width:100%;
		height:auto;
	}

.item-box-desc {
	padding:30px 20px 20px 20px;
	overflow:hidden;
	margin-bottom:10px;
	text-align:left !important;
}
.item-box-desc p {
	margin-top:20px;
	display:block;
	overflow:hidden; 
	text-overflow:ellipsis;
	/*white-space: nowrap;*/
}
	.item-box.fixed-box .item-box-desc p {
		height:98px;
	}
.item-box-desc h2,
.item-box-desc h3,
.item-box-desc h4,
.item-box-desc h5 {
	padding:0; margin:0;
}
.item-box .item-box-desc small {
	display:block;
}

.item-box.fixed-box .item-box-desc {
	height:256px;
}

.item-box.fixed-box figure {
	max-height:263px;
}

.item-box .socials {
	border-top:#eee 1px solid;
	text-align:center;
	display:block;
}


/* hover */
.item-box .item-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	text-align:center;
	color:#fff;

	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a {
	color:#fff;
}
.item-box .item-hover .inner {
	position:absolute;
	display:block;
	left:0; right:0; top:50%;
	margin-top:-10px;
	margin-bottom:0;
	width:100%;
	z-index:100;
	line-height:23px;
}
.item-box:hover .item-hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.item-box .item-hover .inner .ico-rounded>span {
	color:#666;
	background-color:#fff;
	width:50px; 
	height:50px;
	line-height:50px !important;
	margin:-20px  5px 0 5px;

	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;

	-webkit-border-bottom-right-radius: 20px;
		-webkit-border-top-left-radius: 20px;
		-moz-border-radius-bottom-right: 20px;
			-moz-border-radius-top-left: 20px;
			border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
}


.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
	color:#333;
	background-color:rgba(0,0,0,0.07);
}








/** Mixitup
 **************************************************************** **/
.mix-grid .mix {
	opacity: 0;
	display: none;
}
.mix.nogutter,
.mix.nogutter>.item-box  {
	padding:0 !important;
	margin:0 !important;
	line-height:0;
}





/** Blog
 **************************************************************** **/
.blog-post-item {
	display:block;
	margin-bottom:80px;
	padding-bottom:60px;
	border-bottom:#eee 1px solid;
	position:relative;
}
	section.dark .blog-post-item {
		border-bottom:#444 1px solid;
	}

h1.blog-post-title,
.blog-post-item h2 {
	letter-spacing:0;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:22px;
	margin-bottom:10px;
}
ul.blog-post-info {
	display:block;
	border-bottom:#eaeaea 1px dotted;
	padding-bottom:20px;
	font-size:14px;
}
section.dark ul.blog-post-info {
	border-bottom-color:#444;
}
ul.blog-post-info li>a {
	color:#888;
}
ul.blog-post-info li i {
	color:#888;
	margin-right:5px;
}
ul.blog-post-info li a:after {
	content:' , ';
}
ul.blog-post-info li a:last-child:after {
	content:'';
}

/* blog misc */
.blog-post-item .flexslider {
	margin-bottom:20px;
}
h1.blog-post-title {
	font-size:24px;
	margin-bottom:0;
}



	/** Blog Small Image
	 ****************** **/
	.blog-post-item .blog-item-small-image {
		width:300px;
		float:left;
	}
	.blog-post-item .blog-item-small-image + .blog-item-small-content {
		padding-left:330px;
	}
		.blog-post-item.blog-post-item-inverse .blog-item-small-image {
			width:300px;
			float:right;
		}
		.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding-left:0;
			padding-right:330px;
		}

	.blog-both-sidebar .blog-post-item .blog-item-small-image {
		width:200px;
	}
	.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
		padding-left:230px;
	}

		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image {
			width:200px;
			float:right;
		}
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding-left:0;
			padding-right:230px;
		}

	@media only screen and (max-width: 768px) {
		.blog-post-item .blog-item-small-image,
		.blog-post-item.blog-post-item-inverse .blog-item-small-image,
		.blog-both-sidebar .blog-post-item .blog-item-small-image,
		.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
			width:100%;
			display:block;
			float:none;
		}
		.blog-post-item .blog-item-small-image + .blog-item-small-content,
		.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content,
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image,
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding:0;
		}
	}



	/** Isotope Blog 
	 ****************** **/
	#blog.blog-isotope {
		display:block;
		margin:auto;
		width:100%;
	}
	#blog.blog-isotope-3 .blog-post-item .flexslider,
	#blog.blog-isotope-4 .blog-post-item .flexslider,
	#blog.blog-isotope-5 .blog-post-item .flexslider,
	#blog.blog-isotope-6 .blog-post-item .flexslider {
		margin-bottom:20px;
	}
	
	/* 2 columns */
	#blog.blog-isotope-2 .blog-post-item {
		margin: 0 20px 20px 0;
		float:left;
		border:0;
	}
		#blog.blog-isotope-2.blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}
	
	/* 3 columns */
	#blog.blog-isotope-3 .blog-post-item {
		margin: 0 15px 15px 0;
		border:0;
	}
		#blog.blog-isotope-3 .blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}
	
	/* 4 columns */
	#blog.blog-isotope-4 .blog-post-item {
		margin: 0;
		padding:0 15px 60px 15px;
		border:0;
	}
		#blog.blog-isotope-4 .blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}

	/* 5 columns */
	#blog.blog-isotope-5 .blog-post-item {
		margin: 0 10px 10px 0;
		border:0;
	}
		#blog.blog-isotope-5 .blog-post-item  h2 {
			font-size:16px;
			line-height:16px;
		}

	/* 6 columns */
	#blog.blog-isotope-6 .blog-post-item {
		margin: 0 6px 6px 0;
		border:0;
	}
		#blog.blog-isotope-6 .blog-post-item h2 {
			font-size:15px;
			line-height:15px;
		}
	
	
	

	/** Blog Single
	 ****************** **/
	.blog-single-small-media {
		width:350px;
		float:left;
		margin-right:30px;
		margin-bottom:20px;
	}
	.blog-single-small-media.inverse {
		float:right;
		margin-right:0;
		margin-left:30px;
	}


/** Comments
 **************************************************************** **/
.comments {
	margin-top:60px;
}
.comments .comment-item {
	margin:40px 0;
}
.comments a.comment-reply {
	float:right;
	font-size:11px;
	text-transform:uppercase;
}
.comments span.user-avatar {
	background:#eee;
	width:64px; height:64px;
	float:left;
	margin-right:10px;
}
	section.dark .comments span.user-avatar {
		background:transparent;
	}
.comments small {
	font-size:12px;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	color:#aaa;
}
.comments h4 {
	font-size:15px;
}
section.dark .comments small {
	color:#666;
}


	/* BORDERED COMMENTS */
	.comment-list p,
	.comment-list .row {
		margin-bottom: 0px;
	}
	.comment-list .card .card-heading {
		padding: 4px 15px;
		position: absolute;
		border:none;
		border-top-right-radius:0px;
		top: 1px;
	}
	.comment-list .card .card-heading.right {
		border-right-width: 0px;
		border-top-left-radius:0px;
		right: 16px;
	}
	.comment-list .card .card-heading .card-body {
		padding-top: 6px;
	}
	.comment-list figcaption {
		/*For wrapping text in thumbnail*/
		word-wrap: break-word;
	}
	/* Portrait tablets and medium desktops */
	@media (min-width: 768px) {
		.comment-list .arrow:after, 
		.comment-list .arrow:before {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-color: transparent;
		}
		.comment-list .card.arrow.left:after, 
		.comment-list .card.arrow.left:before {
			border-left: 0;
		}
		/*****Left Arrow*****/
		.comment-list .card.arrow.left:before {
			left: 0px;
			top: 30px;
			border-right-color: inherit;
			border-width: 16px;
		}
		/*Background color effect*/
		.comment-list .card.arrow.left:after {
			left: 1px;
			top: 31px;
			border-right-color: #FFFFFF;
			border-width: 15px;
		}
		/*****Right Arrow*****/
		.comment-list .card.arrow.right:before {
			right: -16px;
			top: 30px;
			border-left-color: inherit;
			border-width: 16px;
		}
		/*Background color effect*/
		.comment-list .card.arrow.right:after {
			right: -14px;
			top: 31px;
			border-left-color: #FFFFFF;
			border-width: 15px;
		}
		
		section.dark .comment-list .thumbnail {
			border-color:#666;
			background-color:#666;
		}
		section.dark .comment-list .card.arrow.left:after {
				border-right-color: #212121;
		}
		section.dark .comment-list .card.arrow.right:after {
				border-left-color: #212121;
		}
	}

	.comment-list .comment-post {
		margin-top: 6px;
	}



/* 
	article default comments 
	usage example: page-profile-comments.html
*/
ul.comment {
	margin-bottom:30px;
}
li.comment {
	position:relative;
	margin-bottom:25px;
	font-size:13px;
}
li.comment p {
	margin:0; padding:0;
}
li.comment img.avatar {
	position:absolute;
	left:0; top:0;
	display:inline-block;
}
li.comment.comment-reply img.avatar {
	left:6px; top:6px;
}
li.comment .comment-body {
	position:relative;
	padding-left:60px;
}
li.comment.comment-reply {
	margin-left:60px;
	background-color:rgba(0,0,0,0.04);
	padding:6px;
	margin-bottom:6px;
}
li.comment a.comment-author {
	margin-bottom:6px;
	display:block;
}
li.comment a.comment-author span {
	font-size:15px;
}







/** Timeline
 **************************************************************** **/
.timeline {
	position:relative;
	padding-left:100px;
}
.timeline.timeline-inverse {
	padding-left:0;
	padding-right:100px;
}
.timeline .timeline-item {
	position:relative;
	min-height:150px;
	display:block;
	margin-bottom:30px;
}
.timeline .timeline-item-bordered {
	border-left:#ccc 1px dashed;
	padding-left:20px;
}
	section.dark .timeline .timeline-item-bordered {
		border-left:rgba(255,255,255,0.2) 1px dashed;
	}

.timeline.timeline-inverse .timeline-item-bordered {
	border-right:#ccc 1px dashed;
	border-left:0;
	padding-right:20px;
	padding-left:0;
}

/* horizontal line [left|center|right] */
.timeline>.timeline-hline {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	margin-left: 30px;
	width: 1px;
	border-left:rgba(0,0,0,0.1) 1px dashed;
	height: 100%;
}
	section.dark .timeline>.timeline-hline {
		border-left-color:rgba(255,255,255,0.2);
	}

.timeline.timeline-inverse>.timeline-hline {
	left:auto;
	right:0;
	margin-left:0;
	margin-right:30px;
	border-left:0;
	border-right:rgba(0,0,0,0.1) 1px dashed;
}
	section.dark .timeline.timeline-inverse>.timeline-hline {
		border-right-color:rgba(255,255,255,0.2);
	}

/* timeline entry */
.timeline .timeline-entry {
	display: block;
	border:rgba(0,0,0,0.1) 3px solid;
	background-color:#fff;
	padding-top: 10px;
	top: 20px;
	z-index:10;

	position:absolute;
	left: -102px;
	right: auto;
	width: 64px;
	height: 64px;
	font-size: 26px;
	text-align:center;
	line-height:1;
	color:#ccc;
	font-weight:bold;
	font-family:'Lato','Open Sans',Arial,Helvetica,sans-serif;
}
.timeline .timeline-entry>.timeline-vline {
	position: absolute;
	top: 50%; 
	margin-top:-1px;
	right: -40px;
	width: 40px;
	height: 0;
	border-top: 1px dashed #CCC;
}
	.timeline.timeline-inverse .timeline-entry {
		right: -102px;
		left: auto;
	}
	.timeline.timeline-inverse .timeline-entry>.timeline-vline {
		right:auto;
		left: -40px;
	}

.timeline .timeline-entry>span {
	display:block;
	font-size:13px;
	text-transform:uppercase;
	font-weight:300;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
}
section.alternate .timeline .timeline-entry {
	background-color:#F9F9F9;
}
section.dark .timeline .timeline-entry {
	color:#666;
	background-color:#212121;
	border-color:rgba(255,255,255,0.2);
}

section.dark .timeline .timeline-entry>.timeline-vline {
	border-top-color:rgba(255,255,255,0.2);
}
section.dark.alternate .timeline .timeline-entry {
	background-color:#151515;
}


	/* timeline center */
	.timeline_center { 
		margin: 0; 
		position: relative;  
		background: url('../images/_smarty/timeline/timeline_top.png') no-repeat top center; 
		padding-top: 9px; 
	}
	.timeline_center:after { 
		content: ""; 
		width: 0px; 
		height: 0px; 
		border-width: 3px; 
		border-style: solid; 
		position: absolute; 
		left: 50%; 
		bottom: -10px; 
		margin-left: -3px; 
		display: block; 
		z-index: 1; 
		
		-webkit-border-radius: 100%; 
				border-radius: 100%; 
	}
	.timeline_center li { 
		padding: 0 0 25px 55%; 
		position: relative; 
		background: url('../images/_smarty/timeline/timeline_right.png') no-repeat top center; 
	}
	.timeline_center li:nth-child(even) { 
		padding: 0 55% 25px 0; 
		background: url('../images/_smarty/timeline/timeline_left.png') no-repeat top center; 
		text-align:right;
	}

	.timeline_center li h3 { 
		font-size: 30px; 
		line-height: 35px; 
		position: static;
	}
	.timeline_center li h3 span { 
		position: absolute; 
		right: 55%; 
		top: 0px; 
		font-size:13px;
	}
	.timeline_center li h3:before { 
		content: ""; 
		width: 15px; 
		height: 15px; 
		border-width: 4px; 
		border-style: solid; 
		position: absolute; 
		left: 50%; 
		top: 11px; 
		margin-left: -7px; 
		display: block; 
		z-index: 1; 
		
		-webkit-border-radius: 100%; 
				border-radius: 100%; 
	}
	.timeline_center li:nth-child(even) h3 { 
		text-align: right; 
	}
	.timeline_center li:nth-child(even) h3 span { 
		left: 55%; 
		right: auto;
	}

	.timeline_center li .timeline-desc { 
		position: relative; 
		font-size: 15px; 
		line-height: 31px; 
	}
	.timeline_center li .timeline-desc:before { 
		content: ""; 
		width: 100%; 
		height: 100%; 
		position: absolute; 
		left: -122%; 
		top: 0; 
	}
	.timeline_center li .timeline-desc.timeline-desc-line {
		background: url('../images/_smarty/timeline/textline.png') repeat-y; 
	}
	.timeline_center li:nth-child(even) .timeline-desc:before { 
		left: auto; 
		right: -122%; 
	}
	.timeline_center li:nth-child(even) .timeline-desc { 
		text-align: right; 
	}

	.timeline_center li h3:before, 
	.timeline_center:after {
		border-color: #333;
	}

	@media only screen and (max-width: 650px) {
		.timeline_center { background-position: 11px top; }
		.timeline_center li { padding: 0 0 25px 70px !important; background: url('../images/_smarty/timeline/timeline_right.png') no-repeat !important; background-position: -30px top !important; width: auto; }
		.timeline_center li h3 span { position:relative; display:block; right:auto; left:auto; padding:5px 0 !important; margin:0; }
		.timeline_center li:nth-child(even) h3 span { position:relative; display:block; right:auto; left:auto; padding:0; margin:0; }
		.timeline_center li h3 { font-size:24px; line-height:24px; }
		.timeline_center li h3,
		.timeline_center li:nth-child(even) h3 { text-align: left; }
		.timeline_center li h3:before { left: 13px; }
		.timeline_center li .timeline-desc,
		.timeline_center li:nth-child(even) .timeline-desc { text-align: left; }
		.timeline_center li .timeline-desc:before { display: none; }
		.timeline_center:after { left: 13px; }
	}






/** Contact
 **************************************************************** **/
.contact-over-map {
	position:absolute;
	z-index:1;
	top:0; right:0;
	bottom:0; left:0;
	height:100%;
}

.contact-over-box {
	position:relative;
	z-index:5;
	background-color:#fff;
	width:100%;
	max-width:380px;
	min-height:300px;
	padding:20px;
	box-shadow:#888 0 0 16px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

section.dark .contact-over-box {
	background-color:#212121;
}







/** Error 404
 **************************************************************** **/
.error-404 {
	content: '404';
	font-size:200px;
	line-height:200px;
	font-weight:bold;
	color:#ddd;
	text-align:center;
	left:0; right:0;
	top:0; bottom:0;
}
section.dark .error-404 { 
	color:#666;
}

@media only screen and (max-width: 482px) {
	footer.footer-err-404 {
		display:none;
	}
	.err-404-row>div {
		margin-bottom:15px !important;
	}
}



/** Maintenance
 **************************************************************** **/
.maintenance {
	padding: 20px;
	margin-top: 10%;
	background-color: rgba(0,0,0,0.05);
	font-family:'Open Sans';
	font-size:14px; 
	line-height:23px;
	text-align: center;
	font-weight:300;
}
.maintenance h1 {
	font-size:50px;
	line-height:50px;
	font-weight:300;
	margin-bottom:6px;
}
@media only screen and (max-width: 480px) {
	.maintenance h1 {
		font-size:40px;
		line-height:40px;
	}
}



/** Login & Register
 **************************************************************** **/
ul.login-features>li {
	content: ' ';
	clear: both;
	padding: 8px 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
}
ul.login-features>li>i {
	font-size:30px;
	float:left;
	padding-right:20px;
}
.login-forgot-password {
  display: inline-block;
  margin-top: 8px;
}
.modal-short {
	max-height: 400px;
	overflow: auto;
}
@media only screen and (max-width: 992px) {
	form div.col-xs-6>button {
		margin:0 !important;
	}
}








/** Block Review
	example usage: page-forum-post.html
 **************************************************************** **/
.block-review-content div.block-review-body {
	position:relative;
	padding:20px 0 20px 150px;
}
.block-review-content div.block-review-avatar {
	width:130px;
	float:left;
	margin-left:-140px;
}
@media only screen and (max-width: 482px) {
	.block-review-content div.block-review-body {
		padding:20px 0 20px 100px;
	}
	.block-review-content div.block-review-avatar {
		width:80px;
		margin-left:-90px;
	}
	.block-review-content div.block-review-avatar img {
		width:70px;
	}
}





/** Category Grid
 **************************************************************** **/
div.category-grid>div {
	margin:30px 0;
}
	div.category-grid .card {
		border:0;
		background-color: rgba(0,0,0,0.02);
		-moz-border-radius: 0;
		     border-radius: 0;

	}
	section.section-dark div.category-grid .card {
		background-color: rgba(0,0,0,0.08);
	}


	@media only screen and (min-width: 768px) {
		/* 
			6 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/
		.category-grid>div.col-sm-2:nth-child(6n+1),
		.category-grid>div.col-lg-2:nth-child(6n+1),
		.category-grid>div.col-md-2:nth-child(6n+1) {
			clear:both;
		}

		/* 
			5 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/
		.category-grid>div.col-sm-5th:nth-child(5n+1),
		.category-grid>div.col-lg-5th:nth-child(5n+1),
		.category-grid>div.col-md-5th:nth-child(5n+1) {
			clear:both;
		}


		/* 
			4 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/
		.category-grid>div.col-sm-3:nth-child(4n+1),
		.category-grid>div.col-lg-3:nth-child(4n+1),
		.category-grid>div.col-md-3:nth-child(4n+1) {
			clear:both;
		}

		/* 
			3 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/
		.category-grid>div.col-sm-4:nth-child(3n+1),
		.category-grid>div.col-lg-4:nth-child(3n+1),
		.category-grid>div.col-md-4:nth-child(3n+1) {
			clear:both;
		}
	}

	@media only screen and (max-width: 768px) {
		/* 
			2 COLUMNS - RECALIBRATE FOR LONG TITLES
		*/
		.category-grid>div.col-sm-6:nth-child(2n+1),
		.category-grid>div.col-lg-6:nth-child(2n+1),
		.category-grid>div.col-md-6:nth-child(2n+1) {
			clear:both;
		}
	}





/** Cards
 **************************************************************** **/

.card {
    margin-bottom: 26px;
    overflow-y: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
    -o-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
    box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;

    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card img {
	width: 100%;
}
.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
section.dark-2 div.category-grid .card {
    background-color: rgba(0,0,0,0.08);
}

.card-img-top {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
}


 section.dark .card {
 	background-color: rgba(0,0,0,0.2);	
 }
 section.dark .alternate,
 section.dark .alternate-2,
 section.dark .alternate-3,
 section.dark .lightblue,
 section.dark .lightgreen {
 	background-color: rgba(0,0,0,0.03);	
 }

 section.dark-2.alternate {
 	background-color: #292e32 !important;
 }











/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 992px) {
	.scienceImg {
    width: 90%;
    margin: 40px auto -50px auto;
    background-color: rgb(28, 62, 141);
    display: block;
    padding: 40px;
    border-radius: 4px;
}
	
.cellsImg {
    width: 80%;
    margin: 110px auto;
    display: block;
}
	
	#header.header-sm #topNav button.btn-mobile {
			margin-top:16px;
	}
	#header.header-sm #topNav button.btn-mobile {
			margin-top:11px;
	}
	#topNav #topMain>li.mega-menu div.row div {
		display:block !important;
		border:0 !important;
		width: 100% !important;
		max-width: 100%;
		flex: none;
	}
	.block-md {
		display:block;
	}
	.text-center-md {
		text-align:center !important;
		float:none !important;
	}

	/* fullwidth button fix */
	body>.btn.fullwidth,
	#wrapper>.btn.fullwidth {
		padding-top:0!important;
		padding-bottom:20px!important;

		white-space: pre;           /* CSS 2.0 */
		white-space: pre-wrap;      /* CSS 2.1 */
		white-space: pre-line;      /* CSS 3.0 */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -hp-pre-wrap;  /* HP Printers */
		word-wrap: break-word;      /* IE 5+ */
	}
	body>.btn.fullwidth>span,
	#wrapper>.btn.fullwidth >span {
		line-height:30px !important;
	}

}















/** DEMO ONLY
	DO NOT USE THIS CSS - USED FOR DEMO ONLY!
 **************************************************************** **/
.iconsPreview {
	font-size: 16px;
}
.iconsPreview.material-icons-preview a>i {
	font-size: 36px;
}
.iconsPreview a {
	text-decoration:none;
}
 .iconsPreview .fa-hover a {
	display:block;
	padding:4px;
	text-decoration:none;
}
.iconsPreview .fa-hover a:hover {
	background-color:#f3f3f3;
}
.iconsPreview .fa-hover i {
	width:20px;
	margin-right:10px;
	color:#333 !important;
}
.iconsPreview .fa-hover a span { 
	color:#666;
}
/** *** **/
.iconsPreview.material-icons-preview a {
	padding: 10px 4px !important;
}
/** *** **/

.iconFlags a {
	text-decoration:none;
}
.iconFlags .flag-icon {
	padding-top:4px;
	padding-bottom:4px;
	cursor:pointer;
	display:block;
}
.iconFlags .flag-icon img {
	display:inline-block;
	margin-right:6px;
}
.iconFlags .flag-icon:hover {
	background-color:#f3f3f3;
}

.bs-glyphicons a {
	text-decoration:none;
}
.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}
.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}
.bs-glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f9f9f9;
	cursor:pointer;
	padding-top: 20px;
}
.bs-glyphicons li:hover {
	background-color:#f3f3f3;
}
@media (min-width: 769px) {
	.bs-glyphicons li {
		width: 12.5%;
		font-size: 12px;
	}
}
.iconExamples a {
	text-decoration:none;
}
.iconExamples .example {
	text-align: center;
	cursor:pointer;
	padding:6px 3px;
}
.iconExamples .example:hover {
	background-color:#f3f3f3;
}
.iconExamples .example:before, 
.iconExamples .example:after {
	content: " ";
	display: table;
}
.iconExamples .example .icon {
	font-size: 20px;
	float: left;
	width: 35px;
}
.iconExamples .example .class {
	text-align: center;
	float: left;
	margin-top: 0;
	font-weight: 400;
	margin-left: 10px;
	color: #333;
}



/** *** **/
.row.show-grid,
.row.show-grid>div {
	padding:0;
}
.grid-block {
	background-color: #EEE;
	border: 1px solid #FFF;
	display: block;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
}
.grid-color span {
	display:block;
	padding: 10px 0;
	text-align: center;
	background-color:rgba(0,0,0,0.1);
}
.grid-demo [class*="col-"] {
	background: #fafafa;
	border: 1px solid;
	border-color: #ddd;
	padding: 10px;
	text-align: center;
	margin-bottom:20px;
}
.grid-demo .row {
	margin-left:0;
	margin-right:0;
}

/** *** **/
.linecon a {
	text-decoration:none;
}
.linecon .icon {
	width: 12.5%;
	float: left;
	height: 115px;
	text-align: center;
	padding: 22px 10px;
	margin: 0 -1px -1px 0;
	border: 1px solid #fff;
	background-color: #f6f6f6;
	word-wrap: break-word;
	cursor:pointer;
}
.linecon .icon:hover {
	background-color:#f3f3f3;
}
.linecon .icon i {
	display: block;
	font-size: 30px;
	margin-bottom: 10px;
}

/** *** **/
.colors-bg-demo {
	padding:3px;
	margin-top:3px;
}


/** et line icons */


.et-line-icons li>i {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 26px;
	display:block;
	text-align:center;
	color:#000;
	margin-top:25px;
}
.et-line-icons li>span {
	font-size:13px;
}
.et-line-icons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f9f9f9;
	cursor:pointer;
}
.et-line-icons li:hover {
	background-color:#f3f3f3;
}
@media (min-width: 769px) {
	.et-line-icons li {
		width: 12.5%;
		font-size: 12px;
	}
}

/* material design demo */
.mdl-demo-grid .mdl-cell {
    box-sizing: border-box;
    background-color: #BDBDBD;
    height: 50px;
    padding-left: 8px;
    padding-top: 4px;
    color: white;
}



/* material section color switch */
#header a.color-switch {
	display: inline-block;
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	margin-top: 30px;
	border: #fff 3px solid;
	background-color: #3072e0;
	margin-right: 10px;
	color: #fff;
	text-align: center;
	padding-top: 2px;
	border-radius: 50%;
}
#header.fixed a.color-switch {
	width: 27px;
	height: 27px;
	margin-top: 16px;
	padding-top: 1px;
}
	#header.fixed a.color-switch>i {
		font-size: 19px;

	}
#header a.color-switch:hover {
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
}
@media only screen and (max-width: 768px) {
	#header a.color-switch {
		width: 27px;
		height: 27px;
		margin-top: 16px;
		padding-top: 1px;
	}
		#header a.color-switch>i {
			font-size: 19px;

		}
}

#header ul.mdl-menu-color-switch {
	z-index:999999;
}
#header ul.mdl-menu-color-switch a {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: #999 1px solid;
}
#header .mdl-menu__container {
	margin-top:15px;
	height: 40px !important
}
	#header .mdl-menu__container>div {
		height: 40px !important
	}
#header .mdl-menu__container.is-visible .mdl-menu {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}
#header .mdl-menu__container li {
	height: 40px !important;
	background-color: transparent !important;
	padding: 0 10px;
}
#header ul.mdl-menu-color-switch a:hover,
#header ul.mdl-menu-color-switch a.active {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
}



/*HAPPY*/

.disclaimer, .disclaimer a {
	    font-size: 10px;
}

#happy .disclaimer{
	    font-size: 12px;
    margin-top: 40%;
    max-width: 380px;
}
	#happy {
    background-image: url(/static/front/image/us/happyBG.jpg);
    padding-bottom: 0;
    background-position: top;
    min-height: 820px;
}

.lang-ja #happy {
	background-image:url("/static/front/image/us/happyBG-ja.png");
}

.lang-es #happy {
	background-image:url("/static/front/image/us/happyBG-es.jpg");
}


.lang-zh-Hant #happy {
	background-image:url("/static/front/image/us/happyBG-zht.png");
}

#happy img{
	    width: 100%;
	max-width:380px;
}

#happy img.kickdown{
	    width: 100%;
	max-width:380px;
    margin-top: 18%;
}

#noo {
    background-image: url(/static/front/image/us/nootropicsBG.jpg);
    background-position: center;
    padding-bottom: 120px;
}

#noo h1{
	font-size:80px;
	line-height:90px;
}
#noo h1 strong{
	    font-size: 93px;
}
#noo p{
    text-align: left;
    font-size: 20px;
    margin: 40px auto;
    max-width: 780px;
    padding-left: 65px;
}

#noo.nooHappy h1 {
    font-size: 69px;
    line-height: 60px;
    margin: 20px 0;
}

#noo.nooHappy h1 strong {
    font-size: 102px;
    line-height: 90px;
}
#noo.nooHappy h1 strong:last-of-type {
    font-size: 47px;
    line-height: 60px;
    margin-top: -3px;
    display: block;
}
#noo.nooHappy p {
    text-align: left;
    font-size: 20px;
    margin: 50px auto;
    max-width: initial;
    padding-left: 0;
    line-height: 30px;
    text-shadow: black 0px 0px 10px;
}
#noo.nooHappy p strong{
	text-transform:uppercase;
}
#happyshop{
    background-image: url(/static/front/image/us/productHappyBG.jpg);
    background-position: center;
    padding: 25% 0;
}

#happyshop .btn{
margin:40px auto;
}
#happyshop img{
	    max-width: 225px;

}

#strongshop{
    background-image: url(/static/front/image/us/StrongOGBG21.jpg);
    background-position: center;
    padding: 25% 0;
	margin-bottom: -8px;
}

#strongshop .btn{
margin:40px auto;
}
#strongshop img{
	    max-width: 225px;
}
#bodeStrong{
	background-image: url(/static/front/image/us/strongBG21.jpg);
padding-bottom: 0;
    min-height: 1160px;
    background-position: center;
}
#bodeStrong a {
    margin: 20px 2%;
    display: inline-block;
}
#bodeStrong h2{
	color:white;
	background-color:#ff9900;
	font-weight:300;
	    padding: 20px;
	margin-bottom: 20px;
}
#bodeStrong h1{
    color: #e25626;
    font-weight: 300 !important;
    line-height: 32px;
    margin: 54px auto;
}
#bodeStrong h2 strong{
	font-weight:700;
}
#bodeStrong .constrain div h1 strong{
	font-weight:700;
	font-size: 34px;
	    
}
#bodeStrong .constrain div:nth-of-type(2n) h1 strong{
font-size: 28px;
	    
}
#bodeStrong .constrain div:last-of-type h1 strong{
font-size: 23px;
	    
}
    
#bodeStrong .row{
    position: absolute;
    bottom: 152px;
    width: 100%;
    padding: 0;
    margin: auto;
}

#bodeStrong .row.constrain{
    background-color: white;
    position: absolute;
    bottom: 0;
    padding: 0 6%;
	
}

.clinicalBadge{
	    width: 100%;
    max-width: 200px;
}

#sciencevid{
		background-image: url("/static/front/image/us/scienceVidBG.jpg");
    padding: 9%;
	text-align:center;
}

#sciencevid h1 {
    color: white;
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
}
#sciencevid h1 span{
	    display: block;
    font-size: 52px;
    color: white;
    font-weight: 500;
}
#sciencevid h1 span strong{
    font-weight: 500 !important;
}

.scienceBar{
	    padding: 10px;
}
.studyArea{
	
}
.study{
	margin-bottom:40px;
}
.study h6{
color: #203794;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
.study p{
    color: #565656;
    margin: 0;
    font-size: 15px;
}
.study a {
    display: inline-block;
    text-decoration: underline;
    color: #565656;
    margin: 10px 0 0 0;
    font-weight: 700;
	font-style: italic;
}
.study a:hover{
transition:all 0.5s;
	color:#203794;
}

.scienceBar p.disclaimer{
	font-size:12px;
	margin:0;
	padding:10px 0;
}

.headline{
	    line-height: 40px;
    font-size: 22px;
}
.headline2{
	font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 20px 0;
}

.headline2 a {
	color: white;
	text-decoration: underline;
}

.strongVerve{
    background-image: url(/static/front/image/us/StrongOGVerveBG21.jpg);
padding: 180px 0;
}

.strongVerveClinical{
	background-image: url(/static/front/image/us/clinicalStrongOGVerveBG.png);
	color:white;
}
.strongVerveClinical p {
	color:white;
}
.strongVerveClinical h1{
	color: white;
    line-height: 40px;
}
.strongVerveClinical h1 span{
	    color: white;
    display: block;
    font-weight: 700;
    font-size: 113%;
}

.strongVerveClinical img{
	    float: left;
	margin-right:30px;
}

.strongVerveClinical .headline{
	    font-weight: 700;
    line-height: 40px;
    font-size: 22px;
    margin-bottom: 0;
}

.strongVerveClinical .headline span{
    font-size: 34px;
    margin-right: 10px;
    line-height: 20px;
    vertical-align: text-top;
}

.marginVert{
	margin:30px auto;
}

.highPriority{
	background-image:url("/static/front/image/us/beakerOrangeBG.jpg");
}

.verveValidate{
	background-image:url("/static/front/image/us/beakerWhiteBG.jpg");
}
.verveValidate .col-sm-4 img:first-of-type{
		width:100%;
		margin-bottom: -62%;
	}
.tenValidate{
	background-image:url("/static/front/image/us/beakerWhiteBG.jpg");
	padding:200px 0;
}
.pdr{
	background-image:url("/static/front/image/us/PDR.jpg");
	padding:230px 0;
}
.pdr h2{
	    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
	    margin-left: 40px;
}
.pdr h2 span{
	font-size: 82px;
    color: white;
    line-height: 74px;
}
.pdr h2 em{
	    font-weight: 300;
    font-size: 29.4px;
    text-transform: none;
	font-style: normal;
}

.verveValidate .col-sm-8 .doublecheck{
	    margin-top: 40%;
}

.doublecheck {
    /*max-width: 570px;*/
	max-width: 640px;
}
.doublecheck .headline {
    font-size: 32px;
    max-width: 430px;
}
.dblCheck {
    float: right;
    margin: 30px auto;
}

.headline3{
	font-size: 32px;
    max-width: 650px;

}

.pocket30 p:first-of-type{
    margin-top: 30px;
    padding-top: 30px;
}

.boxCall {
	    padding: 10%;
    margin: 10px 30px;
    height: 88%;
    font-size: 30px;
    font-weight: 300;
}
.boxCall p {
    font-size: 30px;
    font-weight: 300;
    color:white;
}
.boxCall strong{
	text-transform:uppercase;
}

.boxCall p a {
	text-decoration: underline;
    color: white;
}

.boxCall2 {
    padding: 10%;
    margin: 0px 0px;
    height: 100%;
    font-size: 22px;
    font-weight: 300;
}

.boxCall2 p {
    font-size: 22px;
    font-weight: 300;
}
#strongvid{
		background-color:#ff9100;
    padding: 9%;
}
#strongvid h1, #strongvid h2{
color:white;
	font-weight:300;
}
#strongvid h1{
    font-size: 48px;
    text-transform: uppercase;
    margin-bottom: 20px;;
}
#strongvid h2{
    line-height: 40px;
    margin-bottom: 70px;
}

#minerals{
    min-height: 1320px;
	background-image:url("/static/front/image/us/manBG.jpg");
    background-position: bottom right;
}
#minerals p{
	    font-size: 23px;
    line-height: 37px;
}
#minerals img{
	    padding: 10px;
}

#ionic{
	background-image:url("/static/front/image/us/ionicBGV221.jpg");
	    height: 740px;
    background-position: center;
}

#ionic h1,#ionic h1 span{
    color: #00ab7a;
    text-transform: uppercase;
}
#ionic h1{
    font-size: 70px;
    font-weight: 700;
    margin-top: 40px;
    line-height: 70px;
}
#ionic h1 span{
    font-size: 82px;
    font-weight: 300;
}
#ionicRun{
	background-image:url("/static/front/image/us/ionicRunBG.jpg");
	height: 940px;
	    background-position: top right;
}
#ionicRun h5{
color: white;
    font-size: 27px;
    line-height: 32px;
    font-weight: 700;

}
#ionicRun p{
    color: white;
}
#ionicRun .chartArea{
background-color:rgba(255,255,255,0.1);
    padding: 60px 0 40px;
	    position: absolute;
    bottom: 0;
	    width: 100%;
}
#ionicRun .chart table{
	color:white;
}
#ionicRun .chart table th{
	color:white;
	height: 50px;
    padding: 5px 15px;
    font-size: 25px;
}
#ionicRun .chart table td{
    color: white;
    padding: 5px 15px;
    font-weight: 300;
    font-size: 14px;
}
#ionicRun .chart table, #ionicRun .chart th, #ionicRun .chart td {
  border: 1px solid rgba(255,255,255,0.3);
	text-align: left;
}

#studiedNutrition{
	background-image:url("/static/front/image/us/clinicalBG.jpg");
}
#studiedNutrition img, #studiescallout img{
	display:block;
	margin:30px auto;
    max-width: 346px;
}

#studiescallout{
	background-image:url("/static/front/image/us/mitochondriaBG.jpg")
}

#studiescallout .calloutCircle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    padding: 64px 0px;
    margin: 50px auto;
}
#studiescallout .calloutCircle#circ1{
	background-color:#7ba238;
}
#studiescallout .calloutCircle#circ2{
	background-color:#00acd1;
	    padding: 56px 0px;
}
#studiescallout .calloutCircle#circ3{
	background-color:#00a67b;
}
#studiescallout .calloutCircle h2 {
    font-weight: 700;
    padding: 20px;
    line-height: 30px;
    color: white;
    font-size: 20px;
	text-transform:uppercase;
	line-height:24px;
}


#happycallout{
	background-image:url("/static/front/image/us/happycalloutBG.jpg");
}
.calloutCircle {
    background-color: white;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    padding: 70px 0px;
}
.calloutCircle h2 {
    font-weight: 700;
    padding: 20px;
    line-height: 30px;
    color: #fc7706;
    font-size: 26px;
}

.lang-es .calloutCircle, .lang-es .calloutCircle h2 {
    font-size: 22px;
}

@media only screen and (max-width: 768px) {
	.lang-es .calloutCircle, .lang-es .calloutCircle h2 {
		font-size: 18px;
	}
}

#happycallout .disclaimer{
	margin-top:80px;
	max-width:320px;
}

#happyvid{
	background-image:url("/static/front/image/us/unsplash.jpg");
    padding: 12%;
}

@media (min-width:1600px){
	.cellBand {
    background-color: rgba(255,255,255,0.35);
    padding: 0px !important;
    margin-top: 14%;
}
}
@media (max-width:1280px){
	
	#productPanels a {
    margin: auto;
    position: absolute;
    top: 26%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 6%;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
}
	
	#productPanels .thumbnail{
	padding:0;
	       max-height: 360px;
}
}


@media only screen and (max-width: 1024px) {

	.doublecheck .headline {
		font-size: 30px;
		max-width: 430px;
	}
	
	.verveValidate .col-sm-4 img:first-of-type{
		width:100%;
		margin-bottom: -62%;
	}
	
	.highPriority .headline.headline3{
		    font-size: 32px;
	}
	.highPriority .headline {
    line-height: 40px;
    font-size: 16px;
		    font-weight: 300;
}
	.boxCall {
    padding: 10%;
    margin: 20px 0px;
    height: 90%;
    font-size: 28px;
    font-weight: 300;
}
	
	.pocket30 p:first-of-type {
    margin-top: 30px;
    padding-top: 20px;
}
	
	
.strongVerveClinical .headline {
    font-weight: 700;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 20px;
}
.strongVerve {
    padding: 80px 0;
    background-position: bottom;
	    margin-bottom: -15px;
}
	
	#verveBurn img:first-of-type {
    width: 100%;
    margin: 150px auto 40px;
}
	
	.productVid p {
    margin: 20px 0px;
    font-weight: 300;
}
	
	#verveZero img {
    width: 100%;
    margin: 0px auto 40px;
}
	
	.scienceStripe h1.ten {
		font-size: 114px;
	}

	.scienceStripe .col-sm-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.scienceStripe img{
    max-width: 220px;
    margin: 10px auto;
    display: block;
}
	#noo.nooHappy .col-sm-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	
	#noo.nooHappy p {
    text-align: left;
    font-size: 20px;
    margin: 10px auto;
    max-width: initial;
    padding-left: 0;
    line-height: 36px;
    text-shadow: black 0px 0px 10px;
}
	
	#noo.nooHappy h1 {
    font-size: 58px;
    line-height: 60px;
    margin: 20px 0;
}
	#noo.nooHappy h1 strong {
		font-size: 53px;
	}
	#noo.nooHappy h1 strong:last-of-type {
        font-size: 45px;
    line-height: 60px;
    margin-top: -7px;
    display: block;
}
	
	#happy {
		background-position: left;
	}
	
	.calloutCircle h2 {
		font-weight: 700;
		padding: 30px 20px;
		line-height: 20px;
		color: #fc7706;
		font-size: 20px;
	}
	
	.calloutCircle {
    background-color: white;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    padding: 50px 0px;
}
	
	.featuredArea .verveBurnCan{
		display:none;
	}
	
	.featuredDocsArea h2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    max-width: 450px;
    color: #f2630e;
}
	
	#bodeHappy2 {
    background-position: right;
}
	
	#bodeHappy2 h3 {
		color: white;
		line-height: 36px;
		margin: 36px auto;
		font-size: 22px;
	}
	#bodeHappy2 h3 span {
		color: white;
		display: block;
		font-size: 31px;
		font-weight: 700;
	}
	#bodeHappy2 h1 {
    float: left;
    font-size: 100px;
    font-weight: 100;
    color: white;
    margin-bottom: 0;
    text-align: left;
    margin-right: 0;
}
	
	.wistia_responsive_padding{
		margin-bottom:40px;
	}
	
	/*#bodeStrong2 .fullDiv .col-md-9, #bodeStrong2 .fullDiv .col-md-3, */
	.featuredArea .col-sm-6, .featuredArea .col-sm-8{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#bodeStrong2 h1{
		text-align:center;
	}
	#bodeStrong2 .btn {
		margin-bottom: 0;
	}
	
	#bodeStrong2{
		    background-position: top;
		    min-height: 600px;
	}
	
	#ionicFeatured {
		background-image: url(/static/front/image/us/ionicRunBG.jpg);
		min-height: 400px;
	}
	
#productVerveBurn.featuredArea .verveBurnCan img {
    width: 110%;
    position: absolute;
    top: 0px;
    left: 75px;
}
	


	#productBurn2 .verveBurnCan img {
    width: 110%;
    position: absolute;
    top: -110px;
    left: 95px;
}
	
	#productBurn2 h1 {
    color: white;
    text-align: left;
    font-size: 56px;
    line-height: 66px;
}
	
	#productBurn2 h1 span {
    color: white;
    font-size: 62px;
}
	
	#productVerveZero2 .verveZeroCan img {
    position: absolute;
    top: -300px;
    width: 160%;
    left: 60px;
}
	
	#productVerveZero2 .btn {
    position: absolute;
    bottom: 40px;
    left: 30px;
    right: 0;
}
	
	#productsVerve h1 {
    text-transform: uppercase;
    text-align: left;
    line-height: 38px;
    font-size: 34px;
    margin-bottom: 5px;
}
	
	#productsVerve .vervePanel h2 {
    font-weight: 700;
    font-size: 32px;
    bottom: 0;
    left: 30px;
    right: 0;
    position: absolute;
}
	

	section.page-header {
		background-position: center !important;

		background-attachment: inherit;

		-webkit-background-size: 100% 100% !important;
		   -moz-background-size: 100% 100% !important;
			 -o-background-size: 100% 100% !important;
		   		background-size: 100% 100% !important;

		-webkit-box-sizing: inherit !important;
		   -moz-box-sizing: inherit !important;
				box-sizing: inherit !important;
	}

	section.page-header.parallax {

		-webkit-background-size: cover !important;
		   -moz-background-size: cover !important;
			 -o-background-size: cover !important;
		   		background-size: cover !important;
	}

}

@media only screen and (max-width: 768px) {
	
.verveValidate .col-sm-8 .doublecheck{
	margin-top: 0%;
}
	
.highPriority .bulleted p.headline {
    margin-bottom: 30px;
    line-height: 20px;
}
	.highPriority p span{
		display:none;
	}
	
.pdr{
	background-image:url("/static/front/image/us/PDR.jpg");
	padding:230px 0;
}
	
	.pdr .col-sm-6:first-of-type{
		display:none;
	}
	.pdr .col-sm-6{
		-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
	}
.pdr h2{
	    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
	    margin-left: 40px;
	    text-align: center;
}
.pdr h2 span{
	font-size: 82px;
    color: white;
    line-height: 74px;
}
.pdr h2 em{
	    font-weight: 300;
    font-size: 29.4px;
    text-transform: none;
	font-style: normal;
}
	
	#bodeHappy2 {
    min-height: 390px;
        background-position: center;
}
	
	.verveValidate {
    background-position: bottom;
}
	
	.verveValidate img:first-of-type{
		width:200%;
	}
	
	.dblCheck{
		    max-width: 135px;
		float:none;
	}
	.tenValidate{
		    padding: 100px 0;
	}
	.tenValidate .dblCheck {
		max-width: 175px;
		float: none;
		    margin-bottom: 0;
	}
	.tenValidate .col-sm-4, .tenValidate .col-sm-8{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.tenValidate img{
		    margin-top: 30px;
	}
	
	.strongStudies .col-sm-7, .strongStudies .col-sm-5{
		-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
	}
	
	.strongVerve {
    background-image: url(/static/front/image/us/StrongOGVerveBG21.jpg);
    padding: 15px 0;
    background-position: bottom;
    margin-bottom: -15px;
}
	
	.strongVerve .headline {
    line-height: 30px;
    font-size: 18px;
    margin: 20px auto;
}
	
	#mito h2 {
    color: white;
    font-size: 59px;
    line-height: 69px;
}
	
	#mito h6{
	font-weight: 300;
    font-size: 20.5px;
    line-height: 34px;
    text-transform: uppercase;
}
	#mito h4 {
    color: white;
    font-weight: 300;
    font-size: 33px;
    line-height: 27px;
}
	
	#slider h4 {
		font-size: 22px;
		max-width: 420px;
		margin-top: 20px;
		margin: 30px auto;
	}
	
	#strongvid h1 {
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
	
	#bodeStrong h2 {
    color: white;
    background-color: #ff9900;
    font-weight: 300;
    padding: 20px;
    margin-bottom: 50px;
}
	
	#bodeStrong .row {
    position: absolute;
    bottom: 112px;
    width: 100%;
    padding: 0;
    margin: auto;
}
	
	#bodeStrong h1 {
    color: #e25626;
    font-weight: 300 !important;
    line-height: 22px;
    margin: 54px auto;
    font-size: 18px;
}
	#bodeStrong .constrain div h1 strong {
    font-weight: 700;
    font-size: 18px;
}
	
	#bodeStrong .constrain div:nth-of-type(2n) h1 strong {
    font-size: 18px;
}
	
	#bodeStrong .constrain div:last-of-type h1 strong {
    font-size: 18px;
}
	
	#strongOGFeatured .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
	
	#ionic h1 {
    font-size: 50px;
    font-weight: 700;
    margin-top: 40px;
    line-height: 50px;
}
	
	#ionic h1 span {
    font-size: 60px;
    font-weight: 300;
}
	
	#ionicRun {
    background-position: right;
}
	
	#studiescallout .calloutCircle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    padding: 34px 0px;
    margin: 20px auto;
}
	
	#studiescallout .calloutCircle#circ2 {
    background-color: #00acd1;
    padding: 16px 0px;
}
	
	#studiescallout .calloutCircle h2 {
    font-weight: 700;
    padding: 28px;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
}
	
	#bodeHappy2 .fullDiv {
    background-color: rgba(255, 114, 12, 0.7);
    position: absolute;
    width: 100%;
    top: initial;
    bottom: 10%;
    padding-bottom: 30px;
}
	#bodeHappy2 h3 {
		color: white;
		line-height: 30px;
		font-size: 22px;
		margin: 0 auto;
	}
	
	#bodeHappy2 h1 {
    font-size: 76px;
}

	#bodeStrong2 .fullDiv{
    padding: 20px;
    position: absolute;
    bottom: 0%;
    width: 100%;
}
	
	#bodeStrong2 .fullDiv .col-md-9, #bodeStrong2 .fullDiv .col-md-3, #bodeHappy2 .fullDiv .col-md-9, #bodeHappy2 .fullDiv .col-md-3{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#bodeStrong2 h1, #bodeHappy2 h1{
		text-align:center;
	}
	#bodeHappy2 h1{
		    text-align: center;
    float: none;
    margin: auto;
	}
	#bodeStrong2 .btn, #bodeHappy2 .btn {
		margin-bottom: 0;
	}
	
	#bodeStrong2{
		    background-position: top;
	}
	
	.destroyTablet{
		display:none;
	}
	
	.featuredArea .verveBurnCan img {
		width: 140%;
		position: absolute;
		top: 0px;
		left: 75px;
	}
	
	.iconsVerve{
    max-width: 70px;
    margin: 20px 20px 20px 0;
	}
	
#verve h1 {
    color: white;
    text-align: right;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    margin-top: 20px;
}
	
#verve {
    background-image: url(/static/front/image/us/jumpingBG.jpg);
    padding: 20% 0 10%;

}
	
	.cellBand {
    background-color: rgba(255,255,255,0.35);
    padding: 0px !important;
    margin-top: 0;
}
	

	.highlights li {
    list-style-type: none;
    width: 50%;
    text-align: left;
    float: left;
    font-size: 12px;
}
	
	#productBurn2 .verveBurnCan img {
    width: 140%;
    position: absolute;
    top: -110px;
    left: 45px;
}
	
	#productBurn2 h1 {
    color: white;
    text-align: left;
    font-size: 36px;
    line-height: 36px;
}
	#productBurn2 h1 span {
    color: white;
    font-size: 40px;
}
	
	#productVerveZero2 h3{
    padding: 0 70px 0 20px;
    position: absolute;
    top: -100px;
    line-height: 26px;
}
	
	#productVerveZero2 .rethinkTitle {
    width: 70%;
    margin-left: 30%;
    visibility: hidden;
}
	
	#productVerveZero2 p {
    margin-top: -22px;
    padding: 20px;
}
	
	#productVerveZero2 .btn {
		position: absolute;
		left: 15%;
		right: 0;
	}
#productVerveZero2 .noneSugar {
    bottom: -135px;
    position: absolute;
    max-width: 180px;
    margin: 40px;
}
	
	#productsVerve .vervePanel h2 {
    font-weight: 700;
    font-size: 23px;
    bottom: 0;
    left: 50px;
    right: 0;
    position: absolute;
}
	
	#productsVerve .vervePanel {
    position: initial;
    min-height: 480px;
    margin-top: 30px;
    display: block;
}
	
#productsVerve h1 {
    text-transform: uppercase;
    text-align: left;
    line-height: 26px;
    font-size: 26px;
    margin-bottom: 5px;
    font-weight: 700;
}
	
	#productsVerve p {
    text-align: left;
    line-height: 20px;
    margin-top: 12px;
    width: 100%;
}
	
	#productPanels span {
		font-size: 18px;
	}
	
	#productPanels a {
    margin: auto;
    position: absolute;
    top: 26%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 6%;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
}
	
	#productPanels .thumbnail {
    padding: 0;
    max-height: 280px;
}
	
	img.img-fluid {
		float: none !important;
	}

	#header.fixed {
		position:fixed;
	}
	
	#header.transparent + #slider h1 {
		margin-top:80px !important;
	}
	section div.row>div {
	margin-bottom: 0;
	}
	section div.row.lightbox>div {
		margin-bottom:0;
	}
	section form div.row>div.form-group>div,
	section form div.row>div {
		margin-bottom:15px;
	}
	section form div.row>div.form-group>div:last-child,
	section form div.row>div:last-child {
		margin-bottom:0;
	}

	.block-sm {
		display:block;
	}
	.text-center-md {
		text-align:center !important;
	}
	
	form.landing-form >div {
		margin-bottom:5px !important;
	}
}

@media only screen and (max-width: 480px) {
	
	.tenValidate .col-sm-4, .tenValidate .col-sm-8{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.tenValidate .col-sm-4{
		display:none;
	}
	
	.highPriority .bulleted p.headline {
    margin-bottom: 40px;
    line-height: 30px;
}
	
	.tenValidate {
    background-image: url(/static/front/image/us/beakerWhiteBG.jpg);
    padding: 30px 0;
}
	
	.pdr{
	background-image:url("/static/front/image/us/PDR.jpg");
	padding:100px 0;
}
.pdr h2{
	    text-transform: uppercase;
    font-weight: bold;
        font-size: 26px;
    line-height: 40px;
	    margin-left: 0px;
}
.pdr h2 span{
	font-size: 70px;
    color: white;
    line-height: 74px;
}
.pdr h2 em{
	    font-weight: 300;
    font-size: 25px;
    text-transform: none;
	font-style: normal;
}
	
	.strongVerve {
    background-image: url(/static/front/image/us/StrongOGVerveBG21.jpg);
    padding: 15px 0;
    background-position: left;
    margin-bottom: -15px;
}
	
	#sciencevid h1 span strong {
		font-weight: 700 !important;
	}
	#sciencevid h1 span {
    display: block;
    font-size: 35px;
    color: white;
    font-weight: 300;
}
	
	#sciencevid h1 {
		color: white;
		font-weight: 700;
		font-size: 20px;
		line-height: 42px;
	}
	
	#science {
    background-image: url(/static/front/image/us/scienceBG.jpg);
    padding: 40px 0;
	}
	
	.strongVerveClinical img {
		float: none;
		margin-right: 0;
	}
	
	.strongVerveClinical{
		text-align: center;
	}
	.strongVerveClinical h1 {
    color: white;
    line-height: 40px;
    font-size: 26px;
    text-align: center;
}
	
	
	.highPriority .headline.headline2 {
		line-height: 40px;
		font-size: 21px;
		font-weight: 700;
	}
	
	.highPriority .headline {
    line-height: 40px;
    font-size: 26px;
    font-weight: 300;
}
	
	
	
	
	
.verveValidate img:first-of-type, .tenValidate img:first-of-type {
    display: none;
}
	
	.verveValidate img.dblCheck:first-of-type, .tenValidate img.dblCheck:first-of-type{
		display: inline;
	}
	
	#bodeHappy2 {
    background-position: center;
}
	
	#productsVerve .vervePanel img {
    max-width: 400px;
    position: absolute;
    left: 30%;
}
	
	.boxCall {
    padding: 10%;
    margin: 20px 0px;
    height: 90%;
    font-size: 20px;
    font-weight: 300;
}
	
	#ionicFeatured{
    background-position: bottom;
    padding: 20% 10%;
}
	#strongOGFeatured {
    background-image: url(/static/front/image/us/battleRopes.jpg);
    background-position: bottom;
    padding: 20% 10%;
    margin-bottom: -5px;
}
	
	#verveBurn img:last-of-type {
    width: 70%;
    margin: 0px auto 50px;
}
	
	.scienceStripe h1.ten {
    text-align: center;
    color: white;
    font-weight: 500;
    font-size: 115px;
    line-height: 130px;
    margin: 0px auto;
    display: block;
}
	
	#testimonialsLG img {
    width: 100%;
    max-width: 300px;
    margin: 0px auto;
    height: 100%;
    display: block;
    max-height: 300px;
    float: none;
}
	
	#studiedNutrition img, #studiescallout img {
    display: block;
    margin: 30px auto;
    max-width: 246px;
}
	
	#testimonialsLGJen img {
    width: 100%;
    max-width: 300px;
    margin: 40px auto 0;
    height: 100%;
    max-height: 300px;
    float: none;
    display: block;
}
	
	
	#testimonialsLGJen p {
    margin: 0;
    font-size: 25px;
    line-height: 40px;
    font-style: italic;
    text-align: left;
}
	
	#testimonialsLGJen {
    background-image: url(/static/front/image/us/testimonialLG.jpg);
    color: white;
    padding: 80px 0px 0px 0;
    background-position: bottom;
}
	
	#mito h2 {
    color: white;
    font-size: 25px;
    line-height: 40px;
    font-weight: 700;
}
	
	#mito img {
    max-width: 700px;
    margin: 30px auto 50px;
    width: 85%;
}
	
	#mito h6 {
    font-weight: 300;
    font-size: 17.5px;
    line-height: 24px;
    text-transform: uppercase;
}
	
	#slider h4 {
font-size: 20px;
    max-width: 420px;
    margin-top: 20px;
    margin: 0px auto 70px;
}
	
	#mito h4 {
    color: white;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
}
	
	
	.cellsImg{
		display:none;
	}
	section#slider {
    background-image: url(/static/front/image/us/surferBG.jpg);
    height: 640px;
    max-height: 620px;

	}
	
	#ionicRun h5 {
    color: white;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
}
	
	#ionicRun {
    background-image: url(/static/front/image/us/ionicRunBG.jpg);
    height: 1000px;
    background-position: top left;
}
	
	#ionic h1 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 40px;
    line-height: 34px;
}
	
	#ionic h1 span {
    font-size: 36px;
    font-weight: 300;
}
	
	#minerals {
    min-height: 1320px;
    background-image: url(/static/front/image/us/manBG.jpg);
    background-position: top left;
}
	
#minerals p {
    font-size: 21px;
    text-align: left;
    padding: 10px 40px;
    line-height: 33px;
    color: white;
    text-shadow: 1px 0px 8px black;
}
#bodeStrong h2 {
    color: white;
    background-color: #ff9900;
    font-weight: 300;
    padding: 20px 0 5px;
    font-size: 22px;
    margin-bottom: 0px;
    line-height: 24px;
}
	
	#bodeStrong {
    background-image: url(/static/front/image/us/strongBG21.jpg);
    padding-bottom: 0;
    min-height: 460px;
    background-position: bottom;
}
	
	#strongvid h1 {
font-size: 52px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 60px;
}
	
	#strongvid h2 {
    line-height: 30px;
    margin-bottom: 70px;
    font-size: 22px;
}
	
	#bodeStrong .row.constrain {
    display: none;
}
	
	#strongOGFeatured .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	
	.calloutCircle {
		margin: 20px auto;
	}
	
	#happy{	
    	    background-position: right;
    background-size: 225% 100% !important;
	}
	
	#noo.nooHappy p {
    text-align: left;
    font-size: 16px;
    margin: 20px auto;
    max-width: initial;
    padding-left: 0;
    line-height: 30px;
    text-shadow: black 0px 0px 4px;
}
	
	#verveZero, #verveBurn {
    background-position: center;
}
	
	.featuredArea{
		padding: 50px 20px;
	}
	
	#verveBurn img:first-of-type {
    width: 70%;
    margin: 140px auto 40px;
}
	
	#bodeHappy2 {
    min-height: 390px;
}
	
	.featuredDocsArea li::before {
    content: '\2022';
    position: absolute;
    left: -0.8em;
    font-size: 1.1em;
    top: -2px;
}
	
	#bodeStrong2 .fullDiv {
		bottom: 0;
	}
	#bodeHappy2 .fullDiv{
		bottom: 40px;
	}
	
	#bodeStrong2 h1 {
		text-transform: uppercase;
		color: white;
		line-height: 30px;
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 0;
	}
	
	#bodeStrong2 h1 span.fontage, #bodeStrong2 h1 strong {
    display: none;
}
	
	.featuredDocsArea .btn.btn-secondary.btn-lg{
		    width: 90%;
    	display: block;
		margin-top:40px;
	}
	.featuredArea {
		/*min-height: 700px;*/
	}
	
	#productVerveBurn.featuredArea .verveBurnCan img {
		width: 140%;
		position: absolute;
		top: 0px;
		left: 25%;
	}
	
	#topBar ul.top-links>li:last-of-type>a>img {
    width: 18px;
    margin-right: 3px;
	/*display:none;*/
}
	

	#testimonialsLG p {
    margin: 0;
    font-size: 22px;
    line-height: 28px;
    font-style: italic;
    text-align: center;
    padding: 0px 20px;
}
	
	.highlights li {
    list-style-type: none;
    width: 50%;
    text-align: left;
    float: left;
    font-size: 10px;
}
	
	#productPanels .thumbnail {
    padding: 0;
    max-height: 520px;
}
	
	#productBurn2 h1 {
    color: white;
    text-align: left;
    font-size: 36px;
    line-height: 36px;
    position: absolute;
    bottom: 0px;
}
	
	#productBurn2 .verveBurnCan {
    position: relative;
    max-height: 460px;
}
	
	#productBurn2 .verveBurnCan img {
    width: 140%;
    position: relative;
    top: -240px;
    left: 65px;
}
	
	#productBurn {
    background-image: url(/static/front/image/us/battleRopeBG.jpg);
    padding-bottom: 63%;
    background-position: bottom;
}
	
	#productVerveZero2 .btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -250px;
}
	
	#productVerveZero .rethinkTitle {
    width: 100%;
    padding: 10px;
    margin-top: 10%;
}
	
	#productVerveZero2 p {
    /*margin-top: 100px;
    padding: 20px;*/
}
	
	#productVerveZero2 {
    background-color: white;
    /*min-height: 500px;*/
}
	
	#productVerveZero2 .noneSugar {
    bottom: -250px;
    position: absolute;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
	
	#productVerveZero {
    background-image: url(/static/front/image/us/runnerBG.jpg);
    background-position: right;
    padding-top: 17%;
    padding-bottom: 120%;
}
	
	#productVerveZero2 .verveZeroCan img {
    position: absolute;
    top: -500px;
    width: 160%;
    left: 60px;
}
	
	#productVerveOriginal h1 {
    text-align: center;
    color: white;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
}
	
	#productsVerve .vervePanel h2 {
    font-weight: 700;
    font-size: 32px;
    bottom: 0;
    left: -20px;
    right: 0;
    position: absolute;
}
	.thumbnail {
    padding: 0;
    max-height: 520px;
	}
	#productsVerve h1 {
    text-transform: uppercase;
    text-align: left;
    line-height: 36px;
    font-size: 36px;
    margin-bottom: 5px;
    font-weight: 700;
}
	
	#verve {
    background-image: url(/static/front/image/us/jumpingBG.jpg);
    padding: 17% 0;
    background-position: right;
}
	
	#verve h1 {
    color: white;
    text-align: right;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
}
	
#mito h2 {
    color: white;
    font-size: 26px;
    line-height: 40px;
}
	
	#mito h5 {
    color: white;
    font-size: 24px;
    text-transform: lowercase;
    font-weight: 300;
    line-height: 34px;
    margin: 0;
}
	
	#productPanels a {
    margin: auto;
    position: absolute;
    top: 36%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 6% 10%;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
}
	
	
	
	.mobile-block {
		display:block;
		float:none !important;
		position:relative;
	}
	.mobile-block>.social-icon {
		float:none !important;
	}
	.block-xs {
		display:block;
	}
	.text-center-xs {
		text-align:center !important;
		float:none !important;
	}
	.modal-short {
		max-height: 320px;
		overflow: auto;
	}
	
	.size-50 {
		font-size:30px !important;
		line-height:36px !important;
	}
	.size-40 {
		font-size:30px !important;
		line-height:36px !important;
	}
	.size-30 {
		font-size:23px !important;
		line-height:26px !important;
	}
	
	#strongshop {
    background-image: url(/static/front/image/us/StrongOGBG21.jpg);
    background-position: unset;
    padding: 25% 0;
}
	
	#ionicRun .chart{
		overflow-x:auto
	}
	#bodeStrong .row {
		position: absolute;
		bottom: -10px;
		width: 100%;
		padding: 0;
		margin: auto;
	}
	#ionicRun .chart table td {
		color: white;
		padding: 5px 15px;
		font-weight: 300;
		font-size: 14px;
		min-width: 190px;
	}
	
	#bodeTen h1 {
		margin: 30px 0px 30px;
		font-weight: 700;
		font-size: 35px;
		line-height: 36px;
	}
	#bodeStrong a {
    margin: 20px 16%;
    display: block;
	}
	
	#ionic, #ionicRun{
		display:none;
	}
	#minerals h1{
		    font-weight: 700;
    color: white;
    text-transform: uppercase;
    text-align: center;
	    line-height: 40px;
	}
	#minerals h1 span{
		    color: white;
	}
	#minerals .btn{
		    display: block;
	}
	#minerals img {
		padding: 10px 40px;
	}
	#bodeTen2 a {
		float: none;
	}
}

@media(min-width:2500px){
    section#slider {
        background-image: url(/static/front/image/us/surferBG.jpg);
        height: 1300px;
        background-position: top left;
        display: block;
        padding: 0;
        margin: 0;
        box-shadow: none;
        background-color: #151515;
        overflow: hidden !important;
        border-bottom: 0;
        z-index: 0;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
    }
	#verve .container2 {
		margin-right: auto;
	}
	#verveBurn {
		background-position: bottom;
	}
	#ionicRun {
		background-image: url(/static/front/image/us/ionicRunBG.jpg);
		height: 740px;
	}
	#bodeStrong h2 {
		color: white;
		background-color: #ff9900;
		font-weight: 300;
		padding: 20px;
		margin-bottom: 60px;
	}	
	#strongvid h1 {
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
}

.mobileProds{
	display:none;
}

@media only screen and (max-width: 1200px) {
	.scienceStripeStrongOG .col-sm-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.scienceStripeStrongOG img{
		max-width: 220px;
		margin: 10px auto;
		display: block;
	}
}

@media only screen and (max-width: 1024px){
	.mobileProds{
		display:block;
		margin: auto;
		top: -460px;
		left: 50px;
		position: absolute;
		width: 190px;
		transform: rotate(90deg);
	}

	#productIonic .mobileProds{
		display:block;
		margin: auto;
		top: -460px;
		left: 65px;
		position: absolute;
		width: 190px;
		transform: rotate(90deg);
	}
	#happy .mobileProds {
		display: block;
		margin: auto;
		top: 200px;
		left: initial;
		right: 30px;
		position: absolute;
		width: 300px !important;
		transform: rotate(0deg);
	}
	#productVerveBurn .mobileProds, #productVerveZero2 .mobileProds, #productVerve2 .mobileProds {
		display: block;
		margin: auto;
		top: -380px;
		left: 150px;
		position: absolute;
		width: 190px;
		transform: rotate(90deg);
	}
}

@media only screen and (max-width:768px){
	#happy .mobileProds {
		display: block;
		margin: auto;
    	top: -30px;
		right: 30px;
		position: absolute;
		width: 300px !important;
	}
	#productVerve2 .mobileProds {
		display: block;
		margin: auto;
		top: -540px;
		left: initial;
		right: 0;
		position: absolute;
		width: 190px;
		transform: rotate(0deg);
	}
	#productVerveZero2 .mobileProds{
		display: block;
		margin: auto;
		top: -540px;
		left: initial;
    	right: initial;
		position: absolute;
		width: 190px;
		transform: rotate(0deg);
	}
}

@media(max-width:500px){
	.mobileProds {
		display:block;
		margin: auto;
		top: -280px;
		left: 90px;
		position: absolute;
		width: 140px;
		transform: rotate(90deg);
	}
	#productIonic .mobileProds{
		display: block;
		margin: auto;
		top: -290px;
		left: 115px;
		position: absolute;
		width: 110px;
		transform: rotate(90deg);
	}
	#happy .mobileProds {
		display: block;
		margin: auto;
		top: -50px;
		right: 0;
		left: 0;
		position: absolute;
		width: 300px !important;
	}
	#productVerveBurn .mobileProds, #productVerveZero2 .mobileProds, #productVerve2 .mobileProds {
		display: block;
		margin: auto;
		top: 0;
		left: 0;
		position: relative;
		width: 190px;
		transform: rotate(0deg);
	}


	.scienceStripeStrongOG h1{
		font-size: 40px;
	}
}

@media(max-width:400px){
	#productIonic .mobileProds{
		display: block;
		margin: auto;
		top: -280px;
		left: 105px;
		position: absolute;
		width: 110px;
		transform: rotate(90deg);
	}

	.mobileProds {
		display:block;
		margin: auto;
		    top: -230px;
    left: 90px;
    position: absolute;
    width: 110px;
		transform: rotate(90deg);
	}

}











.absolute {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.bottom-right {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}
.fullwidth {
    width: 100% !important;
    max-width: 100% !important;
}
#mito .jp-learn-more, #bodeTen .jp-learn-more {
	max-width: 245px;
}

#immuneSystem{
	background:url("/static/front/image/us/strongbannerBG.jpg") no-repeat center;
	padding:10% 5%;
}
#immuneSystem .d-sm-flex{
	margin: 50px auto 0;
}
#immuneSystem a{
	margin: 20px auto 0;
}
.owl-carousel .owl-item div {
	position: relative;
	text-align: center;
}