/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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


/* css header */
/* css menu header when scroll */
.header.show-on-scroll, .stuck .header-main {
    background: #fff;
}
/* css menu drop */
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    border: none;
    border-radius: 6px;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a{
	color: #000;
}

/* css timeline */
span.ctl-story-time {
    font-size: 30px;
}

.section-3 .ct p {
    line-height: 31px;
    font-size: 18px;
}
.section-3 h1 {
    color: #d8b069;
}
.section-3 p {
    color: #000;
}

.section-7 .ct-blog .col-inner {
    background: #00000094;
    border-radius: 6px;
    padding: 16px;
}

/* css form liên hệ dưới footer 2 */
.ct-title-st-2 h1, .footer-2 p {
	color: rgb(216, 176, 105);
	font-weight: bold;
}
form input.wpcf7-form-control, textarea {
    border-radius: 6px;
	background: #f3eacb;
}
form input.wpcf7-form-control:hover {
    outline: none;
    border: 1px solid #d8b069;
}
form input.wpcf7-form-control.wpcf7-submit {
    background: rgb(216, 176, 105);
}

/* css trang dự án */
.duan-col .col.medium-4.small-12.large-4 {
    padding: 6px;
}
.duan-col .full-width .ubermenu-nav, .duan-col .container, .duan-col .row {
    max-width: 100%;
}


/* css section-duan-1 */
section.section.section-duan-1{
    background-image: url(/wp-content/uploads/2021/05/bg-page-title.jpg);
    background-size: cover;
}
.ct-title-duan p, .ct-lienhe-st-1 p {
	color: #fff;
	margin-top: 10px;
}
.ct-title-duan p a, .ct-lienhe-st-1 p a {
	color: rgb(216, 176, 105);
}

/* css section-duan-2 */
.section-duan-2 .duan-tab li {
    padding: 0px 10px;
    font-size: 18px;
}
.section-duan-2 .duan-tab li a {
	color: rgb(216, 176, 105);
}
.section-duan-2 .duan-tab li a:hover, .section-duan-2 .duan-tab li.tab.active.has-icon a span {
	color: #b91414;
}

a.button.open-video.icon {
    opacity: 0;
} 
.duan-col .col.medium-4.small-12.large-4:hover:hover a.button.open-video.icon, .section-2 .banner.has-hover.is-selected:hover a.button.open-video.icon {
    opacity: 1;
}
.duan-col .banner-inner.fill a strong:hover { 
    color: #b91414;
}
.duan-col .is-outline:hover, .section-2 .banner.has-hover.is-selected .is-outline:hover {
    background: bottom;
    border: 2px solid #b91414;
}
.duan-col .is-outline:hover i.icon-play, .section-2 .banner.has-hover.is-selected .is-outline:hover i.icon-play {
    color: #b91414;
}
.duan-col .banner-layers.container:hover {
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
}
.text-inner.text-center {
    display: none;
}
.banner-layers.container:hover .text-inner.text-center {
    display: block;
}

/* css nút pre next luôn hiển thị */
.slider .flickity-prev-next-button {
    opacity: 1;
}

/* css trang liên hệ */
section.section-lienhe-1 .bg.section-bg {
    background-image: url(/wp-content/uploads/2021/05/hinh-lien-he-duc-loc-media.jpg);
}



/* css nút liên hệ đẹp */
.phone-mobile {display: none;}
.pv-nav {
    position: fixed;
    right: 13px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 50px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.pv-nav ul {list-style: none;padding: 0;margin: 0;}
.pv-nav ul li {list-style: none!important;}
.pv-nav ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.pv-nav ul>li .chat_animation{display:none}
.pv-nav ul>li a i.ticon-heart {
    background: url(/wp-content/uploads/2021/05/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.pv-nav ul>li a i.ticon-zalo-circle2 {
    background: url(/wp-content/uploads/2021/05/icon-zalo-circle2.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.pv-nav li .button {
    background: transparent;
}.pv-nav ul>li a i.ticon-angle-up {
    background: url(/wp-content/uploads/2021/05/icon-angle-up.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.pv-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.pv-nav ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.pv-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.pv-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.pv-nav ul>li a i.ticon-messenger {
    background: url(/wp-content/uploads/2021/05/icon-messenger.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.pv-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.pv-nav ul>li a i.ticon-chat-sms {
    background: url(/wp-content/uploads/2021/05/icon-sms-1.jpg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.pv-nav ul>li a i.icon-phone-w {
    background: url(/wp-content/uploads/2021/05/icon-phone-w.png) no-repeat;
    background-size: contain;}
.pv-nav ul li .button .btn_phone_txt {
    position: relative;
}
@media only screen and (max-width: 600px){
.pv-nav li .chat_animation{display:block !Important}
 
.pv-nav li .button .phone_animation {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.pv-nav ul>li a{padding:0; margin:0 auto}
.pv-nav {
    background: white;
    width: 100%; border-radius:0;
    color: #fff;
    height: 60px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #000;
}
.pv-nav li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.phone-mobile{display:block !important}}


.absolute-footer.dark.medium-text-center.small-text-center {
/*     display: none; */
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}