@charset "utf-8";
/* CSS Document */
body { background-color:#526C7F; margin:0; font-size:100%; }


/*
.mainboxtext h1 { font-size:20px!important; font-weight:bold; color:#4D4D4D; margin:6px!important; line-height:19px!important; }
.contact-am1roofing h1, .contact-am1roofing h2 {font-weight:normal;font-size:40px; line-height: 42px; color:#323232; letter-spacing: -2px; padding-top:30px;} 
	.steel-buildings-construction h3 {font-weight:bold!important;color:#526C7F!important}
*/

h1 {font-size:250% !important;margin:0 !important; padding: 0; font-weight: normal;letter-spacing: -1px;}
h2 {font-size:150% !important; font-weight: bold!important;line-height:normal!important;}
h3 {font-size:110% !important;margin:0 !important; padding: 0 !important; font- weight: normal}


.header {text-align:center;padding-bottom:10px;}
.home .pos-title a {color:#960000;letter-spacing:1px;}
a { color:#960000; }
#yoo-zoo .item .element-textarea p {margin:20px 0px;}
#yoo-zoo { padding:30px; }
.home .header {display:none;}
.careers #userForm {width: 80%;background-color:#E2E2FE;padding: 0px 50px;border:1px solid #ddd;border-radius:8px;}
#userForm {width:35%;margin: 0 auto;padding-bottom: 30px;}
.bottomcontent1 .uk-text-large, .bottomcontent1 h3, .bottomcontent2, .bottomcontent3 {color:#FFFFFF;text-shadow: 1px 1px #000000;}
.mainpagebox { width:238px; background-color:#e6e6e6; height:322px; border:1px solid #4D4D4D; display:inline-block; margin-right:30px!important; }
.mainboxtext p { color:black; font-size:14px; margin:6px!important; }


.moduletable_homebottom {background-color:#E5F4FF;padding:20px 4%;}
.roofslopes h2 {background-color:#000000;color:#FFFFFF!important;padding:14px 0;}
.roofing #yoo-zoo .details.alignment-center {text-align:left}
.roofing .teaser-item-bg {background-color:#000000!important;color:#FFFFFF;}
.roofing .pos-title {text-align:center!important;}


.mainboxheader { background-color:#606D75; padding:6px!important; }
.customlogo img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.clearme {clear:both;}

.careers .rsform-button-prev {margin-right: 14px;}
.moduletablesteelgallery {margin:50px 0px !important;}
.moduletablesteelgallery li {background-image:none !important;padding-left:0!important;}

.moduletable_varco {background-color:#ffffff;padding:50px 30px;min-height:87px;line-height:87px;}


.steelbuildingfaq {background-color:#ffffff;"Helvetica Neue",Helvetica,Arial,sans-serif !important}


/* TWO PANNEL */

    .buttonside {display:inline-block;width:21%;overflow:hidden;vertical-align:top;}
    .descriptionside {display:inline-block;width: 69%; vertical-align:top; }

/* END TWO PANEL */


.leftside { float:left; width:540px; }
.rightside { float:right; width:288px; }
.body_wrapper { width:960px; margin:0 auto; }
.menu_bg { }
.content_top { background-image:url(../images/content_top.png); height:8px; background-repeat:no-repeat; }
.content_middle { background-image:url(../images/content_middle.png); background-repeat:repeat-y; min-height:100px; padding-top:10px; padding-bottom:10px; }
.inside_content { background-color:#fff; margin: 0px auto; min-height:110px; }
.inside_clear { clear:both; line-height:1px; height:1px; }
.content_bottom { background-image:url(../images/content_bottom.png); background-repeat:no-repeat; height:8px; }
.page_footer { background-image:url(../images/page_footer.png); background-repeat:no-repeat; height:9px; }
.formResponsive { padding:30px; }
.body_footer {margin:0 auto;width:900px;text-align:center;color:#CCC;padding-top:14px;}
.body_footer a{color: #000000;}
.developed {color:#000;font-size:80%;}
.alert { text-align: center;padding:50px; border:10px dashed red;}
h4.alert-heading {font-size:200%; text-transform: uppercase;}
.home .otherlinks {margin-bottom:8px!important}
.careers .pos-links a, .otherlinks {-moz-box-shadow: 3px 4px 0px 0px #8a2a21;
	-webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
    margin-bottom: 4px;
    
}
.careers .pos-links a:hover, .otherlinks:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;color:#FFFFFF;text-decoration:none!important;}
.careers .pos-links a:active, .otherlinks:active {position:relative;
	top:1px;}	
	
	.moduletable_categorymod {text-align:center;}
	.moduletable_categorymod h2 {text-shadow:1px 1px 1px #C3C3C3;text-align:center;}
	
.moduletable_categorymod li {display:inline-block;}
.whyh2 {padding-top: 28px!important;}
.whyh3 {padding-top:20px!important;}

#yoo-zoo .element-textarea ul {margin:0!important;padding-left:0;}
#yoo-zoo .element-textarea li {
    list-style:none;
    background-image:url("../images/logo-icon.png");
    background-repeat:no-repeat;
    background-position:0% 50%;
    padding-left:30px;

    
}


.steel-buildings-construction .pos-top {background-color:#C1D5E5;border-radius:30px;margin-bottom:50px;}
.currentview {line-height:64px;padding-left: 26px !important;}

/* CSS BUTTON next and previous */


/* CSS */
.prev, .next, .mybutton {
  align-items: center;
  appearance: none;
  background-clip: padding-box;
  background-color: initial;
  background-image: none;
  border-style: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  flex-direction: row;
  flex-shrink: 0;
  font-family: Eina01,sans-serif;
  font-size: 14px;
  font-weight: 800;
  justify-content: center;
  line-height: 24px;
  margin: 0;
  min-height: 64px;
  outline: none;
  overflow: visible;
  padding: 19px 26px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  width: auto;
  word-break: keep-all;
  z-index: 0;
}
.prev:hover, .next:hover, .mybutton:hover {color:#FFF !important;}
.prev:active, .next:active, .mybutton:hover {color:#FFF !important;}
@media (min-width: 768px) {
  .next, .prev, .mybutton{
    padding: 18px 22px;
  }
}

.next:before, .prev:before,
.next:after, .prev:after, .mybutton:before, .mybutton:after {
  border-radius: 80px;
}

.next:before, .prev:before, .mybutton:before {
  background-color: rgba(249, 58, 19, .32);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}

.next:after, .prev:after, .mybutton:after {
  background-color: initial;
  background-image: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
  bottom: 4px;
  content: "";
  display: block;
  left: 4px;
  overflow: hidden;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: all 100ms ease-out;
  z-index: -1;
}

.prev:hover:not(:disabled):after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition-timing-function: ease-in;
}
.next:hover:not(:disabled):after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition-timing-function: ease-in;
}
.mybutton:hover:not(:disabled):after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition-timing-function: ease-in;
}

.prev:active:not(:disabled) {
  color: #ccc;
}
.next:active:not(:disabled) {
  color: #ccc;
}
.mybutton:active:not(:disabled) {
  color: #ccc;
}
.prev:active:not(:disabled):after, .next:active:not(:disabled):after, .mybutton:active:not(:disabled):after  {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
  bottom: 4px;
  left: 4px;
  right: 4px;
  top: 4px;
}

.prev:disabled, .next:disabled, .mybutton:disabled {
  cursor: default;
  opacity: .24;
}

/* CSS BUTTON END */



/* CSS BUTTON STEEL BUILDINGS */


/* CSS */
.moduletable_categorymod li a {
  align-items: center;
  appearance: none;
  background-clip: padding-box;
  background-color: initial;
  background-image: none;
  border-style: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  flex-direction: row;
  flex-shrink: 0;
  font-family: Eina01,sans-serif;
  font-size: 16px;
  font-weight: 800;
  justify-content: center;
  line-height: 24px;
  margin: 0;
  min-height: 64px;
  outline: none;
  overflow: visible;
  padding: 19px 26px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  width: auto;
  word-break: keep-all;
  z-index: 0;
}

.roofslopes .uk-tab > li.uk-active > a {color:#960000;font-weight:700;}

@media (min-width: 768px) {
  .moduletable_categorymod li a {
    padding: 19px 32px;
  }
}

.moduletable_categorymod li a:before,
.moduletable_categorymod li a:after {
  border-radius: 80px;
}

.moduletable_categorymod li a:before {
  background-color: rgba(249, 58, 19, .32);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}

.moduletable_categorymod li a:after {
  background-color: initial;
  background-image: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
  bottom: 4px;
  content: "";
  display: block;
  left: 4px;
  overflow: hidden;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: all 100ms ease-out;
  z-index: -1;
}

.moduletable_categorymod li a:hover:not(:disabled):after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition-timing-function: ease-in;
}

.moduletable_categorymod li a:active:not(:disabled) {
  color: #ccc;
}

.moduletable_categorymod li a:active:not(:disabled):after {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
  bottom: 4px;
  left: 4px;
  right: 4px;
  top: 4px;
}

.moduletable_categorymod li a:disabled {
  cursor: default;
  opacity: .24;
}

/* CSS BUTTON END */
.moduletable_steelfaq ol {padding-left:0;}

@media (min-width: 960px) {
     .buildingtypes {list-style:none;margin:0;border:1px solid black;padding:1px 11px!important;}
    .buildingtypes li {display:inline-block; padding-right:14px;font-weight:bold;font-size:small;}
    .buildingtypes li:nth-child(odd) {color:#A40000;}
    .whyblock {border:.5px dotted #C3C3C3;
        display:inline-block;
        width:44.25%;
        height:130px;
        padding:0% 2% !important;
        overflow:hidden;
        vertical-align: top;
    }
    .whyblock:nth-child(odd) {background-color:#FDE6BF;margin-right:8px!important;}
    .whyblock:nth-child(even) {background-color:#E2F8FE;}
    #yoo-zoo .page-nav {}
    .element-itemprevnext {float:right;width:18%;text-align:right;}
    #yoo-zoo .item .pos-top .first {float:left;width:38%;font-size:90%;}
    .othercategories {float:left;width:40%;height: 64px;line-height:64px;font-size:90%;}
    .steel-buildings-construction .heading .title {background-image:url("../images/steel-construction.png");
        background-position: right; background-repeat: no-repeat;display:inline-block;padding-right:100px;
    }
    .inside_content {padding-top:30px;}
    .moduletable_homebottom {background-color:#E5F4FF;padding:50px 30px;}
    .moduletable_steelfaq {padding: 50px 0px 0px 0px !important;}
    
}

/* Large desktop */
@media (min-width: 1200px) {
    .steel-buildings-construction h1,h2,h3 {text-align:left;}
    
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 641px) and (max-width: 979px) {
	.toppad {
padding-top:0px;
}
.header {}

.body_wrapper {width:100%;}
.inside_content {width:100%;}
.maximenuck {font-size:80%}
.body_footer {margin:0 auto; width:600px;}
}


@media (max-width: 767px) {
body {padding: 0;}

}
/* Landscape phone to portrait tablet */
@media (max-width: 640px) {
	.header {}
.body_wrapper {width:100%;}
.inside_content {width:100%;}
.content_middle {background:none;padding:0;}
.leftside {width:100%;}
.rightside {width:100%;}
.content_top,.content_bottom,.page_footer,.menu_bg {display:none;}
.body_footer {margin:0 auto; width:100%;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.toppad {
padding-top:0px;
}
#userForm {width:100%;}
.header {}
.menu_bg {display:none;}
.content_middle {background:none;padding:0;}
.body_wrapper {width:100%;}
.inside_content {width:100%;}
#yoo-zoo {padding:10px;}
.content_top,.content_bottom,.page_footer {display:none;}
.mainpagebox {float:none;margin:0 auto!important;padding-bottom:14px;}
.leftside {width:100%;}
.rightside {width:100%;}
.body_footer {margin:0 auto; width:100%;}
}