/**================Location https://codepen.io/andreasstorm/pen/ClguF ==================**/
.responsive-tabs-container .nav-tabs.location-tab li{ font-size:1.125rem; line-height:1.45rem; text-align:left; padding:0; font-weight:600; min-width:16rem; position:relative; min-height:3.9375rem; vertical-align:bottom;}
.responsive-tabs-container .nav-tabs.location-tab li.active a{ text-align:left; display:block;}
.responsive-tabs-container .nav-tabs.location-tab li a{ position:relative; padding:1rem 1rem 1rem 3.7875rem;  display:block;}

.responsive-tabs-container .nav-tabs.location-tab li a:before{content:''; position:absolute; left:0; top:8px; width:5.1875rem; height:5.5625rem; }
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(1) a:before{background:url(location/tab-icon1.png) no-repeat; top:-10px}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(2) a:before{background:url(location/tab-icon2.png) no-repeat;}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(3) a:before{background:url(location/tab-icon3.png) no-repeat;}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(4) a:before{background:url(location/tab-icon4.png) no-repeat;top:-10px}

.responsive-tabs-container .nav-tabs.location-tab li:nth-child(1) a{ color:#198f4a}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(2) a{ color:#e88800;}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(3) a{ color:#00bbd6;}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(4) a{ color:#8fb73e;}

.responsive-tabs-container .nav-tabs.location-tab li:after{ content:''; position:absolute; bottom:0; width:100%;}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(1):after{ border-bottom:2px solid #198f4a;}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(2):after{ border-bottom:2px solid #e88800;}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(3):after{ border-bottom:2px solid #00bbd6;}
.responsive-tabs-container .nav-tabs.location-tab li:nth-child(4):after{ border-bottom:2px solid #8fb73e;}
.responsive-tabs-container .nav-tabs.location-tab li.active:after{border-bottom-width: 5px ;}

.responsive-tabs-container .nav-tabs.location-tab li.active:nth-child(1):before{ border-top:0.625rem solid #198f4a;}
.responsive-tabs-container .nav-tabs.location-tab li.active:nth-child(2):before{ border-top:0.625rem solid #e88800;}
.responsive-tabs-container .nav-tabs.location-tab li.active:nth-child(3):before{ border-top:0.625rem solid #00bbd6;}
.responsive-tabs-container .nav-tabs.location-tab li.active:nth-child(4):before{ border-top:0.625rem solid #8fb73e;}
.responsive-tabs-container .nav-tabs.location-tab li.active:before{bottom:-0.625rem;}

.location-tab-outer .responsive-tabs-container .nav-tabs{ border-bottom:0;}
.location-tab-outer .tab-content{ background:url(pattern-repea-blue.png) repeat; padding:5rem 0;}


.location-map,.world-map, .location-map-in{ position:relative;}
.plant-location, .research-centres, .registered-office{ position:absolute; margin:0;}
.plant-location-in{ position:relative; height:100%;}
.plant-location-in img , .plant-location-in span{ position:absolute;}
.plant-location-in span{font-size:0.7rem!important; line-height:16px; font-weight:600; text-align:right; opacity:0; visibility:hidden; -moz-transition:opacity 0.6s 1.5s , visibility 0.6s; -webkit-transition:opacity 0.6s 1.5s , visibility 0.6s; transition:opacity 0.6s 1.5s , visibility 0.6s;}
.plant-location-in span span.small-font{font-size:14px; line-height:14px; font-weight:300; display:block; width:110px; bottom:-18px;}
.plant-location-in span:before{ content:''; position:absolute; height:10px; width:10px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.plant-location-in span span.small-font:before{ content:none;}
.plant-location-in a{ color:#000; cursor:default;}


.plant-location .plant-location-in span:before{ background:#198f4a;}
.registered-office .plant-location-in span:before{ background:#e88800;}
.research-centres .plant-location-in span:before{ background:#00bbd6;}
#jointVentures-tab .plant-location-in span:before{ background:#6e9f24;}


.plant-location .plant-location-in:before, 
.registered-office .plant-location-in:before,
.research-centres .plant-location-in:before{content:''; position:absolute;  height:0%; -moz-transition:height 1s; -webkit-transition:height 1s; transition:height 1s;}

.plant-location .plant-location-in:before{border-left:1px dashed #198f4a;}
.registered-office .plant-location-in:before{border-left:1px dashed #e88800;}
.research-centres .plant-location-in:before{border-left:1px dashed #00bbd6;}
#jointVentures-tab .plant-location-in:before{border-left:1px dashed #6e9f24;}

.plant-location .plant-location-in:after,
.registered-office .plant-location-in:after,
.research-centres .plant-location-in:after{content:''; position:absolute;  width:0;-moz-transition:width 1s 0.8s; -webkit-transition:width 1s 0.8s; transition:width 1s 0.8s; }

.plant-location .plant-location-in:after{border-top:1px dashed #198f4a;}
.registered-office .plant-location-in:after{border-top:1px dashed #e88800;}
.research-centres .plant-location-in:after{border-top:1px dashed #00bbd6;}
#jointVentures-tab .plant-location-in:after{border-top:1px dashed #6e9f24;}



.plant-location.go .plant-location-in span,
.research-centres.go .plant-location-in span,
.registered-office.go .plant-location-in span{ opacity:1; visibility:visible}


/**DROP ICON**/
.plant-location-in img{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;-ms-animation-name:bounce;animation-name:bounce;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s}
@-moz-keyframes bounce {
0%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(-1000px);-moz-transform:translateY(-1000px);-o-transform:translateY(-1000px);-ms-transform:translateY(-1000px);transform:translateY(-1000px)}
60%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes bounce {
0%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(-1000px);-moz-transform:translateY(-1000px);-o-transform:translateY(-1000px);-ms-transform:translateY(-1000px);transform:translateY(-1000px)}
60%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-o-keyframes bounce {
0%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(-1000px);-moz-transform:translateY(-1000px);-o-transform:translateY(-1000px);-ms-transform:translateY(-1000px);transform:translateY(-1000px)}
60%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounce {
0%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(-1000px);-moz-transform:translateY(-1000px);-o-transform:translateY(-1000px);-ms-transform:translateY(-1000px);transform:translateY(-1000px)}
60%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}


/**PLANT 1**/
.plant-location-1{left: 7%; top: 24%; width: 250px; height: 70px;}
.plant-location-1 .plant-location-in img{ right:0;}
.plant-location-1 .plant-location-in span{ bottom:28px;}
.plant-location-1 .plant-location-in span:before{right:-18px; top:10px;}
.plant-location-1 .plant-location-in:before{ right:15px; top:15px;}
.plant-location-1 .plant-location-in:after{right:15px; bottom:28px;}
.plant-location-1.go .plant-location-in:before{ height:38%;}
.plant-location-1.go .plant-location-in:after{ width:30%;}

/**PLANT 2**/
/*.plant-location-2{ width:224px; height:100px; left:30%; top:25%;}
.plant-location-2 .plant-location-in img{ left:0;}
.plant-location-2 .plant-location-in span{ bottom:0; right:0;}
.plant-location-2 .plant-location-in span:before{left:0px; top:5px;}
.plant-location-2 .plant-location-in:before{ left:8px; top:14px;}
.plant-location-2 .plant-location-in:after{left:8px; bottom:31px;}
.plant-location-2.go .plant-location-in:before{ height:55%;}
.plant-location-2.go .plant-location-in:after{ width:58px;}*/


.plant-location-2{left:12%; top:8%; width: 236px;  height:110px; text-align:right;}
.plant-location-2 .plant-location-in img{ right:0; bottom:0;}
.plant-location-2 .plant-location-in span{ top:0; left:-30%;}
.plant-location-2 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-2 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.plant-location-2 .plant-location-in:before{ right:15px; bottom:12px;}
.plant-location-2 .plant-location-in:after{right:15px; top:10px;}
.plant-location-2.go .plant-location-in:before{ height:80%;}
.plant-location-2.go .plant-location-in:after{ width:38%;}


/**PLANT 3**/
.plant-location-3{ width:256px; height:42px; left:37%; top:8%;}
.plant-location-3 .plant-location-in img{ right:0;}
.plant-location-3 .plant-location-in span{ top:0; left:0;}
.plant-location-3 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-3 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.plant-location-3 .plant-location-in:before{ right:15px; top:14px;}
.plant-location-3 .plant-location-in:after{right:15px; bottom:31px;}
.plant-location-3.go .plant-location-in:before{ height:37%; display:none;}
.plant-location-3.go .plant-location-in:after{ width:20%;}


.plant-location-22{ left:10%; top:40%;  width:465px; height:80px; text-align:right;}
.plant-location-22 .plant-location-in img{ right:0;}
.plant-location-22 .plant-location-in span{ top:0; right:118px; }
.plant-location-22 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-22 .plant-location-in span span{ top:18px;width:100%; right:0; left:inherit;} 
.plant-location-22 .plant-location-in:before{ right:15px; top:14px;}
.plant-location-22 .plant-location-in:after{right:15px; bottom:70px;}
.plant-location-22.go .plant-location-in:before{ height:37%; display:none;}
.plant-location-22.go .plant-location-in:after{ width:20%;}



/**PLANT 4**/
.plant-location-4{ width:180px; height:80px; left:36%; top:30%; z-index:3}
.plant-location-4 .plant-location-in img{ right:0; bottom:0;}
.plant-location-4 .plant-location-in span{ top:0; left:-36%;}
.plant-location-4 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-4 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.plant-location-4 .plant-location-in:before{ right:15px; bottom:12px;}
.plant-location-4 .plant-location-in:after{right:15px; top:10px;}
.plant-location-4.go .plant-location-in:before{ height:74%;}
.plant-location-4.go .plant-location-in:after{ width:60%;}







/**PLANT 5**/
.plant-location-5{ width:180px; height:33px; left:36%; top:44%;}
.plant-location-5 .plant-location-in img{ right:0; top:0;}
.plant-location-5 .plant-location-in span{ bottom:4px; right:120px;}
.plant-location-5 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-5 .plant-location-in span span{ top:18px;width:100px; right:0;} 
.plant-location-5 .plant-location-in:before{ right:15px; top:12px;}
.plant-location-5 .plant-location-in:after{right:15px; bottom:10px;}
.plant-location-5.go .plant-location-in:before{ height:40%;}
.plant-location-5.go .plant-location-in:after{ width:50%;}


/**PLANT 6**/
.plant-location-6{width: 140px;height:60px;left:41%;top: 54%; z-index:7;}
.plant-location-6 .plant-location-in img{ right:0; top:0;}
.plant-location-6 .plant-location-in span{ bottom:-5px; left:-35px;}
.plant-location-6 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-6 .plant-location-in:before{ right:15px; top:12px;}
.plant-location-6 .plant-location-in:after{right:15px; bottom:00px;}
.plant-location-6.go .plant-location-in:before{ height:80%;}
.plant-location-6.go .plant-location-in:after{ width:45%;}


/**PLANT 7**/
.plant-location-7{width: 140px;height:110px;left: 42.5%;top:55%; z-index:6;}
.plant-location-7 .plant-location-in img{ right:0; top:0;}
.plant-location-7 .plant-location-in span{ bottom:-5px; right:90px; }
.plant-location-7 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-7 .plant-location-in span span{ top:18px;width:120px; right:0px;} 
.plant-location-7 .plant-location-in:before{ right:15px; top:12px;}
.plant-location-7 .plant-location-in:after{right:15px; bottom:00px;}
.plant-location-7.go .plant-location-in:before{ height:86%;}
.plant-location-7.go .plant-location-in:after{ width:45%;}


/**PLANT 8**/
.plant-location-8{left: 40%; top: 17%; width: 170px; height: 140px; z-index:1;}
.plant-location-8 .plant-location-in img{ right:0; bottom:0;}
.plant-location-8 .plant-location-in span{ top:0; left:-35%;}
.plant-location-8 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-8 .plant-location-in span span{ top:18px;width:150px; right:0px;} 
.plant-location-8 .plant-location-in:before{ right:15px; bottom:12px;}
.plant-location-8 .plant-location-in:after{right:15px; top:10px;}
.plant-location-8.go .plant-location-in:before{ height:85%;}
.plant-location-8.go .plant-location-in:after{ width:50%;}



/**PLANT 9**/
.plant-location-9{width:240px; height:60px; right:15px;top:18%;}
.plant-location-9 .plant-location-in img{ left:0; bottom:0;}
.plant-location-9 .plant-location-in span{ top:0; right:0; text-align:left;}
.plant-location-9 .plant-location-in span:before{left:-18px; top:5px;}
.plant-location-9 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.plant-location-9 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-9 .plant-location-in:after{left:12px; top:10px;}
.plant-location-9.go .plant-location-in:before{ height:60%;}
.plant-location-9.go .plant-location-in:after{ width:15%;}


/**PLANT 10**/
.plant-location-10{width:180px; height:210px; right: 26%; top: 38%}
.plant-location-10 .plant-location-in img{ left:0; top:0;}
.plant-location-10 .plant-location-in span{ bottom:0; right:0; text-align:left;}
.plant-location-10 .plant-location-in span:before{left:-18px; top:0px;}
.plant-location-10 .plant-location-in span span{ top:18px;width:150px; left:0;} 
.plant-location-10 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-10 .plant-location-in:after{left:12px; bottom:10px;}
.plant-location-10.go .plant-location-in:before{height:85%;}
.plant-location-10.go .plant-location-in:after{ width:45%;}


/**PLANT 11**/
.plant-location-11{width:180px; height: 120px; right:25%; top: 46%;}
.plant-location-11 .plant-location-in img{ left:0; top:0;}
.plant-location-11 .plant-location-in span{ bottom:0; right:0; text-align:left;}
.plant-location-11 .plant-location-in span span{ top:18px;width:100px; left:0;} 
.plant-location-11 .plant-location-in span:before{left:-18px; top:0px;}
.plant-location-11 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-11 .plant-location-in:after{left:12px; bottom:10px;}
.plant-location-11.go .plant-location-in:before{height:85%;}
.plant-location-11.go .plant-location-in:after{ width:45%;}


/**PLANT 12**/
.plant-location-12{width:195px; height:50px; right:15px;top:45%;}
.plant-location-12 .plant-location-in img{ left:0; top:0;}
.plant-location-12 .plant-location-in span{ top:30px; right:0; text-align:left;}
.plant-location-12 .plant-location-in span:before{left:-18px; top:5px;}
.plant-location-12 .plant-location-in span span{ top:18px;width:100px; left:0;} 
.plant-location-12 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-12 .plant-location-in:after{left:12px; bottom:10px;}
.plant-location-12.go .plant-location-in:before{height:52%;}
.plant-location-12.go .plant-location-in:after{ width:20px;}



/**PLANT 13**/
.plant-location-13{ width: 257px; height: 115px; left: 30%; top: 24%; z-index:2;}
.plant-location-13 .plant-location-in img{ right:0; bottom:0;}
.plant-location-13 .plant-location-in span{ top:0; left:-35%;}
.plant-location-13 .plant-location-in span:before{right:-20px; top:5px;}
.plant-location-13 .plant-location-in span span{ top:18px;width:80px; left:0;} 
.plant-location-13 .plant-location-in:before{ right:15px; bottom:12px;}
.plant-location-13 .plant-location-in:after{right:15px; top:10px;}
.plant-location-13.go .plant-location-in:before{ height:78%;}
.plant-location-13.go .plant-location-in:after{ width:95%;}



/**PLANT 14**/
.plant-location-14{width: 224px;height: 51px;left: 31%;top: 39%;z-index:2;}
.plant-location-14 .plant-location-in img{ right:0; bottom:0;}
.plant-location-14 .plant-location-in span{ top:0; left:-95%;}
.plant-location-14 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-14 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.plant-location-14 .plant-location-in:before{ right:15px; bottom:12px;}
.plant-location-14 .plant-location-in:after{right:15px; top:10px;}
.plant-location-14.go .plant-location-in:before{ height:45%;}
.plant-location-14.go .plant-location-in:after{ width:85%;}

/**PLANT 15**/
/*.plant-location-15{width: 339px;height: 30px;left:22.5%;top:48%; z-index:7;}
.plant-location-15 .plant-location-in img{ right:0; top:0;}
.plant-location-15 .plant-location-in span{ bottom:-10px; left:-35px;}
.plant-location-15 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-15 .plant-location-in span span{ top:18px;width: 170px; left: -19px;} 
.plant-location-15 .plant-location-in:before{ right:15px; top:15px;}
.plant-location-15 .plant-location-in:after{right:15px; bottom:-5px;}
.plant-location-15.go .plant-location-in:before{ height:60%;}
.plant-location-15.go .plant-location-in:after{ width:59%;}*/

.plant-location-15{width:230px;height: 30px;left:32%;top:49%; z-index:7;}
.plant-location-15 .plant-location-in img{right:0; top:0;}
.plant-location-15 .plant-location-in span{ bottom:-10px; left:-35px;}
.plant-location-15 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-15 .plant-location-in span span{top:18px;width: 170px; left: -19px;} 
.plant-location-15 .plant-location-in:before{right:102px; top:12px;}
.plant-location-15 .plant-location-in:after{right:10px; bottom:18px;}
.plant-location-15.go .plant-location-in:before{height:60%;}
.plant-location-15.go .plant-location-in:after{ width:40%;}

/**PLANT 15**/
.plant-location-40{width:339px;height:55px;left:22.5%;top:51.5%; z-index:7;}
.plant-location-40 .plant-location-in img{ right:0; top:0;}
.plant-location-40 .plant-location-in span{ bottom:-10px; left:-110px;}
.plant-location-40 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-40 .plant-location-in span span{ top:18px;width: 170px; left: -19px;} 
.plant-location-40 .plant-location-in:before{ right:15px; top:15px;}
.plant-location-40 .plant-location-in:after{right:15px; bottom:-5px;}
.plant-location-40.go .plant-location-in:before{ height:75%;}
.plant-location-40.go .plant-location-in:after{ width:59%;}



/**PLANT 16**/
.plant-location-16{width:120px; height:135px; right:33%;top:18%; z-index:17}
.plant-location-16 .plant-location-in img{ left:0; bottom:0;}
.plant-location-16 .plant-location-in span{ top:0; right:0px; text-align:left;}
.plant-location-16 .plant-location-in span:before{left:-18px; top:5px;}
.plant-location-16 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.plant-location-16 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-16 .plant-location-in:after{left:12px; top:10px;}
.plant-location-16.go .plant-location-in:before{ height:82%;}
.plant-location-16.go .plant-location-in:after{ width:45%;}

/**PLANT 17**/
.plant-location-17{width: 115px; height: 110px; right:30%; top:22%; z-index:16}
.plant-location-17 .plant-location-in img{ left:0; bottom:0;}
.plant-location-17 .plant-location-in span{ top:0; right:-35px; text-align:left;}
.plant-location-17 .plant-location-in span:before{left:-18px; top:5px;}
.plant-location-17 .plant-location-in span span{ top:18px;width:100px; left:0;} 
.plant-location-17 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-17 .plant-location-in:after{left:12px; top:10px;}
.plant-location-17.go .plant-location-in:before{ height:80%;}
.plant-location-17.go .plant-location-in:after{ width:45%;}




/**PLANT 18**/
.plant-location-18{width: 180px;height: 100px; right: 23%;top: 41%; z-index:18}
.plant-location-18 .plant-location-in img{ left:0; top:0;}
.plant-location-18 .plant-location-in span{ bottom:0; right:-90px; text-align:left;}
.plant-location-18 .plant-location-in span span{ top:18px;width:125px; left:0;} 
.plant-location-18 .plant-location-in span:before{left:-18px; top:0px;}
.plant-location-18 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-18 .plant-location-in:after{left:12px; bottom:10px;}
.plant-location-18.go .plant-location-in:before{height:72%;}
.plant-location-18.go .plant-location-in:after{ width:60%;}

/**PLANT 19**/
.plant-location-19{width: 180px;height: 196px;left: 57%;top: 50%;}
.plant-location-19 .plant-location-in img{ left:0; top:0;}
.plant-location-19 .plant-location-in span{ bottom:0; right:55px; text-align:left;}
.plant-location-19 .plant-location-in span:before{left:-18px; top:0px;}
.plant-location-19 .plant-location-in span span{ top:18px;width:220px; left:0;} 
.plant-location-19 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-19 .plant-location-in:after{left:12px; bottom:10px;}
.plant-location-19.go .plant-location-in:before{height:90%;}
.plant-location-19.go .plant-location-in:after{ width:13%;}

/**PLANT 20**/
.plant-location-20{width: 130px; height: 130px; right: 32%; top: 13%; z-index:16}
.plant-location-20 .plant-location-in img{ left:0; bottom:0;}
.plant-location-20 .plant-location-in span{ top:0; right:-30px; text-align:left;}
.plant-location-20 .plant-location-in span:before{left:-18px; top:5px;}
.plant-location-20 .plant-location-in span span{ top:18px;width:160px; left:0;} 
.plant-location-20 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-20 .plant-location-in:after{left:12px; top:10px;}
.plant-location-20.go .plant-location-in:before{ height:80%;}
.plant-location-20.go .plant-location-in:after{ width:48%;}

/**PLANT 21**/
.plant-location-21{width: 155px;height: 185px; right: 32%;top: 4%;z-index: 16;}
.plant-location-21 .plant-location-in img{ left:0; bottom:0;}
.plant-location-21 .plant-location-in span{ top:0; right:-110px; text-align:left;}
.plant-location-21 .plant-location-in span:before{left:-18px; top:5px;}
.plant-location-21 .plant-location-in span span{ top:18px;width:100px; left:0;} 
.plant-location-21 .plant-location-in:before{ left:10px; bottom:12px;}
.plant-location-21 .plant-location-in:after{left:12px; top:10px;}
.plant-location-21.go .plant-location-in:before{ height:88%;}
.plant-location-21.go .plant-location-in:after{ width:35%;}



/**PLANT 22**/
/*.plant-location-22{ width:180px; height:80px; left:36%; top:30%; z-index:3}
.plant-location-22 .plant-location-in img{ right:0; bottom:0;}
.plant-location-22 .plant-location-in span{ top:0; left:-36%;}
.plant-location-22 .plant-location-in span:before{right:-18px; top:5px;}
.plant-location-22 .plant-location-in span span{ top:18px;width:140px; left:0;} 
.plant-location-22 .plant-location-in:before{ right:15px; bottom:12px;}
.plant-location-22 .plant-location-in:after{right:15px; top:10px;}
.plant-location-22.go .plant-location-in:before{ height:74%;}
.plant-location-22.go .plant-location-in:after{ width:60%;}*/



/*.modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(69,69,69,0.7);opacity:0;pointer-events:none}
.modal-background.show{display:block;opacity:1;pointer-events:auto;animation:fadein .8s}
.modal-background.hide{animation:fadeout .8s}
@keyframes fadein {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeout {
from{opacity:1}
to{opacity:0}
}*/
/*.plant-location-in a{ display:flex;}*/

/**Research Centres**/

.research-centres-1{left:35%; top:11%; width: 236px;  height: 170px; text-align:right;}
.research-centres-1 .plant-location-in img{ right:0; bottom:0;}
.research-centres-1 .plant-location-in span{ top:0; left:0;}
.research-centres-1 .plant-location-in span:before{right:-18px; top:5px;}
.research-centres-1 .plant-location-in span span{ top:18px;} 
.research-centres-1 .plant-location-in:before{ right:15px; bottom:12px;}
.research-centres-1 .plant-location-in:after{right:15px; top:10px;}
.research-centres-1.go .plant-location-in:before{ height:85%;}
.research-centres-1.go .plant-location-in:after{ width:18%;}


.research-centres-2{left:32.5%; top:32%; width:230px;  height:82px; text-align:right;}
.research-centres-2 .plant-location-in img{ right:0; bottom:0;}
.research-centres-2 .plant-location-in span{ top:-11px; left:-55px; width:130px;}
.research-centres-2 .plant-location-in span:before{right:-18px; top:5px;}
.research-centres-2 .plant-location-in span span{ top:18px; width:auto; right:0;} 
.research-centres-2 .plant-location-in:before{ right:16px; bottom:25px;}
.research-centres-2 .plant-location-in:after{right:16px; top:-2px;}
.research-centres-2.go .plant-location-in:before{ height:70%;}
.research-centres-2.go .plant-location-in:after{ width:55%;}

.research-centres-3{left:27%; top:48%; width:300px;  height:auto; text-align:right;}
.research-centres-3 .plant-location-in img{ right:0; bottom:0;}
.research-centres-3 .plant-location-in span{ top:-5px; left:-55%; width:100%;}
.research-centres-3 .plant-location-in span:before{right:-18px; top:5px;}
.research-centres-3 .plant-location-in span span{ top:18px; width:100%; left:0;} 
.research-centres-3 .plant-location-in:before{ right:16px; bottom:25px;}
.research-centres-3 .plant-location-in:after{right:16px; top:5px;}
.research-centres-3.go .plant-location-in:before{ display:none;}
.research-centres-3.go .plant-location-in:after{ width:45%;}


.research-centres-4{ width:330px; height:45px; left:25.5%; top:53%;}
.research-centres-4 .plant-location-in img{ right:0; top:0;}
.research-centres-4 .plant-location-in span{ bottom:0; left:-30%;}
.research-centres-4 .plant-location-in span:before{right:-18px; top:5px;}
.research-centres-4 .plant-location-in span span{ top:18px; width:100%; left:0;} 
.research-centres-4 .plant-location-in:before{ right:15px; top:15px;}
.research-centres-4 .plant-location-in:after{right:15px; bottom:5px;}
.research-centres-4.go .plant-location-in:before{ height:50%;}
.research-centres-4.go .plant-location-in:after{ width:54%;}


.research-centres-5{ width:195px; height:125px; left:65.5%; top:47%;}
.research-centres-5 .plant-location-in img{ right:0; top:0;}
.research-centres-5 .plant-location-in span{ bottom:0; left:-18%;}
.research-centres-5 .plant-location-in span:before{right:-18px; top:5px;}
.research-centres-5 .plant-location-in span span{ top:18px; width:100%; left:0;} 
.research-centres-5 .plant-location-in:before{ right:15px; top:15px;}
.research-centres-5 .plant-location-in:after{right:15px; bottom:5px;}
.research-centres-5.go .plant-location-in:before{ height:82%;}
.research-centres-5.go .plant-location-in:after{ width:25%;}



/**===========Registered Office============**/
.registered-office-1{left:34%; top:11%; width: 236px;  height: 170px; text-align:right;}
.registered-office-1 .plant-location-in img{ right:0; bottom:0;}
.registered-office-1 .plant-location-in span{ top:0; left:-30%;}
.registered-office-1 .plant-location-in span:before{right:-18px; top:5px;}
.registered-office-1 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.registered-office-1 .plant-location-in:before{ right:15px; bottom:12px;}
.registered-office-1 .plant-location-in:after{right:15px; top:10px;}
.registered-office-1.go .plant-location-in:before{ height:88%;}
.registered-office-1.go .plant-location-in:after{ width:45%;}


.registered-office-2{left:32%; top:30%; width: 236px;  height: 75px; text-align:right;}
.registered-office-2 .plant-location-in img{ right:0; bottom:0;}
.registered-office-2 .plant-location-in span{ top:0; left:-40%;}
.registered-office-2 .plant-location-in span:before{right:-18px; top:5px;}
.registered-office-2 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.registered-office-2 .plant-location-in:before{ right:15px; bottom:12px;}
.registered-office-2 .plant-location-in:after{right:15px; top:10px;}
.registered-office-2.go .plant-location-in:before{ height:68%;}
.registered-office-2.go .plant-location-in:after{ width:45%;}


.registered-office-3{left:31%; top:45%; width: 250px;  height:35px; text-align:right;}
.registered-office-3 .plant-location-in img{ right:0; bottom:0;}
.registered-office-3 .plant-location-in span{ top:0; left:-64%;}
.registered-office-3 .plant-location-in span:before{right:-18px; top:5px;}
.registered-office-3 .plant-location-in span span{ top:18px;width:100%; left:0;} 
.registered-office-3 .plant-location-in:before{ right:15px; bottom:12px;}
.registered-office-3 .plant-location-in:after{right:15px; top:10px;}
.registered-office-3.go .plant-location-in:before{ height:25%;}
.registered-office-3.go .plant-location-in:after{ width:48%;}



.registered-office-4{ left:30.5%; top:50%; width: 250px;  height:65px; text-align:right;}
.registered-office-4 .plant-location-in img{ right:0; top:0;}
.registered-office-4 .plant-location-in span{ bottom:0; left:-56%;}
.registered-office-4 .plant-location-in span:before{right:-18px; top:5px;}
.registered-office-4 .plant-location-in span span{ top:18px; width:100%; left:0;} 
.registered-office-4 .plant-location-in:before{ right:15px; top:15px;}
.registered-office-4 .plant-location-in:after{right:15px; bottom:5px;}
.registered-office-4.go .plant-location-in:before{ height:65%;}
.registered-office-4.go .plant-location-in:after{ width:45%;}



.registered-office-5{width:204px; height:185px; right:20%;top:9%;}
.registered-office-5 .plant-location-in img{ left:0; bottom:0;}
.registered-office-5 .plant-location-in span{ top:0; right:-70%; left:inherit; text-align:left;}
.registered-office-5 .plant-location-in span:before{left:-18px; top:5px;}
.registered-office-5 .plant-location-in span span{ top:18px; width:100%; left:0;} 
.registered-office-5 .plant-location-in:before{ left:4px; bottom:20px;}
.registered-office-5 .plant-location-in:after{left:5px; top:10px;}
.registered-office-5.go .plant-location-in:before{ height:83%;}
.registered-office-5.go .plant-location-in:after{ width:44%;}


.registered-office-6{left:52.5%; top:48%; width:300px;  height:auto; text-align:left;}
.registered-office-6 .plant-location-in img{ left:0; bottom:0;}
.registered-office-6 .plant-location-in span{ top:0px; left:75%; width:100%;  text-align:left;}
.registered-office-6 .plant-location-in span:before{left:-18px; top:5px;}
.registered-office-6 .plant-location-in span span{ top:18px; width:100%; left:0;} 
.registered-office-6 .plant-location-in:before{ right:16px; bottom:25px;}
.registered-office-6 .plant-location-in:after{left:6px; top:10px;}
.registered-office-6.go .plant-location-in:before{ display:none;}
.registered-office-6.go .plant-location-in:after{ width:68%;}


.registered-office-7{ left:52%; top:51%; width: 275px;  height:65px; text-align:left;}
.registered-office-7 .plant-location-in img{ left:0; top:0;}
.registered-office-7 .plant-location-in span{ bottom:0px; left:75%; width:100%;  text-align:left;}
.registered-office-7 .plant-location-in span:before{left:-18px; top:5px; }
.registered-office-7 .plant-location-in span span{ top:18px; width:100%; left:0;} 
.registered-office-7 .plant-location-in:before{ left:5px; top:15px;}
.registered-office-7 .plant-location-in:after{left:5px; bottom:5px;}
.registered-office-7.go .plant-location-in:before{ height:65%;}
.registered-office-7.go .plant-location-in:after{ width:68%;}




.plant-detail{ max-width:345px;}
.plant-detail figure{ margin:0; position:relative; min-height:29rem; background:#fff;}
.plant-detail figcaption{ padding:1rem 0.9375rem 1rem 3.4375rem;}
.plant-detail div{ position:relative; padding:0.625rem 0; font-size:1.0625rem; line-height:1.5625rem; font-weight:300;}
.plant-detail div.plant-name:after,
.plant-detail div.plant-mta:after{ content:''; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #d5d5d5;}
.special-num{ text-decoration:line-through;}
.plant-detail div.img-box{padding:0;overflow:hidden; }
.plant-detail div.img-box img{ -webkit-transition:0.5s all;  -moz-transition:1s all;transition:0.5s all;} 
.plant-detail div.plant-name{ font-size:1.15rem; line-height:1.25rem; color:#000; font-weight:600;}
.plant-detail div.plant-mta{ font-size:1.125rem; line-height:1.5625rem; font-weight:300;}

.plants-modal .modal-body{ padding:0;}
.plants-modal {text-align: center; padding: 0!important;}
.plants-modal:before {content: '';display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.plants-modal .modal-dialog {display: inline-block;text-align: left; vertical-align: middle;}
.modal-backdrop.show { opacity: 0.8;}

.plants-modal{transform: scale(0); opacity: 0; -webkit-transition:transform .5s; -o-transition:transform .5s ; transition:transform .5s ;}
.plants-modal.show{opacity: 1; transform: scale(1);}


#plants-tab .view-more { background:#198f4a;}
#registeredOffice-tab .view-more { background:#e88800;}
#researchCentres-tab .view-more { background:#00bbd6;}
#jointVentures-tab .view-more { background:#8fb73e;}





@media all and (max-width:1080px){ 	
 .location-map-outer{ overflow: scroll; width: 100%; height: 535px; }
 .location-map-in{ width: 1182px; position:relative; }
	
 .responsive-tabs-container{ padding:0;}
  .location-tab-outer .tab-content{padding: 5rem 15px 2rem;}
 .responsive-tabs-container .nav-tabs.location-tab li{ min-width:15rem;}
 .research-centres-1{left:31%;top:5%;}
 .research-centres-5{left:62%;}
 .research-centres-2{left:29%; top:29%;}
 .research-centres-3{left:22%; top:49%;}
 .research-centres-4{left:19.5%; top:54%;}
 .plant-location-in span{font-size:15px;}
 .research-centres-4 .plant-location-in span{left:-26%}
 
 
 
 
 .registered-office-1{left:30%;top:25px;}
 .registered-office-1.go .plant-location-in:before {height: 85%;}
 .registered-office-2{left:28%; top:30%;}
 .registered-office-3{left: 27%;top: 44%;}
 .registered-office-4{left:26.5%;}
 .registered-office-5{width:145px; height:145px; right: 23%; top: 11%;}
 .registered-office-5 .plant-location-in:after{ display:none;}
 .registered-office-6{ width:200px;left:52.5%; top:46%;}
 .registered-office-7 {left: 52%;top: 50%; width: 245px;}
 .registered-office-7 .plant-location-in span{ left:40%;}
 .registered-office-7.go .plant-location-in:after { width: 34%;}
 
}

@media all and (max-width:990px){
 .research-centres-5{left:55%;}	
 .research-centres-1{left:23%; top:-6%;}
 .research-centres-2{left:20%; top:22%;}
 .research-centres-3{left:12%;top:49%;}
 .research-centres-4{left:8.5%;}
 
 
 .registered-office-1{left:22%; top:-25px;}
 .registered-office-1.go .plant-location-in:before {height: 85%;}
 .registered-office-2{left: 20%;top: 25%;}
 .registered-office-3{left: 18%; top: 42%;}
 .registered-office-4{left: 17.5%;}
 .registered-office-5{width: 145px; height:145px;  right:18%;  top: 0;}
 .registered-office-5 .plant-location-in:after{ display:none;}
 .registered-office-6{ width:200px;left:52.5%; top:46%;}
 .registered-office-7 {left: 52%;top: 50%; width: 245px;}
 .registered-office-7 .plant-location-in span{ left:40%;}
 .registered-office-7.go .plant-location-in:after { width: 34%;}
 
 .location-tab-outer .tab-content{padding: 5rem 15px 2rem;}
}



@media all and (max-width:767px){
.location-map-outer{ overflow:auto; width: 100%; height: auto; }
 .location-map-in{ width:100%; position:relative; }
	
/**LOCATION**/
  .tab.location-tab-outer{margin:2rem 0 5rem;}
  .location-tab-outer .tab-content{padding:0; background:transparent;}
  
   .world-map{ display:none;}
   .plant-location-in img, .plant-location-in span, .plant-location-in a{ position:relative !important; display: inline-block !important; vertical-align:top !important;}
   .plant-location-in { position: relative; height: 100%; padding: 15px 0; border-bottom: 1px solid #d7d7d7; display: inline-block; width: 100%;}
  .plant-location, .research-centres, .registered-office{ position:relative; height: auto; width: 100%; left: inherit; right: inherit; top: inherit; text-align: left; margin:0;}
  .plant-location-in span{ text-align:left !important; left:0px !important;  right:inherit !important; top:inherit !important; bottom: inherit !important; position:relative;}
  .plant-location .plant-location-in span:before,
  .plant-location-1 .plant-location-in span:before,
  .research-centres .plant-location-in span:before,
  .registered-office .plant-location-in span:before{left:0 !important; right:inherit !important}
  
  .plant-location .plant-location-in:before,
  .research-centres .plant-location-in:before,
  .registered-office .plant-location-in:before{ left:0 !important; right:inherit !important;}
  .plant-location-in img{ left:0 !important;right: inherit !important; top: inherit !important; bottom: inherit !important;}
  .plant-location .plant-location-in:after,
  .plant-location .plant-location-in:before,
  .plant-location-in span:before,
  .research-centres .plant-location-in:after,
  .research-centres .plant-location-in:before,
  .registered-office .plant-location-in:after,
  .registered-office .plant-location-in:before{ display:none;}
  
 
  .plant-location-in span br,
  .responsive-tabs-container .accordion-link br{ display:none;}
  
  /****/
  .plant-location-in span,
  .plant-location-in span span.small-font{line-height:18px; }
  .plant-location-in img{ position:absolute !important; left:0 !important; top:20px !important;}
  .plant-location-in a{ padding-left:30px; display:block !important; padding-right:18px;} 
  .plant-location-in a:after{ content:'+'; position:absolute; right:0px; top:0px!important; color:#8fb73e; font-size:2rem; line-height:1.4rem; font-weight:300}
}