.full-width-and-padding {
  max-width: 900px;
  margin: auto;
  text-align: center;
  padding: 100px 0;
}

.tour-next-link {
	text-align: right; 
	margin-top: 150px; 
	display: block;
}

.photo-credit {
	font-weight: 100 !important; 
	position: relative !important; 
	top: -22px !important; 
	font-style: italic !important; 
	color: gray !important;
	font-size:10px !important;
	text-align: right !important;
}

.award-container {
	max-width: 450px;
}

.tour-control-img {
    float: right;
    max-width: 275px;
    height: auto;
    margin-left: 40px;
    margin-bottom: 20px;
}

.history-learn-more {
	position: absolute;
	bottom: 70px;
	right: 50px;
	z-index: 999999;
	color: white;
}

.small-caption {
	display: block;
	font-size: 11px;
	font-weight: bold;
	clear: both;
	margin-top: 5px;
}

.wide-photo {
width: 100%;
    height: auto;
    display: block;
    margin-top: 48px !important;
    margin-bottom: 30px !important;
}

.interview-mac-photo {
    width: 400px;
    height: auto;
    max-width: 50%;
    float: right;
    margin: 6px 0 20px 30px;
}

.pb-800 {
	padding-bottom: 800px !important;
}

.pb-700 {
	padding-bottom: 600px !important;
}

.pb-600 {
	padding-bottom: 600px !important;
}

.pb-500 {
	padding-bottom: 500px !important;
}

.pb-400 {
	padding-bottom: 400px !important;
}

h2 {
	font-size: 42px;
}

.history-next {
	color: rgb(255, 195, 119);
	font-size: 28px;
	font-weight: 500;
	text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 0px, rgb(0, 0, 0) 0px 0px 0px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.geela-award {
	width: 230px;
	height: auto;
	float: right;
	max-width: 50%;
	margin: 18px 0 0 5px;
}


.people-page-photo {
	width: 100%;
	height: auto;
}

.contractor-col h3 {
	font-size: 33px !important;
}

.jumpmenu {
	    position: fixed;
    top: 60px;
    z-index: 2;
    right: 10px;
    padding: 100px;
    background: white;
    font-size: 18px;
}

.gray-border {
	border: 1px solid #7d7d7d !important;
}



.tour-dot {
	color: white;
	width: 20px;
	display: inline-block;
	text-align: center;
	border-radius: 13px;
	font-weight: 300;
	font-size: 12px;
	height: 20px;
	margin-bottom: 1px;
}


.red-dot {
	background: #d24a48;

}

.orange-dot {
	background: #d27e46;
}

.yellow-dot {
	background: yellow;
	color: black;
	border: 1px solid #e0e0e0;
}

.tour-image-map {
	width: 100%;
	height: auto;
}

.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

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

.tooltip-thumb {
	width: 70px;
	height: auto;
}


.modal-title {
	font-family: 'Cormorant Garamond', serif;
	font-size: 40px;
}

.tour-card {
	background-color: #303132 !important;
}

.tour-card-body {
	color: white;
}




.map-view-container {
    border-top: 1px dotted #3b3b3b;
 
    padding: 5px 12px 8px 12px;
    display: block;
    letter-spacing: 1px;
   font-size: 11px;
   font-weight: 100;
    text-align: center;
    text-transform: uppercase;
  }

  .map-view-container a {
  	color: #fff;
  }

.map-view-links, .map-view-links a {
	color: #595959;
}

.map-view-links a:hover {
	color: #ff3454;
}


.legend-links {
	line-height: 19px;
}

.legend-links a {
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 1px;
}

.modal-body {
	font-size: 1rem;
}


.bg-transparent-black {
	background-color: rgba(0,0,0,.5);
}





.dropdown-item {
	color: white;
	font-size: 14px;
	font-family: "Open Sans";
	letter-spacing: 1px;
	font-weight: 100;
}

.skip-intro {
	text-decoration: none !important;
	text-shadow: 1px 1px 27px white;
	letter-spacing: 1px;
	color: #dbdbdb;
	font-size: 13px;
	margin-top: 6px;
}

.header-72 {
	font-size: 72px !important;
}


.slide-container p {
	margin-top: 40px;
}


.homepage-para p {
	margin: 30px 0 10px 0;
}



.fp-slide-caption {
	color: rgb(255, 255, 255);
	font-family: "Open Sans";
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 38px;
	min-width: 450px;
	text-align: center;
	text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 0px, rgb(0, 0, 0) 0px 0px 0px;
}


.fp-controlArrow {
	width: 50px !important;
	height: 70px;
}

.fp-controlArrow.fp-prev {
	border: 0;
    background-image: url(/wp-content/uploads/2019/06/left-hover.png) !important;
    background-size: cover;
    background-position: center;
}


.fp-controlArrow.fp-next {
	border: 0;
    background-image: url(/wp-content/uploads/2019/06/right-hover.png) !important;
    right: 65px;
    background-size: cover;
    background-position: center;
  }


	.fp-controlArrow.fp-prev {
		left: 20px;
	}





.pad-next-slide {
	padding: 100px 0 200px 0 !important ;
}

.section{
	background-size: cover;
}

.header-bg-300 {
	width:100%; 
	height: 300px; 
	background-position: top !important; background-size: cover;background-position: 50% 0%;
background-position-x: 50%;
background-position-y: 0%;
}

.section-header-h2 {
	color: white;
	text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 0px #000, 0px 0px 0px #000;
	font-weight: 500;
	letter-spacing: 2px;
	text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 0px #000, 0px 0px 0px #000;
	font-weight: 500;
	letter-spacing: 2px;
	text-align: center;
	margin: auto;
	min-width: 450px;
	width: 100%;
	top: 50%;
	line-height: 38px;
	font-size: 60px;
	position: relative;
	height: 40px;
}

.down-arrow-block {
	display: block;
	text-align: center;
	padding: 45px;

}


.body-test {
	font-size: 16px !important;
	line-height: 1.6 !important;
	font-weight: 100 !important;
}

.slide{
	background-size: cover;
}


.text-bg-white {
	background: white;
}


.h-100 {
	height: 100% !important;
}

.p-0 {
	padding: 0 !important;
}

.down-arrow-container{
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	margin:auto;
	display:inline-block;
	text-align:center;
}


/* Fullpage navigation extension
========================================= */
#fp-nav{
    font-size: 15px;
    text-transform: uppercase;
    font-family: cerapro-light;

   text-shadow: 0px 1px 1px #fff;
    	
    letter-spacing: 1px;
    line-height: 15px;
    font-weight: 400;
}

