@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'avenir_light';
 font-weight: 400;
 font-style: normal;
 src: url('../fonts/AvenirLTProLight.otf') format('opentype');
 src: url('../fonts/avenirltprolight-webfont.woff2') format('woff2'),  url('../fonts/avenirltprolight-webfont.woff') format('woff');
}
 @font-face {
 font-family: 'avenir_light_oblique'; 
 font-weight: 400;
 font-style: normal;
 src: url('../fonts/AvenirLTProLightOblique.otf') format('opentype');
 src: url('../fonts/avenirltprolightoblique-webfont.woff2') format('woff2'),  url('../fonts/avenirltprolightoblique-webfont.woff') format('woff');
}
 @font-face {
 font-family: 'avenir_medium'; 
 font-weight: 400;
 font-style: normal;
 src: url('../fonts/AvenirLTProMedium.otf') format('opentype');
 src: url('../fonts/avenirltpromedium-webfont.woff2') format('woff2'),  url('../fonts/avenirltpromedium-webfont.woff') format('woff');
}
@font-face {
 font-family: 'avenir_black'; 
 font-weight: 400;
 font-style: normal;
 src: url('../fonts/AvenirLTProBlack.otf') format('opentype');
 src: url('../fonts/avenirltproblack-webfont.woff2') format('woff2'),  url('../fonts/avenirltproblack-webfont.woff') format('woff');
}
 @font-face {
 font-family: 'avenir_black_oblique';
 font-weight: 400;
 font-style: normal;
 src: url('../fonts/AvenirLTProBlackOblique.otf') format('opentype');
 src: url('../fonts/avenirltproblackoblique-webfont.woff2') format('woff2'),  url('../fonts/avenirltproblackoblique-webfont.woff') format('woff');
}
 /*@font-face {
 font-family: 'avenir_book';
 src: url('../fonts/avenirltprobook-webfont.woff2') format('woff2'),  url('../fonts/avenirltprobook-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'avenir_book_oblique';
 src: url('../fonts/avenirltprobookoblique-webfont.woff2') format('woff2'),  url('../fonts/avenirltprobookoblique-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'avenir_heavy';
 src: url('../fonts/avenirltproheavy-webfont.woff2') format('woff2'),  url('../fonts/avenirltproheavy-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'avenir_heavy_oblique';
 src: url('../fonts/avenirltproheavyoblique-webfont.woff2') format('woff2'),  url('../fonts/avenirltproheavyoblique-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}*/
 
 /*@font-face {
 font-family: 'avenir_oblique';
 src: url('../fonts/avenirltprooblique-webfont.woff2') format('woff2'),  url('../fonts/avenirltprooblique-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'avenir_roman';
 src: url('../fonts/avenirltproroman-webfont.woff2') format('woff2'),  url('../fonts/avenirltproroman-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}*/


body
{  
    font-family: 'avenir_light';  
    font-size: 16px;   
    font-weight: 400;
	color: #000000;
    line-height: 1.7 !important;
    letter-spacing: 1px;}
	
	

	
	
a
{
	text-decoration:none;
	 color:#017fdd;
	outline: none;
}
a:hover
{
	text-decoration:none;
	/*color:#0A80DD;*/
	color:#000;
}
.qr-link-item a:hover, .medianews-wrapper, .anlyst-wrapper:hover, .newannonce-container a:hover
{
	 color:#017fdd;
}
h2
{
	 font-family: 'avenir_medium';
    font-size: 43px;
    line-height: 50px;
    font-weight: 600;
    margin: 0px 0px 32px 0px;
    letter-spacing: 1px;	
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}



