/*
Css seo wide bay
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #181B20;
}

h1, h2, h3 { 
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	color: #3FA449;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #9C9A9A;
}

a:hover {
	text-decoration: underline;
}

img.border {
	border: 6px solid #EEE7DF;
}

img.alignleft {
	float: left;
	margin-right: 25px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header-wrapper {
	height: 240px;
	background: #3A3A3A;
	margin-bottom: 30px;
}

#header {
	width: 960px;
	height: 240px;
	margin: 0 auto;
}

/* Logo */

#logo {
	width: 980px;
	height: 100px;
	margin: 0px auto;
	padding: 80px 0px 0px 0px;
	color: #3FA43A;
}

#logo h1, #logo p {
	display: block;
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
}

#logo h1 {
	letter-spacing: -5px;
	text-align: center;
	text-transform: capitalize;
	font-size: 80px;
	color: #3FA43A;
}

#logo h1 a {
	color: #73CC43;
}

#logo p {
	margin-top: -25px;
	text-align: center;
	font-family: 'Abel', sans-serif;
	font-size: 25px;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #3FA43A;
}

/* Search */

#search {
	float: right;
	width: 280px;
	height: 100px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 60px 0 0 30px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 195px;
	padding: 6px 10px;
	border: none;
	background: #FFFFFF;
	text-transform: capitalize;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #7F7F81;
}

#search-submit {
	display: none;
}

/* Menu */

#menu-wrapper {
	width: 980px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	background: #3FA43A;
	border-radius: 10px;
}

#menu {
	margin: 0;
	padding: 0px 20px;
	list-style: none;
	line-height: 60px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: capitalize;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
	font-family: 'Abel', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
}

#menu li {
	float: left;
	margin-right: 1px;
}

#menu a {
	display: block;
	float: left;
	height: 60px;
	margin: 0px;
	color: #FFFFFF;
}

#menu .current_page_item a {
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
	background: #378C32;
}

#menu a:hover {
	background: #378C32;
	text-decoration: none;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
	color: #FFFFFF;
}

#menu span {
	padding: 0px 20px;
}

#menu > li {
}

#menu > li.active {
	background: #378C32;
	color: #FFFFFF;
}

.dropotron li.opener {
	border-right: solid 2px #FFFFFF;
}

.dropotron {
	margin: 0px;
	padding: 10px 0px;
	background: #378C32;
	list-style: none;
	text-transform: capitalize;
	font-family: 'Abel', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}

.dropotron a {
	color: #fff;
	text-decoration: none;
}

.dropotron li {
	margin: 0px;
	padding: 5px 20px;
}

.dropotron li:hover, .dropotron li.active {
	background: #4DA43A;
}

/* Page */

#page {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
}

/* Content */

#content {
	float: right;
	width: 650px;
}

#content .contentbg {
	width: 590px;
	padding: 10px 30px 0px 30px;
}

.post {
	clear: both;
	padding-bottom: 10px;
	border-bottom: 1px solid #DEDEDE;
}

.post .title {
	padding-top: 10px;
	letter-spacing: -4px;
	text-transform: capitalize;
	font-size: 50px;
	color: #3FA449;
}

.post .title a {
	border: none;
	color: #3FA449;
}

.post .meta {
	padding-bottom: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
}

.post .entry {
	text-align: justify;
	margin-bottom: 25px;
	padding: 10px 0px 0px 0px;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar-bg {
	float: left;
	width: 330px;
}

#sidebar {
	overflow: hidden;
	width: 270px;
	padding: 30px 30px 20px 30px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	height: 38px;
	margin-bottom: 20px;
	padding: 12px 0 0 0px;
	border-bottom: 1px solid #F1DAF7;
	letter-spacing: -2px;
	font-size: 30px;
	color: #3FA449;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	text-align: justify;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	height: 100px;
	background: #3A3A3A;
}

#footer p {
	margin: 0;
	padding-top: 18px;
	line-height: normal;
	text-align: center;
	text-transform: capitalize;
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	color: #A4B890;
}

#footer a {
	text-decoration: underline;
	color: #70C964;
}

#slider {
	position: relative;
	width: 590px;
	margin: 0px auto 20px auto;
}

#slider .viewer {
	width: 590px;
	height: 300px;
	overflow: hidden;
	margin: 0 auto;
}

#slider .viewer .reel {
	display: none;
	height: 300px;
}

#slider .viewer .reel .slide {
	position: relative;
	width: 590px;
	height: 300px;
}

#splash {
	width: 980px;
	margin: 30px auto 0px auto;
}


