@charset "utf-8";
/* CSS Document */
/**/
.hb,.logo,.hb2,.p1,.p2,.p2a,.p3,.p4,.p5,.p6{
	position:absolute;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:50% 100%;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.hb{
	width:100%;
	height:100%;
	left:0;
	bottom:0;
	background-image: url(../images/h/h1.png);
	}
.logo{
	width:40.6%;/*812*/
	/*height:587px;*/
	padding-bottom:29.3499%;/*72.29064*/
	left:29.15%;/*583*/
	top:22.4175%;/*204*/
	background-image: url(../images/h/logo.png);
	z-index:2;
	}
.hb2{
	width:30.9%;
	height:100%;/**/
	top:0;
	left:0;
	background-image: url(../images/h/h2.png);
	}
.p1{
	width:34.85%;/*697*/
	/*height:716px;*/
	padding-bottom:35.7999%;/*102.7259*/
	top:21.3186%;/*194*/
	left:0;
	background-image: url(../images/h/p1.png);
	}
.p2,.p2a{
	width:44.4%;/*888*/
	/*height:706px;*/
	padding-bottom:35.2999%;/*79.5045*/
	top:22.4178%;/*204*/
	left:55.6%;/*1112*/
	}
.p2{background-image: url(../images/h/p2.png);}
.p2a{background-image: url(../images/h/p2a.png);}
.p3{
	width:27.6%;/*552*/
	/*height:730px;*/
	padding-bottom:36.4999%;/*132.2463*/
	top:0;
	left:0;
	background-image: url(../images/h/p3.png);
	}
.p4{
	width:29.3%;/*586*/
	/*height:708px;*/
	padding-bottom:35.3999%;/*120.8191*/
	top:3.6263%;/*33*/
	left:70.7%;/*1414*/
	background-image: url(../images/h/p4.png);
	}
.p5{
	width:21.75%;/*435*/
	/*height:486px;*/
	padding-bottom:24.2999%;/*111.7241*/
	top:0%;/**/
	left:21.35%;/*427*/
	background-image: url(../images/h/p5.png);
	}
.p6{
	width:26.9%;/*538*/
	/*height:642px;*/
	padding-bottom:32.0999%;/*119.3308*/
	top:8.6813%;/*79*/
	left:57.4%;/*1148*/
	background-image: url(../images/h/p6.png);
	}
	
/**/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.finl1 {
	animation:fadeInLeft .8s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInLeft .8s ease;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:fadeInLeft .8s ease;
	-moz-animation-fill-mode:forwards;
	-o-animation:fadeInLeft .8s ease;
	-o-animation-fill-mode:forwards;
	}	
.finl2 {
	animation:fadeInLeft 1s ease-out;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInLeft 1s ease-out;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:fadeInLeft 1s ease-out;
	-moz-animation-fill-mode:forwards;
	-o-animation:fadeInLeft 1s ease-out;
	-o-animation-fill-mode:forwards;
	}
.finl3 {
	animation:fadeInLeft 2s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInLeft 2s ease;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:fadeInLeft 2s ease;
	-moz-animation-fill-mode:forwards;
	-o-animation:fadeInLeft 2s ease;
	-o-animation-fill-mode:forwards;
	}
.finr1 {
	animation:fadeInRight .8s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight .8s ease;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:fadeInRight .8s ease;
	-moz-animation-fill-mode:forwards;
	-o-animation:fadeInRight .8s ease;
	-o-animation-fill-mode:forwards;
	}	
.finr2 {
	animation:fadeInRight 1s ease-out;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight 1s ease-out;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:fadeInRight 1s ease-out;
	-moz-animation-fill-mode:forwards;
	-o-animation:fadeInRight 1s ease-out;
	-o-animation-fill-mode:forwards;
	}	
.finr3 {
	animation:fadeInRight 2s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight 2s ease;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:fadeInRight 2s ease;
	-moz-animation-fill-mode:forwards;
	-o-animation:fadeInRight 2s ease;
	-o-animation-fill-mode:forwards;
	}		
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}	
.zin {
	animation:zoomIn .8s ease;
	animation-fill-mode:forwards;
	-webkit-animation:zoomIn .8s ease;
	-webkit-animation-fill-mode:forwards;
	-moz-animation:zoomIn .8s ease;
	-moz-animation-fill-mode:forwards;
	-o-animation:zoomIn .8s ease;
	-o-animation-fill-mode:forwards;
	}	
#bacc{
	width:100%;
	height:100%;
	position: fixed;
	z-index:20;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/h/loading.png);
	background-color:#FC0;
	overflow:hidden;
	}	
		
	
@media only screen and (max-width:750px){
/**/
.hb{background-image: url(../images/h/h1m.png);}
.logo{
	width:100%;/*750*/
	/*height:520px;*/
	padding-bottom:69.3333%;
	left:0%;
	top:41.4414%;/*368*/
	background-image: url(../images/h/logom.png);
	}
.hb2{background-image:none;}
.p1{
	width:77.0666%;/*578*/
	padding-bottom:79.1673%;/*102.7259*/
	top:20.2702%;/*180*/
	left:-43.7333%;/*-328*/
	}
.p2{
	width:94.8%;/*711*/
	/*height:564px;*/
	padding-bottom:75.3702%;/*79.5045*/
	top:23.7612%;/*221*/
	left:47.3333%;/*355*/
	}
.p2a{background-image:none;}
.p3{
	width:58.9333%;/*442*/
	/*height:585px;*/
	padding-bottom:77.9371%;/*132.2463*/
	top:-00.4504%;/*4*/
	left:-28.9333%;/*217*/
	}
.p4{
	width:62.4%;/*468*/
	/*height:566px;*/
	padding-bottom:75.3911%;/*120.8191*/
	top:5.6306%;/*50*/
	left:62.4%;/*468*/
	}
.p5{
	width:46.5333%;/*349*/
	/*height:388px;*/
	padding-bottom:51.9889%;/*111.7241*/
	top:5.8558%;/*52*/
	left:7.4666%;/*56*/
	}
.p6{
	width:57.3333%;/*430*/
	/*height:514px;*/
	padding-bottom:68.4162%;/*119.3308*/
	top:12.1261%;/*108*/
	left:48.4%;/*363*/
	}
}
@media only screen and (max-width:600px){
/**/
}
@media only screen and (max-width:500px){
/**/

}
@media only screen and (max-width:450px){
/**/
#bacc{ background-size:80% auto;}/**/
}
@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:330px){
/**/
}
@media only screen and (max-width:300px){
/**/

}