body {
	background-image: url(image/hg.jpg);
	font-family: 'Cabin', sans-serif;
}
a:link {
	text-decoration: none;
	color: black;
}
a:visited {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: none;
	color: white;
}
a:active {
	text-decoration: none;
	color: black;
}
.screen {
	position:absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	-webkit-transition: 1s all 0s ease;
	-moz-transition: 1s all 0s ease;
	transition: 1s all 0s ease;
}
.blur {
	-webkit-filter: blur(2px);
	filter: blur(2px);
}
.imgthe {
	position:absolute;
	top: 50%;
	left: 50%;;
	margin-top: 250px;
	margin-left: -400px;
	height: 20px;
	width: 800px;	
}
.th19 {
	text-align: center;
	font-size: 0.7em;
	width: 156px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 0px solid black;
	box-sizing: border-box;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
	cursor: pointer;
	-webkit-transition: 1s all 0s ease;
	-moz-transition: 1s all 0s ease;
	transition: 1s all 0s ease;
}
.th19n {
	height: 19px;
	opacity: 1;
	padding-top: 3px;
	margin-top: 0px;
	color: #333;
	background-color: rgba(255, 255, 255, 0.5);
}
.th19f {
	height: 19px;
	opacity: 1;
	padding-top: 3px;
	margin-top: 0px;
	color: black;
	background-color: rgba(95, 165, 195, 0.5);
}
.th19d {
	height: 15px;
	padding: 0px;
	opacity: 0.6;
	margin-top: -2px;
	color: #676767;
	background-color: rgba(255, 255, 255, 0.6);
}
.hgsc0 {
	position:absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity: 0;
	background-color: black;
	-webkit-transition: 1s all 0s ease;
	-moz-transition: 1s all 0s ease;
	transition: 1s all 0s ease;
}
.hgsc1 {
	position:absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity: 1;
	background-color: black;
	-webkit-transition: 2s all 0s ease;
	-moz-transition: 2s all 0s ease;
	transition: 2s all 0s ease;
}
.hg0 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: 2s all 0s ease;
	-moz-transition: 2s all 0s ease;
	transition: 2s all 0s ease;
}
.hg0a {
	height: 500px;
	width: 800px;
	margin-top: -250px;
	margin-left: -400px;
	background-color: black;
}
.hg0b {
	height: 4000px;
	width: 4000px;
	margin-top: -2000px;
	margin-left: -2000px;
	opacity: 1;
	background-position: -1600px -1750px;
}
.hg1 {
	height: 8000px;
	width: 8000px;
	margin-top: -4000px;
	margin-left: -4000px;
	opacity: 0;
	background-color: black;
	background-position: -3200px -3200px;
	background-image: url(image/himmel4.gif);
}
.hg2 {
	height: 8000px;
	width: 8000px;
	margin-top: -4000px;
	margin-left: -4000px;
	opacity: 1;
	background-color: black;
	background-position: -3200px -3200px;
	background-image: url(image/himmel4.gif);
	animation: animationFrames linear 360s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear 360s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 360s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 360s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 360s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}
.hg3 {
	height: 8000px;
	width: 8000px;
	margin-top: -4000px;
	margin-left: -4000px;
	opacity: 0;
	background-color: black;
	background-position: -3200 -3200;
	background-image: url(image/himmel4.gif);
	animation: animationFrames linear 360s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear 360s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 360s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 360s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 360s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}
@keyframes animationFrames{
  0% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(360deg) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(360deg) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(360deg) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(360deg) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(360deg) ;
  }
}


.s2 {margin-left: -145px;margin-top: 150px;}
.s3 {margin-left: -65px;margin-top: 150px;}
.s4 {margin-left: 15px;margin-top: 150px;}
.s5 {margin-left: 95px;margin-top: 150px;}

.s11 {margin-left: -75px;margin-top: 203px;}
.s12 {margin-left: -25px;margin-top: 203px;}
.s13 {margin-left: 25px;margin-top: 203px;}

