Amazing Experience We helps you find out Your need Let's explore.
Discover Get To Know Ozel Paradise
eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum vel, fermentum eu ante. Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullamcorper efficitur, tellus lorem pellentesque sem, id hendrerit neque dui eget purus neque dui eget purus.
Etiam vitae dolor a arcu eleifend ultricies vitae nec lacus. In ac nibh efficitur, condimentum urna in, efficitur sem. Vivamus semper nec tellus non ornare.
Nunc ac orci volutpat, facilisis nunc eget, rhoncus tellus. Sed congue nisl dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet consequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
Read More
Popular Locations for you
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque
Washington D.C
New York City
Los Angeles
Chicago
San Francisco
Columbus Ohio
Washington D.C
Orlando Florida
Facilities Everything You Need
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque
-
Crystal Clear Turquoise Waters
And Warm BeachesLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
-
Crystal Clear Turquoise Waters
And Warm BeachesLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
-
Crystal Clear Turquoise Waters
And Warm BeachesLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
-
Crystal Clear Turquoise Waters
And Warm BeachesLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
-
Crystal Clear Turquoise Waters
And Warm BeachesLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
Featured Villas & vacation Rentals
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque
-
10
3
- $325 / night
-
- 10
- 3
- $400 / night
-
- 10
- 3
- $380 / night
-
- 10
- 3
- $449 / night
-
- 10
- 3
- $500 / night
-
- 10
- 3
- $350 / night
Latest News & Blog
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullam corper
Read More
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullam corper
Read More
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullam corper
Read More
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullam corper
Read MoreGet the travel tips
Get the insider travel tips, inspiration, discounts and homestay recommendations from the best professionals
Search Best Deals on Go
The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.
Our Clients Love Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Ozel Paradise Villas
Amazing Experience We helps you find out Your need Let's explore.
Discover Get To Know Ozel Paradise
eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum vel, fermentum
eu ante. Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullamcorper efficitur, tellus lorem pellentesque sem, id hendrerit neque dui eget purus neque dui eget purus.
Etiam vitae dolor a arcu eleifend ultricies vitae nec lacus. In ac nibh efficitur, condimentum urna in, efficitur sem. Vivamus semper nec tellus non ornare.
Nunc ac orci volutpat, facilisis nunc eget, rhoncus tellus. Sed congue nisl dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet consequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
Read More
Popular Locations for you
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque
Washington D.C
New York City
Los Angeles
Chicago
San Francisco
Columbus Ohio
Washington D.C
Orlando Florida
Facilities Everything You Need
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque
-
Crystal Clear Turquoise Waters
And Warm Beaches
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum
vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
-
Crystal Clear Turquoise Waters
And Warm Beaches
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum
vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
-
Crystal Clear Turquoise Waters
And Warm Beaches
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum
vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
-
Crystal Clear Turquoise Waters
And Warm Beaches
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum
vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
-
Crystal Clear Turquoise Waters
And Warm Beaches
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque consectetur a. Vivamus velit sem, molestie a vestibulum
vel, pellentesque sem, id hendrerit neque dui eget purus. Vestibulum vel libero sed sapien gravida accumsan. Quisque volutpat neque a metus vestibulum
dui, sed volutpat dolor consequat ac. Sed cursus erat libero, sit amet sequat nunc blandit id. Donec nisi lorem, condimentum vel porttitor eu.
Featured Villas & vacation Rentals
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque
-
- 10
- 3
-
$325 / night
-
- 10
- 3
-
$400 / night
-
- 10
- 3
-
$380 / night
-
- 10
- 3
-
$449 / night
-
- 10
- 3
-
$500 / night
-
- 10
- 3
-
$350 / night
Latest News & Blog
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at lorem malesuada, eleifend metus et, elementum dui. Ut aliquam blandit mi, a egestas neque
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullam corper
Read More
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullam corper
Read More
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullam corper
Read More
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam et mi non metus venenatis efficitur. Nam dictum, risus eu ullam corper
Read More
Get the travel tips
Get the insider travel tips, inspiration, discounts and homestay recommendations from the best professionals
Search Best Deals on Go
The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.
-
-
Our Clients Love Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque
urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque
urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque
urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque
urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque
urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque
urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris tellus, congue sit amet elementum sit amet, imperdiet non erat. Pellentesque finibus nisi rhoncus turpis pellentesque venenatis. Ut nec scelerisque
urna, non luctus leo. Aliquam aliquam tempus lectus eu rutrum. Nam vitae nisi dapibus, bibendum metus rutrumeleifend lacus. Suspendisse potenti.
John Doe
Director at Demo Company
/*----------------------------------------------------------
Theme Name: Ozel Paradise Villas
Version: 1.0
-----------------------------------------------------------*/
/* CSS Index
----------------------------------------------------------
01. Default Styles
02. Header
03. Home Page
04. About Us Page
05. Villas Listing Page
06. Villas Details Page
07. Gallery Page
08. Contact Us Page
09. Find Agent Page
10. Agent Detail Page
11. News Page
12. News Detail Page
13. Agent Dashboard Page
14. My Properties Page
15. Dashboard Page
16. Enquiries Page
17. Account Setting Page
18. Create a Property Page
19. Error Page
20. Search Results Page
21. Login & Sign Up Form
22. Footer
23. Responsive Style
----------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700");
/* ================================================== */
/* 01. Default Styles */
/* ================================================== */
body,
html {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
color: #2a2a2a;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Poppins", sans-serif;
font-weight: 600;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
a {
color: inherit;
display: inline-block;
text-decoration: none;
outline: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
a:hover,
a:focus,
a:active {
text-decoration: none;
color: #51b900;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.form-group input .form-group input::placeholder,
.form-group textarea::placeholder {
color: #2a2a2a;
opacity: 1;
}
.form-group input:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder {
color: #2a2a2a !important;
opacity: 1 !important;
}
.form-group input::-ms-input-placeholder,
.form-group textarea::-ms-input-placeholder {
color: #2a2a2a;
opacity: 1;
}
.form-group input::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
color: #2a2a2a;
opacity: 1;
}
.form-group input::-moz-placeholder,
.form-group textarea::-moz-placeholder {
color: #2a2a2a;
opacity: 1;
}
.form-group input:-moz-placeholder,
.form-group textarea:-moz-placeholder {
color: #2a2a2a;
opacity: 1;
}
button:focus,
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
outline: none;
color: #2a2a2a;
}
.no-padding {
padding: 0;
}
.no-margin {
margin: 0;
}
::-moz-selection {
color: #fff;
background: #51b900;
}
::selection {
color: #fff;
background: #51b900;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
/*------------------ Pre Loader ------------------*/
.preloader {
background: #fff;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999;
}
.preloader .spinner {
width: 60px;
height: 60px;
position: absolute;
left: calc(50% - 30px);
top: calc(50% - 30px);
}
.preloader .double-bounce1,
.preloader .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background: #51b900;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2s infinite ease-in-out;
animation: sk-bounce 2s infinite ease-in-out;
}
.preloader .double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
0%,
100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/*------------------ Buttons ------------------*/
.btn {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
text-transform: none;
font-weight: 400;
padding: 10px 15px;
border-radius: 10px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn.focus,
.btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-1 {
color: #fff;
border: solid 2px #51b900;
background-color: #51b900;
}
.btn-1:hover,
.btn-1:focus {
color: #51b900;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
/*------------------ Section ------------------*/
.section {
position: relative;
padding: 70px 0 55px;
}
.title {
text-align: center;
max-width: 850px;
width: 100%;
margin: auto;
margin-bottom: 50px;
}
.title p {
margin-bottom: 0;
font-size:18px;
font-weight:500;
}
h2 span {
font-size: 36px;
color: #51b900;
font-weight: 300;
display: block;
}
/*------------------ Form ------------------*/
.form-control {
margin: 0;
color: #2a2a2a;
border: solid 1px #a7a7a7;
height: 50px;
padding: 0 15px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 15px;
width: 100%;
text-align: left;
}
.form-control:focus {
border: solid 1px #a7a7a7;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-group select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
}
textarea.form-control {
padding: 15px;
line-height: 1.2;
height: unset;
resize: none;
overflow: auto;
}
.form-group {
position: relative;
margin-bottom: 35px;
}
form label,
form label {
position: absolute;
top: -15px;
left: 15px;
font-size: 14px;
background: #fff;
padding: 5px;
margin-bottom: 0;
z-index: 1;
}
form .row label {
left: 30px;
}
form .row .form-check-label,
.form-check .form-check-label {
margin-left: 35px;
position: relative;
top: 0px;
left: 0;
padding: unset;
}
.form-row .form-check input[type="checkbox"] {
top: -1px;
left: 25px;
}
.form-row .form-check .input-helper {
left: 5px;
}
.form-row .form-check .form-check-label {
left: 25px;
}
.calender-icon:after {
content: "\f073";
font-family: "FontAwesome";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
color: #2a2a2a;
}
/*------------------ Breadcrumb ------------------*/
.breadcrumb {
position: relative;
margin-bottom: 0;
border-radius: 0;
color: #fff;
background-size: cover;
padding:0 !important;
}
.breadcrumb:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background:rgba(0,0,0,0.7);
}
.breadcrumb .page-title {
text-align: center;
position: relative;
z-index: 2;
margin-bottom: 0;
padding-top: 240px;
padding-bottom: 140px;
}
.breadcrumb h1 {
color: #51b900;
font-size: 60px;
margin-bottom: 0;
}
.breadcrumb p {
font-size: 20px;
font-weight:500;
}
.breadcrumb span {
font-weight: 400;
}
.breadcrumb ul {
position: relative;
z-index: 2;
}
.breadcrumb ul .list-inline-item:not(:last-child) {
color: #51b900;
}
.breadcrumb ul li a:hover {
color: #fff;
}
.breadcrumb ul li:not(:first-child):before {
display: inline-block;
padding-right: 5px;
color: #fff;
content: "/";
}
.breadcrumb ul .list-inline-item:not(:last-child) {
margin-right: 0;
}
.breadcrumb .form-1 {
margin-top: 20px;
}
.breadcrumb-01 .list-inline-item:not(:last-child) {
margin-right: 0;
}
.breadcrumb-01 .list-inline-item:not(:last-child) {
color: #51b900;
}
.breadcrumb-01 li a:hover {
color: #2a2a2a;
}
/*------------------ Social Icons ------------------*/
.social-connect li a {
padding: 10px;
background: #979797;
color: #fff;
width: 45px;
height: 45px;
font-size: 18px;
text-align: center;
border-radius: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border: solid 2px #979797;
margin-bottom: 10px;
}
.social-connect li a:hover {
background-color: transparent;
color: #979797;
}
/*------------------ Sidebar Form ------------------*/
.sidebar-form {
border: solid 1px #aeaeae;
padding: 30px 20px;
margin: 30px 0;
}
/*------------------ Sidebar Form ------------------*/
hr {
border-color: #dfdfdf;
}
.text-break {
word-break: break-all;
}
/* ================================================== */
/* 02. Header */
/* ================================================== */
header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99;
padding:15px;
border-bottom:1px solid #575757;
background:rgba(0,0,0,0.2);
}
header img.fixed-logo{
display:none;
}
header.fixed-top img{
display:none;
}
header.fixed-top img.fixed-logo{
display:block;
}
header.fixed-top {
width: 100%;
background: #fff;
-webkit-animation: sticky 1s;
animation: sticky 1s;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25.5px 4.5px;
z-index: 5;
border:none;
padding:6px 15px;
}
header.fixed-top .navbar-brand{
padding-bottom:0.6rem;
}
header.fixed-top .navbar-nav li a{
color:#2a2a2a;
}
header.fixed-top .navbar-nav > li.create-property > a{
color:#51b900;
}
header.fixed-top .navbar-nav > li.create-property > a:hover{
background:#51b900;
color:#fff;
border-color:#51b900;
}
@-webkit-keyframes sticky {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes sticky {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
/*------------------ Top Bar ------------------*/
.top-bar {
padding: 0px 15px;
color: #fff;
}
.top-bar li>a {
padding-left: 25px;
background-position: left center;
background-size: 20px 20px;
background-repeat: no-repeat;
}
.top-bar.dark li.call a {
background-image: url("../images/common/header/phone-icon-dark.svg");
}
.top-bar.dark li.login a {
background-image: url("../images/common/header/login-icon-dark.svg");
}
.top-bar.dark li.signup a {
background-image: url("../images/common/header/signup-icon-dark.svg");
}
.top-bar li.call a,
header.fixed-top .top-bar.dark li.call a {
background-image: url("../images/common/header/phone-icon.svg");
}
.top-bar li.login a,
header.fixed-top .top-bar.dark li.login a {
background-image: url("../images/common/header/login-icon.svg");
}
.top-bar li.signup a,
header.fixed-top .top-bar.dark li.signup a {
background-image: url("../images/common/header/signup-icon.svg");
}
.top-bar li a:hover,
.top-bar li a:focus {
text-decoration: underline;
color: #fff;
}
.top-bar.dark li a:hover,
.top-bar.dark li a:focus {
text-decoration: underline;
color: #2a2a2a;
}
.top-bar li {
position: relative;
}
.top-bar li:not(:first-child) {
padding-left: 15px;
margin-left: 10px;
}
.top-bar li:not(:first-child):before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background: #fff;
}
.top-bar.dark li:not(:first-child):before {
background: #2a2a2a;
}
header.fixed-top .top-bar.dark li:not(:first-child):before {
background: #fff;
}
.top-bar img {
max-width: 20px;
width: 100%;
}
.top-bar ul {
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
height: 48px;
width: 100%;
}
.top-bar.dark a,
.top-bar.dark {
color: #2a2a2a;
}
header.fixed-top .top-bar.dark a,
header.fixed-top .top-bar.dark,
.top-bar .light a,
.top-bar .light {
color: #fff;
}
.top-bar.dark .user-profile,
.top-bar.light .user-profile {
display: -ms-flexbox;
display: flex;
}
.top-bar.dark .user-profile img,
.top-bar.light .user-profile img {
max-width: 30px;
margin-right: 10px;
border-radius: 50%;
}
.top-bar .user-profile div:last-child,
.top-bar.light .user-profile img {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.top-bar .user-profile div:last-child a {
font-size: 14px;
line-height: 1;
}
.top-bar .user-profile div:last-child span {
font-size: 10px;
font-style: italic;
}
/*------------------ Logo ------------------*/
.navbar {
padding: 0;
z-index: 0;
position: relative;
}
header.fixed-top .navbar-brand:before{
display:none;
}
header.fixed-top #mainNav,
header.fixed-top .navbar-brand {
background: transparent;
}
.navbar-nav li {
position: relative;
}
.navbar-nav>li:not(.create-property) {
padding: 20px 0;
margin-right: 40px;
}
header.fixed-top .navbar-nav>li:not(.create-property){
padding:23px 0;
}
.navbar-nav li a {
font-size: 18px;
font-weight: 400;
color: #fff;
display: block;
}
.navbar-nav li>a:hover,
.navbar-nav li.active>a, header.fixed-top .navbar-nav li>a:hover, header.fixed-top .navbar-nav li.active>a {
color: #51b900;
}
.navbar-nav>li.dropdown>a {
padding-right: 14px;
}
.navbar-nav>li.dropdown>a:before {
font-family: "FontAwesome";
content: "\f107";
position: absolute;
right: 0px;
font-size: 13px;
line-height: 26px;
}
.navbar-nav li ul {
position: absolute;
left: -20px;
top: 120%;
padding: 0px;
z-index: 100;
width: 200px;
background: rgba(0, 0, 0, 0.8);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.3);
}
.navbar-nav>li>ul li a {
position: relative;
display: block;
padding: 10px 20px;
line-height: 24px;
font-size: 16px;
color: #ffffff;
text-align: left;
text-transform: capitalize;
}
header.fixed-top .navbar-nav>li>ul li a{
color:#fff;
}
.navbar-nav>li>ul li.dropdown>a:after {
font-family: "FontAwesome";
content: "\f105";
position: absolute;
right: 15px;
top: 11px;
width: 10px;
height: 20px;
display: block;
line-height: 20px;
font-size: 16px;
color: #ffffff;
font-weight: normal;
text-align: center;
z-index: 5;
}
.navbar-nav>li>ul li.dropdown>a:hover:after {
color: #51b900;
}
.navbar-nav li>ul>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
top: 0;
}
header.fixed-top .top-bar{
display:none;
}
header.fixed-top .navbar-brand img{
max-width:150px;
}
/*------------------ Nav Toggler ------------------*/
.navbar-toggler {
width: 35px;
height: 25px;
right: 15px;
border: none;
position: relative;
border-radius: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.navbar-toggler span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background-color: #fff;
opacity: 1;
left: 0;
border-radius: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
header.fixed-top .navbar-toggler span{
background:#3c3c3c;
}
.navbar-toggler span:nth-child(1) {
top: 0;
}
.navbar-toggler span:nth-child(2) {
top: 10px;
}
.navbar-toggler span:nth-child(3) {
top: 20px;
}
.navbar-toggler.nav-active span:nth-child(1) {
top: 12px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.navbar-toggler.nav-active span:nth-child(2) {
opacity: 0;
}
.navbar-toggler.nav-active span:nth-child(3) {
top: 12px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
width: 100%;
}
.navbar-nav>li.dropdown span {
position: absolute;
right: 10px;
top: 8px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
text-align: center;
font-size: 14px;
font-weight: 400;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
cursor: pointer;
z-index: 5;
display: none;
}
header.fixed-top .navbar-nav>li.dropdown span{
color:#c1c1c1;
border-color:#c1c1c1;
}
header.fixed-top .navbar-nav li{
border-color:#dedede;
}
/* ================================================== */
/* 03. Home Page */
/* ================================================== */
/*------------------ Hero Section Slider ------------------*/
.hero-section {
position: relative;
}
.hero-section .main-slider {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
max-height: 100vh;
height: 100%;
position: relative;
overflow: hidden;
}
.hero-section .main-slider::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background:rgba(0,0,0,0.8);
opacity:0.8;
}
.main-slider .owl-prev,
.main-slider .owl-next {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 2;
}
.main-slider .owl-prev {
left: 50px;
}
.main-slider .owl-next {
right: 50px;
}
/*------------------ Hero Section Form ------------------*/
.form-1-container {
position: absolute;
left: 0;
right: 0;
bottom: 75px;
z-index: 2;
text-align: center;
}
.form-1-container h1 {
font-size: 20px;
font-weight: 500;
color: #fff;
line-height: 1;
margin-bottom: 30px;
}
.form-1-container h1 span {
font-size: 64px;
font-weight: 600;
color: #51b900;
line-height: 1;
display: block;
margin-bottom: 20px;
}
.form-1 {
position: relative;
z-index: 2;
max-width: 1140px;
width: 100%;
margin: auto;
}
.form-1>.col,
.form-1>[class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.form-1 .form-group {
margin-bottom: 10px;
}
.form-1 .form-control {
border: 0;
}
.form-1 .form-control {
border-right: solid 1px #a7a7a7;
}
.form-1 .form-group .btn {
width: 100%;
background-color: #51b900;
cursor: pointer;
color: #fff;
text-transform: none;
height: 50px;
font-size: 20px;
border: none;
border-radius: 0px;
margin: 0;
}
.form-1 .form-group .btn:hover {
background-color: #47a200;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.form-1-md-outer {
position: relative;
background-color: #f2f2f2;
padding: 30px 0;
text-align: center;
display: none;
}
.form-1-md-outer h2 span {
font-size: 30px;
color: #51b900;
line-height: 1.2;
text-transform: none;
}
.form-1-md-outer .form-group .form-control {
margin: 0;
height: 50px;
line-height: 50px;
padding: 0 15px;
border-radius: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 15px;
width: 100%;
}
.form-1-md-outer .form-group .btn {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
background-color: #51b900;
cursor: pointer;
color: #fff;
text-transform: none;
font-weight: 600;
height: 50px;
line-height: 50px;
padding: 0;
font-size: 20px;
border: none;
border-radius: 0px;
margin: 0;
}
.ui-widget {
font-family: "Poppins", sans-serif;
}
.ui-datepicker {
background: #ffffff;
border-width: 0;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
padding: 0;
width: 320px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
float: left;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
float: right;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 50px;
width: 50px;
border-width: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all:hover {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
background-color: rgba(73, 167, 0, 1);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
line-height: 50px;
margin: 0 2.3em;
text-align: center;
}
.ui-datepicker .ui-datepicker-header {
background-color: #51b900;
border-width: 0;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-widget-header a {
color: #fff;
}
.ui-datepicker .ui-datepicker-calendar thead th {
text-transform: capitalize;
color: #fff;
font-weight: normal;
background-color: rgba(93, 212, 0, 1);
padding: 12px 5px;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar {
width: 100%;
margin: 0;
}
.ui-datepicker .ui-datepicker-calendar tbody {
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-widget-content .ui-state-disabled,
.ui-datepicker .ui-widget-header .ui-state-disabled {
opacity: 0.5;
cursor: default !important;
}
.ui-datepicker .ui-state-disabled span,
.ui-datepicker .ui-widget-content .ui-state-disabled span,
.ui-datepicker .ui-widget-header .ui-state-disabled span {
display: inline-block;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
background: none;
border: 1px solid #f1f1f1;
font-size: 12px;
height: 33px;
width: 33px;
line-height: 33px;
margin-left: 6px;
margin-top: 8px;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover {
background-color: #51b900;
color: #fff;
border-color: #51b900;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
.ui-datepicker .ui-datepicker-calendar td a:hover {
border: 1px solid #51b900;
color: #2a2a2a;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
background-image: none !important;
text-indent: -99999px;
}
.ui-datepicker-prev:before,
.ui-datepicker-next:before {
font-family: FontAwesome;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
font-weight: normal;
align-items: center;
justify-content: center;
}
.ui-datepicker-prev:before {
content: "\f053";
}
.ui-datepicker-next:before {
content: "\f054";
}
.ui-datepicker td span,
.ui-datepicker td a {
padding: 0;
}
.ui-selectmenu-button.ui-button {
width: 100%;
display: block;
height: 50px;
background: #fff;
text-align: left;
position: relative;
padding: 0 15px;
line-height: 50px;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.ui-selectmenu-icon:after {
content: "\f0d7";
font-family: "FontAwesome";
position: absolute;
right: 15px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-radius: 0;
}
.ui-front {
z-index: 99999;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-open {
display: block;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-widget-content {
background: #fff;
color: #2a2a2a;
border: solid 1px #aaa;
border-top: 0;
}
.ui-datepicker.ui-widget-content {
border: none;
}
.ui-widget-content li {
padding: 7px 15px;
border-top: solid 1px #aaa;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.ui-widget-content li:hover {
cursor: pointer;
background: #51b900;
color: #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.ui-widget-content li.ui-state-disabled {
color: rgba(42, 42, 42, 0.7);
background: #dfdfdf;
}
.ui-widget-content li.ui-state-disabled:hover {
background: #dfdfdf;
}
/*------------------ Mobile Form Section ------------------*/
.mobile-form {
position: relative;
background-color: #f2f2f2;
padding: 30px 0;
text-align: center;
display: none;
}
.mobile-form h1 {
font-size: 44px;
margin-bottom: 20px;
}
.mobile-form h1 span {
font-size: 36px;
color: #51b900;
line-height: 1.2;
text-transform: none;
display: block;
font-weight: 400;
}
.mobile-form .form-group:not(:last-child) {
margin-bottom: 10px;
}
.mobile-form .form-group:last-child {
margin-bottom: 0;
}
.mobile-form .form-control {
margin: 0;
height: 50px;
line-height: 50px;
padding: 0 15px;
border-radius: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 15px;
width: 100%;
}
.mobile-form .btn {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
background-color: #51b900;
cursor: pointer;
color: #fff;
text-transform: none;
font-weight: 600;
height: 50px;
line-height: 50px;
padding: 0;
font-size: 20px;
border: none;
border-radius: 0px;
margin: 0;
}
/*------------------ Discover Section ------------------*/
.section.discover-section{
padding:70px 0;
}
.section.discover-section .btn {
margin: 5px 0 15px 0;
}
.discover-section .shadow-image img{
border:1px solid #bdbdbd;
}
/*------------------ Popular Locations Section ------------------*/
.popular-location {
background-color: #f2f2f2;
}
.location-item {
position: relative;
}
.location-item>h3 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 1;
visibility: visible;
align-items: center;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
text-align: center;
font-size: 18px;
width: 100%;
height: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.location-item:hover>h3 {
opacity: 0;
visibility: hidden;
}
.location-item:before {
background-color: rgba(0, 0, 0, 0.8);
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
}
.location-item:hover:before {
opacity: 1;
visibility: visible;
}
.location-item .overlay {
position: absolute;
top: 40%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.location-item .overlay h3 {
font-size: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 5px;
}
.location-item .overlay p {
font-size: 14px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.location-item .overlay a {
font-size: 14px;
font-weight: 600;
color: #51b900;
border-bottom: solid 1px #51b900;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.location-item:hover .overlay {
top: 50%;
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
/*------------------ Facilities Section ------------------*/
.facilities {
padding-bottom: 80px;
}
.facilities .title {
margin-bottom: 100px;
}
.facilities-container {
position: relative;
border: solid 1px #aeaeae;
border-radius: 15px;
padding: 120px 60px 30px;
}
.facilities .facilities-nav {
max-width: 830px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: auto;
position: absolute;
top: -60px;
right: 0;
left: 0;
z-index: 2;
}
.facilities .facilities-nav .list-inline-item:not(:last-child) {
margin-right: 0;
}
.facilities .facilities-nav li a {
background-size: 50px 50px;
background-repeat: no-repeat;
background-position: top 15px center;
}
.facilities .facilities-nav li:nth-of-type(1) a {
background-image: url(../images/home/facilities/beach.svg);
}
.facilities .facilities-nav li:nth-of-type(2) a {
background-image: url(../images/home/facilities/parking.svg);
}
.facilities .facilities-nav li:nth-of-type(3) a {
background-image: url(../images/home/facilities/playground.svg);
}
.facilities .facilities-nav li:nth-of-type(4) a {
background-image: url(../images/home/facilities/restaurant.svg);
}
.facilities .facilities-nav li:nth-of-type(5) a {
background-image: url(../images/home/facilities/terrace.svg);
}
.facilities .facilities-nav li:nth-of-type(1) a:hover,
.facilities .facilities-nav li:nth-of-type(1).active a {
background-image: url(../images/home/facilities/beach-hover.svg);
}
.facilities .facilities-nav li:nth-of-type(2) a:hover,
.facilities .facilities-nav li:nth-of-type(2).active a {
background-image: url(../images/home/facilities/parking-hover.svg);
}
.facilities .facilities-nav li:nth-of-type(3) a:hover,
.facilities .facilities-nav li:nth-of-type(3).active a {
background-image: url(../images/home/facilities/playground-hover.svg);
}
.facilities .facilities-nav li:nth-of-type(4) a:hover,
.facilities .facilities-nav li:nth-of-type(4).active a {
background-image: url(../images/home/facilities/restaurant-hover.svg);
}
.facilities .facilities-nav li:nth-of-type(5) a:hover,
.facilities .facilities-nav li:nth-of-type(5).active a {
background-image: url(../images/home/facilities/terrace-hover.svg);
}
.facilities .facilities-nav a {
width: 150px;
height: 120px;
position: relative;
border-radius: 10px;
text-align: center;
background-color: #fff;
border: solid 1px #aeaeae;
margin-left: 10px;
margin-right: 10px;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.facilities .facilities-nav a span {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
font-weight:500;
}
.facilities .facilities-nav li a:hover,
.facilities .facilities-nav li.active a {
background-color: #51b900;
color: #fff;
border-color: #51b900;
}
.facilities-content h3 {
margin-bottom: 25px;
font-size: 30px;
}
.facilities-image {
text-align: right;
max-width: 400px;
width: 100%;
padding: 15px;
}
.facilities-image img {
border:1px solid #bdbdbd;
}
.facilities-slider {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
/*------------------ Featured Villas Section ------------------*/
.featured {
background: #f2f2f2;
}
.featured .villas-item:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.villas-image a {
position: relative;
display: block;
}
.villas-image a:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgb(0, 0, 0);
background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 0.6250875350140056) 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 0.6250875350140056) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient( 0deg, rgba(0, 0, 0, 0.6250875350140056) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
}
.villas-image h3 {
position: absolute;
color: #fff;
text-transform: capitalize;
font-size: 18px;
left: 15px;
bottom: 15px;
z-index: 3;
margin-bottom: 0;
}
.villas-image h3 span {
color: #fff;
font-size: 14px;
display: block;
margin-top: 2px;
text-transform: uppercase;
}
.villas-info {
list-style-type: none;
position: relative;
background-color: #fff;
padding: 20px 15px;
border: solid 1px #dfdfdf;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.villas-info ul li:first-of-type {
margin-right: 20px;
}
.villas-info ul li span {
margin-left: 5px;
}
.villas-info>li:last-of-type span {
font-size: 20px;
color: #51b900;
}
.featured .btn {
margin-top: 30px;
max-width: 190px;
width: 100%;
}
.news-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
border: solid 1px #aeaeae;
margin-bottom: 30px;
}
.news-item .news-post {
max-width: 320px;
padding: 18px 25px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
border-left:1px solid #aeaeae;
}
.news-item .news-post h3 {
font-size: 18px;
line-height: 1.2;
}
.news-item .news-post .author {
font-size: 14px;
font-style: italic;
color: #5d5d5d;
margin-bottom: 10px;
}
.news-item .news-post p {
}
.news-item .news-post a,
.news-main .news-post p .read-more {
color: #51b900;
position: relative;
max-width: 90px;
width: 100%;
font-size: 16px;
font-weight: 400;
}
.news-item .news-post a:after,
.news-main .news-post p .read-more:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background: #51b900;
width: 0;
-webkit-transition: width 0.5s;
transition: width 0.5s;
}
.news-item .news-post a:hover:after,
.news-main .news-post p .read-more:hover:after {
width: 100%;
-webkit-transition: width 0.5s;
transition: width 0.5s;
}
/*------------------ Travel Tips Section ------------------*/
.travel-tips {
background: url(../images/home/travel-tips/travel-tips.jpg);
position: relative;
padding: 140px 0 120px;
background-size:cover !important;
}
.travel-tips:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
}
.travel-tips h2 {
font-size: 44px;
line-height: 1;
color: #fff;
margin-bottom: 20px;
}
.travel-tips p {
max-width: 570px;
width: 100%;
font-size: 18px;
font-weight: 500;
color: #fff;
margin: auto;
margin-bottom: 30px;
}
.travel-tips .form-inline {
-ms-flex-pack: center;
justify-content: center;
}
.travel-tips .form-inline input {
max-width: 565px;
width: calc(100% - 115px);
margin: 0;
height: 50px;
line-height: 50px;
padding: 0 15px;
border-radius: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 15px;
}
.travel-tips .btn-1 {
max-width: 115px;
width: 100%;
text-align: center;
color: #fff;
border: none;
background-color: #51b900;
font-size: 20px;
font-weight: 600;
}
.travel-tips .btn-1:hover {
background-color: #47a200;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
/*------------------ Best Deals Section ------------------*/
.best-deals {
padding-bottom: 80px;
}
.best-deals-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.best-deals-item .title {
text-align: left;
margin-bottom: 15px;
}
.best-deals-item p {
margin-bottom: 30px;
font-size:18px;
font-weight:500;
}
.best-deals-item ul li {
margin-bottom: 20px;
}
.best-deals-item ul li img {
max-width: 200px;
}
.best-deals-image img {
max-width: 500px;
}
/*------------------ Testimonial Section ------------------*/
.testimonial {
background-color: #f2f2f2;
padding-bottom: 80px;
}
.testimonial-slider,
.testimonial .item-container {
position: relative;
}
.testimonial .item img {
border-radius: 100%;
}
.testimonial .item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
max-width: 875px;
width: 100%;
padding: 40px;
margin: auto;
background: #fff;
border: solid 1px #a8a8a8;
position: relative;
}
.testimonial .item:before {
content: " ";
position: absolute;
width: 0;
height: 0;
right: auto;
left: 35px;
bottom: -46px;
border: 23px solid;
border-color: #a8a8a8 #a8a8a8 transparent transparent;
}
.testimonial .item:after {
content: " ";
position: absolute;
width: 0;
height: 0;
left: 32px;
right: auto;
bottom: -44px;
border: 24px solid;
border-color: #fff #fff transparent transparent;
}
.testimonial .item img {
max-width: 140px;
width: 100%;
max-height: 140px;
height: 100%;
}
.testimonial .item p {
max-width: 620px;
width: 100%;
position: relative;
margin-bottom: 0;
font-style: italic;
font-size:18px;
font-weight:500;
}
.testimonial .item p:before {
content: "";
position: absolute;
left: -50px;
top: -10px;
width: 50px;
height: 30px;
background: url(../images/home/testimonial/quotes.png) no-repeat top center;
}
.testimonial .client-name {
max-width: 675px;
width: 100%;
margin: auto;
margin-top: 20px;
}
.testimonial .client-name h3 {
font-size: 18px;
font-weight: 500;
line-height: 1;
}
.testimonial .client-name span {
font-size: 14px;
}
.testimonial-slider .owl-nav {
position: absolute;
right: 100px;
top: 20%;
}
.testimonial-slider .owl-nav button.owl-prev,
.testimonial-slider .owl-nav button.owl-next {
width: 40px;
height: 40px;
background: #51b900;
color: #fff;
display: block;
border: solid 1px #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.testimonial-slider .owl-nav button.owl-prev:hover,
.testimonial-slider .owl-nav button.owl-next:hover {
background-color: #47a200;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.testimonial-slider .owl-nav button.owl-prev {
margin-bottom: 10px;
}
.testimonial .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
margin-top: 30px;
}
.owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.owl-dots .owl-dot:focus span {
background: #D6D6D6;
}
.owl-dots .owl-dot.active span {
background: #51b900;
}
/* ================================================== */
/* 04. About Us Page */
/* ================================================== */
/*------------------ Welcome Section ------------------*/
.about-page .breadcrumb {
background: url(../images/about/breadcrumb.png);
}
.about-page .discover-section {
padding-bottom: 60px;
}
/*------------------ Why Choose Ozel Section ------------------*/
.why-choose-us {
background: #f2f2f2;
}
.why-choose-image {
background: url(../images/about/why-choose-ozel.png);
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
position: relative;
background-position:center center;
}
.why-choose-item {
max-width: 600px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.why-choose-item img {
padding: 25px 35px;
border: solid 1px #2a2a2a;
border-radius: 10px;
margin-bottom: 15px;
}
.why-choose-item .list-inline-item:not(:last-child) {
margin-right: 30px;
}
.why-choose-item ul {
margin-bottom: 0;
}
.why-choose-item li {
text-align: center;
}
.why-choose-item li p:last-child {
max-width: 115px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
font-weight:500;
}
/*------------------ CTA Section ------------------*/
.about-page .cta {
background: #2a2a2a;
color: #fff;
padding: 20px;
}
.about-page .cta h2 {
margin-bottom: 5px;
}
.about-page .cta p {
margin-bottom: 0;
font-size:18px;
font-weight:500;
}
.about-page .cta .btn {
border: solid 2px #fff;
background: transparent;
padding: 10px 30px;
}
.about-page .cta .btn:hover {
background: #fff;
color: #2a2a2a;
}
.about-page .testimonial h2 span {
text-transform: uppercase;
}
/* ================================================== */
/* 05. Villas Listing Page */
/* ================================================== */
.villas-page .breadcrumb {
background-image: url(../images/villas-listing/breadcrumb.jpg);
background-size:cover !important;
}
.villas-section .btn {
margin-top: 30px;
width: 170px;
}
.villas-page .form-1 {
max-width: 815px;
width: 100%;
margin: auto;
}
.villas-item {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.villas-item .villas-image img {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.villas-item:hover .villas-image img {
transform: scale(1.1);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.villas-image {
overflow: hidden;
}
.villas-item:hover {
-webkit-box-shadow: 5px 5px 8px 0px #aeaeae;
box-shadow: 5px 5px 8px 0px #aeaeae;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
/* ================================================== */
/* 06. Villas Details Page */
/* ================================================== */
.villa-details-page .breadcrumb {
background-image: url(../images/villa-details/breadcrumb.jpg);
}
.villa-details-nav {
margin: 0;
margin-top: 15px;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.villa-details-nav li a {
position: relative;
}
.villa-details-nav li a .overlay {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
visibility: visible;
opacity: 1;
}
.villa-details-nav li a:hover .overlay,
.villa-details-nav li.active a .overlay {
opacity: 0;
visibility: hidden;
}
.villa-details-nav+p {
font-size: 14px;
margin-bottom: 0;
margin-top: 20px;
padding-left: 25px;
background: url(../images/villa-details/map-icon.svg) no-repeat left center;
background-size: 15px 15px;
}
.villa-content {
margin: 20px 0;
}
.villa-content h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 15px;
}
.villa-content h4 {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 15px;
}
.villa-facilities {
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.villa-facilities li {
margin-bottom: 20px;
}
.villa-facilities li a {
background-size: 50px 50px;
background-repeat: no-repeat;
background-position: top 15px center;
}
.villa-facilities li:nth-of-type(1) a {
background-image: url(../images/home/facilities/beach.svg);
}
.villa-facilities li:nth-of-type(2) a {
background-image: url(../images/home/facilities/parking.svg);
}
.villa-facilities li:nth-of-type(3) a {
background-image: url(../images/home/facilities/playground.svg);
}
.villa-facilities li:nth-of-type(4) a {
background-image: url(../images/home/facilities/restaurant.svg);
}
.villa-facilities li:nth-of-type(5) a {
background-image: url(../images/home/facilities/terrace.svg);
}
.villa-facilities li:nth-of-type(1) a:hover,
.villa-facilities li:nth-of-type(1).active a {
background-image: url(../images/home/facilities/beach-hover.svg);
}
.villa-facilities li:nth-of-type(2) a:hover,
.villa-facilities li:nth-of-type(2).active a {
background-image: url(../images/home/facilities/parking-hover.svg);
}
.villa-facilities li:nth-of-type(3) a:hover,
.villa-facilities li:nth-of-type(3).active a {
background-image: url(../images/home/facilities/playground-hover.svg);
}
.villa-facilities li:nth-of-type(4) a:hover,
.villa-facilities li:nth-of-type(4).active a {
background-image: url(../images/home/facilities/restaurant-hover.svg);
}
.villa-facilities li:nth-of-type(5) a:hover,
.villa-facilities li:nth-of-type(5).active a {
background-image: url(../images/home/facilities/terrace-hover.svg);
}
.villa-facilities a {
width: 150px;
height: 120px;
position: relative;
border-radius: 10px;
text-align: center;
background-color: #fff;
border: solid 1px #aeaeae;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.villa-facilities a span {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
font-weight:500;
}
.villa-facilities li a:hover,
.villa-facilities li.active a {
background-color: #51b900;
color: #fff;
border-color: #51b900;
}
.villa-location {
padding: 20px;
border: solid 1px #aeaeae;
}
.villa-location iframe {
max-width: 780px;
width: 100%;
height: 490px;
}
.villa-location h3 {
font-size: 24px;
margin-bottom: 20px;
}
.villa-location h4 {
font-size: 18px;
margin: 20px 0;
}
.villa-location h5 {
margin-top: 10px;
margin-bottom: 20px;
font-size:18px;
}
.villa-location ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 0;
}
.villa-location ul li {
margin-bottom: 20px;
font-size: 14px;
}
.villa-location ul li img {
margin-right: 10px;
}
.villa-details-section {
padding: 80px 0;
}
.villa-details-section .item:last-child .price {
text-align: center;
background: #51b900;
color: #fff;
padding: 20px 0;
}
.villa-details-section .item:last-child .price h2 {
font-size: 45px;
}
.villa-details-section .item:last-child .price p {
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
}
.villa-details-section .sidebar-form {
background: #677b89;
border: none;
}
.villa-details-section .sidebar-form label {
background: #677b89;
color: #fff;
}
.villa-details-section .sidebar-form .form-2 .top,
.villa-details-section .sidebar-form .form-2 .form-control {
background: #677b89;
color: #fff;
}
.villa-details-section .sidebar-form .form-control,
.villa-details-section .sidebar-form input {
border: solid 1px #fff;
}
.villa-details-section .sidebar-form .form-2 .form-group span {
color: #fff;
}
.villa-details-section .sidebar-form .form-2 .form-group textarea {
height: 90px;
resize: none;
}
.villa-details-section .sidebar-form .form-2 .form-group .btn {
background: #fff;
border: solid 1px #fff;
color: #677b89;
font-size: 16px;
margin: 0;
}
.villa-details-section .sidebar-form .form-2 .form-group .btn:hover {
background: #677b89;
color: #fff;
}
.villa-details-section .sidebar-form .calender-icon:after {
color: #fff;
}
.agent-info {
padding: 25px 15px;
border: solid 1px #aeaeae;
margin: 30px 0;
}
.agent-info a {
font-size: 14px;
}
.agent-info h3 {
text-transform: uppercase;
font-size: 18px;
border-bottom: solid 1px #dfdfdf;
padding-bottom: 15px;
margin-bottom: 20px;
}
.agent-info p {
font-size: 14px;
}
.agent-info li {
position: relative;
padding-left: 50px;
}
.agent-info li:not(:last-child) {
margin-bottom: 20px;
}
.agent-info li:before {
content: "";
position: absolute;
top: 0;
left: 35px;
width: 1px;
height: 100%;
background: #2a2a2a;
}
.agent-info li:first-child {
background: url(../images/villa-details/mobile-icon.svg) no-repeat left center;
background-size: 22px 22px;
}
.agent-info li:last-child {
background: url(../images/villa-details/email-icon.svg) no-repeat left center;
background-size: 22px 22px;
}
.banner {
position: relative;
}
.banner .btn {
position: absolute;
width: 135px;
left: 0;
right: 0;
bottom: 20px;
background: rgba(18, 68, 165, 0.95);
color: #fff;
margin: auto !important;
}
.banner .btn:hover {
background: rgba(18, 68, 165, 1);
}
.featured-section {
background: #f2f2f2;
}
.featured-section h2 {
margin-bottom: 20px;
}
/* ================================================== */
/* 07. Gallery Page */
/* ================================================== */
.gallery-page .breadcrumb {
background-image: url(../images/gallery/breadcrumb.jpg);
background-size:cover !important;
}
.gallery-item {
position: relative;
}
.gallery-item .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 20px;
font-weight: 600;
text-align: center;
background: rgba(0, 0, 0, 0.75);
opacity: 0;
z-index: 2;
visibility: hidden;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.gallery-item .overlay img {
max-width: 50px;
margin-bottom: 20px;
}
.gallery-item .overlay p {
margin-bottom: 0;
font-size: 20px;
font-weight: 600;
}
.gallery-item:hover .overlay {
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.gallery-section .btn {
margin-top: 30px;
width: 170px;
}
/* ================================================== */
/* 08. Contact Us Page */
/* ================================================== */
.contact-us-page .breadcrumb {
background-image: url(../images/contact-us/breadcrumb.jpg);
}
.contact-form h2 {
font-size: 24px;
border-bottom: solid 1px #dfdfdf;
padding-bottom: 15px;
margin-bottom: 40px;
}
.contact-map {
padding-bottom: 0;
}
.contact-map iframe {
max-width: 1110px;
width: 100%;
height: 340px;
}
.contact-form {
padding-top: 40px;
padding-bottom: 20px;
}
.contact-form .btn {
width: 150px;
}
.contact-form hr {
border-color: #dfdfdf;
margin: 20px 0;
}
.contact-form li {
margin-bottom: 10px;
}
.contact-form .social-connect li a {
background: #979797;
border: solid 2px #979797;
color: #fff;
}
.contact-form .social-connect li a:hover {
background: transparent;
color: #979797;
}
.contact-form .form-group textarea.form-control {
height: 100px;
overflow: auto;
resize: none;
padding: 15px;
}
.contact-form .btn {
margin-top: 0 !important;
}
/* ================================================== */
/* 09. Find Agent Page */
/* ================================================== */
.find-agent-page .form-1,
.agent-details-page .form-1 {
max-width: 615px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.find-agent-page .breadcrumb,
.agent-details-page .breadcrumb {
background-image: url(../images/find-agent/breadcrumb.jpg);
background-size:cover !important;
}
.find-agent-page .form-1 .form-group:first-of-type,
.agent-details-page .form-1 .form-group:first-of-type {
max-width: 200px;
width: 100%;
}
.agent-item {
border: solid 1px #aeaeae;
text-align: center;
}
.agent-item .item-content {
padding: 20px 25px;
}
.agent-item h2 {
font-size: 18px;
margin-bottom: 5px;
}
.agent-item h3 {
font-size: 16px;
font-weight: 400;
}
.agent-item .item-content a {
word-break: break-all;
}
.agent-item .item-content .btn {
margin: 10px 0;
}
.agent-item .item-content ul:first-of-type {
text-align: left;
font-size: 14px;
margin: 30px 0;
}
.agent-item ul:first-of-type li {
position: relative;
padding-left: 50px;
margin-bottom: 20px;
}
.agent-item ul:first-of-type li:before {
content: "";
position: absolute;
top: 0;
left: 35px;
width: 1px;
height: 100%;
background: #858585;
}
.agent-item ul:first-of-type li:first-child {
background: url(../images/find-agent/mobile-icon.svg) no-repeat left center;
background-size: 20px 20px;
}
.agent-item ul:first-of-type li:last-child {
background: url(../images/find-agent/email-icon.svg) no-repeat left center;
background-size: 20px 20px;
}
.agent-item .item-content ul:last-of-type {
margin-bottom: 0;
}
.agent-item .btn {
border: solid 2px #51b900;
color: #51b900;
background: #fff;
max-width: 145px;
width: 100%;
margin-top: 10px;
}
.agent-item .btn:hover {
background: #51b900;
color: #fff;
}
.find-agent .btn-last {
margin-top: 30px;
width: 170px;
}
.agent-item .social-connect li a {
font-size: 16px;
}
/* ================================================== */
/* 10. Agent Detail Page */
/* ================================================== */
.item-content ul:last-child li a {
width: 40px;
height: 40px;
}
.agent-detail .sidebar-form h3 {
font-size: 18px;
text-align: center;
margin-bottom: 30px;
}
.agent-detail .sidebar-form textarea {
height: 150px;
resize: none;
overflow: auto;
}
.agent-detail .sidebar-form .btn {
width: 100%;
margin: 0;
}
.agent-detail .sidebar-form .form-group:last-child {
margin-bottom: 0;
}
.agent-detail .agent-detail-container:last-of-type>h3 {
margin-top: 50px;
margin-bottom: 20px;
font-size: 24px;
}
/* ================================================== */
/* 11. News Page */
/* ================================================== */
.news-page .breadcrumb {
background-image: url(../images/news/breadcrumb.jpg);
}
.news-post:not(:last-child) {
margin-bottom: 40px;
}
.news-post .meta {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 30px 0;
}
.news-post .meta div:first-of-type {
text-align: center;
max-width: 70px;
width: 100%;
background: #474747;
text-align: center;
padding: 10px 5px;
margin-right: 10px;
border-bottom: solid 5px #51b900;
}
.news-post .meta div:first-of-type h3 {
color: #fff;
font-size: 32px;
font-weight: 500;
line-height: 1;
}
.news-post .meta div:first-of-type span {
display: -ms-flexbox;
display: flex;
font-size: 13px;
display: block;
}
.news-post .meta div:last-of-type h2 {
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
}
.news-post .meta div:last-of-type ul {
margin-bottom: 0;
}
.news-post .meta div:last-of-type ul li {
padding-left: 25px;
color: #787878;
font-size: 13px;
font-weight: 500;
}
.news-post .meta div:last-of-type ul li:first-child {
background: url(../images/news/author-icon.png) no-repeat left center;
}
.news-post .meta div:last-of-type ul li:last-child {
background: url(../images/news/comment-icon.png) no-repeat left center;
}
.news-post p a {
color: #51b900;
}
.news-sidebar form {
position: relative;
}
.news-sidebar ul {
margin-bottom: 0;
}
.news-sidebar form input {
border: 1px solid #dfdfdf;
height: 45px;
padding: 0 15px;
width: 100%;
font-weight: 300;
}
.news-sidebar form button {
background: #51b900;
border: 0 none;
color: #fff;
height: 100%;
position: absolute;
right: 0;
top: 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
width: 60px;
line-height: 50px;
}
.news-sidebar form img {
width: 20px;
margin-top: -10px;
}
.news-sidebar h3 {
font-weight: 400;
font-size: 24px;
margin-bottom: 30px;
color: #51b900;
}
.news-sidebar .categories li {
background: url(../images/news/arrow-right.svg) no-repeat left center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
text-transform: capitalize;
background-size: 15px 15px;
padding-left: 30px;
margin-bottom: 30px;
}
.news-sidebar .popular-news>li {
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.news-sidebar .popular-news h2 {
font-size: 16px;
font-weight: 400;
}
.news-sidebar .popular-news div:first-of-type {
max-width: 100px;
margin-right: 10px;
}
.news-sidebar .popular-news div:last-child li {
padding-left: 25px;
color: #787878;
font-size: 13px;
font-weight: 500;
}
.news-sidebar .popular-news div:last-child li:first-of-type {
background: url(../images/news/author-icon.png) no-repeat left center;
}
.news-sidebar .popular-news div:last-child li:last-of-type {
background: url(../images/news/comment-icon.png) no-repeat left center;
}
.news-sidebar .archive li {
background: url(../images/news/arrow-right.svg) no-repeat left center;
background-size: 15px 15px;
padding-left: 30px;
margin-bottom: 30px;
}
.news-sidebar .keywords a {
padding: 10px 15px;
border: solid 1px #dfdfdf;
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
font-weight: 300;
}
.news-sidebar .keywords a:hover {
background: #51b900;
color: #fff;
border-color: #51b900;
}
.news-sidebar .keywords .list-inline-item:not(:last-child) {
margin-right: 0;
}
/* ================================================== */
/* 12. News Detail Page */
/* ================================================== */
.news-detail-page .breadcrumb {
background-image: url(../images/news-detail/breadcrumb.jpg);
}
.comments h2 {
font-size: 22px;
font-weight: 400;
margin-bottom: 30px;
}
.comments-main li {
font-size: 18px;
}
.comments-main li span {
color: #757575;
text-transform: uppercase;
margin-left: 30px;
margin-right: 10px;
font-size: 14px;
position: relative;
}
.comments-main li .fa {
color: #51b900;
font-size: 14px;
}
.comments hr {
margin: 20px 0;
}
.comments hr:last-of-type {
border-width: 2px;
margin-top: 45px;
margin-bottom: 40px;
}
.comments h2:last-of-type {
margin-bottom: 40px;
}
.comments textarea.form-control {
height: 100px;
}
.comments .btn {
width: 200px;
font-size: 18px;
margin-top: 15px !important;
}
/* ================================================== */
/* 13. Agent Dashboard Page */
/* ================================================== */
header.black-bg{
background:rgba(0,0,0,0.8);
}
header.black-bg.fixed-top{
background:#fff;
}
.agent-page {
padding-top: 50px;
}
.profile,
.setting {
text-align: center;
padding: 30px;
border: solid 1px #dfdfdf;
-webkit-box-shadow: 0px 2px 4px 2px rgba(230, 230, 230, 0.5);
box-shadow: 0px 2px 4px 2px rgba(230, 230, 230, 0.5);
}
.profile img {
border-radius: 50%;
max-width: 100px;
width: 100%;
}
.profile h1 {
font-size: 22px;
font-weight: 600;
margin: 20px 0;
}
.setting {
text-align: left;
margin-top: 30px;
}
.setting ul {
margin-bottom: 0;
}
.setting li a {
width: 100%;
padding-left: 30px;
}
.setting li:not(:last-child) {
margin-bottom: 30px;
}
.setting li.active {
color: #51b900;
}
.setting li img {
max-width: 20px;
margin-right: 10px;
}
.setting li a {
background-repeat: no-repeat;
background-position: left center;
background-size: 20px 20px;
}
.setting li:nth-of-type(1) a {
background-image: url(../images/agent-dashboard/dashboard-icon.svg);
}
.setting li:nth-of-type(2) a {
background-image: url(../images/agent-dashboard/my-properties-icon.svg);
}
.setting li:nth-of-type(3) a {
background-image: url(../images/agent-dashboard/enquiries-icon.svg);
}
.setting li:nth-of-type(4) a {
background-image: url(../images/agent-dashboard/setting-icon.svg);
}
.setting li:nth-of-type(5) a {
background-image: url(../images/agent-dashboard/sign-out-icon.svg);
}
.setting li:nth-of-type(1) a:hover,
.setting li:nth-of-type(1).active a {
background-image: url(../images/agent-dashboard/dashboard-hover-icon.svg);
}
.setting li:nth-of-type(2) a:hover,
.setting li:nth-of-type(2).active a {
background-image: url(../images/agent-dashboard/my-properties-hover-icon.svg);
}
.setting li:nth-of-type(3) a:hover,
.setting li:nth-of-type(3).active a {
background-image: url(../images/agent-dashboard/enquiries-hover-icon.svg);
}
.setting li:nth-of-type(4) a:hover,
.setting li:nth-of-type(4).active a {
background-image: url(../images/agent-dashboard/setting-hover-icon.svg);
}
.setting li:nth-of-type(5) a:hover,
.setting li:nth-of-type(5).active a {
background-image: url(../images/agent-dashboard/sign-out-hover-icon.svg);
}
.agent-item-container {
padding: 30px;
border: solid 1px #dfdfdf;
-webkit-box-shadow: 0px 2px 4px 2px rgba(230, 230, 230, 0.5);
box-shadow: 0px 2px 4px 2px rgba(230, 230, 230, 0.5);
}
.agent-item-container:not(:last-of-type) {
margin-bottom: 30px;
}
.agent-item-container h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 20px;
}
.agent-item-container .table {
margin-bottom: 0;
}
.agent-item-container .table th {
font-weight: 600;
border: none;
}
.agent-item-container .table td,
.agent-item-container .table th {
padding: 20px 0;
white-space: nowrap;
}
.agent-item-container .table td:not(:last-child),
.agent-item-container .table th:not(:last-child) {
padding-right: 30px;
}
.agent-item-container .table .rating {
background: rgba(0, 0, 141, 0.9);
color: #fff;
padding: 2px 5px;
border-radius: 5px;
}
.agent-item-container .table .active {
background: #51b900;
color: #fff;
padding: 2px 5px;
border-radius: 5px;
}
.agent-item-container .table .non-active {
background: #d7d7d7;
padding: 2px 5px;
border-radius: 5px;
}
.agent-item-container .table a {
display: block;
}
.agent-item-container .table img {
max-width: 20px;
width: 100%;
}
.table-container:last-of-type tr th:nth-of-type(2),
.table-container:last-of-type tr td:nth-of-type(2) {
min-width: 100px;
}
/* ================================================== */
/* 14. My Properties Page */
/* ================================================== */
.villas-item .villas-status {
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
padding: 20px 25px;
border: solid 1px #dfdfdf;
}
.villas-item .villas-status li:first-child {
padding: 2px 5px;
border-radius: 5px;
font-size: 14px;
}
.villas-item .villas-status li:first-child.not-active {
background: #d7d7d7;
}
.villas-item .villas-status li:first-child.active {
background: #51b900;
color: #fff;
}
.villas-item .villas-status li img {
max-width: 20px;
width: 100%;
}
.villas-item .villas-status li:last-child ul li:first-child {
margin-right: 20px;
}
/* ================================================== */
/* 15. Dashboard Page */
/* ================================================== */
.dashboard-section,
.my-properties-section,
.enquiries-section,
.account-setting-section,
.search-results-section {
padding-top: 105px;
}
.breadcrumb-01 {
font-weight: 300;
margin: 20px 0;
}
.breadcrumb-01 li:not(:first-child):before {
display: inline-block;
padding-right: 5px;
color: #2a2a2a;
content: "/";
}
/* ================================================== */
/* 16. Enquiries Page */
/* ================================================== */
.enquiries {
padding: 30px;
border: solid 1px #dfdfdf;
-webkit-box-shadow: 0px 2px 4px 2px rgba(230, 230, 230, 0.5);
box-shadow: 0px 2px 4px 2px rgba(230, 230, 230, 0.5);
}
.enquiries-section .agent-item-container h3 {
margin-bottom: 40px;
}
.enquiries-section .agent-item-container li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.enquiries-section .agent-item-container ul {
margin-bottom: 0;
}
.enquiries-section .agent-item-container li:not(:last-of-type) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #dfdfdf;
}
.enquiries-section .agent-item-container li p {
margin-bottom: 0;
font-size: 14px;
}
.enquiries-section .agent-item-container li a {
color: #51b900;
font-size: 15px;
margin-left: 15px;
line-height: 1.2;
}
/* ================================================== */
/* 17. Account Setting Page */
/* ================================================== */
.account-setting-page .agent-item-container:first-child .btn {
width: 140px;
}
.account-setting-page .agent-item-container:last-child .btn {
width: 195px;
}
.profile .btn {
margin: 0 !important;
}
.account-picture {
padding: 10px;
border: solid 1px #dfdfdf;
-webkit-box-shadow: 0px 2px 4px 2px rgba(230, 230, 230, 0.5);
box-shadow: 0px 2px 4px 2px rgba(230, 230, 230, 0.5);
}
.account-picture img {
border: solid 1px #a7a7a7;
}
.account-picture+div {
margin-top: 30px;
}
.account-picture+div a {
color: #51b900;
font-weight: 600;
}
.account-picture+div p {
color: #a8a7a7;
font-size: 14px;
}
/* ================================================== */
/* 18. Create a Property Page */
/* ================================================== */
.create-property-page .breadcrumb {
background-image: url(../images/create-property/breadcrumb.jpg);
background-size:cover !important;
}
.create-property-section h3 {
font-size: 30px;
font-weight: 600;
margin-bottom: 30px;
}
.create-property-section h3:not(:first-child) {
margin-top: 25px;
}
.create-property-section .form-group .form-check-label {
font-size: 16px;
}
.create-property-section .form-group textarea {
height: 180px;
}
.create-property-section .image-uploader {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}
.create-property-section .btn {
width: 170px;
}
.upload-property img {
width: 100%;
}
.upload-property .inputfile + label {
font-size: 18px;
cursor: pointer;
display: inline-block;
padding: 0.625rem 3rem;
width:100%;
background:#dedede;
position:static;
min-height:240px;
}
.upload-property .inputfile:focus + label,
.upload-property .inputfile.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.upload-property .inputfile + label svg {
margin-right: 0.25em;
}
.upload-property .inputfile{
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.upload-property .form-group{
position:static;
}
/* ================================================== */
/* 19. Error Page */
/* ================================================== */
.error-section {
text-align: center;
padding-top: 300px;
padding-bottom: 200px;
}
.error-section h1 {
color: #c8c8c8;
font-weight: 600;
font-size: 300px;
}
.error-section p {
font-size: 20px;
font-weight: 500;
}
.error-section a {
font-weight: 500;
color: #51b900;
}
/* ================================================== */
/* 20. Search Results Page */
/* ================================================== */
.search-results-section .form-1 {
margin-bottom: 30px;
}
.search-results-section .form-1 .form-control {
border: solid 1px #aaa;
}
.search-results-section h1 {
font-size: 36px;
}
.search-results-section p {
margin-bottom: 30px;
font-size: 18px;
font-weight: 500;
}
.search-results-section .btn {
width: 175px;
}
/* ================================================== */
/* 21. Login & Sign Up Form */
/* ================================================== */
.modal-container .item:first-of-type {
max-width: 468px;
width: 100%;
position: relative;
}
.modal-container .modal-content {
-ms-flex-direction: row;
flex-direction: row;
border-radius: 0;
}
.modal-container .modal-dialog {
max-width: 770px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.modal-container .item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-container .top-content {
max-width: 290px;
width: 100%;
margin: 30px auto;
position: relative;
}
.modal-container .top-content img {
margin-bottom: 40px;
}
.modal-container .top-content h2 {
font-size: 24px;
font-weight: 400;
line-height: 1;
margin-bottom: 0;
}
.modal-container .top-content p {
font-size: 13px;
margin-bottom: 40px;
}
.form-group input[type="checkbox"],
.row .form-group input[type="checkbox"] {
top: -4px;
left: 20px;
width: 20px;
height: 20px;
z-index: 1;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.row .form-group input[type="checkbox"] {
left: 40px;
}
.form-group input[type="checkbox"]+.input-helper,
.row .form-group input[type="checkbox"]+.input-helper {
position: absolute;
top: 2px;
left: 0px;
width: 20px;
height: 20px;
}
.row .form-group input[type="checkbox"]+.input-helper {
left: 20px;
}
.form-group input[type="checkbox"]+.input-helper:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 20px;
height: 20px;
display: -ms-inline-flexbox;
display: inline-flex;
border: solid 1px #a7a7a7;
}
.form-group input[type="checkbox"]+.input-helper:after {
content: "";
display: none;
width: 7px;
height: 16px;
margin-left: 6px;
border: solid #a7a7a7;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.form-group input[type="checkbox"]:checked~.input-helper:after {
display: block;
}
.modal-container .top-content .form-control {
font-size: 14px;
}
.modal-container .top-content .form-check .form-check-label {
margin-left: 5px;
}
.modal-container .top-content .btn {
width: 100%;
}
.modal-container .top-content .link {
text-align: center;
font-size: 13px;
margin-top: 20px;
}
.modal-container .bottom-content {
padding: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background: #eaeaea;
}
.modal-container .bottom-content p {
margin-bottom: 0;
font-size: 13px;
}
.modal-container .bottom-content a {
border-bottom: solid 1px #2a2a2a;
}
.modal-container .bottom-content a:hover {
border-color: #51b900;
}
.modal-container .item:nth-of-type(2) {
position: relative;
}
.modal-container .item:nth-of-type(2) h2 {
font-size: 40px;
color: #fff;
text-align: center;
font-style: italic;
line-height: 1.5;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 100%;
padding: 0 40px;
}
.modal-container .close-button {
position: absolute;
top: 15px;
right: 15px;
z-index: 3;
}
.modal-container .close-button:hover {
cursor: pointer;
}
.modal-container .close-button span {
width: 20px;
height: 20px;
display: block;
position: relative;
border: solid 1px #fff;
}
.modal-container .close-button span:after,
.modal-container .close-button span:before {
content: "";
width: 1px;
height: 15px;
position: absolute;
background: #fff;
}
.modal-container .close-button span:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 1px;
right: 9px;
}
.modal-container .close-button span:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 1px;
left: 8px;
}
/* ================================================== */
/* 22. Footer */
/* ================================================== */
.pre-footer {
background-color: #434343;
color: #fff;
padding-bottom: 40px;
font-weight: 500;
}
.pre-footer ul {
list-style-type: none;
padding-left: 0;
}
.pre-footer h3 {
font-size: 24px;
font-weight: 400;
border-bottom: solid 1px #616161;
padding-bottom: 30px;
margin-bottom: 30px;
}
.pre-footer .box-1 li {
position: relative;
background-repeat: no-repeat;
padding-left: 60px;
margin-bottom: 30px;
font-weight: 500;
}
.pre-footer .box-1 li:before {
content: "";
position: absolute;
top: 0;
left: 40px;
width: 1px;
height: 100%;
background: #616161;
}
.pre-footer .box-1 li:first-of-type {
background: url("../images/common/footer/map-icon.svg") no-repeat left top;
background-size: 30px 30px;
}
.pre-footer .box-1 li:nth-of-type(2) {
background: url("../images/common/footer/mobile-icon.svg") no-repeat left center;
background-size: 30px 30px;
padding-top: 5px;
padding-bottom: 5px;
}
.pre-footer .box-1 li:nth-of-type(3) {
background: url("../images/common/footer/email-icon.svg") no-repeat left 3px center;
background-size: 25px 25px;
padding-top: 5px;
padding-bottom: 5px;
}
.pre-footer .box-2 .item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: start;
justify-content: flex-start;
width: 49%;
}
.pre-footer .box-2 li {
margin-bottom: 20px;
}
.pre-footer .box-3 ul:first-of-type {
margin-bottom: 30px;
}
.pre-footer .box-3 ul:last-of-type {
margin-bottom: 0;
}
.pre-footer .box-3 ul:last-of-type li img {
max-width: 45px;
width: 100%;
}
.pre-footer .box-3 .social-connect li a {
background: #fff;
color: #2a2a2a;
border-color: #fff;
}
.pre-footer .box-3 .social-connect li a:hover {
background: transparent;
color: #fff;
}
.pre-footer .box-3 ul:last-of-type li {
margin-bottom: 15px;
}
footer .credits {
padding: 10px 0;
text-align: center;
background: #2a2a2a;
}
footer .credits p {
margin-bottom: 0;
color: #6b6b6b;
}
/* ================================================== */
/* 23. Responsive */
/* ================================================== */
@media (min-width: 768px) and (max-width:991.98px) {
.news-sidebar .popular-news>li {
-ms-flex-direction: column;
flex-direction: column;
}
.news-sidebar .popular-news h2 {
margin-top: 10px;
}
.news-sidebar .popular-news img {
width: 100%;
}
}
@media (min-width: 768px) {
/* ================================================== */
/* Search Results Page */
/* ================================================== */
.search-results-section .form-1 .form-control {
border-right: none;
}
/* ================================================== */
/* Find Agent Page */
/* ================================================== */
.find-agent-page .form-1 .form-group:nth-child(2),
.agent-details-page .form-1 .form-group:nth-child(2) {
max-width: 300px;
width: 100%;
}
}
@media (min-width: 992px) {
/* ================================================== */
/* Default Styles */
/* ================================================== */
hr {
margin-top: 40px;
margin-bottom: 45px;
}
/* ================================================== */
/* Home Page */
/* ================================================== */
/*------- Best Deals Section -------*/
.best-deals-item ul li:first-of-type {
margin-right: 20px;
}
/*------- Testimonial Section -------*/
.testimonial .client-name h3 {
margin-bottom: 0;
}
/*------- popular-location Section -------*/
.location-item {
margin-bottom: 30px;
}
/*------- featured Section -------*/
.villas-item {
margin-bottom: 30px;
}
/*------- gallery Section -------*/
.gallery-item {
margin-bottom: 30px;
}
/*------- find-agent Section -------*/
.agent-item {
margin-bottom: 30px;
}
/* ================================================== */
/* About Us Page */
/* ================================================== */
/*------- Why Choose Us Section -------*/
.why-choose-item {
padding: 60px 40px;
}
}
@media (min-width: 1200px) {
/* ================================================== */
/* Header */
/* ================================================== */
.navbar {
padding: 0;
-ms-flex-align: end;
align-items: flex-end;
}
.navbar-nav>li>ul li ul {
left: 100%;
top: 20px;
}
.top-bar {
position: absolute;
z-index: 2;
}
.navbar-nav {
-ms-flex-align: center !important;
align-items: center !important;
}
.navbar-nav li ul {
display: block !important;
visibility: hidden;
opacity: 0;
}
.navbar-nav>li.create-property>a {
border: solid 2px #51b900;
color: #51b900;
padding: 5px 10px;
}
.navbar-nav>li.create-property>a:hover {
background: #fff;
border-color: #fff;
}
.navbar-nav>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
top: 100%;
}
.navbar-nav>li ul li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
top: 0;
}
.news-image {
max-width: 220px;
}
.section .btn {
margin: 30px 0;
}
.owl-dots .owl-dot:hover span {
background: #51b900;
}
}
@media (max-width: 1920px) {
.breadcrumb, .news-page .breadcrumb, .gallery-page .breadcrumb, .news-page .breadcrumb{
background-size:auto !important;
}
}
@media (max-width: 1330px) {
/* ================================================== */
/* Header */
/* ================================================== */
.navbar-nav>li {
margin-right: 30px !important;
}
.navbar-nav li a {
font-size: 16px;
}
}
@media (max-width: 1199.98px) {
/* ================================================== */
/* Default Styles */
/* ================================================== */
.section, .section.discover-section {
padding: 50px 0;
}
.breadcrumb .page-title {
padding-top: 175px;
padding-bottom: 100px;
}
/* ================================================== */
/* Header */
/* ================================================== */
.navbar {
max-height: 340px;
overflow: auto;
z-index: 99;
}
.navbar-nav li {
padding: 0 !important;
margin: 0;
width: 100%;
border-top: solid 1px rgba(255, 255, 255, 0.7);
}
.navbar-nav>li a {
padding: 12px 20px;
line-height: 22px;
}
.navbar-nav>li.dropdown>a:before,
.navbar-nav>li>ul li.dropdown a:after {
display: none;
}
.navbar-nav>li.dropdown span {
display: -ms-flexbox;
display: flex;
}
.navbar-nav li ul {
position: relative;
border: none;
float: none;
visibility: visible;
opacity: 1;
margin: 0px;
left: auto;
right: auto;
top: auto;
padding: 0px;
outline: none;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
background:none;
}
header.fixed-top .top-bar {
border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
header.fixed-top .navbar {
background: transparent;
}
.navbar-nav>li>ul>li a {
padding-left: 40px;
}
.navbar-nav>li>ul>li>ul>li a {
padding-left: 60px;
}
.navbar-nav>li>ul>li>ul>li>ul>li a {
padding-left: 80px;
}
.navbar-brand {
margin-left: 15px;
}
.navbar-brand img {
max-width: 150px;
}
.navbar-brand:before {
display: none;
}
.top-bar img {
margin-right: 5px;
}
.navbar-brand {
background: transparent;
}
header.fixed-top .navbar-nav > li > ul li a{
color:#2a2a2a;
}
header{
background:rgba(0,0,0,0.8);
}
/* ================================================== */
/* Home Page */
/* ================================================== */
/*------- Banner Area -------*/
.hero-section .main-slider{
height:auto;
}
.form-1-container {
bottom: 40px;
}
.facilities-content h3 br{
display:none;
}
/*------- Latest News -------*/
.news-item {
max-width: 590px;
margin-left: auto;
margin-right: auto;
}
.news-item .news-post {
max-width: 370px;
}
/*------- Client Testimonial -------*/
.testimonial-slider .owl-nav {
right: 8px;
}
.testimonial .client-name {
max-width: 650px;
}
.create-property-section h3:not(:first-child) {
margin-top: 0;
}
/* ================================================== */
/* About Us Page */
/* ================================================== */
/*------- Why Choose Us Section -------*/
.why-choose-item .list-inline-item:not(:last-child) {
margin-right: 20px;
}
.why-choose-item img {
padding: 15px 20px;
max-width: 100px;
}
/* ================================================== */
/* Villa Details Page */
/* ================================================== */
.villa-details-section .sidebar-form .form-2 .form-group .btn {
font-size: 12px;
}
.villa-facilities li a {
background-size: 40px 40px;
}
.villa-facilities a {
width: 120px;
height: 100px;
}
.villa-facilities a span {
bottom: 10px;
}
/* ================================================== */
/* Agent Detail Page */
/* ================================================== */
.agent-detail .agent-detail-container:first-of-type .agent-item .item-content {
padding: 15px 20px;
}
.agent-detail .agent-detail-container:first-of-type .social-connect li a {
width: 30px;
height: 30px;
font-size: 12px;
}
.agent-item .item-content {
padding:15px;
}
/* ================================================== */
/* Dashboard Page */
/* ================================================== */
.dashboard-section,
.my-properties-section,
.enquiries-section,
.account-setting-section,
.search-results-section {
padding-top: 120px;
}
.error-section {
padding-top: 200px;
padding-bottom: 150px;
}
}
@media (max-width: 1150px) {
/* ================================================== */
/* Home Page */
/* ================================================== */
/*------- Hero Section -------*/
.home-page .form-1-container .form-1 {
display: none;
}
.mobile-form {
display: block;
}
}
@media (max-width: 991.98px) {
/* ================================================== */
/* Default Styles */
/* ================================================== */
.section, .section.discover-section {
padding: 30px 0;
}
h2 {
font-size: 26px;
}
h2 span {
font-size: 32px;
}
.title {
margin-bottom: 30px;
}
.title p{
font-size:16px;
}
.breadcrumb h1 {
font-size: 50px;
}
.breadcrumb p{
font-size:18px;
}
.facilities-content h3{
font-size:24px;
}
/* ================================================== */
/* Home Page */
/* ================================================== */
.form-1-container {
bottom: 30px;
}
.form-1-container h1 {
font-size: 18px;
margin-bottom: 0;
}
.form-1-container h1 span {
font-size: 40px;
}
.mobile-form h1,
.search-results-section h1 {
font-size: 36px;
}
.mobile-form h1 span {
font-size: 32px;
}
/*------- Popular location Section -------*/
.location-item {
margin-bottom: 30px;
}
.location-item>h3 {
font-size: 16px;
}
.popular-location {
padding-bottom: 0;
}
/*------- Facilities Section -------*/
.facilities .title {
margin-bottom: 70px;
}
.facilities-container {
padding: 70px 15px 15px;
}
.facilities {
padding-top: 30px;
}
.facilities-image {
padding: 30px 30px 10px;
margin: auto;
}
.facilities-content .item h3 {
font-size: 24px;
}
/*------- Featured Section -------*/
.villas-item {
margin-bottom: 30px;
}
.villas-item .villas-image h3 {
font-size: 16px;
}
.villas-item .villas-image span {
font-size: 12px;
}
.villas-info,
.villas-item .villas-status {
padding: 10px;
}
.villas-info li img {
max-width: 18px;
}
.villas-info ul li:first-of-type {
margin-right: 5px;
}
.villas-info>li:last-child span {
font-size: 16px;
}
.facilities .facilities-nav a {
width: 110px;
height: 90px;
}
.facilities .facilities-nav li a {
background-size: 40px 40px;
}
.facilities .facilities-nav a span {
bottom: 5px;
font-size: 12px;
}
.facilities .facilities-nav {
top: -45px;
}
.villa-facilities {
margin-bottom: 0;
}
.villa-facilities li a {
background-size: 30px 30px;
}
.villa-facilities a {
width: 80px;
height: 80px;
}
.villa-facilities a span {
font-size: 12px;
bottom: 10px;
}
/*------- News Section -------*/
.latest-news {
padding-bottom: 0;
}
/*------- find-agent Section -------*/
.agent-item {
margin-bottom: 30px;
}
/*------- Best Deals Section -------*/
.best-deals ul,
.best-deals-image {
text-align: center;
}
.best-deals-image img {
max-width: 400px;
}
/*------- Client Testimonial Section -------*/
.testimonial .item {
-ms-flex-direction: column;
flex-direction: column;
}
.testimonial .item img {
margin-bottom: 30px;
}
.testimonial .item p:before {
left: -23px;
top: -3px;
width: 20px;
background-size: contain;
}
.testimonial .client-name {
margin-left: 110px;
}
/*------- Travel Tips Section -------*/
.travel-tips h2 {
font-size: 32px;
}
/* ================================================== */
/* About Us Page */
/* ================================================== */
/*------- Why Choose Us Section -------*/
.why-choose-image {
height: 300px;
}
.why-choose-item {
max-width: 100%;
padding: 30px;
text-align: center;
}
/* ================================================== */
/* Villa Details Page */
/* ================================================== */
.sidebar-form .form-2 .form-group .btn {
font-size: 12px;
}
.villa-location ul {
display: block;
}
.villa-location iframe {
height: 300px;
}
/* ================================================== */
/* Gallery Page */
/* ================================================== */
.gallery-item {
margin-bottom: 30px;
}
/* ================================================== */
/* Agent Detail Page */
/* ================================================== */
.agent-detail .agent-detail-container:first-of-type .agent-item .item-content {
padding: 15px 20px;
}
/* ================================================== */
/* News Page */
/* ================================================== */
.news-sidebar .popular-news div:first-of-type {
max-width: 100%;
}
.news-sidebar .popular-news h2 {
font-size: 14px;
}
.news-sidebar .popular-news div:last-child li {
font-size: 12px;
}
/* ================================================== */
/* News Detail Page */
/* ================================================== */
.comments hr:last-of-type {
margin-top: 30px;
margin-bottom: 25px;
}
.comments .btn {
font-size: unset;
}
/* ================================================== */
/* Enquiries Page */
/* ================================================== */
.enquiries-section .agent-item-container ul li div {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.enquiries-section .agent-item-container li {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
height: 100px;
}
.enquiries-section .agent-item-container li p {
position: relative;
top: -46px;
margin-left: 93px;
}
.enquiries-section .agent-item-container li:not(:last-of-type) {
padding-bottom: 0;
}
/* ================================================== */
/* --. Dashboard Page */
/* ================================================== */
.dashboard-section,
.my-properties-section,
.enquiries-section,
.account-setting-section,
.search-results-section {
padding-top: 120px;
}
/* ================================================== */
/* My Properties Page */
/* ================================================== */
.villas-item .villas-status li:first-child {
font-size: 10px;
}
.villas-item .villas-status li img {
max-width: 15px;
}
/* ================================================== */
/* Search Results Page */
/* ================================================== */
.search-results-section .form-1 div:nth-child(3n+3) .form-control {
border-right: solid 1px #a7a7a7;
}
/* ================================================== */
/* Footer */
/* ================================================== */
.pre-footer .box-1,
.pre-footer .box-2,
.pre-footer .box-3 {
margin-bottom: 10px;
}
.error-section {
padding-top: 200px;
padding-bottom: 150px;
}
.error-section h1 {
font-size: 200px;
}
}
@media (max-width: 767.98px) {
/* ================================================== */
/* Default Styles */
/* ================================================== */
.section {
padding: 30px 0;
}
p,
ul {
font-size: 14px;
}
h2 span {
font-size: 30px;
}
.breadcrumb h1 {
font-size: 40px;
}
.breadcrumb p {
line-height: 1.3;
font-size:16px;
}
.breadcrumb .page-title {
padding-top: 140px;
padding-bottom: 60px;
}
.breadcrumb .form-1 .form-group {
width: 50%;
}
.breadcrumb .form-1 .form-group:last-child {
width: 100%;
}
.about-page .cta p{
font-size:16px;
}
.testimonial .item p{
font-size:16px;
}
.pre-footer h3{
font-size:20px;
padding-bottom: 20px;
margin-bottom: 20px;
}
/* ================================================== */
/* Header */
/* ================================================== */
.top-bar {
display: none;
}
.navbar-nav li.login,
.navbar-nav li.signup {
display: block;
}
/* ================================================== */
/* Home Page */
/* ================================================== */
.mobile-form h1,
.search-results-section h1 {
font-size: 34px;
}
.mobile-form h1 span {
font-size: 30px;
}
/*------- Best Deals Section -------*/
.best-deals-image img {
max-width: 300px;
}
/*------- Facilities Section -------*/
.facilities-content h3 {
font-size: 20px;
margin-bottom:10px;
}
/*------- News Section -------*/
.news-item {
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
}
/*------- Testimonial Section -------*/
.owl-dots .owl-dot span {
height: 10px;
width: 10px;
}
.testimonial .owl-dots {
margin-top: 20px;
}
/* ================================================== */
/* About Us Page */
/* ================================================== */
/*------- Why Choose Us Section -------*/
.why-choose-image {
height: 200px;
}
.why-choose-item li p:last-child {
font-size: 16px;
}
/*------- CTA Section -------*/
.about-page .cta {
text-align: center;
}
.about-page .cta .btn {
margin-top: 30px;
margin-bottom: 0;
}
.travel-tips .btn-1 {
font-size: 16px;
}
/* ================================================== */
/* Villa Details Page */
/* ================================================== */
.villa-details-section .item:last-child .price {
margin-top: 30px;
}
.villa-location ul {
-ms-flex-direction: column;
flex-direction: column;
}
.villas-info,
.villas-item .villas-status {
padding: 15px;
}
.facilities .facilities-nav {
display: none;
}
.facilities .title {
margin-bottom: 20px;
}
.facilities-container {
padding: 15px;
}
/* ================================================== */
/* Dashboard Page */
/* ================================================== */
.dashboard-section,
.my-properties-section,
.enquiries-section,
.account-setting-section,
.search-results-section {
padding-top: 120px;
}
/* ================================================== */
/* My Properties Page */
/* ================================================== */
.my-properties-section {
padding-bottom: 0;
}
.my-properties-section .breadcrumb-01 {
margin: 25px 0 20px;
}
.villas-item .villas-status li:first-child {
font-size: 14px;
}
/* ================================================== */
/* News Page */
/* ================================================== */
.news-post .meta div:last-of-type h2 {
font-size: 18px;
}
.news-main .btn {
margin-bottom: 50px;
}
/* ================================================== */
/* News Detail Page */
/* ================================================== */
.comments .btn {
margin-bottom: 50px;
}
/* ================================================== */
/* Account Setting Page */
/* ================================================== */
.dashboard-section .col-md-8,
.my-properties-section .col-md-8,
.enquiries-section .col-md-8,
.account-setting-section .col-md-8 {
margin: 30px auto 10px;
}
.agent-item-container .btn {
margin-bottom: 30px;
}
.account-setting-page .agent-item-container:last-child .btn {
margin-bottom: 0;
}
/* ================================================== */
/* Create a Property Page */
/* ================================================== */
.create-property-section h3 {
font-size: 22px;
}
/* ================================================== */
/* Login & Sign Up */
/* ================================================== */
.modal-container .item:nth-of-type(2) {
display: none;
}
.modal-container .modal-dialog {
max-width: 470px;
}
.modal-container .close-button span {
border-color: #a7a7a7;
width: 30px;
height: 30px;
}
.modal-container .close-button span:after,
.modal-container .close-button span:before {
background: #a7a7a7;
height: 30px;
}
.modal-container .close-button span:before {
top: -1px;
right: 14px;
}
.modal-container .close-button span:after {
top: -1px;
left: 14px;
}
.modal-container .top-content img {
max-width: 120px;
margin-bottom: 20px;
}
.modal-container .top-content p {
margin-bottom: 30px;
}
.modal-container .top-content .form-2 .form-group:last-of-type {
margin-bottom: 20px;
}
.modal-container .top-content h2 {
font-size: 20px;
}
/* ================================================== */
/* Error page */
/* ================================================== */
.error-section {
padding-top: 200px;
padding-bottom: 150px;
}
/* ================================================== */
/* Footer */
/* ================================================== */
.pre-footer .box-1 li {
margin-bottom: 15px;
}
.pre-footer .box-2 li {
margin-bottom: 10px;
}
.profile, .setting, .agent-item-container{
padding:20px;
}
.agent-item .item-content ul:last-of-type{
text-align:left;
}
}
@media (max-width: 575.98px) {
/* ================================================== */
/* Default Styles */
/* ================================================== */
h2 {
font-size: 24px;
}
h2 span {
font-size: 24px;
}
.breadcrumb h1 {
font-size: 30px;
}
.breadcrumb .page-title {
padding-top: 135px;
padding-bottom: 30px;
}
.breadcrumb ul {
font-size: 14px;
}
.title {
margin-bottom: 15px;
}
/* ================================================== */
/* Header */
/* ================================================== */
.navbar-brand img {
max-width: 100px;
}
.navbar-toggler {
width: 25px;
top: 5px;
}
.navbar-toggler span {
height: 2px;
}
.navbar-toggler span:nth-child(2) {
top: 7px;
}
.navbar-toggler span:nth-child(3) {
top: 14px;
}
/* ================================================== */
/* Home Page */
/* ================================================== */
.form-1-container {
bottom: 10px;
}
.form-1-container h1 span {
font-size: 26px;
}
.form-1-container h1 {
font-size: 16px;
}
.mobile-form h1,
.search-results-section h1 {
font-size: 26px;
}
.mobile-form h1 span {
font-size: 22px;
}
/*------- Travel Tips Section -------*/
.travel-tips p {
font-size: 16px;
}
.travel-tips button.form-control {
max-width: 85px;
}
.location-item {
margin-bottom: 15px;
}
/*------- featured Section -------*/
.villas-item {
margin-bottom: 15px;
}
/*------- News Section -------*/
.news-item {
margin-bottom: 15px;
}
/*------- gallery Section -------*/
.gallery-item {
margin-bottom: 15px;
}
/*------- find-agent Section -------*/
.agent-item {
margin-bottom: 15px;
}
/* ================================================== */
/* About Us Page */
/* ================================================== */
/*------- Why Choose Us Section -------*/
.why-choose-item {
padding: 30px;
}
.why-choose-item .list-inline-item:not(:last-child) {
margin-right: 0px;
}
.why-choose-item img {
max-width: 85px;
padding: 15px 20px;
}
.why-choose-item li p:last-child {
font-size: 14px;
max-width: 95px;
}
.why-choose-item li:last-child {
margin-bottom: 0;
}
.search-results-section .form-1 div:nth-child(2n+2) .form-control {
border-right: 1px solid #a7a7a7;
}
.about-page .discover-section{
padding-bottom:30px;
}
/* ================================================== */
/* Create Property Page */
/* ================================================== */
.create-property-section h3:not(:first-child) {
margin-top: 0;
}
.create-property-section .form-group {
margin-bottom: 30px !important;
}
.create-property-section img {
width: 100%;
height: 100%;
}
.create-property-section {
padding-bottom: 40px !important;
}
/* ================================================== */
/* News Page */
/* ================================================== */
.news-post .meta {
margin: 20px 0;
}
/* ================================================== */
/* Villas Details Page */
/* ================================================== */
.villa-facilities,
.facilities .facilities-nav {
display: none;
}
/* ================================================== */
/* Dashboard Page */
/* ================================================== */
.dashboard-section,
.my-properties-section,
.enquiries-section,
.account-setting-section,
.search-results-section {
padding-top: 60px;
}
/* ================================================== */
/* Contact Page */
/* ================================================== */
.contact-form button[type="submit"] {
margin-bottom: 30px;
}
.contact-form .social-connect {
margin-bottom: 0;
}
/* ================================================== */
/* Footer */
/* ================================================== */
.pre-footer {
font-size: 14px;
}
.error-section {
padding-top: 200px;
padding-bottom: 150px;
}
.error-section h1 {
font-size: 100px;
}
.error-section p {
font-size: 18px;
}
}
@media (max-width: 380px) {
/* ================================================== */
/* Header */
/* ================================================== */
.top-bar li a {
font-size: 12px;
}
.top-bar li>a {
background-size: 15px 15px;
}
.top-bar li:not(:first-child) {
padding-left: 10px;
margin-left: 0px;
}
/* ================================================== */
/* About Us Page */
/* ================================================== */
/*------- Why Choose Us Section -------*/
.why-choose-item .list-inline-item:not(:last-child) {
margin-bottom: 20px;
}
/* ================================================== */
/* Enquiries Page */
/* ================================================== */
.news-post .meta div:first-of-type {
padding: 15px 5px;
}
.enquiries-section .agent-item-container li a{
font-size:14px;
}
}