@charset "utf-8";
/* CSS Document */
:root {
	--dkRed: #990000;
}
/* top bar */
	#sp-top-bar {font-size: 24px;}

/* Header */
	#preheader  {
		background-color: #000;
		color:white;
		padding:30px 10px;
	}
	#preheader .sp-contact-info li a {font-family:Arial, Helvetica, sans-serif;}
	#preheader .sp-contact-info li {
		display:block;
		margin: auto;
		text-align:center;
		font-size:1.0em;
		padding:8px 0;
	}
	#preheader .sp-contact-info li {background-color:red; border: 1px solid white; width:100%; margin:10px auto; font-weight:600;}
	#preheader .sp-contact-info li a {color:#ccc;}
	#preheader .sp-contact-info li a:hover {color:white;}
	#preheader .sp-contact-info li.sp-contact-email a {font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}
	.logoCaption {font-size:1.1em; text-align:center; margin:3px auto;}
	.logoCaption.bold {font-weight:bold; font-size:1.8em;}
	
	/* Header */
	#sp-header {background-color: #888; color:white; transition: all .75s ease; z-index:100; border-bottom:2px solid black; box-shadow: 0 0 15px rgba(0,0,0,.9);}
	#sp-header.header-sticky.hide {top: -100px;}

/* Right */
	#sp-left, #sp-right {margin-top: 20px; }
	#sp-left .sp-module,
	#sp-right .sp-module {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight:500;
		border-radius: 10px;
		border: 1px solid #999;
		background-color: #222;
		padding:0;
		color: #222;
		margin-bottom: 40px;
	}
	#sp-left .sp-module .sp-module-title,
	#sp-right .sp-module .sp-module-title {
		display:block;
		font-weight:600 !important;
		margin:0 auto;
		text-align:center;
		padding:10px;
		font-size: 22px;
		font-weight: 700;
		color:#f0f0f0;
	}
	#sp-left .sp-module-content,
	#sp-right .sp-module-content {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		background-color:white;
		padding:10px 20px;
		text-align: center;
	}
	#sp-left .sp-module-content img,
	#sp-right .sp-module-content img {
		margin:0 auto 10px; text-align:center;
	}
	#sp-left .sp-module ul > li,
	#sp-right .sp-module ul > li {
	  display: block;
	  padding: 5px 10px;
	  border-bottom: 1px solid #ccc;
	  color:#222;
	}
	#sp-left .sp-module ul > li > a,
	#sp-right .sp-module ul > li > a {
		line-height: 25px;
	}
	/* Nav Menu Items */
	.time-inner span {font-weight:600;}
	.sp-megamenu-parent li.sp-menu-item a {
		color:#ddd;
		line-height:2em;
		height:auto;
		padding:5px 15px;
		margin: auto 5px;
	}
	.sp-megamenu-parent li.sp-menu-item li.sp-menu-item {border-bottom: 1px solid #ccc; padding:5px 10px;}
	.sp-megamenu-parent li.sp-menu-item a:hover {color:white;}


	#sp-left .sp-module ul > li.active,
	#sp-right .sp-module ul > li.active,
	#sp-left .sp-module ul > li.current,
	#sp-right .sp-module ul > li.current,
	#sp-left .sp-module ul > li.active:hover,
	#sp-right .sp-module ul > li.active:hover,
	#sp-left .sp-module ul > li.current:hover,
	#sp-right .sp-module ul > li.current:hover,
	
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active,
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active:hover,
	.sp-menu-item.current-item.active,
	.sp-menu-item.current-item.active:hover {
		background-color:#ddd;
	}

	#sp-left .sp-module ul > li:hover a,
	#sp-right .sp-module ul > li:hover a,
	#sp-left .sp-module ul > li.active a,
	#sp-right .sp-module ul > li.active a,
	#sp-left .sp-module ul > li.current a,
	#sp-right .sp-module ul > li.current a,
	.sp-megamenu-parent .sp-menu-item.current-item.active a,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active a, 
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover a,
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active a,
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active:hover a,
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active div.sp-dropdown li.sp-menu-item.active a,
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active div.sp-dropdown li.sp-menu-item.active:hover a,
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active div.sp-dropdown li.sp-menu-item:hover a {
		color: var(--dkRed) !important;
		font-weight:bold;
	}
	.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
		border:1px solid grey;
		box-shadow:0 0 10px rgba(0,0,0,.5);
		z-index:90;}
		
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active div.sp-dropdown li.sp-menu-item a {
		color: #222 !important;
		font-weight:600;
	}

	/* off canvas */
	.offcanvas-menu .offcanvas-inner {padding: 10px 20px;}
	.offcanvas-menu .offcanvas-inner ul.menu > li a,
	.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child li a,
	.offcanvas-menu .offcanvas-inner ul.menu > li.active ul.menu-child li a {
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		color:#222 !important;
		padding: 10px 15px;
		font-weight:500;}
	.offcanvas-menu .offcanvas-inner ul.menu > li:hover a,
	.offcanvas-menu .offcanvas-inner ul.menu > li.active a,
	.offcanvas-menu .offcanvas-inner ul.menu > li.active ul.menu-child li.current.active a,
	.offcanvas-menu .offcanvas-inner ul.menu li ul.menu-child li:hover a {
		color: var(--dkRed) !important; font-weight:bold;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.active {background-color:#ddd;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.active ul.menu-child li.current.active {background-color:#eee; border:1px solid rgba(0,0,0,.12);}
	body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {margin: auto 10px;}
	.offcanvas-menu ul.menu-child li {border-bottom: 1px solid #ccc; padding:7px 0;}
	body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler {right:0;}
	
/* Title */
	#sp-title {padding:25px 40px; background-color:#ddd; text-align:center;}
	#sp-title h1 {font-size:1em; color:black; line-height:1.6em; font-weight:600; margin-bottom:0;}
	#sp-title h1 span.larger {font-size:2em; font-weight:700;}
	
/* Main Body */
	
	.article-social-share .social-share-icon ul li a {
		background-color:white;
		color: var(--dkRed);
		border: 2px solid var(--dkRed);
	}
	.article-social-share .social-share-icon ul li a:white {
		background-color:var(--dkRed);
		color: white;
		border: 2px solid white;
	}
	.article-details .article-ratings-social-share {
	  border-top: 1px solid rgba(0,0,0,.3);
	  border-bottom: 1px solid rgba(0,0,0,.3);
	}
	

		
	body {background: #eee url(../../../images/BG.jpg) repeat;}
	#sp-main-body {padding: 0 15px;}
	.container {max-width: none;}
	h2,h3,h4,h5,h6 {font-weight:700;}
	a:link, a:visited, a:focus {color: var(--dkRed); font-weight:600;}
	a:hover {color: red;}
	.lead {font-size: 1rem;}
	.lead strong{font-weight:bold;}
	ul.menu-child {padding:10px 5px !important; border-top:1px solid black;}
		
	/*#services {padding:5px 10%;}*/
	#advantages h4, #services h4, .well-light h4 {
	  background-color: #333;
	  color: white;
	  padding: 5px;
	  text-align:center;
	  margin-bottom:15px;
	}
	#advantages #our-certifications, #advantages #quality-guarantee, #advantages #committed-to-safety {
		background-color: #333;
		border: 1px solid black;
		color: white;
		padding:15px 10px;
		margin-bottom:15px;
	}
	#advantages hr {margin-bottom:30px;}
	#services .well-light .item {font-family: Arial, Helvetica, sans-serif;}
	ul.largeList li {
		font-size: 1.4em;
		line-height: 1.4em;
		padding: 0 10px;
		color: #333;
	}
	#specialties [class^="col-"] {
		margin-bottom:30px;
	}
	#specialties a .sp-wrapper {transition: all .5s ease; transform: scale(1); box-shadow: 0 0 0 rgba(255,255,255,.3);}
	
	.sp-wrapper {
	  width: 100%;
	  max-width: 100%;
	  padding: 10px 15px;
	  background-color: white;
	  text-align: center;
	  border: 1px solid rgba(0,0,0,.3);
	}
	#specialties a:hover .sp-wrapper {background-color:#eee; transform: scale(1.1); box-shadow: 0 10px 15px rgba(0,0,0,.3);}
	#services.well {padding:10px 15px;}
	#services.well ul {margin-left:5px;} 
	#services.well li {}
	
	/* loading ramps */
	.justify section {margin:30px 10px; text-align:justify;}
	.justify section:first-child {margin:20px 0;}
	.justify section span.lead, .justify section p.lead {font-size:110%; display:block; font-weight:bold; margin-bottom:15px;}
	.justify section h2 {background-color:black; color:white; text-decoration:none; text-align:center; padding:15px 0; margin-bottom:20px;}
	img.bwFloatRight {
	  float: right;
	  margin: 0 0 20px 40px;
	}
	img.bwFloatLeft {
	  float: left;
	  margin: 0 40px 20px 0;
	}
	.justify .industry {display:block; margin:inherit auto; text-align:center;}
	.justify .industry i {font-size:6em;}
	#loading-ramp-quotes {padding:20px; background-color:black !important; color:white !important;}
	#loading-ramp-quotes img, #loading-ramp-quotes .btn, img.img-quote {display:block; margin:auto; text-align:center; padding:10px 0; transition:all .5s ease;}
	#loading-ramp-quotes img:hover, img.img-quote:hover {scale:1.1;}
	#loading-ramp-quotes .btn {width:80%;}
	
/* News */
	#adminForm .d-flex.justify-content-between.align-items-centerd-flex {border-bottom:2px solid grey;}
	table.category thead tr {background-color:black;}
	table.category thead tr a {background-color:transparent; color:white; padding:5px 10px;}
	table.category thead tr a:hover {background-color: var(--dkRed); color:white;}
	table.category tbody tr td {background-color:white; border:1px solid #aaa;}
	table.category tbody td span.badge.bg-primary {background-color: #900 !important;}
	
/* Contact Page */
	.com-contact.contact h3 {background-color:#333; padding:5px 10px; color:white;}
	.com-contact.contact h4 {background-color:transparent; color:black; text-transform:uppercase; text-decoration:underline;}
	.icon-info-circle {display:none;}
	form#contact-form {background-color:#ddd; padding:10px;}
	.com-contact .customMessage.small {margin-top:10px; font-weight:bold; text-align:center;}
	#map {border: 2px solid grey; width:100%; height:454px; margin-bottom:10px;}
	.dl-horizontal dd, .dl-horizontal dt {display:inline-block;}
/* Terms */
	h2#terms-and-conditions, h2#privacy-policy {background-color:black; color:white; padding:10px 15px; margin-bottom:20px;}
	
/* module - HOME Contact */
	section#sp-contact {
		background: #ccc url(../../../images/BurndRed-Welding-and-Fabrication-bg.jpg) center center;
		background-attachment: fixed;
		background-size: cover;
		padding:80px 40px; margin:0;
		}
	section#sp-contact p,
	section#sp-contact h3 {
		background-color:rgba(0,0,0,.5);
		color: #eee;
		padding:3px 10px;
		text-shadow: 0 0 5px black;
	}
	section#sp-contact .btn {text-shadow:none;}
	section#sp-contact .block {
		display:inline-block;
		width:auto;
		text-align:center;}
		
/* module - table specs */
	table#tbl-rampspecs {background-color:white; border:2px solid rgba(0,0,0,.5); text-align:center; box-shadow:0 5px 15px rgba(0,0,0,.5);}
	table#tbl-rampspecs thead tr,
	table#tbl-rampspecs tr th {
		border:2px solid rgba(255,0,0,.9);
		}
	table#tbl-rampspecs tr.title {
		font-size:130%;
		text-transform:uppercase;
		font-weight:bold;
		color:white;
		background-color: var(--dkRed) !important;
	}