.q3 {
	position: absolute;
	height: 50px;
	width: 50px;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	overflow: hidden;
	z-index:11;
}
.q2 {
	position: absolute;
	height: 50px;
	width: 50px;
	top: 50%;
	left: 50%;
	-webkit-transition: 2s all 0.1s ease;
	-moz-transition: 2s all 0.1s ease;
	transition: 2s all 0.1s ease;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	z-index:4;
}
.q2d {
	position: absolute;
	height: 50px;
	width: 50px;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	overflow: hidden;
	cursor: auto;
	z-index:-1;
}
.q1 {
	position: absolute;
	height: 50px;
	width: 50px;
	-webkit-transition: 2s all 0.1s ease;
	-moz-transition: 2s all 0.1s ease;
	transition: 2s all 0.1s ease;
	box-sizing: border-box;
	cursor: pointer;
	z-index:4;
}

.tt {
	position: absolute;
	font-family: 'Cabin', sans-serif;
	font-size: 0.7em;
	text-align: center;
	top: 50%;
	left: 50%;
	width: 7em;
	margin-top: 195px;
	background-color: rgba(180, 180, 180, 0.7);
	z-index: 9;
}
.tt0 {
	position: absolute;
	font-family: 'Cabin', sans-serif;
	font-size: 0.7em;
	text-align: center;
	top: 50%;
	left: 50%;
	width: 7em;
	margin-top: 195px;
	background-color: rgba(180, 180, 180, 0.7);
	z-index: -1;
}
#it40x {
	visibility: hidden;
}
#tb2 {
	margin-left: -159px;
	visibility: hidden;
}
#it35:hover ~ #tb2 {
    visibility: visible;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
#tb3 {
	margin-left: -79px;
	visibility: hidden;
}
#it40a:hover ~ #tb3 {
    visibility: visible;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
#tb3d {
	margin-left: -79px;
	visibility: hidden;
	background-color: rgba(255, 116, 116, 0.72);
}
#tb4 {
	margin-left: 1px;
	visibility: hidden;
}
#it45:hover ~ #tb4 {
    visibility: visible;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
#tb5 {
	margin-left: 81px;
	visibility: hidden;
}
#it50:hover ~ #tb5 {
    visibility: visible;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

#tb1 {
	margin-left: -159px;
	visibility: hidden;
}
#it11:hover ~ #tb1 {
    visibility: visible;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.co {
	position: absolute;
	top: 0px;
	left: -175px;
	height: 400px;
	width: 400px;
	box-sizing: border-box;
	-webkit-transition: 2s all 0.1s ease;
	-moz-transition: 2s all 0.1s ease;
	transition: 2s all 0.1s ease;
}
.coa {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 400px;
	width: 400px;
	box-sizing: border-box;
	color: black;
	-webkit-transition: 2s all 0.1s ease;
	-moz-transition: 2s all 0.1s ease;
	transition: 2s all 0.1s ease;
}
.col {
	margin-top: 50px;
}
.coe {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	color: black;
}
.hea {
	font-family: 'Wire One', sans-serif;
	font-size: 4em;
	text-align: center;
	margin-top: 0.6em;
	margin-bottom: 0.5em;
	color: black;
}
.tex {
	font-family: 'Cabin', sans-serif;
	font-size: 1em;
	text-align: center;
	margin-bottom: 0.3em;
	color: black;
}
.x0 {
	background-repeat: no-repeat;
	margin-top: -250px;
}

