.ml-4 {
    margin-left: 20px!important;
}

figure {
    float: none;
}

figure figcaption {
    font-size: 13px;
}

.jScrollPane:focus,
.jspScrollable:focus {
    outline: 0;
}

.jspVerticalBar {
    width: 8px!important;
    border-radius: 4px;
    background-color: #dadada!important;
}

.jspTrack {
    background-color: #dadada!important;
    border-radius: 4px;
}

.jspDrag {
    background-color: #0071bc!important;
    border-radius: 4px;
}

.hdd-page-body {
    /* margin-top: 72px; */
}



.text-uppercase {
    text-transform: uppercase;
}

.body-bg {
    position: inherit;
    background-image: none;
    min-height: inherit;
}

#body {
    border: 0;
    box-shadow: none;
}

.hdd-header {
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    /* margin-top: 10px; */
    /* position: fixed; */
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.hdd-header.sticky {
    margin-top: 0;
    background: #fff;
}

#header {
    margin-top: 0;
}

#header .logo {
    padding: 5px 10px;
}

#header .logo-menu {
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    flex-grow: 1;
    flex-shrink: 0;
}
#header .logo a img{
	max-height:100px
}

.hdd-head-right {
    min-width: 50px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-left: 20px;
}

.hdd-head-right .iconFB {
    display: inline-block;
    background-color: #3A589B;
    border-radius: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.hdd-head-right .iconFB:hover {
    opacity: .6;
}

.hdd-head-right .iconYT {
    display: inline-block;
    background-color: #CA3737;
    border-radius: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.hdd-head-right .iconYT:hover {
    opacity: .6;
}

.hdd-head-right .top-phone {
    line-height: 36px;
    border: 2px #ccc solid;
    display: inline-block;
    border-radius: 20px;
    background: #2d2d2d;
    position: relative;
    padding-left: 33px;
    top: -2px;
}

.hdd-head-right .top-phone i {
    color: #fff;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translate(0, -50%);
}

.hdd-head-right .top-phone a {
    background: #f0a522;
    display: inline-block;
    border-radius: 20px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

/* Home Slider */
.jssorb101 .i.iav {
    color: #ff0000;
}

/* Menu site */
.hddmenusite-content > ul {
    margin: 0;
    padding: 0 20px;
    list-style: none;
}

.hddmenusite-content > ul > li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.hddmenusite-content > ul > li:hover {
   	border-bottom: 2px solid #9e1623;

}

.hddmenusite-content > ul > li > a {
    color: #e12029;
    display: block;
    line-height: 52px;
    font-weight: 700;
    font-size: 15px;
    padding: 0 10px;
}

.hddmenusite-content > ul > li:hover > a {
    background: #fff;
    color: #9e1623;
	border-bottom: 2px solid #9e1623;
}

.hddmenusite-content > ul > li > div.subcats {
    position: absolute;
    left: 0;
    /* top: 52px; */
    width: 100%;
    padding: 20px;
    margin: 0;
    background: #fff;
    display: none;
    box-shadow: 0px 2px 2px rgba(0,0,0,.25);
	z-index: 9;
}

.hddmenusite-content > ul > li:hover > div.subcats {
    display: block;
}

.hddmenusite-content > ul > li > div.subcats a {
    color: #000;
    font-weight: 700;
}

.hddmenusite-content > ul > li > div.subcats .menuitem {
    text-align: center;
}

.hddmenusite-content > ul > li > div.subcats .col-menu {
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    position: relative;
    min-height: 1px;
    width: 20%;
}

#MENU_SITE .blockct ul {
    display: none;
}

#MENU_SITE .blockct:after {
    content: 'Menu Site';
    color: #fff;
    line-height: 40px;
    font-weight: 700;
}

/* Footer */
#footer {
           background: #1b1464;
    color: #FFF;
    padding: 20px 0;
    font-size: 12px;
}



.footerNav2 {
    background-color: transparent;
}

.hdd-copyright {
    background-color: #161618;
    padding: 12px 0;
    color: #888e98;
}

.hdd-copyright a {
    color: #888e98;
}

.hdd-copyright-top {
    color: #555;
    /* padding-top: 30px; */
    border-top: 1px #f2f2f2 solid;
    /* margin-top: 30px; */
    /* padding-bottom: 90px; */
}

/* Footer Menu */
.hdd-block-footer-menu {

}

.hdd-block-footer-menu p.text-center {
    text-align: left!important;
}

.hdd-block-footer-menu .hd {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 15px;
}

.hdd-block-footer-menu .ct {

}

.hdd-block-footer-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hdd-block-footer-menu ul li a {
    display: inline-block;
    padding: 5px 0;
	color: #fff!important;
}

.hdd-block-footer-menu ul li a:hover {
    text-decoration: underline;
}

/* Tel Button */
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: #0084ff;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #0084ff;
}

.phonering-alo-ph-img-circle {
    width: 45px;
    height: 45px;
    top: 45px;
    left: 45px;
}

.phonering-alo-ph-img-circle a {
    width: 45px;
    line-height: 45px;
}

.phonering-alo-ph-circle-fill {
    width: 90px;
    height: 90px;
    top: 22.5px;
    left: 22.5px;
}

.echbay-alo-phone,
.phonering-alo-ph-circle {
    width: 135px;
    height: 135px;
}

.style-for-position-cr,
.style-for-position-cl {
    margin-top: -67.5px;
}

