@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'bebas_neueregular';
    src: url('fonts/bebas/BebasNeue-webfont.eot');
    src: url('fonts/bebas/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/bebas/BebasNeue-webfont.svg#bebas_neueregular') format('svg'),
         url('fonts/bebas/BebasNeue-webfont.woff') format('woff'),
         url('fonts/bebas/BebasNeue-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'Raleway-Heavy';
	src: url('fonts/raleway/Raleway-Heavy.eot?') format('eot'), 
		 url('fonts/raleway/Raleway-Heavy.svg#Raleway-Heavy') format('svg'),
	     url('fonts/raleway/Raleway-Heavy.woff') format('woff'), 
	     url('fonts/raleway/Raleway-Heavy.ttf')  format('truetype');
}

@font-face {
	font-family: 'Raleway-ExtraBold';
	src: url('fonts/raleway/Raleway-ExtraBold.eot?') format('eot'),
		 url('fonts/raleway/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg'),
	     url('fonts/raleway/Raleway-ExtraBold.woff') format('woff'), 
	     url('fonts/raleway/Raleway-ExtraBold.ttf')  format('truetype');
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'blackjackregular';
    src: url('fonts/blackjack/black_jack-webfont.eot');
    src: url('fonts/blackjack/black_jack-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/blackjack/black_jack-webfont.svg#blackjackregular') format('svg'),
         url('fonts/blackjack/black_jack-webfont.woff') format('woff'),
         url('fonts/blackjack/black_jack-webfont.ttf') format('truetype');

}

@font-face {
	font-family: 'Andada-Regular';
	src: url('fonts/andada/Andada-Regular.eot?') format('eot'), 
	     url('fonts/andada/Andada-Regular.otf')  format('opentype'),
	     url('fonts/andada/Andada-Regular.svg#Andada-Regular') format('svg'),
	     url('fonts/andada/Andada-Regular.woff') format('woff'), 
	     url('fonts/andada/Andada-Regular.ttf')  format('truetype');
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'Andada-Regular';
		src: url('fonts/andada/Andada-Regular.svg#Andada-Regular') format('svg');
	}
}


html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    padding: 0.2em 0;
    background: #ccc;
    color: #000;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Globals */

body{
	font-family: 'Andada-Regular';
	overflow-x:hidden;
}

header ul{
}

header a{
	text-decoration:none;
}
 
.ani{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-transform: translateZ(0);
}

.clearme{
	clear:both;
}

br{
	display:block;
	padding:10px 0;
	height:20px;
}

.grn{
	border-color:#7AAF95!important;
	color:#7AAF95!important;
}

.dblu{
	border-color:#0B4870!important;
	color:#0B4870!important;
}

.lblu{
	border-color:#00A4D3!important;
	color:#00A4D3!important;
}

.red{
	border-color:#E60828!important;
	color:#E60828!important;
}

.yel{
	border-color:#FFB052!important;
	color:#FFB052!important;
}

#god-wrap{
	position:relative;
}


.nav-previous {margin-top: 20px;
float: left;
margin-bottom: 20px;
}

/* Header */

#head2{
	position:fixed;
	top:0;
	z-index:9999;
	width:100%;
	background:#fff;
	height:60px!important;
}

#head2.change{
	background:#333;
}

#header-inner{
	padding-top:10px;
	padding-bottom:10px;
	overflow:visible;
}

#logo-box{
	position:relative;
	overflow:hidden;
	height:40px;
}

#logo-box img{
	width:162px;
	height:40px;
	display:block;
}

#logo-box .content{
	position:absolute;
	top:0;
	width:100%;
}
#head2.change #logo-box .content{
	top:-40px;
}

#nav{
	
}

#nav ul{
	float:right;
	line-height:40px;
}


#nav ul li{
	float:left;
	position:relative;
}


#nav ul li a{
	display:block;
	padding:0 10px;
	color:#333;
	font-size:22px;
	font-size:1.0em;
}

#head2.change #nav ul li a{
	color:#fff;
}


#nav ul li.social-link{
	margin-top:11px;
	padding:0 2px;
}

#nav ul li.social-link a{
	display:block;
	width:20px;
	height:20px;
}

#nav ul li.social-link a#twitter{
	background:url(../img/icons/twitter.svg) no-repeat scroll center center transparent;
}

#nav ul li.social-link a#facebook{
	background:url(../img/icons/facebook.svg) no-repeat scroll center center transparent;
}

#nav ul li.social-link a#google{
	background:url(../img/icons/googleplus.svg) no-repeat scroll center center transparent;
}

.sub{
	width:200px;
	background:#efefef;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:absolute;
	top:120%;
	left:50%;
	margin-left:-100px;
	padding:10px 20px;
	text-align:center;
	z-index:1;
	opacity:0;
	pointer-events: none;
}

#head2.change #nav ul li a {
color: #fff;
}

#nav ul li a {
display: block;
padding: 0 10px;
color: #333;
font-size: 22px;
font-size: 1.0em;
}

#nav ul li:hover .sub{
	top:100%;
	opacity:1;
	z-index:999999;
	pointer-events: auto;
}

.sub:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(239, 239, 239, 0);
	border-bottom-color: #efefef;
	border-width: 10px;
	margin-left: -10px;
}

.sub li{
	display:block;
	float:none!important;
}


.sub li a{
	
}


.sub li a span{
	
}

#head2.change .sub{
	background:#555;
}

#head2.change .sub li a{
	color:#fff;
}

#head2.change  .sub:after {
	border-bottom-color: #555;
}


#floatingbuttons {
position: fixed;
display: block;
bottom: 40%;
float: left;
padding: 0px 0px 3px;
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.3);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
border-radius: 0px 5px 5px 0px;
z-index: 99999999999;
border: 0px solid rgb(128, 128, 128);
padding: 10px;
}

.home #god-wrap {height: auto!important;}


/* Hero Homepage */

#hero {
position: relative;
overflow: hidden;
margin-top: 60px;
background: url(http://dev.onlineventuresgroup.co.uk/readingroom/wp-content/uploads/2014/06/blog-bg1.jpg) no-repeat fixed 50% 14px #000;
min-height: 300px;
}

#hero .content{
	max-width: 1100px;
    width: 100%;
    margin-top:50px;
}

#hero .content p{
	margin:0;
	color:#fff;
	text-align:center;
	font-size: 4.5em;
}

#hero .t1{
	font-size:40px;
	font-size:2.5em;
	font-family: 'blackjackregular';
}

#hero .t2{
	font-size:80px;
	font-size:5.6em;
	font-family: 'Raleway-ExtraBold';
}