/*===================================================
CW style button
==================================================*/


	 .link_wrap
	 {
		border-radius: 4px !important;
		-webkit-border-radius: 4px !important;
		box-shadow: none;
		-webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1), transform .45s cubic-bezier(0.25,1,0.33,1), border-color .45s cubic-bezier(0.25,1,0.33,1), color .45s cubic-bezier(0.25,1,0.33,1), background-color .45s cubic-bezier(0.25,1,0.33,1), box-shadow .45s cubic-bezier(0.25,1,0.33,1);
		transition: opacity .45s cubic-bezier(0.25,1,0.33,1), transform .45s cubic-bezier(0.25,1,0.33,1), border-color .45s cubic-bezier(0.25,1,0.33,1), color .45s cubic-bezier(0.25,1,0.33,1), background-color .45s cubic-bezier(0.25,1,0.33,1), box-shadow .45s cubic-bezier(0.25,1,0.33,1);
		position: relative;
        text-decoration: inherit;
        speak: none;
		letter-spacing: .05em;
    	font-size: 18px;
    	line-height: 30px;
    	font-weight: 400;
		color: #000000;	
	 }
	 .link_wrap .link_text {
    	padding: 0 0 0 40px;
    	position: relative;
		color: #333;
		display: inline-block;
		margin-top:34px;
	}
	.link_wrap .link_text .text
	{
		animation: ctaArrowTextStart .45s cubic-bezier(.23,.46,.4,1) forwards;
		display: block;
	}
	.link_wrap svg
	{
		animation: ctaArrowSVGStart .45s cubic-bezier(.23,.46,.4,1) forwards;
		position: absolute;
        left: 25px;
        top: 50%;
        width: 6px;
		stroke: currentColor;
	}
	.link_wrap svg polyline
	{
		animation: ctaArrowEnd .45s cubic-bezier(.23,.46,.4,1) forwards;
		stroke-dashoffset: 140px; stroke-dasharray: 140px;stroke: currentColor;
	}
	.link_wrap .line
	{
		    animation: ctaArrowLineStart .45s cubic-bezier(.23,.46,.4,1) forwards;
			height: 1px;
			width: 25px;
			position: absolute;
			content: '';
			left: 0;
			display: block;
			top: 50%;
			transform-origin: left;
			background-color: #000;
			transform: translateY(calc(-50% + .5px)) translateZ(0);
	}
	.link_wrap:hover .link_text .line
	{
		    animation: ctaArrowLineEnd .45s cubic-bezier(.23,.46,.4,1) forwards;
			background-color: #4285f4 !important;
	}	 
	.link_wrap:hover .link_text .text
	{
		    animation: ctaArrowTextEnd .45s cubic-bezier(.23,.46,.4,1) forwards;
	}
	a.link_text:after {
		content: "";
		position: absolute;
		bottom: -56px;
		width: 80%;
		height: 1px;
		margin: 25px 0;
		background-color: #ddd;
		display: block;
		padding-left: 0px;
		left: 0;
    }
	.link_wrap:hover svg
	{
		animation: ctaArrowSVGEnd .45s cubic-bezier(.23,.46,.4,1) forwards;
	}
	.link_wrap:hover svg polyline
	{
		    animation: ctaArrowStart .45s ease .25s forwards;
	}
	@keyframes ctaArrowSVGStart {
		  0% {
			transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0);
		  }
		  100% {
			transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0);
		  }
		}
		@keyframes ctaArrowSVGEnd {
		  0% {
			transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0);
		  }
		  100% {
			transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0);
		  }
		}
		@keyframes ctaArrowTextStart {
		  0% {
			transform: translateX(6px) translateZ(0);
		  }
		  100% {
			transform: translateX(0) translateZ(0);
		  }
		}
		@keyframes ctaArrowTextEnd {
		  0% {
			transform: translateX(0) translateZ(0);
		  }
		  100% {
			transform: translateX(6px) translateZ(0);
		  }
		}
		@keyframes ctaArrowStart {
		  0% {
			stroke-dashoffset: 140px;
			stroke-dasharray: 140px;
		  }
		  100% {
			stroke-dasharray: 140px;
			stroke-dashoffset: 10px;
		  }
		}
		@keyframes ctaArrowStartTeam {
		  0% {
			stroke-dashoffset: 0;
			stroke-dasharray: 0;
		  }
		  50% {
			stroke-dashoffset: 140px;
			stroke-dasharray: 140px;
		  }
		  100% {
			stroke-dasharray: 140px;
			stroke-dashoffset: 10px;
		  }
		}
		@keyframes ctaArrowEnd {
		  0% {
			stroke-dashoffset: 10px;
			stroke-dasharray: 150px 150px;
		  }
		  40% {
			opacity: 1;
		  }
		  100% {
			opacity: 0;
			stroke-dashoffset: -53px;
			stroke-dasharray: 1px 150px;
		  }
		}
		@keyframes ctaArrowLineStart {

		  0% {
			transform-origin: left;
			transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0);
		  }
		  100% {
			transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0);
		  }
		}
		@keyframes ctaArrowLineEnd {
		  0% {
			transform-origin: right;
			transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0);
		  }
		  50% {
			transform-origin: right;
			transform: scaleX(0) translateY(calc(-50% + 0.5px)) translateZ(0);
		  }
		  51% {
			transform-origin: left;
		  }
		  100% {
			transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0);
			transform-origin: left;
		  }
		}

 

