.cover {
        height:100%;
        width:100%;
        position: fixed;
        top:0;
        left:0;
        background:rgba(8,8,8,0.75);
        z-index:999999;
        display: none;
}

.show {
        display: block;

}

light-outer .extend {
        height:800px;


}

.light-outer {
        background:#fff;
        width:77%;
        max-width:650px;
        margin:auto;
        position:fixed;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        height:750px;
        z-index:10;
        padding:2em;
}

.light-outer h2 {
        margin-top:0;
        padding-top:0;
        padding-bottom:1em;
        margin-bottom:.31429em;
        font-family:"Montserrat",Helvetica,Arial,sans-serif;
        text-transform:none;
        font-weight:400;
        line-height:1.15em;
        color:#303439;
        border-bottom:2px solid #aabf21;
}

.light-outer p {
        margin-bottom: 2.5em;


}

.light-outer p, .light-outer label {
        font-size:14px;
        line-height:1.57143em;
        font-family:"Montserrat",Helvetica,Arial,sans-serif;
        font-weight:400;
        color:#838f9c;
}

.light-outer input {
        display:block;
        margin-bottom:1.2em;
        height:20px;
        width:100%;
}

.light-outer label {
        display:block;
        padding-bottom:5px;
}

.light-outer input[type="radio"] {
        float:left;
        width:20px;
        clear:left;
        margin-bottom:0;
}

.light-outer input[type="radio"] > label {
        float:left;
}

.light-outer input[type="checkbox"] {
        float:left;
        width:20px;
        clear:left;
        margin-bottom:0;
}

.light-outer label[for="acceptTerms"] {
        width:90%;
        float:left;
        margin-bottom: 2.5em;

}

.light-outer input[type="submit"] {
        background:#e9e9e9;
        color:#303439;
        border:none;
        outline:none;
        padding:10px 20px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        border-radius:3px;
        font-size:14px;
        line-height:1.57143em;
        font-family:"Montserrat",Helvetica,Arial,sans-serif;
        font-weight:400;
        height:auto;
        max-width:120px;
        transition: all .3s ease;
        margin-top: 2em;
}

.light-outer input[type="submit"]:hover {

        background: #8490c8;
        color: #fff;

}

.light-outer .off-trigger {
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        font-size:14px;
        line-height:1.57143em;
        font-family:"Montserrat",Helvetica,Arial,sans-serif;
        font-weight:400;
        color:#838f9c;  
        text-decoration: none;


}

.light-outer form .error {
        color: #ff0000;
}

.teacher-row {
  clear: left;
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  
}

.teacher-left {
  clear: left;  
  margin-bottom: 4em;   
}



.teacher-right {
  clear: left;  
  margin-bottom: 4em;     
}

.extend {
        height:850px;


}

@media only screen and (min-width: 768px) {
  
  .teacher-left {
  clear: none;
  float: left;  
  width: 46%;
  margin-right: 3%; 
}



.teacher-right {
  clear: none;
  float: left;  
   width: 46%;  
}
  
  
  }

@media only screen and (min-width: 530px) {
        .light-outer {
                height: 650px;

        }

        .extend {
                height:850px;


        }
}