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

 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:wght@500&display=swap');


/* Text/caption.
   This is the CSS for the text that I used for the caption, it is just an example, you can use your own CSS. */

.fwdss-text{
    overflow: visible !important;
    display: inline-block !important;
    text-align: center !important;
    top: calc(50% - 5px) !important;
    left: 50% !important;
    transform-origin: center !important;
    text-align: center !important;
    z-index: 1 !important;
}

.fwdss-text .span1{
    position: relative !important;
    display: inline-block !important;
    font: 900 180px Roboto, Arial !important;
    overflow: visible !important;
    white-space: nowrap !important;
    animation-duration: 2s;
    animation-delay: 0.0s;
    animation-name: fwdds_text;
    animation-fill-mode: forwards; 
    animation-timing-function: ease-in-out;
    opacity: 0;
    z-index: 0 !important;
    cursor: default !important;
    margin: -25px 0 0  !important;
    padding: 0 !important;
    color: #fff !important;
}

.fwdss-text .span2 {
    position: relative !important;
    display: inline-block !important;
    font: 400 32px Roboto, Arial !important;
    animation-duration: 2s;
    animation-delay: 0.6s;
    animation-name: fwdds_text;
    animation-fill-mode: forwards; 
    animation-timing-function: ease-in-out;
    position: relative !important;
    letter-spacing: 14px !important;
    margin: 20px 0 0 !important;
    opacity: 0;
    color: #FFF !important;
}

@keyframes fwdds_text {
    0% {
        opacity: 0;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

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

.fwdds-error-window-text{
    font: 400 16px Roboto, Arial !important;
    padding: 7px 21px 9px 23px !important;
    color: #000;
}

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

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


/* Scroll down mouse icon. */
.fwdds-mouse-scroll-icon {
    position: absolute;
    left: calc(50% - 15px) !important;
    top: calc(100% - 70px) !important;
    z-index: 1;
    opacity: 0;
    animation-name: fwdds_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 fwdds_fade_in_opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

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

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

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

.fwdss-text.fwdss-size-1700 .fwdss-text-holder,
.fwdss-text.fwdss-size-1600 .fwdss-text-holder{
   transform: scale(0.95) !important;
}

.fwdss-text.fwdss-size-1500 .fwdss-text-holder,
.fwdss-text.fwdss-size-1400 .fwdss-text-holder{
    transform: scale(0.9) !important;
}

.fwdss-text.fwdss-size-1300 .fwdss-text-holder{
    transform: scale(0.85) !important;
}

.fwdss-text.fwdss-size-1200 .fwdss-text-holder,
.fwdss-text.fwdss-size-1100 .fwdss-text-holder{
    transform: scale(0.80) !important;
}

.fwdss-text.fwdss-size-1000 .fwdss-text-holder,
.fwdss-text.fwdss-size-900 .fwdss-text-holder{
    transform: scale(0.75) !important;
}

.fwdss-text.fwdss-size-800 .fwdss-text-holder,
.fwdss-text.fwdss-size-700 .fwdss-text-holder{
    transform: scale(0.70) !important;
}

.fwdss-text.fwdss-size-600 .fwdss-text-holder,
.fwdss-text.fwdss-size-500 .fwdss-text-holder{
    transform: scale(0.5) !important;
}

.fwdss-text.fwdss-size-400 .fwdss-text-holder{
    transform: scale(0.4) !important;
}

.fwdss-text.fwdss-size-300 .fwdss-text-holder,
.fwdss-text.fwdss-size-200 .fwdss-text-holder{
    transform: scale(0.3) !important;
}


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

.dg.main.a.closed{
  overflow: visible !important;
}

.dg.main.a.opened{
  overflow: auto;
}

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

.dg.a{
  margin: 0 !important;
}

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

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

.dg.main.a .has-slider 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;
}


 /* WooCommerce dis[play. */
 .fwdss-full-width{
    display: block !important;
    width: 100% !important;
 }

 .fwdss-full-width{
    display: block !important;
    width: 100% !important;
 }


/* Stuff. */
.fwdss-data-gallery,
.fwdss-text-data{
  display: none !important;
}