ul.social li {
    display: inline-block;
    position: relative;

    line-height: 1;
    width: 1em;
    height: 1em;
    margin: 0 0.5em 0 0;
}

.jobdetails ul.social li { font-size:32px;}
ul.social li:last-child {
    margin-right: 0;
}

ul.social li a {
    display: block;
    /*background: rgba(0, 0, 0, 0.5);*/
    color: #FFF;
    border-radius: 100%;
    text-decoration: none;
    width: 1em;
    height: 1em;
    overflow: hidden;
    margin: 0 auto !important;
    transition: all 0.2s ease;
    padding: 0.0833333333333333rem;
}

ul.social li a:hover { /*border: 1px solid #E4E1D7;*/

}


.social a span {
    height: 0;
    width: 0;
    position: absolute;
    overflow: hidden;
}

/*ul.social::before {
    content: "";
    display: table;
    height: 0;
    clear: left;
}*/

.social a::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;

    background-size: contain; background-position: center;
    background-repeat: no-repeat;  border-radius: 50%;
}
ul.social a::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;/**/



    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain; background-position: center;
    background-repeat: no-repeat;
}
.social a:hover::before {

}

.social a[href*="facebook"]::before {


    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"    viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve">    <g>    <g>    <path fill="%23FFFFFF" d="M11.6,28V18H8V14h3.6v-3.1c0-3.5,2.1-5.4,5.3-5.4c1.5,0,3.1,0.3,3.1,0.3v3.4h-1.8c-1.8,0-2.3,1.1-2.3,2.2V14h3.9L19.3,18    H16v10"/>    </g>    </g>    </svg>');


}

#footer ul.social li a[href*="facebook"]::before {


    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23FFFFFF" d="M22.8,14c0-4.8-3.9-8.7-8.8-8.7c-4.8,0-8.7,3.9-8.7,8.7c0,4.4,3.2,8,7.4,8.6v-6.1h-2.3V14h2.2v-1.9c0-2.2,1.3-3.4,3.3-3.4 c0.9,0,1.9,0.2,1.9,0.2v2.2h-1.1c-1.1,0-1.5,0.7-1.5,1.4v1.6h2.4l-0.4,2.5h-2v6.1C19.5,22,22.8,18.4,22.8,14z"/> </svg>');


}

.social a[href*="twitter"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23FFFFFF" id="TW" d="M11.1,20.2c5.8,0,8.9-4.8,8.9-8.9c0-0.1,0-0.3,0-0.4c0.6-0.4,1.1-1,1.6-1.6c-0.6,0.2-1.2,0.4-1.8,0.5 c0.7-0.4,1.1-1,1.4-1.7c-0.6,0.4-1.3,0.6-2,0.8c-0.6-0.6-1.4-1-2.3-1c-1.7,0-3.1,1.4-3.1,3.1c0,0.2,0,0.5,0.1,0.7 c-2.6-0.1-4.9-1.4-6.5-3.3C7.1,8.8,7,9.4,7,9.9C7,11,7.5,12,8.4,12.5c-0.5,0-1-0.2-1.4-0.4l0,0c0,1.6,1,2.9,2.5,3.2 c-0.3,0.1-0.5,0.1-0.8,0.1c-0.2,0-0.4,0-0.6-0.1c0.4,1.3,1.6,2.2,2.9,2.2c-1.1,0.8-2.4,1.3-3.9,1.3c-0.3,0-0.5,0-0.7,0 C7.7,19.7,9.4,20.2,11.1,20.2z"/> </svg>');
}

