/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
body {
	margin: 0px;
}

h1, h2 {
    font-size: 3em;
    font-weight: 200;
    line-height: 130%;
	margin-bottom: 20px;
}

a.button {
    padding: 12px 60px 12px !important;
	margin-top: 20px;
}

a.button_onwhite {
	border: 1px solid #5a5a5a !important;
    color: #5a5a5a !important;
	padding: 12px 60px 12px !important;
	margin-top: 20px;
	border-radius: 2px;
	font-size: 1.1em !important;
    margin: 0 8px 0 0;
    font-weight: 400;
}
a.button_onwhite:hover {
	background-color: #92c83e !important;
    color: #5a5a5a !important;
	text-decoration: none;

}
a {
	color: #8db938
}
a:hover {
	color: #a2a2a2;
}

.module_round_box_outer ul, .moduletable ul {
    list-style: disc;
    margin-left: 15px;
}

/* - - - - - - - - Menu & Header - - - - - - - - - */

section, #s5_pos_custom_1 {
    margin-top: 130px;
}

.s5_sitelogo, .s5_wrap_fmfullwidth .s5_sitelogo {
	height: 180px;
    width: 180px;
    background-size: 180px;
	margin: 0 auto;
}

#s5_nav li {
height: 35px; 
}
#s5_nav li a {
    color: #000000;
}
#s5_nav li.s5_logo_spacer {
	height: 210px;
	margin-top: -180px;
    padding-top: 100px;
}
#s5_menu_wrap_top .s5_logo_spacer {
	width: 230px;
}
.s5_logo_module {
	width: 180px;
    height: 180px;
	padding: 0px 20px 17px 24px;
	background: #fff;
	border-radius: 50%;
	margin: 0 auto;
}

#s5_header_wrap {
	box-shadow: 0px 7px 10px -8px rgba(0, 0, 0, 0.2);
}

#s5_menu_wrap_top {
	background: #fff;
    padding-top: 92px;
    margin-top:0px;  
}
#s5_nav {
    margin-bottom: -95px;
}

#s5_menu_wrap.s5_wrap_fmfullwidth .s5_logo_module {
	margin: auto 0
}

.s5_wrap_fmfullwidth #s5_nav li.s5_logo_spacer {
	margin-top:-160px;
}

#s5_custom_8 {
    float: none;
    position: relative;
	border-bottom: 1px solid;
}
.header_details {
	text-align:center;
}
.social_icon.ion-android-mail, .social_icon.ion-android-phone-portrait{
    background: #000;
	font-size: 1.5em;
	vertical-align: -3px;
}
.social_icon {
	margin-left: 3px;
    display: inline-block;
	height: 40px;
    line-height: 41px;
    padding-left: 1px;
    padding-bottom: 1px;
    width: 40px;
	text-align: center;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    border-radius: 50%;
}

#s5_menu_wrap.s5_wrap_fmfullwidth {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* - - - - - - - - Positions - - - - - - - - - */

.garden_right img, .garden_left img, .garden_bottom_right img {
    width: 100%;
}

.text_columns {
	column-count: 2;
	column-gap: 50px;
}

#s5_pos_custom_2 {
    padding: 50px 14px 30px 14px;
}

#s5_pos_custom_3 {
    padding: 20px 0px 0px 0px;
}

.s5_homegarden_right {
    display: table-cell;
    vertical-align: top;
    position: relative;
    z-index: 0;
    width: 50%;
	border-left: 10px solid #fff;
}
.s5_homegarden_left {
    display: table-cell;
    vertical-align: bottom;
    background: #ffffff;
    position: relative;
	z-index: 0;
    width: 50%;
	border-right: 10px solid #fff;
}

.garden_left, .garden_right {
	position: relative;
	margin-top:20px;
}

.garden_bottom_left {
	width: 70%;
    float: right;
    margin: 50px 0px;
}
.garden_bottom_right {
	width: 70%;
    float: left;
	margin-top: 20px;
	position: relative;
}

.garden_text {
	background-color: rgba(0, 0, 0, 0.3);
    padding: 20px 50px;
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	font-weight: bold;
    font-size: 2em;
    line-height: 130%;
}
.garden_bottom_text {
	background-color: rgba(0, 0, 0, 0.3);
    padding: 20px 50px;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
	font-weight: bold;
    font-size: 2em;
    line-height: 130%;
}
.garden_block {
	display: table;
    width: 100%;
}

.module_round_box_outer {
	margin: 0px;
}
.module_round_box {
	padding: 0px;
}

#s5_top_row0 {
	background: #5a5a5a;
    border-bottom: 15px solid #567d47;
}
.s5_top_row0_inner {
    padding-bottom: 40px;
    padding-top: 40px;
}
#s5_top_row0 h2 {
    color: #fff;
}
div#s5_bottom_row1_area_inner {
    padding: 50px 0px;
}

