body {
	margin: 0;
	overflow: hidden;
}
.main.fonte{
	background-color:#000;
	height:100%;

	left: 0;
	top: 0;
	
}





section {
width:100%;
min-height:550px;
overflow:hidden;
position:relative;

}



/*---------------------------------------------------лайфлайн-----------------------------------*/

.content.fonte {
	padding-top:0;
	background-color:#fff;
	
	

}
#fonte-1 {
	background:url(../img/fonte/back.jpg) 50% 0 no-repeat;
	background-size:cover;

	width:100%;
	
	height:100vh; 
	


	overflow:hidden;
	
top:0;
font-size:1px;
line-height:1px;
left: 0

}

#scena {
	width:100%;
	height:100vh;
	margin-top:0px;
	position:absolute;
}

#palm-1 {
	position:absolute;
	top:-150px;
	left:0;
	margin-left:-80px;
	
}

#palm-2 {
	position:absolute;
	top:-150px;
	margin-right:-80px;
	right:0;
	
}
#cocos {
	position:absolute;
	bottom:0;
	left:60%
}
#fru{
	position:absolute;
	bottom:0;
	left:50%;
			 transform: translateX(-50%);
	 	-webkit-transform: translateX(-50%);
	-ms-transform:  translateX(-50%);
	 -moz-transorm:  translateX(-50%);
	 o-transform: translateX(-50%);
}


#bots{
	position:absolute;
	bottom:2%;
	left:50%;
			 transform: translateX(-50%);
	 	-webkit-transform: translateX(-50%);
	-ms-transform:  translateX(-50%);
	 -moz-transorm:  translateX(-50%);
	 o-transform: translateX(-50%);
}
#led{
	position:absolute;
	bottom:0;
	left:50%;
	width:100%;
			 transform: translateX(-50%);
	 	-webkit-transform: translateX(-50%);
	-ms-transform:  translateX(-50%);
	 -moz-transorm:  translateX(-50%);
	 o-transform: translateX(-50%);
	 background:url(../img/fonte/ice.png) repeat-x 0 0;
	 height:100px
}
#k1{
	position:absolute;
	bottom:0;
	left:50%;
			 transform: translateX(-50%);
	 	-webkit-transform: translateX(-50%);
	-ms-transform:  translateX(-50%);
	 -moz-transorm:  translateX(-50%);
	 o-transform: translateX(-50%);
	 opacity:0;
}
#fonte-2 {
	background:url(../img/fonte/map.jpg) 50% 50% no-repeat;
	background-size:cover;
	width:100%;	
	height:100vh;
	overflow:hidden;
	position:relative;

}


/*#fonte-3 {
	background:url(/img/fonte/winter.jpg) 50% 50% no-repeat;
	background-size:cover;
	width:100%;	
	height:100vh;
	overflow:hidden;
	position:relative;

}*/

#europa{
	left:50%;
	top:50%;
	position:absolute;
	  				 transform:translate(-50%,-50%) scale(0.4,0.4);
	 	-webkit-transform:translate(-50%,-50%) scale(0.4,0.4);
	-ms-transform:translate(-50%,-50%) scale(0.4,0.4);
	 -moz-transorm:translate(-50%,-50%) scale(0.4,0.4);
	 o-transform:translate(-50%,-50%) scale(0.4,0.4);
	 opacity:0;
}
#glint{
	left:50%;
	bottom:0%;
	position:absolute;
				 transform: translate(-50%,0%);
	 	-webkit-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	 -moz-transorm: translate(-50%,0%);
	 o-transform: translate(-50%,0%);
}

#news{
	left:50%;
	top:75%;
	position:absolute;
	opacity:0;
				 transform: rotate(122deg) translate(-50%,-50%);
	 	-webkit-transform:rotate(122deg) translate(-50%,-50%);
	-ms-transform:rotate(122deg) translate(-50%,-50%);
	 -moz-transorm:rotate(122deg) translate(-50%,-50%);
	 o-transform:rotate(122deg) translate(-50%,-50%);
	 width:500px;
	 
	 border-radius:18px;
	 border:8px solid #fff;
	 text-transform:uppercase;
	 background-size:cover;
	 	-webkit-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
-moz-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
background-color:#3e3c65;
color:#fff;
font-size:24px;
font-family:'gm';
padding:20px;
text-align:center
}


.palm-1{
 animation: palm-1 1.9s cubic-bezier(.13,.51,.29,.99);
 Animation-fill-mode: forwards
}

@keyframes palm-1{
  0% {
	  margin-left:-80px;
	  	  
    }
  100% {
margin-left:0px;

    }
}


.palm-2{
 animation: palm-2 1.9s cubic-bezier(.13,.51,.29,.99);
 Animation-fill-mode: forwards
}

@keyframes palm-2{
  0% {
	  margin-right:-80px;	
		  	  
    }
  100% {
margin-right:0px;

    }
}
.bots{
 animation: bots 0.3s cubic-bezier(.35,.12,.57,.96);
 Animation-fill-mode: forwards
}
@keyframes bots{
  0% {
	  margin-bottom:6vh
		  	  
    }
  100% {
 margin-bottom:0vh

    }
}

