@font-face {
	font-family: bookman-antiqua-bold;
	src: url("https://fourseasonstreecare.com/wp-content/themes/fourseasons/fonts/Book Antiqua Bold.ttf") format("truetype");
}

/* FLEXBOX PARENT ELEMENT STYLES BEGIN always display newest syntax last, so we don't overide newest syntax with older syntax*/

.displayFlex {
	display: flex;
}
.flexDirectionColumn {
	flex-direction: column;
}
.justifyContentCenter{
     justify-content: center;
}
.justifyContentSpaceBetween{
    justify-content: space-between;
}
.justifyContentSpaceAround{
    justify-content: space-around;
}
.justifyContentFlexEnd {
   justify-content: flex-end;
}
.alignItemsCenter {
   align-items: center;
}
.alignItemsFlexEnd{
   align-items: flex-end;
}
.alignItemsStretch {
   align-items: stretch;
}
.flexWrapWrap {
  flex-wrap: wrap;
}
/* FLEXBOX PARENT ELEMENT STYLES END always display newest syntax last, so we don't overide newest syntax with older syntax*/

	@media (max-width: 767px){
		.entry-content figure.alignleft{
			float: none;
			display: block;
			text-align: center;
		}
	}

body {
	color: #292929;
	font-family: 'Open Sans', serif;
}
a {
	color: #265301;
}
a:hover {
	color: #5b3903;
}
p {
	font-size: .9375em;
}
h1 {
	font-size: 1.6875rem;
	font-family: 'Open Sans', serif;
	text-transform: uppercase;
	font-weight: 900;
	color: #32577b;
	margin-bottom: 15px;
}
.mimicH1 {
	font-size: 1.6875rem;
	font-family: 'Open Sans', serif;
	text-transform: uppercase;
	font-weight: 900;
	color: #32577b;
	margin-bottom: 0px;
}
h2 {
	color: #32577b;
	font-size: 1.0rem;
}
.teamMargin {
	margin-top: 50px;
	clear: both;
}
h2.ourTeamHeading {
	font-weight: bold;
}
h4 {
	font-size: 1.07rem;
	font-family: 'Open Sans', serif;
	color: #32577b;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.displayNone {
	display: none;
}
.noPadding {
	padding: 0px;
}
.logoHeader{
	background: #34597e;
	padding: 10px 20px;
	padding-bottom: 20px;
}
.logoHeader .displayFlex.fixedWidth .flexItem img{
	max-width: 175px;
}
.logoHeader .displayFlex.fixedWidth .flexItem{
	color: white;
}
.logoHeader .displayFlex.fixedWidth .flexItem.theTreeDoctors{
	font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
	color: #00a651;
    font-style: italic;
}
.logoHeader .displayFlex.fixedWidth .flexItem.contact{
	text-align: right;
}
.logoHeader .displayFlex.fixedWidth .flexItem.contact a{
	color: #0aa958;
	font-weight: bold;
	transition: .4s color;
}
.logoHeader .displayFlex.fixedWidth .flexItem.contact a:hover{
	color: white;
	transition: .4s color;
}

	@media screen and (max-width: 767px){
		.logoHeader .displayFlex.fixedWidth{
			flex-direction: column;
		}
		.logoHeader.displayFlex.fixedWidth .flexItem.theTreeDoctors{
			margin: 10px 0px;
		}
		.logoHeader .displayFlex.fixedWidth .flexItem.contact{
			text-align: center;
		}
	}

.mainNavigation {
	position: relative;
    z-index: 2;
    border-top: 1px solid grey;
	height: 67px;
}

	@media screen and (max-width: 1023px){
		.mainNavigation{
			height: 46px;
		}
	}

.fixedPosition{
	position:fixed;
	width:100%;
	top: 0px;
}
.fixedWidth {
	max-width: 1000px;
	margin: 0 auto;
}

	@media only screen and (max-width: 1020px) {
	.main-menu-hide-for-ten-twenty-and-below {
		display: none;
	}
	.mainNavigation {
		position: static !important;
	}
	}

.top-bar-section .dropdown li a {
        line-height: 28px!important;
    }

	@media only screen and (min-width: 40.063em){
		.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{
		margin-top: -12px!important;
		}
	}
	
	@media only screen and (min-width: 1020px) {
		.hide-mobile-menu-for-ten-twenty-and-above {
			display: none;
		}
	}

