html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-weight: 300;
	background-color:	#FEFEFE !important;
	font-family: Calibri, Arial, sans-serif !important;
}
.inlineClass {
	margin-top: 5px;
}
.websiteLabel {
	font-size: 180%;
	font-weight: bold;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
	color: white;
}
.websiteLabel span {
    margin-left: -60px;
}
marquee {
	margin: 0 10px;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 90%;
	white-space:nowrap !important;
	z-index: 1000
}
marquee h5{
	font-size: 14px;
	margin: 0;
	white-space:nowrap !important;
	color: white;
}


.testsite {
	background-color: red;
	height: 60px;
}
.container-fluid{
	background-color:	#FEFEFE !important;
}

p.lead {
	font-weight: 600;
}


a:hover,
a:focus {
	text-decoration: underline !important;
}

.light {
	font-weight: 400;
}

address {
	margin-left: 0;
	padding: 0;
}


/* misc */
hr {
  margin-top: 10px;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}

/* ===========================
--- General sections
============================ */

.home-section {
	padding-bottom: 110px;
	display:block;
	position:relative;
	z-index:120;
	}


.section-heading h2 {
	font-size: 40px;
}
.section-heading i {
	margin-bottom: 20px;
}


/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f6f6f6;
}


.bg-dark {
	background: #575757;
}

/* --- section color var --- */

.text-light {
	color: #fff;
}
@media(max-width:1200px) {
	.home-section{
		padding-top: 61px;
		padding-bottom: 30px;
	}
}
/* ============================
--- Menu
============================= */

.gn-menu-main,
.gn-menu-main ul {
		margin: 0;
		padding: 0;
		background: #00395c;
		color: #ffffff;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		line-height: 60px;
		z-index:150;
}
	.gn-menu-main ul {
		line-height: 1.42857143 !important;
	}
.gn-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		font-size: 13px;
}

.gn-menu-main a {
		display: block;
		height: 60px;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
		padding-top:7px;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: #00243a;
		color: white;
}

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		border-right: 1px solid #c6d0da;
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.gn-menu-main > li:last-child {
		float: right;
		border-right: none;
}

.gn-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 60px;
		border-top: 1px solid #c6d0da;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 120px;
		height: 100%;
}

.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 18px;
		width: 100px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px #c6d0da
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #c1c9d1
}



/* placeholder */


.gn-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}

.glyphicon::before {
		display: block;
		align-content:center;
		width: 80px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}


/* if an icon anchor has a span, hide the span */

.gn-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.gn-icon-menu::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		background: #ffffff;
		box-shadow: 0 3px #00395c, 0 -6px #ffffff, 0 -9px #00395c, 0 -12px #ffffff;
		content: '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
		background: #ffffff;
		box-shadow: 0 3px #00395c, 0 -6px #ffffff, 0 -9px #00395c, 0 -12px #ffffff;

}

.gn-icon-menu.gn-selected::before {
		background: #ffffff;
		box-shadow: 0 3px #00395c, 0 -6px #ffffff, 0 -9px #00395c, 0 -12px #ffffff;
}

/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
		width: 100px;
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 60px;
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			
			
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
}




/* ===========================
--- Footer
============================ */
.footer-class{
	background-color: #00395c;
}
footer {
	text-align: center;
}

footer p {
	color: #ffffff;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
}

.credits {
	color: #fff;
}

.txtnote {
	display: table;
}
.txtnote span {
	display: table-cell;
}
/* ===========================
--- Elements
============================ */
.page-scroll .btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes pulse {    
	0% {
		-moz-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-moz-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
}


#text {
	color: #fff;
	background: #ffcc00;
}

#map {
	height: 500px;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}


.btn-default:hover,
.btn-default:focus {
	border: 1px solid #005689;
	outline: 0;
	color: #ffffff;
	background-color: #005689;
	
}

.btn-huge {
	padding: 25px;
	font-size: 26px;
}

.banner-social-buttons {
	margin-top: 0;
}


/* Media queries */

@media (min-width:767px) {

	.intro {
		height: 100%;
		padding: 0;
	}

	.brand-heading {
		font-size: 100px;
	}
	
	.intro-text {
		font-size: 25px;
	}

}
@media (max-width:768px) {
	
	.team.boxed-grey {
		margin-bottom: 30px;
	}
	
	.boxed-grey {
		margin-bottom: 30px;
	}
	.intro .slogan {
		padding:100px 0 60px;
		
	}
}

@media(max-width:550px) {
	marquee {
		margin: 0 45px 0 10px;
		height: 25px;
		line-height: 25px;
		white-space:nowrap;
	}
	.websiteLabel {
		font-size: 110%;
	}
}

@media (max-width:480px) {

	.intro .slogan {
		padding:170px 0 60px;
		
	}

	marquee {
		margin: 0 45px 0 10px;
		top: 35px;
		width: 75%;
	}

	marquee h5{
		font-size: 11px;
	}
}
.glyphicon::before{
	width: 36px !important;
}
#ToggleView{  
    text-align: center;
	margin-right: 5px;
	border:2px solid #CCC;
	border-radius: 5px;
	box-shadow: 0 0 20px;
	background-color: #005689;
	padding-top: 5px;
	font-size: 14px;
	color: #ffffff;
	display: none;
	width: 40px !important;
    position: fixed;
    top: 5px;
    right: 5px;
	height: 45px;
    z-index: 180
}
@media  (max-width: 400px) { 

	marquee h5{
		font-size: 9px;
	}
}
@media  (max-width: 320px) {
	.websiteLabel {
		display: inherit;
		height: 35px !important;
	}
}