/* CSS Document */

body {
	padding-top : 90px;
	padding-bottom : 140px;
	color : #929292;
}

a {
	color : #3E7297;
	text-decoration : underline;
}

.bounder {}

.form-subscribe input {
	background-color : #3E7297;
	color : #fff;
}

.form-subscribe input[placeholder] {
	color : #fff !important;
}

.form-subscribe input::-webkit-input-placeholder {
   color: #fff !important;
}

.form-subscribe input:-moz-placeholder { /* Firefox 18- */
   color: #fff !important;
}

.form-subscribe input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;
}

.form-subscribe input:-ms-input-placeholder {  
   color: #fff !important;
}

.form-subscribe button > i.invalid {
	color : #c30;
}

#mobile-menu nav {
	margin-top : 90px;
}

#mobile-menu.active {
	display : block;
}

#mobile-menu nav {
	margin-left : 90px;
	background : url('../img/trans_ffffff_85.png') repeat top left;
}

.cbp-spmenu {
	z-index : 1100;
}

.cbp-spmenu-right {
	right : -90%;
}

.cbp-spmenu-vertical {
	width : 90%;
}

#mobile-menu nav ul {
	margin : 0;
	padding : 0;
}

#mobile-menu nav ul li.nodrop {
	margin-left : 41px;
}

#mobile-menu nav ul a {
	color : #999;
	text-decoration : none;
	border : none;
	padding: 12px;
}

#mobile-menu nav ul a:hover {
	background : none;
}

#mobile-menu nav ul li {
	list-style : none;
}

#mobile-menu nav ul li a i {
	margin-right: 20px;
}

#mobile-menu nav ul li.closed ul,
#mobile-menu nav ul li ul {
	position : absolute;
	left : 100%;
	height : 100%;
	width : 100%;
	top : 0;
	border : none;
	display : block;
	background : url('../img/trans_ffffff_85.png') repeat top left;
	border-left : 1px solid #eee;
}

#mobile-menu nav ul li.opened ul {
	left : 0;
	margin-left : 40px;
}

#mobile-menu nav ul li.closed a i {
}

#mobile-menu nav ul li.opened .cactive a, 
#mobile-menu nav ul li.opened a i {
	color : #000;
}

#mobile-menu nav ul li.closed a i,
#mobile-menu nav ul li.opened a i {
	-webkit-transition : all 200ms ease-in;
	-moz-transition : all 200ms ease-in;
	transition : all 200ms ease-in;
}

#mobile-menu nav ul li.opened ul,
#mobile-menu nav ul li.closed ul {
	-webkit-transition : all 200ms ease-in;
	-moz-transition : all 200ms ease-in;
	transition : all 200ms ease-in;
}

.brk {
	height : 0;
	clear : both;
	width : auto;
	visibility: hidden;
}

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

.navbar-header .imager img {
	width : 100%;
}

.imagelb {
	cursor : zoom;
}

.imager a {
	display : block;
}

.imager .vid {
	float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 43.25%;
    padding-top: 25px;
    height: 0;
}

.imager .vid iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sticky-container {
	height: 196px;
	overflow: hidden;
	margin-bottom : 30px;
}

.sticky {
	height : 196px !important;
	overflow : hidden !important;
}

.stuck {
	position : relative;
	z-index : 1020;
}

.project, .tags {
	margin-bottom : 30px;
}

.tags .fa {
	color : #3E7297;
	vertical-align : middle;
	margin-right : 10px;
}

.tags .tag {
	margin-right : 10px;
}

.location {
	text-transform: uppercase;
	background: #D4D4D4;
	color: #929292;
	line-height : 1;
	padding : 0;
	font-weight : 400;
	overflow : hidden;
	margin : 0;
	font-size : 16px;
}

.location .text {
	white-space : nowrap;
	text-overflow : ellipsis;
	padding: 4px 8px;  
	display : block;
	overflow : hidden;
	vertical-align : middle;
}

.location a {
	text-decoration : none;
	color : #929292;
}

.location .title {
	font-weight: 600;
	color : #777;
	vertical-align : baseline;
	font-size : 16px;
}

.location .excerpt {
	font-weight: 600;
	vertical-align : baseline;
	font-size : 16px;
}

.focus {
/* 	background : url('../img/trans_e9e9e9_70.png') repeat top left; */
	background : url('../img/d8/95.png') repeat top left;
	color: #777;
}

.hero {
	margin-bottom : 30px;
}

.focus .content {
	padding : 8px;
}

.focus h1, .focus h2, .focus h3 {
	text-transform: uppercase;
}

