@import "font-awesome.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,500, 300);

.menuOuterImgContain {width:90%; height:230px; margin:0 auto; background:#ffffff;}
.menuImgDiv {height:230px; margin:0 auto; display:table-cell; vertical-align:middle; padding-left:5px; padding-right:5px;}
.menuImgDiv img {max-width:380px; height:auto; text-align:center; background:#ffffff; }
.menuImgCaption {margin:0 auto;  padding-left:10px;  background:#ffffff; }
.menuImgCaption h3 {padding:0; margin:0px; color:#135eaa; font-weight:400; font-size:18px; text-transform: uppercase;}
.menuImgCaption p {padding-bottom:5px; color:#303030;}
.menuHR {border:#135599 solid 1px; color:135599; background:#135599; width:80%; }
 .menuHighlight { margin-left:20px; margin-right:20px; font-weight:400; }
.menuHighlightLink { margin-left:20px; margin-right:20px; font-size:24px !important; background:rgba(19, 94, 170, 0.5); background:#135eaa/9; border:rgba(256, 256, 256, .1) 1px solid; text-decoration:none !important;}
.menuHighlight:hover {text-decoration:none !important;}
.menuHighlightLink:hover {-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;  -webkit-transition-property: color;
  transition-property: color; text-decoration:none !important;}


/* MENU CONFIGURATION
**********************************************************/
.jetmenu{
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	list-style: none;
background: #303030; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #444444 0%, #282828 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(99%,#282828)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #444444 0%,#282828 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #444444 0%,#282828 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #444444 0%,#282828 99%); /* IE10+ */
background: linear-gradient(to bottom,  #444444 0%,#282828 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#282828',GradientType=0 ); /* IE6-8 */


}


.jetmenu li{
	display: inline-block;
	float: left;
}
.jetmenu a{
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	outline: none;
	z-index: 10;
}
.jetmenu > li > a{
	padding: /*20px 24px == 26px 24px*/ 28px 20px 26px 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: /*#999*/ #ffffff;
	text-decoration: none;
	display: inline-block;
}
.jetmenu > li:hover > a,
.jetmenu > li.active > a{
	background: url(http://sandbox.kckcc.edu/kckcc_custom/plugins/menu/image/menu_arrow.png) no-repeat center;
	color: /*#555*/ #ffffff;
		-webkit-transition:none; 
	-moz-transition:none;
	-o-transition:none;
	transition:none;
	

}
.jetmenu > li:first-child + li:hover > a {background:none;}

.jetmenu > li:first-child > li.active > a {background:none;}

/* DROPDOWN CONFIGURATION
**********************************************************/
.jetmenu ul.dropdown, 
.jetmenu ul.dropdown li ul.dropdown {
	list-style: none;
    margin: 0;
    padding: 0;   
	display: none;
    position: absolute;
    z-index: 99;
	min-width: 134px;
	background: #303030;
}

.jetmenu ul.dropdown li.title{
	margin: 0 0 8px;
	padding: 0 0 5px;
	font-size: 16px;
	color:#ffffff;
	border-bottom: solid 1px #e73532;
	text-transform:capitalize;
	
	
}

.jetmenu ul.dropdown li.title h5{
	width: 100%;
	margin: 0;
	padding: 0;
	padding-left:5px;
	font-family:sans-serif;
	font-weight:normal;
}

.jetmenu ul.dropdown{
    top: 60px;
}
.jetmenu ul.dropdown li ul.dropdown{
    left: 100%;
	top: inherit;
}
.jetmenu ul.dropdown li{
	clear:both;
	width:100%;
	font-size: 12px;
}
.jetmenu ul.dropdown li a{
	width:100%;
	padding: 12px 24px 12px;
	display:inline-block;
	float:left;
	clear:both;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	color: #ffffff;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
.jetmenu ul.dropdown li:hover > a{
	background: #e0e0e0;
	color: #555;
}

/* dropdowns to left side */
.jetmenu ul.dropdown li ul.dropdown.left{
    left: auto;
	right: 100%;
}

/* SUBMENU INDICATORS
**********************************************************/
.jetmenu .indicator{
	position: relative;
	left: 5px;
	top: 0;
	font-size: 14px;
	float: right;
}
.jetmenu ul li .indicator{
	font-size: 12px;
	top: 1px;
	left: 10px;
}

/* MEGAMENU
**********************************************************/
.jetmenu > li > .megamenu{
	position: absolute;
	display: none;
	width: 25%;
	min-height:350px;
	top: /*60px*/ 70px;
	font-family: sans-serif;
	font-size: 12px;
	color: #999;
	z-index: 99;
	padding-top: 20px;
	padding-right: 30px;
	/* [disabled]padding-left: 30px; */
	padding-bottom: 20px;
	border-top: 1px solid #3125da9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:rgba(19,94,170,0.95);
	background:rgb(19,94,170)\9;
	
	-webkit-box-shadow: 0px 10px 33px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 33px -9px rgba(0,0,0,0.75);
box-shadow: 0px 10px 33px -9px rgba(0,0,0,0.75);


	
}

/* megamenu list */
.jetmenu li > .megamenu ul{
	margin-top: 0;
	margin-right: 0;
	margin-left: 20px;
	float: left;
	padding: 0;
	display: block;
	position: relative;
}

.jetmenu li > .megamenu ul li{
	width: 100%;
	padding-left:0;
	line-height:20px;

	
}


.jetmenu li > .megamenu ul li.title{
	/*margin: 0 0 8px;
	padding: 0 0 5px;*/
	font-size: 14px;
	color:#ffffff;
	border-bottom: solid 0px #e73532;
	text-transform:uppercase;
	padding-left:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;

	
	
}


.jetmenu li > .megamenu ul li.title a {
	/*margin: 0 0 8px;
	padding: 0 0 5px;*/
	font-size: 14px;
	color:#ffffff;
	border-bottom: solid 0px #252525;
		text-transform:uppercase;
	padding-left:0px;
	background:none;
	font-weight:400;
		font-family: 'Open Sans', sans-serif;
	
	
	
}

/* megamenu h5 */
.jetmenu li > .megamenu h5{
	font-size: 14px;
	color:#ffffff;
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight:400;
		font-family: 'Open Sans', sans-serif;
}

/* megamenu h2 */
.jetmenu li > .megamenu h2{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size:14px;
	color:#ffffff;
}

/* megamenu links */
.jetmenu li > .megamenu a{
	color: #e9e9e9;
	text-decoration: none;
	font-size: 13px;
	padding-left:2px;
	padding-right:2px;
	
	-webkit-transition: color 0.1s linear; 
	-moz-transition: color 0.1s linear; 
	-o-transition: color 0.1s linear; 
	transition: color 0.1s linear; 
	
	font-weight:300;
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
}
.jetmenu li > .megamenu a:hover{
	text-decoration:underline;

}

/* megamenu images */
.jetmenu  .megamenu img{
	width: 100%;
	-webkit-transition: border 0.3s linear; 
	-moz-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	transition: border 0.3s linear;
}

/* to fix right attribute on submenus (menu aligned to left (default)) */
.jetmenu > li.fix-sub > .megamenu,
.jetmenu > li.fix-sub > .megamenu.half-width,
.jetmenu > li.fix-sub > .dropdown{
	right: 0;
}

/* MEGAMENU WIDTHS
**********************************************************/
.jetmenu > li > .megamenu.twenty-width{
	width: 20%;
}

.jetmenu > li > .megamenu.thirty-width{
	width: 30%;
}

.jetmenu > li > .megamenu.fourty-width{
	width: 40%;
}
.jetmenu > li > .megamenu.half-width{
	width: 50%;
}

.jetmenu > li > .megamenu.sixty-width{
	width: 60%;

}

.jetmenu > li > .megamenu.seventy-width{
	width: 70%;
}

/*.jetmenu > li > .megamenu.threefourth-width{
	width: 75%;*/
}.

.jetmenu > li > .megamenu.eighty-width{
	width: 80%;
}

.jetmenu > li > .megamenu.ninety-width{
	width: 90%;
}

.jetmenu > li > .megamenu.full-width{
	width: 100%;
	left: 0;
}

/* MEGAMENU FORM CONFIGURATION
**********************************************************/
.jetmenu li > .megamenu form{
	width: 100%;
}

/* megamenu inputs */
.jetmenu li > .megamenu form input[type="text"],
.jetmenu li > .megamenu form textarea{
	padding: 5px;
	color: #999;
	background: #444;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	border: solid 1px transparent;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border 0.3s linear; 
	-moz-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	transition: border 0.3s linear;
}
.jetmenu li > .megamenu form input[type="text"]:focus,
.jetmenu li > .megamenu form textarea:focus{
	border-color: #e0e0e0;
}
.jetmenu li > .megamenu form input[type="text"]{
	width: 100%;
	margin-top: 10px;
}
.jetmenu li > .megamenu form textarea{
	width: 100%;
	margin-top: 10px;
}
.jetmenu li > .megamenu form input[type="submit"]{
	width: 25%;
	float: right;
	height: 30px;
	margin-top: 10px;
	border: none;
	cursor: pointer;
	background: #444;
	color: #777;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: background 0.3s linear; 
	-moz-transition: background 0.3s linear; 
	-o-transition: background 0.3s linear; 
	transition: background 0.3s linear; 
}
.jetmenu li > .megamenu form input[type="submit"]:hover{
	background: #e0e0e0;
	color: #555;
}

/* MEGAMENU GRID SYSTEM
**********************************************************/
.megamenu .row{
	width: 100%;
	margin-top: 15px;
}
.megamenu .row:first-child {
	margin-top: 0;
}
.megamenu .row:before,
.megamenu .row:after {
	display: table;
	content: "";
	line-height: 0;
}
.megamenu .row:after {
	clear: both;
}

.megamenu .row .col41,
.megamenu .row .col42,
.megamenu .row .col43,
.megamenu .row .col44,
.megamenu .row .col66,
.megamenu .row .col51,
.megamenu .row .col52,
.megamenu .row .col53,
.megamenu .row .col54,
.megamenu .row .col55,
.megamenu .row .col61,
.megamenu .row .col62,
.megamenu .row .col63,
.megamenu .row .col64,
.megamenu .row .col65,
.megamenu .row .col66,
.megamenu .row .col81,
.megamenu .row .col82,
.megamenu .row .col83,
.megamenu .row .col84,
.megamenu .row .col85,
.megamenu .row .col86,
.megamenu .row .col87,
.megamenu .row .col88 {
	display: block;
	width: 100%;

	float: left;
	/*margin-left: 2.127659574468085%;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding-right:1%;
	
}

.megamenu .row [class*="col"]:last-child { border:0;}
.megamenu .row [class*="col"]:first-child {
	margin-left: 0;
}

.megamenu .row .col41{
	width: 25%;
}
.megamenu .row .col42{
	width: 50%;
}
.megamenu .row .col43{
	width: 75%;
}
.megamenu .row .col44{
	width: 100%;
}

.megamenu .row .col51{
	width: 20%;
}
.megamenu .row .col52{
	width: 40%;
}
.megamenu .row .col53{
	width: 60%;
}
.megamenu .row .col54{
	width: 80%;
}
.megamenu .row .col55{
	width: 100%;
}

.megamenu .row .col61{
	width: 14.893617021276595%;
}
.megamenu .row .col62{
	width: 31.914893617021278%;
}
.megamenu .row .col63{
	width: 48.93617021276595%;
}
.megamenu .row .col64{
	width: 65.95744680851064%;
}
.megamenu .row .col65{
	width: 82.97872340425532%;
}
.megamenu .row .col66{
	width: 100%;
}

.megamenu .row .col81{
	width: 12.5%;
}
.megamenu .row .col82{
	width: 25%;
}
.megamenu .row .col83{
	width: 37.5%;
}
.megamenu .row .col84{
	width: 50%;
}
.megamenu .row .col85{
	width: 62.5%;
}
.megamenu .row .col86{
	width: 75%;
}

.megamenu .row .col87{
	width: 87.5%;
}

.megamenu .row .col88{
	width: 100%;
}

/* RIGHT ALIGNMENT (MENU ITEM)
**********************************************************/
.jetmenu > li.right{
	float: right;
}
.jetmenu > li.right > .megamenu,
.jetmenu > li.right > .megamenu.half-width,
.jetmenu > li.right > .dropdown{
	right: 0;
}

/* to fix right attribute on submenus (menu aligned to right) */
.jetmenu > li.jsright{
	float: right;
}
.jetmenu > li.jsright.last > .megamenu,
.jetmenu > li.jsright.last > .megamenu.half-width,
.jetmenu > li.jsright.last > .dropdown{
	right: 0;
}

/* ICONS (FONT AWESOME)
**********************************************************/
.jetmenu > li > a > i{
	line-height: 23px !important;
	margin-right: 6px;
	font-size: 18px;
	float: left;
}

/* COLLAPSIBLE MENU
**********************************************************/
.jetmenu > li.showhide{
	display: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color: #999;
	background: #333;
}
.jetmenu > li.showhide span.title{
	margin: 15px 0 0 25px;
	font-family: 'Open Sans', sans-serif;
	float: left;
}
.jetmenu > li.showhide span.icon{
	margin: 17px 20px;
	float: right;
}
.jetmenu > li.showhide .icon em{
	margin-bottom: 3px;
	display: block;
	width: 20px;
	height: 2px;
	background: #999;
}


/* RESPONSIVE LAYOUT
**********************************************************/

@media (min-width: 1100px) {
	
	.jetmenu > li > .megamenu.threefourth-width{width: 920px;}
	
	}


@media (max-width: 1100px) {
	.jetmenu > li > .megamenu.threefourth-width{width: 100%;}
	

	.jetmenu{ background: #303030;}
	
	.jetmenu > li{
		display: block;
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box;
	}
	.jetmenu > li > a{
		padding: 15px 25px;
	}
	.jetmenu a{
		width: 100%;
		
		box-sizing:border-box;
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
	}
	
	
	.jetmenu > li:hover > a,
.jetmenu > li.active > a{
	background:#135eaa;
	color: /*#555*/ #ffffff;
		-webkit-transition:none; 
	-moz-transition:none;
	-o-transition:none;
	transition:none;
	
	
}




	.jetmenu ul.dropdown, 
	.jetmenu ul.dropdown li ul.dropdown{
		width: 100% !important;
		left: 0;
		position: static !important;
		border: none;
		box-sizing:border-box;
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
	}
	.jetmenu ul.dropdown li {
		background: #fff !important;
		border: none;
	}
	.jetmenu ul.dropdown > li > a{
		padding-left: 40px !important;
	}
	.jetmenu > li > .megamenu{
		width: 100% !important;
		position: static;
		border-top: none;
	}
	.jetmenu > li > .megamenu .row [class*="col"]{
		float: none;
		display: block;
		width: 100% !important;
		margin-left: 0;
		margin-top: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.jetmenu > li > .megamenu .row:first-child  [class*="col"]:first-child {
		margin-top: 0;
	}
	.jetmenu > li > .megamenu .row{
		margin-top: 0;
	}
	.jetmenu > li > ul.dropdown > li > a{ padding-left: 40px !important; }
	.jetmenu > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }
	.jetmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
	
	.mobileHide {display:none;}
	.mobileHide img {display:none;}
	.jetmenu li > .megamenu ul {width:100%;}
	
	
	.menuOuterImgContain {display:none;}
	
	
	
	/*
	
	
 
.jetmenu li > .megamenu ul > li:nth-child(n+2) {display:none;}

.jetmenu li > .megamenu ul li.title a {text-transform:capitalize;     font-size: 14px;
    color: #ffffff;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;}
	
.jetmenu li > .megamenu ul li a {text-transform:capitalize;     font-size: 14px;
    color: #ffffff;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;}
	
	.jetmenu li > .megamenu ul li > h5 { font-size: 14px;
    color: #ffffff;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
		
		}
	
	hr, .menuHighlight {display:none;}
*/	
	

}

@media (min-width: 768px) and (max-width: 900px) {
	.jetmenu > li > .megamenu{
		width: 100% !important;
		left: 0 !important;
	
	}
	
}


.hvr-fade {
 
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
 
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #ffffff;
  color: #135eaa !important;
  
}