.gap5 {
    height: 120px;
}

.gapbanner77 {
    position: relative;
    height: 95px;
}

.gapbanner76 {
    position: relative;
    height: 95px;
}

.gapbanner {
    position: relative;
    height: 105px;
}

.gapbanner33 {
    position: relative;
    height: 125px;
}


.btnReserve a{
	width: 170px;
	font-family: 'Lato-Regular', 'Open Sans', sans-serif;
	letter-spacing: 0.08em;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
  background:#a78a38;
	margin: 20px auto 20px;
	display: block;
    border:2px solid #a78a38;
    outline: 1px solid #fff;
    outline-offset: -5px;
	padding: 15px;
    overflow: hidden;

}
.btnReserve a:hover {
	background:#a67b00;
}

.accomIcon {
	width:100%;
	text-align:center;
	padding:15px 0px 0px;
}

#coverHeader {
    position: fixed;
    width: 100%;
    height: 96px;
    background: #eadfc4;
    background-repeat: repeat-x;
    background: #a67b00;
    top: 0px;
    z-index: 9999;
}

#containerheaderRight {
    position: fixed;
    height: 0px;
    width: 100%;
    top: -20px;
    float: right;
    z-index: 998;
}

.topNav {
    position: relative;
    float: right;
    width: 400px;
    padding-right: 20px;
    z-index: 998;
}

.topNav li {
    text-transform: uppercase;
    font-family: 'Lato-Regular', 'Open Sans', sans-serif;
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 43px;
    letter-spacing: 1px;
    z-index: 998;
    font-size: 12px;
}

.topNav li a {
    color: #a67b00;
}

.topNav li a:hover, .topNav li a:active {
    color: #543f17;
}

.li bookBtn {
    font-family: 'Lato-Regular', 'Open Sans', sans-serif;
    position: fixed;
    width: 100px;
    height: 20px;
    text-decoration: none;
}

#containerheaderLeft {
    position: relative;
    width: 100%;
    height: 95px;
    text-align: center;
    float: none;
    z-index: 998;
}
.social {
    position: relative;
    overflow:hidden;
	width: 100%;
    margin-right:10px;
    z-index:9999;
}

.logotype, .logo {
    width: 100%;
}

.logotype img {
    position: relative;
    width: 190px;
    float: none;
    margin-top: 15px;
    margin-left: 15px;
}

.logo {
    display: none;
}

#coverNav {
    position: fixed;
    width: 100%;
    height: 30px;
    top: 96px;
    z-index: 998;
}

#coverNav2 {
    position: fixed;
    width: 100%;
    height: 30px;
    top: 85px;
    z-index: 998;
}

.navLine img {
    width: 100%;
    z-index: 998;
}

#gardientNav {
    background-size: contain;
    background-repeat: no-repeat;
}

#gardientNav, #gardientNav2 {
    position: relative;
    top: 115px;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    z-index: 2;
}

#gardientNav2 {
    display: none;
}

#gardientNav img, #gardientNav2 img {
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
}

#containerNav {
    width: 100%;
}

.mainNav {
    display: block;
}

.Nav {
    float: left;
    width: 100%;
    height: 30px;
}

.Navli1, .Navli2, .Navli3, .Navli4, .Navli5, .Navli6, .Navli7, .Navli8 {
    text-transform: uppercase;
    font-family: 'Lato-Regular', 'Open Sans', sans-serif;
    float: left;
    font-size: 10.5px;
    text-align: center;
    padding-top: 8px;
    margin-top: 1.5px;
    height: 18.5px;
    letter-spacing: 1px;
    background-color: #5b5e62;
    padding-left: .655%;
    padding-right: .655%;
}

.Navli1 {
    width: 12%;
}

.Navli2 {
    width: 8%;
}

.Navli3 {
    width: 10%;
}

.Navli4 {
    width: 14%;
}

.Navli5 {
    width: 8%;
}

.Navli6 {
    width: 8%;
}

.Navli7 {
    width: 8%;
}

.Navli8 {
    width: 10%;
}

.Navli1 a, .Navli2 a, .Navli3 a, .Navli4 a, .Navli5 a, .Navli6 a, .Navli7 a, .Navli8 a {
    color: #d9c294;
}

.Navli1 a:hover, .Navli2 a:hover, .Navli3 a:hover, .Navli4 a:hover, .Navli5 a:hover, .Navli6 a:hover, .Navli7 a:hover, .Navl8 a:hover, .Navli1 a:active, .Navli2 a:active, .Navli3 a:active, .Navli4 a:active, .Navli5 a:active, .Navli6 a:active, .Navli7 a:active, .Navl8 a:active {
    color: #ffffff;
    opacity: .9
}

.Nav li a {
    color: #d9c294;
}

.Nav li a:hover, .Nav li a:active {
    color: #fff;
    opacity: .9;
}

.lan2 {
    display: none;
}

.lan li {
    display: block;
    margin-top: 13px;
    float: right;
    text-align: right;
    margin-right: 7%;
    color: #d9c294;
    font-size: 11px;
}

#footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    height: 40px;
    background-color: #d9c294;
    color: #543f17;
    background-size: contain;
    background-repeat: no-repeat;
    font-family: 'Lato-Regular', 'Open Sans', sans-serif;
    font-size: 10px;
    text-align: center;
    white-space: pre-line;
}

#footer1 {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    bottom: 0px;
    line-height: 40px;
    height: 40px;
    background-color: #d9c294;
    color: #543f17;
    background-size: contain;
    background-repeat: no-repeat;
    font-family: 'Lato-Regular', 'Open Sans', sans-serif;
    font-size: 10px;
    z-index: 998;
}

#footer2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    height: 40px;
    background-color: #d9c294;
    color: #543f17;
    background-size: contain;
    background-repeat: no-repeat;
    font-family: 'Lato-Regular', 'Open Sans', sans-serif;
    font-size: 10px;
    display: none;
}

.footerL {
    float: left;
    width: 70%;
    padding-left: 5%;
    text-align: left;
    line-height: 40px;
}

.footerR{
    position: fixed;
	float:right;
	width:20%;
	text-align:right;
	padding-top:7px;
    right:37px;
	}
.footerR img {
    max-width: 30px;
    height: auto;
    min-width: 25px;
    padding:5px;
    width: 20%;

    cursor: pointer;
}

.link1 a {
    opacity: .6;
    cursor: pointer;
}

.link1 a:hover, .link1 a:hover {
    opacity: 1;
    cursor: pointer;
}

.basicBtn {
    border: none;
    position: relative;
    margin: 0 auto;
    width: auto;
    padding: 7px;
    text-align: center;
    font-family: lato;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 998;
}

.basicBtn img {
    width: 20px;
    padding-left: 7px;
    padding-right: 7px;
}

.basicBtn a {
    background: rgba(84, 63, 23, .5);
    padding: 7px;
    color: #ecd5a8;
}

.basicBtn a:hover {
    padding: 7px;
    background: rgba(84, 63, 23, 1);
    color: #ecd5a8;
}

.btnBooking {
    width: 100%;
    overflow: hidden;
    padding: 15px 30px;
    border: none;
    position: relative;
    text-align: center;
    font-family: Lato-Regular;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 2;
    margin:15px -30px;
    display: inline-table;
}
.btnBooking a{
    color: #ecd5a8;
    background:rgba(84,63,23,1);
    padding: 15px 30px;
    }

.btnBooking a:hover{
    color: #ecd5a8;
    background:rgba(84,63,23,.7);
    padding: 15px 30px;
    }

/* destop () ----------- */
@media only screen and (max-width : 1024px) {
    .topNav {
        position: relative;
        float: right;
        width: 300px;
        padding-right: 20px;
        z-index: 998;
    }

    .topNav li {
        text-transform: uppercase;
        font-family: 'Lato-Regular', 'Open Sans', sans-serif;
        float: left;
        width: 25%;
        text-align: center;
        margin-top: 43px;
        letter-spacing: 1px;
        z-index: 998;
        font-size: 10px;
    }

    .Navli1, .Navli2, .Navli3, .Navli4, .Navli5, .Navli6, .Navli7, .Navli8 {
        font-size: 9px;
    }

    .Navli1, .Navli2, .Navli3, .Navli4, .Navli5, .Navli6, .Navli7, .Navli8 {
        text-transform: uppercase;
        font-family: 'Lato-Regular', 'Open Sans', sans-serif;
        float: left;
        font-size: 10.5px;
        text-align: center;
        padding-top: 8px;
        margin-top: 1.5px;
        height: 18.5px;
        letter-spacing: 1px;
        background-color: #5b5e62;
        padding-left: .655%;
        padding-right: .655%;
    }

    #coverNav, #coverNav2 {
        position: fixed;
        width: 100%;
        height: 30px;
        top: 85px z-index:998;
    }


}

@media only screen and (max-width : 1024px) {
    .Navli1 {
        width: 14%;
    }

    .Navli2 {
        width: 9%;
    }

    .Navli3 {
        width: 11.5%;
    }

    .Navli4 {
        width: 17%;
    }

    .Navli5 {
        width: 7%;
    }

    .Navli6 {
        width: 9.5%;
    }

    .Navli7 {
        width: 9.5%;
    }

    .Navli8 {
        width: 12%;
    }
}

