*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { font-size: 100%; padding: 0; margin: 0;}
/* -----------===========CLEARFIX=======---------  */
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; }
/* -----------===========GENERAL CSS=======---------  */

body {
	color: #fff;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}

#logo {
	width: 450px;
	height: 150px;
	background: url(images/logo__.png) no-repeat center center;
	position: fixed;
	top: 10%;
	left: 50%;
	margin-left: -225px;
	background-size: 100% 100%;
	background-size: contain;
	-o-transition:500ms;
	-ms-transition:500ms;
	-moz-transition:500ms;
	-webkit-transition:500ms;
	
}

.fixed_button {
	background: url(images/btn.png) no-repeat center center;
	background-size: contain;
position: fixed;
top: 90%;
left: 50%;
text-decoration: none;
/* border: 2px solid white; */
color: white;
margin-left: -140px;
z-index: 999;
text-indent: -1999px;
width: 280px;
height: 90px;
}



.mask {
	background: url(images/mask.png) no-repeat center center;
	width: 100%;
	height:100%;
	background-size: 100% 100%;
	background-size: cover;
	color: #6g4fbf;
	margin: auto;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	-o-transition:500ms;
	-ms-transition:500ms;
	-moz-transition:500ms;
	-webkit-transition:500ms;
	}
	
.unmask {
	background: url(images/unmask.png) no-repeat center center;
	width: 100%;
	height:100%;
	background-size: 100% 100%;
	background-size: cover;
	color: #6g4fbf;
	margin: auto;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	-o-transition:100ms;
	-ms-transition:100ms;
	-moz-transition:100ms;
	-webkit-transition:100ms;
	}		
			
#pt-main {
	z-index: -100;
	position: relative;
	}
	
.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-1 {
	background: url(images/hcb_01.jpg) no-repeat center center;
	background-size: cover;
	}
	
.pt-page-2 {
	background: url(images/cas_01.jpg) no-repeat center center;
	background-size: cover;
	}

.pt-page-3 {
	background: url(images/geo_01.jpg) no-repeat center center;
	background-size: cover;
	}
	
.pt-page-4 {
	background: url(images/hj_01.jpg) no-repeat center center;
	background-size: cover;
	}

.pt-page-5 {
	background: url(images/hcb_03.jpg) no-repeat center center;
	background-size: cover;
	}
	
.pt-page-6 {
	background: url(images/vir_01.jpg) no-repeat center center;
	background-size: cover;
	}
.pt-page-7 {
	background: url(images/hcb_02.jpg) no-repeat center center;
	background-size: cover;
	}
.pt-page-8 {
	background: url(images/xmas_02.jpg) no-repeat center center;
	background-size: cover;
	}
.pt-page-9 {
	background: url(images/vir_02.jpg) no-repeat center center;
	background-size: cover;
	}	
.pt-page-10 {
	background: url(images/geo_02.jpg) no-repeat center center;
	background-size: cover;
	}	
	
.pt-page-11 {
	background: url(images/cas_02.jpg) no-repeat center center;
	background-size: cover;
	}	
	
.pt-page-13 {
	background: url(images/lo_2_@2x.jpg) no-repeat center center;
	background-size: cover;
	}
	
