@charset "UTF-8";

body{
    -webkit-font-smoothing:antialiased;
    background-color:#525659!important;
}

.top-header{
    height:46px;
    background-color:#323639;
    display:inline-flex;
    width:100%;
    position:fixed;
    z-index:1;
}

.left-section{
    font-family:robot,sans-serif;
    font-weight:700;
    font-size:14px;
    line-height:20px;
    color:#fff;
    text-align:left;
    padding:12px 0 14px 20px;
    float:left;
}

.left-section span{
    font-weight:400;
}

.logo>img{
    max-width:150px;
    padding:5px 0;
    float:right;
}

article{
    max-width:890px;
    margin:auto;
    padding-top:40px;
}

header{
    font-family: georgia,sans-serif;
    font-weight:700;
    font-size:20px;
    line-height:20px;
    color:#fff;
    text-align:center;
    max-width:300px;
    display: block;
    margin:auto;
    text-transform:uppercase;
    background-color:#004480;
    padding:30px 20px 12px;
}

.main-body-top{
    max-width:890px!important;
    margin:0 auto 20px;
    display:inherit;
    background-color:#fff;
    padding:0 75px 40px;
    -webkit-box-shadow:1px 2px 6px 3px #222;
    box-shadow:1px 2px 6px 3px #222;
}

.main-body{
    max-width:890px!important;
    margin:auto;
    display:inherit;
    background-color:#fff;
    padding:0 75px 40px;
    -webkit-box-shadow:1px 2px 6px 3px #222;
    box-shadow:1px 2px 6px 3px #222;
}

.main-body{
    margin-bottom:20px;
}

.executive-summary{
    max-width:560px;
    margin:auto;
    padding-bottom:80px;
}

h1{
    font-family:georgia,sans-serif;
    font-weight:700;
    font-size:50px;
    line-height:54px;
    letter-spacing: -.02em;
    color:#111;
    text-align:center;
    /*max-width:596px;*/
    margin: 0 auto 30px;
    padding:50px 0 10px;
}

h2{
    font-family:georgia, serif;
    font-weight:400;
    font-size:21px;
    line-height:28px;
    color:#111;
    text-align:center;
    margin-bottom:80px;
}

h3{
    font-family:georgia,sans-serif;
    font-weight:700;
    font-size:20px;
    line-height:26px;
    color:#003766;
    text-align:left;
    margin-top:0;
}

h3.overview{
    font-family:georgia,sans-serif;
    font-weight:700;
    font-size:22px;
    line-height:26px;
    color:#111111;
    text-align:left;
    margin: 40px 0 30px 0px;
}

h4{
    font-family:georgia,sans-serif;
    font-weight:700;
    font-size:40px;
    line-height:44px;
    color:#111;
    text-align:center;
    padding:30px 0 10px
}

.h4-sub{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:19px;
    line-height:26px;
    color:#111;
    text-align:center;
    max-width:732px;
    padding-bottom:30px;
}


h5{
    font-family:source sans pro,sans-serif;
    font-weight:700;
    font-size:23px;
    line-height:28px;
    color:#003766;
    text-align:left;
    margin-left:40px;
    padding:15px 0 20px;
}

h5 span{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:23px;
    line-height:28px;
    color:#003766;
    text-align:left;
}

h6{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:19px;
    line-height:26px;
    color:#111;
    text-align:center;
    margin-left:40px;
    padding:0 0 30px!important;
}

a{
    color: #0f75ce;
    text-decoration: underline;
}

a:hover{
    color: #00559f;
    text-decoration: none;
}

span.blackout{
    background-color: #000000;
}

.key-dates-logo{
	color:#fff;
	font-size: 40px;
	text-align: center;
	padding: 30px 0 10px 0;
}

h1.key-dates{
	font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #1a3d56;
    padding-bottom: 20px;
}

h2.key-dates-title{
	font-size: 28px;
	padding-bottom: 10px;
}

h2.key-dates-title-2{
	font-size: 32px;
	padding-bottom: 10px;
	line-height: 1.2;
	min-height: 82px;
	padding-top: 20px;
}

h3.key-dates-date{
	font-size: 19px;
	font-style: normal;
	line-height: 28px;
}

h3.key-dates-date-2{
	font-size: 18px;
    font-style: normal;
    line-height: 1.2;
}

