/* ------------------------------------------------------------------------------------------------------ */
/*     DEFAULTS
/* ------------------------------------------------------------------------------------------------------ */

html {overflow:visible!important;margin:0!important}

html, body {
	text-rendering: optimizeLegibility;
}

body {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	color: #111;
	font-size: 17px;
	font-weight: 300;
	line-height:1.5;
	padding-top:100px; /*match fixed header height */
}

img {max-width:100%;height:auto}

strong, b {
	font-weight:700;
}

h1, h2, h3, h4, h5, h6 {margin-top:0;}

h1, h2 {font-family:'Dosis','Lato',sans-serif;margin-bottom:25px;font-weight:200;text-transform:uppercase; }

h3, h4, h4, h5, h6 {font-family:'Lato',sans-serif;font-weight:bold;-webkit-font-smoothing: antialiased;}

h2 {font-size:40px}
h3 {font-size:20px;text-transform:uppercase}
h4 {font-size:17px;text-transform:uppercase;margin-bottom:16px}
h5 {font-size:17px;margin-bottom:6px}


.container, .row {position:relative}

p, ul, ol {margin-bottom:30px}

.panel p, .panel ul, .panel ol,
table p, table ul, table ol {margin-bottom:18px;}


.btn,.frm_submit input, input[type=submit] {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  padding:10px 20px;
  font-size:20px;
  text-transform:uppercase;
  letter-spacing:2px;
  border-radius:20px!important;
  font-family:'Dosis',serif!important;
  font-weight:200!important;
}



.btn .fa {font-size:28px;margin-right:10px;vertical-align:middle;min-width:30px;}

hr {border-color:#da6b56;margin:30px 0}

.alignleft, img.alignleft {
	margin-right: 25px;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 25px;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	text-align:center;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 20px;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 15px;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

.content iframe {max-width:100%!important;}

/* ------------------------------------------------------------------------------------------------------ */
/*     PRELOADER
/* ------------------------------------------------------------------------------------------------------ */

#preloader {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
}
.preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	background: #FFF;
	height: 36px;
	width: 36px;
	margin-left: -18px;
	margin-top: -18px;
}
/* ------------------------------------------------------------------------------------------------------ */
/*     ANIMATIONS
/* ------------------------------------------------------------------------------------------------------ */

.animated {
	visibility: hidden;
}
.visible {
	visibility: visible;
}

.ie8 .animated,
.ie7 .animated {visibility:visible}

/* ------------------------------------------------------------------------------------------------------ */
/*    HEADER/NAV
/* ------------------------------------------------------------------------------------------------------ */

.admin-bar #navigation {margin-top:32px} /*accounting for wp admin bar */

#navigation {
	width:100%;
	z-index:999;
	position: fixed;
    top: 0;
    background: #fff;
    height: 100px;
	box-shadow:0 0 8px rgba(0,0,0,0.2);
}

#navigation .navbar-brand {
	float: left;
	font-size: 18px;
	line-height: 20px;
	padding:15px 0 0 15px;
	height:100px;
	max-width:260px;
	display:block;
}

#navigation .container {z-index:10}

#navigation .navbar {margin:0}

/* NAV TOP (SEARCH/PHONE) */

#navigation .nav-top {position:absolute;top:17px;right:15px;}

#navigation .social {float:right;margin-left:20px}

.social a {
  font-size: 18px;
  text-align: center;
  color:#fff;
  text-shadow:0 0 2px #007dc6;
  margin:0 5px;
  display:inline-block;
}


#navigation .phone {color:#d04328;position:relative;float:right;font-size:20px;margin-right:10px}

#navigation .phone a {color:#fff!important}


/* NAV BOTTOM (MENU) */
 

#navigation ul.nav {
	font-family:'Dosis','Lato',sans-serif;
	font-weight:400;
	letter-spacing:0.4px;
	font-size: 15px;
	margin: 50px 0 0 0;
	padding: 0 -15px 0 0;
	position:absolute;
	right:0;
	bottom:0;
}
#navigation ul.nav li {
	padding: 0 0 9px 0;
	position:relative
}


#navigation ul.nav li:last-child {
	padding-right: 0px;
}

