/* Custom Styles */

@font-face {
  font-family: BakerSignetStd;
  src: url(../fonts/baker-signet-std.otf);
}

@font-face {
  font-family: FuturaBookBT;
  src: url(../fonts/FuturaBookBT.ttf);
}

@font-face {
  font-family: FuturaMediumBT;
  src: url(../fonts/FuturaMediumBT.ttf);
}


.phoneno {

		font-size: 32px;
		color: white;

	}
	
	.comingsoon{

		color: white;
		font-weight: 600;
		font-size: 34px;
	}


/* Global */



html,body {

	overflow-x: hidden;
	color: #f6cc0f;
}



* {

	margin: 0 auto;

}



body {

	padding: 0 !important;

	position: relative;

	overflow-x: hidden;

	background: #fff;

	font-family: FuturaBookBT;	

	font-weight: 400;

	color: #222;

	letter-spacing: 0;

}



@font-face {
    font-family: 'Segoe UI';
    src: url('../webfonts/SegoeUI-Light.eot');
    src: url('../webfonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/SegoeUI-Light.woff2') format('woff2'),
        url('../webfonts/SegoeUI-Light.woff') format('woff'),
        url('../webfonts/SegoeUI-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}






a:focus,

input:focus,

button:focus,

textarea:focus,

select:focus {

	text-decoration: none;

	outline: 0;

}



a {

	cursor: pointer;

}



a,

.hotel-list ul li a:before,

.booking-engine .engine-block .gr-field button,

.owl-theme .owl-dots .owl-dot span,

.about-panel,

.about-panel button,

.contact-panel,

.contact-panel button,

.service-panel,

.service-panel button,


.contact-form input[type="text"],

.contact-form input[type="email"],

.contact-form textarea {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



a:hover {

	text-decoration: none;

}



p:last-child {

	margin-bottom: 0;

}



h2 {

	color: #222;

}



ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



/* Full Content */



.full-content{

	position: relative;
    height: 100vh;
    background-size: cover;
    padding: 0 12px;

}

.full-content .overlay {

	position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 100%, rgba(0,0,0,0) 35%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 100%,rgba(0,0,0,0) 35%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 100%,rgba(0,0,0,0) 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    opacity: .70;

}


	
	.panel-item {

		display: table;
	    height: 100%;
	    width: 100%;
	    position: relative;
	    z-index: 99;
	    text-align: center;

	}

	.panel-content {

		display: table-cell;
    	vertical-align: middle;
	}

	.panel-content .img-block {

		margin: 100px 0 0 0;
	}

	.panel-content .img-block img {

		max-height: 154px;
	}

	.panel-content .content-block {

		margin: 28px 0;
	}

	.panel-content .content-block p:nth-child(1) {


		font-size: 18px;	
		color: white;

	}

	.panel-content .content-block p:nth-child(2) {

		font-weight: 600;
		font-size: 32px;
		

	}
	
	

	.panel-content .content-block .btn {

		margin:24px 0;
	}

	.panel-content .content-block .btn a  {

			display: block;
			width: 150px;
			margin:24px 0;
			background-color: #004aa9;
		    color: #fff;
		    padding: 12px 16px;
		    font-size: 16px !important;
		    font-weight: 600;
	        text-transform: uppercase;
	        text-decoration: none!important;
	            -webkit-transition: all .3s ease-in-out;
		    -moz-transition: all .3s ease-in-out;
		    transition: all .3s ease-in-out;
	}
	
	.panel-content .content-block .btn2  {

			display: inline-block;
			width: 150px;
			margin:24px 0;
			background-color: #004aa9;
		    color: #fff;
		    padding: 12px 16px;
		    font-size: 16px !important;
		    font-weight: 600;
	        text-transform: uppercase;
	        text-decoration: none!important;
	            -webkit-transition: all .3s ease-in-out;
		    -moz-transition: all .3s ease-in-out;
		    transition: all .3s ease-in-out;
			vertical-align: middle;
	}

	.panel-content .content-block .btn a:hover {

		background-color: #49a129;
	}


	
	.panel-content .content-block ul > li > a {

		font-size: 24px;
		color: #fff;
	}

	.panel-content .content-block ul > li > a i {

		padding-left: 12px;
	}

	.panel-content .content-block ul > li > a:hover {

		color: #dd4937;
	}


#modal-ads h2, #modal-ads2 h2 {

	font-size: 21px;
	margin-bottom: 12px;
	text-transform: uppercase;
	font-weight: 600;
}
#modal-ads p , #modal-ads2 p {

	color: #222;
	font-size: 16px;
}

#modal-ads .modal-content, #modal-ads2 .modal-content {

	border-radius: 0;

}

#modal-ads .modal-body, #modal-ads2 .modal-body {

	padding: 32px;
}

#modal-ads .btn-close, #modal-ads2 .btn-close {

	position: absolute;
    top: -16px;
    right: -16px;
    z-index: 9;
    width: 32px;
    height: 32px;
    background: #222;
    border: none;
    border-radius: 27px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

