@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face{
    font-family: montserratboldimport;
    src: url('fonts/montserratbold');
}
@font-face{
    font-family: montserratregimport;
    src: url('fonts/montserratreg');
}
h1,h2,h3,h4{
    font-family: montserratboldimport;
    color: #006A4E;
    font-weight: bolder;
}
body
{
    background-repeat: no-repeat;
    background-size:  cover;
    background-attachment: fixed;
    font-family: montserratboldimport;
    color: #006A4E;
    font-weight: 400;
}
.index_title
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 550px;
    left: 640px;
    width: 100px;
    color: black;
   
    text-align: center;
}
.index_banner1
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 0px;
    left: 25%;
    
    color: black;
   
    text-align: center;
}
.index_banner2
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 0px;
    left: 75%;
    
    color: black;
   
    text-align: center;
}
.index_lupin
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 65%;
    left: 48%;
    
    color: black;
   
    text-align: center;
}
.index_about
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bolder;
    top: 440px;
    left: 890px;
    width: 100px;
    color: black;
   
    text-align: center;
}
.index_quiz{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bolder;
    bottom: 5px;
    left: 45%;
    width: 10%;
    background-color: red;
    color: whitesmoke;
    border-radius: 10%;
    text-align: center;
    padding: 10px;
    
}
.index_list
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bolder;
    top: 460px;
    left: 400px;
    width: 100px;
    color: black;
   
    text-align: center;
}
.boxshadow 
{
  -moz-box-shadow: 3px 3px 5px #535353;
  -webkit-box-shadow: 3px 3px 5px #535353;       
  box-shadow: 3px 3px 5px #535353;
}
.roundbox
{  
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px;  
  border-radius: 6px 6px 6px 6px;
}
.alertsuccess {
    position: fixed;
   left: 25%;
   width: 50%;
   top:  5%;
  padding: 20px;
  color: #4F8A10;
    background-color: #DFF2BF;
  z-index: 99999;
 
  
}
.alerterror {
    position: fixed;
   left: 25%;
   width: 50%;
   top:  5%;
  padding: 20px;
  color: #D8000C;
    background-color: #FFD2D2;
  z-index: 99999;
 
  
}
.closebtn {
  margin-left: 15px;
  color: black;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: red;
}
#qmaster{
    position: relative;
    
    margin: 0 auto;
    display: block;
}
#qmaster video{
    position: relative !important;
}
#remote-container{
    display: flex;
}
#remote-container video{
    
    height: 100%;
    position: relative !important;
}