*,
*:after,
*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

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

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'codropsicons';
	src:url('fonts/codropsicons/codropsicons.eot');
	src:url('fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('fonts/codropsicons/codropsicons.woff') format('woff'),
		url('fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Icomoon.com */

#ky-admin-bar {margin-top: 60px;}
#ky-admin-bar ul.ky-menu-main {position: fixed;}

.ky-menu-main,
.ky-menu-main ul {
		margin: 0;
		padding: 0;
		background: white;
		color: #005194;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
}

.ky-menu-main {
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 60px;
		font-size: 13px;
		border-bottom: 1px solid #c6d0da;
		position: relative;
}

.ky-menu-main a {
		display: block;
		height: 100%;
		color: #005194 !important;
		text-decoration: none;
		cursor: pointer;
		font-family: 'Lato', Arial, sans-serif;
		font-size: 13px;
		-webkit-transition: none;
	    -moz-transition: none;
		-ms-transition: none;
		 -o-transition: none;
			transition: none;
}

.ky-menu-main a > * {
	color: #005194 !important;
	-webkit-transition: none;
	   -moz-transition: none;
		-ms-transition: none;
		 -o-transition: none;
			transition: none;
}

.no-touch .ky-menu-main a:hover,
.no-touch .ky-menu-main a:hover > *,
.no-touch .ky-menu li.ky-search-item:hover,
.no-touch .ky-menu li.ky-search-item:hover a {
		background: #005194;
		color: white !important;
		text-decoration: none;
		-webkit-transition: none;
	    -moz-transition: none;
		-ms-transition: none;
		 -o-transition: none;
			transition: none;
}

.ky-menu-main #ky-menu-webkey > a:hover,
.ky-menu-main #ky-menu-webkey > a:hover > * {background: none;}
.ky-menu-main #ky-menu-webkey img {vertical-align: middle;}

.ky-menu-main > li {
	border-right: 1px solid #c6d0da;
	display: block;
	float: left;
	height: 54px;
	text-align: center;
	line-height: 54px;
	margin-left: -1px;
}

.ky-menu-main:before {
	/* simulated top border so submenu flyout doesn't overlap it */
	background-color: #005194;
	content: "";
	display: block;
	height: 6px;
	position: relative;
	z-index: 10;
}

.ky-menu-main > li.mobile_only:after {
	/* simulated right border because of margin-left: -1px on LIs */
	display: block;
	content: "";
	position: absolute;
	top: 0;
    bottom: 0;
	right: 1px;
	width: 1px;
	background-color: #c6d0da;
	z-index: 2;
}

/* icon-only trigger (menu item) */
.ky-menu-main > li.mobile_only {
    border-right: 0;
	display:none;
	position:relative;
	z-index:2;
}

.ky-menu-main > li:last-child {
		float: right;
		border-right: none;
		margin-right: -1px;
}

.ky-menu-main > li.ky-menu-right {
		float: right;
		border-right: none;
		border-left: none;
		margin-left: 0;
}

.ky-menu-main > li:last-child > span {
		border-left: 1px solid #c6d0da;
		border-right: 1px solid #c6d0da;
}

.ky-menu-main > li > a,
.ky-menu-main > li > span {
	height: 53px;
	padding: 0 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 13px;
}

.ky-menu-main > li#ky-menu-preview {
		padding: 0 0 0 1px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		color: #F37021;
		font-size: 13px;
}

.ky-scroller {
		width: 370px;
		height: 100%;
}

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

.ky-menu li {
		line-height: 40px;
		margin: 0;
}

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

.ky-submenu {
	opacity: 0;
	position: relative;
	top: -200%;
	z-index: -1;
	transition: all .5s ease;
}

.ky-menu-main > li > a,
.ky-menu-main > li > span,
.ky-menu-main > li > span.menu_icon {
	background-color: #fff;
	display: block;
	line-height: 53px;
	position: relative;
	width: auto;
	z-index: 2;
}

#ky-menu-webkey .ky-submenu {
	border-right: none;
}

