/*
	Author: Yury Nemets
	Site: www.sitehere.ru
*/

//@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,cyrillic);

//body {
    padding:0;
    margin: 0; 
}
 
  .center {
	position: absolute;
	//background: #77a8c0;
	margin-left: auto;
    margin-right: auto;
    width: 500px;
	max-width: 90%;
    //box-shadow: 7px 7px 20px rgba(0,0,0,0.5); /* Параметры тени */
    padding: 0px;
	//margin-bottom: 40px; 
	top: 50%;
    left: 50%;
	transform: translateY(-50%) translateX(-50%);
	//transform: translateX(-50%);
	
   }
	
 
.overlay {
    background: rgba(0,0,0,0.4);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 4;
}


.overlay h1 {
    text-align:center;
	//font-family: Value Sans Pro;
    color:#fff;
    font-size: 40px;
    margin-top:0px;
	padding: 0px;
}

	p {
	 text-align:left;
	 font-family: Evolventa;
    color:#fff;
    font-size: 26px;
	line-height: 1.2;
    //margin-top:15%;
	padding-left: 50px;
	
		
	}
 
 
/************  кнопка анимации  **************/


 .button_start { 
	position: relative;
	z-index: 3100;
    border: none; 
	width: 230px;
    height: 47px;
	padding: 4px 0px 0px 0px;
	text-align: center; 
	 background: linear-gradient(90deg, #B3C7DB, #9CE0D8);
    border-radius: 23px; 
    cursor: pointer;
    text-transform: uppercase;
    //font-weight: bold;
    color: white;
	font-family: Evolventa, candara,corbel; 
	font-size: 20px;
	margin-top: 10px;
	//bottom: 40px;
	left:50%;
	transform: translate(-50%, 0);
	transition: 0.5s ease-in-out;
  }

	.button_start:hover {
		background: linear-gradient(90deg, #8095ab, #75bfb7);
	}


 a { 
	position: absolute; 
   z-index: 3030;
}



.content {
	position: absolute;
	top: 40%;
	font-family:Evolventa;
	background-color: #FFE42C;
	padding: 28px;
	z-index: 999;
}

.content h1 {
	font-size: 2em;
	font-weight: 700;
}

.content p {
	margin-top: 14px;
}

.content a {
	color: #333;
}


/* Стили для видеофона */

.video-bg {
	z-index: 3900;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
	//background: url(../video/poster.jpg) no-repeat #000000;
	background-size: cover;
	transition: all 0.9s ease-in-out;
}

 .active{
	opacity: 0;
	//width: 0px;
  
	//transition-delay: 1s;
	transform: translateY(-100%);
}

 .close_v{ 
	//transition-delay: 1s;
	transform: translateY(-100%);
}


.video-bg > video {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto;
	height: auto; 
	 
}


/* Проверка на поддержку свойства object-fit: */

 @supports (object-fit: cover) {
     .video-bg > video {
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
 }


/* Отключение видео для устройств с размером экрана менее 800px: */

@media screen and (max-device-width: 300px) {
	.video-bg > video {
		display: none;
		}
	}