#before_content .home_custom{ overflow:hidden;}
.container {
  width: 220px;
  height: 300px;
    position: relative;
    margin: 0px auto 100px;
    perspective: 500px;	
	-webkit-perspective: 500px;
	-ms-perspective: 500px;
	
}

#carousel {
width: 100%;
height: 100%;
position: absolute;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;

transform:translateZ(-537px);
-webkit-transform:translateZ(-537px);
-ms-transform:translateZ(-537px);

transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
}

/*
.carousel_item:nth-child(1) {-webkit-transform: rotateY(0deg) translateZ(537px) rotateY(0deg); transform: rotateY(0deg) translateZ(537px) rotateY(0deg); opacity: 2;}
.carousel_item:nth-child(2) {-webkit-transform: rotateY(60deg) translateZ(537px) rotateY(-60deg); transform: rotateY(60deg) translateZ(537px) rotateY(-60deg); opacity: 0.888889; filter: blur(1.11111px);}
.carousel_item:nth-child(3) {-webkit-transform: rotateY(120deg) translateZ(537px) rotateY(-120deg); transform: rotateY(120deg) translateZ(537px) rotateY(-120deg); opacity: 0.222222; filter: blur(1.77778px);}
.carousel_item:nth-child(4) {-webkit-transform: rotateY(180deg) translateZ(537px) rotateY(-180deg); transform: rotateY(180deg) translateZ(537px) rotateY(-180deg); opacity: 0; filter: blur(2px);}
.carousel_item:nth-child(5) {-webkit-transform: rotateY(240deg) translateZ(537px) rotateY(-240deg); transform: rotateY(240deg) translateZ(537px) rotateY(-240deg); opacity: 0.222222; filter: blur(1.77778px);}
.carousel_item:nth-child(6) {-webkit-transform: rotateY(300deg) translateZ(537px) rotateY(-300deg); transform: rotateY(300deg) translateZ(537px) rotateY(-300deg); opacity: 0.888889; filter: blur(1.11111px);}
*/
.carousel_item { 



  display: block;
  position: absolute;
  width: 220px;
  height: auto; padding-bottom:15px;
  border-top:#999 solid 0px;
  
  border-bottom:#999 solid 1px;
  transition:all 0.5s ease-out;
  -webkit-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  opacity:1;
  overflow:hidden;
 /*background-color: rgba(242,242,242 ,0.5); 
box-shadow:rgba(175,175,175,1) 5px 5px 5px;
background-color:rgba(242,242,242,0.5); */
height:340px;
height:260px;



}


.carousel_item img{ width:100%; height:auto; max-width:120px;  display: block; margin-left: auto; margin-right: auto; margin-top:25px;}


.carousel_item a { text-align:left; }
.carousel_item a:hover { opacity:0.5;}
.carousel_item a{border-bottom:#bbb solid 1px; display:block; padding:0px 0 10px 0; }
.carousel_item h2 { 

font-size: 20px;
line-height: 1.5em;
margin: 0px 3px 10px 3px;
padding:10px 0px 0px 0px;
color: #2F37B5;
text-align:left;
/*border-bottom:#000 dotted 1px;*/
border-top:#eee solid 2px;
}
.carousel_item h3 { 
font-size: 16px;
line-height: 1.5em;
margin: 0px 3px 5px 3px;
color: #49525B;
color: #9EB0E6;
text-align:left;

}
.carousel_item p {
font-size: 14px;
line-height: 1.5em;
margin: 0px 3px 0 3px;
text-align:left;
margin-bottom:10px;


}

#carousel_nav { position:absolute; top:270px; width:100%;}
@media screen and (min-width: 450px) and 
  (max-width: 820px)  {
	  #carousel_nav { position:absolute; top:auto; width:100%;}
		#carousel_nav img { width:50px; height:50px;}
  }
@media screen and (max-width: 450px) {
	
		#carousel_nav { position:absolute; top:auto; width:100%;}
		#carousel_nav img { width:50px; height:50px;}
}