@charset "utf-8";
/*!
 * 테라 월광무사 인트로 Stylesheet
 * http://tera.nexon.com
 * Create: 16.12.06 Update: 16.12.09
 * pooh224@nexon.co.kr
 */

/* CSS Reset
-------------------------------------------------------------- */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
strong,
small,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
button,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
img,
fieldset,
button { border: 0; }
article,
aside,
figcaption,
figure,
video,
audio,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
body,
input,
button,
textarea,
select,
table {
	line-height: 1.2;
	font-family: '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
}
ol,
ul { list-style: none; }
a {
	text-decoration: none;
	color: #555;
	transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
	color: #555;
}
img { vertical-align: middle; }
button,
label { cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
legend {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	visibility: hidden;
}
/* Reserved Class
-------------------------------------------------------------- */
.blind {
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	left: -1000%;
	overflow: hidden;
}
.show { display: block; }
.hide { display: none; }
.fL { float: left; }
.fR { float: right; }
.clearFix { zoom: 1; }
.clearFix:after {
	clear: both;
	display: block;
	content: '';
}
.sprSet {
	background: url(../images/spr_set.png) no-repeat;
	text-indent: -9999px;
	display: block;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after { clear: both; }
/* Styles
-------------------------------------------------------------- */
html,
body {
	width: 100%;
	height: 100%;
}
body { background: #000; }
h3 { display: none; }
#wrap {
	min-width: 1260px;
	margin: 0 auto;
	position: relative;
}
.innerWrap {
	width: 1260px;
	margin: 0 auto;
	position: relative;
}
#header {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	height: 205px;
	background: url(../images/bg_header.png) repeat-x;
}
#header .logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
#header .logo h1 {
	margin: 0 48px 0 0;
	float: left;
}
#header .logo h1 a {
	width: 160px;
	height: 81px;
	background-position: 0 0;
}
#header .logo .list { float: left; }
#header .logo .list li {
	float: left;
	position: relative;
}
#header .logo .list li:after {
	width: 1px;
	height: 35px;
	background: #fff;
	opacity: 0.3;
	filter: alpha(opacity=30);
	position: absolute;
	right: 0;
	top: 23px;
	content: '';
	display: block;
}
#header .logo .list li.event3:after { background: none; }
#header .logo .list li .dep1 {
	width: 214px;
	height: 81px;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#header .logo .list li .dep1.on,
#header .logo .list li .dep1:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#header .logo .list li.event1 .dep1 { background-position: -192px 0; }
#header .logo .list li.event2 .dep1 { background-position: -407px 0; }
#header .logo .list li.event3 .dep1 { background-position: -622px 0; }
#header .logo .list li.event1 .listDep2 {
	width: 301px;
	height: 35px;
	background-position: 0 -81px;
	padding: 0 0 0 28px;
	position: absolute;
	left: -24px;
	top: 77px;
	z-index: 11;
}
#header .logo .list li.event1 .listDep2 li {
	margin: 0 20px 0 0;
	float: left;
}
#header .logo .list li.event1 .listDep2 li:after { background: none; }
#header .logo .list li.event1 .listDep2 a {
	height: 35px;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#header .logo .list li.event1 .listDep2 a.on,
#header .logo .list li.event1 .listDep2 a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#header .logo .list li.event1 .listDep2 .menu0 a {
	width: 37px;
	background-position: -370px -81px;
}
#header .logo .list li.event1 .listDep2 .menu1 a {
	width: 68px;
	background-position: -428px -81px;
}
#header .logo .list li.event1 .listDep2 .menu2 a {
	width: 56px;
	background-position: -523px -81px;
}
#header .logo .list li.event1 .listDep2 .menu3 a {
	width: 41px;
	background-position: -603px -81px;
}
#header .aside {
	position: absolute;
	right: 18px;
	top: 21px;
	z-index: 10;
}
#header .aside .list li {
	margin: 0 3px 0 0;
	float: left;
}
#header .aside .list li.scale_fb {
	margin-top: 11px;
	margin-right: 10px;
}
#header .aside .list li a { height: 44px; }
#header .aside .list a.btnStart {
	width: 178px;
	background-position: -1322px -21px;
}
#header .aside .list a.btnHome {
	width: 30px;
	background-position: -1222px -21px;
}
#header .aside .list a.btnLine{width:30px; background-position:-1187px -21px;}
#header .aside .list a.btnFacebook {
	width: 30px;
	background-position: -1255px -21px;
}
#header .aside .list a.btnbaha {
	width: 30px;
	background-position: -1289px -21px;
}
#header .aside .list a.btndownload {
	width: 30px;
	background-position: -1324px -21px;
}
#header .aside .list a.btnmember {
	width: 40px;
	background-position: -1358px -21px;
}
#header .aside .list li.scale a { transition: all .2s ease-in-out; }
#header .aside .list li.scale a:hover { transform: scale(1.2); }
.section {
	width: 100%;
	height: 1080px;
	position: relative;
}
.video video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.evt_wraps {
	width: 1046px;
	margin: 665px auto 0;
}
.evt {
	position: relative;
	z-index: 111;
	margin: 0px 0px;
	float: left;
}
.evt_1 { width: 522px; }
.evt_2 { width: 348px; }
.evt ol { }
.evt ol li {
	width: 170px;
	height: 80px;
	margin: 5px 2px;
	float: left;
}
.evt ol li a {
	display: block;
	height: 100%;
	background-image: url(../images/evt.png);
	background-repeat: no-repeat;
}
.evt_1 ol li:nth-of-type(1) a { background-position: 0px 0px; }
.evt_1 ol li:nth-of-type(2) a { background-position: 0px -100px;}
.evt_1 ol li:nth-of-type(3) a { background-position: 0px -200px;}
.evt_1 ol li:nth-of-type(4) a { background-position: 0px -300px;}
.evt_1 ol li:nth-of-type(5) a { background-position: 0px -400px;}
.evt_1 ol li:nth-of-type(6) a { background-position: 0px -500px;}
.evt_2 ol li:nth-of-type(1) a { background-position: 0px -600px;}
.evt_2 ol li:nth-of-type(2) a { background-position: 0px -700px;}
.evt_2 ol li:nth-of-type(3) a { background-position: 0px -800px;}
.evt_2 ol li:nth-of-type(4) a { background-position: 0px -900px;}
.evt_3 ol li:nth-of-type(1) a { background-position: 0px -1000px;}



