/* Подключаем иконки и шрифт */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic');
@import 'font-awesome.min.css';
/* Подключаем иконки и шрифт */
/* Основные стили */
body {background: #353535;color: #E6E6E6;font: 400 14px/20px "Roboto",Helvetica,Arial,sans-serif !important;}
h1, h2, h3, h4, h5, h6 {color: #E6E6E6;font-family: "Roboto",Helvetica,Arial,sans-serif;font-weight: 400;text-transform: none;}
a {color: #89BF55;text-decoration: none;}
a:hover, a:focus {color: #89BF55;text-decoration: underline;}
hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #dbd6d6, #948b8b, #dbd6d6);
    background-image:    -moz-linear-gradient(left, #dbd6d6, #948b8b, #dbd6d6);
    background-image:     -ms-linear-gradient(left, #dbd6d6, #948b8b, #dbd6d6);
    background-image:      -o-linear-gradient(left, #dbd6d6, #948b8b, #dbd6d6);
}
/* input, select, textarea */
select,
textarea,input[type=text], input[type=password] { 
background-color: #333;
 border: 1px solid #444; 
 padding: 5px 0;
 color: #ccc;
 border-radius: 3px; 
 box-shadow: 0 1px 2px #e9e9e9 inset; 
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
 transition: border linear 0.2s, box-shadow linear 0.2s;
 font: 400 14px/20px "Roboto",Helvetica,Arial,sans-serif !important;
}
textarea {height: auto;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 outline: 0;
}
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
 -moz-user-select: none;
 background-image: none;
 border: 1px solid transparent;
 cursor: pointer;
 display: inline-block;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.42857;
 margin-bottom: 0;
 padding: 5px 12px;
 text-align: center;
 white-space: nowrap;
}
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
 background-color: #333;
 background-repeat: repeat-x;
 color: #ccc;
 width: auto;
}
input[type="image"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover {
 background-color: #555;
 background-position: 0 -15px;
}
input[type="image"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="radio"]:active,
input[type="checkbox"]:active {
 background-color: #333;
}
select option[selected] {
    background: #555 !important; 
}
/* Основные стили */

/* Прелоадер */
#before-load {
  position: fixed; /*фиксированное положение блока*/
  left: 0; /*положение элемента слева*/
  top: 0; /*положение элемента сверху*/
  right: 0; /*положение элемента справа*/
  bottom: 0; /*положение элемента снизу*/
  background: #fff; /*цвет заднего фона блока*/
  z-index: 1001; /*располагаем его над всеми элементами на странице*/
}
#before-load .loader {
    width: 100px; /*ширина gif-изображения*/
    height: 100px; /*высота gif-изображения*/
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('../img/loader.gif') no-repeat 50% 50%; /*расположение (url) изображения gif и др. параметры*/
    margin: -50px 0 0 -50px;
}
/* Прелоадер */

/* Контент */
.content {margin-top: 15px;}
.uk-container {
    max-width: 1100px;
    padding: 0 20px;
}
/* Контент */

/* Верхнее меню */
.uk-sticky-placeholder {
    background: #000;
    max-height: 50px;
}
.uMenuV {
  position: relative;
}
.uMenuV ul {
  margin: 0;
  list-style: none;
}
.uMenuV ul > li {
  list-style: none;
  display: inline;
}
.uMenuV ul>li a {
  text-decoration: none;
  position: relative;
  cursor: pointer !important;
}
.uMenuItemA span {
  color: #fff;
  font-size: 16px;
}

.ps-navbar {
    background: rgba(137, 191, 85, 0.9);
    border: medium none;
	z-index: 1000;
    max-height: 50px;
}
.avatar-button {
    color: #fff;
    cursor: pointer;
        display: inline-block;
    font-size: 14px;
    padding: 9px;
    position: relative;
}
.avatar-button img {
    border-radius: 50%;
	width:32px;
}
.avatar-button .name {
    float: right;
    margin-left: 5px;
    position: relative;
    top: 6px;
}
.avatar-button .name:hover {
    color: #fff;
}
.uk-dropdown {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 2px -1px #777;
	padding: 0 15px;
}
.uk-dropdown a::before{
    background-color: transparent;
}
.uk-nav-dropdown > li > a {
    border-top: 1px solid rgba(66, 66, 66, 0.9);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.05) inset;
    color: #a6a6a6;
    margin: 10px 0 10px 0;
}
.uk-nav-dropdown > li > a:focus, .uk-nav-dropdown > li > a:hover {
    background: #fff none repeat scroll 0 0;
    color: #000;
    outline: 0 none;
}
.uk-dropdown-bottom {
    margin-top: 0;
}
.uk-navbar-nav > li {
    padding: 0 8px;
}
.uk-navbar-nav > li > a {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
	padding: 0 15px;
	line-height: 50px;
	height: 50px;
}
.uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
    outline: 0 none;
}
.uk-navbar-nav .reg, .uk-navbar-nav .log  {
	background-color: transparent;
    color: #fff;

}
.uk-navbar-nav .reg:hover, .uk-navbar-nav .log:hover  {
	background-color: transparent;
    color: #fff;
}
.uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle {
    height: 50px;
}
.toggler, .toggler:hover {
    cursor: pointer !important;
} 
@media (min-width:768px) { 
	.uk-navbar-nav .cloud-upload {
    display: block;
    font-size: 24px;
    height: 50px;
    overflow: hidden;
    top: 0;
    width: 42px;
}
.uk-navbar-nav .cloud-upload:before {
    background-color: transparent;
}}
@media (max-width:768px) {.uk-navbar-nav .cloud-upload {font-size: 14px !important;}}
/* Логотип */
.uk-navbar-brand {
    width:100%;
}
.logo {
    max-width: 170px;
    background: url("../img/logo.png") no-repeat left center;
}

.logo-m {
    background: rgba(0, 0, 0, 0) url("../img/logo-m.png") no-repeat scroll center;
    width: 100%;
}
/* Логотип */
/* Поиск */
.ps-search {
  position:relative;
}
.uk-search {
  display: inline-block;
  position: relative;
  margin: 0;
}
/*
 * Icon
 */
.uk-search:before {
  content: "\f002";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  line-height: 50px;
  text-align: center;
  font-family: FontAwesome;
  font-size: 16px;
  color: #aaa;
}
.uk-search-field::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.uk-search-field::-webkit-search-cancel-button,
.uk-search-field::-webkit-search-decoration {
  -webkit-appearance: none;
}
.uk-search-field::-ms-clear {
  display: none;
}
.uk-search-field::-moz-placeholder {
  opacity: 1;
}

.uk-search-field {
  box-sizing: border-box;
  margin: 0 !important;
  border-radius: 0 !important;
  font: inherit;
  font-size: 16px;
  color: #aaa;
  -webkit-appearance: none !important;
  width: 70px;
  height: 50px !important;
  padding: 0 0 0 30px !important;
  border: none !important;
  background: transparent !important;
  -webkit-transition: all 0.15s linear !important;
  transition: all 0.15s linear !important;
  vertical-align: middle !important;;
}

/* Placeholder */
.uk-search-field:-ms-input-placeholder {
  color: #fff !important;
}
.uk-search-field::-moz-placeholder {
  color: #fff;
}
.uk-search-field::-webkit-input-placeholder {
  color: #fff;
}
/* Placeholder */
.uk-search-field:hover::-ms-input-placeholder{
  color: #fff;
}
.uk-search-field:hover::-moz-placeholder{
  color: #fff;
}
.uk-search-field:hover::-webkit-input-placeholder {
  color: #fff;
}
.uk-search-field:focus::-ms-input-placeholder{
  color: #fff;
}
.uk-search-field:focus::-moz-placeholder{
  color: #fff;
}
.uk-search-field:focus::-webkit-input-placeholder {
  color: #fff;
}
/* Focus */
.uk-search-field:focus {
  outline: 0;
  border-color: rgba(0, 0, 0, 0.12) !important;
  background-clip: padding-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  background:#fff !important;
}

/* Focus + Active */
.uk-search-field:focus,
.uk-search.uk-active .uk-search-field {
  width: 170px;
}
.uk-offcanvas .uk-search {
  display: block;
  margin: 20px 15px;
}
.uk-offcanvas .uk-search:before {
  color: #777777;
  line-height: 35px;
}
.uk-offcanvas .uk-search-field {
    width: 100%;
    border-color: rgba(0, 0, 0, 0) !important;
    background: #161616 !important;
    color: #cccccc;
    height: 35px !important;
}
.uk-offcanvas .uk-search-field:-ms-input-placeholder {
  color: #777777 !important;
}
.uk-offcanvas .uk-search-field::-moz-placeholder {
  color: #777777;
}
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
  color: #777777;
}
.searchForm {min-height: 30px;position: relative;width: 100%;}
.schQuery {float: left;margin-right: 10px;max-width: 70%;}
.schQuery input {margin-top: 0 !important;}
.schBtn {float: left;max-width: 20%;width: 100%;}
/* Поиск */
/* Шапка сайта */

