/* Start Video Plus stack CSS code */


.stacks_in_4overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 2147483000;
	overflow: scroll;
	transition: all 1s ease 0.2s;
}


.stacks_in_4leftCol{
	position: absolute;
	width: 70%;
	height: 100%;
	top:0;
	left: 0;
	right: 30%;
	overflow: scroll;
	margin-left: -70%;
	transition: all 0.6s ease;
}

.stacks_in_4leftcolTable{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}

.stacks_in_4leftcolCell{
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.stacks_in_4leftcolContent{
    width: 80%;
    margin: auto;
    text-align: left;
}


.stacks_in_4rightCol{
	position: absolute;
	width: 30%;
	background: #FFFFFF;
	top:0;
	right: 0;
	height: 100%;
	overflow: scroll;
	margin-right: -30%;
	transition: all 0.6s ease;
}

.stacks_in_4rightcolContent{
	padding: 60px 30px 50px 30px;
}

.stacks_in_4theX{
	display: none;
	position: absolute;
	width: 33px;
	height: 33px;
	top: 20px;
	right: 20px;
}

@media all and (max-width: 768px) {
	.stacks_in_4overlay{
		background: #FFFFFF !important;
		padding-top: 70px;
	}
	
	.stacks_in_4leftCol{
		position: relative;
		width: 100%;
		height: auto;
		background: #FFFFFF;
	}
	
	.stacks_in_4leftcolTable{
		position: relative;
		display: table;
		width: 100%;
		height: 100%;
	}
	
	.stacks_in_4leftcolCell{
	   display: table-cell;
	   text-align: center;
	   vertical-align: middle;
	}
	
	.stacks_in_4leftcolContent{
	    width: 90%;
	    margin: auto;
	    text-align: left;
	}
	
	.stacks_in_4rightCol{
		position: relative;
		width: 100%;
		background: #FFFFFF;
		top:0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	
	.stacks_in_4rightcolContent{
		margin: auto;
	}
}

	
	
	









.stacks_in_4posterWrapper img{
	max-width: 100%;
	height: auto;
}

.stacks_in_4posterWrapper img:hover{
	cursor: pointer;
}

.stacks_in_4rightcolContentInner img{
	max-width: 100%;
	height: auto;
}



.stacks_in_4videoButton{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: auto;
	transform: translate(-50%,-50%);
}

/* End Video Plus stack CSS code */
#stacks_in_4 {
	border: solid rgba(191, 194, 194, 1.00);
	border-width:  1px;
	-moz-border-radius:  1px;
	-webkit-border-radius:  1px;
	border-radius:  1px;
	margin:  20px;
	padding:  20px;
}
/* Start Video Plus stack CSS code */


.stacks_in_8overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 2147483000;
	overflow: scroll;
	transition: all 1s ease 0.2s;
}


.stacks_in_8leftCol{
	position: absolute;
	width: 70%;
	height: 100%;
	top:0;
	left: 0;
	right: 30%;
	overflow: scroll;
	margin-left: -70%;
	transition: all 0.6s ease;
}

.stacks_in_8leftcolTable{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}

.stacks_in_8leftcolCell{
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.stacks_in_8leftcolContent{
    width: 80%;
    margin: auto;
    text-align: left;
}


.stacks_in_8rightCol{
	position: absolute;
	width: 30%;
	background: #FFFFFF;
	top:0;
	right: 0;
	height: 100%;
	overflow: scroll;
	margin-right: -30%;
	transition: all 0.6s ease;
}

.stacks_in_8rightcolContent{
	padding: 60px 30px 50px 30px;
}

.stacks_in_8theX{
	display: none;
	position: absolute;
	width: 33px;
	height: 33px;
	top: 20px;
	right: 20px;
}

@media all and (max-width: 768px) {
	.stacks_in_8overlay{
		background: #FFFFFF !important;
		padding-top: 70px;
	}
	
	.stacks_in_8leftCol{
		position: relative;
		width: 100%;
		height: auto;
		background: #FFFFFF;
	}
	
	.stacks_in_8leftcolTable{
		position: relative;
		display: table;
		width: 100%;
		height: 100%;
	}
	
	.stacks_in_8leftcolCell{
	   display: table-cell;
	   text-align: center;
	   vertical-align: middle;
	}
	
	.stacks_in_8leftcolContent{
	    width: 90%;
	    margin: auto;
	    text-align: left;
	}
	
	.stacks_in_8rightCol{
		position: relative;
		width: 100%;
		background: #FFFFFF;
		top:0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	
	.stacks_in_8rightcolContent{
		margin: auto;
	}
}

	
	
	









.stacks_in_8posterWrapper img{
	max-width: 100%;
	height: auto;
}

.stacks_in_8posterWrapper img:hover{
	cursor: pointer;
}

.stacks_in_8rightcolContentInner img{
	max-width: 100%;
	height: auto;
}



.stacks_in_8videoButton{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: auto;
	transform: translate(-50%,-50%);
}

/* End Video Plus stack CSS code */
#stacks_in_8 {
	border: solid rgba(221, 225, 225, 1.00);
	border-width:  1px;
	-moz-border-radius:  1px;
	-webkit-border-radius:  1px;
	border-radius:  1px;
	margin:  20px;
	padding:  20px;
}