body{

	margin: 0px;

}

.container{

	max-width: 1200px;

	margin: 0 auto;

	padding: 0 15px;

	height: 100%;

}
.logo{
	width: 64px;
}
.head{ 

	padding-top: 12px;

	margin: 0 auto;

	z-index: 10;

	position: relative;

	height: 72px;

	background: #FFFFFF;

	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);

}

.forlogo{

	float: left;

}

.forlogotext{

	float: left;

	width: 272px;

	margin-left: 25px;

}

.forphone{

	padding-top: 13px;

	/*float: right;*/

	text-decoration: none;

}

.button{

	margin-left: 50px;

	width: 224px;

	height: 56px;

	border: 2px solid #F6C14B;

	box-sizing: border-box;

	border-radius: 3px;

	background: #FFFFFF;

	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);

	float: right;

}

.button:hover{

	cursor: pointer;

	background: linear-gradient(180deg, #FFCB4B 0%, #F8851B 100%);

	border-radius: 3px;

	color: #FFFFFF;

}

.top{

	margin: 0 auto;

	z-index: 5;

	position: relative;

	padding-top: 2%;

	padding-bottom: 2%;

	height: auto;

	background: url(/img/bg-1.jpg) center center no-repeat;

	background-size: cover;

}

.prev{

	margin-top: 30px;

	width: 100%;

	height: auto;

	background: #FEFEFE;

	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);

	border-radius: 5px;

}

.prev_1{

	padding-top: 8px;

	padding-bottom: 12px;

	float: none;

	display: inline-block;

	width: 24%;

	text-align: center;

}

.line{

	width: 1px;

	height: 304px;

	margin-top: 8px;

	background: #C4C4C4;

	display: inline-block;

}

.forimg{

	margin: 0 auto;

	height: 135px;

	width: 180px;

}

.fortitle{

	padding-top: 17px;

	width: 170px;

	height: 40px;

	margin: 0 auto;

}