/* for mobile */
@media screen and (max-width:0px) {
    .style-for-position-bl {
        left: -45px;
        bottom: -45px
    }
    .style-for-position-br {
        right: -45px;
        bottom: -45px
    }
    .style-for-position-cl {
        left: -45px;
    }
    .style-for-position-cr {
        right: -45px;
    }
    .style-for-position-tl {
        top: -45px;
        left: -45px;
    }
    .style-for-position-tr {
        top: -45px;
        right: -45px;
    }
}

.echbay-alo-phone {
    display: block;
}

#oi_scroll_top {
    background: #3c599b;
    cursor: pointer;
    display: none;
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 45px;
    color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.4);
    box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.4);
    position: fixed;
    right: 10px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 20;
    border: 0 none;
    top: 70%;
    transform: translate(0, -50%);
}

/* Màu link đen */
.shops-main-cat-title a {
    color: #333;
}

/* Lưới sản phẩm viết lại */
.hdd-shops-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.col-shops-5 {
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.hdd-shops-row-gird-menu {
    margin-bottom: 30px;
}

.hdd-home-gird-menu-item {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.hdd-home-gird-menu-item .hdd-link {
    color: #333;
    font-weight: 700;
}

.hdd-home-gird-menu-item .hdd-link-full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.hdd-home-gird-menu-item .image {
    height: 0;
    padding-bottom: 50%;
    width: 100%;
    background: center no-repeat;
    background-size: auto 90%;
}

.hdd-home-gird-menu-item:hover .image {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-size: auto 100%;
}

/* Trang chủ sản phẩm */
.shops-main-cat-title {
    font-size: 22px;
    font-weight: 500;
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.shops-main-cat-subs-mobile {
    display: none;
}

.shops-main-cat-items {

}

.hdd-product-gird-image {
    position: relative;
    overflow: hidden;
}

.hdd-product-gird-image .img-ct {
    width: 100%;
    height: 0;
    padding-bottom: 72%;
}

.hdd-product-gird-image .img-ct a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.hdd-product-gird-image .img-ct a:hover {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.hdd-product-gird-image .img-ct a img {
    display: none;
}

.hdd-product-gird-price-contact,
.hdd-product-gird-price-val {
    margin-bottom: 0;
}

.hdd-product-gird-tt {
    margin-top: 5px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.shopsMainListProducts {
    max-height: 300px;
    overflow: hidden;
    position: relative;
}

.shopsMainListProducts:after {
    content: "";
    height: 100px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: linear-gradient(-180deg,hsla(0,0%,100%,0) 6%,#fff 83%);
}

.shopsMainListProducts.open {
    max-height: inherit;
    overflow: visible;
}

.shopsMainListProducts.open:after {
    display: none;
}

/* Chi tiết sản phẩm */
.hdd-product-detail-title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}

.hdd-product-detail-price {
    font-size: 23px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.hdd-product-detail-regtest {
    margin-bottom: 20px;
}

.hdd-product-detail-regtest .btn {
    border-radius: 0;
    height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 15px;
}

.hdd-product-detail-social {
    margin-bottom: 10px;
}

.hdd-product-detail-social ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hdd-product-detail-social ul li {
    display: inline-block;
    margin-right: 7px;
}

.hdd-product-detail-social ul li a {
    background: #c00;
    border: 1px solid #c00;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 14px;
    -webkit-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}

.hdd-product-detail-social ul li a:hover {
    opacity: .8;
}

.hdd-product-detail-social ul li a.fb {
    background: #3b5998;
    border: 1px solid #344e86;
}

.hdd-product-detail-social ul li a.tw {
    background: #00aced;
    border: 1px solid #0099d4;
}

.hdd-product-detail-social ul li a.in {
    background: #007bb6;
    border: 1px solid #006a9d;
}

.hdd-product-detail-social ul li a.pi {
    background: #cb2027;
    border: 1px solid #b51d23;
}

.owl-carousel-product-detail .owl-prev,
.owl-carousel-product-detail .owl-next  {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(255,255,255,0.3)!important;
    top: 50%;
    margin-top: -20px;
    border-radius: 10px;
}

.owl-carousel-product-detail .owl-prev {
    left: 10px;
}

.owl-carousel-product-detail .owl-next {
    right: 10px;
}

.owl-carousel-product-detail:hover .owl-prev,
.owl-carousel-product-detail:hover .owl-next {
    background-color: rgba(255,255,255,0.7)!important;
}

.owl-carousel-product-detail .owl-prev:focus,
.owl-carousel-product-detail .owl-next:focus,
.owl-carousel-product-detail .owl-prev:active,
.owl-carousel-product-detail .owl-next:active {
    outline: 0;
}

.hdd-product-detail-tabs {
    background-image: url("../images/linebottom.png");
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 30px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.hdd-product-detail-tabs ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hdd-product-detail-tabs ul li {
    margin-right: 20px;
    display: inline-block;
}

.hdd-product-detail-tabs ul li a {
    display: block;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    padding: 6px;
}

.hdd-product-detail-tabs ul li.active a {
    border-bottom: 4px solid #3c599b;
}

.hdd-product-detail-tabs-item {
    border-bottom: 2px #0071bc solid;
    margin-top: 50px;
    margin-bottom: 20px;
}

.hdd-product-detail-tabs-item .tab-name {
    background-color: #0071bc;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding: 8px 18px;
    padding-left: 18px !important;
    color: #fff;
    padding-top: 10px;
}

h3.ctit-template {
    font-size: 18px;
    margin-bottom: 15px;
}

ul.clist-template {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style-type: none!important;
    margin-bottom: 15px;
    padding-left: 0!important;
    border: 1px #ccc solid;
}

ul.clist-template li {
    padding: 0;
    margin: 0;
    border-bottom: 1px #ccc solid;
}

ul.clist-template li:last-child {
    border-bottom: 0;
}

ul.clist-template li .ctit {
    display: inline-block;
    width: 300px;
    padding: 10px;
    border-right: 1px #ccc solid;
    text-align: center;
    background-color: #e4dcd3;
}

ul.clist-template li .csp {
    display: none;
}

ul.clist-template li .cval {
    padding: 10px;
    display: inline-block;
    padding-left: 20px;
}

.hdd-product-detail-selversion {
    border-radius: 0;
    background-color: #e4dcd3;
}

/* asd */
.breadcrumbs a,
.show-subs-breadcrumbs {
    background-color: transparent;
}

.breadcrumbs a:before  {
    display: none;
}

.breadcrumbs a:after,
.show-subs-breadcrumbs:after {
    content: "/";
    border: 0;
    position: relative;
}

.breadcrumbs li {
    margin-left: 0;
    margin-right: 0;
}

.breadcrumbs li:first-child a {
    padding-left: 0;
}

.breadcrumbs li:last-child a:after {
    display: none;
}

.breadcrumbs a:hover,
.show-subs-breadcrumbs:hover {
    background-color: transparent;
}

.breadcrumbs li:first-child a:before {
    content: "\f015";
    font-family: "FontAwesome";
    display: inline-block;
    border: 0;
    position: relative;
    left: 0;
    margin-right: 7px;
}

.breadcrumbs,
.breadcrumbs a {
    color: #6C6C6C;
}

.jScrollPaneCatShops {
    max-height: 430px;
    overflow: hidden;
}

.hdd-cat-shops-news-pro {
    margin-bottom: 10px;
}

.hdd-cat-shops-news-pro h3 {
    margin-bottom: 5px;
}

.hdd-cat-shops-news-pro .img {
    float: left;
    width: 150px;
    height: 110px;
    margin-right: 10px;
}

.hdd-cat-shops-news-pro .img a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.hdd-cat-shops-news-pro .img a img {
    display: none;
}

.hdd-toggle-menu {
    color: #fff;
    display: none;
    font-size: 28px;
    line-height: 50px;
    position: absolute;
    right: 10px;
    top: 0;
}

.hdd-toggle-menu i {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.hdd-toggle-menu a {
    color: #000;
}

.hdd-search-mobile {
    background: #fff;
    padding: 10px;
}

.hdd-contact-mobile {
    padding: 10px;
}

.hdd-contact-mobile,
.hdd-contact-mobile a {
    color: #fff;
}

.hdd-search-mobile,
.hdd-contact-mobile {
    display: none;
}

.menuicon img {
    max-width: 100%;
}

/* Block liên hệ đầu trang */
.rescue-container {
            background-color: #f5f5f5; /* Màu nền giống ảnh */
            padding: 20px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-align: left;
            border-radius: 10px;
        }
        .rescue-icon img {
            width: 100px;
            height: auto;
        }
        .rescue-info {
            padding:5px;
        }
        .rescue-info h3 {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .rescue-info p {
            font-size: 16px;
            color: #333;
            margin-bottom: 5px;
        }
        .rescue-hotline {
            background-color: #e60000;
            color: white;
            padding: 12px 20px;
            font-size: 16px;
            font-weight: bold;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
        }
        .rescue-container a {
            color: white;
        }
        .rescue-hotline:hover {
            background-color: #082b5a;
        }

/* Responsive */
@media (max-width: 1150px) {
    .hdd-head-right {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .col-shops-5 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 830px) {

    .hdd-search-mobile,
    .hdd-contact-mobile {
        display: block;
    }

    #header .logo-menu {
        display: block;
    }
	
    .hdd-header {
        margin-top: 0;
        background: #fff;
        min-height: 52px;
    }

    #header .logo {
        height: 52px;
    }

    #header .logo a {
        display: flex;
        max-height: 80px;
        align-items: center;
    }

    #header .logo a img {
        vertical-align: middle;
    }

    .hddmenusite {
        background: rgba(77, 77, 64, .9);
        position: fixed;
        top: 52px;
        height: calc(100vh - 52px);
        left: 0;
        right: 0;
        display: none;
		z-index:9;
    }

    .hddmenusite-content {
        height: 100%;
        overflow: auto;
        max-height: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .echbay-alo-phone {
        --display: none!important;
    }

    .hdd-toggle-menu {
        display: block;
    }

    .hddmenusite-content > ul {
        padding: 0;
    }

    .hddmenusite-content > ul > li {
        display: block;
        border-bottom: 1px #515151 solid;
    }

    .hddmenusite-content > ul > li > a {
        font-size: 14px;
        line-height: 40px;
        text-transform: uppercase;
        font-weight: 400;
        background: #fff;
    }

    .hddmenusite-content > ul > li:hover > a {
        background: rgba( 0, 0, 0, .9 );
        color: #fff;
    }

    .hddmenusite-content > ul > li > div.subcats {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        box-shadow: none;
        background: rgba(77, 77, 64, .9);
        padding: 0;
    }

    .hddmenusite-content > ul > li > div.subcats .col-menu {
        width: 100%;
        text-align: left;
        border-bottom: 1px #45453b solid;
    }

    .hddmenusite-content > ul > li > div.subcats .col-menu:last-child {
        border-bottom: 0;
    }

    .hddmenusite-content > ul > li > div.subcats .col-menu .menuicon {
        display: none;
    }

    .hddmenusite-content > ul > li > div.subcats a  {
        font-weight: 400;
        display: block;
        color: #ccc;
        padding: 0 0 0 30px;
        font-size: 14px;
        line-height: 40px;
    }

    body.hdd-open-menu {
        overflow: hidden;
    }

    .hdd-open-menu .hdd-toggle-menu i {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .hdd-open-menu .hddmenusite {
        display: block;
    }

    .hdd-top-slide {
        margin-top: 52px;
    }

    #header .logo {
        text-align: center;
        padding-right: 45px;
    }

    #header .logo img {
        max-width: 100%;
    }

    .shops-main-cat-subs {
        display: none;
    }

    .shops-main-cat-subs-mobile {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .col-shops-5 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}

@media (max-width: 499px) {
    #header .logo img {
        max-height: inherit;
		padding-top:10px
    }

    .col-shops-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    ul.clist-template li .ctit {
        width: 150px;
    }
	.image{
	margin: 0 10px 10px 0!important;
	}
	figure {
    padding: 0px;
    display: block;
    float: left;
    margin:0!important;
    text-align: center;
	}
	.rescue-container {
            padding: 10px 5px;
        }
        .rescue-info {
            padding:0px;
			text-align: center;
        }
}
/* Autoads */
.autoAdsMaxLead-widget-button-default-text, .powered_by_autoAdsMaxLead,.aml_dk-hightlight, .aml-powered-by, .subiz_logo{
    display: none !important;
}


/* logo sider */
        .logo-slider {
            background: #fff;
            padding-top: 10px;
            text-align: center;
        }
        .logo-slider .item img {
            max-width: 100px;
            height: auto;
            margin: auto;
        }
		

/* Button box liên hệ */
<style type="text/css">.bx-ios.bx-ios-fix-frame-focus body,html.bx-ios.bx-ios-fix-frame-focus
{
   -webkit-overflow-scrolling:touch
}

.bx-touch
{
   -webkit-tap-highlight-color:transparent
}

.bx-touch.crm-widget-button-mobile,.bx-touch.crm-widget-button-mobile body
{
   height:100%;
   overflow:auto
}

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

.bx-touch .b24-widget-button-shadow
{
   background:rgba(33,33,33,.75)
}

.b24-widget-button-inner-container
{
   position:relative;
   display:inline-block
}

.b24-widget-button-position-fixed
{
   position:fixed;
   z-index:10000
}

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

.b24-widget-button-block .b24-widget-button-icon
{
   opacity:1
}

.b24-widget-button-block-active .b24-widget-button-icon
{
   opacity:.7
}

.b24-widget-button-position-top-left
{
   top:50px;
   left:50px
}

.b24-widget-button-position-top-middle
{
   top:50px;
   left:50%;
   margin:0 0 0 -33px
}

.b24-widget-button-position-top-right
{
   top:50px;
   right:50px
}

.b24-widget-button-position-bottom-left
{
   right:30px;
   bottom:30px
}

.b24-widget-button-position-bottom-middle
{
   left:50%;
   bottom:50px;
   margin:0 0 0 -33px
}

.b24-widget-button-position-bottom-right
{
   right:30px;
   bottom:50px
}

.b24-widget-button-inner-block
{
   position:relative;
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   height:66px;
   border-radius:100px;
   background:#00aeef;
   box-sizing:border-box
}

.b24-widget-button-icon-container
{
   position:relative;
   -webkit-box-flex:1;
   -webkit-flex:1;
   -ms-flex:1;
   flex:1
}

.b24-widget-button-inner-item
{
   position:absolute;
   top:0;
   left:0;
   padding:20px 19px;
   -webkit-transition:opacity .6s ease-out;
   transition:opacity .6s ease-out;
   -webkit-animation:socialRotateBack .4s;
   animation:socialRotateBack .4s;
   opacity:0
}

.b24-widget-button-icon-animation
{
   opacity:1
}

.b24-widget-button-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:#00aeef;
   opacity:.2
}

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

.b24-widget-button-icon:hover
{
   opacity:1
}

.b24-widget-button-inner-item-active .b24-widget-button-icon
{
   opacity:1
}

.b24-widget-button-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
}

.bx-imopenlines-config-sidebar
{
   z-index:10101
}

.b24-widget-button-visible
{
   visibility:visible;
   -webkit-animation:b24-widget-button-visible 1s ease-out forwards 1;
   animation:b24-widget-button-visible 1s ease-out forwards 1
}

@-webkit-keyframes b24-widget-button-visible {
   0%
   {
      -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 b24-widget-button-visible {
   0%
   {
      -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)
   }
}

.b24-widget-button-disable
{
   -webkit-animation:b24-widget-button-disable .3s ease-out forwards 1;
   animation:b24-widget-button-disable .3s ease-out forwards 1
}

@-webkit-keyframes b24-widget-button-disable {
   0%
   {
      -webkit-transform:scale(1);
      transform:scale(1)
   }

   50.001%
   {
      -webkit-transform:scale(.5);
      transform:scale(.5)
   }

   92.999%
   {
      -webkit-transform:scale(0);
      transform:scale(0)
   }

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

@keyframes b24-widget-button-disable {
   0%
   {
      -webkit-transform:scale(1);
      transform:scale(1)
   }

   50.001%
   {
      -webkit-transform:scale(.5);
      transform:scale(.5)
   }

   92.999%
   {
      -webkit-transform:scale(0);
      transform:scale(0)
   }

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

.b24-widget-button-social
{
   display:none
}

.b24-widget-button-social-item
{
   position:relative;
   display:block;
   margin:0 10px 10px 0;
   width:45px;
   height:44px;
   background-color:#fff;
   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
}

.b24-widget-button-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)
}

.connector-icon-45
{
   width:45px;
   height:45px
}

.b24-widget-button-callback
{
   background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2230%22%20viewBox%3D%220%200%2029%2030%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.872%2019.905c-.947-.968-2.13-.968-3.072%200-.718.737-1.256.974-1.962%201.723-.193.206-.356.25-.59.112-.466-.262-.96-.474-1.408-.76-2.082-1.356-3.827-3.098-5.372-5.058-.767-.974-1.45-2.017-1.926-3.19-.096-.238-.078-.394.11-.587.717-.718.96-.98%201.665-1.717.984-1.024.984-2.223-.006-3.253-.56-.586-1.103-1.397-1.56-2.034-.458-.636-.817-1.392-1.403-1.985C5.4%202.2%204.217%202.2%203.275%203.16%202.55%203.9%201.855%204.654%201.12%205.378.438%206.045.093%206.863.02%207.817c-.114%201.556.255%203.023.774%204.453%201.062%202.96%202.68%205.587%204.642%207.997%202.65%203.26%205.813%205.837%209.513%207.698%201.665.836%203.39%201.48%205.268%201.585%201.292.075%202.415-.262%203.314-1.304.616-.712%201.31-1.36%201.962-2.042.966-1.01.972-2.235.012-3.234-1.147-1.192-2.48-1.88-3.634-3.065zm-.49-5.36l.268-.047c.583-.103.953-.707.79-1.295-.465-1.676-1.332-3.193-2.537-4.445-1.288-1.33-2.857-2.254-4.59-2.708-.574-.15-1.148.248-1.23.855l-.038.28c-.07.522.253%201.01.747%201.142%201.326.355%202.53%201.064%203.517%202.086.926.958%201.59%202.125%201.952%203.412.14.5.624.807%201.12.72zm2.56-9.85C21.618%202.292%2018.74.69%2015.56.02c-.56-.117-1.1.283-1.178.868l-.038.28c-.073.537.272%201.04.786%201.15%202.74.584%205.218%201.968%207.217%204.03%201.885%201.95%203.19%204.36%203.803%207.012.122.53.617.873%201.136.78l.265-.046c.57-.1.934-.678.8-1.26-.71-3.08-2.223-5.873-4.41-8.14z%22/%3E%3C/svg%3E);
   background-repeat:no-repeat;
   background-position:center;
   background-color:#00aeef;
   background-size:43%
}

.b24-widget-button-crmform
{
   background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.407%200h-21.1C.586%200%200%20.586%200%201.306v21.1c0%20.72.586%201.306%201.306%201.306h21.1c.72%200%201.306-.586%201.306-1.305V1.297C23.702.587%2023.117%200%2022.407%200zm-9.094%2018.046c0%20.41-.338.737-.738.737H3.9c-.41%200-.738-.337-.738-.737v-1.634c0-.408.337-.737.737-.737h8.675c.41%200%20.738.337.738.737v1.634zm7.246-5.79c0%20.408-.338.737-.738.737H3.89c-.41%200-.737-.338-.737-.737v-1.634c0-.41.337-.737.737-.737h15.923c.41%200%20.738.337.738.737v1.634h.01zm0-5.8c0%20.41-.338.738-.738.738H3.89c-.41%200-.737-.338-.737-.738V4.822c0-.408.337-.737.737-.737h15.923c.41%200%20.738.338.738.737v1.634h.01z%22/%3E%3C/svg%3E);
   background-repeat:no-repeat;
   background-position:center;
   background-color:#00aeef;
   background-size:43%
}

.b24-widget-button-openline_livechat
{
   background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2231%22%20height%3D%2228%22%20viewBox%3D%220%200%2031%2028%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.29%2013.25V2.84c0-1.378-1.386-2.84-2.795-2.84h-17.7C1.385%200%200%201.462%200%202.84v10.41c0%201.674%201.385%203.136%202.795%202.84H5.59v5.68h.93c.04%200%20.29-1.05.933-.947l3.726-4.732h9.315c1.41.296%202.795-1.166%202.795-2.84zm2.795-3.785v4.733c.348%202.407-1.756%204.558-4.658%204.732h-8.385l-1.863%201.893c.22%201.123%201.342%202.127%202.794%201.893h7.453l2.795%203.786c.623-.102.93.947.93.947h.933v-4.734h1.863c1.57.234%202.795-1.02%202.795-2.84v-7.57c0-1.588-1.225-2.84-2.795-2.84h-1.863z%22/%3E%3C/svg%3E);
   background-repeat:no-repeat;
   background-position:center;
   background-color:#00aeef;
   background-size:43%
}

.b24-widget-button-social-tooltip
{
   position:absolute;
   top:50%;
   left:-9000px;
   display:inline-block;
   padding:5px 10px;
   border-radius:10px;
   font:13px/15px "Helvetica Neue",Arial,Helvetica,sans-serif;
   color:#000;
   background:#fff;
   text-align:center;
   -webkit-transform:translate(0,-50%);
   transform:translate(0,-50%);
   -webkit-transition:opacity .6s linear;
   transition:opacity .6s linear;
   opacity:0
}

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

.b24-widget-button-close
{
   display:none
}

.b24-widget-button-position-bottom-left .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip,.b24-widget-button-position-top-left .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip
{
   left:50px;
   -webkit-transform:translate(0,-50%);
   transform:translate(0,-50%);
   opacity:1
}

.b24-widget-button-position-bottom-right .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip,.b24-widget-button-position-top-right .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip
{
   left:-5px;
   -webkit-transform:translate(-100%,-50%);
   transform:translate(-100%,-50%);
   opacity:1
}

.b24-widget-button-inner-container,.bx-touch .b24-widget-button-inner-container
{
   -webkit-transform:scale(.85);
   transform:scale(.85);
   -webkit-transition:transform .3s;
   transition:transform .3s
}

.b24-widget-button-bottom .b24-widget-button-inner-container,.b24-widget-button-top .b24-widget-button-inner-container
{
   -webkit-transform:scale(.7);
   transform:scale(.7);
   -webkit-transition:transform .3s linear;
   transition:transform .3s linear
}

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

.b24-widget-button-bottom .b24-widget-button-pulse,.b24-widget-button-top .b24-widget-button-pulse
{
   display:none
}

.b24-widget-button-wrapper.b24-widget-button-position-bottom-left,.b24-widget-button-wrapper.b24-widget-button-position-bottom-middle,.b24-widget-button-wrapper.b24-widget-button-position-bottom-right
{
   -webkit-box-orient:vertical;
   -webkit-box-direction:reverse;
   -ms-flex-direction:column-reverse;
   flex-direction:column-reverse
}

.b24-widget-button-bottom .b24-widget-button-social,.b24-widget-button-top .b24-widget-button-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
}

.b24-widget-button-top .b24-widget-button-social
{
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-direction:column;
   flex-direction:column;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   -webkit-box-align:start;
   -ms-flex-align:start;
   align-items:flex-start;
   padding:10px 0 0;
   -webkit-animation:topOpen .3s;
   animation:topOpen .3s
}

.b24-widget-button-position-bottom-left.b24-widget-button-bottom .b24-widget-button-social
{
   -ms-flex-line-pack:start;
   align-content:flex-start
}

.b24-widget-button-position-top-left.b24-widget-button-top .b24-widget-button-social
{
   -ms-flex-line-pack:start;
   align-content:flex-start
}

.b24-widget-button-position-top-right.b24-widget-button-top .b24-widget-button-social
{
   -ms-flex-line-pack:start;
   align-content:flex-start;
   -ms-flex-wrap:wrap-reverse;
   flex-wrap:wrap-reverse
}

.b24-widget-button-position-bottom-left.b24-widget-button-bottom .b24-widget-button-social,.b24-widget-button-position-bottom-middle.b24-widget-button-bottom .b24-widget-button-social,.b24-widget-button-position-bottom-right.b24-widget-button-bottom .b24-widget-button-social
{
   -ms-flex-line-pack:start;
   align-content:flex-start;
   -ms-flex-wrap:wrap-reverse;
   flex-wrap:wrap-reverse;
   order:1
}

.b24-widget-button-position-bottom-left.b24-widget-button-bottom .b24-widget-button-social
{
   -ms-flex-wrap:wrap;
   flex-wrap:wrap
}

.b24-widget-button-position-bottom-left .b24-widget-button-social-item,.b24-widget-button-position-bottom-middle .b24-widget-button-social-item,.b24-widget-button-position-top-left .b24-widget-button-social-item,.b24-widget-button-position-top-middle .b24-widget-button-social-item
{
   margin:0 0 10px 10px
}

.b24-widget-button-position-bottom-left.b24-widget-button-wrapper
{
   -webkit-box-align:start;
   -ms-flex-align:start;
   align-items:flex-start
}

.b24-widget-button-position-top-left.b24-widget-button-wrapper
{
   -webkit-box-align:start;
   -ms-flex-align:start;
   align-items:flex-start
}

.b24-widget-button-position-bottom-middle.b24-widget-button-wrapper,.b24-widget-button-position-top-middle.b24-widget-button-wrapper
{
   -webkit-box-align:start;
   -ms-flex-align:start;
   align-items:flex-start;
   -ms-flex-line-pack:start;
   align-content:flex-start
}

.b24-widget-button-position-top-middle.b24-widget-button-top .b24-widget-button-social
{
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-direction:column;
   flex-direction:column;
   -ms-flex-line-pack:start;
   align-content:flex-start
}

.b24-widget-button-bottom .b24-widget-button-inner-item
{
   display:none
}

.b24-widget-button-bottom .b24-widget-button-close
{
   display:block;
   -webkit-animation:socialRotate .4s;
   animation:socialRotate .4s;
   opacity:1
}

.b24-widget-button-top .b24-widget-button-inner-item
{
   display:none
}

.b24-widget-button-top .b24-widget-button-close
{
   display:block;
   -webkit-animation:socialRotate .4s;
   animation:socialRotate .4s;
   opacity:1
}

.b24-widget-button-show
{
   -webkit-animation:show .3s linear forwards;
   animation:show .3s linear forwards
}

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

   50%
   {
      opacity:0
   }

   100%
   {
      opacity:1;
      visibility:visible
   }
}

