/* Style sheet */


.img-shadow
{
	position: relative;
	border: 1px solid #efefef;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
.img-shadow:before,
.img-shadow:after {
	content: '';
	z-index: -1;
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 70%;
	max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
	max-height: 100px;
	height: 55%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 10px 7px rgba(0, 0, 0, 0.4);
	box-shadow: 0 10px 7px rgba(0, 0, 0, 0.4);
	-webkit-transform: skew(-15deg) rotate(-6deg);
	-moz-transform: skew(-15deg) rotate(-6deg);
	-ms-transform: skew(-15deg) rotate(-6deg);
	-o-transform: skew(-15deg) rotate(-6deg);
	transform: skew(-15deg) rotate(-6deg); 
}


.img-shadow:after {
	left: auto;
	right: 10px;
	-webkit-transform: skew(15deg) rotate(6deg);
	-moz-transform: skew(15deg) rotate(6deg);
	-ms-transform: skew(15deg) rotate(6deg);
	-o-transform: skew(15deg) rotate(6deg);
	transform: skew(15deg) rotate(6deg); 
}



/* ======== Slider ======= */
@import url(http://fonts.googleapis.com/css?family=Signika+Negative);
@import url(http://fonts.googleapis.com/css?family=Questrial);

.caption-bg, .captionBlack
{
    font-family: 'Signika Negative', sans-serif;
    font-family: 'Questrial', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}
.caption-bg
{
    width: 700px;
    margin: 0 auto;
    padding: 8px 15px;
    background-color: rgba(34, 54, 66, 0.53);
}
.captionBlack
{
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.4);
}
a.caption-bg, A.caption-bg:active, A.caption-bg:visited
{
    color: #ffffff;
    text-decoration: none;
}
a.caption-bg:hover
{
    color: #eb5100;
    text-decoration: underline;
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.7);
}
.bricon
{
    background: url(../img/browser-icons.png);
}

/* jssor slider bullet navigator skin 01 css */
/*
            .jssorb01 div           (normal)
            .jssorb01 div:hover     (normal mouseover)
            .jssorb01 .av           (active)
            .jssorb01 .av:hover     (active mouseover)
            .jssorb01 .dn           (mousedown)
            */
.jssorb01
{
    position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{
    position: absolute; /* size of bullet elment */
    width: 12px;
    height: 12px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #000 1px solid;
}
.jssorb01 div
{
    background-color: gray;
}
.jssorb01 div:hover, .jssorb01 .av:hover
{
    background-color: #d3d3d3;
}
.jssorb01 .av
{
    background-color: #fff;
}
.jssorb01 .dn, .jssorb01 .dn:hover
{
    background-color: #555555;
}


/* jssor slider arrow navigator skin 05 css */
/*
            .jssora05l                  (normal)
            .jssora05r                  (normal)
            .jssora05l:hover            (normal mouseover)
            .jssora05r:hover            (normal mouseover)
            .jssora05l.jssora05ldn      (mousedown)
            .jssora05r.jssora05rdn      (mousedown)
            */
.jssora05l, .jssora05r
{
    display: block;
    position: absolute; /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../img/a17.png) no-repeat;
    overflow: hidden;
}
.jssora05l
{
    background-position: -10px -40px;
}
.jssora05r
{
    background-position: -70px -40px;
}
.jssora05l:hover
{
    background-position: -130px -40px;
}
.jssora05r:hover
{
    background-position: -190px -40px;
}
.jssora05l.jssora05ldn
{
    background-position: -250px -40px;
}
.jssora05r.jssora05rdn
{
    background-position: -310px -40px;
}


/* ======== Main Packeges ======= */
.main-packeges
{
}

/* Label */
/*
[class*="label-"] {
 
}

[class*="label-"]:hover {
 
}
*/
.label-shape
{
    color: #ffffff;
    font-size: 110px;
}

.label-shape:hover
{
    color: #ffffff;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

/* Shapes */

[class*="shape-"] {
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  margin: 1px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility:         hidden;
}

[class*="shape-"] > * {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto !important;
}

[class*="shape-"] > i {
  width: 1em;
  height: 1em;
 
}

.aquablue{
	background:rgba(0, 0, 0, 0.5);
}
.facility-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  pointer-events: none;
  font-size: 40px;
  z-index: 1;
}
.text-white{
	color:#fff;
	text-shadow:none;
}
.shape-square {

}

.shape-round {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.shape-elipse {
   border-radius: 50%/20%;
}

.shape-square-200 {
  padding-top: 200%;
}

.shape-square-50 {
  padding-top: 50%;
}

.shape-square-20 {
  padding-top: 20%;
}

.shape-square-25 {
  padding-top: 25%;
}

.shape-square-40 {
  padding-top: 40%;
}

.shape-square-60 {
  padding-top: 60%;
}

.shape-square-80 {
  padding-top: 80%;
}


/* Facilities*/

.facilities-items {
  padding-top: 140px;
}

.facilities-items li {
	list-style-type:none;
  margin-top: -10%;
  -webkit-transform:  scale(0.5);
  -moz-transform:     scale(0.5);
  -ms-transform:      scale(0.5);
  transform:          scale(0.5);
}

.facilities-items li:first-child {
  margin-left: 12.5%;
}

.facilities-items li:nth-child(8n) {
  margin-left: 12.5%;
}

.facility-item {
  padding: 12%;
}

.facility-item > div {
  -webkit-transform:  rotate(45deg) scale(2);
  -moz-transform:     rotate(45deg) scale(2);
  -ms-transform:      rotate(45deg) scale(2);
  transform:          rotate(45deg) scale(2);
  overflow: hidden;
}

.facility-item > div figure {
  -webkit-transform:  rotate(-45deg);
  -moz-transform:     rotate(-45deg);
  -ms-transform:      rotate(-45deg);
  transform:          rotate(-45deg);
  margin: -21% !important;  
  -webkit-backface-visibility:  hidden;
  -moz-backface-visibility:     hidden;
  backface-visibility:          hidden;
}

.facility-item > div figure img {
  opacity: 0.3;
  -webkit-transition:   all 0.2s ease;
  -moz-transition:      all 0.2s ease;
  -ms-transition:       all 0.2s ease;
  transition:           all 0.2s ease;
}

.facility-item > div figure:hover img {
  opacity: 0.99;
  -webkit-transform:  scale(1.1);
  -moz-transform:     scale(1.1);
  transform:          scale(1.1);
}

.facility-item > div figcaption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.facility-item > div figcaption div {
  padding-top: 50.5%;
  -webkit-transition:   all 0.3s ease;
  -moz-transition:      all 0.3s ease;
  -ms-transition:       all 0.3s ease;
  transition:           all 0.3s ease;
  -webkit-backface-visibility:  hidden;
  -moz-backface-visibility:     hidden;
  backface-visibility:          hidden;
}

.facility-item > div figcaption div span {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  padding: 9px 0;
  -webkit-transition:   color 2s ease, text-shadow 1s ease;
  -moz-transition:      color 2s ease, text-shadow 1s ease;
  -ms-transition:       color 2s ease, text-shadow 1s ease;
  transition:           color 2s ease, text-shadow 1s ease;
  color: transparent;
  text-shadow: 0 0 50px white;
}

.hover-top {
  -webkit-transform:  translate3d(100%, -100%, 0);
  -moz-transform:     translate3d(100%, -100%, 0);
  -ms-transform:      translate3d(100%, -100%, 0);
  transform:          translate3d(100%, -100%, 0);
}

.hover-top span {
  bottom: 0;
}

.hover-bottom {
  -webkit-transform:  translate3d(-100%, 100%, 0);
  -moz-transform:     translate3d(-100%, 100%, 0);
  -ms-transform:      translate3d(-100%, 100%, 0);
  transform:          translate3d(-100%, 100%, 0);
}

.hover-bottom span {
  top: 0;
}

.facility-item > div figcaption:hover div {
  -webkit-transform:  translate3d(0, 0, 0);
  -moz-transform:     translate3d(0, 0, 0);
  -ms-transform:      translate3d(0, 0, 0);
  transform:          translate3d(0, 0, 0);
}

.facility-item > div figcaption:hover div span {
  color: white;
  text-shadow: none;
}

.facility-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform:  translate3d(0, -50%, 0);
  -moz-transform:     translate3d(0, -50%, 0);
  -ms-transform:      translate3d(0, -50%, 0);
  transform:          translate3d(0, -50%, 0);
  pointer-events: none;
  font-size: 40px;
  z-index: 1;
}

.facility-item > div:hover + span {
  display: none;
}