@charset "UTF-8";
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/open-sans-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v28-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/open-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/open-sans-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v28-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.ck{color:#ffbc00;text-align:center;}
body{background-color:#fff;color:#4f4f4f;font-family:'Open Sans', sans-serif;font-weight:300;line-height:1.6em;font-size:17px;margin:0;padding:0;-webkit-font-smoothing:subpixel-antialiased;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
.clear{clear:both;}
a:link,a:visited{color:#2200cc;text-decoration:none;font-weight:400;}
a:hover{text-decoration:underline;color:#8dd90d;}
a:hover,a:active{outline:none;}
#wrapper{width:100%;max-width:1920px;margin:0 auto;background-color:#fff;}
#details-top{width:100%;background:#222;}
.details{display:table;width:100%;max-width:1110px;margin:0 auto;padding:0 5px;}
.details a:link, .details a:visited{text-decoration:none;color:#B2B2B2;font-weight:400;font-size:16px;}
.details a:hover{text-decoration:underline;color:#DC0A23;}
.tel{display:table-cell;width:70%;vertical-align:middle;}
.tel span{margin:0 10px;color:#B2B2B2;}
.email{display:table-cell;width:30%;text-align:right;vertical-align:middle;}
.socialls{width:100%;margin:0 auto;padding:0;}
.socialls li{list-style:none;position:relative;display:inline-block;margin:0 0 0 5px;padding:0;}
.socialls li a{padding:0 18px;display:block;line-height:30px;}
.socialls li a:hover{background-color:#3f3f3f;}
.social-img{width:1.5rem;height:1.5rem;margin-top:6px;}
header{padding:10px 5px 14px 5px;background:#000;}
.innerheader{width:100%;max-width:1110px;margin:0 auto;}
header img{width:auto;max-width:100%;max-height:90px;height:auto;-webkit-animation: fade-in ease-in-out 2s 0.5s both;-moz-animation: fade-in ease-in-out 2s 0.5s both;animation: fade-in ease-in-out 2s 0.5s both;}
header h2{margin:0;padding:0;font-weight:300;color:#f7f7f7;font-size:26px;line-height: 1.2em;}
@-webkit-keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fade-out {
33%{opacity:1}
66%{opacity:0}
}
@-moz-keyframes fade-out {
33%{opacity:1}
66%{opacity:0}
}
@keyframes fade-out {
33%{opacity:1}
66%{opacity:0}
}
nav{width:100%;background:linear-gradient(to bottom, #fff 0%,#D7D7D7 100%);}
.menu_top{display:table;width:100%;max-width:1110px;margin:0 auto;padding:0;border-bottom:1px solid #C1C1C1;}
.menu_top li{display:table-cell;vertical-align:middle;text-align:center;list-style:none;border-right:1px solid #C1C1C1;position:relative;}
.menu_top li a{text-shadow:0 1px 0 #fff;padding:12px 8px 11px 8px;color:#464646;display:block;font-size:15px;text-decoration:none;outline:none;-webkit-transition:background 0.3s linear;transition: background 0.3s linear;line-height:1.2em;}
.menu_top li .selected, .menu_top a:hover{background-color:#464646;color:#fff;text-shadow:none;}
nav ul li ul{display:none;} 
nav ul li:hover ul{z-index:99999;display:list-item !important;position:absolute;width:200px;list-style:none;padding:0;}
nav ul li:hover ul li{display:block;border-left:1px solid #fff;border-bottom:1px solid #fff;}
nav ul li:hover ul li a{text-shadow:none;color:#fff;}
nav ul li:hover  ul li{background:#464646;}
nav ul li:hover ul li a:hover{background:#ffbc00;}
.welcometo{font-size:20px;}
.welcom-1{position:relative;margin:0 0 2px 0;width:100%;background-color:#ffbc00;}
.welcom-1::after{content:"";position:absolute;width:0;height:0;bottom:-1.9em;left:48.5%;box-sizing:border-box;border:1em solid black;border-color:transparent transparent #ffbc00 #ffbc00;transform-origin:0 0;transform:rotate(-45deg);}
.wel-content-1{text-align:center;padding:20px 8px 25px 8px;width:100%;max-width:1200px;margin:0 auto;}
.wel-content-1 h1{line-height:1.3em;padding:10px 5px;margin:0;font-size:24px;}
.wel-content-1 h1 span{color:#fff;}
.welcom{position:relative;margin:0 0 2px 0;width:100%;background-color:#29aede;}
.welcom::after{content:"";position:absolute;width:0;height:0;margin-left:-.5em;bottom:-1.9em;left:48.5%;box-sizing:border-box;border:1em solid black;border-color:transparent transparent #29aede #29aede;transform-origin:0 0;transform:rotate(-45deg);}
.wel-content{text-align:center;padding:20px 5px 25px 5px;width:100%;max-width:1200px;margin:0 auto;}
.wel-content p{line-height:1.3em;padding:0;margin:0;font-size:26px;font-style:italic;}
.wel-content h2{margin:0;padding:5px 5px;color:#fff;line-height:1.1em;font-size:32px;}
#drop{visibility:hidden;}
.slideDown{animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}
@keyframes slideDown {
0%{transform:translateY(-100%)}
50%{transform:translateY(8%)}
65%{transform:translateY(-4%)}
80%{transform:translateY(4%)}
95%{transform:translateY(-2%)}
100%{transform:translateY(0%)}
}
@-webkit-keyframes slideDown {
0%{-webkit-transform:translateY(-100%)}
50%{-webkit-transform:translateY(8%)}
65%{-webkit-transform:translateY(-4%)}
80%{-webkit-transform:translateY(4%)}
95%{-webkit-transform:translateY(-2%)}
100%{-webkit-transform:translateY(0%)}
}
#content-box{width:100%;max-width:1100px;margin:0 auto;padding:80px 0;}
#content-box h1{border-bottom:1px solid #d5d5d5;font-size:26px;padding:0 0 10px 0;margin:25px 5px 30px 5px;}
#content-box h2{font-size:20px;}
.welding_icon{margin:0 auto 10px auto;width:125px;height:145px;display:block;background:transparent url(../images/welding_icon.png) center top no-repeat;}
.welding_icon:hover {background-image: url(../images/welding_icon_hover.png);}
.installation_icon{margin:0 auto 10px auto;width:125px;height:145px;display:block;background:transparent url(../images/Steel_fabrication_installations.png) center top no-repeat;}
.installation_icon:hover {background-image: url(../images/Steel_fabrication_installations_hover.png);}
.design_icon{margin:0 auto 10px auto;width:125px;height:145px;display:block;background:transparent url(../images/Steel_fabrication_design.png) center top no-repeat;}
.design_icon:hover {background-image: url(../images/Steel_fabrication_design_hover.png);}
.machining_icon{margin:0 auto 10px auto;width:125px;height:145px;display:block;background:transparent url(../images/machining-icon.png) center top no-repeat;}
.machining_icon:hover {background-image: url(../images/machining-icon_hover.png);}
.fabrication_icon{margin:0 auto 10px auto;width:125px;height:145px;display:block;background:transparent url(../images/Steel_fabrication_icon.png) center top no-repeat;}
.fabrication_icon:hover {background-image: url(../images/Steel_fabrication_icon_hover.png);}
.orangy{color:#ffbc00;font-weight:bold;}
.ita{font-style:italic;}
#about-wrapper{width:100%;background-image:url(../images/aboutbg.jpg);background-position:center top;background-size:cover;padding:100px 5px;}
.ab{width:100%;max-width:1000px;margin:0 auto;}
.ableft{float:left;width:50%;height:450px;padding:20px 30px;color:#fff;background-color: rgba(0,0,0,0.5);text-align:justify;border:1px solid #000;}
.ableft h2{display:inline;border-bottom:1px solid #fff;padding-bottom:8px;font-size:30px;line-height:1.9em;}
.abright{float:left;width:50%;height:auto;overflow:hidden !important;}
.abright img{max-width:100%;height:auto;max-height:450px;display:block;}
/***********services page boxes**********/
.content_left_container{float:left;width:50%;padding:0;margin:30px 0 0 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;}
.content_right_container{float:right;width:50%;padding:0;margin:30px 0 0 0;border-bottom:1px solid #e5e5e5;text-align:center;}
.content_left{float:left;width:90%;padding:0;margin:0;}
.content_right{float:right;width:90%;padding:0;margin:0;}
.read_button{color:#fff;font-size:14px;font-weight:300;width:145px;margin:0 auto 20px auto;padding:2px 7px;background:#0043A8;background:-moz-linear-gradient(#43A9FF, #0043A8);background:-o-linear-gradient(#43A9FF, #0043A8);background:-webkit-linear-gradient(#43A9FF, #0043A8);border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #8E8E8E;}
.read_button:hover{background:#0043A8;background:-moz-linear-gradient(#0043A8, #43A9FF);background:-o-linear-gradient(#0043A8, #43A9FF);background:-webkit-linear-gradient(#0043A8, #43A9FF);}
/***********end services page boxes**********/
/***********slider**********/
.cs-container{margin:0 auto;padding:0;position:relative;width:100%}
.cs-slider{margin:0 auto;padding:0;position:relative;width:100%}
.cs-container a{background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICR‌​AEAOw==)}
.cs-container img{max-width:100%;display:block}
.cs-container .cube-face{margin:0;display:block;position:absolute;-moz-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.cs-container .cs-shadow{position:absolute;bottom:-70px;left:50%;margin-left:-368px;background:transparent url(shadow.png) no-repeat top left;height:168px;width:736px;z-index:-1}
.cs-slider-fb-wrapper{overflow:hidden}
.cs-slider-fb img{display:none;position:absolute;top:0;left:0}
.cs-loader{width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(loader.gif);background-position:center;background-repeat:no-repeat;background-color:white;z-index:1001}
/***********slider end**********/
#ser-wrapper{width:100%;padding:70px 5px;}
.services-container{width:100%;max-width:1080px;margin:0 auto;text-align:center;}
.list{display:flex;flex-wrap:wrap;margin:0;padding:0;}
.list-item{display:flex;padding:.5em;width:33.33%}
.list-content{position:relative;border:1px solid #D7D7D7;background-color:#f7f7f7;display:flex;flex-direction:column;width:100%;min-height:690px;}
.list-content p{line-height:1.4em;text-align:justify;margin:0;padding:0 0 30px 0;}
.list-content .inp{width:86%;margin:0 auto;}
.list-content a{position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);}
.list-content .inp ul{margin:0 0 10px 15px;padding:0;text-align:left;font-weight:700;}
.list-content p.sp{margin:0 0 5px 0;padding:0;}
.list-content h2{font-weight:700;font-size:20px;margin:5px 5px 10px 5px;padding:0;color:#0070bc;}
.list-content img{width:100%;height:auto;display:block;margin-top:-1px;}
a.demo1{display:inline-block;vertical-align:middle;text-align:center;border-radius:4px;margin:0 0 10px 0;line-height:20px;font-size:12px;padding:7px 18px 6px 18px;}
a.demo1.white{color:#697f86 !important;background:#FFFFFF;background:-webkit-linear-gradient(top,#FFFFFF,#f1f1f1);border:1px solid #c8c8c8;box-shadow:0 1px 0 #e9e9e9}
a.demo1.white:hover{background:-webkit-linear-gradient(top,#FFFFFF,#e6e6e6);text-decoration:none;cursor:pointer;}
a.demo1.white:active{box-shadow:inset 0 1px 2px #d2d2d2;background:-webkit-linear-gradient(top,#f1f1f1,#f1f1f1);border:1px solid #aeaeae}
.scroll2{display:none;max-width:100%}
.scroll2 img{vertical-align:bottom;width:auto;max-height:150px;margin:0 15px}
.scroll2 .scroll_item{position:relative}
.scroll2 .scroll_item h3{position:absolute;left:0;top:0;color:#fff;background:rgba(0,0,0,0.5);width:100%;box-sizing:border-box;margin:0;padding:4px;font-size:13px;font-weight:400;text-align:center;line-height:1.2em}
footer{margin-top:80px;padding:20px 5px;width:100%;background-color:#f7f7f7;border-top:1px solid #d7d7d7;}
footer p{text-align:center;font-size:15px;}
.underl{display:inline;border-bottom:1px solid #ccc;font-size:15px;font-weight:bold;}
.col_1news{background:#DEDEDE;padding:7px;border-radius:4px;}
.col_1news h3{display:none;}
.logosmall{width:100%;max-width:180px;height:auto;}
.conde{width:100%;max-width:120px;height:auto;}
.conde2{width:100%;max-width:70px;height:auto;}
.gapf{min-height:22px;}
.gapf2{min-height:12px;}
.upper_footer{clear:both;width:100%;max-width:1170px;padding:20px 0;margin:0 auto;}
.col_1{width:33%;float:left;text-align:center;margin-bottom:10px;padding:0 20px;}
.col_1 span.b{font-size:14px;}
.col_1 p{text-align:justify;}
.col_1 span.i{font-style:italic;}
.col_1 ul li{text-align:left;color:#0070bc;list-style-type:square;}
.areas{width:96%;max-width:1080px;margin:0 auto;text-align:center;color:#fff;}
.socialls2{width:100%;margin:0 auto;padding:0;}
.socialls2 li{list-style:none;position:relative;display:inline-block;margin:0 0 0 5px;padding:0;}
.socialls2 li img{max-width:15px;height:auto;}
.socialls2 li a{padding:0 18px;display:block;line-height:20px;}
.socialls2 li a:hover{background-color:#DEDEDE;}
.copyright{font-size:15px;clear:both;width:90%;margin:25px auto 0 auto;padding:10px 5px 10px 5px;border-top:1px solid #727272;text-align:center;}
.redterms{color:#ed1c24 !important;font-weight:700 !important;}
.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:5px;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:600;text-shadow:none;letter-spacing:1px;}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:1px 5px 2px;text-decoration:none;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#4f4f4f;border:1px solid #112047;}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:18px}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{font-size:18px;padding:5px 10px;margin:2px 5px;}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}
.slicknav_menu{display:none;}
.pp{padding-top:15px;}
.pp h2{text-align:left !important;font-weight:normal !important;color:#4e9af1;line-height:1.3em;font-size:24px !important;margin:8px 5px 8px 0 !important;padding:0 !important;}
.pp p{font-weight:normal;font-size:17px;line-height:1.5em;text-align:left;}
.pp ul li{line-height:1.5em;text-align:left;font-size:17px;font-weight:normal;}
@media screen and (max-width:1230px){
#details-top{padding-left:10px;padding-right:10px;}
}
@media screen and (max-width:1150px){
.email{width:43%;}
#content-box{width:96%;margin:0 auto;}
.content_left_container{float:none;width:100%;border:none;}
.content_right_container{float:none;width:100%;}
.content_left{float:none;width:95%;padding:0;margin:0 auto;}
.content_right{float:none;width:95%;padding:0;margin:0 auto;}
}
@media screen and (max-width:1070px){
#services-container > div{width:33%;margin-bottom:1%;}
.email{width:46%;font-size:15px;}
}
@media screen and (max-width:870px){
#services-container{width:96%;}
#services-container > div{width:46%;}
.email{width:56%;}
.details{width:98%;}
.details a:link, .details a:visited{font-size:18px;}
.ableft{height:auto;}
.ableft h2{font-size:23px;}
.ableft p{line-height:1.4em;font-size:15px;}
.list-content .inp{padding-bottom:50px;}
a.demo1{line-height:1.1em;}
.col_1{width:95%;float:none;margin:0 auto 60px auto;}
.menu_top li a{padding:6px 8px 5px 8px;}
}
@media screen and (max-width:790px){
.welcom-1::after{left:45.5%;}
.welcom::after{left:45.5%;}
.list-item{width:350px;margin:0 auto;}
}
@media screen and (max-width:650px){
.js .menu_top{display:none;}
.menu_top{display:none;}
.js .slicknav_menu{display:block;}
.slicknav_menu{display:block;background:#000;padding:3px;}
nav{display:none;}
.tel{display:block;width:96%;padding-right:0;margin:0 auto 5px auto;text-align:center;}
.email{display:block;width:96%;padding-right:5px;margin:0 auto;text-align:center;}
#content-box{width:90%;margin:0 auto;}
footer{background-image:none;}
#content-box h1{line-height:1.3em;font-size:23px;}
}
@media screen and (max-width:560px){
#services-container > div{display:inline;}
header{padding:20px 15px;}
.col_1{width:99%;padding:0 10px;}
.wel-content h1{font-size:20px;}
.wel-content h2{font-size:20px;}
.ableft{float:none;width:95%;margin:0 auto;height:auto;padding:10px 20px;}
.abright{float:none;width:95%;margin:0 auto;height:auto;}
}
@media screen and (max-width:450px){
.details a:link, .details a:visited{font-size:15px;}
#content-box{width:85%;text-align:center;}
.content_left_container{float:none;width:100%;border:none;}
.content_right_container{float:none;width:100%;}
.content_left{float:none;width:95%;padding:0;margin:0 auto;}
.content_right{float:none;width:95%;padding:0;margin:15px auto 0 auto;}
}