.tab-bar {
	background: #34597e;
}
.entry-content img {
	margin-bottom: 15px !important;
}
#logo {
	margin-top: 14%;
}
#logoInside {
	margin-top: 12.5%;
}

	@media only screen and (max-width: 1020px) {
		#logoInside {
			margin-top: .5%;
		}
	}

	@media only screen and (min-width: 320px) and (max-width: 641px) {
		#logo {
			margin-top: 0px;
			max-width: 222px;
		}
	}

.contain-to-grid {
	background: #34597e;
}
.top-bar {
	background: #34597e;
	height: 66px;
	padding-top: 13px;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	background: #34597e;
	text-transform: uppercase;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	background: #34597e;
	color: #FFFF99;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	background: #34597e;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #34597e;
	color: #FFFF99;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background: #34597e;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
	background: #34597e;
	color: #FFFF99;
}
.top-bar-section ul li:hover:not(.has-form) > a {
	background: #34597e;
}

	@media only screen and (min-width: 641px) and (max-width: 949px) {
		.top-bar-section li.active:not(.has-form) a:not(.button) {
			padding-left: 13px;
			padding-right: 0px;
			font-size: 17px;
		}
		.top-bar-section li:not(.has-form) a:not(.button) {
			padding-left: 13px;
			padding-right: 0px;
			font-size: 17px;
		}
	}

	@media only screen and (max-width: 749px) and (min-width: 642px) {
		.top-bar-section li:not(.has-form) a:not(.button) {
			font-size: 13px;
		}
		.top-bar-section li.active:not(.has-form) a:not(.button) {
			font-size: 13px;
		}
	}

.dropdown li a {
	line-height: 34px!important;
}
.home .page-title {
	display: none;
}
#tagline-bar {
	background: #34597e;
	padding: -20px;
}
#tagline-bar h1 {
	font-family: bookman-antiqua-bold, sans-serif;
	letter-spacing: 2px;
	color: white;
	margin: 0px;
}

@media screen and (max-width: 767px){
	/*dont display header emial and phone when fixed position footer email and phone becomes visible below ipad*/
	.home a.headerEmail, .home a.headerPhone{
		display: none;
	}
}

.treeDoctors {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}
.displayFlex.ourStrengths{
	max-width: 969px;
	margin: 0 auto;
	padding: 10px;
}
.displayFlex.ourStrengths .flexItem{
	flex-basis: 385px;
}
.displayFlex.ourStrengths .flexItem.sellingPoints h1{
	line-height: 25px;
}

	@media screen and (max-width: 900px){
		.treeDoctors{
			font-size: 1.6vw;
		}
		.displayFlex.ourStrengths .flexItem{
			flex-basis: 50%;
		}
	}

	@media screen and (min-width: 768px) and (max-width: 899px){
		.displayFlex.ourStrengths{
			padding-left: 60px;
		}
	}

	@media screen and (max-width: 767px){
		.displayFlex.ourStrengths{
			flex-direction: column;
			text-align: center;
		}
		.treeDoctors{
			font-size: 14px;
		}
	}

section.striving{
	text-align: center;
	padding: 40px 0px;
}
section.striving h1{
	text-transform: unset;
}
.proposalWrap, .requestQuickQuote {
	width: 400px;
	margin: 0 auto;
}
.proposalWrap p, .proposalWrap img {
	margin: 0px !important;
}
.proposalHeading {
	color: white;
	position: absolute;
	top: 160px;
	left: 30px;
	font-size: 30px;
	font-family: Open Sans, serif;
}

	@media only screen and (max-width: 999px) {
		.proposalWrap, .requestQuickQuote  {
			float: none;
			text-align: center;
			width: 320px;
			margin: 0 auto;
			clear: both;
		}
	}

#photoGallery img {
	margin-bottom: 1.5em;
	margin-right: 1.5em;
}
.featuredImageHP {
	float: left;
	width: 300px;
	margin-right: 20px;
	clear: both;
	margin-bottom: 50px;
}
.postExcerptHP {
	float: left;
	width: 66%;
}
.servicesHP {
	text-align: center;
	position: relative;
}/*below 2 media queries effectively change out (using display:none) the leaf image (large screens) for solid green background (small screens) as leaf image gets too stretched on small screens*/


	@media only screen and (max-width: 999px) {
		.servicesBackgroundHPDesktop {
			width: 100%;
			display: none;
			
		}
		.servicesBackgroundHPDevices {
			
			width: 100%;
			display: block;
		}
	}

	@media only screen and (min-width: 1000px) {
		.servicesBackgroundHPDevices {
			width: 100%;
			display: none;
		}
		.servicesBackgroundHPDesktop {
			width: 100%;
			display: block;
			min-height: 500px;
		}
	}