.focus h2 {
	font-size: 24px;
	margin : 0 0 18px 0;
	font-weight : 900;
	color : #777;
}

.focus h3 {
	font-weight : 400;
	font-style : italic;
}

.focus .content ul,
.focus .content ol {
	padding-left : 20px;
	margin : 0 0 10px 0;
}

.contact-default {
	margin : 0 0 20px 0;
}

.team-member {
	margin-bottom : 25px;
	background: #EAEAEA;
}

.testimonial .content,
.team-member .content {
	padding : 8px;
	height : 261px;
	overflow : hidden;
}

.testimonial .content .caption {
	font-style : italic;
}

.testimonial .content {
	height : 196px;
}

.team-member .avatar {
	float : right;
	width  : 196px;
}

.team-member .vcard {
	margin-bottom : 0;
}

.team-member .vcard .i {
	font-style : italic;
}

.team-member .content h2 {
	color : #9c9c9c;
	font-size : 16px;
	font-weight : 600;
	text-transform : none;
	margin-bottom : 10px;
}

.team-member .content .caption {
	font-size : 16px;
}

.team-member .contact-default {
	margin-bottom : 10px;
}

.contact h3 {
	text-transform : none;
	margin : 0 0 12px 0;
	font-size : 16px;
}

/* The blue box for live learn etc */
.focus .left {
	width : auto;
	position : absolute;
	margin-right : 228px;
}

.team-member .icons {
	margin-top : 15px;
	padding-bottom : 9px;
	text-align : center;
}

.team-member .row-top .icons {
	margin-top : 0;
}

.mottos {
	margin-top : -15px;
}

.motto {
	background: #3E7297;
	color: #fff;
	height: 98px;
	width : 100%;
	margin-top : 15px;
	text-align:right; 
	padding : 0;
	position : relative;
}

.motto a {
	display : block;
	width : 100%;
	padding : 0;
	height : 100%;
	color : #fff;
}

.motto .text {
	position : absolute;
	bottom : 3px;
	right : 3px;
	line-height : 1;
	color : #fff;
	font-size : 18px;
}

.navbar-custom-top {
	color: #3E7297;
	text-transform: uppercase;
	background: #fff;
	font-size: 14px;
	border-bottom : none;
	z-index : 1038;
	min-height : 90px;
}

.navbar-custom-top a {
	text-decoration : none;
}

.navbar-custom-top .navbar-toggle {
	margin-top : 17px;
	outline : none;
	color : #3E7297;
	font-size : 22px;
	line-height : 1;
	margin-right : 0;
	text-transform : uppercase;
	padding : 0;
	border : none;
}

.navbar-custom-top .navbar-toggle .text {
	padding : 3px 6px;
	display : block;
	margin : 0;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
}

.navbar-custom-top .navbar-toggle .opened {
	border : 1px solid #3E7297;
	background-color : #fff;
	color : #3E7297;
	display : none;
}

.navbar-custom-top .navbar-toggle .closed {
	background-color : #3E7297;
	border : 1px solid #3E7297;
	color : #fff;
}

.navbar-custom-top .navbar-toggle.active .opened {
	display : block;
}

.navbar-custom-top .navbar-toggle.active .closed {
	display : none;
}

.navbar-custom-top .dropdown-menu {
	text-align: center;
	border : none;
	background : transparent url('../img/trans_ffffff_85.png') repeat top left;
	-moz-border-radius : 0;
	-webkit-border-radius : 0;
	border-radius : 0;
	-webkit-box-shadow : none;
	-moz-box-shadow : none;
	box-shadow : none;
	top : 60px;
	right : auto !important;
	padding : 0 0 10px 0;
}

.navbar-custom-top .dropdown-menu li a {
	font-size: 22px;
	letter-spacing : -1px;
	text-transform: none;
	color : #929292;
	padding-top : 4px;
	padding-bottom : 4px;
}

.navbar-custom-top .search-container {
	position: absolute;
	right: 15px;
	top: 38px;
	overflow : hidden;
}

.navbar-custom-top .search-container.open {
	width :  100%;
	-webkit-transition : all 200ms ease-in;
	-moz-transition : all 200ms ease-in;
	transition : all 200ms ease-in;
}

.navbar-custom-top .search-container,
.navbar-custom-top .search-container.close {
	width : 38px;
	-webkit-transition : all 200ms ease-in;
	-moz-transition : all 200ms ease-in;
	transition : all 200ms ease-in;
}

.navbar-custom-top  .search .input-group {
	float : right;
}

.navbar-custom-top  .search input {
	display	: block;
}

