/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

.h--top {
	height: 100%;
	overflow: hidden;
}

html {
	line-height: 1.15; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	height: 100%;
	margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/*h2 {
	margin: 20px 0 0 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #ffffff;
}*/


/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ff0;
	color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	display: block;
	width: 100%;
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
	display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}

@font-face {
	font-family: "PT Sans Narrow";
	src: url("../fonts/pt-sans-narrow.ttf"); }

@font-face {
	font-family: "PT Sans Narrow Bold";
	src: url("../fonts/pt-sans-narrow-bold.ttf"); }


/*.pos--ab {*/
/*position: absolute;*/
/*width: 100%;	*/
/*}*/

.wrapper {
	overflow: hidden;
	/*display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;*/
	height: 100%;
}

.width--a {
	background-color: #130701;
}


.body--bg {
	background-color: #130701;
}

.flexbox {
	flex: 0 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.flex--col-1 {
	flex: 0 0 auto;
	min-width: 70px;
}

.flex--col-2 {
	width: 100%;
	word-wrap: break-word;
}

.d--none {
	display: none !important;
}

.head--top {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-end;
	align-items: flex-end;
	height: 240px;
	background-color: #1C0B03;
}

.head--top > div {
	padding-left: 68px;
	padding-right: 68px;
	padding-top: 34px;
	padding-bottom: 25px;
}

.flex {
	position: relative;
	margin-left: 36px;
}

.flex:after {
	position: absolute;
	content: '';
	display: block;
	width: 0;
	height: 0;
	bottom: -70px;
	border-left: 29px solid transparent;
	border-top: 49px solid #1c0b03;
	border-right: 29px solid transparent;
}

.head--top > div:first-child {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.head--top > div > .flex > h1 {
	margin: 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 60px;
	color: #fff;
}

.head--top > div > .flex > h2 {
	margin: 20px 0 0 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #ffffff;
}
.head--top  a  {
	margin: 20px 0 0 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #ffffff !important;
}


.log-in--logo {
	margin-left: 162px;
	width: 162px;
	height: 189px;
}

.foot--bot {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	/*height: 75.5vh;*/
	/*min-height: 37.91666vw;*/
	background-color: #130701;
}

.foot--bot > div {
	/*margin-top: 110px;*/
	/*margin-bottom: auto;*/
	margin-left: auto;
	margin-right: auto;
	/*padding-top: 110px;
	padding-bottom: 110px;*/
}

.foot--bot > div > form > div > div > input {
	width: 340px;
	height: 35px;
	padding: 20px 20px 20px 60px;
	border: 7px solid #000000;
	background-color: #a0a0a0;
	box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.74);
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 25px;
	color: #ffffff;
	outline: none;
}

.foot--bot > div > form > div + div {
	margin-top: 45px;
}

.foot--bot > div > form > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-end;
}

.foot--bot > div > form > div > span {
	margin-right: 20px;
}

.foot--bot > div > form > div > span {
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #ffffff;
}

.foot--bot > div > form > div > div {
	position: relative;
}

.foot--bot > div > form > div > div > img {
	width: 45px;
	height: 45px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.foot--bot > div > form > div > button {
	width: 250px;
	height: 75px;
	box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.74);
	border: 7px solid #000000;
	background-color: #38302b;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
	outline: none;
}

.foot--bot > div > form > div > button:hover {
	opacity: .7;
}

.mobile--top,
.line--top--container--m,
.text--m,
.fl--m,
.nav--m,
.it--d,
.dis--m,
.dis--m2,
.st--sl--user--m,
.line--top--8--m {
	display: none;
}

.it--d,
.line--top--8--m,
.ln--d {
	display: none !important;
}

.row--top {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	border-bottom: 2px solid #38302b;
}

.user {
	flex: 0 0 auto;
	width: 423px;
	background-color: #130701;
}

.user--container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	flex: 0 0 auto;
	padding: 25px;
}

.logo--l {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	width: 152px;
	height: 189px;
	margin-right: 44px;
}

.user--info {
	flex: 0 0 auto;
	max-width: 155px;
}

