<!--


/*******************************************************************************************

  /       ||  | |           ||   ____|   \   \  /  \  /   / /   \         /       |
   |   (----`|  | `---|  |----`|  |__       \   \/    \/   / /  ^  \       |   (----`
    \   \    |  |     |  |     |   __|       \            / /  /_\  \       \   \
.----)   |   |  |     |  |     |  |____       \    /\    / /  _____  \  .----)   |
|_______/    |__|     |__|     |_______|       \__/  \__/ /__/     \__\ |_______/

 _______   ___________    ____  _______  __        ______   .______    _______  _______
|       \ |   ____\   \  /   / |   ____||  |      /  __  \  |   _  \  |   ____||       \
|  .--.  ||  |__   \   \/   /  |  |__   |  |     |  |  |  | |  |_)  | |  |__   |  .--.  |
|  |  |  ||   __|   \      /   |   __|  |  |     |  |  |  | |   ___/  |   __|  |  |  |  |
|  '--'  ||  |____   \    /    |  |____ |  `----.|  `--'  | |  |      |  |____ |  '--'  |
|_______/ |_______|   \__/     |_______||_______| \______/  | _|      |_______||_______/

.______   .______       __  .__   __.   ______  _______      _______  __    __       ___      .______          ___            __   _______ .__   __.      ___
|   _  \  |   _  \     |  | |  \ |  |  /      ||   ____|    /  _____||  |  |  |     /   \     |   _  \        /   \          |  | |   ____||  \ |  |     /   \
|  |_)  | |  |_)  |    |  | |   \|  | |  ,----'|  |__      |  |  __  |  |  |  |    /  ^  \    |  |_)  |      /  ^  \         |  | |  |__   |   \|  |    /  ^  \
|   ___/  |      /     |  | |  . `  | |  |     |   __|     |  | |_ | |  |  |  |   /  /_\  \   |      /      /  /_\  \  .--.  |  | |   __|  |  . `  |   /  /_\  \
|  |      |  |\  \----.|  | |  |\   | |  `----.|  |____    |  |__| | |  `--'  |  /  _____  \  |  |\  \----./  _____  \ |  `--'  | |  |____ |  |\   |  /  _____  \
| _|      | _| `._____||__| |__| \__|  \______||_______|    \______|  \______/  /__/     \__\ | _| `._____/__/     \__\ \______/  |_______||__| \__| /__/     \__\

  ___    ______   ______   _____   ______   __    ___     ___    _____   _____
 / _ \  |____  | |____  | | ____| |____  | /_ |  / _ \   / _ \  | ____| | ____|
| | | |     / /      / /  | |__       / /   | | | | | | | (_) | | |__   | |__
| | | |    / /      / /   |___ \     / /    | | | | | |  > _ <  |___ \  |___ \
| |_| |   / /      / /     ___) |   / /     | | | |_| | | (_) |  ___) |  ___) |
 \___/   /_/      /_/     |____/   /_/      |_|  \___/   \___/  |____/  |____/

       __    ______    __    __  .__   __.    .______   .______          ___       _______
      |  |  /  __  \  |  |  |  | |  \ |  |    |   _  \  |   _  \        /   \     |       \
      |  | |  |  |  | |  |__|  | |   \|  |    |  |_)  | |  |_)  |      /  ^  \    |  .--.  |
.--.  |  | |  |  |  | |   __   | |  . `  |    |   _  <  |      /      /  /_\  \   |  |  |  |
|  `--'  | |  `--'  | |  |  |  | |  |\   |    |  |_)  | |  |\  \----./  _____  \  |  '--'  |
 \______/   \______/  |__|  |__| |__| \__|    |______/  | _| `._____/__/     \__\ |_______/

.___________. _______ .______      .______       _______ .__   __.   ______  _______
|           ||   ____||   _  \     |   _  \     |   ____||  \ |  |  /      ||   ____|
`---|  |----`|  |__   |  |_)  |    |  |_)  |    |  |__   |   \|  | |  ,----'|  |__
    |  |     |   __|  |      /     |      /     |   __|  |  . `  | |  |     |   __|
    |  |     |  |____ |  |\  \----.|  |\  \----.|  |____ |  |\   | |  `----.|  |____
    |__|     |_______|| _| `._____|| _| `._____||_______||__| \__|  \______||_______|

.______        ___      .______      .______        ___      .______          ___
|   _  \      /   \     |   _  \     |   _  \      /   \     |   _  \        /   \
|  |_)  |    /  ^  \    |  |_)  |    |  |_)  |    /  ^  \    |  |_)  |      /  ^  \
|   _  <    /  /_\  \   |      /     |   _  <    /  /_\  \   |      /      /  /_\  \
|  |_)  |  /  _____  \  |  |\  \----.|  |_)  |  /  _____  \  |  |\  \----./  _____  \
|______/  /__/     \__\ | _| `._____||______/  /__/     \__\ | _| `._____/__/     \__\

.___  ___.  _______ .______      .______     ____    ____
|   \/   | |   ____||   _  \     |   _  \    \   \  /   /
|  \  /  | |  |__   |  |_)  |    |  |_)  |    \   \/   /
|  |\/|  | |   __|  |      /     |      /      \_    _/
|  |  |  | |  |____ |  |\  \----.|  |\  \----.   |  |
|__|  |__| |_______|| _| `._____|| _| `._____|   |__|

 __  ___  _______  __  .___________. __    __
|  |/  / |   ____||  | |           ||  |  |  |
|  '  /  |  |__   |  | `---|  |----`|  |__|  |
|    <   |   __|  |  |     |  |     |   __   |
|  .  \  |  |____ |  |     |  |     |  |  |  |
|__|\__\ |_______||__|     |__|     |__|  |__|


********************************************************************************************/
-->


