/*

Theme Name: Mid-State Tree Service

*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
.clear {
	clear: both
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important
}
html {
}
body {
	font-family: 'Assistant', sans-serif;
	font-size: 17px;
	line-height: 23px;
}
/*  menu   */

#menu {
	margin: 0 auto;
	background: url(images/green-bg.jpg) repeat;
	width: 100%;
	display: table;
	padding: 7px 0;
	border-bottom: 2px solid #fff;
}
#menu .menubar {
	width: 1200px;
	margin: 0 auto;
}
#menu #mega-menu-wrap-main-menu {
	clear: both !important;
}
/*  header  */
#branding {
	width: 1200px;
	margin: 0 auto;
}
#site-title {
	float: left;
	position: absolute;
	width: 25%;
	margin: 30px 0;
	z-index: 999;
}
#call-to-action {
	width: 284px;
	float: right;
}
#call-to-action li {
	list-style: none;
	background: url(images/brown-bg.jpg) repeat;
	border: 2px solid #fff;
	position: absolute;
	z-index: 999;
	top: -2px;
}
#call-to-action span.call {
	font-size: 36px;
	font-weight: 300;
	text-align: center;
	margin: 25px 20px 15px 20px;
	display: block;
	line-height: 44px;
	color: #fff;
}
#call-to-action span.call a {
	font-size: 42px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	transition: .5s;
}
#call-to-action span.call a:hover {
	color: #669a0a
}
/*  page contents  */
#content h1.entry-title {
	font-size: 36px;
	font-weight: 400;
	margin: 0 0 20px 0;
	color: #492902;
}
#content h2 {
	font-size: 28px;
	font-weight: 400;
	margin: 40px 0 20px 0;
	color: #492902;
	line-height: 32px;
}
#content h3 {
	font-size: 24px;
	font-weight: 400;
	margin: 40px 0 20px 0;
	color: #492902;
	line-height: 28px;
}
#content h4 {
	font-size: 20px;
	font-weight: 400;
	margin: 40px 0 20px 0;
	color: #492902;
	line-height: 24px;
}
#content ul {
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
}
#content ul li {
	list-style-image: url(images/arrow-bullet.png);
	padding: 2px;
	font-size: 17px;
	line-height: 24px;
	color: #492902;
}
#content .imgright {
	float: right;
	width: 288px;
	margin: 0 0 10px 20px;
}
#content p {
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	margin: 0 0 20px 0;
	color: #492902;
}
#content a {
	color: #492902;
	text-decoration: none;
	transition: .5s;
	font-weight: 700;
}
#content a:hover {
	color: #669a0a;
}
/*  home page contents  */
.page-template-home #content h1.entry-title {
	display: none;
}
.page-template-home #content {
	width: 1200px;
}
.page-template-home #content h2 {
	color: #ac2023;
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
	margin-top: 0;
}
.page-template-home #content p {
	color: #492902;
	font-weight: 400;
	font-size: 17px;
	margin: 0 0 10px 0;
}
.page-template-home #content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-template-home #content ul li {
	list-style: none;
	background: none;
	color: #492902;
	font-weight: 400;
	font-size: 16px;
	padding: 9px 0;
	border-bottom: 1px solid #669a0a;
}
.page-template-home #content ul li:last-child {
	border: none;
	margin: 0 0 15px 0;
}
.home-left {
	float: left;
	position: relative;
	width: 600px;
	margin-right: 35px;
	display: block;
	text-align: left;
	color: #fff;
	font-weight: 400;
}
.home-right {
	float: right;
	position: relative;
	width: 565px;
	text-align: center;
}
a.more-btn {
	text-decoration: none;
	color: #fff !important;
	font-weight: 600 !important;
	transition: .5s;
	cursor: pointer;
	cursor: hand;
	padding: 10px 20px 10px 40px;
	display: inline-block;
	font-size: 24px;
	background: url(images/learn-more-icon.png) 10px center no-repeat #669a0a;
}
a.more-btn:hover {
	color: #fff !important;
	background-color: #492902;
}
.videowrapper {
	border: 10px solid #492902;
	width: 545px;
	margin: 0 0 15px 0;
}
.videocontainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.videosize {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#video iframe {
	display: table;
}
/*  content area   */

#container {
	width: 1200px;
	margin: 70px auto;
}
#content {
	float: left;
	display: block;
	width: 875px;
	position: relative;
}
#sidebar {
	float: right;
	display: block;
	width: 288px;
}
/*  slider  */