.fp-tooltip {
    	color: #7b7b7b !important;
}

#fp-nav ul li a span:not(.fp-sr-only){
    left: 0;
    top: 0;
}
#fp-nav ul li a.active span:not(.fp-sr-only),
#fp-nav ul li:hover a.active span:not(.fp-sr-only),
#fp-nav ul li:hover a span:not(.fp-sr-only),
#fp-nav ul li a span:not(.fp-sr-only){
    margin: 0;
}
#fp-nav ul li {
    height: auto;
}
#fp-nav ul li a span:not(.fp-sr-only){
    position:relative;
    display: block;
    background: transparent;
}
#fp-nav ul li a.active span:not(.fp-sr-only),
#fp-nav ul li:hover a.active span:not(.fp-sr-only),
#fp-nav ul li:hover a span:not(.fp-sr-only),
#fp-nav ul li a span:not(.fp-sr-only){
    height: 12px;
    width: 12px;

}
#fp-nav ul li {

    margin: 12px 7px;
}


/* Extension
 * --------------------------------------- */
#fp-nav ul li{
    width: auto;

}
#fp-nav ul li a{
    width: auto;
    display: table;
    height: auto;

}
#fp-nav ul li .fp-tooltip {
    top: 1px;
}
#fp-nav.fp-right ul li .fp-tooltip {
    right: 25px;
}
#fp-nav.fp-left ul li .fp-tooltip {
    left: 25px;
}


/* Colors
 * --------------------------------------- */
#fp-nav ul li a.active span:not(.fp-sr-only){
    background: #fff;
}
#fp-nav ul li:hover a:not(.active) span:not(.fp-sr-only){
    background: rgba(159,143,92,0.4); 

}
#fp-nav ul li a span:not(.fp-sr-only) {
    background: transparent;
    border: 1px solid #fff;


}



/* Fullpage Custom
=============================================== */

/* 

.fp-controlArrow {
	width: 50px !important;
	height: 70px;
}

.fp-controlArrow.fp-prev {
	border: 0;
    background-image: url(/wp-content/themes/wp-bootstrap-starter/assets/img/left-hover.png) !important;
    background-size: cover;
    background-position: center;
}


.fp-controlArrow.fp-next {
	border: 0;
    background-image: url(/wp-content/themes/wp-bootstrap-starter/assets/img/right-hover.png) !important;
    right: 45px;
    background-size: cover;
    background-position: center;
  }
*/



/* Big
 * --------------------------------------- */
.fp-big-nav #fp-nav ul li a.active span:not(.fp-sr-only),
.fp-big-nav #fp-nav ul li:hover a.active span:not(.fp-sr-only),
.fp-big-nav #fp-nav ul li:hover a span:not(.fp-sr-only),
.fp-big-nav #fp-nav ul li a span:not(.fp-sr-only){
    height: 12px;
    width: 12px;
}
.fp-big-nav #fp-nav ul li {
    margin: 25px 7px;
}

.fp-big-nav #fp-nav ul li .fp-tooltip {

    top: -2px;

}

.fp-big-nav #fp-nav.fp-right ul li .fp-tooltip {
    right: 20px;
}
.fp-big-nav #fp-nav.fp-left ul li .fp-tooltip {
    left: 20px;
}


/* Custom */

#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: #b7b7b7;
    border-radius: 12px;

}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #fff;
}

#fp-nav ul li a.active span:not(.fp-sr-only) {
    background: #7b7b7b;
}



