/*BEGIN FONTS*/
@font-face{
	font-family: 'Oranienbaum';
	src: url('../fonts/Oranienbaum.eot');
	src: local('☺'), url('../fonts/Oranienbaum.woff') format('woff'), url('../fonts/Oranienbaum.ttf') format('truetype'),
	url('../fonts/Oranienbaum.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*END FONTS*/

/*BEGIN GENERAL SETTINGS*/
*{
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
}
p, a, span, td, h1, h2, input, li{
	-webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
}
*::after, *::before{
	-webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -o-user-select: none !important;
}
p::-moz-selection { color: #5c0a23;  background: transparent; }
p::selection      { color: #5c0a23;  background: transparent; }
a::-moz-selection { color: #5c0a23;  background: transparent; }
a::selection      { color: #5c0a23;  background: transparent; }
li::-moz-selection { color: #5c0a23;  background: transparent; }
li::selection      { color: #5c0a23;  background: transparent; }
span::-moz-selection { color: #5c0a23;  background: transparent; }
span::selection      { color: #5c0a23;  background: transparent; }
h1::-moz-selection { color: #5c0a23;  background: transparent; }
h1::selection      { color: #5c0a23;  background: transparent; }
h2::-moz-selection { color: #5c0a23;  background: transparent; }
h2::selection      { color: #5c0a23;  background: transparent; }
h3::-moz-selection { color: #5c0a23;  background: transparent; }
h3::selection      { color: #5c0a23;  background: transparent; }
td::-moz-selection { color: #5c0a23;  background: transparent; }
td::selection      { color: #5c0a23;  background: transparent; }
input::-moz-selection { color: #ffb35a !important;  background: #5c0a23; }
input::selection      { color: #ffb35a !important;  background: #5c0a23; }

textarea{
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="button"],
input[type="submit"]{
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

p, h1, h2, h3, li{
	cursor: default;
}
html, body{
	overflow-x: hidden;
}
body, .container, .container .row{
	font-family: 'Oranienbaum';
	font-size: 10px;
}
.nowrap{
	white-space: nowrap
}
a{
	text-decoration: none !important;
}
.clear{
	clear: both;
}
.field_checkout{
	display: none;
}

@-webkit-keyframes rotate_1{
	0% {
		transform: rotate(0deg); 
	}
	100%{
		transform: rotate(360deg);
	}
}
@-moz-keyframes rotate_1{
	0%{
		transform: rotate(0deg); 
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes rotate_1{
	0%{
		transform: rotate(0deg); 
	}
	100%{
		transform: rotate(360deg);
	}
}

.field_wrapper{
	position: relative;
	width: 100%;
}
.field_wrapper .field{
	width: 100%;
	height: 36px;
	line-height: 35px;
	outline: none !important;
}
.form_go{
	outline: none !important;
}
.field_wrapper .alarm{
	position: absolute;
	opacity: 0;
	margin: 0;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.field_wrapper.warning .alarm{
	opacity: 1;
}

@media (min-width: 1051px){
	.container{
		width: 1030px;
	}
}

@media (max-width: 1050px){
	.container{
		width: 100%;
	}
	.position_elements{
		display: none;
	}
}
/*END GENERAL SETTINGS*/

/*BEGIN #preloader*/
#preloader{
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #44071b;
}
#preloader svg{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.animation_letter{
	stroke-dashArray: 2000;
	fill-opacity: 0;

	-webkit-animation-name: draw_line;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 0;	
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration: 1;
	
	-moz-animation-name: draw_line;
	-moz-animation-duration: 2s;
	-moz-animation-delay: 0;	
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;
	-moz-animation-iteration: 1;
	
	-ms-animation-name: draw_line;
	-ms-animation-duration: 2s;
	-ms-animation-delay: 0;	
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;
	-ms-animation-iteration: 1;
	
	animation-name: draw_line;
	animation-duration: 2s;
	animation-delay: 0;	
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration: 1;
}

@-webkit-keyframes draw_line{
	0%{
		stroke-dashoffset: 2000;
		fill-opacity: 0;
	}
	100%{
		fill-opacity: 1;
		stroke-dashoffset: 0;
	}
}

@-moz-keyframes draw_line{
	0%{
		stroke-dashoffset: 2000;
		fill-opacity: 0;
	}
	100%{
		fill-opacity: 1;
		stroke-dashoffset: 0;
	}
}

@-ms-keyframes draw_line{
	0%{
		stroke-dashoffset: 2000;
		fill-opacity: 0;
	}
	100%{
		fill-opacity: 1;
		stroke-dashoffset: 0;
	}
}

@keyframes draw_line{
	0%{
		stroke-dashoffset: 2000;
		fill-opacity: 0;
	}
	100%{
		fill-opacity: 1;
		stroke-dashoffset: 0;
	}
}
/*END #preloader*/

/*BEGIN .popup*/
.popup{
	z-index: 19;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
}
.popup_cover{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.popup_info{
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 30px);
	max-width: 1000px;
	background: #fff;
	
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.popup_info_inner{
	padding: 50px 50px 40px 50px;
}
.close_cross{
	position: absolute;
	top: -46px;
	right: -46px;
	width: 34px;
	height: 34px;
	cursor: pointer;
}

@media (max-width: 1140px){
	.close_cross{
		right: 0;
	}
	.popup_info_inner{
		padding: 30px 30px 20px 30px;
	}
}

@media (max-width: 767px){
	.popup_info_inner{
		padding: 18px 15px 10px 15px;
	}
	.popup_info_inner ul li{
		line-height: 1.45em;
	}
}
/*END .popup*/

/*BEGIN #form_loading_popup*/
#form_loading_popup{
	background: rgba(255,255,255,0.5);
	display: none;
}
#f_tail{
	position: fixed;
    top: 50%;
    left: 50%;
	width: 50px;
	height: 50px;
	
    margin-top: -25px;
	margin-left: -25px;
	
	-webkit-animation-name: rotate_1;
	-moz-animation-name: rotate_1;
	animation-name: rotate_1;
		
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	animation-duration: 1.5s;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
/*END #form_loading_popup*/

/*BEGIN #thanks_popup_promo */
#thanks_popup_promo{
	display: none;
}
#thanks_popup_promo .popup_info{
	max-width: 600px;
	text-align: center;
}
#t_m_1{
    font-size: 5.2em;
    color: #501320;
    letter-spacing: 0.5px;
	margin-top: -5px;
	margin-bottom: 0;
	line-height: 1.2em;
}
#t_m_2{
    font-size: 2em;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.5em;
}
#t_m_3{
    font-size: 2em;
    color: #888888;
    letter-spacing: 1px;
	margin-top: 30px;
}

@media (max-width: 660px){
	#t_m_1{
		font-size: 3.6em;
	}
	#t_m_2{
		font-size: 1.6em;
	}
	#t_m_3{
		font-size: 1.6em;
	    margin-top: 20px;
	}
}

@media (max-width: 520px){
	#t_m_1{
		font-size: 2.6em;
		line-height: 1.2em;
	}
	#t_m_2{
		font-size: 1.3em;
	}
	#t_m_3{
		font-size: 1.4em;
		margin-top: 15px;
	}
}
/*END #thanks_popup_promo*/

/*BEGIN #screen_1*/
#screen_1{
	background: url(../img/screen_1_bg.jpg) no-repeat top center;
	background-size: cover;
	padding-bottom: 4px;
}
#top_logo{
	display: block;
	margin: auto;
}
#top_content{
	background: url(../img/top_content_bg.png) no-repeat;
	width: 418px;
	height: 435px;
	margin: 18px auto 0;
}
h1{
	font-size: 10px;
	text-align: center;
	margin: 0;
	padding-top: 90px;
}
h1 span{
	display: block;
}
h1 span:first-child{
	font-size: 2.37em;
	color: #5c0a23;
	text-transform: uppercase;
	letter-spacing: 4px;
}
h1 span:nth-child(2){
	font-size: 16.2em;
	color: #5c0a23;
	line-height: 1em;
}
h1 span:nth-child(3){
	font-size: 2.66em;
	color: #e2b481;
	line-height: 1.3em;
	margin-top: -10px;
}
h1 span:nth-child(4){
	font-size: 2.66em;
	color: #5c0a23;
	line-height: 1.3em;
}
h1 span:nth-child(5){
	font-size: 2.66em;
	color: #5c0a23;
	line-height: 1.3em;
}
#conditions_btn{
	position: relative;
	display: block;
	margin: 15px auto;
	width: 310px;
	height: 76px;
	border: 1px solid #efc383;
	outline: none !important;
	padding: 5px;
	background: transparent;
}
#conditions_btn::before{
	content: "";
	position: absolute;
	top: 29px;
	left: -12px;
	background: url(../img/btn_arrow.png) no-repeat;
	width: 39px;
	height: 16px;
	
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#conditions_btn span{
	display: block;
	width: 100%;
	height: 100%;
	background: #5c0a23;
	font-size: 2.67em;
	color: #efc383;
	line-height: 63px;
	letter-spacing: 0.5px;
	
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

@media (min-width: 1261px){
	#conditions_btn:hover::before{
		left: 257px;
	}
	#conditions_btn:hover span{
		background: #741a35;
	}
}

@media (max-width: 767px){
	#screen_1{
		background: #f6dece;
	}
}

@media (max-width: 520px){
	#top_logo{
		width: 290px;
	}
	#top_content{
		width: 290px;
		height: 302px;
		background-size: 290px 302px;
	}
	h1{
		padding-top: 60px;
	}
	h1 span:first-child{
		font-size: 1.6em;
	}
	h1 span:nth-child(2){
		font-size: 12.2em;
	}
	h1 span:nth-child(3){
		font-size: 2em;
		line-height: 1.2em;
	}
	h1 span:nth-child(4){
		font-size: 2em;
		line-height: 1.2em;
	}
	h1 span:nth-child(5){
		font-size: 2em;
		line-height: 1.2em;
	}
	#conditions_btn{
		width: 290px;
		height: 60px;
	}
	#conditions_btn span{
		font-size: 2.2em;
		line-height: 48px;
	}
	#conditions_btn::before{
		top: 21px;
	}
}
/*END #screen_1*/

