/*
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.   ***************/

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

body {
    color: #000;
    font-size: 18px;
}

#logo {
    display: none;
}

.header.transparent .header-wrapper {
    background-color: rgba(250, 250, 250, 0.28) !important;
}

.sticky_banner .bg {
    position: sticky;
    height: 650px;
}

.section-title {
    background: #428555;
    padding: 10px;
    margin-bottom: 0px !important;
    color: #ffff;
    justify-content: center;
}

.section-title b {
    opacity: 1;
    width: 25%;
    flex: none;
}

.text-center {
    text-align: center;
}

.list_noithat ul li {
    float: left;
    list-style: none;
}

.list_noithat table tr td {
    text-align: center;
}

@media(min-width:768px) {
    .list_noithat table {
        margin: auto;
        width: 90%;
    }
    .imager_site_map {
        width: 90%;
    }
    #footer #block-8 {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    #footer #block-9,
    #footer #block-10 {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}

@media(max-width:767px) {
    #showcase img {
        width: 300px;
        height: auto;
    }
    #footer * {
        text-align: center;
    }
}

.list_noithat p {
    color: #000;
    font-weight: 700;
    font-size: 16px;
}

.list_noithat table td svg {
    /* margin-left: 15px; */
}

.text-shadow-home {
    color: #BD1515;
    text-shadow: #c8c8c8 1px 1px 0px, #b4b4b4 0px 2px 0px, #a0a0a0 0px 3px 0px, rgb(140 140 140 / 50%) 0px 4px 0px, #787878 0px 0px 0px, rgb(0 0 0 / 50%) 0px 5px 10px;
    font-weight: 700;
}

.fz_60 {
    font-size: 60px;
}

.fz_46 {
    font-size: 46px;
}

.fz_24 {
    font-size: 24px;
}

.fw_b {
    font-weight: bold;
}

.button_dangky {
    margin: auto;
    width: 50% !important;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 5px;
}

.button_dangky span {
    font-size: 20px;
    font-weight: 700;
}

.is-outline:hover,
.primary.is-outline:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.primary.is-underline,
.primary.is-link,
.primary.is-outline {
    color: #000000;
}

.cl_BD1515 {
    color: #BD1515;
}

.cl_FF4040 {
    color: #FF4040;
}

.column_dreamhome ul {
    line-height: 1.5;
}

#showcase .cloud9-item.active {
    opacity: 1;
}

#showcase .cloud9-item {
    opacity: 0.9;
}

@media(max-width:767px) and (min-width:530px) {
    #owl-carousel .owl-nav .owl-prev {
        top: 100px !important;
    }
    #owl-carousel .owl-nav .owl-next {
        top: 100px !important;
    }
}

@media(max-width:530px) {
    #owl-carousel .owl-nav .owl-prev {
        top: 50px !important;
    }
    #owl-carousel .owl-nav .owl-next {
        top: 50px !important;
    }
}

@media(max-width:760px) {
    .section-title b {
        width: 100%;
    }
    .fz_60 {
        font-size: 40px;
    }
    .fz_46 {
        font-size: 24px;
    }
    .button_dangky {
        width: 100% !important;
    }
    #showcase {
        height: 275px;
    }
}

#owl-carousel .owl-nav .owl-prev {
    background: url(../../themes/flatsome-child/xcss/img/left.png) no-repeat center;
    left: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -100px;
    top: 190px;
    width: 24px;
    height: 39px;
    background-size: 100%;
}

#owl-carousel .owl-nav .owl-next {
    background: url(../../themes/flatsome-child/xcss/img/right.png) no-repeat center;
    right: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -100px;
    top: 190px;
    width: 24px;
    height: 39px;
    background-size: 100%;
}

.owl-dots {
    display: none;
}

.class_form form .col {
    padding-bottom: 0px;
}

#footer {
    color: #fff;
}

#header .header-nav {
    border-radius: var(--rd, 10px);
    background-color: #eee8d8;
    box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6));
    border: solid var(--brw, 0) rgba(var(--brd, var(--color_15)), var(--alpha-brd, 1));
    padding: 0 67px;
    font-weight: 700;
}

#header .header-nav li {
    padding: 5px 10px;
}

#header .header-nav .current_page_item a {
    color: #000000;
}

#header .header-nav a {
    color: #ff4040;
}

.header-bg-color,
.header-wrapper {
    background-color: #bc8f8f00 !important;
}

#newsletter-signup-link h2,
#newsletter-signup-link label,
#newsletter-signup-link div {
    color: #fff;
    font-weight: bold;
}

#newsletter-signup-link div.label,
#newsletter-signup-link div.label_1 {
    line-height: 1;
}

#newsletter-signup-link label i,
#newsletter-signup-link div i {
    color: #930000;
    font-size: 12px;
    line-height: 1;
}

input[type=submit] {
    width: 100% !important;
    background: #000 !important;
}

.custom_css p {
    margin-bottom: 0px;
    font-size: 16px;
}
@media(max-width:849px){
	.header-main{background: #428555;}
	#col-1517175178 > .col-inner {padding: 15px 15px 15px 15px;}
}