.lv-shadow {
    position: fixed;
    background: rgba(33, 33, 33, .3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: 10100;
    opacity: 0;
}

.lv-inner-container {
    position: relative;
    display: inline-block
}

.lv-block {
    width: 66px;
    height: 66px;
    border-radius: 100%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer
}

.lv-block .lv-icon {
    opacity: 1
}

.lv-pos-bottom-right {
    right: 50px;
    bottom: 50px
}

.lv-inner-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 66px;
    border-radius: 100px;
    background: #30a0f6;
    box-sizing: border-box
}

.lv-icon-container {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.lv-inner-item {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
    -webkit-animation: socialRotateBack .4s;
    animation: socialRotateBack .4s;
    opacity: 0;
    overflow: hidden;
    box-sizing: border-box
}

.lv-inner-mask {
    position: absolute;
    top: -8px;
    left: -8px;
    height: 82px;
    min-width: 66px;
    -webkit-width: calc(100% + 16px);
    width: calc(100% + 16px);
    border-radius: 100px;
    background: #30a0f6;
    opacity: .2
}

.lv-icon {
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    cursor: pointer
}

.lv-icon-animated {
    opacity: 1;
}

.lv-icon:hover {
    opacity: 1
}

.lv-wrapper {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    visibility: hidden;
    direction: ltr;
    z-index: 10150
}

.lv-visible {
    visibility: visible;
    -webkit-animation: visible 1s ease-out forwards 1;
    animation: visible 1s ease-out forwards 1
}

@-webkit-keyframes visible {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    30.001% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    62.999% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes visible {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    30.001% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    62.999% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.lv-social {
    display: none
}

.lv-social-item {
    position: relative;
    display: block;
    margin: 0 10px 10px 0;
    width: 45px;
    height: 44px;
    background-size: 100%;
    border-radius: 25px;
    -webkit-box-shadow: 0 8px 6px -6px rgba(33, 33, 33, .2);
    -moz-box-shadow: 0 8px 6px -6px rgba(33, 33, 33, .2);
    box-shadow: 0 8px 6px -6px rgba(33, 33, 33, .2);
    cursor: pointer
}

.lv-social-item:hover {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
    -webkit-transition: box-shadow .17s cubic-bezier(0, 0, .2, 1);
    transition: box-shadow .17s cubic-bezier(0, 0, .2, 1)
}

.ui-icon.lv-social-item,
.ui-icon.ci {
    width: 46px;
    height: 46px;
    --ui-icon-size-md: 46px
}

.lv-social-tooltip {
    position: absolute;
    top: 50%;
    left: -9000px;
    display: inline-block;
    padding: 5px 10px;
    max-width: 360px;
    border-radius: 10px;
    font: 13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translate(0, -50%);
    transition: opacity .6s linear;
    opacity: 0;
    overflow: hidden
}

@media(max-width:480px) {
    .lv-social-tooltip {
        max-width: 200px
    }
}

.lv-social-item:hover .lv-social-tooltip {
    left: 50px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    z-index: 1
}

.lv-close {
    display: none
}

.lv-pos-bottom-right .lv-social-item:hover .lv-social-tooltip {
    left: -5px;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    opacity: 1
}

.lv-inner-container {
    -webkit-transform: scale(.85);
    transform: scale(.85);
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.lv-bottom .lv-inner-container {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: transform .3s linear;
    transition: transform .3s linear
}

.lv-bottom .lv-inner-block,
.lv-bottom .lv-inner-mask {
    background: #d6d6d6 !important;
    -webkit-transition: background .3s linear;
    transition: background .3s linear
}

.lv-bottom .lv-pulse {
    display: none
}

.lv-wrapper.lv-pos-bottom-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.lv-bottom .lv-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: -webkit-calc(100vh - 110px);
    height: calc(100vh - 110px);
    -webkit-animation: bottomOpen .3s;
    animation: bottomOpen .3s;
    visibility: visible
}

.lv-pos-bottom-right.lv-bottom .lv-social {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    order: 1;
    height: min-content;
}

.lv-bottom .lv-inner-item {
    display: none
}

.lv-bottom .lv-close {
    display: flex;
    -webkit-animation: socialRotate .4s;
    animation: socialRotate .4s;
    opacity: 1
}

.lv-show {
    -webkit-animation: show .3s cubic-bezier(.75, .01, .75, 0) forwards;
    animation: show .3s cubic-bezier(.75, .01, .75, 0) forwards
}

@-webkit-keyframes show {
    from {
        opacity: 0
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes show {
    from {
        opacity: 0
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

.lv-hide {
    -webkit-animation: hide .3s linear forwards;
    animation: hide .3s linear forwards
}

@-webkit-keyframes hide {
    from {
        opacity: 1;
        visibility: visible
    }

    50% {
        opacity: 1
    }

    99.999% {
        visibility: visible
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes hide {
    from {
        opacity: 1;
        visibility: visible
    }

    50% {
        opacity: 1
    }

    99.999% {
        visibility: visible
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

.lv-pop-name {
    font: bold 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #000
}

.lv-pop-desc {
    margin: 4px 0 0 0;
    font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #424956
}

.lv-wrapper.lv-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@-webkit-keyframes bottomOpen {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes bottomOpen {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes socialRotate {
    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes socialRotate {
    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes socialRotateBack {
    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes socialRotateBack {
    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(0);
        .lv-inner-item transform: rotate(0)
    }
}

.lv-pop {
    display: none;
    border-color: #0c51b0;
    position: absolute;
    left: 100px;
    padding: 12px 20px 12px 14px;
    width: 312px;
    border: 2px solid #2fc7f7;
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    z-index: 1;
    cursor: pointer
}

.lv-pop-triangle {
    background-color: #30a0f6;
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-right: 2px solid #2fc7f7;
    border-bottom: 2px solid #2fc7f7
}

.lv-pop-show {
    display: block;
    -webkit-animation: show .4s linear forwards;
    animation: show .4s linear forwards
}

.lv-pos-bottom-right .lv-pop-triangle {
    bottom: 25px;
    right: -6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lv-pos-bottom-right .lv-pop {
    left: -320px;
    bottom: 0
}

.lv-pop-btn-hide {
    position: absolute;
    top: 4px;
    right: 4px;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.41%205.07l2.867-2.864-1.34-1.34L5.07%203.73%202.207.867l-1.34%201.34L3.73%205.07.867%207.938l1.34%201.34L5.07%206.41l2.867%202.867%201.34-1.34L6.41%205.07z%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    opacity: .2;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer
}

.lv-pop-btn-hide:hover {
    opacity: 1;
}

.lv-pop-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.lv-pop-content {
    width: 222px
}

.lv-pop-image {
    margin: 0 10px 0 0;
    width: 42px;
    text-align: center
}

.lv-pop-image-item {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.lv-pulse {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #00aeef;
    border-radius: 50%
}

.lv-pulse-animate {
    -webkit-animation: widgetPulse infinite 1.5s;
    animation: widgetPulse infinite 1.5s
}

@-webkit-keyframes widgetPulse {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@keyframes widgetPulse {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@media(min-height:1024px) {
    .lv-bottom .lv-social {
        max-height: 900px
    }
}

@media(max-height:768px) {
    .lv-bottom .lv-social {
        max-height: 600px
    }
}

@media(max-height:667px) {

    .lv-bottom .lv-social {
        max-height: 440px
    }
}

@media(max-height:568px) {

    .lv-bottom .lv-social {
        max-height: 380px
    }
}

@media(max-height:480px) {

    .lv-bottom .lv-social {
        max-height: 335px
    }
}

@media (max-width: 768px) {
    .social-widget {
        display: none;
    }
}