/* blog */
	#blog #hdlr-service-areas img {border:none !important;}
	#blog section {margin:90px 20px;}
	#blog section:first-child {margin:20px 0;}
	#blog section span.lead, #blog section p.lead {font-size:120%; display:block; font-weight:bold; margin-bottom:15px;}
	#blog #hdlr-service-areas {
		background: #000 url(../../../images/Burndred-Welding-Distribution-BG.jpg) center center;
		background-size: cover;
		border:1px solid grey;
	}
	#blog #img-distribution {}
	#blog {text-align:justify;}
	#blog #bw-quote-section.well.well-light {background-color:rgba(102,0,0,1); color:white;}
	#blog #bw-quote-section.well.well-light h2 {text-decoration:none; background-color:red; padding:10px;}
	#blog #bw-quote-section.well.well-light h3 {text-decoration:none; text-align:center; background-color:#500; padding:5px;}
	#blog #bw-quote-section.well.well-light h4 {background-color:transparent; text-decoration:underline;}
	#blog #bw-quote-section.well.well-light [class^="col-"] {padding:10px 35px !important;}
	#blog #bw-quote-section.well.well-light input {border:2px solid #333; background-color:#ddd;}
	#blog #bw-quote-section.well.well-light input:focus {border-color:red; background-color:white;}
	#blog #bw-quote-section #quote-form {background-color:rgba(0,0,0,.4) !important; padding:20px 30px !important;}
	#blog #hdlr-service-areas h2 {background-color:red; color:white; text-decoration:none; padding:15px 0; margin-bottom:20px;}
	#blog #bw-quote-section .form-label {font-weight:bold; color:white; margin-bottom:.1em;}
	#blog #bw-quote-section .form-text {font-size:.7em !important; color:#ddd;}
	#blog #hdlr-service-areas p {background-color:black; color:white; padding:5px 10px; text-align:justify;}
	#blog #hdlr-service-areas h3 {background-color:black; color:red; padding:5px 10px;}
	#blog #hdlr-specifications, #blog #hdlr-benefits, #blog #hdlr-weight-specs, #blog #hdlr-what-are, #blog #hdlr-ramp-uses, #blog #hdlr-howtochoose, #blog #hdlr-questions, .justify section {
		background-color:rgba(255,255,255,.7);
		border:2px solid rgba(255,0,0,.3);
		box-shadow:0 10px 15px rgba(0,0,0,0.4);
		padding:10px 20px;}
	#blog #hdlr-ramp-uses .industry {margin:20px auto; }
	#blog #hdlr-ramp-uses i {display:block; font-size:4em; text-align:center; padding-bottom:8px;}
	#blog #hdlr-ramp-uses p.lead {font-size:1em; font-weight:bold; text-align:center;}
	
	#blog #hdlr-specifications h2,
	#blog #hdlr-benefits h2,
	#blog #hdlr-weight-specs h2,
	#blog #hdlr-what-are h2,
	#blog #hdlr-ramp-uses h2,
	#hdlr-howtochoose h2,
	#hdlr-howtochoose h3,
	#hdlr-questions h2 {
		background-color:black;
		padding:10px 15px;
		color:white;
		text-decoration:none !important;
	}

	#blog #hdlr-benefits .well.well-light {background-color:#ddd;}
	#blog #ramp-max-weight {float:right; margin:0 0 20px 30px; border:1px solid grey;}
	#blog #moveable-ramps-warning {float:right; margin:0 0 20px 30px}
	#blog #portable-docks-safe {float:left; margin:0 30px 20px 0;}
	#blog [id^="hdlr"] {text-align:justify;}
	#blog .form-text{font-size:.9em;}
	#blog #calltoaction {background-color:black; border:2px solid red !important; padding:60px 20px; color:white;}
	#blog #calltoaction .quote {font-weight:400 !important;}
	#blog #calltoaction i {font-size:8em; text-align:center;}
	#blog h2 {text-align:center; text-decoration:underline; margin-bottom:15px;}
	.container-fluid {padding:20px 5px;}
	#blog .benefit {
		position:relative;
		text-align:center;
		margin-bottom: 20px;
		background-color: orange;
		padding-bottom: 20px;
		border-radius: 20px;
		box-shadow: 0 5px 15px rgba(0,0,0,.5);
	}
	#blog .benefit svg {
		transform: scale(.75);
		opacity: 1;
		transition: all .5s ease;
	}
	.svg {
		height:auto;
		width:auto;
		opacity: 1;
		z-index: 120;
	}
	#blog .benefit h3 {margin-top:-10px; font-size:1.6rem;}
	#blog ul.checkmark li {
		list-style: none;
		background: url("../../../images/checkMark.gif") no-repeat left top;
		font-weight: 600;
		font-size: 1.1rem;
		/*height: 70px;*/
		text-align:justify;
		padding-left: 50px;
		padding-right:50px;
		margin-bottom:15px;
	}
	#hdlr-questions a {
	  text-align: center;
	  display: block;
	}
	#hdlr-questions a i {font-size:4em;}
	