.light-blue{
	background-color: #22597f;
	padding: 0 0 40px 0;
}

.medium-blue{
	background-color: #194969;
	padding: 0 0 40px 0;
}

.dark-blue{
	background-color: #0f3850;
	padding: 0 0 40px 0;
}


.key-dates-logo{
	color:#fff;
	font-size: 40px;
	text-align: center;
	padding: 30px 0 10px 0;
}

h1.key-dates{
	font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #1a3d56;
    padding-bottom: 20px;
}

h2.key-dates-title{
	font-size: 28px;
	padding-bottom: 10px;
}

h2.key-dates-title-2{
	font-size: 32px;
	padding-bottom: 10px;
	line-height: 1.2;
	min-height: 82px;
	padding-top: 20px;
}

h3.key-dates-date{
	font-size: 19px;
	font-style: normal;
	line-height: 28px;
}

h3.key-dates-date-2{
	font-size: 18px;
    font-style: normal;
    line-height: 1.2;
}

hr.small-hr{
	width: 45px;
	padding-bottom: 15px;
}

.main-body-top p{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:24px;
    color:#111;
    text-align:left;
}

.main-body-top li{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:24px;
    color:#111;
    text-align:left;
}

.main-body p,li{
    font-family:Georgia, serif;
    font-weight:400;
    font-size:21px;
    line-height:28px;
    color:#111;
    text-align:left;
    padding-bottom:10px
}

li{
    margin-left:20px;
}

/*
.content-image-left-margin {
    display: inline-block;
    float: left;
    margin: 0 0 30px -230px;
    height: 200px;
    width: 200px;
*/

.indent{
    margin-left:40px;
}

.critical-steps-headline{
    font-family:source sans pro,sans-serif;
    font-weight:700;
    font-size:30px;
    line-height:36px;
    color:#111;
    text-align:left;
    padding:0 0 15px;
}

.critical-steps-headline span{
    text-decoration:underline;
    text-transform:uppercase;
}

.report-title-headline{
    font-family:source sans pro,sans-serif;
    font-weight:700;
    font-size:24px;
    line-height:30px;
    color:#111;
    text-align:left;
    font-style:italic;
    margin-bottom:-15px;
}

.report-title-headline span{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:24px;
    line-height:30px;
    color:#111;
    text-align:left;
    font-style:normal;
    margin-bottom:-15px;
}

li.blue-chart{
    list-style:none;
    margin-right:20px;
    padding-bottom:20px;
}

li.blue-chart:before{
    font-family:fontawesome;
    content:'\f201';
    margin:0 5px 0 -30px;
    color:#003766;
}