.user--info > p {
	margin: 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	word-wrap: break-word;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.user--info > p + p {
	margin-top: 20px;
}

.info {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	width: 100%;
	padding: 53px 71px 0 46px;
	background-color: #1c0b03;
}

.info > h1 {
	margin-top: auto;
	margin-bottom: 26px;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 42px;
	color: #fff;
}

.lang {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
}

.lang > a {
	font-family: 'PT Sans Narrow Bold', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
}

.lang > a + a {
	margin-left: 38px;
}

.pos--ab-center {
	/*position: absolute;*/
	/*width: 100%;*/
	/*height: 100%;*/
	/*padding-top: 110px;
	padding-bottom: 110px;*/
}

.foot--bot {
	padding-top: 110px;
	/*padding-bottom: 110px;*/
}

.row--center {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	min-height: 75vh;
}

.jq--show {
	position: relative;
}

.nav {
	flex: 0 0 auto;
	width: 423px;
	background-color: #130701;
}

.nav > a {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	height: 74px;
	padding-left: 47px;
	border-right: 2px solid #38302b;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

.height--auto {
	min-height: 272px !important;
	height: 100%;
	cursor: default !important;
	border-right: 2px solid #38302b;
	border-bottom-width: 0 !important;
}

.nav > a + a {
	border-top: 2px solid #38302b;
}

.border--bottom {
	border-bottom: 2px solid #38302b;
}

.item--ic {
	width: 63px;
	margin-right: 18px;
	text-align: center;
}

.item--ic > img {
	display: inline;
	width: auto;
}

.nav > a > p {
	margin: 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 30px;
	color: #fff;
}

.wr--contant {
	width: 100%;
	background-color: #1c0b03;
}

.wr--contant > div {
	padding-left: 47px;
	padding-right: 30px;
	padding-top: 1px;
	padding-bottom: 40px;
}

.block--white {
	background-color: #fff !important;
}

.block--brown,
.block--brown--m {
	background-color: #fdf2d3 !important;
}

.border--top {
	border-top: 2px solid #38302b;
}

.line--top--container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
	padding-top: 13px;
	padding-bottom: 10px;
	padding-left: 54px;
	padding-right: 54px;
}

.line--cont--title,
.line--cont {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	min-height: 60px;/*74px;*/
}

.flex--sa,
.flex--sa-8,
.flex--sa--top,
.flex--sa--top--d {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	padding-right: 34px;
}

.jq--h {
	display: block;
	position: absolute;
	right: -15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
}

.jq--h--show {
	display: block !important;
}

.flex--sa > div {
	max-width: 165px;
	width: 100%;
}

.flex--sa > div > p,
.flex--sa-8 > div > p {
	text-align: center;
}

.flex--sa--top > div {
	text-align: center;
	position: relative;
	max-width: 165px;
	width: 100%;
	padding: 12px 0;
}

.line--cont--title > div > div > p,
.line--cont--title > div > div > a,
.line--cont > div > p,
.flex--sa--top > div > p {
	display: inline-block;
	margin: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	text-align: center;
	color: #38302b;
}

.line--cont--title > div > div > p,
.line--cont > div > p,
.flex--sa--top > div > p {
	position: relative;
}

.line--cont--title > div > div > p,
.line--cont--title > div > div > a,
.flex--sa--top > div > p {
	text-decoration: none;
	font-size: 30px;
	font-weight: 700;

}

.marker,
.check--all {
	width: 54px;
	height: 100%;
}

.marker > input,
.check--all > input {
	display: none;
}

.marker > span,
.check--all > span {
	display: block;
	margin: 0 auto;
	width: 25px;
	height: 25px;
	border: 1px solid #38302b;
	border-radius: 500px;
	cursor: pointer;
	outline: none;
}

.check--active {
	background-color: #38302b;
}

.flex--sa > div > p,
.flex--sa-8 > div > p {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #38302b;
}

.day--btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
	min-width: 472px;
	border: 3px solid #38302b;
	border-radius: 10px;
}

.day--btn > button {
	position: relative;
	min-width: 94.4px;
	background-color: inherit;
	border-width: 0;
	text-align: center;
	outline: none;
	cursor: pointer;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-size: 23px;
	font-weight: 700;
	color: #38302b;
}

.day--btn > button:first-child {
	border-radius: 10px 0 0 10px;
}

.day--btn > button:last-child {
	border-radius: 0 10px 10px 0;
}

.day--btn > button + button {
	border-left: 1px solid #fdf2d3;
}

.day--btn > button + button:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -1px;
	display: block;
	width: 1px;
	height: 3px;
	background-color: #fff;
}

.day--btn > button + button:before {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	display: block;
	width: 1px;
	height: 3px;
	background-color: #fff;
}

.day--active {
	background-color: #fdf2d3 !important;
}

.day--active:after,
.day--active:before,
.day--active + button:after,
.day--active + button:before {
	display: none !important;
}

.cl--top,
.cl--bottom {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	max-width: 478px;
	width: 100%;
}

