@font-face {
    font-family: 'Material Icons Round';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialiconsround/v105/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');
}

.material-icons-round,.material-symbols-rounded {
    font-family: 'Material Icons Round';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

html.rtl {
    --body-font: 'Cairo',sans-serif;
    --meta-font: 'Cairo',sans-serif;
    --title-font: 'Cairo',sans-serif;
    --text-font: 'Cairo',sans-serif;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

:root {
    --body-font: 'Signika', sans-serif;
    --title-font: 'Signika', sans-serif;
    --meta-font: 'Signika', sans-serif;
    --text-font: 'Signika', sans-serif;
    --text-font-color: #505050;
    --runs-solid-color: #c1bbbb;
    --black-color: #404040;
    --hero-color: #aaaaaa;
    --main-menu-bg: #ffffff;
    --snippet-color: #aba4a4;
    --solid-border: #ddd;
    --top-bar: #ffffff;
    --featured-posts-title: #333333;
    --button-bg-color: #e30347;
    --button-text-color: #ffffff;
    --lables-buttons-color: #3e55fa;
    --lables-text-color: #ffffff;
    --email-bg-color: #e30347;
    --email-text-color: #ffffff;
    --cloud-bg-color: #ffffff;
    --cloud-border-color: #ffffff;
    --list-text-color: #333333;
    --theme-text-color: #3e3e3e;
    --featured-gadgets-title: #e8e8e8;
    --placeholder-text-color: #3e3e3e;
    --main-menu-text-color: #101121;
    --sub-menu-text-color: #ffffff;
    --footer-title-color: #e8e8e8;
    --footer-copyright-bg: #101121;
    --body-color-main: #ffffff url() repeat fixed top left;
    --all-link-color: #0241ff;
    --black-text: #343434;
    --bg-cards-search: #ececec;
    --main-text-color: #101010;
    --iljxXmm-bg: #ffffff;
    --top-menu-text: #333333;
    --mobile-text-color: #333333;
    --white-bg: #ffffff;
    --block-bg: #ffffff;
    --featured-posts-title-featured: #ffffff;
    --white-label-color: #ffffff;
    --bg-cards: #ffffff;
    --bg-cards-video: #121212;
    --bg-cards-shadow: 0px 3px 3px 0 rgb(0 0 0 / 0.08);
    --bt-breaking: rgba(0 0 0 / 0.08);
    --bt-breaking-text: #626262;
    --shadow-top: 0 0 20px rgba(0,0,0,.15);
    --shadow-top-fixed: 5px 5px 8px 0px rgba(224 223 223 / 0.48);
    --ads-bg: rgb(143 183 255 / 0.20);
    --ads-text: #898989;
    --buttons-category-text: #1d1d1d;
    --snip-text-color: #eeeeee;
    --search-bt-text: #333333;
    --comments-dec: #333;
    --sticky-bg: #f1f1f1;
    --input-form: transparent;
    --bt-home: #f2f7fb;
    --cm-count: #555555;
    --shadow-light: 0px 2px 5px 1px rgb(0 0 0 / 0.10);
    --navigation-runs-text: #4e4e4e;
    --sticky-lists: #f7fcff;
    --post-snip-data: #707070;
    --post-snip-open: #383838;
    --ico-relative: #ff0000;
    --front-bg-lists: #fff;
    --share-author-links: #585858;
    --box-posts-share: #f1f1f1;
    --title-share: #1c1c1c;
    --title-share-fa: #5c5c5c;
    --footer-text-color: #cecece;
    --footer-about-text: #cecece;
    --footer-bg-color: #181e2f;
    --footer-gadgets-title: #e8e8e8;
    --main-logo-text-color: #222222;
    --submenu-bg-color: #ffffff;
    --comment-content: #f6f6f6;
    --comment-text: #5e5e5e;
    --label-text-color: #2c2c2c;
    --pager-text-color: #6d6d6d;
    --back-top: rgb(90 90 90 / 0.18);
    --box-shadows: rgb(102 102 102 / 0.13);
}

body.dark {
    --main-logo-text-color: #d4d4d4;
    --all-link-color: rgba(255,255,255,.7);
    --body-color-main: #292929;
    --main-menu: #383838;
    --text-font-color: #d3d3d3;
    --shadow-top: none;
    --top-bar: #2d2d2d;
    --cloud-border-color: rgb(100 100 100 / 0.66);
    --cloud-bg-color: #ffffff;
    --iljxXmm-bg: #212121;
    --input-form: rgb(112 112 112 / 0.34);
    --shadow-top-fixed: none;
    --white-label-color: #464646;
    --search-bt-text: #b5b5b5;
    --main-menu-text-color: #dadada;
    --list-text-color: #fff;
    --sub-menu-text-color: #dadada;
    --title-share: #dddddd;
    --black-color: #d9d9d9;
    --title-share-fa: #dddddd;
    --front-bg-lists: #292929;
    --box-shadows: transparent;
    --bt-home: #212121;
    --sticky-lists: #212121;
    --post-snip-open: #eee;
    --footer-gadgets-title: #c3c3c3;
    --top-menu-text: #ffffff;
    --footer-title-color: #adadad;
    --sticky-bg: #212121;
    --placeholder-text-color: #dadada;
    --theme-text-color: #dadada;
    --featured-gadgets-title: #dadada;
    --mobile-text-color: #ffffff;
    --ads-bg: #212121;
    --box-posts-share: #323232;
    --submenu-bg-color: #212121;
    --label-text-color: #a1a1a1;
    --featured-posts-title: #c3c3c3;
    --ads-text: #dadada;
    --buttons-category-text: #dadada;
    --bg-cards: #212121;
    --bg-cards-search: #222222;
    --block-bg: #3a3a3a;
    --black-text: #f3f8fb;
    --post-snip-data: #a5a5a5;
    --comments-dec: #cecece;
    --comment-content: #353535;
    --comment-text: #c1c1c1;
    --footer-bg-color: #181818;
    --footer-text-color: #E4E4E4;
    --cm-count: #E4E4E4;
    --main-text-color: #E4E4E4;
    --navigation-runs-text: #c3c3c3;
    --share-author-links: #E4E4E4;
    --footer-copyright-bg: #292929;
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0;
    margin: 0;
    text-decoration: none;
}

form,textarea,input,button {
    font-family: var(--body-font);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    box-sizing: border-box
}

.CSS_LIGHTBOX {
    z-index: 999999!important
}

.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT {
    opacity: 0
}

input,textarea {
    outline: none;
    border: none;
}

html {
    position: relative;
    word-break: break-word;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
dl,ul {
    list-style-position: inside;
    font-weight: 400;
    list-style: none
}

button {
    cursor: pointer;
    outline: none;
    border: none;
}

ul li {
    list-style: none
}

caption,th {
    text-align: center
}

.blogger-clickTrap {
    position: unset !important;
}

.box-view #outer-wrapper {
    max-width: 1190px;
}

html,body {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

.separator a {
    clear: none!important;
    float: none!important;
    margin-left: 0!important;
    margin-right: 0!important
}

#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links {
    display: none!important
}

.center {
    display: table;
    margin: 0 auto;
    position: relative
}

.widget > h2,.widget > h3 {
    display: none
}

iframe[src*="youtube.com"] {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

.widget iframe,.widget img {
    max-width: 100%
}

.container {
    position: relative;
    max-width: 100%;
    width: 1145px;
    margin: 0 auto;
}

.center {
    display: table;
    margin: 0 auto;
    position: relative
}

img {
    border: 0;
    position: relative
}

a,a:visited {
    text-decoration: none
}

.clearfix {
    clear: both
}

.section,.widget,.widget ul {
    margin: 0;
    padding: 0
}

a {
    color: var(--all-link-color)
}

a img {
    border: 0
}

abbr {
    text-decoration: none
}

.widget>h2,.widget>h3 {
    display: none
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*-- CSS Variables --*/
.no-items.section {
    display: none
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--title-font);
    font-weight: 600
}

body {
    position: relative;
    background: var(--body-color-main);
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    color: var(--black-text);
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    font-style: normal;
    line-height: 1.4em
}

.animate_shake {
    animation: shake 1.2s infinite;
}

#outer-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.outer-container {
    display: flex;
    justify-content: space-between;
}

.post-body h1 {
    font-size: 28px
}

.post-body h2 {
    font-size: 24px
}

.post-body h3 {
    font-size: 21px
}

.post-body h4 {
    font-size: 18px
}

.post-body h5 {
    font-size: 16px
}

.post-body h6 {
    font-size: 13px
}

.dark .post-body p {
    background: transparent!important;
    color: #fff!important
}

#center-container {
    position: relative;
    float: left;
    width: 100%;
    min-height: 650px;
    overflow: hidden;
    padding: 20px 0 0;
    margin: 0;
    background-image: url(https://blogger.googleusercontent.com/img/a/AVvXsEi-hja79bxYZGVCnE8fmxfTpxzHr9sx_e42n3LBTn7FTDd9rK3NfSo7C1jsHJxu_OoYTK-AftUuMztbA_3If-A9g9CIIzmyTQBtO--q6d3_ev450jtd6VOZEutZ8bxzpp0ZhMgz2HgysYn_htPaE82vJugXXxPmoeGbeb3lXYNGLWMeBdq9MljgebV9jn0=s981);
    background-color: #eee9e1;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}

#feed-view {
    position: relative;
    float: left;
    width: calc(100% - (320px + 5px));
    box-sizing: border-box;
    padding: 10px 0px;
}

#sidebar-container {
    position: relative;
    float: right;
    width: 320px;
    box-sizing: border-box;
    padding: 0
}

.snip-thumbnail {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
    transition: opacity .30s ease,transform .30s ease
}

.snip-thumbnail.lazy-img {
    opacity: 1
}

.row,.row-1 {
    position: relative;
}

.post-filter-link:hover .snip-thumbnail {
    filter: brightness(0.9);
}

.background-layer:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 55%;
    background-image: linear-gradient(to bottom,transparent,rgb(20 21 32 / 0.76));
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
    opacity: 1;
    margin: 0;
    transition: opacity .25s ease
}

.colorful-ico a:before,.social a:before,.social-front-hover a:before {
    display: inline-block;
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
}

.colorful-ico .rss a:before,.social .rss a:before {
    content: '\e0e5';
    font-family: 'Material Icons Round';
}

.colorful-ico .email a:before,.social .email a:before {
    content: '\e158';
    font-family: 'Material Icons Round';
}

.colorful-ico .external-link a:before,.social .external-link a:before {
    content: '\e894';
    font-family: 'Material Icons Round';
}

li a.fa-twitter:before {
    content: "\e61b"
}

.colorful a:hover {
    opacity: 0.8;
}

.colorful .blogger a {
    color: #ff5722
}

.colorful .facebook a,.colorful .facebook-f a {
    color: #3b5999
}

.colorful .twitter a {
    color: #00acee
}

.colorful .youtube a {
    color: #f50000
}

.colorful .messenger a {
    color: #0084ff
}

.colorful .snapchat a {
    color: #ffe700
}

.colorful .telegram a {
    color: #179cde
}

.colorful .instagram a {
    color: #dd277b
}

.colorful .pinterest a,.colorful .pinterest-p a {
    color: #ca2127
}

.colorful .google a {
    color: #0165b4
}

.colorful .apple a {
    color: #000000
}

.colorful .microsoft a {
    color: #0165b4
}

.colorful .dribbble a {
    color: #ea4c89
}

.colorful .linkedin a {
    color: #0077b5
}

.colorful .tiktok a {
    color: #fe2c55
}

.colorful .stumbleupon a {
    color: #eb4823
}

.colorful .vk a {
    color: #4a76a8
}

.colorful .stack-overflow a {
    color: #f48024
}

.colorful .github a {
    color: #24292e
}

.colorful .soundcloud a {
    background: linear-gradient(#ff7400,#ff3400)
}

.colorful .behance a {
    color: #191919
}

.colorful .digg a {
    color: #1b1a19
}

.colorful .delicious a {
    color: #0076e8
}

.colorful .codepen a {
    color: #000
}

.colorful .flipboard a {
    color: #f52828
}

.colorful .reddit a {
    color: #ff4500
}

.colorful .tumblr a {
    color: #365069
}

.colorful .twitch a {
    color: #6441a5
}

.colorful .rss a {
    color: #ffc200
}

.colorful .skype a {
    color: #00aff0
}

.colorful .whatsapp a {
    color: #3fbb50
}

.colorful .discord a {
    color: #7289da
}

.colorful .share a {
    color: var(--hero-color)
}

.colorful .email a {
    color: #888
}

.colorful .external-link a {
    color: #3500e5
}

.social-front-hover a.fa-facebook,.social-front-hover a.fa-facebook-f {
    background: #3b5999
}

.social-front-hover a.fa-twitter {
    background: #00acee
}

.social-front-hover a.fa-whatsapp {
    background: #3fbb50
}

.iljxXmm-logo {
    display: none
}

#top-menu .selectnav {
    display: none
}

.date-format {
    position: relative;
    color: var(--button-bg-color);
    height: 42px;
    line-height: 42px;
    font-weight: 600;
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid rgb(143 143 143 / 0.22);
}

.date-format:before {
    content: '\e8b5';
    font-family: 'Material Icons Round';
    font-size: 16px;
    font-weight: 400;
    position: relative;
    vertical-align: middle;
}

.header-room {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 0px;
}

.header-room .social li {
    display: inline-block;
    list-style: none;
    line-height: 40px
}

.header-room .social li a {
    display: block;
    width: 25px;
    line-height: 30px;
    margin: 0 7px;
    font-size: 15px;
    text-align: center;
    color: var(--top-menu-text)
}

.dark .post-body ol>li:before {
    color: #eee
}

.menu-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 0px 0 20px;
    border: 1px solid rgb(143 143 143 / 0.22);
}

.menu-top ul.nav1 {
    margin: 0 15px;
}

.menu-top li {
    display: inline-block;
    line-height: 40px;
    padding: 0 10px;
    border-left: 1px solid rgb(143 143 143 / 0.22);
}

.rtl .menu-top li {
    border-left: initial;
    border-right: 1px solid rgb(143 143 143 / 0.22);
}

.menu-top li a {
    color: var(--top-menu-text);
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none
}

.menu-top li a:before {
    content: '\ef4a';
    font-family: 'Material Icons Round';
    font-size: 5px;
    font-weight: 400;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    color: var(--button-bg-color);
}

.menu-top li a .fa {
    margin-right: 5px
}

.menu-top li a:hover {
    opacity: 0.8
}

.llilxXtic .loading-icon {
    line-height: 38px;
}

.llilxXtic .widget .widget-content span.error-status {
    padding: 0;
    line-height: 30px;
}

.llilxXtic .loading-icon:after {
    width: 20px;
    height: 20px;
}

.ticker {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}

.llilxXtic {
    position: relative;
    margin: 5px 10px 15px;
    overflow: hidden;
    border: 1px solid rgb(143 143 143 / 0.22);
    border-radius: 4px;
}

.llilxXtic .widget {
    display: block;
    height: 30px;
    padding: 5px 0;
    margin: 0
}

.llilxXtic .widget>.widget-title {
    display: block;
    position: relative;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0 10px 0 5px;
    border-right: 1px solid rgb(143 143 143 / 0.22);
}

.rtl .llilxXtic .widget>.widget-title {
    border-right: initial;
    border-left: 1px solid rgb(143 143 143 / 0.22);
}

.llilxXtic .widget>.widget-title>h3 {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--theme-text-color);
    line-height: 30px;
    margin: 0
}

.llilxXtic .widget>.widget-title>h3:before {
    content: '\ea0b';
    font-family: 'Material Icons Round';
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 0 3px 0 0;
    text-align: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--button-bg-color);
    color: var(--button-text-color);
    line-height: 17px;
}

