a {
		font-family: 'HaasDisplayBold';
		font-weight: normal;
		font-size: small;
}

a:hover { 
  		color: blue;
  		}

body {
		font-family: 'HaasText';
		color: black;
		font-size: small;
}



.category {
		font-weight: bold;
		color:green;
}


.container {
		width: !important 150%;
		border:solid blue 3px;
		
}
	
.col-sm {
	white-space: nowrap;
	overflow: hidden;

	}	


.col-sm p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: inherit;
        padding: 0;
        font-size: small;
	}
	
.col-sm ul{
	padding: 0;
	margin: 0;
	overflow: hidden;
	
		font-size: small;
	}	

.col-sm ul li p{
        overflow: visible;
        white-space: normal;
		font-size: small;
	}
.col-sm img{
		width: 90%;
}

.menu {
		background-color: white;
		font-size:xx-large;
		padding: 0 !important;
		vertical-align: middle;
		margin-bottom:50px;	
		-webkit-animation: 60s linear infinite;
		animation: 60s linear infinite;  
		
		-webkit-animation-name: border; /* Safari 4.0 - 8.0 */
		animation-name: border;
		border-bottom: 0;
		border-top: 6px;
		border-left: 0;
		border-right: 0;
		border-style: solid;
		overflow: hidden;
		position: relative;
		height: 60px;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes border {
  0% 	{ border-color:green; }
  33% 	{ border-color:aqua; }
  66% 	{ border-color:blue; } 
  100% 	{ border-color:green; }
}

/* Standard syntax */
@keyframes border {
  0% 	{ border-color:green; }
  33% 	{ border-color:aqua; }
  66% 	{ border-color:blue; } 
  100% 	{ border-color:green; }
}

.menu ul{
		padding: 0 !important;
		margin-bottom: 0;
		border-bottom: 0;
		border-top: 0;
}

.menu li{
		margin:0;
		vertical-align: middle;
		line-height: inherit;
		padding: 10px 0 10px 20px;
		border-left: 0;
		border-right:0;
		border-color: red;
		border-style:solid;
}

.menu a{
		font-size: xx-large;
		margin:0;
		text-decoration: none;
		padding: 0 !important;
}

.menux {
  -webkit-animation: background 120s linear infinite;
  animation: background 120s linear infinite;  
  margin-bottom:40px;
}


@-webkit-keyframes background {
  0% 	{ background-color: #00ffff; }
  33% 	{ background-color: #ff00ff; }
  66% 	{ background-color: #ffff00; } 
  100% 	{ background-color: #00ffff; }
}

@keyframes background {
  0% 	{ background-color: #00ffff; }
  33% 	{ background-color: #ff00ff; }
  66% 	{ background-color: #ffff00; } 
  100% 	{ background-color: #00ffff; }
}




.marquee {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    font-family: 'HaasDisplayBold';
    /*text-align: center;
    /*
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
     animation: scroll-left 20s linear infinite; */
}

@-moz-keyframes scroll-left {
    0% {-moz-transform: translateX(100%);}
    100% {-moz-transform: translateX(-100%);}
}

@-webkit-keyframes scroll-left {
    0% {-webkit-transform: translateX(100%);}
    100% {-webkit-transform: translateX(-100%);}
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

/* #Fonts
================================================== */



@font-face {
  font-family: 'HaasTextItalic';
  src: url('fonts/2BE4FD_0_0.eot');
  src: url('fonts/2BE4FD_0_0.eot?#iefix') format('embedded-opentype'),
  url('fonts/2BE4FD_0_0.woff') format('woff'),
  url('fonts/2BE4FD_0_0.ttf') format('truetype'),
  url('fonts/2BE4FD_0_0.svg#wf') format('svg');
}

@font-face {
  font-family: 'HaasText';
  src: url('fonts/2BE4FD_1_0.eot');
  src: url('fonts/2BE4FD_1_0.eot?#iefix') format('embedded-opentype'),
  url('fonts/2BE4FD_1_0.woff') format('woff'),
  url('fonts/2BE4FD_1_0.ttf') format('truetype'),
  url('fonts/2BE4FD_1_0.svg#wf') format('svg');
}

@font-face {
  font-family: 'HaasDisplayBold';
  src: url('fonts/2BE4FD_2_0.eot');
  src: url('fonts/2BE4FD_2_0.eot?#iefix') format('embedded-opentype'),
  url('fonts/2BE4FD_2_0.woff') format('woff'),
  url('fonts/2BE4FD_2_0.ttf') format('truetype'),
  url('fonts/2BE4FD_2_0.svg#wf') format('svg');
}

@font-face {
  font-family: 'HaasTextBold';
  src: url('fonts/2BE4FD_3_0.eot');
  src: url('fonts/2BE4FD_3_0.eot?#iefix') format('embedded-opentype'),
  url('fonts/2BE4FD_3_0.woff') format('woff'),
  url('fonts/2BE4FD_3_0.ttf') format('truetype'),
  url('fonts/2BE4FD_3_0.svg#wf') format('svg');
}