@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

html {

	font-family: sans-serif;

	/* 1 */

	-ms-text-size-adjust: 100%;

	/* 2 */

	-webkit-text-size-adjust: 100%;

	/* 2 */

}


/**

 * Remove default margin.

 */

body {

	margin: 0;

}


/* HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

	display: block;

}


/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */

audio,

canvas,

progress,

video {

	display: inline-block;

	/* 1 */

	vertical-align: baseline;

	/* 2 */

}


/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) {

	display: none;

	height: 0;

}


/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */

[hidden],

template {

	display: none;

}


/* Links

   ========================================================================== */

/**

 * Remove the gray background color from active links in IE 10.

 */

a {

	background-color: transparent;

}


/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a:active,

a:hover {

	outline: 0;

}


/* Text-level semantics

   ========================================================================== */

/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */

abbr[title] {

	border-bottom: 1px dotted;

}


/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */

b,

strong {

	font-weight: bold;

}


/**

 * Address styling not present in Safari and Chrome.

 */

dfn {

	font-style: italic;

}


/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */

h1 {

	font-size: 2em;

	margin: 0.67em 0;

}


/**

 * Address styling not present in IE 8/9.

 */

mark {

	background: #ff0;

	color: #000;

}


/**

 * Address inconsistent and variable font size in all browsers.

 */

small {

	font-size: 80%;

}


/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}


sup {

	top: -0.5em;

}


sub {

	bottom: -0.25em;

}


/* Embedded content

   ========================================================================== */

/**

 * Remove border when inside `a` element in IE 8/9/10.

 */

img {

	border: 0;

}


/**

 * Correct overflow not hidden in IE 9/10/11.

 */

svg:not(:root) {

	overflow: hidden;

}


/* Grouping content

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari.

 */

figure {

	margin: 1em 40px;

}


/**

 * Address differences between Firefox and other browsers.

 */

hr {

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	        box-sizing: content-box;

	height: 0;

}


/**

 * Contain overflow in all browsers.

 */

pre {

	overflow: auto;

}


/**

 * Address odd `em`-unit font size rendering in all browsers.

 */

code,

kbd,

pre,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}


/* Forms

   ========================================================================== */

/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */

/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */

button,

input,

optgroup,

select,

textarea {

	color: inherit;

	/* 1 */

	font: inherit;

	/* 2 */

	margin: 0;

	/* 3 */

}


/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */

button {

	overflow: visible;

}


/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */

button,

select {

	text-transform: none;

}


/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	/* 2 */

	cursor: pointer;

	/* 3 */

}


/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

	cursor: default;

}


/**

 * Remove inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}


/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

input {

	line-height: normal;

}


/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */

input[type="checkbox"],

input[type="radio"] {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	/* 1 */

	padding: 0;

	/* 2 */

}


/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	height: auto;

}


/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

	-webkit-appearance: textfield;

	/* 1 */

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	/* 2 */

	box-sizing: content-box;

}


/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}


/**

 * Define consistent border, margin, and padding.

 */

fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}


/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend {

	border: 0;

	/* 1 */

	padding: 0;

	/* 2 */

}


/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */

textarea {

	overflow: auto;

}


/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */

optgroup {

	font-weight: bold;

}


/* Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

table {

	border-collapse: collapse;

	border-spacing: 0;

}


td,

th {

	padding: 0;

}


.jspContainer {

	overflow: hidden;

	position: relative;

}


.jspPane {

	position: absolute;

}


.jspVerticalBar {

	position: absolute;

	top: 0;

	right: 0;

	width: 8px;

	height: 100%;

	background: #fff;

}


.jspHorizontalBar {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 16px;

	background: red;

}


.jspCap {

	display: none;

}


.jspHorizontalBar .jspCap {

	float: left;

}


.jspTrack {

	background: #e0d0ba;

	position: relative;

	border-top: 0;

	border-bottom: 0;

}


.jspDrag {

	background: #745758;

	position: relative;

	top: 0;

	width: 8px;

	cursor: pointer;

}


.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag {

	float: left;

	height: 100%;

}


.jspArrow {

	background: #50506d;

	text-indent: -20000px;

	display: block;

	cursor: pointer;

	padding: 0;

	margin: 0;

}


.jspArrow.jspDisabled {

	cursor: default;

	background: #80808d;

}


.jspVerticalBar .jspArrow {

	height: 2px;

}


.jspHorizontalBar .jspArrow {

	width: 16px;

	float: left;

	height: 100%;

}


.jspVerticalBar .jspArrow:focus {

	outline: none;

}


.jspCorner {

	background: #eeeef4;

	float: left;

	height: 100%;

}


/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {

	margin: 0 -3px 0 0;

}


.selectInPopup .select2-container {

	z-index: 2050;

	/*Потому что в модальном окне не видно;*/

}


.select2-container {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	display: inline-block;

	margin: 0;

	position: relative;

	vertical-align: middle;

}


.select2-container .select2-selection--single {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	cursor: pointer;

	display: block;

	height: 28px;

	-moz-user-select: none;

	 -ms-user-select: none;

	     user-select: none;

	-webkit-user-select: none;

}


.select2-container .select2-selection--single .select2-selection__rendered {

	display: block;

	padding-left: 8px;

	padding-right: 20px;

	overflow: hidden;

	-o-text-overflow: ellipsis;

	   text-overflow: ellipsis;

	white-space: nowrap;

}


.select2-container .select2-selection--single .select2-selection__clear {

	position: relative;

}


.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {

	padding-right: 8px;

	padding-left: 20px;

}


.select2-container .select2-selection--multiple {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	cursor: pointer;

	display: block;

	min-height: 32px;

	-moz-user-select: none;

	 -ms-user-select: none;

	     user-select: none;

	-webkit-user-select: none;

}


.select2-container .select2-selection--multiple .select2-selection__rendered {

	display: inline-block;

	overflow: hidden;

	padding-left: 8px;

	-o-text-overflow: ellipsis;

	   text-overflow: ellipsis;

	white-space: nowrap;

}


.select2-container .select2-search--inline {

	float: left;

}


.select2-container .select2-search--inline .select2-search__field {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	border: none;

	font-size: 100%;

	margin-top: 5px;

	padding: 0;

}


.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {

	-webkit-appearance: none;

}


.select2-results {

	display: block;

}


.select2-results__options {

	list-style: none;

	margin: 0;

	padding: 0;

}


.select2-results__option {

	padding: 6px;

	-moz-user-select: none;

	 -ms-user-select: none;

	     user-select: none;

	-webkit-user-select: none;

}


.select2-results__option[aria-selected] {

	cursor: pointer;

}


.select2-container--open .select2-dropdown {

	left: 0;

}


.select2-container--open .select2-dropdown--above {

	border-bottom: none;

	-webkit-border-bottom-left-radius: 0;

	   -moz-border-radius-bottomleft: 0;

	        border-bottom-left-radius: 0;

	-webkit-border-bottom-right-radius: 0;

	   -moz-border-radius-bottomright: 0;

	        border-bottom-right-radius: 0;

}


.select2-container--open .select2-dropdown--below {

	border-top: none;

	-webkit-border-top-left-radius: 0;

	   -moz-border-radius-topleft: 0;

	        border-top-left-radius: 0;

	-webkit-border-top-right-radius: 0;

	   -moz-border-radius-topright: 0;

	        border-top-right-radius: 0;

}


.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {

	-webkit-appearance: none;

}


.select2-search--dropdown.select2-search--hide {

	display: none;

}


/********  Моя тема  ********/

.select2-dropdown {

	/*Выпадающее меню*/

	background-color: white;

	border: 1px solid #aaa;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	display: block;

	position: absolute;

	left: -100000px;

	width: 100%;

	z-index: 1051;

}


.select2-container--default .select2-selection--single {

	/*Селект окно*/

	background-color: #fff;

	border: none;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	height: 40px;

	border: 1px solid #cea372;

}


.select2-container--default .select2-selection--single .select2-selection__rendered {

	/*Текст*/

	color: #7e5658;

	line-height: 38px;

	font-size: 12px;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

}


.select2-container--default .select2-selection--single .select2-selection__clear {

	cursor: pointer;

	float: right;

	font-weight: 300;

}


.select2-container--default .select2-selection--single .select2-selection__placeholder {

	color: #fff;

}


.select2-container--default .select2-selection--single .select2-selection__arrow {

	/*Стрелка*/

	height: 40px;

	position: absolute;

	top: 0px;

	right: 0px;

	width: 20px;

}


.select2-container--default .select2-selection--single .select2-selection__arrow b {

	border-color: #7e5658 transparent transparent transparent;

	border-style: solid;

	border-width: 5px 4px 0 4px;

	height: 0;

	left: 50%;

	margin-left: -4px;

	margin-top: -2px;

	position: absolute;

	top: 50%;

	width: 0;

}


.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {

	float: left;

}


.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {

	left: 1px;

}


.select2-container--default.select2-container--disabled .select2-selection--single {

	background-color: #eee;

	cursor: default;

}


.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {

	display: none;

}


.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {

	border-color: transparent transparent #888 transparent;

	border-width: 0 4px 5px 4px;

}


.select2-container--default .select2-selection--multiple {

	background-color: white;

	border: 1px solid #aaa;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

	cursor: text;

}


.select2-container--default .select2-selection--multiple .select2-selection__rendered {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	list-style: none;

	margin: 0;

	padding: 0 5px;

	width: 100%;

}


.select2-container--default .select2-selection--multiple .select2-selection__placeholder {

	color: #999;

	margin-top: 5px;

	float: left;

}


.select2-container--default .select2-selection--multiple .select2-selection__clear {

	cursor: pointer;

	float: right;

	font-weight: bold;

	margin-top: 5px;

	margin-right: 10px;

}


.select2-container--default .select2-selection--multiple .select2-selection__choice {

	background-color: #e4e4e4;

	border: 1px solid #aaa;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

	cursor: default;

	float: left;

	margin-right: 5px;

	margin-top: 5px;

	padding: 0 5px;

}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

	color: #999;

	cursor: pointer;

	display: inline-block;

	font-weight: bold;

	margin-right: 2px;

}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove :hover {

	color: #333;

}


.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {

	float: right;

}


.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

	margin-left: 5px;

	margin-right: auto;

}


.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

	margin-left: 2px;

	margin-right: auto;

}


.select2-container--default.select2-container--focus .select2-selection--multiple {

	border: solid black 1px;

	outline: 0;

}


.select2-container--default .select2-container--disabled .select2-selection--multiple {

	background-color: #eee;

	cursor: default;

}


.select2-container--default .select2-container--disabled .select2-selection__choice__remove {

	display: none;

}


.select2-container--default .select2-container--open .select2-container--above .select2-selection--single,

.select2-container--default .select2-container--open .select2-container--above .select2-selection--multiple {

	-webkit-border-top-left-radius: 0;

	   -moz-border-radius-topleft: 0;

	        border-top-left-radius: 0;

	-webkit-border-top-right-radius: 0;

	   -moz-border-radius-topright: 0;

	        border-top-right-radius: 0;

}


.select2-container--default .select2-container--open .select2-container--below .select2-selection--single,

.select2-container--default .select2-container--open .select2-container--below .select2-selection--multiple {

	-webkit-border-bottom-left-radius: 0;

	   -moz-border-radius-bottomleft: 0;

	        border-bottom-left-radius: 0;

	-webkit-border-bottom-right-radius: 0;

	   -moz-border-radius-bottomright: 0;

	        border-bottom-right-radius: 0;

}


.select2-container--default .select2-search--dropdown {

	/*Блок поиска*/

	padding: 4px;

}


.select2-container--default .select2-search--dropdown .select2-search__field {

	/*Окно поиска*/

	width: 100%;

	padding: 4px;

	border: 1px solid #ddd;

}


.select2-container--default .select2-search--inline .select2-search__field {

	background: transparent;

	border: none;

	outline: 0;

	-webkit-box-shadow: none;

	   -moz-box-shadow: none;

	        box-shadow: none;

	-webkit-appearance: textfield;

}


.select2-container--default .select2-results > .select2-results__options {

	max-height: 200px;

	overflow-y: auto;

}


.select2-container--default .select2-results__option {

	/*Пункты выбора в выпадающем меню*/

	font-size: 14px;

	font-weight: 400;

	white-space: nowrap;

	max-width: 100%;

	overflow: hidden;

	-o-text-overflow: ellipsis;

	   text-overflow: ellipsis;

}


.select2-container--default .select2-results__option[role=group] {

	padding: 0;

}


.select2-container--default .select2-results__option[aria-disabled=true] {

	color: #999;

}


.select2-container--default .select2-results__option[aria-selected=true] {

	/*Выбранный пункт в выпадающем окне*/

	background-color: #ddd;

}


.select2-container--default .select2-results__option .select2-results__option {

	padding-left: 1em;

}


.select2-container--default .select2-results__option .select2-results__option .select2-results__group {

	padding-left: 0;

}


.select2-container--default .select2-results__option .select2-results__option .select2-results__option {

	margin-left: -1em;

	padding-left: 2em;

}


.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

	margin-left: -2em;

	padding-left: 3em;

}


.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

	margin-left: -3em;

	padding-left: 4em;

}


.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

	margin-left: -4em;

	padding-left: 5em;

}


.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

	margin-left: -5em;

	padding-left: 6em;

}


.select2-container--default .select2-results__option--highlighted[aria-selected] {

	/*Пункт при наведении  в выпадающем окне*/

	background-color: #6091AE;

	color: white;

}


.select2-container--default .select2-results__group {

	cursor: default;

	display: block;

	padding: 6px;

}


/********  -------------  ********/

.select2-close-mask {

	border: 0;

	margin: 0;

	padding: 0;

	display: block;

	position: fixed;

	left: 0;

	top: 0;

	min-height: 100%;

	min-width: 100%;

	height: auto;

	width: auto;

	opacity: 0;

	z-index: 99;

	background-color: #fff;

	filter: alpha(opacity=0);

}


.select2-hidden-accessible {

	border: 0 !important;

	clip: rect(0 0 0 0) !important;

	height: 1px !important;

	margin: -1px !important;

	overflow: hidden !important;

	padding: 0 !important;

	position: absolute !important;

	width: 1px !important;

}


.select2-search--dropdown {

	/*Блок поиска*/

	display: block;

	padding: 4px;

}


.select2-search--dropdown .select2-search__field {

	/*Окно поиска*/

	padding: 4px;

	width: 100%;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}


.select2-container--classic .select2-selection--single {

	background-color: #f7f7f7;

	border: 1px solid #aaa;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

	outline: 0;

	background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);

	background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));

	background-image: -moz-linear-gradient(top, white 50%, #eeeeee 100%);

	background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);

}


.select2-container--classic .select2-selection--single:focus {

	border: 1px solid #5897fb;

}


.select2-container--classic .select2-selection--single .select2-selection__rendered {

	color: #444;

	line-height: 28px;

}


.select2-container--classic .select2-selection--single .select2-selection__clear {

	cursor: pointer;

	float: right;

	font-weight: bold;

	margin-right: 10px;

}


.select2-container--classic .select2-selection--single .select2-selection__placeholder {

	color: #999;

}