@keyframes show {
   0%
   {
      opacity:0
   }

   50%
   {
      opacity:0
   }

   100%
   {
      opacity:1;
      visibility:visible
   }
}

.b24-widget-button-hide
{
   -webkit-animation:hidden .3s linear forwards;
   animation:hidden .3s linear forwards
}

@-webkit-keyframes hidden {
   0%
   {
      opacity:1;
      visibility:visible
   }

   50%
   {
      opacity:1
   }

   99.999%
   {
      visibility:visible
   }

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

@keyframes hidden {
   0%
   {
      opacity:1;
      visibility:visible
   }

   50%
   {
      opacity:1
   }

   99.999%
   {
      visibility:visible
   }

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

.b24-widget-button-hide-icons
{
   -webkit-animation:hideIconsBottom .2s linear forwards;
   animation:hideIconsBottom .2s linear forwards
}

@-webkit-keyframes hideIconsBottom {
   0%
   {
      opacity:1
   }

   50%
   {
      opacity:1
   }

   100%
   {
      opacity:0;
      -webkit-transform:translate(0,20px);
      transform:translate(0,20px);
      visibility:hidden
   }
}

@keyframes hideIconsBottom {
   0%
   {
      opacity:1
   }

   50%
   {
      opacity:1
   }

   100%
   {
      opacity:0;
      -webkit-transform:translate(0,20px);
      transform:translate(0,20px);
      visibility:hidden
   }
}

@-webkit-keyframes hideIconsTop {
   0%
   {
      opacity:1
   }

   50%
   {
      opacity:1
   }

   100%
   {
      opacity:0;
      -webkit-transform:translate(0,-20px);
      transform:translate(0,-20px);
      visibility:hidden
   }
}

@keyframes hideIconsTop {
   0%
   {
      opacity:1
   }

   50%
   {
      opacity:1
   }

   100%
   {
      opacity:0;
      -webkit-transform:translate(0,-20px);
      transform:translate(0,-20px);
      visibility:hidden
   }
}

.b24-widget-button-popup-name
{
   font:700 14px "Helvetica Neue",Arial,Helvetica,sans-serif;
   color:#000
}

.b24-widget-button-popup-description
{
   margin:4px 0 0;
   font:13px "Helvetica Neue",Arial,Helvetica,sans-serif;
   color:#424956
}

.b24-widget-button-close-item
{
   width:28px;
   height:28px;
   background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.866%2014.45l9.58-9.582L24.03.448l-9.587%209.58L4.873.447.455%204.866l9.575%209.587-9.583%209.57%204.418%204.42%209.58-9.577%209.58%209.58%204.42-4.42%22/%3E%3C/svg%3E);
   background-repeat:no-repeat;
   background-position:center;
   cursor:pointer
}

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

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

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

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

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

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

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

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

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

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

   100%
   {
      -webkit-transform:rotate(0);
      transform:rotate(0)
   }
}

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

   100%
   {
      -webkit-transform:rotate(0);
      transform:rotate(0)
   }
}

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

   100%
   {
      -webkit-transform:rotate(0);
      transform:rotate(0)
   }
}

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

   100%
   {
      -webkit-transform:rotate(0);
      transform:rotate(0)
   }
}

