#fotoalbum{
    display: block;
    position: relative;
    width: 100%;

}
a.fotoalbum {
    display: block;
    float: left;
    width: 250px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    padding: 5px;
    margin-bottom: 15px;
}
a.fotoalbum:nth-child(2n+2) {
    margin-left: 15px;
}

/*///////////////////////////////////////////////
               Foto album V2
///////////////////////////////////////////////*/
#fotos {
	padding: 0 30px 0 15px;
}

#fotos .item {

    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
    text-align: center;
    vertical-align: middle;
	
}
#fotos .item:before {
	display:block;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 1;
}
#fotos .item:after {
	font-size: 1px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;	
}
#fotos .item:hover {
	-webkit-transform :scale(1.5); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform :scale(1.5); /* IE 9 */
	transform: scale(1.5) ;
}
#fotos .item:hover:before {
	background-color: rgba(0,0,0,0.7);
}	

#fotos .item .titel {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	//background-color: rgba(0,153,0,0.8);
	color: #ffffff;
	text-align: center;
	z-index: 3;
	padding: 5px;
	font-size: 15px;
	line-height: 2;
	
}
#fotos .item:hover .titel {
	display: flex;
  	align-items: center;
  	justify-content: center;
	transform: scale(0.6667) ;
}
#fotos .item .titel .zoom {
	position: absolute;
	right: 10px;
	top: 10px;
}
#fotos .item .titel p{
	font-size: 22px;
	font-weight: 300;
}
#fotos .item .popup {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}	

#fotos .slide {
	display: block;
	float:left;
	height: 300px;
	margin-bottom: 20px;
	width: 50%;
	line-height: 2;
}

#fotos .item {
	height: 300px;
	//border: 1px solid rgba(240,96,0,1);
}



#fotos .foto1 {
	width: 70%;
	height: 440px;
	margin-right: 20px;
	font-size: 28px;

	
}
#fotos .foto1 .item{
	height: 440px;
}
#fotos .foto2 {
	height: 210px;
	width: 20%;
	width: calc(30% - 20px);
	font-size: 18px;
}
#fotos .foto2 .item {
	height: 210px;
}
#fotos .foto2.van2, #fotos .foto2.van2 .item {
	height: 440px;
}
#fotos .foto2.van3, #fotos .foto2.van3 .item, #fotos .foto2.van5, #fotos .foto2.van5 .item {
	height: 210px;
}
#fotos .foto3.van3, #fotos .foto3.van5 {
	width: 20%;
	width: calc(30% - 20px);
}

#fotos .foto3.van3, #fotos .foto3.van3 .item {
	height: 210px;
}
#fotos .foto3.van4, #fotos .foto3.meerdan5  {
	//margin-right: 20px;
}
#fotos .foto3.van4, #fotos .foto3.meerdan5 {
	height: 80px;
	width: 40px;
	width: calc(30% - 20px);
}
#fotos .foto3.van4 .item, #fotos .foto3.meerdan5 .item{
 	height: 210px;
}


/* 2 foto's naast elkaar */
#fotos .rij1 .slide, #fotos .rij5 .slide{
	width: calc(50% - 10px);
	margin-right: 20px;
	font-size: 18px;
}
#fotos .rij1 .slide:last-of-type, #fotos .rij5 .slide:last-of-type {
	margin-right: 0;
}

/* 4 foto's eerst klein */
#fotos .rij2 .groep {
	float: left;
	height: 200px;
	width: 30%;
	width: calc(40% - 20px);
}
#fotos .rij2 .inrij1 {
	height: 200px;
	width: 100%;
	font-size: 18px;
	
}
#fotos .rij2 .inrij1 .item {
	height: 200px;
}
#fotos .rij2 .inrij2, #fotos .rij2 .inrij3 { 
	height: 80px;
	width: 40px;
	width: calc(50% - 10px);
}
#fotos .rij2 .inrij2 {
	margin-right: 20px;
}
#fotos .rij2 .inrij2 .item, #fotos .rij2 .inrij3 .item{
	height: 80px;
}

#fotos .rij2 .inrij2 .carousel-control .glyphicon-chevron-left, #fotos .rij2 .inrij2 .carousel-control .glyphicon-chevron-right, 
#fotos .rij2 .inrij3 .carousel-control .glyphicon-chevron-left, #fotos .rij2 .inrij3 .carousel-control .glyphicon-chevron-right, 
#fotos .foto3.van4  .carousel-control .glyphicon-chevron-left, #fotos .foto3.van4  .carousel-control .glyphicon-chevron-right, 
#fotos .foto4.van4  .carousel-control .glyphicon-chevron-left, #fotos .foto4.van4  .carousel-control .glyphicon-chevron-right, 
#fotos .foto3.meerdan5  .carousel-control .glyphicon-chevron-left, #fotos .foto3.meerdan5  .carousel-control .glyphicon-chevron-right, 
#fotos .foto4.meerdan5  .carousel-control .glyphicon-chevron-left, #fotos .foto4.meerdan5  .carousel-control .glyphicon-chevron-right
{
	font-size: 18px;
}

#fotos .rij2 .inrij4 {
	.width: 60%;
	height: 300px;
	margin-left: 20px;
	margin-right: 0;
	font-size: 22px;
}

#fotos .rij2 .inrij4 .item{
	height: 300px;
}

/* 3 foto's naast elkaar*/
#fotos .rij3 .slide{
	height: 210px;
	width: calc(33.333333333333% - 13.3333333333px);
	margin-right: 20px;
	font-size: 18px;
}
#fotos .rij3 .slide:last-of-type {
	margin-right: 0;
}
#fotos .rij3 .item {
	height: 210px;
}
/* 3 foto's eerst klein */
#fotos .rij4 .groep {
	float: left;
	height: 440px;
	width: 30%;
	width: calc(30% - 20px);
	
}
#fotos .rij4 .inrij1, #fotos .rij4 .inrij2 {
	width: 100%;
	height: 210px;

	font-size: 22px;
}

#fotos .rij4 .inrij1 .item, #fotos .rij4 .inrij2 .item{
	height: 210px;
}

#fotos .rij4 .inrij3 {
	height: 440px;
	width: 40px;
	width: calc(70%);
	font-size: 14px;
	margin-left: 20px;	
}
#fotos .rij4 .inrij3 .item {
	height: 440px;
}
/* 3 foto's klein eerst */
#fotos .rij6 .groep {
	float: left;
	height: 300px;
	width: 30%;
	width: calc(30% - 20px);
}
#fotos .rij6 .inrij1, #fotos .rij6 .inrij2 {
	height: 140px;
	width: 100%;
	font-size: 14px;
	
}
#fotos .rij6 .inrij1 .item, #fotos .rij6 .inrij2 .item {
	height: 140px;
}

#fotos .rij6 .inrij3{
	width: 70%;
	height: 300px;
	margin-left: 20px;
	margin-right: 0;
	font-size: 22px;
}

#fotos .rij6 .inrij3 .item{
	height: 300px;
}

@media only screen and (max-width : 768px) {
	.slide, .groep, .item {
		width: 100% !important;
		float: none !important;
		height: 200px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		margin-bottom: 20px !important;
	}
	
	
}
/* carousel opties */
#fotos .carousel-control {
	background: none !important;
}
#fotos .carousel-indicators {
	margin-bottom: 0;
	bottom: 3px;
}
#fotos .carousel-indicators li{
	border-color: rgb(240, 96, 0);
}
#fotos .carousel-indicators li.active{
	background-color: rgb(240, 96, 0);
}


#fotoalbum2 #sb-title-inner {
	font-size: 22px;	
}