html, body { height: 100%; font-family: Arial; font-size: 15px; color: #525b62; background: #fff; }

a { color: #47b5e8; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3 { font-size: 24px; color: #404040; }

strong, b { font-weight: bold; }
input, select, textarea, button { font-family: Arial; font-size: 13px; }

input.inp { width: 200px; border: 1px solid #dde0e2; margin-bottom: 10px; padding: 8px 12px; border-radius: 3px; color: #525b62; }
input.textin { width: 320px; border: 1px solid #dde0e2; margin-bottom: 10px; padding: 8px 12px; border-radius: 3px; color: #525b62; }
input.inp:focus, textarea:focus { border: 1px solid #47b5e8; }

textarea { width: 500px; margin-bottom: 10px; resize: vertical; padding: 8px 12px !important; border: 1px solid #dde0e2 !important; color: #525b62; line-height: 20px; }
select { width: 200px; border: 1px solid #dde0e2; margin-bottom: 10px; padding: 8px 12px; border-radius: 3px; color: #525b62; }

input:focus { outline: none; }

::-webkit-input-placeholder { color:#a9adb0; }
::-moz-placeholder { color: #a9adb0; }
:-moz-placeholder { color: #a9adb0; }
:-ms-input-placeholder { color: #a9adb0; }


/*     Шапка     */
.head { width: 980px; height: 120px; margin: 0 auto; }
.head .logo { float: left; margin-top: 22px; width: 312px; height: 75px; }
.head .logo a.logotype { display: block; width: 262px; height: 75px; background: url("../images/logo.png") no-repeat 0 0; transition: .5s; }
.head .logo a.logotype:hover { opacity: 0.8; }
.head .search { float: left; width: 477px; height: 38px; margin: 40px 0 0 22px; border-radius: 5px; border: 1px solid #dde0e2; }
.head .search input { float: left; width: 420px; margin: 10px 0 0 12px; border: none; color: #7eaab8; }
.head .search .but_search { float: right; width: 14px; height: 16px; line-height: 100px; margin: 10px 12px 0 0; background: url("../images/but_search.png") no-repeat 0 0; cursor: pointer; }
.head .search .but_search:hover { background: url("../images/but_search.png") no-repeat 0 -16px; cursor: pointer; }
.head .user { float: right; width: 145px; height: 40px; margin-top: 40px; position: relative; cursor: pointer; }
.head .user .nologin { line-height: 40px; text-align: right; }
.head .user .nologin a { text-decoration: underline; }
.head .user .nologin a:hover { text-decoration: none; }
.head .user .nologin .reg { margin-left: 10px; color: #a9adb0; }
.head .user .ava { float: left; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #47b5e8; overflow: hidden; }
.head .user .ava img { float: left; width: 34px; height: 34px; padding: 2px; border-radius: 50%; }
.head .user .profile { float: left; width: 95px; height: 40px; margin-left: 10px; line-height: 40px; color: #a9adb0; }
.head .user .panel { display: none; z-index: 10; position: absolute; top: 50px; left: 0; width: 143px; border: 1px solid #47b5e8; background: #fff; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.head .user .panel ul li { border-bottom: 1px solid #47b5e8; padding: 1px 0; }
.head .user .panel ul li a { display: block; color: #a9adb0; padding: 0 10px; line-height: 30px; }
.head .user .panel ul li a:hover { color: #fff; text-decoration: none; background: #47b5e8; transition: .2s; }
.head .user .panel ul li a span { float: right; }
.head .user .panel ul li.out { border-bottom: 0; }
.head .user .panel.active { display: block; }
.head .user .arrow { position: absolute; top: 18px; right: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #b3d8e4; }
.head .user .arrow.active { border-top: 5px solid #47b5e8; }


/*     Шапка. Карусель фильмов     */
.head_carousel { width: 100%; height: 425px; margin-bottom: 60px; background: url("../images/head_carousel_back.jpg"); }
.head_carousel .cont { width: 1002px; height: 345px; margin: 0 auto; padding: 40px 0; }
.head_carousel .cont .title { text-align: center; color: #e4e4f3; font-size: 22px; text-transform: uppercase; letter-spacing: 2px; margin: 10px 0 20px 0; }
.head_carousel .cont .carousel { width: 100%; height: 345px; position: relative; }
.head_carousel .cont .carousel .carousel_wrapper { width: 100%; height: 345px; position: relative; overflow: hidden; }
.head_carousel .cont .carousel .carousel_wrapper .carousel_items { width: 10000px; position: relative; }
.head_carousel .cont .carousel .carousel_a { position: absolute; top: 93px; width: 31px; height: 46px; cursor: pointer; transition: .3s; }
.head_carousel .cont .carousel .carousel_a:hover { opacity: 0.5; }
.head_carousel .cont .carousel .carousel_ar { left: -34px; background: url("../images/carousel_arrow.png") no-repeat 0 0; }
.head_carousel .cont .carousel .carousel_al { right: -34px; background: url("../images/carousel_arrow.png") no-repeat 0 -46px; }


/*     Фильм. Short 1     */
.short_film_1 { float: left; width: 145px; height: 290px; margin: 10px 11px; }
.short_film_1 .poster { position: relative; float: left; width: 145px; height: 218px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); }
.short_film_1 .poster img { width: 145px; height: 218px; }
.short_film_1 .poster .back { position: absolute; top: 0; left: 0; opacity: 0; float: left; width: 145px; height: 218px; transition: .5s; }
.short_film_1 .poster .back .rat { position: absolute; width: 145px; top: 40px; left: 0; text-transform: uppercase; color: #a9adb0; }
.short_film_1 .poster .back .rat .circle { width: 36px; height: 36px; margin: 0 auto; }
.short_film_1 .poster .back .rat .stars { width: 85px; height: 17px; margin: 10px auto 8px auto; }
.short_film_1 .poster .back .rat .votes { font-size: 10px; font-weight: bold; text-align: center; }
p.view a {display: block;width: 100%;line-height: 16px;margin: 0 auto;background: #47b5e8;padding: 8px 0;color: #fff;}
.short_film_1 .poster .back .view { position: absolute; width: 145px; bottom: 0; left: 0; font-size: 14px; text-align: center;}
.short_film_1 .poster .back .view a {  }
.short_film_1 .poster .back .view a:hover {background: #323232; text-decoration: none; }
.short_film_1 .poster:hover .back { opacity: 1; background: rgba( 0, 0, 0, 0.9); }
.short_film_1 .name { width: 145px; height: 68px; text-align: center; margin-top: 10px; color: #ebebf6; display: table-cell; vertical-align: middle; }
.short_film_1 .name .name_film { line-height: 16px; }
.short_film_1 .name .name_film a { color: #ebebf6; }
.short_film_1 .name .year { margin-top: 5px; font-size: 11px; }


/*     Фильм. Short 2     */
.short_film_2 { float: left; width: 646px; height: 218px; margin: 0 0 20px 0; border-bottom: 1px #eee solid; padding-bottom: 15px;}
.short_film_2 .poster { position: relative; float: left; width: 145px; height: 218px; }
.short_film_2 .poster img { width: 145px; height: 218px; }
.short_film_2 .poster .favorit { position: absolute; top: -1px; right: 3px; cursor: pointer; transition: .5s; }
.short_film_2 .poster .favorit:hover { opacity: 0.8; }
.short_film_2 .poster .favorit img { width: 31px; height: auto; }
.short_film_2 .inform { float: right; width: 479px; margin-top: 10px; }
.short_film_2 .inform .name_film { float: left; width: 429px; }
.short_film_2 .inform .name_film a { color: #132634; font-size: 17px; }
.short_film_2 .inform .name_film a span { color: #7eaab8; font-size: 16px; }
.short_film_2 .inform .rat { float: right; width: 40px; margin-top: 5px; }
.short_film_2 .inform .rat .circle { float: right;  height: 38px; }
.short_film_2 .inform .rat .circle .percircle { background: #e3e5e7; }
.short_film_2 .inform .rat .circle .percircle:after { background: #fff; left: 0.053em; }
.short_film_2 .inform .genres { float: left; width: 429px; margin-top: 12px; }
.short_film_2 .inform .genres a { color: #7eaab8; margin-right: 1px; padding: 2px 5px; border-radius: 3px; border: 1px solid #7eaab8; font-size: 14px; text-align: center; transition: .2s; line-height: 26px; }
.short_film_2 .inform .genres a:hover { background: #823173; color: #eed3e9; border: 1px solid #823173; text-decoration: none; }
.short_film_2 .inform .txt { float: left; width: 479px; margin-top: 10px; line-height: 20px; }
.short_film_2 .inform ul.details { float: left; width: 479px; margin-top: 15px; overflow: hidden; }
.short_film_2 .inform ul.details li { width: 479px; padding: 3px 0 4px 0; border-bottom: 1px dashed #e3e5e7; font-size: 15px; line-height: 20px; }
.short_film_2 .inform ul.details li .time { float: right; color: #7eaab8; }
.short_film_2 .inform ul.details li .detail { float: left; margin-right: 20px; }
.short_film_2 .inform ul.details li:first-child { border-top: 1px dashed #e3e5e7; }


/*     Новость. Short     */
.short_news { float: left; width: 646px; height: 156px; margin: 0 0 20px 0; }
.short_news .photo { float: left; width: 312px; height: 156px; overflow: hidden; }
.short_news .photo a img { width: 312px; min-height: 156px; transition: .5s; }
.short_news .photo a img:hover { opacity: 0.8; }
.short_news .info { float: right; width: 312px; margin-top: 22px; line-height: 20px; }
.short_news .info .name_new a { color: #4897b9; text-decoration: underline; }
.short_news .info .name_new a:hover { text-decoration: none; }
.short_news .info .date { margin-top: 0px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #a9adb0; }
.short_news .info .txt { margin-top: 10px; line-height: 20px; }


/*     Статья. Short     */
.short_new { float: left; width: 312px; margin: 20px 11px; }
.short_new .photo { float: left; width: 312px; height: 156px; overflow: hidden; }
.short_new .photo img { width: 312px; height: 156px; transition: .5s; }
.short_new .photo img:hover { width: 312px; height: 156px; opacity: 0.8; }
.short_new .name { float: left; width: 312px; margin-top: 15px; }
.short_new .name .name_new {  }
.short_new .name .name_new a { color: #4897b9; text-decoration: underline; }
.short_new .name .name_new a:hover { text-decoration: none; }
.short_new .name .date { margin-top: 7px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #a9adb0; }
.short_new .name .txt { margin-top: 10px; line-height: 20px; }


/*     Основа     */
.wrapper { width: 980px; margin: 0 auto; overflow: hidden; }
.wrapper .wleft { float: left; width: 312px; }


/*     Меню     */
.wrapper .wleft .menu { float: left; width: 312px; overflow: hidden; margin-bottom: 50px; }
.wrapper .wleft .menu .col { width: 100%; }
.wrapper .wleft .menu .col.col_2 {width: 124px !important;}
.wrapper .wleft .menu .col .title { color: #b3d8e4; margin-bottom: 13px; font-weight: bold; letter-spacing: 1px; margin-top: 36px; font-size:15px;}
.wrapper .wleft .menu .col .title:first-child { margin-top: 0px; }
.wrapper .wleft .menu .col ul li { border-bottom: 1px dashed #e3e5e7; background: url("../images/menu_arrow.png") no-repeat 0 12px; }
.wrapper .wleft .menu .col ul li a { display: block; color: #525b62; line-height: 30px; margin-left: 10px; }
.wrapper .wleft .menu .col ul li a:hover { color: #47b5e8; }
.wrapper .wleft .menu .col_1 { float: left; }
.wrapper .wleft .menu .col_2 { float: right; }


/*     Блоки     */
.wrapper .wleft .block,
.wrapper .wleft .block_2 { float: left; width: 312px; overflow: hidden; margin-bottom: 30px; }
.wrapper .wleft .block .title,
.wrapper .wleft .block_2 .title { float: left; width: 312px; height: 42px; overflow: hidden; background: #1e5396; border-radius: 5px; }
.wrapper .wleft .block .title span,
.wrapper .wleft .block_2 .title span { color: #fff; font-size: 16px; letter-spacing: 1px; margin-left: 15px; line-height: 42px; }
.wrapper .wleft .block .carousel,
.wrapper .wleft .block_2 .carousel { float: left; width: 312px; height: 310px; margin: 0; }
.wrapper .wleft .block .carousel .carousel_wrapper,
.wrapper .wleft .block_2 .carousel .carousel_wrapper { width: 334px; height: 310px; position: relative; overflow: hidden; margin-left: -11px; }
.wrapper .wleft .block .carousel .carousel_wrapper .carousel_items,
.wrapper .wleft .block_2 .carousel .carousel_wrapper .carousel_items { width: 10000px; position: relative; }
.wrapper .wleft .block .carousel_ab,
.wrapper .wleft .block_2 .carousel_ab { float: right; width: 42px; height: 42px; position: relative; border-left: 1px solid #3565a1; cursor: pointer; transition: .5s; }
.wrapper .wleft .block .carousel_ar,
.wrapper .wleft .block_2 .carousel_ar { background: url("../images/bcarousel_arrow_l.png") no-repeat center center; }
.wrapper .wleft .block .carousel_ar:hover,
.wrapper .wleft .block_2 .carousel_ar:hover { background: #3565a1 url("../images/bcarousel_arrow_l.png") no-repeat center center; }
.wrapper .wleft .block .carousel_al,
.wrapper .wleft .block_2 .carousel_al { background: url("../images/bcarousel_arrow_r.png") no-repeat center center; }
.wrapper .wleft .block .carousel_al:hover,
.wrapper .wleft .block_2 .carousel_al:hover { background: #3565a1 url("../images/bcarousel_arrow_r.png") no-repeat center center; }
.wrapper .wleft .block .carousel .short_film_1 { float: left; width: 145px; height: 290px; margin: 20px 11px 0 11px; }
.wrapper .wleft .block .carousel .short_film_1 .poster { position: relative; float: left; width: 145px; height: 218px; box-shadow: none; }
.wrapper .wleft .block .carousel .short_film_1 .name { width: 145px; height: 68px; text-align: center; margin-top: 10px; color: #a9adb0; }
.wrapper .wleft .block .carousel .short_film_1 .name a { color: #525b62; }
.sect__header.d-flex.ai-center {margin-bottom: 20px;}
.wrapper .wcont { float: right; width: 646px; }


/*     Крошки     */
.wrapper .wcont .speedbar { color: #7eaab8;font-size: 13px;margin-bottom: 15px;}
.wrapper .wcont .speedbar a { color: #7eaab8; text-decoration: underline; }

.fields-list {padding: 0;list-style: none;text-align: left;font-size: 15px;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;margin-top: 30px;}
ul.fields-list li {margin-bottom: 5px;}
.fields-list a {color: #404040;}
ul.alphabet-ru {border-bottom: 1px #eee solid;padding-bottom: 15px;}
.alphabet-ru, .alphabet-en {display: grid;grid-gap: 15px;grid-template-columns: repeat(auto-fill, minmax(20px, 1fr));text-align: center;list-style: none;padding: 0;margin: 15px 0 15px 0;}
.alphabet-ru li a, .alphabet-en li a{color: #404040;}
.alphabet-ru li a:hover, .alphabet-en li a:hover{color: #0099db;}

/*     Полная     */
.wrapper .wcont .full_film { float: left; width: 646px; overflow: hidden; }
.wrapper .wcont .full_film .title { margin-bottom: 20px; padding: 20px 0; border-bottom: 1px dashed #e3e5e7; }
.wrapper .wcont .full_film .title h1 { color: #323232; }
.wrapper .wcont .full_film .title h1 span { color: #7eaab8; }
.wrapper .wcont .full_film .poster { position: relative; float: left; width: 217px; height: 326px; background: #f3f6f8; }
.wrapper .wcont .full_film .poster img { width: 217px; height: 326px; }
.wrapper .wcont .full_film .poster .favorit { position: absolute; top: -1px; right: 3px; cursor: pointer; transition: .5s; }
.wrapper .wcont .full_film .poster .favorit:hover { opacity: 0.8; }
.wrapper .wcont .full_film .poster .favorit img { width: 31px; height: auto; }
.wrapper .wcont .full_film .poster .rat { display: none; }
.wrapper .wcont .full_film .info { float: right; width: 407px; }
.wrapper .wcont .full_film .info .func { float: left; width: 407px; margin-bottom: 3px; }
.wrapper .wcont .full_film .info .func .view_film { float: left; color: #47b5e8; margin-top: 7px; padding: 6px 10px 6px 28px; border-radius: 3px; border: 1px solid #47b5e8; font-size: 15px; text-align: center; transition: .2s; background: url("../images/but_play.png") no-repeat 10px center; }
.wrapper .wcont .full_film .info .func .view_film:hover { background: #823173 url("../images/but_play_hover.png") no-repeat 10px center; color: #eed3e9; border: 1px solid #823173; text-decoration: none; }
.wrapper .wcont .full_film .info .func .view_tr { float: left; color: #47b5e8; margin: 7px 0 0 7px; padding: 6px 10px; border-radius: 3px; border: 1px solid #e9f8ff; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; transition: .2s; background: #e9f8ff; }
.wrapper .wcont .full_film .info .func .view_tr:hover { background: #47b5e8; color: #fff; border: 1px solid #47b5e8; text-decoration: none; }
.wrapper .wcont .full_film .info .func .rat { float: right; width: 145px; }
.wrapper .wcont .full_film .info .func .rat .circle { float: right; width: 40px; height: 40px; }
.wrapper .wcont .full_film .info .func .rat .circle .percircle { background: #e3e5e7; }
.wrapper .wcont .full_film .info .func .rat .circle .percircle:after { background: #fff; left: 0.053em; }
.wrapper .wcont .full_film .info .func .rat .stars { float: right; width: 85px; height: 17px; margin: 4px 13px 5px 0; }
.wrapper .wcont .full_film .info .func .rat .votes { float: right; margin-right: 13px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #a9adb0; }
.wrapper .wcont .full_film .info .genres { float: left; width: 407px; }
.wrapper .wcont .full_film .info .genres a { color: #7eaab8; margin-right: 1px; padding: 2px 5px; border-radius: 3px; border: 1px solid #7eaab8; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; transition: .2s; line-height: 26px; }
.wrapper .wcont .full_film .info .genres a:hover { background: #823173; color: #eed3e9; border: 1px solid #823173; text-decoration: none; }
.wrapper .wcont .full_film .info ul.details { float: left; width: 407px; margin-top: 10px; overflow: hidden; font-size: 15px; margin-bottom: 10px;}
.info p {font-size: 14px;line-height: 18px;}
.wrapper .wcont .full_film .info ul.details li { width: 407px; padding: 2px 0 3px 0; border-bottom: 1px dashed #e3e5e7; color: #7eaab8; line-height: 19px; overflow: hidden; }
.wrapper .wcont .full_film .info ul.details li .detail { float: right; width: 270px; color: #525b62; }
.wrapper .wcont .full_film .info ul.details li:first-child { border-top: 1px dashed #e3e5e7; }
.wrapper .wcont .full_film .info ul.details li:last-child { border-bottom: none; }
.wrapper .wcont .full_film .txt { float: left; width: 646px; margin: 20px 0 30px 0; line-height: 22px; overflow: hidden; }
.wrapper .wcont .full_film .txt_new { float: left; width: 646px; margin: 0 0 30px 0; line-height: 22px; overflow: hidden; }
.wrapper .wcont .full_film .txt_new img { max-width: 624px; padding: 10px; border: 1px solid #e3e5e7; margin-bottom: 20px; }
.wrapper .wcont .full_film .stills { float: left; width: 646px; overflow: hidden; }
.wrapper .wcont .full_film .stills > br { display: none; }
.wrapper .wcont .full_film .stills a.highslide { float: left; display: block; width: 154px; height: 107px; margin: 0 10px 10px 0; background: #47b5e8 url("../images/stills_back.png") no-repeat center center; }
.wrapper .wcont .full_film .stills a.highslide img { width: 154px; height: 107px; transition: .5s; }
.wrapper .wcont .full_film .stills a.highslide:nth-of-type(4n+4) { margin-right: 0px; }
.wrapper .wcont .full_film .stills a.highslide:hover img { opacity: 0.1; }
.wrapper .wcont .full_film .stills img { width: 154px; height: 107px; margin: 0 10px 10px 0; transition: .5s; }
.wrapper .wcont .full_film .stills img:nth-of-type(4n+4) { margin-right: 0px; }
.wrapper .wcont .full_film .stills img:hover img { opacity: 0.1; }
.wrapper .wcont .full_film h2 { clear: both; padding: 30px 0 20px 0; text-align: center; color: #132634; font-size: 24px; font-weight: bold; letter-spacing: 1px; }
div#playerjs1 {height: 330px !important;}
p.zapret {font-size: 18px;font-weight: bold;display: block;text-align: center;}

/*     Полная. Блоки     */
.wrapper .wcont .block { float: left; width: 646px; margin-bottom: 20px; overflow: hidden; margin-top: 25px;}
.wrapper .wcont .block .title { margin-bottom: 20px; padding: 20px 0; border-bottom: 1px dashed #e3e5e7; overflow: hidden; }
.wrapper .wcont .block .title h1,
.wrapper .wcont .block .title h2,
.wrapper .wcont .block .title h3 { float: left; width: 450px; color: #132634; font-size: 20px; letter-spacing: 2px; }
.wrapper .wcont .block .title_first { padding-top: 0; }
.wrapper .wcont .block .title .carousel_ab { float: right; width: 10px; height: 18px; margin-top: 1px; cursor: pointer; }
.wrapper .wcont .block .title .carousel_al { margin-left: 20px; background: url("../images/related_arrow.png") no-repeat -10px 0; }
.wrapper .wcont .block .title .carousel_al:hover { background: url("../images/related_arrow.png") no-repeat -10px -18px; }
.wrapper .wcont .block .title .carousel_ar { background: url("../images/related_arrow.png") no-repeat 0 0; }
.wrapper .wcont .block .title .carousel_ar:hover { background: url("../images/related_arrow.png") no-repeat 0 -18px; }
.wrapper .wcont .block .title a.button { float: right; color: #7eaab8; margin-right: 2px; padding: 3px 6px; border-radius: 3px; border: 1px solid #7eaab8; font-size: 14px; text-align: center; transition: .2s; }
.wrapper .wcont .block .title a.button:hover { background: #823173; color: #eed3e9; border: 1px solid #823173; text-decoration: none; }


/*     Полная. Похожие     */
.wrapper .wcont .related { float: left; width: 646px; margin-bottom: 20px; overflow: hidden; }
.wrapper .wcont .related .title { margin-bottom: 20px; padding: 20px 0; border-bottom: 1px dashed #e3e5e7; overflow: hidden; }
.wrapper .wcont .related .title h1 {float: left; width: 450px; color: #132634; font-size: 23px; letter-spacing: 1px; }
.wrapper .wcont .related .title h2 {float: left; width: 450px; color: #132634; font-size: 20px; letter-spacing: 1px; }
.wrapper .wcont .related .title h3 { float: left; width: 450px; color: #132634; font-size: 18px; letter-spacing: 1px; }
.wrapper .wcont .related .title_first { padding-top: 0; }
.wrapper .wcont .related .title .carousel_ab { float: right; width: 10px; height: 18px; margin-top: 1px; cursor: pointer; }
.wrapper .wcont .related .title .carousel_al { margin-left: 20px; background: url("../images/related_arrow.png") no-repeat -10px 0; }
.wrapper .wcont .related .title .carousel_al:hover { background: url("../images/related_arrow.png") no-repeat -10px -18px; }
.wrapper .wcont .related .title .carousel_ar { background: url("../images/related_arrow.png") no-repeat 0 0; }
.wrapper .wcont .related .title .carousel_ar:hover { background: url("../images/related_arrow.png") no-repeat 0 -18px; }
.wrapper .wcont .related .carousel,
.wrapper .wcont .related_films .carousel { float: left; width: 668px; height: 290px; margin: 0; }
.wrapper .wcont .related .carousel .carousel_wrapper,
.wrapper .wcont .related_films .carousel .carousel_wrapper { width: 668px; height: 290px; position: relative; overflow: hidden; margin-left: -11px; }
.wrapper .wcont .related .carousel .carousel_wrapper .carousel_items,
.wrapper .wcont .related_films .carousel .carousel_wrapper .carousel_items { width: 10000px; position: relative; }
.wrapper .wcont .related .carousel .carousel_wrapper .carousel_items .short_film_1 .poster,
.wrapper .wcont .related_films .carousel .carousel_wrapper .carousel_items .short_film_1 .poster { box-shadow: none; }
.wrapper .wcont .related .carousel .carousel_wrapper .carousel_items .short_film_1 .name,
.wrapper .wcont .related_films .carousel .carousel_wrapper .carousel_items .short_film_1 .name { color: #525b62; width: 145px; height: 68px; display: table-cell; vertical-align: middle; text-align: center; margin-top: 0px; color: #a9adb0; }
.wrapper .wcont .related .carousel .carousel_wrapper .carousel_items .short_film_1 .name a,
.wrapper .wcont .related_films .carousel .carousel_wrapper .carousel_items .short_film_1 .name a { color: #525b62; }
.wrapper .wcont .related .carousel .carousel_wrapper .carousel_items .short_new { margin-top: 0; }


/*     Главные. Блок     */
.wrapper .wcont .block .all_films { float: left; width: 668px; margin: 0; }
.wrapper .wcont .block .all_films .short_film_1 { float: left; width: 145px; height: 290px; margin: 0 22px 10px 0; }
.wrapper .wcont .block .all_films .short_film_1 .poster { box-shadow: none; }
.wrapper .wcont .block .all_films .short_film_1 .name { width: 145px; height: 68px; display: table-cell; vertical-align: middle; text-align: center; margin-top: 0px; color: #a9adb0; }
.wrapper .wcont .block .all_films .short_film_1 .name { color: #525b62; }
.wrapper .wcont .block .all_films .short_film_1 .name a { color: #525b62; }


/*     Главные. Блок     */
.wrapper .wcont .block .all_news { width: 668px; overflow: hidden; margin-left: -11px; }
.wrapper .wcont .block .all_news .short_new { margin-top: 0; }


/*     Полная. Комментарии     */
.wrapper .wcont .comment { margin-bottom: 0; }
.comm { float: left; width: 616px; background: #f3f6f8; padding: 15px; overflow: hidden; margin-bottom: 10px; }
.comm .ava { float: left; width: 50px; height: 50px; overflow: hidden; }
.comm .ava img {width: 50px; height: 50px; }
.comm .comm_txt { float: right; width: 551px; min-height: 50px; display: table-cell; vertical-align: middle; line-height: 20px; }
.comm .details { float: left; width: 616px; overflow: hidden; border-top: 1px dashed #e3e5e7; margin-top: 15px; padding-top: 15px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #a9adb0; }
.comm .details .dleft { float: left; width: 220px; }
.comm .details .dright { float: right; width: 390px; }
.comm .details .dright ul li { float: right; margin-left: 15px; }


/*     Другие страницы     */
.wrapper .wcont .other_page { float: left; width: 646px; overflow: hidden; margin-bottom: 30px; }
.wrapper .wcont .other_page_cat { margin-bottom: 0px; }
.wrapper .wcont .other_page .title { margin-bottom: 20px; padding: 20px 0; border-bottom: 1px dashed #e3e5e7; }
.wrapper .wcont .other_page .title h1 { color: #323232; }
.wrapper .wcont .other_page .title h1 span { color: #7eaab8; }
.wrapper .wcont .other_page .title p { margin-top: 20px; color: #132634; font-size: 18px; letter-spacing: 2px; }
.wrapper .wcont .other_page .txt { float: left; width: 646px; line-height: 20px; overflow: hidden; }
.wrapper .wcont .other_page .txt a { text-decoration: underline; }
.wrapper .wcont .other_page .txt a:hover { text-decoration: none; }
.wrapper .wcont .other_page .txt .profile .ava { float: left; width: 100px; }
.wrapper .wcont .other_page .txt .profile .ava .photo { float: left; width: 100px; }
.wrapper .wcont .other_page .txt .profile .ava .photo img { width: 100px; }
.wrapper .wcont .other_page .txt .profile .ava .links { float: left; width: 100px; text-align: center; margin-top: 10px; }
.wrapper .wcont .other_page .txt .profile .ava .links a { color: #7eaab8; font-size: 9px; font-weight: bold; text-align: center; text-transform: uppercase; transition: .2s; }
.wrapper .wcont .other_page .txt .profile .ava .links a:hover { color: #823173; text-decoration: none; }
.wrapper .wcont .other_page .txt .profile ul.details { float: right; width: 520px; overflow: hidden; }
.wrapper .wcont .other_page .txt .profile ul.details li { width: 520px; padding: 3px 0 4px 0; border-bottom: 1px dashed #e3e5e7; color: #7eaab8; line-height: 20px; }
.wrapper .wcont .other_page .txt .profile ul.details li .detail { float: right; width: 350px; color: #525b62; text-align: right; }
.wrapper .wcont .other_page .txt .profile ul.details li:last-child { border-bottom: none; }
.txt p {margin-bottom: 12px;}
.txt ul {list-style: circle !important;padding-left: 25px;margin-bottom: 10px;}
.sect__header.d-flex.ai-center p {font-size: 14px;line-height: 17px;margin: 15px 0px 0px 0;}
.sect__header.d-flex.ai-center ul {font-size: 14px;}
.sect__header.d-flex.ai-center ul li {margin-bottom: 8px;list-style-type: disc;margin-left: 15px;}

/*     Футер     */
.footer { width: 100%; margin-top: 60px; background: #323232; overflow: hidden; }
.footer .cont { width: 980px; margin: 0 auto; padding: 40px 0; overflow: hidden; }
.footer .cont ul.col { float: left; width: 145px; margin-right: 22px; }
.footer .cont ul.col li { border-bottom: 1px dashed #826a8a; background: url("../images/footer_arrow.png") no-repeat 0 12px; }
.footer .cont ul.col li a { display: block; color: #e4e4f3; line-height: 30px; margin-left: 10px; }
.footer .cont ul.col li a:hover { color: #aea0e8; }
.footer .cont .logo:hover { opacity: 1; }


/*     Пагинация     */
.pagination { float: left; width: 646px; text-align: center; font-size: 11px; margin-top: 25px; padding-bottom: 35px; }
.pagination .p_page a { margin: 0 2px; font-weight: bold; color: #7eaab8; display: inline; text-decoration: none; background: #fff; border: 1px solid #b3d8e4; padding: 7px 10px; border-radius: 5px; transition:.3s; }
.pagination .p_page a:hover { background: #6f69ae; color: #ebebf6; border: 1px solid #6f69ae; }
.pagination .p_page span { margin: 0 2px; display: inline; text-decoration: none; color: #fff; background: #b3d8e4; border: 1px solid #b3d8e4; padding: 7px 10px; border-radius: 5px; transition:.3s; }

.bottom-descr h2 {margin-bottom: 15px;}


/*     Модальные окна     */
.modal_tr { background: #fff; position: fixed; top: 50%; left: 50%; display: none; opacity: 0; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.4); z-index: 5; width: 646px; height: 400px; margin-top: -250px; margin-left: -323px; padding: 2px; }
.modal_auth { background: #fff; position: fixed; top: 50%; left: 50%; display: none; opacity: 0; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.4); z-index: 5; width: 350px; height: 275px; margin-top: -250px; margin-left: -225px; padding: 50px; }
.modal_auth .title { text-align: center; font-size: 24px; text-transform: uppercase; color: #132634; letter-spacing: 1px; margin-bottom: 30px; }
.modal_auth .in { text-align: center; }
.modal_auth .inp { width: 318px; border: 1px solid #dde0e2; margin-bottom: 10px; padding: 11px 15px; border-radius: 3px; color: #525b62; }
.modal_auth .inp:focus { border: 1px solid #47b5e8; }
.modal_auth .fbutton { margin-top: 10px; padding: 10px 15px; border-radius: 5px; }
.modal_auth .links { margin-top: 30px; text-align: center; line-height: 22px; }
.modal_auth .links a { color: #a9adb0; text-decoration: underline; }
.modal_auth .links a:hover { text-decoration: none; }
#overlay { z-index: 3; position: fixed; background: #000; opacity: 0.7; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }


/*     Разное     */
.mtop_10 { margin-top: 10px; }
.mtop_20 { margin-top: 20px; }
.mbot_10 { margin-bottom: 10px; }
.fbutton { cursor: pointer; color: #47b5e8; background: #fff; margin-top: 10px; padding: 6px 15px; border-radius: 3px; border: 1px solid #47b5e8; font-size: 15px; text-align: center; transition: .2s; letter-spacing: 1px; }
.fbutton:hover { color: #823173; border: 1px solid #823173; }
.checklogin { cursor: pointer; color: #47b5e8; background: #fff; margin-top: 0px; padding: 3px 5px; border-radius: 3px; border: 1px solid #47b5e8; font-size: 10px; font-weight: bold; text-transform: uppercase; transition: .2s; }
.checklogin:hover { color: #823173; border: 1px solid #823173; }
#result-registration { font-size: 11px; margin-bottom: 10px; }
#addcform { float: left; width: 646px; overflow: hidden; }
.dpad { margin-bottom: 20px; }
.selectmass input[type='checkbox'] { padding: 0; margin: 0 0 0 10px; }
.adm_edit { margin: 10px 0 5px 0; }
.adm_edit a { cursor: pointer; color: #47b5e8; background: #fff; padding: 5px 10px; border-radius: 3px; border: 1px solid #47b5e8; font-size: 10px; font-weight: bold; text-transform: uppercase; transition: .2s; }
.adm_edit a:hover { color: #823173; border: 1px solid #823173; text-decoration: none; }


/*     Круглый рейтинг     */
.rect-auto, .percircle.gt50 .slice { clip: rect(auto, auto, auto, auto); }
.pie, .percircle .bar, .gt50 .fill { position: absolute; border: 0.06em solid #ffb94a; width: 0.90em; height: 0.90em; clip: rect(0, 0.5em, 1em, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.bar { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.pie-fill, .gt50 .bar:after, .gt50 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.percircle { position: relative; font-size: 38px; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; margin: 0 0.1em 0.1em 0; background-color: #212424; }
.percircle.center { float: none; margin: 0 auto; }
.percircle > span { position: absolute; z-index: 1; width: 100%; top: 50%; height: 1em; margin-top: -0.5em; font-size: 0.34em; color: #a9adb0; display: block; text-align: center; white-space: nowrap; }
.percircle .per { font-weight: bold; margin-left: 1px; font-size: 10px; }
.percircle:after { position: absolute; top: 0.04em; left: 0.04em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #000; width: 0.92em; height: 0.92em; }
.percircle .slice { position: absolute; width: 1em; height: 1em; clip: rect(0, 1em, 1em, 0.5em); }

input.search-compact {margin-top: 15px;width: 180px;border-radius: 5px;border: 1px #dee0e2 solid;padding: 6px 10px;}