*{
margin: 0;
padding: 0;
box-sizing:border-box;
list-style: none;
text-decoration: none;
font-family: 'Barlow', sans-serif;
}
.wrapper{
width: 90% !important;
float: none !important;
margin: 0 auto !important;
max-width: 1200px !important;
}
.mini-wrapper{
width: 90% !important;
float: none !important;
margin: 0 auto !important;
max-width: 600px !important;
}
.center{
text-align: center;
}
.row{
width: 100%;
float: left;
}
.p_t{
padding-top: 35px;
}
.p_b{
padding-bottom: 40px;
}
.p-t{
padding-top: 60px;
}
.p-b{
padding-bottom: 60px;
}
.gry_bg{
background: #FBFBFB;
}
h2{
font-weight: 600;
font-size: 30px;
line-height: 35px;
color: #252529;
margin-bottom: 35px;
}
h3{
font-weight: 600;
font-size: 20px;
line-height: 25px;
color: #E94548;
}
p{
font-weight: 400;
font-size: 16px;
line-height: 25px;
color: #625E5E;
}
.nav-menu {
width:100%;
float: left;
padding: 15px 0;
text-align: center;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
}
.logo{
float: left;
}
.menu-bar{
margin: 25px 10px;
display: inline-block;
}
.nav-menu img{
width: auto;
}
.nav-right{
display: inline-block;
}
.nav ul{
display: block;
}
.menu-bar input[type="checkbox"]{
display: none;
}
.nav li{
display: inline-block;
}
.nav ul li a{
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #625E5E;
padding: 0 12px;
transition: 0.4s;
}
.nav ul li a:hover, .nav li.current-menu-item a{
background-color: #E94548;
color: #fff;
padding: 15px 12px;
}
.book-btn{
background: #E94548;
border-radius: 100px;
padding: 12px 12px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
transition: 0.4s;
}
input.searchTerm{
border: none;
padding: 5px;
outline: none;
}
.book-right{
float: right;
padding-top:25px;
}
.banner{
width: 100%;
float: left;
}
.banner-text-grid{
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 70px;
}
.banner-right img{
width: 100%;
float: right;
}
.banner-text-inn h1{
font-weight: 700;
font-size: 55px;
line-height: 56px;
color: #E94548;
margin-bottom: 20px;  
}
.banner-text-inn h1 b{
color: #252529;
}
.banner-text-inn p{
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #212122;
}
.option-box input[type="submit"]{
font-weight: 600;
font-size: 16px;
line-height: 19px; border-radius: 100px;
color: #FFFFFF;
padding: 12px 30px;
transition: 0.4s;
float: left;
margin-top: 20px;
border: none;
cursor: pointer;
}
.option-box{
width: 100%;
float: left;
}
.form_div{
width: 100%;
float: left;
}
.tabs{
margin: 30px 0;
float: left;
width: 100%;
}
.tabs label{
font-weight: 600;
font-size: 20px !important;
line-height: 25px;
}
.option-box label{
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #292929;
margin-bottom: 5px;
float: left;
}
.option-box select{
width: 100%;
border: 2px solid #767676;
border-radius: 100px;
padding: 10px;
margin-bottom: 20px;
outline: none;
}
.option-box input[type="text"]{
width: 100%;
border: 2px solid #767676;
border-radius: 100px;
padding: 10px;
margin-bottom: 20px;
outline: none;
}
.option-box option{
font-size: 16px;
line-height: 19px;
}
.view-btn{
font-weight: 600;
font-size: 16px;
line-height: 19px;
border-radius: 100px;
background: #fff;
color: #252529;
padding: 10px 30px;
transition: 0.4s;
float: left;
margin-top: 40px;
}
.hover-1 {
background-image: linear-gradient(#000,#000);
background-size: 0 100%;
background-repeat: no-repeat;
transition: .4s;
}
.hover-1:hover {
background-size: 100% 100%;
color: #fff;
}
.rental-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
}
.rental-grid-inn{
width: 100% !important;
}
.img-hover img{
width: 100%;
float: left;
transition: 0.4s;
}
.img-hover:hover img{
transform: scale(1.1);
}
.img-hover{
overflow: hidden;
}
.rental-grid-inn h3{
margin-top: 20px;
}
.grid-four .fl-col-group-nested, .grid-four{
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 25px;
}
.grid-four .fl-col-group-nested::before, .grid-four .fl-col-group-nested::after{
display: none !important;
}
.grid-four-inn{
width: 100% !important;
}
.grid-four-inn img{
float: left;
width: 100%;
}
.grid-four-inn h3{
font-size: 17px;
margin-top: 10px;
display: inline-block;
}
.two-grid .fl-col-group-nested{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 75px;
}
.two-grid .fl-col-group-nested::before, .two-grid .fl-col-group-nested::after{
display: none !important;
}
.two-grid-inn, .two-grid-inn img{
width: 100% !important;
}
.two-grid-inn p{
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: justify;
color: #625E5E;
}
.two-grid-inn .book-btn{
float: left;
margin-top: 30px;
padding: 12px 40px;
}
.contact-grid.two-grid{
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 40px;
}
.contact-row h2{
margin-bottom: 0;
}
.contact-row p{
font-weight: 600;
font-size: 16px;
}
.contact-box{
margin-top: 25px;
}
.contact-box input[type=text], .contact-box input[type=email], .contact-box input[type=tel], .contact-box textarea {
width: 100%;
padding: 10px;
border: 2px solid #625E5E;
border-radius: 100px;
height: 45px;
margin: 0 0 12px 0;
font-size: 16px;
line-height: 23px;
color: #000;
font-weight: 500;
outline: none;
}
.contact-box input::placeholder, .contact-box textarea::placeholder{
color: #625E5E;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.contact-box textarea{
height: 100px;
resize: none;
border-radius: 20px;
display:block;
}
.addr-box textarea{
height: 70px;
}
.contact-box input[type=submit]{
text-align: center;
padding: 12px 50px;
color:#fff;
font-size: 16px;
line-height: 19px;
border: none;
border-radius: 100px;
margin-top: 20px;
cursor: pointer;
}
.hover-2 {
background: #E94548;
background-image: linear-gradient(#000,#000);
background-size: 0 100%;
background-repeat: no-repeat;
transition: .4s;
color: #fff;
}
.hover-2:hover {
background-size: 100% 100%;
color: #fff;
}
.footer{
width: 100%;
float: left;
}
.footer-grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 50px;
}
.footer-logo img{
margin-bottom: 20px;
}
.footer-logo p a{
font-family: 'Inter', sans-serif;
color: #625E5E;
text-decoration: underline;
}
.footer-grid-inn h2{
font-weight: 600;
font-size: 20px;
line-height: 26px;
color: #E94548;
margin-bottom: 15px;
}
.footer-grid-inn h5{
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #767676;
margin-bottom: 15px;
}
.footer-grid-inn h5 b{
font-family: 'Inter', sans-serif;
color: #A24649;
}
.footer-grid-inn ul li a{
font-family: 'Inter', sans-serif;
display: block;
font-weight: 400;
font-size: 15px;
line-height: 34px;
color: #625E5E;
}
.footer-grid-inn ul li a:hover{
color: #252529;
}
.footer-grid-inn p{
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: 400;
color: #625E5E;
}
.footer-grid-inn a{
font-family: 'Inter', sans-serif;
color: #625E5E;
}
.no-banner, figure.post-thumbnail{
display: none;
}
.error-404 p{font-size: 50px;line-height:70px;color: #fff;}
.error-404{background: #000;padding: 100px 50px;text-align: center;width:80%;margin:0 auto;color: #fff;border-radius: 20px;}
.error404 .banner{
display: none;
}
.tab{
cursor: pointer;
padding: 5px 0;
display:inline-block;
font-weight: 600;
font-size: 20px;
line-height: 25px;
color: #252529;
}
#one-tab{
margin-right: 20px;
}
.panel{
display:none;
animation: fadein .8s;
}
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
.panel-title{
font-size:1.5em;
font-weight:bold
}
.radio{
display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel{
display:block;
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab{
color:#E94548;
border-bottom: 3px solid #E94548;
}
.res-row{
width:100%;
float:left;
}
.res-row .fl-col-group-nested{
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.res-row .fl-col-group-nested::before, .res-row .fl-col-group-nested::after{
display: none !important;
}
.res-row-inn{
width: 100% !important;
}
.res-row-inn img{
float: left;
width: 100%;
}
.red_bg{
background: #E94548;
}
.red_bg h2{
color: #FFFFFF;
margin-bottom: 0;
}
.red_bg p{
text-align: justify;
color: #FFFFFF;
line-height: 22px;
}
.content-box{
padding: 30px;
}
.form_sm{
width: 32%;
float: left;
margin-right: 6px;
} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #E94548 !important; 
}
.wpcf7 form .wpcf7-response-output {
border: 2px solid #E94548 !important;
color: #46b450;
}
.property-list-row{
display:grid;
grid-template-columns:1fr 3fr;
gap:60px;
border-bottom: 1px solid #E7E7E7;
padding-bottom: 60px;
}
.property-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:25px;
}
.cat_text{
display: inline-block;
}
.property-count{
float:right;
}
.propertyCount{
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-transform: capitalize;
color: #868689;
}
.page-title{
font-weight: 600;
font-size: 30px;
line-height: 35px;
color: #252529;
}
.archive .form_sm {
width: 100%;
margin-right: 0;
}
.archive .option-box input[type="submit"] {
width:100%;
}
.property-inn .book-btn{
display:block;
text-align:center;
border-radius:5px;
padding:8px;
font-size: 14px;
line-height: 17px;
font-weight:500;
margin-top: 25px;
text-transform: uppercase;
position: absolute;
bottom: 20px;
width: 94%;
}
.archive .tabs{
margin:0 0 30px 0;
}
.property-inn{
box-shadow: 0 0 5px #ddd;
overflow: hidden;
border-radius: 8px;
position:relative;
padding-bottom: 60px;
}
.property-text{
padding: 20px 10px;
text-align: left;
}
.property-text h2{
color:#E94548;
margin-bottom:10px;
}
.property-text h4, .property-text h4 a{
font-weight: 500;
font-size: 17px;
line-height: 21px;
color: #252529;
display: flex;
}
.property-text h4:before{
content: url(https://api.iconify.design/fluent/location-16-filled.svg?color=%23e94548&width=18&height=18);
padding-right: 10px;
}
.cont-single-grid-inn .property-text h4:before{
content: url(https://api.iconify.design/fluent/location-16-filled.svg?color=%23252529&width=18&height=18);
padding-right: 10px;
}
.cont-single-grid-inn .property-text {
padding: 0;
}
.property-text h5{
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: #11C6A5;
margin: 10px 0;
text-transform: capitalize;
display: flex;
}
.avl:before{
content: url(https://api.iconify.design/fluent/presence-available-24-filled.svg?color=%2311c6a5&width=16&height=16);
padding-right: 10px;
}
.not-avl:before{
content: url(https://api.iconify.design/healthicons/no.svg?color=%23e94548&width=18&height=18);
padding-right: 10px;
}
.property-text h6{
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #252529;
display: flex;
}
.property-text h6 b{
font-weight:600;
}
.bed h6:before{
content: url(https://api.iconify.design/mdi/bedroom.svg?color=%23252529&width=20&height=20);
padding-right: 10px;
}
.bath h6:before{
content: url(https://api.iconify.design/mdi/bathroom-tissue.svg?color=%23252529&width=18&height=18);
padding-right: 10px;
}
.gar h6:before{
content: url(https://api.iconify.design/ph/garage-fill.svg?color=%23252529&width=18&height=18);
padding-right: 10px;
}
.ara h6:before{
content: url(https://api.iconify.design/uil/vector-square.svg?color=%23252529&width=18&height=18);
padding-right:10px;
}
.property-text p{
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: justify;
color: #292929;
}
.property-img{
width:100%;
height:170px;
}
.cont-single-two-grid{
display:grid;
grid-template-columns: 1.5fr 450px;
gap:50px;
border-bottom: 1px solid #E7E7E7;
padding-bottom: 60px;
}
.single-img img{
width:100%;
}
.single-content p{
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: justify;
color: #625E5E;
}
.single-a{
color: #E94548;
font-size:16px;
line-height:19px;
font-weight: 600;
margin-left: 30px;
}
.single-content{
margin:25px 0 60px 0;
}
.single-btn{ border-radius: 100px;
padding: 12px 30px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
transition: 0.4s;
}
.related-property-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
gap:25px;
}
.wp-block-search__button {
border: none !important;
background: none !important;
padding: 0 !important;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
padding: 6px !important;
border: 1px solid #E8E8E8 !important;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
border-radius: 100px;
}
.wp-block-search__button svg {
fill: #525252 !important;
font-size: 17px;
font-weight: 600;
}
.page-header.alignwide{
display: inline-block;
padding-bottom: 30px;
}
.search-result-count.default-max-width{
float:right;
font-weight: 500;
color: #868689;
}
#carousel .flex-viewport{
height: 80px;
}
#slider .flex-viewport{
max-height: 450px;
}
.archive .property-text h3, .single .property-text h3,.search .property-text h3{
margin-bottom:15px;
}
.paginationDiv{
width:100%;
float:left;
text-align:center;
}
.pagination{
padding-top:50px;
}
.nav-links a{
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #625E5E;
padding:4px;
}
.nav-links .current{
background: #625E5E;
padding: 3px 10px;
color: #fff;
}
.nav-links{
display: inline-flex;
gap: 10px;
}
a.prev.page-numbers {
display: flex;
}
a.next.page-numbers {
display: flex;
}
.page-id-139 .con-form{
display:none;
}
@media (max-width: 1248px){
.nav{
position: fixed;
top: 0;
right: -100%;
height: 100%;
width: 80%;
background: #000;
transition: all 0.6s ease-in-out;
z-index: 1;
}
#active:checked ~ .nav{
right:0;
}
.menu-btn{
position: absolute;
z-index: 2;
right: 20px;
top: 40px;
height: 30px;
width: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.menu-btn span,
.menu-btn:before,
.menu-btn:after{
content: "";
position: absolute;
top: calc(50% - 1px);
left: 30%;
width: 60%;
border-bottom: 2px solid #E94548;
transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-btn:before{
transform: translateY(-10px);
width:28%;
}
.menu-btn:after{
transform: translateY(10px);
width:28%;
left: 62%;
}
.close {
z-index: 1;
width: 100%;
height: 100%;
pointer-events: none;
transition: background .6s;
} #active:checked + .menu-btn span {
transform: scaleX(0);
}
#active:checked + .menu-btn:before {
transform: rotate(45deg);
border-color: #fff;
width: 60%;
left: 30%;
}
#active:checked + .menu-btn:after {
transform: rotate(-45deg);
border-color: #fff;
width: 60%;
left: 30%;
}
#active:checked + .menu-btn{
position: fixed;
}
.nav ul{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
list-style: none;
text-align: center;
}
.nav ul li{
display: block;
}
.nav ul li a{
text-decoration: none;
font-size: 18px;
font-weight: 500;
color: #fff;
line-height: 50px;
position: relative;
opacity: 0;
}
#active:checked ~ .nav ul li a{
opacity: 1;
}
.nav-right {
float: none;
padding: 15px 0;
}
.content-box {
padding: 20px 0;
}
.content-box p {
font-size: 16px;
}
.view-btn{
margin-top: 25px;
}
.book-right {
float: none;
display: inline-block;
}
}
@media (max-width: 1180px){
.footer-grid {
grid-template-columns: 1fr 1fr;
text-align: center;
gap: 20px;
}
.banner-text-grid {
gap: 40px;
}
.two-grid .fl-col-group-nested {
gap: 40px;
}
.banner-text-inn h1 {
font-size: 40px;
line-height: 45px;
margin-bottom: 10px;
}
.tabs {
margin: 20px 0;
}
.option-box select, .option-box input[type="text"] {
margin-bottom: 10px;
}
}
@media (max-width: 1120px){
.res-row .fl-col-group-nested {
grid-template-columns: 1fr;
}
.mini-wrapper {
max-width: 100% !important;
margin: 0 auto !important;
float: none !important;
width: 90% !important;
}
.content-box {
padding: 40px 0;
}
}
@media (max-width: 1080px){
.two-grid .fl-col-group-nested {
grid-template-columns: 1fr;
}
.property-list-row {
grid-template-columns: 1fr 2fr;
gap: 40px;
}
.property-grid {
grid-template-columns: 1fr 1fr;
}
#one-tab {
margin-right: 10px;
}
.related-property-grid {
grid-template-columns: 1fr 1fr;
}
.cont-single-two-grid {
grid-template-columns: 500px 1fr;
gap: 40px;
}
}
@media (max-width: 980px){
.banner-text-grid {
grid-template-columns: 1fr;
}
.grid-four  {
grid-template-columns: 1fr 1fr;
}
.contact-grid.two-grid {
grid-template-columns: 1fr;
gap: 0;
}
.cont-single-two-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px){
.fl-col-small:not(.fl-col-small-full-width) {
max-width: 100% !important;
width: 100% !important;
}
.row{
padding-left: 30px;
padding-right: 30px;
}
.footer-grid {
grid-template-columns: 1fr;
}
.property-list-row {
grid-template-columns: 1fr 1fr;
}
.property-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px){
h2 {
font-size: 26px;
line-height: 30px;
}
.rental-grid {
grid-template-columns: 1fr;
}
.grid-four {
grid-template-columns: 1fr;
}
.property-list-row {
grid-template-columns: 1fr;
}
.related-property-grid {
grid-template-columns: 1fr;
}
.single-content p {
font-size: 16px;
}
.single-a {
font-size: 15px;
margin-left: 10px;
}
.single-btn {
padding: 12px 12px;
font-size: 15px;
}
.form_sm {
width: 100%;
margin: 0;
}
#slider .flex-viewport {
max-height: 250px;
}
.logo {
width: 100%;
}
.nav-right {
float: left;
width: 50%;
margin-right: 5px;
}
.book-right {
float: left;
}
.menu-btn {
top: 95px;
}
}