@font-face {
font-family: 'Gotham Pro';
src: local('Gotham Pro'), local('GothamPro'),
	url('../fonts/GothamPro.woff2') format('woff2'),
	url('../fonts/GothamPro.woff') format('woff'),
	url('../fonts/GothamPro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Gotham Pro';
src: local('Gotham Pro Light'), local('GothamPro-Light'),
	url('../fonts/GothamPro-Light.woff2') format('woff2'),
	url('../fonts/GothamPro-Light.woff') format('woff'),
	url('../fonts/GothamPro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'Gotham Pro';
src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
	url('../fonts/GothamPro-Bold.woff2') format('woff2'),
	url('../fonts/GothamPro-Bold.woff') format('woff'),
	url('../fonts/GothamPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

* {
outline: none;
}

*:focus {
outline: none;
}

a:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}

body, html {
/*height: 100%;*/
min-height: 100%;
min-width: 320px;
}

body {
padding: 0px;
margin: 0px;
color: #1c1c1c;
font-size: 16px;
line-height: 1.31;
font-family: 'Gotham Pro', Arial, sans-serif;
font-weight: 400;
background: #ffffff;
overflow-y: scroll;
}

p {
margin: 0 0 20px;
}

img {
border-style: none;
}

a {
text-decoration: underline;
color: #231f20;
}

a:hover {
text-decoration: none;
}

.nowrap {
white-space: nowrap;
}

.clear {
clear: both;
font-size: 0px;
line-height: 0px;
height: 0px;
}

.center {
text-align: center;
}

.main_frame {
width: 100%;
overflow: hidden;
}

.main_width {
max-width: 960px;
min-width: 320px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0 20px;
}

#header {
padding: 21px 0 16px;
}

#header .logo {
display: block;
width: 301px;
height: 51px;
background: url(../img/sprite.png) no-repeat 0 0 transparent;
}

.top_creative {
min-height: 650px;
background: #e40613;
position: relative;
overflow: hidden;
color: #fff;
}

.top_creative .girl {
display: block;
position: absolute;
top: 0;
height: 100%;
width: auto;
right: 0;
}

.top_creative_content {
position: absolute;
bottom: 55px;
left: 0;
right: 0;
font-weight: 300;
}

.top_creative_title {
max-width: 680px;
font-weight: 600;
font-size: 89px;
line-height: 99px;
}

.top_creative_text {
display: inline-block;
padding: 0 88px 0 0;
margin-top: 85px;
font-size: 40px;
line-height: 45px;
position: relative;
}

.top_creative_text .arrow {
position: absolute;
top: 33px;
right: 0;
width: 35px;
}

.top_creative_text .arrow_block {
width: 32px;
height: 54px;
background: url(../img/sprite.png) no-repeat -327px 0;
margin: 0 auto 13px;
}

.top_creative_text .tail {
display: block;
width: 34px;
height: 25px;
}

.top_creative_text .tail path {
stroke: #ffffff;
fill: transparent;
stroke-width: 1px;	
transition: stroke 0.5s;
}

.top_creative_text .tail .a3 {
stroke-width: 2px;
}

@keyframes arrow {
    0% {opacity: 1;}
    50% {opacity: 0.5;}
    100% {opacity: 1;}
}

.top_creative_text .tail .a1 {
animation: arrow 1.5s linear 0s infinite;
}

.top_creative_text .tail .a2 {
animation: arrow 1.5s linear 0.5s infinite;
}

.top_creative_text .tail .a3 {
animation: arrow 1.5s linear 1s infinite;
}

.top_creative .age {
font-size: 83px;
position: absolute;
bottom: 88px;
right: 60px;
z-index: 10;
}

.calendars {
padding: 50px 0 55px;
}

.h2 {
font-size: 31px;
line-height: 32px;
color: #1c1c1c;
text-align: center;
margin: 0 0 50px;
font-weight: 400;
}

.h2:last-child {
margin-bottom: 0;
}

.calendars .h2:last-child {
margin-left: -20px;
margin-right: -20px;
}

.calendar_list {
margin: 0 -20px 60px;
padding-top: 77px;
position: relative;
}

.calendar_list:before {
content: "";
display: block;
width: 1px;
background: #ff0000;
position: absolute;
top: 70px;
bottom: 100px;
left: 50%;
z-index: 10;
}

.calendar_block {
float: left;
width: 48%;
margin: 0 0 30px;
position: relative;
height: 375px;
}

.calendar_block.right {
float: right;
}

.calendar_block:first-child {
margin-top: -77px;
}

.calendar_image {
float: left;
border: 10px solid #fff;
box-shadow: 0 13px 35px rgba(0,0,0,0.45); 
}

.calendar_block.right .calendar_image {
float: right;
}

.calendar_image img {
display: block;
}

.calendar_content {
margin-left: 280px;
color: #1c1c1c;
padding-top: 60px;
}

.calendar_block.right .calendar_content {
margin-right: 280px;
margin-left: 0;
}

.calendar_year {
font-weight: 600;
color: #ee1b24;
font-size: 48px;
line-height: 51px;
margin: 0 0 25px;
}

.calendar_theme {
font-weight: 600;
margin: 0 0 16px;
}

.red_block {
background: #ee1c25;
padding: 30px 0 55px;
color: #fff;
}

.red_block .h2 {
color: #fff;
margin: 0 0 25px;
}

.h1 {
text-align: center;
font-size: 61px;
line-height: 71px;
margin: 0 0 40px;
}

.red_block_cols {
position: relative;
}

.col_text {
float: left;
width: 295px;
padding-top: 30px;
}

.col_text p {
margin: 0 0 1.31em;
}

.col_text p:last-child {
margin-bottom: 0;
}

.col_video {
position: absolute;
top: 0;
right: -21px;
}

.video_block {
border: 10px solid #fff;
box-shadow: 0 13px 35px rgba(0,0,0,0.45);
position: relative;
background: #fff;
}

.video_block iframe,
#ytplayer {
display: block;
/*width: 617px;*/
width: 605px;
height: 341px;
}

