.container-fluid{
	max-width: 1400px;
}




.upper-navbar{
  padding: 15px 100px;
  color: #fff;
  position: relative;
  overflow: hidden;
  width: 95%;
  margin: auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33471c+0,33471c+50,233211+50,233211+100 */
	background: #33471c; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #33471c 0%, #33471c 30%, #233211 30%, #233211 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #33471c 0%,#33471c 30%,#233211 30%,#233211 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #33471c 0%,#33471c 30%,#233211 30%,#233211 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33471c', endColorstr='#233211',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.upper-navbar .shape{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.upper-navbar .shape.left{
  transform: skewY(45deg);
  transform-origin: top left;
}

.upper-navbar .shape.right{
  transform: skewY(-45deg);
  transform-origin: top right;
}

.upper-navbar .shape.left.ie, .upper-navbar .shape.right.ie{
 		border: 5px solid #fff;
}

.upper-navbar a{
  color: #fff;
}

.upper-navbar a:hover{
  color: #dfdfdf;
  text-decoration: none;
}

@media(max-width:991px){
  .upper-navbar .shape{
    display: none;
  }
  .upper-navbar{
    width: 100%;
  	padding: 15px 0;
  }
  .upper-navbar .float-left, .upper-navbar .float-right{
    display: block !important;
    text-align: center !important;
    float: none !important;
  }
  #upper-navbar-wrapper.container{
    padding: 0 !important;
  }
  .navbar{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

.navbar{
  padding-top: 30px;
  padding-bottom: 30px;
}

.navbar-brand img{
 	height: 60px !important; 
  width: 120px !important;
}

.navbar-light.bg-primary{
	background: #fff !important;
}

.navbar-light.bg-primary a.nav-link{
  color: #33471c;
  font-weight: 500;
  font-size: 1.2em;
  padding-left: 15px;
 padding-right: 15px;
}

.navbar-light.bg-primary a.nav-link{
 -webkit-transition: background-color 1s, color 1s; /* Safari */
  transition: background-color 1s, color 1s; 
  -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 border-radius: 100px;
}

.navbar-light.bg-primary a.nav-link:hover{
  color: #fff;
 background: rgba(35, 50, 17, 0.5);
}


.navbar-light.bg-primary a.nav-link{
  margin-left: 15px;
}

.navbar-light.bg-primary li.active a.nav-link{
 color: #fff;
 background: #233211;
 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 border-radius: 100px;
 padding-left: 15px;
 padding-right: 15px;
 font-weight: 700;
}

.navbar-light.bg-primary li.special{
  position: relative;

}

.navbar-light.bg-primary li.special a.nav-link{
 color: #fff; 
}

@media(max-width:991px){
  .navbar-light.bg-primary .navbar-brand, .navbar-light.bg-primary a.nav-link{
  	padding-left: 7px;
 		padding-right: 7px;
	}
  .navbar-light.bg-primary li.active a.nav-link{
 		padding-left: 7px;
 		padding-right: 7px;
	}
  .navbar-light.bg-primary li.active a.nav-link{
 		color: #233211;
 		background: #fff;
 		-webkit-border-radius: 100px;
 		-moz-border-radius: 100px;
 		border-radius: 100px;
  }
  .special a.btn-primary{
    background: none;
    border: none;
    color: #233211 !important;
  }
  .navbar-light.bg-primary a.nav-link:hover{
 		background: none;
    color: #233211 !important;
	}
}

.btn{
  -webkit-transition: background-color 1s, color 1s; /* Safari */
  transition: background-color 1s, color 1s; 
}

section.section-recent-posts{
  background: #f3f5fa;
}

section p{
	line-height: 2em;
	font-size: 1.1em;
  font-family: "Lato";
}

section p.para-normal{
 	font-size: 1em !important; 
  line-height: 1.4em;
}

.jumbotron h1,h2,h3,h4,h5,h6{
color: #233211;
}

.cta{
	background-color: #33471c;
  color: #fff;
}

.container.services-container a, .container.services-container a:visited{
	text-decoration: none;
  color: #233211;
}

.container.services-container a:hover{
  color: #111;
}

.cta h1, .cta h2, .cta h3, .cta h4, .cta h5, .cta h6{
  color: #fff;
}

.contact-form-bg{
	background-color: #233211;
  color: #fff;
}

.contact-form-bg h2{
color: #fff;
}

.btn {
	padding: 12px 20px;
 	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
	border-radius: 110px;
  font: "EB Garamond";
}

.btn-primary{
  background-color:#33471c;
  border-color:#33471c;
}

.btn-primary:hover, .btn-primary:focus{
  background-color:#233211;
}

.btn-primary.category{
  padding: 5px 15px;
  font-size: 0.7em;
}

.btn-outline-primary{
	border-color: #fff;
	color: #fff;
}

.btn-outline-primary:hover{
	background-color: #fff;
	border-color: #fff;
	color:#33471c;
}

.btn-outline-secondary{
	border-color: #33471c;
	color: #33471c;
}

.btn-outline-secondary:hover{
	background-color: #33471c;
	border-color: #33471c;
	color:#fff;
}

.btn-secondary{
  background-color:#fff;
  border-color:#33471c;
  color: #233211;
}

.btn-secondary:hover{
  background-color:#dfdfdf;
  border-color:#33471c;
  color: #233211;
}

.owl-wrap{
  width: 80%;
  margin: auto;
}

.card{
  -webkit-box-shadow: 0px 8px 20px 5px rgba(194,194,194,1);
	-moz-box-shadow: 0px 8px 20px 5px rgba(194,194,194,1);
	box-shadow: 0px 8px 20px 5px rgba(194,194,194,1);
}

.testimonial{
  min-height: 150px;
}

.testimonial p{
  font-size: 0.9em !important;
}

@media(max-width:767px){
  .testimonial{
  	min-height: 0 !important;
	}
  .mb-4,.my-4{
   	margin-bottom: 0.5em !important; 
  }
  .mt-4, .my-4{
    margin-top: 0.5em !important;
  }
}

#wrapper-footer{
 	 background-color: #33471c;
   color: #fff;
}

