/***** BEGIN 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 {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
.red {color: #e21716;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-moz-selection{background: #111; color: #fff; text-shadow: none;} ::selection{background: #111; color: #fff; text-shadow: none;}

/***** END RESET *****/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}
a#cta-btn button, button.carousel_details_btn, .contactForm input.btn {margin: 1em 0 0; color: #fff; background: #e21716; padding: .75em 2em; cursor: pointer; font-size: 20px; transition: 0.2s ease-in; text-align: center; width: 100%; max-width: 300px; border: none; border-radius: 0; font-weight: 500; text-transform: uppercase; font-family: 'Teko', sans-serif;}
a#cta-btn2 button {margin: 1em 0 0; color: #000; background: #f4f4f4; padding: .75em 2em; cursor: pointer; font-size: 20px; transition: 0.2s ease-in; text-align: center; border: none; font-weight: 500; font-family: 'Teko', sans-serif; width: 100%; max-width: 300px; text-transform: uppercase;}
a#cta-btn3 button {margin: 1em 0 0; color: #111; background: none; padding: .75em 2em; cursor: pointer; font-size: 20px; transition: 0.2s ease-in; text-align: center; border: 1.5px solid #111; font-weight: 500; font-family: 'Teko', sans-serif; text-transform: uppercase; width: 100%; max-width: 300px;}
a#cta-btn button:hover, a#cta-btn2 button:hover, a#cta-btn3 button:hover, button.carousel_details_btn:hover, .contactForm input.btn:hover {opacity: .8; transition: all .2s ease-in-out; border-radius: 0;}


html, body {width:100%;}
body {font-family: 'Poppins', sans-serif!important; overflow-x: hidden; line-height: 1.8;}

.page-header h1, .page-header .h1 {font-family: 'Teko', sans-serif; font-size: 24px;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%; box-sizing: border-box;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%; box-sizing: border-box;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}


