@font-face {
	font-family: 'Museo Sans Rounded';
	src: url('fonts/MuseoSansRounded-500-webfont.eot');
	src: url('fonts/MuseoSansRounded-500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/MuseoSansRounded-500-webfont.woff2') format('woff2'), url('fonts/MuseoSansRounded-500-webfont.woff') format('woff'), url('fonts/MuseoSansRounded-500-webfont.ttf') format('truetype'), url('fonts/MuseoSansRounded-500-webfont.svg#museo_sans_rounded') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans Rounded';
	src: url('fonts/MuseoSansRounded-500_Italic_22-webfont.eot');
	src: url('fonts/MuseoSansRounded-500_Italic_22-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/MuseoSansRounded-500_Italic_22-webfont.woff2') format('woff2'), url('fonts/MuseoSansRounded-500_Italic_22-webfont.woff') format('woff'), url('fonts/MuseoSansRounded-500_Italic_22-webfont.ttf') format('truetype'), url('fonts/MuseoSansRounded-500_Italic_22-webfont.svg#museo_sans_rounded') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Museo Sans Rounded';
	src: url('fonts/MuseoSansRounded-900-webfont.eot');
	src: url('fonts/MuseoSansRounded-900-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/MuseoSansRounded-900-webfont.woff2') format('woff2'), url('fonts/MuseoSansRounded-900-webfont.woff') format('woff'), url('fonts/MuseoSansRounded-900-webfont.ttf') format('truetype'), url('fonts/MuseoSansRounded-900-webfont.svg#museo_sans_rounded') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans Rounded';
	src: url('fonts/MuseoSansRounded-900_Italic_22-webfont.eot');
	src: url('fonts/MuseoSansRounded-900_Italic_22-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/MuseoSansRounded-900_Italic_22-webfont.woff2') format('woff2'), url('fonts/MuseoSansRounded-900_Italic_22-webfont.woff') format('woff'), url('fonts/MuseoSansRounded-900_Italic_22-webfont.ttf') format('truetype'), url('fonts/MuseoSansRounded-900_Italic_22-webfont.svg#museo_sans_rounded') format('svg');
	font-weight: bold;
	font-style: italic;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	outline: none;

	-ms-user-callout: none;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-ms-touch-callout: none;
	touch-callout: none;
	
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}

html {
	background: #E6E7E8;
	color: black;
	text-align: center;
	font-family: "Museo Sans Rounded", sans-serif;
	font-size: 0;
	height: 100%;
	line-height: 1;
}

body {
	min-height: 100%;
	overflow-x:hidden;
	touch-action:pan-y; /* disable zoom, only allow scroll */
}

.page {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height:100%;
	min-height: 100%;
	/*min-height: 100vh;*/
}

.page[data-page="2"] {
	display: none;
}

a:link, a:hover, a:active, a:visited {
	color: inherit;
	text-decoration: inherit;
}

input[type=text], input[type=email], input[type=tel], textarea {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

input::placeholder {
	overflow: visible;
	line-height: normal;
}

.transparent {
	opacity: 0.5;
}

.uppercase {
	text-transform: uppercase;
}

.underline {
	text-decoration: underline !important;
}

strong {
	font-weight: bold;
}

div.vcenter {
	display: table;
	width: 100%;
	height: 100%;
}

div.vcenter > div {
	display: table-cell;
	vertical-align: middle;
}

/* ANIMATIONS */

.bounce {
	animation: bouncing 0.75s linear infinite;
}

@keyframes bouncing {
  0%       { transform: scale(1.0); }
  25%, 75% { transform: scale(1.04); }
  50%      { transform: scale(1.05); }
  100%     { transform: scale(1.0); }
}

.rotate {
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.tilt {
	animation: tilting 1s linear infinite;
}

@keyframes tilting {
	/* 0%, 50% { transform: rotate(0); } */
	25% 	 { transform: rotate(-5deg);  }
	75% 	 { transform: rotate(5deg);  }
}