/* 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;}

::-moz-selection{background: #d6061c; color: #fff; text-shadow: none;}
::selection{background: #d6061c; color: #fff; text-shadow: none;}

h1{font-weight: 700; color: #d6061c; font-size: 36px; text-transform: uppercase; line-height: 1.2; margin-bottom: .25em;}
h2{font-weight: 700; color: #d6061c; font-size: 30px; line-height: 1.2; margin-bottom: .75em;}
h3{font-weight: 700; color: #d6061c; font-size: 24px; text-transform: uppercase; line-height: 1.2; margin-bottom: .75em;}
h4{font-weight: 700; color: #ddd; font-size: 20px; line-height: 1.2; margin-bottom: .75em;}

a{transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
a:hover{color: #d6061c;}

.red{color: #d6061c;}

ul.bullet-list li{list-style: disc; margin-left: 15px; line-height: 30px;}


 

/* SITE FRAMEWORK */

body {overflow-x: hidden; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6; letter-spacing: .01em;}

.black{padding: 50px 0; color: #fff;}
.main{background: linear-gradient(to bottom, #333 0%,#222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#111',GradientType=0 );}
.main img{max-width: 100%; height: auto;}
.main .container {padding: 50px 0; position: relative; max-width: 1300px; width: 90%; margin: 0 auto; color: #fff;}
.main .container p {    
	font-weight: 700;
    color: #ddd;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: .75em;}

.main .container .column4 a, .main .container .column2 a {color: #fff;}
.inv-container{width: 100%; display: flex; justify-content: center; background: linear-gradient(to bottom, #333 0%,#222 100%); position: relative; margin: 0 auto;}

.column3-4{width:75%; float:left; padding-right: 50px; box-sizing: border-box;}
.column2{width:50%; float:left; padding-right: 25px; box-sizing: border-box;}
.column3{width:33.33333%; float:left; padding-right: 25px; box-sizing: border-box; margin: 5px 0;}
.column4{width:25%; float:left; padding-right: 25px; box-sizing: border-box;}
.column5{width:20%; float:left; padding-right: 25px; box-sizing: border-box;}
.column6{width:16.66666%; float:left; padding-right: 25px; box-sizing: border-box;}
.last{padding-right:0;}

/* HEADER */

.header{padding: 15px 0; width:100%; background: #fff;}
.header .container {position: relative; max-width: 1300px; width: 90%; margin: 0 auto;}
#logo{float: left;}
#logo img{max-width: 100%; height: auto;}
#address{float: right; font-weight: 700; font-size: 14px; line-height: 20px; text-transform: uppercase; text-align: right; color: #000;}
#address a {text-decoration: none; color: #000;}

.slideshow{width: 100%; height: 400px; background: #333; overflow: hidden; position: relative;}
.cycle-slideshow{position: relative; overflow: hidden; width: 1920px; left: 50%; top: 0; margin-left: -960px;}
.cycle-slideshow img{display: block; margin: 0 auto;}

/* STYLES */

a.home-button{display: block; text-decoration: none; width: 100%;}
a.home-button button{width: 100%; cursor: pointer; color: #fff; font-family: 'Montserrat', sans-serif; display: block; padding: 12px 1vw; box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 1.2; text-align: center; margin: 0 0 15px; background: #727272; background: -moz-linear-gradient(top, #727272 0%, #000000 100%); background: -webkit-linear-gradient(top, #727272 0%,#000000 100%); background: linear-gradient(to bottom, #727272 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#000000',GradientType=0 ); border: 1px #999 solid;}
a.home-button:hover button{background: #333; transition: .3s ease-in-out all;}

.call{background: #000 url(../siteart/call.jpg) no-repeat top center fixed; padding: 50px 0; font-weight: 700; font-size: 30px; text-align: center; color: #fff; border-top: 3px #d6061c solid; border-bottom: 3px #d6061c solid;}
.call a {text-decoration: none; color: #fff;}

.rental-industries a{float: left; width: 33.3333%; font-weight: 700; font-size: 14px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; background: #d6061c; padding: 10px; margin: 0 0 10px; box-sizing: border-box; border: 1px #333 solid;}
.rental-industries a:hover{background: #a80011; color: #fff; transition: .3s ease-in-out all;}

.manus{border: 1px #aaa solid; background: #fff; overflow: hidden;margin-bottom: 20px;}
.manus img{display: block; width: 100%; height: auto; padding: 25px; box-sizing: border-box; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.manus:hover img{-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);}

.jcb{position: absolute; top: 0; right: 0; width: 150px;}
.jcb img{max-width: 100%; height: auto;}

.table-header{width: 100%; background: #d6061c; padding: 10px 0 10px 20px; font-weight: 700; color: #fff; border: 1px #fff solid; border-bottom: none; box-sizing: border-box;}
.table-header h4 {color: #fff; margin: 0;}
.table-row{padding: 5px 0 5px 20px; line-height: 36px; border: 1px #ddd solid; box-sizing: border-box; margin-bottom: 25px;}

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

.gas-images{float: left; width: 25%; padding-right: 25px; box-sizing: border-box;}
.gas-images img{max-width: 100%; height: auto;}
.gas-right{float: left; width: 75%;}
.yellow{font-weight: 700; font-size: 18px; color: #F4C614;}

.calculator-wrapper {background: #fff; padding: 25px; box-sizing: border-box; border: 1px #aaa solid;}
.calculator-wrapper iframe {width: 100%; height: 1000px;}


/* SEARCH */

.detailed-form{position: absolute; right: 25px; color: #fff; padding: 25px 20px; box-sizing: border-box; border-radius: 5px 5px 0 0; z-index: 999; width: 310px; margin-top: -366px; background: rgba(0, 0, 0, 0.65);}
.detailed-form h3 {margin-bottom: .25em!important;}
.detailed-search input{width: 100%; padding: 8px 10px; margin: 7px 0; font-size: 13px; background-color: #fff; border: 1px solid #999; box-sizing: border-box;}
.detailed-search select{width: 100%; padding: 7px 6px; margin: 7px 0; font-size: 13px; background-color: #fff; border: 1px solid #999; box-sizing: border-box;}
.detailed-search input[type="submit"]{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; width: 100%; height: 30px; color: #fff; display: inline-block; border-radius: 0 !important; outline: none; border: none; cursor: pointer; background: none;}
.detailed-search button{background: #d6061c; width: 100%; color: #fff; display: inline-block; border-radius: 0 !important; outline: none; border: none; cursor: pointer;}
.detailed-search button:hover{background: #a80011; transition: all .2s ease-in-out;}

/* ZOOM STYLES */
.zoom-wrapper {width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.zoom-container{width: 25%; position: relative; overflow: hidden; display: inline-block; border: 1px solid #fff; box-sizing: border-box; text-align: center}
.zoom-container img{display: block; width: 100%; height: auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.zoom-container .zoom-caption{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(0, 0, 0, .6); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

.zoom-container .zoom-caption p{display: block; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);font-weight: 700;font-size: 24px;text-transform: uppercase;line-height: 1.2;margin-bottom: .75em;}

.zoom-container .zoom-caption h3 {    
	display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

.zoom-container:hover img{-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);}
.zoom-container:hover .zoom-caption{background: none;}

/* FORM */

#form input{width: 100%; padding: 10px; border:1px solid #ccc; margin: 5px 0 15px; box-sizing: border-box; font-family: 'Montserrat', sans-serif;}
#form textarea{width: 100%; font-family: 'Montserrat', sans-serif; padding: 10px; border:1px solid #ccc; margin: 5px 0 15px; height: 70px; box-sizing: border-box;}
#form select{width: 100%; padding: 10px; border:1px solid #ccc; margin: 5px 0 15px; box-sizing: border-box; font-family: 'Montserrat', sans-serif;}
#form input[type="checkbox"]{margin:5px 10px 0 0; width:13px; height:13px; display:inline;}
#form input[type="radio"]{margin:5px 10px 0 0; width:15px; height:15px; display:inline;}
#form input.button,
#form input.button:focus{font-weight: 700; width:200px; background: #d6061c; font-size: 16px; color: #fff; cursor: pointer;  border: none;}
#form input.button:hover{background: #B10012; color:#fff; transition: .3s ease-in-out all; border: none;}
#form h3 {margin-top: 1em; color: #999;}
.CaptchaPanel{margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: left !important; line-height:normal !important;}
.CaptchaAnswerPanel input{width: 200px !important;}
.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:14px; line-height:18px;}
.CaptchaAnswerPanel{margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{color:#fff;}
.CaptchaWhatsThisPanel a:hover{text-decoration:none;} 


input[name="honeypot"] {display: none;}
.continue-btn {display: block; text-align: center; width: 100%; background: #444;}
.continue-btn button {border: none; background: none; color: #fff; text-transform: uppercase; padding: 1em 5%; cursor: pointer;}
.continue-btn:hover {opacity: .9; transition: all .2s ease-in-out;}


/* FOOTER */

.footer{background: #222; padding: 15px 0; width:100%;}
#footer-links{text-align: center;}
#footer-links a{font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #999; padding: 1px 15px; border-right: 1px #999 solid;}
#footer-links a:hover{color: #fff;}
#footer-links a:last-child{border-right: none;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-family: 'Montserrat', sans-serif; color:#999; font-size:10px;}
a.footerlink:hover{font-family: 'Montserrat', sans-serif; font-weight: bold; color: #d6061c;}
.footertext{font-family: 'Montserrat', sans-serif; font-size:10px; color:#999;}
.smallfootertext{font-family: 'Montserrat', sans-serif; font-size:10px; color:#999;}
.divfooter{max-width: 900px; margin:30px auto 20px; line-height: 16px; text-align: center; color:#999;}
 
.clear{clear:both;}	


/* RESPONSIVE STYLES */

@media screen and (max-width: 1200px){
.container, .inv-container{padding: 0 25px;}
.detailed-form, .jcb{right: 15px;}
.detailed-form {margin-top: -360px; width: 270px;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
.calculator-wrapper iframe {height: 1100px;}
}
@media screen and (max-width: 1000px){
.zoom-container{width: 50%;}

.container, .inv-container{padding: 0 25px;}
.detailed-form, .jcb{right: 0;}
.column4{width: 50%; margin-bottom: 10px;}
.call{font-size: 24px;}
.rental-industries a{width: 100%; margin: 0; padding: 5px;}
.main .column3-4 {float: none; width: 100%; margin-bottom: 2em; padding: 0;}
.main .column4 {float: none; width: 100%; padding: 0;}
.calculator-wrapper iframe {height: 1300px;}
}
@media screen and (max-width: 768px){

.container{padding: 0 15px;}
.column2, .column3, .column4, .column3-4{float: none; width: 100%; padding-right: 0;}
.column4{margin-bottom: 10px;}
#logo{float: none; text-align: center;}
#address{float: none; width: 100%; text-align: center;}
.mobile-break{display: inline;}
.zoom-container{width: 100%;}
.jcb{position: relative;}
.jcb img{max-width: 150px; margin: 5px 0 10px;}
.gas-images{display: none;}
.gas-right{float: none; width: 100%;}
#footer-links a{padding: 5px 0; border-right: none; border-bottom: .5px #999 solid; display: block;}
.call{font-size: 18px;}
.rental-industries a{width: 100%; margin: 0; padding: 5px;}
.calculator-wrapper iframe {height: 1100px;}
}

@media screen and (max-width: 480px) {
.calculator-wrapper iframe {height: 1400px;}
}

@media screen and (max-width: 380px) {
	.detailed-form{width: 100%;}
}

@media screen and (max-width: 320px) {
.calculator-wrapper {height: 1500px;}
}