/** Content Popup New **/

.bs-content-popup-wrapper {
	display:block;
	width:100%;
	padding:10px 0px;
	position:relative;
}
.bs-content-popup-wrapper ul {
	display:block;
	position:relative;
	text-align:center;
	width:100%;
}
.bs-content-popup-wrapper ul li {
	display:inline-block;
	width:24.8988%;
	height:auto;
	cursor:pointer;
	position:relative;
	margin-right:-4px;
	overflow:hidden;
}
.bs-popup-container img {
	display:block;
	width:100%;
	opacity:1;
	position:relative;
	transition:all ease 0.3s;
	border:0px;
}
.bs-popup-base {
	display:block;
	width:100%;
	z-index:10;
	opacity:1;
	transition:all ease 0.3s;
}
.bs-popup-top {
	display:block;
	overflow:hidden;
}
.bs-popup-top img {
	display:block;
	width:100%;
	position:relative;
	z-index:8;
}
.bs-popup-text-wrapper {
	position:absolute;
	width:100%;
	min-height:10px;
	bottom:-600px;
	left:0;
	background:rgba(0,0,0,0.8);
	z-index:10;
	padding:10px 0px;
	transition:bottom ease 1.3s;
}
.bs-popup-text {
	display:block;
	position:relative;
	color:#FFF;
	width:90%;
	margin:0 auto;
	text-align:center;
	padding:0px 10px;
}
/** HOVER ACTION **/
.bs-popup-container:hover .bs-popup-base {
	opacity:0;
	transition:all ease 0.3s;
}
.bs-popup-container:hover .bs-popup-text-wrapper {
	bottom:0px;
	transition:bottom ease 0.3s;
}



/** IMAGES **/
#popup-img-1 {
	background:url(images/boxie1.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
}
#popup-img-top-1 {
	background:url(images/img1.jpg) center center no-repeat;
	background-size:cover;
}



#popup-img-2 {
	background:url(images/boxie2.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
}
#popup-img-top-2 {
	background:url(images/img2.jpg) center center no-repeat;
	background-size:cover;
}



#popup-img-3 {
	background:url(images/boxie3.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
}
#popup-img-top-3 {
	background:url(images/img3.jpg) center center no-repeat;
	background-size:cover;
}



#popup-img-4 {
	background:url(images/boxie4.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
}
#popup-img-top-4 {
	background:url(images/img4.jpg) center center no-repeat;
	background-size:cover;
}

#popup-img-5 {
	background:url(images/boxie5.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
}
#popup-img-top-5 {
	background:url(images/img5.jpg) center center no-repeat;
	background-size:cover;
}



#popup-img-6 {
	background:url(images/boxie6.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
}
#popup-img-top-6 {
	background:url(images/img6.jpg) center center no-repeat;
	background-size:cover;
}



#popup-img-7 {
	background:url(images/boxie7.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
}
#popup-img-top-7 {
	background:url(images/img7.jpg) center center no-repeat;
	background-size:cover;
}



#popup-img-8 {
	background:url(images/boxie8.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
}
#popup-img-top-8 {
	background:url(images/img8.jpg) center center no-repeat;
	background-size:cover;
}

/* Mobile Screens */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px){
	.bs-content-popup-wrapper ul li {
	display:inline-block;
	width:84.8988%;
	height:auto;
	cursor:pointer;
	position:relative;
	margin-right:-4px;
	overflow:hidden;
}

	.bs-popup-container img {
	display:block;
	width:100%;
	opacity:1;
	position:relative;
	transition:all ease 0.3s;
	border:0px;
}
	.bs-popup-base {
	display:block;
	width:100%;
	z-index:10;
	opacity:1;
	transition:all ease 0.3s;
}

	.bs-popup-top {
	display:block;
	overflow:hidden;
}
.bs-popup-top img {
	display:block;
	width:100%;
	position:relative;
	z-index:8;
}
.bs-popup-text-wrapper {
	position:absolute;
	width:100%;
	min-height:10px;
	bottom:-600px;
	left:0;
	background:rgba(0,0,0,0.8);
	z-index:10;
	padding:10px 0px;
	transition:bottom ease 1.3s;
}

	.bs-popup-text {
	color:#FFF;
	width:80%;
	text-align:center;
}


}