.servicesInnerContent {
	width: 1000px;
	margin: 0 auto;
	position: absolute;
	top: 10%;
	left: 0px;
	right: 0px;
}
.serviceIconLink {
	position: absolute;
	top: 91px;
	left: 0px;
	right: 0px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 14px;
}
.serviceIconLink:hover {
	color: #FFFF99;
}
.serviceIconWrap {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	margin-right: 20px;
	width: 119px;
	background: #34597e;
	border-radius: 7px;
}
.servicesHeaderWrap {
	text-align: left;
}
.servicesInnerContent .mimicH1 {
	color: white;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Open Sans', serif;
	margin: 0px;
	display: inline-block;    /*background: #1d4d01; green    background: #381a07; brown */
	background: #34597e;
	border-radius: 7px;
	padding: 13px;
}
.threeLines {
	top: 78px;
}

	@media only screen and (max-width: 999px) {
		.specialMargin {
			margin: -5px;
		}
	}

	@media only screen and (min-width: 320px) and (max-width: 999px) {
		.servicesInnerContent {
			width: auto;
		}

		.serviceIconWrap img {
			width: 74px;
			height: auto;
		}
		.serviceIconLink {
			font-size: 10px;
			top: 59px;
			line-height: 10px;
			left: 0px;
			width: inherit;
		}
		.threeLines {
			top: 50px;
		}
		.serviceIconWrap {
			margin-right: 0px;
			width: inherit;
		}
		.servicesHeaderWrap {
			padding-left: 20px;
		}
		.servicesInnerContent h1 {
			font-size: 1rem;
		}
	}

	@media only screen and (max-width: 639px) {
		.serviceIconWrap img {
			width: 80px;
		}
	}

	@media only screen and (min-width: 479px) and (max-width: 639px) {
		.servicesBackgroundHPDevices {
			min-height: 456px;
		}
	}

	@media only screen and (min-width: 320px) and (max-width: 478px) {
		.servicesInnerContent {
			top: 5%;
		}
		.servicesBackgroundHPDevices {
			display: none;
		}
		.servicesHP {
			background: green;
			height: 670px;
		}
		.threeLines {
			top: 54px;
		}
	}

.postsHP {
	background: #b3cde7;
    padding: 50px 20px;
	margin-top: 50px;
}
section.postsHP .displayFlex.fixedWidth{
	border-bottom: 1px #b8b5b5 solid;
    padding: 61px 0px;
}
section.postsHP .displayFlex.fixedWidth .flexItem{
	flex: 1;
}
section.postsHP .displayFlex.fixedWidth .flexItem h2{
	font-size:25px;
}
section.postsHP .displayFlex.fixedWidth .flexItem:first-of-type{
	padding-right: 40px;
	flex-basis: 372px;
	flex: unset;
}

	@media screen and (max-width: 767px){
		section.postsHP .displayFlex.fixedWidth{
			flex-direction: column;
		}
		section.postsHP .displayFlex.fixedWidth .flexItem:first-of-type{
			padding-right: 0px;
			margin-bottom: 15px;
		}
		section.postsHP .displayFlex.fixedWidth .flexItem:last-of-type{
			text-align: center;
		}
	}

h4.widgettitle {
	color: #32577b;
}
section.ourAffiliations{
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}
.associations {
	display: inline-block;
}

	@media only screen and (max-width: 520px) {
		.preferredBusiness {
			width: inherit;
			display: block;
		}
	}

	@media only screen and (max-width: 920px) {
		.associations, .preferredBusiness {
			width: inherit;
		}
	}

.footer {
	background: #375A7D;
    color: white;
	padding: 20px 15px;
}
.footer a{
	color: white;
	transition: .4s color;
}
.footer a:hover {
	color: grey;
	transition: .4s color;
}
.footer .displayFlex.footerContact .flexItem{
	flex: 1;
}
.footer .displayFlex.footerContact .flexItem.footerLogo img{
	/*max-width: 200px;*/
	max-height: 132px;
	width: auto;
}
.footer .displayFlex.footerContact .flexItem.footerEmail{
	text-align: right;
}

