@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900');
html {
  font-family: sans-serif; 
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}
body {
	background:#e4e5ea;
    margin: 0;
overflow-x: hidden;
color:#6b6b6b;
font-family: Tahoma, Geneva, sans-serif;
font-size:13px;
font-weight: 400;	
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
button,
button:active,
button:focus{outline:none;}
input, textarea, select:focus{outline:none;
 }
audio,
canvas,
progress,
video {
  display: inline-block; 
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
.clear{
	clear:both;
}
a {
  color: #4791B0; text-decoration: underline;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
    font-size: 1.3em;
    margin: -1.33em 0;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; 
  font: inherit; 
  margin: 0; 
}

button {
  overflow: visible;
}
ul, li {
margin:0 0 0px 0;
	padding:0px;
	list-style:none;
    line-height: 1.3;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; 
  cursor: pointer; 
}

button[disabled],
html input[disabled] {
  cursor: default;
}



button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}


input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; 
  padding: 0; 
}

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

input[type="search"] {
  -webkit-appearance: textfield; 
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; 
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; 
  padding: 0; 
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
	.menu-coin .fa.fa-diamond {
		color: #ffc000;
	}
.bbcodes{
	    background-color: #007bff;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 10px;
}
.wrapper {
	max-width:853px;
	margin:0px auto;
}

.page_bg {
	position:relative;
	background:#f5f6fa;
	overflow:hidden;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.02);
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.02);
	min-height:100vh;
}

