@charset "utf-8"; /* CSS Document */ ul{ margin:0; padding:0;} ul li{ list-style:none;} a{color:#454545; display:inline-block; vertical-align:inherit;} a:hover, a:focus{ text-decoration:none; color:#198f4a; outline:none;} p{ font-size:1.125rem; line-height:1.75rem; color:#000; margin-bottom:1.65rem; font-weight:400;} .transition6s{ transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s;} h1{font-size:2.1875rem; line-height:2.1875rem; font-weight:400;margin-bottom:1.5625rem;} h2{/*font-size:1.875rem; line-height:1.875rem;*/ font-size:2.1875rem;line-height:2.875rem; font-weight:400; margin-bottom:1.5625rem;} h3{font-size:1.375rem; line-height:1.75rem; font-weight:600;} h4{font-size:20px; line-height:24px; margin-bottom:10px;} h5{font-size:18px; line-height:24px; margin-bottom:15px; font-weight:600;} h6{font-size:16px; line-height:22px; margin-bottom:10px; font-weight:600;} /**============Footer at bottom============**/ html,body {margin:0;padding:0;height:100%;} body{ /*overflow-x:hidden;*/ font-family: 'Titillium Web', sans-serif;} #wrapper{min-height:100%;position:relative;} #content{padding-bottom:22.25rem; /*overflow:hidden;*/} footer {position:absolute;bottom:0; width:100%;height:22.25rem;background:#6cf; z-index:99;} #content.overflowVisible{ overflow:visible;} .semibold{ font-weight:600;} ::-webkit-input-placeholder { color: #fff;} ::-moz-placeholder { color: #fff;} :-ms-input-placeholder { color: #fff;} :-moz-placeholder { color: #fff;} /**===========================================COMMON CSS===============================================**/ .element-position{ position:relative;} .title-heading.text-center, .text-center .title-heading{ margin:0 auto 10px;} /**==========================READ MORE==========================**/ /*.read-more{position:absolute; bottom:0; right:0; background:#8fb73e; width:1.8rem; height:1.8rem; line-height:1.5rem; display:block; transition:all 1s; overflow:hidden; color:#fff; font-weight:200; padding:0 0.125rem; z-index:0;font-size:1.2em; text-align:center; margin-left:-1rem; } .read-more:hover{width:6rem; height:1.8rem; line-height:1.5rem; color:#fff; padding:0rem 0.5rem 0 0.125rem; transition: all 0.5s; text-align: right; margin-left:-3.75rem;} .read-more span {max-width: 0;vertical-align: top;white-space: nowrap;overflow: hidden;font-size:0.8rem; line-height:1.8rem; display:inline-block; -moz-animation: max-width 0.5s;-webkit-animation: max-width 0.5s ;-o-animation: max-width 0.5s;-ms-animation: max-width 0.5s; animation: max-width 0.5s;} /*@-moz-keyframes slide {from {width: 0;}to {width: 3.5rem;}} @-webkit-keyframes slide {from {width: 0;}to {width: 3.5rem;}} @-ms-keyframes slide{from {width: 0;}to {width: 3.5rem;}} @keyframes slide{from {width: 0;}to {width: 3.5rem;}} .read-more:hover span{max-width:3.5rem; }*/ .read-more{position:absolute; bottom:0rem; right:0%; background:#8fb73e; color:#fff; border:0; width:1.8rem; height:1.8rem; line-height:1.8rem; display:block; transition:all 0.5s; overflow:hidden;color:#fff; text-align:center; font-size:1.8rem; font-weight:200; padding: 0rem 0.313rem ; z-index:-0;} .read-more:hover{width:100px; height:1.8rem; line-height:1.8rem; border:0; transition:all 0.5s; color:#fff; padding:0rem 0.625rem; background:#8fb73e;} .read-more span {max-width: 0;-webkit-transition:max-width 0.5s;transition: max-width 0.5s;display: inline-block;vertical-align: top;white-space: nowrap;overflow: hidden;font-size:0.875rem;margin-right:20px; line-height:1.8rem;} .read-more:hover span{max-width:100%;} .read-more i{ position:absolute; right:6px; top:-3px; background:#8fb73e; font-style:normal; line-height:1.8rem; } .view-more{ background:#8fb73e; color:#fff; border:0; min-width:1.8rem; height:1.8rem; line-height:1.8rem; display:inline-block; transition:all 0.5s; overflow:hidden;color:#fff; text-align:center; font-size:0.875rem;margin-right:20px; padding: 0rem 0.5rem ; } .view-more i{color:#fff; font-style:normal; line-height:1.8rem;font-size:0.875rem; } .view-more:hover{ color:#fff;} .conditional-box{ text-align:center;} .conditional-box p{ display:block; font-size:12px; line-height:12px; text-align:right;} .conditional-box p i{ color:#ff0000;} .drection-read-more i{ right:8px;} .outer-link-icon{ background:url(../../images/css_sprites.png) no-repeat; height:0.9375rem; width:0.9375rem; background-position:-0.625rem -9.0625rem; display:inline-block; margin-bottom:0;line-height:1.6rem;} .outer-read-more,.outer-read-more:hover{line-height:1.6rem;} .direction-link-icon{ background:url(../../images/css_sprites.png) no-repeat; height:0.9375rem; width:0.9375rem; background-position:-566px -14px; display:inline-block; margin-bottom:0;line-height:1.6rem;} .direction-link-icon, .direction-link-icon:hover{line-height:1.6rem;} .download-icon{ background:url(../../images/css_sprites.png) no-repeat; height:1rem; width:1rem; background-position:-0.625rem -11.25rem; display:inline-block; margin-bottom:0;line-height:1.6rem; top:-3px;} .download-icon, .direction-icon:hover{line-height:1.6rem;} .read-icon{ background:url(../../images/css_sprites.png) no-repeat; height:0.9375rem; width:1rem; background-position:-198px -185px; display:inline-block; margin-bottom:0;line-height:1.6rem;} .read-icon, .read-icon:hover{line-height:1.6rem;} .left-div{ float:left; margin:0 20px 0 0;} .right-div{ float:right; margin:0 0 0 20px;} /**=========================Banner=========================**/ .jarallax {position: relative; z-index:inherit !important; min-height:515px;} .jarallax > .jarallax-img {position: absolute; object-fit: cover; object-position:50% 50%; font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100% !important; z-index: -1;} .jarallax-video{ min-height:100%;} #VideoWorker-0{ margin-top:0 !important;} .video-banner-in{height:100%;} .video-banner-in .jarallax-video{ min-height:100%;} .banner-overlay{ position:absolute; bottom:-1px; left:0; right:0;z-index:2; width:100.5%;} .banner{position:relative;/*background-color:#000;*/height:38vw;width:100%;overflow:hidden} .banner .container{position:relative;z-index:2} .masthead-outer, .inside-container-masthead{ position:relative; overflow:hidden;} .masthead-outer-w:after{content: ''; position: absolute;background:#fff; bottom:40px; height: 50px; left: 0; right: 0; -moz-transform: skewY(-1.4deg); -webkit-transform: skewY(-1.4deg); -ms-transform: skewY(-1.4deg); transform: skewY(-1.4deg); transform-origin: 100%; z-index: -1;} .video-banner-container{ background:#fff; position:relative; z-index:4;} .ParallaxVideo{ Height: 100%;/*padding-bottom: 50px; padding-top: 50px;*/ } .ParallaxVideo video{ width: 100%; position:fixed;top:0;z-index: -9999; } /**=======FOOTER=======**/ footer{ background:#f4f4f4; padding:1rem 0; } footer:before {content: '';display:block;height:5rem;left: 0; position: absolute; right: 0; z-index:0; -webkit-backface-visibility: hidden;top:-5rem;-webkit-transform: skewY(-2.4deg);transform: skewY(-2.4deg);-webkit-transform-origin: 100%; transform-origin: 100%; background: #f4f4f4;} footer h3{ font-size:1.125rem; color:#454545; line-height:1.125rem; margin-bottom:1rem; font-weight:600;} footer ul li{font-size:1rem; line-height:1rem;} footer ul li a{position:relative; padding:0.5rem 0 0.5rem 1rem; display:inline-block;color:#454545; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s;} footer ul li a:before{content:''; position:absolute; background:url(../../images/css_sprites.png) no-repeat; width:6px; height:10px; left:0; top:12px; background-position:-84px -48px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s;} footer ul li a:hover{ padding-left:1.250rem; color:#8fb73e;} footer ul li a:hover:before{ left:0.3125rem;} footer a{ vertical-align:inherit;} footer .dtl-box a{ color:#6e9f24;} footer p{ margin-bottom:1rem;} .social-icon{ background:url(../../images/css_sprites.png) no-repeat; height:1.5625rem; display:inline-block; vertical-align:middle; margin:0 0.325rem;} .social-icon.facebook{ background-position:-7.875rem -2.25rem; width:1rem;} .social-icon.twitter{ background-position:-5.4375rem -0.625rem; width:1.35rem;} .social-icon.youtube{ background-position:-7.875rem -0.625rem; width:1.75rem; } .ticlogo{ width:1.25rem; height:2rem; background:url(../../images/css_sprites.png) no-repeat -0.625rem -6.125rem;} .footer-bottom{background:#f4f4f4; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:1rem 0; margin:0.625rem 0;} .footer-bottom span{ display:inline-block; padding:0 0.625rem;} .footer-bottom span:nth-of-type(1){ padding-left:0;} .abg-logo{ margin:0 auto 20px;} .large-footer-col{ max-width:18%; flex:0 0 18%;} .small-footer-col{ max-width:12%; flex:0 0 12%;} .footer-dtl{max-width:30%; flex:0 0 30%;} .footer-dtl:last-child{max-width:23%; flex:0 0 23%;} .linkedin-bgcolor{background-color:#0073b1 !important;} /**=========BREADCRUMB===========**/ .breadcrumb{ text-align:center; background-color:transparent; display:inherit; margin:0 0 1.25rem; padding:0;} .breadcrumb li{ position:relative; display:inline-block; vertical-align:middle; font-weight:400; font-size:1rem; line-height:1rem;} .breadcrumb-item{padding:0 0.9375rem;} .breadcrumb-item:first-child{ padding-left:0;} .breadcrumb-item.home a, .breadcrumb-item.home{ color:#8fb73e;} .arr-right .breadcrumb-item+.breadcrumb-item::before{content: "";vertical-align:middle; border: solid #cccccc; border-width:0 0.09375rem 0.09375rem 0;display: inline-block; transform:rotate(-45deg) translateY(-50%);-webkit-transform: rotate(-45deg) translateY(-50%); padding:3px; position:absolute; left:-0.625rem; top:10px;} /**=======TITLE BORDER =======**/ h2.title-heading{ overflow:hidden; display:table; } .bordered{ position:relative; color:#000; text-align:center; padding:0.5625rem 0;transition:all 1s; display:inline-block; margin:0 auto 1rem; z-index:10; font-weight:600;} /*.title-heading h2 .bordered, .title-heading .bordered{ padding-bottom:0.725rem;} */ .bordered-white{ color:#fff;} .bordered:after,.bordered:before{position:absolute;content:' ';height:0.525rem;width:0%;top:100%; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out;} .bordered:before{left:0;border-top:1px solid #8fb73e;border-right:1px solid #8fb73e;transform-origin:left bottom;transform:skewX(50deg); } .bordered:after{right:0;border-top:1px solid #8fb73e;border-left:1px solid #8fb73e;transform-origin:right bottom;transform:skewX(-50deg)} .bordered-white:before{border-top:1px solid #fff;border-right:1px solid #fff;} .bordered-white:after{border-top:1px solid #fff;border-left:1px solid #fff;} .bordered-white-green:before{border-top:1px solid #8fb73e;border-right:1px solid #8fb73e;} .bordered-white-green:after{border-top:1px solid #8fb73e;border-left:1px solid #8fb73e;} .bordered.go:after,.bordered.go:before{ width:50.2%;} /**======LIST PATTERN BOX =====**/ .list-pattern-box{ position:relative; z-index:2;} .list-pattern-box ul{ padding:1.4375rem; margin-bottom:1.25rem; position:relative;} .list-pattern-box ul:before{content:''; position:absolute; left:0; right:0; top:0; width: 100%; height:100%; background:#fff url(../../images/pattern-repeat.jpg) repeat center center; z-index:-1;} .list-pattern-box ul:after{ content:''; position:absolute; height:1.25rem; width:100%; background:#fff; left:0; right:0; bottom:-1.25rem;} .list-pattern-box ul li{ font-size:1.6875rem; line-height:2.25rem; font-weight:400; color:#000; padding:0.9375rem 0; border-bottom:1px solid #d7d7d7;} .list-pattern-box ul li span{ font-weight:600; color:#8fb73e;} .list-pattern-box ul li:first-child{ padding-top:0;} .list-pattern-box ul li:last-child{ padding-bottom:0; border-bottom:none;} .list-pattern-box-sm ul li{ font-size:1.5rem; line-height:1.75rem;} /**======== SHARE===========**/ .title-with-share-box{ position:relative; z-index:9;} .title-with-share-box .share{ position:absolute; right:20px; top:35%; -moz-transform:translateY(-50%) scale(0.9); -webkit-transform:translateY(-50%) scale(0.9); transform:translateY(-50%) scale(0.9);} .title-with-share-box .share span, .title-with-share-box .share .addthis_inline_share_toolbox{ display:inline-block; line-height:1.5rem; } .share span, .share .addthis_inline_share_toolbox{ display:inline-block; line-height:1.5rem; vertical-align:text-top;} .title-with-share-box .share span{ vertical-align:top;} /**====TRANSPARENT ARROW ====**/ .transparent-arrow-outer{-webkit-backface-visibility:hidden; -webkit-transform:skewY(-2.2deg);transform:skewY(-2.2deg);-webkit-transform-origin:100% 0; transform-origin:100% 0; position:relative; z-index:1;} .transparent-arrow{position:absolute;bottom:0;width:100%;padding-bottom:2.4%;background-color:rgba(255,255,255,1);} .transparent-arrow:before, .transparent-arrow:after{content:'';position:absolute;bottom:98%;width:50%;padding-bottom:inherit;background-color:inherit} .transparent-arrow:before{right:50%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-ms-transform:skewX(45deg);-webkit-transform:skewX(45deg);transform:skewX(45deg)} .transparent-arrow:after{left:50%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%;-ms-transform:skewX(-45deg);-webkit-transform:skewX(-45deg);transform:skewX(-45deg)} /**=======Fixed Navigation =======**/ #side-nav{position:relative; list-style: none;} /*#side-nav li{ position:relative; }*/ #side-nav li a{display:block;width:0.1875rem; height:2.1875rem; background:#848484; text-align:center; -webkit-transform:scale(1); transform:scale(1);-webkit-transition:1s background; transition:1s background; -moz-transition:1s background; margin:2px auto; color:#fff; position:relative;} #side-nav li a.active, #side-nav li a:hover, #side-nav li a:focus {background: #198f4a;} #side-nav li a.active{ cursor:default;} #side-nav li a span{background:#a2c856; font-size:0.825rem; line-height:0.825rem; position:absolute; right:3px; padding:0.3rem; color:#fff; -webkit-transition:opacity 0.5s, visibilty 0.5s, right 0.2s; transition:opacity 0.5s, visibilty 0.5s, right 0.2s; text-align:right; opacity:0; visibility:hidden; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); display:inline-block;width: -moz-max-content;width: -webkit-max-content; width: -o-max-content; min-width:45px; max-width:105px;} #side-nav li a.active span, #side-nav li a:hover span{opacity:1; visibility:visible; } #side-nav li a.active span{ right:8px; } .left_side_outer{ opacity:0; visibility: hidden; display: none; -webkit-transition:all 0.5s; transition:all 0.5s;} .left_side_outer {position:fixed; right:1.875rem; top:50% !important; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:75; visibility:hidden; opacity:0; display: inline-block; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;} .leftsidebarfixed{ opacity:1; visibility:visible; } /**=======BUSINESSES PAGE =======**/ .common-top-bottom-padding{ padding:2.5rem 0 5rem; position:relative;} .common-padding{ padding:2.5rem 0 5.125rem; position:relative;} .common-padding-sm-both{padding:2.5rem 0; position:relative;} .common-padding-sm-bottom{padding:2.5rem 0 2rem; position:relative;} .common-padding-sm{ padding: 1.25rem 0 8.125rem;position:relative;} .common-padding-sm-top-bottom{ padding:1.25rem 0;position:relative;} .pattern-bg-button{ padding:1.39rem; width:100%; font-size:1.5rem; color:#fff; line-height:1.5rem; } .pattern-bg-button, .pattern-bg-button span{transition:all 1s; -moz-transition:all 1s;-webkit-transition:all 1s; -ms-transition:all 1s;} .pattern-bg-button.fiber-bg{ background:url(../../images/business/fiber-pattern-bg.jpg) no-repeat; background-position:right center;} .pattern-bg-button:hover{ color:#fff79d;} .pattern-bg-button:hover span{ padding-left:20px;color:#fff79d;} /**==============Plants==============**/ .slider.responsive .slick-slide{margin:0 1.6875rem; height:100%; position:relative; -webkit-transition:1s all; transition:1s all; -moz-transition:1s all; } .place-icon{ background:url(../../images/css_sprites.png) no-repeat; height:1.375rem; width:1.3125rem; position:absolute; left:-2.5rem; top:0.75rem} .place-icon.location-icon{ background-position:-14.375rem -0.625rem;} .place-icon.mta-icon{background-position:-14.375rem -3.625rem;} .place-icon.location-dtl-icon{background-position:-14.375rem -6.3125rem;} .fibr-icon{ background:url(../../images/css_sprites.png) no-repeat; height:1.375rem; width:1.3125rem; position:absolute; left:-2.5rem; top:0.75rem} /**===========BUSINESS PLANT SLICK SLIDER===========**/ .slick-arrow{background:url(../../images/css_sprites.png) no-repeat; height:2.375rem; width:1.125rem; border:none; top:50%; position:absolute; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%); cursor:pointer; z-index:10; outline: none!important; } .slick-arrow:hover{ outline: none; box-shadow:none;} .slick-prev.slick-arrow{ background-position:-10.625rem -1rem; left:-1.25rem;} .slick-next.slick-arrow{ background-position:-12.5rem -1rem; right:-1.25rem;} #plants .slick-prev.slick-arrow{ background-position:-272px -10px; } #plants .slick-next.slick-arrow{ background-position:-338px -10px;} .slick-arrow.slick-disabled{ cursor:default; opacity:0; visibility:visible; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; outline:none;} .slider figure{ margin:0; position:relative; min-height:29rem; background:#fff;} .slider figcaption{ padding:0.5rem 0.9375rem 1rem 3.4375rem;} .slick-slide div{ position:relative; padding:0.625rem 0; font-size:1.0625rem; line-height:1.5625rem; font-weight:300;} .slick-slide div a{ outline:none;} .slick-slide div.plant-name:after, .slick-slide div.plant-mta:after{ content:''; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #d5d5d5;} .slider .slick-slide:hover{ -moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5); -ms-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5); box-shadow:inset 0px 0px 2px rgba(0,0,0,0.5);} /*.special-num{ text-decoration:line-through;}*/ .slick-slide div.img-box{padding:0;overflow:hidden; } .slick-slide div.img-box img{ -webkit-transition:0.5s all; -moz-transition:1s all;transition:0.5s all;} .slider .slick-slide:hover .img-box img{ -moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05); } .slick-slide div.plant-name{ font-size:1.15rem; line-height:1.25rem; color:#000; font-weight:600;} .slick-slide div.plant-mta{ font-size:1.125rem; line-height:1.5625rem; font-weight:300;} .slick-slide.animated {transition: all 0.5s ease;} .slick-slide.animated [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;} span[data-jarallax-element] {display: inline-block;} .pattern-element{width:465px;height:11.25rem;top:-10rem;left:-2%;position:absolute;z-index:8!important;} #plants{position: relative; background:url(../../images/business/plant-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed; /*top:-5rem;*/} .boardCommittees, .demat{position: relative; background:url(../../images/pattern-repeat.jpg) repeat; background-attachment: fixed; } .boardCommittees.sectionbox{ padding:5rem 0;} .demat.sectionbox{ padding:3rem 0 1.5rem} .stock-code.sectionbox{ padding:4rem 0 5rem;} /*#plants:after {content: ''; position:absolute; height: 100%; left: 0; right: 0; /*transform: skewY(-2.4deg);transform-origin: 100%; z-index:1;}*/ .plants.sectionbox .slick-slider, .PulpOperation .slick-slider{ margin-top:1.25rem;} .researchanddevelopment h2.title-heading{ margin-bottom:1.25rem;} /**==============BUSINESS PulpOperation==============**/ #PulpOperation:after, #Jointventures:after, .PulpOperation:after{content: ''; position:absolute; background:url(../../images/pattern-repea-blue.png) repeat; bottom:0; height:16.875rem; left: 0; right: 0; transform-origin: 100%; z-index: 0;} /**===============BUSINESS Research Infographic===============**/ #researchanddevelopment, .researchDeve, .infographic-randd{ position: relative;} #researchanddevelopment:before, .researchDeve:before, .researchanddevelopment:before{background:#fff;content: '';display:block;height:60%;left: 0; position: absolute; right: 0; z-index:0; -webkit-backface-visibility: hidden; top: 0; -webkit-transform: skewY(-2.4deg);transform: skewY(-2.4deg);-webkit-transform-origin: 100% 0; transform-origin: 100% 0;} .infographic-randd{min-height:58rem; background: url(../../images/business/infographic-bg.png) 135px 30px no-repeat;} .business-infographic-img{ position:relative; height:25rem;} .info-img{ position:absolute;} .info-img1{ left:30px; top:61px;} .info-img2{ left:278px; top:0px; z-index:8;} .info-img3{ left:525px; top:55px;} .info-img4{ right:115px; top:200px;} .info-img5{ right:-40px; top:-15px;} .business-infographic-img span{font-weight:600; max-width:180px; font-size:1.125rem; line-height: 1.125rem; display: block; text-align: center; margin:1.25rem auto 0; text-transform: uppercase;} .info-img:nth-of-type(5) span{ position: absolute; top:0; text-align: right; left:-50%;} .info-img:nth-of-type(4) span{ position: absolute; bottom:-1rem; text-align:left; right:-7rem;} .business-infographic-in{position:relative ;text-align: center; } .business-infographic-in ul{text-align:center;} .business-infographic-in ul li{width:27%; display:inline-block; margin:3rem; vertical-align:top;} .business-infographic-in ul li figure{ -moz-box-shadow:0 0 8px 3px rgba(0,0,0,0.09); -webkit-box-shadow:0 0 8px 3px rgba(0,0,0,0.09); -ms-box-shadow:0 0 8px 3px rgba(0,0,0,0.09); box-shadow:0 0 8px 3px rgba(0,0,0,0.09); margin-bottom:0;} .business-infographic-in ul li figcaption{ padding:0.625rem 0.625rem 1.825rem; position:relative; font-size:1.125rem; line-height:1.25rem; font-weight:600; text-align:left; background:#fff;} .business-infographic-in ul li figcaption .read-more{ position:absolute; bottom:0rem; right:0;} .business-img img{ width:100%;} .plants.sectionbox:before, #career-infographic.sectionbox:before, .boardCommittees.sectionbox:before, .demat.sectionbox:before{height:70px; top:-2px; background:url(../../images/section-top.svg) no-repeat; background-size:cover; z-index:0; background-position:center bottom;} #viscose-staple-fibr{ padding-bottom:2.5rem;} /**===========WITHOUT MASTHEAD===========**/ .without-masthead{ margin:6rem 0 0;} .without-masthead .page__header:before{ background:rgba(76,76,76,1);} .without-masthead .page__header:after{ background:rgba(25,143,74,1);} .without-masthead #content.common-padding{ padding-top:1.5rem;} /**===========BRAND===========**/ .brands-list-outer ul{text-align: center; display: flex;} .brands-list-outer ul li{max-width:20%; flex:0 0 20%; padding:0.625rem 0.8125rem; flex: 1; -moz-transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; transition: all 1s; } .brands-list-outer ul li a{ font-size:1.25rem; width: 100%; line-height:1.25rem; color:#fff; position: relative; display:list-item; font-weight: 600;} .brands-list-outer ul li a .img-box{ overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: -1;-moz-transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; transition: all 1s; } .brands-list-outer ul li a .img-box img{ width:100%;} .outside-box{padding:1.875rem 2.25rem;position: relative; display:block; overflow: hidden;} .brands-list-outer ul li a.lg-txt .outside-box{padding:1rem 2.25rem;} .brands-list-outer ul li:hover .img-box { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);} .brands-list-outer ul li a.active:before{content:'';position:absolute; bottom:0; border-bottom:5px solid #8fb73e;left:0; right:0;} .brands-list-outer ul li a.active:after{content:'';position:absolute; bottom:-0.625rem; width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent; border-top:10px solid #8fb73e; left:50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .brands-list-outer select, .brands-list-outer .select{display: none;} /**===========BRAND MASTHEAD===========**/ .brands-big-img .jarallax{ min-height:31.875rem;position: relative;} .brands-big-img .jarallax:before{ content:''; position:absolute; background:rgba(0,0,0,0.3); left:0; right:0; top:0; bottom:0;} .brands-big-img{ position: relative;} .brands-detail{ overflow-x:hidden; position:relative;} .brands-infographic{ background:url(../../images/brands/brands-infographic-bg.png) repeat; position: absolute; left: 0; right: 0; bottom: 0; padding: 5rem 0 6rem;} .brands-infographic ul li{ font-size: 1.25rem; line-height: 1.25rem; font-weight:500; color: #fff; display: inline-block; padding:0 1.6875rem;} .brands-infographic ul li .span-box{ display:block; margin-bottom: 10px;} .brands-infographic ul li span{ font-size:3.125rem; line-height: 2.2rem; font-weight: 700; display:inline-block;} .brands-infographic ul li .small-font, .brands-infographic ul li .small-font .counter{font-size: 1.25rem; line-height: 1.25rem;} .brands-infographic ul li .medium-font{font-size:1.875rem; line-height:2.2rem;} .brand-tag{ position:absolute; top:20%; left:20%;} .brands-detail .jarallax > .jarallax-img{position:absolute; object-fit:cover!important; object-position:50% 50% !important; font-family:'object-fit: cover;'; top:0; left:0; width:100%!important; height:100%!important; z-index:-1;} /**===========BRAND SLICK SLIDER===========**/ .slider_media{ margin:2.5rem 0;} .slider_media .slick-slide {width:38.25rem;-webkit-transform: scale(0.6) translate(-150px); -webkit-transform: scale(0.6) translate(-150px); transform: scale(0.6) translate(-150px);margin:0px 0 0 -150px;position:relative; transition: -webkit-transform 1s; transition: transform 1s; text-align:center; height:auto;} .slider_media .slick-list .slick-active {-webkit-transform: scale(0.7) translate(150px); transform: scale(0.7) translate(150px);} .slider_media .slick-center + .slick-slide{ -webkit-transform: scale(0.6) translate(-150px); transform: scale(0.6) translate(-150px);} .slider_media .slick-slide.slick-center {-webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0);z-index:3;} .slider_media .slick-slide div{ padding:0;} .youtube_video .image_holder, .news-right .image_holder, .slider_media .youtube_video .image_holder, #leaders-slider .youtube_video .image_holder{ position:relative; padding:0;} .youtube_video .image_holder:after, .news-right .image_holder:after, .slider_media .youtube_video .image_holder:after, #leaders-slider .youtube_video .image_holder:after{ position:absolute; content:''; background:url(../../images/video-icon.png) no-repeat center center; top:0; left:0; right:0; bottom:0; height:100%; width:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} .slider_media .content_text_slider{font-size:1.125rem; line-height:1.5rem;color:#fff; padding:0 1.25rem; margin-bottom:0; position:absolute; bottom:20px; opacity:0; visibility:hidden;} .media-outer-inner .know-more-btn{ margin:0 auto; width:130px;} .slider_media .slick-slide.slick-center .content_text_slider{opacity:1;visibility:visible;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} .outer_gallery_wrapper a:hover .image_holder:after, .story-filter-list a:hover .image_holder:after{ transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1);} .slider_media .slick-prev, .slider_media .slick-next{ position:absolute; background:transparent;bottom:inherit; height: 55%; width: 30.5%;top: 45%; z-index:98; outline:none;} .youtube_video .img-box.image_holder:before{ content:''; position:absolute; background:rgba(0,0,0,0.3); top:0; bottom:0; left:0; right:0;} .youtube_video .img-box.image_holder:after{ transform:scale(0.8); -moz-transform:scale(0.8);-webkit-transform:scale(0.8);} /**===========BRANDS PAGE CONTROL ===========**/ .brands-control{position:fixed; top:50%; background:#8fb73e; max-width:150px; height:auto; opacity:1; visibility:visible; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; overflow:hidden; color:#fff; font-weight:300; padding:7px 20px; z-index:1;font-size:16px; text-align:center; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%); transform:translateY(-50%);line-height:16px;} .brands-control.next-brand{ right:0; text-align:right;padding-left:10px; padding-right:30px;} .brands-control.prev-brand{ left:0; text-align:left; padding-left:30px; padding-right:10px;} .right-arrow{border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .left-arrow{border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg);} .brands-control:hover{ color:#fff; outline:none;} .brands-control:hover .right-arrow { right:5px;} .brands-control:hover .left-arrow { left:5px;} .brands-control-fixed{ position:fixed; opacity:1; visibility:visible; z-index:9;} .brands-detail{ padding:0 0 1rem;} .brands-control i{ position:absolute; top:50%; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;} .brands-control.prev-brand i{left:10px; top:8px; transform:rotate(135deg) translateY(-50%); -moz-transform:rotate(135deg) translateY(-50%); -webkit-transform:rotate(135deg) translateY(-50%); -ms-transform:rotate(135deg) translateY(-50%); } .brands-control.next-brand i{right:10px;transform:rotate(-45deg) translateY(-50%); -moz-transform:rotate(-45deg) translateY(-50%); -webkit-transform:rotate(-45deg) translateY(-50%); -ms-transform:rotate(-45deg) translateY(-50%); } /**=================================MEDIA KIT=================================**/ /**===========Media tabs===========**/ .tab-content{ padding:3.5rem 0 6rem; background:url(../../images/pattern-repeat.jpg) repeat;} .nav-tabs{ text-align:center;} .nav-tabs li{ display:inline-block;} .tab-box-row{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right:-2rem; margin-left:-2rem;} .tab-box-col{ padding:0 1.875rem} .tab-box-col-sm{/*width:30%; */flex:0 0 30%; max-width:30%;} .tab-box-col-md{/*width:40%;*/ flex:0 0 40%; max-width:40%;} .tab-box-in ul li{ padding:0.75rem 1.375rem; } .tab-box-col ul li a{ color:#000; display:block;} .tab-box-in-list{ padding:1.5rem 0 0.875rem; border-bottom:1px solid #e3e3e3;position:relative; display:block; /*min-width: 325px;*/ /*max-width: 325px;*/ width: 100%;} .tab-box-in-list p{ font-size:1.0625rem; line-height:1.0625rem; margin-bottom:5px; font-weight:600;} .tab-box-in-list span.zip-text{ font-size:0.875rem; line-height:0.875rem;} .tab-box-in-list .read-more{ position:absolute; right:0; bottom:0;} .tab-box-in-list .pdf-icon{ background-position:-0.625rem -11.25rem; height:1rem; width:1rem; margin-bottom:0;} .tab-box-in-list .outer-link-icon{ background-position:-0.625rem -11.25rem; height:1rem; width:1rem; margin-bottom:0;} .diff-read-more i{ background:url(../../images/css_sprites.png) no-repeat; height:1.1rem; width:1.1rem; right:4px;} .diff-read-more .website-read-more{ top:5px; background-position:-0.625rem -8.95rem;} .diff-read-more .pdf-read-more{ top:5px; background-position:-0.625rem -11.25rem;} .tab-box-col ul li{ margin:5px 0; display:inline-block; width:100%;} .box-left, .box-right{ display:inline-block; vertical-align:bottom;} .tab-box-col .tab-box-in .box-left img{ margin-bottom:0;} .tab-box-col .tab-box-in .box-left{ width:44%;} .tab-box-col .tab-box-in .box-right{ width:54%;} .tab-pane .tab-box-in-list{padding:1rem 0 0.875rem;} .tab-pane ul li{ padding:2rem;} .tab-pane ul ul{ margin:0 0rem;} .tab-pane ul li li{padding:0rem;} .tab-pane ul li a{ display:block;} .tab-pane ul li:nth-of-type(1), .tab-pane ul li:nth-of-type(2), .tab-pane ul li:nth-of-type(3){ padding-top:0;} .download-img-outer{ overflow:hidden;} .download-img-outer img{ transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s;-o-transition:all 0.6s; width:100%;} .tab-pane ul li a:hover .download-img-outer img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} .tab-pane ul li a:hover .outer-read-more{ line-height: 1.8rem;} /*.tab-pane ul li a:hover .read-more { width:7rem;} .tab-pane ul li a:hover .read-more span{ width:4rem; opacity: 1;visibility: visible; display:inline-block;}*/ .tab-pane ul li a:hover .read-more{width: 6.5rem; height: 1.8rem; line-height: 1.8rem; transition: all 0.5s; color: #fff; padding: 0rem; background: #8fb73e;} .tab-pane ul li a:hover .read-more span{max-width:100%;} .logo-img{ margin-bottom:20px;} /**=======================SUSTAINABILITY=========================**/ #stories, #Stories{position: relative; padding: 0 0 10.625rem;} #stories:after, #Stories:after {content: ''; position:absolute; background:url(../../images/sustainability/story-banner.jpg) no-repeat; background-size: cover; background-attachment: fixed; top:-4rem; height: 100%; left: 0; right: 0; transform: skewY(-2.4deg);transform-origin: 100%; z-index: -1;} /*.slider figure{ min-height:34rem;}*/ .slider .slider-in figcaption{ padding:1.25rem;} .slider .slider-in figcaption p{ margin-bottom:0;} .slider-in h3{ font-size:1.375rem; line-height:1.6875rem; font-weight:600;} .slider-white-arrow-outer .slick-next.slick-arrow{ background-position:-21rem -0.625rem;;} .slider-white-arrow-outer .slick-prev.slick-arrow{ background-position:-16.875rem -0.625rem;} #stories .slider figure{ min-height:28rem;} .sustainability-Reports-box{ position:relative; display:block;} .sustainability-Reports-box img{ width:100%; max-width:640px;} .sustainability-Reports-box span{ font-size:40px; line-height:45px; color:#fff; position:absolute; bottom:20px; left:20px; font-weight:600;} .carousel-indicators{ position:relative; bottom:0; justify-content:center; margin:0;} .carousel-indicators li{position:relative; bottom:0; height:10px; width:10px; background:#c3c3c3; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; border:none} .carousel-indicators .active{ background:#8fb73e;} .carousel-caption{ position:relative; left:0; right:inherit; bottom:0; text-align:left;} .carousel-fade .carousel-inner .item{opacity:0; visibility:hidden; height:0; -moz-transition:all 1s; -webkit-transition:all 1s; transition:all 1s;} .carousel-fade .carousel-inner .active{opacity:1; visibility:visible; height:100%;} .title-detail{ font-weight:600;} #sustainable-living, .sustainable-living{ padding:1.5rem 0 5rem;} #businesses, #Businesses{position:relative; padding:2rem 0 3rem;} #businesses:after, #Businesses:after{content: ''; position: absolute; background-repeat:no-repeat; background-size: cover; background-attachment: fixed; top: -2rem; height: 100%; left: 0;right: 0; transform: skewY(2.4deg); transform-origin:0 100%; z-index: -1; background-image:url(../../images/sustainability/business-bg.jpg);} #brands.common-padding{ padding:5rem 0;} /**===========ARROW=============**/ .the-arrow{width:30px;transition:all .2s} .the-arrow.-left{position:absolute;top:60%;left:0} .the-arrow.-left > .shaft{width:0;background-color:#198f4a} .the-arrow.-left > .shaft:before,.the-arrow.-left > .shaft:after{width:0;background-color:#999} .the-arrow.-left > .shaft:before{-webkit-transform:rotate(0);transform:rotate(0)} .the-arrow.-left > .shaft:after{-webkit-transform:rotate(0);transform:rotate(0)} .the-arrow.-right{top:3px} .the-arrow.-right > .shaft{width:30px;transition-delay:.2s} .the-arrow.-right > .shaft:before,.the-arrow.-right > .shaft:after{width:8px;transition-delay:.3s;transition:all .5s} .the-arrow.-right > .shaft:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)} .the-arrow.-right > .shaft:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)} .the-arrow > .shaft{background-color:#999;display:block;height:1px;position:relative;transition:all .2s;transition-delay:0;will-change:transform} .the-arrow > .shaft:before,.the-arrow > .shaft:after{background-color:#198f4a;content:'';display:block;height:1px;position:absolute;top:0;right:0;transition:all .2s;transition-delay:0} .the-arrow > .shaft:before{-webkit-transform-origin:top right;transform-origin:top right} .the-arrow > .shaft:after{-webkit-transform-origin:bottom right;transform-origin:bottom right} .animated-arrow{display:inline-block;color:#198f4a;font-size:1.125rem;font-style:700;text-decoration:none;position:relative;transition:all .2s; margin-bottom:1rem;} .animated-arrow:hover, .carousel-fade .carousel-inner .active a:hover .animated-arrow{color:#74b743} .animated-arrow:hover > .the-arrow.-left > .shaft, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .the-arrow.-left > .shaft{width:30px;transition-delay:.1s;background-color:#74b743} .animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .the-arrow.-left > .shaft:before, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .the-arrow.-left > .shaft:after{width:8px;transition-delay:.1s;background-color:#74b743} .animated-arrow:hover > .the-arrow.-left > .shaft:before, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .the-arrow.-left > .shaft:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)} .animated-arrow:hover > .the-arrow.-left > .shaft:after, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .the-arrow.-left > .shaft:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)} .animated-arrow:hover > .main, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .main{-webkit-transform:translateX(40px);transform:translateX(40px)} .animated-arrow:hover > .main > .the-arrow.-right > .shaft, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .main > .the-arrow.-right > .shaft{width:0;-webkit-transform:translateX(200%);transform:translateX(200%);transition-delay:0} .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .main > .the-arrow.-right > .shaft:before, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .main > .the-arrow.-right > .shaft:after{width:0;transition-delay:0;transition:all .1s} .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .main > .the-arrow.-right > .shaft:before{-webkit-transform:rotate(0);transform:rotate(0)} .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after, .carousel-fade .carousel-inner .active a:hover .animated-arrow > .main > .the-arrow.-right > .shaft:after{-webkit-transform:rotate(0);transform:rotate(0)} .animated-arrow > .main{display:flex;align-items:center;transition:all .2s} .animated-arrow > .main > .text{margin:0 16px 0 0;line-height:1} .animated-arrow > .main > .the-arrow{position:relative} /**==========commitment tab===============**/ .commitment-outer .tab-pane ul{ display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px;margin-left: -0.9375rem;} .commitment-outer .tab-pane ul li{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align:left; position:relative; width:100%; padding:0.9375rem 0 0.9375rem 5rem; } .commitment-outer .tab-pane ul li p{font-size:1.5rem; line-height:2rem; margin-bottom:0;} .commitment-outer .tab-pane ul li strong{color: #8fb73e; font-weight:600;} .commitment-outer .tab-pane ul li:after{content:''; position:absolute; left:5rem; right:2rem; border-bottom:1px solid #d7d7d7; bottom:0;} .commitment-outer .tab-content{ padding:2.5rem;} .enviroment-img{ position:absolute; left:0.625rem; top:0.9375rem; height:60px; width:65px; background:url(../../images/css_sprites.png) no-repeat;} .infographic-img{ position:absolute; left:0.625rem; top:0.9375rem; height:60px; width:65px;} .enviroment-img.enviroment-img1{ background-position:-0.625rem -13.5rem;} .enviroment-img.enviroment-img2{ background-position:-5.3125rem -13.5rem;} .enviroment-img.enviroment-img3{ background-position:-0.625rem -19.0625rem;} .enviroment-img.enviroment-img4{ background-position:-5.3125rem -21.25rem;} .enviroment-img.enviroment-img5{ background-position:-0.625rem -25rem;} .commitment-outer .responsive-tabs-container .nav-tabs{ border-bottom:none;} .commitment-outer .responsive-tabs-container .nav-tabs li.active:after{ display:none;} .commitment-outer .responsive-tabs-container .nav-tabs li.active:before{ border-bottom:1rem solid #198f4a; border-left:1rem solid transparent; border-right:1rem solid transparent; border-top:none; bottom:0;} .commitment-outer .responsive-tabs-container .nav-tabs{ background:url(../../images/sustainability/commitment-tab-bg.png) no-repeat; background-position:center 75%;} .commitment-outer .responsive-tabs-container .nav-tabs li{ padding:1.5625rem 2.9rem 6rem 2.9rem; transition:color 1s, background 3s; -moz-transition:color 1s, background 3s; -webkit-transition:color 1s, background 3s; -ms-transition:color 1s, background 3s; -o-transition:color 1s, background 3s;} .commitment-outer .responsive-tabs-container .nav-tabs li a{ border:1px dashed #cccccc; width:13.125rem; height:13.125rem; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#fff; color:#198f4a; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; position:relative; overflow:hidden;} .commitment-outer .card{ border:none; background-color:transparent;} .commitment-outer .responsive-tabs-container .nav-tabs li a:hover, .commitment-outer .responsive-tabs-container .nav-tabs li.active a{ color:#fff; } .commitment-outer .responsive-tabs-container .nav-tabs li a:before{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; visibility:hidden;transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;} .commitment-outer .responsive-tabs-container .nav-tabs li:nth-of-type(1) a:before{ background:url(../../images/sustainability/water-tab-img.jpg) no-repeat; } .commitment-outer .responsive-tabs-container .nav-tabs li:nth-of-type(2) a:before{ background:url(../../images/sustainability/safety.jpg) no-repeat; } .commitment-outer .responsive-tabs-container .nav-tabs li:nth-of-type(3) a:before{ background:url(../../images/sustainability/csr.jpg) no-repeat; } .commitment-outer .responsive-tabs-container .nav-tabs li.active a:before, .commitment-outer .responsive-tabs-container .nav-tabs li a:hover:before{ opacity:1; visibility:visible;} .arrow-icon{width:30px; height:10px; margin:0 auto;} .arrow-icon svg{ fill:#e88800;} .commitment-outer .responsive-tabs-container .nav-tabs li a:hover svg, .commitment-outer .responsive-tabs-container .nav-tabs li.active a svg{ fill:#ffffff;} .arrow-right{animation: slide2 1s ease-in-out infinite; margin-left: 9px;} @keyframes slide2 { 0%, 100% { transform: translate(0, 0);} 50% {transform: translate(10px, 0);} } /**============================WHO WE ARE============================**/ #ourvalues{ padding-bottom:10rem;} .our-values-list h4{ font-size:1.625rem; line-height:1.625rem; } .our-values-list, .our-values-list p{color:#fff; margin-bottom:0; line-height:1.5625rem;} .our-values-list{ text-align:center; position:relative; z-index:10;} .our-values-list ul{ margin:0 -2.1875rem;} .our-values-list ul li{ padding:1.5625rem 2.1875rem;} .our-values-list ul li .our-values-list-in{ position:relative; text-align:left ;padding:1.5625rem 1.25rem; box-shadow:0px 0px 7px 1px rgba(0,0,0,0.4); min-height:300px; background-position:center center;} .our-values-list ul li .our-values-list-in:before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.1); z-index:0;} .our-values-list ul li .opacity-box{ position:relative; z-index:9;} .our-values-list ul li:nth-of-type(1) .our-values-list-in{ background:url(../../images/who-we-are/value-img1.jpg) no-repeat; background-size:cover;} .our-values-list ul li:nth-of-type(2) .our-values-list-in{ background:url(../../images/who-we-are/value-img2.jpg) no-repeat; background-size:cover;} .our-values-list ul li:nth-of-type(3) .our-values-list-in{ background:url(../../images/who-we-are/value-img3.jpg) no-repeat; background-size:cover;} .our-values-list ul li:nth-of-type(4) .our-values-list-in{ background:url(../../images/who-we-are/value-img4.jpg) no-repeat; background-size:cover;} .our-values-list ul li:nth-of-type(5) .our-values-list-in{ background:url(../../images/who-we-are/value-img5.jpg) no-repeat; background-size:cover;} #ourvalues .pattern-element{ bottom:-2rem; top:inherit; width:47.6875rem; height:18.375rem; left:-3rem;} #milestones{position: relative; padding:3.5rem 0 6.25rem; /*background:url(../../images/who-we-are/milestone-bg.jpg) no-repeat;*/ background-size: cover; background-attachment: fixed; } #milestones:before{content: ''; position: absolute; background: url(../../images/section-bottom.svg) no-repeat; top: -0px; height:55px; left: 0px; right: 0; z-index: 1; transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); background-size: cover;} #milestones:after {content: ''; position: absolute; background: url(../../images/section-bottom.svg) no-repeat; bottom: 0; height:55px; left: 0px; right: 0; z-index: 1; background-size: cover; } #milestones .pattern-element{ left:inherit; right:-6%;} #carouselvideo{ margin-bottom:2.5rem;} #carouselvideo .carousel-caption{ position:absolute; padding:0.625rem; font-size: 1.25rem; line-height: 1.675rem;} #carouselvideo .carousel-indicators{ bottom:-1.25rem;} /**=======MILESTONE======**/ .milestone-slider{ position:relative;} .milestone-slider figure{ background:transparent; min-height:inherit;} .milestone-slider .slick-slide{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);/* width:200px; max-width:100%;*/transition:opacity 450ms ease-in-out -webkit-transform 450ms ;transition:transform 450ms opacity 450ms ease-in-out;transition:transform 450ms opacity 450ms ease-in-out -webkit-transform 450ms; margin:2rem 5rem 0; /*text-align:center;*/} .milestone-slider .slick-slide:hover{ -moz-box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none;} .milestone-slider figure h2{color:#333;font-size:5.625rem; line-height:5.625rem;font-weight:700; color:rgba(255,255,255,0.35); margin-bottom:2.5rem; z-index:-1;} .milestone-slider figure figcaption p{color:#fff;font-size:1.5rem; line-height:2rem;font-weight:400; opacity:0; visibility:hidden; margin-bottom:0;} .milestone-slider figure .milestone-img{ /*position:absolute; right:-2rem; top:-2.5rem; margin:0; opacity:0; visibility:hidden; width:0;*/ padding:0 15px;} .milestone-slider .slick-dots{ z-index:10; position:absolute; top:0px; left: 20px; right: 20px;} .milestone-slider .slick-dots li {margin:0 0.8rem;} .milestone-slider .slick-dots:before{content:""; position:absolute; background:url("../../images/who-we-are/divider.png") no-repeat; top:47%; height:1px; left:0px; right:0; z-index:-1; background-size:cover;} /*.milestone-slider .slick-slide.slick-center {-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1); z-index:99; -webkit-transition:-webkit-transform 1s ease; -moz-transition:-moz-transform 1s ease; transition:transform 1s ease; text-align:left; width:400px;} .milestone-slider .slick-slide.slick-center h2{font-size:2.5rem; line-height:2.5rem; color:rgba(25,143,74,1); margin-bottom:0.625rem;} .milestone-slider .slick-slide.slick-center figcaption p{ opacity:1; visibility:visible;transition:opacity 2s visibility 1s; color:#000; font-size:1.5rem; line-height:1.875rem;} .milestone-slider .slick-slide.slick-center .milestone-img{ opacity:1; visibility:visible; right:1rem; transition:right 0.5s , opacity 1s ease-in-out, visibility 1s ease-in-out, width 1s ease-in-out; width:auto} .milestone-slider .slick-slide.slick-center .milestone-img img{ width:100%;} .milestone-slider .slick-slide.slick-center figcaption ul li{ font-size:1.5rem; line-height:2.125rem; color:#010101; padding:20px 0; border-bottom:1px dashed #746d5d;} .milestone-slider .slick-slide.slick-center figcaption ul li:last-child{ border-bottom:none;}*/ .milestone-slider .slick-slide h2{font-size:2.5rem; line-height:2.5rem; color:rgba(25,143,74,1); margin-bottom:0.625rem; padding:0;} .milestone-slider .slick-slide figcaption p{ opacity:1; visibility:visible;transition:opacity 2s visibility 1s; color:#000; font-size:1.25rem; line-height:1.8rem;} .milestone-slider .slick-slide .milestone-img img{ width:100%;} .milestone-slider .slick-slide figcaption ul li{ font-size:1.25rem; line-height:1.8rem; color:#010101; padding:15px 0; border-bottom:1px dashed #746d5d;} .milestone-slider .slick-slide figcaption ul li:first-child{ padding-top:0;} .milestone-slider .slick-slide figcaption ul li:last-child{ border-bottom:none;} .milestone-slider .slick-prev, .milestone-slider .slick-next {/*background:transparent; width:330px; height:240px; top:50%; margin-top:0px; z-index:99; */outline:none; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-o-transform:translateY(-50%); transform:translateY(-50%);} #milestones .slider-nav .slick-prev.slick-arrow{left:-10px; background: transparent; border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding:5px; transform: rotate(135deg); -webkit-transform: rotate(135deg); z-index: 99; height:0.5rem; width:0.5rem; top:65%;} #milestones .slider-nav .slick-next.slick-arrow{right:-10px; background: transparent; border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index: 99;height:0.5rem; width:0.5rem; top:65%;} .milestone-slider .slick-next:before {right: 10px;} .milestone-slider .slick-prev:before {left: 10px;} .milestone-slider figcaption {padding:0 15px;;} .milestone-slider .slick-slide.slick-center + .slick-slide{transform:scale(1) translate(-50px);z-index:10;} /*.milestone-slider .slick-slide.slick-active{transform:scale(1) translate(250px)}*/ .milestone-slider .slick-slide figcaption { display:none; transition:display 0.8s; -moz-transition:display 0.8s; -webkit-transition:display 0.8s; -ms-transition:display 0.8s; } .milestone-slider .slick-slide.slick-current figcaption { display:block;} .milestone-slider .slick-dots button{ height:11px; width:11px; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-color:#fff; border:solid 1px #fff;} .milestone-slider .slick-dots li.slick-active button{height:14px; width:14px;} a.pager__item:not([href]):not([tabindex]){color:#000; position:relative; } a.pager__item:after{content:''; position: absolute; height:10px; width:10px; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-color:#cf9831; border:solid 1px #cf9831; top:-9px;} .slick-active a.pager__item:after {height:12px; width:12px; background-color:#198f4a; top:-11px; border:solid 1px #198f4a;} .slick-active a.pager__item span{ display: block;} a.pager__item span{ position:absolute; top:-35px; left:-10px; display: none;} #milestones .slider-nav{ position:relative;} #milestones .slider-nav:before{content:""; position: absolute; background: url("../../images/who-we-are/divider.png") no-repeat; bottom:5px; height:1px; left: 0px; right: 0; z-index:-1; background-size: cover;} #milestones .slider-nav h4{ position:relative; text-align:center; cursor:pointer; height:40px; margin-bottom:0;} #milestones .slider-nav h4:before{ content:''; position:absolute; height:11px; width:11px; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-color:#cf9831; border:solid 1px #cf9831; bottom:0%; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);} #milestones .slider-nav h4 span{ position:absolute; top:0px; font-size:0.875rem; line-height:0.875rem; font-weight:600; color:#000; left:50%; transform:translateX(-50%);opacity:0;} #milestones .slider-nav.slider .slick-slide{/* width:30px !important;*/ height:40px;} #milestones .slider-nav.slider .slick-slide:hover{ -moz-box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none;} #milestones .slider-nav.slider .slick-list{ padding:0 10px;} /*#milestones .slider-nav.slider .slick-track, #milestones .slider-nav.slider .slick-list{ width:inherit !important; text-align:center; transform:none !important; } #milestones .slider-nav.slider .slick-track{ display: inline-block !important;} */ #milestones .slider-nav .slick-slide.slick-current h4{ cursor:default;} #milestones .slider-nav .slick-slide.slick-current h4:before{ background-color:#198f4a; border:solid 1px #fff; height:14px; width:14px; bottom:0px;} #milestones .slider-nav .slick-slide.slick-current h4 span, #milestones .slider-nav.slider .slick-slide:hover h4 span{ opacity:1;} /**=============LEADERSHIP ==============**/ .title-box-left .braedcrumb-box{ display:inline-block;} .title-box-left h2.title-heading{ margin:0;} .leadership-container{display:block;width:100%; position:relative;} .leadership-slope{position: relative;} .leadership-slope.leadership-slope-odd{background-color: #fff;} .leadership-slope.leadership-slope-even{background-color: #d6eaae;} .leadership-content{margin:0 auto; color:#000;} .leadership-slope .leadership-content h3{color:#000; font-size:1.375rem; line-height:1.375rem; font-weight:600;} .leadership-slope .leadership-content h4{color:#000; font-size:1.125rem; line-height:1.5rem; font-style:italic; margin-bottom:1.75rem;} .leadership-slope .leadership-content p{ margin-bottom:1.75rem;} .leadership-slope .leadership-content a.read-more{ color:rgba(26,143,73,1); position:relative; width:105px; height:1.8rem; line-height:1.8rem; border:0; transition:all 0.5s; color:#fff; padding:0rem 0.625rem; background:#8fb73e; margin-bottom:20px; margin-top:-10px;} .leadership-slope .leadership-content a.read-more span{max-width:100%; overflow:visible; } .leadership-img, .leadership-dtl{ position:relative; display:inline-block; vertical-align:top;} .leadership-img{width:40%; text-align:center;} .leadership-dtl{width:55%; } /*.leadership-slope.leadership-slope-odd .leadership-img:after, .leadership-slope.leadership-slope-even .leadership-img:after{ content:''; position:absolute; bottom:0; width:100%; height:24.75rem; z-index:0;} */ .leadership-slope.leadership-slope-odd .pattern-element, .leadership-slope.leadership-slope-even .pattern-element{ top:inherit; bottom:0rem; z-index:-1!important; width: 596px; height: 396px; left:inherit;} .leadership-slope.leadership-slope-odd .pattern-element{transform: skewY(-1deg);transform-origin: 100%; right:-3rem;} .leadership-slope.leadership-slope-even .pattern-element{transform: skewY(1deg);transform-origin: 100%; left:-3rem;} .leadership-slope.leadership-slope-odd .leadership-img{position:absolute; right:0; z-index:0; margin-left:5%; bottom:3.4rem;} .leadership-slope.leadership-slope-even .leadership-img{position:absolute; left:0; z-index:0; bottom:-2rem;} .leadership-slope:nth-of-type(2) .leadership-img img{-moz-transform:rotate(1.6deg); -webkit-transform:rotate(1.6deg); transform:rotate(1.6deg);} .leadership-slope:nth-of-type(2) .leadership-img{ bottom:-1.7rem;} .leadership-slope.leadership-slope-even .leadership-dtl{ margin-left:45%;} .leadership-slope.leadership-slope-even::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:#d6eaae;transform-origin:top left;transform:skewY(-3deg);z-index:1} .leadership-slope.leadership-slope-even::after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:#d6eaae;transform-origin:bottom left;transform:skewY(3deg);z-index:8} .leadership-slope.leadership-slope-odd::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:#fff;transform-origin:top left;transform:skewY(-3deg);z-index:1} .leadership-slope.leadership-slope-odd::after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:#fff;transform-origin:bottom left;transform:skewY(3deg);z-index:1} .leadership-slope:nth-of-type(2)::before, .leadership-slope:nth-of-type(4)::before{ z-index:9;} /*.leadership-slope:nth-of-type(3)::before{ z-index:9;}*/ .leadership-slope .leadership-content{padding:8rem 0 2rem; position:relative; z-index:9;} .leadership-slope.leadership-slope-odd:nth-child(1) .leadership-content{ padding-top:0rem;} .leadership-slope.leadership-slope-odd:nth-child(1)::before{ top:2rem;} .leadership-slope.leadership-slope-even .leadership-content{ z-index:11; padding:3rem 0 2rem;} .leadership-container:after{ content:''; position:absolute; bottom:-50px; left:0; right:0; height:140px; background-image:url(../../images/leadership/leadership-last-bottom.png); background-size:cover; z-index:1;} .key-management{ padding-top:5rem;} ul.key-management-list{ margin:0 -25px;} ul.key-management-list li{ padding:25px 50px; color:#000;} ul.key-management-list li a:hover, ul.key-management-list li a:focus{ outline:none;} ul.key-management-list li img{ width:100%;} ul.key-management-list li h5{ font-size:1.25rem; line-height:1.5rem; font-weight:600;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; margin-bottom:3px;} ul.key-management-list li p{ font-size:1rem; line-height:1.25rem; margin-bottom:0;} .managment-person-box{ position:relative; margin-bottom:15px; width:183px; overflow:hidden;} .managment-person-box img{filter:grayscale(100%); -moz-filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s;} ul.key-management-list li a:hover .managment-person-box img{filter:grayscale(0%); -moz-filter:grayscale(0%); -webkit-filter:grayscale(0%);} ul.key-management-list li a:hover .read-more{width: 6.5rem; height: 1.8rem; line-height: 1.8rem; transition: all 0.5s; color: #fff; padding: 0rem; background: #8fb73e;} ul.key-management-list li a:hover .read-more span{max-width:100%;} .management-modal img{ position:sticky; left:0; right:0;} /**======Modal========**/ body{ transition:padding-right 0.5s; -moz-transition:padding-right 0.5s; -webkit-transition:padding-right 0.5s;} .modal{z-index:9999;} .modal .modal-body{padding:1.875rem 0.9375rem; min-height: 200px; max-height: 640px;} .modal-open{ margin-right:0; padding-right:0 !important;} .modal .modal-body p{ font-size:1rem; margin-bottom:1.2rem;} .modal .modal-body p:last-child{margin-bottom:0rem;} .modal-content{border-radius:0rem; border:none;} .modal button.close{position:absolute; top:-1.5625rem; right:0rem; outline:none; text-align:center; color:#fff; background:#8fb73e; opacity:1; width:25px; height:25px; line-height:1.25rem; font-size:1.375rem; font-weight:300; z-index:10;} .modal .modal-body h4{color:#000; font-weight:700; margin-bottom:1.25rem;} .modal .modal-body h4 span{font-size:1.125rem; color:#000; font-weight:400; display:block; margin-top:10px;} #modal-zoom-in {top: 50%;left: 50%; transform: translate(-50%, -50%) scale(0); transition: all 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045);} #modal-zoom-in.show {transform: translate(-50%, -50%) scale(1); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .modal { text-align: center; padding: 0!important;} .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;} .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } /**======SELECT BOX ======**/ .filter-form select{display:none} .filter-form label{ font-size:1.125rem;} .filter-form .filter-dropdown{background-color:#9cc055;border:solid 1px transparent;box-shadow:0 0px 15px rgba(0,0,0,0.2);box-sizing:border-box;cursor:pointer;display:inline-block;font-size:1.125rem;font-weight:400;height:42px;line-height:42px;outline:none;padding-left:1.25rem;padding-right:2.5rem;position:relative;text-align:left!important;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto; color:#fff; margin-left:1.25rem;} .filter-dropdown:focus{background-color:#9cc055} .filter-dropdown:hover{background-color:#9cc055} .filter-dropdown:active,.filter-dropdown.open{background-color:#9cc055!important;box-shadow:0 0px 5px rgba(0,0,0,0.1); } .filter-dropdown:after{border:solid #fff; border-width:0 3px 3px 0;display:inline-block; padding:3px; transform:rotate(45deg) translateY(-50%); -webkit-transform:rotate(45deg) translateY(-50%);transition:all .125s ease-in-out;content:'';display:block;pointer-events:none;position:absolute;right:20px;top:50%} .filter-dropdown.open:after{-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%); right:15px; top:45%;} .filter-dropdown.open .list{-webkit-transform:scale(1);transform:scale(1);opacity:1;pointer-events:auto;} .filter-dropdown.open .option{cursor:pointer} .filter-dropdown.wide{width:100%} .filter-dropdown.wide .list{left:0!important;right:0!important} .filter-dropdown .list{box-sizing:border-box;transition:all .15s cubic-bezier(0.25,0,0.25,1.75),opacity .1s linear;-webkit-transform:scale(0.75);transform:scale(0.75);-webkit-transform-origin:50% 0;transform-origin:50% 0;box-shadow:0 0 0 1px rgba(0,0,0,0.09);background-color:#9cc055;margin-top:4px;padding:3px 0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:100%;left:0;z-index:99; min-width:95px;} .filter-dropdown .list:hover .option:not(:hover){background-color:transparent!important} .filter-dropdown .option{cursor:default;font-weight:400;line-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s} .filter-dropdown .option:hover,.filter-dropdown .option:focus{background-color:#8abf21!important} .filter-dropdown .option.selected{font-weight:600} .filter-dropdown .option.selected:focus{background:#8abf21;} .scrollbar-c{ border:1px solid #e1e1e1; max-height:165px;overflow-y: auto;} .scrollbar-c .mCSB_inside > .mCSB_container{ margin-right:10px;} .filter-dropdown .list{ padding:0;} .mCSB_scrollTools{ width:8px !important;} .mCSB_outside + .mCSB_scrollTools {right: -35px !important;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#918f8d !important; width:8px !important;} .mCSB_scrollTools .mCSB_draggerRail{ width:1px !important; background-color:rgba(0,0,0,0.3) !important} /*.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#8fb73e !important;}*/ /**==================BANNER INSIDE TEXT======================**/ .small-masthead-outer{ height:275px; position:relative; overflow:hidden;} .small-masthead-outer .jarallax{ min-height:100%;} .small-masthead-outer .title-heading.text-center, .masthead-outer .title-heading.text-center, .masthead-outer .text-center .title-heading, .small-masthead-outer .text-center .title-heading{margin:20px auto 30px; overflow:hidden;} .small-masthead-outer .title-heading.text-center, .small-masthead-outer .text-center .title-heading{margin:0 auto;} .masthead-outer .jarallax #jarallax-container-0{z-index:0 !important} .banner-middle-text{ position:absolute; top:55%; left:50%; -moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:9 !important;} .banner-middle-text .breadcrumb{ margin-bottom:0.5rem;} .banner-middle-text .breadcrumb-item a{ color:#8fb73e;} .banner-middle-text .breadcrumb-item.home a {color: #198f4a;} .banner-middle-text .breadcrumb-item.home a, .banner-middle-text .breadcrumb-item.home{ color:#fff;} .banner-middle-text .arr-right .breadcrumb-item+.breadcrumb-item::before{ border-color:#fff;} .banner-middle-text .breadcrumb-item.active{ color:#fff; padding-right:0;} .banner-middle-text h2 span{ margin-bottom:1rem;} /**=======================Press release==========================**/ .press_release_outer,.banner-pattern{position:relative; z-index:2;} .press_release_outer.common-padding{ padding-bottom:1.5rem;} .press_release_outer:before, .banner-pattern:before{content: ''; position:absolute; background:#fff; top:-5rem; height: 100%; left: 0; right: 0; transform: skewY(-2.4deg);transform-origin: 100%; z-index:-1; } .press_release_outer ul.release-list li{padding:1.8rem 0; border-bottom:1px solid #ebebeb; position:relative;} .press_release_outer ul.release-list li a{display:block; width:100%;} .press_release_outer ul.release-list li h3{ font-size:1.5rem; line-height:2.0625rem; font-weight:600; color:#000; margin-bottom:0;} .date_span{ font-size:1rem; text-transform:uppercase; color:#858585; font-weight:600;} .press_release_outer ul.release-list li .read-more{ position:absolute; bottom:-1.8rem; right:0;} .press_release_outer p a{ color:#198f4a;} .press_release_outer p a:hover, .press_release_outer p a:focus{color:#a2c856;} /**============MEDIA Enqueies============**/ .media-query, .registrarandtransferagents{position: relative; position: relative; background: url(../../images/press-release/media-query-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed;} .media-query.sectionbox, .registrarandtransferagents.sectionbox{padding:5rem 0 8rem;} /*.media-query:after {content: ''; position:absolute; background:url(../../images/press-release/media-query-bg.jpg) no-repeat; background-size:cover; background-attachment: fixed; top:-5rem; height: 100%; left: 0; right: 0; transform: skewY(-2.4deg);transform-origin: 100%; z-index:-1;} */ .media-query.sectionbox:before, .contact-filter.sectionbox:before, .registrarandtransferagents.section:before{content: ''; position: absolute; background: url(../../images/section-bottom.svg) no-repeat; top: 0; height:55px; left: 0px; right: 0; z-index: 1; transform: rotate(-180deg); background-size: cover; -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg);} .media-query h2 .bordered{ font-size:2rem; line-height:2rem;} .address-box,.number-box,.email-box,.email-box a{ color:#fff;} .regular{ font-weight:400;} .light{ font-weight:300;} .office-address-box .email-box:before{ top:3px;} .press-release-inside h1{ font-size:1.875rem; line-height:2.5rem;color:#198f4a; font-weight:600;} .press-release-inside h2{ font-size:1.50rem; line-height:2rem;color:#198f4a; font-weight:600;} .press-release-inside h3{ font-size:1.25rem; line-height:1.5rem; color:#198f4a; font-weight:600;} .press-release-inside h4{ font-size:1rem; line-height:1.25rem; color:#000; font-weight:600;} .website-box, .fertilisers-icon, .insulators-icon, .address-box{position:relative;} .address-box .img-box{ position:absolute; left:0; top:0;} .address-box h3{ margin-bottom:0.3125rem; font-size:1.5rem; line-height:1.5rem; font-weight:600; color:#fff;} .address-box span{ display:block; margin-bottom:1rem;} .number-box,.email-box{ padding-left:2.2rem; color:#fff; font-size:1.125rem; line-height:1.125rem; position:relative; display:table; margin:0 auto 1rem;} .number-box:before{ content:''; position:absolute; left:0; top:0px; background:url(../../images/css_sprites.png); background-position:-23.3125rem -0.625rem; height:20px; width:21px;} .email-box:before{ content:''; position:absolute; left:0; top:5px; background:url(../../images/css_sprites.png); background-position:-23.3125rem -4.875rem; height:20px; width:21px;} .website-box:before{ content:''; position:absolute; left:0; top:5px; background:url(../../images/css_sprites.png); background-position:-5.8125rem -29.475rem; height:20px; width:21px;} .fertilisers-box:before{ content:''; position:absolute; left:0; top:5px; background:url(../../images/css_sprites.png); background-position:-23.3125rem -4.875rem; height:20px; width:21px;} .insulators-box:before{ content:''; position:absolute; left:0; top:5px; background:url(../../images/css_sprites.png); background-position:-23.3125rem -4.875rem; height:20px; width:21px;} .email-blue-icon:before{ background-position:-23.3125rem -6.375rem;} .email-white-icon:before{ background-position:-34.0625rem -2.35rem;} .media-query p span{ margin-bottom:5px; display:inline-block; color:#fff;} .media-query p span a{ color:#fff;} .email-blue-icon a.text-green, .text-green-bold{ color:#8fb73e; font-size:1.125rem; line-height:1.125rem; font-weight:600; vertical-align:inherit;} .black-text{ color:#000;} /**=======================Press release inside ==========================**/ .press-release-inside .breadcrumb{ text-align:inherit;} .highlighted-box, .highlighted-div{ background:url(../../images/pattern-repeat.jpg) repeat; padding:1.25rem 1.875rem; margin:0 0 1.5625rem 0.4375rem;} .highlighted-box li{position:relative; font-size:1.15rem; line-height:1.625rem; color:#000; padding:0.9375rem 0; border-bottom:1px solid #ebebeb;} /*.highlighted-box li:first-child{ padding-top:0;}*/ .highlighted-box li:before{ content:''; position:absolute; left:-2.125rem; top:1.7rem; border:2px solid #198f4a; width:0.9375rem; } .highlighted-box li:first-child:before{top:0.8rem;} .highlighted-box li:last-child{ padding-bottom:0; border-bottom:none;} .highlighted-box.numberlist li:before , .highlighted-box.alphalist li:before, .highlighted-box.romanlist li:before, .highlighted-box.circlelist li:before{ display:none;} .highlighted-box.numberlist li span.list-span:before, .highlighted-box.alphalist li span.list-span:before, .highlighted-box.romanlist li span.list-span:before{ content:''; position:absolute; right:-5px; top:12px; bottom:0; border:2px solid #198f4a; width:3px; height:3px;} .highlighted-box.circlelist li:before, .highlighted-box.numberlist .circlelist li span.list-span:before, .highlighted-box.circlelist li span.list-span:before{ display:none;} .highlighted-box.numberlist li span.list-span, .highlighted-box.alphalist li span.list-span, .highlighted-box.romanlist li span.list-span, .highlighted-box.circlelist li span.list-span{ font-size:20px; line-height:20px; color:#198f4a; font-weight:700; position:absolute; left:-10px; top:18px;} .highlighted-box.numberlist li, .highlighted-box.alphalist li, .highlighted-box.romanlist li, .highlighted-box.circlelist li{ padding-left:15px; position:relative;} .highlighted-div{font-size:1.125rem; line-height:1.625rem; color:#000;} .highlighted-box-without-bg.highlighted-box{ background:transparent; padding:1.25rem; margin:0 0 0.4375rem 0.4375rem;} .highlighted-box-without-bg li{ border-bottom:none; padding:0.5125rem 0;} .highlighted-box-without-bg li:before{ top:1.4rem; left:-1.6rem;} /*.highlighted-box-without-bg li:first-child{ padding-top:0;}*/ .inside-title-box{ margin-bottom:1.25rem;} .innerpage_RHS{position:relative; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; top:0;} .sticky_rhs{position:sticky; position:-webkit-sticky; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; top:120px;} .innerpage_RHS .share div, .innerpage_RHS .share span{ display:inline-block;} .innerpage_RHS .share{ margin-bottom:3rem; display:block;} .innerpage_RHS h2{ margin-bottom:0;} .innerpage_RHS h2 span{ font-size:1.375rem; line-height:1.375rem; padding:0.425rem 0;} .innerpage_RHS h2 span.bordered:after{ width:80%; height:0.4rem;} .innerpage_RHS h2 span.bordered:before{width: 20%; height:0.4rem;} .innerpage_RHS ul li{font-size:1.125rem; padding:0.675rem 0; line-height:1.625rem; border-bottom:1px solid #e3e3e3;} .innerpage_RHS ul li:last-child{ border-bottom:none;} .innerpage_RHS ul li a{color:#198f4a;} .downloded-pdf-box h4{font-size:1.0625rem; line-height:1.0625rem; color:#000; margin:0.5rem 0;} .downloded-pdf-box span{font-size:0.875rem; line-height:0.875rem; color:#000; margin:0;} .download-file{ background:#a2c856; width:1.8rem; height:1.8rem; display:block; position:relative; margin-top:1rem; color:#fff; } .download-file i{ position:absolute; top:0.425rem; left:0.425rem; height:1rem; width:1rem;} .download-file i img{ vertical-align:super;} .download-file:hover{ width:7rem; height:1.8rem; transition:all 0.5s; color:#fff; padding:0rem 0.625rem; background:#8fb73e;} .download-file span{ max-width: 0;opacity:0; visibility:hidden;-webkit-transition: max-width 1s, opacity 1s; -moz-transition:max-width 1s, opacity 1s; transition:max-width 1s, opacity 1s;display: inline-block;vertical-align: top;white-space: nowrap;overflow: hidden;font-size:0.875rem; color:#fff; position:relative;line-height:1.8rem; padding-left:1.5rem;} .download-file:hover span{max-width:6rem; opacity:1; visibility:visible;} .table-outer{ margin:1rem 0 3rem;} .table-outer thead tr{ background:#8fb73e; color:#f2f2f2} .table-outer thead tr, .table-outer tbody tr{ font-weight:500; font-size:1.125rem;} .table thead th, .table tbody th{ border-bottom:none;} .table thead th{ text-align:center; vertical-align:middle;} .table thead tr:nth-of-child(2) th, .table thead tr th:first-child, .table thead tr th:first-child{ text-align:left;} .table thead th:first-child{ text-align:left;} .table thead tr:nth-of-type(2) th:first-child{ text-align:center;} .table-outer tbody tr strong{font-weight:600;} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,1);} .table-striped tbody tr:nth-of-type(even) {background-color:rgba(0,0,0,.05);} /*.table-outer tbody tr:nth-child(odd) td:first-child, .table-outer tbody tr:nth-child(odd) td:nth-child(4), .table-outer tbody tr:nth-child(odd) td:last-child{ background:#f6f9f0;} .table-outer tbody tr:nth-child(even) td:first-child, .table-outer tbody tr:nth-child(even) td:nth-child(4), .table-outer tbody tr:nth-child(even) td:last-child{ background:#c0d498;}*/ .table-outer tbody tr td{ position:relative;} .table-outer tbody tr td.col-with-arrow:before{ content:''; position:absolute; top:5px; left:50%; height:6px; width:11px; background:url(../../images/press-release/top-table-arrow.png) no-repeat;} .green-table-bg{background:#c0d498;} .gray-table-bg{background:#rgba(0,0,0,.05);} /**===================PLANTS LANDING/ LOCATION POPUP====================**/ .plants-landing.common-padding{ padding-bottom:6rem;} .filter-list figure{ margin:0; position:relative; min-height:29rem; background:#fff; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.09); } .filter-list figcaption{ padding:1rem 0.9375rem 1rem 3.4375rem;} .filter-list div{ position:relative; padding:0.625rem 0; font-size:1.0625rem; line-height:1.5625rem; font-weight:300;} .filter-list div.plant-name:after, .filter-list div.plant-mta:after{ content:''; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #d5d5d5;} .filter-list div.img-box{ padding:0;overflow:hidden; } .filter-list div.img-box img{ -webkit-transition:0.5s all; -moz-transition:1s all;transition:0.5s all; width:100%;} .filter-list div.plant-name{ font-size:1.15rem; line-height:1.25rem; color:#000; font-weight:600;} .filter-list div.plant-mta{ font-size:1.125rem; line-height:1.5625rem; font-weight:300;} .filter-list .plant-description{ min-height:8.75rem;} .filter-list .category-name{ padding:0.5rem; font-size:0.875rem; line-height:0.875rem; position:absolute; top:0; left:0; background:rgba(25,143,74,0.80); text-align:center; color:#fff; z-index:9;} .place-icon.chemical-icon{background-position: -25.75rem -0.625rem; height:1.415rem;} .place-icon.fiber-icon{background-position:-14.375rem -6.3125rem;} .place-icon.insulator-icon{background-position:-3.125rem -29.5rem; width: 1.45rem;} .place-icon.fertiliser-icon{background-position:-0.625rem -29.5rem; height:1.5rem;} .filter-list div.img-box a{ display:block;} .filter-list{ margin:0 -25px;} .filter-list li{ padding:25px; display:none;} .filter-list li:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} #loadMore, .loadMore{ margin:1.5rem auto; background:#00bbd6; color:#fff; font-size:1rem; line-height:1rem; padding:0.625rem 1.5rem 0.625rem 0.625rem; text-transform:inherit; font-weight:600; display:table; max-width:115px; position:relative; min-width:95px;} #loadMore:after, .loadMore:after{content:'+'; position:absolute; right:0.3125rem; top:0.3125rem; width:18px;height:18px; display:inline-block;/*border:2px dashed #fff;border-radius:50%; -moz-border-radius:18px; -webkit-border-radius:18px; -ms-border-radius:18px; */vertical-align:middle; position:absolute; font-size:26px; line-height:24px;} /*@keyframes loadingD { 0 {transform: rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg) ;} } @-webkit-keyframes loadingD { 0 {-webkit-transform: rotate(0deg) ;}50%{-webkit-transform:rotate(180deg) ;}100%{-webkit-transform:rotate(360deg) ;} } */ .right-dtl{ z-index:9;} /**======STORY ======**/ .story-filter-list.filter-list figcaption{ padding:1rem 1rem 2rem ; min-height:190px;} .story-filter-list.filter-list figcaption h3{ font-size:1.375rem; line-height:1.5rem; font-weight:600;} .story-filter-list.filter-list figcaption p{ margin-bottom:0; font-size:1.0625rem; line-height:1.5625rem;} .story-filter-list.filter-list figure{ min-height:100%;} .story-inside .press_release_outer{ padding:0 0 6rem;} /**======PLANTS INSIDE =======**/ .map-outer{ position:relative; } .map-outer:before{ content:''; display:block;height:10rem;left: 0; position: absolute; right: 0; z-index:1; -webkit-backface-visibility: hidden;top:-5rem;-webkit-transform: skewY(-2.4deg);transform: skewY(-2.4deg);-webkit-transform-origin: 100%; transform-origin: 100%; background: #fff;} .map-in-address{ background:#fff; padding:1rem; -moz-box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05);-webkit-box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05); -ms-box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05); box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05); max-width:550px; width:95%; margin:0 auto; position:absolute; z-index:2; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); top:2rem;} .pin-address-box,.call-box,.fax-box,.plant-icon,.person-icon, .website-box, .fertilisers-icon, .insulators-icon{padding-left:30px; display:block; font-size:1.125rem; line-height:1.75rem; position:relative; margin-bottom:0.5rem !important;} .call-box{margin-bottom:0.625rem;} .pin-address-box:before,.call-box:before,.fax-box:before,.plant-icon:before,.person-icon:before{ content:''; position:absolute; background:url(../../images/css_sprites.png) no-repeat; height:1.375rem; width:1.35rem; left:0; top:0.3125rem; } .fax-box:before{ background-position:-29.6875rem -3rem;} .fax-green-icon:before{ background-position:-8.25rem -29.25rem;} .call-box:before{background-position:-29.6875rem -0.625rem;} .pin-address-box:before{background-position:-28.125rem -0.625rem;} .pin-address-green:before{background-position:-0.625rem -32.25rem;} .plant-icon:before{background-position:-34rem -0.625rem;} .person-icon:before{background-position:-32.1875rem -0.625rem;} .plant-icon-w:before{background-position:-603px -10px;} .pin-address-box-w:before{background-position:-603px -50px;} .call-box-w:before{background-position:-603px -135px;} .fax-box-w:before{ background-position:-600px -105px;} .inside-container-masthead{ margin:1rem 0; position:relative;} .inside-container-masthead:before{ content:''; position:absolute; bottom:0; left:0; right:0; height:40px; z-index:9; background:url(../../images/stories/green-bottom.png) no-repeat;} .green-text, .story-title{ color:#198f4a;} .story-title{ font-size:1.875rem; line-height:2.1875rem; font-weight:600;} /**========CAREER ========**/ .btn-box{ margin:0 auto; text-align:center;} .btn-box a{ position:relative; padding:0.225rem 2rem 0.225rem 0.625rem; color:#fff; background:#8fb73e; margin:0 0.5rem; -moz-box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05);-webkit-box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05); -ms-box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05); box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05); margin-bottom:0.625rem; transition:all 1s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s;} .btn-box a:after{ content:''; position:absolute; background:url(../../images/css_sprites.png) no-repeat; right:10px; height:0.9375rem; width:0.9375rem; background-position:-0.625rem -9.0625rem; top:50%; transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -o-transform:translateY(-50%) scale(1);-moz-transition:-moz-transform 0.5s, scale 0.5s; -webkit-transition:-webkit-transform 0.5s, scale 0.5s; -ms-transition:-ms-transform 0.5s, scale 0.5s; transition:transform 0.5s, scale 0.5s;} .btn-box a:hover{padding:0.225rem 2rem 0.225rem 0.625rem; background:#198f4a; -moz-box-shadow:inset 0px 0px 15px 5px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 0px 15px 5px rgba(0,0,0,0.1); box-shadow:inset 0px 0px 15px 5px rgba(0,0,0,0.1); /* -webkit-animation-name: bounceInHover; animation-name: bounceInHover;*/ } /*.btn-box a:hover:after{ transform:scale(1.08) translateY(-50%); -moz-transform:scale(1.08) translateY(-50%); -webkit-transform:scale(1.08) translateY(-50%); -ms-transform:scale(1.08) translateY(-50%); -o-transform:scale(1.08) translateY(-50%);}*/ /*@-webkit-keyframes bounceInHover { 0% { opacity:1; -webkit-transform: scale(1);} 50% { opacity: 1; -webkit-transform: scale(1.04); } 70% { -webkit-transform: scale(1.08); } 100% { -webkit-transform: scale(1.1); } } @keyframes bounceInHover { 0% { opacity:1; -webkit-transform: scale(1);} 50% { opacity: 1; -webkit-transform: scale(1.04); } 70% { -webkit-transform: scale(1.08); } 100% { -webkit-transform: scale(1.1); } } */ .btn-box a.email-icon, .btn-box a.direction-icon, .btn-box a.read-more-icon{ padding:0.225rem 0.625rem 0.225rem 2rem; } .btn-box a.email-icon:after, .btn-box a.direction-icon:after, .btn-box a.read-more-icon:after{height:1.3rem; width:1.3rem; right:inherit; left:8px; content:''; position:absolute; background:url(../../images/css_sprites.png) no-repeat;} .btn-box a.email-icon:after{height:1rem; background-position:-34rem -2.3rem;} .btn-box a.direction-icon:after{left:10px; background-position:-35.375rem -0.625rem;} .btn-box a.read-more-icon:after{ left:10px; background-position:-198px -185px;} .career-slider .slick-prev.slick-arrow{ left:0;} .career-slider .slick-next.slick-arrow{ right:0;} .carousel-item { /* height: 65vh; min-height: 350px; */ background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .carousel-item{background:#fff;} #career-outer{ padding:2.5rem 0 1.5rem;} #career-infographic{position: relative; text-align:center;background:url(../../images/career/career-infographic-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding:8rem 0;} /*#career-infographic:after {content: ''; position:absolute; background:url(../../images/career/career-infographic-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; top:-4rem; height: 100%; left: 0; right: 0; transform: skewY(-2.4deg);transform-origin: 100%; z-index: -1;}*/ i.career-info{ background:url(../../images/career/infographic-icon.png) no-repeat; height:4.8125rem; width:5rem; display:inline-block;} i.career-info.career-info1{ background-position:0 0;} i.career-info.career-info2{ background-position:-10.625rem 0;} i.career-info.career-info3{ background-position:-20.3125rem 0;} #career-infographic span.large-text{ font-size:2.3125rem; line-height:2.3125rem; font-weight:600;} #career-infographic span{ display:block; font-size:1.75rem; line-height:2.3125rem; font-weight:300; color:#fff;} #career-infographic span strong{ font-weight:600; display:block;} .leaders-slider figcaption{ padding:1rem 2rem;} .leaders-slider p{ margin-bottom:0;} .leaders-slider h3{ font-size:1.375rem; line-height:1.375rem; font-weight:600;} .leaders-slider span{ font-style:italic; font-size:1.125rem; line-height:1.125rem; display:block; margin-bottom:1.25rem;} .leaders-slider.slider figure{ min-height:inherit;} #life-at-grasim .tab-content {padding: 2.5rem 0 6rem;} #life-at-grasim.common-padding{ padding:2.5rem 0 0;} #life-at-grasim .tab-pane{ height:0; overflow:hidden; display:block;} #life-at-grasim .tab-pane.active{ height:auto;} /**CONTACT US**/ .contact-box, .financial-outer{ position:relative; padding:0.625rem 0 2.5rem;} .contact-box:before{content: ''; position:absolute; background:#fff; top:-55px; height:55px; left: 0; right: 0; transform: skewY(-1.9deg);transform-origin: 100%; z-index:-1; } .financial-outer:before{} .contact-box p{ font-size:1rem; line-height:1.5rem; margin-bottom:1.25rem; font-weight:400} .contact-box p.person-icon{ font-size:1.125rem; line-height:1.5rem} .contact-box p.email-box{ margin:0 0 1rem;} .contact-box h3 .bordered, .financial-outer h3 .bordered{ font-size:1.375rem; line-height:1.375rem; padding:0rem 0 0.625rem; margin:0 auto 0.5rem;} .contact-box h4, .contact-filter h4, .contact-filter h4 span{font-size:1.25rem; line-height:1.25rem; font-weight:600; margin-bottom:2px;} .sub-address-outer{ margin:2.5rem 0 0;} .office-address-box span{ display:inline-block;} .office-address-box p{ margin-bottom:7px; font-weight:300;} .contact-box .btn-box{ margin:0; text-align:left;} .office-address-box .btn-box{ margin:0 auto; text-align:center;} .contact-number span{ margin:0 16px; position:relative;} .contact-number span:first-child:after{ content:''; position:absolute; right:-15px; border-right:1px solid #d0d0d0; height:100%;} .office-address-box p span.highlight{ color:#00bbd6;} .highlight-bold{color:#00bbd6; font-weight:600; font-size:1.25rem; display:block; margin:0.625rem 0;} .contact-box p.pin-address-box, .contact-box p.call-box, .contact-box p.fax-box{ font-weight:300;} .sub-address-outer .btn-box{ margin-bottom:2rem;} /*.sub-address-outer .btn-box:last-child{ margin-bottom:0;}*/ .sub-address-outer .btn-box a:first-child{ margin-left:0;} .other-contact h3{ font-size:1.375rem; line-height:1.375rem; font-weight:600; margin-bottom:1.225rem;} .other-contact ul li{ display:block; padding:0.625rem 0; border-bottom:1px solid #e5e5e5; margin:0 auto; width:max-content; font-weight:300; font-size:1.125rem;} .other-contact ul li a{ color:#8fb73e; font-weight:600; vertical-align:inherit;} .other-contact ul li a:hover{ color:#000;} .other-contact ul li:last-child{ border-bottom:none;} #feedback, .view-all-btn{margin:1.5rem auto; background:#00bbd6; color:#fff; font-size:1rem; line-height:1rem; padding:0.725rem 1rem; text-transform:inherit; font-weight:600; width:max-content; position:relative;} #feedback:hover, .view-all-btn:hover{ background:#8fb73e; -moz-box-shadow:inset 0px 0px 15px 5px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 0px 15px 5px rgba(0,0,0,0.1); box-shadow:inset 0px 0px 15px 5px rgba(0,0,0,0.1); transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);} .box-info{ margin:10px 0; display:inline-block;} .box-info h4{ margin-bottom:15px;} .box-info .view-all-btn{ margin:0 0 0 0px;} .box-info .view-all-btn:hover{ margin:0; color:#fff;} .financial-outer .tab-content{padding: 3.5rem 0 3.5rem;} /**CONTACT FILTER**/ .contact-filter{position:relative; padding:5rem 0 8.25rem;background-image:url(../../images/contact-bg.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed;} .sectionbox{padding:5rem 0 8.25rem;} .sectionbox:before{content: ''; position:absolute; background:url(../../images/section-bottom.svg) no-repeat; top:-45px; height:50px; left:0px; right:0; z-index:9;background-size:cover;} .sectionbox:after{content: ''; position:absolute; background:url(../../images/section-bottom.svg) no-repeat; bottom:0px; height:55px; left:0px; right:0;background-size:cover;z-index:0;} .chemicals-bg{background-image:url(../../images/chemicals-bg.jpg);} .fertilisers-bg{background-image:url(../../images/fertilisers-bg.jpg);} .indianRayon-bg{background-image:url(../../images/indianRayon-bg.jpg);} .insulators-bg{background-image:url(../../images/insulators-bg.jpg);} .textiles-bg{background-image:url(../../images/textiles-bg.jpg);} .viscoseFilamentYarn-bg{background-image:url(../../images/viscoseFilamentYarn-bg.jpg);} .viscoseStapleFibre-bg{background-image:url(../../images/viscoseStapleFibre-bg.jpg);} .marketing-office ul{ margin:0 -20px;} .marketing-office ul li{padding:0 1.25rem; margin:1.25rem auto; vertical-align:top;} .office-inside-box{background:rgba(25,143,74,0.8); padding:1.25rem; text-align:left; position:relative; height:100%;} .office-inside-box a{ /*position:absolute;*/ color:#fff;} .office-inside-box p{ font-size:1rem; line-height:1.625rem; margin-bottom:0.9375rem; color:#fff;} .office-inside-box p:last-child{ margin-bottom:0;} .plant-location{ margin:2rem 0 0;} .plant-location ul li{margin:1.25rem 0; vertical-align:top;} .plant-location ul li .office-inside-box{ padding:1rem;} .plant-location ul li h4{ margin-bottom:1.25rem;} /**FINANCIAL**/ .boxing-list{ margin:1.5rem 0 2.5rem;} .boxing-list li .boxing-list-in{-moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1); box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1); padding:1rem 1rem 2rem; height:100%; position:relative;} .boxing-list li .boxing-list-in h3{ font-weight:600; line-height:25px; font-size:18px;} .financial-outer.common-padding{ position:relative; padding:1.5rem 0 0.5rem;} .financial-outer:before{content: ''; position:absolute; background:url(../../images/section-bottom.svg) no-repeat; background-size:cover; top:-50px; height:50px; left:0px; right:0; z-index:-1; background-position:center top;} .financial-outer .btn-box a{ padding:0.125rem 2rem 0.225rem 0.625rem;} .financial-outer .btn-box a:first-child{ background:#00bbd6; padding:0.225rem 0.625rem;} .financial-outer .btn-box a:first-child:hover{ background:#198f4a;} .financial-outer .btn-box a:first-child:after{ background:none;} .financial-outer .btn-box a.email-alerts-icon:after{ background-position:-178px -186px; height:1.1rem;} .annual-results.sectionbox{ position:relative; padding:1rem 0 1rem;} .annual-report-box{ margin:20px -30px 0;} .annual-report-left-box{ flex:0 0 40%; max-width:40%; padding:20px 0px; margin:0 auto;} .annual-report-right-box{ flex:0 0 100%; max-width:100%; padding:0 0px;} .annual-results .filter-form{ margin:1rem 0;} /*.annual-report-right-box-in{-moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1); box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1); padding:1.5rem 2rem; position:relative;}*/ .annual-report-box h4{ font-size:20px; line-height:25px; margin:0 auto 2rem; font-weight:600; color:#198f4a} .annual-report-list{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:15px -20px 30px;} .annual-report-list li{ max-width:33.33%; flex:0 0 33.33%; padding:0 20px;} .annual-report-list li a{ padding:1.5rem 35px 7px 40px; position:relative; min-height:70px;} .annual-report-list li a:before{height:38px; width:33px; right:inherit; left:0px; content:''; position:absolute; background:url(../../images/css_sprites.png) no-repeat; background-position:-186px -246px;} .annual-report-list li .tab-box-in-list p{ font-size:1.0625rem;} .annual-report-list li a:hover .read-more span{max-width: 100%;} .annual-report-list li a:hover .read-more{width:100px; height:1.8rem; line-height:1.8rem; transition:all 0.5s; color:#fff; padding:0rem 0.625rem; background:#8fb73e;} /*.quarterly-results{padding:2.5rem 0;}*/ .quarterly-results-tab .slider-for{ padding:2.5rem 0 5rem; border-top:4px solid #ebebeb; position:relative;} .quarterly-results-tab .slider-for:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0;background:url(../../images/pattern-repeat.jpg) repeat; z-index:-1;} .quarterly-results-tab .slider-for .slick-slide:focus, .quarterly-results-tab .slider-for .slick-slide:hover{ outline:none; box-shadow:none;} .quarterly-results-tab .slick-initialized .slick-slide{ text-align:center;} .quarterly-results-tab .slick-slide div{ padding:0;} .quarterly-results-tab .slider-nav{ margin:0px auto;} .quarterly-results-tab .slider-nav .slick-slide{ font-size:22px; line-height:45px; color:#000; font-weight:600; cursor:pointer;} .quarterly-results-tab .slider-nav .slick-slide:hover, .quarterly-results-tab .slider-nav .slick-slide:focus{ outline:none;box-shadow:none;} .quarterly-results-tab .slider-nav .slick-slide.slick-current, .quarterly-results-tab .slider-nav .slick-slide:hover{ color:#198f4a; position:relative} .quarterly-results-tab .slider-nav .slick-slide.slick-current:before{ content:''; position:absolute; bottom:-4px; border-bottom:4px solid #198f4a; left:30px; right:30px; z-index:9;} .quarterly-results-tab .slider-nav .slick-slide.slick-current:after{ content:''; position:absolute; width: 0; height: 0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f00; bottom:-10px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); z-index:9;} /*.quarterly-results-tab .slider-nav .slick-list{ height:45px;}*/ .quarterly-results-tab .slick-slide .table-outer{ background:#fff; margin:0px; padding:0px;} .quarterly-results-tab .slick-slide .table-outer thead tr{ background:#8fb73e; color:#fff;} .quarterly-results-tab .slick-slide .table-outer thead tr th{ font-size:16px; font-weight:600;} .quarterly-results-tab .slick-slide .table-outer td, .quarterly-results-tab .slick-slide .table-outer th{ border-top:2px solid #fff; border-left:2px solid #fff;} .table-large-txt{ font-size:22px; line-height:22px; font-weight:600; color:#198f4a;} .pdf-download-icon{ height:24px; width:20px; background:url(../../images/css_sprites.png) no-repeat; background-position:-175px -214px; display:inline-block;} .audio-download-icon{ height:24px; width:28px; background:url(../../images/css_sprites.png) no-repeat; background-position:-205px -216px; display:inline-block;} .excel-download-icon{ height:24px; width:21px; background:url(../../images/css_sprites.png) no-repeat; background-position:-180px -300px; display:inline-block;} .all-download-icon{ height:24px; width:21px; background:url(../../images/css_sprites.png) no-repeat; background-position:-180px -342px; display:inline-block;} .disabled{ pointer-events:none; opacity:0.5;} .disabled .pdf-download-icon{background-position:-245px -214px;} .disabled .audio-download-icon{background-position:-275px -216px;} .disabled .excel-download-icon{background-position:-250px -300px;} .disabled .all-download-icon{background-position:-250px -342px; } #quarterly-table .table-striped tbody tr:nth-of-type(odd), #quarterly-table tbody tr:nth-child(odd) td:first-child, #quarterly-table tbody tr:nth-child(odd) td:nth-child(4), #quarterly-table tbody tr:nth-child(odd) td:last-child { background-color:#f3f9e5;} #quarterly-table tbody tr:nth-child(even), #quarterly-table tbody tr:nth-child(even) td:first-child, #quarterly-table tbody tr:nth-child(even) td:nth-child(4), #quarterly-table tbody tr:nth-child(even) td:last-child{ background:#fff; } #quarterly-table tbody tr td{font-size:16px; vertical-align:middle;} #quarterly-table tbody tr td strong{font-size:18px;} #quarterly-table tbody tr td span.published-date{font-size:12px; line-height:14px; display:block; margin-top:4px;} /**==================INDEX===============**/ /**HOME BANNER**/ .home-banner {position:relative; height:100vh; overflow:hidden; max-height:768px; z-index:3;} .video-banner{height:100vh; overflow:hidden;} .banner-bottom { position: absolute; bottom:-5px; z-index:99; left:0; right:0;} .banner-bottom img{ width:100%;} .scroll-down { position: absolute; bottom: 66px; z-index:100; left: 48%; } /**HOME News**/ .latest-news .pattern-element{ bottom:-110px; top:inherit; height:294px; width:765px;} .news-slider.slider figure{ min-height:inherit;} .news-slider.slider figcaption {padding:1rem 0.9375rem; background:#fff;} .news-slider.slider figcaption p{ margin-bottom:0;} .news-slider.slider .slick-slide{ height:100%; background:#fff;} .news-right .youtube_video{ position:relative;} .news-right .youtube_video figure{ margin:0;} .news-right .youtube_video figcaption{ position:absolute; bottom:20px; left:20px; right:20px; font-size:2.5rem; line-height:2.8rem; font-weight:700; color:#fff;} .news-right .youtube_video .image_holder:after{ background-position: center 30%; background:none;} .news-right .youtube_video:hover .image_holder:after{ transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1);} .news-right .youtube_video:hover figcaption{ left:30px;} .news-slider .slick-next.slick-arrow{ right:-5px;} .news-slider .slick-prev.slick-arrow{left:-5px;} /***About us introduction***/ .about-us-introduction ul li{ font-size:2.25rem; line-height:2.75rem; font-weight:300; border-bottom:1px solid #fff; padding:0.825rem 0;} .about-us-introduction ul li span{ font-weight:600;} .about-grasim{ background:url(../../images/home/about-map.png) no-repeat bottom; background-size:cover; color:#fff; z-index:9; top:32px;} .skew-section-with-background-img{transform: skew(0deg, -1.9deg);} .skew-section-with-background-img-in{transform: skew(0deg, 1.9deg);} #banner-vid{backface-visibility:hidden;background:url("http://www.markhillard.com/sandbox/media/polina.jpg") no-repeat scroll 0 0 #000;background-size:cover;bottom:0;height:auto;min-height:100%;min-width:100%;perspective:1000;position:fixed;right:0;width:auto;z-index:-1;} .scroll-down{ font-size:16px; line-height:16px; color:#fff; text-align:center; z-index:9;} .scroll-down:hover, .scroll-down:focus{ color:#f0f0f0} .scroll-down i, .scroll-down span{ display:block;} .scroll-down i{ border:solid #fff; border-width:0 4px 4px 0; padding:8px; transform:rotate(45deg); -webkit-transform: rotate(45deg); display:inline-block; margin-top:10px; -webkit-animation: downAnimated 30s linear infinite; -moz-animation: downAnimated 30s linear infinite;-o-animation:downAnimated 30s linear infinite;-ms-animation: downAnimated 30s linear infinite;animation: downAnimated 30s linear infinite; margin-left:-5px;} @-webkit-keyframes downAnimated{0%{-webkit-transform: rotate(45deg) translateY(0px);} 50%{-webkit-transform:rotate(45deg) translateY(-10px);} 100%{-webkit-transform:rotate(45deg) translateY(-20px);}} @-moz-keyframes downAnimated{0%{-moz-transform:rotate(45deg) translateY(0px);} 50%{-moz-transform:rotate(45deg) translateY(-10px);} 100%{-moz-transform:rotate(45deg) translateY(-20px);}} @-o-keyframes downAnimated{ 0%{-o-transform:rotate(45deg) translateY(0px);} 50%{-o-transform:rotate(45deg) translateY(-10px);}100%{-o-transform:rotate(45deg) translateY(-20px);}} @-ms-keyframes downAnimated{0%{-ms-transform:rotate(45deg) translateY(0px);} 50%{-ms-transform:rotate(45deg) translateY(-10px);}100% {-ms-transform:rotate(45deg) translateY(-20px);}} @keyframes downAnimated{0%{transform:rotate(45deg) translateY(0px);} 50%{transform:rotate(45deg) translateY(-10px);}100% {transform:rotate(45deg) translateY(-20px);}} /**Explore Grasim**/ #myCanvasContainer{ position:relative; z-index:9} .myCanvasContainer-outer:before{ content:''; position:absolute; background: url(../../images/home/word-cloud-bg.png) no-repeat center; -webkit-animation: spin 150s linear infinite; -moz-animation: spin 150s linear infinite; -o-animation:spin 150s linear infinite; -ms-animation: spin 150s linear infinite; animation: spin 150s linear infinite; left:0; right:0; top:0; bottom:0; z-index:0} @-webkit-keyframes spin{100%{-webkit-transform: rotate(360deg);}} @-moz-keyframes spin{100%{-moz-transform: rotate(360deg); }} @-o-keyframes spin{ 100%{-o-transform: rotate(360deg);}} @-ms-keyframes spin{100% {-ms-transform: rotate(360deg);}} @keyframes spin{100% {transform: rotate(360deg);}} .eplore-grasim:before{ content:''; position:absolute; background:rgba(75,75,75,0.25); left:0; right:0; bottom:0; top:0;} .explore-in{padding:40px 0; text-align:center;} .explore-in img{margin:0 auto;} .explore-in .left-side{ margin:0 auto; padding:100px 0; text-align:left;} .explore-in .left-side h3{ color:#198f4a; font-size:2.1875rem; line-height:2.1875rem; font-weight:600; margin-bottom:20px; position:relative; display:inline-block;} .explore-in .left-side h3:after{ content:''; position:absolute; border:solid #198f4a;border-width:0 5px 5px 0;display:inline-block;padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top:12px; right:-20px;} .explore-in .left-side p{ color:#000; font-size:18px; line-height:26px;} .investor .filter-form .filter-dropdown{ margin:10px 0;background-color:#00bbd6; height:35px; line-height:35px; padding:0 1rem 0 0.5rem; font-size:1rem; width:100%;} .investor .filter-form .filter-dropdown:active, .investor .filter-form .filter-dropdown.open,.investor .filter-form .filter-dropdown .list{ background-color:#00bbd6 !important;} .investor .filter-form .filter-dropdown .option:hover, .investor .filter-form .filter-dropdown .option:focus{ background-color:#02adc6 !important} .investor .filter-form .filter-dropdown:after{ right:10px;} .investor .filter-form .filter-dropdown.open .list{ width:100%; text-align:center;} .investor .filter-form .filter-dropdown .option{ padding:0 30px;} .investor ul.investor-list{ margin:0 -20px;} .investor ul.investor-list li{ padding:0 20px; text-align:center; vertical-align:top; } .background-white{background:#fff;} .investor ul.investor-list li .investor-in{ padding:1.25rem;} .investor ul.investor-list li .investor-in.with-shadow{ -moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1); box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1);} .investor-in p{ font-size:19px; line-height:20px; color:#000; font-weight:400; margin:20px 0;} .investor-in span{ margin:0; display:inline-block; font-size:0.9rem; padding:0.3rem; margin-bottom:10px;} .investor ul.investor-list li li{ padding-bottom:25px;} .investor ul.investor-list li li span{ font-size:1.0625rem; line-height:1.5rem; margin-top:10px;} .investor ul.investor-list li.second-box:hover{-moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);} .investor ul.investor-list li li a{ display:block;} .investor ul.investor-list .investor-zoom-effect:hover, .investor ul.investor-list li li a:hover{-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} .investor ul.investor-list li span.view-all-btn:hover{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);} .investor .pattern-element{ bottom:-50px; top:inherit; height:446px; width:567px; right:-2%; left:inherit; z-index:-1 !important;} .text-green{ color:#178c47;} .text-grasim-green{color:#82c717 !important;} .bg-green{ background-color:#82c717 !important;} .heading-detail{ margin:0rem 0 2.5rem;} .heading-detail h3{ font-weight:300; margin-bottom:0;} .india-map{position:relative; right:15px; bottom:0px;} .map-location{background:rgba(251, 251, 246, 0.51);padding:5px;width:300px; height:300px; display:none; position: absolute;} .map-location.active{ display:block} .map-location-out{ position:relative;} .map-location-details {width:auto;display:none;} .slideshow{position:relative;z-index:1;height:100%; max-height:515px; margin:0px auto; overflow:hidden;} .slideshow *{outline:none} .slideshow .slider-track{transition:all 1s cubic-bezier(0.7,0,0.3,1)} .slideshow .item{height:100%;position:relative;z-index:1} .slideshow .item img{width:100%;transition:all 1s cubic-bezier(0.7,0,0.3,1);-webkit-transform:scale(1.3);transform:scale(1.3);} .slideshow .item.slick-active img{-webkit-transform:scale(1);transform:scale(1)} /***Awards***/ .awards-outer{ position:relative; padding:0.625rem 0 2.5rem;} .awards-outer:before{content:''; position:absolute; background:#fff; top:-55px; height:55px; left: 0; right: 0; transform: skewY(-1.9deg); transform-origin: 100%; z-index:-1;} .awards-wrapper{margin:0 0 1.875rem 0; } .awards-wrapper ul {margin:1.875rem 0; } .awards-wrapper ul li{margin:0 auto; vertical-align:top;} .awards-box{ padding:1.25rem; text-align:center; position:relative; height:100%;} .awards-box a{ position:absolute;} .awards-box p{ font-size:1.125rem; line-height:1.625rem; margin-bottom:0.9375rem; color:#000000;} .awards-box .awards-img{position: relative; color:#000000; padding:0; display:inline-block; height:84px; min-width:160px; margin: 0 auto; margin-bottom:1rem;} .awards-box .awards-img:before{height:84px; width:104px; content:''; position:absolute; left:0px; top:0; background: url(../../images/awards/left_awards.png) no-repeat center center; } .awards-box .awards-img:after{height:84px; width:44px; content:''; position:absolute; right:0px; top:0; background: url(../../images/awards/right_awards.png) no-repeat center center; } .awards-box .awards-img h5{position: absolute; font-size: 1rem; left: 0; top:18%; right:0; text-align: center; font-weight:600; line-height:18px; padding:0 20px;} .financial-wrapper.common-padding{ position:relative; padding:1.5rem 0 0rem;} .financial-wrapper:after { content:''; display:block; height:5rem; left:0; position: absolute; right:0; z-index:9; -webkit-backface-visibility: hidden; bottom:0; -webkit-transform: skewY(-2.4deg); transform: skewY(-2.4deg); -webkit-transform-origin: 100%; transform-origin: 100%; background: url(../../images/pattern-repeat.jpg) repeat;} .leaders-slider .date{ font-style:normal; font-size:0.875rem; line-height:1.125rem; display:block; margin-bottom:0; color:#858585; text-transform: uppercase;} #media-coverage .tab-content {padding: 2.5rem 0 6rem;} #media-coverage.common-padding{ padding:2.5rem 0 0;} #media-coverage:after { content:''; display:block; height:5rem; left:0; position: absolute; right:0; z-index:9; -webkit-backface-visibility: hidden; bottom:-0.625rem; -webkit-transform: skewY(-2.4deg); transform: skewY(-2.4deg); -webkit-transform-origin: 100%; transform-origin: 100%; background: url(../../images/pattern-repeat.jpg) repeat;} #media-coverage .tab-pane{ height:0; overflow:hidden; display:block;} #media-coverage .tab-pane.active{ height:auto;} /*home About Grasim*/ .state-box{ position:absolute;} .dot{height:22px;width:16px;z-index:0;opacity:1; background:url(../../images/home/map-pin.png); background-repeat: no-repeat;} a.product_btn:hover { position: relative;} a.product_btn[title]:hover:after {content: attr(title);padding:2px 4px;position: absolute;left:-50%;top:15px;white-space: nowrap; z-index:20; background:rgba(0,0,0,0.8); font-size:14px; line-height:14px; color:#fff; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;} .product_page_main{position:relative;} .product_modal{position: absolute; width:300px; display: none; height: auto; max-width: 345px; left:calc(50%); /* right: 0; */ bottom:30px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);-o-transform: translateX(-50%); transform: translateX(-50%); z-index:99;} .product_modal .modal-body{padding:0px;border-radius:10px} .product_modal .modal-content{min-width:auto;background:#14bfd2; border-bottom:solid 5px #fff; position:relative;z-index:9;-webkit-box-shadow:9px 9px 5px -4px rgba(0,0,0,0.5);-moz-box-shadow:9px 9px 5px -4px rgba(0,0,0,0.3);-ms-box-shadow:9px 9px 5px -4px rgba(0,0,0,0.3);-o-box-shadow:9px 9px 5px -4px rgba(0,0,0,0.3);box-shadow:9px 9px 5px -4px rgba(0,0,0,0.3); } .product_modal .modal-content:before{content:'';position:absolute;top:100%;left:50%;width:0;height:0;border-top:solid 13px #fff;border-left:solid 10px transparent;border-right:solid 10px transparent; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);-o-transform:translateX(-50%);} .closX{ height:20px; width:20px; background:rgba(0,0,0,0.3); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; position:absolute; top:-10px; right:-10px; text-align:center; color:#fff; z-index:99;} .closX:before{ content:'+'; position:absolute; top:0; bottom:0; font-size:20px; line-height:17px; left:0; right:0; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);} .closX:hover{ color:rgba(255,255,255,0.8);} .state-mp-box{top:41%; left:26%;} .state-karnataka-box{top:75%; left:21%;} /*.state-Harihar-karnataka-box{top:80%; left:25%;} .state-gujarat-box{top:45%; left:10%;} .state-jharkhand-box{top: 39%; left: 59%;}*/ .state-uttar-pradesh-box{top: 37%; left: 49%;} .state-odisha-box{top: 58%; left: 55%;} .state-westBengal-box{ top: 50%; right: 34%;} .state-Kharach-gujarat-box{top: 50%; left: 10%;} .state-maharashtra-box{ top: 62%; left: 24%;} /*.state-amethi-box{top:35%;left:50%} .state-amethi-box{top: 38%; left: 44%;} .state-veraval-box{top: 51%; left: 5%;} .state-halol-box{top: 47%; left: 15%;} .state-veraval-box{top: 51%; left: 5%;} .state-halol-box{top: 47%; left: 15%;}*/ .state-amethi-box {top: 34%;left: 42%;} .state-veraval-box {top: 52.5%; left: 6%;} .state-Kharach-gujarat-box {top: 53%;left: 15%;} .state-gujarat-box {top: 50%;left: 15%;} .state-halol-box {top: 47%;left: 17%;} .state-mp-box {top: 44.5%;left: 23%;} .state-Harihar-karnataka-box {top: 74%;left: 25%;} .state-karnataka-box {top: 73.5%;left: 19.8%;} .state-uttar-pradesh-box {top: 41.5%;left: 49%;} .state-maharashtra-box {top: 59%;left: 16%;} .state-jharkhand-box {top: 42%;left: 53%;} .state-odisha-box {top: 57.5%;left: 55.8%;} .state-balabhadhrapuram-box {top: 66%;left: 45.5%;} .state-vikramwoollens-box {top: 34%;left: 33%;} .about-plant-detail figure{ margin:0; position:relative; /*min-height:29rem;*/ } .about-plant-detail figcaption{ padding:1rem 0.9375rem 1rem 3.4375rem;} .about-plant-detail div{ position:relative; padding:0.625rem 0; font-size:1rem; line-height:1.5625rem; font-weight:300; text-align: left;} .about-plant-detail div.about-plant-name:after, .about-plant-detail div.about-plant-mta:after{ content:''; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #fff;} .about-plant-detail div.about-plant-name{ font-size:1rem; line-height:1.25rem; } .about-plant-detail div.about-plant-mta{ font-size:1rem; line-height:1.5625rem; font-weight:300;} .gplant-icon {background: url(../../images/css_sprites.png) no-repeat; height: 1.375rem; width: 1.3125rem; position: absolute; left: -2.5rem; top: 0.75rem;} .gplant-icon.location-icon { background-position: -18.7rem -0.625rem;} .gplant-icon.mta-icon {background-position: -18.7rem -3.625rem;} .gplant-icon.location-dtl-icon {background-position: -18.75rem -6.3125rem;} .gplant-icon.chemical-icon{background-position:-25.75rem -2.83rem; height:1.415rem;} .gplant-icon.fiber-icon{background-position:-18.72rem -6.3125rem;} .gplant-icon.fertiliser-icon{background-position:-2.8rem -31.89rem; height:1.5rem;} .gplant-icon.insulator-icon{background-position:-5.3rem -31.9rem; width: 1.45rem;} .about-plant-detail a.more{font-style: italic; font-size:0.875rem; color:#fff; text-decoration: underline; vertical-align: baseline;} /* end home About Grasim*/ .carousel-indicators{position: absolute; bottom: 0px; z-index: 15; width:100%; padding-left: 0; text-align: left; justify-content:center;} .img-outer{ margin:0 0 20px 0;} .left-img{float:left; margin:0 20px 20px 0;} .right-img{float:right; margin:0 0px 20px 20px;} .chairperson-message-box{background:#fff url(../../images/pattern-repeat.jpg) repeat center center; padding:1.875rem 2.5rem; } .chairperson-message-box h4{ font-size:22px; line-height:1.875rem; margin-bottom:0.9375rem; position:relative;} .chairperson-message-box h4:before{content:''; position:absolute; background:url(../../images/csr/quote-start.png) no-repeat; top:-5px; left:-30px; height:18px; width:23px;} .chairperson-message-box h4:after{content:''; position:absolute; background:url(../../images/csr/quote-end.png) no-repeat; right:30px; height:18px; width:23px;} .chairperson-message-box .message-person-name{ color:#198f4a; font-size:1.375rem; line-height:1.5625rem;} .chairperson-message-box .message-person-name span{ color:#000; font-size:1rem; line-height:1.3125rem; display:block; margin-top:5px;} #csr-gallery{ padding:1.25rem 0; position:relative;} #csr-gallery:after {content: ''; position:absolute; background:url(../../images/sustainability/story-banner.jpg) no-repeat; background-size: cover; background-attachment: fixed; top:-2.5rem; height: 100%; left: 0; right: 0; transform: skewY(-2.4deg);transform-origin: 100%; z-index: -1;} .resources-list li .tab-box-in-list{ padding-left:40px;} .pdf-download-outer, .zip-download-outer{ position:relative; display:inherit;} .pdf-download-outer:before, .zip-download-outer:before{ content:''; position:absolute; left:0;} .pdf-download-outer:before{ background:url(../../images/csr/pdf-icon.png);height:38px; width:32px; top:20px;} .zip-download-outer:before{ background:url(../../images/csr/attachment-icon.png); height:29px; width:29px; top:25px;} /**Investor**/ .press_release_outer ul.release-list.pdf-release-list li{ padding:1.8rem 4rem 1.8rem 3.4375rem; position:relative;} .press_release_outer ul.release-list.pdf-release-list li .pdf-icon, .press_release_outer ul.release-list.pdf-release-list li .link-icon{position:absolute; top:0rem; left:-3.4375rem;} .press_release_outer ul.release-list.pdf-release-list li h3{ font-size:1.25rem; line-height:1.5625rem;} .press_release_outer ul.release-list.pdf-release-list li .read-more{ right:-4rem;} .annual_general_meeting_outer.common-padding{ padding:1rem 0 6rem;} .visit-website i{top:-3px;} .visit-website:hover{ width:120px;} .board-member-list, .demat-list{margin-bottom:30px;} .board-member-list li, .demat-list li{margin:0.9375rem 0;} .board-member-list li li{margin:0;} .board-member-list li div, .demat-list li div{-moz-box-shadow:0 0 10px 5px rgba(0,0,0,0.07); -webkit-box-shadow:0 0 10px 5px rgba(0,0,0,0.07); -ms-box-shadow:0 0 10px 5px rgba(0,0,0,0.07); box-shadow:0 0 10px 5px rgba(0,0,0,0.07); padding:1rem; font-size:1.125rem; line-height:1.375rem; font-weight:500; min-height:75px;} .board-member-list li div span{ font-size:1rem; display:block;} .corporate-governance .annual-report-list li .tab-box-in-list{ max-width:380px;} .corporate-governance .annual-report-list li .tab-box-in-list p{line-height:1.375rem;} .boardCommittees .board-member-list li div, .demat .demat-list li div{ background:#fff; vertical-align:top;} .boardCommittees .board-member-list li div p, .demat .demat-list li div p{line-height:1.5rem; margin:0.6125rem 0;} .boardCommittees .board-member-list li div p span{ font-size:1rem; line-height:1.125rem; margin:0;} .demat-list li{ max-width:300px; width:100%;} .jarallax > .jarallax-img{ position:absolute; object-fit:contain; font-family:'object-fit: cover;'; top:0; left:0; width:100%!important; height:100%!important; z-index:-1;} .listingDetailsBox .contact-box{ padding:2rem 0;} .listingDetailsBox .contact-box p{ font-size:1.0625rem; line-height:1.625rem; font-weight:500; margin-bottom:0.625rem;} .policie-icon-outer{ position:relative; display:inherit;} .policie-icon-outer .svg-img{ width:40px; position:absolute; top:0px; left:0;} .policie-icon-outer svg, .policie-icon-outer svg path{fill:#198f4a !important;} .policies-code-of-conduct-outer ul, .codeofconduct ul{ margin:0 -34px;} .policies-code-of-conduct-outer ul li, .codeofconduct ul li{ padding:20px 34px;} .policies-code-of-conduct-outer ul .tab-box-in-list, .codeofconduct ul .tab-box-in-list{padding:0rem 0 0.875rem 3.4375rem;} .codeofconduct ul.highlighted-box{ margin:0 0px;} .codeofconduct ul.highlighted-box li{ padding:10px 0px;} .codeofconduct .highlighted-box li:first-child:before{top:1.7rem;} /****/ .accordion-outer .card{ border:none;} .accordion-outer .card .card-header[aria-expanded="true"]{ margin-bottom:0 !important; -moz-transition:margin-bottom 0.6s; -webkit-transition:margin-bottom 0.6s ease-o; -ms-transition:margin-bottom 0.6s; -o-transition:margin-bottom 0.6s; transition:margin-bottom 0.6s;} .accordion-outer .card-header{margin:12px 0; border:none; background:transparent;-moz-box-shadow:0 0 10px 5px rgba(0,0,0,0.07); -webkit-box-shadow:0 0 10px 5px rgba(0,0,0,0.07); -ms-box-shadow:0 0 10px 5px rgba(0,0,0,0.07); box-shadow:0 0 10px 5px rgba(0,0,0,0.07); padding:0; position:relative;} .accordion-outer .card-header h5{ color:#198f4a; font-size:1.125rem; line-height:1.125rem;} .accordion-outer .card-header:after{content: '+'; position: absolute; top:45%; right:1rem; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-size:2.25rem; line-height:2.25rem; color:#198f4a; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s;} .accordion-outer .card-header[aria-expanded="true"]:after{content:'-'; font-size:3.125rem;} .accordion-outer .card-title{ position:relative; display:block; cursor:pointer; margin:0; padding:.75rem 2.25rem 0.75rem 1.25rem; font-size:1.125rem; line-height:1.125rem; color:#198f4a; font-weight:600;} .accordion-outer .card-body p{ font-size:1.0625rem; line-height:1.5rem;} .accordion-outer ol{padding-left:1.875rem; list-style:none;} .accordion-outer ol li{ margin-bottom:20px; position:relative;} .accordion-outer ol li span{color:#7f7f7f; font-size:1.125rem; font-weight:700; position:absolute; left:-1.875rem;} .accordion-outer ol ol{ margin-top:10px;} .accordion-outer ol ol li{ margin-bottom:8px;} .alert-text{ font-size:16px; line-height:16px;} /**FORM**/ .col-form-label, .form-check-label{ font-size:1.0625rem;} .form-group{margin-bottom:25px;} .red-text, .field-validation-error, .error_msg{ color:#ff0000;} .field-validation-error, .error_msg, .sucess_msg { font-size: 12px; line-height: 12px; position: absolute; bottom:-15px;} .green-initiative .field-validation-error{ position:relative; top:0;} .form-control{ border-radius:inherit; border:1px solid #8fb73e; height:calc(1.5em + .75rem + 5px);} .form-control:focus{ border:1px solid #8fb73e; box-shadow:0px 0px 0.2rem rgba(0,0,0,0.2);} .form-check{ padding-left:0;} .col-form-check{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:1.0625rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .col-form-check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0} .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee} .col-form-check:hover input ~ .checkmark{background-color:#ccc} .col-form-check input:checked ~ .checkmark{background-color:#8fb73e} .checkmark:after{content:"";position:absolute;display:none} .col-form-check input:checked ~ .checkmark:after{display:block} .col-form-check .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} textarea.form-control{resize:none; height:calc(1.5em + .75rem + 50px)} .left-container{ padding-right:6.25rem} .error-input, .input-validation-error{ border:1px solid #ff0000;} .error-input:focus, .input-validation-error:focus{ border:1px solid #ff0000;} /**CUSTOM SELECTBOX**/ .select-hidden{display:none;visibility:hidden;padding-right:10px} .select{cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#000;width:100%;height:40px} .select-styled{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #8fb73e;padding:8px 15px;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in} .select-styled:after{content:"";width:0;height:0;border:7px solid transparent;border-color:#8fb73e transparent transparent;position:absolute;top:16px;right:10px} .select-styled:hover{border:1px solid #8fb73e;} .select-styled:active,.select-styled.active{border:1px solid #8fb73e;} .select-styled:active:after,.select-styled.active:after{top:9px;border-color:transparent transparent #8fb73e} .select-options{display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0;padding:0;list-style:none;background-color:#8fb73e} .select-options li{margin:0;padding:8px 0;text-indent:15px;border-top:1px solid #e8e8e8;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;transition:all .15s ease-in} .select-options li:hover{color:#000;background:#b1d16f} .select-options li[rel="hide"]{display:none} .thank-you-message{ background:url(../../images/pattern-repeat.jpg) repeat; padding:10px 20px; font-size:18px; color:#8fb73e; line-height:18px; display:inline-block; font-weight:700;} .demat-page .contact-box p{ margin:0.5rem 0; font-size:1.0625rem;} .demat-page .contact-box p.pin-address-box, .demat-page .contact-box p.call-box, .demat-page .contact-box p.fax-box{ font-weight:500;} .desktop-masthead-img{ display:block !important;} .mobile-masthead-img{ display:none !important;} .demat-page .media-query p{margin:0 auto 0.9375rem; display:table;} .demat-page .media-query p span span{ color:#8fb73e;} #submit_md{ position:absolute; z-index:99; opacity:0; visibility:hidden; background:transparent;width: 30px; height: 30px; display: block; right: 5px; top: -8px; padding: 10px; cursor: pointer; font-size:0; border:none;} #submit_md:focus{ outline:none;} .search.open #submit_md{ opacity:1; visibility:visible;} .search-result h1{position: relative; color: #000; text-align: center; padding: 0.5625rem 0; transition: all 1s; display: inline-block; margin: 0 auto 1rem; z-index: 10; font-weight: 600; font-size:2rem; line-height:2.2rem;} .search-form-outer #index_search, .search-form-outer #index_submit{ display:flex; } /*#div_result{ margin:2rem 0;}*/ #div_result li{border-bottom:1px solid #ebebeb; padding:24px 0; list-style-image:none; position:relative;} #div_result li .date-box{ font-size:16px; line-height:16px; text-transform:uppercase; display:block; color:#858585; margin-bottom:10px; font-weight:600;} #div_result li a{ color:#000;} #div_result li p{font-size:16px; line-height:24px; font-weight:600; margin-bottom:5px; color:rgba(26,143,73,0.8); } #div_result li .btn-only-arrow{ right:0px; bottom:0} #div_result li ul{ padding:0 30px;} #div_result li li{ padding:6px 0; list-style-image:url(../../images/bullet-dotted.png); border-bottom:none; color:#000;} .search-pagination{ margin:20px auto; text-align:center;} .search-pagination{width:185px; margin:20px auto; padding-bottom:70px;} .search-pagination input[type="button"]{text-align: center; width:30px; height:30px; border:none; font-size:0px; outline:none; float:left; color:#fff; float:left;} .search-pagination input[type="tel"]{float:left; width:50px; height:30px; margin:0px 10px 0px 15px; padding:0px 5px; outline:none; text-align:right} .search-pagination .total_page_count{float:left; margin-right:15px; line-height:30px; position:relative; padding-left:15px;} .search-pagination .total_page_count:before{content:'/'; position:absolute; top:0px; left:0px; height:30px; line-height:30px; font-size:20px;} .search-pagination .next-btn{background:rgba(26,143,73,1) url(../../images/next-arrow.png) center center no-repeat; background-size:11px;} .search-pagination .previous-btn{background:rgba(26,143,73,1) url(../../images/prev-arrow.png) center center no-repeat; background-size:11px;} #div_result input[type="text"]{background:#fff;color: #000;font-size: 1rem; height:35px;border: none; padding:0px 15px; float:left;width: 50%;box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.4);border: none;outline: 0;} #div_result button{width:auto; padding:0px 10px; height:35px;text-align:center;color:#fff;border:none;font-size:1.125rem; line-height:35px; cursor:pointer; background:rgba(26,143,73,1);} /**==============Main SLider==============**/ .main-slider-outer{ position:relative; overflow:hidden;height:640px;} .main-slider-outer .banner-overlay{ position:absolute; width:100%; z-index:99;} .main-slider-outer .scroll-down { position: absolute; bottom: 66px; z-index:100; left: 50%;transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);-o-transform: translateX(-50%); } .main-slider{position:fixed;width:100%;padding:0 0rem;opacity:0;visibility:hidden;transition:all 1.2s ease; z-index:0; height:100%;} .main-slider:after{ content:''; position:absolute; bottom:0; background:#f1f1f1; height:60%; left:0; right:0; z-index:1;} .main-slider.slick-initialized{opacity:1;visibility:visible;} .main-slider .slick-slide{position:relative; height:640px;} .main-slider .slick-list{ z-index:10;} .main-slider .slick-slide::before{background-color:#000;opacity:.3;z-index:1} .main-slider .slick-slide video{display:block;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:fit-content;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .main-slider .slick-slide iframe{position:relative;pointer-events:none} .main-slider .slick-slide figure{/*position:relative;*/height:100%; margin-bottom:0;} .main-slider .slick-slide .slide-image{opacity:1;height:100%;background-size:100%;background-position:0 0;transition:all .8s ease; background-repeat:no-repeat; padding:0;} .main-slider .slick-slide .slide-image.show{opacity:1} .main-slider .slick-slide .image-entity{width:100%;opacity:0;visibility:hidden} .main-slider .slick-slide .loading{position:absolute;top:50%;left:50%;width:100%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:-1;} .main-slider .slick-slide .slide-media{-webkit-animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1);animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1); -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;} .main-slider .slick-slide.slick-active{z-index:1} .main-slider .slick-slide.slick-active .slide-media{-webkit-animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1);animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1); transition:all .3s ease;} .main-slider .slick-slide.slick-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .7s cubic-bezier(0.32,0.34,0,1.62) .6s} .main-slider .slick-arrow{ background:rgba(0,0,0,0.3); height:3.75rem; width:1.875rem; border:none; position: absolute; z-index: 1; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:100; outline:none;} .main-slider .slick-arrow:after{ content:''; position:absolute; top:0; background:url(../../images/control.png) no-repeat; height:1.25rem; width:0.8125rem;transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);top: 50%;left:50%;} .main-slider .slick-prev.slick-arrow:after{background-position:left top; } .main-slider .slick-next.slick-arrow:after{background-position:right top;} .main-slider .slick-prev.slick-arrow{ left:1.75rem;} .main-slider .slick-next.slick-arrow{ right:1.75rem;} .main-slider .caption{position:absolute;top:30%;text-align:left;padding:3.4375rem 0 5rem 7.5rem;color:#000;margin:0;opacity:0;z-index:1;transition:all .3s ease;background:url(../../images/home/lead-text-bg.svg) no-repeat; max-width:680px; background-size:contain; min-height:300px; -moz-transform:translate(-30%); -webkit-transform:translate(-30%); -ms-transform:translate(-30%); -o-transform:translate(-30%); transform:translate(-30%);} .main-slider .caption h2{font-size:3rem; font-weight:700; line-height:3.25rem; padding:0; margin:0; color:#fff;} .main-slider .caption h2:after{ content:''; border:none;} .main-slider .caption a{ margin-bottom:0; border:2px solid #fff; padding:0.425rem 0.625rem; font-size:16px; line-height:16px; color:#fff; background:rgba(0,0,0,0.3); margin-top:1.25rem;} #topButton{display:inline-block;background-color:#138643;width:40px;height:40px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:998;} #topButton::after{content:"";width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; position:absolute; top: 40%; left: 50%; transform: translate(-50%); -moz-transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%);} #topButton:hover{cursor:pointer;background-color:#333} #topButton:active{background-color:#555} #topButton.show{opacity:1;visibility:visible} @media not all, (-webkit-transform-3d){ .main-slider .slick-slide{ -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px;}} .left-caption-box .caption{left:5%;} .right-caption-box .caption{right:5%;} .sitemap-box h3{ margin-top:30px;} .sitemap-list h5{ margin-bottom:5px;} .sitemap-list ul{ margin-bottom:10px;} .sitemap-list li ul{ margin-bottom:0px;} .sitemap-list li, .sitemap-list li li{ margin:5px 0;} .sitemap-list li.col-sm-12{ margin-bottom:0px;} @-webkit-keyframes slideIn { from{-webkit-filter:blur(0.9375rem);filter:blur(0.9375rem)} to{-webkit-filter:blur(0);filter:blur(0)} } @keyframes slideIn { from{-webkit-filter:blur(0.9375rem);filter:blur(0.9375rem)} to{-webkit-filter:blur(0);filter:blur(0)} } @-webkit-keyframes slideOut { from{-webkit-filter:blur(0);filter:blur(0)} to{-webkit-filter:blur(0.9375rem);filter:blur(0.9375rem)} } @keyframes slideOut { from{-webkit-filter:blur(0);filter:blur(0)} to{-webkit-filter:blur(0.9375rem);filter:blur(0.9375rem)} } @media all and (min-width:1601px){ .small-masthead-outer{ height:320px;} } @media all and (max-width:1600px){ .india-map{right:25px; bottom:-8px;} } @media (min-width:700px){ .modal-dialog {max-width:700px; /*margin: 6rem auto;*/} } @media (min-width:1601px){ .main-slider{ height:768px;} .main-slider-outer, .main-slider .slick-slide{ height:768px;} } @media (min-width:1366px){ .financial-outer:before{ height:71px; top:-66px} .sectionbox:before{top: -70px; height: 70px;} } @media all and (max-width:1367px){ .leadership-slope:nth-of-type(2) .leadership-img{ bottom:-1.7rem;} .leadership-slope:nth-of-type(3) .leadership-img{ bottom:3.2rem;} .leadership-slope:nth-of-type(4) .leadership-img{ bottom:-1.5rem;} .transparent-arrow{ padding-bottom:2.2%;} .main-slider .slick-slide .slide-image{ background-size:cover;} .main-slider .slick-slide .left-caption-box .slide-image, .main-slider .slick-slide .right-caption-box .slide-image{ background-position:50% 0;} } @media all and (max-width:1400px){ .banner-overlay{ bottom:-1px;} .jarallax{min-height:460px;} /*.main-slider .slick-slide .slide-image{ background-size:cover;}*/ } @media all and (max-width:1280px){ /**=========BRANDS==========**/ /*.brands-list-outer ul li a.lg-txt {padding: 0.5rem 1rem;} .brands-list-outer ul li a{ height:75px; padding:1.3rem 2.25rem;} .brands-list-outer ul li a.active:before{ bottom:11px;} .brands-list-outer ul li a.active:after{ bottom:0;} .brands-list-outer ul li a .img-box{ height:60px;}*/ ul.key-management-list li{ padding:25px;} #milestones .pattern-element{ right:0;} .small-masthead-outer, .inside-container-masthead{height:256px;} .masthead-outer{ height:256px;} .jarallax {min-height: 100%;} } @media all and (max-width:1080px){ h2, h1{ overflow:hidden;} h1{font-size:1.75rem; line-height:1.75rem;} h2, .bordered{font-size:1.5rem; line-height:1.5rem; margin-bottom:1rem;} .breadcrumb{ margin-bottom:0.625px;} .title-with-share-box h2{ margin-bottom:0.5rem;} .title-with-share-box .share{ margin-bottom:1rem;} /**====Business Page=====**/ .pattern-element{ left:-2rem;} .infographic-randd{/* background-position:8.125rem 1.875rem; background-size:cover;*/ background-position:70px 45px;} .info-img img{ transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8);} .info-img1{left: -18px; top: 85px;} .info-img2{left:13rem;} .info-img3{left: 30rem; top: 2.5rem;} .info-img4 {right: 2.8125rem;} .info-img:nth-of-type(4) span {right: 0; bottom:-1.5625rem;} .info-img5 img{ transform:scale(0.7); -moz-transform:scale(0.7); -webkit-transform:scale(0.7);} .business-infographic-in ul li{ width:25%;} .left_side_outer{ display:none;} #Pulp-slider figure{ min-height:30rem;} /**BRANDS**/ .brands-infographic{ position:relative; background:rgba(25,143,74,1); padding:2rem 0;} .transparent-arrow{background:rgba(0,0,0,0.7);} .transparent-arrow-outer{ z-index:-1; -webkit-transform: skewY(0deg); transform: skewY(0deg); display:none;} .brand-tag{ top:15%; left:10%; max-width:180px;} .brands-infographic ul li{color: #fff; padding: 1rem !important; width: 49%; text-align: center; vertical-align:top;} .brands-big-img .jarallax { min-height: 320px;} .brands-control-box{ background:#8fb73e;} .brands-control{ max-width:max-content; width:max-content; padding:5px 10px 5px 20px; font-size:16px; line-height:18px; height:auto; position:absolute;top:inherit; opacity:1; visibility:visible; transition:position 1s; -moz-transition:position 1s; -webkit-transition:position 1s; bottom:0;} .brands-control-fixed { position:fixed; top:inherit; bottom:0px;} .brands-control.next-brand{ text-align:right;padding-left:10px; padding-right:20px;} .brands-control.prev-brand{ text-align:left; padding-left:20px; padding-right:10px;} .brands-control i{ position:absolute; top:50%;} .brands-control.prev-brand i{left:3px;transform:rotate(135deg) translateY(-50%); -moz-transform:rotate(135deg) translateY(-50%); -webkit-transform:rotate(135deg) translateY(-50%); -ms-transform:rotate(135deg) translateY(-50%); } .brands-control.next-brand i{right:3px;transform:rotate(-45deg) translateY(-50%); -moz-transform:rotate(-45deg) translateY(-50%); -webkit-transform:rotate(-45deg) translateY(-50%); -ms-transform:rotate(-45deg) translateY(-50%); } .brands-control:hover .right-arrow { right:5px;} .brands-control:hover .left-arrow { left:5px;} /**========= MEDIA KIT =========**/ .tab-box-col-sm, .tab-box-col-md {width: 33.33%; flex: 0 0 33.33%; max-width: 33.33%;} .tab-box-in .box-left, .tab-box-in .box-right{ width:100%; margin:0 auto;} .tab-box-in .box-left{ text-align:center;} .tab-box-in .box-left img{ max-width:75px;} /**============WHO WE ARE ==========**/ .about-us-title .left-box{flex: 0 0 60%; max-width:60%; margin:0 auto;} .about-us-title .right-dtl{flex: 0 0 100%; max-width:100%;} #carouselvideo .carousel-indicators{justify-content:center;} #list li figure figcaption h2{font-size:4.125rem; line-height:4.125rem;} #list li figure.active figcaption h2{font-size:4.6375rem; line-height:4.6375rem;} #list li figure.active{ margin:3rem -3rem;} .our-values-list ul li{flex: 0 0 40%; max-width:50%; padding:1rem;} #milestones .pattern-element{ left:inherit; right:0rem; top:-10rem} .milestone-slider .slick-slide.slick-center{ text-align:center;} .milestone-slider .slick-slide.slick-center h2{ margin-bottom:0.25rem;} .milestone-slider figure .milestone-img{ position:relative; top:0; right:0; margin:0 auto; text-align:center; left:0;} .milestone-slider .slick-slide.slick-center .milestone-img{ right:inherit;} .milestone-slider .slick-slide.slick-center .milestone-img img{ margin:0 auto;} /**========footer =========**/ #content{ padding-bottom:30rem;} footer{ height:30rem;} /*.masthead-outer{ height:calc(100vh - 45vh);}*/ .masthead-outer{ height:34vw;} .small-masthead-outer{ height:26vw;} /*.jarallax {min-height: 100%;}*/ /**=======CAREER ======**/ /*#career-infographic.common-padding{ padding:2.5rem 0 8.125rem;} */ #career-infographic.sectionbox:before{ overflow:hidden; left:-2px; right:-4px;} .leaders-slider.responsive .slick-slide{ margin:1rem; } .leaders-slider.responsive div{ width:50%; display:inline-block; padding:0 0.625rem; margin-bottom:20px; vertical-align:top;} .leaders-slider.responsive div.img-box, .leaders-slider.responsive div.img-box img{ width:100%; overflow:hidden;} .leaders-slider.responsive div.img-box{padding:0; margin-bottom:0;} .leaders-slider.responsive figcaption{ padding:1rem;} #leaders-tab .offset-md-1, #people-tab .offset-md-1{margin-left:0; flex: 0 0 100%;max-width:100%;} .leaders-slider.responsive .slick-prev.slick-arrow{left:-20px;} .leaders-slider.responsive .slick-next.slick-arrow{right:-20px;} .leadership-slope.leadership-slope-odd .pattern-element{ right:0rem;} .leadership-slope.leadership-slope-even .pattern-element{ left:0rem;} .leadership-slope.leadership-slope-odd .leadership-img{bottom:1.5rem;} /* body.open{ overflow-y:hidden;}*/ .brands-list-outer ul li a.lg-txt .outside-box{padding:0.625rem 1rem;} .outside-box{padding:1.225rem 1rem;} .commitment-outer .responsive-tabs-container .nav-tabs{ background-size:contain; background-position:0% 75%;} .commitment-outer .responsive-tabs-container .nav-tabs li{ padding-left:2rem; padding-right:2rem;} .commitment-outer .responsive-tabs-container .nav-tabs li:first-child{ padding-left:0rem;} .commitment-outer .responsive-tabs-container .nav-tabs li:last-child{ padding-right:0rem;} .masthead-outer:after{ bottom:0px; height:80px;} .quarterly-results-tab .slider-for{ padding-bottom:0;} /****/ .policies-code-of-conduct-outer ul, .codeofconduct ul{ margin:0 -20px;} .policies-code-of-conduct-outer ul li{flex:0 0 50%; max-width:50%; padding:20px;} .codeofconduct ul li{ flex:0 0 100%; max-width:100%; padding:20px;} .left-container{ padding-right:15px;} .milestone-slider figure{ text-align:left;} .annual-report-left-box { flex: 0 0 60%; max-width:60%;} .india-map{right: 0;} .news-right .youtube_video figcaption{ font-size:2rem; line-height:2.2rem;} .latest-news.common-padding, .investor.common-padding{ padding:2.5rem 0;} .about-grasim{ background:#8fb73e;} .main-slider-outer{height: calc(100vh - 40vh);} .main-slider, .main-slider .slick-slide{height:auto;} .main-slider .slick-slide, .main-slider .slick-slide.video{ height:460px;} .main-slider .slick-slide .slide-image {background-size:cover; height:460px;} .main-slider .caption{top:inherit; bottom:10px; padding:2rem 4rem;} .main-slider .caption h2{font-size: 2.5rem; line-height: 2.95rem;} . .sitemap-outer{flex: 0 0 80%; max-width:80%; margin-left:10%;} } @media all and (max-width:1024px){ #quarterly-table td:before{content:attr(data-title); font-size:17px; font-weight:400;} #quarterly-table table, #quarterly-table thead, #quarterly-table tbody, #quarterly-table th, #quarterly-table td, #quarterly-table tr{display:block} #quarterly-table thead tr{position:absolute;top:-9999px;left:-9999px} #quarterly-table td{border:none;border-bottom:2px solid #fff;position:relative;padding-left:50%;white-space:normal;text-align:right; font-weight:400; font-size:17px;} #quarterly-table td:before{position:absolute;top:10px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;content:attr(data-title)} /*#quarterly-table tbody tr:nth-child(odd) td:first-child, #quarterly-table tbody tr:nth-child(even) td:first-child{ background:#8fb73e; color:#fff;}*/ .banner-overlay{bottom:-1px;} .slideshow{max-height: 352px;} .story-filter-list.filter-list figcaption{ min-height:230px;} .jarallax { position: relative; z-index: 0;} .jarallax > .jarallax-img {position: absolute; object-fit: cover; /* support for plugin https://github.com/bfred-it/object-fit-images */ font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} .desktop-masthead-img{display:none !important;} .mobile-masthead-img{ display:block !important;} .masthead-outer.small-masthead-outer .banner-overlay{ bottom:10px;} } @media all and (max-width:990px){ /**=== common===**/ .common-padding-sm {padding: 1.25rem 0 2.125rem;} .common-padding,.plants-landing.common-padding {padding:1rem 0 5rem;} .sectionbox{ padding:2.5rem 0 5rem;} .boardCommittees.sectionbox {padding: 2.5rem 0;} .boardCommittees.sectionbox:before{ top:-2.5rem;} .annual_general_meeting_outer.common-padding, .press_release_outer.common-padding{ padding-bottom:4rem;} .sectionbox:before, .contact-box:before,{ top:-20px; height:100px;} #stockCode.boardCommittees.sectionbox:before{top:-20px; height:40px;} .listingDetailsBox .contact-box li{ max-width:50%; flex:0 0 50%;} .listingDetailsBox .contact-box li li{ max-width:100%; flex:0 0 100%; margin-bottom:1rem;} .without-masthead { margin:4rem 0 0;} .without-masthead #content{ padding-top:20px;} p, .slider_media .content_text_slider, .pin-address-box, .call-box, .fax-box, .board-member-list li div{ font-size:1rem; line-height:1.5rem;} .press-release-inside h2 {font-size: 1.5rem; line-height: 1.8rem;} .board-member-list li div{ min-height:inherit;} .board-member-list li{ max-width:50%; flex:0 0 50%;} .board-member-list li li{max-width:100%; flex:0 0 100%;} /**breadcrumb**/ .breadcrumb li{ font-size:13px; line-height:15px; padding:0 8px;} .arr-right .breadcrumb-item + .breadcrumb-item::before{ left:-4px; border-width: 0 0.04375rem 0.04375rem 0; padding:2px;} .brands-list-outer ul{display: none;} .brands-list-outer select, .brands-list-outer .select{ display:inline-block;} .brands-list-outer select{padding:7px 0; } .brands-list-outer .select{position:relative; margin:1.125rem auto; min-width:280px;} .select-hidden{display:none;visibility:hidden;padding-right:10px} .brands-list-outer select .select{cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#000;width:220px;height:40px} .select-styled{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;padding:10px 15px;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;font-size:1.05rem; line-height:1.05rem; color:#000;} .select-styled:after{content:"";width:0;height:0;border:7px solid transparent;border-color:#8fb73e transparent transparent;position:absolute;top:16px;right:10px} .select-styled:hover{background-color:#198f4a} .select-styled:active,.select-styled.active{background-color:#8fb73e; color:#fff; font-size:20px; line-height:20px; font-weight:600;} .select-styled:active:after,.select-styled.active:after{top:9px;border-color:transparent transparent #8fb73e} .select-options{display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0;padding:0;list-style:none;background-color:#8fb73e} .select-options li{margin:0;padding:12px 0;text-indent:15px;border-top:1px solid #fff;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;transition:all .15s ease-in; min-width:100%; font-size:1.25rem;} .select-options li:hover{color:#24b1c2;background:#fff} .select-options li[rel="hide"]{display:none;} .brands-list-outer ul li{ margin:0; font-size:1.25rem; line-height:1.875rem; color:#fff;} #viscose-staple-fibr.common-padding{ padding-bottom:5rem;} /**====RESEARCCH AND DEVELOPMENT ====**/ .infographic-randd{ background:url(../../images/business/infographic-bg-mobile.png) no-repeat; background-position:38% 160px;} .business-infographic-img, .infographic-randd{ height:auto; position:relative; text-align:center;} .business-infographic-img{max-width:400px; margin:0 auto; height:auto;} .pattern-element{top:-8rem; width:auto; left:0; z-index:0 !important;} .about-us-title{ z-index:2; position:relative;} .business-infographic-in{ position:relative; top:inherit;} .business-infographic-img span{ position:absolute; bottom:-10px; left:50%; -moz-transform:translate(-50%); -webkit-transform:translate(-50%); transform:translate(-50%);} .info-img{ position:relative; left:inherit; top:inherit; max-width:200px; right:inherit; margin:0 auto;} .info-img.info-img1{margin-right:-15px; margin-top:-40px;} .info-img.info-img2{margin-left:0px; margin-top:-40px;} .info-img.info-img3{margin-right:35px; margin-top:-15px;} .info-img.info-img4{margin-left:-5px; margin-top:0px;} .info-img.info-img5{margin-right:0px; margin-top:-20px;} .info-img5 img {transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8);} .info-img:nth-of-type(4) span{ left:0; right:0; -moz-transform:translate(0%); -webkit-transform:translate(0%); transform:translate(0%);} .info-img:nth-of-type(5) span {position: relative; top:-30px; text-align: center; left: 0; bottom: inherit;-moz-transform:translate(0%); -webkit-transform:translate(0%); transform:translate(0%);} .business-infographic-in ul li{ max-width: 290px; margin: 1.6rem !important; width: 49%;} .business-infographic-in ul li{ max-width: 290px; margin:1.6rem !important; width:49%;} .researchDeve{ padding-bottom:4rem;} .business-img img{ width:100%;} .slick-next.slick-arrow{ right:0;} .slick-prev.slick-arrow{ left:0;} /**==footer ==**/ #content{ padding-bottom:0; margin-top:55px; overflow:hidden;} footer{ height:inherit; position:relative;} footer:before{ height:2rem;} footer:before{ top:-2rem;} footer p:last-child{ margin-bottom:0} .footer-nav{display:none;} .footer-dtl, .footer-dtl:last-child{flex: 0 0 50%; max-width:50%; text-align:center;} /**=========Media kit =========**/ .tab-box-col{ margin:20px 0;} .tab-box-col-sm{ width:50%; flex: 0 0 50%; max-width: 50%;} .tab-box-col-md{ width:100%; flex: 0 0 100%; max-width: 100%;} .tab-box-in .box-left{ width:151px; max-width:24%;} .tab-box-in .box-left img{ max-width:100%;} .tab-box-in .box-right{ width:75%;} .responsive-tabs-container{width: 100%;padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} /**=========SUSTAINABILTY===========**/ .commitment-outer .tab-pane ul li{max-width:100%; flex:0 0 100%; } .commitment-outer .arrow-icon{ display:none;} #businesses .responsive-tabs-container .nav-tabs{ display:none !important;} /**========WHO WE ARE =======**/ #list li, #list li figure.active{ text-align:center;} #list li figure{ padding:0;} #list li figure.active{ margin:3rem 0;} #list li figure.active .milestone-img{ position:relative; right:0; top:0; margin:0 auto;} #list li figure.active h2{ margin-bottom:20px;} /**================COMMON FILTER PAGES =================**/ .filter-list li{flex: 0 0 50%; max-width:50%;} /*.title-with-share-box .share{ top:60%;}*/ .slider_media .slick-slide{width:690px;} .slider_media .slick-slide, .slider_media .slick-center + .slick-slide{-webkit-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);} .milestone-slider .slick-slide{width:480px; margin:50px 20px 10px;} .milestone-slider .slick-slide, .milestone-slider .slick-slide.slick-center + .slick-slide{-webkit-transform: scale(1) ; -webkit-transform: scale(1) ; transform: scale(1);} /* .milestone-slider .slick-slide.slick-center{-webkit-transform: scale(1) translate(20px); -webkit-transform: scale(1) translate(20px); transform: scale(1) translate(20px);} .milestone-slider .slick-dots button{ width:20px;}*/ /*.milestone-slider .slick-slide.slick-center h2{ font-size:4rem;}*/ .milestone-slider figure figcaption p, .milestone-slider .slick-slide.slick-center figcaption p{font-size: 1.3rem;} .milestone-slider .slick-prev, .milestone-slider .slick-next{ padding:10px;} .milestone-slider .slick-prev{left:-10px;} .milestone-slider .slick-next{right:-10px;} .milestone-slider figure figcaption{text-align:left;} .milestone-slider .slick-slide.slick-center .milestone-img, .milestone-slider .slick-slide.slick-current figcaption{ max-width:90%; flex:0 0 90%; -ms-flex:0 0 90%; margin:10px auto !important; text-align:center ;} #milestones{padding: 2.5rem 0 4.5rem;} .milestone-slider .slick-slide h2{ font-size:2rem; line-height:2rem;} .milestone-slider .slick-slide figcaption p, .milestone-slider .slick-slide figcaption ul li{font-size:1.2rem; line-height:1.625rem;} /**LEADERSHIP**/ .managment-person-box{ margin-bottom:10px;} ul.key-management-list li h5{ font-size:1.125rem; } .key-management{ padding-top:3rem;} .leadership-slope:nth-of-type(4) .leadership-img {bottom: -0.9rem;} .leadership-slope:nth-of-type(2) .leadership-img {bottom: -1rem;} /**CONTACT US**/ .plant-location ul li, .marketing-office ul li{ max-width:50%; flex:0 0 50%;} /****/ .filter-form .filter-dropdown{ font-size:1rem;} .small-masthead-outer {height: 200px;} /**Press release**/ .banner-middle-text{ top:45%; width:100%;} .media-query, .media-query .title-heading.text-left{ text-align:center !important; margin:0 auto;} .media-query.sectionbox{ padding:2rem 0 3rem;/* background-size:100%}*/} .media-left-box{ flex: 0 0 100%; max-width:100%; text-align:center;} .address-box{ padding-left:0; text-align:center;} .media-query p span{ display:initial;} .address-box .img-box{ position:relative; margin:0 auto 15px; text-align:center;} .address-box span, .number-box, .email-box{ margin-bottom:15px;} /**Press release**/ .press_release_outer:before, .banner-pattern:before, .contact-box:before{top:-2rem;} .jarallax > .jarallax-img{ object-position:0 50%; } .annual-report-box{ margin:20px auto 0;} .annual-report-left-box { flex:0 0 75%; max-width:75%; padding:0 0 30px; margin:0 auto;} .annual-report-right-box { flex:0 0 100%; max-width:100%; padding:0;} /**FINANCIAL**/ .boxing-list li, .annual-report-list li{ flex:0 0 50%; max-width:50%; margin:15px 0;} .annual-report-list li{ margin:0;} .masthead-outer:after {bottom: -40px; height: 80px;} /**Home**/ .news-left, .investor-list li.second-box, .half-width, .explore-in .left-side, .explore-in .right-side{ flex:0 0 100%; max-width:100%;} .news-right{flex:0 0 55%; max-width:55%; margin:20px auto 0;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; position:relative; z-index:10} #eplore-grasim{ padding:2.5rem 0;} .half-width{ text-align:center;} .india-map{ padding:20px 0 0; margin:0 auto; width:463px;} .explore-in .left-side{ padding:0px 0 20px; text-align:center;} .explore-in .left-side p{ margin-bottom:0;} .investor-list li{ flex:0 0 50%; max-width:50%; margin:0 auto;} .investor ul.investor-list li.second-box{ padding:30px 20px 20px;} .investor ul.investor-list li.second-box li{flex:0 0 33.33%; max-width:33.33%;} .home-banner{ max-height:460px} .financial-wrapper .responsive-tabs-container{padding: 0;} .financial-wrapper .responsive-tabs-container .tab-content{ padding:0rem 1rem 3rem 1rem;} .financial-wrapper:after{ height: 3rem;} /*.state-karnataka-box{left: 32%;} .state-Harihar-karnataka-box {left:33%;} .state-maharashtra-box {left:33%;} .state-mp-box {top:49%;left: 39%;} .state-Kharach-gujarat-box { top: 52%; left: 23%;} .state-gujarat-box { top: 47%; left: 23%;} .state-amethi-box {top: 39%; left: 50%;} .state-westBengal-box {top: 53%; right: 38%;}*/ .slideshow { max-height: 265px;} .main-slider .slick-slide .left-caption-box .slide-image{ background-position:right 18% center;} .main-slider .slick-slide .right-caption-box .slide-image{ background-position:18% center;} .plants.sectionbox:before, #career-infographic.sectionbox:before, .boardCommittees.sectionbox:before, .demat.sectionbox:before{ top:-40px;} .main-slider-outer{height:460px;} .masthead-outer, .masthead-outer.small-masthead-outer{height:235px;} #milestones .pattern-element{top:-6rem;} .banner{ height:31vw;} } @media all and (max-width:767px){ .container{ max-width:95%;} .left_side_outer{ display:none;} .masthead-outer{height:calc(100vh - 14vh);} .small-masthead-outer .banner-overlay{ display:none;} .jarallax > .jarallax-img{ object-fit:cover;} .main-slider .slick-slide video{display: block; position: absolute; top: 0;left: 0; min-width: 100%; min-height: 100%; width: 100%; height: auto; -webkit-transform: translate(-0%,-0%); transform: translate(-0%,-0%); bottom: 0; right: 0;} /**=========SUSTAINABILTY===========**/ .commitment-outer .tab-content, #businesses .tab-content{ padding:0;} #businesses .responsive-tabs-container .nav-tabs{ display:none;} .sustainability-Reports-box{ margin:1.25rem 0 0;} .title-heading.text-center, .text-center .title-heading{margin:0 auto 10px;} .title-with-share-box .share{position:relative; top:10px; right:0;} /**========Leadership =======**/ .leadership-slope.leadership-slope-odd .leadership-img, .leadership-slope.leadership-slope-even .leadership-img{ position:relative; bottom:inherit; right:inherit; width:100%; text-align:center; margin:0 auto 30px;overflow:hidden; width:210px; height:285px; display:inherit;} .leadership-slope:nth-of-type(3) .leadership-img{ width:265px;} .leadership-dtl, .leadership-img img{ width:100%;} .leadership-slope.leadership-slope-odd .pattern-element, .leadership-slope.leadership-slope-even .pattern-element{right:0; left:0; width:100%; height:auto; bottom:0px;} .leadership-slope.leadership-slope-even .leadership-dtl{ margin-left:0;} .leadership-slope .pattern-element img{ width:100%;} .leadership-slope .leadership-content {padding: 4rem 0 2rem;} .highlighted-div{ padding:1.25rem; margin-left:0;} /**=======CAREER ======**/ /*#career-infographic:after{ top:0;}*/ #career-infographic.common-padding{ padding:2.5rem 0;} #career-infographic ul li{ margin:20px auto;} /**=====CONTACT ======**/ .plant-location ul li, .marketing-office ul li{ max-width:100%; flex:0 0 100%;} .plant-location ul li:first-child, .marketing-office ul li:first-child{margin-top:0;} .plant-location ul li:last-child, .marketing-office ul li:last-child{ margin-bottom:0;} .pattern-bg-button.fiber-bg{ background-position:left center;} .management-modal .modal-body img{ margin:0 0 20px; display:inherit;} /**MEDIA KIT**/ .logo-img{ margin:0 auto 20px; display:inherit;} /**Who we are**/ .our-values-list ul{ margin:0 -1rem;} .our-values-list ul li{flex: 0 0 100%; max-width:100%; padding:1rem;} .quarterly-results-tab .slider-for{padding:1rem;} #quarterly-table td:before{left: 15px;} .about-us-title .left-box{ flex: 0 0 90%; max-width:90%;} .press_release_outer ul.release-list li h3, .address-box h3{font-size: 1.2rem; line-height: 1.5rem;} .media-query h2 .bordered{font-size: 1.5rem;} .press_release_outer a{ color:#198f4a;} .press_release_outer a:hover{ color:#8fb73e;} .press_release_outer ul.release-list.pdf-release-list li{padding:1.8rem 0rem 1.8rem 2rem;} .press_release_outer ul.release-list.pdf-release-list li .pdf-icon{ left:0; height:30px; top:30px;} .press_release_outer ul.release-list.pdf-release-list li .read-more, .press_release_outer ul.release-list li .read-more{ right:0rem; bottom:0;} .listingDetailsBox .contact-box li{ max-width:100%; flex:0 0 100%;} .policies-code-of-conduct-outer ul li{flex:0 0 100%; max-width:100%;} .annual-report-left-box{flex: 0 0 250px; max-width: 250px;} .annual-report-left-box .tab-box-in-list {padding: 1.5rem 0 0.5rem;} /**HOME**/ .main-slider .caption{ min-height:auto; padding:2rem; /*position:relative;*/ opacity:1;} /* .main-slider .slick-slide .slide-image{background-size:auto; height: auto;}*/ /*.main-slider .slick-slide, .main-slider .slick-slide.video{ height:auto;}*/ .main-slider .caption h2{font-size:1.375rem; line-height:1.5rem;} .main-slider-outer .scroll-down{ bottom:20px; display:none;} .india-map, .myCanvasContainer-outer{ display:none;} .about-us-introduction ul li{ font-size:1.5rem; line-height:1.8rem} .investor ul.investor-list li .investor-in{ padding:1.25rem 0;} .investor ul.investor-list li li span{font-size:1rem; line-height:1.25rem; margin:5px 0; padding:0.3rem 0;} .news-slider.slider figcaption{ padding:1rem 0;} .main-slider, .main-slider .slick-slide{height:100vh;} .main-slider .slick-slide, .main-slider .slick-slide.video{ height:100vh;} /*.main-slider .slick-slide.video, .main-slider .slick-slide.video.slick-cloned{display:none;} */ .main-slider .caption{ max-width:320px; -moz-transform: translate(0%); -webkit-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); transform: translate(0%);} .right-caption-box .caption{ right:10%;} .left-caption-box .caption{ left:10%;} #milestones .slider.slider-nav{ display:none;} .animated {/*CSS transitions*/-o-transition-property: none !important;-moz-transition-property: none !important;-ms-transition-property: none !important;-webkit-transition-property: none !important;transition-property: none !important;/*CSS transforms*/-o-transform: none !important;-moz-transform: none !important;-ms-transform: none !important;-webkit-transform: none !important;transform: none !important;/*CSS animations*/-webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;opacity:1 !important;} .sitemap-outer{flex: 0 0 100%; max-width:100%; margin-left:0%;} } @media all and (max-width: 568px){ .modal button.close{ top:0} .business-infographic-in ul li{ width:100%;} .business-infographic-in ul li{ max-width:auto; margin: 1.6rem 0!important; width:100%;} .footer-dtl,.footer-dtl, .footer-dtl:last-child{flex: 0 0 100%; max-width:100%; text-align:center !important; margin-top:30px;} footer h3{ margin-bottom:0.5rem; font-weight:600;} .footer-bottom{ margin:0; text-align:center; padding:0.5rem 0; position:relative;} .ticlogo{ position:absolute; top:-1.5rem; right:0.9rem;} .footer-bottom span{ font-size:0.9rem; padding:0;} .brands-infographic ul li{ width:100%;} .title-with-share-box .share{ position:relative; top:0; right:0; left:0; text-align:center;-moz-transform: translateY(0%) scale(0.9); -webkit-transform: translateY(-0%) scale(0.9); transform: translateY(-0%) scale(0.9);} /**==== ====**/ .tab-box-col-sm{ width:100%;flex: 0 0 100%; max-width:100%;} .tab-box-in .box-left{ max-width:28%;} .tab-box-in .box-right{width:70%;} .pattern-element{ width:100%;} /**PLANTS LANDING**/ .filter-list{ margin:0 -15px;} .filter-list li{ padding:15px;flex: 0 0 100%; max-width: 100%;} /**=============PLANT INSIDE ==========**/ .map-in-address{ position:relative; left:0; -moz-transform: translateX(-0%); -webkit-transform: translateX(-0%); transform: translateX(-0%); margin:20px auto; top:0;} .slider_media .slick-slide{ width:350px; } .slider_media .content_text_slider{ position:relative; left:0; right:0; background:rgba(0,0,0,0.01); bottom:0; color:#000; padding:10px; -moz-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.05);-webkit-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.05); -ms-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.05); box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.05); } .leaders-slider.responsive div{ width:100%;} ul.key-management-list{ margin:0 -15px;} ul.key-management-list li{ width:50%; padding:15px;} .contact-number span:first-child{ margin-bottom:1.225rem;} .contact-number span:first-child::after { display:none;} .filter-form label{ display:block;} /*.filter-dropdown .list{ left:-50%; -moz-transform:translateX(50%) scale(1); -webkit-transform:translateX(50%) scale(1); -ms-transform:translateX(50%) scale(1); -o-transform:translateX(50%) scale(1); transform:translateX(50%) scale(1);} */ .brands-big-img .jarallax{ min-height:320px;} /**====FINANCIAL ====**/ .boxing-list li{ flex:0 0 50%; max-width:50%; margin:15px 0;} .main-slider, .main-slider .slick-slide{height:auto;} .main-slider .slick-slide, .main-slider .slick-slide.video{ height:460px;} .masthead-outer{height:calc(100vh - 20vh);} } @media all and (max-width:480px){ .tab-box-in .box-left, .tab-box-in .box-right, .tab-box-col .tab-box-in .box-left, .tab-box-col .tab-box-in .box-right{width:100%; margin:0 auto; max-width:inherit;} .slider_media .slick-slide{ width:360px; } .pattern-bg-button.fiber-bg{ background-position:right center;} /**====FINANCIAL ====**/ .boxing-list li, .annual-report-list li{ flex:0 0 100%; max-width:100%; margin:15px 0;} .annual-report-list li{ margin:0;} .investor-list li, .news-right{flex: 0 0 100%; max-width:100%;} .product_modal{display: block; position: relative; width: 100%;} .product_modal .modal-content{box-shadow:inherit;} .state-box{position: relative;} .state-mp-box, .state-karnataka-box, .state-Harihar-karnataka-box, .state-gujarat-box, .state-jharkhand-box, .state-uttar-pradesh-box, .state-odisha-box, .state-westBengal-box, .state-Kharach-gujarat-box, .state-maharashtra-box, .state-amethi-box{top:0;left:0;} .dot{opacity:0;} .product_modal .modal-content:before{border:0;} /*.jarallax { min-height: 120px;}*/ .responsive-tabs-container{padding-right:0px; padding-left:0px;} .number-box, .email-box{font-size: 0.875rem;} .about-us-title .left-box{flex: 0 0 100%; max-width:100%;} .board-member-list li{ max-width:100%; flex:0 0 100%;} .sitemap-outer{ text-align:center;} .masthead-outer{height:calc(100vh - 45vh); object-position:0 0%;} /*.masthead-outer .jarallax:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.15); z-index:99;}*/ } @media all and (max-width:375px){ .info-img img, .info-img5 img {transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6);} .info-img.info-img2{ margin-left:0px; margin-top:0px;} .business-infographic-img span{ bottom:20px;} .slider_media .slick-slide{ width:320px;} } @media all and (max-width:365px){ .slider_media .slick-slide{ width:288px; } .investor ul.investor-list li.second-box li{flex:0 0 50%; max-width:50%;} } /**IE CSS**/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sectionbox::before{ top:0px;} .sectionbox::after{ bottom:-6px;} .banner-overlay{ height:84px;} .sectionbox.media-query::before, .sectionbox.contact-filter::before{ top:-2px;} #side-nav li a span{min-width:100px;} }