@font-face {
    font-family: "ProximaNova";
    src: url(/fonts/ProximaNova-Light.otf) format("truetype");
    color: #656c7b;
}

body{
    font-family: 'ProximaNova', sans-serif;
    font-weight: 300;
    background: white;
    transition: background 1s;
}

.hero, .lf-coaches, .lf-free-session, footer {
    padding-left: 80px;
    padding-right: 80px;
}

#lf-main {
    padding: 0;
    margin-top: -74px;
    padding-top: 74px;
    margin-right: 0;
}

.lf-image {
    margin-bottom: 10px;
}
.lf-image img {
    border-radius: 100%;
    width: 33%;
    margin: 4% 33%;
}




.lf-card h3 {
    font-family: "ProximaNovaSemibold", sans-serif;
    font-size: 12pt;
}

.lf-card p {
    font-family: "ProximaNova", sans-serif;
    font-size: 11pt;
    line-height: 20pt;
    color: black;
}

li.active {
    height: 74px;
}

.styled-select {
    height: 29px;
    overflow: hidden;
    width: 240px;
}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 60px;
    padding: 5px;
    width: 268px;
}

#overlay{
    height: 100%;
    width: 100vw;
    position: absolute;
    top: 0;
    background-color: black;
    z-index: 100;
    opacity: .9;
    display: none;
}

button:focus{
    outline: none !important;
}

@media (max-width: 8300px) {
    .navbar-center {
        width: 450px;
    }
}

@media (max-width: 992px) {
    .about-us-images {
        width: 100vw;
        padding: 40px;
        height: 100vw;
        margin-left: -40px;
        margin-top: 0;
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {

    .hero, .lf-coaches, .lf-free-session, footer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .mobile-tab {
        padding-left: 40px;
    }

    .lf-coaches{
        padding-left: 40px;
        padding-right: 0px;
    }

    .lf-coaches .row {
        margin-right: 0;
    }

    .lf-btn-coaches {
        margin-top: -10px;
        float: left;
        clear: left;
        margin-bottom: 40px;
    }

    .community-cards {
        margin-left: 0;
    }

    .free-session-input {
        clear: both;
    }

    .lf-free-session input {
        margin-left: 0;
    }

    .styled-select.slate {
        margin-left: -5px;
    }

    .lf-community>.lf-community-images {
        background: black;
    }

    .lf-coaches .col-lg-7 {
        margin-top: 10px;
    }

    .lf-about-us {
        margin-top: 10px;
    }

}

.free-session-input {
    float: left;
}

body {
    background-size: cover !important;
    margin: 0;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

html, body{
    padding: 0;
    margin: 0;
}

html{
    height: 100%;
}
body{
    min-height: 100%;
}


@media (max-width: 400px) {
    .lf-coaches .col-lg-7 {


        padding-right: 0px;
    }

    .ask-coach-line {
        display: block;
        height: 10px;
    }
}


@media (max-width: 480px) {
    .about-us-vision-breaks {
        display: none;
    }
}

.social-icons {
    text-align: left;
}

.social-icon {
    display: inline-block;
}

.social-icon + .social-icon {
    margin-left: 5px;
}

.social-icon img {
    height: 20px;
}