#word-limit {

	text-overflow: ellipsis; /* will make [...] at the end */
    width: 170px; /* change to your preferences */
    white-space: nowrap; /* paragraph to one line */
    overflow:hidden; /* older browsers */
    text-transform: capitalize;
}


#project-btn {

color: #fff;  margin-top: 1em;

 overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}

/*--flexisel--*/

.team{
padding:80px 0;
}
.team-bottom h4{
margin:15px 0;
  font-family: 'Roboto Slab', serif;
  color: #2ad2c9;
  font-size: 19px;
}
.team-bottom p{
margin:0;
color:#000;
font-size:13px;
line-height:1.8em;

}
.team-info h3 {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 32px;
  font-family: 'Roboto Slab', serif;
  color: #d00101;
}
.team-left{
margin:0 22px;
}
.team-left img{
width:100%;
box-shadow: 0 0 5px #666;
margin: 0.1em;
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}

#bg-world {

background: rgb(253,255,255);
background: -moz-radial-gradient(center, ellipse cover, rgba(253,255,255,1) 0%, rgba(225,255,255,1) 0%, rgba(225,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(217,235,244,1) 100%, rgba(177,216,245,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(253,255,255,1)), color-stop(0%,rgba(225,255,255,1)), color-stop(0%,rgba(225,255,255,1)), color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(217,235,244,1)), color-stop(100%,rgba(177,216,245,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(253,255,255,1) 0%,rgba(225,255,255,1) 0%,rgba(225,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(217,235,244,1) 100%,rgba(177,216,245,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(253,255,255,1) 0%,rgba(225,255,255,1) 0%,rgba(225,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(217,235,244,1) 100%,rgba(177,216,245,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(253,255,255,1) 0%,rgba(225,255,255,1) 0%,rgba(225,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(217,235,244,1) 100%,rgba(177,216,245,1) 100%);
background: radial-gradient(ellipse at center, rgba(253,255,255,1) 0%,rgba(225,255,255,1) 0%,rgba(225,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(217,235,244,1) 100%,rgba(177,216,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffff', endColorstr='#b1d8f5',GradientType=1 );


	 padding-top: 3em;
	 padding-bottom: 3em;
}
.features1 {
   padding-top: 2em;
   padding-bottom: 3em;
   background: rgba(241,255,234,0.5);
}
.features-info {
 margin-top: 1.5em;
}
.features h3 {

  font-size: 2.5em;
  text-align: center;
  color: #000;
    text-transform: capitalize;
}
.features1 h3 {
	
  font-size: 2.5em;
  text-align: center;
  color: #000;
    text-transform: capitalize;
    margin-bottom: 0.75em;
}
.features-right h4 {
  margin-bottom: .3em;
  font-size: 1.5em;
    text-transform: capitalize;
   
}
.features-right1 h4 {
  margin-bottom: .3em;
  font-size: 1.5em;
   text-transform: capitalize;
   
}
.features h5 {
  font-size: 1.2em;
  text-align: center;
  color: #909090;
  margin-top: .3em;
}
.features1 h5 {
  font-size: 1.2em;
  text-align: center;
  color: #909090;
  margin-top: .3em;
  margin-bottom: 1.5em;
}
a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

.hvr-bounce-to-bottom {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    padding: 0.2em 0.7em;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.5s;
    transition-property: color;
    vertical-align: middle;
    background: white;
}
.hvr-bounce-to-bottom::before {
    background: #ff8000;
    bottom: 0;
    content: "";
    left: 0;
    padding: 0.2em 0.5em;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: white;
    text-decoration: none;
}
.hvr-bounce-to-bottom:hover::before, .hvr-bounce-to-bottom:focus::before, .hvr-bounce-to-bottom:active::before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

#footer-bg {

background: #0b3c0b;
/*border-top: 10px solid #007836;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);*/
padding: 20px;
color: #ecf4e9;
text-align: center;
}

.ch-img-5 { 
	  background: url(../images/s5.png)no-repeat;
	z-index: 12;
}

.ch-img-6 { 
	  background: url(../images/s66.png)no-repeat;
	z-index: 12;
}

.ch-img-7 { 
	  background: url(../images/s7.png)no-repeat;
	z-index: 12;
}

.ch-img-8 { 
	  background: url(../images/s88.png)no-repeat;
	z-index: 12;
}
.ch-img-18 { 
	  background: url(../images/s89.png)no-repeat;
	z-index: 12;
}

.ch-img-9 { 
	  background: url(../images/s9.png)no-repeat;
	z-index: 12;
}

.ch-img-10 { 
	  background: url(../images/s10.png)no-repeat;
	z-index: 12;
}


.ch-img-11 { 
	  background: url(../images/s11.png)no-repeat;
	z-index: 12;
}


.ch-img-12 { 
	  background: url(../images/s12.png)no-repeat;
	z-index: 12;
}



.ch-img-13 { 
	  background: url(../images/s13.png)no-repeat;
	z-index: 12;
}



.ch-img-14 { 
	  background: url(../images/LPG22.png)no-repeat;
	z-index: 12;
}
.ch-img-15 { 
	  background: url(../images/LPG2.png)no-repeat;
	z-index: 12;
}
.ch-img-16 { 
	  background: url(../images/LPG33.png)no-repeat;
	z-index: 12;
}





#activity {

margin: 1em; padding: 1em; border-bottom: 1px dashed green;
}
.banner.two {
    background: #0b3c0b url("../images/project-banner.jpg") no-repeat center top ;
    min-height: 300px;
    margin-bottom: 2em;
    box-shadow: 0 0 10px #666;
}
h2.tittle {

	color: #fff;
    font-size: 1.75em;
   
    padding: 1.5em 4.5em;

    text-transform: capitalize;
   
    
    margin: 0px;
}

.banner.service {
    background: #0b3c0b url("../images/banner-1.jpg") no-repeat center top ;
    min-height: 300px;
    margin-bottom: 2em;
    box-shadow: 0 0 10px #666;
}

.banner.organization {
    background: #0b3c0b url("../images/organization.jpg") no-repeat center top ;
    min-height: 300px;
    margin-bottom: 2em;
    box-shadow: 0 0 10px #666;
}


.banner.about {
    background: #0b3c0b url("../images/banner-3.jpg") no-repeat center top ;
    min-height: 300px;
    margin-bottom: 2em;
    box-shadow: 0 0 10px #666;
}

.banner.carrier {
    background: #0b3c0b url("../images/carrier-banner.jpg") no-repeat center top ;
    min-height: 300px;
    margin-bottom: 2em;
    box-shadow: 0 0 10px #666;
}

.banner.activities {
    background: #0b3c0b url("../images/banner-4.jpg") no-repeat center top ;
    min-height: 250px;
    margin-bottom: 2em;
    box-shadow: 0 0 10px #666;
}

.banner.gallery {
    background: #0b3c0b url("../images/banner-5.jpg") no-repeat center top ;
    min-height: 250px;
    margin-bottom: 2em;
    box-shadow: 0 0 10px #666;
}


/*--team--*/
.team {
  padding: 2em 0;
  position:relative;
}
.ch-grid {
	
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 300px;
	height: 300px;
	display: inline-block;
	margin: 1.5em;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info .ch-info-front {
	box-shadow: inset 0 0 0 16px rgba(0,0,0,0.3);
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	background:#0b3c0b;
	opacity: 0;
	padding-top: 15px;
}
.ch-img-1 { 
	  background: url(../images/s1.png)no-repeat;
	z-index: 12;
}

.ch-img-2 { 
	  background: url(../images/s2.png)no-repeat;
	z-index: 11;
}

.ch-img-3 { 
	  background: url(../images/s33.png)no-repeat;
	z-index: 10;
}
.ch-img-4 { 
	  background: url(../images/s4.png)no-repeat;
	z-index: 10;
}

.ch-img-19 { 
	  background: url(../images/kl2.png)no-repeat;
	z-index: 10;
}
.ch-img-20 { 
	  background: url(../images/kl1.png)no-repeat;
	z-index: 10;
}

.ch-info h3 {
	  color: #fff;

  letter-spacing: 1px;
  font-size: 0.8em;
  margin: 0 8px;
  padding: 65px 0 0 0;
  height: 110px;
  line-height: 1.5em;

  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 5px 3px;
	margin: 0 10px;
	font-size: 13px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	  font-family: 'Cinzel', serif;
}

.ch-info p a:hover {
	color: #d7d7d7;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}
/*--mid--*/
.ser-top {
   
    text-align: center;
}

.serve-column {
    background-color: rgba(235,248,239,0.5);
    border-left: 1px solid #ebf3ea;
    border-right: 1px solid #ebf3ea;    
     border-bottom: 2px solid #ebf3ea;  
    border-top: 7px solid #00711f;
    cursor: pointer;
    padding: 2.5em 1em;
    transition: all 0.5s ease 0s;
    margin-bottom: 0.5em;
}


.serve-column:hover{
	border-top: 7px solid #67d75b;
	background: #fff;
	border-left:1px solid #dddae1;
	border-right:1px solid #dddae1;
	transform: scale(1.05) translateY(-5px);
	-webkit-transform: scale(1.05) translateY(-5px);
	-o-transform: scale(1.05) translateY(-5px);
	-moz-transform: scale(1.05) translateY(-5px);
	z-index: 1;
}



.hover_img2 img {
	transition-duration: 0.5s
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;




	  z-index:1;
}
.hover_img2 img:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	opacity: 1;
	
  z-index:1;
  box-shadow: 0 0 5px #000;


	
}	

#service-btn {

background: rgb(224,243,250);
background: -moz-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 26%, rgba(184,226,246,1) 82%, rgba(182,223,253,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,243,250,1)), color-stop(26%,rgba(216,240,252,1)), color-stop(82%,rgba(184,226,246,1)), color-stop(100%,rgba(182,223,253,1)));
background: -webkit-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 26%,rgba(184,226,246,1) 82%,rgba(182,223,253,1) 100%);
background: -o-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 26%,rgba(184,226,246,1) 82%,rgba(182,223,253,1) 100%);
background: -ms-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 26%,rgba(184,226,246,1) 82%,rgba(182,223,253,1) 100%);
background: linear-gradient(to bottom, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 26%,rgba(184,226,246,1) 82%,rgba(182,223,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 );


	 color: #0047de; padding: 8px; box-shadow: 0 0 3px #666; border: 1px solid #59c4ec;
}

#menu-bg {

background: #fff;
/*background: rgb(249,252,247);
background: -moz-linear-gradient(top, rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1)));
background: -webkit-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: -o-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: -ms-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: linear-gradient(to bottom, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 );*/

border-bottom: 4px solid #23be23;

padding: 0.5em;



}

#body-bg {

background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,239,196,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(209,239,196,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,239,196,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,239,196,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,239,196,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(209,239,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1efc4',GradientType=0 );



}

#body-bg1 {

 background: #f1ffea;

}

#slider-bg{

width: 100%; height: 450px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;
}



#slider-logo {



bottom: 380px;

font-weight: 300; width: 410px; height: auto; font-size: 17px;
	  color: #0b3c0b; 
	 opacity: 1; 

background: rgba(255, 255, 255, 0.7); 

	 line-height: 2em;

	text-transform: uppercase;

}