/* Bottom */
	#sp-bottom .sp-module ul.inline > li.menu-parent {display:none;}
	#sp-bottom .sp-module ul.inline > li a.hide {display:block !important;}
	#sp-bottom, #sp-footer {
	  padding: 20px 20px;
	  border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
	#sp-bottom {padding-top:40px !important;}
	#sp-bottom .sp-module-title {
		padding:0 0 5px;
		border-bottom:2px solid var(--dkRed);
		text-align:center;
		font-size:1.6em !important;}
	#sp-bottom .sp-module ul.inline  > li {
	  display: inline-block;
	  margin-bottom: 15px;
	  width: 49%;
	}
	#sp-bottom .btn.btn-primary {background-color:red; border:1px solid white; color:white; font-weight:600; transition: all .75s ease;}
	#sp-bottom .btn.btn-primary:hover {background-color:white; border:1px solid red; color:red;}
	#sp-bottom2 .sp-module:last-child {margin-top:-25px;}
	#sp-bottom .sp-module ul  > li {text-align:center;}
	#sp-bottom .sp-module ul  > li.active a,
	#sp-bottom .sp-module ul  > li.active:hover a,
	#sp-bottom .sp-module ul  > li.current a,
	#sp-bottom .sp-module ul  > li.current:hover a {
		background-color:#ddd;
		color:var(--dkRed);
		padding:3px 0;}
	#sp-footer {background-color:#222;}
	#sp-footer1 .sp-copyright,
	#sp-footer2 .hosting {
		display:block;
		text-align:center;
		font-size:15px;
		padding: 3px 0;}
	#bottomMapLink a img {
	  display: block;
	  width: 50%;
	  margin: -10px auto 0;
	  text-align: center;
	  filter: grayscale(90%);
	  transition: all .7s ease;
	}
	#bottomMapLink a img:hover {filter: grayscale(0); transform: scale(1.1);}
	#sp-bottom a.btn {display:block; width:80%; color:white; margin:10px auto;}
	#contactLogo img {display:block; width:80%; margin:auto;}
		