<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="k0U1xQG1CACM4RspH7YAVjT0hJNpYFtDsxednOxxaYo" />
    <meta name="msvalidate.01" content="841E2755C3587D8BB29241BF8F41765D" />


    <title> Agribank | Home </title>
    <link rel="shortcut icon" href="http://agribank.co.zw/img/logo_YDo_icon.ico" />

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" integrity="sha384-GVa9GOgVQgOk+TNYXu7S/InPTfSDTtBalSgkgqQ7sCik56N9ztlkoTr2f/T44oKV" crossorigin="anonymous">
    <!-- Styles -->
    <style>

        .desktop-hide {
            display: none;
        }

        * {
            margin: 0;
            padding: 0;
            font-family: 'Lato' , sans-serif;
            text-align: justify;
        }


        body {
            background-color: #ffffff;
        }

        .flex-row {

            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .flex-column {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
        }

        .container-default {
            padding-left: 10%;
            padding-right: 10%;
        }

        .push-right {
            margin-left: auto;
        }

        .push-left {
            margin-right: auto;
        }

        nav {

            width: 100%;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 50;
        }

        nav ul {
            list-style: none;
        }

        nav ul li a {
            text-decoration: none;
            color: #000000;
        }

        .navigation-top {

            background-color: rgba( 45 ,87, 47 , 0.95 );
            color: #ffffff;
            padding-top: 3px;
            padding-bottom: 3px;
            font-size: 14px;

        }
        .navigation-middle {
            background-color: rgba( 255 , 255 ,255 , 0.95 );
            padding-top: 10px;
            padding-bottom: 10px;
            align-items: center;
        }
        .navigation-middle .log-in-nav a {
            padding: 5px 30px;
            border: solid #000000 2px;
        }
        .navigation-middle .social-media-links {
            padding: 10px;
            font-size: 1.3em;
        }
        .navigation-middle .social-media-links:first-child {
            padding-left: 0;

        }
        .navigation-bottom {
            background-color: rgba( 45 ,87, 47 , 0.95 );
            color: #ffffff;
        }
        .navigation-bottom li{

            padding: 15px 5px;
            transition: all ease-in-out 0.2s;

        }
        .navigation-bottom li a {
            padding: 0 20px;
            color: #ffffff;
        }
        .navigation-bottom li:hover {
            border-bottom: 5px solid #ffffff;
            padding-bottom: 10px;
        }
        .navigation-bottom li:first-child ,  .navigation-bottom li:first-child a{
            padding-left: 5px;
        }
        .navigation-bottom li:last-child ,  .navigation-bottom li:last-child a {
            padding-right: 5px;
        }

        .drop-down-nav-link {

            position: relative;
            display: flex;
            align-items: center;
        }
        .drop-down-nav-link:hover .drop-down-content {
            display: flex;
        }
        .drop-down-content {

            position: absolute;
            display: none;
            top: 100%;
            right: -50%;
            left: -50%;
            background-color: rgba( 255 , 255 , 255 , 0.95 );
            transition: all ease-in-out .3s;
            padding: 15px;
            flex-wrap: wrap;
            min-width: 600px;
            -webkit-box-shadow: 0 11px 51px -11px rgba(0,0,0,1);
            -moz-box-shadow: 0 11px 51px -11px rgba(0,0,0,1);
            box-shadow: 0 11px 51px -11px rgba(0,0,0,1);

        }

        .drop-down-content .column {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            text-align: center;
            padding: 10px;
        }

        .drop-down-content .column h3 {
            padding: 7px 25px;
            width: 220px;
            border-bottom: #0b2e13 solid 1px;
            font-size: 16px;
            color: #0b2e13;

            text-align: center;
        }
        .drop-down-content .column a {
            padding: 8px;
            font-size: 15px;
            color: #0b2e13;
            text-align: center;
        }

        .drop-down-content .column a:hover {
            background-color: #0b2e13;
            color: #ffffff;
        }

        .logo img {
            height: 40px;
        }

        .about .drop-down-content {
            position: absolute;
            display: none;
            top: 100%;
            right: -50%;
            left: -50%;
            background-color: rgba( 255 , 255 , 255 , 0.95 );
            transition: all ease-in-out .3s;
            padding: 15px;
            flex-wrap: wrap;
            min-width: 300px;
        }

        .personal .drop-down-content {
            position: absolute;
            display: none;
            top: 100%;
            right:300px;
            background-color: rgba( 255 , 255 , 255 , 0.95 );
            transition: all ease-in-out .3s;
            padding: 15px;
            flex-wrap: wrap;
            min-width: 600px;
        }


        /*
          ##Device = Tablets, Ipads (portrait)
          ##Screen = B/w 768px to 1024px
        */

        @media (min-width: 768px) and (max-width: 1024px) {

            .navigation-bottom li {

                padding: 5px 5px;
                transition: all ease-in-out 0.2s;

            }

            .navigation-bottom li a {
                padding: 0 5px;
                color: #ffffff;
            }

            .navigation-bottom li:hover {
                border-bottom: 5px solid #ffffff;
                padding-bottom: 2px;
            }


        }


        @media (min-width: 0px) and (max-width: 767px) {

            .desktop-hide {
                display: block;
            }


            .navigation-top {

                background-color: rgba(0,0,0,0.95);
                color: #ffffff;
                font-size:10px;
                flex-direction: row;
                padding: 5px;

            }

            .navigation-middle {
                padding: 3px 5%;
            }

            .mobile-hide {
                display: none;
            }

            .navigation-middle .log-in-nav a {
                padding: 3px 3px;
                border: solid #000000 2px;
                font-size: 12px;
            }
            .navigation-middle .social-media-links {
                padding: 10px;
                font-size: 1em;
                display: none;
            }
            .navigation-middle .social-media-links:first-child {
                padding-left: 0;
            }

            .logo img {
                height: 25px;
            }

            .navigation-bottom {
                background-color: rgba( 45 ,87, 47 , 0.95 );
                color: #ffffff;
            }
            .navigation-bottom li{

                padding: 15px 5px;
                transition: all ease-in-out 0.2s;

            }
            .navigation-bottom li a {
                padding: 0 20px;
                color: #ffffff;
            }
            .navigation-bottom li:hover {
                border-bottom: 5px solid #ffffff;
                padding-bottom: 10px;
            }
            .navigation-bottom li:first-child ,  .navigation-bottom li:first-child a{
                padding-left: 5px;
            }
            .navigation-bottom li:last-child ,  .navigation-bottom li:last-child a {
                padding-right: 5px;
            }

        }

        /*// for navigation bar*/
        .mobile-nav {

            position: fixed;
            z-index: 90;
            background-color: rgba( 0 ,0, 0 , 1 );
            top: 0;
            left: 0;
            width:100%;
            flex-direction: column;
            align-items: center;
            list-style-type: none;
            padding: 20px 0;
            color: #ffffff;
            height: 100%;
            overflow-y: scroll;
            display: none;

        }

        .more-mobile {
            display: none;
        }

        .mobile-nav li {

            padding: 3px;
            font-size: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .mobile-nav li a {
            text-decoration: none;
            color: #ffffff;
        }

        .mobile-nav li:hover .more-mobile {
            display: block;
        }

        .more-mobile  div {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 9px;
        }

        .more-mobile  div h3 {
            text-align: center;
            border-bottom: 1px solid #ffffff;
            font-weight: normal;
            padding: 8px;
            font-size: 19px;
        }

        .close-mobile {
            position: absolute;
            right: 15px;
            top: 15px;
            font-size: 30px;
        }

        #mobile-nav::-webkit-scrollbar {
            width: 0;  /* remove scrollbar space */
            background: transparent;  /* optional: just make scrollbar invisible */
            display: none;
        }
        /* optional: show position indicator in red */
        #mobile-nav::-webkit-scrollbar-thumb {
            background-color: transparent;
            display: none;
        }

    </style>

