/*=============================================================*/
/* Theme: Torrentigruhi
/* Version: 1.1.0
/* Copyright (c) 2022 ShopThemes - Vendor Marketplace
/* Site Autor: https://shopthemes.ru/
/*=============================================================*/
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Montserrat', sans-serif;font-size: 14px;color: var(--dark); line-height: 26px; background: var(--white);}
a {text-decoration: none;border: none;outline: none;color: var(--turquoise);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%;}
.fullstory_news img {max-width: 100%;width: 100%;margin: 2rem 0;}
img.fullstory_news-poster {max-width: 100%;width: 100%;margin: 0 0 2rem 0;}
form {width: 100%;}
h1, h2, h3, h4, h5, h6 {color: var(--dark);margin: 0;font-weight: 600;line-height: 28px;}
.fullstory_news h1, .fullstory_news h2, .fullstory_news h3 {margin-top: 2.5rem;margin-bottom: 1rem;}
.fullstory_news h4, .fullstory_news h5, .fullstory_news h6 {margin-top: 1.8rem;margin-bottom: .85rem;}
h1 {font-size: 24px;}
.container {position: relative;max-width: 1280px;margin: 0 auto;padding: 0 30px;box-shadow: rgba(0,0,0,.12) 0 0 50px;}
.right {float: right;}
.center {text-align: center;}
.middle {padding: 2rem 0;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}
[class*="aside_"] {flex: 0 0 300px; max-width: 300px;}
.aside_l {margin-right: 30px;}
.aside_r {margin-left: 30px;}
.aside_block {margin-bottom: 30px;}
.aside_title {background: var(--green); color: var(--white); font-weight: 500; padding: 10px 15px; margin-bottom: 10px;}
.aside_content h5 {text-transform: uppercase;padding: 5px 10px;font-size: 10px;color: var(--turquoise);}
.fullwidth {flex: 0 0 100% !important; min-width: 100%;}
.sect_title {border-left: 3px solid var(--green);padding: 5px 15px;font-size: 22px;margin-bottom: 20px;}
.fullstory_news .sect_title {border-left: 3px solid var(--green);padding: 5px 15px;font-size: 22px;margin-bottom: 2rem;margin-top: 0;}
.sect_title::first-letter {color: var(--turquoise);}
.fullstory_news .sect_title::first-letter {color: var(--dark);}
.related {display: flex; flex-wrap: wrap;margin: 0 -15px;}
.content_search {margin: 0;display: flex;flex-direction: column; flex-wrap: nowrap;justify-content: flex-start; align-items: center;}
.content_search #fullsearch {grid-column: 1 / -1;}
.content_search #dle-content, .content_block #dle-content {display: grid;justify-items: center;align-items: start;justify-content: start;grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr); gap: 2rem 1.5rem;}
/*=============================================================*/
/* HEADER
/*=============================================================*/
.header{box-shadow:var(--box-shadow);}
.header_row {display: flex; justify-content: space-between; flex-wrap: wrap;}
.h_content {flex:1; display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center;}
.h_content i.fa-bars {font-size: 24px; color: var(--turquoise); cursor: pointer; display: none;}
.h_content i.fa-bars.open {color: var(--green);}

/*=============================================================*/
/* LOGO
/*=============================================================*/
.logo {text-transform: uppercase;font-weight: 800;padding: 10px 0;font-size: 24px;margin-right: 30px;color: var(--green);}
.logo span {color: var(--turquoise);}
.logo:hover {color: var(--turquoise);}
.logo:hover span {color: var(--green);}
.logo small {display: block;font-weight: 500;font-size: 9px;color: var(--text-light);text-transform: none;text-align: right;margin-top: -8px;}

/*=============================================================*/
/* TOP NAV
/*=============================================================*/
nav.top_nav ul {display: flex; flex-wrap: wrap;}
.top_nav li {padding: 0px 15px; list-style: none;}
.top_nav li a {display: inline-block; color: var(--dark);}
.top_nav li a:hover {border-bottom: 1px dashed var(--green);}
.top_nav [class*="fa"] {margin-right: 10px; color: var(--green);}

