/*
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.   ***************/
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap&subset=vietnamese'); */
/*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*  font-family: "Montserrat", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

body, h1, h2, h3, h4, h5, p, li, ol, p, span, b, strong{
	font-family: 'Montserrat', sans-serif;
}

.banner-home .banner-layers.container .text-box-content.text.box-shadow-3 {
    background: hsl(120deg 20% 19.61% / 75%) !important;
    border-radius: 12px;
}
.phone-bar a {
    background: #e60808;
    font-size: 17px;
}
.banner-home .banner-layers.container h3 {
    color: #ede6d3;
    font-size: 19px;
    line-height: 1.3;
    text-transform: uppercase;
}

.banner-home .banner-layers.container h2 {
    font-size: 29px;
    text-transform: uppercase;
    color: #ede6d3;
    font-weight: 600;
    line-height: 1.3;
    margin: 15px 0;
}

.banner-home .banner-layers.container input.wpcf7-form-control {
    border-radius: 50px;
    background: rgb(237 230 211 / 46%);
    color: #fff;
    font-size: 14px;
}

.banner-home .banner-layers.container input.wpcf7-form-control.wpcf7-submit {
    width: 40%;
    background: #aa8943;
    margin: 0px 30%;
}

.banner-home .banner-layers.container span.wpcf7-spinner {
    position: absolute;
}

.banner-home .banner-layers.container input.wpcf7-form-control::placeholder {
    color: #ede6d3;
}
.pum-content .form h3,
footer .form-vr h3,
footer .form-vr .row3 input::placeholder {
    color: #ede6d3;
}
body {
    color: #333;
    font-size: 15px;
    font-weight: 400;
}

.tong-quan2 .col-inner {
    border-radius: 0 70px;
    overflow: hidden;
}

.tong-quan1 p {
    color: #846125;
    text-align: justify;
}
.tong-quan1 p img {
    margin-bottom: 10px !important;
}
.row.tong-quan-box {
    background: #aa8943 url(https://masterisehomes.dieppham.com/wp-content/uploads/2026/05/locationInfo-sharp.png) repeat-x bottom center;
    border-radius: 50px 0;
    padding: 40px !important;
    background-size: unset;
}
.row.tong-quan-box h3 {
    color: #fff;
    text-transform: uppercase;
}
.row.tong-quan-box p {
    color: #fff;
    font-size: 15px;
}
.row-tienich p {
    color: #aa8943;
    font-size: 17px;
    margin: 0;
}
.vi-tri-vr .bg.section-bg.fill.bg-fill.bg-loaded {
    background: #02344e url(https://masterisehomes.dieppham.com/wp-content/uploads/2026/05/locationInfo-sharp.png) repeat-x bottom center;
    width: 37.5%;
    background-size: contain !important;
}
.vi-tri-vr-l h2 {
    color: #e1d1b0;
    font-size: 39px;
}

.vi-tri-vr-l h3 {
    margin-bottom: 30px;
    color: #e1d1b0;
    font-size: 16px;
}

.vi-tri-vr-r h2 {
    color: #e1d1b0;
    font-size: 28px;
}

.vi-tri-vr-r ul {
    margin: 0;
    column-count: 2;
    list-style: none;
}

.vi-tri-vr-r ul li {
    margin: 0;
    border-bottom: 1px solid rgb(255 255 255 / 21%);
    color: #fffcf5;
    padding: 8px 0;
}

.vi-tri-vr-r {
    padding-bottom: 0 !important;
}
.soha-db h3 {
    color: #033c5a;
    font-size: 25px;
    line-height: 1.2;
}

.soha-db p {
    font-size: 16px;
}

h2.section-title.section-title-normal {
    border: 0;
    margin: 0;
}

h2.section-title.section-title-normal span.section-title-main {
    border: 0;
    font-size: 31px;
}

h2.section-title.section-title-center b {
    opacity: 0;
}

h2.section-title.section-title-center span.section-title-main {
    font-size: 27px;
}

.loai-hinh-vr {
    padding-top: 55px !important;
}

.loai-hinh-vr h3 {
    color: #033c5a;
    font-size: 21px;
    line-height: 1.3;
    margin: 30px 0 40px;
}

.loai-hinh-content {
    font-size: 19px;
    color: #001c2b;
}

.loai-hinh-content h2 {
    color: #033c5a;
    font-size: 39px;
}
.foo12 ul li strong {
    display: block;
}
.content-giatri ul {
    list-style: none;
    margin: 0;
}

.content-giatri ul li {
    margin-left: 0;
}
.form-vr p {
    margin: 0;
    font-size: 15px;
}

.form-vr h3 {
    font-size: 21px;
    line-height: 1.2;
    color: #09425d;
    font-weight: 500;
}

.form-vr .row3 > p {
    column-count: 4;
    column-gap: 10px;
    margin-top: 19px;
}

.form-vr .row3 input {background: rgb(255 255 255 / 44%);border-color: rgb(3 60 90 / 29%);font-size: 13px;border-radius: 5px;}

.form-vr .row3 span.wpcf7-spinner {
    display: none;
}

.form-vr .row3 input.wpcf7-form-control.wpcf7-submit {
    margin: 0;
    width: 100%;
    background: #033c5a;
}
span.wpcf7-spinner {
    position: absolute;
}
.footer-primary.pull-left {
    width: 100%;
    column-count: 2;
}

.footer-primary.pull-left ul#menu-footer {
    border: 0;
}

.footer-primary.pull-left ul#menu-footer a {
    color: #fff;
    opacity: 1;
    text-transform: capitalize;
    font-size: 15px;
    padding-right: 35px;
}
footer input.wpcf7-form-control.wpcf7-submit {
    border-radius: 50px;
    padding: 1px 30px 0;
    font-weight: 500;
    background: rgb(255 255 255 / 74%);
    color: #033c5a;
}
.footer-primary.pull-left  .copyright-footer {
    text-align: right;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}
#popmake-161 input.wpcf7-form-control.wpcf7-submit {
    border-radius: 50px;
    background: rgb(255 255 255 / 76%);
    font-weight: 500;
    padding: 1px 40px;
    color: #004087;
    border: 0;
}
.text-tong-quan ul {
    list-style: none;
    margin: 0;
}

.text-tong-quan ul li {
    margin-left: 0;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding-left: 200px;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.text-tong-quan ul li strong {
    width: 180px;
    position: absolute;
    left: 0;
    top: 0;
    color: #033c5a;
    font-size: 12px;
}
.content-giatri ul li:first-child {
    color: #f7ce76;
    font-size: 39px;
    margin-bottom: 0;
    font-family: 'Dancing Script', sans-serif;
}
.footer1 {
    padding-top: 75px !important;
    padding-bottom: 50px !important;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    padding-top: 20px;
    border-top: 1px solid;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: transparent;
}
.foo12 ul {
    display: inline-flex;
    list-style: none;
    margin-bottom: 0;
    border-top: 1px solid;
    padding-top: 25px;
}
.pum-content .form-vr h3 {
    color: #fff;
}
.form-vr.form-vr1 .row3 > p {
    column-count: 1;
    padding: 0;
}
.pum-theme-139 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    line-height: 1;
}
.pum-content .foo12 ul li a {
    font-size: 21px;
    display: block;
    margin-top: -3px;
}

.pum-content .foo12 ul li {
    padding: 0px 5px;
}
.form-vr.form-vr1 .row3 input.wpcf7-form-control.wpcf7-submit {
    max-width: 60%;
    margin: 0 20%;
}
.pum-content .form-vr .row3 input, .pum-content .form-vr .row3 input::placeholder {
    color: #fff;
}
.foo12 ul li a {
    font-size: 15px;
    color: #f9f6eb;
}
.content-giatri ul li:last-child {
    font-size: 14px;
}
#masthead ul li a.nav-top-link {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 0 10px;
}
#masthead ul li a.nav-top-link:hover {color: #fcd78a;}
footer .foo11 h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 27px;
}

footer .foo11 img {
    max-width: 200px;
}
#phone-ntbox .barhot {
    position: absolute;
    /* left: -100px; */
    background: red;
    color: #fff;
    font-size: 18px;
    padding: 5px 40px 4px 20px;
    border-radius: 50px;
    margin-top: 25px;
    right: 0;
    margin-right: 35px;
}

