html { color: #fff; }
::-moz-selection {  background: #b3d4fc;  text-shadow: none; }
::selection {  background: #b3d4fc;  text-shadow: none; }
hr {  display: block;  height: 1px;  border: 0;  border-top: 1px solid #ccc;  margin: 1em 0;  padding: 0; }
audio,
canvas,
iframe,
img,
svg,
video {  vertical-align: middle; }
fieldset {  border: 0;  margin: 0;  padding: 0; }
textarea {  resize: vertical; }
.browserupgrade {  margin: 0.2em 0;  background: #ccc;  color: #000;  padding: 0.2em 0; }


body, html{  height:100%; margin: 0; padding: 0; }

body { font-family: sans-serif; color: #444; font-size: 15px; }

a:link { text-decoration: none; color: #ac1208; }
a:visited { text-decoration: none; color: #ac1208; }
a:hover { text-decoration: none; color: #ac1208; }
a:active { text-decoration: none; color: yellow; }

h1, h2, h3, h4, h5, h6 { font-weight: lighter; margin: 0;  padding: 0; }

h1 { font-size: 44px; text-transform: uppercase;  font-weight: bold; text-align: center; margin: 15px 0; }
h2 { font-size: 24px; text-transform: uppercase;  text-align: center;  }
h3 { font-size: 22px; text-transform: capitalize; padding-top: 10px; color: #ac1208; font-weight: bold;   }
h4 { font-size: 38px; font-weight: normal; text-align: center; color: white; margin: 50px 0; }
h5 { font-size: 48px; font-weight: bold; }
h6 { font-size: 16px; font-weight: normal; }

p { line-height: 1.3em;  }

ul { list-style: url(/img/li.png); margin: 10px 0 10px 10px; }
li { line-height: 1.5em; }

.pad { padding: 10px; }

/* HEADER */
.header {  margin: 0 auto; width: 100%; min-height: 50px; background-color: #131313; color: white; }
.header	.col-one {  display: inline-block; float: left; width: 50%; min-height: 50px;  position: relative; }
.header	.col-two {  display: inline-block; float: left; width: 50%; min-height: 50px;  position: relative; text-align: right; }

.header .logo { width: 500px; height: 135px; background-color: #ac1208; margin: 20px 0 0 10px; padding: 0;  border-top-left-radius: 10px;  border-top-right-radius: 10px; }
.header .logo img { width: 100%; height: 115px; }
.header .number h6  { margin: 80px 15px 0 0; }
.header .number h5  { margin: 0 15px 0 0; }

.header	a:link    { color: white; }
.header	a:visited { color: white; }
.header	a:hover   { color: #ac1208; }
.header	a:active  { color: yellow; }

@media only screen and (max-width : 768px)  {
		
.header	.col-one { width: 100%; }
.header	.col-two { width: 100%; }
.header .logo { width: 100%; height: auto; margin: 0 0 0 0; padding: 0;  border-top-left-radius: 0;  border-top-right-radius: 0; }
.header .logo .pad { padding: 10px 0; }
.header .logo img { width: 100%; height: auto; }
.header .number h6  { margin: 10px 10px 0 0; }

}
/* HEADER */

/* TOP NAV */
.topnav {  background-color: #333;  overflow: hidden;}
.topnav a {  float: left;  display: block;  color: #f2f2f2;  text-align: center;  padding: 11px 15px 10px 15px;  text-decoration: none;  font-size: 15px;}
.topnav .icon {  display: none; }
.dropdown {  float: left;  overflow: hidden; }
.dropdown .dropbtn {  font-size: 15px;   border: none;  outline: none;  color: white;  padding: 10px 15px;  background-color: inherit;  font-family: inherit;  margin: 0; }
.dropdown-content {  display: none;  position: absolute;  background-color: #f9f9f9;  min-width: 160px;  box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.2);  z-index: 1;}
.dropdown-content a {  float: none;  color: black;  padding: 8px 15px;  text-decoration: none;  display: block;  text-align: left;}
.topnav a:hover, .dropdown:hover .dropbtn {  background-color: #555;  color: white;}
.dropdown-content a:hover {  background-color: #ddd;  color: black;}
.dropdown:hover .dropdown-content {  display: block;}

@media screen and (max-width: 760px) {
  .topnav a:not(:first-child), 
  .dropdown .dropbtn {  display: none; }
  .topnav a.icon { text-align: right; width: 13px; float: right; display: block; }
}

@media screen and (max-width: 760px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {    position: absolute;    right: 0;    top: 0;  }
  .topnav.responsive a {    float: none;    display: block;    text-align: left;   }
  .topnav.responsive .dropdown {float: none;  }
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {    display: block;    width: 100%;    text-align: left;  }
}
/* TOP NAV */

/* HERO SLIDER */
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
figure {   margin: 0;  }
div#captioned-gallery {  width: 100%; overflow: hidden; margin: 0; padding: 0; }
figure.slider { position: relative; width: 500%; font-size: 0; animation: 30s slidy infinite; }
figure.slider figure { width: 20%; height: auto; display: inline-block; position: inherit; }
figure.slider img { width: 100%; height: 490px; }
figure.slider figure figcaption {  position: absolute; bottom: 0; width: 100%;  margin: 0; padding: 0; }

@media screen and (max-width: 769px) {
figure.slider img { height: 350px; }
}

.hero-slide1,  
.hero-slide2,  
.hero-slide3,   
.hero-slide4 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.hero-slide1 { background: url(/img/hero-jib-crane.jpg) no-repeat center center;   }
.hero-slide2 { background: url(/img/hero-overhead-cranes.jpg) no-repeat center center;  }
.hero-slide3 { background: url(/img/hero-hoists.jpg) no-repeat center center;  } 
.hero-slide4 { background: url(/img/hero-accessories.jpg) no-repeat center center;   }
/* HERO SLIDER */

/* HERO */
.page-hero { margin: 0 auto; padding: 0; width: 100%; height: 490px; white-space: nowrap; text-align: center; color: white;  }
.page-hero:before{ content: ""; display: inline-block; vertical-align: middle; width: 0; margin-right: -.25em; height: 100%;   }
.hero-wrap {  padding: 25px; margin: 0 20px; display: inline-block;  vertical-align: middle;  white-space: normal; background-color:rgba(0, 0, 0, 0.4); border-radius: 10px;  }

.contact .page-hero, 
.safety .page-hero, 
.hoists .page-hero, 
.jib-cranes .page-hero, 
.overhead-cranes .page-hero, 
.accessories .page-hero {  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	}

.accessories .page-hero { background: url(/img/hero-accessories.jpg) no-repeat center center; } 
.overhead-cranes .page-hero { background: url(/img/hero-overhead-cranes.jpg) no-repeat center center; }
.jib-cranes .page-hero { background: url(/img/hero-jib-crane.jpg) no-repeat center center; }
.hoists .page-hero { background: url(/img/hero-hoists.jpg) no-repeat center center; }
.safety .page-hero { background: url(/img/hero-safety.jpg) no-repeat center center; }
.contact .page-hero { background: url(/img/hero-contact.jpg) no-repeat center center; }
.error .page-hero { background: url(/img/hero-error.jpg) no-repeat center center; }
.thankyou .page-hero { background: url(/img/hero-thankyou.jpg) no-repeat center center; }

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

.accessories .page-hero { background: url(/img/hero-accessories-sm.jpg) no-repeat center center; } 
.overhead-cranes .page-hero { background: url(/img/hero-overhead-cranes-sm.jpg) no-repeat center center; }
.jib-cranes .page-hero { background: url(/img/hero-jib-crane-sm.jpg) no-repeat center center; }
.hoists .page-hero { background: url(/img/hero-hoists-sm.jpg) no-repeat center center; }
.safety .page-hero { background: url(/img/hero-safety-sm.jpg) no-repeat center center; }
.contact .page-hero { background: url(/img/hero-contact-sm.jpg) no-repeat center center; }
.error .page-hero { background: url(/img/hero-error-sm.jpg) no-repeat center center; }
.thankyou .page-hero { background: url(/img/hero-thankyou-sm.jpg) no-repeat center center; }

}
/* HERO */

/* PAGE CONTENT */
.page-one-col, 
.page-two-col, 
.page-thr-col { margin: 0 auto; width: 100%; min-height: 50px; background-color: white; margin: 10px 0 0 0; }
.page-one-col .col-one, 
.page-two-col .col-one, 
.page-two-col .col-two, 
.page-thr-col .col-one, 
.page-thr-col .col-two, 
.page-thr-col .col-thr { display: inline-block; float: left; min-height: 50px;  position: relative; margin: 0; }
.page-one-col .col-one { width: 100%; }
.page-two-col .col-one { width: 65%;  }
.page-two-col .col-two { width: 35%;  }
.page-thr-col .col-one { width: 33.3%; }
.page-thr-col .col-two { width: 33.3%; }
.page-thr-col .col-thr { width: 33.3%; }
.page-one-col .row-top, 
.page-two-col .row-top, 
.page-thr-col .row-top { clear: both; margin: 0 auto; width: 100%; width: 100%; min-height: 50px;  position: relative; }
.page-one-col .row-one, 
.page-two-col .row-one, 
.page-thr-col .row-one { clear: both; margin: 0 auto; width: 100%; width: 100%; min-height: 50px;  position: relative; background-color: #ac1208;  }
.page-one-col h2, 
.page-two-col h2, 
.page-thr-col h2 { clear: both; font-size: 28px; color: #ac1208; text-align: left; text-transform: none; font-weight: bold; margin-top: 0;  }
.logo-other { margin: 20px 0 0 0; }
.logo-other img { width: 100%; max-width: 380px; max-height: 100px; }
.image-right { margin: 0; }
.image-right img { width: 100%; margin-bottom: 20px;  }
.display-image { width: 33.3333%; margin: 0 0 20px 0; text-align: center;  display: inline-block; float: left; min-height: 50px;  position: relative; }
.display-image .pad { padding: 20px;  }
.display-image img { width: 100%; height: auto; margin: 0 0 20px 0;  }
.display-image h6 { text-align: center;  }
.display-image p { text-align: center;  }
.breakout { text-align: left; width: 330px; background-color: #eee; margin: 10px 0 20px 0; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px; }
.breakout li { font-size: 18px; line-height: 1.6em; }

/* Image Cols */
* {  box-sizing: border-box; }
.row {  display: -ms-flexbox; /* IE10 */  display: flex;  -ms-flex-wrap: wrap; /* IE10 */  flex-wrap: wrap;  padding: 0 8px; }
.column {  -ms-flex: 25%; /* IE10 */  flex: 25%;  max-width: 25%;  padding: 0 8px; }
.column img {  margin-top: 8px;  vertical-align: middle;  width: 100%; }

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

.column {    -ms-flex: 50%;    flex: 50%;    max-width: 50%;  }

}

@media screen and (max-width: 600px) {
	
.column {    -ms-flex: 100%;    flex: 100%;    max-width: 100%;  }

}

.image-box { margin-bottom: 20px; }
.image-box h6 { text-align: center; margin: 0; padding: 8px; font-weight: normal;  background-color: #f2f2f2; }
/* Image Cols */

/* Contact Form Only */
.loop-a {   margin: 10px 0 25px 0; background-color: #f2f2f2; padding: 0 15px 15px 15px; overflow: hidden; clear: both; -moz-border-radius: 8px; border-radius: 8px; }
.loop-a input, textarea { border: 1px solid #999; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.loop-a h3 span { color: #06F; font-weight: bold; }
.loop-a h3 .dull { color: #999; }
.icon { width: 220px; float: left; text-align: center; padding-top: 20px;  display: inline-block; float: left; }
.icon-info { width: 33.3%; float: left; text-align: left; padding-top: 10px; }
.loop-a h3 { font-size: 16px; padding: 15px 0 10px 0; }
.loop-a .contentHalf img { margin: 0 15px 10px 0; }
.updated { text-align: right; padding-top: 15px; clear: both; font-size: 11px; color: #333; }
.form-table { padding: 0; width: 100%;}
.form-table tr { padding: 0; }
.form-table td { padding: 0 10px 0 0;  }
.form-table .textarea { font-size: 15px;  width: 100%; border: 1px solid #999; margin: 0; padding: 5px;  font-weight: normal; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; }
.form-table .btn-send { color: white; cursor: hand;  border: 1px solid #ac1208; background-color: #ac1208; margin: 10px 0 0 0; padding: 10px 12px; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; }
.form-table .btn-send:hover { border: 1px solid green; background-color: green; color: white; cursor: hand; }
input { font-size: 15px;  }
.map-frame { margin-top: 10px;}
/* Contact Form Only */

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

.page-two-col .col-one { width: 60%;  }
.page-two-col .col-two { width: 40%;  }
.page-two-col h2, 
.page-thr-col h2 { font-size: 20px; }
.page-one-col h2, 
.page-two-col h2, 
.page-thr-col h2 { font-size: 20px;  }
.display-image { width: 50%; }
.display-image .pad { padding: 20px;  }
.icon-info { width: 100%; }

}

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

.page-two-col .col-one { width: 100%;  }
.page-two-col .col-two { width: 100%;  }
.page-thr-col .col-one { width: 100%;  }
.page-thr-col .col-two { width: 100%;  }
.page-thr-col .col-thr { width: 100%;  }
.display-image { width: 100%; }
.display-image .pad { padding: 10px;  }

}
/* PAGE CONTENT */

/* FOOTER */
.footer	{ margin: 0 auto; width: 100%; min-height: 150px; background-color: #2a2a2a; color: white; }
.footer	.col-one {  display: inline-block; float: left; width: 30%; min-height: 50px;  position: relative; }
.footer	.col-two {  display: inline-block; float: left; width: 20%; min-height: 50px;  position: relative; }
.footer	.col-thr {  display: inline-block; float: left; width: 25%; min-height: 50px;  position: relative; }
.footer	.col-fou {  display: inline-block; float: left; width: 25%; min-height: 50px;  position: relative; }
.footer	.row-one { clear: both; margin: 0 auto; width: 100%; width: 100%; min-height: 50px;  position: relative; background-color: #131313;  }
.footer-nav ul  { margin: 0; padding: 0; }
.footer-nav li { list-style: none; margin: 10px 0 0 0;  }
.footer .social img { height: 30px; display: inline-block; float: left; margin: 10px 20px 10px 0; }
.footer .logo img { width: 100%; height: auto; padding: 50px 0 10px 0; }
.footer .freecall { font-size: 36px; font-weight: bold; line-height: 0.0em; }
.footer .c-left { float: left; display: inline; }
.footer .c-right { float: right; display: inline; }
.footer	a:link    { color: white; }
.footer	a:visited { color: white; }
.footer	a:hover   { color: #ac1208; }
.footer	a:active  { color: yellow; }
.more { text-align: left; font-weight: bold; background: url(/img/45.png) left no-repeat; padding: 0 0 0 18px; }

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

.footer	.col-one { width: 50%; }
.footer	.col-two { width: 50%; }
.footer	.col-thr { width: 50%; }
.footer	.col-fou { width: 50%; }
.footer	.row-one {  }

}

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

.footer	.col-one { width: 100%; }
.footer	.col-two { width: 100%; }
.footer	.col-thr { width: 100%; }
.footer	.col-fou { width: 100%; }
.footer	.row-one {  }

}
/* FOOTER */

/* OTHER SCREEN */

@media only screen and (max-width : 768px)  {
		
h1 { font-size: 32px; }
h2 { font-size: 18px; }
.page-hero { height: 350px; }

}

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

}
/* OTHER SCREEN */


.hidden {  display: none !important; }
.sr-only {  border: 0;  clip: rect(0, 0, 0, 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  white-space: nowrap;  width: 1px; }
.sr-only.focusable:active,
.sr-only.focusable:focus {  clip: auto;  height: auto;  margin: 0;  overflow: visible;  position: static;  white-space: inherit;  width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after {  content: " ";  display: table;  }
.clearfix:after {  clear: both; }


@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
}

@media print {
  *,
  *:before,
  *:after {    background: transparent !important;    color: #000 !important;    /* Black prints faster */    box-shadow: none !important;    text-shadow: none !important;  }
  a,
  a:visited {    text-decoration: underline;  }
  a[href]:after {    content: " (" attr(href) ")";  }
  abbr[title]:after {    content: " (" attr(title) ")";  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {    content: "";  }
  pre {    white-space: pre-wrap !important;  }
  pre,
  blockquote {    border: 1px solid #999;    page-break-inside: avoid;  }
  thead {    display: table-header-group;  }
  tr,
  img {    page-break-inside: avoid;  }
  p,
  h2,
  h3 {    orphans: 3;    widows: 3;  }
  h2,
  h3 {    page-break-after: avoid;  }
}