@charset "utf-8";
/* CSS Document */
 





body {
	  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #041c2c;
	font-size:16px;
	font-weight:normal;
	line-height: 1.8;
	background-color:transparent;
}
.mt-100 {
	margin-top: 100px;
}
.mt-80 {
	margin-top: 80px;
}
.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 {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#004e96;
	text-decoration:none;
}




/*============================================================================
CW home iframe css starts here
=============================================================================*/


/*stock quote css*/

.ir-cw-sec{
	float:left;
	width:100%;
	/*background:#e9ecf3 !important;*/
	display:flex;
}

.ir-cw-sec [class*="col-"]{
	padding:0 !important;
}

.stk-qote-sec{
	float:left;
	width:100%;
	padding:30px;
	border:2px solid #6799BB ;
 
}

.stk-qote-sec .main-title{
	float:left;
	width:100%;
	text-align:left;
}
.stk-qote-sec .main-title h2{
	 
	font-size:20px;
	line-height:20px;
	font-weight:600;
	color:#010066;
 	margin-bottom:15px;
}

.stk-prc-sec{
	float:left;
	width:100%;
}
.stk-price-left{
	float:left;
	width:50%;
	margin-right:30px;
	
}
.stk-price{
	font-family: "Poppins", sans-serif;
	font-size:40px;
	line-height:40px;
	color:#041c2c;
	font-weight:600;
	display:flex;
	margin-bottom:20px;
}


.stk-chg{
	 
	color:#041c2c;
	padding:12px 14px;
	font-size:30px;
	font-weight:600;
	background:#ccc;
}
.Up{
	background:#ADF0AA;
	color:#309229;
}
.Down{
	background:#f9a6a6;
	color:#eb0f0f;
}


/*stokc quote section right ohlv css starts here*/


.stk-right{
	float:left;
	width:43%;
}
.ohlv{
	float:left;
	width:100%;
}
.ohlv-col{
	float:left;
	width:100%;
	margin-bottom:17px;
}
.ohlv-text{
	float:left;
	width:50%;
	font-size:20px;
	line-height:20px;
	color:#041c2c;
}
.ohlv-val{
	float:left;
	width:50%;
	font-size:20px;
	line-height:20px;
	font-weight:600;
	color:#041c2c;
	text-align:right;
}

.stk-cw-foot{
	float:left;
	width:100%;
	margin-top:35px;
	text-align:right;
}
.eod{
	font-size:16px;
	line-height:16px;
	color:#041c2c;
}


/*ifrmae sec rightsiede links */

.cw-ann-block .main-title{
	margin-bottom:20px;
}
.cw-ann-block .main-title h2{
	margin-bottom:0;
	margin-top:0;
}

.ir-cw-right-sec{
	float:left;
	width:100%;
	background:#fff;
	height:100%;
	padding:30px;
	display:flex;
	align-items:center;
}
.cw-ann-block{
	float:left;
	width:100%;
		
}
.cw-an-date{
	float:left;
	width:100%;
	font-size:16px;
	font-weight:400;
	color:#3f444b;
	margin-bottom:8px;
}
.cw-ann-text{
	float:left;
	width:100%;
	font-size:20px;
	font-weight:700;
	color:#3f444b;
	margin-bottom:15px;
}
.cw-ann-btn{
	float:left;
	width: auto;
	position:relative;
	z-index:999;
}
.cw-ann-btn a{
	display: inline-block;
    font-size: 15px;
	font-weight:500;
    line-height: 1;
    padding: 12px 24px;
    border-radius:3px;
    text-align: center;
    transition: all .3s;
	border:2px solid #3f444b
}

.cw-ann-btn a:hover{
	color:#fff;
	border:2px solid #3f444b;
	background:#3f444b;
	
}

.ba-item{
	float:left;
	width:100%;
	text-align:left;
	padding:0 35px;
}


/*==========  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) {
 
}
 @media (min-width: 992px) {

.stk-chg {
     
    padding: 12px 14px;
    font-size: 20px;
    font-weight: 600;
   
}	 
	 
	 
}
@media (max-width: 991px) {
.stk-chg {
     
    padding: 12px 14px;
    font-size: 18px;
    font-weight: 600;
   
}
	
	
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 768px) {
.stk-price {
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    line-height: 26px;
    color: #041c2c;
    font-weight: 600;
    display: flex;
    margin-bottom: 20px;
}

.stk-right {
    float: left;
    width: 39%;
}

.ohlv-text {
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 20px;
    color: #041c2c;
}
.ohlv-val {
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #041c2c;
    text-align: right;
}
.cw-ann-text {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #3f444b;
    margin-bottom: 15px;
}
	
	
	
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
.ir-cw-sec {
    float: left;
    width: 100%;
    background: #e9ecf3 !important;
    display: block;
}	
	
 

}
 @media (max-width:576px) {
	 
.stk-right {
    float: left;
    width: 42%;
}	 

}



/* Portrait phones and smaller */
@media (max-width: 480px) {

	.stk-price-left {
    float: left;
    width: 100%;
    margin-right: 0px;
	margin-bottom:20px;
}

.stk-right {
    float: left;
    width: 100%;
}	
	
 
}
 @media(max-width:414px) {
}

/* Portrait i phones and smaller */
@media (max-width: 380px) {
}
