/* Import Fonts */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
/* Import Fonts End */
body { 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#scrollthis { 
    position: fixed; 
    z-index: 1001;
    top: 0;
    bottom: 0;
    right: 10px;
    height: 560px;
    margin: auto; 
}

.nodes {
    position: relative;
    /*margin-top: -5px;
    margin-left: 5px;*/
}

.line {
    position: absolute;
    width: 2px;
    height: 540px;
    top: 10px;
}

.line .red, .line .blue {
    height: 100%;
    width : 2px;
}

.line .red-container {
    width : 2px;
    height: 0px;
}

.line .blue {
    background-color: #232e3a;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #232e3a), color-stop(29%, #5c7d9f), color-stop(55%, #183757), color-stop(100%, #446b95));
    background-image: -webkit-linear-gradient(left, #232e3a 0%, #5c7d9f 29%, #183757 55%, #446b95 100%);
    background-image: -moz-linear-gradient(left, #232e3a 0%, #5c7d9f 29%, #183757 55%, #446b95 100%);
    background-image: -o-linear-gradient(left, #232e3a 0%, #5c7d9f 29%, #183757 55%, #446b95 100%);
    background-image: linear-gradient(left, #232e3a 0%, #5c7d9f 29%, #183757 55%, #446b95 100%);
}

.line .red {
    background-color: #4b1202;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fd8107), color-stop(16%, #fd8107), color-stop(58%, #e03a0d), color-stop(100%, #fd8107));
    background-image: -webkit-linear-gradient(left, #fd8107 0%, #fd8107 16%, #e03a0d 58%, #fd8107 100%);
    background-image: -moz-linear-gradient(left, #fd8107 0%, #fd8107 16%, #e03a0d 58%, #fd8107 100%);
    background-image: -o-linear-gradient(left, #fd8107 0%, #fd8107 16%, #e03a0d 58%, #fd8107 100%);
    background-image: linear-gradient(left, #fd8107 0%, #fd8107 16%, #e03a0d 58%, #fd8107 100%);
}

.node {
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-left: -9px;
    /* float: left; */
    margin-right: 0px;
    position: relative;
}

.node + .node {
    margin-top: 70px;
}

.node .active-circle {
    -webkit-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -moz-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -ms-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -o-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #4b1202;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF4B1202', endColorstr='#FFFD8107');
    background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #4b1202), color-stop(60%, #e03a0d), color-stop(100%, #fd8107));
    background-image: -webkit-linear-gradient(left bottom, #4b1202 0%, #e03a0d 60%, #fd8107 100%);
    background-image: -moz-linear-gradient(left bottom, #4b1202 0%, #e03a0d 60%, #fd8107 100%);
    background-image: -o-linear-gradient(left bottom, #4b1202 0%, #e03a0d 60%, #fd8107 100%);
    background-image: linear-gradient(left bottom, #4b1202 0%, #e03a0d 60%, #fd8107 100%);
}
.node .splash {
    -webkit-transform: translateZ(0px) scale(1);
    -moz-transform: translateZ(0px) scale(1);
    -ms-transform: translateZ(0px) scale(1);
    -o-transform: translateZ(0px) scale(1);
    transform: translateZ(0px) scale(1);
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: 0px 0px 8px 2px rgba(69, 174, 233, 0.53);
    pointer-events: none;
    opacity: 1;
}

.node .active-circle .cover {
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
    width: 16px;
    height: 16px;
    background: #bf0102;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    left: 2px;
}

.node .active-circle .white {
    -webkit-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -moz-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -ms-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -o-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    -webkit-transform: translateX(5px) translateY(5px) scale(1);
    -moz-transform: translateX(5px) translateY(5px) scale(1);
    -ms-transform: translateX(5px) translateY(5px) scale(1);
    -o-transform: translateX(5px) translateY(5px) scale(1);
    transform: translateX(5px) translateY(5px) scale(1);
}

.node .inactive-circle {
    -webkit-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -moz-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -ms-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -o-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    width: 14px;
    height: 14px;
    display: block;
    background: #000;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #5489b1;
    top: 3px;
    left: 3px;
}

.node.active .active-circle {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.node.active .splash {
    -webkit-transition: -webkit-transform 1200ms, opacity 1500ms;
    -moz-transition: -moz-transform 1200ms, opacity 1500ms;
    -ms-transition: -ms-transform 1200ms, opacity 1500ms;
    -o-transition: -o-transform 1200ms, opacity 1500ms;
    transition: transform 1200ms, opacity 1500ms;
    -webkit-transform: translateZ(0px) scale(2.5);
    -moz-transform: translateZ(0px) scale(2.5);
    -ms-transform: translateZ(0px) scale(2.5);
    -o-transform: translateZ(0px) scale(2.5);
    transform: translateZ(0px) scale(2.5);
    opacity: 0 !important;
}

.node.active .inactive-circle {
    -webkit-transition: opacity 200ms ease-in-out 0ms;
    -moz-transition: opacity 200ms ease-in-out 0ms;
    -ms-transition: opacity 200ms ease-in-out 0ms;
    -o-transition: opacity 200ms ease-in-out 0ms;
    transition: opacity 200ms ease-in-out 0ms;
    opacity: 0;
}

.node:hover .active-circle {
    -webkit-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -moz-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -ms-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -o-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    -o-transform: scale(0.84);
    transform: scale(0.84);
}

.node:hover .inactive-circle {
    -webkit-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -moz-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -ms-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -o-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
}

/* nav-toggle button */
/* Default Style */
/* 
.navbar-toggle span { position: absolute; }

.navbar-toggle span, 
.navbar-toggle span:before,
.navbar-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
.navbar-toggle span:before {
  top: -10px;
}
.navbar-toggle span:after {
  bottom: -10px; 
}

.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {
  transition: all 500ms ease-in-out;
}
.navbar-toggle.active span {
  background-color: transparent;
}
.navbar-toggle.active span:before, .navbar-toggle.active span:after {
  top: 0;
}
.navbar-toggle.active span:before {
  transform: rotate(45deg);
}
.navbar-toggle.active span:after {
  transform: rotate(-45deg);
}
*/
/* box-showdow fix */

.navbar-toggle>span { position: absolute; }
.navbar-toggle>span { position: absolute; display: block; width: 35px; height: 5px; background-color: transparent; }
.navbar-toggle>span>span { position: relative; display: block; width: 100%; height: 100%; background-color: #fff; z-index: 1; } 

.navbar-toggle>span:before,
.navbar-toggle>span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: white;
    position: absolute;
    display: block;
    content: '';
}
.navbar-toggle>span:before {
    top: -10px;
}
.navbar-toggle>span:after {
    bottom: -10px; 
}

.navbar-toggle>span>span, .navbar-toggle>span:before, .navbar-toggle>span:after {
    transition: all 500ms ease-in-out;
}
.navbar-toggle.active>span>span {
    background-color: transparent;
}
.navbar-toggle.active>span:before, .navbar-toggle.active>span:after {
    top: 0;
}
.navbar-toggle.active>span:before {
    transform: rotate(45deg);
}
.navbar-toggle.active>span:after {
    transform: rotate(-45deg);
}

/* nav-toggle button */

/*----------------------------------------------------------------------------------------
          Set Bootstap CSS !! ONLY EDIT @MEDIA MAX-WIDTH !!
----------------------------------------------------------------------------------------*/
/*@media (max-width: 992px) {*/
.navbar-header {
    float: none;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-collapse.collapse.in {
    display: block!important;
}
.navbar-nav {
    float: none!important;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-navbar {
    display: none;
}
.navbar .nav-collapse {
    clear: none;
}
.nav-collapse {
    height: auto;
    overflow: auto;
}
.navbar .nav {
    float: left;
    margin: 0 10px 0 0;
}
.navbar .brand {
    margin-left: -20px;
    padding: 8px 20px 12px;
}
.navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
    display: block;
}
.navbar .nav > li > a, .navbar .dropdown-menu a {
    border-radius: 0;
    color: #999999;
    font-weight: normal;
    padding: 10px 10px 11px;
}
.navbar .nav > li {
    float: left;
}
.navbar .dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 0;
    min-width: 160px;
    padding: 4px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.navbar-form, .navbar-search {
    border:none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    float: left;
    margin-bottom: 0;
    margin-top:6px;
    padding: 9px 15px;
}
.navbar .nav.pull-right {
    float: right;
    margin-left: auto;
}
/*}*/

/*@media (max-width: 768px) {*/
.btn-navbar {
    display: block;
}
.navbar .nav-collapse {
    clear: left;
}
.nav-collapse {
    height: 0;
    overflow: hidden;
}
.navbar .nav {
    float: none;
    margin: 0 0 9px;
}
.navbar .brand {
    margin: 0 0 0 -5px;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
    display: none;
}
.navbar .nav > li > a, .navbar .dropdown-menu a {
    border-radius: 3px 3px 3px 3px;
    color: #999999;
    font-weight: bold;
    padding: 6px 15px;
}
.navbar .nav > li {
    float: none;
}
.navbar .dropdown-menu {
    background-color: transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    display: block;
    float: none;
    left: auto;
    margin: 0 15px;
    max-width: none;
    padding: 0;
    position: static;
    top: auto;
}
.navbar-form, .navbar-search {
    border-bottom: 1px solid #222222;
    border-top: 1px solid #222222;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    float: none;
    margin: 9px 0;
    padding: 9px 15px;
}
.navbar .nav.pull-right {
    float: none;
    margin-left: 0;
}
/*}*/
/*----------------------------------------------------------------------------------------
          Set Bootstap CSS !! ONLY EDIT @MEDIA MAX-WIDTH !!
----------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------
          Custom CSS 
----------------------------------------------------------------------------------------*/

#scrollthis { height: 380px; }
.line { height: 360px; }
.node + .node { margin-top: 40px; }

.line .blue { /* CUS */
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 168, 168, 0.75);
    -moz-box-shadow:    0px 0px 5px 2px rgba(0, 168, 168, 0.75);
    box-shadow:         0px 0px 5px 2px rgba(0, 168, 168, 0.75);
    background: #00ffff;
    background: rgba(0, 255, 255, 0.75);
}
.line .red-container {
    max-height: 360px;
}
.line .red { /* CUS */
    -webkit-box-shadow: 0px 0px 5px 2px rgba(171, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 5px 2px rgba(171, 0, 0, 0.75);
    box-shadow:         0px 0px 5px 2px rgba(171, 0, 0, 0.75);
    background-color: #ff0000;
    background: rgba(255, 0, 0, 0.75);
}
.node .active-circle{
    background: #fff;
}
.node .active-circle .white{
    width: 10px;
    height: 10px;
    -webkit-transform: translateX(3px) translateY(3px) scale(1);
    -moz-transform: translateX(3px) translateY(3px) scale(1);
    -ms-transform: translateX(3px) translateY(3px) scale(1);
    -o-transform: translateX(3px) translateY(3px) scale(1);
    transform: translateX(3px) translateY(3px) scale(1);
}

.node.active .active-circle { /* CUS */
    -webkit-box-shadow: 0px 0px 10px 4px rgba(171, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 10px 4px rgba(171, 0, 0, 0.75);
    box-shadow:         0px 0px 10px 4px rgba(171, 0, 0, 0.75);
}

.node .inactive-circle{ /* CUS */
    border: 2px solid #fff;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 168, 168, 0.75);
    -moz-box-shadow:    0px 0px 10px 4px rgba(0, 168, 168, 0.75);
    box-shadow:         0px 0px 10px 4px rgba(0, 168, 168, 0.75);
    /*-webkit-box-shadow: 0px 0px 30px 4px rgba(0, 168, 168, 0.5);
    -moz-box-shadow:    0px 0px 30px 4px rgba(0, 168, 168, 0.5);
    box-shadow:         0px 0px 30px 4px rgba(0, 168, 168, 0.5);*/
}

.node.active .inactive-circle{ /* CUS */
    -webkit-box-shadow: 0 0 0 0 ;
    -moz-box-shadow:    0 0 0 0 ;
    box-shadow:         0 0 0 0 ;
}

.node:hover .active-circle {
    -webkit-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -moz-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -ms-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -o-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    -o-transform: scale(0.84);
    transform: scale(0.84);
}

.node:hover .inactive-circle {
    -webkit-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -moz-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -ms-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -o-transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
}

.navbar-toggle      { float: none; padding: 0; margin: 40px 0 0 78px; width: 40px; height: 35px; z-index: 10; }
.navbar-toggle>span { top: 0 ; bottom: 0; margin: auto 0; }     
.navbar-toggle>span>span { background-color: transparent; }
.navbar-toggle>span:before, .navbar-toggle>span:after { top: 0; }
.navbar-toggle>span:before { transform: rotate(45deg);  }
.navbar-toggle>span:after  { transform: rotate(-45deg); } 
.navbar-toggle.collapsed>span>span { background-color: #fff; }
.navbar-toggle.collapsed>span:before { top: -10px; }
.navbar-toggle.collapsed>span:after  { bottom: -10px; top: auto; top: initial; }
.navbar-toggle.collapsed>span:before { transform: rotate(0);  }
.navbar-toggle.collapsed>span:after  { transform: rotate(0);  }

.navbar-nav>li>a { line-height: 30px; cursor: pointer; }
.nav>li>a { 
    font-weight: bold;
    color: #fff;
    background-color: transparent;
    -webkit-transition: color 500ms;
    -moz-transition: color 500ms;
    -ms-transition: color 500ms;
    -o-transition: color 500ms;
    transition: color 500ms;
}
.nav>li>a:focus, .nav>li>a:hover, .nav>li>a.active { background-color: transparent; color: #00ffff; } 



body  { background-color: #000; color: #fff; font-family: 'Droid Sans', SimHei, Arial, sans-serif; }
#main { position: relative; background-color: #000000; overflow: hidden; }

html.backgroundsize #main { background: url(../images/bg/bg.jpg) no-repeat; 
                            -webkit-background-size: cover;
                            -moz-background-size: cover;
                            -o-background-size: cover;
                            background-size: cover;
}
html.backgroundsize #main .fsbg { display: none; visibility: hidden; }
/*html.backgroundsize #p7 { background: url(../images/bg/p7_bg.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}
html.backgroundsize #p7 .fcbg { display: none; visibility: hidden; }*/

/* PreLoad */

#preloader { display: none; }
.loading #preloader{ display: block; }
.loading #scrollthis,
.loading #instantreserve,
.loading #header { visibility: hidden; }
#scrollthis,
#instantreserve,
#header,
section.section { visibility: visible; }
.loading section.section { height: 0; visibility: hidden; }
.no-js .loading #preloader { display: none; }

#preloader  { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; background: #000000; }
#preloader .content { text-align: center; }
#preloader .content  img { max-width: 100%; } 

#fountainTextG{
    width: 100px;
    height: 40px;
    margin: auto;
}
.fountainTextG{
    color:rgba(0,0,0,0.01);
    font-family:Arial;
    font-size:24px;
    text-decoration:none;
    font-weight:normal;
    font-style:normal;
    float:left;
    animation-name:bounce_fountainTextG;
    -o-animation-name:bounce_fountainTextG;
    -ms-animation-name:bounce_fountainTextG;
    -webkit-animation-name:bounce_fountainTextG;
    -moz-animation-name:bounce_fountainTextG;
    animation-duration:2.09s;
    -o-animation-duration:2.09s;
    -ms-animation-duration:2.09s;
    -webkit-animation-duration:2.09s;
    -moz-animation-duration:2.09s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    transform:scale(.5);
    -o-transform:scale(.5);
    -ms-transform:scale(.5);
    -webkit-transform:scale(.5);
    -moz-transform:scale(.5);
}#fountainTextG_1{
    animation-delay:0.75s;
    -o-animation-delay:0.75s;
    -ms-animation-delay:0.75s;
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
}
#fountainTextG_2{
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}
#fountainTextG_3{
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}
#fountainTextG_4{
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}
#fountainTextG_5{
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}
#fountainTextG_6{
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}
#fountainTextG_7{
    animation-delay:1.64s;
    -o-animation-delay:1.64s;
    -ms-animation-delay:1.64s;
    -webkit-animation-delay:1.64s;
    -moz-animation-delay:1.64s;
}

@keyframes bounce_fountainTextG{
    0%{
        transform:scale(1);
        color:rgba(255,255,255,0);
    }

    100%{
        transform:scale(.5);
        color:#FFFFFF;
    }
}

@-o-keyframes bounce_fountainTextG{
    0%{
        -o-transform:scale(1);
        color:rgba(255,255,255,0);
    }

    100%{
        -o-transform:scale(.5);
        color:#FFFFFF;
    }
}

@-ms-keyframes bounce_fountainTextG{
    0%{
        -ms-transform:scale(1);
        color:rgba(255,255,255,0);
    }

    100%{
        -ms-transform:scale(.5);
        color:#FFFFFF;
    }
}

@-webkit-keyframes bounce_fountainTextG{
    0%{
        -webkit-transform:scale(1);
        color:rgba(255,255,255,0);
    }

    100%{
        -webkit-transform:scale(.5);
        color:#FFFFFF;
    }
}

@-moz-keyframes bounce_fountainTextG{
    0%{
        -moz-transform:scale(1);
        color:rgba(255,255,255,0);
    }

    100%{
        -moz-transform:scale(.5);
        color:#FFFFFF;
    }
}

/* PreLoad End */

.navbar-toggle.collapsed>span>span {
    -webkit-animation: btnFlash2 2s linear 0s infinite normal; /* Chrome, Safari, Opera */
    animation: btnFlash2 2s linear 0s infinite normal; 
}


.navbar-toggle.collapsed>span:before,
.navbar-toggle.collapsed>span:after  {
    -webkit-animation: btnFlash 2s linear 0s infinite normal,btnFlash2 2s linear 0s infinite normal; /* Chrome, Safari, Opera */
    animation: btnFlash 2s linear 0s infinite normal,btnFlash2 2s linear 0s infinite normal; 
    /*-webkit-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
    -moz-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
    box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7); */
}

@-webkit-keyframes btnFlash2{
    0%,100%{
        background: #fff;
    }
    50%{
        background: #333;
    }
}

@-moz-keyframes btnFlash2{
    0%,100%{
        background: #fff;
    }
    50%{
        background: #333;
    }
}
@-o-keyframes btnFlash2{
    0%,100%{
        background: #fff;
    }
    50%{
        background: #333;
    }
}
@-ms-keyframes btnFlash2{
    0%,100%{
        background: #fff;
    }
    50%{
        background: #333;
    }
}
@keyframes btnFlash2{
    0%,100%{
        background: #fff;
    }
    50%{
        background: #333;
    }
}

@-webkit-keyframes btnFlash{
    0%,100%{
        -webkit-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        -moz-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);
    }
    50%{
        -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        -moz-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
    }
}
@-moz-keyframes btnFlash{
    0%,100%{
        -webkit-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        -moz-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);
    }
    50%{
        -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        -moz-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
    }
}
@-o-keyframes btnFlash{
    0%,100%{
        -webkit-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        -moz-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);
    }
    50%{
        -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        -moz-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
    }
}
@-ms-keyframes btnFlash{
    0%,100%{
        -webkit-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        -moz-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);
    }
    50%{
        -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        -moz-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
    }
}
@keyframes btnFlash{
    0%,100%{
        -webkit-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        -moz-box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);  
        box-shadow: 0px 0px 20px 9px rgba(0, 168, 168, 0.7);
    }
    50%{
        -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        -moz-box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
        box-shadow: 0px 0px 20px 4px rgba(0, 168, 168, 0.3);
    }
}


#header     { position: fixed;    z-index: 1000; }
#home       { position: relative; }
#info       { position: relative; }
#service    { position: relative; }
#photos     { position: relative; }
#floorplan  { position: relative; }
#location   { position: relative; }
#contact    { position: relative; }

#instantreserve { position: fixed; z-index: 999; bottom: 20px; left: 200px; }

a,
a:focus,
a:hover { color: #fff; text-decoration: none; }

.warm {
    position: absolute;
    right: 0;
    bottom: -10px;
    z-index: 10;
    max-width: 200px;
    padding: 1px 10px;
    border-radius: 15px;
    background-color: #ff4242;
    color: #FFF;
    font-size: 16px;
    line-height: 1.42857143;
    font-weight: normal;
}

select.dropdown {
    /* border: 0 !important;  Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    /* background: url('dropdown_arrow.png') no-repeat;  Adds background-image*/
    /* background-position: 82px 7px;  /*Position of the background-image*/
    /* width: 100px; /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
}

/* Popover */
#popovermap { display: none; }
.bottomline { border-bottom: 2px solid #fff; }
.popoverbox {  }
.popoverbox .pbox { padding: 20px; }
.popoverbox .pbox .msgtitle { margin-top: 10px; padding-bottom: 10px; }
.popoverbox .pbox .msg { margin-top: 10px; }
.popoverbox .pbox .msg-btn { margin-top: 10px; }

.popover.boxpop { border-radius: 0; background: transparent; padding: 0;}
.popover.boxpop .popover-content { padding: 0; text-align: center; }
.popover.boxpop .popover-content img { max-width: 100%; }
.popover.boxpop .popover-content .simg img { width: 100px; height: auto; }
.popover.boxpop.left>.arrow { border-left-color: #008181; border-left-color: rgba(0, 129, 129, 0.75); }
.popover.boxpop.left>.arrow:after { border-left-color: #008181; border-left-color: rgba(0, 129, 129, 0.75); }
.popover.boxpop.right>.arrow { border-right-color: #008181; border-right-color: rgba(0, 129, 129, 0.75); }
.popover.boxpop.right>.arrow:after { border-right-color: #008181; border-right-color: rgba(0, 129, 129, 0.75);  }

.section { position: relative; overflow: hidden; min-height: 100%; }
.container-fluid          { position: relative; width: 100%; height: 100%; max-width: 1280px; padding-left: 25px; padding-right: 25px; }
.container-fluid .content { display: inline-block; width: 100%; vertical-align: middle; }
.sdBtn-wrapper { position: absolute; bottom: 80px; left: 50%; width: 50px; margin-left: -25px;}
.sdBtn-wrapper .sdBtn { position: relative; text-align: center; }
.sdBtn-wrapper .sdBtn-title { display: block; letter-spacing: 3px;padding-top: 5px; }
.sdBtn-wrapper .sdBtn .midbox { position: absolute; top: 45%; left: 50%; margin-top: -3px; margin-left: -1px; border: 1px solid #fff; border-radius: 1px; height: 6px; background-color: #fff; }
.sdBtn-wrapper img { width: 30px; height: auto; }

.updownmoving {
    -webkit-animation: updownmove 2s cubic-bezier(.3,0,.7,1) 0s infinite normal; /* Chrome, Safari, Opera */
    animation: updownmove 2s cubic-bezier(.3,0,.7,1) 0s infinite normal; 
}
@-webkit-keyframes updownmove{
    0%,100%{
        top: 45%;
    }
    50%{
        top: 28%;
    }
}
@-moz-keyframes updownmove{
    0%,100%{
        top: 45%;
    }
    50%{
        top: 28%;
    }
}
@-o-keyframes updownmove{
    0%,100%{
        top: 45%;
    }
    50%{
        top: 28%;
    }
}
@-ms-keyframes updownmove{
    0%,100%{
        top: 45%;
    }
    50%{
        top: 28%;
    }
}
@keyframes updownmove{
    0%,100%{
        top: 45%;
    }
    50%{
        top: 28%;
    }
}

h2 { font-size: 16px; padding: 0; margin: 0; }

.text-title { text-indent: -9999px; height: 0; padding: 0; margin: 0; }
.no-js .text-title { text-indent: 0px; height: auto; }
.stext { font-size: 14px; }
.ntext { font-size: 16px; }
.ltext { font-size: 22px; }
.title-ws { word-spacing: 10px; }
.btw-ws { word-spacing: 5px; }
.msg-title { /*font-size: 16px;*/ }
.title { position: absolute; top: 80px; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 0 35px; }
.colorTitle { color: #008d8e; }
.title img { max-width: 100%; }
.placeholder { text-align: left; }
.valign { display: inline-block; width: 100%; height: 100%; font-size: 0; }
.valign:before { display: inline-block; content: ''; height: 100%; vertical-align: middle; }
.fcbg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; overflow: hidden; }
.fsbg { background-color: #000; }

.node { cursor: pointer; }
.square-box { position: relative; width: 100%; }
.square-box:before { content: ''; display: block; padding-top: 100%; }
.square-box .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; }
.nextBtn-wrapper { position: absolute; max-width: 50px; left: 0; right: 0; bottom: 0; margin: 0 auto; z-index: 100; width: 100%; text-align: center; }
.nextBtn-wrapper .nextPage { 
    font-size: 50px; 
    color: #fff; 
    outline: none; 
    cursor: pointer;
    -webkit-transition: text-shadow 500ms;
    -moz-transition: text-shadow 500ms;
    -ms-transition: text-shadow 500ms;
    -o-transition: text-shadow 500ms;
    transition: text-shadow 500ms;
}
/*.nextBtn-wrapper .nextPage:hover,
.nextBtn-wrapper .nextPage:focus { color: #fff; text-decoration: none; text-shadow: 0px 0px 30px rgba(0, 129, 129, 0.75); }*/
.nextBtn-wrapper .nextPage {
    text-shadow: 0px 1px 10px #fff;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer !important; }

.title-img img { max-width: 100%; }
.pbox-top { padding-top: 10px; }
.pbox { padding: 10px; }
.photo-frame { 
    position: relative;
    display: inline-block;
    background: #003636;
    background: rgba(0,255,255,0.3);
    border: 1px solid #ccc;
    padding: 10px;
}
.photo-frame.frameboder:before{
    content: '';
    display: block;
    position: absolute;
    left: -14px;
    top: 24px;
    width: 80px;
    border-style: solid;
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent #008181 transparent;
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg);  
    -ms-transform: rorate(-45deg);
    transform: rotate(-45deg);
}
.photo-frame.frameboder:after{
    content: '';
    display: block;
    position: absolute;
    right: -14px;
    bottom: 24px;
    width: 80px;
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: #008181 transparent transparent transparent;
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rorate(-45deg);
    transform: rotate(-45deg);
}
.photo-frame > img { display: inline-block; border: 2px solid #009090; max-width: 100%; }
.box-border { position: relative; }
.box-border:before {
    content: '';
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #008181;
    border: 2px solid rgba(0,129,129,1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 129, 129, 0.75);
    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 129, 129, 0.75);
    box-shadow:         0px 0px 30px 0px rgba(0, 129, 129, 0.75);
    z-index: 0;
}
.box-border.cred:before{
    border: 2px solid #ff0000;
    border: 2px solid rgba(255,0,0,1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(255,0,0,0.3);
    -moz-box-shadow:    0px 0px 30px 0px rgba(255,0,0,0.3);
    box-shadow:         0px 0px 30px 0px rgba(255,0,0,0.3);
}
.msg-btn .box-border,
.msg-btn .box-border:before{
    border-radius: 3px;
}
.msg-btn {
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 5px;
}
.msg-btn .text-box { padding: 10px; } 
.menu-box {
    background: #00ffff;
    background: -webkit-repeating-linear-gradient(left, rgba(0, 102, 102, 0.75) 0%, rgba(0, 57, 57, 0.70) 25%, rgba(0, 57, 57, 0.70) 75%, rgba(0, 102, 102, 0.75) 100% ); 
    background: -o-repeating-linear-gradient(right, rgba(0, 102, 102, 0.75) 0%, rgba(0, 57, 57, 0.70) 25%, rgba(0, 57, 57, 0.70) 75%, rgba(0, 102, 102, 0.75) 100%); 
    background: -moz-repeating-linear-gradient(right, rgba(0, 102, 102, 0.75) 0%, rgba(0, 57, 57, 0.70) 25%, rgba(0, 57, 57, 0.70) 75%, rgba(0, 102, 102, 0.75) 100%); 
    background: repeating-linear-gradient(to right, rgba(0, 102, 102, 0.75) 0%, rgba(0, 57, 57, 0.70) 25%, rgba(0, 57, 57, 0.70) 75%, rgba(0, 102, 102, 0.75) 100%); 
}
.text-box { 
    background: #002D2D;
    background: rgba(0,45,45,0.8);
    -webkit-box-shadow: inset 0px 0px 30px 15px rgba(0,128,128,0.6);
    -moz-box-shadow: inset 0px 0px 30px 15px rgba(0,128,128,0.6);
    box-shadow: inset 0px 0px 30px 15px rgba(0,128,128,0.6);
}
.text-box.cred {
    background: #ff0000;
    background: rgba(255,0,0,0.3);
    -webkit-box-shadow: inset 0px 0px 30px 15px rgba(255,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 30px 15px rgba(255,0,0,0.3);
    box-shadow: inset 0px 0px 30px 15px rgba(255,0,0,0.3);
}
/*.text-box.line-bg{
  background: #002D2D url('../images/line_bg.png') no-repeat center center ;
  background: rgba(0,45,45,0.5) url('../images/line_bg.png') no-repeat center center ;
}*/
.line-bg { 
    position: relative; 
    background: #002D2D url('../images/line_bg.png') no-repeat 100% 100% ;
    background: rgba(0,45,45,0.5) url('../images/line_bg.png') no-repeat 100% 100% ;
    background: -webkit-repeating-linear-gradient(top, transparent, transparent 0.5px, rgba(0, 129, 129, 0.75) 1px, rgba(0, 129, 129, 0.75) 3px); 
    background: -o-repeating-linear-gradient(bottom, transparent, transparent 0.5px, rgba(0, 129, 129, 0.75) 1px, rgba(0, 129, 129, 0.75) 3px); 
    background: -moz-repeating-linear-gradient(bottom, transparent, transparent 0.5px, rgba(0, 129, 129, 0.75) 1px, rgba(0, 129, 129, 0.75) 3px); 
    background: repeating-linear-gradient(to bottom, transparent, transparent 0.5px, rgba(0, 129, 129, 0.75) 1px, rgba(0, 129, 129, 0.75) 3px); 
}
.line-bg.cred {
    background: #ff0000 url('../images/line_bgred.png') no-repeat 100% 100% ;
    background: rgba(255,0,0,0.3) url('../images/line_bgred.png') no-repeat 100% 100% ;
    background: -webkit-repeating-linear-gradient(top, transparent, transparent 0.5px, rgba(255, 0, 0, 0.3) 1px, rgba(255, 0, 0, 0.3) 3px); 
    background: -o-repeating-linear-gradient(bottom, transparent, transparent 0.5px, rgba(255, 0, 0, 0.3) 1px, rgba(255, 0, 0, 0.3) 3px); 
    background: -moz-repeating-linear-gradient(bottom, transparent, transparent 0.5px, rgba(255, 0, 0, 0.3) 1px, rgba(255, 0, 0, 0.3) 3px); 
    background: repeating-linear-gradient(to bottom, transparent, transparent 0.5px, rgba(255, 0, 0, 0.3) 1px, rgba(255, 0, 0, 0.3) 3px); 
}
.line-bg:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2px;
    background: -webkit-linear-gradient(left, transparent 50%, rgba(0,0,0,0.5));
    background: -o-linear-gradient(left, transparent 50%, rgba(0,0,0,0.5));
    background: -moz-linear-gradient(left, transparent 50%, rgba(0,0,0,0.5)); 
    background: linear-gradient(to right, transparent 50%, rgba(0,0,0,0.5)); 
}
.text-box.line-bg{
    background: #002D2D url('../images/line_bg.png') no-repeat 100% 100% ;
    background: rgba(0,45,45,0.5) url('../images/line_bg.png') no-repeat 100% 100% ;
    background: -webkit-repeating-linear-gradient(top, transparent, transparent 2px, rgba(0, 129, 129, 0.75) 2px, rgba(0, 129, 129, 0.75) 4px); 
    background: -o-repeating-linear-gradient(bottom, transparent, transparent 2px, rgba(0, 129, 129, 0.75) 2px, rgba(0, 129, 129, 0.75) 4px); 
    background: -moz-repeating-linear-gradient(bottom, transparent, transparent 2px, rgba(0, 129, 129, 0.75) 2px, rgba(0, 129, 129, 0.75) 4px); 
    background: repeating-linear-gradient(to bottom, transparent, transparent 2px, rgba(0, 129, 129, 0.75) 2px, rgba(0, 129, 129, 0.75) 4px); 
}
.text-box.line-bg.cred {
    background: #002D2D url('../images/line_bgred.png') no-repeat 100% 100% ;
    background: rgba(0,45,45,0.5) url('../images/line_bgred.png') no-repeat 100% 100% ;
    background: -webkit-repeating-linear-gradient(top, transparent, transparent 0.5px, rgba(255, 0, 0, 0.3) 1px, rgba(255, 0, 0, 0.3) 3px); 
    background: -o-repeating-linear-gradient(bottom, transparent, transparent 0.5px, rgba(255, 0, 0, 0.3) 1px, rgba(255, 0, 0, 0.3) 3px); 
    background: -moz-repeating-linear-gradient(bottom, transparent, transparent 0.5px, rgba(255, 0, 0, 0.3) 1px, rgba(255, 0, 0, 0.3) 3px); 
    background: repeating-linear-gradient(to bottom, transparent, transparent 0.5px, rgba(255, 0, 0, 0.3) 1px, rgba(255, 0, 0, 0.3) 3px); 
}
.screenline {
    position: relative;
    width: 100%;
    /*border-bottom: 2px solid #fff; */
    padding: 10px 5px;
}
.screenline:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    /*-webkit-box-shadow:  0px 0px 30px 15px rgba(0,128,128,0.6);
    -moz-box-shadow:  0px 0px 30px 15px rgba(0,128,128,0.6);
    box-shadow:  0px 0px 30px 15px rgba(0,128,128,0.6);*/
} 
.screenline.upline:after ,
.screenline.upline:before  { top: 0; }
.screenline.downline:after,
.screenline.downline:before { bottom: 0; }
.screenline.upline:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 50px;
    border-style: solid;
    border-width: 10px 0px 0px 10px;
    border-color: #fff transparent transparent transparent;
}
.screenline.downline:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 50px;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #fff transparent;
}

.obtn {
    -webkit-transition: opacity 300ms ease-in-out 0ms;
    -moz-transition: opacity 300ms ease-in-out 0ms;
    -ms-transition: opacity 300ms ease-in-out 0ms;
    -o-transition: opacity 300ms ease-in-out 0ms;
    transition: opacity 300ms ease-in-out 0ms;
    cursor: pointer;
}
.obtn:hover { opacity: 0.6; }
.wbtn {
    -webkit-transition: opacity 300ms ease-in-out 0ms;
    -moz-transition: opacity 300ms ease-in-out 0ms;
    -ms-transition: opacity 300ms ease-in-out 0ms;
    -o-transition: opacity 300ms ease-in-out 0ms;
    transition: opacity 300ms ease-in-out 0ms;
    position: relative;
    cursor: pointer;
}
.wbtn .wave{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0%;
    top: 0px;
    opacity: 1;
}
.wbtn:hover { opacity: 0.6; }
.wbtn:hover .wave{
    border-radius: 6px;
    -webkit-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
    -moz-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
    -ms-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
    -o-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
    transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
    -webkit-box-shadow:  0px 0px 50px 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow:  0px 0px 50px 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 50px 10px rgba(255, 255, 255, 0.5);
    opacity: 0;
}

#header { top: 0; left: 0; }
#header .container-fluid { position: relative; width: 100%; height: 100%; padding: 0; }
#bs-navbar-collapse { position: fixed; top: 0; bottom: 0; left: 0; z-index: 5; width: 190px; padding: 0; margin: 0; }
#bs-navbar-collapse.in { overflow: visible; overflow-x: hidden; overflow-y: visible; }
#bs-navbar-collapse .navbar-nav { position: relative; min-height: 100%; padding: 100px 0 180px; text-align: center; margin: 0; }
#bs-navbar-collapse .navbar-nav .logo img { margin-bottom: 10px; max-width: 100%; }
#bs-navbar-collapse .navbar-nav .logo .stext { font-size: 13px;  }
#bs-navbar-collapse .navbar-nav .logo { 
    position: absolute; 
    bottom: 20px; 
    left: 0; 
    right: 0; 
    opacity: 0; 
    -webkit-transition:  opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
#bs-navbar-collapse.in .navbar-nav .logo { opacity: 1; }

#instantreserve .msg-btn { width: 200px; }


#p1 {}
#p1 .container-fluid .content { text-align: center; }
#p1 .container-fluid .content img { max-width: 100%; }
#p1 .container-fluid .msg-btn-wrapper { position: absolute; bottom: 15px; left: 15px; width: 200px; }
#mobi_lang{display:none;}

#p2 {}
#p2 .container-fluid .content { padding: 220px 0 100px; }
#p2 .msg { max-width: 480px; padding: 0 15px; margin: 0 auto; }
#p2 .msg { margin-bottom: 40px; }
#p2 .msg + .msg { margin-bottom: 0; }
#p2 .msg span { display: inline-block; margin-bottom: 15px; }
#p2 .msg-box { display: inline-block; width: 16.6667%; padding: 15px; vertical-align: middle; }
#p2 .msg-box .text-box { position: relative; padding: 10px; }
#p2 .msg-box .text-box .msg-title { background-color: #009797; background-color: rgba(0,155,155,0.8); padding: 10px; text-align: center; color: #fff; min-height: 65px; }
#p2 .msg-box .text-box .msg-img   { text-align: center; padding: 40px 0; }
#p2 .msg-box .text-box .msg-img img { max-width: 100%; } 
#p2 .msg-box .text-box .msg-btn   { padding: 0 15px; text-align: center; }

#p3 {}
#p3 .container-fluid .content { padding: 220px 0 100px; }
#p3 .left-wrapper  { display: inline-block; width: 70%; vertical-align: top; margin-bottom: 20px; }
#p3 .photo-frame { max-width: 100%; }
#p3 .right-wrapper { display: inline-block; width: 25%; vertical-align: top; margin-left: 5%; }
#p3 .msg-box .msg-title { text-align: center; padding: 5px; letter-spacing: 10px; }
#p3 .msg-box .text-box { padding: 25px; }
#p3 .msg-box .msg-btn .text-box { padding: 10px; }
#p3 .msg-box .box-left,
#p3 .msg-box .box-right { display: inline-block; width: 50%; padding: 0; vertical-align: top; }
#p3 .msg-box .box-left { padding: 20px 40px; text-align: center; }
#p3 .msg-box .box-right > div { margin-bottom: 20px; }
#p3 .msg-box .box-right .msg-btn { margin-bottom: 0; }
#p3 .msg-box .box-right .msg {max-width: 100%; overflow: hidden; text-overflow: ellipsis; height:371px; min-height: 371px;}
#p3 .right-wrapper .msg-box .text-box > div { margin-bottom: 20px; } 
#p3 .right-wrapper .msg-box .text-box .msg-btn { margin-bottom: 0; }
#p3 .right-wrapper .msg-box + .msg-box { margin-top: 20px; }

#p3 .msg-box .box-right .msg-btn,
#p3 .right-wrapper .msg-box .text-box .msg-btn { margin-top: 60px; }

#p4 {}
#p4 .container-fluid .content { padding: 220px 0 100px; }
#p4 .msg-box { display: inline-block; width: 33.3334%; padding: 25px; text-align: center; vertical-align: middle;}
#p4 .msg-box .msg-head { text-transform: uppercase; text-align: center; letter-spacing: 1px; font-size: 37px; font-weight: bold; }
#p4 .msg-box .msg-title { background-color: #009797; background-color: rgba(0,155,155,0.8); padding: 10px; text-align: center; color: #fff; letter-spacing: 5px; }
#p4 .msg-box .msg-img { position: relative;  min-height: 210px;}

#p4 .msg-box .msg-img img,
#p4 .msg-box .msg-img span {
    -webkit-transition:  opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
#p4 .msg-box .text-box { cursor: pointer; }
#p4 .msg-box .msg-img img { max-width: 100%; }
#p4 .msg-box .text-box .msg-img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 15px; }
#p4 .msg-box .text-box .msg-img span { display: block; width: 100%; height: 100%; padding: 25px; visibility: hidden; opacity: 0; overflow: hidden; min-height: 150px; }
#p4 .msg-box .text-box:hover .msg-img img  { opacity: 0.3; }
#p4 .msg-box .text-box:hover .msg-img span { visibility: visible; opacity: 1; }

#p5 {}
#p5 .container-fluid .content { padding: 220px 0 100px; }
#p5 .panel-body { padding: 0; }
#p5 .panel-group { max-width: 700px; margin: 0 auto; }
#p5 .panel-group .panel { background-color: transparent; }
#p5 .panel-group .panel .text-box { padding: 25px; }
#p5 .panel-group .panel .msg-title { padding: 10px 50px; text-align: center; letter-spacing: 10px; }
#p5 .panel-group .panel .msg-title:before{
    content: '\3009';
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 28px;
    width: 15px;
    line-height: 49px;
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 500ms;
    -moz-transition: -moz-transform 500ms;
    -ms-transition: -ms-transform 500ms;
    -o-transition: -o-transform 500ms;
    transition: transform 500ms;
    z-index: 1;
}
#p5 .panel-group .panel .msg-title.collapsed:before {
    -ms-filter: none;
    filter: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
#p5 .panel-group { min-height: 500px; }
#p5 #collapse4 .panel-body .text-box { display: inline-block; width: 32%; min-height: 274px; vertical-align: top; }
#p5 #collapse4 .panel-body .text-box + .text-box { margin-left: 2%; }

#p6 {}
#p6 .container-fluid .content { padding: 220px 0 100px; }
#p6 .msg-box { display: inline-block; width: 33.3334%; padding: 0 50px; vertical-align: middle; }
#p6 .msg-box .text-box.box-border { padding: 20px; margin-bottom: 20px; }
#p6 .msg-box .msg-img { text-align: center; }
#p6 .msg-box .msg-img img { max-width: 100%; }
#p6 .msg-box .msg-btn { max-width: none; }

#p7 {}
#p7 .container-fluid .content { padding: 40px 0 ; vertical-align: top; /*min-height: 750px;*/ }
#p7 .screenline { color: #03dfdf; }
#p7 .panel-group { position: relative; max-width: 500px; z-index: 1; }
#p7 .panel-group .panel { background-color: #000; background-color: rgba(0, 0, 0, 0.7); }
#p7 .panel-group .panel .msg-title { position: relative; }
#p7 .panel-group .panel .msg-title:before{
    position: absolute; 
    top: 10px;
    left: 0;
    right: 0;
    width: 10px;
    margin: 0 auto;
    content: '\232A';
    /*display: inline-block;*/
    display: none;
    font-size: 30px;
    -webkit-transition: -webkit-transform 500ms;
    -moz-transition: -moz-transform 500ms;
    -ms-transition: -ms-transform 500ms;
    -o-transition: -o-transform 500ms;
    transition: transform 500ms;
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rorate(270deg);
    transform: rotate(630deg);
}
#p7 .panel-group .panel .msg-title.collapsed:before {
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rorate(90deg);
    transform: rotate(90deg);
}

#p7 .panel-group .panel .title-img { padding: 75px 25px 20px; }
#p7 .panel-group .panel-collapse { padding: 0 25px; }
#p7 .panel-group .panel-body { position: relative; padding: 15px 0; }
#p7 .panel-group .panel-body > div { margin-bottom: 5px; padding: 5px 0; }
#p7 .panel-group .panel-body .screenline { padding-top: 10px; }
#p7 .panel-group .panel-body .col-half { display: inline-block; width: 50%; vertical-align: top; }
#p7 .panel-group .panel-body .col-half .msg-btn { padding-right: 10px; max-width: 250px; margin: 5px 0 0;  }
#p7 .panel-group .panel-body .col-half  + .col-half .msg-btn { padding-right: 0; padding-left: 10px; }

#p7 .panel-group .scgroup { position: absolute; top: 20px; right: 20px; z-index: 2; }
#p7 .panel-group .scgroup > a { 
    margin: 0 10px; 
    cursor: pointer;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms; 
}
#p7 .panel-group .scgroup > a:hover { opacity: 0.6; }

/* google Map */
#googlemap { width: 100%; height: 100%; }
#googlemap .gm-style-iw { color: #555; }
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
/* google Map End */

#register-form label { position: relative; }
#register-form input[type="text"],
#register-form select,
#register-form select option { 
    background-color: #000; 
    padding: 5px; 
    color: #fff; 
    border: 2px solid #008181;
    border: 2px solid rgba(0,129,129,1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 129, 129, 0.75);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 129, 129, 0.75);
    box-shadow: 0px 0px 30px 0px rgba(0, 129, 129, 0.75);
}
#register-form input[type="checkbox"] { 
    width: 16px; 
    height: 16px; 
    vertical-align: middle;
    background-color: #000; 
    color: #fff; 
    border: 2px solid #008181;
    border: 2px solid rgba(0,129,129,1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 129, 129, 0.75);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 129, 129, 0.75);
    box-shadow: 0px 0px 30px 0px rgba(0, 129, 129, 0.75);
}
#register-form { display: inline-block; width: 100%; vertical-align: middle; padding: 20px 0; }
#register-form .form-header { letter-spacing: 5px; text-align: center; }
#register-form .form-title { color: #00ffff; padding: 20px 0; } 

#register-form .form-input-group > div { padding: 5px 0; }
#register-form .form-input-group label { display: block; width: 100%; font-weight: normal; }
#register-form .form-input-group label > span { display: inline-block; line-height: 35px; width: 20%; }
#register-form .form-input-group label > input,
#register-form .form-input-group label > select { display: inline-block; width: 80%; height: 35px; font-size: 16px; }
#register-form .form-input-group label > select { background: url(../images/selectdown.png) no-repeat 99% center; }

#register-form .form-check-group input[type="checkbox"] { margin: 0 3px 3px 0; }
#register-form .form-check-group > div { display: inline-block; width: 20%; line-height: 37px; vertical-align: top; }
#register-form .form-check-group > div.other { width: 60%; }

#register-form .form-terms-group > div { padding-top: 15px; }
#register-form .form-terms-group input[type="checkbox"] { margin: 0 3px 3px 0; }
#register-form .form-terms-group  { margin-bottom: 15px; }
#register-form .msg-btn .text-box.submit { padding: 15px; }


.terms { background-color: #000; width: 100%; height: 100%; overflow: auto; }
.terms .terms-wrapper { max-width: 730px; width: 100%; height: 100%; padding: 0 15px; margin: 0 auto; }
.terms .terms-wrapper .msg-box { display: inline-block; width: 100%; padding: 80px 0 20px; vertical-align: middle; }
.terms .terms-wrapper .msg-box img { max-width: 100%; }
.terms .terms-wrapper .msg-box > div { margin-bottom: 20px; }

#noty_customTermsPopup_layout_container,
#noty_customTermsPopup_layout_container > li,
#noty_customTermsPopup_layout_container > li > div { height: 100%; }
#noty_customTermsPopup_layout_container .noty_message { position: relative; height: 100%; overflow: auto; }
#noty_customTermsPopup_layout_container .noty_message .noty_close {
    position: absolute;
    font-size: 72px;
    right: 55px;
    top: 30px;
    color: #fff;
    font-weight: lighter;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0;
    color: #FFF;
    font-style: normal;
    font-family: Arial, Baskerville, monospace;
    cursor: pointer;
}
#noty_customTermsPopup_layout_container .noty_message .noty_close:hover { opacity: 1; }
/*#noty_customTermsPopup_layout_container .noty_message .noty_close:before { content: 'x'; cursor: pointer; }*/

/* MPF POPUP */
.mfp-bg {
    background-color: #000;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-container { padding: 0; }
.mfp-inline-holder .mfp-content { width: 100%; height: 100%; background-color: #000; }
.mfp-p2 { position: relative; width: 100%; height: 100%; }
.mfp-p2 .mfp-close { position: absolute; font-size: 72px; right: 30px; top: 30px; color: #fff; font-weight: lighter; }
.mfp-p2 .col-half { display: inline-block; width: 50%; padding: 0 40px; vertical-align: middle; }
.mfp-p2 .img-title { max-width: 100%; }
.mfp-p2 .col-half .photo-frame { max-width: 450px; } 
.mfp-p2 .col-half > p { max-width: 400px; margin-top: 20px; }
.mfp-p2 .content { display: inline-block; width: 100%; padding: 40px 20px; }

.mfp-p2 .fs-wrapper { max-width: 1280px; height: 100%; margin: 0 auto; padding: 15px; }
.mfp-p2.bg01 { background: url(../images/popup/p2_bg_01.png) no-repeat left center; }
.mfp-p2.bg02 { background: url(../images/popup/p2_bg_02.png) no-repeat left center; }
.mfp-p2.bg03 { background: url(../images/popup/p2_bg_03.png) no-repeat left center; }
.mfp-p2.bg04 { background: url(../images/popup/p2_bg_04.png) no-repeat left center; }
.mfp-p2.bg05 { background: url(../images/popup/p2_bg_05.png) no-repeat left center; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content { position: relative; }
.mfp-form { width: 100%; height: 100%; overflow: auto; }
.mfp-form .fs-wrapper { max-width: 730px; height: 100%; margin: 0 auto; padding: 15px; }
.mfp-form .mfp-close { position: absolute; font-size: 72px; right: 55px; top: 30px; color: #fff; font-weight: lighter; }

.mfp-event { position: relative; width: 100%; height: 100%; }
.mfp-event .mfp-close { position: absolute; font-size: 72px; right: 30px; top: 30px; color: #fff; font-weight: lighter; }
.mfp-event .fs-wrapper { max-width: 1280px; height: 100%; margin: 0 auto; padding: 15px; }
.mfp-event .content { display: inline-block; width: 100%; padding: 40px 20px; vertical-align: middle; }
.mfp-event .content .msg { padding: 10px 5px; min-height: 400px; }

#pinmap { position: relative; margin-top: 20px; }
#pinmap .map { max-width: 100%; }
#pinpoint1 {
    position: absolute;
    top: 49.8%;
    left: 88.3%;
    margin-top: -1.7591%;
    margin-left: -3.5301%;
    width: 3.5115%;
    cursor: pointer;
}
#pinpoint2 {
    position: absolute;
    top: 59.1%;
    left: 85.5%;
    margin-top: -1.7591%;
    margin-left: -3.5301%;
    width: 3.5115%;
    cursor: pointer;
}
#pinpoint3 {
    position: absolute;
    top: 33.1%;
    left: 17.5%;
    margin-top: -1.7591%;
    margin-left: -3.5301%;
    width: 3.5115%;
    cursor: pointer;
}


/* Album / Media / News */

/*#album {}
#album img {
  opacity: 1;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms; 
}

#album img[effect="fade"] {
  opacity: 0;
}*/
#album .backbtn,
#event .backbtn { margin: 20px 10px; }
#media .backbtn { margin: 20px ; }


#album .container-fluid .content { padding: 220px 0 100px; }
#album .gallery-wrapper { position: relative; width: 100%; max-width: 620px;padding: 0 15px; margin: 0 auto; }
#album .gallery-wrapper .gallery-title { text-align: center; padding: 10px 35px; }
#album .gallery-wrapper .prev-gallery ,
#album .gallery-wrapper .next-gallery { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    margin: auto 0; 
    opacity: 0.6;
    width: 20px;
    height: 40px;
    font-size: 40px;
    line-height: 36px;
    font-family: Arial, Baskerville, monospace;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms; 
    cursor: pointer;
}
#album .gallery-wrapper .prev-gallery { left: 0; }
#album .gallery-wrapper .next-gallery { right: 10px; }
#album .gallery-wrapper .prev-gallery:hover,
#album .gallery-wrapper .next-gallery:hover { opacity: 1; }

#gallery-table { margin-top: 20px; }
#gallery-table .gallery-lists { display: none; }
#gallery-table .image-item { display: inline-block; width: 25%; vertical-align: top; }
#gallery-table .image-item img { width: 100%; height: auto; }
#gallery-table .image-item > a { display: block; padding: 10px; cursor: pointer; }

.photo-wrapper { position: relative; width: 100%; }
.photo-wrapper:before { content: ""; display: block; padding-top: 75%; }
.photo-wrapper .overlay { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }

#event .container-fluid .content { padding: 220px 0 100px; }
#event-table .event-item { display: inline-block; width: 25%; vertical-align: top; }
#event-table .event-item .event-box { padding: 10px; }
#event-table .event-item .event-box .pbox { padding: 25px; }
#event-table .event-item .event-box .screenline { padding: 0 0 5px 0; }
#event-table .event-item .event-box .msg { margin: 10px 0 40px; width: 100%; height: 100px; overflow: hidden; }
#event-table .event-item .event-box .msg {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#event-table .event-item .event-box .msg-btn { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; max-width: none; }
#event-table .event-item .event-box .msg-btn .wbtn { background: #008080; background: rgba(0,128,128,0.8); }

#media .container-fluid .content { padding: 220px 0 100px; }
#media-table .media-item { display: inline-block; width: 25%; vertical-align: top; }
#media-table .media-item .media-box { 
    padding: 20px 10px; 
    margin: 10px;
    -webkit-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -moz-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -ms-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -o-transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84) 0ms;
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -ms-transform: scale(0.99);
    -o-transform: scale(0.99);
    transform: scale(0.99);
}
#media-table .media-item .media-box:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#media-table .media-item .media-box .photo-frame { width: 100%; }
#media-table .media-item .media-box .screenline { padding: 5px 0px 10px; }
#media-table .media-item .media-box .msg { margin: 10px 0 40px; width: 100%; height: 100px; overflow: hidden; }

.loadingImage,
.loadingImage:before,
.loadingImage:after {
    background: #ffffff;
    -webkit-animation: loadingImg 1s infinite ease-in-out;
    animation: loadingImg 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.loadingImage:before,
.loadingImage:after {
    position: absolute;
    top: 0;
    content: '';
}
.loadingImage:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loadingImage {
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loadingImage:after {
    left: 1.5em;
}
@-webkit-keyframes loadingImg {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ffffff;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}
@keyframes loadingImg {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ffffff;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}



@media only screen and (max-width: 1200px){
    #p2 .msg-box-wrpper { max-width: 730px; margin: auto; }
    #p2 .msg-box { width: 33.3334%; }

    #p3 .left-wrapper,
    #p3 .right-wrapper { width: 100%; margin-left: 0; }
    #p3 .right-wrapper .msg-box { display: inline-block; width: 50%; padding-right: 20px; }
    #p3 .right-wrapper .msg-box + .msg-box { padding-right: 0; padding-left: 20px; }

    #p4 .msg-box .msg-box .text-box { min-height: 176px; }

}

@media only screen and (max-width: 992px){
    .mfp-p2 .valign { padding: 70px 0; }
    .mfp-p2 .valign:before { height: 0; }
    .mfp-p2 .col-half { width: 100%; text-align: center; margin-bottom: 20px; }
    .mfp-p2 .col-half > p { max-width: 480px; margin: 20px auto; }



    #p4 .msg-box { width: 50%; }
    #p4 .msg-box .text-box .msg-img span { display: block; visibility: visible; opacity: 1; }
    #p4 .msg-box .msg-img img { opacity: 0.3; }

    #p6 .msg-box { padding: 0 30px; }


    #p7 .panel-group { margin: 0 auto; }

    #gallery-table .image-item, 
    #event-table .event-item,
    #media-table .media-item { width: 33.3334%; }
}

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

    #instantreserve { left: initial; left: auto; right: 40px }

    #p2 .msg-box-wrpper { max-width: 480px; }
    #p2 .msg-box { width: 50%; min-height: 170px;}

    #p3 .msg-box .box-left, 
    #p3 .msg-box .box-right { width: 100%; }
    #p3 .right-wrapper .msg-box { width: 100%; padding-right: 0; }
    #p3 .right-wrapper .msg-box + .msg-box { padding-right: 0; padding-left: 0; }

    #p4 .msg-box { width: 100%; padding: 15px; min-height: 170px; }

    #p5 .panel-group { min-height: 675px; }
    #p5 #collapse4 .panel-body .text-box { width: 100%; min-height: 0; }
    #p5 #collapse4 .panel-body .text-box + .text-box { margin: 10px 0 0; }

    #p6 .msg-box-wrpper { max-width: 450px; margin: 0 auto; } 
    #p6 .msg-box { width: 100%; min-height: 170px; }
    #p6 .msg-box > .text-box { display: none; }

    #register-form .form-input-group label > span { width: 25%; }
    #register-form .form-input-group label > input, #register-form .form-input-group label > select { width: 75% }
    #register-form .form-check-group > div { width: 33.3334%; }

    #gallery-table .image-item, 
    #event-table .event-item,
    #media-table .media-item { width: 50%; }

    #pinmap { display: none; }
    #popovermap { display: block; }
    #popovermap > div { margin-top: 20px; width: 100%; text-align: center; }
    #popover1 .simg img { max-width: 150px; width: 100%; }
}

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

    #instantreserve { right: 20px; }
    #instantreserve .msg-btn { width: 150px; }

    #scrollthis { display: none; }
    .navbar-toggle { margin: 15px 0 0 15px; }
    #bs-navbar-collapse { width: auto; }
    #bs-navbar-collapse .navbar-nav { padding: 60px 0 110px; text-align: left; width: auto; }
    #bs-navbar-collapse.in .navbar-nav .logo { text-align: center; padding: 5px; }
    #bs-navbar-collapse.in .navbar-nav .logo span { display: none; }
    .navbar-nav>li>a { padding: 5px 10px; }
    
    #pc_lang{display:none}
    #mobi_lang{display:block}
    
    #p2 .msg-box-wrpper { max-width: 250px; }
    #p2 .msg-box { width: 100%; min-height: 170px;}
    #p2 .msg-box .text-box .msg-title { min-height: auto;}

    #p3 .msg-box .box-right .msg{height:250px; min-height: 250px;}

    #p5 .panel-group .panel .msg-title { letter-spacing: 0; }

    #p7 .panel-group { padding: 0; }
    #p7 .panel-group .panel-body .col-half { width: 100%; }
    #p7 .panel-group .panel-body .col-half .msg-btn { padding-right: 0; }
    #p7 .panel-group .panel-body .col-half + .col-half .msg-btn { padding-left: 0; margin-top: 10px; }

    #register-form .form-check-group > div { width: 50%; }

    #gallery-table .image-item, 
    #event-table .event-item,
    #media-table .media-item { width: 100%; }

    #event-table .event-item .event-box { padding: 0 10px; }
    #media-table .media-item .media-box { padding: 20px 0; }

    #album .backbtn,
    #event .backbtn, 
    #media .backbtn { margin: 20px auto 40px; max-width: none; width: 100%; }
    #p5 .panel-group .panel .msg-title:before{
        height:51px;
    }
}