.video_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/video_poster.jpg) no-repeat center center #cccccc;
background-size: cover;
cursor: pointer;
}

.video_overlay:before {
content: "";
display: block;
width: 124px;
height: 124px;
background: url(../img/sprite.png) no-repeat 0 -101px transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -62px 0 0 -62px;
opacity: 0.5;
transition: opacity 0.5s;
}

.video_overlay:hover:before {
opacity: 0.8;
}

.form_block {
padding: 160px 0 35px;
}

.form_block .h2 {
margin-bottom: 35px;
text-align: left;
max-width: 780px;
}

.form {
padding: 22px 0 0;
}

.form_cols {
max-width: 715px;
}

.inputs_col {
float: left;
width: 330px;
}

.btn_col {
margin-left: 375px;
}

.input_hld {
margin: 0 0 14px;
position: relative;
}

.text_input {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background: #ffffff;
height: 40px;
padding: 9px 30px;
font-size: 15px;
line-height: 20px;
font-family: 'Gotham Pro', Arial, sans-serif;
font-weight: 300;
color: #1c1c1c;
margin: 0;
border: 1px solid #e30512;
}

.text_input::-webkit-input-placeholder {
color: #1c1c1c;
opacity: 0.5;
font-style: italic;
}
.text_input:-moz-placeholder,
.text_input::-moz-placeholder {
color: #1c1c1c;
opacity: 0.5;
font-style: italic;
}
.text_input:-ms-input-placeholder {
color: #1c1c1c;
opacity: 0.5;
font-style: italic;
}

.checkbox {
margin: 5px 0 20px;
height: 46px;
}

.checkbox input {
display: none;
}

.checkbox label {
display: inline-block;
}

.checkbox span {
display: inline-block;
padding-left: 32px;
position: relative;
color: #1c1c1c;
font-size: 14px;
font-weight: 300;
}

.checkbox span:before {
content: "";
width: 14px;
height: 14px;
border: 1px solid #707070;
background: #fff;
text-align: center;
position: absolute;
top: 2px;
left: 0;
}

.checkbox.checked span:before {
background: url(../img/sprite.png) no-repeat -337px -60px #fff;
}

