/*
Theme Name: 123Web.vn
Description: Website BĐS
Author: 123Web.vn
Author URI: https://123web.vn/
Template: flatsome
Version: 3.0
*/
.form-popup .col-2 .wpcf7-submit {
    margin: 0;
    display: block;
    width: 100%;
    border-bottom: 5px solid #074a61;
}
.header .header-wrapper #top-bar .container {
    padding: 0!important;
    margin: 0!important;
}
.header .header-wrapper #top-bar ul.nav-left {
    border-bottom: 23px solid #fff;
    border-left: 0 solid transparent;
    border-right: 35px solid transparent;
    height: 0;
    width: 340px;
    border-top: 10px solid transparent;
    border-top-right-radius: 70%;
}
.header-main .nav > li > a {
    display: inline-grid;
    justify-items: center;
    letter-spacing: .02em;
    padding: 5px 0;
}
.header-main .nav > li > a > img {
	padding: 5px 0;
	max-height: 27px;
}
.header-main .nav > li > a > i {
	padding: 5px 0;
	max-height: 27px;
}
.header-nav > li {
    height: 90px;
    width: 110px;
    text-align: center;
    padding: 15px 5px 20px 5px;
    margin: 0;
}
.header-nav > li > a {
    font-weight: 600 !important;
    text-transform: capitalize !important;
}
.header-nav > .menu-item {
    border-right: 1px solid #4d881e;
}
.header-nav > li:hover {
    background-color: #004f47;
    transition: .3s linear;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.menu-fixed.fixed {
    top: 0;
}
.menu-fixed .ux-menu {
	display: block !important;
	text-align: center;
}
.menu-fixed .ux-menu-link {
	display: inline-block !important;
	width: 120px;
}
.menu-fixed .ux-menu-link:hover {
	background: #04AA6D;
}
.menu-fixed .ux-menu-link a {
	display: inline-block !important;
	border: none !important;
	padding: 0;
	height: 55px;
	line-height: 55px;
}
.ct-title b {
	background: transparent;
}
.title-gradient h1, .ct-title .section-title-main {
    background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder !important;
	width: fit-content;
	display: inline-block;
	text-transform: none;
}
.txt-gradient .section-title-main {
	background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ct-btn {   
	margin: 0;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
	border: 2px solid #ddd;
	font-weight: normal;
}
.ct-btn:hover span {
	color: #000 !important;
}
.ct-btn:hover:after {
    left: auto;
    right: 0;
    width: 100%;
}
.ct-btn:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    background: #e0e5ec;
    transition: all 0.3s ease;
}
.img.has-hover.radius-image .img-inner.dark {
    border-radius: 15px 50px;
    border-style: solid;
}
.mb-0 p:last-child {
    margin-bottom: 0;
}
.about-mb-0 p {
    margin-bottom: 0;
}
.custom-tab-tien-ich .nav-pills>li {
    border: 1px solid;
    border-radius: 6px;
    margin: 2px;
    transition: 0.6s;
}
.custom-tab-tien-ich .nav-pills>li>a {
    border-radius: 5px;
    text-transform: capitalize;
    font-family: 'Be Vietnam';
    font-size: 13pt;
    color: #4d881e;
}
.custom-tab-tien-ich .nav-pills > li.active > a {
    background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
}
.custom-tab-tien-ich .nav-pills > li.active > a > span {
    color: white;
}
.row-gradient {
    background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
}
.rmLine span, .rmLine .section-title {
    border: none !important;
	margin: 0;
	text-transform: none;
}
.rmLine b {
    background: transparent;
}
.ct-title-left .section-title-main {
	text-transform: none;
	border-bottom: 2px solid rgba(201, 166, 107)!important;
}
.ct-title-left .section-title-main i {
	-webkit-text-fill-color: rgb(0, 61, 82);
}
/*************** FOOTER  ***************/
.one_half {
    position: relative;
    margin-right: 2%;
    float: left;
	width: 49%;
}
.last_column {
    margin-right: 0 !important;
    clear: right;
}
#footer .wpcf7 .wpcf7-form-control-wrap, .ct-form .wpcf7 .wpcf7-form-control-wrap {
	display: inline-block;
	width: 100%;
}
#footer .wpcf7-submit, .ct-form .wpcf7-submit {
    background: linear-gradient(248deg, #2ab574 0%, #283891 100%) !important;
    border: none;
    border-bottom: 5px solid #192e6f;
    margin-right: 0;
	display: inline-block !important;
	font-family: "Font Awesome 5 Pro";
	text-transform: none;
}