.rtl .llilxXtic .widget>.widget-title>h3:before {
    margin: 0 0 0 3px;
}

.llilxXtic .widget-content {
    position: relative;
    justify-content: flex-end;
    flex: 1;
    align-items: center;
    margin: 0;
    display: none;
    height: 30px;
    overflow: hidden;
}

.breaking-ticker {
    position: relative;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    flex: 1;
    margin: 0;
    height: 30px;
}

.llilxXtic .open-iki,.llilxXtic .widget.PopularPosts .widget-content {
    display: flex!important
}

.breaking-ticker .tickerNews .entry-title {
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.breaking-ticker .tickerNews .entry-title a {
    position: relative;
    display: block;
    overflow: hidden;
    font-size: 15px;
}

.rtl .llilxXtic .widget>.widget-title {
    float: right;
}

.breaking-ticker .active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    pointer-events: initial
}

.tickerNews {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    pointer-events: none;
}

.tickerNews {
    transform: translate3d(10px,0,0);
    transition: all .80s ease
}

.buttons-fix {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin: 0;
    height: 30px
}

.buttons-fix>a {
    display: flex;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    margin: 0 2px;
    padding: 5px;
    cursor: pointer;
    color: var(--lables-text-color);
    background: var(--lables-buttons-color);
    border-radius: 50%;
}

.buttons-fix>a:hover {
    opacity: 0.8;
}

.buttons-fix .prev:before {
    content: '\e5cb'
}

.buttons-fix .next:before {
    content: '\e5cc'
}

.buttons-fix a:before {
    display: block;
    font-family: 'Material Icons Round';
    margin: auto;
    text-align: center;
    font-weight: 400
}

.dark .post-body ol>li:before {
    color: #eee
}

.dark-toggle-flex {
    position: relative;
    background-color: rgb(0 0 0 / 0.36);
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--button-text-color);
    width: 40px;
    height: 20px;
    margin: 0 5px;
    border-radius: 20px;
}

.dark-bt .dark-toggle-flex {
    display: none;
}

.dark-toggle-flex:hover:before {
    opacity: 0.8
}

.dark .dark-toggle-flex:before {
    content: '\ea46';
    left: 21px;
}

.dark-toggle-flex:before {
    content: '\e518';
    font-family: 'Material Icons Round';
    position: absolute;
    left: 2px;
    width: 16px;
    height: 16px;
    text-align: center;
    background-color: var(--button-bg-color);
    font-weight: 400;
    line-height: 16px;
    z-index: 2;
    border-radius: 50%;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.10);
    transition: left .18s ease;
}

.dark .dark-toggle-flex:after {
    content: '\e518';
    right: 26px;
}

.dark-toggle-flex:after {
    content: '\ea46';
    font-family: 'Material Icons Round';
    position: absolute;
    right: 4px;
    width: 10px;
    font-size: 8px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    opacity: 0.5;
    transition: right .18s ease;
}

h1.blog-title {
    font-size: 16px;
    max-width: 195px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
    min-height: 36px;
    margin: 0;
}

h1.blog-title a {
    color: var(--main-menu-text-color);
}

h1.blog-title .online {
    line-height: 0;
    font-size: 12px;
    color: green;
}

.online:before {
    content: "\e837";
    font-family: 'Material Icons Round';
    font-size: 8px;
    color: green;
    margin-right: 4px;
}

#iljxXom>.mega-menu {
    position: unset!important
}

.iljxXnm li:hover .BiggerMenu {
    opacity: 1;
    visibility: visible
}

.drop-down>a:after {
    content: '\e5cf';
    float: right;
    font-family: 'Material Icons Round';
    font-size: 9px;
    font-weight: 400;
    margin: -1px 0 0 5px
}

.BiggerMenu {
    position: absolute;
    background-color: var(--block-bg);
    top: 59px;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    border-radius: 4px;
    right: 0;
    z-index: 3333;
    color: var(--white-bg);
    height: auto;
    padding: 20px;
    min-height: 100px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.28);
    transition: all .3s ease;
}

.iljxXnm li:hover .BiggerMenu {
    margin-top: 1px;
    opacity: 1;
    visibility: visible
}

.mega-box {
    width: calc((100% - 50px) / 5);
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    position: relative
}

.mega-box:last-child {
    margin-right: 0
}

.mega-box .post-filter-link {
    position: relative;
    height: 100%
}

.mega-boxs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.mega-boxs .Mega-img-ui {
    position: relative;
    height: 180px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

.mega-boxs .entry-title {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    line-height: 1.2em;
    margin: 0
}

.flex-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    align-items: flex-start;
    justify-content: center;
}

.flex-ft {
    display: flex;
    justify-content: center;
    padding: 0 10px;
}

.tociki-pro {
    display: flex;
    width: 100%;
    clear: both;
    margin: 0
}

.tociki-inner {
    position: relative;
    max-width: 100%;
    font-size: 14px;
    background-color: rgba(165 165 165 / 0.10);
    overflow: hidden;
    line-height: 23px;
    border: 1px solid #a0a0a0;
    border-radius: 5px
}

a.tociki-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-font-color);
    padding: 0 15px;
    margin: 0
}

.tociki-title-text {
    display: flex
}

.tociki-title-text:before {
    content: '\e242';
    font-family: 'Material Icons Round';
    font-size: 20px;
    font-weight: 400;
    margin: 0 5px 0 0
}

.rtl .tociki-title-text:before {
    margin: 0 0 0 5px
}

.tociki-title:after {
    content: '\e5cf';
    font-family: 'Material Icons Round';
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 25px;
    color: var(--buttons-category-text);
}

.rtl .tociki-title:after {
    margin: 0 25px 0 0;
}

.tociki-title.opened:after {
    content: '\e5ce'
}

a.tociki-title:hover {
    text-decoration: none
}

#tociki {
    display: none;
    padding: 0 15px 10px;
    margin: 0
}

#tociki ol {
    padding: 0 0 0 15px
}

#tociki li {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0
}

#tociki li a {
    color: var(--main-text-color)
}

#tociki li a:hover {
    opacity: 0.8;
    text-decoration: underline
}

#ads-holder .widget > .widget-title,#ads-holder1 .widget > .widget-title {
    display: none
}

#ads-holder,#ads-holder1 {
    margin: 15px 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.ads-tool {
    position: relative;
    margin: 15px 5px
}

.ads-tool .widget {
    position: relative;
    float: left;
    width: 100%;
    line-height: 0;
    margin: 0 0 5px
}

#post-placeholder {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0 5px;
    margin: 10px 0
}

#post-placeholder .widget {
    position: relative;
    width: 100%;
    line-height: 0;
    height: auto
}

.footer-container {
    padding: 20px 0px;
    background: var(--main-menu-bg);
    text-align: center;
    width: 100%;
    color: #000;
    bottom: 0;
    position: fixed;
}

.footer-container .footer-copyright {
    position: relative;
    font-size: 14px;
    margin: 0
}

.copyright-text {
    margin: 0;
    color: var(--footer-text-color);
}

.footer-container .footer-copyright a {
    color: var(--footer-text-color)
}

.footer-container .footer-copyright a:hover {
    color: var(--footer-text-color)
}

#footer-checks-menu {
    position: relative;
    display: block;
    margin: 0
}

.footer-checks-menu ul li {
    position: relative;
    float: left;
    margin: 0
}

.footer-checks-menu ul li a {
    float: left;
    font-size: 15px;
    color: var(--footer-text-color);
    padding: 0 5px;
    margin: 0
}

#footer-checks-menu ul li a:hover {
    opacity: 0.8;
}

.sharing-button .facebook a,.sharing-button .facebook-f a {
    background-color: #3b5999
}

.sharing-button .twitter a,.sharing-button .twitter-square a {
    background-color: #00acee
}

.sharing-button .reddit a {
    background-color: #ff4500
}

.sharing-button .pinterest a,.sharing-button .pinterest-p a {
    background-color: #ca2127
}

.sharing-button .linkedin a {
    background-color: #0077b5
}

.sharing-button .whatsapp a {
    background-color: #3fbb50
}

.sharing-button .email a {
    background-color: #888
}

.iljxXmm .fa {
    color: #FFF! important
}

#iljxXhd {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    max-height: 70px;
    margin: 0;
    background: var(--main-menu-bg);
}

.hiljxXhm .container {
    margin: 0 auto;
}

.hamburger-section,.hiljxXhm {
    position: relative;
    float: left;
    z-index: 990;
    width: 100%;
    max-height: 70px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.logo-container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 0 15px;
}

.header-room img {
    display: block;
    width: auto;
    height: auto;
    max-height: 45px;
    margin: 0;
}

.SuperLogo-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.hamburger {
    display: flex;
    align-items: center;
    color: var(--main-menu-text-color);
    height: 40px;
    font-size: 17px;
}

.header-section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
    width: 100%;
    margin: 0;
    align-items: center;
    background: var(--main-menu-bg);
    padding: 7px 0px;
}

.header-left {
    position: static;
    display: flex;
    margin: 0;
    align-items: center;
    gap: 7px;
    width: 100%;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    right: 0;
    margin: 0;
    z-index: 11;
    overflow: hidden;
    justify-content: flex-end;
}

.rtl .header-right {
    right: initial;
    left: 0;
}

.header-room h1 {
    display: block;
    font-size: 25px;
    color: var(--main-logo-text-color);
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.header-room h1 a {
    color: var(--main-logo-text-color)
}

.header-room .LinkList .widget-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-room .date-format {
    margin: 0 27px 0 0;
}

.rtl .header-room .date-format {
    margin: 0 0 0 27px;
}

.hiljxXhm.show {
    top: 0;
    margin: 0;
}

.hiljxXhm.fixed-nos.show {
    background: var(--main-menu-bg)
}

.main-menu-wrap {
    position: static;
    height: 56px;
    margin: 0
}

#iljxXnm .widget,#iljxXnm .widget>.widget-title {
    display: none
}

#iljxXnm .show-menu {
    display: block
}

#iljxXnm {
    position: static;
    height: 56px;
    z-index: 10
}

#iljxXnm ul>li {
    position: relative;
    display: flex;
    flex-shrink: 0;
}

#iljxXnm ul>li:nth-child(1) {
    background: #6903f5;
}

#iljxXnm ul>li:nth-child(2) {
    background: #8500c2;
}

#iljxXnm ul>li:nth-child(3) {
    background: #ac1990;
}

#iljxXnm ul>li:nth-child(4) {
    background: #c5256e;
}

#iljxXnm ul>li:nth-child(5) {
    background: #e64c33;
}

#iljxXnm ul>li:nth-child(6) {
    background: #f57607;
}

#iljxXnm ul>li:nth-child(7) {
    background: #fc980f;
}

#iljxXom>li>a {
    position: relative;
    display: block;
    height: 56px;
    font-size: 16px;
    color: var(--main-menu-text-color);
    overflow: hidden;
    width: 130px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 56px;
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
}

#iljxXom>li>a i {
    margin: 0 3px 0 0;
    font-size: 16px;
    color: var(--button-bg-color)
}

#iljxXom>li>a:hover {
    opacity: 0.8
}

#iljxXnm ul>li>ul {
    position: absolute;
    float: left;
    left: 0;
    top: 60px;
    width: 180px;
    background: var(--submenu-bg-color);
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    padding: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15),0 2px 10px 0 rgba(0,0,0,0.17)
}

#iljxXnm ul>li>ul>li>ul {
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    margin: 0
}

#iljxXnm ul>li>ul>li {
    display: block;
    float: none;
    position: relative
}

#iljxXnm ul>li>ul>li a {
    position: relative;
    display: block;
    height: 36px;
    font-size: 13px;
    color: var(--sub-menu-text-color);
    line-height: 36px;
    font-weight: 600;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 0;
    border-bottom: 1px solid rgba(155,155,155,0.07)
}

#iljxXnm ul>li>ul>li:last-child a {
    border: 0
}

#iljxXnm ul>li>ul>li:hover>a {
    opacity: 0.8
}

#iljxXnm ul>li.sub-tab>a:after,#iljxXnm ul>li.sub-has>a:after {
    content: '\e5cf';
    font-family: 'Material Icons Round';
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 5px;
    transition: 0.31s;
    vertical-align: middle;
}

#iljxXnm ul>li.sub-tab>a:hover:after,#iljxXnm ul>li.sub-has>a:hover:after {
    transform: rotate(180deg);
    transition: 0.31s;
}

#iljxXnm ul>li>ul>li.sub-tab>a:after {
    content: '\e5cc';
    float: right;
    margin: 0
}

#iljxXnm ul>li:hover>ul,#iljxXnm ul>li>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0);
    transform: translate(0)
}

#iljxXnm ul ul {
    transition: all .35s ease
}

.loading-icon {
    width: 100%;
    height: 100%;
    display: flex ;
    justify-content: center;
    align-items: center;
}

.search-section .loading-icon {
    margin: 15px 0;
}

.raw-box .loading-icon {
    height: 185px
}

.loading-icon:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--main-text-color);
    border-right: 2px solid #c1c1c1;
    display: inline-block;
    animation: runload 0.6s infinite
}

@-webkit-keyframes runload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes runload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.loading-frame {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.run-time {
    animation-name: fadeIn
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,5px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

.load-time {
    animation-name: fadeInUp
}

.overlay, #overlay-id {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(10 18 43 / 0.61);
    backdrop-filter: blur(2px);
    z-index: 1000;
    margin: 0;
    transition: all .25s ease;
}

.hamburger:before {
    content: "\e5c4";
    font-family: 'Material Icons Round';
    font-size: 24px;
    font-weight: 400
}

.hamburgercall {
    display: flex;
    align-items: center;
    color: var(--main-menu-text-color);
    width: 40px;
    height: 40px;
    font-size: 17px;
}

.hamburgercall:before {
    content: "\e0b0";
    font-family: 'Material Icons Round';
    font-size: 24px;
    font-weight: 400
}

.hamburgervideo {
    display: flex;
    align-items: center;
    color: var(--main-menu-text-color);
    width: 40px;
    height: 40px;
    font-size: 17px;
}

.hamburgervideo:before {
    content: "\e04b";
    font-family: 'Material Icons Round';
    font-size: 24px;
    font-weight: 400
}

.hamburgersetting {
    display: flex;
    align-items: center;
    color: var(--main-menu-text-color);
    width: 40px;
    height: 40px;
    font-size: 17px;
}

.hamburgersetting:before {
    content: "\e5d4";
    font-family: 'Material Icons Round';
    font-size: 24px;
    font-weight: 400
}

#inner-menu {
    display: none;
    position: fixed;
    width: 80%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--iljxXmm-bg);
    overflow: auto;
    z-index: 1010;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    box-shadow: 3px 0 7px rgba(0,0,0,0.1);
    -webkit-transition: all .5s cubic-bezier(.79,.14,.15,.86);
    -moz-transition: all .5s cubic-bezier(.79,.14,.15,.86);
    -o-transition: all .5s cubic-bezier(.79,.14,.15,.86);
    transition: all .5s cubic-bezier(.79,.14,.15,.86)
}

.spring-open #inner-menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: .99;
    -webkit-transition: all .5s cubic-bezier(.79,.14,.15,.86);
    -moz-transition: all .5s cubic-bezier(.79,.14,.15,.86);
    -o-transition: all .5s cubic-bezier(.79,.14,.15,.86);
    transition: all .5s cubic-bezier(.79,.14,.15,.86)
}

.inner-container {
    display: flex;
    padding: 10px 0;
    margin: 0;
    box-shadow: 3px 2px 4px 1px rgb(135 135 135 / 0.20);
    opacity: 0;
    transition: all ease-in-out .3s;
    justify-content: space-between;
    align-items: center;
}

#inner-menu {
    transition: all .6s ease-in-out
}

.hide-iljxXmm:hover {
    opacity: 0.8;
}

