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

* {

    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
    overflow: hidden;
    cursor: none !important;
    text-decoration: none !important;
}

:root {
    --cdn_primary: #ffff;
    --btn-disable: #fff;
    --seo-color: #fff;
    --primary_light: #ffffff4f;
    --textshadow_media: 0px 0px 0px var(--cdn_white), 3px 3px 5px #00000047;
    --cdn_white: #333;
    --hard_white: #fff;
    --red: #b90808;
    --white: white;
    --section-bg: #333;
    --green: #2e7d32;
    --header-a: #e6e6e6;
    --product-background: linear-gradient(45deg, #1b5e20, #10bf19);
    --ads-background: linear-gradient(45deg, rgb(148 31 148), #c55e05);
    --event-background: linear-gradient(45deg, rgb(148 31 148), #2196f3);
    --job-background: linear-gradient(45deg, rgb(148 31 148), #3f51b5);
    --black-trasparent-color: rgba(0, 0, 0, 0.639);
    --grid-image: url(/?url=source&sourcelogin=grid.svg);
    --shield-image: url(/?url=source&sourcelogin=shield.svg);
    --stars-25: #b32020;
    --stars-40: #FFD700;
    --stars-60: #d56617;
    --stars-75: var(--green);
}

hh_anim_start {
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: white !important;
    margin: 0px !important;
    padding: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

hh_anim_start #logo {
    width: 150px;
    height: 150px;
    margin: auto;
    display: block;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

hh_anim_start #logo_backscr {
    position: fixed;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

hh_anim_start spjin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}

hh_anim_start spjin img,
hh_anim_start spjin #logo_backscr_img {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    enable-background: new 0 0 512 512 !important;
    border-radius: 440px;
    background: var(--primary_light);
    padding: 8px;
    width: 80px;
    height: 80px;
    border: 3px solid var(--black-trasparent-color);
    margin-bottom: 25px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    pointer-events: none;
}

.activeBell {
    border-color: var(--primary_light) !important;
    padding: 0px !important;
    background: rgb(255 255 255 / 69%) !important;
}

hh_anim_start #logo {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

hh_anim_start spjin {
    display: -ms-grid;
    display: grid;
    margin: auto;
}

hh_anim_start spj {
    display: block;
    margin: auto;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) !important;
    enable-background: new 0 0 512 512 !important;
}

hh_anim_start #logo {
    width: 120px;
    height: 120px;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

hh_anim_start .Vjideo_sjpinner {
    display: block;
    margin: auto;
    position: unset;
}

.spjinActive .Vjideo_sjpinner {
    height: 0px;
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important;
}

.spjinActive #logo {
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
}

hh_anim_start .Vjideo_sjpinner .path {
    filter: none !important;
    -webkit-filter: none !important;
}

hh_anim_start spjin p {
    position: fixed;
    display: -ms-grid;
    display: grid;
    left: 0px;
    width: 100% !important;
    margin: auto;
    bottom: 30px;
    text-align: center;
    color: var(--black-trasparent-color) !important;
    position: fixed;
    left: 0px;
    width: 100%;
    z-index: 3333;
    opacity: 1;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) !important;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) !important;
    enable-background: new 0 0 512 512 !important;
}

hh_anim_start .Vjideo_sjpinner .path {
    stroke: var(--black-trasparent-color) !important;
}

hh_anim_start .Vjideo_sjpinner {
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) !important;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) !important;
    enable-background: new 0 0 512 512 !important;
}

.box_shadow {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
}

.box_shadow_h {
    font-weight: 500;
    font-size: 13px;
}

#buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 15px;

    max-width: 80%;
}

#buttons a {
    padding: 4px 10px;
    border: 2px solid var(--cdn_white);
    color: var(--cdn_white);
    border-radius: 4px;
    margin: 0px 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 15px;
}

#buttons a:hover {
    background: rgba(255 255 255 / 0.2);
    color: var(--cdn_primary);
}

#clavs {
    position: absolute;
    display: -ms-grid;
    display: grid;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: var(--cdn_white);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
}

.gridesr_filter {
    -webkit-filter: grayscale(1) blur(2px) !important;
    filter: grayscale(1) blur(2px) !important;
    pointer-events: none !important;
}

#clavs iframe,
#clavs .shadow_iframe,
#clavs .grider_viewer,
#clavs grider_viewer {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    bottom: 0px;
    height: -webkit-fill-available;
    border: none;
    background: var(--cdn_primary);
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    -o-transition: filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    overflow: auto;
}

#clavs .grider_viewer project,
#clavs grider_viewer project {
    height: 264px;
    padding: 4px !important;
    margin: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    enable-background: new 0 0 512 512 !important;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.section_loadet_img {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 1 !important
}

#clavs .grider_viewer video,
#clavs .grider_viewer img,
#clavs .grider_viewer div_hr,
#clavs grider_viewer video,
#clavs grider_viewer img,
#clavs grider_viewer div_hr {
    border-radius: 0px 0px 6px 6px !important;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0px !important;
    -webkit-box-shadow: 0 0 2px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 10%) !important;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 10%) !important;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: 220px;
    border: 3px solid var(--cdn_white);
    border-top: 0px;
    text-align: center;
}

#clavs .grider_viewer project p,
#clavs grider_viewer project p {
    width: 100%;
    right: 0px;
    left: 0px;
    text-align: center;
    background: var(--cdn_white);
    color: var(--cdn_primary);
    border-radius: 10px 10px 0px 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 5px 10px
}

svg.Vjideo_sjpinner {
    position: absolute;
    top: 10px;
    color: var(--cdn_primary);
    left: 0px;
    z-index: 3;
    margin: 0px;
    width: 30px;
    height: 30px;
    top: 10px;
    left: 10px;
}

.Vjideo_sjpinner {
    -webkit-animation: vjideo_sjpinner_rotate 2s linear infinite;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    animation: vjideo_sjpinner_rotate 2s linear infinite;
    z-index: 23333333;
    position: fixed;
    top: 35px;
    left: 35px;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    pointer-events: none !important
}

.Vjideo_sjpinner .path {
    stroke: var(--cdn_primary);
    stroke-linecap: round;
    -webkit-animation: vjideo_sjpinner_dash 1.5s ease-in-out infinite;
    animation: vjideo_sjpinner_dash 1.5s ease-in-out infinite;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    enable-background: new 0 0 512 512 !important
}

@-webkit-keyframes vjideo_sjpinner_rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes vjideo_sjpinner_rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjideo_sjpinner_dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes vjideo_sjpinner_dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

div_header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 51px;
    background: var(--cdn_white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-shadow: 0 0px 8px 0 rgb(0 0 0 / 20%), 0 6px 70px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0px 8px 0 rgb(0 0 0 / 20%), 0 6px 70px 0 rgb(0 0 0 / 10%);
    z-index: 33;
}

div_header span {
    position: absolute;
    left: 50px;
    top: 12px;
    color: var(--cdn_primary);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    right: 130px !important;
}

i#reaload_page {
    position: absolute;
    left: 13px;
    color: var(--cdn_primary);
    font-size: 24px;
    top: 8px;
}

.show {
    opacity: 1 !important;
    pointer-events: unset !important;
}

.hide {
    opacity: 0 !important;
    pointer-events: none !important;
}

btns_r {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--cdn_primary);
    font-size: 24px;
    position: absolute;
    top: 7px;
    right: 13px;
}

btns_r i {
    padding: 0px 10px;
}

btns_r i:last-child {
    padding-right: 0px;
}

div#clavs #logo_backscr_img {
    border: 2px solid var(--cdn_primary);
    width: 36px;
    height: 36px;
    border-radius: 50px;
    padding: 4px;
    position: absolute;
    top: 7px;
    left: 7px;
}

div#clavs svg,
div#clavs i,
div#clavs span {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
    -webkit-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
}

div_header #logo_backscr_img {
    opacity: 0;
    pointer-events: none !important;
}

.ld_completeld_complete #logo_backscr_img {
    opacity: 1;
}

.ld_completeld_complete #reaload_page {
    left: 50px;
}

.ld_completeld_complete span {
    left: 85px;
}

.href_a_span {
    display: none;
}

@media only screen and (max-width:600px) {
    #buttons {
        display: -ms-grid;
        display: grid;
        margin: 0px;
    }

    .hide_noy {
        display: none;
    }

    #buttons a {
        margin: 10px auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .href_a_span {
        display: block;
    }

    div_not div_panel {
        width: 90%;
    }

    info_box {
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important
    }

    pages page .page_header .row img {
        width: 150px;
        height: 100px;
    }
}

.F_bi_search {
    -webkit-transition: opacity .3s !important;
    -o-transition: opacity .3s !important;
    transition: opacity .3s !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.ld_completeld_complete2 .F_bi_search {
    opacity: 1 !important;
    pointer-events: unset !important;
}

.href_a_span {
    margin-left: 5px;
}

#buttons a i {
    width: 25px;
}

.cursor {
    position: fixed;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f5f5f5;
    pointer-events: none;
    mix-blend-mode: difference;
    z-index: 1000000000;
    -webkit-transition: -webkit-transform 0.2s !important;
    transition: -webkit-transform 0.2s !important;
    -o-transition: transform 0.2s !important;
    transition: transform 0.2s !important;
    transition: transform 0.2s, -webkit-transform 0.2s !important;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1)
}

.cursor_pc_show {
    display: block !important
}

.cursor i {
    color: white;
}

div_not {
    position: absolute;
    top: 45px;
    left: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 5324234234;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    top: -150px;
}

div_not div_panel {
    width: 350px;
    background: var(--cdn_white);
    display: -ms-grid;
    display: grid;
    margin: auto;
    text-align: center;
    color: var(--cdn_primary);
    -webkit-box-shadow: 0 0px 8px 0 rgb(0 0 0 / 20%), 0 6px 70px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0px 8px 0 rgb(0 0 0 / 20%), 0 6px 70px 0 rgb(0 0 0 / 10%);
    padding: 10px 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-top: 15px;
}

btns {
    height: 45px;
    padding: 10px 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: right;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: right;
    margin-right: 0px;
    margin: 10px auto;
}

btn1 {
    background: var(--cdn_primary);
    color: var(--cdn_white);
}

btns btn1,
btns btn2 {
    border: 2px solid var(--cdn_primary);
    border-radius: 4px;
    padding: 3px 10px;
    display: block;
}

btns btn2 {
    margin-left: 10px;
}

box_h {
    position: absolute;
    top: 0px;
    z-index: 3;
    background: transparent;
    width: 100%;
    left: 0px;
    height: 100%;
    display: none;
}

.grids {
    margin: 0px !important;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px !important
}

.grids {
    overflow: hidden;
    width: 100%
}

.grids>* {
    float: left;
    width: 16.666%;
    width: calc(100% / 6);
    width: -webkit-calc(100%/6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.grids>div>img,
.grids>div>div_hr {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.grids>div {
    border: 1px solid var(--orange);
    border-top: none;
    border-left: none
}

.gridsH>* {
    width: calc(50% / 2) !important;
    width: -webkit-calc(50%/2)
}

@media (max-width:640px) {
    .gridsH>* {
        width: calc(50% / 1) !important;
        width: -webkit-calc(50%/1)
    }
}

@media (max-width:320px) {
    .gridsH>* {
        width: 100% !important
    }
}

.projets_f {
    height: 250px;
    padding: 4px !important;
    margin: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

grider_box {
    position: absolute;
    left: 4px;
    right: 4px;
    top: 4px;
    height: 270px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
    enable-background: new 0 0 512 512 !important;
}

#clavs .grider_viewer project p,
#clavs grider_viewer project p {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 3;
}

#clavs .grider_viewer project img,
#clavs grider_viewer project img {
    position: absolute;
    left: 0px;
    top: 34px;
    right: 0px;
    bottom: 0px;
}

div_header.ld_completeld_complete2 #reaload_page {
    opacity: 0;
    pointer-events: none;
}

div_header.ld_completeld_complete2 #logo_backscr_img {
    opacity: 1;
}

