@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Carattere&display=swap);

html,
body {
	width: 100%;
	height: 100%;
	font-size:16px;
	margin:0;
	font-family: 'Open Sans',Arial,sans-serif;
	color: #111; 
	background-color:#FFF;color:#333;
}
h1{font-family:'Open Sans',Arial,sans-serif;margin:0;color:#000;}
h2{
    font-family: 'Open Sans',Arial,sans-serif;
	 font-size:30px;
	 font-weight:bold;
	 margin-bottom:30px;
}
h3{margin-top:40px;}
a{
	text-decoration:none;
	color:#4268a6;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:hover{
	color:#203c7f;	
	text-decoration:none;
}
table, th, td{
    padding: 0px 5px 0px 10px;
    border: 1px solid #AAA;
    height:50px;
}
.center{text-align:center;}
.left{text-align:left;}
.leftcenter{text-align:left;}
.right{text-align:right;}
.rightcenter{text-align:right;}
.tableleftcenter {width:100%;max-width:270px;}
.centerimg{width: 100%;display: block;margin-left:auto;margin-right:auto;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.bold{font-weight:bold;}
.currentpage{background-color:#700;}
.vcenter{display: inline-block;vertical-align: middle;float: none;}
.pointer{cursor:pointer;}
.facebook {color: #fff;background-color: #3b5998;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;	}
.facebook:hover {color: #fff;background-color: #1b3978;}
.twitter {color: #fff;background-color: #00acee;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;	}
.twitter:hover {color: #fff;background-color: #008cCe;}
.google {color: #fff;background-color: #e93f2e;}
.google:hover {color: #fff;background-color: #c91f0e;}
.pinterest {color: #fff;background-color: #bc0d1e;}
.pinterest:hover {color: #fff;background-color: #9c0b0d;}
.shadow{
	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=000000);
}
.dm-serif-text-regular {
	font-family: "DM Serif Text", serif;
	font-weight: 400;
	font-style: normal;
  }
.carattere-regular {
	font-family: "Carattere", serif;
	font-weight: 400;
	font-style: normal;
}
  
.bgdark{
	background-color:#222;
	color:white;
}
.bgblue{
	background-color:#012169;
	color:white;
}
.whitetext{color:#FFF;}
.aroundboxwhite{padding:10px;background-color:#FFF;opacity:50%;}
.box{padding:20px 0;}
.smallbox{padding:5px 0;background-color:#FFF;}
.borderbox{
	background-color: #FFF;
	box-sizing:border-box;
	width: 100%;
    padding: 10px;
    margin: 2px;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.close{
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
	float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}
.card{transition: transform 0.3s ease; height:485px}
.card:hover{transform: scale(1.05);}
/*grid*/
.grid{
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: 50% 50%;
    gap: 6px;
    overflow: hidden;
    align-content: center;
    max-height: 482px;
}
@media (max-width : 724px){
	.grid{max-height:250px;}
}
.grid-main-image{
    grid-row-start: 1;
    grid-row-end: 3;
}
.gridborder{border: solid #AAA; border-width: 0px 0px 1px 0px; padding:5px; margin: 0px 0px 1px 0px;}
.gridborderheader{border: 1px solid #AAA; border-width: 0px 1px 1px 0px; padding:5px; margin: 0px 0px 1px 0px;}

.morephotosbox{
	position: relative;
    display: block;
    bottom: 43px;
	top: auto;
	height: auto;
    width:100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000 !important;
	text-align: center;
	color:white;
	padding: 10px 15px 10px 0px;
}

#map { position: relative; height:450px; width: 100%; }
.button{
	padding: .400rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	color:#111;
	background-color:#FFF;
	border:3px solid #6d7072;
	/*border-radius:7px;*/
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
}
.button:hover{
	color:#111;
	background-color:#EEE;
}
.buttondark{
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	color:#FFF;
	background-color:#222;
	border:3px solid #FFF;
	/*border-radius:7px;*/
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
}
.buttondark:hover{
	color:#DDD;
	background-color:#111;
}
.bsmall{
	padding:5px 10px;
	font-size:14px;	
}
.relative{position:relative;}
.absolute{position:absolute;}

.newsbutton{
    border:1px solid #BBB;
    border-radius:5px;
    padding:10px;
    margin:1px;
}

/*Footer*/
.sectioncontact{
	background-color:#222;
	color:#999;
	
}
#footer{color:#FFF;background-color:#1E5F27;line-height:150%;}
#footer a{color:#FFF;}
#footer a:hover{color:#AAA;}


/* Copyright */
.esite,.copyright{padding:10px;font-size:12px;}
.copyright{color:#999;background-color:#333;}
.copyright a{
	color:#999;	
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
}
.copyright a:hover{
	color:#FFF;	
}


.small{
	font-size:18px;	
}
.shapeshadow{
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2,Color='#444')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
	 -webkit-transition: all 0.2s ease 0s;
	 -moz-transition: all 0.2s ease 0s;
	 -ms-transition: all 0.2s ease 0s;
	 -o-transition: all 0.2s ease 0s;
	 transition: all 0.2s ease 0s;
}	

.bgimagehome{
	display: flex;
	justify-content: center;
	align-items: center;
    max-height:100%;height:900px;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url('/images/blue-house.jpg');	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

}
.bgimage{
	display: flex;
   justify-content: center;
   align-items: center;
   background-position: center;
   background-size: cover;
   max-height:100%;
   height:495px;
   Background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url('/images/blue-house.jpg')
}
.bgimagesmall{
   display: flex;
   justify-content: center;
   align-items: center;
   background-position: center;
   background-size: cover;
   max-height:100%;
   height:295px;
}

.divheader{padding: 0px;}
.bgimagehome h1, .bgimagehome h2, .bgimagehome h3{color:#FFF;}
#topdiv{padding:50px 0;}
.column{column-count: 3;column-gap: 40px;}
.column{break-inside: avoid-column;}
.spacephone{line-height:auto;}

@media only screen and (max-width : 1010px) {
/*   .h1, h1 {font-size: 28px;}*/
   .h2, h2 {font-size: 24px;}
   .logosizes{max-width:300px;}
}
@media only screen and (max-width : 767px) {
   .spacephone{line-height:40px;}
	.rightcenter{text-align:center;display:block;}
	.leftcenter{text-align:center;display:block;}
	.tableleftcenter {margin:auto;text-align:left; width:100%;max-width:300px;}
	.footerbox{margin-bottom:20px;}
   .topimage{width:100%;max-width:200px;display:block;margin:auto;}
   .logosizes{max-width:200px;}
   .column{column-count: 2;column-gap: 20px;}

   /*.bgimage{background: url(/images/bgmedium.jpg) no-repeat center center;}	
	#topdiv{padding:30px 0;}*/
}

/*CONTACT FORM*/
.form-group {
    margin-bottom: 25px;
}
.form-group input,
.form-group textarea {
   padding: 10px;
}

.form-group input.form-control .form-select {
    height: auto;
}
.form-group textarea.form-control .form-select {
    height: 236px;
}
.form-control:focus {
    border-color: #203c7f;
    box-shadow: none;
}
.text-danger {
    color: #e74c3c;
}

.form-control.form-select{margin: 10px;padding:20px;}
.form-button{margin: 5px;padding:10px;}

.maxwidth300{width:100%;max-width:300px;}
.maxwidth500{width:100%;max-width:500px;}
.floatleftcenter{float:left;margin:0 20px 20px 0;}
.floatrightcenter{float:right;margin:0 0 5px 5px;}
@media all and (max-width:1200px){
	.maxwidth500{width:100%;max-width:400px;}
}
@media all and (max-width:992px){
}
@media all and (max-width:767px){
	.floatleftcenter{float:none;display: block;margin: 0 auto 20px;margin:none;}
	.floatrightcenter{float:none;display: block;margin: 0 auto;margin:none;}
	.maxwidth500{width:100%;max-width:400px;margin:auto;}
	.bgimagehome{min-height:600px;}
}

@media all and (max-width:400px){
	#topdiv{padding:10px 0;}
   .column{column-count: 1;column-gap: 0px;}
	.maxwidth500{max-width:none}
	.bgimagehome{height:295px;}
}

.centercol{width:100%;max-width:1200px;margin:auto;padding:0 2px;}
.form-control{font-size:16px;}
.fontsize30{font-size:30px;}
.justify{text-align:justify}

.hidden{display:none;}
.container{margin-top:30px;}

.active{color:#888;}
.navbar{background-color:#FFF;}
.navbarmiddle{
	position: absolute;
	top:47px;
	width:100%;
	z-index: 1000;
}
.navbarleft{
	position: absolute;
	top:47px;
	z-index: 1000;
	left:3%;
}
.navbarright{
	position: absolute;
	top:82px;
	z-index: 1000;
	right:3%;
}
.hr-nav{
	height:3px;
	border-width:0;
	color:#FFF;
	background-color:#FFF;
	width:92%;
}
/*.navbottomborder{border-bottom:3px solid #A7CA2D;}*/
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#111;font-weight:bold;}
.dropdown-menu>.active{color:#203c7f;background-color:#FFF;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item:hover{color:#4268a6;}
.dropdown-menu {margin: 0;}
.nav-link{margin:0 15px;}
.nav-link-home{margin:0 15px;}
.bgblack{background-color:#000;color:#FFF;}
.nav-link{color:#000}
.nav-link:hover{color:#222}
.nav-link-home{color: #FFF;}
.nav-link-home:hover{color:#DDD;}
@media (max-width : 764px){
	.nav-link-home{color: #000}
	.nav-link-home:hover{color: #222}
}
.navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}
.navbar-toggler-icon {
background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Responsive iFrame */
.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video{width:100%;max-width:800px;height:450px;}
.linespacing200{line-height: 2;}
@media print{    
   .no-print, .no-print *{display: none !important;}
}

/*HOME PAGE*/
.homeheader{
	font-size:4em;
}
.homesubheader{
	font-size:45px;
}
.content-align{
	display: table;
	height: auto;
	overflow: hidden;
}
.content-middle{
	display: table-cell;
	vertical-align: middle;
}
.no-margin{
	margin:0px;
}
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 3s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.img-hover-zoom {height:270px;overflow: hidden;}
.img-hover-zoom img {transition: transform .5s ease;}
.img-hover-zoom:hover img {transform: scale(1.1);}

.dropdown-menu {border-radius:0;}
.max300{max-width:300px;}

@media only screen and (max-width : 991px) {
	.navbar-header {
		 float: left;
		 padding: 15px;
		 text-align: center;
		 width: 100%;
	}
	.navbar-button {
		 float: left;
		 text-align: center;
		 width: 100%;
	}
	.navbar-brand,.navbar-toggler  {float:none;}
	
	.dropdown-menu{background-color:#1E5F27;border:none;}
	.dropdown-menu a{color:#FFF;}
}

.wavetop{width:100%;}
#topbar{background-color:#333;color:#FFF;padding:10px 0;}/*58A540*/
#topbar a{color:#FFF;}
#topbar a:hover{color:#4268a6;}
.btn-success{background-color:#1E5F27}
.lightblue{color:#4268a6}
.darkblue{color:#203c7f}
.aligntop{top:-1px;}
#homeimage{background-image:url('/images/lawncare-and-property-maintenance-min.jpg');background-repeat: no-repeat;background-size: cover;position:relative;height:400px;background-position:center}
#homeimage h1{position:absolute;font-size: 3.2rem;bottom:2vw;right:5vw;color:#000;text-shadow: 1px 1px 1px #FFF;filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=FFFFFF);}
@media only screen and (max-width : 993px) {
	#homeimage h1{font-size: 2.5rem;bottom:5vw;}
}
@media only screen and (max-width : 767px) {
	#homeimage h1{font-size: 2.5rem;right:none;bottom:none;top:10vw;text-align:center;color:#FFF;text-shadow: 1px 1px 1px #000;filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=000000);}
}

@keyframes appearsteps {
  from {opacity: 0;}
  to {opacity: 100%;}
}
.appear{
  animation-name: appearsteps;
  animation-duration: 3s;
}
.waveimage{width:100%;}

.rightform{background-color:#FFFFFF;color:#AAAAAA;border-radius:20px;padding:15px;text-align:center}

.homeimage{-webkit-filter: brightness(100%);}
.homeimage:hover {
    -webkit-filter: brightness(70%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.logoimage{
    display: block;
    margin: auto;
    width:50%;max-width:750px;
    height:auto
    
}
.imagehomepage {
	height: 100%;
	padding: 0;
	object-fit: cover;
	background-color: black;
	width:100%;
	margin:auto;
 }

.imagehomeverylarge{
    width:50%;
	height:50%;
	object-fit: cover;
}
.imagecroplarge {
	width:100%;max-width: 875px;
	height:100%;max-height: 492px;
	object-fit: cover;
}

.imagecropsmall{
	width:100%;max-width: 375px;
	height:100%;max-height: 244px;
	object-fit: cover;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.imagehomepage img, .work-text-content {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.work-text-content {
	position: absolute;
	color: white;
	left: 0;
	top: 30%;
	right: 0;
	bottom: 0;
	font-size: 24px;
	text-align: center;
	opacity: 0;
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
.overlay-content {
    text-align: center;
    position: relative;
}  
.overlay-lighten {
    opacity: 1;
}
.overlay-darken {
	filter: brightness(50%);
}  
.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	 color:#FFF;
}  
.parallax1{background-image: url('/images/bg-section01-min.jpg'); height: 600px; width: 100%;}
.row{margin-right:0;margin-right:0;}

/* Always set the map height explicitly to define the size of the div element that contains the map. */
#google-map {
   height: 100%;
   max-height:400px;
}