body {
  font-family: 'Rubik', sans-serif;
}

b, strong {font-weight:500 !important;}

h1,h2 {font-family: 'Tinos', serif;}
h3,h4,
h5,h6 {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
}

iframe {width:100%; height:100%; border:0;}
#ifrmBookingForm {height:800px !important; overflow:auto; }

hr.star-light,
hr.star-dark {
  max-width: 15rem;
  padding: 0;
  text-align: center;
  border: none;
  border-top: solid 0.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

hr.star-light:after,
hr.star-dark:after {
  position: relative;
  top: -.8em;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: FontAwesome;
  font-size: 2em;
}

hr.star-light {
  border-color: #fff;
}

hr.star-light:after {
  color: #fff;
  background-color: #0776bd;
}

hr.star-dark {
  border-color: #2C3E50;
}

hr.star-dark:after {
  color: #2C3E50;
  background-color: white;
}

section {
  padding: 6rem 0;
}

section h2 {
  font-size: 2.2rem;
  line-height: 2.2rem;
}

@media (max-width: 992px) {
  section h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  h1 {
  	font-size:1.8rem;
  }
}

.btn-xl {
  padding: 1rem 1.75rem;
  font-size: 1.25rem;
}

.btn-social {
  height: 3.25rem;
  font-size: 1.25rem;
  line-height: 2.3rem;
}

.scroll-to-top {
  z-index: 1042;
  right: 1rem;
  bottom: 1rem;
  display: none;
}

.scroll-to-top a {
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}

#mainNav {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
}

#mainNav .navbar-brand {
  color: #fff;
}

#mainNav .navbar-nav {
  margin-top: 1rem;
  letter-spacing: 0.0625rem;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #000;
  border-bottom:2px solid #fff;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #0776bd;
  border-bottom:2px solid #0776bd;
}

#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #999;
}

#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #0776bd;
}

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.8rem;
}

@media (min-width: 992px) {
  #mainNav {
    
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 2em;
    -webkit-transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #999;
    background: #0776bd;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #999;
    background: #0776bd;
    border:none;
  }
  #mainNav.navbar-shrink {
    /*padding-top: 0.5rem;
    padding-bottom: 0.5rem;*/
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}

/*====================== NAVIGATION =====================*/
.navbar-nav li {padding:20px 10px;}
.navbar-nav { box-sizing:border-box !important;  }
.navbar-nav li a:hover {opacity:1; text-decoration:none; }
.submenu {display:none;}
.fa-chevron-down {display:none;}

/** submenu **/
.navbar-nav .link .submenu,
.navbar-nav .current .submenu,
.navbar-nav .section .submenu {display:none; z-index:0; }
.navbar-nav .link:hover .submenu,
.navbar-nav .current:hover .submenu,
.navbar-nav .section:hover .submenu  {	display: block; z-index:999; }
.navbar-nav .submenu { width:220px; position: absolute; background: rgba(255, 255, 255, 0.9); padding:0; text-align: left;
    list-style: none; margin-top:20px; text-transform:none; }
