/*=============================================================*/
/* Theme: Cloud-Games
/* Version: 1.0.0
/* Copyright (c) 2022 https://shopthemes.ru/
/* Design Autor: ShopThemes - Vendor Marketplace
/*=============================================================*/
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Nunito', sans-serif;font-size: 14px; background: #f4f4f9; color: #3e3f5e; line-height: 1.5;}
a {text-decoration:none;border:none;outline:none;font-weight:500;transition:all .3s ease 0s;color:#49ddea}
a:hover {text-decoration:none;}
ul {margin: 0; padding: 0;}
img {max-width: 100%;}

.st_container {margin: 70px auto; max-width: 1380px;}
.st_wrap {margin:0 25px;border-radius:25px;background:#ffffff;min-height:calc(100vh - 140px);display:flex;flex-direction:column;justify-content:space-between; box-shadow: 0 0 40px 0 rgba(94,92,154,.06);}
.middle {display:flex;flex:1;flex-wrap:wrap}
.aside {flex: 0 0 350px; max-width: 350px;}
.st_main {flex:1;background: #f6f6fa;border-radius: 25px;min-width: 0;}
.st_content {background:#f6f6fa;border-radius:25px;padding:30px;z-index:1;position:relative}
.main_page {margin-top:-30px; }

.section_title {background: #fff; border-radius: 25px; margin: 0 0 30px 0; font-size: 18px; color: #3e3f5e; padding: 6px 12px 7px; font-weight: 700;box-shadow: 0 0 40px 0 rgba(94,92,154,.06);}
.section_title svg {width:18px;height:18px;fill:#49ddea;position:relative;top:3px; margin-right: 3px;}

#dle-content {display: flex; flex-wrap: wrap;margin: 0 -15px;}
.st_content.full #dle-content {display: block;}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.header {padding:0 30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap; position: relative;}
.logo {flex: 320px; max-width: 320px; padding-right: 30px;text-align: center;}
.logo * {font-weight: 800; padding: 10px 0;}
.logo a {color:#accb51;font-size:24px;display:inline-flex;align-items:center}
.logo a span {color: #ffffff; background: #49ddea; display: inline-block; margin-left: 5px; border-radius: 25px; padding: 0 12px 0 10px; font-size: 18px; font-weight: 700; height: 28px;line-height: 1.35;}
.header_content {flex:1;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.header_left ul {display: flex;}
.header_left ul li {list-style: none; margin-right: 25px;}
.header_left ul li:last-child {margin-right: 0px;}
.header_left ul li a {color: #3e3f5e;}
.header_left ul li a:hover {color: #8f91ac;}
.header_right {display:flex;align-items:center;flex-wrap:wrap;padding-left:30px}

button[class*="mobile_nav"] {background:transparent;display:none;padding:0 5px;line-height:1;margin-top:3px}
button[class*="mobile_nav"] svg {fill: #8f91ac; width: 24px;height: 24px;}


/*=============================================================*/
/* SEARCH
/*=============================================================*/
/* .search {} */
.search form {display:flex;align-items:center;flex-wrap:nowrap; background: #f7f7fb; height: 30px; border-radius: 25px; min-width: 240px;}
.search form input {border: none; background: transparent; width: 100%; height: 100%; padding: 0 15px;font-size: 12px; color: #8f91ac;}
.search form input::placeholder {font-size: 12px; color: #8f91ac !important; opacity: 1;}
.search form input:focus::placeholder {color:transparent!important}
.search button {background: none; height: 30px;display: inline-flex;align-items: center;justify-content: center;}
.search button svg {fill:#8f91ac;width:20px;height:20px; transition: all ease-in-out .3s;}
.search button:hover svg {fill:#accb51;}


/*=============================================================*/
/* USER PANEl
/*=============================================================*/
.user_pan {margin-left: 30px;display: inline-flex;}
.user_pan button {background:transparent;color:#3e3f5e;display:inline-flex;align-items:center;font-weight:700;padding:0}
.user_pan button img {border-radius: 25px; width: 28px;height: 28px; display: block; object-fit: cover; margin-right: 10px;}
.login_form li {margin-bottom: 20px;}
.login_form input {border-radius:25px;display:block;background:#f7f7fb;border:1px solid #ececec;box-shadow:none}
.login_form input:focus {background:#f7f7fb;box-shadow:none !important}
.login_form__foot {display:flex;justify-content:space-between;}
.login_form__foot a {color: #9d9db6;}
.login_form__foot a:hover {color: #3e3f5e;}

/*=============================================================*/
/* MODAL
/*=============================================================*/
.modal {position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;height:0;background-color:transparent;overflow:hidden;transition:background-color .25s ease;z-index:9999}
.modal.open {position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.5);transition:background-color .25s}
.modal.open>.content-wrapper {transform:scale(1)}
.modal .content-wrapper {width:320px;margin:0;padding:30px;background-color:#fff;border-radius:10px;transform:scale(0);transition:transform .25s;transition-delay:.15s}
.modal .content-wrapper .close {position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background-color:transparent;font-size:1.5rem;transition:.25s linear}
.modal .content-wrapper .close:before,
.modal .content-wrapper .close:after {position:absolute;content:'';width:1.25rem;height:.125rem;background-color:#8f91ac}
.modal .content-wrapper .close:before {transform:rotate(-45deg)}
.modal .content-wrapper .close:after {transform:rotate(45deg)}
.modal .content-wrapper .close:hover {transform:rotate(360deg)}
.modal .content-wrapper .close:hover:before,
.modal .content-wrapper .close:hover:after {background-color:#f46843}
.modal_content {line-height: 24px;}
.modal_content li {list-style: none;}
.modal_content li a {color: #8f91ac;display:flex;padding:4px 20px;font-weight:600;border-radius:25px;justify-content:space-between}
.modal_content li a:hover {background: #f8f8fb;color:#3e3f5e;}
.modal_head {font-weight:700;font-size:16px;display:flex;justify-content:center;margin-bottom:20px}
.modal_ava {display:flex;justify-content:center; margin-bottom: 20px;}
.modal_ava img {width:40px;height:40px;display:block;border-radius:50px;object-fit:cover}
.modal .btn_content {display: flex;justify-content: center; margin-top: 20px;}
.modal .logout, .modal .login {color:#fff;font-weight:600;border-radius:25px;padding:7px 25px}
.modal .logout {background:#f46843;}
.modal .login {background:#accb51;}
.modal .logout:hover, .modal .login:hover {opacity:.85}

/*=============================================================*/
/* ASIDEBAR
/*=============================================================*/
.aside_block {margin-bottom: 30px;}
.aside_block:last-child {margin-bottom: 0px;}
.aside_head {background: #49ddea; color: #fff; font-size: 16px; min-height: 40px; padding: 10px 20px; display: flex; justify-content: center; align-content: center; font-weight: 600; border-radius: 25px; margin: 0 30px 20px;}
.aside_head.green_bg {background: #accb51;}
.aside_section_title {text-transform:uppercase;color:#49ddea;margin:0 30px 15px;font-size:12px;font-weight:700;display:flex;align-content:center;line-height:1.25}
.aside_section_title svg {width: 16px;height: 16px; margin-right: 10px; fill: #accb51;}
.aside_content {margin-bottom: 30px;}

.aside_content ul.cat_menu {display: flex; flex-wrap: wrap;}
.aside_content ul.cat_menu li {list-style: none; flex: 0 0 50%; max-width: 50%;}
.aside_content ul.cat_menu li a {color: #9d9db6; white-space: nowrap; display: block;}
.aside_content ul.cat_menu li a:hover {color: #3e3f5e; background: #f6f6fb;}
.aside_content ul.cat_menu li:nth-child(1n) a {padding:4px 15px 4px 30px; border-radius:0 25px 25px 0}
.aside_content ul.cat_menu li:nth-child(2n) a {padding:4px 30px 4px 15px; border-radius:25px 0 0 25px;}

.aside_content ul.cat_year {display: flex; flex-wrap: wrap;}
.aside_content ul.cat_year li {list-style: none; flex: 0 0 25%; max-width: 25%;}
.aside_content ul.cat_year li a {color:#9d9db6;white-space:nowrap;display:flex;justify-content:center;padding:5px 15px; border-radius: 25px;}
.aside_content ul.cat_year li a:hover {color: #3e3f5e; background: #f6f6fb;}
.aside_content ul.cat_year li:nth-child(4n+1) a {border-radius: 0 25px 25px 0;}
.aside_content ul.cat_year li:nth-child(4n) a {border-radius: 25px 0 0 25px;}

.aside_content ul.collections {margin-right: 30px;}
.aside_content ul.collections li {list-style: none;}
.aside_content ul.collections li a {padding:5px 30px;color:#9d9db6;border-radius: 0 25px 25px 0; display: block;}
.aside_content ul.collections li a:hover {color: #3e3f5e; background: #f6f6fb;}


/*=============================================================*/
/* FOOTER
/*=============================================================*/
.footer {padding: 20px 30px; margin-left: 350px; color: #8f91ac; font-size: 13px;}
.footer a {color: #8f91ac;}
.footer a:hover {text-decoration: underline;}


/*=============================================================*/
/* SLIDER
/*=============================================================*/
.slider {height:320px;border-radius:25px 25px 0 0; overflow: hidden; position: relative;z-index: 0;}
.slider_item { position:relative;width:100%;height:100%}
.slider_item_bg {width: 100%; height: 100%;}
.slider_item_bg img {width:100%;height:100%;display:block;object-fit:cover; margin: 0;}
.slider_item_bg::after {content:'';background:linear-gradient(0deg,rgba(23,167,203,.40) 0%,rgba(255,255,255,.1) 80%);position:absolute;width:100%;bottom:0;top:0}
.slider_item_game {height:100px;background:rgba(0,0,0,.50);max-width:calc(100% - 210px);position:absolute;bottom:60px;left:30px;border-radius:10px;display:flex;align-items:center;overflow:hidden;padding-right:30px;color:#fff;font-weight:700}
.slider_item_game_poster {height:100%;margin-right:30px;background:rgba(0,0,0,.20);display:flex;flex:0 0 215px;width:215px}
.slider_item_game_poster img {height: 100%; width: 100%; display: block; object-fit: cover;}
.slider_item_game_title {font-size: 28px;}
.game_ver {font-size: 18px; font-weight: 600; line-height: 1.2;}


/*=============================================================*/
/* SLICK SLIDER
/*=============================================================*/
.slick-track, .slick-list {height:100%}
svg.slick-arrow {position:absolute;bottom:60px;z-index:1;background:#fff;width:32px;height:32px;border-radius:50px;fill:#3e3f5e;padding:4px;cursor:pointer}
.slick-prev {right:30px}
.slick-next {right:80px}


/*=============================================================*/
/* SHORTSTORY
/*=============================================================*/
.short_item {flex:0 0 50%;max-width:50%;padding:0 15px;margin-bottom:30px}
.short_item_content {background:#fff;border-radius:10px; box-shadow: 0 0 40px 0 rgba(94,92,154,.06);}
.short_item .poster {overflow:hidden;border-radius:10px 10px 0 0;height:208px; background: #e8e9f0; position: relative;}
.short_item .poster img {width:100%;height:100%;object-fit:cover;display:block;border-radius:10px 10px 0 0}
.short_item .top_info {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 10px 20px;}
.short_item .top_info .category {background:#accb51;color:#fff;font-weight:600;font-size:12px;border-radius:25px;display:inline-flex;align-items:center;padding:3px 12px 4px; font-size: 0;}
.short_item .top_info .category a {display: none;}
.short_item .top_info .category a:first-child {color:#fff;font-weight:600; font-size: 12px; display: inline-block;}
.short_item .top_info .date_time {font-size: 12px; color: #8f91ac; font-weight: 600; display: inline-flex; align-items: center;}
.short_item .top_info .date_time svg {fill: #8f91ac; width: 14px; height: 14px; margin-right: 5px;}
.short_item .title_post {border-top:1px solid #f1f1f8; border-bottom:1px solid #f1f1f8; text-align: center; font-size: 18px; min-height: 38px; padding: 4px 20px 5px;}
.short_item .title_post a {color: #3e3f5e; font-weight: 700;}
.short_item .version_post {border-bottom:1px solid #f1f1f8;background:#fcfcfd;text-align:center;font-size:14px;font-weight:500;color:#8f91ac;min-height:38px;padding:7px 20px 7px;display:flex;justify-content:center;align-items:center}
.short_item .descr {font-size:15px;font-weight:300;padding:0 20px;height:65px;line-height:21px;margin:15px 0;overflow:hidden}
.short_item .bottom_info {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 20px;border-top:1px solid #f1f1f8;background:#fafafc;border-radius:0 0 10px 10px}
.views_comm {display: inline-flex;font-size: 12px; color: #8f91ac; font-weight: 600;}
.views_comm svg {width: 14px;height: 14px; fill: #8f91ac; margin-right: 3px;}
.views_count, .comm_count {margin-right: 25px; display: inline-flex; align-items: center;}
.edit_post {position:absolute;top:10px;left:10px}
.edit_post svg {width: 18px; height: 18px; fill: #9d9db6;}


/*=============================================================*/
/* RATING
/*=============================================================*/
.rating_block {margin-left:10px;display:inline-flex;align-items:center;}
.rating_block .dislike a,
.rating_block .like a { color: #ffffff; height: 27px; display: inline-flex; align-items: center; justify-content: center; padding: 0px 7px;}
.rating_block .dislike a {background: #f46843; border-radius: 25px 0 0 25px;}
.rating_block .dislike a:hover,
.rating_block .like a:hover {opacity:.9}
.rating_block .dislike a span {color: #f46843;}
.rating_block .like a {background:#accb51; border-radius:0 25px 25px 0}
.rating_block .like a span {color:#accb51;}
.rating_block a span { background:#fff;font-weight:700;font-size:10px;line-height:1;padding:0px 5px;border-radius:25px; text-align: center; height: 15px; min-width: 27px; display: inline-flex;align-items: center; justify-content: center;}
.rating_block a span span {min-width: auto;padding: 0px 2px;}
.rating_block .dislike a svg,
.rating_block .like a svg {fill: #fff; width: 16px; height: 16px;}
.rating_block .dislike a svg {margin-left:7px}
.rating_block .like a svg {margin-right:7px}


/*=============================================================*/
/* PAGINATION
/*=============================================================*/
.pages {flex:0 0 100%; max-width: 100%; display:flex;justify-content:center;flex-wrap:wrap;}
.pages_content {background:#fff;box-shadow: 0 0 40px 0 rgba(94,92,154,.06);width:100%;text-align:center;margin:0 15px;border-radius:25px;padding:5px 7px;display:flex;justify-content:center;flex-wrap:wrap}
.pages span,
.pages a {display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:30px;color:#ffffff;border-radius:25px;margin:3px;font-weight:600;font-size:12px;padding:0 10px}
.pages span {background:#49ddea;}
.pages a {background: #accb51; color: #ffffff;}
/* .pages a:hover {box-shadow:0 5px 20px 0 rgba(172,203,81,.5);transition:all .3s ease 0s} */
.pages .nav_ext {font-size: 16px;padding: 0;}


/*=============================================================*/
/* SEO
/*=============================================================*/
.seo {color: #3e3f5e; padding: 30px 0 0; line-height:1.5; position: relative;}
.seo h3 {margin-top: 20px;}
.seo h3:first-child {margin-top: 0;}
.seo p {margin: 7px 0 15px 0;}
.seo + a.readmore-js-toggle {text-align:center;color:#8f91ac;padding:15px 30px; margin-bottom: -15px;}
.seo::before {content:"";position:absolute;display:block;right:0;bottom:-10px;width:100%;height:30px;background:linear-gradient(0deg,rgba(248,248,251) .5%,hsla(0,0%,100%,0))}


/*=============================================================*/
/* FULL PAGE
/*=============================================================*/
.section_title .title {font-size:18px;color:#3e3f5e;font-weight:700;display:inline;margin:0;width:calc(100% - 180px);padding-left:30px}
.section_title.full {display:flex;justify-content:space-between;flex-wrap:wrap; margin: 0 15px 30px;}
.section_title.full .title svg {width:18px;height:18px;fill:#49ddea;position:relative;top:3px;margin-right:3px;margin-left:-30px}
.date_add {flex:0 0 180px;max-width:180px;font-size:12px;color:#8f91ac;font-weight:600;display:inline-flex;align-items:baseline;justify-content:flex-end;margin-top:4px;padding:0 10px}
.date_add svg {fill:#8f91ac;width:14px;height:14px;margin-right:5px}
.full_content {flex: 1; padding: 0 15px;}
.full_post {background: #fff; padding: 30px; border-radius: 10px;box-shadow: 0 0 40px 0 rgba(94,92,154,.06);}
.poster_img {float:left;width:415px;min-height:195px; margin: 5px 30px 20px 0; background:#f6f6fa;border-radius:10px; }
.poster_img img {border-radius: 10px; display: block; width: 100%; height: 100%;}
.poster_img_media {display: none;width: 100%;background:#f6f6fa;border-radius:10px; margin-bottom: 25px;}
.poster_img_media img {width:100%;border-radius:10px; display: block;}
.full_descr {font-size: 15px; hyphens: auto; position: relative;margin-top: -5px;}
.full_descr + a.readmore-js-toggle {text-align:right;color:#8f91ac; padding:15px 0; margin-bottom:-15px}
.full_descr.readmore-js-collapsed::before {content:"";position:absolute;display:block;right:0;bottom:-10px;width:100%;height:30px;background:linear-gradient(0deg,rgba(255,255,255) .5%,hsla(0,0%,100%,0))}

.full_descr_top {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.descr_text {margin-bottom: 35px;}
.descr_text p {margin-bottom: 20px;}
.full_post .version_post {border-top:1px solid #f1f1f8;border-bottom:1px solid #f1f1f8;background:#fcfcfd;text-align:center;font-size:16px;font-weight:600;color:#8f91ac;min-height:38px;padding:7px 20px 7px;display:flex;justify-content:center;align-items:center;margin:20px -30px 30px}

.full .edit_post {top:14px}


/*=============================================================*/
/* SCREENS
/*=============================================================*/
.screens {margin-bottom: 20px;margin-top: 30px;}
.screens_content .screen_item, .screens_content li {overflow:hidden;flex: 1 0 260px;width:260px;
    border-radius:10px; position:relative; height:100%;list-style:none;}
.screens_content .screen_item a, .screens_content li a {width:100%;display:block;height:100%;position:relative}
.screens_content .contenedor {height:150px;display:flex;white-space:nowrap;gap:24px;}
.screens_content img.img_presentacion_mini, .screens_content li img {width:100%;height:100%;object-fit:cover;
    display:block;cursor:pointer;position:relative}
.screens_content .contenedor_scroll {top:0;max-width:100%;height:175px;position:relative;margin:0 auto;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;z-index:0}
/*-------------------------------------------------------------*/
.contenedor_scroll{overflow-x:auto!important;scrollbar-color:#accb51 #f4f3ee;scrollbar-width:thin;overflow-y:hidden}
.contenedor1 {margin-left: -12.5px;}
.screens ::-webkit-scrollbar {height:7px;width:7px;background:#f4f3ee}
.screens ::-webkit-scrollbar-track {background:#f4f3ee}
.screens ::-webkit-scrollbar-thumb {background:#accb51;outline:transparent solid 1px;border-radius:1ex}
.screens ::-webkit-scrollbar-corner {background:#f4f3ee}


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


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


/*=============================================================*/
/* INFO & SISTEM REQ
/*=============================================================*/
.info_sistem {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -15px 30px;}
.info_sistem .block {flex: 0 0 50%; max-width: 50%; padding: 0 15px;}
.info_sistem .block_full {flex: 0 0 100%; max-width: 100%; padding: 0 15px;}
.info_sistem .block_content {border-radius: 10px; background: #f8f8fb; padding: 20px;}
.info_sistem .title_section {background:#fff;min-height:30px;color:#3e3f5e;display:flex;align-items:center;border-radius:25px;padding:3px 10px; font-weight: 600; margin-bottom: 15px;}
.info_sistem .title_section svg {width: 15px;height: 15px; fill: #8f91ac; margin-right: 7px;}
.info_sistem .block_content .mess {color:#8f91ac; line-height: 24px;}
.info_sistem .block_content .mess li {list-style: none;}
.info_sistem .block_content .mess b, .info_sistem .block_content .mess strong {color:#3e3f5e; font-weight: 600;}
.imp_block {border-radius:10px;border:1px dashed #accb51;position:relative; background: #fefefe; margin-bottom: 30px;}
.imp_block .head_title {font-weight:700;background:#fff;position:absolute;top:-8px;left:18px;padding:0 8px;line-height:1; color: #3e3f5e;}
.imp_block .imp_content {padding: 15px 20px; color: #8f91ac;}


/*=============================================================*/
/* DOWNLOAD BLOCK
/*=============================================================*/
.title_download {text-align: center; font-size: 18px; color: #3e3f5e; margin-bottom: 20px;}
.download_content {text-align: center; margin-bottom: 20px;}
.download {display: flex; justify-content: center; flex-wrap: wrap;}
.download [class*="btn_"] {height: 40px; display: inline-flex; align-items: center; border-radius: 25px; color: #fff; font-weight: 600; margin:0 10px 20px; padding: 0 20px;}
.download [class*="btn_"]:hover {opacity: .85;}
.download [class*="btn_"] svg {width: 18px;height: 18px; fill: #fff; margin-right: 7px;}
.download .btn_1 {background: #accb51;}
.download .btn_2 {background: #49ddea;}
.download_content .offer {display: flex; justify-content: center;}
.download_content .btn_offer {background: #accb51;height: 55px; font-size: 20px; display: inline-flex; align-items: center; border-radius: 50px; color: #fff; font-weight: 600; margin:0 10px 15px; padding: 0 20px;}
.download_content .btn_offer span {width: 31px; height: 31px; display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 25px; margin-right: 10px; margin-left: -7px;}
.download_content .btn_offer svg {width: 22px;height: 22px; fill: #accb51;}
.download_content .btn_offer:hover {opacity: .85;}


/*=============================================================*/
/* TAGS
/*=============================================================*/
.tags {margin-bottom: 30px;font-size: 0;}
.tags svg {fill: #9fa1b8; width: 16px;height: 16px; margin-right: 10px; position: relative; top: 3px;}
.tags a {background: #f8f8fb; color: #8f91ac; font-size: 12px; display: inline-block; padding: 4px 10px; border-radius: 25px; margin-right: 7px;font-weight: 500;}
.tags a:hover {color: #3e3f5e;}


/*=============================================================*/
/* RELATED
/*=============================================================*/
.related_posts {margin-bottom: 30px;}
.related_head {display: flex; align-items: center; margin-bottom: 20px;}
.related_head svg {fill:#accb51; width: 16px;height: 16px; margin-right: 10px;}
.related_posts_content {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -15px;}
.related_item {padding: 0 15px; margin-bottom: 15px; flex: 0 0 33.333333%; max-width: 33.333333%;}
.related_item_poster {height: 125px;border-radius: 10px; background: #f8f8fb; overflow: hidden; margin-bottom: 10px;}
.related_item_poster img {height: 100%; width: 100%; display: block; object-fit: cover; border-radius: 10px;}
.related_item_title {font-weight: 700; color: #3e3f5e; padding: 0 7px;}
.related_item_title a {font-weight: 700; color: #3e3f5e;}
.related_item_title a:hover {color: #8f91ac;}

/*=============================================================*/
/* COMMENTS
/*=============================================================*/
.comments .comments_head {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;margin-bottom: 10px;}
.comments .comments_head .related_head {margin-bottom: 10px;}
.comments .comments_head .related_head svg {fill: #49ddea;}
.add_comm_form {margin-bottom:30px;display:none;background:#f9f9f6;border-radius:10px;padding:20px}
.comm_form_bottom {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.comm_form_bottom button[type="submit"] {height:32px;display:inline-flex;align-items:center;justify-content:center;background:#20d8e8;border-radius:25px;transition:all .3s ease 0s;margin-left:20px;padding:0 20px; overflow: hidden;}
.comments_content {margin-bottom: 20px;}
.comment_item {margin:0 0 35px;}
.comment_message {background: #f8f8fb; padding: 15px 20px; border-radius: 10px; hyphens: auto;}
.comment_item_top {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;margin-bottom: 10px;}
.comm_user {display: inline-flex; align-items: center;}
.comm_user .comm_user_avatar {width: 40px; height: 40px; overflow: hidden; border-radius: 25px; margin-right: 15px;}
.comm_user .comm_user_avatar img {width: 40px; height: 40px; display: block; object-fit: cover; border-radius: 25px;}
.comm_user_info {display:inline-flex;flex-direction:column;justify-content:space-between}
.comm_user_info a {font-weight: 700; color: #004845;}
.comm_user_info .date {display: flex; font-size: 10px; align-items: center; color: #8f91ac;}
.comm_control {display:inline-flex;align-items:center;justify-content:flex-end}
.control_panel {margin-left:20px;font-size:16px;display:inline-flex;align-items:center; line-height: 1; position: relative; top: 2px;}
.control_panel svg {fill: #8f91ac;width: 16px;height: 16px;}
.control_panel > a {padding: 5px; color: #a1a1a1;}
.control_panel > a:hover {color: #14838c;}
.control_panel > a:hover svg {fill: #3e3f5e;}
.comments .not_comments {text-align: center;color: #8f91ac;margin-bottom: 20px;}
.com_content .quote,
.com_content blockquote {padding:2px 20px;margin:0 0 10px;border-left:3px solid #accb51;font-family:'Nunito',sans-serif;font-style:normal;font-size:14px;color:#8f91ac;border-radius:0 10px 10px 0}
.comment_message .quote,
.comment_message blockquote {
   padding: 7px 15px;
   margin: 0 0 15px;
   border-left: 3px solid #accb51;
   font-family: 'Nunito', sans-serif;
   font-style: normal;
   font-size: 14px;
   color: #8f91ac;
   background: #fff;
   border-radius: 0 10px 10px 0;
   margin-bottom: 20px;
}
.com_content .quote/*  + br */,
.comment_message .quote/*  + br */ /* {display:none} */
.comments .form-group {display:flex;flex-wrap:wrap;margin:0 -10px 20px; justify-content: space-between;}
.comments .form-group .combo_field {flex:0 0 50%;padding:0 10px}
.comments .guest_user {font-weight: 700;color:#8f91ac}
.comments a .guest_user {color:#3e3f5e}
.title_quote {border:0;border-left:3px solid #accb51;padding:6px 18px;border-radius:0 10px 0 0;font-size:12px}
.title_quote + .quote {border-radius:0 0 10px 0}
#dle-comments-list > ol {padding-left: 0;}
#comment + .comments-tree-list {
   padding: 0;
}
[id*="comments-tree-item"] ol {
   padding-left: 30px
}

/*=============================================================*/
/* SISTEMS STYLES
/*=============================================================*/
#dropmenudiv a:hover, .btn:hover, .bbcodes:hover, .ui-button:hover {background-color: #accb51;}
.btn,
.bbcodes,
.ui-button {font-weight:600;text-transform:none;box-shadow:none;background-color:#accb51;background-image:-moz-linear-gradient(top,#accb51 0%,#accb51 100%)}
.btn:hover,
.bbcodes:hover,
.ui-button:hover {opacity: .85;}
form li {list-style: none;}
.gray-theme.fr-toolbar {border-top:5px solid #49ddea}
.form_submit {display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.form_submit .btn,
.bbcodes {text-transform:none;font-weight:600;border-radius:25px}
.c-capcha img {width:120px;height:40px;border:none}
.c-capcha:hover img {box-shadow:none;transform:none;border-color:transparent}
.mass_comments_action {display: none;}
.save-buttons {padding-top: 15px !important;}
.block.story {
   margin: 0 15px;
   background: #fff;
   padding: 30px;
   border-radius: 25px;
   box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06)
}
.form-group {margin-bottom: 20px;}
[id*="xfield_holder_"] td {padding-bottom:20px}
#pm-menu a {margin-right: 15px; display: inline-block;}
.new_pm {margin: 20px 15px;}
.story_icons li {list-style: none;}
.h2.title {margin-top: 0;}
#dle-comments-list {margin:15px;/* background:#fff;padding:30px; */border-radius:10px;/* box-shadow:0 0 40px 0 rgba(94,92,154,.06) */}
.dle-comments-navigation {margin-top: 30px;}
.statistic_page {
   margin: 15px 15px 30px;
   background: #fff;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06)
}
.statistic_page li {list-style: none;}
.stat_group {margin-bottom: 20px;}
.tag_list a {margin-right: 10px;}
.usinf li {
   display: flex;
   flex-wrap: wrap;
   line-height: 24px;
}
.usinf li .ui-c1 {flex: 0 0 200px; max-width: 200px; font-weight: 700;}

.user_page_top {display:flex;flex-wrap:wrap;align-items:center;margin-top:-10px;margin-bottom:20px}
.user_page_top .avatar {border-radius: 50px; width: 40px;height: 40px; overflow: hidden; margin-right: 20px;}
.user_page_top .avatar img {width: 100%; height: 100%;display: block; object-fit: cover; }
.user_page_top h1 {margin-bottom: 0; flex: 1;}
.user_tab .btn {
   border-radius: 25px;
   padding: 9px 22px;
   margin-right: 15px;
   color: #fff;
}
.user_tab li:last-child .btn {
   margin-right: 0;
}
.user_tab .btn a {
   color: #fff;
   text-transform: capitalize;
}
.user_tab {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
#fullsearch {margin-bottom: 30px;}

.full_descr_top .like, .full_descr_top .dislike {height: 28px;}
.popup-gallery.contenedor a {display: block;}
.img-fixed-size {position: relative;}
.img-fixed-size img {width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.line-clamp {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.lcomms {padding: 0 30px;}
.lcomm + .lcomm {margin-top: 10px;}
.lcomm__meta {padding-left: 48px; position: relative; font-size: 14px; font-weight: 700; margin-bottom: 12px;}
.lcomm__date {font-weight: 400; font-size: 11px; margin-top: 2px; color: #999;}
.lcomm__avatar {width: 36px; height: 36px; margin-top: -18px; border-radius: 18px; position: absolute; left: 0; top: 50%;}
.lcomm__text {font-size: 13px; background-color: #f7f7fb; border-radius: 10px; position: relative; padding: 10px;}
.lcomm__text::after {content: ''; border: 10px solid transparent; border-bottom-color: #f7f7fb; 
	position: absolute; left: 26px; bottom: 100%;}
.lcomm__text .line-clamp {-webkit-line-clamp: 3; margin-top: 10px;}
.lcomm__title {color: #49ddea; font-size: 14px; font-weight: 700; text-decoration: underline;}

.lcomms-cnt {max-height: 460px; padding: 0 15px 15px 0; overflow-y:auto;scrollbar-color:#accb51 #f4f3ee;scrollbar-width:thin;overflow-x:hidden}
.lcomms-cnt ::-webkit-scrollbar {height:7px;width:7px;background:#f4f3ee}
.lcomms-cnt ::-webkit-scrollbar-track {background:#f4f3ee}
.lcomms-cnt ::-webkit-scrollbar-thumb {background:#accb51;outline:transparent solid 1px;border-radius:1ex}
.lcomms-cnt ::-webkit-scrollbar-corner {background:#f4f3ee}

.vp {aspect-ratio:16/9; position: relative; background-color: #000; margin-bottom: 30px;}
.vp-img, .vp iframe, .vp video {position: absolute; inset: 0;}
.vp iframe, .vp video {display: block; width: 100%; height: 100%;}
.vp-overlay {cursor: pointer; position: absolute; inset: 0; z-index: 1; background-color: rgba(0,0,0,0.6); display: grid; place-items: center;}
.vp-btn {width: 100px; border-radius: 50%; cursor: pointer; aspect-ratio:1/1; background-color: rgba(0,0,0,0.6); 
    display: grid; place-items: center; overflow: hidden;}
.vp-btn::before {content: ''; display: inline-flex; position: relative; left: 15px;
    border: 16px solid transparent; border-left-color: #ccc; scale: 1.5 1;}
.vp-overlay:hover .vp-btn {background-color: #49ddea;}
.vp-overlay:hover .vp-btn::before {border-left-color: #fff;}

.st_content.full #dle-content:has(#fullsearch) {display: flex;}
#fullsearch {width: 100%;}
.screens_content .contenedor li {width: 100%; height: 150px;}
.screens_content .contenedor {display: grid; gap: 20px; height: auto;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));}

.DLEPush {z-index: 1000; position: fixed; right: 20px; top: 20px;}
@keyframes DLEPush-show {
	0% {transform: translateY(100%); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
.DLEPush-notification.wrapper {background: none;}
.DLEPush-notification.wrapper::before {display: none;}
.DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 0.3s; position: relative;
	display: grid; gap: 10px; margin-bottom: 10px; width: 400px; max-width: calc(100vw - 40px); 
	color: #333; background-color: hsl(var(--hue,174), 41%, 91%); box-shadow: 0 10px 15px rgb(0 0 0 / 15%); 
	border-radius: 6px; padding: 15px 30px 15px 60px; overflow: hidden;}
.DLEPush-notification .DLEPush-icon {display: grid; place-items: center; position: absolute; left: 0; top: 0; 
	color: #fff; background-color: hsl(var(--hue,174), 100%, 27%); width: 45px; height: 100%;}
.DLEPush-notification .DLEPush-icon svg {scale: 0.8;}
.DLEPush-notification .DLEPush-header {font-weight: bold; font-size: 1.1em;}
.DLEPush-notification .DLEPush-header:empty {display: none;}
.DLEPush-notification .DLEPush-close {position: absolute; top: 50%; right: 10px; background: none;
	border: 0; padding: 0; color: inherit; font-size: 1.4em; transform: translateY(-50%);}
.DLEPush-notification.wrapper.push-success {--hue: 174;}
.DLEPush-notification.wrapper.push-warning {--hue: 36;}
.DLEPush-notification.wrapper.push-error {--hue: 14;}
input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;}