/* Start of CollagePlus stack v1.3.6 [page.css] */



/* transitions.css */

/*

A library of transitions for revealing the loaded images
(Heavily) Inspired by http://tympanus.net/codrops/2013/07/02/loading-effects-for-grid-items-with-css-animations/

*/

.effect-parent {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
    }

/* EFFECT 1 */
.effect-1 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    -moz-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly ease-in-out forwards;
    -moz-animation: fly ease-in-out forwards;
    animation: fly ease-in-out forwards;
}
@-webkit-keyframes fly {
    100% { -webkit-transform: rotateX(0deg); opacity: 1; -webkit-transform-origin:50% 50% 0; }
}

@-moz-keyframes fly {
    100% { -moz-transform: rotateX(0deg); opacity: 1; -moz-transform-origin:50% 50% 0; }
}

@keyframes fly {
    100% { transform: rotateX(0deg); opacity: 1; transform-origin:50% 50% 0; }
}

/* EFFECT 2 */
.effect-2 {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp ease forwards;
    -moz-animation: moveUp ease forwards;
    animation: moveUp ease forwards;
}

@-webkit-keyframes moveUp {
    to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
    to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    to { transform: translateY(0); opacity: 1; }
}

/* EFFECT 3 */
.effect-3 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective ease-in-out forwards;
    -moz-animation: fallPerspective ease-in-out forwards;
    animation: fallPerspective ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
    100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@-moz-keyframes fallPerspective {
    100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
    100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* EFFECT 4 */
.effect-4 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip ease-in-out forwards;
    -moz-animation: flip ease-in-out forwards;
    animation: flip ease-in-out forwards;
}

@-webkit-keyframes flip {
    100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@-moz-keyframes flip {
    100% { -moz-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
    100% { transform: rotateX(0deg); opacity: 1; }
}

/* EFFECT 5 */
.effect-5 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards;
}

/* EFFECT 6 */
.effect-6 {
    -webkit-transform:  scale(0.638) translate(-179px);
    -moz-transform:     scale(0.638) translate(-179px);
    transform:          scale(0.638) translate(-179px);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards;
}

/* Universal durations */
.effect-duration-1{
    -webkit-animation-duration: .4s;
    -moz-animation-duration:    .4s;
    animation-duration:         .4s;
}
.effect-duration-2{
    -webkit-animation-duration: .5s;
    -moz-animation-duration:    .5s;
    animation-duration:         .5s;
}
.effect-duration-3{
    -webkit-animation-duration: .6s;
    -moz-animation-duration:    .6s;
    animation-duration:         .6s;
}
.effect-duration-4{
    -webkit-animation-duration: .7s;
    -moz-animation-duration:    .7s;
    animation-duration:         .7s;
}
.effect-duration-5{
    -webkit-animation-duration: .8s;
    -moz-animation-duration:    .8s;
    animation-duration:         .8s;
}
.effect-duration-6{
    -webkit-animation-duration: .9s;
    -moz-animation-duration:    .9s;
    animation-duration:         .9s;
}
.effect-duration-7{
    -webkit-animation-duration: .95s;
    -moz-animation-duration:    .95s;
    animation-duration:         .95s;
}
.effect-duration-8{
    -webkit-animation-duration: 1s;
    -moz-animation-duration:    1s;
    animation-duration:         1s;
}
.effect-duration-9{
    -webkit-animation-duration: 1.05s;
    -moz-animation-duration:    1.05s;
    animation-duration:         1.05s;
}
.effect-duration-10{
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration:    1.1s;
    animation-duration:         1.1s;
}

/* end of transitions.css */

#stacks_in_248 .Collage{
    /*This is where you set the padding you want between the images*/
    padding: 10px;
}

#stacks_in_248 {
 
	margin: 0px;

}

#stacks_in_248 * {
	-webkit-transition: all 400ms ease-in-out;
	   -moz-transition: all 400ms ease-in-out;
	     -o-transition: all 400ms ease-in-out;
	        transition: all 400ms ease-in-out;
}
	
#stacks_in_248 .Collage img{
    margin:0;
    padding:0;
    display:inline-block;
    vertical-align:bottom;
    opacity:1;
    /*This is where you set the border you want for the image*/
    border: 0px solid #FFFFFF;
    
	-webkit-filter: blur(0) grayscale(0) sepia(0);
	filter: blur(0) grayscale(0) sepia(0);
	
    
	
	
	
	opacity: 1;
	
}

#stacks_in_248 .Collage img:hover {
    border: 0px solid #E6E6E6;
    
	
	
	

	opacity: 0.50;
	-webkit-filter: blur(0) grayscale(0) sepia(0);
	filter: blur(0) grayscale(0) sepia(0);
	
}

#stacks_in_248 .centered_image {
    opacity:0;
  
	box-shadow: 0 0 10px rgba(0, 0, 0, 1.00);

    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}
    
#stacks_in_248 .centered_image img{
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

#stacks_in_248 .Caption_Background {
	    border-radius: 0 0 22px 22px;
}

#stacks_in_248 .Caption{
    font-size: 14px;
	font-weight: normal;
	font-style: normal;
	display: none;
}



#stacks_in_248 .Caption_Content{
    color: #FFFFFF;
    padding:20px;
}

/* End of CollagePlus stack [page.css] */
/* ResponsiveLightboxPlus stack v1.1.2 */




.lightbox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background: rgba(0,0,0,.7);*/ /*vervangen door background + op */
	background: rgba(255, 255, 255, 0.80);
	-webkit-filter: none !important;
	z-index: 100000 !important; /* changed to deal with the overenthusiastic z-indexes of Henk's Stripped theme */
}

.lightbox img {
	display: block;
	position: absolute;
	border: 5px solid rgba(255, 255, 255, 1.00);
	box-shadow: 0 0 20px rgba(255, 255, 255, 1.00);
	border-radius: 0px;
	background: rgba(255, 255, 255, 1.00);
}

body.blurred>* {
	-webkit-filter: blur(2px);
	-webkit-transform: translate3d(0,0,0)
}

.lightbox__loading {
	/*background: url(loading.gif) center center no-repeat;*/
	background: url(../files/responsivelightbox-images/loading.gif) center center no-repeat;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 50%;
	left: 50%
}

.lightbox__caption {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 9998;
	background: rgba(0, 0, 0, 0.80);
}

.lightbox__caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	padding: 12px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18.000000px;
}

.lightbox__button {
	position: absolute;
	z-index: 9999;
	background: center center no-repeat;
	width: 32px;
	height: 32px;
	opacity: .4;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	        transition: all .3s;
}

.lightbox__button:focus,.lightbox__button:hover {
	opacity: 1;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4)
}

.lightbox__close {
	right: 10px;
	top: 10px;
	/*background-image: url(close.png)*/
	background: url(../files/responsivelightbox-images/close.png);
}

.lightbox__nav {
	top: 50%;
	margin-top: -16px
}

.lightbox__nav--next {
	right: 10px;
	/*background-image: url(next.png)*/
	background: url(../files/responsivelightbox-images/next.png);
}

.lightbox__nav--prev {
	left: 10px;
	/*background-image: url(previous.png)*/
	background: url(../files/responsivelightbox-images/previous.png);
}
/* End of ResponsiveLightboxPlus stack */