</head>
<body>

<nav id="mobile-nav" class="mobile-nav">
    <li onclick="mobilenav()" class="close-mobile">&times;</li>
    <li class="logo">
        <a href="/"><img src="http://agribank.co.zw/img/logo2.png" alt="">
        </a>
    </li>
    <li class="">
            <a href="#">About Us</a>
            <div class="more-mobile">
                <div class="">
                    <h3>About Us</h3>
                    <a href="/About Us">History , Vision , Values</a>
                    <a href="/Corporate Governance">Corporate Governance</a>
                    <a href="/Our Team">Our Team</a>
                    <a href="/Reports">Financial Reports and Forms</a>
                    <a href="/Contact Center">Contact Center</a>
                </div>            
            </div>
        </li>
    <li class="">
        <a href="#">Personal Banking</a>
        <div class="more-mobile">
            <div class="">
                <h3>Accounts and Services</h3>
                <a href="/Personal Banking/Accounts and Services/Savings Accounts">Savings Accounts</a>
                <a href="/Personal Banking/Accounts and Services/Executive Accounts">Executive Accounts</a>
            </div>
            <div class="">
                <h3>Loans and Overdrafts</h3>
                <a href="/Personal Banking/Loans and Overdrafts/AgriLoans">AgriLoans</a>
                <a href="/Personal Banking/Loans and Overdrafts/Overdraft Facilities">Overdraft Facilities</a>
            </div>
            <div class="">
                <h3>Investment and Retirement</h3>
                <a href="/Personal Banking/Investment and Retirement/Products And Services">Products And Services</a>
            </div>
            <div class="">
                <h3>AgriDigital</h3>
                <a href="/Personal Banking/Investment and Retirement/Mobile Banking">Mobile Banking</a>
            </div>
        </div>
    </li>
    <li class="">
        <a href="#">Cooperates and Business</a>
        <div class="more-mobile">
            <div class="">
                <h3>Corporate and Commercial Banking</h3>
                <a href="/Cooperates and Business/Corporate and Commercial Banking/Bankers Acceptance">Banker’s Acceptance</a>
                <a href="/Cooperates and Business/Corporate and Commercial Banking/Safe Custody">Safe Custody</a>
                <a href="/Cooperates and Business/Corporate and Commercial Banking/Guarantees">Guarantees</a>
            </div>
            <div class="">
                <h3>Treasury</h3>
                <a href="/Cooperates and Business/Treasury/Deposits Call and Fixed">Deposits (Call and Fixed)</a>
                <a href="/Cooperates and Business/Treasury/Negotiable Certificate Of Deposit">Negotiable Certificate Of Deposit</a>
                <a href="/Cooperates and Business/Treasury/Treasury Bills">Treasury Bills</a>
                <a href="/Cooperates and Business/Treasury/Agro Bills">Agro Bills</a>
            </div>
            <div class="">
                <h3>International Banking</h3>
                <a href="/Cooperates and Business/International Banking/Services">Services</a>
            </div>
        </div>
    </li>
    <li class="">
        <a href="/locations">Locations</a>
    </li>
</nav>