.navbar-custom-top  .search input.on {
	display : block;
}

.navbar-custom-top  .search button {
	-webkit-box-shadow : none;
	-moz-box-shadow : none;
	box-shadow : none;
	outline : none !important;
	-webkit-border-radius : 0;
	-moz-border-radius : 0;
	border-radius : 0;
	color : #929292;
}

.navbar-custom-top  .search button.off {
	 background : none;
	 border : 1px solid #fff;
	 outline : none;
}

.navbar-custom-top  .search button:hover {
	background-color : #ebebeb;
	 border : 1px solid #ebebeb;
}

.navbar-brand {
	padding : 0 15px;
	float : none;
	display : block;
}


.navbar-custom .navbar-nav > li > a {
	color:#929292;
	padding-left: 35px;
	padding-right: 35px;
}

.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:focus,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > li > a:active,
.navbar-custom .navbar-nav > li > a:hover {
	background-color : transparent !important;
	outline : none !important;
}

.navbar-custom .navbar-nav > li.current > a {
	background: transparent;
	color: #3E7297;
}

.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	color: #3E7297;
	background-color:#fff;
}


.dropdown-menu > li.current > a,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	background-color: transparent;
	color: #3E7297;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color : transparent;
}

.navbar-custom-bottom {
	background : url('../img/trans_ffffff_85.png') repeat top left;
	display : block;
}

.container-footer-action.opened {
	border-top : 1px solid #3E7297;
	margin-top : 6px;
}


.container-footer-action.opened  .footer-action {
	-webkit-transform:rotate(180deg);
	-webkit-transition : all 200ms ease-in;
	-moz-transform:rotate(180deg);
	-moz-transition : all 200ms ease-in;
	transform:rotate(180deg);
	transition : all 200ms ease-in;
}

.container-footer-action.closed  .footer-action {
	-webkit-transform:rotate(0deg);
	-webkit-transition : all 200ms ease-in;
	-moz-transform:rotate(0deg);
	-moz-transition : all 200ms ease-in;
	transform:rotate(0deg);
	transition : all 200ms ease-in;
}

.navbar-custom-bottom .footerLinks a {
	color : #3E7297;
	font-size : 20px;
	letter-spacing : 1px;
	text-decoration : none;
	border-bottom : 1px solid #D6E1E8;
	line-height : 1;
	margin : 0 12px;
}

.navbar-custom-bottom .footer-holder .inner {
	padding : 0 0 12px 0;
}

.navbar-custom-bottom .footer-holder,
.navbar-custom-bottom .footer-holder.closed {
	height : 0;
	opacity : 0;
	overflow : hidden;
}

