.main.mors{
	background-color:#ecf9fe;
	height:100%;
	
}

.cover {
	width:100%;
	height:100vh;
	float:left;
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
	position:fixed;
	min-width:990px
}

.cover.mors {
	background-image:url(../img/mors/cover.jpg);
	
}
.title {
	position:absolute;
	left:50%;
	top:30%;

	
}

.title.mors {
	width:40%;
	top:14%;
	left:7%;
	max-width:401px;
	

	
	
}
.title.mors img {
	width:100%;
	height:auto
}
.preview {
	width:160px;
	height:160px;
	border-radius:100%;
	position:absolute;
	left:45%;
	margin-left:-80px;
	overflow:hidden;
	top:-70px;
	z-index:999;
	border:3px solid #fbf3f2;
	-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);
}

.preview.mors {
	border:4px solid #fff;
	top:40px;

}

.oval-holder {
	width:100%;
	min-height:100vh;
	overflow:hidden;
	height:auto;
	position:absolute;
	top:100vh;
	margin-top:-220px;
	min-width:990px;
	z-index:10;
	
	
}



.oval {
	width:370%;
	height:auto;
		 transform: translateX(-50%);
	 	-webkit-transform: translateX(-50%);
	-ms-transform:  translateX(-50%);
	 -moz-transorm:  translateX(-50%);
	 o-transform: translateX(-50%);
	-webkit-border-top-left-radius: 100%;
-webkit-border-top-right-radius:100%;
-moz-border-radius-topleft: 100%;
-moz-border-radius-topright:100%;
border-top-left-radius: 100%;
border-top-right-radius: 100%;
margin-top:100px;

	position:relative;
	left:50%;
	
}


.oval.power {
	background-color:#000;
	border:2px solid #d1d1d1;
-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: rgba(36,9,36,1);
background: -moz-linear-gradient(top, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,9,36,1)), color-stop(22%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#240924', endColorstr='#000000', GradientType=0 );

}




.oval.mors{
	background-color:#ebf7fb;
	border-top:3px solid #fff;
-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);
overflow:hidden


}





.content {
	
	color:#fff;
	min-width:990px;

	width:100vw;
	position:relative;
	margin:0px auto;
	padding-top:150px
}

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

}



/*---------------------------------------------------БИО-----------------------------------*/

.content.mors {
	padding-top:0;
	background-color:#fcfbf2;
	
	

}
#mors-1 {
	
		



	width:100%;
	height: 2000px;
	


	overflow:hidden;
	
top:0;


}

#korrektor {
	position:absolute;
	left:0;
	
	width:100%;
	height: 1800px;
	
	top:0;
}

#doska {
	width:100%;
	height:100vh;
	background:url(../img/mors/back.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:fixed;
	top:0;
	left:0;
	
}

#komp1{
	position:absolute;
	left:20%;
	top:200px;
						 transform:  translate(-50%,-50%) rotate(-3deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(-3deg); 
	-ms-transform:   translate(-50%,-50%) rotate(-3deg); 
	 -moz-transorm:  translate(-50%,-50%) rotate(-3deg); 
	 o-transform:  translate(-50%,-50%) rotate(-3deg); 
	 width:35%;
	 max-width: 550px;	
	 
}
#w1 {
	position:absolute;
	left:110%;
	top:30%;
	 transform:  rotate(-6deg);
}

#komp1>img {
	width:100%;
	height:auto
}
#komp2{
	position:absolute;
	left:80%;
	top:600px;
	transform:  translate(-50%,-50%) rotate(6deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(6deg); 
	-ms-transform:   translate(-50%,-50%) rotate(6deg); 
	 -moz-transorm:  translate(-50%,-50%) rotate(6deg); 
	 o-transform:  translate(-50%,-50%) rotate(6deg); 

	 width:35%;
	 max-width: 550px;	 
}

#w2 {
	position:absolute;
	left:-80%;
	top:30%;
		
	 transform:  rotate(6deg);
}



#komp2>img {
	width:100%;
	height:auto
}

#komp3{
	position:absolute;
	left:20%;
	top:1000px;
	transform:  translate(-50%,-50%) rotate(-2deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(-2deg); 
	-ms-transform:   translate(-50%,-50%) rotate(-2deg); 
	 -moz-transorm:  translate(-50%,-50%) rotate(-2deg); 
	 o-transform:  translate(-50%,-50%) rotate(-2deg); 

	 width:35%;
	 max-width: 550px;	 
}