.navbar-nav .sub-menu-list { padding:10px; border-bottom:1px solid #333; }
.navbar-nav .sub-menu-list:hover { background:#0776bd; color:#fff; }
.navbar-nav .sub-menu-list a { color:#333; padding:10px; border:none; }
.navbar-nav .sub-menu-list:hover a { color:#fff; }

@media (max-width:1420px){
	.navbar-nav li {padding:20px 0px;}
}

@media only screen and (max-width:992px) {
	.fa-navicon {color:#fff !important; padding:2px; }
	.Navnavbar {position:fixed; top:0; left:0; right:0; width:100%; z-index:999;}
	.Navnavbar .container {padding:10px 0; }
	.navbar-nav li {margin:0; text-align:left; border-bottom:1px solid #333; padding:10px; font-size:100%; }
	.navbar-nav li a {color:#000;}
	.navbar-nav a {padding:10px 0; width:100%; border:none; box-sizing:border-box; }
	.navbar-toggler {padding:0.2em; }
	.navbar-nav .submenu { width: 100%; position: relative; text-align:center;margin-top:0px; background:#fff; }
	.navbar-nav .sub-menu-list { border-bottom:1px solid #333;  }
	.navbar-light .navbar-toggler {border-color:#1f4284; padding:10px; font-size:90%; }
	.navbar-nav a:hover {background:transparent; color:#ccc;}
	.fa-chevron-down {display:block; float: right;}
	#mainNav .navbar-nav li.nav-item a.nav-link:hover { border-bottom:none !important; }
	.book-your-stay { margin:10px auto !important; width:100%; }
}

/*header.masthead {
  padding-top: calc(6rem + 72px);
  padding-bottom: 6rem;
}*/

header.masthead h1 {
  font-size: 3rem;
  line-height: 3rem;
}

header.masthead h2 {
  font-size: 1.3rem;
  font-family: 'Rubik', sans-serif;
}

@media (min-width: 992px) {
 /* header.masthead {
    padding-top: calc(6rem + 106px);
    padding-bottom: 6rem;
  } */
  header.masthead h1 {
    font-size: 3em;
    line-height: 4rem;
  }
  header.masthead h2 {
    font-size: 1.75em;
  }
}

.portfolio {
  margin-bottom: -15px;
}

.portfolio .portfolio-item {
  position: relative;
  display: block;
  max-width: 25rem;
  margin-bottom: 15px;
}

.portfolio .portfolio-item .portfolio-item-caption {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  background-color: rgba(24, 188, 156, 0.9);
}

.portfolio .portfolio-item .portfolio-item-caption:hover {
  opacity: 1;
}

.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
  font-size: 1.5rem;
}

@media (min-width: 576px) {
  .portfolio {
    margin-bottom: -30px;
  }
  .portfolio .portfolio-item {
    margin-bottom: 30px;
  }
}

.portfolio-modal .portfolio-modal-dialog {
  padding: 3rem 1rem;
  min-height: calc(100vh - 2rem);
  margin: 1rem calc(1rem - 8px);
  position: relative;
  z-index: 2;
  -moz-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
}

.portfolio-modal .portfolio-modal-dialog .close-button {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.portfolio-modal .portfolio-modal-dialog .close-button i {
  line-height: 38px;
}

.portfolio-modal .portfolio-modal-dialog h2 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  .portfolio-modal .portfolio-modal-dialog {
    min-height: 100vh;
    padding: 5rem;
    margin: 3rem calc(3rem - 8px);
  }
  .portfolio-modal .portfolio-modal-dialog h2 {
    font-size: 3rem;
  }
}

.floating-label-form-group {
  position: relative;
  border-bottom: 1px solid #e9ecef;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
  font-size: 1.5em;
  position: relative;
  z-index: 1;
  padding-right: 0;
  padding-left: 0;
  resize: none;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none !important;
}

.floating-label-form-group label {
  font-size: 0.85em;
  line-height: 1.764705882em;
  position: relative;
  z-index: 0;
  top: 2em;
  display: block;
  margin: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  -moz-transition: top 0.3s ease, opacity 0.3s ease;
  -ms-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
}

.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e9ecef;
}

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}

.floating-label-form-group-with-focus label {
  color: #0776bd;
}

form .row:first-child .floating-label-form-group {
  border-top: 1px solid #e9ecef;
}

.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #2C3E50;
  color: #fff;
}

.copyright {
  background-color: #1a252f;
}

a {
  color: #0776bd;
}

a:focus, a:hover, a:active {
  color: #128f76;
}

.btn {
  border-width: 2px;
}

.bg-primary {
  background-color: #0776bd !important;
}

.bg-secondary {
  background-color: #2C3E50 !important;
}
.bg-light {
	background-color:#f2f2f2 !important;
}
.text-primary {
  color: #0776bd !important;
}

.text-secondary {
  color: #2C3E50 !important;
}

.btn-primary {
  background-color: #0776bd;
  border-color: #0776bd;
  color:#fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #fff;
  border-color: #0776bd;
  color:#0776bd !important;
}

.btn-secondary {
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #1a252f;
  border-color: #1a252f;
}

.btn-plain {
	color:#000 !important;
	border: 2px solid #000;
	font-weight:600;
	padding:10px 20px;
	background:transparent;
	border-radius:0;
}
.btn-plain:hover {
	color:#fff !important;
	background:#000;
}

/* Datepicker */
.datepicker-label {display:none;}
.strait-datepicker input { margin-right:10px; padding: 15px; color: #333;  position: relative; border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.175)!important;
	text-align: left;  text-indent: 35px; background: url(../img/calendar.png) 8px center no-repeat #f9f9f9; background-size: 30px 30px; width:250px; border-radius:.25rem; }
.datepicker-button { background-color: #0776bd; border:2px solid #0776bd; color: #fff !important; padding:15px 30px; 
	box-sizing:border-box; box-shadow:0 1px 3px rgba(0,0,0,.175)!important; width:250px; border-radius:.25rem; }
.datepicker-button:hover {background-color:#fff; color:#0776bd !important; }
h2.booking-heading {line-height:48px;}

.tab-btn {  }

/* main-banner */
.main-slideshow {height:750px; width:100%; }
.main-slideshow img { height:750px; width:100%; object-fit:cover; }
.masthead { top:0; height:auto; width:100%; margin-top: 98px; }
.masthead .container {position:absolute; top:350px; left:0; right:0; margin:0 auto;}
.masthead { margin-top: 98px; }
.template-banner {height:400px; width:100%; }
.template-banner img {height:400px; width:100%; }

/* template-banner */
.template-banner .main-slideshow {height:400px !important; width:100%; }
.template-banner .banner { height:400px !important; width:100%; object-fit:cover; }
.template-banner { top:0; height:400px !important; width:100%; background:url('/assets/Page-Banners/8e8b12a6db/slide-1.jpg') center center; }
.template-banner .container {position:absolute; top:160px !important; left:0; right:0; margin:0 auto;}


@media (max-width:992px)	{
	.logo img {height:40px;}
	#mainNav .container-fluid {padding-top:1rem !important; padding-bottom:1rem !important;}
	.main-slideshow {height:300px; width:100%; }
  .main-slideshow img { height:300px; width:100%; object-fit:cover; }
  .masthead { top:0; height:300px; width:100%; margin-top: 60px; }
	.banner { height:300px;}
	.masthead { height:300px; }
	.masthead .container {top:100px;}
	header.masthead h1 {font-size:1.8rem; line-height:2rem;}
	.template-banner .container {top:60px !important;}
	.template-banner {height:300px !important;}
}

/* images */
.home-section-img {height:280px; width:100%; object-fit:cover;}
.section-img {height:350px; width:100%; object-fit:cover;}
.location-img {height:300px; width:100%; object-fit:cover;}
.card-img-top {height:350px; width:100%; object-fit:cover;}
.template-banner-img {height:400px; wwidth:100%; object-fit:cover;}
.img-thumbnail {height:200px; width:100%; object-fit:cover; border-radius:0 !important; }

/* custom design */
.border-box {width:80%; top:30px; bottom:30px; margin:0 auto; left:0; right:0; border: 5px solid #fff; }
#location-section .container-fuild {max-width:1400px !important;}
.contact-map iframe {height:450px !important;}

/* contact page */
#contact label { width:80%; margin-top:1rem; display:none; }
#contact #Form_Form_Name, #contact #Form_Form_Email, #contact #Form_Form_Message { width:100%; padding:8px; margin:8px 0; }
#contact #Form_Form_action_submit { color:#fff; padding:10px 30px; font-weight:400;	background:#0776bd;	border-radius:0; border:none;}
#Form_Form_Name_Holder {width:49%; float:left; margin-right:2%; }
#Form_Form_Email_Holder {width:49%; float:left;}

@media (max-width:920px) {
	#contact label, #contact #Form_Form_Name, #contact #Form_Form_Email, #contact #Form_Form_Message { width:100%; }
}

/* Login form */
#MemberLoginForm_LoginForm { background-color: #fff; padding: 20px; text-align: left; width: 300px; margin: 20px auto; border:1px solid #ccc; }
#MemberLoginForm_LoginForm input { width: 100%; padding: 5px; box-sizing: border-box; border:1px solid #ccc; }
#MemberLoginForm_LoginForm .checkbox {width:auto; }
#LostPasswordForm_lostPasswordForm_Email{ padding: 5px; border:1px solid #ccc; margin-bottom:5px; box-sizing:border-box; width:40%; }
#LostPasswordForm_lostPasswordForm_action_forgotPassword{ padding:10px; box-sizing:border-box; width:40%;}

/******** custom effects ********/
.card:hover {box-shadow:5px 15px 35px -20px #000;}
.focus-in-expand-fwd {
	-webkit-animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.card:hover img.home-section-img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
cursor:pointer;
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.location-card .hovereffect2 {
width:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect2 img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.location-card:hover .hovereffect2 img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

@media (max-width:992px)	{
	.hovereffect .overlay {opacity:1;}
}

/* navigation padding on small screen */
@media (max-width:1340px)	{
	#mainNav a.menu-list {padding:0.3rem !important; }
}
@media (max-width:1200px)	{
	#mainNav a.menu-list {padding:0.2rem !important; font-size:90%; }
}

.strait-datepicker {float:right; margin-left:auto; }

.map .contact-info {position:absolute; margin-left:20%; margin-top:100px; }
section.reviews-bg {padding:12rem 0;}
.main-title {display:none;}
.text-shadow { text-shadow:1px 1px 1px rgba(0,0,0,0.4) }
.white-bell {vertical-align: text-top; padding-top:2px; }

/** Room Types **/
.room-info { padding:4.2rem 2rem; }
.room-info .price {font-size:26px; line-height:1.8; margin-bottom:10px; }
.room-info ul {line-height:1.5; font-size:110%; padding:0; }
.room-info ul li {margin-bottom:10px; list-style:none; padding:none; }
.room-img {width:100%; height:520px; object-fit:cover;}
.map {height:400px;}

@media (max-width:992px)	{
	.map .contact-info {position:relative; margin-left:0; margin-top:0; float:left; }
	.map {height:auto;}
	.room-img {height:300px;}
	.strait-datepicker input, .datepicker-button {width:100%;}
}