@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans&display=swap');

body{
    background-color:#222;
}

.menu ul { 
    margin: 10px auto 0; 
    padding: 0; 
    list-style: none; 
    display: table;
    width: 600px;
    text-align: center;
  }
.menu li { 
    display: table-cell; 
    position: relative; 
    padding: 15px 0;
  }
.menu a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    display: inline-block;
    padding: 15px 20px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
  }
.menu a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
.menu a:hover:after { 
    width: 100%; 
    left: 0; 
  }
  @media screen and (max-height: 300px) {
      ul {
          margin-top: 40px;
      }
  }

  .btn {
    box-shadow:inset 0px 40px 17px -26px #46a4ab;
    background:linear-gradient(to bottom, #df5eeb 5%, #c35eeb 100%);
    background-color:#df5eeb;
    border-radius:6px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family: 'Merriweather Sans', sans-serif;
    font-size:16px;
    padding:9px 30px;
    text-decoration:none;
    max-height:39px;
    margin:7px;
  }
  .btn:hover {
    background:linear-gradient(to bottom, #c35eeb 5%, #df5eeb 100%);
    background-color:#c35eeb;
    transition-delay: 6s;
    transition-duration: 5s;
  }
  .btn:active {
    position:relative;
    top:1px;
  }

  .vorp-logo-box{
    width:125px;
    height:33px;
    position: absolute;
    top:20px;
  }

  .vorp-logo-box img{
    width:190px;
    height:50px;
  }

  .big-box{
    padding:20px;
    margin:0 auto;
  }

.vofilms {
  float:left;
  width: 40%;
  height: auto;
  margin:0 auto;
  padding:6px;
}

.vofilms p {
  font-family: 'Merriweather Sans', sans-serif;
  color:white;
  font-size:24px;
}

.vofilms-embed-video {
  width: 505px;
  height: 280px;
}

.desc {
  float: left;
  clear: both;
}

.desc p {
  font-family: 'Merriweather Sans', sans-serif;
  color: white;
  font-size: 24px;
}

.tooltip {
  position: relative;
  display: inline-block;

}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 110%;
  left: 50%;
  margin-left: -60px;
  font-family: 'Calibri', sans-serif;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}