#ifr {
	height: 100%;
	width: 100%;
	overflow: hidden;	
}
#sc0 {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index:4;
	cursor: pointer;
	-webkit-filter: blur(3px);
	filter: blur(3px);
}
.contact {
	position: absolute;
	height: 400px;
	width: 400px;
	margin-top: -200px;
	margin-left: -200px;
	top: 50%; 
	left: 50%;
	z-index:5;
	-webkit-transition: 2s all 0.1s ease;
	-moz-transition: 2s all 0.1s ease;
	transition: 2s all 0.1s ease;
	background-color: rgba(225, 225, 225, 0.9);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.7);
	border: 2px solid #666; 
}
.contact:hover {
	height: 400px;
	width: 400px;
	margin-top: -200px;
	margin-left: -200px;
	top: 50%; 
	left: 50%;
	background-color: rgba(225, 225, 225, 0.9);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
	-webkit-transform: translateZ(80px);
	border: 2px solid #333;
	cursor: none !important;
}
.expan {
	position: absolute;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	top: 0px; 
	left: 0px;
	z-index:5;
	background-color: rgba(225, 225, 225, 1);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
	border: none;
	overflow: hidden; 
}
.expan:hover {
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	top: 0px; 
	left: 0px;
	z-index:5;
	background-color: rgba(225, 225, 225, 1);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.7);
	-webkit-transform: translateZ(80px);
	-webkit-transition: 3s all 0.1s ease;
	-moz-transition: 3s all 0.1s ease;
	transition: 3s all 0.1s ease;
	border: none;
}
.lin {
	cursor: pointer;
}
IMG.disp {
    display: block;
    margin-left: auto;
    margin-right: auto
}
#rahm {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -220px;
	margin-left: -385px;
	width: 800px;
	height: 500px;
}
.wi0 {
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
	position: absolute;
	width: 800px;
	height: 500px;
	overflow: hidden;
}

.wi1 {
	text-align: center;
	font-family: 'Wire One', sans-serif;
	font-size: 2.5em;
	text-align: center;
	margin-top: 100px;
	/* margin-bottom: 0.5em; */
	color: red;
}
.wi2 {
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -350px;
	position: absolute;
}
.wi3 {
	top: 50%;
	left: 50%;
	margin-top: -255px;
	height: 355px;
	position: absolute;
	color:white;
	-webkit-transition: 0.5s all 0.1s ease;
	-moz-transition: 0.5s all 0.1s ease;
	transition: 0.5s all 0.1s ease;
}
.pw30 {
	margin-left: 1500px;
	opacity: 0;
	width: 3000px;
}
.pw31 {
	opacity: 1;
	width: 500px;
	margin-left: -250px;
}
.pw32 {
	margin-left: -2500px;
	opacity: 0;
	width: 3000px;
}
.px1 {
	position: relative;
	left: 10%;
	margin-top: 4%;
	font-size: 150%;
}
.px2 {
	position: relative;
	left: 70%;
	margin-top: 4%;
	font-size: 130%;
}
.px3 {
	position: relative;
	left: 20%;
	margin-top: 4%;
	font-size: 100%;
}
.px4 {
	position: relative;
	left: 60%;
	margin-top: 4%;
	font-size: 120%;
}
.px5 {
	position: relative;
	left: 0%;
	margin-top: 6%;
	font-size: 150%;
}
.px6 {
	position: relative;
	left: 50%;
	margin-top: 7%;
	font-size: 140%;
}
.px7 {
	position: relative;
	left: 100%;
	margin-top: 3%;
	font-size: 100%;
}
.px8 {
	position: relative;
	left: 100%;
	margin-top: 3%;
	font-size: 100%;
}
.wb0 {
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
	position: absolute;
	width: 800px;
	height: 500px;
	overflow: hidden;
	background-image: url(../image/wolken2.png);
	background-repeat: no-repeat;
	background-size: 1000px 500px;
}
.wb1 {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	transform:rotateY(180deg);
	background-position: -200px 0px;
	-webkit-transition: 2s all 1s linear;
	-moz-transition: 2s all 1s linear;
	transition: 2s all 1s linear;
}
.wb2 {
	background-position: -200px 0px;
	-webkit-transition: 2s all 1s linear;
	-moz-transition: 2s all 1s linear;
	transition: 2s all 1s linear;
}
.wb3 {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	transform:rotateY(180deg);
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
	transform:rotateZ(180deg);
	background-position: -200px 0px;
	-webkit-transition: 3s all 1.5s linear;
	-moz-transition: 3s all 1.5s linear;
	transition: 3s all 1.5s linear;
}
.wb4 {
	background-position: -200px 0px;
	-webkit-transition: 3s all 1.5s linear;
	-moz-transition: 3s all 1.5s linear;
	transition: 3s all 1.5s linear;
}
.wp2 {
	background-position: 400px 0px;
	opacity: 0;
}
.wp4 {
	background-position: 200px 0px;
	opacity: 0;
}