li.green-checkmark{
    list-style-image:url(https://static.cloudsna.com/store/PROD/images/Naspers/checkmark%20green%402x-1.png);
    margin-left:20px;
    padding-bottom:20px!important;
}

.down-arrow::after{
    font-family:fontawesome;
    content:"\f107";
    color:#888;
    font-size:36px;
    text-align:center!important;
    margin:auto;
    display:inherit;
}

.photo-side-bar{
    float:right;
    max-width:300px;
    margin:0 10px;
}

.side-bar-img>img{
    max-width:300px;
    padding-bottom:10px;
    padding-top:10px;
}

.caption{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:18px;
    color:#111;
    text-align:left;
    padding-bottom:5px;
}

.dark-blue{
    border:3px solid #00559f;
}

.photo{
    border:1px solid #ddd;
}

.report-image>img{
    max-width:175px;
}

.report-image-right>img{
    max-width:175px;
    float:right;
    padding-left:10px;
}

.charts>img{
    max-width:550px;
    margin:auto;
    display:inherit;
    padding:10px 0 20px;
    width:100%;
}


.table>tbody>tr>th{
    vertical-align:middle;
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    border-bottom:1px solid #ddd!important;
    border-top:0!important;
    margin:20px 0 30px!important;
}

.table{
    max-width:500px;
    margin:auto;
    margin-bottom:25px;
}

.table-striped,.blue-background{
    max-width: 750px!important;
    margin:auto;
}

.table-striped{
    margin-bottom:20px;
}

.col-header{
    font-family:source sans pro,sans-serif;
    font-weight:700;
    font-size:17px;
    line-height:22px;
    color:#111;
    padding:10px 0;
}

.col-header-right{
    font-family:source sans pro,sans-serif;
    font-weight:700;
    font-size:17px;
    line-height:22px;
    color:#111;
    padding:10px 0;
    text-align:right;
}

.col-left{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:22px;
    color:#111;
    padding:10px 0;
    text-align:left;
}

.col-style{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:22px;
    color:#003766;
    padding:10px 0;
    text-align:right;
}

.col-style-bold{
    font-family:source sans pro,sans-serif;
    font-weight:700;
    font-size:17px;
    line-height:22px;
    color:#003766;
    padding:10px 0;
    text-align:right;
}

.col-blackout{
    border:2px solid #111;
    background-color:#111;
    margin:10px 0;
    max-width:100px;
}

.stocks-left,.stocks-right{

    font-weight:400;
    font-size:17px;
    line-height:22px;
    color:#111;
    padding:10px 0 0 15px;
    text-align:left;
}

.blue-bar th{

    font-weight:400!important;
    font-size:17px;
    line-height:22px;
    color:#fff;
    padding:10px 0 0 15px;
    text-align:left;
    background-color:#004480!important;
}

.blue-bar-top th{
    
    font-weight:700!important;
    font-size:19px;
    line-height:24px;
    color:#fff;
    padding:10px 0 0 15px;
    text-align:center!important;
    background-color:#004480!important;
}

.stocks-left-hightlight,.stocks-right-hightlight{
   
    font-weight:400;
    font-size:17px;
    line-height:22px;
    color:#111;
    padding:10px 0 0 15px;
    text-align:left;
    background-color:#fff500!important;
}

a{
    text-decoration:underline;
}

.sig>img{
    max-width:200px;
    text-align:left;
}

.static-side-bar{
    position:fixed!important;
    margin-left:-5px;
}

.static-side-bar-hr{
    border:2px solid #0079e2;
    margin-bottom:0;
    margin-top:70px;
}

.static-side-bar h1{
    font-family:georgia,sans-serif;
    font-weight:700;
    font-size:17px;
    line-height:25px;
    color:#fff!important;
    text-align:left;
    padding-top:5px;
    margin-bottom:10px;
}

.static-side-bar p{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:20px;
    text-align:left;
    margin-bottom:-10px;
    margin-top:-5px;
}

.static-side-bar a{
    text-decoration:none;
    color:#fff!important;
}

.static-side-bar a:hover{
    text-decoration:underline;
    color:#40A6FF!important;
}

.static-side-bar a:active{
    text-decoration:none;
    color:#0079e2!important;
    font-weight:400;
}

.bottom-logo>img{
    max-width:150px;
    margin:auto;
    display:inherit;
    padding:75px 0;
}

#anchor1,#anchor2,#anchor3,#anchor4,#anchor5,#anchor6,#anchor7,#anchor8,#anchor9,#anchor10{
    padding-top:30px;
}

@media(max-width:1024px){
    h1{
        font-size:44px;
        line-height:54px;
    }
    h4{
        font-size:30px;
        line-height:34px;
    }
    h5,h5 span{
        font-size:20px;
        line-height:25px;
    }
    .main-body p,li{
        font-size:19px;
        line-height:26px;
        padding-bottom:5px;
    }
    .photo-side-bar{
        display:none;
    }
    .col-md-2{
        width:6%;
    }
    .static-side-bar{
        width:20%;
    }
    
}

@media(max-width:758px){
    .report-image>img{
        display:none;
    }
}

@media(max-width:736px){
    header{
        font-size:12px;
        line-height:16px;
    }
    h1{
        font-size:34px;
        line-height:44px;
    }
    h2{
        font-size:19px;
        line-height:26px;
        margin-bottom:60px;
    }
    h4{
        font-size:26px;
        line-height:30px;
    }
    h5{
        font-size:18px;
        line-height:23px;
    }
    .main-body-top,.main-body{
        padding:0 35px 40px;
    }
    .executive-summary{
        padding-bottom:30px;
    }
    .critical-steps-headline{
        font-size:22px;
        line-height:26px;
    }
    .report-title-headline{
        font-size:20px;
        line-height:26px;
    }
    .report-image-right>img{
        display:none;
    }
}