.pt-page-12 {
/*background: url(images/wi_1_@2x.jpg) no-repeat center center;
background-size: cover;*/
background-image: #fbc7eb;
background-image: -moz-linear-gradient(top,  #fbc7eb 0%, #fde1f5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc7eb), color-stop(100%,#fde1f5));
background-image: -webkit-linear-gradient(top,  #fbc7eb 0%,#fde1f5 100%);
background-image: -o-linear-gradient(top,  #fbc7eb 0%,#fde1f5 100%);
background-image: -ms-linear-gradient(top,  #fbc7eb 0%,#fde1f5 100%);
background-image: linear-gradient(to bottom,  #fbc7eb 0%,#fde1f5 100%);
	}
	.pt-page-12 img {
	max-width: 1400px;
	/* margin: 0 auto; */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -437px;
	margin-left: -700px;
	}


/* -----------===========COMPONENT CSS=======---------  */

html, body { height: 100%; 
	}
.pt-perspective {
	position: relative;
	width: 100%;
	height: 100%;
	}
	
.pt-page-current,
.no-js .pt-page {
	visibility: visible;
	z-index: 1;
	}
	
.no-js body {
	overflow: auto;
	}
	
.pt-triggers {
	position: absolute;
	width: 300px;
	z-index: 1000;
	}
	
.no-js .pt-triggers {
	display: none;
	}
	
.pt-triggers .dl-menuwrapper button,
.pt-touch-button {
	border: none;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 10px 0 20px;
	padding: 0px 20px;
	line-height: 50px;
	height: 50px;
	letter-spacing: 1px;
	width: 100%;
	cursor: pointer;
	display: block;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	box-shadow: 0 3px 0 rgba(0,0,0,0.1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
	
/* -----------===========ANIMATION=======---------  */
.pt-page-moveToLeft {
	-webkit-animation: moveToLeft .6s ease both;
	-moz-animation: moveToLeft .6s ease both;
	animation: moveToLeft .6s ease both;
	}
	
.pt-page-moveFromLeft {
	-webkit-animation: moveFromLeft .6s ease both;
	-moz-animation: moveFromLeft .6s ease both;
	animation: moveFromLeft .6s ease both;
	}
	
.pt-page-moveToRight {
	-webkit-animation: moveToRight .6s ease both;
	-moz-animation: moveToRight .6s ease both;
	animation: moveToRight .6s ease both;
	}
	
.pt-page-moveFromRight {
	-webkit-animation: moveFromRight .6s ease both;
	-moz-animation: moveFromRight .6s ease both;
	animation: moveFromRight .6s ease both;
	}
	
.pt-page-moveToTop {
	-webkit-animation: moveToTop .6s ease both;
	-moz-animation: moveToTop .6s ease both;
	animation: moveToTop .6s ease both;
	}

.pt-page-moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	-moz-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both;
	}

.pt-page-moveToBottom {
	-webkit-animation: moveToBottom .6s ease both;
	-moz-animation: moveToBottom .6s ease both;
	animation: moveToBottom .6s ease both;
	}

.pt-page-moveFromBottom {
	-webkit-animation: moveFromBottom .6s ease both;
	-moz-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
	}

/* -----------===========KRYFRAMES=======---------  */
/* move from / to  */
@-webkit-keyframes moveToLeft {
	to { -webkit-transform: translateX(-100%); }
	}
@-moz-keyframes moveToLeft {
	to { -moz-transform: translateX(-100%); }
	}
@keyframes moveToLeft {
	to { transform: translateX(-100%); }
	}
@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
	}
@-moz-keyframes moveFromLeft {
	from { -moz-transform: translateX(-100%); }
	}
@keyframes moveFromLeft {
	from { transform: translateX(-100%); }
	}
@-webkit-keyframes moveToRight { 
	to { -webkit-transform: translateX(100%); }
	}
@-moz-keyframes moveToRight { 
	to { -moz-transform: translateX(100%); }
	}
@keyframes moveToRight { 
	to { transform: translateX(100%); }
	}
@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
	}
@-moz-keyframes moveFromRight {
	from { -moz-transform: translateX(100%); }
	}
@keyframes moveFromRight {
	from { transform: translateX(100%); }
	}
@-webkit-keyframes moveToTop {
	to { -webkit-transform: translateY(-100%); }
	}
@-moz-keyframes moveToTop {
	to { -moz-transform: translateY(-100%); }
	}
@keyframes moveToTop {
	to { transform: translateY(-100%); }
	}
@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
	}
@-moz-keyframes moveFromTop {
	from { -moz-transform: translateY(-100%); }
	}
@keyframes moveFromTop {
	from { transform: translateY(-100%); }
	}
@-webkit-keyframes moveToBottom {
	to { -webkit-transform: translateY(100%); }
	}
@-moz-keyframes moveToBottom {
	to { -moz-transform: translateY(100%); }
	}
@keyframes moveToBottom {
	to { transform: translateY(100%); }
	}
@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); }
	}
@-moz-keyframes moveFromBottom {
	from { -moz-transform: translateY(100%); }
	}
@keyframes moveFromBottom {
	from { transform: translateY(100%); }
	}
		
/* animation delay classes */

.pt-page-delay100 {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	animation-delay: .1s;
	}
.pt-page-delay180 {
	-webkit-animation-delay: .180s;
	-moz-animation-delay: .180s;
	animation-delay: .180s;
	}
.pt-page-delay200 {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s;
	}
.pt-page-delay300 {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s;
	}
.pt-page-delay400 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	animation-delay: .4s;
	}
.pt-page-delay500 {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
	}
.pt-page-delay700 {
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	animation-delay: .7s;
	}
.pt-page-delay1000 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
	}