/* HEADER */
.top-bar {width: 100%; background: #000; color: #fff; display: flex; justify-content: flex-end; align-items: center; padding: 0 10%; font-family: 'Teko', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 22px; letter-spacing: 1px;}
.top-bar a {margin-left: 2vw; font-family: 'Teko', sans-serif; color: #fff;}
.top-bar button {border: none; outline: none; cursor: pointer; color: #fff; font-family: 'Teko', sans-serif; background: #e21716; padding: .75em; text-transform: uppercase; letter-spacing: 1px;}
.top-bar button:hover {transition: .3s ease-in-out all; background: #c9171b;}
.hdr-wrapper {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; position: relative;}
.hdr-wrapper a#main-logo img {max-width: 180px; height: auto;}
.hdr-wrapper a i.fa-search, .hdr-wrapper a svg.fa-search {color: #e21716; font-size: 24px; font-weight: bold;}
.hdr-wrapper a:hover i.fa-search, .hdr-wrapper a:hover svg.fa-search {color: #000!important; transition: .3s ease-in-out all;}
a.desktop-search {display: block; margin-left: 1vw;}
a.mobile-search {display: none;}
form.hdr-search {width: 100%; position: absolute; top: 110px; right: 0; display: flex; justify-content: center; align-items: center; z-index: 999; max-width: 500px; margin: 0 auto;}
form.hdr-search input {width: 70%!important; padding: 0 0 0 15px!important; margin: 0!important; height: 50px!important; line-height: 50px!important;}
form.hdr-search button {height: 50px !important; background: #e21716!important; border: 0!important; border-radius: 0!important; padding: 10px 0; margin-left: -3px!important; width: 30%!important; color: #fff!important; font-weight: 500; font-family: 'Teko', sans-serif; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; cursor: pointer;}

.mobile-nav-container, #menu-button, .mobile-display {display: none;}




/* ALL OTHER STYLES */
#hs-content-wrapper {width: 95%; max-width: 1400px; font-family: 'Poppins', sans-serif!important;}
.hs-btn, .hs-btn.hs-highlighted, .hs-btn.hs-highlighted.checkout-full-hs-btn a {background-color: #e21716!important; color: #fff!important; font-family: 'Teko', sans-serif; font-weight: 600; letter-spacing: .02em;}
.hs-btn:hover, .hs-btn.hs-highlighted:hover, .hs-btn.hs-highlighted.checkout-full-hs-btn a:hover {background-color: #c9171b!important; color: #fff!important;}
.hs-faceted-search .hs-facet-label .hs-facet-name {padding-left: 3px;}
.ProductsView .hs-tabs a, .RentalsView .hs-tabs a {font-family: 'Teko', sans-serif; text-transform: uppercase; font-weight: 500; letter-spacing: .02em;}
.ProductsView .hs-tabs, .RentalsView .hs-tabs {font-size: 18px;}




/* FOOTER */
.banner-wrapper {width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 600; font-family: 'Teko', sans-serif; font-size: 30px; background: #000; padding: 2em 10%; text-align: center;}
.banner-wrapper h4 {font-size: 30px; font-weight: 600; font-family: 'Teko', sans-serif; display: block; color: #fff; line-height: 1.2;}
.banner-wrapper i, .banner-wrapper svg {color: #e21716;}
.banner-wrapper a {color: #fff; font-family: 'Teko', sans-serif;}
.banner-wrapper a:hover, .ftr-socials a:hover {color: #f4f4f4; transition: .3s ease-in-out all;}
.ftr-wrapper {width: 100%; background: linear-gradient(#e21716, #c70f0e); padding: 6em 10%; color: #fff; display: flex; justify-content: center; flex-wrap: wrap;}
.ftr-wrapper h4 {font-size: 30px; font-weight: 600; font-family: 'Teko', sans-serif; display: block; margin-bottom: .5em; color: #fff;}
ul.ftr-nav {color: #fff; font-family: 'Poppins', sans-serif; display: flex; flex-wrap: wrap; flex-direction: column;}
ul.ftr-nav li {display: block;}
ul.ftr-nav li a {color: #fff;}
.underline {border-bottom: 1px solid #fff;}
.ftr-socials a {color: #fff; font-size: 30px; display: inline-block; margin-right: 1vw;}




/* MEDIA QUERIES (RESPONSIVE) */

.show{display: block;}


@media screen and (max-width: 1400px){

	
}
@media screen and (max-width: 1300px){
	.top-bar {justify-content: space-between; padding: 0 2em;}
	.top-bar a {margin-left: 0; font-size: 20px;}
	.top-bar button {font-size: 20px; padding: .75em;}
	.hdr-wrapper {flex-direction: row-reverse;}
	aside#logoID {width: 100%; text-align: center;}
	.hdr-wrapper a#main-logo img {max-width: 180px;}
	a.mobile-search {display: block;}
	a.desktop-search {display: none;}	
}
@media screen and (max-width: 1100px){	
	.herovideo-overlay {padding: 0 2em;}
	.herovideo-overlay h1 {font-size: 55px;}
	.herovideo-overlay p {font-size: 20px;}
	
	.hero-video video {height: 400px!important;}
	
	.basicpage-hero {padding: 4em 10%!important;}
	.basicpage-flex {flex-wrap: wrap;}
	.basicpage-left {width: 100%; padding: 3.5em 10%!important;}
	.basicpage-flex h2 {font-size: 32px;}
	.sidebar-wrapper {width: 100%; background: #f4f4f4; padding: 3.5em 10%!important;}
	.basicpage-flex h3 {font-size: 28px;}	
	.basicpage-wrapper {padding: 3.5em 10%!important;}
	
}
@media screen and (max-width: 767px){
	.hdr-wrapper a#main-logo img {max-width: 140px;}
	.top-bar a {margin-left: 0; font-size: 18px;}
	.banner-wrapper {padding: 1.25em 10%;}
	.banner-wrapper h4 {font-size: 26px;}
	.ftr-wrapper {text-align: center; padding: 4em 10%;}
	.ftr-wrapper h4:nth-child(2) {margin: 1em 0 .5em!important;}
	.featuredequip-content .tabs label {width: 100%;}
	
	.basicpage-hero .hero-txt h1 {font-size: 60px;}	
	.basicpage-hero, .featuredequip-wrapper:before {background-attachment: inherit!important;}
	
	.graybg-left {padding: 4em 5% 2em!important;}
	.graybg-right {padding: 2em 5% 4em!important;}
	
	.column1, .column2, .column3, .column4, .column5, .column7, .column8, .column9, .column10, .column11, .column12 {margin: 0 auto!important; width: 100%!important; float: none; padding: 0;}
	
	.ProductsView .hs-tabs, .RentalsView .hs-tabs {font-size: 16px;}
	
	.bottomcta-wrapper {width: 90%; margin: 1em auto 4em;}
	.bottomcta-wrapper .bottomcta-btns a button {font-size: 24px;}
	.mailinglist-wrapper {padding: 4em 10%;}
	
	.zoom-container img {aspect-ratio: 3 / 3;}
	
	.ftr-wrapper h4#marg15 {margin-top: 15px;}
	
	.featuredequip-content .tabs .inner-image-placeholder {max-height: none;}
	
	.herovideo-overlay h1 {font-size: 50px;}
	.herovideo-overlay p {font-size: 18px;} 
}
@media screen and (max-width: 480px){
	.top-bar {padding: 0 5%;}
	.top-bar button, .top-bar a {font-size: 5vw!important;}
	
	.staff-box {text-align: center;}
	
	.hero-video video {height: 350px!important;}
	
	.btn-wrapper a button {padding: .5em!important;}
	.basicpage-hero {padding: 4em 5%!important;}
	
}