.select2-container--classic .select2-selection--single .select2-selection__arrow {

	background-color: #ddd;

	border: none;

	border-left: 1px solid #aaa;

	-webkit-border-top-right-radius: 4px;

	   -moz-border-radius-topright: 4px;

	        border-top-right-radius: 4px;

	-webkit-border-bottom-right-radius: 4px;

	   -moz-border-radius-bottomright: 4px;

	        border-bottom-right-radius: 4px;

	height: 26px;

	position: absolute;

	top: 1px;

	right: 1px;

	width: 20px;

	background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);

	background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));

	background-image: -moz-linear-gradient(top, #eeeeee 50%, #cccccc 100%);

	background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);

}


.select2-container--classic .select2-selection--single .select2-selection__arrow b {

	border-color: #888 transparent transparent transparent;

	border-style: solid;

	border-width: 5px 4px 0 4px;

	height: 0;

	left: 50%;

	margin-left: -4px;

	margin-top: -2px;

	position: absolute;

	top: 50%;

	width: 0;

}


.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {

	float: left;

}


.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {

	border: none;

	border-right: 1px solid #aaa;

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

	-webkit-border-top-left-radius: 4px;

	   -moz-border-radius-topleft: 4px;

	        border-top-left-radius: 4px;

	-webkit-border-bottom-left-radius: 4px;

	   -moz-border-radius-bottomleft: 4px;

	        border-bottom-left-radius: 4px;

	left: 1px;

	right: auto;

}


.select2-container--classic.select2-container--open .select2-selection--single {

	border: 1px solid #5897fb;

}


.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {

	background: transparent;

	border: none;

}


.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {

	border-color: transparent transparent #888 transparent;

	border-width: 0 4px 5px 4px;

}


.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {

	border-top: none;

	-webkit-border-top-left-radius: 0;

	   -moz-border-radius-topleft: 0;

	        border-top-left-radius: 0;

	-webkit-border-top-right-radius: 0;

	   -moz-border-radius-topright: 0;

	        border-top-right-radius: 0;

	background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);

	background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);

	background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));

	background-image: -moz-linear-gradient(top, white 0%, #eeeeee 50%);

	background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);

}


.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {

	border-bottom: none;

	-webkit-border-bottom-left-radius: 0;

	   -moz-border-radius-bottomleft: 0;

	        border-bottom-left-radius: 0;

	-webkit-border-bottom-right-radius: 0;

	   -moz-border-radius-bottomright: 0;

	        border-bottom-right-radius: 0;

	background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);

	background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));

	background-image: -moz-linear-gradient(top, #eeeeee 50%, white 100%);

	background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);

}


.select2-container--classic .select2-selection--multiple {

	background-color: white;

	border: 1px solid #aaa;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

	cursor: text;

	outline: 0;

}


.select2-container--classic .select2-selection--multiple:focus {

	border: 1px solid #5897fb;

}


.select2-container--classic .select2-selection--multiple .select2-selection__rendered {

	list-style: none;

	margin: 0;

	padding: 0 5px;

}


.select2-container--classic .select2-selection--multiple .select2-selection__clear {

	display: none;

}


.select2-container--classic .select2-selection--multiple .select2-selection__choice {

	background-color: #e4e4e4;

	border: 1px solid #aaa;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

	cursor: default;

	float: left;

	margin-right: 5px;

	margin-top: 5px;

	padding: 0 5px;

}


.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {

	color: #888;

	cursor: pointer;

	display: inline-block;

	font-weight: bold;

	margin-right: 2px;

}


.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {

	color: #555;

}


.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

	float: right;

}


.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

	margin-left: 5px;

	margin-right: auto;

}


.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

	margin-left: 2px;

	margin-right: auto;

}


.select2-container--classic.select2-container--open .select2-selection--multiple {

	border: 1px solid #5897fb;

}


.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {

	border-top: none;

	-webkit-border-top-left-radius: 0;

	   -moz-border-radius-topleft: 0;

	        border-top-left-radius: 0;

	-webkit-border-top-right-radius: 0;

	   -moz-border-radius-topright: 0;

	        border-top-right-radius: 0;

}


.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {

	border-bottom: none;

	-webkit-border-bottom-left-radius: 0;

	   -moz-border-radius-bottomleft: 0;

	        border-bottom-left-radius: 0;

	-webkit-border-bottom-right-radius: 0;

	   -moz-border-radius-bottomright: 0;

	        border-bottom-right-radius: 0;

}


.select2-container--classic .select2-search--dropdown .select2-search__field {

	border: 1px solid #aaa;

	outline: 0;

}


.select2-container--classic .select2-search--inline .select2-search__field {

	outline: 0;

	-webkit-box-shadow: none;

	   -moz-box-shadow: none;

	        box-shadow: none;

}


.select2-container--classic .select2-dropdown {

	background-color: white;

	border: 1px solid transparent;

}


.select2-container--classic .select2-dropdown--above {

	border-bottom: none;

}


.select2-container--classic .select2-dropdown--below {

	border-top: none;

}


.select2-container--classic .select2-results > .select2-results__options {

	max-height: 200px;

	overflow-y: auto;

}


.select2-container--classic .select2-results__option[role=group] {

	padding: 0;

}


.select2-container--classic .select2-results__option[aria-disabled=true] {

	color: grey;

}


.select2-container--classic .select2-results__option--highlighted[aria-selected] {

	background-color: #3875d7;

	color: white;

}


.select2-container--classic .select2-results__group {

	cursor: default;

	display: block;

	padding: 6px;

}


.select2-container--classic.select2-container--open .select2-dropdown {

	border-color: #5897fb;

}


@font-face {

	font-family: 'icomoon';

	src: url("../fonts/icomoon.eot?cj0215");

	src: url("../fonts/icomoon.eot?cj0215#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?cj0215") format("truetype"), url("../fonts/icomoon.woff?cj0215") format("woff"), url("../fonts/icomoon.svg?cj0215#icomoon") format("svg");

	font-weight: normal;

	font-style: normal;

}


[class^="icon-"], [class*=" icon-"] {

	/* use !important to prevent issues with browser extensions that change fonts */

	font-family: 'icomoon' !important;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}


.icon-close:before {

	content: "\e900";

}


.icon-arr-down:before {

	content: "\e901";

}


.icon-arr-left:before {

	content: "\e902";

}


.icon-arr-right:before {

	content: "\e903";

}


.icon-arr-up:before {

	content: "\e904";

}


.icon-dislike:before {

	content: "\e905";

}


.icon-like:before {

	content: "\e906";

}


.icon-lock:before {

	content: "\e907";

}


.icon-lock-cloud:before {

	content: "\e908";

}


.icon-search:before {

	content: "\e909";

}


.icon-user:before {

	content: "\e90a";

}


.icon-world:before {

	content: "\e90b";

}


*, *:before, *:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}


img {

	display: block;

	max-width: 100%;

	height: auto;

}


a, * a, a:hover, a:focus {

	text-decoration: none;

}


h1, h2, h3, h4, h5, h6, p, ul, form {

	margin: 0;

	padding: 0;

}


ul {

	list-style: none;

}


* {

	outline: none;

}


.clearfix:before,

.clearfix:after {

	content: " ";

	display: table;

}


.clearfix:after {

	clear: both;

}


.left {

	float: left;

}


.right {

	float: right;

}


.clear {

	clear: both;

}


.relative {

	position: relative;

}


.wrap-overflow {

	overflow: hidden;

}


.wrap-center {

	text-align: center;

}


.wrap-icon {

	font-size: 0;

}


.wrap-icon i, .wrap-icon span {

	display: inline-block;

	vertical-align: middle;

}


.wrap-icon i {

	margin-right: 3px;

}


.uppercase {

	text-transform: uppercase;

}


.oneline {

	float: none;

	max-width: 100%;

	overflow: hidden;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	   text-overflow: ellipsis;

}