.b24-widget-button-popup
{
   display:none;
   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
}

.b24-widget-button-popup-triangle
{
   position:absolute;
   display:block;
   width:8px;
   height:8px;
   background:#fff;
   border-right:2px solid #2fc7f7;
   border-bottom:2px solid #2fc7f7
}

.b24-widget-button-popup-show
{
   display:block;
   -webkit-animation:show .4s linear forwards;
   animation:show .4s linear forwards
}

.b24-widget-button-position-top-left .b24-widget-button-popup-triangle
{
   top:19px;
   left:-6px;
   -webkit-transform:rotate(134deg);
   transform:rotate(134deg)
}

.b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle
{
   bottom:25px;
   left:-6px;
   -webkit-transform:rotate(134deg);
   transform:rotate(134deg)
}

.b24-widget-button-position-bottom-left .b24-widget-button-popup,.b24-widget-button-position-bottom-middle .b24-widget-button-popup
{
   bottom:0;
   left:75px
}

.b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle
{
   bottom:25px;
   right:-6px;
   -webkit-transform:rotate(-45deg);
   transform:rotate(-45deg)
}

.b24-widget-button-position-bottom-right .b24-widget-button-popup
{
   left:-320px;
   bottom:0
}

.b24-widget-button-position-top-right .b24-widget-button-popup-triangle
{
   top:19px;
   right:-6px;
   -webkit-transform:rotate(-45deg);
   transform:rotate(-45deg)
}

