/*------------------------------------------------------------------
    File Name: custom.css
-------------------------------------------------------------------*/

.header_bg {
    background-size: cover;
    padding-bottom: 0px;
    padding-top: 0px;
    /* background-attachment: fixed; */
}

.bg_overlay {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 81%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 81%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 81%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000', GradientType=0);
    padding-top: 100px;
    padding-bottom: 350px;
}

.fa-facebook-square {
    font-size: 36px;
    color: #3B5998 !important;
    background-image: linear-gradient( to bottom, transparent 20%, white 20%, white 93%, transparent 93% ) !important;
    background-size: 70% !important;
    background-position: 70% 0 !important;
    background-repeat: no-repeat;
}

.fa-linkedin {
    font-size: 36px;
    color: #0E76A8 !important;
    background-image: linear-gradient( to bottom, transparent 20%, white 20%, white 93%, transparent 93% ) !important;
    background-size: 80% !important;
    background-position: 60% -1px !important;
    background-repeat: no-repeat;
}

.fa-youtube-square {
    font-size: 36px;
    color: #FF0000 !important;
    background-image: linear-gradient( to bottom, transparent 20%, white 20%, white 93%, transparent 93% ) !important;
    background-size: 90% !important;
    background-position: 70% -2px !important;
    background-repeat: no-repeat;
}