/* ============= Invor Forex =============== */

#subnav {
 position: relative;
 z-index: 2;
 color: #fff;
 background: #333;
 font-size: .9em;
 padding: .417em 0;
 min-height: 2.25rem;
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

#subnav:after {
 content: '';
 display: table;
 clear: both;
}

#subnav .stock-container {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
 -webkit-opacity: 0;
 -moz-opacity: 0;
 opacity: 0;
}

#subnav .stock-container.loaded {
 -webkit-opacity: 1;
 -moz-opacity: 1;
 opacity: 1;
}

#subnav .stock-container span[style*="margin"] {
 display: none;
}

#subnav .stock-container span[style*="margin"] ~ * {
 display: none;
}

#subnav b {
 color: #c9cacb;
 font-weight: 500;
 letter-spacing: 1px;
}

#subnav .up-black .arrate,
#subnav .down .arrate {
 display: inline-block;
 width: 1rem;
 height: 1rem;
 line-height: .8rem;
 font-size: .7rem;
 color: #0cca4a;
}

#subnav .down .arrate {
 color: #dd595a;
}

#subnav .sep {
 display: inline-block;
 overflow: hidden;
 text-indent: 101%;
 white-space: nowrap;
 width: 1.2rem;
 height: 1em;
}

/* =================== Tablo ================ */

.instruments {
 border-top: 6px solid #58a840;
 background: #3d444c;
 padding: 12px 20px 12px 40px;
}

.instruments .item {
 margin-top:10px;
 width: 21%;
 position: relative;
 padding: 0 10px 0 50px;
}

.instruments .item.icon-1 {
 width: 17%;
}

.instruments .item.icon-2 {
 width: 23%;
}

.instruments .item.icon-3 {
 width: 18%;
}

.instruments .item.icon-1 i,
.instruments .item.icon-2 i,
.instruments .item.icon-3 i,
.instruments .item.icon-4 i,
.instruments .item.icon-5 i {
 background: url(../images/icon-6.png) 0 0 no-repeat;
 width: 40px;
 height: 38px;
 display: block;
 position: absolute;
 top: 2px;
 left: 0;
}

.instruments .item.icon-2 i {
 background: url(../images/icon-7.png) 0 0 no-repeat;
}

.instruments .item.icon-3 i {
 background: url(../images/icon-8.png) 0 0 no-repeat;
}

.instruments .item.icon-4 i {
 background: url(../images/icon-9.png) 0 0 no-repeat;
}

.instruments .item.icon-5 i {
 background: url(../images/icon-10.svg) 0 0 no-repeat;
}

.instruments .item span {
 display: block;
 color: #fff;
 font-size: 16px;
 font-weight: 700;
}

.instruments .item span.small {
 margin-bottom: 5px;
 color: #bbbbbb;
 font-size: 13px;
 line-height: 14px;
 font-weight: 400;
}