.slide-text {
  color: white;
  font-family: "Open Sans";
  font-size: 28px;
  font-weight: 500;
  text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 0px, rgb(0, 0, 0) 0px 0px 0px;
  -webkit-font-smoothing: subpixel-antialiased;
}



.slide-container h2 {
	font-family:"Cormorant Garamond";
	font-size:60px;
	font-weight:300;
	letter-spacing:-1px;
	line-height:60px;
	text-shadow:rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 0px, rgb(0, 0, 0) 0px 0px 0px;
	-webkit-font-smoothing: subpixel-antialiased;
}


.slide-container {
	text-align: center;
  color: white;
  font-family: "Open Sans";
  font-size: 28px;
  font-weight: 500;
  text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 0px, rgb(0, 0, 0) 0px 0px 0px;
  -webkit-font-smoothing: subpixel-antialiased;
  max-width: 800px;

margin: auto;
}

.slide-container a {
	color: rgb(255, 195, 119);
}



.white {
	color: white !important;
}

.wp-caption-text {
    font-size: 14px !important;
    font-weight: normal !important;
    text-align: center;
}

	.home-header-craig-spacer {
		margin-top: 60px;
	}
	
	.homepage-craig-wooster {
		position: fixed;
    margin: auto;
    z-index: 999;
    right: 0%;
    left: 0%;
    display: block;
    text-align: center;
    color: yellow;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    top: 49px;
    left: 0px;
    width: 100%;
	}

	.homepage-craig-wooster:hover {
		color: orange;
	}

	.content-section h2, h3, h4 {
		font-family: 'Cormorant Garamond', serif;
		margin: auto;
		margin-bottom: 10px;
	}

	.content-news p {
		clear: both;
	}

	.content-news img {
		float: left;
		width: 95px;
		height: auto;
		margin-right: 10px;
		margin-bottom: 15px;
		border: 1px solid gray;
		border-radius: 10px;
	}

	.content-section h3 {
		font-size: 40px;
	}

	.footer-widget {
		display: block;
    position: fixed;
    bottom: -60px;
    height: 19px;
    width: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    padding: 20px 0 40px 0;
		font-family: "Open Sans", Lato;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    color: #e4e4e4 !important;
    text-shadow: 1px 1px 3px black;
	}


.custom-collapse {
	border-left: 1px solid rgb(214, 214, 214);
    padding-left: 15px;
}
	
	.page-template-homepage {
		background: black;
	}


	.news-thumbnail {
		float: left;
		width: 95px;
		height: auto;
		margin-right: 10px;
		margin-bottom: 15px;
		border: 1px solid gray;
		border-radius: 10px;
	}

	.vision-quote {
		font-size: 17.5px;
	}

		.full-width-caption {
		width: auto;
		background: rgba(0, 0, 0, 0.63);
		color: white;
		z-index: 2;
		text-align: right;
		font-size: 12px;
		position: relative !important;
		margin-top:-25px;
		height:25px;
		padding-top:3px
	}

	.carousel-control {
		opacity: 1;
	}

	.news-link {
		display: block;
    font-size: 18px;
    position: relative;
    top: 25px;
	}

	.craig-photo {
		max-width: 400px;
	}

	.clear-black-bg-23 {
		/* background: rgba(0, 0, 0, 0.23) !important; */
	}

	.history-container {
		margin-bottom: 50px; 
		margin-top: 50px
	}

	.history-container-top {
		margin-bottom: 50px;
	}

	a {
		cursor: pointer;
		cursor: hand;
	}
	
	.full-width-photo-container {
		width: 100%;
		height: auto;
	}

	.full-width-photo {
		width: 100%;
		height: auto;
	}
	
	.clear {
		clear: both !important;
	}

	.caption {
				font-size: 11px; 
		font-weight: bold;
	}

	.img-caption-right {
		float: right;
		margin: 3px 0 20px 30px;
	}

	.img-caption-left {
		float: left;
		margin: 3px 30px 20px 0px;
	}

	.img-caption-right, .img-caption-left {
		font-size: 11px; 
		font-weight: bold;
		width: 300px;
		height: auto;
		text-align: center;
		border: 1px solid #d4d4d4;
		padding: 7px;
		border-radius: 5px;
	}

	.img-caption-right img, .img-caption-left img {
		margin-bottom: 10px;
		width: 100%;
		height: auto;
	}

	.node-rule {
		clear:both;
		margin-top: 60px;
		margin-bottom: 30px;
		display: block;
	}

	.text-container {
		padding-bottom: 55px;
	}

	.section-header {
		font-family: 'Cormorant Garamond', serif;
		margin: auto;
		margin-bottom: 10px;
	}

	h4.intern-header{
		font-size: 30px;
			font-family: 'Cormorant Garamond', serif;
			margin-bottom: 2px;
	}
		
	a:hover, .legend-links a:hover {
		color: #ff3454;
		text-decoration: none;
	}


	h2, h3.featurette-heading, .featurette h3  {
	  font-family: "Cormorant Garamond";
	  font-weight: 500;
	}

	h2.featurette-heading, .featurette h2 {
	  font-size: 60px;
	}

	h3.featurette-heading, .featurette h3 {
	  font-size: 40px;
	}

	h2.section-header {
		font-size: 60px;
	}

	h3.section-header {
		font-size: 40px;
	}


	.featurette-divider {
	  margin: 80px 0; /* Space out the Bootstrap <hr> more */
	}

	/* Thin out the marketing headings */
	.featurette-heading, .featurette h3, .featurette h2 {
	  font-weight: 300;
	  line-height: 1;
	  letter-spacing: -1px;
	}



	/* Carousel base class */
	.carousel-short {
	  height: 300px;
	  margin-bottom: 60px;
	}
	/* Since positioning the image, we need to help out the caption */
	.carousel-caption {
	  z-index: 10;
	}

	/* Declare heights because of positioning of img element */
	.carousel-short .item {
	  height: 300px !important;
	  background-color: #777;
	}
	.carousel-short-inner > .item > img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  min-width: 100%;
	  height: 300px;
	}


	.home-header {
		font-family: 'Cormorant Garamond', serif;
		/* font-family: 'EB Garamond', serif; */
	}




	.search-site-form {
	  text-align: center;
	}

	body {
		font-family: "Open Sans";
	}


