@font-face {
	font-family: 'Conv_G-Type - ChevinPro-Light';
	src: url('fonts/G-Type - ChevinPro-Light.eot');
	src: local(''), url('fonts/G-Type - ChevinPro-Light.woff') format('woff'), url('fonts/G-Type - ChevinPro-Light.ttf') format('truetype'), url('fonts/G-Type - ChevinPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNextCyr';
	src: url('fonts/AvenirNextCyr-Medium.eot');
	src: local(''), url('fonts/AvenirNextCyr-Medium.woff') format('woff'), url('fonts/AvenirNextCyr-Medium.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNextCyr';
	src: url('fonts/AvenirNextCyr-Heavy.eot');
	src: local(''), url('fonts/AvenirNextCyr-Heavy.woff') format('woff'), url('fonts/AvenirNextCyr-Heavy.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

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: 180px;
    height: 180px; display: inline-block; vertical-align: top;margin: 0 auto;}
.header .left .logo {display: block;margin: 0 auto;width: 100%;height: 100%;text-align:left;}
.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;
/*	margin-top: 1.2vh;*/
/*
	margin-bottom: 0;
	margin-top: 1.2vh;
*/
}
.center p:first-of-type {
	margin-top: 0;
}
.middle {height: auto; position: relative; width: 100%; background: url(http://salesupster.ru/img_30days/banner_1920-old.jpg) no-repeat center bottom / cover;}
.middle .text {padding: 25px 55px; color: #ffffff;font-family: 'AvenirNextCyr';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;
	font-family: 'AvenirNextCyr';
	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;}

.green_panel {font-family: 'Conv_G-Type - ChevinPro-Light'; text-align: center; margin: 0; height: 66px; position: relative; width: 100%; background: #73aa3f;}
.green_panel .block {padding: 7px 0 0 0; box-sizing: border-box; font-size: 18px; color: #fed48d; display: inline-block; width: 330px; vertical-align: top; height: 66px; border-right: 1px solid #fff;}
.green_panel .block:first-child {border-left: 1px solid #fff;}
.green_panel .block span {display: block;}
.green_panel .block a {font-size: 18px; color: #fff; text-decoration: none; border-bottom: 1px dashed #fff;}
.green_panel .block a:hover {border: 0;}

.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;}


.popup {background: rgba(255,255,255,0.9); border: 2px solid #ff700f; padding: 30px; width: 350px; box-sizing: border-box;}
.popup .title {font-weight: 600; text-align: center; font-size: 19px; color:#ff700f; padding: 0 0 15px; margin: 0;}
.popup .exit {position: absolute; top: 10px; right: 10px; cursor: pointer;}
.popup input.text {font-family: inherit; background: #fff; display: block; width: 100%; height: 42px; box-sizing: border-box; line-height: 40px; border: 2px solid #ff700f; border-radius: 4px; color: #999999; font-size: 17px; padding: 0 15px; margin: 0 0 20px;outline: none!important;}
.popup input.text.error {border-color: red;}
.popup input.text:focus::-moz-placeholder {opacity: 0;}
.popup input.text:focus::-webkit-input-placeholder {opacity: 0;}
.popup button {line-height: 40px; font-size: 18px; border: 0; border-radius: 4px; display: block; width: 100%; text-align: center; cursor: pointer; font-family: inherit;  color: #fff; height: 44px; background: #ff700f; 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;}

.popup a.lk {display: table; margin: 40px auto 0; font-size: 14px; color: #999999; text-decoration: underline;}
.popup a.lk:hover {text-decoration: none;}
.popup p {text-align: center; padding: 70px 0; margin: 0;}
.popup p.text {background: url(img/checked.png) center 50px no-repeat; height: 300px; padding-top: 10px; box-sizing: border-box; color: #666; text-align: center; font-size: 18px;}
.popup p.thanks {color: #666; text-align: center; font-size: 25px; padding: 0 0 15px; margin: 0;}


#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
@media screen and (max-width: 1600px) {
	.middle {
		background-image: url(http://salesupster.ru/img_30days/banner_1260.jpg);
	}
}
@media screen and (max-width: 1450px) {
	.middle {
		background-size: contain;
		background-position: center 20%;
		background-image: url(http://salesupster.ru/img_30days/banner_1260.jpg);
	}
	
/*
	.middle {
		background-image: url(http://salesupster.ru/img_30days-rdi/banner_1260.png);
		background-size: 115% 100%;
    	background-position: 80%;
	}
*/
}
@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;}
/*
	.middle {
		height: 375px !important;
	}
*/
	.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;
	}
/*
	.middle {
		background-size: 115% 105%;
		
	}
*/
/*
	.middle {
		background-size: contain;
		background-position: center 10%;
	}	
*/
}
@media screen and (max-width:1000px){
	.middle {
/*		background-size: 100% 100%;*/
		background-image: url(http://salesupster.ru/img_30days/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;}

.green_panel .block {width: 220px;}

.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;}
/*
	.middle {
		background: url(http://salesupster.ru/img_block/banner_bcg.png) no-repeat center right / cover;
	}
*/
}
/*
@media screen and (max-width:990px){
	.middle {
		background-image: url(http://salesupster.ru/img_30days-rdi/banner_990.png);
		background-size: 100% 100%;
	}
}
*/

@media screen and (max-width: 895px) {
html>body {padding: 0;}
/*.header .left {width: 200px;}*/
/*.header .left .logo {padding-top: 25%;}*/
.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;
	}
/*
	.text h1:first-of-type{
		margin-top: 110px;
	}
*/
}

@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_30days/banner_770.jpg);
		background-position-y:10%;
	}
/*
.middle {
		background-image: url(http://salesupster.ru/img_30days-rdi/banner_770.png);
	}
*/
.green_panel {height: auto; padding: 15px 0;}
.green_panel .block {display: block; border: 0!important; width: auto; margin: 0 0 0px;}
	.middle {
		max-height: 300px;
	}
}

@media screen and (max-width: 700px) {
	.header p {
		font-size: 12px;
	}
/*.middle {height: auto !important; text-align: center;}*/
	.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: 20px;}
.header .left .logo {padding: 10px 0;}
.header .left { margin: 0 auto 20px; 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: 20px;
	}
	.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_30days/banner_400.jpg);
		max-height: 250px;
	}
/*
.middle {
		background-image: url(http://salesupster.ru/img_30days-rdi/banner_400.png);
		max-height: 250px;
	}
*/
}
.modal_link {
	display: block;
	text-decoration: underline;
	margin: 20px auto 0;
	text-align: center;
}