.sliderarea {
	background: url(images/banner-bg.jpg) no-repeat center #669a0a;
	padding: 100px 0 40px 0;
	border-bottom: 2px solid #fff;
	height: 525px;
}
.sliderarea .banner {
	width: 1200px;
	margin: 0 auto;
	display: table;
	position: relative;
}
.cycloneslider-template-standard {
	margin: 0 auto !important;
	border: 2px solid #fff;
}
.cycloneslider-template-standard .cycloneslider-caption {
	background: #442602 !important;
	bottom: 25px !important;
	left: 25px !important;
	opacity: 1 !important;
	padding: 20px 30px;
	border: 2px solid #fff;
	width: auto !important;
}
.cycloneslider-caption-title {
	font-size: 30px !important;
	color: #FFFFFF;
	font-weight: 700 !important;
	padding: 0 !important;
}
.cycloneslider-caption-description {
	font-size: 30px !important;
	color: #FFFFFF !important;
	font-weight: 300;
	padding: 0 !important;
}
.serviceform {
	z-index: 999;
	width: 258px;
	right: 25px;
	top: 75px;
	position: absolute;
	border: 2px solid #fff;
	background: url(images/green-bg.jpg) repeat;
	list-style: none;
	padding: 10px;
}
.serviceform h3 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.page-template-default .sliderarea {
	padding: 0;
	height: 200px;
}
/*  home boxes   */

#boxes {
	margin-bottom: 70px;
	background: url(images/green-bg.jpg) repeat;
}
.homepage-area {
	width: 1200px;
	margin: 0 auto;
	display: table;
	padding: 70px 0;
}
.homepage-area .boxes li {
	list-style: none;
	float: left;
	display: block;
	position: relative;
	width: 24%;
	margin-right: 1.25%;
}
.homepage-area .boxes li:last-child {
	margin-right: 0;
	float: right;
}
.homepage-area .boxes li h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
}
.homepage-area .boxes li .imgbox {
	display: block;
	float: left;
	margin-bottom: 20px;
	border: 2px solid #fff;
}
.homepage-area .boxes li .imgbox img {
	width: 100%;
	float: left;
}
.homepage-area .boxes li p {
	font-size: 17px;
	line-height: 23px;
	font-weight: 400;
	color: #fff;
}
/*  additional footer  */

.additional-footer-widget {
	display: block;
	background: url(images/yellow-bg.jpg) repeat;
}
.additional-footer-widget li {
	width: 1200px;
	margin: 0 auto;
	display: table;
	padding: 60px 0;
}
.additional-footer-widget li .left {
	float: left;
	width: 350px;
	margin: 0 35px 0 0;
}
.additional-footer-widget li .right {
	float: left;
	position: relative;
	width: 785px;
}
.additional-footer-widget li .right h3 {
	color: #ac2023;
	font-size: 48px;
	line-height: 56px;
	font-weight: 300;
	margin: 40px 0;
}
.additional-footer-widget li .right p {
	color: #492902;
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
}
/*  footer  */



#footer {
	background: url(images/brown-bg.jpg) repeat;
	border-top: 2px solid #fff;
	text-align: center;
	display: table;
	width: 100%;
}
#footer a {
	color: #fff;
	text-decoration: none;
	transition: .5s;
}
#footer a:hover {
	color: #669a0a;
}
#footer .footer-widgets {
	width: 1200px;
	margin: 0 auto;
}
#footer .footer-widgets li {
	list-style: none;
}
#footer .footer-widgets li .left {
	float: left;
	width: 875px;
	text-align: left;
	color: #fff;
	font-weight: 300;
	margin: 50px 0 0 0;
}
#footer .footer-widgets li .left h3 {
	float: left;
	text-align: left;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}
#footer .footer-widgets li .left h3.area {
	background: url(images/areas-icon.png) no-repeat left;
	padding: 10px 0 10px 60px;
}
#footer .footer-widgets li .left h3.call {
	background: url(images/call-icon.png) no-repeat left;
	padding: 10px 0 10px 60px;
	font-size: 36px;
	line-height: 44px;
	font-weight: 300;
}
#footer .footer-widgets li .left h3.call a {
	font-size: 42px;
	font-weight: 700;
}
#footer .footer-widgets li .left .areas {
	font-weight: 300;
	float: left;
	margin-bottom: 30px;
}
#footer .footer-widgets li .copyright {
	clear: left;
	float: left;
	width: 875px;
	text-align: left;
	color: #fff;
	font-weight: 300;
	margin: 20px 0 0 0;
	font-weight: 300;
	font-size: 16px;
}
#footer .footer-widgets li .right {
	float: right;
	width: 288px;
	text-align: center;
	color: #fff;
	font-weight: 300;
	background: url(images/green-bg.jpg) repeat;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
