* {
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
}

html, body {
    height: 100%;
    margin: 0 auto;
    background-color: #ecedef;
}
/**
  Header css
 */
.header-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url("img/header_bg2.jpg");
    background-position: top right;
    background-size: auto;
    background-repeat: no-repeat;
}

.header-content-container {
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
}

.links-container {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

.nav-links {
    list-style: none;
    margin: 0 ;
}

.nav-links li {
    float: left;

}

.nav-links li :hover {
    color: #a3c8b1;
}

.nav-links li a {
    font-weight: 100;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 20px;
    color: #527a61;
    font-size: 28px;
    transition: all .4s ease;
}
/**
 Clearfix
*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/**
 Body css
 */
section {
    height: 100%;
    color: white;
    position: relative;
    text-align: center;
}

section .inner {
    margin: 0 auto;
    width: 100%;
}

.slid-content {
    width: 100%;
    padding: 10% 20% 0 26%;
}

section#one {
    background-color: #407c58;
}

.slid-content-left {
    width: 30%;
    text-align: right;
    float: left;
    margin: 0 auto;
}

.number {
    color: #7b9a87;
    font-size: 55px;
    margin: 0;
    padding-top: 20px;
    font-family: 'Montserrat', sans-serif;
}

.active {
    margin: 0;
    font-size: 120px;
    color: #ecedef;
    font-family: 'Montserrat', sans-serif;
}

.slid-content-right {
    width: 70%;
    text-align: left;
    float: right;
    margin: 0 auto;
    padding: 0 20px ;
}

.slid-content-right h2 {
    font-size: 65px;
    padding-top: 138px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.slid-content-right-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 28px;
}

.slid-content-right-list-light {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 28px;
    color: #4b8562;
}

.slid-content-right-list-element {
    margin: 5px 0;
    height: 45px;
    vertical-align: middle;
}

.slid-content-right-list-element img {
    height: 35px;
    width: 35px;
    margin-right: 10px;
    vertical-align: middle;
}

.slid-content-right p {
    font-size: 22px;
    padding: 20px 40px 60px 0;
    margin: 0;
}

section#two {
    background-color: #ecedef;
}

.slid-content-left-light {
    width: 30%;
    text-align: right;
    float: left;
    margin: 0 auto;
}

.number-light {
    color: #c8d0cc;
    font-size: 55px;
    margin: 0;
    padding-top: 20px;
    font-family: 'Montserrat', sans-serif;
}

.active-light {
    margin: 0;
    font-size: 120px;
    color: #4b8562;
    font-family: 'Montserrat', sans-serif;
}

.slid-content-right-light {
    width: 70%;
    text-align: left;
    float: right;
    margin: 0 auto;
    padding: 0 20px ;
}

.slid-content-right-light h2 {
    color: #4b8562;
    font-size: 65px;
    padding-top: 138px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.slid-content-right-light p {
    color: #4b8562;
    font-size: 22px;
    padding: 20px 40px 60px 0;
    margin: 0;
}

section#three {
    background-color: #407c58;
}

.btn-dark {
    margin-top: 20px;
    padding: 25px 80px;
    color: #ecedef;
    cursor: pointer;
    font-size: 32px;
    font-weight: 400;
    line-height: 45px;
    max-width: 160px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    border: 0 solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
    outline: 1px solid;
    outline-color: rgba(255, 255, 255, .5);
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-dark:hover {
    border: 1px solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    text-shadow: 1px 1px 2px #427388;
}

.btn-light {
    padding: 25px 80px;
    color: #4b8562;
    cursor: pointer;
    font-size: 32px;
    font-weight: 400;
    line-height: 45px;
    max-width: 160px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    border: 0 solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
    outline: 1px solid;
    outline-color: #4b8562;
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-light:hover {
    border: 1px solid;
    box-shadow: inset 0 0 20px #d5dcd8, 0 0 20px #d5dcd8;
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    text-shadow: 1px 1px 2px #c0cac4;
}

/**
 Footer css
 */
.footer-container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: #ecedef url("img/footer_bg.jpg") no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    position: relative;
}

.footer-content-container {
    width: 100%;
    padding: 0;
    position: absolute;
    bottom: 0;
}

.footer-left-container {

    width: 50%;
    float: left;
}

.footer-left-container img {
    height: 80px;
    width: 160px;
    margin: 0;
    padding: 0;
}

.footer-left-container p {
    font-size: 15pt;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    font-weight: 300;
    color: #adadad;
}

.footer-right-container {
    width: 100%;
    text-align: center;
}

.footer-right-container img {
    margin: 0 2px;
}

.footer-right-icon {
    width: 30px;
    height: 30px;
}


.footer_icon_mail {
    width: 35px;
    height: 25px;
}

.ahmed-alexander {
    font-weight: 400;
    text-decoration: none;
    transition: all .25s ease;
    color: #adadad;
}

.ahmed-alexander:hover {
    color: #a3c8b1;
}

.footer-right-container p {
    border-top: #c1c1c1 0.5px solid;
    font-size: 14pt;
    padding: 15px 0;
    margin: 0;
    font-weight: 300;
    color: #adadad;
}

.footer-links {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
    list-style: none;
    margin: 0;
}

.footer-links li {
    display: inline-block;
}

.footer-links li :hover {
    color: #a3c8b1;
}

.footer-links li a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
    text-decoration: none;
    text-transform: uppercase;
    color: #527a61;
    font-size: 18px;
    transition: all .25s ease;
}

.footer-links li span {
    padding: 0 20px;
}

.footer-linkedin-icon {
    height: 30px;
    width: 30px;
    background-image: url("icons/link_in_96.png");
}