html {
scroll-padding-top: 170px !important;
}
button.btn.dropdown-toggle.btn-light {
display: none;
}
/*-----------------------------------------------------------
Fixed header
-------------------------------------------------------------*/
.header-fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 2000;
transition: 0.7s;
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
}
.sub-header {
display: none;
}
.faq-section .card-body {
color: #333;
font-family: system-ui;
line-height: 25px;
}
.header {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
transition: 0.7s;
}
.header.hide {
top: -100px;
visibility: hidden;
transition: 0.7s;
}
.header.transparent.scroll {
padding: 0;
transition: 0.7s;
z-index: 9999;
}
.header.transparent.scroll-hide.scroll .site-navbar-wrap.v1 .mobile-bar span {
color: #fff;
}
.header.transparent.scroll .site-navbar-wrap.v1 {
background-color: rgba(0, 0, 0, 0.7);
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.header.transparent.scroll .site-navbar-wrap.v2 {
background-color: #fff;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.header.transparent.scroll .site-navbar-wrap.v1 .user-btn span {
background: #fff;
color: #b49141;
}
.header.transparent.scroll .site-navbar-wrap.v1 .btn.v6 {
background: #fff;
}
.header.transparent.scroll .site-navbar-wrap.v1 .btn.v6:hover {
color: #888 !important;
background: #fff;
}
.header.transparent.scroll .site-navbar-wrap.v1 .add-list .btn.v8 {
background: #fff;
color: #000 !important;
}
.header.transparent.scroll .site-navbar-wrap.v1 .site-navbar .site-navigation .site-menu>li>a {
color: #fff;
}
.header.transparent.scroll .header.transparent.scroll .site-navbar-wrap.v1 .site-menu>li::before {
background: #222222;
}
.header.transparent.scroll .site-navbar-wrap .site-navbar .site-navigation .site-menu .has-children>a::before {
color: #222222;
}
.header.transparent.scroll .site-navbar-wrap.v1 .user-btn.v2 li a i {
color: #fff
}
.header.transparent.scroll .btn.v6 {
border-color: transparent;
color: #888 !important;
}
.header.transparent.scroll .btn.v6:hover {
background-color: #b49141;
color: #fff !important;
}
/*-----------------------------------------------------------
Header Top section
-------------------------------------------------------------*/
.header-top-section {
background: #F4F6FD;
display: block;
transition: 1s;
padding: 5px 0;
}
.header-top-left ul li {
display: inline-block;
padding-right: 30px;
}
.header-top-left ul li a {
font-size: 13px;
color: #222;
}
.header-top-left ul li i {
color: #b49141;
margin-right: 7px;
font-size: 15px;
top: 1px;
position: relative;
}
.menu-btn .social-buttons.style1 {
display: inline-block;
margin-left: 15px;
}
.menu-btn .social-buttons.style1 li {
padding-right: 0;
padding-left: 10px;
}
.menu-btn .social-buttons.style1 li a {
border: none;
width: auto;
height: auto;
}
.menu-btn .social-buttons.style1 li a i {
color: #888;
font-size: 16px;
}
.header-top-section.header-top-none {
display: none;
}
/*---------Video Header------*/
.video-area .video-container {
position: relative;
overflow: hidden;
width: 100%;
height: 650px;
z-index: 0;
}
.video-area.v1 {
height: 100vh;
}
.video-area.v1 .video-content {
z-index: 1001;
padding-top: 200px;
}
.video-area.v1 .overlay {
z-index: 1001;
}
.video-area.v1 .video-container {
position: relative;
overflow: hidden;
width: 100vw;
height: 100vh;
z-index: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.video-area.v1 #video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: url(../img/banner-music.jpg);
background-size: cover;
overflow: hidden;
z-index: 999;
}
.video-form-text {
margin-bottom: 30px;
}
.video-form-text h2 {
color: #fff;
font-size: 45px;
font-weight: 400;
line-height: 1.1;
margin-bottom: 0px;
}
.video-form-text p {
color: #fff;
font-size: 20px;
font-weight: 300;
}
/*----------------------------------------------
FAQ Page
------------------------------------------------*/
.faq-section .card {
background-color: transparent;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.faq-section .list-details-section {
padding: 30px 0 !important;
}
.faq-section .list-details-tab.fixed_nav {
padding: 0;
}
.faq-section .card-body {
padding: 30px 10px;
}
.faq-section .card-header,
.faq-section .card-header:first-child,
.faq-section .card-header:last-child {
background-color: #f1f1f1;
border: none;
padding: 0;
}
.faq-section .card-header>a[aria-expanded="true"] {
background-color: #b49141;
color: #FFF;
}
.faq-section .card-header>a {
border-color: #f1f1f1;
color: #141414;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.075em;
padding: 14px;
text-decoration: none;
text-transform: uppercase;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-family: system-ui;
}
.faq-section .card-header>a[aria-expanded="true"]::before {
content: "\f067";
font-family: "FontAwesome";
float: right !important;
font-size: 14px;
}
.faq-section .card-header>a[aria-expanded="false"]::before {
color: #888;
content: "\f068";
font-family: 'FontAwesome';
float: right !important;
font-size: 14px;
}
/*--------------------------------------------
App Section
---------------------------------------------*/
.app-section {
position: relative;
background: #f5f6f7;
}
.app-img {
position: absolute;
top: -130px;
}
.app-content h2 {
font-weight: 300;
font-size: 34px;
line-height: 1.2;
}
.app-content h2 span {
text-transform: capitalize;
font-weight: 600;
font-size: 42px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
color: #333333;
}
.app-content ul {
padding: 10px 0px;
}
.app-content ul li {
list-style-type: none;
font-size: 18px;
line-height: 34px;
color: #555;
}
.app-content span {
color: #555;
font-size: 16px;
padding: 15px 0 10px 0;
display: inline-block;
font-weight: 400;
}
.app-content ul li i {
margin-right: 10px;
color: #990099;
}
/*----------------------------------------------
Footer section
-----------------------------------------------*/
.footer-wrapper {
position: relative;
padding-top: 50px;
}
.footer-wrapper.v1 {
background: #f5f6f7;
border-top: 1px solid #eee;
}
.footer-wrapper.v2 {
background: #b49141;
}
.footer-wrapper.v3 {
background-color: #FFF;
border-top: 1px solid #eee;
}
.footer-wrapper.footer-fixed {
background-size: cover;
position: fixed;
bottom: 0;
width: 100%;
}
.footer-content.nav {
display: inline-block;
text-align: left;
}
.footer-logo {
margin-top: 15px;
}
.footer-logo img {
margin-bottom: 18px;
max-width: 200px
}
/* .footer-top-area {
color: #fff;
position: relative;
}
.footer-wrapper.v1 .footer-top-area {
border-bottom: 1px solid rgba(221, 221, 221, 0.14);
} */
.footer-top-area .container {
padding-bottom: 30px;
}
.footer-social-wrap p {
color: #fff;
margin-top: 50px;
margin-bottom: 15px;
}
.footer-wrapper.v1 .footer-social-wrap p {
color: #555;
}
.footer-wrapper.v3 .footer-social-wrap p {
color: #666;
}
.footer-bottom-area {
padding: 25px 0;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.footer-bottom-area p {
font-size: 13px;
letter-spacing: 1px;
font-weight: 400;
color: #fff;
text-align: center;
}
.footer-wrapper.v1 .footer-bottom-area p {
color: #555;
}
.footer-wrapper.v3 .footer-bottom-area p {
color: #666;
}
.footer-top-area .footer-content .title {
font-size: 20px;
color: #fff;
margin-top: 25px;
}
.footer-wrapper.v1 .footer-top-area .footer-content .title {
color: #555;
}
.footer-wrapper.v3 .footer-top-area .footer-content .title {
color: #666;
}
.footer-top-area .contact-info .icon {
font-size: 15px;
width: 30px;
text-align: center;
}
.footer-content li {
padding-bottom: 10px;
}
.footer-wrapper.v3 .footer-content ul li a.link-hov.style2 {
color: #666;
}
.footer-wrapper.v3 .footer-content ul li a.link-hov.style2:hover {
color: #555;
}
.footer-wrapper.v3 .footer-content ul li a.link-hov.style2:before {
color: #555;
}
.footer-wrapper.v1 .footer-content ul li a.link-hov.style2 {
color: #555;
}
.footer-wrapper.v1 .footer-content ul li a.link-hov.style2:hover {
color: #333;
}
.footer-wrapper.v1 .footer-content ul li a.link-hov.style2:before {
background: #333;
}
.footer-wrapper.v2 .footer-content ul li a.link-hov.style2 {
color: #fff;
}
.footer-wrapper.v2 .footer-content ul li a.link-hov.style2:hover {
color: #ddd;
}
.footer-wrapper.v2 .footer-content ul li a.link-hov.style2:before {
background: #ddd;
}
.footer-content ul li a.link-hov.style2:hover {
color: #ddd;
}
.footer-content ul li a.link-hov.style2:before {
background: #ddd;
}
.footer .info,
.phone-number,
.email {
color: #7a7a7a;
font-size: 14px;
}
.company-desc p {
font-size: 14px;
color: #fff;
}
.footer-wrapper.v1 .company-desc p {
color: #555;
}
.footer-wrapper.v3 .company-desc p {
color: #666;
}
.footer .info {
margin-bottom: 10px;
}
.footer .info,
.phone-number {
color: #fff;
font-size: 14px;
}
.phone-number span,
.email span {
color: #888;
}
.footer-content ul li a {
font-size: 15px;
}
.social-buttons.style2 li a i {
font-size: 18px;
}
.footer-wrapper.v1 .social-buttons.style2 li a i {
color: #555;
}
.footer-wrapper.v3 .social-buttons.style2 li a i {
color: #666;
}
.contact-info {
margin-bottom: 10px
}
.contact-info .icon {
font-size: 18px;
padding-right: 10px;
width: 30px;
color: #fff;
}
.footer-wrapper.v1 .contact-info .icon {
color: #555;
}
.footer-wrapper.v3 .contact-info .icon {
color: #666;
}
.contact-info .icon,
.contact-info .text {
display: table-cell;
}
.contact-info .text,
.contact-info .text a {
color: #fff;
font-size: 14px;
line-height: 1.2;
font-weight: 400 !important;
}
.footer-wrapper.v1 .contact-info .text,
.footer-wrapper.v1 .contact-info .text a {
color: #555;
}
.footer-wrapper.v3 .contact-info .text,
.footer-wrapper.v3 .contact-info .text a {
color: #666;
}
/*--------------style2-----------*/
/*.footer-wrapper.v2 {
background: #303441;
}*/
.footer-wrapper.v2 .company-desc p {
color: #f5f6f7;
}
.footer-wrapper.v2 .footer-top-area .footer-content .title,
.footer-wrapper.v2 .contact-info .icon,
.footer-wrapper.v2 .social-buttons li a i {
color: #f5f6f7;
}
.footer-wrapper.v2 .contact-info .text,
.footer-wrapper.v2 .contact-info .text a {
color: #f5f6f7;
font-weight: 400;
}
/* .footer-wrapper.v2 .footer-bottom-area {
border-top: 1px solid rgba(92, 113, 106, 0.53);
}
*/
.payment-method img {
margin-right: 10px;
}
.additional-link li {
display: inline-block;
position: relative;
margin-right: 20px;
}
.additional-link li:last-child {
margin-right: 0;
}
.additional-link li:before {
position: absolute;
bottom: 8px;
right: -10px;
content: "";
background: #ccc;
width: 1px;
height: 15px;
}
.additional-link li:last-child:before {
display: none;
}
.additional-link li a {
font-size: 14px;
color: #555;
transition: 0.4s;
}
.additional-link li a:hover {
color: #333;
}
/*--------------------------------------------
Pricing Table
----------------------------------------------*/
.list-details-tab.pricing-list {
display: inline-flex;
}
.list-details-tab.nav-tabs.pricing-list .nav-item {
padding: 0 0 10px 0;
}
.list-details-tab.nav-tabs.pricing-list .nav-item:last-child {
margin-right: 0;
}
.pricing-title {
font-size: 22px;
font-weight: 300;
padding-left: 15px;
justify-content: flex-end;
display: flex;
flex-direction: column;
}
.pricing-table {
padding-bottom: 45px;
background: #fff;
border-radius: 5px;
text-align: center;
position: relative;
overflow: hidden;
border: 1px solid #eee;
}
.pricing-table .title {
padding: 40px 20px 10px;
font-size: 20px;
font-weight: 500;
color: #333;
text-transform: uppercase;
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.pricing-table .price-value {
font-size: 35px;
font-weight: 600;
color: #f91;
margin-bottom: 30px;
}
.pricing-table .month {
display: block;
font-size: 16px;
font-weight: 400;
line-height: 0
}
.listing-badge {
background-color: #FA6742;
float: left;
position: absolute;
transform: rotate(45deg);
right: -64px;
top: 22px;
text-align: center;
width: 200px;
font-size: 12.5px;
margin: 0;
z-index: 999;
color: #fff;
font-weight: 500;
line-height: 28px;
}
.pricing-table.blue.featured {
overflow: hidden;
box-shadow: 0 58px 70px rgba(221, 221, 221, 0.4);
}
.pricing-table .pricing-content {
list-style: none;
padding: 0;
margin-bottom: 20px;
text-align: center;
transition: all .3s ease 0s
}
.pricing-content li span {
font-weight: 600;
}
.pricing-table .pricing-content li {
padding: 8px 0;
font-size: 16px;
font-weight: 400;
color: #000;
letter-spacing: 1px;
position: relative
}
.pricing-table .pricing-content li i {
color: #b49141
}
.price-num-item {
font-size: 45px;
position: relative;
font-weight: 600;
color: #888;
display: inline-block;
}
.mouth-cont {
z-index: 1;
opacity: 1;
position: relative;
color: #333;
}
.year-mont .mouth-cont {
opacity: 0;
}
.price-num span.curen {
position: relative;
top: -20px;
padding-right: 5px;
font-weight: 400;
font-size: 17px;
}
.price-num-item p {
margin-top: -17px;
font-weight: 300;
margin-left: 5px;
font-style: italic;
}
.pricing-table {
transition: 0.5s;
}
.pricing-table:hover {
box-shadow: 0 58px 70px rgba(221, 221, 221, 0.4);
}
.pricing-content li i {
margin-right: 15px;
}
.pricing-table .pricing-content li.disable {
color: #707070
}
.pricing-table .pricing-content li.disable:before {
display: none
}
/*---------------------------------------
404 PAGE
------------------------------------------*/
.error-content i {
font-size: 60px;
display: block;
color: #b49141;
}
.error-content p {
margin-bottom: 30px;
}
.error-content a {
color: #b49141;
}
.error-search-container input {
border: 1px solid #ddd;
padding: 10px;
border-radius: 5px;
width: 100%;
}
.error-search-container button {
background: transparent;
border: none;
padding: 0;
margin-left: -36px;
font-size: 18px;
cursor: pointer;
position: relative;
top: 5px;
}
/*------------------------------------------------
Blog
--------------------------------------------------*/
.single-blog-item.v1 {
border: none;
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
transition: 0.5s;
}
.single-blog-item.v1:hover {
box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
}
.single-blog-item.v1 img {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.single-blog-item.v1 .card-body {
padding: 15px 20px 0px 20px;
}
.single-blog-item.v1 .card-title {
border-bottom: 1px solid #ededed;
text-transform: capitalize;
line-height: 1.5;
padding-bottom: 25px;
}
.card-body span.blog-cat {
background: #b49141;
color: #fff;
padding: 3px 10px;
border-radius: 15px;
font-weight: 500;
}
.single-blog-item .card-title a:hover {
color: #b49141;
}
.blog-cat {
color: #b49141;
line-height: 1;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.01rem;
margin-bottom: 10px;
display: block;
}
.blog-cat.btn.v5 {
padding: 8px 12px;
font-size: 12px;
}
.blog-cat:hover {
color: #333;
}
.single-blog-item.v2 {
position: relative;
transition: all 0.3s;
margin-bottom: 30px;
}
.single-blog-item.v2 img {
width: 100%;
border-radius: 3px;
}
.single-blog-item.v2:after {
content: "";
top: 0;
position: absolute;
height: 100%;
width: 100%;
z-index: 9;
background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(22, 22, 23, 0) 80%, rgba(0, 0, 0, 0) 100%);
border-radius: 4px;
opacity: 1;
}
.single-blog-item.v3 .blog-content h3 {
font-weight: 400;
font-size: 26px;
}
.single-blog-item.v3 h4 a {
font-size: 28px;
font-weight: 500;
line-height: 1.3;
}
.blog-hover-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 20px 20px;
z-index: 10;
}
.blog-title {
margin-bottom: 0;
}
.blog-title a {
margin-bottom: 0;
font-size: 22px;
line-height: 1.5;
display: inline-block;
transition: 0.5s;
color: #fff;
}
.blog-hover-content .blog-title {
transform: translatey(35px);
left: 0;
transition: 0.4s;
}
.blog-hover-content a.btn.v6 {
transform: translatey(15px);
transition: 0.4s;
opacity: 0;
}
p.date {
display: inline-block;
}
.bottom-content {
padding: 0 20px 15px;
}
.bottom-content {
font-size: 14px;
}
.bottom-content a {
font-size: 15px;
font-weight: 500;
color: #222222;
padding: 0 5px;
}
.bottom-content p span {
position: relative;
padding-left: 15px;
}
.bottom-content p span:before {
position: absolute;
top: -1px;
left: 3px;
content: "/";
background: transparent;
font-size: 17px;
line-height: 1;
}
.bottom-content a i {
margin-right: 5px;
}
.single-blog-item.v3 {
margin-bottom: 60px;
}
/*---------Blog Sidebar------------*/
.sidebar {
display: block;
}
.sidebar-right,
.sidebar-left {
padding-top: 100px;
padding-bottom: 100px;
}
.blog-area .sidebar-right {
padding-bottom: 50px !important;
}
.half-map .sidebar-left {
padding: 0;
}
.half-map .sidebar-left:before {
position: relative;
display: none;
}
.widget {
margin-bottom: 60px;
}
.sidebar .widget.search {
display: block;
margin-top: 0;
position: relative;
right: 0;
z-index: 1;
}
.widget.search input[type="text"] {
border: none;
}
.sidebar .widget.search input {
border-radius: 3px;
}
.sidebar .widget .search-button {
background: transparent;
border: none;
cursor: pointer;
line-height: 1.7;
position: absolute;
top: 8px;
right: 5px;
font-size: 16px;
}
.sidebar .widget {
margin-top: 30px;
}
.sidebar .widget .widget-title {
border-bottom: 1px solid #ddd;
font-size: 20px;
margin-bottom: 20px;
padding-bottom: 10px;
}
ul.icon li {
list-style-type: none;
}
ul.icon li::before {
content: '\e876';
font-family: "Linearicons-Free";
height: 10px;
left: 16px;
position: absolute;
width: 10px;
}
.sidebar-right .widget.categories ul.icon li {
position: relative;
border-bottom: 1px solid #f1f1f1;
padding: 6px 0;
}
.sidebar-right .widget.categories ul.icon li::before,
.sidebar-left .widget.categories ul.icon li::before {
font-size: 12px;
font-weight: 900;
}
.sidebar-right .widget.categories ul.icon li::before {
left: 0;
}
.widget.categories ul li a {
margin-left: 22px;
font-size: 16px;
font-weight: 400;
}
.widget.categories ul li a:hover {
color: #b49141;
}
.widget.categories ul li span {
float: right;
font-weight: 500;
}
.sidebar .widget.recent-posts .post-list {
padding-left: 0;
}
.sidebar .widget.recent-posts .entry-item {
list-style: none;
margin-bottom: 15px;
padding-left: 0;
}
.sidebar .widget.recent-posts .entry-item .entry-img {
display: table-cell;
}
.sidebar .widget.recent-posts .entry-item .entry-img img {
min-width: 70px;
}
.sidebar .widget.recent-posts .entry-item .entry-text {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
.sidebar .widget.recent-posts .entry-title {
line-height: 1.1;
margin-bottom: 0;
}
.sidebar .widget.recent-posts .entry-title a {
color: #141414;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
}
.sidebar .widget.recent-posts .entry-date {
color: #888;
font-size: 12px;
}
/*--------------pagination---------------*/
.post-nav .page-prev {
text-align: left;
margin-top: 5px;
}
.post-nav .page-prev p,
.post-nav .page-next p {
color: #333;
}
.post-nav>div a {
color: #888;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.075em;
line-height: 3.2;
}
.post-nav>div a span {
text-transform: uppercase;
}
.page-prev a span {
padding-left: 20px;
color: #333;
font-weight: 400;
}
.page-next a span {
padding-right: 20px;
}
.post-nav .page-prev a span::before {
content: '\e875';
font-family: 'Linearicons-Free';
font-size: 15px;
font-weight: 400;
left: 0;
line-height: 1.1;
position: absolute;
top: 0;
}
.page-num ul {
padding-left: 0;
}
.page-num li.active,
.page-num li:hover {
background: #b49141;
}
.page-num li.active a,
.page-num li:hover a {
color: #fff;
}
.page-num li {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 5px;
background: #f5f6f7;
text-align: center;
transition: 0.5s;
cursor: pointer;
border: 1px solid transparent;
margin: 0 3px;
}
.page-num li a {
color: #000;
}
.post-nav .page-next {
text-align: right;
margin-top: 5px;
}
.post-nav .page-next a span::after {
content: '\e876';
font-family: 'Linearicons-Free';
font-size: 15px;
font-weight: 400;
line-height: 1.1;
position: absolute;
right: 0;
top: 0;
}
/*---------Style2-----------*/
.single-blog-item.v2 {
position: relative;
cursor: pointer;
}
.post-content-wrap .post-title {
line-height: 1.2;
font-size: 34px;
}
.post-img {
margin-top: 30px;
}
.post-content p {
margin-top: 30px;
}
.comments-title {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
font-weight: 400;
}
.review-box.comment-box {
border: none;
padding: 0;
}
.post-tags span {
color: #000;
font-weight: 500;
margin-right: 5px;
}
.author-name h4 {
padding-right: 15px;
margin-bottom: 0;
}
.post-tags .social-buttons.style1 {
display: inline-block;
}
.post-tags .social-buttons.style1 li {
padding: 0 5px;
}
.author {
margin: 40px 0;
}
.author-info p {
margin-top: 20px;
}
.comments {
margin-top: 100px;
}
.comment-respond .contact-form {
border-top: none;
}
.comment-respond h3 {
font-weight: 400;
font-size: 25px;
margin-bottom: 0;
}
.comment-respond p {
font-weight: 300;
color: #888;
}
/*-------------------------------------------
Filter Listing
--------------------------------------------*/
.filter-wrapper .hero__form.v2 {
padding: 0;
}
.filter-sub-menu.style1.v1 li.has-sub {
margin-top: 0;
}
.range-text {
line-height: 39px;
}
.price-range .ui-slider-handle.ui-corner-all.ui-state-default {
border-radius: 50%;
width: 12px;
height: 12px;
border: none;
box-shadow: 0px 5px 13px rgba(167, 167, 167, 0.7);
cursor: pointer;
background: #b49141;
}
.price-range.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 4px;
background: #b49141;
}
.ui-slider-horizontal {
height: 4px;
background: #ddd;
}
.price-range.ui-widget.ui-widget-content {
border: none;
margin-left: 10px;
}
.filter-box.style1 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin-bottom: 30px;
}
.filter-box.style1.right {
padding: 8px 0 0 0;
}
.filter-box.style1.left {
padding: 8px 0 0 0;
}
.filter-sub-title h5 {
color: #2f333a;
display: block;
font-size: 14px;
font-weight: 500;
line-height: 1;
margin: 30px 0 10px;
padding: 0 0 10px;
position: relative;
text-transform: uppercase;
}
.filter-sub-menu.style1 ul li.has-sub>a,
.open-filter>a {
color: #888;
cursor: pointer;
display: block;
font-size: 15px;
line-height: 20px;
padding: 14px 15px;
position: relative;
border: 1px solid #ddd;
border-radius: 3px;
}
.theme-menu .filter-sub-menu.style1 ul li.has-sub>a {
border-bottom: none;
text-transform: uppercase;
font-weight: 600;
}
.theme-menu .filter-sub-menu.style1 ul li.has-sub li a {
border-bottom: none;
margin-bottom: 15px;
}
.theme-menu .filter-sub-menu.style1>ul>li>a {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #363f4d;
}
/*.theme-menu .filter-sub-menu.style1 ul li.has-sub>a:after {
content: "\f218";
font-family: "Ionicons";
}*/
.theme-menu .filter-sub-menu.style1 ul li.has-sub.open>a:after {
content: "\f209";
}
.filter-sub-menu.style1 ul li.has-sub>a:after,
.open-filter>a:after {
color: #888;
content: "\e874";
font-family: "Linearicons-Free";
font-size: 20px;
position: absolute;
right: 13px;
font-weight: 300;
transition: 0.5s;
}
.filter-sub-menu.style1 ul li.has-sub.open {
display: block;
width: auto;
}
.option-box .has-sub {
margin-top: 35px;
}
.filter-sub-menu.style1 ul li.has-sub.open>a:after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.filter-sub-menu.style1 ul li.has-sub li a {
border: 0 none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
display: block;
font-size: 14px;
line-height: 14px;
margin: 0 0px 10px 0;
padding: 0 10px 5px;
color: #333;
border-bottom: 1px solid #ddd;
}
.filter-sub-menu.style1 ul li.has-sub li a:hover {
color: #8a8f6a;
}
.filter-sub-menu.style1 ul li.has-sub li:last-child a {
border: none;
margin-bottom: 10px;
}
.filter-sub-menu.style1 ul li ul {
display: none;
margin-top: 17px;
}
.hero__form.v1 .explore__form-checkbox-list.full-filter {
top: 100px;
padding: 15px 30px 30px 30px;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter {
top: 75px;
}
.explore__form-checkbox-list.full-filter {
width: 100%;
position: absolute;
top: 2px;
left: 0;
background: #fff;
padding: 25px 15px;
box-shadow: 0px 23px 16px rgba(153, 153, 153, 0.29);
z-index: 2000;
border-radius: 3px;
}
.hero__form.v2.style2 .explore__form-checkbox-list.full-filter {
padding: 25px 30px;
}
#amount_one,
#amount_two {
width: 100%;
height: 30px;
border: none;
font-size: 15px;
font-weight: 400;
color: #444;
margin-left: 3px;
padding: 0;
display: inline-block;
}
.hero-slider-info #amount_one,
.hero-slider-info #amount_two {
display: inline-block;
margin-left: 10px;
margin-top: -10px;
}
.hero-slider-info .filter-title p {
display: inline-flex;
}
.nav.item-filter-list li {
display: inline-block;
line-height: 0;
margin-right: 10px;
}
.item-filter-list li a {
transition: 0.3s;
}
.item-filter-list li a:hover,
.item-filter-list li a.active {
color: #b49141;
border: 1px solid #b49141;
border-radius: 3px;
}
.item-element p {
line-height: 38px;
font-size: 15px;
}
.item-element span {
color: #b49141;
font-weight: 500;
}
.item-filter-list li a {
color: #333333;
font-size: 20px;
line-height: 0;
display: inline-block;
border: 1px solid #ddd;
border-radius: 3px;
padding: 9px 15px;
}
.item-filter-list li a i {
display: inline-block;
}
.filter-sorting {
border: 1px solid #ddd;
border-radius: 3px;
line-height: 4px;
}
.filter-sorting.custom-select:after {
top: 50%;
}
.filter-sorting span {
font-weight: 400;
font-size: 14px;
}
.custom-select.filter-sorting.open .list {
z-index: 999;
}
.custom-select.filter-sorting:focus {
border: 1px solid #ddd;
}
.filter-input {
border: 1px solid #ddd;
margin-top: 25px;
border-radius: 3px;
width: 100%;
padding: 10px 20px;
height: 45px;
font-weight: 300;
font-size: 14px;
}
.filter-input:last-child {
padding: 5px 20px;
}
#book_tour .input-group.date,
#book_tour .filter-input {
margin-bottom: 25px;
margin-top: 0;
}
.filter-input.custom-select::after {
content: '\e874';
font-family: "Linearicons-Free";
display: block;
margin-top: 5px;
pointer-events: none;
position: absolute;
right: 4%;
top: 5%;
font-size: 10px;
color: #888;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.filter-input.custom-select {
font-size: 15px;
font-weight: 300;
}
.filter-title {
position: relative;
}
.filter-title p {
font-size: 16px;
color: #444;
font-weight: 500;
line-height: 1;
}
.filter-checkbox ul {
columns: 2;
}
.map-filter .filter-checkbox ul {
columns: 3;
}
.filter-checkbox input[type="checkbox"] {
display: none;
}
.filter-checkbox.one-in-row label {
margin-top: 9px;
width: 100%;
}
.filter-checkbox label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 28px;
margin-right: 20px;
margin-bottom: 10px;
line-height: 21px;
font-size: 15px;
font-weight: 300;
}
.half-filter .filter-checkbox label {
display: block;
}
.half-filter .filter-checkbox p {
padding: 10px 0;
color: #000;
font-size: 16px;
font-weight: 500;
}
.filter-checkbox label::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
position: absolute;
left: 0;
top: 1px;
background-color: #fff;
border: 1px solid #d0d0d0;
border-radius: 3px;
box-sizing: border-box;
transition: all 0.25s;
font-family: "Ionicons";
font-size: 15px;
color: #fff;
text-align: center;
line-height: 21px;
}
.filter-checkbox input[type="checkbox"]:checked+label::before {
content: "\f122";
background-color: #b49141;
border: none;
font-family: 'Ionicons';
}
.full-filter .filter-checkbox label {
display: block;
}
.full-filter #amount {
font-size: 17px;
margin-left: 5px;
font-weight: 500;
}
.full-filter .filter-title p {
font-size: 17px;
font-weight: 500;
}
.full-filter .filter-title span {
display: inline-block;
}
.explore__form-checkbox-list.full-filter .filter-checkbox p {
font-size: 17px;
color: #000;
font-weight: 500;
margin-bottom: 15px;
}
.explore__form-checkbox-list.full-filter {
opacity: 0;
transition: 0.8s;
z-index: -1;
visibility: hidden;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block {
background: rgba(48, 52, 65, 0.91);
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 30px;
}
.map-sidebar-content .hero__form.v1.filter {
padding: 0;
}
.map-sidebar-content .explore__form-checkbox-list.full-filter.filter-block,
.widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block {
background: #f7f7f7;
padding: 15px;
box-shadow: none;
}
.hero__form.v2.style2 .explore__form-checkbox-list.full-filter.filter-block {
background: #fff;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block p {
color: #f5f6f7;
}
.widget.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block p {
color: #888;
}
.hero__form.v2.style2 .explore__form-checkbox-list.full-filter.filter-block p {
color: #888;
}
.widget.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block #amount_one,
.widget.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block #amount_two {
color: #333;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block #amount_one,
.hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block #amount_two {
background: transparent;
height: 22px;
color: #f5f6f7;
}
.hero__form.v2.style2 .explore__form-checkbox-list.full-filter.filter-block #amount_one,
.hero__form.v2.style2 .explore__form-checkbox-list.full-filter.filter-block #amount_two {
color: #888;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter .price-range .ui-slider-handle.ui-corner-all.ui-state-default {
box-shadow: none;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter .filter-checkbox label {
color: #f5f6f7;
}
.widget.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter .filter-checkbox label {
color: #888;
font-weight: 300;
}
.hero__form.v2.style2 .explore__form-checkbox-list.full-filter .filter-checkbox label {
color: #888;
}
.explore__form-checkbox-list.full-filter.filter-block {
opacity: 1;
z-index: 999;
visibility: visible;
}
.hero__form.v3 .search_btn a {
display: block;
background: #b49141;
color: #fff;
padding: 15px 0;
border-radius: 3px;
text-align: center;
font-weight: 400;
font-size: 15px;
letter-spacing: 0.01rem;
}
.dropdown-filter {
cursor: pointer;
}
.dropdown-filter,
.submit_btn {
display: inline-block;
line-height: 1;
}
.submit_btn.v2 {
display: block;
background: #b49141;
padding: 9px 20px;
border-radius: 3px;
border: 1px solid transparent;
color: #fff !important;
transition: 0.3s;
font-size: 15px;
font-weight: 400;
display: block;
}
.dropdown-filter {
cursor: pointer;
padding: 15px 25px 15px 25px;
}
.dropdown-filter span {
font-size: 14px;
font-weight: 400;
line-height: 1;
display: inline-block;
position: relative;
}
.map-sidebar-content .dropdown-filter,
.widget.filter-widget .dropdown-filter {
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
padding: 17px 18px;
background: #fff;
}
.map-sidebar-content .dropdown-filter span,
.widget.filter-widget .dropdown-filter span {
color: #888;
font-weight: 400;
width: 100%;
display: block;
}
.map-sidebar-content .dropdown-filter span::before,
.widget.filter-widget .dropdown-filter span::before {
right: 3%;
font-size: 10px;
color: #888;
}
.widget.filter-widget .explore__form-checkbox-list.full-filter {
top: 50px;
}
.map-sidebar-content .explore__form-checkbox-list.full-filter {
top: 50px;
}
.dropdown-filter span::before {
color: #222;
position: absolute;
top: 0%;
right: -25%;
content: "\e874";
font-family: 'Linearicons-Free';
font-size: 10px;
font-weight: 700;
line-height: 16px;
}
.hero__form.v1 .dropdown-filter span {
border-bottom: 1px dotted #333;
color: #888;
}
.hero__form.v1 .dropdown-filter span:before {
right: -25px;
}
.hero__form.v2.style2 .dropdown-filter span {
color: #888;
}
.hero__form.v2 .dropdown-filter i {
bottom: 12px;
right: 35px;
color: #fff;
}
.hero__form.v1 .dropdown-filter i {
bottom: 28px;
}
.dropdown-filter i {
position: absolute;
right: 30px;
font-size: 18px;
bottom: 28px;
}
.hero__form.v2.style2 .dropdown-filter i {
color: #888;
}
.submit_btn button.btn.v3 {
padding: 13px 35px;
line-height: 1.2;
border-radius: 3px;
}
.filter .filter-sub-menu.style1 ul li.has-sub>a {
padding: 14px 14px;
color: #888;
font-weight: 300;
}
.full-filter .price-range.ui-widget.ui-widget-content {
border: none;
margin-left: 10px;
}
#search-filter::placeholder,
#location-filter::placeholder {
color: #888;
font-size: 15px;
font-weight: 400;
}
.map-filter input[type="text"] {
width: 100%;
height: 45px;
border: 1px solid #ddd;
border-radius: 3px;
padding: 4px 15px 0 45px;
}
.map-filter .dropdown-filter i {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.map-sidebar-content .map-filter .explore__form-checkbox-list.full-filter {
top: 80px;
}
.map-filter .dropdown-filter {
height: 45px;
padding: 0;
}
.filter-list .dropdown-toggle {
width: 100%;
text-align: left;
background: transparent;
border: 1px solid #ddd;
color: #888;
padding: 8px 15px;
font-size: 17px;
font-weight: 400;
border-radius: 3px;
}
.filter-list .dropdown-toggle:after {
float: right;
position: relative;
bottom: 0;
content: "\e874";
font-family: "Linearicons-Free";
border: none;
font-size: 22px;
right: 10px;
font-weight: 400;
}
.filter-list .filter-menu {
width: 94%;
padding: 0;
}
.filter-list .filter-menu li {
padding: 8px 15px;
}
.filter-list .filter-menu li a {
font-size: 16px;
}
.filter-list .filter-menu li:hover {
background: #ddd;
}
/*--------filter with sticky map------*/
.explore__map-side {
width: 43%;
position: fixed;
top: 70px;
height: 100%;
right: 0;
padding-left: 32px;
}
.explore__map-side #map_right_listing {
width: 100%;
height: 100%;
z-index: 999;
}
.contact-section {
position: relative;
}
.contact-map.v1 {
position: absolute;
top: 0;
left: 0;
width: 48%;
height: 100%;
}
.contact-map {
overflow: hidden;
}
.contact-info-item {
text-align: center;
padding: 10px 56px;
}
.contact-info-item i {
font-size: 25px;
color: #b49141;
}
.contact-info-item h4 {
line-height: 1.1;
margin: 10px 0;
}
.contact-map #leaflet_contact_map {
width: 100%;
height: 100%;
}
.explore__map-side.v2 {
left: -2.5%;
}
.map-sidebar-content {
margin-bottom: 70px;
margin-top: 30px;
}
/*-------------------
Style2
--------------------*/
.contact-map.v2 {
position: relative;
overflow: visible;
}
.filter-wrapper.style1.v2 {
position: absolute;
bottom: 60px;
width: 100%;
}
.filter-wrapper.style1.v2 .hero__form.filter {
background: #fff;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12)
}
.contact-map.v2 #map_right_listing {
height: 600px;
margin-top: 70px;
}
/*===========================================
Featured Property
=============================================*/
.featured-property-info .property-title-box {
position: absolute;
left: 3.6%;
border-radius: 0;
padding: 45px;
width: 450px;
margin: 75px 0;
}
.featured-property-info .property-title-box h4 a {
font-size: 30px;
}
.featured-property-info .property-feature li {
line-height: 1;
display: inline-block;
margin-right: 15px;
padding-bottom: 25px;
}
.featured-property-info .property-feature {
padding-bottom: 0;
}
.featured-property-info .property-feature li:last-child {
margin-right: 0;
}
.featured-prev,
.featured-next {
position: absolute;
top: 85%;
z-index: 999;
background: #b49141;
width: 35px;
height: 35px;
border-radius: 50%;
color: #fff;
text-align: center;
cursor: pointer;
transition: 3s ease-in-out;
transition: 0.5s;
}
.featured-prev i,
.featured-next i {
font-size: 22px;
line-height: 38px;
}
/*-----------------Style2------------------*/
.featured-property-wrap.v2 .single-property-box .featured-price {
float: left;
}
.featured-property-wrap.v2 .property-author-wrap {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
z-index: 1000;
padding: 30px;
opacity: 1;
visibility: visible;
transition: all 0.3s;
}
.featured-property-wrap.v2 .property-feature li span,
.featured-property-wrap.v2 .property-feature li i {
color: #CCC;
}
.featured-property-wrap.v2 .property-feature li i {
display: none;
}
.featured-property-wrap.v2 .property-feature {
columns: 1;
padding: 0;
}
.featured-property-wrap.v2 .property-feature li {
display: inline-block;
padding: 0 20px 0 0;
position: relative;
}
.featured-property-wrap.v2 .property-feature li:after {
position: absolute;
top: 0;
right: 5px;
content: "|";
color: #fff;
font-size: 16px;
}
.featured-property-wrap.v2 .property-feature li:last-child:after {
display: none;
}
.featured-property-wrap.v2 .property-img::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: inline-block;
z-index: 9;
background: linear-gradient(to top, rgba(0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
transition: 0.7s;
}
.featured-property-wrap.v2 .property-item:hover .property-img::after {
background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
}
.featured-property-wrap.v2 .property-item .property-author h4 {
color: #FFF;
font-size: 24px;
font-weight: 500;
margin-bottom: 5px;
}
.featured-property-wrap.v2 .property-img {
border-radius: 3px;
}
.featured_next,
.featured_prev {
bottom: 6px;
}
.featured_next {
right: 20px;
}
.featured_prev {
left: 20px;
}
.featured-property-section.v2 .section-title.v2 {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
/*-----------------Style3------------------*/
.featured-property-section.v3 {
background-color: #f7f7f7;
}
.featured-property-section.v3 .featured-property-info .property-title-box {
position: relative;
left: 0;
padding: 40px;
top: 0;
width: auto;
transform: translateY(0);
height: 100%;
margin: 0;
}
.featured-property-wrap.v3 {
margin: 0 0 50px;
}
.featured-property-section.v3 .featured-property-item {
position: relative;
background: #fff;
}
.featured-property-wrap.v3 {
margin: 0;
}
.featured-property-wrap.v3 .single-property-box {
background: #fff;
margin-bottom: 10px;
}
.featured-property-wrap.v3 .single-property-box .property-title-box {
padding: 15px 30px 15px 25px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.feature-prev,
.feature-next {
top: 50%;
transform: translateY(-50%);
}
/*========================================
Featured Listing
==========================================*/
.featured-list {
margin-bottom: 15px;
}
.listing-sidebar .widget .featured-list {
margin-bottom: 0;
}
.featured-list:last-child {
margin-bottom: 0;
}
.entry-img {
position: relative;
}
.entry-img span {
position: absolute;
top: 6%;
right: 4%;
background: #b49141;
color: #fff;
padding: 5px;
line-height: 1;
border-radius: 3px;
font-weight: 500;
}
.entry-text .trend-open p {
font-size: 15px;
font-weight: 500;
margin-left: 0;
}
.entry-text .trend-open span {
font-size: 12px;
font-weight: 500;
margin-left: 0;
}
.recent-list {
margin-bottom: 20px;
}
.row.recent-list:last-child {
margin-bottom: 3px;
}
.recent-list .entry-img img {
width: 100%;
border-radius: 2px;
}
.recent-list .entry-title {
font-size: 16px;
margin-bottom: 0;
line-height: 1.2;
margin-bottom: 5px;
}
.recent-list .entry-title:hover a {
color: #b49141;
}
.entry-price {
color: #46cd38;
font-size: 16px;
font-weight: 500;
display: inline-block;
line-height: 1;
}
.featured-list .product-rating {
line-height: 1;
}
.featured-list .product-rating {
float: right;
margin-top: 5px;
}
.featured-list .product-rating li i {
font-size: 16px;
}
.featured-list .property-location p {
display: inline-block;
color: #888;
font-size: 13px;
font-weight: 500;
margin-left: 0;
}
.single-featured-list {
position: relative;
}
.single-featured-prev,
.single-featured-next {
top: 50%;
transition: 0.5s;
transform: translateY(-50%);
}
.single-featured-prev {
left: 1.5%;
}
.single-featured-next {
right: 1.5%;
}
/*---------------------------------------
Mortgage Calculator & Newsletter
---------------------------------------*/
.mortgage-group {
position: relative;
margin-bottom: 20px;
}
.mortgage-field {
display: inline-block;
border: 1px solid #ddd;
padding: 10px 15px;
line-height: 1;
border-radius: 3px;
width: 100%;
}
.dropup .dropdown-toggle::after {
display: none !important;
}
.mortgage-icon {
border-right: 1px solid #ddd;
padding: 16px 18px 18px 18px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
position: absolute;
top: 0;
left: 0;
height: 100%;
color: #222;
font-weight: 500;
}
#amount-one::placeholder {
color: #000;
}
.chat-btn,
.mortgage-btn button {
border: 1px solid transparent;
background: #b49141;
color: #fff !important;
display: block;
padding: 12px 20px;
text-align: center;
width: 100%;
border-radius: 3px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
transition: 0.3s;
}
.value-input-wrap.newsletter input[type="text"] {
box-shadow: none;
}
/*.value-input-wrap.newsletter button {
background: #b49141;
}*/
.value-input-wrap.newsletter button:focus {
outline: none;
}
/*---------------------------------------
Single Listing Page
---------------------------------------*/
.list-subtitle {
display: inline-block;
}
.listing-details-wrapper {
position: relative;
}
.listing-details-wrapper .video-container {
height: 550px;
}
.list-details-title.v1 {
transform: translateY(120px);
width: 100%;
}
.list-details-title.v2 {
position: absolute;
width: 100%;
bottom: 16%;
z-index: 99;
}
.list-details-title.v2 .list-details-btn h3 {
color: #fff;
}
.list-details-title.v2 .property-author span {
color: #fff;
}
.list-details-title.v1 {
z-index: 9;
/* transform: translateY(350px); */
background: #fff;
padding: 30px;
border-radius: 3px;
box-shadow: 0 21px 15px -11px rgba(221, 221, 221, 0.28);
}
.single-property-header.v3 .list-details-title.v1 {
transform: translateY(0) !important;
box-shadow: none;
background: none;
}
.list-details-title.v3 {
padding: 15px 0;
margin: 30px 0;
}
.list-details-btn h3 {
line-height: 1.1;
margin-bottom: 8px;
}
.list-btn li a i {
font-size: 14px;
}
.list-btn li:first-child {
margin-left: 0;
}
.list-details-btn .share-btn {
margin-left: 15px;
}
.single-listing-title h2 {
margin-bottom: 10px;
display: inline-block;
line-height: 1.1;
}
.single-listing-title p {
line-height: 1.2;
margin-bottom: 10px;
font-size: 14px;
}
.single-listing-title .property-author span {
font-weight: 400;
color: #888;
font-size: 14px;
}
.single-listing-title h2 span {
display: inline-block;
margin-left: 10px;
}
.single-listing-title p i {
color: #b49141;
font-size: 16px;
}
.list-details-title.v2 .single-listing-title h2,
.list-details-title.v2 .single-listing-title p,
.list-details-title.v2 .single-listing-title p i,
.list-details-title.v2 .list-ratings a {
color: #fff;
}
.list-ratings {
margin-bottom: 5px;
margin-left: 25px;
}
.list-ratings span {
color: #FFC600;
font-size: 14px;
line-height: 1.1;
}
.list-ratings a {
margin-left: 8px;
font-weight: 500;
color: #888;
font-size: 13px;
}
/* -----------------------------------
Single Agency Property Slider
------------------------------------- */
.single-property-header.v2 {
position: relative;
}
.list-details-title.v4 {
position: absolute;
z-index: 999;
transform: translateY(-250px);
}
.list-details-title.v4 h2,
.list-details-title.v4 p,
.list-details-title.v4 p i,
.list-details-title.v4 .trend-open p,
.list-details-title.v4 .trend-open p span {
color: #fff;
}
.list-details-title.v4 h2 {
font-size: 45px;
}
.list-details-title.v4 p,
.list-details-title.v4 .trend-open p {
font-size: 20px;
margin-left: 0;
}
.single-agency-btn {
background-color: #fff;
position: absolute;
bottom: 0;
z-index: 999;
right: 0;
display: inline-flex;
}
.list-details-title.v4 .per_sale::after,
.per_month::before {
bottom: -2px;
}
.single-agency_prev,
.single-agency_next {
background: #fff;
color: #666;
z-index: 99;
padding: 25px 50px;
cursor: pointer;
transition: 0.5s;
}
.single-agency_next:hover,
.single-agency_prev:hover {
background-color: #b49141;
}
.single-agency_prev i,
.single-agency_prev span,
.single-agency_next i,
.single-agency_next span {
font-weight: 600;
}
.single-agency_prev:hover i,
.single-agency_prev:hover span,
.single-agency_next:hover i,
.single-agency_next:hover span {
color: #fff;
}
.single-agency_prev i,
.single-agency_next i {
font-size: 10px;
}
.single-agency_prev span,
.single-agency_next span {
padding: 0 5px;
text-transform: uppercase;
}
.hero-client-section.v3 .single-testimonial-item {
overflow: visible;
padding-bottom: 60px;
margin-top: -40px;
}
.property-amenities-wrap {
position: relative;
}
.property-amenities-box {
transform: translateY(45%);
background: #fff;
box-shadow: 0 8px 50px rgba(51, 51, 51, 0.09);
border-radius: 3px;
padding: 30px 50px;
height: 450px;
}
.property-amenities-box .list-details-tab .nav-item {
margin-right: 32px;
display: inline-block;
}
.property-amenities-box .list-details-tab .nav-item:last-child {
margin-right: 0;
}
.property-amenities-box .list-details-tab.nav-tabs {
margin-right: 30px;
display: block;
}
.counter-box_wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 45px;
font-style: normal;
margin-left: 20px;
}
/*
.property-amenities-box .list-details-tab.nav-tabs .nav-item {
display: inline-block;
}*/
.trending-places.v2 .single-listing-title.float-left {
margin-top: 5px;
}
.property-gallery_tab .property-info {
columns: 2;
}
.location-info {
position: absolute;
right: 72px;
background: #b49141;
height: 100%;
bottom: 0;
top: 0;
padding: 30px;
}
.location-info h3 {
color: #fff;
font-size: 25px;
font-weight: 400;
text-align: center;
}
.single-agency-map {
position: relative;
}
.location_box_info p,
.location_box_info span,
.single-location-box i {
color: #fff;
}
.location_box_info p {
font-size: 18px;
}
.location_box_info {
margin-left: 70px;
}
.single-location-box i {
position: absolute;
top: 50%;
font-size: 20px colo;
font-size: 40px;
transform: translateY(-50%);
}
.single-location-box {
position: relative;
margin-bottom: 30px;
}
.property-amenities_bg {
background-position: center;
background-size: cover;
height: 420px;
background-color: #ddd;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.property-gallery_tab {
padding-right: 15px;
}
.property-video-text {
margin-top: 100px;
}
.property-video-text h4 {
color: #fff;
font-size: 38px;
font-weight: 400;
line-height: 1.2;
}
.property-video-text p {
color: #fff;
line-height: 1.3;
font-size: 16px;
}
.property_feature_text {
margin-left: 40px;
}
.single-property_feature i {
position: absolute;
top: 0;
font-size: 30px;
}
.property_feature_text h4 {
line-height: 1.2;
margin-bottom: 5px;
}
.single-property_feature {
margin-bottom: 30px;
}
.single_property-box-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.single_property-box {
text-align: center;
}
.single_property-box i,
.single_property-box p {
font-size: 25px;
}
.hero-client-section.v3 .client-wrapper {
padding: 0 15px 45px 15px;
}
.hero-client-section.v3 .testimonial-text {
background: #f7f7f7;
box-shadow: 0 20px 23px rgba(221, 221, 221, 0.14);
}
.hero-client-section.v3 .testimonial-btn.v2 {
position: absolute;
left: 45%;
bottom: 20%;
}
.hero-client-section.v3 .testimonial-btn.v2 .testimonial-next i,
.hero-client-section.v3 .testimonial-btn.v2 .testimonial-prev i {
font-size: 25px;
}
/* ------------------------------
Compare Page
--------------------------------- */
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-content table {
text-align: center;
}
.table-content table {
background: #ffffff none repeat scroll 0 0;
margin-bottom: 0;
text-align: center;
width: 100%;
}
.table td,
.table th {
border-top: none;
vertical-align: middle;
font-weight: 400;
font-size: 16px;
}
.table-content table td {
border-top: medium none;
font-size: 16px;
padding: 25px 10px;
vertical-align: middle;
min-width: 140px;
font-weight: 400;
position: relative;
}
.compare-table .table td,
.compare-table .table th {
border-top: none;
min-width:
}
.compare-table .compare_title {
min-width: 150px;
font-size: 20px;
line-height: 45px;
font-weight: 400;
vertical-align: middle;
padding-bottom: 7740
}
.table.compare-table h4 {
font-size: 22px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 10px;
}
.remove {
position: absolute;
top: 20px;
right: 10px;
z-index: 10;
}
.remove a {
width: 30px;
background: #fff;
height: 30px;
color: #333;
display: inline-block;
margin-bottom: 13px;
transition: 0.5s;
}
.remove a i {
font-size: 18px;
line-height: 30px;
}
.compare-table.image-wrap img {
max-width: 300px;
}
td.check i {
color: #86fb1d;
}
td.uncheck i {
color: #fc133a;
}
/* ------------------------------
Single Property Slider
--------------------------------- */
.single-property-next,
.single-property-prev {
width: 40px;
height: 40px;
background: #b49141;
text-align: center;
border-radius: 50%;
cursor: pointer;
position: absolute;
top: 45%;
z-index: 10;
transition: 0.6s;
visibility: visible;
opacity: 1;
}
/* .single-property-slider:hover .single-property-next {
right: 5%;
visibility: visible;
opacity: 1;
}
.single-property-slider:hover .single-property-prev {
left: 5%;
visibility: visible;
opacity: 1;
}*/
.single-property-next {
right: 4.5%;
}
.single-property-prev {
left: 4.5%;
}
.single-property_prev,
.single-property_next {
position: absolute;
left: 37.4%;
background: #b49141;
width: 40px;
height: 40px;
z-index: 99;
color: #333;
text-align: center;
font-size: 14px;
cursor: pointer;
line-height: 42px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 8px #3333;
}
.single-property_prev {
top: 48%;
}
.single-property_next {
top: 54%;
}
.single-property-next i,
.single-property-prev i {
color: #fff;
font-size: 26px;
line-height: 40px;
}
.property-slider-img {
position: relative;
}
.trending-places.v2 .property-slider-img {
display: block;
transition: 0.9s;
}
.trending-places.v2 .single-property-header.v4 {
overflow: hidden;
}
.trending-places.v2 .single-property-header.v4 .list-details-title.v2 {
padding: 0 20px;
}
.trending-places.v2 .single-property-header.v4 .save-btn.v2 {
right: 35px;
}
.trending-places.v2 .feature_text.v2 {
left: 30px;
}
.trending-places.v2 .single-property-header.v4:hover .property-slider-img {
transform: scale(1.1);
}
.property-slider-img:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.share-btn:hover .social-share li {
opacity: 1;
}
.share-btn {
position: relative;
}
.social-share {
position: absolute;
bottom: -38px;
right: -34px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.social-share li {
display: inline-block;
text-align: center;
margin-right: 5px;
border-radius: 50%;
opacity: 0;
}
.social-share li a {
margin-left: 0;
display: inline-block;
text-align: center;
font-size: 15px;
transition: 0.5s;
margin-right: 5px;
width: 30px;
height: 30px;
border-radius: 50%;
}
.social-share li a i {
color: #fff;
}
.social-share li:nth-child(2) {
transition-delay: 0.2s;
}
.social-share li:nth-child(1) {
transition-delay: 0.4s;
}
.social-share li a {
margin-right: 0;
}
.social-btn li {
border-radius: 4px;
margin: 0 5px 0 0;
display: inline-block;
}
.social-btn li a {
color: #fff;
font-size: 15px;
font-weight: 500;
width: 40px;
height: 40px;
text-align: center;
display: inline-block;
}
.social-btn li a i {
color: #fff;
font-size: 18px;
line-height: 40px;
}
.list_menu {
width: 100%;
background: #fff;
z-index: 999;
transition: 0.4s;
border-bottom: 1px solid #ddd;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.list-details-tab.fixed_nav li {
display: inline-block;
}
.list-details-tab.fixed_nav {
margin: 0 auto;
padding: 0px 0 0 35px;
}
.list-details-tab .nav-link {
border-top: none;
border-left: none;
border-right: none;
font-size: 16px;
color: #000;
padding: 10px 0;
}
.list-details-tab .nav-link {
position: relative;
text-align: center;
}
.list-details-tab .nav-item {
margin-bottom: 0 !important;
margin-right: 25px;
position: relative;
padding: 10px 0;
}
.sidebar-content-left .list-details-tab .nav-item,
.sidebar-content-right .list-details-tab .nav-item {
padding-top: 0;
}
.trending-places .list-details-tab .nav-item {
padding: 0 0 15px 0;
line-height: 1.1;
}
.list-details-tab .nav-item:after {
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 1px;
content: "";
background: #b49141;
visibility: hidden;
opacity: 0;
transition: 0.5s;
border-color: transparent;
}
.list-details-tab .nav-item.active:after,
.list-details-tab .nav-item:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.list-details-tab .nav-item.active a {
color: #b49141;
}
.list-details-tab .nav-item a {
font-size: 15px;
font-weight: 500;
}
#overview h4 {
margin-bottom: 10px;
}
#gallery {
padding-bottom: 100px;
}
.single-listing-title p i {
margin-right: 5px;
}
.tab-pane.active {
animation: slide-up 0.8s ease-out;
}
@keyframes slide-up {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.review_wrap .customer-review {
display: inline-block;
margin-bottom: 0;
}
.customer-content .product-rating {
line-height: 1;
}
.review_wrap .customer-review i {
color: #FFC600;
font-size: 16px;
}
.book-btn a {
display: block;
padding: 13px 0;
background: #b49141;
color: #fff !important;
font-size: 18px;
font-weight: 500;
margin-bottom: 26px;
border-radius: 3px;
cursor: pointer;
}
.similar-title-box {
margin-top: 10px;
}
.similar-title-box h5 {
letter-spacing: 0;
}
.similar-item img {
border-radius: 5px;
}
.similar-listing {
position: relative;
margin-top: 55px;
}
.similar-title-box h5 {
display: inline-block;
margin-bottom: 0;
}
.similar-title-box p {
display: inline-block;
float: right;
font-size: 13px;
line-height: 1.7;
}
.similar-title-box p span {
line-height: 1.7;
}
.similar-item .customer-review {
margin-bottom: 0;
margin-top: 10px;
}
.similar-item .customer-review p {
font-size: 14px;
}
.similar-item .customer-review p i {
margin-right: 5px;
color: #b49141;
}
.similar-item .customer-review .product-rating li {
line-height: 1.2;
}
.similar-prev,
.similar-next {
top: 49.5%;
}
.similar-listing:hover .similar-next,
.similar-listing:hover .popular-next,
.similar-listing:hover .similar-prev,
.similar-listing:hover .popular-prev {
opacity: 1;
}
.floor-list {
display: inline-block;
margin-left: 20px;
}
.floor-list li {
display: inline-block;
font-weight: 500;
font-size: 15px;
margin-right: 15px;
}
#floor_plan .card-header i {
font-size: 14px;
line-height: 1;
position: relative;
left: 3px;
top: 1px;
}
.floor-list li span {
font-weight: 400;
}
.list-details-section .card a p {
display: inline-block;
}
ul.list-btn li {
display: inline-block;
margin-left: 5px;
}
#floor_plan .card {
margin-bottom: 15px;
}
#floor_plan .card:last-child {
margin-bottom: 0;
}
#floor_plan .card .card-header {
border-bottom: none;
}
#floor_plan .card .card-header a:hover {
color: #333;
}
#leave-review {
padding-bottom: 0;
}
.review-box .contact-form {
padding: 30px 0;
}
.agent-info li {
display: block;
font-size: 15px;
font-weight: 500;
}
.agent-info li span {
font-weight: 400;
margin-left: 5px;
}
.nearby-wrap {
margin-bottom: 20px;
}
.nearby-wrap h4 {
margin-bottom: 10px;
}
.nearby-wrap .nearby-item p {
display: inline-block;
line-height: 1;
}
.nearby-wrap h4 span {
background: #b49141;
width: 25px;
height: 25px;
display: inline-block;
line-height: 1.2;
border-radius: 3px;
text-align: center;
margin-right: 7px;
}
.nearby-wrap h4 span i {
color: #fff;
font-size: 14px;
position: relative;
top: -1px;
left: 1px;
}
.popup-vid {
position: relative;
}
a.popup-yt {
position: absolute;
top: 50%;
left: 50%;
background: #fff;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
transform: translate(-50%, -50%);
}
a.popup-yt i {
font-size: 15px;
line-height: 50px;
}
.hvr-ripple-out {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
}
.hvr-ripple-out:before {
border-radius: 50%;
content: '';
position: absolute;
border: #fff solid 2px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
transition: all 0.3s;
animation-iteration-count: infinite;
}
.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
border: #ddd solid 6px;
-webkit-animation-name: hvr-ripple-out;
animation-name: hvr-ripple-out;
}
@-webkit-keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
/*-------Single listing video Header------------*/
.single-property-header.v3 .video-container {
position: relative;
overflow: hidden;
width: 100%;
height: 650px;
z-index: 0;
}
.single-property-header.v3 .video-container .overlay {
z-index: 10;
}
.single-property-header.v3 #video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/banner-music.jpg);
background-size: cover;
overflow: hidden;
z-index: 9;
}
/*-------------Single property header v4-----------*/
.single-property-header.v4 .property-slider-img {
position: relative;
}
.single-property-header.v4 .property-slider-img:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.93) 7%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
z-index: 9;
}
.single-property-header.v4 .single-listing-title h2 {
margin-bottom: 10px;
font-size: 20px;
font-weight: 400;
display: block;
}
.single-property-header.v4 .single-listing-title h2 a {
color: #fff;
}
.single-property-header.v4 .list-details-title.v2 {
bottom: 5%;
left: 0;
padding: 0 6px;
}
.single-property-header.v4 .property-feature {
/* columns: none;*/
padding: 0;
display: inline-flex;
}
.single-property-header.v4 .property-feature li {
margin: 0 10px 0 0;
padding: 0;
line-height: 1.1;
}
.single-property-header.v4 .property-feature li i {
font-size: 14px;
margin-right: 3px;
}
.single-property-header.v4 .property-feature li span {
color: #CCC;
}
.single-property-header.v4 .list-details-btn .trend-open p {
font-size: 17px;
}
.single-property-header.v4 .save-btn.v2 {
position: absolute;
right: 3%;
top: 5%;
z-index: 200;
opacity: 0;
transition: all 0.3s
}
.single-property-header.v4:hover .save-btn.v2 {
opacity: 1
}
.single-property-header.v4 .save-btn.v2 li {
width: 30px;
height: 30px;
}
.single-property-header.v4 .save-btn.v2 li i {
font-size: 15px;
line-height: 30px;
}
.single-property-header.v4 .product-rating li i {
font-size: 14px;
}
.single-property-header.v4 .single-property-header.v4 .single-property-header.v4
/*--------------Single Listing sidebar-------------*/
.widget {
margin-bottom: 50px;
}
.widget-title {
color: #000;
font-weight: 500;
font-size: 20px;
line-height: 1;
margin-bottom: 20px;
font-family: 'Visby CF Demi';
}
.sidebar-title h2 {
color: #2f333a;
display: block;
font-size: 18px;
font-weight: 500;
line-height: 25px;
padding: 0 0 10px;
position: relative;
margin-bottom: 0;
}
.listing-sidebar {
/*padding-left: 15px;*/
}
.nearby-wrap.pt-2 h4 {
font-size: 18px;
}
.nearby-wrap h4 {
font-size: 18px;
}
.listing-sidebar .widget {
background: #fff;
margin-bottom: 30px;
padding: 20px;
border-radius: 3px;
box-shadow: 0 0 15px rgba(221, 221, 221, 0.56);
}
.listing-sidebar .widget .single-property-box {
margin-bottom: 0;
}
.sidebar-widget {
border: 1px solid #ddd;
margin-bottom: 30px;
border-radius: 3px;
}
#leaflet_contact_map {
width: 100%;
height: 250px;
}
.sidebar-widget.info {
padding: 10px 20px 0 20px;
}
.sidebar-widget.info .filter-input.custom-select,
.sidebar-widget.info #datepicker-to input,
.sidebar-widget.info #datepicker-from input {
font-size: 14px;
font-weight: 300;
}
.sidebar-widget.info h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
}
.sidebar-widget.info h3 i {
margin-right: 8px;
}
.amt-total span {
color: #b49141;
font-weight: 600;
font-size: 18px;
}
.sidebar-widget.listing-tags,
.sidebar-widget.ad-box {
border: none;
}
.sidebar-widget.ad-box img {
border-radius: 3px;
}
.address {
color: #737882;
padding-left: 25px;
padding-right: 25px;
margin-top: 20px;
}
.address:last-child {
padding-bottom: 25px;
margin-bottom: 0;
}
.address>span {
font-size: 18px;
float: left;
color: #b49141;
}
.address p {
margin: 0 0 0 34px;
}
.follow {
background: #fff;
}
.follow-img {
text-align: center;
padding: 25px 25px 10px 25px;
color: #3e434b;
}
.follow-img img {
border-radius: 5px;
max-width: 150px;
}
.follow-img h6 {
margin: 11px 0 0;
}
.follow ul {
margin: 0;
display: flex;
flex-direction: row;
justify-content: space-around;
text-align: center;
}
.follow ul li {
list-style: none;
padding: 13px 0;
width: 33%;
}
.follow ul li h6 {
margin: 0;
}
.social-counts span {
font-size: 14px;
color: #737882;
}
.listing-detail-map.v1 {
height: 500px;
margin-bottom: -100px;
}
.listing-detail-map.v2 {
height: 250px;
}
.listing-detail-map.v3 {
height: 450px;
}
#sidebar {
background: #f5f5f5;
padding: 50px 30px;
}
.booking .title {
text-align: center;
text-transform: capitalize;
margin-bottom: 30px;
}
.booking #datepicker,
.booking #from,
.booking #to {
color: #7a7a7a;
width: 100%;
padding: 10px 20px;
border: transparent;
border-radius: 3px;
margin-bottom: 15px;
}
.booking #inputGroupSelect01 {
color: #7a7a7a;
padding: 10px 20px;
border: transparent;
border-radius: 3px;
margin-bottom: 15px;
}
.booking label {
font-size: 16px;
text-transform: capitalize;
font-weight: 700;
}
.booking .submit-btn {
background: #b49141;
color: #ffff;
width: 100%;
}
.form-group.time-slots .filter-input span {
font-size: 13px;
}
/*----------Overview------------*/
.list-single-facts {
background: #fff;
margin-top: 100px;
}
.inline-facts h6 span {
font-weight: 600;
color: #b49141;
}
.list-single-facts ul {
display: flex;
flex-direction: row;
justify-content: space-between;
background: #f9f9f9;
columns: 2;
}
.list-single-facts .inline-facts {
padding: 20px;
}
.list-single-facts .inline-facts i {
font-size: 34px;
color: #b49141;
}
.listing-address,
.property-info {
columns: 3;
}
.location-title h6 {
display: inline-block;
line-height: 1.2;
}
.location-map {
float: right;
font-weight: 500;
font-size: 15px;
margin-top: 5px;
line-height: 1;
color: #b49141;
}
.location-map:hover {
color: #888;
}
.location-map i {
margin-left: 5px;
font-size: 14px;
vertical-align: middle;
}
.listing-address li,
.property-info li {
font-size: 15px;
font-weight: 400;
color: #222222;
}
.listing-address li span,
.property-info li span {
color: #888;
}
ul.listing-features {
columns: 3;
}
.listing-features li {
text-align: left;
margin-bottom: 5px;
color: #333;
font-weight: 400;
position: relative;
padding-left: 30px;
font-size: 15px;
}
.listing-features li i {
position: absolute;
left: 0;
top: 7px;
color: #b49141;
font-size: 15px;
opacity: 0.7;
}
.list-single-facts .inline-facts h6 {
color: #888;
font-size: 14px;
margin-top: 10px;
letter-spacing: 0px;
font-weight: 400;
}
.listing-features.pp_docs li {
padding-left: 0;
position: relative;
}
.listing-features.pp_docs li a {
padding-left: 35px;
display: block;
}
.listing-features.pp_docs li a i {
position: absolute;
top: 0;
font-size: 30px;
left: 0;
width: 35px;
}
/*----------Gallery-----------*/
.carousel-indicators {
position: absolute;
bottom: -30px;
left: -3px;
right: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 0;
margin-left: 0;
list-style: none;
width: 100%;
}
.single-property-header.property-carousel .carousel-indicators {
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.list-gallery-thumb img {
cursor: pointer;
}
.single-property-header.property-carousel .carousel-indicators img {
/* max-width: 176px;*/
cursor: pointer;
}
.carousel-indicators li {
width: 120px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, .5);
}
.carousel-indicators li:last-child {
margin-right: -3px;
}
.carousel-control-prev span,
.carousel-control-next span {
width: 35px;
height: 35px;
background: #fff;
border-radius: 50%;
line-height: 36px;
font-size: 16px;
opacity: 1;
position: absolute;
color: #333;
}
.carousel-control-prev span {
left: 15px;
transition: 0.5s;
}
.carousel-control-next span {
right: 15px;
transition: 0.5s;
}
#carousel-thumb:hover .carousel-control-next,
#carousel-thumb:hover .carousel-control-prev {
opacity: 1 !important;
}
/*--------------Features & Pricing--------------*/
.room-type-item {
position: relative;
margin: 0 0 25px 0;
border-bottom: 1px solid #DEDEDE;
transition: all .35s ease-in-out;
padding-bottom: 20px;
}
.room-type-item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.room-type-item img {
border-radius: 5px;
}
.feature-left p span {
font-weight: 500;
color: #b49141;
}
.room-type-item .feature-left h3 {
font-size: 16px;
font-weight: 500;
line-height: 16px;
margin-bottom: 8px;
}
.feature-left.float-left p {
line-height: 1.3;
}
.room-type-item .feature-left p {
margin: 0 0 7px;
line-height: 19px;
}
.room-type-item .feature-right {
text-align: right;
}
.feature-right button.btn.v2 {
margin-top: 70px;
}
.amt-title h4 {
margin-bottom: 5px;
}
.price-amt {
color: #b49141;
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
line-height: 16px;
}
.room-type-item .feature-right .price-amt {
display: block;
}
.facilities-list {
margin-top: 15px;
list-style: none;
}
.facilities-list li {
float: left;
margin-right: 14px;
cursor: pointer;
position: relative;
}
.facilities-list li i {
color: #b49141;
font-size: 18px;
opacity: 0.6;
}
.facilities-list li:hover span {
visibility: visible;
opacity: 1;
}
.facilities-list li:hover i {
opacity: 1;
}
.facilities-list li span {
position: absolute;
opacity: 0;
left: -20px;
top: -34px;
height: 26px;
line-height: 26px;
min-width: 90px;
color: #fff;
font-size: 11px;
visibility: hidden;
opacity: 0;
border-radius: 4px;
background: #b49141;
transition: 0.3s;
text-align: center;
}
/*-----------Reviews------------*/
.review-box {
border: 1px solid #ddd;
border-radius: 3px;
padding: 30px;
}
.customer-review_wrap {
display: flex;
position: relative;
padding-bottom: 35px;
}
.review_wrap li ul.has-child>li {
margin-left: 92px;
}
.review_wrap li ul.has-child>li .reviewer-img img {
width: 126px;
}
.review_wrap>li:last-child .customer-review_wrap {
border-bottom: none;
}
.reviewer-img {
float: left;
}
.reviewer-img img {
width: 140px;
border-radius: 3px;
}
.reviewer-img p {
color: #333;
margin: 5px 0 0;
text-align: center;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
}
#reviews .review-box .review_wrap .customer-review_wrap .review-img img {
margin-top: 10px !important;
}
.reviewer-img span {
font-size: 14px;
color: #737882;
text-align: center;
}
/*-----------reviews-------*/
.review-item {
border: 1px solid #ebebeb;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
padding: 30px 30px 60px 30px;
margin-bottom: 30px;
}
.review-item__post-image {
margin-right: 1.25rem;
}
.review-item__post {
display: inline-flex;
}
.review-header {
margin-bottom: 15px;
}
.review-item__image {
width: 120px;
border-radius: 5px;
}
.review-item__post-title {
font-size: 18px;
margin-bottom: 0;
}
.review-item__post-title a {
color: #363636;
}
.review-item__post-location {
font-size: 14px;
color: #888;
padding-bottom: 0.375rem;
margin: 10px 0;
line-height: 1rem;
}
.review-item__post-reviews {
font-size: 0.8125rem;
color: #888999;
line-height: 1rem;
font-weight: 300;
}
.review-item__post-reviews i {
color: #cccccc;
}
.review-item__date {
display: inline-block;
color: #888999;
font-size: 14px;
font-weight: 400;
line-height: 1.25rem;
margin: 0 0 1rem;
}
.review-item__title {
color: #363636;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.25rem;
margin: 0;
}
.review-item__description {
color: #888;
margin: 10px 0 20px;
}
.review-item__content {
margin: 15px 0;
}
.review-item__helpful {
padding: 0.25rem 0.5rem;
padding-right: 0.5rem;
padding-right: 2.5rem;
color: #888999;
font-size: 0.875rem;
font-weight: 200;
border: 1px solid #ebebeb;
position: relative;
border-radius: 0.125rem;
}
.review-item__helpful i {
font-size: 1rem;
float: left;
margin-right: 0.25rem;
margin-top: 0.125rem;
transition: all 0.2s ease-in-out;
}
.review-item__helpful span {
position: absolute;
right: 0;
top: 0;
padding: 0.25rem 0;
text-align: center;
color: #888;
font-size: 0.875rem;
display: inline-block;
width: 2rem;
border-left: 1px solid #ebebeb;
transition: all 0.2s ease-in-out;
}
.review-item__reply {
float: right;
padding: 0.25rem 0.5rem;
color: #888999;
font-size: 0.875rem;
font-weight: 200;
border: 1px solid #ebebeb;
border-radius: 1.25rem;
}
.reviewer-img {
margin: 0 20px 0 0;
}
.customer-content h6 {
color: #333;
margin-bottom: 0px;
line-height: 1;
}
.customer-review span {
width: 10px;
height: 10px;
background: #46cd38;
border-radius: 50%;
display: block;
float: left;
margin: 0 5px 0 0;
}
.customer-content p {
color: #888;
font-size: 13px;
display: inline-block;
line-height: 0.8;
}
.review-item__rating {
background: #46cd38;
padding: 8px 14px;
font-size: 18px;
color: #fff;
border-radius: 3px;
}
.customer-rating {
background: #46cd38;
padding: 8px 14px;
float: right;
font-size: 18px;
color: #fff;
border-radius: 3px;
}
.customer-text {
color: #737882;
margin: 15px 0 0;
line-height: 1.6;
}
.customer-text {
color: #888;
margin: 5px 0 0;
line-height: 1.5;
font-size: 15px;
font-weight: 300;
}
.like-btn {
position: absolute;
top: 0;
right: 0;
}
.customer-content-wrap span {
color: #737882;
display: inline-block;
}
.customer-content-wrap a {
border: 1px solid #ccc;
color: #737882;
font-size: 14px;
border-radius: 3px;
padding: 5px 10px;
}
.review-img img {
border-radius: 5px;
margin-right: 5px;
max-width: 120px;
}
a.rate-review {
border: none;
border-radius: 50px;
font-size: 13px;
color: #888;
font-weight: 500;
padding: 5px 10px;
display: inline-block;
transition: .3s;
line-height: 1.2;
}
a.rate-review span {
border-left: 1px solid #e0e0e0;
line-height: 1.2;
padding-left: 10px;
margin-left: 5px;
transition: .3s;
color: #888;
}
.like-btn a i {
margin-right: 10px;
}
a.rate-review i {
margin-right: 10px;
}
a.rate-review:hover {
border-color: #b49141;
color: #b49141;
}
a.rate-review:hover i {
color: #b49141;
}
.contact-form {
margin-bottom: 0;
border-top: 1px solid #ddd;
}
.contact-form__rate {
margin-bottom: 0;
}
.contact-form__rate-bx {
display: inline-block;
margin-right: 0.5rem;
font-size: 18px;
color: #cccccc;
}
.contact-form__rate-bx i {
cursor: pointer;
}
.contact-form__rate-bx-show {
display: inline-block;
color: #888999;
font-weight: 300;
font-size: 1rem;
margin-bottom: 1.5rem;
}
.contact-form__upload-btn {
text-align: right;
position: relative;
}
.contact-form__input-file {
display: inline-block;
width: 136px;
opacity: 0;
position: relative;
z-index: 2;
cursor: pointer;
}
.contact-form__upload-btn span {
position: absolute;
top: 0;
right: 0;
padding: 9px 20px;
color: #888;
font-size: 13px;
font-weight: 200;
border: 1px solid #cccccc;
border-radius: 1.25rem;
transition: all 0.2s ease-in-out;
}
.contact-form__upload-btn span i {
font-size: 1rem;
float: left;
margin-right: 0.25rem;
margin-top: 0.125rem;
}
.contact-form__rate-bx i.active,
.contact-form__rate-bx i.selected {
color: #FFC600;
}
.contact-form__textarea {
margin-top: 5px !important;
font-size: 14px !important;
}
.contact-form__input-text,
.contact-form__textarea {
display: block;
width: 100%;
padding: 0.625rem 1.25rem;
color: #000;
font-size: 0.9375rem;
font-weight: 300;
background: #ffffff;
outline: none;
border: 1px solid #dddddd;
margin: 0 0 25px;
border-radius: 2px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.02);
transition: all 0.2s ease-in-out;
}
/*------------booking---------------*/
.booking-dialog {
max-width: 700px;
}
#datepicker-from span,
#datepicker-to span {
position: absolute;
top: 15px;
right: 4%;
}
#datepicker-from span i,
#datepicker-to span i {
font-size: 16px;
}
#datepicker-to input,
#datepicker-from input {
font-size: 15px;
padding: 21px 20px;
border-radius: 3px;
font-weight: 300;
}
.book-amount button.quantity-left-minus,
.book-amount button.quantity-right-plus {
border-radius: 3px;
background: transparent;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 13px 15px;
}
.book-amount input {
border-left: 0;
border-right: 0;
text-align: center;
padding: 25px 0;
}
.booking-dialog label {
text-align: left;
display: inherit;
font-size: 17px;
color: #000;
font-weight: 400;
}
.booking-dialog .filter-input {
margin-top: 0;
}
.booking-dialog .form-group {
margin-bottom: 0;
}
.book-btn.col-md-12 {
border-top: 1px solid #ddd;
}
.book-btn .btn.v3 {
margin-top: 22px;
margin-bottom: 0;
}
.booking-dialog .modal-content {
padding: 0px 10px 10px 10px;
}
.time-slots .custom-select .option {
border-bottom: 1px solid #ddd;
/* line-height: 2;*/
}
.time-slots .filter-input.custom-select {
font-size: 15px;
font-weight: 400;
}
/*------------Coupon---------------*/
.coupon-top #clock p {
display: inline-grid;
color: #fff;
font-size: 17px;
margin-right: 10px;
}
.coupon-top #clock p span {
font-size: 20px;
font-weight: 600;
}
.coupon-widget {
border-radius: 4px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
color: #fff;
transition: .3s;
display: block;
}
.coupon-widget a.coupon-top {
padding: 20px;
position: relative;
z-index: 10;
text-align: center;
cursor: default;
display: block;
cursor: pointer;
background: rgba(255, 255, 255, .07);
}
.coupon-link-icon {
position: absolute;
top: 15px;
right: 18px;
font-size: 16px;
}
.coupon-widget a.coupon-top h3 {
font-size: 18px;
line-height: 22px;
text-align: center;
margin: 0;
font-weight: 400;
color: #fff;
}
.coupon-widget .coupon-bottom {
padding-bottom: 20px;
margin: 0 0;
position: relative;
z-index: 10;
text-align: center;
border-radius: 0 0 4px 4px;
}
#clock {
margin-top: 20px;
}
.coupon-scissors-icon {
position: absolute;
top: -15px;
left: 35px;
z-index: 100;
font-size: 20px;
}
.coupon-bottom p {
display: inline-block;
}
.coupon-code {
font-weight: 500;
color: #fff;
font-size: 18px;
letter-spacing: 2px;
display: inline-block;
padding: 7px 20px;
border-radius: 2px;
position: relative;
z-index: 11;
text-transform: uppercase;
transition: .4s;
border: 2px dashed #ddd;
}
.coupon-code-wrap input {
font-size: 14px;
padding: 10px 12px;
border-radius: 4px;
border: 1px solid #ddd;
}
.coupon_code {
background: #b49141;
color: #fff;
border: 1px solid transparent !important;
cursor: pointer;
transition: 0.5s;
margin-left: 10px;
}
.coupon_code:hover {
background: transparent;
border: 1px solid #ddd !important;
color: #888;
}
.coupon-widget .coupon-bottom::after {
left: initial;
right: 0;
transform: translate(50%, -50%);
}
.countdown-deals {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.daily-deals-wrap.v1 .cdown {
padding: 5px 0;
width: 50px;
}
.daily-deals-wrap.v1 {
margin-top: 15px;
}
.daily-deals-wrap.v1.countdown-deals .cdown {
color: #fff;
}
.daily-deals-wrap.v1 .cdown span {
font-size: 25px;
display: inline-block;
line-height: 31px;
color: #fff;
}
.daily-deals-wrap.v1 .countdown-deals .cdown p {
font-size: 12px;
line-height: 12px;
color: #fff;
}
/*-----------Contact map------------*/
.listing-detail-map.v2 {
z-index: 9;
}
/*-------coupon code----------*/
.banner-wdget-content {
padding: 90px 30px 70px;
z-index: 10;
}
.banner-wdget-content h4 {
font-weight: 500;
color: #fff;
font-size: 18px;
}
.banner-wdget-content h4 span {
color: #5ECFB1;
font-weight: 400;
}
.banner-wdget-content .countdown {
margin-top: 15px;
}
.banner-wdget-content .countdown-item {
width: 25%;
float: left;
color: #fff;
}
/*------Business Hours----*/
.business-title {
border-bottom: 1px solid #ddd;
padding: 25px;
}
.business-title h6 {
display: inline-block;
margin-bottom: 0;
}
.business-title h6 i {
color: #b49141;
}
.business-title span {
background: #0BF389;
padding: 5px 10px;
font-size: 12px;
border-radius: 50px;
color: #fff;
font-weight: 600;
}
ul.business-hours {
margin: 0;
padding: 25px;
list-style-type: none;
}
ul.business-hours li {
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1.2;
}
ul.business-hours li span {
font-size: .93333rem;
}
.business-hours .trend-closed,
.business-hours .business-open {
margin: 0;
}
.business-hours .business-open {
padding-bottom: 18px;
}
.business-hours .business-open:last-child {
padding-bottom: 0;
}
/*---------Tags-----------*/
.list-tags {
display: inline-block;
}
.list-tags li {
margin-right: 5px;
display: inline-block;
margin-bottom: 10px;
}
.list-tags .btn.v2 {
background: transparent;
padding: 8px 14px;
border: 1px solid #ddd;
color: #888 !important;
transition: 0.3s;
display: inline-block;
font-size: 14px;
font-weight: 400;
transition: 0.5s;
line-height: 1;
}
.list-tags .btn.v2:hover {
color: #b49141 !important;
border-color: #b49141;
}
/*---------------------------------
User Login Page
---------------------------------*/
.login-wrapper {
background: #fff;
}
#user-login-popup .modal-header {
border-bottom: none;
}
.user-login-section {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.signup-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
vertical-align: middle;
align-content: center;
align-items: center;
height: 100%;
}
.signup-wrapper p {
text-align: center;
margin-top: 20px;
}
.user-login-section .nav-tabs {
border-bottom: none;
}
.user-login-section .nav-tabs .nav-link.active {
color: #b49141;
}
.user-login-section .nav-tabs .nav-link {
border: none;
font-size: 18px;
color: #333;
text-transform: uppercase;
font-weight: 500;
padding: 8px 16px 8px 0;
}
.single-banner-item.style2 .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
background-color: transparent;
}
#login-form .form-control:focus,
#register-form .form-control:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#login-form input,
#register-form input {
padding: 22px 0;
border-bottom: 1px solid #ddd;
border-top: none;
border-left: none;
border-right: none;
}
#user-login-popup .modal-body {
padding: 25px;
}
#user-login-popup .modal-header {
padding: 0;
}
#user-login-popup .modal-header .close {
padding: 0;
position: absolute;
right: 25px;
top: 25px;
z-index: 999;
}
#user-login-popup .modal-header .close i {
font-size: 25px;
}
#login-form input[type="checkbox"],
#register-form input[type="checkbox"] {
margin-right: 0;
}
/*---------------------------------------
Add Listing Page
---------------------------------------*/
.add-listing__input-file-box {
position: relative;
margin-bottom: 1.875rem;
}
.add-listing__input-file {
width: 100%;
height: 150px;
position: relative;
z-index: 2;
cursor: pointer;
opacity: 0;
}
.add-listing__input-file-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px dashed #888;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.add-listing__input-file-wrap i {
font-size: 2.5rem;
color: #ccc;
}
.add-listing__input-file-wrap p {
color: #ccc;
margin-bottom: 0;
}
label.fix_spacing {
font-size: 16px;
line-height: 50px;
margin-bottom: 0;
font-weight: 400 !important;
}
.add_list_content .filter-input {
margin-top: 0 !important;
color: #888 !important;
font-weight: 300;
font-size: 15px;
}
.add_list_content h4 {
margin-bottom: 30px;
}
.add_list_content h4 i {
margin-right: 5px;
color: #b49141;
}
.add_list_content label {
font-weight: 400;
color: #333;
text-transform: capitalize;
font-size: 15px;
}
.add_list_content #list_info {
border-radius: 5px;
font-weight: 300;
font-size: 14px;
}
.tab-content.add_list_content .form-group {
margin-bottom: 30px;
}
.custom-select.filter-input ul li {
font-size: 15px;
}
.res-box label a {
color: #b49141;
}
.res-box label {
margin-left: 5px;
}
#social_network button:last-child {
margin-left: 10px;
}
/*---------------------------------------------
Booking Information
--------------------------------------------*/
.boxed-widget {
border-radius: 3px;
padding: 32px;
transform: translate3d(0, 0, 0);
z-index: 90;
position: relative;
border: 1px solid #ddd;
}
.boxed-widget.summary h3 {
padding: 0 0 25px;
}
.boxed-widget h3 {
font-size: 20px;
padding: 0 0 25px;
margin: 0 0 25px;
display: block;
border-bottom: 1px solid #e8e8e8;
}
.boxed-widget h3 i {
margin-right: 10px;
color: #b49141;
}
.boxed-widget ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}
.boxed-widget ul li {
width: 100%;
color: #000;
margin: 10px 0;
transition: .2s;
cursor: default;
font-size: 15px;
font-weight: 600;
}
.boxed-widget ul li span {
float: right;
font-weight: 400;
}
.total_cost span {
font-size: 18px;
color: #b49141;
font-weight: 500;
}
.total_cost h4 {
display: inline-block;
}
.total_cost.clearfix.border-top {
padding-top: 10px;
}
.payment-options {
padding: 10px 0;
text-align: left;
padding: 25px;
margin-top: 50px;
border: 1px solid #ddd;
border-radius: 3px;
}
.payment-options h4 {
margin-bottom: 0;
}
.payment-options .custom-checkbox {
line-height: 40px;
width: 100%;
}
.custom-checkbox {
margin-top: 10px;
cursor: pointer;
user-select: none;
}
.payment-options .custom-checkbox input[type="radio"] {
vertical-align: middle;
}
input[type="checkbox"],
input[type="radio"] {
margin-right: 10px;
}
.payment-options .sm-heading {
border-bottom: none;
line-height: 1;
margin-left: 0;
width: auto;
}
.custom-checkbox .sm-heading {
display: inline-block;
font-size: 12px;
}
.sm-heading,
.xsm-heading {
color: #141414;
display: block;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.alert-text {
padding: 0 0 0 27px;
}
.payment-options .custom-checkbox {
line-height: 40px;
width: 100%;
}
.payment-options .custom-checkbox .card-options {
display: inline-block;
float: right;
}
.card-options img {
margin: 0 0 0 6px;
}
/*----------------------------------------
Booking success
------------------------------------------*/
.booking-confirmation-page {
text-align: center;
}
.booking-confirmation-page i {
color: #23b35f;
font-size: 140px;
line-height: 1.1;
}
.booking-confirmation-page h2 {
font-size: 40px;
font-weight: 700;
letter-spacing: -.5px;
margin-bottom: 10px;
display: block;
}
.booking-confirmation-page p {
font-size: 20px;
display: block;
margin-bottom: 30px;
}
.booking-confirmation-page a.button {
padding: 11px 35px;
background-color: #eee;
color: #444;
font-weight: 600;
font-size: 16px;
}
/*------style2------*/
.listing-details-next,
.listing-details-prev {
position: absolute;
top: 46%;
z-index: 9999;
opacity: 0;
transition: 0.5s;
}
.listing-details-next {
right: 3%;
}
.listing-details-prev {
left: 3%;
}
.listing-details-slider:hover .listing-details-next,
.listing-details-slider:hover .listing-details-prev {
opacity: 1;
}
/*-------------------------------------
User Profile
----------------------------------------*/
.user-avatar {
height: auto;
border-radius: 50%;
position: absolute;
}
.user-name {
position: relative;
left: 135px;
top: 30px;
}
.user-follow.text-right p {
display: inline-block;
margin-right: 15px;
}
.user-follow.text-right p span {
color: #b49141;
font-weight: 600;
}
.user-follow.text-right a {
margin-top: -5px;
}
.user-name h4 {
font-size: 20px;
margin-bottom: 0;
}
.user-follow li {
display: inline-block;
padding-left: 15px;
font-size: 15px;
}
.user-follow {
margin-right: 10px;
padding-top: 65px;
}
.user-follow li span {
color: #b49141;
font-weight: 600;
}
.user-avatar img {
border-radius: 50%;
width: 120px;
}
.user-contact li i {
margin-right: 12px;
font-size: 20px;
}
.user-contact li {
font-weight: 400 !important;
font-size: 20px;
}
.boxed-widget .address {
padding-left: 0;
padding-right: 0;
}
.user_info_menu {
border-bottom: 1px solid #ddd;
}
.user_info_menu .nav-tabs {
border-bottom: none;
}
.user_info_menu .list-details-tab .nav-item::after {
bottom: -1px;
}
/*---------------------------------
About Page
----------------------------------*/
.about-text {
background: #fff;
}
.about-text p {
font-size: 16px;
}
.about-text span {
color: #888;
position: relative;
display: inline-block;
padding-bottom: 5px;
font-weight: 500;
letter-spacing: 1px;
text-transform: capitalize;
}
.about-text h2 {
line-height: 1.2;
margin: 0 0 30px 0;
font-size: 35px;
font-weight: 400;
text-transform: uppercase;
}
/*--------Team section--------*/
.team-section {
position: relative;
}
.single-team-member {
position: relative;
overflow: hidden;
}
.single-team-member.agent-item {
border: 1px solid #eee;
}
.single-team-member.v1 .single-team-info {
background-color: #b49141;
padding: 30px 15px;
position: absolute;
bottom: -100%;
opacity: 0;
transition: all 0.5s;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.single-team-member.v1 .single-team-info h4 {
margin-bottom: 5px;
color: #fff;
line-height: 1.2;
}
.single-team-member.v1 .single-team-info span {
color: #FFF;
font-weight: 400;
display: inline-block;
margin-bottom: 5px;
}
.single-team-member.v1 .single-team-info .social-buttons.style2 {
margin-top: 8px;
}
.single-team-member.v1 .single-team-info .agent-link {
color: #fff;
border-bottom: 1px solid #fff;
margin-top: 15px;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
display: inline-block;
}
.single-team-member.v1 .single-team-info .agent-link:hover {
color: #ddd;
border-bottom: 1px solid #ddd;
}
.agent-content h4 {
line-height: 1.2;
margin-bottom: 10px;
font-size: 26px;
font-weight: 400;
}
.agent-content span {
margin-bottom: 15px;
display: block;
}
.agent-content .contact-info {
margin-bottom: 5px;
}
.agent-content .contact-info .icon {
font-size: 14px;
width: 25px;
}
.agent-content .social-buttons li a:hover i {
color: #999 !important;
}
.agent-details-wrapper {
padding: 100px 0;
}
.agent-details-wrapper img {
border: 1px solid #eee;
}
.team_next,
.team_prev {
z-index: 99;
top: 35%;
transform: translateY(-35%);
transition: 0.6s;
}
.team_next {
right: 1.5%;
}
.team_prev {
left: 1.5%;
}
.team-wrapper {
position: relative;
}
.agent-wrapper:hover .team-next,
.agent-wrapper:hover .team-prev {
display: block;
transition: 0.5s;
}
.single-team-member.v1 {
margin-bottom: 30px;
}
.single-team-member.v1 img {
width: 100%;
}
.single-team-info span {
font-weight: 400;
}
.agent-grid .single-team-member.agent-item.v1:hover .property-location {
margin-bottom: 20px;
}
.agent-grid .single-team-member.agent-item.v1:hover .property-location p,
.agent-grid .single-team-member.agent-item.v1:hover .property-location i {
color: #fff;
}
/*---------------------Style2-------------------*/
.single-team-member.v2 .single-team-info {
background-color: #fff;
padding: 12px 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 30px;
transform: translateY(-50px);
box-shadow: 0 10px 15px #dddddd63;
border-radius: 3px;
text-align: center;
}
.single-team-member.v2 .single-team-info h4 {
margin-bottom: 5px;
line-height: 1;
}
.single-team-member.v2 .single-team-info h4 a {
color: #333;
}
.single-team-member.v1 h4 a {
color: #fff;
}
.single-team-member.v2 .contact-info {
margin-top: 5px;
}
.single-team-member.v2 .contact-info .icon {
font-size: 12px;
padding-right: 5px;
width: 20px;
color: #b49141;
}
.single-team-member.v2 .contact-info .text,
.single-team-member.v2 .contact-info .text a {
color: #888;
font-size: 14px;
line-height: 1.2;
font-weight: 400 !important;
}
.single-team-member.v2 .single-team-info .list {
margin-top: 10px;
}
.single-team-member.v2 .single-team-info .single-team-info span {
color: #333;
font-weight: 400;
}
.single-team-member.v2 .single-team-info .social-buttons li {
padding: 0 5px;
}
.single-team-member.v2 .single-team-info .social-buttons.style2 li a i {
font-size: 14px;
color: #888;
}
.single-team-member.v2 .single-team-info .social-buttons.style2 li a i:hover {
color: #555 !important;
}
.agent-list>.row {
margin-bottom: 40px;
}
.product-list .single-team-info,
.agent-list .single-team-info {
background-color: transparent;
padding: 0 20px;
position: relative;
bottom: 0;
opacity: 1;
transition: all 0.5s;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
}
.product-list .single-team-info h4 a,
.agent-list .single-team-info h4 a,
.product-list .single-team-info span,
.agent-list .single-team-info span,
.product-list .single-team-info .contact-info .icon,
.agent-list .single-team-info .contact-info .icon,
.product-list .single-team-info .contact-info .text,
.agent-list .single-team-info .contact-info .text,
.product-list .single-team-info .contact-info .text a,
.agent-list .single-team-info .contact-info .text a,
.product-list .single-team-info .social-buttons li a i,
.agent-list .single-team-info .social-buttons li a i {
color: #333;
font-weight: 500;
}
.agent-list .single-team-info .agent-link {
text-decoration: underline;
font-weight: 500;
margin-top: 20px;
display: block;
}
.product-list .single-team-info {
display: block;
}
.agent-list .agent-content .property-location {
margin-bottom: 20px;
}
.agent-list .agent-content .property-location i {
color: #333;
}
/*===================================
Agent Chat box
====================================*/
.chat-popup {
border: 1px solid transparent;
border-radius: 50%;
bottom: 30px;
color: #fff;
cursor: pointer;
position: fixed;
right: 5.5%;
z-index: 999;
width: 55px;
height: 55px;
background: #b49141;
text-align: center;
}
.chat-popup i {
font-size: 28px;
line-height: 55px;
}
.chat-popup img {
border: 5px solid #b49141;
border-radius: 50%;
}
.chat-close {
cursor: pointer;
position: absolute;
top: 0;
right: 15px;
}
.chat-close i {
font-size: 18px;
}
.chat-bounce {
-moz-animation: float 1500ms infinite ease-in-out;
-webkit-animation: float 1500ms infinite ease-in-out;
animation: float 1500ms infinite ease-in-out
}
@keyframes float {
0% {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px)
}
50% {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px)
}
100% {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px)
}
}
.chat-popup:hover .chat-popup-msg {
visibility: visible;
opacity: 1;
}
.agent-chat-form.v1 {
display: none;
}
.agent-chat-form {
background: #fff;
/* box-shadow: 0 0 15px rgba(51, 51, 51, 0.1);*/
box-shadow: 0 20px 15px rgba(55, 55, 55, 0.15);
transition: 0.5s;
padding: 15px 0;
border-radius: 5px;
display: none;
}
.agent-chat-info li {
font-size: 14px;
font-weight: 400;
margin-left: -5px;
line-height: 1.3;
margin-bottom: 10px;
}
.chatbox-wrapper {
position: fixed;
width: 350px;
right: 130px;
bottom: 90px;
z-index: 999;
}
.agency-chat-img {
max-width: 100%;
margin-bottom: 6px;
}
.agent-chat-info li i {
margin-right: 10px;
}
.agent-chat-info li a {
color: #b49141;
font-weight: 500;
}
.chat-field {
padding: 12px 10px;
width: 100%;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 10px;
}
.chat-msg {
color: #ddd;
}
.chat-msg {
color: #888;
font-weight: 300;
font-size: 14px;
margin-bottom: 10px;
}
/*--------counter section----------*/
#counter {
padding: 80px 0;
}
.counter-text {
text-align: center;
}
.counter-text h6 {
color: #fff;
font-size: 40px;
margin-bottom: 0;
line-height: 1.2;
margin-top: 25px;
}
.counter-text p {
font-size: 17px;
color: #fff;
}
.counter-text i {
border: 1px solid #ddd;
padding: 10px;
border-radius: 50%;
color: #fff;
font-size: 30px;
}
.counter-section {
position: relative;
}
/*--------------------Counter v2-----------------*/
.counter-text.v2 h6 {
color: #333;
font-weight: 500;
font-size: 30px;
margin-top: 15px;
}
.counter-text.v2 p {
color: #333;
font-size: 16px;
}
.counter-text.v2 i {
border: none;
border-radius: 0;
color: #fa6742;
}
.counter-text.v2
/*-----------------------------------------
Contact Page
----------------------------------------*/
#contact_form .form-control-wrap input {
border-top: none;
border-left: none;
border-right: none;
}
#contact_form .form-control-wrap input {
font-weight: 300;
height: 45px;
border-radius: 3px;
}
#contact_form .form-control-wrap textarea {
border-radius: 3px;
}
#contact_form .form-group {
margin-bottom: 10px;
}
#contact_form .form-group .help-block {
color: #f91942;
font-size: 15px;
}
.map-view-wrap_item {
position: absolute;
width: 350px;
border-radius: 6px;
background: #fff;
padding: 25px 30px;
top: 80px;
right: 120px;
z-index: 9999;
}
.list-single-main-item-title {
margin: 0 0 20px 0;
border-bottom: 1px solid #eee;
}
.list-single-main-item-title h3 {
color: #444;
text-align: left;
font-size: 18px;
font-weight: 600;
}
.address-list {
display: block;
}
.contact-social li {
display: inline-block;
width: 35px;
height: 35px;
border: 1px solid transparent;
border-radius: 50%;
background: #b49141;
text-align: center;
margin-right: 5px;
transition: 0.5s;
cursor: pointer;
}
.contact-social li:hover {
border: 1px solid #ddd;
background: transparent;
}
.contact-social li:hover a i {
color: #444;
}
.contact-social li a i {
color: #fff;
font-size: 15px;
line-height: 35px;
}
.address-list ul li span i {
font-size: 20px;
}
.address-list ul li span {
width: 30px;
display: inline-block;
text-align: left;
}
.address-list ul li a {
font-size: 14px;
margin-left: 5px;
}
.contact-widget p {
margin-top: 15px;
}
.contact-widget {
border: 1px solid #ddd;
padding: 20px;
}
/* -----------------------------------------------------------------
9. COLOR SWITCHER
------------------------------------------------------------------*/
.color-switcher {
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 2px;
padding: 10px;
position: fixed;
top: 150px;
transition: all 0.4s ease 0s;
width: 200px;
z-index: 9998;
}
.hide-color-switcher {
right: -200px;
}
.show-color-switcher {
right: 0;
}
.color-switcher a.switcher-button {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 2px;
cursor: pointer;
font-size: 22px;
width: 45px;
height: 45px;
line-height: 43px;
position: absolute;
top: -1px;
right: 198px;
text-align: center;
}
.color-switcher .color-switcher-title h5 {
margin-bottom: 0;
color: #888;
}
.color-switcher .color-list a.color {
cursor: pointer;
display: inline-block;
height: 30px;
margin: 10px 5px 0 5px;
width: 30px;
border-radius: 5px;
}
.switcher-button i {
color: #b49141;
}
.red-theme {
background-color: #f91942;
}
.green-theme {
background-color: #1ec38b;
}
.blue-theme {
background-color: #6ae;
}
.orange-theme {
background-color: #FD901B;
}
.pink-theme {
background-color: #FC69A4;
}
.purple-theme {
background-color: #b49141;
}
.violet-theme {
background-color: #990099;
}
.aqua-theme {
background-color: #b49141;
}
.switcher-button i:before {
-webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
/*-------------------------------------------
Preloader
-------------------------------------------*/
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 9999;
overflow-x: hidden;
display: flex;
align-items: center;
justify-content: center;
}
/* ------------------------------------------
Single Agent Page
---------------------------------------------*/
.agent-detail {
background: #fff;
margin-bottom: 30px;
}
.agent-detail .agent-theme {
padding: 0;
}
.agent-details h3 {
font-weight: 500;
margin-bottom: 5px;
text-transform: capitalize;
line-height: 1.5;
}
.agent-detail h3 a {
color: #37404d;
}
.address-list {
margin: 0 0 20px;
padding: 0;
}
.address-list li {
line-height: 35px;
font-size: 16px;
color: #444;
font-weight: 400;
}
.address-list li span {
width: 100px;
font-weight: 500;
float: left;
}
.address-list li span i {
color: #95c41f;
width: 30px;
}
.additional-details-list {
margin: 0;
padding: 0;
}
.additional-details-list li {
list-style: none;
line-height: 36px;
font-weight: 600;
color: #333;
}
.additional-details-list li span {
margin-right: 20px;
float: left;
width: 130px;
font-weight: 400;
color: #4a4747;
}
.agent-bio {
margin-bottom: 50px;
}
/*------------------------------------------
Map Marker
-------------------------------------------*/
#map_right_listing {
width: 100%;
height: 600px;
}
.infoBox {
-webkit-animation: fadeIn .9s;
animation: fadeIn .9s;
padding-right: 0;
margin-left: 30px;
}
.infoBox>img {
position: absolute !important;
right: -1% !important;
top: -1% !important;
z-index: 9999;
width: 20px;
height: 20px;
display: block;
cursor: pointer
}
/*
.gmnoprint {
bottom: 300px !important;
position: absolute !important;
right: 50px !important;
}*/
span.infobox_rate {
display: inline-block !important;
float: right;
background-color: #f91;
font-weight: 500;
text-align: center;
width: 30px;
height: 30px;
border-radius: 50%;
padding: 0 !important;
line-height: 31px !important;
margin-top: -33px;
}
.map_container {
max-width: 280px !important;
}
.map_container .featured_btn {
position: absolute;
top: 6%;
left: 4%;
z-index: 999;
}
.marker-info img {
width: 100%;
border-radius: 5px 5px 0 0;
position: relative;
}
.marker-info {
border-radius: 5px;
text-align: left;
background: #000;
background: #fff;
position: relative;
z-index: 999;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
}
.marker-info:before {
position: absolute;
background: linear-gradient(to top, rgba(0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
width: 100%;
left: 0;
bottom: 0;
height: 100%;
content: '';
z-index: 9;
}
.marker_title {
line-height: 1;
font-size: 16px;
font-weight: 400;
margin-bottom: 4px;
}
.marker_price.trend-open span {
display: inline-block;
position: relative;
padding-left: 14px;
text-transform: inherit;
color: #fff;
}
.map_property_info li {
color: #555;
font-size: 14px;
}
.marker_price.trend-open span::before {
position: absolute;
top: -8px;
left: 3px;
content: "/";
font-size: 20px;
}
.marker_price.trend-open p {
color: #fff;
}
.marker-info span {
display: block;
/* padding: 20px;*/
font-size: 13px;
font-size: .8125rem;
line-height: 1.2;
color: #fff;
position: relative
}
.marker-text {
background: #fff;
padding: 10px;
}
.map_property_info {
columns: 2;
}
.marker_price.trend-open {
position: absolute;
bottom: 6%;
z-index: 10;
width: 100%;
}
.map_property_info li span {
margin-left: 5px;
}
.cluster-visible {
background-image: none !important;
background-color: #b49141;
border-radius: 50%;
color: #fff !important;
height: 50px !important;
line-height: 45px !important;
width: 50px !important;
animation: cluster-animation 1.5s linear infinite;
}
@keyframes cluster-animation {
0% {
box-shadow: 0 4px 10px rgba(100, 73, 231, 0.2), 0 0 0 0 rgba(100, 73, 231, 0.2), 0 0 0 5px rgba(100, 73, 231, 0.2), 0 0 0 10px rgba(100, 73, 231, 0.2);
}
100% {
box-shadow: 0 4px 10px rgba(100, 73, 130, 0.2), 0 0 0 5px rgba(100, 73, 130, 0.2), 0 0 0 10px rgba(100, 73, 231, 0.2), 0 0 0 20px rgba(100, 73, 231, 0);
}
}
.btn_infobox_reviews {
color: #888 !important;
padding: 0 !important;
}
.marker_info span strong {
display: block;
font-weight: 500
}
.marker_info:after {
right: 100%;
top: 56%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-right-color: #fff;
border-width: 12px;
margin-top: -12px
}
.marker_info::after {
right: 100%;
top: 56%;
border: solid transparent;
border-top-color: transparent;
border-top-width: medium;
border-right-color: transparent;
border-right-width: medium;
border-bottom-color: transparent;
border-bottom-width: medium;
border-left-color: transparent;
border-left-width: medium;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-right-color: transparent;
border-right-color: #fff;
border-width: 12px;
margin-top: -12px;
}
/*------------------------------------------
Responsive Css
-------------------------------------------*/
@media (min-width: 1250px) {
.container {
max-width: 1230px;
}
.featured-property-section.v2 .container-fluid {
padding: calc((100% - 1230px) / 2 + 15px);
padding-right: 0;
}
}
@media (max-width: 1200px) {
.trending-btn-wrap {
margin: 3px 0 0;
}
.hero.bg-zoom {
animation: none;
}
}
@media (min-width: 1200px) {
.similar-next {
right: -25px;
}
.similar-prev {
left: -25px;
}
.sidebar-left {
padding-right: 20px;
}
.agent-details-wrapper,
.sidebar-content-left {
margin-right: 20px;
}
.sidebar-content-right {
margin-left: 20px;
}
.sidebar-right {
padding-left: 20px;
}
.promo-section.v1 .container,
.value-calculator-section.v1 .container {
margin-left: 0;
padding-left: 0;
}
.value-calculator-section.v1 .value-content-wrap,
.promo-section.v1 .promo-content-wrap {
padding-left: 35px;
}
.promo-section.v2 .promo-content {
margin: 35px 3px 30px 20px;
}
.promo-section.v1::before {
position: absolute;
top: 0;
right: 0;
width: 67%;
height: 100%;
content: "";
background: rgba(221, 221, 221, 0.22);
}
.single-property_prev,
.single-property_next {
left: 41%;
}
.feature-prev {
left: -1%;
}
.feature-next {
right: -1%;
}
.sidebar-right:before {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
content: "";
background: #f7f7f7;
z-index: -1;
}
.sidebar-left:before {
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100%;
content: "";
background: #f7f7f7;
z-index: -1;
}
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
.hero__form.v1 {
padding: 10px 25px;
}
.hero__form.v2 {
padding: 15px 15px 0;
}
.listing-sidebar {
padding-left: 0;
}
.business-title {
padding: 10px;
}
.add_list .list-details-tab .nav-item {
margin-right: 25px;
}
.single-property-header.v4 .list-details-btn.text-right.sm-left {
text-align: left !important;
}
.single-property-header.v4 .property-feature li {
padding: 0;
}
.single-property_prev,
.single-property_next {
left: 51.4%;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter {
top: 135px;
}
.filter-wrapper.style1.half-map {
margin-top: 70px !important;
}
.explore__map-side {
top: 70px;
left: 0 !important;
height: 100%;
}
.property-amenities-box .list-details-tab .nav-item {
margin-right: 20px;
}
}
@media only screen and (max-width:1199px) {
.map-sidebar-content {
margin-top: 520px;
}
.hero__form.v2.filter.listing-filter .input-search,
.hero__form .hero__form-input {
margin-bottom: 15px;
}
.hero__form.v3.filter.listing-filter .input-search,
.hero__form.v3 .hero__form-input {
margin-bottom: 0;
}
.widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block {
background: #fff;
}
.hero__form.v2 .dropdown-filter {
padding-right: 30px;
float: right;
}
.filter-wrapper.half-map.advance_search .item-element,
.filter-wrapper.half-map.advance_search .filter-box.style1 {
margin-top: 480px;
}
.filter-wrapper.half-map.advance_search .filter-box.style1 .inner-wrapper-sticky {
position: relative !important;
left: 0 !important;
top: 0 !important;
}
.list-tags {
margin-bottom: 50px;
}
.similar-next {
left: 50%;
margin-left: 15px;
}
.similar-prev {
right: 50%;
margin-right: 15px;
}
.similar-prev,
.similar-next {
top: 100%;
}
.sidebar-right,
.sidebar-left {
padding-bottom: 0;
}
.hero__form.v1.filter.listing-filter .pr-30,
.hero__form.v1.filter.listing-filter .pr-0,
.hero__form.v1.filter.listing-filter.property-filter .col-md-6.pr-0,
.hero__form.v4.filter.listing-filter .pr-0,
.hero__form.v3.filter.listing-filter .pr-0 {
padding-right: 15px !important;
}
.hero__form.v1.filter.listing-filter .pl-0,
.hero__form.v1.filter.listing-filter .pl-30,
.hero__form.v1.filter.listing-filter.property-filter .col-md-6.pl-30,
.hero__form.v2.filter.listing-filter .pl-0 {
padding-left: 15px !important;
}
.hero__form.v2.filter.listing-filter.bg-ab .input-search,
.hero__form.v2.filter.listing-filter.bg-ab .custom-select.hero__form-input.custom-select {
margin-bottom: 15px;
}
.hero__form.v1.filter.listing-filter .dropdown-filter,
.hero__form.v2.filter.listing-filter.bg-ab .dropdown-filter,
.hero__form.v1.filter.listing-filter.property-filter .dropdown-filter {
float: right;
margin-right: 25px;
line-height: 1;
}
.hero__form.v1.filter.listing-filter .col-sm-12.col-12.py-3 {
padding-bottom: 15px !important;
padding-top: 0 !important;
}
.hero__form.v1.filter .custom-select.hero__form-input.custom-select {
margin-bottom: 10px !important;
}
.hero__form.v1.filter.listing-filter {
padding: 30px 32px 5px 32px;
border-radius: 0px 3px 3px 3px;
}
.hero__form.v1 .col-xl-5 .explore__map-side {
width: 100%;
position: absolute;
top: 70px;
left: 0 !important;
height: 300px;
padding-left: 0;
}
.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter {
top: 60px;
}
.promo-content-wrap {
margin-top: 50px;
}
#map-container.fullwidth-home-map {
height: 450px;
}
.slider-form.v1 .hero__form.v1 {
transform: translateY(0px);
border: 1px solid #f5f6f7;
}
.hero-slider .featured-property-item.bg-f {
height: 600px;
}
.promo-section.v2 .promo-content-wrap {
margin-left: 0;
}
.promo-section.v2 .promo-content {
margin-bottom: 25px;
}
.container.slider-form.v2.mt-130 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.trending-places.mt-140,
.promo-section.v1.mt-110.py-50 {
margin-top: 80px !important;
padding-top: 0 !important;
}
.container.mt-130 {
margin-top: 20px !important;
}
.trending-places.pt-130 {
margin-top: 30px !important;
}
.feature-prev,
.feature-next {
top: 105%;
transform: translateY(-50%);
}
.feature-next {
left: 50%;
margin-left: 20px;
}
.feature-prev {
right: 50%;
margin-right: 20px;
}
.explore__map-side {
position: absolute;
height: 450px;
width: 100%;
left: 0 !important;
padding-left: 0 !important;
}
.table.compare-table h4,
.table.compare-table .trend-open p {
font-size: 16px;
}
.property-slider-img.bg-l {
height: 600px;
}
.list-details-title.v4 {
transform: translateY(-300px);
}
.pricing-table {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px)and (max-width:1199px) {
.recent-list .entry-title {
font-size: 22px;
}
.property-location p {
font-size: 16px;
}
.entry-text .trend-open p {
font-size: 24px;
margin-top: 10px;
}
.hero__form.v1 .explore__form-checkbox-list.full-filter {
top: 150px;
}
}
@media only screen and (min-width: 576px)and (max-width:1199px) {
.sidebar .widget.recent-posts .entry-title a {
font-size: 20px;
}
.hero-slider .featured-prev,
.hero-slider .featured-next {
top: 40%;
}
.hero-slider .featured-prev {
left: 2%;
}
.hero-slider .featured-next {
right: 2%;
}
.promo-section.v1 .promo-content-wrap {
columns: 2;
}
.map-sidebar-content .map-filter .explore__form-checkbox-list.full-filter {
top: 80px !important;
}
}
@media only screen and (max-width: 1024px) {
.hero__form {
padding: 30px 25px 30px 25px;
}
.hero__title {
font-size: 3.8rem;
line-height: 4.4rem;
margin-left: -3px;
}
.trending-prev {
left: -2.5%;
}
.trending-next {
right: -2.5%;
}
.hero-category-content.v2 {
width: calc(100% * (1/3) - 20px);
padding: 10px 15px;
}
.featured-prev {
right: 50%;
margin-right: 15px;
}
.featured-next {
left: 50%;
margin-left: 15px;
}
.property-author-wrap {
opacity: 1;
visibility: visible;
}
.single-property_prev,
.single-property_next {
left: 51.4%;
}
.single-team-member.v1 .single-team-info {
bottom: 0;
opacity: 1;
flex-direction: column;
height: auto;
padding: 15px 0;
background-color: rgba(100, 73, 231, 0.79);
}
.agent-grid .single-team-member.v1 .single-team-info .social-buttons.style2 {
display: none;
}
.agent-grid .single-team-member.v1 .single-team-info .agent-link {
margin-top: 5px;
}
.agent-grid .single-team-member.v1 .single-team-info .agent-content .contact-info {
line-height: 1.7;
}
}
@media only screen and (min-width: 1025px) {
.bg-fixed {
background-attachment: fixed;
background-repeat: no-repeat;
}
.single-place:hover .single-place-title {
transform: translatey(-15px);
}
.single-place:hover .single-place-list {
transform: translatey(-25px);
opacity: 1;
}
.single-place:hover .explore-place {
transform: translatey(-12px);
color: #fff;
opacity: 1;
}
.popular-catagory-content:hover.popular-catagory-content .cat-content {
opacity: 1;
}
.single-blog-item.v2:hover .blog-hover-content .blog-title {
transform: translatey(-20px);
}
.single-blog-item.v2:hover .blog-hover-content a.btn.v6 {
transform: translatey(-6px);
transition-delay: 0.1s;
opacity: 1;
}
/* .featured-property-wrap:hover .featured-prev,
.featured-property-wrap:hover .featured-next {
visibility: visible;
opacity: 1;
}
.featured-property-wrap:hover .featured-prev {
left: 4.5%;
}
.featured-property-wrap:hover .featured-next {
right: 4.5%;
}*/
.featured-prev,
.featured-next {
/*visibility: hidden;*/
opacity: 1;
top: 50%;
transform: translateY(-50%);
}
.featured-prev {
left: 5%
}
.featured-next {
right: 5%
}
.single-team-member.v1:hover .single-team-info {
bottom: 0;
opacity: 1;
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 1024px) {
.single-place-content {
bottom: 3.6rem;
}
.single-place .explore-place {
transform: translatey(30px);
color: #fff;
opacity: 1;
}
.popular-catagory-content .cat-content {
opacity: 1;
}
.blog-hover-content .blog-title {
transform: translatey(15px);
}
.hero.v1:after {
bottom: -3px;
}
.container.mt-30 {
margin-top: 100px !important;
}
.property-place.pb-110 {
padding-bottom: 80px !important;
}
.trending-places.py-130.mt-1 {
padding-top: 40px !important;
}
.promo-section.v1.mt-10.py-50 {
padding-top: 30px !important;
}
}
@media only screen and (min-width: 992px) {
.property-list.fullwidth .list-extra .trend-open {
margin-top: 30px;
}
.value-calculator-section.v1:before {
position: absolute;
top: 0;
right: 0;
width: 70%;
height: 100%;
content: "";
background: #f7f7f7;
}
.team_next,
.team_prev {
visibility: hidden;
opacity: 0;
}
.team-wrapper:hover .team_next,
.team-wrapper:hover .team_prev {
visibility: visible;
opacity: 1;
}
.team-wrapper:hover .team_next {
right: 2%;
}
.team-wrapper:hover .team_prev {
left: 2%;
}
}
@media only screen and (min-width: 992px) and (max-width:1024px) {
.site-navbar .site-navigation .site-menu>li {
padding: 10px 8px;
}
.hero-category-content {
width: calc(100% * (1/3) - 21px);
margin-bottom: 15px;
}
.app-img {
top: -85px;
}
.testimonial-quote {
padding: 40px 60px;
width: 500px;
}
}
@media only screen and (max-width:992px) {
.trending-next,
.coupon-next,
.team-next,
.testimonial-next,
.trending-prev,
.coupon-prev,
.team-prev,
.testimonial-prev {
top: 105%;
}
.team-next,
.team-prev {
top: 60px;
}
.trending-prev,
.coupon-prev,
.team-prev,
.testimonial-prev {
left: 44%;
}
.trending-next,
.coupon-next,
.team-next,
.testimonial-next {
right: 44%;
}
}
@media only screen and (min-width: 768px) and (max-width:991px) {
.hero__title,
.hero-title.v2 {
font-size: 2.8rem;
margin-left: 0;
}
.hero__description {
font-size: 1rem;
}
.hero-category-content {
width: calc(100% * (1/3) - 21px);
margin-bottom: 15px;
}
.header-text.v1 h1,
.header-text.v2 h1 {
font-size: 42px;
}
.pl-xs-0 {
padding-left: 0 !important;
}
.pr-xs-0 {
padding-right: 0 !important;
}
.property-list.fullwidth .single-property-box .property-title-box {
padding: 20px 20px;
}
.property-list.fullwidth .property-item .save-btn {
display: block;
float: left;
margin-top: 10px;
}
.property-list.fullwidth .property-item .property-author {
display: block;
}
.trend-open p {
text-align: center;
}
.testimonial-quote {
padding: 30px;
width: 500px;
}
.testimonial-quote p {
margin-top: 10px;
}
.client-btn-wrap {
right: 3%;
padding: 5px 6px 5px 6px;
}
.client-btn-wrap {
bottom: 27%;
}
.client-next i,
.client-prev i {
font-size: 22px;
margin: 0 5px;
}
.location-info {
right: 20px;
padding: 15px;
}
.location-info h3 {
color: #fff;
font-size: 18px;
font-weight: 400;
text-align: center;
}
.single-location-box i {
font-size: 28px;
}
.location_box_info {
margin-left: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width:991px) {
.featured-property-info .property-title-box h4 a {
font-size: 22px;
}
.featured-property-info .property-title-box {
padding: 24px;
width: 360px;
left: 3%;
}
.action-title h2 {
font-size: 28px;
}
.hero-slider.v2 .list-details-title.v3 {
padding: 30px;
width: 380px;
}
.single-listing-title h2 {
font-size: 24px;
}
}
@media only screen and (min-width: 481px) and (max-width:991px) {
.section-title {
font-size: 1.7rem;
}
.nav-folderized .nav h2::before {
opacity: 0;
}
}
@media only screen and (max-width:991px) {
.hero {
padding: 7rem 0 12.5rem;
}
.hero.v1 {
padding-top: 15rem;
}
.single-blog-item.v1 img,
.popular-catagory-img img,
.coupon-img img {
width: 100%;
}
.hero__form.v2.filter.listing-filter.bg-cb .explore__form-checkbox-list.full-filter .col-lg-4.col-md-6.py-1.pr-30 {
padding-right: 15px !important;
}
.hero__form-input {
width: 100%;
}
.hero__input-holders {
width: 40rem;
margin-bottom: 1rem;
}
.hero-client-section.v2 {
height: 600px;
}
.site-navbar-wrap.v2 {
padding: 15px 0;
}
.site-navbar-wrap.v1 {
padding: 15px 0;
}
.sm-center {
text-align: center !important;
}
.sm-right {
float: right !important;
}
.sm-left {
text-align: left !important;
}
.md-left {
float: left !important;
}
.btn.v1 {
font-size: 16px !important;
padding: 10px 20px !important;
display: inline-block !important;
}
.hero__title {
margin-top: 100px;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter {
top: 250px;
}
.widget .hero__form.v2 .explore__form-checkbox-list.full-filter .col-lg-6.col-md-12.pl-0 {
padding-left: 15px !important;
}
.testimonial-btn.v2 {
bottom: -50px;
left: 52%;
}
.agent-details-wrapper {
padding-top: 0;
}
.explore__map-side {
top: 60px;
}
.hero-client-section.v2 .section-title.v2 {
text-align: center;
}
.hero-client-section.v2 .section-title.v2 h2 {
margin-bottom: 10px;
}
.site-navbar-wrap.v1 {
padding: 15px 0;
}
.site-nav-wrap a.btn.v1 {
margin-top: 15px;
padding: 5px;
}
.header-text.v2 {
margin-bottom: 40px;
}
.hero-slider-info .filter-title p {
color: #fff;
}
.hero-slider-info #amount_one,
.hero-slider-info #amount_two {
background: transparent;
color: #fff;
}
.list-details-title.v2 {
bottom: 25%;
}
.call-to-action.bg-h.consult-form.v1,
.call-to-action.bg-h.consult-form.v2 {
height: 750px;
}
.widget.filter-widget .filter-checkbox ul {
columns: 1;
}
.category-section.v2 .col-md-6 {
margin-bottom: 30px;
}
.category-section.v2 .single_cat p {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.contact-map.v2 .gmnoprint {
bottom: 200px !important;
}
.value-input-wrap input[type="text"] {
box-shadow: 0 0px 15px rgba(221, 221, 221, 0.77);
}
.single-blog-item.v3 h4 a {
font-size: 20px;
}
.contact-map {
margin-top: 50px;
}
.filter-wrapper.style1.v2 .hero__form.filter {
background: transparent;
box-shadow: none;
}
.filter-wrapper.style1.v2 .hero__form.v2 .hero__form-input {
border: none;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
}
.filter-wrapper.style1.mt-100.half-map {
margin-top: 50px !important;
}
.add-list {
display: none !important;
}
.sm-none {
display: none !important;
}
.pricing-table {
margin-bottom: 30px
}
.sm-right {
text-align: right !important;
}
.listing-sidebar {
margin-top: 0;
padding-left: 0;
}
.single-property_prev,
.single-property_next {
left: 51.4%;
}
.single-property_prev {
top: 52%;
}
.single-property_next {
top: 59%;
}
.hero__form.v2 .hero__form-input {
width: 100%;
border: 1px solid #ccc;
border-radius: 3px;
padding: 10px;
background: #fff;
}
.hero__form.v2 {
padding: 20px 20px 20px;
}
.hero__form.v2 .hero__form-input::before {
display: none;
}
.hero__form.v2 .custom-select.hero__form-input {
line-height: 0 !important;
}
.hero__form.v2 .custom-select::after {
right: 5%;
top: 53%;
}
.explore__form-checkbox-list.full-filter {
left: 0%;
}
.filter-checkbox {
margin-bottom: 25px;
}
.full-filter .price-range.ui-widget.ui-widget-content {
width: 220px;
}
.nav-folderized .nav h2 {
cursor: pointer;
}
.nav-folderized ul.res-list {
max-height: 0;
overflow: hidden;
transition: 0.5s ease-out;
}
.nav-folderized .nav h2:after {
content: "\e874";
float: right;
font-family: "Linearicons-Free";
font-size: 17px;
line-height: 1;
margin-left: 10px;
position: absolute;
right: 3%;
}
.nav-folderized .nav.open h2:after {
content: "\e873";
float: right;
font-family: "Linearicons-Free";
font-size: 18px;
}
.nav-folderized .nav.open ul {
height: auto;
max-height: 500px;
transition: 0.5s ease-in !important;
}
.hero.v2,
.hero.v3 {
padding-top: 200px;
}
.hero-catagory-wrapper.v2 {
transform: translateY(0px);
padding-bottom: 250px;
}
.slider-btn.v1 {
width: 35px;
height: 35px;
}
.slider-btn.v1 i {
line-height: 32px;
font-size: 15px;
}
.user-follow.text-right p {
margin-top: 20px;
}
.review-item__post {
display: flex;
}
.review-item__content {
margin-top: 50px;
}
.review-item__post-image {
margin-bottom: 10px;
}
.user_info_menu {
border-bottom: none;
}
.boxed-widget.summary {
margin-top: 30px;
}
.add_list .nav.nav-tabs.list-details-tab {
display: block;
}
.add_list .list-details-tab .nav-item {
border-bottom: 1px solid #ddd;
}
.map-view-wrap_item {
position: relative;
left: 0;
top: 0;
background: transparent;
border-radius: 0;
z-index: 999;
padding: 40px 0 0 0;
}
.contact-widget {
margin-top: 50px;
}
.blog-hover-content .blog-title {
transform: translatey(-35px);
}
.device-logo a img {
width: 32%;
}
.filter-sub-menu.style1 ul li.has-sub>a {
margin-top: 15px;
}
.footer-top-area .footer-content .title {
margin-top: 15px;
line-height: 1;
}
.footer-logo .company-desc {
margin-bottom: 20px;
}
#list-view.product-list .property-item .property-title-box {
padding: 15px 30px;
}
.value-content {
padding-left: 0;
margin: 30px 0;
}
.single-property-slider .property-slider-img.bg-f {
height: 650px;
}
.list-gallery-thumb {
margin-top: 5px;
padding: 0 10px;
}
.list-gallery-thumb .col-2 {
padding: 5px;
}
.list-gallery-thumb .col-2.mb-27 {
margin-bottom: 0 !important;
}
.hero-slider.v2 .list-details-title.v3 .property-feature {
columns: 2;
padding: 5px 0;
}
.item-element.res-box {
margin-top: 10px;
}
.property-list .single-property-box .property-title-box {
padding: 30px;
}
.property-list.fullwidth .list-extra {
padding: 10px 15px 25px;
}
.hero__form.v1.filter.listing-filter.property-filter .explore__form-checkbox-list.full-filter .pl-0 {
padding-left: 15px !important;
}
.hero__form.v1.filter.listing-filter.property-filter .explore__form-checkbox-list.full-filter .pr-30 {
padding-right: 15px !important;
}
.action-title.sm-center {
margin-bottom: 45px;
padding: 0 35px;
}
.category-content h3 {
padding: 0 10px;
line-height: 1.2;
}
.hero__form.v4.filter.listing-filter .input-search,
.hero__form.v4.filter.listing-filter .custom-select.hero__form-input.custom-select {
margin-bottom: 15px;
}
.hero__form.v3 {
background: rgba(0, 0, 0, 0.34);
padding: 15px;
}
.hero__form.v3 h4 {
color: #fff;
}
.about-section .testimonial-video {
margin-bottom: 30px;
}
.contact-section .contact-map.v1 {
top: -380px;
width: 100%;
}
.contact-section .container .row {
margin-top: 320px;
}
.value-content-wrap .section-title.v2 {
text-align: center;
margin-top: 30px;
}
.call-to-action.consult-form.v1 .form-group .filter-input {
margin-top: 0;
}
.hero-client-section.v2 .testimonial-btn.v2 {
bottom: -400px;
left: 43%;
}
.single-property-next,
.single-property-prev {
top: 85%;
opacity: 1;
visibility: visible;
}
.single-property-next {
left: 50%;
margin-left: 15px;
}
.single-property-prev {
right: 50% !important;
left: auto;
margin-right: 15px;
}
.counter-text.v2 {
margin-bottom: 30px;
}
.featured-property-wrap.v1 {
padding-bottom: 150px;
}
.featured-property-wrap.v1 .featured-property-item.bg-h {
position: relative;
}
.featured-property-wrap.v1 .featured-property-info .property-title-box {
width: auto;
transform: translateY(250px);
padding: 30px 40px;
box-shadow: 0px 14px 29px 0px rgba(221, 221, 221, 0.3);
}
.featured-property-wrap.v1 .featured-prev,
.featured-property-wrap.v1 .featured-next {
top: 35%;
}
.featured-property-wrap.v1 .featured-prev {
left: 4.5%;
}
.featured-property-wrap.v1 .featured-next {
right: 4.5% !important;
left: auto;
}
}
@media only screen and (min-width: 576px) and (max-width:767px) {
.hero__title,
.hero-title.v2 {
font-size: 2.5rem;
line-height: 2.5rem;
margin-left: 0px;
letter-spacing: 0;
}
ul.listing-features {
columns: 2;
}
.page-wrapper.fixed-footer {
margin-bottom: 600px;
}
.team_next,
.team_prev {
top: 42%;
}
.item-filter-list li a {
padding: 6px 12px;
}
.testimonial-quote {
padding: 30px;
width: 100%;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.map-sidebar-content .hero__form.v1.filter .col-sm-12.pr-0 {
padding-right: 15px !important;
}
.single_property_agent .agent-details {
margin-top: 20px;
padding: 0 70px;
}
}
@media only screen and (min-width:768px) {
.sticky-header {
position: fixed;
top: 9%;
left: 0;
width: 100%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
transform: translateY(0);
padding-left: 0px;
padding-top: 5px;
}
.fixed-mortgage {
position: fixed;
top: 10%;
right: 0;
width: 100%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
transform: translateY(0);
}
}
@media only screen and (max-width:767px) {
.xs-center {
text-align: center !important;
}
.bg-xs {
height: 500px;
}
.hero__list-item a {
padding: 5px 15px;
}
.sm-center {
text-align: center !important;
}
.sm-right {
float: right !important;
}
.trending-pagination {
bottom: 10%;
}
.hero__description {
font-size: 1rem;
}
.hero__title {
letter-spacing: 0;
}
.hero-img.text-right {
display: none;
}
.hero-parallax .hero-slider-item {
padding: 170px 0;
}
.hero-parallax {
height: 980px;
}
.header-text.v1 h1,
.header-text.v2 h1 {
font-size: 40px;
}
.header-text.v2 span {
font-size: 14px;
}
.hero__form.v1.filter.listing-filter .dropdown-filter {
margin-right: 5px;
}
.site-navbar-wrap.v2.style2 .menu-btn,
.site-navbar-wrap.v1 .menu-btn {
justify-content: center;
margin: 5px 0 10px 0;
}
.item-element p {
line-height: 26px;
}
.counter-text {
margin-top: 35px;
}
.margin-bot-35 {
margin-bottom: 35px;
}
.hero-category-content {
width: calc(100% * (1/3) - 21px);
margin-bottom: 15px;
}
.list-details-title.v2 {
bottom: 25%;
}
.property-amenities-box {
transform: translateY(30%);
height: 450px;
padding: 25px;
}
.property-amenities-box .list-details-tab.nav-tabs {
border-bottom: 1px solid #ddd;
}
.property-amenities-box .list-details-tab li.nav-item,
.property-amenities-box .list-details-tab.fixed_nav li {
border-bottom: none;
}
.trending-places.v2 .single-listing-title.float-left {
margin-top: 10px;
}
.explore__map-side {
top: 120px;
}
#map_right_listing {
margin-top: 70px;
}
.map-sidebar-content {
margin-top: 580px;
}
.list-details-btn {
margin-top: 22px;
text-align: left !important;
}
.btn.v5 {
margin-left: 11px;
}
.navigation__logo img {
width: 130px !important;
height: auto;
}
.mr-30 {
margin-right: 0px !important;
}
.list-details-tab {
display: block;
}
.list-details-tab li.nav-item,
.list-details-tab.fixed_nav li {
display: block;
border-bottom: 1px solid #ddd;
padding: 10px 0 !important;
}
.pricing-list li.nav-item a {
padding-right: 20px;
}
.trending-places .list-details-tab li {
display: inline-block;
border-bottom: none;
}
.trending-places .list-details-tab.nav-tabs {
border-bottom: 1px solid #ddd;
}
.list_menu {
border-bottom: none;
margin-bottom: 0px;
}
.item-wrapper .product-list .property-item .property-title-box {
padding: 20px 30px;
}
.trending-places .single-property-header.v4 .list-details-title.v2 .list-details-btn {
margin-top: 5px;
}
.hero__list-item a {
font-size: 1rem;
}
.hero__list-item a i {
font-size: 0.9375rem;
}
.hero__form-input {
width: 100%;
margin-right: 0;
}
.hero__input-holders {
width: 100%;
border-radius: 0.25rem;
}
.list-details-tab.nav-tabs .nav-link {
text-align: left;
border-bottom: 1px solid #ddd;
}
.list-details-tab.nav-tabs .nav-link.active {
border-bottom: none;
}
.list-details-tab.nav-tabs {
border-bottom: none;
}
.feature-left.float-left {
margin-top: 25px;
}
.room-type-item .feature-right {
margin-top: -47px;
}
.facilities-list {
margin-top: 45px;
}
.listing-details-slider .single-listing-slider a img,
.room-type-item img {
width: 100%;
}
.review_wrap .rate-review {
margin-bottom: 10px;
}
.list-tags {
margin-bottom: 30px;
}
.review-box {
padding: 0 10px;
}
.agent-list .single-team-info {
flex-direction: row;
}
.trending-prev,
.coupon-prev,
.team-prev,
.partner-prev,
.testimonial-prev {
left: 43%;
}
.trending-next,
.coupon-next,
.team-next,
.partner-next,
.testimonial-next {
right: 43%;
}
.coupon-desc.float-right h4 {
margin-top: 30px;
margin-bottom: 0;
}
.coupon-owner {
margin-bottom: 20px;
}
.work-process-content {
margin-bottom: 30px;
}
.contact-widget {
margin-top: 50px;
}
.list-details-tab.nav-tabs.pricing-list .nav-item {
margin-right: 0;
text-align: left;
}
.list-details-tab.nav-tabs.pricing-list .nav-item:first-child {
padding-right: 15px;
}
.app-content {
padding-bottom: 30px;
}
.app-img {
position: relative;
top: 10px;
}
.action-title p {
margin-bottom: 30px;
}
.add_list_content .filter-input {
margin-bottom: 15px;
}
.single-property-details.v1 {
margin-top: 260px !important;
}
.listing-address,
.property-info {
columns: 2;
}
.floor-list li {
display: block;
float: left;
}
.floor-list li:first-child {
margin-left: 0;
}
.floor-list {
display: block;
margin-left: 0;
}
.nearby-place {
margin-bottom: 5px;
}
.contact-form__input-text,
.contact-form__textarea {
margin: 0 0 15px;
}
.property-list .single-property-box .property-title-box {
padding: 20px 20px;
}
.category-section.bg-xs {
height: 350px;
}
.category-content h3 {
font-size: 26px;
}
#general_info .listing-input.hero__form-input.custom-select {
margin-bottom: 30px;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter {
top: 250px;
}
.hero__form.v1 .explore__form-checkbox-list.full-filter {
top: 280px;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter .pr-30 {
padding-right: 15px;
}
.hero__form.v2 .explore__form-checkbox-list.full-filter .col-lg-4.col-md-6.py-1.pl-0 {
padding-right: 15px;
}
.value-content-wrap .section-title.v2 h2 {
margin-bottom: 20px;
font-size: 26px;
line-height: 1.4;
font-weight: 500;
}
.value-content {
margin: 0;
}
.call-to-action.consult-form.v1 .form-group {
margin-bottom: 15px;
}
.promo-section.v2 .promo-content-wrap {
columns: 1;
}
.single-team-member.v2 img {
width: 100%;
}
.promo-section.v1 .promo-content img {
max-width: 45px;
margin-bottom: 20px;
}
.single-property_next,
.single-property_prev {
top: 90%;
}
.single-property_next {
left: 54%
}
.single-property_prev {
left: 42%
}
.value-calculator-section.py-80.mt-140.v1,
.trending-places.pb-130.mt-140 {
margin-top: 30px !important;
}
.hero-client-section.mt-140.pb-5 {
margin-top: 50px !important;
}
.featured-property-section.pt-130.mt-1,
.trending-places.pt-130 {
padding-top: 60px !important;
}
.client-btn-wrap {
right: 30px;
bottom: 27%;
}
.site-navbar-wrap.v1 .user-btn li,
.site-navbar-wrap.v2 .user-btn li {
margin-left: 0;
margin-right: 25px;
}
.site-navbar-wrap.v1 .navbar-brand {
max-width: 180px;
margin-bottom: 20px;
}
.site-navbar-wrap.v2.style2 {
padding-bottom: 15px;
}
.site-navbar-wrap.v2 .navbar-brand {
margin-bottom: 15px;
}
.single-team-member.agent-item img {
width: 100%;
}
.single-team-info .agent-content {
padding: 30px 0;
}
.table-content table td {
min-width: 200px;
}
.location-info {
position: relative;
right: auto;
}
.product-rating li i {
font-size: 10px !important;
}
.list-ratings {
margin-bottom: 15px;
margin-left: 0px;
}
.mb-40 {
margin-bottom: 10px !important;
}
.widget-title {
font-size: 17px;
}
.recent-list .entry-title {
font-size: 14px;
}
.listing-address li,
.property-info li {
font-size: 14px;
}
.faq-section .card-header>a {
font-size: 10px;
font-weight: 600;
}
.custom-select .dropdown-toggle:after {
display: none !important;
}
.entry-img span {
font-size: 8px;
}
.footer form p {
color: #fff;
}
button.btn.dropdown-toggle.bs-placeholder.btn-light {
background: #000;
border: none;
}
.align__right--desktop {
text-align: left !important;
}
p.footer-headline {
font-weight: 800;
color: #fff;
/* text-align: left !important;*/
}
ul.dropdown-menu.inner.show a {
color: #000;
}
button.btn--sm.submitYourProperty {
font-size: 10px;
}
.footer p {
font-size: 12px;
line-height: 25px !important;
color: #fff;
}
.mt-40.\34 0-mobile {
margin-top: 0px !important;
}
.featured-price p {
font-size: 14px;
line-height: 1;
color: #fff;
}
}
@media only screen and (min-width:767px) {
.no-pad-lr {
padding-right: 0 !important;
padding-left: 0 !important;
}
.single-featured-list:hover .single-featured-prev {
left: 2.5%;
visibility: visible;
opacity: 1;
}
.single-featured-list:hover .single-featured-next {
right: 2.5%;
visibility: visible;
opacity: 1;
}
.single-featured-prev,
.single-featured-next {
visibility: hidden;
opacity: 0;
}
}
@media (max-width: 575px) {
.xs-left {
float: left !important;
}
.hero.v1 {
padding-top: 15rem;
}
.header-top-left {
display: none;
}
.site-navbar-wrap .navbar-brand {
max-width: 180px;
}
.header-top-section .menu-btn {
justify-content: center;
padding: 5px 0;
}
.header-top-section .user-btn li {
margin-left: 25px;
}
.hero-slider .featured-prev,
.hero-slider .featured-next {
top: 55%;
}
.video-area.v1 .video-content {
z-index: 1001;
padding-top: 150px;
}
.hero__title,
.hero-title.v2 {
font-size: 2rem;
line-height: 2.5rem;
margin-left: 0px;
}
.hero__list-item a {
font-size: 0.9375rem;
}
.hero__list-item a i {
font-size: 0.9375rem;
}
.trending-btn-wrap .btn-danger {
width: 100%;
}
ul.listing-features {
columns: 1;
}
.list-single-facts ul {
columns: 1;
}
a.rate-review {
padding: 6px 10px;
margin-right: 10px;
}
a.rate-review i {
margin-right: 5px;
}
a.rate-review span {
padding-left: 5px;
}
.review_wrap .rate-review {
float: left !important;
margin-bottom: 10px;
}
.review_wrap.has-child {
margin-left: 0px;
}
.map-sidebar-content .map-filter .explore__form-checkbox-list.full-filter {
top: 150px !important;
}
.map-sidebar-content .map-filter .input-search,
.map-sidebar-content .map-filter .custom-select.hero__form-input.custom-select {
margin-bottom: 15px;
}
.map-sidebar-content .map-filter .pl-0 {
padding-left: 15px !important;
}
.map-sidebar-content .map-filter .pr-0 {
padding-right: 15px !important;
}
.row.promo-content {
text-align: center;
}
.nav-folderized .nav h2:after {
right: 5%;
}
.page-wrapper.fixed-footer {
margin-bottom: 640px;
}
.counter-text h6 {
font-size: 25px;
}
.counter-text i {
font-size: 20px;
}
.counter-text p {
font-size: 15px;
}
.hero-catagory-menu ul li {
margin-bottom: 15px;
}
.contact-form__upload-btn {
margin-bottom: 40px;
}
.contact-form__input-file {
width: 157px;
}
.map-filter .dropdown-filter i {
bottom: 29px !important;
right: 35px;
}
.featured-property-info .property-title-box {
left: 1%;
padding: 22px;
width: 330px;
}
.featured-property-wrap.v1 .featured-property-info .property-title-box {
left: 0;
margin: 0 10px;
transform: translateY(330px);
}
.featured-property-info .property-title-box h4 a {
font-size: 20px;
}
.single-listing-title h2 {
font-size: 24px;
}
.listing-address,
.property-info {
columns: 1;
}
.similar-listing-wrap {
padding-top: 0;
}
.chatbox-wrapper {
right: 6%;
}
.popular-next,
.popular-prev {
top: 94%;
background: rgba(51, 51, 51, 0.75) !important;
}
.popular-next i,
.popular-prev i {
color: #fff !important;
}
.swiper-container.popular-place-wrap {
padding-bottom: 80px;
}
.slider-btn.v2 {
width: 40px;
height: 40px;
}
.slider-btn.v2 i,
.slider-btn.v2 i {
line-height: 40px;
font-size: 18px;
}
.popular-next {
left: 50%;
margin-left: 15px;
}
.popular-prev {
left: 42%;
margin-right: 15px;
}
.promo-content-wrap {
columns: 1;
}
.single_cat {
padding: 15px;
}
.single_cat img {
max-width: 30px;
}
.action-title h2 {
font-size: 24px;
}
.testimonial-quote {
width: auto;
padding: 30px;
}
.testimonial-quote p {
margin-top: 10px;
}
.client-btn-wrap {
right: 3%;
}
.client-btn-wrap {
padding: 5px 8px 5px 8px;
}
.post-nav .page-prev,
.post-nav .page-next {
text-align: center;
margin-bottom: 10px;
}
.hero-slider.v2 .list-details-title.v3 {
padding: 20px;
top: 200px;
width: 300px;
}
.hero-slider.v2 .list-details-title.v3 .single-listing-title h2 {
font-size: 20px;
margin-bottom: 5px;
}
.hero-slider.v2 .list-details-title.v3 .single-listing-title .property-feature li {
padding-bottom: 5px;
}
.client-btn-wrap {
right: 16px;
bottom: 225px;
padding: 0;
}
.testimonial-btn a {
top: 41%;
}
.testimonial-quote p {
font-size: 15px;
}
.map-filter .filter-checkbox ul {
columns: 1;
}
.property-amenities-box .list-details-tab .nav-item {
display: block;
text-align: left;
padding: 5px 0;
}
.property-amenities-box .list-details-tab.nav-tabs {
border-bottom: none;
}
.property-amenities-wrap {
margin-bottom: 350px !important;
}
.property-amenities-box {
height: 100%;
transform: translateY(10%);
}
.property-amenities-box .property-gallery_tab .property-info {
columns: 1;
}
.single_property_agent .agent-details {
margin-top: 20px;
}
.single_property_agent img {
width: 100%;
}
}
@media only screen and (max-width:480px) {
.hero__form.v1.bg-white {
padding: 20px 15px;
}
.section-title {
font-size: 1.25rem;
}
.breadcrumb-menu h2 {
font-size: 28px;
}
.header-text.v2 h1 {
font-size: 30px;
}
.pricing-table .title:after,
.pricing-table .title:before {
width: 280px;
height: 200px;
top: 220px;
left: -46px
}
.pricing-table .title:after {
top: 150px;
left: auto;
right: -70px
}
.hero-category-content {
width: calc(100% * (1/2) - 21px);
margin-bottom: 15px;
}
.filter-checkbox ul {
columns: 1;
}
.review-item__description {
margin: 10px 0 20px 0;
}
.review-item__image {
width: 100%;
}
.review-item__post {
display: block;
}
.list-ratings span {
font-size: 16px;
}
.slider-btn.v4 {
width: 30px;
height: 30px;
}
.slider-btn.v4 i {
line-height: 30px;
}
.single-listing-title h2 {
font-size: 22px;
}
.single-listing-title h2 span {
margin-left: 5px;
}
.contact-form__upload-btn {
text-align: left;
margin-bottom: 37px;
}
.contact-form__upload-btn span {
top: 0;
left: 0;
}
.contact-form__upload-btn span i {
margin-right: 0.25rem;
}
ul.business-hours {
padding: 15px;
}
.customer-rating {
float: left;
}
.trending-prev,
.popular-prev,
.team-prev,
.partner-prev,
.testimonial-prev {
left: 38%;
}
.trending-next,
.popular-next,
.team-next,
.partner-next,
.testimonial-next {
right: 38%;
}
.hero.v2 .hero-desc.v2 {
margin-bottom: 0;
}
.hero.v2 .hero-title.v2 {
font-size: 1.6rem;
margin-bottom: 0;
}
.review_wrap li li {
margin-left: 0;
}
.app-content form input[type="text"] {
margin-bottom: 15px;
}
.popular-catagory-content .title {
font-size: 25px;
top: 38%;
}
.popular-catagory-content .cat-content span {
margin-top: 60px;
}
.blog-hover-content a.btn.v6 {
opacity: 0;
}
.blog-hover-content .blog-title {
transform: translatey(12px);
}
.single-blog-item.v2:hover .blog-hover-content a.btn.v6 {
opacity: 0;
}
.popular-item.sm-grid .single-place-content {
bottom: 2.6rem;
}
.popular-item.sm-grid .single-place-title {
margin-bottom: 5px;
}
.popular-item.sm-grid .single-place-title a {
font-size: 20px;
}
.contact-form__input-file {
width: 170px;
}
.payment_receipt--contents .btn.v3 {
margin-top: 20px;
}
.value-content h3 {
font-size: 24px;
line-height: 1.2;
margin-bottom: 18px;
}
.value-input-wrap button {
padding: 8px 13px 8px;
font-size: 14px;
line-height: 37px;
}
.product-rating li i {
font-size: 16px;
}
.review_wrap li ul.has-child>li {
margin-left: 0;
}
.single-team-member.v1 .single-team-info {
padding: 0;
}
.featured-price {
float: left;
}
.section-title h2 {
font-size: 24px;
}
.section-title p {
font-size: 14px;
}
.post-content-wrap .post-title {
font-size: 24px;
}
.reviewer-img img {
width: 200px;
}
.list-details-title.v4 h2 {
font-size: 35px;
}
.list-details-title.v4 p,
.list-details-title.v4 .trend-open p {
font-size: 18px;
}
.featured-property-wrap.v1 .featured-property-info .property-title-box {
width: 300px;
padding: 30px 15px;
}
}
@media (max-width: 320px) {
.property-title-box span {
padding: 0 4px;
}
.property-title-box p {
font-size: 13px;
}
.property-title-box ul li span {
font-size: 12px;
padding: 0 2px 0 0;
}
}