<div id="home-top-sidebar" class="widget-area" role="complementary">
	<aside id="apsc_widget-2" class="widget widget_apsc_widget"><h1 class="widget-title"><span>Social</span></h1><div class="apsc-icons-wrapper clearfix apsc-theme-1">
                <div class="apsc-each-profile">
                                <a class="apsc-facebook-icon clearfix" href="http://facebook.com/https://www.facebook.com/AccessPressThemes" target="_blank"><div class="apsc-inner-block"><span class="social-icon"><i class="fa fa-facebook apsc-facebook"></i><span class="media-name">Facebook</span></span>
                            <span class="apsc-count">3,900</span><span class="apsc-media-type">Fans</span></div></a>
                                        </div>            <div class="apsc-each-profile">
                                <a class="apsc-twitter-icon clearfix" href="http://twitter.com/apthemes" target="_blank"><div class="apsc-inner-block"><span class="social-icon"><i class="fa fa-twitter apsc-twitter"></i><span class="media-name">Twitter</span></span>
                        <span class="apsc-count">267</span><span class="apsc-media-type">Followers</span></div></a>            </div>            <div class="apsc-each-profile">
                                        <a class="apsc-google-plus-icon clearfix" href="https://plus.google.com/+BBCNews" target="_blank"><div class="apsc-inner-block"><span class="social-icon"><i class="apsc-googlePlus fa fa-google-plus"></i><span class="media-name">google+</span></span>
                            <span class="apsc-count">7,494,712</span><span class="apsc-media-type">Followers</span></div></a>            </div>            <div class="apsc-each-profile">
                                        <a class="apsc-youtube-icon clearfix" href="https://www.youtube.com/user/accesspressthemes" target="_blank"><div class="apsc-inner-block"><span class="social-icon"><i class="apsc-youtube fa fa-youtube"></i><span class="media-name">Youtube</span></span>
                        <span class="apsc-count">431</span><span class="apsc-media-type">Subscriber</span></div></a>            </div><div class="apsc-each-profile">
                                        <a class="apsc-soundcloud-icon clearfix" href="https://soundcloud.com/" target="_blank"><div class="apsc-inner-block"><span class="social-icon"><i class="apsc-soundcloud fa fa-soundcloud"></i><span class="media-name">Soundcloud</span></span>
                            <span class="apsc-count">548</span><span class="apsc-media-type">Followers</span></div></a>            </div><div class="apsc-each-profile">
                                        <a class="apsc-comment-icon clearfix" href="javascript:void(0);"><div class="apsc-inner-block"><span class="social-icon"><i class="apsc-comments fa fa-comments"></i><span class="media-name">Comment</span></span>
                            <span class="apsc-count">15</span><span class="apsc-media-type">Comments</span></div></a>            </div></div>

</aside>
</div>


<style>

/********************************************Theme 1 css*******************************************************/

.apsc-each-profile {
    font-family: 'MyriadPro-Regular';
}

.apsc-theme-1 .apsc-each-profile {
    float: left;
    min-height: 80px;
    text-align: center;
    width: 80px;
    margin: 5px;
}

.apsc-each-profile a{
    font-weight:normal;
}

.apsc-theme-1 .apsc-each-profile a{
    padding: 9px;
    display: block;
    color: #fff;
    position:relative;
    border-radius: 5px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";/*IE 8*/
    -moz-box-shadow: 1px 1px 2px #b3b3b3;/*FF 3.5+*/
    -webkit-box-shadow: 1px 1px 2px #b3b3b3;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 1px 1px 2px #b3b3b3;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); /*IE 5.5-7*/

    transition: all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.entry-content  .apsc-each-profile a{
    border:none;
}

.site-footer .widget .apsc-each-profile a{
    color: #fff;
    text-decoration:none;
}

.social-icon {
    display: block;
}

.apsc-theme-1 .media-name {
    display: none;
}

.apsc-theme-1 .apsc-count {
    font-size: 16px;
    display: block;
    line-height: 15px;
    padding: 2px 0 0;
}

.entry-content .apsc-each-profile a,.entry-content .apsc-each-profile a:hover,.entry-content .apsc-each-profile a:focus {
    color: #fff;
    text-decoration:none;
}

.apsc-theme-1 .apsc-each-profile  a:before {
    background: radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
    left: 5%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    width: 90%;
    z-index: -1;
}

.apsc-theme-1 .apsc-each-profile a:hover:before {
    opacity: 1;
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
}

.apsc-theme-1 .apsc-each-profile a:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
}

.apsc-theme-1 .social-icon .fa {
    font-size: 45px;
}

.apsc-facebook-icon {
    background-color:#3b5998;
}

.apsc-twitter-icon{
    background-color:#1dcaff;
}

.apsc-youtube-icon{
    background-color:#e52d27;
}

.apsc-soundcloud-icon{
    background-color:#ff8800;
}

.apsc-dribble-icon{
    background-color:#ea4c89;
}

.apsc-comment-icon{
    background-color:#464646;
}

.apsc-edit-icon{
    background-color:#837d7d;
}

.apsc-google-plus-icon{
    background-color:#dd4b39;
}

.apsc-instagram-icon{
    background-color:#3f729b;
}

.apsc-theme-1 .apsc-media-type {
    display: none;
}
</style>