.header-banner{
	text-align: center;
	margin-left: 260px;
}
.cont{
	
}
.header{
	background: url("../img/background.jpg") no-repeat center top;
	height: 900px;
	width: 100%;
}
.header-banner img{
	width: 500px;
}
.header-banner p{
	font-family: museo-a;
	font-size: 32px;
}
.buttons a{
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-right: 18px;
	padding-left: 18px;
	text-decoration: none;
	color: #000;
	font-family: museo-a;
}
.buttons a:first-child{
	background: #7dbdcd;
	margin-right: 5px;
}
.buttons a:last-child{
	background: #8dc987;
	padding-left: 37px;
	padding-right: 37px;
}
.logo p{
	font-size: 16px;
}
.logo img{
	width: 100%;
}
.logo{
	padding: 20px;
	margin-right: 120px;
}
.mail{
	font-family: museo-a;
	margin-bottom: 0;
	margin-top: 10px;
}
.number{
	font-family: museo-c;
}
h1{
	font-family: museo-c;
	font-size: 32px;
}
.one{
	background: red;
}
.two{
	background: green;
}
.description{
	width: 492px;
	text-align: center;
	font-size: 24px;
	font-family: museo-a;
	margin: 0 auto;
	padding-top: 200px;
}
.big-img{
	width: 100%;
	position: relative;
	z-index: 1;
}
.first-img{
	position: relative;
	z-index: 2;
	top: 30px;
	margin: 0 auto;
	display: block;
}
.two-img{
	position: relative;
	z-index: 3;
	bottom: 30px;
	margin: 0 auto;
	display: block;
}
.video{
	width: 100%;
	background: ;
	padding-bottom: 50px;
	cursor: pointer;
}
.for{
	padding: 0;
	position: relative;
	bottom: 55px;
	height: 600px;
}
.for img{
	width: 100%;
	z-index: 1;
	position: relative;
	bottom: 0;
}
.desc-for{
	z-index: 2;
	top: 70px;
	position: relative;
	font-size: 25px;
	font-family: museo-500;
	color: #fff;
	/*left: 140px;*/
	margin: 0 auto;
	width: 130px;
}
.helper-for{
	z-index: 3;
	bottom: 65px;
	position: relative;
	background: #fff;
	display: block;
	width: 190px;
	padding: 5px;
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	font-family: museo-a;
}
.model{
	font-family: museo-b;
	color: #000;
}
.disc-option{
	text-align: center;
	padding-bottom: 32px;
}
.disc-option p{
	font-size: 21px;
	font-family: museo-a;
}
.disc-option h3{
	font-family: museo-b;
}
.form{
	background: #CFD3D0;
}
.var1{
	/*background: pink;*/
	text-align: center;
	margin-top: 80px;
}
.var2{
	/*background: red;*/
	text-align: center;
	margin-top: 40px;
}
.var3{
	/*background: blue;*/
	text-align: center;
	margin-top: 50px;
}
.var1 img{
	width: 45%;
	height: 50%;
	margin: 0 auto;
	margin-bottom: 25px;
}
.var2 img{
	/*width: 85%;*/
	width: 80%;
	height: 50%;
	margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 25px;
}
.var3 img{
	width: 80%;
	height: 50%;
	margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 25px;
}
/*.kanstovar{
	padding: 0;
}
.kanstovar img{
	width: 100%;
}*/
.var1 input{

}
label{
	border-radius: 50%;
	width: 15px;
	display: block;
	height: 15px;
	display: inline-block;
	transition: 0.3s all ease;
	cursor: pointer;
}
/*label:hover{
	width: 20px;
	height: 20px;
	border: 2px solid grey;
}*/
.black{
	background: black;
}
.white{
	background: white;
}
.red{
	background: red;
}
.blue{
	background: blue;
}
.green{
	background: green;
}
.footer-text{
	text-align: center;
	background: black;
	color: #fff;
	padding-top: 70px;
	font-family: museo-a;
	font-size: 19px;	
	
}
.name{
	font-weight: 900;
	font-size: 16px;
	font-family: museo-c;
}
#one, #two, #three, #four, #five{
	display: none;	
}
#one2, #two2, #three2, #four2, #five2{
	display: none;	
}
#one3, #two3, #three3, #four3, #five3{
	display: none;	
}
#one4, #two4, #three4, #four4, #five4{
	display: none;	
}
#one5, #two5, #three5, #four5, #five5{
	display: none;	
}
#one6, #two6, #three6, #four6, #five6{
	display: none;	
}
#one7, #two7, #three7, #four7, #five7{
	display: none;	
}
#one8, #two8, #three8, #four8, #five8{
	display: none;	
}
#one9, #two9, #three9, #four9, #five9{
	display: none;	
}
.btn{
	background: #ffd200;
	text-align: center;
	padding-right: 125px;
	width: 180px;
	height: 40px;
}
.btn label{
	text-transform: uppercase;
	color: #fff;
	font-family: museo-c;
	font-weight: 900;
	font-size: 20px;
	letter-spacing: 3px;
}
.btn input{

}
.formaa{
	text-align: center;
	
}
.formaa input{
	padding: 8px;
	outline: 0;
	width: 340px;
	margin-right: 30px;
}
video{
	cursor: pointer;
	outline: none;
}
#submit{
	display: none;
}
#submit2{
	display: none;
}
.formaa label{
	width: 360px;
	padding: 6px;
	background: #ffd200;
	border-radius: 1%;
	height: 45px;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #000;
	font-size: 22px;
	font-family: museo-c;
}
.formaa{
	margin-top: 0px;
}
.formaa h3{
	text-transform: uppercase;
	font-family: museo-c;
	letter-spacing: 4px;
	margin-top: 50px;
}
.formaa h4{
	text-transform: uppercase;
	font-family: museo-b;
	letter-spacing: 2px;
	font-size: 18px;
	margin-bottom: 40px;
}
.var9{
	text-align: center;
	margin-top: 50px;
}
.var9-img{
	width: 50%;
	height: 50%;
	margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 25px;
}
.var6{
	text-align: center;
	margin-top: 50px;
}
.var6-img{
	width: 66%;
	height: 50%;
	margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 25px;
}
.cauntion{
	color: red;
}
.modal-form{
	/*z-index: 3;*/
	/*position: relative;*/
	background: grey;
	height: 350px;
	padding-top: 30px;
	width: 400px;
	/*bottom: 770px;
	left: 50%;
	margin-left: -150px;*/
	border: 2px solid black;
	display: none;
	z-index: 4;
	position: fixed;
	top: 200px;
	left: 50%;
	margin-left: -155px;
}
.modal-form label{
	width: 340px;
	padding: 6px;
	background: #ffd200;
	border-radius: 1%;
	height: 45px;
	margin-top: 20px;
	margin-bottom: 40px;
	color: #000;
	font-size: 22px;
	font-family: museo-c;
}
.modal-form{
	text-align: center;
	
}
.modal-form input{
	padding: 8px;
	outline: 0;
	width: 340px;
	margin-top: 20px;
}
#close{
	position: absolute;
	right: 10px;
	top: 2px;
	font-size: 24px;
	font-weight: 900;
	cursor: pointer;
}
@font-face {
    font-family: Museo-900; /* Имя шрифта */
    src: url(../fonts/MuseoSansCyrl_900_Italic_1.otf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: Museo-500; /* Имя шрифта */
    src: url(../fonts/MuseoSansCyrl_500_Italic_1.otf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: Museo-300; /* Имя шрифта */
    src: url(../fonts/MuseoSansCyrl_300_Italic_1.otf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: Betina; /* Имя шрифта */
    src: url(../fonts/betina.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: Museo-a; /* Имя шрифта */
    src: url(../fonts/MuseoSansCyrl_A.otf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: Museo-b; /* Имя шрифта */
    src: url(../fonts/MuseoSansCyrl_B.otf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: Museo-c; /* Имя шрифта */
    src: url(../fonts/MuseoSansCyrl_C.otf); /* Путь к файлу со шрифтом */
}

@media screen and (min-width: 320px) and (max-width: 566px){
	.formaa input{
		width: 320px;
	}
	video{
		height: 250px;
		margin-bottom: 40px;
		margin-top: 40px;
	}
	.formaa label{
		width: 270px;
	}
	.description{
		width: 100%;
		padding-top: 40px;
	}
	.first-img{
		width: 98%;
	}
	.two-img{
		width: 98%;
	}
	.header-banner img{
		width: 80%;
	}
	.header-banner{
		margin: 0 auto;
	}
	.buttons{
		position: absolute;
	}
	.buttons a:last-child{
		position: relative;
		top: 40px;
	}
	.logo{
		display: none;
	}
	.formaa input{
		width: 90%;
		margin: 0 auto;
		margin-top: 10px;
	}
	.modal-form label{
		width: 80%;
	}
	.modal-form{
		width: 84%;
		left: 190px;
	}
	.modal-form input{
		width: 80%;
	}

}
@media screen and (min-width: 567px) and (max-width: 991px){
	.first-img, .two-img{
		width: 70%;
		max-width: 90%;
	}
	.big-img{
		
	}
	video{
		height: 550px;
	}
	.fors{
		margin-top: 50px;
		/*height: 765px;*/
	}
	.disc-option{
		padding-top: 60px;
	}
	.header-banner{
		margin-right: 120px;
		padding-top: 170px;
	}
	.buttons{
		position: relative;
		width: 500px;
	}
	.header-banner img{
		width: 300px;
	}
	.logo{
		position: relative;
		right: 255%;
		height: 300px;		
	}
	.for{
		height: 380px;
	}
	.for img{
		width: 100%;
		height: 400px;
	}
	.footer-text{
		padding-top: 10px;
	}
	.description{
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.var2 img{
		width: 55%;
		margin: 0 auto;
	}
	.var3 img{
		width: 50%;
		margin: 0 auto;
	}
	.var1{
		padding-bottom: 40px;
	}
	.var2{
		padding-bottom: 40px;
	}
	.var3{
		padding-bottom: 40px;
	}
	.formaa input{
		margin-top: 20px;
	}
	.modal-form{
		position: fixed;
		top: 150px;
		z-index: 4;
		left: 50%;
		margin-left: -200px;
	}
}
@media screen and (min-width: 902px) and (max-width: 1440px){
	.first-img, .two-img{
		width: 70%;
		max-width: 90%;
	}
	.big-img{
		
	}
	.video{
		padding-bottom: 0;
	}
	.fors{
		margin-top: 50px;
		/*height: 765px;*/
	}
	.disc-option{
		padding-top: 60px;
	}
	.header-banner{
		margin-right: 120px;
	}
	.for{
		height: 680px;
	}
	.for img{
		height: 700
		max-height: 700px;
	}
}
@media screen and (min-width: 1441px) and (max-width: 1920px){
	.first-img, .two-img{
		width: 70%;
		max-width: 90%;
	}
	.big-img{
		
	}
	.video{
		padding-bottom: 0;
	}
	.fors{
		margin-top: 50px;
		/*height: 765px;*/
	}
	.disc-option{
		padding-top: 60px;
	}
	.header-banner{
		margin-right: 120px;
	}
	/*.for{
		height: 700px;
	}
	.for img{
		max-height: 720px;
	}*/
	.for{
		height: 940px;
	}
	.for img{
		height: 960px;
		max-height: 1000px;
	}
}
@media screen and (min-width: 1921px) and (max-width: 2400px){
	.description{
		padding-top: 320px;
		font-size: 26px;
	}
	.fors{
		margin-top: 50px;
		/*height: 765px;*/
	}
	.for{
		height: 920px;
	}
	.for img{
		max-height: 940px;
	}
	.disc-option{
		padding-top: 60px;
	}
}