.hide-iljxXmm {
    display: block;
    color: var(--main-menu-text-color);
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    z-index: 20;
    background: rgb(137 137 137 / 0.10);
    border-radius: 4px;
    padding: 0 12px;
    margin: 0 10px 0 0;
    transition: transform ease-out .2s;
}

.hide-iljxXmm:before {
    content: "\e5cd";
    font-family: 'Material Icons Round';
    font-weight: 400
}

.spring-open .inner-container,.spring-open .mobile-container {
    opacity: 1
}

.mobile-container {
    display: flex;
    flex-direction: column;
    opacity: 0;
    justify-content: space-between;
    float: left;
    width: 100%;
    height: calc(100% - 11%);
    transition: all ease-in-out .3s
}

.social-mobile ul {
    margin: 0 0 0 15px;
    float: left;
}

.post-inner-data.flex {
    display: flex;
    align-content: center;
}

.post-inner-user {
    position: relative;
    float: left;
}

span.author-image {
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
}

span.author-image img {
    border-radius: 50%;
}

.iljxXmm {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px 0 0;
}

ul#iljxXom {
    display: flex;
    height: 56px;
    margin: 0 0 0 15px;
}

.iljxXmm>ul {
    margin: 0
}

#iljxXnm .fa {
    padding: 0 5px
}

.iljxXmm .fa {
    margin: 5px;
    padding: auto
}

.iljxXmm .m-sub {
    display: none;
    padding: 0
}

.iljxXmm ul li {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.iljxXmm>ul li ul {
    overflow: hidden
}

.iljxXmm>ul>li {
    border-bottom: 1px solid rgb(181 181 181 / 0.20)
}

.iljxXmm>ul>li.sub-tab>a:after,.iljxXmm>ul>li>ul>li.sub-tab>a:after {
    font-family: 'Material Icons Round';
    font-weight: 400;
    content: "\e5cf";
    position: absolute;
    right: 0;
    font-size: 24px;
    vertical-align: middle;
}

.rtl .iljxXmm>ul>li.sub-tab>a:after,.rtl .iljxXmm>ul>li>ul>li.sub-tab>a:after {
    left: 0;
    right: unset;
}

.iljxXmm ul li.sub-tab.show>a:after {
    content: '\e5ce'
}

.iljxXmm ul li a:hover,.iljxXmm ul li.sub-tab.show>a,.iljxXmm ul li.sub-tab.show>.submenu-toggle {
    color: fff
}

.iljxXmm>ul>li>ul>li a {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--mobile-text-color);
    padding: 5px 0 5px 15px;
}

.iljxXmm>ul>li>ul>li a:before {
    content: "\e061";
    font-family: 'Material Icons Round';
    font-style: normal;
    font-weight: 400;
    color: rgb(88 88 88 / 0.42);
    font-size: 6px;
    padding-right: 5px;
    position: absolute;
    left: 4px;
    vertical-align: middle;
}

.iljxXmm>ul>li>ul>li>ul>li>a {
    padding: 5px 0 5px 30px
}

.iljxXmm ul>li>.submenu-toggle:hover {
    opacity: 0.8;
}

.fixed-nos {
    position: fixed;
    top: -80px;
    left: 0;
    width: 100%;
    z-index: 990;
    box-shadow: none;
    transition: top .17s ease
}

.spring-open .fixed-nos {
    top: 0
}

.spring-open {
    overflow: hidden;
    left: 0;
    right: 0
}

.search-wrap {
    position: relative;
    display: flex;
    height: 56px;
    align-items: center;
    margin: 0;
}

#llilxXosf {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 25px;
    left: 50%;
    max-width: 480px;
    width: 95%;
    background: var(--block-bg);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(-50%,50%,0);
    z-index: 1010;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 2px rgb(129 129 129 / 0.05);
    transition: all .17s ease;
}

.active-search #llilxXosf {
    backface-visibility: inherit;
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%,0,0);
}

.active-search #overlay-id {
    cursor: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='17' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='100' x2='100' y2='0' stroke-width='14' stroke='white'%3e%3c/line%3e%3cline x1='0' y1='0' x2='100' y2='100' stroke-width='14' stroke='white'%3e%3c/line%3e%3c/svg%3e"),auto;
    visibility: visible;
    opacity: 1;
}

.llilxXosf-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgb(120 120 120 / 0.11);
    overflow: hidden;
    margin: 0;
}

.llilxXosf-container .search-form {
    position: relative;
    flex: 1;
    padding: 0;
    border: 0;
    border-radius: 4px 0 0 4px;
}

.llilxXosf-container .search-input {
    position: relative;
    width: 100%;
    height: 60px;
    background: transparent;
    color: var(--search-bt-text);
    font-size: 15px;
    font-weight: 400;
    padding: 0 0 0 15px;
    border: 0;
}

.llilxXosf-container .search-input:focus,.llilxXosf-container .search-input::placeholder {
    color: var(--search-bt-text);
    outline: none
}

.llilxXosf-container .search-input::placeholder {
    opacity: .70
}

.llilxXosf-close {
    width: 50px;
    height: 50px;
    border-radius: 0 4px 4px 0;
    background: transparent;
    color: var(--search-bt-text);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform ease-out .2s;
    z-index: 20;
    padding: 0;
    margin: 0;
}

.llilxXosf-close:hover {
    opacity: 0.8;
}

.iljxXsh {
    color: var(--main-menu-text-color);
    width: 40px;
    height: 40px;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    z-index: 20;
    padding: 0;
    margin: 0;
    transition: margin .25s ease;
}

.iljxXsh:before,.search-hidden:after {
    content: "\e8b6";
    font-family: 'Material Icons Round';
    font-weight: 400
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.search-input input {
    border-radius: 5px;
    padding: 5px 10px;
    width: 98%;
    border: 2px solid #eee
}

#cookies-iki {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 300px;
    background-color: var(--block-bg);
    z-index: 222;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0px rgb(0 0 0 / 0.11);
    transition: all .30s ease
}

#cookies-iki .cookies .widget .widget-content a {
    color: var(--navigation-runs-text);
    text-decoration: underline;
}

#cookies-iki .cookies .widget .widget-content a:after {
    content: '\e89e';
    font-family: 'Material Icons Round';
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 0 3px;
    vertical-align: middle;
}

#cookies-iki.cookies-show {
    visibility: visible;
    opacity: 1;
}

#cookies-iki .cookies .widget .widget-title {
    display: none;
}

.cookies-bt {
    display: inline-block;
    height: 35px;
    background-color: var(--button-bg-color);
    font-size: 14px;
    color: var(--button-text-color);
    font-weight: 600;
    line-height: 35px;
    padding: 0 20px;
    border: 0;
    border-radius: 4px;
}

#cookies-iki .cookies .widget .widget-content {
    display: block;
    font-size: 14px;
    color: var(--navigation-runs-text);
    margin: 0 0 15px;
}

.cookies-bt:hover {
    opacity: 0.8
}

#hidden-widget-container,.hide,.hidden-widgets {
    display: none;
    visibility: hidden
}

.llioimy {
    position: relative;
    display: block;
    max-width: 480px;
    margin: 10px 0 0;
}

.llioish {
    position: relative;
    display: block;
    padding: 2px 5px;
    margin: 5px 10px;
    border-radius: 6px;
    border: 1px solid rgb(120 120 120 / 0.11);
    box-shadow: 0px 0px 4px 2px rgb(129 129 129 / 5%);
    box-sizing: border-box;
    overflow: hidden;
}

.search-thumb {
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 90px;
    margin: 0 10px 0 0;
    border-radius: 6px;
    overflow: hidden;
}

.link-snip {
    display: block;
    text-align: center;
    margin: 15px;
}

.link-snip a {
    display: block;
    background: var(--button-bg-color);
    color: var(--button-text-color);
    border-radius: 6px;
    font-size: 15px;
    padding: 8px 0;
}

.post-snip {
    color: var(--post-snip-data);
    font-size: 12px;
    font-weight: 400;
    padding: 0
}

span.post-author {
    font-weight: 500;
    margin: 0 0 0 4px;
}

span.post-author:not(.entery-category-fly span.post-author,#footer-room1 .video-wrapper .entery-category span.post-author) {
    color: var(--lables-buttons-color);
}

.llilxiXft .post-snip,.modal-grid.item0 .post-snip,.raw-box .type-video .entery-category .post-snip,.raw-box .type-video1 .entery-category .post-snip,.block-section .post-snip,.sidebar .PopularPosts .gaint .post-snip {
    --post-snip-data: var(--snip-text-color);
    --label-text-color: var(--snip-text-color);
}

.entery-category-box {
    overflow: hidden;
}

.entery-category-box .entry-title {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 1.2em;
    margin: 5px 0;
}

.entery-category-box .entry-title a,.post-filter .entry-title a {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.block-box .entery-category-box, .sidebar .popular-post .entery-category-box {
    padding: 7px 0 0;
}

span.post-tag {
    width: fit-content;
    display: flex;
    align-items: center;
    height: 18px;
    background-color: var(--lables-buttons-color);
    font-size: 10px;
    color: var(--lables-text-color);
    font-weight: 500;
    text-transform: uppercase;
    line-height: 0;
    padding: 1px 8px 0;
    border-radius: 2px;
    z-index: 2;
}

img.post-author-image {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    vertical-align: middle;
}

.rtl img.post-author-image {
    margin: 0 0 0 5px;
}

span.post-author:after {
    position: relative;
    display: inline-block;
    content: "in";
    margin: 0 3px;
    color: var(--post-snip-data)
}

.post-inner-username {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 10px;
}

.all-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 12px;
    border-bottom: 1px solid rgb(100 100 100 / 0.12)
}

.post-inner-comments.flex {
    position: relative;
    overflow: hidden;
    margin: 0 5px 0;
    display: flex;
    align-items: center;
    align-content: center;
}

.post-times {
    position: relative;
    overflow: hidden;
    margin: 4px 0 0;
}

span.post-author-times {
    position: relative;
    display: block;
    font-size: 12px;
    color: var(--theme-text-color);
}

span.post-author-times i {
    margin: 0 4px 0 0;
}

.rtl span.post-author-times i {
    margin: 0 0 0 4px;
}

.post-times span.post-date {
    position: relative;
    font-size: 12px;
    color: var(--post-snip-data);
}

span.post-author-times span {
    font-size: 15px;
    margin: 0 3px 0 0;
}

span#readTime {
    position: relative;
    font-size: 12px;
    color: var(--post-snip-data);
}

span#readTime:before {
    content: "\e8b5";
    font-family: 'Material Icons Round';
    font-weight: 400;
    font-size: 13px;
    vertical-align: middle;
    margin: 0 3px 0 5px;
}

.post-times span.post-date:before {
    content: "\ebcc";
    font-family: 'Material Icons Round';
    font-weight: 400;
    font-size: 13px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.rtl .post-times span.post-date:before {
    margin: 0 0 0 5px;
}

.post-snip .post-date:before {
    font-family: 'Material Icons Round';
    font-weight: 400;
    margin: 0 3px 0 0
}

.item .post-snip .post-author:before {
    content: 'By -';
    margin: 0 3px 0 0;
    font-weight: normal;
}

.post-snip a {
    color: #333;
    transition: color .40s
}

.post-snip .author-image {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 25px;
    vertical-align: middle;
    height: 25px;
    background-color: var(--runs-author-color);
    padding: 1px;
    margin: 0 3px 0 0;
    border: 1px solid rgba(0 0 0 / 0.25);
    border-radius: 100%;
    box-shadow: 0px 0px 4px 3px rgba(0 0 0 / 0.06);
}

.piki-ads {
    display: block;
    overflow: hidden;
    background-color: var(--ads-bg);
    text-align: center;
    line-height: 85px;
    font-size: 13px;
    font-style: italic;
    color: var(--ads-text);
    border-radius: 6px;
}

.piki-ads-res {
    display: block;
    background-color: var(--ads-bg);
    text-align: center;
    line-height: 205px;
    font-size: 13px;
    font-style: italic;
    color: var(--ads-text);
    border-radius: 6px;
}

.post-filter .entry-title,.raw-box .entry-title,.flex-blocks .entry-title,.related-wrap-ui .entry-title,.Super-related .entry-title {
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.3em;
    padding: 5px 0;
    margin: 0
}

.raw-box .modal-grid .entery-category-box .entry-title,.raw-box .entery-category .entry-title {
    font-size: 17px;
}

.raw-box .entery-category .entry-title {
    margin: 10px 0;
    line-height: 19px;
}

.raw-box .entery-category-box .entry-title {
    font-size: 18px;
    line-height: 19px;
}

.Super-related .entry-title,.flex-blocks .entry-title,.related-wrap-ui .entry-title {
    font-size: 17px;
}

.entry-title a {
    display: block;
    color: var(--featured-posts-title)
}

.entry-title a:hover {
    opacity: 0.8
}

.StickyBox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0,72%,0);
    transition: all .2s ease;
    z-index: 15151515;
}

.show-share .StickyBox {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
}

.StickyTab {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 20px;
    margin: 0 0 10px;
    color: var(--title-share);
    border-bottom: 1px solid rgb(92 92 92 / 0.17);
}

.StickyType {
    position: relative;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 700;
}

.copy-section {
    width: 100%;
}

.copy-section .title {
    font-size: 14px;
    font-weight: 700;
    padding: 0 20px;
}

.copy-post {
    display: flex;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    position: relative;
    justify-content: center;
    margin: 10px 20px 0;
}

.copy-post:before {
    content: '\e157';
    font-weight: 400;
    font-family: 'Material Icons Round';
    position: absolute;
    left: 12px;
    font-size: 19px;
    color: var(--theme-text-color)
}

.rtl .copy-post:before {
    left: initial;
    right: 12px;
}

.copy-post.copied:before {
    content: '\e877';
    color: #16c900;
}

.copy-post input#showlink {
    color: #6b6b6b;
    background: transparent;
    width: 100%;
    height: 35px;
    padding: 0 0 0 38px;
    border: 1px solid rgb(133 133 133 / 0.20);
    border-radius: 5px 0 0 5px;
}

.rtl .copy-post input#showlink {
    padding: 0 38px 0 0;
    border-radius: 0 5px 5px 0;
}

.copy-post button {
    background: var(--button-bg-color);
    color: var(--button-text-color);
    height: 35px;
    width: 80px;
    border: none;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
}

.rtl .copy-post button {
    border-radius: 5px 0 0 5px;
}

.StickyTab label {
    position: relative;
    display: block;
    font-size: 20px;
    cursor: pointer;
    color: var(--title-share)
}

.StickyTab label:hover {
    transform: rotate(90deg);
    transition: 0.31s;
}

.StickyDemo {
    width: 100%;
    max-width: 500px;
    max-height: 90%;
    display: flex;
    margin: 0 auto;
    padding: 20px 20px 35px;
    background-color: var(--bg-cards);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 8px -8px rgb(0 0 0 / 0.12);
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.share-wrapper-icons.colorful-ico {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 10px;
    padding: 10px 0 20px;
    border-bottom: 1px solid rgb(133 133 133 / 0.20);
}

.share-wrapper-icons.colorful-ico li {
    list-style: none;
    width: 25%;
    text-align: center;
}

.share-wrapper-icons.colorful-ico li a {
    display: block;
    width: 80px;
    height: 40px;
    line-height: 25px;
    font-size: 11px;
    margin: 6px auto;
    padding: 15px 0;
    border-radius: 2px;
    background: var(--box-posts-share);
    border: 1px solid rgb(116 116 116 / 0.09);
    text-align: center;
    cursor: pointer;
}

.share-wrapper-icons.colorful-ico li a:hover {
    opacity: 0.8
}

.messageDone span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -70px;
    font-size: 12px;
    display: block;
    width: 190px;
    margin: 0 auto 20px;
    padding: 8px;
    border-radius: 3px;
    background-color: rgb(0 0 0 / 0.63);
    color: #fefefe;
    line-height: 20px;
    text-align: center;
    opacity: 0;
    -webkit-animation: slidein 2s ease forwards;
    animation: slidein 2s ease forwards;
}