#navigation ul.nav > li > a {padding:14.5px 15px;text-transform:uppercase;}

#navigation ul.nav li a {
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color:#111;
}

#navigation ul.nav a:hover {
	color: #d04328;
	background:none;
}
#navigation ul.nav > .current-menu-item > a,
#navigation ul.nav > .current-menu-ancestor > a,
#navigation ul.dropdown-menu li.current-menu-item a {
	color: #d04328;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:none}

#navigation ul.nav li:hover .dropdown-menu {
    display: block!important;
	
 }

#navigation ul.dropdown-menu {
	border:0;
	top:99%;
	border-radius:0;	
	background:#000;
	padding:15px 0;
	position:absolute;
	z-index:9999;
}

#navigation ul.dropdown-menu li {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	color: #fff;
	text-align:center;
}
#navigation ul.dropdown-menu li a {
	color: #fff;
	font-weight:600;
	font-size:14px;
	letter-spacing:0;
}


 @media (min-width:768px) {
#navigation ul.dropdown-menu.pull-center {
	right: 50%;
  left: auto;
}

.ie8 #navigation ul.dropdown-menu.pull-center {right:auto;}
 }

/* ------------------------------------------------------------------------------------------------------ */
/*     HOMEPAGE SHOWCASE
/* ------------------------------------------------------------------------------------------------------ */

#showcase {
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	z-index:1;
	background-color:#0580C4;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	position:relative;
	overflow:hidden;
}


#showcase h1 {font-size:46px;max-width:400px}

#showcase .flexslider {z-index:40}

#showcase .slides li {height:680px;background-position:center center!important;background-repeat:no-repeat;background-size:cover!important;}

#showcase .fa {position:absolute;left:0;right:0;top:32%;font-size:170px;color:rgba(255,255,255,0.7)}

#showcase > .container {max-width:800px;padding:0}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; max-height:100%;z-index:10} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index:10}

.embed-container #play-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index:50;cursor:pointer}

#showcase .embed-container {box-shadow: 0px 0 200px rgba(0,0,0,0.8);position:relative} 

/* ------------------------------------------------------------------------------------------------------ */
/*     HOMEPAGE SECTIONS
/* ------------------------------------------------------------------------------------------------------ */

.container-medium {
	max-width:900px;
}

section {
	position:relative;
	padding-top: 60px;
	padding-bottom: 100px;
	background-color:#fff;
	background-size: cover;
}



.hex1 {background:url(../images/hex1.png) left top no-repeat;width:370px;height:245px;position:absolute;left:-100px;top:0}
.hex2 {background:url(../images/hex2.png) right center no-repeat;width:140px;height:100%;position:absolute;right:0;top:0;bottom:0;}

.header {
	text-align: center;
	position:relative;
	text-transform:uppercase;
	margin-bottom:45px
}

.header h1 {
	font-size: 40px;
	line-height: 1;
	margin-bottom:0;
	color:#d04328
}
.header h2 {font-size:34px}


.header2 {
	background:url(../images/bg-header.png) center bottom no-repeat #fff;
	border-top:8px solid #007dc6;
	padding:00px 0px 0px;
	margin-bottom:40px;
	box-shadow:0 25px 0px 0px white, 0px 0px 24px rgba(0, 0, 0, 0.2);
	margin-top:-130px
}

.header2 h1 {
	padding-top:80px;
	padding-bottom:20px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));

background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);

background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);

background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);

background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);

}

.ie8 .header2 h1 {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}




/*==========================================*/
/*        Homepage Welcome 
/*==========================================*/

#welcome .container {max-width:960px}

#welcome ol, #welcome ul {margin:0 auto 30px;padding:0 30px;width:90%;max-width:580px}

.contents li {color:#d04328;margin-bottom:10px;font-weight:400}
.contents li span {color:#007dc6}



#welcome {
	background: rgb(192,192,192);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwYzBjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGMwYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  rgba(192,192,192,1) 0%, rgba(242,242,242,1) 42%, rgba(242,242,242,1) 42%, rgba(242,242,242,1) 63%, rgba(242,242,242,1) 63%, rgba(192,192,192,1) 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(192,192,192,1)), color-stop(42%,rgba(242,242,242,1)), color-stop(42%,rgba(242,242,242,1)), color-stop(63%,rgba(242,242,242,1)), color-stop(63%,rgba(242,242,242,1)), color-stop(100%,rgba(192,192,192,1)));

