.elementor-2356 .elementor-element.elementor-element-36f396d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-36f396d *//* =========================================================
RESET
========================================================= */

html,
body{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#000!important;
}

body{
  position:fixed!important;
  inset:0!important;
}

/* =========================================================
WOODMART CLEAN
========================================================= */

.whb-header,
.whb-main-header,
.whb-sticky-header,
.whb-clone,
.mobile-nav,
.wd-side-hidden,
.wd-header-mobile-nav,
.wd-close-side,
.wd-side-hidden-nav,
.wd-nav-mobile,
.mobile-menu,
.site-mobile-menu,
.wd-toolbar,
.wd-toolbar-shop,
.footer-container,
.site-footer{
  display:none!important;
}

.main-page-wrapper,
.site-content,
.content-layout-wrapper,
.elementor,
.elementor-section-wrap{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
}

/* =========================================================
BASE
========================================================= */

.rr-os-desktop-page{
  position:relative;
  width:100vw;
  height:100dvh;
  overflow:hidden;
  background:#020505;
  color:#fff;
  font-family:inherit;
}

/* =========================================================
VIDEO
========================================================= */

.rr-os-bg-video{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  filter:
    brightness(.72)
    contrast(1.08)
    grayscale(8%);

  transform:scale(1.03);

  z-index:1;
}

/* =========================================================
OVERLAY
========================================================= */

.rr-os-bg-overlay{
  position:absolute;
  inset:0;

  z-index:2;

  background:
    radial-gradient(circle at center, rgba(0,0,0,.10), rgba(0,0,0,.72)),
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.24), rgba(0,0,0,.78));
}

.rr-os-scan{
  position:absolute;
  inset:0;

  z-index:3;

  pointer-events:none;

  opacity:.08;

  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.10) 0px,
      rgba(255,255,255,.10) 1px,
      transparent 1px,
      transparent 5px
    );
}

/* =========================================================
HEADER
========================================================= */

.rr-os-header{
  position:absolute;

  top:0;
  left:0;
  right:0;

  height:54px;

  z-index:30;

  display:grid;
  grid-template-columns:1fr auto 1fr;

  align-items:center;

  padding:0 18px;

  border-bottom:1px solid rgba(255,255,255,.06);

  background:rgba(0,0,0,.30);

  backdrop-filter:blur(10px);

  color:rgba(255,255,255,.55);

  font-size:10px;

  letter-spacing:1.8px;
}

.rr-os-menu{
  display:flex;
  align-items:center;
  gap:20px;
}

/* =========================================================
CENTER LOGO
========================================================= */

.rr-os-brand{
  width:58px;
  height:38px;

  min-width:0;

  display:flex;
  align-items:center;
  justify-content:center;

  border:0;

  background:transparent;

  text-decoration:none;

  transition:.25s;
}

.rr-os-brand:hover{
  background:rgba(71,224,12,.08);
  box-shadow:0 0 18px rgba(71,224,12,.10);
}

.rr-os-brand img{
  width:34px;
  height:auto;
  display:block;
  filter:drop-shadow(0 0 10px rgba(71,224,12,.16));
}

/* =========================================================
STATUS
========================================================= */

.rr-os-status{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;

  color:rgba(255,255,255,.48);
}

.rr-dot{
  width:8px;
  height:8px;

  border-radius:50%;

  background:#47e00c;

  box-shadow:
    0 0 12px rgba(71,224,12,.8);

  animation:rrPulse 2.6s ease-in-out infinite;
}

/* =========================================================
USER PANEL
========================================================= */

.rr-os-userpanel{
  position:absolute;

  top:72px;
  right:22px;

  z-index:20;

  width:250px;

  padding:16px;

  border:1px solid rgba(255,255,255,.08);

  background:rgba(0,0,0,.22);

  backdrop-filter:blur(10px);
}

.rr-user-card{
  display:flex;
  align-items:center;
  gap:12px;
}

.rr-user-card img{
  width:28px;
}

.rr-user-card strong{
  display:block;

  color:#fff;

  font-size:11px;

  letter-spacing:1.6px;
}

.rr-user-card span,
.rr-user-stat span{
  display:block;

  margin-top:4px;

  color:rgba(255,255,255,.38);

  font-size:7px;

  letter-spacing:1.4px;
}

.rr-user-stat{
  margin-top:16px;
}

.rr-user-stat strong{
  display:block;

  margin-top:6px;

  color:#47e00c;

  font-size:11px;

  letter-spacing:2px;
}

.rr-user-progress{
  width:100%;
  height:4px;

  margin-top:12px;

  background:rgba(255,255,255,.08);

  overflow:hidden;
}

.rr-user-progress i{
  display:block;

  width:72%;
  height:100%;

  background:#47e00c;

  box-shadow:
    0 0 12px rgba(71,224,12,.7);
}

