@font-face {
    font-family: 'Panton';
    src: url('../eot/panton-regular.eot');
    src: url('../eot/panton-regulard41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/panton-regular.woff2') format('woff2'),
        url('../woff/panton-regular.woff') format('woff'),
        url('../ttf/panton-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Panton';
    src: url('../eot/panton-bold.eot');
    src: url('../eot/panton-boldd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/panton-bold.woff2') format('woff2'),
        url('../woff/panton-bold.woff') format('woff'),
        url('../ttf/panton-bold.ttf') format('truetype'),
        url('../svg/panton-bold.svg#Panton-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




@font-face {  font-family: 'Caecilia LT Pro', serif;  src: url('../eot/caecilialtpro-55romand41d.eot#iefix') format('embedded-opentype'),
	url('../caecilialtpro-55roman.html')  format('opentype'),
	 url('../woff/caecilialtpro-55roman.woff') format('woff'),
	url('../ttf/caecilialtpro-55roman.ttf')  format('truetype'); 
	font-weight: normal;  font-style: normal;}




html{width: 100%;
    overflow-x: hidden;}

.caecilia-font{font-family: 'Caecilia LT Pro', serif;}
body, p{
  font-family: 'Panton'; font-size:16px; line-height:1.4;
}

.switch-blue {
  color: #002f65 !important;
}

h1 {
    font-size: 45px;
    color: #fff;
    border-bottom: 2px solid #fff;
    line-height: 1.2;
    padding-bottom: 20px;
    text-transform: uppercase;
}
h2 {
    margin: 0px;
    line-height: 1.4;
    color: #002F67;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
    }
h3 {font-size: 24px;margin-top:0;margin-bottom:20px;color: #002F67;}
h4 {font-size: 22px;margin-bottom: 15px;margin-top:0!important;font-weight:600;color: #002F67;}
h5 {color: #002F67; font-size:18px; margin-bottom:0; margin-top:0!important;font-weight: 700;}
.intro-blue{    font-size: 20px;
   
    color: #3378BC;
    margin-bottom: 16px; font-family: 'Panton';}
	.intro-medblue{ font-size: 18px;

    color: #003359;
    margin-bottom: 16px; font-family: 'Caecilia LT Pro';}

    .site-banner{position: relative;}
    .site-banner:before{position: absolute;content: '';height: 100%;width: 40%;background: rgba(1,54,91, 0.7);left: 0px;top: 0;padding: 30px;}
.banner-wrap{position: absolute;width: 100%;top: 50%;left: 0; transform: translate(0,-50%);padding: 15px 0;}
.banner-bkr2{margin-right: 90px;}



.covid-19 {background: #BE1D37;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    margin-right: 20px;
    height: 37px;
    border: 3px solid transparent;
    line-height: 1.1;transition:1s ease-in-out}
	
	.share-price-information-home{padding: 10px;
    min-height: 40px;}
	.share-price-information-home-frame,.share-price-information-home-link
	{
	    float: left;
    width: 100%;
    position: relative;
	}

.covid-19:hover{background: #003359;transition:1s ease-in-out;color: #fff;}
.gf-section {
  text-transform: uppercase;
  display: block;
  border-bottom: solid 1px #002f65;
  padding-bottom: 10px;margin-bottom: 10px;
}

.gf-section:after {
  content: "/";
  padding-left: 10px;
}
.font-100{font-weight:100}


.caption {
  font-size: 14px;
  color: #fff;
}

.section-padding
{
	padding-top:50px;
	padding-bottom:50px;
}
    .overlay-esg {
      position: relative;
    }

    .overlay-esg:before {
      position: absolute;
      content: '';
      height: 100%;
      width: 100%;
      background: rgba(1, 54, 91, 0.7);
      left: 0px;
      top: 0;
      padding: 30px;
    }

    .overlay-esg:after {
      position: absolute;
      content: url(../play.html);
      height: 100%;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-10%, -14%);
    }
	
	
	.tab-drawer-content-height-sens iframe{min-height: 500px; height: 100%;}
.tab-drawer-content-calc-sens iframe{min-height: 870px; height: 100%;}
.tab-drawer-content-height-1-sens	iframe{min-height: 445px; height: 100%;}
.tab-drawer-content-height-2-sens	iframe{min-height: 300px; height: 100%;}
		
.button-investor-agm{
    position: relative;
    bottom: -84px;
}	

	.button-investor-agm a:hover{color: #fff!important;}
	.position-relative-agm {
    position: relative!important;right:0!important
}
      .newsboxed-whitebox {
         background: #fff;
         padding: 20px;
         padding-top: 15px;
         float: left;
         width: 100%;
         border: 2px solid #4775B7;
         margin-bottom: 20px;
         border-radius: 20px;
      }

      .newsfull-div {
         float: left;
         width: 100%;
      }

      .date-news-page {
         float: left;
         color: #008EC4;
         font-weight: 200;
      }

      .category-news-page {
         float: left;
         color: #008EC4;
         font-weight: 200;
      }

      .readtime-news-page {
         float: right;
         color: #008EC4;
      }

      .head-newsbox-blue {
         margin-bottom: 5px;
         margin-top: 10px;
         font-size: 20px;
         color: #003359;
         line-height: 1.2;
         font-weight: 600;
      }

      .button-investor-med-news {
         width: 180px;
		 margin-top:30px;
      }

      .text-newsbox-blue {

         font-weight: 400 !important;
      }


.newsboxed-img-section img
{
	width:100%;
   border-radius: 15px;
}

      .paginatin-number {
         border: 2px solid #003359;
         display: inline-block;
         margin-right: 15px;
         padding: 10px;
         padding-left: 20px;
         padding-right: 20px;
         font-size: 20px;
         color: #01365b;
         border-radius: 15px;margin-bottom:15px
      }

      .paginatin-number.active {
         background: #003359;
         ;
         color: #fff;
      }

      .paginatin-numbernext {
         position: relative;
         display: inline-block;
         font-size: 20px;
         padding-right: 20px;
         color: #008EC4;
      }


a {
  color: #01365b;
  font-weight: bold;
}
a:hover {
  color: #be1d37;
  text-decoration: none;
}

/*ADD CLOR ON THE DEFAULT SCROLLER*/
::-webkit-scrollbar{width:6px;border-left:1px solid #01365b;}
::-webkit-scrollbar-thumb{background-color:#01365b;}

/*STICKY NAV SLIDE THROUGH*/
@keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

/*Header style*/
.page-banner{background: url("../png/at-a-glance-banner.png") no-repeat top right;background-size: 100%;position: relative;background-size: cover;padding: 72px 0;min-height: 460px;}
.page-banner.esg{background: url("../png/careers.png") no-repeat;}
.page-banner.careers{background: url("../png/careers.png") no-repeat;}
.page-banner:before{position: absolute;content: '';height: 100%;width: 40%;background: rgba(1,54,91, 0.7);left: 0px;top: 0;padding: 30px;}



.page-banner-two{background: url("../png/at-a-glance-banner.png") no-repeat;background-size: 100%;position: relative;background-size: cover;min-height: 725px;}
.page-banner-two:before{position: absolute; content: ''; height: 100%; width: 40%;background: rgba(1,54,91, 0.7);left: 0px;top: 0;padding: 30px;}
	/* background:rgba(1,54,91, 0.7); */
.switch-bg-darkblue{background:#01365B}
.switch-bg-lightgrey{background:#F8F8F8}

/**Footer Styles**/

.footer-block{background: url(../jpg/banner-footer.jpg) no-repeat;  padding-top: 15px; background-size: cover;}
.footer-block .footer-quicklinks p a{ color:#fff; font-size:16px; cursor:pointer}
.footer-block .footer-quicklinks p a:hover{ color:#fff;}
.footer-block2{ border-bottom:3px solid #003359; padding:15px 0}
.footer-block2 p{ margin-bottom:0;color:#787776; margin-top:5px}
 ul.social-block{ list-style-type:none}
 ul.social-block li{ margin-right:20px; float:left;transition: .3s all linear;}
  ul.social-block li:hover a img{-webkit-transform: scale(1.1); transform: scale(1.1);transition: .3s all }
   
  
.outter-footer-block {
  padding: 40px 30px 0 0;
 
  margin-top: 80px;
  position: relative;
  border-top-right-radius: 30px;
}
 ul.social-block-align {position: relative;margin-left:0; padding-left:0; float:left}


.foot-title {
  color: #fff;
  position: relative;
  padding: 6px 0;
  background: #b4975a;
}

.foot-title:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: -100%;
  background: inherit;
}

.nav-container-block {
  width: 100px;
  height: 100%;
}

.nav-controller {
  height: 100%;
  width: calc(50% - 5px);
  display: inline-block;
  border-radius: 15px 15px 0 0;

  margin: 0px;
}

.nav-controller:first-child {
  margin-right: 5px;
}

.nav-controller a {
  transition: 0.6s ease-in-out;
  display: block;
  background-color: rgba(180, 151, 90, 0.4);
  height: 100%;
  border-radius: inherit;
  position: relative;
}

.nav-controller a:hover {
  background-color: rgba(180, 151, 90, 0.6);
}

.nav-controller a:before {
  transition: inherit;
  font-family: "icomoon";
  margin-left: 10px;
  color: #b4975a;
  font-size: 25px;
}

.nav-next-button:before {
  content: "\e944";
}

.nav-next-button:hover:before {
  margin-left: 12px;
}

.nav-prev-button:before {
  content: "\e943";
}

.nav-prev-button:hover:before {
  margin-left: 8px;
}

.nav-controller a span {
  color: #b4975a;
  text-align: center;
  position: absolute;
  top: -90%;
  width: 290%;
  display: none;
  transition: opacity 0.6s ease-in-out;
}

.nav-controller a:hover span {
  display: block;
  animation: fadeInNav 0.6s ease-in-out;
}

.nav-next-button span {
  left: -160%;
}

.nav-prev-button span {
  left: -30%;
}


@keyframes fadeInNav {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@media screen and (max-width:1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 50px;
    padding-right: 50px;}
}
@media screen and (max-width:1200px){
  h1{font-size: 30px;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 0;
    padding-right: 0;}
	.footer-block2 p {  font-size: 16px;}
}
@media screen and (max-width:1036px){			
.page-banner:before{    width:60%;}	

}
@media screen and (max-width:991px){	
  h1{padding-bottom: 10px;}
  .footer-block2 p {
    margin-bottom: 10px;
    text-align: center;} 
}		
@media screen and (max-width:767px){	
  .site-banner:before{width: 100%;}  
  .site-banner:before { background: rgba(1,54,91, 0.85);}
	
  h1{font-size: 26px;}	
	.page-banner:before{    width:100%;}
	.page-banner{       padding: 80px 0;    min-height: 320px;}
	.page-banner .col-5{          flex: 0 0 100%;
    max-width: 100%;}
	
	.switch-bg-lightgrey.p-5 {    padding: 25px 5px!important;}
  
}
@media screen and (max-width:600px){
  h1{font-size:20px; margin-bottom: 5px; padding-bottom: 5px;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 25px;
    padding-right: 25px;}

	.footer-quicklinks p{text-align:center}

}

@media screen and (max-width:500px){ul.social-block{margin-top: -30px;} }
@media screen and (max-width:410px){h1{font-size: 18px; margin-bottom: 5px;}}