@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

body.share-noscroll {
    overflow-y: hidden
}

html.share-noscroll {
    overflow-y: hidden
}

.share-btn ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.share-btn .share-icon-container,
.share-btn a,
.share-btn button {
    position: relative;
    cursor: pointer;
    transition: width .15s ease-in-out
}

.share-btn .share-icon-container .icon,
.share-btn a .icon,
.share-btn button .icon {
    display: inline-block;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat
}

.share-toolbox a,
.share-toolbox button,
.share-toolbox .share-icon-container .icon {
    height: 32px;
    width: 32px;
    overflow: hidden;
    margin-right: 5px;
    border-radius: 10%;
    display: inline-block
}

.share-toolbox a .icon,
.share-toolbox button .icon {
    height: 100%;
    width: 100%
}

button[data-sharer],
button.share-more {
    background: 0;
    border: 0;
    cursor: pointer;
    padding: 0;
}

.share-menu * {
    box-sizing: border-box
}

.share-menu {
    font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Verdana", "sans-serif";
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.share-menu.show {
    opacity: 1;
    z-index: 999999;
    visibility: visible
}

.share-menu .title {
    font-size: 42px;
    line-height: 42px;
    padding: 20px;
    color: #fff;
    font-weight: 200
}

.share-menu .share-title {
    font-size: 16px;
    color: #eeecec;
    font-weight: 300
}

.share-menu .share-url {
    line-height: 18px;
    opacity: .6;
    font-weight: 200
}

.share-shadow {
    background: #17181a;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: .9
}

.share-list {
    padding-top: 15px
}

.share-list a {
    cursor: pointer;
    width: 24%;
    display: inline-table;
    color: #fff;
    margin: 10px auto
}

.share-list a .icon {
    display: block;
    width: 75%;
    padding-top: 75%;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 50px;
    min-height: 50px;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-size: auto !important;
}

.share-list a .text {
    font-size: 12px
}

.share-closed {
    z-index: 1;
    background-color: #fff;
    background-image: url(../img/Closed-icon.svg);
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: fixed;
    top: 30px;
    right: 30px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.share-closed:hover {
    opacity: .8
}

.share-text {
    color: #fff;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
    max-width: 570px;
    text-align: center;
    min-height: 320px;
    padding: 10px 0 80px
}

.share-btn .icon {
    background-size: 80%
}

.share-fb .icon {
    background-color: #3b5998;
    background-image: url(../img/Facebook.svg)
}

.share-t .icon {
    background-color: #000;
    background-image: url(../img/Twitter.svg)
}

.share-vk .icon {
    background-color: #6383a8;
    background-image: url(../img/Vkontakte.svg)
}

.share-reddit .icon {
    background-color: #ff5700;
    background-image: url(../img/Reddit.svg)
}

.share-whatsapp .icon {
    background-color: #4dc247;
    background-image: url(../img/WhatsApp.svg)
}

.share-gmail .icon {
    background-color: #db4437;
    background-image: url(../img/Gmail.svg)
}

.share-googlebookmark .icon {
    background-color: #4285f4;
    background-image: url(../img/GoogleBookmark.svg)
}

.share-e .icon {
    background-color: #585858;
    background-image: url(../img/Email.svg)
}

.share-adfty .icon {
    background-color: #9dcb43;
    background-image: url(../img/Adfty.svg)
}

.share-linkedin .icon {
    background-color: #0077b5;
    background-image: url(../img/LinkedIn.svg)
}

.share-print .icon {
    background-color: #738a8d;
    background-image: url(../img/Print.svg)
}

.share-pinterest .icon {
    background-color: #cb2027;
    background-image: url(../img/Pinterest.svg)
}

.share-messenger .icon {
    background-color: #0084ff;
    background-image: url(../img/Messenger.svg)
}

.share-sinaweibo .icon {
    background-color: #e6162d;
    background-image: url(../img/SinaWeibo.svg)
}

.share-blogger .icon {
    background-color: #f57d00;
    background-image: url(../img/Blogger.svg)
}

.share-100zakladok .icon {
    background-color: #6c8dbe;
    background-image: url(../img/100zakladok.svg)
}

.share-amazon .icon {
    background-color: #f90;
    background-image: url(../img/Amazon.svg)
}

.share-telegram .icon {
    background-color: #08c;
    background-image: url(../img/Telegram.svg)
}

.share-myspace .icon {
    background-color: #282828;
    background-image: url(../img/Myspace.svg)
}

.share-line .icon {
    background-color: #00c300;
    background-image: url(../img/Line.svg)
}

.share-viber .icon {
    background-color: #7b519d;
    background-image: url(../img/Viber.svg)
}

.share-odnoklassniki .icon {
    background-color: #d57819;
    background-image: url(../img/Odnoklassniki.svg)
}

.share-qrcode .icon {
    background-color: #4a8bf6;
    background-image: url(../img/Qrsrc.svg);
    background-size: 80%
}

.share-more .icon {
    background-color: #ff6550;
    background-image: url(../img/share-more-icon.svg);
    background-size: 32px 32px
}

@media(min-width:640px) {
    .share-list a {
        width: 18%
    }
}

.share-mob .share-side-counter {
    display: inline-block;
    width: 48px;
    text-align: center;
    overflow-wrap: break-word
}

.share-mob .share-side-counter .share-side-count {
    font-size: 17px;
    line-height: 1.25em;
    color: #222
}

.share-mob .share-side-counter .share-side-text {
    font-size: 9px;
    line-height: 1.25em;
    color: #222;
    letter-spacing: 1px
}

.share-mob .share-bottom-counter {
    right: 46px;
    display: block;
    border-radius: 4px;
    background-color: #fff;
    color: #666;
    position: absolute;
    height: 25px !important;
    padding: 2px 5px;
    line-height: 12px;
    text-align: center;
    top: 5.5px;
    font-size: 12px
}

@media(min-width:996px) {
    .share-mob .share-bottom-counter {
        display: none
    }

    .share-mob ul {
        z-index: 99999;
        display: block;
        position: fixed;
        top: 20%;
        right: 0;
        text-align: right;
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-name: slideInRight
    }

    .share-mob .share-icon-container,
    .share-mob a {
        height: 0.96rem;
        width: 0.96rem;
        overflow: hidden;
        float: right
    }

    .share-mob .share-icon-container:hover,
    .share-mob a:hover {
        width: 1.28rem
    }

    .share-mob .share-icon-container .icon,
    .share-mob a .icon {
        height: 100%;
        width: 100%
    }

    .share-mob [data-sharer] .icon {
        background-size: 0.64rem 0.64rem
    }
}

@media(max-width:996px) {
    .share-mob .share-shortcut {
        display: none
    }

    .share-mob .share-side-counter {
        display: none
    }

    .share-mob .share-icon-container,
    .share-mob a {
        margin-bottom: 0.2rem;
        height: 0.8rem;
        float: right
    }

    .share-mob .share-icon-container.share-more,
    .share-mob .a.share-more {
        margin-bottom: 0
    }

    .share-mob ul,
    .share-mob .share-open {
        position: fixed;
        right: 0.2rem;
        bottom: 0.3rem;
        z-index: 99999
    }

    .share-mob .share-open {
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-name: slideInRight;
        cursor: pointer;
        height: 0.8rem;
        width: 0.8rem;
        background: #ff6550;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare%3C%2Ftitle%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M26%2C13.4285714%20C26%2C13.6220248%2025.9293162%2C13.7894338%2025.7879464%2C13.9308036%20L20.0736607%2C19.6450893%20C19.932291%2C19.786459%2019.7648819%2C19.8571429%2019.5714286%2C19.8571429%20C19.3779752%2C19.8571429%2019.2105662%2C19.786459%2019.0691964%2C19.6450893%20C18.9278267%2C19.5037195%2018.8571429%2C19.3363105%2018.8571429%2C19.1428571%20L18.8571429%2C16.2857143%20L16.3571429%2C16.2857143%20C15.6279725%2C16.2857143%2014.9750773%2C16.3080355%2014.3984375%2C16.3526786%20C13.8217977%2C16.3973217%2013.2488868%2C16.477306%2012.6796875%2C16.5926339%20C12.1104882%2C16.7079619%2011.6157015%2C16.8660704%2011.1953125%2C17.0669643%20C10.7749235%2C17.2678581%2010.3824423%2C17.5264121%2010.0178571%2C17.8426339%20C9.65327199%2C18.1588557%209.35565592%2C18.534596%209.125%2C18.9698661%20C8.89434408%2C19.4051361%208.71391434%2C19.9203839%208.58370536%2C20.515625%20C8.45349637%2C21.1108661%208.38839286%2C21.7842224%208.38839286%2C22.5357143%20C8.38839286%2C22.9449425%208.40699386%2C23.4025272%208.44419643%2C23.9084821%20C8.44419643%2C23.9531252%208.45349693%2C24.0405499%208.47209821%2C24.1707589%20C8.4906995%2C24.3009679%208.5%2C24.3995532%208.5%2C24.4665179%20C8.5%2C24.5781256%208.46837829%2C24.6711306%208.40513393%2C24.7455357%20C8.34188956%2C24.8199408%208.25446484%2C24.8571429%208.14285714%2C24.8571429%20C8.02380893%2C24.8571429%207.9196433%2C24.7938994%207.83035714%2C24.6674107%20C7.77827355%2C24.6004461%207.72991094%2C24.5186017%207.68526786%2C24.421875%20C7.64062478%2C24.3251483%207.59040206%2C24.2135423%207.53459821%2C24.0870536%20C7.47879436%2C23.9605648%207.43973225%2C23.87128%207.41741071%2C23.8191964%20C6.47246551%2C21.6986501%206%2C20.0208395%206%2C18.7857143%20C6%2C17.3050521%206.19717065%2C16.0662252%206.59151786%2C15.0691964%20C7.79688103%2C12.0706695%2011.0520568%2C10.5714286%2016.3571429%2C10.5714286%20L18.8571429%2C10.5714286%20L18.8571429%2C7.71428571%20C18.8571429%2C7.52083237%2018.9278267%2C7.35342333%2019.0691964%2C7.21205357%20C19.2105662%2C7.07068382%2019.3779752%2C7%2019.5714286%2C7%20C19.7648819%2C7%2019.932291%2C7.07068382%2020.0736607%2C7.21205357%20L25.7879464%2C12.9263393%20C25.9293162%2C13.067709%2026%2C13.2351181%2026%2C13.4285714%20L26%2C13.4285714%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 50%;
        box-shadow: 0 0.04rem 0.20rem 0 rgba(0, 0, 0, .35);
        text-align: center
    }

    .share-mob .share-open-bg {
        display: none;
        background-color: #17181a;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        filter: alpha(opacity=45);
        -moz-opacity: .45;
        opacity: .45
    }

    .share-mob .share-icon-container .text,
    .share-mob a .text {
        display: block
    }

    .share-mob .share-icon-container span.icon {
        border-radius: 50%;
        height: 0.8rem;
        width: 0.8rem
    }

    .share-mob .share-icon-container span,
    .share-mob a span {
        display: inline-block;
        height: 0.8rem;
        box-shadow: 0 0.04rem 0.1rem 0 rgba(0, 0, 0, .35)
    }

    .share-mob .share-icon-container span.text,
    .share-mob a span.text {
        font-size: 0.24rem;
        line-height: 0.48rem;
        height: 0.48rem;
        -moz-border-radius: 0.08rem;
        -webkit-border-radius: 0.08rem;
        border-radius: 0.08rem;
        background-color: #fff;
        color: #666;
        padding: 0 0.2rem;
        position: absolute;
        right: 0.92rem;
        top: 0.16rem
    }

    .share-mob ul {
        display: none;
        animation-duration: .5s;
        animation-fill-mode: both
    }

    .share-mob.open ul {
        display: block;
        animation-name: slideInUp
    }

    .share-mob.open .share-open {
        display: none
    }

    .share-mob.open .share-open-bg {
        display: block
    }
}

.share-toolbox {
    text-align: center;
    font-size: 0
}

@media print {
    .share-menu {
        display: none !important
    }
}