.main-container {
  padding: 10px 15px;
}
.skyblue {
    background-color: #22c8ff;
}
.deepskyblue {
    background-color: transparent;
    width: 1390px; margin: 0px auto;
}
.darkerskyblue {
    background-color: #00a6dd;
}
.carousel-indicators {
    bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
    background-image: none;
}
.carousel .item {
    //min-height: 540px; 
    height: 100%;
    width:100%; 
	
}
.carousel-caption h3
.carousel .icon-container,
.carousel-caption button {
    background-color: #09c;
}
.carousel-caption h3 {
    padding: .5em;
}
.carousel .icon-container {
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    padding: 1em;
    text-align: center;
    border-radius: 50%;
}
.carousel-caption button {
    border-color: #00bfff;
    margin-top: 1em; 
}

/* Animation delays */
.carousel-caption h3:first-child {
    animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
    animation-delay: 2s;
}
.carousel-caption button {
    animation-delay: 3s;
}

h1 {
  text-align: center;  
  margin-bottom: 30px;

}

.p {
  padding-top: 125px;
  text-align: center;
}

.p a {
  text-decoration: underline;
}


.carousel .bnrwdt{max-width: 1400px; width: 100%; margin: 0px auto; background: #d4e2e6;}


.blueclr {
	width: 400px;
    height: 400px;
    line-height: 40px;
    background: #8ab7c7;
    color: #000;
    border-radius: 100%;
    position: absolute;
    left: 15px;
    top: 15px;
	-webkit-box-shadow: 9px 7px 19px 0px rgba(209,209,209,1);
-moz-box-shadow: 9px 7px 19px 0px rgba(209,209,209,1);
box-shadow: 9px 7px 19px 0px rgba(209,209,209,1);


background: -webkitlinear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
background: -olinear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
background: -ms-linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);


}
.orgclr {width: 360px;
    height: 360px;
    line-height: 35px;
    background: #c46111;
	background:linear-gradient(141deg, #ffb87f 0%, #c46111 51%, #ffab67 85%);
    color: #000;
    border-radius: 100%;
    position: absolute;
    left: 35px;
    top: 35px;
	}
	.drkbluclr {
		
		width: 320px;
    height: 320px;
    line-height: 35px;
    background: #83929f;
	background:linear-gradient(141deg, #c7d3de 0%, #83929f 51%, #c7d3de 85%);
    color: #000;
    border-radius: 100%;
    position: absolute;
    left: 55px;
    top: 55px;
					
	}
	
	.whtclr {
		
	width: 280px;
    height: 280px;
    line-height: 35px;
    
    color: #000;
    border-radius: 100%;
    position: absolute;
    left: 75px;
    top: 75px;
	background: url(./index_industry.png) no-repeat;
	background-size: cover;
	}
	
	.gryclr {
    width: 160px;
    height: 160px;
    line-height: 40px;
    background: url(./Index_rim.png) no-repeat;
    color: #000;
    border-radius: 100%;
    position: absolute;
    left: 135px;
    top: 135px;
    background-position: center;
		
	}
	
	.verticalcrl { position: relative;}
.carousel slide { position: relative; }

.clrwrp {
    text-align: center;
    width: 98%;
    margin: 0px auto;
	
	padding: 0px;
	}
	
span.mngttxt.infr {
	opacity: 0.8;
    width: 32px;
    position: absolute;
    top: 277px;
    right: 476px;
    padding: 0px;
    color: #fff;
    transform: rotate(300deg);
    z-index: 1000;
    text-align: center;
    background: transparent;
    font-weight: 600;
    font-size: 22px;
    text-shadow: 3px 3px 2px rgb(78, 78, 78);
    display: block;
    height: 178px;
}


}



.tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
	visibility: hidden;
}




 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

span.mngttxt.infr :hover .tooltiptext {
    visibility: visible;
}


span.trnsfrmtxt.resc {
    background: transparent;
    opacity: 0.8;
    width: 32px;
    position: absolute;
    top: 288px;
    left: 477px;
    padding: 0px;
    color: #fff;
    transform: rotate(55deg);
    z-index: 1000;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    text-shadow: 3px 3px 2px rgb(78, 78, 78);
    display: block;
    height: 184px;
}

span.trnsfrmtxt.resc :hover{
    background: rgba(255, 87, 87, 0) !important;
}

span.infratxt.mngt {
    background: transparent;
    opacity: 0.8;
    width: 32px;
    position: absolute;
    top: 12px;
    right: 635px;
    padding: 0px;
    color: #fff;
    transform: rotate(180deg);
    z-index: 1000;
    text-align: center;
    font-size: 22px;
    text-shadow: 3px 3px 2px rgb(78, 78, 78);
    display: block;
    height: 178px;
}


}

.pnlft {width:98%;  margin: 0 1%; position: relative; text-align: center;}

.pnlft-rgt {width:44%; float: right; margin: 0; background: rgba(255, 235, 228, 0.7); padding: 0px; margin: 10px; padding: 70px 10px 10px 10px; position: relative;}








