/* 
 * 	Default theme - Owl Carousel CSS File
 */


.owl-theme .owl-nav {
  margin-top: 0px;
  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;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

}
.owl-theme .owl-nav [class*='owl-']:hover {
/*  background: #869791;*/
  color: #FFF;
  text-decoration: none; 
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; 
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px; 
}
.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: 12px;
  height: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;

  margin: 5px 7px;
  margin-bottom:20px;
  /*background: #D6D6D6;*/
  background:#fff;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; 
}

.owl-theme .owl-dots .owl-dot:hover span { 
  background-color:#d5e832;    
  border-style: solid;
  border-width: 1px;
  border-color: #d0d0d0;
}

.owl-theme .owl-dots .owl-dot.active span {
  border-style: solid;
  border-width: 1px;
  border-color: #d0d0d0;
  background-color:#d5e832;
  width: 30px;
  height: 12px;
  /*background-color: transparent;*/
}
.owl-theme .owl-dots{
margin-top: -40px;
z-index:10;
position: relative;
text-align:center;
margin-left:0px;
}

@media screen and (max-width: 1024px) {
 .owl-dots {margin-top: -4%;}
}

@media screen and (max-width: 640px) {
 .owl-dots {margin-top: -4%; margin-left:-61px; }
 
.owl-theme .owl-dots{
margin-top: -40px;
z-index:10;
position: relative;
text-align:center;
  margin-left: 5px;

}
 .owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin-top:50px;

}

}

@media screen and (max-width: 480px) {
 .owl-dots {margin-top: 0px;}
}