body {

	position: relative;

	margin: 0px;

	padding: 0px;

	width: 100%;

	min-width: 320px;

	font-family: 'Roboto', sans-serif;

	font-size: 14px;

	line-height: 1.2;

	font-style: normal;

	font-weight: 300;

	color: #745758;

	background: #fedfdf;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}


html, body, .wrapper, .page-table {

	min-height: 100%;

	height: 100%;

}


.page-row {

	display: table-row;

	height: 1px;

}


@media only screen and (max-width: 1197px) {

	.page-row {

		display: block;

		height: auto;

	}

}


.page-row.extended {

	height: 100%;

}


.container {

	margin: 0 auto;

	width: 100%;

	max-width: 1600px;

	padding: 0 10px;

}


@media only screen and (max-width: 497px) {

	.container {

		padding: 0 5px;

	}

}


.container-inner {

	padding-left: 60px;

}


@media only screen and (max-width: 1197px) {

	.container-inner {

		padding-left: 0;

	}

}


.wrapper {

	width: 100%;

	height: 100%;

	table-layout: fixed;

	display: table;

}


@media only screen and (max-width: 1197px) {

	.wrapper {

		display: block;

		padding-top: 94px;

	}

}


.wrapper.open-menu {

	overflow: hidden;

	height: 500px;

}


.wrapper.open-menu .overcover {

	position: absolute;

	width: 100%;

	height: 500px;

	min-height: 100%;

	top: 0;

	left: 0;

	content: '';

	background: rgba(255, 255, 255, 0.4);

	z-index: 99;

}


.wrap-form {

	overflow: hidden;

	background: #fff;

	padding: 50px 20px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	margin-bottom: 20px;

}


@media only screen and (max-width: 977px) {

	.wrap-form {

		margin-bottom: 0;

	}

}


@media only screen and (max-width: 657px) {

	.wrap-form {

		padding: 30px 10px;

	}

}


.wrap-form .form {

	width: 70%;

	margin: 0 auto;

}


@media only screen and (max-width: 1257px) {

	.wrap-form .form {

		width: 80%;

	}

}


@media only screen and (max-width: 785px) {

	.wrap-form .form {

		width: 100%;

	}

}


/*Input, label, textarea - main styles*/

.head-prompt {

	float: right;

	line-height: 30px;

}


.form-row {

	width: 100%;

	margin-bottom: 15px;

	overflow: hidden;

}


@media only screen and (max-width: 657px) {

	.form-row {

		margin-bottom: 8px;

	}

}


.form-row .prompt {

	font-size: 14px;

	line-height: 20px;

	display: block;

	margin: 5px 0;

	color: #6B6B6B;

}


.form-row .prompt a {

	text-decoration: underline;

	color: #7e5658;

}


.form-row .prompt a:hover {

	text-decoration: none;

}


.form-row .holder {

	overflow: hidden;

	position: relative;

}


.form-row .notedit {

	margin-left: 145px;

}


@media only screen and (max-width: 657px) {

	.form-row .notedit {

		margin-left: 0;

	}

}


.form-row .hint {

	font-size: 11px;

	line-height: 18px;

	color: #62696e;

	margin: 5px 0 0 0;

}


.flabel {

	width: 145px;

	float: left;

	color: #7e5658;

	font-size: 15px;

	line-height: 20px;

	padding-right: 15px;

	text-align: right;

	margin-top: 10px;

}


.flabel.double-line {

	margin-top: 0;

}


.flabel.not-side {

	float: none;

	display: inline-block;

	width: 100%;

	padding: 0;

	margin: 0 0 3px 0;

	text-align: left;

}


@media only screen and (max-width: 657px) {

	.flabel {

		float: none;

		display: inline-block;

		width: 100%;

		padding: 0;

		line-height: 25px;

		margin: 0 0 3px 0;

		text-align: left;

	}

}


.flabel .star {

	color: #ff2f2f;

	margin-left: 2px;

}


.finp, .ftext {

	width: 100%;

	padding: 0 10px;

	background-color: #fff;

	color: #7e5658;

	font-size: 12px;

	line-height: 40px;

	border: none;

	-webkit-border-radius: 2px;

	   -moz-border-radius: 2px;

	        border-radius: 2px;

	border: 1px solid #cea372;

}


.finp:-moz-placeholder, .ftext:-moz-placeholder {

	color: #7e5658;

}


.finp::-moz-placeholder, .ftext::-moz-placeholder {

	color: #7e5658;

	opacity: 1;

}


.finp::-webkit-input-placeholder, .ftext::-webkit-input-placeholder {

	color: #7e5658;

}


.finp:-ms-input-placeholder, .ftext:-ms-input-placeholder {

	color: #7e5658;

}


.finp::placeholder, .ftext::placeholder {

	color: #7e5658;

}


.finp:focus:-moz-placeholder, .ftext:focus:-moz-placeholder {

	color: transparent;

}


.finp:focus::-moz-placeholder, .ftext:focus::-moz-placeholder {

	color: transparent;

}


.finp:focus::-webkit-input-placeholder, .ftext:focus::-webkit-input-placeholder {

	color: transparent;

}


.finp:focus:-ms-input-placeholder, .ftext:focus:-ms-input-placeholder {

	color: transparent;

}


.finp:focus::placeholder, .ftext:focus::placeholder {

	color: transparent;

}


.finp {

	height: 40px;

}


.ftext {

	max-width: 100%;

	padding: 14px 10px;

	line-height: 16px;

	height: 110px;

}


.field_error {

	color: #ff2f2f;

	font-size: 13px;

	margin: 5px 0;

	clear: both;

}


.captcha {

	float: left;

	margin-right: 10px;

}


@media only screen and (max-width: 497px) {

	.captcha {

		float: none;

		margin: 0 auto 10px;

	}

}


.wrap-captcha-inp {

	overflow: hidden;

}


.wrap-captcha-inp .flabel {

	float: none;

}


/*Input, label, textarea - main styles*/

/*Custom File input*/

.pseudoFile {

	overflow: hidden;

	position: relative;

}


.pseudoFile .inputFileText {

	line-height: 26px;

	width: 100%;

	color: #7e5658;

	background: #fff;

	border: none;

	padding: 0 16px;

	height: 40px;

	border: 1px solid #cea372;

	-webkit-border-radius: 2px;

	   -moz-border-radius: 2px;

	        border-radius: 2px;

}


.pseudoFile .fileInput {

	position: absolute;

	z-index: 2;

	top: 0;

	right: 0;

	font-size: 199px;

	opacity: 0;

	cursor: pointer;

}


.pseudoFile .choose {

	position: absolute;

	z-index: 1;

	top: 6px;

	right: 6px;

	font-size: 12px;

	line-height: 28px;

	background: #fff;

	pointer-events: none;

	padding: 0 11px;

	text-transform: uppercase;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

}


/*Custom File input*/

/*Custom Inputs radio, check*/

.wrap-fcustom-inp {

	overflow: hidden;

}


.wrap-fcustom-inp + .wrap-fcustom-inp {

	margin-top: 5px;

}


.wrap-fcustom-inp > label {

	float: left;

	font-size: 13px;

	line-height: 20px;

	color: #666666;

	cursor: pointer;

}


.fcustominp {

	float: left;

	overflow: hidden;

	width: 24px;

	height: 22px;

	padding: 0 1px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	margin-right: 7px;

}


.fcustominp input {

	display: none;

}


.fcustominp label {

	position: relative;

	display: block;

	width: 100%;

	height: 100%;

	background: #fff;

	cursor: pointer;

	-webkit-border-radius: 2px;

	   -moz-border-radius: 2px;

	        border-radius: 2px;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

	border: 1px solid #cea372;

}


.fcustominp input[type=checkbox]:checked + label:after {

	content: '';

	display: block;

	position: absolute;

	top: 4px;

	left: 7px;

	/*Make it a small rectangle so the border will create an L-shape*/

	width: 6px;

	height: 10px;

	/*Add a white border on the bottom and left, creating that 'L' */

	border: solid #7e5658;

	border-width: 0 2px 2px 0;

	/*Rotate the L 45 degrees to turn it into a checkmark*/

	-webkit-transform: rotate(45deg);

	   -moz-transform: rotate(45deg);

	    -ms-transform: rotate(45deg);

	     -o-transform: rotate(45deg);

	        transform: rotate(45deg);

}


.fcustominp input[type=radio] + label {

	-webkit-border-radius: 50%;

	   -moz-border-radius: 50%;

	        border-radius: 50%;

}


.fcustominp input[type=radio]:checked + label:after {

	content: '';

	position: absolute;

	top: 6px;

	left: 6px;

	width: 8px;

	height: 8px;

	background: #7e5658;

	-webkit-border-radius: 50%;

	   -moz-border-radius: 50%;

	        border-radius: 50%;

}


/*Custom Inputs*/

/*wrap-form-search*/

.wrap-form-search {

	padding: 0 0 5px;

}


.form-search {

	position: relative;

}


.form-search .fs-select-group-inner > div {

	float: right;

	margin-left: 5px;

}


.fsearch-checkeds {

	overflow: hidden;

}


.fsearch-checkeds > div {

	float: left;

	margin-right: 15px;

}


.form-search .fsearch-ageto,

.form-search .fsearch-agefrom,

.form-search .fsearch-az {

	width: 80px;

}


.form-search .fsearch-members {

	width: 120px;

}


.form-search .fsearch-show {

	width: 160px;

}


@media only screen and (max-width: 977px) {

	.form-search {

		padding-top: 56px;

	}

	.fsearch-name {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

	}

	.form-search .fs-select-group {

		margin: -2px;

	}

	.form-search .fs-select-group-inner {

		display: table;

		width: 100%;

	}

	.form-search .fs-select-group-inner > div {

		float: none;

		display: table-cell;

		margin-left: 0px;

		padding: 0 2px;

	}

	.fsearch-checkeds {

		bottom: -53px;

	}

}


@media only screen and (max-width: 785px) {

	.fsearch-checkeds {

		position: static;

		width: 100%;

	}

	.fsearch-checkeds > div {

		margin: 0 20px 0 0;

	}

}


@media only screen and (max-width: 657px) {

	.form-search .fs-select-group-inner {

		display: block;

	}

	.form-search .fs-select-group-inner > div {

		display: block;

		float: left;

		width: 100%;

	}

	.form-search .fs-select-group-inner > .fsearch-agefrom,

	.form-search .fs-select-group-inner > .fsearch-ageto {

		width: 50%;

	}

}


/*wrap-form-search*/

.btn {

	position: relative;

	display: block;

	padding: 10px 25px;

	font-size: 14px;

	font-weight: bold;

	line-height: 20px;

	color: #ffffff;

	text-align: center;

	background-color: #cea372;

	text-transform: uppercase;

	border: none;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	vertical-align: middle;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	   -moz-backface-visibility: hidden;

	        backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

	overflow: hidden;

	-webkit-transform-origin: 50%;

	   -moz-transform-origin: 50%;

	    -ms-transform-origin: 50%;

	     -o-transform-origin: 50%;

	        transform-origin: 50%;

	-webkit-transition-property: background;

	-moz-transition-property: background;

	-o-transition-property: background;

	transition-property: background;

	-webkit-transition-duration: 0.3s;

	   -moz-transition-duration: 0.3s;

	     -o-transition-duration: 0.3s;

	        transition-duration: 0.3s;

	-webkit-transition-timing-function: ease-out;

	   -moz-transition-timing-function: ease-out;

	     -o-transition-timing-function: ease-out;

	        transition-timing-function: ease-out;

}


.btn:hover, .btn:active, .btn:focus {

	background: #7e5658;

}


.btn.full {

	width: 100%;

}


.btn.confirm {

	float: left;

	background-color: #7e5658;

}


.btn.confirm:hover {

	background-color: #381e1f;

}


.btn.confirm.right {

	float: right;

}


.btn.cancel {

	background-color: #ff2f2f;

}


.btn.cancel:hover {

	background-color: #981C1C;

}


.btn.confirm + .btn.confirm {

	margin: 0 0 0 5px;

}


.btn.confirm.right + .btn.cancel.right {

	margin: 0 5px 0 0;

}


.btn.confirm + .btn.cancel {

	margin: 0 0 0 5px;

}


.btn-forgot {

	color: #ff2f2f;

	margin: 10px 0 0 10px;

	display: block;

	line-height: 20px;

	float: left;

}


.btn-forgot.right {

	float: right;

	margin: 10px 10px 0 0;

}


.btn-forgot:hover {

	text-decoration: underline;

}


.btn-join {

	color: #7e5658;

	font-weight: bold;

}


.btn-join:hover {

	text-decoration: underline;

}


.upload-categories a {

	position: relative;

	float: left;

	margin: 0 2px 5px;

	padding: 0 8px;

	height: 30px;

	line-height: 30px;

	background: #e5ddd1;

	text-transform: uppercase;

	color: #53585c;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	font-weight: 300;

	-webkit-transition: color 0.3s, background 0.3s;

	-moz-transition: color 0.3s, background 0.3s;

	-o-transition: color 0.3s, background 0.3s;

	transition: color 0.3s, background 0.3s;

}


.upload-categories a i {

	font-size: 16px;

}


.upload-categories a span {

	font-size: 14px;

}


.upload-categories a:hover {

	color: #fff;

	background: #c3b0b1;

}


/*modal bootstrap*/

.modal-open {

	overflow: hidden;

}


.modal {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 2050;

	display: none;

	overflow: hidden;

	-webkit-overflow-scrolling: touch;

	outline: 0;

}


.modal.fade .modal-dialog {

	-webkit-transition: -webkit-transform .3s ease-out;

	transition: -webkit-transform .3s ease-out;

	-moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;

	-o-transition: transform .3s ease-out, -o-transform .3s ease-out;

	transition: transform .3s ease-out;

	transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;

	-webkit-transform: translate(0, -25%);

	   -moz-transform: translate(0, -25%);

	    -ms-transform: translate(0, -25%);

	     -o-transform: translate(0, -25%);

	        transform: translate(0, -25%);

}


.modal.in .modal-dialog {

	-webkit-transform: translate(0, 0);

	   -moz-transform: translate(0, 0);

	    -ms-transform: translate(0, 0);

	     -o-transform: translate(0, 0);

	        transform: translate(0, 0);

}


.modal-open .modal {

	overflow-x: hidden;

	overflow-y: auto;

}


.modal-dialog {

	position: relative;

	width: auto;

	margin: 30px 10px;

}


.modal-content {

	position: relative;

	background-color: #fff;

	-moz-background-clip: padding-box;

	  -o-background-clip: padding-box;

	     background-clip: padding-box;

	border: 1px solid #999;

	border: 1px solid rgba(0, 0, 0, 0.2);

	-webkit-border-radius: 6px;

	   -moz-border-radius: 6px;

	        border-radius: 6px;

	outline: 0;

	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

	   -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

	        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

}


.modal-backdrop {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1040;

	background-color: #000;

}


.modal-backdrop.fade {

	filter: alpha(opacity=0);

	opacity: 0;

}


.modal-backdrop.in {

	filter: alpha(opacity=50);

	opacity: .5;

}


.modal-header {

	min-height: 16.43px;

	padding: 15px;

	border-bottom: 1px solid #e5e5e5;

}


.modal-header .close {

	margin-top: -2px;

}


.modal-title {

	margin: 0;

	line-height: 1.42857143;

}


.modal-body {

	position: relative;

	padding: 15px;

}


.modal-footer {

	padding: 15px;

	text-align: right;

	border-top: 1px solid #e5e5e5;

}


.modal-footer .btn + .btn {

	margin-bottom: 0;

	margin-left: 5px;

}


.modal-footer .btn-group .btn + .btn {

	margin-left: -1px;

}


.modal-footer .btn-block + .btn-block {

	margin-left: 0;

}


.modal-scrollbar-measure {

	position: absolute;

	top: -9999px;

	width: 50px;

	height: 50px;

	overflow: scroll;

}


@media (min-width: 768px) {

	.modal-dialog {

		width: 580px;

		margin: 30px auto;

	}

	.modal-content {

		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

		     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

	}

	.modal-sm {

		width: 300px;

	}

}


@media (min-width: 992px) {

	.modal-lg {

		width: 900px;

	}

}


/*modal bootstrap*/

/*modal my*/

.modal {

	background: rgba(193, 193, 193, 0.8);

}


.modal-dialog {

	margin: 50px 10px;

}


@media (min-width: 768px) {

	.modal-dialog {

		width: 600px;

		margin: 50px auto;

	}

}


.modal-content {

	padding: 10px 20px;

	background: #fff;

	-webkit-border-radius: 6px;

	   -moz-border-radius: 6px;

	        border-radius: 6px;

}


@media only screen and (max-width: 497px) {

	.modal-content {

		padding: 5px 10px;

	}

}


.modal-content .close {

	position: absolute;

	right: -15px;

	top: -15px;

	width: 30px;

	height: 30px;

	font-size: 13px;

	line-height: 30px;

	-webkit-border-radius: 50%;

	   -moz-border-radius: 50%;

	        border-radius: 50%;

	background: #FF9D10;

	color: #fff;

	text-align: center;

	border: none;

}


.upload-ctg-list-check {

	height: 300px;

	width: 100%;

	margin-bottom: 15px;

	overflow: hidden;

}


.upload-ctg-list-check .form-row {

	float: left;

	width: 33.33%;

}


@media only screen and (max-width: 785px) {

	.upload-ctg-list-check .form-row {

		width: 50%;

	}

}


@media only screen and (max-width: 497px) {

	.upload-ctg-list-check .form-row {

		width: 100%;

	}

}


/*modal my*/

.wrap-heading {

	position: relative;

}


.wrap-heading.filter-box {

	padding-left: 170px;

}


@media only screen and (max-width: 1197px) {

	.wrap-heading.filter-box {

		padding-left: 0;

	}

}


.wrap-heading .block-heading {

	float: left;

}


.wrap-heading .block-heading > * {

	display: inline-block;

	margin-right: 10px;

	margin-bottom: 10px;

	font-size: 22px;

	line-height: 30px;

	font-weight: 600;

	color: #745758;

	text-transform: uppercase;

}


@media only screen and (max-width: 1197px) {

	.wrap-heading .block-heading > * {

		font-size: 20px;

	}

}


@media only screen and (max-width: 977px) {

	.wrap-heading .block-heading > * {

		font-size: 18px;

	}

}


@media only screen and (max-width: 785px) {

	.wrap-heading .block-heading > * {

		font-size: 16px;

	}

}


.wrap-heading .block-heading > * a {

	color: #745758;

	-webkit-transition: color .3s linear;

	-moz-transition: color .3s linear;

	-o-transition: color .3s linear;

	transition: color .3s linear;

}


.wrap-heading .block-heading > * a:hover {

	text-decoration: underline;

}


.profiles-hot-btns {

	float: right;

	overflow: hidden;

	margin-bottom: 4px;

}


.profiles-hot-btns a {

	display: block;

	float: left;

	margin: 0 5px 0 0;

	position: relative;

	display: block;

	height: 30px;

	line-height: 30px;

	padding: 0 19px;

	color: #eeeeee;

	font-size: 12px;

	font-weight: 400;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	-webkit-transition: background 0.3s, color 0.3s;

	-moz-transition: background 0.3s, color 0.3s;

	-o-transition: background 0.3s, color 0.3s;

	transition: background 0.3s, color 0.3s;

	background: #cea372;

	text-transform: uppercase;

}


@media only screen and (max-width: 977px) {

	.profiles-hot-btns a {

		margin: 0 0 3px 5px;

	}

}


.profiles-hot-btns a:hover, .profiles-hot-btns a.active {

	background: #7e5658;

	color: #fff;

}


.filters {

	position: absolute;

	top: 0;

	left: 0;

	width: 160px;

	line-height: 30px;

	font-size: 14px;

	font-weight: 600;

	color: #745758;

	text-align: center;

	text-transform: uppercase;

	margin: 0 0 10px 0;

	z-index: 11;

}


.filters.open {

	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);

	   -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);

	        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);

}


.filters.open .filter-menu {

	display: block;

}


.filters.open .filter-choice {

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

}


.filters .filter-choice {

	display: block;

	position: relative;

	background: #fff;

	min-width: 100%;

	height: 30px;

	padding: 0 2px;

	cursor: pointer;

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

}


.filters .filter-choice i {

	font-size: 10px;

	margin-right: 0;

	margin-left: 5px;

}


.filters .filter-choice span {

	font-size: 14px;

}


.filters .filter-menu {

	display: none;

	position: absolute;

	top: 100%;

	left: 0;

	margin-top: -1px;

	width: 100%;

	overflow: hidden;

	-webkit-box-shadow: none;

	   -moz-box-shadow: none;

	        box-shadow: none;

	background-color: #fff;

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

	overflow: hidden;

	border-top: 1px solid #b6b6b6;

}


.filters .filter-menu li {

	float: none;

	margin: 0;

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

}


.filters .filter-menu li a {

	max-width: 100%;

	display: block;

	font-size: 14px;

	height: 30px;

	line-height: 30px;

	padding: 0 5px;

	overflow: hidden;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	color: #53585c;

	background: #fff;

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

	-o-text-overflow: ellipsis;

	   text-overflow: ellipsis;

	text-transform: uppercase;

	white-space: nowrap;

	-webkit-transition: background 0.3s linear, color 0.3s linear;

	-moz-transition: background 0.3s linear, color 0.3s linear;

	-o-transition: background 0.3s linear, color 0.3s linear;

	transition: background 0.3s linear, color 0.3s linear;

}


.filters .filter-menu li a:hover {

	background: #e48080;

	color: #fff;

}


.filters .filter-menu li.active a {

	background: #e48080;

	color: #fff;

}


@media only screen and (max-width: 1197px) {

	.filters {

		position: relative;

		top: auto;

		left: auto;

		float: right;

		margin: 0 0 10px 10px;

	}

}


@media only screen and (max-width: 497px) {

	.filters {

		float: none;

		clear: both;

		margin-left: 0;

		width: 100%;

	}

}


.header {

	padding: 17px 0 19px;

	background: #ffffff;

	margin-bottom: 20px;

	width: 100%;

	-webkit-box-shadow: 0 0 9px #d89e94;

	   -moz-box-shadow: 0 0 9px #d89e94;

	        box-shadow: 0 0 9px #d89e94;

	position: relative;

	z-index: 1100;

	height: 80px;

}


.navbar-header {

	position: relative;

}


.logo {

	float: left;

	margin: -11px 50px -12px 0;

	height: 63px;

	overflow: hidden;

}


