@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

h1,h2,h3,h4,h5,h6,
blockquote.testimonial-big .title,
.de-box-price span{
	font-family: "Cormorant Garamond";
	font-weight: 600;
	text-transform: none;
	letter-spacing: normal;
}

body{
	font-size: 16px;
	font-weight: 300;
}


blockquote.testimonial-big .d-testi{
	font-size: 32px;
	font-family: "Cormorant Garamond";
	font-style: italic;
	line-height: 1.5em;
}

#back-to-top:before{
	color: #ffffff;
}

.de_tab.tab_steps .de_nav li span{
	font-family: "Cormorant Garamond";
}

.de-card-room .d-price span{
	font-family: "Cormorant Garamond";
	font-size: 24px;
}

.expand h4{
	font-size: 15px;
}

h1{
	letter-spacing: 0;
	font-size: 46px;
	text-transform: none;
	letter-spacing: -2px;
}

h2{
	font-size: 48px;
	letter-spacing: -1.15px;
	margin-bottom: 20px;
}

h2 span{
	display: block;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 1.2em;
}

h3{
	font-size: 24px;
}

h4{
	font-size: 20px;
}

header.transparent{
	border-bottom: solid 1px rgba(255, 255, 255, .2);
}

header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile),
header.smaller,
header.header-mobile{
	background: rgba(38, 38, 38, .75);
	border: none;
}

#mainmenu,
#mainmenu li a{
	font-size: 15px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
}

.de_count.ultra-big{
	padding: 0;
}

.de_count.ultra-big h3{
	letter-spacing: -10px;
	margin-bottom: 0;
}

.de_count.ultra-big span{
	letter-spacing: 0;
	font-size: 16px;
}

.de_phone-simple .d-num{
	color: #000000;
}

.box-number.square i{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.de_tab.tab_steps .de_nav li span{
	text-transform: none;
}

p.lead{
	font-size: 17px;
}

footer {
	background-color: #262626;
}

footer .widget ul li{
	padding: 2px 0;
}

footer address span{
	padding: 2px 0;
}

#subheader{ background:url(../img/slide-phkk-overlay.jpg)top fixed; }
/* #section-welcome{background:url(../img/about.jpg) top fixed;} */
#section-about-us-2{background:#f8f8f8; height:100%;}
#section-about-us-2 .image-container{background:url(../img/about.jpg) center;}
#section-about-us-2{background:#18191b; height:100%;}
.de_light #section-about-us-2{background:none;}
#section-side-1.side-bg .image-container{background:url(../img/phbtu/main-interior.jpg) center;}
#section-side-2.side-bg .image-container{background:url(../img/phkk/main-interior.jpg) center;}
#section-career-phkk{background:#f8f8f8; height:100%;}
#section-career-phkk .image-container{background:url(../img/phkk/career.jpg) center;}
#section-career-phkk{background:#18191b; height:100%;}
.de_light #section-career-phkk{background:none;}
#section-career-phbtu{background:#f8f8f8; height:100%;}
#section-career-phbtu .image-container{background:url(../img/phbtu/career.jpg) center;}
#section-career-phbtu{background:#18191b; height:100%;}
.de_light #section-career-phbtu{background:none;}

#section-welcome {
	position: relative;
    background: url(../img/about-phkk.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#section-welcome::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
	/* background: linear-gradient(
        rgba(0,0,0,0.6),
        rgba(0,0,0,0.3)
    ); */
    z-index: 1;
}
#section-welcome .container {
    position: relative;
    z-index: 2;
}
@media (max-width: 768px) {
    #section-welcome::before {
        background: rgba(0,0,0,0.65);
    }
}

.de_light section{
	background: #f2f2f2;
}
/* .de_light .nav-link,
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	color: #262626;
} */
.de_light .nav-link {
    background-color: #ffffff;
    color: #262626;
    border: 1px solid #E0E1E2;
    border-radius: 30px;
    padding: 10px 28px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.de_light .nav-link:hover {
    background-color: #E0E1E2;
    color: #262626;
}
.de_light .nav-link.active,
.de_light .show > .nav-link {
    background-color: #262626;
    color: #ffffff;
    border-color: #262626;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
	border-radius: 30px;
}
.de_light #contact_form input[type=text], .de_light #contact_form textarea, .de_light #contact_form input[type=email], .de_light #search, .de_light #contact_form select{
	background: none;
	border: solid 1px rgba(0, 0, 0, .2);
}

#subheader {
	position: relative;
    background-size: cover;
    background-attachment: fixed;
}
#subheader::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
	background: linear-gradient(
        rgba(0,0,0,0.6),
        rgba(0,0,0,0.3)
    );
    z-index: 1;
}
#subheader .container {
    position: relative;
    z-index: 2;
}
@media (max-width: 768px) {
    #subheader::before {
        background: rgba(0,0,0,0.65);
    }
}