/*BEGIN #screen_2*/
#screen_2{
	height: 1737px;
	background: url(../img/screen_2_bg.jpg) top center;
	background-size: cover;
}
#screen_2_inner{
	padding: 85px 15px 0 15px;
}
#screen_2_inner > p:nth-child(1){
	font-size: 3.6em;
	color: #000;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 1.4em;
}
#screen_2_inner > p:nth-child(2){
	font-size: 7.2em;
	color: #000;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 1.06em;
}
.af_1{
	display: block;
	margin: 0 auto 35px;
}
.info_block{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 418px;
	height: 418px;
}
.info_block p{
	font-size: 4.13em;
	color: #fff;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 1.15em;
	padding-top: 86px;
}
#info_block_1{
	background: url(../img/info_block_1.png) no-repeat top center;
}
#info_block_2{
	background: url(../img/info_block_2.png) no-repeat top center;
}
#info_block_3{
	background: url(../img/info_block_3.png) no-repeat top center;
}
.divider{
	position: relative;
	height: 35px;
}
.af_4_1{
	position: absolute;
	top: 0;
	left: 0;
}
.af_4_2{
	position: absolute;
	top: 0;
	right: 0;
}

@media (max-width: 991px){
	#screen_2{
		height: auto;
	}
	#screen_2_inner{
		padding-bottom: 50px;
	}
	#screen_2_inner > p:nth-child(1){
		font-size: 2.66em;
	}
	#screen_2_inner > p:nth-child(2){
		font-size: 5.32em;
	}
	.info_block{
		background: none !important;
		height: auto;
		padding: 40px 0;
	}
	.info_block p{
		color: #5c0a23;
		padding: 0;
		margin: 0;
	}
	.af_4_1, .af_4_2{
		position: static;
		display: block;
		margin: auto;
	}
}

