body {
    font-family: 'Futura', sans-serif;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    margin: 0;
    overflow: hidden;
}
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
    /* change if the mask should have another color then white */
     z-index: 99;
    /* makes sure it stays on top */
} #status {
     position: absolute;
     left: 40%;
     top: 38%;
}@-webkit-keyframes fadeInOut {
     0% {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-moz-keyframes fadeInOut {
     0% {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @keyframes fadeInOut {
     0% {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-webkit-keyframes fadeOutIn {
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes fadeOutIn {
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fadeOutIn {
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-moz-keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-webkit-keyframes fadeOut {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @-moz-keyframes fadeOut {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @keyframes fadeOut {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 .svg-wrapper {
     display: block;
     position: fixed;
}
 #icon-logo {
     fill: #006A4D;
}
 #cbre-white {
     fill: #006A4D;
     opacity: 0;
     -webkit-animation: fadeIn 2s ease;
     -moz-animation: fadeIn 2s ease;
     animation: fadeIn 2s ease;
     -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
     animation-delay: 2s;
     -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
}
 #cbre-logo {
     stroke: rgba(105, 190, 40, 0.9);
     stroke-width: 12px;
     -webkit-animation: fadeOut 1s ease;
     -moz-animation: fadeOut 1s ease;
     animation: fadeOut 1s ease;
     -webkit-animation-delay: 2.75s;
     -moz-animation-delay: 2.75s;
     animation-delay: 2.75s;
     -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
}
#main {
    padding: 1% 0 0;
    margin: 0 auto;
    width: 800px;
    height: 500px;
}

.wrapper {
    text-align: center;
    margin: 0px auto 50px;
}

.tabs {
    margin-top: 20px;
    font-size: 18px;
    padding: 0px;
    list-style: none;
    background: #fff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    display: inline-block;
    border-radius: 50px;
    position: relative;
    text-shadow: 1px 2px 2px rgba(150, 150, 150, 0.5);
}

.tabs a {
    text-decoration: none;
    color: #777;
    text-transform: capitalize;
    padding: 10px 28px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
    cursor: pointer;
}

.tabs a.active {
    color: #fff;
}

.tabs .selector {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    border-radius: 50px;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: #006a4d;
    background: -moz-linear-gradient(45deg, #006a4d 0%, #69be28 100%);
    background: -webkit-linear-gradient(45deg, #006a4d 0%, #69be28 100%);
    background: linear-gradient(45deg, #006a4d 0%, #69be28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006a4d', endColorstr='#69be28', GradientType=1);
}
.header{
    text-align:center;
    width:100%;
    color:#FFF;
    margin:0 0 10px;
    font-size:1.6em;
}
.footer{
    width:70%;
    margin:25px 0 20px;
    border-top:1px solid #e7e7e7;
    padding:0 25%;
    text-align: left;
}
.footer .company{
    margin:20px 0;
    float:left;
    font-style: italic;
    font-size: .75em;
    color: #777;
}
.footer .logo{
    margin:10px 0 0;
    float:right;
}