/***** 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;}
img{max-width: 100%; height: auto;}

@font-face {
    font-family: 'icon-worksregular';
    src:url(../fonts/icon-works-webfont.eot);
    src: url(../fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/icon-works-webfont.woff) format('woff'),
         url(../fonts/icon-works-webfont.ttf) format('truetype'),
         url(../fonts/icon-works-webfont.ttf) format('truetype'),
         url(../fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-- colors - fonts
red: ff1e27
light gray: f6f6f6
dark gray: 212221

font-family: 'Montserrat', sans-serif;
font-family: 'Teko', sans-serif
*/
/***** END RESET *****/

body{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
	overflow-x: hidden;
	width: 100%;
}

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

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

a{
	color: inherit;
	transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;
	text-decoration: none;
}
a:hover, :hover{	transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;}

.clear{clear:both;}	


.shadow{box-shadow: 0px 6px 14px -7px rgba(0,0,0,.25);}

h1{font-size: 32px; color: inherit; font-weight: 600; line-height: 42px; font-family: 'Teko', sans-serif; text-transform: uppercase}
h2{font-size: 28px; color: inherit; font-weight: 600; line-height: 30px; font-family: 'Teko', sans-serif; text-transform: uppercase; letter-spacing: 1.25px;}
h3{font-size: 22px; color: inherit; letter-spacing: 1px; font-weight: 700; line-height: 30px;}
h4{font-size: 16px; color: inherit; letter-spacing: 1.5px; font-weight: 600; line-height: 30px;}
h5{font-size: 18px; color: inherit;  font-weight: 600; line-height: 30px; font-family: 'Teko', sans-serif; text-transform: uppercase; letter-spacing: 1.25px}

h1#large{color: #404040; font-size: 45px; line-height: 55px; letter-spacing: 3px; margin-bottom: 8px;}

