/* Global Page Style */

.navbar {
    min-height: 150px
}

.navbar .navbar-brand .logo-img {
    width: 50%
}

.navbar .navbar-nav > li > a {
    margin-top: 55px;
}

/* // About Page */

/* Read more */
.read-more {
    position: fixed;
    background-color: #fff;
    z-index: 99999;
    border-radius: 5px 5px 2px 2px;
    display: none
}

.about {
    top: 30%;
    left: 30%;
    width: 40%
}

.mission {
    top: 25%;
    left: 25%;
    width: 50%
}

.vision {
    top: 27.5%;
    left: 27.5%;
    width: 45%
}

.approach {
    top: 22.5%;
    left: 22.5%;
    width: 55%
}

.read-more h2 {
    background-color: #063569;
    color: #fe8625;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 15px;
    border-radius: 2px 2px 0 0
}

.content {
    padding: 10px 15px;
    border-radius: 2px
}

.content p {
    margin-bottom: 0;
    font-size: 25px
}

/* About Header */
.abouthead {
    border-top: 150px solid #fff;
    background-color: #eee
}

.abouthead h2 {
    font-size: 60px;
    color: #063569;
    padding-top: 30px;
    padding-bottom: 120px
}

.abouthead .under-line:after {
    border-radius: 50px;
    width: 120px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 45%
}

/* About mission vision approach */
.amva {
    padding-top: 20px;
    padding-bottom: 20px
}

.amva .text-center {
    padding-left: 5px;
    padding-right: 5px
}

.amva .inter {
    background-color: #eee;
    margin-top: -120px
}

.amva .inter .img-responsive {
    border-radius: 2px 2px 0 0
}

.amva .inter .lead {
    font-size: 17.5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 0
}

.amva .inter .btn {
    width: 100%;
    border-radius: 0;
    background-color: #063569;
    border: 0;
    border-radius: 0 0 2px 2px
}

/* \\ About Page */

/* // Invest in Afria */

/* Invest Header */
.investhead {
    border-top: 150px solid #fff;
    background-color: #eee
}

.investhead .invhead {
    padding-top: 40px;
    padding-bottom: 40px
}

.investhead .invhead h1 {
    color: #063569
}

.investhead .invhead h4 {
    color: #fe8625
}

/* Why to invest */
main {
    padding-top: 10px
}

main .panel-default > .panel-heading {
    background-color: #063569;
    color: #fff
}

main .panel-group .panel-body {
    padding: 10px
}

main .panel-group .panel-body > div {
    padding-left: 10px;
    padding-right: 10px
}

main .panel-group .panel-body .list-unstyled {
    padding-left: 20px
}

main .panel-group li {
    padding-right: 20px;
    margin-top: 5px
}

main .panel-group li span {
    padding-left: 40px;
    padding-right: 20px;
    margin-top: 10px;
    display: block
}

main .panel-group a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    float: right
}

main .panel-group a.collapsed:after {
    content: "\e114"
}

/* \\ Invest in Afria */

/* // Contact us */

.contact {
    border-top: 150px solid #fff;
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #eee
}

.contact .container {
    position: relative
}

.contact .container h2 {
    margin-top: 0;
    font-size: 60px;
    color: #063569;
}

.contact .container .under-line:after {
    border-radius: 50px;
    width: 120px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 45%
}

.contact p {
    color: #fe8625;
    font-size: 30px
}

.contact form {
    margin-top: 30px
}

.contact form textarea {
    height: 107px
}

.contact form .btn {
    background-color: #fe8625;
    border: 0;
    color: #063569;
    font-weight: bold
}

.contact input[type="text"],
.contact input[type="text"]::placeholder,
.contact textarea::placeholder,
.contact textarea {
    background-color: #063569;
    color: #fe8625;
    border: none
}

/* \\ Contact us */