@font-face {
  font-family: Gistesy; /* set name */
  src: url('../fonts/Gistesy_new.woff'); /* url of the font */
}

#bg_video {
	position: fixed;
	left: 0;
	top: 0px;
	min-width: 100%;
	min-height: 100%;
	z-index: -2;
}

#bg_video_filter {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(255, 255, 255, 0);
}

html
body {
	color: #333;
	/* background: url('../images/bg.jpg') bottom center no-repeat; */
	background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
	background-attachment: fixed;
	background-size: cover;
	font-family: 'Montserrat';
	font-size: 1.05rem;
}

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 10px 0;
	font-family: 'DM Serif Display';
}

h1.display, h2.display, h3.display, h4.display, h5.display, h6.display {
	margin: 0;
	font-size: 420%;
}

h3.display, h4.display, h5.display, h6.display {
	font-size: 250%;
}

h1.montserrat {
	margin: 0;
	font-size: 420%;
	font-family: 'Montserrat';
}

.montserrat {
	font-family: 'Montserrat';
}

a.display:hover,
a.display {
	font-family: 'DM Serif Display';
	font-weight: 400;
	font-size: 100%;
	color: #333;
}

a,
a:hover {
    color: #49a79a;
    font-weight: 500;
}

a:hover {
    color: #286f65;
    text-decoration: underline;
}

h1.gistesy, h2.gistesy, h3.gistesy, h4.gistesy, h5.gistesy, h6.gistesy {
	margin: 10px 0;
	font-size: 500%;
	font-family: 'Gistesy';
	}
	
h1.gistesy, h2.gistesy {
	font-size: 500%;
	}
	
h3.gistesy, h4.gistesy, h5.gistesy, h6.gistesy {
	font-size: 400%;
	}

span.gistesy {
	font-family: 'Gistesy';
}

span.display {
	font-family: 'DM Serif Display';
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-size: 60%;
}
	
.navigation {
	transition: .3s;
	background: #fff;
	padding: 0;
}
	
.navbar-toggler{
	border: none;
}
	
