/*
Theme Name: Edubin - LMS Education HTML Template
Author: ZeTheme
Author URL: https://themeforest.net/user/pixelcurve
Support: zetheme24@gmail.com
Description: Creative  HTML5 template.
Version: 1.1
*/

/* CSS Index 
-----------------------------------
1. Theme default
2. HEADER
3. SLIDER
4. CATEGORY
5. ABOUT
6. APPLY
7. COURSE
8. VIDEO FEATURES
9. TEACHERS
10. PUBLICATION
11. TEASTIMONIAL
12. NEWS
13. FOOTER
14. CATEGORY 2
15. COURSE 2
16. COUNTER
17. TEACHERS 2
18. EVENT 2
19. COUNT DOWN
20. PAGE BANNER
21. ABOUT PAGE
22. COURSES PAGE
23. COURSE SINGEl PAGE
24. EVENT PAGE
25. EVENT SINGEL PAGE
26. TEACHERS SInGEL PAGE
27. BLOG PAGE
28. BLOG SINGEL PAGE
29. SHOP PAGE
30. SHOP SINGEL PAGE
31. CONTACT PAGE 

*/


/*===========================
1. Modal CSS
===========================*/


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* 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.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
    background-color: rgba(0, 0, 0, 0.37);
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    height: auto;
}

/* The Close Button */
 .close {
    color: #ffffff;
    float: right;
    font-size: 40px;
}

.close:hover,
.close:focus {
    color: #ffd803;
    text-decoration: none;
    cursor: pointer;
}