/*Слайдер*/

#slider {width:calc(100% - 0px);  height:calc(90% - 80px); position:relative; margin:60px auto 0px;}
#slider div.owl-stage-outer {box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); border-radius: 0px}

#slider img {object-fit: cover; height:100%; }	
#slider img.nofit {object-fit: contain;  }	



		#slider div.owl-stage-outer {border-bottom:1px solid #fff; overflow:hidden;}		
		#slider div.before-name {position:absolute; height:100%; width:50%; z-index:2; border-right:0.5px solid #fff;}
		#slider div.before-name span{color:#fff; display:inline-block; position:absolute; padding:5px 10px; background:#2C313888; bottom:0; border-radius:0 12px 0 12px;}		
		#slider div.after-name {position:absolute; right:0; height:100%; width:50%; z-index:2; border-left:0.5px solid #fff;}
		#slider div.after-name span{color:#fff; display:inline-block; position:absolute; padding:5px 10px; background:#2C313888; left:1px; bottom:0; border-radius:0 12px 0 0px;}

	 
		
		div.owl-dots {text-align:center; position:relative; bottom:30px; }
		div.owl-dots button {width:6px; height:6px; background:#fff !important; border-radius:50%; margin:10px 4px; }
		div.owl-dots button.owl-dot.active {width:6px; height:6px; background:#FE337C !important; box-shadow:0 0 0 2px #FE337C;}
		
		div.owl-nav {position:absolute; top:calc(50% - 43px); font-size:50px; color:#fff; left:0; right:0; margin:auto; }
        div.owl-nav .owl-prev {left:0px; position:absolute;}
        div.owl-nav .owl-prev span {padding: 0 20px; color:#ddd;}
        div.owl-nav .owl-next {right:0px; position:absolute; }
		div.owl-nav .owl-next span{padding: 0 20px; color:#ddd;}
		
		
        
a.play::after {content:''; position:absolute; left:0;right:0; top:0; bottom:0; margin:auto; width:57px; height:40px; background:url('/parts/play.svg')center no-repeat; }
a.play:hover{opacity:1;}

/*--/Слайдер/--*/


/*-----mobile------*/

@media screen and (max-width: 1024px){
	#slider {margin-top:60px; width:100%;}
	#slider div.owl-stage-outer {border-radius:0;}
}


@media screen and (max-width: 480px){
	#slider {height:calc(100% - 60px);}
	#slider .owl-carousel {height:calc(60% - 60px);}
    div.owl-nav {display:none;}

}