.footer .displayFlex.footerContact .flexItem .footerRequestQuickQuote{
	 font-size: 20px;
    font-weight: bold;
    background: white;
    padding: 10px 20px 10px 20px;
	border-radius: 7px;
}
.footer .displayFlex.footerContact .flexItem a.footerRequestQuickQuote{
	color: #375a7d;
	transition: .4s color;
}
.footer .displayFlex.footerContact .flexItem a.footerRequestQuickQuote:hover{
	color: grey;
	transition: .4s color;
}
.footer .displayFlex.footerContact .flexItem .footerPhone{
	display: block;
    margin-top: 13px;
    font-size: 23px;
}
.footer .displayFlex.footerContact .flexItem img.footerIconPadding {
	padding-right: 20px;
}

	@media screen and (max-width: 768px){
		.footer .displayFlex.footerContact {
			flex-direction: column;
		}
		.footer .displayFlex.footerContact .flexItem.quoteArea{
			order: 3;
		}
		.footer .displayFlex.footerContact .flexItem.footerEmail{
			text-align: center;
		}
		.footer .displayFlex.footerContact .flexItem .footerRequestQuickQuote, .footer .displayFlex.footerContact .flexItem .footerPhone, .footer .displayFlex.footerContact .flexItem.footerEmail .emailLink{
			display: none;
		}
	}

.serviceArea{
	text-align: center;
    font-size: 18px;
    color: #14ac5e;
    font-weight: bolder;
    padding: 10px;
}

	@media screen and (max-width: 767px){
		.serviceArea{
			font-size: 17px;
			margin-bottom: 75px; /*too accomodate fixed position of mobile buttons in CSS below, ensuring service is not obscured by mobile buttons*/
		}
	}

.serviceArea a {
	color: unset;
}
.displayFlex.mobileButtons{
	position: fixed;
	width:100%;
	bottom: 0px;
}

	@media screen and (min-width: 768px){
		.displayFlex.mobileButtons{
			display: none;
		}
	}
	
.displayFlex.mobileButtons .flexItem{
	flex: 1;
	text-align: center;
	background: #375a7d;
    padding: 25px 0px;
}
.displayFlex.mobileButtons .flexItem:nth-child(2) {
	background: #00a651;
}
.displayFlex.mobileButtons .flexItem a{
	color: white;
	transition: .4s color;
	font-size: 13px;
    font-weight: bolder;
}
.displayFlex.mobileButtons .flexItem a:hover{
	color: grey;
	transition: .4s color;
}

	@media screen and (max-width: 420px){
		.displayFlex.mobileButtons {
			font-size: 13px;
		}
	}

/*Mobile Nav styles begin*/

ul.mobileNav {
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: left;
	margin-bottom: 40px;
	z-index: 999;
	position: relative;   
}
ul.mobileNav.active {
	display: block;
}
ul.mobileNav ul {
	margin: 0px;
	padding: 0px;
}
ul.mobileNav li {
	list-style-type: none;
	padding: 0px;
}
ul.mobileNav li:hover > a.parent:before {
	content: "\f078";
}
ul.mobileNav li a {
	display: block;
	background-color: #34597e;
	color: #fff;
	padding: 20px;
	text-decoration: none;
	border-bottom: #7a7a4c 1px solid;
	position: relative;
	transition: background 0.3s;
}
ul.mobileNav li a:hover {
	background-color: #34597e;
	transition: background 0.4s;
}
ul.mobileNav li a.parent:before {
	content: "\f078";
	position: absolute;
	color: rgba(255, 255, 255, 0.7);
	right: 30px;  /* FONT AWSOME CODE */
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	font-size: inherit;
}
ul.mobileNav li li a {
	padding-left: 30px;
	background-color: #34597e;
	border-bottom: #7a7a4c 1px solid;
}
ul.mobileNav li li a:hover {
	background-color: #34597e;
	transition: background 0.4s;
}
ul.mobileNav li li li a {
	padding-left: 40px;
	background-color: #003668;
	border-bottom: #002b53 1px solid;
}
ul.mobileNav li li li a:hover {
	background-color: #002b53;
	transition: background 0.4s;
}
ul.mobileNav li.hover > ul {
	display: block;
	padding: 0px;
}
ul.mobileNav li li.hover ul {
	left: 100%;
	top: 0;
}
ul.mobileNav li > ul {
	display: none;  /* HIDE ALL INSIDE UL */
}

