.video-container {
	height: auto;
	width: auto;
	display: block;
	overflow: hidden;
	z-index: -10000;
	background: #ddd;
}

.book-page-header {
	height: 100px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url(../images/bg-blue.jpg);
	opacity: 0.7;
	margin-bottom: -40px;
	padding-top: 20px;
	color: #fff;
}

.book-page-header small {
	color: #fff;
}

.book-page-header-movie {
	background-color: yellow;
}

.book-page-header-about {
	background-color: green;
}

.book-page-header-contact {
	background-color: red;
}

/* footer  */


/* technology */

#technology {
	margin-top: 36px;
}

.technology-1 {
	height: 0;
	width: 100%;
	padding-top: 125%;

}

.technology-1-well {
  padding: 8% 0 7%;
  margin-bottom: 12%;

}

.technology-2 {
	position: relative;
	overflow: hidden;
}
.technology-2 img {
	position: relative;
	z-index: 1;
}
.technology-2::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	right: -1px;
	width: 50%;
	background: #e90063;
	mix-blend-mode: multiply; /*low support*/
	opacity: .9; /* for other browsers */
	-webkit-transform: translateX(100%);
  transform: translateX(100%);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
}
.technology-2:hover::after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.technology-2-well {
	padding: 9% 10% 22%;
	
}

.technology-3 {
	position: relative;
	background: black;
	box-shadow: 28px 28px 57px rgba(0,0,0,.25);
}
.technology-3 img {
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

}
.technology-3:hover img {
	opacity: .666;
}
}



.technology-3-well {
  padding: 9% 10% 25%;
}