/** ================================================================== **/
/** ==================== Desktop Very Wide Screen ==================== **/
/** ================================================================== **/

@media (min-width: 1401px)
{

}

@media (min-width: 1171px)
{
	
}


/*
@media (min-height: 800px)
{
	#kvCarouselWrapper { height: 725px !important; }
	#scroller          { height: 725px !important; }
	.slide             { height: 725px !important; }
}
@media (min-height: 900px)
{
	#kvCarouselWrapper { height: 825px !important; }
	#scroller          { height: 825px !important; }
	.slide             { height: 825px !important; }
}
@media (min-height: 1000px)
{
	#kvCarouselWrapper { height: 925px !important; }
	#scroller          { height: 925px !important; }
	.slide             { height: 925px !important; }
}
*/


/** ================================================================== **/
/** ====================== Desktop Wide Screen ======================= **/
/** ================================================================== **/
@media (max-width: 1170px)
{

}



/** ================================================================== **/
/** ============== Desktop 4:3 screen / iPad Landscape =============== **/
/** ================================================================== **/
@media (max-width: 999px)
{

	

}

@media (min-width: 768px)
{


}
/** ================================================================== **/
/** ================== Phone Size / Portrait Tablet ================== **/
/** ================================================================== **/
@media (max-width: 767px)
{
	/************ Logo that overlays on KV ************/
	
	#kvLogoBox #kvLogo img {
		height: 40px !important;
	}
	
	#kvLogoBox #kvSlogan img {
		height: 16px !important;
	}
	
	#kvLogoBox #kvSlogan {
		margin-top: 5px !important;
	}

	/** Carousel Banner: Height reduction in mobile devices **/
	#kvCarouselWrapper {
		height: 240px;
	}
	.slide {

		background-size: auto 100% !important;
	}
	

	.slide h1 {
		font-size: 20px !important;
		margin-top: 0px;
		
	}
	
	.slide h2 {
		font-size: 12px !important;
		margin-top: 5px;
	}
	
	.slide p {
		font-size: 11px !important;
	}
	
	.slide a:link, .slide a:visited {
		font-size: 11px !important;
	}

	.slide-content > div {
		width: 140px;
	}


	/** Carousel Banner: Height reduction in mobile devices **/
	#sloganBar {
		height: 64px;
		text-align: center;
	}
	#sloganBar img {
		margin: 19px auto;
		height: 28%;
	}
	
	/* 	Indicator */
	#indicator {
		top: -15px !important;	
	}


	#actionButtonBar
	{
		height: 50px !important;
		text-align: center;
	}

	#actionButtonBar a
	{
		margin-top: 12px !important;
		height: 26px !important;
		font-size: 12px !important;
	}
}

/** ================================================================== **/
/** ======================= Smaller Phone Size ======================= **/
/** ================================================================== **/
@media (max-width: 640px)
{	
}

@media (max-width: 500px)
{	
}

@media (max-width: 400px)
{	
}





/** ================================================================== **/
/** =========================== All Sizes ============================ **/
/** ================================================================== **/




/************ Carousel Banner ************/

#kvCarouselWrapper {
	
	height: 625px;
	background: #666666;
	overflow-x: hidden;
}

#scroller {
	height: 625px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	position: relative;
}

.slide {
	float:left;
	height: 625px;	
	background-size: auto 100% !important;
}

.slide h1 {
	font-family: 'GillSans-Light';
	color: #053376;
	font-size: 30px;
	
}

.slide h2 {
	color: #053376;
	font-size: 20px;
}

.slide p {
	color: #6b6b6b;
	font-size: 14px;
}

.slide a:link, .slide a:visited {
	color: #005c97;
	font-size: 14px;
}

.slide a:hover {
	color: #005c97;
	font-size: 14px;
	text-decoration: underline;
}

.slide img.px {
	position: absolute;
}


/************ Logo that overlays on KV ************/

#kvLogoBoxWrapper {
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 1px;
	margin: 30px auto;
	text-align: center;
}

#kvLogoBox {
	width: 300px;
	height: 80px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#kvLogoBox #kvLogo img {
	height: 50px;
}

#kvLogoBox #kvSlogan img {
	height: 20px;
}

#kvLogoBox #kvSlogan {
	margin-top: 20px;
}




/************ Action button ************/

/* Button - GREEN */
.btn-default.blue
{
	border-color: #005c97;
	color: #005c97;
}
.btn-default.blue:hover,
.btn-default.blue:focus {
  background-color: #ffffff;
  border-color: #005c97;
  color: #005c97;
}

#actionButtonBar
{
	height: 80px;
	text-align: center;
}
#actionButtonBar a
{
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;

	margin-top: 23px;
	margin-left: auto;
	margin-right: auto;
	width: 115px;
	height: 30px;
	letter-spacing: 4px;
	padding-top: 5px;
	font-weight: bold;
}


/************ Pagination ************/

/* Indicator */

#indicatorContainerOuter
{
	position: relative;
}
#indicatorContainerInner
{
	position: absolute;
	width: 100%;
}
#indicator {
	position: relative;
	width: 1px; /* (15 x numOfBanner) - 5 */
	height: 10px;
	margin: 0px auto;
	top: -40px;
	left: auto;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUBAMAAABohZD3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUGCDYztyDUJgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGFBMVEUAAADNzc3Nzc3Nzc3Nzc3Nzc3Nzc3///8aWwwLAAAABnRSTlMAX5Ks3/nRD0HIAAAAAWJLR0QHFmGI6wAAAFtJREFUGFdjYGBgEHYNMWRAAJE0IHCEc5nSwEABxleD8JOgXMY0KBCA8FlgfAcIXwzGT4TwzWD8ZAjfDcZPgfDDYPxU7Hx09ejmoduH7h5096L7B8O/6OGBGl4APYg8TQ0XAScAAAAASUVORK5CYII=);
	background-size: 15px;
}

#dotty {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #777;
}


#leftArrow, #rightArrow  {
	position: relative;
	height: 1px;
	margin-top: -1px;
}
#leftArrow img {
	position: absolute;
	width:  50px;
	height: 80px;
	top: -250px;
	left: 80px;
	float: left;
	opacity: 0.5;
}
#rightArrow img {
	position: absolute;
	width:  50px;
	height: 80px;
	top: -250px;
	right: 80px;
	float: right;
	opacity: 0.5;
}
#rightArrow img:hover, #leftArrow img:hover {
	opacity: 1.0;
}