.led{
 animation: led 0.3s cubic-bezier(.35,.12,.57,.96);
 Animation-fill-mode: forwards
}
@keyframes led{
  0% {
	  margin-bottom:-6vh
		  	  
    }
  100% {
 margin-bottom:0vh

    }
}

.fru{
 animation: fru 0.5s cubic-bezier(.35,.12,.57,.96);
 Animation-fill-mode: forwards
}
@keyframes fru{
  0% {
	  margin-bottom:-3vh
		  	  
    }
  100% {
 margin-bottom:0vh

    }
}
.europa{
 animation: europa 1.2s cubic-bezier(.38,1.97,.39,.38) ;
 Animation-fill-mode: forwards
}
@keyframes europa{
  0% {
	  				 transform:translate(-50%,-50%) scale(0.4,0.4);
	 	-webkit-transform:translate(-50%,-50%) scale(0.4,0.4);
	-ms-transform:translate(-50%,-50%) scale(0.4,0.4);
	 -moz-transorm:translate(-50%,-50%) scale(0.4,0.4);
	 o-transform:translate(-50%,-50%) scale(0.4,0.4);
		opacity:1  	  
    }
	
	
  100% {
	  				 transform:translate(-50%,-50%) scale(1,1);
	 	-webkit-transform:translate(-50%,-50%) scale(1,1);
	-ms-transform:translate(-50%,-50%) scale(1,1);
	 -moz-transorm:translate(-50%,-50%) scale(1,1);
	 o-transform:translate(-50%,-50%) scale(1,1);
	 opacity:1

    }
}


.news{
 animation: news 0.5s cubic-bezier(.38,1.97,.39,.38);
 Animation-fill-mode: forwards;
 transform-origin:0 0;
}
@keyframes news{
  0% {
	 			 transform: rotate(122deg) translate(-50%,-30%);
	 	-webkit-transform:rotate(122deg) translate(-50%,-30%);
	-ms-transform:rotate(122deg) translate(-50%,-30%);
	 -moz-transorm:rotate(122deg) translate(-50%,-30%);
	 o-transform:rotate(122deg) translate(-50%,-30%)
		  	  
    }
  100% {
			 transform: rotate(2deg) translate(-50%,-50%);
	 	-webkit-transform:rotate(2deg) translate(-50%,-50%);
	-ms-transform:rotate(2deg) translate(-50%,-50%);
	 -moz-transorm:rotate(2deg) translate(-50%,-50%);
	 o-transform:rotate(2deg) translate(-50%,-50%);
	 opacity:1

    }
}


#snow-1 {
	background:url(../img/fonte/snow.png) repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	opacity:0.4;
}


.snow-1{
 animation: snow-1 4.2s infinite  linear;
 Animation-fill-mode:both;

}
@keyframes snow-1{
  0% {
	  background-position:0 0
		  	  
    }
  50% {
background-position:200px 218px
    }
	
	  100% {
background-position:400px 436px
    }
}












#snow-2 {
	background:url(../img/fonte/snow2.png) repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	opacity:0.6;
}


.snow-2{
 animation: snow-2 3.2s infinite  linear;
 Animation-fill-mode:both;

}
@keyframes snow-2{
  0% {
	  background-position:0 0
		  	  
    }
  50% {
background-position:-150px 164px
    }
	
	  100% {
background-position:-300px 328px
    }
}


#teplo {
		position:absolute;
	top:10%;
	left:50%;
			 transform: translateX(-50%);
	 	-webkit-transform: translateX(-50%);
	-ms-transform:  translateX(-50%);
	 -moz-transorm:  translateX(-50%);
	 o-transform: translateX(-50%);
}

#fonte-3 {
	background-color:#000;
		
	background-size:cover;
	background:url(../img/fonte/pack.jpg) 50% 50% no-repeat;
	background-size:cover;


	width:100%;
	min-height:100vh;
	color:#fff
}


.fonte-p1 {
	font-size:16px;
	line-height:130%;
	font-family: 'gm';
	margin-bottom:50px;
	text-align:center;
}

.fonte-p2 {
	font-size:26px;
	line-height:110%;
	font-family: 'gb';
	margin-bottom:50px;
	text-transform:uppercase;
	text-align:center;
}
.col {
	display:block;
	float:left;
	width:47%;
	text-align:left !important;
	font-family: 'gr' !important;
	font-size:15px !important;
	margin:1.5%;
	font-size:12px !important

}
.last {
	float:right
}

.packshot {
	width:80%;
	margin:0 auto;
	
	
	left:15%;
	top:0;
	padding:3%;
	

}

.resume.fonte {

	padding-top:50px;
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:50px;

		border-bottom:2px #fff solid;
	border-top:2px #fff solid;
	color:#fff

	
}

.res-logo {
	text-align:center
}





@media screen and (max-width: 1400px)   {
.packshot.fonte {
    width: 80% !important;
	left:10%  !important;

}


}