.ld_completeld_complete2 span {
    left: 54px !important;
    right: 135px !important;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--cdn_white);
}

::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

p_open {
    position: absolute;
    top: -50px;
    left: 10px;
    text-align: center;
    right: 10px;
    background: var(--cdn_white);
    border-radius: 4px;
    padding: 5px 10px;
    z-index: 1;
    color: var(--cdn_primary);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#clavs .grider_viewer .is_touch:hover p_open,
#clavs grider_viewer .is_touch:hover p_open {
    top: 45px !important;
}

#canvas {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
    -webkit-transition: .5s !important;
    -o-transition: .5s !important;
    transition: .5s !important;
}

hh_anim_start {
    background: transparent !important;
}

body {
    background-color: hsl(195, 100%, 7%) !important;
}

#canvas {
    margin: 0 auto;
    display: block;
    -webkit-filter: url('#shadowed-goo') blur(2px);
    filter: url('#shadowed-goo') blur(2px);
    pointer-events: none !important;
}

.low_GPU {
    -webkit-filter: blur(2px) !important;
    filter: blur(2px) !important;
}

hh_anim_start * {
    color: white !important;
    border-color: white !important;
}

.anchorTitle {
    border-radius: 6px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
    background-color: rgb(85 85 85 / 0.5);
    border: solid 2px var(--cdn_primary);
    color: var(--cdn_primary);
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.3;
    max-width: 200px;
    padding: 7px 10px;
    z-index: 3333333;
    position: absolute;
    -webkit-filter: invert(1);
    filter: invert(1);
    top: unset !important;
    pointer-events: none;
    left: 10px !important;
    bottom: 10px !important;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
}

* html #anchorTitle {
    width: 200px;
}

#clavs .grider_viewer project fiv,
#clavs grider_viewer project fiv {
    position: absolute;
    right: 10px;
    top: 39px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: var(--cdn_primary);
    width: 20px;
    text-align: center;
    height: 20px;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 40px;
    color: var(--cdn_white);
}

#clavs .grider_viewer project fiv .bi-info-circle,
#clavs grider_viewer project fiv .bi-info-circle {
    display: block;
    margin: auto;
    margin-top: -1px;
}

info_box {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}

info_box info_msg {
    background: var(--black-trasparent-color);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    border-radius: 6px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512 !important;
    padding: 5px 15px;
    width: 350px;
}

info_box info_msg img {
    width: 35px;
    height: 35px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 30px;
    margin-left: 0px;
    margin-top: 10px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512 !important;
}

info_div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--cdn_primary);
}

info_box info_msg h4 {
    padding-top: 16px;
    padding-left: 6px;
    position: absolute;
    left: 53px;
    right: 10px;
}

info_box info_msg {
    color: var(--cdn_primary);
}

info_box info_msg p,
info_box h4 {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.info_box_active {
    opacity: 1;
    pointer-events: unset;
}

.info_box_active {
    opacity: 1;
    pointer-events: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

dv_h {
    position: absolute;
    top: 0px;
    background: var(--cdn_primary);
    left: 0px;
    padding: 2px 0px;
    width: 80%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512 !important;
    border-bottom-right-radius: 30px;
}

p-c {
    color: white;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.5;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    enable-background: new 0 0 512 512 !important;
    z-index: 3;
}

ul#btns_bottom {
    z-index: 33;
    background: rgb(255 255 255 / 0.2);
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style-type: none;
    color: var(--cdn_primary);
}

ul#btns_bottom li {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid var(--section-bg);
    padding: 5px 10px !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)) !important;
    enable-background: new 0 0 512 512 !important;
    display: -ms-grid;
    display: grid;
}

ul#btns_bottom li span {
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search_box {
    display: none;
}

.ld_completeld_complete_search .search_box {
    display: block;
}

.ld_completeld_complete_search btns_r {
    display: none;
}

btns_i {
    display: none;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    enable-background: new 0 0 512 512 !important;
}

btns_i {
    position: absolute;
    left: 50px;
    top: 0px;
    padding-top: 6px;
    right: 10px !important;
}

btns_i input[type="text"] {
    background: transparent;
    color: var(--cdn_primary);
    font-size: 15px;
    padding: 6px 5px;
    border: none;
    border-bottom: 2px solid var(--primary_light);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    left: 0px;
    right: 0px;
    padding-right: 30px;
    width: 100%;
}

btns_i input[type="text"]:focus {
    border-color: var(--cdn_primary);
}

.ld_completeld_complete_search span {
    opacity: 0;
}

.ld_completeld_complete2 {
    display: block;
}

btns_i input[type="text"] {
    background: transparent;
    color: var(--cdn_primary);
    font-size: 15px;
    padding: 6px 5px;
    border: none;
    border-bottom: 2px solid var(--primary_light);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding-right: 30px;
}

btns_i input[type="text"]:focus {
    border-color: var(--cdn_primary);
}

.ld_completeld_complete3 {
    display: block;
}

.ld_completeld_complete_search btns_i {
    display: flow-root;
}

.ld_completeld_complete_search btns_i i {
    position: absolute;
    right: 5px;
    z-index: 3;
    top: 10px;
    color: white;
}

.ld_completeld_complete_search btns_i i {
    padding: 0px 5px;
}

.ld_completeld_complete_search btns_i .bi-search {
    position: absolute;
    right: 35px;
}

.ld_completeld_complete_search btns_i i:last-child {
    padding-right: 0px;
}

::-moz-selection {
    color: var(--cdn_white);
    background: var(--cdn_primary);
}

::selection {
    color: var(--cdn_white);
    background: var(--cdn_primary);
}

.bodyUI {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    height: 100%;
    background: white !important;
    width: 100%;
}

.bodyUI canvas {
    position: unset !important;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    border-radius: 10px;
    max-width: 500px;
    width: 1700px !important;
    display: block !important;
    margin: auto !important;
    filter: url('#shadowed-goo') drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: url('#shadowed-goo') drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
}

pages {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 3333;
    width: 100%;
    bottom: 0px;
    background: var(--black-trasparent-color);
    margin: 0px;
    padding: 0px;
}

.carousel-indicators li {
    background-color: var(--black-trasparent-color);
    width: 10px !important;
    border-radius: 40px !important;
    padding: 0px !important;
    background-clip: revert;
    height: 10px !important;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    enable-background: new 0 0 512 512 !important;
    border: 0px !important;
}

div#carouselExampleIndicators,
.carousel-inner img {
    height: 350px;
}

.carousel-item img {
    -o-object-fit: contain;
    object-fit: contain;
}

div#carouselExampleIndicators {
    background: var(--black-trasparent-color);
    border-radius: 6px;
    margin: 15px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)) !important;
    enable-background: new 0 0 512 512 !important;
}

.page_header {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)) !important;
    enable-background: new 0 0 512 512 !important;
    text-align: center;
    background: var(--black-trasparent-color);
    margin: 15px;
    border-radius: 6px;
    color: var(--white);
    width: auto;
    padding: 15px 15px;
}

pages {
    overflow: hidden;
}

pages page {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    bottom: 0px;
}

img.zoomImg {
    position: fixed !important;
    z-index: 3333333;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    background: var(--black-trasparent-color);
}

.zoomContainer {
    position: fixed;
    z-index: 333333;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
}

.zoomContainer .zoomWindowContainer div {
    left: 10px !important;
    top: 10px !important;
    width: 100%;
    width: 100% !important;
    display: block !important;
    z-index: 3333 !important;
    height: 100% !important;
    position: fixed;
    float: unset !important;
    bottom: 0px !important;
    border: none;
    position: fixed !important;
    right: 10px !important;
    width: unset !important;
    bottom: 10px !important;
    height: unset !important;
    margin: 0px !important;
    padding: 2px !important;
    border-radius: 10px !important;
    border: 2px solid var(--primary_light) !important;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    enable-background: new 0 0 512 512 !important;
}

.zoomWindowContainer {
    position: fixed !important;
    left: 0px;
    top: 0px !important;
    background: var(--black-trasparent-color);
    width: 100%;
    height: 100% !important;
    width: 100% !important;
}

.zoomer_exit {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 333333;
    color: white;
    font-size: 25px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
    enable-background: new 0 0 512 512 !important;
    background: var(--black-trasparent-color);
    width: 35px !important;
    height: 35px !important;
    padding: 0px 5.6px;
    border-radius: 6px;
}

#helper_id_helper {
    pointer-events: none !important;
    position: fixed;
    left: 20px;
    top: 20px;
    background: var(--black-trasparent-color);
    z-index: 333333;
    color: var(--white);
    padding: 5px 10px;
    border-radius: 6px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
    enable-background: new 0 0 512 512 !important;
}

div#helper_id_helper3 {
    position: absolute;
    left: 20px;
    z-index: 33333;
    bottom: 30px;
    right: 20px;
    bottom: 20px;
    border-radius: 0px 0px 9px 9px !important;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    enable-background: new 0 0 512 512 !important;
    pointer-events: none !important;
}

div#helper_id_helper3 p {
    border-radius: 6px !important;
    background: var(--black-trasparent-color);
    color: var(--white);
    padding: 10px;
    display: block;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
}

.page_header .row-0 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.page_header .col-sm-1 {
    width: 150px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.page_header .col-sm-2 {
    text-align: left !important;
}

.page_header .col-sm-2 * {
    margin-bottom: 4px;
}

.page_header .col-sm-2 h3 {
    font-size: 20px;
}

.page_header .col-sm-2 p {
    font-size: 13px;
}

#buttons a .fa-deviantart {
    margin-bottom: -3px;
}

#blogNewsBtn {
    position: fixed;
    left: 10px;
    top: 10px;
    z-index: 3 !important;
    color: var(--white);
    border: 2px solid var(--white);
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 15px;
}

body[data-hmm="ld_completeld_complete3"] .F_bi_search {
    display: none !important;
}

:root {
    --white: white;
}

.zoomContainer:not(:hover, :focus) * {
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;
    background-position: center !important;
    margin: 0px !important;
    background-repeat: no-repeat !important;
}

canvas-v.wallpaperVideo,
canvas.wallpaperVideo,
video.wallpaperVideo {
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-fit;
    object-fit: scale-fit;
    background: black;
    -webkit-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
    opacity: 0.5;
    object-fit: cover;
    -o-object-fit: cover;
    pointer-events: none;
}

