html{height: 100%;}
body {margin:0;overflow-x: hidden;}
.noopacity{opacity: 0;}
.pointercr{cursor: pointer;}
.lgpadding{padding:10px;}
.space{padding: 5px;}
.smspace{padding: 2.5px;}
.nostyle{background: none;border: none;}
.navybluebg{background: #1B2F59;}
.smallheight{height: 120px;}
.imgbg{margin-top: -62px;}
.imgbg img {margin: 0 auto;border-radius: 100%;background: white;width: 120px;padding: 5px;}
.startloader{
  position: fixed;
  z-index: 1000;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  margin: 0 auto;
  background: whitesmoke;
}
.sidewindowin a {
  transition: 0.3s;
}
.topsticky{top: 0;position: sticky;}
.sidewindowin{
  position: fixed;
  width: 0px;
  height: 100%;
  padding: 5px;
  overflow-y: scroll;
  background-size: cover;
  transition: width .5s;
  z-index: 1;
}
#mainwindow {
  margin-left: 210px;
  transition: margin-left .5s;
}
#mainwindow.afteropen {
  margin-left: 0px;
  transition: margin-left .5s;
}
.altdiv:nth-child(odd){
  background: lightgrey;
}
#mainwindowin {
  margin-left: 0px;
  transition: margin-left .5s;
}
#mainwindowin.afteropenin {
  margin-left: 210px;
  transition: margin-left .5s;
}
#mySidenav.zerowidth {
  width: 0px;
  transition: width .5s;
}
#mySidenavin.zerowidthin {
  width: 210px;
  transition: width .5s;
}
.notallowed:hover;{cursor: not-allowed;}
.counterdiv{
  position: absolute;
  right: 10px;
  top: 5px;
}
.counterdiv span{
  background:white;
  color:#B1040E;
}
.hoverdiv:hover{
  background: white;
  color: black;
  padding: 5px;
}
.hoverdiv:hover a{
  color: black;
}
.hoverdiv:hover .counterdiv span{
  background: #B1040E;
  color:white;
}
.relpos{position: relative;}
.abspos{position: absolute;bottom: 0;}
.xsmalltext{font-size: 10px;}
.smalltext{font-size: 12px;}
.profimg {width: 50px;height: 50px;border-radius: 100%;padding: 0px;}
.profimg img{width: 48px;height: 48px;border-radius: 100%;margin:0 auto;border-radius: 100%;}
.topnavdiv {
  box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
/*  background: #f3f4f7;*/
}
.neargrey{background: #F3F4F7;}
.footerdiv{position: fixed;bottom: 0;z-index: 999;width: 100%;overflow-x: hidden;}
.daybutton{width: 100px;}
.fixwidth{overflow-x: scroll;}
.closediv{width: 25px;transition: 0.5s ease;}
.closediv1{width: 0px;background:grey;border-radius: 10px;height: 0px;margin-bottom: 2px;transition: 0.2s ease;}
.closediv2{width: 25px;background:grey;border-radius: 10px;height: 4px;margin-bottom: 2px;transition: 0.2s ease;transform: rotate(45deg);margin-top: 5px;}
.closediv3{width: 25px;background:grey;border-radius: 10px;height: 4px;margin-bottom: 2px;transition: 0.2s ease;transform: rotate(-45deg);margin-top: -6px;}
.closediv4{width: 0px;background:grey;border-radius: 10px;height: 0px;margin-bottom: 2px;transition: 0.2s ease;}
.closediv.closehambgr div:nth-child(1) {
  width: 25px;
  height: 4px;
}
.closediv.closehambgr div:nth-child(4) {
  width: 25px;
  height: 4px;
}
.closediv.closehambgr div:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  margin-top: 0px;
}

.closediv.closehambgr div:nth-child(3) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  margin-top: 0px;  
}
.thisheight{overflow-y: scroll;}
.blobs {
  width: 300px;
  height: 300px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 70px;
}
.blobs .blob-center {
  position: absolute;
  background: #1B2F59;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(0.9) translate(-50%, -50%);
          transform: scale(0.9) translate(-50%, -50%);
  -webkit-animation: blob-grow linear 3.4s infinite;
          animation: blob-grow linear 3.4s infinite;
  border-radius: 50%;
  box-shadow: 0 -10px 40px -5px #FFF200;
}
.eachr:nth-child(odd) {
  background: #E7E9EB;
}
.blob {
  position: absolute;
  background: royalblue;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-animation: blobs ease-out 3.4s infinite;
          animation: blobs ease-out 3.4s infinite;
  -webkit-transform: scale(0.9) translate(-50%, -50%);
          transform: scale(0.9) translate(-50%, -50%);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  opacity: 0;
}
.blob:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.blob:nth-child(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.blob:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.blob:nth-child(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.blob:nth-child(5) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes blobs {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);
            transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%,65% {
    opacity: 1;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
            transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);
            transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}
@keyframes blobs {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);
            transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%,65% {
    opacity: 1;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
            transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);
            transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}
@-webkit-keyframes blob-grow {
  0%,  39% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
  40%, 42% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%, 44% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%, 46% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%, 48% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
            transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
            transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%, 70% {
    -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
            transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
            transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%, 81% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%, 83% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%, 85% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%, 87% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%, 91% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%, 100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
}
@keyframes blob-grow {
  0%,  39% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
  40%, 42% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%, 44% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%, 46% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%, 48% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
            transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
            transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%, 70% {
    -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
            transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
            transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%, 81% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%, 83% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%, 85% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%, 87% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%, 91% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%, 100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
}
.newsboxmain{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999; 
}
.modalnews{position: absolute;
  left: 0;
  top: 25%;
  width: 100%;
  text-align: center;
}
.loaderown {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  -webkit-animation: spinnew 2s linear infinite;
  animation: spinnew 2s linear infinite;
}
@-webkit-keyframes spinnew {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spinnew {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.nodecoration{text-decoration: none;}
.nodisplay{display: none;}
.base-timer {
    position: relative;
    width: 250px;
    height: 250px;
  margin: auto;
}

.base-timer__svg {
    transform: scaleX(-1);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 6px;
    stroke: #efefef;
}

.base-timer__path-remaining {
    stroke-width: 4px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

.base-timer__path-remaining.green {
    color: #39b37d;
}

.base-timer__path-remaining.orange {
    color: orange;
}

.base-timer__path-remaining.red {
    color: red;
}

.base-timer__label {
    position: absolute;
    width: 250px;
    height: 250px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.3px;
}