.gray-text{color: #ccc;}
.red-text{color: #ff1e27;}

/*---BASIC STYLES -----------------------------------*/
#pad{padding: 25px 0;}
#l-pad{padding: 50px 0;}
#xl-pad{padding: 80px 0;}

.dark-gray-bg{background: #212221; color: #fff}
.lightgray-bg{background: #ededed;}
.black-bg{background: #000}
.wood-bg{background: url(../siteart/wood-bg.jpg) no-repeat center bottom fixed}
.wood-bg.top{background: url(../siteart/wood-bg.jpg) no-repeat center top fixed}

hr.small-red{border: 3px solid #ff1e27; width: 60px; margin-bottom: 12px; float: left; display: block}

#pageimage{display: block; width: 100%;}

.wrapper-inner{width: 80%; margin: 0 auto;}
.wrapper-center{width: 80%; margin: 0 auto; text-align: center;}

#gray-btn{ background: #404040; color: #fff; letter-spacing: 1.5px; font-size: 15px; padding:10px 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase}
#gray-btn:hover{background: #000;}


#black-btn{background: #000; color: #fff; letter-spacing: 1px; font-size: 15px; padding:10px 30px; font-family: 'Teko', sans-serif; font-weight: 600; }
#black-btn:hover{background: #ff1e27;}

#red-btn{background: #ff1e27; color: #fff; letter-spacing: 1px; font-size: 15px; padding:10px 30px; font-family: 'Teko', sans-serif; font-weight: 600; margin: 5px;}
#red-btn:hover{background: #c0111b;}



/*---HEADER-----------------------------------*/
.header{width:100%; background: #fff; position: relative; z-index: 999;}
.header .wrapper-inner{padding: 10px 0; width: 95%; display: flex; align-items: center}

.header-left{justify-content: flex-start; text-align: left; width:30%} 
.header-left img{width: 100%; position: relative; margin-top: -30px}

.header-right{justify-content: flex-start; text-align: right; width: 70%;} 

.top-header{background: #ff1e27; color: #fff; text-align: right; padding: 5px 0}

#top-social{display: inline-block}
#top-social .fa, #top-social .fab{font-size: 22px; color: #fff; display: inline-block; padding: 5px 20px; border-right: 2px solid #e41b23}
#top-social .fa:hover, #top-social .fab:hover{color: #000}


#top-search{margin-right: 10px; display: inline-block}
#top-search .fa{font-size: 22px; color: #fff; display: inline-block; padding: 5px 20px; border-right: 2px solid #e41b23}
#top-search .fa:hover{color: #000}

#searchbar {
	position: absolute;
    display: none;
    float: left;
    width: 100%;
    height: 62px;
    z-index: 9999;
	box-sizing: border-box;
	height: 100px;
	background: rgba(0,0,0,.85);
	margin-top: 5px;
}
#searchbar #searchform #searchsubmit {
    background: url(../siteart/search.png) no-repeat right;
	float: left !important;
    width: 40% !important;
    height: 26px !important;
	padding: 50px 0 !important;
    color: #d73c09 !important;
    border: 0 !important;
    outline: none !important;
    cursor: pointer !important;
}
#searchbar #searchform  .keywords {
	float: left !important;
	width: 60% !important;
    border: 0 !important;
    outline: none !important;
	padding: 34px 25px !important;
	box-sizing: border-box !important;
    font-size: 20px !important;
    line-height: 28px !important;
	color: #fff !important;
	background: none !important;
	font-family: 'Montserrat', sans-serif!important;
	height: auto !important
}
#searchbar ::-webkit-input-placeholder{color: #fff;}
#searchbar :-moz-placeholder{color: #fff;}
#searchbar ::-moz-placeholder{color: #fff;}
#searchbar :-ms-input-placeholder{color: #fff;}




/*---HOME PAGE ----------------------------------*/
/*--slider--*/
.cycle-slideshow {width: 100%; position: relative;}
.cycle-slideshow img{width: 100%;}


.hero-overlay{	
	position: absolute;
	z-index: 998; 
	float: left;
	text-align: left;
	height: 100%;
	width:33%;
    top: 12vw;
    left: 5%;
	transform: translateX(-100px);
	animation: loadIn 2.50s ease 0s forwards;
}


hr.red{border: 3px solid #ff1e27; width: 240px; margin-bottom: 12px; float: left; display: block}
.hero-overlay h1{font-size: 60px; font-weight: 600;  line-height: 90%; margin: 10px 0;}
.hero-overlay p{font-weight: 700; width: 80%;}


@keyframes loadIn {
  0% {transform: translateX(-120px);} 
  100% {transform: translateY(0px);}
}

/*--categories and quick links--*/
.categories{display: flex; align-items: center; margin-top: -30px; position: relative; z-index: 998; padding-bottom: 50px;}
.cat{width: 25%; justify-content: flex-start; background: #dadada; text-align: center; color: #000; margin: 0 5px; padding-bottom: 10px;}
.cat h2{font-size: 20px; letter-spacing: 1px}
.cat img{max-width: 180px; position: relative; margin-top: -65px; z-index: 99}
.cat img:hover{transform: scale(1.12); transition: all .7s ease-in-out; filter: grayscale(80%);}


.categories.inv{display: flex; align-items: center; margin-top: 60px; position: relative; z-index: 998; padding-bottom: 50px;}
.categories.inv .cat{width: 33%;}
.categories.inv .cat img{max-width: 150px; position: relative; margin-top: -40px; z-index: 99}


/*---pop up styles-----------------*/
#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}


#light {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	width: 90%;
	max-width: 700px;
	border: 2px solid #FFF;
	background: #FFF;
	z-index: 1002;
	overflow: visible;
	text-align: left;
	margin: 0 auto;
}
#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}
#boxclose:hover{background: #ff1e27}


#fade:hover ~ #boxclose {
  display:none;
}



.pop-search #search,.pop-search #submit{display:inline-block; vertical-align:middle; padding:0.5% 1%; border:none; 
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.pop-search #search{width:60%; color:#969696; font-family: 'Montserrat', sans-serif !important; background: #e6e6e6; padding: 15px 0 15px 15px; font-weight: 700}
.pop-search #submit{width:100px; margin-left:5px; background:#000; padding:11px 15px; font-family: 'Teko', sans-serif; color: #fff; font-size: 15px; font-weight:600; letter-spacing: 1px}
.pop-search #submit:hover{background: #ff1e27;}


.ql{display: flex; align-items: center; top: -30px; position: relative; z-index: 99; }
.ql-box{width: 33%; justify-content: flex-start; text-align: center; margin: 0 5px; padding: 65px 0}
.ql-box.eq{background: url(/siteart/equipment-ql.jpg) no-repeat; background-size: cover; color: #fff}
.ql-box.att{background: url(/siteart/attachments-ql.jpg) no-repeat; background-size: cover; color: #000}
.ql-box.deal{background: url(/siteart/deal-ql.jpg) no-repeat; background-size: cover; color: #fff}

.eq-bg{background: url(/siteart/eq-background.jpg) no-repeat center center fixed;}


/*-- keyword search--*/
.def-search{display: flex; align-items: center; width: 60%; margin: 0 auto}

.def-search .left{width:20%; justify-content: flex-start}
.def-search .left h3{font-family: 'Teko', sans-serif; line-height: 22px}
.def-search .left hr{width: 70px;}
.def-search .right{width: 80%; justify-content: flex-start}


#search,#submit{display:inline-block; vertical-align:middle; padding:0.5% 1%; border:none; 
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#search{width:80%; color:#969696; font-family: 'Montserrat', sans-serif !important; background: #e6e6e6; padding: 15px 0 15px 15px; font-weight: 700}
#submit{width:100px; margin-left:5px; background:#000; padding:11px 15px; font-family: 'Teko', sans-serif; color: #fff; font-size: 15px; font-weight:600; letter-spacing: 1px}
#submit:hover{background: #ff1e27;}



/*--fire feature ---*/
.fire-feat {display: flex; align-items: center}
.fire-feat .left{justify-content: flex-start; width: 55%;}
.fire-feat .left p{width: 80%}
.fire-feat .right{justify-content: flex-start; width: 45%; text-align: center}
.fire-feat .right .cycle-slideshow{width: 95%; position: relative; z-index: 9999; margin:0 auto -120px auto}
.fire-feat .right .lightgray-bg {background: #dadada;  width: 100%; height: 100px; padding-bottom: 15px}

.cycle-pager { 
    text-align: center; 
	width: 100%; 
	z-index: 500; 
	bottom: -10px; 
	overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; 
	font-size: 45px; 
	width: 18px; 
	height: 16px; 
    display: inline-block; 
	color: #000; 
	cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #ff1e27;}
.cycle-pager > * { cursor: pointer;}

/*--trygg banner--*/

.trygg{ margin: 0 auto; text-align: center; position: relative; z-index: 99;}
.trygg img{width: 100%; display: block; margin: 0 auto}
.trygg:hover{opacity: .8}

/*-- contact feature --*/
.contact-feat{display: flex; align-content: center; margin: 0 auto; padding:250px 0 150px 0}
.contact-feat .left{justify-content: flex-start; width: 65%; background: rgba(218,218,218,.8);}
.contact-feat .left .wrapper-inner, .contact-feat .right .wrapper-inner{width: 90%;}
.contact-feat .right{justify-content: flex-start; background: rgba(75,75,75,.8); width: 35%; color: #fff;}
.contact-feat .right .col1{display: inline-block; vertical-align:middle; width: 40%;}
.contact-feat .header-right .col1 img{width: 95%;}
.contact-feat .right .col2{display: inline-block; vertical-align:middle; width: 40%; margin-left: 15px}
.contact-feat .left #black-btn{width: 100% !important; display: block; padding: 10px 0px; text-align: center}


/*---FINANCING -----------------------------*/
.title{display: flex; margin-bottom: 15px;}

.title .left{justify-content: flex-start; width: 50%;}

.title .right{justify-content: flex-start; width: 50%; text-align: right}
 
#currency{width: 100%; max-width: 300px; margin: 20px 0}



/*---FIRE SUP PAGE -----------------------------*/
.fire{display: flex; padding: 10px 0}

.fire .left{justify-content: flex-start; width: 65%; margin-right: 10px}

.fire .right{justify-content: flex-start; width: 35%; text-align: right}
.fire .right img{width:95%; max-width: 200px;}
.fire .right .cycle-slideshow img{max-width: 100%;}

.fire .vid{justify-content: flex-start; width: 33%; margin-right: 8px }
.fire .vid:last-child{margin-right: 0px }

#fire-vid{width: 100%; height: 550px}

/*--- CONTACT ------------------------------*/
.contact{display: flex;}

.contact .left{justify-content: flex-start; width: 30%;}
.contact .left img{width:100%; max-width: 200px}

.contact .right{justify-content: flex-start; width: 70%;}


/*--inv landing pages--*/
.inv-wrapper{margin: 0 auto; text-align: center; display: flex; padding: 10px 0 ;}

.inv-box {position: relative; width: 30%; flex: 1; margin: 5px 15px 5px 0; background: #fff; border: 1px solid #eee;}
.inv-box img {display: block; width: 100%;text-align: center;}
.inv-box h2{font-size: 24px;}

.inv-box .overlay {
text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255,255,255, .95);
color: #000;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.inv-box .overlay .inner{width: 80%; margin: 10px auto 0 auto}
.inv-box .overlay .inner h4{font-size: 16px; line-height: 35px;}
.inv-box .overlay .inner h4:hover{color: #ff1e27}

.inv-box:hover .overlay {height: 100%;}


.inv-box .inv-title{color: #ff1e27; padding: 20px 0; text-align: left; margin-left: 10px;display: block; text-transform: uppercase}

a.inv-box{text-decoration: none;}




/*-- FOOTER ------------------------------------*/
.foot-logo{ text-align: center;}
.foot-logo img{ text-align: center; margin: -45px auto 0 auto; position: relative;}

.footer{display: flex; margin: 0 auto; align-items: center; width: 80%;padding-bottom: 40px;}

.footer .left{justify-content: flex-start; width: 50%;}
.footer .left .foot-col{display: inline-block; vertical-align: top; width: 45%;}
.footer .right{justify-content: flex-start; width: 50%;}



/*---FORMS -----------------------------------*/
.form-row{display: flex;}
.formfield{flex: 1; font-family: 'Montserrat', sans-serif; position: relative; padding: 5px 0; margin: 5px 5px 5px 0; font-size:13px;}


.formfield input, .formfield select  {
	width: 100%;
	padding: 10px 0;
	border:1px solid #134773;
	background:#fff;	
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
}

input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
.formfield textarea {
	width: 100%;
	padding: 10px 0;
	border:1px solid #134773;
	font-weight: 700;
	color:#000;
	background:#fff;
	font-family: 'Montserrat', sans-serif;
    height:85px;	
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
} 

form input.button,
form input.button:focus {
	float: none;
    width:160px;
	font-family: 'Teko', sans-serif;
    margin:0 auto;
    background: #000; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:15px;
	padding: 10px 20px;
	font-weight: 700;
	letter-spacing:2px;
	text-align: center;
	display: block;
	border: none;
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
}
form input.button:hover {
    padding:10px 0px;
    background: #ff1e27; /* For browsers that do not support gradients */
	margin: 0 auto;
	text-align: center;
	display: block;
	transition: all .8s ease; 
}

/*control the Captcha */

.CaptchaPanel {margin: 0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000 !important;width: 100%;  text-align:left;}
.CaptchaPanel input{width: 100% !important; max-width: 300px;}
.CaptchaImagePanel {
	
margin-top: 10px;
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;
text-align: center;
	color: #000 !important
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 auto;
	padding:10px 0 10px 0 !important;
	width: 100%;
	float: right;
	display: block;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 





/*---RESPONSIVE STYLES ------------------------------*/
@media screen and (max-width: 1500px){
.def-search{display: flex; align-items: center; width: 90%; margin: 0 auto}
#search{width: 60%;}
	

.inv-box .overlay .inner h4{font-size: 14px; line-height: 24px;}	
.inv-box h2{font-size: 22px;}

}

@media screen and (max-width: 1250px){
	
.wrapper-inner, .wrapper-center{width: 92%;}

.contact-feat .right .col1{display: block; vertical-align:middle; width: 40%;}
.contact-feat .right .col2{display: block; vertical-align:middle; width: 40%; margin-left: 0}
	

.hero-overlay{width:50%; top: 5vw;}
		
}


@media screen and (max-width: 1200px){
.header-left{width: 50%} 
.header-right{width: 50%;} 
	
/*--categories--*/
.categories{display: flex; align-items: center; margin-top: -30px; padding-bottom: 50px;}
.cat h2{font-size: 16px;}
.cat img{max-width: 120px; margin-top: -50px;}
	
}



@media screen and (max-width: 900px) {	
#pad{padding: 20px 0;}
#l-pad{padding: 35px 0;}
#xl-pad{padding: 50px 0;}

.hero-overlay{width:60%; top: 3vw;}
hr.red{width: 200px; margin-bottom: 12px; float: left; display: block}
.hero-overlay h1{font-size: 30px; line-height: 90%; margin: 10px 0;}	

/*--categories and quick links--*/
	
	
.categories{display: block; align-items: center; margin-top: 0; padding: 20px 0 10px 0;}
.cat{width: 100%; justify-content: flex-start; background: #dadada !important; margin: 8px 0; display: block; padding:10px 0;}
.cat h2{font-size: 20px; letter-spacing: 1px}
.cat img, .cat br{display: none}
.cat:hover{background: #fff !important; color: #000}
	
	
.categories.inv{display: block; margin-top: 0; padding-bottom: 10px;}
.categories.inv .cat{width: 100%; justify-content: flex-start; background: #dadada !important; margin: 8px 0; display: block; padding:10px 0;}
.categories.inv .cat img{display: none}	
	.categories.inv .cat:hover{background: #f3f3f3 !important;}	
		
	
.ql{display: block;  top: -30px; position: relative;}
.ql-box{width: 100%; justify-content: flex-end; text-align: center; margin: 8px 0; padding: 85px 0;}
	
	
	
/*--fire feature ---*/
.fire-feat {display: block;}
.fire-feat .left{justify-content: flex-end; width: 100%; margin-bottom: 50px}
.fire-feat .left p{width: 100%}
	
.fire-feat .right{justify-content: flex-end; width: 100%; text-align: center}
	
	
/*--contact feature ---*/
.contact-feat{display: block; padding: 80px 0}
.contact-feat .left{justify-content: flex-end; width: 100%;}
.contact-feat .right{justify-content: flex-end; width: 100%;}
.contact-feat .right .col1{display: inline-block; vertical-align:middle; width: 40%;}
.contact-feat .right .col2{display: inline-block; vertical-align:middle; width: 40%; margin-left: 5px}
	
	
/*-- keyword search--*/
.def-search{display: block;}
.def-search .left{width:100%; justify-content: flex-end}
.def-search .left h3 br{display: none}
.def-search .left hr{width: 70px;}
.def-search .right{width: 100%; justify-content: flex-end; margin-top: 30px}
#search{width: 98%; padding: 15px 0 15px 15px}
#submit{width:100%; padding: 10px 0; margin: 15px 0 0 0;}

	
	
/*--- CONTACT ------------------------------*/
.contact{display: block;}

.contact .left{justify-content: flex-end; width: 30%;}
.contact .left img{width:100%; max-width: 200px}

.contact .right{justify-content: flex-end; width: 100%; margin-top: 30px}
.contact-card{display: block; width: 100%; border: 2px solid #ccc; margin: 10px 0;}
.contact-card .left{display: inline-block; width: 20%; vertical-align: middle;}
.contact-card .left img{width:60px; padding: 20px 30px 0 10px;}
.contact-card .right{display: inline-block; width: 75%; vertical-align: middle;}

.contact-card a:hover{color: #faa61b;}


/*-- FOOTER ------------------------------------*/
.foot-logo img{ margin: -35px auto 0 auto; }

.footer{display: block; margin: 0 auto; align-items: center; width: 92%; padding-bottom: 40px; text-align: center}

.footer .left{justify-content: flex-end; width: 100%; margin-bottom: 15px;}
.footer .left .foot-col{display: block; vertical-align: top; width: 100%; margin-bottom: 10px}
.footer .right{justify-content: flex-end; width: 100%;}
	
	
	

/*--inv landing pages--*/
.inv-wrapper{display: block;}
.inv-box {position: relative; width: 45%; display: inline-block; flex: 0; margin: 5px 15px 5px 0; background: #fff; border: 1px solid #eee; vertical-align: top}	
	
}


@media screen and (max-width: 700px) {
#searchbar{border-top: 1px #fff solid;}
#searchsubmit{width: 25%;}
.keywords{width: 75%;}
	
	
.form-row{display: block;}
.formfield{flex: 0; width: 100%; margin: 5px auto;}

	
	.hero-overlay{position: relative; top: 0; color: #fff; background: #000; float: none; width: 100%; max-width: 100%; padding: 20px 0 10px 0; left: 0; 
	transform: none; animation: none; z-index: 9}	
	.hero-overlay hr{margin-left: 18px}
	.hero-overlay h1, .hero-overlay p{width: 92%; margin: 0 auto}



/*---FINANCING -----------------------------*/
.title{display: block; margin-bottom: 15px;}

.title .left{justify-content: flex-end; width: 100%;}
.title .right{justify-content: flex-end; width: 100%; text-align: left; margin: 15px 0 0 0 !important}
	.title .right #red-btn{margin: 0}
#currency{width: 100%; max-width: 300px; margin: 20px 0}



/*---FIRE SUP PAGE -----------------------------*/
.fire{display: block; padding: 10px 0}

.fire .left{justify-content: flex-end; width: 100%; margin-right: 0}
.fire .right{justify-content: flex-end; width: 100%; text-align: left; margin-top: 30px;}
.fire .right .cycle-slideshow img{max-width: 100%;}

.fire .vid{justify-content: flex-end; width: 100%; margin-right: 0}

#fire-vid{width: 100%; height: 250px;}

	
	
/*--inv landing pages--*/
.inv-box {width: 100%; display: block; margin: 15px auto;}	
.inv-box .overlay .inner h4{font-size: 15px; line-height: 30px;}	

}

@media screen and (max-width: 480px) {
#top-social .fa, #top-social .fab{font-size: 18px;}
#top-search .fa{font-size: 18px;}

	
#searchbar{border-top: 1px #fff solid;}
#searchsubmit{width: 15%;}
.keywords{width: 75%;}
	

.header-left{width: 65%} 
.header-right{width: 35%;} 
	h2{font-size: 21px;}
	
	
.contact-feat .right .col2 p a{font-size: 11px;}
	
}