.searchbar{
    border-radius: 50px !important;
}
.fwhite{
    color: #ffffff !important;
}
.countdown-separator{
    color: #ffffff !important;
}
.categoryp{
    padding: 10px 0px 10px 0px;
}
.pad-bot-0 {
    padding-bottom: 0px !important;
}
.bg-ecf7ff{
    background: #ecf7ff;
}
.fs-99 {
    font-size: 0.99rem !important;
}
.fs-99 {
    font-size: 0.99rem !important;
}
.columnsflex{
    flex-direction: column;
}
.cateborder{
    border: solid 1px;
    border-radius: 11px !important;
}
.slideborder{
    border-radius: 20px !important;
}
.msgbtn{
    border-radius: 50px !important;
    padding: 5px 20px;
}
.ra15{
    border-radius: 5px !important;
}
.bg-todaysdeals{
    background-color: #f5f5f5;
}
.bonusbanner{
    padding-top: 50px;
    margin-top:-50px;
}
.br15{
    border-radius: 15px;
}
.footerlogo{
    text-align: left;
}
.catslider{
    padding-inline-start: 20px;padding-inline-end: 20px;
}
.whide{
    display: none;
}
.mhide{
    display: block;
}
.downloadapparea{
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: center
}
.downloadapparea img{
    height: 40px;
}
.footerdownload{
    padding-top: 10px;
    margin-right:5px;
}
.ontecso{
    display: none !important;
}
.sticky {
    position: -webkit-sticky;  /* <----- required (for WebKit) */
    position: sticky;  /* <------------- required              */
    bottom: 70px;  /* <----------------- required              */
    z-index: 999;
}
.footer-black{
	background-color:#000000;
}



/* custom home page style */

#myVideo {
  top:0;
  right: 150;
  bottom: 1;
  min-width: 100%; 
  height:100vh;
  object-fit: cover;
}

.content {
  position: absolute;
  top: 0;
  width: -webkit-fill-available;
}

.bt-content {
  position: absolute;
  bottom: 20px;
  width: -webkit-fill-available;
}

.glossy{
background: rgba(255, 255, 255, 0.2);
color: rgb(255, 255, 255);
border-radius: 15px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.2px);
-webkit-backdrop-filter: blur(5.2px);
}

.glossy-black{
background: rgb(0 0 0 / 52%);
color: rgb(255, 255, 255);
backdrop-filter: blur(5.2px);
-webkit-backdrop-filter: blur(5.2px);
}

.link{
    text-decoration:none;
    color:black;
}

.link :hover{
    text-decoration:none;
    color:gray;
}

.cardstyle_one{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    border-radius:15px;
}

/* Makes a fixed background wrapper
which the user cannot interact with */

.iframe-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/* Make the iframe keep an aspect ratio, and
position it in the middle of its parent wrapper*/

.iframe-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.features-m{
    display:none;
}

.responsive-iframe {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 750px;
}

.featured-card-ontecso{
  padding:30px;
  color:black;
  border-radius:15px;
  height: 100%;
}
.bg-lightwhite{
	background-color:#eaeaea;
}

.bg-ontesco-yellow {
	background-color:#f9ebdf;
}

.bg-lightblue{
	background-color:#e8ecfc;
}

.bg-lightgreen{
	background-color:#caf1de;
}

.bg-lightpurple{
	background-color:#d6cdea;
}

.bg-lightgold{
	background-color:#F3E5AB;
}

.typing-demo {
  width: 22ch;
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: monospace;
  font-size: 2em;
}

@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}

/* mobile */
@media only screen and (max-width: 600px) {
    .bonusbanner{
        padding-top: 20px;
        margin-top:-20px;
    }
    .footerlogo{
        text-align: center;
    }
    .mhide{
        display: none;
    }
    .whide{
        display: block;
    }
    .downloadapparea{
        flex-wrap: nowrap;
        justify-content: center;
        text-align: center;
    }
    .downloadapparea img{
        height: 35px;
    }
    .bt-content {
      display:none;
    }
    .features-m{
        display:block;
    }
}

a.btn.btn-md.btn-white.lightbox-video.mfp-iframe{
	font-size:1rem important;
}