body {  
font-family:'Open Sans', sans serif;
font-weight:300;
}
h2, h3, h4{
font-family: 'Merriweather', serif;
}

.header3 h3 a { color:white; }
h3.lead { font-size: 22px; font-weight: 600; }
.header-message h2 { margin-top:10px; }
.header-text h2 { text-shadow: 0 0 5px black; }

p, div.page li { font-size: 16px; font-weight:300; }
.p9 li { float: left; margin: 10px 0; width: 48%; }
.top-img img { max-height:400px; }

.header-top { height:800px; position:relative; overflow:hidden; }

.bottom-section { background:#fff; }

/* ---------- carousel ------------ */

.carousel-header {
	position: relative;
}
.header-text {
	position: absolute;
color:#fff;
	top: 40%;
	left: 33%;
z-index: 10;
}
.header-text a {
color:#fff;
}
.header-text img{
max-width:100%;
width:400px;
}
.carousel-bg > .container {
width:100%;
padding-left:0;
padding-right:0;
}
.carousel-inner > .item{
background-attachment:fixed;
}
.carousel-inner > .item > img{
max-width:100%;
width:100%;
}
.carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-inner .active {
	opacity: 1;
}
.carousel-inner .active.left,
.carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-inner .next.left,
.carousel-inner .prev.right {
	opacity: 1;
}
 .carousel-control {
	z-index: 2;
}
img.gem {
  float: left;
  margin: 0 20px 0 0;
}

.carousel {
-webkit-background-size: cover;
background-size: cover!important;
}
/*
background-attachment: fixed;
background-position: center;
position: fixed;
width: 100%; 
*/

.carousel { z-index: -99; }

/*.carousel .item {
position: fixed;
width: 100%;
height:100%;
}*/

/*------------- Nav ---------------*/

.navbar{
margin-bottom:0;
width:100%;
box-shadow:0 3px 5px rgba(0,0,0,0.2);
padding: 0;
background:black;
 }
.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:gold;
padding:13px;
}
.navbar .navbar-nav>li> a:hover{ 
color:#9C0B0E; 
}
.navbar .navbar-nav>li> a.active{
background:rgba(201,48,44, 0.8);
color: white;
}
.navbar .navbar-nav>li> a.active:hover{
background:rgba(201,48,44, 0.8);
color: var(--gray);
}
.navbar-brand { font-size: 0.9rem; color: gold; }
.navbar-header .navbar-brand:hover{
	color:#ffde42;
}
.navbar-collapse{
padding:0;
width:100%;
}
#con .header{
height:678px;

}
#con.container{
width:100%;
margin:0;
padding:0;
background:url("/library/marble-bg.jpg") no-repeat top right / cover;
}

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

/*-------------- Header area ---------------*/
.header {
	padding: 0 0 3%;
	text-align: center;
	color: #f8f8f8;
text-transform:uppercase;
}
.header .col-lg-12{
padding:0;
}
.header-message {
	position: relative;
	/* padding-top: 80px; */
	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);
}
.header-bottom{
padding-bottom:30px;
}
.header-bottom h2, .header h2{
font-size:18px;
color:#D2D2D2;
}

.header-message > h1 {
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 5em;
  margin: 0 auto;
  padding: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.header-message > h3 {
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.header-message2 > h1 {
  font-size: 7rem;
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.header-message2 > h3 {
  font-size: 5rem;
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.logos{
display:block;
background:rgba(157,11,14,0.8);
}
.logos img{
display:inline-block;
width:15.66666667%;
border:none;
}

/*--------- Jumbotron ---------------*/
.jumbotron {
/*margin:50px 0 0 0!important;*/
padding:0!important;
}
.jumbotron img, .home-header img{
width:100%;
}
.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;
padding-top:250px;
}

/* ------------------ 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);
}

.content-section-1 img{
display:block;
margin:0 auto;
padding-top:30px;
}

.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/BigHome-1.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: 2.5em;
color:#fff;
padding:30px;
}

.banner-social-buttons {
margin-top: 0;
padding:30px;
}

/*-------------Footer ---------------*/
footer { padding: 50px 0; background-color: #f8f8f8; }

/*--------------- galleries ---------------*/
 .thumbs img{
	width:90%;
	padding:2%; /* A percentage that, when doubled and added to the above, makes 100%. */
	background:transparent;
	border:1px solid #CCCCCC;
	  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;/* Color of the faux border. */
}
.thumbs img:hover {
	  opacity: 0.5;
	  }
.thumb .title, .thumb .number{
text-align:center;
color:#807B73;
}

/*--------------- media queries ---------------*/

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@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(max-width:1200px) {
}

@media(max-width:767px) {
.header-text { display:none; }
}

@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"); }
.header-text { top:33%; left:25%; }
.jumbotron h2 { font-size: 1.5em; }
.jumbotron img, .home-header img { max-width:100%; };
.container.container-fluid { max-width:100%; width:100%; padding-left:0; padding-right:0; }
.row { margin-left:0; margin-right:0; }
}

/*------------------
--Added
--------------------*/
.carousel-item img {
	width: 100%;
}
.panel-body img {
	width: 100%;
}
.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");
}
.btn-light {
	color: #212529 !important;
}