<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Main Code
---------------------------------------------------- */
ul.socialicons { 
    list-style-type: none;
    margin: 0px;
    padding: 5px 0 20px 0;
}

@media (min-width: 768px) {  /* sm - @media (min-width: 768px)    md - @media (min-width: 992px)    lg - @media (min-width: 1200px) */
ul.socialicons { 
    list-style-type: none;
    margin: 0px;
    padding: 13px 0 0 0;
}
}

ul.socialicons.left li {
    list-style-type: none;
    display: inline-block;
    float: left;
    padding-right: 5px;
}

ul.socialicons.right li {
    list-style-type: none;
    display: inline-block;
    padding-right: 5px;
    padding-left: 0px;
}

@media (min-width: 768px) {  /* sm - @media (min-width: 768px)    md - @media (min-width: 992px)    lg - @media (min-width: 1200px) */
ul.socialicons.right li {
    list-style-type: none;
    display: inline-block;
    float: right;
    padding-right: 0px;
    padding-left: 5px;
}
}

ul.socialicons.bw.large li a {
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

ul.socialicons.bw.large li a:hover {
    background-position: 0px -48px;
}

ul.socialicons.color.large li a {
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    background-position: 0px -48px;
    -webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

ul.socialicons.color.large li a:hover {
    background-position: 0px 0px;
}

ul.socialicons.bw.small li a {
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background-size: 32px 64px;
    display: block;
    overflow: hidden;
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

ul.socialicons.bw.small li a:hover {
    background-position: 0px -32px;
}

ul.socialicons.color.small li a {
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background-size: 32px 64px;
    display: block;
    overflow: hidden;
    background-position: 0px -32px;
    -webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

ul.socialicons.color.small li a:hover {
    background-position: 0px 0px;
}

ul.socialicons.bw.x-small li a {
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background-size: 25px 50px;
    display: block;
    overflow: hidden;
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

ul.socialicons.bw.x-small li a:hover {
    background-position: 0px -25px;
}

ul.socialicons.color.x-small li a {
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background-size: 25px 50px;
    display: block;
    overflow: hidden;
    background-position: 0px -25px;
    -webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

ul.socialicons.color.x-small li a:hover {
    background-position: 0px 0px;
}



/* Social Icons
---------------------------------------------------- */
.facebook {
    background-image: url('img/facebook-hover.png');
}

.twitter {
    background-image: url('img/twitter-hover.png');
}

.google {
    background-image: url('img/google-hover.png');
}

.instagram {
    background-image: url('img/instagram-hover.png');
}

.linkedin {
    background-image: url('img/linkedin-hover.png');
}

.pinterest {
    background-image: url('img/pinterest-hover.png');
}

.reddit {
    background-image: url('img/reddit-hover.png');
}

.stumbleupon {
    background-image: url('img/stumbleupon-hover.png');
}

.tumblr {
    background-image: url('img/tumblr-hover.png');
}

.twitter  {
    background-image: url('img/twitter-hover.png');
}
</pre></body></html>