/*Mobile Nav styles end*/

.pdf {
	margin-top: -10px;
}

	@media only screen and (min-width: 320px) and (max-width: 641px) {
		.pdf {
			margin-right: 15px;
			margin-top: 0px;
		}
	}

/*FORM STYLES BEGIN*/
.ninja-forms-required-items {
	margin-bottom: 3%;
}
.inputFloat-wrap {
	width: 47%;
	float: left;
	margin-right: 20px;
}
.textboxFloat-wrap {
	width: 96%;
	float: left;
	margin-right: 20px;
}
.list-radio-wrap.label-left ul {
	margin-top: 15px;
}
.list-radio-wrap.label-left ul li:nth-of-type(odd) {
	float: left;
	width: 47%;
}
.list-radio-wrap.label-left ul li:nth-of-type(even) {
	float: right;
	width: 47%;
}

	@media only screen and (min-width: 320px) and (max-width: 690px) {
		.inputFloat-wrap {
			float: none;
			width: 95%;
		}
		.list-radio-wrap.label-left ul li:nth-of-type(odd) {
			width: 100%;
		}
		.list-radio-wrap.label-left ul li:nth-of-type(even) {
			width: 100%;
		}
	}

	@media only screen and (min-width: 320px) and (max-width: 480px) {
		.list-radio-wrap ul label {
			font-size: 11px;
		}
	}

	@media only screen and (min-width: 691px) and (max-width: 797px) {
		.list-radio-wrap ul label {
			font-size: 11px;
		}
	}

.list-checkbox-wrap.label-left ul {
	margin-top: 15px;
	float: none!important;
}
.list-checkbox-wrap.label-left label {
	float: none!important;
}
.list-checkbox-wrap.label-left ul li:nth-of-type(odd) {
	float: left;
	width: 47%;
}
.list-checkbox-wrap.label-left ul li:nth-of-type(even) {
	float: right;
	width: 47%;
}
#ninja_forms_field_27_options_span ul {
	margin-top: 0px;
}
#ninja_forms_field_27_options_span li {
	width: inherit;
}

	@media only screen and (min-width: 320px) and (max-width: 480px) {
		.list-checkbox-wrap ul label {
			font-size: 11px;
		}
	}

.ninja-forms-field-error {
	float: right;
}

/*FORM STYLES END*//*begin header images*/

.homepage-pic {
	/*background pic put in by advanced custom fields on WP admin for the home page*/
	background-position: center;
	background-size: cover;
	padding: 14% 0;
}
.insideHeaderPic {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 9.85% 0 9.85% 0;
}
.awardsWrap {
	margin-top: 30px;
}
.fourSeasonsAwardsLogo {
	width: 20%;
	height: auto;
}
h2.awards {
	display: inline-block;
	width: 43.5%;
	float: left;
	margin-top: 2%;
	text-align: center;
	margin-right: 4.41%;
}
.treeFundLogo {
	width: 30%;
	height: auto;
}

	@media only screen and (max-width: 745px) {
		.awardsWrap {
			text-align: center;
		}
		.awardsWrap .fourSeasonsAwardsLogo, .awardsWrap h2.awards, .awardsWrap .treeFundLogo {
			float: none !important;
		}
		h2.awards {
			margin-top: -20px;
			width: 90%;
		}
		.treeFundLogo {
			width: 47%;
			max-width: 220px !important;
			margin-right: 0px!important;
		}
		.fourSeasonsAwardsLogo {
			width: 40%;
			max-width: 200px !important;
			margin-right: 0px!important;
		}
	}

/*end awards page styles*//*start new Contact Form 7 styles*/
.responsive-tabs .responsive-tabs__list__item, .responsive-tabs .responsive-tabs__heading--active, .responsive-tabs .responsive-tabs__heading {
	color: #265301 !important;
	font-size: 17px !important;
}
.responsive-tabs .responsive-tabs__list__item:hover {
	color: #5b3903 !important;
}

	@media only screen and (min-width: 600px) {
		.formFloatLeft {
			width: 50%;
			float: left;
			padding-right: 20px;
		}

		.formFloatRight {
			width: 50%;
			float: right;
			padding-left: 20px;
		}
	}