.inner-caption-container {
    text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 0px #000, 0px 0px 0px #000;
    font-weight: 500;
    letter-spacing: 2px;
}

	.skip-intro-link:hover, #skip-intro-container {
		text-decoration: none !important;
		text-shadow: 1px 1px 27px white;
	}

	.carousel-pull-up {
		margin-top: -20px;
	}

	.blog-index-button {
		width: 240px;
		padding-bottom: 18px;
		margin-bottom: 20px;
		max-width: 100%;
	}

	.blog-index-well {
		text-align: center;
		line-height: 30px;
	}



	.carousel-full,.item-full,.active-full {height:100%;}
	.carousel-inner-full {height:100%;}


	.inner-caption-container a {
	    color: #ffc377;
	}

	.btn-default {
	  color: #333 !important;
	}

	.lead-big {
		font-size: 30px;
	}

	/* Carousel background magic
	================================================ */
	.fullscreen-fill {
		    width: 100%;
		    height: 100%;
		    background-position: center;
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    background-size: cover;
		    -o-background-size: cover;
		}

		.fullscreen-carousel,
		.fullscreen-item,
		.fullscreen-active {
		    height: 100% !important;
				width: 100% !important;
		}

		.fullscreen-carousel-inner {
		    height: 100% !important;
		}


		.fullscreen-carousel-caption {
			width: 100%;
			left: 0 !important;
			top: 0 !important;
			right: 0 !important;
			line-height: 38px;
			font-size: 19px;
			bottom: 0;
		}

		.inner-caption-container {
		  text-align: center;
		  width: 70%;
		  margin: auto;
		  min-width: 450px;
		}


		.full-width {
		    width: 100%;
		}





	.intern-row-padding {
		padding-top: 40px;
		/* border-top: 1px solid #d6d6d6; */
		padding-bottom: 40px;
	}

	.footer-top-border {
		margin-top: 50px;
		border-top: 1px solid #d6d6d6;
		padding-top: 4px;
	}

	.footer-link-left-border {
		padding-left: 12px;
		border-left: 1px solid #d6d6d6;
	}

	.footer-link, .footer-link:hover {
		color: rgb(102,102,102);
	}

	.footer-link>b, footer-link>b:hover {
		color: #333;
	}



