header.main {
	border-top:6px solid #009ee3;
	
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:20;
	background-color:#FFF;
}

header.main .wrapper {
	margin-top:-6px;
	padding-right:0;
}

/*logo*/
header.main .logo {
	display:block;
	float:left;
	margin-top:37px;
	max-width: 275px;
}

/*navigation*/
header.main nav.main {
	float:right;
}

header.main nav.main ul {
	list-style:none;
	padding:0;
	margin:0;
}
header.main nav.main > ul > li {
	float:left;
	position:relative;
}
header.main nav.main > ul > li > a {
	display:block;
	padding:74px 30px 9px;
	color:#000;
	transition: background-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
	box-shadow: inset 0 0 0 0 #0176a9, inset 0 0 0 0 #d0d0d0;
	
	font-size:20px;
	line-height:28px;
	font-weight:bold;
}
header.main nav.main > ul > li > a.active,
header.main nav.main > ul > li:hover > a {
	background-color:#f8f8f8;
	background-color:rgba(208, 208, 208, 0.3);
	color:#009ee3;
	
	box-shadow: inset 0 6px 0 0 #0176a9, inset 0 -6px 0 0 #d0d0d0;
}
header.main nav.main ul li ul.subnavi {
	/*display:none;*/
	visibility:hidden;
	opacity:0;
	transition:opacity 0.5s ease 0.2s,visibility 0.5s ease 0.2s;
	
	position:absolute;
	top:111px;
	left:0;
	z-index:5500;
	
	padding:10px 15px;
	background-color:#f8f8f8;
	
	font-size:20px;
	line-height:38px;
	
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
	
	/*-webkit-column-fill: balance;
	-moz-column-fill: balance;
	column-fill: balance;*/
	
	-webkit-perspective:1;
	-moz-perspective:1;
	-perspective:1;
}
header.main nav.main ul li:last-child ul.subnavi {
	right:0;
	left:inherit;
}
header.main nav.main ul li ul.subnavi li {
	white-space:nowrap;
}
header.main nav.main ul li:hover ul.subnavi {
	/*display:block;*/
	visibility:visible;
	opacity:1;
}
header.main nav.main ul ul.subnavi a {
	/*padding:6px 25px 4px;*/
	padding:0 25px 0;
	color:#848484;
	/*border-bottom:2px solid #eaeaea;*/
	
	display:block;
	position:relative;
}
header.main nav.main ul ul.subnavi a:after {
	content:" ";
	width:100%;
	height:2px;
	background-color:#eaeaea;
	
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
header.main nav.main ul ul.subnavi a.active,
header.main nav.main ul ul.subnavi a.active,
header.main nav.main ul ul.subnavi a:hover {
	color:#009ee3;
	background-color:#eaeaea;
}

.mobilenav,
.navlines{
	display:none;
	min-height:66px;
}
.mobilenav.expanded {
	display:block;
}
@media screen and (max-width: 1270px) {
	header.main .logo {
		max-width: 235px;
	}
}
@media only screen and (max-width : 1240px) {/*1165*/
	header.main nav.main > ul > li > a {
		font-size:18px;
		padding:74px 25px 9px;
	}
}
@media only screen and (max-width : 1110px) {/*1024*/
	header.main nav.main > ul > li > a {
		font-size:18px;
		padding:74px 20px 9px;
	}
	header.main .logo {
		width:190px;
		margin-top: 43px;
	}
}
@media only screen and (max-width : 1023px) {
	header.main nav.main > ul > li > a {
		font-size:18px;
		padding:74px 15px 9px;
	}
	header.main .logo {
		width:185px;
		margin-top:41px;
	}
}
@media only screen and (max-width : 940px) {
	header.main .logo {
		width:230px;
		margin-top:35px;
	}
}

@media only screen and (max-width : 940px) {
	header.main nav.main {
		display:none;
	}

	/* mobilenav */
	.navlines {
		float:right;
		overflow: hidden;
		width:85px;
		
		margin-top:45px;
		margin-right:30px;

		display:block;
	}

	.navlines > span {
		float:left;
		color:#fff;
		font-size:17px;
		text-transform:uppercase;
		line-height:25px;
	}

	.navlines .navicon {
		position:relative;
		color:#fff;
		cursor:pointer;
	}

	.navlines .navicon .menu-title {
		font-size:18px;
		line-height: 25px;
		float: left;
		color:#000;
	}

	.navlines .navicon .lines {
		display:inline-block;
		margin: 0px 0 0 10px;
		cursor:pointer;
		float: right;
		position:relative;
		height:25px;
		width:25px;
	}

	.navlines .navicon .lines > span {
		height:4px;
		background:none repeat scroll 0 0 #000;
		display:block;
		z-index:1;
		transition:transform 0.2s ease, top 0.2s ease, opacity 0.1s ease;
		position:absolute;
		left:0;
		right:0;
	}

	.navlines .navicon .lines > span.first {
		top:3px;
	}
	.navlines .navicon .lines > span.middle {
		top:10px;
	}
	.navlines .navicon .lines > span.last {
		top:17px;
	}


	.navicon.expanded .lines > span.middle {
		opacity:0;
	}

	.navicon.expanded .lines > span.first {
		-webkit-transform:translateY(-16px) rotate(45deg);
		transform:translateY(-16px) rotate(45deg);
		top:25px;
	}

	.navicon.expanded .lines > span.last {
		-webkit-transform:translateY(-16px) rotate(-45deg);
		transform:translateY(-16px) rotate(-45deg);
		top:25px;
	}

	.mobilenav .navlayer {
		/*position:fixed;*/
		position:absolute;
		top:111px;
		left:0; right:0; bottom:0;
		background-color:#009ee3;/*#FFF*/
		opacity:0;
		visibility:hidden;
		transition:opacity 0.2s ease, visibility 0.2s ease;
		overflow:auto;

		z-index:50000;
	}

	.mobilenav.expanded .navlayer {
		opacity:1;
		visibility:visible;
	}

	.mobilenav ul.nav {
		list-style:none;
		margin:0;
		padding:0 30px;
		position:absolute;
		left:0; right:0;
		margin:20px 0;
	}
	.mobilenav ul.nav > li {
		margin-top:5px;
	}
	.mobilenav ul.nav > li a {
		font-size:40px;
		/*line-height:60px;*/
		/*text-align:center;*/
		display:block;
		color:#FFF;/*#000*/
	}

	.mobilenav ul.nav > li a:hover,
	.mobilenav ul.nav > li.on a {
		color:#000;/*#009ee3*/
	}
	.mobilenav ul.nav > li ul.subnavi {
		padding:0 30px;
		list-style:none;
		margin:0;
	}
	.mobilenav ul.nav > li ul li a {
		font-size:20px;
		
	}
}
@media only screen and (max-width : 480px) {
	.mobilenav ul.nav > li a {
		font-size:25px;
		/*line-height:30px;*/
	}
	.navlines {
		margin-right:20px;
		
		margin-top:30px;
		min-height:48px;
	}
	.mobilenav .navlayer {
		top:78px;
	}
	.mobilenav ul.nav > li {
		margin-top:15px;
	}
	.mobilenav ul.nav > li ul li a {
		font-size:17px;
		line-height:1.6;
	}
	.mobilenav ul.nav {
		padding:0 20px;
	}
	
	header.main .logo {
		width:180px;
		margin-top:25px;
	}
}




/*emo*/
.emo {
	width:100%;
	
	position:relative;
	z-index:1;
	
	background-attachment:fixed;
	background-position: 0 111px;
	background-repeat:no-repeat;
	background-size: 100% auto;
	padding-bottom:16%;
}
.emo > img {
	width:100%;
	display:block;
}
.home .emo {
	width:100%;
	/*height:450px;*/
	
	padding-bottom:0;
}
.home .emo .slider ul li {
	background-attachment:fixed;
	background-position: 0 111px;
	background-repeat:no-repeat;
	background-size: 100% auto;
}
.home .emo .slider ul li img {
	max-width:100%;
}

@media only screen and (max-width : 1024px) {
	.home .emo {
		/*height:400px;*/
	}
}
@media only screen and (max-width : 767px) {
	.home .emo {
		/*height:350px;*/
	}
}
@media only screen and (max-width : 480px) {
	.home .emo {
		/*height:250px;*/
	}
	.emo {
		background-position: 0 77px;
	}
	.home .emo .slider ul li {
		background-position: 0 77px;
	}
}


/*Slider*/
.emo .slider {
	width:100%;
	height:100%;
	position:relative;
}
.emo .slider ul {
	list-style:none;
	/*padding:0 0 23%;*/
	padding:0 0 16%;
	margin:0;
}
.emo .slider ul li {
	background-size: cover;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.emo .slider ul li.current {
    opacity: 1;
}
.emo .slider ul.animate li {
    transition: opacity 2s ease-in 1s;
}

/*Slide Text*/
.emo .slider .slide-text {
	position:absolute;
	right:0;
	/*bottom:60px;*/
	bottom:30px;
	z-index:5000;
	
	padding:18px 350px 18px 40px;
	
	font-size:50px;
	line-height:45px;
	font-weight:bold;
	text-align:right;
	color:#FFF;
	background-color:#009ee3;
	background-color:rgba(0, 158, 227, 0.85);
}

@media only screen and (max-width : 1280px) {
	.emo .slider .slide-text {
		bottom:30px;
	}
}
@media only screen and (max-width : 1024px) {
	.emo .slider .slide-text {
		padding:18px 175px 18px 40px;
		bottom:20px;
	}
}
@media only screen and (max-width : 900px) {
	.emo .slider .slide-text {
		padding:18px 150px 18px 40px;
		font-size:45px;
	}
}
@media only screen and (max-width : 767px) {
	.emo .slider .slide-text {
		padding:10px 25px 10px 15px;
		font-size:22px;
		line-height:30px;
		/*padding:18px 75px 18px 25px;
		font-size:32px;
		line-height:38px;
		bottom:40px;*/
		bottom:10px;
	}
}
@media only screen and (max-width : 480px) {
	.emo .slider .slide-text {
		/*padding:10px 25px 10px 15px;
		font-size:22px;
		line-height:30px;
		bottom:25px;*/
		display:none;
	}
}