div#messageDone {
    display: block;
    padding: 20px 0 0;
}

.share-wrapper-icons.colorful-ico a:before {
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.show-share .overlay {
    filter: blur(2.5px);
    background-color: rgba(27,27,37,0.5);
    z-index: 151515;
    backdrop-filter: saturate(100%) blur(2.5px);
    visibility: visible;
    opacity: 1;
}

.llilxiXft .entry-title,.raw-box .modal-grid.item0 .entry-title,.raw-box .type-video .widget-title h3,.raw-box .type-video1 .widget-title h3,.type-video a.simple-viewmore,.type-video1 a.simple-viewmore,.raw-box .type-video .entery-category .entry-title a,.raw-box .type-video1 .entery-category .entry-title a,.sidebar .PopularPosts .gaint h2.entry-title,.block-section.item0 .entery-category .entry-title a,.post-filter .entry-title {
    color: var(--featured-posts-title-featured)
}

.block-section.fl.item0 {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5sN0lFvAUZyXhXrCJ_yEsjeiNPs3rqeKtpmF3gOwkjf28K9cx-CVya3atiNH6tIbmT6AoZbCi0oTBmIOxSD7MdNv2f72BD8Y4gtmEf_VNAL8wTA1aBaWGw5PwSPiPIZedL8KwL_ddjLQKbPndp4zQY5c4H76duH6kVTGAELKEQK0puE61A0G6G6mOeg/s16000/dots.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.post-filter .entry-title,.block-section.item0 .entry-title {
    font-size: 23px;
}

.block-section.fl.item0 .entery-category {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    padding: 0 35px;
    margin: 30px;
    border-radius: 4px;
    background: var(--button-bg-color);
    box-sizing: border-box;
}

.block-section.fl.item0 span.post-author {
    color: #e1c700;
}

.block-section.fl.item0 span.post-tag {
    background: #e1c700;
    color: #333
}

.piki-main-hero {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}

#room-box .modal-box .modal-grid {
    width: calc((100% - 15px) / 2);
}

.modal-box {
    display: flex;
    justify-content: space-around;
}

.modal-grid.item0 .modal-image .post-filter-inner {
    height: 450px;
}

.modal-grid .modal-image .post-filter-inner {
    position: relative;
    width: 100%;
    height: 250px;
    display: block;
    overflow: hidden;
    border-radius: 4px
}

.section-main-hero {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 13px;
}

.section-main-hero .video-module.item0 .post-filter-inner {
    height: 260px;
}

div#footer-room1 {
    position: relative;
    background: var(--button-bg-color);
    overflow: hidden;
}

a.simple-viewmore:hover {
    opacity: 0.8
}

.raw-main-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}

.block-section.fl.item0 {
    grid-column: 1/2;
}

.block-box.fl {
    display: grid;
    grid-column: 2/3;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
    justify-items: start;
    align-items: center;
}

.block-step.item1 {
    grid-column: 1/3;
    grid-row: 1/2;
}

.block-step.item2 {
    grid-column: 1/3;
    grid-row: 2/3;
}

.block-step.item3 {
    grid-column: 1/3;
    grid-row: 3/4;
}

.block-wrapper {
    display: grid;
    grid-gap: 15px;
    margin: 0;
    width: 100%;
    grid-template-columns: repeat(3,1fr);
}

.block-module.item0 {
    grid-column: 1/2;
    grid-row: 1/2;
}

.block-module.item1 {
    grid-column: 1/2;
    grid-row: 2/3;
}

.block-module.item2 {
    grid-column: 2/3;
    grid-row: 1/3;
}

.block-module.item3 {
    grid-column: 3/4;
    grid-row: 1/2;
}

.block-module.item4 {
    grid-column: 3/4;
    grid-row: 2/3;
}

.block-module .module-image .post-filter-inner {
    position: relative;
    float: left;
    width: 115px;
    height: 115px;
    display: block;
    overflow: hidden;
    border-radius: 50%
}

.block-module .modal-image {
    position: relative;
    display: block;
    overflow: hidden;
}

.block-module.item2 .module-image .post-filter-inner {
    float: unset;
    width: 100%;
    height: 185px;
    border-radius: 4px;
}

.modal-grid {
    position: relative;
    margin: 0 0 10px;
}

.modal-grid .modal-image {
    position: relative;
    display: block;
    overflow: hidden;
}

div#mega-wrap1 {
    position: relative;
    background: var(--footer-bg-color);
    overflow: hidden;
}

.piki-hero .modal-image .post-filter-link {
    position: relative;
    width: 100%;
    height: 130px;
    display: block;
    overflow: hidden
}

.block-step {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.block-step .block-thumb {
    position: relative;
    float: left;
    width: 125px;
    height: 83px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0;
    margin: 0 12px 0 0;
    border-radius: 4px;
}

span.post-tag-fly {
    position: absolute;
    left: 5px;
    bottom: 5px;
    background-color: var(--lables-buttons-color);
    font-size: 10px;
    color: var(--lables-text-color);
    font-weight: 500;
    text-transform: uppercase;
    padding: 1px 8px 0;
    border-radius: 4px;
    z-index: 2;
}

.raw-box .type-megagrid {
    overflow: hidden;
}

.raw-box .open-iki,.featured-post-pro .open-iki {
    display: block!important
}

.llilxiXft.item2 .background-layer:before {
    background-image: linear-gradient(to bottom,rgb(43 84 236 / 11%),rgb(43 75 249 / 84%));
    height: 100%;
}

.entery-category-fly {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 10px
}

.featured-grid-all .item0 .entery-category-fly {
    left: 35px;
    width: 85%;
}

.llilxXrl-featured {
    position: relative;
    margin: 0 0 30px;
    clear: both
}

.BiggerRelated {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px 0 0;
}

.related-runs {
    position: relative;
    margin: 0 0 25px;
    clear: both;
    display: block;
    padding: 15px;
}

.Super-related .entry-title a {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 17px;
}

.related-runs .llilxXrl {
    width: 31%;
    position: relative;
    margin: 0
}

.entery-category {
    position: relative;
    overflow: hidden;
    padding: 10px;
}

.llilxXrl-featured {
    position: relative;
    margin: 0 0 30px;
    clear: both
}

.llilxXrl {
    width: calc((100% - 10px) / 3);
    position: relative;
    margin: 0
}

.llilxXrl .llilxXrl-thumb .post-filter-link {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.llilxXrl .llilxXrl-thumb {
    width: 100%;
    height: 130px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

.blog-posts .widget-title,.title-wrap,.related-runs .widget-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a.simple-viewmore {
    color: var(--theme-text-color);
    font-size: 13px;
    font-weight: 600;
}

.flex-blocks .widget {
    display: none;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px;
}

.flex-blocks .widget.PopularPosts,.flex-blocks .open-iki {
    display: block!important
}

.flex-blocks .widget .widget-content {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 365px;
}

.llilxiXft.item0 .entry-title,.raw-box .modal-grid.item0 .entry-title {
    font-size: 25px
}

.featured-grid-all {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 auto 10px;
    justify-content: space-between;
    align-items: center;
}

.featured-grid-all .llilxiXft.item0 {
    width: calc(50% - 1em);
}

.flex-blocks .widget .llilxiXft.item0 .post-filter-inner,.flex-blocks .widget .llilxiXft.item3 .post-filter-inner {
    height: 521px;
}

.llilxiXft {
    position: relative;
    background: var(--bg-cards);
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 0.07);
}

.llilxXft {
    display: grid;
    grid-gap: 15px;
    margin: 0;
    width: 50%;
    grid-template-columns: repeat(2,1fr);
}

.llilxiXft.item1 {
    grid-row: 1/2;
    grid-column: 1/2;
}

.llilxiXft.item2 {
    grid-row: 2/3;
    grid-column: 1/2;
}

.llilxiXft.item3 {
    grid-row: 1/3;
    grid-column: 2/3;
}

.video-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}

.video-module {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 15px 0;
}

.video-module .post-filter-inner {
    position: relative;
    float: left;
    width: 180px;
    height: 145px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

.video-module.item0 .post-filter-inner {
    width: 100%;
    height: 326px;
}

.video-module .post-filter-inner .post-filter-link {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
}

.raw-box .video-module.item0 .entry-title {
    font-size: 25px;
    line-height: 25px;
    height: 49px;
}

#footer-room1 .video-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#footer-room1 .video-box .video-module {
    width: calc((100% - 20px) / 2);
}

#footer-room1 .video-box .video-module .post-filter-inner {
    float: unset;
    width: 100%;
}

#footer-room1 .video-module.item0 .post-filter-inner {
    height: 427px;
}

.post-tag-color {
    display: block;
    color: var(--lables-buttons-color);
    font-size: 13px;
    font-weight: 600;
}

div#room-box0 {
    margin: 15px 0 0;
}

.flex-blocks .widget .post-filter-link {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
}

.flex-blocks .widget .post-filter-inner {
    width: 100%;
    height: 253px;
    display: block;
    overflow: hidden;
}

.raw-box .widget {
    float: left;
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    margin: 15px 0;
    box-sizing: border-box;
}

.raw-box .widget-title {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.raw-box .modal-grid .modal-image .post-filter-link,.raw-box .block-module .module-image .post-filter-link {
    height: 100%;
    width: 100%;
    display: block
}

.blog-posts .widget-title,.raw-box .widget-title,.title-wrap,.sidebar .widget-title,.related-runs .widget-title {
    position: relative;
    float: none;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    margin: 0 0 14px;
}

.blog-posts .widget-title h3,.raw-box .widget-title h3,.sidebar .widget-title h3,.title-wrap h3,.related-runs .widget-title h3 {
    position: relative;
    float: left;
    font-family: var(--title-font);
    height: 32px;
    font-size: 17px;
    color: var(--theme-text-color);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 32px;
    padding: 0 12px 0 0;
    margin: 0;
}

.blog-posts .widget-title h3:before,.raw-box .widget-title h3:before,.sidebar .widget-title h3:before,.title-wrap h3:before,.related-runs .widget-title h3:before {
    content: "";
    height: 4px;
    width: 60px;
    background-color: var(--button-bg-color);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10px;
}

.blog-posts .widget-title h3:after,.raw-box .widget-title h3:after,.sidebar .widget-title h3:after,.title-wrap h3:after,.related-runs .widget-title h3:after {
    content: "";
    height: 5px;
    width: 5px;
    background-color: var(--button-bg-color);
    position: absolute;
    bottom: -1px;
    left: 65px;
    border-radius: 50px;
}

.rtl .blog-posts .widget-title h3,.rtl .raw-box .widget-title h3,.rtl .sidebar .widget-title h3,.rtl .related-runs .widget-title h3 {
    float: right;
    padding: 0 0 0 12px;
}

.rtl .blog-posts .widget-title h3:before,.rtl .raw-box .widget-title h3:before,.rtl .sidebar .widget-title h3:before,.rtl .title-wrap h3:before,.rtl .related-runs .widget-title h3:before {
    left: initial;
    right: 0;
}

.rtl .blog-posts .widget-title h3:after,.rtl .raw-box .widget-title h3:after,.rtl .sidebar .widget-title h3:after,.rtl .title-wrap h3:after,.rtl .related-runs .widget-title h3:after {
    left: initial;
    right: 65px;
}

#room-box2 .type-video1 .widget-title h3:before,#room-box2 .type-video1 .widget-title h3:after {
    --button-bg-color: #e0f400
}

.sidebar .PopularPosts .gaint h2.entry-title {
    font-size: 20px;
}

.error-status {
    display: block;
    text-align: center;
    font-size: 13px;
    color: var(--theme-text-color);
    padding: 35px 0;
    font-weight: 600
}

.error-status b {
    font-weight: 600
}

.type-video .error-status,.type-video1 .error-status {
    --theme-text-color: #fff
}

