/* 
    Created on : Oct 6, 2017, 6:49:26 PM
    Author     : Ace Pedrido
*/

body{
    font-family: 'Josefin Sans', sans-serif !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p{
    margin:0 !important;
}
.ubuntuFont{
    font-family: 'Ubuntu', sans-serif !important;
}
.coverSlider{
    background-color: #006633 !important;
}
.headBarTop{
    background-color:rgba(0,0,0,0.7) !important;
    color:#fff;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 888;
    /*box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    border-bottom:3px solid #006633;*/
}
.headTopMargin{
    width:100%;
    height:53px;
}
.titleTop{
    font-size:1.8em;
}
#menuMobile{
    display: none !important;
}
.headTitle{
    font-size:2.1em;
    font-family: 'Poppins', sans-serif;
}
.headBlack{
    background-color: #4D4D4D !important;
    color:#fff !important;
    height:90px;
}
.headWhite{
    background-color: #fff !important;
    color:#333 !important;
    height:45px;
}
.mapShadow{
	-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
}

/*--------------RESERVATION------------------*/
#reserveSet input, #reserveSet select{
    border:none !important;
    background: transparent;
    border-bottom: 1px solid #000 !important;
    color:#006633;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size:1em;
    font-family: arial, sans-serif;
}
#reserveSet input.secureSet{
    border:none !important;
    background: #eee;
    border-bottom: 1px solid #000 !important;
    color:#999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size:1em;
    font-family: arial, sans-serif;
}
#reserveSet input.totalamt{
    border:none !important;
    background: transparent;
    border-bottom: 1px solid #000 !important;
    color:#006633;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size:2.5em;
    font-family: arial, sans-serif;
}
.checkInOutBar{
    background-color: #006633 !important;
    color:#fff !important;
    padding:5px;
}
.dangerBorder{
    border-bottom: 1px solid #ff0000 !important;
    color:red !important;
    background-color: #FFDDED !important;
}


.bottomBar{
    border-bottom: 10px solid #39B314;
}
.midBar{
    border-bottom: 1px solid #333;
}
b.shuttleTitle{
    color:#39B314;
    font-weight: 700;
    font-size:2.4em;
    font-family: arial, sans-serif;
}
p.shuttleText{
    font-size:1.5em;
}
.text_shadow{
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}
.absoluteMenu{
    position: absolute;
    top:5px;
    right:5px;
    z-index: 888;
}


.headWhite p{
    padding:5px;
    font-family: arial, sans-serif !important;
}
.headDarkGreen{
    background-color: #EEF5E2 !important;
    color:#333 !important;
    padding:10px 0;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	border-bottom:3px solid #006633;
}
.welcomeInfo{
    width:98%;
    max-width:1200px;
    margin: 0 auto;
}
.welcomeInfo h3{
    color:#66AA00;
    padding:5px 0;
}
.welcomeInfo p{
    font-size:1.2em;
    font-family: arial, sans-serif !important;
    text-align: justify;
    padding:5px 5px 5px 0;
}
.comfortaa{
    font-family: 'Comfortaa', cursive;
}

.backpackPanel{
    background-color: #fff;
    background-image: url(../images/backpackers.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    border-bottom: 3px solid #2A6600;
    background-size: 200px;
}
.backpackPanel h3{
    font-family: 'Josefin Sans', sans-serif !important;
    font-weight: 700;
    font-size:2.2em;
    text-align: center;
    padding:20px 0 20px;
}
.backpackPanel p{
    font-family: sans-serif !important;
    font-size:1.4em;
    text-align: center;
    padding:10px 0 50px;
}

.greenBackpackFoot{
    background-color: #eee;
}
.greenBackpackFoot h3{
    font-family: 'Josefin Sans', sans-serif !important;
    font-weight: 700;
    font-size:2.2em;
    text-align: center;
    padding:20px 0 10px;
}
ul#facilitiesSet{
    width:98%;
    max-width:1200px;
    margin:0 auto;
    text-align: center;
    padding:0 0 20px 0;
}
ul#facilitiesSet li{
    display: inline-block !important;
    padding:10px 20px;
    font-family: sans-serif !important;
    font-size:1em;
}