.b24-widget-button-position-top-right .b24-widget-button-popup
{
   top:0;
   left:-320px
}

.b24-widget-button-position-top-middle .b24-widget-button-popup-triangle
{
   top:19px;
   left:-6px;
   -webkit-transform:rotate(134deg);
   transform:rotate(134deg)
}

.b24-widget-button-position-top-left .b24-widget-button-popup,.b24-widget-button-position-top-middle .b24-widget-button-popup
{
   top:0;
   left:75px
}

.b24-widget-button-position-bottom-middle .b24-widget-button-popup-triangle
{
   bottom:25px;
   left:-6px;
   -webkit-transform:rotate(134deg);
   transform:rotate(134deg)
}

.bx-touch .b24-widget-button-popup
{
   padding:10px 22px 10px 15px
}

.bx-touch .b24-widget-button-popup
{
   width:230px
}

.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup
{
   bottom:90px;
   left:0
}

.bx-touch .b24-widget-button-popup-image
{
   margin:0 auto 10px
}

.bx-touch .b24-widget-button-popup-content
{
   text-align:center
}

.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle
{
   bottom:-6px;
   left:25px;
   -webkit-transform:rotate(45deg);
   transform:rotate(45deg)
}

.bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup
{
   bottom:90px;
   left:0
}

.bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup
{
   bottom:90px;
   left:-160px
}

.bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle
{
   bottom:-6px;
   right:30px;
   -webkit-transform:rotate(-45deg);
   transform:rotate(45deg)
}

.bx-touch .b24-widget-button-position-bottom-middle .b24-widget-button-popup
{
   bottom:90px;
   left:50%;
   -webkit-transform:translate(-50%,0);
   transform:translate(-50%,0)
}

.bx-touch .b24-widget-button-position-bottom-middle .b24-widget-button-popup-triangle
{
   bottom:-6px;
   left:108px;
   -webkit-transform:rotate(134deg);
   transform:rotate(45deg)
}

.bx-touch .b24-widget-button-position-top-middle .b24-widget-button-popup
{
   top:90px;
   left:50%;
   -webkit-transform:translate(-50%,0);
   transform:translate(-50%,0)
}

.bx-touch .b24-widget-button-position-top-middle .b24-widget-button-popup-triangle
{
   top:-7px;
   left:auto;
   right:108px;
   -webkit-transform:rotate(-135deg);
   transform:rotate(-135deg)
}

.bx-touch .b24-widget-button-position-top-left .b24-widget-button-popup
{
   top:90px;
   left:0
}

.bx-touch .b24-widget-button-position-top-left .b24-widget-button-popup-triangle
{
   left:25px;
   top:-6px;
   -webkit-transform:rotate(-135deg);
   transform:rotate(-135deg)
}

