/**
 * Forever Grid PACKAGED v:1.0
 * Forever Grid global CSS.
 * @author Tibi - FWDesign [https://webdesign-flash.ro/]
 * Copyright © Since 2006 All Rights Reserved.
 */


/* Font icon. */
@font-face {
    font-family: 'fwdfgcon';
    src:
      url('fonts/fwdfgcon.ttf?ki1d5r') format('truetype'),
      url('fonts/fwdfgcon.woff?ki1d5r') format('woff'),
      url('fonts/fwdfgcon.svg?ki1d5r#fwdfgcon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
.fwdfg-icon,
[class^="fwdfg-icon-"]:before,
[class*=" fwdfg-icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fwdfgcon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.fwdfg-icon-scroll-1:before {
    content: "\e901";
}

.fwdfg-icon-scroll:before {
    content: "\e902";
}

.fwdfg-icon-warning:before {
    content: "\e900";
 }
  

/* Scroll button. */
.fwdfg-scroll-button{
    position: absolute !important;
    left: calc(50% - 40px) !important;
    top:  calc(100% - 70px) !important;
    mix-blend-mode: difference !important;
}

.fwdfg-scroll-button .fwdfg-icon-scroll{
    font-size: 40px !important;
}

.fwdfg-scroll-button .fwdfg-icon-scroll-1{
    font-size: 40px !important;
}


/* Fluid effect. */
.fwdfg-fluid-main-text{
    font: 800 60px 'Titillium Web', sans-serif !important;
    color: #111111;
}

.fwdfg-fluid-sub-text{
    font: 400 16px 'Titillium Web', sans-serif !important;
    display: block !important;
    letter-spacing: 2px !important;
    margin: -30px auto 0 !important;
    color: #111111;
}

.fwdfg-fluid-main-text span,
.fwdfg-fluid-sub-text span{
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform, opacity;
}



/* Caption. */
.fwdfg.caption{
    font: 400 18px 'Titillium Web', sans-serif !important;
    width: 100%;
    line-height: 2 !important;
    white-space: nowrap !important;      
    text-align: center !important;
    overflow: hidden !important;      
    pointer-events: none !important;  
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    margin: -5px 0 0 0 !important;
    color: #FFFFFF !important;
}


/* Background text. */
.fwdfg-bk-text {
    font: 800 260px 'Titillium Web', sans-serif !important;
    display: inline-block !important;
    line-height: 1 !important;
    letter-spacing: 20px !important;
    white-space: nowrap !important;  
    pointer-events: none !important;
    box-sizing: border-box !important;
    color: #121212 !important;
    width: auto !important;
    overflow: visible !important;
    text-align: left !important;
}

.fwdfg-bk-letter {
    will-change: opacity, transform !important;
}

@media screen and (max-width: 1250px) {
    .fwdfg-bk-text {
        font-size: 190px !important;
        letter-spacing: 10px !important;
    }
}

@media screen and (max-width: 950px) {
    .fwdfg-bk-text {
        font-size: 140px !important;
        letter-spacing: 10px !important;
    }
}

@media screen and (max-width: 750px) {
    .fwdfg-bk-text {
        font-size: 100px !important;
        letter-spacing: 10px !important;
    }
}

@media screen and (max-width: 600px) {
    .fwdfg-bk-text {
        font-size: 70px !important;
        letter-spacing: 10px !important;
    }
}



/* General. */
.fwdfg-error-window{
    background: #FFF !important;
}

.fwdfg-error-window-text{
    padding: 7px 21px 9px 23px !important;
    color: #000;
}

.fwdfgicon-error{
    position: relative !important;
    top: 5px !important;
    left: -5px !important;
    margin: 0 1px 0 0;
    color: #F00;
}

.fwdfgicon-error:before{
    font-size: 26px;
}

/* Error window. */
.fwdfg-error-window{
    background: #FFF !important;
}

.fwdfg-error-window-text{
    font-size: 16px !important;
    padding: 7px 21px 9px 23px !important;
    color: #000;
}

.fwdfg-error{
    position: relative !important;
    top: 5px !important;
    left: -5px !important;
    margin: 0 1px 0 0;
    color: #F00;
}

.fwdfg-error:before{
    font-size: 26px;
}


/* Scroll down mouse icon. */
.fwdfg-mouse-scroll-icon {
    position: absolute  !important;
    mix-blend-mode: difference  !important;
    left: calc(50% - 15px) !important;
    top: calc(100% - 70px) !important;
    z-index: 1 !important;
    opacity: 0;
    animation-name: fwdfg_fade_in_opacity;
    animation-duration: 2.5s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; /* Ensures opacity remains at 1 after animation */
}

/* Keyframes for the opacity animation */
  @keyframes fwdfg_fade_in_opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fwdfg-mouse-scroll-icon .scrolldown {
    border: 3px solid #ffffff;
    border-radius: 20px;
    height: 40px;
    margin: 0 auto 8px;
    text-align: center;
    width: 26px;
}

.fwdfg-mouse-scroll-icon .scrolldown-p1,
.fwdfg-mouse-scroll-icon .scrolldown-p2 {
    animation-duration: 1.5s;
    animation-name: fwdfg_scroll_down;
    animation-iteration-count: infinite;
    fill: #FFFFFF;
}
  
.fwdfg-mouse-scroll-icon .scrolldown-p2 {
	  animation-delay: .75s;
}

@keyframes fwdfg_scroll_down {
    0% {
        opacity: 0;
        transform: translate(0, -8px);
    }
    50% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, 8px);
    }
}


/* GUI. */
.dg.main.a{
    z-index: 9999;
    margin:0;
}

.dg.main.a.closed{
 
}

.dg.main.a.opened{
  
}

.dg .c{
    width: 50% !important;
}

.dg .property-name{
    width: 50% !important;
}

.dg.main.a .grid{
    width: 71%;
    margin-left:0;
}

.dg.main.a .has-grid input[type=text]{
    width: 24% !important;
    padding: 2px !important;
}

.dg.main.a .cr.color input[type=text]{
    padding: 2px 0;
}

.dg .close-button{
    width: 100% !important;
}

.dg > ul{
    height: auto !important;
}

/* Stats. */
.fwdfg-imafe-manager > div{
    position: absolute !important;
}