.slideOverflow {
    overflow-y: auto !important;
}

.slideTextBlocks table {
    width: 100%;
    font-size: 20px;
}
img
{
    border:none;
}
.slideOverflow img
{
	display:none;
}
.slideOverflow .slideImages
{
	display:block;
}
.slideImages {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    height: auto !important;
    position: relative !important;
}

.slideTableText {
    color: #8d8d8d;
    font-size: 18px;
}

.slideTextBlocks table tbody tr td {
    padding-left: 25px;
    vertical-align: top;
    padding-right: 25px;
}

.preCaption {
    color: white;
}

.countryName {
    font-size: 46px;
    color: rgb(182, 253, 0);
    margin-top: -20px;
    margin-bottom: -10px;
}

.slideTextCaption {
    color: #012D68;
}

.slideText {
    color: #000000;
}

.slideTextBlocks {
    padding-top: 100px;
    font-size: 26px;
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 100px;
}

.pageCaption {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    border-bottom: 2px solid rgb(189, 207, 93);
    text-align: center;
    font-size:56px;
    color: #012D68;
}

.insight1 {

    background: url("../img/insides/icon_1_off.png") 100% 100% no-repeat;
    background-position: center;
}

.insight1:hover {
    background: url("../img/insides/icon_1_on.png") 100% 100% no-repeat;
    background-position: center;
}

.insight2 {

    background: url("../img/insides/icon_2_off.png") 100% 100% no-repeat;
    background-position: center;
}

.insight2:hover {
    background: url("../img/insides/icon_2_on.png") 100% 100% no-repeat;
    background-position: center;
}

.insight3 {

    background: url("../img/insides/icon_3_off.png") 100% 100% no-repeat;
    background-position: center;
}

.insight3:hover {
    background: url("../img/insides/icon_3_on.png") 100% 100% no-repeat;
    background-position: center;
}

.insight4 {

    background: url("../img/insides/icon_4_off.png") 100% 100% no-repeat;
    background: url("../img/insides/icon_4_off.png") 100% 100% no-repeat;
    background-position: center;
}

.insight4:hover {
    background: url("../img/insides/icon_4_on.png") 100% 100% no-repeat;
    background-position: center;
}

.insight5 {

    background: url("../img/insides/icon_5_off.png") 100% 100% no-repeat;
    background-position: center;
}

.insight5:hover {
    background: url("../img/insides/icon_5_on.png") 100% 100% no-repeat;
    background-position: center;
}

.insight6 {

    background: url("../img/insides/icon_6_off.png") 100% 100% no-repeat;
    background-position: center;
}

.insight6:hover {
    background: url("../img/insides/icon_6_on.png") 100% 100% no-repeat;
    background-position: center;
}

.insight7 {

    background: url("../img/insides/icon_7_off.png") 100% 100% no-repeat;
    background-position: center;
}

.insight7:hover {
    background: url("../img/insides/icon_7_on.png") 100% 100% no-repeat;
    background-position: center;
}

.insight8 {

    background: url("../img/insides/icon_8_off.png") 100% 100% no-repeat;
    background-position: center;
}

.insight8:hover {
    background: url("../img/insides/icon_8_on.png") 100% 100% no-repeat;
    background-position: center;
}

.country1 {

    background: url("../img/country/nigeria_off_white.png") 100% 100% no-repeat;
    background-position: center;
}

.country1:hover {
    background: url("../img/country/nigeria_on.png") 100% 100% no-repeat;
    background-position: center;
}

.country2 {

    background: url("../img/country/kenya_off_white.png") 100% 100% no-repeat;
    background-position: center;
}

.country2:hover {
    background: url("../img/country/kenya_on.png") 100% 100% no-repeat;
    background-position: center;
}

.country3 {

    background: url("../img/country/cote_divoire_off_white.png") 100% 100% no-repeat;
    background-position: center;
}

.country3:hover {
    background: url("../img/country/cote_divoire_on.png") 100% 100% no-repeat;
    background-position: center;
}

.country4 {

    background: url("../img/country/mozambique_white_off.png") 100% 100% no-repeat;
    background-position: center;
}

.country4:hover {
    background: url("../img/country/mozambique_on.png") 100% 100% no-repeat;
    background-position: center;
}

.country5 {

    background: url("../img/country/angola_off_white.png") 100% 100% no-repeat;
    background-position: center;
}