@media (max-width: 767px){
	#screen_2_inner > p:nth-child(1) br{
		display: none;
	}
}

@media (max-width: 520px){
	#screen_2_inner{
		padding-bottom: 25px;
	}
		#screen_2_inner > p:nth-child(1){
		font-size: 2em;
	}
	#screen_2_inner > p:nth-child(2){
		font-size: 3.2em;
	}
	.info_block p{
		font-size: 3.2em;
	}
}
/*END #screen_2*/

/*BEGIN #screen_3*/
#screen_3{
	height: 561px;
	background: url(../img/screen_3_bg.jpg) top center;
}
#screen_3_inner{
	padding-top: 64px;
	padding-left: 15px;
	padding-right: 15px;
}
#screen_3_inner p:nth-child(1){
	font-size: 1em;
	text-align: center;
	letter-spacing: 0.5px;
}
#screen_3_inner p:nth-child(1) span{
	display: block;
}
#screen_3_inner p:nth-child(1) span:nth-child(1){
	font-size: 3.4em;
	color: #5c0a23;
}
#screen_3_inner p:nth-child(1) span:nth-child(2){
	font-size: 6.35em;
	color: #5c0a23;
}
#screen_3_inner p:nth-child(1) span:nth-child(3), #screen_3_inner p:nth-child(1) span:nth-child(4), #screen_3_inner p:nth-child(1) span:nth-child(5){
	font-size: 3.95em;
	color: #000;
}
#screen_3_inner p:nth-child(2){
	font-size: 1.4em;
	color: #8c8c8c;
	text-align: center;
	letter-spacing: 0.5px;
	margin-top: 35px;
}