background: -webkit-linear-gradient(left,  rgba(192,192,192,1) 0%,rgba(242,242,242,1) 42%,rgba(242,242,242,1) 42%,rgba(242,242,242,1) 63%,rgba(242,242,242,1) 63%,rgba(192,192,192,1) 100%);

background: -o-linear-gradient(left,  rgba(192,192,192,1) 0%,rgba(242,242,242,1) 42%,rgba(242,242,242,1) 42%,rgba(242,242,242,1) 63%,rgba(242,242,242,1) 63%,rgba(192,192,192,1) 100%);

background: -ms-linear-gradient(left,  rgba(192,192,192,1) 0%,rgba(242,242,242,1) 42%,rgba(242,242,242,1) 42%,rgba(242,242,242,1) 63%,rgba(242,242,242,1) 63%,rgba(192,192,192,1) 100%);

background: linear-gradient(to right,  rgba(192,192,192,1) 0%,rgba(242,242,242,1) 42%,rgba(242,242,242,1) 42%,rgba(242,242,242,1) 63%,rgba(242,242,242,1) 63%,rgba(192,192,192,1) 100%);


}

.ie8 #welcome {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=1 );


}

/*==========================================*/
/*        Homepage What we Do 
/*==========================================*/

.feature-boxes {text-align:center;}
.feature-boxes .col-sm-4 {margin-bottom:30px;display:inline-block;float:none;vertical-align:top}

.box {text-align:center;position:relative}

#services .box {margin-bottom:30px;font-size:16px;line-height:1.5;}

.box .product-thumb {position:relative;text-align:center;width:100%;}

.box .product-thumb img {width:100%;height:auto}
.box .product-thumb img.attachment-full {max-height:220px;width:auto}

.box h4 {
    text-align: center;
	font-size:17px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 15px;
	color:#000
}

.box .block {padding:20px 20px 0; color:#007dc6;text-align:center;}

.box .block-btn {padding-top:50px}

.box .btn {
	margin:0 auto;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    max-width: 82%;
	}

.box .block p {text-align:justify}
#services .box .block p {text-align:center}

.box .client-logo {height:122px;background-position:center center;background-repeat:no-repeat;}


/*==========================================*/
/*        Homepage Case Studies 
/*==========================================*/

#casestudies {
	color: white;
	background:url(../images/bg-hex.png) center center no-repeat #007dc6;
	background-size:cover;
}
#casestudies .header h1 {color:#fff}

#casestudies .flexslider {margin-bottom:10px}

#casestudies .slide-content {margin-top:10px;color:#fff;text-align:center}
#casestudies .slide-content img {width:auto;height:auto;max-height:110px;max-width:180px;display:inline-block;margin:0 auto}
#casestudies .slide-content .bigtext {color:#fff;font-size:70px}

#casestudies .flex-control-nav {text-align:center;bottom:0;left:0;right:0;z-index:9999}
#casestudies .flex-control-nav a {text-indent:999px;overflow:hidden;background:#89d3ff;width:14px;height:14px}
#casestudies .flex-control-paging li a.flex-active {background:#fff}


/*==========================================*/
/*        Homepage Books
/*==========================================*/

#books p {color:#007dc6}
#books .books .col-sm-4 {padding:0}
#books .box {text-align:center}

#books .btn {font-size:15px}

.frm_message a {font-weight:bold;margin-left:3px}