#komp3>img {
	width:100%;
	height:auto
}

#w3 {
	position:absolute;
	left:20%;
	top:102%;
	 transform:  rotate(-6deg);
}
#komp4{
	position:absolute;
	left:80%;
	top:1500px;
	transform:  translate(-50%,-50%) rotate(1deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(1deg); 
	-ms-transform:   translate(-50%,-50%) rotate(1deg); 
	 -moz-transorm:  translate(-50%,-50%) rotate(1deg); 
	 o-transform:  translate(-50%,-50%) rotate(1deg); 

	 width:35%;
	 max-width: 550px;	 
}

#w4 {
	position:absolute;
	left:-40%;
	top:0%;
		
	 transform:  rotate(-36deg);
}


#komp4>img {
	width:100%;
	height:auto
}
#ya2 {
	position:absolute;
	top:22%;
	left:46%
}

#ya1 {
	position:absolute;
	top:16%;
	left:88%;

}

#ya3 {
	position:absolute;
	top:26%;
	left:58%
}
#ya32 {
	position:absolute;
	top:16%;
	left:78%;
	transform:  rotate(120deg);
}

#ya4 {
	position:absolute;
	top:10%;
	left:30%
}

#ya42 {
	position:absolute;
	top:0%;
	left:10%;
	transform:  rotate(120deg);
}
#ya5 {
	position:absolute;
	top:50%;
	left:61%
}

#ya6 {
	position:absolute;
	top:25%;
	left:15%
}

#ya62 {
	position:absolute;
	top:35%;
	left:30%;
	transform:  rotate(120deg);
}

#ya7 {
	position:absolute;
	top:35%;
	left:45%
}

#ya8 {
	position:absolute;
	top:35%;
	left:5%
}

#ya82 {
	position:absolute;
	top:45%;
	left:25%
}
.krug{
 animation: krug .4s ease-in-out;
 Animation-fill-mode: forwards;
 transform-origin:0 0;
}


@keyframes krug{
  0% {
	 		 transform: rotate(-5deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-5deg) translate(-50%,-50%);
	-ms-transform: rotate(-5deg) translate(-50%,-50%);
	 -moz-transorm: rotate(-5deg) translate(-50%,-50%);
	 o-transform: rotate(-5deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }

	
	  100% {

	 		 transform:  rotate(5deg) translate(-50%,-50%);
 	-webkit-transform: rotate(5deg) translate(-50%,-50%);
	-ms-transform:  rotate(5deg) translate(-50%,-50%);
	 -moz-transorm:rotate(5deg) translate(-50%,-50%);
	 o-transform: rotate(5deg) translate(-50%,-50%);
	  opacity:1;

    }
}
.packshot.mors{
	width:70%;
	margin:0 auto;
	
	
	left:15%;
	top:0;
	padding:3%;
	

}

.pack-cont {
	
	
}

#mors-2 {
	width:100%;
			min-height:100vh ; 
	
color:#fff;
	overflow:auto;
	background-color:#292426;
	



	

}


.col {
	display:block;
	float:left;
	width:45%;
	text-align:left !important;
	font-family: 'gr' !important;
	font-size:15px !important;
	margin:2.5%;

}
.last {
	float:right
}

.bootleg{
 animation: bootleg 0.7s ease-in-out;
 Animation-fill-mode: forwards
}



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

.mors-p2 {
	font-size:26px;
	line-height:110%;
	font-family: 'gb';
	margin-bottom:50px;
	text-transform:uppercase;
	text-align:center;
}

.resume {
	border-bottom:2px #fff solid;
	border-top:2px #fff solid;
	padding-top:50px;
	margin-top:50px;
	margin-bottom:50px
	
}

.res-logo {
	text-align:center
}

.rot1{
 animation: rot1 1.5s cubic-bezier(.57,1.8,.5,.49) ;
 Animation-fill-mode: forwards
}












@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  
}





/*АДАПТИВНЫЕ БРЕКПОИНТЫ*/

@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}




@media screen and (max-height: 650px)   {

#komp1, #komp2, #komp3, #komp4{
	width:28%
}

#korrektor {
	position:absolute;
	left:0;
	
	width:100%;
	height:80%;
	top:20%;
}

}





@media screen and (max-width: 1700px)   {



}


@media screen and (max-width: 1400px)   {

.we {
	width:70%
}
.we img {
	width:100%;
	height:auto
}

}