@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap');

/*font-family: 'Roboto Condensed', sans-serif;*/

body, html{font-family: 'Roboto Slab'; font-size:16px; line-height:24px;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img {  border: 0;  vertical-align: top;  max-width: 100%;  height: auto;}
html, body {  height: 100%;}
ul{display:block;list-style-type:disc; margin-block-start:0; margin-block-end:0; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:0;}
a:hover, a:active, a:focus {
    outline: none;
    -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Roboto Slab';}
p{font-family: 'Roboto Slab';}

#innercontainer { padding-bottom: 339px;}
.outersection { min-height: 100%; position: relative; height: auto; background:#000;}
.footer { position: absolute; width: 100%; left: 0px; bottom: 0px;}
.bx-wrapper .item img{ width:100%;}
.banner-text img{ width:auto !important;}


/*----Navigation----*/
.navigation{ text-align:center; display:block; width:380px; display:none; z-index:9999;/* background:#da273a;*/ text-align:left;right: 13px;
    top: 54px;background: rgba(255,175,75,1);
background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,10,10,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,10,10,1)));
background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,10,10,1) 100%);
background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,10,10,1) 100%);
background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,10,10,1) 100%);
background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,10,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff0a0a', GradientType=1 );}

.navigation{ position:absolute;}
.navigation nav{ text-align:left; width:92%; display:inline-block; vertical-align:top;}
#head-search{ width:20%;display:inline-block; vertical-align:top;    padding-top: 23px;}
#head-search input[type="text"]{ background:#fff; border:none; border-top-left-radius:5px;border-bottom-left-radius:5px; padding:5px; width:150px; display:inline-block; vertical-align:top;}
#head-search button[type="submit"]{ background:url(../images/search-btn.jpg); background-repeat:no-repeat; border:none; width:36px; height:34px;display:inline-block; vertical-align:top; margin-left:-4px;}
#head-search button[type="submit"] .screen-reader-text{ display:none;}

.close-btn{ width:2%;display:inline-block; vertical-align:top;    padding-top: 37px;}