<nav class="flex-column">
    <ul class="navigation-top flex-row container-default">
        <li class="mobile-hide">Welcome to Agribank</li>
        <li class="push-left push-right"><span class="mobile-hide">Branches Operating Hours </span>Mon-Fri 8:00am - 3:00pm Sat 8:00am - 11:30am</li>
        <li class="mobile-hide">+263 &nbsp 242 &nbsp774400-19</li>
    </ul>

    <ul class="navigation-middle flex-row container-default">
        <li id="mobile-nav" onclick="mobilenav()" class="push-left desktop-hide" style="font-size: 18px;padding-right: 40px">&#9776;</li>

        <script type="text/javascript">

            function mobilenav() {

                let e = document.getElementById("mobile-nav");
                if ( e.style.display === 'flex'){
                    e.style.display = 'none';
                } else {
                    e.style.display = 'flex';
                }
            }

        </script>

        <li class="social-media-links"><a target="_blank" href="https://www.instagram.com/agribankzim/"><i style="color: #8a3ab9" class="fa fa-instagram"></i></a></li>
        <li class="social-media-links"><a target="_blank" href="https://www.linkedin.com/company/agribankzim"><i style="color: #0077B5" class="fa fa-linkedin"></i></a></li>
        <li class="social-media-links"><a target="_blank" href="https://www.youtube.com/channel/UC_BgTOywXJ5sRRN4Bu3rE-g"><i style="color: #FF0000" class="fa fa-youtube"></i></a></li>
        <li class="social-media-links"><a target="_blank" href="https://twitter.com/AgribankZim"><i style="color:#00aced" class="fa fa-twitter"></i></a></li>
        <li class="push-left social-media-links"><a target="_blank" href="https://www.facebook.com/agribankzim"><i style="color:rgb(59, 89, 152)" class="fa fa-facebook-f"></i></a></li>
        <li class="logo"><a href="/"><img src="http://agribank.co.zw/img/Agribank--Logo.png" alt=""></a></li>
        <li class="push-right log-in-nav">
            <a href="/Internet Banking">Internet Banking</a>
        </li>
    </ul>
    <ul class="navigation-bottom flex-row container-default mobile-hide">
        <li class="push-left mobile-hide">
            <a href="/">Home</a>
        </li>
        <li class="push-left desktop-hide">
            <a href="/About Us">About Us</a>
        </li>
        <li class="drop-down-nav-link personal mobile-hide">
            <a href="#">Personal Banking</a>
            <div class="drop-down-content">
                <div class="column">
                    <h3>Accounts and Services</h3>
                    <a href="/Personal Banking/Accounts and Services/Savings Accounts">Savings Accounts</a>
                    <a href="/Personal Banking/Accounts and Services/Executive Accounts">Executive Accounts</a>
                </div>
                <div class="column">
                    <h3>Loans and Overdrafts</h3>
                    <a href="/Personal Banking/Loans and Overdrafts/AgriLoans">AgriLoans</a>
                    <a href="/Personal Banking/Loans and Overdrafts/Overdraft Facilities">Overdraft Facilities</a>
                </div>
                <div class="column">
                    <h3>Investment and Retirement</h3>
                    <a href="/Personal Banking/Investment and Retirement/Products And Services">Products And Services</a>
                </div>
                <div class="column">
                    <h3>AgriDigital</h3>
                    <a href="/Personal Banking/Investment and Retirement/Mobile Banking">Mobile Banking</a>
                </div>
            </div>
        </li>
        <li class="drop-down-nav-link mobile-hide">
            <a href="#">Corporate and Business</a>
            <div class="drop-down-content">
                <div class="column">
                    <h3>Corporate and Commercial Banking</h3>
                    <a href="/Cooperates and Business/Corporate and Commercial Banking/Bankers Acceptance">Banker’s Acceptance</a>
                    <a href="/Cooperates and Business/Corporate and Commercial Banking/Safe Custody">Safe Custody</a>
                    <a href="/Cooperates and Business/Corporate and Commercial Banking/Guarantees">Guarantees</a>
                </div>
                <div class="column">
                    <h3>Treasury</h3>
                    <a href="/Cooperates and Business/Treasury/Deposits Call and Fixed">Deposits (Call and Fixed)</a>
                    <a href="/Cooperates and Business/Treasury/Negotiable Certificate Of Deposit">Negotiable Certificate Of Deposit</a>
                    <a href="/Cooperates and Business/Treasury/Treasury Bills">Treasury Bills</a>
                    <a href="/Cooperates and Business/Treasury/Agro Bills">Agro Bills</a>
                </div>
                <div class="column">
                    <h3>International Banking</h3>
                    <a href="/Cooperates and Business/International Banking/Services">Services</a>
                </div>
            </div>
        </li>
        <li class="drop-down-nav-link about mobile-hide">
            <a href="#">About Us</a>
            <div class="drop-down-content">
                <div class="column">
                    <h3>About Us</h3>
                    <a href="/About Us">History , Vision , Values</a>
                    <a href="/Corporate Governance">Corporate Governance</a>
                    <a href="/Our Team">Our Team</a>
                    <a href="/Reports">Financial Reports and Forms</a>
                    <a href="/Contact Center">Contact Center</a>
                </div>
            </div>
        </li>
        <li class="push-right mobile-hide">
            <a href="/locations">Locations</a>
        </li>
    </ul>
</nav>

<script type="text/javascript">

