* {box-sizing: border-box;
   transition-duration: 0.4s;}

.row::after {content: "";
             clear: both;
             display: table;}

html {margin: 0;
      padding: 0;
      width:100%;
      height:100%;
      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;}

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

body {margin: 0;
      padding: 0;
      width:100%;
      height: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 */
      background-color:#ffffff;
      background-attachment: fixed;
      background-image: url("back_texture.jpg");
      backdrop-filter: brightness(300%);
      animation: bg_resize 3.1s;}

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

input {text-align:center;
       border:1px black solid;}

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

/* -------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-------- */

/* -------FONT COLOR-------- */
.fcbk {color:#000000;}
.fcw {color:#ffffff;}
.fcr {color:#ff0000;}
.fcge {color:#00ff00;}
.fcgy {color:#dddddd;}
.fcbu {color:#0000ff;}
.fc1 {color:#337DAC;}
.fc2 {color:#448EBD;}
.fc3 {color:#66AEDE;}
.fc4 {color:#77BFEF;}
/* -------FONT COLOR-------- */

/* -------HOVER FONT COLOR-------- */
.Hfcbk:hover {color:#000000;}
.Hfcw:hover {color:#ffffff;}
.Hfcr:hover {color:#ff0000;}
.Hfcge:hover {color:#00ff00;}
.Hfcgy:hover {color:#dddddd;}
.Hfcbu:hover {color:#0000ff;}
.Hfc1:hover {color:#337DAC;}
.Hfc2:hover {color:#448EBD;}
.Hfc3:hover {color:#66AEDE;}
.Hfc4:hover {color:#77BFEF;}
/* -------HOVER FONT COLOR-------- */

/* -------BORDER TYPES-------- */
.nbdr {border:0px black solid;}
.tbdr {border:1px black solid;}
.gybdr {border:1px #dddddd solid;}
/* -------BORDER TYPES-------- */

/* -------ROUND BORDERS-------- */
.r5bdr {border-radius:5px;}
.r10bdr {border-radius:10px;}
.r15bdr {border-radius:15px;}
.r20bdr {border-radius:20px;}
/* -------ROUND BORDERS-------- */

/* -------BACKGROUND COLORS-------- */
.bgccl {background-color:rgba(0,0,0,0);}
.bgcb {background-color:#000000;}
.bgcw {background-color:#ffffff;}
.bgcgy {background-color:#dddddd;}
.bgc1 {background-color:#448EBD;}
.bgc2 {background-color:#77BFEF;}
/* -------BACKGROUND COLORS-------- */

/* -------HOVER BACKGROUND COLORS-------- */
.Hbgccl:hover {background-color:rgba(0,0,0,0);}
.Hbgcb:hover {background-color:#000000;}
.Hbgcw:hover {background-color:#ffffff;}
.Hbgcgy:hover {background-color:#dddddd;}
.Hbgc1:hover {background-color:#448EBD;}
/* -------HOVER BACKGROUND COLORS-------- */

/* -------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(0, 0, 255, 0.2), 0 6px 20px 0 rgba(0, 0, 255, 0.60);}
/* -------SHADOW EFFECT-------- */

/* -------ANIMATION EFFECT-------- */
.fdin1 {animation: fade_in 1.0s;}
.fdin2 {animation: fade_in 2.0s;}
.fdin3 {animation: fade_in 3.0s;}
.fdin4 {animation: fade_in 4.0s;}
.fdin5 {animation: fade_in 5.0s;}

.fdout1 {animation: fade_out 1.0s;}
.fdout2 {animation: fade_out 2.0s;}
.fdout3 {animation: fade_out 3.0s;}
.fdout4 {animation: fade_out 4.0s;}
.fdout5 {animation: fade_out 5.0s;}

.sfdin1 {animation: slow_fade_in 1.0s;}
.sfdin2 {animation: slow_fade_in 2.0s;}
.sfdin3 {animation: slow_fade_in 3.0s;}
.sfdin4 {animation: slow_fade_in 4.0s;}
.sfdin5 {animation: slow_fade_in 5.0s;}

.grin1 {animation: grow_in 1.0;}
.grin2 {animation: grow_in 2.0;}
.grin3 {animation: grow_in 3.0;}
.grin4 {animation: grow_in 4.0;}
.grin5 {animation: grow_in 5.0;}

.spnin1 {animation: spin_in 1.0s;}
.spnin2 {animation: spin_in 2.0s;}
.spnin3 {animation: spin_in 3.0s;}
.spnin4 {animation: spin_in 4.0s;}
.spnin5 {animation: spin_in 5.0s;}

.sldlf1 {animation: slide_left 1.0s;}
.sldlf2 {animation: slide_left 2.0s;}
.sldlf3 {animation: slide_left 3.0s;}
.sldlf4 {animation: slide_left 4.0s;}
.sldlf5 {animation: slide_left 5.0s;}

.sldlfot1 {animation: slide_left_out 1.0s;}
.sldlfot2 {animation: slide_left_out 2.0s;}
.sldlfot3 {animation: slide_left_out 3.0s;}
.sldlfot4 {animation: slide_left_out 4.0s;}
.sldlfot5 {animation: slide_left_out 5.0s;}

.ankp {animation-fill-mode: forwards;}

/* Fade-Out Effect */
@keyframes fade_out {
  0% {opacity: 1.0;}
  100% {opacity: 0.0;display:none;}
}

/* Fade-In Effect */
@keyframes fade_in {
  0% {opacity: 0.00;}
  25% {opacity: 0.00;}
  100% {opacity: 1.0;}
}

/* Slow Fade-In Effect */
@keyframes slow_fade_in {
  0% {opacity: 0.00;}
  25% {opacity: 0.00;}
  99% {opacity: 0.00;}
  100% {opacity: 1.0;}
}

/* Spin-In Effect */
@keyframes spin_in {
  0% {transform: rotate(0deg);}
  95% {transform: rotate(720deg);}
  100% {transform: rotate(720deg);}
}

/* Grow-In Effect */
@keyframes grow_in {
  0% {width:0%;height:0%;}
  100% {width:30%;height:30%;}
}

/* Slide left Effect */
@keyframes slide_left {
  0% {left:-50%;}
  100% {left:50%;}
}

/* Slide left Out Effect */
@keyframes slide_left_out {
  0% {left:50%;}
  100% {left:-150%;}
}

/* BG Resize Effect */
@keyframes bg_resize {
  0% {background-size:0px 0px;}
  25% {background-size:0px 0px;}
  99% {background-size:0px 0px;}
  100% {background-size: auto;}
}

/* -------ANIMATION EFFECT-------- */

/* ------------- START SMALL FORMATTING ------------- */
@media only screen and (max-width: 765px) {
/* ------------- START CLASS FORMATTING ------------- */
/* --- COLUMNS --- */
.s-0 {width: 0px;}
.s-1 {width: 8.33%;}
.s-2 {width: 16.66%;}
.s-3 {width: 25%;}
.s-4 {width: 33.33%;}
.s-5 {width: 41.66%;}
.s-6 {width: 50%;}
.s-7 {width: 58.33%;}
.s-8 {width: 66.66%;}
.s-9 {width: 75%;}
.s-10 {width: 83.33%;}
.s-11 {width: 91.66%;}
.s-12 {width: 100%;}
[class*="s-"] {float: left;
               padding: 5px;
               border: 0px dashed black;}
/* --- COLUMNS --- */

/* --- HIDE --- */
.s_hide {display:none;}
.s_show {display:block;}
/* --- HIDE --- */

/* --- FONT SIZES --- */
.s_fs1 {font-size:1px;}
.s_fs2 {font-size:2px;}
.s_fs3 {font-size:3px;}
.s_fs4 {font-size:4px;}
.s_fs5 {font-size:5px;}
.s_fs6 {font-size:6px;}
.s_fs7 {font-size:7px;}
.s_fs8 {font-size:8px;}
.s_fs9 {font-size:9px;}
.s_fs10 {font-size:10px;}
.s_fs11 {font-size:11px;}
.s_fs12 {font-size:12px;}
.s_fs13 {font-size:13px;}
.s_fs14 {font-size:14px;}
.s_fs15 {font-size:15px;}
.s_fs16 {font-size:16px;}
.s_fs17 {font-size:17px;}
.s_fs18 {font-size:18px;}
.s_fs19 {font-size:19px;}
.s_fs20 {font-size:20px;}
.s_fs21 {font-size:21px;}
.s_fs22 {font-size:22px;}
.s_fs23 {font-size:23px;}
.s_fs24 {font-size:24px;}
.s_fs25 {font-size:25px;}
.s_fs26 {font-size:26px;}
.s_fs27 {font-size:27px;}
.s_fs28 {font-size:28px;}
.s_fs29 {font-size:29px;}
.s_fs30 {font-size:30px;}
.s_fs31 {font-size:31px;}
.s_fs32 {font-size:32px;}
.s_fs33 {font-size:33px;}
.s_fs34 {font-size:34px;}
.s_fs35 {font-size:35px;}
.s_fs36 {font-size:36px;}
.s_fs37 {font-size:37px;}
.s_fs38 {font-size:38px;}
.s_fs39 {font-size:39px;}
.s_fs40 {font-size:40px;}
/* --- FONT SIZES --- */
/* ------------- END CLASS FORMATTING ------------- */
}
/* ------------- END SMALL FORMATTING ------------- */

/* ------------- START MEDIUM FORMATTING ------------- */
@media only screen and (min-width: 766px) {
/* ------------- START CLASS FORMATTING ------------- */
/* --- COLUMNS --- */
.m-0 {width: 0px;}
.m-1 {width: 8.33%;}
.m-2 {width: 16.66%;}
.m-3 {width: 25%;}
.m-4 {width: 33.33%;}
.m-5 {width: 41.66%;}
.m-6 {width: 50%;}
.m-7 {width: 58.33%;}
.m-8 {width: 66.66%;}
.m-9 {width: 75%;}
.m-10 {width: 83.33%;}
.m-11 {width: 91.66%;}
.m-12 {width: 100%;}
[class*="m-"] {float: left;
               padding: 5px;
               border: 0px dashed black;}
/* --- COLUMNS --- */

/* --- HIDE --- */
.m_hide {display:none;}
.m_show {display:block;}
/* --- HIDE --- */

/* --- FONT SIZES --- */
.m_fs1 {font-size:1px;}
.m_fs2 {font-size:2px;}
.m_fs3 {font-size:3px;}
.m_fs4 {font-size:4px;}
.m_fs5 {font-size:5px;}
.m_fs6 {font-size:6px;}
.m_fs7 {font-size:7px;}
.m_fs8 {font-size:8px;}
.m_fs9 {font-size:9px;}
.m_fs10 {font-size:10px;}
.m_fs11 {font-size:11px;}
.m_fs12 {font-size:12px;}
.m_fs13 {font-size:13px;}
.m_fs14 {font-size:14px;}
.m_fs15 {font-size:15px;}
.m_fs16 {font-size:16px;}
.m_fs17 {font-size:17px;}
.m_fs18 {font-size:18px;}
.m_fs19 {font-size:19px;}
.m_fs20 {font-size:20px;}
.m_fs21 {font-size:21px;}
.m_fs22 {font-size:22px;}
.m_fs23 {font-size:23px;}
.m_fs24 {font-size:24px;}
.m_fs25 {font-size:25px;}
.m_fs26 {font-size:26px;}
.m_fs27 {font-size:27px;}
.m_fs28 {font-size:28px;}
.m_fs29 {font-size:29px;}
.m_fs30 {font-size:30px;}
.m_fs31 {font-size:31px;}
.m_fs32 {font-size:32px;}
.m_fs33 {font-size:33px;}
.m_fs34 {font-size:34px;}
.m_fs35 {font-size:35px;}
.m_fs36 {font-size:36px;}
.m_fs37 {font-size:37px;}
.m_fs38 {font-size:38px;}
.m_fs39 {font-size:39px;}
.m_fs40 {font-size:40px;}
/* --- FONT SIZES --- */
/* ------------- END CLASS FORMATTING ------------- */
}
/* ------------- END MEDIUM FORMATTING ------------- */

/* ------------- START LARGE FORMATTING ------------- */
@media only screen and (min-width: 900px) {
/* ------------- START CLASS FORMATTING ------------- */
/* --- COLUMNS --- */
.l-0 {width: 0px;}
.l-1 {width: 8.33%;}
.l-2 {width: 16.66%;}
.l-3 {width: 25%;}
.l-4 {width: 33.33%;}
.l-5 {width: 41.66%;}
.l-6 {width: 50%;}
.l-7 {width: 58.33%;}
.l-8 {width: 66.66%;}
.l-9 {width: 75%;}
.l-10 {width: 83.33%;}
.l-11 {width: 91.66%;}
.l-12 {width: 100%;}
[class*="l-"] {float: left;
               padding: 5px;
               border: 0px dashed black;}
/* --- COLUMNS --- */

/* --- HIDE --- */
.l_hide {display:none;}
.l_show {display:block;}
/* --- HIDE --- */

/* --- FONT SIZES --- */
.l_fs1 {font-size:1px;}
.l_fs2 {font-size:2px;}
.l_fs3 {font-size:3px;}
.l_fs4 {font-size:4px;}
.l_fs5 {font-size:5px;}
.l_fs6 {font-size:6px;}
.l_fs7 {font-size:7px;}
.l_fs8 {font-size:8px;}
.l_fs9 {font-size:9px;}
.l_fs10 {font-size:10px;}
.l_fs11 {font-size:11px;}
.l_fs12 {font-size:12px;}
.l_fs13 {font-size:13px;}
.l_fs14 {font-size:14px;}
.l_fs15 {font-size:15px;}
.l_fs16 {font-size:16px;}
.l_fs17 {font-size:17px;}
.l_fs18 {font-size:18px;}
.l_fs19 {font-size:19px;}
.l_fs20 {font-size:20px;}
.l_fs21 {font-size:21px;}
.l_fs22 {font-size:22px;}
.l_fs23 {font-size:23px;}
.l_fs24 {font-size:24px;}
.l_fs25 {font-size:25px;}
.l_fs26 {font-size:26px;}
.l_fs27 {font-size:27px;}
.l_fs28 {font-size:28px;}
.l_fs29 {font-size:29px;}
.l_fs30 {font-size:30px;}
.l_fs31 {font-size:31px;}
.l_fs32 {font-size:32px;}
.l_fs33 {font-size:33px;}
.l_fs34 {font-size:34px;}
.l_fs35 {font-size:35px;}
.l_fs36 {font-size:36px;}
.l_fs37 {font-size:37px;}
.l_fs38 {font-size:38px;}
.l_fs39 {font-size:39px;}
.l_fs40 {font-size:40px;}
/* --- FONT SIZES --- */
}
/* ------------- END LARGE FORMATTING ------------- */

/* ------------- START EXTRA LARGE FORMATTING ------------- */
@media only screen and (min-width: 1078px) {
/* ------------- START CLASS FORMATTING ------------- */
/* --- COLUMNS --- */
.el-0 {width: 0px;}
.el-1 {width: 8.33%;}
.el-2 {width: 16.66%;}
.el-3 {width: 25%;}
.el-4 {width: 33.33%;}
.el-5 {width: 41.66%;}
.el-6 {width: 50%;}
.el-7 {width: 58.33%;}
.el-8 {width: 66.66%;}
.el-9 {width: 75%;}
.el-10 {width: 83.33%;}
.el-11 {width: 91.66%;}
.el-12 {width: 100%;}
[class*="el-"] {float: left;
               padding: 5px;
               border: 0px dashed black;}
/* --- COLUMNS --- */

/* --- HIDE --- */
.el_hide {display:none;}
.el_show {display:block;}
/* --- HIDE --- */

/* --- FONT SIZES --- */
.el_fs1 {font-size:1px;}
.el_fs2 {font-size:2px;}
.el_fs3 {font-size:3px;}
.el_fs4 {font-size:4px;}
.el_fs5 {font-size:5px;}
.el_fs6 {font-size:6px;}
.el_fs7 {font-size:7px;}
.el_fs8 {font-size:8px;}
.el_fs9 {font-size:9px;}
.el_fs10 {font-size:10px;}
.el_fs11 {font-size:11px;}
.el_fs12 {font-size:12px;}
.el_fs13 {font-size:13px;}
.el_fs14 {font-size:14px;}
.el_fs15 {font-size:15px;}
.el_fs16 {font-size:16px;}
.el_fs17 {font-size:17px;}
.el_fs18 {font-size:18px;}
.el_fs19 {font-size:19px;}
.el_fs20 {font-size:20px;}
.el_fs21 {font-size:21px;}
.el_fs22 {font-size:22px;}
.el_fs23 {font-size:23px;}
.el_fs24 {font-size:24px;}
.el_fs25 {font-size:25px;}
.el_fs26 {font-size:26px;}
.el_fs27 {font-size:27px;}
.el_fs28 {font-size:28px;}
.el_fs29 {font-size:29px;}
.el_fs30 {font-size:30px;}
.el_fs31 {font-size:31px;}
.el_fs32 {font-size:32px;}
.el_fs33 {font-size:33px;}
.el_fs34 {font-size:34px;}
.el_fs35 {font-size:35px;}
.el_fs36 {font-size:36px;}
.el_fs37 {font-size:37px;}
.el_fs38 {font-size:38px;}
.el_fs39 {font-size:39px;}
.el_fs40 {font-size:40px;}
/* --- FONT SIZES --- */
}
/* ------------- END EXTRA LARGE FORMATTING ------------- */