.logo img {

	float: left;

}


@media only screen and (max-width: 1197px) {

	.logo {

		margin-right: 15px;

	}

}


@media only screen and (max-width: 785px) {

	.logo {

		margin-right: 6px;

	}

	.logo-text {

		display: none;

	}

}


.search {

	position: relative;

	overflow: hidden;

}


.search input[type="text"] {

	width: 100%;

	height: 44px;

	padding: 12px 44px 12px 15px;

	background-color: #fff;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	border: none;

	color: #b29e81;

	font-size: 12px;

	line-height: 18px;

	border: 1px solid #e5ddd1;

}


.search input[type="text"]:-moz-placeholder {

	color: #b29e81;

}


.search input[type="text"]::-moz-placeholder {

	color: #b29e81;

	opacity: 1;

}


.search input[type="text"]::-webkit-input-placeholder {

	color: #b29e81;

}


.search input[type="text"]:-ms-input-placeholder {

	color: #b29e81;

}


.search input[type="text"]::placeholder {

	color: #b29e81;

}


.search input[type="text"]:focus:-moz-placeholder {

	color: transparent;

}


.search input[type="text"]:focus::-moz-placeholder {

	color: transparent;

}


.search input[type="text"]:focus::-webkit-input-placeholder {

	color: transparent;

}


.search input[type="text"]:focus:-ms-input-placeholder {

	color: transparent;

}


.search input[type="text"]:focus::placeholder {

	color: transparent;

}


.search button {

	position: absolute;

	right: 0;

	top: 0;

	width: 44px;

	padding: 7px 17px 7px 5px;

	height: 44px;

	min-height: 20px;

	border: none;

	cursor: pointer;

	background: transparent;

}


.search button span {

	display: block;

	width: 30px;

	height: 30px;

	line-height: 30px;

	font-size: 25px;

	text-align: center;

	color: #c2a274;

	text-align: center;

	-webkit-transition: -webkit-transform 0.2s linear;

	transition: -webkit-transform 0.2s linear;

	-moz-transition: transform 0.2s linear, -moz-transform 0.2s linear;

	-o-transition: transform 0.2s linear, -o-transform 0.2s linear;

	transition: transform 0.2s linear;

	transition: transform 0.2s linear, -webkit-transform 0.2s linear, -moz-transform 0.2s linear, -o-transform 0.2s linear;

	-webkit-transform: rotate(0deg);

	   -moz-transform: rotate(0deg);

	    -ms-transform: rotate(0deg);

	     -o-transform: rotate(0deg);

	        transform: rotate(0deg);

}


.search button span i {

	line-height: inherit;

}


.search button:hover span {

	-webkit-transform: rotate(75deg);

	   -moz-transform: rotate(75deg);

	    -ms-transform: rotate(75deg);

	     -o-transform: rotate(75deg);

	        transform: rotate(75deg);

}


@media only screen and (max-width: 785px) {

	.search input[type="text"] {

		padding: 12px 30px 12px 10px;

	}

	.search button {

		width: 30px;

		padding: 12px 7px 12px 3px;

	}

	.search button span {

		width: 20px;

		height: 20px;

		line-height: 20px;

		font-size: 20px;

	}

}


#nav-toggle {

	display: none;

	height: 44px;

	width: 44px;

	margin-right: 7px;

	position: relative;

	float: left;

	z-index: 7;

	background: #E5DDD1;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	cursor: pointer;

	-webkit-transform: rotate(0deg);

	   -moz-transform: rotate(0deg);

	    -ms-transform: rotate(0deg);

	     -o-transform: rotate(0deg);

	        transform: rotate(0deg);

	-webkit-transition: 0.25s ease-in-out;

	-moz-transition: 0.25s ease-in-out;

	-o-transition: 0.25s ease-in-out;

	transition: 0.25s ease-in-out;

}


@media only screen and (max-width: 1197px) {

	#nav-toggle {

		display: block;

	}

}


#nav-toggle * {

	-webkit-transition: 0.25s ease-in-out;

	-moz-transition: 0.25s ease-in-out;

	-o-transition: 0.25s ease-in-out;

	transition: 0.25s ease-in-out;

}


#nav-toggle.open #hamburger span {

	width: 0%;

}


#nav-toggle.open #hamburger span:nth-child(1) {

	-webkit-transition-delay: 0s;

	   -moz-transition-delay: 0s;

	     -o-transition-delay: 0s;

	        transition-delay: 0s;

}


#nav-toggle.open #hamburger span:nth-child(2) {

	-webkit-transition-delay: 0.125s;

	   -moz-transition-delay: 0.125s;

	     -o-transition-delay: 0.125s;

	        transition-delay: 0.125s;

}


#nav-toggle.open #hamburger span:nth-child(3) {

	-webkit-transition-delay: 0.25s;

	   -moz-transition-delay: 0.25s;

	     -o-transition-delay: 0.25s;

	        transition-delay: 0.25s;

}


#nav-toggle.open #cross span:nth-child(1) {

	-webkit-transition-delay: 0.5s;

	   -moz-transition-delay: 0.5s;

	     -o-transition-delay: 0.5s;

	        transition-delay: 0.5s;

	height: 100%;

}


#nav-toggle.open #cross span:nth-child(2) {

	-webkit-transition-delay: 0.3s;

	   -moz-transition-delay: 0.3s;

	     -o-transition-delay: 0.3s;

	        transition-delay: 0.3s;

	width: 100%;

}


#nav-toggle #hamburger {

	position: absolute;

	width: 32px;

	height: 24px;

	top: 10px;

	right: 6px;

}


#nav-toggle #hamburger span {

	display: block;

	width: 100%;

	height: 2px;

	position: absolute;

	background: #7E5658;

}


#nav-toggle #hamburger span:nth-child(1) {

	-webkit-transition-delay: 0.4s;

	   -moz-transition-delay: 0.4s;

	     -o-transition-delay: 0.4s;

	        transition-delay: 0.4s;

	top: 0;

}


#nav-toggle #hamburger span:nth-child(2) {

	-webkit-transition-delay: 0.5s;

	   -moz-transition-delay: 0.5s;

	     -o-transition-delay: 0.5s;

	        transition-delay: 0.5s;

	top: 50%;

	margin-top: -1px;

}


#nav-toggle #hamburger span:nth-child(3) {

	-webkit-transition-delay: 0.6s;

	   -moz-transition-delay: 0.6s;

	     -o-transition-delay: 0.6s;

	        transition-delay: 0.6s;

	bottom: 0;

}


#nav-toggle #cross {

	position: absolute;

	width: 32px;

	height: 32px;

	top: 6px;

	right: 6px;

	-webkit-transform: rotate(45deg);

	   -moz-transform: rotate(45deg);

	    -ms-transform: rotate(45deg);

	     -o-transform: rotate(45deg);

	        transform: rotate(45deg);

}


#nav-toggle #cross span {

	display: block;

	background: #7E5658;

}


#nav-toggle #cross span:nth-child(1) {

	height: 0%;

	width: 2px;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -1px;

	-webkit-transition-delay: 0s;

	   -moz-transition-delay: 0s;

	     -o-transition-delay: 0s;

	        transition-delay: 0s;

}


#nav-toggle #cross span:nth-child(2) {

	width: 0%;

	height: 2px;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -1px;

	-webkit-transition-delay: 0.2s;

	   -moz-transition-delay: 0.2s;

	     -o-transition-delay: 0.2s;

	        transition-delay: 0.2s;

}


@media only screen and (max-width: 1197px) {

	.header {

		padding: 15px 0;

		height: 74px;

		position: fixed;

		width: 100%;

		top: 0;

		left: 0;

	}

	.header .container {

		padding: 0;

	}

	.header .navbar-header {

		padding: 0 10px;

	}

}


@media only screen and (max-width: 497px) {

	.header .navbar-header {

		padding: 0 5px;

	}

}


.nav {

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

	float: left;

	margin-right: 32px;

}


.nav > ul {

	position: relative;

	margin: -17px 0 -19px;

}


@media only screen and (max-width: 1197px) {

	.nav > ul {

		margin: 0;

	}

}


.nav > ul > li {

	float: left;

}


.nav > ul > li.open .navdd {

	display: block;

}


.nav > ul > li.active .nav-item,

.nav > ul > li.open .nav-item,

.nav > ul > li .nav-item:hover {

	color: #fff;

	background: #e48080;

}


.nav > ul > li .nav-item {

	padding: 0 18px;

	color: #745758;

	display: block;

	text-transform: uppercase;

	font-weight: 600;

	background: #ffffff;

	text-align: center;

	cursor: pointer;

	-webkit-transition: color 0.3s, background 0.3s;

	-moz-transition: color 0.3s, background 0.3s;

	-o-transition: color 0.3s, background 0.3s;

	transition: color 0.3s, background 0.3s;

}


.nav > ul > li .nav-item i {

	font-size: 12px;

	line-height: 80px;

	margin-right: 0;

	margin-left: 2px;

}


.nav > ul > li .nav-item span {

	font-size: 14px;

	line-height: 80px;

}


.navdd {

	display: none;

	position: absolute;

	top: 100%;

	left: -230px;

	background: #e48080;

	padding: 30px 30px 20px;

	z-index: 100;

	-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.13);

	   -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.13);

	        box-shadow: 0 5px 7px rgba(0, 0, 0, 0.13);

}


.global-channels {

	width: 760px;

	margin: 0 -5px;

	overflow: hidden;

}


@media only screen and (max-width: 1197px) {

	.global-channels {

		width: 100%;

	}

}


.global-channels .item {

	float: left;

	width: 33.333%;

	padding: 0 5px;

	margin-bottom: 10px;

}


@media only screen and (max-width: 1197px) {

	.global-channels .item {

		width: 100%;

		margin-bottom: 6px;

	}

}


.global-channels .item.all {

	text-align: center;

}


.global-channels .item.all a .name {

	font-size: 14px;

}


.global-channels .item a {

	display: block;

	background: #ffffff;

	overflow: hidden;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

	color: #745758;

	font-weight: 600;

	-webkit-transition: color 0.3s, background 0.3s;

	-moz-transition: color 0.3s, background 0.3s;

	-o-transition: color 0.3s, background 0.3s;

	transition: color 0.3s, background 0.3s;

}


.global-channels .item a:hover {

	color: #e48080;

	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);

	   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);

	        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);

}


.global-channels .item a:hover .preview:after {

	background: rgba(0, 0, 0, 0.5);

}


.global-channels .item a .preview {

	position: relative;

	float: left;

	width: 70px;

	height: 74px;

	overflow: hidden;

	position: relative;

	z-index: 1;

}


@media only screen and (max-width: 1197px) {

	.global-channels .item a .preview {

		width: 50px;

		height: 52px;

	}

}


.global-channels .item a .preview img {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}


.global-channels .item a .preview:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: transparent;

	-webkit-transition: background 0.3s;

	-moz-transition: background 0.3s;

	-o-transition: background 0.3s;

	transition: background 0.3s;

	z-index: 2;

	pointer-events: none;

}


.global-channels .item a .name {

	float: right;

	font-size: 12px;

	text-transform: uppercase;

	line-height: 74px;

	width: 100%;

	margin-left: -70px;

	padding-left: 90px;

}


@media only screen and (max-width: 1197px) {

	.global-channels .item a .name {

		margin-left: -50px;

		padding-left: 58px;

		line-height: 52px;

	}

}


.global-ctgs {

	width: 810px;

	margin: 0 7px;

	overflow: hidden;

}


@media only screen and (max-width: 1197px) {

	.global-ctgs {

		width: 100%;

	}

}


.global-ctgs .item {

	float: left;

	width: 25%;

	padding: 0 3px;

	margin-bottom: 6px;

}


@media only screen and (max-width: 1197px) {

	.global-ctgs .item {

		width: 100%;

	}

}


.global-ctgs .item a {

	line-height: 23px;

	font-size: 14px;

	color: #fff;

	font-weight: 600;

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	-o-transition: color 0.3s;

	transition: color 0.3s;

}


.global-ctgs .item a .name {

	text-transform: uppercase;

}


.global-ctgs .item a:hover {

	color: #745758;

}


@media only screen and (max-width: 1197px) {

	.nav {

		float: none;

		position: absolute;

		z-index: 20;

		top: 60px;

		left: 0;

		width: 280px;

		background: #fff;

		-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);

		   -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);

		        box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);

		-webkit-border-radius: 0 0 3px 0;

		   -moz-border-radius: 0 0 3px 0;

		        border-radius: 0 0 3px 0;

		overflow: hidden;

		-webkit-transform: translateX(-100%);

		   -moz-transform: translateX(-100%);

		    -ms-transform: translateX(-100%);

		     -o-transform: translateX(-100%);

		        transform: translateX(-100%);

		-webkit-transition: -webkit-transform 0.5s;

		transition: -webkit-transform 0.5s;

		-moz-transition: transform 0.5s, -moz-transform 0.5s;

		-o-transition: transform 0.5s, -o-transform 0.5s;

		transition: transform 0.5s;

		transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;

	}

	.nav.open-menu {

		-webkit-transform: translateX(0);

		   -moz-transform: translateX(0);

		    -ms-transform: translateX(0);

		     -o-transform: translateX(0);

		        transform: translateX(0);

	}

	.nav > ul > li {

		float: none;

	}

	.nav > ul > li.open .nav-item {

		-webkit-border-radius: 0;

		   -moz-border-radius: 0;

		        border-radius: 0;

	}

	.nav > ul > li .nav-item {

		width: 100%;

		height: 44px;

		line-height: 44px;

		-webkit-border-radius: 0px;

		   -moz-border-radius: 0px;

		        border-radius: 0px;

		text-align: left;

		margin: 0;

		padding: 0 10px;

	}

	.nav > ul > li .nav-item i {

		display: inline-block;

		vertical-align: middle;

		height: auto;

		line-height: inherit;

		margin: 0 5px 0 0;

		width: 44px;

		text-align: center;

	}

	.nav > ul > li .nav-item i.icon-wifi {

		font-size: 24px;

	}

	.nav > ul > li .nav-item i.icon-community {

		font-size: 20px;

	}

	.nav > ul > li .nav-item i.icon-categoties {

		font-size: 20px;

	}

	.nav > ul > li .nav-item span {

		font-size: 12px;

		font-weight: 300;

		line-height: 20px;

	}

	.navdd {

		position: static;

		width: 100%;

		border-top: 0;

		background: #D87777;

		border-bottom: 3px solid #7E5658;

		padding: 10px 5px 5px;

		-webkit-border-radius: 0;

		   -moz-border-radius: 0;

		        border-radius: 0;

		-webkit-box-shadow: none;

		   -moz-box-shadow: none;

		        box-shadow: none;

		max-height: 200px;

		overflow: hidden;

		overflow-y: scroll;

	}

}


.wrap-user-panel {

	float: right;

	position: relative;

	margin-left: 2px;

}


@media only screen and (max-width: 497px) {

	.wrap-user-panel {

		margin-left: 5px;

	}

}


.wrap-user-panel.open .user-btn {

	-webkit-border-radius: 3px 3px 0 0;

	   -moz-border-radius: 3px 3px 0 0;

	        border-radius: 3px 3px 0 0;

	background: #e48080;

	color: #fff;

}


