@import url('normalize.css');          /* styles reset */
@import url('components.css');         /* Components elements */
@import url('dropdown.min.css');       /* plugin Dropdown */
@import url('fonts.css');              /* fonts text */
@import url('owl.carousel.min.css');   /* plugin QWL-Carousel */
@import url('ionicons.min.css');       /* font icons "Ionicons" */
@import url('all.min.css');            /* font icons "Font Awesome 5 Pro" */

/*=============================================================*/
/* :ROOT color
/*=============================================================*/
:root {
    --white: #ffffff;
    --green: #2bb42b;
    --dark: #253241;
    --red: #f44336;
    --orange: #fd7e14;
    --blue: #03a9f4;
    --grey: #cccccc;
    --grey-light: #f4f4f4;
    --box-shadow: rgba(129, 129, 129, 0.1) 0 0 20px;
    --text-light: #7c848d;
}

* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Montserrat', sans-serif; font-size: 14px; color: #374353; line-height: 26px; background: #f4f4f4;}
a {text-decoration: none; border: none; outline: none; color: var(--green); font-weight: 500; overflow: inherit;transition: all 0.3s ease 0s;}
a:hover {text-decoration:none;}
input[type="file"] {height: auto; line-height: 1;}
ul {margin: 0; padding: 0;}
li {list-style: none;}
img {max-width: 100%; border-radius: 5px;}
.btn {height:auto; line-height: inherit; box-shadow: none;}
h1, h2, h3, h4, h5, h6 {color: #1c1c1c;margin: 0;font-weight: 600;line-height: 28px;}
h1 {font-size: 24px;}
.block, .box_in {display: block !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mr-25 {margin-right: 25px !important;}
.mt-25 {margin-top: 25px !important;}
.container {max-width: 1370px; margin: 30px auto; background: #fff; min-height: calc(100vh - 60px); border-radius: 5px; display: flex; flex-direction: column; justify-content: space-between;}
.wrap {flex: 1;}
.content_wrap {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 25px 0;}
.middle_content {flex: 1;hyphens: auto; overflow:hidden;}
.section_title {text-transform: uppercase;overflow: hidden; font-weight: 700; font-size: 18px; margin-bottom: 25px; color: var(--dark);}
.section_title span.green_color {color: var(--green);}
.section_title .line_section_title span {color: var(--green);}
.section_title .line_section_title {position: relative;}
.section_title .line_section_title::after,
.section_title .line_section_title::before {content: ''; width: 150px; height: 2px; position: absolute; top: calc(50% - 2px);}
.section_title .line_section_title::after {left: 100%; background: var(--dark);  margin-left: 25px;}
.section_title .line_section_title::before {right: 100%; background: var(--green); margin-right: 25px;}
.section_title.center {text-align: center;}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.header {display: flex; flex-wrap: wrap; background: var(--green); border-radius: 5px 5px 0 0; color: var(--white); padding: 12px 25px; align-items: center;position: relative;}
.header_content {flex: 1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-left: 25px;}
.header_content_left {flex: 0 auto;}
.header_content_left a {color: var(--white); text-transform: uppercase; font-size: 13px; font-weight: 500;}
.header_content_left ul {display: flex; flex-wrap: wrap;}
.header_content_left ul li { padding:0 12px;}
.header_content_left ul li:first-child {padding-left: 0;}
.header_content_left ul li a {position: relative; padding: 3px 0;}
.header_content_left ul li a::before {content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;transition: all 0.3s ease 0s; transform: scale(0);}
.header_content_left ul li a:hover::before {background: var(--white);transform: scale(1);}
.header_content_right {display: flex; flex: 1; justify-content: flex-end;margin-left: 25px; flex-wrap: wrap; align-items: center;}

button.top_menu,
button.main_menu {font-size: 20px; display: none;}

/*=============================================================*/
/* LOGO
/*=============================================================*/
.logo {flex: 0 auto; text-transform: uppercase; font-size: 20px;}
.logo a {color: var(--white); font-weight: 600;}
.logo a span {background: var(--white); color: var(--green); display: inline-block; margin-left: 5px; line-height: 1;padding: 5px 7px; border-radius: 5px;}

/*=============================================================*/
/* USER PANEL
/*=============================================================*/
.user_panel {margin-left: 25px;position: relative; display: inline-flex;}
.user_panel .st_profile {display: inline-flex; align-items: center;line-height: 1; }
.user_panel .st_ava {width: 35px; height: 35px; margin-right: 15px; overflow: hidden; border-radius: 50%;}
.st_user_name {font-weight: 600; font-size: 14px;}
.st_user_name [class*="fa"] {margin-left: 5px; font-size: 12px;}
.user_panel .dropdown-menu-right {min-width: 270px; box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2);border: 1px solid transparent; background: var(--white);top: calc(100% + 10px); right: -25px; padding: 20px; border-radius: 0;}
.user_panel .dropdown-menu-right::before {right: 20px;}
.user_panel .dropdown-menu-right::before {content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--white); bottom: 100%;}
.st_panel_user ul li a {display: block; padding:7px 10px; font-weight: 400; color: #54667a; border-radius: 5px;}
.st_panel_user ul li a:hover {background: var(--blue); color: var(--white);}
.st_panel_user ul li a [class*="fa"] {margin-right: 15px; width: 15px; text-align: center;}
.login_form__foot {display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 12px;}
.login_form__foot a {color: var(--blue);}
.st_panel_user form input {width: 240px;height: auto !important;}
.st_panel_user form .btn {margin-bottom: 10px; width: 100%;}

/*=============================================================*/
/* SEARCH
/*=============================================================*/
.search {position: relative;}
.search form {background: var(--white); overflow: hidden; border-radius: 25px; display: flex; align-items: center; flex-wrap: nowrap;}
.search input {border: 0; width: auto; padding: 0 0 0 15px; height: 30px; background: transparent; font-size: 12px; color: var(--dark);}
.search button {padding: 0 12px 0 10px; background: transparent; color: var(--text-light); font-size: 14px;}
.search button:hover {color: var(--green);}

/*=============================================================*/
/* OWL-CAROUSEL
/*=============================================================*/
#promo_carousel .fad.fa-angle-double-right::after,
#recom_carousel .fad.fa-angle-double-right::after {content: "\f101"; color: #afbad0;transition: all 0.3s ease 0s;}
#promo_carousel button:hover .fad.fa-angle-double-right::after,
#recom_carousel button:hover .fad.fa-angle-double-right::after {content: "\f101"; color: var(--green);opacity:1;}
#promo_carousel .fa-angle-double-right::before,
#recom_carousel .fa-angle-double-right::before {content: "\10f101"; color: var(--green); transition: all 0.3s ease 0s;}
#promo_carousel button:hover .fa-angle-double-right::before,
#recom_carousel button:hover .fa-angle-double-right::before {content: "\10f101"; color: #afbad0; opacity: .5;}
#promo_carousel .fad.fa-angle-double-left::after,
#recom_carousel .fad.fa-angle-double-left::after {content: "\f100"; color: #afbad0; transition: all 0.3s ease 0s;}
#promo_carousel button:hover .fad.fa-angle-double-left::after,
#recom_carousel button:hover .fad.fa-angle-double-left::after {content: "\f100"; color: var(--green); opacity:1;}
#promo_carousel .fa-angle-double-left::before,
#recom_carousel .fa-angle-double-left::before {content: "\10f100"; color: var(--green); transition: all 0.3s ease 0s;}
#promo_carousel button:hover .fa-angle-double-left::before,
#recom_carousel button:hover .fa-angle-double-left::before {content: "\10f100"; color: #afbad0; opacity: .5;}
#promo_carousel .owl-nav,
#recom_carousel .owl-nav {position: absolute; top: 50%; bottom: 50%; left: 0; right: 0;}
#promo_carousel .owl-next,
#recom_carousel .owl-next {position: absolute; right: 0;border-radius: 5px 0 0 5px;}
#promo_carousel .owl-prev,
#recom_carousel .owl-prev {position: absolute; left: 0;border-radius: 0 5px 5px 0;}
#promo_carousel button[role="presentation"],
#recom_carousel button[role="presentation"] {font-size: 28px; top: -18px; position: absolute;}
#promo_carousel .owl-next, #promo_carousel .owl-prev,
#recom_carousel .owl-next, #recom_carousel .owl-prev {background: var(--dark); }
#promo_carousel .owl-next [class*="fa-"], #promo_carousel .owl-prev [class*="fa-"],
#recom_carousel .owl-next [class*="fa-"], #recom_carousel .owl-prev [class*="fa-"] {display: block; line-height: 1; }
#promo_carousel .owl-next [class*="fa-"],
#recom_carousel .owl-next [class*="fa-"] {padding: 3px 0 3px 5px;}
#promo_carousel .owl-prev [class*="fa-"],
#recom_carousel .owl-prev [class*="fa-"] {padding: 3px 5px 3px 0;}

/*=============================================================*/
/* GLOBAL PROMO
/*=============================================================*/
.global_promo {padding: 25px;background: var(--dark);}
.global_promo .section_title {color: var(--text-light);}
.promo_item {}
.promo_item_content {position: relative;}
.promo_item_content img {height: 245px; width: 100%; display: block; object-fit: cover; border-radius: 5px;}
.promo_item .title {text-transform: uppercase;text-align: center;font-weight: 600;font-size: 10px;position: absolute;bottom: 0;right: 0;left: 0;transition: all 0.3s ease 0s;border-radius: 0 0 5px 5px; overflow: hidden;}
.promo_item .title a {color: var(--white);display: block; padding: 7px 10px;background: rgba(0, 0, 0, 0.5); line-height: 18px;}
.promo_item:hover .title a {background: rgba(53, 197, 53, 0.7);}

/*=============================================================*/
/* SEO
/*=============================================================*/
.seo {padding: 25px;}
.seo p {margin-bottom: 10px;}
.seo .section_title {text-align: center;margin-bottom: 15px;}

/*=============================================================*/
/* FOOTER
/*=============================================================*/
.footer {background: var(--dark); border-radius: 0 0 5px 5px; padding: 12px 25px; color: var(--text-light); font-size: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.footer .footer_left {flex: 1;}
.footer .footer_right {display: inline-flex;}
.footer .footer_right a {display: inline-flex; margin-left: 10px;}
.footer .footer_right img {opacity: .2;transition: all 0.3s ease 0s;}
.footer .footer_right a:hover img {opacity: 1;}
.footer .footer_left a {color: var(--text-light); font-weight: 400; text-decoration: underline;}
.footer .footer_left a:hover {text-decoration: none;}

/*=============================================================*/
/* ASIDE
/*=============================================================*/
.aside_l, .aside_r {flex: 0 0 280px; max-width: 280px;}
.aside_l {margin-right: 25px;}
.aside_r {margin-left: 25px;}
.aside_bl {background: var(--white); margin-bottom: 25px;box-shadow: 0 0 20px rgba(58,59,69,.05);}
.aside_bl:last-child {margin-bottom: 0;}
.aside_title {background: var(--dark); color: var(--white); border-radius: 5px 5px 0 0; font-weight: 600; text-transform: uppercase; padding: 10px 20px;font-size: 12px;}
.aside_content {position: relative; padding: 10px 0;}

/*=============================================================*/
/* MAIN MENU
/*=============================================================*/
.aside_bl.menu_ .aside_content {padding: 0;}
.aside_bl.menu_ .aside_title {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.menu_aside .main_nav {padding-bottom: 10px; background: var(--green);}
.menu_aside .main_nav > li > a {display: block; color: var(--white); padding: 5px 15px; font-size: 13px;transition: all 0.2s ease 0s;}
.menu_aside .main_nav > li > a span {padding: 4px 0 4px 0; color: var(--white);transition: all 0.3s ease 0s; display: flex;align-items: center; position: relative;}
.menu_aside .main_nav > li > a:hover span, .menu_aside .main_nav > li.open > a span {transition: all 0.3s ease 0s;}
.menu_aside .main_nav > li > a span.sub::after {content: "\f078"; font-family: "Font Awesome 5 Pro"; position: absolute;right: 0;top: 5px;display: inline-flex;align-items: center; justify-content: center;border-radius: 3px;transition: all 0.2s ease 0s;font-size: 12px;}
.menu_aside .main_nav > li > a span.sub [class*="fa-"] { color: var(--white);font-size: 16px;margin-right: 10px;}
.menu_aside .main_nav > li.open > a span.sub::after {opacity: 1; color: var(--white);}
.menu_aside .main_nav a {color: inherit;display: block;}
.menu_aside .main_nav a [class*="fa-"] {font-size: 16px; color: var(--white);margin-right: 10px;transition: all 0.2s ease 0s;}
.menu_aside .main_nav > li a.beefup-head:hover {border-left: 3px solid var(--green);}
.menu_aside .main_nav > li .beefup-head {border-left: 3px solid transparent;}
.menu_aside .main_nav > li .beefup-head:hover {background: rgba(255, 255, 255, 0.15);}
.menu_aside .main_nav > li.open .beefup-head {border-left: 3px solid var(--green);}
.sub_nav {display: none;background: #fcfcfc;border-left: 3px solid var(--green);border-right: 3px solid var(--green);margin-bottom: 5px;font-size: 13px;}
.sub_nav a {padding: 5px 15px;}
.sub_nav a:hover {background: #f4f4f4;}
.menu_aside .line {border-bottom: 1px solid rgba(255, 255, 255, 0.3);margin: 10px 0;}
.mob_nav {z-index: 101;}

/*=============================================================*/
/* SHORTSTORY
/*=============================================================*/
.short_item_load, .box_in {background: var(--white); padding: 20px 25px; box-shadow: 0 0 20px rgba(58,59,69,.07); margin: 0 0 25px;flex-direction: column; display: flex; border-radius: 5px; border-bottom: 2px solid var(--blue)}
.short_item_top {margin-bottom: 15px;}
.short_item_top h1 {margin-bottom: 25px;font-size: 18px;}
.short_item_load h3 {text-transform: uppercase; font-size: 15px; font-weight: bold; color: var(--dark); margin-top: -5px;margin-bottom: 20px;}
.short_item_load h3 a {color: var(--dark);font-weight: bold; }
.short_item_load h3 a:hover {color: var(--green);}
.short_item_top_content {display: flex; justify-content: space-between; flex-wrap: wrap;}
.short_item_top_content .poster {flex: 0 0 190px; margin-right: 15px;position: relative;}
.short_item_top_content .poster img {display: block; width: 100%; object-fit: cover; border-radius: 5px;}
.short_item_top_content .descr {flex: 1; hyphens: auto;}
.short_item_bottom {display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center;}
.short_item_bottom_info {flex: 1; display: flex; justify-content:space-between; align-items: center; flex-wrap: wrap;margin-bottom: 15px;}
.reads {color: var(--text-light); font-size: 12px;}
.reads [class*="fa-"] {opacity: .7; margin-right: 5px;}
.reads > span {margin-right: 15px;}
.reads > span > span {display:none;}
.reads > span:last-child {margin-right: 0;}
.category {font-size: 12px;flex: 1;padding: 0 15px;}
.category a {color: var(--blue);}
.category > *:nth-child(2) {color: var(--blue); font-size: 12px; display: inline-block;}
.category a:hover {text-decoration: underline;}
.category [class*="fa-"] {opacity: .5;margin-right: 5px;}
.short_item_bottom_info.block .reads div a::after {content: ',';}
.short_item_bottom_info.block .reads div a:last-child::after {content: '';}
.short_item_bottom a.btn {font-weight: 500; position: relative; overflow: hidden;}
.short_item_bottom a.btn:hover {background: var(--blue);}
.add_user {font-size: 12px;color: var(--text-light);}
.add_user a {color: var(--text-light);font-size: 13px;}
.add_user [class*="fa-"] {opacity: .5; margin-right: 5px; transition: all 0.3s ease 0s;}
/*.add_user:hover [class*="fa-"] {color: var(--green); opacity: 1;}*/
.short_item_load .rating_star {flex: 0 0 190px;display: inline-flex;justify-content: center;}
.short_item_load .rating_star a {transition: none;}

/*=============================================================*/
/* INFORMERS
/*=============================================================*/
.inf_bl {margin: -10px 0;}
.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 .inf_poster {flex: 0 0 60px; margin-right: 15px;}
.inf_2 .inf_poster img {display: block;transition: all 0.3s ease 0s;}
.inf_2 .inf_content {position: relative;display: flex;flex-direction: column;justify-content: space-between;padding: 5px 0;}
.inf_2 .inf_content h4 {margin-bottom: 5px;overflow: hidden;font-size: 11px;text-transform: uppercase;line-height: 18px;}
.inf_2 .inf_content h4 a {display: inline-block; font-weight: 600; color: var(--dark);transition: all 0.3s ease 0s;overflow: hidden;}
.inf_2:hover h4 a {color: var(--green);}
.inf_2 .item_info {font-size: 10px; color: var(--text-light);}
.inf_2 .item_info span {margin-right: 10px;}
.inf_2 .item_info [class*="fa-"] {opacity: .5; margin-right: 5px;}

.inf_3 {position: relative;border: 1px solid #ececec; border-radius: 5px; padding: 15px;margin: 15px;}
.inf_3 .inf_item_img {position: relative;margin-bottom: 15px; border-radius: 0; }
.inf_3 h4 {line-height: 1.6;}
.inf_3 h4 a {color: inherit; font-weight: 600; display: inline-block;}
.inf_3 h4 a:hover {text-decoration: underline;}
.inf_3 .inf_item_img img {display: block; width: 100%; border-radius: 5px;}

/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.short_item_bottom_info.block .reads div {color: var(--dark);padding: 7px 15px; font-weight: 400;}
.short_item_bottom_info.block .reads div:nth-child(2n+1) {background: #f9f8f8; }
.short_item_bottom_info.block .reads div a {color: var(--blue);font-weight: 400;}
.short_item_bottom_info.block .reads div span {font-weight: 600;display: inline-block; min-width: 145px;}
.short_item_bottom_info.block .reads div a span,
.short_item_bottom_info.block .reads div span > span,
.short_item_bottom_info.block .reads div span + span {display:none;}
.fn_post_rate {margin: 25px -25px -25px;}
.short_item_bottom.block ul,
.short_item_bottom.block ol {margin-left: 35px;margin-bottom: 25px;}
.short_item_bottom.block ul li,
.short_item_bottom.block ol li {list-style: inherit; padding-left: 5px;}
.short_item_bottom .download_file {border-radius:5px; margin:0;}
.screens_bl {display: flex;flex-wrap: wrap;justify-content: center;}
.screens_bl > a {flex: 0 0 33.3333%;padding: 5px;max-width: 33.3333%;}
.screens_bl > a img {height: 140px;object-fit: cover;display: block; width:100%;}
.screen_hidden {display:none;}
.inf_3.nom {margin: 15px 0;}

/*=============================================================*/
/* DOWNLOAD FILE
/*=============================================================*/
.download_file {background: var(--dark); color: var(--white); padding: 15px 25px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 25px -25px -22px;border-radius: 0 0 5px 5px;}
.download_file div {font-weight: 500;}
.download_file a.btn {font-weight: 500; position: relative; overflow: hidden;}
.download_file a.btn:hover {background: var(--blue);}
.download_file div > span {display: block; font-weight: 500; font-size: 12px; color: #b5bec9;}
.download_file .masha_index {display: none;}

/*=============================================================*/
/* COMMENTS
/*=============================================================*/
.comments_bl {border-radius: 5px; padding: 20px 25px 0; margin-bottom: 25px; box-shadow: var(--box-shadow);}
.add_form_comm {margin-bottom: 20px;}
.title_section {font-size: 16px;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 > span {display:none;}
.title_section.beefup-head [class*="ion-"] {font-size: 18px;margin-left: 12px;}
.title_section.beefup-head button {box-shadow: none; font-size: 12px;display: inline-flex;align-items: center; background: var(--blue); color: var(--white);line-height: 1;padding: 10px 15px !important; font-weight: 500;min-width: 150px;justify-content: center;}
.add_form_comm .title_section.beefup-head button::before {content: "apri l'Editor"}
.add_form_comm.open .title_section.beefup-head button::before {content: "Chiudi l'Editor";}
.add_form_comm.open .title_section.beefup-head button {background: var(--red); color: var(--white);}

.fn_comments {width: 100%; position: relative; display: block; hyphens: auto;}
.fn_comments h4 {text-transform: uppercase;font-size: 16px;font-weight: 600;position: relative; margin-bottom: 25px; padding: 0 25px;}
.fn_comm_body h4 span {color: var(--red);}
.fn_comm_body {margin-bottom: 30px;}
.fn_comment_item {border-bottom: 1px solid #e8e8e8; padding: 25px;margin: 0 -25px; display: flex;}
.fn_comment_item .fn_ava_comm {flex: 0 0 35px; max-width: 35px; margin-right: 25px;}
.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: 12px; margin-right: 7px; width: 20px;text-align: center;color: var(--text-light);}
.fn_dash_comm button {background-color: transparent; color: var(--text-light); font-size: 14px;  padding: 0; line-height: 1;margin-right: -15px;}
.fn_dash_comm .dropdown-menu {border-radius: 0; padding: 5px 0;border: 1px solid var(--light); min-width: 180px;}
.fn_dash_comm .dropdown-menu a {font-weight: 500;display: flex;align-items: center;flex-wrap: nowrap;padding: 3px 12px; font-size: 12px;margin-right: 0px;}
.fn_dash_comm .dropdown-menu a:hover {background: var(--grey-light);}
.fn_dash_comm .dropdown-menu a.dropdown-item {display: flex; align-items: center; padding: 5px 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: 14px; 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: 0px;}
.fn_heading {text-transform: uppercase;font-weight: 600;padding: 15px 30px;border-bottom: 1px solid #eceff2;}
#addcomment {padding: 30px 30px 0;}
.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%;}
.add_form_comm .ui-form .form-group.combo {display: flex; justify-content: space-between; flex-wrap: wrap;}
.add_form_comm .form-group.combo .combo_field {flex: 0 0 48%;}

/*=============================================================*/
/* 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;}

/*=============================================================*/
/* CLOUDS TAGS
/*=============================================================*/
[class*="clouds_"] a {background: var(--blue); 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;}

/*=============================================================*/
/* OTHER STYLES
/*=============================================================*/
.story_icons [class*="fa"] {font-size: 16px; color: var(--text-light);}
.story_icons a {margin-left: 10px;}
.fr-element.fr-view ul li, .fr-element.fr-view ol li {list-style: inherit;}
.fr-toolbar .fr-command.fr-btn {padding: 0 !important; margin: 0 !important;}
.gray-theme.fr-toolbar .fr-command.fr-btn i {font-size: 13px;}
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: none; padding: 15px 25px !important; font-weight: 500; border-left: 4px solid var(--blue); border-right: 4px solid var(--blue); margin: 0 -25px; background: #f9f8f8;}
.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-content h2 {font-size: 1.4em;}
.mass_comments_action {display: none;}
.title_quote {border: 1px solid #eceff2;border-left: 4px solid var(--blue); }
.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote {padding: 15px 25px !important;}
.title_quote {padding: 10px 15px;font-size: 12px;font-weight: 500; margin-bottom: -1px;}
form#sendmail, form[name="registration"], form#entryform {width: 100%;}
.form-group, .form_submit {margin: 20px 0 35px;}
.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;}
.addform {margin:0 35px;}
.userstop thead td, .pm td.pm_head {text-align: center;}
#dle-comments-form {width: 100%;}
.ui-dialog-buttonset {display: flex;justify-content: space-between;}
.ui-dialog-buttonset > button {font-size: 12px;}
.qq-upload-button {font-size:12px;}
.search legend {font-weight: 600;}
#fullsearch .bbcodes {padding: 4px 20px;background: var(--blue); border-radius: 25px; box-shadow: none;}

/*=============================================================*/
/* PM
/*=============================================================*/
#pm-menu a {cursor: pointer !important; height: auto !important;transition: all 0.3s ease 0s;color: #fff !important;font-weight: normal !important;display: inline-block;padding: 4px 15px !important;position: relative !important;overflow: hidden !important;border-radius: 25px !important;border: 0 !important;background: var(--green) !important;font-size: 12px !important;margin-right: 2px;}
#pm-menu a:hover {background: var(--blue);}
#pm-menu a:last-child {margin-right: 0;}
.addpm {margin: 0;}
.addpm .combo_field {margin-bottom:20px;}


/*=============================================================*/
.progress {height: 20px; box-shadow:none; background-color: whitesmoke; border-radius: 5px;}
.progress .progress-bar {height: 20px; background-color: var(--red); border-radius: 5px;}

/*=============================================================*/
/* PAGINATION
/*=============================================================*/
.pagination {display: flex;justify-content: center;flex-wrap: wrap;}
.pagination span {color: #FFF;cursor: default;position: relative;line-height: 30px;text-decoration: none;min-width: 32px;background-color: var(--green);display: inline-flex;text-align: center;font-weight: 400;border-radius: 4px;padding: 0 10px;margin: 2px;border: 1px solid var(--green);justify-content: center;align-items: center;font-size: 12px;}
.pagination a {position: relative;text-decoration: none;min-width: 32px;color: var(--dark);background-color: #fff;display: inline-flex;border: 1px solid #e8e8e8;border-radius: 4px;padding: 0 10px;margin: 3px;transition: all 0.3s ease 0s;justify-content: center;align-items: center;line-height: 30px;box-shadow: 0 2px 2px rgba(68,68,68,.1);font-size: 12px;}
.pagination a:hover {border: 1px solid var(--green);}

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

/*=============================================================*/
/* SCROLL TO TOP
/*=============================================================*/
.progress-wrap {position: fixed;right: 50px;bottom: 50px;height: 46px;width: 46px;cursor: pointer;display: block;border-radius: 50px;box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);z-index: 10000;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: 'FontAwesome';content: '\f01b';text-align: center;line-height: 46px;font-size: 24px;color: var(--green);left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block;z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::after {opacity: 0;}
.progress-wrap::before {position: absolute;font-family: 'FontAwesome';content: '\f01b';text-align: center;line-height: 46px;font-size: 24px;opacity: 0;color: var(--green);left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block;z-index: 2;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path {fill: none;}
.progress-wrap svg.progress-circle path {stroke: var(--green);stroke-width: 4;box-sizing: border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
/*--- Highlighting the source code ---*/
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}
figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}
.comments-image-gallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.comments-image-gallery li{
	list-style: none;
	margin: 0;
	padding: 0;  
}

.comments-image-gallery li img{
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.comments-image-gallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.mce-toc {
  border: 1px solid #dbdada;
  margin: 0 0 .7rem 0;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc ul {
  padding-left: 20px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.mce-toc ul ul {
  padding-left: 20px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mce-toc li {
  list-style-type: none;
}
.image-bordered {
	border: 1px solid #ddd;
}

.image-shadows {
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
	padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}
.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}

.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}
.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}