@font-face {
	font-family: Baskerville;
	src: url('../fonts/Baskerville.ttc');
	font-weight: normal;
}

@font-face {
	font-family: Prompt;
	src: url('../fonts/Prompt-Light.ttf');
	font-weight: lighter;
}


@font-face {
	font-family: "DB Adman";
	src: url('../fonts/DB Adman X Li.ttf');
	font-weight: normal;
}

@font-face {
    font-family: 'Copperplate';
    src: url('../../_template/fonts/Copperplate.ttc');
    font-display: swap;
}

@font-face {
    font-family: 'DB Helvethaica X Med';
    src: url('../../_template/fonts/DB Helvethaica X Med Ext v3.2.ttf');
    font-display: swap;
}

.navbar-brand.logo-ci {
    width: 100%;
    text-align: center;
}

.navbar-brand.logo-blu > img {
	max-height: 50px;
}

.navbar-nav > li > a {
	font-family: "Baskerville", sans-serif;
	letter-spacing: 3px;
	font-size: 18px;
}

.navbar-nav > li > a:hover {
	color: #6d98a1 !important;
}

.navbar-light.bg-light {
	z-index: 99;
	background-color: #6d98a1 !important;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link.active {
	color: #fff;
}

.btn-primary {
	color: #6d6e72;
	border-color: #929294;
	background-color: transparent;
	border-width: 2px
}

.btn-primary.active, .btn-primary:hover {
	border-color: #6d6e72;
	background-color: #6d6e72;
}

.btn-primary:active, .btn-primary.active:active, .btn-primary:focus  {
	border-color: #6d6e72;
	background-color: #6d6e72;
	box-shadow: 0 0 0 0.25rem #6d6e7273 !important;
}

.btn-primary.dark {
	color: #fff;
	border-color: #6d6e72;
	background-color: #6d6e72;
}

.btn-primary.dark:hover {
	color: #6d6e72;
	border-color: #929294;
	background-color: transparent;
}

.btn-secondary {
	color: #20abb2;
	border-color: #20abb2;
	background-color: transparent;
	border-width: 2px
}

.btn-secondary:hover {
	color: #000;
	border-color: #20abb2;
	background-color: #20abb2;
}

.section-register {
	background-image: url('../images/BG-Shadow.png');
    background-size: cover;
    background-position: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

.section-register, .section-highlight, .section-facility, .section-interior, .section-plan, .section-map, .section-contact, .section-outro, #validationModal {
	font-family: "Baskerville", "Prompt", sans-serif;
}

.section-register .blue, .section-highlight .blue {
	color: #1daab1;
}

.section-register .logo {
	max-height: 65px;
}

.section-register .border-top {
	border-top-width: 2px !important;
	border-top-color: rgb(200, 202, 201) !important;
}

.section-register .border-bottom {
	border-bottom-width: 2px !important;
	border-bottom-color: rgb(200, 202, 201) !important;
}

.section-register input[type="text"] {
	background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

.section-option-description.header {
	background-color: #6d98a1;
}

.section-option-description.slider .carousel-item > div {
	top: 40%;
    left: 50%;
	color: #fff;
    width: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
    transform: translate(-50%, -50%);
    background-image: url('../images/option_description/Bg1.png');
    background-size: cover;
    background-position: center;
}

.section-option-description .carousel-inner .carousel-item > div {
	letter-spacing: 2px;
	font-family: "Prompt", sans-serif;
}

.section-option-description.slider .carousel-item > div > h3 {
	line-height: 1.4;
}

.section-option-description.slider .carousel-item > div > h3.extra {
	font-size: 24px;
}

.section-option-description.slider .container.group {
	top: 98%;
	left: 50%;
	transform: translate(-50%, -50%);
} 

.section-option-description.slider .carousel-indicators {
	top: 78%;
}

.section-option-description .group-selection label {
    top: 35px;
    left: 0;
    right: 0;
    color: #fff;
    position: absolute;
    font-size: 26px;
    font-family: "Baskerville", sans-serif;
    letter-spacing: 3px;
}

.section-highlight {
	padding-top: 170px;
	background-image: url('../images/highlight/Bg.png');
    background-size: cover;
    background-position: center;
}

.section-highlight .icon-play {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.underline {
	border-bottom: 2px solid #c8cac9;
}

.underline.blue {
	border-bottom-color: #20abb2;
}

.title-blue {
	color: #20abb2;
}

.section-highlight .detail img {
    max-height: 90px;
}

.section-highlight .detail .btn {
    width: 175px;
}

.section-facility .title {
	color: #6d6e72;
	letter-spacing: 2px;
}

.section-facility .facility-nav h6 {
	cursor: pointer;
}

.section-facility .facility-nav h6.active {
	color: #1daab1;
}

.section-interior .title {
	color: #6d6e72;
	letter-spacing: 2px;
}

.section-interior .btn.bed-selected {
	width: 85%;
}

.section-plan {
	background-image: url('../images/plan/Bg.png');
    background-size: cover;
    background-position: center;
}

.section-plan .title {
	color: #6d6e72;
	letter-spacing: 2px;
}

.section-plan .btn-360 .btn {
    width: 185px;
}

.section-plan .btn-plan-selection .btn {
    width: 175px;
}

.section-map, .section-outro, .section-contact {
	background-color: #000;
}

.section-outro h1 {
	letter-spacing: 5px;
}

.section-outro .description {
	font-family: "DB Adman", sans-serif;
	color: #fff;
	letter-spacing: 1px;
}

.section-contact {
	color: #999999;
}

.section-contact {
	letter-spacing: 2px;
}

.section-ttw .btn-discover {
	top: 70%;
    left: 64%;
    width: 175px;
	position: absolute;
    transform: translate(-50%, -50%)
}

.section-map .btn {
	width: 150px;
}

.section-360 iframe {
	height: 560px;
}

.text-copyright {
	color: #454545;
	font-weight: bold;
}

.form-check-input:checked {
	background-color: #6d6e72;
	border-color: #6d6e72;
}

.form-check-input:checked[type=radio] {
	background-image: none;
}

.youtube-iframe {
	width: 100%;
	height: 564px;
}