#s5_pos_bottom_row1_1 .module_round_box, #s5_pos_bottom_row1_2 .module_round_box {
    padding: 0px 12px;
}

.grey_bar {
	text-align: center;
    width: 80%;
    margin: 0 auto;
}
#s5_top_row1_area1 {
	z-index: 0;
}
.all_blocks {
	display:flex;
}

.block_images {
	width:25%;
	margin:10px 5px;
}

.n2-ss-align.n2-ss-align-visible {
    margin-left: 0px !important;
}
 
/* - - - - - - - - Fox Contact - - - - - - - - - */

#s5_bottom_row2_area_inner .fox-container {
    width: 60%;
    margin: 0 auto;
}

.fox-container input, .fox-container textarea {
	padding: 20px 22px !important;
	border-radius: 5px !important;
	border: 1px solid #ffffff !important;
}
.fox-container input:hover, .fox-container textarea:hover, .fox-container input:focus, .fox-container textarea:focus {
	background-color: #ffffff !important;
    border: 1px solid #8db937 !important;
}
.fox-container .btn {
	width: 100%;
    background-color: #5a5a5a !important;
    background-image: none !important;
    padding: 10px !important;
    border-radius: 5px !important;
    text-decoration: none;
	    -webkit-transition: all 200ms ease-in 0s!important;;
    -moz-transition: all 200ms ease-in 0s!important;;
    -o-transition: all 200ms ease-in 0s!important;;
    transition: all 200ms ease-in 0s!important;;
}
.fox-container .btn:hover {
	border: 1px solid #ffffff !important;
}
.fox-container .fox-form-stacked .fox-item-submit .controls {
    width: 100% !important;
}
.fox-container .btn span {
    font-weight: 400;
    text-shadow: none !important;
    font-size: 1.1em !important;
	color: #fff !important;
}
.fox-container .btn:hover span {
	color: #fff !important;
}

.check_text {
  color: #fff;
}
.check_text a {
    color: #8db937;
}



#fox-container-m752 .btn {
  background: #92c83e !important;
}
#fox-container-m752 .btn:hover {
  background: #5a5a5a !important;
}
#fox-container-m752 {
    background: #757576;
    padding: 20px 50px;
    margin-top: -50px;
}
.text_left_col {
  width: 45%;float: left;
}
.fox-container_right_col {
  width: 45%;float: right;
}

@media only screen and (max-width: 750px) {
  .text_left_col {
  width: 100%;float: left;
}
.fox-container_right_col {
  width: 100%;float: right;
}
  #fox-container-m752 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1000px) {
  #fox-container-m752 {
    padding: 20px 20px;
}
}



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

/* - - - - - - - - Easyblog - - - - - - - - - */

#eb .eb-post-thumb .eb-post-image-cover {
  	border: 0px;
    border-radius: 2px;
	box-shadow: none;
}
#eb .eb-post-foot {
    background: #567d47;
      border-top: 0px;
}
#eb .eb-post-hits, #eb .eb-post-foot>div .fa {
  color:#fff;
}
#eb .eb-post {
      border: 0px;
}
h1.eb-brand-name.reset-heading {
    font-size: 3em !important;
    font-weight: 200 !important;
    line-height: 130% !important;
    margin-bottom: 20px !important;
}
#eb .text-muted {
    color: #80bb36;
}
#eb .eb-post-top {
    border-bottom: 2px solid #5a5a5a;
    background: #5a5a5a;
    padding: 5px 15px;
    text-align: center;
}
#eb .btn-default {
    border-color: #5a5a5a !important;
    padding: 10px 40px !important;
    border-radius: 2px !important;
    background: #5a5a5a !important;
    color: #fff !important;
}
#eb .btn-default:hover {
   background:#80bb36 !important;
   border-color: #5a5a5a !important;
   color: #fff !important;
}
.eb-shares__name {
    color: #fff;
}

#eb .eb-pager {
  border: 1px solid #5a5a5a;
  background: #5a5a5a;
}

#eb .eb-pager__link-list a.active {
    color: #fff;
}

#eb .eb-pager__fast-first-link.disabled, #eb .eb-pager__pre-link.disabled, #eb .eb-pager__fast-last-link.disabled, #eb .eb-pager__next-link.disabled, #eb .eb-pager__link-list.disabled {
    color: #fff;
}
#eb .eb-pager__fast-first-link, #eb .eb-pager__pre-link, #eb .eb-pager__fast-last-link, #eb .eb-pager__next-link, #eb .eb-pager__link-list {
    color: #888;
}

