.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;outline: none;}
.owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none;padding: 3px 8px;display: inline-block;}
.owl-theme .owl-nav .disabled{opacity:0.5;cursor:default;}
.owl-theme .owl-nav.disabled + .owl-dots{position: absolute;left: 60px;bottom: 0;height: auto;display: flex;height: 50px;background: #181918;padding: 0 30px;z-index:124;width: 100%;align-items: center;justify-content: flex-start;}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-theme .owl-dots .owl-dot{display: block;zoom:1;outline: none;width: auto;padding: 0 4px;}
.owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px;background: #262827;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px;outline: none;border: 3px solid #7a7a7a;z-index: 1234;position: relative;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: var(--color-main);border: 3px solid #7a7a7a;width: 15px;height: 15px;z-index: 12;}
.main-slider .owl-dots:after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: '';
	height: 50px;
	background: #262827;
	z-index: -1;
}
.main-slider .owl-theme .owl-nav.disabled + .owl-dots:before{
	    position: absolute;
    bottom: 0;
    left: 0;
    width: 115px;
    content: '';
    height: 50px;
    background: #181918;
    z-index: 12;
}
@-webkit-keyframes thumbnailMove {
  from {
    width: 0
  }
  to {
    width: 100%
  }
}

@keyframes thumbnailMove {
  from {
    width: 0
  }
  to {
    width: 100%
  }
}

.owl-dot.active:before {
  -webkit-animation-name: thumbnailMove;
  animation-name: thumbnailMove
}


.main-slider{

  transition: .3s
}


.main-slider .owl-dot:before {
  position: absolute;
  content: "";
  width: 0;
  height: 5px;
  bottom: 23px;
  left: 0;
  background: var(--color-main);
  z-index: 0;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}