* {box-sizing: border-box;
      transition-duration: 0.4s;}
   .row::after {content: "";
                clear: both;
                display: table;}
   [class*="col-"] {float: left;
                    padding: 0px;}
      
   html {font-family: "Trebuchet MS", Helvetica, sans-serif;
         text-align:center;
         overflow: hidden;
         overflow-x: hidden;
         -ms-overflow-style: none;  /* IE and Edge */
         scrollbar-width: none;  /* Firefox */
         -webkit-text-size-adjust: none;
         touch-action: none;
         margin:0px;
         padding:0px;
         height:100%;
         width:100%;}
   html::-webkit-scrollbar {display: none;}
   body {margin:0px;
         padding:0px;
         height:100%;
         width:100%;
         font-family: "Trebuchet MS", Helvetica, sans-serif;
         text-align:center;
         overflow-y: scroll;
         overflow-x: hidden;
         -ms-overflow-style: none;  /* IE and Edge */
         scrollbar-width: none;  /* Firefox */}
   body::-webkit-scrollbar {display: none;}

input {text-align:center;
       border:0px black solid;
       border-radius:3px;}

   /* -------START POSITIONS-------- */
.hidden {position:fixed;
         left:-640%;
         bottom:0;}
   /* -------START POSITIONS-------- */

   /* -------DISPLAY POSITIONS-------- */
.dmsc {position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);}
.dumsc {position: fixed;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);}
.dfb {position:fixed;
      bottom:0;
      width:100%;}
.dft {position:fixed;
      top:0;
      width:100%;}

.sticky {position: sticky;
         top:0px;}
/* -------DISPLAY POSITIONS-------- */

/* -------SHADOW EFFECT-------- */
.shdol {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.shdom {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.39);}
.shdoh {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.60);}
.shdor {box-shadow: 0 4px 8px 0 rgba(255, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 0, 0, 0.60);}
.shdoa {box-shadow: 0 4px 8px 0 rgba(255, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 0, 0, 0.60);}
/* -------SHADOW EFFECT-------- */

/* -------DISPLAY TYPES-------- */
.nd {display:none;}
.db {display:block;}
.di {display: inline;}
.dib {display: inline-block;}
/* -------DISPLAY TYPES-------- */

