/*--------------------------------------------------------------------------------------------*/
/*   SOCIAL MEDIA - SHARING SEULEMENT
/*--------------------------------------------------------------------------------------------*/

.socialShare {
    margin: 0;
    padding-left: 2em;
    z-index: 100;
    filter:alpha(opacity=0);
    opacity:0;
}

.fixedShare{
    filter:alpha(opacity=100);
    opacity:1;
    position:fixed;
    padding-top: 50px;
}
.absTopShare{
    filter:alpha(opacity=100);
    opacity:1;
    position: absolute;
    left:0
}
.absBottomShare{
    filter:alpha(opacity=100);
    opacity:1;
    position: absolute;
    margin-bottom: 20px;
    bottom:60px;
    left:0
}
.socialShare .btn{
    display: inline-block;
    height:50px;
    width:50px;
    margin:5px 10px 5px 0;
    vertical-align:middle;
    border-radius: 25px;
    background-color:#212121;
    font-family: lp_web_icons;
    font-size: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;

}
.socialShare .btn img{width: 100%}
.socialShare  a:hover .btn{ background-position:  left -109px;}


.socialShare li {position: relative;width:100px;}
.socialShare li:hover {width:200px;}

.socialShare li.mail .btn { background-color: #212121}
.socialShare li.facebook .btn {background-color: #3b5998}
.socialShare li.twitter .btn {background-color: #19bfe5}
.socialShare li.gPlusone .btn {background-color: #dd4b39}

.lt-ie9 .socialShare  .btn{
    background-image: url(../img/icons/IcoBtnBgLt-IE8.png);
    height:40px;
    width:40px;
    margin:5px 10px 5px 0;
    font-size: 40px;
    line-height: 40px;
}

.lt-ie9 .socialShare li.mail .btn {background-position:  center 0; background-color: transparent;}
.lt-ie9 .socialShare li.facebook .btn {background-position:  center -219px; background-color: transparent;}
.lt-ie9 .socialShare li.twitter .btn {background-position:  center -274px; background-color: transparent;}
.lt-ie9 .socialShare li.gPlusone .btn {background-position:  center -329px; background-color: transparent;}

/*--------------------------------------------------------------------------------------------*/
/*   PHONE & MOBILE LAYOUT ADJUSTMENTS
/*--------------------------------------------------------------------------------------------*/
.portrait #screenShare .firstCol,
.landscape #screenShare .firstCol{padding-bottom: 70px;}

.portrait .socialShare,
.landscape .socialShare{
    bottom:10px;
    width: 100%
}
.portrait .socialShare ul,
.landscape .socialShare ul{text-align: center;}


.portrait .socialShare li,
.landscape .socialShare li{display: inline-block; width: 55px}


@media only screen and (max-width:1280px) {
    .socialShare {padding-left: 2em;}
}
@media only screen and (max-width:1024px) {
    .socialShare {padding-left: 1em;}
    .socialShare .btn {height: 40px;width: 40px;font-size: 40px;line-height: 40px;}

}