.hotelPhoto{
    width:98%;
    max-width: 1200px;
    margin: 0 auto;
}

.greenBar{
   background-color: #009933 !important;
   padding:0 0 10px;
   margin:5px 0;
   
}
.greenBar h2{
    padding:10px 0 5px;
    font-size:1.8em;
    font-weight: normal;
    color:#fff;
}
.limeText{
    color:#C4FA14 !important;
}
.militaryText{
    color:#66AA00 !important;
}
.greenBar h3{
    padding:10px 0 5px;
    font-size:1.5em;
    font-weight: normal;
    color:#fff;
}
.greenBar b{
    font-size:1.7em;
}
.whitePanelIntro{
    width:100%;
    background-color: #fff !important;
    color:#333;
    padding:10px;
}
.whitePanelIntro h2{
    color:#009933;
    font-size:1.3em;
    padding:0 0 10px;
}
.darkgreenBar{
   background-color: #00744F !important;
   padding:15px 0 15px;
   color:#fff;
   margin:20px 0 0;
}
.darkgreenBar h3{
    font-size:2em;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    padding:0 0 15px;
}
.panelTab{
    padding:20px 10px;
}
.panelTab a{
    display: block;
    color: #000 !important;
    text-decoration: none !important;
    padding:20px 0;
    border-bottom:3px solid #fff;
}
.panelTab a:hover{
    background-color: #eee;
    border-bottom:3px solid #5CC54F;
}
.shuttleText h3{
    color:#009933;
    font-family: sans-serif;
    font-weight: 900;
    font-size: 3.2em;
    padding:25px 0 10px;
}
.shuttleText p{
    font-size: 2em;
    font-family: 'Poppins', sans-serif;
}
.rightSideMenu ul{
    list-style-type: none;
    margin: 10px 0 0;
}
.rightSideMenu ul li{
    display: inline-block;
}
.rightSideMenu ul li a{
    font-family: arial,sans-serif;
    display: block;
    width:100%;
    padding:10px;
    color:#fff;
    font-size: .85em;
    text-decoration: none;
}
.rightSideMenu ul li a:hover{
    background-color: #006633;
}
h2.roomrates{
    font-family: 'Lemon', cursive;
    font-size: 2em;
    color:#10903D;
}
.btn-roomRates{
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:1px solid #fff !important;
    padding:10px 25px !important;
    color:#fff;
    background-color: green !important;
    font-size: 1.5em !important;
    font-family: 'Comfortaa', cursive;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    margin:5px 5px 10px;
}
.btn-roomRates:hover{
    background-color:#3e8f3e !important;
}

.btn-roomStatic{
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:2px solid #fff !important;
    padding:5px 15px !important;
    color:#fff !important;
    background: transparent !important;
    font-size: 1.2em !important;
    font-family: arial, sans-serif !important;
    margin:5px 5px 10px;
}
.btn-roomStatic:hover{
    background-color:#39B314 !important;
    color:#fff !important;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
    border:2px solid #fff !important;
    box-shadow: 2px 3px 10px -3px rgba(0, 0, 0, 1);
}
.btnBackpackerHolder{
    position:absolute;
    width:100%;
    bottom:15%;
}
.btn-roomRatesSlide{
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:2px solid #eee !important;
    padding:5px 25px !important;
    color:#fff !important;
    background: #006633 !important;
    font-size: 1.5em !important;
    font-family: arial, sans-serif !important;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    margin:5px 5px 10px;
}
.btn-roomRatesSlide:hover{
    background-color:#009933 !important;
    color:#fff !important;
    border:2px solid #fff !important;
}

