::-webkit-scrollbar{
      display:none;
}

*{
     margin:0;
     padding:0;  
     /*user-select: none;*/
}

a{
      color:#edb31f;
}

a:hover{
      color:rgb(247, 219, 57);
}

body{
       width:100%;
}

.holder{
      display:flex;
}


@media(width < 600px){
      .apart{
            justify-content:space-between;
      }
}


.hold-apart {
      display: flex; justify-content: space-between;
}

/*opacities*/
.op-50{
      opacity:50%;
}

.op-100{
      opacity:100%;
}


/*visibility*/
.miss {
      display: none;
}

.visible{
      display:block;
}

/*floating classes*/
.fr{
      float:right;
}


/*top-priority*/
.top-prio{
      z-index:100;
}

/*stylings for backgrounds*/
.theme-bg{
      background:#edb31f;
}

.gray-bg{
      background:rgb(46, 46, 46);
}

.black-bg{
      background:black;
}

.op50-black-bg{
      background:rgba(0, 0, 0, 0.648);
}

.op80-black-bg{
      background:rgba(0, 0, 0, 0.864);
}

.light-bg{
      background:#eee;
}

.no-bg{
      background:none;
}

.imgbg{
      background-image:url("../images/dbg.png"); background-size:cover;
      background-position:center center; background-attachment: fixed;
}


/*Color*/
.light-cl{
      color:#eee;
}

.dark-cl{
      color:#222;
}

.theme-cl{
      color:#edb31f;
}


/*height & width styling*/
.f-h{
      height:100dvh;
}

.s-w{
    width:20%; 
}


.f-w{
      width:100%;
}

.m-h{
      height:50%;
}

.min-m-h{
      min-height:50%;
}

.m-w{
      width:50%;
}

.w-90{
      width:90%;
}



/*positions & overflows*/
.fix{
      position:fixed;
}

.scroll{
      overflow:scroll;
}

/*padding styling*/
.pad{
      padding:12px 14px;
}

.padded{
      padding:25px;
}

.slim-pad{
      padding:6px 10px;
}

.wide-pad{
      padding:8px 25px;
}


/* rounded radius*/
.round{
      border-radius:15px;
}


.square{
      border-radius:0px; 
}




/* from classes*/
.form-hand{
      padding:0px 18px 0px 15px;
}

.form-search-hand{
      text-align:center;
}

.form-search-hand input{ 
      width:80%; 
}

.form-search-hand button{
      margin-left:-5px; padding:14px 10px;
}

.input{
      width:100%; padding:10px;
      outline-color:#333; outline:2px;
}

.checkboxes{
      height:15px; width:15px; display:inline-block;
      color:#edb31f; background:black;
}

/*button classes*/
button{
      border:none; 
}

.pri-btn{
      background:#edb31f; color:black; transition:0.5s; 
}

.pri-btn:hover{
      background:orange;
}

.sec-btn{
      background:rgb(0, 0, 0); color:#edb31f; transition:0.5s; 
}

.sec-btn:hover{
      background:rgb(28, 28, 28); color:white;
}

.nobg-btn{
      background:none; border:none;
      transition:1.2s; color:#edb31f;
}

.nobg-btn:hover{
      background:#edb31f; color:black; 
}


/*Mouse Looks*/

.pointer{
      cursor:pointer;
}

.grab{
      cursor:grab;
}

/* border classes*/
.no-bord{
      border:none;
}

.bordB-1{
      border-bottom:2px solid #333;
}

