.horizontal_accordion {
    display:table;
	width:100%;
}
.horizontal_accordion .accordion-item{
	display: table-cell;
    vertical-align: bottom;
	overflow:hidden;
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all ease-in 200ms; /* Opera */
	-ms-transition: 	all ease-in 200ms; /* IE9? */
	border-left:20px solid transparent;
	position:relative;
	cursor:pointer;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
    height: 400px;
}
.horizontal_accordion .accordion-item.first{
	border-left:none!important;
}

.horizontal_accordion .accordion-item.active{
	width:50%!important;
	cursor:inherit;
}
.horizontal_accordion .accordion-item .bg-image{
	top:0;
	left:0;
	right:0;
	position:absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	height:400px;
}


.horizontal_accordion .item-content:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	width:100%;
	overflow:hidden;
}
.horizontal_accordion .item-content{
	position:absolute;
	bottom:0;
	left:0;
	right:0px;
	z-index:1;
	padding:20px;
	font-size:16px;
	line-height:1.5;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	visibility:hidden;
	opacity:0;
	transition: 		none;
	-moz-transition: 	none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: 		none; /* Opera */
	-ms-transition: 	none; /* IE9? */
}
.horizontal_accordion .accordion-item.active .item-content{
	transform:translateY(0);
	-webkit-transform:translateY(0);
	visibility:visible;
	opacity:1;
	transition: 		all 200ms ease-in 200ms;
	-moz-transition: 	all 200ms ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 200ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 200ms; /* IE9? */
}

.horizontal_accordion .item-content .bg-color{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.9;
	z-index:-1;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.horizontal_accordion .item-content .item-title{
	font-size:24px;
	color:#FFF;
	line-height:1.4;
	margin-bottom:20px;
}
.horizontal_accordion .item-content,
.horizontal_accordion .item-content a,
.horizontal_accordion .item-content a:link,
.horizontal_accordion .item-content a:active,
.horizontal_accordion .item-content a:visited,
.horizontal_accordion .item-content a:hover{
	color:#FFF;
}
.horizontal_accordion .item-content a:hover{
	text-decoration:underline;
}
.horizontal_accordion .item-content p{
	margin:0;
}
.horizontal_accordion .item-content p a{
	font-weight:bold;
}
.horizontal_accordion .item-content .icon--arrow{
	background-position:-1em -1em;
}

@media only screen and (max-width: 767px) {
	.horizontal_accordion {
		display:block;
	}
	.horizontal_accordion .accordion-item,
	.horizontal_accordion .accordion-item.active{
		display:block;
		width:100%!important;
		border:none!important;
		margin-top:20px;
	}
	.horizontal_accordion .accordion-item.first{
		margin:0!important;
	}
	.horizontal_accordion .item-content{
		transform:translateY(0);
		-webkit-transform:translateY(0);
		visibility:visible;
		opacity:1;
		min-height:30px;
		box-sizing:content-box;		
	}
	.horizontal_accordion .item-description{
		display:none;
	}
	.horizontal_accordion .accordion-item.active .item-description{
		display:block;
	}
	.horizontal_accordion .accordion-item{
		height:70px!important;
	}
	.horizontal_accordion .accordion-item.active{
		height:300px!important;
	}
	.horizontal_accordion .accordion-item .bg-image{
		height:100%!important;
	}
	.horizontal_accordion .item-content .item-title{
		margin:0;
		white-space: nowrap;
		overflow: hidden ;
		text-overflow: ellipsis;
		line-height:1.4;
		pointer-events:none;
		font-size:20px;
		font-weight:normal;
	}
	.horizontal_accordion .accordion-item.active  .item-content .item-title{
		white-space:normal;
		margin-bottom:10px;
		pointer-events:inherit;
	}
}