/*GTP STYLES
by: jm*/

body,
html{
	overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Varela Round', sans-serif;sans-serif;
	font-weight: bold;
}
p{
	font-size: 14px;
	font-family: 'Oxygen', sans-serif;
}
span, a{
	font-family: 'Oxygen', sans-serif;
}

/***********
Positions
************/
/*Padding*/
.padding-xs{padding: 5px;}
.pt-xs{padding-top: 5px;}
.pt-xsi{padding-top: 5px!important;}
.pb-xs{padding-bottom: 5px;}
.pl-xs{padding-left: 5px;}
.pr-xs{padding-right: 5px;}
.padding-small{padding: 10px;}
.pt-small{padding-top: 10px;}
.pb-small{padding-bottom: 10px;}
.pl-small{padding-left: 10px;}
.pr-small{padding-right: 10px;}
.padding-medium{padding: 15px;}
.pt-medium{padding-top: 15px;}
.pb-medium{padding-bottom: 15px;}
.pl-medium{padding-left: 15px;}
.pr-medium{padding-right: 15px;}
.padding-large{padding: 25px;}
.pt-large{padding-top: 25px;}
.pb-large{padding-bottom: 25px;}
.pl-large{padding-left: 25px;}
.pr-large{padding-right: 25px;}
.padding-xl{padding: 35px;}
.pt-xl{padding-top: 35px;}
.pb-xl{padding-bottom: 35px;}
.pl-xl{padding-left: 35px;}
.pr-xl{padding-right: 35px;}
.padding-xxl{padding: 50px;}
.pt-xxl{padding-top: 50px;}
.pb-xxl{padding-bottom: 50px;}
.pl-xxl{padding-left: 50px;}
.pr-xxl{padding-right: 50px;}

/*Margin*/
.margin-xs{margin: 5px;}
.mt-xs{margin-top: 5px;}
.mb-xs{margin-bottom: 5px;}
.ml-xs{margin-left: 5px;}
.mr-xs{margin-right: 5px;}
.margin-small{margin: 10px;}
.mt-small{margin-top: 10px;}
.mb-small{margin-bottom: 10px;}
.ml-small{margin-left: 10px;}
.mr-small{margin-right: 10px;}
.margin-medium{margin: 15px;}
.mt-medium{margin-top: 15px;}
.mb-medium{margin-bottom: 15px;}
.ml-medium{margin-left: 15px;}
.ml--medium{margin-left: -15px;}
.mr-medium{margin-right: 15px;}
.margin-large{margin: 25px;}
.mt-large{margin-top: 25px;}
.mb-large{margin-bottom: 25px;}
.ml-large{margin-left: 25px;}
.mr-large{margin-right: 25px;}
.margin-xl{margin: 35px;}
.mt-xl{margin-top: 35px;}
.mb-xl{margin-bottom: 35px;}
.ml-xl{margin-left: 35px;}
.mr-xl{margin-right: 35px;}
.margin-xxl{margin: 50px;}
.mt-xxl{margin-top: 50px;}
.mb-xxl{margin-bottom: 50px;}
.ml-xxl{margin-left: 50px;}
.mr-xxl{margin-right: 50px;}

/*Float*/
.f-right{float: right;}
.f-left{float: left;}

/***********
Set NONE
************/
.d-none{display: none;}
.vh{visibility: hidden;}
.ls-none{list-style: none;}
.td-none{text-decoration: none;}
.pad-none{padding: 0;}
.pb-0{padding-bottom: 0;}
.pt-0{padding-top: 0;}
.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}
.marg-none{margin: 0;}
.mb-0{margin-bottom: 0;}
.mt-0{margin-top: 0;}
.ml-0{margin-left: 0;}
.mr-0{margin-right: 0;}
.br-none{border-radius: 0;}
.b-none{border: none!important;}
.hidden{visibility: hidden;}
.bshadow{box-shadow: none!important;}

.pa{position: absolute!important;}
.pr{position: relative!important;}
.ps{position: static!important;}
.pu{position: unset!important;}


