body {
    font-size:20px;
    font-family: 'standart',verdana, sans-serif;
    text-align:center;
    background:#000;
    color: #fff;

}
* { padding: 0; margin: 0; border: 0;
}
nav {
	width: 100%;
	height: 54px;
	background-color: #fff;
	position: absolute;
	z-index: 99;
}
nav .motor {
	float: left;
	margin-left: 25px;
	margin-top: 15px;
}
nav .mobil {
	float: right;
	margin-right: 25px;
	margin-top: 15px;
}
.content {
	width: 100%;
	height: 100%;
	min-height: 800px;
	background-image: url(../img/bg_dots.jpg);
	background-size: cover;
	position: absolute;
	overflow: hidden;
}
.content .logo {
	width: 229px;
	height: 365px;
	background-image: url(../img/vs.png);
	margin: 0 auto;
	margin-top: 5%;
}
.content h1 {
	width: 50%;
	margin:0 auto;
	margin-top:70px;
	color: #f3d632;
	font-size: 52px;
	font-weight: 800;
	font-family:"Bold";
}
.content h2 {
	width: 50%;
	margin: 0 auto;
	font-size: 31.7px;
}
.content p {
	width: 50%;
	font-size: 18px;
	margin: 0 auto;
}
.content .slider {
	width: 100%;
	height: 65%;
	position: absolute;
	bottom: 0px;
}
.content .slider .left {
	width: 40%;
	height: 100%;
	position: absolute;
	bottom:0px;
}
.content .slider .overlow .block {
	width: 25%;
	height: 100%;
	float: left;
	cursor: pointer;
	text-align: left;
}
.content .slider .left .chars {
	width: 100%;
	height: 100%;
	bottom:0px;
	position: absolute;
}
.content .slider .left .chars .char {
	width: 40%;
	height: 100%;
	cursor: pointer;
	z-index: 0;
	position: absolute;
}
.content .slider .left .chars .char.first {
	margin-left: 0%;
}
.content .slider .left .chars .char.second {
	margin-left: 20%;
}
.content .slider .left .chars .char.three {
	margin-left: 40%;
}
.content .slider .left .chars .char.fourth {
	margin-left: 60%;
}
.content .slider .left .chars .char img{
	height: 100%;
	z-index: 0;
	bottom:0px;
}
.content .slider .left .chars .char .person {
	display: none;
}
.content .slider .right {
	width: 40%;
	height: 100%;
	margin-left: 60%;
	position: absolute;
	bottom:0px;
}
.content .slider .right .chars {
	width: 100%;
	height: 100%;
	bottom:0px;
	position: absolute;
}
.content .slider .right .chars .char_r {
	width: 40%;
	height: 100%;
	cursor: pointer;
	z-index: 0;
	position: absolute;
}
.content .slider .right .chars .char_r.first {
	margin-left: -60%;
}
.content .slider .right .chars .char_r.second {
	margin-left: -40%;
}
.content .slider .right .chars .char_r.three {
	margin-left: -20%;
}
.content .slider .right .chars .char_r.fourth {
	margin-left: 0%;
}
.content .slider .right .chars .char_r img{
	height: 100%;
	z-index: 0;
	bottom:0px;

}
.content .slider .right .chars .char_r .person {
	display: none;
}

.close_btn {
	width: 18px;
	height: 18px;
	background-image: url(../img/close_btn.png);
	top: 70px;
	right: 30px;
	position: absolute;
	z-index: 9999;
	cursor: pointer;
	display: none;
}
.swiper-container {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 9999;
      display: none;
}
.swiper-slide {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 z-index: 9999;
}
.swiper-button-next {
	width: 18px;
	height: 34px;
	background-image: url(../img/right_btn.png);
	position: absolute;
	top: 50%;
	right: 30px;
	z-index: 999;
	display: block;
	cursor: pointer;
}
.swiper-button-prev {
	width: 18px;
	height: 34px;
	background-image: url(../img/left_btn.png);
	position: absolute;
	top: 50%;
	left: 30px;
	z-index: 999;
	display: block;
	cursor: pointer;
}
.wrap {
	width: 100%;
	height: 100%;
	margin:0 auto;
	display: table;
	background-color: #000;
}
.wrap h1 {
	width: 100%;
	font-size: 36px;
	text-align: right;
	margin-top: 30px;
}
.wrap h2 {
	font-size: 14px;
	margin-top: -30px;
}
.wrap .block.second h1 {
	text-align: left;
}
.wrap .block {
	width: 45%;
	height: 100%;
	display: table-cell;
	vertical-align: top;
	margin-top: 10%;
	padding-top: 5%;
}
.wrap .block .video {
	width: 500px;
	height: 350px;
	background-color: black;
	margin:0 auto;
	float: right;
	margin-top: 80px;
}
.wrap .block.second .video {
	float: left;
}
.wrap .block .video .youtube {
	width: 500px;
	height: 270px;
}
.wrap .block .video .naming {
	width: 100%;
	height: 80px;
	background-color: #fff;
	font-size: 22px;
	font-weight: bold;
	color: #242124;
	text-align: center;
	vertical-align: middle;
	line-height: 80px;
}
.wrap .block .video .naming img{
	margin-top: 5px;
	cursor: pointer;
	padding-top: 5px;
}
.wrap .middle {
	width: 10%;
	height: auto;
	display: table-cell;
}
.wrap .middle img {
	width: 100%;
	margin-top: 40px;
}
.content .slider_mob {
	width: 100%;
	height: 65%;
	position: absolute;
	display:none;
}
.mobile_wrap {
	display: none;
}