/* Мобильное меню */
.uk-nav-offcanvas {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}
.uk-nav-offcanvas > li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    color: #ccc;
    padding: 20px 20px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.uk-offcanvas .uk-nav-header {
    background: #404040 none repeat scroll 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    color: #777;
    margin-top: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.uk-nav-parent-icon > .uk-parent > a.user::after {
    margin-top:10px;
}
.uk-navbar-toggle {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
	padding: 0;
}
.uk-navbar-toggle:focus, .uk-navbar-toggle:hover {
    color: #61858f;
    text-decoration: none;
    outline: 0;
}
.uk-nav-offcanvas .uk-badge {
	float: right;
	margin-right: 15px;
}
.uk-dropdown-scrollable {
    max-height: 550px;
}
/* Мобильное меню */
/* Фильтр */
.filter {
    background: #e6e6e6;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    border-top: 1px solid #ccc;
}
.filter .uk-button:hover {
	background: #89BF55;
	color:#fff;
	transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	-webkit-transition:all 0.3s ease-out 0s;
	-o-transition:all 0.3s ease-out 0s;
}
.filter a.current {
	background: #89BF55;
	color:#fff;
}
.filter-group .uk-button {
    background: transparent;
}

@media (max-width:640px){
.filter-group .uk-button {
    margin: 4px 0 0 0;
}
   }
   /* Фильтр */
/* Вид виджета */
.widget {
	padding: 0 0 15px
}
.widget-title {
    font-size: 22px;
    font-weight: 500;
    padding: 0 0 15px;
}
.widget-title::before {
    border-bottom:2px solid #ec4444;

}
.widget-content {}
.widget-content hr{margin-top: 0;}
/* Вид виджета */
/* Слайдер */
}
.slider-items {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 2100px;
}
.slick-slide {
    max-width: 300px;
}
.slick-next:hover, .slick-prev:hover {
    opacity: 1;
    text-decoration: none;
}
.slick-next {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    height: 100%;
    left: auto;
	cursor: pointer;
    position: absolute;
	z-index: 100;
	opacity: 0.3;
    right: 0;
    top: 0;
}
.slick-prev {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    height: 100%;
    left: 0;
	cursor: pointer;
    position: absolute;
    right: auto;
    z-index: 100;
	opacity: 0.3;
}

.slick-prev::before {
	color: #fff;
    content: "\f053";
    font-family: fontawesome;
	font-size: 38px;
	padding: 15px;
	position: relative;
    top: 45%;
}
.slick-next::before {
    content: "\f054";
	color: #fff;
    font-family: fontawesome;
	font-size: 38px;
	position: relative;
	padding: 15px;
    top: 45%;
}

