.always-htro{
    position: fixed;
    right: 14px;
    bottom: 120px;
    z-index: 999
}
    .always-htro:hover {
        width: auto
    }
    .always-htro > div {
        margin: 7px 0;
        cursor: pointer;
        clear: both;
        padding-bottom: 17px;
         
    }

.bg-gray {
    padding: 0;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 40px -4px #fff;
    -moz-box-shadow: 0 0 40px -4px #fff;
    box-shadow: 0 0 40px -4px #fff;
    z-index: 1111;
    position: relative
}
.text-number{height:50px;font-size:17px;font-family:'UTM-alter-gothic';width:254px;margin-right:-50px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:0 0 40px -4px rgba(17,17,17,0.7);-moz-box-shadow:0 0 40px -4px rgba(17,17,17,0.7);box-shadow:0 0 40px -4px #fff;padding-right:45px}
    .text-number p, .text-number a{
        margin-top: 15px;
        color: red
    }
.group-cart > .bg-gray {
    background: #5f5e5e;
    background: -moz-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -webkit-linear-gradient(left,#444 0,#444 100%);
    background: -ms-linear-gradient(left,rgba(0,108,151,1) 0,rgba(3,80,135,1) 100%);
    background: linear-gradient(to right,rgb(85 86 86) 0,1) 0,#444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006c97',endColorstr='#035087',GradientType=1)
}
.group-call > .bg-gray {
    background: #5f5e5e;
    background: -moz-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(244,122,60,1)),color-stop(100%,rgba(254,75,48,1)));
    background: -webkit-linear-gradient(left,#444 0,#444 100%);
    background: -o-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -ms-linear-gradient(left,rgba(0,108,151,1) 0,rgba(3,80,135,1) 100%);
    background: linear-gradient(to right,rgb(85 86 86) 0,1) 0,#444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a3c',endColorstr='#fe4b30',GradientType=1)
}
.group-call1 > .bg-gray{
    background: #5f5e5e;
    background: -moz-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(244,122,60,1)),color-stop(100%,rgba(254,75,48,1)));
    background: -webkit-linear-gradient(left,#444 0,#444 100%);
    background: -o-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -ms-linear-gradient(left,rgba(0,108,151,1) 0,rgba(3,80,135,1) 100%);
    background: linear-gradient(to right,rgb(85 86 86) 0,1) 0,#444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a3c',endColorstr='#fe4b30',GradientType=1)
}
.group-call2 > .bg-gray{
    background: #5f5e5e;
    background: -moz-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(244,122,60,1)),color-stop(100%,rgba(254,75,48,1)));
    background: -webkit-linear-gradient(left,#444 0,#444 100%);
    background: -o-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -ms-linear-gradient(left,rgba(0,108,151,1) 0,rgba(3,80,135,1) 100%);
    background: linear-gradient(to right,rgb(85 86 86) 0,1) 0,#444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a3c',endColorstr='#fe4b30',GradientType=1)
}
.group-chat > .bg-gray{
    background: #fff;
    background: -moz-linear-gradient(left,rgba(53,175,69,1) 0,rgba(78,157,72,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(53,175,69,1)),color-stop(100%,rgba(78,157,72,1)));
    background: -webkit-linear-gradient(left,#fff 0,#fff 100%);
    background: -o-linear-gradient(left,rgba(53,175,69,1) 0,rgba(78,157,72,1) 100%);
    background: -ms-linear-gradient(left,rgba(53,175,69,1) 0,rgba(78,157,72,1) 100%);
    background: linear-gradient(to right,rgb(85 86 86) 0,1) 0,#444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35af45',endColorstr='#4e9d48',GradientType=1)
}
.group-cart>.bg-gray:hover~.text-number,.group-call>.bg-gray:hover~.text-number,.group-chat>.bg-gray:hover~.text-number{display:block!important}
.group-cart > .bg-gray:hover ~ .text-number, .group-call1 > .bg-gray:hover ~ .text-number, .group-chat > .bg-gray:hover ~ .text-number {
        display: block !important
    }
.group-cart > .bg-gray:hover {
    background: rgba(0,108,151,1);
    background: -moz-linear-gradient(left,rgba(0,108,151,1) 0,rgba(3,80,135,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(0,108,151,1)),color-stop(100%,rgba(3,80,135,1)));
    background: -webkit-linear-gradient(left,rgba(0,108,151,1) 0,rgba(3,80,135,1) 100%);
    background: -o-linear-gradient(left,rgba(0,108,151,1) 0,rgba(3,80,135,1) 100%);
    background: -ms-linear-gradient(left,rgba(0,108,151,1) 0,rgba(3,80,135,1) 100%);
    background: linear-gradient(to right,#ddd 0,#ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006c97',endColorstr='#035087',GradientType=1)
}
.group-cart .text-number {
    background: rgba(17,17,17,0.7);
    background: -moz-linear-gradient(left,rgba(3,79,134,1) 0,rgba(0,109,152,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(3,79,134,1)),color-stop(100%,rgba(0,109,152,1)));
    background: -webkit-linear-gradient(left,rgba(3,79,134,1) 0,rgba(0,109,152,1) 100%);
    background: -o-linear-gradient(left,rgba(3,79,134,1) 0,rgba(0,109,152,1) 100%);
    background: -ms-linear-gradient(left,rgba(3,79,134,1) 0,rgba(0,109,152,1) 100%);
    background: linear-gradient(to right,#dbdbdb 0,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#034f86',endColorstr='#006d98',GradientType=1)
}
.group-call > .bg-gray:hover {
    background: rgba(244,122,60,1);
    background: -moz-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(244,122,60,1)),color-stop(100%,rgba(254,75,48,1)));
    background: -webkit-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -o-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -ms-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: linear-gradient(to right,#ddd 0,#ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a3c',endColorstr='#fe4b30',GradientType=1)
}
.group-call1 > .bg-gray:hover{
    background: rgba(244,122,60,1);
    background: -moz-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(244,122,60,1)),color-stop(100%,rgba(254,75,48,1)));
    background: -webkit-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -o-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -ms-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: linear-gradient(to right,#ddd 0,#ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a3c',endColorstr='#fe4b30',GradientType=1)
}
.group-call2 > .bg-gray:hover {
    background: rgba(244,122,60,1);
    background: -moz-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(244,122,60,1)),color-stop(100%,rgba(254,75,48,1)));
    background: -webkit-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -o-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: -ms-linear-gradient(left,rgba(244,122,60,1) 0,rgba(254,75,48,1) 100%);
    background: linear-gradient(to right,#ddd 0,#ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a3c',endColorstr='#fe4b30',GradientType=1)
}
.group-call .text-number {
    background: rgba(255,75,47,1);
    background: -moz-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(255,75,47,1)),color-stop(100%,rgba(243,122,61,1)));
    background: -webkit-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -o-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: linear-gradient(to right,#dbdbdb 0,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b2f',endColorstr='#f37a3d',GradientType=1)
}
.group-call1 .text-number{
    background: rgba(255,75,47,1);
    background: -moz-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(255,75,47,1)),color-stop(100%,rgba(243,122,61,1)));
    background: -webkit-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -o-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: linear-gradient(to right,#dbdbdb 0,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b2f',endColorstr='#f37a3d',GradientType=1)
}
.group-call2 .text-number{
    background: rgba(255,75,47,1);
    background: -moz-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(255,75,47,1)),color-stop(100%,rgba(243,122,61,1)));
    background: -webkit-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -o-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,75,47,1) 0,rgba(243,122,61,1) 100%);
    background: linear-gradient(to right,#dbdbdb 0,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b2f',endColorstr='#f37a3d',GradientType=1)
}
.group-chat > .bg-gray:hover {
    background: rgba(53,175,69,1);
    background: -moz-linear-gradient(left,rgba(53,175,69,1) 0,rgba(78,157,72,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(53,175,69,1)),color-stop(100%,rgba(78,157,72,1)));
    background: -webkit-linear-gradient(left,rgba(53,175,69,1) 0,rgba(78,157,72,1) 100%);
    background: -o-linear-gradient(left,rgba(53,175,69,1) 0,rgba(78,157,72,1) 100%);
    background: -ms-linear-gradient(left,rgba(53,175,69,1) 0,rgba(78,157,72,1) 100%);
    background: linear-gradient(to right,#fff 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35af45',endColorstr='#4e9d48',GradientType=1)
}
.group-chat .text-number {
    background: rgba(81,156,72,1);
    background: -moz-linear-gradient(left,rgba(81,156,72,1) 0,rgba(52,176,68,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(81,156,72,1)),color-stop(100%,rgba(52,176,68,1)));
    background: -webkit-linear-gradient(left,rgba(81,156,72,1) 0,rgba(52,176,68,1) 100%);
    background: -o-linear-gradient(left,rgba(81,156,72,1) 0,rgba(52,176,68,1) 100%);
    background: -ms-linear-gradient(left,rgba(81,156,72,1) 0,rgba(52,176,68,1) 100%);
    background: linear-gradient(to right,#ffffff 0,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#519c48',endColorstr='#34b044',GradientType=1)
}
.group-cart > .bg-gray:hover ~ .text-number, .group-call1 > .bg-gray:hover ~ .text-number, .group-call > .bg-gray:hover ~ .text-number, .group-chat > .bg-gray:hover ~ .text-number {
    display: block;
}
.group-cart > .bg-gray:hover ~ .text-number, .group-call > .bg-gray:hover ~ .text-number, .group-call1 > .bg-gray:hover ~ .text-number, .group-chat > .bg-gray:hover ~ .text-number {
    display: block;
}
.group-cart > .bg-gray:hover ~ .text-number, .group-call1 > .bg-gray:hover ~ .text-number, .group-call1 > .bg-gray:hover ~ .text-number, .group-chat > .bg-gray:hover ~ .text-number {
    display: block;
}
.group-cart > .bg-gray:hover ~ .text-number, .group-call > .bg-gray:hover ~ .text-number, .group-call2 > .bg-gray:hover ~ .text-number, .group-chat > .bg-gray:hover ~ .text-number {
    display: block;
}
@media (max-width: 480px) {
    .text-number {
        height: 120px;
        font-size: 15px;
        font-family: 'UTM-alter-gothic';
        width: 50px;
        margin-right: -50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-box-shadow: 0 0 40px -4px rgba(17,17,17,0.7);
        -moz-box-shadow: 0 0 40px -4px rgba(17,17,17,0.7);
        box-shadow: 0 0 40px -4px #fff;
        padding-right: 45px;
        margin-top: -70px;
    }

        .text-number p, .text-number a {
            margin-top: 10px;
            color: red;
            font-size: 10px;
            padding-left: 10px;
            margin-right: 10px;
            margin-left: 7px;
        }

    .always-htro {
        position: static;
        background: rgba(53,175,69,1);
    }
        .always-htro > div.group-chat > .bg-gray, .always-htro > div.group-call > .bg-gray, .always-htro > div.group-call1 > .bg-gray, .always-htro > div.group-cart > .bg-gray {
            width: 47px;
            height: 47px;
            padding: 8px 0;
        }
        .always-htro > div.group-chat > .bg-gray, .always-htro > div.group-call > .bg-gray, .always-htro > div.group-call2 > .bg-gray, .always-htro > div.group-cart > .bg-gray {
            width: 47px;
            height: 47px;
            padding: 8px 0;
        }
    .group-cart > .bg-gray:hover ~ .text-number, .group-call > .bg-gray:hover ~ .text-number, .group-call1 > .bg-gray:hover ~ .text-number, .group-chat > .bg-gray:hover ~ .text-number
    {
        display: block;
    }
    .group-cart > .bg-gray:hover ~ .text-number, .group-call > .bg-gray:hover ~ .text-number, .group-call2 > .bg-gray:hover ~ .text-number, .group-chat > .bg-gray:hover ~ .text-number {
        display: block;
    }
    .always-htro > div.group-cart {
        position: fixed;
        bottom: 0px;
        right: calc(85.5% - 30px);
        z-index: 300;
    }
        .always-htro > div.group-call {
            position: fixed;
            bottom: 0px;
            right: calc(45.5% - 30px);
            z-index: 200;
        }
    .always-htro > div.group-chat {
        position: fixed;
        bottom: 0px;
        right: calc(98.5% - 80px);
        z-index: 200;
    }
        .always-htro > div.group-call1 {
            position: fixed;
            bottom: 0px;
            right: calc(25.5% - 30px);
            z-index: 100;
        }
    .always-htro > div.group-call2 {
        position: fixed;
        bottom: 0px;
        right: calc(25.5% - 30px);
        z-index: 100;
    }
    #back-to-top{
        width: 90px;
        bottom: -8px;
        right: calc(5.5% - 30px);
    }
}