#hero .t3{
	font-size:40px;
	font-size:2.5em;
	font-family: 'bebas_neueregular';
	font-family: 'blackjackregular';
	/* font-size: small!important; */
	font-size: 2.5em!important;
	margin-top: 20px!important;
	color: #FFB052!important;
	font-weight: bold;
}

#hero .t3 span.s1{
	color:#00A4D3;
	font-family: 'bebas_neueregular';
}

#hero .t3 span.s2{
	color:#FFB052;
	font-family: 'bebas_neueregular';
}

#hero .content a{
	display: block;
    height: 75px;
    margin: 40px auto;
    width: 90px;
}

#hero .content a.go{
	background-image:url(../img/assets/tick.png);
	background-repeat:no-repeat;
	-webkit-animation-name: bgChange;
	-moz-animation-name: bgChange;
	animation-name: bgChange;
	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes bgChange {

  0% {background-position: 0 -1425px;}
  5%, 9.9998% {background-position: 0 -1350px;}
  10%, 14.9998% {background-position: 0 -1275px;}
  15%, 19.9998% {background-position: 0 -1200px;}
  20%, 24.9998% {background-position: 0 -1125px;}
  25%, 29.9998% {background-position: 0 -1050px;}
  30%, 34.9998% {background-position: 0 -975px;}
  35%, 39.9998% {background-position: 0 -900px;}
  40%, 44.9998% {background-position: 0 -825px;}
  45%, 49.9998% {background-position: 0 -750px;}
  50%, 54.9998% {background-position: 0 -675px;}
  55%, 59.9998% {background-position: 0 -600px;}
  60%, 64.9998% {background-position: 0 -525px;}
  65%, 69.9998% {background-position: 0 -450px;}
  70%, 74.9998% {background-position: 0 -375px;}
  75%, 79.9998% {background-position: 0 -300px;}
  80%, 84.9998% {background-position: 0 -225px;}
  85%, 89.9998% {background-position: 0 -150px;}
  90%, 94.9998% {background-position: 0 -75px;}
  95%, 100% {background-position: 0 -0px;}
  
}

@-moz-keyframes bgChange {

  0% {background-position: 0 -1425px;}
  5%, 9.9998% {background-position: 0 -1350px;}
  10%, 14.9998% {background-position: 0 -1275px;}
  15%, 19.9998% {background-position: 0 -1200px;}
  20%, 24.9998% {background-position: 0 -1125px;}
  25%, 29.9998% {background-position: 0 -1050px;}
  30%, 34.9998% {background-position: 0 -975px;}
  35%, 39.9998% {background-position: 0 -900px;}
  40%, 44.9998% {background-position: 0 -825px;}
  45%, 49.9998% {background-position: 0 -750px;}
  50%, 54.9998% {background-position: 0 -675px;}
  55%, 59.9998% {background-position: 0 -600px;}
  60%, 64.9998% {background-position: 0 -525px;}
  65%, 69.9998% {background-position: 0 -450px;}
  70%, 74.9998% {background-position: 0 -375px;}
  75%, 79.9998% {background-position: 0 -300px;}
  80%, 84.9998% {background-position: 0 -225px;}
  85%, 89.9998% {background-position: 0 -150px;}
  90%, 94.9998% {background-position: 0 -75px;}
  95%, 100% {background-position: 0 -0px;}
  
}

  
@-keyframes bgChange {

  0% {background-position: 0 -1425px;}
  5%, 9.9998% {background-position: 0 -1350px;}
  10%, 14.9998% {background-position: 0 -1275px;}
  15%, 19.9998% {background-position: 0 -1200px;}
  20%, 24.9998% {background-position: 0 -1125px;}
  25%, 29.9998% {background-position: 0 -1050px;}
  30%, 34.9998% {background-position: 0 -975px;}
  35%, 39.9998% {background-position: 0 -900px;}
  40%, 44.9998% {background-position: 0 -825px;}
  45%, 49.9998% {background-position: 0 -750px;}
  50%, 54.9998% {background-position: 0 -675px;}
  55%, 59.9998% {background-position: 0 -600px;}
  60%, 64.9998% {background-position: 0 -525px;}
  65%, 69.9998% {background-position: 0 -450px;}
  70%, 74.9998% {background-position: 0 -375px;}
  75%, 79.9998% {background-position: 0 -300px;}
  80%, 84.9998% {background-position: 0 -225px;}
  85%, 89.9998% {background-position: 0 -150px;}
  90%, 94.9998% {background-position: 0 -75px;}
  95%, 100% {background-position: 0 -0px;}
  
}

#hero .content a span{
	color:#000;
	line-height:50px;
	
}


/* Homepage Section 1 */

#sec1{
	background:#fff;
}

#sec1 .content{
	text-align:center;
}


#sec1 .slogan{
	text-align:center;
}

#sec1 .slogan p{
	position:relative;
	margin: 0 0 20px;
	padding: 20px;
	background:#efefef;
	color:#333;
	font-size:18px;
	font-size:1.4em;
	font-family: 'Andada-Regular';
}

#sec1 .slogan p span{
	color:#00A4D3;
}

#sec1 .slogan p span:last-child{
	
}


#sec2 .content{
	margin-top:0;
	margin-bottom:20px;
	text-align:center;
}

#sec2 .content img{
	max-height: 100px;
    max-width: 100%;
    min-width: 204px;
    padding: 0 20%;
	/* opacity:0; */
}

#sec2 .content p{
	margin-bottom:0;
	padding:5%;
}

#sec2 .content{
    padding: 40px 0 20px;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
}

#sec2{
	background:url(../img/backgrounds/squairy_light.png) repeat scroll 0 0 #fff;
}

#sec2 .content.one{
	border-bottom:4px solid #7AAF95;
}

#sec2 .content.two{
	border-bottom:4px solid #FFB052;
}

#sec2 .content.three{
	border-bottom:4px solid #E60828;
}

#sec2 .content.four{
	border-bottom:4px solid #00A4D3;
}

#sec3{
	position:relative;
	z-index:1;
	padding-bottom: 30px;
	background:#333;
	text-align:center;
}

#sec3 .grid{
	overflow:visible;
}

#sec3 .content p{
	color:#fff;
	font-size:20px;
	font-size:1.6em;
}

#sec3 .client-block{
}

#sec3 .client-block .img-wrap{
	position:relative;
	display:block;
	margin:0 auto 20px;
	margin-bottom:20px;
	width:80%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#fff;
	opacity:0;
}

#sec3 .client-block img{
	position:absolute;
    top:50%;
	max-width:80%;
}

#sec3 .client-block .client-overlay{
	position:absolute;
	top:100%;
	left:-100%;
	z-index:-1;
	display:none;
	width:100%;
	height:100%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#efefef;
	opacity:0;
}