.slider-items .item {
    max-height: 219px;
    overflow: hidden;
}

.slider-items .item .title {
    bottom: 5%;
    color: #fff;
    padding: 0 10px;
    position: absolute;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.9);
    font-size: 15px;
}
.slider-items .item .title a {
    color: #fff;
    opacity: 0.95;
}
.slider-items .item .title a:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
}
.slider-items .item .uk-icon-play::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 40px;
    line-height: 1;
    text-align: center;
    color: #fff;
}
/* Слайдер */
/* Вид категорий */
.catName {
    color: #89BF55;
}
.catName a:hover, .catName:hover {
    color: #89BF55;
    text-decoration: none;
	font-weight: bold;
}
.catsTd .active  {
    color: #5c6870;
    font-weight: bold;
    text-decoration: none;
}
.catNameActive {
    color: #89BF55;
    font-weight: bold;
    text-decoration: none;
}
.catNameActive a:hover, .catNameActive:hover {
    color: #89BF55;
    text-decoration: none;
	font-weight: 400;
}
.catNumData{
    float:right;
}
.uk-badge {
    background-color: #89BF55;
    font-weight: 400;
    padding: 2px 8px;
    color: #fff;
}
/* Вид категорий */
/* Навигация */
.swchItemA, .swchItem, .swchItemA1, .swchItem1 {
    border: 1px solid #89BF55;
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
}
.swchItem:hover, .swchItem1:hover, .swchItemA1, .swchItemA {
    background: #89BF55;
    border-bottom: medium none;
    color: rgb(255, 255, 255);
    text-decoration: none;
}
/* /Навигация */
/* Вид фото */
#uEntriesList .uEntryWrap {
    float: left;
}
.informer-foto {
    margin: 0 0 25px;
}
.photo {
    margin: 0 0 25px;
    max-height: 235px;
    max-width: 300px;
    overflow: hidden;
    position: relative;
}

.photo a:hover {
    text-decoration: none;
}
.photo-img {
    overflow:hidden;
}
.photo::after {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity 0.15s linear 0s;
    width: 100%;
}
.photo:hover .like, .photo:hover::after {
    opacity: 1;
}
.photo-details {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    bottom: 0;
    background-image: -moz-linear-gradient(90deg,rgba(0,20,25,.80)0,rgba(0,0,0,0)95%);
    background-image: -webkit-linear-gradient(90deg,rgba(0,20,25,.80)0,rgba(0,0,0,0)95%);
    background-image: -ms-linear-gradient(90deg,rgba(0,20,25,.80)0,rgba(0,0,0,0)95%);
    width: 100%;
    height: 75px;
    z-index: 1;
}
.photo-details a, .photo-title {
    color: rgba(255, 255, 255, 0.95);
    font-weight: 400;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.photo-details-padding {
    padding: 14px;
    text-align: left !important;
}
.photo-category {
    background-color: rgba(0, 20, 26, 0.45);
    border-radius: 3px;
    margin-left: -4px;
    padding: 3px 5px;
}
.photo-category:hover {
    background-color: rgba(255, 255, 255, 0.15);
}
.photo .title a {
    font-size: 15px;
    left: 5%;
    line-height: 20px;
    top: 52%;
}
.categoria {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    margin: 2px 0 0;
}
.text-effect {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: rgba(255, 255, 255, 0.95);
}
.text-title {
    font-size: 15px;
    line-height: 14px;
    margin: 5px 0 0;
}
.tags {
    border-bottom: 1px dashed #948b8b;
    border-top: 1px dashed #948b8b;
    margin-bottom: 10px;
    padding: 10px 0;
}

.description {
    margin-bottom: 10px;
    border-bottom: 1px dashed #948b8b;
    padding-bottom: 10px;
}
.com-order-block {
    margin-top: 5px;
}
.comment{
    border-bottom: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
}

/* ====== Рейтинг фото ====== */
.like .like-button {
    border-radius: 3px;
    padding: 0 10px;
	font-size: 13px;
    font-weight: 300;
	transition: all 0.3s ease-out 0s;
    width: 100%;
}
.photo .like {
    opacity: 0;
    position: absolute;
    right: 5%;
    top: 5%;
    transition: opacity 0.15s linear 0s;
    z-index: 1;
}
.like-button::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
.like-button {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    color: #444;
    font-family: inherit;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 1rem;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: 30px;
    margin: 0;
    overflow: visible;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
}
.like-button:not(:disabled) {
    cursor: pointer;
}
.like-button:focus, .like-button:hover {
    background-color: #f5f5f5;
    color: #444;
    outline: 0 none;
    text-decoration: none;
}
.like-button, .like-button:active {
    background-color: #ddd;
    color: #444;
}
.notlike {
    background: rgba(251, 252, 254, 0.8) none repeat scroll 0 0;
    color: #61858f;
}
.notlike:hover {
    background: rgba(251, 252, 254, 1) none repeat scroll 0 0;
    color: #61858f;
}

.rating_like {
    background: rgba(251, 252, 254, 0.8) none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 13px;
    line-height: 30px;
    padding: 0 10px;
    width: 100%;
}
.rating_like::before {
    background: rgba(251, 252, 254, 0.8) none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 13px;
    line-height: 30px;
    padding: 0 10px;
    width: 100%;
}
.rating_like_l {
    background: rgba(251, 252, 254, 0.8) none repeat scroll 0 0;
    border-right: 1px solid #dadada;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    float: left;
	line-height: 30px;
    padding: 0 10px;
    position: relative;
	transition: all 0.3s ease-out 0s;
}
.rating_like_r {
    background: rgba(251, 252, 254, 0.8) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    float: left;
	line-height: 30px;
    padding: 0 10px;
    position: relative;
}

.rating_like_l:hover {
    background: rgba(251, 252, 254, 1) none repeat scroll 0 0;
	}
.rating_like_l:active, .rating_like_l:focus {
    background: rgba(251, 252, 254, 1) none repeat scroll 0 0;
    outline: 0 none;
}
/* ====== Рейтинг фото ====== */

/* Вид полного фото */
.photo-full {
    margin: 0 0 25px;
    max-width: 800px;
    overflow: hidden;
    position: relative;
}
.photo-full.thumbnail {
    background-color: #fff;
    border: medium none;
    border-radius: 0;
    display: table;
    line-height: 1.42857;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    transition: border 0.2s ease-in-out 0s;
}
.photo-full a:hover {
    text-decoration: none;
}
.photo-full::after {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity 0.15s linear 0s;
    width: 100%;
}
.photo-full:hover .like, .photo-full:hover::after {
    opacity: 1;
}
.photo-full .like {
    opacity: 0;
    position: absolute;
    right: 5%;
    top: 5%;
    transition: opacity 0.15s linear 0s;
    z-index: 1;
}
.photo-size {
    background-color: rgba(0, 20, 26, 0.45);
    border-radius: 3px;
    float: right;
    padding: 3px 5px;
}
.photo-size:hover {
    background-color: rgba(255, 255, 255, 0.15);
}
.size {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    margin: 2px 0 0;
}
.phtThumbs {
    width: 100%;
}
#leftSwch {
    height: 60px !important;
}
#rightSwch {
    height: 60px !important;
}
/* Следующее предыдущее фото  */
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .fa-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right{
  width: 20px;
  height: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .carousel-control .fa-chevron-left,
  .carousel-control .fa-chevron-right{
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .fa-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .fa-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
   }
/* Следующее предыдущее фото  */
/* /Вид полного фото */

.shadow {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
@media (max-width: 480px) {
.photo {
    background-color: #dce4ef;
    max-height: 235px;
    max-width: 300px;
    overflow: hidden;
    position: relative;
}
.photo-full {
    background-color: #dce4ef;
    max-height: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
}
/* ====== Аватар в полной фото ====== */
#uAvaBox {
 float: left;
 height: 48px;
 width: 48px;
}
#uAvaBox img {
    background-color: rgba(0, 20, 26, 0.45);
    border-radius: 50px;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    height: auto;
    padding: 7px;
    width: 55px;
}
#uAvaBox img:hover {
    background-color: rgba(255, 255, 255, 0.15);
}
.photo-full .avaBox {
    left: 3%;
    opacity: 0;
    position: absolute;
    top: 3%;
    transition: opacity 0.15s linear 0s;
    z-index: 1;
}
.photo-full:hover .avaBox, .photo-full:hover::after {
    opacity: 1;
}
.avaBox em {
display:none;
}
/* ====== Аватар в полной фото ====== */

