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

@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:900');

.message_bar {display: block; position: fixed; width: 100%; height: auto; padding: 5px 0 10px 0; top: 85px; background: rgba(25,185,194,0.65); z-index: 1; text-align: center; color: #000;}
h1.soon {font-family: 'Encode Sans Condensed', sans-serif; font-size: 32pt; margin: 7px 0 0 0; padding: 0; font-weight: bold; color: white;line-height: 36pt;}
.message_bar a {color: #3D5A95;}
.message_bar a:hover {color: #ffffff;}
.message_bar_mini {display: none; position: fixed; width: 100%; height: auto; padding: 5px 0 7px 0;top: 85px; background: rgba(25,185,194,0.65); z-index: 1; text-align: center; color: #fff; font-weight: bolder;font-style: italic;}
@media screen and (max-width:780px) {
.message_bar {position: absolute;}
.message_bar_mini {position: absolute !important;}
h1.soon {font-size: 28pt; line-height: 30pt;}
}
.close_btn {display: block; position: absolute; right:10vw; bottom:-10px; width: 20px; height: 20px; background: url(../img/close.png) center center no-repeat #006A77;background-size: contain; border-radius: 10px;cursor:pointer;}
.expand_btn {display: block; position: absolute; right:10vw; bottom:-10px; width: 20px; height: 20px; background: url(../img/expand.png) center center no-repeat #006A77;background-size: contain; border-radius: 10px;cursor:pointer;}


.home_slider {display: block; position: fixed; width: 100%; height: calc(100vh - 180px); top: 80px; background: #00B8C3;z-index: 0 !important;}
.container {top: calc(100vh - 100px) !important;}
@media screen and (max-height: 540px){
.home_slider {position: absolute; width: 100%; height: calc((100vw / 16) * 9); top: 80px; background: #00B8C3;z-index: 0 !important;}
.container {top: calc(((100vw / 16) * 9) + 80px) !important;}
h1.soon span.mline br {display:none !important;}
.massage_bar span span.mline br {display:none !important;}
.massage_bar {height: 50px !important;}
}

.footer {display: none;}

.featured_slider {display: block; position: relative; width: 100%; height: calc((80vw / 3.5) - 30px); background: url(../img/header_side_shadow.png) center right repeat-y, url(../img/header_side_shadow_2.png) center left repeat-y, url(../img/bg2.png) center center repeat;}
.featured_slider_iframe {display: block; position: absolute;width:80%; max-width: 1920px; height: calc(80vw / 3.5); margin: 0 auto; left: calc(10vw - 5px); top: -20px;border: #006a77 5px solid; border-radius: 25px; overflow: hidden; background: black;}
@media screen and (min-width:2453px) {
.featured_slider {height: 530px;}
.featured_slider_iframe {display: block; position: absolute;width:1920px; height: 560px; margin: 0 auto; left: calc(50vw - 965px); top: -20px;border: #006a77 5px solid; border-radius: 25px; overflow: hidden; background: black;}
}
@media screen and (max-width:1040px) and (min-width:861px) {
.featured_slider {height: calc((100vw / 3.4285714286) - 30px);}
.featured_slider_iframe {width:100vw; height:calc(100vw / 3.4285714286); left:0;border-left: none !important; border-right: none !important; border-radius: 0 !important;}
}
@media screen and (max-width:860px) {
.featured_slider {height: calc((100vw / 3.4285714286) - 30px);}
.featured_slider_iframe {width:100vw; height:calc(100vw / 3.4285714286); left:0px; border-left: none !important; border-right: none !important; border-radius: 0 !important;}
}


.simple_about_frame {display: block; position: relative;width: 100%; min-height: 300px; margin:50px 0 -5px 0; background: none;}

.tab_bar {display: block; position: relative; width: 800px; height:80px; left:calc(50% - 400px);}
.inner_wrap {display: inline-block; position: relative; width: 75%; height: auto;margin: 50px 0; left: 12.5%;}

.simple_about_us {display: block;position: relative;width: 100%; min-height: 300px; margin:0; background: none;}
.ab_l7_big {display: inline-block; position: relative; width:60%; height: 80px; top: 00px; background: url(../img/about_l7.png) center top no-repeat, #00b8c3; float: left; border-radius: 10px 10px 0 0; overflow:hidden;}
.ab_ACE_small {display: inline-block; position: relative; width:40%; height: 70px; top: 10px; background:url(../img/what_is_ace.png) center bottom no-repeat, #006A77; float: right; border-radius: 10px 10px 0 0; overflow:hidden; cursor: pointer;}
.ab_ACE_small:hover {height: 80px; top:0;background:url(../img/what_is_ace.png) center bottom no-repeat, #006A77;}
.simple_about_us_content {display: inline-block; position: relative; width: 100%; min-height: 300px; margin: 0; left: 0; background:#00b8c3;}

.simple_about_ace {display: none;position: relative;width: 100%; min-height: 300px; margin:0; background: none;}
.ab_l7_small {display: inline-block; position: relative; width:40%; height: 70px; top: 10px; background:url(../img/about_l7.png) center bottom no-repeat, #00b8c3; float: left; border-radius: 10px 10px 0 0; overflow:hidden; cursor: pointer;}
.ab_ACE_big {display: inline-block; position: relative; width:60%; height: 80px; top: 00px; background: url(../img/what_is_ace.png) center top no-repeat, #006A77; float: right; border-radius: 10px 10px 0 0; overflow:hidden;}
.ab_l7_small:hover {height: 80px; top:0;background:url(../img/about_l7.png) center bottom no-repeat, #00b8c3; }
.simple_about_ace_content {display: inline-block; position: relative; width: 100%; min-height: 300px; margin: 0; left: 0; background:#006A77;}

@media screen and (max-width:860px) {
.tab_bar {width: 100%;left:0;}

.ab_ACE_small {background: url(../img/what_is_ace_2.png) center center no-repeat, #006A77;background-size: contain;}
.ab_ACE_small:hover {height: 80px; top:0;background:url(../img/what_is_ace_2.png) center center no-repeat, #006A77;background-size: contain;}	
.ab_l7_big {background: url(../img/about_l7_2.png) center center no-repeat, #00b8c3;background-size: contain;}

.ab_l7_small {background: url(../img/about_l7_2.png) center center no-repeat, #00b8c3;background-size: contain;}
.ab_l7_small:hover {height: 80px; top:0;background:url(../img/about_l7_2.png) center center no-repeat, #00b8c3;background-size: contain;}
.ab_ACE_big {background: url(../img/what_is_ace_2.png) center center no-repeat, #006A77;background-size: contain;}

	
}


.home_events {display: block;position: relative; width: 100%; height: 300px; background: #8AD2D8;}

.fb_section {display: block;position: relative; width: 100%; height: 780px; background: url(../img/L7_web_FB_section_background_A.png) center center no-repeat, #3D5A95;margin: 50px 0 0 0;}
.fb_page {display: inline-block; position: relative; width:500px; height:680px; left: calc(50% - 250px); top: 50px; border-radius: 10px; overflow: hidden !important; }
#fb_page1 {display: block;}
#fb_page2 {display: none;}
@media screen and (max-width:959px) {
.fb_section {height: 920px;background: url(../img/L7_web_FB_section_background_B.png) center center no-repeat, #3D5A95;}
.fb_page {width:300px; left: calc(50% - 150px); top: 190px;}
#fb_page1 {display: none;}
#fb_page2 {display: block;}
}

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

}


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

}

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

}


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

}

@media screen and (max-width:1040px) and (min-width:961px) {

}

@media screen and (max-width:960px) and (min-width:861px) {

}

@media screen and (max-width:860px) and (min-width:641px) {

}

@media screen and (max-width:860px) and (min-width:761px) {

}

@media screen and (max-width:760px) {
.home_slider {position: absolute;}
.inner_wrap {width: 90% !important; left: 5% !important;}
/*.container {top: calc(100vh - 120px) !important;}*/
}