.cl--top > span,
.cl--bottom > span {
	padding-left: 12px;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 23px;
	color: #38302b;
}

.cl--top > div,
.cl--bottom > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	border: 3px solid #38302b;
	border-radius: 10px;
}

.cl--top > div > p,
.cl--bottom > div > p {
	margin: 1px 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-size: 23px;
	font-weight: 700;
	color: #38302b;
}

.cl--top > div > p:first-child,
.cl--bottom > div > p:first-child {
	margin-left: 20px;
}

.cl--top > div > span,
.cl--bottom > div > span {
	width: 1px;
	margin: 3px 10px;
	background-color: #fdf2d3;
}

.btn--cl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	width: auto !important;
	margin: 0 10px;
	background-color: inherit !important;
	cursor: pointer;
	outline: none;
}

.line--top--container > div + div {
	margin-top: 12px;
}

.line--top {
	position: relative;
}

.pag--start {
	margin-right: 22px;
}

.pag--start > a {
	width: 52px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.pag--start > a:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 26px solid #38302b;
	border-bottom: 13px solid transparent;
}

.pag--start > a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 26px solid #38302b;
	border-bottom: 13px solid transparent;
}

.pag--finish {
	margin-left: 22px;
}

.pag--finish > a {
	width: 52px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.pag--finish > a:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-left: 26px solid #38302b;
	border-bottom: 13px solid transparent;
}

.pag--finish > a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-left: 26px solid #38302b;
	border-bottom: 13px solid transparent;
}

.pag--prev {
	margin-right: 22px;
}

.pag--next > a,
.pag--prev > a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.pag--prev > a:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 26px solid #38302b;
	border-bottom: 13px solid transparent;
}

.pag--next {
	margin-left: 22px;
}

.pag--next > a:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-left: 26px solid #38302b;
	border-bottom: 13px solid transparent;
}

.pagination {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 5px 0;
}

.pagination > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-align-items: center;
	align-items: center;
}

.pag--text {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 55px;
	border-radius: 10px;
	border: 3px solid #38302b;
	background-color: #38302b;
}

.pag--text > a,
.pag--text > span {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 45px;
	margin: 0;
	border-radius: 10px;
	border: 3px solid #fdf2d3;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	font-size: 30px;
	color: #fff;
}

.pag--text + .pag--text {
	margin-left: 15px;
}

.row--bottom {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	height: 100px;
}

.pos--ab-bot {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.row--bottom > div:first-child {
	flex: 0 0 auto;
	width: 421px;
	height: 100px;
	background-color: #130701;
	border-top: 2px solid #38302b;
	border-right: 2px solid #38302b;
}

.row--bottom > div:last-child {
	width: 100%;
	height: 100px;
	border-top: 2px solid #38302b;
	background-color: #1c0b03;
}

.line--top--8 > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding: 5px 5px;
}

.wr--btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-align-items: center;
	align-items: center;
}

.wr--btn > div {
	cursor: pointer;
	outline: none;
}

.wr--btn > div,
.wr--btn > div > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.wr--btn > div + div {
	margin-left: 5px;
}

.new {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-left: 5px;
	padding: 5px;
	background-color: #38302b;
	border: 3px solid #38302b;
	border-radius: 10px;
}

.new > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	min-width: 95px;
	min-height: 45px;
	padding: 0 13px;
	border-radius: 10px;
	border: 3px solid #fdf2d3;
}

.new > div > p,
.new > div > a {
	margin-right: 13px;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
}

.del {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: center;
	min-width: 110px;
	height: 45px;
	padding: 0 5px;
	border-radius: 10px;
	border: 3px solid #38302b;
}

.del > p,
.del > a {
	margin-right: 6px;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 23px;
	color: #38302b;
}

.flex--sa--top--d > div {
	position: relative;
	max-width: 200px;
	width: 100%;
	padding: 12px 0;
	text-align: center;
}

.wr--select > .customSelect {
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding: 5px 8px;
	border-radius: 10px;
	border: 3px solid #38302b;
	background-color: #38302b;
}

.wr--select > .customSelect > .customSelectInner {
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	min-width: 190px !important;
	height: 45px !important;
	padding: 0 5px;
	border-radius: 10px;
	border: 3px solid #fdf2d3;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
}

