#fb-root {
    display: none
}

#bubble-chat img {
    float: left
}

#bubble-chat span.text {
    float: left;
    padding: 5px 0 2px 0
}

#box-chat a,
#bubble-chat {
    text-decoration: none
}

#box-chat {
    font-family: Roboto;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 -1px 32px -11px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 -1px 32px -11px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -1px 32px -11px rgba(0, 0, 0, .75);
    z-index: 400;
    width: 300px;
    font-size: 14px
}

#box-chat .button-close {
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASBSURBVHgBzZnPaxRJFMff/DCbFbJ02IVFL+n8AbsZd8mu4iENXgXn6sVEUPCm3rxNvHkyyUHBX8gogidRvOhtchJUnIxXhZkgHgRhxt/pGFO+b0+/UOnpznRVj8EvVLq60131mfr1Xr3KkaXqRM4KUWkHUVkRjXEq5fgZdRPU4dTCdZ1okVNtHyeyVI4M9YjIC+GmNai06nCFd32ihf1ESyYfpgYFYJGowllPno14Hu0slWhkaop+5WvRcajgdNm/dTrkt1q0yunD4iJ9qNXo89Imttoa0dF93VbPLnTxE6I5TgrpmeOo15WKWmk2lal8/qY5M6MarqukPJRdN++ZzeJWdB8TNaVQAK612yqrAIyypNynXAfqIhsxYIkLaaMgtAB3mxq0ACytC1jUaQ3ZnJ4eSCsmCWW/KJelddupYfXuBuR2CXUJbN9hgEEtkC/5V263BBbDYMsJJrMb4+ZHdneSUKe2IswldrnMQj9m6fEvnFcfD/ynVquXVVahDJSFMqP6VK/rS5cnfHnJ8GJ+HdfdlQoNuW7PD1m7fye4rt64Sl9vXCFb4VuUEeTv3O75PwzI7tlZua1sAg1nmgfAP2ZmYisoHp7eyNvC6pDQjiPHY9/78+RJsXCetGoBf/j1c2xLS6PlMv2eAFqY+Idgcdcbz4L7b3zNBc//JVvIoSPHYt/NDw/z+PMDs8s+xTtukgeBrceSwBfn72Yzttt1RVsTlSW1jA3kRj3sIzwfH0e2w8NyvABng/v/BJyKXWfOUD+ZtqwNZFAPdz2cGQYeZhfxYT4fjoHfPI/SKtqKSWPWFlKEiQVx95cBOoWbEQPQNLBZIXUmBnW5+7sWYGhsjEwlFQugDpYVEto5MRFcecZP5GQi7Wm3N5xeU221XNlCQnC+66OjyHawjgZ0tpBQ0szPAhlhcvI0IOUwklI8sxVAsVsMmtlW0YkjympuNaZOXoWga5agcbM7zdKVRlj0Q7WKvFg3OON+aTTolz5WKQ2kPiajq0E/CxaVv7ws2aBFW8jBrg4SMq1R2ErChABGHgEB3ET23JkgBwUroDyRajm4/BwIaPK98xc7Jf2638rBsHBkdKdkkmi0cIlohT/ZxS27t8iL61am1NrBsHARX50+HfQyv3f7MtG9YB2V7n8zP5+4TGW13SbDAK35Pux2xKlwDUAnu1G2GiDfLCzEfzwA290De+t67Htvq1VZmmo9wbQnXbc/2FRhgxW3uft00FP+zWsqq/zqFd7c/a/8i3O9/+ONpXAk7u95Pz3/s2yXwUJJ0gMQiLptt16GoZ2+AQgo3N+3txsWdRlH9vQgGQJYPzpIJpBGQTIdVoYBxo1vEbjtJ4QytRCOOaSoJ5A7OzsQYLQiyhpIIFeEQS2rgbQuusoGGOF0ACK8rkHOpwmNmxw2uGF8ypNnwUEDm1wcNiBwAT9BP2yAj/uFzSD25zCHEQ8NN2cnUx7pGB/fhOPoFH94iOyOb6rsWt6dNDxzMgbVBWu23o20IDYAaJe0AzHVBVvitAw47pGlPeGOwlTfAdcrf8MdYJ+9AAAAAElFTkSuQmCC) 50% 50%;
    width: 23px;
    height: 23px;
    background-size: contain;
    right: 10px;
    top: 20px;
    cursor: pointer
}

