/*

 Theme Name: The Conscious Farmer

 Theme URI: http://theconsciousfarmer.com.au/

 Description: Custom theme for The Conscious Farmer.

 Author: BBIM

 Author URI: http://bbim.com.au/

 License: Everything copyrighted

 Version: 1.1

*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,500,700);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

@import url(https://fonts.googleapis.com/css?family=Josefin+Slab:400,300,600,700,400italic);

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



 @charset "utf-8";

/* CSS Document */



/*font-family: 'Open Sans', sans-serif;

*/



body {

	margin: 0 auto;

	padding: 0;

	color: #373737;

	font-family: 'Roboto', sans-serif;

	

}

*, *:after, *:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

ul, ol, h1, h2, h3, h4, h5, h6 {

	padding: 0;

	margin: 0;

}

ul li{

	list-style:square;

}

p {

	margin: 15px 0;

	line-height: 23px;

	font-size:16px;

	color: #373737;

	font-weight: 300;

}

h1, h2, h3, h4, h5, h6 {

	margin: 15px 0;

	font-family: 'Josefin Slab', serif;

	color: #373737;

}

h1{

	font-size: 34px;

}

h2{

	font-size: 29px;

}

h3{

	font-size: 26px;

}

h4{

	font-size: 18px;

}

a {

	text-decoration: none;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	color: #7d9827;

}

a:focus, a:active{

	outline: none !important;

	border:none;

}

form, fieldset {

  border-style: none;

  margin: 0;

  padding: 0;

}

/* Mozilla based browsers */

::-moz-selection {

       background-color: #7d9827;

	   color:#FFF;

}

input{

  -webkit-appearance: none;

   -moz-appearance:    none;

   appearance:         none;

}

/* Works in Safari */

::selection {

       background-color: #7d9827;

	   color:#FFF;

}

.alignleft {

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

}

.alignright {

	float: right;

	margin-left: 15px;

	margin-bottom: 15px;

}

a:focus, a:active {

	outline: none;

}

a img {

	outline: none;

	border: none;

}

img {

	max-width: 100%;

}

input{

	-webkit-appearance: none;

   -moz-appearance:    none;

   appearance:         none;

 }

 

.visible-lg{

	display:block;

}

.visible-xs{

	display: none;

}

#mobile-menu.visible-xs{

	display: none;

}

.clearfix{

	clear:both;

}

.clearfix::before, .clearfix::after {

  content: " ";

  display: table;

}



.orange{

	color: #f57920;

}

.btn{

	text-transform: uppercase;

	display: inline-block;

	padding:6px 35px;

	font-size: 16px;

	border-radius: 30px;

	font-weight: 400;

}

.orange-btn{

	background-color: #f57920;

	color: #FFF;

}

.orange-btn:hover{

	background-color: #CE5B0A;

}

.text-center{

	text-align: center;

}

.bg-grey{

	background-color: #CFCFCF;

}

.container {

	width: 1030px;

	margin: 0 auto;

	padding-left: 15px;

	padding-right: 15px;

}



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

/* -----------------------Header--------------------- */

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

.header ul li{

	list-style: none;

}

.social.phone ul li{

	display: inline-block;

}

.header .top{

	background-color: #FCFCFC;

	overflow: hidden;

	padding: 8px 0;

	border-bottom: 1px solid #d5d5d5;	

}
.header .social.phone {
  position: absolute;
  right: 0;
}

.header .top .social.phone{

	float: right;

}

/*.header .phone-no{

	margin-right: 15px;

}*/



.header .social.phone li a{

	font-size: 16px;

	color:#7d9827;

	font-weight: 400;

}

.header .social.phone li.phone-no a{

	color: #7d9827;

}

.header .social.phone li a i {

  font-size: 20px;

  margin-left: 7px;

}

.header .bottom{

	padding: 27px 0  24px 0;

	border-bottom: 1px solid #6e8d9a;

}

.header .bottom .container div.logo, .header .bottom .container div.nav  {

	display: inline-block;

	vertical-align: middle;

}

.header .bottom .logo{

	width: 215px;
	

}
.header .bottom .logo a{
	width: 100%;
  display: inline-block;
  -webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
}

.header .bottom .nav{

	text-align: right;

	width: 781px;

	margin-top: 20px;

}

.nav > ul > li{

	position: relative;

	margin-left: 15px;

	padding: 15px 0;	

	display: inline-block;

}

.nav > ul > li a{

	color: #545454;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 400;

}

.nav > ul > li:hover > a{

	color: #6A9300;

}

.nav > ul > li.current-menu-item > a{

	font-weight: 600;

}

.nav ul.sub-menu {

	background-color: #779221;

	padding:0;

	text-align: left;

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);

	display: none;

	position: absolute;

	top: 45px;

	width: 180px;

	font-weight: 400;

	z-index: 999;

	left: 0px;

}

.nav ul.sub-menu li {

	border: none;

	border-bottom: 1px solid #e6e6e6;

	width: 100%;

	margin: 0;

}

.nav ul.sub-menu li:last-child {

	border-bottom: none;

}

.nav ul.sub-menu a {

	color: #FFF;

	display: block;

	font-weight: 400;

	font-size: 14px;

	padding: 10px 11px;

}