.foo12 ul li {
    margin-left: 0;
    color: #fff;
    font-size: 16px;
    min-width: 145px;
    padding: 0 20px;
    max-width: 450px;
}

.foo12 ul li strong {
    font-size: 21px;
}

footer .foo13 h3 {
    color: #fff;
    font-weight: 700;
}

footer .foo13 p a {
    color: #283c28;
}
footer .bg.section-bg.fill.bg-fill.bg-loaded {
    /* height: 170px; */
    /* width: 55%; */
    /* bottom: 0; */
    /* top: auto; */
}
#button-contact-ntbox .button-contact {
    transform: scale(0.9);
    margin-right: -15px;
    margin-bottom: -15px;
}


@media(min-width:1200px){
	.vi-tri-vr-l .col-inner {
		padding-right: 39px;
	}
}

@media(max-width:736px){
	.tong-quan {
		padding-bottom: 0 !important;
	}
	.form-vr h3 {
		font-size: 17px;
	}
	.form-vr .row3 > p {
		column-count: 1;
	}
	.form-vr .row3 input {
		margin-bottom: 5px;
	}
	.vi-tri-vr .bg.section-bg.fill.bg-fill.bg-loaded {
		width: 100%;
		height: 55%;
	}
	.soha-db p {
		margin-bottom: -15px;
	}
	.text-tong-quan ul li {
		padding-left: 170px;
	}
	.text-tong-quan ul li strong {
		width: 160px;
		font-size: 13px;
		padding-top: 3px;
	}
	.loai-hinh-vr h3 {
		font-size: 15px;
		margin-bottom: 20px;
	}
	.loai-hinh-vr {
		padding-bottom: 0 !important;
	}
	.loai-hinh-content h2 {
		margin-top: 45px;
	}
	.form-vr.form-vr1 .row3 > p {
		padding: 0 30px;
	}
	.content-giatri ul {
		font-size: 13px;
		line-height: 1.2;
	}
	.content-giatri ul li:first-child {
		margin-bottom: 10px;
	}
	footer .foo11 h3 {
		font-size: 23px;
		text-align: center;
		margin-top: 20px;
	}
	footer .foo11 img {
		max-width: 50%;
		margin: 0 25% !important;
	}
	.footer1 {
		padding-top: 45px !important;
		padding-bottom: 0px !important;
	}
	.vi-tri-vr-r ul li {
	    font-size: 14px;
	}

	.vi-tri-vr-r h2 {
	    margin: 0;
	}
	
	h2.section-title.section-title-center span.section-title-main {
	    font-size: 19px;
	}
	
	.content-giatri ul li:last-child {
	    font-size: 12px;
	}
	
	footer .foo13 h3 {
	    text-align: center;
	}
	
	.foo12 ul {
	    display: block;
	}
	
	.footer-primary.pull-left {
	    column-count: 1;
	}
	
	.absolute-footer.dark.medium-text-center.small-text-center {
	    position: relative;
	    background: #124058;
	}
	
	.footer-primary.pull-left .copyright-footer {
	    text-align: center;
	    font-size: 13px;
	}
	
	.footer-primary.pull-left ul#menu-footer a {
	    font-size: 13px;
	    padding-right: 0;
	}
	
	.vi-tri-vr-l h2 {
	    font-size: 31px;
	    text-align: center;
	}
	
	.vi-tri-vr-l h3 {
	    text-align: center;
	}
	
	.vi-tri-vr-l p {
	    text-align: justify;
	    text-align-last: center;
	}
}