.ky-menu-main li:hover > ul.ky-submenu {
	border: 1px solid #C6D0DA;
	border-top-width: 0;
	opacity: 1;
	top: 0;
	z-index: 0;
}

.ky-submenu li {
	line-height: 40px;
	margin: 0;
	transition: line-height .5s ease;
}

.ky-submenu li a {
		color: #005194;
	    line-height: 20px;
		padding-left: 35px;
		padding: 10px 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

input.ky-search {
		padding: 4px;
		min-height: 20px;
}

/* placeholder */

.ky-search::-webkit-input-placeholder {
		color: #005194
}

.ky-search:-moz-placeholder {
		color: #005194
}

.ky-search::-moz-placeholder {
		color: #005194
}

.ky-search:-ms-input-placeholder {
		color: #005194
}

/* hide placeholder when active in Chrome */

.ky-search:focus::-webkit-input-placeholder,
.no-touch .ky-menu li.ky-search-item:hover .ky-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.ky-search:focus {
		cursor: text
}

.fa-gear-after:after {
  content: "\f013";
}


/* Module navigation */
.module-menu {
    position: absolute;
    overflow: visible;
    height: auto;
    width: inherit;
    background: #fff;
    margin: -10px 0 150px 0;
    padding: 10px 0 10px 0;
	border-bottom:1px solid #ccc;
}
.module-menu-container {width:240px; float:left; clear:right; margin:0 20px 0 0;padding: 10px 0 0; top: 0;}
.module-menu-container.display_block {display:block;}
.module-menu li {display:block; margin:0; padding:0; margin:0; min-height:40px;}
.module-menu li.has_submenu.inactive_module > a:after {font-family: FontAwesome; content:"\f078"; float:right; opacity:.5; padding:0 7px 0 0;}
.module-menu li:first-child {height:auto; overflow:visible;}
.module-menu > ul > li {position:relative;}
.module-menu a {text-decoration:none;display:block;padding:10px 0;}

/*submenus*/
.nav-submenu {
	background:#fff;
	margin: 0;
	padding-left: 25px;
	width:100%;
}

/*tags*/
ul.tags, ul.tags li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tags li {
	background-color: #f37021;
	border-radius: 12px;
	color: #fff;
	font-size: 12px;
	margin: 0 2px 5px;
	opacity: .5;
	padding: 0 7px;
}

/*Desktop*/
@media only screen and (min-width: 767px) {
	/* Different icon for downward submenus*/
	.module-menu li.has_submenu.inactive_module > a:after {content:"\f054";}

	.module-menu li.inactive_module ul.nav-submenu{
		padding-left: 0;
	}
	.module-menu li.inactive_module.hover ul.nav-submenu{
		display:block;
		z-index: 133334;
		top:0px;
		right:-100%;
		position:absolute;
		border:1px solid #ccc;
	}

	/* Last menu item goes upwards */
	.module-menu li.inactive_module.last_module.hover ul.nav-submenu {
		top:auto;
		bottom:-20px;
	}
}

@media only screen and (min-width: 1260px) {

}

.module-menu > ul > li.hover > a {background: #005194; color: white;}
.module-menu a:hover {background: #005194; color:#fff; text-decoration: none}
.module-menu .hover a:hover {background: #005194; color: white;}
.module-menu .hover a:hover .auto_icon {background:#fff; color:#005194}

/* active styles */
.module-menu .active_module > a {background: #005194; color: white;}
.module-menu .active_module > a .auto_icon {background:#fff; color:#005194}
.module-menu .active_module .module_link.active_level {color: #f37021; font-weight: bold;}
.module-menu .active_module .module_link.active_level:hover {background: #005194; color: white;}

/* font-awesome icons */
span.menu_icon {
	width: 40px;
	display: inline-block;
	text-align: center;
}

span.menu_icon i:not(.fa-2x) {font-size:20px;}
.ky-menu-main > li#ky-menu-webkey > a {padding: 0 48px;}
.ky-menu-mobile-width i {vertical-align: middle;}
span.menu_icon span.auto_icon {width:20px; height:20px; border-radius:14px; padding:6px 0 0 6px; font-size:14px; background: #005194}

/* clear search results */
.module-menu .search-item .text i {display: none; position: absolute; top: 16px; right: 10px; cursor: pointer;}
.module-menu .search-item .text .main i.fa-check {display: inline-block; position: relative; top: auto; right: auto;}

/* #Media Queries for Menu
================================================== */

	@media only screen and (min-width: 1201px) {
		.module-menu-container .hide-menu {display: none;}
	}

	/* Smaller than wide 1250 (devices and browsers) */
	@media only screen and (max-width: 1480px) {
		.module-menu-container {width: 20%; margin: 0;}
		#k-pancon.container {width: 80%;}
		.jquery-live-search.main {}
	}

	/* Smaller than wide 1180 (devices and browsers) */
	@media only screen and (max-width: 1200px) {

	}

	/* Between small screen and mobile */
	@media only screen and (max-width: 1200px) and (min-width:768px) {
		.module-menu-container li {height:auto;}

		input.ky-search { width:60%; }
		.main_live_search i {padding:2px}
		.module-menu-container span.text {display:inline;}

		.no-touch .module-menu-container .nav-submenu li a.module_link span.text {display: inline-block;}
		.no-touch .module-menu-container .nav-submenu li a.module_link span.auto_icon {display: block; font-size: 12px; margin: 0 auto;}
		.no-touch .module-menu-container .nav-submenu li a.module_link span.menu_icon i.fa {display: block; font-size: 16px;}
		/*hide unlock template button*/
		.editTemplateEnabledBtn {display: none !important;}


		.nav-submenu {
			overflow: hidden;
		}

		li.inactive_module .nav-submenu > li {
			min-height: 0;
			height: 0;
			display: block;

			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
		}

		.module-menu li.inactive_module .nav-submenu > li {
			min-height: 40px;
			height: 40px;
		}
	}

	/* Custom admin breakpoint (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1030px) {

	}

	@media screen and (min-width: 768px) {
		.ky-menu-full-width {display: block !important;}
		.ky-menu-mobile-width {display: none !important;}
		.module-menu {border-right:1px solid #ccc;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.module-menu-container {position:absolute; z-index:6; top:60px}
		#k-pancon.container {width: 100%;}
		.ky-menu-full-width {display: none !important;}
		.ky-menu-mobile-width {display: block !important;}
		.ky-menu-main > li#ky-menu-profile > a {padding: 0 40px;}
		/* icon-only trigger (menu item) */
		.ky-menu-main > li.mobile_only {display:block}
		/*style module menu to be full width*/
		.module-menu-container {width:100%;}
		input.ky-search {width:60%}
		/*hide module menu*/
		.module-menu-container {display:none;}
		/*hide unlock template button*/
		.editTemplateEnabledBtn {display: none !important;}
		.module-menu-container .hide-menu {display: none;}
		ul.nav-submenu { margin-left: 0; padding-left: 30px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* Custom size at which expanded mobile navbar stops looks unintentionally split */
    @media only screen and (max-width: 540px) {
		.ky-menu-main { display: flex; flex-direction: row; width: 100%; }
        .ky-menu-main:before { display: none; }
		.ky-menu-main > li { flex: 1; height: 60px; line-height: 60px; order: 1; }
        .ky-menu-main > li:before {
            /* simulated top border so submenu flyout doesn't overlap it */
            background-color: #005194;
            content: "";
            display: block;
            height: 6px;
            position: relative;
            z-index: 10;
        }
		.ky-menu-main > li.ky-menu-right { order: 2; }
		.ky-menu-main > li > a, .ky-menu-main > li > span,
		.ky-menu-main > li#ky-menu-preview {padding: 0 !important;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.ky-menu-main li:hover > ul.ky-submenu { top: 60px; }
		.ky-submenu {position: fixed; width: 100%; left: 0; border-width: 0 0 1px; }
		.ky-submenu li a {padding: 10px 15px;}
		.ky-menu-main > li:last-child {float: left; /*margin-left: 1px;*/}
		.ky-menu-main > li:last-child > a {border-left: none; /*border-right: none;*/}
	}