.wr--select > .customSelect > .customSelectInner:after {
	content: '';
	display: block;
	margin-left: 30px;
	width: 0;
	height: 0;
	border-top: 15px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.flex--sa-8 > div {
	max-width: 200px;
	width: 100%;
}

.select--category {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.select--category > .customSelect {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	width: 75px;
	height: 45px;
	border-radius: 10px;
	border: 3px solid #38302b;
}

.select--category > .customSelect > .customSelectInner {
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: 45px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #38302b;
}

.select--category > .customSelect > .customSelectInner:after {
	content: '';
	display: block;
	margin-left: 15px;
	width: 0;
	height: 0;
	border-top: 16px solid #38302b;
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
}

.discont > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding: 30px 70px;
	box-shadow: inset 0 0 7px #000000;
	background-color: #ffffff;
}

.form-horizontal > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	/*-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;*/
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: flex-start;
	align-items: flex-start;
	width: 405px;
}

.form-horizontal > div + div {
	margin-top: 27px;
}

.form-horizontal > div > p {
	width: 110px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 48px;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 23px;
	text-align: right;
	color: #38302b;
}

.center {
	display: block !important;
	width: 405px;
}

.center:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

.c--text {
	padding-left: 7px;
	float: left;
	width: 30%;
	color: #38302b;
}

.center > .error {
	float: right;
	display: block;
	width: 60%;
	margin-left: 0;
}

.al--inf {
	margin: 5px 0;
	text-align: center;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-size: 23px;
	color: #38302b;
}

.c--text--top {
	margin-top: 8px;
	margin-bottom: 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 23px;
	color: #38302b;
}

.help--card {
	margin: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 16px;
}

.error {
	width: 100%;
	margin-left: 60px;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	text-align: center;
	font-size: 23px;
	color: red;
}

.center > textarea {
	float: right;
	overflow: hidden;
	max-width: 200px;
	width: 100%;
	height: 25px;
	padding: 5px 20px;
	border-radius: 10px;
	border: 3px solid #38302b;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 23px;
	color: #38302b;
	outline: none;
}
.center > input {
	float: right;
	overflow: hidden;
	max-width: 200px;
	width: 100%;
	height: 25px;
	padding: 5px 20px;
	border-radius: 10px;
	border: 3px solid #38302b;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 23px;
	color: #38302b;
	outline: none;
}
.cardname {
	float: right;
	overflow: hidden;
	max-width: 200px;
	width: 100%;
	height: 25px;
	padding: 5px 20px;
	border-radius: 10px;
	border: 3px solid #38302b;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 23px;
	color: #38302b;
	margin-left:17px;
	outline: none;
}

.cardnametext {
	width: 110px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 48px;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 23px;
	text-align: right;
	color: #38302b;
}
.st--sel--dis > .customSelect,
.st--sl--user > .customSelect {
	width: 200px;
	padding: 5px 20px;
	border-radius: 10px;
	border: 3px solid #38302b;
	cursor: pointer;
	outline: none;
}

.st--sel--dis > .customSelect > .customSelectInner,
.st--sl--user > .customSelect > .customSelectInner {
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	width: 100% !important;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 23px;
	color: #38302b;
}

.st--sel--dis > .customSelect > .customSelectInner:after,
.st--sl--user > .customSelect > .customSelectInner:after {
	content: '';
	display: block;
	margin-left: 15px;
	width: 0;
	height: 0;
	border-top: 14px solid #38302b;
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
}

.fr--btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.fr--btn_btn {
	padding: 5px;
	border-radius: 10px;
	border: 3px solid #38302b;
	background-color: #38302b;
	cursor: pointer;
	outline: none;
}

.fr--btn_btn:hover {
	opacity: .7;
}

.fr--btn_btn + .fr--btn_btn {
	margin-left: 7px;
}

.fr--btn_btn > span {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	min-width: 95px;
	height: 45px;
	padding: 0 5px;
	border-radius: 10px;
	border: 3px solid #fdf2d3;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
}

.st--sel--dis,
.st--sl--user {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: flex-start;
}

.st--sel--dis > .error,
.st--sl--user > .error {
	margin-left: 0;
}

.top {
	-ms-align-items: flex-start !important;
	align-items: flex-start !important;
}

.top > p {
	margin-top: 7px !important;
}

.card--info > p {
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-size: 22px;
	text-align: center;
	color: #fff;
}

.ad--title {
	margin-bottom: 5px !important;
}

.top--nav {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 5px;
}

.top--nav > a {
	font-family: 'PT Sans Narrow Bold', sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 24px;
	color: #8b8b8b;
}

.top--nav > span {
	margin-left: 15px;
	margin-right: 15px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 9px solid #8b8b8b;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.it--active {
	border-right-width: 0 !important;
}