.white-footer-link, .white-footer-link:hover {
		color: white;
	}

	.white-footer-link>b, .white-footer-link>b:hover {
		color: white;
	}




	.footer-container {
		width: 100%;
		padding: 30px 0;
		background: #f0f0f0;
		line-height: 21px;
	}



	.footer-section-container {
		width: 100%;
		padding: 30px 0;
		line-height: 21px;
	}



	body {
		background: #eaeaea;
	  min-height: 250px;
	}

	.hand {
		cursor: hand !important;
		cursor: pointer !important;
	}

	.search-input {
		width: 350px !important;
	}

	.search-close {
		margin-top: 4px;
	}


	#video-outer-container {
		width: 100%; 
		height: 360px; 
		position: relative;
	}

	#video-inner-container,#video-message {
		width: 100%; 
		height: 600px; 
		position: absolute; 
		top: 0; 
		left: 0;
	}

	#video-inner-container {
		height: 600px;
	}

	#video-message {
	  margin-top: 0;
	  padding-top: 130px;
		text-align: center;
		color:white;
	}

	#video-message h1{
		font-size: 3em;
		color:#ffffff;
		text-align:center; 
		padding:0.4em;
	}

	.navbar-brand img {
	  display: block;
	  width: 44px;
	  float: left;
	  margin: -8px 6px 0 0;
	  height: 35px !important;
	}

	.navbar-brand {

		color: #e4e4e4 !important;
		color: white !important;
		/* text-transform: uppercase; */
	  font-family: "Open Sans", "Roboto Slab", serif;
		font-weight: 300 !important;
		font-size: 14px;
	  letter-spacing: 1px;
	}


	.fullscreen-border-bottom {
		border-bottom: 13px double rgba(255, 255, 255, 0.44) !important;
	}


	.clear-black-bg {
		/* background: rgba(0, 0, 0, 0.39) !important; */
	}

	.white-glow {
		color: white;
		text-shadow: 1px 1px 27px white;
	}

	.main-nav {
		text-align: left;
		list-style-type: none;
		float: none;
		display: inline-block;
		font-family: "Open Sans", Lato;
		font-weight: 300;
		font-size: 23px;
		padding-left: 0 !important;
		margin-left: 95px;
	}

	.intro-nav-item a {
		color: white;
		list-style-type: none;
		font-weight: normal;
		display: block;
		cursor: pointer;
		cursor: hand;
	}


	.restart-intro:hover {
		text-decoration: none !important;
		/* text-shadow: 1px 1px 27px white; */

		color: yellow;
	}

	.intro-nav-item a:hover {
		text-decoration: none !important;
		text-shadow: 1px 1px 27px white;
	}

	.intro-nav-item {
		float: left;
		list-style: none;
		width: 215px;
	}

	.intro-subnav-item a {
		color: white;
		font-weight: 300;
		display: block;
		cursor: pointer;
		cursor: hand;
	}

	.intro-subnav-item a:hover {
		text-decoration: none !important;
		text-shadow: 1px 1px 27px white;
	}


	.intro-submenu {
		overflow: visible;
		white-space: nowrap;
		list-style: none;
		padding-left: 0px;
		font-size: 20px;
		line-height: 32px
	}


	#intro-logo01 {
		margin-bottom: 20px;
	}

	#intro-logo02, #intro-logo03 {
		margin-bottom: 10px;
	}

	#intro-logo03 {
	  display: block;
	  margin: auto;
	}


		.homepage-fixed-carousel {
			position: fixed !important;
			top: 0 !important;
			margin-bottom: 1000px;
			display:none;
		}

		.fullscreen-fixed-carousel {
			position: fixed !important;
			top: 0 !important;
			margin-bottom: 1000px;
		}

	/*
		.dropdown:hover>.dropdown-menu {
	    display: block;
	  }
	*/


	.carousel {
	    position: relative;
	    /* margin-top: -20px; */
	}


	.carousel-caption {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
		width:100%;
		left:0
	}



/* Safari only CSS:
Safari 6.1+ (10.0 is the latest version of Safari at this time) 
===================================================================== */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {


	/* Bump up thickness of fonts in menu and captions */
	.nav>li>a, .navbar-brand, .inner-caption-container, .dropdown-menu>li>a {
		font-weight: 500 !important;			
	}



}}  /* Safari only CSS */







/* Everything except mobile starts: 
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------- 


            oooooooooooooooooooooooooooooooooooooooooooooo
   ooo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ooo
  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
 o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o
 $$$$$   $$$"    "$$$$$"    "$     $     $  "$  $$$$$"    "$  "$  $$$
 $$$$"   "$$  $$oo$$$$$  $$oo$  $$$$  $$$$   "  $$$$$  $$  $   "  $$$
o$$$$  $  $$o    "$$$$$o    "$    $$     $      $$$$$  $$  $      $$$o
$$$$   o   $""$$  $$$$$""$$  $  $$$$  $$$$  o   $$$$$  $$  $  o   $$$$
$$$$  $$$  $o    o$$$$$o    o$     $     $  $o  $$$$$o    o$  $o  $$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$""""""""""""""""""""""""""""""""""""""$$$$$$$$$$$$""""""""""""$$$$
$$$$                                      "$$$$$$$$$$"           o$$$$
$$$$                                       "$$$$$$$$"           o$$$$$
$$$$                                        $$$$$$$$            $$$$$$
$$$$$$$$$$$$$           $$$$$$$$$            $$$$$$            $$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$            $$$$            $$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$           "$$"           $$$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$o           ""           o$$$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$$o                      o$$$$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$$$o                    o$$$$$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$$$$o                  o$$$$$$$$$$$$
"$$$$$$$$$$$$           $$$$$$$$$$$$$$$                  $$$$$$$$$$$$"
 $$$$$$$$$$$$           $$$$$$$$$$$$$$$$                $$$$$$$$$$$$$
 $$$$$$$$$$$$           $$$$$$$$$$$$$$$$$              $$$$$$$$$$$$$$
 "$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$"
  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
   """$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$"""
            """"""""""""""""""""""""""""""""""""""""""""""

============================================= */

