* {
	font-family: 'Josefin Sans', sans-serif;
}
body {
	padding:0;
	margin:0;
	background-color:#fff;
	overflow-x:hidden;
	overflow-y:visible;
	font-size:1em;
}
#site {
	margin:0;
	width:100vw;
	overflow-x:hidden;
	overflow-y:visible;
	background-color:#0067BA;
	background-image:url('/inc/img/background-4000x2000.png');
	background-size:cover;
	background-attachment:fixed;
	background-origin:content-box;
	background-position:center;
}
header {
	margin:0;
	width:100%;
	height:80px;	
}
section {
	margin:0;
	width:100vw;
	height:100%;
	overflow-x:hidden;
	overflow-y:visible; 
	
}
header {
	margin:0;
	width:100%;
	height:auto;	
}

a.flip-button, a.flip-button:link, a.flip-button:hover, a.flip-button:visited {
	margin-top:20px;
	padding:10px;
	border-radius:10px;
	background-color:rgba(0, 103, 186, 1); 
	color:#fff;
	
	
}
.what {
}
.why {
}
.who {
	background-color:none;	
}
div.side {
	display: inline-block;
	vertical-align: top;
}

.where {
	background-color:rgba(255,255,255,.45);	
}
section article {
	width:80%;
	height:auto;
	margin:auto auto;
	position:relative;
	background-color:rgba(255,255,255,.45);	

}


.what-logo {
	opacity:0;
	width:40%;
	position:absolute;
	left: 0; 
	right: 0; 
	margin:auto auto;
	animation: zoom-bounce 4s infinite;
	-webkit-animation: zoom-bounce 4s infinite;
	-moz-animation: zoom-bounce 4s infinite;
	-o-animation: zoom-bounce 4s infinite;	
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: opacity 0s linear; /* Safari */
	transition: opacity 0s linear;	
}
.what-staff {
	opacity:0;
	width:60%;
	height:auto;
	position:absolute;
	left: 0; 
	right: 0; 
	margin:auto auto;
	top:30vh;
	transform-origin: 50% 50%;
	transform: scale(0);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: bottom 0s, opacity 0s; /* Safari */
	transition: bottom 0s, opacity 0s;	
}
.what-audience {
	opacity:0;
	width:100%;
	position:absolute;
	bottom:0px;
	left:auto; 
	right: auto; 
	margin:auto auto;
	-webkit-filter: blur(15px);
       -moz-filter: blur(15px);
        -ms-filter: blur(15px);
         -o-filter: blur(15px);
            filter: blur(15px);
	transform-origin: 50% 50%;
	-webkit-transform: scale(10);
	transform: scale(10);

	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition:all 0s; /* Safari */
	transition:all 0s;	
}
.what-article {
	min-width:320px;
	max-width:520px;
	height:auto;
	padding:10px;
	padding-top:30px;
	padding-bottom:20px;
	left: 0; 
	right: 0; 
	margin:auto auto;
	position:absolute;
	top:auto;
	bottom:120px;	
	background-color:rgba(0,0,0,.75);	
	color:#FFF;
	font-size:2em;
	font-weight:600;
	text-align:center;
	opacity:1;
	-webkit-backdrop-filter: blur(10px);
	transform-origin: 50% 50%;
	transform: scale(1);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: bottom 0s, opacity 0s, border-radius 0s; /* Safari */
	transition: bottom 0s, opacity 0s, border-radius 0s;
	
}

section.animate img.what-logo {
	opacity:1;
	transition-delay: 2.5s;
	transition: opacity 1s cubic-bezier(.87,-.41,.19,1.44);	
}
section.animate img.what-staff {
	left:0;		
	right:0;
	opacity:1;
	transform-origin: 50% 50%;
	transform: scale(1);
	transition-delay: 2s;
	transition: opacity 1s linear, transform .75s cubic-bezier(.87,-.41,.19,1.44);	
}
section.animate img.what-audience {
	left:0;		
	right:0;
	opacity:1;
	transition-delay: 2s;
	filter: blur(0px);
	transform-origin: 50% 50%;
	transform: scale(1);
	transition: transform 2s cubic-bezier(0,.71,.06,1), opacity 1s linear, filter 2s linear;	
}

