/* 

html5doctor.com Reset Stylesheet v1.4.1 2010-03-01

*/



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-size:100%;

    font-weight: normal;

    vertical-align:baseline;

    background:transparent;

}



body {

    line-height:1;

}



:focus {

	outline: 1;

}



article,aside,canvas,details,figcaption,figure,

footer,header,hgroup,menu,nav,section,summary { 

    display:block;

}



ul,li {

    list-style:none;

}



blockquote, q {

    quotes:none;

}



blockquote:before, blockquote:after,

q:before, q:after {

    content:'';

    content:none;

}



a {

    margin:0;

    padding:0;

    border:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}



ins {

    background-color:#ff9;

    color:#000;

    text-decoration:none;

}



em, i, var {

	font-style: normal;

}



mark {

    background-color:transparent;

    color:#000; 

    font-style:italic;

    font-weight:bold;

}



del {

    text-decoration: line-through;

}



abbr[title], dfn[title] {

    border-bottom:1px dotted #000;

    cursor:help;

}



table {

    border-collapse:collapse;

    border-spacing:0;

}



hr {

    display:block;

    height:1px;

    border:0;   

    border-top:1px solid #cccccc;

    margin:1em 0;

    padding:0;

}



input, select {

    vertical-align:middle;

}



/*assetloading*/

html, body { position: relative; width: 100%; height: 100%; font-size: 12px; font-family: sans-serif; color: #222;  background: #fff; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust:none; }

.wrapper { position: relative; width: 100%; height: 100%;}

.scene { display: none; }

.asset { position: absolute; top: -999px; left: -999px; width: 1px; height: 1px; overflow: hidden;}



.assetloading { display: none; padding-top: 32%; }

.assetloading ul { position: relative; width: 47%; height: 0; padding-bottom: 47%; margin: 0 auto;}

.assetloading li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: url(../img2/loading2.png) no-repeat; background-size: 100% auto;}

.assetloading li:nth-child(2) { background-position-y: 10%; -webkit-animation: ani-asset2 6s 0.2s linear infinite both; }

.assetloading li:nth-child(3) { background-position-y: 20%; -webkit-animation: ani-asset2 6s 0.5s linear infinite both;}

.assetloading li:nth-child(4) { background-position-y: 30%; -webkit-animation: ani-asset2 6s 0.8s linear infinite both;}

.assetloading li:nth-child(5) { background-position-y: 40%; -webkit-animation: ani-asset2 6s 1.1s linear infinite both;}

.assetloading li:nth-child(6) { background-position-y: 50%; -webkit-animation: ani-asset2 6s 1.4s linear infinite both;}

.assetloading li:nth-child(7) { background-position-y: 60%; -webkit-animation: ani-asset2 6s 1.7s linear infinite both;}

.assetloading li:nth-child(8) { background-position-y: 70%; -webkit-animation: ani-asset2 6s 2s linear infinite both;}

.assetloading li:nth-child(9) { background-position-y: 90%; margin: 68% 0 0 0; }

.assetloading li:nth-child(10) { background-position-y: 100%; margin: 68% 0 0 0; width: 20%; background-size: auto 1100%;}

.assetloading li:nth-child(11) { top: 100%; background-image: url(../img2/loading1.png); -webkit-animation: ani-asset1 1s infinite linear; }

.assetloading li:nth-child(12) { background: none; margin: 26% 0 0 55%; -webkit-animation: ani-asset3 6s 0.2s infinite both;}

.assetloading li:nth-child(12) span { display: block; height: 100%; background: url(../img2/loading2.png) no-repeat 0 80%; background-size: 100% auto;  -webkit-animation: ani-asset4 6s infinite linear; }



@-webkit-keyframes ani-asset1{
	0%{ -webkit-transform: scale(1);}
	20%{  -webkit-transform: scale(1.04);}

	40%,100%{ -webkit-transform: scale(1);}
}

@-webkit-keyframes ani-asset2{

	0%,30%{ opacity: 0;}

	33%, 80%{ opacity: 1;}

	85%,100%{ opacity: 0;}

}

@-webkit-keyframes ani-asset3{

	0%,10%{ -webkit-transform: translate(0%,0%);}

	30%{ -webkit-transform: translate(-33%,-52%);}

	80%,100%{ -webkit-transform: translate(0%,0%);}

}

@-webkit-keyframes ani-asset4{

	0%,30%{ -webkit-transform: translate(0%,0%);}

	32%{ -webkit-transform: translate(-3%,3%);}

	34%{ -webkit-transform: translate(4%,-4%);}

	36%{ -webkit-transform: translate(-5%,5%);}

	38%{ -webkit-transform: translate(5%,-5%);}

	40%{ -webkit-transform: translate(-5%,5%);}

	42%{ -webkit-transform: translate(5%,-5%);}

	44%{ -webkit-transform: translate(-5%,5%);}

	46%{ -webkit-transform: translate(5%,-5%);}

	48%{ -webkit-transform: translate(-5%,5%);}

	50%{ -webkit-transform: translate(5%,-5%);}

	52%{ -webkit-transform: translate(-5%,5%);}

	54%{ -webkit-transform: translate(5%,-5%);}

	56%{ -webkit-transform: translate(-5%,5%);}

	58%{ -webkit-transform: translate(5%,-5%);}

	60%{ -webkit-transform: translate(-5%,5%);}

	62%{ -webkit-transform: translate(4%,-4%);}

	64%{ -webkit-transform: translate(-3%,3%);}

	68%{ -webkit-transform: translate(2%,-2%);}

	75%,100%{ -webkit-transform: translate(0%,0%);}

}