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



@media (min-width: 2000px) {
  .container {
    width: 1500px;
  }
}

a, a:active {
    color: #8C8D8E;
    outline: none;
}

ul.nav li a {
    color: #8C8D8E;
}
@media screen and (min-width:992px) {
	ul.nav li a:before {
	  content: "";
	  position: absolute;
	  width: 100%;
	  height: 2px;
	  bottom: -2px;
	  left: 0;
	  background: #373534;
	  visibility: hidden;
	  border-radius: 5px;
	  transform: scaleX(0);
	  transition: .25s linear;
	}
	ul.nav li a:hover:before,
	ul.nav li a:focus:before,
	ul.nav a.nactive:before {
	  visibility: visible;
	  transform: scaleX(1);
	}
}


.factive span{color:#373534;}

.home-nav {
    background: #fff;
}

#nav .home-right a {
    color: #8c8d8e !important;
}

@media (max-width: 992px){
	.home-right ul.nav li {
		background: #fff;
		border-bottom: none;
	}
}

@media (min-width: 992px) {
	#nav .home-right a:hover {
	color:#373534 !important;
    border-bottom: none;
	}
	#nav .home-right a.nactive {
	color:#373534 !important;
    border-bottom: 2px solid #373534;
	}
}

.content-padding{margin-top:152px;}
a, a:active{ color:#8c8d8e; outline:none;}
a:hover{ color:#373534; text-decoration:none;}


.left a:hover{
	outline:none;
	border-bottom:0;
	padding-bottom:0;
}

/* NAV */
#nav {
    position: fixed;
    top: 0px;
    z-index: 10;
    height: 100px;
    width: 100%;
}
#nav > div{
	max-width:none;
	margin:0 auto;
}
.nav-padding {
    margin-top: 100px;
}
ul.nav {height:100px;}
ul.nav li{
	font-size:16px;
}
ul.nav li a{
	color:#8c8d8e;
	padding-bottom:0;
	border-bottom:2px solid transparent;
	padding-top: 30px;
    margin: 0 8px 0 8px;
}
ul.nav li.mob-subnav{padding-left:35px;}
ul.nav li a:hover{
	padding-bottom:0;
	background:transparent !important;
	border-bottom:2px solid transparent;
}
#nav > div > .left {
    height: 100px;
}
@media (max-width: 992px) {
	.content-padding{margin-top:120px;}	  
	#nav {
		height: 110px;
	}
	ul.nav {height:auto;padding:0;}
	#nav > div > .left {
		height: 100px;
		padding-bottom:20px;
		width:auto;
		z-index:10;
	}
	#navicon a {
		padding: 10px;
	}
	ul.nav li a{padding-top:0;}
}
@media only screen 
  and (min-device-width: 320px) and (max-device-width: 812px) {
	  #nav {
		height: 110px;
	}
	#nav > div > .left {
		height: 100px;
		padding-bottom:20px;
		width:auto;
		z-index:10;
	}		
}

#nav .home-right a{
}

@media (min-width: 992px) {
ul.nav a.nactive, #nav .home-right a.nactive{ border-bottom:2px solid transparent;color:#373534; }
#nav .home-right a:hover, ul.nav li a:hover{ border-bottom:2px solid transparent;color:#373534; }
}

@media (max-width: 992px) {
	ul.nav li {
		font-size:18px;
	}
}
#projectnav{padding-left:0;padding-right:0;}
#projectnav .subby {
    background-color: #f1f2f2;
	height:52px;
}
#projectnav .subby a:hover{border-bottom:none;}
#projectnav ul{text-align:center;padding:0;margin:0;width:100%;}
#projectnav ul li {
	list-style: none;
    padding: 16px 15px;
	display:inline-block;
	cursor:pointer;
    color: #8c8d8e;
    font-size: 1em;
}
#projectnav ul li span:hover{color:#373534;}

@media screen and (max-width:992px){
	.profile-nav{display:none;}
}

/* HOME */

.icon-title{
	font-size: 20px;
    color: #fff;
    padding: 15px;
}
@media screen and (max-width:992px){
	.icon-title{font-size:18px;padding: 10px;}
}

/* PROJECTS */
.project-intro .intro-box {
    width: 80%;
    border-bottom: none;
    margin-bottom: 0.5em;
}
.project-intro h1.ccm-block-page-attribute-display-wrapper{
	font-size:1.5em;
	font-weight:400;
	padding:0;
	margin:0;
	margin-bottom:1em;
	margin-top:-0.15em;
	color:#373534;
}
.project-intro h2.ccm-block-page-attribute-display-wrapper{
	font-size:1em;
	padding:0;
	margin:0;
	margin-bottom:0.5em;
	color:#373534;
}
.project-intro span.ccm-block-page-attribute-display-title {color:#8c8d8e;}
.intro-text {
    margin-top: 0; 
}

.singlewidth-img{
	max-width:none;
}

.singlewidth-img:first-child{
	margin-right:0;
}

.singlewidth-img img, .responsive img{
	width:100%;height:auto;
}
.top-video{padding-left:0px;padding-right:0px;margin-bottom:15px;}
.dtop-video{display:none;}
.mob-video{display:block;}
@media screen and (min-width:768px){
.top-video{padding-left:0;padding-right:20px;margin-bottom:0;}
.dtop-video{display:block;}
.mob-video{display:none;}
}