/* Добавление фото */
@media (max-width:320px) { 
#addPhtFrm, .manTable {
    width: 100%;
}
.manTd1 {
    float: left;
    width: 100%;
}
.manTd2 {
    float: left;
    width: 100%;
	max-width: 260px;
}
.uploaderPhotosContainer {
    width: 100% !important;
}
#flUpPhotosCount {
    float: left;
    margin-left: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
}
.fakefile {
    position: relative;
    top: auto !important;
}
.file {
    position: relative;
    top: 35px;
}
.u-combo {
    max-width: 260px;
}
.u-comboedit {
    max-width: 260px;
}
.emptyPlaceholder {
    left: 0 !important;
}
.photoThumb {
    float: left !important;
    width: 100px !important;
}
.u-combo {
    width: 260px;
}
#uCatsMenu9 {
    width: 220px;
}
/* Описание фото */
.myWinCont {
    width: 100% !important;
}
#previewContainer {
	height: auto !important;
    width: 100% !important;
}
#previewContainer canvas {
    max-width: 240px !important;
}
#photoMetaFields {
    width: 100% !important;
}
.manTable tr {
    float: left;
    width: 100%;
}
/* Описание фото */
}
@media (max-width:480px) { 
#addPhtFrm, .manTable {
    width: 100%;
}
.manTd1 {
    float: left;
    width: 100%;
}
.manTd2 {
    float: left;
    width: 100%;
	max-width: 480px;
}
.uploaderPhotosContainer {
    width: 100% !important;
}
#flUpPhotosCount {
    float: left;
    margin-left: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
}
.fakefile {
    position: relative;
    top: auto !important;
}
.file {
    position: relative;
    top: 35px;
}
.u-combo {
    max-width: 480px;
}
.u-comboedit {
    max-width: 480px;
}
.emptyPlaceholder {
    left: 0 !important;
}
.photoThumb {
    float: left !important;
    width: 100px !important;
}

/* Описание фото */
.myWinCont {
    width: 100% !important;
}
#previewContainer {
	height: auto !important;
    width: 100% !important;
}
#previewContainer canvas {
    max-width: 300px !important;
}
#photoMetaFields {
    width: 100% !important;
}
.manTable tr {
    float: left;
    width: 100%;
}
/* Описание фото */
}
@media (min-width:480px) and (max-width:960px) { 
#addPhtFrm, .manTable {
    width: 100%;
}
.manTd1 {
    float: left;
    width: 100%;
}
.manTd2 {
    float: left;
    width: 100%;
	max-width: 640px;
}
.uploaderPhotosContainer {
    width: 100% !important;
}
#flUpPhotosCount {
    float: left;
    margin-left: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
}
.fakefile {
    position: relative;
    top: auto !important;
}
.file {
    position: relative;
    top: 35px;
}
.u-combo {
    max-width: 640px;
}
.u-comboedit {
    max-width: 640px;
}
.emptyPlaceholder {
    left: 0 !important;
}
.photoThumb {
    float: left !important;
    width: 100px !important;
}

/* Описание фото */
.myWinCont {
    width: 100% !important;
}
#previewContainer {
	height: auto !important;
    width: 100% !important;
}
#previewContainer canvas {
    max-width: 500px !important;
}
#photoMetaFields {
    width: 100% !important;
}
.manTable tr {
    float: left;
    width: 100%;
}