/* destop (test) ----------- */
@media only screen and (max-width : 790px) {
    .gap5 {
        height: 100px;
    }

    .mainNav {
        display: none;
    }

    .lan {
        display: none;
    }

    .lan2 {
        position: fixed;
        display: block;
        margin-top: 0px;
        padding-top: 0px;
        top: 0px;
        right: 0px;
        font-family: 'Lato-Regular', 'Open Sans', sans-serif;
        font-size: 11px;
    }

    .lan2 {
        margin-top: 5px;
        font-size: 11px;
        margin-right: 3%;
        top: 0px;
        color: #a67b00;
    }

    .lan2 a {
        color: #a67b00;
    }

    .lan2 a:hover, .topNav a:active {
        color: #543f17;
    }

    #containerheaderRight {
        position: relative;
        float: left;
        width: 100%;
        text-align: right;
        margin-top: 0px;
        padding-top: 0px;
        top: 0px;
        height: 16px;
        margin-right: 0%;
    }

    #containerheaderLeft {
        width: 100%;
        position: relative;
        text-align: center;
        margin: 0 auto;
        height: 85px;
    }

    .logo img {
        position: relative;
        width: 60px;
        float: none;
        margin-top: 20px;
        margin-left: 0%;
    }

    .logo {
        width: 100%;
        margin: 0 auto;
        position: relative;
        clear: both;
        display: block;
        padding-left: 0%;
        padding-right: 0%;
    }

    .logotype {
        display: none;
    }

    .logo img {
        position: relative;
        width: 180px;
        margin: 12px auto 0px;
        clear: both;
        text-align: center;
        float: none;
        display: block;
        z-index: 998;
    }

    .topNav {
        float: none;
        width: 100%;
    }

    .topNav li {
        text-transform: uppercase;
        font-family: 'Lato-Regular', 'Open Sans', sans-serif;
        font-size: 9px;
        float: left;
        width: 25%;
        text-align: center;
        margin-top: 43px;
        letter-spacing: 1px;
    }
}

@media only screen and (max-width : 768px) {

    /* Styles */
    #footer1 {
        position: relative;
    }

    .footerR img {
        margin-top: 0px;
    }

    .gapbanner {
        position: relative;
        height: 95px;
    }

    .gapbanner77 {
        position: relative;
        height: 95px;
    }

    .gapbanner76 {
        position: relative;
        height: 90px;
    }

    .gapbanner33 {
        position: relative;
        height: 115px;
    }
    .basicBtn1{
    	width:100%;
    	text-align:center;
    }
    .basicBtn1 img{
    	width:20px;
    	padding-left:7px;
    	padding-right:7px;

    }
    .basicBtn1 a{
    	background:rgba(84,63,23,.5);
    	padding:7px;

    	color: #ecd5a8;
    	}
    .basicBtn1 a:hover{
    	padding: 7px;
    	color: #ecd5a8;
    	background: rgba(84,63,23,1);
    	}
}

@media only screen and (max-width : 700px) {
    #footer2 {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        height: 40px;
        background-color: #d9c294;
        color: #543f17;
        background-size: contain;
        background-repeat: no-repeat;
        font-family: 'Lato-Regular', 'Open Sans', sans-serif;
        font-size: 10px;
    }

    .gapbanner77 {
        height: 95px;
    }

    .gapbanner33 {
        height: 115px;
    }
}

@media only screen and (max-width : 480px) {
    #coverNav, #coverNav2 {
        position: fixed;
        width: 100%;
        height: 30px;
        top: 85px;
        z-index: 998;
    }

    #footer, #footer2 {
        width: 100%;
        height: 90px;
        text-align: center;
        white-space: pre-line;
    }

    #footer span, #footer2 span {
        display: block;
        margin-top: 0px;
    }

    .footerL {
        float: left;
        width: 80%;
        padding-left: 10%;
        text-align: center;
        padding-top: 10px;
        line-height: 15px;
    }
    .footerR {
        position: fixed;
        bottom:-2px;
        width: 100%;
        text-align: center;
        background-color: #d9c294;
        padding-top: 2px;
        right:0px;
    }

    #footer1 {
        position: fixed;
        height: 90px;
    }

    #footer1 span {
        display: block;
        margin-top: 0px;
    }

    .logo {
        position: relative;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .logo img {
        position: relative;
        width: 45%;
        margin: 6px auto 0px;
        clear: both;
        text-align: center;
        float: none;
        display: block;
        z-index: 998;
    }

    #containerheaderRight {
        position: relative;
        float: left;
        width: 100%;
        text-align: right;
        margin-top: 0px;
        padding-top: 0px;
        top: 0px;
        margin-right: 0%;
    }

    #containerheaderLeft {
        top: 0px;
        width: 100%;
        position: relative;
        text-align: center;
        margin: 0 auto;
        height: 65px;
    }

    #coverHeader {
        height: 65px;
    }

    #coverNav, #coverNav2 {
        position: fixed;
        width: 100%;
        height: 30px;
        top: 65px;
        z-index: 998;
    }

    #gardientNav, #gardientNav2 {
        top: 95px;
    }

    .gapbanner {
        height: 65px;
    }

    .gapbanner77 {
        height: 65px;
    }

    .gapbanner76 {
        height: 65px;
    }

    .gapbanner33 {
        height: 115px;
    }
}

@media only screen and (max-width : 400px) {
    .logo img {
        position: relative;
        width: 50%;
        margin: 8px auto 0px;
    }
}

@media only screen and (max-width : 320px) {
    .gapbanner33 {
        height: 95px;
    }
}