.evt ol li a span { display: none; }
.evt ol li a:after {
	display: block;
	content: " ";
	position: absolute;
	width: 170px;
	height: 80px;
	background-color: rgba(255,255,255,0);
	transition: all .3s ease-in-out;
	border-radius:10px;
}
.evt ol li a:hover:after { background-color: rgba(255,255,255,.3); }
.evt.evt_2 ol li a:after {	/*background-color: rgba(33,222,255,0);*/ }
.evt.evt_2 ol li a:hover:after { /*background-color: rgba(33,222,255,.3);*/ }
canvas {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
}
.obj {
	position: absolute;
	visibility: hidden;
	z-index: 9;
}
#section0 { background: url(../images/bg.jpg) 50% 0 no-repeat; }
#section0 .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -230px 0 0 -266px;
}
#section0 .obj1 {
	width: 532px;
	height: 32px;
	background-position: 0 -162px;
	left: 0;
	top: 0;
}
#section0 .obj2 {
	width: 532px;
	height: 214px;
	background-position: 0 -194px;
	left: 0;
	top: 32px;
}
#section0 .obj3 {
	width: 106px;
	height: 106px;
	background-position: -315px -494px;
	left: 214px;
	top: 275px;
	outline: none;
}
#section1 .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -157px 0 0 -512px;
}
#section1 .obj1 {
	width: 380px;
	height: 240px;
	background-position: -546px -194px;
	left: 0;
	top: 0;
}
#section2 .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -164px 0 0 -512px;
}
#section2 .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -164px 0 0 -512px;
}
#section2 .obj1 {
	width: 534px;
	height: 248px;
	background-position: -943px -194px;
	left: 0;
	top: 0;
}
#section3 .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -489px 0 0 -855px;
}
#section3 .obj1 {
	width: 1660px;
	height: 1018px;
	background: url(../images/img_story.png) !important;
	left: 0;
	top: 0;
}
.btnEq {
	width: 104px;
	height: 113px;
	background-position: -1396px -621px;
	position: absolute;
	right: 36px;
	top: 125px;
}
button.btnTrigger {
	width: 118px;
	height: 234px;
	position: absolute;
	top: 50%;
	margin-top: -157px;
	z-index: 10;
	outline: none;
}
button.btnTrigger.prev {
	background-position: 0 -486px;
	left: 50px;
}
button.btnTrigger.next {
	background-position: -135px -486px;
	right: 50px;
}
.footer {
	width: 300px;
	height: 100px;
	background: url(../images/img_footer.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	left: 20px;
	top: 846px;
	z-index: 10;
}
.layerMedia {
	width: 1104px;
	height: 693px;
	position: absolute;
	left: 50%;
	top: 80px;
	margin: 0 0 0 -552px;
	z-index: 3000;
	display: none;
}
.layerMedia .inner {
	width: 1102px;
	height: 620px;
	border: 1px solid #fff;
	border: 1px solid rgba(255,255,255,0.23);
	background: #000;
	position: static !important;
	margin: 0 !important;
}
.layerMedia .btnClose { margin: 0 -10px 0 0; }
.layerMedia .btnClose button {
	width: 51px;
	height: 71px;
	background-position: -463px -499px;
	float: right;
	outline: none;
}
iframe[name="google_conversion_frame"] {
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	left: -1000%;
	overflow: hidden;
}
.overlay {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 900;
	display: none;
}
.overlayTop {
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
}
#particles-js {
	z-index: 1;
	width: 100%;
	height: 99%;
	position: absolute;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.pt-perspective {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}
.pt-page {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.pt-page-current,
.pt-page-current .obj,
.no-js .pt-page {
	visibility: visible;
	z-index: 1;
}
.no-js body { overflow: auto; }
.pt-page-ontop { z-index: 999; }
.pt-page-moveToLeft {
	-webkit-animation: moveToLeft .6s ease both;
	animation: moveToLeft .6s ease both
}
.pt-page-moveFromLeft {
	-webkit-animation: moveFromLeft .6s ease both;
	animation: moveFromLeft .6s ease both
}
.pt-page-moveToRight {
	-webkit-animation: moveToRight .6s ease both;
	animation: moveToRight .6s ease both
}
.pt-page-moveFromRight {
	-webkit-animation: moveFromRight .6s ease both;
	animation: moveFromRight .6s ease both
}
.pt-page-moveToTop {
	-webkit-animation: moveToTop .6s ease both;
	animation: moveToTop .6s ease both
}
.pt-page-moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both
}
.pt-page-moveToBottom {
	-webkit-animation: moveToBottom .6s ease both;
	animation: moveToBottom .6s ease both
}
.pt-page-moveFromBottom {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both
}
.pt-page-fade {
	-webkit-animation: fade .7s ease both;
	animation: fade .7s ease both
}
.pt-page-moveToLeftFade {
	-webkit-animation: moveToLeftFade .7s ease both;
	animation: moveToLeftFade .7s ease both
}
.pt-page-moveFromLeftFade {
	-webkit-animation: moveFromLeftFade .7s ease both;
	animation: moveFromLeftFade .7s ease both
}
.pt-page-moveToRightFade {
	-webkit-animation: moveToRightFade .7s ease both;
	animation: moveToRightFade .7s ease both
}
.pt-page-moveFromRightFade {
	-webkit-animation: moveFromRightFade .7s ease both;
	animation: moveFromRightFade .7s ease both
}
.pt-page-moveToTopFade {
	-webkit-animation: moveToTopFade .7s ease both;
	animation: moveToTopFade .7s ease both
}
.pt-page-moveFromTopFade {
	-webkit-animation: moveFromTopFade .7s ease both;
	animation: moveFromTopFade .7s ease both
}
.pt-page-moveToBottomFade {
	-webkit-animation: moveToBottomFade .7s ease both;
	animation: moveToBottomFade .7s ease both
}
.pt-page-moveFromBottomFade {
	-webkit-animation: moveFromBottomFade .7s ease both;
	animation: moveFromBottomFade .7s ease both
}
.pt-page-moveToLeftEasing {
	-webkit-animation: moveToLeft .7s ease-in-out both;
	animation: moveToLeft .7s ease-in-out both
}
.pt-page-moveToRightEasing {
	-webkit-animation: moveToRight .7s ease-in-out both;
	animation: moveToRight .7s ease-in-out both
}
.pt-page-moveToTopEasing {
	-webkit-animation: moveToTop .7s ease-in-out both;
	animation: moveToTop .7s ease-in-out both
}
.pt-page-moveToBottomEasing {
	-webkit-animation: moveToBottom .7s ease-in-out both;
	animation: moveToBottom .7s ease-in-out both
}
@-webkit-keyframes moveToLeft { to {
-webkit-transform:translateX(-100%)
}
}
@keyframes moveToLeft { to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@-webkit-keyframes moveFromLeft { from {
-webkit-transform:translateX(-100%)
}
}
@keyframes moveFromLeft { from {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@-webkit-keyframes moveToRight { to {
-webkit-transform:translateX(100%)
}
}
@keyframes moveToRight { to {
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
@-webkit-keyframes moveFromRight { from {
-webkit-transform:translateX(100%)
}
}
@keyframes moveFromRight { from {
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
@-webkit-keyframes moveToTop { to {
-webkit-transform:translateY(-100%)
}
}
@keyframes moveToTop { to {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@-webkit-keyframes moveFromTop { from {
-webkit-transform:translateY(-100%)
}
}
@keyframes moveFromTop { from {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@-webkit-keyframes moveToBottom { to {
-webkit-transform:translateY(100%)
}
}
@keyframes moveToBottom { to {
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
}
@-webkit-keyframes moveFromBottom { from {
-webkit-transform:translateY(100%)
}
}
@keyframes moveFromBottom { from {
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
}
@-webkit-keyframes fade { to {
opacity:.3
}
}
@keyframes fade { to {
opacity:.3
}
}
@-webkit-keyframes moveToLeftFade { to {
opacity:.3;
-webkit-transform:translateX(-100%)
}
}
@keyframes moveToLeftFade { to {
opacity:.3;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@-webkit-keyframes moveFromLeftFade { from {
opacity:.3;
-webkit-transform:translateX(-100%)
}
}
@keyframes moveFromLeftFade { from {
opacity:.3;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@-webkit-keyframes moveToRightFade { to {
opacity:.3;
-webkit-transform:translateX(100%)
}
}
@keyframes moveToRightFade { to {
opacity:.3;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
@-webkit-keyframes moveFromRightFade { from {
opacity:.3;
-webkit-transform:translateX(100%)
}
}
@keyframes moveFromRightFade { from {
opacity:.3;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
@-webkit-keyframes moveToTopFade { to {
opacity:.3;
-webkit-transform:translateY(-100%)
}
}
@keyframes moveToTopFade { to {
opacity:.3;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@-webkit-keyframes moveFromTopFade { from {
opacity:.3;
-webkit-transform:translateY(-100%)
}
}
@keyframes moveFromTopFade { from {
opacity:.3;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@-webkit-keyframes moveToBottomFade { to {
opacity:.3;
-webkit-transform:translateY(100%)
}
}
@keyframes moveToBottomFade { to {
opacity:.3;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
}
@-webkit-keyframes moveFromBottomFade { from {
opacity:.3;
-webkit-transform:translateY(100%)
}
}
@keyframes moveFromBottomFade { from {
opacity:.3;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
}
.pt-page-scaleDown {
	-webkit-animation: scaleDown .7s ease both;
	animation: scaleDown .7s ease both
}
.pt-page-scaleUp {
	-webkit-animation: scaleUp .7s ease both;
	animation: scaleUp .7s ease both
}
.pt-page-scaleUpDown {
	-webkit-animation: scaleUpDown .5s ease both;
	animation: scaleUpDown .5s ease both
}
.pt-page-scaleDownUp {
	-webkit-animation: scaleDownUp .5s ease both;
	animation: scaleDownUp .5s ease both
}
.pt-page-scaleDownCenter {
	-webkit-animation: scaleDownCenter .4s ease-in both;
	animation: scaleDownCenter .4s ease-in both
}
.pt-page-scaleUpCenter {
	-webkit-animation: scaleUpCenter .4s ease-out both;
	animation: scaleUpCenter .4s ease-out both
}
@-webkit-keyframes scaleDown { to {
opacity:0;
-webkit-transform:scale(.8)
}
}
@keyframes scaleDown { to {
opacity:0;
-webkit-transform:scale(.8);
transform:scale(.8)
}
}
@-webkit-keyframes scaleUp { from {
opacity:0;
-webkit-transform:scale(.8)
}
}
@keyframes scaleUp { from {
opacity:0;
-webkit-transform:scale(.8);
transform:scale(.8)
}
}
@-webkit-keyframes scaleUpDown { from {
opacity:0;
-webkit-transform:scale(1.2)
}
}
@keyframes scaleUpDown { from {
opacity:0;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
}
@-webkit-keyframes scaleDownUp { to {
opacity:0;
-webkit-transform:scale(1.2)
}
}
@keyframes scaleDownUp { to {
opacity:0;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
}
@-webkit-keyframes scaleDownCenter { to {
opacity:0;
-webkit-transform:scale(.7)
}
}
@keyframes scaleDownCenter { to {
opacity:0;
-webkit-transform:scale(.7);
transform:scale(.7)
}
}
@-webkit-keyframes scaleUpCenter { from {
opacity:0;
-webkit-transform:scale(.7)
}
}
@keyframes scaleUpCenter { from {
opacity:0;
-webkit-transform:scale(.7);
transform:scale(.7)
}
}
.pt-page-rotateRightSideFirst {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateRightSideFirst .8s both ease-in;
	animation: rotateRightSideFirst .8s both ease-in
}
.pt-page-rotateLeftSideFirst {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateLeftSideFirst .8s both ease-in;
	animation: rotateLeftSideFirst .8s both ease-in
}
.pt-page-rotateTopSideFirst {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateTopSideFirst .8s both ease-in;
	animation: rotateTopSideFirst .8s both ease-in
}
.pt-page-rotateBottomSideFirst {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateBottomSideFirst .8s both ease-in;
	animation: rotateBottomSideFirst .8s both ease-in
}
.pt-page-flipOutRight {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutRight .5s both ease-in;
	animation: flipOutRight .5s both ease-in
}
.pt-page-flipInLeft {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft .5s both ease-out;
	animation: flipInLeft .5s both ease-out
}
.pt-page-flipOutLeft {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutLeft .5s both ease-in;
	animation: flipOutLeft .5s both ease-in
}
.pt-page-flipInRight {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInRight .5s both ease-out;
	animation: flipInRight .5s both ease-out
}
.pt-page-flipOutTop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutTop .5s both ease-in;
	animation: flipOutTop .5s both ease-in
}
.pt-page-flipInBottom {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInBottom .5s both ease-out;
	animation: flipInBottom .5s both ease-out
}
.pt-page-flipOutBottom {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutBottom .5s both ease-in;
	animation: flipOutBottom .5s both ease-in
}
.pt-page-flipInTop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInTop .5s both ease-out;
	animation: flipInTop .5s both ease-out
}
.pt-page-rotateFall {
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-animation: rotateFall 1s both ease-in;
	animation: rotateFall 1s both ease-in
}
.pt-page-rotateOutNewspaper {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateOutNewspaper .5s both ease-in;
	animation: rotateOutNewspaper .5s both ease-in
}
.pt-page-rotateInNewspaper {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateInNewspaper .5s both ease-out;
	animation: rotateInNewspaper .5s both ease-out
}
.pt-page-rotatePushLeft {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotatePushLeft .8s both ease;
	animation: rotatePushLeft .8s both ease
}
.pt-page-rotatePushRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatePushRight .8s both ease;
	animation: rotatePushRight .8s both ease
}
.pt-page-rotatePushTop {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotatePushTop .8s both ease;
	animation: rotatePushTop .8s both ease
}
.pt-page-rotatePushBottom {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatePushBottom .8s both ease;
	animation: rotatePushBottom .8s both ease
}
.pt-page-rotatePullRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatePullRight .5s both ease;
	animation: rotatePullRight .5s both ease
}
.pt-page-rotatePullLeft {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotatePullLeft .5s both ease;
	animation: rotatePullLeft .5s both ease
}
.pt-page-rotatePullTop {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotatePullTop .5s both ease;
	animation: rotatePullTop .5s both ease
}
.pt-page-rotatePullBottom {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatePullBottom .5s both ease;
	animation: rotatePullBottom .5s both ease
}
.pt-page-rotateFoldRight {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateFoldRight .7s both ease;
	animation: rotateFoldRight .7s both ease
}
.pt-page-rotateFoldLeft {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateFoldLeft .7s both ease;
	animation: rotateFoldLeft .7s both ease
}
.pt-page-rotateFoldTop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateFoldTop .7s both ease;
	animation: rotateFoldTop .7s both ease
}
.pt-page-rotateFoldBottom {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateFoldBottom .7s both ease;
	animation: rotateFoldBottom .7s both ease
}
.pt-page-rotateUnfoldLeft {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateUnfoldLeft .7s both ease;
	animation: rotateUnfoldLeft .7s both ease
}
.pt-page-rotateUnfoldRight {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateUnfoldRight .7s both ease;
	animation: rotateUnfoldRight .7s both ease
}
.pt-page-rotateUnfoldTop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateUnfoldTop .7s both ease;
	animation: rotateUnfoldTop .7s both ease
}
.pt-page-rotateUnfoldBottom {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateUnfoldBottom .7s both ease;
	animation: rotateUnfoldBottom .7s both ease
}
.pt-page-rotateRoomLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateRoomLeftOut .8s both ease;
	animation: rotateRoomLeftOut .8s both ease
}
.pt-page-rotateRoomLeftIn {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateRoomLeftIn .8s both ease;
	animation: rotateRoomLeftIn .8s both ease
}
.pt-page-rotateRoomRightOut {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateRoomRightOut .8s both ease;
	animation: rotateRoomRightOut .8s both ease
}
.pt-page-rotateRoomRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateRoomRightIn .8s both ease;
	animation: rotateRoomRightIn .8s both ease
}
.pt-page-rotateRoomTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateRoomTopOut .8s both ease;
	animation: rotateRoomTopOut .8s both ease
}
.pt-page-rotateRoomTopIn {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateRoomTopIn .8s both ease;
	animation: rotateRoomTopIn .8s both ease
}
.pt-page-rotateRoomBottomOut {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateRoomBottomOut .8s both ease;
	animation: rotateRoomBottomOut .8s both ease
}
.pt-page-rotateRoomBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateRoomBottomIn .8s both ease;
	animation: rotateRoomBottomIn .8s both ease
}
.pt-page-rotateCubeLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCubeLeftOut .6s both ease-in;
	animation: rotateCubeLeftOut .6s both ease-in
}
.pt-page-rotateCubeLeftIn {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateCubeLeftIn .6s both ease-in;
	animation: rotateCubeLeftIn .6s both ease-in
}
.pt-page-rotateCubeRightOut {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateCubeRightOut .6s both ease-in;
	animation: rotateCubeRightOut .6s both ease-in
}
.pt-page-rotateCubeRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCubeRightIn .6s both ease-in;
	animation: rotateCubeRightIn .6s both ease-in
}
.pt-page-rotateCubeTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeTopOut .6s both ease-in;
	animation: rotateCubeTopOut .6s both ease-in
}
.pt-page-rotateCubeTopIn {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateCubeTopIn .6s both ease-in;
	animation: rotateCubeTopIn .6s both ease-in
}
.pt-page-rotateCubeBottomOut {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateCubeBottomOut .6s both ease-in;
	animation: rotateCubeBottomOut .6s both ease-in
}
.pt-page-rotateCubeBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeBottomIn .6s both ease-in;
	animation: rotateCubeBottomIn .6s both ease-in
}
.pt-page-rotateCarouselLeftOut {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCarouselLeftOut .8s both ease;
	animation: rotateCarouselLeftOut .8s both ease
}
.pt-page-rotateCarouselLeftIn {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateCarouselLeftIn .8s both ease;
	animation: rotateCarouselLeftIn .8s both ease
}
.pt-page-rotateCarouselRightOut {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: rotateCarouselRightOut .8s both ease;
	animation: rotateCarouselRightOut .8s both ease
}
.pt-page-rotateCarouselRightIn {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateCarouselRightIn .8s both ease;
	animation: rotateCarouselRightIn .8s both ease
}
.pt-page-rotateCarouselTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCarouselTopOut .8s both ease;
	animation: rotateCarouselTopOut .8s both ease
}
.pt-page-rotateCarouselTopIn {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateCarouselTopIn .8s both ease;
	animation: rotateCarouselTopIn .8s both ease
}
.pt-page-rotateCarouselBottomOut {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateCarouselBottomOut .8s both ease;
	animation: rotateCarouselBottomOut .8s both ease
}
.pt-page-rotateCarouselBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCarouselBottomIn .8s both ease;
	animation: rotateCarouselBottomIn .8s both ease
}
.pt-page-rotateSidesOut {
	-webkit-transform-origin: -50% 50%;
	transform-origin: -50% 50%;
	-webkit-animation: rotateSidesOut .5s both ease-in;
	animation: rotateSidesOut .5s both ease-in
}
.pt-page-rotateSidesIn {
	-webkit-transform-origin: 150% 50%;
	transform-origin: 150% 50%;
	-webkit-animation: rotateSidesIn .5s both ease-out;
	animation: rotateSidesIn .5s both ease-out
}
.pt-page-rotateSlideOut {
	-webkit-animation: rotateSlideOut 1s both ease;
	animation: rotateSlideOut 1s both ease
}
.pt-page-rotateSlideIn {
	-webkit-animation: rotateSlideIn 1s both ease;
	animation: rotateSlideIn 1s both ease
}
@-webkit-keyframes rotateRightSideFirst { 40% {
-webkit-transform:rotateY(15deg);
opacity:.8;
-webkit-animation-timing-function:ease-out
}
100% {
-webkit-transform:scale(.8) translateZ(-200px);
opacity:0
}
}
@keyframes rotateRightSideFirst { 40% {
-webkit-transform:rotateY(15deg);
transform:rotateY(15deg);
opacity:.8;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
100% {
-webkit-transform:scale(.8) translateZ(-200px);
transform:scale(.8) translateZ(-200px);
opacity:0
}
}
@-webkit-keyframes rotateLeftSideFirst { 40% {
-webkit-transform:rotateY(-15deg);
opacity:.8;
-webkit-animation-timing-function:ease-out
}
100% {
-webkit-transform:scale(.8) translateZ(-200px);
opacity:0
}
}
@keyframes rotateLeftSideFirst { 40% {
-webkit-transform:rotateY(-15deg);
transform:rotateY(-15deg);
opacity:.8;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
100% {
-webkit-transform:scale(.8) translateZ(-200px);
transform:scale(.8) translateZ(-200px);
opacity:0
}
}
@-webkit-keyframes rotateTopSideFirst { 40% {
-webkit-transform:rotateX(15deg);
opacity:.8;
-webkit-animation-timing-function:ease-out
}
100% {
-webkit-transform:scale(.8) translateZ(-200px);
opacity:0
}
}
@keyframes rotateTopSideFirst { 40% {
-webkit-transform:rotateX(15deg);
transform:rotateX(15deg);
opacity:.8;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
100% {
-webkit-transform:scale(.8) translateZ(-200px);
transform:scale(.8) translateZ(-200px);
opacity:0
}
}
@-webkit-keyframes rotateBottomSideFirst { 40% {
-webkit-transform:rotateX(-15deg);
opacity:.8;
-webkit-animation-timing-function:ease-out
}
100% {
-webkit-transform:scale(.8) translateZ(-200px);
opacity:0
}
}
@keyframes rotateBottomSideFirst { 40% {
-webkit-transform:rotateX(-15deg);
transform:rotateX(-15deg);
opacity:.8;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
100% {
-webkit-transform:scale(.8) translateZ(-200px);
transform:scale(.8) translateZ(-200px);
opacity:0
}
}
@-webkit-keyframes flipOutRight { to {
-webkit-transform:translateZ(-1000px) rotateY(90deg);
opacity:.2
}
}
@keyframes flipOutRight { to {
-webkit-transform:translateZ(-1000px) rotateY(90deg);
transform:translateZ(-1000px) rotateY(90deg);
opacity:.2
}
}
@-webkit-keyframes flipInLeft { from {
-webkit-transform:translateZ(-1000px) rotateY(-90deg);
opacity:.2
}
}
@keyframes flipInLeft { from {
-webkit-transform:translateZ(-1000px) rotateY(-90deg);
transform:translateZ(-1000px) rotateY(-90deg);
opacity:.2
}
}
@-webkit-keyframes flipOutLeft { to {
-webkit-transform:translateZ(-1000px) rotateY(-90deg);
opacity:.2
}
}
@keyframes flipOutLeft { to {
-webkit-transform:translateZ(-1000px) rotateY(-90deg);
transform:translateZ(-1000px) rotateY(-90deg);
opacity:.2
}
}
@-webkit-keyframes flipInRight { from {
-webkit-transform:translateZ(-1000px) rotateY(90deg);
opacity:.2
}
}
@keyframes flipInRight { from {
-webkit-transform:translateZ(-1000px) rotateY(90deg);
transform:translateZ(-1000px) rotateY(90deg);
opacity:.2
}
}
@-webkit-keyframes flipOutTop { to {
-webkit-transform:translateZ(-1000px) rotateX(90deg);
opacity:.2
}
}
@keyframes flipOutTop { to {
-webkit-transform:translateZ(-1000px) rotateX(90deg);
transform:translateZ(-1000px) rotateX(90deg);
opacity:.2
}
}
@-webkit-keyframes flipInBottom { from {
-webkit-transform:translateZ(-1000px) rotateX(-90deg);
opacity:.2
}
}
@keyframes flipInBottom { from {
-webkit-transform:translateZ(-1000px) rotateX(-90deg);
transform:translateZ(-1000px) rotateX(-90deg);
opacity:.2
}
}
@-webkit-keyframes flipOutBottom { to {
-webkit-transform:translateZ(-1000px) rotateX(-90deg);
opacity:.2
}
}
@keyframes flipOutBottom { to {
-webkit-transform:translateZ(-1000px) rotateX(-90deg);
transform:translateZ(-1000px) rotateX(-90deg);
opacity:.2
}
}
@-webkit-keyframes flipInTop { from {
-webkit-transform:translateZ(-1000px) rotateX(90deg);
opacity:.2
}
}
@keyframes flipInTop { from {
-webkit-transform:translateZ(-1000px) rotateX(90deg);
transform:translateZ(-1000px) rotateX(90deg);
opacity:.2
}
}
@-webkit-keyframes rotateFall { 0% {
-webkit-transform:rotateZ(0)
}
20% {
-webkit-transform:rotateZ(10deg);
-webkit-animation-timing-function:ease-out
}
40% {
-webkit-transform:rotateZ(17deg)
}
60% {
-webkit-transform:rotateZ(16deg)
}
100% {
-webkit-transform:translateY(100%) rotateZ(17deg)
}
}
@keyframes rotateFall { 0% {
-webkit-transform:rotateZ(0);
transform:rotateZ(0)
}
20% {
-webkit-transform:rotateZ(10deg);
transform:rotateZ(10deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:rotateZ(17deg);
transform:rotateZ(17deg)
}
60% {
-webkit-transform:rotateZ(16deg);
transform:rotateZ(16deg)
}
100% {
-webkit-transform:translateY(100%) rotateZ(17deg);
transform:translateY(100%) rotateZ(17deg)
}
}
@-webkit-keyframes rotateOutNewspaper { to {
-webkit-transform:translateZ(-3000px) rotateZ(360deg);
opacity:0
}
}
@keyframes rotateOutNewspaper { to {
-webkit-transform:translateZ(-3000px) rotateZ(360deg);
transform:translateZ(-3000px) rotateZ(360deg);
opacity:0
}
}
@-webkit-keyframes rotateInNewspaper { from {
-webkit-transform:translateZ(-3000px) rotateZ(-360deg);
opacity:0
}
}
@keyframes rotateInNewspaper { from {
-webkit-transform:translateZ(-3000px) rotateZ(-360deg);
transform:translateZ(-3000px) rotateZ(-360deg);
opacity:0
}
}
@-webkit-keyframes rotatePushLeft { to {
opacity:0;
-webkit-transform:rotateY(90deg)
}
}
@keyframes rotatePushLeft { to {
opacity:0;
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg)
}
}
@-webkit-keyframes rotatePushRight { to {
opacity:0;
-webkit-transform:rotateY(-90deg)
}
}
@keyframes rotatePushRight { to {
opacity:0;
-webkit-transform:rotateY(-90deg);
transform:rotateY(-90deg)
}
}
@-webkit-keyframes rotatePushTop { to {
opacity:0;
-webkit-transform:rotateX(-90deg)
}
}
@keyframes rotatePushTop { to {
opacity:0;
-webkit-transform:rotateX(-90deg);
transform:rotateX(-90deg)
}
}
@-webkit-keyframes rotatePushBottom { to {
opacity:0;
-webkit-transform:rotateX(90deg)
}
}
@keyframes rotatePushBottom { to {
opacity:0;
-webkit-transform:rotateX(90deg);
transform:rotateX(90deg)
}
}
@-webkit-keyframes rotatePullRight { from {
opacity:0;
-webkit-transform:rotateY(-90deg)
}
}
@keyframes rotatePullRight { from {
opacity:0;
-webkit-transform:rotateY(-90deg);
transform:rotateY(-90deg)
}
}
@-webkit-keyframes rotatePullLeft { from {
opacity:0;
-webkit-transform:rotateY(90deg)
}
}
@keyframes rotatePullLeft { from {
opacity:0;
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg)
}
}
@-webkit-keyframes rotatePullTop { from {
opacity:0;
-webkit-transform:rotateX(-90deg)
}
}
@keyframes rotatePullTop { from {
opacity:0;
-webkit-transform:rotateX(-90deg);
transform:rotateX(-90deg)
}
}
@-webkit-keyframes rotatePullBottom { from {
opacity:0;
-webkit-transform:rotateX(90deg)
}
}
@keyframes rotatePullBottom { from {
opacity:0;
-webkit-transform:rotateX(90deg);
transform:rotateX(90deg)
}
}
@-webkit-keyframes rotateFoldRight { to {
opacity:0;
-webkit-transform:translateX(100%) rotateY(90deg)
}
}
@keyframes rotateFoldRight { to {
opacity:0;
-webkit-transform:translateX(100%) rotateY(90deg);
transform:translateX(100%) rotateY(90deg)
}
}
@-webkit-keyframes rotateFoldLeft { to {
opacity:0;
-webkit-transform:translateX(-100%) rotateY(-90deg)
}
}
@keyframes rotateFoldLeft { to {
opacity:0;
-webkit-transform:translateX(-100%) rotateY(-90deg);
transform:translateX(-100%) rotateY(-90deg)
}
}
@-webkit-keyframes rotateFoldTop { to {
opacity:0;
-webkit-transform:translateY(-100%) rotateX(90deg)
}
}
@keyframes rotateFoldTop { to {
opacity:0;
-webkit-transform:translateY(-100%) rotateX(90deg);
transform:translateY(-100%) rotateX(90deg)
}
}
@-webkit-keyframes rotateFoldBottom { to {
opacity:0;
-webkit-transform:translateY(100%) rotateX(-90deg)
}
}
@keyframes rotateFoldBottom { to {
opacity:0;
-webkit-transform:translateY(100%) rotateX(-90deg);
transform:translateY(100%) rotateX(-90deg)
}
}
@-webkit-keyframes rotateUnfoldLeft { from {
opacity:0;
-webkit-transform:translateX(-100%) rotateY(-90deg)
}
}
@keyframes rotateUnfoldLeft { from {
opacity:0;
-webkit-transform:translateX(-100%) rotateY(-90deg);
transform:translateX(-100%) rotateY(-90deg)
}
}
@-webkit-keyframes rotateUnfoldRight { from {
opacity:0;
-webkit-transform:translateX(100%) rotateY(90deg)
}
}
@keyframes rotateUnfoldRight { from {
opacity:0;
-webkit-transform:translateX(100%) rotateY(90deg);
transform:translateX(100%) rotateY(90deg)
}
}
@-webkit-keyframes rotateUnfoldTop { from {
opacity:0;
-webkit-transform:translateY(-100%) rotateX(90deg)
}
}
@keyframes rotateUnfoldTop { from {
opacity:0;
-webkit-transform:translateY(-100%) rotateX(90deg);
transform:translateY(-100%) rotateX(90deg)
}
}
@-webkit-keyframes rotateUnfoldBottom { from {
opacity:0;
-webkit-transform:translateY(100%) rotateX(-90deg)
}
}
@keyframes rotateUnfoldBottom { from {
opacity:0;
-webkit-transform:translateY(100%) rotateX(-90deg);
transform:translateY(100%) rotateX(-90deg)
}
}
@-webkit-keyframes rotateRoomLeftOut { to {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(90deg)
}
}
@keyframes rotateRoomLeftOut { to {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(90deg);
transform:translateX(-100%) rotateY(90deg)
}
}
@-webkit-keyframes rotateRoomLeftIn { from {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(-90deg)
}
}
@keyframes rotateRoomLeftIn { from {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(-90deg);
transform:translateX(100%) rotateY(-90deg)
}
}
@-webkit-keyframes rotateRoomRightOut { to {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(-90deg)
}
}
@keyframes rotateRoomRightOut { to {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(-90deg);
transform:translateX(100%) rotateY(-90deg)
}
}
@-webkit-keyframes rotateRoomRightIn { from {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(90deg)
}
}
@keyframes rotateRoomRightIn { from {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(90deg);
transform:translateX(-100%) rotateY(90deg)
}
}
@-webkit-keyframes rotateRoomTopOut { to {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(-90deg)
}
}
@keyframes rotateRoomTopOut { to {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(-90deg);
transform:translateY(-100%) rotateX(-90deg)
}
}
@-webkit-keyframes rotateRoomTopIn { from {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(90deg)
}
}
@keyframes rotateRoomTopIn { from {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(90deg);
transform:translateY(100%) rotateX(90deg)
}
}
@-webkit-keyframes rotateRoomBottomOut { to {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(90deg)
}
}
@keyframes rotateRoomBottomOut { to {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(90deg);
transform:translateY(100%) rotateX(90deg)
}
}
@-webkit-keyframes rotateRoomBottomIn { from {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(-90deg)
}
}
@keyframes rotateRoomBottomIn { from {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(-90deg);
transform:translateY(-100%) rotateX(-90deg)
}
}
@-webkit-keyframes rotateCubeLeftOut { 50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
}
100% {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(-90deg)
}
}
@keyframes rotateCubeLeftOut { 50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
}
100% {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(-90deg);
transform:translateX(-100%) rotateY(-90deg)
}
}
@-webkit-keyframes rotateCubeLeftIn { 0% {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)
}
}
@keyframes rotateCubeLeftIn { 0% {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(90deg);
transform:translateX(100%) rotateY(90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);
transform:translateX(50%) translateZ(-200px) rotateY(45deg)
}
}
@-webkit-keyframes rotateCubeRightOut { 50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)
}
100% {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(90deg)
}
}
@keyframes rotateCubeRightOut { 50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);
transform:translateX(50%) translateZ(-200px) rotateY(45deg)
}
100% {
opacity:.3;
-webkit-transform:translateX(100%) rotateY(90deg);
transform:translateX(100%) rotateY(90deg)
}
}
@-webkit-keyframes rotateCubeRightIn { 0% {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(-90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
}
}
@keyframes rotateCubeRightIn { 0% {
opacity:.3;
-webkit-transform:translateX(-100%) rotateY(-90deg);
transform:translateX(-100%) rotateY(-90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)
}
}
@-webkit-keyframes rotateCubeTopOut { 50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
}
100% {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(90deg)
}
}
@keyframes rotateCubeTopOut { 50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);
transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
}
100% {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(90deg);
transform:translateY(-100%) rotateX(90deg)
}
}
@-webkit-keyframes rotateCubeTopIn { 0% {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(-90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
}
}
@keyframes rotateCubeTopIn { 0% {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(-90deg);
transform:translateY(100%) rotateX(-90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);
transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
}
}
@-webkit-keyframes rotateCubeBottomOut { 50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
}
100% {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(-90deg)
}
}
@keyframes rotateCubeBottomOut { 50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);
transform:translateY(50%) translateZ(-200px) rotateX(-45deg)
}
100% {
opacity:.3;
-webkit-transform:translateY(100%) rotateX(-90deg);
transform:translateY(100%) rotateX(-90deg)
}
}
@-webkit-keyframes rotateCubeBottomIn { 0% {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
}
}
@keyframes rotateCubeBottomIn { 0% {
opacity:.3;
-webkit-transform:translateY(-100%) rotateX(90deg);
transform:translateY(-100%) rotateX(90deg)
}
50% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);
transform:translateY(-50%) translateZ(-200px) rotateX(45deg)
}
}
@-webkit-keyframes rotateCarouselLeftOut { to {
opacity:.3;
-webkit-transform:translateX(-150%) scale(.4) rotateY(-65deg)
}
}
@keyframes rotateCarouselLeftOut { to {
opacity:.3;
-webkit-transform:translateX(-150%) scale(.4) rotateY(-65deg);
transform:translateX(-150%) scale(.4) rotateY(-65deg)
}
}
@-webkit-keyframes rotateCarouselLeftIn { from {
opacity:.3;
-webkit-transform:translateX(200%) scale(.4) rotateY(65deg)
}
}
@keyframes rotateCarouselLeftIn { from {
opacity:.3;
-webkit-transform:translateX(200%) scale(.4) rotateY(65deg);
transform:translateX(200%) scale(.4) rotateY(65deg)
}
}
@-webkit-keyframes rotateCarouselRightOut { to {
opacity:.3;
-webkit-transform:translateX(200%) scale(.4) rotateY(65deg)
}
}
@keyframes rotateCarouselRightOut { to {
opacity:.3;
-webkit-transform:translateX(200%) scale(.4) rotateY(65deg);
transform:translateX(200%) scale(.4) rotateY(65deg)
}
}
@-webkit-keyframes rotateCarouselRightIn { from {
opacity:.3;
-webkit-transform:translateX(-200%) scale(.4) rotateY(-65deg)
}
}
@keyframes rotateCarouselRightIn { from {
opacity:.3;
-webkit-transform:translateX(-200%) scale(.4) rotateY(-65deg);
transform:translateX(-200%) scale(.4) rotateY(-65deg)
}
}
@-webkit-keyframes rotateCarouselTopOut { to {
opacity:.3;
-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg)
}
}
@keyframes rotateCarouselTopOut { to {
opacity:.3;
-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);
transform:translateY(-200%) scale(.4) rotateX(65deg)
}
}
@-webkit-keyframes rotateCarouselTopIn { from {
opacity:.3;
-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg)
}
}
@keyframes rotateCarouselTopIn { from {
opacity:.3;
-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);
transform:translateY(200%) scale(.4) rotateX(-65deg)
}
}
@-webkit-keyframes rotateCarouselBottomOut { to {
opacity:.3;
-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg)
}
}
@keyframes rotateCarouselBottomOut { to {
opacity:.3;
-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);
transform:translateY(200%) scale(.4) rotateX(-65deg)
}
}
@-webkit-keyframes rotateCarouselBottomIn { from {
opacity:.3;
-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg)
}
}
@keyframes rotateCarouselBottomIn { from {
opacity:.3;
-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);
transform:translateY(-200%) scale(.4) rotateX(65deg)
}
}
@-webkit-keyframes rotateSidesOut { to {
opacity:0;
-webkit-transform:translateZ(-500px) rotateY(90deg)
}
}
@keyframes rotateSidesOut { to {
opacity:0;
-webkit-transform:translateZ(-500px) rotateY(90deg);
transform:translateZ(-500px) rotateY(90deg)
}
}
@-webkit-keyframes rotateSidesIn { from {
opacity:0;
-webkit-transform:translateZ(-500px) rotateY(-90deg)
}
}
@keyframes rotateSidesIn { from {
opacity:0;
-webkit-transform:translateZ(-500px) rotateY(-90deg);
transform:translateZ(-500px) rotateY(-90deg)
}
}
@-webkit-keyframes rotateSlideOut { 25% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100%, 75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
}
@keyframes rotateSlideOut { 25% {
opacity:.5;
-webkit-transform:translateZ(-500px);
transform:translateZ(-500px)
}
100%, 75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%);
transform:translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes rotateSlideIn { 0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0)
}
}
@keyframes rotateSlideIn { 0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%);
transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px);
transform:translateZ(-500px)
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0);
transform:translateZ(0) translateX(0)
}
}
.pt-page-delay100 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}
.pt-page-delay180 {
	-webkit-animation-delay: .18s;
	animation-delay: .18s
}
.pt-page-delay200 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
.pt-page-delay300 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.pt-page-delay400 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
.pt-page-delay500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}
.pt-page-delay700 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}
.pt-page-delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.spinner {
	width: 70px;
	text-align: center;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -35px;
	opacity: 0.7;
}
.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #fff;
	margin-right: 5px;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
 @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% {
-webkit-transform: scale(0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes sk-bouncedelay { 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
40% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
}
}