.wrap-user-panel.open .user-panel {

	display: block;

}


.wrap-user-panel.open .user-panel.drop {

	display: block;

}


.wrap-user-panel .user-panel.drop {

	display: none;

	position: absolute;

	top: 100%;

	right: 0;

	-webkit-border-radius: 3px 0 3px 3px;

	   -moz-border-radius: 3px 0 3px 3px;

	        border-radius: 3px 0 3px 3px;

	overflow: hidden;

	min-width: 105px;

	z-index: 100;

	background: #fff;

	-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);

	   -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);

	        box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);

}


.wrap-user-panel .user-btn {

	display: none;

	width: 44px;

	height: 44px;

	line-height: 44px;

	text-align: center;

	font-size: 20px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	background: #E5DDD1;

	color: #7E5658;

	cursor: pointer;

	-webkit-transition: background 0.3s, color 0.3s;

	-moz-transition: background 0.3s, color 0.3s;

	-o-transition: background 0.3s, color 0.3s;

	transition: background 0.3s, color 0.3s;

}


.wrap-user-panel .user-btn.show {

	display: block;

}


.wrap-user-panel .user-btn i {

	font-size: 25px;

	margin-right: 0px;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

	display: block;

	height: 44px;

	line-height: 44px;

}


.wrap-user-panel .user-btn:hover {

	background: #e48080;

	color: #fff;

}


@media only screen and (max-width: 1197px) {

	.wrap-user-panel .user-btn {

		display: block;

	}

	.wrap-user-panel .user-panel {

		display: none;

		position: absolute;

		top: 100%;

		right: 0;

		-webkit-border-radius: 3px 0 3px 3px;

		   -moz-border-radius: 3px 0 3px 3px;

		        border-radius: 3px 0 3px 3px;

		overflow: hidden;

		min-width: 105px;

		z-index: 100;

		background: #fff;

		-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);

		   -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);

		        box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);

	}

}


.registration {

	float: right;

}


.registration li {

	float: left;

	padding: 0;

	margin-left: 15px;

}


.registration li a:hover,

.registration li.active a {

	color: #7E5658;

}


.registration li a {

	display: block;

	padding: 9px 0;

	line-height: 26px;

	text-align: left;

	color: #c2a274;

	font-weight: 600;

	text-transform: uppercase;

	-webkit-transition: color 0.3s, background 0.3s;

	-moz-transition: color 0.3s, background 0.3s;

	-o-transition: color 0.3s, background 0.3s;

	transition: color 0.3s, background 0.3s;

}


.registration li a i {

	font-size: 24px;

	margin-right: 2px;

}


.registration li a span {

	font-size: 14px;

}


.user-panel-inner {

	width: 220px;

	padding: 7px 15px 0;

}


.autorization {

	overflow: hidden;

	margin: 0px -16px 0 -15px;

	-webkit-border-radius: 0 0 3px 3px;

	   -moz-border-radius: 0 0 3px 3px;

	        border-radius: 0 0 3px 3px;

}


.autorization li {

	width: 50%;

	float: left;

	padding: 1px 1px 0 0;

}


.autorization li.full {

	width: 100%;

}


.autorization li a:hover,

.autorization li.active a {

	background: #7e5658;

	color: #fff;

}


.autorization li a {

	background: #cfa372;

	display: block;

	line-height: 30px;

	text-align: center;

	padding: 5px 0;

	color: #eeeeee;

	font-weight: 300;

	text-transform: uppercase;

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	-o-transition: color 0.3s;

	transition: color 0.3s;

}


.autorization li a span {

	font-size: 12px;

}


.profile-preview {

	padding: 0;

	overflow: hidden;

}


.profile-preview .avatar {

	position: relative;

	width: 100%;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	overflow: hidden;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

	margin-bottom: 10px;

}


.profile-preview .avatar .name {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 0 3px;

	line-height: 30px;

	font-size: 12px;

	color: #f2f3f4;

	text-align: center;

	background: #c2a274;

	z-index: 2;

}


.profile-preview .pp-holder {

	overflow: hidden;

}


.profile-preview .pp-holder .welcome {

	color: #53585c;

	font-size: 13px;

	line-height: 20px;

	font-weight: 400;

	margin-bottom: 5px;

	text-align: center;

	word-break: break-word;

}


.profile-preview .pp-holder .welcome span {

	color: #ff2f2f;

}


.footer {

	padding: 20px 0;

	background: #fff;

	overflow: hidden;

	-webkit-box-shadow: 0 0 9px #d89e94;

	   -moz-box-shadow: 0 0 9px #d89e94;

	        box-shadow: 0 0 9px #d89e94;

}


.footer .footer-inner {

	overflow: hidden;

	position: relative;

}


.footer .footer-inner .footer-separator {

	position: absolute;

	top: 0;

	height: 100%;

	left: 299px;

	width: 1px;

	background: #b9abab;

}


@media only screen and (max-width: 977px) {

	.footer .footer-inner .footer-separator {

		display: none;

	}

}


.footer .footer-panel .navf {

	overflow: hidden;

	margin-bottom: 7px;

	margin-top: 5px;

	text-align: center;

}


.footer .footer-panel .navf li {

	display: inline;

	position: relative;

	margin: 0 7px;

}


.footer .footer-panel .navf li a {

	font-size: 14px;

	line-height: 24px;

	font-weight: 300;

	color: #745758;

}


.footer .footer-panel .navf li a:hover {

	text-decoration: underline;

}


.footer .footer-panel .copyright {

	text-align: center;

	color: #a58d8e;

	font-size: 12px;

	line-height: 22px;

	font-weight: 300;

}


.footer .footer-panel .copyright span {

	display: block;

}


.footer .text-block + .footer-panel {

	float: left;

	width: 300px;

	padding-right: 18px;

}


.footer .text-block + .footer-panel .navf {

	margin-bottom: 20px;

	margin-top: -5px;

	text-align: right;

}


.footer .text-block + .footer-panel .navf li {

	margin: 0 15px 0 0;

}


.footer .text-block + .footer-panel .navf li:last-child {

	margin-right: 0;

}


.footer .text-block + .footer-panel .copyright {

	text-align: right;

}


@media only screen and (max-width: 977px) {

	.footer {

		padding: 10px 0;

	}

	.footer .text-block + .footer-panel {

		float: none;

		width: 100%;

		border-top: 1px solid #b9abab;

		padding-top: 15px;

	}

	.footer .text-block + .footer-panel .navf {

		text-align: center;

		margin-bottom: 10px;

	}

	.footer .text-block + .footer-panel .navf li {

		margin: 0 3px;

	}

	.footer .text-block + .footer-panel .copyright {

		text-align: center;

	}

}


.wrap-thumbs {

	position: relative;

}


.wrap-thumbs .thumbs {

	font-size: 0;

	margin-left: -5px;

	margin-right: -5px;

	text-align: center;

}


@media only screen and (max-width: 785px) {

	.wrap-thumbs .thumbs {

		margin-left: -2px;

		margin-right: -2px;

	}

}


.control-panel {

	/*враппер для кнопок удаления*/

	overflow: hidden;

	margin-bottom: 20px;

	padding: 0 3px;

}


@media only screen and (max-width: 497px) {

	.control-panel {

		margin-bottom: 10px;

	}

}
.preview video {
  pointer-events: none;
}

.thumb {

	display: inline-block;

	vertical-align: top;

	text-align: left;

	width: 20%;

	padding: 0 5px;

	margin-bottom: 20px;

	position: relative;

	z-index: 1;

}


.thumb:hover {

	z-index: 10;

}


@media only screen and (max-width: 1197px) {

	.thumb {

		width: 25%;

	}

}


@media only screen and (max-width: 977px) {

	.thumb {

		width: 33.33%;

	}

}


@media only screen and (max-width: 785px) {

	.thumb {

		width: 50%;

		padding: 0 2px;

	}

}


@media only screen and (max-width: 497px) {

	.thumb {

		margin-bottom: 10px;

	}

}


@media only screen and (max-width: 380px) {

	.thumb {

		width: 100%;

	}

}


.thumbs.models .thumb {

	width: 16.66%;

}


@media only screen and (max-width: 1257px) {

	.thumbs.models .thumb {

		width: 20%;

	}

}


@media only screen and (max-width: 1197px) {

	.thumbs.models .thumb {

		width: 25%;

	}

}


@media only screen and (max-width: 657px) {

	.thumbs.models .thumb {

		width: 33.33%;

	}

}


@media only screen and (max-width: 497px) {

	.thumbs.models .thumb {

		width: 50%;

	}

}


.thumbs.ctg .thumb,

.thumbs.channels .thumb {

	width: 33.33%;

}


@media only screen and (max-width: 977px) {

	.thumbs.ctg .thumb,

	.thumbs.channels .thumb {

		width: 50%;

	}

}


@media only screen and (max-width: 497px) {

	.thumbs.ctg .thumb,

	.thumbs.channels .thumb {

		width: 100%;

	}

}


.thumbs.videos-plst .thumb .preview {

	padding-bottom: 75%;

}


.thumbs.videos .thumb .preview {

	padding-bottom: 75%;

}


.thumbs.ctg .thumb .preview {

	padding-bottom: 74%;

}


.thumbs.channels .thumb .preview {

	padding-bottom: 74%;

}


.thumbs.models .thumb .preview {

	padding-bottom: 131%;

}


.thumbs.members .thumb .preview {

	padding-bottom: 100%;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

}


.thumb .thumb-content {

	position: relative;

}


.thumb a,

.thumb .thumb-content > span {

	/*span стили для тумбов которые только загрузили*/

	display: block;

}


.thumb a.active,

.thumb .thumb-content > span.active {

	/*Это если есть плейлисты - выбранное видео.*/

	-webkit-box-shadow: 0 0 10px 0 rgba(83, 88, 92, 0.3);

	   -moz-box-shadow: 0 0 10px 0 rgba(83, 88, 92, 0.3);

	        box-shadow: 0 0 10px 0 rgba(83, 88, 92, 0.3);

}


.thumb a:hover .thumb-info,

.thumb .thumb-content > span:hover .thumb-info {

	background: #e48080;

	-webkit-box-shadow: 0 4px 5px 0 rgba(71, 51, 51, 0.33);

	   -moz-box-shadow: 0 4px 5px 0 rgba(71, 51, 51, 0.33);

	        box-shadow: 0 4px 5px 0 rgba(71, 51, 51, 0.33);

}


.thumb a:hover .thumb-info .wrap-name,

.thumb .thumb-content > span:hover .thumb-info .wrap-name {

	color: #fff;

}


.thumb a:hover .thumb-info .wrap-name .name:after,

.thumb .thumb-content > span:hover .thumb-info .wrap-name .name:after {

	color: #fff;

}


/*main*/

.thumb .preview {

	display: block;

	position: relative;

	overflow: hidden;

	background-color: #ffffff;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

}


.thumb .preview img {

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}


.thumb .wrap-setings {

	/*Для Чекбоксов при удалении*/

	position: absolute;

	z-index: 10;

	top: 5px;

	right: 5px;

}


/******************************************************/

/*video*/

.thumb .rating {

	position: absolute;

	bottom: 5px;

	right: 0;

	padding: 0 3px;

	background: rgba(255, 255, 255, 0.8);

	line-height: 28px;

	color: #745758;

	font-weight: 400;

	text-align: center;

	font-size: 0;

	pointer-events: none;

	z-index: 2;

}


.thumb .rating .likes, .thumb .rating .dislikes {

	display: inline-block;

	vertical-align: top;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

	padding: 0 2px;

}


.thumb .rating .likes i, .thumb .rating .dislikes i {

	font-size: 16px;

}


.thumb .rating .likes span, .thumb .rating .dislikes span {

	font-size: 14px;

}


.thumb .date {

	position: absolute;

	bottom: 35px;

	right: 0;

	padding: 0 5px;

	background: rgba(255, 255, 255, 0.8);

	line-height: 28px;

	color: #745758;

	font-weight: 400;

	text-align: center;

	pointer-events: none;

	z-index: 2;

}


.thumb .date i {

	font-size: 20px;

	margin-right: 5px;

}


.thumb .date span {

	font-size: 14px;

}


/*_________________________*/

.thumb .thumb-info {

	display: block;

	padding: 8px 8px 9px;

	background: #fff;

	overflow: hidden;

	-webkit-transition: background 0.3s linear;

	-moz-transition: background 0.3s linear;

	-o-transition: background 0.3s linear;

	transition: background 0.3s linear;

}


.thumb .thumb-info .wrap-name {

	display: block;

	font-size: 14px;

	line-height: 18px;

	color: #745758;

	overflow: hidden;

	font-weight: 600;

	text-transform: uppercase;

	-webkit-transition: color 0.3s linear;

	-moz-transition: color 0.3s linear;

	-o-transition: color 0.3s linear;

	transition: color 0.3s linear;

}


.thumb .thumb-info .wrap-name .name {

	overflow: hidden;

	display: block;

	height: 36px;

}


.thumb .thumb-info .wrap-name .name span {

	float: right;

	width: 100%;

	margin-left: -5px;

}


.thumb .thumb-info .wrap-name .name:before {

	content: "";

	float: left;

	width: 5px;

	height: 36px;

}


.thumb .thumb-info .wrap-name .name:after {

	content: "...";

	color: #745758;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	float: right;

	position: relative;

	top: -19px;

	left: 100%;

	width: 20px;

	margin-left: -18px;

	text-align: center;

	-webkit-transition: color .3s linear;

	-moz-transition: color .3s linear;

	-o-transition: color .3s linear;

	transition: color .3s linear;

}


/******************************************************/

/*category*/

/******************************************************/

/*member*/

.name-member {

	position: absolute;

	z-index: 3;

	bottom: 0px;

	right: 0px;

	left: 0;

	display: block;

	line-height: 28px;

	width: 100%;

	color: #fff;

	background: #cfa372;

	text-align: center;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	padding: 6px 8px;

	font-size: 16px;

}


@media only screen and (max-width: 785px) {

	.name-member {

		line-height: 22px;

		font-size: 14px;

		padding: 4px 6px;

	}

}


.year {

	position: absolute;

	z-index: 3;

	bottom: 46px;

	right: 5px;

	display: block;

	padding: 0 7px;

	line-height: 26px;

	height: 26px;

	pointer-events: none;

	color: #fff;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	background: #8f555a;

	font-size: 14px;

}


@media only screen and (max-width: 785px) {

	.year {

		font-size: 12px;

		bottom: 34px;

	}

}


.sex {

	position: absolute;

	z-index: 3;

	bottom: 46px;

	left: 5px;

	display: block;

	line-height: 26px;

	height: 26px;

	pointer-events: none;

	color: rgba(71, 128, 161, 0.7);

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

}


.sex i {

	font-size: 24px;

	display: inline-block;

	width: 26px;

}


.sex i.icon-male {

	color: rgba(71, 128, 161, 0.7);

}


.sex i.icon-female {

	color: rgba(255, 47, 47, 0.7);

}


@media only screen and (max-width: 785px) {

	.sex {

		bottom: 34px;

	}

}


/******************************************************/

/*channel*/

