/**************************************************************************************************************************************/
/*  HTML5 BOILERPLATE */

    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }

    html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    html, button, input, select, textarea { font-family: 'Arial', 'Helvetica', 'Verdana', sans-serif; color: #000; outline: none!important; }
    body { margin: 0; font-size: 14px; line-height: 22px; }

    ::-moz-selection { background: #999; color: #000; text-shadow: none; }
    ::selection { background: #999; color: #000; text-shadow: none; }

    a { color: #000; text-decoration: none; }
    a:visited { color: #000; text-decoration: none; }
    a:hover { color: #000; text-decoration: underline; }
    a:focus { outline: none; }
    a:hover, a:active { outline: none; }
    abbr[title] { border-bottom: 1px dotted; }
    b, strong { font-weight: bold; }
    blockquote { margin: 1em 40px; }
    dfn { font-style: italic; }
    hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
    ins { background: #ff9; color: #000; text-decoration: none; }
    mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
    pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
    pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

    q { quotes: none; }
    q:before, q:after { content: ""; content: none; }
    small { font-size: 85%; }
    sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }

    ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
    dd { margin: 0 0 0 40px; }
    nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

    img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
    svg:not(:root) { overflow: hidden; }
    figure { margin: 0; }

    form { margin: 0; }
    fieldset { border: 0; margin: 0; padding: 0; }

    label { cursor: pointer; }
    legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
    button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
    button, input { line-height: normal; }
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
    button[disabled], input[disabled] { cursor: default; }
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
    input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
    textarea { overflow: auto; vertical-align: top; resize: vertical; }
    input:valid, textarea:valid {  }
    input:invalid, textarea:invalid { background-color: #f0dddd; }
    input:focus { outline: none; }

    table { border-collapse: collapse; border-spacing: 0; }
    td { vertical-align: top; }

    .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/**************************************************************************************************************************************/
/*  HELPERS */

    .clear { width: 100%; height: 0; clear: both; }
    .align-left { float: left!important; }
    .align-right { float: right!important; }
    .no-pad { padding: 0!important; }
    .no-pad-top { padding-top: 0!important; }
    .no-marg { margin: 0!important; }
    .no_marg_right { margin-right: 0!important; }
    .no-bord { border: 0!important; }
    .center { text-align: center; }
    .red { color: #cc0202!important; }
    .green { color: #079300!important; }
    

/**************************************************************************************************************************************/
/*  GLOBAL */

    html, body { background: #691141; }
    #wrap { width: 100%; padding: 0; }
    .container { width: 1000px; margin: 0 auto; position: relative; }


/**************************************************************************************************************************************/
/*  HEADER */

    #header { width: 100%; height: 63px; background: url('../img/header.png') top repeat-x; position: fixed; top: 0; z-index: 10; }
        #header .logo { width: 144px; height: 37px; float: left; margin: 14px 0 0 0; display: block; background: url('../img/logo.png') no-repeat; }
        #header .mobi_handle { display: none; }
        #header ul { float: left; margin: 0; padding: 0 0 0 64px; list-style-type: none; }
            #header ul li { float: left; position: relative; }
            #header ul li a { padding: 15px 9px; display: block; border-left: 1px solid #fff; border-right: 1px solid #fff; line-height: 29px; text-decoration: none; text-transform: uppercase; font-size: 12px; color: #7c7c7c; }
            #header ul li a:hover { color: #000; }
            #header ul ul { width: 187px; padding: 0; margin: 0; background: #fff; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; position: absolute; top: 59px; left: 0; z-index: 11; display: none; }
            #header ul ul li a { width: 155px; padding: 0 17px; color: #666; text-transform: none; border-bottom: 1px solid #d9d9d9; }
            #header ul li.drop > a { padding: 15px 35px 15px 15px; background: #fff url('../img/arrow.png') right center no-repeat; }
            #header ul li.over ul { display: block; }
            #header ul li.over > a { position: relative; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; z-index: 12; color: #000; }
            #header ul li.over li a { width: 153px; }
            #header ul li.over li a:hover { background: #969696 url('../img/arrow_sub.png') right center no-repeat; color: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
        #header .icons { height: 29px; float: right; margin: 15px 0 0 0; padding: 0 0 0 15px; border-left: 1px solid #c0c0c0; }
            #header .icons a { width: 17px; height: 29px; float: left; margin: 0 0 0 15px; display: block; position: relative; }
            #header .icons a.info { background: url('../img/icon_info.png') center no-repeat; }
            #header .icons a.mail { background: url('../img/icon_mail.png') center no-repeat; }
            #header .icons a.home { background: url('../img/icon_home.png') center no-repeat; }
        .tooltip { width: auto; margin: 0 auto; background: #000; padding: 0 15px; position: absolute; top: 27px; font-size: 12px; color: #fff; line-height: 34px; display: block; white-space: nowrap; z-index: 100; text-align: center; border-radius: 5px; }
            .tooltip img { position: absolute; top: -5px; left: 0; right: 0; margin: 0 auto; }


/**************************************************************************************************************************************/
/*  FOOTER */

    #footer { padding: 35px 0; color: #fff; }
        #footer .legal { float: left; }
        #footer .credits { float: right; }
        #footer a { color: #c679a3; }
    

/**************************************************************************************************************************************/
/*  MAIN */

    #main { padding: 60px 0 0 0; background: #fff; }
        .section { padding: 64px 0; background: #fff; }
        .promo { height: 593px; padding: 0; background: #691141 url('../img/bg.png') no-repeat; }
        .grey { background: #eff0f4; }
        /* sections */
        .section .num { width: 44px; height: 43px; float: left; padding: 0; margin: 0 26px 0 0; background: url('../img/diamond.png') center no-repeat; text-align: center; font-weight: bold; color: #fff; line-height: 40px; }
        .section h1 { margin: 0; font-size: 36px; line-height: 38px; }
        .section h2 { margin: 20px 0 0 70px; font-size: 16px; font-weight: normal; line-height: 26px; color: #666; }
        .section .left { float: left; width:890px; }
        .section .right { float: left; width: 110px; margin: 0; text-align: right; }
            /*.section .right .side_title {  width: auto; height: 300px; text-transform: uppercase; text-align: center; font-size: 23px; color: 665c38;
                                            writing-mode: tb-rl; 
                                            -webkit-transform: rotate(90deg); 
											-moz-transform: rotate(90deg);
											-ms-transform: rotate(90deg);
											-o-transform: rotate(90deg);
											transform: rotate(90deg); }*/
        /* promo */
        .promo { color: #fff; }
            .promo .container { height: 593px; background: url('../img/icons.png') right center no-repeat; }
            .promo h1 { margin: 0; padding: 60px 0 0 0; text-align: left; font-size: 18px; }
            .promo h2 { width: 676px; height: 124px; margin: 25px 0 0 0; display: block; background: url('../img/promo_h2.png') no-repeat; }
            .promo h3 { width: 485px; margin: 35px 0 0 0; font-size: 18px; color: #c779a4; line-height: 28px; }
            .promo .btn { width: 420px; height: 58px; margin: 30px 0 0 0; padding: 0 0 0 65px; display: block; background: url('../img/btn_download.png') no-repeat; line-height: 58px; color: #fff; font-size: 14px; text-decoration: none; text-transform: uppercase; }
            .promo .btn.btn2 { width: 162px; float: left; margin: 30px 30px 0 0; padding: 6px 0 0 65px; font-size: 12px; line-height: 16px; background: url('../img/btn_download_sml.png') no-repeat; }
            .promo .summary { padding-top: 13px!important; font-size: 11px!important; }

        /* sub promo */
        .sub_promo { color: #fff; }
            .sub_promo { height: 216px; padding: 0; background: #691141 url('../img/sectors/bg_sub.png') no-repeat; }            
            .sub_promo h1 { margin: 0; padding: 60px 0 0 0; text-align: left; font-size: 18px; }
            .sub_promo h2 { float: left; width: 321px; height: 52px; margin: 25px 0 0 0; display: block; background: url('../img/sectors/sub_heading.png') no-repeat; }
            .sub_promo h2.countries { width: 403px; height: 52px; background: url('../img/countries/countries.png') no-repeat; }
            .sub_promo .container ul { float: left; width: 610px; margin: 60px 0 0 0; list-style-type: none; }
                .sub_promo .container ul li { float: left; padding: 0 5px; }
                .sub_promo .container ul li a { color: #fff; padding: 4px 10px; font-size: 13px; text-decoration: none; }  
                .sub_promo .container ul li a:hover,
                .sub_promo .container ul li.on a { background: url('../img/sectors/sub_nav_state.png') repeat-x; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
             .sub_promo .container ul.countries { width: 555px; }     
        /* content */
        .content { width: 930px; margin: 0 auto; padding: 50px 0 0 70px; font-size: 14px; color: #666; }
            /* countries */
            .africa { width: 492px; height: 458px; float: left; background: url('../img/africa.png') no-repeat; }
            .countries { width: 383px; float: left; }
                .country { width: 280px; height: 80px; float: left; padding: 0 0 25px 103px; }
                    .ghana { background: url('../img/flag_ghana.png') no-repeat; }
                    .kenya { background: url('../img/flag_kenya.png') no-repeat; }
                    .senegal { background: url('../img/flag_senegal.png') no-repeat; }
                    .nigeria { background: url('../img/flag_nigeria.png') no-repeat; }
                .country h3 { margin: 22px 0 0; font-size: 20px; line-height: 22px; color: #000; }
                .country p { margin: 0; }
                .country p a { padding: 0 0 0 15px; margin: 3px 0 0 0; background: url('../img/link_arrow.png') left center no-repeat; display: block; color: #681141; }
                .country:last-child { padding-bottom: 0; }
            /* sectors */
            .sectors { width: 408px; height: 302px; float: left; position: relative; }
                .sector { width: 95px; height: 94px; display: block; position: absolute; }
                    .medical { background: url('../img/sector_medical.png') no-repeat; top: 0; left: 60px; }
                    .education { background: url('../img/sector_education.png') no-repeat; top: 0; left: 178px; }
                    .smes { background: url('../img/sector_finance.png') no-repeat; top: 103px; left: 0; }
                    .energy { background: url('../img/sector_energy.png') no-repeat; top: 103px; left: 119px; }
                    .governance { background: url('../img/sector_governance.png') no-repeat; top: 103px; left: 238px; }
                    .finance { background: url('../img/sector_smes.png') no-repeat; top: 207px; left: 60px; }
                    .agriculture { background: url('../img/sector_agriculture.png') no-repeat; top: 207px; left: 178px; }
                .sector .tooltip { top: 70px; margin: 0 auto!important; left: 0!important; right: 0!important; }
                .description { width: 500px; float: left; }
                    .description h3 { margin: 0 0 10px 0; font-size: 20px; line-height: 22px; color: #000; }
                    .sector_desc { display: none; }
                    .sector_desc p a { padding: 0 0 0 15px; margin: 3px 0 0 0; background: url('../img/link_arrow.png') left center no-repeat; display: block; color: #681141; }
                    

                /* finance_section */                 
                    .finance_section .section { padding: 40px 0 0; }
                    .finance_section .section h1 { color: #01414e; }
                    .finance_section .section h2 { margin: 20px 0 0; color: #01414e; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; }
                    .finance_section .section p { margin: 20px 0 0; color: #666; line-height: 25px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; }                    
                    .finance_section .section .content { width: 100%; padding: 0; overflow: auto; }
                    .finance_section .section .top { width: 890px; border-top: 1px solid #01414e; border-bottom: 1px solid #01414e; margin: 20px 0 0; padding: 20px 0; }
                    .finance_section .section .top img { float: left; width: 127px; }
                    .finance_section .section .top h3 { float: left; display: inline-block; width: 605px; margin: 0; padding: 0 15px; line-height: 28px; font-size: 24px; font-weight: normal; color: #01414e; }
                    .finance_section .section .bubbles { float: left; width: 92px; margin: 0 22px 10px 0; text-align: right; }
                    .finance_section .section .bubbles p { height: 50px; margin: 0; padding: 10px 0; text-align: right; line-height: 16px; font-size: 12px; }
                    .finance_section .section .bottom { margin: 10px 0 0; padding: 10px 0 0 25px; border-top: 1px solid #a7a18c; }
                    .finance_section .section .bottom div { float: left; width: 65px; margin: 0 20px 0 0; font-size: 15px; }
                    .finance_section .section .bottom div img { margin: 0 5px 0 0; }
                    .finance_section .section .bottom p { display: inline-block; margin: 0; line-height: 16px; font-size: 14px; }
                    .finance_section .section .left h2 { margin: 0; }
                    .finance_section .section .left .side_first { float: left; width: 830px; margin: 0 0 20px 0; padding: 30px; color: #fff; background-color: #538f9c; }
                    .finance_section .section .left .side_first p {  }
                    .finance_section .section .left .side_first .block img { float: left; width: 72px; height: 48px; margin: 0 20px 0 0; padding: 0!important; }
                    .finance_section .section .left .side_first .block p { margin: 0 0 0 92px; color: #fff; line-height: 26px; font-size: 22px; border-bottom: none; }
                    .finance_section .section .left .side_first .center { width: 830px; }
                    .finance_section .section .left .side_first .center img { float: left; padding: 40px 100px 10px 0; }
                    .finance_section .section .left .side_second { float: left; width: 375px; height: 255px; margin: 0 20px 0 0; padding: 30px; color: #fff; background-color: #01414e; }
                    .finance_section .section .left .side_second.diff_bg { background-color: #2f6874; }
                    .finance_section .section .left .side_second .block img { float: left; margin: 0 30px 30px 0; padding: 0!important; }
                    .finance_section .section .left .side_second .block p { margin: 0; color: #fff; line-height: 26px; font-size: 22px; }
                    .finance_section .section .left .side_second .block.extra img { float: none; margin: 0 20px 20px 0; }
                    .finance_section .section .left .side_second .block.extra { padding: 0 0 50px 0; }
                    .finance_section .section .inside_block { float: left; width: 435px; padding: 0; margin: 0 20px 0 0; }                        
                    .finance_section .section .inside_block ul { float: left; padding: 0; list-style-type: none; }
                    .finance_section .section .inside_block ul li { float: left; padding: 0 0 15px 20px; line-height: 21px; color: #5f6062; font-size: 14px; text-decoration: none; background: url('../img/sectors/finance/bullet_turkoois.png') no-repeat 0 7px; }
                    .finance_section .section .inside_block p.extra { color: #5f6062; border-bottom: none; font-size: 14px; }
                    .finance_section .section .left div.color strong { color: #01414e; }   
                    .finance_section .section#policy { padding: 40px 0 40px; }

                /* health_section */
                    .health_section .section { padding: 40px 0 0; }
                    .health_section .section h1 { color: #851618; }
                    .health_section .section h2 { margin: 20px 0 0; color: #851618; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; }
                    .health_section .section p { margin: 20px 0 0; color: #666; line-height: 25px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; }                    
                    .health_section .section .content { width: 100%; padding: 0; overflow: auto; }
                    .health_section .section .top { width: 890px; border-top: 1px solid #cea2a3; border-bottom: 1px solid #cea2a3; margin: 20px 0 0; padding: 20px 0; }
                    .health_section .section .top img { float: left; width: 127px; }
                    .health_section .section .top h3 { float: left; display: inline-block; width: 605px; margin: 0; padding: 0 15px; line-height: 28px; font-size: 24px; font-weight: normal; color: #851618; }
                    .health_section .section .bubbles { float: left; width: 92px; margin: 0 22px 10px 0; text-align: right; }
                    .health_section .section .bubbles p { height: 50px; margin: 0; padding: 10px 0; text-align: right; line-height: 16px; font-size: 12px; }
                    .health_section .section .bottom { margin: 10px 0 0; padding: 10px 0 0 25px; border-top: 1px solid #a7a18c; }
                    .health_section .section .bottom div { float: left; width: 65px; margin: 0 20px 0 0; font-size: 15px; }
                    .health_section .section .bottom div img { margin: 0 5px 0 0; }
                    .health_section .section .bottom p { display: inline-block; margin: 0; line-height: 16px; font-size: 14px; }
                    .health_section .section .left h2 { margin: 0; }
                    .health_section .section .left .side_first { float: left; width: 375px; height: 465px; margin: 0 20px 0 0; padding: 30px; color: #fff; background-color: #871619; }
                    .health_section .section .left .side_first.block1 { background-color: #871619; }
                    .health_section .section .left .side_first.block2 { background-color: #a93a3b; }
                    .health_section .section .left .side_first .block img { float: left; margin: 0 20px 0 0; padding: 0!important; }
                    .health_section .section .left .side_first .block p { margin: 0 0 0 74px; color: #fff; line-height: 26px; font-size: 22px; border-bottom: none; }
                    .health_section .section .left .side_first .block p strong { color: #fff!important; }
                    .health_section .section .left .side_first img { padding: 30px 0; text-align: center; }
                    .health_section .section .left .side_first p { margin: 0 0 10px; padding: 0 0 10px; font-size: 18px; border-bottom: 1px solid #d7d2ba; color: #fff; }
                    .health_section .section .left .side_first ul { float: left; padding: 0; list-style-type: none; }
                    .health_section .section .left .side_first ul li { float: left; padding: 0 0 15px 20px; line-height: 24px; color: #fff; font-size: 13px; text-decoration: none; background: url('../img/sectors/agri/bullet_white.png') no-repeat 0 7px; }
                    .health_section .section .left .side_first ul.extra li { color: #666; background: url('../img/sectors/agri/bullet_white.png') no-repeat 0 7px; }
                    .health_section .section .left .side_second { float: left; width: 830px; margin: 20px 0 0; padding: 30px; color: #fff; background-color: #bf4f50; }
                    .health_section .section .left .side_second .block img { float: left; margin: 0 20px 0 0; padding: 0!important; }
                    .health_section .section .left .side_second .block p { margin: 6px 0 6px 74px; color: #fff; line-height: 26px; font-size: 22px; }
                    .health_section .section .left .side_second img { padding: 30px 0; text-align: center; }
                    .health_section .section .left .side_second img.learner { width: 45px; height: 50px; margin: 0 20px 0 0; padding: 0!important; }
                    .health_section .section .left .side_second p.learner { color: #fff; font-size: 20px; }
                    .health_section .section .inside_block { float: left; width: 435px; padding: 0; margin: 0 20px 0 0; }                        
                    .health_section .section .inside_block ul { float: left; padding: 0; list-style-type: none; }
                    .health_section .section .inside_block ul li { float: left; padding: 0 0 15px 20px; line-height: 21px; color: #5f6062; font-size: 14px; text-decoration: none; background: url('../img/sectors/health/bullet_red.png') no-repeat 0 7px; }
                    .health_section .section .inside_block p.extra { color: #5f6062; border-bottom: none; font-size: 14px; }
                    .health_section .section .left div.color strong { color: #871619!important; }
                    .health_section .section#policy { padding: 40px 0 40px; }

                /* agriculture section */
                    .agri_section .section { padding: 40px 0 0; }
                    .agri_section .section h1 { color: #4e4319; }
                    .agri_section .section h2 { margin: 20px 0 0; color: #4e4319; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; }
                    .agri_section .section .left h2 { margin: 0; }
                    .agri_section .section p { margin: 20px 0 0; color: #666; line-height: 25px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; }
                    .agri_section .section .content { width: 100%; padding: 0; overflow: auto; }
                    .agri_section .section .top { width: 890px; border-top: 1px solid #a7a18c; border-bottom: 1px solid #a7a18c; margin: 20px 0 0; padding: 20px 0; }
                    .agri_section .section .top img { float: left; width: 127px; }
                    .agri_section .section .top h3 { float: left; display: inline-block; width: 590px; margin: 0; padding: 0 20px; line-height: 28px; font-size: 24px; font-weight: normal; color: #4e4319; }
                    .agri_section .section .one_liner { clear: both; margin: 40px 0; padding: 10px; border-top: 1px solid #a7a18c; border-bottom: 1px solid #a7a18c; color: #4e4319; }
                    .agri_section .section .bubbles { float: left; width: 92px; margin: 0 22px 10px 0; text-align: right; }
                    .agri_section .section .bubbles p { height: 50px; margin: 0; padding: 10px 0; text-align: right; line-height: 16px; font-size: 12px; }
                    .agri_section .section .bottom { margin: 10px 0 0; padding: 10px 0 0 25px; border-top: 1px solid #a7a18c; }
                    .agri_section .section .bottom div { float: left; width: 65px; margin: 0 20px 0 0; font-size: 15px; }
                    .agri_section .section .bottom div img { margin: 0 5px 0 0; }
                    .agri_section .section .bottom p { display: inline-block; margin: 0; line-height: 16px; font-size: 14px; }
                    .agri_section .section .block { width: 810px; position: relative; margin: 0; padding: 30px 40px; color: #fff; background-color: #4e4319; }
                    .agri_section .section .block img { float: left; margin: 0 20px 0 0; }
                    .agri_section .section .block p { margin: 0 0 0 74px; color: #fff; line-height: 26px; font-size: 22px; }
                    .agri_section .section .block span { width: 13px; height: 11px; display: block; position: absolute; top: -11px; left: 445px; background: url('../img/sectors/agri/arrow_top.png') no-repeat; }
                    .agri_section .section .block_wrapper { margin: 20px 0; padding: 10px 40px; background-color: #958e74; }
                    .agri_section .section .block_wrapper p { margin: 18px 0; color: #4e4319; }
                    .agri_section .section .inside_block { float: left; width: 365px; padding: 0; margin: 0 60px 0 0; }  
                    .agri_section .section .inside_block p { margin: 0 0 10px; padding: 0 0 10px; font-size: 18px; border-bottom: 1px solid #a7a18c; color: #fff; }
                    .agri_section .section .inside_block span { display: block; color: #fff; font-size: 18px; }                        
                    .agri_section .section .inside_block ul { float: left; margin: 10px 0 0; padding: 0; list-style-type: none; }
                    .agri_section .section .inside_block ul li { float: left; padding: 0 0 15px 20px; line-height: 21px; color: #fff; font-size: 14px; text-decoration: none; background: url('../img/sectors/agri/bullet_white.png') no-repeat 0 7px; }
                    .agri_section .section .inside_block ul.extra li { color: #666; background: url('../img/sectors/agri/bullet_green.png') no-repeat 0 7px; }
                    .agri_section .section .inside_block p.extra { color: #666; border-bottom: none; font-size: 14px; }
                    .agri_section .section .left div.color strong { color: #4e4319; }
                    .agri_section .section#policy { padding: 40px 0 40px; }

                    
                /* governance_section */                 
                    .governance_section .section { padding: 40px 0 0; }
                    .governance_section .section h1 { color: #b0802e; }
                    .governance_section .section h2 { margin: 20px 0 0; color: #b0802e; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; }
                    .governance_section .section p { margin: 20px 0 0; color: #666; line-height: 25px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; }                    
                    .governance_section .section .content { width: 100%; padding: 0; overflow: auto; }
                    .governance_section .section .top { width: 890px; border-top: 1px solid #b0802e; border-bottom: 1px solid #b0802e; margin: 20px 0 0; padding: 20px 0; }
                    .governance_section .section .top img { float: left; width: 127px; }
                    .governance_section .section .top h3 { float: left; display: inline-block; width: 590px; margin: 0; padding: 0 20px; line-height: 28px; font-size: 24px; font-weight: normal; color: #b0802e; }
                    .governance_section .section .bubbles { float: left; width: 92px; margin: 0 22px 10px 0; text-align: right; }
                    .governance_section .section .bubbles p { height: 50px; margin: 0; padding: 10px 0; text-align: right; line-height: 16px; font-size: 12px; }
                    .governance_section .section .bottom { margin: 10px 0 0; padding: 10px 0 0 25px; border-top: 1px solid #b0802e; }
                    .governance_section .section .bottom div { float: left; width: 65px; margin: 0 20px 0 0; font-size: 15px; }
                    .governance_section .section .bottom div img { margin: 0 5px 0 0; }
                    .governance_section .section .bottom p { display: inline-block; margin: 0; line-height: 16px; font-size: 14px; }
                    .governance_section .section .left h2 { margin: 0; }
                    .governance_section .section .left .side_first { float: left; width: 830px; margin: 0 0 20px 0; padding: 30px; color: #fff; background-color: #b0802e; }
                    .governance_section .section .left .side_first .block img { float: left; margin: 0 20px 0 0; padding: 0!important; }
                    .governance_section .section .left .side_first .block p { margin: 0 0 0 74px; color: #fff; line-height: 26px; font-size: 22px; border-bottom: none; }
                    .governance_section .section .left .side_first .block_in_block { width: 325px; float: left; margin: 0 20px 0 90px; padding: 20px 0; }
                    .governance_section .section .left .side_first .block_in_block p { margin: 15px 0 25px; color: #fff; font-size: 18px; }
                    .governance_section .section .left .side_second { float: left; width: 375px; height: 220px; margin: 0 20px 0 0; padding: 30px; color: #fff; background-color: #d6a24f; }
                    .governance_section .section .left .side_second.diff_bg { background-color: #f0c47a; }
                    .governance_section .section .left .side_second .block img { float: left; margin: 0 30px 30px 0; padding: 0!important; }
                    .governance_section .section .left .side_second .block p { clear: both; margin: 0; color: #fff; line-height: 26px; font-size: 22px; }
                    .governance_section .section .left .side_second .block.extra img { float: none; margin: 0 20px 20px 0; }
                    .governance_section .section .left .side_second .block.extra { padding: 0 0 50px 0; }
                    .governance_section .section .inside_block { float: left; width: 435px; padding: 0; margin: 0 20px 0 0; }                        
                    .governance_section .section .inside_block ul { float: left; padding: 0; list-style-type: none; }
                    .governance_section .section .inside_block ul li { float: left; padding: 0 0 15px 20px; line-height: 21px; color: #5f6062; font-size: 14px; text-decoration: none; background: url('../img/sectors/governance/bullet_yellow.png') no-repeat 0 7px; }
                    .governance_section .section .inside_block p.extra { color: #5f6062; border-bottom: none; font-size: 14px; }
                    .governance_section .section .left div.color strong { color: #b0802e; }   
                    .governance_section .section#policy { padding: 40px 0 40px; }

                /* education_section */
                    .education_section .section { padding: 40px 0 0; }
                    .education_section .section h1 { color: #b99f17; }
                    .education_section .section h2 { margin: 20px 0 0; color: #bba42a; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; }
                    .education_section .section p { margin: 20px 0 0; color: #666; line-height: 25px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; }                    
                    .education_section .section .content { width: 100%; padding: 0; overflow: auto; }
                    .education_section .section .top { width: 890px; border-top: 1px solid #b99f17; border-bottom: 1px solid #b99f17; margin: 20px 0 0; padding: 20px 0; }
                    .education_section .section .top img { float: left; width: 127px; }
                    .education_section .section .top h3 { float: left; display: inline-block; width: 590px; margin: 0; padding: 0 20px; line-height: 28px; line-height: 28px; font-size: 24px; font-weight: normal; color: #bba42a; }
                    .education_section .section .bubbles { float: left; width: 92px; margin: 0 22px 10px 0; text-align: right; }
                    .education_section .section .bubbles p { height: 50px; margin: 0; padding: 10px 0; text-align: right; line-height: 16px; font-size: 12px; }
                    .education_section .section .bottom { margin: 10px 0 0; padding: 10px 0 0 25px; border-top: 1px solid #a7a18c; }
                    .education_section .section .bottom div { float: left; width: 65px; margin: 0 20px 0 0; font-size: 15px; }
                    .education_section .section .bottom div img { margin: 0 5px 0 0; }
                    .education_section .section .bottom p { display: inline-block; margin: 0; line-height: 16px; font-size: 14px; }
                    .education_section .section .left h2 { margin: 0; }
                    .education_section .section .left .side_first { float: left; width: 465px; margin: 0 20px 0 0; padding: 30px; color: #fff; background-color: #bba42a; }
                    .education_section .section .left .side_first .block img { float: left; margin: 0 20px 0 0; padding: 0!important; }
                    .education_section .section .left .side_first .block p { margin: 0 0 0 90px; color: #fff;line-height: 26px; font-size: 22px; }
                    .education_section .section .left .side_first img { margin: 0 0 50px; padding: 30px 0; text-align: center; }
                    .education_section .section .left .side_first p { margin: 98px 0 0; padding: 0 0 10px; font-size: 18px; color: #fff; }
                    .education_section .section .left .side_first div { font-size: 14px; }
                    .education_section .section .left .side_first ul { float: left; padding: 0; list-style-type: none; }
                    .education_section .section .left .side_first ul li { float: left; padding: 0 0 15px 20px; line-height: 24px; color: #fff; font-size: 13px; text-decoration: none; background: url('../img/global/bullet_white.png') no-repeat 0 7px; }
                    .education_section .section .left .side_first ul.extra li { color: #666; background: url('../img/global/bullet_white.png') no-repeat 0 7px; }
                    .education_section .section .left .side_second { float: left; width: 285px; margin: 0 0 20px 0; padding: 30px; color: #fff; background-color: #d9c036; }
                    .education_section .section .left .side_second.diff_bg { background-color: #e6cd53; }
                    .education_section .section .left .side_second .block img { margin: 0; padding: 0!important; }
                    .education_section .section .left .side_second .block p { margin: 22px 0 0; color: #fff; line-height: 26px; font-size: 22px; }
                    .education_section .section .inside_block { float: left; width: 435px; padding: 0; margin: 0 20px 0 0; }                        
                    .education_section .section .inside_block ul { float: left; padding: 0; list-style-type: none; }
                    .education_section .section .inside_block ul li { float: left; padding: 0 0 15px 20px; line-height: 21px; color: #5f6062; font-size: 14px; text-decoration: none; background: url('../img/sectors/education/bullet_mustard.png') no-repeat 0 7px; }
                    .education_section .section .inside_block p.extra { color: #5f6062; border-bottom: none; font-size: 14px; }
                    .education_section .section .left div.color strong { color: #b99f17; }
                    .education_section .section#policy { padding: 40px 0 40px; }

                /* energy_section */
                    .energy_section .section { padding: 40px 0 0; }
                    .energy_section .section h1 { color: #31b4ce; }
                    .energy_section .section h2 { margin: 20px 0 0; color: #31b4ce; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; }
                    .energy_section .section p { margin: 20px 0 0; color: #666; line-height: 25px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; }                    
                    .energy_section .section .content { width: 100%; padding: 0; overflow: auto; }
                    .energy_section .section .top { width: 890px; border-top: 1px solid #64c7da; border-bottom: 1px solid #64c7da; margin: 20px 0 0; padding: 20px 0; }
                    .energy_section .section .top img { float: left; width: 127px; }
                    .energy_section .section .top h3 { float: left; display: inline-block; width: 590px; margin: 0; padding: 0 20px; line-height: 28px; font-size: 24px; font-weight: normal; color: #31b4ce; }
                    .energy_section .section .bubbles { float: left; width: 92px; margin: 0 22px 10px 0; text-align: right; }
                    .energy_section .section .bubbles p { height: 50px; margin: 0; padding: 10px 0; text-align: right; line-height: 16px; font-size: 12px; }
                    .energy_section .section .bottom { margin: 10px 0 0; padding: 10px 0 0 25px; border-top: 1px solid #64c7da; }
                    .energy_section .section .bottom div { float: left; width: 65px; margin: 0 20px 0 0; font-size: 15px; }
                    .energy_section .section .bottom div img { margin: 0 5px 0 0; }
                    .energy_section .section .bottom p { display: inline-block; margin: 0; line-height: 16px; font-size: 14px; }
                    .energy_section .section .left h2 { margin: 0; }
                    .energy_section .section .left .side_first { float: left; width: 465px; margin: 0 20px 0 0; padding: 30px; color: #fff; background-color: #31b4ce; }
                    .energy_section .section .left .side_first .block img { float: left; margin: 0 20px 0 0; padding: 0!important; }
                    .energy_section .section .left .side_first .block p { margin: 0 0 0 90px; padding: 0; color: #fff;line-height: 26px; font-size: 22px; }
                    .energy_section .section .left .side_first img { margin: 0 0 0 12px; padding: 30px 0 0; text-align: center; }
                    .energy_section .section .left .side_first p { margin: 0 0 0 120px; padding: 12px 0; line-height: 22px; font-size: 18px; color: #b5f2fe; }
                    .energy_section .section .left .side_first div { font-size: 14px; }
                    .energy_section .section .left .side_first ul { float: left; padding: 0; list-style-type: none; }
                    .energy_section .section .left .side_first ul li { float: left; padding: 0 0 15px 20px; line-height: 24px; color: #fff; font-size: 13px; text-decoration: none; background: url('../img/global/bullet_white.png') no-repeat 0 7px; }
                    .energy_section .section .left .side_first ul.extra li { color: #666; background: url('../img/global/bullet_white.png') no-repeat 0 7px; }
                    .energy_section .section .left .side_second { float: left; width: 285px; margin: 0 0 20px 0; padding: 30px; color: #fff; background-color: #59d2ec; }
                    .energy_section .section .left .side_second.diff_bg { background-color: #72dcf2; }
                    .energy_section .section .left .side_second .block img { margin: 0; padding: 0!important; }
                    .energy_section .section .left .side_second .block p { margin: 22px 0 0; color: #fff; line-height: 26px; font-size: 22px; }
                    .energy_section .section .inside_block { float: left; width: 435px; padding: 0; margin: 0 20px 0 0; }                        
                    .energy_section .section .inside_block ul { float: left; padding: 0; list-style-type: none; }
                    .energy_section .section .inside_block ul li { float: left; padding: 0 0 15px 20px; line-height: 21px; color: #5f6062; font-size: 14px; text-decoration: none; background: url('../img/sectors/energy/bullet_blue.png') no-repeat 0 7px; }
                    .energy_section .section .left div.color strong { color: #31b4ce; }
                    .energy_section .section#policy { padding: 40px 0 40px; }

                /* smes_section */
                    .smes_section .section { padding: 40px 0 0; }
                    .smes_section .section h1 { color: #2d7a7d; }
                    .smes_section .section h2 { margin: 20px 0 0; color: #2d7a7d; font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; }
                    .smes_section .section p { margin: 20px 0 0; color: #666; line-height: 25px; font-size: 16px; font-family: "Lato", sans-serif; font-weight: 400; }                    
                    .smes_section .section .content { width: 100%; padding: 0; overflow: auto; }
                    .smes_section .section .top { width: 890px; border-top: 1px solid #2d7a7d; border-bottom: 1px solid #2d7a7d; margin: 20px 0 0; padding: 20px 0; }
                    .smes_section .section .top img { float: left; width: 127px; }
                    .smes_section .section .top h3 { float: left; display: inline-block; width: 590px; margin: 0; padding: 0 20px; line-height: 28px; font-size: 24px; font-weight: normal; color: #2d7a7d; }
                    .smes_section .section .bubbles { float: left; width: 92px; margin: 0 22px 10px 0; text-align: right; }
                    .smes_section .section .bubbles p { height: 50px; margin: 0; padding: 10px 0; text-align: right; line-height: 16px; font-size: 12px; }
                    .smes_section .section .bottom { margin: 10px 0 0; padding: 10px 0 0 25px; border-top: 1px solid #2d7a7d; }
                    .smes_section .section .bottom div { float: left; width: 65px; margin: 0 20px 0 0; font-size: 15px; }
                    .smes_section .section .bottom div img { margin: 0 5px 0 0; }
                    .smes_section .section .bottom p { display: inline-block; margin: 0; line-height: 16px; font-size: 14px; }
                    .smes_section .section .left h2 { margin: 0; }
                    .smes_section .section .left .side_first { float: left; width: 223px; height: 275px; margin: 0 20px 0 0; padding: 30px; color: #fff; }
                    .smes_section .section .left .side_first.block1 { background-color: #419699; }
                    .smes_section .section .left .side_first.block2 { background-color: #61aaae; }
                    .smes_section .section .left .side_first.block3 { background-color: #81bdc0; }
                    .smes_section .section .left .side_first .block img { float: left; margin: 0 19px 20px 0; padding: 0!important; }
                    .smes_section .section .left .side_first .block p { margin: 0; padding: 0; color: #fff; line-height: 26px; font-size: 22px; }
                    .smes_section .section .left .side_first img { margin: 0 0 0 12px; padding: 30px 0 0; text-align: center; }
                    .smes_section .section .left .side_first p { margin: 0 0 0 120px; padding: 20px 0 10px; line-height: 22px; font-size: 18px; color: #b5f2fe; }
                    .smes_section .section .left .side_first div { font-size: 14px; }
                    .smes_section .section .left .side_first ul { float: left; padding: 0; list-style-type: none; }
                    .smes_section .section .left .side_first ul li { float: left; padding: 0 0 15px 20px; line-height: 24px; color: #fff; font-size: 13px; text-decoration: none; background: url('../img/global/bullet_white.png') no-repeat 0 7px; }
                    .smes_section .section .left .side_first ul.extra li { color: #666; background: url('../img/global/bullet_white.png') no-repeat 0 7px; }
                    .smes_section .section .left .side_second { float: left; width: 830px; margin: 20px 0 0; padding: 30px; color: #fff; background-color: #2d7a7d; }
                    .smes_section .section .left .side_second .block img { margin: 0; padding: 0!important; }
                    .smes_section .section .left .side_second .block p { margin: 0 0 35px 30px; color: #fff; font-size: 20px; }
                    .smes_section .section .left .side_second img { margin: 0 0 0 50px; }
                    .smes_section .section .inside_block { float: left; width: 435px; padding: 0; margin: 0 20px 0 0; }                        
                    .smes_section .section .inside_block ul { float: left; padding: 0; list-style-type: none; }
                    .smes_section .section .inside_block ul li { float: left; padding: 0 0 15px 20px; line-height: 21px; color: #5f6062; font-size: 14px; text-decoration: none; background: url('../img/sectors/smes/bullet_seagreen.png') no-repeat 0 7px; }                    
                    .smes_section .section .left div.color strong { color: #2d7a7d; }
                    .smes_section .section#policy { padding: 40px 0 40px; }
  

                /* country section */
                .country_section .section { clear: both; padding: 0 0 1px; }
                .country_section .section.last { padding: 0 0 20px; }
                .country_section #intro.section { padding: 40px 0 0; }
                .country_section .section h1 { color: #691141; }
                .country_section .section h2 { margin: 20px 0 0; font-size: 20px; }
                .country_section .container .language { float: left; width: 500px; }
                .country_section .container .language.last { padding: 0 0 40px; }
                .country_section .container .content { width: 1000px; padding: 0; margin: 0; }
                .country_section .container .language .content { width: 450px; margin: 0 50px 0 0; padding: 0; }
                
            
                        
            /* news/events */
            .third { width: 260px; float: left; margin: 0 50px 0 0; }
                .third h3 { padding: 0 0 0 34px; margin: 0 0 10px 0; font-size: 20px; line-height: 22px; color: #000; }
                    .blogs h3 { background: url('../img/icon_blogs.png') left center no-repeat; }
                    .media h3 { background: url('../img/icon_medias.png') left center no-repeat; }
                    .events h3 { background: url('../img/icon_events.png') left center no-repeat; }
                .third .item { width: 260px; float: left; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
                .third .item p { margin: 0; color: #5c6572; }
                .third .item p span { font-size: 11px; color: #9198a2; }
                .third .item p a { color: #681141; }
                .third .item:last-child { padding-bottom: 0; border: 0; }


/**************************************************************************************************************************************/
/*  FONTS */
    
    #header ul li a,
    .section .num,
    .section h1,
    .section h2,
    .promo .btn,
    .country h3,
    .icons a span,
    .third h3,
    .sub_promo .container ul li a,
    .agri_section h1 { font-family: "Montserrat", sans-serif; font-weight: 400; }
    .promo .btn span { font-family: "Montserrat", sans-serif; font-weight: 700; }
    .promo h3,
    .content { font-family: "Lato", sans-serif; font-weight: 400; }


/**************************************************************************************************************************************/
/*  PRINTING */

    @media print {
        * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
        a, a:visited { text-decoration: underline; }
        a[href]:after { content: " (" attr(href) ")"; }
        abbr[title]:after { content: " (" attr(title) ")"; }
        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
        pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
        thead { display: table-header-group; } 
        tr, img { page-break-inside: avoid; }
        img { max-width: 100% !important; }
        @page { margin: 0.5cm; }
        p, h2, h3 { orphans: 3; widows: 3; }
        h2, h3 { page-break-after: avoid; }
    }

/**************************************************************************************************************************************/
/*  MEDIA QUERIES */
@media only screen and (max-width: 767px) {

    /*  GLOBAL */
    
    .overflow { overflow-x: auto; }
    #main { padding: 0; }
    .container { width: auto; }
    .center { text-align: left; }

    #header .mobi_handle { width: 21px; height: 15px; float: right; background: url('../img/mobi/mobile_menu.png') no-repeat; display: block; position: absolute; top: 24px; right: 19px; }
    #header { position: relative; height: 60px; }
    #header ul { width: 100%; display: none; float: none; padding: 0; position: absolute; top: 59px; left: 0; }
        #header ul li { float: none; background-color: #691141; border-bottom: 1px solid #fff; }
        #header ul li:first-child { border-top: 1px solid #fff; }
        #header ul li a { line-height: 16px; color: #fff; }        
        #header ul li.drop > a { background: #691141 url('../img/mobi/arrow_white.png') right center no-repeat; color: #fff; }
        #header ul li a:hover { color: #fff; }
        #header ul ul { display: block; width: 100%; border-left: none; border-right: none; border-top: none; position: relative; top: 0; }
        #header ul ul li { background-color: #f9f9f9; }
        #header ul li.over > a,
        #header ul li.over li a { width: auto; }
        #header ul ul li a { width: auto; padding: 15px }

        .sub_promo { height: 135px; }
        .sub_promo h1 { padding: 30px 15px 0; }
        .sub_promo h2 { margin: 25px 15px 0; }

    .promo { height: 565px; }
    .promo .container { background: none; }
    .promo h1 { padding: 0; }
    .promo h2 { width: 272px; height: 101px; background: url("../img/mobi/promo_h2_mobi.png") no-repeat; }
    .promo h3 { width: auto; }
    .promo .btn { width: 222px; height: 39px; line-height: 16px; padding: 9px 0 0 57px; background: url("../img/mobi/btn_download.png") no-repeat; }
    .promo .btn.btn2 { width: 222px; height: 39px; line-height: 16px; padding: 7px 0 2px 57px !important; background: url("../img/mobi/btn_download.png") no-repeat; }

    .content { width: auto; padding: 50px 0 0 10px; }
    .section { padding: 40px 15px 0!important; }
    .section.promo { padding: 10px 15px 0!important; }
    .section .num { width: 35px; height: 35px; line-height: 35px; margin: 0 10px 0 0; background: url("../img/mobi/diamond.png") no-repeat center center; }
    .section h2 { margin: 20px 0 0 10px; }
    .country { width: 140px; padding: 65px 0 25px; }
    .africa { display: none; }
    .sectors { float: none!important; width: auto!important; height: auto!important; }
    .description { float: none!important; width: auto!important; } 
    .sector { display: inline-block; position: static!important; margin: 0 20px 20px 0; }
    .tooltip { display: none; }

    /* sector pages */
    .sub_promo .container ul { display: none; }
    .sub_promo h2 { width: 160px; background-size: 160px 26px!important; }
    .sub_promo h2.countries { width: 201px; background-size: 201px 26px!important; }
    .section .left { float: none; width: auto; }
    .section .right { display: none; float: none; }
    .section .top { width: auto!important; }
    .section .top img { width: auto!important; height: auto!important; float: none!important; padding: 10px 0 0 20px; }
    .section .top img.none { display: none; }
    .section .top h3 { width: auto!important; float: none!important; padding: 0!important; }
    .section .content { overflow: hidden!important; }
    .section .block { width: auto!important; padding: 30px 15px!important; }
    .section .block img { float: none!important; }
    .section .block p { margin: 0!important; padding: 10px 0 0!important; }
    #policy.section { padding: 30px 15px!important; }
    .section .inside_block { width: auto!important; float: none!important; margin: 0!important; padding: 0 0 20px!important; }
    .section .inside_block ul { margin: 0!important; }
    .section .left .side_first { width: auto!important; float: none!important; margin: 0!important; padding: 15px!important; }
    .section .left .side_first p { margin: 0!important; }
    .section .left .side_second { width: auto!important; height: auto!important; float: none!important; margin: 0!important; padding: 15px!important; }
    .education_section .section .inside_block { width: auto!important; }
    .section .left .side_first .block img { float: none!important; }
    .education_section .section .left .side_first div.overflow img { margin: 0!important; }
    .section .left .side_first .center { width: auto!important; text-align: none!important; }
    .section .left .side_first .center img { float: none!important; padding: 10px 0 20px!important; } 
    .section .left .side_first.block1 { width: auto; height: auto; padding: 0!important; }
    .section .left .side_first.block2 { height: auto; }
    .section .left .side_first.block3 { height: auto; }
    .section .left .side_first .block_in_block { width: auto!important; float: none!important; margin: 0 20px!important; }

    /* country pages */
    .country_section .container .content { width: auto!important; }
    .country_section .container .language { float: none!important; width: auto!important; }
    .country_section .section { padding: 15px 15px 1px!important; }
    .country_section .section h2 { margin: 0!important; }

    /* footer */
    #footer { padding: 0 15px; }
    #footer .legal { float: none; }
    #footer .credits { float: none; }

}