.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: 345px;
	width: 363px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	left: 0px;
}
.fill {
	height: 345px;
	width: 363px;
	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:3px
}
.mini-pager-container{
	position:absolute;
	bottom:40px;
	left:0px;
	white-space: nowrap;
	transition: left;
	transition-property: left;
	transition-duration: .4s;
}