@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

html,body {
    height:100%;
}

@font-face{
	font-family:avant;
	src:url(../fonts/AVGR65W.TTF);
}

@font-face{
	font-family:sans;
	src:url(../fonts/sans.TTF);
}

@font-face{
	font-family:calibri;
	src:url(../fonts/calibri.ttf);
}

@font-face{
	font-family:brush;
	src:url(../fonts/BRUSHSCI.TTF);
}

@font-face{
	font-family:familypro;
	src:url(../fonts/Familiar-Pro-Bold.otf);
}

@font-face{
	font-family:century;
	src:url(../fonts/GOTHIC.TTF);
}

@font-face{
	font-family:myriadpro;
	src:url(../fonts/MyriadPro-Regular.otf);
}

@font-face{
	font-family:myriadbold;
	src:url(../fonts/MyriadPro-Bold.otf);
}

@font-face{
	font-family:brush;
	src:url(../fonts/BRUSHSCI.TTF);
}

@font-face{
	font-family:antigoni;
	src:url(../fonts/Antigoni-light.ttf);
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

h1,h2,h3,h4,h5,h6,p,ul{margin:0; padding:0;}

/*	KGX											Menu non-collapse formatting */

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

.header{padding:0 0 0 0; background:rgba(95,119,146,1);}
   .header img{width:380px; clip: rect(0px,380px,380px,0px); height:auto; position:absolute; top:0; z-index:200;}
/* .header .logoblink img{
	animation-duration: 5s;
	animation-name: blink;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
} */
.header .hleft{text-align:center;}
.header .hright{text-align:center;}

.navigation{padding-top:0; width:auto; background:none;}
.navigation ul li{list-style:none; display:inline-block;}
.navigation ul li a{font-family:'antigoni'; font-size:20px; color:white; text-decoration:none; padding:0 20px; }
.navigation ul li:hover a{color:rgba(112,180,153,1);}
.navigation ul li a.active{color:#016db6;}
.navigation .dropdown-menu .hasmenu{}
.navigation .dropdown-menu > li{background:rgba(112,180,153,1); width:auto !important; font-family: 'antigoni'; text-transform:uppercase;}
.navigation .dropdown-menu > li:hover{background:#E2E2E2 !important;}
.navigation .dropdown-menu > li, .dropdown-menu > li > a{color:#FFF !important; text-decoration:none; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px !important; border:0 !important; margin:0 !important; display:block; padding:2px 10px !important;}
.navigation .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background:#E2E2E2 !important;}
.navigation .dropdown-menu > li:last-child a{background:none !important;}
	
.banner{width:100%; height:auto !important; position:relative;}

.overlay{width:100%; height:100px; position:absolute; top:0; z-index:500;}
.overlay h4{font-family:'antigoni'; font-size:45px; color:#fff; line-height:30px; background:rgba(100,100,200,0.5); padding:10px 5px; margin:170px 0 15px 0;}
.overlay p{font-family:'antigoni'; font-size:30px; color:#fff; line-height:30px;}
.overlay img{width:320px; clip: rect(0px,260px,380px,0px); height:auto; position:absolute; top:10px; z-index:500;}
/* .overlay button{z-index:500; border:1px #fff solid; width:200px; height:40px; background:none; color:#fff; font-family:Arial, sans-serif; font-size:16px; text-transform:uppercase; border-radius:5px; margin-top:30px;} */

.bluebox{background:rgba(112,180,153,1); width:100%; height:auto; padding:0 0;}
.bluebox .bleft{text-align:center;}
.bluebox .bleft img{display:none;}
.bluebox .bleft p{padding-top:0; padding-bottom:0; font-size:16px;}
.bluebox .bmid{text-align:center; padding-top:0;}
.bluebox .bmid .pr{float:none !important;}
.bluebox .bmid p{padding-top:0;}
.bluebox .bmid a{color:white;}
.bluebox .bmid a:hover{color:white;}
.bluebox .bmid i{display:none;}
.bluebox .bright{text-align:center;}
.bluebox .bright p{border-left:0; padding-left:0 !important; margin-top:0; padding-top:0; float:none !important;}

/* KGX Middle 3 column Content Podcast */
.content-pod {
	border:none;
	width:90%;
	margin:auto; 
	font-weight:normal; 
	font-size:22px;
	background:#2d3c78;
	color:#ffffff; 
	line-height:24px;
}
.content-pod center { line-height:16px; margin:0; text-align:left; }
.content-pod p { line-height:16px; padding:10px; margin:0; text-align:left; }
.content-pod p a { color:#828282; text-decoration:none; }
.content-pod p a:hover { color:#ec6623; text-decoration:none; }
.content-pod h2 {
	background-color:#00137F;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
}
.content-pod-1 { width:30%; height:500px; float:left; text-align:left; border: 2px solid white; margin: 5px; overflow: hidden;}
.content-pod-2 { width:30%; height:500px; float:left; text-align:left; border: 2px solid white; margin: 5px; overflow: hidden;}
.content-pod-3 { width:30%; height:500px; float:left; text-align:left; border: 2px solid white; margin: 5px; overflow: hidden;}

.welcome {padding:20px 0;}
.welcome h1{font-family:'avant'; font-size:30px; color:#393939; text-transform:uppercase;}
.welcome p{font-family:'Century'; font-size:16px; color:#363636; line-height:24px; text-align:left; padding:20px 0 30px 0;}
.welcome .welbox .wleft,wright{padding:0;}
.welcome .welbox .wright h4{font-family:'calibri'; font-size:22px; color:#222222; text-transform:uppercase; padding-top:15px;}
.welcome .welbox .wright p{font-family:'Century'; font-size:16px; color:#222222; line-height:24px; text-align:left; padding:10px 0;}

.services {padding:5px 0 5px 0;}
.services h4{font-family:'calibri'; font-size:26px; color:#222222; font-weight:bold; border-bottom:1px #0268b0 solid; padding-bottom:15px;  display:inline;}
.services .serbox{margin-top:10px;}
.services .serbox .serimg{width:100%; height:200px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.services .serbox h5{font-family:'calibri'; font-size:25px; color:#1f1f1f; padding-top:10px;}
.services .serbox p{font-family:'Century'; font-size:16px; color:#515050; line-height:24px; padding:5px 0 5px 0; min-height:145px;}
.services .serbox button{font-family:'Arial, sans-serif'; font-size:16px; color:#0268b0; text-transform:uppercase; font-weight:bold; background:none; border:0;}

.booking-state-1 {position: relative;}
.booking-state-2 {position: absolute; top: 10px; left: 10px; z-index: -1; overflow: hidden; font-size: 60px; color: grey;}

.projects{padding:0 0 0 0; background:rgba(256,127,80,0.9);}
.projects h4{font-family:'calibri'; font-size:30px; color:#222222; text-transform:uppercase;}
.projects .probox{padding:0 0;}
.projects .pimg{width:25%; height:200px; background-size:contain; background-position:center center; background-repeat:no-repeat; float:left; margin:20px 0;}
.projects .probox .pimg:nth-child(5){clear:both;}

.why {padding:60px 0;}
.why h4{font-family:'calibri'; font-size:26px; color:#222222; font-weight:bold; border-bottom:1px #0268b0 solid; padding-bottom:15px;  display:inline;}
.why .whyimg{width:100%; height:344px; background-size:cover; background-position:center center; background-repeat:no-repeat; margin-top:50px;}
.why h5{font-size:22px; color:#1e1e1e; font-family:'calibri'; font-weight:bold; padding:10px 0 20px 0;}
.why p{font-family:Arial, sans-serif; font-size:16px; color:#747373; line-height:24px;}

	
.btm{padding:15px; background:rgba(95,119,146,1); text-align:center;}
.btm h4{font-family:'calibri'; font-size:20px; color:#fff; padding-bottom:15px; text-transform:uppercase; margin-top:15px;}
.btm p{font-family:Arial, sans-serif; font-size:16px; color:#fff; line-height:24px;}
.btm img{width:70px !important; height:70px !important;}
.btm input{height:30px; border-radius:0; margin:7px 0;}
.btm textarea{height:60px; border-radius:0; margin:7px 0;}
	
.copyright{padding:10px 0; background:rgba(112,180,153,1); text-align:center;}
.copyright p{font-family:Arial, sans-serif; font-size:16px; color:#fff; line-height:24px;}

.page-container {padding:50px 0;}
.page-container h1{font-family:'avant'; font-size:25px; color:#393939; text-transform:uppercase; margin-bottom:15px;}
.page-container p{font-family:Arial, sans-serif; font-size:16px; color:#363636; line-height:24px; text-align:justify;}
.page-container h3{font-family:'calibri'; font-size:25px; text-transform:uppercase; padding-bottom:20px;}
.page-container h3 span{font-size:16px; text-transform:none;}
.page-container .about img{float:left; width:30%; margin:0 30px 10px 0;}
.page-container .testibox{margin:30px 0; border-bottom:1px #D9D9D9 solid; padding-bottom:50px;}
.page-container .testibox p{text-align:center; padding-top:20px;}

.mnav{display:none;}

/*	KGX												Menu collapsed formatting */

/*	Small */
/* @media(max-width:991px) { */
@media(max-width:460px) {
	.header{padding:10px 0 0 0;}
	.header img{width:380px; clip: rect(0px,380px,380px,0px); height:auto; position:absolute; top:0; z-index: 100;}
/*
	.header .logoblink img{
		animation-duration: 5s;
		animation-name: blink;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-timing-function: ease-in-out;
	}
*/
	.header .hleft{text-align:center;}
	.header .hright{text-align:center;}

	.mnav{
		background:rgba(112,180,153,1);
		width:60px; 
		height:25px; 
		padding:0; 
		text-align:right; 
		cursor:pointer;
		display:inline-block; 
		margin-top:10px;
		border: 4px solid transparent;
		border-radius: 4px;
		float:right;} 

	.mnav p{font-family:Arial, sans-serif; font-size:16px; color:rgba(255,165,0,1); line-height:16px; text-align:justify;}
		
/*	KGX - minimised menu box foreground bars - position */

	.mnav i{
		color:#fff; 
		font-size:25px; 
		margin-right:5px; 
		margin-top:5px;}

	.navigation{padding:0 -20px 0 0; text-align:right; float:none !important; display:none;}
	.navigation ul li{border-bottom:1px #EBE9E9 solid; display:block; padding:5px 0;}
	.navigation .dropdown-menu .hasmenu{}
	.navigation .dropdown-menu{width:100% !important;}
	.navigation .dropdown-menu > li{width:100% !important; height:auto !important; float:none !important; margin:0 !important; text-align:center;}

	.banner{width:100%; height:auto !important; position:relative;}

	#wowslider-container1 .ws_images .ws_list img,
	#wowslider-container1 .ws_images > div > img{
		width:100%;
		border:none 0;
		max-width: 100%;
		padding:0;
		height:400px;
	}

	.overlay{width:100%; height:auto !important;}
	.overlay h4{font-family:'antigoni'; font-size:25px; line-height:25px; padding:5px; margin:10px 0 5px 0;}
	.overlay p{font-family:'antigoni'; font-size:16px; line-height:24px;}
	.overlay button{z-index:500; border:1px #fff solid; width:200px; height:30px; background:none; color:#fff; font-family:Arial, sans-serif; font-size:16px; text-transform:uppercase; border-radius:5px; margin-top:10px;}
	
	.bluebox{width:100%; height:auto; padding:0 0;}
	.bluebox .bleft{text-align:center;}
	.bluebox .bleft img{display:none;}
	.bluebox .bleft p{padding-top:0; padding-bottom:0; font-size:16px;}
	.bluebox .bmid{text-align:center; padding-top:0;}
	.bluebox .bmid .pr{float:none !important;}
	.bluebox .bmid p {padding-top:0;}
	.bluebox .bmid i{display:none;}
	.bluebox .bright{text-align:center;}
	.bluebox .bright p{border-left:0; padding-left:0 !important; margin-top:0; padding-top:0; float:none !important;}

	.welcome{padding:30px 0;}

	.services .serbox{margin-top:10px;}
	.services .serbox:first-child{margin-top:10px;}
	.services .serimg{width:50%; height:200px;}
	
	.projects .pimg{width:50%; height:200px;}
	
	.why{padding:30px 0;}
	.why .whyimg{width:100%; height:200px; margin-top:30px;}
	.why h5{font-size:22px; color:#1e1e1e; font-family:'calibri'; font-weight:bold; padding:10px 0 20px 0;}
	.why p{font-family:Arial, sans-serif; font-size:16px; color:#747373; line-height:24px;}
	
	.btm{padding:15px; text-align:center;}
	.btm h4{font-family:'calibri'; font-size:20px; padding-bottom:15px; text-transform:uppercase; margin-top:15px;}
	.btm p{font-family:Arial, sans-serif; font-size:16px; line-height:24px;}
	.btm input{height:30px; border-radius:0; margin:7px 0;}
	.btm textarea{height:60px; border-radius:0; margin:7px 0;}
	
	.copyright{padding:10px 0; text-align:center;}
	.copyright p{font-family:Arial, sans-serif; font-size:16px; line-height:24px;}
	
	.page-container{padding:30px 15px;}
	.gallery{padding:30px 0;}
	.page-container h1{font-family:'avant'; font-size:25px; color:#393939; text-transform:uppercase; margin-bottom:15px;}
	.page-container p{font-family:Arial, sans-serif; font-size:16px; color:#363636; line-height:24px; text-align:justify;}
	.page-container h3{font-family:'calibri'; font-size:25px; text-transform:uppercase; padding-bottom:20px;}
	.page-container h3 span{font-size:16px; text-transform:none;}
	.page-container .about img{float:none; width:100%; margin:0 0 15px 0; display:block;}
	.page-container .testibox{margin:30px 0; border-bottom:1px #D9D9D9 solid; padding-bottom:50px;}
	.page-container .testibox p{text-align:center; padding-top:20px;}	
	.page-container .contact{text-align:center;}
	.page-container .contact p{text-align:center;}
	.page-container .contact form button{margin-bottom:40px !important;}
}
	
/* Small */
@media(min-width:200px) and (max-width:460px){
}

/* Medium */
@media(min-width:461px) and (max-width:767px){

}

/* Large */
@media(min-width:768px) and (max-width:1199px){
	
}