.carousel {position: relative; overflow:hidden;width:100%;}

.carousel-indicators{position:absolute;bottom:4%;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}
.carousel-indicators li{display:inline-block;width:0.875rem;height:0.875rem;margin:1px;text-indent:-999px;border-radius:0.875rem;cursor:pointer;background-color:#24272a;}
.carousel-indicators .active,.carousel-indicators li:hover{ width:3.75rem;background-color:#fff;}


.carousel-inner{position:relative;overflow:hidden;width:100%;max-height:55.7rem;}
.carousel-inner>.item{ width:100%; overflow:hidden;display:none;position:relative;-webkit-transition:.3s ease-in-out left;transition:.3s ease-in-out left;}
.carousel-inner .item a{ width:100% !important;}
.carousel-inner .item a img{ width:100% !important;}
.carousel-inner>.item>dl{ left:7%; color:#ffffff; position:absolute; opacity:0;transition: all 1s ease;}
.carousel-inner>.item>dl.t{ top:20%;transition: all 1s ease;}
.carousel-inner>.item>dl.t>p.t{ font-size:3.75rem;}
.carousel-inner>.item>dl.t>p.f{ font-size:1.875rem; margin-top:1.5rem;}
.carousel-inner>.item>dl.f{ font-size:1.125rem; bottom:30%;transition: all 1s ease;border:1px solid #bd1c21; height:3.125rem; line-height:3.125rem; width:14%; text-align:center;}
.carousel-inner>.item>dl.f>a{ color:#bd1c21;}
.carousel-inner>.active>dl{ opacity:1;transition: all 1s ease;}
.carousel-inner>.active>dl.t{top:28%;transition: all 1s ease;}
.carousel-inner>.active>dl.f{bottom:40%;transition: all 1s ease;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.
carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}

.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}