/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.16.2
Requires at least:    5.0.0
Requires PHP:         5.6.20
WC requires at least: 4.4.0
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.header-main {
    height: 80px;
    
}
.pd-0 p {
    margin-bottom: 0px;
}
.pd-0 {
    padding-bottom: 0px;
}
.form-cus {
    width: 800px;
    margin: 0 auto;
	margin-top: 50px;
}
.form-cus input {
    box-shadow: none;
    border-radius: 5px;
}
.form-cus input.wpcf7-form-control.wpcf7-submit {
    border-radius: 100px 100px 100px 100px;
    background: #ea0e03;
    padding: 0px 45px;
    width: 100%;
}
/* BAR FIXED */
.cta-fixed-bar{
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:20px;
    z-index:9999;
}

/* BUTTON */
.cta-btn{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 28px;
    border-radius:60px;
    font-weight:700;
    font-size:16px;
    text-decoration:none;
    color:#fff;
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
    transition:0.3s;
}

/* ICON CIRCLE */
.cta-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    background:white;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cta-icon img{
    width:20px;
}

/* ZALO */
.cta-zalo{
    background:linear-gradient(90deg,#1e88e5,#2fa4ff);
}

/* DOWNLOAD */
.cta-download{
    background:linear-gradient(90deg,#ff1e1e,#e60000);
}

/* HOVER */
.cta-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 14px rgba(0,0,0,0.3);
}
.dangkybg{
	padding-bottom: 0px !important;
}
.pum-content.popmake-content .form-cus .col.medium-6, .pum-content.popmake-content .form-cus {
    flex-basis: 100%;
    max-width: 100%;
}
/* MOBILE */
@media(max-width:768px){
    .cta-fixed-bar{
        width:90%;
        gap:10px;
    }

    .cta-btn{
        flex:1;
        justify-content:center;
        font-size:14px;
        padding:10px 15px;
    }
}