.navigation{width:100%;height:100px; background:#FFF;border-bottom: 2px solid #dfdfdf;position:fixed;z-index: 99;}
.navDetail{width:1200px;height:100%;margin:auto;position:relative;}
.logo{float:left;margin:30px 0 20px;width:100px;}
.logo img{height:100%;width:auto;}
.navList{float:left;}
.navList a.item{font-size:12px; margin:0 10px;line-height:76px;padding-top:20px;box-sizing: content-box;}
.navList a.item span{border-bottom:4px solid rgba(0,0,0,0);display: inline-block}
.navList a.item.active span,
.navList a.item:hover span{border-color:#860c14;}
.navBtn{display: none;}

@media only screen and (max-width: 1366px){
	.navDetail {padding: 0 60px;}
}

@media only screen and (max-width: 1200px){
	.navDetail {padding: 0 30px;}
	.navigation{height:70px;}
	.navDetail{width:100%;box-sizing:border-box;}
	.logo{float:left;padding:15px;margin:0;margin-left:15px;height:40px;width: auto;box-sizing: content-box; }
	.navList{display:none; position:absolute;width: 100%;height:auto;background:#FFF;left:0;top:70px;padding:10px 15px;
			-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
	.navList a.item{display:block;line-height:20px;padding:10px 0;}
	.navBtn{float:right; width:70px;height:68px;background:#860C14; display: block;cursor: pointer;position: relative;}
	.navBtn span{position:absolute;width:30px;height:4px;background:#FFF;left:20px;top:33px;}
	.navBtn span:before,
	.navBtn span:after{content: "";position:absolute;width:100%;height:100%;background:#FFF;left:0;top:10px;
						-webkit-transform: translateX(0px);	transform: translateX(0px);
						transition: all 300ms ease-in-out 0s;}
	.navBtn span:after{top:auto;bottom:10px;}
	.navBtn.open{background:#FFF;}
	.navBtn.open span:before{background:#860C14;transform: rotate(-45deg);top:0;}
	.navBtn.open span:after{background:#860C14;transform: rotate(45deg);bottom:0;}
}

.footer{width:100%;height:100px;padding:40px 0; background:#FFF;box-sizing:border-box;}
.footDetail{width:100%;margin:auto;max-width:1200px;padding:0 6px;}
.footDetail .copyright{font-size:12px;line-height:40px;float:left;}
.footDetail .shares{float: right;}
.footDetail .shares a{width:40px;height:40px;margin:0 5px;}
.footDetail .shares a.twitter{background:url('../img/twitter.svg') no-repeat 0 0;background-size: contain;}
.footDetail .shares a.linkedin{background:url('../img/linkedin.svg') no-repeat 0 0;background-size: contain;}
@media only screen and (max-width: 1200px){
	.footer{height:80px;padding:20px 30px;}
	.footDetail{width:100%;}
}
@media only screen and (max-width: 768px){
	.navDetail {padding: 0 15px;}
	.footer{height:60px;padding:15px;}
	.footDetail{width:100%;}
	.footDetail .copyright{line-height: 30px;}
	.footDetail .shares a{width:30px;height:30px;margin:0 3px;}
}

@media only screen and (max-width: 400px){
	.navDetail {padding: 0;}
	.footDetail .copyright{line-height: 20px;width: 210px;}
}

a.footer-download:active:focus{color:#FFF!important;}
a.footer-download{display:block;width:100%;height:100px;background:#860C14;color:#FFF;text-align: center;font-size:42px;line-height:100px;}
a.footer-download:before{content:"";display:inline-block;width:40px;height:40px;margin-right:15px; background:url('../img/download.svg') no-repeat 0 0;background-size: contain;}
@media only screen and (max-width: 768px){
	a.footer-download{height:60px;line-height:60px;font-size:20px;}
	a.footer-download:before{width:20px;height:20px;margin-right:6px; }
}



/*Header Nav Level 201902*/
.firstLev > li{display: inline-block;position:relative;}
.firstLev > li:hover .secondLev{display: block;}
.firstLev > li:hover a.item span{border-color:#860c14;}

.secondLev{width:94%;min-width:240px;position:absolute;left:0;top:100px;background:#FFF;padding:5px 0; box-shadow: 0 5px 16px #aaa;box-sizing:content-box; display:none;margin-left: 10px;}
.secondLev > li{font-size:14px;font-weight:normal;padding:10px 15px;}
.secondLev > li a{line-height:1.2;border-bottom:2px solid #FFF;}
.secondLev > li a:hover{border-color:#860c14;}
@media only screen and (max-width: 1200px){
	.firstLev > li{display: block;}	
	.secondLev{position:relative;width:100%;left:0;top:0;box-shadow: none;padding:0 10px;display:block;}
	.secondLev > li{font-size:12px;padding:5px 15px; }
	.navList{max-height:400px;overflow-y:scroll;overflow-x:hidden;}
}