/* =============================================== DEFAULT =================================================== */
body{
    background-color: #F5F5F5;
    color: #161415;
  }
  /* Smooth Scroll */
[scroller=true] #scrollbar-wrapper {
  height: 100vh;
  width: 100vw;
}

#scrollbar-wrapper {
  top: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
}

  /* Sources Fonts */
  @font-face{
    font-family: "Glancyr";
    src: url(glancyr-regular.ttf) format("truetype");
  }
  @font-face{
    font-family: "Glancyr Semibold";
    src: url(glancyr-semibold.ttf) format("truetype");
  }
  @font-face{
    font-family: "Hanken";
    src: url(hanken.ttf) format("truetype");
  }
  @font-face{
    font-family: "Hanken Extrabold";
    src: url(hanken-extrabold.ttf) format("truetype");
  }

  /* Fonts Family */
  .font-glancyr{
    font-family: "Glancyr";
  }
  .font-glancyr-semibold{
    font-family: "Glancyr Semibold";
  }
  .font-hanken{
    font-family: "Hanken";
    font-weight: 300;
  }
  .font-hanken-extrabold{
    font-family: "Hanken Extrabold";
    font-weight: 300;
  }

  /* Fonts Size */
  .font-larbent {
    font-size: 15vw;
  }
  .font-hero{
    font-size: 10vw;
  }
  .font-1{
    font-size: 8.8vw;
  }
  .font-2{
    font-size: 4.8vw;
    line-height: 1;
  }
  .font-3{
    font-size: 3.2vw;
  }
  .font-4{
    font-size: 2.8vw;
  }
  .font-6{
    font-size: 1.2vw;
  }
  /* Rounded Border Style */
  .rounded-4{
    border-radius: .5rem;
  }
  
  /* Fonts Weight */
  .fw-483{
    font-weight: 483;
  }
  .fw-816{
    font-weight: 816;
  }
  .fw-900{
    font-weight: 900;
  }
  .fw-400{
    font-weight: 400;
  }
  .fw-500{
    font-weight: 500;
  }

  /* Line Height */
  .lh-90{
    line-height: 90%;
  }
  .lh-35rem{
    line-height: 3.5rem;
  }
  /* Fonts Color */
  .text-ublue{
    color: #40B7D5;
  }
  .text-umagenta{
    color: #EB3FAD;
  }
  .text-uyellow{
    color: #F9CC12;
  }
  .text-udark{
    color: #2F2F2A;
  }
  .text-udark-1{
    color: #2F2F2A;
  }
  .text-ugrey{
    color: #ECEAD4;
  }
  .text-ulight{
    color: #FBFBF6;
  }
  /* HOVer TEXT COLOR */
  .text-agora-orange.color_nothing:hover{
    color: #E94E1B;
  }
  /* Background Color */
  .bg-ublue{
    background-color: #40B7D5;
  }
  .bg-ublue-dark{
    background-color: #337FAA;
  }
  .bg-umagenta{
    background-color: #EB3FAD;
  }
  .bg-uyellow{
    background-color: #F9CC12;
  }
  .bg-udark{
    background-color: #2F2F2A;
  }
  .bg-udark{
    background-color: #2F2F2A;
  }
  .bg-ugrey{
    background-color: #ECEAD4;
  }
  .bg-ulight{
    background-color: #FBFBF6;
  }
  .bg-half-ublue{
    background: linear-gradient( to right, #40B7D5, #40B7D5 50%, white 50%, white );
  }
  /* Border Color */
  .border-ublue-dark{
    border-color: #337FAA;
  }
  .border-1-ublue{
    border: 1px solid #40B7D5;
  }
  .border-1-magenta{
    border: 1px solid #EB3FAD;
  }
  .border-1-uyellow{
    border: 1px solid #F9CC12;
  }
  .border-1-white{
    border: 1px solid #fff;
  }
  /* Button */
  .button-circle-white-mobile{
    background-color: #fff;
    padding: 1rem 1.4rem;
    border-radius: 50px;
    display: block;
    color: #000;
    font-size: 1rem;
  }
  .button-circle{
    width: 120px;
    height: 120px;
    vertical-align: middle;
    display: table-cell;
    border-radius: 300px;
  }
  /* Text */
  a, a:hover{
    outline: none;
    text-decoration: none !important;
  }
  a,a[data-toggle="collapse"]{
    cursor: pointer;
  }
  .list-style-none{
    list-style: none;
  }
  p {
    font-family: "Hanken";
  }
  .text-justify{
    text-align: justify;
  }
  .text-shadow-1{
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  }
  /* Letter spacing */
  .ls-4px{
      letter-spacing: 4px;
  }
  /* Positioning and Sizing */
  .vh-100{
    height: 100vh;
  }
  .vh-50{
    height: 50vh;
  }
  .left-45{
    left: 45%;
  }
  .top-35{
    top: 35%;
  }
  .top-32{
    top: 32%;
  }
  .w-90{
    width: 90% !important;
  }
  .w-60{
    width: 60% !important;
  }
  .w-77{
    width: 77% !important;
  }
  .w-58{
    width: 58% !important;
  }
  .w-85{
    width: 85% !important;
  }
  .vw-100{
    width: 100vw;
  }
  .vw-50{
    width: 50vw;
  }
  .vw-60{
    width: 60vw;
  }
  .w-30{
    width: 30%;
  }
  .vw-col-5{
    width: 41.66%;
  }
/* z-index */
.z-index-0{
  z-index: 0;
}
.z-index-1{
  z-index: 1;
}
.z-index-2{
  z-index: 2;
}
.z-index-3{
  z-index: 3;
}
.object-cover{
  object-fit: cover;
}
.object-contain{
  object-fit: contain;
}
/* Custom Paddings */

  /* Components */

  /* Skew! */
  .skew-20{
    transform: skew(0deg, -20deg);
  }
  .skew-25{
    transform: skew(0deg, -25deg);
  }
  .skew-30{
    transform: skew(0deg, -30deg); 
  }

  /* =============================================== END DEFAULT =================================================== */

  /* =============================================== NAVIGATION ========================================================= */
  .menu-icon-desktop{
    background-color: #40B7D5;
    width: 150px;
    height: 75px;
    clip-path: polygon(100% 0%, 100% 75%, 75% 100%, 0 100%, 0 25%, 25% 0);
    margin-right: 2rem;
    margin-top: 2rem;
  }
  .menu-icon-desktop:hover{
    cursor: pointer;
  }
  
  /* ============================================= END NAVIGATION ======================================================= */
/* WRAPPER */
/* .horizontal-container {
    overflow: hidden;
    display: grid;
    height: 100vh;
  }
  
  .wrap-container {
    display: grid;
    grid-auto-flow: column;
    width: max-content;
  } */
  /* PROGRESS BAR */
  
  .uprogress-bar {
    width: 100%;
    height: 0.2rem;
    background-color: #fff;
    position: absolute;
    bottom: 0;
  }
  .uprogress-line {
    position: absolute;
    left: 0;
    height: 100%;
    background-color: #000;
    width: 100%;
  }
  /* =============================================== FOOTER ========================================================= */
  .desktop-footer{
    clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0 100%, 0 16%);
    margin-top: -20vh;
    background-color: #F5F5F5;
    font-size: 1.2rem;
    padding-top: 25vh;
  }

  .footer-menu-wrap ul li{
    list-style: none;
    padding-bottom: 1rem;
  }
  .footer-menu-wrap ul li a{
    font-size: 2.8vw;
    color: #161415;
    font-family: "Glancyr";
    text-transform: uppercase;
  }
  .footer-menu-wrap ul .active a{
    color: #40B7D5;
    font-family: "Glancyr Semibold";
    font-style: italic;
  }
  
  /* ============================================ END FOOTER ======================================================== */

  /* MISC */
  .opacity-0{
    opacity: 0;
  }
  .opacity-1{
    opacity: 1;
  }
  .overflow-hidden{
    overflow: hidden;
  }
  .cursor-default{
    cursor: default;
  }
  .list-style-none{
    list-style: none;
  }
  .icon-socmed-pink{
    background-color: #EB3FAD;
    width: 40px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-radius: 40px;
  }

  /* Contact Forms */
  .form-control{
    font-family: "Glancyr";
  }
  .form-contact-urban .form-control{
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #2F2F2A;
  }
  /* SIDE MENU */
  .side-menu{
    position: fixed;
    left: -110%;
    top: 0;
    z-index: 9;
    transition: all .7s;
  }
  .side-menu.active{
    left: 0;
  }
  .side-menu ul{
    list-style: none; 
    text-align: center;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-left: 0;
  }
  .side-menu ul li{
    padding: .1rem 0;
  }
  .side-menu ul li:last-child{
    border-bottom: none;
  }
  .side-menu ul li a{
    font-size: 60px;
    font-family: "Glancyr Semibold";
    color: #fff;
    text-transform: uppercase;
  }
  .side-menu ul .active a{
    /* font-family: "Glancyr Semibold"; */
    color: #f9cc12;
  }
  .side-menu .button-close{
    font-size: 60px;
  }
  .mobile-footer ul{
   
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px; 
  }
  .mobile-footer ul li{
    margin-bottom: 20px;
    list-style: none;
  }
  .mobile-footer ul li a{
    font-size: 20px;
    font-family: "Glancyr";
    color: #000;
  }
  .mobile-footer tr{
    border-color: #40B7D5;
  }
  /* GSAP */
  /* .fade-in-onscroll, .fade-in-onscroll_m{
    opacity: 0;
  } */
  .fade-in-left-onscroll{
    opacity: 0;
    transform: translate(50px, 0px);
  }
  .fade-in-up-onscroll{
    opacity: 0;
    transform: translate(0px, 50px);
  }
  /*                    MOBILE                    */
  @media screen and (max-width: 768px) {
    .font-1{
      font-size: 20vw;
    }
    .font-2{
      font-size: 15vw;
    }
    .mobile-footer{
      clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%, 0 6%);
      margin-top: -70px;
      background-color: #fff;
    }
    .menu-icon-desktop {
      width: 100px;
      height: 40px;
      margin-right: 1rem;
      margin-top: 1rem;
      box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
      -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    }
    .side-menu .button-close{
      font-size: 40px;
    }
    .side-menu ul li a {
      font-size: 30px;
    }
    .side-menu ul {
      top: 35%;
    }
    .side-menu>.container-fluid.vw-100{
      padding: 0;
    }
  }
  /* FADE TRANSITION */
  .fadeTransition {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #F5F5F5;
  }

  /* REBOOT */
  .text-white{
    color: #F5F5F5 !important;
  }
  .bg-white, .form-control{
    background-color: #F5F5F5 !important;
  }
  .border-white{
    border-color: #F5F5F5;
  }
  .text-black{
    color: #161415 !important;
  }
  .bg-black{
    background-color: #161415 !important;
  }
  .border-black{
    border-color: #161415 !important;
  }
  /* OWL CAROUSEL */
  .owl-theme .owl-nav [class*="owl-"]:hover{
    background: none;
  }
  .input-err{
    color: tomato;
  }