#ii
	{position:relative; max-width:850px; padding-top:500px; font:14px Arial, Gotham, "Helvetica Neue", Helvetica,  sans-serif}
#ii h2
	{font-size:36px; font-weight:normal; margin:0.5em}
#ii .page
	{position:absolute; top:0; bottom:0; right:0; left:0; opacity:0}
#ii .page.show
	{opacity:1}
	
#ii .page	
	{background-size:100% auto !important;
	 transition:opacity 0.3s 0s ease-in; -webkit-transition:opacity 0.3s 0s ease-in; -moz-transition:opacity 0.3s 0s ease-in;}
#ii .land	{background:url(bg_landing.jpg) no-repeat top right;}
#ii .page-0	{background:url(bg_img00.jpg) no-repeat top right;}
#ii .page-1	{background:url(bg_img01.jpg) no-repeat top right;}
#ii .page-2	{background:url(bg_img02.jpg) no-repeat top right;}
#ii .page-3	{background:url(bg_img03.jpg) no-repeat top right;}
#ii .page-4	{background:url(bg_img04.jpg) no-repeat top right;}
#ii .page-5	{background:url(bg_img05.jpg) no-repeat top right;}
#ii .page-6	{background:url(bg_img06.jpg) no-repeat top right;}
#ii .page-7	{background:url(bg_img07.jpg) no-repeat top right;}
#ii .page-8	{background:url(bg_img08.jpg) no-repeat top right;}
#ii .page-9	{background:url(bg_img09.jpg) no-repeat top right;}

#ii .info	
	{position:absolute; bottom:5.5em; left:2.5em; width:69%; background:#fff; background:rgba(255,255,255,0.9); opacity:0;
	 transition:opacity 0.3s .4s ease-in; -webkit-transition:opacity 0.3s .4s ease-in; -moz-transition:opacity 0.3s .4s ease-in}
#ii .page.show .info, #ii .nav.show .info
	{opacity:1; z-index:2}
#ii .nav
	{position:absolute; bottom:2em; left:2.5em; width:545px; z-index:2}
#ii .nav .info
	{width:99%; left:0; bottom:250px; line-height:1.1;
	 transition:opacity 0.3s 0s ease-in; -webkit-transition:opacity 0.3s 0s ease-in; -moz-transition:opacity 0.3s 0s ease-in;}
#ii .nav.alt .info
	{display:none}
#ii .nav.hide .info
	{opacity:0}
#ii .nav .col
	{display:block; width:265px; margin:0 3px;float:left;}	
#ii .nav .col.home
	{display:none}
#ii .nav .btn,#ii .nav .btn-home
	{display:block; position:relative; width:100%; height:2.5em; margin-top:5px; padding-top:10px; color:#fff; overflow:hidden; float:left; cursor:pointer;
	 background-color:#5c9511 !important; background-color:rgba(92,149,17,.9) !important;
	 transition:opacity 0.3s 0s ease-in, margin-left 0.3s 0s ease-in-out; -webkit-transition:opacity 0.3s 0s ease-in, margin-left 0.3s 0s ease-in-out; -moz-transition:opacity 0.3s 0s ease-in, margin-left 0.3s 0s ease-in-out;}
#ii .nav.hide .btn, #ii .nav.hide .btn-home
	{margin-left:-20px; opacity:0}
#ii .nav .btn span, #ii .nav.alt .btn-home span
	{position:absolute; font-size:18px; left:56px; }
#ii .nav .btn-home	{background: url(icon_home.png) no-repeat 8px; margin-top:0}
#ii .nav .btn-0	{background:url(icon00.png) no-repeat 8px; transition-delay:0.05s; -webkit-transition-delay:0.05s; -moz-transition-delay:0.05s}
#ii .nav .btn-1	{background:url(icon01.png) no-repeat 8px; transition-delay:0.1s; -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s}
#ii .nav .btn-2	{background:url(icon02.png) no-repeat 8px; transition-delay:0.15s; -webkit-transition-delay:0.15s; -moz-transition-delay:0.15s}
#ii .nav .btn-3	{background:url(icon03.png) no-repeat 8px; transition-delay:0.2s; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s}
#ii .nav .btn-4	{background:url(icon04.png) no-repeat 8px; transition-delay:0.1s; -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s}
#ii .nav .btn-5	{background:url(icon05.png) no-repeat 8px; transition-delay:0.15s; -webkit-transition-delay:0.15s; -moz-transition-delay:0.15s;}
#ii .nav .btn-6	{background:url(icon06.png) no-repeat 8px; transition-delay:0.2s; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s}
#ii .nav .btn-7	{background:url(icon07.png) no-repeat 8px; transition-delay:0.25s; -webkit-transition-delay:0.25s; -moz-transition-delay:0.25s}
#ii .nav .btn-8	{background:url(icon08.png) no-repeat 8px; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s}
#ii .nav .btn-9	{background:url(icon09.png) no-repeat 8px; transition-delay:0.35s; -webkit-transition-delay:0.35s; -moz-transition-delay:0.35s}

