@font-face {
    font-family: 'Circe Bold';
    src: url('../fonts/circe_bold.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/circe_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/circe_bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/circe_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/circe_bold.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/circe_bold.svg#circe_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'Circe ExtraBold';
    src: url('../fonts/circe_extrabold.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/circe_extrabold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/circe_extrabold.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/circe_extrabold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/circe_extrabold.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/circe_extrabold.svg#circe_extrabold') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'Circe ExtraLight';
    src: url('../fonts/circe_extralight.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/circe_extralight.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/circe_extralight.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/circe_extralight.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/circe_extralight.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/circe_extralight.svg#circe_extralight') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'Circe Light';
    src: url('../fonts/circe_light.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/circe_light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/circe_light.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/circe_light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/circe_light.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/circe_light.svg#circe_light') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'Circe';
    src: url('../fonts/circe.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/circe.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/circe.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/circe.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/circe.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/circe.svg#circe') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'Circe Thin';
    src: url('../fonts/circe_thin.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/circe_thin.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
        url('../fonts/circe_thin.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/circe_thin.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
        url('../fonts/circe_thin.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/circe_thin.svg#circe_thin') format('svg'); /* Chrome < 4, Legacy iOS */
}


.tg-bot {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9;
    background: #000;
    display: flex;
    align-items: center;
    border: 2px solid #fff;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-wrap: wrap;
    flex-direction: row;
    opacity: 0;
    transform: scale(.8);
    transition: opacity 0.5s ease-out,transform 0.5s ease-out
}

.tg-bot.show {
    opacity: 1;
    transform: scale(1);
    z-index: 9999999999999;
}

.tg-bot:hover {
    background: #40C4FF
}

.tg-bot svg {
    margin-right: 4px
}

.tg-bot img {
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    width: 50px;
    height: 50px;
    background: red
}

.tg-notice {
    width: 16px;
    height: 16px;
    background: #EC4242;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: -2px;
    left: -2px;
    opacity: 0;
    transition: 0.3s all
}

.tg-bot .tooltip {
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    width: 124px;
    height: 44px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 2px;
    right: 50px;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 16px 16px 12px rgba(0,0,0,.05);
    font-family: 'Circe';
}

.tg-bot .tooltip::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #fff
}

.tg-bot:hover .tooltip {
    visibility: visible;
    opacity: 1
}

@media (max-width: 768px) {
    .tg-bot .tooltip {
        display:none!important
    }
}

.t890__arrow {
    display: none !important;
}