@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'g-bold';
  src: url('../fonts/Gotham-Bold.otf') format("opentype");
}
@font-face {
  font-family: 'g-book';
  src: url('../fonts/Gotham-Book.otf') format("opentype");
}
@font-face {
  font-family: 'g-medium';
  src: url('../fonts/GothamNarrow-Medium.otf') format("opentype");
}
@font-face {
  font-family: 'g-thin';
  src: url('../fonts/Gotham-Thin.otf') format("opentype");
}

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

@font-face{font-family:NeoContactD;src:url(../fonts/2B24F1_0_0.eot);src:url(../fonts/2B24F1_0_0.eot?#iefix) format('embedded-opentype'),url(../fonts/2B24F1_0_0.woff) format('woff'),url(../fonts/2B24F1_0_0.ttf) format('truetype')}
h1, h2, h3{
	/*text-decoration:underline;*/
	text-transform:uppercase;
	font-family:NeoContactD;
}
h4{
	text-transform:none;
}
h4, body, p, a{
	font-family:'Lato', sans-serif;
}
p{
	font-weight:400;
	font-size:15px;
}
.main-menu > ul{
	padding:40px 0 0;
}
.main-menu > ul > li > a{
	color:#5a6771;
}
.main-menu > ul > li:hover > a{
	color:#5a6771;
	border-bottom:2px solid #5a6771;
}
.main-menu > ul > li.active > a{
	color:#5a6771;
	border-bottom:2px solid #5a6771;
}

#hm1{
	padding:50px 0;
	background:url(../images/lg2.png) no-repeat;
	background-size:40%;
	background-position:80% 50% !important;
}
#hm1 h2{
	color:#00a651;
}
#hm .black-overlay1{
	padding:150px 0;
	background:linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.7));
}
#hm .black-overlay2{
	padding:150px 0;
	background:linear-gradient(to left, rgba(0,0,0,0),rgba(0,0,0,0.7));
}
#hm .btn{
	background:#00a651;
}
#hm2 h1{
	color:#fff;
	font-size:40px;
	letter-spacing:1px;
}
#hm2 h3{
	color:#fff;
	text-decoration:none;
	font-family:'Lato', sans-serif;
	text-transform:none;
	font-weight:400;
}
#hm3 h1{
	color:#fff;
	font-size:50px;
	letter-spacing:2px;
}
#hm3 h3{
	color:#fff;
	text-decoration:none;
	font-family:'Lato', sans-serif;
	text-transform:none;
	font-weight:400;
}
#hm4 h1{
	color:#fff;
	font-size:50px;
	letter-spacing:2px;
}
#hm4 h3{
	color:#fff;
	text-decoration:none;
	font-family:'Lato', sans-serif;
	text-transform:none;
	font-weight:400;
}
footer{
	background:#6a3300;
	text-align:center;
	padding:30px 0;
}
footer p{
	color:#fff;
}
footer a{
	color:#fff;
}

.page-header.short {
    background: #E7DED5;
    border: none;
	font-family:arial;
}

#pg{
	padding:0px 0 50px;
}
#pg img{
	width:100%;
	margin-bottom:15px;
}
#pg .btn{
	background:#00a651;
}
.project-info{
	margin-top:-15px;
}
.portfolio-list li{
	margin-bottom:0;
}
.main-menu > ul > li > ul{
	left:12px;
}
.main-menu > ul > li > ul > li > a:hover{
	background:#00A550;
}

@media screen and (max-width:992px){
	.social-icons-bar{
		text-align:center;
	}
	.site-header h1.logo{
		height:auto !important;
		padding:7px 0 !important;
	}
	

}
@media screen and (max-width:768px){
	#hm3 {
		background-position:50% !important;
	}
	#hm4 {
		background-position:50% !important;
	}

}
@media screen and (max-width:480px){
	.site-header h1.logo{
		width:80%;
		
	}
	
}

@media screen and (max-width:320px){
	.site-header h1.logo{
		width:80%;
		padding:15px 0 !important;
	}
}



/*---------- PORTFOLIO ----------*/ 
#portfolio {
    padding: 100px 0 100px 0;
}