.wait {
    font-size: 14px;
    text-align: center;
    height: 300px;
    line-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

.related-runs .llilxXrl {
    width: 31%;
    position: relative;
    margin: 0;
}

.BiggerSidebarOk {
    position: relative;
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}

.BiggerSidebarOk .sidebarui-posts {
    position: relative;
    display: flex;
    flex-direction: column;
}

.BiggerSidebarOk .sidebarui-posts .glax-img {
    position: relative;
    width: 100%;
    height: 85px;
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
}

.BiggerSidebarOk .sidebarui-posts .entry-title {
    font-size: 15px;
    display: block;
    font-weight: 500;
    line-height: 1.3em;
}

.featured-meta {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 10px;
}

.queryMessage {
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 0 0 0 10px;
    border-radius: 4px;
    margin: 0 0 5px;
    color: var(--theme-text-color);
    overflow: hidden;
}

.queryMessage .query-info {
    margin: 0 5px
}

.queryMessage .search-query {
    font-weight: bold;
    text-transform: uppercase
}

.queryMessage .query-info:before {
    content: '\e5cc';
    font-family: 'Material Icons Round';
    float: left;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}

.queryEmpty {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
    margin: 0 0 20px
}

.dark table,.dark td {
    border-color: rgba(255,255,255,0.1)
}

.share-top {
    position: relative;
    display: block;
    margin: 0 10px;
    font-size: 15px;
    color: var(--featured-posts-title);
    background: rgb(128 128 128 / 0.07);
    width: 35px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    border: 1px solid rgb(129 129 129 / 0.19);
    border-radius: 3px;
}

.post-inner-comments .share-top span {
    font-size: 18px;
}

.post-inner-area .post-snip:not(.post-inner-area .post-card .post-snip) {
    color: var(--theme-text-color);
    padding: 10px 5px 10px;
    font-size: 13px;
    border-bottom: 1px solid #ccc
}

.comment-bubble {
    margin-top: 4px;
    color: var(--cm-count)
}

.comment-bubble:after {
    content: "\e0b9";
    font-family: 'Material Icons Round';
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
    margin-left: 5px
}

.rtl .comment-bubble:after {
    margin: 0 0 0 5px
}

.post-inner-area {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 15px 10px 20px;
    box-sizing: border-box;
    margin: 0 0 10px;
}

.post-filter-wrap {
    position: relative;
    float: left;
    display: block;
    padding: 10px 0;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
}

.blog-post {
    display: block;
    word-wrap: break-word
}

.post-filter-wrap .grid-posts {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin: 0;
}

.post-filter .post-filter-inner.video-nos:after,.post-filter-link.video-nos:after {
    content: "\e037";
    font-family: 'Material Icons Round';
    font-size: 24px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 6px;
    font-weight: 400;
    background: var(--ico-relative);
    color: #fff;
    opacity: .7;
    align-items: center;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    position: absolute;
    z-index: 111;
    padding: 0 0 0 2px;
    margin: 0;
    text-align: center;
    transition: background .30s ease
}

.type-video .post-filter-link.video-nos:hover:after,.type-video1 .post-filter-link.video-nos:hover:after {
    background: #fe1111;
}

.feat-posts .post-filter-link.video-nos:after,.PopularPosts .post:not(.post-0) .post-filter-link.video-nos:after,.video-box .video-module:not(.item0) .post-filter-inner .post-filter-link.video-nos:after,.modal-grid .modal-image .post-filter-link.video-nos:after, .block-step .post-filter-link.video-nos:after {
    transform: translate(50%,-50%) scale(.4);
}

.type-video .post-filter-link.video-nos:after,.type-video1 .post-filter-link.video-nos:after {
    opacity: 1;
    border-radius: 100%;
    height: 58px;
    width: 58px;
    line-height: 58px;
}

.post-filter {
    position: relative;
    float: left;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.post-filter .post-filter-inner {
    position: relative;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0;
    margin: 0 14px 0 0;
}

.post-filter .post-filter-link {
    position: relative;
    height: 180px;
    width: 255px;
    display: block;
    overflow: hidden;
}

.post-filter .snip-thumbnail {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.post-filter .piki-hero-flow {
    margin: 5px 0 0;
    overflow: hidden;
}

.label-news-flex {
    color: var(--label-text-color);
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    padding: 5px 0 0;
    margin: 0;
}

#feed-view #main {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 10px 26px
}

.fl-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Footer-Function {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc((100% - 90px) / 3);
    float: left;
    padding: 25px 0;
    margin: 0;
}

.Footer-adv {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 25px 0;
    margin: 0 0 20px;
    border-top: 1px solid rgb(133 133 133 / 0.12);
    background: #4c63fc;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
}

.Footer-adv .widget {
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 0 auto
}

.Footer-adv .Image {
    width: calc(100% - 320px);
    padding: 0 25px 0 0
}

.Footer-adv .Image .widget-content {
    position: relative;
    float: left;
    margin: 0;
    width: 100%
}

.Footer-adv .about-content .widget-title {
    position: relative;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

.Footer-adv .about-content {
    display: flex;
    float: left;
    padding: 0;
    box-sizing: border-box
}

.Footer-adv .Image .no-image .about-content {
    max-width: 100%;
    padding: 0 30px 0 0
}

.Footer-adv .Image .image-caption {
    float: left;
    font-size: 13px;
    margin: 0;
    color: var(--footer-about-text)
}

.Footer-adv .colorful-ico li, .social-mobile .colorful-ico li {
    float: left;
    margin: 0 7px 0 0
}

.Footer-adv .colorful-ico li:last-child, .social-mobile .colorful-ico li:last-child {
    margin: 0
}

.Footer-adv .colorful-ico li a, .social-mobile .colorful-ico li a {
    display: block;
    width: 25px;
    height: 25px;
    font-size: 13px;
    border-radius: 4px;
    text-align: center;
    line-height: 25px;
    margin: 5px 0;
}

.social-mobile .colorful-ico li a {
    border: 1px solid;
}

.Footer-adv .colorful-ico li a {
    background: #fff;
}

.Footer-adv .footer-logo {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.Footer-adv .footer-logo a {
    float: left;
    position: relative;
    margin: 0 0 10px;
}

.Footer-adv .footer-logo img {
    width: auto;
    height: auto;
    max-height: 40px;
}

.Footer-Function.no-items {
    padding: 0;
    border: 0
}

.Footer-Function .widget {
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 0 0 15px
}

.Footer-Function .widget-title > h3 {
    position: relative;
    font-family: var(--title-font);
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: var(--footer-gadgets-title);
    margin: 0 0 10px
}

.bio-data {
    position: relative;
    float: left;
    width: 70%;
    margin: 0 15px;
}

.bio-data h3 {
    display: block;
    color: var(--footer-title-color);
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px;
}

.Footer-adv .Image .image-caption {
    float: left;
    font-size: 13px;
    margin: 0;
    color: var(--footer-about-text);
}

.footer-sector {
    position: relative;
    float: left;
    margin: 0 0 10px;
}

.footer-sector-thumb {
    position: relative;
    display: block;
    float: left;
    width: 100px;
    height: 75px;
    margin: 0 8px 0 0;
    border-radius: 4px;
    overflow: hidden;
}

.footer-nut .entery-category h2 {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.footer-nut .entery-category h2 a {
    --featured-posts-title: var(--footer-title-color);
}

.Footer-Function .popular-post {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0 0 10px;
    margin: 0 0 11px 10px;
    border-bottom: 1px solid rgb(129 129 129 / 0.20);
}

.Footer-Function .popular-post.post:hover:before {
    box-shadow: inset 0 0 0 6px var(--button-bg-color);
    border-color: rgb(34 127 255 / 0.19);
}

.Footer-Function .popular-post.post:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0px;
    left: -16px;
    border: 2px solid rgba(155,155,155,0.05);
    border-radius: 50%;
    transition: all .17s ease;
    box-shadow: inset 0 0 0 6px rgb(155 155 155 / 15%);
}

.Footer-Function .popular-post h2 {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.Footer-Function .popular-post h2 a {
    color: var(--footer-title-color);
}

.Footer-Function .popular-post {
    color: var(--footer-about-text);
}

.Footer-Function .sidebar-posts {
    position: relative;
    float: left;
    width: 100%;
    border-left: 2px solid rgb(143 143 143 / 0.14);
}

.Footer-Function .popular-post.post:last-child {
    border: none;
}

.Footer-Function.list .LinkList ul li,.Footer-Function.list .PageList ul li {
    position: relative;
    display: block;
    margin: 10px 0;
}

.Footer-Function.list .LinkList ul li a,.Footer-Function.list .PageList ul li a {
    font-size: 14px;
    color: var(--footer-title-color);
}

.Footer-Function.list .LinkList ul li a:before,.Footer-Function.list .PageList ul li a:before {
    content: '\ef4a';
    font-family: 'Material Icons Round';
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    margin: 0 8px 0 0;
}

.Footer-Function .loading-icon {
    height: 180px;
}

.Footer-Function .LinkList {
    margin: 15px 0 0;
}

.Footer-Function .LinkList .widget-content {
    float: left
}

.social-mobile {
    float: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.post-snippet {
    position: relative;
    color: var(--post-snip-data);
    font-size: 13px;
    line-height: 1.6em;
    font-weight: 400;
    margin: 10px 0
}

.block-section.fl.item0 .post-snippet {
    color: var(--featured-posts-title-featured)
}

a.read-more {
    display: inline-block;
    background: var(--button-bg-color);
    color: var(--button-text-color);
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 500;
    margin: 15px 0 0;
    transition: color .30s ease
}

a.read-more:hover {
    opacity: 0.8
}

.CSS_LAYOUT_COMPONENT {
    color: rgba(0,0,0,0)!important
}

#breadcrumb {
    font-size: 13px;
    font-weight: 400;
    color: #aaa;
    margin: 0 0 10px
}

#breadcrumb a {
    color: #aaa;
    transition: color .40s
}

#breadcrumb a:hover {
    opacity: 0.8
}

#breadcrumb a,#breadcrumb em {
    display: inline-block
}

#breadcrumb .delimiter:after {
    content: '\e5cc';
    font-family: 'Material Icons Round';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    margin: 0
}

.item-post h1.entry-title {
    color: var(--theme-text-color);
    text-align: left;
    font-size: 25px;
    line-height: 1.5em;
    font-weight: 600;
    position: relative;
    display: block;
    margin: 0 0 15px;
    padding: 0
}

.static_page .item-post h1.entry-title {
    margin: 0;
    border-bottom: 1px solid rgb(100 100 100 / 0.12)
}

.item-post .post-body {
    width: 100%;
    font-family: var(--text-font);
    color: var(--text-font-color);
    font-size: 15px;
    line-height: 1.8em;
    padding: 0;
    margin: 0
}

.item-post .post-body img {
    max-width: 100%
}

.main .widget {
    margin: 0
}

.main .Blog {
    border-bottom-width: 0
}

.raw-box-content {
    position: relative;
    overflow: hidden;
    padding: 0
}

.comment-list {
    display: flex;
    flex-direction: column;
}

.comment-list .llilxXcm {
    position: relative;
    width: 100%;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid rgb(100 100 100 / 0.12);
}

.comment-list .engine-link {
    display: flex;
}

.comment-list .comment-image {
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    z-index: 1;
    margin: 0 12px 0 0;
    border-radius: 50%;
}

.rtl .comment-list .comment-image {
    margin: 0 0 0 12px;
}

.comment-image {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #eee;
    z-index: 5;
    color: transparent!important;
}

.comment-list .comment-hero {
    flex: 1;
}

.comment-list .entry-title {
    font-size: 14px;
    color: var(--main-text-color);
    display: block;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0;
}

.comment-list .comment-snippet {
    font-size: 12px;
    color: var(--comments-dec);
    margin: 5px 0 0;
}

.post-footer {
    position: relative;
    float: left;
    width: 100%;
    margin: 0
}

.label-container {
    overflow: hidden;
    height: auto;
    position: relative;
    margin: 10px 0;
    padding: 0
}

.label-container a,.label-container span {
    float: left;
    height: 19px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    margin: 8px 8px 0 0;
    padding: 2px 10px;
    color: var(--theme-text-color);
    background: rgb(0 0 0 / 0.10);
    border-radius: 8px;
}

.label-container span {
    color: var(--button-text-color);
    background: var(--button-bg-color);
}

.label-container a:hover {
    opacity: 0.8;
}

.rtl .label-container, .rtl .label-head.Label, .rtl .feed-share, .rtl .ilipm {
    float: right;
}

ul.iliash {
    position: relative
}

.iliash li {
    float: left;
    overflow: hidden;
    margin: 5px 5px 0 0
}

.iliash li a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid rgb(110 110 110 / 0.33);
    border-radius: 3px
}

ul.iliash.colorful-ico.social-front-hover a:not(.show-hid a):before {
    font-size: 18px;
    margin: 0 5px 0 0;
}

.rtl ul.iliash.colorful-ico.social-front-hover a:not(.show-hid a):before {
    margin: 0 0 0 5px;
}

ul.share-failed.colorful-ico.social-front-hover a:before {
    margin: 0 5px 0 0;
}

.iliash li.share-icon span {
    position: relative;
    height: 45px;
    line-height: 45px;
    padding: 0 5px;
    font-size: 16px;
    color: var(--theme-text-color);
    cursor: auto;
    margin: 0 5px 0 0
}

.iliash li.share-icon span:after {
    content: 'Share:';
    position: relative;
    height: 6px;
    font-size: 17px;
    font-weight: 600
}

.iliash li a span {
    font-size: 14px;
    padding: 0 15px
}

.iliash li a:hover {
    opacity: .8;
}

.iliash .show-hid a {
    font-size: 18px;
    color: var(--featured-posts-title);
    padding: 0 14px;
    line-height: 42px;
}

.iliash .show-hid a:before {
    content: '\e80d';
    font-family: 'Material Icons Round';
    font-weight: 900
}

.iliash .show-hid a:hover:before {
    transform: rotate(360deg);
    transition: 0.71s;
}

.feed-share {
    position: relative;
    clear: both;
    overflow: hidden;
    line-height: 0;
    margin: 0 0 30px
}

ul.navigation-runs {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    display: block;
    padding: 0 10px;
    border-bottom: 1px solid rgb(100 100 100 / 0.12);
    margin: 0 0 30px
}

.navigation-runs li {
    display: inline-block;
    width: 50%
}

.navigation-runs .post-prev {
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding: 0 0 5px
}

.navigation-runs .post-next {
    float: right;
    text-align: right;
    box-sizing: border-box;
    border-left: 1px solid rgb(100 100 100 / 0.12);
    padding: 0 0 5px
}

.navigation-runs li a {
    color: var(--theme-text-color);
    line-height: 1.4em;
    display: block;
    overflow: hidden;
    transition: color .40s
}

.navigation-runs li:hover a {
    opacity: 0.8
}

.navigation-runs li span {
    display: block;
    font-size: 11px;
    color: #aaa;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 0 2px
}

.navigation-runs .post-prev span:before {
    content: "\e5cb";
    float: left;
    font-family: 'Material Icons Round';
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    margin: 0 2px 0 0
}

.navigation-runs .post-next span:after {
    content: "\e5cc";
    float: right;
    font-family: 'Material Icons Round';
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    margin: 0 0 0 2px
}

.navigation-runs p {
    font-size: 12px;
    font-weight: 600;
    color: var(--navigation-runs-text);
    line-height: 1.4em;
    margin: 0
}

.navigation-runs .post-MenuNews-open p {
    color: #aaa
}

.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6 {
    color: var(--theme-text-color);
    font-weight: 600;
    margin: 0 0 15px
}

.iliaut {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    margin: 10px 0 20px;
}

.iliaut .author-avatar {
    float: left;
    width: 100%;
    height: 100%
}

.iliaut .avatar-container {
    float: left;
    margin: 10px 20px 0 0;
    height: 70px;
    width: 70px;
    overflow: hidden;
    border-radius: 50%;
}

.iliaut .avatar-container .author-avatar.lazy-img {
    opacity: 1
}

.author-name {
    overflow: visible;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin: 1px 0 3px
}

.author-name span {
    color: var(--theme-text-color)
}

.author-name a {
    color: var(--main-text-color);
    transition: opacity .40s
}

.author-name a:after {
    content: "\e86c";
    float: right;
    font-family: 'Material Icons Round';
    font-size: 14px;
    line-height: 21px;
    color: #0093e6;
    font-weight: 400;
    text-transform: none;
    margin: 0 0 0 4px;
}

.author-name a:hover {
    opacity: .8
}

.author-description {
    overflow: hidden
}

.author-description span {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: var(--black-text);
    font-weight: 400;
    line-height: 1.6em
}

.author-description span br {
    display: none
}

.author-description a {
    display: none;
    margin: 0
}

ul.description-links {
    display: none;
    padding: 0 1px
}

ul.description-links.show {
    display: block
}

.description-links li {
    float: left;
    margin: 12px 12px 0 0
}

.description-links li a {
    display: block;
    font-size: 20px;
    color: var(--share-author-links);
    line-height: 1;
    box-sizing: border-box;
    padding: 0
}

.description-links li a:hover {
    opacity: 0.8
}

#blog-pager-ok {
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 0 0;
    margin: 0;
}

#blog-pager-ok .load-more {
    display: block;
    width: 135px;
    height: 32px;
    font-size: 14px;
    color: var(--featured-gadgets-title);
    border-radius: 4px;
    background: var(--button-bg-color);
    font-weight: 600;
    line-height: 33px;
    box-sizing: border-box;
    padding: 0 8px;
    margin: 0 auto;
}

#blog-pager-ok .load-more:hover {
    opacity: 0.8
}

#blog-pager-ok .load-more:after {
    content: '\eac9';
    font-family: 'Material Icons Round';
    font-size: 22px;
    font-weight: 400;
    vertical-align: middle;
    margin: 0;
}

#blog-pager {
    float: left;
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 10px 0 30px
}

.blog-pager a,.blog-pager span {
    float: left;
    display: block;
    min-width: 32px;
    height: 32px;
    background-color: rgba(0 0 0 / 0.16);
    color: var(--theme-text-color);
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    transition: all .17s ease
}

.blog-pager span.page-dots {
    min-width: 20px;
    font-size: 16px;
    color: var(--pager-text-color);
    font-weight: 400;
    line-height: 32px;
    padding: 0
}

.blog-pager .page-of {
    display: block;
    width: auto;
    float: right;
    border-color: rgba(0,0,0,0);
    margin: 0
}

.blog-pager .page-active,.blog-pager a:hover {
    background-color: rgb(157 157 157 / 0.20);
    color: var(--theme-text-color);
    border-color: rgb(157 157 157 / 0.50)
}

.blog-pager .page-prev:before,.blog-pager .page-next:before {
    font-family: 'Material Icons Round';
    font-size: 11px;
    font-weight: 400
}

.blog-pager .page-prev:before {
    content: '\e5cb'
}

.blog-pager .page-next:before {
    content: '\e5cc'
}

.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link {
    float: left;
    display: inline-block;
    width: auto;
    padding: 0 10px;
    margin: 0
}

.blog-pager .blog-pager-older-link {
    float: right
}

@-webkit-keyframes slidein {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1;
        bottom: 0
    }

    50% {
        opacity: 1;
        bottom: 0
    }

    80% {
        opacity: 1;
        bottom: 0
    }

    100% {
        opacity: 0;
        bottom: -70px;
        visibility: hidden
    }
}