/* =========================================================
ICONS DESKTOP
========================================================= */

.rr-os-icons{
  position:absolute!important;

  top:92px!important;
  left:34px!important;

  z-index:16!important;

  display:grid!important;

  grid-template-columns:repeat(2,150px)!important;

  gap:46px 34px!important;
}

.rr-os-icon{
  width:150px!important;
  min-height:130px!important;

  padding:12px 8px!important;

  border:1px solid transparent!important;

  background:transparent!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;

  gap:12px!important;

  color:rgba(255,255,255,.58)!important;

  cursor:pointer!important;

  transition:.25s!important;
}

.rr-os-icon:hover{
  background:rgba(71,224,12,.055)!important;

  border-color:rgba(71,224,12,.16)!important;

  color:#47e00c!important;
}

.rr-os-icon small{
  display:block!important;

  width:120px!important;
  max-width:120px!important;

  text-align:center!important;

  font-size:8px!important;

  line-height:1.35!important;

  letter-spacing:.7px!important;

  color:inherit!important;

  white-space:normal!important;

  overflow-wrap:anywhere!important;

  word-break:break-word!important;

  margin:0!important;
}

/* =========================================================
ICONS VISUAL
========================================================= */

.rr-folder-icon,
.rr-file-icon,
.rr-lock-icon,
.rr-video-icon{
  width:70px!important;
  height:52px!important;

  display:block!important;

  flex-shrink:0!important;

  border:1px solid rgba(71,224,12,.32)!important;

  background:
    linear-gradient(
      180deg,
      rgba(71,224,12,.16),
      rgba(71,224,12,.035)
    )!important;

  box-shadow:
    inset 0 0 18px rgba(71,224,12,.03),
    0 0 16px rgba(71,224,12,.08)!important;
}

.rr-folder-icon{
  clip-path:polygon(
    0 20%,
    28% 20%,
    36% 0,
    100% 0,
    100% 100%,
    0 100%
  )!important;
}

.rr-file-icon{
  clip-path:polygon(
    0 0,
    76% 0,
    100% 24%,
    100% 100%,
    0 100%
  )!important;
}

.rr-lock-icon,
.rr-video-icon{
  clip-path:none!important;

  border-radius:4px!important;
}

/* =========================================================
WINDOW
========================================================= */

.rr-app-window{
  position:absolute;

  top:50%;
  left:50%;

  z-index:26;

  width:min(980px, calc(100vw - 420px));

  max-height:78vh;

  transform:
    translate(-50%,-50%)
    scale(.98);

  border:1px solid rgba(255,255,255,.08);

  background:rgba(0,0,0,.22);

  backdrop-filter:blur(14px);

  box-shadow:
    0 0 80px rgba(0,0,0,.45);

  opacity:0;

  pointer-events:none;

  transition:.3s ease;

  overflow:hidden;
}

.rr-app-window.is-open{
  opacity:1;

  pointer-events:auto;

  transform:
    translate(-50%,-50%)
    scale(1);
}

.rr-app-window.is-minimized{
  opacity:0;

  pointer-events:none;

  transform:
    translate(-50%,-45%)
    scale(.88);
}

.rr-app-window.is-maximized{
  top:64px;
  left:20px;
  right:20px;
  bottom:86px;

  width:auto;

  max-height:none;

  transform:none;
}

.rr-app-window.is-maximized .rr-window-content{
  max-height:calc(100dvh - 196px);
}

/* =========================================================
WINDOW TOP
========================================================= */

.rr-window-top{
  height:42px;

  padding:0 14px;

  display:grid;

  grid-template-columns:1fr auto 1fr;

  align-items:center;

  border-bottom:1px solid rgba(255,255,255,.05);

  background:rgba(255,255,255,.02);
}

/* =========================================================
WINDOW BUTTONS
========================================================= */

.rr-window-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.rr-window-btn{
  position:relative;

  width:14px!important;
  height:14px!important;

  min-width:14px!important;
  min-height:14px!important;

  max-width:14px!important;
  max-height:14px!important;

  padding:0!important;
  margin:0!important;

  border:0!important;

  border-radius:50%!important;

  cursor:pointer;

  transition:.2s;

  display:flex!important;
  align-items:center;
  justify-content:center;

  font-size:0!important;
}

.rr-window-btn::before{
  content:"";

  position:absolute;

  opacity:.92;
}

.rr-close-window{
  background:#ff5f57!important;
  box-shadow:0 0 10px rgba(255,95,87,.28);
}

.rr-close-window::before{
  width:7px;
  height:1.5px;
  background:#111;
  transform:rotate(45deg);
}

.rr-close-window::after{
  content:"";
  position:absolute;
  width:7px;
  height:1.5px;
  background:#111;
  transform:rotate(-45deg);
}

