/* Tiny Carousel */
#slider1{position:relative;}
#slider1 .viewport {height: 210px;overflow: hidden;position: relative;width:100%;}
#slider1 .buttons {background:#d5291d;display: inline-block;position: relative;width: 35px;height: 20px;color: #ccc;text-align: center;z-index:999;transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}
#slider1 .buttons i{color:#fff;font-size:16px;padding:2px;}
#slider1 .prev {border-radius: 8px 0 0px 8px;}
#slider1 .prev::after{content: "";
    position: absolute;
    right: -4px;
    transform: rotate(18deg);
    background: #fff;
    width: 7px;
    height: 106%;}
#slider1 .next {border-radius: 0px 8px 8px 0px;}
#slider1 .next::after{    content: "";
    position: absolute;
    left: -3px;
    transform: rotate(18deg);
    background: #fff;
    width: 6px;
    height: 106%;
    top: -1px;}
#slider1 .buttons:hover {color: #fff;background:#d5291d;transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}
#slider1 .disable {visibility: hidden;}
#slider1 .overview {list-style: none;position: absolute;padding: 0;margin: 0;width: 210px;left: 0;top: 0;}
#slider1 .overview li {float: left;margin:5px;padding: 0px;height: 210px;width: 185px;}
/* Tiny Carousel 2 */
#slider2 { margin:0 auto; position: relative; padding: 0;   }
#slider2 .viewport { height: 275px; overflow: hidden; position: relative; width:827px;}
#slider2 .buttons {
   display: block;
   background:#fff;
    position: absolute;
    top: 50%;
  
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    border: 1px solid #d6c6aa;
    padding: 2px 10px;
    z-index:9999;
}
#slider2 .next {right: 125px;top: 55%;}
#slider2 .prev {right: 160px;top: 55%;}
#slider2 .buttons:hover{
}
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 131px; left: 0; top: 0; }
#slider2 .overview li{ float: left;  padding: 1px; height: 275px;width:827px; }
#slider2 .overview li a{display:block;margin:0 auto;text-align:center;color:#dcdcdc}
#slider2 .overview li h6{color:#1b629c;text-transform:uppercase;font-weight:bold;}

/* Tiny Carousel 3 */
#slider3 { position: relative; }
    #slider3 .viewport { height: 146px; overflow: hidden; position: relative; width: 100%; margin: 0px 0; }
    #slider3 .buttons { background: rgba(255,255,255,0.7); border-radius: 35px; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -15px; width: 35px; height: 35px; color: #000; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none; font-size: 22px; z-index: 999; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    #slider3 .next { right: -16px; left: auto; }
    #slider3 .buttons:hover { color: #C01313; background: #fff; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    #slider3 .disable { visibility: hidden; }
    #slider3 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 1300px; left: 0; top: 0; }
        #slider3 .overview li { float: left; margin: 0 10px 0 0px; padding: 0px; height: 146px; width: 174px; }