.social a[href*="insta"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <g> <path  fill="%23FFFFFF" d="M14,7.1c2.3,0,2.5,0,3.4,0.1c0.8,0.1,1.3,0.2,1.6,0.3c0.4,0.1,0.7,0.3,0.9,0.6c0.3,0.3,0.5,0.6,0.6,0.9 c0.1,0.3,0.3,0.8,0.3,1.6c0.1,0.9,0.1,1.1,0.1,3.4s0,2.5-0.1,3.4c-0.1,0.8-0.2,1.3-0.3,1.6c-0.1,0.4-0.3,0.7-0.6,0.9 c-0.3,0.3-0.6,0.5-0.9,0.6c-0.3,0.1-0.8,0.3-1.6,0.3c-0.9,0.1-1.1,0.1-3.4,0.1s-2.5,0-3.4-0.1c-0.8-0.1-1.3-0.2-1.6-0.3 c-0.4-0.1-0.7-0.3-0.9-0.6c-0.3-0.3-0.5-0.6-0.6-0.9c-0.1-0.3-0.3-0.8-0.3-1.6c-0.1-0.9-0.1-1.1-0.1-3.4s0-2.5,0.1-3.4 C7.2,9.8,7.3,9.3,7.5,9c0.1-0.4,0.3-0.7,0.6-0.9C8.4,7.8,8.6,7.6,9,7.5c0.3-0.1,0.8-0.3,1.6-0.3C11.5,7.1,11.7,7.1,14,7.1z M14,5.5 c-2.3,0-2.6,0-3.5,0.1C9.7,5.6,9,5.8,8.5,5.9c-0.6,0.2-1,0.5-1.5,1c-0.4,0.4-0.8,0.9-1,1.5C5.8,9,5.6,9.6,5.6,10.5 c-0.1,0.9-0.1,1.2-0.1,3.5s0,2.6,0.1,3.5c0.1,0.9,0.2,1.5,0.4,2.1c0.2,0.6,0.5,1,1,1.5c0.4,0.4,0.9,0.8,1.5,1 c0.6,0.2,1.1,0.4,2.1,0.4c0.9,0.1,1.2,0.1,3.5,0.1s2.6,0,3.5-0.1s1.5-0.2,2.1-0.4c0.6-0.2,1-0.5,1.5-1c0.4-0.4,0.8-0.9,1-1.5 c0.2-0.6,0.4-1.1,0.4-2.1c0.1-0.9,0.1-1.2,0.1-3.5s0-2.6-0.1-3.5c-0.1-0.9-0.2-1.5-0.4-2.1s-0.5-1-1-1.5c-0.4-0.4-0.9-0.8-1.5-1 c-0.6-0.2-1.1-0.4-2.1-0.4C16.6,5.6,16.3,5.5,14,5.5z M14,9.7c-2.4,0-4.3,2-4.3,4.3s2,4.3,4.3,4.3s4.3-2,4.3-4.3S16.4,9.7,14,9.7z M14,16.8c-1.6,0-2.8-1.3-2.8-2.8s1.3-2.8,2.8-2.8s2.8,1.3,2.8,2.8S15.5,16.8,14,16.8z M18.5,10.5c0.6,0,1-0.4,1-1s-0.4-1-1-1 c-0.6,0-1,0.4-1,1S17.9,10.5,18.5,10.5z"/> </g> </svg>');
}

.social a[href*="linked"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <g id="linkeidn"> <path d="M10.2,8.5c0,0.8-0.6,1.5-1.6,1.5S7,9.4,7,8.5C7,7.7,7.6,7,8.6,7S10.1,7.7,10.2,8.5z M7.1,21v-9.8h3V21H7.1z"/> <path d="M11.9,14.3c0-1.2,0-2.2-0.1-3.1h2.6l0.1,1.4h0.1C15,12,16,11,17.6,11c2,0,3.4,1.3,3.4,4.2V21h-3v-5.4 c0-1.3-0.4-2.1-1.5-2.1c-0.8,0-1.3,0.6-1.5,1.1c-0.1,0.2-0.1,0.5-0.1,0.8V21h-3V14.3z"/> </g> </svg>');
}


.social a[href*="mailto:"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23FFFFFF" d="M20.2,7.8H7.8c-0.9,0-1.6,0.7-1.6,1.6v9.3c0,0.9,0.7,1.6,1.6,1.6h12.4c0.9,0,1.6-0.7,1.6-1.6V9.3 C21.8,8.5,21.1,7.8,20.2,7.8z M20.2,10.9L14,14.8l-6.2-3.9V9.3l6.2,3.9l6.2-3.9V10.9z"/> </svg>');
}
.social a[href*="tel:"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path d="M20.2,16.7c-0.9,0-1.9-0.2-2.8-0.5c-0.3-0.1-0.5,0-0.8,0.2l-1.7,1.7c-2.2-1.1-4-3-5.1-5.1l1.7-1.7c0.2-0.2,0.3-0.5,0.2-0.8 c-0.2-0.9-0.4-1.8-0.4-2.7C11.3,7.4,11,7,10.5,7H7.8C7.4,7,7,7.4,7,7.8C7,15.1,12.9,21,20.2,21c0.4,0,0.8-0.4,0.8-0.8v-2.7 C21,17,20.6,16.7,20.2,16.7z"/> </svg>');
}





















