.carousel { }
.carousel, .item, .active { height: 100%; }
.carousel-inner { height: 100%; width: 1280px; }
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.slider-nav { background: #7f7f7f; min-height: 88px; width: 100%;position:relative;top: 20px;}
ol.carousel-indicators { background:url(../img/slider-nav-back.png) top center repeat-x; height:45px; width: 50%; margin: 0 auto; left: 25%; top:20px;padding: 12px 0;}
ol.carousel-indicators li { width: 20px; height: 20px;margin:0 20% 0 0;border-radius:50%; background: #fec95f; outline: none; border: none;border:5px solid #fec95f;float:left;}
ol.carousel-indicators li:last-child { float: right;width:20px;margin:0 0% 0 0;}
ol.carousel-indicators li.active { background:#fec95f;border:5px solid #fff;width: 20px; height: 20px;margin:0 20% 0 0;}
ol.carousel-indicators li.active:last-child { float: right;width:20px;margin:0 0% 0 0;}
/*ol.carousel-indicators li:first-child.active { width: 30px; height: 30px; background: #fec95f; border: 5px solid #fff; position: relative; top: -30px; }
ol.carousel-indicators li:last-child.active { width: 30px; height: 30px; background: #fec95f; border: 5px solid #fff; position: relative; top: -30px; }-*/
.slider-nav-client { min-height: 88px; width: 100%; position: relative; left: 0px; margin-left: 0%; top: 20px; }
.slider-nav-client ol.carousel-indicators { background: #fff; height: 5px; width: 50%; margin: 0 auto; left: 25%; top: 40px; }
.slider-nav-client ol.carousel-indicators li { width: 20px; height: 20px; margin: 18px 10%; border-radius: 50%; background: #fec95f; outline: none; border: none; position: relative; top: -25px; }
.slider-nav-client ol.carousel-indicators li:first-child { float: left; min-width: 20px; margin: 18px 8% 18px 0% !important; }
.slider-nav-client ol.carousel-indicators li:last-child { float: right; min-width: 20px; margin: 18px 0% 18px 8% !important; }
.slider-nav-client ol.carousel-indicators li.active { width: 30px; height: 30px; background: #fec95f; border: 5px solid #fff; position: relative; margin: 10px 8%; top: -30px; }
.slider-nav-client ol.carousel-indicators li:first-child.active { width: 30px; height: 30px; background: #fec95f; border: 5px solid #fff; position: relative; top: -30px; }
.slider-nav-client ol.carousel-indicators li:last-child.active { width: 30px; height: 30px; background: #fec95f; border: 5px solid #fff; position: relative; top: -30px; }