.scroll-hoz, .scroll-hoz *{box-sizing: border-box;}
.scroll-hoz{
	font-size: 16px;
 width: 100%;
 height: 2.5em;
	padding: 5px 0;
 overflow: hidden;
 margin: auto;
	position: relative;
}

.scroll-hoz:before, .scroll-hoz:after{ /* content: ""; */ width: 60px; position: absolute; top:0; bottom: 0; z-index: 2;  pointer-events: none; }

.scroll-hoz[data-action="false"]:before, .scroll-hoz[data-action="false"]:after{content: none;}

.scroll-hoz:before{ left: 0;
background: -moz-linear-gradient(left,  rgba(21,55,116,1) 0%, rgba(21,55,116,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(21,55,116,1) 0%,rgba(21,55,116,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(21,55,116,1) 0%,rgba(21,55,116,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153774', endColorstr='#00153774',GradientType=1 ); /* IE6-9 */
}

.scroll-hoz:after{ right:0;
background: -moz-linear-gradient(left,  rgba(21,55,116,0) 0%, rgba(21,55,116,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(21,55,116,0) 0%,rgba(21,55,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(21,55,116,0) 0%,rgba(21,55,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00153774', endColorstr='#153774',GradientType=1 ); /* IE6-9 */
}




.scroll-hoz ul{
  margin: 0;
  padding: 0;
  height:100%;
		white-space : nowrap;
}

.scroll-hoz ul li{
  list-style: none;
  float: left;
  width: auto;
  height: 100%; line-height: 1.875em;
  display: inline-block;
		padding: 0 0.5em;
	color:#FFF;
}

.scroll-hoz a{color:inherit}

.scroll-hoz .color-red{color:#ff9390;}
.scroll-hoz .color-pink{color:#ffa8d9;}
.scroll-hoz .color-orange{color:#ffc71e;}
.scroll-hoz .color-yellow{color:#fff799;}
.scroll-hoz .color-green{color:#98f298;}
.scroll-hoz .color-cyan{color:#82ffe9;}
.scroll-hoz .color-blue{color:#93d8f8;}
.scroll-hoz .color-purple{color:#c5c5ff;}
.scroll-hoz .color-white{color:#fff;}
.scroll-hoz .color-gray{color:#ccc;}
.scroll-hoz .color-golden{color:#e6d49c;}
.scroll-hoz .color-olive{color:#b1ca65;}

.scroll-hoz .bg-red{background-color:#F44336;}
.scroll-hoz .bg-pink{background-color:#f43692;}
.scroll-hoz .bg-orange{background-color:#ff7c00;}
.scroll-hoz .bg-yellow{background-color:#e4ae09;}
.scroll-hoz .bg-green{background-color:#4CAF50;}
.scroll-hoz .bg-cyan{background-color:#05b0c5;}
.scroll-hoz .bg-blue{background-color:#1565d4;}
.scroll-hoz .bg-purple{background-color:#9636f4;}
.scroll-hoz .bg-white{background-color:#fff;}
.scroll-hoz .bg-gray{background-color:#666;}
.scroll-hoz .bg-golden{background-color:#9a8542;}
.scroll-hoz .bg-olive{background-color:#7d9c1f;}