/* 
    Created on : Oct 6, 2023, 10:16:42 AM
    Author     : Administrator / Ace Pedrido
*/

body{
    background-color:#1c551d !important;
    background-image: url(../images/greenbgd_grad.png);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -o-background-size: 100% auto !important;
}

/*CONTAINER*/
.containerWrapper{
    width:100%;
    max-width:1920px;
    margin:10px auto 0;
}
.content_body{
    background-color:#dedede !important;
    background-image: url(../images/contentbgd_grad.png);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -o-background-size: 100% auto !important;
    padding: 10px;
    margin:0 0 20px 0;
}
.containerWrapper-results{
    width:100%;
    max-width:1920px;
    margin:10px auto 0;
}
.content_body_results{
    width:94%;
    max-width:1200px;
    margin:10px auto 0;
    background-color:#fff !important;
    padding: 10px !important;
}
.results_text{
    width:94%;
    padding: 10px !important;
}
.inlineSet{
    display:inline-block;
    float:none !important;
}
.inlineSetTop{
    display:inline-block;
    float:none !important;
    vertical-align:top;
}
.inlineSetMid{
    display:inline-block;
    float:none !important;
    vertical-align: middle;
}
#reserveform_block{
    width:100%;
    max-width:1200px;
    margin:10px auto 0;
    background-color:#fff !important;
}
.dangerBorder{
    border-bottom:1px solid red !important;
}

/*GAPS*/
.margSet5{
    margin:5px !important;
}
.margRight5{
    margin-right:5px !important;
}
.noPadding{
    padding:0 !important; 
}
.padSet5{
    padding:5px !important;
}

/*INPUTS*/
input.leftline{
    padding:40px 5px !important;
    border:none !important;
    border-right:1px solid #ccc !important;
    box-shadow:none !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 1.5em !important;
    color:#000 !important;
    font-weight: 700;
}
input.leftbotline{
    padding:40px 5px !important;
    border:none !important;
    border-right:1px solid #ccc !important;
    border-bottom:1px solid #ccc !important;
    box-shadow:none !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 1.5em !important;
    color:#000 !important;
    font-weight: 700;
}
select.leftNum {
  appearance: none;
  /*  safari  */
  -webkit-appearance: none;
  /*  other styles for aesthetics */
  width: 100%;
  font-size: 1.5em;
  padding:30px 5px !important;
  border:none !important;
  border-right:1px solid #ccc !important;
  box-shadow:none !important;
  border-radius: 0 !important;
  font-size: 1.5em !important;
  color:#000 !important;
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right transparent !important;
  background-position-x: 180px !important;
  font-weight: 700;
}
button.btn_rates {
    padding:30px auto 30px auto !important;
    width:100% !important;
    border:none !important;
    height:60px;
    margin:10% auto;
    font-size: 1.2em !important;
    font-weight:700;
}
button.btn_book {
    padding:30px auto 30px auto !important;
    width:100% !important;
    border:none !important;
    height:60px;
    margin:5% auto;
    font-size: 1.2em !important;
    font-weight:700;
}

/*SEARCH PANEL*/
.search_blocksA{
    width:40%;
    float:left;
}
.search_blocksB{
    width:60%;
    float:left;
}
.checkdatesSet{
    width:50%;
    float:left;
    padding:5px;
}
.paxSet{
    width:30%;
    float:left;
    padding:5px;
}
.chkrate_btn{
    width:40%;
    float:left;
    padding:5px;
}
.booknow_btn{
    width:100%;
    float:none;
    padding:5px;
}
.payment_btn{
    width:100%;
    float:left;
    padding:5px;
}



/*HEADER*/
#topheader{
    width:100%;
}
#topheader h1{
    margin:12px 0 0;
    font-family: 'Maven Pro', sans-serif;
    font-size:2.5em;
    font-weight: bold;
}
.headTitle{
    color: #39B314;
    font-size:1.8em;
    margin:0 0 5px;
}
.headPar{
    font-size:1.2em;
    line-height: 20px;
}
.textPar{
    font-size:1.1em;
    line-height: 20px;
}
.textMid{
    font-size:1.1em;
}
.textMid5{
    font-size:1.4em;
}
.textBig{
    font-size:1.8em;
}
.absoluteMenu{
    position: fixed;
    top:8px;
    right:8px;
    z-index: 888;
}
.heightMax200{
    min-height:180px !important;
}
#menuMobile{
    display: none !important;
}
.btn-burger{
    padding:50px 10px 0 0 !important;
    color:#042609 !important;
    background: transparent !important;
    font-size: 1.5em !important;
}

