﻿
/* social media links */
.dp-socialMediaLinks {
    position: fixed;
    z-index: 981;
    left: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #e5e5e5;
    width:50px;
    height: auto;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
}
.dp-socialMediaLinks.dp-active{
    left:0;
}
.dp-socialMediaLinks a{
    display:block;
    font-size:20px;
    color: #474747;
    width: 50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    height:45px;
    line-height:47px;
    right:0;
    -webkit-transition:right .3s;
    -moz-transition:right .3s;
    -o-transition:right .3s;
    transition:right .3s;
    position:relative;
}
/*.dp-socialMediaLinks a i{
    display:inline-block;
    -webkit-transition:ease .3s;
    -moz-transition:ease .3s;
    -o-transition:ease .3s;
    transition:ease .3s;
}*/
.dp-socialMediaLinks a:hover , .dp-socialMediaLinks a:focus{
    color:#fff;
    width:60px;
    right:-10px;
}
/*.dp-socialMediaLinks a:hover i, .dp-socialMediaLinks a:focus i{
    -webkit-transform:rotate(-360deg);
    -moz-transform:rotate(-360deg);
    -ms-transform:rotate(-360deg);
    -o-transform:rotate(-360deg);
    transform:rotate(-360deg);
}*/
.dp-socialMediaLinks a.dp-icFacebook:hover ,.dp-socialMediaLinks a.dp-icFacebook:focus{
    background-color: #3A589B;
}
.dp-socialMediaLinks a.dp-icLinkedin:hover , .dp-socialMediaLinks a.dp-icLinkedin:focus{
    background-color:#0077B7;
}
.dp-socialMediaLinks a.dp-icGoogleP:hover , .dp-socialMediaLinks a.dp-icGoogleP:focus{
    background-color:#CC3731;
}
.dp-socialMediaLinks a.dp-icTwitter:hover , .dp-socialMediaLinks a.dp-icTwitter:focus{
    background-color:#2DAAE1;
}
.dp-socialMediaLinks a.dp-icTelegram:hover , .dp-socialMediaLinks a.dp-icTelegram:focus{
    background-color:#139BD0;
}
.dp-socialMediaLinks a.dp-icPinterest:hover , .dp-socialMediaLinks a.dp-icPinterest:focus{
    background-color: #C43535;
}
.dp-socialMediaLinks a.dp-icWhatsApp:hover , .dp-socialMediaLinks a.dp-icWhatsApp:focus{
    background-color: #2BB140;
}
.dp-socialMediaLinks a.dp-icGMail:hover , .dp-socialMediaLinks a.dp-icGMail:focus{
    background-color: #CC2D29;
}
.dp-toggleSocial {
    font-size: 18px;
    text-align: center;
    line-height: 39px;
    display: block;
    width: 45px;
    height: 40px;
    background-color: #464646;
    color: #FCAF17;
    position: relative;
    right: -45px;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
    cursor: pointer;
}
.dp-socialMediaLinks.dp-active .dp-toggleSocial{
    width:50px;
    /*background-color:#999;*/
    right:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}