@charset "utf-8";
/* CSS Document */

body, html {
	margin:0;
	padding:0;
}

section.sandy-white {
	color:#01aa9f;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(250,242,232,1), rgba(250,242,232,1));
	top: 0px;
}

section.drifted-dune {
	color:#01aa9f;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(245,233,211,1), rgba(245,233,211,1));
	top: 0px;
}

section.dampened-dune {
	color:#373435;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(228,214,189,1), rgba(228,214,189,1));
	top: 0px;
}

.section-infoSlide {
	height: 300px;
}

.section-fullscreen {
	min-height: 100vh;
}

.section-carousel {
	min-height: 60vh;
}

.section-xlg {
	padding: 200px 0;
}

.section-lg {
	padding: 150px 0;
}

.section-md {
	padding: 100px 0;
}

.section-sm {
	padding: 50px 0;
}

.section-xsm {
	padding: 20px 0;
}

.flex-vertical-left {
	display: flex !important;
	align-items: center !important;
	justify-content: left !important;
	vertical-align:middle !important;
}

.flex-vertical-center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align:middle !important;
}

.flex-vertical-right {
	display: flex !important;
	align-items: center !important;
	justify-content: right !important;
	vertical-align:middle !important;
}

.instagramColor {
	background:
    linear-gradient(to top right, 
    #ffdc80, 
    #fcaf45, 
    #f77737, 
    #f56040, 
    #fd1d1d, 
    #e1306c, 
    #c13584, 
    #833ab4, 
    #5851db);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#logo_overlay {
	position: absolute;
	vertical-align: middle !important;
	top: 10px !important;
	left: 25vh !important;
	height: auto !important;
	width: 500px !important;
	z-index: 100 !important;
}

.logoMobile {
	display:none;
}

/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background: rgba(255,255,255,0);
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 14px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #ef8834;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #e7551e;
  text-decoration: none;
}

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

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media (max-width: 600px){
	.logoMobile {
		display: block;
		z-index: 100;
	}
	
	#logo_overlay {
	}

	.logoPC {
		display:none;
	}

}

.imageBox {
  position: relative;
}

.imageBox .content {
  position: absolute;
  bottom: 0;
  background: rgba(175, 189, 119, 0.7);
  color: #fff;
  width: 100%;
  padding: 20px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
