@-webkit-keyframes spinner {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinner {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}

@-ms-keyframes spinner {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}

@-o-keyframes spinner {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}

@keyframes spinner {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
    0%, 100% {-moz-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-ms-keyframes shake {
    0%, 100% {-ms-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
}

@-o-keyframes shake {
    0%, 100% {-o-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}

#photo-gallery {
	
}

#glisse-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10010;
}

.row {
	width: 32%;
	display: inline-block;
	vertical-align: top;
}

#photo-gallery li {
	width: 100%;

}

#photo-gallery li img {
	width: 100%;
	display: block;
	padding: 10px;
}

#photo-gallery li img:hover {
	opacity: .75;
}

#glisse-overlay-content {
    position: fixed;
    top: 10%;
    right: 10%;
    bottom: 10%;
    left: 10%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0;
    -moz-background-size:       contain;
    -webkit-background-size:    contain;
    -o-background-size:         contain;
    background-size:            contain;
    -webkit-backface-visibility:hidden;
    backface-visibility:        hidden;
}

.gallery {
	cursor:pointer;
}

#glisse-overlay {
	position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
	background-color: rgba(0, 0, 0, .5);
}
  
#glisse-close {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 30px;
	width: 30px;
	cursor: pointer;
	display: block;
}

#glisse-close span, #glisse-close span::before, #glisse-close span::after {
	backface-visibility: hidden;
	background-color: #efefef;
	content: '';
	display: block;
	height: 3px;
	margin-top: 10px;
	position: absolute;
	width: 30px;
}

#glisse-close span {
	background-color: transparent;
}

#glisse-close span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 0;
}
		
#glisse-close span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: -10px;
}

#glisse-controls {
	position: absolute;
	top: 47%;
	left: 0;
	right: 0;
	text-align: center;
}

.glisse-next, .glisse-prev {
	position: absolute;
}

.glisse-next {
	right: 15px;
}

.glisse-prev {
	left: 15px;
}

.glisse-next a, .glisse-prev a {
  width: 35px;
  height: 35px;
  display: block;
  color: #efefef;
  cursor: pointer;
  font-size: 2.5em;
  text-align: center;
  line-height: 100%;
  font-family: initial;
}

#glisse-controls .ended a {
/* 	opacity:.3;cursor:default; */
}

#glisse-overlay, #glisse-close, #glisse-controls,#glisse-spinner{
	opacity:0;
}

#glisse-overlay.loading #glisse-spinner {
	opacity:1;
}

#glisse-spinner { 
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;

	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	-o-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

#glisse-spinner div {
	border-color: #7F665B #7F665B #FAEBD7 #FAEBD7;
	border-radius: 100%;
	border-width: 2px;
	border-style: solid;
	display: inline-block;
	margin: 50px 0 25px 0;
	width: 30px;
	height: 30px;
		 
	-webkit-animation: 1s linear 0s normal none infinite running spinner;
	-moz-animation: 1s linear 0s normal none infinite running spinner;
	-ms-animation: 1s linear 0s normal none infinite running spinner;
	-o-animation: 1s linear 0s normal none infinite running spinner;
	animation: 1s linear 0s normal none infinite running spinner;
}

#glisse-overlay-content.shake {
	-webkit-animation: shake 600ms 1;
	-moz-animation:    shake 600ms 1;
	-ms-animation:     shake 600ms 1;
	-o-animation:      shake 600ms 1;
	animation:         shake 600ms 1;
}

/* Video Gallery */

#video-gallery li {
	margin: 10px;
}

.youtube-player {
	position: relative;
	background-color: #161517;
	cursor: pointer;
}

.video-placeholder, .youtube-player iframe {
	display: block;
	width: 400px;
	height: 220px;
	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.youtube-player:hover .video-placeholder {
	opacity: .75;
}

.youtube-player .play {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	-o-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

.youtube-player .play img, #releases .buy img {
	max-width: 45px;
	width: 100%;
	height: 45px;
}

@media (max-width:768px) { 
	
	
	#photo-gallery li img { 
		padding: 5px;
	}
	
	#video-gallery li {
		margin: 5px;
	}
	
	.video-placeholder, .youtube-player iframe { 
		width: 200px;
		height: 110px;
	}
	
	#glisse-controls {
		position: absolute;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
	}
	
	.glisse-next, .glisse-prev {
		display: inline-block;
		margin: 0 5px;
		position: relative;
		right: auto;
		left: auto;
	}

}