html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,  article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/*=HTML5 DISPLAY-ROLE RESET
---------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, section {display: block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}

/*=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 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");
}



/*=PAGE STRUCTURE
-----------------*/
body {font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#000;font-size:100%;background:#999999; }
#wrap {margin: 0em auto;margin-top:0;max-width:65.000em;position:relative;}
#logo-print {display:none}
header[role="banner"] {width:100%;text-align:center;background:#E6E7E8;height:67px;position: fixed;max-width:65.000em;z-index: 999999;  }
#container {float:left;width:65.000em;margin-top: 3.5em;}
.content-container { padding:0 1.88em 0 1.5em}
table p {margin-bottom:1em;line-height:1.4!important;font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#221E1F;font-size:100%}
table table {margin-bottom:1em;line-height:1.4!important;font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#221E1F;font-size:1.1em}
table table p {font-size:.8825em;margin-bottom:1em;line-height:1.4!important;font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#221E1F;font-size:100%}


/*  Page banner */
#one #container .banners {width: 100%;margin: 0;line-height: 0;padding: 0;position:relative;z-index: -1; height:585px;     margin-top: 11px;}
#container .banners {width: 100%;margin: 0;line-height: 0;padding: 0;position:relative;z-index: -1; height:240px;}
#container .banners div h3 {color:#fff;font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;font-size: 2.63em;line-height: 1;}  
.banner-border {position:absolute;top:46px;left: 31px;}
/*.banner-numbers {font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;position:absolute;top: 81px;left: 54px;color: #fff;font-size: 2.8em;}
.banner-intro {font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#fff;position:absolute;top: 65px;left: 156px;line-height: 1.4;font-size: .86em;}
.banner-intro strong {font-family:'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;}
.banner-heading {position:absolute;top: 171px;left: 55px;line-height:1.4;font-weight: bold;font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;}*/
.banner-img { float:right; background:#80C342;}
.banner-intro dd {font-family: 'Telkom123 Light','Calibri',Arial, Helvetica, sans-serif; display: inline;font-weight: 600;}

.banner-intro-fin {font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;color:#fff;position:absolute;top: 52px;left: 156px;line-height: 1.4;font-size: .86em;}
.banner-intro-fin dd {font-family: 'Telkom123 Light','Calibri',Arial, Helvetica, sans-serif; display: inline;font-weight: 600;}


/*Divs*/
#container figure img {display:block;max-width:100%;height:auto !important}
figure figcaption {font-size:.75em;text-align:right;margin:.75em 0 .25em 0; }
main#container #gutter-frame {background:#fff;padding: 1.25em 51px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
main#container #gutter-frame-fin {background:#E0F3FB;padding: 1.25em 51px;border-top: 20px solid #fff;}
main#container #gutter-frames {background:#fff;}
main#container #gutter-framess {background:#fff; padding:0 0.8em}
main#container #gutter-frame-info {background:#0083C2;color:#fff;padding:1.25em 51px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;line-height:1.4}

/*=HEADER CONTENT
-----------------*/
header[role="banner"] #logo-print {display:none}
header[role="banner"] h1 {text-indent:-9999px;background: transparent url(../images/logo.png) left 6px no-repeat;float:left;width:104px;height:26px;margin: 14px 0 20px 50px;}
header[role="banner"] h1 a {display:block;width:104px;height:26px;overflow:hidden;}
header[role="banner"] h2 {padding:0.99em 1em 0 0;font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;font-size:1.9em;text-align:center; color: #fff;}
header[role="banner"] h2 span {font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;font-size:0.45em;line-height:0.75em;}
header[role="banner"] h3 {width:62px; height:100%; float:right;}
header[role="banner"] h3 span {background: transparent url(../images/rt-icon-5.png) 0px no-repeat;width:50px;height:50px;margin: -13px 0 0px 6px;display: block;}
header[role="banner"] div.searchIcon {float:right; color: #fff;font-size:1.4em; padding-right: 0.7em; padding-top:1.3em}
header[role="banner"] h3 a { color:transparent;}

.columns { width:100%; display:table; }
.columns-cell { width:30%; display:table-cell; background:#fff; vertical-align:top;}
.columns-cell2 { width:70%; display:table-cell; background:#fff; }
.columns-cell-cfo { width:30%; display:table-cell; background:#fff;vertical-align: top; }
.columns-cell2-cfo { width:70%; display:table-cell; background:#fff;vertical-align: top; }	
.columns  .gutter { padding:1em 1.2em 1em 0em; line-height:1.2;}
	
.text-right{text-align: right}	
.text-right img{margin-bottom: 30px;}	


/*=BLOCKS 
---------------*/
.table1 {display:table; width:100%; line-height:1.4}
.table-cell1 {width:50%; float:left; display:table-cell}
.table-cell2 {width:50%; float:right; display:table-cell}
.table-cell-half {width:49%; float:left; display:table-cell}
.table-cell-spacer {width:2%; float:left; display:table-cell}

.col-2 {width: 47%;display: inline-block;vertical-align: top;position: relative;padding: 1.25em 0;}
.col-3 {width: 66%; display: inline-block; vertical-align: top; position: relative;}
.col-4 {width: 33%; display: inline-block; vertical-align: top; position: relative;}
.col-4-3 {width: 65%; display: inline-block; vertical-align: top; position: relative;}
.col-5 {width: 24%; display: inline-block; vertical-align: top; position: relative;}
.col-6 {width: 20%; display: inline-block; vertical-align: top; position: relative;}
.col-6-3 {width: 79%; display: inline-block; vertical-align: top; position: relative;}
.col-7 {width: 40%; display: inline-block; vertical-align: top; position: relative;}
.col-8 {width: 44%;display: inline-block;vertical-align: top;position: relative;padding:1.25em 23px 0em 23px;;}

.blue-top{max-width:100%;height:auto;background-color:#E6E7E8;border-left:2px solid #0083C2;padding:10px;position:relative;margin-left:5px;}
.blue-top:before{content: ""; width: 10px;height: 15px; background: #0083C2;position: absolute;top: 0px;left: -6px;height: 43px; }

.blue-lft-thick {border-left:5px solid #0083C3; padding-left:10px}

/*=BODY CONTENT
---------------*/
main[role="main"] p {font-size:.8825em;margin-bottom:1em;line-height:1.4; } /*main[role="main"] p*/
.operational-hilites span {color:#753B97; font-size:2.5em; display:block;}

/*=HEADER TOP GRAPHICS
---------------*/
#telkomLogoContainer {position: absolute;z-index:50;opacity:0; top:275px; left:-160px;  -moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}
#logo-full { position: absolute; width:1172px; height:339px; left:-192px; top:0px;z-index: -3; }
#graphics {position: absolute; top:-6px; right:40px;}
#heading-tag {position: absolute; left: 40px; top: 130px; font-size: 1.22em; line-height:1.3; color:#fff;font-family: "Telkom123 Regular",'Calibri',Arial, Helvetica, sans-serif;}
#heading-tag  span {font-weight:600;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;}
#heading-two h2 {position: absolute; bottom: 39px; left:40px;font-size: 3.50em; color:#fff;font-weight:600; font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif}
#heading-home h2 {position: absolute; bottom: 105px; left:40px;font-size: 3.50em; color:#fff;font-weight:600; font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;}
#heading-tag-home {position: absolute; left: 40px; top: 220px; font-size: 1.22em; line-height:1.1; color:#fff; font-family: "Telkom123 Regular",'Calibri',Arial, Helvetica, sans-serif;}
#heading-tommorrow {position: absolute; left: 40px; top: 253px; font-size: 1.7em; line-height:1.1; color:#fff; font-weight:600; font-style:italic; font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;}

/*TYPOGRAPHY*/
h1,h2,h3 {font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;font-weight:normal;}
h4,h5,h6 {font-family: 'Telkom123-Bold','Calibri', Arial, Helvetica, sans-serif;}
h1 {font-size: 2em;/* border-bottom:4px solid #0083C2; */color:#0083C2;padding-bottom: 10px;font-weight: bold;margin-bottom:.5em;}
h1 i {font-style:normal;font-size:2.5em;float:left;display:block;bottom: 0.1em;position: relative;padding-right: .2em;}
h2 {font-size:1.6em;margin-bottom:.5em; color:#003F6B}
h3 {font-size: 28px;margin-bottom: 1.2em;color: #003E6A;font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;position:relative;line-height: .8;     left: -1px;}
h3 span{color:#0083C2;font-size: 1.4em;font-weight:600;font-family:'Telkom123-Bold','Calibri',Arial, Helvetica, sans-serif;line-height: 0.9}
h4 {font-size:1.8em;margin-bottom:.3em; font-weight:bold; color:#0083C2; line-height:1}
h5 {font-size:25px;margin-bottom:.3em;font-weight: 600;color: #6D6E71;font-family:'Telkom123-Bold','Calibri',Arial, Helvetica, sans-serif;line-height:1.3}
h6 {font-size:.75em;}
sup {vertical-align: super;font-size:80%}
sub {vertical-align: sub; font-size:80%;}
b, strong {font-weight:bold; }
i, em {font-style:italic;}
hr {color: #0083C2; background-color: #0083C2; height: 5px; }

footer[role="contentinfo"] {clear:both;}
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .group {zoom:1;} /* IE6 */
*:first-child+html .group {zoom:1;} /* IE7 */
.clear {clear:both;overflow:hidden;width:0;height:0;}
.move {position:absolute;left:-9999px;}
.clear-lft {clear:left}
.rgt {float:right; margin-left:1em;}
.lft {float:left; margin-right:1em;}
#gutter-frame {background:#fff;}


/*=UTILITY/TOOLBAR
----------*/
#toolbar ul li { font-size:11px; width: 44px; height: 38px;}
#toolbar ul li:hover {background:#9D9FA2 !important}
#one #toolbar ul li:nth-of-type(7), #one #toolbar ul li:nth-of-type(8), #one #toolbar ul li:nth-of-type(9), #one #toolbar ul li:nth-of-type(10){ display:none}
#ir {background:#135AA1; color:#fff}
#afs {background:#54C6E8; color:#fff}
#ar {background:#A4ADB3; color:#fff}
#gm {background:#134B73; color:#fff}
#files {background:#4A6070; color:#fff}
#crown {background:#F8F8F8; color:#000 !important}
#search {background:#135AA1; color:#fff}
#print {background:#135AA1; color:#fff}	
#email {background:#135AA1; color:#fff}
#previous {background:#135AA1; color:#fff}
#next {background:#135AA1; color:#fff}

/*BODY COPY/TEXT*/
.captionfin {font-size:11px !important;}
.caption {font-size:0.7825em !important; font-style:italic;line-height: 1.4}
.intro {font-size: 1.3em !important;margin:0em 0em;font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif;/* font-weight: 600; */}
.intro-medium {font-size: 1.1em !important;margin:0em 0em;font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif;/* font-weight: 600; */color: #0083C2;}
.intro-sml {font-size: 1em !important;margin:0em 0em;font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif; font-weight: 400; color: #0083C2;}

.highlight-large {font-size: 2.6em !important;margin:0em 0em;font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif; line-height:1.1}
.highlight-large-nobold {font-size: 2.6em !important;margin:0em 0em;line-height:1.1}
.highlight-medium {font-size: 1em !important;margin:0em 0em;font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif;}
.highlight-thinline-bottom { border-bottom:1px solid #6D6E70;}

/*LISTS*/

ul.list-arrow li {list-style-type: none; position: relative; margin-left: 20px; line-height: 1.4; display: block; font-size: .8825em; margin-bottom: .5em;}

ul.list-arrow li:before { content: ''; position: absolute; border-top: 2px solid #000; border-right: 2px solid #000; width: 8px; height: 8px; left: -20px; top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg);}

table ul.list-arrow li {list-style-type: none; position: relative; margin-left: 20px; line-height: 1.4; display: block; font-size: 1em; margin-bottom: .5em;}

table ul.list-arrow li:before { content: ''; position: absolute; border-top: 2px solid #000; border-right: 2px solid #000; width: 8px; height: 8px; left: -20px; top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg);}

ul.list-dash li {list-style-type: none; position: relative; margin-left: 20px; line-height: 1.4; display: block; font-size: .8825em; margin-bottom: .5em;margin-top:5px}

ul.list-dash li:before { content: ''; position: absolute; border-bottom: 2px solid #000;  width: 8px; left: -20px; top: 10px;}


table ul.list-arrow.orange{color:#F37023; margin-top: 5px;margin-bottom: 20px;}
table ul.list-arrow.orange li:before{border-color:#F37023}
table ul.list-arrow.red{color:#DA2731; margin-top: 5px;margin-bottom: 20px;}
table ul.list-arrow.red li:before{border-color:#DA2731}
table ul.list-arrow.yellow{color:#E6A811; margin-top: 5px;margin-bottom: 20px;}
table ul.list-arrow.yellow li:before{border-color:#E6A811}
table ul.list-arrow.blue{color:#004F9E; margin-top: 5px;margin-bottom: 20px;}
table ul.list-arrow.blue li:before{border-color:#004F9E}
table ul.list-arrow.green{color:#0AB14B; margin-top: 5px;margin-bottom: 20px;}
table ul.list-arrow.green li:before{border-color:#0AB14B}
table ul.list-arrow.lightblue{color:#0083C3; margin-top: 5px;margin-bottom: 20px;}
table ul.list-arrow.lightblue li:before{border-color:#0083C3}


table ul.list-lightblue li:before{border-color:#0083C3}
table ul.list-orange li:before{border-color:#F37023}
table ul.list-red li:before{border-color:#DA2731}
table ul.list-blue li:before{border-color:#004F9E}
table ul.list-green li:before{border-color:#0AB14B}
table ul.list-yellow li:before{border-color:#E6A811}
table ul.lightgreen li:before{border-color:#9FB1B7}
table ul.list-white li:before{border-color:#fff}

ul.list-arrow.orange{color:#F37023; margin-top: 5px;margin-bottom: 20px;}
ul.list-arrow.orange li:before{border-color:#F37023}
ul.list-arrow.red{color:#DA2731; margin-top: 5px;margin-bottom: 20px;}
ul.list-arrow.red li:before{border-color:#DA2731}
ul.list-arrow.yellow{color:#E6A811; margin-top: 5px;margin-bottom: 20px;}
ul.list-arrow.yellow li:before{border-color:#E6A811}
ul.list-arrow.blue{color:#004F9E; margin-top: 5px;margin-bottom: 20px;}
ul.list-arrow.blue li:before{border-color:#004F9E}
ul.list-arrow.green{color:#0AB14B; margin-top: 5px;margin-bottom: 20px;}
ul.list-arrow.green li:before{border-color:#0AB14B}
ul.list-arrow.lightblue{color:#0083C3; margin-top: 5px;margin-bottom: 20px;}
ul.list-arrow.lightblue li:before{border-color:#0083C3}


ul.list-lightblue li:before{border-color:#0083C3}
ul.list-orange li:before{border-color:#F37023}
ul.list-red li:before{border-color:#DA2731}
ul.list-blue li:before{border-color:#004F9E}
ul.list-green li:before{border-color:#0AB14B}
ul.list-yellow li:before{border-color:#E6A811}
ul.lightgreen li:before{border-color:#9FB1B7}
ul.list-white li:before{border-color:#fff}

ul.list {margin-left:0;list-style:disc;}
ul.list li,ol.list li {padding-bottom:0em;line-height:1.4em;margin-left:1.1em; font-size:.8825em}
ol.list {list-style:decimal;/*margin-left:2.5em*/}

ol.list-bold {list-style:decimal; font-weight:bold; margin-left:1.4em; font-size:.8825em; line-height:1.4}

ol.number-blue-list {list-style: none; counter-reset: li}
ol.number-blue-list li::before {content: counter(li) "."; color:#005B94;display: inline-block; width: 1.2em;font-weight:bold;margin-bottom: .5em; margin-top: 5px;line-height: 0.8em;}
ol.number-blue-list  li {counter-increment: li;font-size: 0.8825em;}

ul.list-number-notes {list-style-type: decimal; margin:0px; padding:0px;}
ul.list-number-notes li {margin-left:18px; font-size:.8825em; line-height:1.8;}

.switch-highlight-small-txt-grey {color:#58585A !important;}

/*BACKGROUND COLOURS*/
.switch-bg-lightblue {background-color:#48C7ED; padding:5px;box-sizing:border-box;}
.switch-bg-spirit {background:#0D0248; color:#fff; padding:5px;box-sizing:border-box;}
.switch-bg-bluedark {background-color:#003E6A; color:#fff; padding:5px;box-sizing:border-box;}
.switch-bg-semiblue {background-color:#0054A5; color:#fff; padding:5px;box-sizing:border-box;}
.switch-bg-blue {background-color:#0083C2; color:#fff; padding:5px;box-sizing:border-box;}
.switch-bg-turqoise {background-color:#00B5AF; color:#fff; padding:5px;box-sizing:border-box;}
.switch-bg-purple {background-color:#753C97; color:#fff; padding:5px;box-sizing:border-box;}
.switch-bg-green {background-color:#82C341; color:#fff; padding:5px;box-sizing:border-box;}
.switch-bg-babyblue {background-color:#5BCAEE;  color:#fff; padding:5px;box-sizing:border-box;}
.switch-bg-lightblue-padding {background-color:#E1F4FD; padding:5px;box-sizing:border-box;}
.switch-bg-grey-lftline {background-color:#F6F6F6; padding:10px; border-left:2px solid #1FC0DB; margin-bottom:1em; position:relative;box-sizing:border-box;}
.switch-bg-lightgreen {background-color:#A9C4CB; padding:5px;box-sizing:border-box;}
.switch-bg-app-grey {background-color:#A1ABB2; padding:5px;box-sizing:border-box;}
.switch-bgs-lightblue {background-color:#E0F3FB; padding:5px;box-sizing:border-box;}
.switch-bg-lightgrey {background-color:#D9DFDE; color:#6D6E70; padding:5px;box-sizing:border-box;}

.switch-bg-medblue {background-color:#0083C2}


/*EB SWITCH COLOURS*/
.switch-telkom-blue {color:#0083C2}
.switch-lightblue {color:#48C7ED}
.switch-lighterblue {color:#76D1F1}
.switch-blue {color:#00B6F0}
.switch-darkblue {color:#004F9D}
.switch-navyblue {color:#005B94}
.switch-medblue {color:#0083C2}
.switch-greyblue {color:#AAC4CB}
.switch-lightgrey {color:#6D6E71}
.switch-grey {color:#939698}
.switch-green {color:#0AB14B}
.switch-red {color:#DA2731}
.switch-orange {color:#F37023}
.switch-turquoise {color:#00B5AF;}
.switch-yellow {color:#E6A811;}
.switch-body {color:#221E1F}
.switch-darkgrey-heading {color:#6D6F71}
.switch-lightgrey-heading {color:#939698}
.switch-lightgreen {color:#A9C4CB;}
.switch-white {color:#fff !important;}
.switch-darkgrey{color:#58585A;}

.obj-c {margin-left:auto;margin-right:auto;display:block;text-align:center}

body#six h3.switch-lightblue {color:#0083C2}

.intro-medium-borders { border-top:#48C7ED 1px solid;border-bottom:#48C7ED 2px solid; padding: .5em 0;}
.banner-intro { display:table; float:left;position: relative; bottom: 2em;}
.banner-number { display: table-cell; width: 143px; height: 230px;  vertical-align: bottom; font-size: 141px; position: relative;  bottom: 69px; right: -39px;  font-weight: bold;font-family: 'Telkom123 Bold','Calibri', Arial, Helvetica, sans-serif;color:#fff;}
.banner-heading { display:table-cell; width:410px;height: 230px;vertical-align: bottom;    position: relative; bottom: -4px }

.banner-heading h2 { font-size: 23px; border-bottom: 1px solid #fff; color: #fff; line-height: 2.3; font-weight:bold; font-family: 'Telkom123-Bold','Calibri', Arial, Helvetica, sans-serif;}
.banner-heading h4 { font-size: 16px;color: #fff; line-height: 1; margin-top: 12px; font-family: 'Telkom123 Regular','Calibri', Arial, Helvetica, sans-serif;}
.banner-heading h5 { font-size: 13px;color: #fff; line-height: 1; font-weight: 500;font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;}
    
.margin-left { padding-left: 50px;}


/*----- HUMPHREY -------*/
.line-thick { border-bottom:2px solid #6D6E70;}
.line-thick-left { border-bottom:2px solid #6D6E70; border-left:1px solid #0083C3;}
table {margin-bottom:1em}
.table-bg-gray { background:#F0F2F2;}



/*=TABLE STYLES
---------------*/

.fin-tbl tr:hover {background:#E7F6FD !important; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#6D6E70!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {padding:3px 3px 3px 3px; line-height: 1.4;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th {background-color:#E8F6FE; color:#6D6E70!important; padding:2px 3px 3px 3px; font-weight:bold; font-size:100%} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/

.fin-tbl-2 tr:hover {background:#fff !important; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover-2:hover {color:#6D6E70!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl-2 {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl-2 tr td {padding:3px 3px 3px 3px; line-height: 1.4;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl-2 th {background-color:#fff; color:#6D6E70!important; padding:2px 3px 3px 3px; font-weight:bold; font-size:.8825em} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/

.finbluerow{background-color:#E8F6FE;}
.finthicklightblue {border-bottom:2px solid #48C7EC;}
.finthicker {border-bottom:4px solid #0083C2;}
.finthin {border-bottom:1px solid #0083C2;}
.finthinright-blue {border-bottom:1px solid #0083C3;}
.finthick {border-bottom:2px solid #0083C2;}
.fintop {border-top:2px solid #0083C2;}
.fintopleft {border-top:2px solid #0083C2; border-left:2px solid #0083C2;}
.fintopright {border-top:2px solid #0083C2; border-right:2px solid #0083C2;}
.finbotleft {border-bottom:2px solid #0083C2; border-left:2px solid #0083C2;}
.finbotright {border-bottom:2px solid #0083C2; border-right:2px solid #0083C2;}
.finleft {border-left:2px solid #0083C2;}
.finright {border-right:2px solid #0083C2;}
.finthinright {border-right:1px solid #0083C2;}
.finrow {border-top:2px solid #0083C2; border-bottom:2px solid #0083C2;}
.finrowleft {border-left:2px solid #0083C2; border-top:2px solid #0083C2; border-bottom:2px solid #0083C2;}
.finrowright {border-right:2px solid #0083C2; border-top:2px solid #0083C2; border-bottom:2px solid #0083C2;}
.finthingrey {border-bottom:1px solid #6D6E71;}
.finthickgrey {border-bottom:4px solid #6D6E71;}
.fingreythick {border-bottom:2px solid #6D6E71;}
.finthickrightgrey {border-right:2px solid #6D6E71;}
.finthicktopgrey {border-top:2px solid #6D6E71;}
.finblueheader{ color:#0083C2; border-bottom:4px solid #0083C3; background:#E8F6FE ; font-weight:bold}
.finwhiteheader{ color:#0083C3; border-bottom:3px solid #0083C3; background:#fff ; font-weight:bold}
.finbluecol{ color:#0083C3; background:#E8F6FE ; font-weight:bold}
.finthicktopline {border-top:2px solid #0083C3;}

.finrightthin {border-right:1px solid #0083C3;}
.finthickdarkgrey {border-bottom:2px solid #6D6E71;}



.finbluecell-block {background:#E8F6FE;}

.finbluecell-topleft {background:#E8F6FE; border-top:2px solid #0083C2; border-left:2px solid #0083C2;}
.finbluecell-topright {background:#E8F6FE; border-top:2px solid #0083C2; border-right:2px solid #0083C2;}
.finbluecell-botleft {background:#E8F6FE; border-bottom:2px solid #0083C2; border-left:2px solid #0083C2;}
.finbluecell-botright {background:#E8F6FE; border-bottom:2px solid #0083C2; border-right:2px solid #0083C2;}
.finbluecell-left {background:#E8F6FE; border-left:2px solid #0083C2;}
.finbluecell-right {background:#E8F6FE; border-right:2px solid #0083C2;}
.finbluecell-top {background:#E8F6FE; border-top:2px solid #0083C2;}
.finbluecell-bottom {background:#E8F6FE; border-bottom:2px solid #0083C2;}
.finbluecell-bottomthick {background:#E8F6FE; border-bottom:4px solid #0083C2;}


.finbluecell-thin {background:#E8F6FE; border-bottom:1px solid #6D6E71;}
.finbluecell-thick {background:#E8F6FE; border-bottom:2px solid #0083C2; color:#0083C2;}
.finbluecell-thicker {background:#E8F6FE; border-bottom:4px solid #0083C2; color:#0083C2;}




.fincaption {font-size:12px;}
.contentfin {background-color:#FFF; padding:20px 20px 20px 20px; border:1px solid #184069;}
.captionfin {font-size:11px;}
.caption {font-size:0.6em !important; font-style:italic; font-weight: 400;}


/*=PERFORMANCE
--------------*/
.section-container {background-color: #E0E6E5;margin-top:3em;}
.section-col1 {display:block;float:left;width:50%;}
.section-col2 {display:block;float:left;width:calc(50% - 80px);padding:40px;background:#E0E6E5}
.section-col2 ul.list-arrow li {font-size:1.1em !important}
.section-col2 p {font-size:1.1em !important;}
main[role="main"] .section-col2 p {line-height: 1.2}
.section-col2 hr {background:#939598;height:2px;border:0;margin:20px 0}
.section-col2 p span {font-size:2.6em !important;line-height: 1;padding:0;margin:0;}
.section-col2 p b {font-size:1.7em !important;font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;}
.key-strategy-heading{font-size:2.2em !important;font-weight:400;margin-bottom: 5px !important;}
.section {position:relative}
.section img {width:100%}
.section .section-top h3 {position: absolute;top:80px;left:50px}
.section .section-top:before {content:'';position:absolute;top:-20px;left:0;height: 80px;width:100%;opacity: 0.6;z-index: 99}
.section .section-bot:after {content:'';position:absolute;top:0;right:-10px;height:100%;width:50px;opacity: 0.6;z-index: 99}
.section .section-top, .section .section-bot {position: relative;}

.span-block, .bold-block {display: block}
.paragraph-80 {width:80%}
.paragraph-70 {width:70%}
.paragraph-60 {width:60%}
.paragraph-50 {width:50%}
.paragraph-normal {line-height: 1;margin:0;padding:0}

.section.openserve .section-top, .section.openserve .section-bot {position:relative}	
.section.openserve .section-top:before {background:#0AB14B;}
.section.openserve .section-bot:after {background:#0AB14B;}
.section.openserve .section-bot:before {content: '';position: absolute;background: url("../images/section-circles.png") no-repeat top right;background-size: auto;height: 400px;width: 70%;   z-index: 99;top: -100px;background-size: cover;opacity: .2;}
.section-col2 .section.openserve figure.sml {width:80px}	
.section-col2 .section.openserve figure img {width:100%}
.section-col2 .section.openserve figure.rgt {float:right}
.section-col2 .section.openserve figure.margin-minus {margin-top: -60px}
.section-col2 .section.openserve figure.margin-plus {margin-top: 20px}
.section-col2 .section.openserve figure.margin-plus-plus {margin-top: 30px}

.section-col2 .section.telkom figure.med {width:130px}
.section-col2 .section.telkom figure.margin-plus {margin-top: 24px}
.section-col2 .section.telkom figure.margin-plus-plus {margin-top: 80px}
.section.telkom .section-top:before {background:#0083C2;}
.section.telkom .section-bot:after {background:#0083C2;}
.section-col1.right {float:right}
.section-col2.left {float:left}

.section-col2 .section.bcx figure.med {width:100px}
.section-col2 .section.bcx figure.sml {width:80px}
.section-col2 .section.bcx figure.margin-plus {margin-top: 20px}
.section.bcx .section-top:before {background:#DA2731;}
.section.bcx .section-bot:after {background:#DA2731;}
.section.bcx .section-bot:before {content: '';position: absolute;background: url("../images/section-x.png") no-repeat top right;height: 662px;width: 100%;   z-index: 99;top: -662px;background-size: cover;opacity: .2;}

.section-col2 .section.gyro figure.sml {width:70px}
.section-col2 .section.gyro figure.margin-plus {margin-top: 20px}
.section.gyro .section-top:before {background:#F37023;}
.section.gyro .section-bot:after {background:#F37023;}
.section.gyro .section-bot:before {content: '';position: absolute;background: url("../images/section-g.png") no-repeat top right;height: 400px;width: 100%;   z-index: 99;top: -400px;opacity: .2;left:0;rigth:0;margin:auto}
.section-col2 .section.gyro figure figcaption {font-size:1.6em;text-align: center;font-weight:600}

.section-col2 .section.yellow-pages figure.sml {width:80px}
.section-col2 .section.yellow-pages figure.margin-plus {margin-top: 60px}
.section-col2 .section.yellow-pages figure.margin-plus-plus {margin-top: 80px}
.section.yellow-pages .section-top:before {background:#E6A811;}
.section.yellow-pages .section-bot:after {background:#E6A811;}

table.added-value tr td.yellow-p i {position:relative;display:inline-block;}
table.added-value tr td.yellow-p i.arrow {left:20px;padding-right:20px}
table.added-value tr td.yellow-p i.arrow:before{content:'\e941';font-family:'icomoon';position:absolute;top:14px;left:-35px;font-size:30px;color:#E6A811;font-weight:600}
table.added-value tr td i {font-size: 2.6em;font-style: normal}
table.added-value tr.border td {font-size:1.1em;border-bottom:1px solid #E6A811}

/*-----MICHELLE-------*/
.finthicker-grey-social{ border-bottom: 3px solid #A7A9AC;}
.finthin-grey-social{border-bottom: 1px solid #A7A9AC;}
.finthick-blue-social{border-bottom: 2px solid #0083C3;}
.finthin-blue-social{border-bottom: 1px solid #0083C3;}
.table-bg-social{ background:#E8F6FE;}
.finthicker-blue-social{border-bottom: 3px solid #0083C3;}
.finthick-grey-social{ border-bottom: 2px solid #6D6E70;}
.switch-black{color:#000;}
.finthinleft-blue{border-left:1px solid #0083C3}
.switch-social-blue{color:#00B6F0}


.switch-wethinkcode-blue{color:#004F9E;}
.switch-datascienceacademy-blue{color:#005B94;}
.switch-training-blue{color:#0E2C6D;}
.lightblue-top{max-width: 100%;height: auto;background-color: #F7F8F8;border-left: 2px solid #0083C2;padding: 10px;position: relative;margin-left: 5px;}
.lightblue-top:before{content: "";width: 10px;height: 15px;background: #0083C2;position: absolute;top: 0px;left: -6px;height: 43px;}
.soc-capital-grey{display: block;background: #C3C4C6;color: #fff;height: auto;margin-top: 30px;position: relative;}
.soc-capital{ background:#1A90C9;color:#fff;}
.soc-capital-img{position: absolute;top: 52px;right: 40px;}
.soc-capital-grey h3{color: #fff;font-size: 28px;margin-bottom: 10px;margin-top: 30px;}
.esdf-img{position: absolute;top: 114px;right: 15px;}
.independent-field-tech-img{position: absolute;top: 294px;right: 15px;}

.finlightbluecell-left{border-left: 2px solid #28C0DA;}
.natleft-white{border-left: 2px solid #fff; display:block; height:41px;padding:10px;width: 374px;}
.switch-bg-babyblue-natural{ background:#28C0DA; padding:0px;}
.switch-bg-babyblue-natural p{color:#fff;padding-top: 20px;padding-left: 20px;}
.nat-capital-grey{display: block;background: #C3C4C6;color: #fff;height: auto;margin-top: 30px;position: relative;}
.nat-capital{ background:#A8C5CD;}
.nat-capital-img{position: absolute;top: 30px;right: 40px;}
.nat-capital-grey h3{color: #fff;font-size: 28px;margin-bottom: 10px;margin-top: 30px;}
.finbluecell-left-natural{ background:#B4CCD3; border-left: 2px solid #005B94}
.lightblue-top{max-width: 100%;height: auto;background-color: #F7F8F8;border-left: 2px solid #0083C2;padding: 10px;position: relative;margin-left: 5px;}
.lightblue-top:before{content: "";width: 10px;height: 15px;background: #0083C2;position: absolute;top: 0px;left: -6px;height: 43px;}
.finleft-white{border-left: 2px solid #fff;}

.green-background{ background:#A8C5CD;padding:1.25em 51px}
.female-block{display:inline-block;padding:10px 0; width:100%}
.lightblue-top-gov{max-width: 100%;height: auto;background-color: #F7F8F8;border-left: 2px solid #0083C2;padding: 10px;position: relative;margin-left: 5px;}
.lightblue-top-gov:before{content: "";width: 10px;height: 15px;background: #0083C2;position: absolute;top: 0px;left: -6px;height: 43px;}
.committe-bg{ background:#D9DFDE;}
.finleft-white{ border-left:2px solid #fff}
.finbottom-white{border-bottom:2px solid #fff}
.switch-leadership-darkblue{color:#004F9E;}
.switch-leadership-blue{color:#0083C3;}


.intro-large-leardership{font-size: 1.8em !important;margin-bottom:0.3em;line-height:1.3em; font-weight:400}

.finthick-blue-leadership{border-bottom:2px solid #004F9E;}
.finthick-lightblue-leadership{border-bottom:2px solid #0083C3;}
.finthick-turquoise-leadership{border-bottom:2px solid #43C5EC;}
.switch-turquoise-leadership{color:#43C5EC;}
.exec-background{ background:#D9DFDE !important}

.lightgreen-top{max-width: 100%;height: auto;background-color: #E7E7E8;border-left: 2px solid #A8C5CD;padding: 10px;position: relative;margin-left: 5px;}
.lightgreen-top:before{content: "";width: 10px;height: 15px;background: #A8C5CD;position: absolute;top: 0px;left: -6px;height: 43px;}


.leadership-block{position:relative;display:inline-block; width:100%}
.leadership-box{position:relative;float:left;display: inline-block; margin-right:20px; background:#D7DDDC; width:219px;
margin-bottom:20px; height:339px}
.inner-box{position:relative;display: inline-block;border-bottom:6px solid #004F9E;}
.spacer{padding:10px;position:relative;display: block;height:200px}
.leadership-box:nth-child(4){margin-right:0px !important}
.leadership-box:nth-child(8){margin-right:0px !important}
.leadership-box:nth-child(12){margin-right:0px !important}
.leadership-box:nth-child(16){margin-right:0px !important; background:#fff}
.inner-box-noborder:nth-child(16){ border-bottom:0 !important;position:relative;display: inline-block;border-bottom:6px solid #004F9E;}

.leadership-box-exec{position:relative;float:left;display: inline-block; margin-right:20px; background:#fff;  width:219px;
margin-bottom:20px; height:370px}
.inner-box-exec{position:relative;display: inline-block;border-bottom:6px solid #0083C3;}

.leadership-box-exco{position:relative;float:left;display: inline-block; margin-right:20px; background:#fff;  width:219px;
margin-bottom:20px; height:330px}
.inner-box-exco{position:relative;display: inline-block;border-bottom:6px solid #43C5EC;}
.leadership-box-exco:nth-child(4){margin-right:0px !important;height:288px}
.leadership-box-exco:nth-child(8){margin-right:0px !important;}
.leadership-box-exco:nth-child(1){height:288px;}
.leadership-box-exco:nth-child(2){height:288px;}
.leadership-box-exco:nth-child(3){height:288px;}
.leader-fontsize{ font-size:12px}

/*-----MICHELLE END-------*/



.material-lightblue-bg {background:#00B6F0; color:#fff; padding:8px;box-sizing:border-box;}
.material-turquoise-bg {background:#28C0DA; color:#fff; padding:8px;box-sizing:border-box;}
.material-lighterblue-bg {background:#95D3F3; color:#fff; padding:8px;box-sizing:border-box;}
.material-darkblue-bg {background:#0083C3; color:#fff; padding:8px;box-sizing:border-box;}
.material-darkerblue-bg {background:#004F9E; color:#fff; padding:8px;box-sizing:border-box;}
.material-grey-bg {background:#F0F2F2;}
.material-grey-bg2 {background:#485966; color:#fff; padding:8px;box-sizing:border-box;}
.material-navyblue-bg {background:#003E6A; color:#fff; padding:8px;box-sizing:border-box;}

.material-darkgrey-bg {background:#D9DFDE;padding:8px;box-sizing:border-box;}
.material-lightmedblue-bg {background:#F4F5F5;padding:8px;box-sizing:border-box;}

.material-lightblue-left {border-left:2px solid #00B6F0;}
.material-turquoise-left {border-left:2px solid #28C0DA;}
.material-lighterblue-left {border-left:2px solid #95D3F3;}
.material-darkblue-left {border-left:2px dotted #0083C3;}
.material-darkblue-left-solid {border-left:2px solid #0083C3;}
.material-darkerblue-left {border-left:2px solid #004F9E;}
.material-mediumblue-left {border-left:2px solid #0083C3;}
.material-white-left {border-left:2px solid #fff;}
.material-grey-left {border-left:2px solid #485966;}
.material-navyblue-left {border-left:2px solid #003E6A;}

.column-blue-top-bottom {border-top:1px solid #0083C3; border-bottom:3px solid #0083C3;}

/*-----VELLIE-------*/

.hum-capital{background:#A0D7F4;height:1400px;margin-bottom:30px}
.hum-capital-grey{display:block;background:#C3C4C6;color:#fff;height:auto;margin-top:30px;position:relative}
.hum-capital-grey h3{color:#fff;font-size: 28px;margin-bottom:5px;margin-top:30px}
.hum-capital h4{color:#495966 !important;font-size: 1.3em !important;font-weight:600;margin-bottom:0px !important}
.hum-capital-grey p{color:#fff;font-size: 1.1em !important;margin-bottom:0px;font-weight:600}
.hum-capital-img{position:absolute;top:30px;right:40px}

.img-number{position:absolute;top:0px;left:-40px;}
.hum-h5{position:relative;left:40px}

.hum-font-size{font-size:1.05em !important}

.hum-lightblue-bg{background:#95D3F3;color:#fff;padding:10px 15px;border-bottom:2px solid #fff}
.hum-blue-bg{background:#0083C3;color:#fff;padding:10px 15px;border-bottom:2px solid #fff}
.hum-navyblue-bg{background:#004F9E;color:#fff;padding:10px 15px;border-bottom:2px solid #fff}
.hum-darkblue-bg{background:#005B94;color:#fff;padding:10px 15px;border-bottom:2px solid #fff}
.hum-skyblue-bg{background:#00B6F0;color:#fff;padding:10px 15px;border-bottom:2px solid #fff}
.hum-brown-bg{background:#D9DFDE;padding:10px 15px;}
.hum-brown-bg2{background:#D9DFDE;padding:10px 15px;border-bottom:2px solid #fff}

.hum-darkblue-bg2{background:#003E6A;color:#fff;padding:10px 15px;border-bottom:2px solid #D9DFDE}
.hum-white-bg{background:#fff;padding:10px 15px;}
.hum-white-bg2{background:#fff;padding:10px 15px;border-bottom:2px solid #D9DFDE}

.hum-whitee-top { max-width: 100%; height: auto; background: #fff; border-left: 2px solid #005B94; padding: 10px; position: relative; margin-left: 5px;}
.hum-whitee-top:before { content: ""; width: 10px; height: 15px; background: #005B94; position: absolute; top: 0px; left: -6px; height: 43px;}

.hum-whitee-top-plans { max-width: 100%; height: auto; background: #fff; border-left: 2px solid #005B94; padding: 10px; position: relative; margin-left: 5px;}

.hum-one-brown{background:#D9DFDE;padding:15px;margin-bottom:10px;position:relative}
.hum-one-brown:before{content:'\e942';font-family: 'icomoon';position:absolute;left:50%;bottom:-22px;font-size:30px;z-index: 99;}
.hum-two-brown{background:#ECEFEE;padding:15px;margin-bottom:10px;color:#0083C2 !important;font-size:1.2em;position:relative}
.hum-two-brown:before{content:'\e942';font-family: 'icomoon';position:absolute;left:50%;bottom:-22px;font-size:30px;z-index: 99;color:#000}
.hum-three-brown{background:#F0F2F2;padding:15px;margin-bottom:10px}

.switch-bg-darkblue-chief { background-color:#0054A5; color: #fff; padding: 5px;box-sizing:border-box;}

.blue-border-overview2 {position: relative; border: 4px solid #0083C2; padding: 0;}
.small-blue-box{display:block;width:100%;float:left;background:#E0F3FB;height:50px;margin-bottom:10px;border-bottom:1px solid #0083C2}

.small-blue-box-gcfo {display:block;width:100%;float:left;background:#E0F3FB;height:58px;margin-bottom:10px;border-bottom:1px solid #0083C2}

.man-text{padding:17px;color:#0083C2;font-size:1.2em;float:left}
.dot-div{display:block;float:right;width:30%;height:50px;position:relative}
.right-arrow-img{position:absolute;right:-1px;top:15px}
.blues {height: 20px; width: 20px; background-color: #0054A5; border-radius: 50%; display: inline-block;  margin-top: 0px;}
.light-ble { height: 20px; width: 20px;  background-color: #4AC7EC; border-radius: 50%; display: inline-block;}
.blue-triangle-top-left-after {position: absolute;left: 28px; top: -1px;}
.corner-icon { position: absolute; top: -27px; right: 40px; text-align: center;}
.page-icon a{ text-decoration: none;}
.blue-overviewbkr {display:block;float:left; padding: 20px; background-color: #E1F4FD;width:30%;margin-right:20px;margin-top:15px}
.list-div{display:block;float:left;width:60%;padding:10px;}
.right-arrow-img2{position: absolute; right: 20px; top: -1px;}
.man-text2{ padding: 15px; font-size: 1em; float: left;}
.small-blue-box2 { display: block; width:calc(100% - 50px);float: left; height: auto; margin-bottom: 10px; border-bottom: 1px solid #0083C2;padding:25px}
.switch-bg-darkblue { background-color:#0054A5; color: #fff; padding: 5px;box-sizing:border-box;}
.finbotrightdrkblue {border-bottom: 1px solid #0054A5; border-right: 1px solid #0054A5;}

.finbotdrkblue {border-bottom: 1px solid #0054A5;}

.finrightdrkblue {border-right: 1px solid #0054A5;}
.tbl-first-div{display:block;float:left;border-right:1px solid #939598;width:calc(59.8% - 50px);padding:0 25px 25px 15px;margin-bottom:20px;}
.tbl-second-div{display:block;float:left;width:calc(40% - 50px);padding:0 25px 25px 25px;}

.page-icon2 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right: -20px;top:0}
.page-icon3 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right: -20px;top:60px}
.page-icon4 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; left: -50px; top: -10px;}
.page-icon2 a{text-decoration:none}
.page-icon5 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right: 266px; bottom: 10px;}
.page-icon6 {position: relative;width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; left: -47px; bottom: 0;}
.page-icon7 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px;  left: -47px; bottom: -40px;}
.page-icon8 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right:-50px; top: 26px;}
.page-icon8 a {text-decoration:none;}
.page-icon9 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right:-225px; top: 12px;}
.page-icon9 a {text-decoration:none;}
.page-icon10 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right: -225px; top: 200px;}
.page-icon10 a {text-decoration:none;}
.page-icon11 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right: -225px; top: 26px;}
.page-icon11 a {text-decoration:none;}
.page-icon12 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right: -225px; top: 251px;}
.page-icon12 a {text-decoration:none;}
.page-icon13 {position: relative;width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right: -20px; top: 29px;}
.page-icon13 a {text-decoration:none;}

.page-icon14 {position: relative; width: 0px; height: 30px;  font-size: 32px; color: #0083C2;  margin: 1px; right: -148px; top: 30px;}
.page-icon14 a {text-decoration:none;}
.noMarginB{margin-bottom:.5em !important}
.box-heading { color: #0083C2; font-size: 1.2em !important; float: left;}
.hum-img-icon{position:absolute;bottom:-30px;left:0;}
.page-icon-pg { position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2;  margin: 1px;  left: -310px;  top: -10px;}
.page-icon-pg a{text-decoration:none}

.page-icon-7leadership{position: relative;width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; left: -47px; bottom: 0;}
.page-icon8 {position: relative;width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; left: -38px; top: 0;}
.page-icon8-leadership{position: relative;width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; left: -51px; bottom: -32px;}
.page-compicon-natural {position: relative;width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; left: -38px; bottom: -237px;}
.page-priceicon-natural {position: relative;width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; left: -38px; bottom: 4px;}
.page-icon-pg-social { position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2;  margin: 1px;  left: -280px;  top: -10px;}
.page-icon-pg-social a{text-decoration:none}

.page-icon-social-enterprise {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right: -20px;top:86px}


.box-headingz {color: #0083C2; font-size: 1.2em !important; float: left; font-weight: 600;}
.natural-white-bgzz-1 { float: left;width: 77%;padding: 10px 20px;}
.natural-blue-borderzz-1 { background: #E0F3FB; float: right; width: 18%; height: 290px;}

 .col-22{ width: 44%; display: inline-block; vertical-align: top; position: relative; padding: 1.25em 25px 1.25em 0;}
 .page-icon62 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; left: -62px; bottom: -21px;}
 
 .page-icon01 {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px;  left: -47px; bottom: -5px;}
 .page-our-icon {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px;  left: -47px; bottom: 55px;}
 .page-icon-compliance {position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px;  left: -45px; bottom: -40px;}
 
 .page-icon22{  position: relative;  width: 0px; height: 30px; font-size: 32px;  color: #0083C2;   margin: 1px;  right: -20px;  top:-40px}
.page-icon222{  position: relative;  width: 0px; height: 30px; font-size: 32px;  color: #0083C2;   margin: 1px;  right: -20px;  top:-80px}
.page-icon2222{ position: relative;  width: 0px;  height: 30px; font-size: 32px; color: #0083C2;  margin: 1px;  right: 630px; top: -40px;}
.page-icon2222 a, .page-icon222 a, .page-icon22 a{text-decoration:none}

.finthick-left{border-left: 4px solid #0083C2;}
.finthick-right{border-right: 4px solid #0083C2;}
.table-arrow-lasts-cell2 {position: absolute; right: 15px; top: -11px;}
 
 /*.fin-tbl ul{font-size:1.05em !important }
.fin-tbl p{font-size:.9em !important }*/
  
table tr td ul.list-arrow-blue li  { font-size:100%;}
table p {margin-bottom:1em;line-height:1.4;font-size:100% !important;}
table tr td {margin-bottom:1em;line-height:1.4;font-size:.8825em!important;}
  
  
  
table.material tr td ul.list-arrow-blue li  { font-size:.8825em !important;}
table.material p {margin-bottom:1em;line-height:1.4;font-size:.8825em !important;}
.bus-aorrow-img3 { position: absolute; bottom: 200px; right: -15px;}
.bus-aorrow-img4 { position: absolute; bottom: -28px; right: 70px;}
.business-box table p{font-size:.8825em !important; line-height:1.5}
.img-pos{margin-bottom:6px}

/*BUSINESS MODEL CSS*/
.accordion {margin-bottom:1em;}
h4.expands{width:50%; transition: all .3s linear}

h4.expands a:after {
    content: '';
    width: 0px;
    padding: 0;
    height: 0px;
    border-top: 21px solid transparent;
    border-left: 21px solid #00A4E4;
    border-bottom: 21px solid transparent;
    border-right: 21px solid transparent;
    position: absolute;
    right: -42px;
    top: 0px;
}

h4.expands a.open:after {
      content: '';
    width: 0px;
    padding: 0;
    height: 0px;
    border-top: 21px solid transparent;
    border-left: 21px solid #949494;
    border-bottom: 21px solid transparent;
    border-right: 21px solid transparent;
    position: absolute;
    right: -42px;
    top: 0px;
	
	}

h4.expands a.open:hover:after {
      content: '';
    width: 0px;
    padding: 0;
    height: 0px;
    border-top: 21px solid transparent;
    border-left: 21px solid #949494;
    border-bottom: 21px solid transparent;
    border-right: 21px solid transparent;
    position: absolute;
    right: -42px;
    top: 0px;}



h4.expands a:hover:after {
      content: '';
    width: 0px;
    padding: 0;
    height: 0px;
    border-top: 21px solid transparent;
    border-left: 21px solid #00A4E4;
    border-bottom: 21px solid transparent;
    border-right: 21px solid transparent;
    position: absolute;
    right: -42px;
    top: 0px;}

.accordion h4 { background: none;height: inherit;padding: 0;font-size: 1.2em;}
h4.expands a {padding:.5em}
.expands a {display:block; position:relative; width:100%;  transition: all .3s linear}
.expands a:link, .expands a:visited {color:#fff;text-decoration:none;}
.expands a:hover{background:#00A4E4!important;color:#fff;width:110%; transition: all .3s linear}
.expands a.open{background:#949494!important;color:#fff;}
/*.expand a:after {content:'\f0fe';font-family:'fontawesome';}
.expand a.open:after {content:'\f146';font-family:'fontawesome';}*/
.expands.bluess a{ background:#00A4E4;}
.expands.orangess a{ background:#00A4E4;}
.expands.maroonss a{ background:#00A4E4;}
.expands.greenss a{ background:#00A4E4;}
.expands.redss a{ background:#00A4E4;}
#gutter-frames {background: #fff; /*padding: 1.25em 0; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;*/}
.outer-div1{background: linear-gradient(to right, #7ACDCD 0%, #00B5AF 40%) !important;display:block;width:15.4%;height:550px;float:left;margin:0 .8% 10px 0;color:#fff;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2}
.outer-div2{background: linear-gradient(to right, #9A70A8 0%, #7D499A 40%) !important;display:block;width:15.4%;height:550px;float:left;margin:0 .8% 10px 0;color:#fff;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2}
.outer-div3{background:#00406C;background: linear-gradient(to right, #335F87 0%, #00406C 40%) !important;display:block;width:15.4%;height:550px;float:left;margin:0 .8% 10px 0;color:#fff;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2}
.outer-div4{background: linear-gradient(to right, #7DD2F0 0%, #49C7ED 40%) !important;display:block;width:15.3%;height:550px;float:left;margin:0 .8% 10px 0;color:#fff;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2}
.outer-div5{background: linear-gradient(to right, #4F7BBE 0%, #165EAC 40%) !important;display:block;width:15.3%;height:550px;float:left;margin:0 .8% 10px 0;color:#fff;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2}
.outer-div6{background:#00406C;background: linear-gradient(to right, #99CE94 0%, #86C54C 40%) !important;display:block;width:15.32%;height:550px;float:left;margin:0 0 10px 0;color:#fff;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2}
.inner-head-div{width:calc(100% - 20px);display:block;float:left;height:40px;box-shadow: 0 4px 6px -6px black;padding:10px}
.inner-head-div2{width:calc(100% - 20px);display:block;float:left;height:60px;box-shadow: 0 4px 6px -6px black;padding:10px}
.inner-body-div{width:calc(100% - 20px);display:block;float:left;height:180px;padding:10px;font-size:.7725em !important}

.business-box {width:934px; font-size:.7725em;}





.activity-inner-blue {background-color:#00AEEF; height:57px; color:#fff;padding: 10px;}
.activity-inner-white {padding: 10px;}
.activity-inner-circle {position:absolute;top: 19px; left: 9px;}
.activity-inner-number {position: absolute; top: 25px; left: 21px; font-size: 16px; color:#0083C2; font-weight: bold;}
.activity-inner-text1 {position:absolute;top: 12px; left: 56px; line-height:1.3;}
.activity-inner-text2 {position:absolute;top: 26px; left: 56px; line-height:1.3;}
.activity-inner-text3 {position:absolute;top: 12px; left: 56px; line-height:1.3;}
.activity-inner-text4 {position:absolute;top: 12px; left: 10px; line-height:1.3;}




.outcome-outter-col {border-top: 3px solid #0083C2;}
.outcome-outter {width:15%;float:left;margin:0 .8% 10px 0;color:#fff;border-left: 3px solid #0083C2;border-right: 3px solid #0083C2;border-bottom: 3px solid #0083C2;margin-bottom:20px}
.outcome-outter-last {width:17.12%;float:left;margin:0 0 10px 0;color:#fff;border-left: 3px solid #0083C2;border-right: 3px solid #0083C2;border-bottom: 3px solid #0083C2;}
.outcome-text {float:left;width:70%}
.outcome-icon {float:left;}

.outcome-financial-header {background: linear-gradient(to right, #7ACDCD 0%, #00B5AF 40%) !important;width:calc(100% - 20px);float:left;height:60px;padding:10px}
.outcome-financial-bg {position:relative;width:calc(100% - 20px);float:left;height:635px;padding:10px;font-size:.7725em !important; background:#CCF0EF!important;color: #000;}
.outcome-financial-bg-icon {position:absolute; top:-2px; right:50px;}


.outcome-social-header {background: linear-gradient(to right, #9A70A8 0%, #7D499A 40%) !important;width:calc(100% - 20px);float:left;height:60px;padding:10px}
.outcome-social-bg {position:relative;width:calc(100% - 20px); float:left;height:635px;padding:10px;font-size:.7725em !important; background:#E4D9EA!important;color: #000;}
.outcome-social-bg-icon {position:absolute; top:-2px; right:50px;}

.outcome-intellectual-header {background: linear-gradient(to right, #335F87 0%, #00406C 40%) !important;width:calc(100% - 20px);float:left;height:60px;padding:10px}
.outcome-intellectual-bg {position:relative;width:calc(100% - 20px);float:left;height:635px;padding:10px;font-size:.7725em !important;background:#CCDBE3;color: #000;}
.outcome-intellectual-bg-icon {position:absolute; top:-2px; right:50px;}

.outcome-human-header {background:linear-gradient(to right, #7DD2F0 0%, #49C7ED 40%) !important;width:calc(100% - 20px);float:left;height:60px;padding:10px;}
.outcome-human-bg {position:relative;width:calc(100% - 20px);float:left;height:635px;padding:10px;font-size:.7725em !important;background:#DBF4FB;color: #000;}
.outcome-human-bg-icon {position:absolute; top:-2px; right:50px;}

.outcome-productive-header {background: linear-gradient(to right, #4F7BBE 0%, #165EAC 40%) !important;width:calc(100% - 20px);float:left;height:60px;padding:10px;}
.outcome-productive-bg {position:relative;width:calc(100% - 20px);float:left;height:635px;padding:10px;font-size:.7725em !important;background:#CCDDED;color: #000;}
.outcome-productive-bg-icon {position:absolute; top:-2px; right:50px;}

.outcome-natural-header {background: linear-gradient(to right, #99CE94 0%, #86C54C 40%) !important;width:calc(100% - 20px);float:left;height:60px;padding:10px;}
.outcome-natural-bg {position:relative;width:calc(100% - 20px);float:left;height:635px;padding:10px;font-size:.7725em !important;background:#E6F3D9;color: #000;}
.outcome-natural-bg-icon {position:absolute; top:-2px; right:50px;}


.input-financial-bg {position:relative;width:calc(100% - 20px);float:left;height:500px;padding:10px;font-size:.7725em !important; background:#CCF0EF!important;color: #000;}
.input-social-bg {position:relative;width:calc(100% - 20px); float:left;height:500px;padding:10px;font-size:.7725em !important; background:#E4D9EA!important;color: #000;}
.input-intellectual-bg {position:relative;width:calc(100% - 20px);float:left;height:500px;padding:10px;font-size:.7725em !important;background:#CCDBE3;color: #000;}
.input-human-bg {position:relative;width:calc(100% - 20px);float:left;height:500px;padding:10px;font-size:.7725em !important;background:#DBF4FB;color: #000;}
.input-productive-bg {position:relative;width:calc(100% - 20px);float:left;height:500px;padding:10px;font-size:.7725em !important;background:#CCDDED;color: #000;}
.input-natural-bg {position:relative;width:calc(100% - 20px);float:left;height:500px;padding:10px;font-size:.7725em !important;background:#E6F3D9;color: #000;}


.outer-border{display:block;float:left;border-top:3px solid #0083C2;width:100%}
.con-div1{display:block;float:left;width:164.8px;height:280px;margin-right:20px;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2;position:relative}
.inf-div1{display:block;float:left;width:164.8px;height:280px;margin-right:20px;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2;position:relative}
.net-div1{display:block;float:left;width:164.8px;height:280px;margin-right:20px;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2;position:relative}
.conv-div1{display:block;float:left;width:164.8px;height:280px;margin-right:20px;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2;position:relative}
.elec-div1{display:block;float:left;width:166.8px;height:280px;border-left:3px solid #0083C2;border-right:3px solid #0083C2;border-bottom:3px solid #0083C2;position:relative}
.inner-blue-div{display:block;float:left;width:calc(100% - 10px);background:#00AEEF;height:65px;padding:15px 5px}
.signlep{color:#fff;font-size:1em !important;float:left;padding-left:5px;font-weight:bold;margin-bottom:0 !important;margin-top:15px}
.doublep{color:#fff;font-size:1em !important;float:left;padding-left:5px;font-weight:bold;margin-bottom:0 !important;margin-top:5px}
.triplep{color:#fff;font-size:1em !important;float:left;padding-left:5px;font-weight:bold;margin-bottom:0 !important;margin-top:0px}
.flt-out{float:left;margin-top:15px}
.cont-div1{display:block;float:left;width:calc(25% - 13px);padding:10px 5px 5px 8px;font-size:.7725em !important}
.cont-div2{display:block;float:left;width:calc(75% - 10px);padding:10px 5px;font-size:.7725em !important}
.bus-aorrow-img{position:absolute;bottom:20px;right:-15px}
.bus-aorrow-img2{position:absolute;bottom:-28px;right:44px}


.bus-header-grey-bg {background:#E7EBEA}
.bus-header-grey-bg-lft-line {background:#E7EBEA; border-left:1px solid #fff}
.bus-grey-tbl {background:#F0F2F2}
.bus-greenline-thicker {background:#F0F2F2;border-bottom:10px solid #23B24E}
.bus-greyline-thicker {background:#F0F2F2;border-bottom:10px solid #9FAAB2}
.bus-greenline-thick {background:#F0F2F2;border-bottom:5px solid #23B24E}
.bus-greyline-thick {background:#F0F2F2;border-bottom:2px solid #9FAAB2}
.bus-greyline-thick-dotted {background:#F0F2F2;border-bottom:2px dotted #9FAAB2}

.bus-redline-thicker {background:#F0F2F2;border-bottom:10px solid #DB2532}
.bus-redline-thick {background:#F0F2F2;border-bottom:5px solid #DB2532}

.bus-orangeline-thicker {background:#F0F2F2;border-bottom:10px solid #F36F25}
.bus-orangeline-thick {background:#F0F2F2;border-bottom:5px solid #F36F25}

.bus-blueline-thicker {background:#F0F2F2;border-bottom:10px solid #0083C3}
.bus-blueline-thick {background:#F0F2F2;border-bottom:5px solid #0083C3}


.round-border{border:4px solid #0083C2;font-size:.7725em !important}
.outputsbg{background:#E1F4FD}
.greenoutbg { background: linear-gradient(to right, #99CE94 0%, #86C54C 40%) !important;  color: #fff;padding:5px}
.lightbluoutbg { background: linear-gradient(to right, #39BCE6 0%, #0083C2 40%) !important;  color: #fff;padding:5px}
.redoutbg { background: linear-gradient(to right, #D92632 0%, #EE6824 40%) !important;  color: #fff;padding:5px}
.orangeoutbg { background: linear-gradient(to right, #FDC372 0%, #F37021 40%) !important;  color: #fff;padding:5px}
.yellowoutbg { background: linear-gradient(to right, #FFF568 0%,#FFDF00 40%) !important;  color: #4E6470;padding:5px}
.page-icon2-bus { position: relative; width: 0px; height: 30px; font-size: 32px; color: #0083C2; margin: 1px; right:30px; top: -38px;}
.page-icon2-bus a{text-decoration:none}  

/*STRATEGY REVIEW
-----------------*/
.text-indent-left{margin-left:70px;margin-top:1em}
  
 /*-----LIST NUMBER ICONS-----*/
ul.objectives {margin-top:.5em; display:inline-block;}
ul.objectives li {display:block;font-size:0.8em;line-height:1.4;}
ul.objectives li i {display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:1.9em;height:1.9em; font-style:normal; background-color:#D4EFFD; font-size:small; text-align:center;}
ul.objectives li i span{ color:#0083C2;}
ul.objectives li i.obj-1 {background-color:#fff; position:relative; top:-4px; margin-bottom:4px;}

/*=ICONS  - PAGE NUMBER ICON
--------*/

[class^="icon-"], [class*=" icon-"]{/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering===========*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-telkom-page-icon:before{content: "\e900";}
.page-icon-number {font-family: 'Telkom123 Light','Calibri',Arial,Helvetica,sans-serif;font-size: 8px;color:#0083C2;position: absolute;bottom: 4px;left: -7px;font-weight:600;width:50px;text-align:center;}
.page-icon-number a, .page-icon-number a:hover {text-decoration:none; padding:0; margin:0; border:0; }

[class^="icon-"], [class*=" icon-"]{/* use !important to prevent issues with browser extensions that change fonts */font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1; /* Better Font Rendering===========*/-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 35px;}
.icon-telkom-page-icon:before{content: "\e900";}
.page-icon {position: relative;width: 0px;height: 30px;font-size: 32px;color:#0083C2;margin:1px; left:-50px;}
.icon-telkom-page-icon-social:before{content: "\e900";}
.page-icon-social {position: relative;width: 0px;height: 30px;font-size: 32px;color: #0083C2;margin: 1px;left: -47px;top: 92px;}
.page-icon-social a{text-decoration:none}

.icon-telkom-page-icon-social2:before{content: "\e900";}
.page-icon-social2 {position: relative;width: 0px;height: 30px;font-size: 32px;color: #0083C2;margin: 1px;left: -36px;top: 74px;}
.page-icon-social2 a{text-decoration:none}


.page-icon-number-table {font-family: 'Telkom123 Light','Calibri',Arial,Helvetica,sans-serif; font-size:7px; color:#0083C2; position: absolute; bottom: 1px;left: -8px; font-weight:600; width:50px; text-align:center;}
.page-icon-number-table a, .page-icon-number-table a:hover {text-decoration:none; padding:0; margin:0; border:0; }


.page-icon-medal {position: relative;width: 0px;height: 30px;font-size: 32px;color: #0083C2;margin: 1px;right: -8px;bottom: -28px;}
.page-icon-medal a {text-decoration:none;}


/*-----END PAGE NUMBER ICON-----*/

/*-----SEAN-----*/
[class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues with browser extensions that change fonts */font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-telkom-page-icon:before {content: "\e900";}
.page-icon {}
.page-icon-number {font-size:7px; color:#0083C2; position: absolute; bottom: 6px;left: -7px }




a.menu-link {display:none;text-decoration:none;float:left;padding:1em 0 .75em 1em;}
a.menu-link i, a.menu-link b {color:#fff;font-size:1.5em;}
a.menu-link b {padding-left:.5em;font-weight:normal;}

.menu {/*width:100%;background:red;*/-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;float:right;margin-top: 19px; font-family: "Telkom123 Regular",'Calibri',Arial, Helvetica, sans-serif;} /*Menu bar background colour*/
.menu ul {padding:0;margin:0;list-style:none;position:relative;display:inline-table;z-index:99}
.menu > li > ul.sub-menu {min-width:10em;padding:0;}
.menu ul li {padding: 0.4em .3em 0em .3em;}
.menu > ul > li {display:inline-block;margin-right: 5px; }
.menu ul li a {display:block;text-decoration:none;color: #231F20;font-size: 14px;text-align: left;font-family: 'Telkom123 Bold';padding-bottom:23px} /*Menu font colour, size*/
.menu ul li:hover {/*background:#000;*/color:#fff} /*Menu tab hover colour same as drop-down*/
.menu ul li > a {} /*Menu bar height, tab label padding*/
.menu ul ul {display:none;position:absolute;top:100%;min-width: 400px;top: 38px;z-index: 99999999999999999999999999;}



.menu ul li:hover > ul {display:block;}
.menu ul ul > li {position:relative;top: 10px; padding:0;}
.menu ul ul > li a {padding:0.8em;height:auto;background:rgba(167, 169, 172, .9);border-bottom:1px solid #fff !important;font-weight: normal;color: #fff;font-family: 'Telkom123 Regular';} /*Sub menu background colour, padding*/
.menu ul ul > li a:hover {background:#005e9b !important; color:#fff;} /*Sub menu background hover colour, font hover colour, border*/


.menu ul ul ul {position:absolute;left:100%;top:0;}
.menu ul.sub-menu {} /*Target padding around sub menu*/
.menu a.main {border-right:0px dotted #999} /*Target menu bar tab labels e.g. font, uppercase*/
.menu a.main:hover {color:#000} /*Menu tab hover background colour, font colour*/

ul.sub-menu li.menu-indent a {padding-left:30px;}



body#one .menu a.one, body#two .menu a.two, body#three .menu a.three, body#four .menu a.four, body#five .menu a.five, body#six .menu a.six, body#seven .menu a.seven, body#eight .menu a.eight { font-weight: 600;} /*Menu tabs selected state depending on page or section*/
/*li.has-submenu a.main:after {content:'\f0d7';font-family:'fontawesome';speak: none;padding-left:5px;float: right; font-weight: 900;}*/

.menu li a i {position:absolute;left:-9999px;} /*Move Home, Downloads text labels*/
.menu a.one {position:relative;text-align:center;  color:#231F20}
.menu a.one hover {color:#fff}

.menu ul li:nth-child(5) ul li  { left: -62px;}
.menu ul li:nth-child(6) ul li  { left: -167px;}
.menu ul li:nth-child(7) ul li  { left: -249px;}



/*=MENU COLORS
------------*/
.menu .tab0 {border-bottom:5px solid #0083C3}
.menu .tab1 {border-bottom:5px solid #48C7ED}
.menu .tab2 {border-bottom:5px solid #0083C2}
.menu .tab3 {border-bottom:5px solid #004F9D}
.menu .tab4 {border-bottom:5px solid #A9C4CB}
.menu .tab5 {border-bottom:5px solid #004F9D}
.menu .tab6 {border-bottom:5px solid #A1ABB2}
.menu .tab7 { margin-right:0; color:#0E0048; border-bottom:5px solid #0E0048}
/*Menu-sub color*/

/*=MENU COLORS LINES
------------*/

body#one .menu .tab0 a, body#two .menu .tab1 a, body#three .menu .tab2 a, body#four .menu .tab3 a, body#five .menu .tab4 a, body#six .menu .tab5 a, body#seven .menu .tab6 a{top:5px;position:relative;}

body#one .menu .tab0 > a{color:#0083C3}
body#two .menu .tab1 > a{color:#48C7ED;}
body#three .menu .tab2 > a{color:#0083C2;}
body#four .menu .tab3 > a{ color:#004F9D;}
body#five .menu .tab4 > a {color:#A9C4CB;}
body#six .menu .tab5 > a {color:#004F9D;}
body#seven .menu .tab6 > a {color:#A1ABB2;}




/*body#three .menu a.three {color:#0083C2}
body#four .menu a.four {color:#004F9D}
body#five .menu a.five {color:#A9C4CB}
body#six .menu a.six {color:#004F9D}
body#seven .menu a.seven {color:#A1ABB2}
*/

/*=BREADCRUMB COLORS
------------*/
#breadcrumb {background-color: #6D6E71; padding: .1em 2em; height:30px;  font-family: 'Telkom123 Regular';}
/*#tonewo #breadcrumb {background-color: #00ABAA;padding: .1em 2em;}
#one #breadcrumb {background-color: #012B65;padding: .1em 2em;}
#two #breadcrumb {background-color: #0083C2;padding: .1em 2em;}
#three #breadcrumb {background-color: #0083C2;padding: .1em 2em;}
#four #breadcrumb {background-color: #0083C2;padding: .1em 2em;}
#five #breadcrumb {background-color: #003E6A;padding: .1em 2em;}
#six #breadcrumb {background-color: #003E6A;padding: .1em 2em;}
#seven #breadcrumb {background-color: #184069;padding: .1em 2em;}*/

#breadcrumb p {font-size:14px;line-height: 2.5;color:#fff;font-weight:500;margin-bottom: 0; position: relative; top: -19px;font-family: 'Telkom123 Regular';margin-left: 20px;}
#breadcrumb p span {font-weight: bold;color: #fff;}
#breadcrumb a:link {color:#fff;}
#breadcrumb a:visited {color:#fff;}
#breadcrumb a:hover {color:#000;}

/*breadcrumb text colors*/
.home #breadcrumb p span { color:#0083C2 }
#one #breadcrumb p span { color: #fff;}
.two #breadcrumb p span { color:#88BE41 }
.three #breadcrumb p span { color:#38B34B }
.four #breadcrumb p span { color:#00A79D }
.five #breadcrumb p span { color:#5EC6EE }
.six #breadcrumb p span { color:#79338A }
.seven #breadcrumb p span { color:#184069 }


/*=TOOLBAR
----------*/
#toolbar {position:absolute;top:67px;right:-42px;width:42px;}
#toolbar ul {margin-bottom:0;}
#toolbar a {display:block;padding:.5em;text-align:center;vertical-align:middle;font-size:1.5em}
#toolbar li a:link, #toolbar li a:visited {background-color:transparent;color:#fff;text-decoration:none;}
/*#toolbar li a:hover {color:#fff;}*/
.tool-icon-flip:link,.tool-icon-flip:visited {display:block; position:relative;background-color: transparent;}
.tool-icon-flip:link img, .tool-icon-flip:visited img {display:block; position:relative;background-color: transparent;-moz-transition:all 1.2s ease;-o-transition:all 1.2s ease;-webkit-transition:all 1.2s ease;transition:all 1.2s ease; -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg);  transform: rotateX(0deg);}
.tool-icon-flip:hover {background-color: transparent;}
.tool-icon-flip:hover img { -moz-transition:all 1.2s ease;-o-transition:all 1.2s ease;-webkit-transition:all 1.2s ease;transition:all 1.2s ease; -ms-transform: rotateX(180deg); -webkit-transform: rotateX(180deg);  transform: rotateX(180deg); }
.tool-icon-spin:link,.tool-icon-spin:visited {display:block; position:relative;background-color: transparent;}
.tool-icon-spin:link img, .tool-icon-spin:visited img {display:block; position:relative;background-color: transparent;-moz-transition:all 1.2s ease;-o-transition:all 1.2s ease;-webkit-transition:all 1.2s ease;transition:all 1.2s ease; -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg);  transform: rotateY(0deg);}
.tool-icon-spin:hover {background-color: transparent;}
.tool-icon-spin:hover img { -moz-transition:all 1.2s ease;-o-transition:all 1.2s ease;-webkit-transition:all 1.2s ease;transition:all 1.2s ease; -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);  transform: rotateY(180deg); }

[class^="icon-"], [class*=" icon-"] { font-size: 18px;}


/*=BODY CONTENT
---------------*/


/*=LESIGAN
---------------*/
.green-border {position:relative; border:4px solid #0BB24D; padding:1.25em 25px; background:#EBF5E8;}
.green-triangle-right {position:absolute; right:-1px; bottom: -21px;}
.col-2-green {width: 43%;display: inline-block;vertical-align: top;position: relative;padding: 0px 25px;border-right:1px solid #0BB24D}
.col-2-green-no-border {width: 43%;display: inline-block;vertical-align: top;position: relative;padding: 0px 25px;}

.col-2-green-productive {width: 43%;display: inline-block;vertical-align: top;position: relative;padding-right:25px;border-right:1px solid #0BB24D}
.col-2-green-productive-no-border {width: 43%;display: inline-block;vertical-align: top;position: relative;padding-left:25px;}


.blue-border {position:relative; border:4px solid #0083C2; padding:1.25em 25px; background:#E2E9F4;}
.blue-triangle-right {position:absolute; right:-1px; bottom: -21px;}
.col-2-blue {width: 43%;display: inline-block;vertical-align: top;position: relative;padding: 0px 25px;border-right:1px solid #0083C2}
.col-2-blue-no-border {width: 43%;display: inline-block;vertical-align: top;position: relative;padding: 0px 25px;}

.red-border {position:relative; border:4px solid #DA2331; padding:1.25em 25px; background:#E7E7E9;}
.red-triangle-right {position:absolute; right:-1px; bottom: -21px;}
.col-2-red {width: 43%;display: inline-block;vertical-align: top;position: relative;padding: 0px 25px;border-right:1px solid #DA2331}
.col-2-red-no-border {width: 43%;display: inline-block;vertical-align: top;position: relative;padding: 0px 25px;}


.col-2-red-bcx {width: 43%;display: inline-block;vertical-align: top;position: relative;padding-right:25px;border-right:1px solid #DA2331;}
.col-2-red-bcx-no-border {width: 43%;display: inline-block;vertical-align: top;position: relative;padding-left:25px;}

.orange-border {position:relative; border:4px solid #F36F20; padding:1.25em 25px; background:#FFEDDD;}
.orange-triangle-right {position:absolute; right:-1px; bottom: 70px;}

.yellow-border {position:relative; border:4px solid #FFDF00; padding:1.25em 25px; background:#FFFDE9;}
.yellow-triangle-right {position:absolute; right:-1px; bottom: 50px;}

.border-itellectual {position:relative; border:4px solid #0083C2;}
.blue-border-itellectual {background:#E0F3FB;}
.white-bg-itellectual {padding:1.25em 25px;border-bottom:2px solid #0083C2}
.blue-triangle-right-itellectual {position:absolute; right:-1px; top:12px;}
.intellectual-2-col-block {float:left; width:50%;}
.intellectual-block {padding:20px 10px 10px 10px; border:4px solid #0083C2; position:relative; min-height:336px;}
.intellectual-block-icon {position:absolute; top:-1px; left:18px;}

.human-border {position:relative;border:4px solid #0083C2;height: 526px;}
.human-white-bg {float:left; width:30%; padding:10px}
.human-blue-triangle-right {position:absolute; right:-1px; top:12px;}
.human-blue-border {background:#E0F3FB;float:right;width: 67%;}


.human-border-2 {position:relative; border:4px solid #0083C2; height:500px}
.human-white-bg-2 {float:left; width:80%; padding:10px}
.human-blue-triangle-right-2 {position:absolute; right:-1px; top:12px;}
.human-blue-border-2 {background:#E0F3FB; float:right; width:16%; height:500px}

.human-border-3 {position:relative; border:4px solid #0083C2; height:480px}
.human-white-bg-3 {float:left; width:60%; padding:10px}
.human-blue-triangle-right-3 {position:absolute; right:-1px; top:12px;}
.human-blue-border-3 {background:#E0F3FB; float:right; width:24%; height:480px}


.human-border-4 {position:relative; border:4px solid #0083C2; height:480px}
.human-white-bg-4 {float:left; width:60%; padding:10px}
.human-blue-triangle-right-4 {position:absolute; right:-1px; top:12px;}
.human-blue-border-4 {background:#E0F3FB; float:right; width:24%; height:480px}


.social-border-1 {position:relative; border:4px solid #0083C2; height:330px}
.social-white-bg-1 {float:left; width:60%; padding:10px}
.social-blue-triangle-right-1 {position:absolute; right:-1px; top:12px;}
.social-blue-border-1 {background:#E0F3FB; float:right; width:20%; height:300px; padding:15px}

.cfo-img-number{position:absolute;top:-5px;left:-41px;}
.cfo-h5{position:relative;left:40px}
.cfo-graph-grey-bg{background:#F0F2F2; padding:10px; margin-top:18px}

.cfo-img-number-2{position:absolute;top:-5px;left:-41px;}
.cfo-h5{position:relative;left:40px}
.cfo-graph-grey-bg-2{background:#F0F2F2; padding:10px; margin-top:14px}

.cfo-img-number-3{position:absolute;left:-41px;}
.cfo-h5{position:relative;left:40px}
.cfo-graph-grey-bg-3{background:#F0F2F2; padding:10px; margin-top:-8px}

.cfo-img-number-4{position:absolute;left:-41px;}
.cfo-h5{position:relative;left:40px}
.cfo-tbl-blue-bg-4{background:#E8F6FE; padding:10px; margin-top:12px}


.blue-triangle-top-human {position: absolute;right: 25px;top: -1px;}
.finthickline-human {position:relative; top:-50px; left:0px}

.icon-position-social {position: absolute;bottom: -32px;right: 40px;}
.natural-light-blue-block {padding:10px;background:#E0F3FB; height:220px;/*box-shadow: 6px 8px 20px grey;*/}

.natural-white-bg-1 {float:left; width:77%; padding:10px}
.natural-blue-border-1 {background:#E0F3FB; float:right; width:20%; height:290px}


/*=SEARCH
---------------*/
#searchBlock {clear:both;display:none; text-align:right;  background:#0083C2;  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease; }
#searchTable {width:10%; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease; }
#searchBlock2 {clear:both;display:none; text-align:right;  background:#0083C2;  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease; }
#searchTable2 {width:10%; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease; }

.top-banner1 {display:none;z-index:120;font-size:1.3em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.top-banner2 {display:block;opacity: 0.93; filter: Alpha(opacity=93);height:38px;width:100%; max-width: 65.000em; position:fixed;z-index:120; background:#fff; padding:0px;  font-size:1.0em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#top-logo {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; max-height:30px; margin-top: 6px; }

.strategy-header{ color: #fff; background: #0083C3; padding: 15px;}
	
.strategy-header span{font-size: 22px; font-weight: 600;}

/*=FINANCIAL STYLES
------------*/

.fin-tbl tr:hover {background:#E7F6FD !important; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#6D6E70!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {padding:3px 3px 3px 3px; line-height: 1.4;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th {background-color:#E8F6FE; color:#6D6E70!important; padding:2px 3px 3px 3px; font-weight:bold; font-size:.8825em} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/

.fin-tbl-2 tr:hover {background:#fff !important; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover-2:hover {color:#6D6E70!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl-2 {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl-2 tr td {padding:3px 3px 3px 3px; line-height: 1.4;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl-2 th {background-color:#fff; color:#6D6E70!important; padding:2px 3px 3px 3px; font-weight:bold; font-size:.8825em} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/

.finbluerow{background-color:#E8F6FE;}
.finthicklightblue {border-bottom:2px solid #48C7EC;}
.finthicker {border-bottom:4px solid #0083C2;}
.finthin {border-bottom:1px solid #0083C2;}
.finthinblck {border-bottom:1px solid #6D6E70;}
.finthintopblck {border-top:1px solid #6D6E70;}
.finthichickblck {border-bottom:2px solid #6D6E70;}
.finthinright-blue {border-bottom:1px solid #0083C3;}
.finthick {border-bottom:2px solid #0083C2;}
.fintop {border-top:2px solid #0083C2;}
.fintopleft {border-top:2px solid #0083C2; border-left:2px solid #0083C2;}
.fintopright {border-top:2px solid #0083C2; border-right:2px solid #0083C2;}
.finbotleft {border-bottom:2px solid #0083C2; border-left:2px solid #0083C2;}
.finbotright {border-bottom:2px solid #0083C2; border-right:2px solid #0083C2;}
.finleft {border-left:2px solid #0083C2;}
.finright {border-right:2px solid #0083C2;}
.finthinright {border-right:1px solid #0083C2;}
.finrow {border-top:2px solid #0083C2; border-bottom:2px solid #0083C2;}
.finrowleft {border-left:2px solid #0083C2; border-top:2px solid #0083C2; border-bottom:2px solid #0083C2;}
.finrowright {border-right:2px solid #0083C2; border-top:2px solid #0083C2; border-bottom:2px solid #0083C2;}
.finthingrey {border-bottom:1px solid #6D6E71;}
.finthickgrey {border-bottom:4px solid #6D6E71;}
.fingreythick {border-bottom:2px solid #6D6E71;}
.finthickrightgrey {border-right:2px solid #6D6E71;}
.finthicktopgrey {border-top:2px solid #6D6E71;}
.finblueheader{ color:#0083C2; border-bottom:4px solid #0083C3; background:#E8F6FE ; font-weight:bold}
.finwhiteheader{ color:#0083C3; border-bottom:3px solid #0083C3; background:#fff ; font-weight:bold}
.finbluecol{ color:#0083C3; background:#E8F6FE ; font-weight:bold}
.finthicktopline {border-top:2px solid #0083C3;}

.finrightthin {border-right:1px solid #0083C3;}
.finthickdarkgrey {border-bottom:2px solid #6D6E71;}



.finbluecell-block {background:#E8F6FE;}

.finbluecell-topleft {background:#E8F6FE; border-top:2px solid #0083C2; border-left:2px solid #0083C2;}
.finbluecell-topright {background:#E8F6FE; border-top:2px solid #0083C2; border-right:2px solid #0083C2;}
.finbluecell-botleft {background:#E8F6FE; border-bottom:2px solid #0083C2; border-left:2px solid #0083C2;}
.finbluecell-botright {background:#E8F6FE; border-bottom:2px solid #0083C2; border-right:2px solid #0083C2;}
.finbluecell-left {background:#E8F6FE; border-left:2px solid #0083C2;}
.finbluecell-right {background:#E8F6FE; border-right:2px solid #0083C2;}
.finbluecell-top {background:#E8F6FE; border-top:2px solid #0083C2;}
.finbluecell-bottom {background:#E8F6FE; border-bottom:2px solid #0083C2;}
.finbluecell-bottomthick {background:#E8F6FE; border-bottom:4px solid #0083C2;}


.finbluecell-thin {background:#E8F6FE; border-bottom:1px solid #6D6E71;}
.finbluecell-thick {background:#E8F6FE; border-bottom:2px solid #0083C2; color:#0083C2;}
.finbluecell-thicker {background:#E8F6FE; border-bottom:4px solid #0083C2; color:#0083C2;}


/*RESETS*/
.no-margin{margin: 0!important;}
.no-marginT{margin-top: 0!important;}
.no-marginB{margin-bottom: 0!important;}
.no-marginL{margin-left: 0!important;}
.no-marginR{margin-right: 0!important;}

.no-padding{padding: 0!important;}
.no-paddingT{padding-top: 0!important;}
.no-paddingB{padding-bottom: 0!important;}
.no-paddingL{padding-left: 0!important;}
.no-paddingR{padding-right: 0!important;}

.padding-5T{padding-top: 5px!important;}
.padding-10T{padding-top: 10px!important;}

.padding-30{padding: 30px;}
.padding-40{padding: 40px 20px;}
.padding-50{padding: 50px 0px;}
.padding-30L{padding-left: 30px!important;}
.padding-30R{padding-right: 30px!important;}
.padding-30T{padding-top: 30px!important;}
.padding-30B{padding-bottom: 30px!important;}

.padding-5B{padding-bottom: 5px!important;}
.padding-5{padding: 5px!important;}
.padding-5L{padding-left: 5px!important;}
.padding-5R{padding-right: 5px!important;}
.padding-5T{padding-top: 5px!important;}

.padding-15{padding: 15px!important;}
.padding-10{padding: 10px!important;}
.padding-15L{padding-left: 15px!important;}
.padding-15R{padding-right: 15px!important;}
.padding-15T{padding-top: 15px!important;}
.padding-15B{padding-bottom: 15px!important;}

.padding-20{padding: 20px!important;}
.padding-20L{padding-left: 20px!important;}
.padding-20R{padding-right: 20px!important;}
.padding-20T{padding-top: 20px!important;}
.padding-20B{padding-bottom: 20px!important;}

.padding-23{padding: 23px!important;}
.padding-23L{padding-left: 23px!important;}
.padding-23R{padding-right: 23px!important;}
.padding-23T{padding-top: 23px!important;}
.padding-23B{padding-bottom: 23px!important;}

.margin-2{margin: 2px!important;}
.margin-2L{margin-left: 2px!important;}
.margin-2R{margin-right: 2px!important;}
.margin-2T{margin-top: 2px!important;}
.margin-2B{margin-bottom: 2px!important;}		

.margin-5B{margin-bottom: 5px!important;}
.margin-5{margin: 5px!important;}
.margin-5L{margin-left: 5px!important;}
.margin-5R{margin-right: 5px!important;}
.margin-5T{margin-top: 5px!important;}

.margin-10{margin: 10px!important;}
.margin-10L{margin-left: 10px!important;}
.margin-10R{margin-right: 10px!important;}
.margin-10T{margin-top: 10px!important;}
.margin-10B{margin-bottom: 10px!important;}		
		
.margin-15{margin: 15px!important;}
.margin-15L{margin-left: 15px!important;}
.margin-15R{margin-right: 15px!important;}
.margin-15T{margin-top: 15px!important;}
.margin-18T{margin-top: 18px!important;}
.margin-15TB{margin-top: 15px!important; margin-bottom: 15px!important;}
.margin-15B{margin-bottom: 15px!important;}	

.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-10TB{margin: 7px 0px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}

.margin-30{margin: 30px!important;}
.margin-30L{margin-left: 30px!important;}
.margin-30R{margin-right: 30px!important;}
.margin-30T{margin-top: 30px!important;}
.margin-30B{margin-bottom: 30px!important;}

.margin--25{margin: 25px!important;}
.margin--25L{margin-left: 25px!important;}
.margin--25R{margin-right: 25px!important;}
.margin--25T{margin-top: 25px!important;}
.margin--25B{margin-bottom: 25px!important;}


.margin-35{margin: 35px!important;}
.margin-35L{margin-left: 35px!important;}
.margin-35R{margin-right: 35px!important;}
.margin-35T{margin-top: 35px!important;}
.margin-35B{margin-bottom: 35px!important;}

.margin-40{margin: 40px!important;}
.margin-40L{margin-left: 40px!important;}
.margin-40R{margin-right: 40px!important;}
.margin-40T{margin-top: 40px!important;}
.margin-40B{margin-bottom: 40px!important;}


.margin-50B{margin-bottom: 50px!important;}
.margin-75L{margin-left: 75px!important;}

.margin-22L{margin-left: 22px!important;}
.margin-26T{margin-top: 26px!important;}
.margin-33T{margin-top: 33px!important;}
.margin-48T{margin-top: 48px!important;}
.margin-52T{margin-top: 52px!important;}
.margin-60T{margin-top: 60px!important;}
.margin-63T{margin-top: 63px!important;}
.margin-80T{margin-top: 80px!important;}
.margin-82T{margin-top: 82px!important;}
.margin-88T{margin-top: 88px!important;}
.margin-110T{margin-top: 110px!important;}
.margin-115T{margin-top: 115px!important;}
.margin-125T{margin-top: 125px!important;}
.margin-140T{margin-top: 140px!important;}
.margin-150T{margin-top: 150px!important;}
.margin-165T{margin-top: 165px!important;}

.margin-5T{margin-top: 5px!important;}
.margin-5B{margin-bottom: 5px!important;}


/*RESETS - MINUS VALUES*/
.margin-25T{margin-top: -25px!important;}
.margin-33T-top {margin-top: -33px!important;}
.margin-8T{margin-top: -8px!important;}
.margin-8T-top{margin-top: 8px!important; margin-right: -10px;}



/*=LIST GRID
------------*/

ul.list-dash li {list-style-type: none; position: relative; margin-left: 20px; line-height: 1.4; display: block; margin-bottom: .5em;margin-top:5px}

ul.list-dash li:before { content: ''; position: absolute; border-bottom: 2px solid #000;  width: 10px; left: -20px; top: 10px;}
ul.list-dash.list-short li:before {width: 5px;}

ul.list-dash li ul {list-style-type: none; position: relative;  line-height: 1.4; display: block; margin-bottom: .5em;margin-top:5px;font-size: 1.1em;}

table ul.list-dash li {list-style-type: none; position: relative; margin-left: 20px; line-height: 1.4; display: block; margin-bottom: .5em;margin-top:5px;font-size: .96em;}

table ul.list-dash li:before { content: ''; position: absolute; border-bottom: 2px solid #000;  width: 10px; left: -20px; top: 10px;}

table ul.list-dash li ul {list-style-type: none; position: relative; margin-left: 10px; line-height: 1.4; display: block; margin-bottom: .5em;margin-top:5px;font-size: 1.1em;}

table ul.list-dash li ul li:before { content: ''; position: absolute; border-bottom: 2px solid #000;  width: 10px; left: -20px; top: 10px;}

ul.list-blue li:before { border-color: #004F9E;}
ul.list-lightblue li:before { border-color: #48C7ED;}
ul.list-white li:before{ border-color:#ffffff}
ul.light-grey li:before{border-color:#A1ABB3}

table ul.list-blue li:before { border-color: #004F9E;}
table ul.list-lightblue li:before { border-color: #48C7ED;}
table ul.list-white li:before{ border-color:#ffffff}
table ul.light-grey li:before{border-color:#A1ABB3}
table ul.list-lightblue li ul li:before { border-color: #48C7ED;}


/*=ACCORDION
------------*/
.accordion {margin-bottom:1em;}
h4.expand a {padding:.5em}
.expand a {display:block;}
.expand a:link, .expand a:visited {color:#fff;text-decoration:none;background:#0083C2;}
.expand a:hover, .expand a:active, .expand a:focus {background:#ccc;color:#fff}
.expand a.open:link, .expand a.open:visited {background:#666;color:#fff;}
.expand a:before {content:'\f0fe';font-family:'fontawesome';speak: none;padding-right:.5em}
.expand a.open:before {content:'\f146';font-family:'fontawesome';speak: none;padding-right:.5em}
/*tabbed accordion*/
ul.tabs {float:left;width:100%;padding:1em 0 0 0;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #ccc;border-bottom:none;text-decoration:none;color:#333}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#eee}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#0067a4;color:#0067a4;font-weight:bold}
.tab-container {/*border:1px solid #0067a4;*/border-top:none;clear:both;float:left;width:99.796334%;background:#fff;overflow:auto;} /*980 divide 982 = 99.796334%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}

/*=TABLES
---------*/



/*=TABLES FIN
---------*/
.finthick-grey {border-bottom:2px solid #6D6E70}
.finthiin-grey {border-bottom:1px solid #6D6E70}


/*=OUR KEY MATERIAL
---------*/
.block-lightblue { background:#E0F3FB; padding:10px; }



/*=ICONS
--------*/
.fa-volume-up {color:#000;}
.fa-file-pdf-o {color:#c11e07;}
.fa-file-excel-o {color:#549f3a;}

/*=ICONS  - PAGE NUMBER ICON
--------*/


/*=VIDEO
--------*/
#containingBlock {max-width:1280px;margin:0 auto}
.videoWrapper {position:relative;padding-top:0;padding-bottom: 56.25%;height: 0;}
* html .videoWrapper {margin-bottom: 45px;margin-bot\tom: 0;}
.videoWrapper video, .videoWrapper object {position:absolute;width:100%;height:100%;left:0;top:0;}

/*=FOOTER
---------*/
footer[role="contentinfo"] {margin: 0 auto;max-width: 65.000em;clear: both;background: #fff; clear:both;}
footer[role="contentinfo"] div {padding: .5em 1em;}
footer[role="contentinfo"] p {text-align:center;margin-bottom:0; font-weight:normal;font-size: .8em;}
footer[role="contentinfo"] a:link {color:#FFFFFF}
footer[role="contentinfo"] a:visited {color:#FFFFFF}
footer[role="contentinfo"] a:hover {color:#FFFFFF}

/*=LINKS
--------*/
a {outline:none}
a:link {color:#0083C2;}
a:visited {color:#0083C2;}
a:hover {color:#000;text-decoration:none;}

/*=PAGINATION
-------------*/
main[role="main"] .pagination p {margin-bottom:0}
.pagination-links a {float:left;display:block}
.pagination-links {margin:0 auto;max-width: 65.000em;padding: 1.3em 0;clear: both;background: #A1ABB2;}
.pagination-links .lft, .pagination-links .rgt {position:relative;}
.pagination-links .lft {width:50%;border-right:1px solid #1A75BC;}
.pagination-links .lft div#arrow-left, .pagination-links .rgt div#arrow-right {position:absolute;font-size: 1.7em;margin-top: -0.28em;color:#fff;}
.pagination-links .lft div#arrow-left {float:left;left: 0.5em;background:transparent;padding-left: 0em;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;width: 35px;height: 35px;border: 1px solid #fff;}
.pagination-links .rgt div#arrow-right {float:right;right:0.5em;background:transparent;padding-right: 0em;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;width: 35px;height: 35px;border: 1px solid #fff;}
.pagination-links .lft div#arrow-left:before {content:'\f104';font-family:'fontawesome';speak: none;margin-left: 0.4em;}
.pagination-links .rgt div#arrow-right:after {content:'\f105';font-family:'fontawesome';speak: none;margin-right: .4em;}
.pagination-links .rgt {text-align:right}
.pagination-links .lft:hover div#arrow-left, .pagination-links .rgt:hover div#arrow-right {-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.pagination-links .lft:hover div#arrow-left {left:0.2em;background:#16416C;}
.pagination-links .rgt:hover div#arrow-right {right:0.2em;background:#16416C}
.pagination-links .lft p {float:left;margin-left:3.6em}
.pagination-links .rgt p {float:right;margin-right:3.6em}
.pagination-links i {font-style:normal;padding-bottom:.5em;display:block;color: #fff;font-size:16px;}
.pagination-links b {color:#16416C;font-weight:800;font-size:1.25em;font-family:'Telkom123 Light','Calibri',Arial, Helvetica, sans-serif; margin-top: 0.3em; display: block;}
.pagination-links em {display:none}

/*REM REPORT-NIVI*/
.darkpurplebox { background-color:#D5D4E2; padding:15px; border-bottom:1px solid #0083C3;}
.purplebox { background-color:#EBE5F2; padding:15px; border-bottom:1px solid #0083C3;}
.peachbox { background-color:#FBE7DF; padding:15px; border-bottom:1px solid #0083C3;}
.limebox { background-color:#F0F7E8; padding:15px; border-bottom:1px solid #0083C3;}
.lightpurplebox { background-color:#E3E7EB; padding:15px; }
.lightbluebox { background-color:#EEF8FD; padding:15px; border-bottom:1px solid #0083C3;}
.rem {background-color:#E2F4FD; padding:5px 10px;}
.boardbluetopleft{ border-top:2px solid #0083C3; border-left:2px solid #0083C3;} 
.boardbluetopright{ border-top:2px solid #0083C3; border-right:2px solid #0083C3;} 
.boardbluebotright{ border-bottom:2px solid #0083C3; border-right:2px solid #0083C3;} 
.boardbluebotleft{ border-bottom:2px solid #0083C3; border-left:2px solid #0083C3;} 
.boardblueleft{ border-left:2px solid #0083C3;} 
.boardblueright{ border-right:2px solid #0083C3;} 
.boardbluetop{ border-top:2px solid #0083C3;} 
.boardbluebot{ border-bottom:2px solid #0083C3;} 
.remintro { font-size:60px; line-height:1em}
	
/*.tooltip{display: inline;}
.tooltip:hover:after{background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px;}
.tooltip:hover:before{border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99;}*/
	
	


/*BACK TO TOP*/
#back-to-top {position:fixed;bottom:2em;right:10%;text-decoration:none;font-size:2.4em;width:44px;height:44px;display:block;text-align:center;vertical-align:middle;border-radius:999px;color:#0083C2;background-color:#fff;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
#back-to-top:after {content:'\f106';font-family:'fontawesome';speak: none;}
#back-to-top:hover {background:#16416C; color:#fff;}

/*BOARD OF DIRECTORS*/
		
.exec-title {color:#000; font-size:1.2em;}
#directors { padding: 40px 0; }
#directors sup,
#directors p.note > span:first-of-type { font-size: 14px; font-weight: 400;} 
#directors p.note { padding-left: 20px; }
#directors h1 { margin-bottom: 20px; }
#directors .panel-group { padding: 0 10px; }
#directors .panel-group > .panel {
	float: none;
	display: inline-block; 
	margin: 0 -4px 0 0;
	vertical-align: top;
	padding: 0 5px;
}
#directors .panel-group > .panel,
#directors .panel-group .panel+.panel { margin-top: 30px; }
#directors .panel-group > .panel > .panel { 
	border: 1px solid #0083C2; 
	overflow: hidden;
	background-color:#E2F4FD;
}
#directors .panel-group > .panel:hover > .panel { border-color: #005DA6; }
#directors .panel-group > .panel > .panel img {}
		#directors .panel-group > .panel > .panel p.center{ line-height: 1; padding-top: 10px; height:230px; }
#directors .panel-group .panel-heading h4 {color: #000;    font-weight: normal; font-size: 1.1em; margin: 0em 0em 1rem 0em; text-transform:uppercase;}

#directors .panel-group .panel-heading h4 small { 
	color: #fff; 
	font-size: 13px; 
	display: block; 
	margin-top: 5px;
	font-weight: 300;
	font-style: italic;
}
#directors .list-group.panel li { background-color:#08254E; color:#fff;}
#directors .list-group.panel li a,
#directors .list-group.panel li a.collapsed:hover { color: #fff; padding:5px 5px 5px 13px; background-color:#0083C2;}
#directors .list-group.panel li a.collapsed { color: #fff; padding-left:13px; cursor: pointer;}
#directors .list-group.panel li a { position: relative; display: block; cursor: pointer;}
#directors .list-group.panel li a:after {
	content: '+';
	font-size: 26px;
	line-height: 0;
	position: absolute;
	right: 10px;
	top: 13px;
	display: block;
	font-weight: 300;
	
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}
#directors .list-group.panel li a.collapsed:after{
	-webkit-transform: rotate(0);
	   -moz-transform: rotate(0);
		-ms-transform: rotate(0);
		 -o-transform: rotate(0);
			transform: rotate(0);
}
#directors .panel-group .list-group.panel li.panel+.panel { margin-top: 0; }
#directors .list-group.panel li > div > p {padding: 10px 0 0 0;font-size: 13px;}
.leadership-container {width:calc(33.33333333% - 10px);}



.panel-group {
	margin-bottom: 20px
}
.panel-group .panel {
	margin-bottom: 0;
	
}
.panel-group .panel+.panel {
	margin-top: 5px
}
.panel-group .panel-heading {
	border-bottom: 0
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.fade.in {
	opacity: 1
}
.collapse {
	display: none
}
.collapse.in {display: block;padding:13px;}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility
}

.panel {margin-bottom: 20px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05)}
.panel-body {padding: 15px}
.panel-heading {padding: 10px 15px;	border-bottom: 1px solid transparent;}
.panel-heading p {margin-bottom:0px;}
.panel-group {margin-bottom: 20px}
.panel-group .panel {margin-bottom: 0;}

.panel-group .panel-heading {border-bottom: 0; background-color: #fff; color:#000; min-height:285px; border-top:1px solid  #0083C2;} 



/*=NIVESHAN STYLES
------------------*/
ul.black-list {list-style:none;margin-left:-0.2em;  font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif; }
ul.black-list li{position:relative;font-size: .9825em!important;}
ul.black-list li:before {content: ''; color: #231F20; position: absolute; width: 3px; height: 3px;    background: #231F20;    border-radius: 50%;    left: -16px;    top: 7px;}
ul.list-arrow-blue li ul.black-list li:before{ border:0}

ul {margin: 0;}
ul.dashed { list-style-type: none; margin-left:18px}
ul.dashed > li {    margin-left: 5px;
    padding-left: 6px;font-size: .9825em!important;}
ul.dashed > li:before {content: "\2013";
    text-indent: -5px;
    margin-right: 10px;
    border: 0;
    transform: rotate(0deg);
    left: 0;
    top: 0;
    position: absolute;}
.blue-container { background:#E2F4FD; font-weight:normal }







/*=PRINESH STYLES
------------------*/
.blue-border-box-corp {position:relative; border:4px solid #0083C2; padding:10px;}
.blue-border-box {position:relative; border:4px solid #0083C2; padding:25px;}
.white-border-box {position:relative; border:4px solid #fff; padding:25px;}
.blue-border-box h3:before {border:none !important;}
.blue-triangle-right {position:absolute; right:-1px; top:20px;}
.blue-triangle-left {position:absolute; left:-1px; top:20px;}
.blue-triangle-top {position:absolute; right:38px; top:-1px;}

.blue-triangle-right-after {position:absolute; right:-1px; top:20px;}
.blue-triangle-right-after:after {display: block; position: absolute; bottom:-256px; right:-57px; border-left: 6px solid #0083C2; border-top: 6px solid #0083C2; width:52px; height:52px; content: '';}

.blue-triangle-left-after {position:absolute; left:-1px; top:20px;}
/*.blue-triangle-left-after:after {display: block; position: absolute; bottom: -256px; left: -57px; border-right: 6px solid #0083C2; border-top: 6px solid #0083C2; width:52px; height:52px; content: '';}*/

.blue-triangle-top-after {position:absolute; right:38px; top:-1px;}
/*.blue-triangle-top-after:after {display: block; position: absolute; bottom: -597px; left:60px; border-left: 6px solid #0083C2; border-top: 6px solid #0083C2; width:52px; height:52px; content: '';}*/

.green-border-boxbkr {position:relative; border:6px solid #0DB14B; padding:25px; background-color:#E9F4E7;}
.green-triangle-right {position:absolute; right:-1px; top:20px;}
.green-border-box-one {float:left; width:calc(49% - 1px - 2%); margin-right:2%; border-right:1px solid #0DB14B;}
.green-border-box-two {float:left; width:49%}

.blue-border-boxbkr {position:relative; border:6px solid #0083C2; padding:25px; background-color:#E1EBF6;}
.blue-triangle-right {position:absolute; right:-1px; top:20px;}
.blue-border-box-one {float:left; width:calc(49% - 1px - 2%); margin-right:2%; border-right:1px solid #0083C2;}
.blue-border-box-two {float:left; width:49%}

.red-border-boxbkr {position:relative; border:6px solid #D92632; padding:25px; background-color:#E6E7E8;}
.red-triangle-right {position:absolute; right:-1px; top:20px;}
.red-border-box-one {float:left; width:calc(49% - 1px - 2%); margin-right:2%; border-right:1px solid #D92632;}
.red-border-box-two {float:left; width:49%}


.blue-border-overview {position:relative; border:4px solid #0083C2; padding:10px;}
.blue-triangle-bottom {position:absolute; right:38px; bottom: -21px;}
.turquise-inner-box {background-color:#00B5AF; position:absolute; top:0; left:0px; width:50px; height:50px;text-align: center;}
.turquise-inner-header {color:#00B5AF; position:absolute; top:15px; left:60px; font-size:20px; font-weight:700;}
.blue-inner-box {background-color:#0054A6; position:absolute; top:0; left:0px; width:50px; height:50px;text-align: center;}
.blue-inner-header {color:#0054A6; position:absolute; top:15px; left:60px; font-size:20px; font-weight:700;}
.purple-inner-box {background-color:#753C97; position:absolute; top:0; left:0px; width:50px; height:50px;text-align: center;}
.purple-inner-header {color:#753C97; position:absolute; top:15px; left:60px; font-size:20px; font-weight:700;}
.lightblue-inner-box {background-color:#48C7ED; position:absolute; top:0; left:0px; width:50px; height:50px;text-align: center;}
.lightblue-inner-header {color:#48C7ED; position:absolute; top:15px; left:60px; font-size:20px; font-weight:700;}
.green-inner-box {background-color:#82C341; position:absolute; top:0; left:0px; width:50px; height:50px;text-align: center;}
.green-inner-header {color:#82C341; position:absolute; top:15px; left:60px; font-size:20px; font-weight:700;}

.blue-border-overviewbkr {border:4px solid #0083C2; padding:10px; background-color:#E1F4FD;}
.small-intro-text {font-size:16px!important;}
.light-blue-box-inner {background-color: #E2F4FD; color:#0083C2; padding: 10px;}
.heading-level {font-family: 'Telkom123-Bold','Calibri',Arial, Helvetica, sans-serif; font-size:1.8em!important; color:#0083C2!important;}

.table-arrow-last {position:relative; margin:0; padding:0;}
.table-arrow-last-cell {position:absolute; right:15px; top:-4px;}

.table-arrow-group {position:relative; margin:0; padding:0;}
.table-arrow-group-cell {position:absolute; left:15px; top:-44px;}

.table-arrow-financial {position:relative; margin:0; padding:0;}
.table-arrow-financial-cell {position:absolute; left:15px; top:-24px;}


/*=SIDE BAR OPN
--------*/
button,input,textarea {border: 0;border-radius: 0;font-size: 14px;height: 28px;margin: 0;outline: 0;padding: 0}
button,input[type=button],input[type=reset],input[type=submit],input[type=text] { background: #fff;padding: 0 7px}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0}
.fixed-sidebar-wrapper{position: relative}
.suche .fixed-sidebar-wrapper{display: none}
.fixed-sidebar{display: none; position: fixed; right: 0; top: 165px}
.fixed-sidebar.stop{position: absolute; top: auto; bottom: 90px}
.life-science-magazin .fixed-sidebar.stop{bottom: 575px}
.fixed-sidebar ul{list-style: none}
.fixed-sidebar>li{position: relative;display: block;width: 55px;height: 55px;background: #0083C2;text-align: center;list-style: none;cursor: pointer;border: 1px solid #dcdcdc;border-right: 0;}
.fixed-sidebar>li+li{border-top: 0}
.fixed-sidebar>li>span{display: block;font-size: 20px;color: #fff;padding-top: 15px;}
.fixed-sidebar>li>span.icon-print{font-size: 23px; padding-top: 11px}
.fixed-sidebar>li>span.icon-compare{font-size: 25px; padding-top: 7px}
.fixed-sidebar>li>span.icon-settings{font-size: 26px; padding-top: 5px}
.fixed-sidebar>li>a,.fixed-sidebar>li>button{display: block;position: absolute;top: 0;width: 100%;height: 68px;line-height: 95px;font-size: 11px;color: #fff;background: 0 0;}
.fixed-sidebar>li .hover-layer,.fixed-sidebar>li .hover-text{display: none; position: absolute; top: 50%; right: 56px; margin-top: -14px; font-size: 11px; line-height: 13px; white-space: nowrap}
.fixed-sidebar>li .hover-layer-title,.fixed-sidebar>li .hover-text{padding: 8px; background: #0083C2; color: #fff}
.fixed-sidebar>li .hover-layer-content{padding: 8px; background: #E2DFDA; text-align: left}
.fixed-sidebar>li .hover-layer-content a{color: #003D6A}
.fixed-sidebar>li .hover-layer-content a:hover:before{text-decoration: none}
.slide7 .bottom-links a:hover,.slide7 .reports a:hover,.slide7 .services>a:hover .fake-link{text-decoration: underline}
.fixed-sidebar>li .hover-layer-content .arrow-link>a,
.fixed-sidebar>li .hover-layer-content .files-widget>a {padding-left: 10px}
.fixed-sidebar>li .hover-layer-content .arrow-link>a:before,
.fixed-sidebar>li .hover-layer-content .files-widget>a:before{font-family: FontAwesome;content: "\f105"; font-size: 11px; color: #003D6A; position: absolute; margin-left: -10px}
.fixed-sidebar>li:hover{background: #003D6A; border-left: 1px solid #003D6A; border-bottom: 1px solid #003D6A}
.fixed-sidebar>li:hover>a,.fixed-sidebar>li:hover>button,.fixed-sidebar>li:hover>span{color: #fff}
.fixed-sidebar>li:hover .hover-layer,.fixed-sidebar>li:hover .hover-text{display: block}
.fixed-sidebar>li.inactive .hover-text,.fixed-sidebar>li.inactive button,.fixed-sidebar>li.inactive span{color: #dcdcdc}
.fixed-sidebar>li.inactive .text{font-size: 11px; padding-top: 0}
.fixed-sidebar>li .share-wrapper,.fixed-sidebar>li.inactive .hover-layer{display: none}
.fixed-sidebar>li.share-button:hover .share-wrapper{display: block; position: absolute; top: 0; left: -286px}
.fixed-sidebar>li.share-button:hover .share-wrapper li{background: #0083C2; border: 0; border-bottom: 1px solid transparent; float: left; width: 57px}
.fixed-sidebar>li.share-button:hover .share-wrapper li a,.fixed-sidebar>li.share-button:hover .share-wrapper li button,.fixed-sidebar>li.share-button:hover .share-wrapper li span{color: #fff}
.fixed-sidebar>li.share-button:hover .share-wrapper li span{font-size: 20px; line-height: 68px; padding: 0}
.fixed-sidebar>li.interactive-charts>a{line-height: 12px; padding-top: 40px}
.fixed-sidebar .share-button{display: none}

.fixed-sidebar { display: block; top: 147px; z-index:999; }
.fixed-sidebar .share-button { display: block;  }



/* THABISO
/* ========================================== */

.intro-medium-capital {font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif; font-size: 1.1em !important; margin: 0em 0em;}


.banner-intro-text {font-size:20px!important; font-weight:600;}

.banner-img-chair {float:right; width:37%; position: absolute; right: 360px; bottom: 40px;}
.banner-img-chair img {position:absolute; right:-321px; bottom:-41px;}
.caption-chair {font-size:0.7825em !important;}

.banner-img-chair p { margin-left:50px}
#four .banner-img-chair p { margin-left:40px}

.graphs-heading {    font-size: 1.2em !important;}

.banner-img-text {position: absolute; top:-149px;}

.chairman-block {padding:10px; border:3px solid #0083C2; position:relative; min-height: 210px;}
.chairman-block-icon {position:absolute; top:-30px; right:40px;}
.chairman-list {list-style-type:none;}
.chairman-list li {position:relative; margin-left: 70px; font-size: .8825em; margin-bottom: 2em; line-height: 1.4;}
.chairman-list li img {position:absolute;left:-55px;top:-10px;}
.list-blocks {float:left; width:calc(50% - 15px); }

/*
.risk-bg-head-blue {padding:10px; background:#0088C6; color:#fff; text-align:center;}
.risk-bg-head-green {padding:10px; background:#8FC84D; color:#fff; text-align:center;}
.risk-bg-head-purple {padding:10px; background:#784198; color:#fff; text-align:center;}
*/

.risk-bg-head-blue {padding:10px; color:#fff; text-align:center; background: linear-gradient(180deg, #0088C6, #21B4E1);}
.risk-bg-head-green {padding:10px; color:#fff; text-align:center;background: linear-gradient(180deg, #84C442, #B0D67E);}
.risk-bg-head-purple {padding:10px; color:#fff; text-align:center; background: linear-gradient(180deg, #784198, #956AA6);}

.risk-bg-blue {background:#E2F4FD; min-height: 170px; position:relative;}
.risk-bg-green {background:#F1F7E8; min-height: 170px; position:relative;}
.risk-bg-purple {background:#EBE5F3; min-height: 170px; position:relative;}



.risk-bg-blue img {position:absolute; bottom:-70px; right:45%;}
.risk-bg-green img {position:absolute; bottom:-75px; right:45%;}

ul.risk-block-list {list-style-type:none; margin-bottom: 15em;}
ul.risk-block-list li{float:left; width:33%; position:relative;}
ul.risk-block-list li:nth-child(1) {width:26%;}
.last-child {margin-left:11%; width:19% !important; margin-top: 35px !important; color:#0088C6;}
ul.risk-block-list li ul { margin:10px;}
ul.risk-block-list li ul li {width:89% !important;}

.top-icon-risk {position:relative; top:-10px; right:10px;}



.far-lft-box {background:#E1F4FD; height:464px; position:absolute; top:0px; left:0px; width: 48%;}
.far-lft-box-risk {background:#E1F4FD; height:464px; position:absolute; top:0px; left:0px; width: 45%;}

ul.numbers-list {list-style-type:none;}
ul.numbers-list li {position: relative; margin-left: 30px; line-height: 1.4; font-size: .8825em; margin-bottom: .5em;}
ul.numbers-list li div {position:absolute;  border-radius: 50%; background:#0083C2; color:#fff;  left: -30px; height: 21px; width: 21px;}
ul.numbers-list li div i {margin:5px; color:#fff; font-size: 11px;left: 1px; position: relative; top: -2px; font-style:normal;}
ul.numbers-list li div i.rgt-10 {left:-2px;}

.divider-border-thin {position:relative; border-bottom:2px solid #0083C2;}
.divider-border {position:relative; border-bottom:4px solid #0083C2;}
.divider-border img {position:absolute; top:-35px; right:40px;}

.tbl-border-round {border:2px solid #0083C2;}
.top-thick {border-top:2px solid #0083C2;}

.arrow-down-position {position:relative; top:-3px;}

.box-shadow {box-shadow: 0 8px 6px -6px #ccc;}

.blue-right{background-color:#fff;border-left:2px solid #0083C2;padding:10px;margin-bottom:15px;}
.blue-top{max-width:100%;height:auto;background-color:#E6E7E8;border-left:2px solid #0083C2;padding:10px;position:relative;margin-left:5px;}
.blue-top:before{content: ""; width: 10px;height: 15px; background: #0083C2;position: absolute;top: 0px;left: -6px;height: 43px; }/* shibu */

.darkblue-top{max-width:100%;height:auto;background-color:#E6E7E8;border-left:2px solid #005B94;padding:10px;position:relative;margin-left:5px;}
.darkblue-top:before{content: ""; width: 10px;height: 15px; background: #005B94;position: absolute;top: 0px;left: -6px;height: 43px; }/* shibu */



@media screen and (max-width: 1420px) {
.container-inner {position: relative;/*width:1240px;*/ padding-right:40px; margin:0 auto; /*min-height:350px;*/ padding-bottom:20px; padding-top:2.3em;}
}
@media screen and (max-width: 1340px) {
.container-inner {position: relative;/*width:1220px;*/ padding-right:60px; margin:0 auto; /*min-height:350px;*/ padding-bottom:20px; padding-top:2.3em;}
}
@media screen and (max-width: 1300px) {
.container-inner {position: relative;/*width:1200px;*/ padding-right:80px; margin:0 auto; /*min-height:350px;*/ padding-bottom:20px; padding-top:2.3em;}
}
@media screen and (max-width: 1260px) {
.fixed-sidebar {display: none;}
.container-inner {position: relative;/*width:1240px;*/ padding-right:40px; margin:0 auto; /*min-height:350px;*/ padding-bottom:20px; padding-top:2.3em;}
}

/*=SIDE BAR CLOSE
--------*/












/*=RESPONSIVENESS
-----------------*/
@media print {
/*=BODY, FRAME
--------------*/
body {font-size:76%;text-align:left;color:#000;font-family:'Calibri', Helvetica, sans-serif;background:#fff}
#wrap, #container {width:100%;margin:0;padding:0;float:none} /*Remove container floats*/
/*=HEADER, LOGO
---------------*/
header[role="banner"] {float:none !important;background-image:none;padding-bottom:1em;border-bottom:1px solid #ccc;margin-bottom:1em}
header[role="banner"] h1 {float:none !important;font-size:12pt}
header[role="banner"] h1 a {color:#000;text-decoration:none;}
#logo {display:block}

/*=DISPLAY NONE
---------------*/
.move, nav, .menu-link, #breadcrumb, #utility, #toolbar, footer[role="contentinfo"], .pagination {display:none} /*Hide things that must not print*/

/*=BODY SPECIFIC
----------------*/
.grid-list li {margin:0;list-style-type:none;float:none;width:100%}

/*=LINKS, URLS
---------------*/
a:link, a:visited {color:#520;font-weight:bold;text-decoration:underline;}
.content-frame a[href^="http://"]:after, .content-frame a[href^="ftp://"]:after {content: " [" attr(href) "]";font-size: 90%;} /*Write out any web links*/
}