body {
  font-family: 'Titillium Web', sans-serif;
  margin: 0;
  overflow: hidden;
  background-color: black;
}
#container {
  position: absolute;
  background-color: none;
  bottom: 0;
  width: 100%;
  color: white;
  overflow: hidden;
}
/* #events {
  font-size: 50px;
  color: rgb(255, 255, 255);
  transform: translateX(-50%);
  width: 100%;
  left: 50%;
  position: absolute; 
  text-align: center;
} */
.triggers {
  bottom: 20px;
  color: white;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;
  opacity: 0;
}
.triggers span {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 0 20px;
  padding: 2px 4px;
  transition: opacity 0.5s, color 0.5s;
}
.triggers span[data-disabled="true"] {
  opacity: 0.3;
  pointer-events: none;
}
.triggers span:hover {
  color: red;
}


/*! CSS Used from: https://members.codeninjas.com/commonLibrary/f7Lib/css/framework7.ios.css */
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;}
a{outline:0;}
a{text-decoration:none;color:#007aff;}
p{margin:1em 0;}
.row{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;}
.row > [class*="col-"]{box-sizing:border-box;}
.row .col-100{width:100%;width:-webkit-calc((100% - 15px*0) / 1);width:calc((100% - 15px*0) / 1);}
.card{background:none;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);margin:10px;position:relative;border-radius:2px;font-size:14px;width: 100%;}
.card-content{position:relative; width: 100%;}
.card-content-inner{padding:0px;position:relative;color: white;}
.card-header,.card-footer{min-height:15px;position:relative;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
/* .card-header{border-radius:2px 2px 0 0;font-size:17px;} */
/* .card-header:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#e1e1e1;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;} */
.card-footer{border-radius:0 0 2px 2px;color:#6d6d72; position:relative; width:100%}
/* .card-footer:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#e1e1e1;display:block;z-index:15;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;} */
/*! CSS Used from: https://members.codeninjas.com/e/css/custom.css?v=1932 */
.demo-card-header-pic .card-header{background-size:contain;background-position:center;display:block!important;color:#6d6d72!important;background-repeat:no-repeat;width:100%;height:0;padding:25%;}

.custom-card-cont{margin-left:7px;color:black;height:74px;}
.oneline{display:inline-block;}
.col-33-cardlisting{width:33.33%;}
#events{max-width:1200px;margin:auto;width: 50%;}
.card-listing .card{margin:0px;max-width:389.95px;}
.card-listing .card-footer{max-height:15px;min-height:1px;color:black;}
.fixed-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:2px}
@media only screen and (max-width:768px){
.col-33-cardlisting{width:50%!important;}
}
@media only screen and (max-width:641px){
.container{width:100%;margin-bottom:10px;overflow: hidden;}
.card-listing .card{max-width:100%;}
}
@media only screen and (max-width:481px){
.col-33-cardlisting{width:100%!important;}
.card-listing .card{margin:5px;}
.card-listing .card-content-inner{padding:10px;}
}

/* ANIMATIONS */
.flyUp li {
  position: relative;
  /* display: block; */
  /* margin-bottom: 5px; */
  /* padding: 10px; */
  /* text-align: center; */
  /* text-transform: uppercase; */
  animation: fade 1.5s linear;
  animation-fill-mode: both;
}
@keyframes fade {
  0% {
    opacity: 1;
    top: 0px;
  }
  50% {
    opacity: 0.5;
    /* top: 0px; */
  }
  100% {
    opacity: 0;
    top: 700px;
  }
}

.expand {
  animation: expand 0.7s ease-in-out;
  opacity: 0;
}

@keyframes expand {
  /* from{transform: translateY(0px)}
  to{transform: translateY(-1000px)} */
  0% {
    opacity: 1;
    transform: scale(1.0);
  }
  100% {
    opacity: 0;
    transform: scale(5.0);
  }

}

#events li:nth-child(5) {
  animation-delay: 0.25s;
}
#events li:nth-child(4) {
  animation-delay: 0.50s;
}
#events li:nth-child(3) {
  animation-delay: 0.75s;
}
#events li:nth-child(2) {
  animation-delay: 1s;
}
#events li:nth-child(1) {
  animation-delay: 1.25s;
}


/* .circle{
  width: 100px;
  padding: 50px 0;
  line-height: 0;
  margin: 60px auto;
  background: pink;
  color: white;
  border-radius: 50px;
  cursor: pointer;
  transition: background 1s, transform 0.3s;
}
.circle:hover{
  background: salmon;
  transform: rotate(360deg);
} */

/* menu */