﻿/*=======================================================================================================================================
																	Generic CSS
=======================================================================================================================================*/
*
{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1em;
}

*::selection{background:#019934; color:#fff;}


/* Basic Common Column structure */
.width100{width:100%}
.margin_auto{margin:0px auto}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* ========= Font Specific ========= */
.tiny{font-size:0.8em}
.small{font-size:0.9em}
.regular{font-size:1.1em}
.semiMedium{font-size:1.3em;}
.medium{font-size:1.5em}
.large{font-size:2.2em}
.extra-large{font-size:2.6em;line-height:1.5}

.light{font-family: 'Open Sans', sans-serif !important; font-weight:300;}
.fontRegular{font-family: 'Open Sans', sans-serif; font-weight:400;}
.semiBold{font-family: 'Open Sans', sans-serif; font-weight:600;}
.bold{font-family: 'Open Sans', sans-serif; font-weight:700;}
.upperCase{text-transform:uppercase}
.strike{ text-decoration:line-through}

/*float classes*/
.float_left{float:left;display:inline}
.float_right{float:right;display:inline}
.float_clear{clear:both;}

/*text alignment*/
.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.txtLeft{text-align:left;}

/* padding */
.pad_5{padding:0.3em}
.pad_10{padding:0.6em}
.pad_14{padding:0.8em}
.pad_15{padding:0.9em}
.pad_20{padding:1.2em}
.pad_25{padding:1.5em}
.pad_30{padding:1.8em;}
.pad_40{padding:2.5em}
.pad_50{padding:3.1em}

.home_pad_offset{padding:1.8em;}

.pad_LR_30{padding:0 1.8em;}
.pad_L_15{padding-left:0.9em}
.pad_R_15{padding-right:0.9em}
.pad_LR_15{padding:0em 0.9em;}
.pad_LR_20{padding-left:1.2em;padding-right:1.2em}
.pad_LR_25{padding:0em 1.5em;}
.pad_LR_30{padding:0em 1.8em;}
.pad_L_30{padding-left:1.8em}
.pad_R_30{padding-right:1.8em}
.pad_TB_30{padding-bottom:1.8em;padding-top:1.8em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TB_15{padding-bottom:0.9em;padding-top:0.9em}
.pad_TB_20{padding-bottom:1.2em;padding-top:1.2em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}

/* margin */
.mrg_B_3{margin-bottom:0.18em;}
.mrg_B_5{margin-bottom:0.3em;}
.mrg_B_10{margin-bottom:0.6em;}
.mrg_B_15{margin-bottom:0.9em;}
.mrg_B_20{margin-bottom:1.2em;}
.mrg_B_25{margin-bottom:1.5em;}
.mrg_B_30{margin-bottom:1.8em;}

.mrg_R_15{margin-right:0.9em;}
.mrg_L_15{margin-left:0.9em;}

/*spacer*/
.space5{height:0.3em; display:block;}
.space10{height:0.6em; display:block;}
.space15{height:0.9em; display:block;}
.space20{height:1.2em; display:block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}
.space60{height:60px; display:block;}
.space70{height:70px; display:block;}
.space80{height:80px; display:block;}

/* coloumn structure*/
.col_1140{width:1140px;margin:0px auto}
.col_1_2{width:570px; float:left;}
.col_1_3{width:380px; float:left;}
.col_1_4{width:285px; float:left;}
.col_1_5{width:228px; float:left;}
.col_1_6{width:190px; float:left;}
.col_2_3{width:760px; float:left;}
.col_980{width:980px;}
.col_800_center{width:800px;margin:0px auto}
.col_800{width:800px; float:left}
.col_340{width:340px; float:left}

.col_800_right{width:800px; float:right;}
.col_340_right{width:340px; float:right;}

/*position*/
.posRelative{position:relative !important }

/*border-radius*/
.border_r_3{border-radius:3px;}
.border_r_4{border-radius:4px;}
.border_r_5{border-radius:5px;}
.border_r_50{border-radius:50%;}
.noBorder{border:none !important }

/*liner*/
.liner{height:1px; background-color:#000; display:block;}

/*text transform*/
.upperCase{text-transform:uppercase}
.capitalize{text-transform:capitalize;}
.txtDecNone{text-decoration:none;}

/* Notification */
.info, .success, .warning, .error {
margin: 10px 0px;
padding:12px;
padding-left:36px !important;display:block
}
.info {
	color: #00529B;
	background: #BDE5F8 url(../images/icons/ico-info.png) no-repeat 12px center;
}
.success {
	color: #4F8A10;
	background: #DFF2BF url(../images/icons/ico-success.png) no-repeat 12px center;
}
.warning {
	color: #9F6000;
	background: #FEEFB3 url(../images/icons/ico-warn.png) no-repeat 12px center;
}
.error {
	color: #D8000C;
	background: #FFBABA url(../images/icons/ico-error.png) no-repeat 12px center;
}

/*========================================================================================================================================
																	Positron CSS
========================================================================================================================================*/

/* Theme Colors */
.themeBgPrime{background:#019934;} /* Green */
.themeBgSec{background:#004c1a;} /* Dark Green */

.themeClrPrime{color:#019934;}
.themeClrSec{color:#004c1a;}

.bgGrey{background:#f3f4f9;}
.bgLightGrey{background:#f0f0f0;}
.bgWhite{ background:#ffffff }

.clrWhite{color:#fff;}
.clrBlack{color:#000;}
.clrGrey{color:#a1a0a0;}
.clrDarkGrey{color:#606062;}
.bgBlack{background:#000;}
.colorRed{color:#e12b2b}

.concreteBg{background:url("../images/concrete-background.jpg") no-repeat fixed center; background-size:cover; display:block; width:100%;}

/* Text Style */
.paraTxt{color:#3e3e3e; line-height:1.5; font-size:1em;}
.subPara{line-height:1.5; font-size:1.3em;}
.line-ht-3{line-height:1.3;}
.line-ht-5{line-height:1.5;}
.line-ht-8{line-height:1.8;}
.letter-sp-2{letter-spacing:2px;}
.letter-sp-3{letter-spacing:3px;}

.greyLine{background:#ccc; height:1px; width:100%; display:block; margin-top:25px; margin-bottom:25px;}

.dis-tbl{display:table;}
.tbl-cell{display:table-cell; vertical-align:middle;}

.shortLine{display:block; width:100%; height:3px; width:80px; margin-top:20px; margin-bottom:20px;}

/* Header */
#header{}
.logo{float:left; margin-top:110px;}
.space3{height:3px; display:block;}
.disp-none{display:none;}

.socialBox{position:absolute; right:15px; top:0px;}
.topFb{background:url("../images/icons/topFb.png") no-repeat center center; width:32px; height:32px; margin-right:5px; display:inline-block;}
.topTwt{background:url("../images/icons/topTwt.png") no-repeat center center; width:32px; height:32px; margin-right:5px; display:inline-block;}
.topLinked{background:url("../images/icons/linkedin.png") no-repeat center center; width:32px; height:32px; margin-right:5px; display:inline-block;}
.topGplus{background:url("../images/icons/topGplus.png") no-repeat center center; width:32px; height:32px; margin-right:5px; display:inline-block;}
.topyouTube{background:url("../images/icons/topYoutube.png") no-repeat center center; width:32px; height:32px;display:inline-block;}

.topWhatsapp{background:url("../images/icons/whatsapp.png") no-repeat top left; position:absolute; right:15px; top:55px; color:#000; font-size:1.1em; padding-left:32px; text-decoration:none; line-height:1.5; font-weight:700;}
.topCall{background:url("../images/icons/topCall.png") no-repeat top left; position:absolute; right:15px; top:90px; color:#000; font-size:1.1em; padding-left:32px; text-decoration:none; line-height:1.5; font-weight:700;}
.fixedWhatsapp{background:url("../images/icons/fWhatsapp.png") no-repeat top left; position:fixed; right:0; top:53%; width:32px; height:32px;}

.searchBox{position:absolute; top:-20px; right:150px; background:#000; width:270px;}
.searchTxt{border:1px solid #ccc; display:inline-block; resize:none; padding:5px; font-size:0.8em;}
.searchPad{padding:8px 8px 8px 8px;}
.searchBtn{background:url("../images/icons/search.png") no-repeat center center; width:24px; height:24px; display:inline-block; margin-left:5px; cursor:pointer;}

/* Navigation */
#topNavPanel{float:right;}
#topNav{list-style:none;margin-top:140px;}
#topNav li{display:inline-block; position:relative;}
#topNav li a{display:block;text-decoration:none;font-family: 'Open Sans', sans-serif; font-weight:600;font-size:1em;line-height:1.3;color:#000000;padding:0.3em 0.8em; cursor:pointer}
#topNav li a.subNav{background:url(../images/icons/navArrow.png) no-repeat right center;padding-right:23px!important}
#topNav li a:before{content:''; display:block; position:absolute; left:0; bottom:0; height:3px; width:0; transition:width 0s ease, background .5s ease;}
#topNav li a:after{content:''; display:block; position:absolute; right:0; bottom:0; height:3px; width:0; background:#019934; transition:width .5s ease;}
#topNav li a:hover:before{width:100%; background:#019934; transition:width .5s ease;}
#topNav li a:hover:after{width:100%; background-color:transparent; transition:all 0s ease;}
#topNav li a:hover{color:#019934;}

#navBtn{width:34px;height:34px;background:url(../images/icons/nav-btn.png) no-repeat left center;display:none; cursor:pointer; float:right; position:absolute; top:130px; right:13px; }

#topNav ul{position:absolute; display:none; top:30px; left:0px;background-color:#222222; padding:5px 0;}
#topNav ul li{display:block;}
#topNav ul li a{font-family: 'Open Sans', sans-serif; font-weight:400; display:block;text-decoration:none;color:#fff; font-size:0.9em; padding:8px 15px; width:190px;}
#topNav ul li a:after{display:none;}
#topNav ul li a:before{display:none;}
#topNav ul li a:hover{color:#019934 !important; background:#000;}
#topNav li:hover > ul{display:block; z-index:3}

/* Banner */
.banner{background:url("../images/banner/banner-1.jpg") no-repeat center center; background-size:cover; width:100%; height:500px;}

.readAnch{text-decoration:none; background:#019934; border:2px solid #019934; font-size:0.9em; color:#fff; padding:10px 20px; display:inline-block; line-height:1.5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.readAnch:hover{background-color:transparent; color:#019934;}

.readAnchWhite{text-decoration:none; background:transparent; border:2px solid #fff; font-size:0.9em; color:#fff; padding:10px 20px; display:inline-block; line-height:1.5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.readAnchWhite:hover{background-color:#fff; color:#019934;}

/*#about .col_1_2 h1{position:relative;}
#about .col_1_2 h1:after{content:url("../images/D-IN.png"); position:absolute; top:0; right:15%; }*/

/* Quick Boxes */
.qBox{text-decoration:none; transition:all 0.5s ease-in-out;}
.qBox:hover h3{color:#000;}

.zoomImg{overflow:hidden;}
.zoomImg img{width:100%; cursor:pointer; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out;}
.qBox:hover img{-webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15); transform:scale(1.15,1.15);}



/* Footer */
.topFooterLine{background:#ccc; width:100%; height:2px; display:block;}
.footer{background:#6d6d6d;}
.footer span{display:block; color:#f5f5f5;}
.footerCaption{font-size:1.5em; line-height:1.5;}
.footerNav{list-style:none}
.footerNav li{}
.footerNav li a{text-decoration:none;display:inline-block;padding:0.2em 0em;color:#f5f5f5;font-size:1em; line-height:1.3;}
.footerNav li a:hover{color:#70fb9d;}
.intellect{text-decoration:none; color:#f5f5f5; font-weight:600;}
.intellect:hover{color:#70fb9d;}
.footerLogo{display:block; opacity:0.3;}
.footerLine{background:#919191; width:100%; height:1px; display:block;}

.socialIco{width:32px; height:32px; display:inline-block; margin-right:5px;}
.fb{background:url("../images/icons/fb.png") no-repeat center center;}
.fb:hover{background:url("../images/icons/fb-invert.png") no-repeat center center;}
.twitter{background:url("../images/icons/twt.png") no-repeat center center}
.twitter:hover{background:url("../images/icons/twt-invert.png") no-repeat center center}
.gplus{background:url("../images/icons/gPlus.png") no-repeat center center}
.gplus:hover{background:url("../images/icons/gPlus-invert.png") no-repeat center center}
.youTube{background:url("../images/icons/youtube.png") no-repeat center center;}
.youTube:hover{background:url("../images/icons/youtube-invert.png") no-repeat center center;}

/* Contact Info - Home */
.addr{background:url("../images/icons/location.png") no-repeat top left; display:block; padding-left:34px;}
.email{background:url("../images/icons/mail.png") no-repeat top left; display:block; padding-left:34px; }
.call{background:url("../images/icons/call.png") no-repeat top left; display:block; padding-left:34px;}
.breakWord{word-wrap:break-word;}

.width30{width:30%; float:left;}

.footerBrands{display:inline-block; margin-right:10px;}

/* Page Headers */
.pg_TB_pad{padding:3em 0em;}
.headerOverlay{background:rgba(0,0,0,0); display:block;}
.pgHeader{background:#019934; width:100%; box-shadow:inset 2px 4px 20px rgba(0,0,0,0.5);}

/* Page Header Styles */
.pageH1{font-size:3.2em;line-height:1.3;}
.pageH2{font-size:2.1em; line-height:1.5;}
.pageH3{font-size:1.7em; line-height:1.5;}
.pageH4{font-size:1.4em; line-height:1.5;}

/* Bread Crumbs */
.bCrumb{list-style:none;float:left;display:inline;font-size:1em; margin-top:8px;}
.bCrumb li{float:left;display:inline;margin-right:0.6em;color:#fff;}
.bCrumb li a{text-decoration:none;font-size:1em; font-weight:bold; color:#000;}
.bCrumb li a:hover{border-bottom:2px solid #000; }

.contentBg{background:#f4f3f2;}

.width60{width:50%; float:left;}
.width40{width:40%; float:left;}

/* Sidebar Navigation */
.sideContainer{background:#fff; border:1px solid #e9e9e9;}
.sideNavHead{font-size:1.5em; padding:15px 20px;}
.sideThemeLine{height:2px; display:block; width:100%;}
.sideNav{list-style:none }
.sideNav li{ font-size:1.1em; display:block; border-bottom:1px dotted #b2b2b2 }
.sideNav li a{padding:10px 10px; color:#969696; text-decoration:none; display:inline-block; font-weight:400;}
.sideNav li a:hover{color:#8BC73E;}

/* page sidebar */
.sideBlueBase{background-color:#e3e5e4;text-align:center}
.sideTitle{color:#191c1f;line-height:1.5;}
.sideIntro{color:#4d4e53;line-height:1.3;font-size:1em}
.sideAnch{background-color:#019934;color:#fff;text-align:center; display:inline-block; padding:0.8em 1.7em;text-decoration:none;line-height:1.3;margin:0px auto}
.sideAnch:hover{background-color:#000000;}

/* basic list */
.basicList{list-style:none; padding-left:15px;}
.basicList li{list-style-image:url('../images/icons/green-dot.png'); padding:4px; font-size:1em; line-height:1.5;}
.basicList li span{font-size:1em; font-weight:400;}

.basicListBrief {list-style:none; padding-left:15px;}
.basicListBrief li{list-style-image:url('../images/icons/green-dot.png'); padding:4px; font-size:1em; line-height:1.1;}
.basicListBrief li span{font-size:1em; font-weight:400;}

/* Products */
.pContainer{max-width:600px;}

.vidBg .themeBgPrime{transition:0.5s;}
.vidBg:hover .themeBgPrime{background:#014217;}

.pdfLink{background:url("../images/icons/pdf.png") no-repeat left center; padding-left:30px; text-decoration:none; color:#EC3237; font-size:1em; line-height:2; font-weight:400;}
.pdfLink:hover{border-bottom:1px solid #EC3237;}

.visionQuote{background:url(../images/icons/vision_quote.png) no-repeat left top; padding:0.2em 0 0 0; color:#fff; padding-left:43px; line-height:1.5;}

/* Contact Us */
#map-canvas {width:100%; height:400px; margin:0; padding:0;}
.conIco{padding-left:40px; line-height:1.5; font-size:1.1em; color:#404041}
.home{background:url("../images/icons/home.png") no-repeat top left; display:block;}
.conMail{background:url("../images/icons/conEmail.png") no-repeat top left; display:block;}
.conCall{background:url("../images/icons/conCall.png") no-repeat top left; display:block;}
.conWeb{background:url("../images/icons/conWeb.png") no-repeat top left; display:block; line-height:1.7;}

/*Form Controls*/
.w100{width:100%;}
.labelCap{ font-weight:500; padding:5px 15px 5px 0px; display:block; margin-bottom:0.3em }
.subNotice{font-size:0.8em; color:#999999; font-style:italic; margin-bottom:15px; display:block}
.textBox{padding:0.5em; display:block; border:1px solid #ccc; resize:none; width:97%; background:transparent;}
.cmbBox{padding:0.5em; border:1px solid #cccccc; display:block; resize:none; width:98%; background:transparent;}
.textBox:focus, .cmbBox:focus{outline:none; border:1px solid #019934;}
.w50{width:50%}
.w20{width:20%}
.w80{width:80%}
.w95{width:95%}
.w98{width:98%}
.w70{width:70%; margin:0 auto;}
.app_r_padding{padding-right:1.8em}
.chkList{width:100%}
.chkList input{padding:8px; margin-bottom:10px; display:inline-block;}
.buttonForm{background-color:#019934; color:#fff; font-size:1em; padding:10px 18px; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.buttonForm:hover{background:#000;}

.redStar{ color:red; display:inline-block; font-size:1.2em } 

.radio{ display:inline-block; margin-right:10px;} 

.conContainer{width:380px; text-align:left !important; float:left !important; display:inline}
.contactBox{background:transparent; border-bottom:2px solid #019934;  box-shadow:2px 2px 15px rgba(0,0,0,0.2);}

/* Products */
#prodInfo ul{list-style:none;}
.prodContainer{width:33%; display:inline-block;}
.imgContainer{position:relative;}
.servImg{display:block; width:100%; height:auto;}
.servImgOverlay{position:absolute; left:0; bottom:0px; right:0; background:rgba(0,0,0,0.6); overflow:hidden; width:100%; height:0; transition:.5s ease;}
.imgContainer:hover .servImgOverlay{height:100%;}
.prodCountBox{background:rgba(0,0,0,0.8); position:absolute; left:0; bottom:0; display:block; width:100%;}
.prodOverlay{background:rgba(1,153,52,0.8);}

/* Products Table */

table.gitter{margin:2em 0 0 0; width: 100%; }
table.gitter th{background:#231F20; padding: 0.5em 1em; color:#fff; font-weight:400; font-size:1.1em;}
table.gitter td{ padding: 0.5em 1em;  font-weight:400; text-align:left; vertical-align:top;}
table.gitter td.text p{line-height: 1.3em; margin:0 0 1em 0; font-size:1em; font-weight:400; text-align:left;}
table.gitter td.text, table.gitter td.text {font-size:0.9em; font-weight:400; text-align:left;}
table.gitter td.artnr{text-align:center;}
table.gitter td.thcatalogmerkliste{font-size:0.9em;}

table.gitter td.text span.producttitle{font-weight: bold; font-size:1.5em; color:brown;}

table.gitter tr:nth-child(odd){background:#f9f8f8;}
table.gitter tr:nth-child(even){background:#fcfcfc;}
table.gitter td img{width:130px; height:90px; display:block; margin:0 auto;}

.tableAnch{text-decoration:none; font-size:0.9em; line-height:1.5; font-weight:400; color:#019934; display:inline-block; margin-bottom:13px;}
.tableAnch:hover{text-decoration:underline;}
.detailInfo{background:url("../images/icons/infoIcon.png") no-repeat left 4px; display:block; padding-left:25px;}
.addToWish{background:url("../images/icons/addWishList.png") no-repeat left 3px; display:block; padding-left:25px;}




/*Latest News and Events*/
.news-img{float:left;width:280px;}
.news-info{margin-left:300px;}

.news-Tag{font-size:1.5em;color:#000000;text-decoration:none;display:block; text-transform:capitalize;}
.news-Tag:hover{color:#019934}
.newspost{font-size:0.9em;color:#555555;display:block;margin-bottom:1em; font-style:italic; font-weight:400;}

.Readmore{font-size:0.9em;color:#019934;text-decoration:none;}
.Readmore:hover{border-bottom:1px solid #019934;}

/* Product Accessories */
.accCard{background:#fff; border-bottom:3px solid #019934; box-shadow:1px 5px 15px rgba(0,0,0,0.2), -1px -3px 15px rgba(0,0,0,0.1); -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease;}
.accImg{float:left; width:100px; height:100px;}
.accInfo{margin-left:110px;}
.accAnch{text-decoration:none; font-size:1.2em; color:#000; display:inline-block;}
.accAnch:hover{color:#019934;}
.smallLine{background:#ccc; height:1px; width:100%; display:block; margin-top:10px; margin-bottom:10px;}

/* Fancy Scrollbar */
#style-1::-webkit-scrollbar{width:10px;}
#style-1::-webkit-scrollbar-track{background:linear-gradient(0deg, #70fb9d, #019934); box-shadow:0 0 0 2px #70fb9d, 0 0 0 4px #353535, 0 0 0 5px #3e3e3e, inset 0 0 10px rgba(0,0,0,1), 0 5px 20px rgba(0,0,0,0.5), 0 0 15px rgba(0,0,0,0.2); border-radius: 10px;}
#style-1::-webkit-scrollbar-thumb{background: #000; border-radius: 10px; box-shadow:0px 10px 25px rgba(0,0,0,0.8), 0px -10px 25px rgba(0,0,0,0.8);}
#style-1::-webkit-scrollbar-thumb:hover{background: #242424;}

#style-15::-webkit-scrollbar{width:10px;}
#style-15::-webkit-scrollbar-track{background:#ececec; border-radius: 10px;}
#style-15::-webkit-scrollbar-thumb{background: #019934; border-radius: 10px; }
#style-15::-webkit-scrollbar-thumb:hover{background: #242424;}

.proNavPanel{border-bottom:solid 1px #bdbdbd;height:66px;position:relative;margin-top:15px;}
.proNav{position:absolute;top:-1px;left:0%;right:0; margin:0 auto; list-style:none;}
.proNav li{display:inline-block; margin-right:3px;}
.proNav li a{float:left;display:inline-block;text-decoration:none;padding:25px 28px; width:150px; text-align:center; line-height:16px;font-size:1.2em; font-weight:600 ;color:#fff; background-color:#019934; border:1px solid #019934; text-transform:uppercase;}
.proNav li .act{color:#019934; border:solid 1px #e0e0e0;border-bottom:solid 1px #f0f0f0; border-top:solid 1px #bdbdbd; border-right:solid 1px #bdbdbd; border-left:solid 1px #bdbdbd; background-color:#f4f3f2}

.deleteProd{background:url("../images/icons/deleteIcon.png") no-repeat center center; height:32px; display:block;}

.border-table{border-collapse:collapse;width:100%}

.border-table th, .border-table td{padding:10px; vertical-align:middle; text-align:center; font-weight:400;}
.border-table th, .border-table td{border:1px solid #cecece;}
.border-table th{padding:8px; text-align:center; background:#ededed; color:#555; font-size:1.1em;}

/*.border-table tr:nth-child(even){background:#f6f6f6}
.border-table tr:nth-child(odd){background:#eeeeee}*/

/*.border-table .theme-bg-1{background:#e42a24;}*/

.horizontal-resp-tbl{overflow-x:auto;}


.wishListAnch{position:fixed; top:40%; right:-58px; transform:rotate(-90deg); text-decoration:none;  background:#019934; color:#fff; font-size:0.9em; font-weight:600; letter-spacing:2px; padding:8px 15px; z-index:555; border-radius:3px; box-shadow:3px -3px 20px rgba(0,0,0,0.3)}
.pAnchor{ display:block; cursor:wait; background:#019934; padding:10px 0 10px 45px;text-align:center; text-decoration:none; color:#fff  }
.pAdded{background:url("../images/icons/check-mark.png") no-repeat left 3px; display:block; padding-left:25px; font-size:1em; color:#019934; font-weight:400;}

.videoBg{background:#019934; transition:0.5s;}
.videoTitle{color:#fff; font-size:1.1em; font-weight:400; letter-spacing:1px;}
#videos .col_1_3:hover .videoBg{background:#004c1a;}

.blackOverlay{background:rgba(0,0,0,0.8); width:100%;}
.prodCatName{text-decoration:none; color:#fff; font-size:1.4em; display:inline-block; transition:0.5s; text-shadow:3px 2px 6px rgba(0,0,0,0.5);}
.prodCatName:hover{color:#000;}

.vidContainer{width:100%; height:270px; overflow:hidden; border:1px solid #ececec; text-align:center; background:#000;}
.h270{height:270px;}

/* Exhibition */
.exImg{width:250px; float:left;}
.exInfo{margin-left:270px;}
.col_690{width:690px; float:left;}
.col_450{width:450px; float:left;}

/* Gridview css */
.gvApp{border-collapse:collapse;width:100%}
.gvApp a { }
.gvApp th, .gvApp td{padding:10px; vertical-align:middle; text-align:center; font-weight:400; border:1px solid #cecece;}
.gvApp th{padding:8px; text-align:center; background:#ededed; color:#555; font-size:1.1em;}
/*.gvApp td{padding:0.6em 0.8em;}*/
/*.row{background-color:#f8f8f8;}
.alt{background-color:#ffffff;}
.myColumn{font-weight:bold;color:#008dd2}*/
.HideCol{ display:none}
/*.gView { text-decoration: none; background:url(../images/icons/view-ico.png) no-repeat center center; display:block; height:24px; width:24px}
.gReply { text-decoration: none; background:url(../images/icons/replyIcon.png) no-repeat center center; display:block; height:24px; width:24px}
.gAnch { text-decoration: none; background:url(../images/icons/edit.png) no-repeat center center; display:block; height:24px; width:24px}
.addPhoto { text-decoration: none; background:url(../images/icons/addPhoto.png) no-repeat center center; display:block; height:24px; width:24px}
.gCareer { text-decoration: none; background:url(../images/icons/resume_blk.png) no-repeat center center; display:block; height:24px; width:24px}
.gDel{text-decoration: none; background:url(../images/icons/delete.png) no-repeat center center; display:block; height:24px; width:24px}
.gStatusGreen{text-decoration: none; background:url(../images/icons/green.png) no-repeat center center; display:block; height:24px; width:24px}
.gNoDel{text-decoration: none; background:url(../images/icons/no-delete.png) no-repeat center center; display:block; height:24px; width:24px}*/


.absTotal{position:absolute; right:0; bottom:-20px; font-size:1.3em; color:#019934; font-weight:400;}
.absTotal span{font-weight:600; font-size:1.4em;}

.catList{}
.catList li{display:inline-block; margin-right:10px; margin-bottom:25px;}
.catList li a{border:1px solid #EC3237; padding:10px; border-radius:3px; background:url("../images/icons/pdf.png") no-repeat 10px center; padding-left:40px; text-decoration:none; color:#EC3237; font-size:1em; line-height:2; font-weight:400;}
.catList li a:hover{text-decoration:underline;}

/*================================================== Media Queries ==================================================*/

@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1200px)
{
	.email{word-wrap:break-word;}
	.col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{ width:70%}
	.col_340{ width:30%}

	.col_690{width:60%;}
	.col_450{width:40%}

}
@media screen and (max-width: 1140px)
{
	.col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{ width:70%}
	.col_340{ width:30%}

	.col_800_right{width:70%;}
	.col_340_right{width:30%;}

	.col_690{width:60%;}
	.col_450{width:40%}

	#navBtn{display:block;}
	#topNavPanel{display:none;float:none;position:absolute;right:15px; top:160px; margin-top:0;z-index:100; -webkit-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    -moz-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);}
	#topNav{background:#fff; margin-top:0; }
	#topNav li{display:block;padding:8px 10px;border-bottom:solid 1px #e0e0e0; }
	#topNav li a{display:block;padding:5px 15px;}
	#topNav li a:before{display:none;}
	#topNav li a:after{display:none;}
	#topNav li a:hover{color:#019934;}
	
	#topNav ul{position:relative; top:0px; left:0px;display:block; background-color:#fff;}
	#topNav ul li{border:none !important}
	#topNav ul li a{display:block;padding:0em 0em; font-size:0.9em; color:#1d1d1d !important;text-align:left; margin-left:18px;}
	#topNav ul li a:hover{color:#019934 !important; background:#fff;}
	.vidContainer{height:250px;}
	.h270{height:250px;}
	
}
@media screen and (max-width: 1024px)
{
	.col_980{width:100%;}

	.accImg{float:none; display:block; height:auto;}
	.accInfo{margin-left:0px; margin-top:15px;}
	
	.proNavPanel{border-bottom:solid 1px #e0e0e0;height:150px;position:relative;margin-top:15px}
	.proNav{top:10px;}
	.proNav li a {width: 250px;float: left; }
	
	.vidContainer{height:227px;}
	.h270{height:227px;}
}
@media screen and (max-width: 920px)
{   
	.col_800{width:100%; float:none }
	.col_340{width:50%; float:none;}
	.col_800_center{width:100%;}
	
	.col_800_right{width:100%; float:none; margin-top:30px;}
	.col_340_right{width:50%; float:none; margin-top:30px;}
	
	.pad_L_30{padding-left:0; margin-top:30px;}

	.col_690{width:100%; float:none}
	.col_450{width:100%; float:none}

	#about .col_1_2{width:100%; float:none;}
	#quickBox .col_1_4{width:50%;}

	.conContainer{width:49%;}
	.prodContainer{width:49%;}   
	
	.vidContainer{height:205px;}
	.h270{height:205px;}

	#exhibition .proNavPanel{height:77px;}
	/*.proNav{position:absolute;top:-1px;left:0%;right:0; margin:0 auto; list-style:none;}*/
	
	#aboutEibenGermay .col_1_3 img{width:100%;}

}
@media screen and (max-width: 860px)
{
	.vidContainer{height:190px;}
	.h270{height:190px;}
}
@media screen and (max-width: 800px)
{
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_1_6, .col_2_3{width:100%; float:none;}
	#quickBox .col_1_4{width:50%; float:left;}
	.themeBgPrime .col_1_3 .space40{height:0;}

	#prodInfo .col_1_2 .pad_LR_30{padding:40px 0 0 0;}
	.pContainer{max-width:800px;}

	.accImg{float:left; width:100px; height:auto;}
	.accInfo{margin-left:110px; margin-top:0;}
	
	.vidContainer{height:270px;}
	.h270{height:270px;}

	.banner{height:250px}

	#posServ .pad_L_15{padding:20px 0 0 0;}
	#posServ .pad_R_15{padding:0;}

	#aboutInfo .col_1_3{width:49%; float:none; display:inline-block;}
	#searchPanel .mrg_L_15{margin-left:0;}
}
@media screen and (max-width: 768px)
{
	/* .proNavPanel{border-bottom:solid 1px #e0e0e0;height:200px;position:relative;margin-top:15px}
	.proNav{top:10px;}
	.proNav li a {width: 250px;float: left;}*/

	#exhibition .proNavPanel{height:77px;}
	#exhibition .proNav{top:10px;}
	#exhibition .proNav li a {width: 150px;float: left;}
}
@media screen and (max-width: 640px)
{   
	.col_1_3{width:100%}
	.col_2_3{width:100% }

	.w50{width:100%;}
	.app_r_padding{padding:0em !important}
	.textBox{width:93.7%;}
	.cmbBox{width:93.7%;}

	/*.topCall{display:none;}*/
	#navBtn{background:url("../images/icons/nav-btn-black.png") no-repeat left center;}

	.footer .width30{width:100%; float:none;}
	.footer .width30 .space50{height:0;}
	.footer .width30 img{width:50%;}

	#copyRight .float_right{float:left; margin-top:10px;}
	.conContainer{width:100%;}

	.news-img{float:none; display:block;}
	.news-info{margin-left:0px; margin-top:20px;}

	table.gitter th{display: none;}
	table.gitter td {display: block; }
	table.gitter td img{text-align:left; margin:0;}

	.proNavPanel{border-bottom:solid 1px #e0e0e0;height:296px;position:relative;margin-top:15px}
	.proNav{top:10px;}
	.proNav li a {width: 250px;float: left;}

	
	.border-table th{display:none;} 
	.border-table tr{border-bottom:1px solid #ccc;}
	.border-table td{display:block; border:none; text-align:left;}

	.gvApp th{display:none;} 
	.gvApp tr{border-bottom:1px solid #ccc;}
	.gvApp td{display:block; border:none; text-align:left; width:100% !important;}
	.gvApp .HideCol{display:none;}

	.deleteProd{background:url("../images/icons/deleteIcon.png") no-repeat left center;}
	
	.banner{height:220px}

	#exhibition .proNavPanel{height:145px;}
	#exhibition .proNav{top:10px;}
	#exhibition .proNav li a {width: 300px;float: none; display:block;}

	#grid .space30{height:120px;}
	.absTotal{left:0; bottom:60px;}
	#grid .textBox{width:85%;}
	#cliamformbtn{margin-top:10px !important}
	.buttonFormdown{display:block !important; margin-top:30px !important}
}
@media screen and (max-width: 480px)
{	
	.home_pad_offset{padding:0.6em;}
	.logo{width:230px; margin-top:140px;}

	#navBtn{top:140px;}
	#topNavPanel{top:170px;}

	#quickBox .col_1_4{width:100%; float:none;}
	.col_340{width:100%;}
	.prodContainer{width:100%;}

	.news-img{width:100%;}

	.banner{height:150px}

	.exImg{width:100%; float:none; display:block;}
	.exInfo{margin-left:0; margin-top:15px;}

	#aboutInfo .col_1_3{width:100%;}
	.topCall, .topWhatsapp{left:0;}
	#mgrBlock .width30{width:100%; float:none;}

	#cliamformbtn{margin-top:10px !important}
	.buttonFormdown{display:block !important; margin-top:30px !important}
}
@media screen and (max-width: 414px)
{
   .socialBox{display:none;}
   .searchBox{left:0; right:0; display:block; margin:0 auto;}
	.buttonFormdown{display:block !important; margin-top:30px !important}
	/*#prodDoc .catList li{width:350px !important}
	#prodDoc .catList li a{border:none !important}*/
	
}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 360px)
{
	 .pageH1{font-size:2.2em;}
	 .footer .width30 img{width:100%;}

	 #exhibition .proNavPanel{height:145px;}
	#exhibition .proNav{top:10px;}
	#exhibition .proNav li a {width: 180px;float: none; display:block;}
	#mgrBlock .width30{width:100%; float:none;}
}
@media screen and (max-width: 320px)
{
	
}

