@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size: 16px; font-family: 'Hind Madurai', sans-serif; }
#top-bar{ height:32px; width:100%; display:block; background-color:#213f59; position:fixed;}
#top-bar p{ color:#fff; font-size: 14px; line-height:30px; font-family: 'Hind Madurai';}
#top-bar p a{ color:#fff; text-decoration:none; margin:0 10px 0 10px;}
#top-bar p a:hover{ color:#ff9220;}

#ddfixedheader {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #C5C5C5;
    width: 100%;
    z-index: 1000;
    transition: all .5s;
}

#ddfixedheader, #ddfixedheader * {
    box-sizing: border-box;
	}

.bird{ display:block; position:absolute; z-index:500; margin:10px 0 0 10px;}	
	
.new-list{ font-size:1.3em;}	
	
.img-responsive{ width:100%; height:auto;}


.carousel-caption{ background-color:#FFFFFF; display:block; width:400px; padding:15px; float:left; opacity: 0.8; margin-left:-250px; margin-bottom:350px;}
.carousel-caption h1,p{text-shadow:none; color:#000000; text-align:left; opacity: 1; font-family: 'Hind Madurai';}
.carousel-caption h1 { font-size: 20px; font-weight:bold; margin:0px;}
.mc-padding50 {padding: 50px;}
.mc-toppadding50 {padding-top: 50px;}
.mc-bottompadding50 {padding-bottom: 50px;}
.mc-toppadding70 {padding-top: 70px;}
.mc-toppadding150 {padding-top: 150px;}
.mc-bottompadding70 {padding-bottom: 70px;}
.mc-toppadding95 {padding-top: 95px;}
.padding-0{padding:0px; margin:0px;}
.panaroma{ background-image:url(../images/Panorama.jpg); height:500px;}
main p {color:#000; font-size: 16px; margin:0 0 7px 0; font-family: 'Hind Madurai';}
main h1{font-family: 'Hind Madurai'; font-size: 26px;}
main h2{font-family: 'Hind Madurai'; font-size: 25px;}
main h3{font-family: 'Hind Madurai'; font-size: 22px; padding:10px; margin:10px;}
main h4{font-family: 'Hind Madurai'; font-size: 22px; padding:10px 5px 10px 5px; border-top:#E8860A 1px solid; border-bottom:#E8860A 1px solid; background-color:#E9E9E9}
main h4:hover{font-family: 'Hind Madurai'; font-size: 22px; padding:10px 5px 10px 5px; border-top:#E8860A 1px solid; border-bottom:#E8860A 1px solid; background-color:#CBCBCB}

.my-slider {
	height: auto;
	margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: 450px;
	overflow: hidden;
}
.my-slider li {
	float: left;
}
.video{ position:absolute; left: 50%; margin-left: -200px; margin-top:30px; background-color:#020202; padding:50px; opacity: 0.6}
.video img{opacity: 1; margin:10px;}
.video .button{ border:3px solid #213f59; border-radius:50px; color:#213f59; font-size:1.3em; text-align:center; font-weight:bold; background-color:#fff; clear:both; margin:auto; opacity: 1; padding:20px;}

section p{font-size: 16px; font-family: 'Hind Madurai';}

.anchor{ border:#ff8a20 1px solid; padding:5px; margin:5px 0 5px 0; width:48%; display:inline-block;}
.anchor p{ margin:0px; padding:0px;}

.bluebox{ background-color:#0d609a; height:400px; border-bottom:5px #fff solid;}
.bluebox:nth-child(1){ border-right:5px solid #fff;}
.bluebox:nth-child(2){ border-right:5px solid #fff;}
.bluebox h2 { color:#fff; font-size:2em; font-family: 'Hind Madurai'; margin:20px 0 20px 0;}
.bluebox h2 span {border-bottom:#ff8a20 3px solid; padding:10px 25px 0 25px;}
.bluebox .bullet {width:90%; margin:0px auto; padding:0px;}
.bluebox ul li{list-style: square inside url("../images/bullet.png"); font-size:16px; line-height:35px; color:#fff;}

.bullet li{ list-style:disc; font-size: 16px; margin:8px 0 8px 0; font-family: 'Hind Madurai';}
.bullet a{ color:#fff; text-decoration:underline;}
.bullet a:hover{ color:#fff; text-decoration:underline;}

.fulfilling-asp .section-header {margin-top:80px;  background-image: linear-gradient(to right, rgba(1, 54, 105, 0.6), rgba(255, 255, 255, 0.13)), url("../images/ff-landing.jpg");  background-size: cover; background-repeat: no-repeat; padding: 63px 0; }
.fulfilling-asp .section-header h1 {font-size: 42px;  margin-top: 70px; color: #FEFEFD;}

.domestic-asp .section-header {margin-top:80px;  background-image: linear-gradient(to right, rgba(1, 54, 105, 0.6), rgba(255, 255, 255, 0.13)), url("../images/dp-landing.jpg");  background-size: cover; background-repeat: no-repeat; padding: 63px 0; }
.domestic-asp .section-header h1 {font-size: 42px;  margin-top: 70px; color: #FEFEFD;}

.international-asp .section-header {margin-top:80px;  background-image: linear-gradient(to right, rgba(1, 54, 105, 0.6), rgba(255, 255, 255, 0.13)), url("../images/ip-landing.jpg");  background-size: cover; background-repeat: no-repeat; padding: 63px 0; }
.international-asp .section-header h1 {font-size: 42px;  margin-top: 70px; color: #FEFEFD;}

.gcl-asp .section-header {margin-top:80px;  background-image: linear-gradient(to right, rgba(1, 54, 105, 0.6), rgba(255, 255, 255, 0.13)), url("../images/gcl-landing.jpg");  background-size: cover; background-repeat: no-repeat; padding: 63px 0; }
.gcl-asp .section-header h1 {font-size: 42px;  margin-top: 70px; color: #FEFEFD;}

.otr-asp .section-header {margin-top:80px;  background-image: linear-gradient(to right, rgba(1, 54, 105, 0.6), rgba(255, 255, 255, 0.13)), url("../images/otr-landing.jpg");  background-size: cover; background-repeat: no-repeat; padding: 63px 0; }
.otr-asp .section-header h1 {font-size: 42px;  margin-top: 70px; color: #FEFEFD;}

.banner{ background-color:#364b55; height:auto; display:block;}
.banner img{width:100%; height:auto;}

.address { border:1px solid #cccccc; margin:10px 0 10px 0;}
.address .title{ background-color:#364b55; color:#fff; display:block; padding:10px;}
.address p {padding:5px 10px 0 10px;}

.newbutt{ border:#f86d21 2px solid; color:#f86d21; padding:5px; font-size:16px; display:block; margin:auto; text-align:center; width:35%;}
.newbutt a{ text-decoration:none;}
.newbutt a:hover{background-color:#f86d21; text-decoration:none;}
.newbutt:hover{ background-color:#f86d21; color:#fff;  text-decoration:none;}

.frm input[type=text], select, input[type=tel]{border:0px solid #cccccc; width: 100%; background-color:#eeeeee; padding:10px; margin:5px;}
.frm textarea{border:0px solid #cccccc; width: 100%; background-color:#eeeeee; padding:10px; margin:5px;}
.frm label{ color:#364b55; font-weight:normal; width:100%; font-size:1.2em; font-family: 'Hind Madurai';}
.frm input[type=submit] {
    width: 100%;
    background-color: #364b55;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.frm input[type=submit]:hover {
    background-color: #596f83;
}

.frm_pop h2{ margin-left:20px;}
.frm_pop input[type=text], select, input[type=tel]{border:1px solid #FDA473; width: 100%; background-color:#fff; padding:10px; margin:5px; font-size:14px;}
.frm_pop textarea{border:1px solid #FDA473; width: 100%; background-color:#fff; padding:10px; margin:5px; font-size:14px;}
.frm_pop label{ color:#f86d21; font-weight:normal; width:100%; font-size:1.2em; font-family: 'Hind Madurai';}
.frm_pop input[type=submit] {
    width: 100%;
    background-color: #fff;
	border:1px solid #FDA473;
    color: #FDA473;
    padding: 14px 20px;
    margin: 8px 0;
    border-radius: 4px;
	font-size:16px;
    cursor: pointer;
}

.frm_pop input[type=submit]:hover {
    background-color: #f86d21; color:#fff;
}

.oragne{ color:#EC7500; font-weight:bold;}
.application{ background-color:#fff; width:100%; margin:0px 0 0 -15px; padding:0px; font-family: 'Hind Madurai';}
.application h2{ background-color:#213f59; margin-top:35px; text-align:center; padding:40px 0 40px 0 ; color:#fff; font-size:1.5em; font-family: 'Hind Madurai';}
.application h3{ color:#213f59; font-size:1.3em; font-family: 'Hind Madurai'; margin:10px 0 5px 0; padding:0px;}

.bg_CatLitter{background-image:url(../images/CatLitterBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Bleaching{background-image:url(../images/EarthBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Earthing{background-image:url(../images/EarthingBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Cosmetic{ background-image:url(../images/CosmeticBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Wine{ background-image:url(../images/WineBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Pesticide{ background-image:url(../images/PesticideBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Animal{ background-image:url(../images/AnimalBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Paper{ background-image:url(../images/PaperBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_IronOre{ background-image:url(../images/Pelletisation.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Foundry{ background-image:url(../images/FoundryBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Drilling{ background-image:url(../images/DrillingBanner.jpg); background-size:100%; background-repeat:no-repeat;}
.bg_Construction{ background-image:url(../images/ConstructionBanner.jpg); background-size:100%; background-repeat:no-repeat;}

.hexa_blue{ width:12px; height:150px;}
.hexa_blue img{ position: absolute; left: 0px; top: 0px; z-index: -1;}

.sidepanel { padding: 30px;  height: 100%;  background: url("../images/investortabbackgroud.jpg");
  background-size: cover; background-position: center left; }
.sidepanel .sidelink{ width:100%; display:block; height:400px; background: rgba(255, 255, 255, 0.57);}
.nav-tab {float: left; width: 100%; padding: 15px;}
.nav-tab  ul {margin: 0; padding: 0; list-style: none;}
.nav-tab  li {margin: 0 20px 0 15px; border-bottom: 1px #616161 dashed;}
.nav-tab  a {color: #000; font-size:16px; padding: 15px; text-decoration:none; display:block;}
.nav-tab  a:hover{ text-decoration:none; color: #fff; background-color:#213f59;}

.footer{background-color:#213f59; display:block; width:100%; float:left; padding:5px 0 5px 0;}
.footer p{ color:#fff; font-size:16px; font-family: 'Hind Madurai'; margin:0px; padding:0px;}
.bottom{ background-color:#000000; background-image:url(../images/footer-bg.png); background-repeat:repeat-x; background-position:bottom;}
.bottom p{ color:#fff; font-size:16px; text-align:center; margin:0 0 7px 0; font-family: 'Hind Madurai';}
.bottom h2 { color:#ff8a20; font-size:22px; font-family: 'Hind Madurai';}
.bottom ul li, p{ color:#fff; font-size:16px; margin:0 0 7px 0; font-family: 'Hind Madurai';}
.bottom a{ color:#fff; text-decoration:none;}
.bottom a:hover{ color:#F3F3F3; text-decoration:none;}
.fotter_form input[type=text]{ border:1px solid #C9C9C9; background:none; float:left; padding:7px; margin:5px; width:100%; font-size:14px; color:#fff;}
.fotter_form input[type=email]{ border:1px solid #C9C9C9; background:none; float:left; padding:7px; margin:5px; width:100%; font-size:14px; color:#fff;}
.fotter_form textarea{ border:1px solid #C9C9C9; background:none; padding:5px; margin:7px; width:100%; font-size:14px; color:#fff;}
.fotter_form input[type=submit]{ border:1px solid #ff8a20; color:#ff8a20; background:none; padding:5px; margin:5px; width:40%;font-size:14px;}

.mapael .map {position: relative;}
.mapael .mapTooltip {position: absolute; background-color: #fff; moz-opacity: 0.70; opacity: 0.70; filter: alpha(opacity=70); border-radius: 10px; padding: 10px; z-index: 1000; max-width: 200px; display: none;           color: #343434;}
.mapael .areaLegend {margin-bottom: 20px;}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 1);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 85%;
    text-align: center;
    margin: 50px;
	text-align:left;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 130px;
    right: 45px;
    font-size: 50px;
}


.hexagon {
  position: relative;
  width: 130px; 
  height: 75.06px;  
  margin: 37.53px 5px;
  display:inline-block;
  opacity:0.9;
}

.hexagon p{ text-align:center; font-size:1.1em; color:#fff; cursor:pointer; line-height:60px;}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 65px solid transparent;
  border-right: 65px solid transparent;
}

.hexagon:before {
  bottom: 100%;  
}

.hexagon:after {
  top: 100%;
  width: 0;
  
}

.blue{background-color: #5383ff;}
.blue:before{border-bottom: 37.53px solid #5383ff;}
.blue:after{border-top: 37.53px solid #5383ff;}

.yellow{background-color: #e6ba4b;}
.yellow:before{border-bottom: 37.53px solid #e6ba4b;}
.yellow:after{border-top: 37.53px solid #e6ba4b;}

.red{background-color: #c64c54;}
.red:before{border-bottom: 37.53px solid #c64c54;}
.red:after{border-top: 37.53px solid #c64c54;}

.peacock{background-color: #16a1a5;}
.peacock:before{border-bottom: 37.53px solid #16a1a5;}
.peacock:after{border-top: 37.53px solid #16a1a5;}

.purple{background-color: #b69ace;}
.purple:before{border-bottom: 37.53px solid #b69ace;}
.purple:after{border-top: 37.53px solid #b69ace;}

.green{background-color: #7dc154;}
.green:before{border-bottom: 37.53px solid #7dc154;}
.green:after{border-top: 37.53px solid #7dc154;}

.orange{background-color: #f6a53d;}
.orange:before{border-bottom: 37.53px solid #f6a53d;}
.orange:after{border-top: 37.53px solid #f6a53d;}


#mixedSlider { position: relative;}
#mixedSlider .MS-content { white-space: nowrap; overflow: hidden; margin: 0 5%;}
#mixedSlider .MS-content .item {display: inline-block; width: 24.999%; position: relative; vertical-align: top;
  overflow: hidden; height: 100%; white-space: normal; padding: 10px; box-shadow: 5px 5px 2px #ECECEC; border-radius:15px; margin:3px;}
#mixedSlider .MS-content .item .imgTitle { position: relative;}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0; text-align: center; color: #000; width: 100%; font-size:1.3em; bottom: 0; font-weight: bold;  padding:5px 0 5px 0;}
#mixedSlider .MS-content .item .imgTitle img { height: auto; width: 100%;}
#mixedSlider .MS-content .item .btn {margin:auto 5px; font-size: 14px; border:#F5831F 1px solid;  background-color:#FFFFFF;  border-radius:25px;}
#mixedSlider .MS-content .item .btn:hover { border:#F5831F 1px solid; background-color:#F5831F; color:#fff;
   transition: linear 0.1s;}

#mixedSlider .MS-controls button { position: absolute; border: none; font-size: 30px; top: 95px; background-color:#8A8A8A; color: #fff; transition: 0.15s linear;}
#mixedSlider .MS-controls button:hover {color: rgba(0, 0, 0, 0.8);}
  
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {width: 50%;}
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {width: 100%;}
}

@media (max-width: 992px) {
  #mixedSlider .MS-controls button {font-size: 30px;}
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {font-size: 20px;}
}
#mixedSlider .MS-controls .MS-left {left: 0px;}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {left: -10px;}
}
#mixedSlider .MS-controls .MS-right {right: 0px;}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {right: -10px;}
}


@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/* Media Queries (laptop, desktop view*/
@media screen and (max-width: 1024px){

}

/* Media Queries (ipad landscape view)*/
@media screen and (max-width: 800px) {

}

/* Media Queries (ipad portrait view)*/
@media screen and (max-width: 640px) {
.newbutt{ width:50%;}
.bluebox{border-bottom:0px #fff solid; padding-top:20px;}
.bluebox .bullet {width:90%;}
.bluebox:nth-child(1){ border:0px;}
.bluebox:nth-child(2){ border:0px;}
.application{ width:100%;}
.carousel-caption{ margin-left:-50px; width:95%;}
.bird img{ width:70%; height:auto;}
}

/* Media Queries (iphone landscape view)*/
@media screen and (max-width: 480px) {
.newbutt{ width:50%;}
.bluebox{border-bottom:0px #fff solid; padding-top:20px;}
.bluebox .bullet {width:90%;}
.bluebox:nth-child(1){ border:0px;}
.bluebox:nth-child(2){ border:0px;}
.application{ width:100%;}
.carousel-caption{ margin-left:-50px; width:95%;}
.bird img{ width:70%; height:auto;}
}

/* Media Queries (iphone portrait view)*/
@media only screen and (max-width : 360px) {
.newbutt{ width:50%;}
.bluebox{border-bottom:0px #fff solid; padding-top:20px;}
.bluebox .bullet {width:90%;}
.bluebox:nth-child(1){ border:0px;}
.bluebox:nth-child(2){ border:0px;}
.application{ width:100%;}
.carousel-caption{ margin-left:-50px; width:95%;}
.bird img{ width:70%; height:auto;}
}