﻿
.jw-controls-backdrop {
    display: none !important;
}

.jw-title {
    padding-top: 15px !important;
    background: linear-gradient(to top, transparent, rgba(0,0,0,0.5) 100%, rgba(0,0,0,0.5) 100%) 100% 100% / 100% 40px no-repeat transparent;
}

.jwplayer .jw-display-icon-container {
    background: rgba(0, 0, 0, 0.6) !important;
    padding: 8px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255, 255, 255, 0.9) !important;
}

.jw-display .jw-icon, .jw-display .jw-svg-icon {
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
}

.jw-breakpoint-0 .jw-display .jw-icon, .jw-breakpoint-0 .jw-display .jw-svg-icon,
.jw-breakpoint-1 .jw-display .jw-icon, .jw-breakpoint-1 .jw-display .jw-svg-icon {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
}

.jw-breakpoint-5 .jw-display .jw-icon, .jw-breakpoint-5 .jw-display .jw-svg-icon {
    width: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
}

.jw-breakpoint-6 .jw-display .jw-icon, .jw-breakpoint-7 .jw-display .jw-icon, .jw-breakpoint-6 .jw-display .jw-svg-icon, .jw-breakpoint-7 .jw-display .jw-svg-icon {
    width: 56px !important;
    height: 56px !important;
    line-height: 56px !important;
}

#the-post .entry p {
    font-size: 17px;
    line-height: 24px;
}

.header-bottom ul.tag-list li a {
    border-right: 1px solid #d9d9d9;
}

.post-meta .e-magazine {
    color: #fff;
}

.post-entry h2.post-box-title {
    max-height: initial;
}

@media only screen and (min-width:1024px) and (max-width:1369px) {
    #second-slider .swiper-slide img {
        height: 134px;
    }
}

@media only screen and (max-width: 500px) {
    #the-post .post-title {
        font-size: 24px;
        line-height: 28px;
    }

    #theme-header {
        border-bottom: 1px solid #324596;
    }

    #theme-header, #header-nav {
        background: #2f9b6e;
    }

        #header-nav .header-nav-item {
            width: calc((100% - 100px) / 3);
        }

            #header-nav .header-nav-item:first-child, #header-nav .header-nav-item:last-child {
                width: 50px;
            }

    .slide-menu span {
        top: 10px;
    }

        .slide-menu span:before {
            top: 9px;
        }

        .slide-menu span:after {
            top: 18px;
        }

    #header-nav .header-nav-item a {
        padding-left: 3px;
    }

    #header-nav .header-nav-item {
        height: 40px;
        line-height: 40px;
    }

    #theme-header #logo {
        width: auto;
    }

        #theme-header #logo img {
            margin-left: 10px;
        }

    #theme-header .header-content ul.download-link li {
        width: 120px;
    }

        #theme-header .header-content ul.download-link li:first-child {
            margin-bottom: 5px;
        }
}

@media only screen and (max-width: 360px) {
    #theme-header .header-content ul.download-link {
        margin-top: 5px;
    }

        #theme-header .header-content ul.download-link li {
            width: 100px;
        }
}

.gsc-control-cse {
    font-family: arial, sans-serif;
}

    .gsc-control-cse .gsc-table-result {
        font-family: arial, sans-serif;
    }

.gsc-control-cse {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #D9D9D9;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #666666;
    background-color: #CECECE;
    background-image: none;
    filter: none;
}

    .gsc-search-button-v2 svg {
        fill: #FFFFFF;
    }

.gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
}

.gsc-tabHeader.gsc-tabhActive {
    border-color: #FF9900;
    border-bottom-color: #FFFFFF;
    background-color: #FFFFFF;
}

.gsc-tabsArea {
    border-color: #FF9900;
}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}

    .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
        border-color: #FFFFFF;
        background-color: #FFFFFF;
    }

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
    color: #0000CC;
}

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
    color: #0000CC;
}

.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
    color: #0000CC;
}

.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
    color: #0000CC;
}

.gsc-cursor-page {
    color: #0000CC;
}

a.gsc-trailing-more-results:link {
    color: #0000CC;
}

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    color: #000000;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    color: #008000;
}

