.hop_wrap {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999998;
}

.hop {
	position:absolute;
	top:0;
	bottom:0;
	width:740px;
	left:50%;
	margin-left:-370px;
	background:#000000;
	text-align:center;
	padding:30px;
	color:#ffffff;
	overflow:auto;
} 

.close_hop {
	display:block;
	position:absolute;
	top:20px;
	right:20px;
}

.close_hop img {
	display:block;
	width:20px;
	height:auto;
}

.hop_cover {
	display:block;
	width:240px;
	height:auto;
	margin:0 auto;
}

.hop h2,
.hop h3 {
	padding-top:20px;
}

.hop p {
	padding-top:10px;
}

.hop_pics {
	margin-top:40px;
	padding:0 60px;
}

.hop_pics .row {
	margin-left:-5px;
  	margin-right:-5px;
}

.hop_pics .row [class*="col-"] {
    padding-left:5px;
    padding-right:5px;
}

.hop_pics .img_wrap {
	position:relative;
	cursor:pointer;
}

.hop_pics .img_wrap:after {
	position:absolute;
	content:"";
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url('../img/hop/zoom.svg') no-repeat center center rgba(187,171,120,0.7);
	background-size:40px auto;
	opacity:0;
	transition:all 0.3s ease;
}

.hop_pics img {
	display:block;
	width:100%;
	height:auto;
	border:1px solid #BBAB78;
}

.hop_pics .img_wrap:hover:after {
	opacity:1;
}

.shop_talitres {
	display:inline-block;

}

.shop_talitres img {
	width:70px;
	height:auto;
	border-radius:100%;
	border:1px solid #ffffff;
	margin-top:10px;
	margin-bottom:30px;
	transition:all 0.3s ease;
}

.shop_talitres img:hover {
	border:1px solid #BBAB78;
}

.video_wrap {
	margin-top:40px;
    width:100%;
    position: relative;
    padding-bottom:75%;
    height:0;
    background:#000000;
}
        
.video_wrap video {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}

/* responsive */
@media (max-width:991px) {
	.hop {
		width:100%;
		left:0;
		margin-left:0;
	}
}

@media (max-width:767px) {
	.hop_pics {
		padding:0 20px;
	}

	.hop_pics .img_wrap {
		margin-bottom:10px;
	}
}