/*==============================
button style ends here

=======================================================*/


.irbutton, .btn-primary, .ClsButton, .size
{ 
  
  font-family: "avenir_light", Sans-serif !important;  
  min-width:128px;text-align:center;height:auto !important;
  letter-spacing:0px;
    padding:15px 28px;  
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 1px;   
    color: #fff !important;
    background-color: #017fdd;	
	transition: opacity .45s;
	font-weight:500 !important;
	font-size:16px !important;	
    line-height: 18px;
    position: relative;
    display: inline-block; 
	outline:none;
	transition: opacity .45s cubic-bezier(0.25,1,0.33,1), transform .45s cubic-bezier(0.25,1,0.33,1), border-color .45s cubic-bezier(0.25,1,0.33,1), color .45s cubic-bezier(0.25,1,0.33,1), background-color .45s cubic-bezier(0.25,1,0.33,1), box-shadow .45s cubic-bezier(0.25,1,0.33,1); 
	    border: none; 
   	
}
#acinfo-wrapper .irbutton, .ar-box .banner-desc a.irbutton
{
	border: 2px solid #000000bf;
	color: #000 !important;
	background-color: transparent;
}
#acinfo-wrapper .irbutton:hover, .ar-box .banner-desc a.irbutton:hover
{
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    background-color: #fff;
    border-color: #fff;
    color: #000 !important;
}

#acinfo-wrapper .analyst-bg .irbutton, .ar-box .banner-desc a.irbutton
{
	    color: #fff !important;
    border-color: #fff;
}
#acinfo-wrapper .analyst-bg .irbutton:hover
{
	color:#000 !important;
}
#acinfo-wrapper .irbutton:after, .ar-box .banner-desc .irbutton:after
{
	font-family: FontAwesome !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;   
    -webkit-font-smoothing: antialiased;
    content: "\f002";
    margin-left: 14px;
    float: right;
}
.ar-box .banner-desc .irbutton:first-of-type:after
{
	 content: "\f019";
}
.viewbutton
{  padding: 0 0 0 40px;
   position: relative;
   color: #333;
   letter-spacing: .05em;
   font-size: 18px;
   line-height: 30px;
   font-weight: 400;
   display: block;
   animation: ctaArrowTextStart .45s cubic-bezier(.23,.46,.4,1) forwards;
   margin-top:30px;
}
.viewbutton:before
{
	content:"";
	height: 1px;
    width: 25px;
    position: absolute;
    content: '';
    left: 0;
    display: block;
    top: 50%;
    transform-origin: left;
    background-color: #000;
    transform: translateY(calc(-50% + .5px)) translateZ(0);
}
.viewbutton:after
{
	content: "";
    position: absolute;
    bottom: -56px;
    width: 10%;
    height: 1px;
    margin: 25px 0;
    background-color: #ddd;
    display: block;
    padding-left: 0px;
    left: 0;
}
.irbutton:hover, .btn-primary:hover, .ClsButton:hover, .size:hover
{
	 box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
	 transform: translateY(-3px);
    -webkit-transform: translateY(-3px);/*background-color:#fff;*/
	/*border-color:#fff;*/color:#fff !important;
}
#bursainfo-wrapper, #arinfo-wrapper, #qrinfo-wrapper, #acinfo-wrapper, #sminfo-wrapper, #ircontact-wrapper, #newsalert-wrapper
{
	margin-top:80px;
}
#stockinfo-wrapper h1
{
	font-family: 'avenir_black';
	font-size: 50px;
    line-height: 50px;
    font-weight: 600;
    color: #017FDD;
    margin: 0px 14px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}