.rr-minimize-window{
  background:#febc2e!important;
  box-shadow:0 0 10px rgba(254,188,46,.28);
}

.rr-minimize-window::before{
  width:7px;
  height:1.5px;
  background:#111;
}

.rr-maximize-window{
  background:#28c840!important;
  box-shadow:0 0 10px rgba(40,200,64,.28);
}

.rr-maximize-window::before{
  width:6px;
  height:6px;
  border:1.5px solid #111;
  box-sizing:border-box;
}

.rr-window-btn:hover{
  transform:scale(1.12);
  filter:brightness(1.08);
}

/* =========================================================
WINDOW TITLE
========================================================= */

.rr-window-top strong{
  color:rgba(255,255,255,.40);

  font-size:8px;

  letter-spacing:1.6px;
}

.rr-window-top > span{
  text-align:right;

  color:#47e00c;

  font-size:7px;

  letter-spacing:1.6px;
}

/* =========================================================
WINDOW CONTENT
========================================================= */

.rr-window-content{
  max-height:calc(78vh - 42px);

  overflow-y:auto;

  padding:34px 42px;
}

.rr-window-content::-webkit-scrollbar{
  width:5px;
}

.rr-window-content::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
}

.rr-window-content::-webkit-scrollbar-thumb{
  background:rgba(71,224,12,.35);
}

/* =========================================================
WINDOW INTRO
========================================================= */

.rr-window-intro{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:18px;

  margin-bottom:28px;

  text-align:left;
}

.rr-window-intro img{
  width:54px;
}

.rr-window-intro h1{
  margin:0;

  font-size:26px;

  font-weight:1000;

  letter-spacing:3px;
}

.rr-window-intro p{
  margin:8px 0 0;

  color:rgba(255,255,255,.42);

  font-size:9px;

  letter-spacing:3px;
}

/* =========================================================
FORM FIX CF7
========================================================= */

.rr-form-shell .wpcf7,
.rr-form-shell .wpcf7 form{
  width:100%!important;
}

.rr-form-shell .wpcf7 p{
  margin:0 0 18px!important;
  padding:0!important;
}

.rr-form-shell .wpcf7 label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;

  margin:0!important;

  text-align:left!important;

  color:rgba(255,255,255,.42)!important;

  font-size:8px!important;

  font-weight:700!important;

  letter-spacing:1.8px!important;

  text-transform:uppercase!important;
}

.rr-form-shell .wpcf7 input,
.rr-form-shell .wpcf7 textarea,
.rr-form-shell .wpcf7 select{
  width:100%!important;

  min-height:48px!important;

  padding:0 18px!important;

  box-sizing:border-box!important;

  border:1px solid rgba(255,255,255,.10)!important;

  border-radius:0!important;

  background:rgba(0,0,0,.28)!important;

  color:#fff!important;

  outline:none!important;

  box-shadow:none!important;

  font-size:11px!important;

  letter-spacing:1.2px!important;
}

.rr-form-shell .wpcf7 textarea{
  min-height:120px!important;

  padding:18px!important;

  resize:none!important;
}

.rr-form-shell .wpcf7 input::placeholder,
.rr-form-shell .wpcf7 textarea::placeholder{
  color:rgba(255,255,255,.34)!important;
}

.rr-form-shell .wpcf7 input:focus,
.rr-form-shell .wpcf7 textarea:focus,
.rr-form-shell .wpcf7 select:focus{
  border-color:rgba(71,224,12,.55)!important;

  background:rgba(0,0,0,.44)!important;

  box-shadow:0 0 18px rgba(71,224,12,.08)!important;
}

.rr-form-shell .wpcf7-submit{
  width:100%!important;

  height:56px!important;

  border:1px solid rgba(71,224,12,.32)!important;

  border-radius:0!important;

  background:rgba(71,224,12,.08)!important;

  color:#47e00c!important;

  font-size:11px!important;

  font-weight:900!important;

  letter-spacing:3px!important;

  text-transform:uppercase!important;

  cursor:pointer!important;
}

.rr-form-shell .wpcf7-submit:hover{
  background:rgba(71,224,12,.16)!important;

  border-color:rgba(71,224,12,.55)!important;

  color:#7dff4c!important;
}

/* =========================================================
DOCK OFF
========================================================= */

.rr-os-dock{
  display:none!important;
}

/* =========================================================
FOOTER
========================================================= */

.rr-os-footer{
  position:absolute;

  left:28px;
  right:28px;
  bottom:12px;

  z-index:20;

  display:flex;
  justify-content:space-between;

  color:rgba(255,255,255,.22);

  font-size:7px;

  letter-spacing:1.6px;
}

/* =========================================================
ANIMATION
========================================================= */

