@charset "utf-8";
/* CSS Document */

body
{  
    font-family: "Manrope", Sans-serif;
    font-size: 15.5px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #353535;
}
a
{
	text-decoration:none; color:#F7D20D;
	outline: none;
}
a:hover
{
	text-decoration:none;color:#000000;
}
h1, h2, h3, h4, h5, .terms h5, .z-tabs.underlined.horizontal > ul > li > a, .terms h4, .quarter-year, .circularDate
{
	font-family: "Lexend Deca", Sans-serif;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
h4
{
	font-size:18px;line-height:24px;font-weight:600;
	margin-top:0px;
}
h2
{
	padding: 0px 0px 0px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 2px;
    border-color: #F7D20D;
    border-radius: 0px 0px 0px 0px;
	font-size: 32px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 40px;
    color: #000000;margin:0px 0px 26px 0px;
}
#newsalert-wrapper h2, #reports-wrapper h2
{
   padding: 0px;
   border: none;
}
.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: #F7D20D !important;
}
.z-tabs.underlined.horizontal > ul > li > a
{
	font-weight:400 !important;
}
.irbutton, .btn-primary, .ClsButton, .size
{  
  background-color: #F7D20D;
  color: #000000;
  border-radius: 12px 12px 12px 12px;
  padding: 12px 24px;
  display: inline-block;  
  font-size:15px !important; 
  line-height:1; 
  font-family: "Lexend Deca", Sans-serif !important;
  outline:none;border:none; font-weight:500 !important; 
  min-width:130px;height:auto !important;
  text-align: center;transition: all .3s;
}
.irbutton:hover, .btn-primary:hover, .ClsButton:hover, .size:hover
{
	 background-color:#000000 !important;color: #fff !important;
}
#ba-wrapper, #ic-wrapper, #newsalert-wrapper, #reports-wrapper, #sm-wrapper
{
	margin-top:80px;
}

#stockinfo-wrapper .irbutton, #newsalert-wrapper .irbutton
{
	background-color:#fff;color: #000;
}
#stockinfo-wrapper {
  background: linear-gradient(359deg, #F7D20D 0%, #F3B85B 100%);
  padding: 60px 0;
  color: #000;
}
#stockinfo-wrapper h3 {
  font-size: 22px;
  font-weight: 600;
  margin:0px;
  margin-bottom: 5px; 
}
#stockinfo-wrapper h1 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;  
  display: inline-block;
  margin:0px;vertical-align: sub;
}
#stockinfo-wrapper .stockprice div {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;  
}
#stockinfo-wrapper .stockprice.priceUp div:before, #stockinfo-wrapper .stockprice.priceDown div:before
{
  content: "";
  background-size: contain;
  width: 20px;
  height: 16px;
  display: inline-block;
  margin-right: 6px;  
}
#stockinfo-wrapper .stockprice.priceUp div:before {
 
  background: url("../images/arrowup.png") no-repeat center center;
 
}
#stockinfo-wrapper .stockprice.priceDown div:before { 
  background: url("../images/arrowdown.png") no-repeat center center; 
}
#stockinfo-wrapper .stocklist {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; /* allows wrapping on small screens */
  padding: 0;
  background: transparent; /* no background */
}

#stockinfo-wrapper .stocklist div {
  flex: 1;  
  font-size: 16px;  
  color: #000;
  padding: 5px 10px;
}

