#myCarousel {clear:both;}
.carousel {position: relative; margin-bottom: 20px; line-height: 1.2em;}
.carousel-inner {position: relative; width: 100%; overflow: hidden;min-height: 280px;}
.carousel-inner > .item {position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left;transition: 0.6s ease-in-out left;}
.carouslenav {z-index:999; clear:both; overflow:hidden; float:right; margin:0px 0px 10px 0px; height: 45px; width:100px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {display: block; line-height: 1;}
.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 {top:0px; border-radius:0px; padding:2px 10px; font-size: 20px; font-weight: 20; line-height: 35px; color: #e18416; text-align: center; background: #fff; text-decoration: none;}
.carousel-control a {text-decoration:none;}
.carousel-control.right {top:44%; position:relative !important; left: auto; right: 15px; background: #fff none repeat scroll 0 0; border: 1px solid #ccc; color: #e18416; border-radius: 0px; font-size: 20px;}
.carousel-control.left {top:44%; position:relative !important; left: auto; background: #fff none repeat scroll 0 0; border: 1px solid #ccc;  color: #e18416; border-radius: 0px; font-size: 20px;}
.carousel-control:hover, .carousel-control:focus {color: #333; text-decoration: none;}
.carouslenav a:hover {color: #333 !important; }
.dax a:hover {color: #333; }
.carousel-indicators {position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none;}
.carousel-indicators li {display: block; float: left; width: 10px; height: 10px;  margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px;}
.carousel-indicators .active {background-color: #fff;}
.carousel-caption {position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75);}
.carousel-caption h4, .carousel-caption p {line-height: 20px; color: #ffffff;}
.carousel-caption h4 {margin: 0 0 5px;}
.carousel-caption p {margin-bottom: 0;}

/* indices carousel */
ul.sindices {margin:17px 0px 10px 2px; padding:0px; overflow:hidden;}
ul.sindices li {display:inline-block;}
ul.sindices li div {border: solid 1px #d7d8d9; background-color: #fff; margin-bottom: 10px; list-style-type: none; float: left; margin-left: 10px; padding: 0 1.2em;}
ul.sindices li a {height: 4em; color: #000; font-size: 13px; padding: 5px 0; text-align: center; text-decoration: none; display:table-cell; vertical-align:middle; width: 110px; white-space:normal;}
a.carousel-control.prev{border-radius: 0; top:0px; position:relative; border:1px solid #ccc; padding: 5px 15px;}
a.carousel-control.next{border-radius: 0; top:0px; position:relative; border:1px solid #ccc; padding: 5px 15px;}


@media only screen and (min-device-width:320px) and (max-device-width:480px) {            
	 .aui .stoxx .new-tile .expand-me {text-align:right;}
}
@media only screen and (max-width: 1024px) {
 ul.sindices li a {
  width: 119px;
 }
}
@media only screen and (max-width: 960px) {
 ul.sindices li a {
  width: 112px;
 }
}
@media only screen and (max-width: 768px) {
 ul.sindices li a {
     width: 143px;
 }
}
@media only screen and (max-width: 750px) {
 ul.sindices li a {
  width: 133px;
 }
}
@media only screen and (max-width: 736px) {
 ul.sindices li a {
  width: 130px;
 }
}
@media only screen and (max-width: 667px) {
 ul.sindices li a {
     width: 165px;
 }
}

@media only screen and (max-width: 640px) {

 ul.sindices li a {
     width: 156px;
 }
}

@media only screen and (max-width: 600px) {
 ul.sindices li a {
     width: 143px;
 }
}

@media only screen and (min-device-width:481px) and (max-device-width:533px) {
    ul.sindices li a {width:121px;}
}

@media only screen and (max-width: 480px) {
 ul.sindices li a {
     width: 103px;
 }
 
}

@media only screen and (max-width: 414px) {
 ul.sindices li a {
     width: 144px;
 }
}

@media only screen and (max-width: 375px) {
 
 ul.sindices li a {
     width: 124px;
 } 
}

@media only screen and (max-width: 360px) {
 
 ul.sindices li a {
     width: 117px;
 } 
}


@media only screen and (max-device-width: 320px) {
 ul.sindices li a {
     width: 97px;
 }
}