/*=============================================================*/
/* USER PANEL
/*=============================================================*/
a.profile {color: var(--turquoise);font-weight: 600;}
.panel_user a {display: block; white-space: nowrap;}
.panel_user a.avatar {display: flex;justify-content: center;flex-wrap: wrap; margin-bottom: 15px;}
.panel_user a.avatar span {display: flex;justify-content: center; width: 100%;font-size: 16px;font-weight: 700;}
.panel_user a.avatar img {width: 50px; height: 50px; border-radius: 50%; display: block;}
.panel_user .dropdown-item {padding: 5px 15px; color: var(--dark);}
.panel_user .dropdown-item [class*="fa"] {margin-right: 10px; color: var(--text-light); transition: all 0.3s ease 0s;}
.panel_user .dropdown-item:hover {background: var(--turquoise); color: var(--white);}
.panel_user .dropdown-item:hover [class*="fa"], .panel_user .dropdown-item:hover span.right {color: var(--white);}
.dropdown-menu {border: 0;margin: 18px 0 0;box-shadow: var(--box-shadow);border-top: 1px solid var(--turquoise);border-radius: 0px;padding: 30px 0 10px;min-width: 250px;right: -1px;}
.dropdown-menu::before {content: '';position: absolute;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid var(--turquoise);bottom: 100%;right: 30px;}
.panel_user .dropdown-item span.right {color: var(--text-light); transition: all 0.3s ease 0s;}

.login_form {padding: 0 20px;margin-top: -10px;}
.login_form input {width: 100%; margin-bottom: 20px;}
.login_input-btn button {width: 100%; margin-bottom: 10px;}
.login_form__foot {display: flex;flex-wrap: wrap;justify-content: space-between; font-size: 12px;padding: 0 20px;}
.login_form__foot a {text-align: center;}