/***************
Borders
****************/
.bl{border-right: 2px solid #545454;}
.bas{border: 2px solid #ddd;}
hr{
	border-top: 2px solid #ffc107;
    width: 8%;
}

/***************
Patterns
****************/
.pattern-5 {
    background: url(../img/album/05.png);
}

/***************
Colors
****************/
.bg-black{background-color: #000;}
.bg-banner{background-color: #fbfbfba8;}
.bg-header{background-color: #000000!important;}

.bg-directbooking{background-color: #4CAF50!important;}
.bg-nohidden{background-color: #03A9F4!important;}

/***************
Text Properties
****************/
.font-strong{font-weight: bolder;}
.font-bold{font-weight: bold;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-27{font-size: 27px;}
.fs-28{font-size: 28px;}
.fs-29{font-size: 29px;}
.fs-30{font-size: 30px;}
.fs-31{font-size: 31px;}
.fs-32{font-size: 32px;}
.fs-33{font-size: 33px;}
.fs-34{font-size: 34px;}
.fs-35{font-size: 35px;}

.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}
.ti{text-indent: 15px;}
.tx-o {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
a:hover{
    color: #dee2e6;
}

/***************
Width
****************/
.w-5{width: 5%;}
.w-10{width: 10%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.w-30{width: 30%;}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-60{width: 60%;}
.w-70{width: 70%;}
.w-80{width: 80%;}
.w-90{width: 90%;}

/***************
Line Height
****************/
.lh-1{line-height: 1;}
.lh-2{line-height: 2;}
.lh-3{line-height: 3;}
.lh-4{line-height: 4;}

.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-3{letter-spacing: 3px;}
.ls-4{letter-spacing: 4px;}
.ls-5{letter-spacing: 5px;}

.ws-1{word-spacing: 1px;}
.ws-2{word-spacing: 2px;}
.ws-3{word-spacing: 3px;}
.ws-4{word-spacing: 4px;}
.ws-5{word-spacing: 5px;}


/*Custom class and id*/
section.header {
    position: absolute;
    width: 100%;
    z-index: 99;
    background-color: rgba(33, 37, 41, 0.69);
}
section.header .nav-menu ul{
    margin: 40px 0;
}
section.header .nav-menu li{
    display: inline;
    padding: 0 10px;
}
section.header .nav-menu li a{
	font-family: 'Varela Round', sans-serif;sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
section.header .nav-menu li a.active{
	font-weight: bold;
	border-bottom: 3px solid #fafa11;
	color: #fafa11;
}
section.header .nav-menu .btn-book{
	padding: 5px 12px!important;
	background-color: #7dcb00!important;
	border: 1px solid #7dcb00 !important;
}
section.header .nav-menu .btn-book:active{
	padding: 5px 12px!important;
	background-color: #7dcb00!important;
	border: 1px solid #7dcb00 !important;
}
@media only screen and (max-width: 1024px) {
    section.header {
        display: none
    }
}
@media(min-width: 1025px){
	section.mobile{
		display: none;
	}
}
section.mobile {
    background-color: #000000;
}
section.mobile a{
	text-decoration: none;
}
section.mobile .logo{
	position: relative;
    z-index: 99;
}
section.slider {
    z-index: 98;
    position: relative;
}
@media(max-width: 1024px){
	section.slider {
    	margin-top: -100px;
    }
}
section.banner h1{
	font-family: 'Varela Round', sans-serif;sans-serif;
	font-weight: normal;
}
section.banner{
    background: url(../img/album/banner.jpg) no-repeat fixed;
    background-size: cover;
}
section.banner .view{
    height: 300px;
}
section.banner p{
    position: absolute;
    bottom: 85px;
    border-top: 1px solid #fff;
    font-weight: bold;
    color: #fff;
    word-spacing: 8px;
}
@media(max-width: 577px){
	section.banner img{
		max-width: max-content;
		height: 300px;
		width: auto !important;
	}
}
section.calendar {
    position: relative;
    margin-top: -111px;
    z-index: 98;
    width: 100%;
    background-color: rgba(33, 37, 41, 0.69);
    padding: 20px;
}
section.calendar .row{
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}
section.calendar i{
	position: absolute;
    right: 40px;
    top: 45%;
    transform: translate(0, -50%);
    color: #fff;
}
section.calendar .cl-title,
section.calendar .cl-arrival,
section.calendar .cl-departure,
section.calendar .cl-days{
	background-color: transparent;
}
section.calendar .cl-book button{
    font-size: 12px!important;
    border: 2px solid transparent;
    padding: 12px;
}
section.calendar input#txtDateStart,
section.calendar input#txtDateEnd,
section.calendar input#txtNights {
    border: 1px solid #e4b248;
    cursor: pointer;
}
@media(min-width: 768px) and (max-width: 1024px){
	section.calendar i{
		right: 15px;
	}
	section.calendar-mobile h4{
		font-size: 13px;
		margin-top: 0;
	}
	section.calendar-mobile .border-mobile {
	    border: 1px solid #484848;
	}
}

section.calendar-mobile {
	position: relative;
    margin-top: 0px;
    z-index: 98;
    width: 100%;
    background-color: #000000;
}
section.calendar-mobile .border-mobile{    border: 1px solid #fff;}
section.calendar-mobile .row{
	margin-left: 30px;
	margin-right: 30px;
    padding: 15px 0;
	text-align: center;
}
section.calendar-mobile i{
	position: absolute;
    right: 40px;
    top: 45%;
    transform: translate(0, -50%);
    color: #fff;
}
section.calendar-mobile .cl-title,
section.calendar-mobile .cl-arrival,
section.calendar-mobile .cl-departure,
section.calendar-mobile .cl-days{
	background-color: #000000;
}
section.calendar-mobile .cl-book{
	background-color: #7dcb00;
}
section.calendar-mobile .cl-book button{
	font-size: 12px!important;
	border: 2px solid transparent;
    padding: 12px 0;
}
section.calendar-mobile input#txtDateStart,
section.calendar-mobile input#txtDateEnd,
section.calendar-mobile input#txtNights {
    border: none;
    cursor: pointer;
}
@media(min-width: 768px) and (max-width: 1024px){
	section.calendar-mobile i{
		right: 15px;
	}
}

section.main .thumb{
    background-color: #f5f5f5;
}
section.main .rooms .spn-type{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: bold;
}
section.main .rooms .btn_book {
    background-color: #0b5095!important;
    border: 2px solid #0b5095;
}
section.main .rooms .btn_more {
    background-color: transparent!important;
    border: 2px solid #0b5095;
    color: #0b5095!important;
    font-weight: bold;
}
section.main .hc p{
	line-height: 2;
    text-align: center;
}
section.main .hover-mask a h2{
	padding: 30%;
}
section.main .imprtFacilities td, .imprtFacilities th,
section.main td.imprtHotelPolicies_label {
    text-align: left;
}{
	text-align: left;
}
section.main .thumb .btn-explore{
	background-color: #e4b248 !important;
	border: 1px solid #e4b248 !important;
}
section.main button.checkavailability {
    background-color: #7dcb00;
    border: 1px solid #7dcb00;
    color: #fff;
    padding: 5px 15px;
}
section.main .grid-100.responsiveLocation_map.responsiveLocation_map_margn {
    height: 300px;
}
section.main h3.h3-address,
section.main h3.h3-areainfo,
section.main h3.h3-how2gethere {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 15px;
}
section.main button.btn.btn-primary.waves-effect.waves-light,
section.main button.btn.btn-primary.waves-effect.waves-light:hover,
section.main button.btn.btn-primary.waves-effect.waves-light:active {
    border-color: #7dcb00;
}
section.footer .payment{
	background-color: #dadcdd;
}
section.footer .fa-info-circle{
	margin-left: 15px; 
	margin-right: 5px; 
	color:#FFA921;
}
section.footer .fa-angel-double-right{
	margin-left: 5px;
}
section.footer .trustwave{
	border-left: 1px solid #9e9595;
}
section.footer .marketing{
	background-color: #212529;
}
section.footer .whybook,
section.footer .payment-secured,
section.footer .need-help{
	color: #999999;
	font-size: 14px;
}
section.footer .fa-phone-square{
	color: #17a2b8;
}
section.footer .need-help a:hover {
    color: #fff;
}
section.footer .footer-menu{
	background-color: #0e1a22;
	border-top: 2px solid #26455a;
}
section.footer .footer-menu li{
    display: inline;
}
section.footer .footer-menu li a{
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	word-spacing: 5px;
    border-right: 1px solid #aaa;
    padding: 0 5px 0 5px;
}
section.footer .footer-menu li a:hover {
    color: #fff;
}
@media(max-width: 557px){
	section.footer .ps-col-sm-3{
		-ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
	}
	section.footer .tw-col-sm-2{
		-ms-flex: 0 0 16.6666667%;
        flex: 0 0 16.6666667%;
        max-width: 16.6666667%;
	}
	section.footer .tw-col-sm-10{
		-ms-flex: 0 0 83.3333333%;
        flex: 0 0 83.3333333%;
        max-width: 83.3333333%;
	}
	.mv-col-sm-50{
		width: 50%;
	}
	.mv-sm-1{
		-ms-flex: 0 0 8.3333333%;
        flex: 0 0 8.3333333%;
        max-width: 8.3333333%;
	}
	.mv-sm-2{
		-ms-flex: 0 0 16.6666667%;
        flex: 0 0 16.6666667%;
        max-width: 16.6666667%;
	}
	.mv-sm-3{
		-ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
	}
	.mv-sm-4{
		-ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%;
	}
	.mv-sm-5{
		-ms-flex: 0 0 41.6666667%;
        flex: 0 0 41.6666667%;
        max-width: 41.6666667%;
	}
	.mv-sm-6{
		-ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
	}
	.mv-sm-7{
		-ms-flex: 0 0 58.3333333%;
        flex: 0 0 58.3333333%;
        max-width: 58.3333333%;
	}
	.mv-sm-8{
		-ms-flex: 0 0 66.6666667%;
        flex: 0 0 66.6666667%;
        max-width: 66.6666667%;
	}
	.mv-sm-9{
		-ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
	}
	.mv-sm-10{
		-ms-flex: 0 0 83.3333333%;
        flex: 0 0 83.3333333%;
        max-width: 83.3333333%;
	}
	.mv-sm-11{
		-ms-flex: 0 0 91.6666667%;
        flex: 0 0 91.6666667%;
        max-width: 91.6666667%;
	}
	.mv-sm-12{
		-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
	}
	.mv-center{text-align: center!important;}
	.mv-left{text-align: left!important;}
	.mv-bl{border: 2px solid transparent}
	.mv-fs-25{font-size: 25px;}
}
@media(min-width: 1025px){
	.on-small-view{display: none;}
	.text-right-max{
		text-align: right!important;
	}
}
@media(min-width: 1024px){
	.text-right-max{
		text-align: right!important;
	}
}
@media(max-width: 1024px){
	.on-large-view{display: none;}
	.mcw-100{
		-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
	}
	.fs-max-10{
		font-size: 10px;
	}
	.fs-max-9{
		font-size: 9px;
	}
}
.form-group input, select, textarea {
    width: 100%!important;
    border: 1px solid #ccc!important;
    border-radius: 4px!important;
}
@media only screen and (max-width: 760px), (max-device-width: 960px) and (min-device-width: 768px){
	.imprtResponsiveRoom td {
		font-weight: unset!important;
	}
}
@media(max-width: 577px){
	.imprtResponsiveRoom_tooltip_direct,
	.imprtResponsiveRoom_tooltip_nohidden{
		width: 34%!important;
	}
}
@media (min-width: 321px) and (max-width: 375px){
	.imprtResponsiveRoom_tooltip_direct, .imprtResponsiveRoom_tooltip_nohidden {
	    width: 36%!important;
	}
}