@font-face {
    font-family: 'museo_sans_rounded';
    src: url('/css/fonts/MuseoSansRounded-500-webfont.eot');
    src: url('/css/fonts/MuseoSansRounded-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSansRounded-500-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSansRounded-500-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSansRounded-500-webfont.ttf') format('truetype'),
         url('/css/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('/css/fonts/MuseoSansRounded-500_Italic_22-webfont.eot');
    src: url('/css/fonts/MuseoSansRounded-500_Italic_22-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSansRounded-500_Italic_22-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSansRounded-500_Italic_22-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSansRounded-500_Italic_22-webfont.ttf') format('truetype'),
         url('/css/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('/css/fonts/MuseoSansRounded-900-webfont.eot');
    src: url('/css/fonts/MuseoSansRounded-900-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSansRounded-900-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSansRounded-900-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSansRounded-900-webfont.ttf') format('truetype'),
         url('/css/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('/css/fonts/MuseoSansRounded-900_Italic_22-webfont.eot');
    src: url('/css/fonts/MuseoSansRounded-900_Italic_22-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSansRounded-900_Italic_22-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSansRounded-900_Italic_22-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSansRounded-900_Italic_22-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSansRounded-900_Italic_22-webfont.svg#museo_sans_rounded') format('svg');
    font-weight: bold;
    font-style: italic;
}

* {
  font-family: inherit;
  font-weight:inherit;
  margin:0;
  padding:0;
  border:0;
  line-height:1.1;
  
  -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 {
  width:100vw;
  height:100%;
  color:white;
  overflow-x:hidden;
        
  font-family: "museo_sans_rounded", arial;
  font-weight: normal;
  
  background-color: #1a7921;
  background-image: url('/graphics/bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	width:100vw;
	height:100%; 
}

.page-container {
	position:absolute;
	left:0;
	top:0;
	text-align:center;
  width:100vw;
  height:100%;
}

input[type=text], input[type=email], input[type=tel] {
  -webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

div.button, input, select {
  display:block;
  margin:0 auto;
  width:80vmin;
  border-radius:4vmin;
  position:relative;
  padding:5vmin 2vmin;
  font-size:5.675vmin;
  text-align:center;
}

div.button {
  background:black;
  color:white;       
  cursor:pointer;
  overflow:hidden;
}

input, select, .button.gray {
  background:#ededed;
  color:black;
}

div.button > .icon {
  position:absolute;
  top:50%;
  right:0;
  width:14vmin;
  height:14vmin;
  margin-top:-7vmin;
  background-size:100% 100%;
}

div.button > img.avatar {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:auto;
}

.rotate {  
	-webkit-animation: rotation 1s linear infinite;
	-moz-animation: rotation 1s linear infinite;
	-ms-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotation {
	0%   { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotation {
	0%   { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}
@keyframes rotation {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.vcenter-t {
  display: table;
  width:100%;
  height:100%;
}

.vcenter-c {
  display: table-cell;
  vertical-align: middle;
}

.scale-down {
	-ms-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.scale-up {
	-ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

a:link, a:hover, a:active, a:visited {
  color:inherit;
  text-decoration:inherit;
}

.impress {
  text-shadow:0 -0.5vmin rgba(0,0,0,0.2); 
}

.uppercase {
  text-transform:uppercase;
}

.underline {
  text-decoration: underline;
}

.bounce {
	-webkit-animation: bouncing 0.75s linear infinite;
	-moz-animation: bouncing 0.75s linear infinite;
	-ms-animation: bouncing 0.75s linear infinite;
	animation: bouncing 0.75s linear infinite;
}

@-webkit-keyframes bouncing {
  0%       { -webkit-transform: scale(1.0); }
  25%, 75% { -webkit-transform: scale(1.04); }
  50%      { -webkit-transform: scale(1.05); }
  100%     { -webkit-transform: scale(1.0); }
}

@-moz-keyframes bouncing {
  0%       { -moz-transform: scale(1.0); }
  25%, 75% { -moz-transform: scale(1.04); }
  50%      { -moz-transform: scale(1.05); }
  100%     { -moz-transform: scale(1.0); }
}

@-ms-keyframes bouncing {
  0%       { -ms-transform: scale(1.0); }
  25%, 75% { -ms-transform: scale(1.04); }
  50%      { -ms-transform: scale(1.05); }
  100%     { -ms-transform: scale(1.0); }
}

@keyframes bouncing {
  0%       { transform: scale(1.0); }
  25%, 75% { transform: scale(1.04); }
  50%      { transform: scale(1.05); }
  100%     { transform: scale(1.0); }
}

.transparent {
	opacity: 0.5;
}

.flight {
	/*font-weight:200;*/
}

.fmedium {
	/*font-weight:400;*/
}

.fbold, strong {
  font-weight:bold;
  /*font-weight:700;*/
}

.fblack {
	font-weight:bold;
  /*font-weight:900;*/
}

.fitalic {
	font-style:italic;
}

p {
  font-size:6.25vmin;
}

img.icon {
  width:10.625vmin;
  height:10.625vmin;
}

img.spinner {
  width:20vmin;
  height:20vmin;

  -webkit-animation: rotation 1s linear infinite;
	-moz-animation: rotation 1s linear infinite;
	-ms-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite;
}