.frm_style_formidable-style.with_frm_style .frm_message, .frm_success_style {background-color:#E0F1F9;border:1px solid #C6E1E9;color:#444;}



/* ------------------------------------------------------------------------------------------------------ */
/*     STANDARD INTERIOR PAGE
/* ------------------------------------------------------------------------------------------------------ */


.header3 {
	margin-bottom: 0;
	padding:28px 15px;
	background:url(../images/bg-header3.png) center bottom no-repeat #d04328;background-size:cover;
}

.header3 h1, .header3 h1 a {font-size:60px;color:#fff;text-decoration:none}


#masthead .breadcrumbs {font-size:11px;background:#545454;text-align:center;padding:6px;color:#89d3ff;text-transform:uppercase}
#masthead .breadcrumbs span {color:#fff}
#masthead .breadcrumbs a {text-decoration:underline;color:#89d3ff}

#masthead {margin:0;padding:0}
#masthead .img-bg {height:465px;background-size:cover;}
#masthead .header-img {max-height:450px;overflow:hidden;vertical-align:middle;width:100%;}
#masthead .header-img img {width:100%;height:auto;vertical-align:middle}

#main h2 {color:#d04328}
#main .post-title a { color: #d04328;text-decoration: none; }

/* SIDEBAR */

.sidebar {background:url(../images/bg-sidebar.jpg) 0 0 no-repeat #c2c2c2;background-size:contain;padding-top:40px;padding-bottom:60px}

.sidebar .widget {padding:30px 20px;font-size:13px;margin:0 auto;max-width:280px;}

.sidebar h4 {color:#fff;text-align:center}

.textwidget {padding:0 15px}

.sidebar .btn {width:100%}

.sidebar .widget ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sidebar .widget ul li {
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.sidebar .widget_search input {
	height: 50px;
	border: 2px solid #aaa;
}


.flex-section {margin-top:50px}
.flex-section:first-child {margin-top:0}

.single-testimonial .wp-post-image {margin-bottom:20px}

.wpcp li {display:none}
.wpcp ul {padding:0}

.maps {margin-bottom:40px}
.maps > .row {margin-left:-10px;margin-right:-10px}
.maps .col-sm-4 {padding:10px}

/* ------------------------------------------------------------------------------------------------------ */
/*     ABOUT US
/* ------------------------------------------------------------------------------------------------------ */

/*==========================================*/
/*        History 
/*==========================================*/


#timeline {padding:0}

#timeline article {position:relative}

#timeline.history article:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    background: #222;
	z-index:1;
}

#timeline.history article:last-child:after {content:'';background:0}

#timeline article .container {z-index:10}

#timeline article {padding:80px 0;background:#ededed;z-index:10}

#timeline article:nth-child(3n-1) {background:#bed8e7}

#timeline article:nth-child(3n-0) {background:#d4ceac}

#timeline .year {background:#d04328;width:80px;height:80px;border-radius:40px;text-align:center;margin:-120px auto 40px;display:table;}
#timeline .year .year-inner {display:table-cell;vertical-align:middle}
#timeline .year h3 {color:#fff;font-weight:900;text-transform:none;line-height:1;margin:0}

#timeline article:last-child .year {width:114px;height:114px;border-radius:58px;margin:-58px auto 20px;}

#timeline article .timeline-content {background:#fff;display:table;width:100%}
#timeline .inner-row {display:table-row}

#timeline .timeline-img,
#timeline .timeline-body {display:table-cell;vertical-align:top}

#timeline .timeline-img {width:30%;min-width:310px;min-height:290px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#timeline .timeline-img img {width:100%;height:auto}
#timeline .timeline-body {padding:50px}

#timeline .timeline-body p {margin-bottom:10px}

#timeline .timeline-video {padding:6px;width:576px}
#timeline .timeline-video iframe {margin-bottom:-5px}

.hex3 {background:url(../images/hex3.png) right top no-repeat;width:200px;height:160px;position:absolute;right:0;top:60px}
.hex4 {background:url(../images/hex4.png) left top no-repeat;width:200px;height:200px;position:absolute;left:0;top:40%}
.hex5 {background:url(../images/hex5.png) right top no-repeat;width:200px;height:160px;position:absolute;right:0;top:80%}


#timeline .hex3 {right:0;top:-109px }
#timeline .hex4 {left:0;top:-115px }
#timeline .hex5 {right:0;top:-111px }

#timeline .hex3, #timeline .hex4, #timeline .hex5 {display:none}

#timeline article:nth-child(1) .hex3 {display:block}
#timeline article:nth-child(4n-1) .hex4 {display:block}
#timeline article:nth-child(5n) .hex5 {display:block}

.hex6 {background:url(../images/hex6.png) left top no-repeat;width:85px;height:180px;position:absolute;left:0;top:40%}

#timeline .client-logo {text-align:center;margin-bottom:15px}
#timeline.clients .timeline-body {text-align:center}


#timeline.flex-section .timeline-img {width:50%;min-height:330px}

/*==========================================*/
/*        Team 
/*==========================================*/


.team .photo {}

.team .photo img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding: 0;
 -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team .photo a,
.team .photo a img {
	display: block;
	position: relative;
}
.team .photo {
	overflow: hidden;
	text-decoration:none;
	color:#fff;
	margin-bottom:30px;
	cursor:pointer;
}

.team .photo .team-desc {
    position: absolute;
	width: 100%;
	height: auto;
	color:#fff;
	text-align:left;
	bottom:-300px;
	left:0;
	-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	padding:0 2px
}
.team .photo .team-desc div {
	background:#007dc6;
	background:rgba(0,125,198,0.85);
	color:#fff;
	width:100%;
	height:auto;
	padding:20px;
	
}
.team .photo.active .team-desc,
.team .photo:hover .team-desc {
	bottom:2px;
}

.team .photo.active .team-desc div { }

.team .team-desc h5{
	color:#fff;
    font-size: 20px;
    margin:0 
}

.bio {background:#eee;padding:20px}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #ddd;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #ddd;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-weight: 300;
	font-size: 52px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #999;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

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

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

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

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}


/*==========================================*/
/*        Careers
/*==========================================*/


div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
}

#photoslider {
	width:100%;
	height: 465px;
	position: relative;
}


#photoslider  img {
	position: relative;
	height:465px;
	width:auto;
	float: left;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-filter: grayscale(90%);
filter: grayscale(90%);
}

#photoslider img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);	
}