@keyframes slidein {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1;
        bottom: 0
    }

    50% {
        opacity: 1;
        bottom: 0
    }

    80% {
        opacity: 1;
        bottom: 0
    }

    100% {
        opacity: 0;
        bottom: -70px;
        visibility: hidden
    }
}

.archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link {
    display: none
}

.ilicm {
    display: none;
    overflow: hidden;
    padding: 15px;
    margin: 0 0 10px;
    box-sizing: border-box;
}

.comments-msg-alert {
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: var(--cm-count);
    font-style: italic;
    margin: 0 0 17px;
}

.ilicm .comments-title {
    margin: 0 0 20px
}

.all-comments {
    float: right;
    position: relative;
    color: var(--cm-count)
}

.comments-system-disqus .comments-title,.comments-system-facebook .comments-title {
    margin: 0
}

#comments {
    margin: 0
}

.comments {
    display: block;
    clear: both;
    margin: 0;
    color: var(--theme-text-color)
}

.comments .comment-thread>ol {
    padding: 0
}

.comments>h3 {
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    padding-top: 1px
}

.comments .comments-content .comment {
    position: relative;
    list-style: none;
    padding: 10px
}

.comment-thread .comment {
    border: 1px solid rgb(126 126 126 / 0.16);
    background: rgba(45 45 45 / 0.02);
    border-radius: 4px;
    margin: 10px 0 0;
    position: relative;
}

.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe {
    width: 100%!important
}

.comments .item-control {
    position: static
}

.comments .avatar-image-container {
    float: left;
    overflow: hidden;
    position: absolute
}

.comments .avatar-image-container {
    height: 35px;
    max-height: 35px;
    width: 35px;
    top: 15px;
    left: 15px;
    max-width: 35px;
    border-radius: 100%
}

.comments .avatar-image-container img {
    width: 100%;
    height: 100%;
}

.comments .comment-block,.comments .comments-content .comment-replies {
    margin: 0 0 0 50px
}

.comments .comments-content .inline-thread {
    padding: 0
}

.comments .comment-actions {
    float: left;
    width: 100%;
    position: relative;
    margin: 0
}

.comments .comments-content .comment-header {
    font-size: 15px;
    display: block;
    overflow: hidden;
    clear: both;
    margin: 0 0 3px;
    padding: 0 0 5px;
}

.comments .comments-content .comment-header a {
    float: left;
    width: 100%;
    color: var(--theme-text-color);
    transition: color .40s
}

.comments .comments-content .comment-header a:hover {
    opacity: 0.8
}

.comments .comments-content .user {
    float: left;
    font-style: normal;
    font-weight: 600
}

.comments .comments-content .icon.blog-author:after {
    content: "\e86c";
    font-family: 'Material Icons Round';
    font-size: 14px;
    color: #0093e6;
    font-weight: 400;
    vertical-align: middle;
    margin: 0 0 0 4px
}

.comments .comments-content .comment-content {
    float: left;
    font-family: var(--text-font);
    font-size: 13px;
    color: var(--comment-text);
    font-weight: 500;
    text-align: left;
    line-height: 1.4em;
    width: 100%;
    padding: 20px 0px 20px 8px;
    background: rgb(110 110 110 / 0.08);
    margin: 5px 0 9px;
    border-radius: 3px;
}

.comment-content .video-frame {
    position: relative;
    width: 100%;
    padding: 0;
    padding-top: 56%
}

.comment-content .video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.comments .comment .comment-actions a {
    margin-right: 5px;
    padding: 2px 5px;
    color: var(--main-text-color);
    font-weight: 600;
    font-size: 13px;
    transition: all .30s ease
}

.comments .comment .comment-actions a:hover {
    opacity: 0.8;
    text-decoration: none
}

.comments .comments-content .datetime {
    position: relative;
    padding: 0 1px;
    margin: 4px 0 0;
    display: block
}

.comments .comments-content .datetime a {
    color: #888;
    font-size: 11px;
    float: left;
}

.comments .comments-content .datetime a:hover {
    color: #aaa
}

.comments .thread-toggle {
    margin-bottom: 4px
}

.comments .thread-toggle .thread-arrow {
    height: 7px;
    margin: 0 3px 2px 0
}

.comments .thread-count a,.comments .continue a {
    transition: opacity .40s
}

.comments .thread-count a:hover,.comments .continue a:hover {
    opacity: .8
}

.comments .thread-expanded {
    padding: 5px 0 0
}

#comment-editor[height="230px"],#comment-editor[height="1142px"] {
    height: 4.25rem
}

#comment-editor {
    min-height: 4.25rem;
    max-height: fit-content
}

.comments .thread-chrome.thread-collapsed {
    display: none
}

.comments .continue.hidden, .comments .comment-replies .continue .comment-reply {
    display: none;
}

.comments #top-continue a {
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: var(--button-bg-color);
    font-size: 14px;
    color: var(--button-text-color);
    font-weight: 400;
    text-align: center;
    padding: 0;
    margin: 25px 0 0;
    border-radius: 4px;
}

.thread-expanded .thread-count a,.loadmore {
    display: none;
}

.comments .comments-content .comment-thread {
    margin: 0
}

.comments .comments-content .loadmore.loaded {
    margin: 0;
    padding: 0
}

#show-comment-form,.comments #top-continue a {
    float: left;
    width: 100%;
    height: 36px;
    border-radius: 4px;
    background-color: var(--button-bg-color);
    font-size: 15px;
    color: var(--button-text-color);
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
    padding: 0 30px;
    margin: 25px 0 0;
}

.btn {
    position: relative;
    border: 0;
}

.comment-section-visible #show-comment-form {
    display: none
}

.comments .comment-replybox-thread,.no-comments .comment-form {
    display: none;
}

.comment-section-visible .comments .comment-replybox-thread,.comment-section-visible .no-comments .comment-form {
    display: block;
}

.comments #top-ce.comment-replybox-thread,.comments.no-comments .comment-form {
    background-color: var(--widget-bg);
    padding: 5px 16px;
    margin: 20px 0 0;
    border-radius: 4px;
}

.comment-thread .comment .comment {
    border: 0;
}

.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded,.ilicm.comments-system-facebook .all-comments,.ilicm.comments-system-disqus .all-comments {
    display: none
}

blockquote {
    position: relative;
    font-style: italic;
    float: left;
    color: var(--black-color);
    margin-left: 0;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    background: rgb(181 181 181 / 0.09);
    border-radius: 5px;
}

blockquote:before {
    content: '\e244';
    color: rgb(133 133 133 / 0.23);
    display: inline-block;
    font-family: 'Material Icons Round';
    font-size: 62px;
    position: absolute;
    font-style: normal;
    font-weight: 400;
}

.post-body ul {
    line-height: 1.5em;
    font-weight: 400;
    padding: 0 0 0 15px;
    margin: 10px 0
}

.post-body li {
    margin: 5px 0;
    padding: 0;
    line-height: 1.5em
}

.post-body ol>li {
    counter-increment: piki;
    list-style: none
}

.post-body ol>li:before {
    display: inline-block;
    content: counters(piki,'.')'.';
    margin: 0 5px 0 0
}

.post-body ol {
    counter-reset: piki;
    padding: 0 0 0 15px;
    margin: 10px 0
}

.post-body ul li {
    list-style: disc;
}

.post-body iframe[allowfullscreen] {
    height: auto;
    aspect-ratio: 16/9
}

.post-body u {
    text-decoration: underline
}

.post-body table {
    width: 100%;
    overflow-x: auto;
    text-align: left;
    margin: 0;
    border-collapse: collapse;
    border: 1px solid rgb(154 154 154 / 0.15);
}

.post-body table thead th {
    font-weight: 700;
    vertical-align: bottom;
}

.post-body table td,.post-body table th {
    padding: 6px 12px;
    border: 1px solid rgb(154 154 154 / 0.15);
}

.post-body a {
    transition: color .30s ease
}

.post-body strike {
    text-decoration: line-through
}

.widget .post-body li {
    margin: 5px 0;
    padding: 0;
    line-height: 1.2
}

.rtl .widget .post-body li {
    text-align: right;
}

.post-card {
    display: grid;
    grid-template-columns: min(200px,50%) 1fr;
    border: 1px solid rgb(120 120 120 / 0.11);
    border-radius: 6px;
    margin: 15px 10px;
    box-shadow: 0px 0px 4px 2px rgb(129 129 129 / 0.05);
}

.post-image {
    position: relative;
    width: 100%;
    height: 135px;
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
}

.post-card .entery-category-box {
    margin: 15px 0 0 10px;
    text-align: left;
}

.card-healine {
    position: relative;
    display: block;
    color: var(--button-bg-color);
    font-size: 15px;
    padding: 0 0 0 25px;
}

.card-healine:before {
    position: absolute;
    left: 0;
    content: '\f10d';
    font-family: 'Material Icons Round';
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 0 3px;
    vertical-align: middle;
    transform: rotate(40deg);
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 15px 15px;
}

.pagination .btn {
    position: relative;
    display: block;
    color: var(--button-text-color);
    background: var(--button-bg-color);
    padding: 8px 12px;
    margin: 0;
    min-width: 70px;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
}

.pagination .btn:before,.pagination .btn:after {
    font-family: 'Material Icons Round';
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    vertical-align: middle;
}

.pagination .prev.btn:before {
    content: "\e5cb";
}

.pagination .next.btn:after {
    content: "\e5cc";
}

.pagination .info {
    padding: 8px 0;
    margin: 0 15px;
}

.contact-form {
    overflow: hidden
}

div#footer-wrapper .contact-form-widget form {
    color: #fff;
}

.contact-form .widget-title {
    display: none
}

.contact-form .contact-form-name {
    width: calc(50% - 5px)
}

.contact-form .contact-form-email {
    width: calc(50% - 5px);
    float: right
}

.sidebar .widget {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 15px;
    margin: 0 0px 25px;
}

.sidebar .widget-content {
    float: left;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 0
}

div#footer-ads {
    margin: 0;
    position: relative;
    overflow: hidden;
}

ul.socialFilter {
    margin: 0 -5px
}

.socialFilter a:before {
    font-style: normal;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    margin-right: -12px;
    width: 40px;
    height: 40px;
    text-align: center;
    float: left;
    border-right: 1px solid rgb(161 161 161 / 0.32);
    font-size: 22px;
    vertical-align: middle
}

.socialFilter li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 5px;
    margin: 10px 0 0
}

.socialFilter li:nth-child(1),.socialFilter li:nth-child(2) {
    margin-top: 0
}

.socialFilter li a {
    display: block;
    height: 40px;
    color: var(--share-author-links);
    box-shadow: var(--shadow-light);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
}

.list-label li {
    position: relative;
    display: block;
    padding: 7px 0;
}

.list-label li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--list-text-color);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all .30s ease
}

.list-label li a:hover {
    opacity: 0.8;
    padding-left: 25px;
    transition: all .30s ease
}

.Text .widget-content {
    font-family: var(--text-font);
    font-size: 14px;
    color: var(--main-text-color);
    margin: 0
}

.list-label .label-count {
    position: relative;
    float: right;
    color: var(--theme-text-color);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    line-height: 16px
}

.rtl .list-label .label-count {
    float: left
}

.Footer-Function .list-label .label-count {
    --theme-text-color: var(--footer-about-text)
}

.Footer-Function .list-label li a {
    --list-text-color: var(--footer-title-color)
}

.cloud-label li {
    position: relative;
    float: left;
    margin: 0 5px 5px 0
}

.cloud-label li a {
    display: block;
    height: 26px;
    overflow: hidden;
    color: var(--cloud-bg-color);
    font-size: 14px;
    border-radius: 4px;
    line-height: 26px;
    font-weight: 400;
    padding: 0 10px;
    border: 1px solid var(--cloud-border-color);
    transition: all .30s ease
}

.cloud-label li a:hover {
    background-color: rgb(96 96 96 / 0.14);
    color: #585858;
    border-color: rgb(52 52 52 / 0.24);
    transition: all .20s ease;
}

.cloud-label .label-count {
    display: none
}

.sibForm {
    background: var(--bg-cards-search);
    border-radius: 4px;
}

.sibForm .widget-content {
    position: relative;
    border: 1px solid rgb(112 112 112 / 0.15);
    z-index: 11;
    text-align: center;
    font-weight: 600;
    box-sizing: border-box;
    padding: 20px 20px 5px;
    border-radius: 4px;
}

.sibForm:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    opacity: 0.20;
    background: var(--button-bg-color);
    border-radius: 100px 0 0;
}

.sibForm .follow-by-email-caption {
    font-size: 13px;
    letter-spacing: 1px;
    color: var(--post-snip-data);
    line-height: 1.5em;
    margin: 0 0 15px;
    display: block;
    padding: 0 10px;
    overflow: hidden
}

.sibForm .follow-by-email:before {
    content: '\e7f4';
    position: absolute;
    font-family: 'Material Icons Round';
    color: var(--email-text-color);
    top: 0;
    left: 50%;
    width: 34px;
    overflow: hidden;
    height: 34px;
    background-color: var(--email-bg-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
    transform: translate(-50%,-30%);
    margin: 0;
    border-radius: 50%;
}

.sibForm .follow-by-email-inner {
    position: relative
}

.follow-by-email-title {
    font-size: 17px;
    font-weight: 700;
    padding: 7px ;
    margin: 15px 0px;
    color: var(--theme-text-color)
}

.sibForm .follow-by-email-inner .follow-by-email-address {
    width: 100%;
    height: 32px;
    color: var(--theme-text-color);
    background: var(--input-form);
    font-size: 11px;
    font-family: inherit;
    padding: 0 10px;
    margin: 0 0 10px;
    box-sizing: border-box;
    border: 1px solid rgb(122 122 122 / 0.53);
    border-radius: 4px;
    transition: ease .40s
}

.sibForm .follow-by-email-inner .follow-by-email-address:focus {
    border: 1px solid var(--email-bg-color);
}

.sibForm .follow-by-email-inner .follow-by-email-address::placeholder {
    color: var(--placeholder-text-color);
    opacity: 0.67;
}

.sibForm .follow-by-email-inner .follow-by-email-submit {
    width: 100%;
    height: 32px;
    font-family: inherit;
    border-radius: 4px;
    font-size: 11px;
    color: var(--email-text-color);
    background-color: var(--email-bg-color);
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    margin: 0 0 15px;
    border: 0;
    transition: opacity .30s ease
}

.sibForm .follow-by-email-inner .follow-by-email-submit:hover {
    opacity: .8;
}

.rtl .comments-msg-alert {
    float: right
}

#ArchiveList ul.flat li {
    color: var(--theme-text-color);
    font-size: 13px;
    font-weight: 400;
    padding: 7px 0;
    border-bottom: 1px dotted #eaeaea
}

#ArchiveList ul.flat li:first-child {
    padding-top: 0
}

#ArchiveList ul.flat li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

#ArchiveList .flat li>a {
    display: block;
    color: var(--theme-text-color);
    transition: color .40s
}

#ArchiveList .flat li>a:hover {
    opacity: 0.8
}

#ArchiveList .flat li>a:before {
    content: "\e5cc";
    font-family: 'Material Icons Round';
    float: left;
    color: #161619;
    font-size: 16px;
    font-weight: 400;
    margin: 0 2px 0 0;
    display: inline-block;
    transition: color .30s
}

#ArchiveList .flat li>a>span {
    position: relative;
    background-color: var(--main-text-color);
    color: #fff;
    float: right;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    line-height: 15px
}

.sidebar .PopularPosts .post {
    position: relative;
    overflow: hidden;
    margin: 0 0 12px
}

.sidebar .PopularPosts .post-filter-inner {
    position: relative;
    display: block;
    width: 90px;
    height: 80px;
    float: left;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 12px 0 0
}

