.swiper-viewport {
    margin:0px;
    z-index:1;
    width:100%;
    position:relative;
    overflow:visible
   }
   .swiper-container {
    direction:ltr!important
   }
   .swiper-pager {
    width:100%;
    position:absolute;
    top:50%;
    line-height:45px
   }
   .swiper-button-prev,.swiper-button-next,.swiper-button-prev_prev, .swiper-button-next_next, .swiper-button-prev_brand, .swiper-button-next_brand  {
    color:rgba(0,0,0,0.8);
    text-shadow:1px 1px 0 rgba(255,255,255,0.3);
    transition:all .3s ease;
    z-index:2;
    background-image:none;
    margin-top:-60px
   }
   .swiper-viewport .swiper-button-prev {
    opacity:.7;
    left:10px;
    background:url(left.png) no-repeat;
    width:36px;
    height:150px;
   }
   .swiper-viewport .swiper-button-prev_prev {
       opacity:1;
       left: 0px;
       background:url(left_2.png) no-repeat;
       width: 30px;
       height: 50px;
       position: absolute;
       top: 30px;
   }
   .swiper-viewport .swiper-button-prev_brand {
       opacity:1;
       left: 0px;
       background:url(left_2.png) no-repeat;
       width: 30px;
       height: 50px;
       position: absolute;
       top: 30px;
   }
   .swiper-viewport .swiper-button-next {
    opacity:1;
    right:10px;
    background:url(right.png) no-repeat;
    width:36px;
    height:150px;
   }
   .swiper-viewport .swiper-button-next_next {
       opacity: 1;
       right: 0px;
       background:url(right_2.png) no-repeat;
       width: 30px;
       height: 50px;
       position: absolute;
       top: 30px;
   }
   .swiper-viewport .swiper-button-next_brand {
       opacity: 1;
       right: 0px;
       background:url(right_2.png) no-repeat;
       width: 30px;
       height: 50px;
       position: absolute;
       top: 30px;
   }
   @media (min-width: 768px) {
    .swiper-viewport .swiper-button-prev {
     opacity:0;
     left:-20px
    }
   .swiper-viewport .swiper-button-prev_prev {
     opacity:1;
     left: -40px;
    }
    .swiper-viewport .swiper-button-prev_brand {
     opacity:1;
     left: -40px;
    }
    .swiper-viewport .swiper-button-next {
     opacity:0;
     right:-20px
    }
     .swiper-viewport .swiper-button-next_next {
     opacity:1;
     right: -40px;
    }
     .swiper-viewport .swiper-button-next_brand {
     opacity:1;
     right: -40px;
    }
    .swiper-viewport:hover .swiper-button-prev {
     opacity:1;
     left:10px
    }
     .swiper-viewport:hover .swiper-button-prev_prev {
     opacity:1;
     left: -40px;
    }
      .swiper-viewport:hover .swiper-button-prev_brand {
     opacity:1;
     left: -40px;
    }
    .swiper-viewport:hover .swiper-button-next {
     opacity:1;
     right:10px
    }
     .swiper-viewport:hover .swiper-button-next_next {
     opacity:1;
     right: -40px;
    }
      .swiper-viewport:hover .swiper-button-next_brand {
     opacity:1;
     right: -40px;
    }
    
    .swiper-viewport .swiper-button-next_brand {
        top: 35px
    }
   }
   .swiper-pagination {
    bottom:20px;
    left:0;
    text-align:center;
    width:100%;
    display: none;
   }
   .swiper-pagination-bullet {
    width:11px;
    height:11px;
    background:#fff;
    border-radius:20px;
    box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    margin:0 5px;
    opacity:1
   }
   .swiper-pagination-bullet:hover {
    background:#fdb819
   }
   .swiper-pagination-bullet-active {
    background:#fdb819
   }
   .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity:0;
    cursor:pointer;
    pointer-events:auto
   }
   
   @media (min-width: 240px) and  (max-width: 480px) {
       .swiper-viewport .swiper-button-prev {display: none;}
       .swiper-viewport .swiper-button-next {display: none;}
   }