@media only screen  and (min-width : 768px) {

	.desktop-padding-60 {
		padding: 60px;
	}

	.desktop-76 {
		font-size:76px;
	}

	.desktop-right {
		float: right !important;
	}

	.desktop-left {
		float: left !important;
	}

	.dropdown-item:hover {
		background: none;
		color: white;
		text-decoration: underline;
	}

	.dropdown-item {
		margin-top: 0;
		padding-top: 0;
		padding-left: 13px;
		margin-bottom: 10px;
	}


	.navbar-nav .dropdown-menu {
		padding-top: 0;
		margin-top: 8px;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	.navbar li {
		margin-left: 10px;
	}


	.navbar {
		/* padding: 2px 10px; */
	}
	


	.desktop-180 {
		width:180px;
	}

	.footer-desktop-padding {
		padding-bottom: 0px;
	}

	.full-width-araption {
		height: 25px;
		margin-top: -25px;
		background: rgba(0, 0, 0, 0.35);
		width: 100%;
		position: relative;
		z-index: 2;
		text-align: right;
		padding: 3px 10px;
		color: white;
		font-size: 85%;
		font-weight: normal;
		letter-spacing: 0px;
	}

	.craig-photo {
		float: left;
    width: 150px;
    margin: 5px 19px 19px 0px;
    height: auto;
    max-width: 100% !important;
	}

	.call-to-action-in-slideshow {
		position: absolute;
		bottom: 44px;
		right: 188px;
		width: 100%;
		text-align: right;
	}

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1.4;
  }

  h2.featurette-heading, .featurette h2, .inner-caption-container h2 {
    font-size: 60px;
  }

  h3.featurette-heading, .featurette h3, .inner-caption-container h3 {
  	font-size: 40px;
  }


	.home-video {
		position: fixed;
		top: 0%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto !important;
		height: auto !important;
		z-index: -100;
		transform: translateX(-50%);
	}


	.no-height {
		margin: 0; 
		height: 0; 
		display: block;
	}



	.carousel-down-button-container {
		height: 23px;
		margin-top: -23px;
		position: relative;
		text-align: center;
		line-height: 0px;
	}

	.carousel-down-button {
		position: relative; 
		top: -7px; 
		font-size: 20px; 
		color: white;
	}


	.carousel-down-button:hover {
		color: white;
	}

	.carousel-indicators {
		bottom: 40px;
	}

	#skip-intro-container {
		position: fixed;
		bottom: 50px;
		right: 100px;
	}


 #restart-intro-container {
		position: fixed;
		z-index: 99;
		bottom: 70px;
		right: 100px;
	}

	.skip-intro-link, .restart-intro {
		color: #e8e8e8;
    font-weight: 100;
    letter-spacing: 2px;
    font-size: 16px;
    position: relative;
    z-index: 1000;
		cursor: pointer;
		cursor: hand;
		text-shadow: 1px 1px 3px #000;
	}

	.skip-intro-link:hover, .restart-intro:hover {
		color: #cb5761;
		text-decoration: none !important;
	}



	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background: none;
		color: white !important;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		background: none;
	}

	.intern-video-iframe {
		padding: 10px 0 0 0;
		border-radius: 4px;
		width: 100%;
		max-width: 600px;
		height: auto;
		min-height: 332px;
	}

	.vision-video-container {
		width: 500px !important;
		max-width: 100% !important;
	}


	.vision-video-iframe {
		min-height: 288px !important;
	}

/*
	.carousel-caption {
		top: 40%;
	}
*/

	.search-menu-item {
    margin-left: -24px;
	}


	.navbar-default .navbar-nav>.open>a, .navbar-default {
		color: white !important;
	}

	.navbar-default {
		border: none;
	}

	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		background: none;
	}


	.dropdown-menu>li {
		margin-top: -11px;
		margin-bottom: 17px;
	}


	.navbar-right .dropdown-menu {
	    right: auto;
	    left: initial;
	}

	.dropdown-menu {
		background-color: rgba(0,0,0,.5);
		-webkit-box-shadow: none;
		box-shadow: none; 
		border: 0;
		padding-bottom: 0;
		min-width: 125px;
		left: -4px !important;
	}

	.navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		color: white !important;
	}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		background: none;
	}

	.navbar-default .navbar-brand {
		margin-right: 50px;
	}

	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	    color: white !important;
	}

	.dropdown-menu>li>a {
    font-family: "Open Sans", Lato;
    font-weight: 300;
    font-size: 14px;
		letter-spacing: 1px;
		color: #e4e4e4 !important;
		
    /* text-align: left; */
	}

	.dropdown-menu>li>a:hover {
		text-decoration: underline !important;		
		color: white !important;
	}

	.nav>li>a {
    font-family: "Open Sans", Lato;
    font-weight: 300;
    font-size: 14px;
		letter-spacing: 1px;
		color: #e4e4e4 !important;
	}

	.nav>li>a:hover {
		text-decoration: underline !important;
	}

	.navbar-default {
	  background: rgba(0,0,0,.5);
	}


} /* Everything except mobile










/* Large devices only (1200px and up) 
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
************************************************ */
@media only screen and (min-width : 1200px){



	

	#video-inner-container {
		height: 700px; 
	}

	.space-from-video {
		margin-top: 300px
	}


} /* @media min-width  */











/* Medium devices only (992px - 1200px) 
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
************************************************ */
@media only screen  and (min-width : 992px) and (max-width : 1199px){

	.clear-both-medium {
		clear:both !important;
	}

	#video-inner-container, #video-message  {
		height: 600px; 
	}

	.space-from-video {
		margin-top: 180px
	}




} /* @media min-width  */