/*NAVIGATION*/
.rightSideMenuN ul{
    list-style-type: none;
    margin: 0;
}
.rightSideMenuN ul li{
    display: inline-block;
}
.rightSideMenuN ul li a{
    font-family: 'Montserrat', sans-serif;
    display: block;
    width:100%;
    padding:30px 10px;
    color:#e1e1e1;
    font-size: .95em;
    text-decoration: none;

}
.rightSideMenuN ul li a:hover{
    background-color: #39B314;
    color:#fff;
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

/*MOBILE MENU BIG FONT*/
li a.mobileMenuFont{
    font-size: 1.2em !important;
    border-bottom: 1px #e1e1e1 solid;
    padding:20px !important;
}

/*MAP*/
.map-responsive-partial{
    overflow:hidden;
    padding-bottom:20.25%;
    position:relative;
    height:0;
}

.map-responsive-partial iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.map-responsive-contact{
    overflow:hidden;
    padding-bottom:30.25%;
    position:relative;
    height:0;
}

.map-responsive-contact iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*FOOTER*/
#footerWrapper{
    padding:30px 0 10px;
    color:#fff;
    text-align: center;
}
.footTitle{
    font-size:1.5em;
}
#footerWrapper ul{
    list-style-type: none;
    padding: 0 0 0 10px;
}
#footerWrapper ul li.soloText{
    font-size:1.1em;
    display: block;
    padding:5px 10px;
}
#footerWrapper ul li a{
    font-size:1.1em;
    display: block;
    color: #fff;
    text-decoration: none;
    padding:2px 0;
}
#footerWrapper ul li a:hover{
    color:#33CC33;
}

/*------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;
}

/*------RESPONSIVENESS------*/
@media screen and (max-width:1368px){
    select.leftNum{
        background-position-x: 170px !important;
    }
}
@media screen and (max-width:1024px){
    select.leftNum{
        background-position-x: 140px !important;
    }
}
@media screen and (max-width:980px){
    #menuDefault{
        display: none !important;
    }
    #menuMobile{
        display: inline-block !important;
    }
    .content_body{
        margin-top:40px;
    }
    #reserveform_block{
        width:100%;
        max-width:800px !important;
    }
    select.leftNum{
        background-position-x: 110px !important;
    }
    input.leftline{
        padding:30px 5px !important;
    }
    select.leftNum {
        padding:20px 5px !important;
    }
}
@media screen and (max-width:900px){
    
}
@media screen and (max-width:800px){
    button.btn_rates{
        margin:auto;
    }
    .search_blocksA{
        width:100%;
        float:left;
    }
    .search_blocksB{
        width:100%;
        float:left;
    }
    #reserveform_block{
        width:100%;
        max-width:600px !important;
    }
    .paxSet{
        width:50%;
        float:left;
        padding:5px;
    }
    .chkrate_btn{
        width:100%;
        float:left;
        padding:5px;
    }
    select.leftNum{
        background-position-x: 210px !important;
    }
    #jssor_1{
        width:720px !important;
    }
}
@media screen and (max-width:640px){
    select.leftNum{
        background-position-x: 120px !important;
    }
    input.leftline{
        padding:20px 5px !important;
        font-size: 1.2em !important;
    }
    select.leftNum {
        padding:10px 5px !important;
        font-size: 1.2em !important;
    }
	.headTitle{
		font-size:1.5em;
	}
	.headPar{
		font-size:1em;
	}
}
@media screen and (max-width:600px){
    input.leftline{
        font-size: 1.55em !important;
    }
    input.leftbotline{
        font-size: 1.4em !important;
    }
    select.leftNum {
        font-size: 1.55em !important;
    }
}
@media screen and (max-width:480px){

}
@media screen and (max-width:360px){
    #jssor_1{
        width:340px !important;
    }
    .mobilePad{
        padding:5px !important;
    }
	
}
@media screen and (max-width:320px){

}


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