@font-face {
    font-family: "LunchBox";
    src: url("../fonts/lunchbox_light.otf");
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto-regular.eot");
    src: url("../fonts/roboto-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto-bold.eot");
    src: url("../fonts/roboto-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lunchbox';
    src: url("../fonts/lunchbox.eot?#iefix") format("embedded-opentype"), url("../fonts/lunchbox.woff2") format("woff2"), url("../fonts/lunchbox.woff") format("woff"), url("../fonts/lunchbox.ttf") format("truetype");
    src: url("../fonts/LunchBox.otf");
    font-weight: 200;
    font-style: normal;
}

@font-face 
{
    font-family: 'marker_feltwide';
    src: url('../fonts/markerfelt/markerfelt-wide-webfont.eot');
    src: url('../fonts/markerfelt/markerfelt-wide-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/markerfelt/markerfelt-wide-webfont.woff2') format('woff2'),
         url('../fonts/markerfelt/markerfelt-wide-webfont.woff') format('woff'),
         url('../fonts/markerfelt/markerfelt-wide-webfont.ttf') format('truetype'),
         url('../fonts/markerfelt/markerfelt-wide-webfont.svg#marker_feltwide') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'open_sansregular';
    src: url('../fonts/opensans/opensans-regular-webfont.eot');
    src: url('../fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Обертка*/
#wrap
{
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
	background-repeat: no-repeat;
	font-family: open_sansregular;
}

/*Обертка страниц*/
#wrap .n_page
{
	background-size: cover;
    background-position: center center;
	background-repeat: no-repeat;
	width: 137.1428em;
	height: 77.1428em;
	display: block;
	position: absolute;
	margin: auto;
	left: 0em;
	right: 0em;
	bottom: 0em;
	top: 0em;
}

/*Кнопки*/
#wrap .n_btn
{
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 300%;
	width: 1em;
	height: 4.3571em;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}
#wrap .n_btn.n_btn_2
{
	background-size: 100% 200%;
}
#wrap .n_btn.n_disabled
{
	cursor:default;
	pointer-events: none;
	opacity: 0.3;
}
#wrap .n_btn.n_selected
{
	cursor:default;
}
#wrap .n_btn:not(.n_disabled):hover,
#wrap .n_btn:not(.n_disabled).n_selected
{
	background-position: center center;
}
#wrap .n_btn.n_btn_2:not(.n_disabled):hover,
#wrap .n_btn.n_btn_2:not(.n_disabled).n_selected
{
	background-position: center bottom;
}
#wrap .n_btn:not(.n_disabled):active
{
	background-position: center bottom;
}

/*Окна*/
#wrap .n_win
{
	border: solid 0.3571em #f7941d;
	background-size: cover;
    background-position: center center;
	background-repeat: no-repeat;
	background-color:#fefeff;
	display: block;
	position: absolute;
	margin: auto;
	left: 0em;
	right: 0em;
	bottom: 0em;
	top: 0em;
}
#wrap .n_win.n_blue
{
	border-color: #0063ff;
}

/*Закрытие окна*/
#wrap .n_win_close
{
	background-image: url('../images/n_win_close.png');
	width: 2.9285em;
	height: 2.9285em;
	z-index: 1;
}
#wrap .n_blue .n_win_close
{
	background-image: url('../images/n_win_close_blue.png');
}

/*Теневой запрос окна*/
#wrap .n_ajax_loader
{
	background-image: url('../images/n_ajax_loader.gif');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 7.8571em 7.8571em;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
}

/*Элементы ввода*/
#wrap .n_field_input
{
	width: 100%;
	font-size: 20px;
	font-size: 1.4285em;
	border-width: 0.25em;
	border-color: #41a1db;
	color: #41a1db;
	line-height: 2.5em;
	padding: 0em 1.35em;
}
#wrap textarea.n_field_input
{
	line-height: 1.2em;
	padding: 0.85em 1.35em;
}
#wrap .n_field_input.n_field_error
{
	border-color: #FF0000;
}
#wrap input.n_field_input,
#wrap select.n_field_input
{
	height: 3em;
}

/*Описание поля*/
#wrap .n_description
{
	font-size: 15px;
	font-size: 1.0714em;
	text-align: left;
	color: #41a1db;
	font-style: italic;
	line-height: 1.2666em;
}

/*Подпись поля*/
#wrap .n_label
{
	font-family: marker_feltwide;
	font-size: 26px;
	font-size: 1.8571em;
	color: #f79321;
	text-indent: 0.0769em;
}
#wrap .n_label.two_line
{
	line-height: 0.9230em;
}

/*Круглые кнопки*/
#wrap .n_btn_round
{
	width: 5.7857em;
	height: 5.7857em;
}

/*Стиль тумана*/
#wrap .n_fog
{
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	z-index: 20;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/*Кнопка авторизации*/
#wrap #n_link_registration
{
	background-image: url('../images/n_link_registration.png');
	position: absolute;
	top: 4.3571em;
	right: 12em;
}

/*Кнопка авторизации*/
#wrap #n_link_sigin
{
	background-image: url('../images/n_link_sigin.png');
	position: absolute;
	top: 4.3571em;
	right: 4.1428em;
}

/*Кнопка выхода из авторизации*/
#wrap #n_link_sigout
{
	background-image: url('../images/n_link_sigout.png');
	position: absolute;
	top: 4.3571em;
	right: 4.1428em;
	z-index: 10;
}

/*Кнопка назад*/
#wrap #n_link_back
{
	background-image: url('../images/n_link_back.png');
	position: absolute;
	top: 4.3571em;
	left: 4.1428em;
	z-index: 10;
}

/*Кнопка помощь*/
#wrap #n_link_help
{
	display: none;
	background-image: url('../images/n_link_help.png');
	position: absolute;
	top: 4.3571em;
	right: 12.0714em;
}

/*Кнопка промокода пользователя*/
#wrap #n_link_promo
{
	background-image: url('../images/n_link_promo.png');
	position: absolute;
	top: 4.3571em;
	right: 12.0714em;
}

/*Checkbox*/
#wrap .n_btn_checkbox
{
	background-image: url('../images/n_btn_checkbox.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 200%;
	width: 2.3571em;
	height: 2.1428em;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
}
#wrap .n_btn_checkbox.n_field_error
{
}
#wrap .n_btn_checkbox.n_selected
{
	background-position: center bottom;
}

/*Расшаривание*/
/*Окно о получении ссылки*/
#wrap #n_share_win_info
{
	width: 47.5em;
	height: 25em;
	background-image: url('../images/n_share_win_info.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/*Кнопка закрытия окна*/
#wrap #n_share_win_info_close
{
	position: absolute;
	top: 1.0714em;
	right: 1em;
}

/*блок с данными окна*/
#wrap #n_share_win_info_block
{
	width: 100%;
	margin: auto;
}

/*текст окна*/
#wrap #n_share_win_info_text
{
	font-size: 40px;
	font-size: 2.3571em;
	font-family: marker_feltwide;
	text-align: center;
	color: #3fa2d9;
	text-shadow: 0.05em 0.05em #C4D8E2;
	line-height: 1.175em;
	padding-top: 0.67em;
	margin-bottom: 1.075em;
}

/*блок с кнопками окна*/
#wrap #n_share_win_info_btns
{
	width: 65%;
	margin: auto;
	text-align: center;
}
#wrap #n_share_win_info_btns .sans_td
{
	width: 25%;
	text-align: center;
	vertical-align: top;
}
#wrap #n_share_vkontakte
{
	background-image: url('../images/n_ss_vk.png');
	width: 5.7857em;
	height: 5.7857em;
}
#wrap #n_share_facebook
{
	background-image: url('../images/n_ss_fb.png');
	width: 5.7857em;
	height: 5.7857em;
}
#wrap #n_share_mailru
{
	background-image: url('../images/n_ss_mail.png');
	width: 5.7857em;
	height: 5.7857em;
}
#wrap #n_share_odnoklassniki
{
	background-image: url('../images/n_ss_ok.png');
	width: 5.7857em;
	height: 5.7857em;
}

/*Пустой лист*/
#wrap .n_empty_list
{
	font-size: 60px;
	font-size: 4.8em;
	line-height: 0px;
	position: absolute;
	margin: auto;
	width: 6.6666em;
	height: 1em;
	text-align: center;
	font-family: marker_feltwide;
	color: white;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
}

/*ФИО залогиненного пользователя*/
#wrap #n_user_sign
{
	color: #0063ff;
	position: absolute;
	right: 4.1428em;
	top: 1em;
	width: auto;
	height: auto;
}


/*Туман окна*/
#wrap #n_user_info_fog
{
	z-index:25;
}

/*Окно информации о пользователе*/
#wrap #n_user_info_win
{
	width: 112.3571em;
	height: 53.3571em;
}

/*Кнопка закрытия окна*/
#wrap #n_user_info_win_close
{
	position: absolute;
	top: 1.0714em;
	right: 1em;
}

/*Заголовок окна*/
#wrap #n_user_info_title
{
	font-size: 39px;
	font-size: 2.7857em;
	font-family: marker_feltwide;
	text-align: center;
	padding-top: 1.4102em;
	color: #f8931f;
}

/*Контент окна*/
#wrap #n_user_info_block
{
	width: 100%;
	margin: auto;
}

/*Левый и правые блоки*/
#wrap #n_user_info_block > .sans_td
{
	text-align: left;
	vertical-align: top;
	width: 50%;
}

/*Форма ссылки*/
#wrap #n_user_info_block a
{
	font-size: 20px;
	font-size: 1.4285em;
	color: #f18f20;
	cursor: pointer;
}

/* Заголовки к полям ввода*/
#wrap #n_user_info_block .n_label
{
	color: #93c93d;
	margin-bottom: 0.4615em;
}

/*Правый блок*/
#wrap #n_user_info_block_right.sans_td
{
	border-left-width: 0.2857em;
	border-left-color: #f38f20;
	border-left-style: dotted;
}

/*Обертки для полей*/
#wrap #n_user_info_wrap_left,
#wrap #n_user_info_wrap_right
{
	display: block;
	margin: auto;
	width:84.4605%;
	text-align: left;
}

/*Блоки из 2х колонок*/
#wrap #n_user_info_fio,
#wrap #n_user_info_org_1,
#wrap #n_user_info_org_2
{
	width: 100%;
}
#wrap #n_user_info_fio_left,
#wrap #n_user_info_fio_right,
#wrap #n_user_info_org_1_left,
#wrap #n_user_info_org_1_right,
#wrap #n_user_info_org_2_left,
#wrap #n_user_info_org_2_right
{
	width: 50%;
}
#wrap #n_user_info_fio_left,
#wrap #n_user_info_org_1_left,
#wrap #n_user_info_org_2_left
{
	padding-right: 1.0357em
}
#wrap #n_user_info_fio_right,
#wrap #n_user_info_org_1_right,
#wrap #n_user_info_org_2_right
{
	padding-left: 1.0357em
}

/*Поля ввода*/
#wrap #n_user_info_firstname,
#wrap #n_user_info_lastname,
#wrap #n_user_info_fathername,
#wrap #n_user_info_org_type,
#wrap #n_user_info_org_name,
#wrap #n_user_info_org_country,
#wrap #n_user_info_org_region,
#wrap #n_user_info_org_city
{
	margin-bottom: 1.55em;
}
#wrap #n_user_info_org_klass,
#wrap #n_user_info_org_abc
{
	margin-bottom: 1.3em;
}

/*Окно с инструкцими промокода клиента*/
/*Туман окна*/
#wrap #n_user_promo_fog
{
	z-index:25;
}
#wrap #n_user_promo_win
{
	width: 69.4285em;
	height: 32em;
	/*20em*/
	/*48.6428em;*/
}

#wrap #n_user_promo_win a {
	cursor: pointer;
}

#wrap #n_user_promo_win.closed
{
	height: 20em;
}
/*Кнопка закрытия окна*/
#wrap #n_user_promo_win_close
{
	position: absolute;
	top: 1.0714em;
	right: 1em;
}
/*Заголовок окна*/
#wrap #n_user_promo_title
{
	font-size: 39px;
	font-size: 2.7857em;
	font-family: marker_feltwide;
	text-align: center;
	line-height: 1.2em;
	padding-top: 1.4102em;
	color: #f8931f;
	margin-bottom: 0.8em;
}
/*Контент окна*/
#wrap #n_user_promo_block
{
	width: 100%;
	margin: auto;
}
/*Контент - текст*/
#wrap #n_user_promo_text
{
	font-size: 30px;
	font-size: 2.1428em;
	font-family: marker_feltwide;
	color: #41a1db;
	text-align: center;
	line-height: 1.1333em;
/*	margin-bottom: 1.2em;*/
}

#wrap #n_user_promo_text_small {
	font-size: 22px;
	font-size: 2.5em;
	font-family: marker_feltwide;
	color: #41a1db;
	text-align: center;
	line-height: 1.5em;
	margin-top: 2em;
}
#wrap #n_user_promo_text p
{
	margin-top: 0em;
	margin-bottom: 0.6em;
}

#wrap #wrap #n_user_promo_text_small a, #wrap #n_user_promo_text_small a:visited
{
	color: #f8931f !important;
}

#wrap #n_user_promo_text_small p
{
	margin-top: 0em;
	margin-bottom: 0.6em;
}
/*Контент - таблица*/
#wrap #n_user_promo_table
{
	width: 100%;
/*	padding-top: 1em; раскомментировать 1-го декабря*/
	padding-top: 0;
	padding-bottom: 1.6em;
}
#wrap #n_user_promo_table .sans_td
{
	width: 50%;
}
#wrap #n_user_promo_table_col_1
{
	font-size: 26px;
	font-size: 1.8571em;
	font-family: marker_feltwide;
	color: #93c93d;
	text-align: center;
	padding-right: 1.8076em;
}
#wrap #n_user_promo_table_col_2
{
	padding-left: 4em;
}
/*Контент - поле с промокодом*/
#wrap #n_user_promo_code
{
	border-color: #ff4a1c;
	width: 15.85em;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}