/* Small only 
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
************************************************ */
@media only screen and (min-width : 768px) and (max-width : 991px) {


	.clear-both-small {
		clear:both !important;
	}

	#video-inner-container, #video-message  {
		height: 500px; 
	}

	.space-from-video {
		margin-top: 90px
	}

	.intro-nav-item {
		float: left;
		list-style: none;
		width: 161px;
    font-size: 18px;
	}

	.intro-subnav-item a {
		font-size: 16px;
	}

	.main-nav {
		margin-left: 66px !important; 
	}



} /* Media - small only */











/* Mobile only - Small and below (767px and down)
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
 

                             .M
                                 .:AMMO:
                        .:AMMMMMHIIIHMMM.
              ....   .AMMMMMMMMMMMHHHMHHMMMML:AMF"
            .:MMMMMLAMMMMMMMHMMMMMMHHIHHIIIHMMMML.
                 "WMMMMMMMMMMMMMMMMMMH:::::HMMMMMMHII:.
            .AMMMMMMMHHHMMMMMMMMMMHHHHHMMMMMMMMMAMMMHHHHL.
          .MMMMMMMMMMHHMMMMMMMMHHHHMMMMMMMMMMMMMHTWMHHHHHML
         .MMMMMMMMMMMMMMMMMMMHHHHHHHHHMHMMHHHHIII:::HMHHHHMM.
         .MMMMMMMMMMMMMMMMMMMMMMHHHHHHMHHHHHHIIIIIIIIHMHHHHHM.
         MMMMMMMMMMMMMMMMMHHMMHHHHHIIIHHH::IIHHII:::::IHHHHHHHL
         "MMMMMMMMMMMMMMMMHIIIHMMMMHHIIHHLI::IIHHHHIIIHHHHHHHHML
          .MMMMMMMMMMMMMM"WMMMHHHMMMMMMMMMMMLHHHMMMMMMHHHHHHHHHHH
         .MMMMMMMMMMMWWMW   ""YYHMMMMMMMMMMMMF""HMMMMMMMMMHHHHHHHH.
        .MMMMMMMMMM W" V                         W"WMMMMMHHHHHHHHHH
       "MMMMMMMMMM".                                 "WHHHMH"HHHHHHL
       MMMMMMMMMMF  .                                         IHHHHH.
       MMMMMMMMMM .                                  .        HHHHHHH
       MMMMMMMMMF. .                               .  .       HHHHHHH.
       MMMMMMMMM .     ,AWMMMMML.              ..    .  .     HHHHHHH.
     :MMMMMMMMM".  .  F"'    'WM:.         ,::HMMA, .  .      HHHHMMM
     :MMMMMMMMF.  . ."         WH..      AMM"'     "  .  .    HHHMMMM
      MMMMMMMM . .     ,;AAAHHWL"..     .:'                   HHHHHHH
      MMMMMMM:. . .   -MK"OTO L :I..    ...:HMA-.             "HHHHHH
 ,:IIIILTMMMMI::.      L,,,,.  ::I..    .. K"OTO"ML           'HHHHHH
 LHT::LIIIIMMI::. .      '""'.IHH:..    .. :.,,,,           '  HMMMH:
HLI'"IIITMII::.  .         .IIII.     . '""""               ' MMMFT:::.
 HML:::WMIINMHI:::.. .          .:I.     .   . .  .        '  .M"'.....I.
 "HWHINWI:.'.HHII::..          .HHI     .II.    .  .      . . :M.',, ..I:
  "MLI"ML': :HHII::...        MMHHL     :::::  . :..      .'.'.'HHTML.II:
   "MMLIHHWL:IHHII::....:I:" :MHHWHI:...:W,,"  '':::.      ..'  ":.HH:II:
     "MMMHITIIHHH:::::IWF"    """T99"'  '""    '.':II:..'.'..'  I'.HHIHI'
       YMMHII:IHHHH:::IT..     . .   ...  . .    ''THHI::.'.' .;H.""."H"
         HHII:MHHI"::IWWL     . .     .    .  .     HH"HHHIIHHH":HWWM"
          """ MMHI::HY""ML,          ...     . ..  :"  :HIIIIIILTMH"
               MMHI:.'    'HL,,,,,,,,..,,,......,:" . ''::HH "HWW
               'MMH:..   . 'MMML,: """MM""""MMM"      .'.IH'"MH"
                "MMHL..   .. "MMMMMML,MM,HMMMF    .   .IHM"
                  "MMHHL    .. "MMMMMMMMMMMM"  . .  '.IHF'
                    'MMMML    .. "MMMMMMMM"  .     .'HMF
                     HHHMML.                    .'MMF"
                    IHHHHHMML.               .'HMF"
                    HHHHHHITMML.           .'IF..
                    "HHHHHHIITML,.       ..:F...
                     'HHHHHHHHHMMWWWWWW::"......
                       HHHHHHHMMMMMMF"'........
                        HHHHHHHHHH............
                          HHHHHHHH...........
                           HHHHIII..........
                            HHIII..........
                             HII.........
                              "H........
                                ......

                      W H A T - - M E   W O R R Y ? 



                    */