@media (max-width: 991px){
	#screen_3{
		height: auto;
		background: #fff;
	}
	#screen_3_inner{
		padding-top: 64px;
		padding-bottom: 50px;
	}
}

@media (max-width: 520px){
	#screen_3_inner p:nth-child(1) span:nth-child(1){
		font-size: 3.2em;
	}
	#screen_3_inner p:nth-child(1) span:nth-child(2){
		font-size: 5.12em;
	}
	#screen_3_inner p:nth-child(1) span:nth-child(3), #screen_3_inner p:nth-child(1) span:nth-child(4), #screen_3_inner p:nth-child(1) span:nth-child(5){
		font-size: 2em;
		line-height: 1.2em;
	}
}
/*END #screen_3*/

/*BEGIN #screen_4*/
#screen_4{
	background: url(../img/screen_4_bg.jpg) no-repeat top center;
	background-size: cover;
	height: 518px;
}
#screen_4_inner{
	padding: 70px 15px 0 15px;
}
#screen_4_inner h2{
	font-size: 3.9em;
	color: #000;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0;
}
#screen_4_inner > p{
	font-size: 2em;
	color: #000;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 1.3em;
}
#promo_form{
	width: 100%;
	max-width: 336px;
	margin: 50px auto 66px;
}
#promo_form .field_wrapper.m{
	margin-bottom: 40px;
}
#promo_form .field{
	line-height: 36px;
	background: transparent;
	outline: none !important;
	border: none;
	border-bottom: 1px solid #e1bf5a;
	padding: 0 10px;
	
	font-size: 1.6em;
	color: #000;
	letter-spacing: 0.5px;
}
::-webkit-input-placeholder {color:#000;}
::-moz-placeholder          {color:#000;}
:-moz-placeholder           {color:#000;}
:-ms-input-placeholder      {color:#000;}
#promo_form .alarm{
    bottom: -20px;
    right: 0px;
    font-size: 1.4em;
    color: red;
}
#subscribe_promo_form_go{
	width: 100%;
	margin-top: 32px;
	border: 0;
	outline: none !important;
	background: #5c0a23;
	line-height: 44px;
	font-size: 2.8em;
	color: #fcf1e5;
	letter-spacing: 0.5px;
	cursor: pointer;
	
	-webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#screen_4_inner > img:last-child{
	display: block;
	margin: auto;
}

@media(min-width: 1261px){
	#subscribe_promo_form_go:hover{
		background: #881b3c;
	}
}

@media(max-width: 767px){
	#screen_4_inner h2{
		font-size: 3.2em;
		line-height: 1.3em;
	}
}

@media(max-width:520px){
	#screen_4{
		height: auto;
	}
	#screen_4_inner{
		padding: 40px 15px 30px 15px;
	}
}
/*END #screen_4*/

/*BEGIN #screen_5*/
#screen_5{
	padding: 25px 15px;
	background: #fff;
}
#screen_5 p{
	font-size: 1.6em;
	color: #5c0a23;
	letter-spacing: 0.5px;
	text-align: center;
	margin: 0;
}
/*END #screen_5*/