.btn-roomRatesSlideBN{
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:2px solid transparent !important;
    padding:5px 25px !important;
    color:#fff !important;
    background: #006633 !important;
    font-size: 1.5em !important;
    font-family: arial, sans-serif !important;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    margin:5px 5px 10px;
}
.btn-roomRatesSlideBN:hover{
    background-color:#009933 !important;
    color:#fff !important;
    border:2px solid #fff !important;
}
#scrollToTop button.btn-roomRatesSlide{
	-webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:2px solid #eee !important;
    padding:5px 35px 5px 25px !important;
    color:#fff !important;
    background: #006633 !important;
    font-size: 1.7em !important;
    font-family: arial, sans-serif !important;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    margin:5px 5px 10px;
}
#scrollToTop button.btn-roomRatesSlide:hover{
    background-color:#009933 !important;
    color:#fff !important;
    border:2px solid #fff !important;
}

.btn-roomRatesSlideG{
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:2px solid #00744F !important;
    padding:5px 45px !important;
    color:#00744F !important;
    background: transparent !important;
    font-size: 1.5em !important;
    font-family: arial, sans-serif !important;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    margin:5px 5px 10px;
}
.btn-roomRatesSlideG:hover{
    background-color:#00744F !important;
    color:#fff !important;
    border:2px solid #000 !important;
}

.btn-roomRatesSlideR{
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:2px solid #009933 !important;
    padding:5px 45px !important;
    color:#009933 !important;
    background: transparent !important;
    font-size: 1.5em !important;
    font-family: arial, sans-serif !important;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    margin:5px 5px 10px;
}
.btn-roomRatesSlideR:hover{
    background-color:#009933 !important;
    color:#fff !important;
    border:2px solid #000 !important;
}

.btn-roomBook{
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:2px solid #000 !important;
    padding:5px 15px !important;
    color:#000 !important;
    background: transparent !important;
    font-size: 1.2em !important;
    font-family: arial, sans-serif !important;
    box-shadow: 0 -1px 20px -4px rgba(0, 0, 0, 1);
    margin:5px 5px 10px;
}
.btn-roomBook:hover{
    background-color:#009933 !important;
    color:#fff !important;
    border:2px solid #fff !important;
}

.headerTop{
    width:100%;
    /*max-width:1200px;*/
    margin: 0 auto;
}
.bodyWrapper{
    width:100%;
    max-width: 1200px;
    margin: 0 auto;
    padding:0;
}
.bodyWrapper h1{
    font-family: 'Lemon', cursive;
    font-size: 2em;
}
.bodyWrapper p{
    font-family: 'Comfortaa', cursive;
    font-size:.95em;
}
.bodyWrapper h2{
    font-family: 'Kameron', serif;
    font-size:1.7em;
}

.bodyWrapperContent{
    width:100%;
    max-width: 1100px;
    margin: 0 auto;
    padding:5px;
}
.relativeBox{
    width:48% !important;
    float: none !important;
    display: inline-block !important;
    position:relative;
    padding:0 !important;
    margin:10px;
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.62);
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.62);
    font-family: 'Comfortaa', cursive;
    font-size:1.5em;
}
.absoluteBar{
    width:100%;
    padding:10px;
    position: absolute;
    top:0;
    left:0;
    color: #fff;
}
.privateBar{
    background-color: #EE2329;
}
.sharedBar{
    background-color: #10903D;
}
.airportColor{
    color:#EE2329;
}
.hotelmanilaColor{
    color:#10903D;
}
.centerMargin{
    width:100%;
    max-width: 480px;
    margin:10px auto !important;
}
.priceText{
    font-size: 1.8em;
}
.btn-grey{
    background-color: gray !important;
    color:#fff !important;
}
.tooltip > .tooltip-inner {
    max-width:300px;
    background-color: #D4E3F0;
    color: #1e1e1e;
    border: 1px solid #e1e1e1;
    padding: 4px;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: arial, sans-serif !important;
    
}

/*------INTRO SLIDER------*/
h2.wordStyle{
    font-size:3.4em; font-family: 'Poppins', sans-serif;
}
p.wordStyle{
    font-size:2.2em; font-family: 'Poppins', sans-serif;
}