/* -------ACTVE INACTIVE CLASS------- */
.Nactive {background-color:white;
          color:black;
          border:1px #bbbbbb solid;
          box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.00);
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;}
.active {background-color:#77BFEF;
         color:white;
          border:1px #77BFEF solid;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
/* -------ACTVE INACTIVE CLASS------- */

/* -------MANIFEST CONTROLS------- */
.mContrl {border-top-left-radius:10px;
          border-top-right-radius:10px;}

.mIcon {background-color:white;
        border-radius:10px;
        cursor:pointer;}

.mIcon:hover {background-color:red;
              color:white;
              transform: rotate(2deg);}

.ldInput {border:1px solid grey;
          width:35%;
          max-width:150px;}

.paidButton {border-radius:5px;
             background-color:#00bbff;
             color:black;
             font-size:16px;
             cursor:pointer;}

.paidButton:hover {border-radius:5px;
                   background-color:#004d80;
                   color:white;
                   cursor:pointer;}
/* -------MANIFEST CONTROLS------- */
     
   /* For mobile phones: */
   [class*="col-"] {width: 100%;}
    
   /* Extra small devices (phones, 600px and down) */
   @media only screen and (max-width: 600px) {
    
    /* --- DISPLAY --- */
    .xs-hide {display:none;}
    .xs-show {display:block;}
     
    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.66%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33%;}
    .col-xs-8 {width: 66.66%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33%;}
    .col-xs-11 {width: 91.66%;}
    .col-xs-12 {width: 100%;}

    /* Extra small fonts */
    .xsf1 {font-size:1px;}
    .xsf2 {font-size:2px;}
    .xsf3 {font-size:3px;}
    .xsf4 {font-size:4px;}
    .xsf5 {font-size:5px;}
    .xsf6 {font-size:6px;}
    .xsf7 {font-size:7px;}
    .xsf8 {font-size:8px;}
    .xsf9 {font-size:9px;}
    .xsf10 {font-size:10px;}
    .xsf11 {font-size:11px;}
    .xsf12 {font-size:12px;}
    .xsf13 {font-size:13px;}
    .xsf14 {font-size:14px;}
    .xsf15 {font-size:15px;}
    .xsf16 {font-size:16px;}
    .xsf17 {font-size:17px;}
    .xsf18 {font-size:18px;}
    .xsf19 {font-size:19px;}
    .xsf20 {font-size:20px;}
    .xsf21 {font-size:21px;}
    .xsf22 {font-size:22px;}
    .xsf23 {font-size:23px;}
    .xsf24 {font-size:24px;}
    .xsf25 {font-size:25px;}
    .xsf26 {font-size:26px;}
    .xsf27 {font-size:27px;}
    .xsf28 {font-size:28px;}
    .xsf29 {font-size:29px;}
    .xsf30 {font-size:30px;}
    .xsf31 {font-size:31px;}
    .xsf32 {font-size:32px;}
    .xsf33 {font-size:33px;}
    .xsf34 {font-size:34px;}
    .xsf35 {font-size:35px;}
    .xsf36 {font-size:36px;}
    .xsf37 {font-size:37px;}
    .xsf38 {font-size:38px;}
    .xsf39 {font-size:39px;}
    .xsf40 {font-size:40px;}
    .xsf41 {font-size:41px;}
    .xsf42 {font-size:42px;}
    .xsf43 {font-size:43px;}
    .xsf44 {font-size:44px;}
    .xsf45 {font-size:45px;}
    .xsf46 {font-size:46px;}
    .xsf47 {font-size:47px;}
    .xsf48 {font-size:48px;}
    .xsf49 {font-size:49px;}
    .xsf50 {font-size:50px;}
   }
   
   /* Small devices (portrait tablets and large phones, 600px and up) */
   @media only screen and (min-width: 600px) {

    /* --- DISPLAY --- */
    .s-hide {display:none;}
    .s-show {display:block;}

    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}

    /* Small fonts */
    .sf1 {font-size:1px;}
    .sf2 {font-size:2px;}
    .sf3 {font-size:3px;}
    .sf4 {font-size:4px;}
    .sf5 {font-size:5px;}
    .sf6 {font-size:6px;}
    .sf7 {font-size:7px;}
    .sf8 {font-size:8px;}
    .sf9 {font-size:9px;}
    .sf10 {font-size:10px;}
    .sf11 {font-size:11px;}
    .sf12 {font-size:12px;}
    .sf13 {font-size:13px;}
    .sf14 {font-size:14px;}
    .sf15 {font-size:15px;}
    .sf16 {font-size:16px;}
    .sf17 {font-size:17px;}
    .sf18 {font-size:18px;}
    .sf19 {font-size:19px;}
    .sf20 {font-size:20px;}
    .sf21 {font-size:21px;}
    .sf22 {font-size:22px;}
    .sf23 {font-size:23px;}
    .sf24 {font-size:24px;}
    .sf25 {font-size:25px;}
    .sf26 {font-size:26px;}
    .sf27 {font-size:27px;}
    .sf28 {font-size:28px;}
    .sf29 {font-size:29px;}
    .sf30 {font-size:30px;}
    .sf31 {font-size:31px;}
    .sf32 {font-size:32px;}
    .sf33 {font-size:33px;}
    .sf34 {font-size:34px;}
    .sf35 {font-size:35px;}
    .sf36 {font-size:36px;}
    .sf37 {font-size:37px;}
    .sf38 {font-size:38px;}
    .sf39 {font-size:39px;}
    .sf40 {font-size:40px;}
    .sf41 {font-size:41px;}
    .sf42 {font-size:42px;}
    .sf43 {font-size:43px;}
    .sf44 {font-size:44px;}
    .sf45 {font-size:45px;}
    .sf46 {font-size:46px;}
    .sf47 {font-size:47px;}
    .sf48 {font-size:48px;}
    .sf49 {font-size:49px;}
    .sf50 {font-size:50px;}
   }
   
   /* Medium devices (landscape tablets, 768px and up) */
   @media only screen and (min-width: 768px) {

    /* --- DISPLAY --- */
    .m-hide {display:none;}
    .m-show {display:block;}

    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}

    /* Medium fonts */
    .mf1 {font-size:1px;}
    .mf2 {font-size:2px;}
    .mf3 {font-size:3px;}
    .mf4 {font-size:4px;}
    .mf5 {font-size:5px;}
    .mf6 {font-size:6px;}
    .mf7 {font-size:7px;}
    .mf8 {font-size:8px;}
    .mf9 {font-size:9px;}
    .mf10 {font-size:10px;}
    .mf11 {font-size:11px;}
    .mf12 {font-size:12px;}
    .mf13 {font-size:13px;}
    .mf14 {font-size:14px;}
    .mf15 {font-size:15px;}
    .mf16 {font-size:16px;}
    .mf17 {font-size:17px;}
    .mf18 {font-size:18px;}
    .mf19 {font-size:19px;}
    .mf20 {font-size:20px;}
    .mf21 {font-size:21px;}
    .mf22 {font-size:22px;}
    .mf23 {font-size:23px;}
    .mf24 {font-size:24px;}
    .mf25 {font-size:25px;}
    .mf26 {font-size:26px;}
    .mf27 {font-size:27px;}
    .mf28 {font-size:28px;}
    .mf29 {font-size:29px;}
    .mf30 {font-size:30px;}
    .mf31 {font-size:31px;}
    .mf32 {font-size:32px;}
    .mf33 {font-size:33px;}
    .mf34 {font-size:34px;}
    .mf35 {font-size:35px;}
    .mf36 {font-size:36px;}
    .mf37 {font-size:37px;}
    .mf38 {font-size:38px;}
    .mf39 {font-size:39px;}
    .mf40 {font-size:40px;}
    .mf41 {font-size:41px;}
    .mf42 {font-size:42px;}
    .mf43 {font-size:43px;}
    .mf44 {font-size:44px;}
    .mf45 {font-size:45px;}
    .mf46 {font-size:46px;}
    .mf47 {font-size:47px;}
    .mf48 {font-size:48px;}
    .mf49 {font-size:49px;}
    .mf50 {font-size:50px;}
   }
   
   /* Large devices (laptops/desktops, 992px and up) */
   @media only screen and (min-width: 992px) {

    /* --- DISPLAY --- */
    .l-hide {display:none;}
    .l-show {display:block;}

    .col-l-1 {width: 8.33%;}
    .col-l-2 {width: 16.66%;}
    .col-l-3 {width: 25%;}
    .col-l-4 {width: 33.33%;}
    .col-l-5 {width: 41.66%;}
    .col-l-6 {width: 50%;}
    .col-l-7 {width: 58.33%;}
    .col-l-8 {width: 66.66%;}
    .col-l-9 {width: 75%;}
    .col-l-10 {width: 83.33%;}
    .col-l-11 {width: 91.66%;}
    .col-l-12 {width: 100%;}

    /* Large fonts */
    .lf1 {font-size:1px;}
    .lf2 {font-size:2px;}
    .lf3 {font-size:3px;}
    .lf4 {font-size:4px;}
    .lf5 {font-size:5px;}
    .lf6 {font-size:6px;}
    .lf7 {font-size:7px;}
    .lf8 {font-size:8px;}
    .lf9 {font-size:9px;}
    .lf10 {font-size:10px;}
    .lf11 {font-size:11px;}
    .lf12 {font-size:12px;}
    .lf13 {font-size:13px;}
    .lf14 {font-size:14px;}
    .lf15 {font-size:15px;}
    .lf16 {font-size:16px;}
    .lf17 {font-size:17px;}
    .lf18 {font-size:18px;}
    .lf19 {font-size:19px;}
    .lf20 {font-size:20px;}
    .lf21 {font-size:21px;}
    .lf22 {font-size:22px;}
    .lf23 {font-size:23px;}
    .lf24 {font-size:24px;}
    .lf25 {font-size:25px;}
    .lf26 {font-size:26px;}
    .lf27 {font-size:27px;}
    .lf28 {font-size:28px;}
    .lf29 {font-size:29px;}
    .lf30 {font-size:30px;}
    .lf31 {font-size:31px;}
    .lf32 {font-size:32px;}
    .lf33 {font-size:33px;}
    .lf34 {font-size:34px;}
    .lf35 {font-size:35px;}
    .lf36 {font-size:36px;}
    .lf37 {font-size:37px;}
    .lf38 {font-size:38px;}
    .lf39 {font-size:39px;}
    .lf40 {font-size:40px;}
    .lf41 {font-size:41px;}
    .lf42 {font-size:42px;}
    .lf43 {font-size:43px;}
    .lf44 {font-size:44px;}
    .lf45 {font-size:45px;}
    .lf46 {font-size:46px;}
    .lf47 {font-size:47px;}
    .lf48 {font-size:48px;}
    .lf49 {font-size:49px;}
    .lf50 {font-size:50px;}
   }
   
   /* Extra large devices (large laptops and desktops, 1200px and up) */
   @media only screen and (min-width: 1200px) {

    /* --- DISPLAY --- */
    .xl-hide {display:none;}
    .xl-show {display:block;}

    .col-xl-1 {width: 8.33%;}
    .col-xl-2 {width: 16.66%;}
    .col-xl-3 {width: 25%;}
    .col-xl-4 {width: 33.33%;}
    .col-xl-5 {width: 41.66%;}
    .col-xl-6 {width: 50%;}
    .col-xl-7 {width: 58.33%;}
    .col-xl-8 {width: 66.66%;}
    .col-xl-9 {width: 75%;}
    .col-xl-10 {width: 83.33%;}
    .col-xl-11 {width: 91.66%;}
    .col-xl-12 {width: 100%;}

    /* Extra Large fonts */
    .xlf1 {font-size:1px;}
    .xlf2 {font-size:2px;}
    .xlf3 {font-size:3px;}
    .xlf4 {font-size:4px;}
    .xlf5 {font-size:5px;}
    .xlf6 {font-size:6px;}
    .xlf7 {font-size:7px;}
    .xlf8 {font-size:8px;}
    .xlf9 {font-size:9px;}
    .xlf10 {font-size:10px;}
    .xlf11 {font-size:11px;}
    .xlf12 {font-size:12px;}
    .xlf13 {font-size:13px;}
    .xlf14 {font-size:14px;}
    .xlf15 {font-size:15px;}
    .xlf16 {font-size:16px;}
    .xlf17 {font-size:17px;}
    .xlf18 {font-size:18px;}
    .xlf19 {font-size:19px;}
    .xlf20 {font-size:20px;}
    .xlf21 {font-size:21px;}
    .xlf22 {font-size:22px;}
    .xlf23 {font-size:23px;}
    .xlf24 {font-size:24px;}
    .xlf25 {font-size:25px;}
    .xlf26 {font-size:26px;}
    .xlf27 {font-size:27px;}
    .xlf28 {font-size:28px;}
    .xlf29 {font-size:29px;}
    .xlf30 {font-size:30px;}
    .xlf31 {font-size:31px;}
    .xlf32 {font-size:32px;}
    .xlf33 {font-size:33px;}
    .xlf34 {font-size:34px;}
    .xlf35 {font-size:35px;}
    .xlf36 {font-size:36px;}
    .xlf37 {font-size:37px;}
    .xlf38 {font-size:38px;}
    .xlf39 {font-size:39px;}
    .xlf40 {font-size:40px;}
    .xlf41 {font-size:41px;}
    .xlf42 {font-size:42px;}
    .xlf43 {font-size:43px;}
    .xlf44 {font-size:44px;}
    .xlf45 {font-size:45px;}
    .xlf46 {font-size:46px;}
    .xlf47 {font-size:47px;}
    .xlf48 {font-size:48px;}
    .xlf49 {font-size:49px;}
    .xlf50 {font-size:50px;}
   }