@charset "utf-8";
/* CSS Document */
/*@font-face {
font-family: 'SF-Pro-Display';
src: url('../fonts/SF-Pro-Display-Light.eot');
src: url('../fonts/SF-Pro-Display-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/SF-Pro-Display-Light.woff2') format('woff2'),
url('../fonts/SF-Pro-Display-Light.woff') format('woff'),
url('../fonts/SF-Pro-Display-Light.ttf') format('truetype'),
url('../fonts/SF-Pro-Display-Light.svg#SF-Pro-Display-Light') format('svg');
font-weight:300;
font-style:normal;
}
@font-face {
font-family: 'SF-Pro-Display';
src: url('../fonts/SF-Pro-Display-Regular.eot');
src: url('../fonts/SF-Pro-Display-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/SF-Pro-Display-Regular.woff2') format('woff2'),
url('../fonts/SF-Pro-Display-Regular.woff') format('woff'),
url('../fonts/SF-Pro-Display-Regular.ttf') format('truetype'),
url('../fonts/SF-Pro-Display-Regular.svg#SF-Pro-Display-Regular') format('svg');
font-weight:400;
font-style:normal;
}
@font-face {
font-family: 'SF-Pro-Display';
src: url('../fonts/SF-Pro-Display-Semibold.eot');
src: url('../fonts/SF-Pro-Display-Semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/SF-Pro-Display-Semibold.woff2') format('woff2'),
url('../fonts/SF-Pro-Display-Semibold.woff') format('woff'),
url('../fonts/SF-Pro-Display-Semibold.ttf') format('truetype'),
url('../fonts/SF-Pro-Display-Semibold.svg#SF-Pro-Display-Semibold') format('svg');
font-weight:600;
font-style:normal;
}
@font-face {
font-family: 'SF-Pro-Display';
src: url('../fonts/SF-Pro-Display-Bold.eot');
src: url('../fonts/SF-Pro-Display-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/SF-Pro-Display-Bold.woff2') format('woff2'),
url('../fonts/SF-Pro-Display-Bold.woff') format('woff'),
url('../fonts/SF-Pro-Display-Bold.ttf') format('truetype'),
url('../fonts/SF-Pro-Display-Bold.svg#SF-Pro-Display-Bold') format('svg');
font-weight:bold;
font-style:normal;
}
*/
body {
font-family: 'Inter', sans-serif;
color: #080808;
font-size:18px;
font-weight:300;
line-height: 1.5;
}
.mt-100 {
margin-top: 100px;
}
.mt-80 {
margin-top: 80px;
}
.mb-35 {
margin-bottom:35px;
}
.mtb-35 {
margin-top:35px;
margin-bottom:35px;
}
.sec-1 {
float:left;
width:100%;
clear:both;
margin-bottom:60px;
}
.grey-bg {
background:#e4e4e4;
}
.sec-2 {
float:left;
width:100%;
clear:both;
margin-bottom:60px;
}
.sec-3, .sec-4, .sec-5, .sec-6 {
float:left;
width:100%;
clear:both;
margin-bottom:60px;
}
a, .more-link:hover {
color:#EC5C29;
text-decoration:none;
}
a:hover {
color:#367AEB;
text-decoration:none;
}
.main-title h2 {
font-size:32px;
line-height:36px;
color:#080808;
font-weight:500;
margin-top:0;
margin-bottom:38px;
text-transform:capitalize;
}
.main-title h3 {
font-size:30px;
line-height:30px;
color:#080808;
font-weight:400;
margin-top:0;
text-transform:uppercase;
}
.main-title h5 {
font-size:13px;
line-height:13px;
color:#080808;
font-weight:bold;
margin-bottom:30px;
margin-top:0;
}
.text-left h2 {
text-align:left;
}
.white {
color:#fff !important;
}
.white h2 {
color:#fff !important;
}
.ccolor {
color:#EC5C29 !important;
}
.ccolor h2 {
font-size:48px;
line-height:54px;
font-weight:200;
color:#080808;
}
/*=================================================
buttons
===================================================*/
.ClsButton {
height:inherit !important;
font-size:15px !important;
color:#fff !important;
font-weight:400 !important;
border:none !important;
background:#3e5062;
border-radius:50px;
width:108px !important;
}
.btn-primary, .button, a.size, .ClsButton {
font-size:14px !important;
line-height:18px !important;
display:inline-block;
background-color:#EC5C29;
color:#fff !important;
text-decoration:none;
border:1px solid #EC5C29;
outline:none;
padding:16px 32px;
border-radius:36px !important;
font-weight:300 !important;
font-family: inherit!important;
width: auto !important;
}
.btn-primary:hover, .button:hover, a.size:hover, .ClsButton:hover {
/*font-size:14px !important;
background:#f7941d;
color:#fff !important;
font-weight:400 !important;
text-decoration:none;
border:1px solid #f7941d !important;
outline:none;
padding:17px 30px;
text-transform:capitalize;
border-radius:10px !important;*/
background-color:#1e1e1e;border:1px solid #1e1e1e;
}
.view-more {
font-size:14px;
margin-left:20px;
}
.white {
color:#fff !important;
}
.nl-bcn {
float:left;
width:100%;
margin-top:52px;
}
.csreq-form-btn {
float:left;
width:100%;
margin-top:30px;
text-align:right;
}
/*==============================================================
IR HOME PAGE CSS STARTS HERE
================================================================*/
.qt-sec, .graph-sec, .stk-footer {
float:left;
width:100%;
}
.stk-title {
font-size: 24px;
line-height: 30px;
font-weight:500;
margin-bottom: 10px;
text-transform:uppercase;
}
.stk-prcsec {
float:left;
width:100%;
}
.stk-price {
font-size: 48px;
line-height: 48px;
font-weight: 600;
color: #080808;
display:block;
margin-bottom:22px;
}
.stk-price span {
font-size: 26px;
line-height: 26px;
font-weight: 500;
color: #080808;
}
.priceUp:before {
content: url(../images/Up.png);
width: 27px;
height: 24px;
display: inline-block;
margin-right: 5px;
}
.priceDown:before {
content: url(../images/Down.png);
width: 27px;
height: 24px;
display: inline-block;
margin-right: 5px;
position:relative;
top:7px;
}
.stk-chg {
display:block;
color: #080808;
font-size:20px;
line-height:21px;
margin-bottom:22px;
}
.stk-chg span {
color: #080808;
}
.chgUp {
color: #0a6c37;
}
.chgDown {
color: #ec2027;
}
.vol {
font-size:24px;
line-height:24px;
font-weight:500;
}
.intraday-sec {
float: left;
width: 48%;
margin-right:2%;
}
.intraday-sec2 {
float: left;
width: 48%;
margin-left:2%;
}
.open, .high, .low {
display: inline-block;
border-bottom: 1px solid #959595;
font-weight: 500;
font-size: 16px;
line-height:18px;
text-align: right;
color: #080808;
width:100%;
padding:21px 0px 14px 0;
}
.open span, .high span, .low span {
float:left;
text-align: left !important;
font-weight: 300;
color: #080808;
font-size: 16px;
line-height:18px;
}
.rm-btn{
float: left;
width: 50%;
}
.eod {
float:left;
width:100%;
font-size: 14px;
line-height: 14px;
color: #080808;
margin-top:20px;
margin-bottom:20px;
text-align:left;
}
.stock-quote {
font-size:22px;
line-height:32px;
font-weight:500;
color:#080808;
vertical-align:middle;
margin-bottom:20px;
}
.stock-quote:before {
content:url(../images/stock-title-logo.png);
display:inline-block;
width:35px;
height:32px;
margin-right:10px;
position:relative;
top:7px;
}
/*==============================================================
BURSA SECTION CSS STARTS HERE
================================================================*/
.sec-2 {
}
.reports-left {
float:left;
width:100%;
}
.reports-full-container {
float:left;
border-bottom:1px dashed #b8b8b8;
padding-bottom:60px;
}
.border-right {
border-right:1px dashed #ccc;
padding-top:50px;
padding-bottom:50px;
}
.lqr-sec {
float:left;
width:100%;
margin-bottom:60px;
min-height:287px;
}
.qtr-item {
font-size:18px;
line-height:18px;
display:block;
margin-bottom:35px;
}
.more-link {
font-size:18px;
line-height:18px;
font-weight:normal;
display:block;
margin-bottom:35px;
color:#367AEB;
}
.reports-right {
float:left;
width:100%;
border-right:none;
padding:50px 0 50px 50px;
}
.ba-sec {
float:left;
width:100%;
margin-bottom:60px;
min-height:287px;
}
.ba-item {
float:left;
width:100%;
margin-bottom:25px;
}
.ba-date {
float:left;
width:100%;
font-size:16px;
line-height:16px;
font-weight:500;
margin-bottom:13px;
}
.ba-ann {
float:left;
width:100%;
}
.ba-ann a {
font-size:16px;
color:inherit;
text-decoration:none;
display:block;
}
.crc-item {
float:left;
width:100%;
margin-bottom:25px;
}
.crc-date {
float:left;
width:100%;
line-height:22px;
font-weight:500;
margin-bottom:8px;
}
.crc-ann {
float:left;
width:100%;
}
.crc-ann a {
font-size:16px;
line-height:22px;
color:#080808;
text-decoration:none;
display:block;
}
.crc-ann a:hover {
font-size:16px;
line-height:22px;
color:#080808;
text-decoration:none;
}
/*==============================================================
UPCOMING EVENTS SECTION CSS STARTS HERE
================================================================*/
.sec-3 {
}
.ucmevnts-sec {
float:left;
width:100%;
}
.event-sec {
float:left;
width:100%;
}
.evnt-date-sec {
float:left;
width:115px;
height:115px;
max-width:35%;
padding:15px;
border:2px solid #EC5C29;
border-radius:250px;
display:table;
}
.evnt-date {
text-align:center;
font-size:20px;
line-height:25px;
font-weight:500;
color:#EC5C29;
display:table-cell;
vertical-align:middle;
}
.evnt-date span {
text-align:center;
font-size:30px;
line-height:32px;
font-weight:700;
display:block;
color:#EC5C29;
}
.evnt-link {
float:left;
width:65%;
display:table;
height:115px;
padding-left:15px;
}
/*.evnt-link a {
font-size:16px;
line-height:22px;
display:table-cell;
vertical-align:middle;
}*/
.evnt-link p {
display:table-cell;
vertical-align:middle;
}
/*==============================================================
REPORTS SECTION CSS STARTS HERE
================================================================*/
.sec-4 {
}
.news-alert-sec {
border-bottom:1px dashed #b8b8b8;
padding-bottom:60px;
}
/*==============================================================
NEWS ALERT SECTION CSS STARTS HERE
================================================================*/
.ir-cont-sec div p{
margin-bottom:28px;
}
.news-alert-sec {
float:left;
width:100%;
}
.frm-cnt {
float:left;
width:100%;
}
.nl-sub {
margin-bottom: 22px;
}
.form-control {
display: block;
width: 100%;
height:auto;
padding: 17px 20px;
background-image: none;
border: 1px solid #707070;
border-radius: 6px;
font-size:16px;
}
.frm-cnt input {
margin-bottom:15px;
}
.btn-cont-na {
margin-top:54px;
}
/*IR Contact section starts here*/
.sec-6 {
}
.contct-info-sec, .ir-cont-sec {
float:left;
width:100%;
}
.ir-cont-sec {
border-bottom:1px dashed #b8b8b8;
padding-bottom:60px;
}
.pic-name, .cont-num {
font-size:16px;
line-height:18px;
margin-bottom:15px;
color:#080808;
}
.email {
font-size:16px;
line-height:18px;
margin-bottom:15px;
color:#367AEB;
}
.email a {
color:#367AEB;
}
.email a:hover
{
color:#EC5C29;
}
/*========== Mobile First Method ==========*/
@media(max-width:1199px) {
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.ccolor h2 {
font-size: 32px;
line-height: 36px;
font-weight: bold;
color: #EC5C29;
}
.evnt-date-sec {
float: left;
width: 115px;
height: 115px;
max-width: 40%;
padding: 15px;
border: 2px solid #00236b;
border-radius: 250px;
display: table;
}
.evnt-link {
float: left;
width: 60%;
display: table;
height: 115px;
padding-left: 15px;
}
.evnt-link a {
font-size: 16px;
line-height: 21px;
display: table-cell;
vertical-align: middle;
}
}
@media (min-width: 992px) {
}
@media (max-width: 991px) {
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.stk-price {
font-size: 42px;
line-height: 45px;
font-weight: bold;
color: #080808;
display: block;
margin-bottom: 22px;
}
.open, .high, .low {
display: inline-block;
border-bottom: 1px solid #080808;
font-weight: bold;
font-size: 13px;
line-height: 18px;
text-align: right;
color: #080808;
width: 100%;
padding: 21px 0px 14px 0;
}
.open span, .high span, .low span {
float: left;
text-align: left !important;
font-weight: normal;
color: #080808;
font-size: 13px;
line-height: 18px;
}
.ccolor h2 {
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: #EC5C29;
}
.reports-right{
padding-left:25px;
}
.evnt-date-sec {
float: left;
width: 95px;
height: 77px;
max-width: 35%;
padding: 15px;
border: 2px solid #00236b;
border-radius: 250px;
display: table;
}
.evnt-date {
text-align: center;
font-size: 15px;
line-height: 19px;
font-weight: 500;
color: #00236b;
display: table-cell;
vertical-align: middle;
}
.evnt-date span {
text-align: center;
font-size: 23px;
line-height: 26px;
font-weight: bold;
display: block;
color: #00236b;
}
.evnt-link {
float: left;
width: 65%;
display: table;
height: 77px;
padding-left: 15px;
}
.evnt-link a {
font-size: 14px;
line-height: 18px;
display: table-cell;
vertical-align: middle;
}
.btn-cont-na {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.border-right {
border-right: none;
padding-top: 0px;
padding-bottom: 0px;
}
.reports-right {
float: left;
width: 100%;
border-right: none;
padding: 0;
}
.event-sec{
margin-bottom:30px;
}
.btn-cont-na {
margin-top: 15px;
}
.qt-sec, .graph-sec, .stk-footer {
float: left;
width: 100%;
margin-bottom:35px;
}
}
@media (max-width:576px) {
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
.ccolor h2 {
font-size: 30px;
line-height: 36px;
font-weight: bold;
color: #EC5C29;
}
}
@media(max-width:414px) {
.sec-3, .sec-4, .sec-5, .sec-6 {
float:left;
width:100%;
clear:both;
margin-bottom:35px;
}
}
/* Portrait i phones and smaller */
@media (max-width: 380px) {
.sec-3, .sec-4, .sec-5, .sec-6 {
float:left;
width:100%;
clear:both;
margin-bottom:35px;
}
.ccolor h2 {
font-size: 26px;
line-height: 30px;
font-weight: bold;
color: #EC5C29;
}
.stk-title {
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #080808;
margin-bottom: 10px;
text-transform: uppercase;
}
.stk-price {
font-size: 32px;
line-height: 35px;
font-weight: bold;
color: #080808;
display: block;
margin-bottom: 22px;
}
.vol {
font-size: 20px;
line-height: 21px;
font-weight: bold;
}
.open span, .high span, .low span {
float: left;
text-align: left !important;
font-weight: normal;
color: #080808;
font-size: 13px;
line-height: 16px;
}
.open, .high, .low {
display: inline-block;
border-bottom: 1px solid #080808;
font-weight: bold;
font-size: 13px;
line-height: 16px;
text-align: right;
color: #080808;
width: 100%;
padding: 21px 0px 14px 0;
}
.stock-quote {
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #080808;
vertical-align: middle;
margin-bottom: 20px;
}
.graph-sec{
margin-bottom:0;
}
.evnt-date {
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #00236b;
display: table-cell;
vertical-align: middle;
}
.evnt-date span {
text-align: center;
font-size: 22px;
line-height: 24px;
font-weight: bold;
display: block;
color: #00236b;
}
.evnt-link {
float: left;
width: 65%;
display: table;
height: 90px;
padding-left: 15px;
}
.evnt-link a {
font-size: 14px;
line-height: 18px;
display: table-cell;
vertical-align: middle;
}
#ctl00_cphContent_fvStkInfo{
font-size:80%;
}
}