#ii .nav .btn:hover, #ii .nav .btn.on, #ii .nav.alt .btn.on, #ii .nav .btn-home:hover, #ii .nav .btn-home.on, #ii .nav.alt .btn-home.on
	{background-color:#fff !important; background-color:rgba(255,255,255,.9) !important; color:#000;  background-size:40px auto !important;}
#ii .nav.alt .btn:hover, #ii .nav.alt .btn.on, #ii .nav.alt .btn-home, #ii .nav.alt .btn-home:hover, #ii .nav.alt .btn-home.on
	{background-size:70% auto !important;}
#ii .btn-home:hover,#ii .btn-home.on	{background:url(icon_home_grn.png) no-repeat 8px;}
#ii .btn-0:hover,#ii .btn-0.on	{background:url(icon00grn.png) no-repeat 8px;}
#ii .btn-1:hover,#ii .btn-1.on	{background:url(icon01grn.png) no-repeat 8px;}
#ii .btn-2:hover,#ii .btn-2.on	{background:url(icon02grn.png) no-repeat 8px;}
#ii .btn-3:hover,#ii .btn-3.on	{background:url(icon03grn.png) no-repeat 8px;}
#ii .btn-4:hover,#ii .btn-4.on	{background:url(icon04grn.png) no-repeat 8px; }
#ii .btn-5:hover,#ii .btn-5.on	{background:url(icon05grn.png) no-repeat 8px;}
#ii .btn-6:hover,#ii .btn-6.on	{background:url(icon06grn.png) no-repeat 8px;}
#ii .btn-7:hover,#ii .btn-7.on	{background:url(icon07grn.png) no-repeat 8px;}
#ii .btn-8:hover,#ii .btn-8.on	{background:url(icon08grn.png) no-repeat 8px;}
#ii .btn-9:hover,#ii .btn-9.on	{background:url(icon09grn.png) no-repeat 8px;}
#ii .nav.alt .btn:hover, #ii .nav.alt .btn-home:hover
	{overflow:visible;}
#ii .nav.alt .btn span, #ii .nav.alt .btn-home span
	{opacity:0; transition:opacity 0.3s 0s ease-in}
#ii .nav.alt .btn:hover span,  #ii .nav.alt .btn-home:hover span
	{bottom:106%; left: -50%; right: -50%; text-align: center; font-size: 12px; padding: 5px 0; background:rgba(92,149,17,.9); z-index:2; color:#fff;opacity:1}	
#ii .nav.alt .btn.on:hover span
	{display:none;}
#ii .nav.alt .btn:hover span:after,  #ii .nav.alt .btn-home:hover span:after
	{content:"\25BC"; position:absolute; top:83%; left:48%; color:rgba(92,149,17,.9)}
#ii a
	{color:#1962c8}

#ii .nav.alt
	{width:70%}
#ii .nav.alt .info
	{opacity:0; height:0}
#ii .nav.alt .col
	{width:45.5%; margin:0;}
#ii .nav.alt .col.home
	{display:block; width:8%; margin:0 1% 0 0}
#ii .nav.alt .btn
	{width:18%; margin:0 2% 0 0; background-size:70% auto;}
#ii .nav.alt.hide .btn	
	{margin-left:-20px;}
#ii .page h2
	{padding-left:49px; padding-bottom:0.5em; margin-bottom:0}
#ii .nav h2
	{padding-left:0;}
#ii .page-0 h2	{background:url(icon_big00.png) no-repeat -12px -6px;}
#ii .page-1 h2	{background:url(icon_big01.png) no-repeat 0 -6px; padding-left:65px}
#ii .page-2 h2	{background:url(icon_big02.png) no-repeat 0 -6px; padding-left:65px}
#ii .page-3 h2	{background:url(icon_big03.png) no-repeat 0 -12px; padding-left:65px}
#ii .page-4 h2	{background:url(icon_big04.png) no-repeat 0 -7px; padding-left:65px}
#ii .page-5 h2	{background:url(icon_big05.png) no-repeat -5px -6px; padding-left:65px}
#ii .page-6 h2	{background:url(icon_big06.png) no-repeat -8px -6px;}
#ii .page-7 h2	{background:url(icon_big07.png) no-repeat 0 -6px; padding-left:65px}
#ii .page-8 h2	{background:url(icon_big08.png) no-repeat 0 -6px; padding-left:65px}
#ii .page-9 h2	{background:url(icon_big09.png) no-repeat 0 -11px; padding-left:65px}

#ii .page p
	{margin:0 18px 0; font-size:13px; letter-spacing:0.02em; line-height:1.5}
#ii .page li 
	{margin:21px 10px 21px -16px; padding-left:24px; list-style:none; background:url(bg_bullet.png) no-repeat;}

#ii .btn-prev, #ii .btn-next
	{display:none; position:absolute; top:32%; width:60px; height:88px; background:url(btn_prev.png) no-repeat; background-size:100% auto !important; cursor:pointer;}
#ii .btn-next
	{right:0; background:url(btn_next.png) no-repeat;}
#ii #footer
	{position:absolute; font-size:10px; 
	 transition:opacity 0.3s 0s ease-in; -webkit-transition:opacity 0.3s 0s ease-in; -moz-transition:opacity 0.3s 0s ease-in}
#ii .footer
	{display:none; border-bottom:1px solid #ccc}
#ii .footer p
	{font-size:10px;}
	
@media screen and (max-width: 850px)  {
#ii
	{padding-top:59%;}	
#ii .nav .col
	{width:47%; margin:0 1% 0 0;}	
#ii .nav
	{width:68%;}
#ii .land .info
	{bottom:56%;}
}

@media screen and (max-width: 770px)  {
#ii	{padding-top:450px;}
#ii .page	
	{background-size:auto 100% !important;}
#ii .info
	{width:79%}
#ii h2
	{font-size:32px}
#ii .nav
	{width:88%;}
#ii .nav .col
	{width:49%}
#ii .nav.alt
	{top:auto; bottom:20px; width:79%}
}

@media screen and (max-width: 600px)  {
#ii	{padding-top:60%}
#ii .page	
	{background-size:100% auto!important;}
#ii .nav
	{position:relative; bottom:auto; width:94%; left:3%; top:95%}
#ii .nav.alt
	{position:absolute; width:95%; bottom:auto; top:77%}
#ii .nav .info
	{position:relative; bottom:0}
#ii .nav .btn span
	{font-size:14px;}
#ii .page .info
	{position:relative; bottom:auto; margin-top:62%; left:3%; width:94%}
#ii .page h2
	{margin-left:0}
#ii .page p
	{margin-left:0}
#ii #footer
	{position:relative; clear:left; top:10px;}
#ii #footer.alt
	{display:none}
#ii .footer
	{display:block}
#ii #footer.hide
	{opacity:0}
}

@media screen and (max-width: 550px)  {
#ii .nav.alt
	{top:74%}
}
@media screen and (max-width: 500px)  {
#ii .nav.alt
	{display:none}
#ii .btn-prev.on, #ii .btn-next.on
	{display:block}
}

@media screen and (max-width: 450px)  {
#ii h2
	{font-size:24px; padding-top:8px; background-size:50px auto !important; background-position:0px -4px !important}
#ii .page p
	{margin:0 10px 0; font-size:12px}
#ii .page li
	{font-size:12px}
#ii .footer p
	{font-size:10px}
#ii .nav .btn span
	{font-size:12px}
}

@media screen and (max-width: 340px)  {
#ii h2
	{font-size:19px; background-size:42px auto !important; background-position:0px 0px !important;}
#ii .page h2
	{padding-left:50px !important;}
#ii .page p
	{margin:0}
#ii .btn-prev, #ii .btn-next
	{width:45px; height:66px;}
#ii .nav
	{width:98%; left:1%}
#ii .nav .btn
	{height:2.5em}
#ii .nav .btn span
	{font-size:11px}
#ii #footer, #ii .footer p
	{font-size:9px}

}