#eb .eb-entry-head .reset-heading {
font-size: 3em !important;
    font-weight: 200 !important;
    line-height: 130% !important;
    margin-bottom: 0px !important;
}
#eb .es-post-state {
    margin-bottom: 0px; 
}
#eb .eb-header {
    margin-bottom: 0px;
}

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

#s5_pos_bottom_row2_1 {
    margin: 80px 0px;
}

#s5_bottom_menu_wrap {
	float: none !important;
    margin-left: 0px;
    text-align: center;
}
#s5_bottom_menu_wrap ul.menu li {
	display: inline-block;
	float:none;
}
#s5_footer {
	float: none;
	text-align:center;
}

#s5_footer_area2 {
	padding: 5px;
	padding-bottom: 5px;
}

.telephone-icon {
	background: #8db937;
    border-radius: 20px;
    padding: 0px 7px;
    font-size: 23px;
    color: #fff;
    position: absolute;
}
.ion-email {
	margin-left: 1px
}
.email-icon {
	background: #8db937;
    border-radius: 20px;
    padding: 0px 5px;
    font-size: 23px;
    color: #fff;
    position: absolute;
}
.facebook-icon {
    background: #8db937;
    border-radius: 20px;
    padding: 0px 14px;
    font-size: 30px;
    color: #fff;
    margin: 5px;
}
.linkedin-icon {
    background: #8db937;
    border-radius: 20px;
    padding: 0px 8px;
    font-size: 30px;
    color: #fff;
    margin: 5px;
}
.twitter-icon {
    background: #8db937;
    border-radius: 20px;
    padding: 2px 7px;
    font-size: 27px;
    color: #fff;
    margin: 5px;
}
.facebook-icon:hover, .linkedin-icon:hover, .twitter-icon:hover {
background: #757576;
}

#s5_bottom_menu_wrap .nav a {
    text-decoration: underline;
}

.blank_menu span {
    display: none;
    width: 30px;
}

/* - - - - - - - - Mobile - - - - - - - - - */

.s5_responsive_mobile_present #s5_responsive_mobile_bar_active {
    padding-top: 15px;
    float: left;
    margin-left: 15px;
    font-size: 1em;
}

/* - - - - - - - - Mobile - - - - - - - - - */

@media only screen and (max-width: 1400px) {
	.garden_bottom_left {
    width: 94%;
    float: none;
    margin: 50px 14px;
}
}

@media only screen and (max-width: 1135px) {
#s5_nav li .s5_level1_span1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
	
@media only screen and (max-width: 1150px) {
	.garden_bottom_right {
    width: 100%;
	}
	h1, h2 {
    font-size: 2em;
	}
	}

@media only screen and (max-width: 1023px) {
	.s5_logo_module {
    position: relative;
	}
	#s5_menu_wrap_top {
	margin-top: 5px;
    padding-top: 20px;
	}
	.s5_sitelogo, .s5_wrap_fmfullwidth .s5_sitelogo {
    height: 120px;
    width: 120px;
    background-size: 120px;
	}
	.s5_logo_module {
	height: 120px;
    width: 120px;
	}
	#s5_nav li {
    margin-top: 0px;
	}
	#s5_nav {
    margin-bottom: 0;
	}
}
@media only screen and (max-width: 970px) {
.s5_wrap {
    width: 92% !important;
	}
	.garden_text, .garden_bottom_text {
		font-size:1.5em;
		padding: 10px 30px;
	}
}
@media only screen and (max-width: 850px) {
	.module_round_box_outer {
	margin-left: 0px !important;
    margin-right: 0px !important;
	}
	.all_blocks {
	display:inline-block;
	text-align: center;
}

.block_images {
	width:48%;
	margin:10px 5px;
	display:inline-block;
}

#s5_nav li .s5_level1_span1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 768px) {
	.fox-container .fox-row .fox-column {
    min-height: 30px;
}
}

@media only screen and (max-width: 750px) {
	.text_columns {
    column-count: 1;
	}
.s5_logo_module {
    position: absolute;
	}
	.s5_logo_module {
    margin-top: -100px;
}
	#s5_menu_wrap_top {
	margin-top:110px;
}
	.s5_logo_module {
    width: 165px;
    height: 130px;
    display: block;
}
	.s5_homegarden_left {
		width:100%;
		display:block;
		border-right: 0px;
	}
	.s5_homegarden_right {
		width:100%;
		display:block;
		border-left: 0px;
	}
	#s5_pos_bottom_row1_1 .module_round_box, #s5_pos_bottom_row1_2 .module_round_box {
    padding: 0px 0px;
	}
	.grey_bar {
	text-align: center;
    width: 100%;
    margin: 0 auto;
}
}
@media only screen and (max-width: 650px) {
	#s5_bottom_row2_area_inner .fox-container {
    width: 100%;
	}
	
	.block_images {
	width: 100%;
    margin: 10px 0px;
	}
}