/* Описание фото */
}
#uCatsMenu7{
 position: inherit !important;
 width: auto !important;
}
#uCatsMenu9{
 position: absolute;
 z-index: 1000;
 width: 240px;
}
.u-combolist div input {
    width: 10px !important;
}
.manTable td div label {
    font-size: 14px !important;
    margin-bottom: 0;
}
.myWinCont legend {
    border-width: 0 !important;
	font-size: 14px !important;
	margin-bottom: 0 !important;
	width: auto !important;
}
.manTable {
    margin-bottom: 25px;
}
table {
    border-collapse: inherit;
}
#selectPhotosBtn {
    height: auto !important;
}
#newPhtBt {
    padding: 0;
}
/* Добавление фото */
/* Вид фото */

/* Вид блога */
.blog {
    margin: 0 0 25px;
    max-height: 310px;
    max-width: 300px;
    overflow: hidden;
    position: relative;
}
.blog .photo {
    margin: 0;
    max-height: 140px;
    max-width: 300px;
    overflow: hidden;
    position: relative;
}
.blog .photo-details {
    height: auto;
}

.uz {
    list-style-type: none;
}
.blog-top p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
}
.blog-overflow {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    bottom: 0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.04) 1%, rgba(255,255,255,0.87) 21%, rgba(255,255,255,1) 24%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.04) 1%,rgba(255,255,255,0.87) 21%,rgba(255,255,255,1) 24%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.04) 1%,rgba(255,255,255,0.87) 21%,rgba(255,255,255,1) 24%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 20px;
    z-index: 1;
    left: 0;
}
.blog-details {
    padding: 15px;
    background: #fff;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    height: 105px;
}

.blog:hover .blog-details{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
.blog-under {
    background: #fff;
    position: relative;
    height: 30px;
    border-top: 1px solid #ccc;
}
.blog-under .views {
    float: left;
    padding: 5px 10px;
    border-right: 1px solid #ccc;
}
.blog-under .heart {
    float: left;
    padding: 5px 10px;
    border-right: 1px solid #ccc;
}
.blog-under .comment-o {
    float: left;
    padding: 5px 10px;
}
.blog-details .blog-title {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
}
.blog-details .blog-category {
    font-size: 12px;
}
.blog-middle {
    position: absolute;
    top: -20px;
    right: 20px;
}
.blog-middle .blog-zoom {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    color: #444;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.blog-middle .blog-zoom:hover {
    background: #f5f5f5;
}
.blog-bottom {
    position: absolute;
    top: -30px;
    opacity: 0;
    background: #fff;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 11px;
    color: #777;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.blog:hover .blog-bottom {
    top: -44px;
    opacity: 1
}
.entryReadAll {
    display: none;
}
#blM40 input {
    padding: 0;
}
.widget-content .archUl {
    list-style-type: none;
    padding: 0;
}
.widget-content .archLink::before {
    font-family: FontAwesome;
    content: "\f105";
    padding-right: 5px;
	list-style-type: none;
}
/* Вид полной новости блога */
.post {
    position:relative;
}
.post-bottom {
    border-top: 1px dashed #948b8b;
	border-bottom: 1px dashed #948b8b;
	margin-bottom: 10px;
	padding: 10px 0;
}
.post-tags {
	border-top: 1px dashed #948b8b;
	padding: 10px 0;
}
/* Вид полной новости блога */
/* Вид блога */
/*Календарь*/
.calTable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.calTable .calMonth {
    border: 0 none;
}
.calMonthLink  {
    bottom: 5px;
    font-size: 18px;
    padding: 0 8px 4px;
    position: relative;
    width: 100%;
}

.calTable td {
    padding-bottom: 5px;
    padding-top: 5px;
}
.calWday, .calWdaySe, .calWdaySu {
    background: none repeat scroll 0 0 #83a6b0;
    color: #fff;
    text-transform: uppercase;
}
.calMdayA, .calMdayIsA, .calMdayIs {
    background-color: #5c808e;
    border-color: #5c808e;
    color: #ffffff;
}
.calMdayLink{
    color: #ffffff;
}
/*Календарь*/
/* Вид блога */

/* ====== FAQ ====== */
.fastLinks {
display: none;
}
.eTitle::before {
    font-family: FontAwesome;
    content: "\f105";
    padding-right: 5px;
}
.eAnswer p {
    margin: 5px 0 10px 10px;
}
/* ====== FAQ ====== */

/* footer */
.footer-up{
    background: #e6e6e6;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding: 15px 0;
    position: relative;
}
.footer-up h3 {
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
    text-shadow: none;
    color: #444;
}
.footer-up h2{
    margin: 35px 0;
    padding: 0;
    text-shadow: none;
    color: #444;
}
.footer-up p {
    color: #666;
}
.footer-up .col-photo {
    font-size: 24px;
    text-align: center;
}
.footer-up .tagcloud a {
    background-clip: padding-box;
    display: inline-block;
    font-size: 12px !important;
    margin: 0 5px 10px 0;
    padding: 5px 10px;
    position: relative;
    transition: color 0.3s ease 0s;
}
footer .footer-up .tagcloud a {
    color: #61858f;
}
footer .footer-up .tagcloud a:hover {
    color: #61858f;
}
.footer-up .tagcloud a::before {
    border: 1px solid #61858f;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: scale3d(1, 1, 1);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    width: 100%;
}
.footer-up .tagcloud a:hover::before {
    opacity: 0;
    transform: scale3d(0.6, 0.6, 1);
}

