/*

Theme Name: hoabinhdigital
Theme URI: https://generatepress.com
Template: generatepress
Author: GVT
Author URI: https://iamgvt.com
Description: child-them desiner by GVT
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 1.3.48.1499935361
Updated: 2017-07-13 08:42:41

*/
/* latin-ext */

.wrap-search .search-field {width: 65%; border-radius: 5px 0 0 5px;}
.wrap-search button {background: #D20505; margin-left: -10px; border-radius: 0 5px 5px 0;}
.wrap-search-mb .search-field {width: 70%; height: 40px;}
.wrap-search-mb button {background: #D20505; margin-left: -5px; width: 30%; padding: 6px;}

.wrap-sp .products li {border: 2px solid #ededed; padding: 10px !important;}
.wrap-sp .products li:hover {border: 2px solid #dfdfdf; box-shadow: 0 0 3px rgb(0 0 0 / 10%);}

.wrap-thong-ke ul {margin: 0; list-style: none;}
.wrap-thong-ke ul li {margin: 0; color: #000; border-bottom: 1px solid #E3E3E3; line-height: 30px; font-weight: 300;}
.wrap-thong-ke ul li span {float: right;}
.wrap-thong-ke ul li:last-child {border-bottom: none;}

.wrap-single-product .woocommerce-product-gallery__wrapper {padding: 10px !important;}

.wrap-menu-dm .sub-menu {min-width: 240px !important;}
.li-dm .sub-menu {left: -10px !important;}
.li-dm .sub-menu .menu-item .sub-menu {margin-left: 250px !important; width: 1000px !important; background: #fff !important;}
.li-dm .sub-menu .menu-item .sub-menu li {width: 200px; float: left;}
.li-dm .sub-menu .menu-item .sub-menu li:nth-child(5n) {clear: bold;}

.li2 a .sub-arrow {display: none !important;}

.btn-frame {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    left: 20px;
    z-index: 10;
    cursor: pointer;
}
.btn-frame .animated.infinite {
    animation-iteration-count: infinite;
}
.btn-frame .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.btn-frame .zoomIn {
    animation-name: zoomIn;
}
.btn-frame .kenit-alo-circle {
    width: 60px;
    height: 60px;
    top: -7px;
    right: -7px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(7,41,103,0.8);
    opacity: .1;
    border-color: #bc1921;
    opacity: .5;
}
.btn-frame .animated.infinite {
    animation-iteration-count: infinite;
}
.btn-frame .pulse {
    animation-name: pulse;
}
.btn-frame .kenit-alo-circle-fill {
    width: 70px;
    height: 70px;
    top: -10px;
    right: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(7,41,103,0.35);
    opacity: .4;
}
.btn-frame .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.btn-frame i {
    display: flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #bc1921;
    position: relative;
    z-index: 1;
}
.btn-zalo {
    bottom: 110px;
}
.btn-phone {
    bottom: 30px;
}

.btn-mess {
    bottom: 110px;
}


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

50% {
    opacity: 1;
}
}
@keyframes pulse{
0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05);
}
100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
}