#footer .footer-widgets li .right .map {
	background: url(images/map-bg.png) center no-repeat;
        display: table;
}
#footer .footer-widgets li .right .map .address {
	padding: 20px;
	display: table;
	margin: 80px 0 80px 0;
}
#footer .footer-widgets li .right .map .address span.location {
	display: block;
	float: left;
	position: relative;
	font-size: 24px;
	line-height: 32px;
}
#footer .footer-widgets li .right .map .address span.location span.cname {
	font-weight: 700;
	color: #ffffff;
	font-size: 21px;
	line-height: 29px;
	float: left;
	margin-bottom: 10px;
}
#footer .footer-widgets li .right .map .address span.phone {
	position: relative;
	margin-top: 15px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
}
#footer .footer-widgets li .right .map .address span.phone a:hover {
	color: #492902;
}
/*  sidebar form  */

.serviceforminner {
	width: 268px;
	position: relative;
	background: url(images/green-bg.jpg) repeat;
	list-style: none;
	padding: 10px;
}
.serviceforminner h3 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.service-form {
	padding: 5px;
	color: #fff;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
}
.service-form ul {
}
.service-form li {
	margin: 4px 0 4px 0;
}
.service-form input {
	height: 38px;
	font-family: 'Assistant', sans-serif;
	font-size: 17px;
	line-height: 24px;
	width: 96%;
	padding: 0 2% 0 2%;
}
.service-form textarea {
	height: 110px;
	font-family: 'Assistant', sans-serif;
	font-size: 17px;
	line-height: 24px;
	width: 96%;
	padding: 0 2% 0 2%;
}
.service-form .submit-btn {
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	background-color: #492902;
	width: auto;
	margin-top: 2px;
	transition: .5s;
	cursor: pointer;
	cursor: hand;
	border: none;
	text-transform: uppercase;
	width: 100%;
}
input[type="submit"].submit-btn:hover {
	color: #fff;
	background-color: #669a0a;
}
div.wpcf7 .ajax-loader {
	visibility: hidden;
	z-index: 999;
	position: absolute !important;
	right: 25px;
}
span.wpcf7-not-valid-tip {
	color: #ffff00 !important;
}
div.wpcf7-validation-errors {
	border: 1px solid #ff0000 !important;
	color: #fff !important;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #009900 !important;
	color: #fff !important;
}
div.wpcf7-response-output {
	margin: 10px !important;
}
.imagerow { 
        margin:0 !important;
	padding:0 !important;
	display:table;
	width:100%;
}
.imagerow li { 
        list-style:none !important;
	margin:0 2% 0 0;
        width:32%;
	float: left;
	position:relative;
	padding:0 !important;
}
.imagerow li:last-child { 
        margin:0 !important;
}
.imagerow li img { 
	width:100%;
	height:auto;
}