section article {
	width:90%;
	height:auto;
	margin:auto auto;
	position:relative;
	top:10vh;	
	background-color:rgba(255,255,255,.45);	
	opacity:0;
	transform-origin: 50% 50%;
	transform: scale(0);
	transition-delay: 0s;
	transition: bottom 0s, opacity 0s, border-radius 0s;
	border-radius:50%;
}
section.why.animate article {
	opacity:1;
	border-radius:0;
	transform-origin: 50% 50%;
	transform: scale(1);
	transition-delay: 0s;
	transition: opacity 1s linear, transform .75s cubic-bezier(.87,-.41,.19,1.44), border-radius  1s cubic-bezier(.87,-.41,.19,1.44);	
}
section.why.animate article div.why-article {
	opacity:1;
	transition-delay: .75s;
	transition: opacity 1s linear;	
}
.why-article {
	text-align:center;
	opacity:0;
	padding:40px;
	font-size: 1em;	
	transition-delay: 0s;
	transition: opacity 0s;	
}
.elo-blue {
	color:#0067BA;	
}
.wordcloud span {
	display:inline-block;
	position:relative;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	color:#fff;
	opacity:0;
	font-weight:600;
	transform-origin: 50% 50%;
	transform: scale(0);
	background-color:#0067BA;	
	transition-delay: 0s; 
	transition:all 0s;	
}
section.animate article div .wordcloud span {
	transform: scale(1);
	opacity:1;
	transition-delay: .15s; 
	/*-webkit-transition:transform cubic-bezier(.87,-.41,.19,1.44); *//* Safari */
	/*transition: ;*/
	transition-property:all;
	transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);	
	transition-duration: 1100ms; 
	z-index:1;
}
section article div .wordcloud span:hover {
	transform: scale(1.05);
	opacity:1;
	cursor:pointer;
	z-index:2;
	box-shadow:#FFF 0px 0px 15px;
	transition-delay: 0s; 
	transition-property:all;
	transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);	
	transition-duration: 250ms; 
}
.delay-10 {
	-webkit-transition-delay: 10ms; -moz-transition-delay: 10ms; -o-transition-delay: 10ms; transition-delay: 10ms; 
}
.delay-25 {
	-webkit-transition-delay: 25ms; -moz-transition-delay: 25ms; -o-transition-delay: 25ms; transition-delay: 25ms; 
}
.delay-50 {
	-webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; 
}
.delay-100 {
	-webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; 
}
.delay-250 {
	-webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; 
}
.delay-550 {
	-webkit-transition-delay: 550ms; -moz-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; 
}
.delay-600 {
	-webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; 
}
.delay-750 {
	-webkit-transition-delay: 750ms; -moz-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; 
}
.delay-1000 {
	-webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; 
}
.duration-10 {
	-webkit-transition-duration: 10ms; -moz-transition-duration: 10ms; -o-transition-duration: 10ms; transition-duration: 10ms; 
}
.duration-25 {
	-webkit-transition-duration: 25ms; -moz-transition-duration: 25ms; -o-transition-duration: 25ms; transition-duration: 25ms; 
}
.duration-50 {
	-webkit-transition-duration: 50ms; -moz-transition-duration: 50ms; -o-transition-duration: 50ms; transition-duration: 50ms; 
}
.duration-100 {
	-webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; 
}
.duration-250 {
	-webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; 
}
.duration-550 {
	-webkit-transition-duration: 550ms; -moz-transition-duration: 550ms; -o-transition-duration: 550ms; transition-duration: 550ms; 
}
.duration-750 {
	-webkit-transition-duration: 750ms; -moz-transition-duration: 750ms; -o-transition-duration: 750ms; transition-duration: 750ms; 
}
.duration-1000 {
	-webkit-transition-duration: 1000ms; -moz-transition-duration: 1000ms; -o-transition-duration: 1000ms; transition-duration: 1000ms; 
}
div.essential-links {
	width:40px;
	height:60px;
	padding:10px;
	padding-bottom:20px;
	background-color:rgba(0,0,0,.85);
	color:#fff;
	position:fixed;
	bottom:0px; 
	right:0px;
}
div.essential-links i.fa {
	color:#fff;
	font-size:2em;	
}
div.essential-links i.fa:hover {
	cursor:pointer;	
}
div.next-link {
	cursor:pointer;
	min-width:320px;
	max-width:520px;
	height:80px;
	padding:0;
	left: 0; 
	right: 0;
	/*border-top-left-radius:80px;
	border-top-right-radius:80px;*/
	margin:auto auto;
	position:relative;
	top:auto;
	bottom:80px;	
	color:#FFF;
	font-size:2em;
	font-weight:600;
	text-align:center;
	opacity:1;
	transform-origin: 50% 50%;
	transform: scale(1);
	transition-delay: 0s;
	transition: bottom 0s, opacity 0s, border-radius 0s;
	
}
div.next-link span {
	display:block;
	min-width:320px;
	max-width:520px;
	height:auto;
	padding:10px;
	left: 0; 
	right: 0;
	/*border-top-left-radius:80px;
	border-top-right-radius:80px;*/
	margin:auto auto;
	position:relative;
	top:auto;
	bottom:0px;	
	background-color:rgba(0,0,0,.75);	
	color:#FFF;
	font-size:.75em;
	font-weight:600;
	text-align:center;
	opacity:1;
	transform-origin: 50% 50%;
	transform: scale(1);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: bottom 0s, opacity 0s, border-radius 0s; /* Safari */
	transition: bottom 0s, opacity 0s, border-radius 0s;
	
}
div.next-link.down {
	bottom:-40px;	
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: bottom 1s; /* Safari */
	transition: bottom 1s;
}
/* Animations */

