a img {border:none}.clr{clear:both}hr {border:none;height:1px;border-top:1px solid #eee;margin:10px 0;}.right{float:right}.left{float:left}.capitalize{text-transform:capitalize;}
a {text-decoration:none; color:#555;}
a:hover {color:#999}
.center {text-align:center;0 0 80px;}
h1,h2,h3,h4 {line-height:1.5em;margin:0;}
.capitalize {
	text-transform:capitalize;	
}


/* SVG icons
------------------------------*/
.svg {
	display:inline-block;
	height:26px;
	width:26px;	
	background-size:26px 26px;
	background-repeat:no-repeat;
	background-position:center center;
	margin:0 4px 0 0;
}
.svg.instagram {background:url(../../images/svg/social_icons_01/instagram.svg);}
.svg.linkedin {background:url(../../images/svg/social_icons_01/linkedin.svg);}
.svg.facebook {background:url(../../images/svg/social_icons_01/facebook.svg);}
.svg.flickr {background:url(../../images/svg/social_icons_01/flickr.svg);}

.svg.resume {background:url(../../images/svg/resume.svg);height:20px;width:20px;background-size:20px 20px;margin:3px;}



/* Editor Bar
------------------------------*/
#toolbar {
    background: #fafafa;
    background-image: -webkit-gradient(linear,0% 0,0% 100%,from(#58c3ec),to(#2ea8ff));
    background-image: -webkit-linear-gradient(top,#58c3ec,#2ea8ff);
    background-image: -moz-linear-gradient(top,#58c3ec,#2ea8ff);
    background-image: -ms-linear-gradient(top,#58c3ec,#2ea8ff);
    background-image: -o-linear-gradient(top,#58c3ec,#2ea8ff);	
	position:fixed;
	bottom:0;
	right:0;
	z-index:99999999;
	border-radius:20px 0 0 0;
	padding:3px 0 0 3px;
}
#toolbar a {
	color:#fff;	
	display:block;
	padding:4px;
}
#toolbar a img {
	width:14px;
	padding:5px;	
}

/* Fonts
------------------------------*/
.font, h1, h2, h3, nav {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;
	background:#fff;
}
body.rocks {
	background:url(../../img/photos/rocks.jpg) center center fixed;
	background-size:150%;
	color:#fff;
}
body.desktop {
	background:url(../../img/photos/desktop.jpg) center center fixed;
	background-size:150%;
	color:#fff;
}
body.wood {
	background:url(../../img/photos/mountain.jpg) center center fixed;
	color:#fff;
	background-size:100%;
}
body.forest {
	background:url(../../img/photos/forest.jpg) center center fixed;
	color:#fff;
	background-size:100%;
}

nav.mobile a {
	padding:0 2px;
	margin:0 8px;
	font-size:14px;
}
nav.mobile a.cur {
	border-bottom:1px solid #ddd;
}
.strategic {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 0;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}


/* Logo
---------------------*/
#logo {
	padding-top:60px;	
	margin:0 0 1em;
}

/* Tagline
---------------------*/
.tagline {
	margin:0 0 40px;	
}

/* Frame & Canvas
---------------------*/
.frame {
	overflow:hidden;
	height:50%;
	background:url(../images/load-dots-dark.gif) no-repeat center;
	position:relative;
	display:block;
}
.canvas {
	display:none;
	overflow:hidden;
	background:#fff;
}
.canvas.lb {
	cursor:pointer;	
}
.canvas .info {
	position:absolute;
	z-index:99999;
	color:#fff;
	background:rgba(0,0,0,.46);
	padding:.3em 1em;
	opacity:0;
}

img.frame {
	height:auto!important;
	width:100%!important;
}

/* Video 
----------------------*/
 .playBtn {
	display: block;
    padding: 4px;
    background: url(../../img/play-btn.png) center center no-repeat;
    background-size: 34px 34px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    z-index: 99;
    border-radius: 100px;
    padding: 24px;
    background-color: rgba(255, 255, 255, 0.75);
    border: 1px solid #eee;
	left:50%;
	top:50%;
	margin:-30px 0 0 -30px;
	cursor:pointer;
}
.playBtn:hover {
	background-color:rgba(255,255,255,.85);	
}


/* Columns and Gutters
-------------------------*/
.col .frame {
	float:left;	
}
.col-5 .frame {width:20%}
.col-4 .frame {width:25%}
.col-3 .frame {width:33%}
.col-2 .frame {width:50%}
.col-1 .frame {width:100%}


#about h2 {
	margin:10px 0 0;
}

/* Enter Password
---------------------*/
#enter-password {
	width:300px;
	position:fixed;
	left:50%;
	top:50%;
	background:#fff;
	z-index:99999999999;
	margin:-150px 0 0 -150px;
}
#enter-password form {
	margin:0;
	width:auto;
	max-width:none;	
}
#enter-password .inner {
	padding:20px;	
}
#enter-password input {
	margin:0;
	width:auto;
	max-width:none;	
}
#enter-password label {
	margin:0;
	width:auto;
	max-width:none;	
}
#password-bg {
	height:100%;
	width:100%;
	position:fixed;
	z-index:999999999;
	background-color:rgba(0,0,0,.5);
	top:0;
}