div#content_Space {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(9%, transparent), color-stop(10%, rgba(255, 255, 255, .2)), color-stop(12%, rgba(255, 255, 255, .2)), color-stop(13%, transparent), color-stop(29%, transparent), color-stop(30%, rgba(255, 255, 255, .1)), color-stop(31%, rgba(255, 255, 255, .1)), color-stop(32%, transparent), color-stop(49%, transparent), color-stop(50%, rgba(255, 255, 255, .1)), color-stop(51%, rgba(255, 255, 255, .1)), color-stop(52%, transparent), color-stop(69%, transparent), color-stop(70%, rgba(255, 255, 255, .1)), color-stop(71%, rgba(255, 255, 255, .1)), color-stop(72%, transparent), color-stop(89%, transparent), color-stop(90%, rgba(255, 255, 255, .1)), color-stop(91%, rgba(255, 255, 255, .1)), color-stop(92%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(9%, transparent), color-stop(10%, rgba(255, 255, 255, .2)), color-stop(12%, rgba(255, 255, 255, .2)), color-stop(13%, transparent), color-stop(29%, transparent), color-stop(30%, rgba(255, 255, 255, .1)), color-stop(31%, rgba(255, 255, 255, .1)), color-stop(32%, transparent), color-stop(49%, transparent), color-stop(50%, rgba(255, 255, 255, .1)), color-stop(51%, rgba(255, 255, 255, .1)), color-stop(52%, transparent), color-stop(69%, transparent), color-stop(70%, rgba(255, 255, 255, .1)), color-stop(71%, rgba(255, 255, 255, .1)), color-stop(72%, transparent), color-stop(89%, transparent), color-stop(90%, rgba(255, 255, 255, .1)), color-stop(91%, rgba(255, 255, 255, .1)), color-stop(92%, transparent), to(transparent));
    height: 100%;
    background-size: 50px 50px;
    opacity: 0.3;
    position: fixed;
    left: 0px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    top: 0px;
    z-index: 3;
    pointer-events: none;
}

html.anim_djenerated div#clavs {
    background: transparent !important;
}

html.anim_djenerated p-c,
html.anim_djenerated p.p-c,
html.anim_djenerated hh_anim_start {
    -webkit-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
    opacity: 1;
}

.disable_pointer {
    pointer-events: none !important;
}

html.anim_djenerated p-c,
p-c,
html.anim_djenerated hh_anim_start,
html.anim_djenerated p.p-c {
    opacity: 0 !important;
    pointer-events: none !important
}

p.p-c {
    position: fixed;
    left: 10px;
    top: 10px;
    color: var(--white);
    opacity: 0.5;
    font-size: 15px;
    pointer-events: none;
}

@media only screen and (max-width: 700px) {
    p.p-c {
        left: 0px;
        right: 0px;
        text-align: center;
        font-size: 10px;
    }

    video.wallpaperVideo {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

div_header,
iframe.Ignoring_me_iframe.blog_style {
    background: var(--black-trasparent-color) !important;
}

.zoomContainer .zoomWindowContainer div {
    background-position: center !important;
    background-size: contain !important;
}

section[data-ui-type="slider"] {
    transition: .3s !important;
}

section[data-ui-type="slider"] * {
    box-sizing: border-box;
}

section[data-ui-type="slider"] div-echatv {
    width: -webkit-fill-available;
    height: 100% !important;
}

section[data-ui-type="slider"] div-echatv dh {
    height: -webkit-fill-available !important;
    display: flex;
    margin: 10px !important;
    width: -webkit-fill-available !important;
}

section[data-ui-type="slider"] div-echatv .img {
    border-radius: 10px !important;
    width: 100% !important;
    margin: auto !important;
}

section[data-ui-type="slider"] div-echatv {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    width: -webkit-fill-available;
    height: -webkit-fill-available !important;
    margin: 0px !important;
}

section[data-ui-type="slider"] .catascrollEchatTv {
    top: unset;
    bottom: unset;
    margin: auto;
}

section[data-ui-type="slider"] .catascrollEchatTv {
    position: fixed;
    bottom: 0px;
    z-index: 33333333;
    color: white;
    left: 39px;
    font-size: 35px;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512 !important;
    margin: 0px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0.7;
    padding: 4px;
    margin-bottom: -109px;
    margin: auto;
    right: 5px;
    left: unset;
    top: unset !important;
    bottom: unset !important;
    display: block;
    margin: auto !important;
    top: 0px;
    bottom: 0px !important;
    height: -webkit-fill-available;
    top: 0px !important;
    display: flex;
    align-items: center;
}

section[data-ui-type="slider"] .catascrollEchatTv:not(.catascrollEchatTv_right) {
    left: 5px !important;
    right: unset !important;
}

section[data-ui-type="slider"] {
    display: flex;
    align-items: center;
    align-content: center;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    z-index: 44444444;
    background: var(--black-trasparent-color);
}

section[data-ui-type="slider"] div-echatv .img {
    height: -moz-fit-content;
    height: fit-content;
    object-fit: scale-down;
    background: transparent !important;
    width: -moz-fit-content;
    width: fit-content !important;
    max-width: -webkit-fill-available !important;
    max-height: -webkit-fill-available !important;
    width: fit-content !important;
    opacity: 1;
}

section[data-ui-type="slider"] div-echatv i,
section[data-ui-type="slider"] div-echatv .img {
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    enable-background: new 0 0 512 512 !important;
}

section[data-ui-type="slider"] div-echatv iframe.img {
    height: -webkit-fill-available !important;
}

section[data-ui-type="slider"] {
    border: 2px solid var(--primary_light) !important;
    margin: 6px;
    border-radius: 10px;
}

.hidden_omega {
    opacity: 0 !important;
    pointer-events: none !important;
}

section[data-ui-type="slider"] div-echatv {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: overlay;
    padding: 10px 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    width: -webkit-fill-available;
    top: unset;
    margin-top: 35px
}

section[data-ui-type="slider"] div-echatv dh:first-child {
    margin-left: 0px
}

section[data-ui-type="slider"] div-echatv dh:last-child {
    margin-right: 0px
}

section[data-ui-type="slider"] div-echatv dh {
    margin: 0px 10px;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    enable-background: new 0 0 512 512 !important;
    border-radius: 6px
}

section[data-ui-type="slider"] div-echatv dh iframe,
section[data-ui-type="slider"] div-echatv dh .iframeImg {
    border-radius: 6px;
    border: 0px
}

section[data-ui-type="slider"] div-echatv dh {
    height: 245px
}

section[data-ui-type="slider"] div-echatv dh iframe,
section[data-ui-type="slider"] div-echatv dh .iframeImg {
    height: 240px;
    width: 120px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

section[data-ui-type="slider"] div-echatv {
    overflow-x: scroll;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow-x: auto !important;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    scroll-behavior: smooth;
    transition: margin-left 0.5s;
    margin-bottom: 75px;
    height: 278px;
    margin: 5px !important;
}

section[data-ui-type="slider"] div-echatv dh img {
    object-fit: scale-down;
}

section[data-ui-type="slider"] div-echatv::-webkit-scrollbar {
    width: 0px;
    height: 0;
}

section[data-ui-type="slider"] div-echatv dh {
    scroll-snap-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.hide_buttons[data-ui-type="slider"] .catascrollEchatTv {
    transform: scale(0) !important;
}

section[data-ui-type="slider"] dhn {
    position: absolute;
    left: 5px;
    bottom: 0px;
    z-index: 333333;
    color: white;
    background: var(--black-trasparent-color);
    padding: 4px 10px;
    border: 1px solid var(--hard_white);
    border-radius: 4px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
    enable-background: new 0 0 512 512 !important;
}

section[data-ui-type="slider"] div-echatv * {
    transition: .3s;
}

section[data-ui-type="editor"] {
    opacity: 1;
    position: fixed;
    z-index: 333;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background: red;
}

section[data-ui-type="editor"],
section[data-ui-type="editor"] * {
    box-sizing: border-box !important;
}

section[data-ui-type="editor"] iframe {
    background: white;
}

section[data-ui-type="editor"] {
    background: #333;
}

section[data-ui-type="editor"] iframe#preview-container {
    border: 0px !important;
    border-left: 2px solid #333 !important;
}

section[data-ui-type="editor"] #editor-container {
    flex: 1;
}

section[data-ui-type="editor"] #preview-container {
    flex: 1;
    border: 1px solid #ccc;
}

section[data-ui-type="editor"] div#editor-container,
section[data-ui-type="editor"] .monaco-editor {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 40% !important;
    height: -webkit-fill-available !important;
}

section[data-ui-type="editor"] iframe#preview-container {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: -webkit-fill-available;
    width: 50vh;
}

section[data-ui-type="editor"] div#editor-container,
section[data-ui-type="editor"] .monaco-editor {
    top: 50px;
    left: 0px;
    bottom: 0px !important;
    height: -webkit-fill-available !important;
    border-radius: 6px !important;
}

section[data-ui-type="editor"] div#editor-container {}

section[data-ui-type="editor"] {
    background: #333 !important;
}

section[data-ui-type="editor"] div#editor-container {}

section[data-ui-type="editor"] iframe#preview-container {
    left: unset;
    width: 60%;
    top: 50px;
}

section[data-ui-type="editor"] svg#logo_backscr_img {
    border: 2px solid var(--cdn_primary);
    width: 36px;
    height: 36px;
    border-radius: 50px;
    padding: 4px;
    position: absolute;
    top: 7px;
    opacity: 1 !important;
    left: 7px;
}

section[data-ui-type="editor"] div#editor-container,
section[data-ui-type="editor"] div#editor-container * {
    font-family: Consolas, "Courier New", monospace !important;
}

section[data-ui-type="editor"] div#resizer-container {
    position: fixed;
    top: 50px;
    background: black;
    width: 5px;
    height: -webkit-fill-available;
    bottom: 0px;
    left: 40%;
    z-index: 33;
}

section[data-ui-type="editor"] i.celvon {
    border-right: 2px solid var(--primary_light);
    padding-right: 10px;
    margin-right: 2px;
}

section[data-ui-type="editor"] btns_r i:hover {
    background: var(--primary_light);
    border-radius: 4px;
    border-color: transparent;
}

section[data-ui-type="editor"] btns_r i {
    width: 45px;
    text-align: center;
    padding: 0px 10px !important;
}

section[data-ui-type="editor"] div_header {
    background: black !important;
}

section[data-ui-type="editor"] div_header span.editor_t {
    display: none;
}

@media only screen and (max-width: 530px) {
    section[data-ui-type="editor"] div_header span:not(.editor_t) {
        display: none !important;
    }

    section[data-ui-type="editor"] div_header span.editor_t {
        display: block;
    }

    section[data-ui-type="editor"] div#editor-container {
        left: 0px;
        right: 0px;
        width: -webkit-fill-available !important;
        top: 0px;
        bottom: unset;
        height: 50vh !important;
    }

    section[data-ui-type="editor"] iframe#preview-container {
        position: to;
        top: unset;
        bottom: 0px !important;
        height: 50vh !important;
        left: 0px;
        width: -webkit-fill-available;
    }

    section[data-ui-type="editor"] div#resizer-container {
        top: 50vh;
        left: 0px;
        width: -webkit-fill-available;
        height: 3px;
        right: 0px;
        pointer-events: none;
    }
}

section[data-ui-type="editor"] editor-wrapper.resize_mode div#editor-container,
section[data-ui-type="editor"] editor-wrapper.resize_mode iframe#preview-container {
    pointer-events: none !important;
    filter: grayscale(1) !important;
}

section[data-ui-type="editor"] div#resizer-container {
    border: none !important;
    padding: 0px;
    margin: 0px;
    cursor: e-resize !important;
    user-select: none !important;
}

editor-history-rp {
    position: fixed;
    top: 50px;
    bottom: 0px;
    width: 40%;
    left: unset;
    right: 0px;
    z-index: 3333;
    background: rgb(0 0 0 / 87%);
    display: grid;
    transition: .3s;
    transform: translateX(100%);
    padding: 10px;
    overflow: auto;
}

editor-history-rp if_div {
    border: 1px solid var(--hard_white);
    margin: 4px 0px;
    border-radius: 6px;
    height: 170px;
}