@-webkit-keyframes zoom-bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: scale(1);} 
 40% {-webkit-transform: scale(.75);}
 60% {-webkit-transform: scale(.85);}
}

@-moz-keyframes zoom-bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: scale(1);} 
 40% {-webkit-transform: scale(.75);}
 60% {-webkit-transform: scale(.85);}
}

@-o-keyframes zoom-bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: scale(1);} 
 40% {-webkit-transform: scale(.75);}
 60% {-webkit-transform: scale(.85);}
}
@keyframes zoom-bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: scale(1);} 
 40% {-webkit-transform: scale(.75);}
 60% {-webkit-transform: scale(.85);}
}



@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}	
.next-link i.fa-chevron-down {
animation: bounce 3s infinite;
-webkit-animation: bounce 3s infinite;
-moz-animation: bounce 3s infinite;
-o-animation: bounce 3s infinite;	
}



.eloquence-article {
	
	padding:40px;
}


section.themes {
	text-align:left;	
}
section.themes article {
	width:80%;
	height:auto;
	margin:auto auto;
	position:relative;
	top:10vh;
	background-color:rgba(255,255,255,.45);	
	opacity:0;
	transform-origin: 50% 50%;
	transform: translateY(100vh) scale(3);
	-webkit-transform: translateY(100vh) scale(3);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: all 0s; /* Safari */
	transition: all 0s;
	border-radius:0;
}

section.themes.animate article {
	opacity:1;
	transform-origin: 50% 50%;
	transform: translateY(0) scale(1);
	-webkit-transform: translateY(0)  scale(1);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: opacity 1s linear, transform 1050ms cubic-bezier(.05,1.72,.34,1); /* Safari */
	transition: opacity 1s linear, transform 1050ms cubic-bezier(.05,1.72,.34,1);
	border-radius:0;
}
	section.themes article:last-of-type {
	margin:auto auto;	
}

/* Training Specifications */

section.training article {
	width:80%;
	height:auto;
	margin:auto auto;
	position:relative;
	top:10vh;	
	background-color:rgba(255,255,255,.45);	
	opacity:0;
	transform-origin: 50% 50%;
	transform: translateX(-110%);
	filter: blur(40px);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition:all 0s; /* Safari */
	transition:all 0s;
}
section.training.animate article {
	opacity:1;
	border-radius:0;
	transform-origin: 50% 50%;
	transform: translateX(0%);
	filter: blur(0px);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: opacity 1s linear, transform .75s cubic-bezier(.87,-.41,.19,1.44), filter  1.25s linear;
	transition: opacity 1s linear, transform .75s cubic-bezier(.87,-.41,.19,1.44), filter  1.25s linear;	
}
section.training.animate article div.training-article {
	opacity:1;
	-webkit-transition-delay: .75s; /* Safari */
	transition-delay: .75s;
	-webkit-transition: opacity 1s linear; /* Safari */
	transition: opacity 1s linear;	
}
div.training-article {
	text-align:center;
	opacity:0;
	padding:40px;
	font-size: 1em;	
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: opacity Os; /* Safari */
	transition: opacity 0s;	
}

/* Consulting Specifications */

section.consulting article {
	width:80%;
	height:auto;
	margin:auto auto;
	position:relative;
	top:10vh;	
	background-color:rgba(255,255,255,.45);	
	opacity:0;
	transform-origin: 50% 50%;
	transform: translateX(110%);
	filter: blur(40px);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition:all 0s; /* Safari */
	transition:all 0s;
}
section.consulting.animate article {
	opacity:1;
	border-radius:0;
	transform-origin: 50% 50%;
	transform: translateX(0%);
	filter: blur(0px);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: opacity 1s linear, transform .75s cubic-bezier(.87,-.41,.19,1.44), filter  1.25s linear;
	transition: opacity 1s linear, transform .75s cubic-bezier(.87,-.41,.19,1.44), filter  1.25s linear;	
}
section.consulting.animate article div.consulting-article {
	opacity:1;
	-webkit-transition-delay: .75s; /* Safari */
	transition-delay: .75s;
	-webkit-transition: opacity 1s linear; /* Safari */
	transition: opacity 1s linear;	
}
div.consulting-article {
	text-align:center;
	opacity:0;
	padding:40px;
	font-size: 1em;	
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: opacity Os; /* Safari */
	transition: opacity 0s;	
}