#sec3 .client-block .client-overlay.active{
	top:0;
	left:0;
	z-index:2;
	opacity:1;
}

#sec3 a{
	position:relative;
	z-index:2;
	display:block;
	margin:20px auto 0;
	padding:6px 15px;
	max-width:300px;
	width:100%;
	border:4px solid #fff;
	color:#fff;
	text-decoration:none;
	font-size:2.0em;
	font-family: 'blackjackregular';
	
}

/*.aniFly {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}*/

.aniFly {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-animation: fly .6s ease-in-out forwards;
	animation: fly .6s ease-in-out forwards;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

@-webkit-keyframes fly {
	0% { }
	100% { opacity: 1; -webkit-transform: rotateX(0deg); }
}

@keyframes fly {
	0% { }
	100% { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
}

#sec4{
	padding-bottom:30px;
	/*background:url(../img/backgrounds/blizzard.png) repeat scroll 0 0 #fff;*/
	text-align:center;
}

#sec4 .content{
	margin-bottom:10px;
	padding:10px 10%;
	background:#fff;
	/*-webkit-box-shadow: 0 0 2px #DDDDDD;
	-moz-box-shadow: 0 0 2px #DDDDDD;
	box-shadow: 0 0 2px #DDDDDD;*/
    border:1px solid #efefef;
}

#sec4 .content .title{
	color:#7AAF95;
}

#sec4 .content h3.title{
	font-size:18px;
	font-size:1.6em;
    margin-top:10px;
}

#sec5{
	position:relative;
	overflow:hidden;
	min-height:500px;
	background:url(../img/backgrounds/hive.jpg) no-repeat fixed 50% 14px #000;
}

#sec5 .content .title{
	color:#fff;
	font-size:36px;
	font-size:2.4em;
}

#sec5 .content .text{
	max-width:500px;
	color:#fff;
	font-size:1.4em;
}

#sec5 img{
	position:absolute;
	bottom:0;
}

#sec5 a{
	position:relative;
	z-index:2;
	display:block;
	float:left;
	margin-top:20px;
	padding:6px 15px;
	border:4px solid #fff;
	color:#fff;
	text-decoration:none;
	font-size:2.0em;
	font-family: 'blackjackregular';
}

#sec5 a:hover{
	border-color:#FFB052;
	color:#FFB052;
}

#sec6{
	padding-bottom:40px;
	background: #efefef;
	text-align:left;
}

#sec6 .content{
	background: none repeat scroll 0 0 #ffffff;
    border-radius: 3px;
    font-style: italic;
    line-height: 1.6em;
    padding: 20px;
    position: relative;
    text-align: left;
}

#sec6 img{
	background: none repeat scroll 0 0 #efefef;
    border: 15px solid #efefef;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: -20px;
    position: absolute;
    top: -20px;
    width:140px;
    height:140px;
}


#sec6 .title{
	margin-bottom:20px;
	color:#0B4870;
	font-size:20px;
	font-size:1.6em;
	font-family: 'Raleway-ExtraBold';
	margin-top:8px;
	padding: 10px 10px 10px 40px;
	margin-left: 90px;
	background:#efefef;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

#sec6 .text{
    font-style: italic;
    line-height: 1.6em;
}

#sec6 .content p:last-child{
	color:#FFB052;
}

#sec6 .col-3-12 .content{
	text-align:center;
}

#sec6 .text span{
	display:block;
	margin-bottom:10px;
}

#sec6 p{
	margin-left:130px;
	margin-right:20px;
}

#sec6 .even{
	text-align:right;
}

#sec7{
	position:relative;
	min-height:436px;
	background:url(../img/backgrounds/hex.jpg) no-repeat fixed 50% 14px #333;
}

#sec7 .grid{
	position:relative;
}

#sec7 .content{
	min-height:380px;
	color:#fff;
	text-align:right;
}

#sec7 .content .title, #sec8 .content .title{
	font-size:36px;
	font-size:2.4em;
}

#sec7 .content .text{
	font-size:20px;
	font-size:1.4em;
}

#sec7 a {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    float:right;
    margin-top: 20px;
    padding: 6px 15px;
    border: 4px solid #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 2em;
    font-family: 'blackjackregular';
    
}

#sec7 .content img{
    position: absolute;
	bottom: 0;
    left: 20px;
    max-width: 46%;
}

#sec8{
	padding-bottom:20px;
	background: url(../img/backgrounds/blizzard.png) repeat scroll 0 0 #FFFFFF;
}

#sec8 .title{
	color:#333;
	text-align:center;
}

#sec8 .title .old{
	color:#7AAF95;
	font-family: 'blackjackregular';
}

#sec8 .title .new{
	color:#FFB052;
	font-family: 'Raleway-ExtraBold';
}

#sec8 .sec-title{
	margin-top:0;
	font-weight:bold;
	font-size:20px;
	font-size:1.6em;
}

#sec8 p{
	color:#333;
}

.container {

}

.container .pod {
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px;
   width:100%;
   max-width: 520px;
   border-bottom: 4px solid #333;
   background: #fff;
   box-shadow: 0px 0px 3px 0 #ccc;
}

.animate-down .pod { /*add class to container*/
   -webkit-transition: 1s all;
   -moz-transition: 1s all;
   transition: 1s all;
}

#sec9{
	position:relative;
	padding:20px 0 40px 0;
	background:url(../img/backgrounds/award.jpg) no-repeat fixed 50% 14px #fff;
	text-align:center;
}

#sec9 .content{
	
}

#sec9 .content img{
	padding:20px;
	max-width:200px;
	width:100%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#fff;
}

#sec9 .content p{
	color:#fff;
	font-size:20px;
	font-size:1.4em;
	font-family: 'blackjackregular';
}

#sec9 .content p.title{
	margin-top:0;
	font-size:36px;
	font-size:2.4em;
	font-family: 'Andada-Regular';
}

#sec10{
	padding-bottom:20px;
}

#sec10 .title{
	margin-top:0;
	text-align:center;
	font-size:20px;
	font-size:1.8em;
}

#sec10 .block{
	margin-bottom:40px;
}


#sec10 .text .content p{
	position:relative;
	margin:0;
	padding:20px 30px;
	border:4px solid #efefef;
}

#sec10 .text .content p:after, #sec10 .text .content p:before {
	position: absolute;
	top: 50%;
	right: 100%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none; 
} 

#sec10 .odd .text .content p:after {
	margin-top: -30px;
	border-width: 30px;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
}

#sec10 .odd .text .content p:before {
	margin-top: -36px;
	border-width: 36px;
	border-color: rgba(239, 239, 239, 0);
	border-right-color: #efefef;
}