.wpcf7 form .wpcf7-response-output {
    color: #ffffff;
    display: inline-block;
    width: 100%;
	margin: 1em 0 0;
}
.img-center {
    margin: 0 auto;
}
.ssCTA .wpcf7 form {
    display: block;
    margin-bottom: 0;
    justify-content: center;
}
.ssCTA .wpcf7 form .wpcf7-response-output {
	color: rgb(0, 61, 82);
}
.ssCTA .one-third {
    position: relative;
    margin-right: 4%;
    float: left;
	margin-bottom: 0;
}
.ssCTA .one-third {
	width: 20%;
}
.ssCTA .last_column {
    margin-right: 0 !important;
	margin-bottom: 0 !important;
    clear: right;
}
.ssCTA input[type='text'], .ssCTA input[type='tel'], .ssCTA input[type='email'] {
    padding: 5px 10px;
    margin-bottom: 0 !important;
	background-color: #f3fbff;
	border-radius: 5px;
    border: 0 solid;
    border-bottom: 2px solid #004f62;
}
.ssCTA input[type=submit] {
    border: 1px solid #ededed;
    border-radius: 6px;
    margin-bottom: 0 !important;
	margin-right: 0 !important;
	width: 100%;
	background: linear-gradient(248deg, #2ab574 0%, #283891 100%);
}
.ssCTA .row .col .col-inner {
	overflow: hidden;
    border: 2px double #004f62;
    padding: 25px 15px;
    background: url(https://novalandproperty.com/wp-content/uploads/2022/01/soc-background.png);
    background-repeat: repeat;
    border-radius: 5px;
    -webkit-animation: backgroundrate 3s .2s infinite linear;
    -moz-animation: backgroundrate 3s .2s infinite linear;
    animation: backgroundrate 3s .2s infinite linear;
}
.ssCTA .wpcf7 .wpcf7-not-valid-tip {
	margin-top: 5px;
}
@-webkit-keyframes backgroundrate {
  0% {
    background-position: -120px
  }
   
  100% {
    background-position: 0px
  }
}
@keyframes backgroundrate {
  0% {
    background-position: -120px
  }
   
  100% {
    background-position: 0px
  }
}
.section.line {
    z-index: 10;
}
.pn-line.scroll,
.pn-line-top.scroll {
    height: 180px;
}
.pn-line {
    position: absolute;
    height: 10px;
    transition: all ease 1s;
    display: inline-block;
    width: 2px;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% - 90px);
    z-index: 10;
    background-color: #b7b7b7;
}
.pn-line-top {
    position: absolute;
    height: 10px;
    transition: all ease 1s;
    display: inline-block;
    width: 2px;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 30px);
    z-index: 10;
    background-color: #b7b7b7;
}
.pn-line:before,
.pn-line:after,
.pn-line-top:before,
.pn-line-top:after {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 5px;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 21px var(--primary-color);
}
.pn-line:before,
.pn-line-top:before {
    top: 0;
    z-index: 2;
}
.pn-line:after,
.pn-line-top:after {
    bottom: 0;
    z-index: 1;
}
.pn-line.top-light::before,
.pn-line.bottom-light:after,
.pn-line-top.top-light::before,
.pn-line-top.bottom-light:after {
    background-color: #fff;
    box-shadow: 0 0 15px 4px #fff;
    -moz-box-shadow: 0 0 15px 4px #fff;
    -webkit-box-shadow: 0 0 15px 4px #fff;
    -o-box-shadow: 0 0 15px 4px #fff;
}
.bg-dot > .bg {
    background-repeat: repeat !important;
    background-image: url(/wp-content/themes/123web-vn/assets/img/bg-dot.png);
    background-size: auto !important;
}
.bg-color .row > .col {
    background: #faf9ff;
}
.bgColor .icon .icon-inner {
    background: #003d52;
}
@media only screen and (max-width: 48em) {
	.sidebar-menu li > a > img {
		max-width: 25% !important;
	}
	.menu-fixed .ux-menu {
		overflow: auto;
		white-space: nowrap;
		background-color: #003d52;
		z-index: 29;
		text-align: -webkit-center;
	}
	.one_half {
        width: 100%;
        margin-right: 0;
    }
	.header #masthead {
		max-height: 60px;
	}
	#logo img{
		padding: 5px !important;
		max-width: 245px;
		max-height: 90px;
		display: block;
		margin: auto;
		background-color: #fff;
		border: 2px solid #4d881e;
		border-radius: 0 0 10px 10px;
		border-top: none;
	}
	.ssCTA .one-third {
        width: 100%;
        margin-right: 0;
		margin-bottom: 20px;
    }
}