/* Coaching Specifications */

section.coaching article {
	width:80%;
	height:auto;
	margin:auto auto;
	position:relative;
	top:10vh;	
	background-color:rgba(255,255,255,.45);	
	opacity:0;
	transform-origin: 50% 50%;
	transform: translateY(110%);
	filter: blur(40px);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition:all 0s; /* Safari */
	transition:all 0s;
}
section.coaching.animate article {
	opacity:1;
	border-radius:0;
	transform-origin: 50% 50%;
	transform: translateY(0%);
	filter: blur(0px);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: opacity 1s linear, transform .75s cubic-bezier(.87,-.41,.19,1.44), filter  1.25s linear;
	transition: opacity 1s linear, transform .75s cubic-bezier(.87,-.41,.19,1.44), filter  1.25s linear;	
}
section.coaching.animate article div.coaching-article {
	opacity:1;
	-webkit-transition-delay: .75s; /* Safari */
	transition-delay: .75s;
	-webkit-transition: opacity 1s linear; /* Safari */
	transition: opacity 1s linear;	
}
div.coaching-article {
	text-align:center;
	opacity:0;
	padding:40px;
	font-size: 1em;	
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
	-webkit-transition: opacity Os; /* Safari */
	transition: opacity 0s;	
}

.text-left {
	color:inherit;
	font-size:inherit;
	/*margin:10% 10%;*/
	text-align:left;	
}


/* FlipCard */

.flip-container {
	perspective: 1000;
	cursor:pointer;
	padding:40px;
}

.flip-container:hover .noflipper, .flip-container.hover .flipper {
  	cursor:pointer;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}


.flip-container, .front, .back {
	width: 100%;
	height: 60vh;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

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

.front {
	z-index: 2;
	background-color:rgba(255,255,255,.45);	
}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
	background-color:rgba(255,255,255,.45);	
}
	a:link, a:visited {
		color:inherit;
		text-decoration:none;
		cursor:pointer;	
	}

@media screen and (min-width: 1201px) {
	* h1, .article h1, h1.article {
		font-size:1.75em;
		color:inherit;
		padding:0;
		margin:0;
		margin-bottom:2vh;
	}
	* h2, .article h2, h2.article {
		font-size:1.35em;	
		color:inherit;
		padding:0;
		margin:0;
		margin-bottom:2vh;
	}
	* p, .article p, p.article {
		font-size:.9em;	
		color:inherit;
		padding:0;
		margin:0;

	}
}

@media screen and (max-width: 1200px) {
	
	
* h1, .article h1, h1.article {
	font-size:1.25em;
	color:inherit;
	padding:0;
	margin:0;
	margin-bottom:2vh;
}
* h2, .article h2, h2.article {
	font-size:.89em;	
	color:inherit;
	padding:0;
	margin:0;
	margin-bottom:2vh;
}
* p, .article p, p.article {
	font-size:.70em;	
	color:inherit;
	padding:0;
	margin:0;

}

}
@media screen and (max-width: 860px) {
	
	
* h1, .article h1, h1.article {
	font-size:1.05em;
	color:inherit;
	padding:0;
	margin:0;
}
* h2, .article h2, h2.article {
	font-size:.80em;	
	color:inherit;
	padding:0;
	margin:0;
}
* p, .article p, p.article {
	font-size:.70em;	
	color:inherit;
	padding:0;
	margin:0;

}

}


@media screen and (max-width: 640px) {
		
		
	* h1, .article h1, h1.article {
		font-size:.95em;
		color:inherit;
		padding:0;
		margin:0;
		margin-bottom:2vh;
	}
	* h2, .article h2, h2.article {
		font-size:.75em;	
		color:inherit;
		padding:0;
		margin:0;
	}
	* p, .article p, p.article {
		font-size:.65em;	
		color:inherit;
		padding:0;
		margin:0;

	}
	div.side {
		display: block;
	}
	div.side img {
		max-width:223px;
	}
	div.next-link span {
		font-size:.40em;
		line-height:1.5em;
	}
	.what-logo {
		opacity:0;
		width:100%;
	}

	.what-staff {
		opacity:0;
		width:100%;
	}
	.what-audience {
		opacity:0;
		width:100%;
	}

	.what-article {
		font-size:1.4em;
	}

	.eloquence-article {
		padding:20px 20px 400px 20px;
	}



	div.essential-links i.fa {
		font-size:1.5em;
	}
}

.footer {
	position:absolute;
	bottom:20px;
	padding-top:100px;
	width:100%;
	
}
.footer p {
	color:#fff !important;
	font-size:1em;
	text-align: center;
}
.footer a, .footer a:link, .footer a:visited {
	text-decoration: none;
	color:#fff;
}