/* display none css */
div#landing-top { display:none; }

/****************/
/* The Modal (background) */
.modal {
    display:none; /* Hidden by default */
    position:fixed; /* Stay in place */
    z-index:1; /* Sit on top */
    padding-top:100px; /* Location of the box */
    left:0;
    top:0;
    width:100%; /* Full width */
    height:100%; /* Full height */
    overflow:auto; /* Enable scroll if needed */
    background-color:rgb(0,0,0); /* Fallback color */
    background-color:rgba(0,0,0,0.8); /* Black w/ opacity */
}

.modal.contact .modal-content{ max-width:445px; }


/* Modal Content */
.modal-content {
    position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:100%; outline:0; 
    color:#212529; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,.2); border-radius:.3rem; 
    pointer-events:auto; 
}
.modal-content {
    background-color:#fefefe; margin:auto; padding:0px; border:1px solid #888;
}




/* Course-boxes-popup */
.course-list .modal { background-color:rgba(0,0,0,0.4); }
.course-list .modal-dialog { width:50%; max-width:950px; background:#fff; border-radius:15px; box-shadow:10px 10px 50px #000; border:5px solid #ccc; }
.course-list .modal-content { padding:15px; border:none; }
.course-list .modal-footer{ justify-content:center; }

.modal.contact .modal-content{ box-shadow:10px 10px 50px #000; }
.modal .contactForm .col-md-8{ max-width:100%; }





#myModal p { margin:0px; }
#myModal .close { color:#aaaaaa; float:right; font-size:28px; font-weight:bold; z-index:333; position:absolute; right:0%; padding-right:5px; background:#fff !important; padding-left:5px; opacity:1; }
#myModal .close:hover, #myModal .close:focus { color:#000; text-decoration:none; cursor:pointer; }

span#top-close { float:right; font-size:22px; font-weight:bold; background:#fff; padding:0 6px; color:#000; cursor:pointer; }
span#landing-open-pop { cursor:pointer; }

form#popform1 { text-align:center; position:relative; bottom:45px; margin-bottom:-20px; }
#popform1 input[type="text"], #popform1 input[type="email"], #popform1 input[type="tel"], #popform1 input[type="submit"] {
    font-size:14px; margin:0 5px; width:18%; line-height:30px; padding-left:10px; outline:1px solid #9E9E9E;
}

#popform1 input[type="submit"] {
    margin:0 5px; width:22%; line-height:30px; height:37px; background:#15a8eb; border:none; color:#fff; font-size:16px; font-weight:400; padding-left:0px;
}


@media only screen and (max-width:1024px) {
    form#popform1 { bottom:35px; }
}

@media only screen and (max-width:768px) {

    #popform1 input[type="text"], #popform1 input[type="email"], #popform1 input[type="tel"], #popform1 input[type="submit"] {
        line-height:25px;
    }
    form#popform1 { bottom:27px !important; }
    #popform1 input[type="submit"] { height:25px; }
}

@media only screen and (max-width:640px) {
    
    #popform1 input[type="text"], #popform1 input[type="email"], #popform1 input[type="tel"], #popform1 input[type="submit"] {
      font-size:9px; line-height:15px;
    }
    #popform1 input[type="submit"] { height:15px; font-size:10px; }
    form#popform1 { bottom:22px !important; }
    
}

@media only screen and (max-width:568px) {    
    form#popform1 { bottom:20px !important; }    
}

@media only screen and (max-width:415px) {
    
    #popform1 input[type="text"], #popform1 input[type="email"], #popform1 input[type="tel"], #popform1 input[type="submit"] {
      font-size:8px; padding-left:5px; line-height:12px;
    }
    #popform1 input[type="submit"] { height:12px; }
    form#popform1 { bottom:19px !important; }
    .modal-content { width:80%; }
    
}

@media only screen and (max-width:375px) {    
    form#popform1 { bottom:18px !important; }    
}

@media only screen and (max-width:320px) {    
    form#popform1 { bottom:16px !important; }    
}