#sec10 .text .content p .sec-title{
	display:block;
	margin-bottom:20px;
	color:#00A4D3;
	font-weight:bold;
	font-size:20px;
	font-size:1.4em;
}

#sec10 .even .text .content p:after, #sec10 .even .text .content p:before {
	position: absolute;
	top: 50%;
	left: 100%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none; 
} 

#sec10 .even .text .content p:after {
	margin-top: -30px;
	border-width: 30px;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
}

#sec10 .even .text .content p:before {
	margin-top: -36px;
	border-width: 36px;
	border-color: rgba(239, 239, 239, 0);
	border-left-color: #efefef;
}

#sec10 .block .col-3-12{
	text-align:center;
}

#sec10 .block .col-3-12 img{
	width:60%;
}

#sec10 .even .col-3-12{
	padding-right:20px;
}

#sec10 .odd .col-9-12{
	padding-right:20px;
}

#sec11{
	position:relative;
	overflow:hidden;
	height:300px;
	background:#000;
}

#sec11 #vid-frame h2 {
    margin: 40px auto;
    padding: 0 20px;
    max-width: 1000px;
    color: #FFFFFF;
    font-weight:300;
    font-size: 36px;
    font-size:2em;
    font-family: 'Raleway-ExtraBold';
}

#sec11 p{
    margin:20px auto;
    padding:0 20px;
    max-width:1000px;
	color: #FFFFFF;
    font-size: 20px;
}

#sec11 #vid-frame{
    width: 100%;
    text-align: center;
}



.cheekywrap .play, .cheekywrap .stop{
    position: absolute;
    bottom: -100px;
    left: 50%;
    z-index: 2;
    display: block;
    margin: 0 0 0 -80px;
    padding: 0;
    width: 150px;
    height: 150px;
    border-radius: 50%;
	background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    text-align: center;
    text-decoration: none;
    font-size: 150px;
    font-family: 'blackjackregular';
    line-height: 55px;
}

.cheekywrap .play:hover{
	color:#7AAF95;
}

.cheekywrap .stop{
	display:none;
	font-size: 40px;
}

.cheekywrap .stop:hover{
	color:#FFB052;
}

.cheekywrap .stop span{
	display:block;
	margin-top:10px;
}

.cheekywrap{
	position:relative;
}

#vid-con{
	text-shadow: 0 0 4px #000000;
}

#sec12{
	padding-top:150px;
	text-align:center;
}

#sec12 .title{
	margin:0 auto 40px;
	max-width:1100px;
	color:#7AAF95;
	font-size:36px;
	font-size:2.4em;
}

#sec12 .col-1-4 .content{
	height:100%;
	border-right: 1px solid #efefef;
	padding-right: 20px;
}

#sec12 .col-1-4 #ind0{
	
}

#sec12 .col-1-4 #ind1{
	
}

#sec12 .col-1-4 #ind2{
	
}

#sec12 .col-1-4 #ind3{
	border:none;
}

#sec12 .col-1-4 #ind4{
	
}

#sec12 .col-1-4 #ind5{
	
}

#sec12 .col-1-4 #ind6{
	
}

#sec12 .col-1-4 #ind7{
	border:none;
}

#sec12 .col-1-4 .content img{
	max-height:100px;
	width:60%;
	margin-top:30px;
}

#sec12 p.tb{
	margin:20px auto 40px;
	max-width:1100px;
	color:#7AAF95;
	font-size:24px;
	font-size:1.8em;
}

#sec12 p.text{
	padding:2em;
	color:#FFB052;
	background:#efefef;
	padding:40px;
	padding:1.3em;
	position:relative;
	margin-top:60px;
}

#sec12 p.text:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(239, 239, 239, 0);
	border-bottom-color: #efefef;
	border-width: 30px;
	margin-left: -30px;
}

#sec12 .col-1-4 .content p{
	color:#333;
	font-size:20px;
	font-size:1.4em;
	background:#fff;
	-moz-transition:0.2s all;
	-webkit-transition:0.2s all;
	transition:0.2s all;
    margin: 0;
    padding: 10px 30px;
}

#sec12 .col-1-4 .content p.show{
	padding-bottom:10px;
}

#sec12 .col-1-4{
	padding-bottom:10px;
}

#sec13{
	background:url(../img/backgrounds/coffeeshop.jpg) repeat fixed 50% 14px #fff;
	padding-bottom:100px;
	position:relative;
}

#sec13 .sec-title{
	text-align:center;
	color:#fff;
	font-size:30px;
	font-size:2.2em;
	font-family: 'Raleway-ExtraBold';
}

#sec13 .sec-title span{
	display:block;
	font-size:24px;
	font-size:1.8em;
	color:#fff;
}

#sec13 .sec-title i{
	color:#00A4D3;
	font-family: 'blackjackregular';
}

#sec13 .title{
	font-size:30px;
	font-size:2.2em;
	color:#00A4D3;
	font-family: 'Raleway-ExtraBold';
	margin-top:30px;
}

#sec13 .title.first{
	margin-top:0;
}

#sec13 p.text{
	color:#fff;
}

#sec13 .wrapper{
	border:4px solid #fff;
	border-left:0 none;
	width:65%;
	padding:40px;
	margin-bottom:-40px;
}

#sec13 .wrapper.right{
	border:4px solid #fff;
	border-right:0 none;
	float:right;
}

#sec13 .wrapper .content{
	float:right;
	width:100%;
	max-width:600px;
	margin-bottom: 30px;
}

#sec13 .wrapper.right .content{
	float:left;
}

#sec14{
	background:#FFFFFF;
	padding-bottom:40px;
}



#sec14 .inner.even .col-1-3{
	text-align:right;
}

#sec14 .inner.even .text{
	color:#333;
}

#sec14 .grid{
	overflow:visible;
}

#sec14 .sec-title{
	font-weight:300;
    font-size: 20px;
    font-size:1.6em;
    font-family: 'Raleway-ExtraBold';
    text-align:center;
    color: #333;
    margin: 20px 0 20px;
    border:none!important;
}

#sec14 .sec-title span{
    font-size:smaller;
    display:block;
    margin-top:20px;
    color:#00A4D3;
    
}

#sec14 .content{
	position:relative;
	border:1px solid #efefef;
	padding:20px 40px;
}


#sec14 .content img{
	float: left;
    height: 250px;
    margin: 0 40px 0 0;
    width: 130px;
}

#sec14 .sonar img{
	float: right;
    height: 250px;
    margin: 0 0 0 40px;
    width: 130px;
}

#sec14 .content .title{
	color:#5981ac;
	font-size:52px;
	font-size:3.4em;
	font-family:arial;
	font-weight:bold;
	margin:0;
}

