/*==============================================================
Theme: Anime24.info
Version: 0.1
Content Management System (CMS): uCoz Web Service
Date Coding: 08.06.2018
Graphics Designed Layout: Buger
Coding Designed: Buger
Coding Designed from Site: www.art-ucoz.ru
Graphics Designed Layout from Site: www.art-ucoz.ru
URL Graphics Designed Layout: http://art-ucoz.ru/
URL Link Coding: http://art-ucoz.ru/
Copyright (c) 2016 Roman Buger
==============================================================
(ENG) License: This template is designed by studio ART-UCOZ. It is forbidden extend this template and files related on him, both on commercially and on a nonprofit basis. All rights are reserved.
(RU) Лицензия: Этот дизайн разработан студией ART-UCOZ. Запрещены к распространению шаблон и графические файлы, относящиеся к нему, как на коммерческой так и на некоммерческой основе. Все права защищены и принадлежат разработчику.
=============================================================
*/
* {margin: 0; padding: 0; box-sizing: border-box;}
body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    color: #2e2e2e;
    line-height: 22px;
    letter-spacing: 0px;
    background: #fcfcfc;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Akrobat'; font-weight: 600}
a {text-decoration: none; border: none;outline: none; color: #63bb47;transition: all 0.3s ease 0s;}
/*a:hover {text-decoration:underline;}*/
ul {margin: 0; padding: 0;}
li {list-style: none;}
img {max-width: 100%;}

.x-unselectable {position:relative;}
#uCatsMenu7 {left: 0% !important;top: 41px !important; min-width: 366px !important; margin-left: 0px;}
.u-comboeditcell {border: 3px solid #e2e8ef;padding: 7px 0;}
.u-combolist {box-sizing: border-box;border-top: 0px;background: #fff;height: 250px;overflow: auto;border: 3px solid #e2e8ef !important;}
.u-combolist > div {margin: 0 !important;padding: 3px 10px !important;}

textarea, input[type="text"], select, .filterBlock {border: 3px solid #e2e8ef;font-size: 14px;font-family: sans-serif; padding: 10px;background: #fbfbfbe6; }
textarea {width: 100%;border: 3px solid #e2e8ef; font-size: 14px; padding: 10px; font-family: sans-serif;}


.header_top:after, .middle {content: ''; position: relative; display: table; clear: both;}
.container {max-width: 1200px; margin: 0 auto;}
.middle {display: table; width: 100%; height: 100%; margin-top: 50px;box-shadow: rgba(213, 213, 217, 0.35) 0px 0px 50px;}
aside {display: table-cell; width: 305px; background: #343345;height: 100%; color: #b8c3d1; vertical-align: top; padding:10px 0;}
main {height: 100%; background: #fff; vertical-align: top;}
.content { padding: 25px;}

/* Click Effect
----------------------------------------------*/
.ripple {width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.2);transform: scale(0);position: absolute;opacity: .4;}
.rippleEffect {animation: rippleDrop .6s linear;}
@keyframes rippleDrop {100% {transform: scale(2);opacity: 0;}}

/* Button + Effect (hover)
----------------------------------------------*/
.btn_more {background-color: #464459; color: #fff; display: inline-block;padding: 7px 12px; position: relative; overflow: hidden;}
.btn_more:before {position: absolute;content: "";top: 0;left: 0;width: 0%;height: 100%;background-color: rgba(255, 255, 255, 0.08);transition: width 0.35s;z-index: 0;}
.btn_more:hover:before {width: 100%;} 

.btn_green {background-color: #82d867; font-size: 14px; color: #fff; display: inline-block;padding: 10px 15px; position: relative; overflow: hidden;}
.btn_green:before {position: absolute;content: "";top: 0;left: 0;width: 0%;height: 100%;background-color: rgba(255, 255, 255, 0.1);transition: width 0.35s;z-index: 0;}
.btn_green:hover:before {width: 100%;} 

input[type="reset"], .codeButtons {background-color: #e2e8ef; font-size: 14px; color: #2e2e2e; display: inline-block;padding: 10px 15px; position: relative; overflow: hidden;}
input[type="reset"]:before, .codeButtons:before {position: absolute;content: "";top: 0;left: 0;width: 0%;height: 100%;background-color: rgba(255, 255, 255, 0.1);transition: width 0.35s;z-index: 0;} 
input[type="reset"]:hover:before, .codeButtons:hover:before {width: 100%;}

input.manFlSbm, input[type="submit"] {background-color: #82d867; font-size: 14px; font-weight: normal !important; color: #fff; display: inline-block;padding: 10px 15px; position: relative; overflow: hidden;}
input.manFlSbm:before, input[type="submit"]:before {position: absolute;content: "";top: 0;left: 0;width: 0%;height: 100%;background-color: rgba(255, 255, 255, 0.1);transition: width 0.35s;z-index: 0;} 
input.manFlSbm:hover:before, input[type="submit"]:hover:before {width: 100%;}

/* HEADER
---------------------------------------------*/
.header_top {background: #2c2b3d; color: #b8c3d1; width: 100%; display: block;}

/* Top Nav
---------------------------------------------*/
/*.top_nav {}*/
.top_nav > ul > li {float: left;overflow: hidden; position: relative;}
.top_nav a {color: #b8c3d1; padding: 28px;display: inline-block;}
.top_nav a:hover,.top_nav a.active {background: #343345; color: #fff;}
.btn_mob {font-size: 38px; padding: 15px 28px;background: #2c2b3d; color: #b8c3d1; float: left;display: none;}
.btn_mob:hover {background: #343345; color: #fff;}

/* User Panel 
---------------------------------------------*/
.usrPanel {float: right;}
.usrPanel button {background: #343345;overflow: hidden; position: relative;color: #b8c3d1; padding:16px 28px 17px;font-family: 'Noto Sans', sans-serif;font-size: 14px;}
.usrPanel button:hover {color: #fff;}
.usrPanel .dropdown-menu {right: 0;left: auto;border: 0;border-radius: 0;min-width: 255px;margin-top: 0px;}
.dropdown-menu > li > a {padding: 7px 20px;}
.dropdown-menu .divider {height: 1px;margin: 5px 0;overflow: hidden;background-color: #e5e5e5;}
.usrPanel .dropdown-toggle {line-height: 45px;}
.usrPanel .dropdown .usr_ava {background: #464757; border: 3px solid #61606e; border-radius: 25px; width: 45px;height: 45px; margin-right: 20px; float: left; display: block; margin-left: -5px; overflow: hidden;}
.usrPanel .dropdown .usr_ava img {width: 100%; height: 100%; display: block;}

/* Logo Block 
---------------------------------------------*/
.header_middle {background: url(../images/bg.jpg) no-repeat;height: 570px;background-position: top center; text-align: center;}
a.logo {width: 415px;height: 255px;background: url(../images/logo.png) no-repeat;display: inline-block;margin-top: 150px; text-indent: -9999px;}

/* Carousel
---------------------------------------------*/
.carousel_bl {background: #fff; padding: 25px; box-shadow: rgba(213, 213, 217, 0.35) 0px 0px 50px;}
.carousel_bl .container {padding: 0 25px;}
.item_carousel .img_bl {display: block; width: 100%; overflow: hidden;position: relative; margin-bottom: 15px; }
.item_carousel .img_bl img {display: block; width: 100%; overflow: hidden;height: 242px; object-fit: cover;}
.item_carousel .img_bl:after { position:absolute; content:""; right:0; top:0; left:0; bottom:0; border:0 solid #fff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.item_carousel:hover .img_bl:after { border: 5px solid #82d867; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.item_carousel h4 {text-align: center; font-size: 18px;hyphens: auto;}
.item_carousel h4 a {color: #2e2e2e; hyphens: auto;display: block;}
.item_carousel:hover a {color: #63bb47;}
.owl-dots {display: none;}
.owl-nav {position: absolute; top:32%; width: 100%; font-size: 46px; color: #868d96;}
.owl-prev {position: absolute; left: -50px;}
.owl-next {position: absolute; right: -50px;}
.owl-prev:hover, .owl-next:hover {color: #82d867 !important;}

/* SEO Block
---------------------------------------------*/
.promo {margin: 50px 0; padding: 0 25px;hyphens: auto;}
.seo_h3 {font-family: 'Akrobat'; font-weight: 600; font-size: 24px;color: #2e2e2e; margin: 20px 0;}
.promo p {padding: 10px 0;hyphens: auto;}

/* SEARCH Block
---------------------------------------------*/
.search {margin-bottom: 25px;}
.search form {/*border: 3px solid #e2e8ef;*/ position: relative;}
.search form > input[type="text"] {width: 100%;font-family: 'Noto Sans', sans-serif;font-size: 14px;padding: 10px 50px 10px 15px;background: transparent;height: 41px;}
.search form button {position: absolute;right: 0;top: 0;font-size: 28px;width: 41px;height: 41px; color: #c7ced7; background: transparent;}
.search form button:hover {color: #82d867;}

/* ASIDE Block
---------------------------------------------*/
.aside_bl {clear: both; margin-bottom: 20px;}
.aside_title {font-family: 'Akrobat'; font-weight: 600; font-size: 24px; color: #fff; background: #3b3a4c; padding: 27px 30px;}
.aside_content {clear: both; position: relative;}
aside .btn_mob_nav, aside .btn_mob_pop {display: none;}

/* SHORTSTORY Item
---------------------------------------------*/
.shortItem {position: relative; clear: both; display: block; border-bottom: 1px solid #eeeeee; margin-bottom: 25px; padding-bottom: 25px;}
.shortItem:after {content: ''; display: table; position: relative; clear: both;}
.short_img {width: 210px; height: 300px; float: left; margin-right: 25px;}
.short_img img {width: 100%; height: 100%; display: block; object-fit: cover;}
.shortItem_content {overflow: hidden;}
.shortItem h2 {font-size: 24px; font-weight: 600; margin-bottom: 25px;}
.shortItem h2 a {color: #2e2e2e;}
.short_info {color: #fff; background: #82d867; font-size: 13px; padding: 4px 10px;}
.short_info a {color: #fff;}
.short_info a:hover {text-decoration: underline;}
.short_info span {padding: 0 5px;}
.short_info_item {color: #5a6879; font-size: 13px; padding: 17px 0;}
.short_info_item a {color: #5a6879;}
.short_info_item a:hover {text-decoration: underline;}
.short_descr {hyphens: auto;}
.short_bottom {position: relative; clear: both; display: block; padding: 20px 0 0;}
.short_bottom:after {content: ''; display: table; position: relative; clear: both;}
.short_stars {float: left; font-size: 32px; color: #f6bb42;}
.short_stars a {transition: none;}
ul[id*="uStarRating"] a {transition: none;}
.short_bottom a.btn_more {float: right;}

/* totop
---------------------------------------------*/
.totop a {position: fixed; right: 2%;bottom: 11%;display: none; width: 85px;height: 85px; background: url(../images/to_top.png) no-repeat;border-radius: 50%;}

/* Categories
---------------------------------------------*/
ul.nav {padding: 10px 0;}
ul.nav li {display: block;position: relative;}
ul.nav li a {display: block; color: #b8c3d1; padding: 5px 25px;border-left: 5px solid transparent;}
ul.nav li a:hover {background: #3b3a4c; border-left: 5px solid #82d867; color: #fff;}

/* Popular item
---------------------------------------------*/
.pop_item {position: relative; clear: both; display: block; padding: 12px 25px;transition: all 0.3s ease 0s;}
.pop_item:hover {background: #2c2b3d;transition: all 0.3s ease 0s;}
.pop_img {width: 80px;height: 115px; margin-right: 25px; float: left;}
.pop_img img {width: 100%; height: 100%; display: block; object-fit: cover;}
.pop_content {overflow: hidden; padding: 10px 0;}
.pop_content h4 {margin-bottom: 10px;}
.pop_content h4 a {color: #b8c3d1; display: block;}
.pop_item:hover .pop_content h4 a {color: #fff}
.pop_info {font-size: 13px; color: #818fa1;}

/* FOOTER
---------------------------------------------*/
.flogo {width: 150px; height: 110px; background: url(../images/f_logo.png) no-repeat; float: left; margin-right: 25px; text-indent: -9999px; margin-top: -10px;}
.f_info {font-size: 12px; line-height: 18px;overflow: hidden;}
.f_info p {padding: 5px 0;}
.copygight {padding: 20px 25px; color: #868d96; font-size: 13px; display: table; width: 100%;}
.copy_text {display: table-cell; width: 50%; vertical-align: top;}
.couters {text-align: right; padding-top: 5px;}
.test {color: #818fa1 !important;}

/* Speedbar
---------------------------------------------*/
.speedbar {font-size: 13px; color: #868d96; background: #fbfbfb; padding: 7px 25px; display: block; margin:0 -25px 25px -25px;}
.speedbar a {color: #868d96;}
.speedbar a:hover {color: #2e2e2e;}
.speedbar span {padding: 0 5px;}

/* Fullstory
---------------------------------------------*/
.full_info {color: #3b3a4c; padding-top: 15px;}
.full_info li {padding: 4px 0;}
.full_info li a {color: #3b3a4c;}
.full_info li a:hover {text-decoration: underline;}
.full_info li span {font-weight: bold;display: inline-block; width: 250px; }
.desc_head {font-size: 24px; font-weight: 600; margin-bottom: 25px;font-family: 'Akrobat';}
.desc_cont {line-height: 24px; hyphens: auto; margin-bottom: 35px;}

/* Player
---------------------------------------------*/
.player_bl {padding: 30px 25px; background: #3b3a4c; display: block; margin: 0 -25px 25px -25px;}
.player_head {color: #fff;font-family: 'Akrobat';font-size: 24px; font-weight: bold;}
.player_bottom {color: #b8c3d1;}
.player_bottom:after {content: ''; display: table; position: relative; clear: both;}
.player_bl .short_stars {float: right;margin-top: -5px;}

/* VIDEO IFRAME
---------------------------------------------*/
.videoWrapper {position:relative; height:0;padding-bottom:56.25%; padding-top:0px; margin: 30px 0;}
.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* Comments
---------------------------------------------*/
.comm_bl {margin: 35px 0 25px; display: table; width: 100%;}
.comm_bl .desc_head {display: table-cell; width: 50%; vertical-align: middle;}
.comm_bl .btn_green {float: right;}
.comm_form {display: none; background: #fbfbfb; margin: 0 -25px 25px; padding: 25px;text-align: right; clear: both;}
.comm_form textarea {width: 100%; border: 3px solid #e2e8ef; font-size: 14px; padding: 10px; font-family: sans-serif; margin-bottom: 25px;}
.comm_form .btn_more { padding: 10px 15px 12px; font-size: 14px;}
.comm_content {clear: both; position: relative;}
.comm_item {border-left: 5px solid #82d867; padding:7px 0 10px 25px; margin-bottom: 30px;}
.comm_item_head {margin-bottom: 7px;}
.comm_item_head a {color: #3b3a4c; font-weight: bold;}
.comm_item_head span {color: #868d96; font-size: 12px;}
.comm_item_mess {font-size: 13px; color: #3b3a4c; line-height: 20px; hyphens: auto;}


/*  Pagination 
---------------------------------------------*/
.pagination {display: block;text-align: center;}
#pagesBlock1, .pagesBlockuz1, .pagesBlockuz2 {clear: both;margin-bottom: 25px;margin-top: 25px;font-size: 14px;display: inline-block;font-weight: 400;}
/* -- active -- */
.pgSwchA b, .swchItemA span, .swchItemA1 span {z-index: 2;color: #FFF;cursor: default;position: relative;line-height: 37px;text-decoration: none;min-width: 37px;height: 36px;background-color: #82d867;display: inline-block;text-align: center;font-weight: 400;border-radius:4px;}
.pgSwchA:hover b, .swchItemA:hover span, .swchItemA1:hover span {}
/* -- no active -- */
.pgSwch span, .swchItem span, a.swchItem1 {position: relative;text-decoration: none;line-height: 37px;min-width: 37px;height: 37px;color: #000;background-color: #FFF;display: inline-block;border:1px solid #EFEFEF;border-radius:4px;text-align: center;}
.pgSwch:hover span, .swchItem:hover span, a.swchItem1:hover {}
/* -- dots -- */
.swchItemDots {position: relative;text-decoration: none;}


/*  Personal page 
---------------------------------------------*/
.profile-body {border-top: 0 !important;}
.profile-section-name {background: #f8f8f8;color: #2e2e2e;font-size: 20px;padding: 10px 15px;font-weight: 600;}
.profile-section-content {display: block;padding: 0 25px;}
.profile-row-name {font-weight: 600;min-width: 260px !important;}


hr.manHr {height: 25px;border: 0;}