.country5:hover {
    background: url("../img/country/angola_on.png") 100% 100% no-repeat;
    background-position: center;
}

.country6 {

    background: url("../img/country/rwanda_off_white.png") 100% 100% no-repeat;
    background-position: center;
}

.country6:hover {
    background: url("../img/country/rwanda_on.png") 100% 100% no-repeat;
    background-position: center;
}

.country7 {

    background: url("../img/country/tanzania_off_white.png") 100% 100% no-repeat;
    background-position: center;
}

.country7:hover {
    background: url("../img/country/tanzania_on.png") 100% 100% no-repeat;
    background-position: center;
}

.country8 {

    background: url("../img/country/ethiopa_white_off.png") 100% 100% no-repeat;
    background-position: center;
}

.country8:hover {
    background: url("../img/country/ethiopa_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight1 {

    background: url("../img/insides/icon_1_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight1:hover {
    background: url("../img/insides/icon_1_blue_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight2 {

    background: url("../img/insides/icon_2_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight2:hover {
    background: url("../img/insides/icon_2_blue_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight3 {

    background: url("../img/insides/icon_3_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight3:hover {
    background: url("../img/insides/icon_3_blue_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight4 {

    background: url("../img/insides/icon_4_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight4:hover {
    background: url("../img/insides/icon_4_blue_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight5 {

    background: url("../img/insides/icon_5_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight5:hover {
    background: url("../img/insides/icon_5_blue_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight6 {

    background: url("../img/insides/icon_6_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight6:hover {
    background: url("../img/insides/icon_6_blue_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight7 {

    background: url("../img/insides/icon_7_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight7:hover {
    background: url("../img/insides/icon_7_blue_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight8 {

    background: url("../img/insides/icon_8_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_insight8:hover {
    background: url("../img/insides/icon_8_blue_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country1 {

    background: url("../img/country/nigeria_off_blue.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country1:hover {
    background: url("../img/country/nigeria_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country2 {

    background: url("../img/country/kenya_off_blue.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country2:hover {
    background: url("../img/country/kenya_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country3 {

    background: url("../img/country/cote_divoire_off_blue.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country3:hover {
    background: url("../img/country/cote_divoire_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country4 {

    background: url("../img/country/mozambique_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country4:hover {
    background: url("../img/country/mozambique_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country5 {

    background: url("../img/country/angola_off_blue.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country5:hover {
    background: url("../img/country/angola_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country6 {

    background: url("../img/country/rwanda_off_blue.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country6:hover {
    background: url("../img/country/rwanda_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country7 {

    background: url("../img/country/tanzania_off_blue.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country7:hover {
    background: url("../img/country/tanzania_on.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country8 {

    background: url("../img/country/ethiopa_blue_off.png") 100% 100% no-repeat;
    background-position: center;
}

.b_country8:hover {
    background: url("../img/country/ethiopa_on.png") 100% 100% no-repeat;
    background-position: center;
}
@font-face {
    font-family: Dax;
    src: url("../Fonts/Dax.ttf");
}
body {
    overflow: hidden !important;
	font-family: Dax !important;
}

.whiteLine {
    position: relative;
    width: 90%;
    margin-left: 5%;
    height: 2px;
    background-color: white;
    margin-top: 75px;
}

.greenLine {
    position: relative;
    width: 90%;
    margin-left: 5%;
    height: 2px;
    background-color:  rgb(158, 207, 113);
    margin-top: 75px;
}

.header {
    position: absolute;
    z-index: 3;
    padding-top: 30px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.header_blue {
    position: relative;
    z-index: 3;
    padding-top: 30px;
    width: 100%;

}

.insight {
    width: 5%;
    height: 34px;
    float: left;
}

.country {
    width: 5%;
    height: 34px;
    float: left;
}

.logo {
    width: 20%;
    float: left;
}

.b_logoImage {
    background: url(../img/logo/africa_8_logo_blue_small.png) 100% 100% no-repeat;
    float: left;
    height: 75px;
    width: 40%;
    margin-top: -20px;
    background-position: center;
}

.logoImage {
    background: url(../img/logo/africa_8_logo_white_small.png) 100% 100% no-repeat;
    float: left;
    height: 75px;
    width: 40%;
    margin-top: -20px;
    background-position: center;
}

.b_logoInsides {
    font-size: 12px;
    color: black;
    float: left;
    width: 30%;
    margin-top: 20px;
    text-align: right;
}

.logoInsides {
    font-size: 12px;
    color: white;
    float: left;
    width: 30%;
    margin-top: 20px;
    text-align: right;
}

.b_logoCountries {
    font-size: 12px;
    color: black;
    float: left;
    margin-top: 20px;
    width: 30%;
    text-align: left;
}

.logoCountries {
    font-size: 12px;
    color: white;
    float: left;
    margin-top: 20px;
    width: 30%;
    text-align: left;
}

.firstHomeSlide .bigLogoImage {
    margin: auto;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 138px !important;
    height: 132px !important;

}

.firstHomeSlide .afterLogoText {
    color: white;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -20px;
    font-size: 22px;
    margin: auto;
}

.firstHomeSlide {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 200px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 500px;
    height: 400px;
}

.bigLogoText {
    font-size: 46px;
    font-weight: bold;
}

.footer {
    position: absolute;
    bottom: 30px;
    z-index: 3;
}

.playBlock {
    width: 46px;
    margin-left: 20px;
    height: 84px;
    background: url("../img/play_share_bg_lozenge.png") no-repeat
}

.playButton:hover {
    background: url(../img/play_button_small_on.png);
}

.contactUs:hover {
    background: url("../img/contact_us_on.png") no-repeat
}

.contactUs {
    width: 85px;
    margin-top: 15px;
    margin-left: 20px;
    height: 23px;
    background: url("../img/contact_us_off.png") no-repeat
}

.ecoBank:hover {
    background: url("../img/ecobank_on.png") no-repeat;
    float: none;
}

.ecoBank {
    margin-top: 15px;
    width: 85px;
    margin-left: 20px;
    height: 23px;
    float: none;
    background: url("../img/ecobank_off.png") no-repeat;
}

.playButton {
    width: 34px;
    position: relative;
    margin-left: 6px;
    top: 5px;
    height: 34px;
    background: url(../img/play_button_small_off.png);
}

.shareButton:hover {
    background: url(../img/share_button_small_on.png);
}

.shareButton {
    width: 34px;
    position: relative;
    margin-left: 6px;
    top: 10px;
    height: 34px;
    background: url(../img/share_button_small_off.png);
}
@media screen and (max-width:1400px) {
    .slideTextBlocks
    {
        font-size:30px;
    }
}

@media screen and (max-width:700px) {
    .slideTextBlocks
    {
        font-size:20px;
    }
    .afterLogoText
    {
        display:none;
    }
		
	.footer
	{
bottom:0;
	display:none !important;
	}
    .bigLogoImage
    {
        position: relative !important;
    }
    .firstHomeSlide
    {
        width: 138px !important;
        height: 100px;
        top: 200px;
    }
    .slideTextBlocks table tbody tr td
    {
        padding-left:0;
        padding-right:0;
    }
}
@media screen and (max-width:900px) {
    .slideTextBlocks {
        padding-top: 200px;
    }
	.footer
{
display:none !important;
}
    .countries {
        margin-top: 75px;
    }

    .ecoBank {
        float: right;
    }

    .bigLogoImage {
        width: 100%;
    }

    .firstHomeSlide {
        width: 100%;
    }

    .bigLogoText {
        font-size: 36px !important;
    }

    .playBlock {
        float: left;
    }

    .contactUs {
        margin-right: 35px;
        float: right;
    }

    .footer {
        bottom: -180px;
    }

    .insight {
        margin-top: 85px;
        width: 12% !important;
    }

    .country {
        margin-top: 25px;
        width: 12% !important;
    }

    .whiteLine {
        margin-top: 185px !important;
    }

    .logo {
        position: absolute;
        width: 100%;
        float: none;
    }

    .header {
        position: relative;
        background-color: rgba(0,0,0,0.8);
    }

    .bigLogoText {
        font-size: 46px;
        font-weight: bold;
    }
}

@media screen and (max-width:400px) {

    .firstHomeSlide {
        width: 100%;
        bottom: 0;
    }

    .contactUs {
        margin-right: 0;
    }
    .slideTextBlocks
    {
       font-size:20px;
    }
    .firstHomeSlide .bigLogoImage {
        bottom: 0;
        top: 20px !important;
        position: relative !important;
    }

    .bigLogoText {
        font-size: 26px !important;
        font-weight: bold;
    }

    .afterLogoText {
        margin-top: 30px !important;
        position: relative !important;
        width: 200px;
        display:none;
    }
}