#stockinfo-wrapper .stocklist span {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  display: block;
  margin-top: 5px;
 
}
#stockinfo-wrapper .eod {
  margin-top: 15px;
  font-size: 12px;
  line-height: 16px;  
}
.datebox-wrapper
{		
	text-align: left;          
    background-color: #FFFFFF;
    height:100%;
	transition: transform 500ms;	
	padding:40px 30px;font-size:15px;line-height:20px;
	border: 1px solid #D8D9DA;
	border-radius: 8px;
}
.datebox-wrapper a
{
	color:#000;
    display: block;
}
.datebox-wrapper p
{
	color: #000000;
	margin-bottom: 20px;
	background: #F7D20D 0% 0% no-repeat padding-box;
    border-radius: 12px;font: normal normal normal 15px/19px Lexend Deca;
	letter-spacing: 0px;   padding:12px 20px;display:inline-block; 
}
#ba-wrapper h2, #sm-wrapper h2
{
	max-width:78%;
}
.announcements-slider .slick-track
{
	display: flex !important;
}
.announcements-slider .slick-slide
{
	 height: inherit !important;
}
#ba-wrapper a.irbutton, #sm-wrapper a.irbutton
{
	margin-top:28px;position:relative;
}
#newsalert-wrapper
{	
	background: transparent linear-gradient(180deg, #F7D20D 0%, #F3B958 96%, #F3B85B00 100%) 0% 0% no-repeat padding-box;
	border-radius: 0px 20px 20px 0px;
}
#newsalert-wrapper .container
{
   position:relative;padding-top:100px;padding-bottom:100px;
}
#newsalert-wrapper p
{
	margin-bottom:40px;
}
#ic-wrapper .iconbox div
{
	 font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin: 18px 0px;
    color: #000;
}

#ic-wrapper .iconbox a
{
	 color:#000;
}
#ic-wrapper .iconbox div span
{
	display:inline-block;vertical-align:middle;
	font-family: "Lexend Deca", sans-serif; 
}
#ic-wrapper .iconbox div span strong
{
	font-size:16px;line-height:24px;font-weight:400;
}
#ic-wrapper .iconbox img
{
	margin-right:16px;
}
#ic-wrapper  p
{
	margin-bottom:26px;
}
#reports-wrapper h2
{
	text-align:center;
}
.report-box {  
  padding: 14px 25px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 8px 8px 0 rgba(253, 241, 183, 0.8);
  background: transparent linear-gradient(359deg, #F7D20D 0%, #F3B85B 100%) 0% 0% no-repeat padding-box;
  border-radius: 38px;
}
.report-right .report-box
{
	box-shadow: -8px 8px 0 rgba(253, 241, 183, 0.8);
}
.report-box img
{
  margin-right:12px;   
}
.report-box .report-icons img
{
	margin-right:0px;
}
.report-box span {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #000; 
  font-family: "Lexend Deca", sans-serif; 
  line-height: 18px;
}

.report-icons a {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  color: #000;
  border-radius: 50%;
  font-size: 16px;
  margin-left: 6px;
  transition: all 0.3s;
}
.report-icons a.black {
  background: #000;
  color: #fff;
}
.report-icons a:hover {
  background: #000;
  color: #fff;
}

@media (max-width: 991px) {
 
}


/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px)
{ 
    #stockinfo-wrapper .col-lg-3.col-md-12.col-sm-12
  {
	   text-align:right;
  }
}
@media (max-width: 1199px) {
  
  #stockinfo-wrapper .col-lg-3.col-md-12.col-sm-12
  {
	   text-align:center;margin-top:20px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) 
{
 
}
@media (min-width: 992px)
{
   #reports-wrapper .report-left .report-box:nth-child(2)
  {
	  left:-18px;position:relative;
  }
  #reports-wrapper .report-right .report-box:nth-child(2)
  {
	   right:-18px;position:relative;
  }
}
@media (max-width: 991px) 
{
 #reports-wrapper .report-center
 {
	 display:none;
 }
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) 
{
	
}
@media (min-width: 768px)
{
 .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 } 
 .vertical-align {
    display: flex;
    align-items: center;
  } 
 .flex-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#reports-wrapper .row .col-lg-4 .report-box:last-of-type
 {
	 margin-bottom:0px;
 }
 #newsalert-wrapper img {
    position: absolute;
    width: 50%;
    right: 0;   
    bottom: -80px;	
    padding-left: 12px;
}
#sm-wrapper {
    margin-top: 160px;
}
    
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) 
{ 
 
 #stockinfo-wrapper .stocklist {
    flex-direction: column;
    align-items: center;
	display:block;
  }
  #stockinfo-wrapper .stocklist div {
    width: 48%;
    padding:10px;
    text-align: center;
	display:inline-block;
  }
  #stockinfo-wrapper {
    text-align: center;
  }
  #ba-wrapper .col-lg-5  img, #ic-wrapper .col-lg-7 img, #sm-wrapper .col-lg-5 img, #newsalert-wrapper img
  {
	  display:none;
  }
  h2
  {
	  font-size:25px;line-height:32px;
  }
}
@media (max-width: 480px)
{
 
}
/* Portrait i phones and smaller */
@media (max-width: 320px) 
{
	
}