.bx-touch .b24-widget-button-position-top-right .b24-widget-button-popup
{
   top:90px;
   left:-150px
}

.bx-touch .b24-widget-button-position-top-right .b24-widget-button-popup-triangle
{
   top:-7px;
   right:40px;
   -webkit-transform:rotate(-135deg);
   transform:rotate(-135deg)
}

.b24-widget-button-popup-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
}

.b24-widget-button-popup-btn-hide:hover
{
   opacity:1
}

.bx-touch .b24-widget-button-popup-btn-hide
{
   background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.36%207.02l5.34-5.34L12.36.34%207.02%205.68%201.68.34.34%201.68l5.34%205.34-5.34%205.342%201.34%201.34%205.34-5.34%205.34%205.34%201.34-1.34-5.34-5.34z%22/%3E%3C/svg%3E);
   background-repeat:no-repeat
}

.b24-widget-button-popup-inner
{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-flow:row wrap;
   flex-flow:row wrap
}

.b24-widget-button-popup-content
{
   width:222px
}

.b24-widget-button-popup-image
{
   margin:0 10px 0 0;
   width:42px;
   text-align:center
}

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

.b24-widget-button-popup-button
{
   margin:15px 0 0;
   -webkit-box-flex:1;
   -ms-flex:1;
   flex:1;
   text-align:center
}

