@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&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: #FFF; 
	background-color:#000;color:#FFF;
}
h1{font-family:'Open Sans',Arial,sans-serif;margin:0;color:#cfb486;}
h2{
    font-family: 'Open Sans',Arial,sans-serif;
	 font-size:30px;
	 font-weight:bold;
	 margin-bottom:30px;
}
h3{margin-top:40px;font-weight:bold;}
a{
	text-decoration:none;
	color:#b78837;
    -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;
}
h4{color:#cfb486;}
a:hover{
	color:#795a24;	
	text-decoration:none;
}
.center{text-align:center;}
.left{text-align:left;}
.leftcenter{text-align:left;}
.right{text-align:right;}
.rightcenter,.rightrightcenter{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{
	text-shadow: 1px 1px 1px #000000;	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=000000);
}
.stix-two-text-home {
	font-family: "STIX Two Text", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.carattere-regular {
	font-family: "Carattere", serif;
	font-weight: 400;
	font-style: normal;
}
.underline{text-decoration: underline;text-underline-offset: 13px;text-decoration-thickness: 1px;line-height: 38px;}
  
.whitetext{color:#FFF;}
.aroundboxwhite{padding:10px;background-color:#FFF;}
.box{padding:20px 0;}
.smallbox{padding:5px 0;background-color:#FFF;}
.borderbox{
	background-color: #000;
	box-sizing:border-box;
	width: 100%;
    padding: 10px;
    margin: 2px;
}

.button{
	padding: .400rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	color:#111;
	background-color:#b78837;
	border:3px solid #111;
	/*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:#795a24;
}
.buttondark{
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	color:#FFF;
	background-color:#111;
	border:3px solid #168CD3;
	/*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:#168CD3;
	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:#CCC;
	
}
#footer{color:#FFF;background-color:#EEE;line-height:150%;}
#footer a{color:#FFF;}
#footer a:hover{color:#AAA;}


/* Copyright */
.esite,.copyright{padding:10px;font-size:12px;}
.copyright{color:#FFF;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;
}	

.bgimage{
	display: flex;
	justify-content: center;
	align-items: center;
   background-position: center center; 
    max-height:100%;height:800px;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0),  rgba(0, 0, 0, 0.6)), url('/images/DSC_0107.jpg');	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

}
.bgimagesmall{
   display: flex;
   justify-content: center;
   align-items: center;
   background-position: center center; 
   background-position: center;
   background-size: cover;
   height:350px;
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url('/images/DSC_0107.jpg');
}
.divheader{padding: 0px;}
.bgimage h1, .bgimage h2, .bgimage h3{color:#FFF;}
#topdiv{padding:50px 0;}
.column{column-count: 3;column-gap: 40px;}
.column .card{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 {
    height: auto;
}
.form-group textarea.form-control {
    height: 236px;
}
.form-control:focus {
    border-color: #87C556;
    box-shadow: none;
}
.text-danger {
    color: #e74c3c;
}

.form-control{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:991px){
	.maxwidth500{width:100%;max-width:400px;}
   .homeleftmenu li,.homeleftmenu a{margin:10px 0;}
   .nav-link{margin:0px;}
   .dropdown-item{background-color:#444;}
   .dropdown-menu,.dropdown-menu>.active{background-color:#444 !important;border:none;}
   .dropdown-menu a{color:#000;}
}
@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;}

}

@media all and (max-width:575px){
     	.rightrightcenter{text-align:center;display:block;}
}
@media all and (max-width:400px){
	#topdiv{padding:10px 0;}
   .column{column-count: 1;column-gap: 0px;}
	.maxwidth500{max-width:none}
}

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

.active{color:#d6a246;font-weight:bold;}
.navbar{background-color:#000;}
.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%;
}

/*.navbottomborder{border-bottom:3px solid #A7CA2D;}*/
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#cf9d57;font-weight:bold;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-menu {margin: 0 0 0 10px; background:#333;}

.dropdown-item{color:#EEE;}
.dropdown-item.hover, .dropdown-item:hover {
    background-color: #444;
	color: #cf9d57;
}

.nav-link{margin:0 15px;}
.bgblack{background-color:#000;color:#FFF;}
.nav-link{color:#FFF}
.nav-link:hover{color:#cf9d57}
.navbar-toggler {
    color: #000;
    border-color: rgba(255,255,255,.1);
}
.headerline{border-bottom:3px solid #cfb486;}
.container-lg >.navbar-toggler {
    color: #000;
    border-color: rgba(255,255,255,.1);
}
#offcanvasExample{background-color:#444;}
#offcanvasExample a{color:#FFF;}
/* 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:65px;
}
.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;}
}
.lightgreen{color:#7b9426}
.darkgreen{color:#657812}
.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: 198px;
	padding: 0;
	position: relative;
	background-color: black;
	width:100%;max-width:300px;
	margin:auto;
 }

.imagehomepage:hover img {
	opacity: 0.5;
}

.imagehomepage:hover .work-text-content {
	opacity: 1; 
}
.imagehomeverylarge{
    width:50%;
	height:50%;
	object-fit: cover;
}
.imagehomelarge {
	width:100%;max-width: 500px;
	height:100%;max-height: 350px;
	object-fit: cover;
}

.imagehomesmall{
	width:100%;max-width: 275px;
	height:100%;max-height: 200px;
	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;
}

.albumcover{
	width: 315px;
	height: 240px;
	object-fit: cover;
}

.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;}

iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

.container-lg{max-width: none;}
.homeheader,.homesubheader  {text-shadow: 1px 1px 1px #000;}