.website-alo-phone {
    position: fixed;
    left: 20px;
    bottom: 20px;
    visibility: visible;
    background: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 999999
}

.website-alo-phone .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.website-alo-phone .animated.infinite {
    animation-iteration-count: infinite
}

.website-alo-phone .animated.infinite.zoomIn {
    animation-name: zoomIn
}

.website-alo-phone .animated.infinite.zoomIn.website-alo-ph-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    top: 32px;
    left: -17px;
    border: 2px solid #fd0000;
    border-radius: 100%;
    background: transparent;
    opacity: 0.5
}

.website-alo-phone .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

.website-alo-phone .animated.infinite {
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.website-alo-phone .animated.infinite.pulse {
    animation-name: pulse;
    -webkit-animation-iteration-count: infinite
}

.website-alo-phone .animated.infinite.pulse.website-alo-ph-circle-fill {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 45px;
    left: 1px;
    border: 2px solid transparent;
    border-radius: 100%;
    transition: all 0.5;
    background-color: #ff000078;
    opacity: 0.75
}

.website-alo-phone
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.website-alo-phone
.animated.infinite {
    animation-iteration-count: infinite
}

.website-alo-phone .animated.infinite.tada {
    animation-name: tada
}

.website-alo-phone .animated.infinite.tada.website-alo-ph-img-circle {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 60px;
    left: 16px;
    border: 2px solid transparent;
    border-radius: 100%;
    transition: all 0.2s ease-in-out;
    transform-origin: 50% 50%;
    background-color: #f00;
    background-size: 70%;
    opacity: 0.7
}

.website-alo-phone .animated.infinite.tada.website-alo-ph-img-circle
.fa {
    zoom: 1.5;
    color: #fff;
    display: block;
    padding: 3px
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
/*- - - end hotline mobile - - -*/

.label.ribbon.hot, .label.ribbon.new {
    display: none;
}
nav .nav_menu .social {
    display: none;
}
#boloc_mobile {
    clear: both;
}
ul.site-nav>li {
    height: 40px;
}
.footer-3 {
    overflow: hidden;
}
.footer-3 iframe {
    max-width: 100%;
    height: auto;
}
.desFooter, .news-detail-title, news-detail-image, .paginator .labelPages, .paginator .titlePages {
    display: none !important;
}
.theblogwidgets {
    background: url(/tp/T0202/img/tmp/back-facebook.png) no-repeat scroll left center transparent !important;
    float: right;
    height: 180px;
    padding: 0 5px 0 46px;
    width: 500px;
    z-index: 99999;
    position: fixed;
    right: -460px;
    top: 0;
    margin-top: 80px;
    cursor: pointer;
}
.theblogwidgets .bo {
    padding: 0;
    margin-right: -8px;
    border: 4px solid #3b5998;
    background: #fafafa;
    height: 550px;
}
#stocking, #out-stock{
    font-weight: 700;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #ccc;
    height: 25px;
    line-height: 13px;
    padding: 5px;
    color: #ff0;
    background: #339edc;
    left: unset;
    top: unset;
}

@media (min-width: 768px) {
    .in-category .product-box .product-thumbnail img, .in-category .box-product .product-thumbnail img {
        width: 190px;
        height: 200px;
    }
    .in-index .product-box .product-thumbnail img {
        height: 240px;
    }
    .product-box h3.product-name, .box-product h3.product-name {
        height: 33px;
    }
    .content_search .collection_search .loop-grid .search_loop_grid .product_box_search .product-thumbnail a img {
        height: 240px !important;
    }
}