@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lora|Open+Sans|Roboto+Condensed');
@import "../fonts/ImpactWF/ImpactWF.css";
@import "nav.css";
@import "balloon.css";
@import "hover.css";
@import "font-awesome.min.css";


body, html {padding: 0; margin: 0; background: #006A77 !important; width: 100%; height: 100vh; font-family: 'Open Sans', sans-serif;overflow-x: hidden;}

h1, h2, h3, h4, h5, h6 {font-family:'ImpactWF';font-weight: normal; font-style: normal; font-stretch: normal; }

p {width:100%; margin:0 auto;left:0;right:0; line-height: 1.5em; text-align: justify; margin-bottom: 20px;}

a {font-weight: 400 !important;text-decoration:none;color:#006A77;}
a:hover {font-weight: 400 !important;text-decoration:none;color: #00b8c3;}

::-moz-selection {background-color:#19B9C2; color:#fff;}
::selection {background-color:#19B9C2; color:#fff;}

span.mline br {display:none !important;}

.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999999999999999;
background: url('../img/l7a_loading.gif') 50% 50% no-repeat rgb(255,255,255);
}

.page_wrap {display: block; position: absolute; width: 100%; height: 100vh; background: #333333 !important; top:0px !important; bottom: 0px !important;}
.inner_wrap {display: inline-block; position: relative; width: 70%; left: 15%; padding: 50px 0px;background: aqua; }
@media screen and (min-width:2453px) {
.inner_wrap {display: inline-block; position: relative; width: 1800px; left: calc(50vw - 900px); padding: 50px 0px;background: orange; }}
@media screen and (max-width:760px) {
.inner_wrap {width: 90%; left: 5%;}
}
.full_width {display: inline-flex; position: relative; width: 100% !important; left: 0px !important;}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; border-radius: 20px;
height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

header {display: block; position: fixed; width: 100%; height: 80px; background: url(../img/header_side_shadow.png) right top no-repeat, url(../img/header_bg1.png) left top repeat-x; border-bottom: #00b8c3 solid thick;z-index: 10000;}
.logo_frame {display: inline-block; position: relative; width: 320px; height: 80px; left: 0; top: 0; background: white;clip-path: polygon(0 0, 100% 0%, 92% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 92% 100%, 0 100%);}
.main_logo {display: block; position: absolute; width:203.736px; height:60px; background: url(../img/level7academy_main_logo_h.png) center center no-repeat;background-size: contain; margin: 0 auto !important; left: 57px; top: 10px;}
.nav {display: inline-block; position: relative; width: calc(100% - 324.5px); height: 80px; background: none;}
header a:hover{color: white;}

.fb_top {display: block; position: absolute; width: 50px; height:50px; right:50px; background: url(../img/fb_button.png) top; background-size: cover; top:15px;}
.fb_top:hover {background: url(../img/fb_button.png) center; background-size: cover;}
.fb_top:active {background: url(../img/fb_button.png) bottom; background-size: cover;}

.page_slider {display: block; position: absolute; width: 100%; height: 120px; top: 80px; background: url(../img/textured_paper.png) center center repeat;z-index: 2 !important;}

.container {display: block; position: absolute; width: 100%; top: 180px; height: auto; bottom: 0 !important;z-index: 1000;}
.inner_container {display: inline-block; position: relative; width: 100%; height: auto; min-height: 100vh;border-top: #00b8c3 solid thick;  border-bottom: #00b8c3 solid thick; background: #e6e7e8;  margin-bottom: 0 !important;z-index: 10;}
.narrow {width: 75% !important; background: none; left: 12.5% !important; margin: 30px 0 0 0 !important;}

.footer_frame {display: inline-block;position: relative; width: 100%; height: 200px;background: none;z-index: 0;margin: 0 0 -5px 0; pointer-events: none;}
.footer {display: block;position: fixed;width: 100%; height: 250px; bottom:0 !important; background: url(../img/header_side_shadow.png) center right repeat-y, url(../img/header_side_shadow_2.png) center left repeat-y,  url(../img/header_bg1.png) bottom center repeat-x, #333333;z-index: 1 !important; background-size: auto;}
.footer_wrap {width:80%; height:120px; display:block; position:absolute; margin:0 auto; left:0 !important; right:0 !important; bottom:20px !important; padding:0; background: none;}
.copyright {display:block;position:absolute; font-size:9pt; padding:3px 3px; color:#fff; line-height:1.5em;width: calc(50% - 6px); bottom: 0 !important; left: 0 !important; background: none; margin: 0; text-align: left !important;}
.fb_group_bottom {display: block; position: absolute; width: 50%; height: 50px; background: none;bottom: 0 !important; right: 0 !important;}
.fb_bottom {display: block; position: absolute; width: 50px; height:50px; right:180px; background: url(../img/fb_button.png) top; background-size: cover; top:0;}
.fb_bottom:hover {background: url(../img/fb_button.png) center; background-size: cover;}
.fb_bottom:active {background: url(../img/fb_button.png) bottom; background-size: cover;}
.fb_mmg {display: block; position: absolute; width: 50px; height:50px; right:130px; background: url(../img/mmg_button.png) top; background-size: cover; top:0;}
.fb_mmg:hover {background: url(../img/mmg_button.png) center; background-size: cover;}
.fb_mmg:active {background: url(../img/mmg_button.png) bottom; background-size: cover;}
.youtube_channel {display: block; position: absolute; width: 50px; height:50px; right:80px; background: url(../img/youtube_button.png) top; background-size: cover; top:0;}
.youtube_channel:hover {background: url(../img/youtube_button.png) center; background-size: cover;}
.youtube_channel:active {background: url(../img/youtube_button.png) bottom; background-size: cover;}

.fb_mmg_box {display: none; position: fixed; width: 300px; height: 360px; right:calc(10% + 80px); bottom: 75px; background: #2d64af; z-index: 12000;border-radius: 10px; overflow: hidden;
-webkit-box-shadow: 1px 3px 2px 3px rgba(0,53,60,0.7);
-moz-box-shadow:    1px 3px 2px 3px rgba(0,53,60,0.7);
box-shadow:         1px 3px 2px 3px rgba(0,53,60,0.7);}
.mmg_wrap {display: block; position: absolute; left: 10px; bottom: 10px; width: 280px; height: 320px; border-radius: 6px; overflow: hidden;}
a.closeMMG {position: absolute; right: 10px;}
#overlay {display: none; position: fixed; width: 100%; height: 100vh;margin: 0; left: 0; top: 0; background: rgba(26,65,120,0.5); z-index: 11000;}

.goTopNOW {display: none;position: fixed; width: 45px; height: 45px; right:100px !important; bottom:20px !important;z-index: 3000 !important;}
a.goTop{display: block;position: absolute; width: 45px; height: 10px; background: #006A77; color: wheat; text-shadow: 1px 4px 7px rgba(0, 106, 119, 0.7); right:0; bottom:0; text-align: center; vertical-align: middle; font-size: 15px; padding: 5px 0 30px 0; border-radius:25px;}
a.goTop:hover {color: white;}
#go2 {display: none;}

.page_title {display: block; position: absolute; width:100%; height: auto; text-align: center; background: none; vertical-align: middle; bottom: -22px !important; padding: 0!important; text-transform: uppercase; z-index: 10; font-size: 48px;}


/*Mobile Push Menu*/
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99999999999999 !important;
top: 0;
right: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.1s;
padding-top: 60px;
}

.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 18px;
color: #818181;
display: block;
transition: 0.1s;
}

.sidenav a:hover {
color: #f1f1f1;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

/*Mobile Push Menu*/


@media screen and (max-width:1140px) and (min-width:1041px) {

}

@media screen and (max-width:1040px) and (min-width:961px) {
.fb_top{display: none;}

}

@media screen and (max-width:960px) and (min-width:861px) {
.fb_top {display: none;}
.logo_frame {width: 240px;}
.main_logo {left: calc((240px - 203.736px) / 2) !important;}
.nav {width: calc(100% - 244.5px); height: 80px; background: none;}

}

@media screen and (max-width:860px) and (min-width:781px) {
.narrow {width:90% !important; left:5% !important;text-align: center !important;}
.fb_top {display: none;}
.logo_frame {width: 220px; }
.main_logo {width:80%;padding-bottom:calc(100% / 3.39560439560439);left:calc(((220px - 80%) / 5) * 3); top: -22px !important;}
.nav {width: calc(100% - 224.5px); height: 80px; background: none;}

}


@media screen and (max-width:780px) {
header {position: absolute;}
span.mline br {display:inherit !important;}
.narrow {width:95% !important; left:2.5% !important;text-align: center !important;}
.fb_top{display: none;}
.logo_frame {width: calc(100% - 75px); clip-path: polygon(0 0, 100% 0%, 96% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0 100%);}
.main_logo {left:calc((100% - 203.736px) / 2);}
.nav {width:70px;}
.footer_wrap {width:100% !important; bottom: 50 !important;}
.copyright {width:95%;margin:0 auto !important; left:0 !important; right:0 !important; text-align:center!important; line-height:1.5em; font-size: 8pt;bottom:10px !important;}
.fb_group_bottom {width: 95%; top: 10px !important;margin:0 auto !important; left:0 !important; right: 0 !important;}
.fb_bottom {left:calc(50% - 75px);}
.fb_mmg {left:calc(50% - 25px);}
.youtube_channel {right:calc(50% - 75px);}
.fb_mmg_box {right: calc(50% - 150px);bottom: 135px;}

a.goTop {border-radius: 25px 0 0 25px;}
.goTopNOW {right:0 !important; }
#go1 {display: none;}
#go2 {display: block;}
.dsk {display: none;}
.mob {display: block; position: absolute; width: 50px; height:50px; right:10px; background: url(../img/mobmenu.png) top; background-size: cover; top:15px;}
.mob:hover {background: url(../img/mobmenu.png) center; background-size: cover;}
.mob:active {background: url(../img/mobmenu.png) bottom; background-size: cover;}


}