.social li a:hover {
    /*background-color: rgba(0, 0, 0, 1) !important;*/
}


.social li a[href*="facebook"]:hover {
    background-color: #3b5998 !important;
}

.social li a[href*="twitter"]:hover {
    background-color: #1da1f2 !important;
}
.social li a[href*="linked"]:hover {
    background-color: #0072b1 !important;
}

.social li a[href*="instagram"]:hover {
    background: linear-gradient(45deg, rgba(255, 211, 116, 1) 0%, rgba(255, 211, 116, 1) 12%, rgba(240, 103, 59, 1) 34%, rgba(236, 73, 76, 1) 55%, rgba(196, 49, 137, 1) 75%, rgba(128, 67, 197, 1) 91%, rgba(128, 67, 197, 1) 110%) !important; /**/

}

.jobdetails .social li a[href*="facebook"] {
    background-color: #3b5998 !important;
}

.jobdetails .social li a[href*="twitter"] {
    background-color: #1da1f2 !important;
}
.jobdetails .social li a[href*="linked"] {
    background-color: #0072b1 !important;
}

.jobdetails .social li a[href*="instagram"] {
    background: linear-gradient(45deg, rgba(255, 211, 116, 1) 0%, rgba(255, 211, 116, 1) 12%, rgba(240, 103, 59, 1) 34%, rgba(236, 73, 76, 1) 55%, rgba(196, 49, 137, 1) 75%, rgba(128, 67, 197, 1) 91%, rgba(128, 67, 197, 1) 110%) !important; /**/

}

.jobdetails ul.social li a:hover { background:#212121 !important;}

.social li a[href*="tel"]:hover,
.social li a[href*="mailto"]:hover {
    background: #565148;

}

ul.social li > strong {
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    background: black;
    color: white;
    font-size: 1.2rem;
    text-align: center;
    padding: 0.5em;
}

ul.social li > strong::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    pointer-events: none;
    transform: translate(-50%, 0) rotate(45deg);
    z-index: 98;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translate(-50%, 0) rotate(45deg);
    border: none;
    background: inherit;
    z-index: -1;
}



.social a[href*="facebook"]:hover::before {


    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"    viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve">    <g>    <g>    <path fill="%23FFFFFF" d="M11.6,28V18H8V14h3.6v-3.1c0-3.5,2.1-5.4,5.3-5.4c1.5,0,3.1,0.3,3.1,0.3v3.4h-1.8c-1.8,0-2.3,1.1-2.3,2.2V14h3.9L19.3,18    H16v10"/>    </g>    </g>    </svg>');/*background-color: #3b5998 !important*/;


}

#footer ul.social li a[href*="facebook"]:hover::before {


    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23FFFFFF" d="M22.8,14c0-4.8-3.9-8.7-8.8-8.7c-4.8,0-8.7,3.9-8.7,8.7c0,4.4,3.2,8,7.4,8.6v-6.1h-2.3V14h2.2v-1.9c0-2.2,1.3-3.4,3.3-3.4 c0.9,0,1.9,0.2,1.9,0.2v2.2h-1.1c-1.1,0-1.5,0.7-1.5,1.4v1.6h2.4l-0.4,2.5h-2v6.1C19.5,22,22.8,18.4,22.8,14z"/> </svg>');


}