#slider-caption {

padding: 10px; text-transform: capitalize; background: rgba(255,255,255,0.3);

color: #0b3c0b;
}

#box-bg {

	background: #009a3d url(../images/bg2.png) repeat-x;

	padding: 5px;

	
}

#feature-bg {

	background: #dff0d8; 
	 padding-top: 2em;
	 padding-bottom: 3em;
}

.features {
    background: rgba(0, 0, 0, 0) url("../images/fea-bg.jpg") no-repeat scroll 0 0 / cover ;
    padding: 0.5em 0 1.5em;
}


.features-head {
    padding-bottom: 4em;
}
.features-grid span {
    background: rgba(0, 0, 0, 0) url("../images/fea-icons.png") no-repeat scroll 0 0;
    display: block;
    height: 130px;
    margin: 0 auto;
    width: 130px;
}

.features-grid span.f-icon1 {
    background-position: -298px 0;
}

.features-grid span.f-icon2 {
    background-position: -597px 0;
}

.features-grid span.f-icon3 {
    background-position: -897px 0;
}

.features-grid label {
    background: #0b3c0b none repeat scroll 0 0;
    border-radius: 5em;
    display: inline-block;
    height: 1px;
    margin-top: 1em;
    width: 30%;
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 2.5px;
}

.features-grid h3 {
    color: #038e00;
    font-family: "Roboto Slab",serif;

}

.features-head h3 {
    color: #0b3c0b;
    font-size: 2.5em;
    font-weight: bold;
    margin: 0;
    padding: 0.1em 0;
}