#stockinfo-wrapper h2, #arinfo-wrapper h2, #qrinfo-wrapper h2
{
	text-align:center;
}
#stockinfo-wrapper .stockname
{
	font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #bc322b;
    margin: 0px 0px 18px 0px;
}
#stockinfo-wrapper .stockprice .priceDown div:before, #stockinfo-wrapper .stockprice .priceUp div:before {
    content: "";
    background-size: cover;
    width: 18px;
    height: 18px;
    display: inline-block;
	margin-right:6px;   
}
#stockinfo-wrapper .stockprice .priceUp div:before {
    background-image: url(../images/arrowup.png);
}
#stockinfo-wrapper .stockprice .priceDown div:before{
    background-image: url(../images/arrowdown.png);
}
#stockinfo-wrapper .stockprice .priceUp div
{
	color:#2b9527;
}
#stockinfo-wrapper .stockprice .priceDown div
{
	color:#ed1f24;
}
#stockinfo-wrapper .stockprice div
{
	font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    display: inline-block;
    color: #000000;
    vertical-align: middle;
}
#stockinfo-wrapper .stockprice div span
{
	display: block;
    vertical-align: middle;	
}
#stockinfo-wrapper .stockprice 
{
	margin-bottom:5px;
}
.stocklist {
    background-color: #f5f5f5;
    padding: 9px 28px;
    border-radius: 6px;
    margin-top: 12px;
    border: 1px solid #8888884D;
}
.stocklist div {
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0px;
    color: #888888;
}
.stocklist div span {    
    font-weight: bold;
    float: right;
    font-size: 24px;
    line-height: 32px;
    color: #017fdd;
}
.stocklist div:last-child
{
	border-bottom:0px;
}

#stockinfo-wrapper .eod {    
   
    font-size: 14px;
    line-height: 18px;    
    letter-spacing: 1px;
    margin-top: 18px;
    color: #888888;
}


#bursainfo-wrapper .bursa-bg
{
	background:url(../images/bursa-bg.jpg) no-repeat center;
	background-size:cover;height:100%;border-radius:12px;
	min-height:350px;
}
#bursainfo-wrapper h4
{
	line-height:24px;
	margin:0px 0px 18px 0px;font-weight:bold;
}
#bursainfo-wrapper h4 a
{
	color:#000;
}
#bursainfo-wrapper p
{
	font-size:13px;line-height:18px;margin-bottom:0px;
}
#bursainfo-wrapper .row .row
{
	margin-bottom:38px;
}
#bursainfo-wrapper .row .row:last-of-type {
    margin-bottom: 0px;
}
#bursainfo-wrapper .row .col-lg-6 .row:last-child
{
	margin-bottom:0px;
}


.ar-box
{
	text-align:center;	
	position: relative;
    overflow: hidden;	
}
.ar-box * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*-webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;*/
}
.ar-box img {
  max-width: 100%;
  vertical-align: top;
}
.ar-box .banner-desc {
 /* position: absolute;*/
  /*top: calc(77%);*/
 /* width: 100%;  */
}
.ar-box:hover:before{
  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  z-index: 2;      
  background-color: rgba(1, 127, 221, 0.8);
  /*background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);*/
}
.ar-box:hover .banner-desc
{
  bottom:30px;
  z-index: 9999;
  color: #fff; 
  position: absolute;
  left:0; right:0;
}
.ar-box:hover
{
	height:auto !important;
}
.ar-box .banner-desc a
{
	display:none;margin-top:10px;
}
.ar-box:hover .banner-desc a
{
	    display: block;
    max-width: 164px;
    margin: 15px auto;
	
}
.ar-box h4
{
	font-size:20px;line-height:26px;
	font-weight:bold;margin:20px 0px 0px 0px;	
}
.ar-group {
  
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
    min-width: 0;
}
.ar-group .ar-box {
    margin-bottom: 40px;
}
#qrinfo-wrapper .qr-box
{
	background: #F8F8F8;
	box-shadow: 0px 1px 8px #00000029;
	border: 1px solid #E8E3E3;
	border-radius: 17px;
	padding:40px 28px;
	height:100%;
	min-height:261px;
}
#qrinfo-wrapper .qr-box h3
{
	color:#BB2D2B;
	font-weight:bold;
	font-size:30px;
	line-height:40px;
	margin:0px 0px 34px 0px;
}
#qrinfo-wrapper .qr-box a
{
	font-weight:bold;
	font-size:20px;line-height:28px;
	border-bottom:1px solid #d2d2d2;
	padding-bottom:24px;margin-bottom:24px; 
	    color: #000;
		display:block;
}
#qrinfo-wrapper .qr-box a:last-child
{
	margin-bottom:0px;
	border:none;padding-bottom:0px;
}
#qrinfo-wrapper .qr-box a:after
{
	content: "";
    background-image: url(../images/download-icon.png);
	width:15px;height:18px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;   
    -webkit-font-smoothing: antialiased;  
    margin-left: 23px;
    float: right;
	margin-top:4px;
}
#acinfo-wrapper .analyst-bg, #acinfo-wrapper .circulars-bg
{
	background:url(../images/analyst-report.jpg) no-repeat center;
	background-size:cover;height:100%;min-height:350px;text-align:center;color:#fff;
	padding:220px 12px;
}
#acinfo-wrapper .circulars-bg
{
	color: #000000;
	background:url(../images/circulars.jpg) no-repeat center;
}
#acinfo-wrapper h1
{
	 font-size:60px;line-height:80px;
	 font-weight:bold;margin:0px 0px 40px 0px;
}
.analyst-bg .irbutton
{
	color:#fff;border-color:#fff;
}

