/**
 * @author: Pavel Khoroshkov aka pgood
 */
.loopslider{
	position:relative;
	overflow:hidden;
}
.loopslider-body{
	position:relative;
}
.loopslider-item-wraper{
	display:inline-block;
   vertical-align: top;
}
.loopslider-item-wraper figure{
   margin: 0;
   text-align: center;
	background: none;
	position: relative;
	padding-top: 37%;
}
.loopslider-item-wraper figure img{
	display: block;
	object-fit: cover;
	width: 100%;
	max-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.loopslider-fullscreen .loopslider-body,
.loopslider-fullscreen .loopslider-item-wraper,
.loopslider-fullscreen .loopslider-item-wraper > *{
	height: 100%;
}
.loopslider-pagination{
	display:block;
	text-align:center;
	margin: 10px 0;
}
.loopslider-page-nav-item{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:5px;
	background:#999;
	margin:0 5px;
	cursor:pointer;
}
.loopslider-page-nav-item.loopslider-active,
.loopslider-page-nav-item:hover{
	background:#777;
}
.loopslider-nav-button{
   height: 60px;
   width: 60px;
	cursor: pointer;
   border-radius: 50%;   
	position: absolute;
	fill: transparent;  /*default nav buttons color */
   transition: all 0.3s;
   
}
.loopslider:hover .loopslider-nav-button{
	fill: #eee;
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.2);
}
.loopslider:hover .loopslider-nav-button:hover{
   border-radius: 50%;
    fill: #eee;
    
}
.loopslider-nav-button > svg{
	width: 100%;
	height: 100%;
   border-radius: 50%;
	background: inherit;
	fill: inherit;
	pointer-events: none;
	transform: translateX(0px);
   transition: all 0.3s;
}
.loopslider-prev-button{
   top:calc(50% - 30px) !important;
	left:15px;
}
.loopslider-next-button{
   top:calc(50% - 30px) !important;
	right:15px;
}
.loopslider-parallax-container{
	background-size: 100% auto;
	background-repeat: no-repeat;
}

@media (pointer:coarse){
	.loopslider .loopslider-nav-button{
		fill: #999;
	}
}

@media all and (max-width: 480px){
	.loopslider-nav-button{
		height: 64px;
		width: 64px;
	}
}