body {
    margin: 0;
	background-color: #eeeff0 !important;
 }
#video-container {
    position: relative;
    padding-top: 48.67%;
    background-image: url(../images/bg-agenda.jpg);
    background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #eeeff0 !important;
 }
 
  #video-container  .agenda {
   position: absolute;
    top: 10.2%;
    left: 101%;
    width: 100%;
    transform: translate(-100%,0);
 }
 
 
@media screen and (max-width: 500px) {

#video-container  .agenda {
   position: absolute;
    top: 22.2% !important;
    left: 101%;
    width: 100%;
    transform: translate(-100%,0);
 }

 }
 
/* #video-container ul { */
    /* margin: 0; */
    /* list-style: none; */
	/* width: 100%; */
 /* } */
/* #video-container li { */
    /* position: absolute; */
    /* z-index: 2; */
	/* width: 100%; */
 /* } */
/* #video-container li:nth-child(1) { */
    /* top: 1em; */
    /* left: 1em; */
    /* width: 4em; */
 /* }  */
/* #video-container li:nth-child(2) { */
    /* top:60%; */
    /* left: 50%; */
    /* width: 7em; */
    /* transform: translate(-50%,-50%);  */
 /* } */
/* #video-container li:nth-child(3) { */
    
    /* right: 1em; */
    /* width: 4em; */
	 /* top: 1em; */
 /* } */
/* #video-container li a { */
    /* display: block; */
    /* width: 100%; */
    /* padding-top: 100%; */
    /* border-radius: 5px; */
    /* background-color: rgb(164 205 161); */
    /* background-image: radial-gradient(rgba(206,206,206,0.2) 0,  */
                                      /* rgba(153,153,153,0.4) 25%,  */
                                      /* rgba(102,102,102,0.6),  */
                                      /* rgba(51,51,51,0.8) 75%,  */
                                      /* rgba(0,0,0,1) 100%); */
 /* } */

 
 

 
 
 
 .fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}
 
 


.animated iframe{
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp iframe{
    opacity: 0
}

.fadeInUp iframe{
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
 
  @keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.alert-warning {
      display: none !important;

 
@media screen and (max-width: 40em) {
#video-container iframe {
    width: 60%;
  }
#video-container li {
    width: 20%;
 } 
 }
@media screen and (max-width: 30em) {
#video-container iframe {
    width: 80%;
  }
 }
 
@media screen and (max-width: 22.5em) {
#video-container iframe {
    width: 100%;
  }
 }