@charset "utf-8";
/* CSS Document */
 
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}


*/

 
  

body {
	font-family: "Poppins", sans-serif;
	color: #000;
	font-size:18px;
	font-weight:normal;
	line-height: 1.8;
}
.mt-100 {
	margin-top: 100px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-30 {
	margin-bottom:30px;
}
.sec-1 {
	float:left;
	width:100%;
	clear:both;
}
.grey-bg {
	background:#e4e4e4;
}
.blue-bg {
	background:#1362B7;
	padding:36px;
}
.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 {
	color:#04adef;
	text-decoration:none;
}
a:hover {
	color:#1362b7;
	text-decoration:none;
}
.main-title h2 {
	font-family: 'Roboto', sans-serif;
	font-size:40px;
	line-height:46px;
	color:#1362B7;
	font-weight:600;
	margin-top:0;
	margin-bottom:38px;
	text-transform:capitalize;
}
.main-title h3 {
	font-size:30px;
	line-height:30px;
	color:#1362B7;
	font-weight:normal;
	margin-top:0;
	text-transform:uppercase;
}
.main-title h5 {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	line-height:13px;
	color:#1362B7;
	font-weight:normal;
	margin-bottom:30px;
	margin-top:0;
}
.text-left h2 {
	text-align:left;
}
.white {
	color:#fff !important;
}
.white h2 {
	color:#fff !important;
}
.dark-bg {
	background:#DEE9F5 !important;
}
/*=================================================
buttons
===================================================*/
.ClsButton {
	font-family: 'Roboto', sans-serif !important;
	height:inherit !important;
	font-size:18px !important;
	color:#fff !important;
	font-weight:400 !important;
	border:none !important;
	background:#04ADEF;
	width:108px !important;
	border-radius:0;
}
.btn-primary, .button, a.size, .ClsButton {
	font-size:18px !important;
	display:inline-block;
	background:#04ADEF;
	color:#fff !important;
	font-weight:400;
	text-decoration:none;
	border:none;
	outline:none;
	padding:18px 30px;
	text-transform:capitalize;
	border-radius:0;
	transform: scale(1);
 transition: all .3s;
}
 
.btn-primary span {
	font-size:18px;
	line-height:27px;
	font-weight:bold;
}
.btn-primary span:after {
	content:'';
	background-image:url(../images/view-more-arrow.png);
	display:inline-block;
	background-size:cover;
	width:17px;
	height:12px;
	margin-left:11px;
}
.btn-primary:hover, .button:hover, a.size:hover, .ClsButton:hover, .btn-primary:focus, .button:focus, a.size:focus, .ClsButton:focus, .btn-primary:visited, .button:visited, a.size:visited, .ClsButton:visited, .btn-primary:active, .button:active, a.size:active, .ClsButton:active, .btn-primary.active, .button.active, a.size.active, .ClsButton.active {
	font-size:18px !important;
	background:#04ADEF;
	color:#fff !important;
	font-weight:400 !important;
	text-decoration:none;
	border:none;
	outline:none;
	padding:18px 30px;
	text-transform:capitalize;
	border-radius:0;
	transform: scale(.9);
 transition: all .3s;
}
}
.view-more {
	font-size:18px;
	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;
}
/*.white-btn, .white-btn:hover {
	background:#dddddd;
	color:#000;
}*/
/*==============================================================
IR HOME PAGE  CSS STARTS HERE
================================================================*/
.stp-img {
	background:url(../images/sp-left-img.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	width:100%;
	min-height:561px;
}
.stk-per-sec {
	border-right:3px solid #A4C3E8;
	padding-right:15px;
}
.qt-sec, .graph-sec, .stk-footer {
	float:left;
	width:100%;
}
.stk-title {
	font-size: 30px;
	line-height: 30px;
	font-weight:500;
	color:#fff;
	margin-bottom: 16px;
	text-transform:uppercase;
	text-align:right;
}
.stk-prcsec {
	float:left;
	width:100%;
	text-align:right;
	padding-bottom:20px;
	margin-bottom:20px;/*border-bottom:2px solid #DEE9F5;*/
}
.stk-bborder {
	position: relative;
}
.stk-bborder::after {
 content: "";
 position: absolute;
 bottom: 0;
 right: 0;   /* you can adjust start point */
 width: 423px; /* control line width here */
 height: 3px;  /* line thickness */
 background: #A4C3E8; /* line color */
}
.stk-price {
	font-size: 50px;
	line-height:50px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
}
.stk-price span {
	font-size: 26px;
	line-height: 26px;
	font-weight: 500;
	color: #fff;
}
.chgUp:after {
	content: url(../images/chgUp.png);
	width: 14px;
	height: 20px;
	display: inline-block;
	margin-left: 5px;
}
.chgDown:after {
	content: url(../images/chgDown.png);
	width: 14px;
	height: 20px;
	display: inline-block;
	margin-left: 5px;
}
.stk-chg {
	display: inline-block;
	margin-left: 15px;
	color: #fff;
	font-size:22px;
}
.stk-chg span {
	color: #fff;
}
.chgUp {
	color:#fff;
}
.chgDown {
	color: #fff;
}
.ohlv-sec {
	float: left;
	width: 100%;
	margin-bottom:30px;
}
 .high {
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
	line-height:37px;
	text-align: left;
	color: #fff;
	padding:0px 20px;
	width:32%;
}

 .low {
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
	line-height:37px;
	text-align: center;
	color: #fff;
	padding:0px 20px;
	border-left:1px dashed #fff;
	border-right:1px dashed #fff;
	width:32%;
}

.vol {
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
	line-height:37px;
	text-align: right;
	color: #fff;
	padding:0px 0px 0 20px;
	width:32%;
}


.vol {
	border-right: none;
}
.high span{
	display: block;
	text-align: left;
	font-weight: normal;
	color: #fff;
	font-size: 20px;
	line-height:24px;
	margin-bottom:30px;
}

.low span{
	display: block;
	text-align: center;
	font-weight: normal;
	color: #fff;
	font-size: 20px;
	line-height:24px;
	margin-bottom:30px;
}


  .vol span {
	display: block;
	text-align: right;
	font-weight: normal;
	color: #fff;
	font-size: 20px;
	line-height:24px;
	margin-bottom:30px;
}


.rm-btn, .eod {
	float: left;
	width: 50%;
}
.eod {
	font-size: 12px;
	line-height: 18px;
	color:#DEE9F5;
	padding-top: 11px;
	padding-bottom: 11px;
	text-align:left;
}
.stk-per-sec .rm-btn {
	text-align:right;
}
.stk-footer .rm-btn {
	text-align:right;
}
/*==============================================================
BURSA SECTION CSS STARTS HERE
================================================================*/
.sec-2 {
	margin-bottom:0;
}
.sec-2 .title-sec {
	background:#fff;
	position:relative;
}
.dark-bg {
	position:relative;
}
.bursa-sec {
	margin-bottom:100px;
}
.ba-link {
	float:left;
	width:100%;
	border:1px solid #1362B7;
	padding:15px;
	background:#fff;
	color:#000000;
	text-align:left;
	min-height:279px;
}
.ba-date {
	float:left;
	width:100%;
	display:flex;
	font-size:25px;
	line-height:31px;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#04ADEF;
}
.ba-date:before {
	content:'';
	display:flex;
	border-left:10px solid #1362B7;
	height:57px;
	margin-right:15px;
}
.ba-cont {
	float:left;
	font-size:18px;
	line-height:20px;
	color:#000;
	display: -webkit-box;
	-webkit-line-clamp: 6;  /* Limit to 3 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ba-item {
	color: #000;
	padding:5px;
}
.ba-item-cont {
	font-family: 'Montserrat', sans-serif;
	background: #fff;
	margin:0 15px;
	padding: 30px 20px;
	min-height:202px !important;
	color:#000;
	text-align:left;
	border-radius:0px;
	display:block;
	cursor:pointer;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	opacity:0.75;
}
/*.ba-item-cont {
	color:#000000;
	background:#fff;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
}*/
.ba-item-cont .ba-cont {
	color:#000;
	font-size:20px;
	line-height:22px;
}
.ba-item-cont:hover {
	color:#000;
	background:#fff;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	display:block;
}
.ba-item-cont:hover .ba-cont, .ba-item-cont:hover .ba-cal {
	color:#000;
	cursor:pointer;
}
.ba-cal {
	color:#0066A1;
	font-size:20px;
	line-height:20px;
	margin-bottom: 20px;
	font-weight:normal;
}
.ba-cont {
	color: #000;
	font-size: 18px;
	line-height: 20px;
}
.title-sec {
	display:flex;
	justify-content:left;
	flex-direction:column;
	padding:100px 0;
	margin-right:-12px;
	margin-left:-12px;
}
.title-sec .btn-container {
	width: 100%;
	text-align: left;
}
.title-sec .main-title h2 {
	color:#1362B7;
	font-weight:500;
	margin-bottom:154px;
}
.regular {
	padding:78px 0 78px 30px;
}
.bg-white-left {
	position: relative;
	z-index: 1;
}
.bg-white-left::before {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: -9999px;
 right: 0;
 background: white;
 z-index: -1;
}

.slick-filler { visibility: hidden; }


/*========================================================================
REPORTS SEC CSS STARTTS HERE
=========================================================================*/

.reports-sec {
	float:left;
	width:100%;
	margin-bottom:100px;
}
.reports-block {
	float:left;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	height:100%;
}
.report-inner {
	background:#CADDF5;
	padding:15px;
	min-height:328px;
	height:100%;
}
.rpr-icon-sec {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.rpr-icon-sec img {
	width:39px;
	height:47px;
}
.rpt-title-dv-sec {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.rpt-title {
	float:left;
	width:74%;
	font-size:14px;
	font-weight:600;
	color:#1362B7;
}
/*.cir-title {
	float:left;
	width:30% !important;
}*/
.cir-btn {
	float:left;
	width:70% !important;
	text-align:right;
}
.cir-btn a {
	width:auto !important;
	height:auto !important;
	padding:9px 8px !important;
	font-size:14px !important;
	line-height:14px !important;
	margin-top:-2px !important;
}
.cir-btn a:hover {
	padding:9px 8px !important;
	font-size:14px !important;
	line-height:14px !important;
	margin-top:-2px !important;
}
.dv-block {
	float:left;
	width:26%;
	text-align:right;
}
.dv-block a {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 2px;
}
.rpt-download {
	background:url(../images/rpt-download.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.rpt-view {
	background:url(../images/rpt-view.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
/*========================================================================
SHAREHOLDER MEETING  SEC CSS STARTTS HERE
=========================================================================*/


.shm-sec .main-title h2 {
	text-align:right;
}
.sh-meeting {
	float:left;
	width:100%;
	height:100%;
	min-height:491px;
}
.shm-sec {
	float:left;
	width:100%;
	position:relative;
	background:url(../images/shareholders-bg.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:281px;
	padding-top:100px;
}
.sh-sec-box {
	float:left;
	width:100%;
	padding:40px 40px;
	background:#DEE9F5;
}
.sh-title {
	font-size:18px;
	font-weight:bold;
	color:#04ADEF;
	margin-bottom:20px;
}
.sh-sec-box p {
	font-size:18px;
	line-height:27px;
	color:#000000;
	margin-bottom:20px;
}
/*========================================================================
NEWS ALERTSS  SEC CSS STARTTS HERE
=========================================================================*/

 
.nl-img {
	background:url(../images/news-alerts-bg.jpg) no-repeat;
	min-height:485px;
	background-size:cover;
	background-position:center center;
}
.news-alert-sec {
	float:left;
	width:100%;
}
.news-alert-inner {
	float:left;
	width:100%;
	padding-top:70px;
	text-align:left;
}
.btn-cont-na {
	float:left;
	width:100%;
	text-align:center;
}
.nl-sub {
	font-size:18px;
	line-height:27px;
	margin-bottom: 22px;
	font-weight:400;
	color:#000;
}
.form-control {
	display: block;
	width: 100%;
	height: 49px;
	padding: 6px 12px;
	font-size: 18px;
	line-height: 1.42857143;
	color: #1362B7;
	background-color: #fff;
	background-image: none;
	border: 1px solid #A4C3E8;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(177, 0, 35, .075);
	box-shadow: inset 0 1px 1px rgba(177, 0, 35, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.frm-cnt input {
	margin-bottom:20px;
}
.btn-cont-na {
	float:left;
	width:100%;
	text-align:left;
}
.pp-link {
	display:inline-block;
	margin-right:15px;
	color:#1362B7;
	font-size:18px;
	line-height:18px;
	text-transform:capitalize;
}
/*  ===============================================================================================================
SECTION 5 CSS Starts here
=================================================================================================================== */


.sec-5 {
	float:left;
	width:100%;
	margin-bottom:0;
	background:#DEE9F5;
	min-height:510px;
}
.irc-left-bg {
	background:url(../images/ircon-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:510px;
}
.contact-sec {
	float:left;
	padding:135px 50px;
}
.irc-links-sec {
	float:left;
}
.irc-link {
	font-size:24px;
	line-height:29px;
	color:#1362B7;
	margin-bottom:20px;
	display:block;
	width:100%;
}
.irc-link span {
	display:block;
	font-weight:bold;
}
.ir-cp {
	position:relative;
	display:inline-block;
	padding-left:70px;
}
.ir-cp:before {
	content:'';
	display:inline-block;
	background:url(../images/contact-person.png) no-repeat;
	background-size:contain;
	width:41px;
	height:48px;
	margin-right:30px;
	position:absolute;
	left:0;
}
.ir-tel {
	position:relative;
	display:inline-block;
	padding-left:70px;
}
.ir-tel:before {
	content:'';
	display:inline-block;
	background:url(../images/tel.png) no-repeat;
	background-size:contain;
	width:52px;
	height:51px;
	margin-right:30px;
	position:absolute;
	left:0;
}
.ir-fax {
	position:relative;
	display:inline-block;
	padding-left:70px;
}
.ir-fax:before {
	content:'';
	display:inline-block;
	background:url(../images/fax.png) no-repeat;
	background-size:contain;
	width:47px;
	height:48px;
	margin-right:30px;
	position:absolute;
	left:0;
}
.ir-email {
	position:relative;
	display:inline-block;
	padding-left:70px;
}
.ir-email:before {
	content:'';
	display:inline-block;
	background:url(../images/email.png) no-repeat;
	background-size:contain;
	width:50px;
	height:49px;
	margin-right:30px;
	position:absolute;
	left:0;
}
.mob-on {
	display:none !important;
}
.mob-off {
	display:block !important;
}


.z-tabs.underlined.red > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.red > ul.z-tabs-nav > li > a:hover {
    border-color: #04adef !important;
}



/*==========  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) {
 .open span, .high span, .low span, .vol span {
 display: block;
 text-align: right;
 font-weight: normal;
 color: #fff;
 font-size: 18px;
 line-height: 23px;
 margin-bottom: 30px;
}
 .rpt-title {
 float: left;
 width: 70%;
 font-size: 14px;
 line-height: 16px;
 font-weight: 600;
 color: #1362B7;
}
 .dv-block {
 float: left;
 width: 30%;
 text-align: right;
}
}
 
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
 .stk-price {
 font-size: 25px;
 line-height: 50px;
 font-weight: bold;
 color: #fff;
 display: inline-block;
}
.stk-chg {
 display: inline-block;
 margin-left: 15px;
 color: #fff;
 font-size: 18px;
}
.stk-bborder::after {
 content: "";
 position: absolute;
 bottom: 0;
 right: 0;
 width: 269px;
 height: 3px;
 background: #A4C3E8;
}
.open span, .high span, .low span, .vol span {
 display: block;
 text-align: right;
 font-weight: normal;
 color: #fff;
 font-size: 16px;
 line-height: 20px;
 margin-bottom: 20px;
}
.open, .high, .low, .vol {
 display: inline-block;
 font-weight: bold;
 font-size: 22px;
 line-height: 24px;
 text-align: right;
 color: #fff;
 padding: 0px 10px;
 width: 30.333%;
}
.main-title h2 {
 font-family: 'Roboto', sans-serif;
 font-size: 32px;
 line-height: 32px;
 color: #1362B7;
 font-weight: 600;
 margin-top: 0;
 margin-bottom: 38px;
 text-transform: capitalize;
}
.stk-title {
 font-size: 28px;
 line-height: 28px;
 font-weight: 500;
 color: #fff;
 margin-bottom: 16px;
 text-transform: uppercase;
 text-align: right;
}
 .irc-link {
 font-size: 16px;
 line-height: 29px;
 color: #1362B7;
 margin-bottom: 20px;
 display: block;
 width: 100%;
}
.sh-meeting {
 float: left;
 width: 100%;
 height: 100%;
 min-height:518px;
}
 .title-sec .main-title h2 {
 color: #1362B7;
 font-weight: 500;
 margin-bottom: 113px;
}
 .slick-prev {
 left: -66px !important;
 top: 67% !important;
}
.slick-next {
 left: -45px !important;
 top: 67% !important;
}
 .ba-date:before {
 content: '';
 display: flex;
 border-left: 6px solid #1362B7;
 height: 65px;
 margin-right: 15px;
}
 .ba-date {
 font-size:22px;
 line-height:23px;
}
 .reports-block [class*="col-"] {
 margin-bottom:20px;
}
.contact-sec {
 padding: 135px 9px;
}
.irc-left-bg {
 background: url(../images/ircon-bg.jpg) no-repeat;
 background-size: cover;
 background-position: top center;
 min-height: 617px;
}
}
 @media (min-width: 768px) {
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
 .stk-per-sec {
 border-bottom: 3px solid #A4C3E8;
 padding-bottom: 25px;
 border-right: none;
 margin-bottom: 25px;
}
.stk-bborder::after {
 content: "";
 position: absolute;
 bottom: 0;
 right: 0;
 width: 421px;
 height: 3px;
 background: #A4C3E8;
}
.ohlv-sec {
 float: left;
 width: 100%;
 margin-bottom: 30px;
 text-align: right;
}
 .rm-btn, .eod {
 float: left;
 width: 100%;
}
 .slick-next {
 right: 60px !important;
 top: 93% !important;
}
 .slick-prev {
 right: -60px !important;
 top: 93% !important;
}
 .title-sec .main-title h2 {
 margin-bottom:0;
}
.sec-2 .title-sec {
 background: none;
 position: relative;
 padding:100px 0 0 18px;
}
.regular {
 padding: 30px 0 0 0;
}
 .bg-white-left::before {
 background:none;
}
 .sec-2 .bursa-sec .btn-container {
 padding-left:10px;
}
 .rpt-img-sec {
 height:150px;
}
 .sh-meeting {
 float: left;
 width: 100%;
 height: 100%;
 min-height: 555px;
}
 .shm-sec .main-title h2 {
 text-align: left;
}
 .nl-img {
 background: url(../images/news-alerts-bg.jpg) no-repeat;
 min-height: 150px;
 background-size: cover;
 background-position: center center;
}
 .irc-left-bg {
 background: url(../images/ircon-bg.jpg) no-repeat;
 background-size: cover;
 background-position: center center;
 min-height: 150px;
}
.contact-sec {
 padding: 30px 50px;
}
 .mob-on {
 display:block !important;
}
.mob-off {
 display:none !important;
}
}
 @media (max-width:576px) {
 .open, .high, .low, .vol {
 display: inline-block;
 font-weight: bold;
 font-size: 30px;
 line-height: 37px;
 text-align: center;
 margin-bottom:30px;
 color: #fff;
 padding: 0px 20px;
 width:100%;
}
.open span, .high span, .low span, .vol span {
 display: block;
 text-align: center;
 font-weight: normal;
 color: #fff;
 font-size: 20px;
 line-height: 24px;
 margin-bottom: 30px;
}
.rm-btn, .eod {
 float: left;
 width: 100%;
 text-align:center;
}
.stk-footer .rm-btn {
 text-align: center;
}
 .title-sec {
 margin-left:0;
 margin-right:0;
}
.sec-2 .title-sec {
 background: none;
 position: relative;
 padding: 100px 0 0 0px;
}
}



/* Portrait phones and smaller */
@media (max-width: 480px) {
}
 @media(max-width:414px) {
}

/* Portrait i phones and smaller */
@media (max-width: 380px) {
 .open, .high, .low, .vol {
 display: inline-block;
 font-weight: bold;
 font-size: 30px;
 line-height: 37px;
 text-align: center;
 margin-bottom:30px;
 color: #fff;
 padding: 0px 20px;
 width:100%;
}
.open span, .high span, .low span, .vol span {
 display: block;
 text-align: center;
 font-weight: normal;
 color: #fff;
 font-size: 20px;
 line-height: 24px;
 margin-bottom: 30px;
}
 .contact-sec {
 padding: 30px 15px;
}
}