.nav ul.sub-menu a:hover {

	background-color: #E9E9E9;

	color: #545454;

}

.nav li:hover ul.sub-menu {

	display: block;

}



.cbp-af-header {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	height: 150px;
	position: fixed;
	background-color: #FFF;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}
.customize-support .cbp-af-header {
	top: 26px;
}
.cbp-af-header .cbp-af-inner {
	width: 100%;
	position: relative;
	margin: 0 auto;
}

/* Transitions and class for reduced height */

.cbp-af-header-shrink.bottom{
	padding: 10px 0;
}
.cbp-af-header-shrink.bottom .logo a{
  width: 170px;
}

.cbp-af-header.cbp-af-header-shrink {
	height: 100px;
}

.cbp-af-header.cbp-af-header-shrink h1,
.cbp-af-header.cbp-af-header-shrink nav a {
	line-height: 90px;
}

.cbp-af-header.cbp-af-header-shrink h1 {
	font-size: 2em;
}







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

/* --------------------Home Page----------------------- */

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



.section ul{

	padding-left: 35px;

	margin: 15px 0;

}

.section ul li{

	color: #373737;

	font-style: italic;

	font-weight: 300;

	font-size: 16px;

	line-height: 23px;

	list-style-image: url('images/bullet_icon.png');

}



.hero-slider{
	margin-top: 9em;
	position: relative;

	text-align: center;

}
.section.hero{
	margin-top: 9em;
}



.slider-content{

	position: absolute;

  top: 27%;

  z-index: 222;

  width: 100%;

  text-align: center;

}



.slider-content .container > div{


	display: inline-block;

	width: 380px;

	text-align: center;

	padding: 25px;

}
.slider-content .container > div::before,.slider-content .container > div::after {
  border: 1px solid #fff;
  content: "";
  height: 1px;
  width: 60px;
  display: inline-block;
}

.slider-content h1{

	font-size: 27px;	

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	font-weight: 400;

	color: #FFF;

	text-shadow: 1px 2px #3c3c3c;

}

.slider-content .container > div a.button-link {
  border: 3px solid #fff;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto 22px;
  padding: 12px 34px;
  text-shadow: 1px 2px #3c3c3c;
  text-transform: uppercase;
  width: 175px;
}

.section.one{

	padding: 60px 0;

}

.section.one .content > div{

	display: inline-block;

	vertical-align: top;

	width: 233px;

	margin: 0 9px;

}

.section.one .content > div:first-child{

	margin-left: 0;

}

.section.one .content > div:last-child{

	margin-right: 0;

}

.section.one .box .box-img{

	overflow: hidden;

	margin-bottom: 24px;

}

.section.one .box h4{

	font-weight: 600;

	position: relative;

}

.section.one .box h4 a{

	color: #373737;

}

.section.one .box h4::after {

  background-color: #9d9d9d;

  content: "";

  display: block;

  height: 1px;

  position: absolute;

  top: 50%;

  width: 100%;

  z-index: -1;

}

.section.one .box h4 > span {

  background-color: #fff;

  display: inline-block;

  padding-right: 12px;

}

.section.one .box p{

	font-size: 15px;

	font-style: italic;

	margin: 0;

	line-height: 20px;

}

.section .read_more{

	font-style: italic;

	text-transform: lowercase;

	display: inline-block;

	margin-top: 15px;

	font-size: 14px;

}



.section .tvtitle{

	position: relative;

	text-align: center;

	margin-bottom: 15px;

}



.section .tvtitle::before {

  background-color: #9d9d9d;

  content: "";

  display: block;

  height: 1px;

  position: absolute;

  top: 50%;

  width: 100%;

  z-index: -1;

}

.section .tvtitle h1, .section .tvtitle h2{

	background-color: #FFF;

	display: inline-block;

	padding: 0 15px;

	font-weight: 400;

}

.section.two .row{

	overflow: hidden;

	margin-bottom: 25px;

}

.section.two .row:last-child{

	margin-bottom: 0px;

}

.section .row .full-width{

	width: 100%;

	display: inline-block;

}

.section .row h4{

	font-weight: 300;

	text-transform: uppercase;

	font-style: italic;

}
.section.two .row .row-content > div iframe{
	width: 100% !important;
}
.section.two .row .img.float-left, .section.two .row .text.float-left{

	float: left;

}

.section.two .row .text.float-right, .section.two .row .img.float-right{

	float: right;

}

.section.two .row .img.float-left{

	margin-right: 20px;
	text-align: center;

}

.section.two .row .img.float-right{

	margin-left: 20px;
	text-align: center;

}

.section.two .row .img {

  width: 590px;

}

.section.two .row .text{

	width: 390px;

}

.section.two .row .text p{

	margin-top: 0;

	text-align: justify;

}

.testimonials{

	overflow: hidden;

	

	display: inline-block;

	width: 100%;

	background-color: #E9E9E9;

	position: relative;

}

.home.page .testimonials{

	margin: 50px 0;

}

.testimonials  .item > div{

	display: inline-block;

	vertical-align: middle;

}

.testimonials  .item .image{

	width: 370px;

}

.testimonials  .item .testi-content{

	width: 625px;

}

.testimonials blockquote p{

	line-height: 28px;

}

.testimonials .testi-by {

	font-size: 14px;

	color: #373737;

	font-weight: 300;

}

.custom-nav > div{

	position: absolute;

	top: 41%;

	cursor: pointer;

	z-index: 333;

}

.custom-nav > div i {

  color: #b2b3b2;

  font-size: 40px;

  font-weight: 400;

  -webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;

}

.custom-nav > div:hover i{

	color: #5e5f5e;

}

.custom-nav .customPrevBtn{

	left: 50px;

}

.custom-nav .customNextBtn{

	right: 50px;

}



.section.news .content > div{

	display: inline-block;

	vertical-align: top;

	width: 233px;

	margin: 0 9px;

}

.section.news .content > div:first-child{

	margin-left: 0;

}

.section.news .content > div:last-child{

	margin-right: 0;

}

.section.news .blog .blog-img{

	overflow: hidden;

	position: relative;

	margin-bottom: 24px;

}

.section.news .blog ul {

	margin: 0;

}

.section.news .blog ul li{

	font-size: 15px;

}

.section.news .blog h2{

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	text-align: center;

	margin: 0;

	font-style: normal;

	color: #FFF;

	font-weight: 700;

	text-shadow: 1px 2px #000;

	text-transform: uppercase;

	font-family: 'Roboto', sans-serif;

	background-color: rgba(0,0,0,0.5);

	font-size: 27px;

}

.section.news .blog h2 a{

	color: #FFF;

	display: inline-block;

	width: 100%;	

	padding-top: 40%;

	height: 100%;

}

.section.instagram{

	padding: 50px 0; 

}

.instagram .content > div {

  display: inline-block;

  margin: 0 1px;

  vertical-align: top;

  width: 161px;

}

.instagram .content .insta-post > span{

	display: inline-block;

	width: 100%;

}
.instagram .content .insta-post > span > span {
	display: inline-block;
	margin-right: 10px;
	font-size: 11px;
	color: #B1B1B0;
}
.instagram .content .insta-post > span > span i {

	color: #B1B1B0;

	font-size: 11px;

	margin-right: 7px;

	cursor: pointer;

	-webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;

}

.instagram .content .insta-post > span > span i:hover, .instagram .content .insta-post > span > span:hover {

	color: #6A9300;

}

.contact-form{

	background-image: url('images/bg.jpg');

	background-repeat: no-repeat;

	background-size: cover;

}

.contact-form .layer{

	background-color: rgba(255, 255, 255, 0.8);

	padding: 50px 0;



}

.contact-form .layer-inner{

	background-color: rgba(255, 255, 255, 1);

	padding: 50px 0;

}
.contact-form.padding-top .layer-inner{
	padding-top: 130px;
}

.contact-form .content{

	text-align: center;	

}

.contact-form .content .form-cont{

	width: 500px;

	margin: 25px auto auto auto;

}
.contact-form .bottom_content{
	overflow: hidden;
	text-align: center;
}
.contact-form .bottom_content > div {
  display: inline-block;
  vertical-align: top;
  width: 44%;
  margin: 0 2%;
}

.contact-form h1 {

  border-bottom: 1px solid #989691;

  display: inline-block;

  font-style: italic;

  margin: 0;

  padding-bottom: 10px;

  text-transform: uppercase;

  color: #373737;

  font-weight: 400;

}

.contact-form h2{

	color: #7d9827;

	font-family: 'Roboto', sans-serif;

	font-style: italic;

	font-size: 22px;

	margin: 10px 0;

	font-weight: 300;

}

.form-group{

	margin-bottom: 25px;

}

.form-control {

  border: 1px solid #989691;

  padding: 6px 8px 6px 8px;

  width: 100%;

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

  color: #373737;

  font-size: 14px;

  background-color: rgba(255,255,255, 0.7);

}

.form-cont form > div.form-group > span{

	width: 100%;

}

.form-cont form > div.form-group.grid-two > span{

	display: inline-block;

	width: 45%;

	vertical-align: top;

}

.form-cont form > div.form-group.grid-two > span:first-child{

	margin-right: 9%;

}

.form-group.grid-two textarea{

	height: 31px;

}

.form-cont .dd{

	border: 1px solid #989691;	

}

.form-cont .dd .divider {

  border:none;

}

.form-cont .dd .ddTitle {

	background-image: none;

	background-color: transparent;

	text-align: left;

}

.form-cont .dd .ddlabel{

	font-family: "Roboto",sans-serif;

	font-style: italic;

	font-size: 14px;

	font-weight: 300;

}

.form-cont .dd ul{

	padding-left: 0;

	text-align: left;

	margin: 0;

}

.form-cont .dd ul li{

	list-style-image: none;

}

.form-control::-webkit-input-placeholder {

	opacity: 1;

	font-style: italic;

	text-transform: uppercase;
	color: #000;

}



.form-control:-moz-placeholder { /* Firefox 18- */

	opacity: 1;

	font-style: italic;

	text-transform: uppercase;
	color: #000;

   

}



.form-control::-moz-placeholder {  /* Firefox 19+ */

  opacity: 1;
  color: #000;

	font-style: italic;

	text-transform: uppercase;

}



.form-control:-ms-input-placeholder {  

	opacity: 1;

	font-style: italic;

	color: #000;

	text-transform: uppercase;

}



.form-group .btn-submit {

  border: 1px solid #6A9300;

  padding: 9px 20px;

  background-color: transparent;

  cursor: pointer;

  text-transform: uppercase;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #6A9300;

  font-size: 16px;

  -webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.form-group .btn-submit:hover {

	background-color: #6A9300;

	color: #FFF;

}



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

/* -----------------------Inner Pages------------------- */

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



.hero{

	background-size: cover;

	background-repeat: no-repeat;

	padding: 9% 0;

	position: relative;

	text-align: center;

}

.beef_hamper{

	background-image: url('images/hero_img2.jpg');

}



.hero .hero-content > div {

  display: inline-block;

  padding: 25px;

  text-align: center;

}
.hero .hero-content > div::after, .hero .hero-content > div::before {

  display: inline-block;
  content: '';
  height: 1px;
  width: 60px;
  border:1px solid #FFF;

}

.hero .hero-content > div.page-title {

	width:auto;

	padding: 10px 35px;

}

.hero .page-title h1{

	font-size: 70px;	

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	font-weight: 400;

	color: #FFF;

	text-shadow: 1px 2px #3c3c3c;

}

.hero h1{

	font-size: 27px;	

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	font-weight: 400;

	color: #FFF;

	text-shadow: 1px 2px #3c3c3c;

}

.hamper{

	border-bottom: 3px solid #e8e8e8;

}

.section.inner-page{

	padding: 50px 0;

}
.section.inner-page .container{
	position: relative;

}
.section.inner-page .container > .order_now {
  position: absolute;
  top: -47px;
  right: 0;
  border: 1px solid #717171;
  color: #000000;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  padding: 8px 35px;
}
.section.error-page, .section.search-page{
	margin-top: 8em;
}

.section.hamper .row{

	background-repeat: no-repeat;

	background-position: right center;

	position: relative;

	margin-bottom: 40px;

}

.hamper-img{

	display: none;

}

.section.hamper .row:last-child{

	margin-bottom: 0px;

}

.hamper .row h4{

	font-size: 18px;

	font-weight: 300;

	font-family: 'Roboto', sans-serif;

	margin-bottom: 0;

	text-transform: uppercase;

}
.hamper .row .hamper-text h4{

	font-size: 20px;
	color: #7d9827;
	margin-bottom: 15px;

}

.hamper .row h5{

	font-size: 16px;

	color: #7d9827;

	font-family: 'Roboto', sans-serif;

	font-style: italic;

	font-weight: 300;

}

.hamper .row p{

	margin: 0;

}

.hamper .row .hamper-text{

	width: 410px;

	height: 100%;

	background-color: #F7F7F7;

	padding: 30px 20px 30px 40px;

}

.hamper .row .read_more, .read_more.order_now {

  border: 1px solid #717171;

  color: #000000;

  font-size: 14px;

  font-weight: 500;

  padding: 8px 35px;
  margin-right: 10px;

  font-family: 'Roboto', sans-serif;

}



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

/* -----------------------Blog Page--------------------- */

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



.section.blog-posts{

	padding: 70px 0;
	margin-top: 8em;

}

.section.blog-posts .tvtitle h1{

	font-size: 40px;

}

.section.blog-posts .content > div {

  display: inline-block;

  margin: 0 9px 55px;

  vertical-align: top;

  width: 229px;

}

.section.blog-posts .blog .post-img{

	overflow: hidden;

	margin-bottom: 24px;

}

.section.blog-posts .blog h4{

	font-weight: 600;

	position: relative;

}
.section.blog-posts .blog h4{
	margin-bottom: 0;

}
.section.blog-posts .blog strong.by_author{
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	font-size:12px;
}

.section.blog-posts .blog h4 a{

	color: #373737;

}

.section.blog-posts .blog h4::after {

  background-color: #9d9d9d;

  content: "";

  display: block;

  height: 1px;

  position: absolute;

  top: 50%;

  width: 100%;

  z-index: -1;

}

.section.blog-posts .blog h4 > span {

  background-color: #fff;

  display: inline-block;
  padding-right: 12px;

}

.section.blog-posts .blog p{

	font-size: 15px;

	font-style: italic;

	margin: 0;

	line-height: 20px;

}

.blog-posts .read_more{

	border: 1px solid #717171;

  color: #000000;

  font-family: "Roboto",sans-serif;

  font-size: 14px;

  font-style: normal;

  text-transform: uppercase;

  font-weight: 500;

  padding: 8px 22px;

   -webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;

}

.blog-posts .read_more:hover{

	color: #7D9827;

}



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

/* -----------------------Single Post------------------- */

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





.section.single-post{

	padding: 70px 0 0 0;
	margin-top: 8em;

	overflow: hidden;

}



.single-post .left-content {

  float: left;

  margin-right: 70px;

  width: 670px;

  margin-bottom: 25px;

}

.single-post .fetured-img{

	margin-bottom: 25px;

	display: inline-block;

	width: 100%;

}

.single-post h3{

	font-size: 22px;

	font-weight: 500;

}



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

/* -----------------------Sidebar----------------------- */

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





.sidebar{

	width: 260px;

	float: left;

}

.search-form{

  position: relative;

  float: right;

  width: 100%;

}

.search-form input[type="search"] {

  background-color: transparent;

  border: 1px solid #7d9827;;

  display: inline-block;

  font-size: 15px;

  color: #373737;

  margin-top: 0;

  padding: 12px 40px 12px 12px;

  width: 100%;

  font-weight: 500;

  font-family: "Roboto",sans-serif;

}



.search-form .submit-btn {

  background-color: transparent;

  background-image: url("images/searchicon.png");

  background-position: center center;

  background-repeat: no-repeat;

  border: medium none;

  height: 26px;

  position: absolute;

  right: 10px;

  top:9px;

  width: 28px;

  margin-top: 0;

  z-index: 333;

}



.search-form ::-webkit-input-placeholder {

   color: #7d9827;

   opacity: 1;

}



.search-form :-moz-placeholder { /* Firefox 18- */

   color: #7d9827;

   opacity: 1;

}



.search-form ::-moz-placeholder {  /* Firefox 19+ */

   color: #7d9827;

   opacity: 1;

}



.search-form :-ms-input-placeholder {  

	color: #7d9827;

	opacity: 1;

}

.sidebar .newsletter{

	margin: 25px 0;

	display: inline-block;

	width: 100%;

	text-align: center;

}

.sidebar .newsletter .news-btn{

	border: 1px solid #3d3d3c;

	width: 100%;

	text-transform: uppercase;

	color: #3d3d3c;

	display: inline-block;

	padding: 12px;

	font-weight: 500;

	font-size: 15px;

	cursor: pointer;

}

.sidebar .newsletter .news-form{

	display: none;

	margin-top: 15px;

}

.newsletter .news-form input[type="text"], .newsletter .news-form input[type="email"]{

	width: 100%;

	border: 1px solid #7d9827;

	padding: 9px 12px;

	margin-bottom: 15px;

}

.newsletter .news-form input[type="submit"]{

	width: 100%;

	border: 1px solid #7d9827;

	background-color: #7d9827;

	cursor: pointer;

	padding: 8px 0;

	color: #FFF;

	font-size: 15px;

	text-transform: uppercase;

	 -webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.newsletter .news-form input[type="submit"]:hover{

	background-color: #5e7908;

}

.sidebar-post > div{

	margin-bottom: 20px;

	background-color: #e9e9e9;

	text-align: center;

}

.sidebar-post > div:last-child{

	margin-bottom: 0px;

}

.sidebar-post > div .text{

	background-color: #E9E9E9;

	padding: 2px 10px 18px 20px;

	text-align: left;

}

.sidebar-post > div h3{

	font-style: italic;

	color: #7d9827;

}

.sidebar-post > div p{

	font-size: 14px;

}

.sidebar-post > div .read_more {

  margin-top: 0px;

  font-weight: 500;

}



.section .rpwe-ul{

	padding-left: 0;

	margin: 0;

}

.section .rpwe-ul li{

	list-style-image: none;

	list-style: none;

	background-color: #e9e9e9;

	margin-bottom: 20px;

}

.section .rpwe-ul li:last-child{

	margin-bottom: 0px;

}

.rpwe-thumb {

  border: none;

}

.rpwe-title{

	margin-bottom: 0;

	padding: 2px 10px 10px 20px;

}

.rpwe-summary{

	padding: 2px 10px 18px 20px;

}

.rpwe-summary{

	font-size: 14px;

	font-style: normal;

}

.rpwe-summary a{

	display: inline-block;;

	width: 100%;

	font-style: italic;

	margin-top: 12px;

}



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

/* -------------------Contact Page--------------------- */

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



.section.contact-page{

	display: inline-block;

	width: 100%;

	padding-bottom: 0;

}



.contact-page .left{

	width: 45%;

	float: left;

	text-align: right;

}

.contact-page .right{

	width: 55%;

	float: left;

	text-align: left;

}

.contact-page .address{

	padding: 0 0 30px 50px;

	font-family: 'Josefin Slab', serif;

}

.contact-page .address a{

	font-size: 23px;

	color: #373737;

}

.contact-page address{

	font-size: 23px;

	font-family: 'Josefin Slab', serif;

	font-style: italic;

	line-height: 38px;	

	margin-bottom: 25px;

}

.contact-page .right .contact-form .layer {

	padding: 67px 50px 67px 50px;

	text-align: left;

}

.contact-page .contact-form .content {

  text-align: left;

}

.contact-page .contact-form .content .form-cont {

  margin: 0;

}

.contact-page .address ul{

	padding-left: 0;

}

span.wpcf7-not-valid-tip {

  font-size: 13px;
  text-align: left;
  margin-top: 3px;

}

.contact-page .address ul li{

	display: inline-block;

	vertical-align: top;

	list-style-image: none;

	margin-right: 5px;

}

.contact-page .address ul li a{

	color: #7d9827;

	font-size: 18px;

}









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

/* -----------------------Footer------------------------ */

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



.footer .top{

	background-color: #252721;

	padding: 10px 0;

	overflow: hidden;

	text-align: center;

}

.nav-footer ul li{

	list-style: none;

	display: inline-block;

	margin: 0 10px;

	padding: 7px 0;

}

.nav-footer ul li a{

	color: #FFF;

	text-transform: uppercase;

	-webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;

	font-size: 14px;

	font-weight: 300;

}

.nav-footer ul li.current-menu-item a, .nav-footer ul li:hover a{

	color: #699300;

}

.footer .middel .top-content {

	padding:  30px 0 20px 0;



}

.footer .middel .top-content .content {

  margin: 0 auto;

}

.footer .middel .content > div {

  display: inline-block;

  vertical-align: top;
  text-align: center;

  width: 100%;
  padding: 3px 0;

}

.footer .middel .left h3, .footer .middel .left .newsletter-form, .footer .middel .left ul {
	display: inline-block;
	width: 33%;
	vertical-align: middle;
	text-align: center;
}
.footer .middel .left ul{
	width: 20%;
}
.footer .newsletter-form input[name="FNAME"]{
	display: none;
}
.footer .middel .left h3 {
  color: #373737;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  font-weight: 300;
}
.footer .middel .right h4{

	font-size: 22px;

	color: #7d9827;

	font-weight: 700;



}

.footer .middel .right address{


	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	font-weight: 300;

	color: #373737;
	margin-top: 20px;

	font-style: inherit;

}

.footer .middel .right a[href^="tel:"]{

	color: #545454;

	font-weight: 400;



}

.footer .newsletter-form input{

	margin-bottom: 0px;
	padding: 6px 95px 6px 8px;
	height: 31px;
	font-size: 13px;

}
.footer .newsletter-form{
	margin-bottom: 0px;
	position: relative;
}

.footer .newsletter-form input[type="submit"] {
  background-color: #7d9827;
  border: 1px solid #7d9827;
  color: #fff;
  position: absolute;
  right: 0;
  height: 31px;
  top: 0px;
  cursor: pointer;
  font-size: 15px;
  padding: 3px 0;
  margin-bottom: 0;
  text-transform: uppercase;
  -webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;
  width: 95px;
}
.mc4wp-alert.mc4wp-success > p {
  font-size: 12px;
}
.footer .newsletter-form input[type="submit"]:hover{

	background-color: #5e7908;

}

.footer .top-content ul li{

	list-style:none;

	display: inline-block;

	vertical-align: top;

	margin-right: 8px;

}

.footer .top-content ul li i{

	font-size: 19px;

}

.footer .middel .bottom-content{

	padding: 10px 0; 
	text-align: center;

}

.footer .bottom{

	background-color: #252721;

	padding:10px 0; 

	text-align: center;

}

.footer .bottom p{

	margin: 0;

	color: #FFF;

	font-size: 11px;

}

.footer .bottom p a{

	color: #FFF;

}

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

/* -----------------404 and Search  Page---------------- */

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



.error-page{

	overflow: hidden;

}



.error-page .search-form input[type="search"], .search-page .search-form input[type="search"]{

background-color: transparent;

  border: 1px solid #7d9827;

  color: #373737;

  display: inline-block;

  font-family: "Roboto",sans-serif;

  font-size: 15px;

  margin-top: 0;

  padding: 5px 35px 5px 12px;

  width: 300px;

  font-weight: 400;

  vertical-align: top;



}

.search-submit{

	background-color: #7d9827;

	border:1px solid #7d9827;

	color: #FFF;

	cursor: pointer;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	padding: 4px 12px;

	font-size: 15px;

}

.search-submit:hover{

	background-color: #3d3d3d;

	border: 1px solid #3d3d3d;

}

.search-page{

	overflow: hidden;



}

.search-page .content h2{

	font-weight: 300;

}

.search-page h2, .search-page h2 a{

	color: #595a5c;

}

.search-page .read_more{

	border: 1px solid #717171;

  color: #000000;

  font-family: "Roboto",sans-serif;

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  padding: 8px 22px;

  text-transform: uppercase;

  -webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;

}

.search-page .read_more:hover{

	color: #7d9827;

}





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

/* ------------------Media Query------------------- */

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



@media screen and (max-width: 1030px){

	.container{

		width: 100%;

		padding: 0 1%;

	}

	.header .bottom .nav {

	  width: 75%;

	}

	.slider-content {

  		top: 14%;

	}

	.section.one .content > div {

	  margin: 0 1%;

	  width: 23%;

	}

	.section.two .row .img {

  		width: 54%;

	}

	.section.two .row .text {

  		width: 43%;

	}

	.testimonials .item .image {

  		width: 36%;

	}

	.testimonials .item .testi-content {

  		width: 63%;

	}

	.custom-nav .customPrevBtn {

  		left: 5px;

	}

	.custom-nav .customNextBtn {

  		right: 5px;

	}

	.section.news .content > div {

 		margin: 0 1%;

	  	width: 23%;

	}

	.section.news .blog ul{

		padding-left: 22px;

	}

	.instagram .content > div {

	  width: 16.1%;

	}

	.section.blog-posts .content > div {

	  margin: 0 1% 5% 1%;

	  vertical-align: top;

	  width: 22.6%;

	}

	.single-post .left-content {

	  margin-right: 7%;

	  width: 64%;

	}

	.sidebar {

	  width: 29%;

	}

	.contact-page .left {
	  text-align: center;
	  width: 100%;
	  margin-bottom:20px;
	}
	.contact-page .right {
	  width: 100%;
	}



}

@media screen and (max-width: 920px){

	.row-content .float-left {
	  display: block;
	  float: none !important;
	  margin: auto;
	  width: 100% !important;
	}
	.img.float-left > img {
	  margin-bottom: 20px;
	  width: 100%;
	}
	.row-content .float-right {
	  display: block;
	  float: none !important;
	  width: 100% !important;
	  margin:auto !important;
	}
	.img.float-right > img {
	  margin-bottom: 20px;
	  width: 100%;
	}
	.instagram .content {
	  text-align: center;
	}
	.instagram .content > div {
	  width: 15%;
	}
	.box {
	  text-align: left;
	  width: 21.9% !important;
	}
	.section.one .container {
	  text-align: center;
	}	
	
	h1 {

  		font-size: 30px;

	}

	h2 {

  		font-size: 24px;

	}

	h4 {

  		font-size: 15px;

	}

	.hero .page-title h1 {

	  font-size: 50px;

	}

	.header .bottom .logo {

  		width: 180px;

	}

	.header .bottom .nav {

  		width: 77%;

	}

	.nav > ul > li {

	  margin-left: 8px;

	}

	.slider-content h1 {

	  font-size: 22px;

	}

	.slider-content .container > div a.button-link {

	  font-size: 14px;

	  padding: 11px 22px;

	}

	.contact-form h2 {

	  font-size: 20px;

	}



}

@media screen and (max-width: 820px){

	.header .bottom .nav {

  		width: 75%;

	}

	.nav > ul > li {

  		margin-left: 5px;

	}

	.nav ul.sub-menu {

	  width: 160px;

	}
	.footer .middel .left h3, .footer .middel .left .newsletter-form, .footer .middel .left ul {
  width: 29%;
}

}

@media screen and (max-width: 767px){

.owl-item {
  background-color: white;
}

.visible-lg{

	display:none;

}

.visible-xs{

	display: block;

}
.header .bottom .container div.nav {
	display: none;
}

.header .bottom .container > div.visible-lg{

	display: none;

}

#mobile-menu.visible-xs{

	display: block;

}

.header .top {

	background-size: cover;

	text-align: center;

}

.header .phone {

  text-align: center;

}

.header .logo {

  width: 100%;

  float: none;

  text-align: center;

}
.customize-support .cbp-af-header, .header .cbp-af-header {
  top: 0;
  position: relative;
  height: auto;
}
.section.hero {
  margin-top: 0;
}

.hero-slider {
  margin-top: 0em;
}


.header .visible-xs {

  text-align: right;

}

.social a {

  margin-right: 3px;

}

.header .bottom {

	padding: 12px 0;

}

.search-form {

  float: left;

  margin-top: 0;

}

.slicknav_btn {

	position: relative;

	display: block;

	vertical-align: middle;

	float: right;

	padding: 0.438em 0.625em 0.438em 0.625em;

	line-height: 1.125em;

	cursor: pointer;

}

.slicknav_menu .slicknav_menutxt {

	display: block;

	line-height: 1.188em;

	float: left;

}

.slicknav_menu .slicknav_icon {

	float: left;

	margin: 0.188em 0 0 0.438em;

}

.slicknav_menu .slicknav_no-text {

	margin: 0

}

.slicknav_menu .slicknav_icon-bar {

	display: block;

	width: 1.125em;

	height: 0.125em;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

	margin-top: 0.188em

}

.slicknav_nav {

	clear: both

}

.slicknav_nav ul, .slicknav_nav li {

	display: block

}

.slicknav_nav .slicknav_arrow {

	font-size: 0.8em;

	float: left;

	margin: 0 0 0 0.4em;

}

.slicknav_nav .slicknav_arrow i{

	font-size: 15px;

}

.slicknav_nav .slicknav_item {

	cursor: pointer;

}

.slicknav_nav .slicknav_row {

	display: block;

}

.slicknav_nav a {

	display: block

}

.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {

	display: inline

}

.slicknav_menu:before, .slicknav_menu:after {

	content: " ";

	display: table;

}

.slicknav_menu:after {

	clear: both

}

/* IE6/7 support */

.slicknav_menu {

	width:230px;

	float:right;

	position:relative;

*zoom: 1

}

/* 

    User Default Style

    Change the following styles to modify the appearance of the menu.

*/



.slicknav_menu {

	font-size: 16px;

}

/* Button */

.slicknav_btn {

	margin: 5px 5px 6px;

	text-decoration: none;

	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

	background-color: #7D9827;

}

/* Button Text */

.slicknav_menu .slicknav_menutxt {

	color: #FFF;

	font-weight: bold;

	text-shadow: 0 1px 3px #000;

}

/* Button Lines */

.slicknav_menu .slicknav_icon-bar {

	background-color: #f5f5f5;

}

.slicknav_menu {

	padding: 5px;

	margin-top: -35px;

}

.slicknav_nav {

	color: #fff;

	margin: 0;

	padding: 0;

	font-size: 18px;

	background-color: #7D9827;

	border-top:1px solid #FFF;

	position: absolute;

	top: 47px;

	width: 98%;

	z-index: 999;

}

.slicknav_nav, .slicknav_nav ul {

	list-style: none;

}

.slicknav_nav ul {

	background-color: #FFF;

	margin: 0;

	padding: 0;

	position: absolute;

	width: 100%;

	z-index: 999;

}

.slicknav_nav .sub-menu a{

	color:#000;

}

.slicknav_nav .slicknav_row {

	padding: 2%;

	margin: 0;

}

.slicknav_nav a {

	padding: 2%;

	margin: 0;

	text-decoration: none;

	color: #fff;

	font-weight: 400;

	text-transform: uppercase;

	border: 1px solid transparent;

	font-size: 14px;

	letter-spacing:1px;

}

.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {

	padding: 0;

	margin: 0;

}

.slicknav_nav .slicknav_row:hover {

	color: #fff;

}

.slicknav_nav li:hover a{

	color: #000;

	background-color:#FFF;

}

.slicknav_nav li:hover a .slicknav_row a{

	color: #000;

	background-color:transparent;

}

.slicknav_nav li:hover .slicknav_arrow{

	color:#000;

}

.slicknav_nav .slicknav_txtnode {

	margin-left: 15px;

}

.slicknav_nav .sub-menu li:hover a{

	background-color:#F3F6F9;

	color:#000;

}

.slider-content {

  position:relative;

}
.slider-content h1 {
  color: #373737;
  text-shadow: 1px 2px #d3d3d3;
}
.slider-content .container > div a.button-link {
  border: 3px solid #d3d3d3;
  color: #373737;
  text-shadow: 1px 2px #d3d3d3;
}
.slider-content .container{

	padding: 0;

}

.slider-content .container > div {

  width: 100%;

  border: 3px solid #7D9827;

}

.section.one .content > div {

  width: 233px !important;

  margin: 0 auto 25px auto;

  display: block;

}

.section.one .content > div:first-child {

	margin: 0 auto 25px auto;

}

.section.one .content > div:last-child {

  margin: 0 auto 25px auto;

}

.section.two .row .img {

  width: 100%;

  margin-bottom: 20px;

}

.section.two .row .img.float-left {

  margin-right: 0px;

}

.section.two .row .text {

  width: 100%;

}

.testimonials .item .image {

  width: 100%;

  margin-bottom: 25px;

 

}

.testimonials .item > div {

  text-align: center;

}

.testimonials .owl-carousel .owl-item img {

  width:auto;

  display:inherit;

}

.testimonials .item .testi-content {

  width: 100%;

}

.instagram .content > div {

  width: 24%;

}

.section.hamper .row {

	background-image: none !important;

}

.hamper .row .hamper-text {

  width: 100%;

  padding: 30px 20px 30px 20px;

}

.hamper-img{

	display: block;

}

.section.blog-posts .content > div {

  width: 30.8%;

}

.single-post .left-content {

  margin-right: 0%;

  width: 100%;

  margin-bottom: 25px;

}

.sidebar {

  width: 100%;

}

.sidebar-post > div .text {

  text-align: center;

}

.nav-footer ul li {

  margin: 0 6px;

}

.footer .middel .left h3, .footer .middel .left .newsletter-form, .footer .middel .left ul {
  margin: 12px 0;
  width: 59%;
}



}

@media screen and (max-width: 620px){

	.section.news .blog .blog-img {

  text-align: center;

}

	.section.news .content > div {

  margin: 0 2% 4% 2%;

  width: 45.6%;

}

.section.news .content > div:first-child {

  margin-left: 2%;

}

.section.news .content > div:last-child {

  margin-right: 2%;

}

.instagram .content > div {

  width: 32.4%;

  margin-bottom: 20px;

}

.footer .middel .top-content .content {

  width: 100%;

}

.footer .middel .content > div.left {

  margin-right: 0;

  padding-right: 0;

  width: 100%;

}

.footer .middel .content > div.right {

  width: 100%;

  margin-top: 25px;

}

}

@media screen and (max-width: 520px){

	.section.news .content > div {

	  width: 234px;

	  margin: 0 auto 25px auto;

	  display: block;

	}

	.section.news .content > div:first-child {

  		margin:0 auto 25px auto;

	}

	.section.news .content > div:last-child {

  		margin:0 auto 0px auto;

	}

	.instagram .content > div {

	  width: 161px;

	  margin: 0 auto 20px auto;

	  display: block;

	}

	.contact-form .content .form-cont {

	  width: 100%;

	}

	.form-cont form > div.form-group.grid-two > span {

	  width: 100%;

	}

	.form-cont form > div.form-group.grid-two > span:first-child {

  		margin-right: 0%;

  		margin-bottom: 25px;

	}

	.section.blog-posts .content > div {

	  width: 233px;

	  display: block;

	  margin: 0 auto 25px auto;

	}

}

@media screen and (max-width: 420px){

	.hero .hero-content > div {

  		width: 80%;

	}

	.hero h1 {

  font-size: 19px;

}

.hero .page-title h1 {

  font-size: 34px;

}

}