@font-face {
    font-family: "social";
    src: url("../fonts/social.eot?3");
    src: url("../fonts/social.eot?3#iefix") format("embedded-opentype"), url("../fonts/social.woff?3") format("woff"), url("../fonts/social.ttf?3") format("truetype"), url("../fonts/social.svg?3#social") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "social" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "social" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-social-linkedin:before {
    content: "a"
}

.icon-social-path:before {
    content: "b"
}

.icon-social-twitter:before {
    content: "c"
}

.icon-social-whatsapp:before {
    content: "d"
}

.icon-social-reddit:before {
    content: "e"
}

.icon-social-mail:before {
    content: "g"
}

.icon-social-facebook:before {
    content: "f"
}

.icon-social-gplus:before {
    content: "j"
}

.icon-social-pinterest:before {
    content: "p"
}

.icon-social-tumblr:before {
    content: "h"
}

.youtube {
background-color: #000;
margin-bottom: 30px;
position: relative;
padding-top: 56.25%;
overflow: hidden;
cursor: pointer;
}
.youtube img {
width: 100%;
top: -16.82%;
left: 0;
opacity: 0.7;
}
.youtube .play-button {
width: 90px;
height: 60px;
background-color: #333;
box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
z-index: 1;
opacity: 0.8;
border-radius: 6px;
}
.youtube .play-button:before {
content: "";
border-style: solid;
border-width: 15px 0 15px 26.0px;
border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
top: 50%;
left: 50%;
transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
height: 100%;
width: 100%;
top: 0;
left: 0;
}