p.social a::before { background-color: #BDB7B3; }
.team .textcontent p.social a::before { background-color: #A89769 ; }


.textcontent p.social a{ display: inline-flex;
    align-items: center;
    color: #545751;}
.textcontent p.social a::before { font-size:2.8rem; margin-right:1rem; }


.textcontent p.social {  margin-bottom: 0.5em;}
.textcontent p.social+p.social { }


.social a[href*="twitter"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23FFFFFF" id="TW" d="M11.1,20.2c5.8,0,8.9-4.8,8.9-8.9c0-0.1,0-0.3,0-0.4c0.6-0.4,1.1-1,1.6-1.6c-0.6,0.2-1.2,0.4-1.8,0.5 c0.7-0.4,1.1-1,1.4-1.7c-0.6,0.4-1.3,0.6-2,0.8c-0.6-0.6-1.4-1-2.3-1c-1.7,0-3.1,1.4-3.1,3.1c0,0.2,0,0.5,0.1,0.7 c-2.6-0.1-4.9-1.4-6.5-3.3C7.1,8.8,7,9.4,7,9.9C7,11,7.5,12,8.4,12.5c-0.5,0-1-0.2-1.4-0.4l0,0c0,1.6,1,2.9,2.5,3.2 c-0.3,0.1-0.5,0.1-0.8,0.1c-0.2,0-0.4,0-0.6-0.1c0.4,1.3,1.6,2.2,2.9,2.2c-1.1,0.8-2.4,1.3-3.9,1.3c-0.3,0-0.5,0-0.7,0 C7.7,19.7,9.4,20.2,11.1,20.2z"/> </svg>');/*background-color: #1da1f2 !important;*/
}

.social a[href*="insta"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <g> <path  fill="%23FFFFFF" d="M14,7.1c2.3,0,2.5,0,3.4,0.1c0.8,0.1,1.3,0.2,1.6,0.3c0.4,0.1,0.7,0.3,0.9,0.6c0.3,0.3,0.5,0.6,0.6,0.9 c0.1,0.3,0.3,0.8,0.3,1.6c0.1,0.9,0.1,1.1,0.1,3.4s0,2.5-0.1,3.4c-0.1,0.8-0.2,1.3-0.3,1.6c-0.1,0.4-0.3,0.7-0.6,0.9 c-0.3,0.3-0.6,0.5-0.9,0.6c-0.3,0.1-0.8,0.3-1.6,0.3c-0.9,0.1-1.1,0.1-3.4,0.1s-2.5,0-3.4-0.1c-0.8-0.1-1.3-0.2-1.6-0.3 c-0.4-0.1-0.7-0.3-0.9-0.6c-0.3-0.3-0.5-0.6-0.6-0.9c-0.1-0.3-0.3-0.8-0.3-1.6c-0.1-0.9-0.1-1.1-0.1-3.4s0-2.5,0.1-3.4 C7.2,9.8,7.3,9.3,7.5,9c0.1-0.4,0.3-0.7,0.6-0.9C8.4,7.8,8.6,7.6,9,7.5c0.3-0.1,0.8-0.3,1.6-0.3C11.5,7.1,11.7,7.1,14,7.1z M14,5.5 c-2.3,0-2.6,0-3.5,0.1C9.7,5.6,9,5.8,8.5,5.9c-0.6,0.2-1,0.5-1.5,1c-0.4,0.4-0.8,0.9-1,1.5C5.8,9,5.6,9.6,5.6,10.5 c-0.1,0.9-0.1,1.2-0.1,3.5s0,2.6,0.1,3.5c0.1,0.9,0.2,1.5,0.4,2.1c0.2,0.6,0.5,1,1,1.5c0.4,0.4,0.9,0.8,1.5,1 c0.6,0.2,1.1,0.4,2.1,0.4c0.9,0.1,1.2,0.1,3.5,0.1s2.6,0,3.5-0.1s1.5-0.2,2.1-0.4c0.6-0.2,1-0.5,1.5-1c0.4-0.4,0.8-0.9,1-1.5 c0.2-0.6,0.4-1.1,0.4-2.1c0.1-0.9,0.1-1.2,0.1-3.5s0-2.6-0.1-3.5c-0.1-0.9-0.2-1.5-0.4-2.1s-0.5-1-1-1.5c-0.4-0.4-0.9-0.8-1.5-1 c-0.6-0.2-1.1-0.4-2.1-0.4C16.6,5.6,16.3,5.5,14,5.5z M14,9.7c-2.4,0-4.3,2-4.3,4.3s2,4.3,4.3,4.3s4.3-2,4.3-4.3S16.4,9.7,14,9.7z M14,16.8c-1.6,0-2.8-1.3-2.8-2.8s1.3-2.8,2.8-2.8s2.8,1.3,2.8,2.8S15.5,16.8,14,16.8z M18.5,10.5c0.6,0,1-0.4,1-1s-0.4-1-1-1 c-0.6,0-1,0.4-1,1S17.9,10.5,18.5,10.5z"/> </g> </svg>');
}

.social a[href*="linked"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <g id="linkeidn"> <path d="M10.2,8.5c0,0.8-0.6,1.5-1.6,1.5S7,9.4,7,8.5C7,7.7,7.6,7,8.6,7S10.1,7.7,10.2,8.5z M7.1,21v-9.8h3V21H7.1z"/> <path d="M11.9,14.3c0-1.2,0-2.2-0.1-3.1h2.6l0.1,1.4h0.1C15,12,16,11,17.6,11c2,0,3.4,1.3,3.4,4.2V21h-3v-5.4 c0-1.3-0.4-2.1-1.5-2.1c-0.8,0-1.3,0.6-1.5,1.1c-0.1,0.2-0.1,0.5-0.1,0.8V21h-3V14.3z"/> </g> </svg>');/*background-color: #0072b1 !important;*/
}


.social a[href*="mailto:"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23FFFFFF" d="M20.2,7.8H7.8c-0.9,0-1.6,0.7-1.6,1.6v9.3c0,0.9,0.7,1.6,1.6,1.6h12.4c0.9,0,1.6-0.7,1.6-1.6V9.3 C21.8,8.5,21.1,7.8,20.2,7.8z M20.2,10.9L14,14.8l-6.2-3.9V9.3l6.2,3.9l6.2-3.9V10.9z"/> </svg>'); background-color: #565148 !important;
}
.social a[href*="tel:"]:hover::before { background-color: #565148 !important;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path d="M20.2,16.7c-0.9,0-1.9-0.2-2.8-0.5c-0.3-0.1-0.5,0-0.8,0.2l-1.7,1.7c-2.2-1.1-4-3-5.1-5.1l1.7-1.7c0.2-0.2,0.3-0.5,0.2-0.8 c-0.2-0.9-0.4-1.8-0.4-2.7C11.3,7.4,11,7,10.5,7H7.8C7.4,7,7,7.4,7,7.8C7,15.1,12.9,21,20.2,21c0.4,0,0.8-0.4,0.8-0.8v-2.7 C21,17,20.6,16.7,20.2,16.7z"/> </svg>');
}





/* =============================================== */

.meta ul.social li { font-size:2.8rem; }

@media all and (max-width: 599px) {

    .meta ul.social li { font-size:2.4rem; }
}


.meta ul.social li a { background: white; }

.meta ul.social li a[href*="facebook"]::before {

    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"    viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve">    <g>    <g>    <path fill="%23565148" d="M11.6,28V18H8V14h3.6v-3.1c0-3.5,2.1-5.4,5.3-5.4c1.5,0,3.1,0.3,3.1,0.3v3.4h-1.8c-1.8,0-2.3,1.1-2.3,2.2V14h3.9L19.3,18    H16v10"/>    </g>    </g>    </svg>');


}


.meta ul.social li a[href*="twitter"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23565148" id="TW" d="M11.1,20.2c5.8,0,8.9-4.8,8.9-8.9c0-0.1,0-0.3,0-0.4c0.6-0.4,1.1-1,1.6-1.6c-0.6,0.2-1.2,0.4-1.8,0.5 c0.7-0.4,1.1-1,1.4-1.7c-0.6,0.4-1.3,0.6-2,0.8c-0.6-0.6-1.4-1-2.3-1c-1.7,0-3.1,1.4-3.1,3.1c0,0.2,0,0.5,0.1,0.7 c-2.6-0.1-4.9-1.4-6.5-3.3C7.1,8.8,7,9.4,7,9.9C7,11,7.5,12,8.4,12.5c-0.5,0-1-0.2-1.4-0.4l0,0c0,1.6,1,2.9,2.5,3.2 c-0.3,0.1-0.5,0.1-0.8,0.1c-0.2,0-0.4,0-0.6-0.1c0.4,1.3,1.6,2.2,2.9,2.2c-1.1,0.8-2.4,1.3-3.9,1.3c-0.3,0-0.5,0-0.7,0 C7.7,19.7,9.4,20.2,11.1,20.2z"/> </svg>');
}

.meta ul.social li a[href*="insta"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <g> <path  fill="%23565148" d="M14,7.1c2.3,0,2.5,0,3.4,0.1c0.8,0.1,1.3,0.2,1.6,0.3c0.4,0.1,0.7,0.3,0.9,0.6c0.3,0.3,0.5,0.6,0.6,0.9 c0.1,0.3,0.3,0.8,0.3,1.6c0.1,0.9,0.1,1.1,0.1,3.4s0,2.5-0.1,3.4c-0.1,0.8-0.2,1.3-0.3,1.6c-0.1,0.4-0.3,0.7-0.6,0.9 c-0.3,0.3-0.6,0.5-0.9,0.6c-0.3,0.1-0.8,0.3-1.6,0.3c-0.9,0.1-1.1,0.1-3.4,0.1s-2.5,0-3.4-0.1c-0.8-0.1-1.3-0.2-1.6-0.3 c-0.4-0.1-0.7-0.3-0.9-0.6c-0.3-0.3-0.5-0.6-0.6-0.9c-0.1-0.3-0.3-0.8-0.3-1.6c-0.1-0.9-0.1-1.1-0.1-3.4s0-2.5,0.1-3.4 C7.2,9.8,7.3,9.3,7.5,9c0.1-0.4,0.3-0.7,0.6-0.9C8.4,7.8,8.6,7.6,9,7.5c0.3-0.1,0.8-0.3,1.6-0.3C11.5,7.1,11.7,7.1,14,7.1z M14,5.5 c-2.3,0-2.6,0-3.5,0.1C9.7,5.6,9,5.8,8.5,5.9c-0.6,0.2-1,0.5-1.5,1c-0.4,0.4-0.8,0.9-1,1.5C5.8,9,5.6,9.6,5.6,10.5 c-0.1,0.9-0.1,1.2-0.1,3.5s0,2.6,0.1,3.5c0.1,0.9,0.2,1.5,0.4,2.1c0.2,0.6,0.5,1,1,1.5c0.4,0.4,0.9,0.8,1.5,1 c0.6,0.2,1.1,0.4,2.1,0.4c0.9,0.1,1.2,0.1,3.5,0.1s2.6,0,3.5-0.1s1.5-0.2,2.1-0.4c0.6-0.2,1-0.5,1.5-1c0.4-0.4,0.8-0.9,1-1.5 c0.2-0.6,0.4-1.1,0.4-2.1c0.1-0.9,0.1-1.2,0.1-3.5s0-2.6-0.1-3.5c-0.1-0.9-0.2-1.5-0.4-2.1s-0.5-1-1-1.5c-0.4-0.4-0.9-0.8-1.5-1 c-0.6-0.2-1.1-0.4-2.1-0.4C16.6,5.6,16.3,5.5,14,5.5z M14,9.7c-2.4,0-4.3,2-4.3,4.3s2,4.3,4.3,4.3s4.3-2,4.3-4.3S16.4,9.7,14,9.7z M14,16.8c-1.6,0-2.8-1.3-2.8-2.8s1.3-2.8,2.8-2.8s2.8,1.3,2.8,2.8S15.5,16.8,14,16.8z M18.5,10.5c0.6,0,1-0.4,1-1s-0.4-1-1-1 c-0.6,0-1,0.4-1,1S17.9,10.5,18.5,10.5z"/> </g> </svg>');
}

.meta ul.social li a[href*="linked"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23565148" version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <g id="linkeidn"> <path d="M10.2,8.5c0,0.8-0.6,1.5-1.6,1.5S7,9.4,7,8.5C7,7.7,7.6,7,8.6,7S10.1,7.7,10.2,8.5z M7.1,21v-9.8h3V21H7.1z"/> <path d="M11.9,14.3c0-1.2,0-2.2-0.1-3.1h2.6l0.1,1.4h0.1C15,12,16,11,17.6,11c2,0,3.4,1.3,3.4,4.2V21h-3v-5.4 c0-1.3-0.4-2.1-1.5-2.1c-0.8,0-1.3,0.6-1.5,1.1c-0.1,0.2-0.1,0.5-0.1,0.8V21h-3V14.3z"/> </g> </svg>');
}


.meta ul.social li a[href*="mailto:"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23565148" d="M20.2,7.8H7.8c-0.9,0-1.6,0.7-1.6,1.6v9.3c0,0.9,0.7,1.6,1.6,1.6h12.4c0.9,0,1.6-0.7,1.6-1.6V9.3 C21.8,8.5,21.1,7.8,20.2,7.8z M20.2,10.9L14,14.8l-6.2-3.9V9.3l6.2,3.9l6.2-3.9V10.9z"/> </svg>');
}
.meta ul.social li a[href*="tel:"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23565148" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path d="M20.2,16.7c-0.9,0-1.9-0.2-2.8-0.5c-0.3-0.1-0.5,0-0.8,0.2l-1.7,1.7c-2.2-1.1-4-3-5.1-5.1l1.7-1.7c0.2-0.2,0.3-0.5,0.2-0.8 c-0.2-0.9-0.4-1.8-0.4-2.7C11.3,7.4,11,7,10.5,7H7.8C7.4,7,7,7.4,7,7.8C7,15.1,12.9,21,20.2,21c0.4,0,0.8-0.4,0.8-0.8v-2.7 C21,17,20.6,16.7,20.2,16.7z"/> </svg>');
}

.meta ul.social li a[href*="facebook"]:hover::before {

    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"    viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve">    <g>    <g>    <path fill="%23FFFFFF" d="M11.6,28V18H8V14h3.6v-3.1c0-3.5,2.1-5.4,5.3-5.4c1.5,0,3.1,0.3,3.1,0.3v3.4h-1.8c-1.8,0-2.3,1.1-2.3,2.2V14h3.9L19.3,18    H16v10"/>    </g>    </g>    </svg>');
}

.meta ul.social li a[href*="twitter"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23FFFFFF" id="TW" d="M11.1,20.2c5.8,0,8.9-4.8,8.9-8.9c0-0.1,0-0.3,0-0.4c0.6-0.4,1.1-1,1.6-1.6c-0.6,0.2-1.2,0.4-1.8,0.5 c0.7-0.4,1.1-1,1.4-1.7c-0.6,0.4-1.3,0.6-2,0.8c-0.6-0.6-1.4-1-2.3-1c-1.7,0-3.1,1.4-3.1,3.1c0,0.2,0,0.5,0.1,0.7 c-2.6-0.1-4.9-1.4-6.5-3.3C7.1,8.8,7,9.4,7,9.9C7,11,7.5,12,8.4,12.5c-0.5,0-1-0.2-1.4-0.4l0,0c0,1.6,1,2.9,2.5,3.2 c-0.3,0.1-0.5,0.1-0.8,0.1c-0.2,0-0.4,0-0.6-0.1c0.4,1.3,1.6,2.2,2.9,2.2c-1.1,0.8-2.4,1.3-3.9,1.3c-0.3,0-0.5,0-0.7,0 C7.7,19.7,9.4,20.2,11.1,20.2z"/> </svg>');
}

.meta ul.social li a[href*="insta"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <g> <path  fill="%23FFFFFF" d="M14,7.1c2.3,0,2.5,0,3.4,0.1c0.8,0.1,1.3,0.2,1.6,0.3c0.4,0.1,0.7,0.3,0.9,0.6c0.3,0.3,0.5,0.6,0.6,0.9 c0.1,0.3,0.3,0.8,0.3,1.6c0.1,0.9,0.1,1.1,0.1,3.4s0,2.5-0.1,3.4c-0.1,0.8-0.2,1.3-0.3,1.6c-0.1,0.4-0.3,0.7-0.6,0.9 c-0.3,0.3-0.6,0.5-0.9,0.6c-0.3,0.1-0.8,0.3-1.6,0.3c-0.9,0.1-1.1,0.1-3.4,0.1s-2.5,0-3.4-0.1c-0.8-0.1-1.3-0.2-1.6-0.3 c-0.4-0.1-0.7-0.3-0.9-0.6c-0.3-0.3-0.5-0.6-0.6-0.9c-0.1-0.3-0.3-0.8-0.3-1.6c-0.1-0.9-0.1-1.1-0.1-3.4s0-2.5,0.1-3.4 C7.2,9.8,7.3,9.3,7.5,9c0.1-0.4,0.3-0.7,0.6-0.9C8.4,7.8,8.6,7.6,9,7.5c0.3-0.1,0.8-0.3,1.6-0.3C11.5,7.1,11.7,7.1,14,7.1z M14,5.5 c-2.3,0-2.6,0-3.5,0.1C9.7,5.6,9,5.8,8.5,5.9c-0.6,0.2-1,0.5-1.5,1c-0.4,0.4-0.8,0.9-1,1.5C5.8,9,5.6,9.6,5.6,10.5 c-0.1,0.9-0.1,1.2-0.1,3.5s0,2.6,0.1,3.5c0.1,0.9,0.2,1.5,0.4,2.1c0.2,0.6,0.5,1,1,1.5c0.4,0.4,0.9,0.8,1.5,1 c0.6,0.2,1.1,0.4,2.1,0.4c0.9,0.1,1.2,0.1,3.5,0.1s2.6,0,3.5-0.1s1.5-0.2,2.1-0.4c0.6-0.2,1-0.5,1.5-1c0.4-0.4,0.8-0.9,1-1.5 c0.2-0.6,0.4-1.1,0.4-2.1c0.1-0.9,0.1-1.2,0.1-3.5s0-2.6-0.1-3.5c-0.1-0.9-0.2-1.5-0.4-2.1s-0.5-1-1-1.5c-0.4-0.4-0.9-0.8-1.5-1 c-0.6-0.2-1.1-0.4-2.1-0.4C16.6,5.6,16.3,5.5,14,5.5z M14,9.7c-2.4,0-4.3,2-4.3,4.3s2,4.3,4.3,4.3s4.3-2,4.3-4.3S16.4,9.7,14,9.7z M14,16.8c-1.6,0-2.8-1.3-2.8-2.8s1.3-2.8,2.8-2.8s2.8,1.3,2.8,2.8S15.5,16.8,14,16.8z M18.5,10.5c0.6,0,1-0.4,1-1s-0.4-1-1-1 c-0.6,0-1,0.4-1,1S17.9,10.5,18.5,10.5z"/> </g> </svg>');
}

.meta ul.social li a[href*="linked"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <g id="linkeidn"> <path d="M10.2,8.5c0,0.8-0.6,1.5-1.6,1.5S7,9.4,7,8.5C7,7.7,7.6,7,8.6,7S10.1,7.7,10.2,8.5z M7.1,21v-9.8h3V21H7.1z"/> <path d="M11.9,14.3c0-1.2,0-2.2-0.1-3.1h2.6l0.1,1.4h0.1C15,12,16,11,17.6,11c2,0,3.4,1.3,3.4,4.2V21h-3v-5.4 c0-1.3-0.4-2.1-1.5-2.1c-0.8,0-1.3,0.6-1.5,1.1c-0.1,0.2-0.1,0.5-0.1,0.8V21h-3V14.3z"/> </g> </svg>');
}


.meta ul.social li a[href*="mailto:"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path fill="%23FFFFFF" d="M20.2,7.8H7.8c-0.9,0-1.6,0.7-1.6,1.6v9.3c0,0.9,0.7,1.6,1.6,1.6h12.4c0.9,0,1.6-0.7,1.6-1.6V9.3 C21.8,8.5,21.1,7.8,20.2,7.8z M20.2,10.9L14,14.8l-6.2-3.9V9.3l6.2,3.9l6.2-3.9V10.9z"/> </svg>');
}
.meta ul.social li a[href*="tel:"]:hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve"> <path d="M20.2,16.7c-0.9,0-1.9-0.2-2.8-0.5c-0.3-0.1-0.5,0-0.8,0.2l-1.7,1.7c-2.2-1.1-4-3-5.1-5.1l1.7-1.7c0.2-0.2,0.3-0.5,0.2-0.8 c-0.2-0.9-0.4-1.8-0.4-2.7C11.3,7.4,11,7,10.5,7H7.8C7.4,7,7,7.4,7,7.8C7,15.1,12.9,21,20.2,21c0.4,0,0.8-0.4,0.8-0.8v-2.7 C21,17,20.6,16.7,20.2,16.7z"/> </svg>');
}


/* =============================================== */