.gs-webResult div.gs-visibleUrl-short {
    color: #008000;
}

.gs-webResult div.gs-visibleUrl-short {
    display: none;
}

.gs-webResult div.gs-visibleUrl-long {
    display: block;
}

.gs-promotion div.gs-visibleUrl-short {
    display: none;
}

.gs-promotion div.gs-visibleUrl-long {
    display: block;
}

.gsc-cursor-box {
    border-color: #FFFFFF;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
    color: #0000CC;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
    color: #0000CC;
}

.gsc-webResult.gsc-result.gsc-promotion {
    border-color: #336699;
    background-color: #FFFFFF;
}

.gsc-completion-title {
    color: #0000CC;
}

.gsc-completion-snippet {
    color: #000000;
}

.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link {
    color: #0000CC;
}

.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
}

.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover {
    color: #0000CC;
}

.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active {
    color: #0000CC;
}

.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
    color: #000000;
}

.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short {
    color: #008000;
}

.gscb_a {
    display: inline-block;
    font: 27px/13px arial,sans-serif;
}

.gsst_a .gscb_a {
    color: #a1b9ed;
    cursor: pointer;
}

.gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a {
    color: #36c;
}

.gsst_a {
    display: inline-block;
}

.gsst_a {
    cursor: pointer;
    padding: 0 4px;
}

    .gsst_a:hover {
        text-decoration: none!important;
    }

.gsst_b {
    font-size: 16px;
    padding: 0 2px;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
}

.gsst_e {
    opacity: 0.55;
}

.gsst_a:hover .gsst_e, .gsst_a:focus .gsst_e {
    opacity: 0.72;
}

.gsst_a:active .gsst_e {
    opacity: 1;
}

.gsst_f {
    background: white;
    text-align: left;
}

.gsst_g {
    background-color: white;
    border: 1px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    margin: -1px -3px;
    padding: 0 6px;
}

.gsst_h {
    background-color: white;
    height: 1px;
    margin-bottom: -1px;
    position: relative;
    top: -1px;
}

.gsib_a {
    width: 100%;
    padding: 4px 6px 0;
}

.gsib_a, .gsib_b {
    vertical-align: top;
}

.gssb_c {
    border: 0;
    position: absolute;
    z-index: 989;
}

.gssb_e {
    border: 1px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    cursor: default;
}

.gssb_f {
    visibility: hidden;
    white-space: nowrap;
}

.gssb_k {
    border: 0;
    display: block;
    position: absolute;
    top: 0;
    z-index: 988;
}

.gsdd_a {
    border: none!important;
}

.gsq_a {
    padding: 0;
}

.gsq_a {
    padding: 0;
}

.gscsep_a {
    display: none;
}

.gssb_a {
    padding: 0 7px;
}

    .gssb_a, .gssb_a td {
        white-space: nowrap;
        overflow: hidden;
        line-height: 22px;
    }

#gssb_b {
    font-size: 11px;
    color: #36c;
    text-decoration: none;
}

    #gssb_b:hover {
        font-size: 11px;
        color: #36c;
        text-decoration: underline;
    }

.gssb_g {
    text-align: center;
    padding: 8px 0 7px;
    position: relative;
}

.gssb_h {
    font-size: 15px;
    height: 28px;
    margin: 0.2em;
    -webkit-appearance: button;
}

.gssb_i {
    background: #eee;
}

.gss_ifl {
    visibility: hidden;
    padding-left: 5px;
}

.gssb_i .gss_ifl {
    visibility: visible;
}

a.gssb_j {
    font-size: 13px;
    color: #36c;
    text-decoration: none;
    line-height: 100%;
}

    a.gssb_j:hover {
        text-decoration: underline;
    }

.gssb_l {
    height: 1px;
    background-color: #e5e5e5;
}

.gssb_m {
    color: #000;
    background: #fff;
}

.gsfe_a {
    border: 1px solid #b9b9b9;
    border-top-color: #a0a0a0;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.gsfe_b {
    border: 1px solid #4d90fe;
    outline: none;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
}

