@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body.subpageImg {background:url(../images/hawaiibg.jpg) no-repeat center top; background-attachment:fixed; width:100%; -webkit-background-size: cover; -moz-background-size: cover;	background-size: cover;}

.subMain {margin:120px 0 0 0;}

.fixedSub{position:fixed; background-position:fixed; z-index:99999999; padding-bottom:20px; background-attachment:fixed;}

#mainMnu {
	background:url(../images/menubg.png) repeat-x left top;
	position:absolute;
	width:100%;
	top:0;
	z-index:999999;
}
.logoHolder {
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -145px;
	z-index: 9999999;
	overflow:hidden;
}

.logoHolder h1 {
	padding:0;
	margin:0;
	display:inline-block;
}
/*
.logoHolder h1 a img {
	width:100%;
	max-width:290px;
}*/
/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	/*display:inline-block;*/
	font-size:14px;
	font-size:1.4rem;
	font-weight:900;
	width:100%;
	max-width:1620px;
	text-transform:uppercase;
	font-family: 'OpenSansLight';
	margin:20px auto 0 auto;
}
.nav-list {
	text-align:center;
	width:100%;
	display:block;
	margin:0 auto;
	height:166px;
}
.nav-item {
	/*float:left;*/
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
	margin:0;
}

.nav-item.mddleMnu {
	margin-right:15%;	
}

.nav-item.mddleMnu2 {
	margin-left:15%;	
}