.chan-name, .chan-vids, .chan-rate {

	display: block;

	position: absolute;

	max-width: 100%;

	color: #fff;

	background: rgba(0, 0, 0, 0.8);

	text-align: center;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	pointer-events: none;

	padding: 0 15px;

	font-size: 14px;

	line-height: 14px;

	z-index: 3;

}


@media only screen and (max-width: 785px) {

	.chan-name, .chan-vids, .chan-rate {

		font-size: 12px;

		padding: 0 10px;

	}

}


.chan-name span, .chan-vids span, .chan-rate span {

	height: 14px;

	line-height: 30px;

	height: 100%;

	vertical-align: middle;

	position: relative;

}


.chan-name {

	height: 40px;

	width: 100%;

	bottom: 0;

}


.chan-name span {

	line-height: 40px;

}


.chan-rate {

	height: 30px;

	bottom: 42px;

	right: 2px;

	background: rgba(255, 109, 1, 0.7);

}


.chan-vids {

	height: 30px;

	bottom: 42px;

	left: 2px;

	background: rgba(255, 109, 1, 0.7);

}


/******************************************************/

/*model*/

.thumb .caption {

	display: block;

	overflow: hidden;

	width: 100%;

	background: #ffffff;

	-webkit-transition: color .3s linear, background .3s linear;

	-moz-transition: color .3s linear, background .3s linear;

	-o-transition: color .3s linear, background .3s linear;

	transition: color .3s linear, background .3s linear;

}


.thumb .caption .name, .thumb .caption .count {

	display: block;

	height: 30px;

	line-height: 16px;

	padding: 7px 0;

	vertical-align: middle;

	-webkit-transition: color .3s linear, background .3s linear;

	-moz-transition: color .3s linear, background .3s linear;

	-o-transition: color .3s linear, background .3s linear;

	transition: color .3s linear, background .3s linear;

}


.thumb .caption .name {

	overflow: hidden;

	text-align: left;

	font-size: 14px;

	color: #7e5658;

	padding-left: 7px;

	font-weight: 600;

}


.thumb .caption .count {

	float: right;

	text-align: right;

	font-size: 11px;

	color: #7e5658;

	padding-right: 7px;

}


/*model*/

.thumb:hover .caption {

	background-color: #e48080;

}


.thumb:hover .caption .name,

.thumb:hover .caption .count {

	color: #ffffff;

}


/******************************************************/

/*playlist*/

.wrap-plst-videos {

	position: absolute;

	top: 0;

	right: 0;

	border-bottom: 0;

	width: 40%;

	bottom: 66px;

	z-index: 3;

	-webkit-border-radius: 0 3px 0 0;

	   -moz-border-radius: 0 3px 0 0;

	        border-radius: 0 3px 0 0;

	overflow: hidden;

}


.wrap-plst-videos .inner {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	width: 100%;

	background: rgba(0, 0, 0, 0.8);

}


.wrap-plst-videos .inner .count {

	position: absolute;

	top: 1%;

	width: 100%;

	height: 12%;

	display: table;

}


.wrap-plst-videos .inner .count .count-inner {

	display: table-cell;

	padding: 0 10px;

	vertical-align: middle;

	text-align: center;

	color: #f2f3f4;

}


.wrap-plst-videos .inner .count .count-inner i {

	font-size: 20px;

	margin-right: 5px;

}


@media only screen and (max-width: 1317px) {

	.wrap-plst-videos .inner .count .count-inner i {

		font-size: 18px;

	}

}


@media only screen and (max-width: 1041px) {

	.wrap-plst-videos .inner .count .count-inner i {

		font-size: 16px;

	}

}


.wrap-plst-videos .inner .count .count-inner span {

	font-size: 13px;

}


.wrap-plst-videos .inner .prev-video {

	position: absolute;

	left: 6%;

	right: 6%;

	height: 39%;

	overflow: hidden;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

}


.wrap-plst-videos .inner .prev-video.first {

	top: 14%;

}


.wrap-plst-videos .inner .prev-video.second {

	top: 57%;

}


.wrap-plst-videos .inner .prev-video img {

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

}


.wrap-plst-info {

	height: 66px;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 3px 8px;

	background: rgba(0, 0, 0, 0.7);

	line-height: 30px;

	color: #fff;

	-webkit-border-radius: 0 0 3px 3px;

	   -moz-border-radius: 0 0 3px 3px;

	        border-radius: 0 0 3px 3px;

	overflow: hidden;

}


.wrap-plst-info .name {

	float: left;

	width: 100%;

	padding-right: 110px;

	margin-right: -110px;

	font-size: 16px;

}


@media only screen and (max-width: 857px) {

	.wrap-plst-info .name {

		font-size: 14px;

	}

}


.wrap-plst-info .views {

	float: right;

	text-align: right;

	width: 110px;

}


.wrap-plst-info .views i {

	font-size: 16px;

	margin-right: 4px;

}


.wrap-plst-info .views span {

	font-size: 12px;

}


.wrap-plst-info .wrap-without-rating {

	float: left;

	width: 100%;

	padding-right: 120px;

	margin-right: -120px;

}


.wrap-plst-info .user {

	float: left;

	color: #fff;

	width: 57%;

	white-space: nowrap;

}


@media only screen and (max-width: 1317px) {

	.wrap-plst-info .user {

		width: 100%;

	}

}


.wrap-plst-info .user i {

	font-size: 21px;

	margin-right: 5px;

}


.wrap-plst-info .user span {

	font-size: 13px;

	max-width: -webkit-calc(100% - 26px);

	max-width: -moz-calc(100% - 26px);

	max-width: calc(100% - 26px);

}


.wrap-plst-info .user a {

	display: inline-block;

	vertical-align: middle;

	color: #ff9d10;

}


.wrap-plst-info .user a:hover {

	text-decoration: underline;

}


@media only screen and (max-width: 1317px) {

	.wrap-plst-info .user .hide1300 {

		display: none;

	}

}


.wrap-plst-info .date {

	float: right;

	width: 43%;

	color: #fff;

	text-align: center;

	white-space: nowrap;

}


@media only screen and (max-width: 1317px) {

	.wrap-plst-info .date {

		display: none;

	}

}


.wrap-plst-info .date i {

	font-size: 20px;

	margin-right: 4px;

}


.wrap-plst-info .date span {

	font-size: 13px;

	max-width: -webkit-calc(100% - 22px);

	max-width: -moz-calc(100% - 22px);

	max-width: calc(100% - 22px);

}


.wrap-plst-info .rating {

	float: right;

	width: 120px;

	padding: 0;

	color: #fff;

	text-align: center;

	font-size: 0;

}


.wrap-plst-info .rating .likes, .wrap-plst-info .rating .dislikes {

	padding: 0;

	display: inline-block;

	vertical-align: top;

	margin-left: 6px;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

}


.wrap-plst-info .rating .likes i, .wrap-plst-info .rating .dislikes i {

	font-size: 20px;

}


.wrap-plst-info .rating .likes span, .wrap-plst-info .rating .dislikes span {

	font-size: 13px;

}


.wrap-plst-info .rating .likes {

	color: #1bbd0d;

}


.wrap-plst-info .rating .dislikes {

	color: #ff6d01;

}


/******************************************************/

.pagination {

	position: absolute;

	top: 0;

	margin-left: -60px;

	margin-bottom: 20px;

	z-index: 2;

	font-size: 0;

	line-height: 0;

	overflow: hidden;

	text-align: center;

}


.pagination a, .pagination > span {

	display: block;

	vertical-align: top;

	margin: 0 0 2px;

	height: 40px;

	line-height: 40px;

	width: 40px;

	padding: 0 2px;

	background-color: #fff;

	color: #745758;

	font-weight: 600;

	text-align: center;

	text-transform: uppercase;

	-webkit-transition: background .3s linear, 

 color .3s linear,

 padding .3s linear;

	-moz-transition: background .3s linear, 

 color .3s linear,

 padding .3s linear;

	-o-transition: background .3s linear, 

 color .3s linear,

 padding .3s linear;

	transition: background .3s linear, 

 color .3s linear,

 padding .3s linear;

}


.pagination a.first, .pagination a.last, .pagination > span.first, .pagination > span.last {

	display: none;

}


.pagination a span, .pagination > span span {

	font-size: 14px;

}


.pagination a i, .pagination > span i {

	font-size: 9px;

}


.pagination a.first i, .pagination > span.first i {

	margin: 0 2px 0 0;

}


.pagination a.last i, .pagination > span.last i {

	margin: 0 0 0 2px;

}


.pagination a:hover {

	background-color: #e48080;

	color: #fff;

}


.pagination a.active,

.pagination a.active:hover {

	background-color: #e48080;

	color: #fff;

}


@media only screen and (max-width: 1197px) {

	.pagination {

		position: static;

		margin-bottom: 10px;

		margin-left: 0;

	}

	.pagination a, .pagination > span {

		display: inline-block;

		margin: 0 1px 0;

	}

}


@media only screen and (max-width: 497px) {

	.pagination a {

		display: none;

	}

	.pagination a.active,

	.pagination a.first, .pagination a.last {

		display: inline-block;

	}

	.pagination a.first span, .pagination a.last span {

		display: none;

	}

	.pagination a.first i, .pagination a.last i {

		margin: 0;

		font-size: 16px;

	}

}


.show-more {

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	padding: 0 10px;

	background-color: #cea372;

	color: #fff;

	margin-bottom: 8px;

	font-size: 14px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	text-align: center;

	text-transform: uppercase;

	cursor: pointer;

	-webkit-transition: background .3s linear, 

 color .3s linear,

 padding .3s linear;

	-moz-transition: background .3s linear, 

 color .3s linear,

 padding .3s linear;

	-o-transition: background .3s linear, 

 color .3s linear,

 padding .3s linear;

	transition: background .3s linear, 

 color .3s linear,

 padding .3s linear;

}


.show-more:hover {

	background-color: #7e5658;

}


.spots-bottom {

	overflow: hidden;

	font-size: 0;

	margin-bottom: 20px;

	background: #fff;

	padding: 3.6%;

}


@media only screen and (max-width: 497px) {

	.spots-bottom {

		padding: 10px 0;

	}

}


.spots-bottom .container {

	overflow: hidden;

}


.spots-bottom .spots-bottom-inner {

	overflow: hidden;

	height: 250px;

	text-align: justify;

	margin: 0 -5px;

}


.spots-bottom .spots-bottom-inner:after {

	content: '';

	display: inline-block;

	width: 100%;

}


@media only screen and (max-width: 1197px) {

	.spots-bottom .spots-bottom-inner {

		text-align: center;

	}

}


@media only screen and (max-width: 497px) {

	.spots-bottom .spots-bottom-inner {

		margin: 0;

	}

}


.spots-bottom .spot {

	display: inline-block;

	padding: 0 5px;

	margin-bottom: 30px;

}


@media only screen and (max-width: 497px) {

	.spots-bottom .spot {

		padding: 0;

	}

}


.spots-bottom .spot .spot-content {

	height: 250px;

	width: 300px;

	overflow: hidden;

}


.spots-side {

	font-size: 0;

	text-align: center;

	margin-bottom: 10px;

	width: 360px;

	float: right;

	background: #fff;

	padding: 30px;

	position: relative;

	z-index: 1;

}


.spots-side .container {

	overflow: hidden;

}


.spots-side .spots-side-inner {

	padding: 0;

}


.spots-side .spot {

	display: inline-block;

	margin-bottom: 10px;

}


.spots-side .spot .spot-content {

	height: 250px;

	width: 300px;

	overflow: hidden;

}


@media only screen and (max-width: 1197px) {

	.spots-side {

		font-size: 0;

		text-align: center;

		margin-bottom: 10px;

		float: none;

		width: 100%;

		padding: 15px;

		overflow: hidden;

	}

	.spots-side .container {

		overflow: hidden;

	}

	.spots-side .spots-side-inner {

		overflow: hidden;

		height: 250px;

		text-align: center;

	}

	.spots-side .spot {

		display: inline-block;

		padding: 0 13px;

		margin-bottom: 30px;

	}

	.spots-side .spot .spot-content {

		height: 250px;

		width: 300px;

		overflow: hidden;

	}

}


@media only screen and (max-width: 785px) {

	.spots-side .spots-side-inner {

		height: 270px;

		padding: 10px 0;

	}

	.spots-side .spot {

		padding: 0 5px;

	}

}


@media only screen and (max-width: 497px) {

	.spots-side .spot {

		padding: 0;

	}

}


.video-spot {

	width: 100%;

	overflow: hidden;

	position: relative;

}


.video-spot .join-now {

	position: absolute;

	display: block;

	bottom: 0%;

	right: 0%;

	width: 100%;

	height: 100%;

	color: #ffffff;

	background-color: #cea372;

	text-transform: uppercase;

	font-weight: bold;

	overflow: hidden;

	-webkit-transition: background .3s linear;

	-moz-transition: background .3s linear;

	-o-transition: background .3s linear;

	transition: background .3s linear;

}


.video-spot .join-now:hover {

	background: #745758;

}


.video-spot .join-now span {

	position: absolute;

	display: inline-block;

	top: 50%;

	left: 0;

	width: 100%;

	margin-top: -13px;

	font-size: 22px;

	line-height: 26px;

	text-align: center;

}


@media only screen and (max-width: 785px) {

	.video-spot .join-now span {

		font-size: 15px;

	}

}


/*Раклама на сайте*/

.banner__link {

	display: block;

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 50;

	background: url(../img/play.png) no-repeat center;

	-moz-background-size: 70px;

	  -o-background-size: 70px;

	     background-size: 70px;

}


.banner__video-play {

	z-index: 50;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -153px;

	margin-top: -150px;

	width: 306px;

	background: #7e5658;

	padding: 3px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

}


.banner__video-play iframe {

	display: block;

}


@media (max-width: 768px) {

	/* .banner__video-play {

		display: none !important;

	} */

}


.banner__video-close {

	outline: 0;

	cursor: pointer;

	height: 33px;

	width: 190px;

	background: #EEEEEE;

	border: 0;

	font-size: 16px;

	color: #53585C;

	position: absolute;

	top: 100%;

	left: 0;

	right: 0;

	margin: 7px auto 0;

	-webkit-box-shadow: none;

	   -moz-box-shadow: none;

	        box-shadow: none;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

}


.banner__video-play .spot_video, .banner__video-play .spot_video2 {

	float: left;

}


.text-block {

	float: right;

	width: 100%;

	margin-left: -318px;

	padding-left: 318px;

	color: #745758;

	font-size: 14px;

	line-height: 20px;

	text-align: justify;

	overflow: hidden;

}


.text-block .text-block-heading > * {

	color: #745758;

	font-size: 24px;

	font-weight: 600;

	line-height: 30px;

	margin: -5px 0 10px;

}


.text-block .text-block-body p + p {

	margin-top: 20px;

}


@media only screen and (max-width: 977px) {

	.text-block {

		float: none;

		width: 100%;

		margin-left: 0;

		padding-left: 0;

		margin-bottom: 20px;

	}

	.text-block .text-block-heading > * {

		margin: 0 0 10px;

	}

	.text-block .text-block-body p + p {

		margin-top: 10px;

	}

}


