/*** GENERAL STYLES ***/

.dpSocialBar_container {
    position:fixed;
    left:0;
    top:100px;
    width:34px;
    border: 1px solid #dbdbdb;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    z-index:9999;
}


.dpSocialBar_container .dpSocialBar_wrap {
    position:relative;
    z-index:999;
    border:1px solid #ffffff;
    background:#f4f4f4;
    widrh:100%;
    min-height:34px;
    min-width:30px;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    overflow:hidden;
}

.dpSocialBar_container .dpSocialBar_arrow_down {
    position:absolute;
    bottom:-30px;
    left:5px;
    width:22px;
    height:22px;
    background:url(images/socialNetworking/arrows.png) no-repeat 0 0;
    z-index:9999;
}

.dpSocialBar_container .dpSocialBar_arrow_down:hover {
    background-position:-22px 0;
}

.dpSocialBar_container .dpSocialBar_arrow_down:active {
    background-position:-44px 0;
}

.dpSocialBar_container .dpSocialBar_arrow_up {
    position:absolute;
    top:-30px;
    left:5px;
    width:22px;
    height:22px;
    background:url(images/socialNetworking/arrows.png) no-repeat 0 -22px;
    z-index:9999;
    display:none;
}

.dpSocialBar_container .dpSocialBar_arrow_up:hover {
    background-position:-22px -22px;
}

