@charset "utf-8";
/* CSS Document */
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600|Roboto');
/*font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;*/

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Bd';
    src: url('../fonts/HelveticaNeueLTStd-Bd.eot');
    src: url('../fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
html {
    
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body
{
	 

	 font-size:14px;
	 line-height:22px;
	 font-weight:400;	
	 color:#5e5e5e; 
	  overflow-x:hidden;
}

.sotock-chart-container{
	
	min-height:237px;
	
	
}
.bg-stock-chart{
	background:url(../images/stock-chart-bg.jpg) no-repeat;
	background-size:cover;
	
}

.stock-code{
	color:#fff;
	font-size:20px;
	 font-family: 'Helvetica Neue LT Bd';
	 margin-bottom:20px;
	 padding-top:25px;
}

.stock-price h1{
	font-size:50px;
	font-family: 'Helvetica Neue LT Bd';
	color:#fff;
	margin-top:0;
	margin-bottom:20px
	
}

.stock-price  h1 span{
	font-size:25px;
	font-family: 'Helvetica Neue LT Bd';
	color:#fff;
	
}

.price-change{
	font-size:24px;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	
	
	
}
.standard{
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
}
.priceUp{
	color:#30c137;
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
}
.priceUp::before{
	content:"\f139";
	font-family: FontAwesome;
	color:#30c137;
	font-size:24px;
	padding-right:10px;
	
}

	
.priceDown{
	color:#e82c2e;
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
}
.priceDown::before{
	content:"\f13a";
	font-family: FontAwesome;
	color:#e82c2e;
	font-size:24px;
	padding-right:10px;
}

.eod{
	margin-top:25px;
	font-size:12px;
	color:#fff;
	
}

@media (max-width:165px){
	
.sotock-chart-container {
    min-height: 146px;
}
.stock-code {
    color: #fff;
    font-size: 20px;
    font-family: 'Helvetica Neue LT Bd';
    margin-bottom: 10px;
    padding-top: 9px;
}
.stock-price h1 {
    font-size: 26px;
    font-family: 'Helvetica Neue LT Bd';
    color: #fff;
    margin-top: 0;
     margin-bottom: 0px; 
}
.standard{
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
}
.priceUp {
    color: #30c137;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

.priceUp::before {
    content: "\f139";
    font-family: FontAwesome;
    color: #30c137;
    font-size: 14px;
    padding-right: 10px;
}

.priceDown{
	color:#e82c2e;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
}
.priceDown::before{
	content:"\f13a";
	font-family: FontAwesome;
	color:#e82c2e;
	font-size:14px;
	padding-right:10px;
}

.eod {
     margin-top:0px; 
    font-size: 12px;
    color: #fff;
}
	
}