#subheader .crumb,
#section-welcome .crumb {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 3px;
	margin-top: 20px;
	color: #fff;
	text-transform: uppercase;
}
#subheader .crumb a,
#section-welcome .crumb a {
	color: #bbb !important;
}
#subheader .crumb a:hover,
#section-welcome .crumb a:hover {
	color: #E0E1E2 !important;
}

#contact_form label span{
	display: block;
	font-weight: bold;
	font-size: 18px;
}

.ultra-big-white{
	font-size: 84px;
	font-family: "Cormorant Garamond";
	text-transform: none;
	letter-spacing: 0;
	line-height: .95em;
}

.ultra-small-white{
	font-size: 14px;
	font-family: "Cormorant Garamond";
	text-transform: none;
	letter-spacing: 0;
	line-height: .95em;
}

a.btn-on-header::after {
	color: #fff;
}

#revolution-slider {
	background-color: #262626;
}
#revolution-slider .slotholder {
	opacity: 0.6;
}

@media (max-width: 768px) {
	#section-slider,
	.fullwidthbanner-container,
	.rev_slider_wrapper {
		height: 300px !important;
		min-height: 300px !important;
	}
}

.promenade-text-color-1 { color: #E0E1E2 !important; }
.promenade-text-color-2 { color: #939598 !important; }
.promenade-text-color-3 { color: #262626 !important; }
.promenade-bg-color-1 { background-color: #E0E1E2 !important; color: #262626 !important; }
.promenade-bg-color-2 { background-color: #939598 !important; color: #262626 !important; }
.promenade-bg-color-3 { background-color: #262626 !important; color: #E0E1E2 !important; }
.promenade-border-color-1 { border-color: #E0E1E2 !important; }
.promenade-border-color-2 { border-color: #939598 !important; }
.promenade-border-color-3 { border-color: #262626 !important; }
.promenade-border-top-color-1 { border-top-color: #E0E1E2 !important; }
.promenade-border-top-color-2 { border-top-color: #939598 !important; }
.promenade-border-top-color-3 { border-top-color: #262626 !important; }

.font-16 { font-size: 16px; }
.font-15 { font-size: 15px; }
.font-14 { font-size: 14px; }
.font-13 { font-size: 13px; }
.font-12 { font-size: 12px; }
.font-11 { font-size: 11px; }
.font-10 { font-size: 10px; }

.font-normal {
	font-family: "Roboto",Arial, Helvetica, sans-serif;
}

.image-container-phkk { background:url(../img/main/phkk-exterior.jpg); }
.image-container-phbtu { background:url(../img/main/phbtu-exterior.jpg); }
.image-container-about { background:url(../img/about.jpg); }

.inner-padding150 {
	padding:150px 0 150px 0;
}

@media (min-width: 992px) and (max-width: 1399px) {
	.inner-padding150 h2 {
		font-size: 36px;
		text-wrap: nowrap;
	}
}

#section-booking { z-index:21; }

/* --- Custom Responsive Font Utilities --- */

/* Small (sm) - 576px and up */
@media (min-width: 576px) {
    .fs-sm-1 { font-size: 2.5rem !important; }
    .fs-sm-2 { font-size: 2rem !important; }
    .fs-sm-3 { font-size: 1.75rem !important; }
    .fs-sm-4 { font-size: 1.5rem !important; }
    .fs-sm-5 { font-size: 1.25rem !important; }
    .fs-sm-6 { font-size: 1rem !important; }
}

/* Medium (md) - 768px and up */
@media (min-width: 768px) {
    .fs-md-1 { font-size: 2.5rem !important; }
    .fs-md-2 { font-size: 2rem !important; }
    .fs-md-3 { font-size: 1.75rem !important; }
    .fs-md-4 { font-size: 1.5rem !important; }
    .fs-md-5 { font-size: 1.25rem !important; }
    .fs-md-6 { font-size: 1rem !important; }
}

/* Large (lg) - 992px and up */
@media (min-width: 992px) {
    .fs-lg-1 { font-size: 2.5rem !important; }
    .fs-lg-2 { font-size: 2rem !important; }
    .fs-lg-3 { font-size: 1.75rem !important; }
    .fs-lg-4 { font-size: 1.5rem !important; }
    .fs-lg-5 { font-size: 1.25rem !important; }
    .fs-lg-6 { font-size: 1rem !important; }
}

/* Extra Large (xl) - 1200px and up */
@media (min-width: 1200px) {
    .fs-xl-1 { font-size: 2.5rem !important; }
    .fs-xl-2 { font-size: 2rem !important; }
    .fs-xl-3 { font-size: 1.75rem !important; }
    .fs-xl-4 { font-size: 1.5rem !important; }
    .fs-xl-5 { font-size: 1.25rem !important; }
    .fs-xl-6 { font-size: 1rem !important; }
}