/* лэндинг */
html {
	/* Это изображение будет выводиться на полный экран */
	background: url(../images/promo-concert.jpg) no-repeat center center;
	/* Чтобы гарантировать, что элемент html всегда будет полной высоты окна браузера */
	min-height: 100%;
	/* Волшебство */
	background-size: cover;
}
body {
	/* Обходной путь для некоторых мобильных браузеров */
	min-height: 100%;
	background: rgba(0,0,0,.3);
}
.promoTop {
	width: 100%;
	height: 60px;
	background: none;
}
.promoTopLogo {
	width: 154px;
	height: 60px;
	background: url(../images/clLogo1.png) no-repeat left center;
	float: left;
}
.landing p {
	color: #fff;
	text-align: center;
}
.landing p.line1 {
	font-size: 3em;
	font-weight: 700;
	line-height: 1.2em;
	margin: 0.9em auto 0.3em;
}
.landing p.line2 {
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 0 auto 0.1em;
}
.landing p.line3 {
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 0 auto 0.4em;
}
p.line3 + p.line3 {
	margin: 0 auto 1.2em;
	color: #fbaf3c;
}
.landing input.inp1, .landing input.inp2, .landing input.inp3 {
	border: 2px solid #fff;
	background-color: rgba(255,255,255,0.95);
	padding: 6px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font-size: 1em;
	padding: 7px 10px 9px 34px;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 40px;
	float: left;
}
.landing .inpNameMask {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	margin-right: 3%;
	width: 31%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	position: relative;
}
.landing .inpMailMask {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	margin-right: 0;
	width: 31%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	position: relative;
}
.landing .inpMask {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	width: 31%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	margin-right: 3%;
	position: relative;
}
.landing .inpNameMask:after {
	content: '';
	position: absolute;
	display: inline-block;
	height: 38px;
	width: 34px;
	left: 2px;
	background-image: url(../images/person.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
}
.landing .inpMailMask:after {
	content: '';
	position: absolute;
	display: inline-block;
	height: 38px;
	width: 34px;
	left: 2px;
	background-image: url(../images/email.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
}
.landing .inpMask:after {
	content: '';
	position: absolute;
	display: inline-block;
	height: 38px;
	width: 34px;
	left: 2px;
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.landing input[type="text"]:hover, .landing input[type="tel"]:hover, .landing input[type="email"]:hover, .landing input[type="text"]:focus, .landing input[type="tel"]:focus, .landing input[type="email"]:focus {
	border: 2px solid #fbaf3c;
}
.landing .formLine input.inp1 {
}
.landing .formLine input.inp2 {
	padding: 7px 10px 9px 55px;
	float: none;
}
.landing .formLine input.inp3 {
	margin-right: 0;
}
.landing .formLine input.inp1:hover, .landing .formLine input.inp1:focus {
	background-color: rgba(255,255,255,1);
}
.landing .formLine input.inp2:hover, .landing .formLine input.inp2:focus {
	background-color: rgba(255,255,255,1);
}
.landing .formLine input.inp3:hover, .landing .formLine input.inp3:focus {
	background-color: rgba(255,255,255,1);
}
.landing .inpMask:before {
	content: '+7';
	position: absolute;
	margin-left: 35px;
	font-size: 1em;
	display: inline-block;
	color: #000;
	line-height: 38px;
}
.landing input[type="submit"] {
	outline: none !important;
	clear: both;
	width: 31%;
	margin: 1.5em auto 0 34%;
}
.landing input[type="submit"] {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 6px;
	-moz-border-radius: 6px;
	background: #8bc543;
	border: none;
	/* border: 3px solid #fff; */
	color: #fff;
	padding: 7px 12px 9px;
	font-weight: 600;
	font-size: 19px;
	text-align: center;
	cursor: pointer;
	transition: ease-in-out .1s;
	-moz-transition: ease-in-out .1s;
	-webkit-transition: ease-in-out .1s;
	box-shadow: 0 4px 0 1px #4f860c;
}
.landing input[type="submit"]:hover {
	background: #a8e063;
	box-shadow: 0 4px 0 1px #629d1b;
}
.landing input[type="submit"]:active {
	background: #fbaf3c;
	box-shadow: 0 4px 0 1px #be7403;
}
.clear {
	clear: both;
}
#promoFirstDisplay, #promoSecondDisplay {
	min-height: 315px;
}
.textLay { background:rgba(35, 22, 1, 0.6); border-radius:8px; padding:0 1.5em 0em; margin-top:1em; margin-bottom:2em;}
.textLay p {}
.textLay a { vertical-align:baseline; color:#fff;}
.landing .textLay p {
	color: #fff;
	text-align: left;
	clear:both;
}
.landing .textLay p.l1 {
	font-size: 2em;
	font-weight: 700;
	line-height: 1.2em;
	margin: 0.7em auto 0.3em;
	text-align:center;
}
.landing .textLay p.l2 {
	    font-size: 2em;
    font-weight: 600;
    line-height: 2em;
    margin: 0 auto 0.5em;
    color: #fbaf3c;
    text-align: center;
}
.landing .textLay p.l3 {
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 0 auto 0.4em;
}
.landing .textLay p.l3 s { text-decoration:none; color:#fbaf3c;}
.landing .textLay p.l3 i { background-image: url(../images/handOk.png); height:41px; width:34px;
	background-repeat: no-repeat; font-style:normal;
	background-position: center;   left: 0px;
    position: relative; display:inline-block;margin-right: 10px;
    top: -5px;}
.textLay p.l3 + p.l3 {
	margin: 0 auto 1.2em;
	/*color: #fbaf3c;*/
}
.questions {padding:1em 0 0;}
.landing .textLay p.lq {font-size: 1.2em;line-height: 150%;margin: 0 0.5em 0.6em; transform:rotate(-3deg); float:left; clear:none; position:relative; padding-left:2em; box-sizing:border-box;}
.landing .textLay p.lq:nth-child(2) {font-size: 1.4em; transform:rotate(3deg);margin-top:-20px;}
.landing .textLay p.lq:nth-child(3) {font-size: 1.6em; transform:rotate(3deg); margin-top:0.5em;}
.landing .textLay p.lq:nth-child(4) {font-size: 1.8em; transform:rotate(-3deg); margin-top:0.5em;}
.landing .textLay p.lq span {
	  font-size: 280%;
    font-weight: 700;
   /* color: #f15b2a;*/ color: #fbaf3c;
    left: 0px;
    position: absolute;
    top: 15px;}
.landing .textLay p.lq:nth-child(1) span {top: -3px;}
.landing .textLay p.lq:nth-child(4) span {top: 20px;}

.arrowLogic {	background-image: url(../images/arrowLogic.png); height:100%; min-height:150px; width:70px;
	background-repeat: no-repeat;
	background-position: center;   left: 0px;
    position: absolute;}
.howItWorks { position:relative; padding-left:75px; box-sizing:border-box;min-height:150px; margin-bottom:1.5em;}
.landing .textLay p.l1.answer {color: #8bc543;  font-size: 2.5em; margin-bottom:0;}
.listStairs {position:relative;}
.listStairs li {color: #fff; position:relative; line-height:33px; padding-left:84px;}
.listStairs li span {font-weight:700; vertical-align:top; color:#fbaf3c;}
.listStairs:before {
	content: '';
	position: absolute;
	display: inline-block;
	height: 220px;
	width: 70px;
	left: 0px;
	top:0px;
	background-image: url(../images/arrowLogic.png);
	background-repeat: no-repeat;
	background-position: center;}
	
/*.listStairs li:before {
	content: '';
	position: absolute;
	display: inline-block;
	height: 20px;
	width: 24px;
	left: 0px;
	top:-5px;
	background-image: url(../images/lineNext.png);
	background-repeat: no-repeat;
	background-position: center;}

.listStairs li:nth-child(1):before {background-image: none;}
.listStairs li:nth-child(2) { padding-left:28px;}
.listStairs li:nth-child(3) { padding-left:56px;}
.listStairs li:nth-child(4) { padding-left:84px;}
.listStairs li:nth-child(5) { padding-left:112px;}
.listStairs li:nth-child(6) { padding-left:140px;}
.listStairs li:nth-child(7) { padding-left:168px;}

.listStairs li:nth-child(3):before {left:28px;}
.listStairs li:nth-child(4):before {left:56px;}
.listStairs li:nth-child(5):before {left:84px;}
.listStairs li:nth-child(6):before {left:112px;}
.listStairs li:nth-child(7):before {left:140px;}*/

@media screen and (max-width:2000px) {
}
@media screen and (max-width:920px) {
.landing .inpNameMask, .landing .inpMask, .landing .inpMailMask {
	width: 60%;
	margin-left: 20%;
	margin-right: 0;
	margin-bottom: 0.7em;
}
.landing input[type="submit"] {
	width: 60%;
	margin: 0.5em auto 0 20%;
}
}
@media only screen and (max-width: 800px){
.listStairs li {
    font-size: 0.9em;
}
}
@media screen and (max-width:640px) {
.landing .inpNameMask, .landing .inpMask, .landing .inpMailMask {
	width: 70%;
	margin-left: 15%;
	margin-right: 0;
	margin-bottom: 0.7em;
}
.landing input[type="submit"] {
	width: 70%;
	margin: 0.5em auto 0 15%;
}
.c4s-widget-btn-green1 {bottom: 10px !important; right: 10px !important;}
.landing p.line1 {
	font-size: 2.6em;
}
.landing p.line2 {
	font-size: 1.4em;
	margin: 0 auto 0.3em;
}
.landing .inpNameMask, .landing .inpMask, .landing .inpMailMask {
	width: 80%;
	margin-left: 10%;
	margin-bottom: 0.7em;
}
.landing input[type="submit"] {
	width: 80%;
	margin: 0.5em auto 0 10%;
}
.listStairs li {padding-left:70px;}
.listStairs:before {width: 50px;}
}
@media screen and (max-width:530px) {
.landing .inpNameMask, .landing .inpMask, .landing .inpMailMask {
	width: 100%;
	margin-left: 0;
	margin-bottom: 0.7em;
}
.landing input[type="submit"] {
	width: 100%;
	margin: 0.5em auto 0 0;
}
}
@media screen and (max-height:640px) {
.c4s-widget-btn-green1 {bottom: 10px !important; right: 10px !important;}
}
@media screen and (max-width:440px) {
.listStairs li {padding-left:0px;}
.listStairs:before {width: 0px;}
}