input[type="checkbox"] {
	vertical-align: -2px;
}
	@media only screen and (max-width: 600px) {
		.formFloatRight {
			padding-bottom: 40px;
		}
	}

.responsive-tabs-wrapper input[type="submit"] {
	color: white;
	background: #265301;
	padding: 10px;
	border-radius: 7px;
}
.responsive-tabs-wrapper input[type="submit"]:hover {
	background: #5b3903;
}
span.red {
	color: red;
}

	@media only screen and (min-width: 1260px) {
		.contactFloatLeft {
			float: left;
			width: 60%;
			}
		.contactFloatRight {
			float: right;
			width: 35%;
			}
	}

	@media only screen and (min-width: 900px) {
		.videoFloatLeft {
			float: left;
			width: 45%;
		}
		.videoFloatRight {
			float: right;
			width: 45%;
		}
	}

	@media only screen and (max-width: 900px) {
		.videoFloatLeft, .videoFloatRight {
			display: block;
			margin-bottom: 30px;
		}
	}

	/*end new Contact Form 7 styles*/


/*QUICK QUOTE FORM STYLES BEGIN*/

a.modalQuoteLink{
	color: white;
    font-size: 20px;
    background: #32577b;
    padding: 15px;
    border-radius: 7px;
    border: none;
	margin: 10px 0px 20px 0px;
    display: inline-block;
	font-weight: normal;
	transition: .4s color;
}
a.modalQuoteLink:hover{
	color: grey;
	transition: .4s color;
}
.requestQuickQuote input {
	margin: 0px;
}
.requestQuickQuote .requestQuickQuoteTitle{
	font-size: 1.6875rem;
    font-family: 'Open Sans', serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #32577b;
	margin-bottom: 15px;
}
.requestQuickQuote input[type="submit"]{
	color: white;
	font-size: 20px;
	background: #32577b;
	padding: 15px;
	border-radius: 7px;
	border: none;
	transition: .4s color;
}
.requestQuickQuote input[type="submit"]:hover{
	color: grey;
	transition: .4s color;
}
.requestQuickQuote textarea[rows]{
	height: 77px;
}
.wpcf7 input[type="submit"] {
	color: white;
    background: #32577b;
    border: none;
    margin: 10px 0px 20px 0px;
    display: inline-block;
    transition: .4s color;
    font-size: 19px;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
    border-radius: 7px;
}
.wpcf7 input[type="submit"]:hover{
	color: grey;
	transition: .4s color;
}

/*dont display google captcha badge*/
.grecaptcha-badge {
	opacity: 0;
}

/*QUICK QUOTE FORM STYLES END*/

.animated {
	animation-duration: 2s;
	animation-fill-mode: both;
	position: relative;
}

	@keyframes bounceInLeft {
		0%, 60%, 75%, 90%, to {
			animation-timing-function:cubic-bezier(.215, .61, .355, 1);
			}
		0% {
			opacity:0; 
			-webkit-transform:translate3d(-3000px, 0, 0); 
			transform:translate3d(-3000px, 0, 0);
			}
		60% {opacity:1;
			-webkit-transform:translate3d(25px, 0, 0);
			transform:translate3d(25px, 0, 0)
			}
		75% {
			-webkit-transform:translate3d(-10px, 0, 0); 
			transform:translate3d(-10px, 0, 0)
			}
		90% {
			-webkit-transform:translate3d(5px, 0, 0); 
			transform:translate3d(5px, 0, 0)
			}
		to {
			transform:none;}
	}
    
.bounceInLeft {
		animation-name: bounceInLeft;
}

	@keyframes bounceInRight {
		0%, 60%, 75%, 90%, to {
			animation-timing-function:cubic-bezier(.215, .61, .355, 1);
			}
		0% {
			opacity:0; 
			-webkit-transform:translate3d(3000px, 0, 0); 
			transform:translate3d(3000px, 0, 0);
			}
		60% {
			opacity:1; 
			-webkit-transform:translate3d(-25px, 0, 0); 
			transform:translate3d(-25px, 0, 0);
			}
		75% {
			-webkit-transform:translate3d(10px, 0, 0); 
			transform:translate3d(10px, 0, 0);
			}
		90% {
			-webkit-transform:translate3d(-5px, 0, 0); 
			transform:translate3d(-5px, 0, 0);}
		to { -webkit-transform:none; transform:none;
			}
	}

.bounceInRight {
	animation-name: bounceInRight;
}