body {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Jim Nightshade", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 { font-size: 1.5m; }

.header-message h2 {
	margin-top: 10px;
	font-size: 2.8rem;
	font-weight: 300;
	font-family: Montserrat;
}
.social {
	text-align: left !important;
}
.header-top {
/*	height: 400px;*/
	position: relative;
	overflow: hidden;
	font-weight: 700;
}


/*--------added----------*/

.navbar .navbar-brand {
	color: #ffffff;
}

.padding-social {
	padding: 10px;
}

.panel-danger {
	border-color: #584257;
}

.panel-danger > .panel-heading {
	color: #ffffff;
	background-color: #584257;
	border-color: #584257;
}

.side-nav {
   font-size: 1rem;
}

.side-nav a {
	 padding: 10px 0px 10px 0px;
	 margin: 2px;
	 display: block;
	 color: #30363e;
	 border-bottom: #7e7e7e thin solid;
}

.side-nav ul {
	list-style: none;
	padding-left: 0;

}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

.margin-search {
   margin-top: 10px;
   margin-bottom: 10px;
}

.lead-3 {
	/* margin-bottom: 20px; */
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}

.lead-3 a{
  font-size: 1rem;
  font-weight: 600;
  font-family: Amatic SC;
}

.lead-2 {
  font-size: .9rem;
  font-weight: 300;
  font-family: Montserrat;
}

.inner {
	 overflow: hidden;
}

.parallax {
	margin-top: 30px;
	height: 60vh;
	overflow: hidden;

}
.parallax > * {
	height: 200%;
	position: relative;
	top: -150%;
}

.move-text {
		width: 100%;
		text-align: center;

}

.move-text h1 {
	  text-shadow: 2px 2px #191919;
	  color: #000000;
	  font-family: Amatic SC;
	  font-size: 10rem;
}

.top-header {
   font-family: "Jim Nightshade";
   font-size: 6rem;
   font-weight: 700;
}

/*-------------- Flexbox grid --------------*/

.flex-container {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.flex-item-4 {
	display: flex;
	flex-direction: column;
	flex: 0 1 23.5%;
	background: transparent;
	padding: 20px;
}
.flex-item-3 {
	display: flex;
	flex-direction: column;
	flex: 0 1 33%;
	background: transparent;
	padding: 20px;
}
.flex-content h2 {
	color: #000;
	font-size: 24px;
	text-align: center;
}
.flex-content img {
	max-width: 100%;
	width: 100%;
}
.flex-content p,
.flex-content li {
	color: #9C9C9C
}
.flex-content ul {
	margin-bottom: 20px;
}
.flex-content hr,
.logos hr {
	width: 25%;
	height: 3px!important;
	border: none!important;
	background-color: #ffb6b1!important;
	text-align: left;
}
@media(max-width:992px) {
	.flex-container {
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.flex-item-4,
	.flex-item-3 {
		flex: 0 1 48%;
		margin: 10px auto;
	}
}
@media(max-width:600px) {
	.flex-item-4, .flex-item-3 {
		flex: 0 1 98%;
		margin: 10px auto;
	}
	.padding-header-top {
		 padding-left: 10px;
	 }
	 .navbar-brand {
	   float: left;
	   height: 50px;
	   padding: 15px 15px;
	   font-size: 16px;
	   line-height: 20px;
	 }

	.header-message h2 {
	margin-top: 10px;
	font-size: 2rem;
	font-weight: 300;
	font-family: Montserrat;
	  }
}
@media only screen and (max-width:500px) {
	.header-message h2 {
		font-size: 1rem;
	  }
}
/* ------------ carousel --------------- */
.swiper-img img {
	  width: auto !important;
	  height: 600px!important; 
	}
/*------------- Nav ---------------*/

.navbar {
	margin-bottom: 0;
	border-radius: initial;
}
.navbar {
	background: #584257;
	width: 100%;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	color: #f9f9f9;
	border: none!important;
	padding: 0;
}
.navbar .dropdown-menu {
	background: #584257;
}
.navbar .dropdown-menu li {
	background: #584257;
}
.navbar .dropdown-menu li:hover {
	 background: rgba(217,83,79, 0.8);
}
.navbar .dropdown-menu li a {
	color: white;
	display: block;
}
.nav-link {
	padding:15px;
}
.navbar-expand-md .navbar-nav {
	justify-content: center;
}
.navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-static {
	width: 100%;
}
.navbar-nav {
	width: 100%;
	text-align: center;
}
.navbar-nav > li {
	float: none;
	display: inline-block;
}
.navbar .navbar-nav>li> a {
	color: #f9f9f9;
}
.navbar .navbar-nav>li> a:hover {
	/*color: #9C0B0E;*/
	  color: #d9534f;
}
.navbar .navbar-nav>li> a.active {
	background: rgba(217,83,79, 0.8);
	color: black;
}
.navbar .navbar-nav>li> a.active:hover {
	background: rgba(217,83,79, 0.8);
	color: white;
}
.navbar-header .navbar-brand:hover {
	color: #ffde42;
}
.navbar-collapse {
	padding: 0;
	width: 100%;
}
#nav.container.affix {
	padding: 0;
}
#nav.affix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
#nav.affix-top {
	padding: 0;
}
#nav.container {
	width: 100%;
}
/* ------------- helpers  ---------------*/

.top-buffer-lg {
	margin-top: 60px;
}
.bottom-buffer-lg {
	padding-bottom: 60px;
}
.top-buffer-sm {
	margin-top: 30px;
}
.bottom-buffer-sm {
	padding-bottom: 30px;
}
/*--------- Jumbotron ---------------*/