editor-history-rp if_div:first-child {
    margin-top: 0px;
}

editor-history-rp if_div:last-child {
    margin-bottom: 0px;
}

editor-history-rp preview_dom {}

editor-history-rp {
    position: fixed;
    top: 50px;
    bottom: 0px;
    width: 40%;
    left: unset;
    right: 0px;
    z-index: 3333;
    background: rgb(0 0 0 / 87%);
    display: grid;
    transition: .3s;
    transform: translatefX(100%);
    padding: 10px;
    overflow: auto;
}

editor-history-rp if_div {
    border: 1px solid var(--hard_white);
    margin: 4px 0px;
    border-radius: 6px;
    height: 170px;
    display: flex;
}

editor-history-rp if_div:first-child {
    margin-top: 0px;
}

editor-history-rp if_div:last-child {
    margin-bottom: 0px;
}

editor-history-rp preview_dom,
editor-history-rp iframe.preview_dom {
    position: relative;
    width: -webkit-fill-available;
    height: 131px;
    background: white;
    pointer-events: none !important;
    border: none;
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 2px;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

editor-history-rp p {
    position: absolute;
    left: 10px;
    right: 10px;
    text-align: center;
    margin-top: 135px;
    background: white;
    color: black;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 5px;
}

.box_shadow_txtf sp {
    margin: 0px 10px;
}

@media only screen and (max-width: 600px) {
    .box_shadow_txtf {
        display: -ms-grid;
        display: grid;
        margin-bottom: 181px !important;
    }

    .box_shadow_txtf sp {
        display: none;
    }
}

.box_shadow_txtf {
    margin-bottom: 135px;
}

.box_shadow_txtf span {
    margin: 0px 0px;
}

#buttons {
    position: fixed;
    overflow-x: scroll;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow-x: auto !important;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    scroll-behavior: smooth;
    transition: margin-left 0.5s;
    -webkit-mask-image: -webkit-linear-gradient(left, transparent, transparent 0%, white 10%, white 93%, transparent 100%);
    mask-image: -webkit-linear-gradient(left, transparent, transparent 0%, white 10%, white 93%, transparent 100%);
    z-index: 333333;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: -webkit-fill-available;
}

#buttons a,
#buttons .adiv {
    scroll-snap-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px 5px;
}

#buttons a i,
#buttons a icon-i,
#buttons .adiv icon-i,
#buttons .adiv i {
    font-size: 40px !important;
    width: 60px;
    text-align: center;
    height: 60px;
    margin: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

#buttons a span,
#buttons .adiv span {
    padding-top: 10px;
    font-size: 13px !important;
}

hh_anim_start spj {
    width: -webkit-fill-available;
}

#buttons a,
#buttons .adiv {
    width: 150px !important;
    height: 150px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

#buttons a,
#buttons .adiv {
    display: -ms-grid !important;
    display: grid !important;
    text-align: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    justify-items: center;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-line-pack: center;
    align-content: center;
}

#buttons {
    padding-block: 10px;
}

#buttons::-webkit-scrollbar {
    width: 4px;
    border-radius: 30px !important;
    height: 5px;
}

#buttons::-webkit-scrollbar-track {
    background: transparent;
}

#buttons::-webkit-scrollbar-thumb {
    background: white !important;
}

#buttons::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

.href_a_span {
    display: unset !important;
    margin: 0px !important;
}

@media only screen and (min-width: 700px) {
    #buttons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 700px) {
    #buttons {
        width: 80%;
        margin: auto;
    }
}

arr_bundle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    left: 0px;
    right: 0px;
    margin-top: 0px;
    z-index: 333333;
    opacity: 1;
    bottom: 0px;
    width: 80%;
    margin: auto;
    bottom: 0px;
}

arr_bundle .catascrollEchatTv {
    position: absolute;
    bottom: 0px;
    z-index: 33333333;
    color: white;
    font-size: 35px;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512 !important;
    margin: 0px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.7;
    padding: 4px;
    margin-bottom: 63px;
}

arr_bundle .catascrollEchatTv:hover {
    opacity: 1;
}

arr_bundle .catascrollEchatTv_right {
    right: 10%;
}

#buttons a,
#buttons .adiv {
    padding: 4px 10px;
    border: 2px solid var(--cdn_white);
    color: var(--cdn_white);
    border-radius: 4px;
    margin: 0px 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 15px;
}

#buttons a .nnum,
#buttons .adiv .nnum {
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent;
    border-left: 2px solid var(--hard_white);
    border-bottom: 2px solid var(--hard_white);
    padding: 0px 5px;
    font-size: 13px;
    border-bottom-left-radius: 6px;
    background: var(--primary_light);
}

#buttons a:hover,
#buttons .adiv:hover {
    background: var(--primary_light);
}

#buttons .adiv {
    margin: 0px 5px !important;
}

hh_anim_start spjin #logo_backscr_img {
    background: transparent !important;
}

.iframe_mask {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    z-index: 1;
    pointer-events: none !important;
}

#clavs .grider_viewer,
#clavs grider_viewer {
    z-index: 1;
    background: transparent !important;
}

#clavs {
    background: white !important;
}

div#clavs {
    background: black !important;
}

iframe.iframe_mask {
    -webkit-mask-image: unset;
    mask-image: unset;
}

#clavs .grider_viewer project p,
#clavs grider_viewer project p {
    background: var(--primary_light);
}

#clavs .grider_viewer video,
#clavs .grider_viewer img,
#clavs .grider_viewer div_hr,
#clavs grider_viewer video,
#clavs grider_viewer img,
#clavs grider_viewer div_hr {
    border-color: var(--primary_light);
}

p_open {
    opacity: 0;
    background: var(--black-trasparent-color);
}

#clavs .grider_viewer .is_touch:hover p_open,
#clavs grider_viewer .is_touch:hover p_open {
    top: 45px !important;
    opacity: 1;
}

p_open.open_img {
    bottom: -50%;
    top: unset !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

#clavs .grider_viewer .is_touch:hover p_open.open_img,
#clavs grider_viewer .is_touch:hover p_open.open_img {
    top: unset !important;
    bottom: 45px !important;
}

#clavs .grider_viewer project p span,
#clavs grider_viewer project p span {
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512 !important;
}

div_header {
    background: var(--primary_light);
}

iframe.iframe_mask {
    top: 0px !important;
}

#clavs iframe:not(.iframe_mask),
#clavs .shadow_iframe,
#clavs .grider_viewer,
#clavs grider_viewer {
    top: 51px !important;
}

div_not {
    opacity: 0 !important;
}

div_not div_panel {
    background: var(--black-trasparent-color) !important;
}

div_not {
    margin-top: 6px;
}

