/*
Theme Name: Nhom kinh
Theme URI: https://muatheme.com/san-pham/theme-wordpress-cua-nhom-kinh-pho-viet/
Author: muatheme.com
Author URI: https://muatheme.com
Description: Theme Wordpress nhôm kính, cửa kính
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.quy-trinh-sago:after {
    content: '';
    background: url(/wp-content/uploads/2020/01/process-line.png) no-repeat center;
    /* z-index: 11; */
    position: absolute;
    top: 42%;
    height: 108px;
    width: 100%;
    background-size: auto 100%;
    margin-top: -22px;
}



.slider-nav-light .flickity-page-dots .dot.is-selected {
    border-color: var(--primary-color) !important;
}
.live-chat {
    position: fixed;
    z-index: 99;
    font-size: 0;    border: 1px solid var(--primary-color);
    right: 20px;
    bottom: 70px;
}
.live-chat .items-action, .live-chat .items-action svg {
    position: relative;

}
.live-chat .items-action svg {
    max-height: 40px;
    -webkit-transition: width .3s;
    transition: width .3s;
    z-index: 9;
}
.items-icons{height: 46px;width: 46px;text-align: center; cursor: pointer; padding-top: 15px;  display: block;position: relative;align-items: center;}
.items-icons:not(:first-child):before{
    content: "";width: 36px;height: 0px;border: 1px solid var(--primary-color);position: absolute;top: 0;left: 5px;
}
.items-icons svg{margin: auto;max-height: 25px;position: relative;z-index: 9}
.live-chat .items-icons .title-action {
    height: 48px;
    line-height: 48px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: -1px;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: max-width .3s ease,padding .3s ease;
    transition: max-width .3s ease,padding .3s ease;
    text-align: right;
    background: var(--primary-color);
    color: #fff;
    font-size: 17px;
	
}
.live-chat .items-icons:hover svg, .live-chat .items-icons:hover svg > *{fill: #fff;}
.live-chat .items-action .title-action b {
    font-size: 18px;
}
.live-chat .go-top.items-icons .title-action{top: -1px;}

.live-chat .items-icons:hover .title-action {
    padding: 0 65px 0 10px;
    max-width: 160px;
    width: 160px;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.live-chat {left: 0px;bottom: 0px;width: 100%;display: block;background: #ffffff;}
	.live-chat .items-icons{display: inline-block !important;width: 33.33% !important;border-top: none;}
	.items-icons:not(:first-child):before{ content: none;}
	.items-icons:nth-child(2){border-left: 1px solid var(--primary-color);border-right: 1px solid var(--primary-color);}
	.live-chat .items-icons:hover svg, .live-chat .items-icons:hover svg > *{fill: var(--primary-color);;}
	.live-chat .items-icons:hover .title-action { display: none;}

}