.slideTextLeft{
    width: 1200px !important;
    position:absolute;top:15%;left:7%;width:100%;padding:10px;z-index:0;color:#000;text-shadow: rgb(240, 240, 240) -1px 0px 4px,-1px 1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff;text-align: left !important;
}
.slideTextLeft h2.wordStyle, .slideTextLeft p.wordStyle{
    text-align: left !important;
}
.slideTextRight{
    width: 1200px !important;
    position:absolute;top:15%;right:7%;width:100%;padding:10px;z-index:0;color:#000;text-shadow: rgb(240, 240, 240) -1px 0px 4px,-1px 1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff; text-align: right !important;
}
.slideTextRight h2.wordStyle, .slideTextRight p.wordStyle{
    text-align: right !important;
}
.setWidth700{
    width:800px;
    display: inline-block;
}
.breakLine{
    width:100%;
    height:20px;
}

h1.maintitleX{
    position:absolute;top:100px;left:0;width:100%;height:auto;font-size:4.5em;color:#ffffff;line-height:1.2;text-align:center;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
    font-family: 'Alegreya Sans SC', sans-serif;
}
h2.textWord{
    position:absolute;top:180px;left:0;width:100%;height:auto;margin:0 auto;font-size:1.5em;color:#99ff00;line-height:1.2;text-align:center;
}
.textWordCenter{
	width:80% !important;height:auto;margin:0 auto;
}


/*------SCROLL TO TOP-----*/
#scrollToTop{
	width:170px; 
	height:auto;
	padding:5px; 
	text-align:right; 
	background: transparent;
        font-size:.85em;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:30%;
	right:2%;
	display:none;
        z-index: 99999;
}
#scrollToTop:hover{
	text-decoration:none;
        color:#333;
}

/*----RATE & REVIEWS---------*/
.rateWrapper{
    width:100%;
    max-width:1000px;
    margin:10px auto;
}
.textInline{
    display: inline-block;
}

/*----CARVIEW TOP BUTTON----*/
a.orangeBack{
    display:inline-block;
    text-decoration: none !important;
    background-color: #FE6037;
    color:white;
    padding:3px;
    margin:2px;
    width:24%;
    line-height: 20px;
    text-align: center;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    vertical-align: top;
}
button.orangeBackB{
    display:inline-block;
    text-decoration: none !important;
    background-color: #FE6037;
    color:white;
    padding:3px;
    margin:2px;
    width:24%;
    line-height: 20px;
    text-align: center;
    border:none;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    vertical-align: top;
}
a.orangeBack:hover{
    color:white;
    background-color: #F33101 !important;
}
button.orangeBack{
    display:inline-block;
    text-decoration: none !important;
    background-color: #FE6037;
    color:white;
    border:none;
    padding:3px;
    width:100%;
    text-align: center;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
a.orangeBack small, button.orangeBack small, button.orangeBackB small{
    font-size: 1em;
}
a.orangeBack i.fa, button.orangeBack i.fa, button.orangeBackB i.fa{
    font-size: 1.7em;
    display: block;
}
a.orangeBack i.fa{
    line-height: 20px;
}
button.orangeBack:hover, button.orangeBackB:hover{
    background-color: #F33101 !important;
}
.dropdownSet{
    display:inline-block;
    width:24%;
    margin:2px;
    vertical-align: top;
}
#iShare .dropdown-menu{
    min-width:190px !important;
}


