/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Roboto', Arial, sans-serif;
}

ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}
/***** END RESET *****/

header, nav, article, footer, img {display:block;}

body {background:#000; font-size:18px; line-height:normal; color:#000; font-weight:400;-webkit-text-size-adjust:none;}
.clear-it:after {content:""; display:block; clear:both;}

.wrap {width: 100%; margin:0 auto; max-width:1230px;}

.show-tablet {display:none;}

.full-img img {width:100%; height:auto; margin-bottom:20px;}

.img-responsive {
    max-width: 100%; height: auto; display:block;
}

.mobile-announcement {
    display: none !important;
}

.column1-fs, .column2-fs, .column3-fs, .column4-fs, .column5-fs, .column6-fs, .column7-fs, .column8-fs, .column9-fs, .column10-fs, .column11-fs, .column12-fs {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
.column1-fs {width:8.33333%;}
.column2-fs {width:16.66666%;}
.column3-fs {width:25%;}
.column4-fs {width:33.33333%;}
.column5-fs {width:41.66666%;}
.column6-fs {width:50%;}
.column7-fs {width:58.33333%;}
.column8-fs {width:66.66666%;}
.column9-fs {width:75%;}
.column10-fs {width:83.33333%;}
.column11-fs {width:91.66666%;}
.column12-fs {width:100%;}

.col-pad-lt {padding:0 0 0 2%;}
.col-pad-rt {padding:0 2% 0 0;}
.col-pad-center {padding:0 1%;}




/********** typography styles **/
/* font-family:'Roboto', sans-serif; */
p {margin-bottom:18px;}
.no-margin {margin:0!important;}

h1, h2, h3, h4, h5, h6 {font-weight:700;}
h1 {font-size:32px; margin-bottom:18px;}
h2 {font-size:28px; margin-bottom:14px;}
h3 {font-size:24px; margin-bottom:12px;}
h4 {font-size:22px; margin-bottom:10px;}
h5 {font-size:20px; margin-bottom:7px;}
h6 {font-size:18px; margin-bottom:5px;}

.green {color:#95c42d;}
.black {color:#000;}
.white {color:#fff;}
.herosubhead{font-family: 'Roboto', Arial, sans-serif; font-size: 22px; color: #fff;}
a, a:hover {color:inherit; text-decoration:none;}

.caps {text-transform:uppercase;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.weight{font-weight: 700; font-size: 18px; margin-bottom: 5px;}

.mid-head {font-size: 2em;}
.subhead {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.textlink {
    font-weight: 600;
	text-decoration: underline;
	transition-duration: 0.5s;
}
.textlink:hover {
	text-decoration: none;
}
.greenbkgdtext {
    background: #95c42d;
    color: #000;
    padding: 12px;
    font-size: 28px;
    font-weight: 900;
}
.italicbold {
    font-style: italic;
    font-size: 22px;
    font-weight: 600;
}
.smtext{font-size: 15px; text-transform: uppercase;}
.underlinetext{text-decoration: underline;}
.salesmap{margin-bottom: 40px;}
.salesmap img{width: 100%;}
.blog-post {
    border: solid #95c42d 2px;
    padding: 30px 15px;
}
.blogheader {
    margin-bottom: 4px;
}
.blog-post i{
	font-size: 12px;
	color: #95c42d;
}
/********** header/nav styles **/
header {}
.herosect{
	width:100%;background: #fff url('../siteart/newbackground.png');padding: 4% 0 20% 0;background-size:cover;background-position: bottom; background-repeat: no-repeat; height: 400px;;
}
.skidloader-msg {
    display: flex;
    place-content: center;
    margin-top: 11px;
}
.skidloader-msg img {
    width: 100%;
    max-width: 400px;
}
.logo {width: 35%;display: flex;max-width: 400px;vertical-align: middle;align-items: center;justify-content: center;}
.logo img {width:100%;max-width: 170px;display: inline-block;margin-top: -40px;}
.middle-header{width: 100%;text-align: center;display: flex; flex-wrap: wrap; vertical-align: middle; margin: 10px 2%;}
.middle-header a{width: 20%; margin: 10px 2%;}
.middle-header img {width: 100%; background: #ffffff; height: auto; text-align: center; margin: 8px; border-radius: 12px;}
.sany-logo{vertical-align: top;border-left: black 1px solid;padding-left: 25px;max-width: 300px !important;}
.sany-logo img{width: 100%;height:auto;max-width: 646px;margin: 0 auto;text-align: center;}
.sany-text{width: 60%;float: right;margin-top: 6px;}
.header-image{max-width: 450px !important;text-align: center;width: 100%;}
.header-flex{display: flex;justify-content: space-between;flex-direction: row;width: 100%;}
.social-header{display: flex;justify-content: space-evenly;margin-top: 8px;}
.sany-banner{display: flex;}
.rt-header {display: flex;justify-content: flex-end;flex-direction: column;width: 100%;text-align: center;margin-top: 12px;}
.head-phone {color:#000; font-size:28px; font-weight:700;}
.head-phone a {color:#000;}
.header-wrap{display: flex;flex-direction: column;}
.side-header{
	display: flex;
	background-color: black;
	align-content: center;
	align-items: center;
	padding: 0px 2%;
	flex-direction: row;
	justify-content: space-evenly;
}
.side-header img{
	max-width: 120px;
	width: 100%;
	padding: 4px 0;
}

.herobanner img{
    position: absolute;
    width: 700px;
    right: 5%;
    top: 33%;	
}
.flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	margin: 2% 0px 4% 0px;
}
.hp-cta-box {
    width: 24%;
    margin: 10px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
	transition-duration: 1s;
	    background-size: contain!important;
    overflow: hidden !important;
    position: relative;

}
.hp-cta-box:hover {
    background-size: 110%!important;
}

.hp-cta-box:hover > h2 {
    display: none;
}


.myoverlay {
	  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #059BD5;
    
        display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    
}

.myoverlaylink {
	color: black !important;
	font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.myoverlaylink:hover {
	color: dimgray !important;
}



.hp-cta-box:hover .myoverlay {
	  top:0;
  opacity:1;
	background-color: #c0f805;
}











.lg-hp-cta-box {
    width: 32%;
    margin: 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
	transition-duration: 1s;
	    background-size: cover!important;

}
.lg-hp-cta-box:hover {
    background-size: 120%!important;

}
.hp-cta-box h2 {
    background: #00000063;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0px;
	transition-duration: 0.5s;
	text-transform: uppercase;
}
.hp-cta-box h2:hover{
	background: #000000b3;
	color: #c0f805;
}
.lg-hp-cta-box h2 {
    background: #00000063;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0px;
	text-transform: uppercase;
	transition-duration: 0.5s;
    font-size: 20px;
}
.lg-hp-cta-box h2:hover{
	background: #000000b3;
	color: #c0f805;
}
.soc-media {margin-top:18px; font-size:30px;}
.soc-media i {margin-left:5px;}
.fa-facebook-official {color: #fff;font-size: 30px !important;}
.fa-instagram {color: #fff;font-size: 30px !important;}
.fa-phone {color: #fff;font-size: 30px !important;}
.fa-envelope-square {color: #fff;font-size: 30px !important;}

header nav {width:100%; background:#000;}
header nav ul {width:100%; margin:0 auto; text-align:center;}
header nav li {display:inline-block; position:relative;}
header nav a:link, header nav a:active, header nav a:visited {display:block; text-transform:uppercase; font-size:18px; font-weight:700; color:#95c42d; line-height:50px; padding:0 16px;}
header nav a:hover {background:#95c42d; color:#000;}

header nav ul ul {display:none; position:absolute; z-index:99999; top:50px; left:0; width:180px; background:#ffff00;}
header nav ul ul ul {position:absolute; left:100%; top:0;}
header nav ul li:hover > ul {display:block; z-index:99999;}
header nav ul ul li {float:none;  position:relative; display:block;}
header nav ul ul li a:link, header nav ul ul li a:active, header nav ul ul li a:visited {font-size:14px; line-height:16px; padding:7px 0px 7px 10px; border-right:0; border-bottom: 1px solid #666; color:#000;}
header nav ul ul li a:hover {background:#000; color:#fff;}

/* mobile nav styles */
#mobile-nav .close-nav {width:100%; display:block; height:30px; line-height:30px; border-bottom:1px #333 solid; text-align:right;}
#mobile-nav .close-nav i {font-size:18px; margin-right:15px;}

#mobile-nav {display:none; position:fixed; top:0; height:100%; z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:15px; background:#000; color:#95c42d; margin:0 !important; -moz-box-shadow:2px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow:2px 0px 3px rgba(0,0,0,.4); box-shadow:2px 0px 3px rgba(0,0,0,.4);}
#mobile-nav ul {clear:both; display:block; padding:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #333;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; font-weight:700; text-decoration:none; color:#95c42d; text-transform:uppercase;}
#mobile-nav ul li a:hover {background:url('../siteart/layout/brushed-pattern-dk.jpg') repeat; color:#fff;}

#mobile-nav ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; height:40px; display:block;}
#mobile-nav ul li.expandable .end i {font-size:18px; text-align:center; line-height:40px;}
#mobile-nav ul li.expandable .end.rotate {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}

#mobile-nav ul li ul {border-bottom:none; margin:0; background:#999;}
#mobile-nav ul li ul li {line-height:40px; font-size:13px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span {color:#fff; padding-left:30px;}
#mobile-nav ul li ul li a:hover {background:url('../siteart/layout/brushed-pattern.jpg') repeat; color:#000;}



/********** content styles **/
article {width:100%; padding:60px 0; position:relative; background:#333;}
article.inv {background:#333;}
.page-content {width:100%; position:relative; display:block; z-index:9; color: #fff;}
.cycle-slideshow {width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:3;}
.cycle-slideshow .slide {width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
.slideshow, .slideshow:after {
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:0; overflow:hidden;
}
.slideshow:after {content:'';}
.slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.slideshow li:nth-child(1) span { background-image:url('../siteart/slides/1.jpg');}
.slideshow li:nth-child(2) span {
    background-image:url('../siteart/slides/2.jpg');
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
    background-image:url('../siteart/slides/3.jpg');
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
    background-image:url('../siteart/slides/4.jpg');
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.slideshow li:nth-child(5) span {

    background-image: url('../siteart/slides/5.jpg');
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;

}
.slideshow li:nth-child(6) div {
	background-image: url('../siteart/slides/DJI_0410.MP4');
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}

.map{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
	padding: 10px 0;
	
}
.map1{
	width: 50%;
	background-color: #e8eaed;
	padding: 20px;
	box-sizing: border-box;
}
.mapflex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.map img{width:100%;margin:0 auto;max-width: 600px;}

.googlemap{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	background: transparent;
}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}
.whitebackground{
	background-color: #fff;
}

/*   Inventory Style    */

.view-listing-details-link {
    background-color: #93C530!important;
	color:#000!important;
   
}

ul.breadcrumbs__list, .breadcrumbs__link {color: #000 !important;}

.skidloaderspluscomhdev-1r0fjzm{color: #000 !important;}

.faceted-search-content .selected-facets-container .selected-facet{background-color: #93C530!important; color: #000!important;}
.contact-options a{background-color: #93C530!important;}
.button {background-color: #93C530!important;}
.fin-calc-mobile>a{background-color: #93C530!important;}
.detail-content-mobile .detail-main-body .main-detail-data .detail-price{color: #93C530!important;}
.modal-bg button{background-color: #93C530!important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {background-color: #93C530!important;}
.detail-content-mobile .detail-additional-data .data-row .data-label{background-color: #93C530!important;}
.rent-title-details{color:#000!important}
.rent-title{color:#000!important}
.list-content .list-title .list-listings-count {
    color: #93C530!important;
}
.side-container{background: #fff!important;}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {
    color: #000!important;
}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {
    background-color: #93C530!important;
  
}
.list-top-section .list-listings-count{color: #000!important;}
.detail-content .detail-main-body .main-detail-data .detail-price {
    color: #93C530!important;
}

.detail-content .search-results {
    color: #93C530!important;
}

.detail-content .detail-additional-data .data-row .data-label {
    background-color: #93C530!important;
}



/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);



	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
	opacity:1;
}

.hero-spacer {padding:19% 0;}

.inv-boxes {width:100%; display:block; margin-bottom:60px; display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
.inv-boxes a {width:calc(33% - 8px); margin-right:10px; margin-bottom: 10px; float:left; border:2px #95c42d solid; text-align:center; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; height:185px;}
.inv-boxes a:last-of-type {margin-right:0;}
.inv-boxes .shaded {background:rgba(0,0,0,0.5); display:block; top:0; left:0; z-index:2; width:100%; height:100%; position:absolute;}
.inv-boxes a:hover .shaded {background:rgba(0,0,0,0.2);}
.inv-boxes .inv-caption {position:absolute; width:90%; padding:0 5%; display:block; top:50%; left:0; z-index:3; color:#fff; font-size:24px; font-weight:700; text-transform:uppercase; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.main-content {width:100%; display:block; background: rgb(0 0 0 / 60%); padding:50px 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.inv-content {width:100%; display:block; background: rgb(225 225 225 / 60%); padding:50px 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.inv-boxes2 {width:100%; display:inline; text-align:center;}
/*.inv-boxes2 a {width:calc(24% - 8px); margin:5px 10px 5px 0; float:none; display:inline-block; border:2px #95c42d solid; text-align:center; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; height:100%;}*/
.inv-boxes2 a:last-of-type {margin-right:0;}
/*.inv-boxes2 a:hover .shaded {background:rgba(0,0,0,0.2);width: 100%; height: 100%;}*/
.inv-boxes2 .inv-caption {position:absolute; width:90%; padding:0 5%; display:block; top:50%; left:0; z-index:3; color:#fff; font-size:24px; font-weight:700; text-transform:uppercase; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.inv-boxes3 {width:100%; display:block; text-align:center;}
.inv-boxes3 a {width:calc(47% - 8px); float:none; display:inline-block; border:2px #95c42d solid; text-align:center; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; height:185px;}
.inv-boxes3 a:last-of-type {margin-right:0;}

.inv-boxes3 .shaded { display:block; top:0; left:0; z-index:2; width:100%; height:100%; position:absolute;}
.inv-boxes3 a:hover .shaded {background:rgba(0,0,0,0.2);}

.inv-boxes3 .inv-caption {position:absolute; width:90%; padding:0 5%; display:block; top:50%; left:0; z-index:3; color:#fff; font-size:24px; font-weight:700; text-transform:uppercase; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.loc-map iframe {width:100%; height:350px; display:block; margin-bottom:20px; border:1px #ccc solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


#attachments .button{width: 100%; height: 50px;align-content: center;background: linear-gradient(180deg,rgba(147, 197, 48, 1) 0%, rgba(121, 163, 38, 1) 81%);
}
.shaded{align-content: center;}
a:hover .shaded {background:rgba(0,0,0,0.2);width: 100%; height: 100%;}
.att-inv-button{display: flex;}
.inv-boxes2 .att-inv-box {width:calc(24% - 8px); margin:5px 10px 5px 0; display:inline-block; border:2px #95c42d solid; text-align:center; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; height:100%;}
.att-inv-box img{width: 100%;}
.attachment-button {
  display: inline-block;
  background-color: #95c42d;
  color: black;
  padding: 12px 50px;
  text-decoration: none;
  transition: all 0.3s ease;
	margin-top: 30px;
}

.attachment-button:hover {
  background-color: black;
  color: #95c42d;
}

.button-container {
  text-align: center;
}

/********** footer styles **/
.lg-map {width:100%; display:block;}
.lg-map iframe {width:100%; height:400px; display:block;}

.scroll-frame {width:100%; overflow:hidden; display:block; background:#95c42d; padding:10px 0;}
.scroll-frame iframe {width:100%; height:90px; display:block;}

footer {width:100%; padding:30px 0; color:#fff; font-size:16px;}
.foot-nav {list-style:none;}
.foot-nav li {line-height: 22px;}

.foot-logo {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.foot-logo img {
  max-width: 100px;
  height: auto;
}


.footer-right-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* aligns all children to the right */
  text-align: right;
  gap: 10px;
  padding: 20px;
}


.footer-copyright {
  font-size: 12px;
}

.footer-social {
  width: auto;
}

.social-icons {
  display: flex;
  gap: 15px;
  font-size: 1.5rem;
  justify-content: flex-end;
}

.social-icons a {
  color: #333;
  transition: color 0.3s ease;
}

.social-icons a:hover {
  color: #e60000;
}





/********** form styles **/
#formpage label {display:block; margin-bottom:3px;}
#formpage input {width:calc(100% - 16px); padding:10px 7px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ccc; color:#000; font-size:14px; background:#fff; margin-bottom:12px;}
#formpage textarea {width:calc(100% - 16px); padding:10px 7px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ccc; color:#000; font-size:14px; background:#fff; height:120px; margin-bottom:12px;}
#formpage select {width:calc(100% - 2px); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ccc; color:#000; vertical-align:middle; font-size:14px; line-height:normal; padding:10px 7px; margin-bottom:12px;}

#formpage input.checkbox {padding:0;  border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0;  border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus, #formpage textarea:focus, #formpage select:focus {background:#e3e3e3; color:#333; border:1px solid #16598d; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; outline-style:none;}
#formpage input.radio:focus, #formpage input.checkbox:focus {background:none; border:0; outline-style:none;}

#formpage input.button, #formpage input.button:focus {width:100%; margin:0; padding:10px 0; background:#000; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:14px; line-height:14px; font-weight:700; color: #000; text-transform:uppercase; cursor:pointer; -webkit-appearance:none;}
#formpage input.button:hover {background:#95c42d; color:#000;}
 
/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 7px 0; padding:8px 0 8px 0 !important;}
/*.CaptchaWhatsThisPanel a {color:#000;}*/
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/********** responsive styles **/

@media screen and (max-width:1400px) {
	header nav a:link, header nav a:active, header nav a:visited {padding:0 6px; font-size: 16px;}	
}
	
@media screen and (max-width:1300px) {
	header nav a:link, header nav a:active, header nav a:visited {padding:0 6px; font-size: 16px;}	
	
	.herosect{
	width:100%;background: #000 url('../siteart/newbackground.png');padding: 4% 0 28% 0;background-size:cover;background-position: bottom; background-repeat: no-repeat;
}
	.herobanner img{
	position: absolute;
    width: 40%;
    left: 58%;
    top: 48%;	
	}	
}



@media screen and (max-width:1150px) {
	header nav a:link, header nav a:active, header nav a:visited {font-size:14px; padding:0 5px;}
	
		.herosect{
	width:100%;background: #000 url('../siteart/newbackground.png');padding: 4% 0 13% 0;background-size:contain;background-position: bottom; background-repeat: no-repeat;
}
	.hp-cta-box {
		width: 23%;}
	
	.logo img {
	width: 100%;
}
@media screen and (max-width:1160px) {
    .inv-boxes .inv-caption {font-size:22px;}
    .inv-boxes3 .inv-caption {font-size:22px;}
}
@media screen and (max-width:1100px) {
	
	.map{
		width: 100%;
	}
	
	.inv-boxes2 .att-inv-box{width: calc(27% - 0px);}
	
    .column1-ht {width:8.33333%;}
	.column2-ht {width:16.66666%;}
	.column3-ht {width:25%;}
	.column4-ht {width:33.33333%;}
	.column5-ht {width:41.66666%;}
	.column6-ht {width:50%;}
	.column7-ht {width:58.33333%;}
	.column8-ht {width:66.66666%;}
	.column9-ht {width:75%;}
	.column10-ht {width:83.33333%;}
	.column11-ht {width:91.66666%;}
	.column12-ht {width:100%;}
	
	.col-pad-lt-ht {padding:0 0 0 2%;}
	.col-pad-rt-ht {padding:0 2% 0 0;}
	.col-pad-center-ht {padding:0 1%;}
	.col-pad-clear-ht {padding:0;}
    
    body {font-size:16px;}
    p {margin-bottom:16px;}
    
    h1 {font-size:30px; margin-bottom:16px;}
    h2 {font-size:26px; margin-bottom:12px;}
    h3 {font-size:22px; margin-bottom:10px;}
    h4 {font-size:20px; margin-bottom:8px;}
    h5 {font-size:18px;}
    h6 {font-size:16px;}
    
    footer {font-size:14px;}
    
    .head-phone {font-size:24px;}
    .soc-media {margin-top:7px;}
    
    article {padding:40px 0;}
    .inv-boxes {margin-bottom:25px;}
    .inv-boxes a:nth-of-type(3n), .inv-boxes2 a:nth-of-type(3n) {margin-right:0;}
    
    .main-content {padding:35px 30px;}
    
    .lg-map iframe {height:300px;}
}

@media screen and (max-width:1000px) {
	header nav a:link, header nav a:active, header nav a:visited {font-size:13px; padding:0 5px;}	
	.middle-header a {
    width: 21%;
    margin: 10px 2%;
}
	.middle-header img {
		width: 100%;}
    
        .herobanner img {
        position: absolute;
        width: 40%;
        left: 58%;
        top: 55%;
    }
    
    
    .lg-hp-cta-box {width: 48%;}

    
    	.inv-boxes2 .att-inv-box{width: calc(40% - 0px);}
    
}



@media screen and (max-width:950px) {
	.header-flex{
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    margin: 0;
    }
	.rt-header{margin-top: 20px;width: 100%;}
    
    .herobanner {display: none !important;}
    
    .mobile-announcement {
        display: block !important;
        background-color: black;
        width: 100%;
        padding: 15px 0px;
    }
    
}






@media screen and (max-width:860px) {
    .show-tablet {display:block;}
	.hide-tablet {display:none!important;}
	.lg-hp-cta-box {
		width: 100%;}
	.hp-cta-box {
            width: 46%;
        }
	.column1-vt {width:8.33333%;}
	.column2-vt {width:16.66666%;}
	.column3-vt {width:25%;}
	.column4-vt {width:33.33333%;}
	.column5-vt {width:41.66666%;}
	.column6-vt {width:50%;}
	.column7-vt {width:58.33333%;}
	.column8-vt {width:66.66666%;}
	.column9-vt {width:75%;}
	.column10-vt {width:83.33333%;}
	.column11-vt {width:91.66666%;}
	.column12-vt {width:100%;}

	.col-pad-lt-vt {padding:0 0 0 2%;}
	.col-pad-rt-vt {padding:0 2% 0 0;}
	.col-pad-center-vt {padding:0 1%;}
	.col-pad-clear-vt {padding:0;}
    
    #simple-menu {height:40px; width:80px; display:block; cursor:pointer; margin:0 auto; text-align:center; line-height:40px; font-size:18px; color:#95c42d; font-weight:700; text-transform:uppercase;}

    
    .loc-map iframe {height:300px;}
    
    .foot-logo {margin-top:20px;}
    .copyright {text-align:center;}
	
	.sany-logo{width: 100%;}
	.sany-logo img{width: 100%;height:auto;max-width: 458px;}
	.sany-text{width: 100%;float: none;}
	


}
@media screen and (max-width:769px) {
		.herobanner {
    text-align: center;
    display: flex;
    justify-content: center;
}
.herobanner img {
    position: relative;        
	left: 0%;
    width: 68%;
    top: 48px;
}
	.header-wrap{
	flex-direction: column;
}

.side-header{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.side-header img{
	max-width: 85px;
	padding: 2px 5px;
}
	
.logo img {
    width: 100%;
    max-width: 180px;
	margin-top: -10px;
}

.sany-logo {
    width: 100%;
    max-width: 245px !important;
}	
.map1 {
	width: 100%;}	
	
	.footer-right-stack {
    align-items: center;
    text-align: center;
  }

  .foot-logo {
    justify-content: center;
  }

  .footer-copyright {
    text-align: center;
  }

  .footer-social {
    justify-content: center;
    width: 100%;
  }

  .social-icons {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }
	
}
	
@media screen and (max-width:640px) {
    .column1-hp {width:8.33333%;}
	.column2-hp {width:16.66666%;}
	.column3-hp {width:25%;}
	.column4-hp {width:33.33333%;}
	.column5-hp {width:41.66666%;}
	.column6-hp {width:50%;}
	.column7-hp {width:58.33333%;}
	.column8-hp {width:66.66666%;}
	.column9-hp {width:75%;}
	.column10-hp {width:83.33333%;}
	.column11-hp {width:91.66666%;}
	.column12-hp {width:100%;}
	
	.col-pad-lt-hp {padding:0 0 0 2%;}
	.col-pad-rt-hp {padding:0 2% 0 0;}
	.col-pad-center-hp {padding:0 1%;}
	.col-pad-clear-hp {padding:0;}
    
    body {font-size:14px;}
    p {margin-bottom:14px;}
    
    h1 {font-size:28px; margin-bottom:14px;}
    h2 {font-size:24px; margin-bottom:10px;}
    h3 {font-size:20px; margin-bottom:8px;}
    h4 {font-size:18px;}
    h5 {font-size:16px;}
    h6 {font-size:14px;}
    

   .herosubhead{font-size: 16px;}


	.mid-head{font-size: 25px;}
	
    .head-phone {font-size:20px;}
    .soc-media {font-size:24px;}
    
    article {padding:25px 0;}
    
    .hero-spacer {padding:0;}
    
    .inv-boxes, .inv-boxes2 {margin-bottom:10px;}

    .inv-boxes a:nth-of-type(even), .inv-boxes2 a:nth-of-type(even) {margin-right:0;}
    .inv-boxes .inv-caption, .inv-boxes2 .inv-caption, .inv-boxes3 .inv-caption {font-size:20px;}
    
     .inv-boxes a, .inv-boxes3 a {width:100%; margin:0 0 15px 0!important; height:135px;}
    
    .main-content {padding:20px;}
    
    footer {padding:20px 0; font-size:12px;}
    .foot-nav li {line-height:20px;}
    .copyright {font-size:10px;}
	
	.inv-boxes2 .att-inv-box{width: calc(75% - 0px); font-size: 18px;}	
}
@media screen and (max-width:480px) {
    .column1-vp {width:8.33333%;}
	.column2-vp {width:16.66666%;}
	.column3-vp {width:25%;}
	.column4-vp {width:33.33333%;}
	.column5-vp {width:41.66666%;}
	.column6-vp {width:50%;}
	.column7-vp {width:58.33333%;}
	.column8-vp {width:66.66666%;}
	.column9-vp {width:75%;}
	.column10-vp {width:83.33333%;}
	.column11-vp {width:91.66666%;}
	.column12-vp {width:100%;}
	
	.col-pad-lt-vp {padding:0 0 0 2%;}
	.col-pad-rt-vp {padding:0 2% 0 0;}
	.col-pad-center-vp {padding:0 1%;}
	.col-pad-clear-vp {padding:0;}
    
    header {padding: 30px 0;}
    .logo {/* width: 100%; */ margin-right:0;}
    .logo img {max-width: 140px !important; margin:0 auto;display: block;}
    .rt-header {width:100%; text-align:center;margin-top: 30px;}
	.sany-logo img {max-width: 340px;margin:0 auto;text-align: center;float: none;}
	.middle-header{width: 100%;text-align:center;/* margin-top:12px; */float: none;}
	.sany-logo {width:100%;/* text-align:center; */margin-top:12px;margin: 0 auto;position: inherit;display: block;border: none;padding: 15px 0;max-width: 166px !important;}
	
	
    .head-phone {display:inline-block; font-size:18px; margin-right:30px;}
    .soc-media {display:inline-block; margin-top:0; font-size:20px;}
    
    .inv-boxes a, .inv-boxes2 a {width:100%; margin:0 0 15px 0; height:135px;}
    .loc-map iframe {height:250px;}
    
    .lg-map iframe {height:200px;}
}
@media screen and (max-width:480px) {
            .middle-header a {
            width: 44%;
            margin: -2px 2%;
        }
	.att-inv-button{display: grid;}
	#attachments .button{margin-bottom:0px;}
}
@media screen and (max-width:380px) {
            .hp-cta-box {
            width: 100%;
            height: 120px;
        }   
	.lg-hp-cta-box {
            width: 100%;
            height: 120px;
        }
}