﻿/***    share buttons section    ***/

.share-buttons-area {
    /*top:0px;
    left:0px;
    opacity:0;*/
    display: none;
}

@media (min-width: 1330px) {
    .share-buttons-area.fixed {
        top: 25%;
        position: fixed;
        opacity: 1;
        transition: opacity .5s ease-in-out;
        display: block;
        font-size: 20px;
        line-height: 1.714285714286em;
        letter-spacing: .25px;
        color: #fff;
        width: 60px;
        left: 10px;
    }
}

@media (min-width:1108px) and (max-width:1200px) {
    .share-buttons-area.fixed {
        top: 25%;
        position: fixed;
        opacity: 1;
        transition: opacity .5s ease-in-out;
        display: block;
        font-size: 20px;
        line-height: 1.714285714286em;
        letter-spacing: .25px;
        color: #fff;
        width: 60px;
        left: 10px;
    }
}

@media (min-width:888px) and (max-width:992px) {
    .share-buttons-area.fixed {
        top: 25%;
        position: fixed;
        opacity: 1;
        transition: opacity .5s ease-in-out;
        display: block;
        font-size: 20px;
        line-height: 1.714285714286em;
        letter-spacing: .25px;
        color: #fff;
        width: 60px;
        left: 10px;
    }
}



@media (min-width:1200px) and (max-width: 1330px) {
    .share-buttons-area.fixed {
        display: none;
    }
}

@media (min-width:992px) and (max-width: 1108px) {
    .share-buttons-area.fixed {
        display: none;
    }
}

@media (max-width: 888px) {
    .share-buttons-area.fixed {
        display: none;
    }
}



.share-buttons-area .facebook {
    background: #6788ce;
}

.share-buttons-area .twitter {
    background: #29c5f6;
}

.share-buttons-area .linkedin {
    background: #3a9bdc;
    ;
}

.share-buttons-area .googleplus {
    background: #e75c3c;
}

.share-buttons-area .youtube-channel {
    background: #e75c3c;
}

.share-buttons-area .share {
    border-radius: 25% !important;
    margin: 5px 0 0 0;
}

.share-buttons-area button {
    border: 1px;
    width: 60px;
    height: 50px;
}

    .share-buttons-area button:hover {
        border: 1px;
        font-size: 30px;
        transition: font-size .5s ease-in-out;
    }

    .share-buttons-area button:focus {
        outline: none;
    }

.share.telegram {
    background-color: #1e96c8;
}

    .share.telegram:hover {
        background-color: #1e96c8;
    }

.share.youtube {
    background-color: #f4e3d6;
}

    .share.youtube:hover {
        background-color: #f4e3d6;
    }