.pana-accordion {
	width: 100%;
	height: 390px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.pana-accordion.three, .pana-accordion.three .pana-accordion-wrap .pana-accordion-item {
	height: 235px!important;
}

.pana-accordion .pana-accordion-wrap {
	margin-left: -1px;
	position: relative;
	width: 300%
}

.pana-accordion .pana-accordion-wrap .pana-accordion-item {
	border-left: 1px solid #BABABA;
	width: 100px;
	height: 390px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: 0;
	top: 0
}

.pana-accordion .pana-accordion-wrap .pana-accordion-item .pana-accordion-mask {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 10;
	background-color: #000;
	filter: alpha(opacity=40);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-webkit-opacity: 0.4;
	-khtml-opacity: 0.4;
	-moz-opacity: 0.4;
	-ms-opacity: 0.4;
	-o-opacity: 0.4;
	opacity: 0.4
}

.pana-accordion .pana-accordion-wrap .pana-accordion-item.active .pana-accordion-mask {
	display: none
}

/*custom*/
.about_sec.two{
    margin: 30px 0 120px;
}

.beforeAfterSection2{
    margin-top: -70px;
}
.beforeAfterSection2 .carousel .carousel-indicators{
    left: -80px;
    bottom: -30px;
}

.beforeAfterSection2 .carousel .captionBox.before{background-color: #a98346;}
.beforeAfterSection2 .carousel .captionBox.after{background-color: #18a2b8;}
.beforeAfterSection2 .carousel .carousel-indicators li{
    width: 12px;
    height: 12px;
    background-color: #b9e3ea;
    border-radius: 25px;
    cursor: pointer;
}
.beforeAfterSection2 .carousel .carousel-indicators li.active{
    background-color: #18a2b8;
}

@media all and (max-width: 767px){
	.about_sec.two{margin: 0 0 50px;}
	.beforeAfterSection2 .carousel .carousel-indicators {left: -40px;}
	
	.beforeAfterSection2{margin-bottom: 50px;}
}