.screen > div {
	position: absolute; 
	width: 800px;
	height: 500px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto; 
}
.bild {
	position: absolute;
	width: 800px;
	height: 500px;
	overflow: hidden;
}
.bildd1 {
	-webkit-mask-image: url(image/ver.png);
	-webkit-mask-position: 100%;
}
.bilda1 {
	-webkit-mask-image: url(image/ver.png);
	-webkit-mask-position: 0%;
	-webkit-transition: 3s all 0.1s ease;
	-moz-transition: 3s all 0.1s ease;
	transition: 3s all 0.1s ease;
}
.bilda {
	-webkit-mask-image: url(image/ver.png);
	-webkit-mask-position: 0%;
}
.bildd {
	-webkit-mask-image: url(image/ver.png);
	-webkit-mask-position: 100%;
}
.bildd0 {
	opacity: 0;
}
.bilda0 {
	opacity: 1;
	-webkit-transition: 2s all 0.1s ease;
	-moz-transition: 2s all 0.1s ease;
	transition: 2s all 0.1s ease;	
}
.bildx {
	opacity: 0;
	-webkit-transition: 2s all 0s ease;
	-moz-transition: 2s all 0s ease;
	transition: 2s all 0s ease;
}
.b00 {background-image: url(bild/00.png);}
.b0 {background-image: url(bild/0.jpg);}
.b1 {background-image: url(bild/1.jpg);}
.b2 {background-image: url(bild/2.jpg);}
.b3 {background-image: url(bild/3.jpg);}
.b4 {background-image: url(bild/4.jpg);}
.b5 {background-image: url(bild/5.jpg);}
.b6 {background-image: url(bild/6.jpg);}
.b7 {background-image: url(bild/7.jpg);}
.b8 {background-image: url(bild/8.jpg);}
.b9 {background-image: url(bild/9.jpg);}
.b10 {background-image: url(bild/10.jpg);}
.b11 {background-image: url(bild/11.jpg);}
.b12 {background-image: url(bild/12.jpg);}
.b13 {background-image: url(bild/13.jpg);}
.b14 {background-image: url(bild/14.jpg);}
.b15 {background-image: url(bild/15.jpg);}
.b16 {background-image: url(bild/16.jpg);}
.b17 {background-image: url(bild/17.jpg);}
.b18 {background-image: url(bild/18.jpg);}
.b19 {background-image: url(bild/19.jpg);}
.b20 {background-image: url(bild/20.jpg);}
.b21 {background-image: url(bild/21.jpg);}
.b22 {background-image: url(bild/22.jpg);}
.b23 {background-image: url(bild/23.jpg);}
.b24 {background-image: url(bild/24.jpg);}
.b25 {background-image: url(bild/25.jpg);}
.b26 {background-image: url(bild/26.jpg);}

.unta {
	right: 20px;
	bottom: 20px;
	opacity: 1;
	position: absolute;
	width: 130px;
	height: 72px;
	background-image: url(image/u.png);
	-webkit-transition: 0.1s opacity 0s ease;
	-moz-transition: 0.1s opacity 0s ease;
	transition: 0.1s opacity 0s ease;
	z-index: 3;
}
.untd {
	right: 20px;
	bottom: 20px;
	opacity: 0;
	position: absolute;
	width: 130px;
	height: 72px;
	background-image: url(image/u.png);
	-webkit-transition: 0.1s opacity 0s ease;
	-moz-transition: 0.1s opacity 0s ease;
	transition: 0.1s opacity 0s ease;
	z-index: 3;
}