button.navbar-toggler span.navbar-toggler-icon	{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(30,30,30, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


.navbar-brand {
	max-width: 70%;
}

.navigation .navbar-brand img.logo {
	max-height: 200px;
	transition: .3s;
}

.navigation.navigation_shrink .navbar-brand img.logo {
	max-height: 140px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	color: #111;
	font-size: 150%;
	font-weight: 400;
	font-family: 'DM Serif Display';
	margin: 0 10px;
}

.navbar-expand-lg .navbar-nav .nav-item .nav-link div{
	width: 0;
	height: 2px;
	background: #111;
	transition: .3s;
}

.navbar-expand-lg .navbar-nav .nav-item.current .nav-link div,
.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover div {
	width: 100%;
}

.navbar-collapse.collapse.show {
	transition: .3s;	
	background: #fff;
}

.container {
	max-width: 100%;
	width: 1500px;
}
	
.container-fluid.container-spacer {
	height: 18vh;
}
	
.white_bg {
	background: #fff;
	background: url('../images/white_monstera.png') top center no-repeat;
	background-size: cover;
	margin-top: 380px;
}

.monstera_bg {
	background: #fff;
	background: url('../images/white_monstera.png') top center no-repeat;
	background-size: cover;
}
	
.container-fluid.container-white {
	background: #fff;
}
	
.object-fit-cover {
	object-fit: cover;
}

.card.card-transparent{
	background-color: rgba(0, 0, 0, 0.7);
}
.card.card-transparent .card-body{
	color: #fff;
}

.card.card-package{
	box-shadow: 2px 5px 5px #444;
	transition: .3s;
}
.card.card-package:hover{
	box-shadow: 5px 7px 10px 1px #333;
}

.btn-primary {
	background-color: #174a43;
	border-color: #174a43;
}
	
.btn-primary:hover {
	background-color: #286f65;
	border-color: #286f65;
}
	
.btn-secondary {
	background-color: #2A2051;
	border-color: #2A2051;
}
	
.btn-secondary:hover {
	background-color: #19103A;
	border-color: #19103A;
}

.btn-packages {
	border: 1px solid #30a394;
	color: #333;
	padding: 5px 20px;
	border-radius: 5px;
	transition: .3s;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}
.btn-packages:hover {
	text-decoration: none;
	background: rgb(89 193 179 / 30%);
	color: #333;
	color: #286f65;
	/* background: rgb(23 74 67 / 30%); */
	font-weight: bold;
	
}
	
h3.stars {
	color: gold;
}
	
p.author {
	font-style: italic;
	text-align: right;
}

.carousel-control-next span {
	color: #333 !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev span {
	color: #333 !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
	
.carousel-control-next,
.carousel-control-prev {
	align-items: start;
	margin: 30px 0px 0px 0px;
}

footer {
	background: #174a43;
	/* margin-top: 380px; */
}

footer h3, 
footer a:hover, 
footer p,
footer a {
	color: #fff;
}

footer p.social i {
	font-size: 200%;
}

div.panorama,
div#panorama {
	width: 100%;
	height: 700px;
	max-height: 100%;
}

.h-100vh {
	height: 100vh;
}

.linked-cards {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}

.linked-cards h3 {
	color: #fff;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	transform: translate(0, -50%);
	font-size: 300%;
	text-shadow: 2px 2px 1px #000;
}

.linked-cards img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
	filter: brightness(1);
}

.linked-cards:hover img {
	filter: brightness(0.8);
}

a.strong-link:hover,
a.strong-link {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.testimonial-cards {
	width: 100%;
	position: relative;
	border: 2px solid #333;
	padding: 5px;
}

.testimonial-cards img{
	width: 100%;
}

.testimonial-cards .testimonial-content {
	position: absolute;
	top:0;
	padding: 15px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	color: #333;
}


.list-style-none {
	list-style: none;
}

.strapline {
	text-align: center;
	font-family: 'Montserrat';
	font-size: 120%;
	letter-spacing: 1px;
}

hr.dark-hr {
	color: #000;
	border-top: 1px solid #000;
}

.video_holder {
	
	}

.sub_heading {
	line-height: 3;
}

.locations {
	background: #0e3933;
	text-align: center;
}

.locations .col-4 a:hover,
.locations .col-4 a {
	text-decoration: none;
}

div.device_id {
	padding: 10px;
	text-align: center;
	background: #ccc;
	position: fixed;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none !important;
}

div.device_id span{
	width: 100%;
}

@media (max-width: 1200px){
	div.device_id {
		background: yellow;
	}
	
	.locations {
		font-size: 80%;
	}

}

@media (max-width: 992px){
	div.parallax_overlay {
		text-wrap: wrap;
		text-align: center;
	}
	
	h1.gistesy, h2.gistesy, h3.gistesy, h4.gistesy, h5.gistesy, h6.gistesy {
		font-size: 420%;
	}
	
	div.panorama,
	div#panorama {
		height: 450px;
	}
		
	.navigation.navigation_shrink .navbar-brand img.logo,
	.navigation .navbar-brand img.logo {
		max-height: 140px;
	}
	
	div.device_id {
		background: orange;
	}
	
	.locations {
		font-size: 80%;
	}

}

@media (max-width: 768px){
	.container-fluid.container-spacer {
		height: 5vh;
	}
	
	ul#reviews_slider h2 {
		font-size: 130%;
	}
	
	.white_bg {
		margin-top: 380px;
	}
	
	h1.montserrat {
		font-size: 250%;
	}

	h1.display, h2.display, h3.display, h4.display, h5.display, h6.display {
		font-size: 300%;
	}

	h3.display, h4.display, h5.display, h6.display {
		font-size: 225%;
	}

	.sub_heading {
		line-height: inherit;
	}

	#bg_video {
		min-width: 100%;
		height: 100vh;
		left: 50%;
		top: 0;
		transform: translate(-50%, 0);
	}
	
	.locations {
		font-size: 60%;
	}
	
	div.device_id {
		background: green;
	}

	
	h1.gistesy.gistesy-sm, h2.gistesy.gistesy-sm, h3.gistesy.gistesy-sm, h4.gistesy.gistesy-sm, h5.gistesy.gistesy-sm, h6.gistesy .gistesy-sm{
		font-size: 240%;
	}
	
	h1.gistesy.gistesy-md, h2.gistesy.gistesy-md, h3.gistesy.gistesy-md, h4.gistesy.gistesy-md, h5.gistesy.gistesy-md, h6.gistesy .gistesy-md{
		font-size: 350%;
	}
	
}

@media (max-width: 576px){
	.linked-cards h3 {
		font-size: 140%;
		text-shadow: 1px 1px 1px #000;
	}
	
	.white_bg {
		margin-top: 200px;
	}
	
	#bg_video {
		min-width: 100%;
		height: 100vh;
		left: 50%;
		top: 150px;
		transform: translate(-50%, 0);
	}
	
	.container-fluid.container-spacer {
		height: 25vh;
	}
	
	div.device_id {
		background: red;
	}
	
	div.panorama,
	div#panorama {
		height: 400px;
	}
	
	.locations {
		font-size: 80%;
	}
}