.jumbotron {
	background: url(/site/hero-d.jpg) no-repeat top right / cover;
	color: #f8f8f8;
	margin: 0;
	text-transform: uppercase;
	padding: 30px 0;
}
.jumbotron img {
	max-width: 170px;
}
.home-header img {
	max-width: 300px;
}
.home-header h1 {
	 font-family: Amatic SC;
}
.jumbotron a {
	color: white;
}
.jumbotron h1 {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	font-size: 5em;
	background-color: rgba(0, 0, 0, 0.5);
	margin: 60px auto 20px;
	padding: 20px;
	
}
.jumbotron h2 {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	font-size: 2em;
}
.home-header {
	color: #f8f8f8;
	margin: 0 auto;
	text-transform: uppercase;
	position: absolute;
	z-index: 10;
	top: 10%;
	left:100px;
	right:auto;
}
/* ---------- header ------------*/

.header-message {
	position: relative;
	/* padding-top: 80px; */
	width:215%;
	padding: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: rgba(0, 0, 0, 0.5);
	margin-top: 10px;
	max-width: 625px;
	margin-left: auto;
	margin-right: auto;
	color: #fff
}
.header-message img {
	max-width: 60%;
	padding-bottom: 20px;
	border: 1px solid rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 992px) {
	.header-message {
		width: 100%;
	}
.home-header {
	left:10%;
	right:10%;
}
.padding-header-top {
			padding-left: 10px;
}
}
@media only screen and (max-width: 600px) {
	.header-message {
		width: 100%;
	}
}
.header-bottom {
	padding-bottom: 30px;
}
.header-bottom h2,
.header h2 {
	font-size: 18px;
	color: #D2D2D2;
}
/* ------------------ Content area -----------------*/

.intro-divider {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.intro-message > h3 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.bottom-section {
	background: #fff;
}
.content-section-1 img {
	display: block;
	margin: 0 auto;
}
.button-text {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
}
.content-section-1 {
	padding-top: 50px;
	background-color: #fff;
}
.content-section-2 {
	padding: 60px 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.content-section-2 .panel {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.content-section-2 img {
	padding-top: 150px;
	display: block;
	margin: 0 auto;
}
.content-section-2 .panel .panel-heading {
	border-bottom: 1px solid #fff;
}
.content-section-2 .panel .panel-heading h2 {
	text-transform: uppercase;
}
.content-section-2 .panel .panel-body {
	background-color: #DFF0D8;
}
.section-heading {
	margin-bottom: 30px;
}
.section-heading-spacer {
	float: left;
	width: 200px;
	border-top: 3px solid #e7e7e7;
}
.banner {
	padding: 100px 0;
	color: #f8f8f8;
	background: url("/site/hero-d.jpg") no-repeat top left;
	background-size: cover;
	background-attachment: fixed;
	margin-bottom: 0;
}
.banner .row {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: rgba(0, 0, 0, 0.5);
}
/*--------- banner area (for pages) --------------*/

.banner h2 {
	margin: 0;
	font-size: 2rem;
	color: #fff;
	padding: 30px;
}
.banner-social-buttons {
	margin-top: 0;
	padding: 30px;
}
/*-------------Footer ---------------*/

footer {
	padding: 50px 0;
	background-color: #f8f8f8;
}
/*--------------- media queries ---------------*/

@media(max-width:768px) {
	.banner h2 {
		margin: 0;
		text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.3);
		font-size: 3em;
	}
	.header {
		background-attachment: scroll;
		background-size: cover;
	}
	.header-top {
	/*	background-image: url("/library/marble-bg.jpg"); */
	}
	.jumbotron h2 {
		font-size: 1.5em;
	}
	.jumbotron img,
	.home-header img {
		max-width: 65%;
	}
.top-header, .move-text h1 {
	font-size: 5rem;
 }
}
@media (max-width: 576px) {
.jumbotron img,
	.home-header img {
		max-width: 100%;
	}
}
@media(min-width:768px) {
	.navbar-brand {
		display: none;
	}
	.header-bottom h2,
	.header h2 {
		font-size: 28px;
		color: #D2D2D2;
	}
	.bottom-img-1 img {
		padding-left: 15px;
	}
	.bottom-img-2 img {
		padding-right: 15px;
	}
}
@media(min-width:768px) and (max-width:992px) {
	.navbar .container, .navbar .container-fluid {
		width: 100%;
	}
}

@media only screen and (max-width:1200px) {
	.swiper-img img {
		width: 100% !important;
		height: auto !important;
	}
	.header-top {
		height: auto !important;
	}
} 

@media(min-width:1200px) {}

.owl-carousel {
	overflow: hidden;
}
.owl-nav button {
	  background-color: #008CBA;
	  border: none;
	  color: white;
	  padding: 5px 12px;
	  margin: 5px;
	  text-align: center;
	  text-decoration: none;
	  font-size: 16px;
	  border-radius: .25rem;
}
.owl-img {
	height: 17rem;
	overflow: hidden;
}
@media only screen and (max-width: 600px) {
	.owl-img {
	height: 28rem;
}
}
@media only screen and (max-width: 576px) {
	.swiper-img img {
		width: 100% !important;
		height: auto !important;
	}
	.header-top {
		height: auto !important;
	}
	.top-header {
		font-size: 3rem !important;
	}
}
@media only screen and (max-width: 500px) {
	.owl-img {
		height: 22rem;
	}

}

.bg-maroon {
	 background: #584257 !important;
}

.border-maroon{
	border-color: #584257 !important;
}

.btn-maroon{
	color: #fff;
}
