/* 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: 'Lato', 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: 12px; text-align: center; color: #c4bcbc;}
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;}
.orange {color:#ee3133 !important;}
/* 1.1 Header */
.header { padding-top:5px;}
.topHeader { font-size:12px; font-size:1.2rem; width:100%;border-bottom: 1px solid rgba(0,0,0,0.1);}
.centerTag {width:100%; margin:auto; padding:0 8%;}
.centerImg { display:block; margin:auto;}
.tagLine { color:#666;}
.callTag , .emailTag { color:#ee3133;}
#clickme { display: none; margin: auto; width: 24px; cursor:pointer;}

.navigation{ width: 100%; padding: 0 9%;}
.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;-webkit-box-shadow: 0 3px 5px -2px #999; border-bottom:solid 1px #9EA0A0;}
/* 1.2 Banner */
.rslides_container {
  margin-bottom: 20px;
  
  position: relative;
  }
.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 {
 
  font-size:11px;
  font-size:1.1rem;
  padding: 5px;
 
}
.rslides1_nav { display:none;}
	}
  .caption {
  position: absolute;
  display: block;
  bottom: 15px;
  left: 30%;
  right: 0%; width: 40%; border-bottom: solid 5px #b80002; text-transform: capitalize; font-size: 24px;
  text-align: center;
  background: #000;
  background: rgba(242, 48, 49, .82);
  color: #fff;
}
.rslides1_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 55%;
  left: 0;
  z-index: 99;
  opacity: 0.7;
  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 */
@media screen and (min-width:601px){
	.events {
    width: 30%;
    float: left;
    border: 1px solid #CCCCCC;
}

.about {
	width:100%;
   
}

/* 1.3 Count Profile */
.countEach { width:48%; }
.countEach:nth-child(1) { margin-right:-1px;}
.countEach:nth-child(1) , .countEach:nth-child(3) {border-right:dashed 1px #999;}
.countEach:nth-child(1) , .countEach:nth-child(2) { border-bottom: dashed 1px #999;}
}
@media screen and (max-width:600px){
.about h3 , .events h3{ text-align:center;}	
}
.events {
    border-radius: 5px;
    padding:10px;
}
.about {

    padding: 10px;
  
}
.about h3{
    text-transform: uppercase;
    font-size: 24px;
	font-size:2.4rem;
    line-height: 35px;
	line-height:3.5rem;
    color: #ee3133;
    letter-spacing: 1px;
    font-weight: normal;
    border-bottom: 1px dashed rgb(204, 204, 204);
	text-align:center;
}
.about h4 {
    color: #ee3133;
    text-transform: capitalize;
    font-size: 17px;
	font-size:1.7rem;
	margin:10px;
    letter-spacing: 1px;}
.about p {
    font-size: 16px;
	font-size:1.6rem;
    text-align: justify;
    text-indent: 20px;
    color: rgb(102, 102, 102);
    line-height: 25px;
	line-height:2.5rem;
    margin: 10px 0px;
	
}

.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: #666666; padding: 5px 0;
}.floatImg { padding:5px;}
.floatImg img { display:block; width:100%; height:auto; margin:auto;}
.floatImg h3 { font-weight:bold; font-size:14px; margin:15px 0;}
.counter { margin-top:10px;}
.countEach { display:inline-block; padding:20px 0; border:dashed 1px #fff;}
.countIcon , .countText { display:block; text-align:center;}
.countIcon { font-size: 30px; font-size:3.0rem; color:#333; font-weight:bold;}
.countIcon i{ color:#d42d27; 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:#333; 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:#ee3133;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 { max-width:100%; height:auto; display:block; margin: auto;}
.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 #CCC; display:block; width:120px; margin:10px auto; text-align:center; font-size:12px; font-size:1.2rem; color:#ee3133;}
.productThumb:hover a.readMoreLink { background-color:#f23031; color:#FFF; border-color:#b80002;}
.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; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of4 { width: 25%; }

@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:#4e5b6c;background-image: url(../images/foot_back.png);
    background-repeat: repeat;
    background-position: left bottom; border-top:solid 4px #3F4957; padding:10px 0;}
.footerContent.second {border:none;}
.footerWrapper h3, .footerWrapper h3 a  , .otherProducts h3 { font-size:20px; font-size:2.0rem; color:#fff; margin:15px 0; vertical-align:middle;}
.footerContent p { font-size:14px; font-size:1.4rem; color:#CCC; line-height:24px; line-height:2.4rem; margin:10px 0;}
a.pro-link { color:#CCC; display:block; font-size:12px; font-size:1.2rem; line-height:20px; line-height:2.0rem; 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:#CCC;}
.copyRight { background-color:#080808; color:#CCC; padding:5px; text-align:center; font-size:11px; font-size:1.1rem;}
.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:13px; font-size:1.3rem; line-height:20px; line-height:2.0rem; 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:15px;}
.specList li{ font-size:13px; font-size:1.3rem; line-height:20px; line-height:2.0rem; margin:10px 0; color:#333;}
/* 1.7 Product Page */
.specTable{width:100%;font-size:14px;margin:0 0 30px 0;border-collapse:collapse; color:#4C4A4A;}.specTable td,.specTable th{padding:6px;vertical-align:top;text-align:left;}.specTable .groupHead{background-color:#ECECEC;text-transform:uppercase}.specTable .specsKey{width:15%;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 { width:100%; margin:20px auto;  margin-right:10px;}
.productImage , .productVideo {  border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; }
.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 #ee3133; color:#666;}
.productImage img { display:block; margin:auto; max-width:100%; }
a.readMoreLink.enquiry , a.readMoreLink.clients {background-color:#ee3133; color:#FFF; font-size:16px; font-size:1.6rem; line-height:25px; line-height:2.5rem; width:180px; border:solid 2px #a7211c;}
a.readMoreLink.enquiry:hover  {background-color:#d31012; }
a.readMoreLink.clients:hover { background-color:#000;}
a.readMoreLink.clients { background-color:#252122; 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: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; font-weight:bold;}
.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:781px) {
/* 1.1 Header */.navigation{ width: 100%; padding: 0;}
.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 { float: left; padding: 10px 0; }
.welcomeText { font-size: 16px;
    color:#fff;
    display: inline-block;
    padding: 10px 20px;
    text-align: center:;
    text-align: center;
    background-color: #f23031;
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgb(0, 0, 0);
    vertical-align: top;
    margin-top: 50px;}
.otherLogo { float:right; margin-top:5px;}
.otherLogo img { display:inline-block; margin-left:15px}
.navigationLarge { float:none; margin:auto;  background-color:#252122; border-bottom: 5px solid #f23031;}
.navigationLarge li { display:inline-block; list-style:none;}
.navigationLarge li a { display:block; color:#fff; font-size:14px; font-size:1.4rem; text-transform:uppercase; font-weight:300; padding:13px 18px;}
.navigationLarge li a:hover { background-color: #f23031;color: rgb(255, 255, 255);}
.navigationLarge li a.active {background-color:#f23031;
    color: rgb(255, 255, 255);}
/* 1.2 Banner */

/* 1.5 Footer */
.footerContent {float:left; border-right:dashed 1px #999; padding:0 10px;}
.footerContent.first { width:50%;}
.footerContent.second { width:50%; padding-left:20px;}
.OtherPrductEach { float:left; width:33%; padding:10px 0; padding:0 10px;}
.otherProducts a.pro-link:last-child { border:none;}.about .benefits {
    float: left;
    width: 49%;
	padding:10px;
 
}.floatImg { border: solid 1px #ccc;margin-bottom: 10px; border-radius:5px; padding:7px;}
}
@media screen and (max-width:600px) {
/* 1 General Rules*/
.responsiveImg { width:100%; height:auto;}
/* 1.1 Header */
#clickme { display:block;}
.logo {  margin:auto; text-align:center;}
.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:#252122;}
.nav a {font-size:12px; font-size:1.2rem; 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 #000;border-bottom:solid 1px #000;text-align:left;text-indent:25px}
.nav ul li a:hover , .nav ul li a.active { background-color:#f23031; border-right:solid 1px #1B2B48; border-bottom:solid 1px #152138;}
.nav a#button{font-size:14px; font-size:1.4rem;display:block;position:relative;width:100%;text-align:left;text-indent:10px;background-color:#f23031}
.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 { max-width:100%; height:auto;}.about .benefits {
    margin: 10px auto;
}
.caption { width: 100%; right: 0; left:0; bottom:0; font-size:14px; border-bottom:3px;}
	}
@media screen and (max-width:480px) {
/* 1.1 Header */
.nav ul li{width:100%;float:none;}
.nav ul li a { text-indent:10px}.logo img{ width: 50%; height: auto;}
/* 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 rgb(242, 48, 49);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:#f23031;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:250px}
}
/* CSS for Go to Top Function Ends */

/* css for product sub category*/
.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;}

.accordion-header {font-size:14px; font-size:1.4rem; font-weight:bold; text-align:left; text-transform:capitalize; background-color:#f23031; color:#fff; padding:15px 10px; outline:none; border-bottom:solid 1px #DADADA; cursor:pointer; border-left:3px solid #DADADA; transition:all .3s ease 0s;}
.accordion-header:hover , .ui-state-active {padding-left:20px;border-left:3px solid #f23031}
.product-sidebar ul li { list-style:none; border-left:3px solid #DADADA; border-top:1px solid #EEE; border-right:1px solid #EEE; margin:0; padding:7px 0 7px 20px; transition:all .3s ease 0s; line-height:25px;}
/*.product-sidebar ul li::before{content:"\f0da";font-family:FontAwesome;font-size:12px;margin:2px -15px 0;position:absolute}*/
.product-sidebar ul li:last-child {border-bottom:1px solid #eee;}
.product-sidebar li:hover , .product-sidebar li.current-menu-item{padding-left:32px;background-color:#f2f2f2;border-left:3px solid #f23031}
.product-sidebar ul li a { font-size:13px; font-size:1.3rem; color:#999; font-weight:700;}
.product-sidebar ul li.current-menu-item a,.product-sidebar ul li:hover a{color:#333}
@media screen and (max-width:600px) {
.product-full { display:block;}
.product-sidebar { display:none;} 
.product-sidebar , .productShow { padding-left:0;}}
/* product image */
#thumbs { padding-top: 10px; overflow: hidden; }
#thumbs img { border: 1px solid gray; padding: 4px; background-color: white; cursor: pointer; }
#thumbs img { float: left; margin-right: 6px; }
#thumbs img active{box-shadow: 0 0 5px red;}
#description { background: black; color: white; position: absolute; bottom: 0; padding: 10px 20px; width: 525px; margin: 5px; }
#panel { position: relative; }