﻿/*=============================================================*/
/* Theme: Top-Torrent
/* Version: 13.0
/* Copyright (c) 2019 Roman Buger
/*=============================================================*/
@import url('/css/normalize.css');
@import url('/css/components.css');
@import url('/css/uDefault.css');
@import url('/css/fonts.css');
@import url('/css/owl.carousel.min.css');
@import url('/css/ionicons.min.css'); /* font icons */

* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Open Sans', sans-serif;font-size: 14px;color: #121212;line-height: 1.6;background: #f2f2f2;}

a {text-decoration: none;border: none;outline: none;color: #2bb42b;font-weight: 500;overflow: inherit;transition: all 0.3s ease 0s;}
a:hover {text-decoration:none;}
ul {margin: 0; padding: 0;}
li {list-style: none;}
img {max-width: 100%;}

h1, h2, h3, h4, h5, h6 {color: #1c1c1c;margin: 0;font-weight: 600;line-height: 1.6;}
h1 {font-size: 24px;}

.container {max-width: 1280px; margin: 0 auto;}
.main {margin-top: 90px; background-color: #f8f8f8; padding: 20px;border-radius: 4px 4px 0 0;}
.middle {display: flex; justify-content: space-between; flex-wrap: wrap;}
.content_main {flex: 1;}
[class*="ion-"] {line-height: 1;}
.add-link-wrapper {display: none;}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.header {background-color: #fff;position: fixed;left: 0;top: 0;right: 0;z-index: 101;-webkit-box-shadow: 0 0 12px rgba(0,0,0,.05);box-shadow: 0 0 12px rgba(0,0,0,.05);padding: 15px 0;}
.header_content {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;padding: 0 20px;}
.open_mob_nav {display: none;}

/*=============================================================*/
/* LOGO
/*=============================================================*/
.logo {flex: 0 auto; font-size: 1.45rem;}
.logo a { font-weight: bold; color: #46a819;}
.logo a span {color: #62b8ff;}

/*=============================================================*/
/* SEARCH
/*=============================================================*/
.search {padding: 0px 25px;flex: 1;}
.search form {position: relative;}
.search form input[type="text"] {width: 100%;padding: 8px 40px 8px 15px;font-size: 0.95em; border-color: #e8e8e8; border-radius: 4px;}
.search form button {position: absolute;right: 0;top: 0;background: transparent;color: #777;height: 100%;padding: 10px 15px; box-shadow: none;}
.search form button:hover {box-shadow: none;}
.search form button [class*="ion-"] {font-size: 18px;}
/*=============================================================*/
/* UPANEL
/*=============================================================*/
.userPanel {padding: 0;}
.userPanel #open_panel {background: #46a819;font-weight: normal;display: inline-flex;position: relative;overflow: hidden;align-items: center;font-size: 0.95em;padding: 8px 15px 9px;}
.userPanel #open_panel:hover {background: #4cb51b; box-shadow:rgba(53, 197, 53, 0.6) 0px 0px 10px;}
.userPanel #open_panel [class*="ion-"] {margin-left: 10px;font-size: 20px;}

/*=============================================================*/
/* TABS
/*=============================================================*/
.nav-tabs {margin-bottom: 25px; display: flex;}
.nav-tabs:after, .nav-tabs:before { content: " "; display: table; position: relative; clear: both;}
.nav-tabs > li {}
.nav-tabs > li > a { color: #fff; font-weight: 600; font-size: 13px; border-radius: 4px; padding: 8px 15px; text-decoration: none;text-transform: uppercase; margin-right: 15px;background: rgba(255, 255, 255, 0.1);}
.nav-tabs > li:last-child > a {margin-right: 0;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #121212; border-radius: 4px; background: #fff;cursor: default; font-weight: 600; font-size: 13px; padding: 8px 15px; text-decoration: none;}
.tab-content {margin-bottom: -1px;}
.tab-content > .tab-pane { display: none;}
.tab-content > .active { display: block;}

/*=============================================================*/
/* OWL-CAROUSEL
/*=============================================================*/
#popular_carousel.owl-carousel .owl-nav {display: block;position: absolute;top: -52px;right: 0;}
#popular_carousel.owl-carousel .owl-nav button {line-height: 1; padding: 0 10px !important;}
#popular_carousel.owl-carousel .owl-nav button [class*="ion-"] {font-family: "Ionicons";font-size: 34px;color: #fff;transition: all 0.3s ease 0s;text-shadow: none;}
#popular_carousel.owl-carousel .owl-nav button:hover [class*="ion-"] {color: rgba(255, 255, 255, .4);transition: all 0.3s ease 0s;}

#rating_carousel.owl-carousel .owl-nav {display: block;position: absolute;top: -52px;right: 0;}
#rating_carousel.owl-carousel .owl-nav button {line-height: 1; padding: 0 10px !important;}
#rating_carousel.owl-carousel .owl-nav button [class*="ion-"] {font-family: "Ionicons";font-size: 34px;color: #fff;transition: all 0.3s ease 0s;text-shadow: none;}
#rating_carousel.owl-carousel .owl-nav button:hover [class*="ion-"] {color: rgba(255, 255, 255, .4);transition: all 0.3s ease 0s;}

.owl-carousel .owl-item img {display: block;width: 100%;height: 100%;object-fit: cover;}

/*=============================================================*/
/* PROMO
/*=============================================================*/
.global_promo {background: #46a819;margin: -20px -20px 20px;border-radius: 4px 4px 0 0;padding: 20px; color: #fff;}
.slider_item_poster {background: #fff;border-radius: 4px; padding: 6px;height: 215px;}
.slider_item_poster a {display: flex;width: 100%;align-items: center;height: 100%;}
.slider_item_poster img {border-radius: 4px;display: block;object-fit: contain;width: 100%;}

/*=============================================================*/
/* ASIDE
/*=============================================================*/
[class*="aside_"] {flex: 0 0 270px;}
.aside_left {margin-right: 20px;}
.aside_right {margin-left: 20px;}
.aside_block {background: #fff;box-shadow: 0 2px 2px rgba(68,68,68,.1);border-radius: 4px;padding: 15px;margin-bottom: 20px; overflow: hidden;}
.aside_title {text-transform: uppercase; font-weight: bold; font-size: 16px;border-bottom: 2px solid #46a819; margin: 0px -15px 15px; padding: 0px 15px 15px;}
.aside_block:last-child {margin-bottom: 0;}

/*=============================================================*/
/* FOOTER
/*=============================================================*/
.footer {background: #262626; font-size: 12px; color: #8d8d8d; padding: 20px;}
.f_top {border-bottom: 1px solid #333333; margin: 0 -20px 20px; padding: 0 20px 20px;}
.f_bottom {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.f_bottom img {opacity: .2; display: inline-block;transition: all 0.3s ease 0s;}
.f_bottom .count_stat img:hover {opacity: 1;}

/*=============================================================*/
/* MAIN MENU
/*=============================================================*/
.vert_nav {}
.vert_nav .main_nav > li > a {display: block; padding: 5px 0;}
.vert_nav .main_nav > li > a span {padding: 4px 0 4px 0px;transition: all 0.3s ease 0s; display: flex;align-items: center; position: relative;}
.vert_nav .main_nav > li > a:hover span, .vert_nav .main_nav > li.open > a span {transition: all 0.3s ease 0s; color: #46a819;}
.vert_nav .main_nav > li > a:hover { color: #46a819;}
.vert_nav .main_nav > li > a span.sub::after {content: "\f3d0";font-family: "Ionicons";background: #f4f4f4; color: #121212; position: absolute;right: 0;top: 0;height: 100%;display: inline-flex;align-items: center;justify-content: center;width: 30px;border-radius:3px;transition: all 0.2s ease 0s;}
.vert_nav .main_nav > li.open > a span.sub::after {background: #46a819; color: #fff;transition: all 0.2s ease 0s;}
.vert_nav .main_nav a {color: inherit;display: block;}
.sub_nav {display: none;background: #fcfcfc;border-left: 2px solid #46a819;margin-bottom: 5px;}
.sub_nav a {padding: 5px 15px;}
.sub_nav a:hover {background: #f4f4f4;}
.vert_nav .line {border-bottom: 1px solid #e8e8e8;margin: 10px 0;}
.mob_nav {z-index: 101;}
.vert_nav [class*="ion-"] {line-height: 1;font-size: 21px;margin-right: 12px;width: 20px;display: inline-flex;align-items: center;justify-content: center;color: #46a819;}

/*=============================================================*/
/* ITEM POST
/*=============================================================*/
.item_post {background: #fff;box-shadow: 0 2px 2px rgba(68,68,68,.1);border-radius: 4px;padding: 15px 20px;margin-bottom: 20px;}
.item_post .post_title {margin-bottom: 15px;}
.item_post .post_title_grid {display: none;}
.item_post .post_title a {font-size: 16px; font-weight: 700; color: #121212; display: inline-block;}
.item_post_content {display: flex;}
.item_poster {flex: 0 0 180px; margin-right: 20px;display: flex;flex-direction: column; justify-content: space-between;}
.item_poster_img {margin-bottom: 15px;display: flex;justify-content: center;}
.item_poster img {border-radius: 4px; display: block;}
.item_body {flex: 1; display: flex;flex-direction: column; justify-content: space-between;}
.btn_download {background: #46a819; display: block; border-radius: 4px; color: #fff; text-transform: uppercase; padding: 5px 15px; font-weight: 600; font-size: 13px;position: relative; min-height: 48px; overflow: hidden;}
.btn_download:hover {background: #4cb51b; box-shadow:rgba(53, 197, 53, 0.6) 0px 0px 10px; }
.btn_download span {display: block;font-size: 11px; font-weight: normal;}
.btn_download::after {transition: all 0.3s ease 0s;content: "\f2dd";font-family: "Ionicons";font-size: 55px;position: absolute;top: 5px;line-height: 1;right: -10px;opacity: .3;}
.btn_download:hover::after {transition: all 0.3s ease 0s;opacity: .4}
.item_category {margin-bottom: 15px; font-size: 12px; display: flex; justify-content: space-between;color: #777; align-items: center; flex-wrap: wrap;}
.item_category > span {display: inline-flex;align-items: center;line-height: 1; font-size: 11px;}
.item_category a {display: inline-flex;align-items: center;line-height: 1;}
.item_category a:hover {color: #3a8bce;}
.item_category [class*="ion-"] {font-size: 18px;margin-right: 8px;}
.item_descr {margin-bottom: 15px; hyphens: auto;}
.item_post_info {min-height: 48px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.item_info {font-size: 12px; color: #777;}
.item_info [class*="ion-"] {font-size: 16px;margin-right: 5px;}
.item_info span {margin-right: 15px; display: inline-flex; align-items: center;}
.item_info span [class*="ion-"] {font-size: 18px;margin-right: 5px;}
.item_stars {display: inline-flex;align-items: center;}
.rating_count {background: #62b8ff;color: #fff;border-radius: 4px;display: inline-flex;line-height: 1;justify-content: center;align-items: center;font-size: 12px;width: 30px;height: 30px;margin-right: 10px;}

/*=============================================================*/
/* GRID
/*=============================================================*/
body.grid .aside_right {display: none;}
body.grid #allEntries {display: flex; flex-wrap: wrap;margin: 0 -10px;}
body.grid [id*="entryID"] {padding: 0 10px;flex: 1; min-width: 25%; max-width: 25%;display: flex;}
body.grid .item_post {display: flex;flex-wrap: wrap;}
body.grid .item_post_content {display: block;}
body.grid .item_post_descr {display: none;}
body.grid .item_poster {margin-right: 0;}
body.grid .item_poster_img {min-height: 252px;}
body.grid .item_poster_img a {display: flex;width: 100%;align-items: center;}
body.grid .item_poster img {border-radius: 4px;display: block;object-fit: contain; width: 100%;}
body.grid .item_info {display: none;}
body.grid .item_post_info {min-height: auto;justify-content: center;margin-top: 15px;}
body.grid .post_title {display: none;}
body.grid .post_title_grid {font-size: 14px;font-weight: 700;color: #121212;display: inline-block;margin-bottom: 15px;height: 45px;overflow: hidden;}
body.grid .post_title_grid a {display: inline-block;color: #121212; font-weight: 700;}
body.grid .hide_grid {display:none;}

/*=============================================================*/
/* INFORMERS
/*=============================================================*/
.inf_bl {margin: -15px -15px;}
.inf_1 {border-bottom: 1px solid #e8e8e8; padding: 15px;transition: all 0.3s ease 0s; display: flex;}
.inf_1:last-child {border-bottom: 0;}
.inf_1:hover {background: #4cb51b;} 
.inf_1 .inf_poster {flex: 0 0 60px; margin-right: 15px;}
.inf_1 .inf_poster img {box-shadow: transparent 0 0 0 2px;display: block; border-radius: 4px;transition: all 0.3s ease 0s;}
.inf_1:hover .inf_poster img {box-shadow: #fff 0 0 0 2px;}
.inf_1 .inf_content {position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.inf_1 .inf_content h4 {hyphens: auto;margin-bottom: 10px;max-height: 43px;overflow: hidden;}
.inf_1 .inf_content h4 a {display: inline-block; color: #121212;transition: all 0.3s ease 0s;}
.inf_1:hover h4 a {color: #fff;}
.inf_1 .category_bl a {font-size: 12px;display: inline-flex; color: #777; }
.inf_1:hover .category_bl a {color: rgba(255, 255, 255, 0.75);}
.inf_1:hover .category_bl a:hover {color: #fff;}
.inf_1 .category_bl a [class*="ion-"] {font-size: 18px;margin-right: 7px;} 

.inf_2 {border-bottom: 1px solid #e8e8e8; padding: 15px;transition: all 0.3s ease 0s; display: flex;}
.inf_2:last-child {border-bottom: 0;}
.inf_2:hover {background: #fafafa;} 
.inf_2 .inf_poster {flex: 0 0 60px; margin-right: 15px;}
.inf_2 .inf_poster img {display: block; border-radius: 4px;transition: all 0.3s ease 0s;}
.inf_2 .inf_content {position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.inf_2 .inf_content h4 {hyphens: auto;margin-bottom: 10px;max-height: 43px;overflow: hidden;}
.inf_2 .inf_content h4 a {display: inline-block; color: #121212;transition: all 0.3s ease 0s;overflow: hidden;}
.inf_2 .category_bl a {font-size: 12px;display: inline-flex; color: #777; }
.inf_2 .category_bl a [class*="ion-"] {font-size: 18px;margin-right: 7px;}

.inf_3 {display: flex;flex-wrap: wrap; padding: 20px;border-bottom: 1px solid #e8e8e8;}
.inf_3:last-child {border-bottom: 0;}
.inf_3 .item_post_content {display: block;}
.inf_3 .item_poster {margin-right: 0;}
.inf_3 .item_poster_img {min-height: 252px;}
.inf_3 .item_poster_img a {display: flex;width: 100%;align-items: center;}
.inf_3 .item_poster img {border-radius: 4px;display: block;object-fit: contain; width: 100%;}
.inf_3 .item_info {display: flex; justify-content: space-between; margin-bottom: 15px;}
.inf_3 .item_post_info {min-height: auto;justify-content: center;margin-top: 15px;}
.inf_3 .item_info span {margin-right: 10px;}
.inf_3 .item_info span:last-child {margin: 0;}
.inf_3 .post_title_grid {font-size: 14px;font-weight: 700;color: #121212;display: inline-block;margin-bottom: 10px;height: 45px;overflow: hidden;}
.inf_3 .post_title_grid a {display: inline-block;color: #121212; font-weight: 600;}

/*=============================================================*/
/* BREADCRUMBS
/*=============================================================*/
.breadcrumbs-wrapper {display: flex;justify-content: space-between;background: #fff;box-shadow: 0 2px 2px rgba(68,68,68,.1);border-radius: 4px;padding: 0 !important;margin-bottom: 20px;align-items: center;}
.breadcrumbs {padding: 18px 20px;font-size: 13px;color: #777}
.breadcrumbs a {color: #777}
.breadcrumbs a:hover {color: #121212;}

/*=============================================================*/
/* SELECTOR LIST / GRID for COOKIE
/*=============================================================*/
.btn_list-grid {display: inline-flex;border-left: 1px solid #ececec;padding: 14px;}
.btn_list-grid button {background: none;color: #777777; font-size: 29px; padding: 0 10px;box-shadow: none;}
.btn_list-grid button:hover, body.list .btn_list, body:not(.grid) .btn_list, body.grid .btn_grid {color: #4cb51b;box-shadow: none;}

/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.fullstory {background: #fff;box-shadow: 0 2px 2px rgba(68,68,68,.1);border-radius: 4px;padding: 15px 20px;margin-bottom: 20px;}
.fullstory h1 {font-size: 18px;margin-bottom: 20px;}
.fullstory .post_full_top {display: flex; flex-wrap: wrap;margin-bottom: 15px;}
.fullstory .post_img {flex: 0 0 250px; margin-right: 20px;}
.fullstory .post_img img {display: block; border-radius: 4px;}
.fullstory .post_info {flex: 1;}
.fullstory .post_info > ul {margin-bottom: 20px;}
.fullstory .post_info > ul > li {display: flex; flex-wrap: wrap; padding: 7px 15px;}
.fullstory .post_info > ul > li:nth-child(2n+1) {background: #fbfbfb;}
.fullstory .post_info > ul > li span {flex: 0 0 150px;}
.full_download_bl {display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.full_download {flex: 1;display: inline-flex;flex-wrap: wrap;justify-content: center;}
.full_download .btn_download {margin: 7px;flex: 0 0 160px;}
.full_download .btn_download.blue {background: #62b8ff;}
.full_download .btn_download.blue:hover {background: #71bfff;box-shadow: rgba(98, 184, 255, 0.6) 0px 0px 10px;}
.fullstory .item_stars {display: flex;align-items: center;justify-content: right;margin-bottom: 20px;}
.full_descr {hyphens: auto;}
.uSpoilerText {padding: 10px 20px;background: #f8f8f8;color:#121212;}
input.uSpoilerButton, input.uSpoilerButton:hover {background: #f2f2f2;padding: 10px 20px;box-shadow: none;}

/*=============================================================*/
/* COMMENTS
/*=============================================================*/
.comments_bl {background: #fff;box-shadow: 0 2px 2px rgba(68,68,68,.1);border-radius: 4px;padding: 15px 20px;margin-bottom: 20px;}
.add_form_comm {margin-bottom: 20px;}
.title_section {font-size: 18px;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
.add_form, .com-order-block {display: none;}
.add_form textarea {margin-bottom: 20px;}
.title_section.beefup-head [class*="ion-"] {font-size: 24px;margin-left: 12px;}
.title_section.beefup-head button {box-shadow: none; font-size: 14px;display: inline-flex;align-items: center;background: #f4f4f4; color: #121212;}
.add_form_comm .title_section.beefup-head button::before {content: "Открыть форму"}
.add_form_comm.open .title_section.beefup-head button::before {content: "Закрыть форму";}
.add_form_comm.open .title_section.beefup-head button {background: #ff4800; color: #fff;}

.comments_list {}
.comment_item {border-bottom: 1px solid #e8e8e8;margin: 0 -20px;}
.uComment {margin: 15px !important;}
.uComment .uc-avatar img {width: 30px !important;border-radius: 4px !important;}
.uComment .uc-content {margin: 0 0 0 50px !important;}
.uComment .uc-top-left img, .uc-top-left a, .uc-top-left span {vertical-align: top !important;}
.uComment .uc-top {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-right: -15px;padding: 0 15px 12px 0;}
.uComment .red {color: #d02e2e;}
.uComment .count_rating {padding:0 3px;}
.uComment a.uc-profile-link {color: inherit;font-weight: 600;}
.uComment .uc-top-left {display: inline-flex; align-items: baseline;}
.uComment .uc-opacity {font-size: 12px;padding-left: 5px;}
.uComment .comm_rating {background: #46a819;color: #fff;padding: 0px 10px;display: inline-block;border-radius: 4px;}
.uComment .comm_rating a {color: #fff;font-size: 16px;}

/*=============================================================*/
/* OTHERS
/*=============================================================*/
.captcha-block {display: block !important;}
.ucf-table {width: 100%;}