.gssb_a {
    padding: 0 9px;
}

.gsib_a {
    padding-right: 8px;
    padding-left: 8px;
}

.gsst_a {
    padding-top: 5.5px;
}

.gssb_e {
    border: 0;
}

.gssb_l {
    margin: 5px 0;
}

input.gsc-input::-webkit-input-placeholder {
    font-size: 14px;
}

input.gsc-input:-moz-placeholder {
    font-size: 14px;
}

input.gsc-input::-moz-placeholder {
    font-size: 14px;
}

input.gsc-input:-ms-input-placeholder {
    font-size: 14px;
}

input.gsc-input:focus::-webkit-input-placeholder {
    color: transparent;
}

input.gsc-input:focus:-moz-placeholder {
    color: transparent;
}

input.gsc-input:focus::-moz-placeholder {
    color: transparent;
}

input.gsc-input:focus:-ms-input-placeholder {
    color: transparent;
}

.gssb_c .gsc-completion-container {
    position: static;
}

.gssb_c {
    z-index: 5000;
}

.gsc-completion-container table {
    background: transparent;
    font-size: inherit;
    font-family: inherit;
}

.gssb_c > tbody > tr, .gssb_c > tbody > tr > td, .gssb_d, .gssb_d > tbody > tr, .gssb_d > tbody > tr > td, .gssb_e, .gssb_e > tbody > tr, .gssb_e > tbody > tr > td {
    padding: 0;
    margin: 0;
    border: 0;
}

.gssb_a table, .gssb_a table tr, .gssb_a table tr td {
    padding: 0;
    margin: 0;
    border: 0;
}

.fb_hidden {
    position: absolute;
    top: -10000px;
    z-index: 10001;
}

.fb_reposition {
    overflow: hidden;
    position: relative;
}

.fb_invisible {
    display: none;
}

.fb_reset {
    background: none;
    border: 0;
    border-spacing: 0;
    color: #000;
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
}

    .fb_reset > div {
        overflow: hidden;
    }

.fb_link img {
    border: none;
}

