*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.clear{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}
/* Menu Appearance */

ul.rooms_t{
  position:absolute;
  width:100%;
  top:86px;
  left:59px;
  clear:both;
  display:block;
  height:100%;
  margin:0;
  z-index:0;
  padding:0;
  
}

ul.rooms_t p.txt01{
  position:absolute;
  top:0px;
  left:0px;
  clear:both;
}

ul.rooms_t p.txt02{
  position:absolute;
  top:126px;
  left:0px;
  clear:both;
}

ul.rooms_t .line{
   position:absolute;
  top:241px;
  width:924px;
  border-bottom:1px solid #9c9b9a;
  clear:both;
  display:block;
  height:0;
}

header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0;
  z-index: 150;
}
@media (min-width: 48em) {
  header {
  }
}


header nav ul {
	z-index:333;
	position:absolute;
	top:480px;
    left:150px;
	margin:0;
	padding:0;
	width:1200px;
	list-style-type: none;
	text-align: right;
}


.header nav ul li a{color:#444;}
.header nav ul li a:hover{color:#444;}
.header nav ul li a:active{color:#444;}
.header nav ul li a:hover{color:#444;}
.header nav ul li a:link{color:#444;}
.header nav ul li a:visited{color:#444;}

header nav ul li {
  width:250px;
  height:180px;
  float:right;
  display: inline-block;
  padding: 0;
  padding-right:1.2em;
  margin:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8  */
  filter:alpha(opacity=50);    /* ie5-7  */
  opacity: 1;    /* css standard, currently it works in most modern browsers  */
  -ms-filter: alpha(opacity=100);

  margin-right: 1.2em;
  text-transform: uppercase;
  cursor: pointer;

}
@media (min-width: 48em) {
  header nav ul li {
    font-size: 1.5em;
    padding: 0em;
    margin-right: 1.2em;
  }
}
header nav ul li.active {

 width:250px;
  color: #fff;
}

header nav ul li.img04 {
   padding: 0em;
    margin-right: 1.2em;
}


header nav ul li:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8  */
  filter:alpha(opacity=100);    /* ie5-7  */
  opacity: 1;    /* css standard, currently it works in most modern browsers  */
  -ms-filter: alpha(opacity=100)

}
header nav.in-action ul li {
  width:250px;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

section {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}
@media (min-width: 48em) {
  section {

  }
}
section .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;

}
@media (min-width: 48em) {
  section .content {
    width: 40%;
  }
}
section .content .inner {
  display: none;
}
section .content .inner.active {
  display: block;
  -webkit-animation: showTextBlock 1s;
          animation: showTextBlock 1s;
}
section .content .inner h1 {
  font-size: 2em;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-family: decade, sans-serif;
}
section .content .inner p {

}
section .backgrounds .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-repeat:no-repeat;
	   
  background-size: cover;
   background-position:center center;
  -webkit-transition: 1s;
          transition: 1s;
  will-change: transform;
  z-index: 60;
}
section .backgrounds .bg.img01 {
  background-image: url("../images/special/special_bg01.jpg");
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
section .backgrounds .bg.img02 {
  background-image: url("../images/special/special_bg02.jpg");
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
section .backgrounds .bg.img03 {
  background-image: url("../images/special/special_bg03.jpg");
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
section .backgrounds .bg.img04 {
  background-image: url("../images/special/special_bg04.jpg");
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}


section .backgrounds .bg.active {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 70;
}
section .backgrounds .bg.fast {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

@-webkit-keyframes showTextBlock {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes showTextBlock {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}