body {
	font: 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;background: #f5f5f5;}
    

* {
	margin: 0;
	padding: 0;}
a {
	color: #000;
	text-decoration: none;}

a:hover {text-decoration: none;}
a img {border: 0 none}
a > img {
vertical-align: bottom;
}

hr {
border: 1px solid #e5e5e5;
}


::-moz-selection {
background: #767676;
color: #fff}

ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;}

.scont ul {
	padding-left: 16px;
	list-style: disc outside;}

.scont ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2.2em;}

textarea {
	overflow: auto;
	vertical-align: top;
	border-color: #C3CAD6 !important;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	font-weight: normal !important;
	border: 1px solid #d9d9d9;
	display: inline-block;
	height: 37px;
	padding: 5px 10px;
	cursor: pointer;
	margin: 0;
	background-color: #fff;
	text-align: center;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
button[disabled], input[disabled] {
	cursor: default
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	color: #468EDB;
}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	background: #f4f4f4;
	box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1)
}
p, dl, dd, pre, ul, ol, blockquote, address, table, fieldset {
	margin-bottom: 0px
}
blockquote {
	margin-left: 20px;
	padding: 0 20px;
	font-family: Georgia, Times, serif;
	font-style: italic;
	border-left: 6px solid #d7d7d7;
	color: #737373
}
strong, b {
	font-weight: normal
}
em, cite {
	font-style: italic
}
caption {
	text-align: left
}
th, td {
	vertical-align: middle
}
small, .small {
	font-size: 12px
}
table.userstop, table.pm, table.tableform, table.calendar {
	border-collapse: collapse;
	border-spacing: 0
}
.lcol {
	float: left;
	display: inline
}
.rcol {
	float: right;
	display: inline
}
h1 {
	font-size: 26px;
	line-height: 38px;
	font-weight: normal;
	padding-bottom: 15px;
	margin: 0px !important;
}
h2 {
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	padding-bottom: 15px;
}
h3 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
h4 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
h5 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
.clr {
	clear: both;
}
.clrfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	width: 0;
	visibility: hidden
}
/* Navigation
-----------------------------------------------------------------------------*/
.navigationbox {
	float: left;
	width: 100%;
	height: 70px;}

.navigation {margin: 15px 0 25px 12px;}

.navigation b {
	float: left;
	font-size: 17px;
	line-height: 37px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block;
	height: 37px;
	width: 37px;
	margin: 0;
	background-color: #e5bc00;
    border-radius: 0;
	}

.navigation a {
	float: left;
	font-size: 17px;
	line-height: 37px;
	font-weight: bold;
	color: #000;
	text-align: center;
	display: block;
	height: 37px;
	width: 37px;
	text-decoration: none;
	margin: 0;
	background-color: #fff;
    border-radius: 0;
    border: 1px solid #e6e9ee;
box-sizing: border-box;
	}

.navigation a:hover {background-position: 0px -74px;
	background-color: #f39c12;
border: 1px solid #f39c12;
	}
.nextprev {
	float: right;
	margin: 10px 20px 0 0;
	}

.nextprev span span.pprev {
	background-image: url(../images/prevnext.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 46px;
	width: 39px;
	text-indent: -999px;
	float: right;}

.nextprev span span.pnext {
	background-image: url(../images/prevnext.png);
	background-repeat: no-repeat;
	background-position: -39px 0px;
	display: block;
	height: 46px;
	width: 39px;
	text-indent: -999px;
	float: right;}

.nextprev a span.pnext {
	background-image: url(../images/prevnext.png);
	background-repeat: no-repeat;
	background-position: -39px -46px;
	display: block;
	height: 46px;
	width: 39px;
	text-indent: -999px;
	float: right;}

.nextprev a span.pprev {
	background-image: url(../images/prevnext.png);
	background-repeat: no-repeat;
	background-position: 0px -46px;
	display: block;
	height: 46px;
	width: 39px;
	text-indent: -999px;
	float: right;
}
.nextprev a:hover span.pnext {background-position: -39px -92px;}
.nextprev a:hover span.pprev {background-position: 0px -92px;}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 70px;
	background: #fff;
	border-bottom: 1px solid #E6E9EE;
margin-bottom: 20px;
}
#hdrbox {

    height: 70px;
    position: relative;
margin: 0 60px;
	}
#hdrbox .re {
	display: table-cell;
}
.rezina {
	width: 100%;
}
.hblock1 {
	width: 495px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
}
.hblock2 {
	height: 70px;
	background-repeat: no-repeat;
	background-position: left top;
}
.hblock3 {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
.logo {
float: left;
    padding: 25px 20px;
    color: #000;
    font-weight: bold;
    font-size: 2em;
    height: 20px;
    line-height: 20px;
    
}

    .tabs {
      max-width: 350px;
      margin-left: auto;
      margin-right: auto;
    }

    .tabs>input[type="radio"] {
      display: none;
    }

    .tabs>input[type="radio"]:checked+label {
      background-color: #bdbdbd;
    }

    .tabs>div {
      /* скрыть контент по умолчанию */
      display: none;
      border: 1px solid #eee;
      padding: 10px 15px;
      border-radius: 4px;
    }

    /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
    #tab-btn-1:checked~#content-1,
    #tab-btn-2:checked~#content-2,
    #tab-btn-3:checked~#content-3 {
      display: block;
    }

    .tabs>label {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      background-color: #eee;
      border: 1px solid transparent;
      padding: 2px 8px;
      font-size: 16px;
      line-height: 1.5;
      border-radius: 4px;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
      margin-left: 6px;
      cursor: pointer;
      margin-bottom: 10px;
    }

    .tabs>label:first-of-type {
      margin-left: 0;
    }

.logop {
    background: url(/images/pikachu.png);
    position: absolute;
    top: -39px;
    width: 70px;
    height: 57px;
    left: -29px;
}