.bot, .bot-a{

	margin-top: 14px;

	width: 184px;

	/*height: 32px;*/
	padding: 5px;

	background: linear-gradient(180deg, #FEDF85 0%, #F6C048 100%);

	box-shadow: 0px 3px 0px #DE9C55;

	border: none;

	font-family: Open Sans;

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: normal;

	text-align: center;

	color: #454545;
	text-decoration: none;
	display: inline-block;
	box-sizing: border-box;
}

.bot:hover, .bot-a:hover{

	cursor: pointer;

	background: linear-gradient(180deg, #FFCB4B 0%, #F8851B 100%);

	box-shadow: 0px 3px 0px #AC6A23;

	font-family: Open Sans;

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: normal;

	text-align: center;

	color: #FFFFFF;

}
.bot{
	opacity: 0;
}
.forphone-down-wr{
	float: right;
	text-align: right;
}
.forphone-down{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
.block_1{

	width: 67%;

	display: inline-block;

	vertical-align: bottom;

}

.fortext{

	width: 693px;

	height: 115px;

	left: 129px;

	top: 73px;

}

.forform{

	padding: 35px;

	margin-left: 2%;

	width: 24%;

	height: 407px;

	background: #FEFEFE;

	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);

	border-radius: 10px;

	display: inline-block;

	opacity: 0;
	display: none;

}

.forinput{

	margin-top: 45px;

}

.form{

	margin-bottom: 20px;

	width: 248px;

	height: 24px;

	background: #F5F5F5;

	box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);

	border-radius: 3px;

	border: none;

	padding: 18px;

	font-family: Open Sans;

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: 20px;

	color: #6E6E6E;

}

.sub{

	margin-bottom: 20px;

	width: 285px;

	height: 64px;

	background: linear-gradient(180deg, #FEDF85 0%, #F6C048 100%);

	box-shadow: 0px 3px 0px #DE9C55;

	border-radius: 3px;

	border: none;

	font-family: Open Sans;

	font-size: 16px;

	line-height: 20px;

	text-align: center;

	color: #454545;

}

.sub:hover{

	cursor: pointer;

	background: linear-gradient(180deg, #FFCB4B 0%, #F8851B 100%);

	box-shadow: 0px 3px 0px #AC6A23;

	border-radius: 3px;

	color: #FFFFFF;

}

.midl{

	padding-top: 88px;

	margin: 0 auto;

	position: relative;

	padding-bottom: 88px;

	background: url(/img/bg-2.jpg)

	center center no-repeat;

	background-size: cover;

}

.down{

	padding-bottom: 88px;

	background: #F7F7F7;

}

.info{

	/*float: left;*/

	vertical-align: top;

	width: 31%;

	margin: 1%;

	display: inline-block;

	margin-top: 55px;

	/*margin-right: 42px;*/

}

.foot{

	padding-top: 45px;

	margin: 0 auto;

	position: relative;

	height: 72px;

	background: #F59437;

}

.unp{

	float: left;

}

.lable{

	margin: 0 auto;

	float: right;

}

.forsite{

	position: relative;

	top: -13px;

	margin-right: 10px;

}

.text_1{

	font-family: 'PT Serif', serif;

	font-style: normal;

	font-weight: bold;

	font-size: 38px;

	line-height: 57px;

	text-transform: uppercase;

	color: #454545;

}

.text_2{

	font-family: 'Oswald', sans-serif;

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: normal;

	color: #454545;

}

.text_3{

	font-family: 'Open Sans', sans-serif;

	font-size: 20px;

	line-height: 25px;

	text-transform: uppercase;

	color: #454545;

}

.text_4{

	font-family: Open Sans;

	font-size: 16px;

	line-height: 20px;

	text-align: center;

	color: #F7C553;

	opacity: 0;
	display: none;
}

.text_5{

	font-family: Open Sans;

	font-style: normal;

	font-weight: bold;

	font-size: 16px;

	line-height: 20px;

	text-align: center;

	color: #454545;

}

.text_6{

	margin-top: 14px;

	font-family: Open Sans;

	font-style: normal;

	font-weight: bold;

	font-size: 18px;

	line-height: normal;

	text-align: center;

	color: #F6C048;

}

.text_7{

	font-family: Open Sans;

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: normal;

	text-align: center;

	color: #454545;

}

.text_8{

	letter-spacing: 1px;

	font-family: PT Serif;

	font-style: normal;

	font-weight: bold;

	font-size: 24px;

	line-height: normal;

	text-align: center;

	color: #454545;

}

.text_9{

	margin-top: 11px;

	font-family: Open Sans;

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: 20px;

	text-align: center;

	color: #454545;

}

.text_10{

	font-family: Open Sans;

	font-style: normal;

	font-weight: normal;

	font-size: 10px;

	line-height: 16px;

	text-align: center;

	color: #454545;

}

.text_11{

	font-family: PT Serif;

	font-style: normal;

	font-weight: bold;

	font-size: 32px;

	line-height: normal;

	text-align: left;

	text-transform: uppercase;

	color: #454545;

}

.text_12{

	margin-top: 14px;

	font-family: Oswald;

	font-style: normal;

	font-weight: bold;

	font-size: 18px;

	line-height: 24px;

	color: #353535;

}

.text_13{

	margin-top: 14px;

	font-family: Roboto Condensed;

	font-style: normal;

	font-weight: normal;

	font-size: 15px;

	line-height: 20px;

	color: #353535;

}

.text_14{

	text-decoration: none;

	font-family: Oswald;

	font-style: normal;

	font-size: 16px;

	line-height: normal;

	color: #FFFFFF;

}

.text_15{

	font-family: Roboto Condensed;

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: normal;

	color: #454545;

}

h1{

	font-family: PT Serif;

	font-style: normal;

	font-weight: bold;

	font-size: 32px;

	line-height: normal;

	text-transform: uppercase;

	color: #454545;

	margin-bottom: 54px;

	margin-top: 0;

}

.popup{

	display: none;

}

.popup.active{

	z-index: 111111;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-flex: 0;

	-webkit-flex: 0 1 auto;

	-ms-flex: 0 1 auto;

	flex: 0 1 auto;

	height: 100vh;

	top: 0;

	position: fixed;

	/* height: 0; */

	will-change: transform;

	width: 100%;

	left: 0;

	right: 0;

	background: #585858e3;

	padding: 0;

	margin: 0;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}

.popup_form{

	background: #FEFEFE;

	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);

	border-radius: 10px;

	max-width: 368px;

	padding: 40px;

	position: relative;

	margin: 0 auto;

}

.inp_p{

	box-sizing: border-box;

	background: #F5F5F5;

	box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);

	border-radius: 3px;

	padding: 14px 15px;

	width: 100%;

	border: 0;

	margin-bottom: 16px;

	font-family: Open Sans;

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: 20px;

	color: #6E6E6E;

}

input.redi{

	-webkit-box-shadow: 0px 0px 11px #ff0000;

	box-shadow: 0px 0px 11px #ff0000;

}

input.green{

	-webkit-box-shadow: 0px 0px 11px #4caf50;

	box-shadow: 0px 0px 11px #4caf50;

}

.line_1{

	margin-top: 8px;

	margin-bottom: 23px;

	width: 288px;

	height: 1px;

	background: #FFCB4B;

}

.go{

	margin-bottom: 24px;

	padding: 14px;

	width: 100%;

	border: none;

	background: linear-gradient(180deg, #FEDF85 0%, #F6C048 100%);

	box-shadow: 0px 3px 0px #DE9C55;

	border-radius: 3px;

	font-family: Open Sans;

	font-size: 16px;

	line-height: 20px;

	text-align: center;

	color: #454545;

}

.closeform{

	display: inline-block;

	position: absolute;

	font-weight: 100;

	right: 20px;

	top: 10px;

	color: #ffffff;

	font-size: 40px;

	cursor: pointer;

	/* height: 30px; */

	line-height: 0.6;

	padding: 4px;

	/* width: 30px; */

	-webkit-border-radius: 50px;

	border-radius: 50px;

	padding: 6px;

	z-index: 3;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	background: -webkit-linear-gradient(318.01deg, #FFA726 0%, #F57C00 95.26%);

	background: -o-linear-gradient(318.01deg, #FFA726 0%, #F57C00 95.26%);

	background: linear-gradient(131.99deg, #FFA726 0%, #F57C00 95.26%);

	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);

	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);

}

.topmen {

	z-index: 20;

	position: fixed;

	width: 100%;

	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);

	background-color: #fafafa;

	animation-name: formenu;

	-webkit-animation-name: formenu;

	animation-duration: 1s;

	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;

	-webkit-animation-timing-function: ease-in-out;

}

@-webkit-keyframes formenu {

	0% {

		opacity: 0;

	}

	100% {

		opacity: 1;

	}

}

@keyframes formenu {

	0% {

		opacity: 0;

	}

	100% {

		opacity: 1;

	}

}

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

	.top{

		height: auto;

		margin-top: 0;

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.block_1{

		margin: 0;

		float: none;

		width: 100%;

	}

	.forform{

		box-sizing: border-box;

		float: none;

		width: 100%;

		height: auto;

		text-align: center;

	}

	.midl{

		padding-top: 40px;

		padding-bottom: 40px;

		height: auto;

	}



} 

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

	.text_1{

		font-size: 30px;

		text-align: center;

		line-height: 1.2;

	}

	.text_11{

		font-size: 30px;

		text-align: center;

		line-height: 1.2;

	}

	.block_1{

		width: 100%;

		float: none;

		margin-top: 0;

	}

	.prev{

		width: 100%;

	}

	.forform{

		box-sizing: border-box;

		float: none;

		width: 100%;

		height: auto;

	}

	.top{

		height: auto;

		margin-top: 0;

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.midl{

		padding-top: 40px;

		padding-bottom: 40px;

		height: auto;

	}

	.prev_1{

		width: 49%;

	}

	.form{

		width: 50%;

	}

	.sub{

		width: 50%;

	}

	.info{

		width: 47%;

	}

	.forlogotext{

		display: none;

	}

} 



@media screen and (max-width: 768px) { 
	.forphone-down{
		font-size: 14px;
	}
	.midl{

		padding-top: 40px;

		padding-bottom: 40px;

		height: auto;

	}

	.prev_1{

		margin-top: 20px;

		width: 100%;

	}

	.line{

		display: none;

	}

	.form{

		width: 50%;

	}

	.info{

		text-align: center;

		width: 100%;

	}

	.button{

		display: none;

	}

} 



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

	.prev_1{

		padding-bottom: 30px;

		border-bottom: 1px solid #C4C4C4;

	} 

	.prev_1:last-child{

		border-bottom: none;

	}

	.text_1{

		text-align: center;

		font-size: 18px;

		line-height: 1.2;

	}

	.text_11{

		text-align: center;

		font-size: 18px;

		line-height: 1.2;

	}

	.midl{

		padding-top: 40px;

		padding-bottom: 40px;

		height: auto;

	}

	.form{

		box-sizing: border-box;

		font-size: 10px;

		width: 100%;

	}

	.sub{

		box-sizing: border-box;

		font-size: 10px;

		width: 100%;

		height: 38px;

	}

	.logo{

		width: 35px;

		height: 35px;

	}

	.text_3{

		font-size: 15px;

		line-height: 5px;

	}

	.head{

		height: 45px;

	}

	.foot{

		padding-top: 20px;

		height: auto;

	}

	.unp{

		float: none;

	}

	.lable{

		text-align: right;

		float: none;

	}

	h1{

		text-align: center;

		font-size: 18px;

		line-height: 1.2;

	}

}