@import url("global.css");
@import url("iconfont.css"); /* unicode iconfont & class iconfont */
@import url('animate.css');
@import url('swiper.css');

::selection{background:#20a7df;color:#fff;}
body{font-family:'Helvetica Neue',Helvetica,'PingFang SC',Tahoma,Arial,sans-serif;color:#333;line-height:20px;}
a{color:#333;}a:hover{color:#20a7df;} /* link-visited-hover-active */

@media (min-width:1441px){/* DESKTOPS */
body{font-size:14px;}
.w{display:flex;justify-content:space-between;width:1560px;margin:0 auto;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}

html,body{overflow-x:hidden;}

header{position:relative;z-index:9;box-sizing:border-box;}
header .w{align-items:center;}
	.log{padding:23px 0;display:flex;}
		.log a{}
		.log figure{}
		.log figure img{height:34px;}

	.nav{margin:0 60px 0 0;}
		nav{}
			nav>ul{}
			nav>ul>li{float:left;position:relative;padding:0 40px;}
			nav>ul>li>a{position:relative;z-index:1;display:block;font-size:22px;line-height:34px;text-transform:capitalize;}
			nav>ul>li>a:after{content:'';display:block;position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);width:0;background:#20a7df;height:1px;border-radius:5px;transition:all 0.3s ease-out 0s;}
			nav>ul>li:hover>a,nav li a:hover{color:#20a7df;}
			nav>ul>li>a:hover:after{width:100%;}
			nav>ul>li a.on{color:#20a7df;}
			nav>ul>li a.on:after{width:100%;}

	.healin{display:flex;justify-content:space-between;align-items:center;}
		.healan{display:flex;justify-content:space-between;font-size:20px;line-height:34px;}
		.healan i{margin:0 10px 0 0;font-size:25px;}

footer{background-image:linear-gradient(15deg,#eee 0,#eee 50%,#eee 50%,#eee 100%);}
footer a{}
	.foo{position:relative;z-index:1;padding:80px 0;}
		.foolog{flex:500px 0 0;min-width:0;margin:0 140px 0 0;}
			.foolog figure{margin:0 0 26px;}
			.foolog div{}
			.foolog div h3{font-size:22px;line-height:30px;margin:0 0 20px;}
			.foolog div p{font-size:16px;line-height:30px;}
			.foolog div p i{font-size:20px;float:left;margin:0 10px 0 0;}
		.foonav{flex:1;line-height:30px;}
			.foonav>ul{display:flex;justify-content:space-between;}
			.foonav>ul:after{display:none;}
			.foonav>ul>li{}
			.foonav>ul>li:last-child{margin-right:0;}
			.foonav>ul>li>a{display:block;font-size:22px;line-height:30px;text-transform:capitalize;margin-bottom:30px;position:relative;font-weight:bold;}
			.foonav>ul>li>a:after{content:'';display:block;position:absolute;bottom:-5px;left:0;width:30px;height:2px;background:#20a7df;}
			.foonav>ul>li>a i{float:right;}
			.foonav>ul>li ul{}
			.foonav>ul>li li{}
			.foonav>ul>li li a{font-size:16px;line-height:30px;opacity:0.6;}
	.flink{padding:10px 0;}
		.flinkmain{}
	.copy{padding:20px 0;border-top:1px solid rgba(0,0,0,0.1);}
		.copyinfo{text-align:center;}
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
body{font-size:14px;}
.w{display:flex;justify-content:space-between;width:1200px;margin:0 auto;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}

html,body{overflow-x:hidden;}

header{position:relative;z-index:9;box-sizing:border-box;}
header .w{align-items:center;}
	.log{padding:23px 0;display:flex;}
		.log a{}
		.log figure{}
		.log figure img{height:34px;}

	.nav{margin:0 25px 0 0;}
		nav{}
			nav>ul{}
			nav>ul>li{float:left;position:relative;padding:0 25px;}
			nav>ul>li>a{position:relative;z-index:1;display:block;font-size:17px;line-height:34px;text-transform:capitalize;}
			nav>ul>li>a:after{content:'';display:block;position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);width:0;background:#20a7df;height:1px;border-radius:5px;transition:all 0.3s ease-out 0s;}
			nav>ul>li:hover>a,nav li a:hover{color:#20a7df;}
			nav>ul>li>a:hover:after{width:100%;}
			nav>ul>li a.on{color:#20a7df;}
			nav>ul>li a.on:after{width:100%;}

	.healin{display:flex;justify-content:space-between;align-items:center;}
		.healan{display:flex;justify-content:space-between;font-size:17px;line-height:34px;}
		.healan i{margin:0 10px 0 0;font-size:25px;}

footer{background-image:linear-gradient(15deg,#eee 0,#eee 50%,#eee 50%,#eee 100%);}
footer a{}
	.foo{position:relative;z-index:1;padding:80px 0;}
		.foolog{flex:500px 0 0;min-width:0;margin:0 140px 0 0;}
			.foolog figure{margin:0 0 26px;}
			.foolog div{}
			.foolog div h3{font-size:22px;line-height:30px;margin:0 0 20px;}
			.foolog div p{font-size:16px;line-height:30px;}
			.foolog div p i{font-size:20px;float:left;margin:0 10px 0 0;}
		.foonav{flex:1;line-height:30px;}
			.foonav>ul{display:flex;justify-content:space-between;}
			.foonav>ul:after{display:none;}
			.foonav>ul>li{}
			.foonav>ul>li:last-child{margin-right:0;}
			.foonav>ul>li>a{display:block;font-size:22px;line-height:30px;text-transform:capitalize;margin-bottom:30px;position:relative;font-weight:bold;}
			.foonav>ul>li>a:after{content:'';display:block;position:absolute;bottom:-5px;left:0;width:30px;height:2px;background:#20a7df;}
			.foonav>ul>li>a i{float:right;}
			.foonav>ul>li ul{}
			.foonav>ul>li li{}
			.foonav>ul>li li a{font-size:16px;line-height:30px;opacity:0.6;}
	.flink{padding:10px 0;}
		.flinkmain{}
	.copy{padding:20px 0;border-top:1px solid rgba(0,0,0,0.1);}
		.copyinfo{text-align:center;}
}
@media (max-width:1024px){/* MOBILE */
body{font-size:12px;padding:70px 0 0;}

header{position:fixed;top:0;left:0;right:0;z-index:9;box-sizing:border-box;background:#fff;}
	.log{padding:23px 20px;}
		.log a{}
		.log figure{}
		.log figure img{height:24px;}

	.nav{}
		nav{background:#fff;clear:both;}
		nav span{position:fixed;z-index:9;top:20px;right:20px;display:block;width:30px;}
		nav span i{display:block;content:'';width:100%;height:2px;background:#ccc;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
		nav span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
		nav span.on i:nth-of-type(2){opacity: 0;}
		nav span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
		nav ul{position:fixed;padding-top: 0;z-index:3;right:-300px;bottom:0;top:0;padding:70px 0 0;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
		nav ul.on{right:0;}
		nav ul li{position:relative;width: 100%;box-sizing: border-box;padding: 0;}
		nav ul li i{position:absolute;z-index:11;top:1px;right:1px;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}
		nav>ul>li>a{display:block;line-height:42px;font-size:16px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
		nav>ul>li.on>a {border-bottom: 1px dashed rgba(0,0,0,0.1);}
		nav li a span{display:none;}
		nav li a:hover{background:#fff;color:#333;}

	.healin{display:flex;justify-content:space-between;align-items:center;}
		.healan{position:fixed;z-index:3;top:19px;right:70px;display:flex;justify-content:space-between;font-size:14px;line-height:34px;}
		.healan i{margin:0 10px 0 0;font-size:25px;}

footer{background-image:linear-gradient(15deg,#eee 0,#eee 50%,#eee 50%,#eee 100%);}
footer a{}
	.foo{position:relative;z-index:1;padding:20px;}
		.foolog{margin:0 0 20px;}
			.foolog figure{margin:0 0 20px;}
			.foolog figure img{height:30px;}
			.foolog div{}
			.foolog div h3{font-size:22px;line-height:30px;margin:0 0 20px;}
			.foolog div p{}
			.foolog div p i{font-size:20px;float:left;margin:0 10px 0 0;}
		.foonav{}
			.foonav>ul{display:flex;justify-content:space-between;}
			.foonav>ul:after{display:none;}
			.foonav>ul>li{}
			.foonav>ul>li>a{display:block;text-transform:capitalize;}
			.foonav>ul>li ul{display:none;}
	.flink{padding:10px 0;}
		.flinkmain{}
	.copy{padding:20px 0;border-top:1px solid rgba(0,0,0,0.1);}
		.copyinfo{text-align:center;}
}