#box-chat .button-close:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANFSURBVHgB1ZnNahNRFMf/mVQQBWm1pcVqTQTXdsAIxYXJE1ifQN2IO/sGkjewTyB9g25dZVwJVWjdumhTS6XSYkYKRWmTeM58MZnOx/2afvzhMvmYO/Obc8+5594zFShqHRj/C8xfARaHwD1q8xX6DX5judS6fBwAn6g5C9SgqAok9RloBnAvYlCicumGq/+A5SfAhkxHYVAGHAPe0ccmzMg5AV4t+FYvVCEoD/GJD7iEcvSeDNC2fVfJVC4oWbFWBTp0Ug0liq7fPQZaeda1sv5Yo+CgJ10vG5JF/l4jv+/wPbPOSbXomh/BHcgHi65cgm49Tgm0U6BnNdw5cikm7KQbjIBy4Byf0XDniX2WjGXHA2zERzm6zxuSxT4bzDSRIovykFPwbGV1nn4wh5tzMzjY3MX+1i50NHV/FpP1WfR29rD3/Ufeqa1GkM0iixLkh7weE3emveMk3WSKbqIL6V3z7kzR6ZFVPdBgWmjm9TjY/hl9VoWNQ3rX3CwcmeaXgCu0aGHWSQ65LGwapIgLkb8u8tHzUaLuQXDOTAKK3FAVMpBLblmv8mKDzPpGtNdR79B7vOsTN7zv1+jIT3vkHqIESNZVWiJ+rL4GXlYkV0SisAYgPdHw/7HImk+hoCKfNQUZgPLUqZ7Pw6gNARnWE5nXFCSLstTDikwgZSlvBjCRIEguT0/aK6QsGEOQrHELhiS9+ZIUg7rQVDJwQumm25hca6gJWhTdhmC7YzRk36C4tCuCTM4GGv7qWbQLBRVBmrQsFzAsLghAUqKTuSlYCiTHGvM3UsJ+KptxDMC6vHi2bH/ntyLSQzUt6sCGI27Fv5QBqQvLdaoINNiXOHkdTOTuZL9b9dtFXZywmBbPTO28Hr9pIzbo97GvmRYjWPK33s6v3HO5iBZ+Hsl8X6lgRf3f4gKIwJYfxbZIl7MAwX/0aS8NA/lfVWFlL1mGPLV64prP8PxguYz+PK38mLrM42oaw6qmV0VlVvJYl7+Qy+KOVGC1K8GkW4b42tWUMmPKeWIKimhcn2rCjBxq7YbgKx3pHURQp1qijs+g9vpmhXxxtSH5zklrq8MFrIFfaeHaAEPXEHshNvTBNqhtMxyv1GzF2eQ/bKh81aH40n4AAAAASUVORK5CYII=) 50% 50%;
    width: 23px;
    height: 23px;
    background-size: contain
}

#box-chat .title {
    font-size: 20px;
    width: 200px;
    margin: 0 auto 0 auto
}

#box-chat .option {
    margin: 25px 0 10px 0
}

#box-chat .item {
    width: 100%;
    overflow: hidden;
    margin: 14px 0
}

#box-chat .item .fl {
    float: left
}

#box-chat .icon {
    width: 45px
}

#box-chat .icon img {
    width: 40px
}

#box-chat .item-livechat .text,
#box-chat .item-messenger .text {
    margin: 10px 0
}

#box-chat .text {
    width: 115px
}

#box-chat .box-chat-button {
    width: 95px;
    text-align: center
}

#box-chat .box-chat-button .bt-chatnow {
    background: #fff;
    color: #cb0000;
    padding: 8px 15px;
    border-radius: 20px;
    margin: 2px 0;
    font-weight: 700;
    border: 1px solid #f5f5f5;
    display: block;
    font-size: 13px;
    line-height: 16px;
}

#box-chat .item:hover .box-chat-button .bt-chatnow {
    background: #cb0000;
    color: #fff
}

#bubble-chat {
    font-family: Roboto;
    position: fixed;
    bottom: 0;
    right: 20px;
    background: #fff;
    z-index: 500;
    font-size: 18px;
    color: #cb0000;
    box-shadow: 0 -1px 32px -11px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 -1px 32px -11px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -1px 32px -11px rgba(0, 0, 0, .75);
    padding: 6px 20px;
    border-radius: 10px 10px 0 0
}

#bubble-chat img {
    width: 30px;
    margin: 0 10px 0 0
}

.show-desktop {
    display: block
}

.show-mobile {
    display: none
}

@media only screen and (max-width:600px) {
    .show-desktop {
        display: none
    }

    .show-mobile {
        display: block
    }

    #bubble-chat {
        display: block;
        border-radius: 100px;
        bottom: 17px;
        width: 50px;
        height: 50px;
        padding: 10px
    }

    #bubble-chat .text {
        display: none
    }

    #box-chat {
        position: fixed;
        bottom: 64px;
        right: 10px;
        background: 0 0;
        padding: 0 10px;
        border-radius: 20px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        z-index: 400;
        width: auto;
        font-size: 14px
    }

    .item-chat {
        border-radius: 100px;
        bottom: 53px;
        width: 50px;
        height: 50px;
        padding: 0
    }

    #box-chat .icon img {
        width: 100%
    }

    #bubble-chat {
        display: block !important
    }
}