#modal-ads .modal-dialog, #modal-ads2 .modal-dialog {

	margin: 10% auto;
}

header {

	position: relative;
	padding: 15px 0;
}

	header img {

		width: 80%;
	}

	nav ul {

		text-align: right;
		padding-top: 30px;
	}

	nav ul li {

		display: inline-block;
	}

	nav ul li a {

		padding: 8px 16px;
		font-size: 14px;
		font-weight: 600;
		color: #222!important;
		text-transform: uppercase;
		-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

	}

	nav ul li a:hover{

		color: #dd4937!important;
	}

	nav ul li:nth-child(3) a {

		background-color: #dd4937;
		color:#fff!important;
	}

	nav ul li:nth-child(3) a:hover {

		background-color: #222;
	}

	nav ul li:nth-child(4) a,
	nav ul li:nth-child(5) a,
	nav ul li:nth-child(6) a {

		padding: 8px 12px;
	}


	.banner-block img {

		width: 100%;
	}

	.promo-block {

		text-align: center;
		padding: 80px 0;
	}

	.promo-block h3 {

		font-size: 30px;
		font-weight: 600;
		color: #dd4937;

	}

	.promo-block h2 {

		font-size: 35px;
		margin-top: 12px;
		font-weight: 600;
		color: #dd4937;
	}

	hr.style-three {
	    background-color: #d4d4d4;
	    border: 0 none;
	    height: 1px;
	    margin: 30px auto;
	    text-align: center;
	    width: 100%;

	}

	.content-list h4 {

		text-align: left;
		margin: 48px 0;
		text-transform: uppercase;
	}


	.content-list h4 span {

		font-weight: 600;
	}

	.content-list .img-panel {

		margin-top: 24px;
	}


	.content-list img {

		width: 100%;
	}





/* Preloader */



#loading {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #cb9a2b;

	z-index: 999;

}







use {

	stroke: #fff;

	animation: a 2s linear infinite

}



@keyframes a { to { stroke-dashoffset: 0px } }


.main-top img{
	height: 100px;
    padding: 20px;
}

.main-top hr{
	width: 90%;
    float: right;
    border: 20px solid #78AF1E;
}


/* Hero Banner */

.hero-banner {
	position: relative;
}

.hero-banner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.32);
	display: flex;
	align-items: center;
}



	.hero-banner .content h5 {
		font-weight: 300;
		color: #fff;
	}

	.hero-banner .content h5:before,
	.hero-banner .content h5:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 80px;
		height: 1px;
		background: #fff;
	}

	.hero-banner .content h5:before {
		margin-right: 24px;
	}

	.hero-banner .content h5:after {
		margin-left: 24px;
	}

	.hero-banner .content h1 {
		margin: 16px 0 24px 0;
		font-family: BakerSignetStd;
		font-size: 56px;
		font-weight: 400;
		color: #fff;
	}

	.hero-banner .content a {
		font-family: BakerSignetStd;
		display: inline-block;
		padding: 16px 40px;
		border: 1px solid #fff;
		font-size: 16px;
		color: #fff;
		letter-spacing: 1px;
		transition: all .4s ease-in-out;
		margin-top: 20px;
	}

	.hero-banner .owl-theme .owl-nav [class*=owl-]:hover,
	.hero-banner .content a:hover {
		background: #fff;
		color: /*#252c41*/ #78AF1E;
	}

.hero-banner .owl-theme .owl-nav {
	margin: 0;
	position: absolute;
	top: calc(50% - 15px);
	left: 0;
	width: 100%;
}

	.hero-banner .owl-theme .owl-nav [class*=owl-]{
	    color: #FFF;
	    font-size: 20px;
	    margin: 0;
	    padding: 16px 8px;
	    background: transparent;
	    border: 1px solid #fff;
	    transition: all .4s ease-in-out;
	}


	.hero-banner .owl-carousel .owl-nav .owl-prev {
		position: absolute;
		left: 16px;
	}

	.hero-banner .owl-carousel .owl-nav .owl-next {
		position: absolute;
		right: 16px;
	}


/* Main Content */
.main-content h1 {
	padding-top: 70px;
	margin-left: 45px;
	font-family: BakerSignetStd;
	font-size: 56px;
	font-weight: 400;
	color: #78AF1E;
}

.main-content .cebu-content,
.main-content .cdo-content{
	padding: 20px;
	display: block;
}

.main-content .cebu-content .col-lg-6:nth-child(2) img,
.main-content .cdo-content .col-lg-6:nth-child(1) img{
	width: 350px;
	display:block;
}
	
.main-content img {
	width: 600px;
	display:block;
}

.main-content article{
	padding: 20px;
}

.main-content article .main-btn{

	border-radius: 8px;
	padding: 10px 20px;
	background-color: #78AF1E;
	color: #fff;
	font-family: FuturaMediumBT;
}

.main-content article a{
	color: #000000;
}

.main-content .cebu-content h3,
.main-content .cdo-content h3  {
	color: #fff;
    position: absolute;
    bottom: 5px;
    left: 35px;
    text-shadow: 2px 2px #000000;
}