.imagerow1 { 
        margin:0 !important;
	padding:0 !important;
	display:table;
	width:32%;
	float:right;
}
.imagerow1 li { 
        list-style:none !important;
	margin:0 0 1px 0;
        width:100%;
	float: right;
	position:relative;
	padding:0 !important;
}
.imagerow1 li img { 
	width:100%;
	height:auto;
	display:table;
}
.alignright {
   	float: right;
	margin: 25px 0 25px 25px;
	width:280px;
}
.alignnone {
   	float: none;
	margin: 25px 0 0 0;
	width:100%;
}
.contact {
    float: left;
    width: 100%;
}
.contact .address {
    float: left;
    width: 48%;
}
.contact .hours {
    width: 48%;
    float: right;
    margin-bottom: 10px;
}
/*  ///////------RESPONSIVE------///////   */
@media only screen and (max-width : 1024px) and (min-width : 769px) {
#menu .menubar {
	width: 95%;
	margin: 0 auto;
}
#branding {
	width: 95%;
	margin: 0 auto;
}
.page-template-home #content {
	width: 100%;
	margin: 0 auto 35px auto;
}
#container {
	width: 95%;
	margin: 0 auto;
}
.sliderarea .banner {
	width: 95%;
	margin: 0 auto;
}
.homepage-area {
	width: 95%;
	margin: 0 auto;
	padding: 35px 0;
}
.additional-footer-widget li {
	width: 95%;
	margin: 0 auto;
}
#footer .footer-widgets {
	width: 95%;
	margin: 0 auto;
}
#site-title img {
	width: 350px;
	height:auto;
}
.serviceform {
    top: 17px;
}
.sliderarea {
    height: 400px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 10px 0px 10px !important;
    font-size: 20px !important;
}
#boxes {
    margin-bottom: 35px;
}
.home-left {
    width: 50%;
    margin-right: 5%;
}
.home-right {
    width: 45%;
}
.videowrapper {
    width: auto;
}
.page-template-home #content h2 {
    font-size: 28px;
    line-height: 36px;
}
.additional-footer-widget li .left {
    width: 33%;
    margin: 0 7% 0 0;
}
.additional-footer-widget li .right {
    width: 60%;
}
.additional-footer-widget li .right h3 {
    font-size: 36px;
    line-height: 28px;
	margin: 20px 0;
}
#footer .footer-widgets li .left {
    width: 60%;
}
#footer .footer-widgets li .copyright {
    width: 60%;
	font-size: 15px;
}
.page-template-default #container #content {
	margin: 70px auto 0 auto;
}
#content {
	width: 65%;
}
#sidebar {
	width: 30%;
	margin: 35px 0;
}
}
@media only screen and (max-width : 768px) and (min-width : 415px) {
#footer .footer-widgets li .left h3.call {
	width: auto !important;
}
.alignright {
	margin: 25px 0 25px 25px;
	width:280px !important;
}
}
@media only screen and (max-width : 768px) {
#menu .menubar {
	width: 95%;
	margin: 0 auto;
}
#branding {
	width: 90%;
	margin: 0 auto;
}
.page-template-home #content {
	width: 100%;
	margin: 0 auto;
}
#container {
	width: 90%;
	margin: 0 auto;
}
.sliderarea .banner {
	width: 90%;
	margin: 0 auto;
}
.homepage-area {
	width: 90%;
	margin: 0 auto;
	padding: 35px 0;
}
.additional-footer-widget li {
	width: 90%;
	margin: 0 auto;
}
#footer .footer-widgets {
	width: 90%;
	margin: 0 auto;
}
#site-title {
	position: relative;
	width: 100%;
	margin: 10px 0;
}
#site-title img {
	width: 70%;
	display: table;
	margin: 0 auto;
}
#call-to-action {
	width: 100%;
	float: right;
}
#call-to-action li {
	position: relative;
	display: table;
	margin: 0 auto;
	width: 100%;
	border: none;
}
#call-to-action span.call {
	margin: 0;
	border: 2px solid #fff;
	padding: 15px;
}
.cycloneslider-template-standard .cycloneslider-caption {
	display: none;
}
.serviceform {
	position: relative;
	margin: 3px auto 0 auto;
	top: 0;
	right: 0;
	width: auto;
}
.sliderarea {
	background: url(images/banner-bg.jpg) no-repeat top #492902;
	border-bottom: 2px solid #fff;
	height: inherit;
}
.homepage-area .boxes li {
	width: 100%;
	margin: 0 0 40px 0;
}
.homepage-area .boxes li .imgbox {
	width: 100%;
}
.home-left {
	width: 100%;
	margin-bottom: 35px;
}
.home-right {
	width: 100%;
	margin-bottom: 35px;
}
#boxes {
	margin-bottom: 35px;
}
.videowrapper {
	width: auto;
}
.additional-footer-widget li .left {
	width: 100%;
	text-align: center;
}
#footer .footer-widgets li .left {
	width: 100%;
}
.additional-footer-widget li .right {
	width: 100%;
	text-align: center;
}
#footer .footer-widgets li .left h3.call {
	width: 245px;
}
#footer .footer-widgets li .right {
	width: 100%;
	border: 2px solid #fff;
}
#footer .footer-widgets li .right .map .address {
	display: block;
	width: auto;
	margin: 20px 0 20px 0;
}
#footer .footer-widgets li .right .map .address span.location {
	width: 100%;
}
#footer .footer-widgets li .right .map .address span.location span.cname {
	width: 100%;
}
#footer .footer-widgets li .right .map .address span.phone {
	display: block;
}
#footer .footer-widgets li .copyright {
	width: 100%;
}
.page-template-default #container #content {
	margin: 35px auto 0 auto;
}
#content {
	width: 100%;
}
#content .imgright {
	width: 100%;
}
#content .imgright img {
	width: 100%;
	height: auto;
}
#sidebar {
	width: 100%;
	margin: 35px 0;
}
.serviceforminner {
	width: auto;
}
.imagerow li { 
        width:100% !important;
}
.alignright {
   	float: right;
	margin: 25px 0 25px 25px;
	width:100%;
	height:auto;
}
.alignnone {
   	float: none;
	margin: 25px 0 0 0;
	width:100%;
	height:auto;
}

.contact .address {
    float: left;
    width: 100%;
}
.contact .hours {
    width: 100%;
    float: right;
}
}