#sec14 .content .text{
	color:#333;
	font-size:20px;
	font-size:1.2em;
	margin:0 0 20px;
}

#sec14 .content a.lm {
    border: 4px solid #333;
    color: #333;
    display: block;
    float: left;
    font-family: 'blackjackregular';
    font-size: 2em;
    padding: 2px 12px;
    position: relative;
    text-decoration: none;
    z-index: 2;
}

#sec14 .inner.even .content a{
	color:#333;
	border: 4px solid #333;
}

#sec14 .sonar .title{
	color:#3894E7;
}

#sec14 .leadtrigger .title{
	color:#ccc;
}

#sec14 .leadtrigger .title span{
	color:#14AF8F;
} 


/* Mobile Select menu */

#nav select{
	display:none;
}

/* Liquid Slider */


.no-js .liquid-slider {
  height:350px;
  overflow:scroll;
}
.ls-preloader {  
  background: url(../img/assets/loading.gif) #f2f2f2 no-repeat center 50%;
  opacity:1;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}

/*** Containers ***/
.ls-wrapper {
  clear: both;
  overflow: auto;
  position: relative;
  max-width:1100px!important;
}
.liquid-slider {
  width: 100%;
  margin: 0 auto;
  float: left;
  overflow: hidden;
  position: relative;
}
.arrows .liquid-slider {
  margin: 0 10px;
}
.ls-responsive .liquid-slider {
  width: 100%;
  margin: 0;
}
.panel-container {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.liquid-slider .panel-container .fade {
  width:100%;
  opacity: 0;
  position: absolute;
  top: 0; 
  left: 0;
  display: block;
}

/*** Panels ***/
.liquid-slider .panel {  
  width: 600px;
  display: block;
  float: left;
}
.panel-wrapper {  
  padding: 15px 60px;
  position:relative;
  text-align:center;
}

/*** Tabbed Navigation ***/
.ls-nav {
  overflow:hidden;
  clear:both;
}
.ls-nav a {
  background: #d8d8d8;
  color: #333333;
  margin-right: 1px;
  padding: 10px 15px;  
  outline:0;
}
.ls-nav a:hover {
  background: #f2f2f2;
  color: #333333;
  text-shadow: none;
}
.ls-nav .current a {
  background: #f2f2f2;
}
.currentCrossLink {
  font-weight: bold;
}
.ls-nav ul {  
  padding:0;
  clear: both;
  display: block;
  margin: auto;
  overflow: hidden;
}
.ls-nav ul li {
  display: inline;
}
.ls-nav ul li a {
  display: block;
  float: left;
  text-decoration: none;
}

/*** Mobile Navigation ***/
.ls-select-box { 
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url(../img/assets/menu.png) no-repeat right #ddd;
}
.ls-select-box select {  
  width: 150%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance:none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: none;
  height: 35px;
  cursor:pointer;
  outline: 0;
}

/*** Arrow Navigation (non-graphical) ***/
.ls-nav-left, .ls-nav-right {
  top:0;
  float: left;
  clear:both;
}
.ls-nav-left a, .ls-nav-right a {
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
  display: block;
  text-align: center;
  text-decoration: none;
}
.ls-responsive .ls-nav-left {
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-left a {
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-left a:hover {
  background: #747474;
}
.ls-responsive .ls-nav-right {
  position: absolute;
  right: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right a {
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-right a:hover {
  background: #747474;
}

/*** Arrow Navigation (graphical) ***/
.ls-nav-left-arrow, .ls-nav-right-arrow {
  cursor: pointer;
  float: left;
  clear: both;
  top:50%;
  margin-top:-12px;
  -moz-transition:0.2s all;
  -webkit-transition:0.2s all;
  transition:0.2s all;
}
.ls-nav-left-arrow a, .ls-nav-right-arrow a {
  display: block;
}
[class$="-arrow"] {
  width: 25px;
  height: 25px;
  background-image: url(../img/assets/arrow.png);
  background-repeat: no-repeat;
  /*margin-top: 50px;*/
  position:relative;
}
.ls-nav-right-arrow {
  background-position: top right;  
  margin-right: 5px;
}
.ls-nav-left-arrow {
  background-position: top left;  
  margin-left: 5px;
}
.ls-nav-left-arrow:hover {
  background-position: bottom left;
}
.ls-nav-right-arrow:hover {
  background-position: bottom right;
}
.ls-responsive .ls-nav-left-arrow {
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right-arrow {
  position: absolute;
  right: 0;
  z-index: 2;
}

#sec15{
	padding-bottom:40px;
	background:#efefef;
}

#sec15 p{
	color:#333;
	font-size:20px;
	font-size:1.2em;
}

#sec15 p span{
	display:block;
	margin-bottom:10px;
}

#sec15 .title{
	margin:0 0 40px;
	max-width:1100px;
	color:#7AAF95;
	font-size:44px;
	font-size:2.8em;
}

#sec15 p.text{
	background:#fff;
	padding:40px;
	position:relative;
}

#sec15 p.text:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 30px;
	margin-left: -30px;
}

#sec16{
	text-align:center;
	padding:20px 0 40px;
	background:url(../img/backgrounds/hive.jpg) no-repeat left center #333;
}

#sec16 .title{
	color: #7aaf95;
	font-size:44px;
    font-size: 2.8em;
    margin: 0 0 40px;
    max-width: 1100px;
}

#sec16 .text{
	font-size:16px;
	font-size:1.2em;
}

#sec16 .content{
	background:#fff;
	padding:20px;
}

footer{
	background:url(../img/backgrounds/hero-hive.jpg) no-repeat center center #000;
	padding-bottom:40px;
}

#footer-top{
	background:#efefef;
	padding-bottom:20px;
}

#footer-top a{
	display: block;
    height: 30px;
    width: 30px;
    float:left;
    margin-right:5px;
    margin-top:5px;
}

#footer-top a#twitter2{
	background:url(../img/icons/twitter.svg) no-repeat scroll center center transparent;
}

#footer-top a#facebook2{
	background:url(../img/icons/facebook.svg) no-repeat scroll center center transparent;
}

#footer-top a#google2{
	background:url(../img/icons/googleplus.svg) no-repeat scroll center center transparent;
}

#footer-top form input{
	border:2px solid #ccc;
	padding:10px;
	width:65%;
	margin-right:5%;
}

#footer-top form input#submit{
	width:25%;
	margin-right:0;
	background:#00A4D3;
	border-color:#00A4D3;
	color:#fff;
}

#footer-bottom ul{
	margin:0;
	padding:0;
}

#footer-bottom ul li{
	float:left;
	margin-right:20px;
	list-style-type:none;
}

#footer-bottom ul li a{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-size:1.2em;
}

