@charset "utf-8";
/* CSS Document */

 @import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
  

.navbar {
  height: 75px;
  transition: all .5s .1s;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .5);
}



/*==Home Page==*/

a:hover{ text-decoration:none;}

.top{ background:#ffff00; padding:4px; box-shadow:0px -4px 4px -4px inset;}
.navbar .text-dark{ font-family:PT Sans; font-size:16px; text-transform:uppercase !important; padding-right:22px; line-height:48px;}
.dropdown-menu{ border:1px solid #f4f4f4; border-radius:0; padding:0;}
.dropdown-item{ border-bottom:1px solid #f1f1f1; padding:8px 15px;}
 
 
.scaffolding-tab{ background:#fff !important; } 
.hacksaw-blades1 .box img{ border:1px solid #ccc; padding:20px;}
 
.banner{ background:url(../images/banner.jpg) no-repeat; height:550px; padding:180px 0px; background-position:50% 50%;background-attachment:fixed; background-size:cover;}
.banner h1{ color:#ffff00; font-family:PT Sans; font-size:42px; text-shadow:2px 2px 3px #000; font-weight:700; }
.banner p{ color:#fff; font-family:Open Sans; padding-bottom:20px; font-size:14px;}
 

.banner1{ background:url(../images/spanner.jpg) no-repeat; height:550px; padding:180px 0px; background-position:50% 50%;background-size:cover;background-position:50% 50%;}
.banner1 h2{ color:#ffff00; font-family:PT Sans; font-size:36px; text-shadow:2px 2px 3px #000; font-weight:700;}
.banner1 p{ color:#fff;font-size:16px;}
.banner1 a{ color:#fff;}

.hammer{ background:url(../images/pliers-spanner.jpg) no-repeat; height:550px; padding:180px 0px; background-position:50% 50%;background-size:cover;}
.hammer h3{ color:#fff; font-family:PT Sans; padding-bottom:20px; font-size:36px !important; text-shadow:2px 2px 3px #000;}
.hammer p{ color:#000;font-size:16px; margin:auto;}


.sacffolding-home{ background:url(../images/scaffolding.jpg) no-repeat;  height:550px; background-attachment:fixed; padding:180px 0px; background-position:50% 50%;background-size:cover;}
.sacffolding-home h3{ color:#ffff00; font-family:PT Sans; padding-bottom:20px; font-size:36px !important; text-shadow:2px 2px 3px #000;}
.sacffolding-home p{ color:#fff;font-size:16px; margin:auto;}

 

.about{ background:url(../images/scaffolding.jpg) no-repeat; text-align:center;  padding:120px 0px; background-position:center; background-attachment:fixed;background-size:cover; }
.about h4{ color:#fff; font-family:PT Sans; padding-bottom:20px; font-size:36px; text-shadow:2px 2px 3px #000; text-transform:uppercase; font-weight:bold;}
.about p{ width:80%; margin:auto; color:#fff; line-height:28px;font-size:16px; margin-bottom:20px;}
.about .bg-danger{background:#ff0000!important; color:#fff!important; border:none; border-radius:0; padding:10px 25px; margin-top:20px; box-shadow:1px 6px 9px -7px #000;text-transform:uppercase; font-size:14px;font-family:PT Sans;}
.about a{ color:#fff;}

.quality{text-align:center; background:url(../images/scaffolding.jpg) no-repeat; padding:120px 0px; background-position:50% 50%; background-attachment:fixed;background-size:cover; }
.quality h4{color:#fff; font-family:PT Sans; padding-bottom:20px; font-size:36px; text-shadow:2px 2px 3px #000; text-transform:uppercase; font-weight:bold;}
.quality p{ width:80%; margin:auto; color:#fff;font-size:16px; margin-bottom:20px;}
.quality .bg-danger{ background:#FDE803!important; color:#fff; border:none; border-radius:0; padding:10px 25px; margin-top:20px;  text-transform:uppercase; font-size:14px;font-family:PT Sans;box-shadow:1px 6px 9px -7px #000;}

.products{ padding:30px 0px; background:#fff;}
.products h4{font-family:PT Sans; padding-bottom:30px; font-size:36px; font-weight:bold; text-transform:uppercase;}
.products .bg-danger{ background:#FE0000 !important; color:#fff; border:none; border-radius:0; padding:12px 25px; margin-top:20px; text-transform:uppercase;box-shadow:1px 6px 9px -7px #000;}
.products h5{font-family:PT Sans; text-transform:uppercase; font-size:18px; color:#fff; text-shadow:2px 2px 1px #000; }
.products h5 a{color:#fff;}
.products  .card-body{position:absolute;  margin-bottom:20px; padding:8px; z-index:999; bottom:0px;}
.products .img-fluid{ margin-bottom:20px;}

.footer{ padding:60px 0px; background:#272727;}
.footer h4{ font-family:PT Sans;   text-transform:uppercase; font-size:22px; color:#ffff00; text-shadow: 2px 5px 2px rgba(0, 0, 0, .8); padding-bottom:20px;}
.footer h5{ font-family:PT Sans; color:#fff;}
.footer p{ color:#fff; font-size:14px; font-family:PT Sans; margin-bottom:8px;}
.footer ul{ padding-left:5px;}
.footer li a{font-size:14px; font-family:PT Sans; color:#fff;}
.footer .icon-bar a{ color:#ffff00;}
.footer .icon-bar .svg-inline--fa{border:1px solid #ddd; padding:10px; height:40px; width:40px;}
.footer li .text-white:hover{ color:#ffff00 !important;}
.footer table tr td{ vertical-align:top; padding-right:5px;}
.footer table tr td .svg-inline--fa{color:#FFff00 !important;}
 
.footer li .text-white .svg-inline--fa{color:#FFff00 !important; margin-right:5px;}


.copyright{ background:#ffff00; color:#000;  padding:10px 0;}
.copyright p{ margin:0; font-family:PT Sans; font-size:14px;}
/*==threads==*/

.threads h2{font-size: 36px; text-align:center; font-family: PT Sans;}
.threads h3{font-size: 26px;}
.threads p{ font-family: PT Sans;}
.threads th{background-color:#000;color:#fff;font-weight: 600;}

/*==threads==*/
.whatsapp {
    bottom: 58px;
    height: 64px;
    min-height: 64px;
    min-width: 64px;
    overflow: hidden;
    position: fixed;
    right: 15px;
    width: 64px;
    z-index: 2147483600;
    filter: drop-shadow(1px 1px 2px 
    rgba(0,0,0,0.1));
}
.svg-inline--fa.fa-whatsapp.fa-w-14{font-size: 47px;
color:#3ec050;}

/*==Contact Page==*/
.contactus{ padding:50px 0; }
.contactus h3{font-family:PT Sans;}
 
/*=======Contact us======*/
.text-content{ padding:50px 0px;font-family:PT Sans; }
.text-content h2{ font-family:PT Sans; padding-bottom:30px; font-size:26px; text-transform:uppercase;}
.text-content h4{font-size:20px; text-transform:uppercase;}
.text-content .form-control{ border:none; padding:12px !important; color:#000!important; background:#eee; box-shadow:none !important;}
address{ line-height:36px;  color:#000; width:80%;}
.text-content .btn-danger{ padding:10px 25px; border:0; border-radius:0; background:#ff0000;}
.text-content a{ color:#000;}
.text-content .svg-inline--fa{ color:#FF0000;}

.inner-about{ background:url(../images/contact-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;} 
.inner-about h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}
.breadcrum{display:block; margin-bottom:5px; text-align:right;}
.breadcrum ul{ padding:0px 15px; }
.breadcrum ul li{ display: inline-block;}
.breadcrum ul li a{ background: #f9f9f9;border-left: 5px solid #FF0000; border-radius: 30px 0 25px; border-right: medium none transparent;box-shadow: 0 0 4px 0 #d8d8d8 inset; padding: 5px 20px 6px 15px; margin-right:3px; color: #ff0000 ;}
.breadcrum ul li span{ background: #f9f9f9 none repeat scroll 0 0;border-left: 5px solid #909090; border-radius: 30px 0 25px; border-right: medium none transparent;box-shadow: 0 0 4px 0 #d8d8d8 inset; padding: 5px 20px 6px 15px; }
.breadcrum ul li a:hover{color:#E1302A !important;}
.breadcrum ul li, .breadcrum ul li a, .breadcrum ul li span{ font-size:11px; font-family:PT Sans; margin-bottom:20px;}


/*==ABout US==*/
.aboutus{ background:url(../images/about-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;} 
.aboutus h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}
.about-content{ padding:50px 0; font-family:PT Sans;}
.about1 { padding:50px 0; background:#f4f4f4;}

/*==Quality==*/
.quality2{ padding:50px 0; background:#f4f4f4;  font-family:PT Sans;}
.quality2 h4{ color:#ff0000 !important; padding:10px 0;}
.quality1{ padding:50px 0;}

/*==mm-metric==*/
.mm-metric{background:url(../images/mm-metric-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.mm-metric h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}
.mm-metric-content{ padding:50px 0;}
.mm-metric-content1{ padding:50px 0;}

.sidebar ul{ padding-left:0; border-right:1px solid #f4f4f4;  }
.sidebar ul li{background:#eee; list-style:none; border-bottom:1px solid #ddd; padding:10px 15px; border-left:3px solid #Ff0000; margin-bottom:2px;}
.sidebar ul .sub{ background:#f2f2f2; padding:3px 15px; border-left:3px solid #000; } 
.sidebar ul .sub a{ text-transform:capitalize;} 

.sidebar ul li:hover{ background:#eee;}
.sidebar ul .active{ background:#272727; border-left:0; }
.sidebar ul .active:hover{background:#272727;}
.sidebar ul .active a{ color:#fff; }
.sidebar ul li a{ color:#000; font-size:13px; text-transform:uppercase; display:block}
.sidebar ul li a .svg-inline--fa{  float:right;}
.next-pre{ padding:15px 0;}
.next-pre a{ background:#ff0000; color:#fff; font-size:14px; text-transform:uppercase; padding:8px 15px; width:100px; text-align:center; box-shadow:0px 2px 1px #272727; font-family:PT Sans;}

.tap-die-banner{background:url(../images/tab-die-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.tap-die-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.round-die-banner{background:url(../images/round-die-banner.jpg); padding:70px 0px; background-position:right;background-size:cover; }
.round-die-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.hexagonal-banner{background:url(../images/hexagonal-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.hexagonal-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.spannre-banner{background:url(../images/spanner-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.spannre-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.scaffolding-banner{background:url(../images/scaffolding-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.scaffolding-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:32px;}


.plier-banner{background:url(../images/plier-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.plier-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.hacksaw-banner{background:url(../images/hecksaw-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.hacksaw-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.engineering-banner{background:url(../images/engineering-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.engineering-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.wood-working-banner{background:url(../images/woodworking-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.wood-working-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.vices-banner{background:url(../images/vices-banner.jpg); padding:70px 0px; background-position:right;background-size:cover; }
.vices-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}

.striking-banner{background:url(../images/striking-banner.jpg); padding:70px 0px; background-position:right; background-size:cover;}
.striking-banner h1{ color:#fff; font-family:PT Sans; text-transform:uppercase; font-size:36px;}
.mm-metric-content table { width:100%; margin-bottom:30px;}
.mm-metric-content .table-responsive{ display:inline-table;}
.mm-metric-content table thead tr th{ background:#222; color:#fff; font-weight:100; font-size:13px;padding:2px 8px; text-align:center; vertical-align:text-top;font-family:PT Sans;}
.mm-metric-content p{ font-family:PT Sans; font-size:14px;}
.mm-metric-content table tbody tr td{font-size:13px; padding:2px 8px;font-family:PT Sans;}
.mm-metric-content h4{ font-size:18px;}
.mm-metric-content tr:nth-child(even) {background-color: #f2f2f2;}

.scaffolding .box img{ border:1px solid #ccc; margin-bottom:10px;}
.scaffolding .box p{ padding:8px 0; color:#fff; text-align:center; background:#222;}