/*shadow classes*/
.shadow {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.sml-logo{
      height:40px;width:auto;
}


.light-text{
      color:rgba(0, 0, 0, 0.554); font-size:12px;
}



/* Margin Classes */
.m-t{
      margin-top:0.6em;
}

.m{
      Margin:0.7em;
}

.m-{
      margin-right:0.7em;
}

.nm-t{
      margin-top:-10px;
}

.img-control{
      width:100%; height:auto;
}

/*alignment classes*/
.center{
      text-align:center;
}

.align-center{
      align-content:center; justify-content: center;
}

.justify {
      text-align: justify;
}

.left-center{
      text-align: left;
}

@media(width < 600px){
      .left-center{
            text-align:center;
      }
}



/*smll text*/
.sml-txt{
      font-size:13px;
}


/* Table Classes */
.table tr{
      padding:10px; 
}

.table > tr > th{
      margin-right:60px;
}



/* footer area */
.footer-links a{
      color:#eee; text-decoration:none; display:block; 
      padding:5px 10px; 
}


/*screen sizing*/
@media(width < 600px){
      .hos{
            display:none;
      }
}


/*bottom nav*/
.bottom-nav{
      margin-top:89dvh;
}

/*preloader*/
#preloader{
      display:flex;
      align-content:center; justify-content: center;
}

@media(width < 500px){
      #preloader img{
            margin-top:180px;
      }
}

/*Mouse Looks*/

.pointer{
      cursor:pointer;
}

.grab{
      cursor:grab;
}

/* border classes*/
.no-bord{
      border:none;
}

.btm-bord-1{
      border-bottom:1px solid black;
}

/*shadow classes*/
.shadow {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.sm-logo{
      height:40px;width:auto;
}



/* Margin Classes */
.m-t{
      margin-top:0.6em;
}

.m{
      Margin:0.7em;
}

.m-{
      margin-right:0.7em;
}

.img-control{
      width:100%; height:auto;
}

.thumbnail-img{
      width:50px; height:auto;
}

/*alignment classes*/
.center{
      text-align:center;
}

.center-all{
      display:flex; align-items:center; justify-content: center;
}

.align-center{
      align-content:center; justify-content: center;
}

.justify {
      text-align: justify;
}



/*smll text*/
.sml-txt{
      font-size:13px;
}


/* Table Classes */
.table tr{
      padding:10px; 
}

.table > tr > th{
      margin-right:60px;
}



/* footer area */
.footer-links a{
      color:#eee; text-decoration:none; display:block; 
      padding:5px 10px; 
}


/*screen sizing*/
@media(width < 600px){
      .hos{
            display:none;
      }
}


/*bottom nav*/
.bottom-nav{
      margin-top:92dvh;
}

/*preloader*/
#preloader{
      align-content:center; justify-content: center;
}

@media(width < 500px){
      #preloader img{
            margin-top:180px;
      }
}

.stylish{
      font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-size:40px;
}


.social-icons img{
      height:40px; width:auto; margin:10px 1px 0px; 
      border-radius:10px; cursor:pointer; transition:0.6s;
}

.social-icons img:hover{
      transform:scale(1.1);
}

.social-icons button{
      padding:14px 20px; border-radius:8px; background:white; 
      color:black; transition:1s; cursor:pointer; font-size:13px;
}

.social-icons button:hover{
      background:black; color:white; 
}


.hide{
      display:none;
}



/*notice */
.danger-notice{
      background:rgb(181, 0, 0); color:white;
      padding:10px;
}

.litDanger-notice{
      background:rgba(181, 0, 0, 0.231); color:rgb(136, 0, 0);
      padding:10px;
}


/*colors */
.good-text{
      color:green;
}

.bold{
      font-style:bold; 
}

.regular{
      font-style:normal;
}

.italic{
      font-style:italic;
}

.bold-italic{
      font-style:bold italic;
}



/*social stufs*/
.smlDpHolder{
      height:35px; width:36px; border-radius:100%; 
      background:black; overflow:hidden; display:flex;
      align-items:center; justify-content: center;
}

.smDpHolder img{
      height:120%; width:auto; 
}


.personsRow{
      background:rgba(255, 255, 255, 0.839); margin:0px; 
      margin-top:-40px; height:50px; overflow:hidden; 
      padding-top:10px;
}


.footerToolBar{
      position:fixed; width:100%; margin-top:75dvh;
}