#wrapper-footer a{
  color: #fff;
}

#wrapper-footer a:hover{
  color: #dfdfdf;
}

.google-maps {
  position: relative;
  padding-bottom: 80%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.recent-posts{
  font-family: "Lato" !important;
}

.recent-posts .col-md-4{
  min-height: 300px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
	padding: 30px auto;
  background: #fff;
}

.recent-posts a.btn{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.recent-posts h3{
  font-size: 1.2em !important;
  font-weight: 700 !important;
}

.recent-posts a.read-more, .recent-posts h3{
  color: #272d39;
  text-decoration: none !important;
  font-family: "Lato" !important;
  line-height: 1.1em !important;
}

.recent-posts a:hover{
  text-decoration: none !important;
}

.recent-posts a.read-more:hover{
  color: #222 !important;
}

.recent-posts p{
 font-size: 1em !important; 
  font-family: "Lato" !important;
  line-height: 1.4em !important;
}

#wrapper-footer, #wrapper-footer h4, #wrapper-footer a{
  font-family: "Lato" !important;
}

#wrapper-footer h4{
  font-size: 1em !important;
  font-weight: 700 !important;
  margin-bottom: 15px;
  color: #fff;
}

#wrapper-footer a{
  font-size: 0.7em;
}

#wrapper-footer p{
  font-size: 0.8em;
}

#wrapper-footer ul{
	list-style-type: none;
  padding-left: 0;
}

.copyright{
  background: #233211;
  font-family: "Lato" !important;
  text-align: center;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  display: block;
}

.copyright p{
	margin: 0;
  padding: 0;
}

.sm-icon{
  font-size: 1.5em;
  padding: 4px;
  min-width: 27px;
  border-radius: 50%;
  border: 1px solid #fff;
  margin: 0 5px 0 0;
  text-align: center;
  display: inline-block;
}

.card.logo img{
  
}

.page-header{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
  padding: 6rem 2rem;
}

.page-header h1.entry-title{
  font-weight: 700;
  color: #233211;
  margin-top: 2.5em;
}

.page-header .subheading{
  font-size: 2.6em;
  position: relative;
  top: -10px;
  color: #233211;
}

.page-title{
  font-size: 2.6em;
  font-weight: 500;
  text-align: center;
  color: #233211;
}

@media(max-width:767px){
  .page-header{
 	 padding-top: 3em;
 	 padding-bottom: 2.5em;
 	 background-position: bottom left;
	}
}