div_not div_panel {
    padding-top: 10px !important;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contanct_frm input,
.contanct_frm select,
.contanct_frm textarea {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    background: transparent;
}

.contanct_frm input[type="submit"] {
    background-color: #04aa6d;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.contanct_frm input[type="submit"]:hover {
    background-color: #45a049;
}

.contanct_frm {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.contanct_frm {
    position: fixed;
    background: var(--black-trasparent-color);
    z-index: 333;
    bottom: 10px;
    right: 10px;
    border-radius: 6px;
    width: 550px;
    min-width: 550px;
    max-width: 550px;
    height: 460px;
    min-height: 460px;
    max-height: 460px;
    overflow-y: scroll;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512 !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
}

.contanct_frm.open {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.contanct_frm * {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
    enable-background: new 0 0 512 512 !important;
    color: white;
}

@media only screen and (max-width: 700px) {
    .contanct_frm {
        margin: auto;
        left: 10px;
        right: 10px;
        width: -webkit-fill-available;
        max-width: -webkit-fill-available;
        min-width: -webkit-fill-available;
    }
}

.contanct_frm {
    border: 2px solid var(--primary_light);
}

.contanct_frm h5 {
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--primary_light);
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.contanct_frm {
    overflow: hidden;
}

.contanct_frm form,
.contanct_frm custom-scroll {
    position: absolute;
    overflow-y: auto;
    bottom: 60px;
    top: 46px;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    left: 0px;
    padding: 10px;
}

.contanct_frm form:not(.actives),
.contanct_frm custom-scroll:not(.actives) {
    bottom: 0px !important;
}

.contanct_frm i.closec {
    position: absolute;
    right: 10px;
}

body.open_f .contanct_frm,
body.open_f .contanct_frm * {
    -webkit-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

body.open_f hh_anim_start spj {
    margin-top: 10px;
}

body.open_f .box_shadow_txtf,
body.open_f #buttons,
body.open_f arr_bundle {
    opacity: 0;
}

body.open_f .contanct_frm {
    background: transparent;
    bottom: 40px;
}

body.open_f h3 {
    font-size: 16px;
}

body.open_f #logo_backscr_img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

body.open_f hh_anim_start spjin p {
    bottom: 10px;
}

.contanct_frm input[type="submit"] {
    background-color: var(--primary_light);
    border: 2px solid white;
}

body:not(.open_f) .contanct_frm {
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: -webkit-fill-available;
    min-height: -webkit-fill-available;
    max-height: -webkit-fill-available;
    border: 0px;
    border-radius: 0px;
    border-left: 2px solid var(--white);
}

.contanct_frm fotter {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
    border-top: 2px solid var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contanct_frm fotter button {
    background: var(--primary_light);
    border: 2px solid white;
    padding: 5px 10px;
    border-radius: 4px;
}

.contanct_frm h5 {
    border-color: white !important;
}

.contanct_frm iframe.iframe_mask {
    border: 0px;
    pointer-events: none;
    z-index: -1;
}

.contanct_frm h5,
img#logo_backscr_img svg#logo_backscr_img {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 2px solid white;
    padding: 2px;
    left: 10px;
}

.contanct_frm i:not(.closec) {
    margin-right: 10px;
}

.contanct_frm * {
    -webkit-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

.contanct_frm i:not(.closec) {
    margin-right: 10px;
}

.contanct_frm textarea {
    margin-bottom: 0px;
}

.contanct_frm:not(.cants) form {
    bottom: 0px !important;
}

.contanct_frm:not(.cants) fotter {
    -webkit-transform: translateY(100px) !important;
    -ms-transform: translateY(100px) !important;
    transform: translateY(100px) !important;
}

.contanct_frm.cants fotter {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

.contanct_frm i:not(.closec) {
    margin-right: 10px;
}

.contanct_frm textarea {
    margin-bottom: 0px;
}

.contanct_frm.open.cants {
    top: 125px;
    bottom: 40px;
    height: -webkit-fill-available;
    min-height: -webkit-fill-available;
    max-height: -webkit-fill-available;
    border-color: white;
}

.contanct_frm.open.cants iframe {
    display: none !important;
}

.contanct_frm h5 svg {
    margin-bottom: 0px !important;
}

body.open_f .contanct_frm {
    bottom: 40px;
    top: 120px;
    height: -webkit-fill-available;
    min-height: -webkit-fill-available;
    max-height: -webkit-fill-available;
    border-color: white;
}

body.open_f .contanct_frm iframe {
    display: none;
}

.contanct_frm input {
    padding-right: 42px;
}

i.input_icon {
    position: absolute;
    right: 11px;
    margin-top: 32px;
    font-size: 25px;
    pointer-events: none;
}

.contanct_frm label {
    margin-bottom: 0px;
}

body:not(.open_f) .contanct_frm.open.cants {
    top: 0px !important;
    bottom: 0px !important;
}

body:not(.open_f) .contanct_frm.open.cants iframe {
    display: unset !important;
}

.contanct_frm textarea {
    min-height: 150px;
}

.contanct_frm custom-scroll p.msg,
.contanct_frm form p.msg {
    text-align: center;
    margin: auto;
}

.contanct_frm custom-scroll p.msg span,
.contanct_frm form p.msg span {
    text-decoration: underline !important;
}

.contanct_frm custom-scroll.send_yes *:not(.msg, .msg > br, .msg > span, .msg > i),
.contanct_frm form.send_yes *:not(.msg, .msg > br, .msg > span, .msg > i) {
    display: none !important;
}

.contanct_frm custom-scroll:not(.send_yes) .msg,
.contanct_frm form:not(.send_yes) .msg {
    display: none !important;
}

.contanct_frm custom-scroll.send_yes,
.contanct_frm form.send_yes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contanct_frm custom-scroll.send_yes .msg i,
.contanct_frm form.send_yes .msg i {
    font-size: 50px;
}

grider_viewer.gridsH.grids.g_gallery {}

#clavs .grider_viewer.gridsH.grids.g_gallery project p,
grider_viewer.gridsH.grids.g_gallery project p {
    display: none;
}

.grider_viewer.gridsH.grids.g_gallery project,
grider_viewer.gridsH.grids.g_gallery project {
    height: 228px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.grider_viewer.gridsH.grids.g_gallery project img,
grider_viewer.gridsH.grids.g_gallery project img {
    top: 0px;
}

.grider_viewer.gridsH.grids.g_gallery project grider_box,
grider_viewer.gridsH.grids.g_gallery project grider_box {
    height: 247px !important;
    bottom: unset !important;
    margin: 0px !important;
}

.grider_viewer.gridsH.grids.g_gallery project p_open,
grider_viewer.gridsH.grids.g_gallery project p_open {
    display: none;
}

.grider_viewer.gridsH.grids.g_gallery project img,
grider_viewer.g_gallery project img {
    border: 3px solid var(--primary_light) !important;
    border-radius: 5px !important;
    top: 0px !important;
}


.grider_viewer.gridsH.grids.g_gallery project,
grider_viewer.gridsH.grids.g_gallery project {
    line-height: 0px !important;
}

.grider_viewer.gridsH.grids.g_gallery project fiv,
grider_viewer.g_gallery project fiv {
    top: 10px !important;
}

.grider_viewer.gridsH.grids.g_gallery project fiv .bi-info-circle,
grider_viewer.g_gallery project fiv .bi-info-circle {
    margin-top: 2px !important;
    margin-left: 2px !important;
}

.grider_viewer.gridsH.grids.g_gallery *,
grider_viewer.g_gallery * {
    -webkit-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

gridder_loader {
    position: fixed;
    z-index: 3333;
    left: 0px;
    top: 0px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
    pointer-events: none;
    opacity: 0;
}

gridder_loader img {
    width: 55px;
    height: 55px;
    display: block;
    margin: auto;
}

grider_viewer.gridsH.grids.g_gallery,
grider_viewer.gridsH.grids.g_gallery * {
    -webkit-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

grider_viewer.gridsH.grids.g_gallery project {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

grider_viewer.gridsH.grids.g_gallery project grider_box {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

grider_viewer.gridsH.grids.g_gallery project grider_box img {
    border-radius: 4px !important;
}

grider_viewer.gridsH.grids.g_gallery project grider_box {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

grider_viewer.gridsH.grids.g_gallery project grider_box img {
    border-radius: 4px !important;
}

#clavs .grider_viewer.g_gallery project fiv,
#clavs grider_viewer.g_gallery project fiv {
    border-radius: 3px !important;
    width: 25px;
    height: 26px;
}

#clavs .grider_viewer.g_gallery project fiv i.bi-fullscreen,
#clavs grider_viewer.g_gallery project fiv i.bi-fullscreen {
    font-size: 18px;
    margin-top: 3.5px;
    margin-left: 3.5px;
}


#clavs .grider_viewer.g_gallery project fiv,
#clavs grider_viewer.g_gallery project fiv {
    background: rgb(0 0 0 / 52%);
    color: white;
}

iframe.blog_style {
    z-index: 1;
    background: rgb(255 255 255 / 36%) !important;
}

iframe.blog_style {
    background: transparent;
}

#clavs iframe:not(.iframe_mask) {
    -webkit-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

.h5_div svg {
    height: 25px;
    width: 25px;
    margin-right: 10px;
    border-radius: 30px;
    border: 2px solid white;
    padding: 3px;
}

.zoomWindow {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
    width: -webkit-fill-available !important;
    height: -webkit-fill-available !important;
    background-size: contain;
    background-position: center !important;
}

div#helper_id_helper3 p {
    display: none !important;
}

div_header,
iframe.Ignoring_me_iframe.blog_style {
    background: var(--black-trasparent-color) !important;
}

section[data-ui-type="slider"] div-echatv dh img {
    height: -webkit-fill-available;
}

body.spoiler_active iframe {
    opacity: 0.1;
    -webkit-filter: blur(6px) !important;
    filter: blur(6px) !important;
}


spoiler_iframe {
    position: absolute;
    top: -500px;
    right: -500px;
    bottom: -500px;
    left: -500px;
    background-image: url(/mask)0 0;
    background-size: 320px 320px;
    opacity: 0.35;
    -webkit-animation: noise 1s steps(8, end) infinite both;
    animation: noise 1s steps(8, end) infinite both;
    z-index: 34;
}

@-webkit-keyframes noise {
    0% {
        -webkit-transform: translateX(0px, 0px);
        transform: translateX(0px, 0px);
    }

    10% {
        -webkit-transform: translate(-100px, 100px);
        transform: translate(-100px, 100px);
    }

    20% {
        -webkit-transform: translate(150px, -100px);
        transform: translate(150px, -100px);
    }

    30% {
        -webkit-transform: translate(-100px, 100px);
        transform: translate(-100px, 100px);
    }

    40% {
        -webkit-transform: translate(100px, -150px);
        transform: translate(100px, -150px);
    }

    50% {
        -webkit-transform: translate(-100px, 200px);
        transform: translate(-100px, 200px);
    }

    60% {
        -webkit-transform: translate(-200px, -100px);
        transform: translate(-200px, -100px);
    }

    70% {
        -webkit-transform: translateY(50px, 100px);
        transform: translateY(50px, 100px);
    }

    80% {
        -webkit-transform: translate(100px, -150px);
        transform: translate(100px, -150px);
    }

    90% {
        -webkit-transform: translate(0px, 200px);
        transform: translate(0px, 200px);
    }

    100% {
        -webkit-transform: translate(-100px, 100px);
        transform: translate(-100px, 100px);
    }
}

@keyframes noise {
    0% {
        -webkit-transform: translateX(0px, 0px);
        transform: translateX(0px, 0px);
    }

    10% {
        -webkit-transform: translate(-100px, 100px);
        transform: translate(-100px, 100px);
    }

    20% {
        -webkit-transform: translate(150px, -100px);
        transform: translate(150px, -100px);
    }

    30% {
        -webkit-transform: translate(-100px, 100px);
        transform: translate(-100px, 100px);
    }

    40% {
        -webkit-transform: translate(100px, -150px);
        transform: translate(100px, -150px);
    }

    50% {
        -webkit-transform: translate(-100px, 200px);
        transform: translate(-100px, 200px);
    }

    60% {
        -webkit-transform: translate(-200px, -100px);
        transform: translate(-200px, -100px);
    }

    70% {
        -webkit-transform: translateY(50px, 100px);
        transform: translateY(50px, 100px);
    }

    80% {
        -webkit-transform: translate(100px, -150px);
        transform: translate(100px, -150px);
    }

    90% {
        -webkit-transform: translate(0px, 200px);
        transform: translate(0px, 200px);
    }

    100% {
        -webkit-transform: translate(-100px, 100px);
        transform: translate(-100px, 100px);
    }
}

spiler_t {
    position: fixed;
    left: 0px;
    text-align: center;
    display: block;
    top: 0px;
    color: white;
    right: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512 !important;
    z-index: 34;
}

spiler_t sspan {
    font-weight: bold;
    text-decoration: underline !important;
}

spiler_t i {
    margin-top: 30px;
    font-size: 35px;
}

b_spoiler_iframe {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.902);
    z-index: 33;
}

p_open {
    font-size: 12px !important;
}

div#clavs .br_ta {
    position: sticky;
    background: var(--black-trasparent-color);
    top: 51.1px;
    color: var(--hard_white);
    width: -webkit-fill-available;
    right: 0px;
    overflow: auto;
    z-index: 3;
    display: inline-block;
    padding: 10px 5px;
    backdrop-filter: blur(1px);
    height: fit-content;
}

div#clavs .br_ta sub_ta ta_f,
div#clavs .br_ta ta_f {
    margin: 0px 4px;
    padding: 6px;
    border-radius: 6px;
    color: var(--hard_white);
    background: var(--black-trasparent-color);
}

div#clavs .br_ta sub_ta ta_f.active,
div#clavs .br_ta sub_ta ta_f:hover,
div#clavs .br_ta ta_f.active,
div#clavs .br_ta ta_f:hover {
    background: var(--hard_white);
    color: var(--black-trasparent-color);
}

div#clavs .br_ta {
    overflow-x: scroll;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow-x: auto !important;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    scroll-behavior: smooth;
    transition: margin-left 0.5s;
}

div#clavs .br_ta::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}

div#clavs .br_ta sub_ta ta_f,
div#clavs .br_ta ta_f {
    scroll-snap-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#clavs .grider_viewer,
#clavs grider_viewer {
    padding-top: 65px !important;
}

div#clavs .br_ta {
    transition: .3s;
}

div#clavs .br_ta.active_scr {
    transform: translateY(-50px);
    opacity: 0;
}

div#clavs .br_ta,
div#clavs .br_ta ta_f {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
}

iframe {
    border: none;
}

body[data-url-id="/?p=blog"] i.pdf_download {
    display: none;
}

#clavs iframe[src="about:blank"]:not(.iframe_mask) {
    pointer-events: none !important
}

if_div iframe {
    position: unset !important;
}

a[data-iam-hidden="yes"] {
    display: none !important;
}

body.open_f #logo_backscr_img.logo_backscr_img_cnt {
    max-width: 25px !important;
    min-width: 25px !important;
    width: 25px !important;
    max-height: 25px !important;
    min-height: 25px !important;
    height: 25px !important;
}

.contanct_frm.open.yes fotter {
    transform: none !important;
    background: var(--black-trasparent-color);
}

.contanct_frm.open.yes form {
    padding-bottom: 60px;
}

.contanct_frm.open .h5_div {
    display: flex;
    align-content: center;
}

.h5_div img {
    height: 25px;
    width: 25px;
    margin-right: 10px;
    border-radius: 30px;
    border: 2px solid white;
    padding: 3px;
}

* {
    cursor: unset !important;
}

body:not([data-url-id*="?pages=tg_channel"]) .Ignoring_me_iframe.shadow_root:not(.opened),
i.tg_button {
    display: none !important;
}

.Ignoring_me_iframe.shadow_root {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    bottom: 0px;
    height: -webkit-fill-available;
    border: none;
    background: var(--cdn_primary);
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    -o-transition: filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    overflow: auto;
}

body[data-url-id*="?pages=tg_channel"] .Ignoring_me_iframe.shadow_root div iframe {
    display: block !important;
    border: 2px solid #33afed !important;
    margin: 10px !important;
    width: -webkit-fill-available !important;
    position: unset !important;
    height: 80vh !important;
    padding: 10px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
    -webkit-transition: .3s !important;
    border-radius: 10px;
}