.description {
	color: #4AA2DA;
	float: left;
	font-size: 21px;
	line-height: 21px;
	margin: 23px 0 0 10px;
	width: 100px;
}
.btnSearch {
	float: right;
	background-repeat: no-repeat;
	background-position: 40px 40px;
	display: block;
	margin: 0;
	position: relative;

}
.qsearch {
	display: none;
	top: 22px;
	left: 276px;
	position: absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	-moz-box-shadow: 0px 0px 38px 0px rgba(91, 105, 114, 0.9);
	-webkit-box-shadow: 0px 0px 38px 0px rgba(91, 105, 114, 0.9);
	box-shadow: 0px 0px 38px 0px rgba(91, 105, 114, 0.9);
	border: 1px solid #a0abb3;
	padding: 25px;
	z-index: 999;
	width: 380px;
}
.qsearch input {
	float: left;
	margin-left: 20px;
}
.qsearch input:focus {
	box-shadow: 0 0 5px rgba(182, 182, 255, 1);
	-webkit-box-shadow: 0 0 5px rgba(182, 182, 255, 1);
	-moz-box-shadow: 0 0 5px rgba(182, 182, 255, 1);
}
.qsearch button {
	float: left;
	background-color: #fff;
}
.btnqsearch, .butbtn {
	background-image: url(/images/search.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 24px;
	border: 0px;
	cursor: pointer;
	float: left;
	margin-left: 0px;
	text-indent: -9999px;
	box-shadow: none;
	padding: 0px;
	margin: 24px 0;
}
.btnqsearch:hover, .butbtn:hover {
	background-position: 0px 0px;
}
.btnclose {
	float: left;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 36px;
	width: 37px;
	cursor: pointer;
	opacity: .2;
	filter: alpha(opacity=20);
	margin: 6px 0 0 20px;
}
.btnclose:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
input[type=text], input[type=email], input[type=password] {
	display: block;
	height: 70px;
	width: 250px;
	margin: 0 27px;
	padding: 0 10px;
	color: #8f9ba5;
	font-size: 18px;
	background: #fff;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
input:focus {
    outline: none;
}
ul.topmenu {
	list-style-type: none;
	float: left;
	margin: 22px 30px 20px 25px !important;
}
ul.topmenu li {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 0px 0px 0 10px;
}
ul.topmenu li a {
	text-decoration: none;
	    font-weight: bold;
}
ul.topmenu li a:hover {
	text-decoration: none;
}
.active {
	font-weight: bold;
}
.btnReg {
	background-image: url(../images/mbtn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	position: absolute;
	height: 46px;
	width: 185px;
	top: 28px;
	right: 33px;
	font-size: 25px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 20px 0 0 18px;
}
.btnReg:hover {
	background-position: 0px -66px;
	text-decoration: none;
}
.btnFor {
	background-image: url(../images/mbtn.png);
	background-repeat: no-repeat;
	background-position: 0px -132px;
	display: block;
	position: absolute;
	height: 26px;
	width: 89px;
	top: 84px;
	right: 130px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 8px 0 0 16px;
}
.btnFor:hover {
	background-position: 0px -166px;
	text-decoration: none;
}
.btnEtr {
    background: url(../images/login.png) no-repeat 0px 0px;
    display: inline-block;
    height: 40px;
    width: 40px;
}	
.btnEtr:hover {
	background-image: url(../images/loginh.png);
	text-decoration: none;
}
/* Slider
-----------------------------------------------------------------------------*/
#sliderblock {
	background: #0A121D;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	height: 241px;
	width: 100%;
	top: -1px;
}
#lineblock {
	display: block;
	position: relative;
	height: 0px;
	width: 100%;
	margin-bottom: 15px;
}
#sliderblock div {
	position: relative;
	white-space: nowrap;
}
#sliderblock .left, #sliderblock .right {
	position: absolute;
	display: block;
	height: 241px;
	top: 0px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#sliderblock .left:hover, #sliderblock .right:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}
#sliderblock .left img, #sliderblock .right img {
	border: none;
	margin: 0px;
	padding: 0px;
}
#sliderblock .left {
	left: -1px;
	text-align: right;
}
#sliderblock .right {
	right: -1px;
}
#sliderblock_in {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
}
#sliderblock img {
	padding: 15px 5px;
}
#sliderblock a {
	display: inline-block;
	margin: 0px 0px;
	position: relative;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
#sliderblock a span {
	left: 5px;
	bottom: 15px;
	color: #fff;
	position: absolute;
	overflow: hidden;
	white-space: normal;
	display: none;
	padding: 3px 5px;
	width: 142px;
	background: rgba(0,0,0,0.4);
	font-size: 12px;
	font-weight: bold;
	opacity: .9;
	filter: alpha(opacity=90);
	line-height: 375px;
text-align: center;
    height: 205px;
}
#sliderblock a:hover span {
	display: block;
}
/* Login
-----------------------------------------------------------------------------*/
.loginblock {
	position: relative;
	float: right;
    margin: 15px 20px;
	width: 40px;
	height: 40px;
}
.provl {
	padding: 0 0 10px 0;
}
.provl input {
	float: left;
	margin: 3px 0 0 0;
}
.chuj {
	float: left;
}
.loginblock img {
	z-index: 1;
	border-radius: 200px;
}
.wellcome {
	float: left;
	font-size: 20px;
	color: #ff7623;
	font-weight: bold;
	margin: 45px 0 0 30px;
	width: 200px;
}
.loginname {
	color: #1b333f;
	position: relative;
	float: left;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	margin: 5px 0 0 15px;
	width: 110px;
	height: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 2;
}
.loginbg {
	z-index: 1;
	height: 40px;
	width: 40px;
	opacity:.7;
}
.loginbg:hover {
	background-position: -163px 0px;
	opacity:1.0;
}
/* Speedbar
-----------------------------------------------------------------------------*/
.speedbar {
	float: left;
	width: 100%;
	background-image: url(../images/speedbar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 24px;
	padding: 0 0 0 30px;
	margin: 0 0 10px 15px;
	color: #899aa3;
}
.speedbar a {
	font-weight: bold;
	text-decoration: none;
}
.speedbar a:hover {
	text-decoration: underline;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	position: relative;
}
#middle:after {
    content: '';
    clear: both;
    display: table;
}


