/* CSS Document */
/* 1.0 General Rules */
/* 1.1 Header */
/* 1.2 Banner */
/* 1.3 Count Profile */
/* 1.4 Product Thumb */
/* 1.5 Footer */
/* 1.6 InnerPage */
/* 1.7 Product Page */
/* 1.0 General Rules start here */
html { font-size: 62.5%; } 
* { margin:0; padding:0; font-family: 'Roboto', sans-serif; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; text-decoration:none;}
h1{ font-size:10px; color:#4A4949; text-align: center; display:block;}
a img { border:none;}
.clear { clear:both;}
.clearFloat:after { content:''; display:block; clear:both;}
.wrapImage{ float:right; padding:10px; display:inline-block; width:100%; height:auto; max-width:200px;}
/* 1.1 Header */
.header { padding-top:5px;  }
.gradient { width:100%; height:15px; background: linear-gradient(-90deg, red, yellow); }	
.topHeader { font-size:12px; font-size:1.2rem; width:100%;}
.centerTag {max-width:1140px; margin:auto; padding:0; }
.centerImg { display:block; margin:auto;}
.tagLine { color:#666;}
.callTag , .emailTag { color:#a9a28f;}
#clickme { display: none; margin: auto; width: 24px; cursor:pointer;}
.nav a#button {display: none;}
a.social { display:inline-block; color:#000; margin:5px; width:32px; height:32px; background-color:#fff; text-align:center; line-height:32px;}
body.inner .NavWrapper {border-bottom:1px solid rgba(0,0,0,0.1); }
.NavWrapper-fixed  , body.inner .NavWrapper-fixed {position:fixed;top:0;left:0;right:0;background-color:#FFF;z-index:1000; padding-top:30px;}

  .vission { margin:0px;}
 
 .contactText { text-align:center; font-size:16px !important; line-height:30px !important;}
 .vissionText {   padding:25px;}
 .sub-header { width:100%; background-color:#302e31; position:relative; margin-top: 20px;}
.header-image { width:50%; background-image:url(../images/about-metalmech.html); background-size:cover; height:100%; position:absolute; top:0; right:0; bottom:0; background-repeat:no-repeat;}
.header-image-full {width:100%; background-image:url(../images/Wood-Dryer-Factory.jpg); background-size:cover; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat;}
.header-text-table { display:table; height:250px; text-align:left; position:relative; width:45%;}
.header-text-table-default {width:60%;}
.header-text-table-raw { display:table-row; height:100%;}
.header-text-table-cell { display:table-cell; vertical-align:middle;}
.header-text-table .header-text { font-size:40px; font-size:4.0rem; color:#fff; font-weight:bolder; letter-spacing:1px; text-transform:uppercase; margin-bottom:20px;}
.contentSection  .headingBorder {width:75%; }.headingBorder:before { content:""; display:block; width:70px; height:7px; position:relative; top:-3px; background-color:#fff; margin:auto; }.headingBorder { height:1px; background-color:#898989;  margin:auto;}
.header-text-table .headingBorder {width:100%;}
.header-text-table .headingBorder:before { background-color:#fff; margin-left:0px;}
.breadcrumb {list-style:none;}
.breadcrumb li { display:inline-block; font-size:12px; font-size:1.2rem; text-transform:capitalize; margin:0 5px; line-height:20px;}
.breadcrumb li i { font-size:16px; font-size:1.6rem;}
.breadcrumb li:after { content:'\f101'; font-family:'fontAwesome'; display:inline-block; margin-left:5px;}
.breadcrumb , .breadcrumb li a { color:#fff;}
.breadcrumb li.active {color:#000;}
.breadcrumb li.active:after { display:none;}
.breadcrumb-margin { margin-top:30px;}
.about-whatsup{width: 60px;margin-right: auto;margin: 0;position:relative;top: 20px;left: 17px;}
.about-code{position: relative;left: 77px;margin-top: 12px;}
.custom-about{position: relative;top: 8px;}
@media screen and (max-width:1024px) {
	.centerTag { padding:0px 10px;}
	.sub-header { margin-top:5px;}
.header-image , .header-text-table { width:100%; text-align:center; background-color:rgba(0,0,0,0.7); height:200px; padding:0 10px;}
.header-text-table-default { background:none;}
.header-text-table .header-text { font-size:30px; font-size:3.0rem;}
.header-text-table .headingBorder {width:50%;}
.header-text-table .headingBorder:before { margin-left:auto;}
.breadcrumb { max-width:600px; margin-left:auto; margin-right:auto;}
.header-text-wrap { padding:0 !important;} 
	 }.floatImg { border: solid 1px #ccc;margin-bottom: 10px; border-radius:5px; padding:7px;}
	 .floatImg img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}
.product-full { margin:25px auto; display:flex; flex-flow: row wrap; }
.product-sidebar { max-width:400px; flex: 0 1 30%; order:1}
.productShow {padding-left:40px; flex: 0 1 70%; order:2; overflow:hidden;}
.contentSection { max-width:1100px; margin:auto;}
@media screen and (max-width:1024px) {.contentSection { padding-left:10px !important; padding-right:10px !important;}}
 @media screen and (min-width:601px) { .vission { margin-bottom:75px;}.vissionImg , .vissionText { float:left; width:50%;}.vissionImg { float:left; width:50%;} 
 .vissionImg img{ width:100%; height:auto;}
 .vissionText { padding:25px;}}
 @media screen and (max-width:600px) {.vissionImg { display:none;}.vissionText {  padding:10px; text-align:center;} }
/* 1.2 Banner */
.rslides_container {
  margin-bottom: 20px;
  position: relative;
  margin-top:20px;
  }
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
@media screen and (min-width:601px) {
	 .caption {

  font-size:14px;
  font-size:1.4rem;
    padding: 15px;
  
}

	}
@media screen and (max-width:600px) {
	 .caption {
	 bottom: 0px !important;
  left: 0% !important;
  right: 0% ; width: 100% !important; border-bottom: solid 2px #b80002; font-size: 14px !important;	 
		
  
  padding: 5px;
 
}
.rslides_container {
  margin-top:0px;
  }
.rslides1_nav { display:none;}

	}
	
  .caption {
  position: absolute;
    display: block;
    bottom: 40%;
    left: 10%;
    right: 0%;
    width: 35%;
    border-bottom: solid 5px #fff;
    text-transform: capitalize;
    font-size: 24px;
    text-align: center;
    background: rgba(79, 61, 42, 0.8);
    color: #fff;
	border-radius:5px;
}
.caption a:first-child { color:#fff;}
 .bannerLink{
	text-decoration:none;
    font-size: 16px;
	padding: 5px 10px;
 background: #000;
    color: #fff;
	display:inline-block;
	margin-top:10px;
	border-radius:5px;
}

 .caption:hover .bannerLink{
	background:#b9ae96;
	}
.rslides1_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 55%;
  left: 0;
  z-index: 99;
  opacity: 1;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.rslides1_nav:active {
  opacity: 1.0;
  }

.rslides1_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
 .rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }
/* 1.3 Count Profile */

.events {
    border-radius: 5px;
    padding:10px;
}
.about {
	margin:20px 0;
	padding:10px;
  
}
.about h3 , .events h3{
    text-transform: uppercase;
    font-size: 24px;
	font-size:2.4rem;
    line-height: 35px;
	line-height:3.5rem;
    color: #d23200;
    letter-spacing: 1px;
    font-weight: normal;
    border-bottom: 1px dashed rgb(204, 204, 204);
}
.about h4 {
    color: #5042cb;
    text-transform: capitalize;
    font-size: 18px;
	font-size:1.8rem;
	margin:10px;
    letter-spacing: 1px;}
.about p {
    font-size: 16px;
	font-size:1.6rem;
    
    color: rgb(84, 82, 82);
    line-height: 25px;
	line-height:2.5rem;
    margin: 10px 0px;
	letter-spacing:1px;
}
@media screen and (min-width:601px){
	.events {
    width: 100%;
}

.about {
	width:100%;
}
.about p { text-align:justify;}	
.about .benefits {float:right;width:49.5%;}.countProfile { margin:10px 0; padding:50px 0; background-image:url(../images/counter-bg.jpg); background-repeat:no-repeat; background-position:center center;}.countEach { width:24.7%; border-right:dashed 1px #999; display:inline-block;}
}
@media screen and (max-width:600px){
.about h3 , .events h3{ text-align:center;} .about p { text-align:center;} .about .benefits { margin:10px auto;}

}

.benefits ul { padding-left:20px; margin-left:10px;}
.benefits ul li {
    font-size: 16px;
	font-size:1.6rem;
    line-height: 25px;
	line-height:2.5rem;
    border-bottom: dashed 1px #CCC;
    color: rgb(84, 82, 82);
	padding:5px 0;
}

.counter { max-width:1100px; background-color:#fff;}
.countEach { padding:20px 0;}
.countIcon , .countText { display:block; text-align:center;}
.countIcon { font-size: 30px; font-size:3.0rem; color:#333; font-weight:bold;}
.countIcon i{ color:#d2c8b2; margin-right:10px;}
.countText { font-size:14px; font-size:1.4rem; color:#666; line-height:22px; line-height:2.2rem; margin-top:10px;}
.countEach:last-child { border:none;}
.aboutCompany { font-size:16px; font-size:1.6rem; color:#343232; text-transform:capitalize; line-height:25px; line-height:2.5rem; margin:20px 0; text-align:center; letter-spacing:1px;}
.centerProfileImg { display:block; margin:auto; width:100%; max-width:600px; height:auto}
/* 1.4 Product Thumb */
.centerHeading { color:#1F1F1F; font-size:20px; font-size:2.0rem; font-weight:300; text-align:center; margin-top:25px; text-transform:capitalize;}
.divider { width:70%; margin:15px auto; height:1px; position:relative; border-top:solid 1px #e1e1e1;}
.divider:before {content:'';display: block;width:70px;height:5px;margin: 0 auto;background-color:#d0c8b2; margin-top: -3px;}
.productThumb { border:solid 1px #E2E2E2; margin-bottom:14px; border-radius:5px;}
.productThumb:hover { box-shadow:0px 0px 5px #CCC;}
.productPicture { width:90%; margin:10px auto; border-radius:5px; overflow:hidden;}
.productPicture img { width:100%; height:auto; display:block;}
.productName { font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; text-align:center; font-weight:normal; margin:10px auto;}
.productDescription { font-size:12px; font-size:1.2rem; line-height:20px; line-height:2.0rem; text-align:center; color:#666;}
a.readMoreLink { padding:5px 10px; border-radius:10px; border:solid 2px #bfb8a3; display:block; width:120px; margin:10px auto; text-align:center; font-size:12px; font-size:1.2rem; color:#a9a08e;}
.productThumb:hover a.readMoreLink { background-color:#d0c8b2; color:#FFF; border-color:#b9ae96;}
.productThumb , a.readMoreLink , .hexagon{-webkit-transition:all 0.3s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.productPicture .hexagon {width: 100%; margin:10px auto;}
.column { float: left; padding:7px; text-align:center !important; }
.size-1of1 { width: 100%; text-align:center !important;}
.size-1of2 { width: 50%; text-align:center !important;}
.size-1of4 { width: 25%; text-align:center !important;}

@media screen and (max-width: 480px){
	#grid[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#grid[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}
@media screen and (min-width: 769px) {
	#grid[data-columns]::before {
		content: '4 .column.size-1of4';
	}
}
/* 1.5 Footer */
.footerWrapper { background-color:#D7D4C1;  padding:40px 0;}
.footerContent.second {border:none;}
.footerWrapper h3  , .otherProducts h3 { font-size:20px; font-size:2.5rem; color:#fff; margin-bottom:15px; vertical-align:middle;}
.footerWrapper i { margin-right:10px;}
a.social i { margin-right:0;}
.footerContent p { font-size:14px; font-size:1.4rem; color:#46392e; line-height:24px; line-height:2.4rem; margin:10px 0; margin-bottom:15px;}
a.pro-link { color:#46392e; display:block; font-size:15px; font-size:1.5rem; line-height:32px; line-height:3.2rem; text-transform:capitalize !important; }
a.pro-link:hover , a.footerEmailLink:hover , a.footerWebLink:hover , .copyRight a:hover{ color:#FFF;}
a.pro-link:before { content:'\f07e'; font-family:'fontawesome'; margin-right:7px;}
a.footerEmailLink , a.footerWebLink , .copyRight a { word-break:break-all; color:#46392e;}
.copyRight { background-color:#bdb8a3; color:#46392e; padding:20px; text-align:center; font-size:12px;}
.otherProducts {background-color:#3F4957; padding:10px 0;}
.OtherPrductEach { padding:10px;}
.otherProducts a.pro-link:before{ content:'\f08e';}
.otherProducts a.pro-link { line-height:30px; border-bottom:groove 2px #545F6E;}
.gid { margin-left:10px;}
/* 1.6 Inner Page */
.pageText { font-size:14px; font-size:1.4rem; line-height:23px; line-height:2.3rem; margin:10px 0; color:#333;}
.pageText strong { font-weight:bold; color:#000;}
.clientsTable { width:100%; text-align:center; font-size:12px;}
.clientsTable tr:nth-child(2n + 2){ background-color:#ECECEC; }
.clientsTable tr:nth-child(2n + 2) td {padding:5px 0px;}
.contact p.pageText { margin-bottom:5px; font-size:20px !important; font-size:2.0rem !important; line-height:40px !important; line-height:4.0rem !important;}
a.innerLink { color:#333;}
.specList { margin-left:20px;}
.specList li{ font-size:13px; font-size:1.4rem; line-height:20px; line-height:2.0rem; margin:10px 0; color:#333;}
/* 1.7 Product Page */
.specTable{width:100%;font-size:12px;margin:0 0 30px 0;border-collapse:collapse; color:#4C4A4A; text-align:center !important;}.specTable td,.specTable th{padding:5px 0px;vertical-align:top;}.specTable .groupHead{background-color:#ECECEC;text-transform:uppercase}.specTable .specsKey{border-bottom:1px dotted #c9c9c9;border-right:1px solid #c9c9c9;}.specTable .specsValue{border-bottom:1px dotted #c9c9c9;border-left:1px solid #c9c9c9;}.specTable td:only-child{border-left:none;border-right:0;} .specTable td.specsKey,.specTable .groupHead{ color:#2A2929;}
iframe.video { max-width:420px; margin:auto; display:block; width:100%; height:auto; min-height:300px;}
.productImageWraper , .productVideoWraper {float:left; width:48%; margin:10px auto;  margin-right:10px;}
.productImage , .productVideo { background-color:#F5F5F5; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; box-shadow:2px 2px 3px #E5E5E5;}
.videoTitle { background-color:#F5F5F5; padding:10px; font-size:20px; font-size:2.0rem; line-height:25px; line-height:2.5rem; border-top-left-radius:10px; border-top-right-radius:10px; border-left:4px solid #b9ae96; color:#666;}
.productImage img { display:block; margin:auto; max-width:400px; height:auto;}
a.readMoreLink.enquiry , a.readMoreLink.clients {background-color:#d0c8b2; color:#FFF; font-size:16px; font-size:1.6rem; line-height:25px; line-height:2.5rem; width:150px; border:2px solid #b9ae96;}
a.readMoreLink.enquiry:hover  {background-color:#b9ae96; }
a.readMoreLink.clients:hover { background-color:#2752B0;}
a.readMoreLink.clients { background-color:#0B2F7D; border:solid 2px #051C4D;}
.pageHeading { font-size:14px; font-size:1.4rem; line-height:18px; line-height:1.8rem; background-color:#ECECEC; padding:5px; text-transform:uppercase; color:#2A2929; margin:15px 0 10px 0;}
@media screen and (min-width:769px) {
/* 1.0 General Rules end here */
/* 1.1 Header */
.tagLine { float:left;}	
.callTag , .emailTag { display:block; float:right; padding:3px 10px;}
.callTag { border-right:1px solid rgba(0,0,0,0.2);}
.logo { float:left !important;}
.navigationLarge {}
/* 1.2 Banner */
/* 1.3 Count Profile */
/* 1.4 Product Thumb */

/* 1.5 Footer */
	}
@media screen and (max-width:768px) {
/* 1.1 Header */
.topHeader { font-size:11px; font-size:1.1rem; }
.tagLine , .callTag , .emailTag { padding:10px; margin:auto; text-align:center;}
/* 1.2 Banner */
/* 1.3 Count Profile */
/* 1.5 Footer */

	}
@media screen and (min-width:601px) { 
/* 1.1 Header */
.logo {   margin:auto; margin-bottom:-18px;}
.logo2 {  width:100%; text-align:center; display:none; }
.welcomeText { font-size: 16px;
    color:#fff;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    background-color: #d23200;
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgb(0, 0, 0);
    vertical-align: top;
    margin-top: 40px;}
.navigationWrap {float:right;margin-top:30px; }
.navigationLarge {  margin:auto;  background-color: #fff; margin-top:15px; }
.navigationLarge li { display:inline-block; list-style:none;}
.navigationLarge li a { display:block; color:#444444; font-size:14px; font-size:1.4rem; text-transform:uppercase; font-weight:500; padding:0px 10px;}
.navigationLarge li a:hover { color: #a9a28f;}

  
/* 1.2 Banner */

/* 1.5 Footer */
.footerContent {float:left; border-right:dashed 1px #999; padding:0 10px;}
.footerContent.first { width:59.5%;}
.footerContent.second { width:40%; padding-left:20px;}
.OtherPrductEach { float:left; width:33%; padding:10px 0; padding:0 10px;}
.otherProducts a.pro-link:last-child { border:none;}
.productImage img{ width: 100%; height:auto;}
}
@media screen and (max-width:600px) {
/* 1 General Rules*/
.responsiveImg { width:100%; height:auto;}
/* 1.1 Header */
#clickme { display:block; }
.logo2{ display:block; width:100%; text-align:center;}
.logo2 img{ width:90%;}
.logo { width:100%; margin:auto; text-align:center; display:none;}
.welcomeText { display:none; }
.otherLogo { float:none; margin:5px auto; text-align:center;}
.topTags { display:none;}
.tagLine , .callTag , .emailTag { display:block; padding:5px; margin:auto; text-align:center;}
.nav {heigh:auto;background-color:#595A5A;}
.nav a {font-size:12px; font-size:1.5rem; line-height:40px; line-height:4rem; color: #FFFFFF; display:block;}
.nav ul{width:100%;display:none;height:auto}
.nav ul li{width:50%;float:left;list-style:none;}
.nav ul li a {width:100%;border-right:solid 1px #494949;border-bottom:solid 1px #494949;text-align:left;text-indent:25px}
.nav ul li a:hover , .nav ul li a.active { background-color:#D7D4C1;}
.nav a#button{font-size:14px; font-size:1.4rem;display:block;position:relative;width:100%;text-align:left;text-indent:10px;background-color:#333333}
.nav a#button:after{content:"\f0c9";position:absolute;top:0;right:10px;display:block;width:30px;height:30px; font-family:"fontawesome"; font-size:24px;}
.NavWrapper-fixed , body.inner .NavWrapper-fixed { border:none; position:static;}
.NavWrapper-fixed .centerTag { padding:0px;}	
.centerHeading { padding:0 5px;}
/* 1.2 Banner */
/* 1.3 Count Profile */
.countEach { width:99.9%; border-bottom:dashed 1px #999; display:block; padding:20px 0;}
/* 1.5 Footer */
.footerContent {border-bottom:dashed 1px #999; padding:10px;}
a.pro-link { margin-bottom:10px;}
.OtherPrductEach { width:100%; padding:0 5px;}
.gid { display:block; margin-top:7px;}
/* 1.6 Inner Page */
.clientsTable img { width:75%; height:auto; display:block; margin:auto;}
.clientsTable.flags img { width:50%; height:auto; display:block; margin:auto;}
/* 1.7 Product Page */
.productImageWraper , .productVideoWraper {float:none; width:99%; margin:10px auto;  margin-right:auto;}
.productImage img { width:100%; height:auto;}
	}
@media screen and (max-width:480px) {
/* 1.1 Header */
.nav ul li{width:100%;float:none;}
.nav ul li a { text-indent:10px}
/* 1.2 Banner */
/* 1.3 Count Profile */
/* 1.5 Footer */
}
/* CSS for Go to Top Function Starts */
.cd-top{display:inline-block;height:45px;width:45px;position:fixed;bottom:60px;right:10px;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/cd-top-arrow.svg) center 50% no-repeat #bfb8a3;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}
.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.no-touch .cd-top:hover{background-color:#b3ab92;opacity:1}
@media only screen and (min-width:768px){
.cd-top{right:20px;bottom:60px}

}
@media only screen and (min-width:1024px){
.cd-top{height:45px;width:45px;right:30px;bottom:60px}
}
/* CSS for Go to Top Function Ends */

.catalog {font-size:20px; color:#fff; text-align:center; border: 1px solid #b9ae96; border-radius:10px; display:inline-block; padding:10px; background-color:#d0c8b2; margin:5px 0px;}
.catalog:hover {color:#51473b; background-color:transparent; border: 1px solid #51473b;}
.bold { font-weight:bold;}
.link { color:#000; text-decoration: underline;}
.link:hover { color:#e82e00;}
.centerTag2 { display:flex; flex-wrap: wrap;  justify-content: center;}
.center-pro { flex: 0 1 calc(25% - 10px); margin:5px}
@media only screen and (max-width:600px){
.center-pro { flex: 0 1 calc(30% - 10px);}
}

@media only screen and (max-width:480px){
.center-pro { flex: 0 1 calc(80% - 10px);}
}
.ab_wp_section{
  width: 380px;
  margin: 0 auto;
  font-size: 18px;
}
.col-md-3{
  width: 42.33%;
  float: left;
}
.col-md-1{
  width: 10%;
  float: left;
}
.text-center{
  text-align: center;
}