body[data-url-id*="?pages=tg_channel"] iframe {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
    -webkit-transition: .3s !important;
    border-radius: 10px;
}

body[data-url-id*="?pages=tg_channel"] i.tg_button {
    display: block !important;
}

body[data-url-id*="?pages=tg_channel"] i.bi.bi-share {
    display: none;
}

iframe {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
    transition: .3s !important;
    -webkit-transition: .3s !important;
    border-radius: 10px;
}

body[data-url-id*="?pages=tg_channel"] i.tg_button {
    display: block !important;
}

body[data-url-id*="?pages=tg_channel"] i.bi.bi-share {
    display: none;
}

body[data-url-id*="?pages=tg_channel"] div_header {
    background: #24A1DE !important;
}

body[data-url-id*="?pages=tg_channel"] .Ignoring_me_iframe.shadow_root div iframe[data-src] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iVmppZGVvX3NqcGlubmVyIFZqaWRlb19zanBpbm5lcl9jZW50ZXIiIA0KICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogIGhlaWdodD0iNTAiDQogIHdpZHRoPSI1MCINCg0Kdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iDQogICAgd2lkdGg6IDYwcHg7DQogICAgaGVpZ2h0OiA2MHB4Ow0KICAgICANCiI+IA0KPHN0eWxlIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdHlwZT0idGV4dC9jc3MiPg0KLlZqaWRlb19zanBpbm5lciB7DQogICAgLXdlYmtpdC1hbmltYXRpb246IHJvdGF0ZSAycyBsaW5lYXIgaW5maW5pdGU7DQogICAgdHJhbnNpdGlvbjogLjNzOw0KICAgIGFuaW1hdGlvbjogcm90YXRlIDJzIGxpbmVhciBpbmZpbml0ZTsNCiAgICB6LWluZGV4OiAyMzMzMzMzMzsNCiAgICBwb3NpdGlvbjogZml4ZWQ7DQogICAgdG9wOiAzNXB4Ow0KICAgIGxlZnQ6IDM1cHg7DQogICAgbWFyZ2luOiAtMzVweCAwIDAgLTM1cHg7DQogICAgd2lkdGg6IDUwcHg7DQogICAgaGVpZ2h0OiA1MHB4Ow0KICAgIHBvaW50ZXItZXZlbnRzOiBub25lICFpbXBvcnRhbnQNCn0NCg0KLlZqaWRlb19zanBpbm5lciAucGF0aCB7DQogICAgc3Ryb2tlOiB3aGl0ZTsNCiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7DQogICAgLXdlYmtpdC1hbmltYXRpb246IGRhc2ggMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZTsNCiAgICBhbmltYXRpb246IGRhc2ggMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZTsNCiAgICAtd2Via2l0LWZpbHRlcjogZHJvcC1zaGFkb3coMnB4IDJweCAycHggcmdiYSgwLCAwLCAwLCAwLjIpKSAhaW1wb3J0YW50Ow0KICAgIGVuYWJsZS1iYWNrZ3JvdW5kOiBuZXcgMCAwIDUxMiA1MTIgIWltcG9ydGFudA0KfQ0KDQogDQoNCkAtd2Via2l0LWtleWZyYW1lcyByb3RhdGUgew0KICAgIDEwMCUgew0KICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpDQogICAgfQ0KfQ0KDQpAa2V5ZnJhbWVzIHJvdGF0ZSB7DQogICAgMTAwJSB7DQogICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZykNCiAgICB9DQp9DQoNCkAtd2Via2l0LWtleWZyYW1lcyBkYXNoIHsNCiAgICAwJSB7DQogICAgICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEsIDE1MDsNCiAgICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDANCiAgICB9DQoNCiAgICA1MCUgew0KICAgICAgICBzdHJva2UtZGFzaGFycmF5OiA5MCwgMTUwOw0KICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogLTM1DQogICAgfQ0KDQogICAgMTAwJSB7DQogICAgICAgIHN0cm9rZS1kYXNoYXJyYXk6IDkwLCAxNTA7DQogICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAtMTI0DQogICAgfQ0KfQ0KDQpAa2V5ZnJhbWVzIGRhc2ggew0KICAgIDAlIHsNCiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogMSwgMTUwOw0KICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMA0KICAgIH0NCg0KICAgIDUwJSB7DQogICAgICAgIHN0cm9rZS1kYXNoYXJyYXk6IDkwLCAxNTA7DQogICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAtMzUNCiAgICB9DQoNCiAgICAxMDAlIHsNCiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogOTAsIDE1MDsNCiAgICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IC0xMjQNCiAgICB9DQp9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0icGF0aCIgY3g9IjI1IiBjeT0iMjUiIHI9IjIwIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjUiPjwvY2lyY2xlPiA8L3N2Zz4=), linear-gradient(45deg, #24a1de, #24a1de) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

body[data-url-id*="?pages=tg_channel"] .Ignoring_me_iframe.shadow_root div iframe {
    height: 85vh !important;
    min-height: 85vh !important;
    max-height: 85vh !important;
    max-width: 500px !important;
}

.Ignoring_me_iframe.shadow_root div {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    display: block;
    overflow: auto;
    z-index: 33333333333;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.Ignoring_me_iframe.shadow_root div {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: auto !important;
    -ms-scroll-snap-type: y mandatory;
    -webkit-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.Ignoring_me_iframe.shadow_root div iframe {
    height: 100%;
    scroll-snap-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

div.bra {
    position: fixed;
    background: black;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

div.bra img.img_background_rljs {
    transition: .3s;
}

div.bra img.img_background_rljs {
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    -webkit-filter: blur(4px);
    filter: blur(2px);
    -o-object-fit: cover;
    object-fit: cover;
    background: black;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
}

div.bra img.img_background_rljs.active {
    opacity: 0.9;
}

#buttons.box_shadow img.aepraaa3 {
    background: transparent;
    border: none;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    padding: 0px;
    border-radius: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    object-fit: cover;
    pointer-events: none;
    opacity: 0;
}

#buttons.box_shadow .adiv:hover img.aepraaa3.loading {
    opacity: 0 !important;
}

#buttons.box_shadow .adiv:hover img.aepraaa3:not(.loading) {
    opacity: 0.5;
}

br_box br_aer {
    overflow-x: scroll;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow-x: auto !important;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    scroll-behavior: smooth;
    transition: margin-left 0.5s;
    -webkit-mask-image: -webkit-linear-gradient(left, transparent, transparent 0%, white 25%, white 80%, transparent 100%);
    mask-image: -webkit-linear-gradient(left, transparent, transparent 0%, white 10%, white 93%, transparent 100%);
    position: absolute;
    width: 100%;
    padding-bottom: 50px;
    right: 0px;
    left: 0px;
    padding-top: 25px;
    color: white;
}

br_box br_aer.snaped {
    bottom: 30px;
    padding: 0px;
    padding-bottom: 10px;
    position: unset;
}

br_box br_aer .baer {
    scroll-snap-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px 5px;
}

br_box br_aer img {
    pointer-events: none;
}

br_box br_aer .baer img:not(.favicon) {
    width: 50px;
    border-radius: 10px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    background: black;
    object-fit: scale-down;
}

br_box br_aer .baer img {
    -o-object-fit: cover;
    object-fit: cover;
}

br_box br_aer .baer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px !important;
}

br_box br_aer img.favicon {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    max-width: 16px !important;
    max-height: 16px !important;
    min-width: 16px !important;
    max-height: 16px !important;
}

br_box br_aer ber_f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

br_box br_aer bar_t img {
    margin-right: 5px;
}

br_box br_aer bar_t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
}

br_box br_aer .baer {
    border-radius: 10px !important;
    padding: 5px;
    font-weight: normal;
    position: relative;
}

br_box br_aer .baer:hover * {}

br_box br_aer .baer:hover {}

br_box br_aer bar_t {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 200px;
}

br_box br_aer span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 165px;
}

br_box pe {
    padding-left: 10px;
    bottom: 106px;
    color: white;
}

br_box {
    display: grid;
    flex-wrap: nowrap;
    flex-direction: column;
    bottom: 0px;
    border-radius: 10px;
    transition: .3s;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    enable-background: new 0 0 512 512 !important;
    border-radius: 0px !important;
    padding-top: 10px;
    left: 0px;
    position: static;
    border: 2px solid rgb(255 255 255 / 18%);
    border-radius: 4px !important;
}

br_box .bra {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    right: 0px;
    pointer-events: none;
    background: black;
    z-index: -1;
    border-radius: 10px;
}

br_box img.img_background_rljs {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    -webkit-filter: blur(4px);
    filter: blur(2px) !important;
    -o-object-fit: cover;
    object-fit: cover;
    background: black;
    opacity: 0.5;
    pointer-events: none;
}

br_box img.img_background_rljs {
    opacity: 0.4 !important;
}

dnm_footer {
    transition: .3s;
}

div#clavs .br_ta ta_f.active span {
    content: "3";
    color: black;
    padding: 6px;
    background: white;
    z-index: 3;
    font-weight: bold;
    font-family: arial;
    width: 20px;
    height: 20px;
    font-size: 10px !important;
}

div#clavs .br_ta ta_f.active span {
    color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 0px;
    color: var(--black-trasparent-color);
    right: 0px;
    border-bottom-left-radius: 5px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    margin-left: 5px;
    border-top: 2px solid;
    border-top-left-radius: 5px;
}

div#clavs .br_ta ta_f.active {
    padding-right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

div#clavs .br_ta ta_f:not(.active) span {}

div#clavs .br_ta ta_f span {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    font-size: 0px !important;
    width: 0px !important;
    padding: 0px !important;
}

div#clavs .br_ta ta_f:hover span {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    font-size: 10px !important;
    width: 20px !important;
    padding: 6px !important;
}

div#clavs .br_ta ta_f.active span {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    font-size: 10px !important;
    width: 20px !important;
    padding: 6px !important;
}

div#clavs .br_ta ta_f span {
    content: "3";
    color: black;
    padding: 6px;
    background: white;
    z-index: 3;
    font-weight: bold;
    font-family: arial;
    width: 20px;
    height: 20px;
    font-size: 10px !important;
}

div#clavs .br_ta ta_f span {
    font-weight: bold;
}

div#clavs .br_ta ta_f span {
    color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 0px;
    color: var(--black-trasparent-color);
    right: 0px;
    border-bottom-left-radius: 5px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    margin-left: 5px;
    border-top: 2px solid;
    border-top-left-radius: 5px;
}

div#clavs .br_ta ta_f {
    padding-right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

div#clavs .br_ta ta_f {
    text-transform: capitalize !important;
}

i..br_ta_funnel.bi.bi-funnel {
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;
    pointer-events: none;
}

div#clavs .br_ta ta_f[data-category="telegram"] i {
    margin-right: 5px;
    padding-right: 2px;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#clavs .grider_viewer project img.loader_post,
#clavs grider_viewer project img.loader_post {
    z-index: -1;
    width: 50px !important;
    height: 50px !important;
    border: none !important;
    margin: auto;
    pointer-events: none;
    top: 0px !important;
}




ta_f[data-category="deviantart"] i {
    margin-right: 5px;
}

ta_f[data-category="deviantart"]:hover,
ta_f[data-category="deviantart"].active {
    background: #00e59b !important;
}