.warning {
padding-top: 5px;
font-size: 14px;
display: none;
}

.red_btn {
display: block;
text-decoration: none;
color: #fff;
width: 100%;
font-size: 26px;
font-weight: 600;
letter-spacing: 0.05em;
font-family: 'Gotham Pro', Arial, sans-serif;
line-height: 27px;
height: 94px;
padding: 0 20px;
background: #ee1c25;
border: 0 none;
margin: 0;
text-align: center;
-webkit-transition: background-color 0.5s, color 0.5s;
-moz-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.red_btn:hover {
background-color: #d31e26;
}
.red_btn.loading{
	background: #ee1c25 url(../img/ajax-loader.gif) no-repeat center; 
	color:transparent;
}

.form_text2 {
font-size: 21px;
}

.form_text2 b {
color: #ee1c25;
}

.red_footer {
background: #ee1c25;
padding: 14px 0;
color: #fff;
}

.bottom_logo {
display: block;
width: 217px;
height: 38px;
background: url(../img/sprite.png) no-repeat 0 -59px transparent;
float: left;
margin-top: 8px;
}

.share_block {
float: right;
width: 215px;
font-size: 12px;
text-align: center;
}

.share_block_links {
display: inline-block;
margin-top: 5px;
}

.share_block_links ul {
margin: 0;
padding: 0;
list-style: none outside;
}

.share_block_links ul li {
display: block;
float: left;
margin: 0 5px;
font-size: 0px;
line-height: 0px;
color: transparent;
}

.share_block_links a {
display: block;
width: 25px;
height: 25px;
background: url(../img/sprite.png) no-repeat -225px -62px transparent;
transition: opacity 0.5s;
}

.share_block_links a:hover {
opacity: 0.8;
}

.share_block_links .vk,
.share_block_links .ya-share2__item_service_vkontakte a {
width: 30px;
background-position: -254px -62px;
}

.share_block_links .tw,
.share_block_links .ya-share2__item_service_twitter a {
background-position: -295px -62px;
}

.white_footer {
padding: 16px 0 35px;
font-size: 14px;
}
/*********************************************/

label.error{
	font-size: 11px;
	color:#e30512;
}
.checkbox label.error{
	display:none !important;
}

.overflow{
	background: rgba(0, 0, 0, 0.7);
	position:fixed;
	top: 0px;bottom: 0px;
	left: 0px;right: 0px;
	z-index:100;
	display:none;
}
/* модальное окно */
.popup{
	position:absolute;
	z-index:101;
	background: #ffffff url(../img/ajax-loader1.gif) no-repeat center;
	width: 422px;
	height: 600px;
	margin-left: -211px;
	margin-top: -300px;
	top: 50%;
	left: 50%;
	display:none;
}

.popup .close:hover{
	opacity: 0.8;
}

.popup .item img{
	height: 600px;
}
.popup .close{
	display:block;
	position:absolute;
	width: 25px;
	height: 26px;
	top: 10px;
	right: 10px;
	opacity: 0;
	background: url(../img/sprite.png) no-repeat -242px -102px;
	z-index: 50;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.popup:hover .close{
	opacity: 0.8;
}
.popup .close:hover{
	opacity: 1;
}
.calendar_carusel .slick-arrow{
	position:absolute;
	font-size: 0px;
	display:block;
	width: 19px;
	height: 32px;
	background: url(../img/sprite.png) no-repeat -196px -99px;
	opacity: 0;
	top: 50%;
	margin-top: -16px;
	border: 0px none;
	
	padding: 0px;
	z-index: 50;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.popup:hover .calendar_carusel .slick-arrow{
	opacity: 0.8
}
.calendar_carusel .slick-arrow:hover{
	opacity: 1;
}
.calendar_carusel .slick-arrow.slick-next{
	background-position: -214px -99px;
	right: 10px;
}
.calendar_carusel .slick-arrow.slick-prev{
	left: 10px;
}
.hidden_layer{
	background: transparent;
	position:absolute;
	z-index: 45;
	left: 0px; right: 0px;
	top: 0px; bottom: 0px;
}