.sidebar .PopularPosts .post-filter-inner.gaint {
    width: 100%;
    height: 257px;
    margin: 0
}

.sidebar .PopularPosts .gaint .entery-category {
    float: left;
    margin: 0;
}

.sidebar .PopularPosts .entry-title {
    overflow: hidden;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    line-height: 1.2em;
    margin: 0
}

.sidebar .PopularPosts .entery-category-box .entry-title {
    height: 38px;
    overflow: hidden;
}

.sidebar .PopularPosts .entry-title a {
    display: block;
    padding: 0;
    transition: color .40s
}

.FeaturedPost .entery-category span {
    font-size: 11px;
}

.FeaturedPost .post-filter-link {
    display: block;
    position: relative;
    width: 100%;
    height: 170px;
    overflow: hidden;
    margin: 0 0 10px;
}

.FeaturedPost .entry-title {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    line-height: 1.2em;
    margin: 0
}

.FeaturedPost .entry-title a {
    color: var(--theme-text-color);
    display: block;
    transition: color .30s ease
}

.contact-form-widget form {
    font-weight: 600;
    margin: 15px
}

.contact-form-name {
    float: left;
    width: 100%;
    height: 30px;
    font-family: inherit;
    color: var(--theme-text-color);
    background: rgb(217 217 217 / 0.07);
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 0 0 10px;
    border: 1px solid rgb(139 139 139 / 0.32);
    border-radius: 4px
}

.contact-form-email {
    float: left;
    width: 100%;
    height: 30px;
    font-family: inherit;
    color: var(--theme-text-color);
    background: rgb(217 217 217 / 0.07);
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 0 0 10px;
    border: 1px solid rgb(139 139 139 / 0.32);
    border-radius: 4px
}

.contact-form-email-message {
    float: left;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 80px;
    font-family: inherit;
    color: var(--theme-text-color);
    background: rgb(217 217 217 / 0.07);
    font-size: 13px;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 0 0 10px;
    border: 1px solid rgb(139 139 139 / 0.32);
    border-radius: 4px
}

.contact-form-button-submit {
    float: left;
    width: 100%;
    height: 30px;
    background-color: var(--button-bg-color);
    font-size: 13px;
    color: var(--button-text-color);
    line-height: 30px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 10px 0;
    border: 0;
    border-radius: 2px;
    transition: background .30s ease
}

.contact-form-button-submit:hover {
    opacity: 0.8
}

.contact-form-error-message-with-border {
    float: left;
    width: 100%;
    background-color: #fbe5e5;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
    padding: 3px 0;
    margin: 10px 0;
    box-sizing: border-box;
    border: 1px solid #fc6262
}

.contact-form-success-message-with-border {
    float: left;
    width: 100%;
    background-color: #eaf6ff;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
    padding: 3px 0;
    margin: 10px 0;
    box-sizing: border-box;
    border: 1px solid #5ab6f9
}

.contact-form-cross {
    margin: 0 0 0 3px
}

.blog-list-container li {
    margin: 0 0 10px;
}

.blog-icon {
    position: relative;
    float: left;
    margin: 0 7px 0 0;
}

.rtl .blog-icon {
    float: right;
    margin: 0 0 0 7px;
}

.Feed .item-title:before {
    content: "\e061";
    font-weight: 400;
    font-family: 'Material Icons Round';
    font-size: 6px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.Feed .item-date,.Feed .item-author {
    color: var(--post-snip-data);
    font-size: 12px;
    font-weight: 400;
    padding: 0;
}

.ReportAbuse > h3 {
    display: flex;
    background: var(--bg-cards-search);
    font-size: 14px;
    font-weight: 400;
    padding: 25px 20px;
    gap: 10px;
    border-radius: 8px;
}

.ReportAbuse > h3:before {
    content: "\e160";
    font-family: 'Material Icons Round';
}

.ReportAbuse > h3 a:hover {
    text-decoration: underline
}

.Attribution a {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: var(--featured-posts-title);
    font-weight: 400;
    line-height: 1.5rem;
}

.Attribution a > svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    margin: 0 7px 0 0;
}

.rtl .Attribution a > svg {
    margin: 0 0 0 7px;
}

.Attribution .copyright {
    font-size: 12px;
    color: var(--post-snip-data);
    line-height: 10px;
    padding: 10px 24px 0;
}

.Attribution a:hover {
    text-decoration: underline
}

.sidebar .Image img {
    width: auto;
    height: auto;
    border-radius: 8px;
}

.sidebar .Image a {
    display: block;
}

.Image .caption {
    float: left;
    margin: 10px 0 0
}

#google_translate_element {
    position: relative;
    overflow: hidden
}

.rtl .Translate .goog-te-gadget {
    direction: inherit
}

.Translate .goog-te-gadget a {
    font-size: 11px;
    color: var(--featured-posts-title)
}

.Translate .goog-te-gadget a:hover {
    color: var(--all-link-color)
}

.Translate .goog-te-combo {
    width: 100%;
    background: rgb(153 153 153 / 0.13);
    font-family: var(--body-font);
    color: var(--featured-posts-title);
    font-size: 13px;
    padding: 10px;
    margin: 0 0 0.25rem!important;
    border: 1px solid rgb(112 112 112 / 0.15);
    border-radius: 5px;
}

.Translate .goog-te-gadget-simple {
    width: 100%;
    font-size: 13px!important;
    padding: 10px!important;
    border: 0!important;
    background: var(--bg-cards-search) !important;
    border-radius: 8px;
}

.Stats .text-counter-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: var(--featured-posts-title);
    font-weight: 700;
    text-transform: uppercase
}

.Stats .text-counter-wrapper:before {
    content: "\e8e5";
    font-size: 13px;
    font-family: 'Material Icons Round';
}

.wikipedia-search-form {
    display: flex;
}

.wikipedia-search-input {
    flex: 1;
    width: 100%;
    height: 40px;
    background: rgb(153 153 153 / 0.13);
    font-size: 13px;
    color: var(--theme-text-color);
    padding: 0 15px;
    border-radius: 8px 0 0 8px;
}

.rtl .wikipedia-search-input {
    border-radius: 0 8px 8px 0;
}

.rtl .wikipedia-search-button {
    border-radius: 8px 0 0 8px;
}

.wikipedia-search-button {
    height: 40px;
    font-size: 13px;
    cursor: pointer;
    padding: 0 15px;
    border-radius: 0 8px 8px 0;
    box-sizing: border-box;
    background-color: var(--button-bg-color);
    color: var(--button-text-color);
}

.wikipedia-search-button:hover {
    opacity: .8
}

.wikipedia-search-more a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    background: var(--button-bg-color);
    font-size: 13px;
    color: var(--button-text-color);
    padding: 0 10px;
    margin: 10px 0 0;
    border-radius: 8px;
}

.wikipedia-search-more a:hover {
    opacity: .8
}

.wikipedia-search-results:not(:has(a)) {
    font-size: 13px;
    margin: 9px auto 0;
    text-align: center;
}

.wikipedia-search-results-header {
    display: none!important
}

.wikipedia-search-results a {
    display: flex;
    gap: 5px;
    font-size: 13px;
    color: var(--featured-posts-title);
    margin: 10px 0 0
}

.wikipedia-search-results a:after {
    content: "\f1c5";
    font-size: 10px;
    font-family: 'Material Icons Round';
}

.wikipedia-search-results a:hover {
    color: var(--all-link-color)
}

.contact-form-error-message,.contact-form-success-message {
    margin: 0
}

.BlogSearch .search-form {
    display: flex;
    padding: 0;
    border-radius: 4px;
}

.BlogSearch .search-input {
    float: left;
    width: 75%;
    height: 40px;
    background-color: rgb(153 153 153 / 0.13);
    color: var(--theme-text-color);
    font-weight: 400;
    font-size: 13px;
    line-height: 30px;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    padding: 5px 10px
}

.rtl .BlogSearch .search-input {
    border-radius: 0 4px 4px 0;
}

.rtl .BlogSearch .search-action {
    border-radius: 4px 0 0 4px;
}

.BlogSearch .search-action {
    float: right;
    width: 25%;
    height: 40px;
    font-family: inherit;
    font-size: 13px;
    line-height: 40px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--button-bg-color);
    color: var(--button-text-color);
    padding: 0 5px;
    border: 0;
    border-radius: 0 4px 4px 0;
    transition: background .30s ease
}

.BlogSearch .search-action:hover {
    opacity: 0.8
}

.Footer-Function .BlogSearch .search-input {
    --theme-text-color: var(--footer-title-color);
}

.Profile .profile-img {
    float: left;
    width: 70px;
    height: 70px;
    margin: 0 15px 0 0;
    border-radius: 50%;
    transition: all .30s ease
}

.team-member {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 15px;
}

.team-member .team-member-img {
    position: relative;
    display: block;
    float: left;
    margin: 0;
}

.team-flex,.profile-datablock {
    position: relative;
    display: block;
    overflow: hidden;
}

.team-flex a,.profile-datablock a {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--main-menu-text-color);
    margin: 0;
}

.profile-textblock {
    position: relative;
    display: block;
    font-size: 12px;
    color: var(--post-snip-data)
}

.Profile .profile-info >.profile-link {
    color: var(--theme-text-color);
    font-size: 11px;
    margin: 5px 0 0
}

.Profile .profile-info >.profile-link:hover {
    opacity: 0.8
}

.Profile .profile-datablock .profile-textblock a {
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
    margin: 13px 0;
}

.Profile .profile-info ul.description-links.show {
    display: flex;
    justify-content: center;
}

.Profile .profile-datablock .profile-textblock {
    position: relative;
    display: block;
    z-index: 11;
    float: left;
    overflow: hidden;
}

.profile-data.location:before {
    content: "\e55e";
    font-family: 'Material Icons Round';
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle;
}

a.user-image {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    z-index: 1;
}

.profile-data.location {
    position: relative;
    font-size: 13px;
    color: var(--button-bg-color);
    text-align: center;
    margin: 10px auto 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.LinkList .widget-control ul li,.PageList .widget-control ul li {
    width: calc(50% - 5px);
    padding: 7px 0 0
}

#footer-wrapper .widget-control .PopularPosts {
    border: none
}

.TextList .widget-content ul li,.LinkList .widget-control ul li a,.PageList .widget-control ul li a {
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    background: rgb(203 203 203 / 0.52);
    border-radius: 4px;
    width: 100%;
    float: left;
    margin: 4px 0;
    padding: 3px 5px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .30s ease;
}

.LinkList .widget-control ul li:nth-child(odd),.PageList .widget-control ul li:nth-child(odd) {
    float: left
}

.LinkList .widget-control ul li:nth-child(even),.PageList .widget-control ul li:nth-child(even) {
    float: right
}

.LinkList .widget-control ul li a:before,.PageList .widget-control ul li a:before {
    content: "\e061";
    float: left;
    color: var(--featured-posts-title);
    font-weight: 400;
    font-family: 'Material Icons Round';
    font-size: 7px;
    margin: 0 4px 0 0
}

.LinkList .widget-control ul li a:hover,.PageList .widget-control ul li a:hover {
    opacity: 0.8;
    border-radius: 4px
}

.LinkList .widget-control ul li:first-child,.LinkList .widget-control ul li:nth-child(2),.PageList .widget-control ul li:first-child,.PageList .widget-control ul li:nth-child(2) {
    padding: 0
}

.flex-footer {
    display: flex;
    flex-direction: column;
}

#footer-wrapper {
    position: relative;
    float: left;
    width: 100%;
}

#footer-wrapper .footer-data {
    background-color: var(--footer-bg-color);
}

#footer-wrapper .footer {
    display: inline-block;
    float: left;
    width: 33.33333333%;
    box-sizing: border-box;
    padding: 0 15px
}

#footer-wrapper .footer .widget {
    float: left;
    width: 100%;
    padding: 5px 0;
    margin: 10px 0 0
}

#footer-wrapper .footer .Text {
    margin: 10px 0 0
}

#footer-wrapper .footer .widget:first-child {
    margin: 0
}

.footer-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.ilitop {
    display: none;
    z-index: 10;
    position: fixed;
    bottom: 25px;
    right: 25px;
    cursor: pointer;
    overflow: hidden;
    font-size: 23px;
    font-weight: 600;
    color: var(--featured-gadgets-title);
    text-align: center;
    line-height: 32px;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--button-bg-color);
    box-shadow: var(--bg-cards-shadow);
}

.ilitop:after {
    content: '\e5ce';
    position: relative;
    font-family: 'Material Icons Round';
    font-weight: 400;
    margin: 0;
    vertical-align: middle;
    opacity: .8;
    transition: opacity .30s ease;
}

.MenuNews-open .ilitop:after,.MenuNews-open .ilitop:before {
    opacity: 1
}

.error404 #feed-view {
    width: 100%!important;
    margin: 0!important
}

.error404 #sidebar-container {
    display: none
}

.errorPage {
    color: var(--theme-text-color);
    text-align: center;
    padding: 80px 0 100px
}

.errorPage h3 {
    font-size: 160px;
    line-height: 1;
    margin: 0 0 30px
}

.errorPage h4 {
    font-size: 25px;
    margin: 0 0 20px
}

.errorPage p {
    margin: 0 0 10px
}

.errorPage a {
    display: block;
    color: var(--main-text-color);
    padding: 10px 0 0
}

.errorPage a i {
    font-size: 20px
}

.errorPage a:hover {
    text-decoration: underline
}

.firstword {
    float: left;
    color: #7a5a5a;
    font-size: 70px;
    line-height: 60px;
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 3px
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%!important;
}

.code-box input#showlink {
    line-height: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    width: 1px;
    height: 0;
    opacity: 0;
}

button.tune {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    border: none;
    margin: 0;
    color: #fff;
    background: #1499ff;
    font-size: 12px;
    padding: 2px 13px;
}

.rtl button.tune {
    right: initial;
    left: 0;
}

button.tune:hover {
    box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22);
}

.tg {
    border-collapse: collapse;
    border-spacing: 0
}

.tg td {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    border: 1px solid #000;
    background-color: #fff
}

.main-button {
    display: inline-block;
    color: var(--button-text-color);
    background: var(--button-bg-color);
    font-size: 14px;
    font-weight: 400;
    padding: 5px 12px;
    margin: 5px;
    text-align: center;
    border: 0;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    min-width: 80px;
}

.main-button:before {
    font-family: 'Material Icons Round';
    font-size: 19px;
    font-weight: 400;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    margin: 0 5px 0 0
}

.rtl .main-button:before {
    margin: 0 0 0 5px
}

.main-buttonhover {
    box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22);
}

.l-bt {
    padding: 16px 35px;
}

.main-button.buy:before {
    content: "\e8cc";
}

.main-button.demo:before {
    content: "\e2c8";
}

.main-button.share:before {
    content: "\e80d";
}

.main-button.gift:before {
    content: "\e8b1";
}

.main-button.download:before {
    content: "\f090";
}

.main-button.contact:before {
    content: "\e0ba";
}

.main-button.link:before {
    content: "\e157";
}

.main-button.cart:before {
    content: "\eb88";
}

.main-button.info:before {
    content: "\e88e";
}

.main-button.paypal:before {
    content: "\f1ed";
    font-family: 'FONT AWESOME 5 BRANDS';
    font-weight: 400;
}

.main-button.whatsapp:before {
    content: "\f40c";
    font-family: 'FONT AWESOME 5 BRANDS';
    font-weight: 400;
}

.main-button.telegram:before {
    content: "\f3fe";
    font-family: 'FONT AWESOME 5 BRANDS';
    font-weight: 400;
}

.main-button.facebook:before {
    content: "\f09a";
    font-family: 'FONT AWESOME 5 BRANDS';
    font-weight: 400;
}

.alert-message {
    position: relative;
    clear: both;
    display: inline-block;
    background-color: #293dc9;
    padding: 20px;
    margin: 20px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #2978c9;
    border: 1px solid #ec6868
}

