html { height: 100%; min-width: 320px;}
body {position: relative; margin: 0; padding: 0px 0 0 0; height: auto !important; min-height: 100%; background: #fff; min-width: 320px; font-family: 'Open Sans', sans-serif;overflow-x: hidden;}
/* html > body {padding: 0 0 70px;}*/
img {padding: 0; margin: 0; border: 0;}
.cleaner {clear: both;}
a {
	text-decoration: none;
	color: #074f8b;
}
a:hover {text-decoration: none;}
a, button {transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.all {position: relative; width: 1600px; margin: 0 auto;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
.container {
	height: 100vh !important;
/*	overflow: hidden;*/
}
.middle {
	height: 50vh !important;
	max-height: 550px;
}
.middle a {
	width: 100%;
	height: 100%;
	display: block;
}
.container {width: 1260px; margin: 0 auto; height: 100%;}
.header {position: relative; width: 100%; height: 50vh;display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;justify-content: space-around;}
	.header .left {width: 170px;
		display: inline-block; vertical-align: top;margin: 0 auto;}
		.header .left .logo {display: block;margin: 0 auto;width: 100%;height: 100%;text-align:center;}
		.header .left .logo img {width:100%;height:auto;}
		.header .right {display: inline-block; vertical-align: middle; width: calc(100% - 280px);font-size: 30px; font-weight: 500; padding: 10px 0;}
		.header .right span.big {display: block; font-size: 58px;line-height: 50px;margin-top: 0.6vh;}
		.header .right span.right_text {text-align: right; display: block;line-height: 30px;}
		.header .right small {float: right; font-size: 17.8px; font-weight: normal; display: block; margin: 6px 0 0 0;}
		.header_row {
			position: relative;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-ms-align-items: center;
			align-items: center;
			margin-bottom: auto;
			justify-content: space-between;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.center {
			margin: auto;
		}
		.center p {
			font-size: 14px; 
			font-weight: 300;
			color: #000;
			font-size: 1.6vh;
		}
		.center p:first-of-type {
			margin-top: 0;
		}
		.middle {height: auto; position: relative; width: 100%; background: url(http://salesupster.ru/img_ott/banner1/banner_1920.jpg) no-repeat center bottom / cover;}
		.middle .text {padding: 25px 55px; color: #ffffff;font-weight: 800;}
		.text h1 {
			font-size: 42px;
			margin: 0;
		}
		.banner_logo {
			position: absolute;
			right: 5%;
			top:5%;
		}
		.banner_logo img {
			width: 220px;
		}
		.banner_text p {
			color: #ffffff;
			margin: 5px;
			font-size: 22px;
			font-weight: 300;
			line-height: 20px
		}
		.banner_text {
			margin-bottom: 15px;
		}
		.banner_footer {
			position: absolute;
			bottom: 5%;
		/*	right: 15%;*/
		left: 56px;
		width: 580px;
		}
		.icons img {
			margin-right: 10px;
		}
		.middle .text p.grey {color: #666666;}
		.middle .text p.bg {line-height: 110%; display: table; padding: 10px 30px 10px 55px; background: linear-gradient(to right, #fff, transparent); margin: 40px 0 50px -55px; font-weight: bold; font-size: 45px; color: #333333;}
		.middle .text p.bg span {display: block; color: #2c3a11;}
		.banner_button {
			margin-top: -30px;
		}
	.banner_button a.btn {text-transform: uppercase; text-decoration: none; display: table; width: 265px; height: 50px; line-height: 50px; text-align: center; border-radius: 4px; font-size: 22px; font-weight: 500; color: #fff; background: #e90300; background: linear-gradient(to right, #ea0100, #cc3900); margin: auto;}
	.middle .text p.small {font-size: 18px; color: #333333; font-weight: normal;}
	/*.middle .text .icons img {width: 72px; margin: 0 8px 0 0;}*/
	.middle .text .btn.grey {position:absolute; margin: 0; right: 20px; bottom: 20px;}
	.middle .text .free {display: block; font-size: 18px; color: #f75312; position: absolute; margin: -135px 0 0 375px;}
	.footer {position: relative; width: 100%; padding: 10px 0; font-size: 8px; font-weight: 500; line-height: 160%; color: #000;}
	.footer .soc_block {position: absolute; top: 10px; right: 0; font-size: 14px; color: #468f01; font-weight: 300;}
	.footer .soc_block span, .footer .soc_block img {display: inline-block; vertical-align: middle;}
	.footer .soc_block img {margin-left: 3px;}
	.footer .soc_block img.icon {margin-left: 10px;}
	@media screen and (max-width: 1600px) {
		.middle {
			background-image: url(http://salesupster.ru/img_ott/banner1/banner_1260.jpg);
		}
	}
	@media screen and (max-width: 1450px) {
		.middle {
			background-size: contain;
			background-position: center 20%;
			background-image: url(http://salesupster.ru/img_ott/banner1/banner_1260.jpg);
		}
	}
	@media screen and (max-width: 1259px) {
		* {max-height: 99999999px; -webkit-appearance: none!important;}
		.container {width: 100%; overflow: hidden; position: relative; height: 100% !important;}
		.header {padding-left: 10px; padding-right: 10px; box-sizing: border-box;height: auto;}
		.banner_button {
			margin-top: 0;
		}
		.header .right span.big {
			font-size: 44px;
		}
		.header .right {
			font-size: 18px;
		}
		.center {
			margin-top: 2%;
		}
	}
	@media all and (max-width: 1200px) {
		.center p {
			font-size: 14px;
		}
	}
	@media screen and (max-width:1000px){
		.middle {
			background-image: url(http://salesupster.ru/img_ott/banner1/banner_990.jpg);
	}
}
@media screen and (max-width: 1075px) {
	.header .right {font-size: 20px;}
	.header .right span.right_text {text-align: left;}
	.header .right span.big {font-size: 35px;line-height: 40px;}
	.header .right small {float: none;}
	.footer {text-align: center; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
	.footer .soc_block {position: relative; top: auto; right: auto; display: table; margin: 10px auto;}
	.middle .text .free {margin: -30px 0 0 0;}
}
@media screen and (max-width: 895px) {
	html>body {padding: 0;}
	.header .right {width: calc(100% - 220px);}
	.header .right span.big {font-size: 25px;line-height: 30px;}
	
	.text h1 {
		font-size: 50px;
		position: relative;
	}
	.middle {
		background-size: contain;
	}
}
@media all and (min-width:767px) {
	.btn_more {
		display:none;
	}
}
@media all and (max-width:767px) {
	.mob_none {
		display:none;
	}
	.btn_more {
		margin:-10px 0 0;
		display:block;
		font-size:12px;
		text-decoration:underline;
	}
	.btn_more:hover, .btn_more:active {
		text-decoration:underline;
	}
	.header .left {
		height:auto;
	}
}
@media screen and (max-width: 790px) {
	.middle .text a.btn {font-size: 17px; height: 45px; line-height: 45px; padding: 0 15px; width: auto;}
	.middle .text {padding-left: 10px;}
	.middle {
		background-image: url(http://salesupster.ru/img_ott/banner1/banner_770.jpg);
		background-position-y:10%;
	}
	.middle {
		max-height: 300px;
	}
}
@media screen and (max-width: 700px) {
	.header p {
		font-size: 12px;
	}
	.text h1:first-of-type {
		margin-top: 30px;
	}
	.banner_footer {
		position: relative;
		width: 100%;
		right: auto;
		left: auto;
	}
	.text h1:first-of-type {
		margin-top: 50px;
	}
	.banner_button a.btn {
		margin: 0 auto 30px;
	}
}
@media screen and (max-width: 675px) {
	.header {padding-top: 10px; padding-bottom: 10px;}
	.header .left .logo {padding: 0;}
	.header .left { margin: 0 auto; display: table;}
	.header .right {width: 100%; font-size: 14px; padding: 0 10px; box-sizing: border-box; text-align: center;}
	.header .right span.right_text {text-align: center;line-height: 20px;}
	.header .right span.big {font-size: 16px;line-height: 20px;}
	.header .right small {font-size: 16px;}
	.center {
		margin-top: 10px;
	}
	.text h1 {
		font-size: 30px;
	}
}
@media screen and (max-width: 400px) {
	.banner_logo {
		right: auto;
		width: 100%;
	}
	.banner_logo img {
		text-align: center;
	}
	.middle {
		background-image: url(http://salesupster.ru/img_ott/banner1/banner_400.jpg);
		max-height: 250px;
	}
}
.modal_link {
	display: block;
	text-decoration: underline;
	margin: 20px auto 0;
	text-align: center;
}