#sminfo-wrapper .sm-box .viewbutton:before
{
	background-color:#fff;
}
.sm-box
{
	background:url(../images/shareholders-meeting.jpg) no-repeat center;
	background-size:cover;min-height:350px;color:#fff;
	padding: 60px 50px;
    border-radius: 17px;
}
.sm-box .link_wrap .link_text
{
	color:#fff;
	
}
.sm-box .link_wrap:hover .link_text .line, .sm-box .link_wrap .link_text .line
{
 background-color:#fff !important;
}
#newsalert-wrapper, #ircontact-wrapper
{
	text-align:center;
}
#ircontact-wrapper
{
	background-color:#f2f2f2;
	padding:80px 0px;
	background:url(../images/curve-top.png) no-repeat top -97px center, url(../images/curve-bottom.png) no-repeat center bottom -110px;
	background-color:#F2F2F2;
	 
}
#ircontact-wrapper .row .col-lg-4
{
	border-right:1px solid #ddd;
}
#ircontact-wrapper .row .col-lg-4:last-child
{
	border:none;margin-bottom:0px;padding-bottom:0px;
}
#ircontact-wrapper img
{
	margin:0 auto;
}
#ircontact-wrapper h3
{
	 font-family: 'avenir_medium'; 
	font-size:24px;line-height:32px;
	margin:24px 0px 5px 0px;font-weight:500;
}
#ircontact-wrapper h4
{
	 font-family: 'avenir_medium'; 
	margin-bottom:0px;
	font-size:16px;
}
#ircontact-wrapper h3 a
{
	color:#000;
}


/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px)
{
	
  
}
@media (max-width: 1199px) {
  #qrinfo-wrapper .row .col-lg-3:nth-child(-n+2) .qr-box {
	  margin-bottom: 30px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) 
{
 
}
@media (min-width: 992px)
{
 
}
@media (max-width: 991px) 
{
  
}
/* 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;
  } 
  #sminfo-wrapper .sm-box p {
    max-width: 375px;
  }
 
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) 
{ 
 
 #stockinfo-wrapper iframe
  {
	  margin-top:30px;
  }
  
  #ircontact-wrapper .row .col-lg-4
  {
	  margin-top:30px;border-bottom:1px solid #ddd;
	  border-right:none;padding-bottom:20px;margin-bottom:20px;
  }
  #qrinfo-wrapper .row .col-lg-3:nth-child(-n+3) .qr-box {
        margin-bottom: 30px;
    }
	#bursainfo-wrapper .bursa-bg
	{
		display:none;
	}
}
@media (max-width: 480px)
{
#stockinfo-wrapper h1
{
	font-size: 44px;
    line-height: 44px;
}
#stockinfo-wrapper .stockprice div
{
	font-size:18px;
}
#stockinfo-wrapper .stockname
{
	font-size:22px;line-height:26px;
}
h2
{
	font-size:30px;line-height:36px;
}
#acinfo-wrapper h1
{
	font-size:40px;line-height:50px;
}
.stocklist div span
{
  font-size:22px;
}
.stocklist div 
{
	font-size:18px;
}
#arinfo-wrapper .ar-box:hover h4
{
	font-size: 16px;
    line-height: 20px;
}
#arinfo-wrapper .ar-box:hover .banner-desc a
{
	max-width: 134px;
        padding: 12px;
      
        margin: 10px auto;
}
 
}
/* Portrait i phones and smaller */
@media (max-width: 320px) 
{
	
}