@keyframes rrPulse{

  0%,100%{
    opacity:.65;
  }

  50%{
    opacity:1;
  }

}

 /* FIX SELECT CF7 */

.rr-form-shell select{
  background-color:#050505!important;
  color:#fff!important;
  border:1px solid rgba(71,224,12,.35)!important;
  border-radius:0!important;
  padding:0 18px!important;
}

.rr-form-shell select option{
  background:#050505!important;
  color:#fff!important;
}

.rr-form-shell select:focus{
  background-color:#050505!important;
  color:#fff!important;
  border-color:#47e00c!important;
  outline:none!important;
}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:768px){

  html,
  body{
    overflow:auto!important;
    height:auto!important;
  }

  body{
    position:relative!important;
    inset:auto!important;
  }

  body,
  body *{
    cursor:auto!important;
  }

  #rr-cursor{
    display:none!important;
  }

  .rr-os-desktop-page{
    width:100%!important;
    height:auto!important;
    min-height:100vh!important;
    overflow:hidden!important;
    padding-bottom:40px!important;
  }

  .rr-os-bg-video{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  .rr-os-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;

    height:58px!important;

    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;

    padding:0 12px!important;

    z-index:40!important;
  }

  .rr-os-menu{
    display:none!important;
  }

  .rr-os-brand{
    width:48px!important;
    height:42px!important;
  }

  .rr-os-brand img{
    width:32px!important;
  }

  .rr-os-status{
    justify-content:flex-end!important;
    font-size:6px!important;
    letter-spacing:1px!important;
  }

  .rr-os-userpanel{
    display:none!important;
  }

  .rr-os-icons{
    position:relative!important;

    top:auto!important;
    left:auto!important;

    z-index:12!important;

    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;

    gap:18px 8px!important;

    padding:22px 12px 12px!important;

    justify-items:center!important;
  }

  .rr-os-icon{
    width:130px!important;
    min-height:108px!important;

    padding:10px 6px!important;

    gap:10px!important;
  }

  .rr-folder-icon,
  .rr-file-icon,
  .rr-lock-icon,
  .rr-video-icon{
    width:58px!important;
    height:44px!important;
  }

  .rr-os-icon small{
    width:108px!important;
    max-width:108px!important;

    font-size:7px!important;
    line-height:1.25!important;
    letter-spacing:.4px!important;
  }

  .rr-app-window,
  .rr-app-window.is-open,
  .rr-app-window.is-minimized,
  .rr-app-window.is-maximized{
    position:relative!important;

    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;

    transform:none!important;

    opacity:1!important;
    pointer-events:auto!important;

    width:calc(100% - 20px)!important;

    max-height:none!important;

    margin:16px auto 44px!important;

    background:rgba(0,0,0,.34)!important;
  }

  .rr-window-top{
    height:42px!important;

    padding:0 12px!important;

    grid-template-columns:auto 1fr!important;

    gap:12px!important;
  }

  .rr-window-top > span{
    display:none!important;
  }

  .rr-window-actions{
    gap:8px!important;
  }

  .rr-window-btn{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    max-width:13px!important;
    max-height:13px!important;
  }

  .rr-window-top strong{
    text-align:right!important;

    font-size:7px!important;

    letter-spacing:.8px!important;
  }

  .rr-window-content,
  .rr-app-window.is-maximized .rr-window-content{
    max-height:none!important;

    overflow:visible!important;

    padding:24px 16px!important;
  }

  .rr-window-intro{
    display:flex!important;

    flex-direction:column!important;

    text-align:center!important;

    gap:12px!important;

    margin-bottom:22px!important;
  }

  .rr-window-intro img{
    width:46px!important;
  }

  .rr-window-intro h1{
    font-size:24px!important;

    line-height:1.05!important;

    letter-spacing:2px!important;
  }

  .rr-window-intro p{
    font-size:8px!important;

    letter-spacing:2px!important;
  }

  .rr-form-shell .rr-cf7-grid{
    display:block!important;
  }

  .rr-form-shell .wpcf7 p{
    margin:0 0 14px!important;
  }

  .rr-form-shell .wpcf7 label{
    font-size:7px!important;
    letter-spacing:1.4px!important;
  }

  .rr-form-shell .wpcf7 input,
  .rr-form-shell .wpcf7 textarea,
  .rr-form-shell .wpcf7 select{
    min-height:46px!important;

    font-size:11px!important;

    padding:0 14px!important;
  }

  .rr-form-shell .wpcf7 textarea{
    min-height:110px!important;

    padding:14px!important;
  }

  .rr-form-shell .wpcf7-submit{
    height:52px!important;

    font-size:10px!important;
  }

  .rr-os-dock,
  .rr-os-footer{
    display:none!important;
  }
}/* End custom CSS */