.frstpnlrgt{margin: 0; background: #d9d9d9; padding: 0px; width: 100%; margin-bottom: 14px;}

.frstpnlrgt h3 {background: #8ab7c7;font-size: 16px;text-transform: uppercase; margin: 0; padding: 8px; color: #fff; letter-spacing: 2px; font-family: 'Oswald', sans-serif; }
.frstpnlrgt p {fon t-size: 13px; color: #000; background: #d9d9d9; padding: 8px; line-height: 23px; font-size: 15px;}

.scndpnlrgt {
    margin: 0;
    background: #d9d9d9;
    padding: 0px;
    width: 100%;
	margin-bottom: 14px;
}

.scndpnlrgt h3 {
    background: #c46111;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 8px;
	color: #fff; letter-spacing: 2px;
	font-family: 'Oswald', sans-serif;
}

.scndpnlrgt p { color: #000; background: #d9d9d9; padding: 8px; line-height: 23px; font-size: 15px; }



.thrdpnlrgt {margin: 0; background: #d9d9d9; padding: 0px; width: 100%; margin-bottom: 14px;}


.thrdpnlrgt h3 {background:#83929f;font-size: 16px;text-transform: uppercase; margin: 0; padding: 8px; color: #fff; letter-spacing: 2px; font-family: 'Oswald', sans-serif; }

.thrdpnlrgt p {  color: #000; background: #d9d9d9; padding: 8px; line-height: 23px; font-size: 15px; }

.pnlft {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}


.frstpnlrgt {
-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.scndpnlrgt {
-webkit-animation-delay: 2s;
	animation-delay: 2s;
}


.thrdpnlrgt {
-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.carousel-caption button {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}


.arwwrp { 

    width: 255px;
    height: 10px;
    background: #8ab7c7;
    position: absolute;
    right: 4px;
    top: 90px;
    z-index: 100;
	
}




.arrow-right {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 40px solid #8ab7c7;
    float: right;
    margin-top: -10px;
    margin-right: -30px;
}



.arwwrp-2 { 

    width: 240px;
    height: 10px;
    background: #c46111;
    position: absolute;
    right: 4px;
    top: 198px;
    z-index: 100;
	
}

.arwwrp-2 .arrow-right { 

    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 40px solid #c46111;
    float: right;
    margin-top: -10px;
    margin-right: -30px;

}


.arwwrp-3{ 

    width: 310px;
    height: 10px;
    background: #83929f;
    position: absolute;
    right: 4px;
    top: 309px;
    z-index: 100;
	
}


.arwwrp-3 .arrow-right { 

    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 40px solid #83929f;
    float: right;
    margin-top: -10px;
    margin-right: -30px;

}

.carousel-inner.bnrcntr {
    width: 100%;
	margin: 0px auto;
	padding: 20px 0px;
	height: 100%;
	
}

p.infrimg { width: 100px; height: 100px;display: inline-block; border-radius: 100%; margin: 5px; background: url(./mechanical_industry_vertical.png)no-repeat;   font-size: 11px; text-align; center; position: relative; border: 1px solid #8ab7c7; background-size: cover;

-webkit-box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);
-moz-box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);
box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);


}

p.infrimg-2 { width: 100px; height: 100px;display: inline-block; border: 1px solid #8ab7c7; border-radius: 100%; margin: 5px; background: url(./CPG.png)no-repeat;   font-size: 11px; text-align; center; position: relative; background-size: cover;

-webkit-box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);
-moz-box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);
box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);
}

p.infrimg-3 { width: 100px; height: 100px;display: inline-block; border: 1px solid #8ab7c7; border-radius: 100%; margin: 5px; background: url(./AEC.png)no-repeat;   font-size: 11px; text-align; center; position: relative; background-size: cover;
-webkit-box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);
-moz-box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);
box-shadow: 9px 9px 16px 0px rgba(201,201,201,1);
}

p.infrimg span{width: 100px; height: 100px; text-align center; font-weight: 600; color: #c46111; font-size: 11px; text-align center; padding-top: 40px; text-align: center; position: absolute; border-radius: 50%; position: absolute; left: 0; top: 0; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}

p.infrimg-2 span{width: 100px; height: 100px; text-align center;  font-weight: 600; color: #c46111; font-size: 11px; text-align center; padding-top: 40px; text-align: center; position: absolute; border-radius: 50%; position: absolute; left: 0; top: 0; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}

p.infrimg-3 span{width: 100px; height: 100px; text-align center;  font-weight: 600; color: #c46111; font-size: 11px; text-align center; padding-top: 40px; text-align: center; position: absolute; border-radius: 50%; position: absolute; left: 0; top: 0; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}

.soluclr{  margin: 0; float: left; text-align: right; position: absolute; right: 10px; top: -45px;}




span.trnsfrmtxt{
	background: #94c0d0;
    opacity: 0.8;
    width: 150px;
    position: absolute;
    top: 107px;
    left: 21px;
    padding: 0px;
    color: #fff;
    transform: rotate(36deg);
    z-index: 1000;
    text-align: center;
}

span.mngttxt{
	background: #c46111;
    opacity: 0.8;
    width: 150px;
    position: absolute;
    top: 109px;
    right: 19px;
    padding: 0px;
    color: #fff;
    transform: rotate(324deg);
    z-index: 1000;
    text-align: center;
}

span.infratxt{
	background: #83929f;
    opacity: 0.8;
    width: 140px;
    position: absolute;
    top: 307px;
    right: 132px;
    padding: 0px;
    color: #fff;
    transform: rotate(270deg);
    z-index: 1000;
    text-align: center;
	}




.arwwrp{
-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.pnlft-rgt {
	
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	
	
}


.arwwrp-2{
-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.arwwrp-3{
-webkit-animation-delay: 3s;
	animation-delay: 3s;
}


.infrimg {
	
	-webkit-animation-delay: 4s;
	animation-delay: 4s
		
}

.infrimg-2 {
	
	-webkit-animation-delay: 4s;
	animation-delay: 4s
		
}

.infrimg-3 {
	
	-webkit-animation-delay: 4s;
	animation-delay: 4s
		
}

img#close-1 {
    position: absolute;
    right: 82px !important;
    top: -30px!important;
    cursor: pointer;
     width: 20px;
    height: 20px;
}


img#close-2 {
    position: absolute;
    right: 152px;
    top: -35px;
    cursor: pointer;
     width: 20px;
    height: 20px;
}