:root {--rail__n-items-mobile: 1.5;
  --rail__n-items-tablet: 2;
  --rail__n-items-desktop: 4;
  --rail__n-items-hd: 4;



  --border-radius-outer: 5px;
  --spacing-2: calc(var(--spacing)*2);
  --spacing-3: calc(var(--spacing)*3);
  --spacing-4: calc(var(--spacing)*4);
  --spacing-5: calc(var(--spacing)*5);
  --spacing-6-5: calc(var(--spacing)*6.5);
  --lg-line-height: 1.5;
}

.noDots{list-style-type: none;}

.bgBlue{background: linear-gradient(to bottom, rgba(40, 56, 114, 0.800) 0%, rgba(40, 56, 114, 0.298) 33.000001%, rgba(40, 56, 114, 0.800) 100%);}

.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate{display:none!important;}

/* indexHEADER */
.top-menu-bar {z-index:5;position: sticky;top:0; width: 100%;	transition: all .2s cubic-bezier(0,.32,.32,1); background:none;      }


.sidenav { height: 0;  width: 100%;   z-index: 100;	  overflow-x: hidden;  transition: all .2s cubic-bezier(0,.32,.32,1);    text-align:center;}
.sidenav a {font-weight: 700;display:flex;    flex-direction: column;  align-items: center;  justify-content: center; padding: 5px;  text-decoration: none;  color: #b8b7b7;  transition: 0.3s;color:white; background:#545454bf; margin: 8px;  border-radius: 12px ;width:100px;min-width:70px;max-width:110px;   width: calc((99.99% - 60px)*8/var(--rail__n-items-tablet)/8 - 20px);}
.sidenav img{max-width:60%;}
.sidenav:hover{ transition :all  0.2s ease; height:100vh;}
.sidenav a:hover{  color:white;font-weight: bolder; text-shadow: 0px 0px 5px red;}
.sidenav input:hover{  color: #f1f1f1; text-shadow:2px 5px 5px red;}
.sidenav .closebtn {   position: absolute;  top: 10px;  left: 0;  font-size: 20px;  color: yellow;}
.sidenav3 { height: 0;  width: 0;  position: fixed; z-index: 100;	  background-color: yellowgreen;  overflow-x: hidden;  transition: 0.5s;  padding-top: 5px;  text-align:center;}


.neon{  position:absolute;  top:10px;  left:10px;  color:#fff;font-size:30px;cursor:pointer;  text-shadow: 0 0 20px greenyellow;}
.neon:after{content:attr(data-text);position:absolute;  top:0;  left:0;z-index:-1;color:greenyellow;filter:blur(15px);}
.neon:before{  content:'';  position:absolute;  top:0;  left:0;  width:250px;  height:30px;  background: #fe3a80;  color:greenyellow;filter:blur(40px);opacity:.5;z-index:-2;}
.checks {    background: none;    border-style: none;    font-size: 25px;    color: white;}
.checks2 {margin:auto;padding: 0 10px;    display: flex; background: none;    border-style: none;    font-size: 15px;    color: white;}
/* Footer */
.social-symbols{cursor:pointer;filter: drop-shadow(0px 0px 6px black); text-align:right;margin:0;    font-size: 12px;    width: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;justify-content: space-evenly;}
  .social-symbols a {padding:0;}
.social-symbols span {margin: 0px; padding:0; font-weight: 900;  color: wheat;	display: block;	width: 39px;	height: 39px;	background-position: 0 0;	background-repeat: no-repeat;	-webkit-transition: all 0.2s ease-out 0s;	-moz-transition: all 0.2s ease-out 0s;	-o-transition: all 0.2s ease-out 0s;	transition: all 0.2s ease-out 0s;}
.social-symbols span:hover {	background-position: 0 -50px;	color:white;}

.main-footer {z-index: 2;  display: flex; border-radius: 15px; box-shadow:0px 0px 15px black;     position: fixed;    bottom: -15px;right: 0;}
.bottom-footer {color: #665;	padding: 10px 0px 10px; text-align: center;margin: 20px 0 0 0;}

.bottom-footer-paragraph {	font-size: 14px;	padding-bottom: 20px;}

#sideDiv {display:flex;flex-direction: column;align-items: stretch; transition: 0.3s;position:fixed;   border-radius: 12px 0px 0px 12px;z-index: 3;top: 60%;right:-20px;width:55px;}
#sideDiv:hover {right:0;}

.localFooter {justify-content: space-evenly;list-style: none;text-align:center;padding:20px 0 40px 0;width:100%;height:auto;color: rgba(255,255,255,.2);display: flex;    -ms-flex-flow: row wrap;    flex-flow: row wrap;}
.localFooter h3{padding:0;margin:6px;font-size:16px;}
.localFooter p{padding:0;margin:3px;font-size:14px;color:grey;}
.localFooterSmallDiv a{color:#8ca2bc;}
.localFooterSmallDiv p{color:#404851;}

@media (max-width: 500px) {  .bottom-footer-paragraph, .social-symbols {  text-align:center;}}
/* END Footer */

iframe{box-shadow:0px 0px 8px 4px #ddd2bd9e;}
table {  font-family: arial, sans-serif;  border-collapse: collapse;  width: 100%; color:black;  border-collapse:separate;
  border-spacing:0 5px;}
tr{box-shadow: 0 0px 10px black;border-radius: .5em; background:black;margin:12px 0;}
td, th {  text-align: left;  padding: 6px ;color:wheat;}
tr:nth-child(even) {  background-color: rgb(21, 83, 131);}
tr:nth-child(odd) {  background-color: rgb(37, 129, 175);}
::-webkit-scrollbar {  width: 15px;}
::-webkit-scrollbar-track {    box-shadow: inset rgb(28, 7, 49) 0px 3px 17px;   border-radius: 10px;}
::-webkit-scrollbar-thumb {  background: rebeccapurple;   border-radius: 10px;border-style: ridge;}
::-webkit-scrollbar-thumb:hover {  background: #b30000; }

.searchengine{width: 90%;font-size:18px;position:inline-block;color:white;background:black;}
.t3_radio {border: 1px solid #c5c5c5;display:inline-block;padding:0 7px;border-radius:5px;background:greenyellow;}
textarea{   background-repeat: no-repeat;
  background-size: 100px 100px;background-position: right;}

  .secDiv{    display: flex;width: 100%;justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;position:fixed;  box-shadow: 0px 0px 10px #524099;border-radius: 15px;background: #66367261;z-index: 100;bottom:-76px;padding:15px;}
  .secDiv:hover{  transition: 0.2s;    bottom: 0;padding:12px 10px 0 10px;  }

  @media (max-width: 600px){
  .hideSmall {    display: none!important;}
}
 

  
  /* Full-width input fields */
input[type=text], input[type=email], input[type=password] {
  width: 94%;
  padding: 8px;
  margin: 5px 0 8px 0;
  border: none;border-radius: 5px;
  background: #f1f1f1;
}

/* Add a background color when the inputs get focus */
input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}
 
  input[type=number] {
    width: 100%;
    height: 30px;
    font-size: 18px;
    text-align: center;border-radius: .5em;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;background:none;color:white;
    border-bottom: 2px solid orange;backdrop-filter: blur(6px);
  }

  .inputTrans{
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    background: transparent;
  }

  .inputBull{
        -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    font-size: 16px;
    font-size: 16px;
    height: 52px;
    height: var(--spacing-6-5);
    line-height: 1.1;
    line-height:1.1;
    outline: none;
    padding: 0 16px;
    padding: var(--spacing-2);
    width: 100%;
    color: #2d333a;
    color: #000000;
    background-color: #fff;
    background-color: #ffffff;
    transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out;
    border-radius: 3px;
    border: 1px solid #c2c8d0;
  }

  .glass{   cursor: pointer;  border-radius: 12px;  padding: 10px;
    margin: 10px 10px 20px 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #000f1e66;
}

  .labels01{border:1px solid black;white-space: nowrap;border-radius: 4px;margin: 4px;padding: 0;background:rgb(13, 3, 51);}
.shadow01{white-space: pre-line;     padding: 10px;    box-shadow: 0px 0px 17px 4px deepskyblue;    border-radius: 10px; overflow: hidden;}




.specialfont {cursor:pointer;z-index:100;letter-spacing: 4px;font-weight: 800; outline: 0;color:var(--mainColor);filter: drop-shadow(0px 0px 5px var(--mainColor));text-shadow: 0 0px 7px var(--mainColor);
  filter: drop-shadow(0px 0px 5px var(--mainColor));
  font-size: 0.7rem;
  padding: 0;
  font: 5vmin / 1.3 Serif;
  overflow: hidden;
  letter-spacing: .3em;
  white-space: pre;
  color:var(--mainColor);
  padding: 4px 10px;
  transform: translate(-50%, -50%);
  text-align: center;
}




      .box3D{
        transform: perspective(1655px) rotateX(0deg) scale(1) rotateY(-33deg);
            box-shadow: 0px 20px 100px #555;
            transition: 0.5s ease all;
        }
        
        


.cancelbtn, .signupbtn {  background-color: #4CAF50;  color: white;  padding: 14px 20px;  margin: 8px 0;  border: none;  cursor: pointer;  width: 100%;  opacity: 0.9;}
.cancelbtn, .signupbtn:hover {  opacity:1;}
.cancelbtn { background-color: #f44336;}
.cancelbtn, .signupbtn {  float: left;  width: 50%;}/* Float cancel and signup buttons and add an equal width */
@media screen and (max-width: 600px) {  .cancelbtn, .signupbtn {     width: 100%;  }}


.amazingShadow{  box-shadow:rgb(0 0 0 / 22%) 0px 5px 26px 0px, rgb(0 0 0 / 30%) 0px 20px 28px 0px;}

.amazingShadow2{background: radial-gradient(70.08% 75.83% at 81.25% 25.56%, rgba(9, 28, 47, 0) 14.06%, rgba(9, 28, 47, .5) 73.44%, #091c2f 100%);}


.button00, .style01{    background: linear-gradient(  180deg, #EED8C6 -57.78%, #FBEBDC -31.05%, #C49A7E 100%);
  box-shadow: 0px 8px 16px rgb(0 0 0 / 25%);
  border-radius: 10px;     color: #604B2F;font-family: IBM Plex Sans;
  font-style: normal;padding:3px 8px;
  font-weight: bold;}


        
.button01{border: 0px;background-color: deepskyblue;color: white;  padding: 5px 8px; cursor:pointer;line-height: 25px;border-radius: 4px;white-space: nowrap;outline: none;color: rgb(6, 6, 27);background: rgb(0, 209, 255);box-shadow: rgba(0, 209, 255, 0.6) 0px 0px 10px;border: 1px solid transparent;}
.button01:hover:not(:disabled) {background: rgb(66, 221, 255);box-shadow: rgba(0, 209, 255, 0.9) 0px 0px 10px;border: 1px solid rgb(0, 209, 255)}
        
.button02{cursor:pointer; 
      border-radius: 8px;
      border: 3px outset #888;
      padding: 4px 6px;
      color: #eee;
      box-shadow: 0 0 10px rgb(0, 0, 0, 1);
      font-family: verdana;
      font-size: 16px;
      font-weight: bolder;
      text-decoration: none;
      background: repeating-linear-gradient(10deg, black,rgb(160, 155, 155), black);
      text-shadow:0 2px 3px black;    display: inline-block;
      transition: 0.2s;
    
    }
    .button02:active {
      border: 3px outset #ddd;
      color: #fff;
      background: linear-gradient(160deg, #665, #444);
      text-shadow: 0px 0px 4px #ccc;
      box-shadow: 0 0 10px #fff, 0 0 40px #fff, 0 0 80px #fff;
      transition-delay: 1s;
    }

    .button02:hover{    text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
      box-shadow:0px 0px 7px 2px rgba(88, 241, 91, 0.4);
            background: repeating-linear-gradient(10deg, black,#08C, black);
    }








    .button03{
      text-transform: uppercase;
      padding: 5px 20px;
      height: 50px;
      line-height: 32px;
      font-size: 20px;
     
      border-radius: 4px;
      white-space: nowrap;
      cursor: pointer;
      outline: none;font-size: 22px;
      text-transform: capitalize;
      color: rgb(6, 6, 27);
      background: rgb(0, 209, 255);
      box-shadow: rgba(0, 209, 255, 0.6) 0px 0px 10px;
      border: 1px solid transparent;
    
    }



    .button03{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
		-webkit-tap-highlight-color: transparent;
}

.button03 {
color:#93c2cd;
	cursor: pointer;
	border: none;

	background-color: #7f5a83;
	background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
	background-size: 200% 100%;
	background-position: left;
	background-repeat: no-repeat;
	transition: 500ms;margin:2px;
}

.button03:before {
  margin:2px;
	color: rgba(255,255,255,0.5);
	font-size: 16px;
	width: 140px;    min-width: 157px;
	height: 40px;
	background-color: #1b2845;
	background-image:linear-gradient(315deg, #f1f1f1 0%, #0d324d 74%);
	transition: 500ms;
}

.button03:hover {
	background-position: right;
}

.button03:hover:before {
	color: rgba(255,255,255,0.8);
}

.button03:focus {
	outline: none;
}









      .button04{
        align-items: center;
        background: linear-gradient(123.41deg,#ffe870 -4.37%,#fed961 34.32%,#ffe89c 59.2%,#fed961 71.92%,#b5822e 98.79%);
        border: 0;
        color: #453d32;
        cursor: pointer;
        display:inline-flex;
        font-family: Alegreya Sans,sans-serif;
        font-size: 16px;
        font-weight: 700;
        justify-content: center;
        letter-spacing: -.02em;
        position: relative;
        text-decoration: none;
     width:-webkit-fill-available;    height: 42px;
      }


    .button04:after   {      border: 1px solid #41392f;
      content: "";
      -webkit-filter: drop-shadow(0 0 1px rgba(0,0,0,.25));
      filter: drop-shadow(0 0 1px rgba(0,0,0,.25));
      height: calc(100% - 15px);
      pointer-events: none;
      position: absolute;
      right: 7px;
      top: 7px;
      width: calc(100% - 15px);
      z-index: 0;  }


      .button05 {    display: flex;align-items: center;
        justify-content: center;
    font-size: 15px;
    margin:5px;
     text-align:center;
        border: 2px solid black;
        border-radius: 8px;
        box-shadow: 0px 2px 3px 1px black;
        text-shadow: 0px 3px 8px #2a2a2a;   
       background-repeat: no-repeat;  
      background-size: cover; background: linear-gradient( 15deg, #545,#1d2124);
        padding:0 7px;color:wheat;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        transition:  box-shadow 1s; 
    
    }
    .button05:hover{
      box-shadow: 0px 2px 5px 5px white;
    }




.button06 {
  transform:
    perspective(75em)
    rotateX(18deg);
  box-shadow:
    rgba(22, 31, 39, 0.42) 0px 60px 123px -25px,
    rgba(19, 26, 32, 0.08) 0px 35px 75px -35px;
  border-radius: 10px;
  border: 1px solid;
  border-color:
    rgb(213, 220, 226)
    rgb(213, 220, 226)
    rgb(184, 194, 204);
}

.button07{
  transform:
    rotate3d(.5,-.866,0,15deg)
    rotate(1deg);
  box-shadow:
    2em 4em 6em -2em rgba(0,0,0,.5),
    1em 2em 3.5em -2.5em rgba(0,0,0,.5);
  transition:
    transform .4s ease,
    box-shadow .4s ease;
  border-radius: .5em;
}




.button08{
  transform:
    perspective(750px)
    translate3d(0px, 0px, -250px)
    rotateX(27deg)
    scale(0.9, 0.9);
  border-radius: 20px;
  border: 5px solid #e6e6e6;
  box-shadow: 0 70px 40px -20px rgba(0, 0, 0, 0.2);
  transition: 0.4s ease-in-out transform;
  padding: 2px 6px;
}
.button08:hover {transform: translate3d(5ch, 0.4in, 5em);  }
  /* .button08:hover {    transform:      rotate3d(0,0,0,0deg)      rotate(0deg);  } */

.button09{    font-size: medium;    font-style: italic;  font-weight: 700;  letter-spacing: -2px;    text-shadow: 0px 3px 8px #2a2a2a;     color: wheat;    filter: drop-shadow(0 0 6px white);    background: #00000087;    border-radius: 0 20px;    padding: 0 10px;    cursor: pointer; }
.button10{      display: inline-block;
  cursor: pointer;
  padding: 2px 8px; margin:2px;
  border: 1px solid #66c5e9;
  background: none;
  color: #66c5e9;
  border-radius: 7px; }

  .button11{
     color: #fff;      background-color: #57707d;
   border: none;
   display: inline-block;
   padding: 8px 16px;
   vertical-align: middle;
   overflow: hidden;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   white-space: nowrap;
   }

   .button12{  background: linear-gradient(116.93deg,#3f4954 1%,#26292d 80%);
    border-radius: 16px;
    box-shadow: 0 6px 4px -2px rgba(0,0,0,0.24);padding:3px 8px;
       color: #D3C398;    line-height: 1.2;    max-height: 2.5em;
    font-family: "Open Sans","Open Sans",Arial,sans-serif;    font-weight: 700;
  }

  .button13{
    font-size: 14px;
    border: 1px solid #959595;
    color: #959595;
    padding: 10px 40px;
    display: inline-block;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
  }

  
  .button14{cursor:pointer;    display: flex;  background: orange;font-weight: 900;
    border-radius: 6px;
    box-shadow: 0 6px 4px -2px rgba(0,0,0,0.24);padding:6px 3px;
       color: black;    line-height: 1.2;    max-height: 2.5em;
   filter: drop-shadow(0px 0px 2px black);
  }

.city-label {
    background: #e7bc09 none repeat scroll 0 0;
    border: 4px solid #333333;
    border-radius: 10px;
    box-shadow: 0 0 0 4px #e7bc09;
    float: left;
    font: 25px/30px arial;
    height: 125px;
    margin-bottom: 35px;
    padding-top: 39px;
    text-align: center;
    width: 100%;
    word-wrap: break-word;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.buttonSimple{font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
  text-decoration: none;
  color: #b8b7b7;
  transition: 0.3s;
  color: white;
  background: #545454bf;
  margin: 8px;
  border-radius: 12px;
  width: 100px;
  min-width: 70px;
  max-width: 110px;
  width: calc((99.99% - 60px)* 8 / var(--rail__n-items-tablet) / 8 - 20px);}

.buttonTag{   color: #fff !important;    background-color: #303e45 !important;display: inline-block;    padding:2px 8px;     margin: 2px  0;   text-align: center;}

    .buttonYellow{    border: 1.5px solid transparent;
      cursor: pointer;
      padding: 6px 30px 8px;
      font-size: 18px;
      box-sizing: border-box;
      align-items: center;
      font-weight: 600;
      line-height: 1.1em;
      white-space: nowrap;
      border-radius: 30px;
      text-decoration: none;    color: #FFDE2B;
      outline: 1.5px solid;
      outline-color: #FFDE2B;}
  
  .buttonIndigo{    box-shadow: 2px 1000px 1px #211f34 inset;
      background-clip: content-box,border-box;
      background-image: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)),linear-gradient(270deg,#8b3bbd,#5841d8 75%);
      background-origin: border-box;
      border: 1px solid transparent;
      color: rgb(233 228 255/1);
      line-height: 1rem;
      font-size: .75rem;
      letter-spacing: .3px;
      padding:0.25rem 0.75rem;
      border-radius: 0.25rem;
      position: relative;
      background-color: transparent;
      -webkit-appearance: button;
      cursor: pointer;
      text-transform: none;}
/* 
<a  class="buttonA" href="#">      <span></span>      <span></span>      <span></span>      <span></span>
Send Order     </a> */
.buttonA {  position: relative;  display: inline-block;  padding: 10px 20px; color: #03e9f4;  font-size: 16px;  text-decoration: none;  text-transform: uppercase;  overflow: hidden;  transition: .5s;  letter-spacing: 4px;}
.buttonA:hover {  background: #03e9f4;  color: #fff;  border-radius: 5px;  box-shadow: 0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4;}
.buttonA span {  position: absolute;  display: block;}
.buttonA span:nth-child(1) {  top: 0;  left: -100%;  width: 100%;  height: 2px;  background: linear-gradient(90deg, transparent, #03e9f4);  animation: btn-anim1 1s linear infinite;}
@keyframes btn-anim1 {  0% {    left: -100%;  }  50%,100% {    left: 100%;  }}
.buttonA  span:nth-child(2) {  top: -100%;  right: 0;  width: 2px;  height: 100%;  background: linear-gradient(180deg, transparent, #03e9f4);  animation: btn-anim2 1s linear infinite;  animation-delay: .25s;}
@keyframes btn-anim2 {  0% {    top: -100%;  }  50%,100% {    top: 100%;  }}
.buttonA  span:nth-child(3) {  bottom: 0;  right: -100%;  width: 100%; height: 2px;  background: linear-gradient(270deg, transparent, #03e9f4);  animation: btn-anim3 1s linear infinite;  animation-delay: .5s;}
@keyframes btn-anim3 {  0% {    right: -100%;  }  50%,100% {    right: 100%;  }}
.buttonA span:nth-child(4) {  bottom: -100%;  left: 0;  width: 2px;  height: 100%;  background: linear-gradient(360deg, transparent, #03e9f4);  animation: btn-anim4 1s linear infinite;  animation-delay: .75s;}
@keyframes btn-anim4 {  0% {    bottom: -100%;  }  50%,100% {    bottom: 100%;  }}

@keyframes animationScale {      0% {     transform:scale(1);  }  50%{     transform:scale(2);  }  100% {    transform:scale(1); }  }





















.div01{
  border-radius: 10px 10px 20px 20px;
  box-shadow: 0px 4px 26px 11px black;

}


.tabspan{display: inline-block;border-radius: 10px;  color: black; font-style: italic;  position: relative; background: rgba(144,134,251,1.0);padding:5px;margin:5px;}
.tabspan2{color:white;text-shadow: rgb(0, 209, 255) 0px 0px 4px, rgb(0, 209, 255) 0px 0px 4px, rgb(0, 209, 255) 0px 0px 4px, rgb(237, 30, 255) 0px 0px 4px, rgb(237, 30, 255) 0px 0px 4px, rgb(237, 30, 255) 0px 0px 4px;
color: rgb(6, 6, 27);font-size: 28px;}
/* END Elements */


.postit {  margin:20px;  width:170px;  height:150px;  padding:25px 15px;  background:#fefabc;  background-color: #fefabc;background-image: linear-gradient(150deg, #efec88 0%, #fefabc 100%);border: 1px solid #cccccc;box-shadow: 0px 2px 4px rgba(0,0,0,0.3);transform:rotate(4deg);}
.postit h1, .postit p {  font-family: 'DPDorkDiary', cursive;  font-size: 1.4em;  text-align:center;  margin: 0.5em 0 0;  line-height:1em;  font-weight:bold;}
.postit p {  font-size:1.1em;  margin: 0.5em 0;}
.postit::before {  content: "";  background-color: rgba(0,0,0,0.025);  position: absolute;  width: 100%;  left: 0px;  top: 0;  height: 40px;  z-index: -1;}
.postit::after {  content:"";  position: absolute;  bottom: 0;  right: -4px;  width: 100%;  height: 140px;  background-image: linear-gradient(173deg, rgba(0,0,0,0) 92%,  rgba(0,0,0,0.4) 100%);  transform: rotate(6deg);  z-index: -1;  filter: blur(2px);}


.blackMirror{  letter-spacing: -2px;  text-shadow: 0px 3px 8px #2a2a2a;    font-size: x-large;font-weight: 700;  color: wheat;  filter: drop-shadow(0 0 6px white);  }

.blackMirrorRed{color: #b11b1c; font-weight: bold;  letter-spacing: -0.05em;  text-shadow: 0 -1px 0 #000;}

.blackMirrorGold{  text-align: center;  color: gold;  color: rgba(255, 235, 0, 0.65);  font-style: italic;  text-shadow: -1px 3px 2px #110, 1px -2px 4px #ffc, -2px 5px 6px #220, 2px -4px 8px #eeb, -3px 7px 12px #330, 3px -6px 16px #dda;}







/* SELECT */
/* class applies to select element itself, not a wrapper element */
.select-css {   font-size: 16px;  font-family: sans-serif;  font-weight: 700;  color: #444;  line-height: 1.3;  padding: 5px 28px 4px 11px;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;  margin: 0;  border: 1px solid #aaa;  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);  border-radius: .5em;  -moz-appearance: none;  -webkit-appearance: none;  appearance: none;  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
      */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {  display: none;}
/* Hover style */
.select-css:hover {  border-color: #888;}
/* Focus style */
.select-css:focus {  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);  box-shadow: 0 0 0 3px -moz-mac-focusring;  color: #222;   outline: none;}
/* Set options to normal weight */
.select-css option {  font-weight:normal;}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {  background-position: left .7em top 50%, 0 0;  padding: .6em .8em .5em 1.4em;}
/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {  color: gray;  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);}
.select-css:disabled:hover, .select-css[aria-disabled=true] {  border-color: #aaa;}
/* END SELECT */



a{text-decoration: none;}


.am-PoweredByBitTube{bottom: 3px !important;
  right: 142px !important;}


  .loaderSmall {
    border: 10px solid #bb8329;
    border-radius: 50%;
    border-top: 10px solid #3498db5e;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;filter: drop-shadow(0 0 6px black);
  
  }

.loader {
position: relative;
width: 200px;
height:  200px;
border: 4px solid #240229;
overflow: hidden;

border-radius: 50%;
box-shadow: -5px -5px 5px rgba(255,255,255,0.1),
10px 10px 10px rgba(0,0,0,0.4),
inset -5px -5px 5px rgba(255,255,255,0.2),
inset 10px 10px 10px rgba(0,0,0,0.4);
}

.loader:before{content:'';
  position:absolute;
  top:25px;
  left:25px;
  right:25px;
  bottom:25px;z-index:10;
  background:var(--headersShadowColor);
  border-radius: 50%;
  border: 2px solid #240229;
  box-shadow: 
inset -2px -2px 5px rgba(255,255,255,0.2),
inset 3px 3px 4px rgba(0,0,0,0.5);
}

.loader span{
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: linear-gradient(#14ffe9,#ffeb3b,#ff00e0);background:linear-gradient(wheat,#0e5010,#314227);
filter:blur(20px);

animation:spin 0.6s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.neomorphic_button{    padding-left: 10px;
  border-radius: 1rem;
  border:2px solid transparent;
  background: linear-gradient(160deg, #ffffff 0%, #b5b8bf 100%);
  box-shadow: inset -0.3rem -0.3rem 0.5rem #ffffff,-0.3rem -0.3rem 0.5rem rgba(216, 212, 212, 0.17), inset 0.3rem 0.3rem 0.5rem rgba(0,0,0,0.1)
  , inset 0.3rem 0.3rem 0.5rem rgba(0,0,0,0.1), 0.3rem 0.3rem 0.5rem rgba(0,0,0,0.1);
  justify-self:center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
  transition:all 0.3s ease;

}

.neomorphic_button:active,.neomorphic_button:hover ,.neomorphic_button:focus {
  border:2px solid #fafafa;
  outline:none;
  background: linear-gradient(160deg, #f0f1f4 0%, #e4e6eb 100%);
  box-shadow: inset -0.3rem -0.3rem 0.5rem #ffffff,-0.3rem -0.3rem 0.5rem rgba(216, 212, 212, 0.17), inset 0.3rem 0.3rem 0.5rem rgba(0,0,0,0.1)
  , inset 0.3rem 0.3rem 0.5rem rgba(0,0,0,0.1), 0.3rem 0.3rem 0.5rem rgba(0,0,0,0.1);

}











/* snackbar */
#snackbar {  visibility: hidden;  min-width: 250px;  margin-left: -125px;  background-color: #333;  color: #fff;  text-align: center;  border-radius: 2px;  padding: 16px;  position: fixed;  z-index: 1;  left: 50%;  bottom: 50px;  font-size: 17px;    border-radius: 5px;}
#snackbar.show {  visibility: visible;  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;  animation: fadein 0.5s, fadeout 0.5s 2.5s;}
@-webkit-keyframes fadein {  from {bottom: 0; opacity: 0;}   to {bottom: 50px; opacity: 1;}}
@keyframes fadein {  from {bottom: 0; opacity: 0;}  to {bottom: 50px; opacity: 1;}}
@-webkit-keyframes fadeout {  from {bottom: 50px; opacity: 1;}   to {bottom: 0; opacity: 0;}}
@keyframes fadeout {  from {bottom: 50px; opacity: 1;}  to {bottom: 0; opacity: 0;}}
#snackbar, #snackbar2 , #snackbar2b, #snackbar3 {z-index: 1000;}
#snackbar2 {z-index: 1000;  visibility: hidden;  min-width: 30%;  margin-left: -125px;  background-color: red;  color: white;  text-align: center;  border-radius: 5px 12px 142px 5px;  padding: 16px;  position: fixed;  z-index: 2;  left: 100px;  bottom: 70px;  font-size: 17px; box-shadow:0px 8px 6px 1px greenyellow;  }
#snackbar2b {z-index: 1000;  visibility: hidden;  min-width: 80%;  margin-left: -125px;  background-color: #333;  color: #fff;  text-align: center;  border-radius: 162px 12px 2px 2px;  padding: 16px;  position: fixed;  z-index: 1; right: 0%;  bottom: 70px;  font-size: 17px;  box-shadow:26px 7px 4px orangered;}
#snackbar2.show2 {  visibility: visible;  -webkit-animation: fadein2 0.5s, fadeout2 0.5s 2.5s;  animation: fadein2 0.5s, fadeout2 0.5s 2.5s;}
#snackbar2b.showbb {  visibility: visible;  -webkit-animation: fadeinbb 0.5s, fadeoutbb 0.5s 2.5s;  animation: fadeinbb 0.5s, fadeoutbb 0.5s 2.5s;}
@-webkit-keyframes fadein2 {  from {left: -100px; opacity: 0;}   to {left: 100px; opacity: 1;}}
@keyframes fadein2 {  from {left: -100px; opacity: 0;}  to {left: 100px; opacity: 1;}}
@-webkit-keyframes fadeout2 {  from {left: 100px; opacity: 1;}   to {left: -100px; opacity: 0;}}
@keyframes fadeout2 {  from {left: 100px; opacity: 1;}  to {left: -100px; opacity: 0;}}
@-webkit-keyframes fadeinbb {  from {right: -80%; opacity: 0;}   to {right: 0%; opacity: 1;}}
@keyframes fadeinbb {  from {right: -80%; opacity: 0;}   to {right: 0%; opacity: 1;}}
@-webkit-keyframes fadeoutbb {  from {right: 0; opacity: 1;}   to {right: -80%; opacity: 0;}}
@keyframes fadeoutbb {  from {right: 0; opacity: 1;}   to {right: -80%; opacity: 0;}}
/* EOF snackbar */