/*=============================================================*/
/* SEARCH
/*=============================================================*/
._search {background: var(--turquoise);padding: 10px 0;}
._search .container {box-shadow: none;}
._search input {border: 0; box-shadow: none; background: rgba(255,255,255,.2); color: var(--white); font-size: 13px;width: 100%; padding: 0 15px; flex: 1;}
._search input:focus {box-shadow:none !important;}
._search ::-webkit-input-placeholder {color: var(--white) !important; opacity:1;}
._search ::-moz-placeholder          {color: var(--white) !important; opacity:1;}/* Firefox 19+ */
._search :-moz-placeholder           {color: var(--white) !important; opacity:1;}/* Firefox 18- */
._search :-ms-input-placeholder      {color: var(--white) !important; opacity:1;}
._search :focus::-webkit-input-placeholder {color: transparent !important;}
._search :focus::-moz-placeholder          {color: transparent !important;}
._search :focus:-moz-placeholder           {color: transparent !important;}
._search :focus:-ms-input-placeholder      {color: transparent !important;}
.search_form {display: flex;}
.search_form button {background: #2fa5b9;display: inline-flex;align-items: center;}
.search_form button [class*="fa"] {margin-right: 10px;}
.search_form button:hover {background: rgba(255, 255, 255, .1);}
.searchpage .box_in {margin: 0;padding: 0;}
.search_result_num {background: var(--light);padding: 1rem;margin: 2rem 0;}
#searchdate, #sortby {width: 55% !important;}
#beforeafter, #resorder {width: 40% !important; margin-left: 3%;}
#replyless {width: 65% !important;}
#replylimit {width: 30% !important; margin-left: 3%;} 
label[for=rb_showposts_0] {width: 45% !important;}
label[for=rb_showposts_1] {width: 45% !important;}
#catlist {width: 100% !important;}
/*=============================================================*/
/* CATEGORY (Aside)
/*=============================================================*/
.category_list {display: flex; flex-wrap: wrap; background: #f7f7f7; margin-bottom: 10px;}
.category_list > li {flex: 0 0 50%; max-width: 50%; font-size: 12px;list-style: none;}
.category_list > li a {color: var(--dark); display: block; padding: 3px 10px; border: 1px solid #fefefe;}
.category_list > li a:hover {background: var(--turquoise); color: var(--white);}
.category_list.for_col > li {flex: 0 0 25%;max-width: 25%; text-align: center;}
.category_list.one_col > li {flex: 0 0 100%; min-width: 100%;}

/*=============================================================*/
/* SHORTSTORY
/*=============================================================*/
.shortstory_item {width: 100%;position: relative;}
.shortstory_item img {width: 100%; object-fit: cover; display: block; margin-bottom: 10px;aspect-ratio: 2 / 3;}
.shortstory_item a {color: var(--dark); font-weight: 700; display: block;}
.shortstory_item a:hover {color: var(--turquoise);}
.shortstory_item h3 {text-align: left;font-size: 14px;line-height: 1.4;}
.shortstory_item .poster {position: relative; width: 100%;}
.shortstory_item i[class*="fa"] { color:var(--grey-light);font-size:16px;position:absolute;top:0;left:15px;z-index:1;width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3)}
.card__category {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    row-gap: 0;
	text-indent: -9999px;
    color: var(--text-light);
    padding-top: .65rem;
}
.card__category a {
    display: block;
    text-indent: initial;
    line-height: 1.35rem;
    font-size: .8rem;
    font-weight: 500;
    color: var(--text-light);
}
.card__category a:hover {
	color: var(--turquoise);
}
/*=============================================================*/
/* INFORMERS
/*=============================================================*/
.popular_inf {padding: 20px 0 0;}
.popular_content {display: flex; margin: 0 -7.5px;}
.popular_item {flex: 0 0 14.3%;max-width: 14.3%;padding:0 7.5px;}
.popular_item img {display: block; height: 240px; width: 100%; object-fit: cover;}
.popular_item h4 a {color: var(--dark);font-weight: 600;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;width: 100%;display: block;}
.popular_item h4 a:hover {color: var(--turquoise)}

.related_item {flex: 0 0 25%;max-width: 25%;padding: 0 15px; margin-bottom: 30px; position: relative;}
.related_item img {width: 100%; height: 300px; object-fit: cover; display: block; margin-bottom: 10px;}
.related_item a {color: var(--dark); font-weight: 700; display: block;}
.related_item a:hover {color: var(--turquoise);}
.related_item h3 {text-align: center;font-size: 14px;line-height: 1.4;}
.related_item .poster {position: relative; width: 100%;}

.random_inf, .news_inf {display: flex; margin: 0 -7.5px;flex-wrap: wrap;}
.random_item, .news_item { flex:0 0 50%;max-width:50%;padding:0 7.5px;margin-bottom: 15px;position:relative}
.random_item img, .news_item img {width: 100%;display: block;object-fit: cover;}
.random_item img {height: 210px;}
.news_item img {height: 81px;aspect-ratio: 16 / 9;}
/*=============================================================*/
/* FOOTER
/*=============================================================*/
.footer {width:calc(100% + 60px); background: var(--turquoise); font-size: 12px; color: var(--white); line-height: 1.5;display: table;margin: 0 -30px;}
.footer_top {display: flex; justify-content: center; flex-wrap: wrap;padding: 10px 15px; }
.footer_top a {color: var(--white); font-weight: 600; text-transform: uppercase; margin: 5px 15px; display: inline-block;}
.footer a {color: rgba(255, 255, 255, 1);}
.footer_bottom {border-top: 1px solid rgba(255,255,255,.2); display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px; align-items: end;}
.footer_info {flex: 1; padding: 0 15px;}
.f_ount {padding: 0 15px;}
.f_ount img {opacity: .3; transition: all ease-in-out .3s;}
.f_ount img:hover {opacity: 1;}
.footer_info p {margin-bottom: 7px;}
.footer_info p:last-child {margin-bottom: 0;}

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

/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.full_page, .box_in {padding: 0 15px;}
.full_content {display: flex; flex-wrap: wrap;width: 100%;}
.full_left {flex: 0 0 30%; max-width: 30%;min-width: 30%; padding-right: 30px;}
.fill_right {flex: 1;}
.poster {position: relative;}
.poster img {display: block; width: 100%;}

.add_fav_bl, .del_fav_bl {position:absolute;right:0;top:0;color:rgba(255, 255, 255, .8);font-size:24px;padding:5px;line-height:1; height: 36px; width: 36px; display: inline-flex; justify-content: center; align-items: center; transition: all ease-in-out .15s; cursor: pointer;}
.add_fav_bl:hover, .del_fav_bl:hover {color:rgba(255, 255, 255, 1); font-size: 28px;}
.add_fav_bl {background:var(--turquoise);}
.del_fav_bl {background:var(--green);}

.vews{color:#eee;background:linear-gradient(to top,rgb(37, 53, 68) 0%,rgba(0,0,0,0) 100%);position:absolute;bottom:0;width:100%;padding:10px;left:0;right:0;height:auto;font-size:13px;text-align:center;padding-top:100px}
.rating {display: flex; justify-content: space-between; flex-wrap: nowrap; color: var(--white); font-weight: 500; width: 100%;font-size: 14px; height: auto;}
.rating [class*="fa"] {font-size: 16px; line-height: 1;}
.rating .like {background:var(--green);flex:0 0 50%;display:inline-flex;justify-content:center;align-items:center;line-height: 1;}
.rating .dislike {background:var(--red);flex:0 0 50%;display:inline-flex;justify-content:center;align-items:center;line-height: 1;}
.rating .dislike [class*="fa"] {margin-left: 12px;}
.rating .like [class*="fa"] {margin-right: 12px;}
.rating .like > span.masha_index {display: none !important;}
.rating a { padding:10px 15px;color:var(--white);display:flex;width:100%;justify-content:center;align-items:center}

.subscr-lazydev {text-align: center;}
.subscr-btn,
.unsubscr-btn {display: block;text-align: center;padding: 6px;border-radius: 0px;background-color: #2C3E50;color: #fff;font-size: 14px;margin-bottom: 5px; cursor: pointer; transition: all ease-in-out .3s;}
.subscr-btn:hover {background: #2fa5b9;}
.subscr-info span {color: var(--turquoise)}
.subscr-info {font-weight: 500;}

.yx-share-title,
.yx-share-title,
.ya-share2 {text-align: center;font-size: 12px;color: var(--text-light);font-weight: 500;}

.full_left h4 {text-align: center;margin-top: 10px;font-size: 16px; margin-bottom: 10px;}
.fscreens {max-height: 345px;overflow-x: auto;scrollbar-color: #9171cf #e4e4e4;scrollbar-width: thin;}
.fscreens img {display: block;}
.fscreens a {margin-bottom: 15px; display: block;}
.fscreens a:last-child {margin-bottom: 0px;}

.descr_short_info {margin-bottom: 30px;}
.descr_short_info li, .description li  {padding: 5px 15px;display:flex;align-items:center;flex-wrap: wrap;list-style:disc;}
.descr_short_info li:nth-child(2n+1) {background: #f7f7f7;}
.descr_short_info li span {font-weight: 700; display: inline-block; min-width: 150px;}
.descr_short_info a {margin-right: 5px;}
.descr_short_info a::after {content: ",";}
.descr_short_info a:last-child::after {content: "";}
.descr_short_info a:hover {text-decoration: underline;}
.descr_short, .description {hyphens: auto; margin-bottom: 30px;}
.descr_short p, .description p {margin-bottom: 20px;}

.system_req {margin-bottom:30px;background:#f7f7f7;padding:20px;line-height:1.85rem}
.system_req ul {padding-left: 32px;}
.system_req li {list-style:disc;}

.download_bl {text-align: center; margin-bottom: 30px;}
.full_page .btn {background: var(--green); font-weight: 500 !important; font-size: 15px; display: inline-flex; align-items: center; line-height: 1; padding: 10px 15px; margin: 0 10px 10px;}
.full_page .btn [class*="fa"] {margin-right: 12px; font-size: 20px; line-height: 1;}
.full_page .btn:hover {opacity: .85;}
.full_page .btn.rev {background: var(--turquoise);}
.full_page .btn.rev:hover {opacity: .85;}
.full_page button.btn {margin: 0;}
.title_block {text-align: center; margin-bottom: 10px;margin-top: 30px;}

/*=============================================================*/
/* COMMENTS
/*=============================================================*/
.fn_comments {width: 100%; position: relative; display: block; hyphens: auto;}
.fn_comments h4 {text-transform: uppercase;font-size: 16px;font-weight: 600;position: relative; padding-bottom: 15px;margin-bottom: 30px; padding: 0 30px;}
.fn_comm_body h4 span {color: var(--green);}
.fn_comm_body {margin-bottom: 30px;}
.fn_comment_item {border-bottom: 1px solid #eceff2; padding: 20px; display: flex;}
.fn_comment_item .fn_ava_comm {flex: 0 0 35px; max-width: 35px; margin-right: 30px;}
.fn_ava_comm a {position: relative; display: inline-block;}
.fn_ava_comm img {width: 100%; display: block; position: relative; z-index: 1;}
.fn_comments span.count {position: absolute;top: -2px;right: -2px;width: 15px;height: 15px;padding: 0;border-radius: 0;background: var(--red);z-index: 0;}
.fn_comm_item_top {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px;color: #bdbdbd;}
.fn_comm_item_top a {margin-right: 5px;font-weight: 600;color: var(--dark);}
.fn_comm_date {font-size: 10px; margin-left: 5px;color:var(--text-light); position: relative; top: -1px;}
.fn_user_status {font-size: 10px;text-align: center;}
.fn_red_text {color: var(--red); font-weight: 500;}
.fn_grey_text {color:var(--text-light); }
.fn_comment_item .fn_comm_content {flex: 1;}
.fn_dash_comm {display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; position: relative;}
.fn_dash_comm .dropdown-menu [class*="fa-"] {font-size: 14px; margin-right: 7px;}
.fn_dash_comm button {background-color: transparent; color: var(--text-light); font-size: 14px;  padding: 0; line-height: 1;} 
.fn_dash_comm .dropdown-menu {border-radius: 0; padding: 15px 0;border: 1px solid var(--light); min-width: 180px; margin-top: 0;}
.fn_dash_comm .dropdown-menu::before {display: none;}
.fn_dash_comm .dropdown-menu a.dropdown-item {display: flex; align-items: center; padding: 2px 15px; white-space: nowrap; margin-right: 0; color: var(--dark); font-weight: 500; font-size: 12px;}
.fn_dash_comm .dropdown-menu a.dropdown-item [class*="fa-"] {font-size: 16px; margin-right: 10px; width: 25px; text-align: center; opacity: .4; transition: all 0.3s ease 0s;}
.fn_dash_comm .dropdown-menu a.dropdown-item:hover [class*="fa-"] {opacity: .7;}
.fn_dash_comm .dropdown-menu a.dropdown-item:hover {background: #f8f8f8;}
.fn_comm_input {display: flex; justify-content: space-between; margin: 0 -10px 20px; flex-wrap: wrap; }
.fn_comm_input > div {flex: 0 0 50%; padding: 0 10px;}
[id*="comm-id-"] {hyphens: auto;}
.fn_comment_item .quote {font-size: 12px;color: var(--dark);box-shadow: none;background: var(--light);font-weight: 400;}
.fn_comment_item .title_quote {font-weight: 600; padding: 10px 15px !important;background: var(--blue-light);}
.fn_ava_comm img {border-radius: 50%;}
.fn_ava_comm .count {position: absolute;width: 8px;height: 8px;display: inline-block;padding: 0;border-radius: 50%;}
.fn_comm_item_top_rating {margin-right: 20px;}
.fn_heading {text-transform: uppercase;font-weight: 600;padding: 15px 20px;border-bottom: 1px solid #eceff2;}
.fn_comm_input {display: flex; justify-content: space-between; margin: 0 -10px 20px; flex-wrap: wrap; }
.fn_comm_input > div {flex: 0 0 50%; padding: 0 10px;}
form#dlemasscomments {width: 100%;}

/*=============================================================*/
/* LIKE/DISLIKE/STARS
/*=============================================================*/
.unit-rating a {transition: none;}
.rate_stars {display: flex;}
.rate_stars [id*="comments-ratig"] {padding: 0; background: none;}
.rate_like , .rate_like-dislike {color: var(--text-light); font-weight: 400 !important; font-size: 12px;display: flex; align-items: center;}
.rate_like a {margin-right: 0;color: var(--text-light); font-weight: 400 !important;}
.rate_like [class*="fa-"] {padding: 5px;background: var(--green);color: var(--white); border-radius: 3px;box-shadow: var(--box-shadow-btn); line-height: 1;}
[id*="comments-ratig"] {border-radius: 3px;font-weight: 500;background: var(--light); display: inline-block;padding:5px 7px; line-height: 1; text-align: center;}
.rate_like-dislike a {margin-right: 0;}
.rate_like-dislike a [class*="fa-"] {padding: 5px;color: var(--white);border-radius: 3px;box-shadow: var(--box-shadow-btn);line-height: 1;}
.rate_like-dislike a i.fa-thumbs-down {background: var(--red);}
.rate_like-dislike a i.fa-thumbs-up {background: var(--green);} 
.ratingtypeplusminus span {font-weight: 500;display: inline-block; padding:5px 7px;}
.fn_post_rate .rate_like-dislike {display: flex; justify-content: space-between; }
.fn_post_rate .rate_like-dislike > div {flex: 1;display: inline-flex;}
.fn_post_rate a {color: var(--white);flex: 0 0 50%;text-align: center;display: inline-flex;align-items: center; position: relative; overflow: hidden;font-size: 14px;}
.fn_post_rate a:first-child {background: var(--red);}
.fn_post_rate a:first-child:hover {background: rgba(244, 67, 54, 0.85);}
.fn_post_rate a:last-child {background: var(--green);}
.fn_post_rate a:last-child:hover {background: rgba(76, 175, 80, 0.85);}
.fn_post_rate a .fn_rating_post_count {flex: 0 0 65px; min-width: 65px; padding: 20px; font-size: 16px; background: rgba(255, 255, 255, 0.1)}
.fn_post_rate a span {flex: 1;}
.fn_post_rate a [class*="fa-"] {box-shadow: none; background-color: transparent !important;}

/*=============================================================*/
/* PAGINATION
/*=============================================================*/
.pagination {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 100%;margin: 35px 0;}
.pagination a, .pagination span {display: inline-flex; align-items: center; justify-content: center; margin: 5px; font-size: 14px; padding: 5px 10px; min-width: 35px; min-height: 35px;flex-wrap: wrap;}
.pagination .tp_pages a {margin: 5px; border-radius: 3px; background: var(--turquoise); color:var(--white);box-shadow: var(--box-shadow-btn);}
.pagination .tp_pages a:hover {background-color: var(--green);}
.pagination .tp_pages span { color: var(--dark);background: var(--shadow); border-radius: 3px; font-weight: 500; font-size: 14px;}
.pagination [class*="fa-"] {font-size: 24px; color: var(--text-light); opacity: 0.5;transition: all 0.3s ease 0s; }
.pagination [class*="tp_page_"] a, .pagination [class*="tp_page_"] span {padding: 0;}
.pagination [class*="tp_page_"] a:hover [class*="fa-"] {color: var(--blue); opacity: 1;}
.pagination .tp_page_prev, .pagination .tp_page_next {padding: 0;margin: 0;}
.pagination .tp_pages a span, .pagination .tp_pages span > span {display: none;}

.for_pc { display:flex;flex-wrap:wrap;margin-bottom:30px; padding: 0 20px;}
.for_pc li { flex:0 0 20%;max-width:20%}
.for_pc li a { font-size:13px}

/*=============================================================*/
/* ENGINE STYLES
/*=============================================================*/
[class*="clouds_"] a {background: var(--turquoise); display: inline-block; color: var(--white);padding: 3px 10px; margin: 3px 7px;border-radius: 3px;box-shadow: var(--box-shadow-btn);font-size: 14px; font-weight: 500;}
a.fr-command[data-param1="H2"] {font-size: 22px !important;}
.bb-editor i[class*="fa"] {font-weight: 400 !important;}
#txtselect_marker, #txtselect_marker.show {display: none !important;}
.quote, blockquote {border: 1px solid #eceff2; padding: 15px 25px !important; font-weight: 500; border-left: 4px solid var(--turquoise);box-shadow: var(--box-shadow);}
.uploadedfile .info {text-align: center;font-size: 10px;}
.uploadedfile .uploadimage {margin-bottom: 5px;}
.uploadedfile .info {margin-top: 5px;}
.fa, .fas {font-weight: 400;}
.ui-dialog {z-index: 1000;}
.ui-dialog-content h2 {font-size: 1.4em;}
.mass_comments_action {display: none;}
.title_quote {border-left: 4px solid var(--turquoise); border: 1px solid #eceff2;}
.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote {padding: 15px 25px !important;margin-bottom: 20px;}
.title_quote {padding: 10px 15px;font-size: 12px;font-weight: 500; margin-bottom: -1px;}
form#sendmail, form[name="registration"], form#entryform {width: 100%;} 
.box.story {width: 100%;}
.ui-button {margin: 3px;}
.usinf > li {display: flex; flex-wrap: wrap; margin-bottom: 7px;}
.ui-c1 {font-weight: 600; flex: 0 0 250px;}
.userstop thead td, .pm td.pm_head {text-align: center;}
#dle-comments-form {width: 100%;}
#dle-comments-list > ol {padding-left: 0;}
#comment + .comments-tree-list {padding:0}
[id*="comments-tree-item"] ol {padding-left:30px}
.ui-dialog-buttonset {display: flex;justify-content: space-between;}
.ui-dialog-buttonset > button {font-size: 12px;}
/*=============================================================*/
.progress {height: 20px; box-shadow:none; background-color: whitesmoke; border-radius: 5px;}
.progress .progress-bar {height: 20px; background-color: var(--red); border-radius: 5px;}
/*=============================================================*/
.form-group, .stats_head, .stat_group, .statistics, .combo_field {margin-bottom: 20px;}
.berrors { background:#f7f7f7;padding:10px 20px;margin: 3rem 0;}
.btn-big { height:auto;padding:7px 22px;border-radius:0;font-weight:500}
/*=============================================================*/
nav#pm-menu > a span {background: var(--turquoise); font-weight: 400 !important; font-size: 15px; display: inline-flex; align-items: center; line-height: 1; padding: 10px 15px; color: var(--white); transition: all ease-in-out .3s;}
nav#pm-menu > a:hover span {background: var(--green);}
/*=============================================================*/
.highslide-controls a { transition: none;}
.addcomment .form-group.combo { display:flex;justify-content:space-between;margin-top:20px;margin-bottom:0;flex-wrap:wrap}
.addcomment .form-group.combo .combo_field {flex: 0 0 49%; max-width: 49%; min-width: 49%;}
.film-title {
    font-size: 1rem; /* или тот размер, что был у h2 */
    font-weight: bold;
    margin: 0.83em 0; /* стандартные отступы h2 */
    line-height: 1.2;
}

.film-title a {
    color: inherit;
    display: inline; 
    text-decoration: none;
}
.film-title-h3 {
    font-size: 1.2em; /* или тот размер, что был у h3 */
    font-weight: 700;
    margin: 0.83em 0; /* стандартные отступы h3 */
    line-height: 1.2;
}

.film-title-h3 a {
    color: inherit;
    display: inline; 
    text-decoration: none;
}

.news-title {
    font-size: .85rem; /* или тот размер, что был у h2 */
    font-weight: normal;
    margin: 0.83em 0; /* стандартные отступы h2 */
    line-height: 1.1;
}

.news-title a {
    color: inherit;
    display: inline; 
    text-decoration: none;
}
.news-title a:hover {
    color: var(--green);
    text-decoration: none;
}
.news-desc {
    display: block;
    text-indent: initial;
    line-height: 1.05rem;
    font-size: .75rem;
    font-weight: 500;
    color: var(--text-light);
}
/*================ВИДЕО ТАБЫ=================*/
.videos {
	display: flex;
	flex-wrap: wrap;
	background: #f7f7f7;
    margin-bottom: 2rem;
}
.videos label {
	order: 1;
	display: block;
	padding: 1rem 2rem;
	margin-right: 0.2rem;
	cursor: pointer;
	background: #6b73a2;
	color: #dedede;
	font-weight: bold;
	transition: background ease 0.2s;
}
.videos .video-block {
  order: 99;
  flex-grow: 1;
	width: 100%;
	display: none;
	position: relative; 
  overflow: hidden;   
  width: 100%;        
  padding-bottom: 56.25%;
  backgronud: #f7f7f7;
}
.videos .video-block iframe {
  position: absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  width:100%;
  height:100%;
}
.videos input[type="radio"] {
	display: none;
}

.videos input[type="radio"]:checked + label, .videos label:hover {
  background: #72cfc4;
  color: #353139;
}

.videos input[type="radio"]:checked + label + .video-block {
	display: block;
}

@media (max-width: 45em) {
  .videos .video-block,
  .videos label {
    order: initial;
  }
  .videos label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}
/*================КОНЕЦ ВИДЕО ТАБЫ=================*/
/* Исправленный и дополненный CSS */
.social-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

.social-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    color: white;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border: none;
    cursor: pointer;
    min-width: 180px;
    justify-content: center;
}

.social-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.social-btn svg {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

/* Telegram */
.telegram-btn {
    background: linear-gradient(135deg, #0088cc, #006bb3);
}

.telegram-btn:hover {
    background: linear-gradient(135deg, #006bb3, #005299);
}

/* VK */
.vk-btn {
    background: linear-gradient(135deg, #4c75a3, #3a5a85);
}

.vk-btn:hover {
    background: linear-gradient(135deg, #3a5a85, #2d4467);
}

/* OK */
.ok-btn {
    background: linear-gradient(135deg, #ff6c00, #e55a00);
}

.ok-btn:hover {
    background: linear-gradient(135deg, #e55a00, #cc4d00);
}

/* Android App - НОВАЯ КНОПКА */
.android-btn {
    background: linear-gradient(135deg, #3DDC84, #34A853);
}

.android-btn:hover {
    background: linear-gradient(135deg, #34A853, #2E7D32);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(61, 220, 132, 0.4);
}
.faq-section {
    margin: 20px 0;
    background: #1a1a1a;
    border-radius: 8px;
    overflow: hidden;
}

.faq-item {
    border-bottom: 1px solid #333;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    padding: 15px 20px;
    background: #6b73a2;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
}

.faq-question:hover {
    background: #333;
}

.faq-question h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
}

.faq-toggle {
    font-size: 24px;
    color: #2fa5b9;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-toggle {
    transform: rotate(45deg);
}

.faq-answer {
    padding: 0 20px;
    background: #1a1a1a;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item.active .faq-answer {
    padding: 15px 20px;
    max-height: 200px;
}

.faq-answer p {
    margin: 0;
    color: #ccc;
    line-height: 1.6;
    font-size: 14px;
}

@media (max-width: 768px) {
    .faq-question {
        padding: 12px 15px;
    }
    
    .faq-question h3 {
        font-size: 14px;
    }
    
    .faq-item.active .faq-answer {
        padding: 12px 15px;
    }
}
/* Адаптивность */
@media (max-width: 768px) {
    .social-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .social-btn {
        width: 100%;
        max-width: 280px;
    }
}