#container {
	width: 100%;
	float: right;
	overflow: hidden;
	background-color: #FFF;
}

#content {
	margin: 60px;
}

#content:after {
    content: '';
    clear: both;
    display: table;
}
.staticbox {
	padding: 0 15px 15px 15px;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	margin: 20px 0px 80px 0px;
	width: 229px;
	position: relative;
	color: #3d5a68;
	margin-bottom: 0px;
	border-right: 1px solid #E6E9EE;
}

#sideLeft a {
	text-decoration: none;
	color: #000;
}
#sideLeft a:hover {
    color: #fff;
	text-decoration: underline;
}
.tbl {
	background-image: url(../images/menultop.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 12px;
	width: 227px;
}
.tblb {
	float: left;
	background-image: url(../images/menulb.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 12px;
	width: 227px;
}
.LTitle {
	width: 182px;
	float: left;
	font-size: 18px;
	color: #4f6874;
	border-bottom: 1px solid #e2e2e2;
	padding: 0 0 5px 20px;
	margin: 10px 0 15px 0;
}
.LTitle span {
	font-weight: bold;
	text-transform: uppercase;
	color: #499fd6;
}
.toplist {
	font-size: 12px;
	float: left;
	color: #3d5a68;
	padding: 0 0 5px 15px;
	width: 182px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.toplist span {
	color: #b5bec3;
}
.LTitle2 {
	width: 182px;
	float: left;
	font-size: 18px;
	color: #4f6874;
	padding: 0 0 0px 20px;
	margin: 20px 0 0px 0;
}
.LTitle2 span {
	font-weight: bold;
	text-transform: uppercase;
	color: #499fd6;
}
.thtitle {
	background-color: #b5bec3;
	float: left;
	font-size: 11px;
	color: #FFF;
	height: 15px;
	line-height: 15px;
	margin: 5px 0 0 0;
	padding: 0 13px 2px 20px;}

.thtitle span {
	border-right: 1px solid #cbd3d7;
	padding: 0 38px 2px 0;
	margin: 0 10px 0 0;
	height: 15px;
	float: none;}

.soonblock {
	font-size: 11px;
	float: left;
	color: #3d5a68;
	padding: 10px 0 0px 20px;
	width: 177px;
	line-height: 12px;}

.soonblock .list {
	float: left;
	width: 135px;}

.soonblock .date {
	float: right;
	width: 42px;
	color: #ff7623;}

.LTitle3 {
	width: 181px;
	float: left;
	font-size: 16px;
	color: #4f6874;
	border-bottom: 1px solid #E6E9EE;
	padding: 20px 0px 20px 0px;
	margin: 0 24px;}

.LTitle3 span {
	font-weight: bold;
	text-transform: uppercase;
	color: #499fd6;}

.shortfilm {
	float: left;
	margin: 0 0 10px 10px;
	position: relative;
	width: 179px;
	overflow: hidden;
	height: 309px;
	color: #3D5A68;
	border: 1px solid #e5e5e5;
	}

.randomfilm {margin: 24px 24px;}

.shortfilm img {
	float: left;
	width: 179px;
	height: 259px;}

.shortfilmrn {
	float: left;
	margin: 0 0 10px 10px;
	position: relative;
	width: 133px;
	height: 236px;
	overflow: hidden;
	color: #3D5A68;
	border: 1px solid #e5e5e5;
	right: 4px;
}
.shortfilmrn img {
	float: left;
	width: 133px;
	height: 208px;
}
.rnboxbt {
	top: 208px;
	left: 0px;
	width: 133px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	position: absolute;
}
.rnboxbt.active p {
	overflow: visible;
}
.rnboxbt a {
	text-decoration: none;
	color: #3D5A68;
}
.rnboxbt a:hover {
	text-decoration: none !important;
	color: #000 !important;
}
.rnboxbt p {
	margin: 4px 2px 5px 2px;
	height: 20px;
	overflow: hidden;
}
.boxbt {
	top: 259px;
	left: 0px;
	width: 179px;
	text-align: left;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	position: absolute;
}
.boxbt.active p {
	overflow: visible;
}
.boxbt a {
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;}

.boxbt a:hover {
	text-decoration: none !important;
	color: red !important;}

.boxbt p {
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 5px 10px;
	height: 20px;
	overflow: hidden;}

.views {
	float: left;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIgMTIiPjxwYXRoIGZpbGw9IiNGMDlBMjAiIGQ9Ik03LjMgNUgxMUw4LjIgNy42bDEgMy43TDYgOS4xbC0zLjIgMi4yIDEtMy43TDEgNWgzLjdMNiAxLjMgNy4zIDV6TTYgMy4zbC0uOCAyLjRIMi42bDEuOSAxLjYtLjYgMi41TDYgOC4zbDIuMiAxLjUtLjctMi41IDEuOS0xLjdINi44TDYgMy4zeiIvPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding: 0 10px 0 20px;
	margin: 0 0 6px 10px;
	height: 13px;
	width: 22px;
	font-size: 13px;
	line-height: 16px;
	color: #555;
}

.messp a {
	float: left;
	display: block;
	padding: 0;
	height: 16px;
	font-size: 13px;
	line-height: 16px;
	margin: 0 10px 0 0;
	cursor: default;
	color: #555;
}

.messp {float: right;}

.messps {
	float: left;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: 0px -16px;
	display: block;
	padding: 0 0 0 30px;
	height: 16px;}

.messp a:hover {
	background-position: 0px -29px;
	text-decoration: none !important;
	color: #555 !important; 
}

.culity {
	position: absolute;
	top: 232px;
	right: 5px;
	display: block;
	height: 20px;
	background-color: rgba(0, 0, 0, 0.12);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 5px;
	font-weight: bold;
	color: #fff;
	    border: 1px solid #fff;}

.culity2 {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	height: 16px;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;}

.culity2:hover {background-color: rgba(0, 0, 0, 1.0);}
.culity:hover {background-position: 0 20px;}
.shortfilm:hover a.starfav {display: block !important;}

.starfav {
	position: absolute;
	top: 185px;
	right: 8px;
	display: none;
	height: 42px;
	width: 42px;
	background-image: url(../images/starfav.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;}

.favorite {
	position: absolute;
	top: 210px;
	right: 5px;
	display: block;
	height: 21px;
	width: 31px;
	background-image: url(../images/favorite.png);
	background-repeat: no-repeat;
	background-position: 0 0;}

.favorite:hover {background-position: 0 -21px;}
.favorite.active {background-position: 0 -42px;}
.favorite.active:hover {background-position: 0 -21px;}

.securityCode {
	border: 1px solid #78AFBE !important;
	background: #FFF !important;
	display: inline !important;
	width: auto !important;
	margin: 0px !important;
	height: 35px !important;}

.lastcomm {
	background-image: url(../images/lastcomm.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 90px;
	width: 173px;
	float: left;
	font-size: 11px;
	padding: 10px 10px 0 10px;
	line-height: 12px;
	margin: 0 0 0 16px;}

.commft {
	float: left;
	width: 173px;
	color: #499fd6 !important;
	padding-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}

.commtext {
	float: left;
	width: 173px;
	height: 26px;
	overflow: hidden;
	color: #1b333f;}

.commdate {
	float: left;
	color: #8599a2;
	margin: 23px 0 0 0;}

.commautor {
	float: right;
	color: #3d5a68;
	margin: 23px 0 0 0;}

.commautor a {color: #ff7623 !important;}

/* Sidebar Right
-----------------------------------------------------------------------------*/
.collcat {
	float: right;
	background-color: #f7f7f7;
	margin: -18px 10px 0 0;
	display: block;
	position: relative;
	line-height:12px;
	font-size: 12px;
	z-index: 1;
}
ul.mainmenu li:hover .collcat {
	background-color: #00a3dd;
	color:#FFF;
}
ul.mainmenu li:hover .collcat .whs {
	background-image: url(../images/blueshadov.png);
}
ul.mainmenu li .collcat:hover {
	background-color: #f7f7f7;
	color:#000;
}
ul.mainmenu li .collcat:hover .whs, ul.mainmenu li .collcat .whs:hover {
	background-image: url(../images/whiteshadov.png);
}
.whs {
	background-image: url(../images/whiteshadov.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	display: block;
	position: absolute;
	height: 12px;
	width: 14px;
	left: -14px;
	top: 0px;
}
#sideRight {
	background-image: url(../images/menur.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	float: left;
	margin-left: -100%;
	width: 154px;
	position: relative;
	margin-bottom: 20px;
}
.tbr {
	background-image: url(../images/menurtop.png);
	display: block;
	height: 12px;
	width: 154px;
	background-repeat: no-repeat;
	background-position: right top;
}
.tbrb {
	float: left;
	background-image: url(../images/menurb.png);
	display: block;
	height: 12px;
	width: 154px;
	background-repeat: no-repeat;
	background-position: right top;
}
.Rtitle {
	font-size: 23px;
	font-weight: bold;
	color: #499FD6;
	float: left;
	margin: 0 35px;
}
ul.mainmenu {
	list-style-type: none;
	float: left;
	width: 154px;
	margin: 20px 20px;
	padding: 0 35px 0 0;
}
ul.mainmenu li a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 24px;
	overflow: hidden;
	width: 139px;
	line-height: 24px;
	padding: 5px 35px 5px 15px;
	display: block;
	border-radius: 3px;
	}

ul.mainmenu li a:hover {
	background-position: 0px 0px;
	background: #FFD131;
	color: #FFF;
	border: 0px !important;
	margin: 0;
	text-decoration: none !important;
	}

ul.mainmenu li a.active::after {
content: "•";
    color: #FFD131;
    font-size: 30px;
    float: right;
}

ul.mainmenu li.acq .collcat {
	background-color: #00a3dd !important;
	color:#FFF !important;}

ul.mainmenu li.acq .collcat .whs {background-image: url(../images/blueshadov.png) !important;}
ul.mainmenu li a.last {border-bottom: 1px solid #dedede;}

ul.mainmenu li a.last:hover, ul.mainmenu li a.last.active {
	background-position: 0px 0px;
	color: #FFF;
	border: 0px !important;
	margin: 1px 0 1px 0;}

ul.mainmenu.norm li a {
	font-weight: normal;
	font-size: 13px;}

ul.mainmenu.norm li a span {color: #ff7623;}
ul.mainmenu.norm li a:hover span {color: #fff;}

.dopinfo {
	border: 3px solid #f2f2f2;
	padding: 6px 0px;
	width: 100%;
	margin-top: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}

.dopinfo a {text-decoration: none;}

.fav_plus {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	height: 21px;
	width: 140px;
	line-height: 20px;}

.fav_plus:hover {
	background-position: right -21px;
	color: #000;}

.fav_plus.active {
	background-position: right -42px;
	color: #000;}

/* Fullstory
-----------------------------------------------------------------------------*/
.storybox {
	float: left;
	
	position: relative;
}
.storybox .favorite, .storybox .favorite.active {
	top: 8px !important;
	right: 15px !important;
}
.storybox h2 {
	width: 100%;
	line-height: 30px !important;
	padding: 0px 0 15px 0 !important;
}
.bigposter img {
	margin: 0px 35px 0px 0px;
	/*box-shadow: 0 20px 60px rgba(0,0,0,0.7);*/

}
.infofilm {
	font-size: 13px;
	padding: 0;
	position: relative;
}
.infofilm b {
	color: #888;
	padding-right: 5px;
	font-weight: normal;
}
.kadr {
	padding: 20px 0 0 0;
	height: auto;
}
.kadr a:hover img {
	opacity: .9;
	filter: alpha(opacity=90);
	border: 2px solid #4aa2da;
}
.kadr img {
	width: 130px;
	height: auto;
	border: 2px solid #1b333f;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 0 5px 8px 0;
	float: none !important;}

.kadrtitle {
	font-size: 18px;
	font-weight: bold;
	color: #1b333f;
	line-height: 23px;
	padding-bottom: 10px;}

.aboutfilm {
	float: left;
	padding: 15px 0 15px 0;
	font-size: 15px;
	line-height: 21px;
	-webkit-transform: translateZ(0);
	border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
	}

.abftitle {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #1b333f;
	line-height: 23px;
	padding: 10px 0 10px 0;}	



.kach {
	/*position: absolute;*/
	top: 40px;
	left: 275px;
	display: block;
	color: #d4d9dc;
	line-height: 20px;
	font-weight: bold;
	font-size: 15px;
	/*height: 20px;*/
padding-bottom: 40px;}

.kaj {
	float: left;
	height: 20px;
	width: 95px;}

.kachest {
	float: left;
	height: 20px;
	background-color: #FF0303;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 9px;
	font-weight: bold;
	color: #fff;}
.ratteir {
	float: right;}

.floatr {float: right;}

.floatrR {
	float: right;
	margin-right: 15px;}

.smotr {
	color: #00303E;
	font: bold 17px/17px "Segoe UI", Arial, Tahoma, Verdana, sans-serif;
	padding: 0 0 0 10px;
}
.smotr b {
	color: #4bb9dc;
}
.btnvideobox {
	position: relative;
	width: 100%;
	height: 425px;
	float: left;
	padding: 70px 0 0 0;
	z-index: 0;
	margin: 10px 0 0;
}
.btnvideobox ul {
	list-style-type: none;
}
.btnvideobox iframe {
	width: 100% !important;
	height: 396px;
	z-index: 0;
}
.btnvideobox .boxvideo {
	width: 100% !important;
	height: 396px;
	display: block;
	background-color: #000;
	position: relative;
}
.novid {
	display: block;
	font-size: 23px;
	font-weight: bold;
	float: left;
	margin: -225px 0 0 200px;
	color: #FFF;
	position: relative;
	z-index: 1;
}
.novid2 {
	display: block;
	font-size: 23px;
	font-weight: bold;
	float: left;
	margin: -190px 0 0 160px;
	color: #FFF;
	position: relative;
	z-index: 1;
}
.btn1 {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	height: 19px;
	width: 75px;
	text-decoration: none;
	padding: 19px;
	border: 1px solid #e5e5e5
}
.btn1:hover {
	background: #FFB843;
        border: 1px solid #FFB843;
}
.btnvideobox ul.film li.active .btn1, .btnvideobox ul.trailer li.active .btn1 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #FFB843;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	height: 19px;
	width: 75px;
	text-decoration: none;
	padding: 20px 20px;
	border: 0;
}
.btn2 {
	position: absolute;
	top: 0px;
	left: 114px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	height: 19px;
	width: 75px;
	text-decoration: none;
	padding: 19px;
	border: 1px solid #e5e5e5;
}
.btn2:hover {
	background: #FFB843;
border: 1px solid #FFB843;
}
.btnvideobox ul.film li.active .btn2, .btnvideobox ul.trailer li.active .btn2 {
	position: absolute;
	top: 0px;
	left: 114px;
	display: block;
	background: #FFB843;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	height: 19px;
	width: 75px;
	text-decoration: none;
	padding: 20px;
		border: 0;
}
.btn3 {
	position: absolute;
	top: 0;
	left: 228px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	height: 19px;
	width: 75px;
	text-decoration: none;
	padding: 19px 19px;
	border: 1px solid #e5e5e5;
}
.btn3:hover {
	background: #f1242eb3;
	border: 0;
padding: 20px 20px;
}
.btnvideobox ul.film li.active .btn3, .btnvideobox ul.trailer li.active .btn3 {
	position: absolute;
	top: 0;
	left: 228px;
	display: block;
	background: #f1242eb3;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	height: 19px;
	width: 75px;
	text-decoration: none;
	padding: 20px 20px;
	border:0;
	}

.btn4 {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 14px;
	color: #000;
	height: 17px;
	width: 141px;
	text-decoration: none;
	padding: 20px 0;}

.btn4:hover {color: #FF0000;}

/* Comments
-----------------------------------------------------------------------------*/

.commbox img {max-width: 568px;}
.commentsbox {padding-right: 0;}

.commentstitle {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	height: 41px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
.commentstitle div {
	padding: 15px 0 0;
	float: left;
	font-weight: normal;
}
.commbox {
	position: relative;
	display: table-row;
	margin: 18px 0 0px 0;
	width: 100%;
}
#dlemasscomments, #dle-comments-list,, #dle-ajax-comments, #mass_comments_action {
 float:none;
}
.mass_comments_action {
	text-align: right;
	padding: 12px 14px 12px 14px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px
}
.mass_comments_action .bbcodes {
	margin-bottom: 0
}
.commbox .re {
	display: table-cell;
	vertical-align: top;
}
.autorava {
	position: relative;
	float: left;
}
.autorava img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 30px 0 0;
	padding: 0px;
}
.innershadow {
	display: block;
	position: absolute;
	height: 100px;
	width: 100px;
	top: 0px;
	left: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0 0 5px 5px #000;
	-webkit-box-shadow: inset 0 0 5px 5px#000;
	box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.2);}

.autorbox {width: 83%;}

.autorinfo {
	width: 100%;
	margin-bottom: 15px;}

.autorname {float: left;}

.autorname a {
	color: #499fd6;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;}

.autorname a:hover {text-decoration: underline;}

.autordate {
	float: right;
	font-size: 16px;
	color: #bebebe;}

.autordate input {
	margin: 3px 0 0 10px !important;
	float: right;}

.autortext {
	width: 100%;
	background-color: #f4f4f4;
	-webkit-border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 10px 10px 10px;
	position: relative;}

.autortextbox {padding: 20px;}

.aco {
	background-image: url(../images/co.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	position: absolute;
	height: 16px;
	width: 17px;
	left: -17px;
	top: 0px;}

.addcommbox {padding: 0;}

.addcommboxtitle {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	height: 42px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	}

.addcommboxtitle b {
	padding: 15px 0 0;
	float: left;}

.rncommbox {padding: 10px 0 20px 0;}

.rncommboxtitle {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	height: 42px;
	font-size: 19px;
	font-weight: bold;
	color: #000;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
text-align: center;
	}

.rncommboxtitle b {
	padding: 15px 0 0 ;
	    text-align: center;
}

ul.editmenu {
	float: right;
	width: 100%;
	height: 40px;}

ul.editmenu li {
	float: left;
	padding: 10px 0 0 10px;}

ul.editmenu li a {
	color: #BEBEBE;
	text-decoration: none;}

ul.editmenu li a:hover {
	color: #777;
	text-decoration: underline;}

/* Rating
-----------------------------------------------------------------------------*/
.ratingbox {padding: 10px 0 0 0;}

.ratingboxbox {
	float: left;
	width: 370px;}

.ratingboxboxbox {
	margin: 50px 0 15px 0px;
text-align: center;
	}

.ratingtitle {
	font-size: 18px;
	font-weight: bold;
	color: #1b333f;
	line-height: 23px;}

.ratingstar {padding: 0;}

.yashare-auto-init {
	float: left;
	padding: 0 0 15px 0px;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {

	font-weight: bold;
	color: #000;
}
.ftrboxya {
    border-bottom: 1px solid #e6e9ee;
    float: left;
    padding: 20px 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.ftr1 {
	width: 100%;
}
.ftr2 {
	width: 206px;
	float: right;
	margin: 25px 0 0 30px;
	position: relative;
}
.schet {
	float: right;
	margin: -32px 30px 25px 20px;
}
.copyright {
    float: left;
    padding: 17px 30px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
.designby {
	float: right;
	margin: 20px 20px 0 0;
}
.expweb {
	background-image: url(../images/web.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	display: block;
	height: 37px;
	float: right;
	padding: 0 68px 0 0;
	text-align: right;
	text-decoration: none;
	opacity: .4;
	filter: alpha(opacity=40);
}
.expweb:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.movetoup {
	float: right !important;
	cursor: pointer;
}
.movetoup:hover {
	color:red;
}
.seriallist {
	background-color: #1B333F;
	background: transparent;
	color: #999;
	border: 1px solid #999;
	opacity: 0.7;
	position: absolute;
	width: 400px;
	margin-left: 150px;
	margin-top: 10px;
}
.panel1 {
	width: 85px;
	margin: 0 10px 8px 0px;
	float: left;
}
.panel1 span {
	width: 85px;
	height: 19px;
	display: block;
	overflow: hidden;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	text-align: center;
	line-height: 18px;
	margin-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.panel1 a {
	text-decoration: none;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
}
.slide span {
	width: 120px;
	height: 19px;
	display: block;
	overflow: hidden;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	text-align: center;
	line-height: 18px;
	margin-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.slide a {
	text-decoration: none;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
}
.panel1 em {
	width: 85px;
	height: 120px;
	display: block;
	overflow: hidden;
}
.panel1 em img {
	min-height: 120px;
}
.ftrmenubox {
	float:left;
	width:800px;
	padding:10px 0 0 30px;
}
ul.ftrmenu {
	float:left;
	list-style-type: none;
	width:150px;
}
ul.ftrmenu li {
	float:left;
	width:150px;
}
ul.ftrmenu li a {
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
}
ul.ftrmenu li a:hover {
	text-decoration: underline;
}
.collcatftr {
	color:#FF7623;
	font-size: 12px;
	font-weight: normal !important;
	margin-left:5px;
}
.ftrmenubox2 {
	float:left;
	width: 100%;
	padding:12px 0 12px 30px;
	border-bottom: 1px solid #E6E9EE;
    box-sizing: border-box;
border-top: 1px solid #E6E9EE;
}
ul.ftrmenu2 {
	float:left;
	list-style-type: none;
width: 100%;
}
ul.ftrmenu2 li {
	float:left;
	padding: 0 35px 0 0;
}
ul.ftrmenu2 li a {
	float: left;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
}
ul.ftrmenu2 li a:hover {
	text-decoration: underline !important;
}
/* hotfix 2013-10-18 */ 
.collcat, .collcatftr {display:none;}

/* vk presents */

.PresTitle a {
	color: #54A81A;
	font-size: 22px;
	font-weight: bold;
	text-decoration: underline;
}

/* pay comments */

.PayComm a {
	color: #3366FF;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

/*---�������������� ����---*/
.login-panel{position:absolute;top:0px;left:0px;z-index:99999}
.login-panel .bg{background:#5A5A5A;background:rgba(0,0,0,0.6);padding:6px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0px 2px 5px rgba(0,0,0,0.6);-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.6);-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.6)}
.login-panel .innerts{background:#fff;position:relative;width:450px;box-shadow:0px 0px 3px #000;-moz-box-shadow:0px 0px 3px #000;-webkit-box-shadow:0px 0px 3px #000}
.ogran-comment {position: absolute;right: 136px;bottom: 10px;background: #FF7623;color: #FFF;font-weight: bold;padding: 5px 10px;}
.small-bitext {overflow: hidden;height: 109px;display: block !important;}
.read-morebb {cursor:pointer;color:#f60;}
.com-order-block {display: none;}



/* films */
div.film {
box-shadow: rgba(0, 0, 0, 0.701961) 0px 20px 60px;
}

.film-info__type{
width: 165px;
color: #888;
padding-right: 10px;
}

.film-info__type, .film-info__value {
padding-top: 10px;
vertical-align: top;
font-size: 13px;
}

.film-info__value {
    color: #333;
}
.film-info__value a:hover {
vertical-align: top;
color:blue;
}

.film-info__value a {
text-decoration: underline;
color: #333;
}

/* films */



/* comment */
.comment_over {margin-top:20px;padding-bottom:15px;border-bottom:1px solid #dedede} 
.comment {display:table;width:100%;} 
.comment_avatar {display:table-cell;vertical-align:top;width:64px;padding-right:15px} 
.comment_avatar img {border-radius: 30px;}
.comment_message {display:table-cell;vertical-align:top;text-align:left} 
.comment_rate {display:table-cell;vertical-align:top;text-align:center;width:80px} 
.comment_top {padding-top:2px;padding-bottom:7px;font-size:17px;line-height:20px} 
.comment_top a {text-decoration:none;color:#6c6c6c} 
.comment_top .comm_time {font-size:12px;color:#9c9c9c;display:inline-block;padding-left:10px} 
.comment_message_in {font-size:15px} 
.comment_over:hover .comment_answer_button a {display:inline-block} 
.comment_over:hover .c_rate_plus a, .comment_over:hover .c_rate_minus a {display:block} 
.comment_answer_button {margin-top:10px;height:24px} 
.comment_answer_button a {display:none;color:#666;font-size:13px;text-decoration:none;background:#efefef;padding:3px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} 
.comment_answer_button a:hover {color:#1d1d1d;text-decoration:none;background:#eaeaea;} 
.c_minus, .c_ziro, .c_plus {width:38px;padding:3px 0px;font-size:13px;text-align:center;font-weight:bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px} 
.c_minus {background:#ffcccc;color:#cc0000} 
.c_ziro {background:#cccccc;color:#FFF} 
.c_plus {background:#ccffcc;color:#009900} 
.c_rate_t {display:table;height:24px} 
.c_rate_plus {display:table-cell;vertical-align:top;width:22px;} 
.c_rate_minus {display:table-cell;vertical-align:top;width:22px;} 
.c_rate_count {display:table-cell;vertical-align:top;width:46px;padding-left:3px;text-align:center} 
.c_rate_plus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('http://yraaa.ru/files/like.png');margin-top:3px;opacity:0.5;position:absolute} 
.c_rate_minus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('http://yraaa.ru/files/unlike.png');margin-top:3px;margin-left:-5px;opacity:0.5;position:absolute} 
.c_rate_plus a:hover, .c_rate_minus a:hover {opacity:1}
/* comment */




/* Второй вид материалов */   
   .cell-news {   
   float:left;   
   width:713px;   
   background: #fff;     
   padding: 20px 20px 10px;
   border: 1px solid #E6E9EE; 
   margin: 0 0 20px 10px;  
   }   

   .cell-news:hover { 
box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.07);
border:1px solid #fff;
} 
   .cell-news-l {   
   float:left;   
   width:180px;   
   margin-right: 20px;   
   }   

   .cell-news-r {   
   float:left;   
   width: 513px;   
   }   

   .cell-news-l-img {   
   width:179px;   
   height:259px;      
   border: 1px solid #e5e5e5;
   }   

   .cell-news-rating {   
   width:100%;   
   }   

   .cell-news-rating img{   
   margin-top: 2px;   
   }   

   .cell-news-rating-os{   
   background: #fff;   /* #8EC98C */
   padding: 6px 8px;    
   font-weight: bold;   
   color: #969696;   
   border-radius:2px;
   border: 1px solid #E6E9EE;
   float: left;   
   }   
   
   .cell-news-r h3 {   
   margin:0;   
   float:left;   
   width:100%;   
   padding-bottom: 10px;   
   border-bottom: 1px solid #E6E9EE;   
   font-weight: normal;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   font-size: 22px;
   line-height: 26px;
   }   

   .cell-news-top{   
   float:left;   
   width:100%;   
   padding: 5px 0px;   
   border-bottom: 1px solid #E6E9EE;   
   font:9px Verdana,Arial,Helvetica, sans-serif;   
   color:#999;   
   }   

   .cell-news-center{   
   float:left;   
   width:100%;   
   margin:0;   
   min-height: 140px;   
   padding: 7px 0px;   
   border-bottom: 1px solid #E6E9EE;   
   text-align:justify;   
   }   

   .cell-news-bottom{   
   float:left;   
   width:100%;   
   font-weight: bold;   
   padding: 10px 0px 0px 0px;   
   }   

.left {
float:left;
}   
.right {
float:right;
}
   
.views2 {
    float: left;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIgMTIiPjxwYXRoIGZpbGw9IiNGMDlBMjAiIGQ9Ik03LjMgNUgxMUw4LjIgNy42bDEgMy43TDYgOS4xbC0zLjIgMi4yIDEtMy43TDEgNWgzLjdMNiAxLjMgNy4zIDV6TTYgMy4zbC0uOCAyLjRIMi42bDEuOSAxLjYtLjYgMi41TDYgOC4zbDIuMiAxLjUtLjctMi41IDEuOS0xLjdINi44TDYgMy4zeiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    padding: 0 0 0 20px;
    margin: 5px 10px;
    height: 14px;
    width: 40px;
    font-size: 13px;
    line-height: 16px;
}
   
.sgv {
    margin: 0 5px;
	font-size: 11px;
	}
.rejh {
    font-weight: normal;
    color: #999;
    font-size: 13px;
}
.srejh:hover {
    color: red;
}

/* Второй вид материалов */      


/* Кнопки вида материалов */

.view_1 {
    margin: 10px 22px;
    position: absolute;
    top: 20px;
    right: 0;
    border: 1px solid #E6E9EE;
    padding: 8px 11px;
    border-radius: 0 ;
	cursor: pointer;
} 
.view_2 {
    margin: 10px 22px;
    position: absolute;
    top: 20px;
    right: 0;
    border: 1px solid #E6E9EE;
    padding: 8px 11px;
    border-radius: 0 ;
	cursor: pointer;
} 
.view_1 {display:none} 
.type_1 {display:none}

/* Кнопки вида материалов */

/* Сортировка START */
.drop-sort {
    background: #FFFFFF;
    position: absolute;
    right: 0px;
    z-index: 10;
    min-width: 185px;
    border: 1px solid #E6E9EE;
}

.drop-sort span {
    display: block;
    cursor: pointer;
    padding: 7px 11px;
}

.drop-sort span i {
    padding-left: 5px;
    font-size: 1.3em;
    float: right;
}

.drop-sort:hover ul {
  display: block;
}

.drop-sort ul {
  border-top: 1px solid #E6E9EE;
  display: none;
}

.drop-sort ul li {

}

.drop-sort ul li a {
    display: block;
    padding: 5px 11px;
}
/* Сортировка END */

#searchbar {
margin:0;
}

.active-button {
    background-color:   #808080;
    font: 17px Tahoma, sans-serif;
    color:  #ffffff;
}
#postFormContent {
float: left;
}

#menu-toggle {
display: none;
}

#sideLeft1 {
display: none;
}

.loginblock1 {
    display: none;
}

.ucf-avatar img {
    border-radius: 300px !important;
}

#content h2 {
    line-height: 15px;
color: #000; 
text-align:left; 
padding: 20px 10px 35px; 
font-weight: normal;
    font-size: 25px;
}

td input[type=text], input[type=email], input[type=password] {
    border: 1px solid #e6e9ee;
    height: 37px;
}

#bdM25 {display:none;}
#bdM58 {display:none;}
#bdM37 {display:none;}
#bdM61 {display:none;}

.addzac {
    background: #FFFFFF;
    position: absolute;
    right: 20px;
    top: 30px;
    z-index: 10;
    border: 1px solid #E6E9EE;
}

.addzac span {
    display: block;
    cursor: pointer;
    padding: 7px 11px;
}

.abouthome {    margin: 55px auto;
    background: #fff;
    max-width: 1025px;
    box-shadow: 0px 10px 35px rgba(0,0,0,0.05);
    padding: 40px;
    box-sizing: border-box;
}
.titlese {    
    float: left;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    background: #f5f5f5;
    margin: 10px 0 0;
}
#sortirovka {position: absolute; top: 30px; right:66px;}

/************************************************************************************************** размеры окон ************************************************************************************/
@media only screen and ( max-width: 800px ) {

#sideLeft {
    display: none;
}

#content {
    padding: 0px 0px 30px 0px;
}
.cell-news {
     max-width: 100%;
    width: auto;
}

.cell-news-l {
    width: 100%;
}

.cell-news-l-img {
    width: 100%;
    height: auto;
}

.cell-news-r {
    width: 100%;
}

.cell-news-center {
    min-height: 0;
}
.cell-news-r h3 {
    margin: 20px 0 0 0;
}

ul.topmenu {
    display: none;
}

.loginblock {
    display: none;
}

.btnSearch {
    display: none;
}



/**************Mobile Menu*******************/
/* MENU TOGGLE STYLES */

#sideLeft1 {
    float: left;
    width: 229px;
    position: relative;
    color: #3d5a68;
    margin-bottom: 0px;
    border-right: 1px solid #E6E9EE;
display:block;
background: #fff;
}

.LTitle3 {
    margin: 20px 24px 0;
}

#menu-toggle {
    display: block;
}

#menu-toggle.open {
  left:230px;
}

#menu-icon {
  width: 45px;
  height: 35px;
float: left;
    margin: 18px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#menu-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 50%;
  background: #000;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#menu-icon span:nth-child(even) {
  left: 50%;
}

#menu-icon span:nth-child(odd) {
  left:0px;
}

#menu-icon span:nth-child(1), #menu-icon span:nth-child(2) {
  top: 5px;
}

#menu-icon span:nth-child(3), #menu-icon span:nth-child(4) {
  top: 15px;
}

#menu-icon span:nth-child(5), #menu-icon span:nth-child(6) {
  top: 25px;
}

#menu-icon.open span:nth-child(1),#menu-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu-icon.open span:nth-child(2),#menu-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu-icon.open span:nth-child(1) {
  left: 5px;
  top: 8px;
}

#menu-icon.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 8px;
}

#menu-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#menu-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#menu-icon.open span:nth-child(5) {
  left: 5px;
  top: 21px;
}

#menu-icon.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 21px;
}

/* MENU STYLES */


#menu {
  background:#fff;
  width:230px;
  position:absolute;
  top:55px;
  bottom:0;
  left:-400px;
  z-index:4;
}

#menu.open {
  left:0;
}

/* CONTENT AREA STYLES */

#page-content {
  position:relative;
}

#page-content.open {
  left:230px;
}




.btnSearch{
border-bottom: 1px solid #e6e9ee;
}

.btnqsearch, .butbtn {
    margin: 24px 0 24px 20px;
}

input[type=text], input[type=email], input[type=password] {
    width: 183px;
    margin: 0 0 0 46px !important;
    padding: 0 20px 0 10px;
}

.loginblock1 {
    display: block;
	position: relative;
	float: right;
    margin: 15px 20px;
	width: 40px;
	height: 40px;
}

.loginblock1 img {
	z-index: 1;
	border-radius: 200px;
}

}

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

.bigposter {
    margin: 0 auto;
    width: 240px;
}
.bigposter img {
float: none !important;
}

.storybox h2 {
    margin-top: 55px !important;
}

.kach {
    left: 0;
}
.btn4 {
    display: none;
}

}