.box-photos .small-photos .slick-slide {
                position:relative;
            }

            /*body.detail #content-center .image .photo::before,*/
            .box-photos .small-photos .slick-slide::before,
            .box-photos .big-photo::before,
            ul.results > li > .photo::before {
                width:100%;
                height:100%;
                .box-sizing();
                padding:10px;
                .border-radius(10px);
                content:'';
                display:block;
                position:absolute;
                left:0;
                top:0;

				@pv-photo-before();
            }
            .box-photos .big-photo::before {
                background-size:512px 352px;
            }
            .box-photos .small-photos .slick-slide::before
            {
                background-size:35px 47px;
                background-position:35px 15px;
            }

.photo-carousel-results img {
    display: block;
    width: 310px;
    min-height: 207px;
    margin: 0;
    cursor:pointer;
    color:transparent;
}

/* https://github.com/kenwheeler/slick/issues/1562 */
.slick-slider * { outline: none !important; }


		ul.photo-carousel
		{
			position:relative;
			width:70000px;/*zo breed mogelijk*/
			left:0px;
		
		    li 
            {
			    width:220px;
			    height:150px;
			    float: left;
			    display:block;
			    clear:none;
			    text-align:center;
		    }

            &.active
            {
			    li
			    {
				    cursor:move;
			    }
            }
        }

		ul.photo-carousel li img, 
        .results img.image-na 
        {
			display:block;
			width:100%;
			min-height: 100%;
			margin: 0 auto;
		}

			ul.photo-carousel li .image-is
			{
				border-style: solid;
				border-width: 50px 50px 0 0;
				border-color: #007bff transparent transparent transparent;
				position:absolute;
				top:0;
				left:0;

			    &.active { border-color: #006600 transparent transparent transparent; }
			    &.inactive { border-color: #cc0000 transparent transparent transparent; }
			}




	ul.photo-carousel-tablet li
	{
		width:150px;
		height:100px;
	}

	ul.photo-carousel-phone li
	{
		width:310px;
		height:145px;
	}

.photo-carousel-results {
    height:207px;
}


/* CAROUSEL BUTTONS */

#geotree-content .photo-container .next,
#geotree-content .photo-container .prev,
ul.results > li > .photo .next,
ul.results > li > .photo .prev,
.box-photos .big-photo-container a.prev,
.box-photos .big-photo-container a.next,
.box-photos .small-photos-container a.prev,
.box-photos .small-photos-container a.next,
body.template .box a#btn-up,
body.template .box a#btn-down,
#photo a#btn-up,
#photo a#btn-down
{
	position:absolute;
	bottom:0px;
	width:50px;
	height:50px;
	overflow:hidden;
	z-index:1;
    text-decoration:none;
}
    .box-photos .small-photos-container a.prev,
    .box-photos .small-photos-container a.next
    {
        bottom:35px;
    }
    .box-photos .big-photo-container a.prev,
    .box-photos .big-photo-container a.next
    {
        width:60px;
	    height:60px;
    }
    #photo a#btn-up,
    #photo a#btn-down
    {
        width:90px;
        height:90px;
    }
    #geotree-content .photo-container .next,
    ul.results > li > .photo .next,
    .box-photos .big-photo-container a.next,
    body.template .box a#btn-up
    {
        right:0;
    }
    .box-photos .small-photos-container a.next
    {
        right:-2px;
    }
    #geotree-content .photo-container .prev,
    ul.results > li > .photo .prev,
    .box-photos .big-photo-container a.prev,
    body.template .box a#btn-down
    {
        left:0;
    }
    .box-photos .small-photos-container a.prev
    {
        left:-4px;
        z-index:5;
    }
    .box-photos .small-photos-container .slick-list  {
        z-index:6;
        position:relative;
    }


    .box-photos .small-photos-container a.prev,
    .box-photos .small-photos-container a.next,
    #photo a#btn-up,
    #photo a#btn-down {
        padding:0;width:50px;height:50px;
    }

#geotree-content .photo-container .prev::after,
#geotree-content .photo-container .next::after,
ul.results > li > .photo .prev::after,
ul.results > li > .photo .next::after,
.box-photos .big-photo-container a.prev::after,
.box-photos .big-photo-container a.next::after,
.box-photos .small-photos-container a.prev::after,
.box-photos .small-photos-container a.next::after,
body.template .box a#btn-up::after,
body.template .box a#btn-down::after,
#photo a#btn-up::after,
#photo a#btn-down::after
{
    display: block;
    
    .opacity(1) !important;
    
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin: 18px 0 10px 0;
    width: 24px;
    height: 24px;
    .box-sizing();
	@pv-photo-nextprev-button();
}

#geotree-content .photo-container .prev::after,
ul.results > li > .photo .prev::after,
.box-photos .big-photo-container a.prev::after,
body.template .box a#btn-up::after
{
    margin-left:8px;
}



#geotree-content .photo-container .next::after,
ul.results > li > .photo .next::after,
.box-photos .big-photo-container a.next::after,
body.template .box a#btn-down::after
{
    margin-left:18px;
}


    .box-photos .small-photos-container a.prev::after,
    .box-photos .small-photos-container a.next::after
    {
        width:30px;
        height:30px;
        .border-radius(15px);
        line-height:24px;
        margin:10px;
    }

    ul.results > li > .photo .prev::after,
    #geotree-content .photo-container .prev::after,
    #photo a#btn-down::after,
    .box-photos .big-photo-container a.prev::after,
    body.template .box a#btn-down::after,
    .box-photos .small-photos-container a.prev::after { 
		@pv-photocarousel-prev-after();
    }

    #geotree-content .photo-container .next::after,
    #photo a#btn-up::after,
    ul.results > li > .photo .next::after,
    .box-photos .big-photo-container a.next::after,
    body.template .box a#btn-up::after,
    .box-photos .small-photos-container a.next::after { 
		@pv-photocarousel-next-after();
		 }

    #geotree-content .photo-container .prev:hover::after,
    #geotree-content .photo-container .next:hover::after,
    ul.results > li > .photo .prev:hover::after,
    ul.results > li > .photo .next:hover::after,
    .box-photos .big-photo-container a.prev:hover::after,
    .box-photos .big-photo-container a.next:hover::after,
    body.template .box a#btn-up:hover::after,
    body.template .box a#btn-down:hover::after
    {
		@pv-photo-nextprev-button-hover();
    }

    body.template .box a#btn-down::after { margin-left:5px !important; }
    body.template .box a#btn-up::after { margin-left:20px !important; }

    .box-photos .big-photo-container a.prev::after,
    .box-photos .big-photo-container a.next::after
    {
        width:40px;
        height:40px;
        font-size:24px;
        line-height:40px;
        margin-left:10px;
        margin-bottom:10px;
        color:@color-white;
    }
        .box-photos .big-photo-container a.prev,
        .box-photos .big-photo-container a.next {
            bottom: 8px;
        }

    .box-photos .small-photos-container a.prev,
    .box-photos .small-photos-container a.next
    {
        &::after{
        background-color:#fff !important;
        .border-radius(0);
        font-size:24px;
        padding-left:0px !important;
        color:@color-primary;
        }

        &:hover{
            &:after{
                color:@color-primary-dark-25;
            }
        }
    }

    .box-photos .small-photos-container a.prev::after { margin-left:19px;margin-right:1px; }
    .box-photos .small-photos-container a.next::after { margin-left:5px;margin-right:15px; }

    .box-photos .big-photo-container a.prev.slick-disabled,
    .box-photos .big-photo-container a.next.slick-disabled,
    .box-photos .small-photos-container a.prev.slick-disabled,
    .box-photos .small-photos-container a.next.slick-disabled {
        display:none !important;
    }    

#photo a#btn-up, #photo a#btn-down 
{
    width: 90px;
    height: 90px;
}

    #photo a#btn-up::after,
    #photo a#btn-down::after
    {
        width: 80px;
        height: 80px;
        .border-radius(40px);
        font-size: 54px;
        line-height: 60px;
        background: rgba(255,255,255,.4);
        border: none!important;
        font-weight: bold;
        margin:10px;
		@pv-photocarousel-homepage-after();
    }

    .box-photos .btn-rood.wide {
        margin-right:10px;
    }


/* CAROUSEL BUTTONS */