.dpSocialBar_container .dpSocialBar_arrow_up:active {
    background-position:-44px -22px;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon {
    border:0;
    width:24px;
    height:24px;
    position:relative;
    opacity:0.7;
}

.dpSocialBar_container .dpSocialBar_wrap a {
    margin:5px 3px;
}

.dpSocialBar_container .dpSocialBar_caption {
    opacity:0;
    position:absolute;
    display:none;
    border:1px solid #dbdbdb;
}

.dpSocialBar_container .dpSocialBar_caption span {
    color:#000;
    font-size:10px;
    font-family:Tahoma, Geneva, sans-serif;
    text-align:center;
    padding:5px 10px;
    min-width:100px;
    background:#f4f4f4;
    border:1px solid #fff;
    display:block;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon:hover {
    opacity:1;
}

/*** POSITION ***/
.dpSocialBar_container.right{
    left:auto;
    right:0;
    width:34px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.dpSocialBar_container.top{
    left:100px;
    top:0;
    height:35px;
    width:auto;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top:0;
    padding-bottom:1px;
}

.dpSocialBar_container.bottom{
    left:100px;
    top:auto;
    bottom:0;
    height:34px;
    width:auto;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.dpSocialBar_container.top .dpSocialBar_icon, .dpSocialBar_container.bottom .dpSocialBar_icon{
    position: absolute;
}

.dpSocialBar_container.right .dpSocialBar_wrap {
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.dpSocialBar_container.top .dpSocialBar_wrap {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.dpSocialBar_container.bottom .dpSocialBar_wrap {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.dpSocialBar_container.top .dpSocialBar_arrow_down {
    right:-30px;
    top:5px;
    left:auto;
    bottom:auto;
    background-position:0 -66px !important;
}

.dpSocialBar_container.top .dpSocialBar_arrow_down:hover, .dpSocialBar_container.bottom .dpSocialBar_arrow_down:hover {
    background-position:-22px -66px !important;
}

.dpSocialBar_container.top .dpSocialBar_arrow_down:active, .dpSocialBar_container.bottom .dpSocialBar_arrow_down:active {
    background-position:-44px -66px !important;
}

.dpSocialBar_container.bottom .dpSocialBar_arrow_down {
    right:-30px;
    bottom:5px;
    left:auto;
    top:auto;
    background-position:0 -66px !important;
}

.dpSocialBar_container.top .dpSocialBar_arrow_up {
    left:-30px;
    top:5px;
    bottom:auto;
    background-position:0 -44px !important;
}

.dpSocialBar_container.bottom .dpSocialBar_arrow_up {
    left:-30px;
    bottom:5px;
    top:auto;
    background-position:0 -44px !important;
}

.dpSocialBar_container.top .dpSocialBar_arrow_up:hover, .dpSocialBar_container.bottom .dpSocialBar_arrow_up:hover {
    background-position:-22px -44px !important;
}

.dpSocialBar_container.top .dpSocialBar_arrow_up:active, .dpSocialBar_container.bottom .dpSocialBar_arrow_up:active {
    background-position:-44px -44px !important;
}

.dpSocialBar_container.top .dpSocialBar_wrap a, .dpSocialBar_container.bottom .dpSocialBar_wrap a {
    margin:5px;
}

/*** SKIN ***/

.dpSocialBar_container.dark {
    border: 1px solid #000;
}

.dpSocialBar_container.dark .dpSocialBar_wrap {
    border:1px solid #646464;
    background:#282828;
}

.dpSocialBar_container.dark .dpSocialBar_arrow_down {
    background:url(images/socialNetworking/arrows_dark.png) no-repeat 0 0;
}

.dpSocialBar_container.dark .dpSocialBar_arrow_down:hover {
    background-position:-22px 0;
}

.dpSocialBar_container.dark .dpSocialBar_arrow_down:active {
    background-position:-44px 0;
}

.dpSocialBar_container.dark .dpSocialBar_arrow_up {
    background:url(images/socialNetworking/arrows_dark.png) no-repeat 0 -22px;
}

.dpSocialBar_container.dark .dpSocialBar_arrow_up:hover {
    background-position:-22px -22px;
}

.dpSocialBar_container.dark .dpSocialBar_arrow_up:active {
    background-position:-44px -22px;
}

.dpSocialBar_container.dark .dpSocialBar_caption {
    border:1px solid #000;
}

.dpSocialBar_container.dark .dpSocialBar_caption span {
    color:#fff;
    background:#282828;
    border:1px solid #646464;
}

/*** ICONS ***/

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_twitter {
    background:url(images/socialNetworking/btn_twitter_24.png) no-repeat transparent 0 0;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_facebook {
    background:url(images/socialNetworking/btn_facebook_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_linkedin {
    background:url(images/socialNetworking/btn_linkedin_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_flickr {
    background:url(images/socialNetworking/btn_flickr_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_skype {
    background:url(images/socialNetworking/btn_skype_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_rss {
    background:url(images/socialNetworking/btn_rss_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_google {
    background:url(images/socialNetworking/btn_google_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_contact {
    background:url(images/socialNetworking/btn_contact_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_youtube {
    background:url(images/socialNetworking/btn_youtube_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_orkut {
    background:url(images/socialNetworking/btn_orkut_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_myspace {
    background:url(images/socialNetworking/btn_myspace_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_digg {
    background:url(images/socialNetworking/btn_digg_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_lastfm {
    background:url(images/socialNetworking/btn_lastfm_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_delicious {
    background:url(images/socialNetworking/btn_delicious_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_tumblr {
    background:url(images/socialNetworking/btn_tumblr_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_picasa {
    background:url(images/socialNetworking/btn_picasa_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_vimeo {
    background:url(images/socialNetworking/btn_vimeo_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_reddit {
    background:url(images/socialNetworking/btn_reddit_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_technorati {
    background:url(images/socialNetworking/btn_technorati_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_website {
    background:url(images/socialNetworking/btn_website_24.png) no-repeat transparent;
}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_instagram {
    background:url(images/socialNetworking/btn_instagram_24.png) no-repeat transparent;
}

/*** TRANSPARENT FLOATING DESIGN ***/

.dpSocialBar_container:not(.top):not(.bottom) {
    top:120px !important;
    width:30px !important;
    border:0 !important;
    background:transparent !important;
    border-radius:0 !important;
    z-index:10050;
}

.dpSocialBar_container:not(.top):not(.bottom).right {
    left:auto !important;
    right:3px !important;
}

.dpSocialBar_container:not(.top):not(.bottom):not(.right) {
    left:3px !important;
    right:auto !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap {
    width:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    height:auto !important;
    border:0 !important;
    background:transparent !important;
    border-radius:0 !important;
    overflow:visible !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a {
    width:30px !important;
    height:30px !important;
    margin:0 !important;
    border-radius:50%;
    outline:none;
    transition:transform 160ms ease, filter 160ms ease;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:hover,
.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:focus {
    transform:translateX(-3px);
    filter:brightness(1.06);
}

.dpSocialBar_container:not(.top):not(.bottom):not(.right) .dpSocialBar_wrap a:hover,
.dpSocialBar_container:not(.top):not(.bottom):not(.right) .dpSocialBar_wrap a:focus {
    transform:translateX(3px);
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap .dpSocialBar_icon {
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:30px !important;
    height:30px !important;
    border-radius:50%;
    opacity:1;
    background-color:#fff;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:20px 20px !important;
    box-shadow:0 2px 7px rgba(0, 0, 0, 0.24);
    color:#fff;
    line-height:1;
    text-align:center;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap .dpSocialBar_icon:hover {
    opacity:1;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon:before {
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:700;
    line-height:30px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_facebook {
    background:#1877f2 !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_facebook:before {
    content:"f";
    font-size:23px;
    line-height:31px;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_twitter {
    background:#13051f !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_twitter:before {
    content:"X";
    font-size:16px;
    font-weight:600;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_youtube {
    background:#ff0000 !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_youtube:before {
    content:"";
    width:0;
    height:0;
    margin-left:2px;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:10px solid #fff;
    line-height:1;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_instagram {
    background:radial-gradient(circle at 30% 110%, #ffdc80 0, #fcaf45 25%, #fd1d1d 50%, #c13584 72%, #833ab4 100%) !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_instagram:before {
    content:"";
    width:16px;
    height:16px;
    border:2px solid #fff;
    border-radius:5px;
    box-sizing:border-box;
    line-height:1;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_instagram:after {
    content:"";
    position:absolute;
    top:10px;
    left:10px;
    width:6px;
    height:6px;
    border:2px solid #fff;
    border-radius:50%;
    box-sizing:border-box;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_linkedin {
    background:#0a66c2 !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_linkedin:before {
    content:"in";
    font-size:14px;
    letter-spacing:-1px;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_google {
    background:#fff !important;
    color:#4285f4;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_google:before {
    content:"G";
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_facebook,
.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_twitter,
.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_youtube,
.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_linkedin,
.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_google {
    background-image:none !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_caption,
.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_arrow_down,
.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_arrow_up {
    display:none !important;
}

@media screen and (max-width:700px) {
    .dpSocialBar_container:not(.top):not(.bottom) {
        top:120px !important;
    }
}

/*** PROJECT SOCIAL MEDIA ICONS ***/

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(1) {
    top:0 !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(2) {
    top:36px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(3) {
    top:72px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(4) {
    top:108px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(5) {
    top:144px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(6) {
    top:180px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(7) {
    top:216px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(8) {
    top:252px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(9) {
    top:288px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap a:nth-child(10) {
    top:324px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon:before,
.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon:after {
    display:none !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_wrap .dpSocialBar_icon {
    overflow:hidden;
    background-color:transparent !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_facebook {
    background-image:url("../../images/social_media/facebook.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_twitter {
    background-image:url("../../images/social_media/twitter.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_youtube {
    background-image:url("../../images/social_media/youtube.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_instagram {
    background-image:url("../../images/social_media/instagram.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_linkedin {
    background-image:url("../../images/social_media/linkedin.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_google {
    background-image:url("../../images/social_media/google.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_rss {
    background-image:url("../../images/social_media/rss.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_skype {
    background-image:url("../../images/social_media/skype.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_vimeo {
    background-image:url("../../images/social_media/vimeo.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_flickr {
    background-image:url("../../images/social_media/flickr.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_delicious {
    background-image:url("../../images/social_media/delicious.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_digg {
    background-image:url("../../images/social_media/digg.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_lastfm {
    background-image:url("../../images/social_media/lastfm.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_myspace {
    background-image:url("../../images/social_media/myspace.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_orkut {
    background-image:url("../../images/social_media/orkut.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_picasa {
    background-image:url("../../images/social_media/picasa.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_reddit {
    background-image:url("../../images/social_media/reddit.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_technorati {
    background-image:url("../../images/social_media/technorati.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_tumblr {
    background-image:url("../../images/social_media/tumblr.png") !important;
}

.dpSocialBar_container:not(.top):not(.bottom) .dpSocialBar_icon_tiktok {
    background-image:url("../../images/social_media/tiktok.png") !important;
}