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

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

img {
	border-radius: 0px; 
}

section.whiteSolid {
	color:#333;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
	top: 0px;
}

section.greyLight {
	color:#333;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(235,235,235,1), rgba(235,235,235,1));
	top: 0px;
}

section.greyLightCrumbs {
	padding: 20px;
	color:#333;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(245,245,245,1), rgba(245,245,245,1));
	top: 0px;
}

section.lgtOrngLightGrdnt {
	color:#333;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
  	background: linear-gradient(to bottom right, 
  		rgba(235,208,194,1), 
  		rgba(235,208,194,1));
	top: 0px;
}

section.greyLightClear {
	color:#666;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
  	background: linear-gradient(to bottom right, 
  		rgba(240,240,240,1), 
  		rgba(225,225,225,1));
	top: 0px;
}

section.greyDarkClear {
	color:#666;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
  	background: linear-gradient(to bottom right, 
  		rgba(175,175,175,1), 
  		rgba(225,225,225,1));
	top: 0px;
}

section.blackClear {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.9));
	top: 0px;
}

section.blackClearBottom {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: 
		linear-gradient(to bottom right, 
		rgba(0,0,0,0.9), 
		rgba(0,0,0,0.7)), 
		url(../images/banners/open.jpg);
	top: 0px;
}

section.blackSolid {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1));
	top: 0px;
}

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

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

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

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

.section-sm {
	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;
}

#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;
}

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

	.logoPC {
		display:none;
	}

}