</script>

        <style>


        .about-section {

            display: flex;
            flex-direction: row;

        }

        .about-section .about-container {
            background-color: #ffffff;
            width: 60%;
            padding: 180px 20px 30px 10%;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
        }

        .about-section .other-container {
            background-color: #cbcbcb;
            padding: 180px 10% 30px 20px;
            width: 30%;
        }

        .about-container h2 {
            text-align: center;
            padding: 20px;
        }

        .about-container .section {
            padding: 10px 0;
        }

        .about-container .section .title {
            font-size: 2.2em;
            padding-bottom: 10px;
        }


        .other-container h2 {
            padding: 20px 0;
        }

        .other-container .container {
            display:flex;
            flex-direction: column;
        }

        .other-container .container  .document-link a {
            text-decoration: none;
            color: #0b2e13;
        }

        .other-container .container .document-link {
            padding: 5px 0;
        }

        .border-bottom-white {
            border-bottom: 1px solid #ffffff;
        }


        .start-home {

            position: relative;
            background-image: url("http://agribank.co.zw/img/barley-field-1684052_1920.jpg");
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            height: 90vh;
        }

        /*.start-home img {*/
        /**/
        /*width: 100%;*/
        /*height: 100%;*/
        /*}*/

        .start-home .side-panel {

            background: linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.9));
            color: #ffffff;
            width: 35%;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            padding-right: 10%;
            padding-left: 30px;
            text-align: center;
        }

        .side-panel .title {
            font-size: 3em;
            padding: 15px;

        }
        .side-panel .sum {
            padding: 10px 10px 30px;
        }

        .side-panel .link a {
            color: #ffffff;
            padding: 10px 15px;
            text-decoration: none;
            border: 1px solid #ffffff;
        }

        .start-home .bottom-panel {
            position: absolute;
            top:80%;
            right: 0;
            left: 0;
            width:100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            flex-wrap: wrap;
            cursor: pointer;
        }

        .bottom-panel .offer {

            z-index: 1;
            width: 18%;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            text-align: center;
            padding: 30px;
            background-color: #ffffff;
            color: #1d2124;
            transition: all ease-in-out .1s;
            position: relative;
        }

        .offer:nth-child(odd){
            background-color:#efefef;
        }

        .offer img {

            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            display: none;

        }

        .offer .title {
            padding: 10px;
            border-bottom: solid 1px #000000;
        }

        .offer .sum {
            font-size: 14px;
            padding: 10px;
        }

        .offer .link {
            padding: 5px 15px;
            border-top: 1px solid #000000;

        }

        .offer:hover .link {
            padding: 5px 15px;
            border-top: 1px solid #ffffff;

        }

        .offer .link a {
            text-decoration: none;
            color: inherit;
        }

        .offer .overlay {

            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-color: rgba( 45 ,87, 47 , 0.8 );
            display: none;

        }
        .offer .text {
            z-index: 2;
            color: #000000;
        }

        .bottom-panel .offer:hover .text {
            color: #ffffff;
            border-bottom-color: white;

        }

        .bottom-panel .offer:hover {
            background-color: #0b2e13;
            color: white;
            transform: scale(1.05);
            z-index: 2;
            -webkit-box-shadow: 0 11px 51px -11px rgba(0,0,0,1);
            -moz-box-shadow: 0 11px 51px -11px rgba(0,0,0,1);
            box-shadow: 0 11px 51px -11px rgba(0,0,0,1);
        }

        .bottom-panel .offer:hover img {
            display: block;
        }

        .bottom-panel .offer:hover .overlay {
            display: block;
        }

        .bottom-panel .offer .title {
            font-size:1em;
            padding: 15px 0;
            font-weight: bolder;
        }


        .welcome-note {
            background-image: url("http://agribank.co.zw/img/barley-field-1684052_1920.jpg");
            background-attachment: fixed;
            background-position:bottom;
            background-repeat: no-repeat;
            color: #ffffff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-self: center;
            text-align: center;
        }

        .welcome-note blockquote {
            background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5));
            font-size: 50px;
            padding: 30px;
            text-align: center;
        }

        .welcome-note span:first-child {
            font-size: 20px;
        }


        @media (min-width: 768px) and (max-width: 1024px) {

            .bottom-panel .offer {
                z-index: 1;
                width: 20%;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                text-align: center;
                padding: 10px;
                background-color: #ffffff;
                color: #1d2124;
                transition: all ease-in-out .1s;
                position: relative;
            }

            .offer:nth-child(odd){
                background-color:#efefef;
            }


        }


        @media (min-width: 0px) and (max-width: 767px) {

            .start-home {

                background-image: url("http://agribank.co.zw/img/barley-field-1684052_1920.jpg");
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                height: inherit;
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;

            }

            /*.start-home img {*/
            /**/
            /*width: 100%;*/
            /*height: 100%;*/
            /*}*/

            .start-home .side-panel {

                background: linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.9));
                color: #ffffff;
                width: 70%;
                right: 0;
                top: 0;
                bottom: 0;
                display: flex;
                flex-direction: column;
                padding: 10px 15%;
                text-align: center;
                padding-top: 80px;
                align-items: center;
                position: relative;
            }

            .side-panel .title {
                font-size: 1.2em;
                padding: 5px;

            }
            .side-panel .sum {
                padding: 5px 5px 30px;
                font-size: 12px;
            }

            .side-panel .link a {
                color: #ffffff;
                padding: 5px 5px;
                text-decoration: none;
                border: 1px solid #ffffff;
            }

            .start-home .bottom-panel {

                right: 0;
                left: 0;
                top:100%;
                width:100%;
                bottom: 0;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                cursor: pointer;
                position: relative;
            }

            .bottom-panel .offer {

                z-index: 1;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                text-align: center;
                padding: 15px 15%;
                background-color: #ffffff;
                color: #1d2124;
                transition: all ease-in-out .1s;
                position: relative;
                width: auto;
            }

            .offer:nth-child(odd){
                background-color:#efefef;
            }

            .offer img {

                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                display: none;

            }

            .offer .title {
                padding: 10px;
                border-bottom: solid 1px #000000;
            }

            .offer .sum {
                font-size: 14px;
                padding: 10px;
            }

            .offer .link {
                padding: 5px 15px;
                border-top: 1px solid #000000;

            }

            .offer:hover .link {
                padding: 5px 15px;
                border-top: 1px solid #ffffff;

            }

            .offer .link a {
                text-decoration: none;
                color: inherit;
            }

            .offer .overlay {

                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                background-color: rgba( 45 ,87, 47 , 0.8 );
                display: none;

            }
            .offer .text {
                z-index: 2;
                color: #000000;
            }

            .bottom-panel .offer:hover .text {
                color: #ffffff;
                border-bottom-color: white;

            }

            .bottom-panel .offer:hover {
                background-color: #0b2e13;
                color: white;
                z-index: 2;
                -webkit-box-shadow: 0 11px 51px -11px rgba(0,0,0,1);
                -moz-box-shadow: 0 11px 51px -11px rgba(0,0,0,1);
                box-shadow: 0 11px 51px -11px rgba(0,0,0,1);
            }

            .bottom-panel .offer:hover img {
                display: block;
            }

            .bottom-panel .offer:hover .overlay {
                display: block;
            }

            .bottom-panel .offer .title {
                font-size:1em;
                padding: 15px 0;
                font-weight: bolder;
            }

            .welcome-note {

                background-image: url("http://agribank.co.zw/img/barley-field-1684052_1920.jpg");
                background-attachment: fixed;
                background-position:bottom;
                background-repeat: no-repeat;
                color: #ffffff;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-self: center;
                text-align: center;

            }

            .welcome-note blockquote {
                background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.7));
                font-size: 50px;
                padding: 30px;
                text-align: center;
            }

            .welcome-note span:first-child {
                font-size: 20px;
            }

            .about-section {

                display: flex;
                flex-direction: column;

            }

            .about-section .about-container {
                background-color: #ffffff;
                width: 70%;
                padding: 5px 15%;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
            }

            .about-section .other-container {
                background-color: #cbcbcb;
                width: 80%;
                padding: 5px 10%;
            }

            .about-container h2 {
                text-align: center;
                padding: 5px;
            }

            .about-container .section {
                padding: 5px 0;
            }

            .about-container .section .title {
                font-size: 1.1em;
                padding-bottom: 10px;
            }


            .other-container h2 {
                padding: 20px 0;
            }

            .other-container .container {
                display:flex;
                flex-direction: column;
            }

            .other-container .container  .document-link a {
                text-decoration: none;
                color: #0b2e13;
            }

            .other-container .container .document-link {
                padding: 5px 0;
            }

            .border-bottom-white {
                border-bottom: 1px solid #ffffff;
            }

        }

    </style>
    <div class="start-home">

        <div class="side-panel">
            <div class="title">Flexi-POS</div>
            <div class="sum">The Flexi-POS has the same functionality with the ordinary POS machine. That’s compact convenience for you. Who said digital payments are not meant for everyone?  The Flexi-POS is the ultimate payment solution that fits those who felt digital payment solutions will never come their way. With the Flexi-POS they can</div>
            <div class="link"><a href="/Offers/Flexi-POS">Read more</a></div>
        </div>

        <div class="bottom-panel">
            <div class="offer">
                <img src="http://agribank.co.zw/img/2753_AGENCY-BANKING.png" alt="">
                <div class="overlay"></div>
                <div class="title text">Agency Banking</div>
                <div class="sum text">Agribank Agency banking is the simplest form of banking you can find and its brought right to your doorstep. Through an extensive network of agents, Agribank has enhanced its banking service reach and improved the banking efficiency</div>
                <div class="link text"><a href="/Offers/Agency Banking">Read more</a></div>
            </div>
            <div class="offer">
                <img src="http://agribank.co.zw/img/agriplustest.png" alt="">
                <div class="overlay"></div>
                <div class="title text">AgriPlus</div>
                <div class="sum text">With low cost account opened in just 2 minutes,  you get the card that can shop, pay bills, buy airtime and do so much more. That’s something for everyone</div>
                <div class="link text"><a href="/Offers/Agri-plus">Read more</a></div>
            </div>
            <div class="offer">
                <img src="http://agribank.co.zw/img/bus.png" alt="">
                <div class="overlay"></div>
                <div class="title text">School Development Loan</div>
                <div class="sum text">We can help you finance for that bus you always wanted. The Agribank School Development Loan facility will ease the pressure and make your plans happen.
                    One teacher said, “If you want to be a known headmaster, buy a bus”
                </div>
                <div class="link text"><a href="/Offers/School Development Loan">Read more</a></div>
            </div>
            <div class="offer">
                <img src="http://agribank.co.zw/img/2766-Micro-Finance-Press-Adverts.png" alt="">
                <div class="overlay"></div>
                <div class="title text">Micro Finance</div>
                <div class="sum text">Are you looking for a One Stop Shop for your Micro finance requirements? Look no further, Your All Weather Bank is ready to cater for all your business financial needs. </div>
                <div class="link text"><a href="/Offers/Micro-Finance">Read more</a></div>
            </div>
        </div>

    </div>

    <div class="about-section">
        <div class="about-container">
            <h2>About Us</h2>
            <div class="section">
                <div class="title">Our Vision</div>
                <div class="sum">
                    Our vision is to be a leading provider of financial services in Zimbabwe and beyond
                </div>
            </div>
            <div class="section">
                <div class="title">Our Mission</div>
                <div class="sum border-bottom-white">
                    Our Mission is to provide competitive financial services for the prosperity of the Bank, customers and other stakeholders through a committed, motivated and well-resourced work force
                </div>
            </div>


        </div>
        <div class="other-container">
            <h2>Statements</h2>
            <div class="container">
                <div class="document-link"><a href="/Get Document/115187 Agribank annual report 13.pdf">2017 Annual Report</a></div>
            </div>
            <h2>Forms</h2>
            <div class="container">
                <div class="document-link"><a href="/Get Document/30-91  Day OD Facility Application form.pdf">Overdraft Application form </a></div>
                <div class="document-link"><a href="/Get Document/SMS Alert Registration form.pdf">SMS alert Reg Form </a></div>
                <div class="document-link"><a href="/Get Document/ATM APPLICATION FORM.pdf">ATM Card Application Form</a></div>
                <div class="document-link"><a href="/Get Document/School Fees Loan Facility Application form.pdf">School Fess loan</a></div>
            </div>
        </div>
    </div>

    <style>

        .articles-container{
           display: flex;
            justify-content: center;
            padding-bottom: 30px;
        }

        .active-article{

            background-color: #0b2e13;
            color: #FFFFFF;
        }

        .articles {
            padding: 30px 0;
            display: flex;
            flex-direction: row;
            width: 80%;
            border-top: 1px #ddd solid ;
            border-bottom: 1px #ddd solid ;

        }

        .articles .divider {
            border-left: 1px #eeeeee solid;
        }

        .article {
            margin: 0 20px;
            padding: 20px;
            width: 33.33%;
            
            transition: all ease-in-out 0.3s;

        }

        .article:hover {
            -webkit-box-shadow: 10px 15px 25px 0px rgba(0,0,0,0.15);
            -moz-box-shadow: 10px 15px 25px 0px rgba(0,0,0,0.15);
            box-shadow: 10px 15px 25px 0px rgba(0,0,0,0.15);
        }

        .article .title h2 {
            text-align: center;
            padding: 5px;
        }

        .article .content {
            padding:20px 0;
        }

        .article .content ul {
            list-style: none;
            padding: 5px 20px;
        }

        .article .read-more {
            text-align: center;
        }

        .article .read-more a {
            color: #000000;
            text-decoration: none;
        }

        .articles-container-head h1 {
          text-align: center;
            padding: 30px;
            font-size: 2.2em;

        }

        @media (min-width: 768px) and (max-width: 1024px) {
            .articles {
                padding: 30px 0;
                display: flex;
                flex-direction: row;
                width: 100%;
                border-top: 1px #ddd solid ;
                border-bottom: 1px #ddd solid ;

            }

            .articles .divider {
                border-left: 1px #eeeeee solid;
            }

            .article {
                margin: 0 20px;
                padding: 20px;
                width: 33.33%;

            }
        }

        @media (min-width: 0px) and (max-width: 767px) {
            .articles-container{
                display: flex;
                justify-content: center;
                padding-bottom: 30px;
            }
            .articles {

                padding: 20px 0;
                display: flex;
                flex-direction: column;
                width: 95%;
                border-top: 1px #ddd solid ;
                border-bottom: 1px #ddd solid ;
                align-items: center;
                justify-content: center;

            }

            .articles .divider {
                border-left: 0 #eeeeee solid;
                border-bottom: 1px #eeeeee solid;
            }

            .article {

                margin: 10px 0;
                padding: 20px;
                width: 95%;

            }

            .article:hover {
                -webkit-box-shadow: 10px 15px 25px 0px rgba(0,0,0,0.15);
                -moz-box-shadow: 10px 15px 25px 0px rgba(0,0,0,0.15);
                box-shadow: 10px 15px 25px 0px rgba(0,0,0,0.15);
            }

            .article .title h2 {
                text-align: center;
                padding: 5px;
            }

            .article .content {
                padding:20px 0;
            }

            .article .content ul {
                list-style: none;
                padding: 5px 20px;
            }

            .article .read-more {
                text-align: center;
            }

            .article .read-more a {
                color: #000000;
                text-decoration: none;
            }

            .articles-container-head h1 {
                text-align: center;
                padding: 30px;
                font-size: 2.2em;

            }

        }
    </style>
    <div class="articles-container-head">
        <h1>Stories and news</h1>
    </div>


    <div class="articles-container">
        <div class="articles">
            <div class="article">
                <div class="title"><h2>Agribank Raises US$30 Million IDCSA Line of Credit</h2></div>
                <div class="content">The Bank has secured an IDCSA line of Credit to the tune of US$30 million for support to the agriculture sector. The IDCSA Board Investment Committee met this morning and approved the Facility, which is favorably priced at Libor +8.9%.
                    <br>
                    <br>
                    The potential beneficiaries of the facility include:
                    <ul>
                        <li>a.Fertilizer and Chemicals companies</li>
                        <li>b.Livestock and Dairy Producers</li>
                        <li>c.Soya and Oil seed Producers</li>
                        <li>d.Pharmaceuticals; and</li>
                        <li>e.Water treatment chemicals,</li>
                        <li>f.amongst others</li>
                    </ul>
                </div>
                <div class="read-more"><a href="/News/Agribank Raises US$30 Million IDCSA Line of Credit">Readmore</a></div>
            </div>
            <div class="divider"></div>
            <div class="article">
                <div class="title"><h2>Agro bills US$40 million</h2></div>
                <div class="content">Agribank in conjunction with FBC Bank is in the market to raise US$40 million through Agro bills, to support the agriculture sector for the 2018/19 cropping season, following the granting of all the regulatory approvals. The Banks have jointly raised US$20 million each year since 2013, with a cumulative total of US$65 million. Over the years, the Agro bills have been oversubscribed and the two Banks have consistently paid on maturity
                    <br>
                    <br>
                    The Banks have deliberately agreed to expand their agricultural interventions in support of Government’s efforts to expand agricultural production and productivity by doubling the Agro bills funding to US$40 million</div>
                <div class="read-more"><a href="/News/Agro bills US$40 million">Readmore</a></div>
            </div>
            <div class="divider"></div>
            <div class="article">
                <div class="title"><h2>Update on Bringing A Strategic Partner To Assist on Agribank Capitalization</h2></div>
                <div class="content">Significant progress has been made with regards to preparing the groundwork on bringing in a strategic partner for the Bank. As is required, a Technical Committee on Agribank has been established by Government whose main purpose is to oversee and manage the bringing in of a strategic partner for Agribank and to ensure that all the necessary approvals are granted
                    <br>
                    <br>
                    The Bank has already sent out through the media an invitation for expression of interest for the provision of Transactional Advisory services.
                </div>
                <div class="read-more"><a href="/News/Update on Bringing A Strategic Partner To Assist on Agribank Capitalization">Readmore</a></div>
            </div>
        </div>
    </div>
    <div class="welcome-note">
        <blockquote>
            <span>  </span>
            <br>
            <span class="quotes">&ldquo;</span>
            Your all weather bank
            <span class="quotes">&rdquo;</span>
        </blockquote>
    </div>


