@charset "utf-8";
/* CSS Document */
.icc-ato-ov {
	position: relative;
	overflow: hidden;
}
.icc-ato-inner {
	overflow: hidden;
}
.icc-ato-ov.icc-ato-fadein-start .icc-ato-inner:before {
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 2000;
	transition: all 1s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	transform: translateX(0);
}
.icc-ato-ov.icc-ato-fadein-end .icc-ato-inner:before {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.icc-ato-ov.icc-ato-fadeout-start .icc-ato-inner:before {
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 2000;
	-webkit-transition: all 0.8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	transition: all 0.8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.icc-ato-ov.icc-ato-fadeout-end .icc-ato-inner:before {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

/* header */

.icc-ato-ov.icc-ato-fadein-start #header-wrapper{
	opacity: 0;
	left:-100px;

}
.icc-ato-ov.icc-ato-fadein-ready #header-wrapper{
	-webkit-transition: left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity 2s ease;
	transition: left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity 2s ease;
}

.icc-ato-ov.icc-ato-fadein-end #header-wrapper{
	opacity: 1;
	left:0;
}

.icc-ato-ov.icc-ato-fadeout-start #header-wrapper{
	opacity: 1;
	-webkit-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity 1s ease;
	transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity 1s ease;
	left:0;
}

.icc-ato-ov.icc-ato-fadeout-end #header-wrapper{
	opacity: 0;
	left:100px;
}

/* cont */
.icc-ato-ov.icc-ato-fadein-start .page-move {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity 2s ease;
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity 2s ease;
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
}

.icc-ato-ov.icc-ato-fadein-end  .page-move {
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

.icc-ato-ov.icc-ato-fadeout-start  .page-move {
	position: relative;
	opacity: 1;
	-webkit-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity 1s ease;
	transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity 1s ease;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.icc-ato-ov.icc-ato-fadeout-end .page-move  {
	opacity: 0;
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
}