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


body{
	overflow-x: hidden;
	font-family: 'Asap', sans-serif;
}

#preloader {
	background-color: #FFFBE9;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index:4000;
}
#preloader div {
	width:35px;
	height: 35px;
	text-align:center;
	overflow:hidden;
	z-index:3000;
	top:48%;
	position:relative;
	margin: 0 auto;
}

img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
			z-index:-5;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px;
				z-index:-5; }
		}
		
#nfa_logo{
	position:absolute;
	left:50px;
	top:25px;
	z-index:100;
	width:185px;
	height:77px;
	background-image:url(../images/logo/nfa_logo.png);
	background-repeat:no-repeat;
}
	
#nav_box{
	width:570px;
	height:92px;
	position:absolute;
	top:25px;
	right:50px;
	z-index:100
}
	
#nav_box li{
	width:80px;
	height:92px;
	float:left;
	margin:0 18px 0 0;
	position:relative;
	}
	
#nav_box li img{
	position:absolute;
	left:0px;
	top:0px;}
	
#nav_box li span{
	position:absolute;
	bottom:0px;
	color:#e6954e;
	font-size:15px;
	font-family: 'Asap', sans-serif;
	width:80px;
	text-align:center
}
	
#nav_box li:last-child{
	margin-right:0px;}
	
	
	
#pdy{
	position:absolute;
	left:0px;
	top:197px;
	z-index:-1}
	
#w_m{
	position:absolute;
	right:0px;
	top:286px;
	z-index:-1;
	}
	
main_w{
	width:100%;
	height:auto;
	float:left;
	}
	
#main_inside{
	width:980px;
	height:950px;
	position:relative;
	margin:0 auto;
	padding:0px;
	}
#main{
	width:980px;
	height:700px;
	position:relative;
	margin:0 auto;
	padding:0px;
	}	

#banner_w{
	width:980px;
	height:450px;
	float:left;
	padding:0px;
	margin:188px 0 0 0;
	position: relative;
}

#banner_in{
	width:980px;
	height:450px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden
}
#banner1{
	position:absolute;
	top:270px;
}

#next2{
	position:absolute;
	right:-50px;
	top:200px;
	z-index:1000;
	cursor:pointer}
	
#prev2{
	position:absolute;
	left:-50px;
	top:200px;
	z-index:1000;
	cursor:pointer}

#home_btmbox{
	width:980px;
	height:192px;
	float:left;
	padding:0px;
	margin:74px 0 50px 0;
	position: relative;
	}
	
.btm_box{
	height:192px;
	width:300px;
	float:left;
	margin:0 40px 0 0;
	position:relative
	}
	
.box_img{
	position:absolute;
	left:0px;
	top:0px;}
	
.box_txt{
	width:168px;
	height:192px;
	position:absolute;
	right:-10px;
	top:0px;
	font-family: 'Asap', sans-serif;
}
	
.box_txt img{
	position:absolute;
	left:0px;
	bottom:0px;}
	
.box_txt h1{
	font-size:16px;
	color:#638a39;
	font-weight:normal;
	margin-top:10px;}
	
.box_txt p{
	font-size:14px;
	color:#969695;
	margin-top:10px;
	margin-left:10px;
	line-height: 16px;
}

#info_g{
	position:absolute;
	right:0px;
	top:0px;}
	
#foot_w{
	width:100%;
	height:69px;
	float: left;
	border: 0px solid #e9a361;
	border-top-width:1px;
}

#footr{
	width:980px;
	height:69px;
	margin:0 auto;
	color:#636465;
	font-family:Arial, Helvetica, sans-serif;
	position:relative
}

#footr .copy{
	position:absolute;
	left:0px;
	top:26px;
	font-size:11px;
}

#footr .onemg{
	position:absolute;
	right:0px;
	top:26px;
	font-size:11px;
	width:auto;
}

.onemg a{
	color:#636465;
	text-decoration:none;
}

.onemg a:hover{
	color:#636465;
	text-decoration:underline;
}

	
#f{
	position:absolute;
	left:0px;
	top:17px;}
	
#in{
	position:absolute;
	left:0px;
	top:17px;
	display: none;
}
	
#cnt_w{
	width:600px;
	height:226px;
	position:absolute;
	left:10px;
	top:250px;
	z-index:100;
	background-color:#FFFFFF;
	}

#inter{
	position:absolute;
	top:220px;
}
#company{
	font-family:'Asap' sans-serif;
	font-size:20px;
	color:#262626;
	position:absolute;
	top:580px;
	font-weight:bold;
}
#content1{
	font-family:'Asap' sans-serif;
	font-size:14px;
	color:#333;
	position:absolute;
	top:590px;
	font-weight:normal;
	line-height:20px;
		}