.portfolioFilter{ 
    margin-bottom: 20px;
}
.portfolioFilter a { 
    background-color: #f6f7f7;
    color: #7E7B7B;
    cursor: pointer;
    font: 400 11px/28px "Montserrat",sans-serif;
    text-transform: uppercase!important;
    padding: 2px 18px;
    position: relative;
    overflow: visible;
    margin: 10px 0 0 5px;
    border: none; 
    text-transform: none;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.portfolioFilter a.current { 
    text-decoration: none; 
    color: #fff;
}

.portfolioFilter a:hover {
    color: #fff;
}

.portfolioContainer {
    width: 100%;
    position: relative;
    list-style: none;
    opacity: 1;
}
.container-fluid ul.portfolioContainer {
    margin: 0;
}
.container-fluid .p5 {
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 5px;
}
.portfolioContainer li img {
    width: 100%;
    display: block;
}

/* 2 Columns */
@media (max-width:992px){ 
    .portfolioContainer.columns-2 li { 
        width: 50%; 
    }
}
@media (min-width:992px){ 
    .portfolioContainer.columns-2 li { 
        width: 50%; 
    }
} 
/* 3 Columns */
@media (max-width:992px){ 
    .portfolioContainer.columns-3 li { 
        width: 50%; 
    }
}
@media (min-width:992px){ 
    .portfolioContainer.columns-3 li {
        width: 33.3%;
    }
} 
/* 4 Columns */
@media (max-width:992px){ 
    .portfolioContainer.columns-4 li { 
        width: 50%; 
    }
}
@media (min-width:992px){ 
    .portfolioContainer.columns-4 li { 
        width: 25%; 
    }
} 
/* 5 Columns */
@media (max-width:992px){ 
    .portfolioContainer.columns-5 li { 
        width: 50%; 
    }
}
@media (min-width:992px){ 
    .portfolioContainer.columns-5 li { 
        width: 20%; 
    }
} 

.portfolioContainer.margin li {
    padding: 5px;
    overflow: hidden; 
}
.portfolioContainer.nomargin li {
    padding: 0;  
}  

.port-img { 
    display: block;
    max-width: 100%;
    height: auto;
}

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {  
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
 

/* Img Hover Effect */
.portfolioContainer li { 
    position: relative;
    overflow: hidden;
}
.portfolioContainer li a {
    /* display: inline; */
    /* margin: auto; */
    /* padding: 0; */
    /* max-width: 100%; */
    /* height: auto; */
    /* color: #fff; */
    /* font-size: 16px; */
}

 
.portfolioContainer li .item {
    background: rgb(0,0,0);  
} 
.white-bg .portfolioContainer li .item,
.portfolioContainer.white-hovers li .item {
    background: rgb(255,255,255);  
}
.portfolioContainer li img {
	opacity:0.5;
}
.portfolioContainer li:hover img {
    opacity: .8;   
}    
.portfolioContainer li img ,
.portfolioContainer li:hover img { 
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
} 

.portfolioContainer li .info {
    /* opacity: 0; */
    width: 100%;
    position: absolute;
    top: 52%;
    right: 0;
    padding: 40px;
    text-align: center;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.portfolioContainer li:hover .info  { 
    opacity: 1;
}

.portfolioContainer li .info h4 {
    color: #fff;
	font-size:26px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.portfolioContainer.alt li .info h4 {
    margin-top: 30px;
    margin-bottom: 0;
}
.portfolioContainer li .info p { 
    color: #eee;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-top: 0;
    font-size: 9px; 
    font-weight: 300;
}
.portfolioContainer.white-hovers li .info h4 {
    color: #111;
}
.portfolioContainer.white-hovers li .info p {
    color: #777;
}
.white-bg .portfolioContainer li .info h4 {
    color: #111;
}
.white-bg .portfolioContainer li .info p {
    color: #777;
}
.portfolioContainer li .info ul {
    list-style: none;
    padding-left: 0;
}
.portfolioContainer li .info ul li {
    display: inline;
    margin-left: 7px;
    margin-right: 7px;
}
.portfolioContainer li .info .date {
    letter-spacing: 0;
    text-transform: none;
    font-size: 13px;
}
.portfolioContainer li .info i {
    padding: 5px;
    text-decoration: none;
}
.portfolioContainer li .info i:hover {
    color: #fff;
}

.portfolioContainer li .info i,
.portfolioContainer li .info i:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

/* Hover Effects */
.portfolioContainer li .info.hover-top { 
    top: 20%
}
.portfolioContainer li:hover .info.hover-top { 
    top: 52%
}
.portfolioContainer li .info.hover-left { 
    left: -20%
}
.team-member:hover .team-member-detail.hover-left { 
    left: 0;
}
.portfolioContainer li .info.hover-right { 
    right: -20%
}
.team-member:hover .team-member-detail.hover-right { 
    right: 0;
}
.portfolioContainer li .info.hover-bottom { 
    top: 50%
}
.portfolioContainer li:hover .info.hover-bottom { 
    top: 45%
}
.portfolioContainer li:hover .item.white-bg:after {
    background: rgba(255,255,255, 0.9);
} 
.portfolioContainer li .item.white-bg h4 {
    color: #111;
} 
.portfolioContainer li .item.white-bg p {
    color: #111;
}  

@media screen and (max-width:768px){	
	.portfolioContainer li .info h4{
		font-size:18px;
	}
}
@media screen and (max-width:480px){
	.portfolioContainer.columns-3 li{
		width:100%;
	}
	.portfolioContainer li .info h4{
		font-size:16px;
	}
}