header {
	width:100%;
	height:65px;
	background: linear-gradient(to left, #181a26 0%,#263238 100%);
    position: relative;
    z-index: 999;
}
/* Burger menu */
header .burger {
	float: left;
	margin: 12.5px 0 0 10px;
}
.open__burger {
  	display: block;
  	width: 40px;
  	height: 40px;
  	background: transparent;
  	border-radius: 50%;
  	position: relative;
}
.open__burger span,
.open__burger span::before,
.open__burger span::after {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	margin-top: -1px;
  	margin-left: -10px;
  	width: 20px;
  	height: 2px;
  	background: #fff;
}
.open__burger span::before,
.open__burger span::after {
  	content: '';
  	display: block;
  	-webkit-transition: .2s;
  	transition: .2s;
}
.open__burger span::before {
  	-webkit-transform: translateY(-5px);
          	transform: translateY(-5px);
}
.open__burger span::after {
  	-webkit-transform: translateY(5px);
          	transform: translateY(5px);
}
.open__burger-active span::before {
  	-webkit-transform: rotate(45deg);
          	transform: rotate(45deg);
}
.open__burger-active span::after {
  	-webkit-transform: rotate(-45deg);
          	transform: rotate(-45deg);
}
.open__burger-active span {
  	-webkit-transition: .2s;
  	transition: .2s;
  	height: 0;
}
.burger__nav {
  	max-width: 100%;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 65px;
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
    height: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 1px 2px rgba(190, 192, 214, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(190, 192, 214, 0.5);
    box-shadow: 0 1px 2px rgba(190, 192, 214, 0.5);
}
.burger__nav nav {
  	    -webkit-transition: 1s;
    transition: 1s;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
}
.burger__nav nav a {
	width: 29%;
    height: 40px;
padding: 0 10px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    border-radius: 4px;
    color: #000;
      	    -webkit-transition: .3s;
    transition: .3s;
    background-color: #f4f5f9;
    font-family: sans-serif;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
}


.burger__nav nav a:hover{
	    -webkit-box-shadow: 2px 0px 29px 0px rgba(116,132,142,0.18);
    -moz-box-shadow: 2px 0px 29px 0px rgba(116,132,142,0.18);
    box-shadow: 2px 0px 29px 0px rgba(116,132,142,0.18);
    box-shadow: 0 0 30px 0 rgb(255, 204, 48);
}
.burger__nav-active {
  	opacity: 1;
  	-webkit-transition: .5s;
  	transition: .5s;
  	pointer-events: auto;
}

/* /Burger menu */ 

header .logotype {
	float:left;
	margin:20px 0 0 20px;
}
header .side-header {
	float:right;
	margin:20px 15px 0 0;
	position:relative;
}
header .side-header:before {
	content:"";
	position:absolute;
	top:3px;
	left:35px;
	background:rgba(255,255,255,0.26);
	width:1px;
	height:16px;
}
header .logotype a {
	display:block;

}

header .logotype img {
	    width: 115px;
        height: 30px;
}
header .side-link .search-open {
	    display: block;
    float: left;
    padding: 0px 5px;
    margin: 0 0 0 15px;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
	
}


header .side-link .userautos  {
	    display: block;
    width: 22px;
    height: 22px;
    float: left;
    color: #fff;
    padding: 0px 5px;
    font-size: 21px;
}
.search-input {
	display:none;
	background:#fff;
	-webkit-box-shadow: 5px 0px 21px 0px rgba(136,158,168,0.16);
-moz-box-shadow: 5px 0px 21px 0px rgba(136,158,168,0.16);
box-shadow: 5px 0px 21px 0px rgba(136,158,168,0.16);
	padding:20px;
	overflow:hidden;
	    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
}
.search-input input{
	background:#fff;
	border:1px dashed #e9eef0;
	width:80%;
	color:#111;
	padding:13px 0;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	text-indent: 20px;
	float:left;
	margin:0px;

}
.search-input button {
	float:left;
	width:calc(17% - 0px);
	margin:0px 0 0 2%;
	background:url(/templates/kinogruz/svg/searchs.svg) no-repeat center center #fff;
	border:0px;
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	height:46px;
	border:1px dashed #ebeff1;
}

.menu-col.show_full .menu-el {
float:none;
width:calc(100%/1 - 0px);
}
.menu-el {
	float:left;
	width:calc(100%/3 - 0px);
	padding:0px 0px 0px 0px;
	position:relative;
}

.menu-ele {
	position:relative;
	z-index:4;
}
.menu-ele a {
display:block;
	height:97px;
    box-shadow: 0 1px 2px rgb(164 164 164 / 45%);
	text-decoration: none;
	color:#111;
}
.menu-ele a:hover {
	-webkit-box-shadow: 2px 0px 29px 0px rgba(116,132,142,0.18);
-moz-box-shadow: 2px 0px 29px 0px rgba(116,132,142,0.18);
box-shadow: 2px 0px 29px 0px rgba(116,132,142,0.18);
    box-shadow: 0 0 30px 0 rgb(255, 204, 48);
}

.i1 {
	width:34px;
	height:34px;
	float:left;
	margin:4px 0 0 0;
	background:url(/templates/kinogruz/svg/favorites.svg) no-repeat;
}
.i2 {
	width:34px;
	height:34px;
	float:left;
	margin:2px 0 0 0;
	background:url(/templates/kinogruz/svg/video-camera.svg) no-repeat;
}
.i3 {
	width:34px;
	height:34px;
	float:left;
	margin:2px 0 0 0;
	background:url(/templates/kinogruz/svg/theatre.svg) no-repeat;
}
.i4 {
	width:34px;
	height:34px;
	float:left;
	margin:2px 0 0 0;
	background:url(/templates/kinogruz/svg/flag.svg) no-repeat;
}
.i5 {
	width:34px;
	height:34px;
	float:left;
	margin:2px 0 0 0;
	background:url(/templates/kinogruz/svg/reload.svg) no-repeat;
}
.i6 {
	width:34px;
	height:34px;
	float:left;
	margin:2px 0 0 0;
	background:url(/templates/kinogruz/svg/user.svg) no-repeat;
}
.info-menu {
	float:left;
	width: 100%;
}
.info-menu .names {
	font-weight:500;
	-o-transition:0.2s all;-moz-transition:0.2s all;-webkit-transition:0.2s all;
}
.info-menu .names div {
	margin:5px 0 0 0;
	color:#a9acc5;
	font-weight: 400;
	font-size:10px;
}
.menu-coin {
padding:30px 0 0 20px;
}
.show_full .menu-coin{
padding:20px 0 0 20px;
}
.show_full .menu-ele a {
height:77px;
}
.menu-ele a:hover .info-menu .names {
	color:#444;
}
.menu-ele:hover a,
.burger__nav nav a {animation: bounce 0.5s linear;}
@keyframes bounce {
	0% { transform: scale(1,1); } 
	40% { transform: scale(1,0.8); }
	60% { transform: scale(1,1); }
	80% { transform: scale(1,0.9); }
	100% { transform: scale(1,1); }
}

.widget-popular {
	clear: both;
    padding: 5px;
}
.rating-wrp{
	border-radius: 4px;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    margin: 10px 0 10px 0;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
}

.frate {height:40px; margin-top:15px; line-height:24px; width:100%; position:relative; opacity:0; 
display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.frate.done {opacity:1;}
.rate-data {display:none;}
.rate-plus, .rate-minus {cursor:pointer;}
.frate .fa {color:#3c0; display:inline-block; vertical-align:top; font-size: 24px; margin-right:10px;}
.frate .fa:hover {color:#85bec8;}
.rate-minus .fa {color:#f20404; position: relative;}
.frate div:hover .fa {animation: bounceRate  0.3s infinite linear; animation-direction: alternate;}
.rate-perc {font-size: 18px; font-weight: 700;}
.rate-perc.high {color:#3c0;}
.rbar {height:7px; opacity:0.1; overflow:hidden; background-color:#f20404; border-radius:3px; position:absolute; left:0; bottom:0; width:100%;}
.rfill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#3c0; transition:width 1s linear;}
.rate-plus, .rate-minus { margin:0px 5px;}
.rcount {
    color: #999;
    font-size: 16px;
}

.widget-popular .title-glv {
	margin-bottom: 10px;
}

.widget-popular  .title-grz {
    font-size: 14px;
}
.widget-movies {
    width: 100%;
    margin-bottom: 7px;
    display: inline-block;
      -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.widget-movies img{
	    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.widget-movies:hover img{
	    -moz-transform: scale(1.2) rotate(2deg);
    -webkit-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
}
.widget-movies:hover .title {
	color: #1082fc;
}
.widget-movies-inner {
    display: block;
    position: relative;
    overflow: visible;
    transition: transform .1s linear;
}
.widget-movies-inner a {
    display: flex;
    flex-direction: row-reverse;
    height: 60px;
    text-decoration: none;
    transition: background-color .1s ease-in-out;
    background-color: #fff;
    border-radius: 3px;
        box-shadow: 0 1px 2px rgb(164 164 164 / 45%);
}
.widget-movies .content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
}
.widget-movies .title {
    font-family: bernino,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    line-height: 22px;
    font-weight: 400;
    margin: 3px 0 2px;
    font-size: 14px;
    min-width: 0;
    padding: 6px 10px 0;
    color: #505152;
    font-weight: 600;
    position: relative;
    z-index: 2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.widget-movies .content-meta {
    margin: 0;
    color: #6d7080;
    line-height: 18px;
    padding: 0 10px;
    display: block;
    width: 100%;
    font-size: 12px;
    position: relative;
    z-index: 2;
}
.widget-movies .content-rating {
    display: block;
}
.widget-movies .item.rating {
    color: #ffc107;
    display: inline-block;
    font-size: 12px;
}
.widget-movies img {
    display: block;
    max-width: 44px;
    min-width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 2px;
    margin: 8px 0 8px 8px;
    width: 100%;
}

    .catstrong {
   background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;    color: #828181;
    padding: 11px 20px 1px 20px;
    line-height: 17px;
    border: 1px solid #d8e6f7;
}

.myvideo iframe {
 width:100%;

}
.title-glv {
    padding: 14px 20px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
    box-shadow: 0 1px 2px rgb(164 164 164 / 45%);

}
.title-glvbl{
	    background-color: #1b1f2a;
    color: #fff;
    margin-top: 12px;
}

.title-glv .main-recs {
	float:right;
	font-size:16px;
	font-weight:700;
	color:#a9acc5;
	
}

.title-grz {
	position:relative;
	display:inline-block;
	font-size:16px;
	font-weight:700;
}
.or {
font-size:12px;
margin:7px 0 0 0;
    font-weight:500;
    display:block;
        color: #898b96;
}
.fblock-title{
	background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
    margin: 10px 0 10px 0;
    box-shadow: 0 1px 2px rgb(164 164 164 / 28%);
    padding: 15px;
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
}
.title-grz h1 {
font-size:16px;
    margin:0px;
    padding:0px;
        color: #464457;
}
.main-recs a {
color:#444;
}
.title-grz span{
 position:absolute;
 top: 4px;
 right: -25px;
    width: 14px;
    height: 14px;
}


.content article{
padding: 20px 20px;
    overflow: hidden;
    position: relative;
    cursor: default;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
    margin: 10px 0 0 0;
    color: #6b6e84;
    box-shadow: 0 1px 2px rgb(164 164 164 / 45%);
}
.content article .infopole {
	border-bottom: 1px dashed #f4f5f9;
}


.content article .poster a img{
	    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
	-webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.content article:hover .poster a img{
	-moz-transform: scale(1.2) rotate(2deg);
    -webkit-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
}


.content article .title a {
	font-size:14px;
	font-weight:700;
	display:inline;
	color:#62657b;
	padding:0 0 2px 0;
	border-bottom:1px solid #e1eaef;
	text-decoration: none;
	-o-transition:0.2s all;-moz-transition:0.2s all;-webkit-transition:0.2s all;
}
.content article .title a:hover {
	border-color:#fff;
}

.poster {
	float:left;
	width:118px;
	 margin:10px 0 0 0;
	 overflow: hidden;
	     border-radius: 4px;
}
.align-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.info-v {margin:11px 0 0px 24px;overflow:hidden;font-size:12px;display:inline-block;}
.info-s-f-s {padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1);}
.info-s-f-s i {width:20px;}
.download {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    background-color: white;
    margin-top: 12px;
    margin-bottom: 12px;
    border-radius: 4px;
    padding: 6px 0px 0px 0px;
    box-shadow: 0 1px 2px rgb(164 164 164 / 28%);
}

.download-files {
	padding: 4px 24px;
    margin-top: -20px;
}

.download-file {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 16px 0;
}

.border {border-bottom: 1px solid rgba(0,0,0,0.1);}

.download-button {
	color: #f5f3ff;
    background: #8487a2;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    max-width: 175px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    text-decoration: none;
    margin-right: 20px;
}
.download-button i {margin-right: 4px;}
.download-info {
	margin: 9px 0;
}

.download-tag {
	padding: 4px 10px;
	font-size: 10px;
	background-color: #316ea5b5;
	border-radius: 8px;
	color: #fff;
}

.download-text {
	margin-left: 16px;
	font-size: 14px;
	line-height: 1.5;
}

@media screen and (max-width: 400px) {
	.download-button {
		max-width: 100%;
		margin-right: 0;
	}
	.download-info {
		width: 100%;
		margin: 15px 0 0 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}



.related .poster {
	float:left;
	width:45px;
	margin:10px 0 0 15px;
	overflow:hidden;
}
.my__content{
	    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.content article.related {
	width: 48%;
}

.content article.related .title{
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 0;
    display: block;
}

.content article.related .title a {
font-size:14px;
border: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content article.related {
padding:2px 2px;
}

.col-content{
		padding: 5px;
	}


.related .info-article {
    margin:20px;
}
.related .poster img{
	max-width:60px;
	max-height:60px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.poster img{
	max-width:90px;
	max-height:135px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.poster a {
	display:block;
}
.info-article {
    float: left;
    width: calc(100% - 142px);
    margin: 13px 14px 0 -8px;
}
article.full_sto .info-article{
margin:10px 0 0 20px;
}
article.full_sto .poster {
margin:10px 0 0 0;
}

article.full_sto .infopole {
	    font-size: 12px;
    margin: 0 0 10px 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
 }
article .full-stobg {
	position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*filter: grayscale(1);*/
    opacity: 0.1;
    overflow: hidden;
}
article .full-stobg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
article .full-stobg:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
}

.short-story {
	margin:20px 0 0 0;
	line-height:1.4;
	font-size:13px;
}
.infopole {
	    font-size: 12px;
    color: #808080;
    margin: 0 0 10px 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    
}
.infopole div {
	    margin: 0 -9px 6px 0;
    color: #a9acc5;
    padding: 2px;
    opacity: 1;
    width: 77px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    text-align: left;
    z-index: 2;
    padding-left: 25px;
}

 .infobv {
    margin:10px 0 0 0;
    }
    .mars {
    margin:0 0 0 15px;
        float:left;


    }

    .in-far {
   float: left;
    color: #a9acc5;
    padding: 3px 6px 3px 6px;
    border-radius: 0.2rem;
    transition: 0.3s;
    font-weight: 400;
    font-size: 13px;
    }

    .in-far span{
    display:block;
        font-size:13px;
        color:#888585;
        margin:3px 0 0 0;
    }

    .infobv-dae i {
    float:left;
        width:20px;
        margin:10px 0 0 0;
            color: #ac92ec8c;
    }
    .hd1 {
    color: #fff;
    display: inline-block;
    background-color: #31c83c;
    background: linear-gradient(to left, #31c83c 0%,#4ce857 100%);
    border-radius: 3px;
    padding: 5px 7px;
    font-size: 10px;
    }
    .ts1 {
     color: #fff;
    display: inline-block;
    background-color: #f7162c;
    background: linear-gradient(to left, #f7162c 0%,#ff5b6b 100%);
    padding: 5px 7px;
    border-radius: 3px;
    font-size: 10px;
    }
    .web1 {
    color: #fff;
    display: inline-block;
    background-color: #007bff;
    background: linear-gradient(to left, #007bff 0%,#70adef 100%);
    padding: 5px 7px;
    font-size: 10px;
    border-radius: 3px;
    }

.posterfull {
	float:left;
	width:98px;
	margin:17px 0 0 0;
	overflow:hidden;
}
.posterfull img{
	max-width:98px;
	max-height:177px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.adv img {
  width: 100%;
}

.button-main {
	margin:17px 0;
	overflow:hidden;
	
}
.button-main a {
	    display: block;
    background: linear-gradient(to left, #b456da 0%,#a9a9e4 100%);
    font-size: 16px;
    padding: 15px 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 7px;

}
.button-main a:hover {
   background: linear-gradient(to left, #b45ed7 0%,#9e9edb 100%);
	color:#fff;
}

.mainseotext {
	padding: 18px 20px;
    overflow: hidden;
    position: relative;
    line-height: 1.7;
    height: 20vh;
    display: block;
    clear: both;
    color: #52556f;
    background-color: #fff;
    margin: 10px;
    border-radius: 4px;
	box-shadow: 0 1px 2px rgb(164 164 164 / 45%);

}

.mainseotext b, strong
{
    color: #7b7494;
    }
.mainseotext img {
    width: 70px;
    height: 70px;
    float: left;
    padding: 8px 18px 9px 10px;
}

.mainseotext.open {
	height:100%;
}
.mainseotext a{
	color:#8386a2;
	text-decoration: none;
	display:inline;
	padding:0px 0 2px 0;
	-o-transition:0.2s all;-moz-transition:0.2s all;-webkit-transition:0.2s all;
}
.mainseotext a:hover {
	border-color:#fff;
}
.mainseotext li {
	margin:0 0 10px 0;
}

@media only screen and (min-width : 853px) {
	.destop-hide{
		display: none;
	}
	.mob-hide {
		display: block;
	} 
	.sidebar-menu{
		float: left;
		width: 276px;
	}	
	.content-right{
		float: right;
	    width: 556px;
	    padding: 6px 5px 0 0px;
	} 
	.menu-el {
		padding: 5px;
	    width: 46%;
	}
	.menu-ele a {
    	height: 115px;
	}
	.menu-coin {
		text-align: center;
	    padding: 18px 0 0 0;

	}
	.menu-coin .fa {
		display: block;
		font-size: 24px!important;
   		 margin-bottom: 5px;
   		     color: #464457;
	}

	.i1,.i2,.i3,.i4,.i5,.i6 {
		width: 29px;
	    margin: 4px 0 0 45px;
	}
	.menu-ele{
		background-color: #fff;
		border-radius: 4px;
	    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
	    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
	}
}

@media only screen and (max-width : 853px) {
	.destop-hide{
		display: block;
	}
	.menu-col{
		display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	}
	.mob-hide {
		display: none;
	}
	.menu-el {
	  float: none;
	  display: inline-block;
    	width: 30%;
    	padding: 5px;
	}
	.menu-ele a {
    	height: 115px;
	}
	.menu-coin {
		text-align: center;
	    padding: 18px 0 0 0;
	}
	.menu-coin .fa {
		display: block;
		font-size: 24px!important;
   		 margin-bottom: 5px;
   		     color: #464457;
	}
	.menu-coin .fa.fa-star {
		color: #ffc000;
	}
	.i1,.i2,.i3,.i4,.i5,.i6 {
		width: 29px;
	    margin: 4px 0 0 45px;
	}
	.menu-ele{
		background-color: #fff;
		border-radius: 4px;
	    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
	    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
	}
		.burger__nav nav a {
		width: auto;
	    height: auto;
	}
}

.ui-dialog{
	overflow: hidden;
    padding: 0;
    position: absolute;
    max-width: 300px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(103, 92, 139, 0.16);
    box-shadow: 0px 0px 20px 0px rgba(103, 92, 139, 0.16);
}
.ui-dialog .ui-dialog-titlebar{
	    padding: 10px;
    position: relative;
    border-radius: 3px 3px 0 0;
    color: #eb212d;
    line-height: 20px;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
}
}
.ui-widget-header{border-bottom:1px solid #eee;color:#000;font-size:1.2em;}
.ui-dialog .ui-dialog-title{float:left;margin-right:20px;font-weight: 600;}
.ui-dialog .ui-dialog-titlebar-close,.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{position:absolute;right:5px;top:10px;margin:0;padding:0;width:14px;height:14px;background-color:none!important;background-image:url(/templates/kinogruz/images/close_prowebz.png);background-repeat:no-repeat;background-position:0 -85px;border:none;box-shadow:none;opacity:.5;}
.ui-dialog .ui-dialog-content{
	    background: none;
    border: 0;
    overflow: hidden;
    padding: 10px;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    color: #515151;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
    background-color: #f2f3f8;
}
.ui-widget-content{background:#fff;}
.ui-dialog .ui-dialog-buttonpane{
	    background-image: none;
    background: #fff;
    border-top: 1px solid #e9e9e9;
    margin: 0;
    padding: 10px;
    text-align: left;
    border-radius: 0 0 3px 3px;
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
}
.ui-dialog-buttonset{text-align:right;}
.ui-dialog-buttonset .ui-button{margin-left:5px;}
.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.ui-helper-clearfix{display:inline-block;}
* html .ui-helper-clearfix{height:1%;}
.ui-helper-clearfix{display:block;}
.ui-icon{background-repeat:no-repeat;display:block;overflow:hidden;text-indent:-99999px;}



.rateme {font-size:13px;}
.rateme span{color:#777777}
.rateme i{font-size:16px;color:#898b96;}
.hideshow-text {
	position:relative;
	width:100%;
	text-align:center;
	color:#a9b6bf;
	cursor: pointer;
	height:50px;
	padding:10px 0 0 0;
	
}

.pagi-nav {line-height:40px; margin:10px 0 20px 0; text-align:center; font-size:12px;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {text-align:center; color:#333; width:70px; border-radius:3px; background-color:#EFEFEF; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.13);}
.pnext a, .pprev a {color:#fff; display:block; background-color:#3FA2CC; border-radius:3px; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.13);}
.navigation {text-align:center; padding:0 10px;}
.navigation a, .navigation span {display:inline-block; padding:0 5px; color:#444; border-radius:10px; 
min-width:40px; margin:0 7px 7px 0; background-color:#fff; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.13);}
.navigation span {color:#555; background-color:#EFEFEF; box-shadow:none;}
.pagi-nav a:hover {color:#333; background-color:#fff; text-decoration: none}
.navigation span.nav_ext {background: #fff; color:#444; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.13);}
.dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;}
.hideshow-text:after {
	content:"";
	position:absolute;
	bottom:0px;
	left:calc(50% - 17px);
	width:23px;
	height:23px;
	background:url(/templates/kinogruz/svg/down-arrow.svg) no-repeat;
	-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg); 
transform: rotate(0deg);
	-o-transition:0.2s all;-moz-transition:0.2s all;-webkit-transition:0.2s all;
}
.hideshow-text.show span {
	display:none;
}
.hideshow-text.show {
	height:20px;
	padding:0px;
}
.hideshow-text.show:after{
	-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg); 
transform: rotate(180deg);
}
.hideshow-text:before {
   content: '';
    position: absolute; 
    right: 0; 
	top: -50px; 
    width: 100%; 
    height: 50px;
    /* Градиент */
    background: -moz-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -o-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255, 0.2), #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255, 0.2), #ff 100%);
}
.hideshow-text.show:before {
	display:none;
}

.nav-vf {
	position:relative;
	margin:0px 0 0 0;
	padding:10px 0 0 0;
}

.nav-vf li {
	position:relative;
}
.nav-vf li a{
    display: block;
    background: #ffffff;
    margin-bottom: 8px;
    padding: 20px 20px;
    font-size: 14px;
    text-decoration: none;
    color: #454f6ae6;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgb(164 164 164 / 38%);
    background-image: repeating-linear-gradient(
-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
}

}
.nav-vf li a div {
		width:90%;
	 text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.nav-vf li a:hover {
	    background: #fbfbff;
    color: #454f6ae6;
}

.nav-vf li:last-of-type:before{
	display:none;
}
.nav-vf li:last-of-type:after{
	display:none;
}


.nav-vf li a span {
	position:absolute;
	top:18px;
	right:20px;
	background:url(/templates/kinogruz/svg/right-arrow.svg) no-repeat;
	width:20px;
	height:20px;
}
footer {
padding:104px 0 0 0;
clear: both;

}
footer .footer{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    background-image: repeating-linear-gradient(-45deg, rgba(82,91,171, 0.25), rgba(82,91,171, 0.25) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
    background-color: #8487a2 !important;
    height: 104px;
    overflow: hidden;
	
}

.adminmail {
	padding:30px 20px 20px 20px;
	float:left;
}
.adminmail div {
	color: #fff;
	margin:0 0 7px 0;
}
.adminmail a {
	color:#fff;
	display:inline;
	text-decoration: none;
	padding:0 0 2px 0;
	-o-transition:0.2s all;-moz-transition:0.2s all;-webkit-transition:0.2s all;
}
.adminmail a:hover {
	border-color:#303e47;
}


.title_sp {
    background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgb(164 164 164 / 28%);
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0px; 
}
.title_sp a{
	    color: #fff;
    text-decoration: none;
    background: rgb(132, 135, 162);
    display: inline-block;
    padding: 6px 15px;
    border-radius: 4px;
    margin: 0px -12px 0px 20px;
    -o-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
.title_sp a:hover {
	border-color:#fff;
}

#tr_sp {
padding:10px 20px 0px 20px;
    overflow:hidden;
    line-height:1.7;
}
#actors_sp {
overflow: hidden;
    line-height: 1.7;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    margin: 10px 0 10px 0;
    padding: 10px;
}
#actors_sp .actorshot {
	background: rgba(245, 245, 249, 0.74);
    padding: 5px;
    border-radius: 4px;
    color: #434A54;
}

.kino-poiskim {
    padding: 15px 19px;
    overflow: hidden;
    background-color: #fff;
    color: #898b96;
    background-clip: border-box;
    border-radius: 4px;
    margin: 10px 0 10px 0;
    padding: 10px 20px 10px 20px;
    box-shadow: 0 1px 2px rgb(164 164 164 / 28%);
}
.kino-poiskim i {
margin:0 5px 0 0;
}

.infotor {padding:7px 3px 7px 7px;margin:3px 10px;border:1px solid #E1E1E1;border-radius:3px; color: #717171;line-height: 1.7;}
.infotor i{font-size:17px;padding:1px;color:#84ce19;}
.infotor span{padding-left:7px;}
.infotor a{color:#0E6483;}
.infotor a:hover{text-decoration:none;color:#0B8DBC;}
.f-description {
	background-color: #fff;
    background-clip: border-box;
    border-radius: 4px; 
    margin: 10px 0 10px 0; 
}

.f-story {
    font-family: sans-serif;
    line-height:1.7;
     font-size: 13px;
    padding:20px 20px 20px 20px;
    position:relative;
        color: #434A54;
    box-shadow: 0 1px 2px rgb(164 164 164 / 28%);
}

.b1:before {
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:1px;
	background:#e9eef0;
	
}
.b1:after {
	content:"";
	position:absolute;
	bottom:3px;
	left:0px;
	width:100%;
	height:1px;
	background:#e9eef0;
	
}
.b2:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:1px;
	background:#e9eef0;
	
}
.b2:after {
	content:"";
	position:absolute;
	top:3px;
	left:0px;
	width:100%;
	height:1px;
	background:#e9eef0;
	
}
.infokachestvo{padding:3px 11px;}
.kachestvo{margin:-15px 0px 2px 2px;color:#717171;}
.kachestvo i{font-size:17px;margin-right:6px;}
.kachestvo a{color:#0B8DBC;text-decoration:underline;font-weight:normal;}
.kachestvo a:hover{text-decoration:none;}

.berrors-wrp{
	    background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.01);
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0px;
        background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
}

.berrors {
       background: #f5f8fb;
    color: #6b6b6b;
    margin: 20px 20px 20px 20px;
    padding: 15px 20px;
    line-height: 21px;
    color: #fff;
    background-image: repeating-linear-gradient(-45deg, rgba(171, 82, 82, 0.25), rgba(171, 82, 82, 0.25) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
    background-color: #ea172a !important;
    border-radius: 4px;}
    .berrors span{
    	color: #fff!important;
    }

.berrors b { color:#fff;}
.berrors a { color:#fff; text-decoration:underline; font-weight:700;}
.berrors a:hover {text-decoration:none;}

.berrors-full {
        background: linear-gradient(to left, #f5f6fa 0%,#f5f6fa 100%);
    color: #434A54;
    padding: 11px 20px 1px 20px;
    line-height: 17px;
    border-radius: 4px;}

.link-torrent {
margin:20px;
}
.link-torrent a {
	display:block;
	border:2px solid #6cd626;
	color:#6cd626;
	font-size:16px;
    font-weight:700;
	padding:15px 25px;
	text-decoration: none;
	-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
	-o-transition:0.2s all;-moz-transition:0.2s all;-webkit-transition:0.2s all;
}


.full-commentarii {
    padding: 20px 30px 10px 30px;
    background-color: #fff;
    margin: 10px 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(103,92,139,0.05);
    box-shadow: 0px 0px 20px 0px rgba(103,92,139,0.05);
    border-radius: 4px;
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
}
.infoform{margin:-5px 0px 2px 33px;line-height:19px;color:#717171;}
    .star-comm {
    position:absolute;
        top:-10px;
        right:-10px;
    }
    .hiden {
    display:none;
    }
    
    .star-bg{
    width:25px;
        height:25px;
        background:#fff;
        -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
        position:relative;
        
    }
    .star-bg:before {
    content:"";
        position:absolute;
        width:13px;
        height:13px;
        top:5px;
        left:6px;
        background:url(/templates/kinogruz/svg/star.svg);
    }
    
    .onlines {
        width: 8px;
    height: 8px;
    top: 4px;
    position: absolute;
    z-index: 2;
    background: #32CD32;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    }
.link-blt div{padding:6px 0px;color:#777;}
.link-blt div a{background:url(/templates/kinogruz/images/dwt.png) left no-repeat;text-decoration:underline;padding-left:22px;margin-left:12px;font-size:16px;font-family:Arial;line-height:20px;}
.link-blt div a:hover{text-decoration:none;}
.link-blt div a span{padding:0px;color:#0B8DBC;}

.link-bl {margin:1px auto; box-shadow: inset 0 -3px 1px -2px rgba(0,0,0,0.3);}
.link-bl div {padding:6px 0px; color:#777;}
.link-bl div a {background: url(/templates/kinogruz/images/dw.png) left no-repeat; text-decoration: underline; padding-left:22px; margin-left:12px; font-size: 16px; font-family: Arial; line-height:20px;}
.link-bl div a:hover {text-decoration: none;}
.link-bl div a span {padding:0px; color:#0B8DBC;}

.tabformat{border-top:1px solid #efefef;}


.mass_comments_action{text-align: right;
    padding: 5px 15px;
    margin: 20px 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(103,92,139,0.05);
    box-shadow: 0px 0px 20px 0px rgba(103,92,139,0.05);
    border-radius: 4px;
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
    background-color: #fff;}
.mass_comments_action select{
	    border: 0;
    background-color: #f8f8fb;
    padding: 5px;
    border-radius: 4px;
}

 .koment-inputs input {
    width: 32%;
    float: left;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.2);
    background-color: #fafafa;
}
.koment-inputs button{float:right;margin:0px 3px;}
.koment-inputs button{
	    background: #007bff!important;
    border: 0!important;
}

.koment-inputs, .ac-textarea, .ac-protect{margin-bottom:15px;}
.koment-textarea textarea{display:block;width:100%;height:70px;margin: 0px -5px;background-image:none;background-color:#fafafa;border-radius: 4px;border:1px solid #d6cfcf;box-shadow:inset 0 0 1px 0 rgba(0,0,0,0.2);}
.koment-item{padding: 0 1px 15px 31px;margin-top:15px;border-bottom:1px solid #e3e3e3;}
.koment-left{float:left;margin-left:-40px;width:35px;height:35px;overflow:hidden;position:relative;background:url(/templates/kinogruz/images/avatar.jpg);}
.koment-right{float:right;width:100%;padding-left:10px;}
.koment-left img{width:100%;min-height:100%;}
.koment-top-info{}
.koment-info-line{position:relative;padding-right:100px;}
.koment-date{color:#aaaaaa;font-size:12px;}
.koment-author{float:left;color:#888;font-size:10px;display:inline-block;}
.koment-author{font-size:12px;font-weight:bold;margin:0 10px 0 0;color:#600606;}
.koment-author a{color:#350405;}
.koment-text{margin:10px 0;min-height:20px;color:#333;}
.koment-body{}
.koment-body span{float:right;}
.koment-body a span{color:#335B6E;padding-left:5px;}
.koment-body a i{color:#777;padding-left:3px;}
.koment-rfunk{padding:7px 0;}
.signature{font:italic 11px Georgia, "Times New Roman", Times, serif;margin-top:10px;padding-top:10px;border-top:1px dashed #e3e3e3;}
.koment-bottom-info{}
.koment-bottom-info ul{text-align:right;}
.koment-bottom-info ul li{display:inline-block;margin-left:5px;}
.koment-bottom-info ul li:first-child, .koment-bottom-info ul li:nth-child(2){float:left;margin-left:0;margin-right:10px;}
.koment-bottom-info ul li a{font-size:12px;}
.koment-bottom-info ul li i{margin-right:10px;}
.koment-tree-list .koment-tree-list{background-color:#f6f6f6;padding-top:15px;margin-top:-15px;}
.koment-rate{    position: absolute;
    right: 20px;
    top: 10px;
    line-height: 30px;
    background: rgba(245, 245, 249, 0.74);
    border-radius: 4px;}
.koment-rate span.ratingtypeplusminus{display:block;padding:0 30px;color:#444;font-weight:700;font-size:12px;}
.koment-rate a{display:block;position:absolute;top:0;left:5px;text-align:center;line-height:30px;font-size:18px;font-weight:700;color:#61b804;}
.koment-rate a:last-child{left:auto;right:5px;line-height:30px;color:#ec000b;top:0px;}
.koment-rate a:hover{opacity:0.7;}
.koment-rate > span > span.ratingzero{color:#444444;}
.koment-rate > span > span.ratingtypeplus{color:#06b601;}
.koment-rate > span > span.ratingplus{color:green;}
.koment-rate > span > span.ratingminus{color:red;}


.btn-group{width:100%;position:relative;display:inline-block;font-size:0;white-space:nowrap;vertical-align:middle;}
.rating-mg .btn.like .icon{width:16px;height:16px;background:url(/templates/kinogruz/images/icon-like.png);}
.rating-mg .btn.dislike .icon{width:16px;height:16px;background:url(/templates/kinogruz/images/icon-dislike.png);}
.icon{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;vertical-align:middle;}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle{}
.btn-group > .btn:first-child{margin:0px;}
.btn{font-weight:normal;font-family:sans-serif;font-size:26px;}
.rating-mg .btn{padding:10px 0;font-size:14px;}
.btn-group > .btn{position:relative;}
.btn{display:inline-block;*display:inline;padding:2px 8px;margin-bottom:0;font-size:14px;line-height:20px;color:#0097a7;text-align:center;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #e9eef0;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


.qe {
margin:0 10px 0 0px;
}
.btn i {
margin:0 5px 0 0;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled]{color:#fff !important;background-color:#0097a7;*background-color:#d9d9d9;}
.btn:active,
.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:0;}
.btn.active,
.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn.disabled,
.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active{z-index:2;}
.rate-data {
display:none;
}


.speedi {
    float: left;
    margin: 1px 8px 0 0;
    font-size: 16px;
    color: #b6bfc5;
    text-overflow: ellipsis;
}
.speedbar {
    padding: 10px;
    font-size: 12px;
    color: #9a9595;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
    margin-bottom: 10px;
        box-shadow: 0 1px 2px rgb(164 164 164 / 28%);
}
.speedbar a {  
    color: #fff;
    text-decoration: none;
    background: rgb(132, 135, 162);
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    -o-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

.navjanr {

}
.navjanr {
	position:relative;
	margin:0px 0 0 0;
	padding:20px 0 0 0;
}

.navjanr li {
	position:relative;
}
.navjanr li a{
    display: block;
    background: #fff;
    margin-bottom: 8px;
    padding: 20px 20px;
    font-size: 15px;
    text-decoration: none;
    color: #6e6464;
    box-shadow: 0 1px 2px rgb(164 164 164 / 28%);
    border-radius: 4px;
    background-size: 8px 8px !important;
}
.navjanr li a div {
		width:90%;
	 text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.navjanr li a:hover {
	background: #fbfbff;
}

.navjanr li:last-of-type:before{
	display:none;
}
.navjanr li:last-of-type:after{
	display:none;
}


.navjanr li a span {
	position:absolute;
	top:18px;
	right:20px;
	background:url(/templates/kinogruz/svg/right-arrow2.svg) no-repeat;
	width:20px;
	height:20px;
}

@media (min-width:1025px) { 
    .short-story {
	font-size:14px;
} 
    
    .infopole {
    font-size: 13px;
        color: #656565;

}
.content article .title a  {
    font-size: 15px;

}
    
    .f-story {
    font-size: 14px;

}
    
    body {
    color: #4e4b4b;
}
    
}
.kinogruz-comments {
    padding: 18px 20px 20px 20px;
    overflow: hidden;
    position: relative;
    margin-top: 6px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(103,92,139,0.05);
    box-shadow: 0px 0px 20px 0px rgba(103,92,139,0.05);
    border-radius: 4px;
    background-image: repeating-linear-gradient(-45deg, rgba(82, 91, 171, 0.07), rgba(82, 91, 171, 0) 1px, transparent 1px, transparent 6px) !important;
    background-size: 8px 8px !important;
    background-color: #fff;
}

.gruz-comm-left {
float:left;
    width:45px;
    position:relative;
}
.gruz-comm-left img {
width:45px;
    height:45px;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.gruz-comm-right {
float:left;
    width:calc(100% - 65px);
    margin:5px 0 20px 20px;
}
.gruz-comm-middle {
	clear: both;
}
.gruz-comm a {
text-decoration:none;
    font-size:12px;
    color:#111;
    font-weight:700;

}
.gruz-comm div.autor-s {
display:block;
    margin:0 20px 0 0;
    font-weight:700;
}
.gruz-comm div.datee {

  opacity:0.5;
 display:inline-block;
  
}
.gruz-mess-comm {
line-height: 1.5;
    margin: 20px 0 0 0;
    background: rgba(245, 245, 249, 0.74);
    border-radius: 4px;
    padding: 15px;
}
.nav-comm-gruz {
margin:20px 0 0 0;
    float:right;
}
.nav-comm-gruz a {
text-decoration:none;
    color:#8e9ea8;
}
.nav-comm-gruz div {
display:inline-block;
    margin:0 10px 0 0;
}


@media (min-width: 320px) and (max-width: 550px){
   
    .my__content {
		display: flex;
	    flex-wrap: wrap;
        justify-content: space-between;
		align-items: center;
    }
    .my__content article.related {
    	display: flex;
        flex-direction: column;
        align-items: center;
        flex-basis: 48%;
        justify-content: center;
        overflow: hidden;
    }
    .related .poster img {
	 max-width: 35px;
    max-height: 55px;
    }
    .related .info-article {
    	margin: 10px 0;
        width: 100%;
        text-align: center;
        float: none;
    }
    .berrors .title-glv {
   		padding: 6px;
    }
    .berrors .title-glv .title-grz {
   		font-size: 12px; 
    }
    header .logotype {
    	width: 150px;
        margin: 17px 0 0 20px;
    }
    header .logotype a {
	display:block;
}
    .content article.related .title {
    text-align: center;}
}
@media only screen and (max-width : 330px) {
    
.my__content article.related  { flex-basis: 100%;}
.menu-el { width: 100%; padding: 3px;}
.menu-coin {padding: 25px 0px 0px 0px;}
header .logotype img {display: none;}
}

/*--- AJAX---*/
#loading-layer {display: block !important;background-color: #ccc;z-index:8888 !important;
position: fixed; top: 0 !important; left: 0; right: 0; bottom: auto; width: 100%; height: 5px; text-indent: -9999px;
overflow: hidden;white-space: nowrap;}
#loading-layer:before {content: "";position: absolute;left: 0%; top: 0%; 
background-color: #ec2828; height: 100%;}
#loading-layer:before {animation: load1 2s infinite linear;}
@keyframes load1 { 0% {right: 100%; left: 0;} 50% {right: 0%; left: 0;} 100% {left: 100%; right: 0;}}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/templates/kinogruz/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/templates/kinogruz/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/templates/kinogruz/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/templates/kinogruz/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/templates/kinogruz/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/templates/kinogruz/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.fa-star-o:before {
  content: "\f006";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-home:before {
    content: "\f015";
}
.fa-search:before {
    content: "\f002";
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-comments-o:before {
    content: "\f0e6";
}
.fa-flag:before {
    content: "\f024";
}

.fa-refresh:before {
    content: "\f021";
}
.fa-comment:before {
    content: "\f075";
}
.fa-comment:before {
    content: "\f075";
}
.fa-comment:before {
    content: "\f075";
}
.fa-anchor:before {
    content: "\f13d";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-user-o:before {
    content: "\f2c0";
}

.fa-film:before {
    content: "\f008";
}

.fa-star:before {
    content: "\f005";
}

.fa-volume-up:before {
    content: "\f028";
}
.fa-user:before {
    content: "\f007";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-mail-reply:before {
  content: "\f112";
}

.fa-play-circle:before {
  content: "\f144";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-download:before {
  content: "\f019";
}
.fa-youtube-play:before {
    content: "\f16a";
}

.fa-cog:before {
    content: "\f013";
}

.fa-ellipsis-h:before {
    content: "\f141";
}