*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: open-sans, sans-serif;
}
body{
	overflow-x: hidden;
}
.container{
	max-width: 1000px;
	margin: 0 auto;
}
.clear{
	clear: both;
}
.body-overlay{
	background-color: rgba(55, 59, 105, .5);
	width: 100%;
	height: 100vh;
	z-index: 9;
	position: fixed;
	display: none;
	top: 0;
	left: 0;
}
.form{
	max-width: 835px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	display: none;
}
.form-head{
	width: 100%;
	background-color: #c94d47;
	margin-bottom: -3px;
}
.form__closebtn{
	padding: 15px 0;
	background-color: #373b69;
	display: inline-block;
	text-align: center;
	width: 45px;
	font-family: "Montserrat - Bold", sans-serif;
	cursor: pointer;
}
.form-left{
	padding: 23px 40px 33px 0;
	display: flex;
	justify-content: flex-start;
	background-color: #fff;
	align-items: flex-start;
	color: #000;
	overflow: hidden;
	text-align: center;
	font-family: myriad-pro, sans-serif;
}
.form-left form{
	margin-left: 30px;
}
.form-left form input{
	border: none;
	background-color: transparent;
	outline: none;
	padding-bottom: 15px;
}
.form-line{
	width: 70px;
	background-color: #373b69;
	height: 150%;
	margin-top: -30px;
}
.input img{
padding-bottom: 15px;
}
.form-right{
	width: 445px;
	background: url(../images/form.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.input{
	border-bottom: 2px solid #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
	font-family: "Montserrat - Bold", sans-serif;
	color: #373b69;
}.form-bot{
	display: flex;
	justify-content: space-between;
}
.form__tittle{
	font-size: 30px;
	color: #292929;
}
.form__text{
	font-size: 18px;
	text-align: center;
}
.form-left button{
	padding: 20px 50px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	background: -moz-linear-gradient(left, #373b69 37%, #c94d47 100%, #7db9e8 100%);
	background: -webkit-linear-gradient(left, #373b69 37%,#c94d47 100%,#7db9e8 100%);
	background: linear-gradient(to right, #373b69 37%,#c94d47 100%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373b69', endColorstr='#7db9e8',GradientType=1 );
	border: none;
	display: inline-block;
}
.more-active{
	display: block;
}
.overlay-left, .overlay-right{
	width: 100%;
	height: 100%;
	transition: 0.3s;
	z-index: 1;
	position: fixed;
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
}
.overlay-left{
	left: -100%;
}
.overlay-left{
	margin: 0 auto;
}
.overlay-right{
	justify-content: flex-end;
	left: 100%;
}
.overlay-flex{
	max-width: 500px;
	display: flex;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	height: 100vh;
	align-items: center;
	justify-content: center;
	position: relative;
}
.overlay-left .overlay{
	width: 50%;
	background-color: rgba(201, 77, 71, .8);
}
.overlay-right .overlay{
	width: 50%;
	background-color: rgba(55, 59, 105, .7);
}
.overlay-left img{
	vertical-align: middle;
	transform: translateY(-20%);
}
.overlay-right img{
	vertical-align: middle;
	transform: translateY(-20%);
}
.overlay-active{
	left: 0;
	right: 0;
}
.overlay__title{
	font-size: 30px;
	margin-left: 18px;
	margin-top: 20px;
}
.overlay__dis{
	font-size: 14px;
	margin-top: 35px;
}
.overlay__button{
	display: inline-block;
	padding: 10px 28px;
	font-size: 13px;
	border: 1px solid #fff;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 70px;
}
.header{
	background: url(../images/bg.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 3;
	height: 100vh;
}
.header-top{
	position: relative;
	z-index: 6;
}
.header-top__head{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	background: #fff;
}
.logo, .info, .social-clubs{
	float: left;
}
.logo{
	margin-left: 20px;
	padding: 5px 0 8px;
}
.header-top__right{
	float: left;
	width: 100%;
}
.social-clubs{
	background-color: #373b69;
	padding: 3px 70px 3px 6px;
	display: inline-block;
	color: #fff;
	float: right;
	font-size: 13px;
}
.info{
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
}
.info-block{
	margin-left: 64px;
}
.info-block__title{
	color: #828888;
	font-size: 14px;
}
.info-block__title img{
	margin-right: 15px;
	font-family: open-sans-light, sans-serif;
	font-weight: 300;
}
.info-block__dis{
	text-align: right;
	margin-left: 50px;
	font-size: 13px;
}
.info-block__dis a {
		color: #000;
	text-decoration: none;

}
.header-top__menu{
	background-color: #373b69;
}
.header-top__menu ul{
	display: flex;
	justify-content: center;
}
.header-top__menu ul li{
	display: block;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	padding: 23px 21px;
	font-size: 13px;
	cursor: pointer;
	font-family: open-sans-semibold, sans-serif;
	font-weight: 600;
}
.header-top__menu ul li:hover{
	background-color: #c94d47;
}
.header-content{
	padding: 0;
	padding-top: 10vh;
}
.header-content h1{
	color: #fff;
	text-align: center;
	font-size: 36px;
	margin-bottom: 105px;
	font-family: myriad-pro, sans-serif;
	font-weight: 700;
}
.red{
	color: #c94d47;
}
.blue{
	color: #373b69;
}
.header-content__block{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 75px;
}
.header-content__block img{
	margin-bottom: 23px;
}
.header-content__left, .header-content__right{
	min-width: 165px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding-top: 21px;
}
.header-content__left{
	background-color: #c94d47;
	cursor: pointer;
}
.header-content__right{
	background-color: #373b69;
	cursor: pointer;
}
.content-title{
	margin-bottom: 23px;
	font-family: open-sans-bold, sans-serif;
	font-weight: 700;
}
.more{
	cursor: pointer;
	padding: 8px 0;
}
.header-content__left .more{
	background-color: #9c4743;
}
.header-content__right .more{
	background-color: #31345d;
}
.line{
	width: 30px;
	height: 3px;
	display: block;
	background-color: #000;
	position: absolute;
}
.l1{
	transform: rotate(45deg);
}
.l2{
	transform: rotate(-45deg);
}
#close_btn{
	position: fixed;
	top: 5vh;
	right: 5vw;
	cursor: pointer;
	height: 30px;
	width: 30px;
	z-index: 7;
	transition: 0.3s linear;
	display: none;
	padding: 5px;
}
#btn-active{
	display: block;
}
.menuFive{
  width: 35px;
  height: 30px;
  margin: 10px 10px;
  position: relative;
  z-index: 6;
  cursor: pointer;
  display: none;
}
.menuFive span{
  background-color:#222;
  position: absolute;
  border-radius: 2px;
  transition: .3s cubic-bezier(.8, .5, .2, 1.4);
  width:100%;
  height: 4px;
  transition-duration: 500ms
}
.menuFive span:nth-child(1){
  top:0px;
  left: 0px;
}
.menuFive span:nth-child(2){
  top:13px;
  left: 0px;
}
.menuFive span:nth-child(3){
  bottom:0px;
  left: 0px;
}
.menuFive:not(.clickMenuFive):hover span:nth-child(1){
  transform: rotate(-3deg) scaleY(1.1);
}
.menuFive:not(.clickMenuFive):hover span:nth-child(2){
  transform: rotate(3deg) scaleY(1.1);
}
.menuFive:not(.clickMenuFive):hover span:nth-child(3){
  transform: rotate(-4deg) scaleY(1.1);
}
.clickMenuFive span:nth-child(1){
  transform: rotate(45deg);
  top: 13px;

}
.clickMenuFive span:nth-child(2){
  transform: scale(.1);

}
.clickMenuFive span:nth-child(3){
  transform: rotate(-45deg);
  top: 13px;
}
.header-top__mobile-menu ul{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: inherit;
	height: 100%;
}
.header-top__mobile-menu ul li{
	display: block;
	padding: 23px 21px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	font-family: open-sans-semibold, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}
.header-top__mobile-menu ul li:hover{
	background-color: #c94d47;
}
.header-top__mobile-menu{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(55, 59, 105, .8);
	transform: translateX(100%);
	transition: 0.3s;
}
.menu-active{
	transform: none;
}
@media (max-width: 1020px){
	.overlay__title img {
		position: relative;
		margin: 0 auto;
		display: block;

	}
	.header-top__right, .header-top__menu{
		display: none;
	}
	.menuFive{
		display: block;
		margin-right: 20px;
	}
	.header-top__head{
		align-items: center;
	}
	.overlay{
		width: 100% !important;
	}
	.overlay-flex{
		float: none !important;
		margin: 0 auto;
	}
}
@media(max-width: 960px){

	video{
		display: none;
	}
}
@media(max-width: 570px){
	.header-content__block{
		padding: 0;
		flex-direction: column;
	}
	.header-content{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 50px;
	}
	.header-content h1{
		margin-bottom: 30px;
	}
	.header-content__left, .header-content__right{
		display: block;
		margin-top: 60px;
	}
}

.header-top__menu li a, .header-top__head li a {
	color: #fff;
    text-decoration: none;
}

.overlay__button a {
	color: #fff;
	text-decoration: none;
}

@media (max-width: 1220px) {
	.header {
		height: initial;
	} 
	.header-top__mobile-menu a {
		color: #fff;
		text-decoration: none;
	}
}

@media (min-width: 1220px) {
	.social-clubs a {
		display: block;

	}

	.social-clubs {
		position: absolute;
		right: 0;
		height: 100%;
		padding: 3px 10px 3px 6px;
	}

	.info {
		margin-top: 5vh;

	}

	.social-clubs a {
		padding: 11px 0;
	}

	.social-clubs a:first-child {
		padding-top: 0;
	}

	.social-clubs a:last-child {
		padding-bottom: 0;
	}
}