@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" */

* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Montserrat', sans-serif;font-size: 14px;color: var(--dark); line-height: 1.6;background: var(--white);}
a {text-decoration: none;border: none;outline: none;color: var(--blue);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%; border-radius: 3px;}

h1, h2, h3, h4, h5, h6 {color: var(--dark);margin: 0;font-weight: 600;line-height: 28px;}
h1 {font-size: 24px;}

.ui-button {border-radius: 3px !important; transition: all 0.3s ease 0s;}
.hidden {display: none;}
.p-35 {padding: 35px;}
.p-0 {padding: 0;}
.mt--15 {margin-top: -15px !important;}
.btn, .bbcodes, .btn-border {border-radius: 3px !important;}
.fn_no_shadow {box-shadow: none !important; border-bottom: 0 !important;width: 100%;}
.center_content {text-align: center;}
.fn_container {position: relative;max-width: 1920px;margin: 0 auto;box-shadow: var(--box-shadow);}
.fn_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; min-height: calc(100vh - 55px); position: relative;}
.fn_middle {flex: 1; display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;}
.fn_aside_left {flex: 0 0 320px; min-width: 320px; background: var(--white); }
.fn_content {flex: 1; padding: 20px;box-shadow: var(--box-shadow-insert);display: flex;flex-wrap: wrap; width: 100%;}
.fn_content .flex_wrap {padding: 20px;width: 100%;}
.fn_content h1.fn_section_title {color: var(--white);flex: 1;text-align: center; font-weight: 500; line-height: 28px;}
.fn_main h1 {text-align: center;margin: 15px 20px;font-size: 28px;}
.flex_wrap #dle-content {display: flex; flex-wrap: wrap;}
.flex_wrap #dle-content .fn_short_item {flex 0 0 50%; max-width: 50%; min-width: 50%;}
.flex_wrap #dle-content .fn_short_item:nth-child(2n) {border-left: 0;}
.fn_main {display: flex; flex-wrap: wrap;}
.fn_content_block {box-shadow: var(--box-shadow); border-bottom: 3px solid #f2f2f2;border-radius: 5px;/*overflow: hidden;*/}

/*=============================================================*/
/* PRELOADER
/*=============================================================*/
#xLoader {position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 9;background: #fff;}
#xLoader .google-spin-wrapper {top: 0;left: 0;width: 100%;height: 100%;z-index: 1000}
#xLoader .google-spin-wrapper .google-spin {display: block;position: relative;left: 50%;top: 50%;width: 100px;height: 100px;margin: -50px 0 0 -50px;border-radius: 50%;border: 3px solid transparent;border-top-color: var(--blue);-webkit-animation: xLoaderGoogleSpin 2s linear infinite;-moz-animation: xLoaderGoogleSpin 2s linear infinite;-ms-animation: xLoaderGoogleSpin 2s linear infinite;-o-animation: xLoaderGoogleSpin 2s linear infinite;animation: xLoaderGoogleSpin 2s linear infinite}
#xLoader .google-spin-wrapper .google-spin:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #35c535;-webkit-animation: xLoaderGoogleSpin 3s linear infinite;-moz-animation: xLoaderGoogleSpin 3s linear infinite;-ms-animation: xLoaderGoogleSpin 3s linear infinite;-o-animation: xLoaderGoogleSpin 3s linear infinite;animation: xLoaderGoogleSpin 3s linear infinite}
#xLoader .google-spin-wrapper .google-spin:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: var(--blue);-webkit-animation: xLoaderGoogleSpin 2s linear infinite;-moz-animation: xLoaderGoogleSpin 2s linear infinite;-ms-animation: xLoaderGoogleSpin 2s linear infinite;-o-animation: xLoaderGoogleSpin 2s linear infinite;animation: xLoaderGoogleSpin 2s linear infinite}
@-webkit-keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
@-moz-keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
@-ms-keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
@-o-keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
@keyframes xLoaderGoogleSpin {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.fn_header {min-height: 55px; padding: 15px 0; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.fn_header_left {flex: 0 0 320px; min-width: 320px; padding: 0 30px; text-align: center;}
.fn_header_center {flex: 1; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.fn_header_right {flex: 0 0 auto; padding: 0 35px 0 15px;}

/*=============================================================*/
/* LOGO
/*=============================================================*/
.fn_logo {font-weight: 700; font-size: 24px; color: var(--blue); text-transform: uppercase; }
.fn_logo span {color: var(--green);}

/*=============================================================*/
/* SEARCH
/*=============================================================*/
.fn_search {display: flex;flex-direction: column;flex: 0 0 50%;}
.fn_search form {position: relative; display: flex; flex: 1;}
.fn_search input[type="search"] {width: 100%;border: none;font-size: 13px;/*box-shadow: var(--box-shadow-insert);*/background-color: var(--hov-bg);padding: 8px 15px;border-radius: 3px; height: auto !important;}
.fn_search form button[type="submit"] {font-weight: bold;padding: 11px 14px;font-size: 14px;text-transform: uppercase;line-height: 1; height: 100%; border-radius: 3px; margin-left: 8px;transition: all 0.3s ease 0s;}
/*=============================================================*/
.searchpage {border-bottom: 1px solid #eceff2;flex: 1 100%;}

/*=============================================================*/
/* ICONS TOP
/*=============================================================*/
.fn_top_icons {margin-left: 30px; display: flex;}
.fn_top_icons a {font-size: 21px; color: var(--text-light); display: inline-block;padding: 0 10px; flex: 1;}
.fn_top_icons a:hover {color: var(--blue);}
.fn_header_right .fn_view_aside_right button {display: none;}
.mob_nav {color: var(--text-light); background-color: transparent;font-size: 28px; line-height: 1; display: none;}
.mob_nav:hover, .mob_nav.active {color: var(--blue);}

/*=============================================================*/
/* PROFILE
/*=============================================================*/
.fn_profile {display: flex; flex-wrap: nowrap; align-items: center; color: var(--dark); font-weight: 600;}
.fn_profile img.fn_ava {width: 35px; height: 35px; border-radius: 50%; display: block; object-fit: cover;}
.fn_profile > span {margin-left: 15px;}
.fn_panel_user {display: flex; flex-wrap: wrap; padding: 10px; min-width: 430px;/*background: var(--hov-bg);*/}
.fn_panel_user li {flex: 0 0 50%; max-width: 50%; text-align: center; padding: 10px;}
.fn_panel_user a.fn_card {display: block; padding: 12px 7px; border: 1px solid var(--light); border-radius: 3px; color: var(--text-light); background: var(--white); position: relative;}
.fn_panel_user a.fn_card::before {content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;transition: all 0.3s ease 0s; transform: scale(0);}
.fn_panel_user a.fn_card:hover::before {background: var(--blue); transform: scale(1);}
.fn_panel_user a.fn_card:hover {box-shadow: var(--box-shadow); border: 1px solid #e8e8e8;}
.fn_panel_user a.fn_card div {font-weight: 400;color: var(--dark);margin-top: 8px;}
.fn_panel_user a.fn_card [class*="fa-"] {font-size: 24px; color: var(--text-light); opacity: .5;transition: all 0.3s ease 0s;}
.fn_panel_user a.fn_card:hover [class*="fa-"] {opacity: 1; color: var(--blue);}
.fn_panel_user li.fn_full {flex: 1 100%; max-width: none;}

.fn_guest {margin-left: -10px;}
.fn_guest [class*="fa-"] {font-size: 21px; color: var(--text-light); display: inline-block;padding: 0 10px; flex: 1;}
.fn_guest > span {margin-left: 5px;}
.fn_guest_form { margin-top: 15px !important;}
.fn_guest_form .fn_panel_user {min-width: 310px;}
.fn_guest_form input {width: 100%; margin-bottom: 20px;}
.fn_guest_form .log_btn button {border-radius: 3px !important;transition: all 0.3s ease 0s;}
.fn_guest_form .fn_card {margin-bottom: 20px;}
.fn_guest_form .login_form__foot {margin-top: 20px; font-size: 12px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.fn_guest_form .login_form__foot a {color: var(--dark); position: relative;}
.fn_guest_form .login_form__foot a:hover {color: var(--blue);}
.fn_guest_form .login_form__foot a::before {content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;transition: all 0.3s ease 0s; transform: scale(0);}
.fn_guest_form .login_form__foot a:hover::before {background: var(--blue); transform: scale(1);}

/*=============================================================*/
/* DROPDOWN
/*=============================================================*/
.dropdown-menu {border: 1px solid var(--light); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); margin-top: 10px; padding: 0px;}

/*=============================================================*/
/* MAIN MENU
/*=============================================================*/
.fn_aside_bl {margin-bottom: 10px;}
.fn_aside_bl.menu_ .fn_aside_title {position: relative;text-transform: uppercase;text-align: center;font-weight: 700;padding: 12px 20px;background: var(--hov-bg); margin-bottom: 10px;}
.fn_main_menu {}
.fn_main_menu a {color: var(--dark); padding: 7px 10px 7px 20px; position: relative;}
.fn_main_menu a:hover {background: var(--light);}
.fn_main_menu a .fn_item_count_cat span {font-size: 11px; background: var(--blue); color: var(--white); border-radius: 3px; display: inline-block; padding: 3px 5px;text-align: center;min-width: 23px; margin-right: 5px;}
.fn_main_menu a .fn_item_count_cat span .fn_new {font-size: 11px;background: var(--white);color: var(--dark);padding: 0 5px; border-radius: 2px; margin-left: -2px; margin-right: 5px;}

.fn_main_menu li a {display: flex;justify-content: space-between;cursor: pointer;align-items: center;padding: 7px 10px 7px 15px;}
.fn_main_menu li a .fn_item_count_cat {display: inline-flex; align-items: center;}
.fn_main_menu li a .fn_item_count_cat div {font-size: 11px; margin-right: 5px; background: var(--blue); color: var(--white); border-radius: 3px; display: inline-flex; padding: 3px 5px;min-width: 23px; justify-content: center;}
.fn_main_menu li a .fn_item_count_cat div .fn_new {font-size: 11px;background: var(--white);color: var(--dark);padding: 0 5px; border-radius: 2px; margin-left: -2px;margin-right: 5px;}

.fn_main_menu a [class*="fa-"] {font-size: 12px;background: var(--shadow);padding: 5px;line-height: 12px;width: 22px;border-radius: 3px;border: 1px solid rgba(255,255,255,.3);text-align: center;color: var(--dark);}
.fn_sub_cat {border: 5px solid var(--light); border-top: none; margin-bottom: 5px;}
.fn_sub_cat a:hover {background: var(--white);}
.fn_main_menu li a {display: flex; justify-content: space-between; cursor: pointer; align-items: center; padding: 7px 10px 7px 15px;}
.fn_main_menu li .sublink {display: flex; justify-content: space-between; cursor: pointer; align-items: center; padding: 10px 10px 10px 15px;font-weight: 500;transition: all 0.3s ease 0s;}
.fn_main_menu li .sublink:hover {background: var(--light);}
.sublink .fn_item_count_cat {display: flex; align-items: center;}
.sublink .fn_item_count_cat div {font-size: 11px; margin-right: 5px; background: var(--blue); color: var(--white); border-radius: 3px; display: inline-flex; padding: 3px 5px;min-width: 23px; justify-content: center;}
.sublink .fn_item_count_cat div .fn_new {font-size: 11px;background: var(--white);color: var(--dark);padding: 0 5px; border-radius: 2px; margin-left: -2px;margin-right: 4px;min-width: 23px;}
.sublink [class*="fa-"] {font-size: 12px;background: var(--shadow);padding: 5px;line-height: 12px;width: 22px;border-radius: 3px;border: 1px solid rgba(255,255,255,.3);text-align: center;color: var(--dark)}
.sublink.fn_opened [class*="fa-"]::before {content: "\f068";}
.sublink.fn_opened {background: var(--light);}
.submenu .fn_sub_cat a {color: var(--dark); font-size: 12px; padding: 7px 2px 7px 10px;}
.submenu .fn_sub_cat a:hover {background: var(--hov-bg);}
.submenu .fn_sub_cat a .fn_item_count_cat div {font-size: 11px; background: var(--light); color: var(--dark); border-radius: 3px; display: inline-flex; padding: 3px 5px;min-width: 23px; justify-content: center;}
.submenu .fn_sub_cat a .fn_item_count_cat div .fn_new {font-size: 11px;background: var(--white);color: var(--dark);padding: 0 5px; border-radius: 2px; margin-left: -2px;margin-right: 4px;min-width: 23px;}

/*=============================================================*/
/* DONATION
/*=============================================================*/
.fn_donation_btn {background: var(--green); color:var(--white); display: flex; align-items: center; border-radius: 3px; padding: 15px 20px 18px;margin: 10px;transition: all 0.3s ease 0s; position: relative; overflow: hidden;box-shadow: var(--box-shadow-btn);}
.fn_donation_btn:hover {color:var(--white);text-decoration: none; background: var(--green);}
.fn_icn_donation {width: 45px; margin-right: 20px;}
.fn_icn_donation img {display: block; width: 100%;}
.fn_text_donation p {line-height: 1;}
.fn_text_donation_top {font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.fn_text_donation_bottom {font-size: 12px; margin-bottom: 0;}
.donation_req li {display: flex; justify-content: space-between;padding: 5px 15px;}
.donation_req li:nth-child(even) {background: #f8f8f8;}
.donation_req li span {letter-spacing: 1.5px;}
.donation_req i.red {color: var(--green); font-style: normal;}

/*=============================================================*/
/* SECTOINS
/*=============================================================*/
.fn_section {flex: 0 0 50%; max-width: 50%; padding: 20px;}
.fn_section_block {box-shadow: var(--box-shadow); border-bottom: 3px solid #f2f2f2; border-radius: 5px; overflow: hidden;}
.fn_section_name {background: var(--blue); display: flex; justify-content: space-between; align-items: center;}
.fn_section_name a {color: var(--white); position: relative;}
.fn_section_name_icons {color: var(--white); display: inline-flex; padding: 15px 20px; }
.fn_section_name_icons a { margin-left: 20px; position: relative;opacity: .8; }
.fn_section_name_icons a:hover {opacity: 1;}
.fn_section_name_icons [class*="fa-"] {font-size: 24px;}
.fn_section_title { padding: 15px 20px;}
.fn_section_title a {color: var(--white);}
.fn_section_title a::before {content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;transition: all 0.3s ease 0s; transform: scale(0);}
.fn_section_title a:hover::before {background: var(--white); transform: scale(1);}
.fn_section_cat {padding: 7px 20px; background: var(--light); font-weight: 600;text-transform: uppercase; font-size: 10px;}
.fn_section_body {}
.fn_section_items_list {}
.fn_short_item {border: 1px; border-style: solid; border-color: var(--light); border-top: 0; padding: 12px 20px; display: flex; flex-wrap: wrap; align-items: center;transition: all 0.3s ease 0s;}
.fn_short_item:hover{background: var(--hov-bg);}
.fn_short_poster {flex: 0 0 100px; min-width: 100px; height: 51px; margin-right: 20px; overflow: hidden; border-radius: 3px;}
.fn_short_poster a {display: inline-flex; min-height: 100%;overflow: hidden;border-radius: 3px;}
.fn_short_poster img {display: block; width: 100%; min-height: 100%; border-radius: 3px;object-fit: contain;}
.fn_short_info_bl {flex: 1;overflow: hidden;}
.fn_short_info_bl h3 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-bottom: 10px; line-height: 1.2;}
.fn_short_info_bl a {color: var(--dark); font-size: 14px; font-weight: 600;}
.fn_short_info_bl a span {/*text-transform: lowercase; color: var(--text-light);*/ }
.fn_short_more {flex: 0 0 auto;background: var(--green);color: var(--white);font-size: 12px;font-weight: 500; line-height: 1.25; margin-left: 20px; border-radius: 3px;}
.fn_short_more a {border-radius: 3px; display: block;background: var(--green);color: var(--white);font-size: 12px;font-weight: 500; padding: 7px 10px; position: relative; overflow: hidden; box-shadow: var(--box-shadow-btn);}
.fn_short_sub_info {font-size: 11px; color: var(--text-light); font-weight: 500;height: 17px;overflow: hidden;}
.fn_short_sub_info a {font-size: 11px; color: var(--text-light);}
.fn_short_sub_info > span {margin-right: 15px;}
.fn_short_sub_info [class*="fa-"] {margin-right: 5px;}

/*=============================================================*/
/* 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; height: 35px;flex-wrap: wrap;}
.pagination .tp_pages a {margin: 5px; border-radius: 3px; background: #3394e6; color:var(--white);box-shadow: var(--box-shadow-btn);}
.pagination .tp_pages a:hover {background-color: #46a6f6;}
.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;}

/*=============================================================*/
/* FOOTER
/*=============================================================*/
.fn_footer {padding: 15px 35px; font-size: 11px; color: var(--text-light); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.fn_footer .stat_count {display: inline-flex;justify-content: right;}
.fn_footer .stat_count a {display: inline-block;margin-left: 7px;}
.fn_footer .stat_count a:first-child {margin-left: 0px;}
.fn_footer .stat_count img {display: block;}

/*=============================================================*/
/* SCROLL TO TOP
/*=============================================================*/
.progress-wrap {position: fixed;right: 15px;bottom: 100px;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: 'Font Awesome 5 Pro';content: '\f35b';text-align: center;line-height: 46px;font-size: 24px;color: var(--blue);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: 'Font Awesome 5 Pro';content: '\f35b';text-align: center;line-height: 46px;font-size: 24px;opacity: 0;color: var(--blue);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(--blue);stroke-width: 4;box-sizing: border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}

/*=============================================================*/
/* ASIDE RIGHT
/*=============================================================*/
.fn_aside_right {flex: 0 0 80px; min-width: 80px; transition: all 0.3s ease 0s; overflow: hidden;background: var(--white);}
.fn_view_aside_right {display: flex; align-items: center;}
.fn_view_aside_right button {background-color: transparent; color: var(--text-light); font-size: 28px; padding: 20px 25px; line-height: 1; opacity: 0.5;}
.fn_view_aside_right button:hover {opacity: 1; color: var(--blue);}
html.aside_right_open .fn_aside_right {flex: 0 0 320px; min-width: 320px;}
html.aside_right_open .fn_aside_right button [class*="fa-"]::before {content: "\f324";}
html.aside_right_open .fn_aside_right button [class*="fa-"]::after {content: "\10f324";}

/*=============================================================*/
/* WIDGETS
/*=============================================================*/
.fn_widget {position: relative; right: -80px; transition: all 0.3s ease 0s; margin-bottom: 35px;}
html.aside_right_open .fn_widget {position: relative; right: 0px;}
.fn_widget_title {position: relative;text-transform: uppercase;text-align: center;font-weight: 700;padding: 12px 20px;background: var(--hov-bg);margin-bottom: 10px; white-space: nowrap; }
.fn_widget_content {margin-bottom: 20px;}

/*=============================================================*/
/* WIDGETS (Clock)
/*=============================================================*/
#fn_clock {text-align: center;}

/*=============================================================*/
/* WIDGETS (Light Statistic)
/*=============================================================*/
.lightstat_main * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lightstat_main *:before, .lightstat_main *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lightstat_main { min-width: 230px; width: 100%; margin: 0 auto; }
.lightstat_progress { width: 100%; padding: 0 10px; }
.lightstat_progress span { height: 4px; display: block; float: left; }
.lightstat_progress span:nth-of-type(1) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.lightstat_progress span:nth-last-of-type(1) { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.lightstat_body { background: #242043; padding: 15px 0 1px 0; }
.lightstat_body.border_none_user { border-radius: 8px; }
.lightstat_body .result_numb div { padding: 0 30px 11px 30px; color: #bbb; font-size: 14px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .6); }
.lightstat_body .result_numb div span:nth-of-type(1) { width: 8px; height: 8px; display: inline-block; border-radius: 99px; margin: 4px 10px 0 0; vertical-align: top; box-shadow: 0px -1px 1px rgba(0, 0, 0, .6); }
.lightstat_body .result_numb div span:nth-of-type(2) { float: right; color: #fff; }
.lightstat_body .result_numb .lightstat_user span:nth-of-type(1) { border: 2px solid #d9823b; }
.lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) { border: 2px solid #a963b9; }
.lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) { border: 2px solid #36a7a5; }
.lightstat_user_circle { background: #d9823b; }
.lightstat_guest_circle { background: #a963b9; }
.lightstat_bot_circle { background: #36a7a5; }
.lightstat_is { color: #fff; font-size: 10px; text-transform: uppercase; padding: 18px 0 15px 28px; display: block; text-shadow: 0 -1px 0 rgba(0, 0, 0, .6); }
.lightstat_user_list { background: #fff; border-radius: 0 0 8px 8px; position: relative; }
.lightstat_pandoge_com { width: 8px; height: 20px; position: relative; background: #222; display: block; position: absolute; top: 0; right: 20px; transition: .2s; }
.lightstat_pandoge_com:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 4px solid #d1d5d8; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.lightstat_pandoge_com:hover { height: 24px; transition: .2s; }
.lightstat_user_list_title { color: #242043; font-size: 10px; text-transform: uppercase; padding: 18px 0 17px 28px; display: block; font-weight: 700; }
.lightstat_user_list_item { padding: 0 20px 20px 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.lightstat_user_list_item a { text-decoration: none !important; color: #242043; }
.lightstat_user_list_item_avatar { background-size: cover !important; border-radius: 99px; width: 34px; height: 34px; display: block; }
.lightstat_user_list_item_avatar:hover { opacity: .8; }
.lightstat_user_list_item_info { font-size: 12px; font-weight: 700; width: calc(100% - 34px); padding: 1px 0 0 10px; }
.lightstat_user_list_item_info span { display: block; font-weight: 400; padding: 2px 0 0 0; color: #888; }
.lightstat_user_list_item_info span.online { color:var(--text-light);font-size: 10px; }
.lightstat_user_list_item_info a:hover { text-decoration: underline !important; }
.full_list_visit { margin: auto; color: #242043; font-size: 10px; text-transform: uppercase; display: block; font-weight: 700; width: 120px; text-align: center; background: #fff; border-radius: 99px; height: 26px; line-height: 26px; border: 1px solid #888; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); }
.full_list_visit:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, .2); }
.full_list_visit_bg { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0 0 8px 8px; z-index: 2; background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); padding: 20px 0; }
.lightstat_user_list_item { display: none; }
.lightstat_user_list .lightstat_user_list_item:nth-of-type(1), .lightstat_user_list .lightstat_user_list_item:nth-of-type(2), .lightstat_user_list .lightstat_user_list_item:nth-of-type(3) { display: flex; }
.lightstat_light_theme .lightstat_body { background: var(--blue-light); }
.lightstat_light_theme .lightstat_user_list_item a { color: var(--dark); }
.lightstat_light_theme .lightstat_user_list_title { color: var(--dark); }
.lightstat_light_theme .lightstat_body .result_numb div span:nth-of-type(2) { color: #283e52; }
.lightstat_light_theme .lightstat_body .result_numb div { color: var(--dark); text-shadow: none; }
.lightstat_light_theme .lightstat_is { text-shadow: none; color: #283e52; }
.lightstat_light_theme .lightstat_body .result_numb .lightstat_user span:nth-of-type(1) { border: 2px solid #0bb1d6; box-shadow: none; }
.lightstat_light_theme .lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) { border: 2px solid #ff6d00; box-shadow: none; }
.lightstat_light_theme .lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) { border: 2px solid #345471; box-shadow: none; }
.lightstat_light_theme .lightstat_user_circle { background: var(--orange); }
.lightstat_light_theme .lightstat_guest_circle { background: #ff6d00; }
.lightstat_light_theme .lightstat_bot_circle { background: #345471; }

/*=============================================================*/
/* WIDGET (Last Comments)
/*=============================================================*/
.fn_last_comm {border-bottom: 1px solid #eceff2; padding:15px 30px; width: 320px; display: block; position: relative; white-space: nowrap; color: var(--dark);}
.fn_last_comm::before {content: ''; width: 1px; position: absolute; left: 0; top: 0; bottom: 0;transition: all 0.3s ease 0s; transform: scale(0);}
.fn_last_comm:hover::before {background: var(--blue); transform: scale(1);}
.fn_last_comm .fn_last_comm_comtent {font-size: 12px;white-space: normal;}
.fn_last_comm .fn_last_comm_comtent p {hyphens: auto;max-height: 71px;overflow: hidden;background: var(--hov-bg);padding: 7px 10px;border-radius: 5px;}
.fn_last_comm .fn_comme_news_title {font-weight: 600; margin-bottom: 5px;}
.fn_last_comm .fn_last_comm_top {display: flex; align-items: center;font-size: 12px;margin-bottom: 10px;}
.fn_last_comm .fn_last_comm_ava {flex: 0 0 25px; max-width: 25px; margin-right: 10px;height: 25px; width: 25px;}
.fn_last_comm img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.fn_last_comm .fn_last_comm_info {color: var(--text-light);}
.fn_last_comm .fn_last_comm_info span {font-weight: 600;color: var(--dark);}

/*=============================================================*/
/* SPEEDBAR
/*=============================================================*/
.speedbar {padding: 14px 37px;font-size: 11px; font-weight: 600;}
#dle-speedbar > span::after {content: '\f054'; font-family:"Font Awesome 5 Pro";font-weight:300;font-size: 10px; padding: 0 12px;line-height: 1;}
.speedbar a {color: var(--dark); font-weight: 400;}
.speedbar a:hover {color: var(--text-light);}

/*=============================================================*/
/* INFO / ERROR
/*=============================================================*/
.berrors {background: var(--red);color: var(--white);padding: 15px 25px;border-radius: 3px;box-shadow: var(--box-shadow-btn);text-align: center;width: 100%;}
.berrors + .fn_content_block {display: none;}
.berrors a {color: var(--white);text-decoration: underline;}
.berrors a:hover {text-decoration:none;}
.fn_berrors_title {text-align: center;font-weight: 600;font-size: 18px;margin-bottom: 5px;}

/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.fn_full_content {margin: 20px 20px 35px 20px;border-radius: 5px;box-shadow: var(--box-shadow);border-bottom: 3px solid #f2f2f2;overflow: hidden;}
.fn_full {padding: 35px;}
.fn_full_title h1 {font-size: 28px;font-weight: 600;line-height: 1.4;display: block;margin-bottom: 20px;margin-top: -10px;}
.fn_full_title h1:first-letter {color: var(--blue);}
.fn_cat_info_bl {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.fn_full_post_text {hyphens: auto;line-height: 28px;}
.fn_full_post_text h2 {font-size: 24px; margin-bottom: 15px;line-height: 38px;}
.fn_full_post_text h3 {font-size: 22px; margin-bottom: 8px;line-height: 32px;}
.fn_full_post_text h4 {font-size: 18px; margin-bottom: 8px;}
.fn_full_post_text h5 {font-size: 14px; margin-bottom: 8px;}
.fn_full_post_text h2:first-letter,
.fn_full_post_text h3:first-letter,
.fn_full_post_text h4:first-letter,
.fn_full_post_text h5:first-letter,
.fn_full_post_text h6:first-letter {color: var(--blue);}
/*
.fn_full_post_text h2 + br, 
.fn_full_post_text h3 + br, 
.fn_full_post_text h4 + br, 
.fn_full_post_text h5 + br, 
.fn_full_post_text h6 + br {display: none;}
*/
.fn_full_post_text ul, .fn_full_post_text ol {margin: 15px 0 15px 35px;}
.fn_full_post_text ul > li {list-style: square; padding-left: 5px;}
.fn_full_post_text ol > li {list-style: inherit; padding-left: 5px;}
.fn_full_content .eng_descr {border-bottom: 1px solid #eceff2;margin: 0 -35px 25px; padding: 0px 35px 25px;}
.fn_full_content .eng_descr .fn_heading {background: #fdfdfd; margin: 25px -35px; border-top: 1px solid #eceff2;text-align: center;}

/*=============================================================*/
/* .fn_category {margin-right: 20px;} */
.fn_category a {text-transform: uppercase;font-size: 10px;color: var(--white);background: var(--blue);white-space: nowrap;padding: 6px 10px 4.5px;font-weight: 600;border-radius: 3px; margin-right: 10px;}
.fn_full .fn_cat_info_bl {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;margin-bottom: 30px;}
.fn_cat_info_content {display: flex; align-items: center; flex-wrap: wrap;}
.fn_full .fn_info {font-size: 12px; color: var(--text-light); display: inline-flex; align-items: center; margin-right: 25px;}
.fn_full .fn_info:last-child {margin-right: 0;}
.fn_cat_info_content a.fn_category {margin-right: 25px; line-height: 1; padding: 7px 10px 5px;}
.fn_cat_info_content [class*="fa-"] {font-size: 14px; margin-right: 7px;}
/*=============================================================*/
.fn_full .fn_cat_info_bl .fn_edit {position: relative;}
.fn_full .fn_cat_info_bl .fn_edit button {background-color: transparent; color: var(--text-light); font-size: 18px; padding:0 5px; line-height: 1;} 
.fn_full .fn_cat_info_bl .fn_edit .dropdown-menu {border-radius: 0; padding: 15px 0;border: 1px solid var(--light)}
.fn_full .fn_cat_info_bl .fn_edit .dropdown-menu a.dropdown-item {display: flex; align-items: center; white-space: nowrap; color: var(--dark); font-size: 12px; padding: 7px 25px 7px 15px;}
.fn_full .fn_cat_info_bl .fn_edit .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_full .fn_cat_info_bl .fn_edit .dropdown-menu a.dropdown-item:hover [class*="fa-"] {opacity: .7;}
.fn_full .fn_cat_info_bl .fn_edit .dropdown-menu a.dropdown-item:hover {background: #f8f8f8;}
/*=============================================================*/
.fn_full_images_content {margin-bottom: 25px; display: flex; justify-content: space-between;}
.fn_full_poster {flex: 0 0 455px;max-width: 455px;margin-right: 35px;max-height: 235px;overflow: hidden;border-radius: 5px;}
.fn_full_screens {flex: 1; display: grid;}
.fn_full_screens .fn_screen_item {overflow: hidden; flex: 0 0 250px; border-radius: 5px; margin:0 5px; position: relative;}
.fn_full_screens .fn_screen_item a {width: 100%; display: block; height: 100%; position: relative;}
.fn_full_screens .contenedor {height: 160px; display: flex; white-space: nowrap;}
.fn_full_screens img.img_presentacion_mini {width: 250px; min-height: 100%; object-fit: cover; display: block; margin-right: 10px; cursor: pointer; position: relative;}
.fn_full_screens .contenedor_scroll {top: 0px;max-width: 100%;height: 185px;position: relative;margin: 0 auto;padding: 0px;overflow-x: auto;-webkit-overflow-scrolling: touch;z-index: 0;}
.fn_full_screens h2 {margin-bottom: 20px;}
.jc_center {justify-content: center !important;}
/*=============================================================*/
.fn_demo_link {font-size: 14px;margin-top: 1rem; margin-bottom: 0; color:var(--text-light);}

/*=============================================================*/
/* DOWNLOAD CONTAINER
/*=============================================================*/
.fn_download {padding: 15px 35px;display: flex;flex-wrap: wrap;justify-content: center;}
.fn_download .btn {padding: 12px 15px; margin:7px; height: auto; font-weight: 600; text-transform: uppercase; font-size: 12px;}
.fn_download .btn span {display: block;text-align: right;text-transform: none;font-weight: 500;font-size: 8px;margin-top: -5px;margin-bottom: -5px;}
.fn_download h3 {width: 100%;text-align: center;margin-bottom: 10px;font-weight: 500;font-size: 14px;}
.fn_download h3 span {font-weight: 600;}
.fn_download p {font-size: 10px;margin-top: 10px;width: 100%;text-align: center;}
.info_for_guest {background: var(--blue);color: var(--white);display: block;text-align: center;padding: 15px 25px;font-size: 12px;font-weight: 500;}

/*=============================================================*/
/* 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(--red);}
.fn_comm_body {margin-bottom: 30px;}
.fn_comment_item {border-bottom: 1px solid #eceff2; padding: 30px; 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;}
.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: 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%;
    height: 35px;
    width: 35px;
    object-fit: cover;
}
.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 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%;}

/*=============================================================*/
/* 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: 8px;color: var(--white);border-radius: 3px;box-shadow: var(--box-shadow-btn);line-height: 1;font-weight: 400;}
.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: #33cc00;}
.fn_post_rate a:first-child:hover {background: rgba(51, 204, 0, 0.85);}
.fn_post_rate a:last-child {background: #f20404;}
.fn_post_rate a:last-child:hover {background: rgba(242, 4, 4, 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.2)}
.fn_post_rate a span {flex: 1;}
.fn_post_rate a [class*="fa-"] {box-shadow: none; background-color: transparent !important;font-size: 18px;}

.fn_post_rate a:last-child:hover [class*="fa-"] {animation: bounceRateMinus  0.3s infinite linear; animation-direction: alternate;}
.fn_post_rate a:first-child:hover [class*="fa-"] {animation: bounceRatePlus  0.3s infinite linear; animation-direction: alternate;}
@keyframes bounceRatePlus {
  from {transform: translate(0,0%);}
  to {transform: translate(0,-30%);}
}
@keyframes bounceRateMinus {
  from {transform: translate(0,0%);}
  to {transform: translate(0,-30%);}
}

.frate {height:40px; line-height:24px; width: 100%; position:relative; opacity:0; 
display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.frate.done {opacity:1;}
.rate-data {display:none;}
.rate-plus, .rate-minus {cursor:pointer;}
.frate .fa {color:#3c0; display:inline-block; vertical-align:top; font-size: 24px; margin-right:10px;}
.rate-minus .fa {color:#f20404; position: relative;}
.frate div:hover .fa {animation: bounceRate  0.3s infinite linear; animation-direction: alternate;}
.rbar {height: 15px; overflow:hidden; background-color:#f20404; border-radius:10px; position:absolute; left:0; bottom:0; width:100%;}
.rfill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#3c0; transition:width 1s linear;}
.rate-perc {font-size: 18px; font-weight: 700;color: #bbb;}
.rate-perc.high {color:#3c0;}
.rate-perc.low {color:#f20404;}   

@keyframes bounceRate {
  from {transform: translate(0,0%);}
  to {transform: translate(0,-50%);}
}

/*=============================================================*/
/* SHARE POST
/*=============================================================*/
.fn_share_post {display: flex;justify-content: center;flex-wrap: wrap;width: 100%;margin-bottom: 35px;}

/*=============================================================*/
/* MAGNIFIC-POPUP
/*=============================================================*/
button.mfp-close, button.mfp-arrow {position: fixed;}
button.mfp-close {font-size: 50px; right: 1.5% !important;}
.mfp-container {padding: 0 90px;}
.mfp-figure::after {box-shadow: none;background: transparent;}
.mfp-arrow-right {right: 17px;}

/*=============================================================*/
/* TABLE FULLSTORY + PM
/*=============================================================*/
.fn_full_post_text table {width: 100% !important; border: 1px solid var(--grey-light) !important;}
.fn_full_post_text thead {background: var(--light) !important;}
.fn_full_post_text thead th {text-align: center !important; padding: 10px 15px !important; border: 1px solid var(--grey-light) !important;}
.fn_full_post_text tbody td { padding: 10px 15px !important; border: 1px solid var(--grey-light) !important;}
/*=============================================================*/
table.pm {border: 1px solid var(--light); border-spacing: 0px;border-collapse: collapse;}
table.pm td.pm_head, table.pm td[width="20"] {background: var(--light);}
table.pm td[colspan="5"] {display: none;}
table.pm td[colspan="3"], table.pm td[width="20"] {padding: 15px 20px;}
table.pm td img {}
table.pm td {border: 1px solid var(--light); padding: 15px;}
table.pm td.pm_list {padding: 0px 15px;border: 1px solid var(--light);font-size: 12px;}

/*=============================================================*/
/* PM
/*=============================================================*/
.pm_status {margin-top: 35px; font-size: 12px;}
.dash_pm {display: flex;}
#blind-animation {margin: 0 35px;border: 1px solid var(--light);box-shadow: var(--box-shadow);padding: 20px 25px;}
.dropdown.pm-box a {font-size: 12px; font-weight: 500;}

/*=============================================================*/
/* Profile Popup + Personal Page
/*=============================================================*/
.userinfo {display: flex; font-size: 12px;}
.userinfo .avatar {flex: 0 0 70px; min-width: 70px; height: 70px; margin-right: 20px;}
.userinfo .avatar img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.userinfo ul {flex: 1;}
.userinfo ul li {display: flex; padding: 2px 0;}
.userinfo ul li span {flex: 0 0 140px;min-width: 140px;}
/*=============================================================*/
form#userinfo {width: 100%;}
form#userinfo .userinfo_top {display: flex; align-items: center; padding-bottom: 0;}
form#userinfo .userinfo_top .avatar {flex: 0 0 100px;margin-right: 35px;min-width: 100px;height: 100px;}
form#userinfo .userinfo_top .avatar img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 3px solid var(--light);}
form#userinfo #info {display:none;}
form#userinfo [for="info"] {display:none;}

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

/*=============================================================*/
/* 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
/*=============================================================*/
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(--blue);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-content h2 {font-size: 1.4em;}
.mass_comments_action {display: none;}
.title_quote {border-left: 4px solid var(--blue); border: 1px solid #eceff2;}
.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;}
/*=============================================================*/
.progress {height: 20px; box-shadow:none; background-color: whitesmoke; border-radius: 5px;}
.progress .progress-bar {height: 20px; background-color: var(--red); border-radius: 5px;}
/*=============================================================*/
#searchsuggestions {top: 67.7px !important; width: 79% !important; border: 1px solid var(--light) !important;}
html.aside_right_open #searchsuggestions {width: 66.4% !important;}
#searchsuggestions span.searchheading {margin-bottom: 0.4em;}
#searchsuggestions .search_descr_content {display: flex;align-items: center;}
#searchsuggestions .search_descr_content span {flex: 0 0 95px;margin-right: 20px;height: 45px;overflow: hidden;border-radius: 5px;border: 1px solid #eceff2;}
#searchsuggestions .search_descr_content img.poster {width: 95px;min-height: 100%;display: block;object-fit: cover;border-radius: 5px;}

a.btn_madiaget {position:relative;}
a.btn_madiaget::after {content: "";height: 100%;width: 70px;position: absolute;background: #fff;right: 0;bottom: 0;}

/*=============================================================*/
/* Chat
/*=============================================================*/
#lz_chat_apa {display:none !important;}
#lz_overlay_wm {margin: 0px 10px 30px 0px !important;}

/*=============================================================*/
/* Balance
/*=============================================================*/
.balance {background: #4caf50;border-radius: 4px;}
.balance a,.balance a:hover {color: #fff;font-size: 14px;display: inline-flex;align-items: center;height: 100%;flex-wrap: nowrap;}
.balance a [class*="fa-"] {margin-right: 10px;font-size: 21px;}
.balance svg {fill: #fff;width: 18px;margin-left: 5px;}
.box_in {width: 100%;padding: 35px;}
.box_in .title {font-size: 28px;font-weight: 600;line-height: 1.4;display: block;margin-bottom: 20px;margin-top: -10px;}
.billing-item-active {border-bottom: none !important;}
.billing-menu {font-size: inherit !important;}
.billing-item-active {border-bottom: none;}
.billing-table center {text-align: right;padding-right: 12px;}
.billing-table center .btn {background: var(--green);color: var(--white);font-size: 12px;font-weight: 500;line-height: 1.25;margin-left: 20px;border-radius: 3px !important;display: inline-flex;align-items: center;flex-wrap: nowrap;padding: 7px 15px;}
.billing-table center .btn svg {fill: #fff;width: 18px;margin-left: 10px;}
.billing-pay-label > input + img {max-width: 126px;}
[name="invoice_delete"] {position: relative;top: 9px;margin-left: 10px;}
[name="invoice_delete"] svg {fill: #f20404;width: 21px;}
.billing-table td {border-bottom: 1px solid #e3e3e3;}
.updates {margin-top: 35px;border: 1px solid #3c0;padding: 20px 25px;}
.updates h3 {font-size: 20px;}

/* v.1.2.3 */
.fn_full_post_text h3 {margin-top: 25px;}
.fn_full_post_text p {margin-bottom: 25px;}
.fn_full_post_text p.fn_short_more {margin-bottom: 0px;}
/* v.1.2.4 */
#fullsearch {flex: 0 0 100%;}
/* v.1.2.6 */
.changelog {margin-top:20px;text-align: center;}
.btn_changelog {font-weight: 500;color: #fff;display: inline-block;box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);background-color: #009688;border-color: #009688;border-radius: 4px;padding: 3px 12px;font-size: 12px;}

/* v.1.2.7 */
/* Aside Banner */
.aside_banner {text-align:center;background: #fff;overflow: hidden;border-radius: 12px;margin: 35px 16px;box-shadow: 3px 5px 20px 0 rgba(94,92,154,.12);padding-bottom: 28px;}
.aside_banner a {display: block;}
.aside_banner img {width:100%;display:block;}
.aside_banner .aside_banner_info {padding:20px 28px;background:#23d2e2;margin-bottom:16px;}
.aside_banner .aside_banner_info p {padding-bottom: 10px; }
.aside_banner .aside_banner_info p:last-child {padding-bottom: 0;}
.aside_banner .aside_banner_info p a {color: #fff;}
.aside_banner_info_text {color: #8f91ac;font-size: .875rem;font-weight: 500;line-height: 1.4285714286em; margin-bottom: 20px; padding: 0 16px;}
.aside_banner .bold_text {color: #3e3f5e;font-weight: 700;font-size: 16px;}

/* v.1.2.8 */
.quote p:last-child {margin-bottom:0px}

/* v.1.2.9 */
.null_info {padding: 35px 35px;background: #253241;color: #fff;margin: 10px;text-align: left;}
.null_info p {margin-bottom: 10px;text-align: left;font-size: 14px;}
.null_info pre code {background: #2f3d4d;border: 1px solid #49596c;margin: 20px 0 0;}
.null_info h3 {font-size: 16px;color: #adafca;font-weight: 600;text-align: center;margin-bottom: 25px;border-bottom: 1px solid #49596c;padding-bottom: 25px;margin-top: -10px;}

/* v.1.2.10 */
.null_info li {list-style: inherit;padding-left: 3px;}
.null_info ol {padding-left: 20px;}

/* v.1.2.11 */
.expected img {filter: grayscale(82%);transition: all 0.3s ease 0s;}
.expected img:hover {filter: grayscale(0%);transition: all 0.3s ease 0s;}