.f-links .content{
	border-bottom:1px solid #666;
    padding-bottom:20px;
}

#footer-bottom .s .content{
	border-bottom:1px solid #666;
    padding-bottom:20px;
    min-height:230px;
}

#footer-bottom address{
	padding-left:80px;
	background:url(../img/icons/pin.png) no-repeat left top transparent;
	color:#fff;
}

#f-number{
	color:#fff;
	font-size:36px;
    font-size: 2.2em;
    margin:10px 0;
    padding-left:80px;
}

#f-email{
	color:#fff;
	font-size:20px;
    font-size: 1.4em;
    margin:10px 0;
    padding-left:80px;
}

#f-email a, #footer-bottom .copy,  #footer-bottom .copy a{
	color:#fff;
	word-wrap: break-word;
}

#footer-bottom iframe{
	width:100%;
	height:200px;
}

#share{
	background: none repeat scroll 0 0 #FFFFFF;
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    top: 75%;
    height: 50px;
    left: -100%;
    position: fixed;
    text-align: right;
    width: 75px;
    z-index: 99;
    -moz-box-shadow:0 15px 10px -15px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 15px 10px -15px rgba(0, 0, 0, 0.4);
	box-shadow:0 15px 10px -15px rgba(0, 0, 0, 0.4);
}

#share.active{
	left:-10px;
}

#share:hover{
	left:0;
}

#share img {
    position: absolute;
    right: 5px;
    top: 5px;
}

#share-overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgb(0, 0, 0);
   	background: rgba(0, 0, 0, 0.8);
	color:#fff;
	display:none;
	z-index:999;
}

#share-a-wrap{
	width:360px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -180px;
	z-index:9999;
}

#share-a-wrap a.so-link{
	width:100px;
	height:100px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:4px solid #fff;
	float:left;
	margin:0 10px;
	display:block;
	opacity:1;
	position:relative;
}

#share-a-wrap a.so-link span.share-info{
    color: #FFFFFF;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -100px;
    padding: 10px 0;
    position: absolute;
    top: 112px;
    width: 200px;
    opacity:0;
    z-index:-1;
    text-align:center;
}

#share-a-wrap a.so-link:hover span.share-info{
	opacity:1;
	top:122px;
	z-index:9999;
}

#share-a-wrap a.so-link.reject{
	-moz-transform:scale(0.9);
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
	opacity:0.5;
}

a.close{
	position:fixed;
	z-index:9999;
	right:20px;
	top:80px;
	color:#fff;
	font-size:48px;
	line-height:0;
}


#share-a-wrap a img{
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}

#share-a-wrap a.so-link span.count{
	background: none repeat scroll 0 0 #FFFFFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #00A4D3;
    display: block;
    height: 36px;
    left: -5px;
    line-height: 36px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -12px;
    width: 36px;
    font-weight:bold;
}

/* About us */

.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	/*-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	-webkit-transition: left 0.5s ease-in-out; 
	-moz-transition: left 0.5s ease-in-out; 
	-o-transition: left 0.5s ease-in-out; 
	transition: left 0.5s ease-in-out;*/
	
	-webkit-transition: left 500ms cubic-bezier(1.000, 0.005, 0.010, 1.000);
   -moz-transition: left 500ms cubic-bezier(1.000, 0.005, 0.010, 1.000);
     -o-transition: left 500ms cubic-bezier(1.000, 0.005, 0.010, 1.000);
        transition: left 500ms cubic-bezier(1.000, 0.005, 0.010, 1.000); /* custom */

-webkit-transition-timing-function: cubic-bezier(1.000, 0.005, 0.010, 1.000);
   -moz-transition-timing-function: cubic-bezier(1.000, 0.005, 0.010, 1.000);
     -o-transition-timing-function: cubic-bezier(1.000, 0.005, 0.010, 1.000);
        transition-timing-function: cubic-bezier(1.000, 0.005, 0.010, 1.000); /* custom */
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

#cycle-loader {
	height:32px;
	left:50%;
	margin:-8px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:999;
}

/* avoid jumpiness as the JS loads, so I initially hide my cycle */
#maximage {
	display:none;/* Only use this if you fade it in again after the images load */
	position:absolute !important;
}

/*Set my gradient above all images*/
#gradient {
	left:0;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}

#arrow_left, #arrow_right {
	top:122px;
	height:67px;
	position:absolute;
	right:30px;
	width:36px;
	z-index:998;
	outline:0 none;
}
#arrow_left {
	right:86px;
}

#arrow_left:hover, #arrow_right:hover {
	bottom:29px;
}
#arrow_left:active, #arrow_right:active {
	bottom:28px;
}

.in-slide-content { 
	color:#333;
	float:right;
	right:5%;
	margin:80px 40px 40px;
	padding:20px;
	position:absolute;
	top:5%;
	max-width:600px;
	z-index:9999; /* Show above .gradient */
	text-shadow: 0 1px 0 #fff;
	-webkit-font-smoothing:antialiased;
	width:40%;
}

#maximage .name {
	font-size:40px;
    font-size: 2.6em;
    margin: 0 0 20px;
}

#maximage .title{
	font-size:24px;
    font-size: 1.6em;
    margin: 0 0 20px;
}

#maximage .bio{
	font-size:16px;
    font-size: 1.1em;
    margin: 0 0 20px;
}


/*I want to style my pager*/
#cycle-nav {
    left: 0;
    position: absolute;
    background: rgb(0, 0, 0);
   	background: rgba(0, 0, 0, 0.6);
   	width:100%;
   	padding:10px;
}
#cycle-nav ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
#cycle-nav ul li {
    float:left;
    margin:4px;
    -moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
    position:relative;
    top:0;
    left:0;
    opacity:0.6;
}

#cycle-nav ul li:hover{
	opacity:1;
}

#cycle-nav ul li a {
  display:block;
  width:100%;
  height:100%;
  outline:0 none;
}

#cycle-nav ul li.activeSlide {
    opacity:1;
}

#cycle-nav ul li a img{
	border:1px solid #fff;
}

/* Content Pages */

/* About Us */

.content-hero{
	min-height:300px;
	text-align:center;
	color:#fff;
	position:relative;
	margin-top:60px;
	z-index:2;
}

.content-hero h1{
	font-size: 58px;
    font-size:3.6em;
    font-family: 'Raleway-ExtraBold';
}

.content-hero h1 span{
	font-family: 'blackjackregular';
	display:block;
	margin-top:0px;
	color:#FFB052;
    font-size:smaller;
}

.content-hero p{
	font-size:1.2em;
}

.content-hero a{
	color:#00A4D3;
}

.content-hero a.cdwn{
	width:50px;
	height:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
	left:50%;
	margin:0 0 0 -25px;
	bottom:0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	background:#fff;
	outline:0 none;
}

