/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
 
 
 /* НАСТРОЙКА СТРЕЛОК В НАВИГАЦИИ  */
 
.owl-theme .owl-nav {
  width:100%;
  height:20px;
  margin-top: 0px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;

}
  
.owl-theme .owl-nav [class*='owl-'] {
    color: rgba(255,255,255, 0);
    font-size: 12px;
	width:10px;
	height:10px;
	background-image: url(../svg/location.svg);
    margin: -20px 0px;
    padding: 0px 0px;
    display: inline-block;    
	opacity: 0.3;
}
	
.owl-theme .owl-nav [class*='owl-']:hover {
	opacity: 1;
	background-color: rgba(255,255,255, 0);
     color: #FFF;
     text-decoration: none;
}
	 
.owl-theme .owl-nav .disabled {
   opacity: 1.2;
}

 /* НАСТРОЙКА СТРЕЛОК В НАВИГАЦИИ КОНЕЦ */ 
 
 
.owl-theme .owl-nav.disabled + .owl-dots {
	width:100%;
    margin: 10% 46%; /* отступы в пагинации (точках) */
	z-index: 18;
	background-color:#FFFFFF;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
}
  
.owl-theme .owl-dots .owl-dot {
   display: inline-block;
   zoom: 1;
   *display: inline; 
}
.owl-theme .owl-dots .owl-dot span /* неактивние точки / НАСТРОЙКА ПАГИНАЦИИ */
{ 
	width: 10px;
    height: 10px;
    margin: 2px 2px;
    background: #FFFFFF;  
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 5px; 
	
}
	  
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span 
{ 
	background: #FF161A; 
	} /* активные точки */

.carousel-nav .owl-nav {
    text-align: center;
     margin-top: 20px;
}

.carousel-nav .owl-nav button.owl-next,
.carousel-nav .owl-nav button.owl-prev {
  color: #EB3131;
  position:absolute;
  z-index:15;
  width:20px;
  height:10px;
  background: #FF161A;
}

.owl-next:focus, .owl-prev:focus, .owl-dot {  
/* убрали рамку вокруг стрелок навигации */
	outline: none;
	} 

.carousel-nav .owl-nav button.disabled {
  color: black;
  opacity: .5;
}



/* Настройки для миниатюр */

img {
  width: 100%;
  height:auto;
}

.owl-stage-outer {
  border: 0px  solid;
}

.owl-dot {
  height:20%;
  padding: 40px 4px 4px 0;
  margin: 40px 4px 4px 0;

}

.owl-prev{
   width: 40px;
   height: 40px;
   z-index:16;
        }
.owl-next{
   width: 40px;
   height: 40px;
   z-index:16;
        }
		
		
.owl-nav{
   position:absolute;
   padding: 10px;
   width: 100%;
   height:30px;
   height: 0;
   top: 30%;
   margin:auto;
}

/* Настройки расположения и отступов в стрелках слайдека товаров на стартовой и видео НАЧАЛО */

button.owl-next {
	float:right;
	margin-top: -40px;
	margin-right: 0;
	opacity:0.4;
	}	
button.owl-prev {
	float:left;
	margin-top: -40px;
    margin-left: 0;
    opacity:0.4;
	}
	
button.owl-prev:hover, button.owl-next:hover {
    opacity:1;
	}	
	
/* Настройки расположения и отступов в стрелках слайдека товаров на стартовой и видео КОНЕЦ*/


.prev {
	width:80px;
	height:80px;
	overflow: hidden;
}

.owl-carousel .owl-dots{
	position:absolute;
	width:100%;
	margin: -30px auto;
	z-index:200;
		}
		
@media screen and (max-width:700px){ 
	
 .owl-prev{
   width: 40px;
   height: 40px;
        }
 .owl-next{
   width: 40px;
   height: 40px;
        }
	
.owl-nav{ top: 40%; }	
	
	
}	

@media screen and (max-width:480px){ 
	
 .owl-prev{
   width: 30px;
   height: 30px;
}
 .owl-next{
   width: 30px;
   height: 30px;
}

.owl-nav{ top: 40%; }	
	
}