/***************************************************
gs form css
***************************************************/
span.text-side {
  float: left;
  font-size: 12px;
  margin: 5px 15px 5px 0;
  text-align: right;
  width: 100px;
}
span.input-side {
  color: #555;
  float: left;
  font-size: 12px;
  margin: 6px 0;
  width: 155px;
}
span.input-side input[type="checkbox"] {
  margin: 5px 5px 5px 0;
}
span.text-side {
  color: #9c9a9a;
  float: left;
  font-size: 12px;
  margin: 10px 15px 0 0;
  text-align: left;
  width: 100px;
}
span.input-side input[type="text"] {
  border: 1px solid #a5acb2;
  color: #555; font-size:12px;
  height: 22px;
  width: 95%;
}
span.input-side textarea {
  border: 1px solid #a5acb2;
  width: 95%;
  color: #555; font-size:12px;
}
div.form-sidebar {
  border-bottom: 1px solid #f1daf7;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  width: 270px;
}
span.input-side select {
  border: 1px solid #a5acb2;
  height: 23px;
  width: 97%;
}
div.form-sidebar form {
  float: left;
  font-family: arial;
}
span.button-sub {
  float: right;
  text-align: right;
  width: 100%;
}
span.button-sub input[type="submit"] {
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  margin: 5px 0;
  padding: 5px 16px;
}
.loader {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 120px;
  width: 50px;
}
#sidebar span.button-sub a.enq_submit {
  border: 1px solid #757272;
  border-radius: 3px;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  float: right;
  font-size: 16px;
  font-weight: 400;
  margin: 5px 0;
  padding: 7px 16px;
  text-decoration: none;
  width: 70%;
  text-align: center;
  /*****************/
  filter: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+31,e0e0e0+100 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 31%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(31%,#ededed), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 31%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ededed 31%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ededed 31%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ededed 31%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
}
#sidebar span.button-sub a.enq_submit:hover {
background: -moz-linear-gradient(top, #ffffff 0%, #d1f5f5 31%, #41b7dd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(31%,#d1f5f5), color-stop(100%,#41b7dd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#d1f5f5 31%,#41b7dd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#d1f5f5 31%,#41b7dd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#d1f5f5 31%,#41b7dd 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#d1f5f5 31%,#41b7dd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#41b7dd',GradientType=0 ); /* IE6-8 */ 
}
div.form-sidebar form h3, div.form-sidebar form h4 {
  float: left;
  width: 100%;
}
div.form-sidebar form h4 {
  color:#555;
}
.thank-you {
  margin: 10% auto;
  padding: 7% 0;
  position: relative;
}
#sidebar span.response p {
  box-sizing: border-box;
  color: red;
  font-size: 10px;
  margin: 23px 0;
  padding: 0 5px;
  text-align: left;
}
#sidebar span.response p.name {
  float: left;
  margin-top: 23px;
  position: absolute;
}
#sidebar span.response p.contact {
  float: left;
  margin-top: 60px;
  position: absolute
}
#sidebar span.response p.email {
  float: left;
  margin-top: 98px;
  position: absolute
}
#sidebar span.response p.message {
  float: left;
  margin-top: 218px;
  position: absolute;
}

.thank-you h3 {
  color: #3fa449;
  font-size: 28px;
  margin: 20px 0 0;
}
#sidebar .form-sidebar span.response .thank-you > p {
  color: #000;
  float: none;
  font-size: 16px;
  text-align: center;
}
#sidebar a.close {
  border: 3px solid #3fa449;
  border-radius: 50%;
  color: #3fa449;
  font-weight: bold;
  line-height: inherit;
  padding: 0 8px;
  position: absolute;
  right: 1px;
  top: -15px;
  width: 10px;
}
span.response {
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 57px;
  width: 155px;
}
#splash img {
  height: 300px;
  width: 980px;
}
/*********************************************
gs css ends
*********************************************/

/*********************************************
media query
*********************************************/
@media screen and (max-width: 991px){
#header {
  width: 100%;
}
#menu-wrapper {
  width: 750px;
}
#splash img {
  height: auto;
  width: 100%;
}
#page {
  margin: 0 auto;
  padding: 0;
  width: 750px;
}
#content {
  float: right;
  width: 500px;
}
#sidebar-bg {
  float: left;
  width: 250px;
}
#content .contentbg {
  box-sizing: border-box;
  padding: 10px 30px 0;
  width: 100%;
}
#sidebar {
  box-sizing: border-box;
  padding: 25px 0 20px;
  width: 100%;
}
span.text-side {
  margin: 10px 20px 0 0;
}	
span.input-side {
  width: 95%;
}
#sidebar span.button-sub a.enq_submit {
  float: left;
  width: 70%;
}
.post .title {
  font-size: 42px;
}
#splash {
  width: 750px;
}
#logo {
  width: 100%;
}
}

@media screen and (max-width: 767px){
#menu-wrapper {
  width: 98%;
}
#splash {
  margin: 15px auto 0;
  width: 97%;
}
#page {
  width: 98%;
}
#sidebar-bg {
  width: 100%;
}
#content {
  width: 100%;
}
#sidebar-bg {
  box-sizing: border-box;
  float: left;
  padding: 0 30px;
  width: 100%;
}
div.form-sidebar {
  width: 100%;
}
div.form-sidebar form {
  width: 100%;
}
span.input-side {
  width: 97%;
}
#sidebar h2 {
  font-size: 42px;
}
}
@media screen and (max-width: 480px){
#logo h1 {
  font-size: 60px;
}
#header-wrapper {
  height: 80px;
}
#header {
  height: auto;
}
#logo {
  height: auto;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
#menu a {
  font-size: 20px;
}
#footer p {
  box-sizing: border-box;
  padding: 18px 10px 0;

}
}
/*********************************************
media query ends
*********************************************/