@keyframes fb_transform {
    from {
        opacity: 0;
        transform: scale(.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.fb_animate {
    animation: fb_transform .3s forwards;
}

.fb_dialog {
    background: rgba(82, 82, 82, .7);
    position: absolute;
    top: -10000px;
    z-index: 10001;
}

.fb_reset .fb_dialog_legacy {
    overflow: visible;
}

.fb_dialog_advanced {
    padding: 10px;
    border-radius: 8px;
}

.fb_dialog_content {
    background: #fff;
    color: #333;
}

.fb_dialog_close_icon {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 18px;
    top: 17px;
    width: 15px;
}

.fb_dialog_mobile .fb_dialog_close_icon {
    top: 5px;
    left: 5px;
    right: auto;
}

.fb_dialog_padding {
    background-color: transparent;
    position: absolute;
    width: 1px;
    z-index: -1;
}

.fb_dialog_close_icon:hover {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;
}

.fb_dialog_close_icon:active {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;
}

.fb_dialog_loader {
    background-color: #f5f6f7;
    border: 1px solid #606060;
    font-size: 24px;
    padding: 20px;
}

.fb_dialog_top_left, .fb_dialog_top_right, .fb_dialog_bottom_left, .fb_dialog_bottom_right {
    height: 10px;
    width: 10px;
    overflow: hidden;
    position: absolute;
}

.fb_dialog_top_left {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;
    left: -10px;
    top: -10px;
}

.fb_dialog_top_right {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;
    right: -10px;
    top: -10px;
}

.fb_dialog_bottom_left {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;
    bottom: -10px;
    left: -10px;
}

.fb_dialog_bottom_right {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;
    right: -10px;
    bottom: -10px;
}

.fb_dialog_vert_left, .fb_dialog_vert_right, .fb_dialog_horiz_top, .fb_dialog_horiz_bottom {
    position: absolute;
    background: #525252;
    filter: alpha(opacity=70);
    opacity: .7;
}

.fb_dialog_vert_left, .fb_dialog_vert_right {
    width: 10px;
    height: 100%;
}

.fb_dialog_vert_left {
    margin-left: -10px;
}

.fb_dialog_vert_right {
    right: 0;
    margin-right: -10px;
}

.fb_dialog_horiz_top, .fb_dialog_horiz_bottom {
    width: 100%;
    height: 10px;
}

.fb_dialog_horiz_top {
    margin-top: -10px;
}

.fb_dialog_horiz_bottom {
    bottom: 0;
    margin-bottom: -10px;
}

.fb_dialog_iframe {
    line-height: 0;
}

.fb_dialog_content .dialog_title {
    background: #6d84b4;
    border: 1px solid #365899;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

    .fb_dialog_content .dialog_title > span {
        background: url(https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;
        float: left;
        padding: 5px 0 7px 26px;
    }

body.fb_hidden {
    -webkit-transform: none;
    height: 100%;
    margin: 0;
    overflow: visible;
    position: absolute;
    top: -10000px;
    left: 0;
    width: 100%;
}

.fb_dialog.fb_dialog_mobile.loading {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10001;
}

    .fb_dialog.fb_dialog_mobile.loading.centered {
        width: auto;
        height: auto;
        min-height: initial;
        min-width: initial;
        background: none;
    }

        .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner {
            width: 100%;
        }

        .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content {
            background: none;
        }

.loading.centered #fb_dialog_loader_close {
    color: #fff;
    display: block;
    padding-top: 20px;
    clear: both;
    font-size: 18px;
}

#fb-root #fb_dialog_ipad_overlay {
    background: rgba(0, 0, 0, .45);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    z-index: 10000;
}

    #fb-root #fb_dialog_ipad_overlay.hidden {
        display: none;
    }

.fb_dialog.fb_dialog_mobile.loading iframe {
    visibility: hidden;
}

.fb_dialog_mobile .fb_dialog_iframe {
    position: -webkit-sticky;
    top: 0;
}

.fb_dialog_content .dialog_header {
    -webkit-box-shadow: white 0 1px 1px -1px inset;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));
    border-bottom: 1px solid;
    border-color: #1d4088;
    color: #fff;
    font: 14px Helvetica, sans-serif;
    font-weight: bold;
    text-overflow: ellipsis;
    text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0;
    vertical-align: middle;
    white-space: nowrap;
}

    .fb_dialog_content .dialog_header table {
        -webkit-font-smoothing: subpixel-antialiased;
        height: 43px;
        width: 100%;
    }

    .fb_dialog_content .dialog_header td.header_left {
        font-size: 12px;
        padding-left: 5px;
        vertical-align: middle;
        width: 60px;
    }

    .fb_dialog_content .dialog_header td.header_right {
        font-size: 12px;
        padding-right: 5px;
        vertical-align: middle;
        width: 60px;
    }

.fb_dialog_content .touchable_button {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), to(#2A4887));
    border: 1px solid #29487d;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;
    display: inline-block;
    margin-top: 3px;
    max-width: 85px;
    line-height: 18px;
    padding: 4px 12px;
    position: relative;
}

.fb_dialog_content .dialog_header .touchable_button input {
    border: none;
    background: none;
    color: #fff;
    font: 12px Helvetica, sans-serif;
    font-weight: bold;
    margin: 2px -12px;
    padding: 2px 6px 3px 6px;
    text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0;
}

.fb_dialog_content .dialog_header .header_center {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}

.fb_dialog_content .dialog_content {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;
    border: 1px solid #555;
    border-bottom: 0;
    border-top: 0;
    height: 150px;
}

.fb_dialog_content .dialog_footer {
    background: #f5f6f7;
    border: 1px solid #555;
    border-top-color: #ccc;
    height: 40px;
}

#fb_dialog_loader_close {
    float: left;
}

.fb_dialog.fb_dialog_mobile .fb_dialog_close_button {
    text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0;
}

.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon {
    visibility: hidden;
}

#fb_dialog_loader_spinner {
    animation: rotateSpinner 1.2s linear infinite;
    background-color: transparent;
    background-image: url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 24px;
    width: 24px;
}

