/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
 .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;
  }
  .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: -40px;
    position: relative;
    z-index: 5; 
  }
  .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: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px; 
  }
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ff5620;    border: 1px solid #000;
  }
  .owl-prev {
    position: absolute;
    z-index: 99;
    top: 25%;
    bottom: 0;
    left: 2px;
    right: auto;
    font-size: 35px;
    color: #ffffff;
    text-align: center;
    margin: 0px;
    padding: 5px 0px;
    width: 40px;
    height: 60px;
    background-color: #ee0c21;
    filter: alpha(opacity=50);
    opacity: .9;
  }
  .owl-prev:hover {
    /*opacity: 1;*/
    background-color: #003f7e;
    color: #ffffff;
  }
  .owl-next {
    position: absolute;
    z-index: 99;
    top: 25%;
    bottom: 0;
    right: 3px;
    left: auto;
    font-size: 35px;
    color: #ffffff;
    text-align: center;
    margin: 0px;
    padding: 5px 0px;
    width: 40px;
    height: 60px;
    background-color: #ee0c21;
    filter: alpha(opacity=50);
    opacity: .9;
  }
  .owl-next:hover {
    /*opacity: 1;*/
    background-color: #003f7e;
    color: #ffffff;
  }



  #id-product-2 .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -15px;
    position: relative;
    z-index: 5;
  }

  @media(max-width:768px){
    .owl-prev {
      position: absolute;
      z-index: 99;
      top: 20%;
      bottom: 0;
      left: 2px;
      right: auto;
      font-size: 35px;
      color: #ffffff;
      text-align: center;
      margin: 0px;
      padding: 0px 0px;
      width: 30px;
      height: 50px;
      background-color: #ee0c21;
      filter: alpha(opacity=50);
      opacity: .9;
    }

    .owl-next {
      position: absolute;
      z-index: 99;
      top: 20%;
      bottom: 0;
      right: 2px;
      left: auto;
      font-size: 35px;
      color: #ffffff;
      text-align: center;
      margin: 0px;
      padding: 0px 0px;
      width: 30px;
      height: 50px;
      background-color: #ee0c21;
      filter: alpha(opacity=50);
      opacity: .9;
    }



  }



  @media(max-width:480px){

    .owl-prev {
      position: absolute;
      z-index: 99;
      top: 20%;
      bottom: 0;
      left: -10px;
      right: auto;
      font-size: 35px;
      color: #ffffff;
      text-align: center;
      margin: 0px;
      padding: 0px 0px;
      width: 35px;
      height: 50px;
      background-color: #ee0c21;
      filter: alpha(opacity=50);
      opacity: .9;
    }

    .owl-next {
      position: absolute;
      z-index: 99;
      top: 20%;
      bottom: 0;
      right: -10px;
      left: auto;
      font-size: 35px;
      color: #ffffff;
      text-align: center;
      margin: 0px;
      padding: 0px 0px;
      width: 35px;
      height: 50px;
      background-color: #ee0c21;
      filter: alpha(opacity=50);
      opacity: .9;
    }

  }