@font-face {
    font-family:'Avenir LT Std 55 Roman';
    src: url('../fonts/AvenirLTStd-Heavy.eot');
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Heavy.woff') format('woff'),
    url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: 700;font-style: normal;font-stretch: normal;unicode-range: U+0020-FB02;}
@font-face {
    font-family:'Avenir LT Std 45 Book';
    src: url('../fonts/AvenirLTStd-Book.eot');
    src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Book.woff') format('woff'),
    url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
    font-weight: 350;font-style: normal;font-stretch: normal;unicode-range: U+0020-FB02;}
@font-face {
    font-family:'Avenir LT Std 65 Medium';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Black.woff') format('woff'),
    url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 750;font-style: normal;font-stretch: normal;unicode-range: U+0020-FB02;}
@font-face {font-family: "AvenirLTStd-Medium";
  src: url("../fonts/AvenirLTStd-Medium.eot"); /* IE9*/
  src: url("../fonts/AvenirLTStd-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/AvenirLTStd-Medium.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/AvenirLTStd-Medium.woff") format("woff"), /* chrome、firefox */
  url("../fonts/AvenirLTStd-Medium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium") format("svg"); /* iOS 4.1- */}   

*{margin:0; padding:0;}
html, body{ height: 100%; background: #fff; font-weight: 400;}
header, footer, section, nav, article, aside, audio, canvas, figure{display:block;}
html, body{ background-color: #ffffff; margin: 0; padding: 0; height: 100%;}
body {font-family: 'Avenir LT Std 45 Book', sans-serif; line-height: 1.8;font-size: 14px;background: #fff;color: #848484;font-weight: 300;width:100%;-webkit-font-smoothing: subpixel-antialiased; overflow-x:hidden}
img {border: none;outline: 0!important;}
a {text-decoration: none!important; outline: 0!important; color: #555;}
.greentext{ color: #008676!important}
input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;}
img { max-width: 100%;}
:focus {outline: 0!important;}
input:focus {outline: none!important;}
p{ font-size: 14px; color: #555; line-height: 24px; text-align: left; margin-bottom: 15px;}
:before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{ font-family:'Avenir LT Std 55 Roman'; font-weight: 700;}
h1 {color: #008677;font-size: 26px;height: auto;opacity: 1; line-height: 30px;text-align: center;}
h2 {margin: 0 0 20px 0;color: #008676;font-size: 22px;line-height: 26px;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: subpixel-antialiased;}
h3 {margin: 0 0 20px 0;color: #555;font-size: 24px;line-height: 30px;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: subpixel-antialiased;} 
h4 {color: #555;font-size: 18px;line-height: 25px;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: subpixel-antialiased;}
h5 {font-size: 15px;line-height: 32px;font-weight: 300;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: subpixel-antialiased; }
h6 {font-size: 16px;line-height:20px;font-weight: 300;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: subpixel-antialiased; }
::-webkit-selection {color: #fcfcfc;background: #FDB813;}
::-moz-selection {color: #fcfcfc;background: #FDB813;}
::selection {color: #fcfcfc; background: #FDB813;}
section{ position: relative; display: block; width: 100%;}
section.stepOne{height:630px;}
section.stepTwo{height:600px;}
section.stepThree{height:650px;}
.top5{ margin-top: 5px;}
.top10{ margin-top: 10px;}
.top20{margin-top: 20px;}
.top25{margin-top: 25px;}
.top30{margin-top: 30px;}
.top1em{margin-top: 1.5em;}
.btm10{ margin-bottom: 10px;}
.btm20{margin-bottom: 20px;}
.btm25{margin-bottom: 25px;}
.padbtm{ padding-bottom: 3em;}
.left25{ margin-left: 25px!important}
.topbtm{ padding: 3em 0;}
.topbtm2{ padding: 0em 0;}
.top2em{margin-top: 3em;}
.offset-0{ padding-left: 0; padding-right: 0;}
.hd-mrg5{ margin-top:8em!important; line-height:35px;}
#wrapper{ width: 100%; padding: 95px 0 0; position: relative; overflow:hidden; }
#index-wrap{ width: 100%; padding: 64px 0 0;  position: relative; overflow:hidden; }
.flex-img{ width: 100%; max-width: 100%; display: block;}
.greyText{ color: #666;}
header {position: fixed;top: 0;left: 0;height: 65px;width: 100%;background: #fff;text-align: center;z-index: 999;box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.6);}
.rowbox{ width: 100%; display: inline-block; float: left;}
body .iframe_Album{ width: 100%; height: 100%; position: fixed; z-index: -99;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out; opacity: 0;  -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
body .iframe_Album.shown_iframe{ z-index: 9999; opacity: 1;   -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
body .iframe_Album.shown_iframe .frameBox{ width: 80%;  position: relative; display: table; margin: 0 auto; top: 10%; padding-bottom: 40%;}
.iframe_Album .frameBox iframe{ position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%;}
.camera-close > span{  display: inline-block;
  text-indent: -9999px;}
.camera-close{position:fixed; display: inline-block;  z-index:99999; right:15px; top:15px; width: 50px; height: 50px; font-size: 38px;}
body .camera-close:before{ color: rgba(255,255,255,0.5);}
body .camera-close:hover:before,
body .camera-close:hover:focus,
body .camera-close:hover:active{ color: rgba(255,255,255,0.8);}
.camera-logo{position: absolute;width: 220px; left: 30px; top:20px; z-index: 9999;}
/*SECTIONS parallax */
section.module:last-child {margin-bottom: 0;}
section.module h2 { margin-bottom: 40px;}
section.module p {margin-bottom: 40px;font-size: 14px;font-weight: 300;}
section.module p:last-child {margin-bottom: 0;}
section.module.contentbox {padding: 40px 0;}
@supports ((perspective: 1px) and (not (-webkit-overflow-scrolling: touch))) {
section.module.parallax {height: 700px;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
}
section.module.parallax-1 {background-image: url("../img/asmita-bg.jpg"); height: 500px!important}
section.module.parallax-2 {background-image: url("../img/paper-certify.jpg"); height: 350px!important;}
section.module.parallax-3 {background-image: url("../img/energy-certify.jpg"); height: 300px!important}
section.module.parallax-4 {background-image: url("../img/products/yarn/yarn-infra.jpg"); height: 500px;}
section.module.parallax-5 {background-image: url("../img/sustainability/asmita-bg.jpg"); height: 700px }
section.module.parallax-6 {background-image: url("../img/sustainability/atwork-certify.jpg"); height: 450px; }
section.module.parallax-7 {background-image: url("../img/career3.jpg"); height: 550px; }
section.module.parallax-8 {background-image: url("../img/chemi-certify.jpg"); height: 350px!important; }
section.module.about {background-image: url("../img/abtoutinfo-img.jpg"); height: 600px!important; }
section.module.parallax-9 {background-image: url("../img/tpm-policy.jpg"); height: 450px!important; }
section.module.parallax-11 {background-image: url("../img/products/textile/tex-design.jpg"); height: 450px!important; }
section.module.parallax-25 {background-image: url("../img/products/paper/paper-design.jpg"); height: 450px!important; }
section.module.parallax-12 {background-image: url("../img/yarn-bg.jpg"); height: 600px!important; }
section.module.paperBg {background-image: url("../img/paper-bg.jpg"); height: 600px!important; }
section.module.chemicalBg {background-image: url("../img/chemical-bg.jpg"); height: 600px!important; }
section.module.energybg {background-image: url("../img/energybg.jpg"); height: 600px!important; }
section.module.investorbg {background-image: url("../img/investor-bg.jpg"); height: 600px!important; }
section.module.corpoBg {background-image: url("../img/corpo-bg.jpg"); height: 600px!important; }
@media all and (min-width: 600px) {
section.module h2 {color: #008677;
    font-size: 32px; }
section.module p {font-size: 14px;}
section.module.parallax h1 {font-size: 96px;}
}
@media all and (min-width: 960px) {
section.module.parallax h1 {font-size: 160px;}
}
a.news-Icon{ width: 65px; height: 65px; background: #008476;float:right; text-align: center;line-height: 65px; display: inline-block;}
a.news-Icon i{ font-size: 18px; color: #fff; line-height: 65px;}
/* HORIZONTAL */
@-webkit-keyframes horizontal {
0% {-webkit-transform: translate(0,0);transform: translate(0,0);}
6% {-webkit-transform: translate(5px,0);transform: translate(5px,0);}
12% {-webkit-transform: translate(0,0);transform: translate(0,0);}
18% {-webkit-transform: translate(5px,0); transform: translate(5px,0);}
24% {-webkit-transform: translate(0,0);transform: translate(0,0);}
30% {-webkit-transform: translate(5px,0);transform: translate(5px,0);}
36% {-webkit-transform: translate(0,0);transform: translate(0,0);}
}
@keyframes horizontal {
0% {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
6% {-webkit-transform: translate(5px,0);-ms-transform: translate(5px,0);transform: translate(5px,0);}
12% {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
18% {-webkit-transform: translate(5px,0);-ms-transform: translate(5px,0);transform: translate(5px,0);}
24% {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
30% {-webkit-transform: translate(5px,0);-ms-transform: translate(5px,0);transform: translate(5px,0);}
36% {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
}
.faa-horizontal.animatedico,
.faa-horizontal.animatedico-hover:hover,
.faa-parent.animatedico-hover:hover > .faa-horizontal {-webkit-animation: horizontal 2s ease infinite;animation: horizontal 2s ease infinite;}
.menubox{ width: auto; position: fixed; right: 70px; top: 0; z-index: 5}
.menu {display:block;position:relative; width: 100%;}
.menu, .menu ul {margin:0;padding:0;list-style:none;position:relative; text-align: left;}
/*.menu ul a {float:left}*/
.menu ul ul a {float:none}
.menu .mega-menu a {float:none;padding:0}
.menu ul ul{opacity:0;visibility:hidden;display:none ! important/9;-webkit-transition:opacity 150ms ease-in-out;-moz-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;-ms-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out}
.menu li:hover>ul{opacity:1;visibility:visible;display:block ! important/9}
.menu ul:after {content:"";clear:both;display:block}
.menu ul li {float:left;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.menu ul li a {display:block;padding:0px 15px;color:#666;text-transform: capitalize; font-weight: 400; font-size: 15px; line-height: 65px;}
.menu ul li:hover a{ color: #fff;}
.menu ul li a.active{ color: #008677; font-weight:bold;}
.menu ul li a:hover{color: #fff!important;}
.menu .arrow:after {content:"";float:right;text-align:right;width:0;height:0;display:block;border-left:3px solid rgba(255, 255, 255, 0);border-right:3px solid rgba(255, 255, 255, 0);border-top:3px solid #fff;top:9px;margin:0 0 0 5px;position:relative;border-left:3px solid transparent/9;border-right:3px solid transparent/9}
.menu ul li ul li .arrow:after {border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid #fff;margin:-2px 0 0 5px}
.menu i {font-size:14px;font-weight:400;font-style:normal;float:left;margin:4px 4px 0 -2px;line-height:14px;padding:0}
.menu .right {float:right}
.menu .right ul, .menu .right .mega-menu {right:0}
.menu ul ul {border-top:0;border-bottom:0;position:absolute;top:100%;width:230px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .04);box-shadow:0 1px 1px rgba(0, 0, 0, .04) }
.menu ul ul ul {position:absolute;left:100%; top: 0;}
.menu ul ul li a {font-weight:400; font-size: 14px; padding:6px 15px;color:#fff; background-color: #008677; opacity: 0.99; text-transform: capitalize!important; line-height: 20px!important;}
.menu ul ul li {float:none;position:relative;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}
.menu ul ul li a:active, .menu ul ul li:hover {background:#f5f5f5!important}
.menu ul ul li:hover a{background-color:rgba(0, 134, 119, 0.9)!important; color: #fff;}
.banner-div{ width: 100%; max-width: 100%; height: 700px; position: relative; overflow: hidden; }
.style-1.menu, .style-1.menu ul li {background-color: #fff;}
.style-1.menu ul li:hover {background-color: #008677; opacity: 0.9; color: #fff; font-weight: bold;}
.lastLink {background-color: #fcb812;float: right;height: 70px;line-height: 65px;text-align: center;width: 76px;}
@media only screen and (min-width: 1200px) {header {height: 65px;}}
#logo{padding-top: 10px;position: absolute;top: 0;transform: scale(1);width: 230px; margin-left: 98px}
.greenText{ color: #008677;}
.green-bg {background: rgba(0, 134, 119, 0.8); width: 100%; padding: 2em 0!important; position: absolute; bottom: 0!important; z-index: 99;}
#footerbg{ width: 100%; background: url(../img/footer-bg.jpg) no-repeat center center; min-height: 600px; background-size: cover; padding-top: 5em; position: relative;}
.inner-footer {background-color: #008677;color: #fff;height: 50px;line-height: 50px;overflow: hidden;padding-right: 1em;text-align: right;width: 100%; font-size: 13px;}
.inner-footer a{ color: #fff}
.inner-footer a:hover{ text-decoration: underline!important;}
.lasting-yrs{ width: 176px; height:248px; position: absolute; right: 0; top: -80px}
.containerBox{ width: 90%; position: relative;margin: 0 auto; padding-top: 250px;}
#programs-sustain {background-size: cover;padding-bottom: 0;position: relative;width: 100%;}
.sustain-box{ width: 70%; height: 400px; margin:0 auto; /*background-color: rgba(37,151,143, 0.8);*/ position: absolute; left: 0; right: 0; top: 6em; padding: 0em 2em; z-index: 3; text-align: center;}
.sustain-box h2{  font-size: 35px;letter-spacing: 1px;text-transform: capitalize;position: relative;font-weight: 700; color: #fff!important; text-align: center; margin-bottom: 1.2em; }
.sustain-box h5{ font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; text-align: center; letter-spacing: 1px;}
.sustain-box p{ font-size: 14px; font-weight: 400; text-align: center; color: #fff; line-height: 20px; min-height: 80px;}
.sustain-inlinebox{ width: 40%;display: inline-block; text-decoration: center; margin: 0 2%; height: 300px; vertical-align: top;}
.sustain-ltbox{ width: 48%; float: left; text-align:right; padding-left: 3em;}
.sustain-rtbox{ width: 48%; float: right;text-align:left;padding-right: 3em;}
.sustain-asmitabox{ width:100%; height: 400px; margin:0 auto; }
.asmita-box{ width: 100%; display: inline-block; margin: 5em 0;}
.asmita-box h2{  font-size: 32px;letter-spacing: 1px;text-transform: capitalize;position: relative;font-weight: 700; color: #fff!important; text-align: left; margin: 15px 0!important;}
.asmita-box h5{ font-size: 16px; color: #fff; text-transform: capitalize; font-weight: 700; margin: 0px 0 10px; text-align: center; line-height: 22px}
.asmita-box p{ font-size: 13px!important; font-weight: 400; text-align: center; color: #fff; line-height: 20px; min-height: 80px;}
.sustain-opt{ width: 100%; float: left; display: inline; text-align:center; margin: 4em 0; }
.sustain-opt ul{ margin:0; padding:0; list-style: none; }
.sustain-opt ul li{ display: inline-block; text-align: center; width: 24%; vertical-align: top;}
.sustain-opt ul li h6{ font-size: 15px; margin: 0; line-height: 25px; text-transform: capitalize!important;}
.sustain-opt ul li a{ display: block; text-align: center;} 
.sustain-opt ul li p{ text-align: center!important; text-transform: inherit!important;}
.option-list{ width: 100%; float: left;}
.option-list span{ text-align: left!important; font-size: 14px; line-height: 20px; display: block;}
.sustain-inlinebox{ width: 39%;display: inline-block; text-decoration: center; margin: 0 2%; height: 300px; vertical-align: top;}
.sustain-ltbox{ width: 48%; float: left; text-align:right; padding-left: 3em;}
.sustain-rtbox{ width: 48%; float: right;text-align:left;padding-right: 3em;}
.modal-body{ padding: 2em!important;}
.modal-body h6{ text-align: left; margin-bottom: 10px!important;}
.modal-body span{ text-align: left!important;line-height: 20px; font-size: 14px; display: block;margin-bottom: 10px!important;}
.sus-album{ width: 100%; height: 530px;margin-bottom: 3em;}
.whiteplusIco{ width: 20px; height: 20px; margin: 0 auto; border: 1px solid #72bfae;  position: relative; text-align: center;}
.whiteplusIco a:after{ content: "+"; color: #72bfae; line-height: 0px; position: absolute; top: 10px; left: 4px; display: block;}
.sustain-inlinebox svg{bottom: 0;fill: #72bfae;fill-opacity: 1;height: 100%;margin:0 auto;stroke: rgba(114, 191, 174, 1);stroke-width: 0;width: 100%;height: 52px;top: 1px;width: 48px;}
.sustain-inlineboxIcon{ width: 48px; height: 48px; margin: 0 auto 20px;} 
.atwork-textBg{width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/sustainability/atwork.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 600px; z-index:1;}   
.atworkCol{width: 19%; display: inline-block; vertical-align: top; text-align: center; margin: 2em 0;}
.atworkCol span{ display:block; width: 100%; line-height: 20px; font-size: 14px;}
.col-img{ display: block; width: 65%; margin: 0 auto; }
.heading-section {margin-bottom: 2em; position: relative;}
.heading-section h2 {position: relative;color: #008677; font-family:'Avenir LT Std 55 Roman';}
.snapshot{ width: 77%; position: relative;  margin: 0 auto; display: table; }
.snapshot h2{ color: #fff!important; font-size: 25px!important; margin-bottom: 15px!important;}
.snapshotInfo{ width: 100%; float: left; padding-left: 15px;}
.snapshot p{ display: block; line-height: 20px; font-size: 14px; margin-bottom: 0; font-weight: 400; color: #fff;}
.snap-col{width: 100%; color: #fff; font-size: 14px;}
.moreInfo{font-family: 'Avenir LT Std 65 Medium', sans-serif;margin-top: -5px;background: #FCB812 none repeat scroll 0 0;border: 2px solid transparent !important;color: #fff;letter-spacing: 0px; text-transform: uppercase;animation: fadein 3s;-moz-animation: fadein 3s; /* Firefox */-webkit-animation: fadein 3s; /* Safari and Chrome */-o-animation: fadein 3s; /* Opera */-moz-user-select: none;border-radius: 4px;cursor: pointer;font-size: 10px;font-weight: normal;line-height: 20px;height: 24px;margin-top: 10px;padding: 0px 10px;text-align: center;vertical-align: middle;white-space: nowrap; text-decoration: none;  display: inline-block; margin-left: 15px}
.snapshot span{ display: block; font-size: 14px; color: #fff; font-weight: 400px; }
.index-prog{ width: 80%; margin: 0 auto; background-color: #fff;}
.program {margin-bottom: 4em; width: 100%; display: inline-block; float: left; }
.program img {color: red;width: 100%; display: block;margin-bottom: 20px;}
.program h3 {
  font-size: 18px; text-transform: capitalize; ; color: #008677; font-weight: 700; text-align: left; margin-bottom: 10px;}
.program p{ font-size: 14px; color: #666; text-align: left; min-height: 120px!important; margin-bottom: 20px!important; font-weight: normal!important; }
.plusIco{ width: 18px; height: 18px; border: 1px solid rgba(158, 157, 153, 1); color: #fff!important;float: left; position: relative; text-align: center;transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;}
.plusIco a:after{ content: "+"; color: #fff; transition: color 0.4s ease 0s; line-height: 0px; position: absolute; top: 8px; left: 3px; display: block;}
.plusIco:hover a:after{ content: "+"; color: #25978F; }
.plusIco.other a:after{ content: "+"; color: #fff; line-height: 0px; position: absolute; top: 8px; left: 3px; display: block;}
.plusIco:hover{ border: 1px solid #25978F;}
.knowmore{ font-size: 11px; color: #444;  width: 100px; text-align: left!important;}
.knowmore a{ color: #888;  display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}
.footer-Container{ width: 65%; margin: 0 auto; padding-top: 2em; }
.ft-link{ display: block;}
.ft-link ul{ margin: 0; padding: 0; list-style: none;}
.ft-link ul li{ display: block;  line-height: 22px; font-size: 14px; color: #555; text-align: left; font-family: "AvenirLTStd-Medium";}
.ft-link ul li a{ display: block; color: #555; font-family: "AvenirLTStd-Medium";}
.ft-link ul li a:hover{ text-decoration: underline;; color: #555!important;}
.contact-Box{ width: 100%;float: left; display: inline-block; background-color: rgba(0, 134, 119, 0.8); padding:2em 1.5em;margin-top: 1em;}
.contact-row{ width: 100%; }
.contact-Box h6{ font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 5px; letter-spacing: 1px;}
.contact-Box p{ color: #fff; font-weight: 400px; font-size: 14px; line-height: 20px; margin-bottom: 10px; text-align: left;}
.contact-Box h6 img{ margin-right: 5px;}
.contact-Box a{color: #fff;}
.socialIco{ width: 100%; display: inline-block; float: left;}
.socialIco ul{ margin: 0; padding:0; list-style: none; }
.socialIco ul li{ float: left;}
.newsDiv{ width: 100%; display: inline-block;; float: left; padding-left: 20px; margin-bottom: 10px;}
.newsDiv h6{ font-weight: 700; color: #555; font-size: 14px; text-transform: uppercase;}
.newsDiv p{ font-size: 12px; color: #444; line-height: 16px; margin: 0!important;}
.newsDiv span{ font-size: 11px; font-weight: bold; margin:0 0 10px!important; display: block; color: #333;}
.newsDiv h6{ font-weight: 700; color: #555; font-size: 14px; text-transform: capitalize; margin-top: 0;}

.copyright{ width: auto; position: absolute; bottom: 10px; right: 20px; color: #555; text-align: right; font-size: 11px; font-weight: 500; z-index: 9;}
.btn {-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.btn {text-transform: capitalize;letter-spacing: 0px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.btn.btn-primary {background: #FDB813;color: #fff;border: none !important; font-weight: 500;border: 2px solid transparent !important;}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {box-shadow: none;background: #4CB648;color: #fff !important;}
.btn:hover, .btn:active, .btn:focus {background: #393e46 !important;color: #fff !important;outline: none !important;}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {border-color: transparent;}
.js .animate-box {opacity: 0;}
/*# sourceMappingURL=style.css.map */
.socialIco{ width: 100%; overflow: hidden;}
.socialIco ul{ margin: 0; padding: 0; list-style: none;}
.socialIco ul li{ float: left; text-align: left; width: 32px; height: 32px; margin: 0px 1px;}
.socialIco ul li a{ display: block; }
.productBox{ width: 18%; padding: 0 6px; display: inline-block; text-align: center; vertical-align: top;}
.takshBg{ width: 100%; background: url(../img/takshashila.jpg) no-repeat ; background-size: cover; position: relative;}
.takshBg-Info{ width: 35%;  display: table;left: 8%;padding: 2em; position: absolute; top: 22%; z-index: 9; color: #fff!important; text-align: left; background:rgba(0, 134, 118, 0.8) none repeat scroll 0 0;}
.takshBg-Info h2{ color:#fff;font-size: 35px;line-height: 30px;margin-bottom: 5px;}
.takshBg-Info h5{ color:#fff;font-size: 25px;line-height: 30px;margin-bottom: 10px; margin-top: 0;}
.takshBg-Info p{color: #fff; font-size: 15px;}
a.knowBtn{font-family: 'Avenir LT Std 65 Medium', sans-serif;margin-top: 0px;background: #FCB812 none repeat scroll 0 0;border: 2px solid transparent !important;color: #fff;letter-spacing: 0px; text-transform: uppercase;animation: fadein 3s;-moz-animation: fadein 3s; /* Firefox */-webkit-animation: fadein 3s; /* Safari and Chrome */-o-animation: fadein 3s; /* Opera */-moz-user-select: none;border-radius: 4px;cursor: pointer;font-size: 10px;font-weight: normal;line-height: 20px;height: 24px;margin-right: 5px;padding: 0px 10px;text-align: center;vertical-align: middle;white-space: nowrap; text-decoration: none;  display: inline-block;}
a.prodBtn{font-family: 'Avenir LT Std 65 Medium', sans-serif;margin-top: 0px;background: #FCB812 none repeat scroll 0 0;border: 2px solid transparent !important;color: #fff;letter-spacing: 0px;text-transform: uppercase;animation: fadein 3s;-moz-animation: fadein 3s; /* Firefox */-webkit-animation: fadein 3s; /* Safari and Chrome */-o-animation: fadein 3s; /* Opera */-moz-user-select: none;border-radius: 4px;cursor: pointer;font-size: 10px;font-weight: normal;line-height: 20px;height: 24px;margin-bottom: 0;padding: 0px 10px;text-align: center;vertical-align: middle;white-space: nowrap; text-decoration: none; float: left;}
a.susBtn{font-family: 'Avenir LT Std 65 Medium', sans-serif;margin-top: 0px;background: #FCB812 none repeat scroll 0 0;border: 2px solid transparent !important;color: #fff;letter-spacing: 0px; text-transform: uppercase;animation: fadein 3s;-moz-animation: fadein 3s; /* Firefox */-webkit-animation: fadein 3s; /* Safari and Chrome */-o-animation: fadein 3s; /* Opera */-moz-user-select: none;border-radius: 4px;cursor: pointer;font-size: 10px;font-weight: normal;line-height: 20px;height: 24px;margin-bottom: 0;padding: 0px 10px;text-align: center;vertical-align: middle;white-space: nowrap; text-decoration: none;  display: inline-block;}
.social-Link{ width: 30px; position: fixed; z-index: 99; right: 0; top: 30%;}
.social-Link ul{ margin:0; padding: 0; list-style: none; }
.social-Link ul li{ display: block; margin-bottom: 2px;}
/**Mobile footer starts **/
.m-footer{ width: 100%; background: #008676; float: left; display: inline-block; padding:.8em 0; }
.m-copyrite{ width: 100%; display: inline-block; text-align: center; padding: 5px 0 0; color: #fff; font-size: 12px;}
.m-newsletter{ width: 100%; background: #01ad98; padding: .8em;}
.m-newsletter h5{ font-size: 16px; color: #fff; line-height: 20px;margin: 0 0 10px; text-align: center;}
.m-newsletter input[type="text"]{ width: 90%; margin:0 auto; height: 30px; line-height: 30px; border: 2px solid #fff; font-size: 12px; background-color: transparent; color: #fff;}
.m-newsletter input[type="submit"]{ width: 100px; background: #008676; margin: 0 auto; border: none; border-radius: 4px; padding: 5px 10px; color: #fff; font-size: 12px; letter-spacing: 1px;}
.form-group{ width: 100%; margin: 5 auto 5px; }
.m-newsletter input[type="submit"]:hover{ background: #008676;}
/**Mobile footer ends **/
/*mailchimp Newsletter css */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:0;}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #777; }
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both;  border: 0 none; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:14px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 15px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; background-color:#008676 }
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:8px; min-height:40px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:3px 0!important; text-indent:2%; background: transparent!important;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em 0em; overflow:hidden; width:100%; margin: 0 0%; clear: both;}
#mc_embed_signup div.response {margin:0; padding:0em .5em .5em 0; float:left; top:-1.5em; z-index:1; width:100%; line-height: 18px; font-size: 12px; }
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 0em 0; padding:2px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:11px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:1px solid #e85c41;}
/*========about us page css starts=========*/
.breadcrumbs {padding: 8px 0 8px 150px;width: 100%;background:#f7f7f7; position: fixed; top: 64px; z-index: 500; -webkit-backface-visibility: hidden;}
.breadcrumbs ul {float: none;margin: 0;padding: 0;position: relative;text-align: left;}
.breadcrumbs ul li {color: #777;float: left;font-size: 12px;line-height: 1.45em;list-style-type: none; letter-spacing:1px;}
.breadcrumbs ul li span.dot {color: #666;display: inline-block;margin: 0 8px;}
.breadcrumbs ul li a {color: #666;text-decoration: none;}
.breadcrumbs ul li a:hover {text-decoration: underline;}
.programs-section{ width: 100%; display: inline-block; float: left; background:#fff; }
.programs-section h1 {color: #008676;font-family: "Avenir LT Std 55 Roman",Arial,sans-serif;font-size: 32px; margin-bottom: 20px;}
.aboutBox{ width: 100%; height: 3021px; background: url(../img/about.jpg) no-repeat; background-size:cover; position: relative;}
.timeline-link{ width:400px; height: 85px; position: absolute;top: 2px;  left: 0; right: 0; margin: auto;}
.timelineBg{ width: 100%; height: auto;  position: relative; z-index: 1}
.timeline-Info{ position: absolute;left: 8em; top: 35%;  vertical-align: middle; z-index: 3;}
.timeline-Info h3{ font-size: 2em; color:#FCB812; line-height: 1em; margin-bottom: 10px;}
.timeline-Info h6{ font-size: 1.2em; line-height: 1.2em; color: #fff; font-family: 'Avenir LT Std 45 Book'; font-weight: 400;}
.gradient-layer{ width: 100%; height: 100%; background: -moz-linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,.99) 100%); /* ff3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.99)), color-stop(100%, rgba(0,0,0,0.01)));background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,.99) 100%);background: -o-linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,.99) 100%); background: -ms-linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,.99) 100%);background: linear-gradient(270deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,.99) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );position: absolute; z-index: 2; top: 0;}
.abt-bg{ width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/abtoutinfo-img.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 600px; z-index:1; }
.overview-info{ width: 50%; height: 50%; position: absolute; top:0; z-index: 2;left: 0;text-align: center;}
.overview-text{ width: 70%; margin: 10em auto;padding:2em 3em;background: rgba(0, 134, 118, 0.82); overflow: hidden;}
.overview-info h1{ color: #fff;  font-size: 35px!important; text-align: left!important; margin-top: 0em; line-height: 35px;}
.overview-info p{ font-size: 14px; color: #fff; line-height: 20px;text-align: left!important; margin-bottom: 0px!important; }
.greenbox-info{ width: 55%; height: 50%; position: absolute; top:0; z-index: 2;left: 0;text-align: center;}
.greenbox-text{ width: 72%; margin: 8em auto;padding:2em 2em;background: rgba(0, 134, 118, 0.80); overflow: hidden;}
.greenbox-info h1{ color: #fff;  font-size: 35px!important; text-align: left!important; margin-top: 0em; line-height: 35px;}
.greenbox-info p{ font-size: 14px; color: #fff; line-height: 20px;text-align: left!important; margin-bottom: 0px!important; }
.abt-info{ width: 50%; height: 100%; position: absolute; top:0; z-index: 2;background: rgba(0, 134, 118, 0.6); left: 0;text-align: center;}
.abt-text{ width: 60%; margin: 8em auto;padding-left: 10px;}
.abt-text h6{ color: #fff; text-align: left; font-size: 25px;}
.abt-text p{ text-align: left;}
.abt-info h1{ color: #fff;  font-size: 35px; text-align: left!important; margin-top: 5em; line-height: 35px;}
.abt-info p{ font-size: 14px; color: #fff; line-height: 20px;text-align: left!important;margin-bottom:0; }
.energy-info{ width: 50%; height: 100%; position: absolute; top:0; z-index: 2;background: rgba(0, 134, 118, 0.6); left: 0;text-align: center;}
.energy-text{ width: 60%; margin: 10em auto;padding-left: 10px;}
.energy-text p{ text-align: left;}
.energy-info h1{color: #fff;  font-size: 35px!important; text-align: left!important; margin-top: 0em; line-height: 35px;}
.energy-info p{font-size: 14px; color: #fff; line-height: 20px;text-align: left!important; margin-bottom: 0px!important;}
.messageDiv{  width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/rg.jpg) no-repeat top;  background-size: cover; height: 100%; position: relative; min-height: 540px;}
.energy-infra{  width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/energy-infra.jpg) no-repeat top;  background-size: cover; height: 100%; position: relative; min-height: 620px;}
.messageText{ width:580px; position: absolute; bottom: 6em; left: 10em; display: inline-block;}
.messageText p{ color: #fff!important; line-height: 20px; display: inline-block; text-align: left; }
.messageText span{ font-size: 14px; color: #fff; margin-left: 18px;  line-height: 20px; display: inline-block;  font-family:'Avenir LT Std 45 Book';}
.energyText{ width:42%; position: absolute; bottom: 6em; left: 10em; display: inline-block;}
.energyText h3{ color: #fff; font-size: 32px; margin-bottom: 10px;}
.energyText p{ color: #fff!important; line-height: 20px; display: inline-block; text-align: left; }
.energyText span{ font-size: 14px; color: #fff; margin-left: 18px;  line-height: 20px; display: inline-block;  font-family:'Avenir LT Std 45 Book';}
.msgop-quote{display: inline-block;}
.msgop-quote:after {font-family: Georgia, serif;font-size: 3em;line-height: 20px; content: "\201C"; vertical-align: middle; padding-top: 10px; color: #fff; }
.msgcl-quote{display: inline-block; clear: both;}
.msgcl-quote:before {font-family: Georgia, serif;font-size: 3em;line-height: 20px; margin-bottom:10px;content: "\201d"; vertical-align: middle; padding-top: 10px; color: #fff; }
blockquote {position: relative;margin: 0; border: none; line-height: 20px!important; color: #fff; font-size: 14px; text-align: left;}
blockquote:before   {font-family: Georgia, serif;position: absolute;font-size: 4em;line-height: 1;top: 0;left: -10px;content: "\201C";}
blockquote:after {font-family: Georgia, serif;position: absolute;float:right;font-size:4em;line-height: 1;right:304px;bottom:-27px;content: "\201D";}
.qspan{ display:table; width: 100%; text-align: center; position: relative;}
.qspan:before {font-family: Georgia, serif;font-size: 3em;line-height: 20px; margin-bottom:10px;content: "\201C"; vertical-align: middle; padding-top: 10px; color: #008676; }
.cspan{ display:table; width: 100%; text-align: center; position: relative;}
.cspan:after {font-family: Georgia, serif;font-size: 3em;line-height: 20px; margin-bottom:10px;content: "\201d"; vertical-align: middle; padding-top: 10px; color: #008676; }
.companyinfo{ width: 85%; position: absolute; left:0; right: 0; margin: auto; z-index: 3; top: -26%; background: #fff; height: auto; text-align: center; padding: 2em 6em; text-align: center;}
.companyinfo blockquote{ color: #000; text-align: center;}
.companyinfo h1{ color: #008677;  font-size: 35px;}
.companyinfo p{ text-align: center; line-height: 20px; margin-bottom: 6px}
.energyinfo{ width: 85%; position: absolute; left:0; right: 0; margin: auto; z-index: 3; top: -18%; background: #fff; height: auto; text-align: center; padding: 2em 6em; text-align: center;}
.energyinfo blockquote{ color: #000; text-align: center;}
.energyinfo h1{ color: #008677;  font-size: 35px;}
.energyinfo p{ text-align: center; line-height: 20px; margin-bottom: 10px}
.tpm-policy{ width: 100%; float: left; display: inline-block; }
.tpm-Box{ width: 54%; padding: 7em 0em 7em 12em;}
.tpm-Box h1{ color: #fff; line-height: 30px; font-size: 22px!important; text-align: left;}
.tpm-Box h6{ font-weight: normal; font-size: 20px;font-family: 'Avenir LT Std 55 Roman'; font-weight: 400; color: #fff; margin-bottom: 10px; line-height: 24px;}
.tpm-Box p{ color: #fff; font-weight: 300; }
ul.tpm-awards{ margin: 0 0 10px 0; padding: 0; list-style: none;}
ul.tpm-awards li{ display: block; line-height: 25px; color: #fff; font-size: 14px!important;}
ul.tpm-awards li:before{content: "\2014 \2009"; margin-right: 5px;}
a.sitebtn{  padding: 0px 10px; border-radius: 4px; background: #fff; color: #008677; text-align: center; display: inline-block; text-transform: capitalize; font-size: 12px;font-family:'Avenir LT Std 45 Book';line-height: 24px;}
a.sitegreen-btn{  padding: 0px 10px; border-radius: 4px; background: #008676; color: #fff; text-align: center; display: inline-block; text-transform: capitalize; font-size: 12px;font-family:'Avenir LT Std 45 Book';line-height: 24px;}
.global-map{ width:78%; margin: 2em auto 4em; position: relative; }
.global-map-lt{ width: 100%;  position: relative; padding:2em 0; }
.global-mapLeft{ width:36%;display:inline-block; float:left;}
.global-mapRight{ width:60%;display:inline-block;float:left;}
.global-mapLeft h1{ text-align:left!important;margin-top:0;}
.global-mapLeft p{ margin-top:10px}
.global-mapInfo{ position: relative; width: 100%; margin-top:2em;  }
.global-mapInfo ul{ margin: 0; padding: 0; list-style: none;}
.global-mapInfo ul li{  display:inline-block; vertical-align: middle; position: relative; padding-left: 20px; padding-right:2em;}
.global-mapInfo ul li:before{ content: ''; width: 12px; height: 12px; border-radius: 50%; background:#ddd; position: absolute; top: 6px; left: 0;}
.global-mapInfo ul li.yellow:before{ background: #fac03a;}
.global-mapInfo ul li.red:before{ background: #ed4633;}
.global-mapInfo ul li.blue:before{ background: #009bba;}
.global-mapInfo ul li.purple:before{ background: #9964e7;}
.global-mapInfo ul li.green:before{ background: #579477;}
.global-map-rt{ width: 100%; float:left; margin-top:20px;;}
.global-map-rt p{ font-size: 16px; margin-bottom: 20px;}
.global-mbg{ width: 100%; display: inline-block; float:left;}
.awards-box{ width: 78%; margin: 2em auto;}
.awards-Hd{ width: 100%; margin: 0 auto; overflow: hidden;}
.awards-lt{ width: 100%; float: left; text-align:center;}
.awards-lt h1{ text-align: center; line-height: 35px;}
.no-mrg{ margin: 0!important;}
.awards-rt{ width: 60%; float: right; padding-top: 15px;}
.awards-rt p{ font-size: 14px; margin-bottom: 20px;}
.award-list{ width: 100%; display: inline-block; text-align: center; margin: 2em 0 2em; position: relative;}
.award-list ul{ margin: 0; padding: 0; list-style: none;}
.award-list ul li{ width: 24%; display: inline-block; text-align: center; vertical-align: top; padding: 0 20px;}
.award-list ul li .award-img{ width: 100%; display: block;}
.award-list ul li span{ display: block; margin-top: 2em; vertical-align: top;}
.award-list ul li span h6{ font-size: 16px; display: block; margin: 0;}
.award-list ul li span p{ font-size: 14px; text-align: center;}
.timeline{ width: 100%; height: 60px; background: rgba(255, 255, 255, 0.8); position: absolute; left: 0; right: 0; margin: auto; top: 0; z-index: 4; text-align: center; line-height: 60px; font-size: 17px;}
.timeline:after {z-index: -1;position: absolute;top: 100%;left: 0; right: 0; margin: auto;content: '';width: 0;height: 0;border-top: solid 30px rgba(255, 255, 255, 0.8);border-left: solid 30px transparent;border-right: solid 30px transparent;}
/*========about us page css ends=========*/
/*========Product css starts=========*/
.mid-content{ width: 78%; margin: 0 auto; position: relative;}
#product{ width: 100%; float: left; display:block;position: relative;}
#product h1{ text-align: left!important;}
#prod-box{ width: 78%; margin:2em auto; }
#prod-box h1{ margin-top: 0;}
.rangeBox{ width: 100%; display: inline-block;float: left; margin: 8em 0;position: relative;z-index: 9;}
.padBox{width: 100%; display: inline-block;float: left; margin: 5em 0;}
.pro-textBg{width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/pro-textile.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 550px; z-index:1;}
.prod-info{ width: 80%; position: absolute; left:0; right: 0; margin: auto; z-index: 3; top: -25%; background: #fff; height: auto; text-align: center; padding: 3em 10em; text-align: center;}
ul.rb-grid {width: 100%;list-style: outside none none;margin: 0 auto;text-align: center;padding-top: 2em;}
ul.rb-grid li {background: #eee;color: #fff;cursor: pointer; display: inline-block;
  vertical-align: middle;float: left;height: auto;margin:0 0.3% 0.3% 0;position: relative;width: 13.8%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
ul.rb-grid li.rb-width{ width:13.95%!important;}
ul.rb-grid li img{max-width: 100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}  
ul.rb-grid li:hover img { -moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
ul.rb-grid li.rb-span-2 {width: 58%;}
ul.rb-grid li.rb-span-4 {width: 99%;}
ul.rb-grid li h3 {font-size: 2.6em;font-weight: 100;}
.my-hover-class {display: none; !important; opacity: 0 !important; -webkit-transition: all 0.2s ease-out !important;-moz-transition: all 0.2s ease-out !important;-o-transition: all 0.2s ease-out !important;transition: all 0.2s ease-out !important; width: 300px; height:auto; position: absolute;z-index: 9; background: #fff; left: -185%; top:0;box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1), 0 6px 18px rgba(0, 0, 0, 0.12); padding: 2em;}
.my-hover-class p{ font-size: 12px; line-height: 20px;}
.my-hover-class strong{ color: #666; text-align: left!important;}
.rb-grid li:hover .my-hover-class {display: block!important; opacity: 1 !important;}
.all-infra{ width: 100%; position: relative; float: left; display: inline-block; height: 100%;}
.all-overlay{ position: absolute; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.4); z-index: 1;}
.all-infra img{ width: 100%; max-width: 100%; display: block; height: auto;}
.all-info{  position:absolute;top:0px;left:11%;width:35%; height: 100%;display: flex;justify-content: left;align-items: center; z-index: 2; display: -webkit-inline-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;}
.paper-info{  position:absolute;top:13%;left:11%;width:35%; height: 100%;display: flex;justify-content: left;align-items: top; z-index: 2;}
.paper-alt-info{  position:absolute;top:45%;right:10%;width:35%; height: 100%;display:-ms-flexbox;display: -webkit-flex;display: flex;justify-content: left;align-items: top; z-index: 2;}
.chemi-info{  position:absolute;top:30%;left:11%;width:35%; height: 100%;display: flex;justify-content: left;align-items: top; z-index: 2;}
.chemi-alt-info{  position:absolute;top:55%;right:10%;width:35%; height: 100%;display:-ms-flexbox;display: -webkit-flex;display: flex;justify-content: left;align-items: top; z-index: 2;}
.all-alt-info{  position:absolute;top:0px;right:10%;width:35%; height: 100%;display: flex;justify-content: left;align-items: center; z-index: 2; display: -webkit-inline-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;}
.all-center{ color: #fff; /*background: rgba(0, 134,118, 0.8); padding: 2em;*/}
.all-center h3{ color: #fff; text-align: left!important; margin-bottom: 10px;font-family:'Avenir LT Std 55 Roman';}
.all-center p{ color: #fff;  line-height: 22px; font-size: 14px;}
.all-brandBox{display: inline-block;float: left;position: relative;width: 100%;z-index: 99;}
.all-brand{ width: 100%; display: inline-block; float: left; background: #fff; padding: 2em 0 3em; font-size: 14px; line-height: 20px; position: relative;  margin: 2em 0 0; border-bottom: 1px dotted #ccc;}
.all-brand p{ margin-left:40px;}
.prod-hdmrg{ margin-top: 0;}
ul.all-infoItem{ margin: 0; padding: 0; list-style: none; text-align: center;}
ul.all-infoItem.brand{ text-align: left!important;}
ul.all-infoItem li{ display:inline-block; width: 12%; padding: 10px 0px;}
ul.brand-infoItem{ margin: 0; padding: 0; list-style: none; text-align: center;}
ul.brand-infoItem li{ display:inline-block; width: 16.2%; padding: 10px 0px;}
ul.client{ margin: 0; padding: 0; list-style: none; text-align: center;}
ul.client li{ display:inline-block; width: 13.9%; /*border: 1px solid #dedede;*/ margin-bottom: 5px; text-align: center;}
ul.certify{margin: 0; padding: 0; list-style: none; text-align: right;}
ul.certify li{ display:inline-block; width: 22%; /*border: 1px solid #dedede;*/ margin-bottom: 5px; /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 11px rgba(0, 0, 0, 0.04);*/ margin: 5px; text-align: right;}
ul.ycertify{margin: 0; padding: 0; list-style: none; text-align: left;}
ul.ycertify li{ display:inline-block; width: 16%; /*border: 1px solid #dedede;*/ margin-bottom: 5px; /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 11px rgba(0, 0, 0, 0.04);*/ margin: 0px; text-align: right;}
ul.yclient{margin: 0; padding: 0; list-style: none; text-align: left;}
ul.yclient li{ display:inline-block; width: 18%; /*border: 1px solid #dedede;*/ margin-bottom: 5px; /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 11px rgba(0, 0, 0, 0.04);*/ margin: 0px; text-align: right;}
.address-row{ display: inline-block; width: 100%; margin:0;}
.address-col{ display: block;/*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 11px rgba(0, 0, 0, 0.04);*/ padding: 0em; margin-bottom: 1em; min-height: 140px; font-size: 14px;}
.address-col h6{ text-transform: capitalize!important; color: #008677;}
.address-col span{ display: block;margin-bottom: 5px;}
.gg-col {display: table-cell;vertical-align: inherit; line-height: 20px; color: #555;}
.gg-col a{ color: #666;}
.gg-col a:hover{ text-decoration: underline!important;}
.gg-col.min-width{ width: 15px!important; text-align: center; color: #008677}
.padding-left{ padding-left: 10px!important;}
.modal-body h1{ margin-bottom: 5px; font-size: 22px;}
.modal-top{ margin-top: 70px!important}
.close.c-position{  position: absolute; right: 10px; top: 5px; z-index: 9;}
.tooltip{ width:auto; padding:2em; border:1px solid #dedede;}
.tooltip span{ width: 200px; height: 200px; background-color: #ff0000; line-height: 20px; font-size: 12px; vertical-align:middle; display: block; text-align: left; text-transform: uppercase;}
.tooltip p{ font-size: 12px; font-style:oblique;}

.yarn-center{ width: 100%; color: #fff; padding: 2em 2em 1em;}
.yarn-center h3{ color: #fff; text-align: left!important; margin-bottom: 10px; font-size: 32px!important;}
.yarn-center p{ color: #fff;  line-height: 22px; font-size: 14px;}
.all-center{ color: #fff; /*background: rgba(0, 134,118, 0.8); padding: 2em;*/}
.all-center h3{ color: #fff; text-align: left!important; margin-bottom: 10px; font-size: 32px!important;}
.all-center p{ color: #fff;  line-height: 22px; font-size: 14px;}
.cultureBg{width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/career1.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 620px; z-index:1;}
.btn  span{margin-bottom:0!important;}
.cd-single-point {position: absolute;border-radius: 50%;}
.cd-single-point > a {position: relative;z-index: 2;display: block;width: 20px;height: 20px;border-radius: inherit;background: #008676;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;}
.cd-single-point > a::after, .cd-single-point > a:before {content: '';position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background-color: #ffffff;webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.cd-single-point > a::after {height: 1px;width: 9px;}
.cd-single-point > a::before {height: 9px;width: 1px;}
.cd-single-point::after {content: '';position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;
  border-radius: inherit;background-color: transparent;-webkit-animation: cd-pulse 2s infinite;-moz-animation: cd-pulse 2s infinite;animation: cd-pulse 2s infinite;}
.cd-single-point:nth-of-type(1) {bottom: 10%;right: 6%;}
.cd-single-point:nth-of-type(2) {bottom: 24%;right: 46%;}
.cd-single-point:nth-of-type(3) {top: 28%;left: 20%;}
.cd-single-point:nth-of-type(4) {top: 20%;right: 22%;}
.cd-single-point.is-open > a {background-color: #008677;}
.cd-single-point.is-open > a::after, .cd-single-point.is-open > a::before {-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);-o-transform: translateX(-50%) translateY(-50%) rotate(135deg);transform: translateX(-50%) translateY(-50%) rotate(135deg);}
.cd-single-point.is-open::after {display: none;}
.cd-single-point.is-open .cd-more-info {visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;}
.cd-single-point.visited > a {background-color: #008677;}
.cd-single-point.visited::after {display: none;}
.cd-more-info p{ margin-left: 0;}
@media only screen and (min-width: 999px) {
.cd-single-point.is-open .cd-more-info.cd-left {right: 140%;}
.cd-single-point.is-open .cd-more-info.cd-right {left: 140%;}
.cd-single-point.is-open .cd-more-info.cd-top {bottom: 140%;}
.cd-single-point.is-open .cd-more-info.cd-bottom {top: 140%;}
}
@-webkit-keyframes cd-pulse {
0% {-webkit-transform: scale(1);box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0.8);}
50% {box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0.8);}
100% {-webkit-transform: scale(1.6);box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0.8);}
}
@-moz-keyframes cd-pulse {
0% {-moz-transform: scale(1);box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0.8);}
50% {box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0.8);}
100% {-moz-transform: scale(1.6);box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0);}
}
@keyframes cd-pulse {
0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0.8);}
50% {box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0.8);}
100% {-webkit-transform: scale(1.6);-moz-transform: scale(1.6);-ms-transform: scale(1.6);-o-transform: scale(1.6);transform: scale(1.6);box-shadow: inset 0 0 1px 1px rgba(0, 134, 118, 0);}
}
.cd-single-point{ overflow: visible;}
.cd-single-point .cd-more-info {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;text-align: left;line-height: 1.5;background-color: rgba(255, 255, 255, 0.95);padding: 6em 1em 1em;visibility: hidden;opacity: 0;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;}
.cd-single-point .cd-more-info::before {content: '';position: absolute;height: 0;width: 0;display: none;border: 8px solid transparent;}
.cd-single-point .cd-more-info h2 {font-size: 22px;font-size: 1.375rem;margin-bottom: .6em;}
.cd-single-point .cd-more-info p {color: #666;}
@media only screen and (min-width: 999px) {
.cd-single-point .cd-more-info {position: absolute;width: 400px;height:auto;padding: 2em;overflow-y: visible;line-height: 1.4;border-radius: 0.25em;box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}
.cd-single-point .cd-more-info::before {display: block;}
.cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right {top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.cd-single-point .cd-more-info.cd-left::before, .cd-single-point .cd-more-info.cd-right::before {top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.cd-single-point .cd-more-info.cd-left {right: 160%;left: auto;}
.cd-single-point .cd-more-info.cd-left::before {border-left-color: rgba(255, 255, 255, 0.95);left: 100%;}
.cd-single-point .cd-more-info.cd-right {left: 160%;}
.cd-single-point .cd-more-info.cd-right::before {border-right-color: rgba(255, 255, 255, 0.95);right: 100%;}
.cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom {left: 50%;right: auto;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.cd-single-point .cd-more-info.cd-top::before, .cd-single-point .cd-more-info.cd-bottom::before {left: 50%;right: auto;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.cd-single-point .cd-more-info.cd-top {bottom: 160%;top: auto;}
.cd-single-point .cd-more-info.cd-top::before {border-top-color: rgba(255, 255, 255, 0.95);top: 100%;}
.cd-single-point .cd-more-info.cd-bottom {top: 160%;}
.cd-single-point .cd-more-info.cd-bottom::before {border-bottom-color: rgba(255, 255, 255, 0.95);bottom: 100%;}
.cd-single-point .cd-more-info h2 { font-size: 20px;font-size: 1.5rem;margin-bottom: 10px;}
.cd-single-point .cd-more-info p {font-size: 13px; margin-top: 10px;}
}
.cd-more-info ul{ margin: 0; padding: 0; list-style: circle!important;}
.cd-more-info ul li{ display: block;  width: 100%; margin-bottom: 5px; line-height: 22px;}
/* close the interest point description - only on mobile */
.cd-close-info {position: fixed;top: 10px;right: 0;height: 44px;width: 44px;}
.cd-close-info::after, .cd-close-info:before {content: '';position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);background-color: #008677; -webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform; transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.cd-close-info::after {height: 2px;width: 16px;}
.cd-close-info::before {height: 16px;width: 2px;}
@media only screen and (min-width: 999px) {
.cd-close-info {display: none;}
}

@media only screen and (max-width: 999px){
.cd-single-point .cd-more-info {position: fixed;top: auto; bottom:auto;left:auto !important; right: calc(50% - 150px) !important; right: -moz-calc(50% - 150px) !important; right: -webkit-calc(50% - 150px) !important; z-index: 99;width: 300px;height: inherit;max-width:300px;min-width:300px;-webkit-overflow-scrolling: touch;text-align: left;line-height: 1.5;background-color: rgba(255, 255, 255, 0.95);padding: 2em ;visibility: hidden;opacity: 0;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;}
}
.yarn-infra{  position:absolute;top:0px;left:0;right:0; margin:auto;width:60%; height: 100%;display: flex;justify-content: left;align-items: center;}
.yarn-center{ color: #fff; padding: 2em;}
.yarn-center h3{ color: #fff; text-align: left!important; margin-bottom: 10px;}
.yarn-center p{ color: #fff;  line-height: 22px; font-size: 14px;}
#no-more-tables { width: 100%!important; display: block;}
@media only screen and (max-width: 800px) {
#no-more-tables table{ width: 100%!important; display: block;}
#no-more-tables table, 
#no-more-tables thead, 
#no-more-tables tbody, 
#no-more-tables th, 
#no-more-tables td, 
#no-more-tables tr { display: block; }
#no-more-tables thead tr { position: absolute;top: -9999px;left: -9999px;}
#no-more-tables tr { border: 1px solid #fff; }
#no-more-tables td { /* Behave  like a "row" */border: none;border-bottom: 1px solid #eee; position: relative;padding:10px 50%; white-space: normal;text-align:left;}
#no-more-tables td:before { /* Now like a table header */position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold;}
}
.trigger_cont .yellowbg{ background-color: #FCB711; line-height: 40px; padding: 0 10px; color: #fff!important}
#no-more-tables td { padding: 10px; background: #fff; color: #666; font-size: 14px;}
#no-more-tables table tr td:first-child{ background-color: #f9f9f9; color: #666;} 
.paper-range{ width: 100%; display: inline-block;float: left; margin: 7em 0;}
.paper-range p{margin-left:20px;}
.pdfListing{ width: 100%;  overflow: hidden; margin: 2em 0 1em}
.pdfListing ul{ margin: 0; padding: 0; list-style: none; width: 100%;}
.pdfListing ul li{ background: #eee;color: #fff;cursor: pointer; display: inline-block;
  vertical-align: middle;float: left;height: auto;margin:0 0.3% 0.3% 0;position: relative;width: 13.8%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; height: 100px; text-align: center;color: #555;  }
.pdfListing ul li a{padding:3em 0;line-height: 20px; display:block;}  
.pdfListing ul li a:hover{ color: #fff;}  
.pdfListing ul li:hover, .pdfListing ul li.bggrey:hover{ background-color: #008676!important; color: #fff!important;}
.pdfListing ul li.bggrey{ background-color: #ddd!important}  
.prime1{ width: 42.2%; float: left; margin-bottom: 10px;}
.prime2{ width: 50%; float: left;margin-bottom: 10px;}
.certifyBox{ width: 100%; overflow: hidden; position: relative; display: table; padding-top: 2em; }
.certfy-content{ width: 100%; float: left; position: relative; display:  inline-block; vertical-align: middle; margin-top: 6em;}
.certfy-content.nomrg-certify{ margin-top: 2em;}
.certfy-content h2{ font-size: 32px!important; line-height: 30px; color: #fff!important;margin-bottom: 20px!important;}
.certfy-content ul{margin: 0;padding: 0;list-style:  disc;}
.certfy-content ul li{ font-size: 14px; color: #fff;line-height: 20px; margin-bottom: 5px;padding-right: 20px;}
.atwork-content{ width: 100%; float: left; position: relative; display:  inline-block; vertical-align: middle; margin-top: 0em; margin-left: 10px;}
.atwork-content ul{margin: 0;padding: 0;list-style:  disc;}
.atwork-content ul li{ font-size: 14px; color: #fff;line-height: 20px; margin-bottom: 5px;padding-right: 20px;}
.certifyBtn{ width: 100%;  position: absolute; left: 11%; top: 40%;  z-index: 2;padding-top: 8em; }
.certifyBtn h2{  text-align: left; color: #fff!important; font-size: 32px; padding: 0px 0px;  line-height: 25px; margin-bottom:10px; float: left; width: 25%; text-align: left; }
.certifyBtnTxt{ width: 45%; float: left;}
.certifyBtnTxt p{ font-size: 14px;color: #fff; text-align: left;}
.relative{ width:100%;display: inline-block;float: left; text-align: center!important; position: relative;}

.scroll-down {position: absolute;top: 50px;left: 50%;margin-left: -16px;display: block;width: 32px;height: 32px;background-size: 14px auto;border-radius: 50%;z-index: 2;-webkit-animation: bounce 2s infinite 2s;animation: bounce 2s infinite 2s;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.scroll-down:before {position: absolute;top: calc(50% - 7px);left: calc(50% - 8px);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);display: block;width: 16px;height: 16px;content: "";border: 2px solid #008676;border-width: 0px 0 3px 3px;}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {-ms-transform: translateY(0);transform: translateY(0);-webkit-transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
  60% {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
}
a.certifylink{ display: block; font-size: 15px; background: #fff; color: #008676; width: 100px; height: 35px; line-height: 35px; border-radius: 3px; text-align: center;}
.certify-listing{ width: 100%; padding: 1em 2em; float: left; display: inline-block;}
.certify-listing h2{}
.pointList{ width: 100%; float: left; margin-bottom: 3rem;}
.pointList ul{ margin: 0; padding: 0; list-style: none;}
.pointList ul li{ font-size: 14px; color:#666;line-height: 1em;padding-bottom: 1em;padding-left: 1.5em;position: relative;}
.pointList ul li span{ display: none; float: left;background-image: url("../img/arrow.svg");background-position: 10px 4px;background-repeat: no-repeat;color: #b70021;font-size: .9rem; 
font-weight: 300;line-height: 1.4rem;text-decoration: none; width: 30px; height: 50px; }
.pointList ul li::before {background-color: #008676;content:"";display: inline-block;height: 6px;left: 0;position: absolute;top: 5px;width: 6px; border-radius: 50%;}
.innercontent {margin: 0 auto;overflow: hidden;padding: 2.5em 0;width: 80%;}
.prod-list{ width: 100%; float: left; display: inline-block; line-height: 22px; font-size: 14px;color: #666!important; position: relative; padding-left: 15px;}
.prod-list:before{ content: '\2022';position: absolute; left: 0; top: 0;color: #666; font-size: 20px;}
.webinar-row{ width: 100%; float: left; display: inline-block;margin: 2em 0; text-indent: center;}
.webinar-row h3{font-size: 22px; margin: 0 0 10px}
a.webinarBtn{ width: auto;  text-align: center; background-color: #FCB812;color: #fff; text-align: center; line-height: 20px; font-size: 15px; height: 30px;padding: 8px 10px;font-family:'Avenir LT Std 55 Roman';}
.webinar-rt-row{ width: 160px; float: right; display: inline-block;margin: 5em 0 0; text-indent: center; vertical-align: bottom;}
.webinar-rt-row h3{font-size: 22px; margin: 0 0 10px}
a.webinarBtn{ width: auto;  text-align: center; background-color: #FCB812;color: #fff; text-align: center; line-height: 20px; font-size: 15px; height: 30px;padding: 8px 10px;font-family:'Avenir LT Std 55 Roman';}
.paper{ width: 200px; float: left;  }
.paper ul{ margin: 0; padding: 0; list-style: none;}
.paper ul li{ width: 100%;  display:block; vertical-align: middle; position: relative; padding-left: 20px;}
.paper ul li:before{ content: ''; width: 12px; height: 12px; border-radius: 50%; background:#ddd; position: absolute; top: 9px; left: 0;}
.paper ul li.grey:before{ background: #ddd;}
.paper ul li.darkgrey:before{ background: #bbb;}
.greenBox{ background-color: #008576;  color: #fff!important; font-size: 14px; text-align: center; padding: 10px 0; line-height: 18px;display: flex;flex-direction: column;justify-content: center; margin-bottom: 10px; }
a.topBtn {float:left;-moz-user-select: none;animation: 3s ease 0s normal none 1 running fadein;background: #fcb812 none repeat scroll 0 0;border-radius: 4px;color: #fff;cursor: pointer;display: inline-block;font-family: "Avenir LT Std 45 Book",sans-serif;font-size: 12px;font-weight: normal !important;height: 24px;line-height: 24px;margin-bottom: 0;margin-top: 15px;padding: 0 10px;text-align: center;text-decoration: none;text-transform: capitalize;vertical-align: middle;white-space: nowrap;
}
/*product css ends*/
/*investor section starts*/
.investor-sec{ width: 100%; display: inline-block; float: left; background: #fff; padding: 2em 0;}
.investorBg{width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/investor-bg.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 620px; z-index:1;}
.corpoBg{width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/corpo-bg.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 620px; z-index:1;}
.investor-mid{ width: 100%; display: inline-block; float: left; margin: 2em 0;}
/*investor section ends*/
/*register css starts*/
.register{ width: 100%; float: left;}
.register h4{ font-weight: normal!important; padding-left: 15px; margin-top: 0;font-family:'Avenir LT Std 45 Book'; color: #444;}
.registerHdr{ width: 100%; background-color: #008676; height: 60px; text-align: center; color: #fff; font-size: 2rem; line-height: 60px; font-weight: 300;}
.register h1 {font-size: 1.6rem;line-height: 1.3; font-weight: 400; color: #008676; text-align: left; margin: 0;}
.register h1::after {border-bottom: 1px solid #dedede;border-color: #dedede;content: "";display: block;height: 1px;margin: 1rem 0 2rem;width: 100%;}
.form-row{ width: 100%; float: left; padding: 0em 15px 0; margin: 1em 0;}
.form-row label{font-family:'Avenir LT Std 45 Book'; font-weight: normal; color: #555;}
.form-altrow{ width: 100%; float: left; background-color: #f6f6f6;padding: 1em 15px;margin: 1em 0;}
.form-altrow label{font-family:'Avenir LT Std 45 Book'; font-weight: normal; color: #555;}
.register textarea{ height: 34px;}
.login{ width: 40%; background-color: #fff;  margin: 4em auto 2em; box-shadow:1px 1px 6px rgba(0, 0, 0, 0.2); padding:0; overflow: hidden; }
.loginrow{ width: 100%; float: left; padding: 2em;}
.loginHdr{ width: 100%; background-color: #008676; height: 60px; text-align: center; color: #fff; font-size: 2rem; line-height: 60px; font-weight: 300;}
.login h1 {font-size: 1.6rem;line-height: 2.5em; font-weight: 300; color: #555; text-align: left; margin: 0 0 10px 0; text-align: center;  width: 100%; background-color: #f6f6f6}
.divrow{ width: auto;  padding: 0px 0;}
.newUserhd{ margin: 0 0 20px 0; color: #666; font-weight: 400; font-size: 14px;}
.newUserhd a{ text-decoration: underline!important; display: inline-block; font-weight: 500; }
/*register css ends*/
/* profile css starts*/
.profile{ width: 100%; float: left;}
.profile h2{ padding-left: 15px; margin-top: 15px}
.userInfo{ width: 100%; float: left; background-color: #fff; padding:0px 0 10px; margin-bottom: 20px; box-shadow: 0 4px 5px -6px #333;}
.userpic{ width: 80px; height: 80px; background-color: #f2f2f2; float: left;}
.userId{ width: 150px; float: left; margin-left: 15px; padding-top: 1rem;}
.userId label{ font-size: 14px;}
.userId span{ display: block; font-size: 14px; font-weight: 300;}
.userLogout{ font-size: 14px; font-weight: bold; color: #555; padding-top: 1rem; display: inline;}
.userLogout span{ display: inline-block; width: 12px; height: 9px; background: url(../img/sprite.png) no-repeat; background-position: 0 -85px; margin-right: 5px;}
#profilebox{ width: 100%; float: left; padding: 20px; margin: 20px; background-color: #fff;}
ul.resp-tabs-list {margin: 0px;padding: 0px;}
.resp-tabs-list li {font-weight: 600;color:#555;font-size: 14px;display: inline-block;padding: 10px 15px;margin: 0 4px 0 0;list-style: none;cursor: pointer;float: left;}
.resp-tabs-container {padding: 0px;background-color: #fff;clear: left;}
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;padding:0 15px 15px;}
.resp-tab-content h2{ margin-bottom: 25px;}
.resp-tab-active {background-color: #008676!important;border: 1px solid #008676 !important;border-bottom: none;margin-bottom: -1px !important;padding: 12px 14px 14px 14px !important;border-top: 4px solid #008676 !important;border-bottom: 0px #fff solid !important; color: #fff; font-size: 14px; font-weight: 500;}
.resp-tab-active {border-bottom: none;background-color: #fff;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {border: 1px solid #c1c1c1;border-top-color: #5AB1D0;}
h2.resp-accordion {font-size: 14px;border: 1px solid #c1c1c1;border-top: 0px solid #c1c1c1;margin: 0px;padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important; background-color: #008676;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
.resp-vtabs .resp-tabs-list li {display: block;padding: 15px 15px !important; margin: 0 0 4px;cursor: pointer;
float: none; font-size: 14px;}
.resp-vtabs .resp-tabs-container {padding:20px 10px;background-color: #fff;border: 1px solid #efefef;float: right;
width: 68%;min-height: 250px;border-radius: 4px;clear: none;}
.resp-vtabs .resp-tab-content {border: none;word-wrap: break-word;}
.resp-vtabs li.resp-tab-active { position: relative;z-index: 1;margin-right: -1px !important;padding: 14px 15px 15px 14px !important;border-top: 1px solid;border: 1px solid #008676 !important;border-left: 4px solid #008676 !important;margin-bottom: 4px !important;border-right: 1px #FFF solid !important; color: #fff; font-size: 14px;}
.resp-arrow {width: 0;height: 0;float: right;margin-top: 3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #fff;}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB;/* !important;*/}
.resp-easy-accordion h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1;/* !important;*/}
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1;/* !important;*/}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block;}
.resp-vtabs .resp-tab-content {border: 1px solid #fff;}
.resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: 100px;clear: none;}
.resp-accordion-closed {display: none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}
.thanksDiv{ width: 40%; background-color: #fff;  margin: 4em auto 4em; box-shadow:1px 1px 6px rgba(0, 0, 0, 0.2); padding:0; overflow: hidden; padding: 3em 0; border-bottom: 5px solid #008676 }
.thanksDiv h1{ font-size: 40px; color: #555; letter-spacing: 3px;}
.thanksDiv h4{ font-size: 15px; color: #555; font-weight: 500; text-align: center; color: #666;}
.thankshd{ margin: 0 10% 20px; color: #666; font-weight: 400; font-size: 14px; border-top: 1px solid #efefef;}
/*profile css ends*/
/* Gaurav(Sustainability) */
/* FONTS CLASSES DECLARATION */
.font_avenbold{font-family:'Avenir LT Std 55 Roman'; font-weight: 700;font-style: normal;font-stretch: normal;}
.font_avenbook{font-family:'Avenir LT Std 45 Book'; font-weight: 350;font-style: normal;font-stretch: normal;}
.font_avenmedium{font-family:'Avenir LT Std 65 Medium'; font-weight: 750;font-style: normal;font-stretch: normal;}
.pro-textBg.sustain_img{background-image: url(../img/sustainability/in_life.jpg); background-repeat:no-repeat; background-position:center; center;background-size:cover; height: 620px;}
.full-width{display:inline-block; width:100%;float:left; position: relative;}
.sub_text_sustain p{width:100%; float:left; text-align: left; margin-bottom: 15px; line-height: 25px; text-align: justify;}
.sub_text_sustain:not(.to_collapse_trg){ padding-top: 0px; overflow: visible;}
.sub_text_sustain{float:left; width:100%;}
.inline_element_s{ display:inline-block; width: 135px; max-width: 300px; margin-bottom: 15px; float: left; margin-right: 10px; margin-top: -10px; margin-left: -25px;}
.inline-element_trigger{color: #008677; text-decoration:none; font-size: 14px; display:inline-block;}
.p_page_adjust{}
.centered_img{ display: table; margin: 0px auto 15px; float: none; width:100%; max-width: 600px; padding: 5px; border: 1px solid #ddd;}
.inline-element_trigger:hover,
.inline-element_trigger:focus,
.inline-element_trigger:active{ color: #008677; text-decoration:none; outline: none;}
.sub_p_co{ margin: 15px 0;}
.mrgs_adjust{ margin: 7.5px 0;}
.list_sustain{ margin: 1em 0 2em; padding: 0; float: left; color:#555;}
.list_sustain > li{padding-left: 35px; width:100%; position: relative; list-style:none; list-style-position: outside; line-height: 24px;}
.list_sustain > li:before{ margin-right: 5px; margin-left: 7px; color:#FCB812; font-size: 8px; content: "\f111"; display: inline-block;  font-family: FontAwesome;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; position: absolute; top: 0px; left: 0px;}
.inline_element_s.notMargined{ margin-left: 0px; width: 100%; margin-top: 0px;}
.bg_image_sustain{ background-image:url(../img/sustainability/atwork.jpg); background-position: center bottom; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; height: 400px; overflow: hidden; margin-bottom: 2em; position:  relative;}
.at-workBox{ width: 40%;background: rgba(0, 134, 118, 0.8); display: inline-block; text-align: center; padding: 6em 3.5em; float: right; height: 100%; position: absolute; right: 0; top: 0;}
.at-workBox h3{color: #fff; text-align: left; font-size: 32px; line-height: 30px;}
.at-workBox p{ color: #fff; font-size: 14px;line-height: 20px; text-align: left;}
.at_work_wrap .abs_title_sustain{position: absolute; bottom: 0px; display:table; width:50%; color:#fff; right: 0px;font-size: 32px; color:#fff; background:rgba(0,134,118,0.9); vertical-align: middle;float:none; height: 401px; margin:0;} 
.abs_title_sustain span{ vertical-align: middle; display: table-cell; float:none;}
.centered_txt_contain{ display: table; margin: 0 auto; float: none; max-width: 78%; width:100%; background:transparent; vertical-align: top;}
.sub_text_sustain{ font-size: 14px;}
.light_inner .item a{ float: none; display: table; width:100%; clear: both; margin: 0px auto 15px; max-width: 400px; width:100%; background:#FCB812; opacity: 1; overflow: hidden;}
.light_inner .item a img{ float: left; display:inline-block; width:100%; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear;  -o-transition: all 500ms linear; transition: all 500ms linear; opacity: 1}
.light_inner .item a:hover img,
.light_inner .item a:focus img,
.light_inner .item a:active img{ opacity: 0.75;-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.light_inner{ display: table; table-layout: fixed; vertical-align: middle; float:none; width:calc(100% + 30px); width:-moz-calc(100% + 30px); width:-webkit-calc(100% + 30px); margin-left: -15px; margin-right: -15px;}
.light_inner .item{display: table-cell; vertical-align: middle; float: none; padding: 15px;}
/*
#lightcase-nav .lightcase-icon-play,
#lightcase-nav .lightcase-icon-pause{display: none !important;}
*/
/* Gaurav(Sustainability) Ends */
/* CONTACTS TRIDENT GAURAV */
.contact_img_ban.pro-textBg{
background-image: url(../img/contact/contact_trident_banner.jpg); background-repeat:no-repeat; background-position:center center;background-size:cover;}
.abt-info .t_form_for_contacts_title{ display: table; height: 550px; float: none; width: 60%; table-layout: fixed; margin: 0 auto;}
.abt-info .t_form_for_contacts_title > div{ display: table-cell; vertical-align: middle; width:100%;}
.ems_ff{font-size: 10px;}
.tbl-display{display: table; float: none; max-width:100%; width:100%; table-layout: fixed;position: relative;}
.ContactUSWrap .centered_txt_contain > .tbl-display{ margin-top: 3em; margin-bottom: 3em;}
.abs_iframe_cont{ position:absolute; top: 0px; left: 0px; height: 100%; width:100%; z-index: 0;}
.pad_adjust_frame{ padding-bottom: 25%; width: 100%; }
.tbl-cell{ display: table-cell; float: none; vertical-align: top; position: relative; overflow: hidden;}
.contact_info_display{margin-bottom: 15px;}
.contact_info_display > h6{font-size: 16px; color:#008677; text-align: left; text-decoration: none; margin-bottom: 10px; text-transform: uppercase;}
.contact_info_display > *:not(h6){font-size: 14px; color:#555; margin-bottom: 5px;float: left; display: inline-block; width:100%; clear: both;}
.pad-15-g{ padding-left: 15px; padding-right:15px;}
.contact_info_display > p > span:not(.fa){ font-size: inherit; line-height: 16px; margin-left: 0px; display:inline-block; float: left; width: calc(100% - 35px);width: -webkit-calc(100% - 35px);width: -moz-calc(100% - 35px)}
.contact_info_display > p > span.fa{ display: inline-block; float: left;text-align:left; margin-right: 5px; width: 30px; font-size: 18px; vertical-align: middle; color:#008677;}
.contact_link{ text-decoration:none; float:none; display: inline; color: #555;}
.contact_link:hover,
.contact_link:focus,
.contact_link:active{ color:#008677;}
.con-icoBlock{ width: 100%; display: inline-block; float: left; text-align: center;}
.con-icoBlock h6{ font-size: 16px; line-height: 20px;}
.con-icoBlock a{ display: block; color: #666; line-height: 20px; font-size: 14px;}
.con-icoBlock a:hover{ text-decoration: underline;}
/* CONTACTS TRIDENT GAURAV Ends */
/* MEDIA TRIDENT GAURAV */
.media_gallery_ban.pro-textBg{ background-image:url(../img/media/banners/image_gallery.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 620px;}
.item_in{ margin-bottom: 10px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in;  -o-transition: all 500ms ease-in; transition: all 500ms ease-in; width: 19.5%; margin-right: .5%; position: relative; display: inline-block; }
.video_in{ margin-bottom: 10px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in;  -o-transition: all 500ms ease-in; transition: all 500ms ease-in; width: 19.5%; margin-right: .5%; position: relative; display: inline-block; }
.video-btn{ width: 100%; height: 100%;position: absolute; right: 0;  left: 0; margin: auto; vertical-align: middle;z-index: 9; background-color:rgba(0, 0, 0, 0.4); text-align: center; top: 0;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -moz-flex;  display: -webkit-flex;  display: flex;  -ms-box-orient: vertical;  align-items: center;
  justify-content: center;}
.video-btn i{ color: #fff; font-size: 22px; }
.image_contain:hover img,
.image_contain:focus img,
.image_contain:active img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); opacity: 0.75;}
.image_contain{ display: table; margin: 0 auto; max-width: 450px; overflow: hidden; width:100%; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in;  -o-transition: all 500ms ease-in; transition: all 500ms ease-in;background:#FCB812;position: relative;}
.image_contain img{display:inline-block; width:100%; float: left; position: relative; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in;  -o-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.label{min-height:60px; font-size: 14px; padding: 10px 0; color:#333; text-align:center; width:100%; float: left; display: inline-block; font-weight: normal; white-space: normal!important; line-height: 20px;}
.label a{ text-decoration: none; color:#555;}
.label a:hover,
.label a:focus,
.label a:active{color:#008677; text-decoration: none;}
#my-gallery-container{width:100%; float: left;display: inline-block;}
#lightcase-case[data-lc-type="iframe"] .lightcase-contentInner{ padding-bottom: 51%; position: relative; width:100%; height: inherit !important;}
#lightcase-case[data-lc-type="iframe"] .lightcase-contentInner iframe{height: 100% !important; width:100%; position: absolute; top: 0px; left: 0px; max-height: inherit !important; min-height: 100%;}
.media_gallery_vban.pro-textBg{ background-image: url(../img/media/banners/video_gallery.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 620px;}
.lightcase_anchored .item_in .label + a[data-rel="lightcase"]{-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity: 0.875; overflow: hidden; display:inline-block; width:100%; float:left;}
.lightcase_anchored .item_in .label + a[data-rel="lightcase"] > img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.lightcase_anchored .item_in .label + a[data-rel="lightcase"]:hover,
.lightcase_anchored .item_in .label + a[data-rel="lightcase"]:focus,
.lightcase_anchored .item_in .label + a[data-rel="lightcase"]:active{opacity: 1;}
.lightcase_anchored .item_in .label + a[data-rel="lightcase"]:hover > img,
.lightcase_anchored .item_in .label + a[data-rel="lightcase"]:focus > img,
.lightcase_anchored .item_in .label + a[data-rel="lightcase"]:active > img{-moz-transform: scale(1.0);-webkit-transform: scale(1.0);-o-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0);}
.media_news_ban.pro-textBg{ background-image: url(../img/media/banners/news_ban.jpg); background-position: center center; background-size: cover;background-repeat: no-repeat; height: 620px;}
#prod-box{ position: relative;}
.video_in label{ white-space: normal!important; display: block;}
.search-box-m{position: relative; width:45px; float: left; clear: right; display: inline-block; margin-left: 5px; line-height: 25px; vertical-align: middle;}
h1.width_adj_for_sbox{float: left; display: inline-block; width: calc(100% - 55px); width: -webkit-calc(100% - 55px); width: -moz-calc(100% - 55px);}
.search-box-m > a{ display: inline-block; width:100%; clear: both; float: left; text-align: center; padding: 8px 10px; font-size: 22px; color:#fff; background:#FCB812; text-decoration: none; margin-top:0px;}
.search_wrap{ width: 100%; background:#f8f8f8; padding: 15px 10px; margin-bottom: 15px; display: block; float: left; width:100%;}
.search-box-m > a:hover,
.search-box-m > a:focus,
.search-box-m > a:active{text-decoration: none; outline: none; background: #008677;}
.custom_inp_group.input-group .input-group-addon:hover,
.custom_inp_group.input-group .input-group-addon:focus,
.custom_inp_group.input-group .input-group-addon:active{ background-color:#008677;}
.custom_inp_group.input-group .input-group-addon{-webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; background-color:#2a2a2a; color:#fff;}
.custom_inp_group.input-group input[type="text"]:focus{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 134, 119, 0);-moz-box-shadow:    0px 0px 10px 0px rgba(0, 134, 119, 0);box-shadow:         0px 0px 10px 0px rgba(0, 134, 119, 0); border-color:#2a2a2a;-webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; }
.custom_inp_group.input-group input[type="text"]{border-right: none;}
.custom_inp_group.input-group .bootstrap-select{ width: 175px;}
.custom_inp_group.input-group .bootstrap-select > .dropdown-toggle{ padding-top: 9px; padding-bottom:9px;}
.item_news{ background:#fafafa; padding: 25px 15px 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; border:1px solid #aaa; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-bottom: 22px;}
.cols-adj_color > *:nth-child(even) > a.item_news{background:#008677;color:#fff;}
.cols-adj_color > *:nth-child(even) > a.item_news h6{ color:#fff;}
.cols-adj_color > *:nth-child(even) > a.item_news p{ color:#fafafa;}
.cols-adj_color > *:nth-child(even) > a.item_news span.date_info_m{ color:#fff;}
.item_news:hover,
.item_news:focus,
.item_news:active{text-decoration: none; outline: none; border-color: #008677;-moz-transform: translate(0px, -5px);-webkit-transform: translate(0px, -5px);-o-transform: translate(0px, -5px);-ms-transform: translate(0px, -5px); transform: translate(0px, -7px);}
.item_news h6{ font-size: 2.1em; color:#008677;float: left; display:inline-block; width:100%; margin-bottom: 15px; line-height: normal;}
.item_news p{ font-size: 1.6em; color:#555;float: left; display:inline-block; width:100%; margin-bottom: 5px; line-height: normal;}
.date_info_m{ display:table; float: none; width:100%; text-align:right; font-size: 0.875em; color:#999; margin-top: 10px;}
.light_inner .item a{ border:1px solid #ddd;}
.tab_wrap_custom{background:transparent; z-index: 0; position: relative; margin-bottom: 15px;}
.tab_wrap_custom > ul.nav-custom{display:inline-block; width: 250px; text-decoration: none; float: left; background:#fff; z-index: 99; position: relative;}
.tab_wrap_custom > ul.nav-custom > li{ display:inline-block; width:100%; float: left; text-align: left;}
.tab_wrap_custom .trigger{padding: 10px 15px; text-decoration: none; color:#008677; background:#fff; width:100%; float: left;}
.tab_wrap_custom .trigger:hover,
.tab_wrap_custom .trigger:focus,
.tab_wrap_custom .trigger:active{ color: #fff; background:#008677;text-decoration: none;}
.tab_wrap_custom > ul.nav-custom > li > a{ display:inline-block; width:100%; text-align: left; background: #fafafa; color:#555; padding: 5px 15px; position: relative; margin-bottom: 2px; font-size: 14px;}
.tab_wrap_custom > ul.nav-custom > li.active a{background:#008677;border-right: none !important;color:#fff;} 
.tab_wrap_custom > ul.nav-custom > li.active a:after{left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-left-color: #008677;border-width: 7px;margin-top: -30px; top: 42px;}
.tab_wrap_custom > ul.nav-custom > li:not(.active) > a:hover{ background-color: #eee;}
.tab_wrap_custom > ul.nav-custom > li > a:focus,
.tab_wrap_custom > ul.nav-custom > li > a:active{ color:#fff; text-decoration: none; outline: none; background:#008677; border-color:#ddd;border-right: none;}
.tab_wrap_custom > .tab-content{ display:inline-block; width: calc(100% - 270px); width: -webkit-calc(100% - 270px); width: -moz-calc(100% - 270px); clear: right; z-index: 1; padding:20px; background:#fff; border:none; position: relative; min-height: 350px; margin-left: 20px;}
.trigger_contHd{ width: 100%; display: block!important; }
.trigger_contHd h3{color:#008677;  width:100%; text-align: left; display:block; font-size: 22px; margin-bottom: 20px; font-family:'Avenir LT Std 45 Book'!important; font-weight: normal!important; position: relative; padding-left: 30px; line-height: 22px; }
h4.title_primary{ color: #555!important; font-family:'Avenir LT Std 45 Book'!important; font-size: 16px; margin: 20px 0;}
.trigger_cont h4{font-size: 16px; color: #555; display: block;}
.trigger_cont p{ line-height: 22px;}
.trigger_contHd h3:before{ position: absolute; content: ""; background-color: #FCB812; width: 20px; height: 20px; border-radius: 50%; top: 0; left: 0; vertical-align: top; text-align: center; line-height: 20px; font-family:'FontAwesome'; color: #fff;}
.pdfbox{ width: 100%; display: block; height: 130px; background-color: #fff; position: relative;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);margin-top: 30px; padding:1em; text-align: center!important; margin-bottom: 2em; }
.pdfbox p{ font-size: 14px; line-height: 18px;}
.pdfIcon{ width:60px; height:60px; border-radius:100%; background-color: #FCB813; position: absolute; left: 0; right: 0; margin: auto; bottom: -30px; line-height: 70px; }
.grid{ display:table;}
.pdfInfo{ font-size: 12px; font-weight: 500; line-height: 16px; color: #008577; margin-top: 3px;}
a.file {background: #fff none repeat scroll 0 0;display: block;margin-bottom: 15px;    padding: 10px;transition: all 500ms ease 0s; min-height: 80px; border: 1px solid #eee;}
a.filea {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: #f9f9f9 none repeat scroll 0 0;border-color: transparent transparent #d3d3d3; border-image: none;border-style: solid;border-width: 1px;display: block;margin-bottom: 15px; padding: 19.5px;transition: all 500ms ease 0s; min-height: 140px;}
a.file:hover{ background-color: #f2f2f2; } 
a.filea:hover{ background-color: #FCB711; } 
a.filea .gridIco{ float: left; width: 30px; margin-right:5px; }
a.filea .gridText{ width: 80%;display: table-cell; vertical-align: middle;}
a.file .gridIco{ float: left; width: 30px; margin-right:5px;}
a.file .gridText{ width: 80%;display: table-cell; vertical-align: middle;}
a.file .gridText > .title{ line-height: 20px; font-size: 14px;}
.pdfTitle{ font-size: 14px; line-height: 20px; }
a.file .annual-Text{ float: left; width: 68%; padding-top: 0em;}
.resultHd{ width: 100%; display: block;}
.panel-group .panel-heading{ background-color: #f9f9f9;}
.statistic-list{ width: 100%; float: left; padding-top: .8em;}
.statistic-list h4{ margin-top: 0;}
.statistic-list ul{ margin: 0; padding: 0; list-style: none;}
.statistic-list ul li{ padding:0px 10px; border-top: 1px solid #efefef; font-size: 14px; color: #555; position: relative; line-height: 40px; padding-left: 30px;}
.statistic-list ul li:last-child{border-bottom: 1px solid #efefef; }
.statistic-list ul li:before{ background-color: #dedede; content:''; position: absolute; top: 15px; left: 0; width: 8px; height: 8px; border-radius: 50%; line-height: 40px;}
.block-wrapper {position: relative; display:inline-block; text-align:center; width: 31%;margin:0 1% 2%;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); }
.block-wrapper li{ list-style: none!important;}
.trigger_cont label{ font-weight:normal;}
.trigger_cont > .form-group{ margin-bottom: 20px;}
/* MEDIA TRIDENT GAURAV Ends */
/* CAREERS GAURAV */
#product .tab_wrap_custom{ background:transparent;} 
.tab_wrap_custom > ul.nav-custom{ margin-bottom: 0px;}/*
.tab_wrap_custom > ul.nav-custom > li > a:before{ content: "\f054";display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#555; position: absolute; top: 15px; left: 3px; display: inline-block; opacity: 0.7;}*/
.tab_wrap_custom > ul.nav-custom > li > a{ white-space: nowrap; text-transform:capitalize;}
.trigger_cont > .sub_text_sustain{ padding-top: 0px;}
.trigger_cont > .sub_text_sustain p{font-size: 14px; text-align: left!important;}
.tab_wrap_custom .nav-custom + .tab-content{ padding: 20px;}
.extra-slider .item{}
.swiper-wrapper{ position: relative;} 
.extra-slider .item a{float: left; display: inline-block; width:100%; position: relative;}
.extra-slider .item a img{float: left; display: inline-block; width:100%; position: relative;}
.swiper-container {width: 100%; float: none; display: block; max-width: 80%; margin: 10px auto; position: relative;}
.owl-navig.prev{ left: -50px;}
.owl-navig.next{ right: -50px;}
.owl-navig{ position: absolute; top: calc(50% - 25px); top: -moz-calc(50% - 25px); top: -webkit-calc(50% - 25px); width: 50px; height: 50px; color: #008677; display:inline-block; float: left; z-index: 999; font-size: 24px;}
.owl-navig:hover,
.owl-navig:focus,
.owl-navig:active{ color:#FCB812;}
.owl-carousel{ margin-left:0px;}
.career_bg.pro-textBg{ background-image: url(../img/takshashila.jpg); background-position: center center; background-size: cover;background-repeat: no-repeat; height: 620px;}
.career_linke.inline_element_s{ margin:-25px 10px 3px 0;}
.career_texte_start{ padding-top: 40px;}
.trigger_modal_link{display: block; margin: 0 auto 20px; float: none; max-width: 300px; width:100%; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in;  -o-transition: all 500ms ease-in; transition: all 500ms ease-in; overflow: hidden;  position: relative;}
.trigger_modal_link img{float: left; display: inline-block; width:100%; position: relative; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in;  -o-transition: all 500ms ease-in; transition: all 500ms ease-in; z-index: 9;}
.trigger_modal_link:hover img,
.trigger_modal_link:focus img,
.trigger_modal_link:active img{ opacity: 1;}
.trigger_modal_link:hover .abs-wrap-hover,
.trigger_modal_link:focus .abs-wrap-hover,
.trigger_modal_link:active .abs-wrap-hover{ opacity: 1;-moz-transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.abs-wrap-hover{position: absolute; bottom: 1px; left: 0px; width:100%;  color:#008677; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in;  -o-transition: all 500ms ease-in; transition: all 500ms ease-in; height: 55px;-moz-transform: translate(0px, 55px);-webkit-transform: translate(0px, 55px); -o-transform: translate(0px, 55px);-ms-transform: translate(0px, 55px); transform: translate(0px, 55px); padding: 10px;background:#008677; float: left; z-index: 97;}
.abs-wrap-hover p{font-size: 12px !important; color:#fff;}
.vis_hid_ho{display: none; width:100%; float: left; position: relative; height: 55px; visibility: hidden; opacity:0; z-index: 1;}
.responsive_adj .tab_wrap_custom > ul.nav-custom > li > a{ padding:5px 12px;}
.responsive_adj .tab_wrap_custom > ul.nav-custom{ width: 250px;}
.responsive_adj .tab_wrap_custom > .tab-content{width: calc(100% - 270px); width: -webkit-calc(100% - 270px); width: -moz-calc(100% - 270px);margin-left: 20px; }
.responsive_adj .tab_wrap_custom{ margin-bottom: 30px;}
#modal_career .modal-header{border-bottom: none;}
.centered_img_modal{ display:table; margin: 0px auto 10px; padding-bottom: 10px; border-bottom:1px solid #ddd; max-width: 200px;}
.modal_block{ display:inline-block; width:100%;}
.modal_block .sub_text_sustain p.text-center{ text-align: center;}
.modal_block .sub_text_sustain h3{font-size: 19px; color:#444; margin-bottom: 10px;}
.modal_custom_g .modal-dialog{ margin-top: 50px; margin-bottom: 50px;}
.openingBox{ width: 100%; float: left; display: inline-block; padding: 1em 0; margin-bottom:3em;}
.openingBox h2{ margin-bottom: 0px!important;}
.opening-hdBox{ width: auto; overflow: hidden; margin:1em 0;}
.opening{ width: 100%; display: inline-block; padding: 1em}
.opening h5{ font-size: 18px; color: #666; line-height: 20px;}
.opening p{ text-align: left;font-size: 14px;line-height: 20px; margin-bottom: 5px;}
.opening p.locationtxt{color: #008677}
.opening:hover{ background-color: #f7f7f7}
.join-info{ width: 85%; float: left; display: inline-block; vertical-align: middle; padding-right:1em;}
.join-id{line-height:20px!important; font-size:12px; display:inline-block;padding-right:3em;}
.join-btn{ width: 100px; float: left; display: inline-block;vertical-align: middle; padding-top: 2em}
a.career-btn{color: #fff;font-size: 8px;font-weight: bold;line-height: 21px;height: 20px;text-align: center;vertical-align: middle; width: 80px; margin:0 auto 4px; text-transform:uppercase; border-radius:3px; display:block; background:#FCB812;padding:0;}
a.career-btn:hover{ text-decoration:underline!important}
.takshashilaBg{width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/takshashila.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 620px; z-index:1;}
.reward{ width: 60%; float: left;}
.reward ul{ margin: 0 0 0 20px; padding:0; list-style: disc;}
.reward ul li{  width: 100%; line-height: 22px; color: #fff; font-size: 14px; }
.team{ width: 15.5%; display: inline-block; float: left; margin: 0em 1% 0 0; min-height: 236px;}
.teambox{ width: 100%; height: auto; background-color: #dedede; overflow: hidden;}
.teambox img{ width: 100%; max-width: 100%; height: auto; display: block;}
.team h6{ width: 100%; display: block; font-size: 16px; margin-bottom: 5px}
.team p{ font-size: 12px; line-height: 18px; padding-right: 20px; margin-bottom: 0;}
/* CAREERS GAURAV */
/* SITEMAP GAURAV */
.sitemap_wrap .list_sustain > li:before{top: 5px; left: 2px; }
.sitemap_wrap .list_sustain a:not(.sub_linked_map){color:#008677; font-family:'Avenir LT Std 65 Medium'; font-size: 18px;}
.sitemap_wrap .list_sustain a.sub_linked_map{}
.sub_linked_map{color:#008677; font-size: 16px;}
.sub-list-sustain{ list-style:none; width:100%; margin: -5px 0 5px; padding: 10px 0px 0; float: left;}
.list_sustain > li{float: left;}
.sub-list-sustain > li{ width:100%; padding-left: 25px; float: left; position: relative;float: left;}
.sub-list-sustain > li:before{ position:absolute; top: 10px; left: 0px; content:""; width: 8px; height: 8px; background:#FCB812;}
.sitemap_wrap .list_sustain li ul.nest-sublinks{ margin: 0 0 0 10px; padding: 0; list-style: none;  }
ul.nest-sublinks li{ width:100%; padding-left: 15px; float: left; position: relative;float: left;}
ul.nest-sublinks li a{ font-size: 12px!important;  font-family:'Avenir LT Std 45 Book'!important;}
ul.nest-sublinks li:before{ position:absolute; top: 10px; left: 0px; content:""; width: 6px; height: 6px; background:#FCB812!important;}
.header_sitemap:before{ margin-right: 5px; margin-left: 7px; color:#fff; font-size: 16px; content: "\f178"; display: inline-block;  font-family: FontAwesome;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; position: absolute; top: 10px; left: 5px; white-space:nowrap;}
.header_sitemap{background:#008677; color:#fff; padding: 10px 15px 10px 35px; font-size:19px; margin-bottom: 5px; float: left; width:100%; position: relative; margin-top:15px;}
/* SITEMAP GAURAV */
/* GAURAV */
.team p{ text-transform: capitalize;}
.item_in__adj .label{min-height: 52px; white-space: normal; text-transform: capitalize;}
.pdfListing .custom-styling-g > li{display: inline-block;float: left; margin-right: 0px; width: calc(25% - 3.75px);
  width: -webkit-calc(25% - 3.75px);width: -moz-calc(25% - 3.75px);}
.pdfListing .custom-styling-g > li:not(:last-child){ margin-right: 5px;}
.pdfListing .custom-styling-g{ display: inline-block;float: left; padding: 0px; list-style: none;
  width: calc(50% - 2.5px);width: -moz-calc(50% - 2.5px); width: -webkit-calc(50% - 2.5px);} 
.pdfListing .custom-styling-g:first-child{margin-right: 5px;}
.g--adjustment.paper-alt-info{ top: auto; bottom: 60px; height: auto; max-height: none; width: 45%;}
.g--adjustment.paper-alt-info .list_sustain > li { color: #fff;}
.g--adjustment.paper-alt-info .list_sustain > li:before{color: #fff;}
.g--adjustment.paper-alt-info .list_sustain{ font-size: 0.9em; margin-bottom: 0px;}
.snapshot .adjusted--image.lasting-yrs{ width: 200px; height: inherit; max-width: 100%;}
.g--adjusted-row.row{margin-left: -3px; margin-right: -3px;}
.g--adjusted-row.row > div[class*="col-"]{ padding-left: 3px; padding-right: 3px;}
.g--adjusted-row.row .program{ margin-bottom: 15px;}
.g--adjusted-row.row .program img + div > p{ min-height: 97px;}
.sustain-inlinebox .sustain-box h5{ text-transform: uppercase;}
#wrapper section.module.parallax-1{ background-image:url("../img/asmita-bg.jpg");}
/*about us awards slider*/
.owl-carousel .item-col{ width: 100%; display: block; background-color: #fff;height: auto; text-align: center!important;}
.owl-carousel .item-col .award-img{ width: 100%; display: block; text-align: center;}
.owl-carousel .item-col .certiBox{ width: 70%!important; display: inline-block; text-align: center; vertical-align: top; padding: 0 20px; margin-top: 0 auto;}
.owl-carousel .item-col .award-img{ width: 100%; display: block; text-align: center;}
.owl-carousel .item-col span{ display: block; margin-top: 2em; vertical-align: top; padding: 0 2em;}
.owl-carousel .item-col span h6{ font-size: 16px; display: block; margin: 0;}
.owl-carousel .item-col p{ font-size: 14px; text-align: center;}
/*======== media css starts =========*/
body .modal-backdrop{ z-index:1040;}
body .modal{ z-index:10500!important;}
.item_news.ems_ff{font-size:8px;}
.energy-plant{ width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/energy-img.jpg) no-repeat; position: center center; height: 100%;background-size: cover; position: relative; min-height: 600px; padding-bottom: 60px; }
/* Css Editing by Gaurav starts */
.more_info_btn{text-decoration: none;color:#fff;}
.more_info_btn:hover,
.more_info_btn:focus,
.more_info_btn:active{text-decoration: none; color: #008576; background:#fff;}
.edited_prods > .productBox{width: calc(25% - 25px); width: -moz-calc(25% - 25px); width: -webkit-calc25% - 25px); padding-left: 15px;  padding-right: 15px; padding-bottom: 30px;}
.edited_prods > .productBox .program img{float: left; display: inline-block; width:100%; margin-bottom: 15px;}
.edited_prods > .productBox .program p{margin-bottom: 15px;}
/* Gaurav Editing ends css */
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {height: 100%;}
.item:nth-child(1) {background: rgba(0, 0, 0, 0);}
.item:nth-child(2) {background: rgba(0, 0, 0, 0);}
.item:nth-child(3) {background: rgba(0, 0, 0, 0);}
.hero {position: absolute;width: 50%;left: 0%;z-index: 3;height: 100%; top: 0;color: #fff;text-align: center;-webkit-transform: translate3d(-0%,-0%,0); -moz-transform: translate3d(-0%,-0%,0);-ms-transform: translate3d(-0%,-0%,0);-o-transform: translate3d(-0%,-0%,0);transform: translate3d(-0%,-0%,0);display: table-cell;align-items: center; }
.hero h1 {color: #fff;font-size: 35px;font-weight: bold; margin: 0;padding: 0; text-align: left;}
.hero > .abt-text{ margin-top: 12em;}
.hero p{color: #fff;font-size: 14px;line-height: 20px; margin-top: 10px;margin-bottom:0;}
.overlay {position: absolute;width: 100%;height: 100%;z-index: 2;background-color: #000;opacity: .1;}
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {color: #fff;background-color: #1abc9c;border-color: #1abc9c;outline: none;margin: 20px auto;}
@media screen and (min-width: 980px){.hero { width: 50%; }    }
@media screen and (max-width: 640px){.hero h1 { font-size: 4em; }    }
/* opportunites css*/
.oppor{ width: 100%; display: inline-block; float:left; position: relative;}
@media 
  only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px)  {
  
    /* Force table to not be like tables anymore */
    .oppor table, .oppor thead, .oppor tbody, .oppor th, .oppor td, .oppor tr { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .oppor thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    .oppor tr { border: 1px solid #ccc; }
    
    .oppor td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-left: 50%; 
    }
    
     .oppor td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }
    
    /*
    Label the data
    */
    .oppor td:nth-of-type(1):before { content: "Sr.No."; }
    /*.oppor td:nth-of-type(2):before { content: "Function"; }*/
    .oppor td:nth-of-type(2):before { content: "Job Title"; }
    .oppor td:nth-of-type(3):before { content: "Job ID"; }
	.oppor td:nth-of-type(4):before { content: "Openings"; }
    
    
    .oppor td:nth-of-type(5):before { content: "Closure Date"; }
    .oppor td:nth-of-type(6):before { content: "Location"; }
    .oppor td:nth-of-type(7):before { content: "Experience"; }
    .oppor td:nth-of-type(8):before { content: "Action"; }
  }
  
  .oppor table { 
    width: 100%; 
    border-collapse: collapse; 
  }
  /* Zebra striping */
  .oppor tr:nth-of-type(odd) { 
    background: #f2f2f2; 
  }

  .oppor th { 
    background: #008374; 
    color: white; 
    font-weight: bold;
  }

  .oppor td, 
  .oppor th { 
    border: 1px solid #fff; 
    text-align: center; line-height: 30px;  font-size: 14px; 
  }

.table-scroll {
  height:370px;
  overflow:auto;  
  margin-top:20px;
}

/* opportunities css ends*/
/* Responsive changes starts  */
@media screen and (max-width: 992px) {
/* mobile main navigation starts */  
.cd-img-replace {display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;}
.overflow-hidden {overflow: hidden;}
.cd-main-content {min-height: 100%;position: relative;background-color: #fff;z-index: 2;padding-top: 0px; -webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}
.cd-main-content.lateral-menu-is-open
@media only screen and (min-width: 992px) {
.cd-main-content {padding-top: 70px;}
}
header {position: fixed;top: 0;left: 0;height: 50px;width: 100%;background: #fff;z-index: 99;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}

header.lateral-menu-is-open {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}
header.is-fixed {position: fixed;}
@media only screen and (min-width: 992px) {
  header {height: 50px;}
}
#cd-logo {display: block;float: left;margin: 5px 0 0 10px;}
#cd-logo img {display: block; width:200px;}
@media only screen and (min-width: 992px) {
#cd-logo {margin: 22px 0 0 30px;}
}
#cd-top-nav {position: absolute;top: 0;right: 120px;height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {display: inline-block;padding: .5em;color: #FFF;text-transform: uppercase;font-weight: 600;}
#cd-top-nav a.current { background-color: #242e30;}
.no-touch #cd-top-nav a:hover {color: rgba(255, 255, 255, 0.7);}
@media only screen and (min-width: 992px) {
#cd-top-nav {display: block;}
}
#cd-menu-trigger {position: absolute;right: 0;top: 0;height: 100%;width: 50px;background-color: #008676;}
#cd-menu-trigger .cd-menu-text {height: 100%;text-transform: uppercase;color: #FFF;font-weight: 600;display: none;}
#cd-menu-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 18px;height: 2px;background-color: #FFF;}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;}
#cd-menu-trigger .cd-menu-icon::before {bottom: 5px;}
#cd-menu-trigger .cd-menu-icon::after {top: 5px;}
#cd-menu-trigger.is-clicked .cd-menu-icon {background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
@media only screen and (min-width: 992px) {
#cd-menu-trigger {width: 110px;padding-left: 1.25em;}
#cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
#cd-menu-trigger .cd-menu-icon {left: auto;right: 1.25em;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
}
#cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0;visibility: hidden;z-index: 1;width: 260px;background-color: #008676;overflow-y: auto;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;transition: transform .4s 0s, visibility 0s .4s;-webkit-transform: translateX(80px);-moz-transform: translateX(80px);-ms-transform: translateX(80px);-o-transform: translateX(80px);transform: translateX(80px);}
#cd-lateral-nav .cd-navigation {margin: 20px 0;}
#cd-lateral-nav .sub-menu {padding: 0 10px 20px 15px;display: none;}
#cd-lateral-nav .sub-menu li{ list-style: none;}
#cd-lateral-nav a {display: block;line-height: 2.2em;padding: 0 16px 0 32px;color: #aab5b7; font-size: 14px; color: #fff;}
#cd-lateral-nav a.current {background-color: #3a4a4d;color: #FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 992px) {
#cd-lateral-nav .cd-navigation {margin: 20px 0;}
}
#cd-lateral-nav.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);visibility: visible;-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;transition: transform .4s 0s, visibility 0s 0s;-webkit-overflow-scrolling: touch;}
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: capitalize; font-size: 14px;}
#cd-lateral-nav .item-has-children > a::after {content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 1em;background: url("../img/cd-arrow.png") no-repeat center center;background-size: 8px 11px;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
#cd-lateral-nav .item-has-children > a.submenu-open::after {-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}
#cd-lateral-nav .socials {padding: 0 32px;}
#cd-lateral-nav .socials:after {content: "";display: table;clear: both;}
#cd-lateral-nav .socials a {height: 32px;width: 32px;float: left;padding: 0;background-image: url("../img/cd-socials.svg");background-repeat: no-repeat;background-size: 128px 64px;background-color: #FFF;margin-right: .5em;border-radius: 0.25em;}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google {background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover {background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {background-position: -96px -32px;}/* mobile main navigation ends */
} 
.trigger_cont{ width: 100%; float: left; position: relative; padding: 1.5em 0;}

.centerbox{ position:absolute;top:0px;left:0; right:0; margin:auto;width:45%; height: 100%;display: flex;justify-content: left;align-items: center; z-index: 2; display: -webkit-inline-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;}
 .centerbox p{ text-align: center; line-height: 25px; color: #666; position: relative; width: 330px; }   
 .centerbox p.myclass:before{
    content: '\201c';
    font-size:40px; color: #1F8677; position: absolute; top: 0; left: 0; 
}
 .centerbox p.myclass:after { content:'\201d'; font-size:30px; color: #1F8677; position: absolute;right: 0; bottom:-10px;font-size:40px;}
.all-centerbox{ width: 100%; position: relative; float: left; display: inline-block; height: 100%;}


@media (min-width: 320px) and (max-width:479px){

.banner-div{ width: 100%;   height: 200px; }

.social-Link ul li {display: block;margin-bottom: -2px;}
.messageDiv{  width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/rg.jpg) no-repeat 63% 47%;  height: 100%; position: relative; min-height: 450px;}
.messageText{ width:290px; position: absolute; top: 5%; left: 0; right: 0; margin: auto;}
blockquote {position: relative;margin: 0; border: none; line-height: 20px!important; color: #fff; font-size: 14px; text-align: left;}
blockquote:before {left: -5px;content: "\201C";}
blockquote:after {right:30px;bottom:-20px;content: "\201D";}
.abt-info{ width: 90%; height: auto; top:100px;left: 0; right: 0; margin: auto; }
.energy-info{ width:90%; height: auto; position: absolute; top:12%; left: 0; right: 0; margin: auto; padding: 2em;}
.energy-text{ width: 100%; margin: 2em auto;padding-left:0px;}
section.module.parallax-5 { min-height: 830px!important }
section.module.parallax-6 {height: 450px!important; }
section.module.parallax-7 {height: 720px!important; }
.energy-infra{  width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/energy-infra.jpg) no-repeat top;  background-size: cover; height: 100%; position: relative; min-height: 620px;}
section.module.parallax {height: 200px;}
section.module.parallax-9 {height: 600px!important; }
.top25 {margin-top: 10px!important;}
}

@media (min-width: 480px) and (max-width:767px){
.banner-div{ width: 100%;   height: 290px; }  
section.module.parallax {height: 200px;}
.overview-info{ width:90%; height: auto; position: absolute; top:30%; left: 0; right: 0; margin: auto; padding: 2em;}
.overview-text{ width: 100%; margin: 2em auto;padding-left:0px;}  
.abt-info{ width: 90%; height: auto; top:30%;left: 0; right: 0; margin: auto; }
.energy-info{width: 90%; height: auto; top:30%;left: 0; right: 0; margin: auto; }
.messageDiv{  background-color: #008676;  min-height: 400px;}
.messageText{ width:400px; position: absolute; top: 10%; left: 5%; right: 0; margin: 0;}
blockquote:before   {left: -5px;}
blockquote:after {right:190px;bottom:-27px;}
section.module.parallax-5 { min-height: 750px!important }
section.module.parallax-6 {height: 400px!important; }
section.module.parallax-7 {height: 550px!important; }
section.module.parallax-9 {height: 500px!important; }                                              
.energy-infra{  width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/energy-infra.jpg) no-repeat top;  background-size: cover; height: 100%; position: relative; min-height: 500px;}
}  
@media screen and (max-width: 767px) {/* pages layout css starts */ 
@supports ((perspective: 1px) and (not (-webkit-overflow-scrolling: touch))) {
  section.module.parallax {height: auto;background-position: center center!important;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
}
.oppor td, 
.oppor th { border: 1px solid #fff; text-align: left; }
.oppor td:before { top: 0px;width: 30%; }
.hd-mrg8{margin:2em 0!important;}
#wrapper{ width: 100%; padding: 50px 0 0; overflow-x:hidden }
#index-wrap{ width: 100%; padding: 50px 0 0; overflow-x:hidden }
.breadcrumbs {top: 48px; z-index: 500; padding-left: 20px;width: 100%; position: fixed;}
.contact-Box{ background-color: rgba(0, 134, 119, 0.8); padding:2em 1.5em;margin-top: 0em;}
section.module.parallax-4 {background-image: url("../img/products/yarn/yarn-infra.jpg"); height: 400px;}
.programs-section h1 {font-size: 25px!important; margin-bottom: 10px;}
.program {margin-bottom: 2em; }
.program p {min-height: initial!important;}
section.module p {margin-bottom: 10px;}
.timeline{ top: 20px; }
.takshBg{ height: 250px;}
.takshBg-Info {
    left: 0;
    margin: auto;
    right: 0;
    width: 90%;
}
.takshBg-Info h2 {font-size: 22px;line-height: 22px;margin-bottom: 5px;}
.takshBg-Info h5 { font-size: 18px; line-height: 18px;}
.sustain-box{ width: 100%; height: 300px; }
footer{margin-top: 1em;}
footer h3{ font-size:20px;line-height: 22px; margin:1em 0 10px; }
.btn-send-message{ background-color: #008676; color: #fff!important;}
a.prodBtn{margin-bottom: 20px; display: block;}
.g--adjusted-row.row .program img + div > p{ min-height: auto;}
.m-companyinfo{ width: 90%; margin: 0 auto;  padding: 2em 1em; text-align: center;}
.m-companyinfo p{ text-align: center;}
.energy-text{width: 100%; margin: 0em auto;}
.tpm-Box {padding: 10em 0;width: 80%; margin: 0 auto;}
.global-map{ width:90%; margin: 2em auto 0em; }
.global-map-lt{ width: 100%; position: relative!important; padding-bottom: 0;}
.global-map-rt{ width: 100%; float: right; margin-left: 0;}
.global-mapLeft{ width:100%;display:inline-block; float:left;}
.global-mapRight{ width:100%;display:inline-block;float:left;}
.global-mapInfo{ position: relative; width: 100%; right: 0; bottom:20px; }
.global-mapInfo ul li {padding-right: 1em;}
.awards-Hd{ text-align: center;}
.awards-Hd p{ text-align: left;!important; margin-bottom: 10px!important;}
.mid-content{ width: 90%;}
.timeline-Info{ position: absolute;left: 2em; top: 12%;  vertical-align: middle; z-index: 3;}
.timeline-Info h3{ font-size: 1.5em; color:#FCB812; line-height: 1em; margin-bottom: 5px;}
.timeline-Info h6{ font-size: .9em; margin-top: 0!important; line-height: 1.2em;}
#prod-box {margin: 2em auto;width: 88%;}
.all-infra img{ width: 100%; max-width: 100%; display: block; height: 300px;}
.rangeBox {display: inline-block;margin: 1em 0;}
ul.rb-grid {padding-top:1em;}
ul.rb-grid li {margin:0 3% 3% 0;position: relative;width: 47%;}
ul.rb-grid li.rb-width {width: 47% !important;}
.all-center h3{ font-size: 25px!important;}
.abt-text{ width: 90%; margin: 2em auto;}
.abt-info h1{font-size: 25px; margin-top: 0em; margin-bottom: 0; line-height: 35px;}
.energy-info h1{color: #fff;  font-size:25px!important; }
.abt-text h6{font-size: 20px; margin-top: 0;}
.abt-info p{ font-size: 14px;line-height: 20px;text-align: left!important; }
.all-alt-info{right:0;width:90%; left: 0; margin: auto; height: 100%;}
.all-brand p {margin-left: 0px;}
ul.all-infoItem li{ display:inline-block; width: 46%; }
ul.client li{ display:inline-block; width: 46%;}
ul.certify li{ display:inline-block; width: 45%; }
.all-info{ left:0; right:0; margin:auto;width:90%; }
ul.yclient li{width: 48%;text-align: left!important;}
ul.ycertify li{ display:inline-block; width:48%; text-align: left!important;}
.paper-range {margin: 3em 0;width: 100%;}
.pdfListing .custom-styling-g > li {width: calc(100% - 3.75px);}
.pdfListing ul li { margin-bottom: 8px;}
ul.brand-infoItem li {width: 48%;}
.certfy-content ul li{ margin-left: 15px!important;}
.webinar-rt-row{float: left!important; margin: 0em 0 0; }
.energyText{ width: 90%; left: 0; right: 0; margin: auto; bottom: auto; top: 5em;}
.award-list {margin: 2em 0 0;}
.award-list ul li {width: 100%; margin-bottom: 20px;}
.asmita-box {margin: 4em 0 ;width: 100%;}
.asmita-box p{ text-align: center!important;}
.asmita-box h2{ text-align: center; font-size: 25px;}
.asmita-box h5{line-height: 20px; font-size: 14px;} 
.sustain-opt ul li {width: 48%;}
.atworkCol {width: 48%;}
.certfy-content h2{ font-size: 25px!important; margin-bottom: 0px!important;}
.certfy-content.nomrg-certify { margin-top: 0em;}
.certfy-content{ margin-bottom: 10px; margin-top: 4em;}
.atwork-content {margin-left: 0;margin-top: 10px;}
.pad_adjust_frame{ padding-bottom: 300px; }
.address-col {margin-bottom: 1em;min-height: auto;}
.team {margin: 0 1%;width: 48%;}
.team h6 {font-size: 14px;}
.reward{ width: 100%; float: left;}
.reward ul li{  width: 100%; line-height: 20px; color: #fff; font-size: 14px; line-height:22px; }
.padBox {margin: 2em 0;width: 100%;}
.tab-content{ width: 100%; display: inline-block; float: left;}
.trigger_cont{ width: 100%; float: left;padding: 1.5em 0; overflow: scroll;}
.trigger_cont h4{font-size: 16px; color: #555; display: block; margin-left: 15px;}
.trigger_cont p{ line-height: 22px;}
.custom--tab--content .tab-pane{width:100%;display:inline-block!important;}
a.trigger{ position: relative;}
a.trigger span{ position: absolute; top: 20px; font-size: 10px; right: 20px;}
.tab_wrap_custom .trigger {background: #efefef;color: #008677;padding: 10px 30px 10px 15px;width: 100%; font-size: 14px;}
.tab_wrap_custom > .tab-content{ display:inline-block; width: calc(100% - 32px); width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); clear: right; z-index: 1; }
.tab_wrap_custom .nav-custom + .tab-content {padding: 20px 0;}
.trigger_contHd h3::before {height: 15px;top: 2px;width: 15px;}
#no-more-tables table tr td:first-child {background-color: #eee;color: #333;}
section.module.parallax-6 {height: 450px; }
section.module.parallax-8 {height: 380px; }
section.module.parallax-2 {height: 380px;}
.paper-info {height: auto;justify-content: left;left:0; right:0; margin:auto;position: absolute;top: 12%;width:90%;}
.paper-range p {margin-left: 0px;}
body .modal-backdrop{ z-index:-1!important;}
.modal-content{ margin-top: 5em;}
.owl-carousel .item-col{ margin-bottom:1em;}
.centerbox{ width: 76%; }
.all-centerbox img{ width: 100%; max-width: 100%; display: block; height: 450px;}

}
@media (min-width: 768px) and (max-width: 998px){
body .modal-backdrop{ z-index:-1!important;}
.mid-content{ width: 90%; margin: 0 auto; position: relative;}  
.index-prog{ width: 100%; margin: 0 auto;}
  p{ font-size: 13px!important}
  .program p{ font-size: 14px;  min-height: 170px!important; }
.lastLink{ width: 76px; height: 65px;}
.takshBg-Info {padding: 4% 0;top: 20%;width: 60%;}
.takshBg-Info p {font-size: 15px; line-height: 18px;}
.sustain-box{ width: 100%; height: 400px; margin:0 auto; }
.footer-Container {width: 80%;}
.hd-mrg8{margin:2em 0!important;}
.green-bg {padding: 1em 0 !important;}
.snapshot {width: 88%;}
.snapshot h2{ color: #fff!important; font-size: 22px!important; margin-bottom: 10px!important;}
.snapshot .adjusted--image.lasting-yrs {width: 150px;}
section.module.parallax {height: 400px;}
#wrapper {padding: 50px 0 0;}
#index-wrap {overflow-x: hidden;padding: 50px 0 0;}
.banner-div {height: 450px;}
.programs-section{ margin-top: 30px;}
.abt-text {margin: 10em auto;width: 80%;}
.messageDiv{ height: 580px}
.messageText {bottom: 5em;left: 5em;width: 386px;}
.tpm-Box {padding: 3em 0;width: 80%;}
.overview-text { width:75%;margin: 8em auto;}
.overview-info h1 {color: #fff;font-size: 28px!important;}
.abt-info h1{font-size: 26px!important; margin-top: 0em; margin-bottom: 0; line-height: 30px;}
.energy-info h1{color: #fff;  font-size:26px!important; }
.energy-text {margin: 4em auto;}
.energyText {bottom: 6em;left: 6em;width: 70%;}
.energyinfo{  padding: 2em 6em; text-align: center;}
.awards-box {margin: 2em auto 0;width: 80%;}
.award-list{ margin:2em 0 0; }
.companyinfo{ width: 80%; padding: 1em 2em; top: -28%; }
.timeline-Info{ position: absolute;left: 2em; top: 12%;  vertical-align: middle; z-index: 3;}
blockquote:after {right:110px;bottom:-27px;}
.hero h1 {font-size: 26px;}
.hero > .abt-text{ margin-top: 3em;}
.rangeBox {display: inline-block;margin: 2em 0;}
.all-info{left:8%;width:70%;}
.breadcrumbs {top: 50px; }
.all-alt-info{right:8%;width:60%; height: 100%;}
ul.all-infoItem li{ display:inline-block; width: 19%; }
ul.client li{ display:inline-block; width: 19%;}
ul.certify li{ display:inline-block; width: 20%; }
.programs-section h1 {font-size: 25px!important; margin-bottom: 10px;}
.all-center h3 {color: #fff;font-size: 25px !important;}
ul.yclient li{width: 20%;text-align: left!important;}
ul.ycertify li{ display:inline-block; width:20%; text-align: left!important;}
#prod-box {margin: 2em auto;width: 80%;}
.paper-range {margin: 3em 0;width: 100%;}
.paper-info{ top:8%;left:4%;width:42%; }
.paper-alt-info{top:45%;right:4%;width:42%;}
.g--adjustment.paper-alt-info{ top: 8%; bottom: 60px;width: 45%;}
.list_sustain > li{padding-left: 35px; line-height: 20px; font-size: 12px; color: #666;}
ul.brand-infoItem li {width: 15.9%;}
.chemi-info{ top:10%;left:11%;width:60%;}
.greenBox{ height: 58px;}
.webinar-rt-row {margin: 12em 0 0}
.certfy-content ul li{ margin-left: 15px!important;}
section.module.parallax-5 { height: 765px!important }
section.module.parallax-7 {height: 650px!important; }
section.module.parallax-25 {height: 350px !important;}
section.module.parallax-11 {height: 350px !important;}
.certifyBox{ padding-top: 0em; }
.top1em{margin-top: 1em;}
.address-col {margin-bottom: 2em;min-height: 220px;}
.team {margin: 0 1% 0 0;width: 18%;}
.trigger_cont{ width: 100%; float: left;  position: relative; padding: 1.5em 0}
.pro-textBg.sustain_img {
    height: 600px;
}
.trigger_cont{ width: 100%; float: left;padding: 1.5em 0; overflow: scroll;}
}

@media (min-width: 999px) and (max-width: 1024px){

#logo{width: 200px; margin-left: 55px}
.index-prog{ width: 90%; margin: 0 auto;}
.banner-div {height: 500px;}
.breadcrumbs { top: 64px; }
.program p{ font-size: 14px; min-height: 150px!important; }
.greenText{ color: #008677;}  
.sustain-box{ width: 90%; }
.abt-text {margin: 6em auto;width: 70%;}
.companyinfo{ width: 80%; padding: 3em 5em; text-align: center; top: -34%;}
.overview-text { width:75%; margin: 10em auto;}
.messageText {bottom: 4em;left: 8em;width: 400px!important;}
blockquote:after {right:190px;bottom:-27px;}
.hero > .abt-text{ margin-top: 8em;}
.rangeBox {display: inline-block;margin: 3em 0;}
.paper-range {margin: 3em 0;width: 100%;}
.paper-info{ top:8%;left:4%;width:42%; }
.paper-alt-info{top:5%;right:4%;width:45%;}
.chemi-info{ top:25%;left:11%;width:50%;}
.g--adjustment.paper-alt-info{ top: 8%; width: 45%;}
.g--adjustment.paper-alt-info .list_sustain > li { color: #fff; line-height: 20px;}
.webinar-rt-row {margin: 8em 0 0}
.energy-text { width:70%;margin: 6em auto;}
.awards-box {margin: 2em auto 0;width: 80%;}
.award-list{ margin:2em 0 0; }
.team {margin: 0 1% 0 0;width: 19%;}
a.file .gridText {width: 70%;}
section.module.parallax-5 { height: 720px!important }
.abt-info h1{font-size: 26px!important; margin-top: 0em; margin-bottom: 0; line-height: 35px;}
.breadcrumbs {padding: 8px 0 8px 100px;}
}
/* GAURAV */
@media (min-width: 768px) and (max-width: 1199px){
body.responsive--adj--custom  .item_in.full-width{ width: calc(33.33% - 15px); width: -moz-calc(33.33% - 15px); width: -webkit-calc(33.33% - 15px);}
body.responsive--adj--custom  .video_in.full-width{ width: calc(33.33% - 15px); width: -moz-calc(33.33% - 15px); width: -webkit-calc(33.33% - 15px);}
.all-brand p {margin-left: 0;}
}
/* GAURAV */
@media (min-width: 480px) and (max-width: 767px){
body.responsive--adj--custom  .item_in.full-width{ width: calc(50% - 15px); width: -moz-calc(50% - 15px); width: -webkit-calc(50% - 15px);}
body.responsive--adj--custom  .video_in.full-width{ width: calc(50% - 15px); width: -moz-calc(50% - 15px); width: -webkit-calc(50% - 15px);}
}
/* GAURAV */
@media (max-width: 479px){
body.responsive--adj--custom  .item_in.full-width{width: 100%; margin-right: 0px;}
body.responsive--adj--custom  .video_in.full-width{width: 100%; margin-right: 0px;}
}
body .iframe_Album.shown_iframe:before{ opacity: 1; z-index: 99;}
body .iframe_Album:before{ position: fixed; left: -100%; bottom: 0; width: 400%; height: 200%; background: rgba(51,51,51,0.9); -webkit-transition: all 500ms ease-out;  -moz-transition: all 500ms ease-out;    -o-transition: all 500ms ease-out;transition: all 500ms ease-out; opacity: 0; z-index: -111; display: inline-block; content: "";}
body .camera_wrap{ z-index: 999;}
/* Work Done by Gaurv  */
.file--new.file{display: inline-block; float: left; margin-right: 0px;}
.file--new > .grid{ float: left; width: 100%; display: inline-block;}
.file--new img{ float: left; width: 30px; display: inline-block; margin-right: 10px;}
.file--new img + p{ float: left; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); display: inline-block;}
/*.file--new > div > div > p:not(:last-of-type){ float: left; width: 100%;display: inline-block; margin-right: 0px; font-size: 14px; line-height: 1.2em;}
.file--new > div > div > p:last-of-type{ float: left; width: 100%;display: inline-block; font-size: 12px; margin-top: 3px; font-weight: 500; color: #008577; line-height: 1.2em;}
.grid{ display: inline;}*/
.grid span{ color :#008577!important; font-size: 12px!important}
/* Work Done by Gaurv  */

.job-detailbg{width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/takshashila.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 350px; z-index:1;} 

.job-detailpriv{width:100%; float: left; display: inline-block; background-color: #008676; background: url(../img/privacy.jpg) no-repeat center center;background-size:cover; height: 100%; position: relative; min-height: 350px; z-index:1;}


.job-detail{ width: 100%; display: inline-block; margin: 2em 0;}
.job-detail h3{ text-align: left!important;color: #008577; line-height: 25px; margin:10px 0 15px; font-size: 20px;}
.job-detail h6{ text-align: left; color: #008577; font-size: 16px;font-family:'Avenir LT Std 45 Book'!important; margin-bottom: 5px!important;}
.locate-exp{ width: 100%; display: inline-block; float: left; margin-bottom: 10px; }
.locate-exp .expIcn{ display: inline-block; line-height: 20px; vertical-align: top; }
.locate-exp label{ display: inline-block!important; margin-right: 20px; line-height: 16px; font-weight: normal!important; margin-top: 5px;}
.job-des{ width: 100%; display: inline-block;float: left; margin-top: 20px; }
.key-role {line-height: 20px;}
.key-role .list-item{ width: 100%; display: block; line-height: 30px; }
.key-role .list-item em {color: #666;display: inline-block;font-size: 13px;font-style: normal;vertical-align: top;width: 180px;}
.key-role .list-item span {display: inline-block!important;max-width: 65%;vertical-align: top;}
.key-role .list-item a {color: #666;}
@media screen and (max-width: 767px) {
.key-role .list-item em {color: #333;display: inline-block;font-size: 13px;font-style: normal;vertical-align: top;width: 180px;}
.key-role .list-item span {display: inline-block!important;max-width: 65%;vertical-align: top;}
}
.srch-bg{ background-color: #f6f6f6; width: 100%; padding: 5px 0; }
.be-modules-field{ width: 70%; margin: 0 auto; }
.modules-field{ width: 38%; margin: 0 auto; }
.search-field-wrapper, .input-group-filter, .search-icon, .srch-label{ display: table-cell;}
.input-firstname, .input-lastname, .search-icon{ display: table-cell;}
.srch-label{border-radius: 0;box-sizing: border-box;height: 60px;text-overflow: ellipsis;vertical-align: middle;width: auto; padding-right: 10px; white-space: nowrap; font-size: 16px; color: #333;}
.inner-modules {border-radius: 0;transition: all 0.2s ease 0s; width: 100%; margin:auto; left: 0; right: 0;height: 60px;}
.search-field-wrapper{text-overflow: ellipsis;width: 70%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0px; height: 60px; vertical-align: middle; }
.search-field-wrapper input{ width: 100%;background: transparent;border: 0 none;color: #444;padding:0 20px; font-size: 1.1em!important; border-right:1px solid #ccc; line-height: 22px; }
.search-field-wrapper > .input-group-btn{width: 100%; display: block!important;position: relative;
    font-size: 0;
    white-space: nowrap; }
.input-group-filter{ width: auto; vertical-align: middle; padding:0; line-height: 20px; background-color: transparent; }
.input-group-filter:hover{ background-color: rgba(255,255,255,0.8);}
.search-icon input[type="submit"]{ vertical-align:middle; padding: 0 1em; width: auto; height: 38px; border: none; text-align: center; background-color: #008374; color: #fff; margin-top: 11px;}
.input-firstname{width: 35%;}
.input-firstname, .input-lastname{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0px; height: 60px; vertical-align: middle; }
.input-firstname input[type="text"]{ width:100%;  background-color: #fff; }
.input-lastname input[type="text"]{ width:100%;background-color: #fff; }
.link-person{ width: 100%; display: inline-block; float: left;}
.link-person p{ margin-bottom: 0;}
.link-person a{ color: #008577; font-weight: bold;}
.link-person span{ color: #008577; font-weight: bold; display: inline-block;}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.error{
  color:red;
}
a.yellowbar{ width: 100%; display: inline-block;float: left;  text-align: center; padding: 4px; color: #fff; font-size: 18px; background-color:#fcb812 ;  }
a.yellowbar:hover{ color: #fff; }
.online-banner{ width: 100%; height: auto;  margin-top: 8px;}
.grey-bg{ width:100%; float: left; display: inline-block; background: #f1f1f1;  padding: 3em 0 }
.online-logos{ width: 100%;margin: 0 auto;}
.online-logos ul{ margin: 0; padding: 0; list-style: none; }
.online-logos ul li{ width: 15.5%; background: #fff; display: inline-block; padding: 20px; margin-right: 6px; }

.detail-share{ width: 100%; margin: 0; padding: 0; display: table; text-align: right; }

.detail-share ul{ margin: 0; padding: 0; list-style: none; }
.detail-share ul li{ display:inline-block; margin-right:2px;  vertical-align: middle;width: 30px; height: 30px; border-radius: 50%;line-height: 30px; text-align: center;  }
.detail-share ul li:first-child{ margin-right: 15px!important; font-weight: bold; }
.detail-share ul li.fb{  background-color: #3B5998;}
.detail-share ul li.tweet{  background-color: #00B8E8;}
.detail-share ul li.linkin{  background-color: #2672AE;}
.detail-share ul li a{ display: block; width: 30px; height: 30px; }
.detail-share ul li a i{ font-size: 16px; color: #fff!important }
@media screen and (max-width: 767px){
.abt-info h1 {font-size: 23px!important;line-height: 30px;margin-bottom: 0;margin-top: 0;}
.srch-label{ height: auto; }
.srch-bg {background-color: #f6f6f6;padding: 20px 0;width: 100%;}
.bootstrap-select {width: 100px \0;}
.srch-label{ display: block; }
.be-modules-field {margin: 0 auto;width: 100%;}
.inner-modules {border-radius: 0;height: auto;left: 0;margin: auto;right: 0;transition: all 0.2s ease 0s;width: 100%;}
.login{ width: 90%; margin: 4em auto 2em; }
.online-logos ul li{ width: 48%; background: #fff; display: inline-block; padding: 10px; margin-right:3px; }
#profilebox{ width: 100%; float: left; padding: 20px; margin: 0px; background-color: #fff;}
.resp-vtabs .resp-tab-content {border: 1px solid #c1c1c1;}
.modules-field {margin: 0 auto;width: 100%;}
a.career-btn{margin:4px auto 4px 0; }
.greenbox-info{ width: 100%; }
.greenbox-text{ width: 95%; margin: 5em auto; padding: 2em;}
.overview-info{ width: 100%; }
.overview-text{ width: 90%; margin: 10em auto;padding: 2em;}
.investorBg{min-height: 550px; z-index:1;}
.corpoBg{min-height: 550px; z-index:1;}
.takshashilaBg{ min-height: 700px; z-index:1;}
.online-banner{ margin-top: 30px; }
#carousel{ margin-top: 30px; }
}
@media (min-width:320px) and (max-width:479px){
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 210px!important;}
.search-field-wrapper {border-radius: 0;box-sizing: border-box;height: 45px;text-overflow: ellipsis;vertical-align: top;width: 100%; display: block;}
.input-group-filter {background-color: transparent;line-height: 20px;padding: 0;vertical-align: top;width: 210px; display: inline-block;}
.search-icon{ display: inline-block;}
.search-icon input[type="submit"] {margin-top: 0px;}
.input-firstname{width: 50%;}
.input-firstname, .input-lastname{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0px; height: 60px; vertical-align: middle; }
.input-firstname input[type="text"]{ width:100%;  background-color: #fff; }
.input-lastname input[type="text"]{ width:100%;background-color: #fff; }
}
@media (min-width: 480px) and (max-width:767px){
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%!important;}
.search-field-wrapper {border-radius: 0;box-sizing: border-box;height: 30px;text-overflow: ellipsis;vertical-align: top;width: 200px; display: inline-block;}
.input-group-filter {background-color: transparent;line-height: 20px;padding: 0;vertical-align: top;width: 150px; display: inline-block;}
.search-icon{ display: inline-block;}
.search-icon input[type="submit"] {margin-top: 0px;}
.input-firstname{width: 35%;}
.input-lastname{width: 35%;}
.input-firstname, .input-lastname{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0px; height: 60px; vertical-align: top; display: inline-block; }
.input-firstname input[type="text"]{ width:100%;  background-color: #fff; }
.input-lastname input[type="text"]{ width:100%;background-color: #fff; }
}
@media (min-width: 768px) and (max-width:998px){
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%!important;}
.search-field-wrapper{text-overflow: ellipsis;width: 70%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0px; height: 60px; vertical-align: middle; }
.input-group-filter{ width: auto; vertical-align: middle; padding:0; line-height: 20px; background-color: transparent; }
.online-logos ul li{ width: 15.7%; background: #fff; display: inline-block; padding: 10px; margin-right: 2px; }
.greenbox-info{ width: 70%; }
.greenbox-text{ width: 80%; }
.overview-info{ width: 65%; }
.overview-text{ width: 80%;}
.hero {width: 70%;}
.hero > .greenbox-text{ margin-top: 1em!important; }
.breadcrumbs {padding: 8px 0 8px 20px;}
}
@media (min-width: 768px) and (max-width:1024px){
    .oppor td, .oppor th {text-align: left;}
    a.career-btn{margin:4px auto 4px 0; }
.greenbox-text{ width: 75%; }
.overview-info{ width: 60%; }
.overview-text{ width: 75%;}
.programs-section h1 {font-size: 28px!important; margin-bottom: 10px;}
.hero > .greenbox-text{ margin-top: 3em!important; }
  }
.content{overflow: auto;position: relative;padding: 20px;background: #fff;margin: 10px;width: 100%;max-width: 97%;height: 350px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content.hidden{ display: none;}
.inner-ft-nav{ width: 100%; text-align: left!important; display: inline-block;}
.inner-ft-nav ul{ margin: 0; padding: 0; list-style: none;}
.inner-ft-nav ul li{ display: inline-block; padding: 0  5px; }
ul.reportlist{ margin: 0; padding: 0 }
ul.reportlist li{ margin-left: 20px; }
ul.reportlist i{ columns: #666; margin-right: 5px; }
#map {
    width: 100%;
    height: 450px;
    background-color: #CCC;
}