<style>
    footer {

        background-color: #0b2e13;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 5px 10%;
        color: #fff;
        font-size: 12px;
    }

    footer .links {
        margin-bottom: 15px;
    }

    footer .links ul .link {
        padding: 8px;
        border: 1px #fff solid;
        border-radius: 50%;
        margin: 0 15px;
    }

    footer .links ul .content {
        color: #fff;
    }

    footer .links ul li:hover> a span {
        display: inline-block;
        text-decoration: none;
        margin-left: 10px;
        color: #fff;
        transition: all 4s ease-in-out;
    }

    footer .links ul li:hover {
        border-radius: 5%;
        transition: all 0.05s ease-in-out;
    }

    footer .links ul li i {
        color: #fff;
        font-size: 15px;
    }

    footer .links ul li a {
        text-decoration: none;
        cursor: pointer;
    }

    footer .links ul li a span {
        display: none;
    }

    footer .links ul {
        display: flex;
        list-style: none;
        align-items: center;
        padding-right: 30px
    }

    footer .head {
        display: flex;
        align-items: center;
        padding: 10px;
        margin-bottom: 10px;
    }

    footer .head img {
        height: 40px;
        margin-right: 20px;
    }

    footer .head div {
        color: #fff;
    }

    footer .depo-info {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 80%;
        padding: 10px 10%;
        border-top: 1px solid #ffffff;
    }

    footer .center-info {
        margin: 0 auto;
        text-align: center;
    }

    footer .info a img {
        height: 50px;
        width: 50px;
    }

    @media (min-width: 0px) and (max-width: 767px) {

        footer {

            background-color: #0b2e13;
            display: flex;
            align-items: center;
            flex-direction: column;
            padding: 5px 5px;
            color: #fff;
            font-size: 12px;
        }

        footer .links {
            margin-bottom: 15px;
        }

        footer .links ul .link {
            padding: 8px;
            border: 1px #fff solid;
            border-radius: 50%;
            margin: 0 5px;
        }

        footer .links ul .content {
            color: #fff;
        }

        footer .links ul li:hover> a span {
            display: inline-block;
            text-decoration: none;
            margin-left: 3px;
            color: #fff;
            transition: all 4s ease-in-out;
        }

        footer .links ul li:hover {
            border-radius: 5%;
            transition: all 0.05s ease-in-out;
        }

        footer .links ul li i {
            color: #fff;
            font-size: 8px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        footer .links ul li a {
            text-decoration: none;
            cursor: pointer;
        }

        footer .links ul li a span {
            display: none;
        }

        footer .links ul {
            display: flex;
            list-style: none;
            align-items: center;
            padding-right: 10px
        }

        footer .head {
            display: flex;
            align-items: center;
            padding: 10px;
            margin-bottom: 10px;
        }

        footer .head img {
            height: 40px;
            margin-right: 20px;
        }

        footer .head div {
            color: #fff;
        }

        footer div.depo-info {

            display: flex;
            align-items: center;
            border-top: 1px #fff solid;
            padding: 15px 0;

        }

        footer div.depo-info img {
            height: 50px;
            width: 50px;
            padding: 0 0 0 10px;
        }

        footer .center-info {
            margin: 0 auto;
            text-align: center;
            line-height: 1.6em;
        }

        footer .depo-info .info a {
            color: #fff;
            text-align: center;
            padding: 0;
            width: 50px;
        }

        footer .info {
            padding: 0;
        }


    }

</style>

<footer>
    <div class="head">
        <img src="http://agribank.co.zw/img/logo2.png" alt="">
    </div>
    <div class="links">
        <ul>
            <li class="content">Follow Us</li>
            <li class="link">
                <a target="_blank" href="https://twitter.com/AgribankZim" target="_blank">
                    <i class="fa fa-twitter"></i>
                    <span>Twitter</span>
                </a>
            </li>
            <li class="link">
                <a target="_blank" href="https://www.youtube.com/channel/UC_BgTOywXJ5sRRN4Bu3rE-g">
                    <i class="fa fa-youtube"></i>
                    <span>Youtube</span>
                </a>
            </li>
            <li class="link">
                <a target="_blank" href="https://www.linkedin.com/company/agribankzim">
                    <i class="fa fa-linkedin"></i>
                    <span>Linkedin</span>
                </a>
            </li>
            <li class="link">
                <a target="_blank" href="https://www.instagram.com/agribankzim/">
                    <i class="fa fa-instagram"></i>
                    <span>Instagram</span>
                </a>
            </li>
            <li class="content">Like us on</li>
            <li class="link">
                <a target="_blank" href="https://www.facebook.com/agribankzim">
                    <i class="fa fa-facebook-f"></i>
                    <span>Facebook</span>
                </a>
            </li>

        </ul>
    </div>
    <div>
        <ul>
        </ul>
    </div>
    <div class="depo-info">
        <div class="info">
            <a style="text-decoration: none;color:white;font-size:13px" href="/Contact Center">Contact Center</a>
        </div>
        <div class="center-info">
            &copy; 2018 Agricultural Bank of Zimbabwe
            <br>
            <span>Hurudza House, 14-16 Nelson Mandela Harare , Zimbabwe </span>
            <br>
            <span> Tel: (+263)(4) 774400-19</span>
            <div style="text-align: center">Site development by Agribank ICT</div>
        </div>
        <div class="info">
            <a href="https://www.dpcorp.co.zw" target="_blank">
                <img align="middle" src="http://agribank.co.zw/img/dpc-logo.png" alt="DPC">
            </a>

        </div>
    </div>
</footer>

</body>
</html>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-121650859-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-121650859-1');
</script>