ta_f[data-category="video"].active span,
ta_f[data-category="video"]:hover span,
ta_f[data-category="deviantart"]:hover span,
ta_f[data-category="deviantart"].active span {
    background: transparent !important;
}

ta_f[data-category="video"].active,
ta_f[data-category="video"]:hover {
    background: #b90808 !important;
    color: white !important;
}

ta_f i {
    margin-right: 5px;
}

ta_f[data-category="video"]:hover span,
ta_f[data-category="video"].active span {
    border-color: white !important;
    background: transparent !important;
    color: white !important;
}

editor-wrapper {
    background: #333;
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
}

section[data-ui-type="editor"] div#resizer-container {
    display: flex;
    width: 8px !important;
    min-width: 8px !important;
    max-width: 8px !important;
}

editor-wrapper {
    background: black;
}

editor-wrapper.active_f div#resizer-container {}

editor-wrapper.active_f iframe#preview-container {
    opacity: 0.8 !important;
    pointer-events: none !important;
}

editor-wrapper.active_f div#editor-container {
    opacity: 0.8 !important;
    pointer-events: none !important;
}

editor-wrapper div-sh {
    background: white;
    display: block;
    margin: auto;
    width: 2px;
    height: 40%;
    border-radius: 50px;
    pointer-events: none !important;
}

section[data-ui-type="editor"] size_r {
    position: absolute;
    top: 51px;
    right: 0px;
    z-index: 3333;
    background: rgb(255 255 255 / 48%);
    color: #333;
    padding: 5px 10px;
    font-size: 13px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

section[data-ui-type="editor"] iframe#preview-container {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: none !important;
}

section[data-ui-type="editor"] size_r i {
    margin-right: 5px;
}

@media screen and (max-width: 600px) {
    section[data-ui-type="editor"] iframe#preview-container {
        position: to;
        top: 0px !important;
        height: 50% !important;
    }

    editor-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    section[data-ui-type="editor"] div#editor-container {
        top: unset;
        right: 0px !important;
        left: 0px !important;
        width: 100% !important;
    }
}

id_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 33333;
}

id_mask spanf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

id_mask img#logo_edi {
    width: 50px;
    height: 50px;
    border-radius: 350px !important;
    border: 2px solid;
    padding: 4px;
    margin: auto;
}

id_mask span {
    text-align: center;
}

editor-wrapper a {
    background: #333;
    color: white !important;
    padding: 10px !important;
    line-height: normal;
    margin-top: 30px !important;
    display: block;
    outline: none;
    border-radius: 6px;
}

editor-wrapper * {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    enable-background: new 0 0 512 512;
}

div#logContainer.active {
    height: 60%;
}

div#logContainer {
    position: absolute;
    right: 0px;
    background: #333;
    z-index: 33333;
    width: 50%;
    height: 60%;
    bottom: 0px;
    width: calc(60% - 8px);
    border-top: 2px solid black;
    border-radius: 0px;
    border-left: 0px solid;
    border-bottom-left-radius: 5px;
    font-size: 12px;
    height: 32px;
    overflow: auto;
    transition: height .3s !important;
}

div#logContainer .log {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: revert-layer !important;
    margin: 5px;
    border-radius: 6px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512;
    border: 0px;
}

div#logContainer log_msg {
    display: -ms-grid;
    display: grid;
}

div#logContainer,
div#logContainer * {
    color: white;
}

div#logContainer i {
    margin-right: 7px;
}

div#logContainer .log.info {
    background: #179fff4f;
}

div#logContainer .log {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: revert-layer;
    margin: 5px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 6px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    enable-background: new 0 0 512 512;
    border: 0px;
}

div#logContainer log_msg {
    display: -ms-grid;
    display: grid;
}

div#logContainer,
div#logContainer * {
    color: white;
}

div#logContainer i {
    margin-right: 7px;
}

div#logContainer .log.info {
    background: #179fff4f;
}

div#logContainer .log.error {
    background: var(--red);
}

div#logContainer divf_ {
    position: sticky;
    left: 0px;
    right: 0px;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0px;
    margin-right: 0px;
    background: #333 !important;
    z-index: 3333;
}

div#logContainer divf_ span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 5px 10px;
    border-bottom: 2px solid;
    border-color: transparent;
}

div#logContainer {
    padding-left: 0px !important;
}

div#logContainer divf_ * {
    -webkit-filter: none !important;
    filter: none !important;
}

div#logContainer divf_ span:hover {
    background: rgb(34 34 34 / 13%);
    border-bottom-color: rgb(255 255 255 / 13%);
}

div#logContainer span:hover,
div#logContainer span.active {
    border-bottom: 2px solid;
    background: #222;
    -webkit-filter: none !important;
    filter: none !important;
}

div#logContainer span.info.active,
div#logContainer span.info.active i,
div#logContainer span.info:hover i,
div#logContainer span.info:hover {
    color: #179fff !important;
    border-bottom-color: #179fff !important;
}

div#logContainer span.info.active,
div#logContainer span.info.active i,
div#logContainer span.info:hover i,
div#logContainer span.info:hover {
    color: #179fff !important;
    border-bottom-color: #179fff !important;
}

div#logContainer span.errors.active i,
div#logContainer span.errors.active,
div#logContainer span.errors:hover i,
div#logContainer span.errors:hover {
    color: var(--red) !important;
    border-bottom-color: var(--red) !important;
}

div#logContainer divf_ span.errors:hover,
div#logContainer divf_ span.errors:hover * {
    border-color: var(--red);
    color: var(--red);
}

div#logContainer divf_ span.warnings.active,
div#logContainer divf_ span.warnings.active *,
div#logContainer divf_ span.warnings:hover,
div#logContainer divf_ span.warnings:hover * {
    border-color: orange;
    color: orange;
}

div#logContainer divf_ span.expand {
    right: 0px;
    position: absolute;
}

div#logContainer .log.warnings {
    background: orange;
}

div#logContainer .log:not(.error, .warnings) {
    display: none !important;
}

div#logContainer:hover .log:hover {
    opacity: 1;
}

div#logContainer:hover .log {
    opacity: 0.7;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

div#logContainer .log * {
    pointer-events: none;
}

@media screen and (max-width: 600px) {

    section[data-ui-type="editor"] iframe#preview-container,
    section[data-ui-type="editor"] div#editor-container {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }

    div#logContainer divf_ span {
        display: grid;
        text-align: center;
        justify-content: center;
        justify-items: center;
        width: 100%;
        position: unset !important;
    }

    div#logContainer divf_ span i {
        margin: auto;
    }

    div#logContainer:not(.active) {
        height: 51px;
    }

    div#logContainer divf_ span {}
}

.anchorTitle {
    background: rgb(0 0 0 / 0.9);
}

.anchorTitle img.is_touch.in_hover {
    position: absolute;
    left: 0px;
    z-index: -34;
    top: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    opacity: 0.5;
    background: black;
}

body[data-url-id="yes"] div#clavs:hover .grider_viewer:hover project:hover,
body[data-url-id="yes"] div#clavs:hover grider_viewer:hover project:hover,
body[data-url-id="/?p=projects"] div#clavs:hover .grider_viewer:hover project:hover,
body[data-url-id="/?p=projects"] div#clavs:hover grider_viewer:hover project:hover {
    opacity: 1;
}


body[data-url-id="yes"] div#clavs:hover .grider_viewer:hover project:not(:hover) *,
body[data-url-id="/?p=projects"] div#clavs:hover .grider_viewer:hover project:not,
body[data-url-id="yes"] div#clavs:hover grider_viewer:hover project:not(:hover) *,
body[data-url-id="/?p=projects"] div#clavs:hover grider_viewer:hover project:not(:hover) * {
    opacity: 0.7;
}

body[data-url-id="/?p=projects"] div#clavs:hover {
    background: rgb(0 0 0 / 60%) !important;
}

body[data-url-id="yes"] div#clavs:hover grider_viewer:hover project:hover,
body[data-url-id="yes"] div#clavs:hover grider_viewer:hover project:hover {
    opacity: 1;
}

body[data-url-id="yes"] div#clavs:hover grider_viewer:hover project:not(:hover) * {
    opacity: 0.7;
}

body[data-url-id="yes"] div#clavs:hover grider_viewer:hover project img.loader_post {
    opacity: 0;
}

body[data-url-id="yes"] div#clavs:hover {
    background: rgb(0 0 0 / 60%) !important;
}

body[data-url-id="/?p=projects"] div#clavs:hover grider_viewer project:hover,
body[data-url-id="yes"] div#clavs:hover grider_viewer project:hover {
    -webkit-transform: scale(1.05) !important;
    -ms-transform: scale(1.05) !important;
    transform: scale(1.05) !important;
}

editor-wrapper id_mask a {
    opacity: 0.8;
    -webkit-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
}

editor-wrapper id_mask a:hover {
    opacity: 1;
}

div_preview {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--black-trasparent-color);
    z-index: 33333;
    border-top: 2px solid;
    color: white;
    font-size: 12px;
    padding: 10px;
    border-top-color: #444;
    display: -ms-grid;
    display: grid;
    overflow: auto;
    max-height: 150px !important;
}

div_preview img {
    display: none;
}