/* classes */
	img.thumbnail, .sp-wrapper, #blog #hdlr-service-areas, #blog img {
		-webkit-border-radius: 10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	.red, span.star {color:#C00;}
	.hidden {display:none;}
	.current, .active {cursor:default;}
	.highlight {
	  color: var(--dkRed);
	  text-shadow: 2px 1px black;
	  padding-bottom:40px;
	}
	.larger {font-size:150%; margin:20px auto;}
	.arial-black {
	  font-family: "Arial Black", Gadget, sans-serif;
	  font-weight: bold;
	}
	.well-light {
	  border: 1px solid #999;
	  padding:15px;
	  background-color:white;
	  box-shadow: 0 6px 12px rgba(0,0,0,.3);
	  background-color:white;
	}
	.well-light .well-light {background-color:#ddd;}
	.well-light p.lead strong {font-weight:bold; font-size:1.4em;}
	#mission.well-light {padding:30px; margin-bottom:20px;}
	#mission.well-light p {font-size:.9em !important; max-width:90%;}
	#mission .lead.quote:before {content: "";}
	.quote {position:relative; display:block; margin:auto; font-size:140%; font-style:italic; font-weight:700; max-width:100%; text-align:justify; z-index:10;}
	.quote:before {position:absolute; top:-72px; left:-85px; content:'“'; font-size:2em; color:rgba(255,255,255,.4); z-index:0;}
	.btn-outline-danger {background-color: white; font-weight:600; border:2px solid var(--dkRed); color: var(--dkRed);}
	.btn-outline-danger:hover {background-color: var(--dkRed); border:2px solid white; color: white;}
	img.thumbnail {border:1px solid grey !important; margin:0 auto 15px; width:100%;}
	.img-responsive {display:block; width:100%; margin:auto; padding-bottom:15px;}
	.btn-primary {
	  border-color: #ec430f;
	  background-color: #ec430f;
	  color:white !important;
	  font-weight:700;
	}
	.btn-primary:hover {
	  border-color: #ec430f;
	  background-color: white;
	  color: #ec430f !important;
	}
	
@media screen and (min-width: 576px) {
	.lead {font-size: 1.25rem;}
	.container-fluid {padding:20px 20px;}
	#preheader {padding:30px 20px;}
	#sp-main-body {padding: 0 20px;}
	.justify section {margin:30px 20px;}
	.loading-ramp-quotes .btn {width:50%;}
	#bottomMapLink a img {width: 80%;}
	#services {padding:5px 0;}
	#services .well-light .item {font-size:90%;}
	ul.largeList li {font-size: 1.1em;}
	
	
	
}

@media screen and (min-width: 768px) {
	.lead {font-size: 1rem;}
	#preheader .sp-contact-info li {font-size:1.3em;}
	sp-main-body {padding: 0 40px;}
	.logoCaption {font-size: 0.8em;}
	#services .well-light .item {font-family: Arial, Helvetica, sans-serif;}
	.justify section span.lead, .justify section p.lead {font-size:110%;}
	#sp-bottom, #sp-footer {padding: 20px 40px;}
	#bottomMapLink a img {width: 55%;}
	#sp-footer1 .sp-copyright {text-align:left;}
	#sp-footer2 .hosting {text-align:right;}
	.quote {max-width:70%;}
	.quote:before {font-size:6em;}
}

@media screen and (min-width: 992px) {
	.lead {font-size: 1.25rem;}
	#sp-top-bar {font-size: 1rem;}
	#preheader .sp-contact-info li {background-color:transparent; border: none; text-align:right; font-size:1.8em;}
	.justify section span.lead, .justify section p.lead {font-size:120%;}
	.logoCaption {font-size: 1em;}
	.sp-megamenu-parent > li > a,
	.sp-megamenu-parent > li > span,
	.time-inner span {font-size:16px;}
	#bottomMapLink a img {width: 70%;}
	#services .well-light .item {font-size:100%;}
	
}

@media screen and (min-width: 1200px) {
	.container {max-width: 1190px;}
	#preheader .sp-contact-info li {font-size:2.2em;}
	#bottomMapLink a img {width: 70%;}
	ul.largeList li {font-size: 1.4em;}
}

@media screen and (min-width: 1300px) {
	.container {max-width: 1280px;}
}

@media screen and (min-width: 1400px) {
	.container {max-width: 1380px;}
}