.alert-message.success:before {
    content: "\e86c";
    color: #13d864
}

.alert-message:before {
    font-family: 'Material Icons Round';
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 0 5px 0 0
}

.alert-message.passed:before {
    content: "\ea2f";
    color: #1984ce
}

.alert-message.warning:before {
    content: "\e002";
    color: #c58519
}

.alert-message.error:before {
    content: "\e000";
    color: #d02615
}

.alert-message.success {
    background-color: #f1f9f7;
    border-color: #e0f1e9;
    color: #1d9d74
}

.alert-message.passed {
    background-color: #f5fbff;
    border: 1px solid #7ebbe4
}

.alert-message.alert {
    background-color: #daefff;
    border-color: #8ed2ff;
    color: #378fff
}

.alert-message.warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-message.error {
    background-color: #ffd7d2;
    border-color: #ff9494;
    color: #f55d5d
}

.code-box {
    position: relative;
    display: block;
    color: #eaeaea;
    background-color: #0d1642;
    font-family: Monospace;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 1.4em;
    padding: 15px 10px 10px;
    margin: 0;
    border: 1px solid rgba(155,155,155,0.3);
    border-radius: 2px
}

.card-wrap {
    display: flex;
    justify-content: space-between;
    margin: 18px 20px;
    padding: 25px 10px;
    align-items: center;
    border: 1px solid rgb(120 120 120 / 0.11);
    border-radius: 6px;
    box-shadow: 0px 0px 4px 2px rgb(129 129 129 / 0.05);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-icon {
    display: block;
    background: rgb(129 129 129 / 0.14);
    width: 50px;
    min-width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 4px;
    margin: 0 10px;
}

.card-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
}

span.card-title {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

span.card-data {
    font-size: 12px;
    color: #767676;
}

@media screen and (max-width: 1178px) {
    #outer-wrapper {
        max-width:100%
    }

    #center-container {
        box-sizing: border-box;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width: 1080px) {
    .block-step .block-thumb {
        width:100px;
        height: 85px;
    }

    .entery-category {
        padding: 6px;
    }

    #iljxXom>li>a {
        width: initial;
    }
}

@media screen and (max-width: 880px) {
    #outer-wrapper .flex-section .outer-container {
        flex-direction: column;
    }

    .BiggerSidebarOk .sidebarui-posts .glax-img {
        height: 232px;
    }

    ul#iljxXom,#iljxXnm ul>li {
        display: block;
    }

    .SuperLogo {
        padding: 0;
    }

    .post-filter {
        margin: 5px 0;
    }

    .post-filter-wrap .grid-posts {
        grid-column-gap: 10px;
    }

    .llilxXtic .widget-content {
        margin: 10px;
    }

    .llilxXtic .widget,.llilxXtic .widget-content,.tickerNews .entry-title {
        height: initial;
    }

    .llilxXtic .widget>.widget-title {
        float: none;
        display: inline-block;
    }

    .rtl .llilxXtic .widget>.widget-title {
        float: none;
    }

    .breaking-ticker .active {
        position: relative;
    }

    .breaking-ticker .tickerNews .entry-title, .breaking-ticker {
        height: initial
    }

    .hide-iljxXmm,#iljxXom>li>a {
        --main-menu-text-color: var(--mobile-text-color)
    }

    div#Header1 {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        margin: 0;
    }

    #header-room1 {
        display: block;
    }

    .outer-container {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .main-menu-wrap, #top-bar {
        display: none
    }

    .hamburger {
        display: flex;
        align-items: center;
    }

    .header-left,.header-right {
        position: relative;
        background: var(--main-menu-bg);
    }

    .header-section {
        flex-wrap: nowrap;
    }

    .header-room {
        margin: 0;
    }

    .blog-pager .page-of {
        display: none;
    }

    .block-section.fl.item0,.block-box.fl {
        grid-column: 1/8;
    }

    .iljxXmm-logo {
        display: block;
        width: 100%;
        text-align: center;
        z-index: 15;
        margin: 0;
    }

    .iljxXmm-logo img {
        height: 40px
    }

    .iljxXmm-logo .logo-content > a {
        height: 36px;
        display: inline-block;
        padding: 0 25px 10px 0;
    }

    .iljxXmm-logo .logo-content {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        height: 56px;
        text-align: center;
        z-index: 1;
    }

    #iljxXom>li:after {
        content: none
    }

    .social-runs ul li a,#iljxXom>li>a:hover {
        opacity: 0.8
    }

    #iljxXom>li>a {
        line-height: initial;
        height: initial;
        padding: 10px 10px;
        margin: 10px 0;
        text-align: left;
    }

    .rtl #iljxXom>li>a {
        text-align: right;
    }

    #feed-view,#sidebar-container {
        width: 100%;
    }

    .iljxXnm {
        display: none
    }

    .logo-container {
        border-radius: 0;
        margin: 0
    }

    .overlay,#inner-menu {
        display: block;
        transition: all .5s cubic-bezier(.79,.14,.15,.86)
    }

    .spring-open .overlay {
        filter: blur(2.5px);
        backdrop-filter: saturate(100%) blur(2.5px);
        visibility: visible;
        opacity: 1;
    }

    body.active-search {
        overflow: visible;
        left: initial;
        right: initial
    }

    .video-module {
        margin: 15px 0 0;
        grid-gap: 0;
    }

    .block-module.item0,.block-module.item1 {
        grid-column: 1/4;
    }

    .block-module.item2 {
        grid-column: 1/4;
        grid-row: 3/4;
    }

    .block-module.item3 {
        grid-column: 1/4;
        grid-row: 4/5;
    }

    .block-module.item4 {
        grid-column: 1/4;
        grid-row: 5/6;
    }

    .video-wrapper,.section-main-hero {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 10px;
    }

    .video-module.item0 .post-filter-inner,.modal-grid.item0 .modal-image .post-filter-inner {
        height: 265px;
    }

    .video-module .post-filter-inner {
        width: 125px;
        height: 100px;
    }

    .iliaut {
        text-align: center
    }

    .Footer-Function {
        width: 100%;
    }

    .Footer-adv .LinkList {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        width: 100%;
        margin: 15px auto 0;
    }

    .Footer-adv .about-content {
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .Footer-adv {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .bio-data {
        width: 100%;
        text-align: center;
    }

    .Footer-adv .Image {
        width: 100%;
    }

    .footer-outer {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 768px) {
    .flex-blocks .widget .widget-content {
        min-height:228px;
    }

    .featured-grid-all {
        flex-direction: column;
    }

    .llilxiXft.item0 {
        margin: 0 0 10px;
    }

    .llilxXft {
        grid-gap: 10px;
    }

    .featured-grid-all .llilxiXft.item0,.llilxXft {
        width: 100%;
    }

    .flex-blocks .widget .llilxiXft.item0 .post-filter-inner {
        height: 410px;
    }

    .iliaut .avatar-container {
        float: none;
        margin: 10px auto
    }

    .author-name {
        text-align: center
    }

    .author-name a:after {
        float: none
    }

    .author-description {
        text-align: center
    }

    .description-links li {
        float: none;
        display: inline-block
    }

    .post-footer {
        margin: 0
    }

    .BiggerSidebarOk {
        grid-gap: 7px;
    }

    ul.navigation-runs {
        padding: 5px
    }

    .raw-box .widget,.post-filter-wrap,.sidebar .widget {
        padding: 15px 5px;
    }

    #footer-wrapper .footer {
        width: 100%;
        margin-right: 0
    }

    .pikiList .featured-meta {
        margin: 0;
    }

    .Footer-Function .LinkList,.Footer-Function .LinkList .widget-content {
        width: 100%
    }

    .Footer-Function .LinkList {
        margin: 30px 0 0
    }

    .Footer-Function .LinkList .widget-content .widget-title>h3 {
        margin: 0 0 20px
    }

    #menu-footer,#footer-wrapper .copyright-area {
        width: 100%;
        height: auto;
        line-height: 1.7em;
        text-align: center
    }

    #menu-footer {
        margin: 10px 0 0
    }

    #footer-wrapper .copyright-area {
        margin: 10px 0 5px
    }

    #footer-checks-menu,.footer-container .footer-copyright {
        text-align: center;
        margin: 0 auto;
    }

    #footer-checks-menu ul li {
        display: inline-block;
        float: none;
        margin: 0
    }

    #footer-checks-menu ul li a {
        margin: 0 7px
    }

    .footer-container .footer-copyright .widget {
        float: left;
        width: 100%;
        margin: 10px 0 0;
    }
}

@media screen and (max-width: 680px) {
    .block-section.fl.item0,.block-box.fl {
        grid-column:1/8;
    }

    .piki-slider {
        display: block
    }

    .piki-hero-flow .post-snippet {
        display: none;
    }

    #cookies-iki {
        right: 0!important;
        left: 0!important;
        bottom: 0;
        width: initial;
        margin: 0;
        padding: 20px 15px;
        border-radius: 0;
        transform: translate3d(0,50%,0);
    }

    #cookies-iki.cookies-show {
        transform: translate3d(0,0,0);
    }
}

@media screen and (max-width: 640px) {
    .header-room img {
        max-height:40px;
    }

    .search-msg {
        font-size: 14px
    }

    .post-filter-wrap .grid-posts {
        grid-template-columns: 1fr;
    }

    ul.iliash.colorful-ico.social-front-hover a:not(a.fa-facebook):before {
        margin: 0;
    }

    .rtl ul.iliash.colorful-ico.social-front-hover a.fa-facebook:before {
        margin: 0 0 0 5px;
    }

    .social-front-hover a.fa-twitter,.social-front-hover a.fa-whatsapp {
        width: 47px;
        overflow: hidden;
    }

    .post-filter {
        margin: 5px 0
    }

    .post-filter .piki-hero-flow {
        margin: 0;
    }

    .post-filter .post-filter-link {
        height: 115px;
        width: 175px;
    }

    .raw-box .block-section.item0 .entry-title {
        font-size: 20px;
    }

    .related-post .piki-hero,.raw-box .piki-hero,.raw-box .raw-main {
        width: 100%;
        clear: both
    }

    .raw-box .raw-main .raw-main-sum {
        display: block!important
    }

    .raw-box .raw-main .raw-main-box h3 a {
        font-size: initial!important
    }

    .block-step.item1 {
        grid-column: 1/5;
    }

    .block-box.fl {
        display: block;
    }

    .block-step {
        margin: 0 0 10px;
    }

    .block-section.fl.item0 {
        margin: 0 0 20px;
    }

    .block-section.fl.item0 .entery-category {
        padding: 10px;
        ;margin: 30px 10px;
    }

    .featured-grid-all .item0 .entery-category-fly {
        left: 0;
        width: 100%;
    }

    .llilxiXft.item1,.llilxiXft.item2 {
        grid-column: 1/3;
    }

    .llilxiXft.item3 {
        grid-row: 3/4;
        grid-column: 1/3;
    }

    .raw-box .video-module.item0 .entry-title {
        font-size: 20px;
    }

    .flex-blocks .widget .llilxiXft.item3 .post-filter-inner {
        height: 253px;
    }

    .rtl .post-inner-comments.flex {
        left: 0;
        right: unset;
    }

    .StickyDemo {
        margin: 0 4px;
    }

    .share-wrapper-icons.colorful-ico li {
        width: 33%;
    }

    .share-wrapper-icons.colorful-ico a:before {
        font-size: 19px;
    }

    .share-wrapper-icons.colorful-ico li a {
        height: 30px;
        line-height: 20px;
    }

    .share-wrapper-icons.colorful-ico {
        padding: 10px 0px 20px;
    }

    .StickyTab label, .iliash li a {
        cursor: unset;
    }

    input.search-input {
        font-size: 20px
    }

    .raw-box-content {
        padding: 0
    }

    #feed-view #main {
        margin: 0
    }

    .modal-grid .modal-image .post-filter-inner {
        height: 120px;
    }

    #footer-room1 .video-module.item0 .post-filter-inner {
        320px;}

    .post-filter .entry-title,.raw-box .entery-category-box .entry-title,.raw-box .modal-grid .entery-category-box .entry-title,.raw-box .entery-category .entry-title {
        font-size: 15px;
    }

    .raw-box .entery-category .entry-title {
        margin: 5px 0;
    }

    .related-runs .llilxXrl {
        width: 100%;
        clear: both
    }

    .related-runs .llilxXrl .llilxXrl-thumb {
        height: 250px
    }

    .post-snip .post-date {
        margin: 10px 10px 0 0;
    }
}

@media screen and (max-width: 480px) {
    .post-card {
        display:block;
    }

    .post-image {
        height: 190px;
    }

    .card-wrap {
        display: block;
    }

    .card-wrap {
        flex-direction: column;
        align-items: start;
    }

    a.card-button.main-button {
        display: block;
        max-width: 100%;
    }

    .card-header {
        justify-content: flex-start;
    }

    .llilxiXft.item0 .entry-title {
        font-size: 20px;
    }

    .flex-blocks .widget .llilxiXft.item0 .post-filter-inner {
        height: 325px;
    }

    .flex-blocks .widget .post-filter-inner,.flex-blocks .widget .llilxiXft.item3 .post-filter-inner {
        height: 170px;
    }

    #room-box .modal-grid {
        width: 100%
    }

    .BiggerSidebarOk .sidebarui-posts .glax-img {
        height: 125px;
    }

    .item-post h1.entry-title {
        font-size: 24px
    }

    .description-links li {
        float: none;
        display: inline-block;
        margin: 10px
    }

    .errorPage {
        padding: 70px 0 100px
    }

    .errorPage h3 {
        font-size: 120px
    }

    #comments ol {
        padding: 0
    }

    .post-filter .post-filter-link {
        height: 100px;
        width: 135px;
    }
}

@media screen and (max-width: 380px) {
    .iliaut .avatar-container {
        width:60px;
        height: 60px
    }

    .item .comment-bubble, .iliash li.share-icon {
        display: none
    }

    .share-top {
        margin: 0;
    }
}

.post-entry {
    display: -webkit-box;
    padding: 0px 30px 0px 10px;
}

.post-entry ._amk7 {
    position: relative;
    top: -1px;
    right: -1px;
}

.entry-title.vcard {
    max-width: 60%;
    color: #000;
    background: #ffffff;
    margin-bottom: 10px;
    font-size: 17px;
    padding: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: 400;
}

.post-entry.notif .entry-title.vcard {
    border-top-left-radius: 8px;
}

.button-holder {
    line-height: 80px;
}

#searchfs {
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 1;
}

#searchfs #popup {
    display: block;
    width: 84%;
    background: rgba(255, 255, 255, 255);
    border-radius: 8px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    transform: translate(0px, 100%);
    padding: 20px 10px;
}

#searchfs.open {
    transform: unset;
}

.footer-container span,.footer-container p {
    font-size: 18px;
    line-height: 23px;
}

.btn-ok {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btn-ok button {
    color: #fff;
    font-weight: 500;
    font-size: 23px;
    padding: 23px 99px;
    border-radius: 50px;
    background: #0e78da;
    line-height: 0px;
    width: 100%;
}

.post-entry.notif {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e1e1e17d;
    padding: 10px 30px 0px 10px;
    margin-bottom: 20px;
}
.content-ok {
    display: block;
    width: auto;
}
.btn-secondary {
    background: rgb(5, 109, 255);
    color: #fff;
    padding: 17px 30px;
    border-radius: 50px;
    min-width: 200px;
}
.entry-title img {
    width: 100%;
    height: auto;
}
.wp-article hr {
    display: none !important;
    visibility: hidden;
}

.wp-article h2, 
.wp-article p,
.wp-article div {
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 10px 0;
    padding: 0;
}

.wp-article * {
    border: none !important;
}