div_preview div_h {
    font-size: 14px;
    border-bottom: 1px solid white;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

div_preview div_h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

div_preview divh2 {
    width: 30%;
    padding: 2px;
    background: white;
    border-radius: 40px;
    margin: 65px auto !important;
}

div_preview div_bck {
    background-image: -o-linear-gradient(45deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
    background-image: linear-gradient(45deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

div_preview img {
    display: none;
}

div_preview div_h {
    font-size: 14px;
    border-bottom: 1px solid white;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

div_preview div_h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

div_preview divh2 {
    width: 30%;
    padding: 2px;
    background: white;
    border-radius: 40px;
    margin: 7px auto !important;
    margin-left: 0px !important;
}

div_preview div_bck {
    background-image: -o-linear-gradient(45deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
    background-image: linear-gradient(45deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

div_preview.closed {
    max-height: 53px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

div_preview.closed div_t {
    display: none;
}

div_preview.closed dtitle {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 1.2em;
    white-space: nowrap;
}

div_preview dtitle {
    border-left: 2px solid white;
    padding-left: 5px;
    margin: 4px 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

div_preview.closed dtitle {
    height: 17px;
}

video.video_is_hidden {
    opacity: 0 !important;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] div_header {
    display: block !important;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] div_header #logo_backscr_img {
    opacity: 1;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: calc(100% - 50px);
    display: block;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] i.bi.bi-arrow-left-short.editor_btns.undo {
    opacity: 0.5;
    pointer-events: none;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] i.bi.bi-arrow-left-short.editor_btns.undo.active {
    opacity: 1 !important;
    pointer-events: unset !important;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer sp_clv {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    bottom: 0px;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 33333;
    color: white;
    font-size: 13px;
    text-align: center;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer project:not([box-ui="uit-gallery"]) fiv {
    display: none !important;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer {
    padding: 5px !important;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer sp_clv i {
    font-size: 40px;
    width: 60px;
    height: 60px;
    display: block;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer p-title {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer project img {
    opacity: 0.7;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer img_drps {
    position: absolute;
    width: 100%;
    height: calc(100% - 15px);
    background: rgb(0 0 0 / 0.5);
    z-index: -1;
    border-radius: 10px !important;
}

#clavs grider_viewer project:hover p_open {
    top: 45px !important;
    opacity: 1;
    z-index: 333333333;
}

span_live {
    position: absolute;
    bottom: 30px;
    z-index: 33333;
    left: 0px;
    right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: center;
    align-content: center;
    pointer-events: none;
}

span_live btn_l {
    background: hwb(0deg 0% 0% / 58%);
    color: white;
    border-radius: 6px !important;
    margin: 4px;
    padding: 4px 10px;
    font-size: 13px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
}

@-webkit-keyframes span_live_i {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes span_live_i {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

span_live btn_l i {
    margin-right: 4px;
    -webkit-animation: span_live_i 2s infinite;
    animation: span_live_i 2s infinite
}

a.fiv_d {
    position: absolute;
    font-size: 11px;
    bottom: 32px !important;
    top: unset !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 5px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    background: rgb(0 0 0 / 52%);
    opacity: 1;
    z-index: 333;
    color: white;
    padding: 5px;
    border-radius: 4px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
}

a.fiv_d icon-i,
a.fiv_d i {
    margin-right: 6px;
}

ta_f[data-category="astronomy"]:hover i,
ta_f[data-category="astronomy"].active i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

body div.solarsystem,
body div-solarsystem,
body[data-category-name="astronomy"] #clavs grider_viewer {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

body div.solarsystem {
    background: black;
}

body[data-category-name="astronomy"].active #clavs grider_viewer {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100dvh);
    -ms-transform: translateY(100dvh);
    transform: translateY(100dvh);
}

body:not([data-category-name="astronomy"]) div.solarsystem,
body:not([data-category-name="astronomy"]) div-solarsystem,
body:not([data-category-name="astronomy"]) solar_arrow {
    opacity: 0 !important;
    pointer-events: none !important;
}

body div-solarsystem,
body div.solarsystem {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

solar_arrow {
    color: white;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    z-index: 33333353;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    padding: 10px;
    border-top: 1px solid #ffffff36;
    background: var(--black-trasparent-color);
}

solar_arrow labelv span {
    margin: 0px 10px;
}

body[data-category-name="astronomy"] grider_viewer.gridsH.grids {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, black), to(transparent));
    -webkit-mask-image: linear-gradient(black 60%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, black), to(transparent));
    mask-image: linear-gradient(black 60%, transparent);
}

solar_arrow back_f {
    width: 300px;
    height: 200px;
    background: rgb(255 255 255 / 8%);
    border-radius: 0px;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(10px);
    border: 0px;
    padding: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

solar_arrow * {
    -webkit-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
}

solar_arrow:hover back_f {
    background: rgb(255 255 255 / 10%) !important;
}

#clavs grider_viewer video {
    -webkit-mask-image: radial-gradient(#00000026, #000000);
    mask-image: radial-gradient(#00000026, #000000);
}

#clavs grider_viewer#gallery-container:not(.g_gallery) video,
#clavs grider_viewer#gallery-container:not(.g_gallery) img,
#clavs grider_viewer#gallery-container:not(.g_gallery) div_hr {
    top: 0px;
    margin-top: 34px;
}

div#zoomWindowContainer iframe {
    position: absolute;
    top: 60px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    height: calc(100% - 75px) !important;
    width: calc(100% - 20px) !important;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer sp_clv {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) !important;
    enable-background: new 0 0 512 512 !important;
    -webkit-transition: .3s !important;
}

video-player#video_preview {
    -webkit-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
}

video-player#video_preview {
    position: fixed;
    left: 0px;
    z-index: 333333;
    width: 100%;
    height: calc(100dvh - 51px);
    bottom: 0px !important;
    border-top: 1px solid #ffffff2e;
    border-radius: 0px;
    -webkit-transform: translateY(100dvh);
    -ms-transform: translateY(100dvh);
    transform: translateY(100dvh);
    opacity: 0;
}

p-container.shadow_iframe {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    background: var(--black-trasparent-color) !important;
}

p-container.shadow_iframe.active {
    opacity: 1;
    pointer-events: unset !important;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: white;
}

::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

ta_f[data-category="technews"] {
    border: 2px solid var(--red);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    display: grid !important;
}

ta_f[data-category="technews"] span {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    font-size: 10px !important;
    color: white !important;
    width: 40px !important;
    padding: 6px !important;
    min-width: -webkit-fill-available;
    background: transparent !important;
    border: 0px !important;
    background: var(--red) !important;
    border-radius: 0px !important;
    margin: 0px !important;
}

ta_f[data-category="technews"] {
    border: 2px solid var(--red);
    padding: 0px !important;
    display: grid !important;
    min-width: 150px;
    color: var(--red) !important;
}

ta_f[data-category="technews"] span_t {
    font-size: 4px !important;
}

blue-warp {
    pointer-events: none;
}

ta_f[data-category="technews"] blue-warp {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    pointer-events: none;
    z-index: -1;
    border-radius: 0px !important;
    border: none !important;
    opacity: 0.5;
    -webkit-filter: invert(1) !important;
    filter: invert(1) !important;
}

ta_f[data-category="technews"]:not([data-scn="nasa"]),
ta_f[data-category="technews"] *:not([data-scn="nasa"]) {
    pointer-events: none;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 10px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

pdf-viewer {
    display: block;
    width: 250px;
    height: 250px;
    background: rgb(0 0 0 / 32%);
}

svg_viewer,
video-player-v2 {
    display: block;
    margin: 20px 0px !important;
    width: -webkit-fill-available;
    border-radius: 10px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)) !important;
    enable-background: new 0 0 512 512 !important;
    pointer-events: none;
}

div#clavs div_header,
div#clavs .br_ta,
#clavs grider_viewer {
    transition: .3s !important;
}

div#clavs.scrollactive div_header,
div#clavs.scrollactive .br_ta {}

div#clavs.scrollactive div_header {
    opacity: 0 !important;
    pointer-events: none !important;
}

div#clavs.scrollactive grider_viewer {
    transform: translateY(0px);
    padding-top: 10px !important;
}

div#clavs.scrollactive .br_ta {
    top: 0px;
}

fiv_title {
    background: rgb(0 0 0 / 52%);
    opacity: 1;
    z-index: 333;
    color: white;
    padding: 5px;
    border-radius: 4px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)) !important;
    enable-background: new 0 0 512 512 !important;
    position: absolute;
    font-size: 11px;
    margin: 10px;
    height: 26px;
    margin-top: 10px;
    padding: 5px;
    display: block;
    border-radius: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100% - 55px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-top: 12px;
}

div#clavs.gallery_mode section[data-ui-type="gallery"] grider_viewer:hover project:not(:hover) {
    opacity: 0.5 !important;
}

blog_post_loader {
    position: fixed;
    z-index: 23423423423432423423;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    background: var(--black-trasparent-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

blog_post_loader,
blog_post_loader * {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

blog_post_loader loader {
    display: block;
    margin: auto;
}

blog_post_loader loader img {
    display: block;
    margin: auto;
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 150px;
    margin: auto;
    opacity: 0.9;
    padding: 5px;
    background: var(--black-trasparent-color);
    border: 3px solid rgb(255 255 255 / 21%);
    -webkit-filter: blur(0.5px);
    filter: blur(0.5px);
}

blog_post_loader loader rotater {
    display: block;
    width: 150px;
    height: 150px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-radius: 150px;
    position: absolute;
    border: 3px solid;
    z-index: 3;
    border-top: 3px solid white;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

blog_post_loader.active {
    opacity: 0 !important;
}

blog_post_loader.active loader {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

solar-map {
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    background: black;
}

video-player#homevideo {
    position: fixed;
    left: 0px;
    right: 0px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    -o-object-fit: scale-fit;
    object-fit: scale-fit;
    background: black;
    -webkit-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
    opacity: 0.5;
}

body {
    transition: .3s;
}

svg_viewer {
    background: white;
}

svg_viewer {
    display: block;
    min-height: 70vh !important;
    height: 70vh !important;
    background: white;
}

div_header #logo_backscr_img {
    opacity: 1;
}

video.wallpaperVideo {
    -o-object-fit: cover;
    object-fit: cover;
}

div#clavs .br_ta ta_f[data-feed="nasa"] {
    background-image: url(/logo_nasa), -o-linear-gradient(45deg, black, #0B3D91);
    background-image: url(/logo_nasa), linear-gradient(45deg, black, #0B3D91);
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-color: #4266a3 !important;
    color: white !important;
}

div#clavs .br_ta ta_f[data-feed="nasa"] span_t {
    text-align: right !important;
    padding-right: 10px;
}

ta_f.active.sub_category {
    padding-bottom: 11px !important;
    margin-bottom: -5px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background: rgb(90 90 90 / 55%);
}

.br_ta.sub_cat {
    position: absolute !important;
    top: 0px !important;
    bottom: unset !important;
    margin-top: -131px !important;
    border-top: 2px solid white !important;
    border-bottom: 2px solid white !important;
    background: rgb(90 90 90 / 55%) !important;
}

.br_ta.sub_cat {
    margin-top: 102px !important;
    z-index: 4 !important;
}

div#clavs.scrollactive .br_ta.sub_cat {
    margin-top: 51px !important;
    opacity: 0.5;
}

div#clavs.scrollactive .br_ta.sub_cat:hover {
    opacity: 1;
}

p-search {
    position: fixed;
    z-index: 3333;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--black-trasparent-color);
    backdrop-filter: blur(2px);
}

#buttons {
    background: #ffffff08;
}

div#clavs.scrollactive .br_ta * {
    transition: .2s !important;
}

project grider_box div_txt {
    position: absolute;
    left: 0px;
    top: 34px;
    right: 0px;
    bottom: 0px;
    border: 3px solid var(--primary_light);
    width: 100%;
    border-top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
    height: calc(100% - 50px);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    pointer-events: none;
}

project grider_box i_list {
    position: absolute;
    left: 8px;
    bottom: 21px;
    z-index: 1;
    opacity: 1;
    color: white;
    pointer-events: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

project grider_box div_txt txt_f {
    position: absolute;
    left: 0px;
    top: 34px;
    right: 0px;
    bottom: 0px;
    border: 3px solid var(--primary_light);
    width: 100%;
    border-top: 0px;
    background: -o-linear-gradient(bottom, black, transparent);
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent));
    background: linear-gradient(0deg, black, transparent);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
    height: calc(100% - 50px);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #ffffff8c;
    padding: 10px;
}

project grider_box div_txt span {
    color: white;
    -webkit-mask-image: linear-gradient(1deg, #000000f2, transparent);
    mask-image: linear-gradient(178deg, #000000f2, transparent);
    padding: 10px;
    height: 100%;
    display: block;
    width: 100%;
    position: relative;
    height: 100%;
    font-size: large;
    background: black;
}

.loader {
    -webkit-filter: drop-shadow(0 0 6px #fff);
    filter: drop-shadow(0 0 6px #fff);
    width: 35px;
    height: 35px;
    position: fixed;
    z-index: 9999;
    pointer-events: none;
}

* {
    cursor: none !important;
}

grider_viewer.grider_viewer_f {
    top: 0px !important;
    padding: 0px !important;
}




.context-menu_ {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    z-index: 12134;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 120px;
    padding: 0.25rem;
}

.context-menu_ {
    background-color: #00000057;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    border-color: #ffffff69;
}

.context-menu_ button icon-i {
    display: block;
    width: 20px;
    margin-top: 3px;
}

.context-menu_ button {
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.75rem;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: inherit;
    border-radius: 0.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color:white;

}

.context-menu_ button:hover {
    background-color: #f3f4f6;
}

.context-menu_ button:hover {
    background-color: #4b5563;
}

.context-menu_.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

* {
    cursor: none !important;
}