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

.owl-carouseldesktop item {width:50%; height:100vh}
.owl-carouselmobile item {width:100%; height:100vh}
.abscenter {position:absolute; left:0; top:0; width:100%; height:100vh; z-index:999}
.anescape {background-color:#33424e;}
.anescape h2 {color:#39c1d0; line-height:normal; margin-bottom:30px}
.anescape p {color:#ffffff; line-height:normal}

.amenities02, .amenities03, .amenities05, .amenities06, .amenities07, .amenities08, .amenities09, .amenities10, .amenities11, .amenities12, .amenities13, .amenities14, .amenities15, .amenities16 {width:50%; height:100vh; float:left; position:relative}
.amenities01, .amenities04, .amenitiesmobile01, .amenitiesmobile02, .amenitiesmobile03, .amenitiesmobile04, .amenitiesmobile05, .amenitiesmobile06, .amenitiesmobile07, .amenitiesmobile08, .amenitiesmobile09, .amenitiesmobile10, .amenitiesmobile11, .amenitiesmobile12, .amenitiesmobile13, .amenitiesmobile14, .amenitiesmobile15, .amenitiesmobile16 {width:100%; height:100vh; float:left; position:relative}
.amenitytxt {position:absolute; bottom:30px; right:30px; text-align:center; color:#000000; display:inline-block; background:rgba(255, 255, 255, 0.8); z-index:60; white-space:nowrap; text-transform:uppercase}

.amenities01, .amenitiesmobile01 {background:url(../images/amenities/amenities-01.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities02, .amenitiesmobile02 {background:url(../images/amenities/amenities-02.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities03, .amenitiesmobile03 {background:url(../images/amenities/amenities-03.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities04, .amenitiesmobile04 {background:url(../images/amenities/amenities-04.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities05, .amenitiesmobile05 {background:url(../images/amenities/amenities-05.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities06, .amenitiesmobile06 {background:url(../images/amenities/amenities-06.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities07, .amenitiesmobile07 {background:url(../images/amenities/amenities-07.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities08, .amenitiesmobile08 {background:url(../images/amenities/amenities-08.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities09, .amenitiesmobile09 {background:url(../images/amenities/amenities-09.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities10, .amenitiesmobile10 {background:url(../images/amenities/amenities-10.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities11, .amenitiesmobile11 {background:url(../images/amenities/amenities-11.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities12, .amenitiesmobile12 {background:url(../images/amenities/amenities-12.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities13, .amenitiesmobile13 {background:url(../images/amenities/amenities-13.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities14, .amenitiesmobile14 {background:url(../images/amenities/amenities-14.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities15, .amenitiesmobile15 {background:url(../images/amenities/amenities-15.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.amenities16, .amenitiesmobile16 {background:url(../images/amenities/amenities-16.jpg) no-repeat bottom center; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.amenities01, .amenities02, .amenities03, .amenities04, .amenities05, .amenities06, .amenities07, .amenities08, .amenities09, .amenities10, .amenities11, .amenities12, .amenities13, .amenities14, .amenities15, .amenities16, .amenitiesmobile01, .amenitiesmobile02, .amenitiesmobile03, .amenitiesmobile04, .amenitiesmobile05, .amenitiesmobile06, .amenitiesmobile07, .amenitiesmobile08, .amenitiesmobile09, .amenitiesmobile10, .amenitiesmobile11, .amenitiesmobile12, .amenitiesmobile13, .amenitiesmobile14, .amenitiesmobile15, .amenitiesmobile16 {background-size: cover;}


@media screen and (min-width: 300px) {
.amenitytxt {padding:2px 10px; font-size:9pt; font-weight:bold; line-height:normal}
.owl-carouseldesktop {display:none !important}
.owl-carouselmobile {display:block !important; position:relative; z-index:99}
.anescape {padding:10px 10px;}
.anescape h2 {font-size:10pt; margin-bottom:10px}
.anescape p {font-size:9pt}
.amenities01 {background-position: bottom 0% left 0%}
}

@media screen and (min-width: 1024px) {
.amenitytxt {padding:10px 20px; font-size:10pt; font-weight:bold; line-height:normal}
.owl-carouseldesktop {display:block !important; position:relative; z-index:99}
.owl-carouselmobile {display:none !important}
.anescape {padding:20px 30px;}
.anescape h2 {font-size:14pt; margin-bottom:30px}
.anescape p {font-size:11pt}
.amenities01 {background-position: bottom 20% left 0%}
}

@media screen and (min-width: 1400px) {
.anescape {padding:40px 50px;}
.amenities01 {background-position: bottom 20% left 0%}
}