#about-hero{
	background:url(../img/backgrounds/hive.jpg) repeat fixed 50% 14px #fff;
	position:relative;
}

.con-sec{
	text-align:center;
}

#about-con li{
	list-style-type:none;
}

.top-content .title{
	font-size:20px;
	font-size:1.6em;
	font-family: 'Andada-Regular';
	margin:0;
}

.top-content .title span{
	color:#7AAF95;
}

.about-con .pod {
    border-bottom: 4px solid #7AAF95;
    max-width: 340px;
    padding:40px 20px;
}

.about-con .container{
	margin-bottom:40px;
}

#about-con .top-content{
	position:relative;
}

.content-top {
    background: none repeat scroll 0 0 #efefef;
    padding: 20px 0;
    position: relative;
    border-top: 10px solid #fff;
}

.con-sec iframe{
	width:100%;
	min-height:600px;
	margin-bottom:20px;
}

.con-sec-full{
	background:url(../img/backgrounds/squairy_light.png) repeat scroll 0 0 #fff;
	padding:20px 0;
}

.con-sec .content{
	padding-bottom:20px;
	clear:both;
}

.con-sec .content h2{
	
}

/* Skills page */

#capa-hero{
	background:url(../img/backgrounds/hex2.jpg) repeat fixed 50% 14px #333;
}

.par-center{
	position:absolute;
	max-width:1100px;
}

.par-center h1{
	margin:0;
}



.odd .content-text{
	width:50%;
	float:left;
	padding:40px;
}

.even .content-text{
	width:50%;
	float:right;
	padding:40px;
}

.content-text p:last-child{
	margin-bottom:0;
}

.content-text h2{
	margin-top:0;
}

.odd .content-img{
	width:50%;
	float:right;
}

.content-img img{
	max-width:100%;
	opacity: 0.8;
}

.even .content-img{
	width:50%;
	float:right;
}


.capa-sec .content{
	text-align:left;
	box-shadow: 0 0px 3px #ccc;
	position:relative;
}

.capa-sec.con-sec .odd .content{
	padding-bottom:0px;
	clear:both;
	border-bottom: 4px solid #ffb052;
	margin-bottom:20px;
}

.capa-sec.con-sec .even .content{
	padding-bottom:0px;
	clear:both;
	border-bottom: 4px solid #7AAF95;
	margin-bottom:20px;
}

/* Marketing Products */

#pro-hero{
	background:url(../img/backgrounds/hive.jpg) repeat fixed 50% 14px #fff;
}

.pro-list .content{
	background:#fff;
	padding:20px 0;
	-moz-box-shadow:0px 0px 3px #ccc;
	-webkit-box-shadow:0px 0px 3px #ccc;
	box-shadow:0px 0px 3px #ccc;
	border-bottom:4px solid #7AAF95;
	margin-bottom:20px;
}

.pro-list .content p{
	color:#00A4D3;
	margin:0;
}

.pro-list .content p span{
	font-size:46px;
	font-size:3em;
	margin-bottom:10px;
	color:#7AAF95;
}

.pro-sec .content {
    box-shadow: 0 0 3px #ccc;
    position: relative;
    text-align: left;
    padding:40px;
    margin-bottom:20px;
}

.pro-sec .content h2{
	margin-top:0;
}

.pro-sec .odd .content{
	border-bottom: 4px solid #ffb052;
}

.pro-sec .even .content{
	border-bottom: 4px solid #7AAF95;
}

.pro-sec .content img{
	float:left;
	margin:0 40px 20px 0;
	width:182px;
	height:350px;
}

.pro-sec .even .content img{
	float:right;
	margin:0 0 20px 40px;
}

.pro-sec-full{
	background:#fff;
	padding:20px 0 30px;
}

.pro-sec-full .pro-sec .content{
	background:#efefef;
	padding:40px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-align:center;
	position:relative;
}

.pro-sec-full .pro-sec .arw-down:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(239, 239, 239, 0);
	border-top-color: #efefef;
	border-width: 30px;
	margin-left: -30px;
}

.grid.pro-sec{
	overflow:visible;
}

/* Client */

#client-hero{
	background:url(../img/backgrounds/hive2.jpg) no-repeat fixed 50% 14px #fff;
}

.client-con .pod {
    border: 1px solid #efefef;
    max-width: 252px;
    width:100%;
    padding:40px 20px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.client-con .pod img{
	max-width:100%;
}

/* Contact Us */

#contact-hero{
	background:url(../img/backgrounds/hive2.jpg) no-repeat fixed 50% 14px #fff;
}

#commentForm{
	
}

#commentForm input, #commentForm textarea{
	border:none;
	border-bottom:4px solid #FFB052;
    font-size: 2em;
    padding: 20px;
    width: 100%;
    font-family: 'Andada-Regular';
}

#commentForm input:focus, #commentForm textarea:focus{
	border-bottom:4px solid #7AAF95;
}

#commentForm #submit{
	margin:20px 0;
	border:none;
	background:#00A4D3;
	color:#fff;
	font-family: 'Andada-Regular';
}

/* Mobile Menu */

#god-wrap{
	z-index:999;
	background:#fff;
	height:100%!important;
}

#mobmenu{
	display:none;
	background: none repeat scroll 0 0 #333333;
    height: 100%;
    position: fixed;
    width: 75%;
    z-index: 9999;
    -moz-box-shadow: -2px 0 2px #000 inset;
    -webkit-box-shadow: -2px 0 2px #000 inset;
    box-shadow: -2px 0 2px #000 inset;
    z-index:1;
    left:-75%;
    top:0;
}

#mobmenu ul{
	padding:0;
	margin:20px 0 0 0;
}

#mobmenu ul li{
	margin:0 10px;
}

#mobmenu ul li a{
	display:block;
	padding:10px 20px;
	border-bottom: 1px solid #444;
	border-color: rgba(0, 0, 0, 0.15);
	color: rgba(255, 255, 255, 0.6);
	font-size:1.2em;
}

#mobmenu ul li a span{
	width:40px;
	text-shadow: 0 1px 1px #000;
}

.mobheader
{
	background: #333;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	display:none;
	position:fixed;
	z-index:9999;
	top:0;
}

.mobheader img{
	float:right;
	max-height:40px;
	margin-top:10px;
}

.mobheader a{
	background: center center no-repeat transparent;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	outline:none;
	font-size: 1.8em;
	color:#fff;
}

.talent-wrap{
	position:relative;
}

/* Content template pages only */

#contenttem-con .title span{
	display:block;
	margin-bottom:20px;
	color:#333;
}

#contenttem-con .title span:last-child{
	margin-bottom:0;
}