.navigation nav ul{}
.navigation nav ul li{ display:inline-block; line-height:80px;}
.navigation nav ul li a{font-family: 'Roboto Condensed', sans-serif; color:#fff; font-size:18px; display:block; padding-left:15px; padding-right:15px;}
.navigation nav ul li a:hover{ text-decoration:none; background:#fff; color:#000;}
	
/*--header--*/
.header{ background:#000; padding:10px 0px;}
.header .container{ position:relative;}
.header .logo{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); top:-10px; z-index:9;}
.header:after{ display:block; content:''; clear:both;}

.menu_toggle{ float:right;}
.social_sec{ float:right;}
.social_sec .social{ list-style-type:none;}
.social_sec .social li{ display:inline-block; line-height:41px; margin-right:15px;}
.social_sec .social li a{ color:#fff;font-family: 'Roboto Condensed', sans-serif;}
.banner_sec{position: relative; text-align: center}
.banner_sec .bx-wrapper{ box-shadow:none; border:none; margin-bottom:0px;}
.banner-text{ /*position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);*/ width:60%; max-width:1140px; overflow:hidden; /*margin:16% auto;*/ padding: 50px; text-align: center; border:#fde03e 2px solid; border-radius: 22px}
.banner-content{position: absolute; text-align: center;  width: 100%;  left: 20%;  top: 50%;}
.banner-text h3{ display:block; text-align:center;font-family: 'Roboto Slab'; color:#fff; text-shadow:1px 1px 1px #000; font-size:50px; font-weight:bold;}
.banner-text h3 span {
  display: inline-block;
  position: relative;  
}
.banner-text h3 span:before,
.banner-text h3 span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  top:50%;
  width: 600px;
}
.banner-text h3 span:before {
  right: 100%;
  margin-right: 15px;
}
.banner-text h3 span:after {
  left: 100%;
  margin-left: 15px;
}
.banner-text img{display: block; margin: 0 auto; width: 100% !important}

/*--header_bottom--*/
.header_bottom{  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; text-align:center; background:#000;} 
  
.entertain_box {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; padding:25px 0px;
}
.entertain_box{ border-right:4px solid #000;}
.entertain_box:last-child{ border-right:none;}
.entertain_box:nth-child(odd){ background:#003042;}
.entertain_box:nth-child(even){ background:#001a24;}
.entertain_box figcaption{ background:#f05a00; height:86px;}
.entertain_box figcaption h3{ line-height:86px; font-size:30px;font-family: 'Roboto Slab'; }
.entertain_box figcaption h3 a{ color:#fff;}


/*--current_promo--*/
.current_promo{ background:url(../images/promobg.jpg) center top no-repeat #000; padding:50px 0px;}
.current_promo h3{ display:block; width:100%; text-align:center;font-family: 'Roboto Slab'; font-size:48px; color:#fff;}
.current_promo h4{ display:block; width:100%; text-align:center;font-family: 'Roboto Slab'; font-size:20px; color:#fff; margin-bottom:25px;}
.current_promo figure{ display:block; text-align:center; width:100%; margin-bottom:0px; padding-bottom:0px;}
.promo_big{ background:#001d32; padding:0px; min-height:810px;}
.promo_big figure img{ width:100%;}
.promo_big .detail{ padding:25px;}
.promo_big .detail h3{ color:#f05a00; font-size:32px;font-family: 'Roboto Slab'; text-align:left;}
.promo_big .detail p{ color:#fff;}
.promo_big .detail .learn_more{ background:#f05a00; display:inline-block; color:#fff; padding:5px 10px; clear:both; margin-bottom:15px;}
.promo_big .detail img{ display:block; margin-bottom:15px;}

.current_promo .col-sm-6{ padding-right:10px; padding-left:5px;}
.current_promo .col-sm-6 .col-sm-6{ padding-left:10px; padding-right:0px;}
.promo_small{ background:#001d32; padding:0px; margin-bottom:10px; min-height:400px;}
.promo_small figure img{ width:100%;}
.promo_small .detail{ padding:15px;}
.promo_small .detail h3{ color:#f05a00; font-size:19px;font-family: 'Roboto Slab'; text-align:left;}
.promo_small .detail p{ color:#fff; font-size:12px;}
.promo_small .detail .learn_more{ background:#f05a00; display:inline-block; color:#fff; padding:3px 8px; font-size:12px; clear:both; margin-bottom:15px;}
.promo_small .detail img{ display:block; margin-bottom:15px;}

/*--club_fb--*/
.club_fb{background: rgba(0,53,92,1);
background: -moz-linear-gradient(left, rgba(0,53,92,1) 0%, rgba(0,53,92,1) 50%, rgba(237,237,237,1) 50%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,53,92,1)), color-stop(51%, rgba(0,53,92,1)), color-stop(50%, rgba(237,237,237,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(0,53,92,1) 0%, rgba(0,53,92,1) 50%, rgba(237,237,237,1) 50%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(0,53,92,1) 0%, rgba(0,53,92,1) 50%, rgba(237,237,237,1) 50%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(0,53,92,1) 0%, rgba(0,53,92,1) 50%, rgba(237,237,237,1) 50%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(0,53,92,1) 0%, rgba(0,53,92,1) 50%, rgba(237,237,237,1) 50%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00355c', endColorstr='#ededed', GradientType=1 ); padding:50px 0px;}

.eclips_club h3{ font-size:48px; color:#fff; text-align:center;}
.eclips_club img{ margin-bottom:15px;}
.eclips_club .detail{ padding-right:2%;}
.eclips_club .detail p{ font-weight:300; font-size:17px; color:#fff;}
.eclips_club .detail h3{font-size:34px; color:#91d0ff; text-align:left; padding-bottom:15px;}
.eclips_club .detail ul{ list-style-type:none; padding-left:20px; padding-bottom:15px;}
.eclips_club .detail ul li{ color:#8acdff; position:relative;}
.eclips_club .detail ul li:before{ position:absolute; left:-20px; top:opx; display:block;content:'\f058';font-family:'FontAwesome'; color:#dd358a; }
.eclips_club .detail ul li span{ color:#fff;}
.sign-up{ background:#f05a00; display:inline-block; color:#fff; padding:10px 10px; clear:both; margin-bottom:15px; text-transform:uppercase;}
.sign-up:hover{ background:#333; color:#fff; text-decoration:none;}

.fb_sec h3{ font-size:48px; color:#000; text-align:center;}
.fb_sec img{ margin:0px auto; display:block;}


.location_pan{ background:url(../images/promobg.jpg) center top no-repeat #000; padding:50px 0px;}
.location_pan .row{ padding:0px; margin:0px;}
.location_pan h2{ display:block; width:100%; text-align:center;font-family: 'Roboto Slab'; font-size:48px; color:#fff; position:relative; padding-bottom:15px; margin-bottom:55px;}
.location_pan h2:before{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); content:url('../images/globe.png'); display:block; bottom:-45px;}
.location_pan h3{ text-align:center; color:#fff;}
.location_pan iframe{ border-radius:3px;}

.footer_top{ background:#00354e; padding:50px 0px;}
.footer_top{  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}  
.footer_col {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; padding-left:8%;
}
.footer_col:nth-child(2){padding-left:1%;}
.footer_col:nth-child(3){padding-left:1%;}
.footer_col.first{ padding-left:0px;}
.footer_col h3{ font-size:18px; color:#fff;}
.footer_col ul{ list-style-type:none;columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;}
.footer_col ul li a{ color:#f7f7f7; font-size:14px; font-weight:300;}
.footer_col address{ color:#f7f7f7; font-size:14px;font-weight:300;}
.footer-bottom{ background:#000c15; text-align:center; color:#f7f7f7; padding:5px 0px;font-weight:300;}
.footer-bottom p{ margin-bottom:0px; padding-bottom:0px;font-weight:300; font-size:12px;}
.split_pan{/* height:92vh;*/ /*height:80vh;*/ padding-bottom:50px; display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; align-items: center; justify-content: center;}  
.left_pan {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  float: left;position:relative;
  max-width: 50%; 
  height: 100%;
  /*float:left*/
  background: #090909; 
  text-align: center;
  display: flex;
align-items: center;
justify-content: center;
}
.right_pan {
 -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  float: left;position:relative;
  max-width: 50%; float: left;
  background: #101010;
  text-align: center ;
  height: 100%;
  display: flex;
align-items: center;
justify-content: center;
}

.left_pan img, .right_pan img{ height: 100%;
    object-fit: cover;
    width: 100%;}
.enter{width:100%; background:#fde03e; display:block; color:#000; display: inline-block; padding:8px 0; clear:both; margin:22px auto 0;  font-size:20px; text-transform:uppercase; text-align:center; line-height:normal; border-radius: 25px; border:#fde03e 2px solid}
.enter:hover{ text-decoration:none; color:#fde03e; background:none;}
.sg-popup-builder-content{padding:30px !important}
.split_pan{background: #090909;}
.mid-pan {
 -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  float: left;position:relative;
  max-width: 30%; float: left;
  background: #000;
  text-align: center ;
  height: 100%;
  display: flex;
align-items: center;
justify-content: center;
}
.mid-pan .notice {
    color: #FFF;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0% auto;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 26px;
    line-height: 24px;
    font-size: 15px;
}
.notice_person{ color:#fff;}
.mid-pan .notice_person strong{
    padding: 5px;
    display: inline-block;
    color: #FFF;
    border-radius: 50px;
    font-style: italic;
    margin-top: 5px;
}
/*#midpan{
    border-width: 3px;
    border-radius: 3px;
    background: #1d1f20;
    position: relative;
    z-index: 9;
}*/
.mid-pan:after {
    content: "";
    position: absolute;
    z-index: 10;
	
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	
    left: 50%;
    bottom:158px;
    height: calc(1px + 3px * 2);
    width: calc(80% + 3px * 2);
    background: linear-gradient( 60deg, #ff1a02, #fde03e, #ff1a02);
    border-radius: calc(2 * 3px);
    -webkit-animation: animatedgradient 3s ease alternate infinite;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}
.mid_inner{ padding:25px;
    border-width: 3px;
    border-radius: 3px;
    background: #1d1f20;
    position: relative;
    z-index: 9; margin:25px;
}


/*--new home--*/
.video_bg {
	/*position:relative;
    height: 80vh;*/
}
.video_bg .container{ margin:0px auto; position:relative; bottom:0;}
#myVideo {
  /*position:absolute;
  right: 0;
  bottom: 0;
  left:0;
  top:0;*/
  width: 100%;
  /*min-height: 100%;*/
  z-index:0;
}
.logo1{ position:absolute; right:250px; bottom:0; width:200px; height:215px;padding: 11px; margin-bottom:200px;
    text-align: center;
    border: #fde03e 2px solid;
    border-radius: 22px;}
.logo2{ position:absolute; right:0px; bottom:0; width:200px; height:215px;padding: 11px; margin-bottom:200px;
    text-align: center;
    border: #fde03e 2px solid;
    border-radius: 22px;}
.logo1 img, .logo2 img {
	border-radius:10px;
}
.logo1 .enter, .logo2 .enter{ margin-top:9px;}
.logo1 .enter:hover{ background:#be2100; color:#fff;}
.logo2 .enter:hover{ background:#2d7060; color:#fff;}

@-webkit-keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media only screen and (max-width: 1600px){
  .mid_inner{
      margin: 0;
      padding: 20px;
  }
  .mid-pan:after{
      bottom: 20%;
      -webkit-transform: translateY(-20%) translateX(-50%);
      -ms-transform: translateY(-20%) translateX(-50%);
      -moz-transform: translateY(-20%) translateX(-50%);
      -o-transform: translateY(-20%) translateX(-50%);
      transform: translateY(-20%) translateX(-50%);
  }
}
@media only screen and (max-width: 1199px){
  .banner-text{padding:20px}
}


@media only screen and (max-width: 991px){
  .banner-text h3{font-size:36px}
  .enter{width:auto; height:auto; font-size: 17px; line-height: normal; padding: 6px 37px}
  .banner-text{}
  .banner-text img{width: 68% !important;}
  .mid_inner {padding: 20px 5px;}
  .mid_inner{
      padding: 5px;
  }

}

@media only screen and (max-width: 767px){
  .banner-text{top:40%}
  .header .logo img{width:118px}
  .banner-text{width: 75%}
  #innercontainer{padding-bottom: 0}
  .footer{position: relative;}
  .mid-pan .notice{margin-bottom: 10px;line-height: 18px;font-size: 11px;}
  .mid-pan:after {bottom: 25%;-webkit-transform: translateY(-20%) translateX(-50%);-ms-transform: translateY(-25%) translateX(-50%);
-moz-transform: translateY(-25%) translateX(-50%);-o-transform: translateY(-25%) translateX(-50%);transform: translateY(-25%) translateX(-50%);}




.video_bg {
  height: auto;
}
.logo1 {
  left: 25px;
  right:auto;
  margin-bottom:25px;
}
.logo2 {
  right: 25px;
  margin-bottom:25px;
}

}

/* @media only screen and (max-width: 640px){ */
  /* .banner-text{top:40%}
  .banner-text h3{font-size: 27px;}
  .enter{font-size:19px; margin: 12px auto 0}
   #sgpb-popup-dialog-main-div[style]{width: 100% !important; max-width: auto !important} */
   /*.banner-text{padding:6px}*/

/* } */

@media only screen and (max-width: 640px){
  .banner-text h3{font-size: 22px}
  #innercontainer{padding-bottom:0}
  .split_pan{display:block; height: auto;}
  .left_pan, .right_pan{width:100%; max-width:100%}
  .banner-text h3{margin-top:40px}
  .footer{position: relative; float: left;}
  .footer .row{display: block}
  .footer_col{max-width: 100%; padding-bottom: 4%}
  .footer_col.first{max-width: 100%; padding-bottom: 4%}
  .footer_col img{margin-bottom: 20px; max-width: 50%;}
  .banner-content{position: absolute; left:0; top:0; margin-top: 4px }
  .banner-text{transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); width: 50%; margin: 30px}
  .mid-pan{max-width: 100%;}
  .mid_inner {font-size: 15px;padding: 15px;}
  .mid-pan:after {bottom: 0%;-webkit-transform: translateY(0%) translateX(-50%);-ms-transform: translateY(0%) translateX(-50%);
    -moz-transform: translateY(0%) translateX(-50%);-o-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);}
    .mid-pan .notice {margin-bottom: 10px;line-height: 25px;font-size: 15px;}
.footer_col.first {
  padding-left: 15px;
}
.footer_col:nth-child(2) {
  padding-left: 3%;
}
.footer_col:nth-child(3) {
  padding-left: 3%;
}
.footer_col {
  padding-left: 3%;
}
}
/* @media only screen and (max-width: 480px){
  .banner-text h3{font-size: 22px}
  #innercontainer{padding-bottom:0}
  .split_pan{display:block; height: auto;}
  .left_pan, .right_pan{width:100%; max-width:100%}
  .banner-text h3{margin-top:40px}
  .footer{position: relative; float: left;}
  .footer .row{display: block}
  .footer_col{max-width: 100%; padding-bottom: 4%}
  .footer_col img{margin-bottom: 20px; max-width: 50%;}
  .banner-content{position: absolute; left:0; top:0; margin-top: 4px }
  .banner-text{transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); width: 50%; margin: 30px}
  .mid-pan{max-width: 100%;}
  .mid_inner {font-size: 15px;padding: 15px;}
  .mid-pan:after {bottom: 0%;-webkit-transform: translateY(0%) translateX(-50%);-ms-transform: translateY(0%) translateX(-50%);
    -moz-transform: translateY(0%) translateX(-50%);-o-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);}
    .mid-pan .notice {margin-bottom: 10px;line-height: 25px;font-size: 15px;}
} */

@media only screen and (max-width: 470px){
.logo1 {
  width: 140px;
  height: 158px;
}
.logo2 {
  width: 140px;
  height: 158px;
}
.enter {
  padding: 6px 27px;
}
}
@media only screen and (max-width: 420px){
  .enter{font-size: 12px}
  .banner-text{width: 70%;} 
  .banner-text img{width: 78%}
  .navigation nav ul li {
    display: block;
    line-height: 50px;
}
.navigation{ width:300px;}
.close-btn{ display:none;}
}

@media only screen and (max-width: 380px){
  .enter{font-size:12px; padding: 6px 20px}
}

@media only screen and (max-width: 340px){
.logo1 {
  width: 120px;
  height: 148px;
}
.logo2 {
  width: 120px;
  height: 148px;
}
}