/*trailer*/

.infolinks-lists {

	padding-bottom: 6px;

}


.infolinks-list {

	overflow: hidden;

	padding: 0;

	margin-bottom: 13px;

}


.infolinks-list .title {

	float: left;

	color: #745758;

	font-size: 14px;

	line-height: 16px;

	font-weight: 700;

	margin-right: 4px;

	margin-bottom: 4px;

	text-transform: uppercase;

}


.infolinks-list li {

	float: left;

	margin-right: 3px;

	margin-bottom: 4px;

}


.infolinks-list li > * {

	display: block;

	line-height: 16px;

	font-weight: 700;

	color: #c2a274;

	margin-right: 3px;

	text-transform: uppercase;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	-o-transition: color 0.3s;

	transition: color 0.3s;

}


.infolinks-list li > * span {

	font-size: 14px;

}


.infolinks-list li a:hover {

	color: #e48080;

}


.comment-send {

	overflow: hidden;

	max-width: 930px;

}


.comment-send .wrap-f-comm {

	width: 100%;

	float: left;

	margin-right: -80px;

	padding-right: 80px;

}


@media only screen and (max-width: 497px) {

	.comment-send .wrap-f-comm {

		margin-right: 0;

		padding-right: 0;

	}

}


.comment-send textarea {

	display: block;

	border: none;

	width: 100%;

	height: 60px;

	padding: 14px 18px;

	font-size: 12px;

	font-weight: 300;

	line-height: 14px;

	resize: none;

	background: #fff;

	color: #b29e81;

	border: 1px solid #e5ddd1;

}


.comment-send textarea:-moz-placeholder {

	color: #b29e81;

}


.comment-send textarea::-moz-placeholder {

	color: #b29e81;

	opacity: 1;

}


.comment-send textarea::-webkit-input-placeholder {

	color: #b29e81;

}


.comment-send textarea:-ms-input-placeholder {

	color: #b29e81;

}


.comment-send textarea::placeholder {

	color: #b29e81;

}


.comment-send textarea:focus:-moz-placeholder {

	color: transparent;

}


.comment-send textarea:focus::-moz-placeholder {

	color: transparent;

}


.comment-send textarea:focus::-webkit-input-placeholder {

	color: transparent;

}


.comment-send textarea:focus:-ms-input-placeholder {

	color: transparent;

}


.comment-send textarea:focus::placeholder {

	color: transparent;

}


.btn-send-comment {

	border: none;

	height: 40px;

	width: 75px;

	line-height: 40px;

	background: #e48080;

	font-size: 14px;

	font-weight: 700;

	float: right;

	color: #fff;

	text-transform: uppercase;

	-webkit-transition: background 0.3s, color 0.3s;

	-moz-transition: background 0.3s, color 0.3s;

	-o-transition: background 0.3s, color 0.3s;

	transition: background 0.3s, color 0.3s;

}


.btn-send-comment:hover {

	background: #eee;

	color: #73767a;

}


@media only screen and (max-width: 497px) {

	.btn-send-comment {

		width: 100%;

	}

}


.comments {

	margin-top: -15px;

}


.comments .comment-item {

	overflow: hidden;

	padding: 15px 0;

	border-bottom: 1px solid #e5ddd1;

}


.comments .comment-item:last-child {

	margin-bottom: 20px;

}


.comments .comment-item .avatar {

	float: left;

	position: relative;

	margin: 0 5px 0 0;

	overflow: hidden;

	background: #eeeeee;

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

}


.comments .comment-item .avatar a {

	display: block;

}


.comments .comment-item .avatar .preview {

	position: relative;

	width: 75px;

	padding-bottom: 100%;

	z-index: 1;

}


.comments .comment-item .avatar .preview img {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}


.comments .comment-item .avatar .name {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 0 3px;

	line-height: 22px;

	font-size: 11px;

	color: #f2f3f4;

	text-align: center;

	background: #c2a274;

	z-index: 2;

}


.comments .comment-item .ci-caption {

	margin-bottom: 6px;

	line-height: 18px;

}


.comments .comment-item .ci-caption .ci-name, .comments .comment-item .ci-caption .ci-name a {

	display: inline-block;

	vertical-align: top;

	color: #ff2f2f;

	font-weight: 700;

	padding-right: 13px;

}


.comments .comment-item .ci-caption .ci-name i, .comments .comment-item .ci-caption .ci-name a i {

	font-size: 16px;

	margin-right: 5px;

}


.comments .comment-item .ci-caption .ci-name span, .comments .comment-item .ci-caption .ci-name a span {

	font-size: 14px;

}


.comments .comment-item .ci-caption .ci-name a:hover {

	text-decoration: underline;

}


.comments .comment-item .ci-caption .ci-date {

	vertical-align: top;

	display: inline-block;

	color: #737373;

	font-size: 12px;

}


.comments .comment-item .ci-text {

	color: #745758;

	font-size: 14px;

	line-height: 20px;

	font-weight: 400;

}


.events {

	margin-bottom: 10px;

	clear: both;

}


.events .event-item {

	padding: 8px 10px;

	background: #fff;

	margin-bottom: 7px;

	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.13);

	   -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.13);

	        box-shadow: 0 0 7px rgba(0, 0, 0, 0.13);

}


.events .event-item .ei-caption {

	margin-bottom: 6px;

	line-height: 18px;

}


.events .event-item .ei-caption .ei-name a:hover {

	text-decoration: underline;

}


.events .event-item .ei-caption .ei-date {

	vertical-align: top;

	display: inline-block;

	color: #737373;

	font-size: 12px;

}


.events .event-item .ei-text {

	color: #282828;

	font-size: 13px;

	line-height: 18px;

	font-weight: 400;

}


.events .event-item .ei-text .ei-name, .events .event-item .ei-text .ei-name a {

	display: inline-block;

	vertical-align: top;

	color: #cfa372;

	font-weight: 300;

	padding-right: 5px;

}


.events .event-item .ei-text .ei-name i, .events .event-item .ei-text .ei-name a i {

	font-size: 16px;

	margin-right: 5px;

}


.events .event-item .ei-text .ei-name span, .events .event-item .ei-text .ei-name a span {

	font-size: 14px;

}


.events .event-item .ei-text a {

	color: #cfa372;

	font-weight: 300;

	font-size: 14px;

}


/*blog and message*/

.wrap-blog {

	margin-bottom: 20px;

}


.entries .entry,

.messages .message {

	position: relative;

	padding: 8px;

	padding-right: 30px;

	background: #fff;

	margin-bottom: 10px;

	overflow: hidden;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.13);

	   -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.13);

	        box-shadow: 0 0 7px rgba(0, 0, 0, 0.13);

}


.delete {

	position: absolute;

	top: 5px;

	right: -2px;

}


.message .message-ava,

.entry .entry-ava {

	float: left;

	margin-right: 10px;

}


.message .entry-ava img,

.entry .entry-ava img {

	width: 100px;

	max-width: 100px;

}


.message-caption,

.entry-caption {

	margin-bottom: 6px;

	color: #81878f;

	font-size: 14px;

}


.message-caption a {

	color: #cfa372;

}


.message-caption .name,

.entry-caption .name,

.message-caption .name a,

.entry-caption .name a {

	display: inline-block;

	vertical-align: top;

	color: #cfa372;

	font-weight: 700;

	padding-right: 13px;

}


.message-caption .name i,

.entry-caption .name i,

.message-caption .name a i,

.entry-caption .name a i {

	font-size: 16px;

	margin-right: 5px;

}


.message-caption .name span,

.entry-caption .name span,

.message-caption .name a span,

.entry-caption .name a span {

	font-size: 14px;

}


.entry-caption .date {

	vertical-align: top;

	display: inline-block;

	color: #737373;

	font-size: 12px;

}


.message-caption a:hover,

.message-caption a.name:hover,

.entry-caption a.name:hover {

	text-decoration: underline;

}


.message-text,

.entry-text {

	color: #282828;

	font-size: 13px;

	line-height: 18px;

	font-weight: 400;

}


@media only screen and (max-width: 480px) {

	.message .entry-ava,

	.entry .entry-ava {

		float: none;

		margin-bottom: 5px;

	}

}


.messege-btns {

	float: right;

}


/*blog and message*/

.wrap-video-block {

	overflow: hidden;

	float: left;

	padding-left: 380px;

	margin-left: -380px;

	width: 100%;

}


@media only screen and (max-width: 1197px) {

	.wrap-video-block {

		float: none;

		padding-left: 0;

		margin-left: 0;

	}

}


.video {

	position: relative;

}


.video img {

	width: 100%;

}


.tools {

	position: relative;

	z-index: 2;

	overflow: hidden;

}


/*rating*/

.box-info .rate {

	float: right;

	background: #fff;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	margin: 0;

	padding: 0 2px;

}


.rate .icon-like,

.rate .icon-dislike {

	font-size: 41px;

	line-height: 48px;

	display: block;

	padding: 0 6px;

	-webkit-transition: -webkit-transform 0.4s;

	transition: -webkit-transform 0.4s;

	-moz-transition: transform 0.4s, -moz-transform 0.4s;

	-o-transition: transform 0.4s, -o-transform 0.4s;

	transition: transform 0.4s;

	transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;

	-webkit-transform: rotate(0deg);

	   -moz-transform: rotate(0deg);

	    -ms-transform: rotate(0deg);

	     -o-transform: rotate(0deg);

	        transform: rotate(0deg);

	-webkit-transform: translateZ(0);

	   -moz-transform: translateZ(0);

	        transform: translateZ(0);

}


@media only screen and (max-width: 657px) {

	.rate .icon-like,

	.rate .icon-dislike {

		line-height: 40px;

		font-size: 30px;

		padding: 0 4px;

	}

}


.rate a:hover .icon-like {

	-webkit-transform: rotate(-7deg);

	   -moz-transform: rotate(-7deg);

	    -ms-transform: rotate(-7deg);

	     -o-transform: rotate(-7deg);

	        transform: rotate(-7deg);

}


.rate a:hover .icon-dislike {

	-webkit-transform: rotate(-7deg);

	   -moz-transform: rotate(-7deg);

	    -ms-transform: rotate(-7deg);

	     -o-transform: rotate(-7deg);

	        transform: rotate(-7deg);

}


.rate .icon-like {

	color: #745758;

}


.rate .icon-dislike {

	color: #745758;

}


.rate a {

	display: block;

}


.rate li {

	float: left;

	text-align: center;

	vertical-align: middle;

}


/***********************************************/

/*buttons*/

/***********************************************/

/*information*/

.tools .information {

	float: left;

	overflow: hidden;

	margin: 0;

}


.tools .information li {

	float: left;

	text-align: center;

	vertical-align: middle;

	position: relative;

	background: #fff;

	margin-right: 2px;

	padding: 0 15px;

	border: 1px solid #e5ddd1;

}


.tools .information span {

	font-size: 14px;

	line-height: 43px;

	color: #b29e81;

}


.tools .information span + i {

	margin-left: 8px;

}


.tools .information i {

	font-size: 16px;

	line-height: 43px;

	color: #c2a274;

	margin-right: 4px;

}


/***********************************************/

.box-info {

	position: relative;

	z-index: 3;

	background: #fff;

	margin-bottom: 12px;

}


.box-info-controls {

	border: 1px solid #e5ddd1;

}


.tab-content > .tab-pane {

	display: none;

}


.tab-content > .active {

	display: block;

}


.box-info-controls {

	overflow: hidden;

}


.box-info .nav-tabs li {

	float: left;

	margin: -1px 0 -1px -1px;

}


.box-info .nav-tabs li.active a {

	background: #e48080;

	border-color: #e48080;

	color: #fff;

}


.box-info .nav-tabs li a {

	border: 1px solid #e5ddd1;

	display: block;

	line-height: 48px;

	color: #745758;

	font-size: 14px;

	font-weight: 700;

	padding: 0 17px;

	-webkit-transition: color .3s, background .3s, border .3s;

	-moz-transition: color .3s, background .3s, border .3s;

	-o-transition: color .3s, background .3s, border .3s;

	transition: color .3s, background .3s, border .3s;

}


@media only screen and (max-width: 657px) {

	.box-info .nav-tabs li a {

		padding: 0 12px;

		line-height: 40px;

		font-size: 13px;

	}

}


.box-info .nav-tabs li a:hover {

	background: #e48080;

	border-color: #e48080;

	color: #fff;

}


.box-info .tab-content {

	padding: 20px;

}


@media only screen and (max-width: 977px) {

	.box-info .tab-content {

		padding: 15px;

	}

}


@media only screen and (max-width: 657px) {

	.box-info .tab-content {

		padding: 10px;

	}

}


.model-block {

	padding-left: 3px;

	float: right;

	width: 60%;

	position: relative;

	z-index: 2;

	margin-bottom: 10px;

}


@media only screen and (max-width: 1600px) {

	.model-block {

		width: 100%;

		float: none;

		padding-left: 0px;

		margin-bottom: 20px;

	}

}


@media only screen and (max-width: 497px) {

	.model-block {

		margin-bottom: 10px;

	}

}


.model-block .model-block-inner {

	overflow: hidden;

	background: #fff;

	padding: 4.4%;

}


@media only screen and (max-width: 1600px) {

	.model-block .model-block-inner {

		padding: 2%;

	}

}


@media only screen and (max-width: 657px) {

	.model-block .model-block-inner {

		padding: 10px;

	}

}


.model-block .preview {

	float: left;

	max-width: 100%;

	margin-right: 40px;

	text-align: center;

	width: 327px;

	height: 490px;

}


@media only screen and (max-width: 1317px) {

	.model-block .preview {

		margin-right: 25px;

	}

}


@media only screen and (max-width: 977px) {

	.model-block .preview {

		margin-right: 15px;

	}

}


@media only screen and (max-width: 785px) {

	.model-block .preview {

		float: none;

		margin: 0 auto 10px;

		height: auto;

	}

}


.model-block .preview .name {

	font-size: 22px;

	color: #ffffff;

	background: #e48080;

	font-weight: 700;

	text-transform: uppercase;

	line-height: 50px;

	text-align: center;

}


.model-block .model-info {

	overflow: hidden;

}


.model-block .model-info .description {

	height: 100px;

	font-size: 14px;

	line-height: 20px;

	color: #686868;

}


.specification .specification_item {

	width: 100%;

	overflow: hidden;

	border-bottom: 1px solid #f2eee8;

	padding: 6px 0 4px;

	font-size: 18px;

	line-height: 26px;

}


.specification .specification_item .title {

	float: left;

	color: #c2a274;

	margin-right: 3px;

}


.specification .specification_item .value {

	overflow: hidden;

	font-weight: 700;

	color: #745758;

}


.menu-letters {

	position: relative;

	width: 100%;

	margin-bottom: 20px;

}


@media only screen and (max-width: 1317px) {

	.menu-letters {

		margin-bottom: 15px;

	}

}


.menu-letters #drop-alpha {

	display: none;

	position: relative;

	background: #7e5658;

	float: right;

	height: 32px;

	line-height: 32px;

	font-size: 14px;

	padding: 0 19px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	color: #fff;

}


.menu-letters #drop-alpha.active {

	background: #7e5658;

}


