@media screen and (min-width: 301px) and (max-width: 900px){
  div#indexRatesCon{
		z-index: 1;
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		min-height: 20px;
		padding: 8px 0px;
		background: #A3862F;
		overflow: hidden;
	}
	div#indexRatesTitle{
		display: none;
	}
	div#indexRatesHolder{
		z-index: -1;
		position: absolute;
		top: 9px;
		width: 100%;
		height: 100%;
	}
	div#indexRatesWrapper{
		position: relative;
		width: 100%;
		height: 20px;
		overflow: hidden;
	}
	div#indexRatesMarquee{
		position: relative;
		display: flex;
		width: fit-content;
		white-space: nowrap;
		animation: scrollThrough 50s linear infinite;
	}
	div.indexRates{
		display: inline-block;
		color: #ffffff;
		font-family: bReg;
		font-size: 16px;
		line-height: 1em;
		padding-right: 20px;
		vertical-align: middle;
	}
	.indexRates.strong{
		font-family: bBold;
	}
	div.indexRatesFlag{
		display: none;
	}
	span.indexRatesCur{
		font-family: bBold !important;
	}
}

@media screen and (min-width: 901px){
  div#indexRatesCon{
		z-index: 0;
		position: relative;
		margin-top: 7.5em;
		width: calc(100% - 15vh);
		height: 32px;
		padding: 8px 7.5vh;
		background: #A3862F;
		box-shadow: 0px 0px 20px -10px #A3862F;
		overflow: hidden;
	}
	div#indexRatesTitle{
		opacity: 1;
		position: absolute;
		top: 0;
		left: 7.5vh;
		background: #A3862F;
		color: #ffffff;
		font-family: bBold;
		font-size: 30px;
		line-height: 1em;
		padding: 9px 0;
		padding-right: 7.5vh;
		vertical-align: middle;
	}
	div#indexRatesHolder{
		z-index: -1;
		position: absolute;
		top: 13px;
		left: 10vw;
		width: 100%;
		height: 100%;
	}
	div#indexRatesWrapper{
		position: relative;
		width: 100%;
		height: 20px;
		overflow: hidden;
	}
	div#indexRatesMarquee{
		position: relative;
		display: flex;
		width: fit-content;
		white-space: nowrap;
		animation: scrollThrough 50s linear infinite;
	}
	div#indexRatesMarquee:hover{
		animation-play-state: paused;
	}
	div.indexRates{
		display: inline-block;
		color: #ffffff;
		font-family: bReg;
		font-size: 20px;
		line-height: 1em;
		padding-right: 2vw;
		vertical-align: middle;
	}
	.indexRates.strong{
		font-family: bBold;
	}
	div.indexRatesFlag{
		display: inline-block;
		width: 31px;
		height: 18px;
		margin-right: 5px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		background-attachment: absolute;
		vertical-align: middle;
	}
	span.indexRatesCur{
		font-family: bBold !important;
	}
}

/*Animations*/
@keyframes scrollThrough{
  0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-50%);
	}
}