.it--active:after {
	z-index: 5;
	position: absolute;
	right: -47px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 48px solid #130701;
	border-top: 27.5px solid transparent;
	border-bottom: 27.5px solid transparent;
}

@media (max-width: 1090px) {
	.new > div > p,
	.new > div > a {

	}

	.new > div > span {
		flex: 0 0 auto;
	}
}

@media (max-width: 1370px) {


	.line--cont--title > div > div > p,
	.line--cont--title > div > div > a,
	.flex--sa--top > div > p {
		font-size: 22px;
	}


	.flex--sa--top--d {
		-ms-align-items: center;
		align-items: center;
	}

	.flex--sa--top--d > div > a,
	.flex--sa--top--d > div > p {
		font-size: 22px !important;
	}

	.flex--sa-8 > div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
	}

	.nav,.user {
		width: 363px;
	}

	.row--bottom > div:first-child {
		width: 361px;
	}

	.nav > a {
		padding-left: 27px;
	}

	.nav > a > p {
		font-size: 24px;
	}

	.flex--sa--top {
		-ms-align-items: center;
		align-items: center;
	}

	.flex--sa--top > div,
	.flex--sa > div {
		width: 120px;
	}

	.flex--sa > div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		min-width: 120px;
	}

	.wr--contant > div {
		padding-left: 47px;
		padding-right: 10px;
	}

	.flex--sa > div > p, .flex--sa-8 > div > p {
		margin: 0;
		font-size: 16px;
	}

	.line--cont--title > div > p {
		font-size: 24px;
	}

	.calendar--start,
	.calendar--finish {
		top: -180px;
		left: 314px;
	}

	.calendar--start:after, .calendar--finish:after {
		border-top: 26px solid #fdf2d3;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}

	.calendar--start:after,
	.calendar--finish:after {
		top: auto;
		bottom: -35px;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (max-width: 1140px) {

	.user--container > div:first-child {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}

	.wr--contant > div {
		padding-left: 32px;
	}

	.user--container {
		padding-left: 23.5px;
		padding-right: 23.5px;
	}
	.nav, .user {
		width: 305px;
	}

	.user--info {
		padding-right: 0;
	}

	.user--info > p {
		font-size: 18px;
	}

	.logo--l {
		width: 90px;
		flex: 0 0 auto;
	}

	.it--active:after {
		right: -30px;
		border-left: 35px solid #130701;
	}

	.row--bottom > div:first-child {
		width: 303px;
	}

	.flex--sa--top > div,
	.flex--sa > div {
		width: 120px;
	}
	.line--cont--title > div > p {
		font-size: 18px;
	}

	.nav > a > p {
		font-size: 18px;
	}
}
/*
@media (max-width: 1370px) { 
	.row--center {
		min-height: 18.52941vw;
	}
}*/

@media (max-width: 1020px) {

	.wrapper {
		overflow: auto;
	}

	html {
		height: 100%;
	}

	.card--info {
		max-width: 200px;
	}

	.card--info > p {
		font-size: 18px;
	}

	.form-horizontal,
	.center,
	.top {
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: -ms-flex !important;
		display: -o-flex !important;
		display: flex !important;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
	}

	.c--text {
		float: none;
		width: auto;
		padding-left: 0;
		text-align: center;
	}

	.center > .error {
		float: none;
		width: 100%;
		text-align: center;
	}

	.center > textarea {
		margin: 10px auto;
	}

	.help--card {
		font-size: 15px;
	}

	.form-horizontal > div,
	.form-horizontal > div:first-child {
		width: auto;
	}

	.help--card {
		margin: 0 !important;
		text-align: center !important;
	}

	.discont > div > form > div > p {
		width: 100% !important;
		margin: 0 0 10px 0 !important;
		text-align: center;
	}

	.error {
		margin-left: 0;
		font-size: 18px;
	}
	/*
        .center > textarea {
            max-width: 155px;
            height: 20px;
        }
    */
	.head--top > div > .flex > h1 {
		font-size: 42px;
	}

	.log-in--logo {
		width: 132px;
		height: 159px;
		margin-left: 0;
	}

	.head--top > div > .flex > h2 {
		font-size: 22px;
	}

	.head--top > div {
		padding-left: 20px;
		padding-right: 20px;
	}

	.line--top--8 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.line--top--8--m {
		margin-left: auto;
		margin-right: auto;
		padding: 0 !important;
		-ms-align-items: stretch !important;
		align-items: stretch !important;
	}

	.foot--bot > div > form > div > div > input {
		width: 240px;
		height: 25px;
	}

	.foot--bot > div > form > .error {
		margin-left: 60px;
	}

	.line--top--8 > div:first-child {
		display: none;
	}

	.line--top--8--m {
		display: flex !important;
		/*width: 300px;*/
		border-radius: 10px;
		border: 3px solid #38302b;
	}

	.ln--d {
		display: block !important;
	}

	.ln--m {
		display: none !important;
	}

	.line--top--8--m > button {
		position: relative;
		min-width: 50px;
		margin: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: inherit;
		border-width: 0;
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 16px;
		text-align: center;
		color: #1c0b03;
		cursor: pointer;
		outline: none;
	}

	.line--top--8--m > button > a {
		font-family: 'PT Sans Narrow', sans-serif;
		text-decoration: none;
		color: #1c0b03;
	}

	.line--top--8--m > button + button {
		border-left: 1px solid #fdf2d3;
	}

	.line--top--8--m > button:first-child {
		border-radius: 5px 0 0 5px;
	}

	.line--top--8--m > button + button:before {
		content: '';
		position: absolute;
		display: block;
		left: -1px;
		top: 0;
		width: 1px;
		height: 5px;
		background-color: #fff;
	}

	.line--top--8--m > button + button:after {
		content: '';
		position: absolute;
		display: block;
		left: -1px;
		bottom: 0;
		width: 1px;
		height: 5px;
		background-color: #fff;
	}

	.line--top--8--m > button:last-child {
		border-radius: 0 5px 5px 0;
	}

	.block--8 > .line--cont--title {
		border-top: 1px solid #1c0b03;
	}

	.line--top--8--active {
		background-color: #fdf2d3 !important;
	}

	.line--top--8--active:after,
	.line--top--8--active:before,
	.line--top--8--active + button:after,
	.line--top--8--active + button:before {
		display: none !important;
	}

	.block--8 > .line--cont--title > div {
		padding: 5px 0 !important;
	}

	.discont > div{
		justify-content: center;
	}

	.block--8 > .line--cont--title {
		padding-left: 0;
		padding-right: 0;
		justify-content: space-between;
	}

	.flex--sa-8 {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 0;
	}

	.user,
	.info {
		display: none;
	}

	.mobile--top {
		display: block;
		width: 100%;
	}

	.nav > a > p {
		display: none;
	}

	.nav > a {
		display: none;
		padding-left: 20px;
		padding-right: 20px;
	}

	.border--bottom {
		border-width: 0;
	}

	.nav > .it--m {
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: -ms-flex !important;
		display: -o-flex !important;
		display: flex !important;
	}

	.nav {
		display: none;
		z-index: 5;
		position: absolute;
		left: 0;
		height: 100%;
		max-width: 236px;
		width: auto;
	}

	.nav > a:nth-child(11) {
		border-bottom-width: 0;
	}

	.item--ic {
		margin-right: auto;
	}

	.it--active:after {
		display: none;
	}

	.it--active {
		border-right: 2px solid #38302b !important;
	}

	.nav > a + a {
		border-top-width: 0;
	}

	.wr--contant {
		/*position: absolute;*/
		left: 0;
	}

	.wr--contant > div {
		padding-top: inherit;
		padding-left: inherit;
		padding-right: inherit;
		padding-bottom: inherit;
	}

	.wr--contant {
		background-color: #fff;
	}

	.fr--btn_btn > span {
		min-width: 74px;
		min-height: 33px;
	}

	.cl--top,
	.cl--bottom {
		display: none;
	}

	.line--top--container {
		padding-left: 0;
		padding-right: 0;
	}

	.day--btn {
		min-width: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.day--btn > button {
		min-width: auto;
		font-size: 16px;
		padding-left:5px;
		padding-right:5px;
	}

	.pag--start > a:before {
		border-top: 6px solid transparent;
		border-right: 13px solid #38302b;
		border-bottom: 6px solid transparent;
	}

	.pag--start > a:after {
		border-top: 6px solid transparent;
		border-right: 13px solid #38302b;
		border-bottom: 6px solid transparent;
	}

	.pag--finish > a:before {
		border-top: 6px solid transparent;
		border-left: 13px solid #38302b;
		border-bottom: 6px solid transparent;
	}

	.pag--finish > a:after {
		border-top: 6px solid transparent;
		border-left: 13px solid #38302b;
		border-bottom: 6px solid transparent;
	}

	.pag--next > a:after {
		border-top: 6px solid transparent;
		border-left: 13px solid #38302b;
		border-bottom: 6px solid transparent;
	}

	.pag--prev > a:after {
		border-top: 6px solid transparent;
		border-right: 13px solid #38302b;
		border-bottom: 6px solid transparent;
	}

	.pag--text {
		width: 30px;
		height: 30px;
	}

	.pag--text > a,
	.pag--text > span {
		width: auto;
		height: auto;
		border-width: 0;
		font-size: 18px;
	}

	.pag--start {
		margin-right: 5px;
	}

	.pag--prev {
		margin-right: 10px;
	}

	.pag--next {
		margin-left: 10px;
	}

	.pag--finish {
		margin-left: 5px;
	}

	.height--auto, .row--bottom {
		display: none !important;
	}

	.row--center {
		position: relative;
		flex-grow: 1;
	}

	.line--top--container--m {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		padding: 5px 0;
	}

	.line--top--container--m > div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		padding-left: 40px;
		padding-right: 40px;
	}

	.line--top--container--m > div:nth-child(2) {
		border-left: 2px solid #1c0b03;
		border-right: 2px solid #1c0b03;
	}

	.line--top--container--m > div > span {
		padding-top: 5px;
		padding-bottom: 5px;
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: 400;
		font-size: 24px;
		color: #1c0b03;
	}

	.ln--top--prev {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 9px solid #1c0b03;
	}

	.ln--top--next {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 9px solid #1c0b03;
	}

	.line--cont--title {
		padding-left: inherit;
		padding-right: inherit;
		justify-content: space-around;
	}

	.flex--sa--top,
	.check--all {
		display: none;
	}

	.text--m {
		width: 120px;
		display: block;
		text-align: center;
	}

	.block--brown {
		background-color: #fff !important;
	}

	.block--brown--m {
		background-color: #fdf2d3 !important;
	}

	.text--m > p,
	.text--m > a {
		display: inline-block;
		margin: 18px 0;
		font-family: 'PT Sans Narrow Bold', sans-serif;
		text-decoration: none;
		font-size: 18px;
		color: #38302b;
	}

	.marker {
		display: none !important;
	}

	.flex--sa {
		padding-right: 0;
		justify-content: space-around;
	}

	.flex--sa > div {
		min-width: auto;
	}

	.flex--sa > div > p {
		margin: 5px 0;
	}

	.fl--m {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-around;
	}

	.fl--m > div {
		width: 90px;
		margin-top: 10px;
	}
	/*
        .line--top {
            background-color: #fdf2d3 !important;
        }
    */
	.fl--m > div > p {
		margin: 0;
		text-align: center;
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: 400;
		font-size: 16px;
		color: #1c0b03;
	}

	.line--cont--title {
		min-height: inherit;
		border-bottom: 1px solid #1c0b03;
	}

	.border--top {
		margin-top: 0;
		border-top-width: 0;
	}

	.line--cont {
		min-height: inherit;
	}

	.top--panel {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		padding: 15px;
		background-color: #1c0b03;
	}

	.btn--menu {
		width: 50px;
		height: 70px;
		background-color: inherit;
		border-width: 0;
	}

	.top--panel > h1 {
		width: 100%;
		margin-right: 30px;
		margin-bottom: 0;
		margin-top: 0;
		text-align: center;
		font-family: 'PT Sans Narrow Bold', sans-serif;
		font-weight: 700;
		font-size: 32px;
		color: #ffffff;
	}

	.st--sel--dis {
		display: none;
	}

	.dis--m,.dis--m2  {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
		justify-content: space-between;
		border-radius: 10px;
		border: 3px solid #38302b;
	}

	.dis--m > button,.dis--m2 > button {
		position: relative;
		border-width: 0;
		padding: 5px 7.7px;
		background-color: inherit;
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 22px;
		font-weight: 400;
		color: #38302b;
	}

	.dis--m > button:first-child {
		border-radius: 10px 0 0 10px;
	}

	.dis--m > button:last-child {
		border-radius: 0 10px 10px 0;
	}

	.dis--m > button + button {
		border-left: 1px solid #fdf2d3;
	}

	.dis--m > button + button:after {
		content: '';
		position: absolute;
		left: -1px;
		bottom: 0;
		width: 1px;
		height: 3px;
		background-color: #fff;
	}

	.dis--m > button + button:before {
		content: '';
		position: absolute;
		left: -1px;
		top: 0;
		width: 1px;
		height: 3px;
		background-color: #fff;
	}

	.dis--m--active {
		background-color: #fdf2d3 !important;
	}

	.dis--m--active:after,
	.dis--m--active:before,
	.dis--m--active + button:after,
	.dis--m--active + button:before {
		display: none !important;
	}

	.dis--m--active2 {
		background-color: #fdf2d3 !important;
	}

	.dis--m--active2:after,
	.dis--m--active2:before,
	.dis--m--active2 + button:after,
	.dis--m--active2 + button:before {
		display: none !important;
	}
	/* card name */

	.dis--m2 > button:first-child {
		border-radius: 10px 0 0 10px;
	}

	.dis--m2 > button:last-child {
		border-radius: 0 10px 10px 0;
	}

	.dis--m2 > button + button {
		border-left: 1px solid #fdf2d3;
	}

	.dis--m2 > button + button:after {
		content: '';
		position: absolute;
		left: -1px;
		bottom: 0;
		width: 1px;
		height: 3px;
		background-color: #fff;
	}

	.dis--m2 > button + button:before {
		content: '';
		position: absolute;
		left: -1px;
		top: 0;
		width: 1px;
		height: 3px;
		background-color: #fff;
	}





	.discont > div {
		box-shadow: none;
	}

	.fr--btn--d,
	.st--sl--user {
		display: none;
	}

	.st--sl--user--m {
		display: block;
	}

	.st--sl--user--m > span {
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight: 400;
		font-size: 24px;
		color: #38302b;
	}

	.discont > div {
		padding: 20px;
	}

	.discont > div > form > div > p {
		margin-right: 10px;
	}
}

@media (max-width: 645px) {

	.foot--bot > div {
		margin-top: 0;
	}

	.pos--ab-center, .pos--ab {
		position: relative;
	}

	.foot--bot > div > form > .error {
		margin-left: 0px;
	}

	.flex:after {
		display: none;
	}

	.head--top {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		min-height: 240px;
		height: auto;
	}

	.head--top > div:first-child {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
		flex: 0 0 auto;
	}

	.foot--bot {
		height: auto;
		padding: 100px 0 135px 0;
	}

	.foot--bot > div > form > div {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}

	.foot--bot > div > form > div > span {
		margin-right: 0;
		font-size: 32px;
	}

	.foot--bot > div > form > div > div > input {
		width: 220px;
	}

	.flex {
		margin-left: 0;
		text-align: center;
	}
}

@media (max-width: 425px) {

	.discont > div > form > div > input {
		padding: 2px 10px;
		width: 169px;
	}

	.discont > div > form > div > p {
		width: 83px;
		/*font-size: 18px;*/
	}

	.dis--m > p {
		width: 56px;
		height: 31px;
		font-size: 18px;
	}
	.dis--m2 > p {
		width: 56px;
		height: 31px;
		font-size: 18px;
	}

	.st--sl--user--m > span {
		font-size: 18px;
	}
	/*
        .fr--btn_btn > span {
            width: 74px;
            height: 33px;
        }
        */
}

@media (max-width: 375px) {
	.line--top--container--m > div {
		padding-left: 20px;
		padding-right: 20px;
	}
}

a.tablelink {color: #38302b; text-align:center}


.bad {border: 1px solid red}
/*.valid {border:1px solid green !important}*/
.invalid {border:1px solid red !important}

.msgsuccess,.msgerror {color:red !important}


#reg-form .error {

	color:red; font-size:12px;
}

.c--text--reg {
	margin-top: 8px;
	margin-bottom: 0;
	font-family: 'PT Sans Narrow Bold', sans-serif;
	font-weight: 700;
	font-size: 23px;
	color: #fff;
}
.help--reg {
	position:absolute;
	left:101%;
	top: 0;
	margin: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 14px;
	display:none;
	width:240px;
	color:#fff;
	background:white;
	border :1px solid red;
	border-radius: 4px;
	/*border-left:0px;*/
	box-shadow: 1px 1px 1px #aaaaaa;
	padding:5px;
	background-color: #000;
}

.help--reg:before{
	content: '';
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #c51244;
	position: absolute;
	left: -10px;
	top:5px;
}
.help--reg:after{
	color: #c51244 !important;
}

#notification {


	font-size:18px;
	color:white;
}
#notification2 {


	font-size:18px;
	color:black;
}

.help {
	width:100%;
	color:red;
	margin:auto;
	text-align:center;
	justify-content :center !important;
	display:none;
	padding-bottom:20px;

}

.reset {
	margin-top:0 !important;
	padding-right:65px;
}
.reset a {color:white !important}
#loading-image {display:none; text-align:center}