.b24-widget-button-popup-button-item
{
   display:inline-block;
   margin:0 16px 0 0;
   font:700 12px "Helvetica Neue",Arial,Helvetica,sans-serif;
   color:#08a6d8;
   text-transform:uppercase;
   border-bottom:1px solid #08a6d8;
   -webkit-transition:border-bottom .3s;
   transition:border-bottom .3s;
   cursor:pointer
}

.b24-widget-button-popup-button-item:hover
{
   border-bottom:1px solid transparent
}

.b24-widget-button-popup-button-item:last-child
{
   margin:0
}

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

.b24-widget-button-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) {
   .b24-widget-button-bottom .b24-widget-button-social,.b24-widget-button-top .b24-widget-button-social
   {
      max-height:900px
   }
}

@media(max-height:768px) {
   .b24-widget-button-bottom .b24-widget-button-social,.b24-widget-button-top .b24-widget-button-social
   {
      max-height:600px
   }
}

@media(max-height:667px) {
   .b24-widget-button-bottom .b24-widget-button-social,.b24-widget-button-top .b24-widget-button-social
   {
      max-height:440px
   }
}

@media(max-height:568px) {
   .b24-widget-button-bottom .b24-widget-button-social,.b24-widget-button-top .b24-widget-button-social
   {
      max-height:380px
   }
}

@media(max-height:480px) {
   .b24-widget-button-bottom .b24-widget-button-social,.b24-widget-button-top .b24-widget-button-social
   {
      max-height:335px
   }
}

#sudovn-btn-social
{
   opacity:0;
   visibility:hidden;
   background:#fff;
   min-width:300px;
   padding:8px 0;
   position:absolute;
   bottom:90px;
   border-radius:8px
}

.b24-widget-button-position-bottom-right #sudovn-btn-social
{
   right:0
}

.b24-widget-button-position-bottom-left #sudovn-btn-social
{
   left:0
}

#sudovn-btn-social:before
{
   position:absolute;
   bottom:-7px;
   left:auto;
   display:inline-block!important;
   border-right:8px solid transparent;
   border-top:8px solid #FFF;
   border-left:8px solid transparent;
   content:""
}

.b24-widget-button-position-bottom-right #sudovn-btn-social:before
{
   right:25px
}

.b24-widget-button-position-bottom-left #sudovn-btn-social:before
{
   left:25px
}

.sudovn-btn-social-item
{
   display:block;
   color:#333;
   overflow:hidden;
   text-decoration:none;
   padding:.5rem 1rem
}

.sudovn-btn-social-item:hover
{
   background:#f2f2f2
}

.sudovn-btn-social-item-icon
{
   float:left;
   margin-right:5px
}

.sudovn-btn-social-item-icon img
{
   width:40px;
   height:40px
}

.sudovn-btn-social-item-label
{
   height:40px;
   line-height:40px;
   color:#333;
   margin:0;
   font-size:1.1em
}

.sudovn-credit
{
   text-align:center;
   margin-top:8px
}

.sudovn-credit a
{
   transition:none;
   color:#bec2c9;
   font-family:Helvetica,Arial,sans-serif;
   font-size:12px;
   text-decoration:none;
   border:0;
   font-weight:400
}

#sudovn-btn-title
{
   background:#00aeef;
   padding:2px 5px;
   border-radius:3px;
   color:#fff;
   position:relative;
   bottom:42px
}

.b24-widget-button-position-bottom-right #sudovn-btn-title
{
   right:70px
}

.b24-widget-button-position-bottom-left #sudovn-btn-title
{
   left:50px
}

.b24-widget-button-wrapper
{
   bottom:0!important
}