.u0 {background-position: 0px 72px;}
.u1 {background-position: 0px 0px;}
.u2 {background-position: 0px -72px;}
.u3 {background-position: 0px -144px;}
.u4 {background-position: 0px -216px;}
.u5 {background-position: 0px -288px;}
.u6 {background-position: 0px -360px;}
.u7 {background-position: 0px -432px;}
.u8 {background-position: 0px -504px;}
.u9 {background-position: 0px -576px;}
.u10 {background-position: 0px -648px;}
.u11 {background-position: 0px -720px;}
.u12 {background-position: 0px -792px;}
.u13 {background-position: 0px -864px;}
.u14 {background-position: 0px -936px;}
.u15 {background-position: 0px -1008px;}
.u16 {background-position: 0px -1080px;}
.u17 {background-position: 0px -1152px;}
.u18 {background-position: 0px -1224px;}
.u19 {background-position: 0px -1296px;}
.u20 {background-position: 0px -1368px;}
.u21 {background-position: 0px -1440px;}
.u22 {background-position: 0px -1512px;}
.u23 {background-position: 0px -1584px;}
.u24 {background-position: 0px -1656px;}
.u25 {background-position: 0px -1728px;}
.u26 {background-position: 0px -1800px;}
.u27 {background-position: 0px -1872px;}
.u28 {background-position: 0px -1944px;}
.u29 {background-position: 0px -2016px;}
.u30 {background-position: 0px -2088px;}
.u31 {background-position: 0px -2160px;}

.cur {
	cursor:url(image/cursor.gif), pointer;
}
.cur2 {
	cursor:url(image/cursor2.gif), pointer;
}
.op3 {
	opacity: 0.3;
}
.hid {
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
.z-1 {
	z-index: -1;
}
.z4 {
	z-index: 4;
}

@font-face {
	font-family: 'icon';
	src:url('fonts/icon.eot?wgf3d1');
	src:url('fonts/icon.eot?#iefixwgf3d1') format('embedded-opentype'),
		url('fonts/icon.woff?wgf3d1') format('woff'),
		url('fonts/icon.ttf?wgf3d1') format('truetype'),
		url('fonts/icon.svg?wgf3d1#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon1 {
	font-family: 'icon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.6;
	text-align: center;
	font-size: 2em;
	height: 50px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon2 {
	font-family: 'icon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 2.1;
	text-align: center;
	font-size: 1.5em;
	height: 50px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon3 {
	font-family: 'icon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 2.1;
	text-align: center;
	font-size: 1.8em;
	
	position: absolute;
	left: 50%;
	top: 50%;
	height: 1.5em;
	width: 160px;	
	margin-top: -310px;
	margin-left: -80px;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #444;
	-webkit-transition: 3s all 0.1s ease;
	-moz-transition: 3s all 0.1s ease;
	transition: 3s all 0.1s ease;
}

@media (max-height: 650px) {
	.icon3 {
		font-family: 'icon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 2.1;
		text-align: center;
		font-size: 1.8em;
		
		position: absolute;
		left: 50%;
		top: 50%;
		height: 2em;
		width: 160px;	
		margin-top: -250px;
		margin-left: -80px;
		
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #444;
		z-index: 20;
		opacity: 0.5;
		-webkit-transition: 3s all 0.1s ease;
		-moz-transition: 3s all 0.1s ease;
		transition: 3s all 0.1s ease;
	}
}


.p0:before {
	content: "\e380";
}
.p1:before {
	content: "\e381";
}

.i-loop:before {
	content: "\ea2e";
}

.pr:before {
	content: "\e603";
}

.pl:before {
	content: "\e604";
}

.i-lock:before {
	content: "\e600";
}

.m1:before {
	content: "\e601";
}

.m0:before {
	content: "\e602";
}

.i-enve:before {
	content: "\e605";
}

.i-note:before {
	content: "\e606";
}
.logo:before {
	content: "\e607";
}

.it0 {color: rgba(200, 200, 200, 0.6);}
.it0:hover {color: rgba(200, 200, 200, 1);}
.it1 {color: rgba(0, 0, 0, 0.6);}
.it1:hover {color: rgba(0, 0, 0, 1);}
.it2 {color: rgba(255, 0, 0, 0.6);}
.it2:hover {color: rgba(255, 0, 0, 1);}

.textcurser {
	animation: textcur linear 1s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: textcur linear 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: textcur linear 1s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: textcur linear 1s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: textcur linear 1s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}
@keyframes textcur{
  0% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
  90% {opacity: 1;}
}

@-moz-keyframes textcur{
  0% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
  90% {opacity: 1;}
}

@-webkit-keyframes textcur {
  0% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
  90% {opacity: 1;}
}

@-o-keyframes textcur {
  0% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
  90% {opacity: 1;}
}

@-ms-keyframes textcur {
  0% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
  90% {opacity: 1;}
}