/* stylelint-disable selector-list-comma-newline-after */
:root {
  --color-project: #1d8cf8;
}


h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
  margin-top: 4rem;
}
.blog-pagination > .btn {
    border-radius: 0.6rem;
    color: #f4c430;
    border-color: #f4c430;
}
.blog-pagination > .btn:hover {
    color: #000000;
    background-color: #f4c430;
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}

/*
 * Footer
 */
.blog-footer {
    text-shadow: 0 0 0.3em #000000, 0 0 0.3em #000000, 0 0 0.3em #000000;
  padding: 2.5rem 0;
  color: #727272;
  text-align: center;
    background: url(https://keepers-squad.ucoz.ru/film/images/bgf.jpg) repeat;
    border-top: .05rem solid #f4c430;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}


/*Основные изменения*/
body {
    scrollbar-face-color:#454545;
    scrollbar-shadow-color: #151515;
    scrollbar-highlight-color: #151515;
    scrollbar-3dlight-color: #151515;
    scrollbar-darkshadow-color: #151515;
    scrollbar-track-color: #151515;
    scrollbar-arrow-color: #151515;
}

@media (min-width: 768px) {

::-webkit-scrollbar
{
    width: 12px;
    height: 13px;
}
::-webkit-scrollbar-track-piece
{
    background-color: #222;
    -webkit-border-radius: 13px;
}
::-webkit-scrollbar-thumb:vertical
{
    height: 12px;
    background: rgb(47 137 252 / 50%);
    background: -moz-linear-gradient(45deg, rgb(47 137 252 / 100%) 0%, rgb(255 93 177 / 100%) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #2f89fc), color-stop(100%, #ff5db1));
    background: -webkit-linear-gradient(45deg, rgb(47 137 252 / 100%) 0%, rgb(255 93 177 / 100%) 100%);
    background: -o-linear-gradient(45deg, #2f89fc 100%, #ff5db1 100%);
    background: -ms-linear-gradient(45deg, #2f89fc 100%, #ff5db1 100%);
    background: linear-gradient(45deg, rgb(47 137 252 / 100%) 0%, rgb(255 93 177 / 100%) 100%);
    -webkit-border-radius: 13px;
    border: 1px solid black;
}
::-webkit-scrollbar-thumb:horizontal
{
    width: 12px;
    background: rgb(47 137 252 / 50%);
    background: -moz-linear-gradient(45deg, rgb(47 137 252 / 100%) 0%, rgb(255 93 177 / 100%) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #2f89fc), color-stop(100%, #ff5db1));
    background: -webkit-linear-gradient(45deg, rgb(47 137 252 / 100%) 0%, rgb(255 93 177 / 100%) 100%);
    background: -o-linear-gradient(45deg, #2f89fc 100%, #ff5db1 100%);
    background: -ms-linear-gradient(45deg, #2f89fc 100%, #ff5db1 100%);
    background: linear-gradient(45deg, rgb(47 137 252 / 100%) 0%, rgb(255 93 177 / 100%) 100%);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .metro-layout .contentimg { overflow: auto; }
    ::-webkit-scrollbar { width: 10px; height: 10px; }
    ::-webkit-scrollbar-track:enabled { background-color: #0d0d0d; }
    ::-webkit-scrollbar-thumb:vertical { background-color: #fff; }
    ::-webkit-scrollbar-thumb:horizontal { background-color: #fff; }
}
}

body a {
    color: #ffffff;
}
body a:hover {
    color: #000000;
    text-decoration: none;
}
.shadow a{
    text-shadow: 0 0 0.3em #000000, 0 0 0.3em #000000, 0 0 0.3em #000000;
}
.shadow a:hover {
    text-shadow: 0 0 0.3em #f4c430, 0 0 0.3em #f4c430, 0 0 0.3em #f4c430;
    font-weight: bold;
}

header {
    position: fixed;
    top: 0;
    z-index: 999;
}

header a{ text-decoration: none; }
body {
  /*font-size: .907rem;*/
  font-size: .906rem;
  line-height: 1.2;
  color: #515050;
  background: #000000 url(https://keepers-squad.ucoz.ru/film/online_kino.jpg) top center no-repeat;
  padding-top: 608px;
}
body:before {
    content: '';
    background: url(images/online_kino1.png) top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 59px;
    width: 100%;
    height: calc(100% + 160px);
    z-index: -1;
}


@media (max-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}

/*Стиль для подсказок*/
.tooltip-inner {
    max-width: none;
    background: url(https://keepers-squad.ucoz.ru/film/images/bgf.jpg) ;
    white-space: nowrap;
    text-align: left;
    padding: 15px;
    border:1px solid #454545;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
}

.tooltip.show {
    opacity: 1;
}

.tip-content.hidden {display: none;}


#gotop {
    justify-content: center;
    font-size: 1.9rem;
    text-decoration: none;
    position: fixed;
    width: 68px;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 9998;
    background: linear-gradient(to top, #717170 -17px, transparent 9%);
}

#gotop:hover {
    color: #ffffff;
    background-color: #393939;
}

#gotop i{
    position: absolute;
    bottom: 20px;
}



main.container.cinema{
  background:  url(https://keepers-squad.ucoz.ru/film/images/bg-content.jpg) repeat;
  -webkit-box-shadow: 1px 1px 5px #f4c430;
  -moz-box-shadow: 1px 1px 5px #f4c430;
  box-shadow: 1px 1px 5px #f4c430;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
    overflow: hidden;
}

.p-30 {
  padding: 30px;
}

.form-select {
    border: #3f3f3f 1px solid;
    background-color: #2c2c2c;
    /*font-size: 12px;*/
    color: #6f6f6f;
    text-shadow: 0 1px 0 #000;
}


.list-group-item { padding: .5rem 1rem; }


/*крайние блоки на страницах*/

.block-side {
  background: url(https://keepers-squad.ucoz.ru/film/images/bg_block.jpg) bottom left;
  color: #585858;
  border: 1px solid #000;
  box-shadow: 0px 0px 0px 1px #000 inset;
    position: relative;
    z-index: 1;
}

.block-side.info { text-shadow: 0 0 0.3em #000000, 0 0 0.3em #000000, 0 0 0.3em #000000; }

.block-side h4{
  padding-bottom: 10px;
  background: url(https://keepers-squad.ucoz.ru/film/images/block_menu_bg.png) no-repeat 0 0;
  color: #fff;
  text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
}

.block-side h4.none-b{
    padding-bottom: 10px;
    background: none;
    color: #fff;
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
}

.block-side .list-group {
    max-height: 410px;
    overflow: auto;
    border-bottom: 1px solid rgb(244 196 48 / 60%);
    border-top: 1px solid rgb(244 196 48 / 60%);
    box-shadow: 0 1px 4px rgb(244 196 48 / 30%), -23px 0 20px -23px rgb(244 196 48 / 60%), 23px 0 20px -23px rgb(244 196 48 / 60%), inset 0 0 40px rgb(244 196 48 / 10%);
}

.block-side .list-group-item {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #ccc;
}

.block-side .list-group-item a{text-decoration: none;}


.block-side .badge{
    background-color: #f4c430;
    color: black;
}

.cinema-post {
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    background-color: rgb(0 0 0 / 0%);
    border: 1px solid rgba(0,0,0,0);
}
.cinema-post a:hover {
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
    color: #f4c430;
}

.cinema-post .poster {
    position: relative;
  background: url(https://keepers-squad.ucoz.ru/film/images/bgf.jpg) repeat;
  padding: 5px 5px 25px;
  box-shadow: 0px 0px 0px 2px #000 inset;
  border: 1px solid #000;
}
 /*Ленточка на посторе*/
.rectangle{
    background: #222;
    height:36px;
    min-width:135px;
    position:absolute;
    left:-15px;
    top:15px;
    float:left;
    box-shadow:0px 0px 4px rgba(0,0,0,0.55);
    z-index:100;
}

.rectangle h2 a{
    font-family: verdana, sans-serif;
    margin:0;
    font-size:16px;
    color: rgba(0,0,0,0.6);
    padding: 5px 6px;
    text-shadow: rgb(244, 196, 48) -0.5px -1px, rgb(0, 0, 0) 0px 4px 3px, rgb(244, 196, 48) 0px 7px 7px, rgb(0, 0, 0) 0px 1px 0px;
    text-align:center;
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.rectangle h2 a:hover{
    color: #f4c430;
    text-shadow: rgb(244, 196, 48) -0.5px -1px, rgb(0, 0, 0) 0px 4px 3px, rgb(244, 196, 48) 0px 7px 7px, rgb(0, 0, 0) 0px 1px 0px;
}

.left_tri{
    border-color:transparent #333 transparent transparent;
    border-style:solid;
    border-width:15px;
    height:0px;
    width:0px;
    position:absolute;
    left:-30px;
    top:37px;
    z-index:1;
}

.cinema-post .col-md-8 {
  position: relative;
  padding-left: 10px;
}

.cinema-post .name{
  display: block;
  padding: 5px 12px;
  background: url(https://keepers-squad.ucoz.ru/film/images/bg_block.jpg) repeat;
  text-decoration: none;
  font: normal bold 19px/1.4em Arial, Helvetica, sans-serif;
  border: 2px solid #000000;
  color: #000000;
  text-shadow: 0 0 0.3em #f4c430, 0 0 0.3em #f4c430, 0 0 0.3em #f4c430;
  text-shadow: -1px -1px #f4c430, 0px 4px 3px #f4c430, 0px 8px 13px #f4c430, 0px 5px 18px #f4c430;
}

.cinema-post .name.watch { border-radius: .5rem; }
.cinema-post .name.main {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

/*Жанр*/
.cinema-post .genre {
    padding: 5px 6px;
    color: #6F6F6F;
    font-weight: bold;
    text-shadow: 0px 0px 0.3em #000;
    background: none repeat scroll 0% 0% #222;
    border-radius: 3px;
    border: 2px solid #000000;
    margin-right: 11px;
}

.cinema-post .card-body{
  background: url(https://keepers-squad.ucoz.ru/film/images/conbg_images.png) no-repeat bottom right,
              url(https://keepers-squad.ucoz.ru/film/images/bgf.jpg) repeat;
  border: 3px #000 solid;
  border-radius: 10px;
}

.cinema-post .card-body:before {
  content: "";
  left: 0;
  position: absolute;
  background: url(https://keepers-squad.ucoz.ru/film/images/movie_short_arrow.png) no-repeat 0 0;
  width: 10px;
  height: 40px;
}


.block_info hr{
  height: 1px;
  width: 90%;
  border: 0;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
  box-shadow: rgba(241, 241, 241, 0.05) 3px 2px 3px;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
  background-image: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
  margin: 7px 12px 7px;
}
.info_movie {
  border-left: 3px solid #f4c430;
  display: initial;
}
.info_movie span{margin-left: 10px; color: #424242;}

/*Кнопка смотреть*/
.watch_btn {
    margin:0 auto;
    display:block;
    height: 54px;
    padding: 0 1rem;
    background:url(https://keepers-squad.ucoz.ru/film/images/download_btn.png) no-repeat 0 0;
    font:normal normal 14px/1.2em Arial, Helvetica, sans-serif;
    text-align:center;
    background-position-y: 5px;
    background-position-x: center;
    font-weight: 600;
    border-color: black;
    box-shadow: 0 1px 4px rgb(0 0 0), -23px 0 20px -23px rgb(0 0 0), 23px 0 20px -23px rgb(0 0 0), inset 0 0 40px rgb(0 0 0);
    background-clip: content-box;

}
a.watch_btn, a.watch_btn:link, a.watch_btn:active, a.watch_btn:visited, a.watch_btn:hover {
    text-decoration:none;
    color:#fff;transition: 3s;
}
a.watch_btn:hover {
    color:#000;
    background:url(https://keepers-squad.ucoz.ru/film/images/download_btn.png) no-repeat bottom left;
    background-position-y: -48px;
    background-position-x: center;
    padding: 0 1rem;
    background-clip: content-box;
}
a.watch_btn div {padding-top: 16px;}

/*Слайдер с новинками*/
#carouselExampleFade{
    box-shadow: 0 1px 4px rgb(244 196 48 / 30%), -23px 0 20px -23px rgb(244 196 48 / 60%), 23px 0 20px -23px rgb(244 196 48 / 60%), inset 0 0 40px rgb(244 196 48 / 10%);
}


/*Заголовки из материала */
.text-v-block {
    text-shadow: rgb(0, 0, 0) -0.5px -1px, rgb(0, 0, 0) 0px 4px 2px, rgb(119, 119, 119) 1px 5px 7px, rgb(0, 0, 0) 0px 1px 0px;
    font-size: 1.3rem;
    color: #777;
    font-weight: bold;
    background-image: linear-gradient(135deg, rgb(119 119 119 / 1) 0%, rgb(119 119 119 / 50%) 5%, #ed00aa00 15%, #2fe3fe00 50%, #8900ff00 100%);
}

/*Блоки материалов для контента*/
.block-v {
    background: url(https://keepers-squad.ucoz.ru/film/images/bgf.jpg) repeat;
    border: 3px solid #000000;
    border-radius: 8px;
    padding: 5px 10px;
}


/*Кадры из материала */
.poster-icon{
    font-size: 2rem;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    height: 40%;
    width: 22%;
    line-height: 15%;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    opacity:0;
    background-color:rgba(255,193,7,1);
    color:#000000;
    padding: 2.3rem;
}

.screenshots:before{
    content: '';
    opacity: 0;
    /* background: rgb(0 0 0 / 32%); */
    z-index: 0;
    position: absolute;
    width: 98%;
    height: 100%;
    background: rgb(47 137 252 / 50%);
    background: -moz-linear-gradient(45deg, rgb(47 137 252 / 50%) 0%, rgb(255 93 177 / 50%) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #2f89fc), color-stop(100%, #ff5db1));
    background: -webkit-linear-gradient(45deg, rgb(47 137 252 / 50%) 0%, rgb(255 93 177 / 50%) 100%);
    background: -o-linear-gradient(45deg, #2f89fc 0%, #ff5db1 100%);
    background: -ms-linear-gradient(45deg, #2f89fc 0%, #ff5db1 100%);
    background: linear-gradient(45deg, rgb(47 137 252 / 50%) 0%, rgb(255 93 177 / 50%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#ff5db1', GradientType=1 );
}

.screenshots:hover .poster-icon, .screenshots:hover:before{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}

.poster-icon svg {
    width: 2.5rem;
    height: 2.5rem;
}


/*Блок хронологии*/
.hronol {
    background: url(https://keepers-squad.ucoz.ru/film/images/backslide.png) no-repeat center left;
}

.hronolB {
    text-decoration: none;
    padding: 19px;
    text-indent: 10px;
    border: none;
    display: inline-block;
    background-size: 100%;
}

.hronolB:hover {text-decoration: none;}

#collapseHronol div {
    display: table;
}

#collapseHronol a {
    width: 100%;
    padding: 7px 13px;
    background: #222;
    margin-bottom: 5px;
    display: table;
    border: 3px #000 solid;
    border-radius: 10px;
    text-decoration: none;
}

#collapseHronol a:hover {background: #f4c430; font-weight: 400; text-shadow: 0 0 black; color: black;}


/*Трейлеры*/

.tr-block {
    padding-top: 55.7%;
    /*margin-right: calc(var(--bs-gutter-x)/ 2);*/
    /*margin-left: calc(var(--bs-gutter-x)/ 2);*/
}

.tr-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
}

.customVid .fancybox-content {
    max-width: 1000px;
    width: 80%;
    max-height: 70%;
}

.tr-block a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}


/*Стиль для плеера*/
[v-cloak] {
    display: none;
}
/*.ks-pleer {*/
/*    position: relative;*/
/*    padding-top: 66%;*/
/*}*/
.ks-pleer, .ks-pleer img, .ks-panel {
    height: 47.5vw;
    max-height: 452px;
}
.ks-pleer .breadcrumb{
    background-color: #000;
}
.box-pleer {z-index: 2;}
.box-pleer .box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://keepers-squad.ucoz.ru/film/images/bgf.jpg) repeat;
}

.box-pleer .box::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: #fff;
    z-index: -1;
}

.box-pleer .box::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: #fff;
    z-index: -2;
    filter: blur(16px);
}

.box-pleer .box::before,
.box-pleer .box::after {
    background: linear-gradient(235deg, #89ff00, #060c21, #00bcd4);
}

.box-pleer .content {
    padding: 20px;
    box-sizing: border-box;
    color: #ffffff;
    width: 100%;
}

.source{
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2px;
}

.ks-panel {
    overflow: auto;
}

@media (max-width: 575.98px) {
    body { background-size: cover; padding-top: 460px;}
    .source li, .source li a {width: 100%; text-align: center;}
}

.source li{
    float: left;
    margin: 0 .5em 0 0;
}

.source a{
    cursor: pointer;
    position: relative;
    background: #ddd;
    background-image: linear-gradient(to bottom, #202020, #0f0f0f);
    padding: .7em 3.5em;
    float: left;
    text-decoration: none;
    color: #fff;
    font-weight: 800;
    border-radius: 5px 0 0 0;
    text-shadow: rgb(34 34 34) -0.5px -1px, rgb(0, 0, 0) 0 4px 3px, rgb(87 84 75) 0px 7px 7px, rgb(0 0 0 / 60%) 0 1px 0;
}

.source a:hover,
.source a:hover::after,
.source a:focus,
.source a:focus::after,
.source li.active a,
.source li.active a::after{
    background: #f4c430;
    color: #000000;
    text-shadow: rgb(255 203 5) -0.5px -1px, rgb(255 203 5) 0 4px 3px, rgb(0 0 0) 0 7px 7px, rgb(0 0 0 / 60%) 0 1px 0;
}
.source li.active a,
.source li.active a::after{ cursor: default; }

.source a:focus{
    outline: 0;
}

.source a::after{
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: -.5em;
    bottom: 0;
    width: 1em;
    box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    transform: skew(10deg);
    border-radius: 0 5px 0 0;
    background-image: linear-gradient(to bottom, #202020, #0f0f0f);
    border-right: 2px solid #454545;
}

.voice {
    cursor: pointer;
    padding: 15px;
    display: inline-block;
    transition: all linear 0.15s;
    text-shadow: 0 1px 0 #1a1a1a;
    color: #fff;
}
.voice .badge { color: #000000; }

.voice.style1 {
    border: 1px solid #222027;
    background: linear-gradient(#151418, #000000);
}

.voice.style1:hover, .active .voice.style1 {
    background: rgb(13 110 253 / 50%);
    background: -moz-linear-gradient(45deg, rgb(13 110 253) 0%, rgb(9 9 9 / 50%) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgb(13 110 253)), color-stop(100%, rgb(9 9 9 / 50%)));
    background: -webkit-linear-gradient(45deg, rgb(13 110 253) 0%, rgb(9 9 9 / 50%) 100%);
    background: -o-linear-gradient(45deg, rgb(13 110 253) 0%, rgb(9 9 9 / 50%) 100%);
    background: -ms-linear-gradient(45deg, rgb(13 110 253) 0%, rgb(9 9 9 / 50%) 100%);
    background: linear-gradient(45deg, rgb(13 110 253) 0%, rgb(9 9 9 / 50%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#ff5db1', GradientType=1 );
    border: 1px solid rgb(13 110 253);
}

.style1 .badge {background-color: #0d6efd;}

.voice.style2 {
    border: 1px solid #241F26;
    background: linear-gradient(#131717, #000000);
}

.voice.style2:hover, .active .voice.style2 {
    background: rgb(255 79 18 / 50%);
    background: -moz-linear-gradient(45deg, rgb(255 79 18) 0%, rgb(9 9 9 / 50%) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgb(255 79 18)), color-stop(100%, rgb(9 9 9 / 50%)));
    background: -webkit-linear-gradient(45deg, rgb(255 79 18) 0%, rgb(9 9 9 / 50%) 100%);
    background: -o-linear-gradient(45deg, rgb(255 79 18) 0%, rgb(9 9 9 / 50%) 100%);
    background: -ms-linear-gradient(45deg, rgb(255 79 18) 0%, rgb(9 9 9 / 50%) 100%);
    background: linear-gradient(45deg, rgb(255 79 18) 0%, rgb(9 9 9 / 50%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#ff5db1', GradientType=1 );
    border: 1px solid #ff4f12;
}

.style2 .badge{background-color: #ff4f12;}

.voice.style3 {
    border: 1px solid #1F2622;
    background: linear-gradient(#131714, #000000);
}

.voice.style3:hover, .active .voice.style3 {
    background: rgb(64 190 95 / 50%);
    background: -moz-linear-gradient(45deg, rgb(64 190 95) 0%, rgb(9 9 9 / 50%) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgb(64 190 95)), color-stop(100%, rgb(9 9 9 / 50%)));
    background: -webkit-linear-gradient(45deg, rgb(64 190 95) 0%, rgb(9 9 9 / 50%) 100%);
    background: -o-linear-gradient(45deg, rgb(64 190 95) 0%, rgb(9 9 9 / 50%) 100%);
    background: -ms-linear-gradient(45deg, rgb(64 190 95) 0%, rgb(9 9 9 / 50%) 100%);
    background: linear-gradient(45deg, rgb(64 190 95) 0%, rgb(9 9 9 / 50%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#ff5db1', GradientType=1 );
    border: 1px solid #40be5f;
}

.style3 .badge {background-color: #40be5f;}

.video {

    padding: 9px;
    background: black;
}
.video li{
    font-size: 14px;
    cursor: pointer;
    background: linear-gradient(#222222, #0F0F0F);
    color: #6d6d6d;
    border: 1px solid #222;
}

.video li.active{
    background: url(https://keepers-squad.ucoz.ru/film/images/Button_Play.png) no-repeat left bottom, url(https://keepers-squad.ucoz.ru/film/images/bg-bottom-dark.png);
    background-size: 28px;
    padding: 0.5rem 1.9rem;
    border-color: rgb(244 196 48 / 34%);
}


.list-enter-active, .list-leave-active {
    display: none;
    transition: all 0.3s;
    opacity: 1;
}
.list-enter {
    opacity: 1;
}
.box-voice .video li { transition: all 0.5s; opacity: 0; }
.box-voice.active .video li {  opacity: 1; }

.blocked{
    color: red;
    text-align: center;
    border: 1px solid red;
    padding: 10px; opacity: 0.7;
    box-shadow: inset 0 0 10px rgb(255 0 0);
}
/*---------------------------------------------------*/

/*На главной слайдер ТОП*/

.owl-carousel.movie-index .owl-item .item {
    background-size: cover;
    background-position: center;
}

.owl-carousel.movie-index .text-content {
    width: 100%;
    height: 38px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 2px 5px;
    background: url(https://keepers-squad.ucoz.ru/film/images/bgf.jpg) repeat;
    line-height: 32px;
}

.owl-carousel.movie-index .text-content a {text-decoration: none;}

.owl-carousel.movie-index .owl-nav {
    position: absolute;
    top: -57px;
    right: 0;
}

.owl-carousel.movie-index .owl-nav button {
    padding: 1px 6px !important;
    background: #f4c430;
    color: black;
    font-size: 18px;
}
.owl-carousel.movie-index .owl-nav button:hover {
    background: black;
    color: #f4c430;
    font-size: 18px;
}

/*Похожее к материалу*/
.owl-carousel.movie-index .similar .text-content{
    padding: 0;
}


.similar .text-content a {
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    height: 35px;
    display: inherit;
    background: rgb(0 0 0 / 0.50);
    box-shadow: 0 2px 25px rgb(0 222 255 / 50%);
    /*border: 1px solid #ffc107;*/
    border-radius: .25rem;
    padding: 0 5px;
    font-size: 12px;
}

.similar .text-content a:hover{
    color: #000000;
    background: #ffc107;
}


/*Комментарии к материалу */

.comments {
    padding: 50px 15px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: url(https://keepers-squad.ucoz.ru/film/images/bg_block.jpg) bottom left;
    color: #585858;
    border: 1px solid #000;
    box-shadow: 0 0 0 1px #000 inset;
}

.comments .card { background: none; }
.comments h6 { color: #ffc107!important; }

/*Кнопки скачать/пожаловаться*/
.report {
    border-radius: 0;
}

.custom-btn {
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    background: transparent;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 1.54rem;
    font-size: .8rem;
    color: #f4c430;
}
.custom-btn:hover {
    text-decoration: none;
    color:#000000;
    text-shadow: 0 0 0.1em #f4c430, 0 0 0.2em #f4c430, 0 0 0.3em #f4c430;
    background: #f4c430;
    transition: all 0.7s ease;
}
/**** BTN No. 4 ****/
.btn-4 {
    line-height: 42px;
    padding: 0;
    border: none;
}
.btn-4 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.btn-4:before,
.btn-4:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: #f4c430;
    transition: all 0.3s ease;
}
.btn-4:before {
    height: 50%;
    width: 2px;
}
.btn-4:after {
    width: 20%;
    height: 2px;
}
.btn-4:hover:before {
    height: 100%;
}
.btn-4:hover:after {
    width: 100%;
}
.btn-4 span:before,
.btn-4 span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: #f4c430;
    transition: all 0.3s ease;
}
.btn-4 span:before {
    width: 2px;
    height: 50%;
}
.btn-4 span:after {
    width: 20%;
    height: 2px;
}
.btn-4 span:hover:before {
    height: 100%;
}
.btn-4 span:hover:after {
    width: 100%;
}

/**** BTN No. 5 ****/
.btn-5 {
    line-height: 42px;
    padding: 0;
    border: none;
}
.btn-5 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.btn-5:before,
.btn-5:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #f4c430;
    transition: all 0.3s ease;
}
.btn-5:before {
    height: 50%;
    width: 2px;
}
.btn-5:after {
    width: 20%;
    height: 2px;
}
.btn-5:hover:before {
    height: 100%;
}
.btn-5:hover:after {
    width: 100%;
}
.btn-5 span:before,
.btn-5 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #f4c430;
    transition: all 0.3s ease;
}
.btn-5 span:before {
    width: 2px;
    height: 50%;
}
.btn-5 span:after {
    width: 20%;
    height: 2px;
}
.btn-5 span:hover:before {
    height: 100%;
}
.btn-5 span:hover:after {
    width: 100%;
}

/*Качество видео + возрастное ограничение*/
.quality {
    background: #222;
    color: black;
    font-size: 45px;
    display: table;
    padding: 6px;
    font-weight: bold;
    margin-right: 5px;
    text-shadow: 0 0 0em #000, 0 0 0em #000, 0 0 0em #000;
    line-height: 65px;
}
.age {
    background: #222;
    color: black;
    font-size: 45px;
    display: table;
    padding: 6px;
    font-weight: bold;
    margin-left: 5px;
    text-shadow: 0 0 0em #000, 0 0 0em #000, 0 0 0em #000;
    line-height: 65px;
}

.age18 {
    box-shadow: inset 0px 0px 10px rgba(255,0,0,0.9);
    text-shadow: 0.5px -0.5px 0px rgba(255,0,0,0.7), -0.5px 0.5px 0.5px rgba(255,0,0,0.7), 0px -1px 0px rgba(255,0,0,0.7);
}

.age16 {
    box-shadow: inset 0px 0px 10px rgb(255, 0, 218);
    text-shadow: 0.5px -0.5px 0px rgba(255, 0, 218,0.7), -0.5px 0.5px 0.5px rgba(255, 0, 218,0.7), 0px -1px 0px rgba(255, 0, 218,0.7);
}

.age14 {
    box-shadow: inset 0px 0px 10px rgb(0, 131, 255);
    text-shadow: 0.5px -0.5px 0px rgba(0, 131, 255,0.7), -0.5px 0.5px 0.5px rgba(0, 131, 255,0.7), 0px -1px 0px rgba(0, 131, 255,0.7);
}

.age6 {
    box-shadow: inset 0px 0px 10px rgb(0, 255, 143);
    text-shadow: 0.5px -0.5px 0px rgba(0, 255, 143,0.7), -0.5px 0.5px 0.5px rgba(0, 255, 143,0.7), 0px -1px 0px rgba(0, 255, 143,0.7);
}

.age0 {
    box-shadow: inset 0px 0px 10px rgb(0, 255, 14);
    text-shadow: 0.5px -0.5px 0px rgba(45, 255, 0,0.7), -0.5px 0.5px 0.5px rgba(45, 255, 0,0.7), 0px -1px 0px rgba(45, 255, 0,0.7);
}


/*Карусель на главной*/
.position-relative {
    position: relative!important;
}

.poster-grid:not(img) {
    /*width: 100%;*/
    height: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 110%;
    /*background-size: cover;*/
    padding-bottom: 140%;
    image-rendering: optimizeSpeed;
}

.p-poster__rate-flag {
    position: absolute;
    top: 10px;
    left: -4px;
}

.p-poster__rate-flag:before {
    content: '';
    display: block;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 3;
    bottom: -7px;
    left: 0;
    border-top: 7px solid #ffd400;
    border-left: 4px solid transparent;
    width: 0;
    height: 0;
}

.p-poster__rate-flag .p-rate-flag__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #111;
    position: relative;
    overflow: hidden;
    padding: 4px 16px 4px 6px;
    z-index: 6;
}

.p-poster__rate-flag .p-rate-flag__inner:before {
    border-top: 15px solid #ffd400;
}

.p-poster__rate-flag .p-rate-flag__inner:after, .p-poster__rate-flag .p-rate-flag__inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 6px solid transparent;
}

.p-icon {
    vertical-align: -.125em;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
    fill: currentColor;
}

.p-poster__rate-flag .p-rate-flag__text {
    display: inline-block;
    vertical-align: middle;
}
.p-poster__rate-flag .p-rate-flag__inner:after {
    top: 50%;
    border-bottom: 15px solid #ffd400;
}

/*Модальное окно 18+*/
#Modal18 {display: none;}
.fancybox-content {
    max-width: 650px;
    border: 1px solid #383838;
    background: url(https://keepers-squad.ucoz.ru/film/images/bgf.jpg);
}

#Modal18.fancybox-content{ color: #f4c430; }

#Modal18 h4 {
    color: #ff0000;
    text-align: center;
}

#Modal18 .footer {
    max-width: 480px;
    margin: auto;
}

#Modal18 .btn-danger { float: right;}


/*UCOZ FIX*/
.pagesBlockuz1 a {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0.6rem;
    color: #f4c430;
    border-color: #f4c430;
}

.pagesBlockuz1 a:hover {
    color: #000000;
    background-color: #f4c430;
}

.pagesBlockuz1 .swchItemA {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #f4c430;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0.6rem;
    color: #000000;
    border-color: #f4c430;
}

.pagesBlockuz1 {
    display: block;
    margin-bottom: 4rem;
    margin-top: 4rem;
    text-align: center!important;
}

.pagesBlockuz1 .swchItemDots{
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    color: #f4c430;
}


/*Блок карточки материалов на главной*/

.movie_card {
    position: relative;
    display: block;
    width: 100%;
    height: 350px;
    margin: 100px auto;
    overflow: hidden;
    border-radius: 10px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration: none;
}

a.movie_card {
    margin-top: 0;
}

a:hover.movie_card {
    text-shadow: 0 0 0.3em #000000, 0 0 0.3em #000000, 0 0 0.3em #000000;
    font-weight: normal;
}

.movie_card:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.movie_card .info_section {
    position: relative;
    width: 100%;
    height: 100%;
    background-blend-mode: multiply;
    z-index: 2;
    border-radius: 10px;
}

.movie_card .info_section .movie_header {
    position: relative;
    padding: 25px;
    height: 40%;
}

.movie_card .info_section .movie_header h1 {
    display: block;
    padding: 5px 12px;
    /* background: url(https://keepers-squad.ucoz.ru/film/images/bg_block.jpg) repeat; */
    text-decoration: none;
    font: normal bold 19px/1.4em Arial, Helvetica, sans-serif;
    /* border: 2px solid #000000; */
    color: #000000;
    text-shadow: 0 0 0.3em #f4c430, 0 0 0.3em #f4c430, 0 0 0.3em #f4c430;
    /*text-shadow: -1px -1px #f4c430, 0px 4px 3px #f4c430, 0px 8px 13px #f4c430, 0px 5px 18px #f4c430;*/
    text-shadow: -1px -1px #30d4f4, 0px 4px 3px #30aaf4, 0px 8px 13px #30c7f4, 0px 5px 18px #304af4;
    max-width: 80%;
}

.movie_card .info_section .movie_header h4 {
    font-family: verdana, sans-serif;
    margin: 0;
    font-size: 16px;
    color: rgba(0,0,0,0.6);
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.movie_card.ongoing .info_section .movie_header h4 {
    text-shadow: rgb(244 48 220) -0.5px -1px, rgb(0, 0, 0) 0px 4px 3px, rgb(244 48 238) 0px 7px 7px, rgb(0, 0, 0) 0px 1px 0px;
}

.movie_card.closed .info_section .movie_header h4 {
    text-shadow: rgb(48 244 86) -0.5px -1px, rgb(0, 0, 0) 0px 4px 3px, rgb(48 244 50) 0px 7px 7px, rgb(0, 0, 0) 0px 1px 0px;
}

.movie_card.announcement .info_section .movie_header h4 {
    text-shadow: rgb(48 244 240) -0.5px -1px, rgb(0, 0, 0) 0px 4px 3px, rgb(48 244 235) 0px 7px 7px, rgb(0, 0, 0) 0px 1px 0px;
}

.movie_card .info_section .movie_header .minutes {
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.13);
}

.movie_card .info_section .movie_header .type {
    display: inline-block;
    color: #cee4fd;
    margin-left: 10px;
}

.movie_card .info_section .movie_header .locandina {
    position: relative;
    float: left;
    margin-right: 20px;
    height: 230px;
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
}

.movie_card .info_section .movie_desc {
    padding: 25px;
    height: 50%;
}

.movie_card .info_section .movie_desc .text {
    color: #cfd6e1;
}

.movie_card .info_section .movie_social {
    height: 10%;
    padding-left: 15px;
    padding-bottom: 20px;
}

.movie_card .info_section .movie_social ul {
    list-style: none;
    padding: 0;
}

.movie_card .info_section .movie_social ul li {
    display: inline-block;
    color: rgba(255, 255, 255, 0.4);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
    margin: 0 10px;
}

.movie_card .info_section .movie_social ul li:hover {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: rgba(255, 255, 255, 0.8);
}

.movie_card .info_section .movie_social ul li i {
    font-size: 19px;
    cursor: pointer;
}

.movie_card .blur_back {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    right: -1px;
    border-radius: 11px;
}


.card-age__rating {
    top: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    position: absolute;
    right: 16.6666666667px;
    text-align: center;
    width: 50px;
    color: rgb(207 214 225);
    text-shadow:
            0px 6px 5px #000,
            0px 6px 5px #000,

            0px -6px 5px #000,
            0px -6px 5px #000,

            6px 0px 5px #000,
            6px 0px 5px #000,

            -6px 0px 5px #000,
            -6px 0px 5px #000,

            -6px 6px 5px #000,
            -6px 6px 5px #000,

            6px -6px 5px #000,
            6px -6px 5px #000,

            6px 6px 5px #000,
            6px 6px 5px #000,

            -6px -6px 5px #000,
            -6px -6px 5px #000,
                /*Второй ряд*/
            0px 15px 5px #000,
            0px 15px 5px #000,

            0px -15px 5px #000,
            0px -15px 5px #000,

            9px 0px 5px #000,
            9px 0px 5px #000,

            -9px 0px 5px #000,
            -9px 0px 5px #000,

            -9px 6px 5px #000,
            -9px 6px 5px #000,

            9px -9px 5px #000,
            9px -9px 5px #000,

            9px 9px 5px #000,
            9px 9px 5px #000,

            -9px -9px 5px #000,
            -9px -9px 5px #000;
}

.card-age__rating:after {
    /*border-radius: 100%;*/
    /*border: 2px solid rgb(244 48 220);*/
    /*content: '';*/
    /*height: 100%;*/
    /*left: 0;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*background: rgba(255, 255, 255, 0);*/
    /*box-shadow: rgb(244 48 220) 0px 0px, rgb(0, 0, 0) 0px 2px 0px, rgb(244 48 238) 0px 7px 7px, rgb(0, 0, 0) 0px 1px 0px, rgb(0, 0, 0) 0px -2px 0px, rgb(244 48 238) 0px -7px 7px, rgb(0, 0, 0) 2px 0px 0px, rgb(244 48 238) 7px 0px 7px, rgb(0, 0, 0) -2px 0px 0px, rgb(244 48 238) -7px 0px 7px;*/
    border-radius: 100%;
    border: 2px solid rgb(207 214 225);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    box-shadow:
            rgb(0, 0, 0) 0px 2px 0px,
            rgb(0, 0, 0) 0px 0px 0px,
            rgb(0, 0, 0) 0px -2px 0px,
            rgb(0, 0, 0) 2px 0px 0px,
            rgb(0, 0, 0) -2px 0px 0px,
            rgb(207 214 225) 0px 7px 7px,
            rgb(207 214 225) 0px -7px 7px,
            rgb(207 214 225) 7px 0px 7px,
            rgb(207 214 225) -7px 0px 7px;
}

@media screen and (min-width: 768px) {
    .movie_header {
        /*width: 60%;*/
    }

    .movie_desc {
        /*width: 50%;*/
    }

    .info_section {
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0d0d0c), to(transparent));
        background: linear-gradient(to right, #0d0d0c 50%, transparent 100%);
    }

    .movie_card .blur_back {
        width: 80%;
        background-position: 100% 50% !important;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 768px) {
    .movie_card {
        width: 95%;
        margin: 70px auto;
        min-height: 350px;
        height: auto;
    }

    .blur_back {
        width: 100%;
        background-position: 50% 50% !important;
        background-size: cover !important;
    }

    .movie_header {
        width: 100%;
        margin-top: 85px;
    }

    .movie_desc {
        width: 100%;
    }

    .info_section {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #141413), to(transparent));
        background: linear-gradient(to top, #141413 50%, transparent 100%);
        display: inline-grid;
    }

    .movie_card .info_section .movie_header h1 {
        max-width: 100%;
    }
}

.movie_card.ongoing {
    box-shadow: 0px 0px 150px -45px rgb(244 48 220);
}

.movie_card.ongoing:hover {
    box-shadow: 0px 0px 120px -55px rgb(244 48 220);
}

.movie_card.closed {
    box-shadow: 0px 0px 150px -45px rgb(61 244 48);
}

.movie_card.closed:hover {
    box-shadow: 0px 0px 120px -55px rgb(61 244 48);
}

.movie_card.announcement {
    box-shadow: 0px 0px 150px -45px rgb(48 217 244);
}

.movie_card.announcement:hover {
    box-shadow: 0px 0px 120px -55px rgb(48 217 244);
}

@media screen and (max-width: 500px) {
    .info_section {
        /*background: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #141413), to(transparent));*/
        /*background: linear-gradient(to top, #141413 12%, transparent 100%);*/
        background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #141413), to(transparent));
        background: linear-gradient(to top, #141413 25%, transparent 71%);
        display: inline-grid;
    }

    .movie_card .info_section .movie_header h4 {
        display: table-cell;
        float: right;
        margin-top: 11px!important;
    }

    .movie_card .info_section .movie_header .minutes {
        margin-top: 12px;
    }

    .movie_card .info_section .movie_header h1 {
        display: table-cell;
        text-align: left;
        padding: 0;
    }

    .movie_card .info_section .movie_header .locandina, .movie_card .info_section .movie_desc {
        display: none;
    }

    .movie_card .info_section .movie_header {
        margin-top: 371px;
    }

    .movie_card .blur_back {height: 515px;}

}


/*карточки*/
.card-block.movie_card {
    width: 33%;
    display: inline-table;
}

.card-block.movie_card:hover {
    z-index: 2;
}

.card-block .blur_back {
    width: 100%;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

.card-block .movie_header {
    width: 100%;
    margin-top: 196px;
}

.card-block .movie_desc {
    width: 100%;
}

.card-block .info_section {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #141413), to(transparent));
    background: linear-gradient(to top, #141413 50%, transparent 100%);
    display: inline-grid;
}

.card-block .info_section .movie_header h1 {
    max-width: 100%;
    padding: 0;
}

.card-block .info_section .movie_header .locandina, .card-block .info_section .movie_desc {
    display: none;
}


.card-block .info_section .movie_header .minutes {
    margin-top: 12px;
}

.card-block .info_section .movie_header h4 {
    display: table-cell;
    float: right;
    margin-top: 11px!important;
}


.card-block .movie_card .info_section .movie_header h1 {
    display: table-cell;
    text-align: left;
    padding: 0;
}


/*Говно UCOZ*/
div#postFormContent {
    margin-bottom: 18px;
}
td.commTd1 { float: right;}
td.commTd2 {width: 50px;}
.commTd2 textarea{
    border: #3f3f3f 1px solid!important;
    background-color: #2c2c2c!important;
    color: white!important;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.commTd2 select, .com-order-wrap select{
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    vertical-align: middle;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: #3f3f3f 1px solid;
    background-color: #2c2c2c;
    color: #6f6f6f;
    text-shadow: 0 1px 0 #000;
    height: 31px;
}


input#addcBut {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

.block-side select, .filtrDop {
    display: block;
    width: 100%;
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    vertical-align: middle;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e)!important;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: #3f3f3f 1px solid;
    background-color: #2c2c2c;
    /* font-size: 12px; */
    color: #6f6f6f;
    text-shadow: 0 1px 0 #000;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    margin-bottom: 1rem!important;
    text-decoration: none;
}

.activCat a{
    text-shadow: 0 0 0.3em #f4c430, 0 0 0.3em #f4c430, 0 0 0.3em #f4c430;
    color: black;
    font-weight: 700;
}

.filtrDop .badge {
    text-shadow: 0 0 black;
}

#carouselPoster .carousel-inner {max-height: 560px;}
#carouselExampleFade .carousel-inner {max-height: 366px;}