@keyframes rotateSpinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

    .fb_iframe_widget span {
        display: inline-block;
        position: relative;
        text-align: justify;
    }

    .fb_iframe_widget iframe {
        position: absolute;
    }

.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
    max-width: 100%;
}

    .fb_iframe_widget_fluid_desktop iframe {
        min-width: 220px;
        position: relative;
    }

.fb_iframe_widget_lift {
    z-index: 1;
}

.fb_hide_iframes iframe {
    position: relative;
    left: -10000px;
}

.fb_iframe_widget_loader {
    position: relative;
    display: inline-block;
}

.fb_iframe_widget_fluid {
    display: inline;
}

    .fb_iframe_widget_fluid span {
        width: 100%;
    }

.fb_iframe_widget_loader iframe {
    min-height: 32px;
    z-index: 2;
    zoom: 1;
}

.fb_iframe_widget_loader .FB_Loader {
    background: url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat;
    height: 32px;
    width: 32px;
    margin-left: -16px;
    position: absolute;
    left: 50%;
    z-index: 4;
}

.fb_customer_chat_bounce_in_v2 {
    animation-duration: 300ms;
    animation-name: fb_bounce_in_v2;
    transition-timing-function: ease-in;
}

.fb_customer_chat_bounce_out_v2 {
    animation-duration: 300ms;
    animation-name: fb_bounce_out_v2;
    transition-timing-function: ease-in;
}

.fb_customer_chat_bounce_in_v2_mobile_chat_started {
    animation-duration: 300ms;
    animation-name: fb_bounce_in_v2_mobile_chat_started;
    transition-timing-function: ease-in;
}

.fb_customer_chat_bounce_out_v2_mobile_chat_started {
    animation-duration: 300ms;
    animation-name: fb_bounce_out_v2_mobile_chat_started;
    transition-timing-function: ease-in;
}

.fb_customer_chat_bubble_pop_in {
    animation-duration: 250ms;
    animation-name: fb_customer_chat_bubble_bounce_in_animation;
}

.fb_customer_chat_bubble_animated_no_badge {
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
    transition: box-shadow 150ms linear;
}

    .fb_customer_chat_bubble_animated_no_badge:hover {
        box-shadow: 0 5px 24px rgba(0, 0, 0, .3);
    }

.fb_customer_chat_bubble_animated_with_badge {
    box-shadow: -5px 4px 14px rgba(0, 0, 0, .15);
    transition: box-shadow 150ms linear;
}

    .fb_customer_chat_bubble_animated_with_badge:hover {
        box-shadow: -5px 8px 24px rgba(0, 0, 0, .2);
    }

.fb_invisible_flow {
    display: inherit;
    height: 0;
    overflow-x: hidden;
    width: 0;
}

.fb_mobile_overlay_active {
    background-color: #fff;
    height: 100%;
    overflow: hidden;
    position: fixed;
    visibility: hidden;
    width: 100%;
}

@keyframes fb_bounce_in_v2 {
    0% {
        opacity: 0;
        transform: scale(0, 0);
        transform-origin: bottom right;
    }

    50% {
        transform: scale(1.03, 1.03);
        transform-origin: bottom right;
    }

    100% {
        opacity: 1;
        transform: scale(1, 1);
        transform-origin: bottom right;
    }
}

@keyframes fb_bounce_in_v2_mobile_chat_started {
    0% {
        opacity: 0;
        top: 20px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes fb_bounce_out_v2 {
    0% {
        opacity: 1;
        transform: scale(1, 1);
        transform-origin: bottom right;
    }

    100% {
        opacity: 0;
        transform: scale(0, 0);
        transform-origin: bottom right;
    }
}

@keyframes fb_bounce_out_v2_mobile_chat_started {
    0% {
        opacity: 1;
        top: 0;
    }

    100% {
        opacity: 0;
        top: 20px;
    }
}

@keyframes fb_customer_chat_bubble_bounce_in_animation {
    0% {
        bottom: 6pt;
        opacity: 0;
        transform: scale(0, 0);
        transform-origin: center;
    }

    70% {
        bottom: 18pt;
        opacity: 1;
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}
