body {
	font-family: 'Nunito', sans-serif;
  	font-size: 16px!important;
}

/* @media (min-width: 1200px){
      .container {
          width: 90% !important;  
      }
} */
 
.navbar {
    min-height: 130px!important;
}
ul.nav.navbar-nav.navbar-right {
    margin-top: 40px!important;
}
.navbar {
    margin-bottom: 0px!important;
}
.navbar-default {
    border:0px;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #343333!important;
    font-size: 18px!important;
}
.homepage-matto p {
	font-size:35px;
  	text-align:right;
  	padding-top:20px;
  	color:#343333;
}

footer#footer-area {
	height:190px;
  	background-color:#343333;
    padding-top: 55px;
  	color:#fff;
}
.container-fluid {
	padding-left:0px!important;
  	padding-right:0px!important;
}
footer p {
	margin-top: 20px;
}
img.logo {
	max-width:270px;
}
.owl-carousel {
    margin-bottom: 140px;
}
@media (max-width:768px){
	div#bs-example-navbar-collapse-1 {
    	margin-top: 36px!important;
	}
	.navbar-toggle{
		margin-top:48px!important;
	}
	ul.nav.navbar-nav.navbar-right {
    	margin-top: 10px!important;
	}
}
@media (max-width:468px){
	img.logo {
		max-width:200px;
      	margin-top:15px;
	}
}
.btn-contact-form {
	padding: 10px 60px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
}
.heading {
    text-align: center;
    font-size: 25px;
    margin-top: 125px;
    margin-bottom: 20px;
}
h1.projects {
    color: #343333;
    font-size: 50px;
    line-height: 1.2;
  	font-weight:400;
  	width: 50%;
    border-right: 1px solid #9f9f9f;
    margin-bottom:100px;
}
span.writer {
    font-size: 18px;
    display: block;
}
h2.projects-categories {
    color: #343333;
}
div#quote {
    background-color: #343333;
    color: #fff;
    font-size: 30px;
    padding-top: 50px;
    padding-bottom: 40px;
    margin-top: 100px;
	margin-bottom:40px;
}
span.img-caption {
    font-size: 16px;
}

.projects-details h1, .projects-details h4 {
    color: #343333;
}

span.main-street {
    font-size: 48px;
}
span.detail-component {
    font-weight: 300;
}

.projects-details h4 {
	margin-top:25px!important;
}
.projects-desc {
margin-top: 30px;
}


@media (max-width: 768px){
     ul.navbar-nav {
    	text-align:center!important;
	}
  	.homepage-matto p {
    	font-size:20px;
      	padding-right:15px;
    }
  	.heading {
    	font-size: 20px;
   		margin-top: 80px;
    }
 	 img.img-responsive.responsive {
    	margin: auto;
	}
  	footer p {
    	text-align: center;
	}
  	h1.projects {
    	width:100%;
        border-right:0px;
      	text-align:center;
      	font-size:35px;
      	margin-bottom:25px;
    }
    div#quote {
		font-size:18px;
  		padding:25px 0px;
	}
  	
  
}
.overlay a.info {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)!important;
      	margin:0px!important;
	}


@media (max-width:800px) and (min-width:600) {
	.hovereffect a.info {
    	margin:50px 0 0;
    }
}













.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:22px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:18px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
/* margin:100px 0 0; */
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.contact-page {
    padding-top: 18px;
}
p.contact-heading strong:first-child {
    font-size: 30px;
}
.fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows.fotorama__wrap--no-controls {
    margin: auto!important;
}
div#homepage-content p {
    text-align: right;
    width: 72%;
    font-size: 24px;
	float: right;
}