@media only screen  and (max-width : 768px) {


  .full-width-and-padding {
    max-width: 90%;
    margin: auto;
    text-align: center;
    padding: 30px 0;
  }


	h2 {
		font-size: 32px;
	}

	.mobile-interview-header {
		font-size: 35px;
	}

	.interview-mac-photo {
		max-width: 47%;
		margin: 40px 10px 0px 24px;
	}

	.mobile-left-20 {
		margin-left: -20px;
	}

	.mobile-bold {
		font-weight: bold;
	}
	
	a {
		color: #541b26;		
	}

	.tour-next-link {
		margin-top: 0; 
	}

	.mobile-next {
		font-size: 17px;
		font-weight: bold;
	}

	.section-header-h2 {
		min-width: auto;
	}

	.award-container {
		max-width: 100%;
	}

	.desktop-76 {
		line-height: 50px;
	}

	.craig-photo {
		max-width: 100%;
	}

	.people-header {
		font-size: 33px;
	}

	.next {
		font-size: 20px;
		font-weight: bold;
	}		

	.slide-container {
		font-weight: bold;
		font-size: 20px;
	}

	.mobile-section0 {
		background-position-y: 40px;
	}

	.navbar-brand {
		font-weight: bolder !important;
	}

	.slide-text-small {
		font-size: 20px;
		line-height: 20px;
	}

	.mobile-history-section {
		background-color: black;
		background-size: 100%;
    background-repeat: no-repeat;
	}

	.bg-transparent-black {
		background-color: black;
	}

	.dropdown-menu {
		background: black;
	}

	.dropdown-item {
		color: white;
		font-size: 15px;
		font-family: "Open Sans";
		letter-spacing: 0px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 7px;
	}

	.mobile-width-100 {
		width: 100% !important;
	}


	#fp-nav.fp-right {
		right: -9999px;
	}

	.news-link {
		top:0;
		position: auto;
		font-size: 15px;
	}

	.inner-caption-container {
		min-width: 200px;
		width: 95%;
	}

	.nav>li {
		text-align: center;
	}

	.navbar-nav .open .dropdown-menu>li>a {
	    text-align: center;
	}

	.carousel {
		margin-top: -20px;
	}

	.intro-nav-item {
		width: 150px;
    font-size: 18px;
	}

	.intro-subnav-item a {
		font-size: 15px;
	}

	.main-nav {
		margin-left: 75px !important; 
		display: block;
	}



	#video-message {
		min-width: 700px;
	}


	.blog-index-header {
		font-size: 17px;
	}


	.intern-video-iframe {
			height: 200px;
			width: 100%;
	}


	#video-inner-container, #video-message {
		height: 400px; 
	}


	#video-message {
		margin-top: 0px;
	}

	.space-from-video {
		margin-top: 0px
	}

	.carousel-caption {
		font-weight: 500;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
		width: 100%;
		top: 0;
	}

	.mobile-resources-footer-link {
		margin-top: 22px;
		margin-bottom: -30px; 

	}

	.inner-caption-container {
		width: 70%;
	}

	.carousel-short {
		margin-bottom: 15px;
	}

	.featurette-divider {
		margin: 30px 0;
	}

	.text-container {
		padding-bottom: 19px;
	}

	.footer-container {
		 padding: 20px 0 10px 0;
	}

	.history-container {
		margin-top: 12px;
		margin-bottom: 24px;
	}

	.history-container-top {
		margin-bottom: 24px;
	}

	.node-rule {
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.img-caption-right, .img-caption-left {
		float: none;
		width:100%;
		max-width: 100%;
		margin: 0;
	}

	.full-width-caption {
		width: auto;
		background: rgba(0, 0, 0, 0.63);
		color: white;
		z-index: 2;
		text-align: right;
		font-size: 12px;
		position: relative !important;
		margin-top:-25px;
		height:25px;
		padding-top:3px
	}

	.mobile-homepage-caption {
		width: 95% !important;
	}

	.nav>li {
		font-size: 15px;
		font-weight: bold;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}

	.navbar-nav .open .dropdown-menu {
		font-size: 17px;
		margin-bottom: 10px;
	}

	.vision-video-iframe {
		min-height: 188px !important;
	}


	.content-section p:first-of-type {
    font-size: 16px;
	}


	#simple-banner {
		display: none;
	}

	.tour-control-img {
	    float: auto;
	    width: 100%;
	    max-width: auto;
	    height: auto;
	    margin-left: 0;
	    margin-bottom: 20px;
	}


	.tour-control-img {
		max-width: 100%;
	}

	.photo-credit {
		display: none;
	}


} /* @media mobile only */












/* Custom styles small: 
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
************************************************ */
@media only screen  and (max-width: 500px) {

	#video-inner-container, #video-message  {
		height: 250px; 
	}

	.space-from-video {
		margin-top: -140px;
	}

} /* Custom */