/*=FONTS
--------*/
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?bi26f4');
    src:    url('../fonts/icomoon.eot?bi26f4#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?bi26f4') format('truetype'),
        url('../fonts/icomoon.woff?bi26f4') format('woff'),
        url('../fonts/icomoon.svg?bi26f4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Telkom123 Regular';
  src: url("../fonts/Telkom123-Regular.eot");
  src: url("../fonts/Telkom123-Regular.eot") format("embedded-opentype"), url("../fonts/Telkom123-Regular.woff") format("woff"), url("../fonts/Telkom123-Regular.ttf") format("opentype"), url("../fonts/Telkom123-Regular.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Bold';
  src: url("../fonts/Telkom123-Bold.eot");
  src: url("../fonts/Telkom123-Bold.eot") format("embedded-opentype"), url("../fonts/Telkom123-Bold.woff") format("woff"), url("../fonts/Telkom123-Bold.ttf") format("opentype"), url("../fonts/Telkom123-Bold.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Bold Italic';
  src: url("../fonts/Telkom123-BoldItalic.eot");
  src: url("../fonts/Telkom123-BoldItalic.eot") format("embedded-opentype"), url("../fonts/Telkom123-BoldItalic.woff") format("woff"), url("../fonts/Telkom123-BoldItalic.ttf") format("opentype"), url("../fonts/Telkom123-BoldItalic.svg") format("svg");
}


@font-face {
  font-family: 'Telkom123 Italic';
  src: url("../fonts/Telkom123-RegularItalic.eot");
  src: url("../fonts/Telkom123-RegularItalic.eot") format("embedded-opentype"), url("../fonts/Telkom123-RegularItalic.woff") format("woff"), url("../fonts/Telkom123-RegularItalic.ttf") format("opentype"), url("../fonts/Telkom123-RegularItalic.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Regular';
  src: url("../fonts/Telkom123-Light.eot");
  src: url("../fonts/Telkom123-Light.eot") format("embedded-opentype"), url("../fonts/Telkom123-Light.woff") format("woff"), url("../fonts/Telkom123-Light.ttf") format("opentype"), url("../fonts/Telkom123-Light.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Regular Italic';
  src: url("../fonts/Telkom123-LightItalic.eot");
  src: url("../fonts/Telkom123-LightItalic.eot") format("embedded-opentype"), url("../fonts/Telkom123-LightItalic.woff") format("woff"), url("../fonts/Telkom123-LightItalic.ttf") format("opentype"), url("../fonts/Telkom123-LightItalic.svg") format("svg");
}

 
 @font-face {
  font-family: 'Telkom123 Light';
  src: url("../fonts/Telkom123-Light.eot");
  src: url("../fonts/Telkom123-Light.eot") format("embedded-opentype"), url("../fonts/Telkom123-Light.woff") format("woff"), url("../fonts/Telkom123-Light.ttf") format("opentype"), url("../fonts/Telkom123-Light.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Light Italic';
  src: url("../fonts/Telkom123-LightItalic.eot");
  src: url("../fonts/Telkom123-LightItalic.eot") format("embedded-opentype"), url("../fonts/Telkom123-LightItalic.woff") format("woff"), url("../fonts/Telkom123-LightItalic.ttf") format("opentype"), url("../fonts/Telkom123-LightItalic.svg") format("svg");
}
 
/*  @import url("https://use.typekit.net/arx0bag.css");*/




body {font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#000;font-size:100%;font-size: 15px;background:#fff; }

h1{font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;font-size: 36px; font-weight:500; line-height: 1.3; position: relative; color: #00ACE9}
h1 span{display: block; color: #000; font-size: 15px; font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif; font-weight: 400; margin-top:10px}
h2{font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;font-size: 22px; margin:0;line-height: 1.3;margin-bottom: 20px;color: #0083C1;font-weight: 500;}
h3{font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif; font-size:18px; color: #006198; margin:0 0 5px 0; margin-top: 0;font-weight: 500;}
h4{font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif; font-size: 17px; color:#006198; margin:0 0 10px 0; font-weight: 500;}
h5{font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif; font-size:16px; color:#0079BD; margin:0 0 5px 0; font-weight: 500}
h6{font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;font-size:18px; color:#014593; font-weight: 500; margin:0 0 10px 0;}

a{color: #7A7A79; text-decoration: underline; font-weight:500}
.menu-download-holder-block a{text-decoration: none;}.menu-download-holder-block a:hover{text-decoration: none;}
p{font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;font-size: 15px; line-height: 1.4; color: #000;/*text-align: justify;*/}
table, table p {font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;font-size: 15px;line-height: 1.4}
b, strong {
    font-weight: 500 !important;
    font-family: 'Telkom123 Bold';
}
.home-ir-block a{text-decoration: none;}
.home-title-block a{text-decoration: none;}
.border-lined-box-style a
{
	text-decoration: underline;
}  


/* switch colors */
	.switch-light-blue {
								color: #00ADE9
							}
.switch-dblue{color:#005892;}
.switch-blue{color:#007BBE;}

/* fin-lines */
.finthin-blue{ border-bottom:2px solid#007BBE}
.finthin-lblue{ border-bottom:1px solid#28C0DA}
.finthin-top-lblue{ border-top:1px solid#28C0DA}
.finthin-left-lblue{ border-left:1px solid#28C0DA}
.finthin-right-lblue{ border-right:1px solid#28C0DA}
.fintop-blue{ border-top:#007BBE}
.finleft-blue{ border-left:#007BBE}
.finright-blue{ border-right:2px solid#007BBE}
.finthicklight-blue { border-bottom:3px solid #00B5EF;}
.finthicktoplight-blue { border-bottom:3px solid #00B5EF;border-top:3px solid #00B5EF;}
.finthicklight-leftblue { border-left:10px solid #00B5EF; border-bottom:3px solid #00B5EF;}
.fintrightgry { border-left:2px solid #A9C4CB; border-bottom:3px solid #00B5EF;}
.fintrightgrey { border-right:1px solid #A9C4CB;}
.finright-white{ border-right:2px solid#ffff}
.finthin-white{ border-bottom:2px solid#ffff}
.finthin-navy{ border-bottom:2px solid#004976}
.finright-navy{ border-right:2px solid#004976}

.board-approve
{
	float: left;
    width: 50px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.finthicker-left { border-left:6px solid #0083C2;}
.switch-bg-lblue{background-color:#E7F3FD;}
.switch-bg-lgreenish{background-color:#A4BCC2;}
.switch-bg-lblueish{background-color:#ECF1F4;}

.text-regular {font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif; font-weight:400}


.highlight-number{font-family:'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif;font-size:27px;color:#C3161B !important;}

.banner-greybg{background:#D6D6D6; padding:2em 0}
.banner-greybg h1{color: #fff; margin: 0}

.scrollable{position: relative;clear: both;}




.fincaption {font-size:11px; font-style:italic}



/* ACCORDION */

h4.acc-link {
  display: flex;
  justify-content: space-between;
  place-items: center;
  padding: 5px 20px;
  font-weight: 400;
  width: 100%;
  border-bottom: 1px solid #007BBE;
  border-right: 1px solid #007BBE;
  border-bottom-right-radius: 20px;
  color: #007BBE;
  transition: all 0.5s ease-in-out;
  position: relative;
  padding-left: 50px;
}

h4.acc-link.data-expand-active {
  background-color: #007BBE;
  color: #fff;
  border-radius: 20px;
  margin-bottom: 0;
}

h4.acc-link.data-expand-active .acc-icon::before {
  color: #fff;
  transform: rotate(90deg);
}

h4.acc-link .acc-icon {
  position: relative;
  display: flex;
  place-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  transition: all 0.5s ease-in-out;
}

h4.acc-link .acc-icon::before {
  content: '\e93c';
  font-family: 'icomoon';
  font-size: 20px;
  font-weight: 10;
  color: #007BBE;
  position: absolute;
  transition: all 0.5s ease-in-out;
}

.header-text {
  display: flex;
  place-items: center;
  gap: 5px;
}

h4.acc-link .header-text span.number {
  display: flex;
  place-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #007BBE;
  color: #fff;
  transition: all 0.5s ease-in-out;
  position: absolute;
    left: 0;
}

h4.acc-link.data-expand-active .header-text span.number {
  background-color: #fff;
  color: #007BBE;
}

.data-acc {
  background-color: #E6EDF0;
  padding: 10px 20px;
  padding-top: 65px;
  border-radius: 20px;
  margin-top: -50px;
}
.where-we-operate11
{
	width: 120%;
    margin-left: -20%;
    margin-top: -38%;
}
.where-we-operate12
{
	width: 120%;
    margin-left: -20%;
    margin-top: -47%;
}
.where-we-operate17
{
	width: 120%;
    margin-left: -20%;
    margin-top: -47%;
}
.where-we-operate14
{
	width: 120%;
    margin-left: -20%;
    margin-top: -47%;
}
.where-we-operate15
{
	width: 120%;
    margin-left: -20%;
    margin-top: -47%;
}
@media screen and (max-width: 1200px){
  .where-we-operate11
{
	width: 120%;
    margin-left: -20%;
    margin-top: -54px;
}
.where-we-operate12
{
	width: 120%;
    margin-left: -20%;
    margin-top: -54px;
}

.where-we-operate17
{
	width: 120%;
    margin-left: -20%;
    margin-top:  -54px;
}
.where-we-operate14
{
	width: 120%;
    margin-left: -20%;
    margin-top:  -54px;
}
.where-we-operate15
{
	width: 120%;
    margin-left: -20%;
    margin-top:  -54px;
}
}