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

@font-face {
	font-family: 'SegoeUILite';
	src: url('segoeuil-webfont.eot');
	src: url('segoeuil-webfont.eot?#iefix') format('embedded-opentype'),  url('segoeuil-webfont.woff') format('woff'),  url('segoeuil-webfont.ttf') format('truetype'),  url('segoeuil-webfont.svg#segoe_uilight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUISemilight';
	src: url('segoeuisl.eot');
	src: url('segoeuisl.eot') format('embedded-opentype'),  url('segoeuisl.woff') format('woff'),  url('segoeuisl.ttf') format('truetype'),  url('segoeuisl.svg#SegoeUISemilight') format('svg');
}

body {
	font-family: 'SegoeUISemilight', sans-serif !important;
	font-weight: lighter !important;
	-webkit-font-smoothing: antialiased;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0;
	margin:0;
	padding:0;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#maximage {
	/*position:fixed !important;*/
}

.fixed-nav-bar {
  position: relative;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: rgba(255,255,255,0.9);
}
.appLogo img {
	width:80%;
	padding-top:5px;
}
.kfLogo {
	vertical-align:middle;
	padding-top:3px;
}
.kfLogo img {
	width:40%;
}
.top-nav ul {
	margin:0 auto;
	list-style:none;

	float:right;
	overflow:hidden;
	
}
.top-nav li {
	float:right !important;
	display:inline-block;
	font-size:x-large;
	border-right:solid 1px #ccc;
}
.top-nav li a {
	display:block;
	padding:0.625em 1em !important;
	color:#444 !important;
	
	-o-transition: all 1s ease-out !important;
	-moz-transition: all 1s ease-out !important;
	-khtml-transition: all 1s ease-out !important;
	-webkit-transition: all 1s ease-out !important;
	-ms-transition: all 1s ease-out !important;
	transition: all 1s ease-out !important;
}
.top-nav li:hover, .top-nav li a:hover {
	background:transparent !important;
	color:#FFF !important;
	
	-o-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-khtml-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
.hvr-bounce-to-top:before {
	background:#666 !important;
}


.appSlogan {
	color:#FFF;
	text-align:left;
	margin-top:60px;
	font-size:36px;
	text-transform:uppercase;
}
footer {
	bottom:30px;
	height:auto;
	right:0;
	position:absolute;
	width:100%;
	z-index:1000;
}
.copyRytDiv, .socialDiv {
	margin:0;
	padding:0;
	list-style:none;
}
.copyRytDiv li, .socialDiv li {
	display:table-cell;
	padding:0 10px;
    vertical-align: bottom;
}
.copyRytDiv li:nth-of-type(1) {
	border-left:solid 1px #fff;
}
.copyRytDiv li:nth-of-type(2) {
	color:#fff;
	font-size:small;
	letter-spacing:1px;
}
.copyRytDiv li span {
	color:#fff;
	font-size:xx-large;
}
.socialDiv {
	float:left;
}
.socialDiv li span, .socialDiv li i {
	color:#fff;
	font-size:x-large;
}
.socialDiv li:nth-of-type(1) {
	color:#fff;
	font-size:small;
}
.socialDiv li a {
	color:#fff;
	letter-spacing:1px;
	vertical-align:top;
}
.socialDiv li a:nth-of-type(2) {
	letter-spacing:2.8px !important;
}
.socialDiv li a:hover {
	opacity:0.5;
}
.cntrLogo {
	position: relative !important;
	top: 50% !important;
	left: 50% !important;
	width: 50% !important;
	/*height: 500px;*/
	margin-top: 5%; /* Half the height */
	margin-left: -25%; /* Half the width */
}
.cntrLogo img {
	width:150% !important;
}
.siteLingo {
	position: relative !important;
	display:table;
	margin:0px auto;
	width:100%;
}
.siteLingo a {
	display:table-cell;
	width:30%;
	text-align:center;
	color:#000 !important;
	font-size:x-large;
	margin:0 20%;
		
	background-color:transparent;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	border-radius:35px;
	border:1px solid #fff;	
	cursor:pointer;	
	padding:16px 20px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(8.3500003815px);
    -webkit-backdrop-filter: blur(8.3500003815px);
}
.siteLingo a:hover {
	background-color:rgba(0,0,0,0.5);
	border:1px solid rgba(0,0,0,0);
    color: #fff !important;
    backdrop-filter: blur(8.3500003815px);
    -webkit-backdrop-filter: blur(8.3500003815px);
}
div#maximage:after {
    content: ' ';
    position: absolute;
    display: block;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8.3500003815px);
    -webkit-backdrop-filter: blur(8.3500003815px);
}

@media screen and (max-width: 768px) {
	.cntrLogo {
		position: relative !important;
		top: 50% !important;
		left: 50% !important;
		width: 80% !important;
		/*height: 500px;*/
		margin-top: 25%; /* Half the height */
		margin-left: -40%; /* Half the width */
	}
	.siteLingo a {
		padding:6px 10px;
	}
	.top-nav > ul.show-menu {
		width:100%;
	}
	.top-nav li {
		display: table;
		width:100%;
		border-right: none;
		border-bottom:solid 1px #ccc;
	}
	.top-nav li a {
		background:transparent !important;
		border:none !important;
		padding: 0.1em 1em !important; 
	}
	.nav-text {
		color:#333 !important;
	}
	.nav-text:before {
		content: "\f0c9" !important;
    	font-family: "FontAwesome" !important;
		margin-left:10px;
	}
	.nav-text:after {
		content: " " !important;
	}
	.socialDiv li {
		padding:0 5px !important;
	}
	
}