#contentbox1{width:350px;
height:230px;
position:absolute;
top:650px;
font-weight:bold;

}
#content_text{
	font-family:'Asap' sans-serif;
	font-size:14px;
	color:#292929;
	position:absolute;
	font-weight:normal;
	line-height:20px;
}
#contentbox2{width:320px;
height:230px;
position:absolute;
top:650px;
font-weight:bold;
left:380px;

}	
/*domestic*/
#dom_content1{
font-family:'Asap' sans-serif;
font-size:14px;
color:#333;
position:absolute;
top:590px;
font-weight:normal;
width:650px;
line-height:20px;
}
/*imports*/	
#imp_content1{
font-family:'Asap' sans-serif;
font-size:14px;
color:#333;
position:absolute;
top:590px;
font-weight:normal;
width:650px;
line-height:20px;
}
#client_content1{
font-family:'Asap' sans-serif;
font-size:14px;
color:#333;
position:absolute;
top:590px;
font-weight:normal;
width:650px;
line-height:20px;
}
#export_content1{
font-family:'Asap' sans-serif;
font-size:14px;
color:#333;
position:absolute;
top:590px;
font-weight:normal;
width:650px;
line-height:20px;
}
/*index*/
#apple_bg{
	width:150px;
	height:190px;
	float:left;
	position:relative;
	margin-left:18px;
}
#apple_countries{
	width:130px;
	height:170px;
	float:right;
	position:relative;
	margin-top:10px;
	margin-left:8px;
	}
#apple1{
	position:absolute;
	width:69px;
	height:43px;
	left:63px;
}
#apple2{
	position:absolute;
	width:132px;
	height:76px;
	left:15px;
	top:51px;
	z-index:1px;
}
#apple3{
	position:absolute;
	width:61px;
	height:48px;
	left:81px;
	top:119px;
	z-index:2px;
}
#apple4{
	position:absolute;
	width:88px;
	height:28px;
	left:33px;
	top:156px;
	z-index:3px;
}
#apple5{
	position:absolute;
	width:74px;
	height:42px;
	left:42px;
	top:122px;
	z-index:4px;
}
	
#apple6{
	position:absolute;
	width:78px;
	height:86px;
	left:13px;
	top:87px;
	z-index:5px;
}
#apple7{
	position:absolute;
	width:59px;
	height:84px;
	top:62px;
	left:1px;
	z-index:6px;
	}
#countries_content{
	font-size:16px;
	font-weight:600;
	font-family:'Asap';
	color:#f57d20;
}
#countries_content1{
	font-size:14px;
	font-family:'Asap';
	color:#969695;
	margin-top:15px;
	line-height:16px;
}
.country_list{
	font-size:14px;
	font-family:'Asap';
	color:#969695;
	line-height:16px;}
/*svg*/

#apple1:hover .s1{ cursor:pointer; fill:purple;}
#apple2:hover .s2{ cursor:pointer; fill:yellow}
#apple3:hover .s3{ cursor:pointer; fill:blue}
#apple4:hover .s4{ cursor:pointer; fill:green}
#apple5:hover .s5{ cursor:pointer; fill:red}
#apple6:hover .s6{ cursor:pointer; fill:gray}



.hdr_imp{
	color:#638a39;
	font-size:35px;
	font-family:'cantataone regular';
	font-weight:600;}
	

/*logo animation*/

#anim_box{
	width:100px;
	height:100px;
	overflow:hidden;
	position:absolute;
	padding:0px;
	cursor:pointer;
	left:-10px;
	top:-10px;
	}

#anim_box li{
	list-style:none;
	position:absolute;
	left:0;
	padding:0px;
	margin:10px;
	}
	
#img1{
	position:absolute;
	opacity:0;
	}	
	
#img2{
	position:absolute;
	top:1px;
	left:15px;
	opacity:0;}
	
#img3{
	position:absolute;
	top:0px;
	left:20px;
	opacity:0;}	
	
#img4{
	position:absolute;
	top:0px;
	left:-5px;
	opacity:0;}	

#img5{
	position:absolute;
	opacity:0;
	left:-10px;
	top:0px;}	

#img6{
	position:absolute;
	opacity:0;
	left:-10px;
	top:0px;}	

#img7{
	position:absolute;
	top:5px;
	opacity:0;}	
	
/*logo animation ends*/

#apple_cntry{
	position:absolute;
	left:0px;
	top:5px;}