/* Lightboxes & Overlay
-------------------------*/
#overlay {
	height:100%;
	width:100%;
	position:fixed;
	z-index:999999999;
	background-color:rgba(0,0,0,.5);
	display:none;
}
.lightbox {
	background:url(../images/load-dots.gif) no-repeat center;
	background-color:rgba(0,0,0,.9);
	position:fixed;
	height:100%;
	width:100%;
	display:none;
	z-index:999999;
	top:0;
	left:0;
}
.lightbox .image {
	display:none;
}
.lightbox .image img {
	box-shadow:0 20px 150px rgba(0,0,0,.5);	
}
.lightbox a.close {
	position:fixed;
	display:block;
	z-index:3;
	background:#000 url(../images/close.png);
	height:30px;
	width:30px;
	right:10px;
	top:10px;
	opacity:.5;
}
.lightbox a.close:hover {
	opacity:1;
}
/* Lightbox Info */
.lightbox .info {
	display:none;
	position:absolute;
	z-index:99999;
	left:0px;
	top:0px;
	color:#fff;	
	width:200px;
	font-size:12px;
	padding:2%;
	background:rgba(0,0,0,.8);
}
.lightbox .info h2 {
	margin-top:0;
	font-size:20px;	
	padding:8px 0;
	margin:0 20px 0 0;
}

.lightbox .info p {
	margin-top:4px;
}

.plain-info {
	margin:2% 0 11%;
}
.plain-info p {
	margin:.4em 0;
}


/* Footer  (ride bottom)
------------------------------*/
/* Footer  (ride bottom)
------------------------------*/
html, body {height:100%;}
#wrapper {height:auto;min-height:100%;}
#inner-wrapper {padding:0 0 150px;}
footer {
	display:none;
	position:relative;
	margin-top:-150px;
	height:150px;
	line-height:1.7em;
	font-size:11px;
	color:#888;
}
#footer-logo {
	display:block;
	margin:40px 10px 0 0;
	margin:150px 10px 0 0;
	padding:80px 0 0 0;
}
#fb-like {
	width:100px;
	display:inline-block;
	overflow:hidden;
	margin:5px 0 2px;
}
.gplus-btn {
	display:none;
}
footer .copyright {
	font-size:10px;
	margin:0;
	display:block;
}

/* New Footer
------------------------------*/
#foot {
	text-align:left;
	padding:34px 40px 28px;
	background:#fafafa;
	font-size:10px;
	line-height:1.3em;
}	
#foot .pl {
	display:block;
}
#foot .pl img {
	width:170px;
}
#foot h2 {
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;	
	color:#777;
	margin-bottom:6px;
}
#foot .right {
	text-align:right;	
	line-height:1em;
}
#foot iframe {
	width: 88px!important;
}

/* IF screen is smaller than #. Do this */
@media(max-width:500px){
	#foot .pl img {
		width:120px;
		margin:30px 0 0;
	}
	
	#foot {
		text-align:center;
	}
	#foot .right {
		text-align:center;
		float:none;
		margin:10px 0 0;
		padding:10px 0 0;
		border-top:1px solid #eee;
	}
	#foot .left {
		float:none;
	}
	#foot iframe {
		width: 78px!important;
		margin: 0 auto;	
	}
}




/* Form
---------------------*/
form {
	margin:20px 0;
	width:240px;
	max-width:100%;
}
label {
	width:20%;	
	display:block;
}
input, textarea {
	border:1px solid #ddd;
	padding:4px;
	width:100%;
}
textarea {
	height:150px;
}
input.btn {
	margin:20px 0;
	display:block;
	border:none;
	padding:8px 12px;
	color:#fff;
	background:#333;
	width:auto;
}
.thank_you {
	display:none;	
}



/* Lists 
----------------------*/


.list {
	margin:0;
	padding:1em 0 2em;
	overflow: auto;
}
.list li {
	float:left;
	list-style:none;
	margin:0 2px 4px;
}
.list a {
	display:block;
	padding:2px 6px;
	border-radius:2px;
}
.list li h2 {
	font-size:22px;	
}



/* Banners 
----------------------*/
#banner {
	width:100%;
	position:relative;
}
.pagination, .pagination * {
	
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 	
}
#banner .inner {
	width:100%;
	height:500px;
}
#banner .frame {
	width:100%;
	height:100%;
}
.bullets {
	margin:0 0 20px;
}
.bullets a {
	background:url(../images/banner-states-sprite.png) no-repeat;
	width:16px;
	height:20px;
	display:inline-block;
	text-indent:-9999em;
}
.bullets a.activeSlide {
	background-position:0 -17px;
}
a.pagination {
	position:absolute;
	z-index:99;
	top:50%;
	padding:0 20px;
	cursor:pointer;
	margin-top:-20px;
}
a.pagination.next {
	right:0;
}
a.pagination span {
	display:block;
	width:38px;
	height:48px;
	margin:0 10px;
	background:url(../images/banner-arrows.png);
}
a.pagination.next span {background-position:-38px 0;}
a.pagination.prev:hover span {background-position:0 -48px;}
a.pagination.next:hover span {background-position:-38px -48px;}

/* IF screen is larger than #. Do this */
@media(max-width:700px){
	a.pagination {
		padding:0 10px;
		margin-top:-10px;
	}
	a.pagination span {
		width:20px;
		height:25px;
		margin:0;
		background:url(../images/banner-arrows-mobile.png);
	}
	a.pagination.next span {background-position:-20px 0;}
	a.pagination.prev:hover span {background-position:0 -24px;}
	a.pagination.next:hover span {background-position:-20px -24px;}
	
}


/* Desktop Mobile 
----------------------*/

.desktop {
	display:block;	
}
.mobile {
	display:none;	
}


/* IF screen is larger than #. Do this */
@media(max-width:700px){

	.mobile {
		display:block;	
	}
	.desktop {
		display:none;	
	}
	
}