.nav-item a {
	display:block;
	color:#202020 !important;
	padding:15px 20px;
	text-decoration:none;
	/*background:#7A1E61;
	border-bottom:1px solid #8B2870;*/
}
.nav-item > a:hover {
	background:#009cff;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #9A337E;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#932C77;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#3D3D3B url(../images/nav.png) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #8B2870;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../images/drop.png) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#6E1656;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
		text-align:left;
		margin:60px auto 0 auto;
		width:290px;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item.mddleMnu {
	margin-right:0;	
	}
	
	.nav-item.mddleMnu2 {
		margin-left:0;	
	}

	.nav-item > a {
		padding:15px;
		background:#009cff;
	}
	.nav-item > a:hover {
		background:#0e8dde;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 880px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
		text-align:left;
		margin:60px auto 0 auto;
		width:290px;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item.mddleMnu {
	margin-right:0;	
	}
	
	.nav-item.mddleMnu2 {
		margin-left:0;	
	}

	.nav-item > a {
		padding:15px;
		background:#009cff;
	}
	.nav-item > a:hover {
		background:#0e8dde;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 881px) and (max-width: 1024px) {
	.nav {
	position:relative;
	display:inline-block;
	font-size:16px;
	/*font-size:1.2rem;*/
	font-weight:900;
	width:100%;
	text-transform:uppercase;
	font-family: 'OpenSansLight';
	margin:20px 0 0 0;
}
.nav-list {
	text-align:center;
	width:100%;
	display:block;
	margin:0 auto;
	height:166px;
}
.nav-item {
	/*float:left;*/
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
	margin:0;
}

.nav-item.mddleMnu {
	margin-right:18%;	
}

.nav-item.mddleMnu2 {
	margin-left:16.5%;	
}

.nav-item a {
	display:block;
	color:#202020 !important;
	padding:15px 10px;
	text-decoration:none;
	/*background:#7A1E61;
	border-bottom:1px solid #8B2870;*/
}
.nav-item > a:hover {
	background:#009cff;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #9A337E;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#932C77;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#3D3D3B url(../images/nav.png) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #8B2870;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../images/drop.png) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#6E1656;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

}
@media only screen and (min-width: 1025px) and (max-width: 1640px) {
	.nav {
	position:relative;
	display:inline-block;
	font-size:11px;
	font-size:1.1rem;
	font-weight:900;
	width:100%;
	text-transform:uppercase;
	font-family: 'OpenSansLight';
	margin:20px 0 0 0;
}
.nav-list {
	text-align:center;
	width:100%;
	display:block;
	margin:0 auto;
	height:166px;
}
.nav-item {
	/*float:left;*/
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
	margin:0;
}

.nav-item.mddleMnu {
	margin-right:17%;	
}

.nav-item.mddleMnu2 {
	margin-left:14.8%;	
}

.nav-item a {
	display:block;
	color:#202020 !important;
	padding:15px 10px;
	text-decoration:none;
	/*background:#7A1E61;
	border-bottom:1px solid #8B2870;*/
}
.nav-item > a:hover {
	background:#009cff;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #9A337E;
	display:block;
	padding:12px;
}
.nav-submenu-item a:hover {
	background:#932C77;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#3D3D3B url(../images/nav.png) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #8B2870;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../images/drop.png) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#6E1656;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
}
/*------------------------------------*\
    END Flaunt JS Navigation
\*------------------------------------*/

/*-----------------------------------*\
	BLUE BOX 
\*-----------------------------------*/
#blueBox {
	background:#009cff;
	color:#fff;
	padding:50px 0;	
	font-size:20px;
	font-size:2.0rem;
	font-family: 'OpenSansSemibold';
}

.blueBoxContent{padding:0 10% 0 10%;}

#blueBox p {
	/*float:right;*/
	padding:0;
	/*margin:0;*/
}

/*-----------------------------------*\
	END BLUE BOX 
\*-----------------------------------*/

/*-----------------------------------*\
	THREE BOX 
\*-----------------------------------*/
#threeboxes{margin:0 0 20px 0;}
#box1, #box2, #box3 {background:#009cff; /*-webkit-border-radius: 2px;	-moz-border-radius: 2px;	border-radius: 2px;*/ color:#fff; margin-top:20px; height:auto; min-height:320px; display:table-cell;}

.boxWrap {padding:30px 16px 16px 16px; font-family: 'OpenSansLight'; font-size:16px; font-size:1.6rem;}

p.boxhead {/*font-size:24px; font-size:2.4rem; */padding:10px 0; margin:0; text-transform:uppercase; display:block; font-family: 'OpenSansSemibold';}

p.boxhead.nobold {font-family: 'OpenSansRegular';}

p.boxhead img {padding:5px; background:#fff; float:left; margin:0 10px 4px 0;}

.nameTag {display:block; text-align:right; color:#000; margin:8px 0; font-size:14px; font-size:1.4rem;}

a.btnYellow {background:url(../images/btnBg.png) repeat-x left top; display:block; width:80%; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:0; height:45px; margin:10px auto; text-decoration:none; color:#000; text-transform:uppercase; cursor:pointer; box-shadow:1px 1px 1px #333; line-height:45px; font-family: 'OpenSansSemibold'; /*font-size:16px; font-size:1.6rem;*/ overflow:hidden;}

a.btnYellow.smallBlue {max-width:580px; width:100%; float:right; height:45px; padding:0; line-height:45px;}

a:hover.btnYellow {color:#000;}

.boxTxt {min-height:160px; padding:0; margin:0;}

/*-----------------------------------*\
	END THREE BOX 
\*-----------------------------------*/

/*-----------------------------------*\
	START SERVICES
\*-----------------------------------*/
div.widesrvBox{padding:10px 0; clear:both;}
#services {text-align:center; color:#000; margin-bottom:20px;}

#services h3 {font-size:28px;}

#srvbox1 ul, #srvbox2 ul, #srvbox3 ul {padding:16px; margin:0;}

#srvbox1 ul li, #srvbox2 ul li, #srvbox3 ul li {padding:0; margin:20px 0 0 0; text-align:center; list-style:none;}

p.boxheadBlack {font-size:20px; font-size:2.0rem; padding:10px 0; margin:0; display:block; font-family: 'OpenSansSemibold';}

/*-----------------------------------*\
	START FOOTER
\*-----------------------------------*/

footer {
	background:#009cff;
	color:#fff;
	padding:50px 0;	
	text-align:center;
	vertical-align:top;
}

footer ul {padding:0; margin:0 0 5px 0;}

footer ul li {padding:0; margin:0; position:relative; display:inline-block;}
footer ul li a {background-image:url(../images/icon-social.png); background-repeat:no-repeat; display:block; height:70px; width:70px; text-decoration:none;}
footer ul li a.lindin {background-position:0 center;}
footer ul li a.twitter {background-position:-87px center;}
footer ul li a.facebook {background-position:-172px center;}
/*-----------------------------------*\
	END FOOTER
\*-----------------------------------*/



/*----------------------------------------------------------------------------*\
	ABOUT PAGE
\*----------------------------------------------------------------------------*/
#about h2 {color:#fff; font-family: 'OpenSansBold'; font-size:44px; font-size:4.4rem; border-bottom:1px solid #fff; text-transform:uppercase;}
.subpageBanner img {
	width:100%;
	height:100%;
	min-height:120px;
	background-attachment:fixed;
	background:url(../images/subpage01.png) no-repeat center top;
}

#abotLeft{color:#fff; font-family: 'OpenSansBold'; font-size:36px; font-size:3.6rem;}

#aboutRight{text-align:center;}
.abtbluebox {
	background:#009cff;
	padding:4%;
	display:inline-block;
	margin:20px auto;
	font-size:16px; 
	font-size:1.6rem;
	color:#fff;	
}

#abtplanblue{color:#009cff; font-family: 'OpenSansLight'; font-size:24px; font-size:2.4rem; margin-top:20px; margin-bottom:20px;}

#abtplanWhite{color:#fff; font-family: 'OpenSansLight'; font-size:24px; font-size:2.4rem; margin-top:20px; margin-bottom:20px; clear:both;}

.greyBdrbox{border:1px solid #eaeaea; width:88%; padding:4%; margin:40px auto 0 auto; background:#fff url(../images/blackbar.jpg) no-repeat 4% 0; font-size:18px; font-size:1.8rem; font-family: 'OpenSansLight'; -webkit-box-shadow: 0 8px 3px -6px #000; -moz-box-shadow: 0 8px 3px -6px #000; box-shadow: 0 8px 3px -6px #000; line-height:28px; line-height:2.8rem;}
.greyBdrbox.wide{width:90%; margin-top:0;}
.greyBdrbox p {color:#009cff; font-family: 'OpenSansBold'; font-size:24px; font-size:2.4rem;}
.greyBdrbox p.difTxt {color:#009cff; font-family: 'OpenSansBold'; font-size:34px; font-size:3.4rem;}

.abtClear{clear:both; margin:40px; height:10px;}


/*----------------------------------------------------------------------------*\
	TESTIMONIALS PAGE
\*----------------------------------------------------------------------------*/
#testimonials{text-align:center; margin-top:15px;}
#testimonials img{float:right; border:1px solid #eaeaea; padding:2px;}
#testimonials ul {padding:0; margin:10px;}

#testimonials ul li {list-style:none; text-align:left;}

#testimonials ul li span {display:block; color:#f4f4f4; font-weight:normal; font-size:18px; font-weight:bold;}

#testimonials ul li em {display:block; /*border-top:1px dashed #b2b2b2;*/ color:#545454; padding:5px 0 0 0; text-align:right; font-size:16px; font-size:1.6rem;}

.triangle-border {
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	border: 2px solid #009cff;
	color: #333;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.triangle-border p { /*float:right;*/display:inline-block; width:100%; min-height:110px; font-size:18px; font-size:1.8rem;}

.triangle-border:before {
	content: "";
	position: absolute;
	bottom: -20px;
	right: 40px;
	border-width: 20px 20px 0;
	border-style: solid;
	border-color: #009cff transparent;
	display: block;
	width: 0
}

.triangle-border:after {
	content: "";
	position: absolute;
	bottom: -16px;
	right: 42px;
	border-width: 18px 18px 0;
	border-style: solid;
	border-color: #fff transparent;
	display: block;
	width: 0;
}
.cc-nb-changep { display:none; }
/*----------------------------------------------------
	CONTACT US
------------------------------------------------*/
.contactBg {
/*	background:url(../images/connect.jpg) no-repeat center top;*/
	width:100%;
}

#formSection {
	width:60%;
	/*max-width:900px;*/
	margin:0 auto;	
}
/*------------
	FORM
---------------*/
/*------------
	FORM
---------------*/
form {font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; padding:0; margin:0;}
#formSection input, #formSection select, #formSection textarea, .frmTxtcontent, .frmTxtcontent2 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #e5e5e5; background:#f5f5f5; margin:4px auto; width:93.45%; color:#969696; padding:0 3%; display:block; height:50px; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; font-size:24px; line-height:50px;}
#formSection select {width:100%; }
input:focus, select:focus, textarea:focus {outline-size: 2px; outline-style: auto; outline-color:#fbb613; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fbb613;}

.frmTxtcontent, .frmTxtcontent2{border:2px dashed #e5e5e5;}
.frmTxtcontent2 {height:100px;}
.frmTxtcontent2 p{line-height:24px;}
.frmTxtcontent span, .frmTxtcontent2 p span{color:#333; font-size:24px;}

#formSection textarea {height:120px;}
#formSection input.btnBlue, #formSection input.btnGrey {background:#009cff; width:100%; height:60px; border:1px solid #071139; cursor:pointer; margin:0 auto; display:block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0; margin:10px 0; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; color:#fff; font-size:30px;}
#formSection input.btnGrey {background:#6b6b6b; border:1px solid #585656;}

/*#formSection input.nameFld {float:left; width:43.452%; clear:none; margin:4px 4px 4px 0;}*/

/*----CHECKBOX-----*/

#formSection .checkBox {
	border-top:1px dotted #c5c7c7;
	border-bottom:1px dotted #c5c7c7;
	display:table;
	width:100%;
	position:relative;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#838383;
	clear:both;
	padding:20px 0;
	margin:40px 0;
	text-align:center;
	/*background-image:url(../images/troy.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	height:198px;*/
}
#formSection .css-checkbox {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}
#formSection .checkBox label {
	/*margin-right:20px;*/ 
	vertical-align:central;
	text-transform:none;
	background-image:url(../images/checkbox.png);
	background-repeat:no-repeat;
	background-position: 3px 5px;
	padding:0 0 0 20px;
}

#formSection .checkBox label a, a.linkyellow {
	color:#c9910e;
	text-decoration:none;
	font-size:18px;
}

#formSection .checkBox label a:hover, a.linkyellow:hover {
	text-decoration:underline;
}

#formSection .checkBox label.selectedCb {
	background-image:url(../images/checkbox.png);
	background-position: 3px -19px;
}

.fildbox {
	width:100%;
	clear:both;	
}


/*---------------------------------------------
	END CONTACT US
----------------------------------------------*/

/*---------------------------------------------
	SERVICES
----------------------------------------------*/
.whiteBg {
	background:#fff;	
}
.service-content { min-height: 160px; }

/*---------------------------------------------
	END SERVICES
----------------------------------------------*/
/*---------------------
	SECTION LINK
------------------------*/
a.secLnk {
	/*top:62px;
	right:0px;
	width:50px; */
	position:absolute;
	background:url(../images/btnBg.png) repeat-x left top; 
	display:block; 
	text-align:center; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	padding:0; 
	height:45px; 
	margin:10px auto; 
	text-decoration:none; 
	color:#000; 
	text-transform:uppercase; 
	cursor:pointer; 
	box-shadow:1px 1px 1px #333; 
	line-height:45px; 
	font-family: 'OpenSansSemibold'; 
	overflow:hidden;	
}