.table-height-responsive{
    width:100%;
    height:400px;
    overflow-x: hidden;
    overflow: auto;
}
.inlineHead{
    display: inline-block !important;
    float: none !important;
    margin:0 -4px 0 !important;
    vertical-align: middle !important;
}
.inlineBox{
    display: inline-block !important;
}
.noFloat{
    float: none !important;
}
.noBorderBtn{
    border:1px solid transparent !important;
    background: transparent !important;
}
.noBorderBtn:hover{
    border:1px solid #FE6037 !important;
    color:#FE6037 !important;
}
.text-white{
    color:#fff;
}
.text-red{
    color:red;
}
.text-green{
    color:green;
}
.margTop5{
    margin-top: 5px !important;
}
.margTopBot{
    margin: 5px 0 !important;
}
.margSet2{
    margin: 2px !important;
}
.margSet5{
    margin: 5px !important;
}
.padSet2{
    padding:2px !important;
}
.padSet5{
    padding:5px !important;
}
.padSet10{
    padding:10px !important;
}
.padSet510{
    padding:5px 10px !important;
}
.padSetTop5{
    padding:5px 0 0 !important;
}
.margBot{
    margin-bottom: 10px;
}
.noMargin{
    margin:0 !important;
}
.noPadding{
    padding:0 !important;
}
#noMargin{
    margin:0;
}
#noPadding{
    padding:0;
}
.noBorder{
    border:none !important;
}
ul.noPadList{
    list-style-type: none;
    padding:15px 5px;
}
.accountLog ul.list-inline li{
    padding:0;
}
.accountLog a{
    color:#FE6037;
    display: block;
    padding:5px;
}
.accountLog a:hover{
    background-color: #222;
    color:#fff;
    text-decoration: none;
}
.logoBox{
    padding:5px;
    width:200px;
}
h1.topTitle{
    font-size: 1.8em;
    color:#fff;
}
h2.tableTitle{
   font-size: 2em;
   color:#FE6037; 
   font-weight:bold;
}
h3.tableTitle{
   font-size: 1.5em;
   color:#FE6037; 
   font-weight:bold;
}
.listingBody{
    width:100%;
    max-width:1000px;
    margin:10px auto 0;
}
.listingBody .panel{
    border:1px solid #FE6037 !important;
}
.panel_orange > .panel-heading{
    background-color: #FE6037;
    color:#fff;
}
.smallFonts{
    font-size: .8em;
}
.midFonts{
    font-size: .85em;
}
.midBFonts{
    font-size: .95em;
}
.infoFonts{
    font-size: .8em;
    line-height: 20px;
}
.blueBack{
    background-color: #0071DB !important;
    color:#fff;
}
.orangeBack{
    background-color: #FE6037 !important;
    color:#fff;
}
.goldBack{
    background-color: gold !important;
    color:#000;
}
.bg-grey{
    background-color: #f1f1f1 !important;
}
.bg-lightgrey{
    background-color: #FCFCFC !important;
}
.bg-bluish{
    background-color: #D4E3F0 !important;
}
.border-red{
    border:1px solid darkred !important;
    background-color:#f2dede !important;
}

.rateBox{
    width:18%;
    display: inline-block;
    vertical-align: top;
    margin:2px;
    padding:5px 0 5px;
    font-size: .85em;
}
.rateBox h4{
    font-size: 1.8em;
}
.reviewScrollBox{
    width:100%;
    height:500px;
    overflow-x: hidden;
    overflow: auto;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.socialBtn{
    background-color: white;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -khtml-border-radius: 50px !important;
    border-radius: 50px !important;
    padding:2px !important;
    margin:5px !important;
}

/*------GALLERY-------------*/
.imageOverflow{
    width:100%;
    height:150px;
    margin: 0 auto 5px auto;
    background: #fff;
    overflow:hidden;
    text-align: center;
    position: relative;
}
.imageOverflow img{
    position:absolute;
    max-width:350px !important;
    bottom: -50%;
}
.imgFloat{
    display: inline-block;
    vertical-align: middle;
}
.imageBox img{
    display: inline-block;
    vertical-align: middle;
    margin:auto;
    position: relative;
}

.imageOverflowS{
    height:150px;
    margin: 0 auto 5px auto;
    background: #fff;
    overflow:hidden;
    text-align: center;
    position: relative;
}
.imageOverflowS img{
    position:absolute;
    max-width:250px !important;
    bottom: -5%;
}
.imgSFloat{
    display: inline-block;
    vertical-align: middle;
}


/*-------PHOTO PREVIEWS------*/
.galleryBar{
    width:100%;
    padding:10px 0;
    text-align: center;
    background:transparent !important;
    margin:0;
}
.galleryBar h3{
    margin:5px 0;
    color:#fff;   
}
.centralBar{
    text-align:center;
    background-image: url(../images/more-photos-bgd.jpg);
    background-repeat: repeat-x;
    background-position: center left;
}
.centralBar a.btnSet{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border:3px solid #fff;
    background-color: #BED120 !important;
    font-size:1.2em;
    padding:10px 25px;
    margin:10px auto;
    color:#000;
    font-weight:bold;
}
.centralBar a.btnSet:hover{
    border:3px solid #fff;
    background-color: #549014 !important;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    color:#fff;
}

/*------RIBBONSET-----------*/
.box {
  position: relative;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#195C03 0%, #368A18 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #368A18;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #368A18;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #368A18;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #368A18;
}

/*---------------FOR PAGINATION---------------*/
/*---------------NAVIGATE PAGE----*/
#paging_containerAcc .no_more{
    background:transparent;
    color: gray;
    cursor: default;
}

