﻿.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.display-none {
    display: none;
}

.mr0 {
    margin-right: 0;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb16 {
    margin-bottom: 16px !important;
}

.mb24 {
    margin-bottom: 24px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb32 {
    margin-bottom: 32px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb48 {
    margin-bottom: 48px !important;
}

.mb56 {
    margin-bottom: 56px !important;
}

.mb64 {
    margin-bottom: 64px !important;
}

.mb72 {
    margin-bottom: 72px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb88 {
    margin-bottom: 88px !important;
}

.mb96 {
    margin-bottom: 96px !important;
}

.mb104 {
    margin-bottom: 104px !important;
}

.mb112 {
    margin-bottom: 112px !important;
}

.mb120 {
    margin-bottom: 120px !important;
}

.mb160 {
    margin-bottom: 160px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt16 {
    margin-top: 16px !important;
}

.mt24 {
    margin-top: 24px !important;
}

.mt32 {
    margin-top: 32px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt48 {
    margin-top: 48px !important;
}

.mt56 {
    margin-top: 56px !important;
}

.mt64 {
    margin-top: 64px !important;
}

.mt72 {
    margin-top: 72px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt88 {
    margin-top: 88px !important;
}

.mt96 {
    margin-top: 96px !important;
}

.mt104 {
    margin-top: 104px !important;
}

.mt112 {
    margin-top: 112px !important;
}

.mt120 {
    margin-top: 120px !important;
}

.mt160 {
    margin-top: 160px !important;
}

.mt260 {
    margin-top: 260px !important;
}

.p32 {
    padding: 0 32px !important;
}

.p24 {
    padding: 24px !important;
}

.p0 {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pt16 {
    padding-top: 16px !important;
}

.pt24 {
    padding-top: 24px !important;
}

.pt32 {
    padding-top: 32px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt48 {
    padding-top: 48px !important;
}

.pt64 {
    padding-top: 64px !important;
}

.pt72 {
    padding-top: 72px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt88 {
    padding-top: 88px !important;
}

.pt96 {
    padding-top: 96px !important;
}

.pt104 {
    padding-top: 104px !important;
}

.pt112 {
    padding-top: 112px !important;
}

.pt120 {
    padding-top: 120px !important;
}

.pt160 {
    padding-top: 160px !important;
}

.pt180 {
    padding-top: 180px !important;
}

.pt240 {
    padding-top: 240px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb8 {
    padding-bottom: 8px !important;
}

.pb16 {
    padding-bottom: 16px !important;
}

.pb24 {
    padding-bottom: 24px !important;
}

.pb32 {
    padding-bottom: 32px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb48 {
    padding-bottom: 48px !important;
}

.pb56 {
    padding-bottom: 56px !important;
}

.pb64 {
    padding-bottom: 64px !important;
}

.pb72 {
    padding-bottom: 72px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb88 {
    padding-bottom: 88px !important;
}

.pb96 {
    padding-bottom: 96px !important;
}

.pb104 {
    padding-bottom: 104px !important;
}

.pb112 {
    padding-bottom: 112px !important;
}

.pb120 {
    padding-bottom: 120px !important;
}

.pb160 {
    padding-bottom: 160px !important;
}

.pb180 {
    padding-bottom: 180px !important;
}

.pb240 {
    padding-bottom: 240px !important;
}

.hidden,
.animated {
    opacity: 0;
}

.visible {
    opacity: 1;
}

@media (min-width: 768px) {
}
/* MENU */
.navbar {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    background: transparent !important;
}

@media (min-width: 992px) {
    .navbar .container-fluid {
        padding-left: 4.2857rem;
        padding-right: 4.2857rem;
    }
}

.navbar-inverse {
    border: none !important;
}

.navbar-brand {
    margin-top: -20px;
}

    .navbar-brand img {
        width: 150px;
    }

.navbar-nav li a {
    text-transform: uppercase;
    padding-bottom: 3px;
    color: #FFF !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 2px solid transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover,
.navbar-nav a:hover {
    background-color: transparent !important;
    /*text-decoration: underline!important;*/
    border-bottom: 1px solid #FFF;
}
/* MENU */

/* HEADER */
header {
    height: 100vh;
    width: 100%;
    margin-top: -110px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.inner-header {
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.4;
    position: absolute;
    top: 0;
}

.inner-content {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

    .inner-content h1 {
        text-align: center !important;
        vertical-align: middle;
        display: inline-block;
    }

    .inner-content h1,
    .inner-content h2 {
        color: #ffffff !important;
        text-transform: uppercase;
        letter-spacing: 2px !important;
    }

    .inner-content h2 {
        font-size: 15px !important;
    }

.btn-default-adn {
    background-color: #927143 !important;
    text-transform: uppercase;
    -webkit-transition: color .8s ease-out !important;
    -o-transition: color .8s ease-out !important;
    transition: color .8s ease-out !important;
    border: 1px solid transparent !important;
}

    .btn-default-adn:hover {
        background-color: #000 !important;
        color: #FFF !important;
        text-transform: uppercase;
        border: 1px solid #000 !important;
    }

.fa-white {
    color: #FFF;
}
/* HEADER */

/* PROJECTS ON HOME */
.goto {
    cursor: pointer;
}

.section-projects .section-title,
.projects .section-title {
    font-size: 23px !important;
}
/* PROJECTS ON HOME */

/* MEMBERS LIST */
.team-spec {
    color: #ffffff !important;
}

.go-to-member {
    color: #ffffff !important;
}
/* MEMBERS LIST */

/* FOOTER */
.footer {
    border-top: 1px solid #E1E1E1;
}
/* FOOTER */

/* SHAKE */
.goto:hover .fa {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
/* SHAKE */

@media screen and (min-width: 768px) {
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) and (max-width : 768px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 992px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

.footer-contact {
    color: #927143 !important;
    font-size: 1rem!important;
}

.mr15 {
    margin-right: 8px;

}

footer .social-list .fa {
    font-size: 1.3rem!important;
}