.navbar-custom-bottom .footer-holder.opened {
	margin-top : -20px;
	opacity : 1;
	height : auto;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.navbar-custom-bottom .footer-holder.closed {
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.navbar-custom-top .navbar-nav {
	margin-top : 29px;
	font-size : 24px;
	margin-right : 40px;
}

.container-footer-action {
	text-align : center;
	padding : 12px 0px;
	bottom : 0;
}

.footer-action {
	width : 44px;
	height : 44px;
	border : 1px solid #3E7297;
	background-color : #fff;
	-moz-border-radius : 22px;
	-webkit-border-radius : 22px;
	border-radius : 22px;
	color : #3E7297;
	display : inline-block;
	cursor : pointer;
	z-index : 2000;
}

.footer-action .inner {
	padding : 5px 0;
}

.footer-action .inner img {
	display : inline-block;
}

.footer {
	color: #3E7297;

}

.footer .siteicons .image {
	display : inline-block;
	margin-right : 30px;
	text-align : left;
}

.footerLinks {
	margin-top: 24px;
	float : right;
}

.footer ul li {
	display: inline-block;
	vertical-align : middle;
}

.footer ul li a {
	text-decoration: none;
	padding: 0;
}

.footer ul li:first-child a {
	padding-left: 0;
}

.footer ul li:last-child a {
	padding-right: 0;
}

.footer ul li form {
	width : 260px;
	max-width : 260px;
}

.bioPic {
	margin-bottom: 8px;
}

.contactDetails {
	margin-bottom: 18px;
}

.map #cmap {
	height : 360px;
}

.mfp-title {
	display : none;
}

@media screen and (max-width: 1400px) {
	.sticky {
		position : static !important;
		width : auto !important;
		top : auto !important;
	}
	
	.sticky-wrapper {
		width : auto !important;
		height : auto !important;
	}
}

@media screen and (max-width: 1200px) {
	.navbar-custom .navbar-nav > li > a {
		padding-left : 10px;
		padding-right : 10px;
	}
	
	.navbar-custom-top .navbar-nav {
		margin-top : 20px;
	}
	
	.navbar-custom-top .search-container {
		top: 30px;
	}

}

@media screen and (max-width: 991px) {
	
	body {
		padding-bottom : 0;
	}
	
	.sticky,
	.sticky-container {
		height: auto !important;
		overflow: visible !important;
	}
	
	.navbar-brand {
		margin-top : 21px;
	}
	
	.navbar-custom-top .navbar-toggle {
		margin-top : 8px;
	}
	
	.navbar-custom-top .navbar-nav {
		margin-top : 29px;
	}
	
	.navbar-custom-top .search-container {
		top: 38px;
	}
	
	.navbar-custom .navbar-header {
		margin-top : 0px;
	}
	
	.navbar-custom-bottom .footerLinks {
		text-align : center;
		float : none;
	}
	
	.navbar-custom-bottom .footerLinks ul {
		padding : 0;
	}
	
	.navbar-custom-bottom .footerLinks ul li {
		display : inline-block;
	}
	
	.navbar-custom-bottom .footer-holder {
		opacity : 1;
		height : auto;
	}
	
	.container-footer-action {
		display : none;
	}
	
	.navbar-fixed-bottom {
		position : static;
	}
	
	.navbar-custom-bottom .footer-holder.opened {
		margin-top : 0;
	}
	
	.footer .siteicons {
		text-align : center;
	}
	
	.footer .siteicons .image {
		margin : 10px;
	}
	
	.mottos .row-motto {
		margin-left : -8px;
		margin-right : -8px;
	}
	
	.mottos .col-motto {
		padding-left : 8px;
		padding-right : 8px;
	}
	
	.project .image {
		min-height : 0;
	}
	
	.content img.right,
	.content img.left,
	.content img.rightAlone,
	.content img.leftAlone {
		float : none !important;
	}
}

@media screen and (max-width: 767px) {
	
	body {
		padding-top : 92px;
	}
	
	.navbar-header .imager img {
		width : auto;
	}
	
	.footerLinks li {
		margin-bottom : 10px;
	}
	
	.navbar-custom .navbar-header {
		margin-top: 0;
	}
	
	#desk-menu {
		display : none;
	}
	
	.focus .left {
		position : static;
		margin-right : 0;
	}
	
	.focus {
		min-height : 0;
	}
	
	.mottos .row-motto {
		margin-left : -4px;
		margin-right : -4px;
	}
	
	.mottos .col-motto {
		padding-left : 4px;
		padding-right : 4px;
	}
	
	.navbar-custom-top .navbar-nav {
		margin-right : 0;
	}
	
	.navbar-brand {
		padding : 0;
		margin-top : 0;
	}
	
	.navbar-custom-top .navbar-brand img {
		height : 42px;
		margin-top : 0;
		margin-bottom : 0;
	}
	
	.navbar-custom-top .search-container.open,
	.navbar-custom-top .search-container.close,
	.navbar-custom-top .search-container {
		position: static;
		width : 100%;
		margin-bottom : 10px;
	}

	.navbar-custom-top  .search .input-group {
		float : none;
	}

	.navbar-custom-top  .search input {
		display	: block;
	}

	.navbar-custom-top  .search input.on {
		display : block;
	}

	.navbar-custom-top  .search button.off,
	.navbar-custom-top  .search button {
		-webkit-box-shadow : none;
		-moz-box-shadow : none;
		box-shadow : none;
		outline : none !important;
		-webkit-border-radius : 0;
		-moz-border-radius : 0;
		border-radius : 0;
		color : #929292;
		border : 1px solid #ccc;
	}
	
	.team-member .avatar {
		float : none;
		width  : auto;
	}
	
	.team-member .content {
		height : auto;
	}
}

@media screen and (min-width: 768px) {
	#desk-menu {
		display : block;
	}
	
	#mobile-menu {
		display : none !important;
	}
}

@media screen and (min-width: 992px) {
	
	.mottos {
		float : right;
		width  : 212px;
		margin-top : -16px;
	}
	
	.mottos .row-motto {
		margin-left : 0;
		margin-right : 0;
	}
	
	.mottos .col-motto {
		max-width : 114px;
		padding-left : 16px;
		padding-right : 0;
	}
	
	.mottos .col-motto .motto {
		width : 100%;
		margin-top : 16px;
	}
	
	.sticky-wrapper, .sticky {
		width : 940px !important;
	}
}

@media screen and (min-width: 1200px) {
	.sticky-wrapper, .sticky {
		width : 1140px !important;
	}
}