.menu-letters #drop-alpha i {

	font-size: 10px;

}


.menu-letters #drop-alpha .letter {

	text-transform: uppercase;

}


.menu-letters .alphabet {

	overflow: hidden;

	width: 100%;

	padding: 3px;

	overflow: hidden;

	-webkit-box-shadow: none;

	   -moz-box-shadow: none;

	        box-shadow: none;

	background-color: #fff;

	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);

	   -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);

	        box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);

}


@media only screen and (max-width: 1317px) {

	.menu-letters .alphabet {

		height: auto;

	}

}


.menu-letters .alphabet li {

	float: left;

	min-width: 30px;

	margin: 5px 4px 4px;

	text-align: center;

	height: 30px;

	line-height: 30px;

	text-transform: uppercase;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	overflow: hidden;

}


@media only screen and (max-width: 1317px) {

	.menu-letters .alphabet li {

		width: 6.54%;

		margin: 5px 0.3%;

	}

}


.menu-letters .alphabet li a {

	display: block;

	font-size: 12px;

	line-height: 30px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	background: #cea372;

	-webkit-transition: background .2s, color .2s;

	-moz-transition: background .2s, color .2s;

	-o-transition: background .2s, color .2s;

	transition: background .2s, color .2s;

	color: #fff;

}


.menu-letters .alphabet li:hover a, .menu-letters .alphabet li.active a {

	background: #7e5658;

	font-weight: normal;

}


@media only screen and (max-width: 657px) {

	.menu-letters.open .alphabet {

		display: block;

	}

	.menu-letters #drop-alpha {

		display: block;

		float: none;

		cursor: pointer;

		margin-bottom: 0;

	}

	.menu-letters #drop-alpha.active {

		background: #7e5658;

	}

	.menu-letters .alphabet {

		display: none;

		position: absolute;

		right: 0;

		top: 32px;

		z-index: 2;

		width: 250px;

		z-index: 100;

		-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.6);

		   -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.6);

		        box-shadow: 0 5px 9px rgba(0, 0, 0, 0.6);

	}

	.menu-letters .alphabet li {

		width: 14%;

		margin: 4px 1.3%;

	}

}


.profile-text {

	margin-bottom: 10px;

}


.profile-block {

	width: 100%;

	margin-bottom: 20px;

}


@media only screen and (max-width: 977px) {

	.profile-block {

		margin-bottom: 0;

	}

}


.profile-block .profile-block-inner {

	overflow: hidden;

	background: #fff;

	padding: 20px;

	-webkit-border-radius: 2px;

	   -moz-border-radius: 2px;

	        border-radius: 2px;

}


@media only screen and (max-width: 657px) {

	.profile-block .profile-block-inner {

		padding: 15px;

	}

}


@media only screen and (max-width: 657px) {

	.profile-block .profile-block-inner {

		padding: 10px;

	}

}


.profile-block .preview {

	float: left;

	width: 250px;

	height: 250px;

	max-width: 100%;

	margin: 0 15px 0 0;

	text-align: center;

	position: relative;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	overflow: hidden;

}


.profile-block .preview img {

	width: 100%;

}


@media only screen and (max-width: 1097px) {

	.profile-block .preview {

		float: none;

		margin: 0 auto 20px;

	}

}


@media only screen and (max-width: 657px) {

	.profile-block .preview {

		width: 200px;

		height: 200px;

		margin: 0 auto 15px;

	}

}


.profile-block .preview .name {

	font-size: 18px;

	color: #282828;

	line-height: 19px;

	margin-bottom: 5px;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	font-weight: 400;

	line-height: 24px;

	color: #fff;

	background: rgba(0, 0, 0, 0.7);

	margin: 0;

	padding: 5px;

}


.profile-info {

	overflow: hidden;

}


.profile-info .information {

	margin: 0 0 10px -1.33%;

}


.profile-info .information .pi_row {

	overflow: hidden;

}


@media only screen and (max-width: 497px) {

	.profile-info .information .pi_row {

		margin: 0;

		border-bottom: none;

	}

}


.profile-info .information .pi_row:last-child .pi_item {

	border-bottom: 1px solid #f2eee8;

}


.profile-info .information .pi_row .pi_item {

	float: left;

	width: 32%;

	margin-left: 1.333%;

	border-bottom: none;

	border-top: 1px solid #f2eee8;

	border-bottom: none;

	overflow: hidden;

	padding: 6px 0 4px;

	font-size: 18px;

	line-height: 26px;

	color: #c2a274;

}


@media only screen and (max-width: 657px) {

	.profile-info .information .pi_row .pi_item {

		text-align: center;

	}

}


.profile-info .information .pi_row .pi_item span {

	font-weight: 700;

	color: #745758;

}


@media only screen and (max-width: 657px) {

	.profile-info .information .pi_row .pi_item span {

		display: block;

	}

}


.profile-info .description {

	font-size: 13px;

	line-height: 19px;

	height: 100px;

	font-size: 14px;

	line-height: 20px;

	color: #745758;

	font-weight: 300;

}


.profile-info .description span {

	color: #c2a274;

	font-size: 18px;

}


.channel-block {

	float: right;

	padding-left: 3px;

	width: 60%;

	position: relative;

	z-index: 2;

	margin-bottom: 10px;

}


@media only screen and (max-width: 1600px) {

	.channel-block {

		width: 100%;

		float: none;

		padding-left: 0px;

		margin-bottom: 20px;

	}

}


@media only screen and (max-width: 497px) {

	.channel-block {

		margin-bottom: 10px;

	}

}


.channel-block .channel-block-inner {

	position: relative;

	overflow: hidden;

}


.channel-block .channel-block-info {

	overflow: hidden;

	background: #fff;

	padding: 4.4%;

}


@media only screen and (max-width: 1600px) {

	.channel-block .channel-block-info {

		padding: 2%;

	}

}


@media only screen and (max-width: 657px) {

	.channel-block .channel-block-info {

		padding: 10px;

	}

}


.channel-block .preview {

	float: left;

	max-width: 100%;

	width: 570px;

	overflow: hidden;

	text-align: center;

	margin-right: 25px;

	margin-bottom: 29px;

}


@media only screen and (max-width: 977px) {

	.channel-block .preview {

		margin-bottom: 15px;

	}

}


@media only screen and (max-width: 857px) {

	.channel-block .preview {

		float: none;

		margin: 0 auto 15px;

	}

}


.channel-block .preview img {

	width: 100%;

}


.channel-block .channel-name {

	line-height: 26px;

	color: #745758;

	padding-bottom: 16px;

	border-bottom: 1px solid #e5ddd1;

}


@media only screen and (max-width: 857px) {

	.channel-block .channel-name {

		padding-bottom: 5px;

	}

}


.channel-block .channel-name > * {

	font-size: 24px;

}


@media only screen and (max-width: 977px) {

	.channel-block .channel-name > * {

		font-size: 20px;

		padding-bottom: 13px;

	}

}


@media only screen and (max-width: 857px) {

	.channel-block .channel-name > * {

		font-size: 18px;

		padding-bottom: 0;

	}

}


.channel-block .channel-info {

	overflow: hidden;

	margin-top: 8px;

	clear: right;

	margin-bottom: 19px;

}


@media only screen and (max-width: 857px) {

	.channel-block .channel-info {

		margin: 0;

	}

}


.channel-block .channel-info .vids, .channel-block .channel-info .views, .channel-block .channel-info .rate {

	padding: 10px 0 9px;

	border-bottom: 1px solid #e5ddd1;

	font-size: 24px;

	font-weight: 700;

	line-height: 27px;

	color: #c2a275;

}


@media only screen and (max-width: 977px) {

	.channel-block .channel-info .vids, .channel-block .channel-info .views, .channel-block .channel-info .rate {

		font-size: 20px;

	}

}


@media only screen and (max-width: 857px) {

	.channel-block .channel-info .vids, .channel-block .channel-info .views, .channel-block .channel-info .rate {

		padding: 5px 0;

		font-size: 16px;

	}

}


.channel-block .join-channel {

	overflow: hidden;

	display: block;

	padding: 15px 5px;

	background: #e48080;

	font-size: 24px;

	line-height: 31px;

	color: #fff;

	font-weight: 700;

	text-align: center;

	text-transform: uppercase;

	-webkit-transition: color .3s, background .3s;

	-moz-transition: color .3s, background .3s;

	-o-transition: color .3s, background .3s;

	transition: color .3s, background .3s;

}


@media only screen and (max-width: 857px) {

	.channel-block .join-channel {

		padding: 8px 3px;

		font-size: 20px;

		line-height: 26px;

		margin-bottom: 20px;

	}

}


.channel-block .join-channel:hover {

	background: #745758;

}


.channel-block .wrap-channel-descr {

	background: #fff;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	font-size: 14px;

	line-height: 20px;

	color: #745758;

}


.channel-block .wrap-channel-descr .channel-descr {

	height: 188px;

}


.channel-block .wrap-channel-descr .channel-descr p {

	margin-bottom: 25px;

}


/*style for KVS blocks*/

.success, .failure {

	font-weight: 400;

	display: block;

	font-size: 14px;

	line-height: 18px;

	padding: 5px 0;

	text-align: center;

}


.success {

	color: #1bbd0d;

}


.failure {

	color: #ff2f2f;

}


.message_error {

	color: #ff2f2f;

}


.g_hidden {

	display: none;

}


.text_content {

	overflow: hidden;

	padding: 14px 19px 14px;

	background: #fff;

	color: #221f1f;

	font-size: 14px;

	line-height: 20px;

	text-align: justify;

	margin-bottom: 10px;

}


.text_content .sub-title {

	margin: 15px 0 10px;

}


.topmost {

	font-size: 12px;

	line-height: 18px;

	color: #7E7C8C;

	margin: 10px 0;

	text-transform: uppercase;

}


.topmost .mail {

	text-transform: none;

}


.topmost a {

	color: #0088cc;

	text-decoration: underline;

}


.topmost a:hover {

	text-decoration: none;

}


/*Page Video*/

.tools .buttons a.add_fav {

	display: block !important;

}


.buttons-plst-holder {

	overflow: hidden;

	margin: 0 -1% 15px;

}


.buttons-plst-holder .confirm {

	float: left;

	width: 48%;

	margin: 0 1%;

}


@media only screen and (max-width: 657px) {

	.buttons-plst-holder .confirm {

		width: 100%;

		margin: 0 0 5px 0;

	}

}


.list-playlists {

	width: 100%;

	background: #DCDCDC;

	padding: 20px 10px 13px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	margin-bottom: 10px;

}


.list-playlists .item {

	position: relative;

	margin-bottom: 7px;

}


.list-playlists .item .privacy {

	position: absolute;

	top: 0;

	right: 0;

	height: 20px;

	line-height: 20px;

	font-size: 18px;

	width: 25px;

	text-align: center;

	color: #004669;

}


/*******************/

/*Page Profile Edit*/

.wrap-birthday select:nth-child(1) + span {

	width: 40% !important;

	float: left;

	border-right: 4px solid #ffffff;

}


.wrap-birthday select:nth-child(3) + span {

	width: 30% !important;

	float: left;

	border-right: 2px solid #ffffff;

}


.wrap-birthday select:nth-child(5) + span {

	width: 30% !important;

	float: left;

	border-left: 2px solid #ffffff;

}


/*******************/

/*Page Upload Edit*/

.upload-buttons {

	padding: 5px 0 1px;

}


.uploader_popup {

	height: 240px !important;

	width: 300px !important;

	border: 1px solid #e0e0e0 !important;

	/*Этот вариант только если у какого-то рродителя есть релатив и его нельзя снять*/

	top: auto !important;

	bottom: 90px !important;

	left: 50% !important;

	margin-left: -150px !important;

}


.uploader_progress {

	border: 1px solid #cea372;

	z-index: 1 !important;

	background-color: #fff;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	overflow: hidden;

	height: 40px !important;

	/*Обязательно чтобы форма была relative (нужкен класс .relative)*/

	/*Этот вариант только если у какого-то рродителя есть релатив и его нельзя снять*/

	top: auto !important;

	bottom: 101px !important;

	left: auto !important;

	right: 0 !important;

}


@media only screen and (max-width: 657px) {

	.uploader_progress {

		bottom: 93px !important;

	}

}


.uploader_progress .progress_bar {

	height: 38px;

	background: #1bbd0d;

	font-size: 13px;

	color: #7e5658;

	white-space: nowrap;

	line-height: 38px;

	text-indent: 5px;

}


.image_items {

	/*Стили для скринов видео*/

	overflow: hidden;

	margin: 0 -3px;

	font-size: 0;

}


.image_items .image_item {

	float: left;

	padding: 0 3px 10px;

	position: relative;

	width: 33.333%;

}


@media only screen and (max-width: 657px) {

	.image_items .image_item {

		width: 50%;

	}

}


@media only screen and (max-width: 497px) {

	.image_items .image_item {

		width: 100%;

	}

}


.image_items .image_item .image {

	margin-bottom: 5px;

}


.image_items .image_item .image img {

	width: 100%;

}


#file_btn_cancel {

	z-index: 2;

}


.wrap-subs-btn {

	overflow: hidden;

}


.wrap-subs-btn .btn {

	margin-left: 10px;

}


.wrap_inp_upload_file {

	overflow: hidden;

}


/*******************/

.wrap-finp-screen {

	float: right;

	height: 36px;

	width: 80px;

	font-size: 12px;

	line-height: 28px;

	color: #ffffff;

	text-align: center;

	background-color: #3d3d3d;

	border: none;

	text-transform: capitalize;

	cursor: pointer;

}


.wrap-finp-screen {

	display: block;

	overflow: hidden;

	cursor: pointer;

}


.wrap-finp-screen .btn {

	font-size: 12px;

	text-transform: capitalize;

	height: 40px;

	line-height: 40px;

	font-weight: normal;

	cursor: pointer;

}


#kt_player, #kt_player object, #kt_player_internal, #kt_preview {

	position: absolute !important;

	left: 0;

	top: 0;

	width: 100% !important;

	height: 100% !important;

	z-index: 10;

}


/*style for KVS blocks*/


/*# sourceMappingURL=style.css.map */


.spot-top {

	text-align: center;

	margin: 0 0 10px 0;

}

.spot-top .spot__link {

	display: inline-block;

	max-width: 470px;

	width: 100%;

	overflow: hidden;

}

.spot-top .spot__link iframe{

	width: 100%;

}


.banner__video-play.banner__video-play_wide {
    z-index: 50;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -153px;
    margin-top: -150px;
    width: 306px;
    background: #fedfdf;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 486px;
    height: 66px;
    top: calc(100% - 96px);
    margin: 0;
    transform: translateX(-50%);
}
.banner__video-close.banner__video-close_ico {
	outline: 0;
    cursor: pointer;
    height: 33px;
    width: 190px;
    background: #EEEEEE;
    border: 0;
    font-size: 16px;
    color: #53585C;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 7px auto 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: -28px;
	margin: 0;
	left: 100%;
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 480px) {
	.banner__video-play iframe,
	.banner__video-play .spot_video, 
	.banner__video-play .spot_video2,
	.banner__video-play.banner__video-play_wide{
		width:100%;
		float:none;
	}
}