.footer-up .tagcloud a:hover {
    color: #000000;
}
.footermenu {
    position:relative;
}
.footermenu .uMenuRoot li a:hover, .footermenu .uMenuRoot li a:focus, .footermenu .uMenuRoot li a:active, .footermenu .uMenuItemA {
    color: #61858f !important;
}
.footermenu .uk-navbar-nav > li {
    float: none;
}
.footermenu .uk-navbar-nav > li > a {
    height: 20px;
    padding: 0;
    line-height: 15px;
    font-size: 14px;
    color: #444;
    display: inline-block;
    margin: 5px;
}
.footermenu .uk-navbar-nav {
    margin: 0;
}

.footermenu .uMenuItemA span {
  color: #4c6870;
  font-weight:500;
}
.footer-down {
    background: #89BF55;
    color: #fff;
    padding: 10px;
}
.footer-down a{
    color: #a6a6a6;
}
.footer-down a:hover{
    color: #fff;
}
/* /footer */
/* ====== ВВерх ====== */
#back-to-top {
    background: #333;
    border-radius: 3px;
    bottom: 45px;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 45px;
    z-index: 9999;
	color: #a6a6a6;
}
#back-to-top:hover {
 text-decoration: none;
 color: #fff;
}
/* ====== Стили пользователя ====== */
/* ====== Страница пользователя ====== */
.account-settings {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.account-settings img {
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
    height: 100%;
    width: 100%;
}
.account-settings em {
    display: none;
}
.account-settings:hover em {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    display: block;
    font-style: normal;
    left: 0;
    line-height: 35px;
    opacity: 0.78;
    position: absolute;
    right: 0;
    text-align: center;
}
.panel-user {
    border: 1px solid #ddd;
    border-radius: 0;
}
.panel-user .color {
    color: #fff;
}
.panel-user .color::before {
    content: "\f053";
    font-family: fontawesome;
	position: relative;
	margin-right: 6px;
}
.panel-user .color:hover {
    color: #555;
}
.panel-heading {
    background: #89BF55;
    border-radius: 0;
    color: #fff;
    padding: 10px;
}
.panel-heading span a{
    color: #fff;
}
.panel-container {
    background: #444;
}
.panel-body {
    padding: 10px;
}
.user-content {
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: -15px;
    color: red;
}
.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
}
.list-group p {
    margin: 15px;
}
.account-messedz {
    margin-top: 15px;
}
.uk-table td, .uk-table th {
    padding: 8px 8px;
    border-bottom: 1px solid #E5E5E5;
}
.photos {
    padding: 10px;
}
#photo {
    margin-bottom: 25px;
}

@media (min-width:768px){
#photo:nth-child(5),#photo:nth-child(6),#photo:nth-child(7),#photo:nth-child(8) {
    margin-bottom: 0;
}
   }
/* ====== Страница пользователя ====== */

/* Личные сообщения */
.messages-container {
    position: relative;
    padding-bottom: 100%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.messages-container  iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.btn-messages {
    color: #61858f;
    font-size: 13px;
	cursor:pointer;
}
.myWinCont iframe {
	min-height: 490px !important;
    width: 100% !important;
}
@media (max-width:320px) { 
.myWinCont iframe {
	min-height: 300px !important;
    width: 100% !important;
}
.queryField {width: 200px !important;}
}
@media (max-width:480px) { 
.myWinCont iframe {
	min-height: 350px !important;
    width: 100% !important;
}
.queryField {width: 200px !important;}
}
@media (min-width:480px) and (max-width:960px) { 
.myWinCont iframe {
	min-height: 490px !important;
    width: 100% !important;
}
}
.uPM {
    display: none;
}
/* Личные сообщения */

/* tooltip */
.u-mpanel-tooltip::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.7) !important;
    bottom: 100%;
    top: auto !important;
}
.u-mpanel-tooltip::before {
    bottom: 100%;
    top:auto !important; 
}   
.u-mpanel-tooltip {
    top: 100%;
    bottom: auto !important;  
}
/* tooltip */

