/* RESET 
------------------------------------------------*/
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, font, 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none; 
}

body a {text-decoration:none;}

.notice {width:100%; display:block;}
.notice img {width:100%; display:block;}

.button:hover {cursor: pointer;}

.clear {clear: both;}
.left {float:left;}
.right {float:right;}
.center {text-align: center;}
.red {color: #820001;}

*{box-sizing:border-box;}

body {
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
	line-height: 1.5;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding: 75px 5%;
	position:relative;
}

::selection {
	color:#fff;
	background: #930405;
}
::-moz-selection {
	color:#fff;
	background: #930405;
}

.inv-wrapper{
	width:100%;
	background: #fff!important;
	margin:0 auto;
	padding: 0px;
	position:relative;
}

/* ------Header------ */
.translate-bar {
    background: #fff;
    text-align: right;
    padding: .35em 1%;
	width: 100%;
}
.translate-bar .goog-te-gadget-simple {width: 100%; max-width: 222px; text-align: center;}

.translate-bar select {width: inherit!important; height: inherit!important; line-height: inherit!important; border-radius: inherit!important; padding: inherit!important;}


.header{
	padding: 20px 3% 5px 3%;
	background:linear-gradient(#930405, #820001);
	width: 100%; 
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif!important;
}
.hc-content,.hc-social{display: flex; flex-wrap: wrap; justify-content: flex-end; vertical-align:middle;margin:0 1%; font-size: 18px; flex-direction: column;}
.hc-social {padding-top: 5px;} .hc-social img {margin-right: 5px;}

.logo-float {
	position: relative; 
	z-index: 1;
	width: 33.33%;
}

img.main-logo {
    max-width: 100%;
    width: 300px;
	margin-top: -1em;
	margin-bottom: -2em;
}

.head-search-area {
	width: 33.33%; 
	text-align: right;
}

.header-contact{
	width:33.33%;
	text-align:right;
	color:#fff;
	font-size:24px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif!important;
}
.mobile-header-contact{display: none; color: #fff; font-weight: 600;}

.header-2{
	align-self: center;
	text-align: center;
}

a#newsletter button{display: inline-flex; align-items: center; padding: .6em; border-radius: 5px; border: 1px solid #fff; font-size: 16px; margin-bottom: 10px; background: transparent; cursor: pointer; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; transition: .2s ease-in;}
a#newsletter button:hover {background: #000;}

.hero{width:100%;text-align: center;background-color: #000;}
.hero img{width:100%; display:block;}

.hc-content p strong {font-weight: 700;}
.hc-content p a{
	transition: .2s ease;
	color: #fff;
}
.hc-content p a:hover{
	color:#000;
}
/* VIEW ALL BUTTON
----------------------------------------*/

.text-overlay{
	width:100%;
	position:absolute;
	text-align:center;
	margin:auto;
	top:300px;
	left:0;
	right:0;
	z-index:999;
}

.text-overlay a{
	font-size:24px;
	text-transform:uppercase;
	background:#820001;
	padding:20px;
	width:20%;
}

.text-overlay a:hover{
	background:#000;
}

.video-wrap {
    height: 30vw;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #000;
}
#myVideo {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-height: 600px;
}

/* -------------------------------- 

Popup style

-------------------------------- */
	.img-replace {display: inline-block; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap;}    
    .bts-popup {position: fixed; left: 0; top: 20%; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 999999999999999999;}
	.bts-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; z-index: 999999999;}
	.bts-popup-container {
	position: relative;
	width: 720px;
	max-width: 90%;
	margin: 0 auto;
	background: url("../siteart/popup-bg.png"); 
    background-size: cover;    
	text-align: center;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 999999999;
	box-sizing: border-box;
	padding: 6em 2em;
	border:1px solid #ccc;
	}
	.bts-popup-container h2 {color: #fff; font-size: 28px; line-height: 1.2;}
	.bts-popup-container p {color: #fff; font-size: 18px; font-family: 'Montserrat', sans-serif; line-height: normal; font-weight: 600; letter-spacing: 1px;}
    .bts-popup-container p a {color:#CADFF6}
	.bts-popup-container .bts-popup-button {padding: 5px 25px; border: 2px solid white; display: inline-block; margin-bottom: 10px;}

	.bts-popup-container a {color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase;}
	.bts-popup-container a:hover {color: #eee;}

	.bts-popup-container .bts-popup-close {position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; z-index: 9999; background: #000;}
	.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {content: ''; position: absolute; top: 13px; width: 16px; height: 3px; background-color: white; z-index: 9999;}
	.bts-popup-container .bts-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; z-index: 9999;}
	.bts-popup-container .bts-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 6px; top: 13px; z-index: 9999;}
	.is-visible .bts-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}


.homepage-hero {width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; background: #000; text-align: center; flex-direction: column;}
.homepage-hero h1 {width: 100%; color: #fff; display: block; font-size: 40px; text-transform: uppercase; letter-spacing: 1px; margin: 0 auto 1em; line-height: 1.1; max-width: 1200px;}
.homepage-hero p {color: #fff; width: 100%; max-width: 1200px; margin: 0 auto; display: block; font-weight: 500;}
.hero-img {width: 100%; background: #000 url('/siteart/homepage-hero1.jpg') center; background-size: cover; background-attachment: fixed;}
.hero-txt {width: 100%; margin: 0 auto; background: rgba(51,51,51,.9); display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; color: #000; padding: 5em 10%; /*backdrop-filter: blur(5px);*/}
.homepage-hero  {margin: 0 0 0;}
.reach-wrapper  {margin: 2em 0 0;}

.cta-wrapper {margin: 8px 0 0;}


.reach-wrapper {width: 100%; background: #ffff; padding: 4em 10%; display: flex; justify-content: center; text-align: left; flex-wrap: wrap;}
.reach-wrapper h2 {text-transform: uppercase; display: block; margin-bottom: .25em; font-size: 32px; line-height: 1.2; letter-spacing: 1px;}
.reach-right p {font-weight: 500; max-width: 1200px;}
.reach-right p strong {font-size: 18px; color: #820001; display: inline-block; margin-bottom: .5em; line-height: 1.4;}
.reach-right {width: 65%; padding-left: 5%;}
.reach-left {width: 35%;}

.video-wrapper video {width: 100%; height: auto; margin: 0 auto; max-height: 600px;}
.video-wrapper p {background: #333; color: #fff; padding: .5em; text-align: center; font-weight: 600; text-transform: uppercase; font-size: 14px;}


/*SUB PAGES
------------------------------------*/
.sub-page{
	width:100%;
	color:#000;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	position:relative;
	padding: 4em 10%;
}

.sub-page h1{	
	width: 100%;
	display: block;
	text-transform:uppercase;
	font-weight:700;
	font-size:36px;
	border-bottom:1px solid #820001;
	text-align:center;
	padding-bottom: 20px;
	margin-bottom: 1em;
	line-height: 1.3;
}

.sub-page h2 span{	
	color: #000;
}

.sub-page h2{	
	width: 100%;
	display: block;
	font-weight:700;
	font-size:24px;
	margin-bottom: .75em;
	line-height: 1.3;
	color: #820001;
}

.sub-page h3{	
	width: 100%;
	display: block;
	font-weight:700;
	font-size:20px;
	margin-bottom: .75em;
	line-height: 1.3;
}

.sub-page p{
	font-size:16px;
	font-weight: 500;
	width: 100%;
	color: #000;
	line-height: 1.5;
}

.sub-page a{
	text-decoration:underline;
	color:#820001!important;
}

.sub-page a:hover{
	text-decoration:none;
	color:#820001;
}

.hero-slider {background: #000;}
.hero-slider img {width: 100%; height: auto; padding: 5px;}

ul.content-list.contact {text-align: left; margin: 0 auto 3em;}
ul.content-list.contact i {display: flex; width: 100%; font-size: 24px; color: #820001; text-align: center; margin-bottom: .5em; justify-content: center;}
ul.content-list {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; list-style: none; margin: 0 auto 2em;}
ul.content-list li {width: calc(33.33% - 1em); margin: .5em; background: rgba(130, 0, 1, .05); padding: 1.5em; color: #000; font-weight: 500; display: flex; align-items: center; flex-wrap: wrap; text-align: center; line-height: 1.4;}
ul.content-list li span {display: block; width: 100%; font-weight: 700; margin-bottom: .25em;}
ul.content-list.lrg li {width: calc(100% - 1em); margin: .5em; text-align: left; display: block;}

/*CATEGORIES BAR
-----------------------------------*/
.cat-bar{
	width:80%;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 1.5em 0;
	max-width: 1600px;
	margin: 0 auto;
}
.cat{
	width:calc(33.33% - 2em);
	display:inline-block;
	text-align:center;
	margin:1em;
	position:relative;
}

.cat:hover {transform: translateY(-10px); transition: all .5s ease;}

.cat img{
	position:relative;
	background-color:#000;
	opacity:0.4;
	width:100%;
	margin:0 auto;
	transition:ease .3s;
	display: flex;
	height: auto;
}
.cat h2{
	position:absolute;
	margin:0 auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display: flex;
	justify-content: center;
	text-align:center;
	align-items: center;
	width:100%;
	height: 100%;
	padding:10px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:24px;
	line-height: 1.2;
}
.sub-cat .cat h3{font-size:24px;}
	

/* CONSTRUCTION CATEGORIES
--------------------------------*/
#construction-cats{width:100%; text-align:center;}
#construction-cats ul{list-style:none; width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
#construction-cats ul li{width: calc(50% - 1em); margin: .5em;}

#construction-cats ul .topcat {width: 100%;}
#construction-cats ul .topcat .cc-item {width: 100%;} 

.construction-cats{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:2em 0;
}

.cc-item{
	display:inline-block;
	width:100%;
	padding:20px 5px;
	background:#eee;
	border:3px solid #eee;
	transition:ease-in .3s;
	color:#7C0000;
	text-decoration:none;
	font-size:16px;
	font-weight: 500;
}

.cc-item:hover{
	background:rgba(153,0,0,0.67);	
	border:3px solid #7C0000;
	transition:ease-out .3s;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
}

.cc-item:hover i{
	margin-left:10px;
}


	

.cta-wrapper {width: 100%; display: flex; justify-content: center;align-items: center; margin: 10px 0;}
.cta-wrapper a  {width: calc(50% - 1em); margin: .5em; font-family: 'Montserrat', sans-serif;color:#fff!important; text-decoration: none!important;}
.cta-wrapper a button {cursor: pointer; width: 100%; padding: 1em; color: #fff!important; background: #820001; text-align: center; font-weight: 700; border: none; font-family: 'Montserrat', sans-serif; font-size: 16px;text-decoration: none;}
.cta-wrapper a:hover button {background: #930405; transition: .3s ease-in-out all;}

a.cta-btn button {margin: 1em 0 0; color: #fff; background: #820001; padding: .75em 2em; cursor: pointer; font-size: 16px; transition: 0.2s ease-in; text-align: center; width: 100%; max-width: 300px; border: 2px solid transparent; font-weight: 600; font-family: 'Montserrat', sans-serif;}
a.cta-btn2 button {margin: 1em 0 0; color: #000; background: #f1f1f1; padding: .75em 2em; cursor: pointer; font-size: 16px; transition: 0.2s ease-in; text-align: center; border: 2px solid transparent; font-weight: 600; font-family: 'Montserrat', sans-serif; width: 100%; max-width: 300px;}
a.cta-btn3 button {cursor: pointer; width: 100%; padding: 1em; color: #fff; background: #333; text-align: center; font-weight: 700; border: none; font-family: 'Montserrat', sans-serif; font-size: 16px;}

a.cta-btn button:hover, a.cta-btn2 button:hover {transform: translateY(-10px); transition: all .5s ease;}

.cta-wrapper2 {width: 66%; display: flex; justify-content: center;align-items: center; margin: 10px 0;}
.cta-wrapper2 a  {width: calc(50% - 1em); margin: .5em; font-family: 'Montserrat', sans-serif;}
.cta-wrapper2 a button {cursor: pointer; width: 100%; padding: 1em; color: #fff; background: #820001; text-align: center; font-weight: 700; border: none; font-family: 'Montserrat', sans-serif; font-size: 16px;}
.cta-wrapper2 a:hover button {background: #930405; transition: .3s ease-in-out all;}

.cta-wrapper3 {width: 100%; display: flex; justify-content: center;align-items: center;}
.cta-wrapper3 a  {width: calc(50% - 1em); margin: .5em; font-family: 'Montserrat', sans-serif;}
.cta-wrapper3 a button {cursor: pointer; width: 100%; padding: 1em; color: #fff; background: #820001; text-align: center; font-weight: 700; border: none; font-family: 'Montserrat', sans-serif; font-size: 16px;}
.cta-wrapper3 a:hover button {background: #930405; transition: .3s ease-in-out all;}

.space {margin:10px;}

/* ACCORDION
--------------------------------*/
.custom-accordion {width: 100%; text-align: left; position: relative; display: flex; flex-direction: column; justify-content: center; margin: 2em 0; font-size: 18px;}
.custom-accordion > a {
	padding: 1.5em 1em;
	color: #000!important;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	transition: ease all 0.2s;
	position: relative;
}
.custom-accordion > a:after{
	content:'';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 1px;
	background: #ddd;
	transition: ease all 0.3s;
}
.custom-accordion > a.open:after{
	content:'';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 1px;
	background: #fff;
}

.custom-accordion > a:hover{
	color: #000;
	background: #f6f6f6;
	border: none;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
a.click.heading.open{
	color: #000;
	background: #f6f6f6;
}
.custom-accordion > a i{
	color: #820001;
	padding-right: 1em;
	float: right;
}

.custom-accordion > .drop-list{
	padding: 2em 1.5em;
	color: #000;
	display: block;
}
.custom-accordion .click.open i:before{
    content: "\f068";
}

.sub-page.faqs .custom-accordion {margin: 0 0 4em;}


.blog-flex {width: 100%; display: flex; justify-content: center; align-items: flex-start; flex-direction: row-reverse; gap: 2em;}

div#myBtnContainer {width: 30%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;}
div#myBtnContainer a {width: 100%;}
button.btn {border: none; outline: none; flex: 1; padding: 1em; background: #f4f4f4; color: #000; cursor: pointer; width: calc(100% - .2em); margin: .1em; font-weight: 600; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 16px; text-align: left; line-height: 1.2;}
button.btn:hover {background-color: #eee; transition: .3s ease-in-out all;
}
button.btn.active {background-color: #820001; color: #fff;}

.blogpost-wrapper {width: 70%; display: flex; flex-wrap: wrap; padding-right: 3em; margin-bottom: 2em;}
.blogpost-wrapper img#blog-hero {width: 100%; height: auto; margin: 0 auto 2em;}
.blogpost-wrapper h2 {color: #000;}
.filterDiv-wrapper.latest-posts {width: 80%!important; display: block!important; margin: 0 auto; padding: 0;}
.filterDiv-wrapper {width: 70%; display: flex; flex-wrap: wrap; padding-right: 3em;}
.filterDiv {background: rgba(130, 0, 1, .05); color: #000; width: calc(50% - 2em); margin: 1em; flex-wrap: wrap; flex-direction: column; justify-content: space-evenly; display: none; /* Hidden by default */ box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; text-decoration: none!important; padding: 2em 1.5em;}
.filterDiv:hover {transition: .3s ease-in-out all; text-decoration: none; background: rgba(130, 0, 1, .1)}
.filterDiv img {width: 100%; height: auto; max-width: 250px; margin: 0 auto; aspect-ratio: 3 / 2; object-fit: cover;}

.filterDiv-txt {width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.filterDiv-txt h2 {width: 100%; color: #000; display: block; margin-bottom: 1em; font-weight: 600; line-height: 1.2;}
.filterDiv-txt p {width: 100%; line-height: 1.4; display: block; margin-bottom: 1.5em;}
.filterDiv-txt button {border: none; background: #820001; color: #fff; padding: .75em; width: 100%; text-align: center; cursor: pointer; font-family: 'Montserrat', sans-serif; font-weight: 500;}
.filterDiv-txt button:hover {transition: .2s ease-in-out all; background: #333;}

button#loadMoreBtn {border: none; background: #f4f4f4; font-weight: 600; margin: 2em auto; padding: 1em; font-family: 'Montserrat', sans-serif; cursor: pointer;}
button#loadMoreBtn:hover {background: #eee; transition: .3s ease-in-out all;}

.show {display: flex;}

.spinner {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #333;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 0.6s linear infinite;
  display: inline-block;
  vertical-align: middle;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.homepage-reviews {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; background: #f4f4f4; padding: 3em 10%; flex-direction: column; align-items: center;}
.homepage-blog {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; background: #ddd; padding: 3em 10%; flex-direction: column; align-items: center;}

.homepage-block{
	width: 100%; display: flex; justify-content: center; flex-wrap: wrap; background: #fff; padding: 3em 10%; flex-direction: column; align-items: flex-start;
}

.homepage-reviews h2, .homepage-blog h2 {display: inline-block; margin-bottom: .5em; line-height: 1.2; text-transform: uppercase; text-align: center;}
.homepage-reviews p, .homepage-blog p {width: 100%; font-weight: 500; text-align: center; display: inline-block; max-width: 1200px; margin: 0 auto;}

.reviews-container {width: 100%;}
.reviews-slider {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto;}
.reviews-slider .reviews-wrapper {padding: 2em; background: rgba(130, 0, 1, .05); color: #000;}
.reviews-flex {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 2em auto 4em;}
.review-wrapper {width: calc(33.33% - 1em); margin: .5em; padding: 2em; background: rgba(130, 0, 1, .05); color: #000; display: flex; flex-wrap: wrap;}
.review-wrapper span {display: block; margin-top: 1em; font-weight: 600; font-size: 14px;}
.review-rating {width: 100%; margin-bottom: 1em;}
.review-rating i {color: #820001;}
.review-wrapper p {font-size: 14px; text-align: left;}

.reviews-logos {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.reviews-logos img {width: 100%; max-width: 222px; height: auto;}
.reviews-logos img:hover {opacity: .8; transition: .2s ease-in-out all;}


.rental-wrapper {width: 90%; max-width: 1600px; display: flex; justify-content: center; margin: 4em auto; background: #222; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);}
.rental-img {width: 45%; background: #000 url('/siteart/homepage-hero1.jpg') center; background-size: cover;}
.rental-txt {width: 55%; padding: 4em 7%; color: #fff;}
.rental-txt h2 {text-transform: uppercase; display: inline-block; margin-bottom: .5em;}


.contacthero-img {width: 100%; background: #000 url('/siteart/contact-bg4.jpg') center; background-size: cover; background-attachment: fixed;}
.contacthero-txt {width: 100%; margin: 0 auto; background: rgba(255,255,255,.2); display: flex; flex-wrap: wrap; justify-content: center; color: #000; padding: 4em 10%; backdrop-filter: blur(5px);}
.homepage-hero .cta-wrapper, .reach-wrapper .cta-wrapper {margin: 2em 0 0;}

.contact-info{width:100%; display: flex; justify-content: center; margin: 4em 0; flex-wrap: wrap;}
.contact-content{
	width:50%;
	display:inline-block;
	margin:0 auto;
	font-size:16px;
	padding: 0 2em;
	position: relative;
	z-index: 2;
}

.contact-content p strong {font-weight: 800;}
.contact-content p a:hover {color: #930405; transition: .3s ease-in-out all;}
.contact-content a {color: #333;}

.contact-footer{
	background:#000 url("../siteart/contact-bg4.jpg") no-repeat;
	background-attachment: fixed;
	background-size:cover;
	background-position: center;
	width:100%;
	color:#000;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	font-weight: 600;
	margin:0 auto;
	position: relative;
	z-index: 0;
}

.contact-footer h3{
	display: block;
	text-align: center;
	margin-bottom: .75em;
	font-size:30px;
	width:100%;
	text-transform:uppercase;
}

.cf-content{
	width:50%;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.cf-content p{
	font-size:24px;
	text-align:left;
	font-weight:600;
	width:100%;
	padding-bottom:20px;
}

.cf-content a{
	text-decoration:underline;
	font-weight:normal;
	color:#fff;
}
	
.cf-content a:hover{
	text-decoration:none;
	color:#fff;
}

/* SLIDER BUTTON
---------------------------------------*/
.slider-button{
	width:100px;
	position:absolute;
	top:200;
	text-align:center;
	margin:0 auto;
}

.slider-button a{
	padding:20px;
	color:#fff;
	text-decoration:none;
	background:#820001;
}
	
/* request a quote
---------------------------------------*/
.quote-contact-container {
	width: 100%;
	display: block;
	margin: 2em 0;
	flex-basis: 100%;
}

.quote-contact-section {
	display: flex;
	flex-wrap: nowrap;
	gap: 2rem;
	align-items: flex-start;
	width: 100%;
}

.quote-map-wrapper {
	flex: 0 0 48%;
	max-width: 48%;
}

.quote-map iframe {
	width: 100%;
	height: 400px;
	border: 0;
}

.quote-contact-info {
	flex: 0 0 48%;
	max-width: 48%;
}

.quote-contact-info p {
	margin-bottom: 1rem;
	width: auto !important;
}

.quote-contact-info a {
	color: #820001 !important;
	text-decoration: underline;
}

.sub-page.parts-intro {
	padding-bottom: 10px;
}

.button-row { flex-direction: row; }

table {
  font-family: 'Montserrat', sans-serif;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.5;
}

td, th {
  border: 1px solid #F0F0F0;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #F0F0F0;
}

/* SEO STYLE UPDATES*/
.cta-wrapper-home {width:100%; display:flex; justify-content: center; align-items: center; margin:0 auto; padding:30px 0;}
.cta-flex {background-color:#f4f4f4; }

.cta-wrapper-home a  {width: calc(50% - 1em); margin: .5em; font-family: 'Montserrat', sans-serif;text-decoration: none!important;}
.cta-wrapper-home a {cursor: pointer; width: 100%; padding: 1em; color: #fff!important; background: #820001; text-align: center; font-weight: 700; border: none; font-family: 'Montserrat', sans-serif; font-size: 16px;}
.cta-wrapper-home a:hover {background: #930405; transition: .3s ease-in-out all;}

.cta-wrapper-home-btn2 {width: calc(50% - 1em); margin: .5em; font-family: 'Montserrat', sans-serif; background: #333!important;}
.cta-wrapper-home-btn2 {cursor: pointer; width: 100%; padding: 1em; color: #fff!important; background: #333!important; text-align: center; font-weight: 700; border: none; font-family: 'Montserrat', sans-serif; font-size: 16px;text-decoration: none;}
.cta-wrapper-home-btn2:hover  {background: #930405; transition: .3s ease-in-out all;}
.footer-social-icons {width:100%; display:flex; justify-content: center; gap:10px; font-size:22px; background:#333;padding:5px 0;}
.footer-social-icons a {color:#fff!important;}

.cta-call-now a {color:#fff!important; text-align:center;}
.cta-call-now {text-align:center; padding:18px;}
.cta-phone {position:fixed; z-index: 9; left:26px; bottom:5px; background-color:#6B0000!important; border-radius:37px; font-size:19px; margin-bottom:7px;font-weight:700;}

.home-form-content {width:100%;display:flex; flex-wrap: wrap;}
.section-left {width:50%;position:relative; margin:0 auto;display:inline-block;padding:4em 10%; background:#e7e7e7; align-content: center;}
.section-right {width:50%; display:inline-block; margin:0 auto; padding:0 2em; position:relative;}
.formfield-home {width: calc(50% - 1em);margin: .5em;color: #000;min-width: 175px;font-weight: 500;}
.formfield.large {width: calc(100% - 1em);}
.radio-input {display:flex;  text-align: left; flex-direction: column; align-items: flex-start;}
.radio-content {width:50%; }
.commercial {display:flex;}
.form-select {width: auto; display:flex; gap:5px;}
.full-width {width:100%;}

/* Mobile responsiveness */
@media (max-width: 768px) {
	.quote-contact-section {
		flex-direction: column;
	}
	
	.quote-map-wrapper,
	.quote-contact-info {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.quote-map-wrapper {
		width: 100%;
	}
	
	.quote-map iframe {
		height: 300px;
		width: 100%;
	}
	
	.quote-contact-info p {
		width: 100% !important;
	}
}
/*
-------------------Contact Form Styles */

form#form {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align:left;
}

.container {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align:left;
	border-top:1px solid #820001;
}

.container h2 {
	font-size:24px;
	text-transform:uppercase;
}

.container .listing-boxed-details h2 {
	text-align:left;
}
.wrap {
	width: 100%;
	margin: 0;
}

#formpage {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 2em 0;
}

.formfield {
	width: calc(33.33% - 1em);
	margin: .5em;
	color: #000;
	min-width: 175px;
	font-weight: 500;
}
.formfield.large {
	width: calc(100% - 1em);
}
.CaptchaPanel {
	margin: 10px 0px 10px 0px;
	text-align: center;
	padding: 10px;
}
.CaptchaImagePanel {
	padding: 5px 5px 10px 5px;
}
.CaptchaMessagePanel {
	padding: 5px 5px 10px 5px;
	font-weight: bold;
}
.CaptchaAnswerPanel {
	padding: 5px 5px 10px 5px;
}
.CaptchaWhatsThisPanel {
	padding: 5px 5px 10px 5px;
}
#formpage input {
	padding: 10px;
	border: 1px solid #8e8d8d;
	font-family: 'Montserrat', sans-serif;
	color: #000;
	background: #fff;
}
#formpage input {
	width: 100%;
	margin-top: 5px;
}

#formpage input.button, #formpage input.button:focus {
	width: 25%;
	display:inline-block;
	position:relative;
	margin: 0;
	padding: 1.5em;
	background: #820001;
	/*border: 4px solid #820001;*/
	font-size: 16px;
	line-height: 0;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	transition: .2s ease-in;
}

#formpage input.button:hover{
	background:#000;
	color:#fff;
}

input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
.CaptchaPanel {
	padding: 0 0 0 0 !important;
	line-height: normal !important;
	color: #000;
	margin: 0 auto;
}
.CaptchaImagePanel {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.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 auto;
	padding: 2px 0px 2px 0px !important;
}
.CaptchaWhatsThisPanel {
	line-height: 0;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {
	color: #000;
}
img {
	border: 0;
}
.CaptchaImage {
	border: 1px solid #333;
}
#formpage textarea {
	width: 100%;
	height: 111px;
	padding: 10px;
	border: 1px solid #8e8d8d;
	font-family: 'Montserrat', sans-serif;
	color: #000;
	background: #fff;
	margin-top: 5px;
}


.inv-content h2{
	font-size:20px !important;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:100%;
}
.listing-option-mobile .listing-option-bar #option-bar-sort #sort-option-container a {color: #777!important;}
.equipment-search {
	padding: 25px;
	box-sizing: border-box;
	margin-bottom:60px;
	text-align: center;
	margin:0 0 60px 0;
	background:#eee;
}
.equipment-search h3{
	text-align: left;
	padding:20px 15px;
	display: inline-block;
	vertical-align: middle;
	width:100%;
}


.equipment-search input, .detailed-search select {
	width: 100%;
	padding: 14px 10px;
	font-size: 12px;
	background-color: #fff;
	color: #555;
	box-sizing: border-box;
	outline: none;
     border-radius: 0;
	 border:1px solid #afafaf;
	
	display: inline-block;
	vertical-align: middle;
}
.submit-button{display: inline-block;width:100%; vertical-align: middle;  text-align: left;}

.equipment-search input[type='submit'] {
	background: #820001;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	border-radius: 2px;
	width: 100;
	height: auto;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	border:2px solid #820001;
	transition:ease .3s;
}
.detailed-search input[type='submit']:hover{
	background:#f4f4f4;
	border:2px solid #820001;
	color:#820001;
	text-shadow:none;
	box-shadow:1px 1px 5px #AFAFAF;
}


.accordion h3{font-weight:normal;}
	
.accordion-panel {
  width:100%;
  background:#dedede;
	box-shadow:2px 3px 5px 1px rgba(0, 0, 0, 0.30);
	margin-bottom:60px;
}
.accordion-panel .accordion {
}
.accordion-panel .accordion dt {
  display: block;
  padding: 25px;
  color: #555;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.accordion-panel .accordion dd {
  height: 0;
  overflow: hidden;
  transition: height .35s ease-out;
  margin-left: 0;
  background: #F4F4F4;
}
.accordion-panel .accordion .content {
  padding: 25px;
  overflow: auto;
}
.accordion-panel .plus-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  transition: transform 0.35s ease-out;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -12px;
}
.accordion-panel .plus-icon:before,
.accordion-panel .plus-icon:after {
  content: '';
  background: #820001;
  position: absolute;
}
.accordion-panel .plus-icon:before {
  width: 2px;
  height: 15px;
  margin-left: -0.5px;
  left: 50%;
}
.accordion-panel .plus-icon:after {
  width: 15px;
  height: 2px;
  margin-top: -0.5px;
  top: 50%;
  opacity: 1;
  transition: opacity 0.35s ease-out;
}
.accordion-panel .is-open .plus-icon {
  transform: rotate(90deg);
}
.accordion-panel .is-open .plus-icon:after {
  opacity: 0;
}
.accordion-panel .hidden {
  display: none;
}
.accordion-panel .open-btn,
.accordion-panel .close-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 90px;
}
.accordion-panel .buttons-wrapper {
  position: relative;
}
.accordion-panel .buttons-wrapper .plus-icon {
  position: absolute;
  right: 10px;
  top: 12px;
}


.field-half{margin-bottom:5px;}

.field-half input{
	width:100%;
	display:inline-block;
	margin:5px auto;
	text-align:left;
}

.field-half input:first-child{margin:0 17px 0 0;}

.field-half select{
	width:100%;
	display:inline-block;
	margin:5px auto;
	text-align:left;
}

.field-half select:first-child{margin:0 7px 0 0;}


.radio-field{
	width:20%; 
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
	padding:10px 0; 
	float: left;
}

.radio-field .radio{
	width:15px;
	display:inline-block;
	vertical-align:middle;
}

.radio-field p{
	color:#333;
	padding:0;
	display:inline-block;
	width:20%;
	vertical-align:middle;
}

.main-detail-data .mobile {
    display: block!important;
}
/*------------------------------
	HEADER SEARCH STYLES
-------------------------------*/
input:active, input:focus {outline: none;}
button:active, button:focus {outline: none;}
form.detailed-search {display: flex;}
.field-section, .btn-field-section {display: inline-block;}
.searchInput { 
	padding: 10px!important; 
	font-size: 14px!important; 
	font-weight: 500;
	font-family: 'Montserrat', sans-serif; 
	color: #000; 
	border: none!important;	
	width: 70%;
	box-sizing: border-box;
	border-radius: 0!important;
	min-height: 38px!important;
}
.submit-btn {
	padding: 10.5px!important;
	box-sizing: border-box; 
	border: none; 	
	font-family: 'Montserrat',sans-serif;
	font-weight: 700; 
	font-size: 14px!important; 
	text-transform: uppercase; 
	letter-spacing: 1px;
	background: #333!important; 
	border-radius: 0!important;
	color: #fff;
	width: 30%;
}
.submit-btn:hover {background: #222!important; cursor: pointer; transition: .3s ease-in-out all;}

/*------------------------------
    FOOTER STYLES
--------------------------------*/
.footer{
	width:100%;
	display: flex;
	justify-content: center;
	background:linear-gradient(#930405, #820001);
	padding: 4em 3%;
	box-sizing: border-box;
	color: #fff;
}
img#ftr-logo {width: 100%; max-width: 222px; height: auto; display: block; margin: 0 auto; padding-right: 2em;}
.footer .ftr-col {width: calc(16.6667% - 1em); margin: .5em;}
.footer p {font-size: 20px; display: block; margin-bottom: .5em; line-height: 1.2; font-weight: 600;}
.footer a {color:#fff; text-decoration:none; margin-bottom: 5px; display: inline-block;}
.footer a:hover {color: #f4f4f4;}

.footer-social {display:flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column;}
.footer-social img {width: 100%; height: auto; max-width: 175px;; padding: 0 5px; box-sizing: border-box;}


/* MEDIA QUERIES */
@media screen and (max-width:1615px){
	img.main-logo {width: 100%; width: 260px; margin: 0 auto; height: auto;}
}

@media screen and (max-width:1515px){
	.cat h3{font-size:20px;}
}

@media screen and (max-width:1400px){
	.sub-cat .cat h3{font-size:18px;}
	.cd-popup-container{width:100%;}
	.cd-popup-container{top:0; width:100%;}
	.construction-cats{padding:10px 0;}
	.cd-popup-container .cd-buttons li{width:49%;}
	
	.header-contact {font-size: 20px;}
	.hc-content, .hc-social {vertical-align: top;}
	
	ul.content-list li {width: calc(33.33% - 1em);}	
	ul.content-list.contact li {width: calc(50% - 1em);}

	
}

@media screen and (max-width:1350px){	
	.hc-social img {display: inline-block;}
	.header {padding: 15px 5%;}
	
	.field-section {width: 100%;} .btn-field-section {width: 100%;}
	
	.hc-content {font-size: 16px;}
	.hc-social img {max-width: 111px;}
	a#newsletter button {font-size: 13px; margin-bottom: 0;}
}

@media screen and (max-width:1250px){
	.field-half input:first-child{margin:0 6px 0 0;}
}

@media screen and (max-width:1200px){	
	.home-vid{width:100%;}
	.home-contact{width:100%;}
	
}

@media screen and (max-width:1170px){
	.finance{
		width:90%;
		position:relative;
		display:block;
		text-align:center;
		top:0;
		left:0;
		margin: 0 auto 10px auto;
	}	
	
	.sub-page{margin:0 auto;}

	#finance {
		margin-left:auto !important;
		margin-right:auto;
		display:block;
		width:75%;
	}
	#finance img {
		max-width:100%;
	}
	
	.reach-wrapper {flex-direction: column-reverse;}
	.reach-right {width: 100%; padding-left: 0;}
	.reach-left {width: 100%;}
	.video-wrapper p {margin-top: 2em;}
	
	.blog-flex {flex-wrap: wrap; flex-direction: column-reverse; gap: 0;}
	div#myBtnContainer {width: 100%; flex-direction: row; margin-top: 3em;}
	button.btn {text-align: center; padding: .75em; font-size: 14px;}
	.filterDiv-wrapper, .blogpost-wrapper {width: 100%; padding-right: 0;}
	
	.footer {flex-wrap: wrap; padding: 2.5em 2em;}
	.footer .ftr-col:nth-child(2), .footer .ftr-col:nth-child(3), .footer .ftr-col:nth-child(4), .footer .ftr-col:nth-child(3), .footer .ftr-col:nth-child(5) {width: calc(25% - 1em);}
	.footer .ftr-col:first-of-type, .footer .ftr-col:last-of-type {width: calc(100% - 1em); text-align: center;}
	img#ftr-logo {padding-right: 0;}
	
	.review-wrapper {width: calc(50% - 1em);}

}

@media screen and (max-width:955px){
	.contact-footer h3{font-size:24px;}
	
	.formfield{width:100%;}
	
	.cat h3{font-size:16px;}
	
	ul.content-list li {width: calc(50% - 1em);}	
	ul.content-list.contact li {width: calc(100% - 1em);}
	
	.filterDiv {width: calc(100% - 2em);}
	
	.contact {flex-wrap: wrap; flex-direction: column-reverse; margin: 0 0 2em;}
	.cf-content, .contact-content {width: 100%;}
	.contact-content {padding: 0;}
	
	.cta-wrapper {flex-wrap: wrap;}
	.cta-wrapper a {width: calc(100% - 1em);}
	
	.header-contact {display:none;}
	.mobile-header-contact {display: block; padding-top: 10px;}
	.header-contact {font-size: 16px; padding-top: 10px;}
	.logo-float {width: 35%;} .head-search-area {width: 65%;}
	
	.footer-social img {display: block; padding: 2.5px; box-sizing: border-box;}
	.wrapper, .inv-wrapper {padding: 35px 5%;}
	
	.cta-wrapper3 {flex-wrap: wrap;}
	.cta-wrapper3 a {width: calc(100% - 1em);}
	
	.cta-wrapper2 {width:100%;}
	.cta-wrapper2 a {width: calc(100% - 1em);}

}

@media screen and (max-width:785px){
	#keywordsearch{display:contents;}
}

@media screen and (max-width:750px){
	.hc-content,.hc-social{margin:0 0 1% 0;}
	.hc-social img{margin:0 auto; max-width: 100%;}
	a#newsletter button {padding: .85em 5px!important;}
	
	.equipment-search{text-align: left;}
	.equipment-search h3{width:100%; padding:10px 0;}
	.field-half{width:100%;}
	
	.black-overlay h2{
		font-size:6vw;
	}
	.black-overlay p{
		font-size:16px;
		text-align:center;
	}
	
	.review-wrapper {width: calc(100% - 1em);}
	
	.homepage-hero h1 {font-size: 28px;}
	
	#formpage input.button, #formpage input.button:focus {
		width:100%;
	}
	.CaptchaAnswerPanel {
		width:100%;
	}
	.black-overlay{
		padding:10px;
	}
	
	.rental-txt {width: 100%;}
	.rental-img {width: 100%; padding: 15%;}
	.rental-wrapper {flex-wrap: wrap;}
	
	.footer a {font-size: 14px;}
	img#ftr-logo {max-width: 175px;}
	.footer h4 {font-size: 18px;}
	
}

@media screen and (max-width:680px){
	.cat {width: calc(50% - .5em);}
	#finance {width:auto;}
	
	.radio-field{width:100%; padding:5px 0;}	
	
	.inv-content{padding:5%;}
	
	.translate-bar {text-align: center;}
	.hc-content, .hc-social{justify-content: center;}
	
	.slider-wrapper{display:none;}
	
	.cat{width:100%;}

	
	#construction-cats ul li, #construction-cats ul .topcat {width:100%;}
	.hosted,.footer-social{display:block;margin:2% auto;width:100%;text-align:center;}
	.footer-social img{float:none;display:block;margin:0 auto;}
	
	.header {padding: 0 5% 10px;}
	.logo-float {width: 100%;} .head-search-area {width: 100%; text-align:center;} 
	.main-logo {display: block; margin: auto; max-width: 125px; padding-bottom: 10px;}
	
	.searchInput {width: 70%;}
	.submit-btn {width: 30%;}
	
	.cta-wrapper-home {width:100%; display:flex; flex-direction: column; }
	
	
}

@media screen and (max-width:550px){
	.footer .ftr-col:nth-child(2), .footer .ftr-col:nth-child(3), .footer .ftr-col:nth-child(4), .footer .ftr-col:nth-child(3), .footer .ftr-col:nth-child(5) {width: calc(50% - 1em);}
	
	.footer h4 {font-size: 16px;}
	
	ul.content-list li {width: calc(100% - 1em);}
	
	.hero-img, .contacthero-img {background-attachment: inherit!important;}
}

@media screen and (max-width:495px){
.radio-content {width:100%; }
.formfield-home {width:100%;}
}

@media screen and (max-width:390px){
	.cat h3{font-size:20px;}
	.submit-btn {margin: 0;}
	.homepage-hero h1 {font-size: 22px;}
	td {font-size:12px;}
	
}

@media screen and (max-width:320px){
	td {font-size:9px;}
	
}