.item-cont{box-sizing:border-box;font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}*,*:before,*:after{box-sizing:inherit}
.collage{
	font-size: 0px;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	left:0px;
	transition: left 1s;
	transition-property: left;
	transition-duration: .4s;
	data-x:0;
}
.item-cont {
	cursor:pointer;
	/*height: 300px;
	width: 230px;*/
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	left: 0px;
	margin: 2px;
    border: 4px solid white;	
}
.fill {
	/*height: 300px;
	width: 230px;*/
	background-size: cover;
	background-position: center;
	display:inline-block;
}
.dot {
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	display: inline-block;
}
.dot:hover {
	background-color: #fff;
	cursor:pointer;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.window {
	width: 75px;
	transform: translate(-50%, 0%);
	left: 50%;
	height: 100%;
	overflow: hidden;
	position:absolute;
	bottom:0px;
}
.mini-pager {
	margin: 2.5px;
	height: 10px;
	width: 10px;
	background-color: #ccc;
	border-radius: 50%;
	display: inline-block;
}
.mini-pager:hover {
	background-color: #fff;
	cursor:pointer;
}
.mini-pager-selected {
	background-color: #fff;
}
.arrows {
	width:100%;
	text-align:center;
	padding:0.01em 16px;
	margin-top:16px;
	margin-bottom:16px;
	font-size:18px;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}
.arrows_span {
	font-size: 60%;
	color:black;
	position:relative;
	left:0px;
	bottom:-4px
}
.mini-pager-container{
	position:absolute;
	bottom:40px;
	left:0px;
	white-space: nowrap;
	transition: left;
	transition-property: left;
	transition-duration: .4s;
}