.contem h2, .contem h3, .contem h4{
	color: #7aaf95;
	font-size:22px;
	font-size:1.5em;
}

#contenttem-con .title{
	font-size:18px;
	font-size:1.2em;
	font-family: 'Andada-Regular';
	margin:0;
}

#contenttem-con .title span{
	
}

#contenttem-con .title span:first-child{
	color:#00A4D3;
	font-size:1.4em;
}

#homevid{
	max-width:100%;
}

/* ==========================================================================
   Responsive Grid System
   ========================================================================== */

a {color: #00a4d3;text-decoration:none;}
a:hover {text-decoration:underline;}


*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
}

[class*='col-'] {
	float: left;
	padding-right: 20px;
}

[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	overflow: hidden;
	margin: 0 auto;
	min-width: 755px;
	max-width: 1140px;
	width: 100%;
}

.grid:after {
	display: table;
	clear: both;
	content: "";
}

.grid-pad {
	padding: 20px 0 0px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%;
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%;
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%;
}

@media handheld, only screen and (max-width: 767px) {

	
	.grid {
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
		min-width: 0;
		width: 100%;
	}
	
	[class*='col-'] {
		float: none;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding-right: 20px;
		padding-left: 20px;
		width: auto;
	}
	
	#nav ul{
		display:none;
	}
	
	#nav select{
		display:block;
		margin: 0 auto;
	}
	
	#logo-box img {
	    margin: 0 auto;
	}
	
	#logo-box .content {
	    position: relative;
	    width: auto;
	}
	
	#header-inner, #sec2{
		padding:0;
	}
	
	#hero, #sec6, #sec7, #sec8, #sec10, .cheekywrap, #sec14 .inner img{
		display:none;
	}
	
	#sec1 {
	    margin-top: 80px;
	}
	
	#sec5 a, #sec14 .inner a{
	    margin-bottom:20px;
	}
	
	#sec12 {
	    padding-top: 0;
	}
	
	#sec13 .sec-title {
	    font-size: 1em;
	}
	
	#sec13 .wrapper {
	    width: 100%;
	}
	
	#sec14 .inner{
		height:auto;
		margin-bottom:0;
	}
	
	#sec14 .content .title{
		font-size:2.0em;
	}
	
	#head2, #sec15{display:none}
	.mobheader{display:block;}
	.content-hero {margin-top: 40px;display:none;}
	#sec1 {margin-top: 50px;}
	#mobmenu{display:block;}
	.content-top{margin-top:50px;}
	#sec3 .client-block .img-wrap{opacity:1;}
	div.paralax{background-attachment: scroll!important;background-repeat:no-repeat!important;background-size:cover!important;}
	
	.odd .content-text{
		width:100%;
		float:none;
	}
	
	.even .content-text{
		width:100%;
		float:none;
	}
	
	.odd .content-img{
		width:100%;
		float:none;
	}
	
	.content-img img{
		max-width:100%;
		opacity: 0.8;
	}
	
	.even .content-img{
		width:100%;
		float:none;
	}
	
	.pod{
		width:auto!important;
		max-width:100%!important;
		left:0!important;
		position:relative!important;
		margin-bottom:10px;
	}
	
	.container{
	}
	
	.container.clients{
		margin-top:60px!important;
	}
	
	.con-sec iframe {
	    min-height: inherit;
	}
	
	#sec12 .col-1-4 .content {
	    height: 300px;
	    max-width: 300px;
	    width: 100%;
	    margin:0 auto;
	}
	
	#sec14 .inner {
	    text-align: center;
	}
	
	#sec14 .content a{
		float:none;
	}
	
	.con-sec .content-text{
		text-align:center;
	}
	
	.pro-sec .content{
		text-align:center;
	}
	
	.pro-sec .content img {
	    float: none!important;
	    height: 350px;
	    margin: 0 0 20px 0!important;
	    max-width: 182px;
	    width:100%;
	}
	
	.in-slide-content{
		float: none;
	    margin: 0;
	    max-width: 100%;
	    position: absolute;
	    right: 0;
	    top: 200px;
	    width: auto;
	    text-align:right;
	}
	
	.in-slide-content .bio{
		display:none;
	}
	
	.in-slide-content .name{
		margin:0!important;
		font-size:2.0em!important;
	}
	
	.in-slide-content .title{
		margin:0!important;
		font-size:1.2em!important;
	}
	
	#cycle-nav{
		display:none;
	}
	
	#sec12 .col-1-4 .content{height:auto;border:none;padding-right:0;padding-bottom: 20px;border-bottom:1px dashed #ccc}
	#sec12 p.tb{margin-bottom:0px;}
	#sec14 .sec-title{font-size:1.2em;margin:0;}
	#sec14 .content a.lm{float:none;}

	#head2{display:none;}

	footer{background-size:cover!important;}
	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    overflow: hidden;
    border: 0;
    background-color: transparent;
    *text-indent: -9999px;
}

.ir:before {
    display: block;
    width: 0;
    height: 150%;
    content: "";
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   Greg styles
   ========================================================================== 

.container img {
max-width: 100%!important;
height: auto!important;
}

.bg-img img {max-width: inherit!important;}

*/

#wpadminbar {z-index:999999999999999999!important;}

.blog-auth {color: #FFB052;font-size: 18px!important;margin-bottom: 10px;}

.content-area-central {width: 100%;
max-width: 1140px;
margin: 0 auto;
overflow: hidden;}

.content-area-central h2 {margin-bottom: 0px;
color: #0B4870;
font-size: 20px;
font-size: 1.6em;
font-family: 'Raleway-ExtraBold';}

.oddpost {position: relative;
padding: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: none repeat scroll 0 0 #FFFFFF;
text-align: left;
font-style: italic;
line-height: 1.6em;
margin-top: 20px;float:left;border-bottom: 4px solid #7AAF95;width:100%;}

.evenpost {position: relative;
padding: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: none repeat scroll 0 0 #FFFFFF;
text-align: left;
font-style: italic;
line-height: 1.6em;
margin-top: 20px;float:left;border-bottom: 4px solid #7AAF95;width:100%;}

.oddpost img {
float: right;
padding: 10px;
background: rgb(231, 229, 229);
border-radius: 6px;margin-right: 20px;
}

.evenpost img {
float: right;
padding: 10px;
background: rgb(231, 229, 229);
border-radius: 6px;margin-left: 20px;
}


.more-link {
float: right;
margin-top: 20px;
color: #e60828!important;
}






/* Media Queries */
@media screen and (max-width: 768px) {

#floatingbuttons {display:none!important;}
iframe {max-width: 100%!important;}
.title h1 {font-size: 1.8em!important;}



}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}