/* Custom Gravity Styles */



/* Footer / .lineBlack */

.lineBlack {

    position: relative;

    width: 100%;

    min-height: 300px;

    background-image: url(../img/footer.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center bottom;

}



.downLine {

    margin-bottom: 35px;

    margin-top: 65px;

}



.downLine p {

    font-size: 13px;

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    color: #fff;

}



.lineBlack input {

    margin-top: 3px;

}



#downMenu {

    float: right;

}



#downMenu li {

    height: 16px;

    float: right;

    list-style: none;

}



.img-social {

    margin-right: 10px;

    margin-left: 0px;

}



#downMenu h4 {

    color: #fff;

}



#downMenu li:last-child {

    border-right: none;

}



#downMenu li a {

    padding: 15px;

    text-decoration: none;

    font-size: 13px;

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    color: #fff;

    margin-top: 10px;

    margin-bottom: 10px;

}



#downMenu li:last-child a {

    padding-right: 0;

}



#downMenu li a:hover {

    color: #6d6d6d;

}



.downLine input {

    max-width: 95px;

    border: 0;

    background: #101010;

    font-size: 13px;

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    color: #6d6d6d;

}



.copy {

    margin-top: 29px;

}



.dm {

    margin-top: 29px;

}



/* responsive */

@media screen and (max-width: 1190px) {

    .horL {

        display: none;

    }

}



.no-padding {

    padding: 0 !important;

}



.teaser {

    display: flex !important;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    width: 100%;

}



.teaser .header {

    width: 100%;

    max-width: 900px;

    margin: 0 auto;

}



.teaser h1,

.teaser h3,

.teaser h4 {

    color: #fff !important;

    margin-top: 10px;

    margin-bottom: 10px;

}



.teaser--fullpage {

    min-height: 100vh;

    height: 100vh;

}



.teaser--bg-dark {

    background-color: #222;

    color: #fff;

    background-image: url('../img/header.jpg');

    /* Adding background header image just in case 'cover' meant image */

    background-size: cover;

    background-position: center;

    position: relative;

}



/* Overlay for readability if image is used */

.teaser--bg-dark::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 0;

}



.teaser .header {

    z-index: 1;

    /* Ensure text is above overlay */

}