/* ==========================================================================
   home Styles
 * ========================================================================== */

@media (max-width:767px) {
	.col-xs-6 {
		height:130px;
	}
	.leftControl, .rightControl {
		height: 50px;
	}
	
	.carousel-indicators {
		bottom:-29px;
	}
	.carousel-indicators li {
		border:1px solid #c9c9c9;
		background-color: #c9c9c9;
	}
	.carousel-indicators .active {	
		background-color: #005eff;
	}
	
	#homeIcon .col-sm-3 {
		padding-bottom:20px;
	}
	
	.container.homeHeaders {
	  width:100%;
	}
		
	.smHeader-text {
	  font-size: 20px;
	  top: -5px;
	 }
		
	.newsHeader-text {
	  font-size: 20px;
	  top: -5px;
	 }
 
}

@media (min-width:768px) {
	#sustainingMembers {
		height:270px;
	}
	
	.smHeader-text {
	  font-size: 23px;
	  top: -6px;
	 }
		
	.newsHeader-text {
	  font-size: 23px;
	  top: -6px;
	 }
}


@media (min-width:768px) and (max-width:991px) {
	.container.homeHeaders {
	  width:100%;
	}
}

#heroContainer {
	background:#eff1f6;
	padding-bottom:15px;
	border-bottom:1px solid #c9c9c9;
}

.heroSlider {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.40, #000000),
		color-stop(1, #09293C)
	);
	background-image: -o-linear-gradient(bottom, #000000 40%, #09293C 100%);
	background-image: -moz-linear-gradient(bottom, #000000 40%, #09293C 100%);
	background-image: -webkit-linear-gradient(bottom, #000000 40%, #09293C 100%);
	background-image: -ms-linear-gradient(bottom, #000000 40%, #09293C 100%);
	background-image: linear-gradient(to bottom, #000000 40%, #09293C 100%);
	
	background-color:#000\9;	
}

#homeIcon {
	border-bottom:1px solid #c9c9c9;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	font-size:13px;
}

#homeIcon strong {
	color:#444;
	font-size:14px;
}

#sustainingMembers {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.40, #eff1f6),
		color-stop(1, #fff)
	);
	background-image: -o-linear-gradient(bottom, #eff1f6 40%, #fff 100%);
	background-image: -moz-linear-gradient(bottom, #eff1f6 40%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #eff1f6 40%, #fff 100%);
	background-image: -ms-linear-gradient(bottom, #eff1f6 40%, #fff 100%);
	background-image: linear-gradient(to bottom, #eff1f6 40%, #fff 100%);
	
	padding-top:35px;
	padding-bottom:20px;
	border-bottom:1px solid #c9c9c9;
}

.homeHeaders {
	background:#e0e3ec;
	text-align:center;
	height:20px;
	margin-bottom:30px;
}

.smHeader-text {
  padding-left: 10px;
  padding-right: 10px;
  background: #eff1f6;
  position: relative;
  font-weight:300;
 }
 
#news {
	padding-top:35px;
	border-bottom:1px #c9c9c9 solid;
	margin-bottom:3px;
	padding-bottom:20px;
}

#news strong {
	color:#444;
}

#news .row {
	padding-top:10px;
}

.newsHeader-text {
  padding-left: 10px;
  padding-right: 10px;
  background: #fff;
  position: relative;
  font-weight:300;
 }




/* ==========================================================================
   carousel style
   ========================================================================== */

.leftControl, .rightControl {
	position: absolute;
	top:40%;
}
.leftControl {
	left:10%;
}
.rightControl {
	right:10%;
}
.carousel-control {
	width:auto;
}
.carousel-control.left {
	background-image:none;
}
.carousel-control.right {
	background-image:none;
}
  
#carousel-members {
	padding-top:10px;
	padding-bottom:30px;
	text-align:center;
} 

#carousel-members .img-responsive {
	display:inline !important;
}

#carousel-members .carousel-inner>.item {
	transition:.1s ease-in-out left;
}
 
.extra1, 
.extra2, 
.extra3
{
  display: none;
}

@media only screen and (min-width: 768px) {
  @media all and (transform-3d), (-webkit-transform-3d) {
    #carousel-members .carousel-inner > .item.active.left,
    #carousel-members .carousel-inner > .item.prev
    { 
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    
    #carousel-members .carousel-inner > .item.active.right,
    #carousel-members .carousel-inner > .item.next
    { 
        transform: translate3d(50%, 0, 0);  
        left: 0;
    }    
  }
  #carousel-members .carousel-inner > .active.left  { left: -50%; }
  #carousel-members .carousel-inner > .active.right { left:  50%; }
  #carousel-members .carousel-inner > .next         { left:  50%; }
  #carousel-members .carousel-inner > .prev         { left: -50%; }
  #carousel-members .extra1 { display: block; }
}


@media only screen and (min-width: 992px) {
  @media all and (transform-3d), (-webkit-transform-3d) {
    #carousel-members .carousel-inner > .item.active.left,
    #carousel-members .carousel-inner > .item.prev
    { 
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }
    
    #carousel-members .carousel-inner > .item.active.right,
    #carousel-members .carousel-inner > .item.next
    { 
        transform: translate3d(25%, 0, 0);  
        left: 0;
    }
  }

  #carousel-members .carousel-inner > .active.left  { left: -25%; }
  #carousel-members .carousel-inner > .active.right { left:  25%; }
  #carousel-members .carousel-inner > .next        	{ left:  25%; }
  #carousel-members .carousel-inner > .prev		 	    { left: -25%; }
  #carousel-members .extra2, 
  #carousel-members .extra3 { display: block; }
}