.hero-header{margin-top:-200px;background-position:center;background-size:cover;position:relative;background-repeat:no-repeat;}.navbar-default .navbar-nav>li>a{color:#53565A;}.navbar-default .navbar-nav>li>a:hover{color:#53565A;}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#53565A;}.hero-container{position:relative;top:60%;transform:translateY(-40%);color:white;text-align:left;z-index:3;max-width:1170px;margin:auto;padding-left:15px;}.box h1{text-transform:uppercase;font-weight:500;}.hero-container .box p{line-height:35px;}.box.full-box{width:100%;max-width:1350px;margin:auto;margin-top:4%;padding:30px;text-align:center;background:white;}.box.full-box h1{color:#02adbd;font-weight:300;text-transform:uppercase;}.thumbnail h1{text-align:center;color:#02adbd;text-transform:uppercase;font-weight:300;border:0;}a.thumbnail:hover h1{text-decoration:none;}a.thumbnail:hover{border:1px solid #02adbd;text-decoration:none;}.bg-pattern{background-image:linear-gradient(-45deg,#E6E6E6 25%,transparent 25%,transparent 50%,#E6E6E6 50%,#E6E6E6 75%,transparent 75%,transparent);background-size:5px 5px;}// Slider Boxes

.content {
  border: 2px solid #fff; 
  padding: 50px;
  text-align: left;
}.content h1{color:rgb(255,255,255);text-transform:uppercase;line-height:1.111;}.content p{font-size:24px;color:rgb(255,255,255);line-height:1.583;}// General

.container {
	width: 100%;
	position: relative;
}.container>header{width:90%;max-width:1240px;margin:0 auto;position:relative;padding:0 30px 50px 30px;}.container>header{padding:60px 30px 50px;text-align:center;}.container>header h1{margin:0 auto;font-weight:700;color:#333;}.container>header h1 span{display:block;font-weight:300;}.main>p{text-align:center;padding:50px 20px;}// Typology Thumbnail Viewer

.og-grid {
  list-style: none;
  padding: 20px 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}.og-grid li{display:inline-block;margin:10px 5px 0 5px;vertical-align:top;height:175px;}.og-grid li>a,.og-grid li>a img{border:none;outline:none;display:block;position:relative;}.og-grid li.og-expanded>a::after{top:auto;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#525559;border-width:30px;left:50%;margin:-30px 0 0 -30px;}.og-expander{position:absolute;background:#525559;top:auto;left:0;width:100%;margin-top:30px;text-align:left;height:0;overflow:hidden;}.Polygon_3266{background-color:rgb(83,86,90);position:absolute;left:1684px;top:4549px;width:93px;height:45px;z-index:315;}.og-expander-inner{height:100%;}.og-close{position:absolute;width:40px;height:40px;top:20px;right:20px;z-index:1000;cursor:pointer;}.og-close::before,.og-close::after{content:'';position:absolute;width:100%;top:50%;height:1px;background:#888;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}.og-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}.og-close:hover::before,.og-close:hover::after{background:#333;}.og-fullimg,.og-details{width:50%;float:left;height:100%;overflow:hidden;position:relative;}.og-details{padding:0 40px 0 0px;}.og-fullimg{text-align:center;}.og-fullimg img{display:inline-block;max-width:100%;float:left;}.og-details h3{font-weight:300;padding:40px 0 10px;margin-bottom:10px;color:#fff;text-align:left;text-transform:uppercase;}.og-details p{font-size:18px;color:rgb(255,255,255);line-height:1.556;text-align:left;}.og-details a{margin-left:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;padding:10px 20px;border:1px solid #fff;display:inline-block;margin:30px 0 0;outline:none;}.og-details a::before{content:'\2192';display:inline-block;margin-right:10px;}.og-details a:hover{border-color:#999;color:#999;}.og-loading{width:20px;height:20px;border-radius:50%;background:#ddd;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ccc;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;-webkit-animation:loader 0.5s infinite ease-in-out both;-moz-animation:loader 0.5s infinite ease-in-out both;animation:loader 0.5s infinite ease-in-out both;}@-webkit-keyframes loader{0%{background:#ddd;}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd;}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc;}}@-moz-keyframes loader{0%{background:#ddd;}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd;}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc;}}@keyframes loader{0%{background:#ddd;}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd;}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc;}}@media screen and (max-width: 1250px) {.og-expander h3{font-size:32px;padding-top:0px;padding-left:15px;}.og-expander p{font-size:13px;padding-left:15px;}.og-expander a{font-size:12px;margin-left:15px;}}@media screen and (max-width: 650px) {.og-fullimg{display:none;}.og-details{float:none;width:100%;}}// Typology Thumbnail Overlay
.thumbnail-typology {
position: relative;
padding: 0;
margin: 0;
}.GRADIENT_copy{background-image:url("GRADIENT copy.png");opacity:0.451;position:absolute;left:-349px;top:1378px;width:1440px;height:3428px;z-index:375;}.thumbnail-typology img{display:block;max-width:100%;height:auto;}.thumbnail-typology:after{content:"";position:absolute;padding:0px;display:block;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 0px,rgba(0,0,0,0.451) 100%) repeat 0 0;z-index:1;}.thumbnail-typology-text{display:block;position:absolute;text-align:center;font-size:25px;color:#fff;text-transform:uppercase;line-height:26px;text-align:center;left:12%;right:12%;top:15%;bottom:15%;padding:1.3em 0 1em 0;font-weight:300;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;}.thumbnail-typology-text:hover{color:black;background-color:white;}.b-lazy{-webkit-transition:opacity 500ms ease-in-out;-moz-transition:opacity 500ms ease-in-out;-o-transition:opacity 500ms ease-in-out;transition:opacity 500ms ease-in-out;max-width:100%;opacity:0;}.b-lazy.b-loaded{opacity:1;}<style>
.feature-box {
	padding-right: 10%; 
	padding-left: 10%; 
	padding-top: 10%; 
	padding-bottom: 10%; 
	background-color: #53565A; 
	margin-left: 15px; 
	margin-right: 15px; 
	margin-bottom: 10%;
}

.feature-box h3 {
	color:white; 
	font-weight: 100; 
	text-transform: uppercase;
}

.feature-box p {
	color:white;
}

</style>


