/* CSS: Hunter Online > Landing2 */

/* ОСНОВНЫЕ */

* {
	padding: 0;
	margin: 0;
	/* border: 0; */
}

a {
	color: #FFFFFF;
}
a:hover {
	color: #9999FF;
}

img {
	border: 0;
}

b, strong, h1, h2, h3 {
	font-weight: bold;  /* Исправляем отображение толщины шрифтов в Windows 7 */
}

/* ВЁРСТКА */

.landingWrapper {
	font: italic 20px/1 Arial, Helvetica, sans-serif;
	color: rgba(255, 255, 255, 0.93);
	background: #070303;
	overflow: hidden;
	min-width: 980px;
		height: 900px;  /* Для Opera 12 */
	height: 100vh;
	min-height: 960px;
	position: relative;
}

.landingWrapperInner {
	width: 1920px;  /* Ширина фона */
	height: 100vh;
	min-height: 1080px;  /* Высота фона */
	margin-left: -960px;
	position: absolute;
	top: 0;
	left: 50%;
	transform-origin: 50% 0;
}

/* КОНТЕНТ */

.landing-content {
	background: url(img/landing-bg.jpg) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.landing-contentInner {
	text-align: right;
	width: 1020px;
	padding-top: 288px;
	margin: 0 auto;
}

/* Слоган */

.landing-slogan {
	background: url(img/landing-slogan-2.png) right top no-repeat;
	height: 140px;
	margin-right: -4px;
}

/* Форма подписки */

.landing-subscribe {
	margin-top: 29px;
}

.screen-reader-response {  /* Прячем ненужные сообщения */
	display: none;
}

.landing-subscribe-form, .wpcf7-form {
}

.landing-subscribe-form::after, .wpcf7-form::after {
/* ClearFix */
	content: '';
	height: 0;
	clear: both;
	display: block;
}

.wpcf7-form > p {
		margin: 0 !important;
		position: relative;
}

.landing-subscribe-form-emailWrapper, .wpcf7-form-control-wrap.your-email {
	display: block;
}
.landing-subscribe-form-emailWrapper::before, .wpcf7-form-control-wrap.your-email::before {  /* Лейбл формы */
	content: 'ВАШ E-MAIL';
	font-size: 19px;
	line-height: 53px;
	letter-spacing: 1px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}
.wpcf7-form-control-wrap.your-email::before {
	margin-right: 10px;
}

.landing-subscribe-form-email, .wpcf7-form-control.wpcf7-text.wpcf7-email  {  /* Форма e-mail */
	font-size: 18px;
	letter-spacing: 0.5px;
	color: #000;
	text-align: center;
	background: url(img/landing-subscribe-form-email.png) no-repeat;
	width: 448px;
	height: 55px;
	padding: 0 0 4px !important;
	border: 0;
	outline: none;
	margin-right: 4px;
	display: inline-block;
	vertical-align: top;
/* Блочная модель border-box !!! */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-subscribe-form-messageWarn1, .wpcf7-not-valid-tip {  /* Сообщение 1 */
    font: italic 15.5px/1 Arial, Helvetica, sans-serif !important;
    color: #FF3030 !important;
    text-shadow: 0 0 5px #000, 0 0 4px #000, 0 0 3px #000 !important;
    height: 16px !important;
	padding-right: 8px !important;
    margin-top: 4px !important;
    margin-bottom: -20px !important;
    display: block !important;
}

.wpcf7-form-control-wrap.your-email + br {
        display: none;
}

.landing-subscribe-form-button, .wpcf7-form-control.wpcf7-submit {  /* Кнопка */
		color: transparent !important;
	background: url(img/landing-subscribe-form-button.png) no-repeat;
		background-color: transparent !important;
	width: 599px;
	height: 60px;
	border: 0;
	margin-top: 33px;
	margin-right: 9px;
	cursor: pointer;
	display: inline-block;
}
.landing-subscribe-form-button:hover, .wpcf7-form-control.wpcf7-submit:hover {
	background-position: left bottom;
}

.wpcf7-form .ajax-loader {  /* Значок ожидания */
		position: absolute;
		bottom: 24px;
		right: 10px;
}

.landing-media-subscribe-form-messageOk, .wpcf7-response-output.wpcf7-mail-sent-ok {  /* Прячем сообщение */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.landing-media-subscribe-form-messageWarn2, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ng {  /* Сообщения 2 и 3 */
    font: italic 15.5px/22px Arial, Helvetica, sans-serif;
    color: #FF3030 !important;
    text-shadow: 0 0 5px #000, 0 0 4px #000, 0 0 3px #000;
    background: url(img/landing-media-subscribe-form-warn2.png) no-repeat;
    max-width: 446px;
    height: 44px;
    padding: 0 0 0 48px !important;
        border: 0 !important;
    margin: 30px 8px -1px !important;
    float: right;
}

.landing-intro {
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.1px;
	text-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 3px #000, 0 0 2px #000;
	height: 151px;
	margin-top: 32px;
	margin-right: 8px;
}

.landing-intro > p {
	margin: 10px 0 0 !important;
}

.landing-social {
	text-align: center;
	height: 48px;
	padding-top: 5px;
}

.landing-social-title {
	font-size: 16px;
	font-style: normal;
	color: rgba(242, 242, 242, 0.72);
	text-shadow: 1px 1px 3px #000;
	margin-bottom: 15px;
}

.landing-social > a {
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	margin-right: 7px;
	margin-left: 6px;
	display: inline-block;
	vertical-align: top;
}
.landing-social-vk {
	background-image: url(img/landing-social-vk.png);
}
.landing-social-fb {
	background-image: url(img/landing-social-fb.png);
}
.landing-social-ok {
	background-image: url(img/landing-social-ok.png);
}
.landing-social-mm {
	background-image: url(img/landing-social-mm.png);
}
.landing-social > a:hover {
	-webkit-filter: brightness(120%);
   filter: brightness(120%);
}


/* Добавляются скриптом */

.landing-overlay {
	background: rgba(0, 0, 0, 0.73);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.landing-messageOkOuter {
	height: 100%;
	max-height: 1080px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
	/* transform-origin: 50% 0; */
}

.landing-messageOk {
	background: url(img/landing-subscribe-form-ok.bg.png) no-repeat;
	width: 562px;
	height: 296px;
	padding-top: 152px;
	margin-top: -220px;
	margin-left: -280px;
	position: absolute;
	top: 50%;
	left: 50%;
/* Блочная модель border-box !!! */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-messageOk > span {
	font: 18px/1 Arial, Helvetica, sans-serif;
	color: #6AFF30;
	text-align: center;
	padding-right: 6px;
	display: block;
}

.landing-messageOk > a {
	background: url(img/landing-subscribe-form-ok-button.png) no-repeat;
	width: 144px;
	height: 49px;
	position: absolute;
	bottom: 34px;
	left: 207px;
	cursor: pointer;
}

.landing-messageOk > a:hover {
	background-position: left bottom;
}


/* Прячем Google Frame */

iframe[name="google_conversion_frame"] {
	font-size: 0 !important;
	line-height: 0 !important;
	height: 0 !important;
	display: block;
}


/* Layout: <IZEM©STUDIO> • 2017 */