/* Информер последних комментарий  
------------------------------------------*/  
.circle {border-radius: 50%;}  
.web_now {position: relative;display: block;margin-bottom: 15px;}  
.web_now_ava {width: 57px;overflow: hidden;float: left;}  
.web_now_ava img {width: 100%;min-height: 112%;margin-top: 0px;margin-left: 0px;}  
.web_now:nth-of-type(even)  
.web_now_body {margin-left: 75px;}  
.web_now:nth-of-type(odd)  
.web_now_body {padding-right: 5px;display: block;}  
.web_now_body_top {margin-bottom: 8px;padding:0 5px;line-height: 22px;}  
.web_now_body_top a.comm-user {font-size: 14px;font-weight: bold;}  
.web_now_date {float: right;font-size: 10px;margin-top: 2px;}  
.web_now_body_top a.fa {margin-left: -14px;font-size: 16px;opacity: 0;visibility: hidden;transition:all 0.3s ease 0s;color: #d8d8d8;margin-top: 5px;}  
.web_now_body_top a.fa:hover {color: #5bc4f3;}  
.web_now_body_container {position: relative;}  
.web_now_body_mess {background: #333;border: 1px solid rgba(196, 196, 196, 0.47);border-radius: 5px;padding: 8px 12px 10px;color: #959595;font-size: 12px;line-height: 18px;z-index: 0;display: block;font-style: italic;font-weight: 300;}  
.web_now_body_comment {max-height: 55px;overflow: hidden;}  
.web_now_body_comment a {color: #3BAFDA}  
.web_now:nth-of-type(even) .web_now_body .web_now_body_container span.comm_sprt{background: url("/img/comm_sprt_l.png") no-repeat 0px 0px;width: 25px;height: 17px;display: block;position: absolute;left: -8px;top: 8px;}  
.web_now:nth-of-type(odd) .web_now_body .web_now_body_container span.comm_sprt{background: url("/img/comm_sprt_r.png") no-repeat 0px 0px;width: 25px;height: 17px;display: block;position: absolute;right: -22px;top: 8px;}  
.web_now:nth-of-type(odd) .web_now_ava {float: right;}  
.web_now:nth-of-type(odd) .web_now_body {margin-right: 70px;}  
/* ------------------------------------------*/ 
/* ====== Error 404 ====== */

.error-wrapper {
    margin-top: 15%;
}
.error-wrapper h1 {
    font-size: 150px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	line-height: 100px;
}
.error-wrapper h2 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    word-wrap: break-word;
}

.error-wrapper h3 {
    font-size: 32px;
    color: #474747;
    text-transform: uppercase;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    line-height: 30px;
    margin-top: 0;
}

.error-wrapper .nrml-txt {
    font-size: 18px;
    color: #474747;
    font-weight: normal;
    line-height: 30px;
}

.error-wrapper .nrml-txt a {
    color: #a7ffdf;
}

.error-wrapper .back-btn {
    color: #444;
    border: 1px solid #444;
    padding: 15px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 50px;

}

.error-wrapper .back-btn:hover {
    background: #fff;
    color: #61858f;
    border-color: #61858f;
}

@media (max-width:640px) { 
.error-wrapper h1 {
    font-size: 90px;
    line-height: 70px;
}
.error-wrapper h2 {
    font-size: 23px;
}

.error-wrapper h3 {
    font-size: 18px;
}
.error-wrapper .back-btn {
    margin: 0;

}
}
/* ====== Error 404 ====== */
/* ====== Поиск ====== */
.search {
    width: 100%;
    margin-bottom: 20px;
	border-bottom:1px solid #ccc;
	display:table;
}

.search img {
	float:left;
	width:auto;
    height: 60px;
	border-radius:3px;
	overflow:hidden;
	margin-right:20px;
	margin-bottom:20px;
}
/* ====== Поиск ====== */
/* Разные стили */
.uz-signs-hover {color: #000 !important;}
#uidLogFormAjx > div {padding: 0 !important;}
.ucf-options {width: 100%;}
#sFltLst {position: inherit !important;width: auto !important;}
/* Разные стили */

/* Player */
#serial { z-index: 10001; clear:left; }
#serial #video iframe,#serial #video object,#serial #video embed { width:85%; height:370px; border:0; }
#serii div{display:none;}
#serial #serii { background:#181818; float:right; width:15%; height:370px; overflow: auto; }
#serial #serii span,#serial #serii a{ display:block; cursor:pointer; padding:5px;margin:5px; text-align:center; background:#31353d; color: #fff; text-decoration: none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
#serial #serii .select {background:#89BF55; color: #fff; }
#serial #serii span:hover,#serial #serii a:hover { background:#00a9dd; color: #fff; text-decoration: none; }
@media (max-width: 992px) {
#serial #video iframe,#serial #video object,#serial #video embed { width: 85% !important; }
}
@media (max-width: 767px) {
#serial #serii {float: none;height: auto;overflow: auto;width: 100%;max-height: 130px;}
#serial #serii span,#serial #serii a{ float: left; margin-right: 5px; }
#serial #video iframe,.tab-content iframe,#serial #video object,#serial #video embed { width: 100% !important; height: 370px !important; }
.ah-info { float: none; width: 100%; margin-bottom: 10px; }
.smiles tr { display: block; float: left; }.mgline { width: 23% !important; }
}
@media (max-width: 470px) {
#serial #video iframe,#serial #video object,#serial #video embed { height: 370px !important; }
#serial #video iframe, .tab-content iframe { height: 370px !important; }
}
/* Player */

#player-vk-write { background:#101010; margin:auto; width:100%; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #676767; position:relative; font-size:12px; }
#player-vk-player { background:#000000; margin:0px auto; width:100%; height:372px; clear:both; }
#player-vk-season, #player-vk-serial { margin:0px auto; padding:0px; width:100%; height:40px; list-style:none; overflow:hidden; white-space:nowrap; position:relative; }
#player-vk-season li, #player-vk-serial li { list-style:none; float:left; height:30px; cursor:pointer; position:absolute; margin-left: 50px;}
#player-vk-season li span, #player-vk-serial li span { background:#31353d;text-align: left;width: 72.25px;font-size: 14px;line-height: 22px;margin: 4px 2px;color: #FFF;padding: 5px;}
#player-vk-season li span:hover, #player-vk-serial li span:hover { background:#89BF55;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
#player-vk-write .active { background:#89BF55; }
#player-vk-write .prev { background: url("/images/prev.png") 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; left:5px; top:8px; }
#player-vk-write .prev:hover { background: url("/images/prev1.png") 0 0 no-repeat;}
#player-vk-write .next { background: url("/images/next.png") 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; right:5px; top:8px; }
#player-vk-write .next:hover { background: url("/images/next1.png") 0 0 no-repeat;}
#player-vk-write .prev1 { background: url("/images/prev.png") 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; left:5px; bottom:8px; }
#player-vk-write .prev1:hover { background: url("/images/prev1.png") 0 0 no-repeat;}
#player-vk-write .next1 { background: url("/images/next.png") 0 0 no-repeat; line-height:0px; outline:none; font-size:0px; width:24px; height:24px; display:block; position:absolute; right:5px; bottom:8px; }
#player-vk-write .next1:hover { background: url("/images/next1.png") 0 0 no-repeat;}

.cat-t h2 {
  color: #89BF55;
}
.title-inf {
margin-bottom: 5px;}

.breadcrumbs ol {
  margin: 0;
  list-style: none;
}
.breadcrumbs ol > li {
    list-style: none;
    display: inline;
}
.breadcrumbs ol>li a {
  text-decoration: none;
  position: relative;
  cursor: pointer !important;
}
img {
    max-width: 100% !important;
    height: auto;
    box-sizing: border-box;
}
iframe {
    max-width: 100% !important;
    border: 0;
}
.soc-icon { color:#fff; margin: 0 2px 2px 2px; }
.log-icon { color:#fff; }

/* DLE Styles */
/* Формы на UL */
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 10px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 10px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

		@media only screen and (min-width: 601px) {
			.form-group.combo:after { clear: both; display: table; content: ""; }
			.form-group.combo > .combo_field { width: 50%; float: left;
				-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
			}
			.form-group.combo > .combo_field:last-child { padding-left: 10px; }
			.form-group.combo > .combo_field:first-child { padding-right: 10px; }
		}
		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid #efefef; }

	/* Модификация BB редактора для комментариев */
	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	.wseditor table, .bb-editor table { margin: 0px; }

/* --- Страница пользователя --- */
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: 14px;
		-webkit-transition: all ease .3s; transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .5; }
	.user_tab > li > a:hover { color: inherit; }
	.user_tab > li.active > a { cursor: default; font-size: 16px; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
	.usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; }
	.usinf li:first-child { border-top-width: 0; }

	.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
	.ui-c1 { width: 30%; margin-right: 5%; }
	.ui-c2 { width: 60%; }

	/* Окно пользователя */
	.userinfo { padding-left: 90px; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
	.userinfo .avatar .cover { width: 60px; height: 60px; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

    
    .userinfo_top .avatar { display: inline-block; }
	.userinfo_top .avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
    .userinfo_top .cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

/* --- Информация об ошибках --- */
.berrors {
	background: #ffe6dd;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin: 10px 0px;
	border-radius: 2px;
	box-sizing: border-box;
}

/* --- Работа вкладок --- */
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }


/* --- PM --- */
@media only screen and (min-width: 601px) {
    #pm-menu:after { content: ""; clear: both; display: block; }
        #pm-menu { margin-bottom: 25px; }
        #pm-menu a { color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; }
        #pm-menu a:hover { border-color: #3394e6; color: #3394e6; }
    }
    
        .pm-box { margin-bottom: 25px; }
            .pm_status { padding: 25px; background-color: #2b2b2b; border-radius: 2px; }
            .pm_progress_bar { background-color: #c3c3c3; margin-bottom: 10px; border-radius: 2px; }
            .pm_progress_bar span { background: rgba(137, 191, 85, 0.9); font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden }
    
/* --- Статистика --- */
.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

    
/* Комментарии */
.comment {
    padding: 4% 4%;
    position: relative;
    -webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
}
.com_list .comment {
    border-top: 1px solid #efefef;
    background-color: transparent;
    margin: 0;
    border-radius: 0;
    box-shadow: none; -webkit-box-shadow: none;
}
.comment:hover {
    position: relative;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
}
.avatar { display: inline-block; }
.avatar .cover {
    width: 100px; height: 100px;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: -9999px;
    display: inline-block;
    background-size: 100% !important;
}
.comment .avatar { float: left; margin-right: 15px; position: relative; }
.comment .avatar .cover { width: 36px; height: 36px; }
.com_online {
    position: absolute;
    left: 100%; top: 50%;
    margin: -4px 0 0 -4px;
    overflow: hidden;
    text-indent: -9999px;
    background-color: #70bb39;
    border: 2px solid #fff;
    width: 4px; height: 4px;
    border-radius: 50%;
}

.com_info { font-size: .9em; margin-bottom: 2%; margin-top: -5px; }
.com_info:after { clear: both; display: block; content: ""; }

.com_user { float: left; margin: 9px 15px 0 0; }
.comment .meta { display: inline; }
.comment .meta .left { margin: 0 !important; display: none; }
.comment:hover .meta .left { display: flex; padding: 9px 0px 0px 0px; }

.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
    .comment .meta > ul.left > li { margin-right: 10px; list-style: none; }
    .comment .meta .left a {
        padding: 2px;
    }

.comment .meta .rate { float: right; }

/* Древовидные комментарии */
#dle-comments-list { width: 100%; overflow: hidden; }
#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
.comments-tree-list { list-style: none; padding: 0; margin: 0; }

.comments-tree-list > li > ol > li .comment {
    padding: 30px 0;
    position: relative;
    box-shadow: none; -webkit-box-shadow: none;
    border-width: 0;
}
.comments-tree-list li ol li .comment {

    position: relative;
    box-shadow: none; -webkit-box-shadow: none;
    border-width: 0;
}
.comments-tree-list > li > ol > li .comment:after {
    content: "";
    position: absolute;
    width: 2000px; height: 1px;
    margin-left: -500px;
    left: 0; top: 0;
    background-color: #efefef;
}

.comments-tree-list > li > ol > li .comment:before {
    content: "";
    position: absolute;
    left: 0; top: 12px;
    margin: 30px 0 0 -20px;
    background-color: #e6e6e6;
    width: 10px; height: 2px;
}	

/* Управление комментариями */
.mass_comments_action { text-align: right; border-top: 1px solid #efefef; padding: 2% 4%; }
.mass_comments_action > select { height: 36px; padding: 5px; width: 200px; margin-left: 1em; }

.com_content > .title { margin-top: 4%; }
.com_content > .text { font-size: 1.08em; }

/* Навигация */
.paging-wrapper-bottom {
    padding: 10px 0px;
    text-align: center;
}
.paging-wrapper-bottom a,
.paging-wrapper-bottom span:not(.nav_ext) {
    border: 1px solid #89BF55;
    color: #fff;
    padding: 5px 10px;
    margin: 0 5px 10px 0;
}
.paging-wrapper-bottom a:hover, .paging-wrapper-bottom span:not(.nav_ext) {
    background: #89BF55;
    text-decoration: none !important;
}

/* Login form */

.login_form li {
	list-style: none;
	padding: 0px;
	margin: 5px 0px;
}
.login_form label {
	margin-bottom: 5px;
}
.login_form input {
	width: 100% !important;
	padding: 0px 10px !important;
}
.login_form button {
	width: 100%;
	border-radius: 4px;
}
.login_form__foot .right {
	float: right;
}