.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: 465px;
	margin-bottom: 1em;
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 465px;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
			float: left;
		
			
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}

	

/* ------------------------------------------------------------------------------------------------------ */
/*     CAPABILITIES
/* ------------------------------------------------------------------------------------------------------ */

/*==========================================*/
/*        Case Studies 
/*==========================================*/

body.case-studies #main {
	background:url(../images/bg-hex.png) center top no-repeat #fff;
	background-size:cover;
}

.bigtext {font-size:60px;font-weight:900;font-family:'Lato',sans-serif;line-height:1;letter-spacing:-0.4px;margin-bottom:0px;display:block;-webkit-font-smoothing:antialiased;color:#007dc6}

.mediumtext {font-family:'Dosis','Lato',sans-serif;color:#d3543e;font-size:24px;line-height:1}


/* hexagons */

#hex-grid {text-align:center}
.hex-wrap {display: inline-block;padding-bottom: 180px;}

.hexagon {
	float:left; 
	overflow:hidden; 
	visibility:hidden; 
	width:440px; height:320px; 
	margin:8px -77px -162px -77px;
	-ms-transform:rotate(120deg); /* IE 9 */
    -moz-transform:rotate(120deg); /* Firefox */
    -webkit-transform:rotate(120deg); /* Safari and Chrome */
    -o-transform:rotate(120deg); /* Opera */
    transform:rotate(120deg);}
				
.hexagon .outer {
	overflow:hidden; 
	width:100%; height:100%; 
	-ms-transform:rotate(-60deg); /* IE 9 */
    -moz-transform:rotate(-60deg); /* Firefox */
    -webkit-transform:rotate(-60deg); /* Safari and Chrome */
    -o-transform:rotate(-60deg); /* Opera */
    transform:rotate(-60deg);
	position:relative;
	z-index:-1}

.hexagon .inner { 
	overflow:hidden; 
	position:relative; 
	visibility:visible; 
	width:100%; 
	height:100%; 
	background-position:50% 50%; 
	background-reoeat:no-repeat;
	background-color:#fff;
	z-index:1;
	-webkit-font-smoothing: antialiased;
	-ms-transform:rotate(-60deg); /* IE 9 */
    -moz-transform:rotate(-60deg); /* Firefox */
    -webkit-transform:rotate(-60deg); /* Safari and Chrome */
    -o-transform:rotate(-60deg); /* Opera */
    transform:rotate(-60deg);
	/*-webkit-backface-visibility: hidden;*/
}

/*
.contentInner {
	overflow:hidden; position:absolute; left:0;top:0;visibility:visible; width:100%; height:100%; transform:rotate(-60deg); background: url(http://placekitten.com/g/700/700) 50% 50% no-repeat; -webkit-backface-visibility: hidden;z-index:500
}

.contentWrapper {visibility:visible;display:block;position:absolute;top:0;left:0; width:100%; height:100%; z-index:600;transition:all 0.s;background:rgba(0,0,0,0.75);-webkit-backface-visibility: visible;-webkit-font-smoothing: subpixel-antialiased;overflow:hidden }
*/

.hexagon .outer2 {
	overflow:hidden; 
	width:100%; height:100%; 
	position:absolute;
	left:0;top:0;
	z-index:500;
	-ms-transform:rotate(-60deg); /* IE 9 */
    -moz-transform:rotate(-60deg); /* Firefox */
    -webkit-transform:rotate(-60deg); /* Safari and Chrome */
    -o-transform:rotate(-60deg); /* Opera */
    transform:rotate(-60deg);}
	
.hexagon .inner2 { 
	overflow:hidden; 
	position:relative; 
	visibility:visible; 
	width:100%; height:100%;
	-ms-transform:rotate(-60deg); /* IE 9 */
    -moz-transform:rotate(-60deg); /* Firefox */
    -webkit-transform:rotate(-60deg); /* Safari and Chrome */
    -o-transform:rotate(-60deg); /* Opera */
    transform:rotate(-60deg);
	}

.hexagon .contentWrapper {
	display:block;
	width:100%; height:100%;
	overflow:hidden;
	position:absolute;
	top:0;left:0;
	visibility:visible;
	background:rgba(0,0,0,0.7); 
	-ms-transform:rotate(-60deg); /* IE 9 */
    -moz-transform:rotate(-60deg); /* Firefox */
    -webkit-transform:rotate(-60deg); /* Safari and Chrome */
    -o-transform:rotate(-60deg); /* Opera */
    transform:rotate(-60deg);
	-webkit-backface-visibility: visible; 
}

.hexagon .textWrapper {
	display:block;
	position:absolute; 
	top:0; left:0; bottom:0; 
	width:100%; height:100%; 
	z-index:500;
	transition:all 0.s; 
	-webkit-font-smoothing:subpixel-antialiased;
	text-decoration:none;
}

.hexagon .bigtext {color:#fff;margin-bottom:8px;}

#hex-grid.case-studies .hexagon .textWrapper {background:rgba(0,0,0,0.75); -webkit-transition:all 0.5s;transition:all 0.5s}

#hex-grid.case-studies .hexagon .textWrapper:hover {background:rgba(0,0,0,0.5);}

.hexagon .hextext {display:table;color:#fff;width:240px;margin:0 auto;text-align:center;height:100%;font-family:'Dosis';font-size:20px;line-height:1.2;font-weight:400;text-shadow: 0px 0px 1px #000;}
.hexagon .text-inner {display:table-cell;vertical-align:middle;padding:20px 0 0}
.hexagon .text-inner img {max-width:240px;height:auto}

.hexagon:nth-child(2n+0) {margin-top:172px}

.well {background-color:#f7f5f0;border-color:#f7f5f0;border-radius:0;box-shadow:none;margin-bottom:35px}

body.single-case-study {font-size:15px}

.lead {color:#007dc6;line-height:1.6}
body.single-case-study .lead {font-size:17px;}


/* ------------------------------------------------------------------------------------------------------ */
/*     CLIENTS 
/* ------------------------------------------------------------------------------------------------------ */

#carousel {margin:30px auto 0}

#carousel .item{
  margin: 3px;
  float:left;
}
#carousel .item img{
  display: block;
}

.owl-item {
height: 160px; 
position: relative;
}

.owl-item img {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translate(0,-50%); 
transform: translate3d(0,-50%,0); 
margin: 0 auto;
}


.owl-theme .owl-controls{
	margin-top: 20px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #d4ceac;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #d4ceac;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}


/* ------------------------------------------------------------------------------------------------------ */
/*     RESOURCES 
/* ------------------------------------------------------------------------------------------------------ */
table {font-size:15px}
.leftcol {background:#ecf4f7}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.contents table li,
.contents .panel li {color:inherit}


.panel {border:0}
.panel-body {padding:15px 0;border:0}
.panel-heading {padding:0}
.panel-title>a {display:block;padding:10px 15px}

/* ------------------------------------------------------------------------------------------------------ */
/*     BLOG
/* ------------------------------------------------------------------------------------------------------ */

.blog-sidebar {float:right;background:#eee;padding:30px;margin:0 0 30px 40px;border-radius:20px;}
.blog-sidebar ul {padding-left:20px;margin-bottom:0}
.blog-sidebar h3 {text-align:center;margin-bottom:20px}
.post-meta {margin-bottom:20px;color:#999;}

#comments {
	margin-top: 80px;
}
.media, .media .media {
	margin-top: 30px
}
.media:first-child {
	margin-top: 15px;
}
.media img {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#comments .media-heading {
	font-size: 16px;
}
#comments .date a {
	font-size: 14px;
	color: #aaa;
}
#comments {
	margin-top: 80px;
	margin-bottom: 40px;
	background-color: #f6f6f6;
  padding: 40px;
  color: #000;
}
#respond {
	margin-top: 20px;
}
#respond textarea, #respond input[type=text] {
	display: block;
	width: 100%;
	padding: 6px 12px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #000;
	background-image: none;
	border: 2px solid #aaa;
	background-color: fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#respond label {display:block}

ul.wpfai-list li {background:#cbcbcb;margin:0;margin-right:1px}
ul.wpfai-list li:hover {background:#0caaf1}

.pagination {display:block}
.pagination .old-posts {float:left;display:block}
.pagination .new-posts {float:right;display:block}

/* ------------------------------------------------------------------------------------------------------ */
/*     FOOTER
/* ------------------------------------------------------------------------------------------------------ */

#footer {
	background-color: #007dc6;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size:12px;
	text-align:center
}

#footer a {color:#fff}


#footer ul, #footer li {margin:0;padding:0;list-style:none}

#footer ul {margin-bottom:30px}

#footer li {display:inline-block;margin:0 10px;text-align:center;font-size:14px;text-transform:uppercase;color:#89d3ff;font-family:'Dosis','Lato',sans-serif}

#footer ul li a {color:#89d3ff}


.scrollup {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size:50px;
	line-height:50px;
	display: none;
	color:#222;
	text-align:center;
	padding:5px;
	z-index: 999997;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.scrollup:hover {
	opacity: 0.8
}


/* ------------------------------------------------------------------------------------------------------ */
/*     MAGNIFIC POPUP
/* ------------------------------------------------------------------------------------------------------ */

.mfp-iframe-holder .mfp-content {max-width:1060px} 
/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}


/* ------------------------------------------------------------------------------------------------------ */
/*    RESPONSIVE
/* ------------------------------------------------------------------------------------------------------ */


@media (min-width:1200px) { 


.container {max-width:1100px}
.container-medium {max-width:1000px;}

.header3 h1, .header3 h1 a {font-size:70px}

.hex1 {left:0}

}


@media (min-width:992px) {
.team .photo {margin: 0;padding: 2px;}	
.team > .row {margin:0}
.team {padding-right:0}
}

 @media (max-width:991px) {
	 
.team .photo .team-desc {padding:0 15px}

#navigation ul.nav > li > a {
	padding-left: 0px;
	padding-right: 12px;
	letter-spacing:0;
}
.navbar-nav {
	margin-left: 0px!important;	
	text-align: left!important;
}

/*#showcase {height:450px}*/
#showcase .fa {font-size:130px}

.sidebar .widget {padding:40px 10px;font-size:13px}
.textwidget {padding:0}

.btn {white-space:normal!important;padding:10px}

.product .btn {font-size:13px}

.container .container-medium {padding:0;width:auto}

#welcome .topleft {left:-200px}

.box .block {padding: 20px 0 0}

.maps {padding:0 30px}

.team .photo.active .team-desc,
.team .photo:hover .team-desc {
	bottom:0px;
}

 }
 

@media (min-width:768px) and (max-width:991px) {
	
.header3 h1, .header3 h1 a {font-size:54px}
h2 {font-size:32px}
h3 {font-size:28px}

#navigation .navbar-brand {padding-top:10px}
#navigation ul.nav > li > a {padding:5px 12px 5px 0}

.hexagon:nth-child(2n+0) {margin-top:8px}
.hexagon:nth-child(3n-1) {margin-top:172px}

.hex-wrap {padding-bottom:160px} /* don't change this number without changing the resizeflag in custom.js */

.hex3, .hex6 {display:none}

#masthead .img-bg {height:350px}

#navigation .navbar-brand {max-width:210px}

.hex1 {left:-175px}

#timeline.flex-section .timeline-img,
#timeline.flex-section .timeline-video,
#timeline.flex-section .timeline-content,
#timeline.flex-section .inner-row,
#timeline.flex-section .timeline-body {display:block;width:100%;}




}

@media only screen and (max-width: 767px) {
	
	h2 {font-size:28px}
	h3 {font-size:24px}
	
	#main {overflow-x:hidden}
	.hex1, .hex2, .hex3, .hex6, #timeline .hex3, #timeline .hex4, #timeline .hex5 {display:none!important}

.admin-bar #navigation {margin-top:0}
body {padding:0}

#navigation {
	position: relative;
    height: auto;
}

#navigation .container {padding:0}

#navigation .navbar-header {margin:0;}

#navigation .nav-wrap,
#navigation .navbar-brand {height:auto }

#navigation .navbar-brand {float:none;margin:0 auto 20px;max-width:300px}

#navigation .navbar-brand img {margin:0 auto}

#navigation .nav-top {position:relative;top:0;right:0;max-width:290px;margin:0 auto}

.navbar-toggle {background:#007dc6;border-color:#007dc6;margin:10px 0 30px;float:left;padding:15px}
.navbar-toggle .icon-bar {background-color:#fff}

#navigation .social {min-width:100px}

#navigation .phone {margin-right:0}
#navigation .phone,  #navigation .phone span a {color:#d04328!important;}

#navigation .navbar-collapse {width:100%;background:#f5f5f5}

#navigation ul.nav {position:relative;width:100%;margin:0;padding:15px 0}

#navigation ul.nav > li {text-align:center;padding:0;font-weight:400}
#navigation ul.nav > li > a {padding:10px}

#navigation ul.nav > li > a:hover,
#navigation ul.nav > li > a:active,
#navigation ul.nav > li.current-menu-item > a,
#navigation ul.nav > li.current-menu-ancestor > a {background:#fff}

#navigation ul.nav li .dropdown-menu {float:none;position:relative;box-shadow:none;text-align:center}

/*#showcase {height:250px;margin-top:0}*/
#showcase .fa {font-size:95px}


.product {margin-bottom:30px}

.home .header {margin-bottom:20px}

#masthead .img-bg {height:200px}
	
.header3 h1, .header3 h1 a {font-size:40px}

section {padding-top:50px;padding-bottom:70px}

.hexagon {float:none;margin-top:0!important;margin-bottom:8px!important;width:380px;height:290px}
.text-inner {width:180px}
.text-inner img {max-width:180px}

#timeline.flex-section .timeline-img,
#timeline.flex-section .timeline-video,
#timeline article .timeline-content,
#timeline .inner-row,
#timeline .timeline-img,
#timeline .timeline-body {display:block;width:100%;}


#timeline .timeline-img {background-position:center top;}

.alignright, img.alignright,
.alignleft, img.alignleft {
float:none;
margin:0 auto 20px;
}


.feature-boxes {display:block;width:auto}
.feature-boxes .col-sm-4 {display:block}

.feature-boxes .box {max-width:400px;margin:0 auto}

.feature-boxes .box .block {height:auto!important}



}

@media (max-width:480px) {


/*#showcase {height:180px}*/

#showcase .fa {font-size:75px}


#timeline.flex-section .timeline-img,
#timeline .timeline-img {min-height:200px}


}
/* fin */