@charset "utf-8";

/* CSS Document */



body {

    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    color: #1b1d1d;
	background-color:#F1F8ED;
}



.top{
	margin-top: 65px;

}





.portfolio-area .filters ul li.active {
    color: #8ab92d;
}



.portfolio-area .filters ul li {
    list-style: none;
    display: inline-block;
    padding: 20px 30px;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
}





.portfolio-area .filters {
    text-align: center;
    margin-top: 50px;
}



.portfolio-area .filters-content .item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
}



.portfolio-area .filters-content .item img {
    width: 100%;
}





.portfolio-area h5{
	font-weight: 400;
    color: #212529;
	font-family: 'Lato', sans-serif;
}



.portfolio-area p{
	font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #a5a5a5;
	}





.single-portfolio{
	padding-top: 30px;
	padding-bottom: 30px;
}






.colour {
	background-color:#43C6AC;
    background: #4CB8C4;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3CD3AD, #4CB8C4);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3CD3AD, #4CB8C4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.navbar a{
	color: #000;
    letter-spacing: 2px;
	font-family:  "Lato", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-right: 1rem;
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #53A2DB;
}


.default{
	background-color:#F1F8ED;
	border-bottom:0.5px solid #00000080;
}



#description a{
	text-decoration:underline;
	color:#1b1d1d;
	letter-spacing: 0.5px;
}



#description a:hover{
	color:#0fb29d;
}





a:hover{
	color:#0fb29d;
}



.pad {
    padding-top: 9em;
    padding-bottom: 2em;
	color: #fff;
    background-color:#43C6AC;
    background: #4CB8C4;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3CD3AD, #4CB8C4);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3CD3AD, #4CB8C4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}



.jumbotron-fluid p {
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 1.6em;
    font-size: 20px;
}


.btn-main{
	line-height: 1.23;
    border-radius: 0;
	background: none;
	color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 15px;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight: 500;
    border-width: 1px;
	border-color: #fff;
}




.btn-md{
	line-height: 1.33;
    border-radius: 0;
	background-color:none;
	color:#000;
	text-transform: uppercase;
    letter-spacing: 0.1em;
	border-color: #000;
}


#home a:hover{  
	background-color:#FFF;
	color:#0fb29d;
}


.btn:hover{
	color:#0fb29d;
	border-color:#0fb29d;
}





h2{
	text-align: center;
    color: #53A2DB;
	letter-spacing: 6px;
}



h2:after {
    display: block;
    content: "";
    height: 2px;
    width: 150px;
    background: #53A2DB;
    margin: 10px auto 40px;
}



#description h2:after {
   display: none;
}



h3 {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #53A2DB;
	margin-top: 1.5rem;
}



/* MARKETING CONTENT

-------------------------------------------------- */



.marketing{
	margin-top: 2.5rem;
}



/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}



.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}







#portfolio p{
	font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #1b1d1d;
	}

	



	

p.portfolio {
	font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #6c757d;
	text-align:center;
	}



a.project{
    background-color: none;
    border: none;
}







a.project:hover{
	color: #0fb29d !important;
}



/* Featurettes

------------------------- */



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



/* Thin out the marketing headings */

.featurette-heading {

  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
  font-family:'Vollkorn', serif;
}





.vpad {
    padding: 40px 0px;
    padding-right: 15px;
    padding-left: 15px;
}



.section-header {
	padding-top:40px;
    margin: 0px auto 0px;
    font-family: 'Vollkorn', serif;
    text-align: center;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 1px;
    color: #000;
}



h5{
	color: #53A2DB;
	font-family:'Vollkorn', serif;
}





#about{
	background-color:#FFF;
	padding-bottom: 50px;
	padding-top: 50px;
}



#services{
	padding-bottom: 50px;
	padding-top: 50px;
}



#services a{
	font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #1b1d1d;
	}


#services a:hover{
	color:#7EBC9A;
	text-decoration:none;
}

	

.card {
    border: 0px;
    background-color: #F1F8ED !important;
}



.list-group-item{
	background-color: #F1F8ED;
}




#contact{
	background-color:#FFF;
	padding-bottom: 50px;
	padding-top: 50px;
}



.footer{
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	background-color:#1b1d1d;
	min-height:100%;
	overflow: hidden;
}



.footer p{
	color:#fff;
	font-weight:300;
}



.collab:after {
    content: "";
    display: block;
    width: 25px;
    height: 3px;
    margin: 21px 0 22px;
    background: #fff;
}

p.collab{
	font-weight:400;
}


.footer a{
	color:#7EBC9A;
	text-transform:uppercase;	
}



.footer a:hover{
	color:#66615b;
	text-decoration:none;	
}



.footer hr{
	border-color: #66615b;
}



.footer .copyright {
	color: #66615b;
}



.footer .copyright a{
	color: #66615b;
	text-transform:none;
}



.footer .links {
    display: inline-block;
}



.footer .links ul {
    list-style: none;
    margin: 0;
    font-weight: 600;
	color: #66615b;
}



.footer .links ul > li {
    display: inline-block;
}









.overlay{
    position: absolute;
    top: 50%;
    left:50%;
    background-color: #f8f9fac4;
    height: 101%;
    width: 92.5%;
    opacity: 0;
    transition: .75s ease;
}

.ctr{
    position: absolute;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-top: 35%;
}



.imghov:hover .overlay{
    opacity: 1;
}





#description{
	padding-top: 50px;
	padding-bottom: 50px;
}





.full {
	display:inline-block;
	padding:0;
	position:relative;
	overflow:hidden;
}







.portfolio-area .filters-content .item .p-inner {
    padding: 20px 0px;
}





#second .navbar{
	background: #F1F8ED !important;
}



.projects-nav, .blogs-nav {
    overflow: hidden;
    padding: 2rem 0 6rem 0;
}



.fa-caret-left{
	color: #0fb29d;
}



.fa-caret-right{
	color: #0fb29d;
}



/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 40em) {



  .featurette-heading {

    font-size: 50px;

  }

}



@media (min-width: 62em) {

  .featurette-heading {

    margin-top: 5rem;

  }

}





.gallery {

-webkit-column-count: 3;

-moz-column-count: 3;

column-count: 3;

-webkit-column-width: 33%;

-moz-column-width: 33%;

column-width: 33%; }

.gallery .pics {

-webkit-transition: all 350ms ease;

transition: all 350ms ease; }

.gallery .animation {

-webkit-transform: scale(1);

-ms-transform: scale(1);

transform: scale(1); }



@media (max-width: 450px) {

.gallery {

-webkit-column-count: 1;

-moz-column-count: 1;

column-count: 1;

-webkit-column-width: 100%;

-moz-column-width: 100%;

column-width: 100%;

}



.row-grid {

    margin-top: 15px;

}



}



@media (max-width: 400px) {

.btn.filter {

padding-left: 1.1rem;

padding-right: 1.1rem;

}



.row-grid {

    margin-top: 15px;

}



}