.page_navigationAcc a, .alt_page_navigation a{
	padding:0 4px 0 4px;
	margin:0 4px 0 4px;
	color:#202020;
	text-decoration:none;
	display:inline-block;
	background:transparent;
}
.info_textAcc{
    width:100%; font-size:.85em; height:20px; border-top:1px solid #ccc; margin:0; padding:5px 0 0 0;
}
.page_navigationAcc{
    font-size:1.2em; width:100%; height:20px; padding:5px 0 10px 0;
}

.alt_page_navigationAcc{
	padding:0;
	margin:0;
}

.active_page{
	background:transparent !important;
	color:#39B314 !important;
}	
.contentAcc, .alt_content{
	color: black;
}

.contentAcc li, .alt_content li, .contentAcc > p{
	padding:0;
        margin:0;
}


ul.contentAcc{
    list-style-type:none;
}

/*.panel_orange > .panel-body{
    border:1px solid #e1e1e1;
}*/

/*------FOOTER-------*/
.footer{
    background-color: #5CC54F;
    margin:30px 0 0;
    padding:20px 0;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
.footer ul{
    list-style-type: none;
    padding: 0;
}
.footer ul li.soloText{
    font-size:1.1em;
    display: block;
    padding:5px 10px;
}
.footer ul li a{
    display: block;
    color: #fff;
    text-decoration: none;
}
.footer ul li a:hover{
    color:#000;
}
.footer ul li a.social{
    display: inline-block;
    padding:5px 10px;
    color: #333;
    text-decoration: none;
}
.footer ul li a.social:hover{
    color:#EE2329;
}
.footer ul li a.social span{
    font-family: 'Comfortaa', cursive;
    font-size:1.5em;
}
.credits{
    color:#fff;
    font-size:.8em;
    text-align: center;
    padding:10px 0;
    margin:20px 0 0;
    background-color: #231F20;
}

.footerS ul{
    list-style-type: none;
    padding: 0;
}
.footerS ul li.soloText{
    font-size:1.1em;
    display: block;
    padding:5px 10px;
}
.footerS ul li a{
    display: block;
    color: #fff;
    text-decoration: none;
}
.footerS ul li a:hover{
    color:#000;
}
.footerS ul li a.social{
    display: inline-block;
    padding:5px 10px;
    color: #333;
    text-decoration: none;
}
.footerS ul li a.social:hover{
    color:#EE2329;
}
.footerS ul li a.social span{
    font-family: 'Comfortaa', cursive;
    font-size:1.5em;
}

/*------RESPONSIVENESS------*/
@media screen and (max-width:1024px){
    .backpackPanel{
        background-size: 150px;
    }
}
@media screen and (max-width:980px){
    .bodyWrapper h1{
        font-size:1.8em;
    }
    .relativeBox{
        width:46% !important;
        font-size:1.3em;
    }
}
@media screen and (max-width:900px){

}
@media screen and (max-width:800px){
    .relativeBox{
        font-size:1.1em;
    }
    .facilBox{
        float: none !important;
        display: inline-block !important;
        width:48% !important;
        vertical-align: top;
    }
    .headBlack{
        height:80px;
    }
    .headWhite{
        height:35px;
    }
    .setHide{
        display: none !important;
    }
    .footCenter{
        width:48% !important;
    }
    #menuDefault{
        display: none !important;
    }
    #menuMobile{
        display: inline-block !important;
    }
    
    .setToInline{
        display: inline-block !important;
        float:none !important;
    }
    .backpackPanel h3{
        font-size:1.8em;
        padding:10px 0 10px;
    }
    .backpackPanel{
        background-size: 120px;
    }
    h1.maintitleX{
        top:80px;
        font-size:5.5em;
    }
    h2.textWord{
        top:170px;
        font-size:1.8em;
    }
    .btn-roomRatesSlide{
        -webkit-border-radius: 30px !important;
        -moz-border-radius: 30px !important;
        border-radius: 30px !important;
        padding:5px 25px !important;
        font-size:2.5em !important;
    }
	.btn-roomRatesSlideBN{
        -webkit-border-radius: 30px !important;
        -moz-border-radius: 30px !important;
        border-radius: 30px !important;
        padding:5px 25px !important;
        font-size:2.5em !important;
    }
}
@media screen and (max-width:640px){
    .relativeBox{
        width:94% !important;
        font-size:1.3em;
        margin:10px auto;
    }
    .panelTab{
        width:48%;
        float: left;
    }
    .footCenter{
        float:none !important;
        font-size:1em;
        display: inline-block !important;
        vertical-align: top;
    }
    .footCenter h2{
        font-size:1.5em;
    }
    .setHide{
        display: none !important;
    }
    .headBlack{
        height:auto;
    }
    .imageOverflow img{
        max-width:320px !important;
        bottom: -20%;
    }
    .headBarTop h1{
        font-size:1.2em;
    }
    #slideDefault{
        display: none !important;
    }
    .backpackPanel h3{
        font-size:1.5em;
    }
    .backpackPanel p{
        font-size:1.2em;
        padding:10px 0 50px;
    }
    h1.maintitleX{
        top:50px;
        font-size:6.5em;
    }
    h2.textWord{
        top:170px;
        font-size:2.5em;
    }
    
}
@media screen and (max-width:600px){
    .btn-roomRatesSlide{
        -webkit-border-radius: 45px !important;
        -moz-border-radius: 45px !important;
        border-radius: 45px !important;
        padding:5px 45px !important;
        font-size:4.3em !important;
    }
	.btn-roomRatesSlideBN{
        -webkit-border-radius: 45px !important;
        -moz-border-radius: 45px !important;
        border-radius: 45px !important;
        padding:5px 45px !important;
        font-size:4.3em !important;
    }
}
@media screen and (max-width:480px){
    .bodyWrapper{
        text-align: center;
    }
    .bodyWrapper h1{
        font-size:1.8em;
    }
    h2.wordStyle{
        font-size:4.5em;;
    }
    p.wordStyle{
        font-size:3.5em;;
    }
    .btn-roomRatesSlide{
        font-size:3.5em !important;
    }
    .rightSideMenu ul li a{
        padding:10px;
    }
    .relativeBox{
        width:94% !important;
        margin:10px auto;
    }
    .greenBar h4{
        font-size:1.7em;
    }
    .panelTab h4{
        font-size:1em;
    }
    .shuttleText p{
        font-size: 1.5em;
    }
    .facilBox{
        width:98% !important;
    }
    .footCenter{
        text-align: center !important;
        width:100% !important;
    }
    .footCenter h2{
        font-size:1.8em;
    }
    .imageOverflow img{
        max-width:250px !important;
        bottom: -20%;
    }
    #scrollToTop{
        right:20px;
    }
    h1.maintitleX{
        top:30px;
        font-size:7.5em;
    }
    h2.textWord{
        top:160px;
        font-size:3em;
    }
    .btn-roomRatesSlide{
        -webkit-border-radius: 55px !important;
        -moz-border-radius: 55px !important;
        border-radius: 55px !important;
        padding:5px 55px !important;
		font-size:5em !important;
    }
	.btn-roomRatesSlideBN{
        -webkit-border-radius: 55px !important;
        -moz-border-radius: 55px !important;
        border-radius: 55px !important;
        padding:5px 55px !important;
		font-size:1.5em !important;
    }

}
@media screen and (max-width:360px){
    h2.textWord{
        top:160px;
        font-size:3.2em;
    }
}
@media screen and (max-width:320px){

}


/*-----MEDIA PRINT----*/
@media print {
    #printButton{
        display:none;
    }
    .dontInclude{
        display:none;
    }
}