
.slideshowWrap {
margin-bottom:20px!important;
}

.slideshow{
display:none;/*temp unvisile till onload in slideshows/website/js/ini.js*/
}

.slideshow{

}

.desktop .slideshow img{
width:100%;
}

.slideshow .ftr{

}

.slideshow .ftr .r{

}

.slideshow .ftr .menu{
text-align:center;
}

.slideshow .ftr .menu input{
background-color:transparent;
border:medium none;
display:inline-block;
width:20px;
height:35px;
background-image:url(../images/dot.png);
background-repeat:no-repeat;
background-position:center center;
background-size:12px 12px;
}

.slideshow .ftr .menu input.active{
background-image:url(../images/dot_active.png);
}

.mobile .slideshow img{
width:100%;
}



.desktop .only4portait.slideshowWrap{
/*display:none;/*hide portrait slideshow at desktop*/
}

/*1200px or smaller only triggers mobile version*/
@media only screen and (max-width: 1230px) {
.mobile .slideshowWrap{
margin-top:-35px;
}



}

