input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
height: 51px;
line-height: 51px;
padding: 0 20px;
outline: none;
font-size: 15px;
color: #808080;
margin: 0 0 16px 0;
max-width: 100%;
width: 100%;
box-sizing: border-box;
display: block;
background-color: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
font-weight: 500;
opacity: 1;
border-radius: 3px;
}
input[type="password"] {
line-height: 14px;
}
select {
padding: 15px 18px;
cursor: pointer;
}
input {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
color: #808080;
transition: box-shadow 0.2s !important;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
border: 1px solid #d8d8d8;
opacity: 1;
}
input[type="submit"] {
border: none;
padding: 11px 18px;
width: auto;
}
input[type="checkbox"] {
display: inline;
}
input[type="radio"] {
width: 15px;
height: 15px;
cursor: pointer;
box-shadow: none;
} ::-webkit-input-placeholder { color: #888;
opacity: 1;
}
:-moz-placeholder { color: #888;
opacity: 1;
}
::-moz-placeholder { color: #888;
opacity: 1;
}
:-ms-input-placeholder { color: #888;
opacity: 1;
}
textarea {
height: auto;
line-height: 27px;
padding: 20px;
min-height: 130px;
transition: none !important;
min-width: 100%;
}
label,
legend {
display: block;
font-weight: bold;
font-size: 15px;
font-weight: normal;
margin-bottom: 8px;
}
label span,
legend span {
font-weight: normal;
font-size: 14px;
color: #444;
}
fieldset {
padding: 0;
border: none;
}
a,
button {
outline: none !important;
}
a:focus,
a:hover {
text-decoration: none;
color: #333;
}
img {
max-width: 100%;
}  #logo {
display: inline-block;
margin-top: 3px;
}
#logo img {
max-height: 38px;
width: auto;
transform: translate3d(0, 0, 0);
}
@media (max-width: 1024px) {
#logo img {
height: auto;
}
}
img.footer-logo {
max-height: 38px;
width: auto;
}
#logo h1,
#logo h2 {
margin-top: 0px;
font-size: 30px;
}
#header {
position: relative;
z-index: 999;
padding: 18px 0 8px 0;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
font-size: 16px;
}
@media (min-width: 1366px) {
.dashboard #header {
box-shadow: 260px 0 12px 0 rgba(0, 0, 0, 0.12);
}
} .header-widget {
position: relative;
top: -1px;
height: 54px;
}
.header-widget .button,
.header-widget .button.border {
margin-right: 0;
margin-left: 20px;
min-width: 130px;
text-align: center;
position: relative;
line-height: 26px;
font-weight: 500;
}
.header-widget .button.border i {
font-size: 17px;
padding: 0px 0 0 4px;
top: 2px;
display: inline-block;
position: relative;
}
.header-widget .sign-in {
position: relative;
color: #333;
margin-right: 0;
top: 10px;
display: inline-block;
vertical-align: top;
}
.header-widget .sign-in i {
padding-right: 4px;
font-size: 15px;
}
.header-widget .sign-in:hover {
color: #66676b;
} header.fullwidth .container {
width: 100%;
margin: 0;
padding: 0 40px;
}
.left-side {
float: left;
width: 60%;
display: inline-block;
}
.right-side {
float: right;
width: 40%;
display: inline-block;
}
.left-sidebar .listings-column-content {
float: right;
}
.left-sidebar .blog-page .col-md-8 {
float: right;
} @media (min-width: 1025px) and (max-width: 1239px) {
.right-side {
width: auto;
display: inline-block;
margin-top: -122px;
position: relative;
}
.left-side {
width: 100%;
display: inline-block;
}
}
#logo,
#navigation {
float: left;
}
#logo {
margin-right: 35px;
}
.header-widget {
text-align: right;
}  #header.cloned {
position: fixed;
top: 0px;
width: 100%;
z-index: 999;
}
#header.cloned {
background-color: #fff;
} #header.cloned #logo img {
transform: translate3d(0, 0, 0);
max-width: 120px;
margin-top: 1px;
}
#header.cloned {
padding: 18px 0 7px 0;
}
.sticky-logo {
display: none;
}
#header.cloned.unsticky {
opacity: 1;
visibility: hidden;
pointer-events: none;
transform: translate(0, -100%) scale(1);
transition: 0.3s;
}
#header.cloned.sticky {
opacity: 1;
visibility: visible;
transform: translate(0, 0) scale(1);
transition: 0.3s;
}  #footer {
padding: 70px 0 0 0;
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.09);
font-size: 16px;
}
#footer.sticky-footer {
box-shadow: none;
}
#footer.dark {
border-top: none;
}
#footer h4 {
color: #333;
font-size: 21px;
margin-bottom: 25px;
font-weight: 500;
}
.footer-shadow {
width: 100%;
display: block;
background: #fff;
height: 200px;
margin-top: -200px;
position: relative;
z-index: -1;
box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.06);
}
.text-widget span {
color: #707070;
}
.text-widget span.address {
display: block;
margin-bottom: 10px;
}
#footer a {
color: #66676b;
} #footer ul.footer-links {
margin: 0 0 15px 0;
padding: 0;
width: 50%;
box-sizing: border-box;
display: inline-block;
float: left;
}
#footer .footer-links li {
position: relative;
list-style: none;
}
#footer .footer-links li a {
padding: 0 0 9px 16px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #707070;
line-height: 21px;
}
#footer .footer-links li a:hover {
padding-left: 22px;
color: #66676b;
}
#footer .footer-links li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
content: "\f105";
position: absolute;
left: 0;
top: -2px;
padding: 0 7px 0 0;
color: #ccc;
} .copyrights {
color: #707070;
border-top: 1px solid rgba(0, 0, 0, 0.09);
margin-top: 60px;
text-align: center;
padding: 30px 0;
display: inline-block;
width: 100%;
}
.footer-new-bottom-inner {
background: #f6f6f6;
padding: 20px 30px;
border: none;
border-radius: 5px;
text-align: left;
margin: 40px 0 50px 0;
font-size: 15px;
color: #777;
background: rgba(0, 0, 0, 0.035);
display: flex;
align-items: center;
}
.footer-new-bottom-right {
display: inline-block;
width: 50%;
text-align: right;
}
.footer-new-bottom-left {
display: inline-block;
width: 50%;
}
#footer.alt .copyrights {
margin-top: 0;
border: none;
padding: 25px;
}
.copyrights a {
color: #707070;
} .new-footer-social-icons {
font-size: 20px;
line-height: 20px;
margin: 0;
padding: 0;
}
.new-footer-social-icons li {
list-style: none;
display: inline-block;
margin-left: 8px;
}
body #footer .new-footer-social-icons li a {
color: #333;
display: inline-block;
opacity: 0.35;
transition: 0.2s;
height: 25px;
line-height: 25px;
padding: 0;
width: 25px;
text-align: center;
vertical-align: top;
}
body #footer .new-footer-social-icons li :hover {
opacity: 1;
}
#footer.dark .footer-new-bottom-inner {
background: rgba(255, 255, 255, 0.03);
}
#listeo_side_social_icons .new-footer-social-icons li a,
#footer.dark .new-footer-social-icons li a {
color: #fff;
}
#listeo_side_social_icons .new-footer-social-icons li {
margin-left: 0;
margin-right: 7px;
}
#listeo_side_social_icons .new-footer-social-icons li a {
font-size: 18px;
opacity: 0.5;
transition: 0.3s;
}
#listeo_side_social_icons .new-footer-social-icons li a:hover {
opacity: 1;
}
#listeo_side_social_icons .new-footer-social-icons li a i {
height: 40px;
width: 40px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
background: #ffffff29;
border-radius: 50px;
} #footer.dark {
background: #222;
color: #aaa;
}
#footer.dark a,
#footer.dark h4,
#footer.dark a:hover {
color: #fff;
}
#footer.dark .text-widget,
#footer.dark .text-widget span,
#footer.dark .footer-links li a {
color: #aaa;
}
#footer.dark .footer-links li a:hover {
color: #fff;
}
#footer.dark .footer-links li:before {
color: #666;
}
#footer.dark .copyrights {
color: #aaa;
border-top: 1px solid rgba(255, 255, 255, 0.09);
}
#footer .social-icons li a {
opacity: 0.8;
transition: opacity 0.35s;
}
#footer .social-icons li a:hover {
opacity: 1;
}  #backtotop {
position: fixed;
right: 0;
opacity: 0;
visibility: hidden;
bottom: 25px;
margin: 0 25px 0 0;
z-index: 9999;
transition: 0.35s;
transform: scale(0.7);
}
#backtotop.visible {
opacity: 1;
visibility: visible;
transform: scale(1);
}
#backtotop a {
text-decoration: none;
border: 0 none;
display: block;
width: 46px;
height: 46px;
background-color: #66676b;
opacity: 1;
transition: all 0.3s;
border-radius: 50%;
text-align: center;
font-size: 21px
}
body #backtotop a {
color: #fff;
}
#backtotop a:after {
content: "\f106";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: relative;
display: block;
top: 50%;
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
}  #navigation {
position: relative;
display: block;
}
#navigation ul {
list-style: none;
position: relative;
float: left;
margin: 0;
padding: 0;
}
#navigation ul a {
display: block;
text-decoration: none;
}
#navigation ol {
list-style: none;
margin: 0px;
padding: 0px;
}
#navigation ul li {
position: relative;
float: left;
margin: 0;
padding: 0
}
#navigation ul li ul {
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
padding: 0;
z-index: 99999;
}
#navigation ul ul li {
float: none;
}
#navigation ul ul ul {
top: 0;
left: 100%;
margin: 0;
}
#navigation ul ul {
margin: 10px 0 0 15px;
}
#navigation ul ul:before {
content: "";
position: absolute;
left: 0;
top: -10px;
background: rgba(255, 255, 255, 0);
width: 100%;
height: 10px;
}
#navigation ul ul ul:after {
content: "";
position: absolute;
width: 10px;
height: 100%;
left: -10px;
top: 0;
opacity: 0;
}
#navigation ul li:hover>ul {
opacity: 1;
visibility: visible;
} #navigation ul li a:after,
#navigation ul ul li a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
opacity: 0.5;
font-size: 10px;
}
#navigation ul li a:after {
content: '\f078';
padding-left: 7px;
}
#navigation ul ul li a:after {
content: '\f054';
position: absolute;
right: 15px;
top: 7px;
}
#navigation ul li a:only-child:after {
content: '';
padding: 0;
}
#navigation ul ul li a:only-child:after {
content: '';
}
#navigation ul ul ul {
pointer-events: none;
}
#navigation ul ul li:hover>ul {
pointer-events: all;
} #navigation ul li ul,
#navigation ul li .mega-menu {
pointer-events: none;
}
#navigation ul li:hover ul,
#navigation ul li:hover .mega-menu,
#navigation ul li:hover ul {
pointer-events: all;
} #navigation ul ul {
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
border-radius: 4px;
font-size: 15px;
}
#navigation ul ul li {
border-radius: 4px;
}
#navigation ul ul li:last-child {
border-bottom: none;
}
#navigation ul li:hover ul a,
#navigation ul ul a {
line-height: 27px !important;
padding: 3px 40px 3px 15px !important;
line-height: 24px !important;
}
body #navigation ul ul {
padding: 13px 10px;
box-sizing: border-box;
}
#navigation ul ul li {
width: 195px;
}
#navigation ul ul li:hover {
border-radius: 0;
}
#navigation ul ul li:first-child {
border-radius: 4px 4px 0 0;
}
#navigation ul ul li:last-child {
border-radius: 0 0 4px 4px;
}
#navigation ul ul {
opacity: 0;
visibility: hidden;
transition: all 0.25s;
transform: translate3d(0, 15px, 0);
}
#navigation ul li:hover>ul {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
} #navigation.style-1 .current {
background-color: transparent;
color: #66676b;
}
#navigation.style-1 {
margin-top: 1px;
}
#navigation.style-1 .current:after {
opacity: 1;
}
#navigation.style-1 ul li {
transition: all 0.25s;
}
#navigation.style-1 ul li a {
color: #444;
cursor: pointer;
}
#navigation.style-1 ul li:hover a {
color: #66676b;
} #navigation.style-1 ul a {
line-height: 32px;
padding: 5px 15px;
}
#navigation.style-1 .mega-menu:not(.mm-panel) ul li {
padding: 0px;
height: 100%;
padding-left: 15px;
}
#navigation.style-1 ul li {
margin: 0 5px;
}
#navigation.style-1 ul ul li {
margin: 0;
border-radius: 0;
}
#navigation.style-1 ul ul li:first-child {
border-radius: 4px 4px 0 0;
}
#navigation.style-1 ul ul li:last-child {
border-radius: 0 0 4px 4px;
} #navigation ul ul li a:after {
opacity: 0.5;
transition: all 0.25s;
transform: translateX(-5px);
}
#navigation ul ul li:hover a:after {
opacity: 1;
transform: translateX(0);
} #navigation.style-1 ul li a {
transition: 0.4s;
border-radius: 50px;
font-size: 15px;
}
#navigation.style-1>ul>li.current-menu-ancestor>a,
#navigation.style-1>ul>li:hover>a {
background: rgb(102, 103, 107, 0.06);
color: #66676b;
}
#navigation.style-1 ul li li a {
background: #fff !important
}
#navigation.style-1 ul a {
padding: 2px 15px
}
#navigation ul ul {
margin: 10px 0 0 0;
}
#navigation.style-1 ul li {
margin: 0 3px;
}
#navigation.style-1 {
margin-top: 4px;
}
body #navigation ul .mega-menu:not(.mm-panel) ul a,
body #navigation.style-1 ul ul li {
opacity: 1;
}
body #navigation.style-1 ul ul li a:after,
body #navigation.style-1 ul li:hover ul li a,
body #navigation.style-1 ul li:hover ul li:hover li a,
body #navigation.style-1 ul li:hover ul li:hover li:hover li a,
body #navigation.style-1 ul ul li:hover ul li a {
color: #707070;
}
body #navigation.style-1 ul ul li:hover a:after,
body #navigation.style-1 ul li:hover ul li:hover a,
body #navigation.style-1 ul li:hover ul li:hover li:hover a,
body #navigation.style-1 ul li:hover ul li:hover li:hover li:hover a,
body #navigation.style-1 ul ul li:hover ul li a:hover {
color: #66676b;
}  .mega-menu:not(.mm-panel) {
opacity: 0;
visibility: hidden;
transition: all 0.25s;
position: absolute;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
border-radius: 4px;
font-size: 15px;
display: flex;
top: 100%;
left: 0;
padding: 20px 0;
box-sizing: border-box;
font-size: 14px;
margin-top: -2px;
background-color: #fff;
width: 200px;
z-index: 99;
transform: translate3d(-42%, 24px, 0);
}
.mega-menu:before {
content: "";
position: absolute;
top: -12px;
left: 0;
display: block;
width: 100%;
height: 12px;
opacity: 0;
}
#navigation ul li .mega-menu ul {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 0, 0);
position: relative;
display: inline-block;
flex: 1;
padding: 0;
margin: 0;
box-shadow: none;
border-radius: 0;
top: auto;
left: auto;
background-color: transparent;
}
#navigation ul li:hover .mega-menu {
opacity: 1;
visibility: visible;
transform: translate3d(-42%, 12px, 0);
}
#navigation ul li:hover .mega-menu ul {
opacity: 1;
visibility: visible;
}
#navigation .mega-menu ul,
#navigation .mega-menu ul li {
width: 100%;
opacity: 1 !important;
}
.mega-menu.two-columns:not(.mm-panel) {
width: 429px;
}
.mega-menu.three-columns:not(.mm-panel) {
width: 643px;
}
.mega-menu.four-columns:not(.mm-panel) {
width: 857px;
}
#navigation ul .mega-menu:not(.mm-panel) ul a {
color: #444;
padding: 0 !important;
display: block;
margin-left: 0;
-wekkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0.8;
}
#navigation ul .mega-:not(.mm-panel) ul a:hover {
opacity: 1;
}
#navigation ul li:hover .mega-menu:not(.mm-panel) ul a,
#navigation ul .mega-menu:not(.mm-panel) ul a {
padding: 5px 0 !important;
line-height: 22px !important;
transform: translate3d(0, 0, 0) !important;
}
#navigation .mega-menu:not(.mm-panel) ul li {
padding: 0 30px;
}
#navigation ul li a i {
font-size: 14px;
position: relative;
top: 0;
padding-right: 5px;
}
#navigation .mega-menu:not(.mm-panel)>ul>li,
.mega-menu-section {
display: inline-block;
float: left;
width: 214px;
padding: 0;
border-right: 1px solid #e9e9e9;
}
#navigation ul .mega-menu:not(.mm-panel) ul a:hover {
opacity: 1;
}
.mega-menu .mega-menu-section:last-child {
border: none;
}
.mega-menu-headline {
color: #333;
opacity: 1 !important;
font-weight: 500;
display: block;
padding: 6px 15px !important;
letter-spacing: 0;
margin-bottom: 4px;
font-size: 15px;
line-height: 21px;
}
#navigation .mega-menu:not(.mm-panel)>ul>li:last-child {
border-right: none;
}  .mega-menu .mm-listitem__btn {
border-color: #404040;
position: relative;
}
.mm-listitem__text i {
padding-right: 5px;
} #navigation ul li .mega-menu ul,
#navigation ul li ul {
z-index: 100;
}
#navigation ul li:hover .mega-menu,
#navigation ul li:hover ul {
z-index: 200;
}  .user-menu {
position: relative;
display: inline-block;
cursor: pointer;
margin-right: 0;
top: 9px;
vertical-align: top;
padding-left: 25px;
margin-left: 25px;
}
.user-menu .user-name {
transition: 0.2s;
} .user-menu .user-name:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
transition: 0.2s;
transform: rotate(0deg);
display: inline-block;
margin-left: 6px;
color: #aaa;
font-size: 11px;
top: -1px;
position: relative;
}
.dashboard-nav .fa.fa-calendar-check:before,
.user-menu .fa.fa-calendar-check:before {
content: "\e040";
font-family: "simple-line-icons";
font-weight: 500;
}
.user-menu.active .user-name:after,
.user-menu:hover .user-name:after,
.user-menu.active .user-name,
.user-menu:hover .user-name {
color: #66676b;
}
.user-menu.active .user-name:after {
transform: rotate(180deg);
} .user-name span img {
width: 100%;
height: 100%; display: inline-block;
border-radius: 50%;
image-rendering: -webkit-optimize-contrast;
}
.user-name span {
display: inline-block;
width: 38px;
height: 38px;
margin-right: 10px;
border-radius: 50%;
position: absolute;
left: -22px;
top: -6px;
}
.user-menu ul {
float: left;
text-align: left;
position: absolute;
top: 45px;
right: 0;
list-style: none;
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
border-radius: 4px;
display: inline-block;
width: 212px;
font-size: 15px;
transform: translate3d(0, 15px, 0);
padding: 12px 10px;
box-sizing: border-box;
transition: 0.25s;
visibility: hidden;
opacity: 0;
z-index: 110;
}
.user-menu ul li a {
padding: 5px 15px;
line-height: 22px;
display: inline-block;
color: #696969;
transition: 0.2s;
}
.user-menu ul li a:hover {
color: #444;
}
.user-menu ul li a i {
width: 20px;
position: relative;
display: inline-block;
}
.user-menu.active ul {
visibility: visible;
opacity: 1;
transform: translate3d(0, 0, 0);
}
.user-name span:after {
position: absolute;
content: "";
height: 12px;
width: 12px;
background-color: #38b653;
bottom: 0;
right: 0;
display: block;
border: 2px solid #fff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
border-radius: 50%;
} .user-name span img {
border: 3px solid #fff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-sizing: content-box;
}
.user-name span {
width: 35px;
height: 35px;
left: -28px;
top: -8px;
}
.user-name span:after {
bottom: -6px;
right: -6px;
}
@media (max-width: 380px) {
.user-name span:after {
bottom: -3px;
right: -6px;
}
}
.user-menu ul {
pointer-events: none;
}
.user-menu:hover ul {
opacity: 1;
visibility: visible;
transform: none;
pointer-events: all;
}
.user-menu:before {
content: "";
background: transparent;
width: 100%;
height: 20px;
min-width: 50px;
display: block;
position: absolute;
left: -30px;
top: 30px;
}  body .pac-item {
font-size: 12px;
color: #999;
cursor: pointer;
transition: 0.2s;
padding: 5px 15px;
}
body .pac-container {
border-radius: 0 0 4px 4px;
box-shadow: none;
border: 1px solid #e0e0e0;
border-top: none;
box-sizing: content-box;
margin-top: -2px;
} .main-search-input .pac-container {
left: 0 !important;
top: 54px !important;
}
.main-search-input .pac-container:nth-child(2) {
box-shadow: none;
}
.input-with-icon i,
.main-search-input-item.location a {
padding: 5px 10px;
z-index: 101;
}
.main-search-input-item.location a i.fa-map-marker:before {
content: "\f3c5";
font-family: 'Font Awesome 5 Free';
font-weight: 600;
} .main-search-input-item .input-with-icon.location a i {
margin: 0px
}
#autocomplete-container,
#location_search,
#autocomplete-input {
position: relative;
z-index: 101;
}
.gray-style .main-search-input .main-search-input-item.location a,
.gray-style .main-search-input #location_search {
background: transparent;
}
.gray-style .main-search-input #autocomplete-input {
background: transparent;
}
.gray-style .main-search-input #location_search {
padding-right: 36px;
}
.gray-style .main-search-input #autocomplete-input {
padding-right: 36px;
}
@media (min-width: 992px) {
.main-search-input .pac-container {
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
border: none;
padding-top: 45px;
z-index: 9;
left: 0 !important;
top: 1px !important;
border-radius: 4px;
}
.gray-style .main-search-input .pac-container {
box-shadow: none;
border: 1px solid #e0e0e0;
}
.main-search-input-item,
.main-search-input-item #location_search,
.main-search-input-item #autocomplete-input {
padding: 0 15px;
}
}  .main-search-container {
display: block;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
height: 620px;
z-index: 9;
}
.main-search-container:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
display: block;
}
body .main-search-container:not(.elementor-main-search-container):before {
background: linear-gradient(to right, rgba(255, 255, 255, 0.99) 20%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 95%);
}
.elementor-widget-container .main-search-container:before {
display: none;
}
.main-search-container h1,
.main-search-container h2 {
font-size: 41px;
font-weight: 500;
}
.main-search-container h4 {
font-size: 24px;
font-weight: 400;
color: #777;
line-height: 32px;
}
.container-overlay-gradient .main-search-inner a.highlighted-category h4 {
color: #fff !important;
} .video-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -10;
overflow: hidden;
}
.main-search-container video {
top: 50%;
transform: translateY(-52%);
left: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
z-index: -10;
background-size: cover;
transition: 1s opacity;
position: absolute;
}
@media (max-width: 1200px) {
.main-search-container video {
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
transform: none;
}
} .main-search-container.dark-overlay:before {
background: rgba(46, 47, 50, 0.55);
}
.main-search-container.dark-overlay h2 {
color: #fff;
}
.main-search-container.dark-overlay h4 {
color: rgba(255, 255, 255, 0.7);
} .main-search-inner {
position: relative;
display: block;
top: 50%;
transform: translate3d(0, -50%, 0);
padding-bottom: 30px;
}
.main-search-inner select {
border: none;
padding-top: 2px;
padding-bottom: 0;
height: 44px;
box-shadow: none;
} .main-search-input {
margin-top: 50px;
border-radius: 50px;
width: 100%;
background-color: #fff;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 9px;
max-height: 68px;
}
.main-search-input-item {
flex: 1;
border-right: 1px solid #e9e9e9;
margin-top: 3px;
position: relative; }
.main-search-input-item:last-of-type {
border-right: none;
padding-left: 15px;
padding-right: 15px;
}
#_address_wrapper a,
.main-search-input-item.location a {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: #999;
padding: 0 10px;
background: #fff;
}
#_address_wrapper a:hover,
.main-search-input-item.location a:hover {
color: #66676b;
}
.main-search-input input,
.main-search-input input:focus {
font-size: 16px !important;
border: none;
font-weight: 500 !important;
background: #fff;
margin: 0;
padding: 0;
height: 44px;
line-height: 44px;
box-shadow: none;
}
.main-search-input button.button {
font-size: 18px;
font-weight: 600;
padding: 0 40px;
margin-right: 1px;
height: 50px;
outline: none;
}
@media (max-width: 992px) {
.main-search-input button.button {
width: 100%;
}
} .gray-style .main-search-input {
box-shadow: none;
background-color: #f6f6f6;
top: -10px;
position: relative;
margin-top: 10px;
}
.gray-style .main-search-input-item.location a,
.gray-style .main-search-input input,
.gray-style .main-search-input input:focus {
background: #f6f6f6;
}
.gray-style .main-search-input-item {
border-color: #e0e0e0;
}
.main-search-input .chosen-container-multi .chosen-choices {
border: 1px solid transparent;
box-shadow: none;
}
.main-search-input .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
height: 45px;
}
.main-search-input .chosen-container-multi .chosen-results li {
padding-top: 5px;
padding-bottom: 5px;
} .gray-style .chosen-container-multi .chosen-choices {
background: transparent;
}
.gray-style .main-search-input-item .chosen-container-active .chosen-choices {
border: 1px solid #e0e0e0;
background: #fff;
box-shadow: none;
}  .rangeslider,
.rangeslider__fill {
display: block;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.rangeslider {
background: #e6e6e6;
position: relative;
margin: 25px 0;
}
.rangeslider--horizontal {
height: 3px;
width: 100%;
}
.rangeslider--vertical {
width: 20px;
min-height: 150px;
max-height: 100%;
}
.rangeslider--disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}
.rangeslider__fill {
background: #66676b;
position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
top: 0;
height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
bottom: 0;
width: 100%;
}
.rangeslider__handle {
background: white;
border: 2px solid #66676b;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
cursor: pointer;
display: inline-block;
position: absolute;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
}
.rangeslider--vertical .rangeslider__handle {
left: -10px;
touch-action: pan-x;
-ms-touch-action: pan-x;
}
input[type="range"]:focus+.rangeslider .rangeslider__handle {
-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.budget-range-output,
.range-output {
font-size: 18px;
font-weight: 400;
color: #666;
}
.data-radius-title {
font-style: normal;
font-size: 14px;
color: #888;
font-weight: 400;
margin-top: 0;
display: block;
margin-top: 9px;
line-height: 20px;
}
.panel-dropdown-content.disabled .rangeslider,
.panel-dropdown-content .disabled .rangeslider {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
opacity: 0.5;
}  .chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 15px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: 0;
display: block;
z-index: 990;
width: 100%;
border: 1px solid #dbdbdb;
background-color: #fff;
border-top: 0;
border-radius: 0 0 4px 4px; }
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
} .chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 18px;
height: 51px;
line-height: 50px;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
background-color: #fff;
color: #888;
text-decoration: none;
white-space: nowrap;
font-weight: 500;
border-radius: 4px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
border-radius: 4px 4px 0 0;
}
.chosen-container-active .chosen-drop,
.chosen-container-single .chosen-drop {
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.chosen-container-active.chosen-with-drop .chosen-drop {
opacity: 1;
visibility: visible;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 20px;
text-overflow: ellipsis;
white-space: nowrap;
color: #888;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 18px;
margin: 0 0 0 0;
right: 20px;
position: relative;
width: auto;
height: auto;
display: inline-block;
color: #c0c0c0;
float: right;
transition: transform 0.3s;
transform: translate3d(0, 0, 0) rotate(0deg);
font-size: 12px;
}
.sort-by .chosen-container-single .chosen-single div:after {
font-size: 11px;
}
.sort-by .chosen-container-single .chosen-single div {
width: 15px;
}
.col-fs-12 .sort-by .chosen-container-single .chosen-single div:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-left: 0;
transition: all 0.3s;
margin-left: 0;
display: inline-block;
top: -1px;
}
.col-fs-12 .chosen-container-single .chosen-single div {
width: 14px;
}
.col-fs-12 .sort-by .chosen-container-single .chosen-single {
padding: 0 12px 0 14px;
}
.chosen-container-active.chosen-with-drop .chosen-single div:after {
transform: translate3d(0, 0, 0) rotate(180deg);
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 8px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 6px 20px 6px 6px;
width: 100%;
height: 40px;
outline: 0;
margin-bottom: 10px !important;
border: 1px solid #ddd !important;
background-color: #fbfbfb !important;
display: block;
position: relative;
z-index: 9;
background-color: #fafafa;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.04);
border: none !important;
background: #f4f4f4 !important;
box-shadow: none;
font-size: 14px;
padding-left: 10px;
}
.chosen-container-single .chosen-search:before {
content: "\f002";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
margin: 0 15px 0 0;
top: 12px;
position: relative;
width: 11px;
height: 5px;
display: inline-block;
color: #aaa;
float: right;
z-index: 10;
transition: transform 0.3s;
}
.main-search-container .chosen-container-multi .chosen-choices {
padding-left: 13px; }
.chosen-container-single .chosen-drop {
margin-top: -1px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
display: none;
} .chosen-container .chosen-results {
color: #888;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 8px 0;
padding: 0 4px 0 8px;
max-height: 300px;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 10px;
list-style: none;
line-height: 20px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container-multi .chosen-results li {
padding: 10px 18px;
transition: color 0.3s;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: transparent;
border-radius: 0;
color: #66676b;
transition: color 0.2s ease-in-out;
}
.chosen-container .chosen-results li.no-results {
color: #888;
display: list-item;
background-color: #fff;
}
.chosen-container-multi .chosen-results li.no-results {
background-color: #fff;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
} .chosen-container-multi .chosen-choices {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 18px;
height: auto;
border: 1px solid #dbdbdb;
background-color: #fff;
text-decoration: none;
white-space: nowrap;
line-height: 33px;
cursor: pointer;
margin: 0;
border-radius: 4px;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.chosen-container-multi.chosen-with-drop .chosen-choices {
border-radius: 4px 4px 0 0;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 0;
padding: 0;
height: 49px;
outline: 0;
border: 0 !important;
background: transparent !important;
color: #888;
line-height: normal;
font-weight: 500;
box-shadow: none;
transition: none;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 10px 6px 0 -4px;
padding: 0 25px 0 8px;
max-width: 100%;
background-color: #66676b;
line-height: 29px;
color: #fff;
cursor: default;
font-weight: 500;
border-radius: 3px;
}
.main-search-input-item .chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 8px 6px -6px -4px;
padding: 0 26px 0 11px;
max-width: 100%;
line-height: 29px;
color: #fff;
cursor: default;
font-weight: 500;
border-radius: 50px;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
font-size: 14px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: -2px;
right: 9px;
display: block;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
top: 2px;
position: relative;
width: 11px;
height: 5px;
display: inline-block;
color: #fff;
float: right;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
color: #888;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container.chosen-container-multi .chosen-drop {
opacity: 0;
visibility: hidden;
padding: 10px 0;
}
.chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active .chosen-drop {
opacity: 1;
visibility: visible;
} .chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #e0e0e0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #888 !important;
} .chosen-drop ::-webkit-scrollbar {
width: 7px;
}
.chosen-drop ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 7px;
}
.chosen-drop ::-webkit-scrollbar-thumb {
border-radius: 7px;
background-color: rgba(0, 0, 0, 0.2);
}
.chosen-drop ::-webkit-scrollbar-thumb:hover {
border-radius: 7px;
background-color: rgba(0, 0, 0, 0.3);
} .input-with-icon {
position: relative;
}
.input-with-icon i {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
padding: 0 0 0 19px;
color: #999;
transition: 0.2s;
pointer-events: none;
}
.input-with-icon input {
padding-left: 47px !important
}
.input-with-icon.location input {
padding-left: 20px !important
}
.input-with-icon.location a i {
position: absolute;
margin: 0px;
right: 1px;
left: auto;
top: 50%;
transform: translateY(-50%);
color: #999;
padding: 15px 20px 12px 15px;
background: #fff;
pointer-events: all;
font-size: 14px;
}
.input-with-icon.location a i:hover {
color: #66676b;
}
.gray-style .main-search-input .input-with-icon.location a i {
background-color: transparent;
}  .sort-by-booking-author,
.sort-by-status,
.sort-by {
position: relative;
top: 9px;
}
.sort-by-booking-author label,
.sort-by-booking-author .sort-by-select,
.sort-by-status label,
.sort-by-status .sort-by-select,
.sort-by label,
.sort-by .sort-by-select {
display: inline-block;
float: right;
}
.col-fs-12.panel-wrapper .sort-by-booking-author,
.col-fs-12.panel-wrapper .sort-by-status,
.col-fs-12.panel-wrapper .sort-by {
position: relative;
top: 3px;
display: inline-block;
}
.sort-by-booking-author .select2-container {
width: auto !important;
max-width: 200px;
}
.col-fs-12.panel-wrapper .sort-by label,
.col-fs-12.panel-wrapper .sort-by .sort-by-select {
float: none;
}
@media (max-width: 991px) {
.col-fs-12.panel-wrapper .sort-by .chosen-container-single .chosen-single {
background: #f3f3f3
}
.col-fs-12.panel-wrapper .sort-by {
float: left;
position: static;
margin-top: 10px;
}
}
.col-fs-12 .sort-by .chosen-container.chosen-with-drop .chosen-drop,
.col-fs-12 .sort-by .chosen-container .chosen-drop {
left: -7px;
right: initial;
}
.sort-by-select select {
border-radius: 50px;
color: #777;
border: none;
background-color: #f0f0f0;
height: auto;
padding: 7px 7px 7px 15px;
line-height: 22px;
box-shadow: none;
}
.sort-by label {
line-height: 40px;
margin-top: 1px;
padding: 0;
}
.sort-by .chosen-container-single .chosen-single {
height: 36px;
line-height: 34px;
border: 1px solid #fff;
background-color: #fff;
width: 100%;
display: inline-block;
padding: 0 14px 0 16px;
box-shadow: none;
color: #666;
font-weight: 600;
font-size: 15px;
border-radius: 50px;
transition: all 0.3s;
display: inline-block;
}
.sort-by .chosen-container-active .chosen-choices,
.sort-by .chosen-container-active.chosen-with-drop .chosen-single,
.sort-by .chosen-single:hover {
background: #f3f3f3;
}
.sort-by .chosen-container .chosen-drop {
padding-top: 10px;
border: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
border-radius: 3px;
width: 200px;
margin-left: 10px;
background: #fff;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
z-index: 999;
}
.sort-by .chosen-container.chosen-with-drop .chosen-drop,
.sort-by .chosen-container .chosen-drop {
left: auto;
right: -1px;
}
.sort-by .chosen-container-single .chosen-single div:after {
color: #66676b;
right: 0;
}
.sort-by .chosen-container-single .chosen-default {
color: #66676b;
}
.sort-by .chosen-container-single .chosen-single span {
margin-right: 0px;
color: #666;
font-weight: 600;
transition: all 0.2s;
}
.sort-by .chosen-container-single .chosen-single div {
position: relative;
line-height: 33px;
top: 0;
margin-left: 0;
display: inline-block;
}
.sort-by .chosen-container-single .chosen-single span {
display: inline-block;
margin-right: 0;
vertical-align: top;
}  .main-search-input-item .chosen-container-single .chosen-single,
.main-search-input-item .chosen-single.chosen-container-active {
position: relative;
display: block;
overflow: visible;
padding: 0 0 0 15px;
height: 44px;
line-height: 44px;
border: 1px solid #fff;
background-color: #fff;
color: #888;
border-radius: 4px 4px 0 0;
z-index: 130;
box-shadow: none;
transition: all 0.3s;
} .main-search-input-item .chosen-container-active .chosen-single,
.main-search-input-item .chosen-container-active .chosen-choices {
border: 1px solid #fff;
}
.chosen-container-multi .chosen-choices {
cursor: pointer;
}
.main-search-input-item .chosen-container-active.chosen-with-drop .chosen-choices,
.main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #fff;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
.gray-style .main-search-input-item .chosen-container-active.chosen-with-drop .chosen-choices {
border: 1px solid #e0e0e0;
background: #fff;
box-shadow: none;
}
.main-search-input-item .chosen-container-multi .chosen-choices {
cursor: pointer;
height: 47px;
overflow-y: auto;
}
.main-search-input-item .chosen-container {
font-size: 16px;
}
.main-search-input-item .chosen-container .chosen-drop {
border: none;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
font-size: 15px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 125;
}
.main-search-input-item .chosen-container-multi .chosen-drop:after,
.main-search-input-item .chosen-single:after {
content: "";
position: absolute;
bottom: -5px;
display: block;
width: 100%;
left: 0;
height: 10px;
background: #fff;
z-index: 112;
opacity: 1;
transition: all 0.3s;
}
.main-search-input-item .chosen-container-multi .chosen-drop:after {
top: -5px;
bottom: initial;
width: calc(100% - 1px);
left: 1px;
}
.gray-style .main-search-input-item .chosen-choices:after {
display: none;
}
.main-search-input-item .chosen-container-single .chosen-single span {
display: inline-block;
vertical-align: top;
}
.main-search-input .chosen-container-single .chosen-single div {
display: inline-block;
position: relative;
top: -2px;
}
.main-search-input .chosen-container-single .chosen-search {
padding: 3px 15px;
margin-bottom: 5px;
}
.main-search-input .chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0 !important;
padding: 6px 20px 6px 6px;
width: 100%;
height: 40px;
outline: 0;
border: 1px solid #e6e6e6;
background-color: #fff;
display: block;
position: relative;
z-index: 9;
background-color: #fcfcfc;
border-radius: 4px;
}
.main-search-input .chosen-container-single .chosen-search input[type="text"] {
border: none !important;
background: #f4f4f4 !important;
box-shadow: none;
font-size: 14px;
padding-left: 10px;
}
.main-search-input-item .chosen-container .chosen-results {
position: relative;
z-index: 10000
} .gray-style .main-search-input-item .chosen-container-single .chosen-single,
.gray-style .main-search-input-item .chosen-single.chosen-container-active {
border: 1px solid #f7f7f7;
background-color: #f7f7f7;
}
.main-search-input-item .chosen-container.chosen-with-drop { box-shadow: none;
border-radius: 4px;
}
.gray-style .main-search-input-item .chosen-single::after {
display: none;
}
.gray-style .main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single,
.gray-style .main-search-input-item .chosen-container .chosen-drop {
box-shadow: none;
border: 1px solid #e0e0e0;
background: #fff;
}
@media (min-width: 991px) {
.gray-style .main-search-input-item .chosen-single {
border-bottom: none !important;
}
}
.gray-style .main-search-input-item .chosen-container .chosen-drop {
border-top: none;
}  .select-input {
position: relative;
}
.select-input input {
position: relative;
z-index: 101;
}
.select-input .select {
position: absolute;
top: -8px;
}
.select-hidden {
display: none;
visibility: hidden;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
font-size: 15px;
color: #fff;
width: 100%;
height: 51px;
}
.select-styled {
opacity: 0;
}
.select-options {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 990;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #e0e0e0;
background-color: #fcfcfc;
padding: 0 4px;
padding-top: 8px;
border-top: 0;
border-radius: 0 0 4px 4px;
box-sizing: border-box;
}
.select-list-container {
padding: 0 4px;
max-height: 300px;
overflow: auto;
display: inline-block;
width: 100%
}
ul.select-options li {
margin: 0;
padding: 0;
transition: all 0.15s ease-in;
color: #888;
margin: 0;
padding: 10px 10px;
list-style: none;
line-height: 15px;
border-radius: 4px;
}
.select-options li:hover {
color: #fff;
background-color: #66676b;
}
.select-options li[rel="hide"] {
display: none;
}
.select-options ::-webkit-scrollbar {
width: 10px;
}
.select-options ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.select-options ::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.2);
}
.select-options ::-webkit-scrollbar-thumb:hover {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.3);
}  .panel-dropdown {
position: relative;
display: inline-block
}
.panel-dropdown>a {
color: #666;
font-weight: 600;
font-size: 15px;
border-radius: 50px;
padding: 3px 14px;
transition: all 0.3s;
display: inline-block;
}
.panel-dropdown.active>a,
.panel-dropdown>a:hover {
background: #f3f3f3;
}
.panel-dropdown>a:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
color: #66676b;
padding-left: 0;
transition: all 0.3s;
margin-left: 6px;
display: inline-block;
position: relative;
top: -1px;
}
.panel-dropdown.active>a:after {
transform: rotate(180deg);
}
.panel-dropdown .panel-dropdown-content {
opacity: 0;
visibility: hidden;
transition: all 0.3s;
position: absolute;
top: 44px;
left: 0px;
z-index: 110;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.18);
border-radius: 4px;
box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
padding: 20px 24px;
overflow-y: auto;
white-space: normal;
width: 460px;
}
.panel-dropdown.wide .panel-dropdown-content {
width: 570px;
}
.panel-dropdown.active .panel-dropdown-content {
opacity: 1;
visibility: visible;
}
.listings-container {
opacity: 1;
transition: all 0.3s;
}
.fs-inner-container.content.faded-out .listings-container {
opacity: 0.5; pointer-events: none;
}
.clear-all-activities {
display: inline-block;
background-color: #f2f2f2;
color: #888;
padding: 6px 6px;
line-height: 12px;
border-radius: 3px;
font-size: 13px;
margin-bottom: -5px;
position: absolute;
top: 21px;
right: 30px;
transition: 0.3s;
}
.clear-all-activities:hover {
background: #eee;
color: #777;
}
.panel-dropdown .checkboxes label {
margin-bottom: 10px;
display: block;
line-height: 23px;
}
.panel-dropdown-content.checkboxes {
padding: 28px;
}
.panel-dropdown .row {
margin-left: -10px;
margin-right: -10px;
}
span.slider-disable,
span.panel-disable,
span.panel-cancel,
button.panel-cancel,
button.panel-apply {
background: none;
padding: 5px 16px;
display: block;
outline: none;
border: none;
font-weight: 600;
float: right;
margin: 0;
font-size: 15px;
border-radius: 50px;
background-color: #66676b;
color: #fff;
transition: all 0.3s;
cursor: pointer;
font-size: 13px;
padding: 3px 14px;
}
button.panel-apply:hover {
opacity: 0.9;
}
button.panel-apply:active {
transform: translateY(-2px);
}
span.slider-disable,
span.panel-disable,
span.panel-cancel,
button.panel-cancel {
float: left;
background-color: #f0f0f0;
color: #666;
opacity: 1;
}
span.slider-disable:hover,
span.panel-disable:hover,
span.panel-cancel:hover,
button.panel-cancel:hover {
background-color: #e9e9e9;
}
.panel-buttons {
width: 100%;
margin-top: 13px;
} .panel-dropdown.float-right {
float: right;
}
.panel-dropdown.float-right .panel-dropdown-content {
left: auto;
right: 0;
} .fullwidth-filters .panel-dropdown {
margin-left: 3px
} .fullwidth-filters {
display: inline-block;
width: 100%;
position: relative;
top: 10px;
}
.fullwidth-filters .sort-by {
top: -1px;
right: -1px;
} .more-search-options.relative {
position: relative;
margin-top: 0;
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transition: none;
display: none;
}
.more-search-options.relative.active {
transform: translate3d(0, 0, 0);
} .more-search-options-trigger {
color: #666;
font-weight: 500;
font-size: 15px;
border-radius: 3px;
padding: 3px 0;
transition: all 0.3s;
display: inline-block
}
.more-search-options-trigger:before {
content: attr(data-open-title);
}
.more-search-options-trigger.active:before {
content: attr(data-close-title);
}
.more-search-options-trigger:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 11px;
padding-left: 0;
transition: all 0.3s;
margin-left: 6px;
display: inline-block;
top: -1px;
position: relative;
}
.more-search-options-trigger.active:after {
transform: rotate(180deg);
}
.more-search-options-trigger:hover {
color: #444;
}
.more-search-options .panel-checkboxes-container {
padding: 0;
margin: -5px 0 15px 0 !important;
display: block;
}
.more-search-options .panel-checkbox-wrap {
width: 100%;
} .layout-switcher a {
width: 39px;
height: 39px;
background-color: #eee;
display: inline-block;
color: #9d9d9d;
font-size: 14px;
line-height: 40px;
text-align: center;
transition: all 0.4s;
border-radius: 50%;
font-weight: 500;
overflow: hidden;
position: relative;
margin-right: 1px;
border: 1px solid #eee;
color: #9d9d9d;
background-color: #fff;
border: 1px solid #d4d4d4;
}
.layout-switcher a.active {
color: #66676b;
background-color: #fff;
border: 1px solid #66676b;
line-height: 38px;
}
.layout-switcher a i {
position: relative;
z-index: 11;
}
.layout-switcher .active {
pointer-events: none;
}
body .layout-switcher a:hover {
color: #9d9d9d;
background-color: #f7f7f7;
border: 1px solid #d4d4d4;
}
body .layout-switcher a,
body .layout-switcher a.active {
line-height: 39px;
}  .fs-container {
height: 100%;
width: 100%;
}
.fs-container #map-container {
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 990;
margin-bottom: 0px;
}
.fs-content {
max-height: 100%;
padding: 0;
}
.fs-container section.search {
padding: 45px 40px;
background-color: #fff;
padding-bottom: 35px;
}
.fs-container .fs-listings {
padding: 0 25px;
margin: 0;
}
.fs-switcher {
padding: 0 25px;
margin: -10px 0 20px 0;
}
.fs-switcher h1 {
margin: 0 0 25px 0;
font-size: 22px;
}
.fs-content .layout-switcher a:hover,
.fs-content .layout-switcher a {
background: transparent;
border-color: #c8c8c8
}
.fs-content .layout-switcher a:hover {
background: transparent;
border-color: #c8c8c8
}
.fs-content .layout-switcher a.active {
background: transparent;
}
.fs-content .sort-by .chosen-container-single .chosen-single {
background: transparent;
border-color: transparent;
}
.fs-content .sort-by .chosen-container-active .chosen-choices,
.fs-content .sort-by .chosen-container-active.chosen-with-drop .chosen-single,
.fs-content .sort-by .chosen-single:hover {
background: #fff;
} .fs-listings #listings-not-found {
background: #fff;
} .fs-inner-container {
width: 50%;
float: left;
display: inline-block;
}
.fs-inner-container.content {
width: 55%;
background-color: #f7f7f7;
z-index: 995;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
position: relative;
padding-top: 80px;
}
.hws-header .fs-inner-container.content {
padding-top: 0;
}
.fs-inner-container {
width: 45%;
background-color: #fff;
z-index: 10;
}
.fs-container .copyrights {
padding: 20px 0;
font-size: 15px;
}
#header-container.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 1100;
background-color: #fff;
}
.admin-bar #header-container.fixed {
top: 32px;
}
.fs-inner-container.map-fixed {
height: 100vh;
position: fixed;
top: 0;
padding-top: 80px
}
.input-with-icon.location a i {
top: 4px;
transform: none;
right: 15px;
padding-left: 5px;
padding-right: 18px;
}
.sidebar .input-with-icon.location a i {
right: 15px;
padding-right: 15px;
}
button.fs-map-btn.button {
position: relative;
float: right;
top: 6px;
padding: 10px 40px;
margin: 0;
}
.panel-wrapper .fs-map-btn.button {
display: inline-block;
position: relative;
float: right;
}
.fs-container .more-search-options-trigger {
position: relative;
top: 10px;
}
.showing-results {
color: #888;
font-weight: 500;
margin: 5px 0 25px 0;
}
.listings-container.fs-listings {
left: 0;
width: 100%;
position: relative;
}
.listings-container.fs-listings.grid-layout {
left: 0;
width: 100%;
position: relative;
}
.listings-container.fs-listings.list-layout {
padding: 0 40px;
}
.listings-container.fs-listings.list-layout .listing-content {
flex: 4;
}
.listings-container.fs-listings.list-layout .listing-img-container {
flex: 0 auto;
max-width: 300px;
} @media (max-width:1365px) {
.listings-container.fs-listings.grid-layout .listing-item {
width: 100%;
margin: 0 0 30px 0;
}
.listings-container.fs-listings.grid-layout {
padding: 0 40px;
}
.listings-container.fs-listings.list-layout .listing-item {
display: block;
}
.listings-container.fs-listings.list-layout .details.button.border {
display: none;
}
.listings-container.fs-listings.list-layout .listing-img-container {
max-width: 100%;
}
.fs-switcher .layout-switcher {
display: none;
}
} .col-fs-12,
.col-fs-11,
.col-fs-10,
.col-fs-9,
.col-fs-8,
.col-fs-7,
.col-fs-6,
.col-fs-5,
.col-fs-4,
.col-fs-3,
.col-fs-2,
.col-fs-1 {
float: left;
padding: 0 10px;
}
.col-fs-12 {
width: 100%
}
.col-fs-11 {
width: 91.66666667%
}
.col-fs-10 {
width: 83.33333333%
}
.col-fs-9 {
width: 75%
}
.col-fs-8 {
width: 66.66666667%
}
.col-fs-7 {
width: 58.33333333%
}
.col-fs-6 {
width: 50%
}
.col-fs-5 {
width: 41.66666667%
}
.col-fs-4 {
width: 33.33333333%
}
.col-fs-3 {
width: 25%
}
.col-fs-2 {
width: 16.66666667%
}
.col-fs-1 {
width: 8.33333333%
}
@media (max-width:1599px) {
.col-fs-12,
.col-fs-11,
.col-fs-10,
.col-fs-9,
.col-fs-8,
.col-fs-7 {
width: 100%
}
.col-fs-6,
.col-fs-5,
.col-fs-4,
.col-fs-3,
.col-fs-2,
.col-fs-1 {
width: 50%
}
}
@media (max-width: 992px) {
.col-fs-12,
.col-fs-11,
.col-fs-10,
.col-fs-9,
.col-fs-8,
.col-fs-7,
.col-fs-6,
.col-fs-5,
.col-fs-4,
.col-fs-3,
.col-fs-2,
.col-fs-1 {
width: 100%
}
.overflow-hidden {
overflow: hidden;
}
} .row.with-forms .bootstrap-select.btn-group,
.row.with-forms input,
.row.with-forms input[type="text"],
.row.with-forms input[type="password"],
.row.with-forms input[type="email"],
.row.with-forms input[type="number"],
.row.with-forms textarea,
.row.with-forms input,
.row.with-forms select,
.row.with-forms .chosen-container {
margin-bottom: 18px;
}
.row.with-forms {
margin-left: -10px;
margin-right: -10px;
}
.with-forms .col-xs-1,
.with-forms .col-sm-1,
.with-forms .col-md-1,
.with-forms .col-lg-1,
.with-forms .col-xs-2,
.with-forms .col-sm-2,
.with-forms .col-md-2,
.with-forms .col-lg-2,
.with-forms .col-xs-3,
.with-forms .col-sm-3,
.with-forms .col-md-3,
.with-forms .col-lg-3,
.with-forms .col-xs-4,
.with-forms .col-sm-4,
.with-forms .col-md-4,
.with-forms .col-lg-4,
.with-forms .col-xs-5,
.with-forms .col-sm-5,
.with-forms .col-md-5,
.with-forms .col-lg-5,
.with-forms .col-xs-6,
.with-forms .col-sm-6,
.with-forms .col-md-6,
.with-forms .col-lg-6,
.with-forms .col-xs-7,
.with-forms .col-sm-7,
.with-forms .col-md-7,
.with-forms .col-lg-7,
.with-forms .col-xs-8,
.with-forms .col-sm-8,
.with-forms .col-md-8,
.with-forms .col-lg-8,
.with-forms .col-xs-9,
.with-forms .col-sm-9,
.with-forms .col-md-9,
.with-forms .col-lg-9,
.with-forms .col-xs-10,
.with-forms .col-sm-10,
.with-forms .col-md-10,
.with-forms .col-lg-10,
.with-forms .col-xs-11,
.with-forms .col-sm-11,
.with-forms .col-md-11,
.with-forms .col-lg-11,
.with-forms .col-xs-12,
.with-forms .col-sm-12,
.with-forms .col-md-12,
.with-forms .col-lg-12 {
padding: 0 10px;
}
@media (max-width: 480px) {
header.fullwidth .container,
.fs-container section.search {
padding-left: 20px;
padding-right: 20px;
}
.fs-container .fs-listings {
padding-left: 5px;
padding-right: 5px;
}
}
.listing-widget #listeo-search-form_search_radius {
border-radius: 4px;
border: 1px solid #e0e0e0;
margin: 0;
margin-top: 25px;
padding: 0 10px 10px 10px;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.listing-widget #listeo-search-form__price {
border-radius: 4px;
border: 1px solid #e0e0e0;
margin: 0;
margin-top: 25px;
padding: 20px 10px 10px 10px;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}  .comment-by-listing {
display: inline-block;
color: #888;
}
.comment-by-listing a {
color: #888;
}
.comment-by-listing a:hover {
color: #66676b;
} .verified-icon {
display: inline-block;
width: 20px;
height: 20px;
font-size: 19px;
color: #19b453;
font-style: normal;
font-weight: 500;
line-height: 20px;
text-align: center;
position: relative;
top: 3px;
margin-left: 2px;
}
.verified-icon:before {
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: relative;
z-index: 11;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.verified-icon:after {
position: relative;
z-index: 9;
width: 17px;
height: 17px;
border-radius: 50%;
display: block;
content: "";
position: absolute;
top: 1px;
left: 1px;
background-color: #fff;
} .verified-badge {
background-color: #19b453;
border-radius: 4px;
color: #fff;
text-align: center;
padding: 12px 20px;
font-size: 17px;
font-weight: 500;
cursor: help;
position: relative;
transition: 0.3s;
display: block;
margin-bottom: 35px;
}
.verified-badge i {
font-size: 22px;
padding: 0 4px 0 0;
position: relative;
top: 3px;
}
.verified-badge .tip-content {
transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
padding: 20px;
border-radius: 0 0 4px 4px;
max-width: auto;
top: auto;
bottom: 0;
}
.verified-badge:hover {
border-radius: 4px 4px 0 0;
}
.verified-badge:hover .tip-content {
opacity: 1;
visibility: visible;
transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
}
.verified-badge .tip-content:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0d8";
position: absolute;
top: -3px;
bottom: auto;
left: 50%;
font-size: 22px;
color: #333;
transform: translate(-50%, -50%);
} .claim-badge a {
background-color: #fff;
border-radius: 4px;
color: #666;
border: 1px solid #e0e0e0;
text-align: center;
padding: 16px 20px;
font-size: 15px;
line-height: 20px;
font-weight: 600;
position: relative;
transition: 0.3s;
display: block;
margin-bottom: 35px;
}
.claim-badge a:hover {
background-color: #fafafa;
border-color: #ddd;
}
.claim-badge a i {
font-size: 18px;
position: relative;
top: 2px;
margin-right: 5px;
font-weight: 500;
color: #66676b;
} .user-profile-titlebar {
position: relative;
margin-top: 3px;
min-height: 73px;
display: inline-block;
}
.user-profile-avatar {
width: 96px;
height: auto;
overflow: hidden;
border-radius: 50%;
position: absolute;
left: 0;
top: -12px;
image-rendering: -webkit-optimize-contrast;
border: 5px solid #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.user-profile-avatar img {
width: 100%;
height: auto;
}
.user-profile-name {
position: relative;
left: 127px;
}
#titlebar .user-profile-name h2 {
font-size: 28px;
display: inline-block;
margin-bottom: -3px;
}
.user-profile-titlebar .star-rating .rating-counter {
top: 5px;
font-size: 16px;
} #titlebar .user-profile-name h2 {
font-size: 26px;
}
.user-profile-titlebar {
background: #fff;
border-radius: 5px;
display: flex;
padding: 40px;
position: relative;
background-color: #fff;
box-shadow: 0 0 16px rgb(0 0 0 / 10%);
margin: 0;
align-items: center;
justify-content: flex-start;
}
.user-profile-name {
left: 30px;
}
.user-profile-avatar {
position: relative;
top: 0;
}
body.author-listeo h3.margin-top-60 {
margin-top: 30px !important;
}
@media (max-width: 768px) {
.user-profile-titlebar {
padding: 30px;
flex-direction: column;
align-items: flex-start;
}
body .user-profile-avatar {
top: 0;
}
body .user-profile-name {
left: 0px;
}
}
.browse-all-user-listings {
text-align: center;
}
.browse-all-user-listings a {
position: relative;
font-weight: 600;
font-size: 15px;
left: 0;
z-index: 10;
text-align: center;
display: inline-block;
opacity: 1;
visibility: visible;
transition: all 0.3s;
padding: 8px 25px;
color: #666;
background-color: #f2f2f2;
border-radius: 50px;
margin: 15px 0 0 0;
}
.browse-all-user-listings a i {
padding-left: 5px;
color: #66676b;
font-size: 16px;
}
.browse-all-user-listings a:hover {
color: #333;
}
@media (max-width: 768px) {
body .user-profile-avatar {
max-width: 60px;
max-height: 60px;
top: 2px;
}
body .user-profile-name {
position: relative;
left: 75px;
}
#titlebar .user-profile-name h2 {
font-size: 22px;
}
#titlebar span.star {
font-size: 14px;
}
.user-profile-titlebar .star-rating .rating-counter {
top: 5px;
font-size: 14px;
}
.user-profile-titlebar .star-rating {
margin-top: -9px;
}
}
@media (max-width: 992px) {
.user-profile-avatar {
max-width: 90px;
max-height: 90px;
top: -7px;
}
.user-profile-name {
position: relative;
left: 115px;
}
}  .payment-logo {
height: 24px;
position: absolute;
right: 19px;
top: 18px;
image-rendering: -webkit-optimize-contrast;
}
.payment-logo.paypal {
height: 16px;
top: 22px;
}
.payment-tab-trigger>input {
position: absolute;
visibility: hidden;
}
.payment-tab-trigger {
padding: 0px 20px;
}
.payment-tab-trigger>label {
cursor: pointer;
display: block;
position: relative;
top: 0;
padding: 14px 0;
top: 1px;
margin-bottom: 0;
font-weight: 500;
}
.payment-tab-trigger>label::before {
transition: 0.2s;
box-sizing: border-box;
background-color: #fff;
border: 2px solid #d0d0d0;
border-radius: 100%;
content: "";
display: inline-block;
margin-right: 10px;
position: relative;
top: 4px;
width: 20px;
height: 20px;
}
.payment-tab-trigger>label::after {
background: #fff;
border-radius: 100%;
content: "";
display: inline-block;
position: absolute;
left: 7px;
top: 25px;
width: 6px;
height: 6px;
transition: 0.2s;
transform: scale(0);
}
.payment-tab-trigger>input:checked~label::before {
border-color: #66676b;
}
.payment-tab-trigger>input:checked~label::after {
background-color: #66676b;
transform: scale(1);
}
.payment {
border: 2px solid #f2f2f2;
border-radius: 4px;
overflow: hidden;
}
.payment-tab {
background: #f2f2f2;
box-sizing: border-box;
max-height: 60px;
overflow: hidden;
position: relative;
transition: all 0.3s 0s ease-in-out;
width: 100%;
}
.payment-tab:first-of-type {
border-radius: 4px 4px 0 0;
}
.payment-tab:last-of-type {
border-radius: 0 0 4px 4px;
}
.payment-tab.payment-tab-active {
max-height: 400px;
background: #fff;
}
@media (max-width: 991px) {
.payment-tab.payment-tab-active {
max-height: 800px;
}
}
.payment-tab-content {
padding: 0 20px 20px 20px;
background-color: #fff;
visibility: hidden;
opacity: 0;
transition: 0.2s ease-in-out;
}
.payment-tab.payment-tab-active .payment-tab-content {
visibility: visible;
opacity: 1;
}
.card-label>input {
box-sizing: border-box;
display: block;
height: 51px;
margin: -14px auto 5px;
padding: 5px 15px 0 15px;
transition: border-color 0.3s;
width: 100%;
border: 1px solid #dbdbdb;
background-color: #fff;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.card-label>label {
background-color: #fff;
display: inline-block;
margin: 6px auto auto 8px;
font-size: 13px;
padding: 0px 7px;
font-weight: 500;
color: #909090;
}
.payment-tab p {
margin: 10px 0;
} .opening-hours.summary li {
color: #333;
}
.boxed-widget.summary {
border-radius: 0 0 4px 4px;
}
.opening-hours.summary li:hover {
color: #66676b;
}
.boxed-widget.summary h3 {
padding: 0 0 25px;
}
.opening-hours.summary li.total-costs {
font-size: 16px;
border-top: 1px solid #e8e8e8;
padding-top: 18px;
margin-top: 18px;
}
.opening-hours.summary li.total-costs span {
font-weight: 600;
color: #66676b;
}
.listing-item-container.compact.order-summary-widget .listing-item {
border-radius: 4px 4px 0 0;
cursor: default;
height: 240px;
}
.listing-item-container.compact.order-summary-widget {
margin-bottom: 0;
}
.listing-item-container.compact.order-summary-widget:hover {
transform: none;
} .input-with-icon.medium-icons i {
font-size: 16px;
bottom: 0px;
top: 63px;
padding-left: 18px;
}
#claim-listing-form .col-md-6 label i,
.input-with-icon.medium-icons label i {
position: static;
font-size: 8px;
margin: 0px;
padding: 2px;
color: red;
}
#claim-listing-form .col-md-6 label i {
transform: translateY(-50%);
}
.input-without-icon label i {
position: absolute;
font-size: 8px;
margin: 0px;
padding: 2px;
color: red;
}
.button.booking-confirmation-btn {
padding: 12px 35px;
font-size: 16px;
} .booking-confirmation-page {
text-align: center;
padding: 40px 0;
}
.booking-confirmation-page i {
color: #23b35f;
font-size: 160px;
}
.booking-confirmation-page h2 {
font-size: 50px;
font-weight: 700;
letter-spacing: -0.5px;
margin-bottom: 15px;
display: block;
}
.booking-confirmation-page p {
font-size: 20px;
display: block;
}
.booking-confirmation-page a.button:before {
display: none;
}
.booking-confirmation-page a.button {
padding: 11px 35px;
background-color: #eee;
color: #444;
font-weight: 600;
font-size: 16px;
}
.book-now.button {
padding: 9px;
margin-bottom: -4px;
}
@media (max-width: 991px) {
.booking-confirmation-page i {
font-size: 100px;
}
.booking-confirmation-page p {
font-size: 18px;
}
.booking-confirmation-page h2 {
font-size: 30px;
}
} .booking-select {
position: relative;
z-index: 100;
}
input#booking-date,
input#booking-time {
z-index: 110;
}
.booking-select select,
.booking-select .chosen-container-single .chosen-single {
border: none;
cursor: pointer;
border-radius: 5px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
font-size: 16px;
font-weight: 600;
height: auto;
padding: 10px 16px;
line-height: 30px;
margin: 0;
position: relative;
background-color: #fff;
text-align: left;
color: #909090;
transition: color 0.3s
}
.booking-select select {
padding: 15px 16px;
}
.booking-select .chosen-container-active.chosen-with-drop .chosen-single {
border-radius: 5px 5px 0 0;
}
.booking-select .chosen-container .chosen-drop {
border: none;
background-color: #fff;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
z-index: 100;
}
.booking-select .chosen-single:after {
content: "";
position: absolute;
bottom: -5px;
display: block;
width: 100%;
left: 0;
height: 10px;
background: #fff;
z-index: 112;
opacity: 1;
transition: all 0.3s;
}
.booking-select .chosen-container .chosen-results li {
padding: 10px;
line-height: 16px;
font-size: 16px;
}
.booking-select .chosen-container-single .chosen-single span {
transition: 0.2s;
}
.booking-select .chosen-container-single .chosen-single:hover span {
color: #444;
}
.booking-select .chosen-container-single .chosen-single div:after {
font-size: 20px;
margin: 9px 0 0 0;
}  .responsive-iframe {
position: relative;
padding-bottom: 53%; padding-top: 25px;
height: 0;
}
.responsive-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} #titlebar.listing-titlebar span a,
#titlebar.listing-titlebar span {
font-size: 17px;
color: #888;
margin-top: 0;
display: inline-block;
}
#titlebar.listing-titlebar span a i {
margin-right: 5px;
}
#titlebar.listing-titlebar span a:hover {
color: #666;
}
#titlebar.listing-titlebar h1,
#titlebar.listing-titlebar h2 {
font-size: 28px;
line-height: 36px;
margin: 1px 0;
}
#titlebar.listing-titlebar span.listing-tag {
top: 0;
margin: 0;
background: #66676b14;
line-height: 15px;
font-weight: 500;
letter-spacing: 0;
font-size: 14px;
text-transform: none;
border: none !important;
padding: 6px 14px;
border-radius: 50px;
}
#titlebar.listing-titlebar span.listing-tag a {
line-height: 20px;
letter-spacing: 0;
color: #66676b;
font-size: 14px;
font-weight: 500;
color: #66676b;
margin: 0;
}
.listing-titlebar-tags {
display: block;
margin-bottom: 10px;
}
#titlebar.listing-titlebar .star-rating {
display: inline-block;
background: #f6f6f6;
padding: 0 12px;
border-radius: 50px;
margin-top: 10px;
}
#titlebar.listing-titlebar .star-rating span.star {
font-size: 16px;
}
#titlebar.listing-titlebar .star-rating .rating-counter {
top: 0;
}
#titlebar.listing-titlebar .star-rating .rating-counter a {
font-weight: 500;
font-size: 14px;
color: #999;
}
#titlebar.listing-titlebar .star-rating .rating-counter a strong {
transition: 0.1s;
color: #444;
}
#titlebar.listing-titlebar .star-rating .star.empty:before,
#titlebar.listing-titlebar .star-rating .star.half:before {}
#titlebar.listing-titlebar span.listing-pricing-tag {
display: inline-block;
padding-left: 35px;
padding-right: 12px;
font-size: 13px;
font-weight: 500;
background-color: #fff;
color: #777;
border: none;
border-radius: 100px;
line-height: 32px;
height: 32px;
vertical-align: top;
position: relative;
margin-bottom: 3px;
border: none;
color: #4f9629;
margin-left: 5px;
margin: 0;
background: #6add2d2b;
}
#titlebar.listing-titlebar span.listing-pricing-tag i {
position: absolute;
height: 20px;
width: 20px;
top: 5px;
left: 6px;
border-radius: 100%;
text-align: center;
line-height: 20px;
font-size: 10px;
background: #222;
color: #fff;
background-color: #64bc36;
}
#titlebar.listing-titlebar span.listing-tag,
#titlebar.listing-titlebar span.listing-pricing-tag {
margin-bottom: 5px;
}
.rating-counter a {
color: #909090;
}
.star-rating .rating-counter a:hover {
color: #66676b;
}
.numerical-rating .rating-counter a:hover {
color: #888;
}
#titlebar.listing-titlebar .numerical-rating {
display: block;
margin: 2px 0 0 0;
}
.numerical-rating .rating-counter strong {
display: none;
}
#titlebar.listing-titlebar {
background: transparent;
margin: 2px 0 0 0;
padding-bottom: 55px;
}
.numerical-rating {
height: 27px;
} .single-listing-page-titlebar {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom, #f7f7f7 0%, rgba(255, 255, 255, 0.5));
} a.button.add-review-btn {
min-width: 160px;
text-align: center;
}
a.button.add-review-btn i {
font-size: 14px;
position: relative;
line-height: 0;
top: 0;
margin-right: 0;
letter-spacing: 0;
} .back-to-listings {
height: 60px;
width: 60px;
background-color: #eee;
color: #a6a6a6;
border-radius: 50%;
display: inline-block;
float: left;
position: relative;
top: 6px;
margin: 0 25px 0 0;
text-align: center;
transition: all 0.4s;
position: absolute;
top: 50%;
left: 15px;
margin-top: -5px;
transform: translate(0, -50%);
}
.back-to-listings:before {
font-family: "simple-line-icons";
content: "\e605";
font-size: 20px;
line-height: 60px;
left: -1px;
position: relative;
}
.back-to-listings:hover {
color: #a6a6a6;
transform: translate(-4px, -50%);
} .titlebar-right-content {
position: absolute;
right: 15px;
display: inline-block;
top: 50%;
transform: translateY(-49%);
text-align: right;
} .hosted-by-bio {
border-bottom: 1px solid #e8e8e8;
padding: 0 0px 0px 0;
margin: 0px 0 25px 0;
}
.hosted-by-bio p {
margin-bottom: 20px;
}
.hosted-by-title {
padding: 0 70px 18px 0;
margin: -4px 0 25px 0;
display: block;
border-bottom: 1px solid #e8e8e8;
position: relative;
}
.hosted-by-title h4 {
font-size: 18px;
transition: 0.2s;
line-height: 22px;
font-weight: 500;
margin: 4px 0 7px 0;
}
.hosted-by-title h4 a:hover {
color: #66676b;
}
.hosted-by-title h4 span {
display: block;
font-size: 14px;
font-weight: 400;
color: #888;
margin-bottom: 2px;
}
.hosted-by-title a {
color: #333;
}
.hosted-by-avatar {
max-width: 56px;
overflow: hidden;
border-radius: 50%;
position: absolute;
right: 0;
top: -8px;
image-rendering: -webkit-optimize-contrast;
}
.hosted-by-avatar {
border: 4px solid #fff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-sizing: content-box;
height: 50px;
width: 50px;
}
.hosted-by-avatar img {
object-fit: cover;
} .listing-slider-small .item,
.listing-slider .item {
position: relative;
background-size: cover;
background-position: 50%;
height: 40vh;
min-height: 400px;
}
.listing-slider,
.listing-slider .item {
height: 40vh;
min-height: 400px;
}
.listing-slider-small .item {
height: 250px;
min-height: auto;
}
@media(max-width: 1366px) {
.listing-slider-small .item {
height: 220px;
}
}
@media(max-width: 1240px) {
.listing-slider-small .item {
height: 200px;
}
}
@media(max-width: 768px) {
.listing-slider-small .item {
height: 300px;
}
}
.listing-slider-small .item:last-child {
border-radius: 0 4px 4px 0;
}
.listing-slider-small {
border-radius: 4px;
overflow: hidden;
}
a.mfp-gallery {
cursor: zoom-in;
}
.listing-slider {
background-color: #fff;
}
.listing-slider .slick-next:hover,
.listing-slider .slick-prev:hover,
.listing-slider .slick-next,
.listing-slider .slick-prev {
background-color: rgba(20, 20, 20, 0.45);
color: #fff;
height: 60px;
width: 60px;
border-radius: 50%;
text-align: center;
transition: 0.4s;
}
.listing-slider-small .slick-next:hover,
.listing-slider-small .slick-prev:hover,
.listing-slider-small .slick-next,
.listing-slider-small .slick-prev {
background-color: rgba(20, 20, 20, 0.45);
color: #fff;
height: 50px;
width: 50px;
border-radius: 50%;
text-align: center;
transition: 0.4s;
}
.listing-slider-small .slick-next:hover,
.listing-slider-small .slick-next,
.listing-slider .slick-next:hover,
.listing-slider .slick-next {
right: 15%;
transform: translate(50px, -50%);
}
.listing-slider-small .slick-prev:hover,
.listing-slider-small .slick-prev,
.listing-slider .slick-prev:hover,
.listing-slider .slick-prev {
left: 15%;
transform: translate(-50px, -50%);
}
.listing-slider-small .slick-next:hover,
.listing-slider-small .slick-next {
right: 50px;
transform: translate(0, -50%);
}
.listing-slider-small .slick-prev:hover,
.listing-slider-small .slick-prev {
left: 50px;
transform: translate(0, -50%);
}
.listing-slider-small:hover .slick-next {
transform: translate(15%, -50%);
}
.listing-slider-small:hover .slick-prev {
transform: translate(-15%, -50%);
}
.listing-slider:hover .slick-next {
transform: translate(60px, -50%);
}
.listing-slider:hover .slick-prev {
transform: translate(-60px, -50%);
}
.listing-slider .slick-next:hover:before,
.listing-slider .slick-prev:hover:before,
.listing-slider .slick-prev::before,
.listing-slider .slick-next::before {
font-size: 20px;
line-height: 60px;
position: relative;
color: #fff;
}
.listing-slider-small .slick-next:hover:before,
.listing-slider-small .slick-prev:hover:before,
.listing-slider-small .slick-prev::before,
.listing-slider-small .slick-next::before {
font-size: 18px;
line-height: 50px;
position: relative;
color: #fff;
}
.listing-slider-small .slick-prev::before,
.listing-slider .slick-prev::before {
left: -1px;
}
.listing-slider-small .slick-next::before,
.listing-slider .slick-next::before {
left: 1px;
} .listing-slider .slick-next:hover {
transform: translate(64px, -50%);
}
.listing-slider .slick-prev:hover {
transform: translate(-64px, -50%);
}
.listing-slider .item.slick-slide:before {
position: absolute;
height: 100%;
width: 100%;
display: block;
content: "";
background: #222;
z-index: 100;
visibility: visible;
opacity: 0.1;
transition: 0.3s ease-in-out;
}
.listing-slider .item.slick-slide:hover:before,
.listing-slider-small .slick-next,
.listing-slider-small .slick-prev,
.listing-slider .slick-next,
.listing-slider .slick-prev {
opacity: 0;
visibility: hidden;
}
.listing-slider-small:hover .slick-next,
.listing-slider-small:hover .slick-prev,
.listing-slider:hover .slick-next,
.listing-slider:hover .slick-prev {
opacity: 1;
visibility: visible;
}
.listing-slider-small .slick-next:hover,
.listing-slider-small .slick-prev:hover,
.listing-slider .slick-next:hover,
.listing-slider .slick-prev:hover {
background-color: #66676b;
color: #fff;
} .listing-details-sidebar {
padding: 0;
list-style: none;
font-size: 15px;
margin-bottom: -5px;
position: relative;
display: block;
}
.listing-details-sidebar li {
display: block;
padding-left: 26px;
position: relative;
margin-bottom: 5px;
line-height: 24px;
}
.listing-details-sidebar li a {
color: #66676b;
transition: 0.3s;
}
.listing-details-sidebar li i {
position: absolute;
left: 0;
top: 5px;
font-size: 16px;
color: #888;
}
.listing-details-sidebar.social-profiles {
margin-top: 20px;
}
.listing-details-sidebar.social-profiles li {
line-height: 22px;
padding-left: 23px;
}
.listing-details-sidebar.social-profiles li i {
top: 3px;
}
.listing-details-sidebar li a.facebook-profile i,
.listing-details-sidebar li a.facebook-profile {
color: #3b5998;
}
.listing-details-sidebar li a.instagram-profile i,
.listing-details-sidebar li a.instagram-profile {
color: #e1306c;
}
.listing-details-sidebar li a.youtube-profile i,
.listing-details-sidebar li a.youtube-profile {
color: #e31837;
}
.listing-details-sidebar li a.linkedin-profile i,
.listing-details-sidebar li a.linkedin-profile {
color: #0077B5;
}
.listing-details-sidebar li a.twitter-profile i,
.listing-details-sidebar li a.twitter-profile {
color: #1da1f2;
}
.listing-details-sidebar li a.gplus-profile i,
.listing-details-sidebar li a.gplus-profile {
color: #dd4b39;
}
.listing-details-sidebar li a.gplus-profile {
padding-left: 4px;
}
.listing-details-sidebar li a.whatsapp-profile i,
.listing-details-sidebar li a.whatsapp-profile {
color: #4aae20;
}
.listing-details-sidebar li a.skype-profile i,
.listing-details-sidebar li a.skype-profile {
color: #00aff0;
} .boxed-widget {
background-color: #f9f9f9;
border-radius: 3px;
padding: 32px;
transform: translate3d(0, 0, 0);
z-index: 90;
position: relative;
}
body .boxed-widget h3 {
font-size: 20px;
margin-bottom: 0 !important;
}
.booking-widget-title-wrap {
padding: 0 0 20px;
margin: 0 0 25px 0 !important;
display: block;
border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: baseline;
}
.booking-widget .booking-pricing-tag {
display: inline-block;
font-size: 13px;
font-weight: 500;
border-radius: 100px;
line-height: 30px;
height: 30px;
vertical-align: top;
position: relative;
border: none;
color: #4f9629;
margin: 0;
background: #6add2d2b;
padding: 0 11px;
font-size: 14px;
position: relative;
margin-top: 8px;
}
@media (min-width: 1700px) {
.booking-widget-title-wrap {
flex-direction: row;
}
.booking-widget .booking-pricing-tag {
margin-top: 0;
}
}
.boxed-widget h3 i {
margin-right: 4px;
}
.boxed-widget h3 i.sl-icon-clock {
position: relative;
top: 1px;
}
.boxed-widget h3 i.fa-calendar-check-o {
position: relative;
top: -1px;
} .booking-widget {
z-index: 99;
}
.booking-widget .panel-dropdown .panel-dropdown-content {
border: none;
overflow: visible;
padding: 20px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
}
.booking-widget .panel-dropdown {
width: 100%;
}
.booking-widget .panel-dropdown .panel-dropdown-content:before {
content: "";
height: 10px;
position: absolute;
width: 100%;
top: -3px;
background-color: #fff;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
border-bottom: 1px solid #eee;
}
.booking-widget .panel-dropdown.active .panel-dropdown-content:before {
opacity: 1;
visibility: visible;
}
.booking-widget .panel-dropdown a {
border: none;
cursor: pointer;
border-radius: 5px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
font-size: 16px;
font-weight: 600;
height: auto;
padding: 10px 16px;
line-height: 30px;
margin: 0 0 15px 0;
position: relative;
background-color: #fff;
text-align: left;
color: #888;
display: block;
width: 100%;
transition: color 0.3s;
}
.booking-widget .panel-dropdown a:hover {
color: #444;
}
.booking-widget .panel-dropdown a:after {
font-size: 20px;
color: #c0c0c0;
margin-left: 0;
position: absolute;
right: 20px;
top: 10px;
}
body .boxed-widget h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 25px;
margin-bottom: 20px !important
}
.booking-widget .booking-widget-title-wrap h3 {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0 !important;
} .qtyButtons {
display: flex;
margin: 0 0 13px 0;
}
@media (min-width: 992px) and (max-width: 1366px) {
.qtyButtons {
display: block;
}
}
.panel-dropdown-content .qtyButtons:first-child {
margin-top: 8px;
}
.panel-dropdown-content .qtyButtons:last-child {
margin-bottom: 3px;
}
.qtyButtons input {
font-family: "Open Sans", sans-serif;
outline: 0;
font-size: 20px;
text-align: center;
width: 50px;
height: 36px;
color: #333;
line-height: 36px;
margin: 0 !important;
padding: 0 5px;
border: none;
box-shadow: none;
pointer-events: none;
display: inline-block;
}
.qtyTitle {
font-size: 16px;
font-weight: 600;
line-height: 36px;
padding-right: 15px;
display: block;
flex: 1;
}
.panel-dropdown .panel-with-children .qtyTitle {
display: block;
line-height: 14px;
}
.panel-dropdown .panel-with-children .qtyTitle span {
font-size: 13px;
display: block;
font-weight: 500;
opacity: 0.8;
padding-top: 2px;
}
.qtyInc,
.qtyDec {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 14px;
background-color: #f2f2f2;
-webkit-text-stroke: 1px #f2f2f2;
color: #333;
display: inline-block;
text-align: center;
border-radius: 50%;
cursor: pointer;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.qtyInc:before {
content: "\f067";
}
.qtyDec:before {
content: "\f068";
}
.qtyTotal {
background-color: #66676b;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 600;
font-family: "Open Sans", sans-serif;
line-height: 18px;
text-align: center;
position: relative;
top: -2px;
left: 2px;
height: 18px;
width: 18px;
}
.panel-dropdown .panel-with-children .qtyButtons {
display: flex;
text-align: left;
justify-content: center;
align-items: center;
}
.rotate-x {
animation-duration: .5s;
animation-name: rotate-x;
}
@keyframes rotate-x {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
} a.send-message-to-owner.button {
font-size: 13px;
font-weight: 500;
padding: 4px 20px;
margin-top: 20px;
margin-bottom: -5px;
} .opening-hours {
position: relative;
overflow: hidden;
}
.opening-hours ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}
.opening-hours ul li {
width: 100%;
font-weight: 600;
color: #888;
margin: 2px 0;
transition: 0.2s;
cursor: default;
overflow: hidden;
}
.opening-hours ul li:hover {
color: #444;
}
.opening-hours ul li span {
float: right;
font-weight: 400;
text-align: right;
} .listing-share {
text-align: center;
position: relative;
}
.listing-share .share-buttons li {
margin: 0 3px 8px 0;
}
.listing-share.with-border {
border-top: 1px solid #eee;
padding-top: 35px;
}
.listing-share span {
display: block;
font-size: 15px;
color: #888;
} .like-button-notlogged,
.like-button {
outline: none;
border: none;
color: #444;
font-weight: 600;
font-size: 14px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 50px;
padding: 10px 25px;
line-height: 24px;
margin-bottom: 0px;
transition: 0.3s;
cursor: pointer;
display: inline-block;
}
.form-submit input.submit {
margin-bottom: 0;
padding: 0 20px;
height: 44px;
line-height: 44px;
}
.like-button-notlogged:hover,
.like-button:hover {
background-color: #fafafa;
border: 1px solid #ddd;
}
.listing-share .like-icon::before,
.listing-share .like-icon::after {
top: 0;
}
.listing-share .social-icons li {
text-align: center;
float: none;
padding: 0;
margin: 0;
}
.like-button-notlogged .like-icon:hover,
.like-button .like-icon:hover,
.like-button .like-icon.liked {
background-color: transparent;
color: #f3103c;
}
.like-button-notlogged .like-icon,
.like-button .like-icon {
position: relative;
height: 20px;
display: inline-block;
line-height: 30px;
right: auto;
bottom: 3px;
background: transparent;
color: #f3103c;
font-weight: 500;
float: left;
width: 20px;
margin-right: 8px;
font-size: 18px;
} .listing-nav {
width: 100%;
padding: 0;
list-style: none;
margin: 0;
border-bottom: 1px solid #e0e0e0;
font-size: 16px;
font-weight: 400; margin-bottom: 35px;
} .listing-nav-container.cloned {
position: fixed;
top: 0;
margin: 0 auto;
z-index: 1010;
width: 100%;
opacity: 0;
visibility: hidden;
transition: 0.4s;
transform: translateY(-100%);
border-bottom: 1px solid #e0e0e0;
}
.listing-nav-container.cloned.stick {
opacity: 1;
visibility: visible;
transform: translateY(0);
background-color: #fff;
}
.listing-nav-container.cloned .listing-nav {
border-bottom: none;
margin: 0 auto;
}
.listing-nav-container.cloned .listing-nav a {
padding: 15px 0;
}
.listing-nav-container.cloned .listing-nav li:first-child a {
color: #666;
border-color: #e0e0e0;
} .listing-nav li {
display: inline-block;
margin-right: 15px;
}
.listing-nav li a {
display: inline-block;
border-bottom: 1px solid #e0e0e0;
position: relative;
bottom: -1px;
transition: 0.3s;
color: #666;
padding-bottom: 15px;
font-weight: 500;
}
.listing-nav-container.cloned .listing-nav li:first-child a.active,
.listing-nav-container.cloned .listing-nav li:first-child a:hover,
.listing-nav li:first-child a,
.listing-nav li a.active,
.listing-nav li a:hover {
border-color: #66676b;
color: #66676b;
}
.listing-desc-headline {
font-size: 22px;
margin-bottom: 25px;
margin-top: 45px;
display: block;
}
.listing-desc-headline span {
color: #888;
}
.listing-section {
display: inline-block;
width: 100%;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border: none;
text-decoration: none;
}
#dashboard #listing_preview #titlebar h2 {
font-size: 24px;
}
.listing_preview_container #listing-store.listing-section {
max-width: calc(100vw - 460px);
} .listing-links-container {
margin: 25px 0 0 0;
display: block;
}
.listing-links {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
display: block;
}
.listing-links li {
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.listing-links li:first-child a {
border-top-left-radius: 53px;
border-bottom-left-radius: 53px;
}
.listing-links li:last-child a {
border-top-right-radius: 53px;
border-bottom-right-radius: 53px;
}
.listing-links li a {
background: #f2f2f2;
color: #555;
font-weight: 500;
font-size: 13px;
padding: 8px 14px;
transition: 0.3s;
display: inline-block;
line-height: 17px;
font-weight: 500;
position: relative;
}
.listing-links li a i {
margin-right: 3px;
}
.listing-links li a.listing-links-fb {
color: #fff;
background: #3b5998;
}
.listing-links li a.listing-links-yt {
color: #fff;
background: #f00125;
}
.listing-links li a.listing-links-ig {
color: #fff;
background: #e1306c;
}
.listing-links li a.listing-links-tt {
color: #fff;
background: #111;
}
.listing-links li a.listing-links-pinterest {
color: #fff;
background: #E60023;
}
.listing-links li a.listing-links-whatsapp {
color: #fff;
background: #4aae20;
}
.listing-links li a.listing-links-skype {
color: #fff;
background: #07b4f5;
}
.listing-links li a.listing-links-linkedit {
color: #fff;
background: #0e76a8;
}
.listing-links li a.listing-links-tiktok {
color: #fff;
background: #00f2ea;
}
.listing-links li a.listing-links-viber {
color: #fff;
background: #725FF1;
}
.listing-links li a:hover {
opacity: 0.9;
}
.listing-links.contact-links li a:hover {
color: #555;
background: #eaeaea;
opacity: 1;
}
.listing-links.contact-links li a {
border-left: 1px solid #e0e0e0;
}
.listing-links.contact-links li:first-child a {
border-left: none;
} .apartment-details {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 20px;
background: #f8f8f8;
border-radius: 4px;
padding: 15px 18px;
}
.apartment-details li {
display: inline-block;
font-weight: 600;
color: #666;
position: relative;
padding: 0;
border-right: 1px solid #e0e0e0;
line-height: 15px;
padding: 0 12px;
}
.apartment-details li:first-child {
padding-left: 0;
}
.apartment-details li:last-child {
border: none;
padding-right: 0;
} #singleListingMap {
height: 400px;
border-radius: 3px;
z-index: 90
}
#singleListingMap {
outline: none;
}
#singleListingMap-container {
height: auto;
position: relative;
padding-top: 5px;
display: block;
} .listing-features {
width: 100%;
display: block;
list-style: none;
margin: 0;
padding: 0;
columns: 3;
font-size: 16px;
-webkit-columns: 3;
-moz-columns: 3;
}
.listing-features.checkboxes li {
color: #333;
display: block;
position: relative;
margin: 5px 0 10px 0;
padding: 0 0 0 30px;
}
.listing-features.checkboxes li.faicon {
padding: 0 0 0 0;
}
.listing-features.checkboxes a {
color: #666;
}
.listing-features li span,
.listing-features.checkboxes li {
color: #707070;
}
.listing-features.checkboxes li:before {
display: inline-block;
width: 19px;
height: 19px;
position: relative;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
color: #fff;
text-align: center;
line-height: 15px;
background-color: #66676b;
border: 2px solid transparent;
transition: border-color 0s;
border-radius: 4px;
position: absolute;
left: 0;
top: 0;
}
.listing-features.checkboxes li {
flex-grow: 0;
width: 33%;
line-height: 22px;
}
.listing-features {
display: flex;
flex-wrap: wrap;
}
.feature-svg-icon svg {
max-width: 22px;
height: auto;
}
@media (max-width: 768px) {
.listing-features.checkboxes li {
width: 100%;
}
}
li.feature-has-icon:before {
display: none !important;
}
li.feature-has-icon span.feature-svg-icon {
display: inline-block;
width: 22px;
height: auto;
position: absolute;
left: 0;
top: -3px;
}  .add-listing-headline i.fa {
top: -2px;
}
.availability-slots {
display: flex;
flex-wrap: wrap;
width: calc(100% + 30px);
}
.day-slots {
margin: 0 25px 30px 0;
flex: 0 0 calc(25% - 25px);
} .availability-slots.twenty-four-clock i.am-pm,
.availability-slots.twenty-four-clock select.twelve-hr {
display: none;
} .day-slot-headline {
background-color: #66676b;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 7px 10px;
position: relative;
cursor: default;
font-weight: 600;
} .no-slots {
background-color: #f0f0f0;
border-radius: 4px;
margin-top: 8px;
padding: 10px;
display: flex;
cursor: default;
text-align: center;
width: 100%;
display: block;
font-size: 14px;
font-weight: 600;
transition: 0.4s;
opacity: 1;
max-height: 60px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 8px;
}
.no-slots,
.no-slots-fadeout {
opacity: 0;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
}
.no-slots.no-slots-fadein {
opacity: 1;
max-height: 60px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 8px;
display: block;
} .single-slot {
background-color: #f3f3f3;
border-radius: 4px;
margin-top: 8px;
padding: 0;
display: flex;
cursor: move;
}
.single-slot.slot-animation {
animation-name: slotFadeIn;
animation-duration: 0.3s;
}
@keyframes slotFadeIn {
0% {
opacity: 0;
max-height: 0;
}
100% {
opacity: 1;
max-height: 150px;
}
}
.single-slot.cloned {
display: none;
}
.single-slot-left {
flex: 1;
padding: 12px 17px;
}
.single-slot-right {
flex: 0 0 auto;
background-color: #eee;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 4px 4px 0;
flex-direction: column;
align-items: flex-start;
padding: 0 17px;
}
.single-slot-right strong {
display: flex;
font-weight: 600;
font-size: 14px;
width: 100%;
line-height: 20px;
margin-bottom: 3px;
}
.single-slot-time {
font-weight: 700;
color: #666;
line-height: 20px;
font-size: 14px;
margin-bottom: 4px;
}
.single-slot-time i.am-pm {
font-style: normal;
} .remove-slot {
background-color: #c8c8c8;
color: #fff;
border: none;
border-radius: 3px;
height: 19px;
width: 19px;
line-height: 17px;
font-size: 11px;
transition: 0.3s;
font-weight: 500;
}
.remove-slot i {
position: relative;
left: -1px;
}
.remove-slot:hover {
background-color: #ec2c2c;
} @keyframes shake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70% {
transform: translateX(-5px);
}
20%,
40%,
60% {
transform: translateX(5px);
}
}
.add-slot-shake-error {
animation-name: shake;
animation-duration: 0.6s;
}
.add-slot {
display: flex;
width: 100%;
background-color: #333;
border-radius: 4px;
margin-top: 8px;
padding: 8px;
}
.add-slot span {
font-size: 14px;
color: #aaa;
padding: 0 8px;
font-weight: 600;
font-size: 12px;
position: relative;
top: 1px;
}
.add-slot-inputs {
flex: 1;
display: flex;
padding: 0;
}
.add-slot-btn {
flex: 0 0 1;
}
.add-slot-btn button {
outline: none;
background-color: #fff;
color: #333;
border: none;
border-radius: 4px;
margin-left: 10px;
font-size: 14px;
font-weight: 600;
height: 100%;
padding: 0 15px;
transition: 0.3s;
}
.add-slot-btn button:hover {
background-color: #66676b;
color: #fff;
}
.add-slot-inputs select,
.add-slot-inputs input:focus,
.add-slot-inputs input {
background-color: #4a4a4a;
border: none;
padding: 0;
height: 28px;
line-height: 1;
color: #fff;
font-size: 14px;
font-weight: 600;
margin: 0;
margin-right: 0;
text-align: center;
cursor: pointer;
border-radius: 4px;
width: 100%;
box-shadow: none;
}
input[type="time"]::-webkit-clear-button {
display: none;
}
.add-slot-inputs select {
margin-right: 0;
border-radius: 0 3px 3px 0;
padding-left: 8px;
border-left: 1px solid rgba(255, 255, 255, 0.1);
width: auto;
font-size: 13px;
margin-left: -4px;
}
.add-slot-inputs select option {
background-color: #333;
outline: none;
border: none;
cursor: pointer;
}
.add-slot-inputs input::-webkit-outer-spin-button,
.add-slot-inputs input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.add-slot-inputs input,
.add-slot-inputs input:focus {
padding-right: 4px;
}
.availability-slots.twenty-four-clock .add-slot-inputs input {
padding-right: 0;
} .plusminus {
display: inline-block;
position: relative;
font-size: 0;
overflow: hidden;
border-radius: 0;
width: 44px;
height: 72px;
}
.plusminus button {
display: block;
width: 24px;
height: 24px;
position: absolute;
margin: 0;
padding: 0;
border: 0;
background: #fff;
color: #aaa;
font-size: 10px;
font-weight: 500;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
cursor: pointer;
transition: 0.3s;
}
.plusminus button:focus {
outline: none;
}
.plusminus button:hover {
background-color: #333;
color: #fff;
}
.plusminus button:disabled:hover {
background: #bbb;
color: #fff;
cursor: default;
}
.plusminus button:first-child {
bottom: 0;
}
.plusminus button:first-child:before {
content: "\f068";
line-height: 25px;
}
.plusminus button:last-child {
top: 0;
}
.plusminus button:last-child:before {
content: "\f067";
line-height: 25px;
}
.plusminus input[type="number"] {
position: absolute;
width: 24px;
height: 24px;
top: 24px;
margin: 0;
padding: 0;
border: 0;
font-size: 13px;
line-height: 24px;
font-weight: 700;
text-align: center;
}
.plusminus input[type="number"]::-webkit-outer-spin-button,
.plusminus input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.plusminus.horiz {
width: 74px;
height: 24px;
}
.plusminus.horiz button:first-child {
left: 0;
border-radius: 3px;
}
.plusminus.horiz button:last-child {
right: 0;
border-radius: 3px;
margin-left: 1px;
}
.plusminus.horiz:after {
bottom: 0;
}
.plusminus.horiz input[type="number"] {
position: absolute;
top: 0;
left: 25px;
border-radius: 3px;
} @media (max-width: 1920px) {
.day-slots {
flex: 0 0 calc(25% - 25px);
}
}
@media (max-width: 1660px) {
.day-slots {
flex: 0 0 calc(33.3% - 25px);
}
}
@media (max-width: 1366px) {
.day-slots {
flex: 0 0 calc(33.3% - 25px);
}
}
@media (max-width: 1365px) {
.day-slots {
flex: 0 0 calc(50% - 25px);
}
}
@media (max-width: 1040px) {
.availability-slots {
width: 100%;
}
.day-slots {
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.availability-slots {
width: 100%;
}
.day-slots {
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 30px;
flex-direction: column;
}
.add-slot-inputs input {
width: 100%;
}
.add-slot-inputs span {
opacity: 0;
width: 5px;
height: 10px;
}
.add-slot-inputs {
width: 100%;
}
.add-slot {
flex-direction: column;
}
.add-slot-btn button {
width: 100%;
margin-left: 0;
margin-top: 8px;
background-color: rgba(255, 255, 255, 0.15);
color: #fff;
padding: 3px 0;
}
} .repeatable-list-container h4,
.pricing-list-container h4 {
color: #66676b;
background-color: #fff;
border-bottom: 1px solid #66676b;
width: 100%;
padding: 30px;
border-radius: 4px 4px 0 0;
position: relative;
z-index: 10;
margin: 35px 0 0 0;
display: block;
font-weight: 500;
}
.repeatable-list-container h4:first-child,
.pricing-list-container h4:first-child {
margin-top: 5px;
}
.repeatable-list-container h4:after,
.pricing-list-container h4:after {
width: 100%;
height: 100%;
border-radius: 4px 4px 0 0;
display: block;
position: absolute;
top: 0;
left: 0;
content: "";
background-color: #66676b;
opacity: 0.05;
z-index: 9;
}
.repeatable-list-container ul,
.pricing-list-container ul {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.repeatable-list-container ul:last-child,
.pricing-list-container ul:last-child {
margin-bottom: 10px;
}
.repeatable-list-container ul li,
.pricing-list-container ul li {
padding: 30px;
padding-right: 70px;
position: relative;
}
.repeatable-list-container ul li:last-child,
.pricing-list-container ul li:last-child {
border-radius: 0 0 4px 4px;
}
.repeatable-list-container ul li:nth-child(2n+2),
.pricing-list-container ul li:nth-child(2n+2) {
background-color: #f9f9f9;
}
.repeatable-list-container p,
.repeatable-list-container h5,
.pricing-list-container p,
.pricing-list-container h5 {
padding: 0;
font-size: 15px;
margin: 0;
display: inline-block;
width: 100%;
}
.repeatable-list-container h5,
.pricing-list-container h5 {
font-size: 18px;
margin-bottom: 1px;
}
.repeatable-list-container p,
.pricing-list-container p {
color: #777;
line-height: 24px;
margin-top: 3px;
}
.repeatable-list-container span,
.pricing-list-container span {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 18px;
color: #777;
} .show-more {
height: 450px;
overflow: hidden;
position: relative;
transition: margin 0.4s;
}
.show-more:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 180px;
display: block;
background: linear-gradient(rgba(255, 255, 255, 0), #fff 88%);
z-index: 9;
opacity: 1;
visibility: visible;
transition: 0.8s;
}
.show-more.visible {
margin-bottom: 20px;
}
.show-more.visible:after {
opacity: 0;
visibility: hidden;
}
.show-more-button {
position: relative;
font-weight: 600;
font-size: 15px;
left: 0;
margin-left: 50%;
transform: translateX(-50%);
z-index: 10;
text-align: center;
display: inline-block;
opacity: 1;
visibility: visible;
transition: all 0.3s;
padding: 5px 20px;
color: #666;
background-color: #f2f2f2;
border-radius: 50px;
top: -10px;
min-width: 140px;
}
.show-more-button:before {
content: attr(data-more-title);
}
.show-more-button.active:before {
content: attr(data-less-title);
}
.show-more-button i {
margin-left: 6px;
color: #66676b;
font-weight: 500;
transition: 0.2s;
}
.show-more-button.active i {
transform: rotate(180deg);
}
.listing-section .gm-fullscreen-control {
display: none;
} .comments {
margin: -10px 0 0 0;
}
.comments h4 {
margin-bottom: 25px;
font-size: 20px;
font-weight: 500;
color: #333;
}
.listing-reviews ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.comments h4 span {
display: inline-block;
font-size: inherit;
}
.bypostauthor .star-rating,
.bypostauthor .rate-review {
display: none !important;
}
.listing-reviews ul li li.bypostauthor {
padding-bottom: 0;
margin-bottom: 0;
}
.comments .button {
margin: 0 0 10px 0;
padding: 7px 15px;
}
.comments.reviews .button {
margin: 0;
}
.comments ul {
padding-left: 0;
}
.comments ul li {
display: block;
width: 100%;
}
.comments ul li,
.comments ul li ul li,
.comments ul li ul li ul li,
.comments ul li ul li ul li {
margin: 50px 0 0 0px;
}
.comments ul li ul {
margin: 0 0 0 100px;
}
.comment-content p {
margin: 3px 0 0 0;
line-height: 26px;
}
.comment-content {
color: #666;
padding: 0 0 0 100px;
}
.comments ul li ul {
border-left: 1px solid #e0e0e0;
padding-left: 35px;
}
.comments ul li ul li:before {
content: "";
width: 15px;
height: 1px;
background-color: #e0e0e0;
display: inline-block;
position: absolute;
top: 30px;
left: -35px;
}
.comments ul li {
position: relative;
}
.comment-content strong {
padding-right: 5px;
color: #666;
}
.comment-content span {
color: #888;
}
body .comment-content p {
padding: 5px 0;
font-size: 15px;
}
.comments-amount {
color: #888;
font-weight: 500;
}
div.avatar {
display: inline-block;
float: left;
padding: 0 20px 0 0;
position: absolute;
left: 0px;
}
div.avatar img {
max-width: 80px;
border-radius: 50%;
}
.comment-by {
width: 100%;
padding-bottom: 8px;
padding-top: 5px;
font-weight: 500;
color: #333;
}
.comment-by h5 a,
.comment-by h5 {
margin: 0;
font-weight: 600;
color: #444;
}
.comment-by a.comment-reply-link,
.comment-by a.comment-reply-link i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.comment-by a.comment-reply-link {
display: inline;
background-color: #f0f0f0;
padding: 5px 16px;
line-height: 22px;
font-size: 13px;
color: #333;
font-weight: 500;
position: absolute;
right: 0;
top: 15px;
border-radius: 50px;
}
.comment-by a.comment-reply-link i {
font-size: 12px;
margin-right: 1px;
}
.comment-by .numerical-rating {
margin: 4px 0 0 0;
}
.comment-by .numerical-rating,
.comment-by .star-rating {
position: absolute;
right: 0;
top: 7px;
}
.comment-by a.comment-reply-link:hover {
background-color: #66676b;
}
.comment-by a.comment-reply-link:hover,
.comment-by a.comment-reply-link:hover i {
color: #fff;
}
.comment-by span.date {
color: #888;
font-weight: 400;
margin: 0px 0 0 0;
float: none;
display: block;
text-align: left;
} .listing-reviews ul li {
padding-bottom: 45px;
margin-top: 40px;
border-bottom: 1px solid #e8e8e8;
} .review-images {
display: flex;
margin-top: 20px;
margin-bottom: 5px;
}
.review-images a {
flex: 4;
max-width: 16%;
margin-right: 15px;
border-radius: 3px;
}
.review-images a img {
border-radius: 4px;
} .add-review-box {
border-radius: 4px;
background-color: #f9f9f9;
padding: 36px;
padding-bottom: 40px;
margin-bottom: 55px;
margin-top: 70px;
display: inline-block;
width: 100%;
position: relative;
}
.add-review-box h3 {
margin-top: 5px
}
.add-comment label span {
color: #e24747;
}
.add-comment input {
margin: 0 0 25px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.add-comment textarea,
.add-comment input {
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.05)
}
.add-comment textarea {
margin: 0 0 30px 0;
width: 100%;
min-width: 100%;
min-height: 220px;
resize: vertical;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.add-comment .button {
min-width: 160px;
} .leave-rating {
height: 24px;
float: left;
}
.leave-rating:hover input[type="radio"]:checked~label {
color: #dadada;
}
.leave-rating input[type="radio"] {
display: none;
}
.leave-rating input[type="radio"]:checked~label {
color: #ffc600;
}
.leave-rating label {
font-size: 24px;
float: right;
letter-spacing: 4px;
color: #dadada;
cursor: pointer;
transition: 0.3s;
}
.leave-rating label:hover,
.leave-rating label:hover~label {
color: #ffc600 !important;
}
.leave-rating-title {
display: block;
margin: 35px 0 7px 0;
} .add-review-photos {
font-weight: 600;
padding: 6px 7px;
color: #666;
background-color: #ededed;
border-radius: 50px;
display: inline-block;
position: relative;
font-size: 14px;
width: auto;
transition: 0.3s;
cursor: pointer;
line-height: 20px;
float: right;
top: -25px;
}
.photoUpload {
position: relative;
overflow: hidden;
padding: 3px 12px;
cursor: pointer;
}
.photoUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.add-review-photos:hover {
color: #fff;
background-color: #66676b;
}
.add-review-photos i {
color: #66676b;
margin-right: 3px;
transition: 0.3s;
font-size: 16px;
position: relative;
top: 2px;
}
.add-review-photos:hover i {
color: #fff;
}  .uploadButton {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 10px;
width: 100%;
font-style: normal;
font-size: 14px;
margin-top: -15px;
}
.uploadButton .uploadButton-input {
opacity: 0;
position: absolute;
overflow: hidden;
z-index: -1;
pointer-events: none;
}
.star-rating .not-rated {
font-size: 14px;
position: relative;
left: 2px;
top: -1px;
}
.uploadButton .uploadButton-button {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
height: 36px;
padding: 0 18px;
cursor: pointer;
border-radius: 50px;
flex-direction: row;
transition: 0.3s;
margin: 0;
outline: none;
box-shadow: none;
font-weight: 600;
font-size: 14px;
padding: 6px 16px;
color: #666;
background-color: #ededed;
border-radius: 50px;
}
.uploadButton .uploadButton-button:hover {
background-color: #606164;
color: #fff;
}
.uploadButton .uploadButton-file-name {
flex-grow: 1;
display: flex;
align-items: center;
flex: 1;
box-sizing: border-box;
padding: 0 10px;
padding-left: 18px;
min-height: 36px;
top: 1px;
position: relative;
color: #888;
background-color: transparent;
overflow: hidden;
line-height: 22px;
}
.uploadButton .uploadButton-button:before {
font-family: simple-line-icons;
content: "\e032";
padding-right: 6px;
color: #606164;
font-weight: 500;
transition: 0.3s;
}
.uploadButton .uploadButton-button:hover:before {
color: #fff;
}
.comment-form .comment-notes,
.comment-form .logged-in-as {
margin-top: -12px;
margin-bottom: 22px;
}
.single-post .comment-form .comment-notes,
.single-post .comment-form .logged-in-as {
margin-top: 15px;
margin-bottom: 15px;
}
span.required {
color: #ee3535;
font-weight: 400;
font-size: 20px;
line-height: 0;
top: 3px;
position: relative;
} a.rate-review {
border: 1px solid #e0e0e0;
border-radius: 50px;
font-size: 13px;
color: #666;
font-weight: 500;
padding: 5px 20px;
margin-top: 20px;
display: inline-block;
transition: 0.3s;
}
a.rate-review span {
border-left: 1px solid #e0e0e0;
line-height: 20px;
padding-left: 10px;
margin-left: 5px;
transition: 0.3s;
color: #666;
}
a.rate-review i {
padding-right: 3px;
}
a.rate-review:hover span {
border-color: #d0d0d0
}
a.rate-review:hover {
border-color: #d0d0d0;
background-color: #fafafa;
}
input#wp-comment-cookies-consent {
border: 0px;
box-shadow: 0px 0px 0px;
float: left;
width: 14px;
height: 14px;
position: relative;
top: 7px;
margin-right: 5px;
cursor: pointer;
}
p.comment-form-cookies-consent {
overflow: hidden;
}
body .widget ul.ptwsi_social-icons li a {
border-radius: 50%;
}
.sidebar aside section:first-child {
margin-top: 0 !important;
}  .pagination {
margin: 9px 0 0 0;
text-align: center;
overflow: hidden;
}
.pagination-next-prev {
position: relative;
top: -66px;
}
.pagination ul li {
display: inline-block;
margin: 0 2px;
padding: 0;
}
.pagination ul li span,
.pagination ul li a,
.pagination-next-prev ul li a {
padding: 12px 0;
border-bottom: none;
display: inline-block;
color: #333;
background-color: #fff;
font-weight: 700;
margin: 0;
line-height: 22px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
font-size: 14px;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span.current,
.pagination ul li a,
.pagination ul span.current,
.pagination-next-prev ul li a {
border-radius: 50%;
width: 52px;
height: 52px;
padding: 0;
display: block;
line-height: 52px;
}
.pagination ul li a i {
line-height: 52px;
}
.pagination ul li.blank {
color: #a0a0a0;
padding: 0 6px;
}
.woocommerce-pagination ul li span.current,
.pagination ul li span.current,
.pagination .current,
.pagination ul li a.current-page,
.pagination .current a,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover {
background-color: #f2f2f2;
color: #333;
border-radius: 50%;
}
.pagination-next-prev a.next {
float: right;
}
.pagination-next-prev a.prev {
float: left;
}
.pagination-next-prev ul li a {
color: #333;
padding: 12px 16px;
text-transform: uppercase;
}
.pagination ul,
.pagination-next-prev ul {
padding: 0;
list-style-type: none;
} .fs-listings .pagination ul li a,
.fs-listings .pagination-next-prev ul li a {
background-color: transparent;
}
.fs-listings .pagination ul li a.current-page,
.fs-listings .pagination .current,
.fs-listings .pagination ul li a:hover,
.fs-listings .pagination-next-prev ul li a:hover {
background-color: #e8e8e8;
color: #333;
}
.pagination span.pages {
display: none;
}  #contact textarea {
min-height: 200px;
margin: 15px 0 25px 0;
}
#contact input {
margin-bottom: 25px;
}
.loader {
margin-left: 15px;
}
.submit.disabled:hover,
.submit.disabled {
background-color: #e8e8e8;
color: #333;
}
#contact input.button.submit {
margin-bottom: 10px;
line-height: 18px;
height: 49px;
transition: all 0.25s !important;
}
#contact input[type="submit"].submit:hover {
opacity: 0.92;
}
.contact-sent {
background-color: #EBF6E0;
color: #5f9025;
padding: 20px 26px;
margin-bottom: 30px;
border-radius: 3px;
} .office-address {
text-align: center;
position: relative;
color: #fff;
display: table-cell;
vertical-align: middle;
height: 100%;
}
.office-address ul {
list-style: none;
font-size: 18px;
padding: 0;
line-height: 30px;
}
.office-address h3 {
font-size: 28px;
color: #fff;
margin-top: 0;
}
.office-address h3:after {
content: "";
height: 2px;
width: 50px;
position: relative;
display: block;
background-color: #66676b;
margin: 20px auto;
border-radius: 2px;
}
.address-container {
background-color: #2b2c30;
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
display: table;
width: 100%;
position: relative;
height: 100%
}
.address-container:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
background-color: #333;
opacity: 0.7;
} .contact-map {
display: flex;
}
.contact-map #singleListingMap-container {
flex: 1;
position: relative;
padding-top: 0;
}
.contact-map .address-box-container {
flex: 0 auto;
width: 440px;
height: 450px;
}
.contact-map #singleListingMap-container #singleListingMap {
height: 100%;
width: 100%;
}
@media (min-width: 1680px) {
.contact-map .address-box-container {
height: 480px;
}
}
@media (max-width: 1440px) {
.contact-map .address-box-container {
height: 420px;
}
} .sidebar-textbox {
display: inline-block;
width: 100%;
padding-right: 40px;
}
.sidebar-textbox.color {
background-color: #666;
color: #fff;
}
.sidebar-textbox.color h4 {
color: #fff;
}
.sidebar-textbox h4 {
font-size: 16px;
margin: 0;
padding: 0;
margin-bottom: 16px;
}
.sidebar-textbox span {
color: #666;
display: inline-block;
}
.sidebar-textbox.color span {
color: #fff;
}
.sidebar-textbox ul.contact-details {
list-style: none;
padding: 5px 0 0 0;
}
.sidebar-textbox ul.contact-details strong {
font-weight: 500;
}
.sidebar-textbox ul.contact-details li {
text-align: left;
padding-left: 60px;
position: relative;
width: 100%;
display: inline-block;
margin: 10px 0;
line-height: 24px;
}
.sidebar-textbox ul.contact-details li a {
color: #66676b;
}
.sidebar-textbox ul.contact-details li strong {
display: block;
color: #333;
}
.sidebar-textbox ul.contact-details li i {
height: 100%;
position: absolute;
left: 0;
font-size: 32px;
color: #333;
top: 10px
}  .coming-soon-page {
height: 100vh;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
position: relative;
}
.coming-soon-page .container {
z-index: 15;
position: relative;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 992px) {
.coming-soon-page {
min-height: 100vh;
height: auto;
}
.coming-soon-page .container {
padding-top: 50px;
padding-bottom: 50px;
top: auto;
transform: translateY(0%);
}
}
.coming-soon-page:before {
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
content: "";
background-color: rgba(26, 26, 26, 0.92)
}
.coming-soon-page h2,
.coming-soon-page h3 {
margin: 0;
padding: 0;
}
.coming-soon-page h2 {
font-size: 46px;
color: #fff;
}
.coming-soon-page h3 {
font-size: 34px;
font-weight: 400;
margin: 30px 0 30px 0;
color: rgba(255, 255, 255, 0.9);
}
.coming-soon-page .main-search-input-item input {
font-size: 16px;
font-weight: 600;
}
.coming-soon-page .gray-style .main-search-input {
max-width: 650px;
margin: 0 auto;
}
.coming-soon-page .main-search-input button.button {
font-size: 16px;
} #countdown {
font-weight: 600;
float: none;
display: inline-block;
}
#countdown div {
display: inline-block;
margin: 0 5px;
float: left;
}
#countdown div:first-child i {
border: none;
}
#countdown span {
background-color: rgba(255, 255, 255, 0.1);
font-size: 40px;
color: #fff;
width: 120px;
display: inline-block;
padding: 32px 0;
font-weight: 400;
letter-spacing: -1px;
border-radius: 3px 3px 0 0;
}
#countdown i {
display: block;
font-style: normal;
margin: 0;
text-transform: uppercase;
font-size: 13px;
padding: 4px 0;
letter-spacing: 1px;
background-color: #fff;
color: #333;
border-radius: 0 0 3px 3px;
}
.countdown-text {
font-size: 24px;
margin-top: 15px;
line-height: 36px;
font-weight: 400;
}
@media (max-width: 550px) {
#countdown,
#countdown div,
#countdown span {
width: 100%;
}
#countdown div {
padding: 10px 0;
}
}  .blog-post {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
display: inline-block;
width: 100%;
border-radius: 3px;
margin: 15px 0;
}
.vc_row[data-vc-full-width] .blog-post {
margin: 5px 0 0 0;
}
section.fullwidth .blog-post {
margin: 5px 0 0 0;
}
.post-img {
position: relative;
height: 100%;
width: 100%;
display: block;
}
.post-img img {
width: 100%;
border-radius: 3px 3px 0 0;
}
.post-img:after {
position: absolute;
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
content: "";
z-index: 9;
opacity: 0.1;
background: #333;
transition: opacity 0.4s;
border-radius: 3px 3px 0 0;
}
.post-img:hover:after {
opacity: 0.5;
} .post-img:before {
opacity: 0;
visibility: hidden;
position: absolute;
display: block;
top: 50%;
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
content: "";
z-index: 119;
transition: 0.3s;
transform: translateY(-80%);
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
background-color: #66676b;
background-image: url(//aperaf.com/wp-content/themes/listeo/images/plus-icon.svg);
background-repeat: no-repeat;
background-position: 50%
}
.post-img:hover:before {
opacity: 1;
visibility: visible;
transform: translateY(-50%);
}
.left-sidebar .col-blog {
float: right;
} .post-content {
padding: 38px;
}
.post-content p {
margin: 22px 0 5px 0;
}
.post-content p {
font-size: 15px;
line-height: 26px;
}
.single-post .post-content p {
font-size: 16px;
line-height: 28px;
}
.post-content h3 {
margin: 0;
font-size: 25px;
font-weight: 400;
line-height: 36px;
}
.post-content h3 a {
color: #333;
font-size: 22px;
font-weight: 400;
line-height: 32px;
word-break: break-word;
}
.post-content h3 a:hover {
color: #66676b;
}
.post-content .meta-tags span {
margin: 0 0 15px 0;
display: inline-block;
color: #888;
}
.post-content .meta-tags span {
margin: 0;
}
.isotope-item .post-container {
background: #fafafa;
margin-bottom: 25px;
border-radius: 4px;
}
.post-content a.read-more {
color: #66676b;
margin: 23px 0 2px 0;
display: inline-block;
}
a.read-more i {
font-size: 20px;
position: relative;
padding-left: 4px;
top: 1px;
transition: 0.2s;
}
a.read-more:hover i {
padding-left: 7px;
}
a.read-more i {
font-size: 14px;
} .post-meta {
list-style: none;
padding: 0;
margin: 3px 0 5px 0;
}
.single-post .post-meta {
margin-top: 6px;
margin-bottom: 32px;
}
.post-meta li {
display: inline-block;
color: #888;
}
.post-meta li:after {
content: "";
width: 1px;
height: 12px;
background: #d0d0d0;
display: inline-block;
position: relative;
top: 0px;
margin: 0 10px;
display: none;
}
.post-meta li {
color: #888;
display: inline-block;
margin-right: 5px;
background: #f2f2f2;
padding: 0px 12px;
border-radius: 50px;
font-size: 14px;
margin-top: 6px;
}
.post-meta li:last-child:after {
display: none;
}
.post-meta li a {
color: #888;
}
.post-meta li a:hover {
color: #66676b;
} .blog-page .blog-post {
margin: 0 0 45px 0;
}
.blog-page h4.headline {
font-size: 22px !important;
font-weight: 400;
} .search-blog-input {
position: relative;
}
.widget .search-blog-input .input:before {
content: "\e090";
font-size: 17px;
color: #a0a0a0;
position: absolute;
display: inline-block;
font-family: "simple-line-icons";
right: 18px;
top: 13px;
margin-bottom: 0;
background-color: #fff;
padding-left: 7px;
}
#contact textarea,
#contact input,
.widget .search-blog-input input {
transition: box-shadow 0.2s !important;
}
#contact textarea:focus,
#contact input:focus,
.widget .search-blog-input input:focus {
transition: box-shadow 0.2s !important;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
} .widget-tabs {
padding: 0;
list-style: none;
}
.widget-tabs li {
padding: 0 0 27px 0;
margin: 24px 0 0 0;
border-bottom: 1px solid #e0e0e0;
}
.widget .tab-content {
padding-bottom: 0;
}
.widget-thumb a img {
display: block;
width: 95px;
height: 95px;
float: left;
border-radius: 3px;
margin: 3px 22px 0 0;
}
.widget-thumb {
width: 85px;
margin-right: 23px;
}
.widget-text h5 {
font-size: 15px;
line-height: 24px;
margin: 0 0 5px 0;
font-weight: 400;
}
.widget-text h5 a {
color: #333;
}
.widget-text h5 a:hover {
color: #66676b
}
.widget-text span {
color: #888;
display: inline-block;
margin-right: 5px;
background: #f2f2f2;
padding: 1px 12px;
line-height: 24px;
border-radius: 50px;
font-size: 13px;
margin-top: 3px;
}
.widget-thumb {
display: inline-block;
}
.widget-thumb a img {
width: 85px;
height: auto;
}
.widget-text {
display: inline-block;
width: 70%;
padding: 0;
position: relative;
top: -2px;
}
.widget-tabs .widget-content {
display: table;
}
.widget-tabs .widget-content .widget-text {
display: table-cell;
vertical-align: middle;
}
.widget-tabs li {
padding: 0 0 20px 0;
margin: 24px 0 0 0;
}
.widget-tabs li:first-child {
padding: 0 0 20px 0;
margin: 32px 0 0 0;
}
.widget-tabs li:last-child {
border: none;
padding-bottom: 0;
}
.widget h3 {
margin-top: 0;
margin-bottom: 25px;
font-size: 22px;
}
[id^="monster-widget"] {
margin-bottom: 40px;
} .single-post .post-content p {
margin: 20px 0;
}
.single-post .post-content blockquote p:first-child {
margin-top: 0;
}
.single-post .post-content p:last-child {
margin-bottom: 0px;
}
.single-post .post-content .post-img {
border-radius: 3px 3px 0 0;
}
.blog-page .blog-post .post-content,
.single-post .post-content {
padding: 40px 46px;
justify-content: center;
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.blog-page .blog-post .post-content,
.single-post .post-content {
padding: 30px 36px;
}
.post-img {
height: 220px;
width: 100%;
overflow: hidden;
}
.post-img img {
object-fit: cover;
transform: translateY(-20%);
}
.nav-links div.nav-next a:before,
.nav-links div.nav-previous a:before,
#posts-nav li.prev-post a:before #posts-nav li.next-post a:before {
display: none;
}
.nav-links div.nav-next a,
#posts-nav li.next-post a,
.nav-links div.nav-previous a,
#posts-nav li.prev-post a {
padding-left: 0 !important;
padding-right: 0 !important;
}
.nav-links div.nav-next a:before,
.nav-links div.nav-previous a:before,
#posts-nav li.next-post a:before,
#posts-nav li.prev-post a:before {
display: none;
}
}
.nav-links,
#posts-nav {
display: flex;
}
.nav-links div,
#posts-nav li {
width: 100%;
position: relative;
}
blockquote {
position: relative;
display: inline-block;
background: #fafafa;
padding: 25px 25px 25px 67px;
border-radius: 4px;
color: #888;
text-align: left;
transition-duration: 0.3s;
border: none;
margin: 10px 0;
border-left: 4px solid #e0e0e0;
}
.single-post blockquote {
background: #fff;
color: #888;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.04);
border-left: 4px solid #e0e0e0;
}
blockquote::before {
display: block;
position: absolute;
top: 24px;
left: 27px;
content: "\f10d";
font-size: 22px;
color: #ccc;
font-weight: 400;
font-family: "Font Awesome 5 Free";
font-weight: 900;
} .about-author {
margin: 10px 0 45px 0;
padding: 30px 35px;
background: #f8f8f8;
border-radius: 4px;
}
.about-author p {
margin: 5px 0 5px 0;
}
.about-author a {
position: relative;
top: -7px;
color: #66676b;
}
.about-author h4 {
letter-spacing: 0;
}
.about-author img {
float: left;
margin: 7px 5px 5px 5px;
width: 95px;
height: 95px;
border-radius: 50%;
border: 5px solid #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.about-description {
margin: 2px 0 0 130px;
}  .blog-compact-item-container {
box-shadow: 0 0 7px 0 rgba(0, 0, 0, .12);
display: block;
height: 100%;
width: 100%;
border-radius: 4px;
background: transparent;
transform: translate3d(0, 0, 0);
transition: transform 0.3s;
margin-bottom: 30px;
}
.blog-compact-item-container:hover {
transform: translate3d(0, -6px, 0);
}
.blog-compact-item {
background: #ccc;
border-radius: 4px;
height: 100%;
display: block;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
height: 480px;
z-index: 100;
cursor: pointer;
}
body .blog-compact-item img {
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 4px;
}
.blog-compact-item:before {
content: "";
top: 0;
position: absolute;
height: 100%;
width: 100%;
z-index: 9;
background: linear-gradient(to top, rgba(35, 35, 37, 0.90) 0%, rgba(35, 35, 37, 0.75) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%); border-radius: 4px;
opacity: 1;
}
.blog-compact-item-content {
position: absolute;
bottom: 32px;
left: 0;
padding: 0 34px;
width: 100%;
z-index: 50;
box-sizing: border-box;
}
.blog-compact-item-content h3 {
color: #fff;
font-size: 20px;
padding: 5px 0;
font-weight: 500;
margin: 2px 0 0 0;
line-height: 31px;
}
.blog-compact-item .blog-post-tags li {
display: inline-block;
margin-right: 5px;
background: rgba(255, 255, 255, 0.15);
padding: 0 12px;
border-radius: 50px;
}
.blog-compact-item-content span {
font-size: 16px;
font-weight: 400;
display: inline-block;
color: rgba(255, 255, 255, 0.7);
}
.blog-compact-item-content p {
font-size: 16px;
font-weight: 400;
display: inline-block;
color: rgba(255, 255, 255, 0.8);
margin: 7px 0 0 0;
line-height: 27px;
}
span.blog-item-tag {
text-transform: none;
font-size: 12px;
letter-spacing: 0;
font-weight: 60;
background: #66676b;
border-radius: 50px;
padding: 5px 12px;
line-height: 20px;
color: #fff;
font-weight: 500;
margin-bottom: 9px;
position: absolute;
top: 30px;
left: 32px;
z-index: 110;
}
.blog-post-tags {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 0;
color: #fff;
font-size: 14px;
font-weight: 400;
opacity: 0.9;
}
.blog-post-tags li {
display: inline-block;
margin-right: 5px;
}
.blog-post-tags li i {
margin-right: 3px;
font-weight: normal;
display: inline-block;
}    .delete-account-section a,
button.button,
input[type="button"],
input[type="submit"],
button.button.border,
a.button.border,
a.button {
background-color: #66676b;
top: 0;
padding: 9px 20px;
color: #fff;
position: relative;
font-size: 15px;
font-weight: 600;
display: inline-block;
transition: all 0.2s ease-in-out;
cursor: pointer;
margin-right: 6px;
overflow: hidden;
border: none;
border-radius: 50px;
}
.booking-confirmation-page a.button.color {
color: #fff;
}
.delete-account-section a {
background: #ee3535;
color: #fff;
}
input[type="button"],
input[type="submit"] {
line-height: 32px;
}
button.button:before,
a.button:before {
width: 100%;
height: 100%;
content: "";
display: block;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.2s;
}
button.button:hover:before,
a.button:hover:before {
opacity: 0.1;
}
a.button.white {
background-color: #fff;
color: #333;
}
button.button {
line-height: 26px;
} a.button.border:before {
display: none;
}
button.button.border,
a.button.border {
background-color: transparent;
color: #66676b;
border: 1px solid #66676b;
padding: 9px 21px;
}
button.button.border:hover,
a.button.border:hover {
background-color: #66676b;
color: #fff;
opacity: 1;
}
button.button.border.white,
a.button.border.white {
border-color: #fff;
color: #fff;
}
button.button.border.white:hover,
a.button.border.white:hover {
background-color: #fff;
color: #66676b;
} button.button.fullwidth,
a.button.fullwidth {
width: 100%;
text-align: center;
}
a.button.white.border:hover {
color: #333;
}
.button i {
padding-right: 4px;
}
.button i.fa-spin {
padding-right: 0px;
margin-right: 10px;
display: none;
}
.button.loading i.fa-spin {
display: inline-block;
}
.listeo-create-stripe-express-link-account i {
padding-right: 4px;
}
.listeo-create-stripe-express-link-account i.fa-spin {
padding-right: 0px;
margin-right: 10px;
display: none;
}
.listeo-create-stripe-express-link-account.loading i.fa-spin {
display: inline-block;
}
.centered-content {
text-align: center;
}
.centered-content .button {
min-width: 130px;
}
a.button.border {
font-weight: 500;
} .icon-box-2 {
text-align: center;
margin-top: 45px;
position: relative;
}
.icon-box-2 i {
width: 120px;
height: 80px;
background-color: #fff;
border-radius: 50%;
line-height: 80px;
font-size: 60px;
display: inline-block;
margin-bottom: 10px;
text-align: center;
overflow: hidden;
color: #66676b;
position: relative;
z-index: 11;
}
.icon-box-2 span {
color: #666;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}
.icon-box-2 h4 {
margin: 4px 0;
line-height: 26px;
}
.icon-box-2 h3 {
margin: 4px 0;
line-height: 26px;
font-size: 19px;
font-weight: 500;
}
.icon-box-2 p {
margin-top: 20px;
font-style: 16px;
color: #777
}
a .icon-box-2 {
cursor: pointer;
}
.icon-box-2 i.im-icon-Mail-withAtSign {
font-size: 58px;
top: 2px;
}
.icon-box-2.with-line:before {
content: "";
height: 1px;
width: 100%;
position: absolute;
left: 50%;
top: 40px;
background: #e4e4e4;
display: block;
z-index: 9;
}
.no-line .icon-box-2.with-line:before {
display: none;
}
.count_listings,
.count_text {
font-style: normal;
}
.p-space .headline span {
margin-top: 25px;
margin-bottom: -25px;
}
body #scrollEnabling {
display: none;
}
.vc_parallax {
z-index: 1;
} .icon-box-3 {
text-align: left;
padding-left: 90px;
position: relative;
width: 100%;
display: inline-block;
margin: 20px 0;
} .icon-box-3 h4 {
font-size: 18px;
font-weight: 600;
}
.icon-box-3 i {
font-size: 54px;
color: #333;
height: 60px;
margin: 10px 0;
display: inline-block;
height: 100%;
position: absolute;
left: 0;
}
.icon-box-3 p {
color: rgba(51, 51, 51, 0.7);
margin-top: 3px;
display: inline-block;
} .icon-box-1.rounded i,
.icon-box-2.rounded i,
.icon-box-3.rounded i {
width: 110px;
height: 110px;
background-color: #666;
border-radius: 50%;
color: #fff;
line-height: 110px;
font-size: 50px;
display: inline-block;
margin-bottom: 20px;
text-align: center;
overflow: hidden;
}
.rounded i:before {
position: relative;
z-index: 11;
} .icon-box-1.rounded i,
.icon-box-2.rounded i,
.icon-box-3.rounded i {
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transform: translate3d(0, 0, 0) rotate(0);
}
body .icon-box-1.rounded:hover i,
body .icon-box-2.rounded:hover i,
body .icon-box-3.rounded:hover i {
color: #fff;
} .icon-box-1.rounded i:after,
.icon-box-2.rounded i:after,
.icon-box-3.rounded i:after {
content: "";
width: 120%;
height: 0px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
background-color: #fff;
z-index: 8;
transition: height 0.3s ease-in-out, opacity 0.3s ease-out;
opacity: 0;
transform: translate3d(50%, -50%, 0) scale(1) rotate(45deg);
}
.icon-box-1.rounded:hover i:after,
.icon-box-2.rounded:hover i:after,
.icon-box-3.rounded:hover i:after {
height: 145%;
opacity: 0.1;
} .icon-box-1.rounded.dark i,
.icon-box-2.rounded.dark i,
.icon-box-3.rounded.dark i {
background-color: #222;
}
.icon-box-1.rounded.light i,
.icon-box-2.rounded.light i,
.icon-box-3.rounded.light i {
color: #333;
background-color: #f2f2f2;
}
.icon-box-3.rounded {
padding-left: 120px;
}
.icon-box-3.rounded i {
width: 90px;
height: 90px;
font-size: 40px;
line-height: 90px;
} body .white-text {
color: #fff;
}
.white-text .icon-box-1 p,
.white-text .icon-box-2 p,
.white-text .icon-box-3 p,
.white-text .icon-box-4 p {
color: rgba(255, 255, 255, 0.85);
}
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text .icon-box-1 h4,
.white-text .icon-box-2 h4,
.white-text .icon-box-3 h4,
.white-text .icon-box-4 h4,
.white-text .icon-box-1 i,
.white-text .icon-box-2 i,
.white-text .icon-box-3 i,
.white-text .icon-box-4 i {
color: #fff;
}
@media (max-width: 1659px) {
.icon-box-3.rounded {
padding-left: 110px;
}
.icon-box-3.rounded i {
width: 80px;
height: 80px;
font-size: 38px;
line-height: 80px;
}
}  table.basic-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: none;
margin-bottom: 15px;
}
table.basic-table th {
background-color: #66676b;
text-align: left;
color: #fff;
vertical-align: top;
font-weight: 500;
}
table.basic-table th:first-child {
border-radius: 4px 0 0 4px;
}
table.basic-table th:last-child {
border-radius: 0 4px 4px 0;
}
table.basic-table th,
table.basic-table td {
padding: 15px 28px;
}
table.basic-table tr:nth-child(odd) {
background-color: #f6f6f6
}
table.basic-table {
margin-bottom: 0;
}
@media screen and (max-width: 600px) {
table.basic-table {
border: 0;
}
table.basic-table th {
display: none;
}
table.basic-table tr {
display: block;
margin-bottom: 0;
}
table.basic-table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: 14px;
text-align: right;
}
table.basic-table td:before {
content: attr(data-label);
float: left;
font-weight: 600;
}
table.basic-table td:last-child {
border-bottom: 0;
}
}  .ui-accordion .ui-accordion-header,
.trigger a {
display: block;
cursor: pointer;
position: relative;
padding: 0;
line-height: 26px;
outline: none;
color: #333;
font-size: 14px;
background-color: #fff;
border: 1px solid #e0e0e0;
transition: background-color 0.2s, color 0.2s;
padding: 16px 27px;
margin: -1px 0 0 0;
}
.ui-accordion .ui-accordion-header i,
.trigger a i {
font-size: 18px;
top: 1px;
position: relative;
padding-right: 3px;
}
.style-2 .ui-accordion .ui-accordion-header i,
.style-2 .trigger a i {
padding-right: 6px;
}
.style-2 .ui-accordion .ui-accordion-header:hover,
.style-2 .trigger a:hover {
color: #66676b;
}
.trigger.active a,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active { }
.ui-accordion .ui-accordion-header i,
.trigger a i {
margin: 0 4px 0 0;
position: relative;
}
.ui-accordion .ui-accordion-content,
.toggle-container {
padding: 28px 30px;
border: 1px solid #e0e0e0;
border-top: none;
}
.ui-accordion .ui-accordion-content p,
.toggle-container p {
margin: 0;
} .style-2 .ui-accordion .ui-accordion-header,
.style-2 .trigger a {
border: none;
margin: 0;
padding: 27px 0;
text-transform: none;
font-size: 17px;
font-weight: 500;
background-color: transparent;
color: #333;
padding-right: 60px;
font-weight: 400;
}
body .style-2 .ui-accordion .ui-accordion-header,
body .style-2 .trigger a {
text-transform: none;
}
.style-2 .ui-accordion .ui-accordion-content,
.style-2 .toggle-container {
padding: 0px 0 30px 0;
border: none;
border-bottom: 1px solid #e0e0e0;
}
.style-2 .trigger.active a,
.style-2 .ui-accordion .ui-accordion-header-active:hover,
.style-2 .ui-accordion .ui-accordion-header-active {
background-color: transparent;
border-color: transparent;
color: #66676b;
transition: color 0.1s;
}
.style-2 .ui-accordion .ui-accordion-header,
.style-2 .ui-accordion .ui-accordion-content,
.style-2 .toggle-wrap {
border-bottom: 1px solid #e0e0e0
}
.style-2 .ui-accordion .ui-accordion-header-active {
border: none;
}
.accordion h3 .sl-icon-plus,
.trigger .sl-icon-plus {
position: absolute;
right: 0;
top: 50%;
font-size: 26px;
transform: translate3d(0, -50%, 0) rotate(0);
transition: 0.2s;
}
.accordion h3.ui-accordion-header-active .sl-icon-plus,
.trigger.active .sl-icon-plus {
margin-top: 2px;
transform: translate3d(0, -50%, 0) rotate(45deg);
}
.fp-accordion .accordion h3 i.fa-angle-down {
position: absolute;
transition: 0.3s;
top: 19px;
right: 15px;
font-size: 20px;
color: #888;
}
.fp-accordion .accordion h3.ui-accordion-header-active i.fa-angle-down {
transform: rotate(180deg);
}
.listing-section .ui-accordion .ui-accordion-header,
.listing-section .trigger {
border: none;
border-top: 1px solid #e0e0e0;
background: transparent;
font-weight: 600;
}
.listing-section .ui-accordion .ui-accordion-header:not(.ui-accordion-header-active) {
color: #333;
}
.listing-section .ui-accordion-header:first-child {
border: none;
}
.listing-section .ui-accordion .ui-accordion-content,
.listing-section .toggle-container {
border: none;
background: transparent;
}
.listing-section .ui-accordion .ui-accordion-header i {
padding: 0;
font-size: 15px !important;
top: 22px !important;
right: 20px !important;
}
.listing-section .ui-accordion {
border: 1px solid #e0e0e0;
border-radius: 5px;
background: transparent;
}
.listing-section .ui-accordion-content {
padding-top: 0;
}
.listing-section .ui-accordion-content p {
font-size: 15px;
}  .share-buttons {
padding: 0;
list-style: none;
margin-top: 25px;
}
#bookmarks-counter {
margin-top: 8px;
margin-bottom: 10px;
}
.share-buttons li {
display: inline-block;
margin: 0 6px 8px 0;
}
.share-buttons li a {
background: #fff;
border: 1px solid #666;
border-radius: 50px;
font-weight: 500;
font-size: 13px;
padding: 7px 20px;
transition: 0.3s;
display: inline-block;
line-height: 17px;
font-weight: 500;
}
.share-buttons li a:hover {
color: #fff;
}
.share-buttons li i {
font-size: 16px;
position: relative;
right: 3px;
top: 1px;
} .share-buttons li a.fb-share:hover {
background: #3b5998;
color: #fff;
}
.share-buttons li a.fb-share {
border-color: #3b5998;
color: #3b5998;
} .share-buttons li a.twitter-share:hover {
background: #111;
color: #fff;
}
.share-buttons li a.twitter-share {
border-color: #111;
color: #111;
} .share-buttons li a.gplus-share:hover {
background: #dd4b39;
color: #fff;
}
.share-buttons li a.gplus-share {
border-color: #dd4b39;
color: #dd4b39;
} .share-buttons li a.pinterest-share:hover {
background: #bd081c;
color: #fff;
}
.share-buttons li a.pinterest-share {
border-color: #bd081c;
color: #bd081c;
} .nav-links,
#posts-nav {
padding: 0;
list-style: none;
width: 100%;
position: relative;
margin: 0;
display: inline-block;
min-height: 60px;
}
.nav-links span,
#posts-nav li span {
display: block;
color: #999;
font-size: 15px;
margin-bottom: 1px;
font-weight: 500;
}
.nav-links div,
#posts-nav li {
position: absolute;
font-size: 17px;
font-weight: 500;
width: 50%;
}
.nav-links div a,
#posts-nav li a {
transition: transform 0.3s, color 0.3s 0s;
color: #333;
display: inline-block;
}
.nav-links div a:hover,
#posts-nav li a:hover {
color: #66676b;
}
.nav-links div.nav-next,
#posts-nav li.next-post {
right: 0;
text-align: right;
}
.nav-previous {
text-align: left;
}
.nav-links div.nav-previous,
#posts-nav li.prev-post {
left: 0;
}
.nav-links div.nav-next a,
#posts-nav li.next-post a {
padding-right: 55px;
}
.nav-links div.nav-previous a,
#posts-nav li.prev-post a {
padding-left: 55px;
}
.nav-links div.nav-next a:before,
.nav-links div.nav-previous a:before,
#posts-nav li.prev-post a:before,
#posts-nav li.next-post a:before {
font-family: "simple-line-icons";
font-size: 14px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
transition: 0.3s;
color: #999;
background: #f3f3f3;
width: 36px;
height: 36px;
border-radius: 50px;
text-align: center;
line-height: 36px;
}
.nav-links div.nav-next a:before,
#posts-nav li.next-post a:before {
right: 0;
content: "\e606";
}
.nav-links div.nav-previous a:before,
#posts-nav li.prev-post a:before {
left: 0;
content: "\e605"
}
.nav-links div.nav-next a:hover:before,
.nav-links div.nav-previous a:hover:before,
#posts-nav li.next-post a:hover:before,
#posts-nav li.prev-post a:hover:before {
background: #66676b;
color: #fff;
} body .screen-reader-text {
height: 0;
width: 0;
}  .pricing-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
position: relative;
}
.plan {
flex: 1;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
text-align: center;
position: relative;
z-index: 9;
overflow: hidden;
}
.plan-price {
width: 100%;
background: #f9f9f9;
padding: 45px 30px;
padding-top: 48px;
}
.plan-price ins {
text-decoration: none;
}
.plan:first-child .plan-price {
border-radius: 4px 0 0 0;
}
.plan:first-child {
border-radius: 4px 0 4px 4px;
}
.plan:last-child .plan-price {
border-radius: 0 4px 0 0;
}
.plan:last-child {
border-radius: 0 4px 4px 0;
}
.plan-price h3 {
margin: 0;
color: #888;
font-weight: 400;
font-size: 22px;
}
.plan.featured .listing-badge {
background-color: #fff;
color: #66676b;
}
.plan-price .value {
display: block;
font-size: 37px;
line-height: 35px;
padding: 22px 0 0 0;
color: #333;
}
.plan-price .subscription-details,
.plan-price .period {
color: #888;
margin-top: 20px;
padding: 0 10%;
display: block;
font-size: 15px;
font-weight: 400;
line-height: 27px;
}
.featured .plan-price .subscription-details,
.featured .plan-price .period {
color: #fff;
}
.plan-features {
padding: 35px 30px;
background: #fff;
border-radius: 4px;
}
.plan-features ul {
list-style: none;
padding: 0;
}
.plan-features ul li {
padding: 3px 0;
}
.plan-features a.button {
margin-top: 20px;
}
@media (max-width: 1199px) {
.plan {
flex: 1 0 50%;
}
}
@media (min-width: 1200px) {
.plan {
flex: 1 0 33%;
}
}
@media (min-width: 1400px) {
.plan {
flex: 1 0 25%;
}
}
#package_selection .submit-page {
text-align: center;
margin-top: 10px;
}
#package_selection .user-packages {
padding-left: 0;
margin-bottom: 55px;
}
#package_selection .user-packages p {
margin-bottom: 0;
opacity: 0.75;
font-size: 15px;
margin-top: 2px;
line-height: 23px;
}
#package_selection .user-packages label,
#package_selection .plan-features label {
background: #e6f3da;
border-radius: 3px;
padding: 10px 16px;
padding-left: 40px;
color: #5f9025;
cursor: pointer;
}
#package_selection .user-packages label {
padding: 15px 30px 13px 52px;
width: 100%;
} #package_selection .user-packages [type="radio"]:checked,
#package_selection .user-packages [type="radio"]:not(:checked),
#package_selection .plan-features [type="radio"]:checked,
#package_selection .plan-features [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
#package_selection .user-packages [type="radio"]:checked+label,
#package_selection .user-packages [type="radio"]:not(:checked)+label,
#package_selection .plan-features [type="radio"]:checked+label,
#package_selection .plan-features [type="radio"]:not(:checked)+label {
position: relative;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #5f9025;
margin-top: 10px;
margin-bottom: 5px;
}
#package_selection .user-packages [type="radio"]:checked+label:before,
#package_selection .user-packages [type="radio"]:not(:checked)+label:before,
#package_selection .plan-features [type="radio"]:checked+label:before,
#package_selection .plan-features [type="radio"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 10px;
top: 10px;
width: 20px;
height: 20px;
border-radius: 3px;
background: #fff;
}
#package_selection .user-packages [type="radio"]:checked+label:before,
#package_selection .user-packages [type="radio"]:not(:checked)+label:before {
left: 15px;
top: 15px;
}
#package_selection .user-packages [type="radio"]:checked+label:after,
#package_selection .user-packages [type="radio"]:not(:checked)+label:after,
#package_selection .plan-features [type="radio"]:checked+label:after,
#package_selection .plan-features [type="radio"]:not(:checked)+label:after {
content: '\f00c';
width: 12px;
height: 12px;
background: #fff;
position: absolute;
top: 10px;
left: 13px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
}
#package_selection .user-packages [type="radio"]:checked+label:after,
#package_selection .user-packages [type="radio"]:not(:checked)+label:after {
top: 15px;
left: 18px;
}
.dashboard-list-box .products.user-packages {
line-height: 20px
}
.dashboard-list-box .products.user-packages p {
margin: 0;
font-size: 15px;
}
#package_selection .user-packages [type="radio"]:not(:checked)+label:after,
#package_selection .plan-features [type="radio"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
#package_selection .user-packages [type="radio"]:checked+label:after,
#package_selection .plan-features [type="radio"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .plan.featured {
margin-left: -1px;
margin-right: -1px;
transform: translateY(-23px);
border-radius: 0 0 4px 4px;
z-index: 11;
}
.plan.featured .plan-price {
background-color: #66676b;
padding: 50px 30px;
border-radius: 4px 4px 0 0;
}
.plan.featured .plan-price h3 {
color: #fff;
}
.plan.featured .plan-price .value {
color: #fff;
}
.plan.featured .plan-price .period {
color: #fff;
line-height: 23px;
}
.plan.featured .plan-features {
padding: 45px 30px;
}
.plan.featured .listing-badges .featured {
background: #fff;
color: #66676b;
}
.listeo_core-term-checklist-listing_feature {
overflow: hidden;
}  .list-4,
.list-3,
.list-2,
.list-1 {
padding: 3px 0 0 0;
font-size: 16px;
}
.list-4 li,
.list-3 li,
.list-2 li,
.list-1 li {
list-style: none;
margin: 14px 0;
line-height: 27px;
margin-left: 22px;
position: relative;
}
.list-1.alt li {
margin: 12px 0;
margin-left: 22px;
}
.list-4 li:first-child,
.list-3 li:first-child,
.list-2 li:first-child,
.list-1 li:first-child {
margin-top: 0;
}
.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin: 0;
position: relative;
color: #66676b;
float: left;
margin-left: -22px;
display: block;
}
.list-1.gray li:before {
color: #777;
}
.list-4 li:before {
content: "\f192";
font-size: 14px;
top: 1px;
}
.list-3 li:before {
content: "\f058";
font-size: 15px;
top: 1px;
}
.list-2 li:before {
content: "\f00c";
font-size: 14px;
}
.list-1 li:before {
content: "\f0c8";
font-size: 8px;
}
.list-4 li {
margin-left: 27px;
}
.list-4 li:before {
margin-left: -27px;
} .numbered ol {
counter-reset: li;
list-style: none;
padding: 0;
margin-left: 18px;
display: inline-block;
font-size: 16px;
}
.numbered ol li {
display: inline-block;
padding: 6px 0;
width: 100%;
}
.numbered ol>li::before {
content: counter(li);
counter-increment: li;
font-size: 16px;
line-height: 33px;
width: 36px;
height: 36px;
display: inline-block;
border: 1px solid #333;
border-radius: 50%;
text-align: center;
margin: 0;
margin-left: 0;
font-weight: 500;
color: #333;
position: relative;
float: left;
left: -18px;
font-size: 15px;
transform: translateY(-10%);
}
.numbered.color ol>li::before {
border: 1px solid #66676b;
color: #66676b;
}
.numbered.color.filled ol>li::before {
border: 1px solid #66676b;
color: #fff;
background-color: #66676b;
}
mark.color {
background-color: #66676b;
border-radius: 4px;
}
mark {
border-radius: 4px;
}
.demo h1,
.demo h2,
.demo h3,
.demo h4,
.demo h5,
.demo h6 {
line-height: 40px;
}  #tiptip_holder {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
-webkit-transform: translateX(12px)
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
#tiptip_content {
color: #fff;
font-size: 13px;
line-height: 16px;
padding: 6px 10px;
background-color: #333;
border-radius: 3px;
}
#tiptip_arrow,
#tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #333;
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #333;
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #333;
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #333;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: #333;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: #333;
}
.tip:hover .tip-content {
z-index: 9999
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: #333;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: #333;
}  .info-box {
background-color: #fff;
display: inline-block;
width: 100%;
border-radius: 3px;
padding: 23px 27px;
border-top: 2px solid #66676b;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.95));
background-color: #66676b;
color: #66676b;
}
.info-box.no-border {
border: none;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.93));
background-color: #66676b;
}
.info-box h4 {
margin: 0;
font-size: 19px;
color: #66676b;
margin-bottom: 20px;
margin-top: 0px;
}
.info-box p {
margin-bottom: 0;
font-size: 15px;
line-height: 26px;
}
.info-box.large {
padding: 36px;
}  #mce-error-response,
#mce-success-response,
#result .success,
.woocommerce-info,
.woocommerce-error,
.woocommerce-message,
.notification {
line-height: 24px;
margin-bottom: 15px;
position: relative;
padding: 20px 26px;
padding-right: 50px;
border-radius: 3px;
}
#mce-success-response,
#mce-success-response {
margin: 0px auto;
width: 50%;
}
.notification p {
margin: 0;
font-size: 15px;
}
#mce-success-response,
#result .success,
.notification.success {
background-color: #EBF6E0;
}
#result .success,
.notification.success,
.notification.success a,
.notification.success strong {
color: #5f9025;
}
.woocommerce-error,
#mce-error-response,
.notification.error {
background-color: #ffe9e9;
color: #e31f1f;
}
.notification.error,
.notification.error a,
.notification.error strong {
color: #de5959;
}
.notification.warning {
background-color: #FBFADD;
}
.notification.warning,
.notification.warning a,
.notification.warning strong {
color: #8f872e;
}
.notification.notice h4 {
font-size: 19px;
margin: 3px 0 15px 0;
}
.woocommerce-info,
.woocommerce-message,
.notification.notice h4,
.notification.notice,
.notification.notice a,
.notification.notice strong {
color: #3184ae
}
.woocommerce-info,
.woocommerce-message,
.notification.notice {
background-color: #E9F7FE;
}
.notification.notice.large {
padding: 32px 36px;
}
#dashboard .success {
background-color: #e6f3d8;
}
#dashboard .notice {
background-color: #e1f3fc;
}
#dashboard .warning {
background-color: #f6f4c9;
}
body .notification strong {
border: none;
}
.notification.success .close,
.notification.error .close,
.notification.warning .close,
.notification.notice .close {
padding: 0px 9px;
position: absolute;
right: 0;
top: 22px;
display: block;
height: 8px;
width: 8px;
cursor: pointer;
}
.notification.notice p span i {
font-weight: 500;
}
.notification a.button {
float: right;
color: #fff;
margin-top: 3px;
}
.notification.notice a.button {
background-color: #388fc5;
}
.notification.warning a.button {
background-color: #dfbe51;
}
.notification.error a.button {
background-color: #d34c4c;
}
.notification.success a.button {
background-color: #79ba38;
}
.notification.closeable a.close:before {
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 25px;
top: 0;
cursor: pointer;
}
.woocommerce-message {
margin-bottom: 34px;
}  .img-box {
height: 350px;
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
z-index: 90;
margin: 10px 0;
border-radius: 5px;
}
.img-box-background {
background-size: cover;
background-position: 50%;
width: 100%;
height: 100%;
transition: all 0.55s;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
transform: scale(1.1);
}
.img-box:hover .img-box-background {
transform: scale(1.0);
}
.img-box:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
content: "";
background-color: #222;
opacity: 0.3;
z-index: 99;
transition: 0.3s ease-out;
}
.img-box-content {
position: absolute;
z-index: 101;
top: 50%;
margin: 0 auto;
text-align: center;
width: 100%;
transform: translate(0, -50.5%);
}
.img-box-content h4 {
font-size: 28px;
line-height: 36px;
color: #fff;
margin: 0;
font-weight: 500;
}
.img-box-content span {
font-size: 16px;
color: #fff;
}  .testimonial-box {
background: transparent;
border-radius: 6px;
padding: 38px;
padding-left: 110px;
color: #888;
position: relative;
margin: 18px 0;
box-shadow: none;
transition: 0.4s;
cursor: grab;
}
.testimonial-carousel .slick-slide {
cursor: grab;
}
.testimonial-carousel .slick-slide {
margin: 0 20px 30px 20px;
opacity: 0.5;
transition: 0.4s;
pointer-events: all;
}
.testimonial-carousel .slick-slide.slick-active .testimonial-box {
background: #66676b;
color: #fff;
}
.testimonial-carousel .slick-slide.slick-active .testimonial:before {
color: #66676b;
}
.testimonial:before {
position: absolute;
margin: 0 auto;
display: block;
width: 100%;
text-align: center;
bottom: -10px;
left: 0;
content: "\f0dd";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 42px;
color: transparent;
background-color: transparent;
cursor: default;
}
.testimonial:after {
position: absolute;
top: 47px;
left: 42px;
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 38px;
opacity: 0.3;
color: #222;
background-color: transparent;
cursor: default;
}
.testimonial,
.testimonial p {
font-size: 16px;
font-weight: 500;
line-height: 30px;
}
.testimonial-author {
display: block;
width: 100%;
padding: 20px 0 15px 0;
text-align: center;
margin: 0 auto;
}
body .testimonial-author img {
width: 60px;
display: inline-block;
text-align: center;
height: auto;
border-radius: 50%;
margin: 0 auto;
border: 4px solid #fff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-sizing: content-box;
}
.testimonial-author h4 {
display: block;
width: 100%;
font-size: 16px;
padding-top: 5px;
color: #333;
font-weight: 400;
padding-top: 7px;
}
.testimonial-author h4 span {
display: block;
color: #888;
padding-top: 6px;
font-weight: 400;
font-size: 15px;
}
.testimonial-box .star-rating {
height: 30px;
display: inline-block;
margin-bottom: -10px;
margin-top: 15px;
}
.testimonial-author h4 {
display: flex;
flex-direction: column;
align-self: flex-start;
color: #222 !important;
}
.testimonial-author h4 span {
color: #888;
margin-top: 8px;
font-weight: 400;
font-size: 14px;
display: inline-block;
line-height: 20px;
padding: 4px 14px;
border-radius: 50px;
align-self: center;
background: #f0f0f0;
color: #999;
transition: 0.3s;
text-transform: none;
font-size: 13px;
letter-spacing: 0;
padding: 4px 16px;
line-height: 20px;
font-weight: 400;
}
.slick-current .testimonial-author h4 span {
background: rgba(102, 103, 107, 0.06);
color: #66676b;
}
.carousel-no-dots .slick-dots {
display: none !important;
}
.carousel-no-dots .slick-dotted.slick-slider {
margin-bottom: -40px;
}  .info-banner {
display: block;
width: 100%;
padding: 90px 0;
color: #fff;
margin: 0;
}
.info-banner-content {
position: relative;
z-index: 199;
}
.info-banner.centered {
text-align: center;
}
.info-banner-content a.button {
margin: 0 20px -15px 20px;
position: relative;
}
.flip-banner h1,
.flip-banner h2,
.flip-banner h3,
.flip-banner h4,
.flip-banner h5,
.flip-banner h6,
.flip-banner a,
.info-banner-content h1,
.info-banner-content h2,
.info-banner-content h3,
.info-banner-content h4,
.info-banner-content h5,
.info-banner-content h6,
.info-banner-content a,
.info-banner-content {
color: #fff;
display: inline-block;
margin: 0;
position: relative;
} .text-content {
background: transparent;
padding: 110px 0px;
font-weight: 500;
z-index: 999;
position: relative;
}
.text-content.white-font {
color: #fff;
}
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5 {
color: #fff;
}
.text-content.white-font h1,
.text-content.white-font h2,
.text-content.white-font h3,
.text-content.white-font h4,
.text-content.white-font h5 {
color: #fff;
}
.text-content a.button {
padding: 10px 26px;
font-size: 16px;
font-weight: 600;
}
.text-content.white-font a.button:hover {
background-color: #fff;
color: #333;
}
.text-content a.button:before {
display: none;
}
.text-content p {
font-size: 18px;
font-weight: 400;
line-height: 34px;
}
.text-content h2 {
margin-bottom: 30px;
line-height: 46px;
font-size: 36px;
font-weight: 500;
}
.top-1 {
position: relative;
top: -1px;
}
.top-0 {
position: relative;
}  .image-edge {
background-color: #f8f8f8;
position: relative;
overflow: hidden;
margin: 35px 0 0 0;
height: 50vw;
max-height: 640px;
overflow: hidden;
padding: 0;
}
.image-edge #googlemaps,
.image-edge .google-map-container {
height: 100%;
}
.image-edge-content {
padding: 0;
top: 50%;
position: relative;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
width: 50%;
padding: 0 9%;
}
.image-edge.left .image-edge-content {
padding-left: 6%;
}
.image-edge-content h3.headline {
width: 100%;
display: block;
margin-top: 0;
} .edge-bg {
position: absolute;
width: 50%;
top: 0;
right: 0px;
height: 100%;
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.edge-bg:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba(34, 34, 34, 0.1);
} .image-edge.left .image-edge-content {
left: 50%;
}
.image-edge.left .edge-bg {
left: 0px;
}
.image-edge.left .container {
transform: translateX(54%);
-webkit-transform: translateX(54%);
} .image-edge.dark {
background-color: #282828;
color: #fff;
}
.image-edge.dark h1,
.image-edge.dark h2,
.image-edge.dark h3,
.image-edge.dark h4,
.image-edge.dark h5 {
color: #fff;
}
.presentation-content h2,
.image-edge h2 {
line-height: 56px;
font-weight: 600;
font-size: 40px;
letter-spacing: -0.5px;
}
.presentation-content p,
.image-edge p {
font-size: 20px;
color: #828282;
line-height: 34px;
}
.image-edge.dark p {
color: rgba(255, 255, 255, 0.8);
} .image-edge-content ul {
list-style: none;
padding: 0;
}
.image-edge-content ul li {
margin-bottom: 30px;
}
.image-edge-content ul li:last-child {
margin-bottom: 0px;
}
.image-edge-content h4 i {
position: relative;
top: -1px;
margin-right: 2px;
}
@media (max-width: 767px) {
.edge-bg {
position: relative;
height: 400px;
width: 100%;
display: block;
left: 0;
right: 0;
}
}  .flip-banner {
display: block;
width: 100%;
height: 180px;
position: relative;
text-align: center;
overflow: hidden;
z-index: 9999;
}
.flip-banner:after {
background-color: #000;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
display: block;
z-index: 100;
transition: all 0.6s;
}
.flip-banner:hover:after {
opacity: 0.6;
}
.flip-banner-content {
position: relative;
top: 50%;
z-index: 200;
}
.flip-banner h2 {
font-size: 32px;
line-height: 40px;
position: relative;
width: 100%;
display: block;
}
.flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
transition: all 0.45s cubic-bezier(.87, -.41, .19, 1.44);
}
.flip-banner:hover .flip-banner-content .flip-hidden,
.flip-banner-content .flip-visible {
opacity: 1;
visibility: visible;
transform: translateY(-50%);
}
.flip-banner:hover .flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
opacity: 0;
visibility: hidden;
transform: translateY(150%);
}
.flip-banner:hover .flip-banner-content .flip-visible {
transform: translateY(-150%);
}
.flip-banner i {
padding: 0 10px;
}
.flip-banner .sl {
position: relative;
top: 1px;
font-size: 26px;
}
@media (max-width: 767px) {
.flip-banner .sl {
font-size: 18px;
}
.flip-banner h2 {
font-size: 22px;
line-height: 34px;
}
}  .tabs-nav {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.tabs-nav li a i {
padding-right: 5px;
font-size: 16px;
top: 1px;
position: relative;
}
.tabs-nav li {
float: left;
line-height: 45px;
padding: 0;
margin-right: 4px;
position: relative;
z-index: 12;
}
.tabs-nav li a,
.tab-reviews {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.vc_tta.vc_general.vc_tta-style-tabs-style-2 .vc_tta-tab>a,
.vc_tta.vc_general.vc_tta-style-tabs-style-1 .vc_tta-tab>a {
border-bottom: 2px solid transparent;
border-width: 0px 0px 2px 0px;
}
.vc_tta.vc_tta-style-tabs-style-2 .vc_tta-tab a,
.vc_tta.vc_tta-style-tabs-style-1 .vc_tta-tab a,
.tabs-nav li a {
border-bottom: 1px solid transparent;
color: #333;
display: inline-block;
outline: none;
padding: 7px 15px;
text-decoration: none;
font-size: 15px;
z-index: 11;
position: relative;
margin-bottom: -1px;
}
.vc_tta.vc_tta-style-tabs-style-2 .vc_tta-tab.vc_active a,
.vc_tta.vc_tta-style-tabs-style-1 .vc_tta-tab.vc_active a {
border-bottom: 2px solid;
border-width: 0px 0px 2px 0px
}
.tabs-nav li a:hover {
border-color: #66676b;
}
.tab-reviews {
color: #aaa;
}
.tabs-nav li.active .tab-reviews {
color: #fff;
}
.tabs-nav li a:hover,
.tabs-nav li.active a {
border-color: #66676b;
color: #66676b;
z-index: 11;
}
.vc_tta.vc_tta-style-tabs-style-2 .vc_tta-panel.vc_active,
.tab-content {
padding: 28px 33px;
position: relative;
z-index: 10;
display: inline-block;
width: 100%;
}
.tabs-container {
overflow: hidden;
width: 100%;
}
.tab-content p:last-child {
margin-bottom: 0;
}
.vc_tta-style-tabs-style-2 .vc_tta-panels-container,
.style-2 .tabs-container {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 3px;
} .vc_tta.vc_tta-style-tabs-style-1 .vc_tta-tabs-list {
border-bottom: 1px solid #e0e0e0;
}
.vc_tta.vc_tta-style-tabs-style-1 .vc_tta-panel.vc_active {
padding: 15px 0 0 0;
}
.style-1 .tabs-container .tab-content {
border: none;
border-top: 1px solid #e0e0e0;
padding: 30px 0 0 0;
} .style-3 .tabs-nav {
text-align: center;
}
.style-3 .tabs-nav li {
float: none;
line-height: 32px;
padding: 0;
margin-right: 4px;
position: relative;
z-index: 12;
display: inline-block;
text-align: center;
}
.style-3 .tabs-nav li a {
border: none;
color: #333;
display: inline-block;
outline: none;
padding: 7px 24px;
text-decoration: none;
font-size: 14px;
z-index: 11;
position: relative;
margin-bottom: -1px;
background-color: #fff;
border-radius: 3px;
font-size: 13px;
}
.style-3 .tabs-nav li a:hover,
.style-3 .tabs-nav li.active a {
border-color: #66676b;
background-color: #66676b;
color: #fff;
z-index: 11;
}
.style-3 .tabs-container .tab-content {
border: none;
padding: 30px 0 0 0;
} .style-4 .tabs-nav {
width: 35%;
display: table-cell;
}
.style-4 .tabs-container {
width: 65%;
padding-left: 20px;
display: table-cell;
vertical-align: middle;
}
.style-4 .tabs-container .tab-content {
border: none;
padding: 10px 0 0 0;
}
.style-4.tabs {
display: table;
}
.style-4 .tabs-nav li a {
float: none;
width: 90%;
border: none;
padding: 0;
background-color: #fff;
margin: 0 0 1px 0;
border: none;
padding: 9px 24px;
line-height: 30px;
border-radius: 3px;
}
.style-4 .tabs-nav li.active a {
background-color: #66676b;
color: #fff;
}
.style-4 .tabs-nav li {
width: 100%;
} .style-5 .tabs-nav li {
width: 33.33%;
}
.stytle-5 .tabs-container .widget-text {
position: relative;
top: 50px;
transform: transitionY(-50%);
display: inline-block;
}
.style-5 .tabs-nav {
bottom: 5px;
position: relative;
}
.style-5 .tabs-nav li a {
border: none;
background-color: #f2f2f2;
color: #333;
border-radius: 4px;
padding: 0;
}
.style-5 .tabs-nav li.active a {
background-color: #66676b;
color: #fff;
}
.style-5 .tabs-container .tab-content {
box-shadow: none;
border: none;
padding: 20px 0 0 0;
}  .rememberme {
display: block;
margin-top: 10px;
cursor: pointer;
}
.sign-in-form .tabs-container {
overflow: visible;
}
.sign-in-form .tabs-nav li {
line-height: 15px;
}
.sign-in-form .tabs-nav li a {
padding: 0 15px 18px 15px;
color: #666;
font-weight: 600;
}
.sign-in-form .tabs-nav li a:hover,
.sign-in-form .tabs-nav li.active a {
color: #66676b;
}
.lost_password a {
margin: 0;
color: #666;
font-size: 15px;
}
.lost_password:hover a {
color: #66676b;
}
.rememberme input {
margin: 0 2px 0 0;
display: inline-block;
min-height: auto;
width: auto;
}
.myaccount input.button {
margin-bottom: 0;
}
.sign-in-form label {
position: relative;
color: #666;
font-size: 15px;
}
.sign-in-form label input {
margin-top: 8px;
padding-left: 45px;
height: 53px;
}
.sign-in-form label input[type="checkbox"] {
height: 27px;
}
.sign-in-form input {
transition: box-shadow 0.2s !important;
}
.sign-in-form input:focus {
transition: box-shadow 0.2s !important;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}
.sign-in-form label i {
font-size: 21px;
color: #a0a0a0;
position: absolute;
left: 15px;
bottom: 13px;
}
.sign-in-form .button {
line-height: 26px;
height: auto;
min-width: 120px;
margin-bottom: 0;
}
@media (max-width: 480px) {
.listeo-dialog .tabs-nav,
#sign-in-dialog .tabs-nav {
text-align: center;
display: block;
width: 100%;
}
.listeo-dialog .tabs-nav li,
#sign-in-dialog .tabs-nav li {
width: auto;
font-weight: 600;
display: inline-block;
text-align: center;
float: none;
}
.listeo-dialog .tabs-nav li a,
#sign-in-dialog .tabs-nav li a {
padding: 10px;
margin-bottom: 8px;
}
}  .social-icons {
padding-left: 5px;
}
.social-icons li {
display: inline;
float: left;
text-align: left;
margin-right: 16px;
margin-top: 11px;
transform: scale(1.19);
-webkit-transform: scale(1.19);
-webkit-filter: blur(radius);
}
.social-icons li a {
width: 44px;
height: 44px;
display: inline-block;
background-color: #f3f3f3;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
border: 1px solid transparent;
}
.social-icons.fixed li a {
display: block;
} .social-icons li a i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
z-index: 20;
transform: scale(0.9);
-webkit-transform: scale(0.9);
-webkit-filter: blur(radius);
}
.social-icons li a:hover,
.social-icons li a i {
color: #fff;
}
.social-icons li a i {
top: -30px;
opacity: 0;
}
.social-icons li a:hover i {
top: 0;
opacity: 1;
} .ptwsi_social-icons.rounded li a,
.social-icons.rounded li a {
border-radius: 50%;
} .social-icons.border li a {
background-color: #fff;
border: 1px solid #e0e0e0;
}
.social-icons.border li a:hover {
border-color: transparent;
} .social-icons.color li a {
border-color: transparent;
}
.social-icons.color li a i,
.social-icons.color li a:hover i {
top: 0;
opacity: 1;
}
.social-icons.color a:before {
opacity: 0;
}
.social-icons.color li a:before {
color: #fff;
} .social-icons.fixed {
position: fixed;
left: 0;
padding-left: 2px;
top: 100px;
width: 50px;
}
.social-icons.fixed li {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: 7px;
}
.ptwsi_social-icons.ptwsi.color a.ptwsi-social-icon:before {
color: #fff !important;
}
.social-icons.fixed li a {
background-color: rgba(51, 51, 51, 0.35);
}
.social-icons.fixed li a:before {
color: #fff;
}
.twitter:before,
.wordpress:before,
.facebook:before,
.linkedin:before,
.steam:before,
.tumblr:before,
.github:before,
.delicious:before,
.instagram:before,
.xing:before,
.amazon:before,
.dropbox:before,
.paypal:before,
.lastfm:before,
.gplus:before,
.yahoo:before,
.pinterest:before,
.dribbble:before,
.flickr:before,
.reddit:before,
.vimeo:before,
.spotify:before,
.rss:before,
.youtube:before,
.blogger:before,
.appstore:before,
.digg:before,
.evernote:before,
.fivehundredpx:before,
.forrst:before,
.stumbleupon:before,
.dribbble:before {
font-family: "fontello";
font-size: 16px;
line-height: 16px;
color: #a0a0a0;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
position: absolute;
z-index: 20;
transform: scale(0.9);
} body #footer a.ptwsi-social-icon i {
font-size: 14px;
}
body #footer a.ptwsi-social-icon.instagram:before {
margin: 13px 0 0 13px;
}
body #footer a.ptwsi-social-icon.twitter i {
font-size: 13px;
} @font-face {
font-family: 'fontello';
src: url(//aperaf.com/wp-content/themes/listeo/fonts/fontello.eot);
src: url(//aperaf.com/wp-content/themes/listeo/fonts/fontello.eot) format('embedded-opentype'),
url(//aperaf.com/wp-content/themes/listeo/fonts/fontello.woff) format('woff'),
url(//aperaf.com/wp-content/themes/listeo/fonts/fontello.ttf) format('truetype'),
url(//aperaf.com/wp-content/themes/listeo/fonts/fontello.svg) format('svg');
font-weight: normal;
font-style: normal;
}
.social-icons li i {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 16px;
font-size: 16px;
width: auto;
}
.icon-delicious:before {
content: '\23';
} .icon-paypal:before {
content: '\24';
} .icon-gplus:before {
content: '\f0d5';
} .icon-stumbleupon:before {
content: '\2f';
} .icon-fivehundredpx:before {
content: '\30';
} .icon-pinterest:before {
content: '\31';
} .icon-forrst:before {
content: '\3a';
} .icon-digg:before {
content: '\3b';
} .icon-spotify:before {
content: '\3d';
} .icon-reddit:before {
content: '\3e';
} .icon-appstore:before {
content: '\41';
} .icon-blogger:before {
content: '\42';
} .icon-dribbble:before {
content: '\44';
} .icon-evernote:before {
content: '\45';
} .icon-flickr:before {
content: '\46';
} .icon-linkedin:before {
content: '\4c';
} .icon-rss:before {
content: '\52';
} .icon-twitter:before {
content: '\54';
} .icon-youtube:before {
content: '\55';
} .icon-vimeo:before {
content: '\56';
} .icon-xing:before {
content: '\58';
} .icon-yahoo:before {
content: '\59';
} .icon-amazon:before {
content: '\61';
} .icon-steam:before {
content: '\62';
} .icon-dropbox:before {
content: '\64';
} .icon-facebook:before {
content: '\66';
} .icon-github:before {
content: '\67';
} .icon-lastfm:before {
content: '\6c';
} .icon-tumblr:before {
content: '\74';
} .icon-wordpress:before {
content: '\77';
} .icon-linkedin-rect:before {
content: '\f31b';
} .icon-instagram:before {
content: '\f31f';
} a.ptwsi-social-icon.gplus:before,
a.ptwsi-social-icon.gplus:before,
a.ptwsi-social-icon.gplus i:before {
content: "\f0d5";
font-family: "Font Awesome 5 Free"
}
#footer a.ptwsi-social-icon {
border-radius: 50%;
} .agent ul.social-icons,
#footer ul.social-icons,
.listing-share ul.social-icons,
#top-bar ul.social-icons {
margin: 0;
padding: 0;
}
.listing-share .social-icons li a,
.agent .social-icons li a,
#footer .social-icons li a,
#top-bar .social-icons li a {
width: 45px;
height: 45px;
display: inline-block;
background-color: transparent;
position: relative;
overflow: hidden;
border-radius: 0;
transform: scale(1);
margin-right: 0;
}
.listing-share .social-icons li,
.agent .social-icons li,
#footer .social-icons li,
#top-bar .social-icons li {
border-radius: 0;
transform: scale(1);
-webkit-transform: scale(1);
-webkit-filter: blur(radius);
}
.listing-share .social-icons li a i,
.listing-share .social-icons li a:before,
.agent .social-icons li a i,
.agent .social-icons li a:before,
#footer .social-icons li a i,
#footer .social-icons li a:before,
#top-bar .social-icons li a i,
#top-bar .social-icons li a:before {
transform: scale(1.1) translateY(calc(-50% - 2px));
-moz-transform: scale(1.1) translateY(calc(-50% - 1px));
-ms-transform: scale(1.1) translateY(-50%);
left: 0;
right: 0;
margin: 0;
text-align: center;
margin-top: 55%;
}
.listing-share .social-icons li a.twitter i,
.listing-share .social-icons li a.twitter:before,
.agent .social-icons li a.twitter i,
.agent .social-icons li a.twitter:before,
#footer .social-icons li a.twitter i,
#footer .social-icons li a.twitter:before,
#top-bar .social-icons li a.twitter i,
#top-bar .social-icons li a.twitter:before {
transform: scale(1.1) translateY(calc(-50% - 1px));
} #top-bar .social-icons {
float: right;
}
.agent .social-icons li,
#footer .social-icons li,
#top-bar .social-icons li {
margin: 0;
padding: 0;
float: left;
line-height: 0;
}
#top-bar .social-icons li a:before,
#top-bar .social-icons li a i {
font-size: 14px;
color: #fff;
}
#top-bar .social-icons li .twitter:before,
#top-bar .social-icons li .twitter i:before {
font-size: 12px;
}
#top-bar .social-icons li a:hover {
background: #fff !important;
border-color: transparent;
}
#top-bar .social-icons li a:hover i {
color: #66676b;
} .listing-share .social-icons li a,
.agent .social-icons li a,
#footer .social-icons li a {
width: 38px;
height: 40px;
background-color: transparent;
}
.agent .social-icons,
#footer .social-icons {
position: relative;
left: -13px;
}
.agent .social-icons li,
#footer .social-icons li {
margin: 0;
padding: 0;
float: left;
line-height: 0;
}
.listing-share .social-icons li a:before,
.listing-share .social-icons li a i,
.agent .social-icons li a:before,
.agent .social-icons li a i,
#footer .social-icons li a:before,
#footer .social-icons li a i {
font-size: 15px;
color: #a0a0a0;
}
.listing-share .social-icons li .twitter:before,
.listing-share .social-icons li .twitter i:before,
.listing-share .social-icons li .vimeo:before,
.listing-share .social-icons li .vimeo i:before,
.agent .social-icons li .twitter:before,
.agent .social-icons li .twitter i:before,
.agent .social-icons li .vimeo:before,
.agent .social-icons li .vimeo i:before,
#footer .social-icons li .twitter:before,
#footer .social-icons li .twitter i:before,
#footer .social-icons li .vimeo:before,
#footer .social-icons li .vimeo i:before {
font-size: 13px;
}
.listing-share .social-icons li a:hover,
.agent .social-icons li a:hover,
#footer .social-icons li a:hover {
background: transparent !important;
border-color: transparent;
}
.listing-share .social-icons li a:hover i,
.agent .social-icons li a:hover i,
#footer .social-icons li a:hover i {
color: #66676b;
}  .checkboxes {
list-style: none;
padding: 0;
}
.checkboxes.in-row label {
margin-top: 9px;
}
.checkboxes.one-in-row label {
margin-top: 9px;
width: 100%;
}
.checkboxes li {
padding: 4px 0;
}
.checkboxes li:last-child {
margin-bottom: -8px;
}
.checkboxes label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 28px;
margin-right: 20px;
margin-bottom: 0;
line-height: 24px;
font-size: 16px;
}
.checkboxes label span {
color: #909090;
}
.checkboxes input[type=checkbox] {
display: none;
}
.checkboxes label:before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
margin-right: 10px;
position: absolute;
left: 0;
top: 2px;
background-color: #fff;
border: 2px solid #d0d0d0;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: 0.3s;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 11px;
color: #fff;
text-align: center;
line-height: 16px;
}
.checkboxes input[type=checkbox]:checked+label:before {
content: "\f00c";
background-color: #66676b;
border: 2px solid #66676b;
}
.checkboxes input[type=checkbox]:checked~input.bookable_quantity_max[type="number"] {
display: inline;
}
.checkboxes label:before {
content: "\f00c";
}
.checkboxes label:hover:before {
content: "\f00c";
color: #c9c9c9;
}
.checkboxes input[type=checkbox]:checked+label:hover:before {
color: #fff;
}  .listing-item-container.list-layout {
background: transparent;
background-color: #f9f9f9;
margin-bottom: 25px;
}
.listing-item-container.list-layout:hover {
transform: translate3d(6px, 0, 0);
}
.listing-item-container.list-layout .listing-item {
display: flex;
background-color: transparent;
height: 220px;
}
.listing-item-container.list-layout .listing-item:before {
display: none;
}
.listing-item-container.list-layout .listing-item img {
border-radius: 0;
}
.listing-item-container.list-layout .listing-item-content {
flex: 5;
position: relative;
bottom: 0;
left: 0;
padding: 0;
width: 100%;
z-index: 50;
box-sizing: border-box;
}
.listing-item-container.list-layout .listing-item-image {
min-height: 200px;
flex: 2;
height: 100%;
overflow: hidden;
border-radius: 4px 0 0 4px;
position: relative;
}
@media (max-width: 768px) {
.listing-item-container.list-layout .listing-item-image {
height: 300px;
}
}
@media (max-width: 480px) {
.listing-item-container.list-layout .listing-item-image {
height: 220px;
}
}
.listing-item-container.list-layout .listing-item-image:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
display: block;
background-color: #272729;
opacity: 0.2;
}
.listing-item-container.list-layout span.like-icon {
bottom: 50%;
transform: translateY(50%);
background-color: #eee;
color: #bcbcbc;
right: 35px;
}
.clicked,
span.like-icon.clicked {
cursor: wait;
}
.listing-item-container.list-layout span.like-icon.liked,
.listing-item-container.list-layout span.like-icon:hover {
background-color: #f3103c;
color: #fff;
}
.listing-item-container.list-layout .listing-item-inner {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 35px;
padding-right: 120px;
}
.listing-item-container.list-layout .listing-item-inner h3 {
color: #333;
}
.listing-item-container.list-layout .listing-item-inner span {
color: #777;
}
.listing-item-container.list-layout .star-rating {
padding: 8px 0 0 0;
}
.listing-item-container.list-layout .numerical-rating {
margin: 10px 0 5px 0;
display: block;
}
.listing-item-container.list-layout .listing-item-details {
position: absolute;
bottom: 25px;
right: 35px;
left: auto;
top: auto;
padding: 0;
width: auto;
z-index: 50;
color: #888;
box-sizing: border-box;
font-weight: 500;
font-size: 14px;
}
.listing-item .listing-item-details li {
margin-top: 5px;
font-size: 14px;
font-weight: 60;
background: rgba(0, 0, 0, 0.35);
border-radius: 50px;
padding: 4px 10px;
line-height: 20px;
color: #fff;
font-weight: 400;
display: inline-block;
width: auto;
margin-right: 0;
}
.list-layout .listing-item .listing-item-details li {
background: transparent;
padding: 0;
color: #888;
}
.listing-item .listing-item-details {
text-align: right;
}  .listing-item-container { background-color: #f6f6f6;
display: block;
height: 100%;
width: 100%;
border-radius: 4px;
transform: translate3d(0, 0, 0);
transition: transform 0.3s;
margin-bottom: 30px;
}
.vc_row-fluid .listing-item-container,
section.fullwidth .listing-item-container,
.fs-content .listing-item-container {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
background: #fff;
}
.vc_row[data-vc-full-width] .listing-item-container.list-layout,
section.fullwidth .listing-item-container.list-layout,
.fs-content .listing-item-container.list-layout {
box-shadow: none;
}
.listing-item-container:hover {
transform: translate3d(0, -6px, 0);
}
.listing-item {
background: #ccc;
border-radius: 4px 4px 0 0;
height: 100%;
display: block;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
height: 265px;
z-index: 100;
cursor: pointer;
}
.listing-item img {
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 4px 4px 0 0;
}
.listing-item:before {
content: "";
top: 0;
position: absolute;
height: 100%;
width: 100%;
z-index: 9;
background: linear-gradient(to top, rgba(35, 35, 37, 0.8) 0%, rgba(35, 35, 37, 0.3) 35%, rgba(22, 22, 23, 0.1) 60%, rgba(0, 0, 0, 0) 100%);
background-color: rgba(35, 35, 37, 0.2);
border-radius: 4px 4px 0 0;
opacity: 1;
}
.listing-item-content {
position: absolute;
bottom: 28px;
left: 0;
padding: 0 32px;
padding-right: 90px;
width: 100%;
z-index: 50;
box-sizing: border-box;
}
.listing-item-content h3 {
color: #fff;
font-size: 20px;
position: relative;
font-weight: 500;
margin: 0;
line-height: 28px;
}
.listing-item-content span {
font-size: 16px;
font-weight: 400;
display: inline-block;
color: rgba(255, 255, 255, 0.7);
line-height: 24px;
margin-top: 0;
}
.map-box .listing-item-content span {
margin-top: -2px;
}
#map {
outline: none;
}
#map-container .main-search-inner {
pointer-events: none;
}
#map-container .main-search-inner .container {
pointer-events: all;
}
.listing-item-container.list-layout span.tag,
.listing-item-content span.tag {
text-transform: none;
font-size: 13px; font-weight: 60;
background: rgba(255, 255, 255, 0.3);
border-radius: 50px;
padding: 5px 12px;
line-height: 15px;
color: #fff;
font-weight: 400;
margin-bottom: 11px; }
.listing-item-container.list-layout span.tag {
margin-bottom: 8px;
}
.listing-item-container.list-layout span.tag {
position: absolute;
bottom: 20px;
left: 20px;
background: #66676b;
margin: 0;
z-index: 10;
line-height: 14px;
padding: 7px 12px;
margin-right: 20px;
text-align: center;
} .listing-item-details {
position: absolute;
top: 24px;
left: 0;
padding: 0 32px;
width: 100%;
z-index: 50;
color: #fff;
box-sizing: border-box;
font-weight: 500;
font-size: 15px;
}
.listing-item-details ul {
margin: 0;
list-style: none;
padding: 0;
}
.listing-item-details ul li {
display: inline-block;
margin-right: 6px;
line-height: 20px;
}
.listing-item-details ul li i {
display: inline-block;
margin: 0 3px 0 0;
position: relative;
top: 0px;
font-size: 14px;
} .listing-item-container.compact .listing-item {
border-radius: 4px;
}
.listing-item-container.compact .star-rating {
padding: 5px 0 0 0;
}
.listing-item-container.compact .rating-counter {
color: rgba(255, 255, 255, 0.7);
}
.listing-item-container.compact .star-rating .star.empty:before,
.listing-item-container.compact .star-rating .star.half:before {
color: rgba(255, 255, 255, 0.3);
}
.listing-item-container.compact .listing-item-content span.tag {
background-color: #66676b;
} .numerical-rating {
color: #fff;
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
text-align: center;
line-height: 26px;
height: 26px;
width: 44px;
display: inline-block;
font-family: "Open Sans";
position: relative;
border-radius: 50px;
letter-spacing: -0.5px;
background-color: rgba(255, 255, 255, 0.2);
margin: 15px 32px;
}
.compact .numerical-rating {
margin: 0 0 8px 0;
}
.numerical-rating:before {
content: attr(data-rating);
}
.numerical-rating.high {
background-color: #64bc36;
}
.numerical-rating.mid {
background-color: #c0c52a;
}
.numerical-rating.low {
background-color: #ee3535;
}
.infoBox .numerical-rating .rating-counter,
.numerical-rating .rating-counter {
position: absolute;
top: 0;
left: 14px;
width: auto;
display: inline-block;
font-weight: 400;
font-size: 15px;
width: 150px;
color: #909090;
}
.infoBox .numerical-rating .rating-counter {
left: 12px;
}
.infoBox .numerical-rating {
margin: 0;
font-family: "Open Sans";
} .star-rating {
display: block;
font-size: 17px;
}
.listing-item-container .star-rating {
padding: 15px 32px;
}
.star-rating .star {
display: inline-block;
margin: 0;
padding: 0;
float: left;
margin-right: 4px;
position: relative;
}
.rating-counter {
color: #888;
padding-left: 5px;
display: inline-block;
font-size: 15px;
}
.rating-counter span {
margin-left: -5px;
}
#package_selection strong {
font-weight: 600;
}
.user-packages {
list-style: none;
}
.star-rating .rating-counter {
top: -1px;
position: relative;
}
.infoBox .star-rating .rating-counter {
font-size: 15px;
top: -2px;
}
.star-rating .rating-counter.no-reviews {
margin: 0px;
}
.star-rating .star.half:after,
.star-rating .star:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f005";
display: block;
color: #ffc600;
}
.star-rating .star.empty:before {
color: #ddd;
}
.rating:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.star-rating .star.half:before {
color: #ddd;
}
.star-rating .star.half:after {
color: #ffc600;
position: absolute;
top: 0;
width: 50%;
display: block;
height: 100%;
overflow: hidden;
} span.like-icon {
color: #fff;
font-size: 16px;
position: absolute;
z-index: 101;
right: 30px;
bottom: 30px;
cursor: normal;
background-color: rgba(24, 24, 24, 0.4);
display: block;
height: 44px;
width: 44px;
border-radius: 50%;
transition: all 0.4s;
}
.like-icon:before,
.like-icon:after {
transition: opacity 0.3s, transform 0.4s cubic-bezier(.0, -.41, .19, 2.5);
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 0;
left: 0;
text-align: center;
top: 9px;
}
.like-icon:before {
content: "\f004";
transform: scale(0.95);
}
.like-icon:after {
content: "\f004";
opacity: 0;
transform: scale(0.5);
}
.like-icon.liked:after {
opacity: 1;
transform: scale(0.95);
}
.like-icon:hover,
.like-icon.liked {
background-color: #f3103c;
}
.like-icon.liked:before {
opacity: 0;
} .listing-item {
overflow: hidden;
}
.listing-badge {
background-color: #333;
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;
}
.listing-badge.now-open {
background-color: #54ba1d;
}
.listing-badge.now-closed {
background-color: #e91721;
}  .categories-boxes-container {
width: calc(100% + 20px);
left: -20px;
position: relative;
display: flex;
flex-wrap: wrap;
}
.category-small-box {
float: left;
background-color: #f2f2f2;
border-radius: 4px;
margin: 20px 0 0 20px;
padding: 20px 16px;
text-align: center;
color: #777;
transition: 0.4s;
transform: scale(1);
vertical-align: top;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
} .category-small-box:hover {
background-color: #66676b;
color: #fff; transform: translateY(-6px);
}
.category-small-box h4 {
font-size: 16px;
color: #333;
transition: 0.4s;
line-height: 22px;
margin-top: 9px;
margin-bottom: 7px;
}
.category-small-box i {
font-size: 38px;
height: 40px;
display: inline-block;
margin-top: 20px;
}
.category-small-box:hover h4 {
color: #fff;
} .category-small-box {
width: 100%;
}
@media (min-width: 480px) {
.category-small-box {
width: calc(100% * (1/2) - 21px);
}
}
@media (min-width: 768px) {
.category-small-box {
width: calc(100% * (1/3) - 21px);
}
}
@media (min-width: 992px) {
.category-small-box {
width: calc(100% * (1/3) - 21px);
}
}
@media (min-width: 1240px) {
.category-small-box {
width: calc(100% * (1/6) - 21px);
}
}  #titlebar {
background-color: #f8f8f8;
position: relative;
padding: 70px 0;
margin-bottom: 55px;
}
#titlebar.gradient {
background: linear-gradient(to bottom, #f7f7f7 0%, rgba(255, 255, 255, 0.5));
padding-bottom: 10px;
}
#titlebar span a,
#titlebar span {
font-size: 20px;
color: #888;
margin-bottom: 3px;
margin-top: 6px;
display: inline-block;
}
#titlebar #breadcrumbs span {
font-size: 13px
}
#titlebar h1,
#titlebar h2 {
font-size: 32px;
line-height: 40px;
margin: 1px 0 3px 0;
} #breadcrumbs {
position: absolute;
right: 15px;
display: inline-block;
font-size: 15px;
font-weight: 400;
color: #888;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 50%;
text-align: right;
}
#breadcrumbs ul {
margin: 0;
}
#breadcrumbs ul li a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #888;
}
#breadcrumbs ul li a:hover {
color: #666
}
#breadcrumbs ul li {
display: inline-block;
list-style: none;
margin: 0 0 0 10px;
}
#breadcrumbs ul li:first-child:before {
display: none;
}
#breadcrumbs ul li:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #a0a0a0;
font-size: 11px;
margin-right: 15px;
position: relative;
top: -1px;
}
.dashboard-content #breadcrumbs ul li {
margin-left: 5px;
}
#titlebar.photo-bg #breadcrumbs ul li,
#titlebar.photo-bg #breadcrumbs ul li a,
#titlebar.photo-bg #breadcrumbs ul li:before {
color: #fff;
}
#breadcrumbs ul li span,
#breadcrumbs ul li {
margin: 0 3px 0 0;
line-height: 20px;
}
#breadcrumbs ul li:before {
margin-right: 12px;
}
@media (max-width: 768px) {
#breadcrumbs {
position: relative;
top: -25px;
transform: none;
text-align: left;
max-width: 100%;
}
} .parallax #titlebar {
background-color: transparent;
position: relative;
z-index: 999;
padding: 90px 0;
}
.parallax #titlebar h1,
.parallax #titlebar h2,
.parallax #titlebar #breadcrumbs ul li,
.parallax #titlebar #breadcrumbs ul li a,
.parallax #titlebar #breadcrumbs ul li::before {
color: #fff
}
.parallax #titlebar span a,
.parallax #titlebar span {
color: rgba(255, 255, 255, 0.7);
}
.parallax {
background-size: 100%;
}  #not-found {
margin: 40px 0 80px 0;
}
#not-found.center {
text-align: center;
}
#not-found h2 {
text-align: center;
font-size: 220px;
line-height: 210px;
font-weight: 500;
letter-spacing: -8px;
}
#not-found p {
text-align: center;
font-size: 30px;
line-height: 48px;
display: inline-block;
margin-top: 10px;
color: #999;
}
#not-found i {
color: #e0e0e0;
font-size: 190px;
top: 16px;
position: relative;
}
@media (max-width: 767px) {
#not-found h2 {
font-size: 110px;
line-height: 110px;
}
#not-found p {
font-size: 20px;
line-height: 38px;
}
#not-found i {
font-size: 120px;
top: 16px;
}
}  #dashboard {
background-color: #f7f7f7;
min-height: 100vh;
display: flex;
flex-wrap: wrap;
padding-top: 80px;
} .dashboard-content,
.dashboard-nav {
flex: 1;
}
.dashboard-content {
padding: 40px 45px;
padding-bottom: 0;
position: relative;
z-index: 10;
height: 100%;
margin-left: 260px;
}
.dashboard-nav,
.dashboard #logo {
min-width: 260px;
max-width: 260px;
}
.dashboard-nav {
position: fixed;
min-height: 100vh;
overflow: hidden;
} .dashboard-nav-inner {
height: 100%;
width: 277px;
overflow-y: scroll;
position: relative;
display: block;
padding: 10px 0 25px 0;
}
.messages-container-inner .messages-inbox ul::-webkit-scrollbar {
width: 17px;
}
.dashboard-nav-inner {
max-height: 900px;
width: calc(100% + 17px);
overflow-y: scroll;
position: relative;
display: block;
padding: 10px 0 25px 0;
}
@media (max-width: 991px) {
.dashboard-nav-inner {
max-height: 900px;
width: calc(100% + 18px);
}
} header.fullwidth.dashboard .container {
padding-left: 285px;
} .dashboard #logo {
display: block;
background-color: #222;
position: absolute;
height: 100%;
left: 0;
top: 0;
margin: 0;
}
.dashboard #logo a {
margin-left: 33px;
display: inline-block;
height: 100%;
}
.dashboard #logo a img {
top: 50%;
position: relative;
transform: translate3d(0, -50%, 0);
} #dashboard .copyrights {
padding: 40px 0;
margin: 0;
display: block;
text-align: left;
border: none;
}
.dashboard #logo a {
display: none;
}
.dashboard #logo a.dashboard-logo {
display: inline-block;
}
@media (min-width:480px) and (max-width: 990px) {
.listeo-dashoard-widgets {
display: flex;
flex-wrap: wrap;
}
#dashboard-bookmarks-listing-tile,
.listeo-dashoard-widgets a {
flex: 0 0 50%;
}
}  .dashboard-nav {
background-color: #181818;
display: block;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
z-index: 11;
}
a.dashboard-responsive-nav-trigger {
display: none;
}
.dashboard-nav ul {
list-style: none;
padding: 0;
margin: 15px 0 0 0;
}
.dashboard-nav ul:before {
content: attr(data-submenu-title);
padding: 0 30px;
margin-bottom: 5px;
display: block;
color: #999;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
letter-spacing: 1px;
} .dashboard-nav ul li {
color: #eee;
display: block;
border-left: 3px solid transparent;
transition: 0.3s;
line-height: 24px;
font-size: 15px;
}
.dashboard-nav ul li a {
color: #eee;
display: block;
padding: 11px 27px;
transition: 0.3s;
cursor: pointer;
}
.dashboard-nav ul li a i {
padding-right: 8px;
width: 20px;
}
.dashboard-nav ul li a:hover {
color: #fff;
} .dashboard-nav ul li span.nav-tag {
background-color: rgba(255, 255, 255, 0.2);
font-family: "Open Sans";
font-weight: 600;
display: inline-block;
font-size: 11px;
line-height: 20px;
color: #fff;
padding: 0;
padding: 0 7px;
box-sizing: border-box;
text-align: center;
min-width: 20px;
height: 20px;
letter-spacing: -0.5px;
text-align: center;
border-radius: 50px;
margin-left: 4px;
}
.dashboard-nav ul li span.nav-tag.messages {
top: -2px;
position: relative;
}
.dashboard-nav ul li span.nav-tag.messages,
.dashboard-nav ul li span.nav-tag.green {
background-color: #64bc36;
}
.dashboard-nav ul li span.nav-tag.yellow {
background-color: #b9be1c;
}
.dashboard-nav ul li span.nav-tag.red {
background-color: #ee3535;
}
.dashboard-nav ul li span.nav-tag.blue {
background-color: #61b2db;
} .dashboard-nav ul li ul {
padding: 0;
margin: 0;
visibility: hidden;
max-height: 0;
opacity: 0;
line-height: 0;
transition: 0.2s;
}
.dashboard-nav ul li.active ul {
visibility: visible;
padding: 0 0 15px 0;
line-height: 24px;
opacity: 1;
max-height: 300px;
}
.dashboard-nav ul li ul li {
color: #eee;
background-color: transparent;
border: none;
padding-left: 54px;
position: relative;
margin: 0;
}
.dashboard-nav ul li ul li a {
padding: 4px 0;
}
.booking-list a {
color: #777;
}
.dashboard-nav ul li ul li:hover {
color: #fff;
border: none;
background-color: transparent;
} .dashboard-nav ul li a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f107';
right: 27px;
font-size: 16px;
position: absolute;
transition: 0.2s;
color: rgba(255, 255, 255, 0.5);
font-size: 13px;
}
.dashboard-nav ul li.active a:after {
transform: rotate(180deg);
}
.dashboard-nav ul li ul:before,
.dashboard-nav ul li a:only-child:after {
content: '';
display: none;
} .dashboard-nav ul li ul li:hover a {
padding-left: 4px;
}
.dashboard-nav ul li.current_page_item,
.dashboard-nav ul li.active,
.dashboard-nav ul li:hover {
color: #fff;
border-color: #66676b;
background-color: rgba(255, 255, 255, 0.04);
}
.chart-box-content {
background-color: #fff;
padding: 30px 10px 10px;
}  #dashboard #titlebar {
padding: 0;
margin: 0 0 40px 0;
display: block;
background-color: transparent;
background: transparent;
}
#dashboard #titlebar h2 {
font-size: 30px;
line-height: 38px;
}  .dashboard-stat {
display: inline-block;
padding: 0;
height: 160px;
background-color: #444;
color: #fff;
border-radius: 4px;
width: 100%;
position: relative;
margin-bottom: 20px;
overflow: hidden;
transition: 0.3s;
cursor: default;
}
.dashboard-stat:hover {
transform: translateY(-4px);
}
.dashboard-stat-content {
position: absolute;
left: 32px;
top: 50%;
width: 45%;
transform: translateY(-50%);
}
.dashboard-stat-content h4 {
font-size: 32px;
font-weight: 600;
padding: 0;
margin: 0;
color: #fff;
letter-spacing: -1px;
}
.dashboard-stat h4 span,
.dashboard-stat .woocommerce-Price-currencySymbol {
font-size: 32px;
font-weight: 600;
display: inline-block;
margin-bottom: 2px;
}
.dashboard-stat .woocommerce-Price-currencySymbol {
margin-top: 0;
vertical-align: top;
}
.dashboard-stat-content span {
font-size: 18px;
margin-top: 4px;
line-height: 24px;
font-weight: 400;
display: inline-block;
}
.dashboard-stat-icon {
position: absolute;
right: 32px;
top: 50%;
transform: translateY(-40%);
font-size: 80px;
opacity: 1;
} .dashboard-stat.color-1 {  background-color: #def5d8;
cursor: pointer;
}
.color-1 .dashboard-stat-icon svg g,
.color-1 .dashboard-stat-icon svg circle,
.color-1 .dashboard-stat-icon svg rect,
.color-1 .dashboard-stat-icon svg path {
fill: #3fad27;
}
.color-1 span,
.color-1 .dashboard-stat-content h4 {
color: #3fad27;
}
.dashboard-stat.color-2 {  background-color: #eaecf2;
cursor: pointer;
}
.color-2 .dashboard-stat-icon svg g,
.color-2 .dashboard-stat-icon svg circle,
.color-2 .dashboard-stat-icon svg rect,
.color-2 .dashboard-stat-icon svg path {
fill: #464a57;
}
.color-2 span,
.color-2 .dashboard-stat-content h4 {
color: #464a57;
}
.dashboard-stat.color-3 {  background-color: #fbf0d8;
cursor: pointer;
}
.color-3 .dashboard-stat-icon svg g,
.color-3 .dashboard-stat-icon svg circle,
.color-3 .dashboard-stat-icon svg rect,
.color-3 .dashboard-stat-icon svg path {
fill: #e49c0b;
}
.color-3 span,
.color-3 .dashboard-stat-content h4 {
color: #e49c0b;
}
.dashboard-stat.color-4 {  background-color: #fbe7eb;
cursor: pointer;
}
.color-4 .dashboard-stat-icon svg g,
.color-4 .dashboard-stat-icon svg circle,
.color-4 .dashboard-stat-icon svg rect,
.color-4 .dashboard-stat-icon svg path {
fill: #f3103c;
}
.color-4 span,
.color-4 .dashboard-stat-content h4 {
color: #f3103c
}  #dashboard .pagination ul li a,
#dashboard .pagination ul li a,
#dashboard .pagination-next-prev ul li a {
background-color: transparent;
}
#dashboard .pagination ul li a.current-page,
#dashboard .pagination .current,
#dashboard .pagination ul li a:hover,
#dashboard .pagination-next-prev ul li a:hover {
background-color: #fff;
}  .messages-container {
margin: 0;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
border-radius: 4px;
background-color: #fff;
}
.messages-headline {
font-size: 16px;
margin: 0;
padding: 22px 30px;
color: #333;
background-color: #fff;
display: block;
border-bottom: 1px solid #eaeaea;
border-radius: 4px 4px 0 0;
position: relative;
}
.messages-headline h4 {
font-size: 16px;
color: #333;
padding: 0;
margin: 0;
font-weight: 600;
display: inline-block;
}
.message-action {
border-radius: 50px;
font-size: 13px;
color: #666;
font-weight: 500;
display: inline-block;
transition: 0.3s;
color: #666;
padding: 0;
float: right;
}
.message-by .fa {
font-size: 11px;
padding-right: 3px;
color: #333;
color: #a0a0a0;
}
.message-action:hover {
color: #ee3535;
}
body .message-by h5 i {
background-color: #e0f2d4;
color: #53a21e;
}
body .messages-container-inner .messages-inbox ul li a {
padding: 21px 25px;
} .messages-inbox ul {
list-style: none;
padding: 0;
margin: 0;
}
.message-avatar img {
display: inline-block;
width: 54px;
height: 54px;
border-radius: 50%;
}
.messages-inbox ul li a {
position: relative;
display: block;
padding: 30px;
}
.messages-inbox ul li {
border-bottom: 1px solid #eaeaea;
transition: 0.2s;
}
.messages-inbox ul li:last-child {
border-bottom: none;
}
.messages-inbox ul li.unread,
.messages-inbox ul li:hover {
background-color: #fbfbfb;
}
.messages-inbox ul li.active-message {
background-color: #fafafa;
}
.messages-inbox .message-avatar {
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
.messages-inbox .message-by {
margin-left: 85px;
font-size: 15px;
color: #666;
}
.messages-inbox .message-by p {
margin: 0;
padding: 0;
line-height: 27px;
font-size: 15px;
}
.message-by-headline h5,
.message-by-headline span {
display: inline-block;
}
.message-by-headline span {
float: right;
color: #888;
font-size: 14px;
}
.message-by-headline h5 {
font-weight: 600;
color: #333;
margin: 0 0 7px 0;
padding: 0;
}
.message-by-headline:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.message-by h5 i {
background-color: #64bc36;
border-radius: 50px;
line-height: 20px;
font-size: 12px;
color: #fff;
font-style: normal;
padding: 3px 8px;
margin-left: 3px;
} .messages-container-inner {
display: flex;
}
.messages-container-inner .messages-inbox,
.messages-container-inner .message-content {
flex: 1;
} .messages-container-inner .messages-inbox {
overflow: hidden;
}
.messages-container-inner .messages-inbox ul {
max-height: 800px;
overflow-y: scroll;
width: 357px;
}
.messages-container-inner .messages-inbox ul::-webkit-scrollbar {
width: 17px;
} .messages-container-inner .message-content {
padding: 30px;
}
.messages-container-inner .messages-inbox {
max-width: 340px;
border-right: 1px solid #eaeaea;
}
.messages-container-inner .messages-inbox ul li a {
padding: 25px;
}
.messages-container-inner .messages-inbox .message-by p {
height: 26px;
max-width: 205px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 14px;
color: #888;
}
.messages-container-inner .message-avatar img {
width: 40px;
height: 40px;
}
.messages-container-inner .messages-inbox .message-avatar {
left: 25px;
}
.messages-container-inner .messages-inbox .message-by {
margin-left: 60px
}
.messages-container-inner .message-by-headline h5 {
font-size: 14px;
margin-bottom: 3px;
max-width: 160px;
line-height: 23px;
}
.messages-container-inner .message-by-headline span {
font-size: 13px;
position: absolute;
top: 25px;
right: 25px
} .message-bubble {
display: block;
position: relative;
margin-bottom: 25px;
}
.message-bubble {
word-break: break-all;
}
.message-bubble .message-avatar {
position: absolute;
left: 0;
top: 0;
}
.message-bubble .message-avatar img {
width: 50px;
height: 50px;
margin-top: 3px;
}
.message-bubble .message-text {
margin-left: 70px;
background-color: #f6f6f6;
border-radius: 4px;
padding: 15px 20px;
position: relative;
}
.message-bubble .message-text p {
font-size: 15px;
padding: 0;
margin: 0;
line-height: 27px;
}
.message-bubble .message-text:before {
position: absolute;
top: 13px;
left: -9px;
content: "\f0d9";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 31px;
color: #f6f6f6;
} .message-bubble.me .message-avatar {
left: auto;
right: 0;
}
.message-bubble.me .message-text {
margin-left: 0;
margin-right: 70px;
}
.message-bubble.me .message-text:before {
left: auto;
right: -11px;
content: "\f0da";
} .message-reply {
display: block;
margin-top: 15px;
}
.message-reply textarea {
max-width: 100%;
width: 100%;
font-size: 15px;
font-weight: 400;
line-height: 26px;
padding: 15px 20px;
}
.message-reply button {
border-radius: 4px;
margin-top: 5px;
}
#send-message-from-widget .notification {
display: none;
}
.messages-headline h4 span,
.message-by-headline span {
color: #888;
font-size: 14px;
display: inline-block;
background-color: #f2f2f2;
color: #888;
padding: 6px 12px;
line-height: 12px;
border-radius: 50px;
font-size: 13px;
margin-bottom: -5px;
}
.messages-headline h4 span {
margin: -5px 0 0 8px;
font-size: 14px;
padding: 8px 12px;
font-weight: 500;
}
body .messages-inbox .message-by-headline span {
padding: 5px 10px;
;
font-size: 12px;
margin-left: 4px;
}
@media (max-width: 768px) {
body .messages-inbox .message-by-headline span {
float: none;
margin: 0;
}
body .messages-inbox .message-by-headline .mes_referral {
display: block;
line-height: 18px;
margin: 10px 0 0 0;
}
}  .dashboard-list-box {
margin: 30px 0 0 0;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
border-radius: 4px;
} .buttons-to-down .button,
.dashboard-list-box .button {
padding: 6px 15px;
line-height: 20px;
font-size: 13px;
font-weight: 600;
margin: 0;
}
.buttons-to-down .button.gray:before,
.dashboard-list-box .button.gray:before {
display: none;
}
.buttons-to-down .button.gray,
.dashboard-list-box .button.gray {
background-color: #e9e9e9;
color: #666;
}
.buttons-to-down .button.gray:hover,
.dashboard-list-box .button.gray:hover {
background-color: #66676b;
color: #fff;
}
.dashboard-list-box h4 {
font-size: 16px;
font-weight: 600;
margin: 0;
padding: 25px 30px;
color: #333;
background-color: #fff;
display: block;
border-bottom: 1px solid #eaeaea;
border-radius: 4px 4px 0 0;
}
.dashboard-list-box h4.gray {
background-color: #fbfbfb
}
.dashboard-list-box ul {
list-style: none;
padding: 0;
margin: 0;
background-color: #fff;
border-radius: 0 0 4px 4px;
}
.dashboard-list-box ul li {
padding: 23px 30px;
border-bottom: 1px solid #eaeaea;
transition: 0.3s;
position: relative;
} .dashboard-list-box.with-icons ul li {
padding-left: 87px;
}
.dashboard-list-box.with-icons ul li.no-icon {
padding-left: 30px;
line-height: 24px;
padding-top: 22px;
padding-bottom: 22px;
}
.dashboard-list-box ul li:last-child {
border: none;
}
.dashboard-list-box ul li:hover {
background-color: #fbfbfb;
}
.dashboard-list-box .numerical-rating {
margin: 0 3px;
}
.dashboard-list-box ul li i.list-box-icon {
height: 38px;
width: 38px;
color: #777;
text-align: center;
line-height: 37px;
border-radius: 50%;
transition: 0.3s;
display: inline-block;
background-color: #eee;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px;
}
.dashboard-list-box ul li:hover i.list-box-icon {
background-color: #eaeaea;
}
.dashboard-list-box ul.page-numbers li {
border-bottom: 0px;
}
.pagination .page-numbers.dots {
opacity: 0.5;
font-weight: 500
}
.user-menu .nav-tag {
background-color: rgba(255, 255, 255, 0.2);
font-family: "Open Sans";
font-weight: 600;
display: inline-block;
font-size: 10px;
line-height: 18px;
color: #fff;
padding: 0;
box-sizing: border-box;
text-align: center;
min-width: 18px;
height: 18px;
letter-spacing: -0.5px;
text-align: center;
border-radius: 50px;
margin-left: 4px;
background: #64bc36;
position: relative;
top: -2px;
}
.pagination .page-numbers.dots,
.dashboard-list-box ul.page-numbers {
background: transparent;
}
.dashboard-list-box.with-icons ul.page-numbers li {
padding: 0px;
} .dashboard-list-box-static {
padding: 30px;
background-color: #fff;
}
.dashboard-list-box-static .button {
padding: 12px 20px;
font-size: 15px;
margin-bottom: 3px;
} a.close-list-item {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
opacity: 0;
padding: 4px;
color: #ea2828;
transition: 0.3s;
}
.dashboard-list-box ul li:hover a.close-list-item {
opacity: 1;
} .dashboard-list-box ul ul {
background-color: transparent;
}
.dashboard-list-box ul ul li:nth-last-child(2n+1) {
background-color: transparent;
}
.dashboard-list-box ul ul li {
padding: 0;
border: none;
transition: 0.3s;
background-color: transparent;
display: inline-block;
}
.dashboard-list-box ul ul li:hover {
background-color: transparent;
} .dashboard-list-box .sort-by-booking-author,
.dashboard-list-box .sort-by-status,
.dashboard-list-box .sort-by {
top: 16px;
right: 26px;
}
.dashboard-list-box .sort-by .chosen-container-single .chosen-single {
background-color: transparent;
padding: 0 4px;
}
.dashboard-list-box .chosen-container .chosen-results li {
border: none;
} .dashboard-list-box.invoices li {
padding: 20px 30px;
}
.dashboard-list-box.invoices ul li strong {
color: #333;
}
.dashboard-list-box.invoices ul ul {
line-height: 22px;
padding-bottom: 2px;
color: #909090;
}
.dashboard-list-box.invoices ul ul li {
padding: 0;
}
.dashboard-list-box.invoices ul ul li:after {
content: "";
display: inline-block;
width: 1px;
height: 11px;
background-color: #e0e0e0;
position: relative;
margin: 0 10px;
}
.dashboard-list-box.invoices ul ul li:last-child:after {
display: none;
}
.paid {
color: #64bc36;
}
.unpaid {
color: #ee3535;
} .buttons-to-right,
.dashboard-list-box .button.to-right {
position: absolute;
right: 30px;
top: 50%;
transform: translate3d(0, -49%, 0);
-moz-transform: translate3d(0, -50%, 0);
opacity: 1;
transition: 0.4s;
box-shadow: 0px 0px 10px 15px #fbfbfb;
}
.dashboard-list-box li:hover .buttons-to-right,
.dashboard-list-box li:hover .button.to-right {
opacity: 1;
}
.buttons-to-right {
box-shadow: none;
}
.buttons-to-right .button {
margin-left: 2px;
}
.dashboard-list-box .button i {
padding-right: 2px;
position: relative;
top: 1px;
}
.dashboard-list-box .button i.fa-remove {
padding-right: 1px;
} .buttons-to-right a.button.approve:hover {
background-color: #64bc36;
}
.buttons-to-right a.button.reject:hover {
background-color: #e42929;
} .edit-profile-photo img {
border-radius: 4px;
max-width: 240px;
width: 100%;
}
.edit-profile-photo {
position: relative;
display: block;
margin-bottom: 35px;
}
.change-photo-btn {
font-weight: 600;
padding: 5px 6px;
color: #333;
background-color: #fff;
border-radius: 50px;
display: inline-block;
position: relative;
font-size: 13px;
width: auto;
transition: 0.3s;
cursor: pointer;
line-height: 20px;
position: absolute;
bottom: 15px;
left: 15px;
width: auto;
}
.photoUpload {
position: relative;
overflow: hidden;
padding: 3px 12px;
cursor: pointer;
}
.photoUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.change-photo-btn:hover {
color: #fff;
background-color: #66676b;
}
.change-photo-btn i {
margin-right: 2px;
}
.my-profile label {
margin-top: 27px;
font-size: 15px;
font-weight: 600;
color: #333;
margin-bottom: 9px;
}
.my-profile {
display: block;
}
.my-profile label i {
margin-right: 3px;
}
.my-profile textarea {
height: 200px;
}  .woocommerce-MyAccount-navigation,
.my-account-nav-container {
border-radius: 3px; padding: 30px 0;
margin: 0 0 40px 0;
}
.woocommerce-MyAccount-navigation ul,
.sidebar ul.my-account-nav {
padding: 0;
padding: 0 35px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.woocommerce-MyAccount-navigation ul {
list-style: none
}
.my-account-nav-container .my-account-nav:last-child {
margin-bottom: 0;
border: none;
padding-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li,
.my-account-nav li {
list-style: none;
padding: 1px 0 2px 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li a,
.my-account-nav li a {
color: #333;
}
.my-account-nav li a.current,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul a:hover,
.my-account-nav li a:hover {
color: #66676b;
}
.my-account-nav li i {
margin-right: 5px;
display: inline-block;
}
.sub-nav-title {
font-size: 13px;
margin-bottom: 5px !important;
display: inline-block;
color: #888;
}
.woocommerce-MyAccount-navigation ul li:before {
font-weight: 900 !important;
}
.wc-block-cart__submit-button {
background: #4cb95d;
color: #fff;
border-radius: 5px;
transition: 0.2s !important;
}
.wc-block-cart__submit-button:hover {
background: #40af51;
color: #fff;
} body .list-box-listing-content .inner .listing-address {
display: block;
margin-top: 3px;
}
body .list-box-listing-content .inner .listing-address:before {
content: "\f3c5";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #999;
font-size: 12px;
position: relative;
top: -1px;
padding-right: 5px;
}
body .list-box-listing-content .inner .field,
body .list-box-listing-content .inner .package-type,
body .list-box-listing-content .inner .expiration-date {
background: #f0f0f0;
display: inline-block;
border-radius: 4px;
padding: 3px 9px;
font-weight: 500;
font-size: 13px;
margin-top: 12px;
}
.list-box-listing h3 a {
color: #333;
}
.list-box-listing {
display: flex;
padding: 5px 0;
position: relative;
} .list-box-listing-img {
flex: 1;
max-width: 150px;
position: relative;
height: 135px;
}
.list-box-listing-img a {
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
position: relative;
z-index: 10;
}
.list-box-listing-img a:before {
content: "";
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
background-color: rgba(22, 22, 22, 0.2);
border-radius: 4px;
z-index: 11;
}
.list-box-listing-img a img {
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 4px;
} .bookings {
margin: 10px 0;
}
.bookings .list-box-listing-img a:before {
display: none;
}
.bookings .list-box-listing-img {
max-width: 70px;
max-height: 70px;
border-radius: 50%;
overflow: hidden;
}
.bookings .list-box-listing-content .inner {
top: 0;
transform: none
}
.bookings .list-box-listing-img {
margin-right: 5px;
}
.bookings .list-box-listing-content .inner h3 {
margin-bottom: 20px;
}
.inner-booking-list h5 {
display: inline-block;
font-weight: 600;
margin: 0;
color: #666;
}
.inner-booking-list ul {
display: inline-block;
padding: 0;
margin-bottom: 0;
}
.inner-booking-list ul li {
display: inline-block;
padding: 0;
margin: 0 0 4px 0;
}
.inner-booking-list ul li:after {
content: "";
display: inline-block;
position: relative;
margin: 0 10px;
height: 12px;
top: 1px;
background-color: #ddd;
width: 1px;
}
.inner-booking-list ul li:last-child:after {
display: none;
}
.inner-booking-list ul li.highlighted {
padding: 2px 10px;
line-height: 22px;
font-weight: 500;
font-size: 14px;
background-color: #eee !important;
color: #777;
border-radius: 50px;
display: inline-block;
}
.waiting-booking .inner-booking-list ul li.highlighted,
.pending-booking .inner-booking-list ul li.highlighted {
background-color: #E9F7FE !important;
color: #3184ae;
}
.approved-booking .inner-booking-list ul li.highlighted {
background-color: #EBF6E0 !important;
color: #5f9025;
}
.bookings .inner h3 span.booking-status {
border-radius: 50px;
line-height: 20px;
font-weight: 600;
font-size: 12px;
color: #fff;
font-style: normal;
padding: 2px 8px;
margin-left: 3px;
position: relative;
top: -2px;
}
.inner-booking-list p {
font-size: 15px;
margin-bottom: 8px;
margin-top: 3px;
display: block;
line-height: 24px;
}
.approved-booking .bookings .inner h3 span.booking-status {
background-color: #64bc36;
}
.approved-booking.expired-booking .bookings .inner h3 span.booking-status {
background-color: #aaa;
}
.waiting-booking .bookings .inner h3 span.booking-status {
background-color: #61b2db;
}
.pending-booking .bookings .inner h3 span.booking-status {
background-color: #61b2db;
}
.canceled-booking .bookings .inner h3 span.booking-status {
background-color: #ee3535;
}
.bookings .inner h3 span.booking-status.paid {
background-color: #3b940c;
}
.bookings .inner h3 span.booking-status.paid,
.bookings .inner h3 span.booking-status.unpaid {
margin-left: 0;
}
.bookings .inner h3 span.booking-status.unpaid {
background-color: #ee3535;
} .list-box-listing-content {
flex: 1;
padding-left: 25px;
}
.list-box-listing-content .inner {
position: relative;
top: 50%;
transform: translateY(-50%);
vertical-align: top;
}
.list-box-listing-content .inner h3 {
font-size: 18px;
bottom: -2px;
position: relative;
font-weight: 500;
margin: 0;
line-height: 27px;
}
.list-box-listing-content .inner span {
font-size: 15px;
font-weight: 400;
display: inline-block;
}
.list-box-listing-content .inner .field,
.list-box-listing-content .inner .expiration-date,
.list-box-listing-content .inner .numerical-rating,
.list-box-listing-content .inner .star-rating {
margin: 5px 0 0 0;
display: block;
}
@media only screen and (max-width: 768px) {
body #booking-requests .list-box-listing-img {
display: none;
}
} .dashboard-list-box .comments.listing-reviews li {
margin: 19px 0 10px 0;
}
.dashboard-list-box a.rate-review {
border: none;
color: #666;
background-color: #eee;
padding: 4px 18px;
}
.dashboard-list-box a.rate-review:hover {
background-color: #66676b;
color: #fff;
}
.dashboard-list-box .comment-by-listing {
display: inline-block;
color: #888;
}
.dashboard-list-box .comment-by-listing.own-comment,
.dashboard-list-box .comment-by-listing.own-comment a {
color: #444;
}
.dashboard-list-box .comment-by-listing a {
color: #888;
}
.dashboard-list-box .comment-by-listing a:hover {
color: #66676b;
} .add-listing-section label.switch {
position: absolute;
right: 40px;
top: 30px;
z-index: 100;
}
.add-listing-section.gallery .notification p {
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.add-listing-section {
position: relative;
margin-bottom: 40px;
}
.add-listing-section .switcher-content {
opacity: 0.4;
pointer-events: none;
transition: 0.4s;
}
.add-listing-section.switcher-on .switcher-content {
opacity: 1;
pointer-events: all;
}
label.switch {
position: relative;
display: inline-block;
width: 60px;
height: 30px;
margin-top: 0;
margin-bottom: 0px;
}
.switch input {
display: none;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
border-radius: 50px;
transition: 0.4s;
}
.slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 4px;
bottom: 4px;
background-color: white;
transition: 0.4s;
border-radius: 50px;
}
input:checked+.slider {
background-color: #66676b;
}
input:checked+.slider:before {
transform: translateX(30px);
}  .listing-type-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: calc(100% + 30px);
padding: 0 20px;
}
.listing-type {
flex: 1;
border-radius: 4px;
background-color: #f6f6f6;
margin: 10px 30px 10px 0;
text-align: center;
padding: 35px;
transition: 0.4s;
}
.listing-type:hover {
transform: translateY(-6px);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
background-color: #66676b;
}
.listing-type h3 {
transition: 0.4s;
}
.listing-type:hover h3 {
color: #fff;
}
.listing-type h3 {
padding: 0;
margin: 22px 0 0 0;
font-size: 18px;
font-weight: 500;
}
.listing-type-icon {
width: 60px;
height: 60px;
line-height: 60px;
display: inline-block;
background-color: #66676b;
box-shadow: 0 0 0 8px rgb(102, 103, 107, 0.1);
color: #fff;
font-size: 28px;
border-radius: 200px;
transition: 0.4s;
}
.listing-type:hover .listing-type-icon {
background-color: rgba(255, 255, 255, 1);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
color: #66676b;
} @media (max-width: 1240px) {
#dashboard {
min-height: auto;
}
.listing-type-container {
flex-direction: column;
width: 100%;
}
.listing-type {
margin-right: 0;
}
} @media (max-width: 991px) {
#dashboard {
min-height: auto;
}
}  .add-listing-section {
border-radius: 4px;
background-color: #fff;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
padding: 0 20px 25px 20px;
margin-right: 0;
margin-left: 0;
}
.add-listing-headline {
width: calc(100% + 40px);
left: -20px;
position: relative;
padding: 30px 40px;
margin: 0 0 30px 0;
border-radius: 4px 4px 0 0;
background-color: #fcfcfc;
border-bottom: 1px solid #eaeaea;
}
.add-listing-headline h3 {
padding: 0;
margin: 0;
line-height: 32px;
font-size: 22px;
position: relative;
top: 1px;
}
#add-listing h5 {
font-size: 15px;
font-weight: 600;
color: #333;
margin-bottom: 17px;
}
#add-listing h5 span {
color: #888;
font-weight: 400;
}
#add-listing h5 i {
padding-right: 4px;
}
.add-listing-headline i {
padding-right: 7px;
display: inline-block;
position: relative;
top: 1px;
}
.label-_gallery {
display: none;
}
.button.preview {
margin-top: 40px;
font-size: 18px;
font-weight: 400;
padding: 11px 26px;
display: inline-block;
}
.button.preview i {
padding: 0;
margin: 0 0 0 4px;
}
.add-listing-section .row.with-forms input,
.add-listing-section .row.with-forms input[type="text"],
.add-listing-section .row.with-forms input[type="password"],
.add-listing-section .row.with-forms input[type="email"],
.add-listing-section .row.with-forms input[type="number"],
.add-listing-section .row.with-forms textarea,
.add-listing-section .row.with-forms input,
.add-listing-section .row.with-forms select,
.add-listing-section .row.with-forms .chosen-container {
margin-bottom: 22px;
}
.add-listing-section textarea {
min-height: 200px;
margin-bottom: 35px;
}
.label-_facebook {
color: #3b5998;
}
.label-_twitter {
color: #000;
}
.label-_youtube {
color: #e31837;
}
.label-_instagram {
color: #e1306c;
}
.label-_whatsapp {
color: #4aae20;
}
.label-_skype {
color: #00aff0;
}
#add-listing h5.gplus-input {
color: #dd4b39;
}
.listing_preview_container {
padding: 30px;
background: #fff;
border-radius: 4px; border: 2px solid #e0e0e0;
margin-top: 40px;
} .tip:not(.tip.listeo-ad-badge):not(.inside-switch) {
font-style: normal;
position: relative;
top: -1px;
left: 2px;
display: inline-block;
cursor: help;
color: #fff;
font-size: 11px;
line-height: 0;
width: 18px;
height: 18px;
display: inline-block;
border-radius: 50%;
color: #fff;
text-align: center;
padding: 0 !important;
font-weight: 500;
}
.inside-switch.tip:after{ display: none;}
.tip-content {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, calc(-100% - 20px));
-ms-transform: translate(-50%, -100%);
background: #333;
color: #fff;
padding: 13px 15px;
min-width: 200px;
max-width: 200px;
font-size: 13px;
border-radius: 4px;
line-height: 19px;
pointer-events: none;
z-index: 999;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.tip:hover .tip-content {
opacity: 1;
visibility: visible;
transform: translate(-50%, calc(-100% - 13px));
-ms-transform: translate(-50%, -115%);
}
.tip:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f128";
line-height: 19px;
display: inline-block;
position: relative;
text-align: center;
-moz-transform: translateY(-1px);
font-size: 10px;
}
.tip-content:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0dd";
position: absolute;
bottom: 3px;
left: 50%;
font-size: 22px;
color: #333;
transform: translate(-50%, 50%);
}  .opening-day h5 {
transition: 0.15s;
font-weight: 600;
font-size: 15px;
margin: 3px 0 5px 0;
background: #404040;
border-radius: 4px;
color: #fff;
padding: 5px;
text-align: center;
}
.row.opening-day {
background: transparent;
border-radius: 4px;
padding: 15px 0;
transition: 0.3s;
}
.row.opening-day:hover {
background: #f8f8f8;
}
.row.opening-day:hover h5 {
color: #fff !important;
}
.opening-day input {
margin-bottom: 0;
}
.opening-day .chosen-container .chosen-results {
max-height: 200px;
}
.day_hours_reset {
font-size: 12px;
cursor: pointer;
background: #f4f4f4;
color: #666;
font-weight: 500;
padding: 3px 7px;
line-height: 20px;
border-radius: 4px;
transition: 0.3s;
margin-bottom: 4px;
display: block;
text-align: center;
} .opening-day-remove.button,
.opening-day-add-hours {
font-size: 12px;
cursor: pointer;
background: #e6f8dc;
color: #56843f;
font-weight: 500;
padding: 3px 7px;
line-height: 20px;
border-radius: 4px;
transition: 0.3s;
display: block;
text-align: center;
}
.opening-day-add-hours:focus,
.opening-day-add-hours:hover {
background: #def1d4;
color: #4b832f;
}
.opening-day-remove.button {
background: #ffe9e9;
color: #c75757;
line-height: 20px;
padding: 3px 7px;
display: inline-block;
display: block;
text-align: center;
}
.day_hours_reset:hover {
background: #eeeeee;
color: #757575;
}
.row.opening-day {
padding: 0;
}
.form-field-_opening_hours-container .row.opening-day:first-of-type {
margin-top: -30px;
}
.row.opening-day .row {
display: flex;
align-items: center;
justify-content: center;
margin: 0; }
.row.opening-day .row input {
margin: 10px 0;
}
.row.opening-day .row:first-child {
margin: 0;
padding: 0;
}
.row.opening-day {
padding: 20px 25px;
border-radius: 0;
margin: 0 -35px;
}
.row.opening-day {
border-bottom: 1px solid #e6e6e6;
} .add-listing-dashboard-template .flatpickr-calendar.noCalendar {
width: 240px;
border-top: none;
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
border: none;
margin-top: 10px;
margin-left: 1px;
background: #333;
}
.add-listing-dashboard-template .flatpickr-calendar.arrowTop:before,
.add-listing-dashboard-template .flatpickr-calendar:before {
display: none;
}
.add-listing-dashboard-template .flatpickr-time .numInput {
background: #333;
border-radius: 4px;
color: #fff;
}
.add-listing-dashboard-template .flatpickr-calendar.noCalendar:after {
top: -10px;
position: absolute;
left: 25px;
display: inline-block;
}
.add-listing-dashboard-template .numInputWrapper span {
background: #555;
color: #ccc;
}
.add-listing-dashboard-template .numInputWrapper span:hover {
background: #777;
}
.add-listing-dashboard-template .flatpickr-time .flatpickr-am-pm:hover {
background-color: #444;
border-radius: 0 4px 4px 0;
color: #ccc;
}
.add-listing-dashboard-template .flatpickr-time .flatpickr-am-pm {
width: 20%;
}
.add-listing-dashboard-template .flatpickr-calendar.arrowTop:after {
border-bottom-color: #333;
opacity: 0;
transition: 0s;
}
.add-listing-dashboard-template .flatpickr-calendar.open.arrowTop:after {
opacity: 1;
}
.add-listing-dashboard-template .flatpickr-input[readonly]::placeholder,
.add-listing-dashboard-template .flatpickr-input[readonly] {
cursor: pointer;
font-size: 16px;
font-weight: 600;
color: #666;
}
.add-listing-dashboard-template .flatpickr-input[readonly]::placeholder {
font-size: 15px;
font-weight: 500;
color: #888;
}
#respond .wp-social-login-widget {
display: none !important;
}  @media (min-width: 992px) {
body.light-dashboard.page-template-template-dashboard .dashboard #header {
background-color: #fff;
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav {
background-color: #f6f6f6;
box-shadow: none;
margin-top: 0px;
}
body.light-dashboard.page-template-template-dashboard .dashboard #logo {
background: #f6f6f6;
}
body.light-dashboard .dashboard-nav ul:first-child {
margin-top: 5px;
}
header.fullwidth.dashboard .container {
padding-left: 305px;
}
.dashboard #header {
box-shadow: none;
}
body.light-dashboard.page-template-template-dashboard .dashboard #logo a.dashboard-logo {
display: none;
}
body.light-dashboard.page-template-template-dashboard .dashboard #logo a {
display: block;
}
body.light-dashboard.page-template-template-dashboard #dashboard {
background: #fff;
}
body.light-dashboard.page-template-template-dashboard .dashboard-list-box {
box-shadow: none;
border-radius: 6px;
border: 2px solid #e8e8e8;
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav-inner {
padding: 0 20px;
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li a {
color: #666;
font-weight: 500;
padding: 9px 20px;
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li {
border: none;
margin: 5px 0;
border-radius: 20px;
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li.current_page_item,
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li.active,
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li:hover {
border: none;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li.current_page_item a,
body.light-dashboard .dashboard-nav ul li.active a,
body.light-dashboard .dashboard-nav ul li:hover a {
color: #666;
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav,
body.light-dashboard .dashboard #logo {
min-width: 280px;
max-width: 280px;
}
body.light-dashboard .dashboard-nav ul li a i {
padding-right: 6px;
}
body.light-dashboard.page-template-template-dashboard .dashboard-content {
margin-left: 280px;
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul ul:not(.dokan-dashboard-menu) li a {
padding: 0;
box-shadow: none
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul ul:not(.dokan-dashboard-menu) li {
box-shadow: none
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li ul {
margin-top: -5px
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li ul li {
padding-left: 43px
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li ul li a:hover {
padding-left: 5px
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li.active ul {
padding-bottom: 10px;
padding-top: 0px
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul:before {
font-weight: 600;
font-size: 11px;
padding-left: 20px;
color: #888
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li a i {
color: #f91942
}
body.light-dashboard.page-template-template-dashboard .dashboard-stat {
border-radius: 5px;
}
body.light-dashboard.page-template-template-dashboard .dashboard-stat.color-1 {
background-color: #e9f8e6;
}
body.light-dashboard.page-template-template-dashboard .dashboard-stat.color-2 {
background-color: #f1f3f9;
}
body.light-dashboard.page-template-template-dashboard .dashboard-stat.color-3 {
background-color: #fff6e3;
}
body.light-dashboard.page-template-template-dashboard .dashboard-stat.color-4 {
background-color: #fff2f5;
}
body.light-dashboard.page-template-template-dashboard #header-container #header {
z-index: 111;
position: relative;
}
body.light-dashboard.page-template-template-dashboard #header-container #header:after {
content: "";
width: calc(100% - 280px);
height: 100%;
display: block;
position: absolute;
bottom: 0;
right: 0;
background: transparent;
box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.12);
opacity: 1;
z-index: -1;
pointer-events: none;
}
body.light-dashboard.page-template-template-dashboard .dashboard-nav ul li a:after {
color: #bbb;
right: 38px
}
body.light-dashboard.page-template-template-dashboard .owned-packages label span {
box-shadow: none;
background-color: #f7f7f7;
}
body.light-dashboard.page-template-template-dashboard .my_account_orders {
margin-top: 0px;
}
.page-template-template-dashboard .woocommerce-button {
border-radius: 50px !important;
}
body.light-dashboard.dokan-dashboard .dokan-table {
border-radius: 5px;
box-shadow: none;
border: 2px solid #e8e8e8;
}
body.light-dashboard.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget {
box-shadow: none;
border: 2px solid #e8e8e8;
}
body.light-dashboard.dokan-dashboard .list-inline.order-statuses-filter,
body.light-dashboard.dokan-dashboard .dokan-product-listing .dokan-product-listing-area .product-listing-top {
box-shadow: none;
background: #f6f6f6
}
.dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group {
align-items: flex-start !important;
}
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group button,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group a,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group input,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group select,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group .select2-container,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group button .select2-selection--single,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group a .select2-selection--single,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group input .select2-selection--single,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group select .select2-selection--single,
body .dokan-orders-content .dokan-orders-area .dokan-order-filter-serach .dokan-left .dokan-form-group .select2-container .select2-selection--single {
height: 45px !important;
}
body.dokan-dashboard .dokan-order-filter-serach .dokan-right .dokan-form-group {
float: right;
}
.dokan-withdraw-content .dokan-panel {
background: #f8f8f8;
}
.dokan-withdraw-content .dokan-withdraw-area .dokan-panel-body .dokan-panel-inner-container .dokan-w5 button,
.dokan-withdraw-content .dokan-withdraw-area .dokan-panel-body .dokan-panel-inner-container .dokan-w5 a.dokan-btn {
border-radius: 50px;
}
body.light-dashboard.dokan-dashboard .dokan-dashboard-content:not(.dokan-orders-content, .dokan-product-listing),
body.light-dashboard.dokan-dashboard .dokan-settings-content,
body.light-dashboard.dokan-dashboard .dokan-withdraw-content,
body.light-dashboard.dokan-dashboard .dokan-product-edit {
box-shadow: none;
border: 2px solid #e8e8e8
}
body .dokan-dashboard-wrap.main-dokan-dashboard .dokan-dashboard-content {
border: none !important;
}
body.light-dashboard.page-template-template-dashboard .my_account_orders {
box-shadow: none;
}
body.light-dashboard .messages-container,
body.light-dashboard .add-listing-section {
box-shadow: none;
border: 2px solid #e8e8e8;
}
body.light-dashboard .dokan-btn:hover {
border-color: transparent;
}
body.light-dashboard #dashboard .pagination ul li a.current-page,
body.light-dashboard #dashboard .pagination .current,
body.light-dashboard #dashboard .pagination ul li a:hover,
body.light-dashboard #dashboard .pagination-next-prev ul li a:hover P {
background: #f2f2f2;
}
body a.dokan-btn:hover,
body .dokan-btn:hover {
color: #fff;
}
}
@media (max-width: 1365px) {
body.light-dashboard.page-template-template-dashboard #header-container #header:after {
display: none;
}
body.light-dashboard.page-template-template-dashboard .dashboard #logo {
background: transparent;
}
body.light-dashboard .dashboard-nav ul:first-child {
margin-top: 15px;
}
body.light-dashboard.page-template-template-dashboard .dashboard #header {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.12)
}
}
@media (max-width: 992px) {
body.light-dashboard.page-template-template-dashboard .dashboard-content {
margin-left: 0;
}
} .dashboard-nav-inner {
width: 100%;
overflow-y: auto;
}
.dashboard-nav-inner::-webkit-scrollbar {
width: 8px;
background-color: rgba(255, 255, 255, 0.1);
}
.dashboard-nav-inner::-webkit-scrollbar-track,
.dashboard-nav-inner::-webkit-scrollbar-thumb {
border-left: 1px solid rgba(255, 255, 255, 0);
border-right: 1px solid rgba(255, 255, 255, 0);
background-clip: padding-box;
border-radius: 20px;
}
.dashboard-nav-inner::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05);
}
.dashboard-nav-inner::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.1)
}  #pricing-list-container {
width: 100%;
margin-top: 10px;
}
.repeatable-list-item td,
.pricing-list-item td {
display: flex;
width: 100%;
margin-bottom: 5px;
}
.repeatable-list-item td .fm-input,
.repeatable-list-item td .fm-move,
.repeatable-list-item td .fm-close,
.pricing-list-item td .fm-input,
.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
flex: 1;
position: relative;
}
.repeatable-list-item td .fm-move,
.repeatable-list-item td .fm-close,
.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
max-width: 40px;
}
.repeatable-list-item td .fm-move,
.pricing-list-item td .fm-move {
cursor: move;
line-height: 51px;
color: #666;
font-size: 17px;
}
.repeatable-list-item td .fm-close,
.pricing-list-item td .fm-close {
text-align: right;
}
.repeatable-list-item td .fm-close a,
.pricing-list-item td .fm-close a {
padding: 10px;
padding-right: 0;
color: #ea2828;
display: inline-block;
}
.repeatable-list-item td .fm-input,
.pricing-list-item td .fm-input {
margin-right: 20px;
}
.repeatable-list-item td .fm-input.pricing-name,
.pricing-list-item td .fm-input.pricing-name {
max-width: 350px;
}
.repeatable-list-item td .fm-input.pricing-price,
.pricing-list-item td .fm-input.pricing-price {
max-width: 220px;
margin-right: 0;
}
.pricing-submenu {
display: block;
padding-top: 20px;
}
.pricing-submenu input {
background-color: #fafafa;
}
.pricing-submenu.pricing-list-item td .fm-input {
margin-right: 0;
}
.fm-input.pricing-bookable-options {
margin: 0 0 0 20px !important;
}
#pricing-list-container tbody tr:first-child.pricing-list-item.pricing-submenu {
padding-top: 0;
}
input.bookable_quantity_max[type="number"] {
display: none;
} .data-unit {
position: absolute;
top: 12px;
right: 19px;
font-style: normal;
color: #aaa;
z-index: 110;
background-color: transparent;
outline: 0;
border: 0;
padding: 0 0 0 10px;
margin: 0;
font-size: 13px;
font-weight: 500;
pointer-events: none;
background-color: #fff;
} .add-pricing-submenu.button:before,
.add-pricing-list-item.button:before {
display: none;
}
.add-pricing-submenu.button,
.add-pricing-list-item.button {
margin-top: 15px;
margin-bottom: 5px;
background-color: #f0f0f0;
color: #666;
padding: 8px 22px;
font-weight: 500;
}
.add-pricing-submenu.button:hover,
.add-pricing-list-item.button:hover {
color: #fff;
background-color: #66676b;
}  .separated-form .add-listing-section {
border: 1px solid #eaeaea;
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
}
.separated-form .button.preview {
padding: 14px 38px;
}
#titlebar i.sl {
margin-right: 4px;
}
.notification.notice.large h4 {
font-weight: 500;
} .fm-input.pricing-cover {
max-width: 51px;
}
.pricing-cover-wrapper {
position: relative;
width: 51px;
height: 51px;
border-radius: 4px;
box-shadow: none;
margin: 0;
transition: all .3s ease;
overflow: hidden;
image-rendering: -webkit-optimize-contrast;
}
.pricing-cover-wrapper:hover {
transform: scale(1.08);
cursor: pointer;
}
.pricing-cover-wrapper .cover-pic {
height: 100%;
width: 100%;
transition: all .3s ease;
object-fit: cover;
}
.pricing-cover-wrapper .cover-pic:after {
font-family: Feather-Icons;
content: "\e9f1";
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 120px;
position: absolute;
font-size: 60px;
background: #f0f0f0;
color: #aaa;
text-align: center;
}
.pricing-cover-wrapper .upload-button {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.pricing-cover-wrapper .file-upload {
opacity: 0;
pointer-events: none;
position: absolute;
}
.pricing-cover-wrapper .remove-cover {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #0000005e;
display: none;
}
.pricing-list-container ul li {
display: flex;
align-items: center;
}
.pricing-list-container ul li img {
max-width: 80px;
border-radius: 4px;
image-rendering: -webkit-optimize-contrast;
margin-right: 20px;
}
@media (max-width: 768px) {
.pricing-list-container ul li img {
margin-bottom: 10px;
max-width: 70px;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.pricing-list-container ul li {
align-items: flex-start;
flex-direction: column;
padding: 25px;
padding-left: 90px;
}
.pricing-list-container span {
position: relative;
right: 0px;
top: 0;
transform: none;
display: inline-block;
margin-top: 10px;
line-height: 22px;
padding: 4px 10px;
background-color: #f3f3f3;
border-radius: 50px;
}
}
.fm-input.pricing-bookable-options {
min-width: 155px;
max-width: 155px;
}
@media (min-width: 1300px) {
.fm-input.pricing-bookable-options {
min-width: 190px;
max-width: 190px;
}
}
.pricing-list-item td .fm-input.pricing-price {
max-width: 100px;
}    .infoBox {
border-radius: 4px;
}
.map-box {
background-color: #fff;
margin-bottom: 20px;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
position: relative;
}
.map-box .listing-img-container img {
width: 100%;
height: auto;
border-radius: 4px 4px 0 0;
}
.map-box h4 {
margin: 0;
padding: 0;
}
.map-box h4 a {
padding: 0 0 2px 0;
font-size: 17px;
line-height: 25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
}
.listing-img-container {
position: relative;
height: 100%;
display: block;
}
.map-box h4 a:hover {
color: #66676b;
}
.map-box p {
padding: 0;
line-height: 25px;
margin: 2px 0 0 0;
font-size: 14px;
}
.map-box ul.listing-details {
padding: 0;
font-size: 14px;
display: none;
}
.map-box .listing-title {
padding: 16px 22px;
}
.map-box .listing-img-content {
padding: 18px 22px;
}
.map-box .listing-img-content span {
font-size: 21px;
}
.map-box .listing-img-content .listing-price i {
font-size: 15px;
margin: -7px 0 0 0;
}
.infoBox>img {
position: absolute !important;
right: 0px;
top: 0px;
}
.map-box .listing-img-container::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
display: block;
background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.40) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
background-color: rgba(35, 35, 37, 0.2);
}
.map-box .listing-item-content {
position: absolute;
bottom: 20px;
left: 0;
padding: 0 24px;
width: 100%;
z-index: 50;
box-sizing: border-box;
}
.map-box .listing-item-content h3 {
color: #fff;
font-size: 18px;
padding: 0 0 4px 0;
font-weight: 500;
margin: 0;
line-height: 25px;
}
.map-box .listing-item-content span {
font-size: 15px;
font-weight: 400;
display: inline-block;
color: rgba(255, 255, 255, 0.7);
} .infoBox-close {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
z-index: 999;
text-align: center;
line-height: 29px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
height: 29px;
width: 29px;
background-color: #fff;
color: #333;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: "Font Awesome 5 Free";
font-weight: 900;
border-radius: 50%;
-webkit-text-stroke: 1px #fff;
}
.infoBox-close:hover {
color: #fff;
background-color: #66676b;
-webkit-text-stroke: 1px #66676b;
} .map-box-icon {
height: 38px;
width: 38px;
position: absolute;
bottom: 0;
right: 0;
background-color: #3685cf;
display: block;
color: #fff;
font-size: 12px;
z-index: 101;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
visibility: hidden;
}
.map-box-icon:before {
content: "\f064";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: relative;
top: 7px;
display: block;
}
.map-box-image:hover .map-box-icon {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateX(0);
}
.map-box-image {
position: relative;
overflow: hidden;
display: block;
}
.infoBox {
-webkit-animation: fadeIn 0.9s;
animation: fadeIn 0.9s;
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.infoBox .star-rating {
font-size: 16px;
margin-top: 1px;
}
.infoBox .star-rating span {
margin-right: 3px;
}
.infoBox .rating-counter {
position: relative;
top: -1px;
}
.infoBox:after {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff;
}
#map {
height: 100%;
width: 100%;
margin: 0;
z-index: 990;
}
#map-container {
position: relative;
top: 0;
left: 0;
height: 520px;
width: 100%;
z-index: 990;
margin-bottom: 60px;
}
.gmnoprint {
margin: 10px;
}
body#map-container.fullwidth-home-map,
#map-container.fullwidth-home-map {
height: 620px;
margin-bottom: 0;
}
#map-container.fullwidth-home-map .main-search-inner {
position: absolute;
display: block;
bottom: 60px;
top: auto;
transform: none;
padding-bottom: 0;
z-index: 9999;
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#map-container.fullwidth-home-map .main-search-input {
margin-top: 0;
margin-bottom: 0px !important;
} .cluster img {
display: none
}
.cluster-visible {
text-align: center;
font-size: 15px !important;
color: #fff !important;
font-weight: 500;
border-radius: 50%;
width: 36px !important;
height: 36px !important;
line-height: 36px !important;
background-color: #66676b;
}
.cluster-visible:before {
border: 7px solid #66676b;
opacity: 0.2;
box-shadow: inset 0 0 0 4px #66676b;
content: '';
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: cluster-animation 2.5s infinite;
}
@keyframes cluster-animation {
0%,
100% {
transform: scale(1.3) rotate(0deg)
}
50% {
transform: scale(1.5) rotate(90deg)
}
} .map-marker-container {
position: absolute;
margin-top: 10px;
transform: translate3d(-50%, -100%, 0);
}
.marker-container {
position: relative;
margin: 10px auto;
width: 40px;
height: 40px;
z-index: 1;
border-radius: 50%;
cursor: pointer;
top: -5px;
}
#singleListingMap .marker-container {
cursor: default;
}
.marker-container {
perspective: 1000;
}
.marker-card {
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: all 0.4s ease-in-out;
position: absolute;
z-index: 1;
}
.marker-container:hover .marker-card,
.clicked .marker-container .marker-card,
.map-marker-container.clicked .marker-card {
transform: rotateY(180deg) translateY(-4px);
}
.marker-arrow {
width: 0;
content: "";
height: 0;
border-style: solid;
border-width: 8px 5px 0;
border-color: #66676b transparent transparent;
top: 38px;
left: 50%;
transform: translateX(-50%);
position: absolute;
border-radius: 0;
z-index: 1;
}
.elementor-widget-container a.close {
display: none !important;
}
.face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
text-align: center;
border-radius: 50%;
color: #fff;
z-index: 100;
}
.face i {
line-height: 34px;
font-size: 20px;
}
.face.front {
background-color: #fff;
border: 2px solid #66676b;
color: #66676b;
z-index: 100;
}
.face.back {
transform: rotateY(180deg);
box-sizing: border-box;
background: #66676b;
border-color: #66676b;
color: #fff;
}
.face.back i {
transform: scaleX(-1);
line-height: 38px;
font-size: 18px;
}
.face.back:after {
content: "";
display: block;
width: 36px;
height: 36px;
top: 2px;
left: 2px;
border: 1px solid rgba(255, 255, 255, 0.65);
border-radius: 50%;
position: absolute;
} .custom-zoom-in,
.custom-zoom-out {
background-color: #fff;
color: #333;
cursor: pointer;
border-radius: 50%;
margin: 5px 15px;
transition: color 0.3s, background-color 0.3s;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
text-align: center;
font-size: 15px;
height: 34px;
width: 34px;
}
.custom-zoom-in:hover,
.custom-zoom-out:hover {
background-color: #66676b;
color: #fff;
}
.custom-zoom-in:before,
.custom-zoom-out:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
width: 100%;
line-height: 35px;
transition: -webkit-text-stroke 0.3s;
-webkit-text-stroke: 1px #fff;
}
.zoomControlWrapper {
position: absolute;
left: 0;
right: auto;
width: 70px;
}
.custom-zoom-in:before {
content: "\f067";
}
.custom-zoom-out:before {
content: "\f068";
}
.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before {
-webkit-text-stroke: 1px #66676b;
} #mapnav-buttons {
position: absolute;
transform: translate(0, 0);
z-index: 999;
font-size: 14px;
display: inline-block;
bottom: 20px;
right: 20px;
list-style: none;
padding: 0;
}
#mapnav-buttons.top {
top: 20px;
right: 20px;
bottom: auto;
}
#mapnav-buttons li {
float: left;
margin-left: 4px;
line-height: 20px;
}
#getDirection,
#streetView,
#geoLocation,
#scrollEnabling,
#mapnav-buttons a {
color: #333;
background-color: #fff;
padding: 7px 18px;
padding-top: 9px;
font-weight: 500;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-transition: all 0.2s ease-in-out;
box-sizing: border-box;
display: inline-block;
border-radius: 50px;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
}
#getDirection:hover,
#geoLocation:hover,
#streetView:hover,
#scrollEnabling:hover,
#scrollEnabling.enabled,
#mapnav-buttons a:hover {
background-color: #66676b;
color: #fff;
}
#prevpoint:before,
#nextpoint:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: relative;
font-weight: 500;
margin: 0 0 0 6px;
font-size: 15px;
top: 0px;
line-height: 1px;
}
#prevpoint:before {
content: "\f104";
margin: 0 6px 0 0;
}
#nextpoint:after {
content: "\f105";
margin: 0 0 0 6px;
}
#getDirection,
#streetView,
#geoLocation,
#scrollEnabling {
position: absolute;
top: 25px;
right: 20px;
z-index: 99;
font-size: 13px;
line-height: 20px;
}
#getDirection {
right: initial;
left: 20px;
}
@media (max-width: 768px) {
#getDirection {
right: 20px;
left: initial;
top: 20px;
}
}
#getDirection:before,
#streetView:before,
#geoLocation:before,
#scrollEnabling:before {
content: "\e015";
font-family: "simple-line-icons";
position: relative;
top: 2px;
margin: 0 6px 0 0;
font-size: 15px;
line-height: 1px;
}
#scrollEnabling:before {
margin-left: -3px;
}
#streetView:before {
content: "\f21d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
top: 1px;
margin-right: 8px;
}
#getDirection:before {
content: "\e045";
}
#geoLocation {
right: auto;
left: 20px;
padding: 8px 11px;
}
#geoLocation:before {
content: "\f192";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
margin: 0;
top: 2px;
}   @-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-moz-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.dropzone,
.dropzone * {
box-sizing: border-box;
}
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3);
background: white;
padding: 20px 20px;
}
.dropzone.dz-clickable {
cursor: pointer;
}
.dropzone.dz-clickable * {
cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
cursor: pointer;
}
.dropzone.dz-started .dz-message {
display: none;
}
.dropzone.dz-drag-hover {
border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5;
}
.dropzone .dz-preview {
position: relative;
z-index: 12;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px;
}
.dropzone .dz-preview:hover {
z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 3px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
font-size: 13px;
color: #333;
font-weight: 400;
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
border-radius: 0 0 3px 3px;
}
.dropzone .dz-preview .dz-remove:hover {
color: #d70707;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2.6em 1em;
text-align: center;
color: #fff;
}
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 2px;
font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span { background-color: rgba(20, 20, 20, 0.8);
color: #fff;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
color: #fff;
text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(20, 20, 20, 0.6);
padding: 3px 5px;
border-radius: 3px;
color: #fff;
} .dropzone .dz-preview .dz-image:before {
opacity: 0;
transition: 0.4s;
z-index: 110;
content: "";
width: 100%;
display: block;
height: 100%;
position: absolute;
background-color: #333;
}
.dropzone .dz-preview:hover .dz-image:before {
opacity: 0.5;
}
.dropzone .dz-preview .dz-image {
border-radius: 3px 3px 0 0;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
transition: all 0.3s;
display: block;
z-index: 10;
}
.dropzone .dz-preview .dz-image img {
display: block;
filter: blur(0px);
transition: all 0.4s;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -40px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-ms-transition: opacity 0.4s ease-in;
-o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
-moz-animation: pulse 6s ease infinite;
-ms-animation: pulse 6s ease infinite;
-o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: 18px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
background: #00a335;
background: linear-gradient(to bottom, #1fc053, #019932);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
font-size: 13px;
top: 160px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
border-radius: 4px;
padding: 10px 15px;
line-height: 18px;
color: white;
}
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626;
}
.dropzone {
position: relative;
border: 2px dashed #d0d0d0;
border-radius: 3px;
background: #fcfcfc;
transition: all 0.3s linear;
margin-bottom: 10px;
margin-top: 5px;
display: inline-block;
width: 100%;
}
.dropzone:hover {
border: 2px dashed #59b02c;
background: #fff;
transition: all 0.35s linear;
}
.dropzone:before {
position: absolute;
height: 100%;
width: 100%;
content: "";
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));
background-color: #59b02c;
opacity: 0;
z-index: 10;
transition: all 0.3s linear;
border-radius: 3px;
}
.dropzone:hover:before {
opacity: 0.4;
}
.dropzone .dz-message {
text-align: center;
margin: 50px 0;
font-size: 17px;
color: #888;
transition: all 0.3s linear;
position: relative;
z-index: 11;
}
.dropzone:hover .dz-message {
color: #59b02c;
}
.dz-message i {
display: block;
font-size: 32px;
margin-bottom: 15px;
}
#avatar-uploader.dropzone {
min-height: initial;
padding: 0;
max-width: 157px;
font-size: 16px;
}
#avatar-uploader.dropzone .dz-message {
margin: 20px 0;
font-size: 15px;
font-weight: 500;
}
.realteo-submit-image-preview {
max-width: calc(25% - 20px);
float: left;
margin: 0px 20px 20px 0px;
border: none;
padding: 0;
height: 160px;
overflow: hidden;
border-radius: 3px;
position: relative;
}
.realteo-submit-image-preview img {
border-radius: 3px;
top: 0;
position: relative;
display: block;
}
.dropzone .dz-preview:before,
.realteo-submit-image-preview:before {
content: "\f005";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
left: 0;
z-index: 11;
background-color: #fff;
height: 24px;
width: 24px;
line-height: 24px;
font-size: 14px;
text-align: center;
border-radius: 3px;
left: 7px;
top: 7px;
color: #ff9b00;
opacity: 0;
transition: 0.2s;
}
.dropzone .dz-preview.active-thumb:before,
.realteo-submit-image-preview.active-thumb:before {
opacity: 1;
display: block;
}
.add-listing-section #media-uploader {
margintop: -15px;
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
overflow: hidden;
position: fixed;
background: #000;
opacity: 0.96;
}
.mfp-wrap {
top: -10px;
left: 0;
width: 100%;
height: 100%;
z-index: 2001;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 505;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #aaa;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 504;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
.mfp-s-loading .mfp-arrow {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 506;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
right: 0px;
top: -40px;
} .og-close,
button.mfp-close {
position: absolute;
width: 45px;
height: 45px;
top: -20px;
display: block;
right: -12px;
cursor: pointer !important;
z-index: 9999;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 50%;
margin: 0px;
background-color: transparent;
outline: none;
transform: translate3d(0, 0, 0);
font-size: 48px;
line-height: 30px;
}
.mfp-iframe-holder .mfp-close {
top: -50px;
right: -12px;
transform: translate3d(0, 0, 0);
}
.mfp-gallery .mfp-close {
top: 20px;
right: 10px;
}
.mfp-gallery .mfp-content .mfp-close {
display: none;
}
.mfp-gallery .mfp-close:after,
.mfp-gallery .mfp-close:before { display: none;
}
.mfp-close::after,
.mfp-close::before {
top: 0px;
}
.og-close {
margin: 17px;
right: 10px;
background: transparent;
color: #222;
}
.single-listing .mfp-gallery .mfp-figure:before {
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
pointer-events: none;
top: -5px;
right: 0;
position: absolute;
font-size: 20px;
}
.mfp-close:hover,
.og-close:hover { }
.og-close:after,
.og-close:before,
.mfp-close:after,
.mfp-close:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 29px;
top: 21px;
left: 50%;
position: absolute;
height: 10px;
transition: 0.3s;
display: none;
}
.og-close:after,
.og-close:before {
top: 7px;
font-size: 29px;
}
.og-close:after,
.mfp-close:after {
content: "\f106";
-webkit-transform: translate(0, 0);
transform: translate(-50%, 60%);
}
.og-close:after {
-webkit-transform: translate(0, 0);
transform: translate(-50%, 60%);
}
.og-close:before,
.mfp-close:before {
content: "\f078";
-webkit-transform: translate(0, 0);
transform: translate(-50%, 0%);
} .listeo-dialog .mfp-close,
#claim-dialog .mfp-close,
#sign-in-dialog .mfp-close,
#small-dialog-edit .mfp-close,
#small-dialog-edit-review .mfp-close,
#small-dialog .mfp-close {
color: #666;
background-color: #e4e4e4;
border-radius: 50%;
top: 28px;
right: 40px;
width: 40px;
height: 40px;
}
.listeo-dialog .mfp-close:hover,
#sign-in-dialog .mfp-close:hover,
#claim-dialog .mfp-close:hover,
#small-dialog-edit-review .mfp-close:hover,
#small-dialog-edit .mfp-close:hover,
#small-dialog .mfp-close:hover {
color: #fff;
transform: rotate(0);
background-color: #66676b;
}
.listeo-dialog .mfp-close::after,
#sign-in-dialog .mfp-close::after,
.listeo-dialog .mfp-close::before,
#sign-in-dialog .mfp-close::before,
#small-dialog-edit-review .mfp-close::after,
#small-dialog-edit-review .mfp-close::before,
#small-dialog-edit .mfp-close::after,
#small-dialog-edit .mfp-close::before,
#small-dialog .mfp-close::after,
#small-dialog .mfp-close::before,
#claim-dialog .mfp-close::after,
#claim-dialog .mfp-close::before {
top: 4px;
height: 9px;
font-size: 21px;
transition: 0s;
}
.small-dialog-content input[type=submit] {
width: 100%;
margin-top: 26px;
margin-bottom: 10px;
}
.small-dialog-content .divider {
display: inline-block;
width: 100%;
margin-top: 15px;
padding-bottom: 0;
}
.small-dialog-header {
font-size: 22px;
width: calc(100% + 80px);
position: relative;
left: -40px;
top: 0;
border-radius: 4px 4px 0 0;
display: inline-block;
background-color: #f6f6f6;
padding: 35px 40px;
margin-bottom: 40px;
}
.small-dialog-header h3 {
padding: 0;
margin: 0;
font-size: 24px;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #aaa;
font-size: 13px;
line-height: 18px;
}
.mfp-arrow {
opacity: 1;
margin: 0 20px;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
width: 60px;
height: 60px;
position: absolute;
display: block;
z-index: 100;
overflow: hidden;
background: rgba(255, 255, 255, 0.15);
border-radius: 50%;
outline: none;
}
.mfp-arrow:hover {
background: #66676b;
color: #fff;
}
.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
font-family: "simple-line-icons" !important;
font-size: 20px;
}
.mfp-arrow.mfp-arrow-right {
right: 15px;
}
.mfp-arrow.mfp-arrow-left:before {
content: "\e605";
left: -1px;
top: 0px;
position: relative;
}
.mfp-arrow.mfp-arrow-right:before {
content: "\e606";
left: 1px;
top: 0px;
position: relative;
}
.mfp-content:hover .mfp-arrow {
opacity: 1;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1180px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 54%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
} .listeo-dialog,
#sign-in-dialog,
#claim-dialog,
#small-dialog,
#report-listing-dialog,
#small-dialog-edit,
#small-dialog-edit-review {
background: #fff;
padding: 40px;
padding-top: 0;
text-align: left;
max-width: 610px;
margin: 40px auto;
position: relative;
box-sizing: border-box;
border-radius: 4px;
}
#sign-in-dialog {
max-width: 500px;
}
.listeo-dialog span.line,
#claim-dialog span.line,
#sign-in-dialog span.line,
#small-dialog-edit-review span.line,
#small-dialog-edit span.line,
#small-dialog span.line {
padding-top: 0;
}
@media (max-width:480px) {
body .mfp-container {
padding: 0 10px;
}
body #sign-in-dialog,
body .listeo-dialog,
body #claim-dialog,
body #small-dialog,
body #small-dialog-edit-review,
body #small-dialog-edit {
max-width: 100%;
overflow: hidden;
}
}
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0.001; -webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 40px auto;
border-radius: 4px;
} .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 18px rgba(11, 11, 11, 0.6);
}
.mfp-figure {
line-height: 0;
}
.mfp-bottom-bar {
margin-top: -30px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
} @media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0
} .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.92;
background-color: #111;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}  .parallax {
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
z-index: 99;
background-size: cover !important;
} .fullscreen,
.content-a {
width: 100%;
height: 100%;
overflow: hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
height: auto;
min-height: 100%;
} .centered-content {
position: relative;
vertical-align: middle;
text-align: center;
} .vc_parallax>.parallax-overlay,
.parallax-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 101;
background-color: #333;
opacity: 0.4;
}
body .vc_parallax>* {
z-index: inherit;
}
.vc_parallax .text-content {
z-index: 1001
} .parallax-content {
position: relative;
z-index: 999;
padding: 105px 0;
}   .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .logo-slick-carousel,
.testimonial-carousel,
.simple-fw-slick-carousel,
.simple-slick-carousel {
display: none;
}
.slick-initialized.logo-slick-carousel,
.slick-initialized.testimonial-carousel,
.slick-initialized.simple-fw-slick-carousel,
.slick-initialized.simple-slick-carousel {
display: block;
}
.simple-fw-slick-carousel .fw-carousel-item {
padding: 10px 15px 0 15px;
}
.simple-fw-slick-carousel {
margin: 0 15px;
max-width: 100%;
box-sizing: border-box;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
z-index: 100;
display: block;
width: auto;
height: auto;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.logo-slick-carousel .slick-prev,
.logo-slick-carousel .slick-next,
.simple-slick-carousel .slick-prev,
.simple-slick-carousel .slick-next {
display: none !important;
}
.simple-slick-carousel.arrows-nav .slick-prev,
.simple-slick-carousel.arrows-nav .slick-next {
display: block !important;
}
.slick-prev:hover,
.slick-next:hover {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before {
color: #999;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'simple-line-icons';
font-size: 32px;
line-height: 1;
opacity: 1;
color: #aaa;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 0.3s;
}
.white-nav .slick-prev:before,
.white-nav .slick-next:before {
color: #fff;
}
.slick-prev {
left: 3px;
transform: translate3d(-90px, -50%, 0);
}
.slick-next {
right: 3px;
transform: translate3d(90px, -50%, 0);
}
.slick-prev:before {
content: '\e605';
}
.slick-next:before {
content: '\e606';
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.simple-slick-carousel.slick-dotted.slick-slider {
margin-bottom: 0;
}
.simple-slick-carousel.slick-dotted.slick-slider.dots-nav {
margin-bottom: 30px;
}
.simple-slick-carousel .slick-dots {
display: none !important;
}
.simple-slick-carousel.dots-nav .slick-dots {
display: block !important;
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0;
margin: 0 3px;
cursor: pointer;
}
.slick-dots li {
font-size: 0;
line-height: 0;
cursor: pointer;
color: transparent;
border: 0;
position: relative;
outline: none;
display: inline-block;
width: 15px;
height: 15px;
margin: 0 3px;
opacity: 1;
border-radius: 50%;
line-height: 0;
box-shadow: inset 0 0 0 2px #c0c0c0;
transition: all 0.3s;
}
.slick-dots li.slick-active {
box-shadow: inset 0 0 0 6px #c0c0c0;
transition: all 0.3s;
}
.slick-dots li:after {
display: block;
height: 13px;
width: 13px;
content: "";
position: absolute;
top: 1px;
left: 1px;
background-color: transparent;
border-radius: 50%;
transition: all 0.3s;
opacity: 0;
background-color: #c0c0c0;
}
.slick-dots li.slick-active:after {
opacity: 1;
}
.white-nav .slick-dots li {
box-shadow: inset 0 0 0 2px #fff;
}
.white-nav .slick-dots li.slick-active {
box-shadow: inset 0 0 0 8px #fff;
}
.slick-dots li button {
display: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
} .logo-slick-carousel div.item {
margin-bottom: 30px;
text-align: center;
display: inline-block;
}
.logo-slick-carousel div.item img {
display: inline-block;
} .fullgrid-slick-carousel .slick-slide,
.fullwidth-slick-carousel .slick-slide {
margin: 0 15px 30px 15px;
opacity: 0.2;
transition: 0.4s;
pointer-events: none;
}
.slick-slide {
outline: none;
}
.testimonial-carousel .slick-slide.slick-active,
.fullgrid-slick-carousel .slick-slide.slick-active,
.fullwidth-slick-carousel .slick-slide.slick-active {
opacity: 1;
filter: none;
pointer-events: all;
}
.fullwidth-carousel-container {
overflow: hidden;
width: 100%;
}
.category-box-container {
position: relative;
height: 100%;
}
.category-box-container.half {
height: calc(50% - 15px);
margin-bottom: 30px;
}
.category-box {
background: #ccc;
border-radius: 4px;
height: 100%;
display: block;
margin-bottom: 20px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
overflow: hidden;
cursor: pointer;
}
.category-box:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
z-index: 9;
background: -webkit-linear-gradient(bottom, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(bottom, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
}
.fullgrid-slick-carousel.category-carousel .slick-slide,
.fullwidth-slick-carousel.category-carousel .slick-slide {
height: 400px;
}
.fullwidth-slick-carousel.category-carousel .slick-slide.fw-carousel-review {
height: auto;
}
.category-box-content {
position: absolute;
bottom: 30px;
left: 34px;
width: calc(100% - 68px);
z-index: 50;
box-sizing: border-box;
}
.category-box-content h3 {
color: #fff;
font-size: 24px;
padding: 5px 0;
margin: 0;
}
.category-box-content span {
font-size: 18px;
font-weight: 400;
display: inline-block;
color: rgba(255, 255, 255, 0.7);
}
.category-box-btn {
position: absolute;
right: 32px;
bottom: 32px;
z-index: 111;
background-color: transparent;
border: 1px solid #fff;
color: #fff;
padding: 8px 0px;
text-align: center;
min-width: 120px;
border-radius: 50px;
transition: all 0.3s;
}
.category-box-btn:hover {
background-color: #66676b;
border-color: #66676b;
}
.fw-carousel-item {
position: relative;
height: 100%;
}
.category-box-background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
transition: transform 0.35s ease-out;
transform: translate3d(0, 0, 0) scale(1);
image-rendering: -webkit-optimize-contrast;
}
.category-box:hover .category-box-background {
transform: translate3d(0, 0, 0) scale(1.08);
} .simple-slick-carousel {
height: auto;
width: calc(100% + 30px);
left: -10px;
}
.simple-slick-carousel .category-box-container {
height: 100%;
display: block;
}
.simple-slick-carousel .slick-slide {
padding: 10px 15px;
} .option-set {
padding: 0;
margin: 0;
}
.option-set li {
display: inline-block;
margin-right: 2px;
}
.option-set li a {
background: none;
padding: 5px 16px;
display: block;
outline: none;
border: none;
font-weight: 600;
float: right;
margin: 0;
font-size: 15px;
border-radius: 50px;
background-color: #f0f0f0;
color: #666;
line-height: 26px;
transition: all 0.3s;
}
.option-set li a:hover {
background-color: #e9e9e9;
}
.option-set li a.selected {
color: #fff;
background-color: #66676b;
}    body {
color: #707070;
font-size: 15px;
line-height: 27px;
background-color: #fff;
}
body p {
font-size: 16px;
line-height: 29px;
}
#wrapper {
background-color: #fff;
} input[type="text"] {
font-family: inherit;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
input[type="button"],
input[type="submit"],
button,
#tiptip_content,
.map-box p,
.map-box div,
.numerical-rating .rating-counter,
body .menu-responsive i.menu-trigger:after {
font-family: sans-serif;
} h1,
h2,
h3,
h4,
h5,
h6 {
color: #222;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
color: #fff;
}
h3.headline {
font-size: 30px;
line-height: 37px;
margin: 0 0 30px 0;
font-weight: 500;
}
h2.headline {
font-size: 34px;
line-height: 40px;
margin: 0 0 30px 0;
font-weight: 500;
}
h2.headline span {
font-size: 23px;
line-height: 37px;
}
.headline span {
font-size: 22px;
line-height: 36px;
margin-top: 5px;
color: #888;
font-weight: 400;
display: block;
}
.headline span i {
color: #66676b;
font-style: normal;
}
h4.headline {
font-size: 22px;
line-height: 32px;
margin: -5px 0 30px 0;
}
.headline.centered {
text-align: center;
}
.border-top {
border-top: 1px solid #e8e8e8;
}
.icons-container {
overflow: hidden;
}
mark {
font-weight: 500;
} .glyph {
font-size: 16px;
width: 33%;
display: inline-block;
transition: 0.3s;
}
h4 span.headline-detail {
font-size: 15px;
margin-top: 5px;
}
.mls {
font-size: 16px;
top: -8px;
display: inline-block;
position: relative;
}
.fs1 {
font-size: 32px;
}
.pbs .im {
width: 50px;
display: inline-block;
}
.unit,
.unitRight,
.fs0 {
display: none;
}
.pbs {
padding: 10px 0 5px 15px;
border-radius: 4px;
width: 100%;
display: inline-block;
transition: 0.2s;
}
.pbs:hover {
background-color: #f4f4f4;
}
.sl-icons-demo i {
width: 25px;
display: inline-block;
top: 1px;
position: relative;
}
.icons .fa.fa-fw {
margin-right: 3px;
font-size: 14px;
}
.icons .text-muted {
display: none;
}   .margin-top-0 {
margin-top: 0 !important;
}
.margin-top-1 {
margin-top: 1px !important;
}
.margin-top-2 {
margin-top: 2px !important;
}
.margin-top-3 {
margin-top: 3px !important;
}
.margin-top-4 {
margin-top: 4px !important;
}
.margin-top-5 {
margin-top: 5px !important;
}
.margin-top-6 {
margin-top: 6px !important;
}
.margin-top-7 {
margin-top: 7px !important;
}
.margin-top-8 {
margin-top: 8px !important;
}
.margin-top-9 {
margin-top: 9px !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-15 {
margin-top: 15px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-25 {
margin-top: 25px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-top-35 {
margin-top: 35px !important;
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-top-45 {
margin-top: 45px !important;
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-top-55 {
margin-top: 55px !important;
}
.margin-top-60 {
margin-top: 60px !important;
}
.margin-top-65 {
margin-top: 65px !important;
}
.margin-top-70 {
margin-top: 70px !important;
}
.margin-top-75 {
margin-top: 75px !important;
}
.margin-top-80 {
margin-top: 80px !important;
}
.margin-top-85 {
margin-top: 85px !important;
}
.margin-top-90 {
margin-top: 90px !important;
}
.margin-top-95 {
margin-top: 95px !important;
}
.margin-top-100 {
margin-top: 100px !important;
}
.margin-top-105 {
margin-top: 105px !important;
}
.margin-top-110 {
margin-top: 110px !important;
}
.margin-top-115 {
margin-top: 115px !important;
}
.margin-top-120 {
margin-top: 120px !important;
} .margin-bottom-0 {
margin-bottom: 0 !important;
}
.margin-bottom-5 {
margin-bottom: 5px !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-bottom-15 {
margin-bottom: 15px !important;
}
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.margin-bottom-25 {
margin-bottom: 25px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.margin-bottom-35 {
margin-bottom: 35px !important;
}
.margin-bottom-40 {
margin-bottom: 40px !important;
}
.margin-bottom-45 {
margin-bottom: 45px !important;
}
.margin-bottom-50 {
margin-bottom: 50px !important;
}
.margin-bottom-55 {
margin-bottom: 55px !important;
}
.margin-bottom-55 {
margin-bottom: 55px !important;
}
.margin-bottom-55 {
margin-bottom: 55px !important;
}
.margin-bottom-55 {
margin-bottom: 55px !important;
}
.margin-bottom-60 {
margin-bottom: 60px !important;
}
.margin-bottom-65 {
margin-bottom: 65px !important;
}
.margin-bottom-70 {
margin-bottom: 70px !important;
}
.margin-bottom-75 {
margin-bottom: 75px !important;
}
.margin-bottom-80 {
margin-bottom: 80px !important;
}
.margin-bottom-85 {
margin-bottom: 85px !important;
}
.margin-bottom-90 {
margin-bottom: 90px !important;
}
.margin-bottom-95 {
margin-bottom: 95px !important;
}
.margin-bottom-100 {
margin-bottom: 100px !important;
} .margin-left-0 {
margin-left: 0 !important;
}
.margin-left-1 {
margin-left: 1px !important;
}
.margin-left-2 {
margin-left: 2px !important;
}
.margin-left-3 {
margin-left: 3px !important;
}
.margin-left-4 {
margin-left: 4px !important;
}
.margin-left-5 {
margin-left: 5px !important;
}
.margin-left-6 {
margin-left: 6px !important;
}
.margin-left-7 {
margin-left: 7px !important;
}
.margin-left-8 {
margin-left: 8px !important;
}
.margin-left-9 {
margin-left: 9px !important;
}
.margin-left-10 {
margin-left: 10px !important;
}
.margin-left-15 {
margin-left: 15px !important;
}
.margin-left-20 {
margin-left: 20px !important;
}
.margin-left-25 {
margin-left: 25px !important;
}
.margin-left-30 {
margin-left: 30px !important;
}
.margin-left-35 {
margin-left: 35px !important;
}
.margin-left-40 {
margin-left: 40px !important;
}
.margin-left-45 {
margin-left: 45px !important;
}
.margin-left-50 {
margin-left: 50px !important;
}
.margin-left-55 {
margin-left: 55px !important;
}
.margin-left-60 {
margin-left: 60px !important;
}
.margin-left-65 {
margin-left: 65px !important;
}
.margin-left-70 {
margin-left: 70px !important;
}
.margin-left-75 {
margin-left: 75px !important;
}
.margin-left-80 {
margin-left: 80px !important;
}
.margin-left-85 {
margin-left: 85px !important;
}
.margin-left-90 {
margin-left: 90px !important;
}
.margin-left-95 {
margin-left: 95px !important;
}
.margin-left-100 {
margin-left: 100px !important;
} .margin-right-0 {
margin-right: 0 !important;
}
.margin-right-1 {
margin-right: 1px !important;
}
.margin-right-2 {
margin-right: 2px !important;
}
.margin-right-3 {
margin-right: 3px !important;
}
.margin-right-4 {
margin-right: 4px !important;
}
.margin-right-5 {
margin-right: 5px !important;
}
.margin-right-6 {
margin-right: 6px !important;
}
.margin-right-7 {
margin-right: 7px !important;
}
.margin-right-8 {
margin-right: 8px !important;
}
.margin-right-9 {
margin-right: 9px !important;
}
.margin-right-10 {
margin-right: 10px !important;
}
.margin-right-15 {
margin-right: 15px !important;
}
.margin-right-20 {
margin-right: 20px !important;
}
.margin-right-25 {
margin-right: 25px !important;
}
.margin-right-30 {
margin-right: 30px !important;
}
.margin-right-35 {
margin-right: 35px !important;
}
.margin-right-40 {
margin-right: 40px !important;
}
.margin-right-45 {
margin-right: 45px !important;
}
.margin-right-50 {
margin-right: 50px !important;
}
.margin-right-55 {
margin-right: 55px !important;
}
.margin-right-60 {
margin-right: 60px !important;
}
.margin-right-65 {
margin-right: 65px !important;
}
.margin-right-70 {
margin-right: 70px !important;
}
.margin-right-75 {
margin-right: 75px !important;
}
.margin-right-80 {
margin-right: 80px !important;
}
.margin-right-85 {
margin-right: 85px !important;
}
.margin-right-90 {
margin-right: 90px !important;
}
.margin-right-95 {
margin-right: 95px !important;
}
.margin-right-100 {
margin-right: 100px !important;
} .padding-top-0 {
padding-top: 0 !important;
}
.padding-top-1 {
padding-top: 1px !important;
}
.padding-top-2 {
padding-top: 2px !important;
}
.padding-top-3 {
padding-top: 3px !important;
}
.padding-top-4 {
padding-top: 4px !important;
}
.padding-top-5 {
padding-top: 5px !important;
}
.padding-top-6 {
padding-top: 6px !important;
}
.padding-top-7 {
padding-top: 7px !important;
}
.padding-top-8 {
padding-top: 8px !important;
}
.padding-top-9 {
padding-top: 9px !important;
}
.padding-top-10 {
padding-top: 10px !important;
}
.padding-top-15 {
padding-top: 15px !important;
}
.padding-top-20 {
padding-top: 20px !important;
}
.padding-top-25 {
padding-top: 25px !important;
}
.padding-top-30 {
padding-top: 30px !important;
}
.padding-top-35 {
padding-top: 35px !important;
}
.padding-top-40 {
padding-top: 40px !important;
}
.padding-top-45 {
padding-top: 45px !important;
}
.padding-top-50 {
padding-top: 50px !important;
}
.padding-top-55 {
padding-top: 55px !important;
}
.padding-top-60 {
padding-top: 60px !important;
}
.padding-top-65 {
padding-top: 65px !important;
}
.padding-top-70 {
padding-top: 70px !important;
}
.padding-top-75 {
padding-top: 75px !important;
}
.padding-top-80 {
padding-top: 80px !important;
}
.padding-top-85 {
padding-top: 85px !important;
}
.padding-top-90 {
padding-top: 90px !important;
}
.padding-top-95 {
padding-top: 95px !important;
}
.padding-top-100 {
padding-top: 100px !important;
}
.padding-top-105 {
padding-top: 105px !important;
}
.padding-top-110 {
padding-top: 110px !important;
}
.padding-top-115 {
padding-top: 115px !important;
}
.padding-top-120 {
padding-top: 120px !important;
} .padding-bottom-0 {
padding-bottom: 0 !important;
}
.padding-bottom-5 {
padding-bottom: 5px !important;
}
.padding-bottom-10 {
padding-bottom: 10px !important;
}
.padding-bottom-15 {
padding-bottom: 15px !important;
}
.padding-bottom-20 {
padding-bottom: 20px !important;
}
.padding-bottom-25 {
padding-bottom: 25px !important;
}
.padding-bottom-30 {
padding-bottom: 30px !important;
}
.padding-bottom-35 {
padding-bottom: 35px !important;
}
.padding-bottom-40 {
padding-bottom: 40px !important;
}
.padding-bottom-45 {
padding-bottom: 45px !important;
}
.padding-bottom-50 {
padding-bottom: 50px !important;
}
.padding-bottom-55 {
padding-bottom: 55px !important;
}
.padding-bottom-55 {
padding-bottom: 55px !important;
}
.padding-bottom-55 {
padding-bottom: 55px !important;
}
.padding-bottom-55 {
padding-bottom: 55px !important;
}
.padding-bottom-60 {
padding-bottom: 60px !important;
}
.padding-bottom-65 {
padding-bottom: 65px !important;
}
.padding-bottom-70 {
padding-bottom: 70px !important;
}
.padding-bottom-75 {
padding-bottom: 75px !important;
}
.padding-bottom-80 {
padding-bottom: 80px !important;
}
.padding-bottom-85 {
padding-bottom: 85px !important;
}
.padding-bottom-90 {
padding-bottom: 90px !important;
}
.padding-bottom-95 {
padding-bottom: 95px !important;
}
.padding-bottom-100 {
padding-bottom: 100px !important;
} .padding-right-0 {
padding-right: 0 !important;
}
.padding-right-5 {
padding-right: 5px !important;
}
.padding-right-10 {
padding-right: 10px !important;
}
.padding-right-15 {
padding-right: 15px !important;
}
.padding-right-20 {
padding-right: 20px !important;
}
.padding-right-25 {
padding-right: 25px !important;
}
.padding-right-30 {
padding-right: 30px !important;
}
.padding-right-35 {
padding-right: 35px !important;
}
.padding-right-40 {
padding-right: 40px !important;
}
.padding-right-45 {
padding-right: 45px !important;
}
.padding-right-50 {
padding-right: 50px !important;
}
.padding-right-55 {
padding-right: 55px !important;
}
.padding-right-55 {
padding-right: 55px !important;
}
.padding-right-55 {
padding-right: 55px !important;
}
.padding-right-55 {
padding-right: 55px !important;
}
.padding-right-60 {
padding-right: 60px !important;
}
.padding-right-65 {
padding-right: 65px !important;
}
.padding-right-70 {
padding-right: 70px !important;
}
.padding-right-75 {
padding-right: 75px !important;
}
.padding-right-80 {
padding-right: 80px !important;
}
.padding-right-85 {
padding-right: 85px !important;
}
.padding-right-90 {
padding-right: 90px !important;
}
.padding-right-95 {
padding-right: 95px !important;
}
.padding-right-100 {
padding-right: 100px !important;
} .padding-left-0 {
padding-left: 0 !important;
}
.padding-left-5 {
padding-left: 5px !important;
}
.padding-left-10 {
padding-left: 10px !important;
}
.padding-left-15 {
padding-left: 15px !important;
}
.padding-left-20 {
padding-left: 20px !important;
}
.padding-left-25 {
padding-left: 25px !important;
}
.padding-left-30 {
padding-left: 30px !important;
}
.padding-left-35 {
padding-left: 35px !important;
}
.padding-left-40 {
padding-left: 40px !important;
}
.padding-left-45 {
padding-left: 45px !important;
}
.padding-left-50 {
padding-left: 50px !important;
}
.padding-left-55 {
padding-left: 55px !important;
}
.padding-left-55 {
padding-left: 55px !important;
}
.padding-left-55 {
padding-left: 55px !important;
}
.padding-left-55 {
padding-left: 55px !important;
}
.padding-left-60 {
padding-left: 60px !important;
}
.padding-left-65 {
padding-left: 65px !important;
}
.padding-left-70 {
padding-left: 70px !important;
}
.padding-left-75 {
padding-left: 75px !important;
}
.padding-left-80 {
padding-left: 80px !important;
}
.padding-left-85 {
padding-left: 85px !important;
}
.padding-left-90 {
padding-left: 90px !important;
}
.padding-left-95 {
padding-left: 95px !important;
}
.padding-left-100 {
padding-left: 100px !important;
}   @media (max-width: 1600px) {
.category-box-btn {
left: 32px;
right: auto;
}
.category-box-content {
bottom: 95px;
}
.category-box-container.half {
height: 100%;
}
.fw-carousel-item .category-box-container.half:first-child {
display: none;
}
.fullwidth-slick-carousel.category-carousel .slick-slide {
height: 350px;
}
.dashboard-stat-icon {
font-size: 66px;
}
} @media only screen and (max-width: 1366px) and (min-width: 1240px) {
.input-with-icon.location a i {
padding: 15px 18px 12px 10px;
}
.data-radius-title {
margin-top: 9px;
line-height: 20px;
}
#map-container.fullwidth-home-map {
height: 605px;
}
.fs-content .search .row.with-forms .col-fs-6 {
width: 50%;
}
} @media (max-width: 1366px) {
.fullwidth-slick-carousel.category-carousel .slick-slide {
height: 320px;
}
.dashboard-stat-icon {
font-size: 50px;
}
} @media (max-width: 1440px) {
.main-search-container {
height: 580px;
}
}
@media (min-width: 1024px) {
body.full-width-header #header .container {
width: 100%;
}
body.full-width-header:not(.page-template-template-dashboard):not(.page-template-template-split-map) #header,
body.full-width-header #header.cloned {
padding-left: 20px;
padding-right: 20px;
}
body.full-width-header #navigation.style-1:before {
width: 100%;
}
}
@media (min-width: 1366px) {
body.full-width-header .left-side {
width: 75%;
}
body.full-width-header .right-side {
width: 25%;
}
}
@media (min-width: 1240px) {
body.full-width-header .left-side {
width: 65%;
}
body.full-width-header .right-side {
width: 35%;
}
} @media only screen and (max-width: 1365px) {
header.fullwidth.dashboard .container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
padding: 0 40px;
width: 100%;
} .dashboard #logo {
background-color: #fff;
position: relative;
height: 100%;
left: 0;
top: 0;
margin: 3px 50px 0 0;
max-width: auto;
min-width: auto;
}
.dashboard #logo a {
margin-left: 0;
display: inline-block;
height: 100%;
}
.dashboard #logo a.dashboard-logo {
display: none;
}
.dashboard #logo a img {
top: 0;
position: relative;
max-height: 40px;
transform: translate3d(0, 0, 0);
}
.user-menu ul {
left: -25px;
right: auto;
}
} @media (max-width: 1239px) {
#navigation.style-1 {
margin: 25px 0 5px -5px;
width: 100%;
padding-top: 15px;
padding-bottom: 0;
position: relative;
}
#navigation.style-1:before {
position: absolute;
width: 100%;
height: 1px;
display: block;
top: 0;
left: 5px;
content: "";
background: #e8e8e8;
width: 940px;
}
.fullwidth #navigation.style-1:before {
background: linear-gradient(to right, #e8e8e8 50%, #fff);
}
.listing-item-container.list-layout .listing-item-image {
flex: 3;
}
.listing-slider,
.listing-slider .item {
height: 30vh;
min-height: 400px;
max-height: 400px;
}
#header.cloned {
display: none;
}
} @media (max-width: 1024px) {
#navigation.style-1 {
margin: 0;
padding-top: 0;
}
#navigation.style-1:before {
display: none;
}
.header-widget {
height: auto;
} .dashboard #logo {
background-color: #fff;
position: absolute;
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 20px;
width: 35%;
text-align: center;
left: 0;
right: 0;
}
.dashboard #logo a {
margin-left: 0;
display: inline-block;
height: 100%;
}
.dashboard #logo a.dashboard-logo {
display: none;
}
.dashboard #logo a img {
top: 0;
position: relative;
max-height: 40px;
transform: translate3d(0, 0, 0);
}
} @media (max-width: 991px) {
.main-search-container {
height: 580px;
}
.main-search-input select,
.main-search-input select:focus {
font-size: 16px;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
background: #fff;
height: 55px;
padding: 12px 18px;
border-radius: 4px;
}
#dashboard {
padding-top: 0 !important;
} .dashboard-nav {
min-width: 90%;
max-width: 90%;
margin: 0 5%;
border-radius: 0 0 4px 4px;
position: relative;
min-height: auto;
opacity: 1;
visibility: hidden;
max-height: 0;
padding: 0;
transition: all 0.3s;
}
.dashboard-nav.active ul,
.dashboard-nav.active {
opacity: 1;
visibility: visible;
max-height: 900px;
}
.dashboard-nav ul,
.dashboard-nav.active ul li ul,
.dashboard-nav ul li ul {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: all 0.3s;
}
.dashboard-nav.active ul li.active ul {
visibility: visible;
opacity: 1;
max-height: 300px;
}
#header-container.fixed {
position: relative;
top: 0;
width: 100%;
}
.dashboard-content {
padding: 40px 5%;
padding-bottom: 0;
height: auto;
margin-left: 0px;
}
header.fullwidth.dashboard .container {
padding: 0 5%;
}
.main-search-inner {
transform: translate(0, -51%);
} a.dashboard-responsive-nav-trigger {
width: 90%;
margin: 0 5%;
margin-top: 70px;
margin-bottom: -10px;
background-color: #333;
border-radius: 5px;
color: #fff;
padding: 16px 30px;
font-weight: 600;
transition: 0.2s;
display: block;
}
a.dashboard-responsive-nav-trigger i {
margin-right: 5px;
}
a.dashboard-responsive-nav-trigger.active {
border-radius: 4px 4px 0 0;
}
.messages-container-inner {
display: block;
}
.messages-container-inner .messages-inbox {
max-width: 100%;
width: 100%;
border-right: none;
display: none;
} .main-search-input {
border-radius: 0;
display: block;
padding: 0;
max-height: 100%;
background-color: transparent;
box-shadow: none;
}
.gray-style .main-search-input {
background-color: transparent;
}
.gray-style .main-search-input-item,
.main-search-input-item {
border-color: transparent;
}
.main-search-input button.button {
margin-top: 10px;
}
.main-search-input-item {
margin-bottom: 10px;
}
.main-search-input-item,
.main-search-input .main-search-input-item:nth-last-child(2) {
padding: 0;
}
.main-search-input-item .chosen-container-single .chosen-single,
.main-search-input-item .chosen-single.chosen-container-active,
.gray-style .main-search-input-item .chosen-container-single .chosen-single,
.gray-style .main-search-input-item .chosen-single.chosen-container-active,
.gray-style .main-search-input input,
.gray-style .main-search-input input:focus,
.main-search-input input,
.main-search-input input:focus {
padding: 0 20px;
height: 55px;
line-height: 55px;
border-radius: 4px;
background: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
}
.gray-style .main-search-input input,
.gray-style .main-search-input input:focus,
.main-search-input input,
.main-search-input input:focus {
padding: 0 20px;
}
.gray-style .main-search-input-item.location a {
background: #fff;
}
.gray-style .main-search-input-item .chosen-single {
border-bottom: 1px solid #e0e0e0;
transition: border 0s;
}
.main-search-input-item .chosen-container-single .chosen-single,
.main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #e0e0e0;
box-shadow: none;
transition: 0s;
}
.main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
border-bottom: 0;
}
.main-search-input-item .chosen-container .chosen-drop {
border: 1px solid #e0e0e0;
border-top: 0;
border-radius: 0 0 4px 4px;
box-shadow: none;
}
.gray-style .main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
border-bottom: none;
}
.main-search-input-item .chosen-single::after {
display: none;
}
.simple-slick-carousel.slick-dotted.slick-slider {
margin-bottom: 0;
width: 100%;
left: 0;
}
.icon-box-2.with-line::before {
display: none;
}
.container .row div.padding-right-30 {
padding-right: 15px !important;
}
.container .row div.padding-left-30 {
padding-left: 15px !important;
}
#titlebar {
padding: 60px 0;
margin-bottom: 60px;
}
.panel-dropdown {
margin-right: 4px;
display: block;
width: 100%;
}
.fullwidth-filters .sort-by {
display: block;
width: 100%;
}
.fullwidth-filters .sort-by label,
.fullwidth-filters .sort-by .sort-by-select,
.panel-dropdown {
float: left;
margin-top: 10px;
}
.panel-dropdown a,
.fullwidth-filters .sort-by .chosen-container-single .chosen-single {
background: #f3f3f3;
}
.panel-dropdown .panel-dropdown-content,
.fullwidth-filters .panel-dropdown.float-right .panel-dropdown-content {
left: 0;
right: auto;
width: 400px;
max-width: 70vw;
}
.fullwidth-filters .sort-by .chosen-container.chosen-with-drop .chosen-drop,
.fullwidth-filters .sort-by .chosen-container .chosen-drop {
left: 0;
right: auto;
margin-left: 0;
}
.listing-item-container:hover {
transform: none;
}
.close-list-item {
display: none;
}
.buttons-to-right,
.dashboard-list-box .button.to-right {
position: relative;
transform: none;
top: 0;
margin: 10px 0 0 0;
opacity: 1;
right: auto;
}
.list-box-listing-img {
max-width: 168px;
}
.add-review-photos {
float: left;
top: 0;
}
.add-review-box {
border-radius: 4px;
background-color: #f9f9f9;
padding: 30px;
padding-bottom: 40px;
margin-bottom: 55px;
margin-top: 70px;
display: inline-block;
width: 100%;
position: relative;
}
.listing-slider .slick-next:hover,
.listing-slider .slick-next {
right: 100px
}
.listing-slider .slick-prev:hover,
.listing-slider .slick-prev {
left: 100px
}
.listing-slider,
.listing-slider .item {
height: 30vh;
min-height: 400px;
max-height: 400px;
}
.listing-nav-container.cloned .listing-nav {
display: none;
}
.opening-day .chosen-container {
vertical-align: initial;
}
.dashboard-content .dashboard-list-box-static {
margin-bottom: 40px;
}
.office-address {
padding: 60px 0 !important;
}
#googlemaps {
height: 30vh !important;
padding-bottom: 0 !important;
}
.contact-map {
display: block;
}
.contact-map #singleListingMap-container {
flex: 1;
position: relative;
padding-top: 0;
display: block;
height: 300px;
z-index: 90
}
.contact-map .address-box-container {
width: 100%;
}
.sidebar-textbox ul.contact-details {
margin-bottom: 40px;
}
} @media (max-width: 767px) {
.listing-features {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.messages-headline h4 {
display: block;
}
.message-action {
display: inline-block;
float: none;
margin-top: 15px;
background-color: #f2f2f2;
border-radius: 50px;
padding: 4px 20px;
text-align: center;
}
.message-bubble .message-text {
margin-left: 55px;
}
.message-bubble.me .message-text {
margin-right: 55px;
}
.message-bubble .message-avatar img {
width: 35px;
height: 35px;
margin-top: 8px;
}
#backtotop {
display: none;
}
.small-dialog-header {
width: calc(100% + 60px);
left: -30px;
padding: 30px;
}
.listeo-dialog,
#sign-in-dialog,
#small-dialog,
#claim-dialog {
background: #fff;
padding: 30px;
padding-top: 0;
color: #707070;
}
#sign-in-dialog .register,
#small-dialog .register,
#sign-in-dialog .register p,
#small-dialog .register p {
color: #707070;
}
.listeo-dialog .mfp-close,
#sign-in-dialog .mfp-close,
#claim-dialog .mfp-close,
#small-dialog .mfp-close {
top: 24px;
right: 30px;
width: 40px;
height: 40px;
}
.list-box-listing {
display: block;
}
.list-box-listing-content .inner {
position: relative;
top: 0;
transform: translateY(0);
display: inline-block;
}
.header-widget {
height: auto;
}
.list-box-listing-img {
max-width: 100%;
}
.list-box-listing-content {
padding-left: 0;
padding-top: 10px;
}
#titlebar {
padding: 50px 0;
margin-bottom: 40px;
padding-bottom: 25px;
}
body #titlebar.gradient {
padding: 50px 0;
margin-bottom: 0px;
padding-bottom: 35px;
}
#map-container.fullwidth-home-map .zoomControlWrapper {
top: 15px !important;
} .pricing-container {
display: block;
}
.plan.featured {
transform: none;
}
.plan {
margin-bottom: 35px;
}
#breadcrumbs {
position: relative;
display: block;
margin-top: 30px;
}
#breadcrumbs ul li {
margin: 0 10px 0 0;
}
.comment-by .numerical-rating,
.comment-by .star-rating {
position: relative;
right: 0;
top: 7px;
display: inline-block;
float: none;
height: 30px;
}
div.avatar img {
width: 40px;
height: auto;
}
.comment-by h5,
.comment-by span {
padding-left: 50px;
}
.hosted-by-avatar .avatar {
display: inline-block;
}
.user-profile-titlebar .avatar {
display: block;
}
.comment-content {
padding: 0;
}
.small-dialog-header h3 {
padding: 0;
margin: 0;
font-size: 22px;
padding-right: 80px;
line-height: 30Px;
}
.listeo-dialog,
#sign-in-dialog,
#small-dialog,
#claim-dialog,
#small-dialog-edit,
#small-dialog-edit-review {
max-width: 75vw;
}
.listing-nav li a {
border-bottom: 1px solid #e0e0e0;
padding: 15px;
width: 100%;
display: block;
padding-left: 0;
border-color: #e8e8e8;
}
.listing-nav li {
margin-right: 0;
display: block;
}
.listing-nav-container .listing-nav li:first-child a {
padding-top: 0;
}
.listing-nav-container.cloned .listing-nav li:first-child a.active,
.listing-nav-container.cloned .listing-nav li:first-child a:hover,
.listing-nav li:first-child a,
.listing-nav li a.active,
.listing-nav li a:hover {
border-color: #e8e8e8;
}
.dashboard-content .checkboxes label {
width: 100%;
}
.pricing-list-item td {
display: block;
width: 100%;
position: relative;
}
.pricing-list-item td .fm-input,
.pricing-list-item td .fm-input.pricing-price,
.pricing-list-item td .fm-input.pricing-name {
max-width: 100%;
margin-right: 0;
}
.pricing-list-item td .fm-close {
text-align: left;
position: absolute;
top: 4px;
right: 0;
}
.about-author img {
width: 70px;
height: 70px;
}
.about-description {
margin: 2px 0 0 100px;
} #posts-nav li {
position: relative;
width: 100%;
}
#posts-nav li a {
padding: 0 !important;
}
#posts-nav li a::before {
display: none;
}
#posts-nav li.next-post {
text-align: left;
margin-bottom: 30px;
}
.comments ul li ul {
margin: 0;
}
.avatar img {
max-width: 60px;
}
.comment-content {
padding: 0 0 0 85px;
}
.comments ul li ul li::before {
top: 25px;
}
.comment-content {
padding: 0;
}
.testimonial::after {
display: none;
}
.testimonial-box {
padding-left: 38px;
}
.main-search-container h1,
.main-search-container h2 {
font-size: 28px;
font-weight: 400;
line-height: 36px;
}
.main-search-container h4 {
font-size: 20px;
font-weight: 400;
line-height: 32px;
}
.main-search-container:before {
background: rgba(255, 255, 255, 0.92);
}
}
@media (max-width: 480px) {
.tabs-nav.blog li,
.tabs-nav.blog li a,
.tabs-nav li,
.tabs-nav li a {
width: 100%;
padding: 0;
border-radius: 3px;
text-align: center;
border-bottom: none;
}
.about-author img {
display: none;
}
.about-description {
margin: 0;
}
.user-menu {
margin: 10px 0 -10px 25px;
top: 0;
display: inline-block;
}
}  .flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 309;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #fff;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999
}
.flatpickr-calendar {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.4s;
display: inline-block;
}
.flatpickr-calendar.open {
opacity: 1;
visibility: visible;
pointer-events: all;
display: inline-block;
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
left: auto;
right: 22px
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff
}
.flatpickr-calendar:focus {
outline: 0
}
.flatpickr-wrapper {
position: relative;
display: inline-block
}
.flatpickr-months {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
height: 28px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
line-height: 16px;
height: 28px;
padding: 10px;
z-index: 3;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
display: none
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left: 0; }  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month { right: 0; }  .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
-webkit-transition: fill .1s;
transition: fill .1s;
fill: inherit
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57, 57, 57, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0, 0, 0, 0.1)
}
.numInputWrapper span:active {
background: rgba(0, 0, 0, 0.2)
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57, 57, 57, 0.6);
top: 26%
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57, 57, 57, 0.6);
top: 40%
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0, 0, 0, 0.5)
}
.numInputWrapper:hover {
background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
opacity: 1
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 400;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 6.16px 0 0 0;
line-height: 1;
height: 28px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: .5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, 0.05)
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0, 0, 0, 0.9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0, 0, 0, 0.9)
}
.flatpickr-current-month input.cur-year {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 .5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 400;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0, 0, 0, 0.5);
background: transparent;
pointer-events: none
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0, 0, 0, 0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.dayContainer+.dayContainer {
-webkit-box-shadow: -1px 0 0 #e6e6e6;
box-shadow: -1px 0 0 #e6e6e6
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #569ff7
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0
}
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #569ff7;
box-shadow: -10px 0 0 #569ff7
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px
}
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57, 57, 57, 0.3);
background: transparent;
border-color: transparent;
cursor: default
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
cursor: not-allowed;
color: rgba(57, 57, 57, 0.1)
}
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}
.flatpickr-day.hidden {
visibility: hidden
}
.rangeMode .flatpickr-day {
margin-top: 1px
}
.flatpickr-weekwrapper {
display: inline-block;
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #e6e6e6;
box-shadow: 1px 0 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57, 57, 57, 0.3);
background: transparent;
cursor: default;
border: none
}
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 40%;
height: 40px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%
}
.flatpickr-time input {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400
}
.flatpickr-time input:focus {
outline: 0;
border: 0
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
display: inline-block;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: #f3f3f3
}
.flatpickr-input[readonly] {
cursor: pointer
}
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
} input.time-picker:active,
input.time-picker:focus,
input.time-picker {
border: none;
cursor: pointer;
border-radius: 5px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
font-size: 16px;
font-weight: 600;
height: auto;
padding: 10px 16px;
line-height: 30px;
margin: 0 0 15px 0;
position: relative;
background-color: #fff;
text-align: left;
color: #888;
transition: color 0.3s !important;
}
input.time-picker:hover {
color: #444;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
border: none;
}
.flatpickr-calendar {
border: none;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.13);
margin-top: 9px;
border-radius: 4px;
}
.flatpickr-calendar.arrowTop:before {
border: none;
}
.flatpickr-calendar.arrowTop:after {
top: -10px;
border-right: 6px solid transparent;
border-bottom: 6px solid #ccc;
border-left: 6px solid transparent;
}
@media (min-width: 1366px) {
.flatpickr-calendar.noCalendar {
width: 309px;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
display: none;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar:before {
content: "";
position: relative;
background-color: #fff;
display: block;
height: 7px;
width: 100%;
border: none;
left: 5px;
z-index: 100;
position: absolute;
border-bottom: 1px solid #eee;
}
.flatpickr-calendar {
border-radius: 0 0 4px 4px;
border: none;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
margin-top: -5px;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
border: none;
}
}
@media (max-width: 480px) {
.flatpickr-calendar.noCalendar {
width: 210px;
}
}
.numInputWrapper:hover,
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: transparent;
}
.flatpickr-time input:active,
.flatpickr-time input:focus,
.flatpickr-time input:focus:hover,
.flatpickr-time input:hover {
background-color: transparent;
outline: none;
box-shadow: none;
}
.flatpickr-time .numInput { cursor: pointer;
background-color: #fff;
font-size: 18px;
font-weight: 600;
}
.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute {
font-weight: 600;
color: #666;
}
.flatpickr-time .flatpickr-am-pm {
font-weight: 700;
font-size: 13px;
transition: 0.3s;
color: #666;
}
.flatpickr-time .flatpickr-am-pm:hover {
background-color: #f6f6f6;
border-radius: 0 0 4px 0;
}
.flatpickr-time {
line-height: 61px;
max-height: 61px;
}
.flatpickr-time .numInputWrapper {
height: 61px;
}
.numInputWrapper span {
border: none;
background: #f2f2f2;
color: #808080;
border-radius: 3px;
width: 23px;
border: none;
height: 24px;
line-height: 1;
border-radius: 3px;
transition: 0.3s;
text-align: center;
margin-right: 5px;
}
.time24hr .numInputWrapper span {
margin-right: 15px;
}
.numInputWrapper span:hover {
background-color: #66676b;
color: #fff;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
color: #888;
}
.flatpickr-time .numInputWrapper span.arrowUp {
top: 5px;
}
.flatpickr-time .numInputWrapper span.arrowDown {
top: 32px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after,
.flatpickr-time .numInputWrapper span.arrowDown:after {
border: none;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f078";
font-size: 19px;
left: 5px;
top: 2px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
content: "\f106";
top: 2px;
} input.time-picker:active,
input.time-picker:focus,
input.time-picker {
border: none;
cursor: pointer;
border-radius: 5px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
font-size: 16px;
font-weight: 600;
height: auto;
padding: 10px 16px;
line-height: 30px;
margin: 0 0 15px 0;
position: relative;
background-color: #fff;
text-align: left;
color: #888;
transition: color 0.3s !important;
}
input.time-picker:hover {
color: #444;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
border: none;
}
.flatpickr-calendar {
border: none;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.13);
margin-top: 9px;
border-radius: 4px;
}
.flatpickr-calendar.arrowTop:before {
border: none;
}
.flatpickr-calendar.arrowTop:after {
top: -10px;
border-right: 6px solid transparent;
border-bottom: 6px solid #ccc;
border-left: 6px solid transparent;
}
@media (min-width: 1366px) {
.flatpickr-calendar.noCalendar {
width: 309px;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
display: none;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar:before {
content: "";
position: relative;
background-color: #fff;
display: block;
height: 7px;
width: 100%;
border: none;
left: 5px;
z-index: 100;
position: absolute;
border-bottom: 1px solid #eee;
}
.flatpickr-calendar {
border-radius: 0 0 4px 4px;
border: none;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
margin-top: -5px;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
border: none;
}
}
@media (max-width: 480px) {
.flatpickr-calendar.noCalendar {
width: 210px;
}
}
.numInputWrapper:hover,
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: transparent;
}
.flatpickr-time input:active,
.flatpickr-time input:focus,
.flatpickr-time input:focus:hover,
.flatpickr-time input:hover {
background-color: transparent;
outline: none;
box-shadow: none;
}
.flatpickr-time .numInput { cursor: pointer;
background-color: #fff;
font-size: 18px;
font-weight: 600;
}
.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute {
font-weight: 600;
color: #666;
}
.flatpickr-time .flatpickr-am-pm {
font-weight: 700;
font-size: 13px;
transition: 0.3s;
color: #666;
}
.flatpickr-time .flatpickr-am-pm:hover {
background-color: #f6f6f6;
border-radius: 0 0 4px 0;
}
.flatpickr-time {
line-height: 61px;
max-height: 61px;
}
.flatpickr-time .numInputWrapper {
height: 61px;
}
.numInputWrapper span {
border: none;
background: #f2f2f2;
color: #808080;
border-radius: 3px;
width: 23px;
border: none;
height: 24px;
line-height: 1;
border-radius: 3px;
transition: 0.3s;
text-align: center;
margin-right: 5px;
}
.time24hr .numInputWrapper span {
margin-right: 15px;
}
.numInputWrapper span:hover {
background-color: #66676b;
color: #fff;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
color: #888;
}
.flatpickr-time .numInputWrapper span.arrowUp {
top: 5px;
}
.flatpickr-time .numInputWrapper span.arrowDown {
top: 32px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after,
.flatpickr-time .numInputWrapper span.arrowDown:after {
border: none;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f078";
font-size: 11px;
left: 7px;
top: 8px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
content: "\f077";
top: 6px;
}
.flatpickr-calendar {
position: absolute !important;
background: white;
z-index: 9999;
}
.noCalendar .flatpickr-time {
display: none;
}
.open .flatpickr-time {
display: flex;
}
#negative-feedback {
display: none;
}  input#date-picker {
border: none;
cursor: pointer;
border-radius: 5px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
font-size: 16px;
font-weight: 600;
height: auto;
padding: 10px 16px;
line-height: 30px;
margin: 0 0 15px 0;
position: relative;
background-color: #fff;
text-align: left;
color: #888;
transition: color 0.3s !important;
}
input#date-picker:hover {
color: #444;
}
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.12);
width: 278px;
max-width: none;
padding: 0;
margin-top: 14px;
top: 100px;
left: 20px;
z-index: 9999;
display: none;
font-size: 15px;
line-height: 1em;
transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
opacity: 1;
transform: translateY(-15px);
} .daterangepicker.bordered-style {
border: 1px solid #e0e0e0;
border-radius: 4px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
margin-top: 4px;
transform: none !important;
}
.daterangepicker.bordered-style.opensleft:after {
display: none;
}
.daterangepicker.calendar-animated {
opacity: 0;
transform: translateY(-15px);
}
.daterangepicker.calendar-hidden {
display: block !important;
opacity: 0;
pointer-events: none;
visibility: hidden;
transform: translateY(-15px);
}
.daterangepicker.calendar-visible {
opacity: 1;
pointer-events: all;
visibility: visible;
z-index: 9999999;
transform: translateY(0);
}
.daterangepicker:before,
.daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.daterangepicker:after {
top: -7px;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 50px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 50px;
} @media (min-width: 1366px) {
.daterangepicker.single {
width: 305px;
}
.daterangepicker.single .drp-calendar {
width: 100%;
zoom: 1.08;
}
body .daterangepicker.ltr .drp-calendar.left .calendar-table {
padding-right: 0;
}
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
@media (min-width: 1300px) {
body.single-listing:not(.listing-type-service) .daterangepicker:not(.single) .drp-calendar {
width: 280px;
max-width: 280px;
}
body.single-listing:not(.listing-type-service) .daterangepicker:not(.single) {
width: 560px;
}
}
.daterangepicker .drp-calendar.left {
padding: 12px 0 12px 12px;
}
.daterangepicker .drp-calendar.right {
padding: 12px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
color: #fff;
border: solid #aaa;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
margin-left: 3px;
}
.daterangepicker th.available.next:hover,
.daterangepicker th.available.prev:hover {
background: #f0f0f0;
}
.daterangepicker .calendar-table .next span {
margin-right: 6px;
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 14px;
border-radius: 4px; white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table td {
transition: 0.3s;
}
.daterangepicker .calendar-table td.available.in-range:hover {
border-radius: 3px;
color: #fff;
}
.daterangepicker .calendar-table td.available.start-date:hover {
border-radius: 3px 0 0 3px;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 2px;
border-collapse: separate;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background-color: #66676b;
border-color: transparent;
color: #fff;
}
.daterangepicker td.week,
.daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
background-color: #f4f4f4;
border-color: transparent;
color: #999;
}
.daterangepicker td.off {
background: transparent
}
body.woocommerce-order-pay .woocommerce table.shop_table tr.order_item td {
border-bottom: 1px solid #e0e0e0;
}
body.woocommerce-checkout #payment ul.payment_methods li input {
margin: 8px .5em 0 0;
}
.daterangepicker td.in-range {
background-color: rgb(102, 103, 107, 0.08);
border-color: transparent;
color: #66676b;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #66676b;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
background: #f4f4f4; }
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker td.end-date.in-range.available {
color: #fff;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #fff;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
height: 30px;
box-shadow: none;
background: #eee;
border: none;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 14px;
min-height: 63px;
display: block;
border-top: 1px solid #eaeaea;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 14px;
padding-right: 8px;
}
.daterangepicker .drp-buttons button.applyBtn,
.daterangepicker .drp-buttons button.cancelBtn {
background: none;
padding: 6px 14px;
display: inline-block;
outline: none;
line-height: 20px;
border: none;
font-weight: 600;
margin: 0;
font-size: 14px;
border-radius: 50px;
background-color: #66676b;
color: #fff;
transition: all 0.3s;
margin: 0 3px;
}
.daterangepicker .drp-buttons button.cancelBtn {
background-color: #f4f4f4;
color: #888;
}
.daterangepicker .drp-buttons button.cancelBtn:hover {
background-color: #f0f0f0;
color: #666;
}
.daterangepicker .drp-buttons button.applyBtn {
background-color: #66676b;
}
.daterangepicker .drp-buttons button.applyBtn:hover {
opacity: 0.95;
}
.daterangepicker.show-ranges .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
} .booking-requests-filter {
position: relative;
float: right;
top: 14px;
right: 25px;
background: #fff;
border-radius: 4px;
}
.booking-requests-filter .sort-by {
margin-left: 10px;
}
.dashboard-list-box .booking-requests-filter .sort-by-booking-author,
.dashboard-list-box .booking-requests-filter .sort-by-status,
.dashboard-list-box .booking-requests-filter .sort-by {
right: 0;
top: 0;
float: left;
}
#no-bookings-information {
padding: 20px 30px
}
#chart-date-range,
#booking-date-range {
float: right;
background: #fff;
border-radius: 3px;
cursor: pointer;
padding: 6px;
display: inline-block;
position: relative;
margin: 0;
box-sizing: border-box;
color: #666;
font-weight: 600;
transition: 0.3s;
background-color: #fff;
margin-left: 15px;
top: -2px;
}
@media (max-width: 768px) {
.booking-requests-filter {
display: none;
}
}
#chart-date-range:hover,
#booking-date-range:hover {
color: #66676b;
}
#chart-date-range span,
#booking-date-range span {
padding-right: 7px;
}
#chart-date-range span:after,
#booking-date-range span:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
margin: 0 0 0 0;
right: 0px;
position: relative;
width: auto;
height: auto;
display: inline-block;
color: #66676b;
float: right;
transition: transform 0.3s;
transform: translate3d(0, 0, 0) rotate(0deg);
}
#booking-date-range i {
color: #999;
} .daterangepicker .ranges li {
font-size: 13px;
padding: 8px 12px;
cursor: pointer;
transition: 0.3s;
}
.daterangepicker .ranges li:hover {
background-color: #f4f4f4;
}
.daterangepicker .ranges li.active {
background-color: #66676b;
color: #fff;
} @media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single.ltr .ranges,
.daterangepicker.single.ltr .drp-calendar {
float: left;
}
.daterangepicker.single.rtl .ranges,
.daterangepicker.single.rtl .drp-calendar {
float: right;
}
.daterangepicker.ltr {
direction: ltr;
text-align: left;
}
.daterangepicker.ltr .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker.ltr .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker.ltr .drp-calendar.right {
margin-left: 0;
}
.daterangepicker.ltr .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker.ltr .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker.ltr .ranges,
.daterangepicker.ltr .drp-calendar {
float: left;
}
.daterangepicker.rtl {
direction: rtl;
text-align: right;
}
.daterangepicker.rtl .drp-calendar.left {
clear: right;
margin-left: 0;
}
.daterangepicker.rtl .drp-calendar.left .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker.rtl .drp-calendar.right {
margin-right: 0;
}
.daterangepicker.rtl .drp-calendar.right .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker.rtl .drp-calendar.left .calendar-table {
padding-left: 12px;
}
.daterangepicker.rtl .ranges,
.daterangepicker.rtl .drp-calendar {
text-align: right;
float: right;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker.ltr .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
} .daterangepicker .calendar-time {
display: flex;
gap: 5px;
padding: 0;
margin: 1px;
margin-top: 8px;
justify-content: space-between;
border-radius: 4px;
padding-right: 10px; background: #f0f0f0;
padding-left: 24px;
}
.daterangepicker .calendar-time:before {
content: "\f017";
font-family: "Font Awesome 5 Free";
top: 4px;
left: 11px;
color: #aaa;
position: absolute;
}
.calendar-time-label {
font-size: 13px;
font-weight: 600;
display: block;
margin: 10px 0 0 0
}
.calendar-time .select-wrapper:last-child {
border: none;
padding: 0;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
width: 100%;
}
.left .calendar-time {
width: calc(100% - 10px);
}
.daterangepicker .calendar-time select {
background: transparent;
color: #777;
border-radius: 4px;
font-size: 15px;
border-left: 1px solid #d4d4d4;
height: 38px;
padding: 5px;
text-align: center;
border-radius: 0;
margin-left: 4px;
width: 100%;
}
.daterangepicker .calendar-time select:first-child {
border: none;
}
.daterangepicker .calendar-time option {
background: #e0f6dd;
color: #6a9664;
cursor: pointer;
font-weight: 500;
font-size: 14px;
padding: 0;
} .booking-estimated-discount-cost,
.booking-estimated-cost,
.booking-event-date {
display: block;
margin-top: 15px;
margin-bottom: -5px;
padding-top: 15px;
border-top: 1px solid #e8e8e8;
font-weight: 16px;
}
.booking-estimated-discount-cost strong,
.booking-estimated-discount-cost span,
.booking-estimated-cost strong,
.booking-event-date strong,
.booking-event-date span,
.booking-estimated-cost span {
display: inline;
font-weight: 600;
}
.booking-estimated-discount-cost span,
.booking-estimated-cost span,
.booking-event-date span {
text-align: right;
float: right;
color: #66676b;
font-size: 16px;
position: relative;
} .booking-widget h3 {
position: relative;
}
h3 .listing-price {
position: absolute;
right: 0;
top: -7px;
font-size: 16px;
font-weight: 600;
background-color: #f0f0f0;
border-radius: 4px;
padding: 8px 10px;
}
h3 .listing-price i {
font-weight: 400;
color: #888;
font-style: normal;
font-size: 13px;
position: relative;
top: 1px;
margin-left: -3px;
padding: 0;
margin-right: 0;
}
#booking-date-range span::after,
.time-slot label:hover span,
.daterangepicker td.in-range,
.time-slot input~label:hover,
.booking-estimated-cost span,
.time-slot label:hover span {
color: #66676b;
}
.off.disabled {
pointer-events: none;
} .daterangepicker td.start-date,
.daterangepicker td.end-date,
.daterangepicker td.start-date.end-date,
.daterangepicker .calendar-table td.available.in-range:hover,
.daterangepicker .calendar-table td.available.start-date:hover,
.daterangepicker .calendar-table {
border-radius: 4px;
}  .qtyButtons {
display: flex;
margin: 0 0 13px 0;
}
@media (min-width: 992px) and (max-width: 1366px) {
.qtyButtons {
display: block;
}
}
.panel-dropdown-content .qtyButtons:first-child {
margin-top: 8px;
}
.panel-dropdown-content .qtyButtons:last-child {
margin-bottom: 3px;
}
.qtyButtons input {
font-family: "Open Sans", sans-serif;
outline: 0;
font-size: 20px;
text-align: center;
width: 50px;
height: 36px;
color: #333;
line-height: 36px;
margin: 0 !important;
padding: 0 5px;
border: none;
box-shadow: none;
pointer-events: none;
display: inline-block;
}
.qtyTitle {
font-size: 16px;
font-weight: 600;
line-height: 36px;
padding-right: 15px;
display: block;
flex: 1;
}
.qtyInc,
.qtyDec {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 14px;
background-color: #f2f2f2;
-webkit-text-stroke: 1px #f2f2f2;
color: #333;
display: inline-block;
text-align: center;
border-radius: 50%;
cursor: pointer;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.qtyInc:before {
content: "\f067";
}
.qtyDec:before {
content: "\f068";
}
.qtyTotal {
background-color: #66676b;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 600;
font-family: "Open Sans", sans-serif;
line-height: 18px;
text-align: center;
position: relative;
top: -2px;
left: 2px;
height: 18px;
width: 18px;
}
.partially-booked.available {
position: relative;
}
.partially-booked.available:before {
content: "";
display: inline-block;
height: 5px;
width: 5px;
border-radius: 50px;
position: absolute;
top: 5px;
margin-left: 4px;
background: #ffa600;
}  .booking-widget .panel-dropdown .panel-dropdown-content.padding-reset {
padding: 0;
}
.panel-dropdown-scrollable {
max-height: 273px;
overflow: auto;
padding: 0 10px;
margin: 22px 6px 16px 6px;
} .panel-dropdown-scrollable::-webkit-scrollbar {
width: 6px;
}
.panel-dropdown-scrollable::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 6px;
}
.panel-dropdown-scrollable::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: rgba(0, 0, 0, 0.2);
}
.panel-dropdown-scrollable::-webkit-scrollbar-thumb:hover {
border-radius: 6px;
background-color: rgba(0, 0, 0, 0.3);
} .panel-dropdown .panel-dropdown-content {
pointer-events: none;
}
.panel-dropdown.active .panel-dropdown-content {
pointer-events: all;
} .no-slots-information {
float: left;
padding: 23px 10px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
color: #777;
transition: 0.3s;
overflow: hidden;
font-size: 15px;
width: 100%;
position: relative;
}
.time-slot {
display: block;
}
.time-slot label {
border-radius: 3px;
border: none;
background-color: #f6f6f6;
width: 100%;
} .time-slot input:empty {
display: none;
} .time-slot label i {
position: relative;
font-size: 18px;
top: 2px;
margin-right: 2px;
}
.time-slot input:empty~label {
position: relative;
float: left;
padding: 12px 10px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
color: #777;
transition: 0.3s;
overflow: hidden;
font-size: 15px;
}
.time-slot:last-child label {
margin-bottom: 0;
}
.time-slot input~label:hover {
color: #66676b;
background-color: rgb(102, 103, 107, 0.08);
}
.time-slot input:checked~label:hover {
color: #fff;
}
.time-slot input:checked~label {
color: #fff;
background-color: #66676b;
}
.time-slot input:checked~label span {
color: #fff;
opacity: 0.8;
}
.time-slotinput:empty~label:after,
.time-slot input:empty~label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
text-align: center;
border-radius: 4px;
background: transparent;
z-index: 100;
opacity: 0;
}
.time-slot label span,
.time-slot label strong {
font-weight: 600;
display: block;
padding: 0;
margin: 0;
line-height: 19px;
}
.time-slot label span {
font-weight: 500;
opacity: 0.5;
transition: 0.3s;
}
.time-slot label:hover span {
color: #66676b;
opacity: 0.6;
}
.time-slots-dropdown .panel-dropdown-content {
max-width: 100%;
}
.calendar-time select {
display: inline-block;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}  .post.sticky {
display: block;
background: #fff9d7;
padding: 0px 30px;
}
.post.sticky .post-content {
border-bottom: 0px;
}
.blog-page .blog-post.sticky .post-content {
background: #fff8cf;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} #listeo-calendar-outer {
width: 100%;
}
#listeo-calendar-outer th {
text-align: center;
padding: 18px;
font-weight: normal;
}
#listeo-calendar-outer .prev {
display: inline-block;
float: left;
cursor: pointer
}
#listeo-calendar-outer .next {
display: inline-block;
float: right;
cursor: pointer
}
#listeo-calendar-outer #currentYear:focus {
outline: none;
background: #ff8e8e;
}
#listeo-calendar-outer .calendar-nav {
background-color: #f4f4f4;
border-radius: 4px;
text-align: center;
padding: 10px;
color: #333;
box-sizing: border-box;
font-weight: 600;
}
#listeo-calendar-outer .calendar-nav i {
color: #666;
padding: 5px;
margin-top: 3px;
font-size: 13px;
font-weight: 500;
display: inline-block;
}
#listeo-calendar-outer {
border-collapse: separate;
border-spacing: 12px;
width: calc(100% + 20px);
margin-left: -10px;
}
#calendar-outer .week-name-title td {
display: inline-block;
padding: 10px 25px;
}
.label-_availability {
font-weight: 600;
color: #333;
font-size: 14px
}
.week-day-cell td {
background: #fff;
color: #666;
border-radius: 3px;
padding: 15px;
font-size: 13px;
font-weight: 400;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
border: 1px solid #e0e0e0;
}  .calendar-day-date {
cursor: pointer;
display: inline-block;
padding: 5px;
font-size: 20px;
font-weight: 600;
background: #fff;
border-radius: 3px;
margin: 0 0 10px 0;
line-height: 35px;
padding-bottom: 7px;
width: 100%;
}
.week-day-cell td .calendar-day-date {
background: #EBF6E0;
color: #5f9025;
}
.week-day-cell td.not_active .calendar-day-date {
color: #de5959;
background: #ffe9e9;
}
.week-day-cell td .calendar-price span {
color: #666;
padding: 10px 5px;
font-size: 12px;
font-weight: 500;
width: 100%;
display: block;
border: 1px solid #e6e6e6;
background: #fff;
border-radius: 3px 3px 0 0;
border-bottom: none;
margin: 0;
line-height: 15px;
}
.week-day-cell td button {
background: #eeeeee;
color: #666;
border-radius: 0 0 3px 3px;
padding: 10px 5px;
border: none;
font-size: 12px;
font-weight: 500;
width: 100%;
margin: 0;
transition: 0.3s;
position: relative;
top: -1px;
line-height: 15px;
}
#listeo-calendar-outer .week-name-title th {
text-align: center;
font-weight: normal;
background: #f8f8f8;
border-radius: 3px;
font-weight: 500;
font-size: 13px;
padding: 10px 0;
margin: 0;
line-height: 20px;
font-weight: 600;
color: #333
}
.week-day-cell td button:hover {
background: #e0e0e0;
color: #444;
}
.wait {
cursor: wait;
}
#listeo-listings-container {
transition: opacity 0.3s;
}
#listeo-listings-container.loading {
opacity: 0.75;
}
.fs-content #listeo-listings-container {
opacity: 1;
}
.loading {
opacity: 0.75
}
.opacity-1 {
opacity: 1
}
.opacity-05 {
opacity: 0.5;
transition: opacity 0.3s
}
.opacity-00 {
opacity: 0
}
.calendar-day-date-name {
display: none;
}
@media (max-width: 900px) {
table#listeo-calendar-outer .week-name-title th {
display: none;
}
table#listeo-calendar-outer th {
display: block;
}
table#listeo-calendar-outer td {
display: block;
margin-bottom: 20px;
}
table#listeo-calendar-outer .listeo-empty-calendar-day {
display: none;
}
.calendar-day-date-name {
display: block;
}
} .page-template-template-split-map {
background-color: #f7f7f7;
}
.fs-inner-container.content:after {
content: "";
position: absolute;
bottom: 1px;
height: 1px;
background-color: #f7f7f7;
display: block;
width: 100%;
box-shadow: -10px 0px 0px 10px #f7f7f7;
}
#listings-not-found {
background-color: #f6f6f6;
border-radius: 4px;
margin: 15px;
width: calc(100% - 30px);
padding: 30px 34px;
}
.page-template-template-split-map #listings-not-found {
background-color: #fff;
}
.panel-dropdown .panel-dropdown-content .notification {
margin: 0 10px;
padding: 0;
background: transparent !important;
color: #666 !important;
}
.panel-checkboxes-container {
display: flex;
flex-wrap: wrap;
padding: 0 12px
}
.panel-checkbox-wrap {
flex-grow: 0;
width: 33%;
line-height: 22px;
}
@media (max-width: 992px) {
.panel-checkbox-wrap {
flex-grow: 0;
width: 50%;
line-height: 22px;
}
}
@media (max-width: 768px) {
.panel-checkbox-wrap {
flex-grow: 0;
width: 100%;
line-height: 22px;
}
}
#map-container .gm-fullscreen-control {
display: none;
}
#listings-not-found h2 {
font-size: 22px;
font-weight: 500;
margin: 5px 0 0 0;
}
#listings-not-found p {
margin: 10px 0 0 0;
}
.more-search-options .notification p {
font-size: 14px;
line-height: 24px;
padding-right: 5px;
}
.more-search-options .notification {
padding: 17px 23px;
}
span.wpcf7-not-valid-tip {
color: #db4e4e;
font-size: 1em;
font-weight: normal;
display: block;
margin: 0;
font-size: 13px;
background: #fff0f0;
display: inline-block;
border-radius: 3px;
padding: 0px 6px;
top: -9px;
margin: 0 0 10px 0;
display: inline-block;
text-align: center;
position: relative;
}
div.wpcf7-response-output {
margin: 0;
padding: 10px 15px;
border-radius: 3px;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #e3f2dd;
background: #e3f2dd;
color: #528c39;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ffeaea;
background: #ffeaea;
color: #d53434
}
div.wpcf7-spam-blocked {
border: 2px solid #f6f5d9;
background: #f6f5d9;
color: #b17f22;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f6f5d9;
background: #f6f5d9;
color: #b68f00;
}
.wpcf7-form-control.wpcf7-submit {
padding: 0 20px;
height: 44px;
}
.trigger.opened.active a {
border-bottom: 1px solid #fff;
}
.trigger a {
border-bottom: 1px solid #e8e8e8
}
.toggle-wrap .trigger a {
border-bottom: 1px solid #e8e8e8
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a {
border-width: 1px !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
padding: 0 !important;
}
.list-box-listing-content .inner .numerical-rating,
.list-box-listing-content .inner .star-rating {
display: none;
}
.submit-page .notification.notice {
margin-bottom: 35px;
}
.listeo-empty-calendar-day {
opacity: 0;
}
body.author .boxed-widget.margin-top-30 {
margin-top: 0 !important;
} #footer ul.menu {
margin: 0 0 15px 0;
padding: 0;
width: 50%;
box-sizing: border-box;
display: inline-block;
float: left;
}
#footer ul.menu li {
position: relative;
list-style: none;
}
#footer ul.menu li a {
padding: 0 0 9px 14px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #707070;
line-height: 21px;
}
#footer ul.menu li a:hover {
color: #66676b;
}
#footer ul.menu li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
content: "\f054";
position: absolute;
left: 0;
top: -1px;
padding: 0 7px 0 0;
color: #ccc;
}
#footer.dark ul.menu li a {
color: #aaa;
}
#footer.dark ul.menu li:before {
color: #444;
}
.no-comments {
opacity: 0;
visibility: hidden;
margin-bottom: 55px;
}
.listing_preview_container {
margin-bottom: 25px;
} .submit-page button[name="submit_listing"] {
padding: 11px 22px;
font-size: 16px;
}
.submit-page button[name="continue"] {
padding: 11px 22px;
font-size: 16px;
}
.submit-page button[name="continue"] i {
padding: 0 0 0 4px;
}
.submit-page.type-service .calendar-price {
display: none;
}
#listing_preview button[name="continue"],
#listing_preview button[name="edit_listing"] {
padding: 11px 22px;
font-size: 16px;
}
.activity-time {
display: inline-block;
background-color: #f0f0f0;
color: #888;
padding: 5px 6px;
line-height: 12px;
border-radius: 3px;
font-size: 12px;
}
.listing-added-notice {
background: #fff; border-radius: 4px;
padding: 15px;
border: 2px solid #e0e0e0;
}
.listing-added-notice .booking-confirmation-page i {
color: #23b35f;
}
@media (min-width: 992px) {
.listing-added-notice {
background: #fff;
border-radius: 4px;
padding: 50px 15px;
}
.listing-added-notice .booking-confirmation-page i {
color: #23b35f;
font-size: 140px;
margin-bottom: -10px;
}
.listing-added-notice .booking-confirmation-page h2 {
font-size: 46px;
font-weight: 700;
letter-spacing: -0.5px;
margin-bottom: 15px;
display: block;
}
.listing-added-notice .booking-confirmation-page p {
margin-bottom: 5px;
}
}
#reviews_list_visitors li p {
margin-bottom: 0;
}
.listing_preview_container .star-rating {
display: none;
}
#tiptip_holder.tip_left #tiptip_arrow,
#tiptip_holder.tip_left #tiptip_arrow_inner {
left: -1px;
} body .ajax-search .panel-buttons,
body .ajax-search .radius-dropdown .panel-apply {
display: none !important;
}
body .ajax-search .radius-dropdown .panel-buttons {
display: block !important;
}
.ajax-search .panel-checkboxes-container {
margin-bottom: -8px;
}
.ajax-search #search_radius-panel .panel-buttons {
display: block;
}
.ajax-search #search_radius-panel .panel-buttons .panel-apply {
display: none;
} .panel-dropdown-content.disabled .range-slider {
pointer-events: none;
}
.panel-dropdown-content.disabled .panel-buttons {
display: block;
}
.sidebar .slider-disable,
.sidebar .panel-disable {
font-size: 13px;
padding: 3px 14px;
margin-bottom: 15px;
}
#not-found .main-search-input,
#not-found .main-search-input input {
background: #f6f6f6;
box-shadow: none;
}
#not-found .main-search-input {
margin-top: 30px !important;
}
#not-found {
padding-bottom: 50px;
padding-top: 0;
margin-top: -0px !important;
}
@media (max-width: 992px) {
#not-found .main-search-input {
background: transparent;
}
}
body .dashboard-nav ul li a i.fa.fa-calendar-check-o:before,
body .user-menu ul li a i.fa.fa-calendar-check-o:before {
content: "\e040";
font-family: "simple-line-icons"
}
.listings-sidebar-content {
margin-bottom: 40px;
overflow: hidden;
}
.panel-dropdown .qtyTitle {
display: none;
}
.panel-dropdown .qtyButtons {
display: block;
text-align: center;
}
.numerical-rating .rating-counter {
margin-left: -8px;
}
@media (max-width: 768px) {
.main-search-input .main-search-input-item:nth-last-child(3) {
border-right: none;
padding-left: 0;
padding-right: 0
}
}
#listeo-activities-list strong {
font-weight: 600;
}
.post-type-archive-listing #footer,
.single-listing #footer {
margin-top: 25px;
}
.post-type-archive-listing .mobile-search-trigger {
display: none;
}
.comment-content .star-rating {
padding: 3px 11px;
padding-right: 8px;
border-radius: 50px;
background: #f8f8f8;
line-height: 24px;
transition: 0.2s;
} .comment-content ul {
margin-left: 25px !important;
display: block;
list-style-type: square;
padding-inline-start: 40px;
}
.comment-content ol {
margin-left: 0 !important;
display: block;
list-style-type: decimal;
padding-inline-start: 20px;
}
.comment-content ol li,
.comment-content ul li {
margin-top: 0 !important;
display: list-item;
}
.dashboard-list-box .listing-reviews li:hover .star-rating,
.dashboard-list-box .review-li:hover .star-rating {
background: #f5f5f5;
}
.pricing-list-container .pricing-menu-no-title:first-child {
border-top: 1px solid #e9e9e9
}
.pricing-menu-details p:empty {
display: none;
}
#add-listing-slots-notice {
display: inline-block;
font-size: 14px;
color: #3184ae;
background: #e1f3fc;
border-radius: 3px;
padding: 5px 12px;
line-height: 22px;
margin-left: 0;
margin-top: 5px;
}
.fs-listings .pagination-container {
margin-bottom: 40px !important;
margin-top: 0 !important;
}
.admin-bar #header.cloned.sticky {
margin-top: 32px;
} .account-type {
display: flex;
width: calc(100% + 20px);
margin: 0 0 10px 0;
}
.account-type div {
flex: 1;
margin-right: 20px;
}
.account-type label {
border-radius: 3px;
border: none;
background-color: #f2f2f2;
width: 100%;
}
.account-type label i,
.sign-in-form .account-type label i {
font-size: 16px;
color: #888;
position: relative;
left: 0;
bottom: 0;
transition: 0.4s;
} .account-type input.account-type-radio:empty {
display: none;
} .account-type label i {
position: relative;
font-size: 16px;
line-height: 28px !important;
margin-right: 2px;
}
.account-type input.account-type-radio:empty~label {
position: relative;
float: left;
padding: 10px;
text-align: center;
padding-bottom: 11px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
color: #888;
transition: 0.4s;
height: 48px;
line-height: 28px;
overflow: hidden;
}
.account-type input.account-type-radio~label:hover i {
color: #66676b;
}
.account-type input.account-type-radio~label:hover {
color: #66676b;
background-color: rgb(102, 103, 107, 0.1);
}
.account-type input.account-type-radio:checked~label i {
color: #fff;
}
.account-type input.account-type-radio:checked~label {
color: #fff;
background-color: #66676b;
}
.account-type input.account-type-radio:empty~label:after,
.account-type input.account-type-radio:empty~label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
text-align: center;
line-height: 48px;
border-radius: 4px;
font-size: 22px;
background: transparent;
z-index: 100;
opacity: 0;
}
.account-type .ripple-effect-dark span.ripple-overlay {
animation: ripple 1.2s;
opacity: 0.03;
} @keyframes typeCheck {
0% {
opacity: 0;
transform: translateY(10px);
}
50% {
opacity: 1;
transform: translateY(0px);
}
100% {
opacity: 0;
transform: translateY(-10px);
}
}
@keyframes typeBG {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media (max-width: 767px) {
.account-type {
width: 100%;
display: block;
margin: -10px 0 0 0;
}
.account-type div {
margin-right: 0;
width: 100%;
display: block;
max-width: 100%;
}
}
body .button.book-now.loading.loading {
pointer-events: none;
cursor: default;
}
body .button.booking-confirmation-btn.loading,
body .button.book-now.loading {
opacity: 1;
}
body .button.book-now-notloggedin span.book-now-text,
body .button.booking-confirmation-btn span.book-now-text,
body .button.book-now span.book-now-text {
transition: 0.4s;
}
body .button.listeo-booking-widget-apply_new_coupon.loading span.apply-coupon-text,
body .button.book-now-notloggedin.loading span.book-now-text,
body .button.book-now.loading span.book-now-text,
body .button.booking-confirmation-btn.loading span.book-now-text {
opacity: 0;
}
body .button.listeo-booking-widget-apply_new_coupon .loadingspinner,
body .button.book-now-notloggedin .loadingspinner,
body .button.book-now .loadingspinner,
body .button.booking-confirmation-btn .loadingspinner {
opacity: 0;
}
body .button.book-now-notloggedin.loading .loadingspinner,
body .button.book-now.loading .loadingspinner,
body .button.booking-confirmation-btn.loading .loadingspinner {
opacity: 1;
} .loadingspinner {
pointer-events: none;
width: 20px;
height: 20px;
border: 3px solid transparent;
border-color: rgba(255, 255, 255, 0.5);
border-top-color: #fff;
border-radius: 50%;
-webkit-animation: loadingspin 1s linear infinite;
animation: loadingspin 1s linear infinite;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 12px;
transition: opacity 0.4s;
}
body .button.booking-confirmation-btn .loadingspinner {
top: 15px;
}
@-webkit-keyframes loadingspin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loadingspin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} @keyframes fieldshake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70% {
transform: translateX(-5px);
}
20%,
40%,
60% {
transform: translateX(5px);
}
}
.bounce {
animation-name: fieldshake;
animation-duration: 0.6s;
}
body.woocommerce-order-pay .woocommerce table.shop_table th.product-name,
body.woocommerce-order-pay .woocommerce table.shop_table th.product-quantity,
body.woocommerce-order-pay .woocommerce table.shop_table th.product-total {
text-align: left;
}
.product-quantity strong {
font-weight: 600;
}
body .woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
background: #72A40D !important;
}
.add-listing-dashboard-template .daterangepicker.single {
border: 1px solid #e0e0e0;
border-radius: 4px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
margin-top: 10px;
transform: none !important;
}
.add-listing-dashboard-template .daterangepicker.single:before {
display: none;
}
.add-listing-dashboard-template .daterangepicker.single:after {
top: -7px;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
display: block;
content: ""
}
.captcha_wrapper {
margin: 10px 0 15px 0;
}
.register .captcha_wrapper {
margin: 25px 0 15px 0;
}
.mfp-content form .form-row-wide:after,
.mfp-content form .form-row-wide:before {
display: none;
}
input:-webkit-autofill:focus,
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
-webkit-text-fill-color: #808080 !important;
}
body #chart-date-range-enabler {
padding: 5px;
}
body .col-md-12 #chart-date-range,
body .col-md-12 #chart-date-range-enabler {
top: 15px;
right: 25px;
}
.chart-container {
position: relative;
max-width: 99%;
}
.dashboard-stats-box #chart-date-range span:after {
margin-top: 2px;
}
.chart-sort-by .select2-container--open .select2-dropdown--below,
.sort-by .select2-dropdown {
padding-top: 8px;
border: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 8%);
border-radius: 4px;
min-width: 200px;
}
@media (min-width: 992px) {
.chart-sort-by .select2-container--open .select2-dropdown--below,
.sort-by .select2-dropdown {
top: 3px !important;
}
}
.chart-button {
background: #fff;
border-radius: 0 0 5px 5px;
padding: 0px 30px 15px 30px;
}
#chart-date-range span:after {
color: #666;
font-size: 11px !Important;
}
body .dashboard-stats-box #chart-date-range {
top: -5px;
right: 0;
font-size: 15px;
}
.chart-box-content {
border-radius: 0 0 4px 4px;
}
body #booking-date-range-enabler {
padding: 5px;
}
#chart-date-range-enabler:after,
#booking-date-range-enabler:after {
color: #66676b;
right: 0;
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 11px;
margin: 0 0 0 8px;
position: relative;
width: auto;
height: auto;
display: inline-block;
color: #c0c0c0;
float: right;
transition: transform 0.3s;
transform: translate3d(0, 0, 0) rotate(0deg);
}
.booking-confirmation-page a.button {
margin-top: 15px;
} .featured-icon {
display: inline-block;
width: 28px;
height: 28px;
font-size: 16px;
color: #ffc600;
font-style: normal;
font-weight: 500;
line-height: 20px;
text-align: center;
position: absolute;
top: 30px;
left: 30px;
z-index: 110;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.list-layout .featured-icon {
left: 20px;
top: 20px;
}
.featured-icon:before {
content: "\f005";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: relative;
z-index: 11;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
display: block;
top: 5px;
}
.featured-icon:after {
z-index: 9;
width: 28px;
height: 28px;
border-radius: 50%;
display: block;
content: "";
position: absolute;
top: 0px;
left: 0px;
background-color: #fffbed;
}
@media (max-width: 991px) {
.dashboard-responsive-nav-trigger {
z-index: 41
}
.dashboard-nav {
z-index: 40;
}
}
.single-post .navigation.post-navigation {
margin-bottom: 55px;
} .paid span,
.unpaid span {
font-weight: 600;
}
.paid {
color: #48ad13;
}
.wallet-currency {
font-weight: 500;
border-radius: 3px;
background: rgba(255, 255, 255, 0.4);
font-size: 16px;
line-height: 25px;
padding: 3px 7px;
}
.comission-taken {
border-radius: 3px;
font-size: 14px;
color: #888;
font-weight: 400;
background: #f4f4f4;
display: inline-block;
padding: 6px 10px;
float: right;
position: relative;
top: -3px;
}
.comission-taken strong {
font-weight: 600;
color: #666;
}
@media (max-width: 768px) {
.comission-taken {
float: none;
display: block;
margin-top: 10px;
padding: 0;
background: transparent;
}
}
a.payout-method.button {
float: right;
display: inline-block;
padding: 8px 16px;
font-size: 14px;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 768px) {
a.payout-method.button {
position: relative;
display: block;
transform: none;
top: 0;
right: 0;
margin-top: 15px;
float: none;
text-align: center;
}
}
.payment-tab.payment-tab-active {
max-height: 700px;
}
.card-label>textarea {
box-sizing: border-box;
display: block;
height: 51px;
margin: -14px auto 5px;
padding: 5px 15px 0 15px;
transition: border-color 0.3s;
width: 100%;
border: 1px solid #dbdbdb;
background-color: #fff;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.payout-method-notification {
font-size: 14px;
line-height: 22px;
padding: 16px 22px;
margin: 10px 0;
}
.booking-error-message {
margin-top: 15px;
line-height: 20px;
font-size: 13px;
padding: 0;
border-radius: 0;
color: #d83838;
background: #ffebeb;
border-radius: 4px;
padding: 13px 19px;
}
input[type="checkbox"].switch_1 {
border: none;
box-shadow: none;
}
input[type="checkbox"].switch_1:after {
width: 29px;
height: 29px;
}
.add-listing-section.gallery .notification.notice {
margin-bottom: 15px;
}
.user_not_logged_in .listing-links-container p {
background: #f8f8f8;
border-radius: 4px;
padding: 6px 18px;
font-size: 15px;
display: inline-block;
margin-bottom: 10px;
;
}
.notification.notice.sign-in-demo-notice {
display: block;
padding: 13px 20px;
margin: -5px 0 25px 0;
font-size: 14px;
line-height: 22px;
}
body .woocommerce-checkout.processing button#place_order {
opacity: 0.9;
pointer-events: none;
}
body .woocommerce-checkout.processing button#place_order:after {
border: 3px solid rgba(255, 255, 255, 0.25);
border-top: 3px solid #ffffff;
border-radius: 50%;
width: 18px;
height: 18px;
animation: placeorderspin 2s linear infinite;
content: "";
display: inline-block;
position: relative;
top: 3px;
margin-left: 10px;
line-height: 0;
}
@keyframes placeorderspin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.user-booking.approved-booking .reject {
display: none;
pointer-events: none;
}
.dashboard-list-box.invoices li.wallet-empty-list {
padding-top: 27px;
padding-bottom: 27px;
}
.commission-tag-paid {
background: #53b520;
color: #fff;
color: #888;
background: #f0f0f0;
border-radius: 4px;
font-size: 12px;
line-height: 18px;
padding: 2px 6px;
position: relative;
top: -1px;
font-weight: 500;
margin-left: 3px;
} .blog-post img {
height: auto;
}
.wp-caption-text {
color: #767676;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 20px;
margin: 0;
padding: 10px;
text-align: center;
background: #f6f6f6;
border-radius: 0 0 4px 4px;
}
figure.wp-caption {
max-width: 100%;
}
.post.sticky {
box-shadow: none;
padding: 0;
}
figure.wp-caption img {
height: auto;
}
.alignnone img,
img.alignnone {
height: auto;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption {
color: #333;
font-size: 15px;
margin-top: 10px;
margin-bottom: 9px;
text-align: center;
border-bottom: 1px solid #f6f6f6;
font-weight: 600;
background: #f8f8f8;
border-radius: 4px;
}
#wp-calendar thead {
font-size: 14px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f7f7f7;
color: #777;
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 14px;
text-transform: uppercase;
text-align: right;
font-size: 15px;
text-transform: none;
font-weight: 500;
}
#wp-calendar tfoot #prev {
font-size: 14px;
text-transform: uppercase;
padding-top: 10px;
font-size: 15px;
text-transform: none;
font-weight: 500;
}
.post.sticky .post-content h3 a {
color: rgba(0, 0, 0, 0.85);
}
.post.sticky .post-meta li a,
.post.sticky .post-meta li {
color: rgba(0, 0, 0, 0.7);
}
.post.sticky .post-content p {
color: rgba(0, 0, 0, 0.6);
}
.post.sticky .post-meta li:after {
background: rgba(0, 0, 0, 0.15);
}
.post.sticky .post-meta li {
background: rgba(0, 0, 0, 0.05);
}
.ajax-search .pagination.margin-top-30 {
margin-top: 0 !important;
}
.wc_payment_method label.payment_method_bacs {
cursor: pointer;
}
.sign-in-demo-notice {
display: block;
padding: 13px 20px;
margin: -5px 0 25px 0;
font-size: 14px;
line-height: 22px;
background-color: #E9F7FE;
color: #3184ae;
border-radius: 4px;
} .textwidget strong {
font-weight: 600;
font-size: 15px;
color: #444;
}
#footer.dark .textwidget strong {
color: #fff;
}
.textwidget p.wp-caption-text {
margin-bottom: 20px;
}
div [id^="monster-widget"] .wp-caption.alignnone p:not(.wp-caption-text) {
margin-bottom: 0;
}
.widget_meta>ul,
.widget_categories>ul,
.widget_archive>ul,
.widget_recent_comments>ul,
.widget_recent_entries>ul,
div [id^="monster-widget"]>ul {
margin-top: -7px;
}
.widget_meta .sub-menu .widget_categories .sub-menu .widget_archive .sub-menu .widget_recent_comments .sub-menu .widget_recent_entries .sub-menu div [id^="monster-widget"] .sub-menu {
margin-bottom: 10px;
}
.widget_meta ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
div [id^="monster-widget"] ul {
position: relative;
list-style: none;
padding-left: 0;
}
.widget_meta ul ul,
.widget_categories ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
div [id^="monster-widget"] ul ul {
padding-left: 15px;
}
.widget_meta ul ul ul,
.widget_categories ul ul ul,
.widget_archive ul ul ul,
.widget_recent_comments ul ul ul,
.widget_recent_entries ul ul ul,
div [id^="monster-widget"] ul ul ul {
padding-left: 15px;
}
.widget_meta ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
div [id^="monster-widget"] ul li {
position: relative;
}
.widget_meta ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
#footer [id^="monster-widget"] ul li a,
div [id^="monster-widget"] ul li a {
padding: 0 0 7px 16px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #707070;
line-height: 21px;
}
.widget_meta ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_recent_entries ul li a:hover,
#footer [id^="monster-widget"] ul li a:hover,
div [id^="monster-widget"] ul li a:hover {
padding-left: 22px;
color: #f91942 !important;
}
.widget_meta ul li:before,
.widget_categories ul li:before,
.widget_archive ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before,
div [id^="monster-widget"] ul li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 18px;
content: "\f105";
position: absolute;
left: 0;
top: -1px;
padding: 0 7px 0 0;
color: #ccc;
font-weight: 400;
}
.rss-widget-icon {
display: none;
}
.widget_rss ul li {
margin-bottom: 25px;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 25px;
}
.widget_rss ul li:before {
display: none;
}
.widget_rss ul li span {
background: #f5f5f5;
padding: 4px 10px;
line-height: 20px;
border-radius: 50px;
margin: 7px 0 10px 0;
display: inline-block;
font-size: 14px;
}
body .widget_rss ul li a {
margin: 0 !important;
padding: 0 !important;
font-size: 16px;
font-weight: 500;
color: #555 !important;
line-height: 24px !important;
width: 100%;
}
body .widget_rss ul li a:hover {
color: #f91942 !important;
}
.widget_rss cite {
color: #999;
font-style: normal;
margin-top: 9px;
display: block;
}
li.recentcomments {
padding-left: 28px;
margin-bottom: 12px;
line-height: 22px;
}
li.recentcomments a {
padding: 0 !important;
transform: none !important;
font-weight: 400;
color: #f91942 !important;
margin-top: -5px !important;
display: inline-block;
}
li.recentcomments:before {
content: "\f0e6" !important;
} .icon-box-2 p {
margin-bottom: 0px;
margin-top: 15px;
line-height: 28px;
}   .icon-box-2 {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
padding: 40px;
background: #fff;
border-radius: 4px;
transition: 0.4s;
cursor: default;
}
.icon-box-2.with-line:before {
display: none;
}
body .icon-box-2 i {
background-color: rgba(102, 103, 107, 0.07);
width: 90px;
height: 90px;
line-height: 90px;
font-size: 38px;
color: #66676b;
}
.icon-box-2:hover {
transform: translateY(-8px);
}
body .category-box-btn:hover {
background-color: #fff;
border-color: #fff;
color: #333;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
} .category-box-content span {
font-size: 18px;
font-weight: 400;
display: inline-block;
color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.12);
border-radius: 50px;
font-size: 16px;
padding: 2px 14px;
transition: 0.4s;
margin-top: 5px;
margin-bottom: 3px;
}
.category-box:hover .category-box-content span {
color: #fff;
background-color: #66676b;
}
.category-box-btn {
padding: 7px 0;
}  .main-search-inner .highlighted-category {
float: left;
border-radius: 50px;
margin: 10px 5px 0 0;
padding: 3px 17px;
text-align: center;
transition: 0.4s;
transform: scale(1);
vertical-align: top;
position: relative;
width: auto;
color: #fff;
background-color: #66676b;
box-shadow: 0 2px 8px rgb(102, 103, 107, 0.2);
} .main-search-inner .highlighted-category:hover {
color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
background-color: #333;
}
.container-overlay-solid .highlighted-categories-headline,
.container-overlay-solid .highlighted-categories,
.container-overlay-solid .main-search-headlines {
padding-right: 0;
}
.main-search-inner .highlighted-category h4 {
font-size: 15px;
color: #66676b;
opacity: 1;
transition: 0.4s;
line-height: 22px;
margin: 0;
font-weight: 400;
display: inline-block;
margin-left: 6px;
font-size: 14px;
font-weight: 400;
position: relative;
color: #fff;
}
.main-search-inner .highlighted-category i {
display: inline-block;
float: left;
font-size: 15px;
position: relative;
}
.main-search-inner .highlighted-category:hover h4 {
color: #fff;
}
.highlighted-categories-headline {
font-size: 16px;
color: #777;
font-weight: 500;
margin-top: 50px;
margin-bottom: 8px;
}
@media (max-width: 991px) {
.main-search-container {
height: auto;
}
.main-search-inner {
position: relative;
top: 0;
transform: none;
padding-top: 30px;
padding-bottom: 45px;
}
}
.panel-dropdown .checkboxes label {
margin-right: 5px;
} .headline.headline-box span {
position: relative;
}
.headline {
position: relative;
display: block;
}
.headline.headline-box:after,
.headline.headline-box span:after {
width: 60px;
content: "";
height: 2px;
border-radius: 6px;
background: #66676b;
display: block;
position: absolute;
margin: 0 auto;
text-align: center;
top: 0;
}
h3.headline {
font-size: 29px;
line-height: 38px;
} body h1.headline.headline-aligned-to-left,
body h2.headline.headline-aligned-to-left,
body h3.headline.headline-aligned-to-left {
padding-bottom: 18px;
}
.headline.headline-box,
body h4.headline.headline-aligned-to-left,
body h5.headline.headline-aligned-to-left,
body h6.headline.headline-aligned-to-left {
padding-bottom: 13px;
}
.headline.headline-box:after,
.headline.headline-aligned-to-left:after {
bottom: 0;
top: initial;
} body h3.headline.headline-aligned-to-right {
padding-bottom: 18px;
}
.headline.headline-aligned-to-right:after {
left: initial;
right: 0;
top: initial;
bottom: 0;
} .headline.headline-aligned-to-center {
padding-bottom: 18px;
}
.headline.headline-aligned-to-center:after {
bottom: 0;
left: 0;
right: 0;
top: initial;
} .headline.headline-with-subtitle.headline-aligned-to-center,
.headline.headline-with-subtitle.headline-aligned-to-left,
.headline.headline-with-subtitle.headline-aligned-to-right,
.headline.headline-with-subtitle {
padding-bottom: 0;
}
.headline.headline-with-subtitle:after {
display: none;
}
.headline.headline-with-subtitle span,
.headline.headline-aligned-to-right.headline-with-subtitle span,
.headline.headline-aligned-to-left.headline-with-subtitle span {
margin-top: 14px;
padding-top: 14px
}
.headline.headline-aligned-to-center.headline-with-subtitle span:after {
left: 0;
right: 0;
top: 0;
} .headline.headline-aligned-to-right.headline-with-subtitle:after,
.headline.headline-aligned-to-left.headline-with-subtitle:after {
display: none;
}
.headline.headline-aligned-to-left.headline-with-subtitle span:after {
right: initial;
} .headline.headline-aligned-to-right.headline-with-subtitle span:after {
right: 0;
left: initial;
} .headline.headline-extra-spacing span {
max-width: 660px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 21px;
}
.headline.headline-with-subtitle.headline-extra-spacing span {
margin-top: 17px;
padding-top: 17px
}
.main-search-input-item .chosen-container-single .chosen-single span {
transition: 0.3s;
}
.main-search-input-item .chosen-container-single .chosen-single:hover span {
color: #666;
} .blog-post {
box-shadow: none;
background: #fafafa;
}
.blog-post img.post-img {
border-radius: 4px 4px 0 0;
} .img-box span {
color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.12);
padding: 4px 12px;
margin-top: 4px;
line-height: 20px;
display: inline-block;
border-radius: 50px;
font-size: 15px;
transition: 0.3s;
}
.img-box:hover span {
color: #fff;
background-color: #66676b;
}
.user-menu ul li a:hover {
color: #66676b;
} .page #respond,
.single-post #respond {
border-radius: 4px;
background-color: #f9f9f9;
padding: 36px;
padding-top: 25px;
margin-bottom: 15px;
margin-top: 0;
display: inline-block;
width: 100%;
position: relative;
}
.page #respond #reply-title,
.single-post #respond #reply-title {
display: block;
}
.page #respond h3 small,
.single-post #respond h3 small {
display: block;
margin-top: 8px;
}
#cancel-comment-reply-link {
border-radius: 50px;
font-size: 14px;
line-height: 20px;
padding: 5px 9px;
position: relative;
margin-top: 15px;
transition: 0.3s;
background: #dc2e2e;
color: #fff;
}
.comment #respond {
margin-top: 30px;
} @media (min-width: 768px) {
.search-results .blog-post .post-content,
.archive .blog-post .post-content,
.blog .blog-post .post-content {
flex: 2;
padding: 40px;
}
.search-results .blog-post a.read-more,
.archive .blog-post a.read-more,
.blog .blog-post a.read-more {
margin-top: 15px;
margin-bottom: 0;
bottom: -2px;
position: relative;
}
.search-results .post-content h3,
.archive .post-content h3,
.blog .post-content h3 {
font-size: 20px;
line-height: 30px;
}
.search-results .post-img,
.archive .post-img,
.blog .post-img {
position: relative;
height: auto;
width: 100%;
display: block;
flex: 1;
}
.search-results .post-img img,
.archive .post-img img,
.blog .post-img img {
width: 100%;
border-radius: 3px 0 0 3px;
height: 100%;
object-fit: cover;
}
.search-results .blog-post,
.archive .blog-post,
.blog .blog-post {
box-shadow: none;
background-color: #fff;
width: 100%;
border-radius: 3px;
margin-bottom: 25px;
background: #fafafa;
display: flex;
}
}
@media (min-width: 992px) and (max-width: 1240px) {
.search-results .blog-post .post-content,
.archive .blog-post .post-content,
.blog .blog-post .post-content {
flex: 1;
}
.search-results .post-img,
.archive .post-img,
.blog .post-img {
flex: 1;
}
} .transparent-header .main-search-container {
height: auto;
}
.transparent-header .main-search-container .main-search-inner {
top: 0;
transform: none;
padding-top: 210px;
padding-bottom: 170px;
}
.transparent-header .main-search-container {
height: auto;
}
.transparent-header .main-search-container:not(.elementor-main-search-container):before {
background: rgba(0, 0, 0, 0.5);
}
.transparent-header #header:not(.cloned) {
background: rgba(51, 51, 51, 0);
position: absolute;
width: 100%;
box-shadow: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.transparent-header .main-search-container:not(.elementor-main-search-container):before {
background: rgba(51, 51, 51, 0.8);
}
.transparent-header .highlighted-categories-headline,
.transparent-header .main-search-container h1,
.transparent-header .main-search-container h2 {
color: #fff;
}
.transparent-header #header:not(.cloned) #navigation.style-1>ul>li>a {
color: #fff;
}
.transparent-header #header:not(.cloned) #navigation.style-1>ul>li.current-menu-ancestor>a,
.transparent-header #header:not(.cloned) #navigation.style-1>ul>li:hover>a {
background: #66676b;
color: #fff;
}
.transparent-header .main-search-container h4 {
color: rgba(255, 255, 255, 0.65);
}
.transparent-header .highlighted-category h4 {
color: #fff;
}
.transparent-header #header:not(.cloned) .user-menu .user-name:after {
color: rgba(255, 255, 255, 0.7) !important;
}
.transparent-header #header:not(.cloned) .user-menu.active .user-name,
.transparent-header #header:not(.cloned) .user-menu:hover .user-name,
.transparent-header #header:not(.cloned) .user-menu .user-name {
color: #fff !important;
}
.transparent-header #header:not(.cloned) .header-widget .button,
.transparent-header #header:not(.cloned) .header-widget .button.border {
background: rgba(255, 255, 255, 0.15);
color: #fff;
border: none;
padding: 9px 20px;
}
.transparent-header #header:not(.cloned) .header-widget .button:hover,
.transparent-header #header:not(.cloned) .header-widget .button.border:hover {
background: #66676b;
color: #fff;
}
.transparent-header .main-search-container h1,
.transparent-header .main-search-container h2 {
font-size: 44px;
font-weight: 500;
line-height: 50px;
}
.transparent-header .main-search-inner .highlighted-category:hover {
color: #333;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.transparent-header .main-search-inner .highlighted-category:hover h4 {
color: #333;
}
.main-search-inner .highlighted-category {
float: none;
}
.main-search-inner .highlighted-category i {
float: none;
}
.main-search-inner .highlighted-category {
padding: 3px 15px;
display: inline-block;
}
.main-search-form {
text-align: left;
}
.main-search-inner .highlighted-category h4 {
top: -1px;
position: relative;
}
.transparent-header .main-search-inner .highlighted-category {
background-color: rgba(255, 255, 255, 0.15);
box-shadow: none;
}
.transparent-header.user_not_logged_in #header.cloned .header-widget .sign-in,
.user_not_logged_in .header-widget .sign-in {
top: 6px;
background: rgba(255, 255, 255, 0.1);
padding: 4px 15px;
border-radius: 50px;
font-size: 15px;
transition: 0.3s;
color: #666;
background: #f4f4f4;
}
.transparent-header.user_not_logged_in #header.cloned .header-widget .sign-in:hover,
.user_not_logged_in .header-widget .sign-in:hover {
background: #66676b;
color: #fff;
}
.transparent-header.user_not_logged_in .header-widget .sign-in {
color: #333;
background: #fff;
}
.transparent-header.user_not_logged_in #header:not(.cloned) .header-widget .sign-in i {
top: 1px;
position: relative;
font-size: 14px;
}
.transparent-header.user_not_logged_in #header:not(.cloned) .header-widget .sign-in:hover {
background: #66676b;
color: #fff;
}
@media (min-width: 1240px) and (max-width: 1440px) {
.transparent-header .main-search-container .main-search-inner {
padding-top: 190px;
padding-bottom: 150px;
}
} @media (max-width: 1240px) {
.transparent-header #navigation.style-1:before {
background: rgba(255, 255, 255, 0.15);
}
.transparent-header #header:not(.cloned) {
border: none;
}
.transparent-header .main-search-container h1,
.transparent-header .main-search-container h2 {
font-size: 38px;
line-height: 46px;
}
}
@media (min-width: 1024px) and (max-width: 1240px) {
.transparent-header .main-search-container .main-search-inner {
padding-top: 180px;
padding-bottom: 100px;
}
}
@media (max-width: 1024px) {
.transparent-header .header-widget {
padding: 15px 0;
border-top: 1px solid rgba(255, 255, 255, 0.15);
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
}
.user_not_logged_in .header-widget {
display: block;
}
.transparent-header .mmenu-trigger {
background-color: rgba(255, 255, 255, 0.15);
}
.transparent-header .hamburger-inner,
.transparent-header .hamburger-inner::before,
.transparent-header .hamburger-inner::after {
background: #fff;
}
.transparent-header #header:not(.cloned) {
border: none;
}
.transparent-header .main-search-container .main-search-inner {
padding-top: 180px;
padding-bottom: 80px;
}
.transparent-header .main-search-inner {
text-align: left;
}
.transparent-header .main-search-input {
margin-top: 30px;
}
.main-search-input-item:last-child,
.main-search-input .main-search-input-item:last-child,
.main-search-input .main-search-input-item:nth-last-child(2),
.main-search-input .main-search-input-item:nth-last-child(3) {
border-right: none;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 480px) and (max-width: 1024px) {
.user_not_logged_in .right-side {
width: auto;
display: inline-block;
margin-top: -65px;
position: relative;
right: 75px;
}
.user_not_logged_in .header-widget a.sign-in:hover,
.user_not_logged_in .header-widget a.sign-in {
padding: 2px;
background: transparent;
font-size: 16px;
color: #666;
}
.user_not_logged_in.transparent-header .header-widget a.sign-in:hover,
.user_not_logged_in.transparent-header .header-widget a.sign-in {
background: transparent !important;
;
font-size: 16px;
color: #fff;
}
.user_not_logged_in .header-widget {
padding: 0;
border-top: none;
}
.transparent-header.user_not_logged_in #header:not(.cloned) {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
}
@media (max-width: 480px) {
.user_not_logged_in .header-widget {
display: block;
}
.user_not_logged_in .header-widget .sign-in {
top: 0px;
}
} .user_not_logged_in .header-widget .button:not(.wc-forward) {
display: none;
} .category-small-box {
background-color: #f8f8f8;
}
.category-small-box h4 {
color: #777;
transition: 0.3s;
font-weight: 500;
}
.category-small-box i {
color: #66676b;
transition: 0.3s;
}
.category-small-box:hover h4,
.category-small-box:hover i {
color: #fff;
transition: 0.3s;
} #respond input:focus,
#respond textarea:focus,
#respond select:focus,
#respond input,
#respond textarea,
#respond select {
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}
#respond input[type="checkbox"] {
height: auto;
box-shadow: none;
box-shadow: none !important;
top: 3px;
margin-right: 6px;
}
@media (max-width: 580px) {
.user-menu .user-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 0;
}
.user-name span img {
border: 3px solid #fff;
box-sizing: content-box;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
position: relative;
top: 0px;
}
}
.category-small-box h4 {
display: block;
}
.category-small-box .category-box-counter {
font-size: 13px;
font-weight: 400;
color: #909090;
border-radius: 50px;
background-color: rgba(0, 0, 0, 0.04);
display: block;
width: 40px;
text-align: center;
margin: 0 auto;
left: auto;
right: auto;
margin-bottom: 12px;
transition: 0.4s;
padding: 2px 0;
line-height: 22px;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.category-small-box:hover .category-box-counter {
color: #fff;
background-color: rgba(0, 0, 0, 0.15);
}
.page-template-template-home-search-classic .main-search-inner {
text-align: left;
} body .typed-cursor {
opacity: 0.5;
font-weight: 200;
margin-left: 2px;
}
body .typed-cursor.typed-cursor--blink {
animation: typedjsBlink 1.5s infinite;
}
@keyframes typedjsBlink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body .typed-fade-out {
opacity: 0;
transition: opacity .25s;
}
body .typed-cursor.typed-cursor--blink.typed-fade-out {
animation: 0;
}
@media (max-width: 768px) {
.typed-words {
display: block;
width: 100%;
min-height: 46px;
}
.typed-cursor {
display: none;
}
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .pagination {
overflow: visible;
} @media (max-width: 782px) {
html.mm-opened .admin-bar .mm-menu {
top: 46px;
}
html.mm-opened .admin-bar #wrapper {
margin-top: 46px;
}
html.mm-opened {
margin-top: 0px !important;
}
}
.single-post .comments ul li.comment {
padding-bottom: 35px;
margin-top: 35px;
border-bottom: 1px solid #e8e8e8;
}
.single-post .comments ul li.comment:last-child {
padding-bottom: 0px;
border-bottom: none;
} .listeo-products-slider .button,
li.regular-product.product .button,
.added_to_cart.wc-forward {
padding: 8px 15px;
line-height: 20px;
bottom: 20px;
top: initial;
height: auto;
position: absolute;
left: 20px;
background: #fff;
display: inline-block;
color: #333;
width: auto;
border-radius: 54px;
font-weight: 600;
font-size: 14px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
opacity: 0;
transform: translateY(100px);
}
.listeo-products-slider .button:hover,
.added_to_cart.wc-forward,
li.regular-product.product .button:hover {
background: #222;
color: #fff;
}
.listeo-products-slider .button,
li.regular-product.product .button {
left: initial;
right: 15px;
background: #222 !important;
color: #fff;
margin-left: 15px;
border-radius: 50px;
}
.added_to_cart.wc-forward {
background: #fff;
color: #333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
transform: none;
z-index: 11;
opacity: 1;
bottom: initial;
top: 20px;
}
.woocommerce .cart_item .quantity .qty {
box-shadow: none;
height: 44px;
width: 48px;
padding-left: 14px;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: left;
vertical-align: baseline;
margin: 25px 0 0 0;
}
.listeo-products-slider .product:hover .button,
li.regular-product.product:hover .button {
opacity: 1;
transform: translateY(0px);
}
.single-product .woocommerce-message {
display: block;
position: relative;
}
.single-product .woocommerce-message a.button.wc-forward {
float: right;
margin-top: -6px;
margin-right: -30px;
right: 0;
padding: 6px 10px;
border-radius: 4px;
background: #222;
color: #fff;
}
.single-product .product .price ins {
padding-top: 0;
padding-bottom: 0;
}
.onsale {
background-color: #44b272;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
position: absolute;
color: #fff;
z-index: 50;
top: 20px;
right: 20px;
border-radius: 54px;
line-height: 20px;
font-size: 13px;
padding: 4px 12px;
}
.woocommerce-MyAccount-content p {
margin-bottom: 0;
}
.woocommerce-MyAccount-content {
border-radius: 4px;
background: #f6f6f6;
padding: 20px 30px;
}
.related.products h2 {
padding-bottom: 35px;
}
.woocommerce-tabs {
margin-bottom: 40px;
padding-top: 15px;
}
.woocommerce-Price-currencySymbol,
.woocommerce-Price-amount {
vertical-align: middle;
}
.mediaholder a {
width: 100%;
height: 100%;
display: block;
}
.wc_payment_method label {
cursor: pointer;
}
a.showcoupon:focus,
a.showcoupon:active,
a.showcoupon:hover {
color: #2c7093;
}
#payment div.payment_box {
box-shadow: none;
background-color: #e8f7ff;
color: #5091b2;
border: none;
}
body .checkout_coupon.woocommerce-form-coupon {
padding: 25px;
padding-bottom: 5px;
padding-top: 20px;
}
.checkout .variation-Vendor p {
margin: 0 0 0 5px;
}
.woocommerce-form__label-for-checkbox {
cursor: pointer;
}
.woocommerce-privacy-policy-text p {
font-size: 15px;
line-height: 26px;
margin: 0;
}
body .woocommerce form .form-row .input-checkbox {
margin: 0;
box-shadow: none;
height: auto;
font-size: 20px;
width: 20px;
position: relative;
top: 0px;
}
.woocommerce-form__label span {
font-size: 16px;
color: #666;
}
.woocommerce-terms-and-conditions-checkbox-text {
display: inline-block;
margin-top: 20px;
margin-bottom: 0;
}
.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery ol {
list-style: none;
padding: 0;
}
.woocommerce-product-gallery ol li {
display: inline-block;
margin-top: 5px;
margin-right: 5px;
}
.woocommerce-product-gallery__wrapper div a img {
border-radius: 4px;
width: 100%;
}
.flex-control-thumbs img {
border-radius: 4px;
cursor: pointer;
}
#ship-to-different-address-checkbox {
box-shadow: none;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.woocommerce-checkout #ship-to-different-address label {
font-size: 24px;
font-weight: 700;
margin: 0;
margin-bottom: 15px;
padding: 0;
text-transform: none;
background: #f3f3f3;
border-radius: 4px;
padding: 4px 14px;
}
.woocommerce-checkout #ship-to-different-address span {
font-weight: 600;
font-size: 15px;
line-height: 28px;
color: #777;
}
.wc-block-components-checkout-place-order-button {
font-weight: 600;
font-size: 16px;
outline: none;
border: none;
background: #56b958;
color: #fff;
border-radius: 5px;
}
.wc-block-components-checkout-place-order-button:hover {
background: #4fb251;
color: #fff;
}
.woocommerce-checkout .variation-Listingtitle p {
margin-bottom: 0;
}
.woocommerce-checkout .variation {
margin-bottom: 0;
}
body .woocommerce table.shop_table tbody tr.cart_item:last-child td {
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-product-gallery__trigger {
position: absolute;
z-index: 100;
top: 20px;
left: 20px;
background: #fff;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
border-radius: 4px;
font-size: 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.pswp__caption__center {
text-align: center;
}
.woocommerce .left-sidebar .col-md-8 {
float: right;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 48%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 29%;
}
@media (max-width: 786px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
margin: 0;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 100%;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
width: 100%;
}
}
.woocommerce-message .onsale {
display: none;
}
.mediaholder a img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.product .mediaholder,
.products .mediaholder {
border-radius: 4px 4px 0 0;
}
.product section {
padding: 27px 0;
text-align: center;
background-color: #f8f8f8;
min-height: 69px;
border-radius: 0 0 4px 4px;
}
.product section span.product-category {
display: inline-block;
background: rgba(0, 0, 0, 0.04);
padding: 4px 12px;
line-height: 20px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
color: #888;
margin-bottom: 20px;
display: none;
}
.product section h5 {
display: block;
font-size: 18px;
font-weight: 500;
color: #333;
margin: 3px 0;
}
.woocommerce-pagination {
text-align: center;
margin-bottom: 50px;
margin-top: -10px;
font-weight: 400;
font-size: 16px;
}
.summary h1.product_title {
font-size: 24px;
line-height: 40px;
font-weight: 500;
margin-top: 15px;
margin-bottom: 0;
}
.woocommerce-product-details__short-description {
border-top: 1px solid #e0e0e0;
margin-top: 30px;
padding-top: 30px;
margin-bottom: 30px;
}
.products .woocommerce-Price-amount {
font-size: 16px;
}
.single-product .summary .woocommerce-Price-amount .single-product .summary .price,
.single-product .summary .amount {
font-size: 19px;
}
.single-product .summary ins .amount,
.products .summary ins .amount {
color: #967f2e;
font-weight: 500;
padding: 4px;
}
.products .summary del .amount {
font-weight: 400;
color: #888;
background: transparent;
} .listeo-products-slider .woocommerce-Price-amount.amount {
font-size: 18px;
}
.listeo-products-slider ins,
.product .price ins {
background-color: #fbf2d1;
color: #8a803e;
text-decoration: none;
padding: 2px 6px;
border-radius: 50px;
}
@media (max-width:1024px) {
.listeo-products-slider .product .button,
li.regular-product.product .button {
opacity: 1 !important;
transform: translateY(0px) !important;
}
}
.product .price {
font-weight: 500;
color: #808080;
}
.single-product .quantity .qty {
width: 65px;
height: 44px;
padding-left: 12px;
border-radius: 5px;
background: #f2f2f2;
box-shadow: none;
border: none;
color: #888;
margin-right: 8px;
} .add_to_cart_button:after {
content: "\e04e";
font-family: 'simple-line-icons' !important;
font-weight: 500;
float: left;
position: relative;
top: -1px;
margin-right: 5px;
}
.slick-slide .button i.fa:before {
content: "\e04e";
font-family: 'simple-line-icons' !important;
font-weight: 500;
float: left;
position: relative;
top: 3px;
margin-right: 0;
}
div.product .woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
div.product .woocommerce-tabs ul.tabs li {
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 600;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}
div.product .woocommerce-tabs ul.tabs li a {
padding: 7px 18px;
display: inline-block;
}
@media (min-width: 62.5em) {
div.product .woocommerce-tabs ul.tabs li {
width: auto;
}
}
div.product .woocommerce-tabs ul.tabs li.active {
background: #f1f1f1;
font-weight: 600;
z-index: 2;
border-radius: 4px 4px 0 0;
}
div.product .woocommerce-tabs ul.tabs li {
transition: 0.3s;
}
div.product .woocommerce-tabs ul.tabs li:hover {
background: #f1f1f1;
font-weight: 600;
z-index: 2;
border-radius: 4px 4px 0 0;
}
div.product .woocommerce-tabs ul.tabs li a {
color: #777;
font-size: 15px;
text-decoration: none;
transition: all 0.2s linear;
text-transform: none;
}
div.product .woocommerce-tabs ul.tabs li.active a {
color: #888;
}
#review_form p.form-submit input,
.woocommerce #reviews a.button,
button.single_add_to_cart_button {
border-radius: 54px;
}
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3 {
font-size: 18px;
line-height: 36px;
font-weight: 500;
margin: 0 0 8px 0;
}
#tab-more_seller_product .product .onsale {
left: initial;
right: 20px;
top: 20px;
position: absolute;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
display: none !important;
}
.woocommerce-Tabs-panel {
display: block;
border: 1px solid #e0e0e0;
margin: 0;
padding: 25px 30px;
border-radius: 0 4px 4px 4px;
}
.woocommerce-Tabs-panel p:first-child {
margin-bottom: 0;
}
.woocommerce-Tabs-panel p {
font-size: 15px;
margin: 0 0 15px 0;
}
p.woocommerce-noreviews {
margin-bottom: 15px;
}
.woocommerce.single-product #review_form_wrapper {
padding-top: 40px;
}
.woocommerce.single-product #review_form_wrapper #respond {
border-radius: 4px;
background-color: #fff;
padding: 0;
margin-top: 0;
display: block;
}
.woocommerce.single-product #review_form_wrapper #respond .comment-form-comment input:focus,
.woocommerce.single-product #review_form_wrapper #respond .comment-form-comment textarea:focus,
.woocommerce.single-product #review_form_wrapper #respond .comment-form-comment select:focus,
.woocommerce.single-product #review_form_wrapper #respond .comment-form-comment input,
.woocommerce.single-product #review_form_wrapper #respond .comment-form-comment textarea,
.woocommerce.single-product #review_form_wrapper #respond .comment-form-comment select {
display: block;
background-color: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.woocommerce.single-product #review_form_wrapper #respond .comment-form-comment label {
display: block;
width: 100%;
display: inline-block;
text-align: left;
color: #666;
}
.woocommerce.single-product #review_form_wrapper #respond .comment-reply-title {
color: #666;
font-weight: 500;
background: #f2f2f2;
border-radius: 50px;
padding: 4px 15px;
display: inline-block;
line-height: 24px;
margin-bottom: 12px;
}
table.shop_attributes {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: none;
}
table.shop_attributes th {
text-align: left;
padding: 10px 15px;
color: #666;
vertical-align: top;
font-size: 14px;
font-weight: 600;
}
table.shop_attributes td {
padding: 10px 15px;
border-top: none;
border-right: none;
vertical-align: middle;
}
table.shop_attributes thead tr:nth-child(odd) {
background-color: #f8f8f8;
}
table.shop_attributes tbody tr:nth-child(odd) {
background-color: #fff;
}
table.shop_attributes tbody tr:nth-child(even) {
background-color: #f8f8f8;
}
.variations th,
.variations td {
display: block;
}
.variations select {
border-radius: 5px;
background: #f2f2f2;
box-shadow: none;
border: none;
color: #888;
margin-right: 8px;
height: 44px;
padding: 0 10px;
}
.variations label {
margin-bottom: 5px;
font-weight: 500;
color: #333;
}
a.reset_variations {
background: #ffe0e0;
line-height: 20px;
border-radius: 50px;
padding: 4px 10px;
font-size: 14px;
color: #ef5353;
}
.single_variation {
display: block;
border-radius: 4px;
border: 1px solid #e0e0e0;
padding: 20px 30px;
margin-bottom: 20px;
}
.woocommerce-variation-description p {
font-size: 15px;
line-height: 27px;
}
.single_variation_wrap {
margin-top: 10px;
}
#shipping_method {
list-style: none;
}
a.shipping-calculator-button {
border-radius: 4px;
line-height: 20px;
background: #f0f0f0;
color: #777;
margin-bottom: 8px;
}
#shipping_method label {
margin-bottom: 0;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin-bottom: 25px;
}
.woocommerce-MyAccount-navigation ul li {
position: relative;
}
.woocommerce-MyAccount-navigation ul li a {
padding: 0 0 5px 16px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #707070;
line-height: 21px;
}
.woocommerce-MyAccount-navigation ul li a:hover {
padding-left: 22px;
color: #f91942 !important;
}
.woocommerce-MyAccount-navigation ul li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 18px;
content: "\f105";
position: absolute;
left: 0;
top: -1px;
padding: 0 7px 0 0;
color: #ccc;
font-weight: 400;
}
.product_meta span {
border-right: 1px solid #e0e0e0;
margin-right: 5px;
padding-right: 4px;
}
.product_meta span:last-child {
border-right: none;
}
.no-results.not-found .main-search-input {
margin-top: 35px !important;
}
.no-results.not-found .main-search-input {
background: #f6f6f6;
box-shadow: none;
}
.no-results.not-found .main-search-input input {
background: #f6f6f6;
box-shadow: none;
}
.no-results.not-found h1.page-title {
font-size: 29px;
line-height: 42px;
}
.no-results.not-found .page-header {
margin-bottom: 0px;
margin-top: 0;
padding-bottom: 12px;
}
.products .plan .woocommerce-Price-amount {
font-size: 37px;
}
p.comment-form-cookies-consent {
margin-top: 5px;
}
.comment-form-cookies-consent input#wp-comment-cookies-consent {
box-shadow: none;
box-shadow: none !important;
top: 3px;
margin-right: 6px;
}
.comment-form-cookies-consent label {
line-height: 20px;
}
@media (max-width: 480px) {
.g-recaptcha {
transform: scale(0.7);
-webkit-transform: scale(0.7);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
#add-review {
margin-bottom: 0;
}
}
body #listeo-listings-container.loading {
opacity: 0.75;
}
@media (max-width: 768px) {
.listing-nav {
font-size: 16px;
background-color: #fff;
margin-bottom: 35px;
background: #f6f6f6;
border-radius: 4px;
padding: 20px 25px;
border: none;
margin-top: -10px;
}
.listing-nav li a {
padding: 2px 0;
margin: 0;
border: none;
color: #888;
}
.listing-nav li:first-child a {
font-weight: 600;
}
#titlebar.listing-titlebar h1,
#titlebar.listing-titlebar h2 {
font-size: 22px;
}
}
body .categories-boxes-container {
overflow: hidden;
}
body .category-small-box:hover {
box-shadow: none;
}
@media (max-width: 1024px) {
body .dashboard #logo {
position: relative;
margin: 0;
margin-top: 5px;
width: calc(100% - 70px);
text-align: left;
}
}
body .daterangepicker td.off.in-range.available:hover,
.daterangepicker td.off.active.start-date.available,
.daterangepicker td.off.in-range.available,
.daterangepicker td.off.end-date.in-range.available,
.daterangepicker td.off.start-date.in-range.available,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
#footer.dark a.ptwsi-social-icon,
#footer.dark a.ptwsi-social-icon:visited,
#footer.dark .ptwsi_social-icons li a:visited,
#footer.dark .ptwsi_social-icons li a {
background: #333;
}
@media (min-width: 992px) {
.listing-nav-container.cloned .listing-nav {
width: 940px;
}
}
@media (min-width: 1240px) {
.listing-nav-container.cloned .listing-nav {
width: 1060px;
}
}
@media (min-width: 1367px) {
.listing-nav-container.cloned .listing-nav {
width: 1180px;
}
}
@media (min-width: 1700px) {
.listing-nav-container.cloned .listing-nav {
width: 1330px;
}
}
@media only screen and (max-width: 1365px) {
.dashboard #logo {
margin-right: 0px;
}
}
@media (min-width: 1239px) {
body .dashboard #logo a {
margin-right: 25px;
}
}
.testimonial-author img {
height: 60px;
object-fit: cover;
}
.social-miniorange-container br {
display: none;
} .wp-social-login-connect-with {
display: none;
}
.mo-openid-app-icons p {
display: none;
} .wp-social-login-provider-list {
padding: 0px;
display: flex;
width: calc(100% + 10px);
flex-wrap: wrap;
}
.wp-social-login-provider-list a {
flex: 1;
text-align: center;
border: 1px solid;
border-radius: 50px;
margin-top: 10px;
margin-right: 10px;
font-size: 14px;
padding: 5px 4px;
transition: 0.3s;
min-width: calc(33% - 10px);
line-height: 28px;
font-weight: 500;
}
.wp-social-login-provider-list a i {
padding-right: 6px;
}
.wp-social-login-widget {
margin-bottom: 0px;
}
.wp-social-login-provider:hover {
color: #fff !important;
background: #222;
border-color: #222;
}
.social-login-separator {
display: block;
text-align: center;
border-bottom: 1px solid #e0e0e0;
margin-top: 15px;
margin-bottom: 15px;
line-height: 20px;
}
.social-login-separator span {
position: relative;
top: 9px;
background: #fff;
padding: 0 10px;
font-weight: 500;
font-size: 14px;
color: #888;
}
@media (max-width: 768px) {
.wp-social-login-provider-list a {
width: 100%;
display: block;
margin-right: 0;
}
.wp-social-login-provider-list {
width: 100%;
display: block;
}
.wp-social-login-widget {
margin-bottom: 0px;
display: block;
margin-top: 15px;
}
.social-login-separator {
display: block;
text-align: center;
border-top: 1px solid #e0e0e0;
border-bottom: none;
margin-top: 30px;
padding-top: 10px;
margin-bottom: 5px;
line-height: 20px;
text-align: left;
}
.social-login-separator span {
position: relative;
top: 0;
background: transparent;
padding: 0;
}
} .wp-social-login-provider-facebook {
border-color: #3b5998;
color: #3b5998;
}
.wp-social-login-provider-twitter {
border-color: #1ca1f2;
color: #1ca1f2;
}
.wp-social-login-provider-google {
border-color: #dd4b39;
color: #dd4b39;
}
.wp-social-login-provider-yahoo {
border-color: #7f2db5;
color: #7f2db5;
}
.wp-social-login-provider-linkedin {
border-color: #0e76a8;
color: #0e76a8;
}
.wp-social-login-provider-steam {
border-color: #171515;
color: #171515;
} .wp-social-login-provider-facebook:hover {
background-color: #4162a8;
color: #fff;
border-color: #3b5998;
}
.wp-social-login-provider-twitter:hover {
background-color: #25abfd;
color: #fff;
border-color: #1ca1f2;
}
.wp-social-login-provider-google:hover {
background-color: #ef503d;
color: #fff;
border-color: #dd4b39;
}
.wp-social-login-provider-yahoo:hover {
background-color: #9652c4;
color: #fff;
border-color: #7f2db5;
}
.wp-social-login-provider-linkedin:hover {
background-color: #0b5e85;
color: #fff;
border-color: #0e76a8;
}
.wp-social-login-provider-steam:hover {
background-color: #171515;
color: #fff;
border-color: #171515;
}
.wp-social-login-provider-facebook {
border-color: #4065b3 !important;
color: #fff;
background: #4065b3;
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f230";
}  .message-vendor .fa-envelope-o {
font-size: 20px;
line-height: 0;
top: -1px;
position: relative;
}
body .booking-widget i,
body .opening-hours i,
body .message-vendor i {
color: #333;
}
.message-vendor input:-webkit-autofill:focus,
.message-vendor input:-webkit-autofill {
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1), 0 0 0 30px #fff inset !important;
}
.message-vendor textarea,
.message-vendor textarea:focus,
.message-vendor input:focus:not([type="submit"]),
.message-vendor select,
.message-vendor select:focus,
.message-vendor input:not([type="submit"]) {
border: none;
border-radius: 5px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
font-size: 15px;
font-weight: 600;
height: auto;
padding: 10px 16px;
line-height: 30px;
margin: 0 0 15px 0 !important;
position: relative;
background-color: #fff;
text-align: left;
color: #888;
transition: color 0.3s !important;
}
.message-vendor select,
.message-vendor select:focus {
height: 48px;
} .preferred-contact-method {
margin: 10px 0;
display: inline-block;
text-align: center;
width: 100%;
}
.preferred-contact-radios label {
margin-bottom: 0;
}
.preferred-contact-method h5 {
font-size: 14px;
color: #777;
font-weight: 600;
text-align: center;
display: block;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
.message-vendor p {
margin: 0;
padding: 0;
}
.preferred-contact-radios {
display: block;
text-align: center;
align-items: center;
}
.preferred-contact-radios .radio {
display: inline-block;
}
.preferred-contact-radios .radio label {
display: inline-block;
padding-left: 24px;
line-height: 23px;
margin-right: 15px;
}
.preferred-contact-radios .radio:last-child label {
margin-right: 0;
}
#add-review input:focus,
#add-review textarea:focus,
#add-review select:focus,
#add-review input,
#add-review textarea,
#add-review select {
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
} .captcha-holder {
max-height: 0;
height: 0;
opacity: 0;
visibility: hidden;
transition: 0.5s;
display: block;
}
.captcha-holder.visible {
max-height: 200px;
height: auto;
opacity: 1;
visibility: visible;
}
.captcha-holder .g-recaptcha {
margin: 5px 0 15px 0;
}
@media (min-width: 1366px) {
.captcha-holder .g-recaptcha {
text-align: center;
}
.captcha-holder .g-recaptcha div {
width: auto !important;
}
}
@media (min-width: 1240px) and (max-width: 1366px) {
.g-recaptcha {
transform: scale(0.89);
transform-origin: 0 0;
}
}
@media (min-width: 992px) and (max-width: 1240px) {
.g-recaptcha {
transform: scale(0.76);
transform-origin: 0 0;
}
}
body .message-vendor input[type="submit"],
body .message-vendor input[type="submit"]:focus,
body .message-vendor input[type="submit"]:active {
top: 0;
padding: 9px 20px;
color: #fff;
position: relative;
font-size: 15px;
font-weight: 600;
display: inline-block;
transition: all 0.2s ease-in-out;
cursor: pointer;
margin-right: 6px;
overflow: hidden;
border: none;
border-radius: 50px;
width: 100%;
margin-bottom: 0 !important;
text-align: center;
line-height: 20px;
background-color: #66676b;
}
.boxed-widget.message-vendor {
margin-bottom: 35px;
}
.message-vendor div.wpcf7 .ajax-loader {
border: none;
padding: 0;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: #66676b;
width: 100%;
height: 100%;
border-radius: 50px;
background-image: url(//aperaf.com/wp-content/images/ajax-loader.gif);
}
.message-vendor div.wpcf7-response-output {
margin: 10px;
margin-bottom: 0;
margin-top: 15px;
padding: 10px 15px;
border-radius: 4px;
line-height: 21px;
font-size: 14px;
}
.message-vendor-submit-button {
position: relative;
margin-top: 5px;
display: inline-block;
width: 100%;
} .message-vendor-submit-button .ajax-loader:before {
pointer-events: none;
width: 20px;
height: 20px;
border: 3px solid transparent;
border-color: rgba(255, 255, 255, 0.5);
border-top-color: #fff;
border-radius: 50%;
-webkit-animation: loadingspin 1s linear infinite;
animation: loadingspin 1s linear infinite;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 12px;
transition: opacity 0.4s;
content: "";
} .message-vendor .wpcf7-form .wpcf7-radio label {
position: relative;
cursor: pointer;
margin: 0 10px;
}
.message-vendor .wpcf7-form .wpcf7-radio input[type=radio] {
position: relative;
visibility: hidden;
display: none;
height: auto;
}
.message-vendor .wpcf7-form .wpcf7-radio input[type=radio]+span:before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 18px;
width: 18px;
top: 0;
left: 0;
border: 2px solid #b4b4b4;
transition: 0.3s;
}
.message-vendor .wpcf7-form .wpcf7-radio input[type=radio]:checked+span:before {
border-color: #66676b;
}
.message-vendor .wpcf7-form .wpcf7-radio input[type=radio]+span:after {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 8px;
width: 8px;
top: 5px;
left: 5px;
visibility: hidden;
transition: 0.3s;
}
.message-vendor .wpcf7-form .wpcf7-radio input[type=radio]:checked+span:before {
background: transparent;
}
.message-vendor .wpcf7-form .wpcf7-radio input[type=radio]:checked+span:after {
background: #66676b;
visibility: visible;
}
.message-vendor .wpcf7-form .wpcf7-list-item-label {
position: relative;
padding-left: 24px;
padding-top: 1px;
color: #777;
}
.message-vendor .wpcf7-form span.wpcf7-list-item {
margin: 0;
}
.small-label {
border-radius: 4px;
display: inline-block;
background: #e0f5d7;
color: #449626;
padding: 0 8px;
line-height: 27px;
height: 26px;
margin-left: 5px;
position: relative;
top: -1px;
}  .rating-bars-rating {
display: inline-block;
vertical-align: baseline;
background: #efefef;
width: 100%;
height: 6px;
margin-right: 10px;
border-radius: 3px;
overflow: hidden;
background-color: #eee;
align-self: center;
}
.rating-bars-rating-inner {
height: 6px;
display: block;
background-color: #eee;
position: relative;
width: 0;
transition: width 0.5s;
}
.rating-bars-rating.low .rating-bars-rating-inner {
background-color: #ee3535;
}
.rating-bars-rating.mid .rating-bars-rating-inner {
background-color: #c0c52a;
}
.rating-bars-rating.high .rating-bars-rating-inner {
background-color: #64bc36;
}
.rating-bars-item {
margin: 10px 15px;
width: calc(50% - 30px);
justify-content: flex-end;
align-items: flex-start;
display: flex;
flex-direction: column;
}
.rating-bars-name {
font-weight: 600;
color: #333;
display: block;
font-size: 14px;
line-height: 22px;
}
.rating-bars-item strong {
color: #777;
font-size: 12px;
font-weight: 600;
align-self: center;
background: #f4f4f4;
border-radius: 50px;
width: 46px;
height: 22px;
text-align: center;
line-height: 21px;
font-family: "Open Sans";
}
.rating-overview {
display: flex;
margin: 35px 0 25px 0;
background: #fff;
border-radius: 4px;
padding: 30px;
padding-right: 20px;
border: 1px solid #e8e8e8;
}
.rating-overview-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
border: navajowhite;
width: 135px;
margin-right: 20px;
text-align: center;
border-radius: 0;
border-right: 1px solid #e8e8e8;
padding-right: 27px;
}
.rating-overview-box-total {
font-size: 44px;
font-weight: 500;
line-height: 1em;
display: block;
color: #333;
}
.rating-overview-box-percent {
font-size: 15px;
margin-bottom: 0;
color: #888;
display: block;
}
.rating-overview-box .star-rating {
font-size: 16px;
margin: 0;
display: block;
letter-spacing: -0.5px;
}
.rating-bars {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: 100%;
margin: 0;
padding: 0;
margin-top: 0;
align-items: center;
}
.rating-bars-inner {
display: flex;
width: 100%;
} @media (max-width: 1366px) {
.rating-bars-item {
width: calc(50% - 30px);
}
}
@media (max-width: 768px) {
.rating-bars-item {
width: 100%;
margin: 5px 0;
}
.rating-overview {
width: 100%;
display: block;
padding: 20px 25px;
}
.rating-overview-box {
border-right: none;
border-bottom: 1px solid #e8e8e8;
width: 100%;
margin-bottom: 20px;
padding-bottom: 25px;
padding-right: 0;
margin-right: 0;
}
} .sub-ratings-container {
margin: 25px 0 30px 0;
display: block;
border: 1px solid #e6e6e6;
background-color: transparent;
padding: 18px 30px;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
border-left: 0;
border-right: 0;
border-radius: 0;
padding: 20px 0;
border-radius: 0;
}
.add-sub-rating {
display: inline-block;
margin: 7px 0;
width: 50%;
}
#small-dialog-edit-review .sub-ratings-container,
#small-dialog-edit .sub-ratings-container {
padding: 0;
margin: 0;
border: none;
margin-bottom: 25px;
}
@media (min-width: 1367px) {
.add-sub-rating {
width: 25%;
}
#small-dialog-edit-review .add-sub-rating {
width: 50%
}
#small-dialog-edit .add-sub-rating {
width: 50%
}
}
@media (max-width: 768px) {
.add-sub-rating {
width: 100%;
}
}
.sub-rating-title {
font-weight: 600;
font-size: 14px;
color: #444;
display: block;
margin: 0 0 4px 0;
} .sub-ratings-container .leave-rating label {
position: relative;
font-size: 20px;
font-family: 'Font Awesome 5 Free';
letter-spacing: 3px;
}
.sub-ratings-container .leave-rating label:before {
content: "\f005";
color: #ffc600;
font-family: 'Font Awesome 5 Free';
font-weight: 500;
}
.leave-rating .fa {
font-family: 'Font Awesome 5 Free';
}
.sub-ratings-container .leave-rating input[type="radio"]:hover~label:before,
.sub-ratings-container .leave-rating input[type="radio"]:checked~label:before {
content: "\f005";
font-family: 'Font Awesome 5 Free';
font-weight: 500;
}
.sub-ratings-container .leave-rating input[type="radio"]~label:after {
content: "\f005";
position: absolute;
font-family: 'Font Awesome 5 Free';
left: 0;
color: #ffc600;
font-weight: 600;
opacity: 0;
transition: 0.2s;
}
.sub-ratings-container .leave-rating input[type="radio"]:hover~label:after,
.sub-ratings-container .leave-rating input[type="radio"]:checked~label:after {
opacity: 1;
}
.rating-bars i.tip,
.sub-ratings-container i.tip {
background: #eaeaea;
color: #888;
height: 17px;
width: 17px;
display: inline-block;
font-size: 11px;
}
.rating-bars i .tip-content,
.sub-ratings-container i .tip-content {
min-width: 220px;
max-width: 220px;
}
.rating-bars i.tip:after,
.sub-ratings-container i.tip:after {
line-height: 18px;
} .comment-by .tip {
background: #19b453;
position: relative;
cursor: help;
}
.comment-by .tip:after {
color: #fff;
content: "\f00c";
}
.uploadButton .uploadButton-input {
height: 0;
width: 0;
}
.pricing-list-container ul li {
padding-right: 110px;
}
.pricing-list-container h5 {
font-size: 17px;
font-weight: 500;
margin-bottom: 0;
color: #333;
} .loader-ajax {
border-radius: 50%;
width: 22px;
height: 22px;
border: 0.3rem solid rgba(255, 255, 255, 0.2);
border-top-color: white;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
top: 13px;
position: absolute;
left: 13px;
transform: translate(-50%, -50%);
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loader-ajax-container {
position: absolute;
margin: 0 auto;
text-align: center;
left: 0;
right: 0;
z-index: 100;
top: calc(50% - 15px);
transform: translateY(-50%);
background: #66676b;
height: 48px;
width: 48px;
border-radius: 50%;
box-shadow: 0 0 20px rgba(102, 103, 107, 0.4);
}
.loader-ajax-container {
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
body #listeo-listings-container.loading .loader-ajax-container {
opacity: 1;
visibility: visible;
}
body #listeo-listings-container.loading {
opacity: 1;
position: relative;
}
body #listeo-listings-container.loading .listing-item-container {
opacity: 0.7;
transition: opacity 0.3s;
}
body #listeo-listings-container.loading .listing-item-container:hover {
transform: none;
}
.share-buttons li a {
background: transparent;
}   .listing-item-content {
padding-left: 28px;
bottom: 23px;
}
.listing-item-container .star-rating {
padding-left: 28px;
padding-right: 28px;
}
.listing-item-details {
top: 20px;
}
.list-layout .listing-item .listing-item-details li {
padding-left: 15px;
position: relative;
height: auto;
font-size: 14px;
}
.list-layout .listing-item .listing-item-details li:before {
content: "";
display: block;
position: absolute;
left: 3px;
top: 5px;
background-color: #e0e0e0;
height: 12px;
width: 1px;
}
.list-layout .listing-item .listing-item-details li:first-child:before {
display: none;
}
@media (max-width: 992px) {
body .listing-item-container.list-layout .listing-item-details {
position: relative;
top: -15px;
left: 0;
margin-left: 30px;
padding: 0;
background-color: transparent;
height: auto;
}
body .list-layout .listing-item .listing-item-details li {
padding-left: 18px;
position: relative;
height: auto;
font-size: 13px;
line-height: 22px;
padding: 0;
margin: 0;
display: block;
text-align: left;
background-color: #eee;
display: inline-block;
padding: 3px 9px;
}
body .list-layout .listing-item .listing-item-details li:before {
display: none;
}
} .listing-small-badges-container {
position: absolute;
top: 25px;
left: 25px;
z-index: 110;
padding-right: 50px;
}
.list-layout .listing-small-badges-container {
left: 20px;
top: 20px;
}
.listing-small-badge {
display: inline-block;
padding-left: 31px;
padding-right: 10px;
font-size: 13px;
font-weight: 500;
background-color: #fff;
color: #777;
border: none;
border-radius: 100px;
line-height: 26px;
height: 26px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
vertical-align: top;
position: relative;
margin-bottom: 3px;
}
.listing-small-badge i {
position: absolute;
height: 20px;
width: 20px;
top: 3px;
left: 3px;
border-radius: 100%;
text-align: center;
line-height: 20px;
font-size: 12px;
background: #222;
color: #fff;
}
.listing-small-badge i.fa-calendar-check-o {
font-size: 11px;
line-height: 19px;
}
.listing-small-badge.pricing-badge i {
background-color: #64bc36;
}
.listing-small-badge.featured-badge i {
background-color: #ffc601;
}
.listing-list-small-badges-container {
margin-top: 10px;
}  input.range-slider,
input.default-slider {
display: none;
}
.bt-slider {
display: inline-block;
vertical-align: middle;
position: relative;
margin-top: 40px;
}
.bt-slider.slider-horizontal {
width: calc(100% - 20px);
margin-left: 11px;
height: 20px;
}
.bt-slider.slider-horizontal .slider-track {
height: 3px;
width: calc(100% + 18px);
margin-top: -2px;
top: 50%;
left: -9px;
}
.bt-slider.slider-horizontal .slider-selection,
.bt-slider.slider-horizontal .slider-track-low,
.bt-slider.slider-horizontal .slider-track-high {
height: 100%;
top: 0;
bottom: 0;
}
.bt-slider.slider-horizontal .slider-handle {
margin-left: -11px;
}
.bt-slider.slider-horizontal .slider-tick-label-container {
white-space: nowrap;
margin-top: 20px;
}
.bt-slider.slider-horizontal .tooltip {
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
pointer-events: none;
}
.bt-slider input {
display: none;
}
.bt-slider .tooltip.top {
margin-top: -35px;
}
.bt-slider .tooltip-inner {
white-space: nowrap;
max-width: none;
padding: 3px 12px;
line-height: 21px;
font-size: 14px;
border-radius: 4px;
background-color: #f0f0f0;
color: #777;
font-weight: 600;
border-radius: 100px;
font-size: 14px; }
.range-slider-headline {
margin: 0;
display: block;
font-style: normal;
font-weight: 600;
margin: 0;
display: block;
position: relative;
font-size: 15px;
color: #666;
display: block;
margin-bottom: -3px;
}
.range-slider-subtitle {
font-weight: 400;
color: #888;
font-size: 14px;
display: block;
margin-bottom: 9px;
}
.budget-range-output,
.range-output {
font-size: 16px;
color: #666;
font-weight: 600;
display: block;
margin-bottom: -4px;
}
.range-slider-container {
display: block;
margin-bottom: 18px;
}
.range-slider-no-border .range-slider-container,
.panel-dropdown .range-slider-container {
margin-top: 0;
border-top: none;
padding-top: none;
} .bt-slider,
.rangeslider {
transition: 0.3s;
} .slider-disabled {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
opacity: 1;
}
.slider-disabled .slider-selection {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
opacity: 0.5;
}
.slider-disabled .slider-handle {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
border-color: #a0a0a0;
}
.slider-selection {
transition: opacity 0.3s, filter 0.3s
}
.slider-handle {
transition: border-color 0.3s, filter 0.3s;
}  .bt-slider .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #333;
border-top: 6px solid #eee; }
.tooltip.tooltip-min,
.tooltip.tooltip-max {
display: none;
}
.bt-slider .hide {
display: none;
}
.slider-track {
position: absolute;
cursor: pointer;
border-radius: 4px;
background-color: #e6e6e6;
}
.slider-selection {
position: absolute;
background-color: #66676b;
box-sizing: border-box;
border-radius: 4px;
}
.slider-track-low,
.slider-track-high {
position: absolute;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
.slider-handle {
position: absolute;
top: 0;
width: 20px;
height: 20px;
border: 2px solid #66676b;
cursor: pointer;
z-index: 20;
border-radius: 100%;
background-color: #fff;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
} .bt-slider .tooltip-arrow {
border-top-color: #444;
}
.bt-slider .tooltip-inner {
background-color: #444;
color: #fff;
}
.bt-slider .tooltip-inner {
background-color: #222;
color: #fff;
padding: 3px 12px !important;
} .sidebar .range-slider {
margin-top: -10px !important;
}
.fs-content .listing-small-badge:not(.featured-badge) {
box-shadow: none;
background-color: #f4f4f4;
}
.main-search-input .main-search-input .panel-dropdown a {
margin-top: 0;
}
.main-search-input .panel-dropdown a {
background-color: transparent;
color: #888;
font-size: 16px;
font-weight: 500;
height: 44px;
display: block;
line-height: 44px;
padding: 0 12px;
border-radius: 4px;
}
.main-search-input .panel-dropdown .panel-dropdown-content {
border: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.gray-style .main-search-input .panel-dropdown .panel-dropdown-content {
border: 1px solid #e0e0e0;
box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
}
.main-search-input .panel-dropdown a:after {
color: #b0b0b0;
margin-left: 9px;
font-size: 12px;
right: 0;
float: right;
top: 1px;
}
.main-search-input .panel-dropdown {
width: 100%;
}
.main-search-input .chosen-container-single .chosen-single div:after {
margin-top: 3px;
}
@media (min-width: 992px) {
.main-search-input .panel-dropdown .panel-dropdown-content {
width: 340px;
}
.main-search-input-item select {
height: 45px;
margin-bottom: 0;
}
}
@media (min-width: 1060px) {
.main-search-input .panel-dropdown .panel-dropdown-content {
width: 360px;
}
}
@media (max-width: 992px) {
.main-search-input .panel-dropdown .panel-dropdown-content {
margin-top: 15px;
}
.main-search-input .panel-dropdown a {
height: 55px;
line-height: 55px;
background: #fff;
padding-left: 20px;
}
.gray-style .main-search-input .panel-dropdown a {
height: 55px;
line-height: 55px;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 4px;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
padding-left: 20px;
}
.main-search-input .panel-dropdown {
float: none;
margin-top: 0px;
}
.main-search-input .panel-dropdown .panel-dropdown-content {
border: 1px solid #e0e0e0;
margin-top: 15px;
border-radius: 4px;
box-shadow: none;
}
}
@media (max-width: 768px) {
.main-search-input .panel-dropdown .panel-dropdown-content {
max-width: calc(100vw - 48px);
width: calc(100vw - 48px);
}
.main-search-input .panel-dropdown .panel-dropdown-content {
border: 1px solid #e0e0e0;
margin-top: 9px;
border-radius: 0 0 4px 4px;
box-shadow: none;
}
}
@media (max-width: 480px) {
.panel-dropdown .panel-dropdown-content {
max-width: calc(100vw - 50px);
width: calc(100vw - 50px);
}
} .range-slider-container .tooltip {
opacity: 1;
transition: 0.3s opacity;
}
.range-slider-container.disabled .tooltip {
opacity: 0;
}
.bt-slider {
margin-top: 40px;
}
.bt-slider.slider-disabled {
margin-top: 5px;
} #show-map-button {
display: none;
}
@media (max-width: 1008px) { .fs-inner-container.map-fixed {
height: 500px;
position: relative;
top: 0;
padding-top: 0 !important;
width: 100%;
}
#header-container.fixed {
position: relative;
top: 0;
width: 100%;
}
.fs-inner-container.content {
width: 100%;
padding-top: 0 !important;
}
#show-map-button {
display: block;
border-radius: 100px;
background: #66676b;
padding: 0;
margin: 0 0 30px 0;
display: block;
text-align: center;
font-weight: 500;
color: #fff;
font-size: 16px;
padding: 10px;
margin: 35px 15px 0px 15px;
}
.fs-content #show-map-button {
margin: 0 0 30px 0;
}
#show-map-button:before {
content: "\f278";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 6px;
}
#map-container.hide-map-on-mobile,
body #map-container.hide-map-on-mobile.fullwidth-home-map,
.fs-inner-container.map-fixed.hide-map-on-mobile {
max-height: 0;
opacity: 0;
transition: 0.4s;
}
.fs-container #map-container {
height: 500px;
max-height: 500px;
}
#map-container.hide-map-on-mobile #map-container {
height: 500px;
max-height: 500px;
}
#map-container.hide-map-on-mobile.map-active,
body #map-container.hide-map-on-mobile.fullwidth-home-map.map-active,
.fs-inner-container.map-fixed.hide-map-on-mobile.map-active {
max-height: 500px;
opacity: 1;
}
}
@media (max-width: 1008px) {
.page-template-template-home-search-map #show-map-button {
display: none;
}
}
@media (max-width: 768px) {
.listing-item-container.list-layout:hover {
transform: none;
}
.listing-item-container.list-layout .listing-item-inner {
position: relative;
top: auto;
transform: none;
padding: 30px;
left: 0;
}
.listing-item-container.list-layout .listing-item {
display: block;
height: auto;
padding: 0;
}
.listing-item-container.list-layout .listing-item .listing-badge {
display: none;
}
.listing-item-container.list-layout .listing-item-image {
min-height: auto;
}
.listing-item-container.list-layout span.like-icon {
top: -15px;
transform: translateY(-100%);
background-color: rgba(32, 32, 32, 0.4);
color: #fff;
right: 35px;
}
.listing-item-container.list-layout .listing-item-details {
position: relative;
bottom: auto;
right: auto;
left: 0;
top: -15px;
margin: 0px 30px 15px 30px;
padding: 5px 20px;
background-color: #eee;
border-radius: 50px;
font-size: 14px;
width: auto;
display: inline-block;
}
}
.map-box .listing-img-container img {
max-height: 220px;
height: 220px;
object-fit: cover;
}
.booking-widget .button.loading {
opacity: 1;
}
.chosen-container .chosen-results li {
transition: 0.2s;
}  .bookable-services {
display: block;
}
.bookable-services input[type="radio"],
.bookable-services input[type="checkbox"] {
display: none;
}
.bookable-services .single-service:last-child {
margin-bottom: 0;
}
.bookable-services input[type="radio"]+label,
.bookable-services input[type="checkbox"]+label {
transition: 0.3s;
font-size: 14.7px;
cursor: pointer;
border-radius: 4px;
background-color: #f8f8f8;
color: #777;
display: block;
width: 100%;
padding: 15px;
padding-right: 70px;
margin: 0;
line-height: 24px;
position: relative;
}
.bookable-services .single-service {
display: inline-block;
float: left;
margin: 0 7px 7px 0;
overflow: hidden;
display: block;
width: 100%;
position: relative;
}
.bookable-services .single-service h5 {
font-weight: 600;
display: inline-block;
padding: 0;
margin: 0;
line-height: 20px;
color: #666;
transition: 0.3s;
text-align: left;
max-width: 80%;
}
.bookable-services .single-service-price {
font-weight: 500;
font-size: 14px;
color: #888;
transition: 0.3s;
padding: 0;
margin: 0;
line-height: 18px;
display: inline-block;
background-color: #eee;
padding: 3px 6px;
border-radius: 4px;
transition: 0.3s;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
} .bookable-services .single-service:hover h5,
.bookable-services .single-service:hover .single-service-price {
color: #f91942;
}
.bookable-services .single-service:hover .single-service-price {
background-color: rgba(249, 25, 66, 0.08);
color: #f91942;
}
.bookable-services input[type="radio"]+label:hover,
.bookable-services input[type="checkbox"]+label:hover {
background-color: rgba(249, 25, 66, 0.08);
color: #f91942;
}
.bookable-services input[type="radio"]:checked+label,
.bookable-services input[type="checkbox"]:checked+label {
background-color: #f91942;
color: #fff;
transition: 0.3s;
}
.bookable-services input[type="radio"]:checked+label h5,
.bookable-services input[type="checkbox"]:checked+label h5 {
color: #fff;
}
.bookable-services input[type="radio"]:checked+label .single-service-price,
.bookable-services input[type="checkbox"]:checked+label .single-service-price {
background-color: #fff;
color: #f91942;
}
.services-counter {
background-color: #f91942;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 600;
font-family: "Open Sans", sans-serif;
line-height: 18px;
text-align: center;
position: relative;
top: -2px;
left: 2px;
height: 18px;
width: 18px; }
.services-counter.counter-visible {
opacity: 1;
}
#summary-services {
color: #888;
border-top: 1px solid #e0e0e0;
margin: 15px 0 10px 0;
display: block;
padding-top: 20px;
}
.listeo_booked_services_list li em,
#booking-confirmation-summary li em {
font-style: normal;
color: #888;
opacity: 0.6;
font-weight: normal;
}
.pricing-bookable input {
display: inline-block;
}
.fm-input.pricing-bookable input {
margin: 10px 0 0 25px
}
.fm-input.pricing-bookable {
max-width: 100px;
}
.pricing-list-item td .fm-input.pricing-bookable {
margin-right: -5px;
}
.pricing-list-item a.delete {
width: 20px;
height: 30px;
line-height: 30px;
padding: 0 !important;
text-align: center;
margin-top: 10px;
border-radius: 100%;
font-size: 14px;
margin-right: -5px;
margin-left: 0;
}
.pricing-submenu input {
border: none !important;
box-shadow: none !important;
background: #f4f4f4;
} .switcher-tip {
position: relative;
}
.switcher-tip:after {
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%, calc(-100% - 20px));
-ms-transform: translate(-50%, -100%);
background: #333;
color: #fff;
padding: 13px 15px;
min-width: 200px;
max-width: 200px;
font-size: 13px;
border-radius: 4px;
line-height: 19px;
pointer-events: none;
z-index: 999;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
content: attr(data-tip-content)
}
.switcher-tip:hover:after,
.switcher-tip:hover:before {
opacity: 1;
visibility: visible;
}
.switcher-tip:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0dd";
position: absolute;
top: -16px;
left: 50%;
font-size: 20px;
color: #333;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.list-box-listing-content .inner span.services-list-price-tag {
background: #f0f0f0;
border-radius: 50px;
padding: 0;
line-height: 22px;
padding: 0px 7px;
font-size: 13px;
font-weight: 500;
color: #808080;
margin-left: 5px;
}
.solid-bg-home-banner .main-search-container:before {
background: rgba(51, 51, 51, 0.8);
}
.solid-bg-home-banner .highlighted-categories-headline,
.solid-bg-home-banner .main-search-container h1 {
color: #fff;
}
.solid-bg-home-banner .main-search-container h2 {
color: #fff;
}
.solid-bg-home-banner .main-search-container h4 {
color: rgba(255, 255, 255, 0.65);
}
.solid-bg-home-banner.main-search-container:before {
background: rgba(51, 51, 51, 0.8);
}
.solid-bg-home-banner.highlighted-categories-headline,
.solid-bg-home-banner.main-search-container h1 {
color: #fff;
}
.solid-bg-home-banner.main-search-container h2 {
color: #fff;
}
.solid-bg-home-banner.main-search-container h4 {
color: rgba(255, 255, 255, 0.65);
}  body.no-map-marker-icon .map-marker-container {
transform: translate3d(-50%, -100%, 0);
}
body.no-map-marker-icon .marker-container {
width: 35px;
height: 35px;
transform: rotate(-45deg);
}
body.no-map-marker-icon .face {
border-radius: 100% 100% 100% 0%;
}
body.no-map-marker-icon .marker-arrow {
display: none;
}
body.no-map-marker-icon .marker-container:hover .marker-card,
body.no-map-marker-icon .map-marker-container.clicked .marker-card {
transform: rotateY(0) translateY(0);
}
body.no-map-marker-icon .face.front {
background-color: #f91942;
}
body.no-map-marker-icon .face.front:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
height: 22px;
width: 22px;
border-radius: 100%;
}
body.no-map-marker-icon .face.front:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f91942;
height: 12px;
width: 12px;
border-radius: 100%;
}
body.no-map-marker-icon .map-box,
body.no-map-marker-icon .infoBox:after {
bottom: -8px;
}
body.no-map-marker-icon .clicked .marker-container .marker-card,
body.map-marker-container.clicked .marker-card {
transform: none;
}
body.no-map-marker-icon .face.back {
display: none;
}  .transparent-header .main-search-container.full-height,
.main-search-container.full-height {
min-height: 100vh;
display: flex;
align-items: center;
}
.main-search-container.full-height {
min-height: calc(100vh - 80px);
}
.main-search-container.full-height .main-search-inner {
padding: 0;
display: block;
position: relative;
margin: 0 auto;
left: 0;
right: 0;
}
.main-search-container.alt-search-box .main-search-input-item {
margin: 0;
padding: 0;
border: none;
width: 100%;
flex: auto;
margin-bottom: 14px;
float: left;
}
.main-search-container.alt-search-box .main-search-input {
width: 480px;
border-radius: 8px;
height: auto;
max-height: 100%;
padding: 35px;
margin-top: 0 !important;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1);
text-align: left;
}
.alt-search-box.main-search-container .main-search-inner {
top: 0;
transform: none;
position: relative;
}
.alt-search-box.main-search-container .main-search-input-headline h1,
.alt-search-box.main-search-container .main-search-input-headline h2 {
color: #333;
font-size: 28px;
font-weight: 600;
margin: 0 0 30px 0;
padding: 0;
line-height: 36px;
}
.alt-search-box.main-search-container .main-search-input-headline h4 {
color: #888;
font-size: 20px;
margin: -18px 0 30px 0;
padding: 0;
line-height: 30px;
}
.alt-search-box.main-search-container .main-search-input-item #location_search,
.alt-search-box.main-search-container .main-search-input-item input {
padding: 0 18px;
height: 54px;
line-height: 54px;
border: 1px solid #e2e2e2;
border-radius: 4px;
}
.alt-search-box .main-search-input-item .chosen-single,
.alt-search-box .main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single,
.alt-search-box .main-search-input-item .chosen-container .chosen-drop {
box-shadow: none;
border: 1px solid #e2e2e2;
background: #fff;
}
.alt-search-box .main-search-input-item .chosen-single,
.alt-search-box .main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
padding: 0 20px;
height: 55px;
line-height: 55px;
border-radius: 4px;
background: #fff;
border: 1px solid #e2e2e2;
}
.main-search-input-headline {
text-align: left
}
.alt-search-box button.button {
margin-top: 15px;
font-size: 17px;
padding: 0 35px;
height: 46px;
}
.alt-search-box .main-search-input-item .chosen-single:after {
opacity: 0;
transition: 0.3s;
width: calc(100% - 1px);
}
.alt-search-box .main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single:after {
opacity: 1;
}
.alt-search-box span.slider-disable {
float: none;
display: inline-block;
}
.alt-search-box .main-search-input-item .col-md-12 {
padding: 0;
}
.alt-search-box .panel-disable {
margin-left: 10px;
}
.search-input-icon {
position: relative;
}
.search-input-icon i {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 21px;
z-index: 10;
color: #999;
transition: 0.3s;
font-size: 14px;
}
.search-input-icon:hover i {
color: #f91942;
}
@media (min-width: 992px) {
.main-search-container:not(.alt-search-box) .main-search-input .search-input-icon input {
height: 32px;
line-height: 32px;
margin-top: 7px
}
.main-search-container:not(.alt-search-box) .main-search-input .search-input-icon i {
margin-top: 2px
}
}
.main-search-container .search-input-icon.col-md-12 {
padding: 0;
}
@media (min-width: 992px) {
.main-search-container:not(.alt-search-box) .search-input-icon input {
padding-left: 15px;
}
}
.main-search-input .search-input-icon i {
z-index: 97;
background: #fff;
box-shadow: 0 0 0 10px #fff;
}
.alt-search-box.main-search-container .main-search-input-item.search-input-icon input {
padding-right: 40px;
}
#_address_wrapper a,
.main-search-input-item.location a {
right: 15px;
padding: 0 5px;
}
#_address_wrapper a {
right: 22px;
}
.alt-search-box .input-with-icon i,
.alt-search-box .main-search-input-item.location a {
right: 2px;
}
.main-search-input-item.location a i {
padding: 10px 12px 10px 5px;
}
.alt-search-box .main-search-input-item.location a i {
padding-right: 17px;
font-size: 14px;
}
.alt-search-box .main-search-form {
width: 100%;
}
.alt-search-box .typed-words,
.alt-search-box .typed-cursor {
display: none;
}
.alt-search-box .main-search-input-item.radius,
.alt-search-box .main-search-input-item.slider_type .range-slider-container {
margin: 10px 0 0 0;
}
@media (max-width: 992px) {
.main-search-container.alt-search-box .main-search-input {
width: auto;
max-height: 100%;
padding: 25px;
background: #fff;
}
}
@media (min-width: 992px) {
.alt-search-box .main-search-input .pac-container {
box-shadow: none;
border: 1px solid #e2e2e2;
padding-top: 45px;
z-index: 9;
left: 0 !important;
top: 9px !important;
border-radius: 4px;
}
}
.bordered-alt-style.daterangepicker {
border: 1px solid #e0e0e0;
box-shadow: none;
border-radius: 4px;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.bordered-alt-style.daterangepicker.opensleft:after {
right: 130px;
}
.search-input-icon input {
cursor: pointer;
}
.search-input-icon i {
pointer-events: none;
}
.fs-content .search-input-icon i,
.sidebar .search-input-icon i {
top: 19px;
transform: none;
right: 30px;
font-size: 14px;
}
.fs-content .search-input-icon i {
top: 18px;
font-size: 14px;
}
.hide-slider-button .slider-disable {
display: none !important;
}
.solid-header .main-search-container.alt-search-box {
height: auto;
}
@media (max-height: 700px) {
.main-search-container.alt-search-box .main-search-input {
margin-top: 50px;
}
.main-search-container.full-height {
min-height: 800px;
display: block;
}
}
@media (max-height: 740px) {
.main-search-container.alt-search-box .main-search-input {
margin-top: 30px;
}
}
@media (max-height: 900px) {
.main-search-container.full-height .main-search-inner {
position: relative;
transform: none;
padding-bottom: 70px;
padding-top: 150px;
}
.main-search-container.full-height {
min-height: 100%;
display: block;
}
}
@media (max-width: 1360px) {
.main-search-container.full-height .main-search-inner {
position: relative;
transform: none;
padding-bottom: 70px;
padding-top: 150px;
}
.main-search-container.full-height {
min-height: 100%;
display: block;
}
.solid-header .main-search-container.full-height .main-search-inner {
position: relative;
transform: none;
padding: 60px 0;
}
}
@media (max-width: 1240px) {
.main-search-container.full-height .main-search-inner {
padding-top: 200px;
}
}
.alternative-imagebox .img-box-content {
transform: none;
top: initial;
bottom: 30px;
padding-left: 30px;
text-align: left;
}
.alternative-imagebox .img-box-content h4 {
font-size: 22px;
}
.alternative-imagebox .img-box {
height: 270px;
} .solid-header .main-search-container.alt-search-box:not(.full-height) {
height: auto;
}
.solid-header .main-search-container.alt-search-box:not(.full-height) .main-search-inner {
padding: 60px 0;
}
.alternative-imagebox .img-box:before {
opacity: 1;
background: linear-gradient(to top, rgba(35, 35, 37, 0.7) 0%, rgba(35, 35, 37, 0.35) 45%, rgba(22, 22, 23, 0.1) 60%, rgba(0, 0, 0, 0) 100%);
background-color: rgba(35, 35, 37, 0);
}   .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane>svg,
.leaflet-pane>canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 50%;
position: absolute;
transform: translateY(-50%);
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane>svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
pointer-events: none;
}
.leaflet-touch .leaflet-bar a {
width: 34px;
height: 34px;
line-height: 34px;
}
.leaflet-touch .leaflet-bar a i {
line-height: 34px;
left: -1px;
position: relative;
}
body #submit_map {
outline: none;
margin-bottom: 30px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 15px;
text-align: center;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}  .leaflet-container .leaflet-control-attribution {
background: #fff;
margin: 10px;
border-radius: 3px;
padding: 4px 8px;
color: #777;
font-weight: 500;
line-height: 15px;
}
.leaflet-container .leaflet-control-attribution a {
color: #333;
text-decoration: none !important;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
background-clip: padding-box;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
background-color: #fff;
color: #333;
cursor: pointer;
border-radius: 50%;
margin: 5px 10px;
transition: color 0.3s, background-color 0.3s;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
text-align: center;
font-size: 15px;
height: 34px;
width: 34px;
-webkit-text-stroke: 0 !important;
transition: 0.3s;
}
.leaflet-control-zoom-in:hover,
.leaflet-control-zoom-out:hover {
background-color: #f91942;
-webkit-text-stroke: 1px #f91942;
color: #fff;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 25px;
}
.leaflet-popup-content-wrapper {
padding: 0;
text-align: left;
border-radius: 4px
}
.leaflet-popup-content {
width: 450px;
}
.leaflet-popup-content .listing-small-badges-container {
zoom:0.9;
}
.leaflet-popup-content p {
margin: 0;
}
.leaflet-listing-img-container img {
border-radius: 4px 4px 0 0;
object-fit: cover;
height: 100%;
width: 100%;
}
.leaflet-listing-img-container {
position: relative;
height: 210px;
display: block;
}
.leaflet-listing-img-container:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
display: block;
background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.40) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
background-color: rgba(35, 35, 37, 0.2);
}
.leaflet-listing-item-content {
position: absolute;
bottom: 20px;
left: 0;
padding: 0 24px;
width: 100%;
z-index: 50;
box-sizing: border-box;
}
.leaflet-listing-item-content h3 {
color: #fff;
font-size: 18px;
padding: 0 0 2px 0;
font-weight: 500;
margin: 0;
line-height: 25px;
}
.leaflet-listing-content {
padding: 16px 22px;
width: 100%;
z-index: 50;
box-sizing: border-box;
position: relative;
}
.leaflet-listing-content .not-rated {
color: #888;
}
.leaflet-listing-content .star-rating {
font-size: 16px;
margin-top: 1px;
display: block;
line-height: 18px;
}
.leaflet-listing-item-content span {
font-size: 15px;
font-weight: 400;
display: inline-block;
color: rgba(255, 255, 255, 0.7);
line-height: 24px;
display: block;
;
}
.leaflet-popup-tip-container {
width: 30px;
height: 30px;
position: absolute;
left: 50%;
margin-left: -15px;
overflow: hidden;
pointer-events: none;
background: transparent;
}
.leaflet-popup-tip {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #fff;
}
.leaflet-popup-content-wrapper {
background: white;
color: #333;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
z-index: 999;
text-align: center;
line-height: 29px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
height: 29px;
width: 29px;
background-color: #fff;
color: #333;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: "Font Awesome 5 Free";
font-weight: 900;
border-radius: 50%;
-webkit-text-stroke: 1px #fff;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #fff;
background-color: #f91942;
-webkit-text-stroke: 1px #f91942;
}
.leaflet-container a.leaflet-popup-close-button:before {
content: "\f00d";
position: absolute;
top: 0;
left: 0;
right: 0;
font-size: 14px;
line-height: 29px;
height: 29px;
width: 29px;
border-radius: 100%;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg { -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
background-color: transparent;
}
.marker-cluster {
background-clip: padding-box;
border-radius: 20px;
}
.marker-cluster div {
margin-left: 5px;
margin-top: 5px;
text-align: center;
font-size: 15px;
color: #fff;
font-weight: 600;
border-radius: 50%;
width: 36px;
height: 36px;
line-height: 36px;
background-color: #66676b;
position: relative;
}
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
background-color: #f91942;
}
.marker-cluster div:before {
border: 7px solid #f91942;
opacity: 0.2;
box-shadow: inset 0 0 0 4px #f91942;
content: '';
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: cluster-animation 2.5s infinite;
}
.marker-cluster span {
font-family: Arial, sans-serif;
line-height: 36px;
}
.leaflet-control-geocoder {
border-radius: 4px;
background: white;
min-width: 26px;
min-height: 26px;
}
.leaflet-touch .leaflet-control-geocoder {
min-width: 30px;
min-height: 30px;
}
.leaflet-control-geocoder a,
.leaflet-control-geocoder .leaflet-control-geocoder-icon {
border-bottom: none;
display: inline-block;
}
.leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
width: inherit;
height: inherit;
line-height: inherit;
}
.leaflet-control-geocoder a:hover,
.leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
border-bottom: none;
display: inline-block;
}
.leaflet-control-geocoder-form {
display: none;
vertical-align: middle;
}
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
display: inline-block;
}
.leaflet-control-geocoder-form input {
font-size: 120%;
border: 0;
background-color: transparent;
width: 246px;
}
.leaflet-control-geocoder-icon {
border-radius: 4px;
width: 26px;
height: 26px;
border: none;
background-color: white;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.leaflet-touch .leaflet-control-geocoder-icon {
width: 30px;
height: 30px;
}
.leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {}
.leaflet-control-geocoder-form-no-error {
display: none;
}
.leaflet-control-geocoder-form input:focus {
outline: none;
}
.leaflet-control-geocoder-form button {
display: none;
}
.leaflet-control-geocoder-error {
margin-top: 8px;
margin-left: 8px;
display: block;
color: #444;
}
.leaflet-control-geocoder-alternatives {
display: block;
width: 272px;
list-style: none;
padding: 0;
margin: 0;
}
.leaflet-control-geocoder-alternatives-minimized {
display: none;
height: 0;
}
.leaflet-control-geocoder-alternatives li {
white-space: nowrap;
display: block;
overflow: hidden;
padding: 5px 8px;
text-overflow: ellipsis;
border-bottom: 1px solid #ccc;
cursor: pointer;
}
.leaflet-control-geocoder-alternatives li a,
.leaflet-control-geocoder-alternatives li a:hover {
width: inherit;
height: inherit;
line-height: inherit;
background: inherit;
border-radius: inherit;
text-align: left;
}
.leaflet-control-geocoder-alternatives li:last-child {
border-bottom: none;
}
.leaflet-control-geocoder-alternatives li:hover,
.leaflet-control-geocoder-selected {
background-color: #f5f5f5;
}
.leaflet-control-geocoder-address-detail {}
.leaflet-control-geocoder-address-context {
color: #666;
} #leaflet-geocode-cont {
position: absolute;
z-index: 110;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 0 0 4px 4px;
top: 48px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
display: none;
width: 100%;
}
#leaflet-geocode-cont.active {
display: block;
}
#leaflet-geocode-cont ul {
list-style: none;
padding: 0;
margin: 0;
}
#leaflet-geocode-cont ul li {
color: #888;
font-size: 13px;
font-weight: 400;
line-height: 20px;
padding: 11px 15px;
padding-left: 38px;
margin: 0;
border-bottom: 1px solid #e8e8e8;
cursor: pointer;
transition: 0.3s;
position: relative; }
#leaflet-geocode-cont ul li:before {
content: "\f3c5";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
position: absolute;
top: 10px;
left: 20px;
margin-right: 0;
color: #aaa;
transition: 0.3s;
}
#leaflet-geocode-cont ul li:hover:before {
color: #a0a0a0;
}
#leaflet-geocode-cont ul li:last-child {
border: none;
border-radius: 0 0 4px 4px;
}
#leaflet-geocode-cont ul li.selected,
#leaflet-geocode-cont ul li:hover {
background: #fafafa;
}
#leaflet-geocode-cont span.highlight {
color: #222;
font-weight: 700;
}
.type-and-hit-enter {
display: block;
position: absolute;
right: 27px;
top: 13px;
z-index: 120;
background-color: #f0f0f0;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
color: #888;
line-height: 18px;
padding: 3px 7px;
pointer-events: none;
opacity: 0;
transition: 0.4s;
transform: translateX(4px);
}
.tip-visible-focusin.type-and-hit-enter,
.tip-visible.type-and-hit-enter {
opacity: 1 !important;
transform: translateX(0);
}
.main-search-container.alt-search-box #leaflet-geocode-cont {
top: 51px;
}
#listeo_core-search-form.gray-style .type-and-hit-enter,
.main-search-container:not(.alt-search-box) .type-and-hit-enter {
top: 11px;
}
.main-search-container.alt-search-box .type-and-hit-enter {
right: 19px;
top: 14px;
}
@media (min-width: 992px) {
#listeo_core-search-form.gray-style .osm-dropdown-active #leaflet-geocode-cont,
.main-search-container:not(.alt-search-box) .osm-dropdown-active #leaflet-geocode-cont {
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
border: none;
padding-top: 45px;
top: 0;
z-index: 10;
border-radius: 4px;
}
#listeo_core-search-form.gray-style .osm-dropdown-active #leaflet-geocode-cont {
box-shadow: none;
border: 1px solid #e0e0e0;
}
#listeo_core-search-form.gray-style .osm-dropdown-active #leaflet-geocode-cont ul li:first-child,
.main-search-container:not(.alt-search-box) .osm-dropdown-active #leaflet-geocode-cont ul li:first-child {
border-top: 1px solid #e8e8e8;
}
}
@media (max-width: 992px) {
.main-search-container:not(.alt-search-box) #leaflet-geocode-cont {
top: 52px;
}
#listeo_core-search-form.gray-style .type-and-hit-enter,
.main-search-container:not(.alt-search-box) .type-and-hit-enter {
top: 16px;
right: 20px;
}
}
#leaflet-geocode-cont ul li.powered-by-osm {
display: block;
padding: 9px 0;
padding-right: 20px;
font-size: 12px;
font-weight: 500;
color: #999;
pointer-events: none;
text-align: right;
}
#leaflet-geocode-cont ul li.powered-by-osm strong {
color: #333;
position: relative;
padding-left: 26px;
}
#leaflet-geocode-cont ul li.powered-by-osm strong:before {
background-image: url(https://i.imgur.com/YaiaYGw.png);
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 17px;
width: 17px;
display: inline-block;
position: absolute;
left: 5px;
top: -2px
}
#leaflet-geocode-cont ul li.powered-by-osm:before {
content: "";
}
.alt-search-box span.slider-disable {
margin-top: 15px;
}
@-webkit-keyframes leaflet-gestures-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes leaflet-gestures-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.leaflet-container:after {
-webkit-animation: leaflet-gestures-fadein .8s backwards;
animation: leaflet-gestures-fadein .8s backwards;
color: #fff;
font-family: Roboto, Arial, sans-serif;
font-size: 22px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 461;
pointer-events: none
}
.leaflet-gesture-handling-scroll-warning:after,
.leaflet-gesture-handling-touch-warning:after {
-webkit-animation: leaflet-gestures-fadein .8s forwards;
animation: leaflet-gestures-fadein .8s forwards
}
.leaflet-gesture-handling-touch-warning:after {
content: attr(data-gesture-handling-touch-content)
}
.leaflet-gesture-handling-scroll-warning:after {
content: attr(data-gesture-handling-scroll-content)
}
.leaflet-container {
outline: none !important;
}
.leaflet-container a.leaflet-popup-close-button:before {
display: none;
}
.leaflet-container a.leaflet-popup-close-button {
-webkit-text-stroke: 0 !important;
}
#map-container.hide-map-on-mobile.fullwidth-home-map {
max-height: 100%;
opacity: 1;
}
.hosted-by-title {
min-height: 71px;
} .page-template-template-dashboard .subscription_details,
.page-template-template-dashboard .order_details,
.page-template-template-dashboard .my_account_orders {
background: #fff;
margin: 30px 0 0 0;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
border-radius: 4px;
width: 100%;
}
.page-template-template-dashboard .order-again {
margin-top: 15px;
}
.page-template-template-dashboard .woocommerce-customer-details address {
background: #fff;
display: inline-block;
width: 100%;
padding: 25px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
@media (min-width: 1380px) {
.page-template-template-dashboard .woocommerce-customer-details address,
.page-template-template-dashboard .subscription_details,
.page-template-template-dashboard .order_details {
max-width: 50%;
}
}
.page-template-template-dashboard .woocommerce table.my_account_orders th,
.page-template-template-dashboard .woocommerce table.shop_table th.woocommerce-orders-table__header {
text-align: left;
padding: 14px 25px;
color: #666;
font-size: 15px;
}
.page-template-template-dashboard .woocommerce table.my_account_orders td:last-child,
.page-template-template-dashboard .woocommerce table.shop_table td:last-child,
.page-template-template-dashboard .woocommerce table.shop_table.order_details th:last-child,
.page-template-template-dashboard .woocommerce table.my_account_orders th:last-child,
.page-template-template-dashboard .woocommerce table.my_account_orders th.woocommerce-orders-table__header:last-child,
.page-template-template-dashboard .woocommerce table.shop_table th.woocommerce-orders-table__header:last-child {
border-right: none;
}
.page-template-template-dashboard .woocommerce table.my_account_orders td,
.page-template-template-dashboard .woocommerce table.shop_table td {
padding: 15px 25px;
border-bottom: 1px solid #e0e0e0;
}
.page-template-template-dashboard .woocommerce table.subscription_details td .button,
.page-template-template-dashboard .woocommerce table.my_account_orders td .button,
.page-template-template-dashboard .woocommerce table.shop_table td .woocommerce-button {
padding: 16px 12px;
margin: 1px 5px 1px 0;
height: auto;
line-height: 0px;
vertical-align: middle;
font-size: 14px;
}
.page-template-template-dashboard .woocommerce table.my_account_orders td .woocommerce-button.pay {
background: #72af36 !important;
}
.page-template-template-dashboard .woocommerce table.my_account_orders td .woocommerce-button.view {
background: #e8e8e8 !important;
color: #777;
}
.page-template-template-dashboard .woocommerce table.my_account_orders td .woocommerce-button.cancel {
background: #ef2e2e !important;
}
.page-template-template-dashboard .woocommerce-pagination {
text-align: left;
margin-bottom: 0;
margin-top: 25px;
font-weight: 400;
font-size: 16px;
}
.woocommerce-view-subscription h2 {
font-size: 24px;
margin-bottom: 20px;
margin-top: 45px;
}
.alt-search-box .main-search-input-item .chosen-container-single .chosen-single,
.alt-search-box .main-search-input-item .chosen-single.chosen-container-active {
z-index: 100;
}
.page-template-template-home-search-map #map-container.hide-map-on-mobile,
body.page-template-template-home-search-map #map-container.hide-map-on-mobile.fullwidth-home-map,
.page-template-template-home-search-map .fs-inner-container.map-fixed.hide-map-on-mobile {
height: 500px;
max-height: 500px;
opacity: 1;
}
@media (max-width: 992px) {
input,
input:before,
input:after {
-webkit-user-select: initial;
-khtml-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
}
@media (max-width: 992px) {
.flatpickr-calendar.hasTime.noCalendar {
max-width: 280px;
}
}
.type-and-click-btn {
padding: 11px 35px;
background-color: #eee;
color: #444;
font-weight: 600;
display: none;
font-size: 16px;
text-align: center;
margin: 0px auto 20px;
display: none;
margin-top: -19px;
border-radius: 0 0 3px 3px;
border: 1px solid #e0e0e0;
background: #f7f7f7;
color: #555;
cursor: pointer;
}
@media (max-width: 992px) {
.type-and-click-btn {
display: block;
}
.tip-visible.type-and-hit-enter {
opacity: 0;
}
}
@media (max-width: 992px) {
.home #map-container.hide-map-on-mobile {
max-height: 650px !important;
opacity: 1 !important;
}
.home #show-map-button {
display: none;
}
} .user_not_logged_in .send-message-to-owner {
display: none;
} @media (max-width: 1360px) {
.col-lg-5.col-md-4.sign-in-form {
width: 50%;
}
}
@media (max-width: 992px) {
.col-lg-5.col-md-4.sign-in-form {
width: 100%;
}
} .search .panel-dropdown.active a:after {
color: #fff;
}
.search .panel-dropdown.active a {
background: #f91942;
color: #fff;
}
.fs-container .panel-wrapper {
position: relative;
}
@media (max-width: 992px) {
.fs-container .panel-dropdown {
display: inline-block;
width: auto;
position: static;
margin-right: 10px;
}
.fs-container .panel-dropdown .panel-dropdown-content {
left: 10px;
right: auto;
width: 100vw;
max-width: calc(100vw - 90px);
top: calc(100% + 20px);
}
}
@media (max-width: 480px) {
.fs-container .panel-dropdown .panel-dropdown-content {
width: calc(100vw - 50px);
max-width: calc(100vw - 50px)
}
.fs-container .col-md-9 {
margin: 0;
padding: 0;
}
.fs-container .pagination-container {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 992px) {
.fs-container .fs-switcher {
margin-top: -30px;
}
.padding-right-30.page-container-col {
padding-right: 15px !important
}
}
.main-search-input-item.location {
z-index: 202;
} @media (max-width: 992px) {
.home #map-container.hide-map-on-mobile {
max-height: 650px !important;
opacity: 1 !important;
}
.home #show-map-button {
display: none;
}
}
.categories-boxes-container {
align-items: center;
justify-content: center;
}
@media (max-width: 992px) {
.left-sidebar .col-blog {
float: none;
}
} .booking-sticky-footer {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
min-height: 70px;
background: #fff;
box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
flex-wrap: wrap;
padding: 12px 15px;
z-index: 900;
box-shadow: none;
border-top: 1px solid #e0e0e0;
}
.booking-sticky-footer .container {
display: flex;
}
.booking-sticky-footer h4 {
font-size: 14px;
font-weight: 600;
line-height: 22px;
padding: 0;
margin: 0;
}
.booking-sticky-footer .button {
float: right;
margin: 0;
padding: 8px 16px;
line-height: 21px;
font-size: 14px;
}
.booking-sticky-footer .star-rating {
zoom: 0.9;
letter-spacing: -1.5px;
margin: -2px 0 0 0;
padding: 0;
}
.bsf-left,
.bsf-right {
align-self: center;
}
.bsf-right {
justify-content: flex-end;
flex: 1;
}
.bsf-left {
justify-content: flex-start;
flex: 1.2;
}
@media (max-width: 992px) {
.booking-sticky-footer {
display: flex;
}
}
@media (max-width: 768px) {
.booking-sticky-footer .container {
padding: 0;
margin: 0;
width: 100%;
}
}
li.checkboxed:before,
.apartment-details.checkboxes li:before {
display: inline-block;
width: 19px;
height: 19px;
margin-right: 5px;
top: -2px;
position: relative;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
color: #66676b;
text-align: center;
line-height: 15px;
background-color: #fff;
border: 2px solid transparent;
transition: border-color 0s;
border-radius: 2px;
}
li.checkboxed:before {
background: #eee
}
li.listeo-download-detail a {
color: #666;
}
li.listeo-download-detail:before {
display: inline-block;
width: 19px;
height: 19px;
margin-right: 5px;
top: -2px;
position: relative;
content: "\f15b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
color: #66676b;
text-align: center;
line-height: 15px;
background-color: #fff;
border: 2px solid transparent;
transition: border-color 0s;
border-radius: 2px;
}
li.listeo-download-detail:before {
background: #eee
}
.home #autocomplete-container .pac-container:nth-child(2) {
display: none !important;
} .ical-dropdown-btn {
position: relative;
display: inline-block;
cursor: default;
background-color: #e9e9e9;
color: #666;
margin-left: 2px;
padding: 6px 15px;
line-height: 20px;
font-size: 13px;
font-weight: 600;
margin: 0;
border-radius: 50px;
vertical-align: top;
transition: 0.3s;
}
.ical-dropdown-btn:hover {
background: #f91842;
color: #fff;
}
.ical-dropdown-btn ul {
position: absolute;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: 0.25s;
transform: translateY(-8px);
width: 120px;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
background: #333 !important;
left: 0;
top: 40px;
display: block;
padding: 8px 0;
}
.ical-dropdown-btn ul:before {
content: "";
display: block;
width: 100%;
position: absolute;
top: -10px;
left: 0;
background: transparent;
height: 10px;
}
.ical-dropdown-btn:hover ul {
opacity: 1;
pointer-events: all;
visibility: visible;
transform: translateY(0);
}
.ical-dropdown-btn ul li {
width: 100%;
padding: 0;
margin: 0;
}
.ical-dropdown-btn ul a.button {
background: transparent;
padding: 2px 14px;
margin: 0;
display: flex;
color: #999;
}
.ical-dropdown-btn ul a.button:hover {
color: #eee;
}
.ical-dropdown-btn ul a.button:before {
display: none;
}
.ical-dropdown-btn ul:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #333;
content: '';
position: absolute;
left: 15px;
top: -5px;
}
.day-slots .ical-dropdown-btn {
z-index: 10;
}
.day-slots .ical-dropdown-btn ul {
list-style: none;
text-align: center;
}
.day-slots .ical-dropdown-btn ul li a {
padding: 0;
margin: 0;
font-size: 13px;
}
.day-slots .ical-dropdown-btn ul:after {
top: -4px;
}
.day-slots .ical-dropdown-btn.copy-slots-btn {
padding-right: 3px;
margin-top: 1px;
padding-top: 0;
font-size: 13px;
}
.day-slots .copy-day-slots-btn-wrapper {
color: #fff;
background: #0808082b;
display: inline-block;
padding: 3px 7px;
border-radius: 4px;
}
.day-slot-headline {
text-align: left;
} .saved-icals {}
.saved-icals ul {
list-style: none;
padding: 8px 9px;
margin: 0;
background: #f8f8f8;
border-radius: 3px;
font-size: 14px;
}
.saved-icals ul li {
border-bottom: 1px solid #e8e8e8;
padding: 5px 4px;
margin-bottom: 2px;
position: relative;
}
.saved-icals ul li:last-child {
border-bottom: none;
margin-bottom: 0;
}
.saved-icals ul li span {
display: block;
font-weight: 500;
margin: 0;
padding: 0;
}
.saved-icals ul li span {
display: block;
font-weight: 600;
margin: 0;
padding: 0;
line-height: 18px;
}
.ical-import-form {
margin-top: 8px;
display: inline-block;
width: 100%;
}
.saved-icals ul li small {
display: block;
line-height: 20px;
}
.saved-icals ul li .ical-remove {
display: inline-block;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
background: #ffe0e0;
color: #b03f3f;
line-height: 18px;
padding: 2px 6px;
position: absolute;
right: 6px;
bottom: 6px;
}
.update-all-icals {
background-color: #eaf6e3;
color: #64874f;
border-radius: 50px;
padding: 6px 12px;
line-height: 20px;
margin-top: 10px;
display: inline-block;
font-size: 13px;
font-weight: 500;
transition: 0.2s;
margin-bottom: 20px;
}
.update-all-icals:hover {
color: #64874f;
background-color: #dfefd5;
}
.update-all-icals .tip {
background-color: #c3ddb3;
color: #5d8545;
margin-left: 5px
}
.row.opening-day:hover {
background: transparent;
} .single-service .qtyButtons {
background: #f8f8f8;
height: auto;
display: flex;
align-items: center;
text-align: left;
padding: 15px;
transition: 0.3s;
border-radius: 0 0 4px 4px;
margin-top: 0;
border-top: 1px solid #eaeaea;
}
.single-service .qtyInc,
.single-service .qtyDec {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 14px;
background-color: #eee;
-webkit-text-stroke: 1px #eee;
color: #999;
display: inline-block;
text-align: center;
border-radius: 50%;
cursor: pointer;
border-radius: 3px;
transition: 0.3s;
}
.single-service .qtyInc:hover,
.single-service .qtyDec:hover {
background-color: #f91942;
-webkit-text-stroke: 1px #f91942;
color: #fff;
}
.single-service .qtyDec {
margin-right: -2px;
z-index: 2;
border-radius: 3px 0 0 3px;
}
.single-service .qtyInc {
margin-left: -2px;
border-radius: 0 3px 3px 0
}
.single-service .qtyButtons input {
outline: 0;
font-size: 12px;
font-weight: 600;
text-align: center;
width: 32px;
height: 26px;
color: #444;
line-height: 26px;
margin: 0 !important;
padding: 0;
border: none;
box-shadow: none;
pointer-events: none;
display: inline-block;
background: #fff;
}
.with-qty-btns input[type="checkbox"]+label {
border-radius: 4px 4px 0 0;
}
.checkboxes.in-row.pricing-quanity-buttons {
zoom: 0.85;
margin: -1px 0 10px 0;
}
.checkboxes.in-row.pricing-quanity-buttons label {
padding-left: 25px;
font-weight: 500;
color: #999;
margin-top: 0px;
}
.fm-input.pricing-bookable-options {
max-width: 200px;
}
.fm-input.pricing-bookable-options select {
margin: 0;
}
@media (max-width: 480px) {
.listing-links.contact-links li {
width: 100% !important;
}
}
p.order-again {
display: none !important;
}
a.wcs-switch-link.button {
color: #fff !important;
position: relative;
margin: 0;
padding: 2px 7px;
font-size: 13px !important;
float: right;
top: -7px;
right: 15px;
}
.transparent-header .main-search-container {
height: auto;
z-index: 999;
position: relative;
}
#header-container {
position: relative;
z-index: 1001;
}
.card-label>textarea#cvv {
margin-top: 0px;
}
.my-profile .listeo-uploaded-file-preview img {
max-width: 160px;
}
.listeo-custom-fields-wrapper {
display: none;
} .listeo-radios div {
display: block;
position: relative;
}
.listeo-radios div input,
.listeo-radios div label {
display: inline-block;
padding: 0;
margin: 0
}
.listeo-radios div label {
top: -2px;
position: relative;
padding: 0 0 0 25px;
cursor: pointer;
line-height: 22px;
}
.listeo-radios div input {
position: absolute;
}
.listeo-registration-custom-radio .listeo-radios div input {
position: absolute;
top: 0;
height: 22px;
}
label.listeo-registration-custom-radio i {
position: relative;
left: 0;
bottom: 0;
}
label.listeo-registration-custom-checkbox input[type="checkbox"].switch_1:after {
height: 27px;
width: 27px;
}
.listeo-registration-custom-checkboxes .listeo_core-checkboxes-label,
.listeo-registration-custom-checkbox .listeo_core-switch {
margin: 4px 0 -2px 0;
}
.my-profile input[type="file"],
.listeo-registration-custom-file input {
padding: 14px !important;
line-height: 0;
height: auto;
}
#listeo-core-registration-fields .chosen-container {
margin-bottom: 16px !important;
}
.sign-in-form label.field-no-icon input:not(.input-checkbox) {
padding-left: 20px;
}
#listeo-core-registration-fields .chosen-container-single .chosen-single span {
font-size: 15px;
font-weight: 500;
}
.elementor-widget-container .sign-in-form .tab-content {
padding: 20px 0;
}
.listeo_core-registration-separator {
font-weight: 600;
font-size: 15px;
color: #777;
padding: 5px 0;
}
.coupon-widget-wrapper {
display: none;
}
.form-booking-event .coupon-widget-wrapper {
display: inline-block;
}
#coupon-widget-wrapper-output div {
display: none;
}
#coupon-widget-wrapper .coupon {
display: none
}
.coupon-booking-widget-wrapper .coupon-form {
display: none;
}
.coupon-widget-wrapper .coupon-form {
display: none;
}
#coupon-widget-wrapper-applied-coupons span {
background: #fff;
padding: 5px;
display: inline-block;
margin: 5px;
border: 1px solid #eee
}  .coupon-widget {
margin-top: 35px;
border-radius: 4px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
color: #fff;
transition: 0.3s;
display: block;
}
.coupon-widget:hover {
transform: translateY(-5px)
}
.coupon-widget:before {
content: "";
background-color: #222;
opacity: 0.8;
top: 0;
left: 0;
display: block;
height: 100%;
width: 100%;
position: absolute;
border-radius: 4px;
z-index: 1;
}
.coupon-widget a.coupon-top {
padding: 32px 30px;
position: relative;
z-index: 10;
text-align: center;
cursor: default;
display: block;
cursor: pointer;
background: rgba(255, 255, 255, 0.07);
}
.coupon-widget a.coupon-top h3 {
font-weight: 600;
font-size: 21px;
line-height: 30px;
text-align: center;
padding: 0 30px;
margin: 0;
font-weight: 600;
color: #fff;
}
.coupon-scissors-icon {
position: absolute;
top: -15px;
left: 35px;
z-index: 100;
font-size: 20px;
}
.coupon-scissors-icon:after {
content: "\f0c4";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.coupon-valid-untill {
background-color: #fff;
display: inline-block;
border-radius: 4px;
padding: 5px 12px;
line-height: 20px;
font-weight: 600;
font-size: 14px;
margin-top: 15px;
color: #333;
}
.coupon-how-to-use {
padding: 0 20px;
font-size: 14px;
line-height: 22px;
margin-top: 15px;
color: rgba(255, 255, 255, 0.85);
}
.coupon-how-to-use strong {
color: #fff;
}
.coupon-widget .coupon-bottom {
border-top: 2px dashed rgba(255, 255, 255, 0.3);
padding: 20px;
margin: 0 0px;
position: relative;
z-index: 10;
text-align: center;
border-radius: 0 0 4px 4px;
}
.coupon-code {
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
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: 0.4s;
background-color: rgba(255, 255, 255, 0.09);
border: 2px dashed rgba(255, 255, 255, 0.29);
}
.code-button:hover,
.code-button {
text-align: center;
border-radius: 50px;
width: 100%;
display: block;
font-size: 15px;
font-weight: 600;
padding: 10px;
line-height: 24px;
transition: 0.3s;
background-color: #eee;
color: #777;
display: none;
}
.code-button:hover {
background-color: #f91942;
color: #fff;
}
.coupon-link-icon {
position: absolute;
top: 15px;
right: 18px;
font-size: 16px;
}
.coupon-link-icon:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f08e";
color: #fff;
}
.coupon-widget .coupon-bottom:before,
.coupon-widget .coupon-bottom:after {
content: "";
width: 22px;
height: 22px;
display: inline-block;
position: absolute;
top: 0;
z-index: 10;
left: 0;
background-color: #fff;
border-radius: 100%;
transform: translate(-50%, -50%);
}
.coupon-widget .coupon-bottom:after {
left: initial;
right: 0;
transform: translate(50%, -50%);
}
.coupon-widget:before,
.coupon-bottom {
background-color: #282828;
}
@media (max-width: 480px) {
.coupon-widget a.coupon-top {
padding-left: 20px;
padding-right: 20px;
}
}
.coupon-widget.boxed-widget {
padding: 0px;
}
.listeo-coupons-table-coupon-name pre {
letter-spacing: 2px;
font-weight: 700;
font-size: 15px;
color: #333;
border: 2px dashed #c0c0c0;
text-align: center;
padding: 5px 7px;
border-radius: 3px;
background: #eaffe2;
border: 2px dashed #6aa654;
color: #6aa654;
}
.page-template-template-dashboard .woocommerce table.my_account_orders td .woocommerce-button.pay {
background: #72af36 !important;
}
.page-template-template-dashboard .woocommerce table.subscription_details td .button,
.page-template-template-dashboard .woocommerce table.my_account_orders td .button,
.page-template-template-dashboard .woocommerce table.shop_table td .woocommerce-button {
padding: 10px 12px;
}
.page-template-template-dashboard .woocommerce .woocommerce-button i {
padding-right: 4px;
}
#listeo-coupon-link {
font-weight: 600;
cursor: default;
color: #f91942;
}
.apply_new_coupon {
display: none;
}
.coupon-form {
display: flex !important;
margin-top: 5px;
}
.coupon-form input,
.coupon-form input:focus {
border: none;
border-radius: 5px 0 0 5px;
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);
font-size: 15px;
font-weight: 600;
height: auto;
padding: 10px 16px;
line-height: 30px;
margin: 0 0 15px 0;
position: relative;
background-color: #fff;
text-align: left;
color: #888;
transition: color 0.3s !important;
flex: 1;
height: 50px;
}
.button.listeo-booking-widget-apply_new_coupon {
border-radius: 0 5px 5px 0;
padding: 0 13px;
height: 50px;
text-align: center;
min-width: 70px;
line-height: 50px;
}
#coupon-widget-wrapper-applied-coupons span {
background: #eaffe2;
padding: 4px 10px;
display: inline-block;
margin: 0 0 12px 0;
border: 2px dashed #6aa654;
border-radius: 4px;
font-weight: 700;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;
color: #6aa654;
position: relative;
line-height: 20px;
padding-top: 5px;
}
#coupon-widget-wrapper-applied-coupons span .fa.fa-times {
position: absolute;
right: -21px;
top: 7px;
display: inline-block;
color: #de2626;
font-weight: 500;
cursor: pointer;
-webkit-text-stroke: 1px #f9f9f9;
font-size: 15px;
}
.button.listeo-booking-widget-apply_new_coupon .loadingspinner {
margin-top: 3px;
}
.button.listeo-booking-widget-apply_new_coupon:before {
background-color: #f91942;
width: 90%;
height: 90%;
}
.button.listeo-booking-widget-apply_new_coupon.active .loadingspinner,
.button.listeo-booking-widget-apply_new_coupon.active:before {
opacity: 1;
}
#coupon-widget-wrapper-output .notification {
padding: 10px 20px;
}
.booking-estimated-discount-cost {
display: block;
margin-top: 0;
border: none;
padding-top: 5px;
}
#booking-confirmation-summary #coupon-widget-wrapper-applied-coupons {
float: left;
}
.booking-confirmation-coupons {
margin-top: 15px;
border-top: 1px solid #e0e0e0;
padding-top: 15px;
}
.booking-confirmation-coupons .button.listeo-booking-widget-apply_new_coupon {
margin-right: 0;
}
#booking-confirmation-summary .coupon-form input {
border: 1px solid #e0e0e0;
box-shadow: none;
}
.booking-confirmation-coupons {
margin-bottom: -5px;
}
#booking-confirmation-summary .total-discounted_costs {
font-size: 16px;
}
#booking-confirmation-summary .total-discounted_costs span {
font-weight: 600;
}
body li.booking-confirmation-coupons {
margin-top: 15px;
}
li.total-costs.estimated-with-discount {
color: #777;
}
.total-costs.estimated-with-discount span,
.booking-estimated-cost.estimated-with-discount span {
text-decoration: line-through;
color: #555 !important;
}
.total-discounted_costs span,
.booking-estimated-discount-cost span {
color: #f91942;
}
.form-booking-event .coupon-widget-wrapper {
display: block;
}
.coupon-widget a.coupon-top,
.coupon-widget {
cursor: default;
}
#coupon-widget-wrapper-applied-coupons {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.button.listeo-booking-widget-apply_new_coupon {
flex: 0 0 auto;
}
.coupon-form input,
.coupon-form input:focus {
flex: 1 1 auto;
width: 50%;
}
.coupon-widget a.coupon-top {
background: transparent;
}
select:not(.dokan-form-control):invalid {
height: 0px;
opacity: 0;
position: absolute;
display: flex;
}
select:not(.dokan-form-control):invalid[multiple] {
margin-top: 15px !important;
}
#booking-confirmation select:not(.dokan-form-control):invalid,
#listeo-core-registration-fields select:not(.dokan-form-control):invalid {
height: auto;
opacity: 1;
position: static;
display: flex !important;
}
#claim-listing-form textarea:invalid,
#claim-listing-form input:invalid,
#booking-confirmation textarea:invalid,
#booking-confirmation input:invalid {
border-bottom: 1px solid red;
} .listing-item-content .like-icon:before,
.listing-item-content .like-icon:after {
top: 11px;
}
#form-booking .panel-dropdown {
float: none;
}
#tax-rental_category-panel .panel-dropdown-content {
max-height: 400px;
overflow: auto;
}
#tax-service_category-panel .panel-dropdown-content {
max-height: 400px;
overflow: auto;
}
.user-profile-avatar {
width: 96px;
height: 96px;
}
.user-profile-avatar img {
object-fit: cover;
}  .main-search-container.plain-color {
height: 600px;  }
.main-search-container.plain-color .main-search-inner {
z-index: 10;
}
.main-search-container.plain-color:before {
display: none;
}
.main-search-container.plain-color h2 {
color: #111;
}
.main-search-container.plain-color h4 {
color: #111;
opacity: 0.65;
font-weight: 400;
}
.main-search-container.plain-color .highlighted-categories-headline {
color: #111;
opacity: 1;
font-weight: 500;
}
.plain-color .highlighted-categories-headline,
.plain-color .highlighted-categories,
.plain-color .main-search-headlines {
padding-right: 550px;
}
@media(max-width: 992px) {
.plain-color .highlighted-categories-headline,
.plain-color .highlighted-categories,
.plain-color .main-search-headlines {
padding-right: 0px;
}
}
.main-search-container.plain-color .main-search-inner .highlighted-category {
background: #111;
color: #fff;
box-shadow: none;
}
.main-search-container.plain-color .main-search-inner .highlighted-category h4 {
color: #fff;
opacity: 1;
}
.main-search-container.plain-color .main-search-inner .highlighted-category:hover {
background: #fff;
color: #222;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
}
.main-search-container.plain-color .main-search-inner .highlighted-category:hover h4 {
color: #222;
opacity: 1;
}
.main-search-container.plain-color.white-text h2,
.main-search-container.plain-color.white-text h4,
.main-search-container.plain-color.white-text .highlighted-categories-headline {
color: #fff;
}
.msps-container {
position: absolute;
height: 100%;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.main-search-photo-slider {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
display: flex;
top: 10%;
}
.elementor .main-search-photo-slider img {
width: 100%;
}
.msps-slider .slick-dots {
bottom: 20px;
z-index: 20;
}
.msps-slider .slick-dots li {
box-shadow: inset 0 0 0 2px #fff;
}
.msps-slider .slick-dots li.slick-active {
box-shadow: inset 0 0 0 6px #fff;
}
.msps-slider .slick-dots li:after {
background-color: #fff;
}
.main-search-photo-slider img {
object-fit: cover;
}
.main-search-photo-slider img {
filter: brightness(0);
opacity: 0.2
}
.main-search-photo-slider .slick-initialized img {
filter: brightness(1);
opacity: 1
}
.msps-slider-container {
position: relative; display: flex;
} .msps-shapes {
position: absolute;
top: 0;
right: 0;
top: 10%;
transform: none !important;
transform-style: flat !important;
}
.msps-shapes .shape-a {
position: absolute;
right: -55px;
top: 50px;
z-index: 10;
}
.msps-shapes .shape-b {
position: absolute;
right: -40px;
left: 0;
margin: 0 auto;
top: -35px;
z-index: 10;
}
.msps-shapes .shape-c {
position: absolute;
left: -80px;
bottom: 0;
z-index: -10;
}
.msps-shapes .shape-d {
position: absolute;
right: -50px;
bottom: 80px;
z-index: -10;
}
.msps-shapes .shape-e {
position: absolute;
right: -30px;
bottom: 55px;
z-index: 10;
}
.msps-shapes .shape-f {
position: absolute;
left: -70px;
top: 110px;
}
.shape-a.blurred {
right: -90px;
top: 8%;
}
.shape-a,
.shape-b,
.shape-c,
.shape-d,
.shape-e,
.shape-f {
opacity: 0;
transform: translateY(-25px);
transition: opacity 0.7s, transform 0.7s;
}
.shapes-animation .shape-a,
.shapes-animation .shape-b,
.shapes-animation .shape-c,
.shapes-animation .shape-d,
.shapes-animation .shape-e,
.shapes-animation .shape-f {
opacity: 1;
transform: translateY(0);
}
.shapes-animation .shape-a {
transition-delay: 1s;
}
.shapes-animation .shape-b {
transition-delay: 0.6s;
}
.shapes-animation .shape-c {
transition-delay: 0.4s;
}
.shapes-animation .shape-d {
transition-delay: 0.2s;
}
.shapes-animation .shape-e {
transition-delay: 0.6s;
}
.shapes-animation .shape-f {
transition-delay: 0.8s;
}
@media (max-width: 1366px) {
.msps-shapes .shape-d {
position: absolute;
right: -40px;
bottom: 80px;
z-index: -10;
}
.msps-shapes .shape-a {
position: absolute;
right: -20px;
top: 50px;
z-index: 10;
}
}
.layer {
width: 100%;
height: 100%;
z-index: 10;
}
.msps-slider .slick-slide .item {
vertical-align: middle;
object-fit: cover;
width: 100%;
height: 100%;
}
.msps-shapes,
.main-search-photo-slider,
.msps-slider .slick-slide,
.msps-slider {
height: 600px;
width: 530px;
}  .categories-boxes-container-alt {
width: calc(100% + 25px);
left: -20px;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.category-small-box-alt {
float: left;
background-color: #f2f2f2;
border-radius: 4px;
margin: 25px 0 0 25px;
padding: 32px 28px;
text-align: center;
color: #777;
transition: 0.4s;
transform: scale(1);
vertical-align: top;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;
} .category-small-box-alt:hover {
background-color: #66676b;
color: #fff; transform: translateY(-6px);
}
.category-small-box-alt h4 {
font-size: 17px;
color: #444;
transition: 0.4s;
line-height: 22px;
margin-top: 9px;
margin-bottom: 9px;
transition: 0.3s;
font-weight: 500;
z-index: 11;
position: relative;
}
.category-small-box-alt i {
font-size: 42px;
height: 42px;
display: inline-block;
margin-top: 20px;
color: #f91942;
transition: 0.3s;
z-index: 11;
position: relative;
} .category-small-box-alt {
background-color: #fff;
}
.category-small-box-alt:hover h4,
.category-small-box-alt:hover i {
color: #fff;
transition: 0.3s;
}
.category-small-box-alt .category-box-counter-alt {
font-size: 13px;
font-weight: 500;
color: #909090;
border-radius: 50px;
background-color: #f6f6f6;
display: block;
width: 40px;
text-align: center;
margin: 0 auto;
left: auto;
right: auto;
margin-bottom: 12px;
transition: 0.4s;
padding: 2px 0;
line-height: 21px;
height: 25px;
z-index: 11;
position: relative;
}
.category-small-box-alt:hover .category-box-counter-alt {
color: #fff;
background-color: #f91942;
}
.category-small-box-alt img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
border-radius: 4px;
z-index: 9;
opacity: 0;
transition: 0.4s;
}
.category-small-box-alt:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "";
background-color: #333;
border-radius: 4px;
opacity: 0;
z-index: 10;
transition: 0.4s;
}
.category-small-box-alt:hover:before {
opacity: 0.7;
}
.category-small-box-alt:hover img {
opacity: 1;
} @media (max-width: 768px) {
.category-small-box-alt {
width: calc(100% * (1/2) - 25px);
}
}
@media (min-width: 768px) {
.category-small-box-alt {
width: calc(100% * (1/3) - 25px);
}
}
@media (min-width: 992px) {
.category-small-box-alt {
width: calc(100% * (1/3) - 25px);
}
}
@media (min-width: 1240px) {
.category-small-box-alt {
width: calc(100% * (1/5) - 25px);
}
}
@media (max-width: 1240px) {
.msps-shapes,
.main-search-photo-slider,
.msps-slider .slick-slide,
.msps-slider {
height: 520px;
width: 470px;
}
.main-search-photo-slider {
top: 40px;
}
.highlighted-categories-headline,
.highlighted-categories,
.main-search-headlines {
padding-right: 500px;
}
}
@media (max-width: 992px) {
.highlighted-categories-headline,
.highlighted-categories,
.main-search-headlines {
padding-right: 0px;
}
.main-search-photo-slider {
display: none;
}
.msps-container {}
.msps-shapes {
left: 0;
right: 0;
width: 100%;
}
.container.msps-container {
overflow: hidden;
padding: 0;
margin: 0;
width: 100%;
}
.shape-b {
display: none;
}
}
@media (max-width: 991px) {
.main-search-input {
border-radius: 0;
display: block;
padding: 0;
max-height: 100%;
background-color: transparent;
box-shadow: none;
}
.main-search-container.plain-color {
height: 700px;
}
.main-search-container.plain-color .main-search-input {
margin-top: 30px;
}
.main-search-container.plain-color h4 {
margin-top: 0;
}
.main-search-container.plain-color h2 {
margin-bottom: 0;
}
.main-search-container.plain-color .highlighted-categories-headline {
margin-top: 30px;
}
}
.main-search-container-with-slider .main-search-inner {
text-align: left
}
.gray-listing-bars .listing-item-container {
background: #f6f6f6;
box-shadow: none;
}
.elementor-page .margin-top-55 {
margin-top: 0 !important;
}  .elementor-page.page-template-template-home-search-slider-php #wrapper {
overflow-x: initial;
} .elementor-page .categories-boxes-container {
width: calc(100% + 45px);
left: -30px;
}
.gray-listing-bars.elementor-section-stretched .listing-item-container {
background: #f6f6f6;
box-shadow: none;
}
.elementor-page .simple-slick-carousel {
width: calc(100% + 20px);
left: -10px;
}
.elementor-page .listeo-post-grid-wrapper {
width: calc(100% + 10px);
left: -5px;
position: relative;
}
.elementor-page .categories-boxes-container-alt {
width: calc(100% + 10px);
left: -25px;
}
.elementor-section-stretched .listing-item-container {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
background: #fff;
}
.testimonial-carousel .slick-dots {
bottom: -10px;
}
.elementor .listing-item img {
object-fit: cover;
height: 100%;
width: 100%;
}
.elementor .category-small-box-alt img {
height: 100%;
border-radius: 4px;
}
body .icon-box-2 svg g,
body .icon-box-2 svg circle,
body .icon-box-2 svg rect,
body .icon-box-2 svg path {
fill: #f91942;
}
body .icon-box-2 svg {
height: 40px;
width: auto;
top: -3px;
position: relative;
vertical-align: middle;
} .listing-small-badge i {
font-size: 10px;
} .listeo-svg-icon-box-grid svg,
.elementor .listeo-svg-icon-box-grid svg {
height: 40px;
display: inline-block;
transition: 0.3s;
margin: 0;
width: auto;
}
.listeo-svg-icon-box-grid {
margin: 5px 0 10px 0;
}
body .listeo-svg-icon-box-grid svg g,
body .listeo-svg-icon-box-grid svg circle,
body .listeo-svg-icon-box-grid svg rect,
body .listeo-svg-icon-box-grid svg path {
fill: #f91942;
transition: 0.3s;
}
body .category-small-box-alt:hover svg g,
body .category-small-box-alt:hover svg circle,
body .category-small-box-alt:hover svg rect,
body .category-small-box-alt:hover svg path,
body .category-small-box:hover svg g,
body .category-small-box:hover svg circle,
body .category-small-box:hover svg rect,
body .category-small-box:hover svg path {
fill: #fff;
}
.marker-container .back.face svg {
height: 20px;
width: auto;
vertical-align: middle;
padding: 0;
margin: 7px 0 0 0;
}
.marker-container .front.face svg {
height: 20px;
width: auto;
vertical-align: middle;
padding: 0;
margin: 4px 0 0 0;
}
.listing-type-icon svg g,
.listing-type-icon svg circle,
.listing-type-icon svg rect,
.listing-type-icon svg path {
fill: #fff;
transition: 0.2s;
}
.marker-container .back.face svg g,
.marker-container .back.face svg circle,
.marker-container .back.face svg rect,
.marker-container .back.face svg path {
fill: #fff;
}
.listing-type:hover .listing-type-icon svg g,
.listing-type:hover .listing-type-icon svg circle,
.listing-type:hover .listing-type-icon svg rect,
.listing-type:hover .listing-type-icon svg path,
.marker-container .front.face svg g,
.marker-container .front.face svg circle,
.marker-container .front.face svg rect,
.marker-container .front.face svg path {
fill: #f91942;
} .main-search-inner .highlighted-category i svg {
height: 18px;
width: auto;
vertical-align: middle;
top: -2px;
position: relative;
}
.main-search-inner .highlighted-category i svg g,
.main-search-inner .highlighted-category i svg circle,
.main-search-inner .highlighted-category i svg rect,
.main-search-inner .highlighted-category i svg path {
fill: #fff;
transition: 0.2s;
}
.plain-color .main-search-inner .highlighted-category:hover i svg g,
.plain-color .main-search-inner .highlighted-category:hover i svg circle,
.plain-color .main-search-inner .highlighted-category:hover i svg rect,
.plain-color .main-search-inner .highlighted-category:hover i svg path,
.transparent-header .main-search-inner .highlighted-category:hover i svg g,
.transparent-header .main-search-inner .highlighted-category:hover i svg circle,
.transparent-header .main-search-inner .highlighted-category:hover i svg rect,
.transparent-header .main-search-inner .highlighted-category:hover i svg path {
fill: #333;
}
.main-search-inner .highlighted-category:hover i svg g,
.main-search-inner .highlighted-category:hover i svg circle,
.main-search-inner .highlighted-category:hover i svg rect,
.main-search-inner .highlighted-category:hover i svg path {
fill: #fff;
}
.listing-type-icon svg {
height: 30px;
width: auto;
vertical-align: middle;
margin-top: -10px;
}
.white-typo .flip-banner h2 {
color: #333;
}
.white-typo .flip-banner:after {
background-color: #fff;
}
.category-box-background {
transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
transform: scale(1.1);
}
.category-box:hover .category-box-background {
transform: scale(1);
}
.im.im-icon-Map2:before {
content: "\f5a0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.dashboard-nav .sl.sl-icon-credit-card:before {
content: "\e04e";
}
.dashboard-stat-icon svg {
height: 65px;
width: auto;
top: -8px;
position: relative;
}
.dashboard-stat.color-1 .dashboard-stat-icon svg {
height: 70px;
}
.dashboard-stat.color-4 .dashboard-stat-icon svg {
height: 56px;
}
#waller-row .dashboard-stat.color-1 .dashboard-stat-icon svg {
height: 60px;
}
#waller-row .dashboard-stat.color-4 .dashboard-stat-icon svg {
height: 70px;
}
.dashboard-stat-icon svg g,
.dashboard-stat-icon svg circle,
.dashboard-stat-icon svg rect,
.dashboard-stat-icon svg path {
fill: #fff;
}
body .testimonial-author img {
width: 60px;
height: 60px;
object-fit: cover;
}
body {
max-width: 100vw;
overflow-x: hidden;
}
.mfp-close:after,
.og-close:after {
content: "\f00d" !important;
transform: translate(-50%, 0%);
font-size: 15px !important;
line-height: 32px;
height: 45px;
transition: 0.2s;
}
.og-close:before,
.mfp-close:before {
display: none;
}
.sign-in-form label i {
font-size: 16px;
bottom: initial;
line-height: 53px
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; } .select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: auto;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding: 0 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
outline: none;
font-size: 15px;
padding-right: 35px;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container--open {
z-index: 999;
}
.single-listing .select2-container--open {
z-index: 9999;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
height: 37px;
padding: 0 9px;
line-height: 40px;
font-size: 14px;
margin: 0;
color: #888;
box-sizing: content-box;
font-weight: 500;
}
.select2-container .select2-search--inline .select2-search__field::placeholder {
color: #888;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
padding: 8px;
padding-top: 0;
border-top: none;
}
.select2-dropdown--above {
padding-top: 8px;
}
.select2-dropdown--above {
border-top: 1px solid #e0e0e0;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.sort-by-booking-author .select2-results__options {
overflow-x: hidden;
}
.sort-by-booking-author .select2-selection__rendered {
text-align: right;
}
.sort-by-booking-author .select2-selection__rendered:hover {
background: transparent !important;
}
.select2-results__option {
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 0;
margin-top: 0;
}
.select2-dropdown--above .select2-search--dropdown {
margin-top: 4px;
} .select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
font-weight: 500;
border-radius: 4px;
outline: none;
font-size: 14px;
}
.select2-container--open.select2-container--below .select2-selection--single {
border-radiu: 4px 4px 0 0;
border-bottom: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #888;
line-height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #888;
} .select2-container--open .select2-dropdown ::-webkit-scrollbar {
width: 7px;
background-color: rgba(255, 255, 255, 0);
}
.select2-container--open .select2-dropdown ::-webkit-scrollbar-track,
.select2-container--open .select2-dropdown ::-webkit-scrollbar-thumb {
border-left: 1px solid rgba(255, 255, 255, 0);
border-right: 1px solid rgba(255, 255, 255, 0);
background-clip: padding-box;
border-radius: 20px;
}
.select2-container--open .select2-dropdown ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05);
}
.select2-container--open .select2-dropdown ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default .select2-selection--multiple {
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
background-color: #fff;
border-radius: 4px;
cursor: text;
height: 50px;
}  .select2-container--default .select2-selection--multiple ::-webkit-scrollbar {
height: 15px;
width: 12px;
background-color: rgba(255, 255, 255, 0);
}
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-track,
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-thumb {
border: 3px solid rgba(255, 255, 255, 0);
background-clip: padding-box;
border-radius: 20px;
}
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-track {
background-color: transparent;
}
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 5px;
width: 100%;
overflow-y: scroll;
height: 50px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #f91942;
border: none;
border-radius: 3px;
cursor: default;
float: left;
margin-left: 4px;
margin-top: 5px;
padding: 0 5px;
font-size: 13px;
font-weight: 500;
color: #fff;
margin-bottom: -2px;
line-height: 26px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin: 0 3px 0 0px;
font-size: 24px;
transition: 0.2s;
line-height: 20px;
position: relative;
top: 1px;
font-weight: 400;
background: transparent;
outline: none !important;
border: none;
padding: 0px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
padding: 6px 5px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
margin-top: 0;
margin-left: 7px;
padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid #e0e0e0;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #ddd;
box-shadow: none;
padding: 8px 10px;
height: 40px;
font-size: 13px;
background: #fafafa;
margin-bottom: 8px;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
box-sizing: content-box;
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 250px;
overflow-y: auto;
font-size: 14px;
}
.sort-by .select2-container--default .select2-results>.select2-results__options {
max-height: 300px;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #f0f0f0;
}
.select2-container--default .select2-results__option .select2-results__option {}
.dashboard-list-box ul.select2-results__options li,
.select2-results__option {
padding: 5px 9px;
border-radius: 3px;
transition: 0.25s;
color: #888;
font-weight: 500;
line-height: 23px;
border: none;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #f91942;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 4px 8px;
font-size: 13px;
line-height: 22px;
color: #888;
background: #efefef;
border-radius: 4px;
margin-top: 8px;
margin-bottom: 1px;
font-weight: 500;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.select2-container .select2-search--inline {
float: left;
height: 100%;
}
.select2-container .select2-selection--multiple {
overflow-y: auto;
} .select2-dropdown {
animation: select2-anim 0.3s;
}
@keyframes select2-anim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
transition: border 0.2s;
border-bottom: 1px solid transparent;
} .sort-by-select .select2-container--default .select2-selection--single {
border: none;
font-weight: 600;
box-shadow: none;
background: transparent;
color: #666;
}
.sort-by-select .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 36px;
color: #666;
}
.sort-by .select2-container--open .select2-dropdown--below,
.sort-by .select2-dropdown {
padding-top: 8px;
border: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
min-width: 200px;
}
.sort-by label,
.sort-by .sort-by-select {
position: relative;
}
.sort-by-select .select2-dropdown {
min-width: 200px;
}
.sort-by-select .select2-container--default .select2-selection--single .select2-selection__rendered {
transition: 0.3s;
border-radius: 50px;
}
.fs-content .sort-by-select .select2-container--default .select2-selection--single .select2-selection__rendered {
border: 1px solid #e0e0e0;
}
.sort-by-select .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
background: #f3f3f3;
}
.fs-container .sort-by-select .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
background: #fff;
}
.container:not(.full-width) .sort-by .select2-container--open,
.container:not(.full-width) .sort-by .select2-container--open .select2-dropdown {
left: initial !important;
right: 0 !important;
}
.sort-by .select2-container--open,
.sort-by .select2-container--open .select2-dropdown {
top: 0 !important;
}
.sort-by .select2-container--open .select2-dropdown {
top: 8px !important;
}
@media (max-width: 992px) {
.container:not(.full-width) .sort-by .select2-container--open,
.container:not(.full-width) .sort-by .select2-container--open .select2-dropdown,
.sort-by .select2-container--open,
.sort-by .select2-container--open .select2-dropdown {
left: 0 !important;
right: initial !important;
top: 0px !important;
}
.container:not(.full-width) .sort-by .select2-container--open .select2-dropdown,
.sort-by .select2-container--open .select2-dropdown {
top: 18px !important;
}
.sort-by-select .select2-container--default .select2-selection--single .select2-selection__rendered {
background: #f3f3f3;
}
.panel-dropdown.float-right {
float: none;
}
.fs-container .sort-by-select .select2-container--default .select2-selection--single .select2-selection__rendered {
background: #fff;
}
} .main-search-input .select2-container--default .select2-selection--multiple,
.main-search-input .select2-container--default .select2-selection--single {
border: none;
font-weight: 600;
box-shadow: none;
background: transparent;
color: #666;
}
.main-search-input .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 16px;
font-weight: 500;
line-height: 46px;
margin-right: 0;
}
.main-search-input .select2-container .select2-search--inline .select2-search__field {
font-size: 16px;
font-weight: 500;
height: 35px;
}
.main-search-input .select2-container--default .select2-selection--multiple {
border-bottom: none !important;
}
.alt-search-box.main-search-container .main-search-input-item .select2-container--default .select2-selection--multiple input {
background: transparent;
border: none;
padding: 0;
}
.alt-search-box.main-search-container .main-search-input .select2-container--default .select2-selection--multiple {
border: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0 !important;
padding: 9px;
height: 54px;
}
.alt-search-box .main-search-input .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.gray-style .main-search-input .select2-container--focus.select2-container--open .select2-selection--multiple .select2-selection__rendered,
.main-search-input .select-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0;
width: 0;
height: 0;
background: transparent;
border: none;
}
.sort-by-select .select2-container--default .select2-selection--single,
.main-search-input .select2-container--default .select2-selection--single {
border-bottom: none !important;
}
.main-search-inner .select2-container .select2-selection__rendered {
transition: 0.2s box-shadow;
}
.main-search-inner .select2-container--focus.select2-container--open .select2-selection__rendered {
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
border-radius: 4px 4px 0 0;
}
.main-search-inner .select2-container--open .select2-dropdown {
top: -35px !important;
border: none;
border-radius: 4px;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
font-size: 15px;
padding: 10px;
z-index: 125;
}
.main-search-inner .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0 15px;
}
.main-search-inner .select2-container--open .select2-dropdown:before {
top: -4px;
background: #fff;
content: "";
position: absolute;
height: 5px;
display: block;
width: 100%;
left: 0;
right: 0;
} .alt-search-box .main-search-inner .select2-container--focus.select2-container--open .select2-selection__rendered {
box-shadow: none;
border-radius: 4px;
border: 1px solid #e2e2e2;
background: #fff;
}
.alt-search-box .main-search-inner .select2-container--open .select2-dropdown {
border-radius: 4px;
border: 1px solid #dbdbdb;
top: -42px !important;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.alt-search-box .main-search-input .select2-container--default .select2-selection__rendered {
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 4px;
line-height: 54px;
padding: 0 18px;
}
.main-search-input-item.location a i {
font-size: 14px;
}
.gray-style .main-search-input .select2-selection__rendered {
border: 1px solid #f7f7f7;
border-radius: 4px;
}
.gray-style .main-search-input .select2-container--focus.select2-container--open .select2-selection__rendered {
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 4px 4px 0 0;
border-bottom-color: #fff;
} @media (max-width: 991px) {
.main-search-container:not(.alt-search-box) .main-search-input .select2-container .select2-selection--single .select2-selection__rendered {
box-shadow: none;
border-radius: 4px;
border: none;
background: #fff;
line-height: 55px;
}
.main-search-container:not(.alt-search-box) .main-search-inner .select2-container--open .select2-dropdown {
border-radius: 4px;
border: 1px solid #dbdbdb;
top: -42px !important;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.main-search-container:not(.alt-search-box) .main-search-input .select2-container--default .select2-selection__rendered {
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 4px;
line-height: 54px;
padding: 0 18px;
}
.main-search-input .panel-dropdown a:after {
right: 10px;
}
.main-search-input-item:last-of-type {
padding-left: 0;
padding-right: 0;
}
.main-search-input .panel-dropdown .panel-dropdown-content {
max-width: 100%;
width: 100%;
}
#_address_wrapper a,
.main-search-input-item.location a {
right: 5px;
}
.gray-style .main-search-input .select2-selection__rendered {
background-color: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
line-height: 54px !important;
}
.main-search-container .main-search-input .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.gray-style .main-search-input .select2-container--focus.select2-container--open .select2-selection--multiple .select2-selection__rendered,
.main-search-input .select-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0;
width: 0;
height: 0;
background: transparent;
border: none;
}
.main-search-input .select2-container--default .select2-selection--multiple {
border-bottom: none !important;
background: #fff;
padding: 10px;
height: 54px;
}
.gray-style .main-search-input .select2-container--default .select2-selection--multiple,
.main-search-container .main-search-input .select2-container--default .select2-selection--multiple {
border: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0 !important;
padding: 9px;
height: 54px;
}
.gray-style .main-search-input .select2-selection--multiple .select2-selection__rendered,
.gray-style .main-search-input .select2-selection--multiple input,
.gray-style .main-search-input .select2-selection--multiple input:focus {
padding: 0;
box-shadow: none;
border: none;
background: transparent;
}
} .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
position: absolute;
top: 0;
right: 17px;
width: 15px;
display: flex;
align-items: center;
pointer-events: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
transition: 0.2s;
color: #b0b0b0;
display: inline-block;
text-align: center;
line-height: 15px;
font-size: 11px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
transform: rotate(180deg);
}
.sort-by-select .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
color: #f91942;
}
.main-search-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 18px;
}
.alt-search-box .main-search-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 17px;
}
.sort-by-select .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 12px;
}
.gray-style .main-search-input .select2-container--default .select2-selection--single .select2-selection__arrow b:after,
.main-search-inner .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
font-size: 12px;
}
.sidebar .select2-container {
margin-bottom: 18px;
} .sort-by .select2-dropdown,
.main-search-inner .select2-dropdown {
transform: translateY(32px);
}
@media (min-width: 780px) {
body.admin-bar .select2-dropdown {
transform: translateY(32px);
}
}
@media (max-width: 768px) {
.row.opening-day .row {
display: flex;
flex-direction: column;
width: 100%;
}
.row.opening-day .row .col-md-2,
.row.opening-day .row .col-md-5 {
width: 100%;
}
.row.opening-day .row input {
margin: 10px 0 0 0;
}
.flatpickr-calendar.hasTime.noCalendar {
max-width: calc(100vw - 150px);
width: 100%;
}
.numInputWrapper span {
opacity: 1;
}
}
.fs-content .select2-container {
margin-bottom: 18px;
}
.widget_meta ul li:before,
.widget_categories ul li:before,
.widget_archive ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before,
div [id^="monster-widget"] ul li:before {
font-weight: 900;
font-size: 14px;
}
.show-more-button i {
font-weight: 900;
}
.wpcf7-list-item input[type="checkbox"] {
width: 15px;
box-shadow: none;
height: auto;
}
.rating-overview-box .star-rating {
min-width: 108px;
}
.booking-widget .panel-dropdown a:after {
font-size: 14px;
}
body .list-box-listing-content .inner .listing-address:before {
content: "\f3c5";
}
#leaflet-geocode-cont ul li:before {
content: "\f3c5";
}
#coupon-widget-wrapper-applied-coupons .fa-times:before {
content: "\f00d";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.listings-container[data-style="grid"] .numerical-rating,
.listings-container[data-style="grid"] .star-rating {
max-height: 57px;
}
@media (max-width: 768px) {
.add-listing-headline {
padding-right: 100px;
}
}
@media (max-width: 480px) {
.category-small-box {
width: calc(100% * (1/2) - 21px);
}
}  .background-gradient {
background: linear-gradient(to top, #f9f9f9 0%, rgba(255, 255, 255, 0.5));
padding-bottom: 10px;
}
.home-search-carousel {
padding: 50px 0;
position: relative;
max-height: 720px;
background: linear-gradient(to bottom, #f6f6f6 0%, rgba(255, 255, 255, 0.5));
}
.home-search-carousel.carousel-not-ready .slider-controls,
.home-search-carousel.carousel-not-ready .home-search-slide h3,
.home-search-carousel.carousel-not-ready .home-search-slide {
opacity: 0;
}
.home-search-carousel.carousel-not-ready .home-search-slide:first-child {
display: block !important;
margin: 0;
opacity: 1;
}
.home-search-slide.slick-slide {
background-color: #333;
padding: 50px;
height: 620px;
margin: 0 -35px;
opacity: 0.2;
transition: 0.7s;
transform: scale(0.85);
border-radius: 10px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
display: flex !important;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
cursor: grab;
}
@media (max-width: 1380px) {
.home-search-carousel {
padding: 15px 0;
}
.home-search-slide {
opacity: 1;
margin: 0;
}
}
.home-search-slide:after {
content: "";
background: linear-gradient(270deg, rgba(240, 240, 240, 0) 0%, rgba(20, 20, 20, 1) 65%);
border-radius: 10px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
z-index: 1;
}
.home-search-slide.slick-center {
opacity: 1;
transform: scale(1);
transition: 0.5s;
}
.home-search-carousel .container.search-cont {
position: absolute;
bottom: 50%;
transform: translateY(calc(50% + 70px));
margin: 0 auto;
left: 0;
right: 0;
z-index: 10;
}
.home-search-slider-headlines {
padding-bottom: 130px;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
z-index: 100;
}
.home-search-carousel .main-search-input {
margin-top: 0;
}
.home-search-slide h3 {
color: #fff;
font-size: 40px;
font-weight: 600;
margin: 0;
padding: 0;
line-height: 54px;
}
.home-search-slide h3 a,
.home-search-slide h3 strong {
font-style: normal;
font-weight: 600;
color: #fff;
position: relative;
}
.home-search-slide h3 a:before,
.home-search-slide h3 strong:before {
content: "";
height: 50%;
background: #66676b;
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 20%;
width: 100%;
z-index: -1;
transition: 0.3s;
}
.home-search-slide h3 a:hover:before,
.home-search-slide h3 strong:hover:before {
height: 100%;
}
.slider-controls-container {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
display: block;
text-align: center;
bottom: -29px;
}
.home-search-carousel .slider-controls-container {
position: absolute;
bottom: 80px;
left: 0;
right: 0;
margin: 0 auto;
display: block;
text-align: center;
z-index: 1;
}
.slider-controls {
position: relative;
display: inline-flex;
background: rgba(0, 0, 0, 0.03);
padding: 7px 3px;
border-radius: 50px;
margin: 0 auto;
justify-content: center;
align-items: center;
}
.home-search-carousel .slider-controls {
background: rgba(0, 0, 0, 0.3);
}
.slider-controls button {
display: inline-block;
border: none;
box-shadow: none;
background: transparent;
height: 14px;
width: 30px;
}
.slider-controls .slick-dots li {
height: 15px;
width: 15px;
}
.slider-controls button.slide-m-next,
.slider-controls button.slide-m-prev {
background-image: url(//aperaf.com/wp-content/themes/listeo/images/slider-arrow-grey.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 50%;
}
.home-search-carousel .slider-controls button.slide-m-next,
.home-search-carousel .slider-controls button.slide-m-prev {
background-image: url(//aperaf.com/wp-content/themes/listeo/images/slider-arrow.svg);
}
.slider-controls button.slide-m-prev {
transform: rotate(180deg);
}
.slider-controls .slick-dots {
position: relative;
width: auto;
display: flex;
bottom: 0;
}
.simple-slick-carousel.dots-nav .slider-controls .slick-dots {
display: flex !important;
}
.home-search-carousel .slider-controls .slick-dots li:after {
background-color: #fff;
}
.home-search-carousel .slider-controls .slick-dots li {
box-shadow: inset 0 0 0 2px #fff;
}
@media (max-width: 1700px) {
.home-search-slide.slick-slide {
height: 600px;
}
.home-search-carousel {
max-height: 700px;
}
}
@media (max-width: 1530px) {
.home-search-slide.slick-slide {
height: 560px;
}
.home-search-carousel {
max-height: 660px;
}
}
@media (max-width: 1430px) {
.home-search-carousel {
padding: 0;
margin: 0;
}
.home-search-carousel {
max-height: 650px;
}
.home-search-slide.slick-slide {
height: 550px;
margin: 20px 0;
}
.home-search-slide h3 {
font-size: 36px;
line-height: 50px;
}
}
@media (max-width: 992px) {
.home-search-carousel {
padding: 0;
margin: 0;
max-height: 640px;
}
.home-search-carousel.slick-dotted.slick-slider {
margin-bottom: 80px;
}
.home-search-slide.slick-slide {
height: 600px;
}
.home-search-carousel .container.search-cont {
bottom: 0;
transform: none;
padding: 15px;
padding-bottom: 55px;
}
.home-search-slider-headlines {
padding-bottom: 130px;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
z-index: 100;
padding-bottom: 0 !important;
top: initial;
}
.home-search-slide h3 {
font-size: 28px;
line-height: 42px;
}
.home-search-carousel .slider-controls-container {
bottom: -30px;
}
.home-search-carousel .main-search-input .select2-container .select2-selection--single .select2-selection__rendered {
border-radius: 4px;
border: none;
background: #fff;
line-height: 55px;
}
.home-search-carousel .main-search-input .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered {
border-radius: 4px 4px 0 0;
}
}
@media (max-width: 768px) {
.home-search-slide h3 {
font-size: 24px;
line-height: 32px;
display: inline-block;
}
.home-search-carousel .container.search-cont {
padding: 35px;
padding-bottom: 55px;
}
.home-search-slide h3 a:before,
.home-search-slide h3 strong:before {
display: none;
}
}
@media (min-width: 992px) {
.home-search-slider-headlines {
bottom: initial !important;
}
}
.home-search-carousel-placeholder {
display: block;
width: calc(100% - 90px);
height: 560px;
background: #f4f4f4;
margin: 40px 90px 70px 40px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.elementor-editor-active .home-search-carousel-placeholder,
.home-search-carousel-placeholder.carousel-ready {
display: none !important;
}
.home-search-carousel.carousel-not-ready {
opacity: 0;
z-index: -100;
position: absolute;
width: 100%;
top: 0;
}
.home-search-carousel-loader {
border: 5px solid #d4d4d4;
border-top: 5px solid #686868;
border-radius: 50%;
width: 34px;
height: 34px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}  strong.headline-with-separator,
.headline-with-separator {
font-weight: 600;
}
.headline span {
font-weight: 400;
}  .icon-box-v3 {
display: flex;
align-items: center;
}
.icon-box-v3:last-child {
margin-bottom: 0;
}
.ibv3-content h4 {
font-size: 18px;
color: #222;
font-weight: 600;
}
body .ibv3-content p {
font-size: 16px;
font-weight: 400;
color: #777;
margin: 0 0 3px 0;
}
.ibv3-icon {
height: 100px;
width: 100px;
display: flex;
align-items: center;
text-align: center;
background: #66676b10;
border-radius: 100%;
flex: 0 0 100px;
margin-right: 30px;
transition: 0.3s;
justify-content: center;
}
.icon-box-v3:hover .ibv3-icon {
background: #66676b;
box-shadow: 0 3px 8px #66676b50;
}
.icon-box-v3 .ibv3-icon i {
font-size: 36px;
text-align: center;
color: #66676b;
}
.icon-box-v3 .ibv3-icon i,
.icon-box-v3 .ibv3-icon svg g,
.icon-box-v3 .ibv3-icon svg circle,
.icon-box-v3 .ibv3-icon svg rect,
.icon-box-v3 .ibv3-icon svg path {
fill: #66676b;
transition: 0.3s;
}
.icon-box-v3:hover .ibv3-icon i,
.icon-box-v3:hover .ibv3-icon svg g,
.icon-box-v3:hover .ibv3-icon svg circle,
.icon-box-v3:hover .ibv3-icon svg rect,
.icon-box-v3:hover .ibv3-icon svg path {
fill: #fff;
transition: 0.3s;
}
.icon-box-v3:hover .ibv3-icon i {
color: #fff;
}
.ibv3-icon svg,
.ibv3-icon img {
height: 36px;
margin: 0 auto;
}
.svg-alignment {
text-align: right;
}
.svg-alignment img {
width: 90%;
margin-top: -0px;
}
@media (max-width: 992px) {
.svg-alignment {
text-align: center;
}
.svg-alignment img {
width: 100%;
margin-top: 50px;
}
}  .boxed-photo-banner {
display: flex;
align-items: center;
border-radius: 10px;
background-color: #eee;
padding: 60px;
position: relative;
overflow: hidden;
}
.boxed-photo-banner img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
object-fit: cover;
z-index: 1;
}
.boxed-photo-banner:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
object-fit: cover;
opacity: 1;
z-index: 3;
background: linear-gradient(270deg, rgba(240, 240, 240, 0) 0%, rgba(20, 20, 20, 1) 75%);
opacity: 0.7;
}
.boxed-photo-banner-text {
position: relative;
z-index: 10;
max-width: 50%;
}
.boxed-photo-banner-text h2 {
color: #fff;
font-size: 32px;
font-weight: 600;
line-height: 38px;
margin-top: 0;
}
.boxed-photo-banner-text p {
color: #fff;
opacity: 0.7;
font-size: 20px;
line-height: 32px;
margin: 15px 0 0px 0;
max-width: 80%;
display: block;
}
.boxed-photo-banner-text .button {
zoom: 1.12;
color: #fff;
}  .taxonomy-gallery-text {
padding: 0;
position: relative;
z-index: 10;
}
.taxonomy-gallery-text h2 {
color: #222;
font-size: 36px;
font-weight: 700;
line-height: 52px;
margin-top: 0;
}
body .taxonomy-gallery-text p {
color: #777;
font-size: 22px;
line-height: 36px;
margin: 20px 0 10px 0;
max-width: 80%;
display: block;
}
.taxonomy-gallery-text .button {
zoom: 1;
color: #fff;
font-size: 16px;
padding: 10px 22px;
line-height: 30px;
} .taxonomy-gallery-container {
position: relative;
height: 580px;
display: flex;
align-items: center;
}
.taxonomy-gallery-container .gallery-wrap {
display: flex;
flex-direction: row;
width: 50%;
right: 0;
height: 100%;
position: absolute;
top: 0;
}
.gallery-wrap .item {
flex: 1;
height: 100%;
background-position: center;
background-size: 500px auto;
background-position: 50%;
background-repeat: no-repeat;
transition: flex 0.8s ease;
position: relative;
overflow: hidden;
max-width: 500px;
}
.gallery-wrap .item h3 {
position: absolute;
bottom: 0;
left: 0;
font-weight: 600;
color: #fff;
margin: 0;
padding: 40px;
font-size: 24px;
opacity: 0;
transform: translateX(-10px);
transition: 0.6s;
display: block;
white-space: nowrap;
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(10px);
border-radius: 4px;
margin: 35px;
padding: 8px 15px;
}
.gallery-wrap .item h3 span {
display: block;
font-size: 16px;
font-weight: 500;
opacity: 0.7;
padding: 3px 0;
}
.gallery-wrap .item:before {
position: absolute;
bottom: 0;
left: 0;
content: "";
height: 100%;
width: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
opacity: 0;
transition: 0.6s;
}
.gallery-wrap .item:hover:before {
opacity: 1;
}
.gallery-wrap .item:hover h3 {
opacity: 1;
transform: translateX(0px);
}
.gallery-wrap .item:hover {
flex: 0 0 500px
}
.gallery-wrap .item img {
object-fit: cover;
height: 100% !important;
width: 500px;
}
@media (max-width: 1700px) {
.gallery-wrap .item:hover {
flex: 0 0 400px
}
.gallery-wrap .item img {
width: 400px;
}
.gallery-wrap .item {
max-width: 400px;
}
.taxonomy-gallery-container {
height: 550px;
}
.gallery-wrap .item h3 {
font-size: 24px;
}
}
@media (max-width: 1450px) {
.gallery-wrap .item:hover {
flex: 0 0 400px
}
.gallery-wrap .item img {
width: 400px;
}
.taxonomy-gallery-container {
height: 520px;
}
.gallery-wrap .item h3 {
font-size: 24px;
margin: 30px;
}
.taxonomy-gallery-text h2 {
font-size: 32px;
line-height: 46px;
}
.gallery-wrap .item h3 span {
font-size: 14px;
}
}
@media (max-width: 992px) {
.gallery-wrap .item {
max-width: 100%;
}
.gallery-wrap {
position: relative !important;
height: auto !important;
width: 100% !important;
flex-wrap: wrap !important;
}
.taxonomy-gallery-container {
flex-direction: column;
height: auto;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.taxonomy-gallery-text {
padding: 50px 0;
}
.gallery-wrap .item {
flex: 50%;
height: 250px;
}
.gallery-wrap .item:hover {
flex: 50%;
}
.gallery-wrap .item img {
width: 100%;
}
.gallery-wrap .item h3 {
opacity: 1;
transform: none;
font-size: 20px;
margin: 0;
border-radius: 0;
font-size: 18px;
padding: 10px 12px;
white-space: break-spaces;
}
.gallery-wrap .item:before {
opacity: 1;
}
}
@media (max-width: 480px) {
.gallery-wrap .item {
height: 200px;
}
} .google-reviews-summary {
display: flex;
background: #f8f8f8;
padding: 30px;
border-radius: 5px;
margin-top: 5px;
margin-bottom: 55px;
}
.comment-by .star-rating {
font-size: 16px;
}
#listing-google-reviews div.avatar img {
max-width: 70px;
border-radius: 0;
}
.google-reviews-summary-logo {
width: 92px;
height: 92px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
display: block;
background-image: url(//aperaf.com/wp-content/themes/listeo/images/google-reviews-logo.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: 44px;
}
.google-reviews-summary-avg {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 20px;
}
.google-reviews-summary-avg strong {
font-size: 32px;
font-weight: 600;
color: #333;
}
.google-reviews-summary-avg .star-rating span {
font-size: 15px
}
.google-reviews-summary-avg .star-rating {
margin-top: 8px;
}
.google-reviews-summary-avg span {
font-size: 15px;
color: #888;
display: inline-block;
margin-top: -5px
}
.google-reviews-read-more {
align-self: center;
flex: 1;
justify-content: flex-end;
display: flex;
}
.google-reviews-read-more.bottom {
justify-content: center;
}
.google-reviews-read-more.bottom a img {
height: 17px;
position: relative;
top: -1px;
}
.google-reviews-read-more a {
color: #333;
font-weight: 600;
border: 1px solid #e0e0e0;
background-color: #fff;
border-radius: 50px;
padding: 9px 19px;
line-height: 24px;
font-size: 14px;
transition: 0.2s;
}
.google-reviews-read-more a:hover {
border-color: #d0d0d0;
}
.google-reviews-read-more a img {
margin-right: 9px;
margin-left: -1px;
height: 19px;
}
.google-reviews-read-more.bottom .google-reviews-read-more a img {
margin-right: 9px;
margin-left: -1px;
height: 19px;
}
#listing-google-reviews .listing-reviews ul li {
padding-bottom: 30px;
margin-top: 38px;
}
@media (max-width: 768px) {
.google-reviews-read-more:not(.google-reviews-read-more.bottom) {
display: none;
}
.google-reviews-summary {
justify-content: center;
}
}
#show-map-button:before {
display: none;
} #password-strength {
display: block;
border-radius: 20px;
position: relative;
padding-top: 5px;
font-weight: 600;
color: #888;
display: none;
}
#password-strength.password-strength-visible {
display: block;
}
#password-strength:after,
#password-strength:before {
display: block;
background: #e4e4e4;
border-radius: 20px;
width: 100%;
height: 5px;
content: "";
position: absolute;
top: 0;
}
#password-strength:after {
background: #e11212;
}
#password-strength.short:after {
width: 25%;
background-color: #e11212;
}
#password-strength.short {
color: #e11212;
}
#password-strength.bad:after {
width: 50%;
background-color: #ff9501;
}
#password-strength.bad {
color: #ff9501;
}
#password-strength.good:after {
width: 75%;
background-color: #4aa60d
}
#password-strength.strong:after {
width: 100%;
background-color: #4aa60d
}
#password-strength.good,
#password-strength.strong {
color: #4aa60d
}
.pwstrength_viewport_progress .progress {
background: #e4e4e4;
display: block;
background: #e4e4e4;
border-radius: 20px;
width: 100%;
height: 5px;
}
.pwstrength_viewport_progress .progress-bar {
height: 5px;
}
.pwstrength_viewport_progress {
display: none;
margin-bottom: 30px;
}
.pwstrength_viewport_progress.password-strength-visible {
display: block;
}
.progress-bar.bg-bad {
background-color: #e11212;
color: #e11212
}
.progress-bar.bg-short {
background-color: #ff9501;
color: #ff9501
}
.progress-bar.bg-normal {
background-color: #4aa60d;
color: #4aa60d
}
.progress-bar.bg-good {
background-color: #4aa60d;
color: #4aa60d
}
.progress-bar.bg-strong {
background-color: #4aa60d;
color: #4aa60d
}
.password-verdict {
font-weight: 600;
font-size: 14px;
color: inherit;
} .categories-group ul {
padding: 0;
margin: 0;
}
.child-listing-category {
list-style: none;
padding: 0;
margin: 0 0 25px 0;
}
.categories-group {
margin-bottom: 25px;
}
h4.parent-listings-category {
margin: 0;
}
a.parent-category,
.child-listing-category a {
display: flex;
align-items: center;
}
a.parent-category .child-category-icon-container {
background-color: #F9194210;
}
a.parent-category .child-category-counter {
display: none;
}
.child-category-icon-container {
background: #f0f0f0;
height: 50px;
width: 50px;
border-radius: 4px;
font-size: 22px;
line-height: 50px;
text-align: center;
position: relative;
color: #888;
display: flex;
align-items: center;
justify-content: center;
}
.child-category-icon-container .listeo-svg-icon-box-grid,
.child-category-icon-container .listeo-svg-icon-box-grid i,
.child-category-icon-container .listeo-svg-icon-box-grid svg {
height: 24px;
margin: 0;
display: flex;
}
.child-category-counter {
position: absolute;
top: -6px;
right: -6px;
background-color: #F91942;
border-radius: 50px;
font-size: 11px;
color: #fff;
line-height: 22px;
width: 22px;
height: 22px;
font-weight: 600;
}
.child-category-title {
margin-left: 15px;
font-size: 16px;
font-weight: 500;
color: #444;
}
body .child-category-icon-container:not(.parent-category .child-category-icon-container) .listeo-svg-icon-box-grid svg g,
body .child-category-icon-container:not(.parent-category .child-category-icon-container) .listeo-svg-icon-box-grid svg circle,
body .child-category-icon-container:not(.parent-category .child-category-icon-container) .listeo-svg-icon-box-grid svg rect,
body .child-category-icon-container:not(.parent-category .child-category-icon-container) .listeo-svg-icon-box-grid svg path {
fill: #888;
}
body .child-category:hover .child-category-icon-container .listeo-svg-icon-box-grid svg g,
body .child-category:hover .child-category-icon-container .listeo-svg-icon-box-grid svg circle,
body .child-category:hover .child-category-icon-container .listeo-svg-icon-box-grid svg rect,
body .child-category:hover .child-category-icon-container .listeo-svg-icon-box-grid svg path {
fill: #F91942;
}
.child-category:hover .child-category-icon-container {
background-color: #F9194210;
color: #F91942;
}
.child-category:hover .child-category-title {
color: #F91942;
}
.child-category-title {
transition: 0.3s;
}
.child-category-icon-container {
transition: 0.3s;
}
@media (max-width: 1024px) {
h4.parent-listings-category {
margin-bottom: 30px;
}
} #classifieds_price {
font-size: 22px;
font-weight: 600;
border-radius: 50px;
background-color: #6add2d1a;
border: 1px solid #59b92796;
color: #4F9629;
padding: 12px 18px;
display: inline-block;
margin: 15px 0 0 0;
width: 100%;
display: block;
border-radius: 5px;
text-align: center;
margin-bottom: 20px;
}
.classifieds-widget {
display: block;
}
.classifieds-user {
display: flex;
align-items: center;
}
body .boxed-widget .classifieds-user-details h3 {
padding: 0;
margin: 0 !important;
;
border: none;
}
.classifieds-user-avatar {
flex: 0 0 78px;
margin-right: 20px;
}
.classifieds-user-avatar img {
width: 100%;
height: auto;
border-radius: 100%;
}
.classifieds-user-details span {
color: #888;
display: block;
margin: 5px 0 12px 0;
line-height: 22px;
}
.classifieds-user-details a {
display: block;
font-weight: 600;
font-size: 14px;
line-height: 22px;
}
.classifieds-user-details a i {
font-size: 12px;
padding-left: 4px;
}
.classifieds-widget-buttons {
display: flex;
align-items: center;
margin: 24px 0 0 0;
}
.classifieds-widget-buttons a,
.classifieds-widget-buttons a.send-message-to-owner.button {
padding: 0;
line-height: 17px;
top: 0;
padding: 14px 8px;
color: #fff;
position: relative;
font-size: 14px;
font-weight: 600;
display: inline-block;
transition: all 0.2s ease-in-out;
cursor: pointer;
margin-right: 6px;
overflow: hidden;
border: none;
border-radius: 50px;
margin: 0 2px;
flex: 1;
text-align: center;
}
.classifieds-widget-buttons a.call-btn {
background: transparent;
border: 1px solid #66676b;
color: #66676b;
} .listing-details {
display: flex;
list-style: none;
flex-wrap: wrap;
padding: 30px;
margin: 0;
background: #f8f8f8;
padding-bottom: 5px;
padding-right: 15px;
border-radius: 5px;
margin-bottom: 30px;
}
.listing-details li {
padding: 0;
margin: 0;
display: block;
position: relative;
flex: 0 0 33%;
padding: 0 20px 20px 45px;
}
.listing-details li i {
background-color: #f9194226;
color: #f91942;
width: 30px;
height: 30px;
border-radius: 50px;
text-align: center;
line-height: 31px;
top: 0;
position: absolute;
left: 0;
font-size: 14px;
}
.elementor-section-stretched .listing-item-container .listing-small-badge {
box-shadow: none;
background: #f2f2f2;
}
.listing-details li div {
font-weight: 500;
color: #888;
display: block;
line-height: 24px;
}
.listing-details li span {
font-weight: 600;
color: #333;
display: block;
line-height: 24px;
}
@media (max-width: 1200px) {
.listing-details li {
flex: 0 0 50%;
}
.classifieds-widget-buttons {
flex-direction: column
}
.classifieds-widget-buttons a {
width: 100%;
margin-bottom: 5px;
}
}
@media (max-width: 480px) {
.listing-details li {
flex: 0 0 100%;
}
}
.container.classifieds {
margin-bottom: 65px;
}
.listing-classifieds-badges-container {
padding: 14px 32px;
max-height: 58px;
}
a.listeo_core-dashboard-delete-review {
top: 11px;
margin-left: 20px;
}
#my-listings-search-form {
float: right;
margin-top: 15px;
margin-right: 15px;
}
#my-listings-search-form button {
border: 0px;
background: transparent;
top: 20px;
position: absolute;
right: 38px;
color: #bbb;
font-size: 14px;
}
input#my-listings-search {
padding: 5px 15px;
height: 38px;
font-size: 14px;
border-radius: 50px;
border: none;
box-shadow: none;
background: #f4f4f4;
}
@media (max-width: 480px) {
.listing-links li,
.listing-links li a {
display: block;
width: 100%;
border-radius: 4px !important;
margin-bottom: 2px;
text-align: center;
}
} .slick-dotted.slick-slider.listeo-products-slider {
padding-bottom: 20px;
}
.slick-dotted.slick-slider.listeo-products-slider {}  .widget_shopping_cart_content {
width: 100%;
border-radius: 4px;
}
.widget_products .star-rating {
display: none;
}
body .widget_shopping_cart_content .buttons a {
width: 100%;
padding: 5px;
border-radius: 50px;
}
.woocommerce img.pswp__img,
.woocommerce-page img.pswp__img {
border-radius: 5px;
}
.pswp__bg {
background: #000000cf;
}
p.woocommerce-mini-cart__buttons.buttons {
display: flex;
margin: 0 0 5px 0;
width: calc(100% + 7px);
}
body .widget_shopping_cart_content .button.wc-forward:not(.button.wc-forward.checkout) {
background-color: #e8e8e8 !important;
color: #7a7a7a;
}
.widget p.total {
padding: 15px 0px 0px;
}
.widget_shopping_cart_content img {
max-width: 48px;
margin-top: -2px;
margin-right: 12px;
}
.widget_shopping_cart_content {
background-color: #f7f7f7;
}
.woocommerce ul.cart_list li img {
float: left;
margin-right: 10px;
border-radius: 3px;
}
.woocommerce ul.cart_list li a {
margin-top: 15px;
line-height: 24px;
color: #666;
font-size: 15px;
font-weight: 600;
}
.woocommerce ul.cart_list li.woocommerce-mini-cart-item a.remove {
margin: 0;
font-size: 12px;
line-height: 25px;
width: 25px;
height: 25px;
padding: 0;
top: 13px;
}
.woocommerce ul.cart_list li.woocommerce-mini-cart-item a {
padding-right: 30px;
margin: 3px 0 0 0;
line-height: 20px;
display: block;
font-size: 14px
}
.woocommerce-mini-cart__empty-message {
margin: 5px 0 0 0;
text-align: center;
font-size: 15px;
}
.widget_product_search input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 80px;
}
.woocommerce-product-search {
position: relative;
}
.woocommerce-product-search button {
border: none;
background-color: #eee;
color: #787878;
border-radius: 3px;
padding: 0;
font-size: 13px;
position: absolute;
top: 10px;
right: 10px;
font-weight: 500;
border-radius: 50px;
height: 32px;
width: 32px;
text-align: center;
transition: 0.25s;
}
.woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
margin-top: 20px;
}
.woocommerce-product-search button:hover {
color: #fff;
background-color: #333;
}
.listeo-shop-grid .sidebar section:first-child {
margin-top: 0 !important
}
.listeo-shop-grid .sidebar {
margin-bottom: 50px;
}
.listeo-shop-grid .products {
display: flex;
flex-wrap: wrap;
}  .listeo-woo-taxonomy-boxes {
display: flex;
width: calc(100% + 30px);
margin-left: -15px;
flex-wrap: wrap;
}
.woocommerce-page .titlebar.parallax {
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
z-index: 99;
background-size: cover !important;
width: 100% !important;
height: 100% !important;
background-attachment: scroll !important;
background-position: 50% !important;
}
.photo-box {
border-radius: 6px;
width: calc(25% - 30px);
height: 160px;
display: block;
position: relative;
background-size: cover;
background-position: 100%;
box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
transition: 0.4s;
margin: 15px;
overflow: hidden;
}
.photo-box .photo-box-content {
position: relative;
z-index: 5;
background-color: rgb(0 0 0 / 45%);
height: 100%;
width: 100%;
position: absolute;
top: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: 0.3s;
}
.photo-box .photo-box-content h3 {
color: #fff;
font-size: 20px;
margin: 0;
line-height: 28px;
}
.photo-box .photo-box-content span {
font-size: 14px;
color: rgb(255 255 255 / 90%);
background: rgb(255 255 255 / 15%);
line-height: 22px;
display: inline-block;
padding: 2px 12px;
border-radius: 50px;
transition: 0.3s;
margin-top: 7px;
}
.photo-box:hover .photo-box-content span {
color: #fff;
background: #f92442;
}
.photo-box:hover .photo-box-content {
background-color: rgb(0 0 0 / 55%);
}
.photo-box img {
position: absolute;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
object-fit: cover;
z-index: 1;
transition: 0.4s ease-out;
transform: scale(1.2);
}
.photo-box:hover img {
transform: scale(1);
}
@media (max-width: 1300px) {
.photo-box .photo-box-content h3 {
font-size: 19px;
}
}
@media (max-width: 1180px) {
.photo-box {
width: calc(33% - 30px);
}
}
@media (max-width: 992px) {
.photo-box {
width: calc(50% - 30px);
}
}
@media (max-width: 420px) {
.photo-box {
width: calc(100% - 30px);
}
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 33.3%;
margin: 0;
padding: 0 25px 25px 0;
}
@media (max-width: 1260px) {
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 100%;
padding: 0;
margin-bottom: 25px;
}
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
border: 2px solid #f91942;
box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 15%);
width: 18px;
height: 18px;
top: -7px;
background-color: #fff !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 14px;
float: left;
padding: 4px 16px;
border-radius: 50px;
margin-top: 10px;
}
.woocommerce-pagination ul li a {
color: #666;
transition: 0.3s
}
.woocommerce-pagination ul li a:hover {
background-color: #f2f2f2;
} .widget_products .product_list_widget {
list-style: none;
padding: 0;
margin: 0;
}
.widget_products .product_list_widget a,
.widget_products .product_list_widget li {
display: flex;
align-items: center;
}
.widget_products .product_list_widget li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.widget_products .product_list_widget li:last-child {
border-bottom: none;
}
.widget_products .product_list_widget span.product-title {
color: #333;
font-weight: 500;
line-height: 23px;
padding-left: 15px;
}
.product-widget-price {
display: block;
margin-top: 6px;
}
.widget_products .product_list_widget .woocommerce-Price-amount.amount bdi {
background: #eee;
padding: 5px 8px;
border-radius: 50px;
}
.widget_products .product_list_widget ins .woocommerce-Price-amount bdi {
background-color: #fbf2d1 !important;
text-decoration: none !important;
color: #8a803e;
}
.widget_products ul.product_list_widget li img {
max-width: 60px;
border-radius: 4px;
}
.widget_products .product_list_widget a del {
color: #777;
}
.widget_products .product_list_widget a ins {
text-decoration: none;
color: #8a803e
} .woocommerce-cart .wc-proceed-to-checkout .button {
border-radius: 3px;
text-align: center;
padding: 14px;
font-size: 18px;
width: 100%;
}
body .woocommerce .wc-proceed-to-checkout a.checkout-button.button.alt:hover {
background-color: #66930b !important;
}
body.woocommerce-cart .woocommerce table.shop_table th {
border-bottom: 1px solid #e0e0e0;
background: #f8f8f8;
color: #333;
}
.woocommerce-checkout #add_payment_method #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
list-style: none;
border-radius: 4px;
margin: 10px 0;
padding: 20px;
padding-bottom: 10px;
background: #f3f3f3;
}
.woocommerce-checkout #payment ul.payment_methods li label {
font-size: 16px;
font-weight: 600;
display: flex;
flex-direction: row;
align-items: center;
}
.woocommerce-checkout .about_paypal {
font-size: 13px;
color: #9d9d9d;
text-decoration: underline;
margin-left: 10px;
font-weight: 500;
}
#payment ul.payment_methods li img {
vertical-align: middle;
display: inline;
position: relative;
max-width: 200px;
margin: 0 15px;
position: absolute;
right: 18px;
max-height: 50px;
}
#payment div.payment_box {
box-shadow: none;
background-color: #f8f8f8;
color: #7a7a7a;
border: none;
margin-top: 0;
margin-bottom: 0;
bottom: -10px;
width: calc(100% + 40px);
left: -20px;
border-radius: 0 0 4px 4px;
padding: 25px;
}
#payment div.payment_box:after {
display: none;
}
a.shipping-calculator-button:hover,
a.shipping-calculator-button {
font-size: 14px;
font-weight: 600;
background-color: #e6f5ff;
color: #4794c7;
text-transform: none;
}
body .woocommerce table.shop_table tbody tr.cart_item:last-child td {
padding-bottom: 0;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-checkout .woocommerce table.shop_table {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
border: 1px solid #e0e0e0;
border-radius: 4px
}
body .woocommerce #order_review table.shop_table tbody tr.cart_item:last-child td,
body .woocommerce #order_review table.shop_table th,
body .woocommerce #order_review table.shop_table tbody tr.cart_item td,
body .woocommerce #order_review table.shop_table td,
body .woocommerce #order_review table.shop_table tfoot th,
body .woocommerce #order_review table.shop_table tfoot td {
border: none;
padding: 0 25px;
padding-bottom: 15px;
}
#order_review .cart-subtotal td,
#order_review .cart-subtotal th,
#order_review .product-name,
#order_review .product-total {
padding-top: 15px;
}
body .woocommerce-checkout #order_review table.shop_table th {
color: #333;
}
body .woocommerce #order_review table.shop_table td,
body .woocommerce-checkout #order_review table.shop_table th,
body .woocommerce #order_review table.shop_table tbody tr.cart_item td {
font-size: 14px;
text-align: left;
}
body .woocommerce #order_review table.shop_table .order-total td,
body .woocommerce #order_review table.shop_table .order-total th {
color: #333;
border-bottom: none;
}
body .woocommerce #order_review table.shop_table #shipping_method {
list-style: none;
padding: 0;
margin: 0;
}
body .woocommerce #order_review table.shop_table .cart-subtotal td,
body .woocommerce #order_review table.shop_table .cart-subtotal th,
body .woocommerce #order_review table.shop_table .product-name,
body .woocommerce #order_review table.shop_table .product-total {
padding-top: 15px;
}
body .woocommerce #order_review table.shop_table .cart_item .product-name,
body .woocommerce #order_review table.shop_table .cart_item .product-total {
padding-top: 0;
}
body .woocommerce #order_review table.shop_table .cart_item:first-child .product-name,
body .woocommerce #order_review table.shop_table .cart_item:first-child .product-total {
padding-top: 15px;
line-height: 24px;
}
body .woocommerce #order_review .cart_item {
background: #f8f8f8;
border-radius: 4px;
}
#order_review .order-total .woocommerce-Price-amount amount {
color: #333;
}
body .woocommerce #order_review table.shop_table tr.cart_item .product-total,
body .woocommerce #order_review table.shop_table tr.cart_item .product-name {
color: #777;
font-weight: 500;
font-size: 15px;
}
body .woocommerce #order_review table.shop_table tr.cart_item .product-name .product-quantity {
font-weight: 600;
}
body .woocommerce #order_review table.shop_table tr.cart_item .product-total {
font-size: 15px;
font-weight: 400;
}
body .woocommerce #order_review table.shop_table tr.cart-item .product-quantity {
color: #333;
font-weight: 500;
font-size: 15px;
}
body .checkout_coupon.woocommerce-form-coupon .form-row .button {
border-radius: 4px;
height: 48px;
margin-left: 11px;
}
@media (min-width: 1000px) {
body .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
width: calc(100% + 25px);
}
body .woocommerce-billing-fields__field-wrapper .form-row {
width: calc(50% - 25px) !important;
margin-right: 25px;
}
}
.woocommerce-billing-fields h3:before {
content: "\f007";
font-family: 'Font Awesome 5 Free';
margin-right: 10px;
font-size: 20px;
top: -2px;
position: relative;
font-weight: 400;
}
#order_review_heading:before {
content: "\f058";
font-family: 'Font Awesome 5 Free';
margin-right: 10px;
font-size: 22px;
top: 0px;
position: relative;
font-weight: 400;
}
.woocommerce-billing-fields .select2-container {
margin-bottom: 10px;
}
.woocommerce-checkout .variation {
margin-bottom: 0;
display: flex;
align-items: center;
}
.woocommerce-checkout dd.variation-Listingtitle p {
line-height: 24px;
margin-left: 4px;
}  @media (min-width: 1000px) {
.woocommerce-cart .woocommerce .cart-collaterals {
width: 50%;
}
}
.main-check-container {
width: 100%;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.check-container {
width: 6.25rem;
height: 7.5rem;
display: flex;
flex-flow: column;
align-items: center;
justify-content: space-between;
zoom: 1.25;
margin: -5px 0;
}
.check-container .check-background {
width: 100%;
height: calc(100% - 1.25rem);
background: linear-gradient(to bottom right, #41b971, #41b971);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
transform: scale(0.84);
border-radius: 50%;
animation: animateContainer 0.75s ease-out forwards 0.75s;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
.check-container .check-background svg {
width: 65%;
transform: translateY(0.25rem);
stroke-dasharray: 80;
stroke-dashoffset: 80;
animation: animateCheck 0.35s forwards 1.25s ease-out;
}
.check-container .check-shadow {
bottom: calc(-15% - 5px);
left: 0;
border-radius: 50%;
background: radial-gradient(closest-side, #49da83, transparent);
animation: animateShadow 0.75s ease-out forwards 0.75s;
}
@keyframes animateContainer {
0% {
opacity: 0;
transform: scale(0);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
25% {
opacity: 1;
transform: scale(0.9);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
43.75% {
transform: scale(1.15);
box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
62.5% {
transform: scale(1);
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
}
81.25% {
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
}
100% {
opacity: 1;
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
}
}
@keyframes animateCheck {
from {
stroke-dashoffset: 80;
}
to {
stroke-dashoffset: 0;
}
}
@keyframes animateShadow {
0% {
opacity: 0;
width: 100%;
height: 15%;
}
25% {
opacity: 0.25;
}
43.75% {
width: 40%;
height: 7%;
opacity: 0.35;
}
100% {
width: 85%;
height: 15%;
opacity: 0.25;
}
}
.woo-summary {
background: #28a15814;
border-radius: 5px;
text-align: center;
font-size: 21px;
font-weight: 500;
color: #28a158;
padding: 45px 20px;
}
.woo-summary h3 {
font-size: 28px;
color: #299f58;
font-weight: 600;
margin: 0px;
}
.woo-summary p {
font-size: 18px;
font-weight: 500;
color: #299754bf;
margin-top: 5px;
} .woocommerce-cart .woocommerce table.shop_table th.product-price,
.woocommerce-cart .woocommerce table.shop_table th.product-quantity,
.woocommerce-cart .woocommerce table.shop_table th.product-subtotal,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-price,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-quantity,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-subtotal,
.woocommerce-cart .woocommerce table.shop_table th.product-remove,
.woocommerce-cart .woocommerce table.shop_table th.product-name,
.woocommerce-cart .woocommerce table.shop_table th.product-price {
text-align: left;
}
.woocommerce a.remove:hover,
.woocommerce a.remove {
margin: 0 auto;
color: #e41414;
background: #ffe8e8;
height: 29px;
width: 29px;
display: inline-block;
line-height: 29px;
border-radius: 50px;
font-size: 12px;
text-align: center;
}
body .woocommerce table.shop_table th {
padding: 12px 20px;
}
body .woocommerce .cart .button[name="apply_coupon"] {
color: #fff;
background-color: #222 !Important;
box-shadow: none;
margin-left: 10px;
}
body .woocommerce .cart .button[name="apply_coupon"]:hover {
background-color: #333 !Important;
}
body .woocommerce .product-name a {
color: #666;
pointer-events: none;
cursor: default;
border-radius: 3px;
background: transparent;
padding: 0;
margin-bottom: 0;
}
body .dashboard-content .woocommerce .product-name a {
pointer-events: all;
}
body .dashboard-content .woocommerce .product-name a.wcs-switch-link.button {
padding: 5px 15px !important;
display: inline-block;
float: left;
margin-left: 15px;
}
body .woocommerce table.shop_table td {
padding: 20px;
}
body .woocommerce .product-thumbnail {
width: 160px;
}
body .woocommerce .product-thumbnail a {
display: block;
overflow: hidden;
border-radius: 4px;
width: auto;
padding: 10px;
}
body .woocommerce .product-thumbnail img {
border-radius: 4px;
max-width: initial;
width: 100%;
object-fit: cover;
}
body.woocommerce-cart .cart-collaterals .cart_totals .order-total td,
body.woocommerce-cart .cart-collaterals .cart_totals .order-total th {
border-bottom: none;
}
table.shop_table #coupon_code {
font-size: 14px;
padding: 0 15px;
}
body .woocommerce .woocommerce-shipping-calculator .form-row input.input-text,
.woocommerce-shipping-calculator p {
margin-bottom: 8px;
}
.woocommerce-shipping-calculator .select2-container {
margin-bottom: 5px;
margin-top: 5px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .select2-container--default .select2-selection--single {
text-align: left;
}
.woocommerce .cart .button[aria-disabled="true"] {
opacity: 0;
}
@media (min-width: 960px) {
.woocommerce-cart-form__cart-item.cart_item td {
border-bottom: 1px solid #e6e6e6;
}
.woocommerce-cart-form__cart-item.cart_item:last-child td {
border-bottom: none;
}
}
body .woocommerce table.shop_table td {
border-right: 1px solid #e6e6e6;
}
body.woocommerce-cart .woocommerce table.shop_table th {
border-bottom: 1px solid #e6e6e6;
background: #fafafa;
}
.woocommerce-cart .woocommerce table.shop_table td.actions {
border-top: 1px solid #e6e6e6;
background: #fafafa;
border-bottom: none;
}
@media only screen and (max-width: 980px) {
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
display: flex;
flex-direction: column;
}
body .woocommerce table.shop_table td {
padding: 0 20px 0 20px;
padding-bottom: 20px;
}
body .woocommerce table.shop_table td.product-name {
padding-top: 20px;
}
.woocommerce .shop_table .quantity {
float: right;
}
.woocommerce-cart .woocommerce .cart-collaterals {
width: 100%;
}
.woocommerce .cart .button[aria-disabled="true"] {
display: none !important;
}
body .woocommerce table.cart td.actions .coupon {
margin-top: 20px;
display: flex;
}
table.shop_table #coupon_code {
width: 100%;
}
}
@media (max-width: 480px) {
body .woocommerce table.cart td.actions .coupon {
flex-direction: column;
}
body .woocommerce .cart .button[name="apply_coupon"] {
margin-left: 0;
width: 100% !important;
margin-top: 10px;
}
} .vendor-customer-registration input[type="radio"],
.woocommerce-form-login input[type="checkbox"] {
box-shadow: none;
height: 25px;
display: inline-block;
width: auto;
top: 6px;
position: relative;
margin-right: 3px;
}
.vendor-customer-registration br {
display: none;
}
.vendor-customer-registration label {
height: 30px;
} .woocommerce-grouped-product-list {
border: 1px solid #e0e0e0;
border-radius: 4px;
width: 100%;
display: block;
margin-bottom: 20px;
overflow: hidden;
}
.woocommerce-grouped-product-list tr {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
}
.woocommerce-grouped-product-list tbody {
width: 100%;
display: block;
}
.woocommerce-grouped-product-list tbody tr {
border-bottom: 1px solid #e0e0e0;
padding: 10px;
}
.woocommerce-grouped-product-list-item label {
margin-bottom: 0;
margin-right: 8px;
}
.woocommerce-grouped-product-list-item a {
color: #666;
}
.woocommerce-grouped-product-list tbody tr:last-child {
border: none;
}
.woocommerce-grouped-product-list-item .woocommerce-Price-amount.amount bdi {
color: #777;
font-size: 14px;
font-weight: 500;
background: #eee;
border-radius: 50px;
padding: 3px 5px;
}
.woocommerce-grouped-product-list-item ins .woocommerce-Price-amount.amount bdi {
background-color: #fbf2d1 !important;
text-decoration: none !important;
color: #8a803e;
}
.woocommerce-grouped-product-list-item ins {
text-decoration: none;
}  .woocommerce-order-received.woocommerce-checkout .woocommerce .col2-set {
width: calc(100% + 30px);
float: left;
margin-right: 0;
display: flex;
}
.woocommerce-order-received.woocommerce-checkout .woocommerce .col2-set .woocommerce-column {
margin-right: 30px;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: right;
margin-bottom: 30px;
margin-right: 30px;
width: 200px;
}
@media (max-width: 992px) {
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: left;
display: inline-block;
}
.woocommerce-result-count {
display: block;
width: 100%;
}
}
.woocommerce-order-received .woocommerce-order-details {
display: none;
}
@media (max-width: 992px) {
.woocommerce-order-received.woocommerce-checkout .woocommerce .col2-set {
width: 100%;
margin-right: 0;
display: flex;
flex-direction: column;
}
.woocommerce-order-received.woocommerce-checkout .woocommerce .col2-set .woocommerce-column {
margin-right: 0
}
} .woocommerce-product-rating.reviews-counter {
display: block;
margin: 10px 0;
}
.woocommerce-product-rating.reviews-counter a {
color: #777;
display: block;
}
.woocommerce #reviews #comments ul li {
display: block;
border-radius: 4px;
background: #f7f7f7;
padding: 22px;
}
.woocommerce #reviews div.avatar {
position: relative;
margin: 5px 0 0 3px;
}
.woocommerce .rating .star-bg:after,
.woocommerce .rating .star-rating:after {
font-size: 16px;
}
.woocommerce #reviews .rating {
margin-top: 25px;
margin-right: 10px;
}
.woocommerce-Reviews .commentlist {
margin: 0;
padding: 0;
}
.woocommerce-Reviews p.meta {
display: none;
}
.woocommerce-Reviews .comment-content {
padding-left: 90px;
}
.woo-star-rating .rating {
width: 107px;
}
.woo-star-rating {
background: #f6f6f6;
display: inline-block;
border-radius: 50px;
padding: 1px 7px 6px 9px;
}
.woocommerce #reviews .comment-by span.date {
display: block;
margin-top: -2px;
}
@media (max-width: 768px) {
.woocommerce-Reviews .comment-content {
padding-left: 0;
}
.woocommerce #reviews div.avatar {
display: none;
}
.woocommerce #reviews .comment-by span.date {
display: block;
padding: 0;
}
.woocommerce #reviews .rating {
margin-top: 5px;
}
.woocommerce #reviews #comments ul li {
padding: 18px 22px;
}
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images, .widget_products .woocommerce-Price-amount.amount {
color: #777
}
.woocommerce-mini-cart-item .variation {
display: none;
}
.product section h5 {
line-height: 28px;
}
.product section h5 a {
color: #333;
}
.product .price {
margin-top: -4px;
display: block;
}
.woocommerce-variation-description p:last-child {
margin-bottom: 0;
}
.single-product .product .onsale {
position: relative;
top: 0;
right: 0;
border-radius: 4px;
line-height: 20px;
font-size: 13px;
padding: 4px 12px;
margin: 0 0 0 30px;
left: 0;
border-radius: 50px;
}
@media (max-width: 768px) {
.single-product .product .onsale {
position: absolute;
right: 25px;
left: initial;
top: 20px;
}
}
@media (max-width: 500px) {
.single-product .product .onsale {
position: absolute;
right: 25px;
left: initial;
top: 20px;
}
#titlebar .dokan-store-rating span.text {
display: none !important;
}
}
.summary h1.product_title {
line-height: 36px;
}
body#map-container.fullwidth-home-map,
#map-container.fullwidth-home-map,
.page-template-template-home-search-map #map {
height: 550px !important;
max-height: 550px !important;
} @media (max-width: 992px) {
body #map-container.fullwidth-home-map {
height: initial !important;
max-height: initial !important;
}
body #map-container.fullwidth-home-map #map {
height: 400px;
}
#map-container .main-search-input .panel-dropdown a,
#map-container .select2-container {
background: #fff;
border-radius: 3px;
box-shadow: 0 1px 4px 0px rgb(0 0 0 / 12%);
}
.page-template-template-home-search-map #map-container.hide-map-on-mobile,
body.page-template-template-home-search-map #map-container.hide-map-on-mobile.fullwidth-home-map,
.page-template-template-home-search-map .fs-inner-container.map-fixed.hide-map-on-mobile {
height: initial;
max-height: initial;
opacity: 1;
}
#map-container.fullwidth-home-map .main-search-inner {
position: relative;
bottom: 0;
background: #f4f4f4;
padding-bottom: 30px;
}
#map-container.hide-map-on-mobile,
body #map-container.hide-map-on-mobile.fullwidth-home-map,
.fs-inner-container.map-fixed.hide-map-on-mobile {
max-height: 100%;
opacity: 1;
}
#show-map-button {
display: none;
}
}
#listeo-listings-container[data-style=grid] .listing-item-container {
max-height: 322px;
}
@media (max-width: 992px) {
.home #map-container.hide-map-on-mobile {
max-height: 100% !important;
height: 100% !important;
}
#listeo-listings-container[data-style=grid] .listing-item-container {
max-height: 100%;
}
} .dashboard-content .dokan-dash-sidebar {
display: none;
}
#dokan-navigation #mobile-menu-icon {
display: none;
}
#dokan-navigation #toggle-mobile-menu {
display: none;
} .listeo-cart-wrapper {
display: inline-block;
width: 60px;
position: absolute;
left: 0;
top: 27px;
height: 27px;
}
.listeo-cart-container {
display: inline-block;
vertical-align: top;
margin: 3px 23px 0 0;
padding: 0;
position: relative;
}
@media (max-width: 480px) {
.user_not_logged_in .listeo-cart-container {
margin-top: -3px;
}
}
.listeo-cart-container .fa.fa-shopping-cart:before {
content: "\e04e";
font-family: 'simple-line-icons' !important;
font-weight: 500;
}
.listeo-cart-container .mini-cart-button {
color: #777;
transition: 0.2s;
padding: 0;
height: 40px;
width: 40px;
display: inline-block;
border-radius: 50px; line-height: 44px;
text-align: center;
position: relative;
background: #f0f0f0;
transition: 0.3s;
}
.listeo-cart-container:hover .mini-cart-button {
color: #f92442;
background: #f924421f;
}
.transparent-header #header:not(.cloned) .listeo-cart-container .mini-cart-button {
background: rgba(255, 255, 255, 0.15);
color: #fff;
}
.transparent-header #header:not(.cloned) .listeo-cart-container:hover .mini-cart-button {
background: #fff;
color: #777;
}
.listeo-cart-container .mini-cart-button .badge {
font-weight: 600;
display: inline-block;
font-size: 12px;
line-height: 20px;
color: #ffffff;
padding: 0;
box-sizing: border-box;
min-width: 20px;
height: 20px;
letter-spacing: -0.5px;
text-align: center;
border-radius: 50px;
background: #f92442;
position: relative;
top: 0;
transition: 0.2s;
margin: 0 0 0 2px;
position: absolute;
}
.listeo-cart-container .listeo-mini-cart {
background: #fff;
text-align: left;
position: absolute;
top: 100%;
left: 0;
list-style: none;
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%);
padding: 20px;
max-width: 280px;
width: 280px;
border-radius: 4px;
}
.listeo-cart-container .listeo-mini-cart ul {
list-style: none;
padding: 0;
margin: 0;
max-height: 350px;
overflow-y: auto;
}
.listeo-cart-container .listeo-mini-cart ul li {
display: flex;
margin-bottom: 20px;
}
.listeo-cart-container .listeo-mini-cart ul li img {
max-width: 55px;
height: 55px;
border-radius: 4px;
margin-right: 13px;
}
.listeo-cart-container .listeo-mini-cart .mini-cart-product-name {
display: flex;
flex-direction: column;
margin-top: 5px;
}
.listeo-cart-container .mini-cart-product-price {
color: #333;
font-size: 15px;
font-weight: 500;
line-height: 22px;
}
.listeo-cart-container .mini-cart-quantity {
color: #888;
font-size: 15px;
line-height: 22px;
font-weight: 400;
}
.listeo-cart-container .mini-cart-quantity .woocommerce-Price-amount {
color: #666;
}
.listeo-cart-container .woocommerce-mini-cart__total {
border-top: 1px solid #e9e9e9;
padding-top: 10px;
font-size: 15px;
margin: 0 0 10px 0;
}
.listeo-cart-container .woocommerce-mini-cart__total strong {
font-weight: 600;
color: #444;
}
.listeo-cart-container .woocommerce-mini-cart__total span {
color: #666;
font-weight: 500;
}
.listeo-cart-container .woocommerce-mini-cart__buttons a.button {
min-width: auto;
line-height: 20px;
margin: 0 5px;
flex: 1;
}
.listeo-cart-container p.woocommerce-mini-cart__buttons.buttons {
display: flex;
margin: 0;
width: calc(100% + 10px);
margin-left: -5px;
}
.transparent-header #header:not(.cloned) .header-widget .woocommerce-mini-cart__buttons a.button,
.listeo-cart-container .woocommerce-mini-cart__buttons a.button {
color: #777;
background: #f0f0f0;
}
.transparent-header #header:not(.cloned) .header-widget .woocommerce-mini-cart__buttons a.button:hover,
.listeo-cart-container .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover {
background: #eaeaea;
color: #707070;
}
.transparent-header #header:not(.cloned) .header-widget .woocommerce-mini-cart__buttons a.button.checkout,
.listeo-cart-container .woocommerce-mini-cart__buttons a.button.checkout {
background: #f92442;
color: #fff;
}
.listeo-cart-container .listeo-mini-cart {
transform: translate3d(-50%, 15px, 0);
visibility: hidden;
opacity: 0;
transition: 0.3s;
left: calc(50% - 10px);
}
.listeo-cart-container:hover .listeo-mini-cart {
visibility: visible;
opacity: 1;
transform: translate3d(-50%, 0, 0);
}
.listeo-cart-container .listeo-mini-cart:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%);
} .woocommerce .listeo-mini-cart ul.cart_list li.woocommerce-mini-cart-item a {
padding: 0;
margin: 0;
line-height: 22px;
display: flex;
}
.listeo-cart-container .listeo-mini-cart ul.cart_list li {
position: relative;
border-bottom: none;
padding: 0;
display: flex;
overflow: hidden;
}
.woocommerce .listeo-mini-cart ul.cart_list li.woocommerce-mini-cart-item a.mini-cart-product-name {
margin-top: 3px;
}
.listeo-cart-container .woocommerce-mini-cart__empty-message {
margin: 0;
}
@media (max-width: 1024px) {
.listeo-cart-container .listeo-mini-cart {
transform: translate3d(0, 15px, 0);
left: 0;
}
.listeo-cart-container:hover .listeo-mini-cart {
transform: translate3d(0, 0, 0);
}
.listeo-cart-container .listeo-mini-cart:before {
left: 20px
}
}
@media (max-width: 580px) {
.listeo-cart-container .listeo-mini-cart {
width: calc(100vw - 48px);
max-width: calc(100vw - 48px);
}
}
.listeo_adding_to_cart .listeo-cart-container span.badge {
animation: shop-badge-anim 1.9s;
}
@keyframes shop-badge-anim {
0%,
100% {
transform: scale(1);
box-shadow: 0 0 0 0px #f9244229
}
50% {
box-shadow: 0 0 0 15px transparent
}
}
.mediaholder .add_to_cart_button {
position: relative;
}
.mediaholder .add_to_cart_button i.fa-spin {
position: absolute;
left: 14px;
top: 10px;
}
.mediaholder .add_to_cart_button.loading:after {
opacity: 0;
}
body .tooltip.fa-map-marker {
opacity: 1;
position: relative;
line-height: 1;
filter: none;
}
.listing-item-container .star-rating {
max-height: 57px;
}  .woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: flex;
align-items: baseline;
}
body .woocommerce form .form-row .input-checkbox {
min-width: 20px;
margin-right: 5px;
}
.woocommerce-shipping-methods li,
body .woocommerce #order_review table.shop_table #shipping_method li {
display: flex;
align-items: baseline;
}
.woocommerce-shipping-methods li input,
body .woocommerce #order_review table.shop_table #shipping_method li input {
top: 2px;
position: relative;
margin: 3px 7px 0 0
}
.woocommerce-checkout .variation p {
margin: 0 0 7px 0;
line-height: 24px;
font-size: 15px;
}
#shipping_method {
padding-left: 0;
}
body .woocommerce #order_review table.shop_table td {
font-size: 15px;
}
.woocommerce-cart-form .variation {
margin-top: 8px;
}
.woocommerce-cart-form .variation p {
margin-bottom: 0;
}
body .woocommerce #order_review table.shop_table tr.cart_item .product-name .product-quantity {
background: #fff;
padding: 5px;
border: 1px solid #e0e0e0;
border-radius: 3px;
font-size: 13px;
line-height: 16px;
top: -2px;
position: relative;
height: 28px;
width: 28px;
display: inline-block;
}
.order-total .includes_tax {
display: block;
line-height: 18px;
}
.woocommerce-checkout .variation {
margin-top: 5px;
}
.woocommerce-shipping-totals.shipping td {
text-align: left !important;
}
.woocommerce-shipping-methods .amount {
font-size: 14px;
background: #f0f0f0;
padding: 0;
line-height: 18px;
padding: 3px 5px;
border-radius: 3px;
display: inline-block;
top: -1px;
position: relative;
}
.woocommerce-shipping-methods .amount,
.woocommerce-shipping-methods .amount span {
color: #666;
font-weight: 500;
}
.woocommerce-shipping-methods li {
margin: 5px 0
}
#order_review .variation {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.woocommerce-shipping-methods li {
width: 100%;
}
.listeo-dialog .mfp-close,
#sign-in-dialog .mfp-close,
#small-dialog-edit .mfp-close,
#small-dialog-edit-review .mfp-close,
#small-dialog .mfp-close,
#claim-dialog .mfp-close {
font-size: 36px;
padding-bottom: 4px;
}
button.mfp-close:before {
content: "×";
display: block;
font-size: 26px !important;
font-weight: normal;
font-family: Arial, sans-serif;
color: #666;
margin-top: 2px;
transition: 0.2s !important;
}
button.mfp-close:hover:before {
transition: 0.2s !important;
color: #fff;
}
button.mfp-close {
color: transparent !important;
font-size: 0 !important;
}
.ui-menu {
font-size: 16px;
margin: 0;
list-style: none;
overflow: hidden;
position: absolute;
z-index: 10000;
display: none;
background: #f8f8f8;
border-style: solid;
color: #a6a6a6;
width: 330px;
border-bottom: 1px solid #e9e9e9;
}
.ui-menu li.ui-menu-item {
padding: 15px;
white-space: nowrap;
overflow: hidden;
text-align: left;
line-height: 26px;
}
.ui-menu li.ui-menu-item.ui-state-focus {
cursor: pointer;
background: #f2f2f2;
width: 100%;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border: 0px;
}
@media (max-width: 768px) {
.booking-requests-filter {
display: block;
}
}  .search-banner-placeholder-loader {
border: 5px solid #d4d4d4;
border-top: 5px solid #686868;
border-radius: 50%;
width: 34px;
height: 34px;
animation: spin 1s linear infinite;
}
.search-banner-placeholder {
display: none !important;
}
.main-search-container {
opacity: 1 !important;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.main-search-container {
opacity: 0;
transition: 0.3s;
}
.theme-loaded .main-search-container {
opacity: 1;
}
@media (max-width: 992px) {
.search-banner-placeholder {
display: none !important;
}
.main-search-container {
opacity: 1 !important;
}
}
@media (max-width: 992px) {
.fs-container {
display: flex;
flex-direction: column-reverse;
}
}
.alt-search-box.main-search-container h4 {
opacity: 1;
}
.main-search-container h4 {
opacity: 0.65;
}
.main-search-container.full-height .search-banner-placeholder {
background: transparent !important;
} body.mobile-nav-open {
overflow: hidden;
}
.mobile-navigation-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #222;
z-index: 100001;
opacity: 0;
transition: 0.4s;
visibility: hidden;
pointer-events: none;
transform: translateX(-100%);
overflow-y: auto;
}
.mobile-nav-open .mobile-navigation-wrapper {
opacity: 1;
transform: translateX(0%);
visibility: visible;
pointer-events: all;
}
.mobile-navigation {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
list-style-type: none;
margin: 0;
padding: 0;
z-index: 99999;
}
.mobile-nav-open .mobile-navigation {
visibility: visible;
}
.menu-logo a img {
max-height: 32px;
width: auto;
}
.mobile-navigation-list {
margin: 25px;
box-sizing: content-box;
overflow: hidden;
}
.mobile-nav-widgets {
padding: 25px;
padding-top: 0;
}
.mobile-nav-widgets {
padding: 25px 30px;
padding-top: 0;
color: #aaa;
display: block;
}
.mobile-nav-widgets h4,
.mobile-nav-widgets h5 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin: 0 0 15px 0;
}
.mobile-nav-widgets a:hover {
color: #fff;
}
.mobile-menu-widget {
margin: 30px 0;
}
.mobile-menu-widget:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.15);
padding-top: 35px;
}
.mobile-navigation-list li a {
color: #aaa;
display: block;
padding: 8px 0;
transition: 0.3s;
position: relative;
font-size: 16px;
font-weight: 500;
}
.mobile-navigation-list .menu-item-has-children>a:before {
font-family: 'simple-line-icons';
font-size: 13px;
content: "\e606";
position: absolute;
right: 8px;
top: 10px;
font-weight: 500;
}
.mobile-navigation-list li a:hover {
color: #fff;
}
.mobile-navigation-list ul {
list-style: none;
padding: 0;
margin: 0;
} .menu-icon-toggle {
display: block;
width: 41px;
height: 41px;
z-index: 9;
position: absolute;
right: 22px;
top: 15px;
background: rgb(255 255 255 / 6%);
border-radius: 4px;
padding: 10px;
transition: 0.2s;
}
.menu-icon-toggle:hover {
background: rgb(255 255 255 / 8%);
}
.menu-icon-toggle span {
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
background-color: #fff;
transform: translate(0, -50%);
transition: opacity 0.3s 0.3s;
}
.menu-icon-toggle::before,
.menu-icon-toggle::after {
content: "";
display: block;
width: 50%;
height: 2px;
position: absolute;
background-color: #fff;
transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}
.menu-icon-toggle::before {
top: 6px;
}
.menu-icon-toggle::after {
bottom: 6px;
}
.menu-icon-toggle span {
opacity: 0;
transition: opacity 0.3s;
}
.menu-icon-toggle::before,
.open .menu-icon-toggle::after {
background-color: #fff;
}
.menu-icon-toggle::before {
top: calc(50% - 1px);
transform: rotate(45deg);
}
.menu-icon-toggle::after {
bottom: calc(50% - 1px);
transform: rotate(-45deg);
}
.menu-icon-toggle::before,
.open .menu-icon-toggle::after {
transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
}
.mobile-nav-header {
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 70px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 25px;
}
.menu-inner-wrapper {
width: 100%;
min-width: 100%;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
overflow: hidden;
height: 100%;
}
#mobile-nav {
position: relative;
left: 0;
top: 0;
z-index: 1;
transition: all 1s ease;
}
#mobile-nav li a {
display: block;
padding: 10px;
font-weight: 600;
font-size: 15px;
} #mobile-nav .sub-menu {
position: absolute;
left: 100%;
top: 0;
width: 100%;
visibility: hidden;
transition: all .3s ease;
background: #222;
pointer-events: none;
opacity: 0;
}
#mobile-nav .open-submenu>.sub-menu {
left: 0;
top: 0;
visibility:
visible;
transition:
all .5s ease;
pointer-events: all;
opacity: 1;
z-index: 2;
background: #222;
}
#mobile-nav .open-submenu>.sub-menu>.sb-menu {
left: 0;
top: 0;
visibility: visible;
transition: all .5s ease;
pointer-events: all;
opacity: 1;
z-index: 2;
}
#mobile-nav .sub-menu-back-btn {
background: rgb(0 0 0 / 25%);
border-radius: 4px;
cursor: pointer;
margin-bottom: 8px;
padding: 10px 10px 10px 36px;
font-weight: 600;
font-size: 15px;
display: block;
color: #aaa;
transition: 0.3s;
}
#mobile-nav .sub-menu-back-btn:hover {
color: #fff;
}
.sub-menu-back-btn:before {
font-family: 'simple-line-icons';
font-size: 13px;
content: "\e606";
position: absolute;
right: 0;
top: 10px;
font-weight: 500;
content: "\e605" !important;
left: 13px;
right: initial;
} .mmenu-trigger {
height: 50px;
width: 50px;
display: none;
position: relative;
margin: 0 0 20px 0;
background-color: #eee;
border-radius: 4px;
cursor: pointer;
float: right;
} .hamburger {
padding: 0;
top: 14px;
left: 13px;
transform: scale(0.67);
-moz-transform: scale(0.70) translateY(4px);
position: relative;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger-box {
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 34px;
height: 4px;
background-color: #555;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mmenu-trigger {
display: none;
}
@media only screen and (max-width: 1024px) {
.hidden-on-mobile {
display: none;
} #responsive {
display: none;
}
.mmenu-trigger {
display: inline-block !important;
}
#logo {
position: relative;
margin: 0;
margin-top: 5px;
width: calc(100% - 70px);
text-align: left;
}
.header-widget {
padding: 20px 0;
border-top: 1px solid #eee;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.header-widget a.button.border {
padding: 7px 16px;
background-color: transparent;
font-size: 16px;
min-width: auto;
float: right;
}
.sign-in,
.user-menu {
flex: 1;
}
.header-widget .sign-in {
top: 9px;
}
#header-container.header-style-2 .left-side,
#header-container.header-style-2 .right-side,
.right-side,
.left-side {
width: 100%;
}
#top-bar .right-side .social-icons {
float: left;
position: relative;
z-index: 9;
}
#header-container.header-style-2 .header-widget {
float: left;
margin-top: 35px;
margin-bottom: -5px
}
.header-widget {
text-align: left;
}
#header {
padding-bottom: 0;
}
ul.top-bar-menu {
z-index: 99;
position: relative;
}
.header-style-2 .menu-responsive {
width: 750px;
margin-left: auto;
margin-right: auto;
float: none;
padding: 0 15px;
}
#header-container.header-style-2 .header-widget {
width: calc(100%);
border-top: 1px solid #e0e0e0;
padding-top: 30px;
}
}
.small-dialog-booking-content ul {
list-style: none;
margin: 0px;
}
div#calendar-wrapper {
background: #fff;
padding: 30px;
}
#calendar-wrapper a {
color: #333
}
.single div#calendar-wrapper {
padding: 0px;
}
.fc-today-button[disabled] {
display: none;
}
body .fc-today-button {
background: #f0f0f0 !important;
border-color: #f0f0f0 !important;
color: #707070 !important;
transition: 0.2s;
}
.fc-button {
transition: 0.2s;
}
body .fc-today-button:hover {
background: #e9e9e9 !important;
border-color: #e9e9e9 !important;
color: #707070 !important;
} #calendar-legend {
display: block;
padding: 30px 0 0;
}
#calendar-legend h4 {
border: none;
padding: 0;
margin: 30px 0 15px 0;
display: none;
}
#calendar-legend ul {
list-style: none;
display: inline-block;
}
#calendar-legend ul li {
list-style: none;
display: inline-block;
border: none;
padding: 0 10px 0 3px;
margin-right: 8px;
border-radius: 50px;
font-size: 14px;
font-weight: 500
}
#calendar-legend ul li:before {
display: inline-block;
content: "";
height: 7px;
width: 7px;
background: #000;
border-radius: 50px;
top: -1px;
position: relative;
margin: 0 7px 0;
}
#calendar-legend ul li.paid {
color: #64bc36;
background: #64bc3615;
}
#calendar-legend ul li.paid:before {
background: #64bc36;
}
#calendar-legend ul li.confirmed {
color: #61b2db;
background: #61b2db18;
}
#calendar-legend ul li.confirmed:before {
background: #61b2db;
}
#calendar-legend ul li.waiting,
#calendar-legend ul li.pay_to_confirm {
color: #bea507;
background: #e2c51020;
}
#calendar-legend ul li.waiting:before,
#calendar-legend ul li.pay_to_confirm:before {
background: #bea507;
}
#calendar-legend ul li.expired {
color: #ee3535;
background: #ee353510;
}
#calendar-legend ul li.expired:before {
background: #ee3535
} body .booking-requests-filter .select2-container--open .select2-dropdown--below {
min-width: 160px;
max-width: 200px;
border-top: 1px solid #e0e0e0;
border-radius: 3px;
padding-top: 7px;
}
body .booking-requests-filter .sort-by .select2-container--open .select2-dropdown { min-width: 200px;
max-width: 200px;
}
body.admin-bar .sort-by-booking-author .select2-container--open .select2-dropdown--below,
body.admin-bar .chart-sort-by .select2-container--open .select2-dropdown--below {
top: -30px !important;
}
.booking-calendar-view-popup ul {
padding-left: 0;
}
.booking-calendar-view-popup .list-box-listing-content {
padding: 0;
border: 1px solid #e0e0e0;
border-radius: 4px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.booking-calendar-view-popup .list-box-listing.bookings {
margin: 0;
}
.booking-calendar-view-popup .list-box-listing-content .inner h3 {
background: #f9f9f9;
padding: 15px 20px;
;
border-radius: 4px 4px 0 0;
margin: -2px 0 20px 0;
}
@media (max-width: 1200px) {
.calendar-filters .sort-by .select2-container .select2-selection--single .select2-selection__rendered {
max-width: 250px;
}
}
.booking-calendar-view-popup .inner-booking-list {
padding: 0 20px;
}
.booking-buttons-actions .button.gray.cancel:hover,
.booking-buttons-actions .button.gray.reject:hover {
background-color: #e42929
}
.booking-buttons-actions .button.gray.approve:hover {
background-color: #64bc36;
}
@media (min-width: 1024px) {
.headline-with-filters .booking-requests-filter {
top: 16px;
}
}
@media (max-width: 1024px) {
.headline-with-filters.list-view .booking-requests-filter,
.headline-with-filters .chart-filters {
position: relative;
float: none;
top: 0;
left: 0px;
right: initial;
padding: 20px;
border-bottom: 1px solid #e0e0e0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: baseline;
background: #fff;
padding: 20px !important;
border-radius: 4px 4px 0 0;
padding: 0;
}
.headline-with-filters {
display: flex;
flex-direction: column-reverse;
}
.headline-with-filters .chart-filters .sort-by,
.headline-with-filters .booking-requests-filter .sort-by {
margin-left: 0;
}
.headline-with-filters .chart-filters .sort-by .select2-container--open .select2-dropdown {
top: 5px !important;
}
.headline-with-filters .sort-by-select {
margin: 2px 0;
}
#chart-date-range {
background: #f0f0f0;
border-radius: 50px;
padding: 5px 15px;
margin-left: 0;
}
.headline-with-filters .booking-requests-filter,
body .headline-with-filters #chart-date-range,
body .headline-with-filters #chart-date-range-enabler,
body .headline-with-filters .sort-by-booking-author,
body .headline-with-filters .sort-by-status,
body .headline-with-filters .sort-by {
top: 0;
left: 0;
right: initial;
position: relative;
}
body .headline-with-filters .chart-date-range {
margin-bottom: 3px;
}
body #booking-date-range,
body #booking-date-range-enabler {
background: #f0f0f0;
border-radius: 50px;
padding: 5px 15px;
margin-left: 0;
margin-bottom: 2px;
}
.headline-with-filters.list-view .booking-requests-filter {
display: flex;
flex-direction: column-reverse;
}
}
.elementor-text-editor p {
font-size: inherit;
}
@media (max-width: 768px) {
.main-search-input-item .col-md-12 {
padding-left: 0;
padding-right: 0;
}
} .conntect-w-stripe-btn {
background: #6772E5;
color: #fff;
padding: 5px 20px;
display: inline-block;
border-radius: 50px;
font-size: 15px;
font-weight: 500;
transition: 0.2s;
}
.conntect-w-stripe-btn:hover {
background: #5a65d1;
color: #fff;
}
.stripe-btn.disconnect-stripe-button {
background: #d81b1b1c;
color: #d81b1b;
margin-top: 5px;
}
.rating-counter.no-reviews {
margin: 14px 0px;
} .main-search-simple-slider .container.msps-container {
overflow: initial;
}
.main-search-simple-slider .main-search-photo-slider {
box-shadow: none;
}
.main-search-simple-slider .slick-slide,
.main-search-simple-slider .msps-slider,
.main-search-simple-slider .msps-slider-container,
.main-search-simple-slider .main-search-photo-slider {
width: 100%;
height: 600px;
}
.main-search-input .panel-dropdown .col-md-12 {
padding: 0;
}
.main-search-simple-slider .main-search-photo-slider {
top: 0;
}
.main-search-simple-slider.main-search-container {
margin-bottom: 160px;
}
.main-search-simple-slider .msps-shapes.shapes-animation {
display: none;
}
.main-search-simple-slider .container.msps-container {
width: calc(100% - 140px);
}
.simple-slider-search-form .main-search-inner {
position: relative;
display: block;
top: 0;
transform: none;
padding-bottom: 0;
}
.main-search-simple-slider .slick-slide:after {
content: "";
background: #222;
border-radius: 10px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
z-index: 1;
}
.main-search-simple-slider .slick-prev {
left: 30px;
transform: translate(-10px, -50%);
transition: 0.3s;
opacity: 0;
}
.main-search-simple-slider .slick-next {
right: 30px;
transform: translate(10px, -50%);
transition: 0.3s;
transition: 0.3s;
opacity: 0;
}
.main-search-simple-slider:hover .slick-prev {
transform: translate(0, -50%);
opacity: 1;
}
.main-search-simple-slider:hover .slick-next {
transform: translate(0, -50%);
opacity: 1;
}
.main-search-simple-slider .slick-prev,
.main-search-simple-slider .slick-next {
background: transparent;
border-radius: 100px;
height: 55px;
width: 55px;
backdrop-filter: blur(5px) contrast(60%);
}
.main-search-simple-slider .slick-prev.slick-arrow:before,
.main-search-simple-slider .slick-next.slick-arrow:before {
font-size: 16px;
font-weight: 600;
color: #fff;
transition: 0.3s;
}
.main-search-simple-slider .slick-prev:hover,
.main-search-simple-slider .slick-next:hover {
background: #fff;
}
.main-search-simple-slider .slick-prev:hover.slick-arrow:before,
.main-search-simple-slider .slick-next:hover.slick-arrow:before {
color: #222;
}
.simple-slider-search-form {
display: block;
position: absolute;
z-index: 20;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
transform: translateY(74px);
}
.simple-slider-search-form .main-search-input {
border-radius: 0 0 10px 10px;
margin: 0;
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
padding: 12px;
max-height: 74px;
}
.simple-slider-form-tabs {
display: block;
position: relative;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.simple-slider-form-tabs:before {
content: "";
position: absolute;
background: #ffffff2b;
width: 100%;
height: 100%;
display: block;
backdrop-filter: blur(12px);
}
.simple-slider-form-inner {
position: relative;
display: block;
padding: 18px 25px;
color: #fff;
font-size: 16px;
}
.main-search-simple-slider .highlighted-categories-headline {
margin-top: 20px;
}
.main-search-simple-slider a.button {
margin-top: 10px;
font-size: 16px;
padding: 10px 22px;
} .filter-tabs {
display: flex;
color: #ffffffb3;
}
.filter-tabs .filter-tab {
padding: 3px 0;
font-size: 17px;
margin-right: 20px;
position: relative;
cursor: pointer;
transition: 0.3s;
user-select: none;
}
.filter-tabs .filter-tab:hover,
.filter-tabs .filter-tab.active {
color: #fff;
}
.filter-tabs .filter-tab:last-child {
margin-right: 0;
}
.filter-tabs .filter-tab::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
height: 2px;
width: 0%;
background: #f91942;
transition: all 0.4s ease;
}
.filter-tabs .filter-tab.active::after {
width: 100%;
left: 0;
} @media (max-width: 1500px) {
.main-search-simple-slider .container.msps-container {
width: calc(100% - 140px);
}
}
@media (max-width: 1400px) {
.main-search-simple-slider .main-search-photo-slider {
box-shadow: none;
}
.main-search-simple-slider .slick-slide,
.main-search-simple-slider .msps-slider,
.main-search-simple-slider .msps-slider-container,
.main-search-simple-slider .main-search-photo-slider {
width: 100%;
height: 600px;
border-radius: 0;
}
.main-search-simple-slider .slick-slide:after,
.main-search-simple-slider .msps-slider-container,
.main-search-simple-slider .main-search-photo-slider {
border-radius: 0;
}
.main-search-simple-slider .container.msps-container {
width: 100%;
}
}
@media (max-width: 1090px) {
.main-search-simple-slider.main-search-container h1,
.main-search-simple-slider.main-search-container h2 {
font-size: 36px;
}
}
@media (max-width: 992px) {
.main-search-simple-slider.main-search-container h1,
.main-search-simple-slider.main-search-container h2 {
font-size: 32px;
}
.main-search-simple-slider .main-search-photo-slider {
display: block;
}
.simple-slider-search-form .main-search-input {
margin: 0;
max-height: 100%;
background: #fff;
margin-top: 0 !important;
}
.simple-slider-search-form {
position: relative;
transform: none;
}
.main-search-container.main-search-simple-slider {
height: 100%;
}
.main-search-simple-slider.main-search-container {
margin-bottom: 50px;
}
.main-search-simple-slider .container.msps-container {
position: relative;
display: block;
}
.main-search-simple-slider .slick-slide,
.main-search-simple-slider .msps-slider,
.main-search-simple-slider .msps-slider-container,
.main-search-simple-slider .main-search-photo-slider {
height: 100%;
}
.main-search-simple-slider .slick-track,
.main-search-simple-slider .slick-list {
height: 100%;
}
.simple-slider-search-form {
margin-bottom: 50px;
}
.main-search-simple-slider .main-search-inner {
padding: 30px 0;
}
.simple-slider-search-form .main-search-inner {
padding: 0px 15px;
}
.main-search-container.main-search-simple-slider .main-search-input .panel-dropdown a,
.main-search-container.main-search-simple-slider:not(.alt-search-box) .main-search-input .select2-container .select2-selection--single .select2-selection__rendered {
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 4px;
line-height: 54px;
padding: 0 18px;
}
.main-search-simple-slider .slick-prev {
transform: translate(0px);
transition: 0.3s;
right: 60px;
left: initial;
position: absolute;
}
.main-search-simple-slider .slick-next {
right: 0px;
transform: translate(0px);
transition: 0.3s;
opacity: 0;
right: 20px;
left: initial;
position: absolute;
}
.main-search-simple-slider:hover .slick-prev,
.main-search-simple-slider:hover .slick-next {
transform: translate(0);
}
.main-search-simple-slider .slick-prev,
.main-search-simple-slider .slick-next {
height: 36px;
width: 36px;
opacity: 1;
top: 20px;
border-radius: 5px;
}
.main-search-simple-slider .slick-prev.slick-arrow:before,
.main-search-simple-slider .slick-next.slick-arrow:before {
font-size: 14px;
}
} .elementor-widget-container .listing-links-container {
margin: -20px 0 0 0;
}
.header-shadow-disabled #header {
box-shadow: none;
}
.header-shadow-disabled #header.sticky {
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}  .uploadButton {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 10px;
width: 100%;
font-style: normal;
font-size: 14px;
}
.uploadButton .uploadButton-input {
opacity: 0;
position: absolute;
overflow: hidden;
z-index: -1;
pointer-events: none;
}
.uploadButton .uploadButton-file-name {
flex-grow: 1;
display: flex;
align-items: center;
flex: 1;
box-sizing: border-box;
padding: 0 10px;
padding-left: 18px;
min-height: 42px;
top: -3px;
position: relative;
color: #888;
background-color: transparent;
overflow: hidden;
line-height: 22px;
} #dashboard #titlebar.listing-titlebar,
.listing-titlebar {
display: flex;
}
.listing-logo {
width: 100px;
height: 100px;
padding: 15px;
border-radius: 5px;
border: 1px solid #e0e0e0;
display: flex;
justify-content: center;
align-items: center;
}
.listing-logo {
width: 110px;
height: 110px;
margin-right: 30px
}
.listing-logo img {
min-width: 80px;
height: auto;
border-radius: 4px;
max-height: 80px;
object-fit: contain;
}
#classifieds_price {
margin-top: 0;
}
.listeo-uploaded-file a.remove-uploaded-file {
font-size: 13px;
margin-left: 5px;
}
.listeo-uploaded-file-preview {
max-height: 40px;
display: inline-block;
margin-bottom: 10px;
}
.listeo-uploaded-file-preview img {
max-height: 40px;
padding: 8px;
border-radius: 5px;
border: 1px solid #e0e0e0;
}
@media (max-width: 992px) {
.listing-logo {
width: 90px;
height: 90px;
margin-right: 20px;
}
.listing-logo img {
min-width: 60px;
height: auto;
max-height: 60px;
object-fit: contain;
}
}
.elementor-widget-listeo-homebanner-simple-slider .search-banner-placeholder {
margin: 0 50px;
width: calc(100% - 100px);
border-radius: 10px;
height: calc(100% - 50px);
} .woocommerce-info a {
color: #3184ae;
text-decoration: underline;
font-weight: 600;
}
.booking-confirmation-page {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.registration-confirmation-info {
display: inline-block;
padding: 10px 20px;
border-radius: 50px;
background: #edf8f1;
color: #23b35f;
font-size: 16px;
font-weight: 600;
}
@media (max-width: 991px) {
.dashboard-nav ul li.active ul {
visibility: visible;
opacity: 1;
max-height: 900px;
transition: all .3s;
}
}
.daterangepicker .calendar-table td.available:not(.active, .in-range, .disabled, :hover) {
background: #e0f6dd;
color: #6a9664; }
.daterangepicker.daterangepicker td.disabled,
.daterangepicker.daterangepicker option.disabled {
background-color: #ffe9e9;
color: #c37979;
}
#booking-mandatory-fees {
list-style: none;
padding: 0;
margin: 0;
line-height: 24px;
font-size: 14px;
font-weight: 400;
color: #777;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 15px;
margin-bottom: 15px;
}
#booking-mandatory-fees p {
margin: 0;
font-size: 14px;
line-height: 26px;
color: #777;
}
#booking-mandatory-fees li {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
#booking-mandatory-fees strong {
font-weight: 600;
color: #555;
}
#booking-confirmation-summary #booking-mandatory-fees {
border-top: 1px solid #e0e0e0;
padding-top: 15px;
border-bottom: 0px;
padding-bottom: 0px;
} .listeo-grid-gallery-title #titlebar {
display: flex;
justify-content: space-between;
align-items: center;
}
.listeo-grid-gallery-title .listing-share {
text-align: right;
font-size: 14px;
}
.listeo-grid-gallery-title .like-icon:after,
.listeo-grid-gallery-title .like-icon:before {
color: #e80d38;
}
.listeo-grid-gallery-title .listing-share {
min-width: 300px;
margin: 0 !important;
}
.listeo-grid-gallery-title .listing-share #bookmarks-counter {
display: block;
margin-top: 8px;
}
body .listeo-grid-gallery-title #bookmarks-counter {
font-size: 16px;
} .placeholder {
background: #ddd;
height: 100%;
width: 100%;
display: block;
}
#single-listing-grid-gallery {
display: flex;
width: 100%;
height: 45vh;
min-height: 500px;
max-height: 700px;
border-radius: 8px;
overflow: hidden;
margin: 0 0 60px 0;
position: relative;
}
.slg-button[data-gallery-count="1"],
.slg-button[data-gallery-count="2"],
.slg-button[data-gallery-count="3"],
.slg-button[data-gallery-count="4"],
.slg-button[data-gallery-count="5"] {
display: none;
}
.bookmark-btn-title {
font-weight: 600;
}
.listing-share .like-icon::before {
font-weight: 500;
}
@media (max-width: 1600px) {
#single-listing-grid-gallery {
height: 40vh;
}
}
@media (max-width: 1300px) {
#single-listing-grid-gallery {
height: 35vh;
}
}
@media (max-width: 1100px) {
#single-listing-grid-gallery {
height: 25vh;
}
body .listeo-grid-gallery-title #bookmarks-counter {
font-size: 14px;
}
.listeo-grid-gallery-title .listing-share #bookmarks-counter,
.bookmark-btn-title {
display: none;
}
.listeo-grid-gallery-title .listing-share button {
padding: 0;
height: 46px;
width: 46px;
text-align: center;
}
.listeo-grid-gallery-title .listing-share button .like-icon {
margin: 0;
width: 100%;
}
#titlebar.listing-titlebar h1,
#titlebar.listing-titlebar h2 {
font-size: 26px;
}
}
@media (max-width: 1050px) {
#single-listing-grid-gallery {
height: 400px;
min-height: 400px;
}
}
@media (max-width: 768px) {
#single-listing-grid-gallery {
height: 300px;
min-height: 300px;
}
body .slg-half {
width: 100%;
}
.slg-half:nth-child(3) {
display: none !important;
}
.listeo-grid-gallery-title #titlebar {
padding-bottom: 40px;
}
.slg-button {
display: block !important;
}
.listeo-grid-gallery-title .listing-share {
min-width: 60px;
}
#single-listing-grid-gallery {
margin-bottom: 50px;
}
#titlebar.listing-titlebar h1,
#titlebar.listing-titlebar h2 {
font-size: 24px;
}
}
@media (max-width: 500px) {
#single-listing-grid-gallery {
height: 200px;
min-height: 200px;
}
}
#single-listing-grid-gallery a.slg-gallery-img-single,
#single-listing-grid-gallery a.slg-gallery-img {
height: 100%;
width: 100%;
display: block;
position: relative;
}
#single-listing-grid-gallery img {
height: 100%;
width: 100%;
object-fit: cover;
}
#single-listing-grid-gallery a.slg-gallery-img-single:before,
#single-listing-grid-gallery a.slg-gallery-img:before {
height: 100%;
width: 100%;
background: #000;
display: block;
content: "";
position: absolute;
z-index: 1;
bottom: 0;
opacity: 0;
transition: 0.4s;
cursor: zoom-in;
}
#single-listing-grid-gallery a.slg-gallery-img-single:hover:before,
#single-listing-grid-gallery a.slg-gallery-img:hover:before {
opacity: 0.2;
}
.slg-button {
position: absolute;
bottom: 25px;
right: 30px;
background: #fff;
color: #333;
padding: 7px 20px;
line-height: 21px;
border-radius: 50px;
font-weight: 600;
font-size: 14px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
transition: 0.3s;
z-index: 20;
}
.slg-button:hover {
background: #222;
color: #fff;
}
.slg-button i {
position: relative;
top: 0;
margin: 0 3px 0 0;
font-size: 13px;
}
.slg-half {
width: 50%;
position: relative;
}
.slg-grid {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
}
.slg-grid-top,
.slg-grid-bottom,
.slg-grid-inner {
display: flex;
width: 100%;
height: 100%;
}
.slg-grid-top,
.slg-grid-bottom {
overflow: hidden;
}
.slg-half:first-child {
margin-top: 0px;
} .slg-half {
margin-top: -14px;
}
.slg-half {
position: relative;
}
.slg-grid-top,
.slg-grid-bottom,
.slg-grid-inner {
margin: 7px;
margin-bottom: 0;
}
.slg-one-photo .slg-half {
width: 100%;
}
.listeo-grid-gallery-title #titlebar .listing-titlebar-title {
margin-right: auto;
}
.slg-button:after {
content: " (" attr(data-gallery-count) ")";
}
@media (max-width: 768px) {
.user-profile-titlebar {
flex-direction: row;
align-items: center;
}
body .user-profile-name {
left: 20px;
}
}
@media (max-width: 768px) {
.listing-nav {
margin-bottom: 20px;
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
display: flex;
padding: 0;
flex-wrap: nowrap;
background: transparent;
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
background: transparent;
width: 0px;
}
}
.listing-nav li {
flex: 0 0 auto;
margin-right: 6px;
}
.listing-nav li a {
background: #f4f4f4;
border-radius: 50px;
padding: 2px 15px !Important;
line-height: 30px;
font-size: 15px;
}
.listing-nav li.active a {
color: #777;
font-weight: 500;
}
#listing-nav {
position: relative;
}
#listing-nav:after {
content: "";
pointer-events: none;
position: absolute;
background: #000;
display: block;
height: 100%;
width: 100px;
top: 0;
right: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
#dark-mode #listing-nav:after {
display: none;
}
#dark-mode .listing-nav li a {
background: #444;
}
}
body .daterangepicker .calendar-table th,
body .daterangepicker .calendar-table td {
padding: 5px;
}
.form-field-_listing_logo-container .uploadButton {
min-height: 60px;
}
.form-field-_listing_logo-container .uploadButton .uploadButton-file-name {
height: 40px;
}
.flatpickr-time .numInput {
pointer-events: none;
}
.numInputWrapper span:hover {
background-color: #66676b;
}
@media only screen and (max-width: 1365px) {
body .dashboard #logo {
background-color: transparent
}
}
.elementor-page .container.content-container {
width: 100vw;
margin: 0;
padding: 0;
overflow-x: hidden;
}
@media (max-width:992px) {
.elementor-page .container.content-container {
width: 100vw;
margin: 0;
padding: 0;
overflow-x: hidden;
}
}
.form-field-container-type-hidden { display: none;}
.form-field-_mandatory_fees-container {
background: #00000008;
padding: 20px 25px;
border-radius: 5px;
}
.col-md-12.form-field-_mandatory_fees-container {
width: calc(100% - 30px);
margin: 0 15px;
}
.pricing-list-item .delete i,
.form-field-_mandatory_fees-container .delete i {
font-size: 16px;
background: #ff00001c;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
}
#pricing-list-container {
width: calc(100% - 10px);
} .hws-wrapper .button.border.with-icon {
display: none;
}
#header-container.hws-wrapper {
position: fixed;
width: 100%;
background-color: #fff;
transition: 0.2s background-color;
top: 0;
}
header.fullwidth.hws-wrapper .container {
padding: 0 20px;
}
#header-container.hws-wrapper #header { }
.admin-bar .hws-wrapper {
margin-top: 32px;
}
.transparent-header #header-container.hws-wrapper {
background-color: transparent;
transition: 0.2s background-color;
}
.hws-container {
display: flex;
width: calc(100% - 70px);
position: relative;
z-index: 1;
}
.hws-container .header-search-container {
flex: 1;
top: -5px;
position: relative;
display: flex;
justify-content: center;
margin: -2px 0;
}
.hws-container #logo,
.hws-container .header-search-container {
margin-right: 30px;
}
.usrname {
display: inline-block;
}
.hws-wrapper .user-menu .user-name:after,
.hws-wrapper .usrname {
display: none;
}
.mobile-nav-icons {
position: absolute;
right: 0;
top: 0;
height: 100%;
display: flex;
}
.mobile-search-trigger,
.desktop-mmenu-trigger {
background: rgba(0, 0, 0, 0.06);
height: 100%;
width: 80px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.mobile-search-trigger {}
.hmb-ico:before,
.hmb-ico:after,
.hmb-ico {
content: "";
border-radius: 10px;
height: 2px;
width: 40%;
display: inline-block;
background: #222;
text-align: right;
position: relative;
transition: 0.3s;
}
.hmb-ico:before {
width: 70%;
position: absolute;
top: -9px;
right: 0;
}
.hmb-ico:after {
width: 50%;
right: 0;
top: -7px;
}
.hmb-ico-wrap {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.desktop-mmenu-trigger:hover .hmb-ico:before,
.desktop-mmenu-trigger:hover .hmb-ico:after {
width: 100%;
}
@media (min-width: 1024px) {
.mobile-navigation-wrapper {
max-width: 420px;
right: 0;
left: initial;
transform: translateX(100%);
}
body.mobile-nav-open {
overflow-y: auto;
}
}
.hws-header #wrapper {
padding-top: 80px;
}
.page-template-template-split-map.hws-header #wrapper,
.page-template-template-dashboard-php.hws-header #wrapper {
padding-top: 0px;
}
.header-search-container .main-search-input {
margin: 0; padding: 5px; transform: scale(0.92);
top: 0;
}
@media (min-width: 1200px) {
.mobile-nav-header {
height: 80px;
}
.menu-icon-toggle {
width: 80px;
height: 80px;
position: absolute;
right: 0;
top: 0;
border-radius: 0;
padding: 10px;
transition: 0.2s;
justify-content: center;
border-radius: 0;
display: flex;
}
.menu-icon-toggle::before,
.menu-icon-toggle::after {
width: 30%;
}
}
@media (min-width: 1200px) {
#header-container:not(.hws-wrapper) #header .container {
display: flex;
justify-content: space-between;
}
.right-side {
width: auto;
}
.left-side {
flex: 1;
width: auto;
}
} .header-search-container .gray-style .main-search-input {
box-shadow: none;
background-color: #f2f2f2;
top: 0px;
position: relative;
margin-top: 0px;
}
.hws-wrapper .main-search-form {
width: 100%;
max-width: 1200px;
}
.header-search-container .gray-style .main-search-input-item.location a,
.header-search-container .gray-style .main-search-input input,
.header-search-container .gray-style .main-search-input input:focus {
background: #f2f2f2;
}
.gray-style .type-and-hit-enter {
background-color: #fff;
}
.mobile-search-trigger {
display: none;
justify-content: center;
align-items: center;
}
.gg-search {
box-sizing: border-box;
position: relative;
display: block;
transform: scale(1.2);
width: 16px;
height: 16px;
border: 2px solid;
border-radius: 100%;
margin-left: -4px;
margin-top: -4px;
color: #222;
}
.gg-search::after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
border-radius: 3px;
width: 2px;
height: 8px;
background: currentColor;
transform: rotate(-45deg);
top: 10px;
left: 12px
}
.gg-close {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
overflow: hidden;
}
.gg-close::before,
.gg-close::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #222;
}
.gg-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 5px;
}
.gg-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
border-radius: 5px;
}
.hws-wrapper .main-search-input button.button {
height: 48px;
}
.user_not_logged_in .hws-wrapper .header-widget .sign-in {
background: #f4f4f4;
margin: 0 5px 0 -5px;
}
.gg-search {
display: block;
}
.gg-close {
display: none
}
.visible .gg-close {
display: block;
}
.visible .gg-search {
display: none
}
@media (max-width: 1200px) {
.mobile-search-trigger {
display: flex;
}
.hws-container {
width: calc(100% - 150px);
justify-content: space-between;
}
.desktop-mmenu-trigger {
background: rgba(0, 0, 0, 0.09);
}
.header-widget {}
.header-search-container {
visibility: none;
opacity: 0;
pointer-events: none;
transition: 0.3s;
}
.header-search-container.visible {
visibility: visible;
opacity: 1;
pointer-events: all;
transition: 0.3s;
}
.hws-container .header-search-container {
margin: 0;
position: absolute;
width: 100vw;
left: -30px;
background: #fff;
padding: 20px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.hws-wrapper .header-widget {
text-align: right;
}
}
@media (max-width: 1024px) {
.hws-wrapper .header-widget {
padding: 0;
display: block;
border: none;
min-width: 118px;
height: 43px;
}
.hws-wrapper .listeo-cart-container {
margin-right: 18px;
}
.hws-wrapper .user-menu {
margin-right: -5px;
}
.hws-wrapper #logo {
width: auto;
margin: 0;
display: flex;
align-items: center;
max-width: 100px;
}
.hws-wrapper #header {
padding: 10px 0;
}
.mobile-search-trigger,
.desktop-mmenu-trigger {
width: 60px;
}
.hws-container {
width: calc(100% - 90px);
} .mobile-search-trigger,
.desktop-mmenu-trigger {
width: 50px;
}
.gg-search {
zoom: 0.9;
}
.gg-close {
height: 20px;
width: 20px;
}
.hmb-ico:before {
top: -7px;
}
.hmb-ico:after {
top: -9px;
}
.hws-wrapper .user-menu ul {
left: auto;
right: 0;
transform: translateX(66px);
}
.hws-wrapper .listeo-cart-container .listeo-mini-cart {
transform: translate3d(-20%, 0, 0);
left: 0;
width: 250px;
right: initial;
}
.hws-wrapper .listeo-cart-container .listeo-mini-cart:before {
left: 70px;
}
.user_not_logged_in .hws-wrapper .header-widget a.sign-in:hover,
.user_not_logged_in .hws-wrapper .header-widget a.sign-in {
color: #666;
padding: 5px 2px;
background: transparent;
}
}
@media (min-width: 1200px) {
.hws-wrapper #header .container {
display: block;
}
}
@media (max-width: 1360px) {
.hws-wrapper .user-menu ul {
left: initial;
right: 0;
}
}
@media (max-width: 480px) {
.user_not_logged_in .hws-wrapper .listeo-cart-container {
display: none;
}
}
.mobile-nav-widgets a.ptwsi-social-icon,
.mobile-nav-widgets a.ptwsi-social-icon:visited,
.mobile-nav-widgets .ptwsi_social-icons li a:visited,
.mobile-nav-widgets .ptwsi_social-icons li a {
color: #A0A0A0;
background: rgba(255, 255, 255, .1);
}
.mobile-nav-widgets a.ptwsi-social-icon:before {
color: rgba(255, 255, 255, 0.7)
}
.mobile-nav-widgets .textwidget p {
color: rgba(255, 255, 255, 0.7)
}  select.bs-select-hidden,
select.selectpicker {
display: none !important;
}
.bootstrap-select .btn {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bootstrap-select>.dropdown-toggle {
width: 100%;
padding-right: 25px;
z-index: 1;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
color: #808080;
}
.bootstrap-select>select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
}
.bootstrap-select>select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
border-color: #b94a48;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
float: none;
display: flex;
margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.checkbox .bootstrap-select.btn-group {
margin-bottom: 0;
}
.checkbox-lg .bootstrap-select.btn-group.form-control,
.checkbox-sm .bootstrap-select.btn-group.form-control {
padding: 0;
}
.checkbox-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.checkbox-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
height: 100%;
font-size: inherit;
line-height: inherit;
border-radius: inherit;
}
.form-inline .bootstrap-select.btn-group .form-control {
width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
position: absolute;
height: 0 !important;
padding: 0 !important;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
overflow: hidden;
width: 100%;
line-height: 48px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 90%;
float: left;
height: 48px;
display: block;
max-width: 200px;
top: -2px;
position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.hidden {
display: none;
}
.language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option,
.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option {
max-width: 100%;
float: left;
}
.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option {
line-height: 20px;
height: auto;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 20px;
margin-top: -2px;
vertical-align: middle;
transition: 0.35s;
border: none
}
.bootstrap-select.open .dropdown-toggle .caret {
transform: rotate(180deg)
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0 5px;
border-radius: 0;
box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
position: relative;
margin-bottom: 1px;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled {
opacity: 0.75;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: 0.3s;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 7px;
opacity: 0.8;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: calc(100% - 20px);
margin: 0;
min-height: 26px;
padding: 3px 5px;
pointer-events: none;
padding: 5px 10px;
background: #333;
color: #fff;
margin: 5px;
margin-bottom: 5px;
border-radius: 4px;
white-space: nowrap;
font-size: 14px;
border: none;
}
.bootstrap-select.btn-group .no-results {
padding: 5px 10px;
background: #f6f6f6;
margin: 5px 0;
margin-bottom: 0;
border-radius: 4px;
white-space: nowrap;
font-size: 14px;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
white-space: normal;
}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto;
top: -3px;
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto;
top: -3px;
border-top: 6px solid white;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
padding: 0 5px;
}
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 5px;
margin-bottom: 10px;
margin-top: -5px;
}
.bs-actionsbox div {
display: flex;
}
.bootstrap-select.btn-group .bs-actionsbox div button {
flex: 1;
background: #f6f6f6;
box-shadow: none;
padding: 5px;
height: 36px;
font-size: 14px;
color: #777;
transition: 0.3s;
}
.bootstrap-select.btn-group .bs-actionsbox div button:first-child {
border-radius: 4px 0 0 4px;
background-color: #f0f0f0;
}
.bootstrap-select.btn-group .bs-actionsbox div button:last-child {
border-radius: 0 4px 4px 0;
}
.bootstrap-select.btn-group .bs-actionsbox div button:hover {
background: #66676b;
color: #fff;
}
.bs-actionsbox .btn-group button {
width: 50%;
}
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-donebutton .btn-group button {
width: 100%;
}
.bs-searchbox+.bs-actionsbox {
padding: 0;
}
.bs-searchbox .form-control:focus,
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none;
box-shadow: none;
background: #f4f4f4;
margin: -5px 0 10px 0;
height: 38px;
line-height: 38px;
padding: 10px;
border: none;
}
.bs-searchbox {
position: relative;
}
.bs-searchbox:after {
font-family: 'Font Awesome 5 Free';
content: "\f002";
font-size: 12px;
width: 20px;
height: 20px;
line-height: 0;
display: inline-block;
position: absolute;
margin: 0;
color: #a0a0a0;
right: 9px;
top: 18px;
font-weight: 900;
}
.caret:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
transition: 0.2s;
font-weight: 900;
color: #b0b0b0;
display: inline-block;
font-size: 12px;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
padding: 10px 5px;
margin: -4px 0 0 0;
font-size: 15px;
text-align: left;
list-style: none;
background-color: #fff;
border: none;
border-radius: 4px;
box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
display: none;
}
.dropdown-menu>li>a {
display: block;
padding: 7px 10px;
padding-right: 35px;
clear: both;
font-weight: normal;
line-height: 19px;
color: #888;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
}
.bootstrap-select:before {
content: "";
position: absolute;
z-index: 2100;
bottom: 0px;
left: 0;
height: 8px;
width: 100%;
background-color: #fff;
display: block;
opacity: 0;
pointer-events: none;
transition: 0.4s;
}
.bootstrap-select.open:before {
opacity: 1;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover {
color: #66676b;
text-decoration: none;
background-color: rgba(102, 103, 107, 0.07);
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover {
color: #777;
}
.dropdown-menu>.disabled>a:hover {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
} .dropdown-menu.inner::-webkit-scrollbar {
width: 5px;
}
.dropdown-menu.inner::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.0);
border-radius: 12px;
}
.dropdown-menu.inner::-webkit-scrollbar-thumb {
border-radius: 12px;
background-color: #d8d8d8;
}
.dropdown-menu.inner::-webkit-scrollbar-thumb:hover {
border-radius: 12px;
background-color: #c8c8c8;
}
.bootstrap-select .dropdown-menu {
opacity: 0;
transition: 0.4s;
display: block;
pointer-events: none;
visibility: hidden;
cursor: default;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.bootstrap-select.open .dropdown-menu {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.open>a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 7px 10px;
line-height: 20px;
white-space: nowrap;
background: #f6f6f6;
color: #777;
border-radius: 4px;
margin-bottom: 1px;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right>.dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: 100%;
bottom: auto;
margin-bottom: 2px;
}
@media (min-width: 767px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.bootstrap-select.btn-group {
position: relative;
}
.bootstrap-select.btn-group button {
position: relative;
display: inline-block;
height: 48px;
line-height: 0;
padding: 0 20px;
margin: 0;
outline: none;
font-size: 15px;
color: #888;
max-width: 100%;
width: 100%;
box-sizing: border-box;
display: block;
background-color: #fff;
font-weight: 500;
opacity: 1;
border-radius: 4px;
border: none;
transition: 0.2s;
background-color: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
} .hide-tick .check-mark {
display: none !important;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
position: absolute;
display: inline-block;
right: 8px;
top: 50%;
transform: translateY(-50%);
margin: 0;
line-height: 0;
width: 20px;
height: 20px;
text-align: center;
}
.bootstrap-select.btn-group .dropdown-menu li span.check-mark:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-size: 12px;
transition: all 0.3s;
display: inline-block;
top: 50%;
right: 0;
position: absolute;
margin: 0;
opacity: 0;
transform: scale(0.5);
font-weight: 900;
}
.bootstrap-select.btn-group .dropdown-menu li.selected span.check-mark:before {
opacity: 1;
transform: scale(1);
transition: all 0.35s cubic-bezier(0.3, -.41, .19, 2), opacity 0.3s;
}
.bootstrap-select .dropdown-menu li.selected a span.check-mark:before,
.bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before {
color: #66676b;
} .bootstrap-select .glyphicon:not(.check-mark) {
font-size: 17px;
line-height: 0;
position: relative;
top: 1px;
margin-right: 3px;
}
.bootstrap-select .filter-option .glyphicon {
position: relative;
top: 1px;
} .with-border .dropdown-menu,
.with-border.bootstrap-select.btn-group button {
border: 1px solid #e0e0e0;
box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
}
.bootstrap-select:before {
width: calc(100% - 2px);
left: 1px;
} .main-search-input .bootstrap-select.btn-group button {
box-shadow: none;
height: 46px;
padding: 0 15px;
border: none;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
max-height: 330px;
overflow-y: hidden;
}
.alt-search-box.main-search-container .bootstrap-select.btn-group button {
border: 1px solid #e2e2e2;
border-radius: 4px;
}
.main-search-input .bootstrap-select.open.btn-group button { }
.bootstrap-select.open .dropdown-menu {
border: 1px solid #dbdbdb;
}
.main-search-input .bootstrap-select div.dropdown-menu {
border: none;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
.gray-style .main-search-input .bootstrap-select div.dropdown-menu {
box-shadow: none;
border: 1px solid #e0e0e0;
padding-top: 14px;
margin-top: 0;
}
.hws-wrapper .bootstrap-select.btn-group button {
height: 45px;
}
@media (max-width: 1024px) {
.hws-wrapper .bootstrap-select.btn-group button {
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
border: 1px solid #e0e0e0;
height: 49px;
}
.hws-wrapper .main-search-input .panel-dropdown a {
height: 55px;
line-height: 55px;
background: #fff;
padding-left: 20px;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
border: 1px solid #e0e0e0;
}
}
.gray-style .bootstrap-select.btn-group button {
background: transparent;
box-shadow: none;
border: 1px solid transparent;
border-bottom: none;
transition: 0.2s;
}
.gray-style .bootstrap-select.btn-group.open button { }
.gray-style .dropdown-menu {
box-shadow: none;
border: 1px solid #d0d0d0;
border-top: none;
}
.gray-style .bootstrap-select:before {
width: calc(100% - 3px);
margin-left: 1px;
display: none;
}
.hws-wrapper .bootstrap-select.btn-group .dropdown-toggle .filter-option {
top: -3px;
}
@media (max-width: 991px) {
.main-search-container .bootstrap-select.btn-group button {
height: 55px;
background: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
}
.main-search-container .bootstrap-select.btn-group .dropdown-toggle .filter-option {
top: 0;
}
}
.elementor-widget-container p {
line-height: inherit;
font-size: inherit;
} .taxonoomy-wide-grid-element a.slg-gallery-cover {
height: 100%;
width: 100%;
display: block;
position: relative;
}
.taxonoomy-wide-grid-element a.slg-gallery-img-single,
.taxonoomy-wide-grid-element a.slg-gallery-img {
height: 100%;
width: 100%;
display: block;
position: relative;
}
.taxonoomy-wide-grid-element {
border-radius: 0;
}
.taxonoomy-wide-grid-element h4 {
position: absolute;
left: 25px;
bottom: 15px;
color: #fff;
font-size: 14px;
background: #11111170;
padding: 6px 14px;
line-height: 18px;
display: inline-block;
z-index: 111;
border-radius: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 50px);
}
@media (max-width: 1024px) {
.taxonoomy-wide-grid-element h4 {
font-size: 12px;
padding: 4px 12px;
}
}
@media (max-width: 600px) {
.taxonoomy-wide-grid-element h4 {
max-width: 120px;
}
}
.taxonoomy-wide-grid-element img {
height: 100% !important;
width: 100%;
object-fit: cover;
border-radius: 10px !important;
}
.taxonoomy-wide-grid-element a.slg-gallery-cover:before {
height: 100%;
width: 100%;
background: #000;
display: block;
content: "";
position: absolute;
z-index: 1;
bottom: 0;
opacity: 0;
transition: 0.4s;
cursor: zoom-in;
width: calc(100% - 20px);
height: calc(100% - 20px);
bottom: 10px;
border-radius: 10px;
cursor: pointer;
}
.taxonoomy-wide-grid-element a.slg-gallery-cover:hover:before {
opacity: 0.2;
}
.taxonoomy-wide-grid-element .slg-grid-inner {
position: relative;
}
.taxonoomy-wide-grid-element .slg-half a {
padding: 10px;
}
.taxonoomy-wide-grid-element .slg-half .slg-grid-inner a {
padding: 10px;
}
.taxonoomy-wide-grid-element .slg-half,
.taxonoomy-wide-grid-element .slg-grid-inner,
.taxonoomy-wide-grid-element .slg-grid-top,
.taxonoomy-wide-grid-element .slg-grid-bottom {
margin: 0;
}
.fullgrid-slick-carousel .slick-slide {
margin: 0;
opacity: 1;
pointer-events: all;
}
@media (min-width: 1000px) {
.fullgrid-slick-carousel .slick-track {
margin-left: 13%;
}
}
.reviews-slick-carousel,
.fullgrid-slick-carousel {
display: flex;
}
.reviews-slick-carousel.slick-initialized,
.fullgrid-slick-carousel.slick-initialized {
display: block;
}
.taxonoomy-wide-grid-element {
display: flex;
width: 100%;
height: 40vh;
min-height: 300px;
max-height: 600px;
border-radius: 8px;
overflow: hidden;
margin: 0 0 20px 0;
position: relative;
}
@media (max-width: 1600px) {
.taxonoomy-wide-grid-element {
height: 35vh;
}
}
@media (max-width: 1300px) {
.taxonoomy-wide-grid-element {
height: 30vh;
}
}
@media (max-width: 1100px) {
.taxonoomy-wide-grid-element {
height: 25vh;
}
}
@media (max-width: 1050px) {
.taxonoomy-wide-grid-element {
height: 400px;
min-height: 400px;
}
}
@media (max-width: 768px) {
.taxonoomy-wide-grid-element {
height: 300px;
min-height: 300px;
}
.taxonoomy-wide-grid-element {
margin-bottom: 50px;
}
}
@media (max-width: 500px) {
.taxonoomy-wide-grid-element {
height: 200px;
min-height: 200px;
}
} .trusted-by-container {
display: flex;
max-width: 100%;
flex-wrap: wrap;
}
.trusted-by-logo {
background: #fff;
flex: 0 0 calc(25% - 40px);
display: flex;
justify-content: center;
align-content: center;
margin: 0 20px;
flex-wrap: wrap;
border-radius: 5px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
padding: 20px;
}
.trusted-by-logo img {
width: 120px;
height: auto !important;
}
@media(max-width: 1200px) {
.trusted-by-container {
padding: 0 10px;
}
.trusted-by-logo img {
width: 100px;
}
.trusted-by-logo {
flex: 0 0 calc(25% - 20px);
margin: 0 10px;
}
}
@media(max-width: 768px) {
.trusted-by-container {
padding: 0 10px;
}
.trusted-by-logo img {
width: 100px;
}
.trusted-by-logo {
flex: 0 0 calc(50% - 20px);
margin: 10px;
min-height: 100px;
}
} .taxonomy-boxes-wrapper {
display: flex;
flex-wrap: wrap;
width: calc(100% + 30px);
margin-left: -15px;
}
.taxonomy-box-wrapper {
flex: 0 0 calc(25% - 0px);
display: flex;
align-content: flex-start;
flex-wrap: wrap;
border-radius: 5px;
padding: 15px;
cursor: pointer;
}
.taxonomy-box-bottom {
height: 140px;
width: 100%;
object-fit: cover;
border-radius: 5px;
overflow: hidden;
}
.taxonomy-box-bottom img {
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: 50%;
transition: 0.4s;
}
.taxonomy-box-wrapper:hover .taxonomy-box-bottom img {
transform: scale(1.07);
}
.taxonomy-box-top {
position: relative;
width: 100%;
}
.taxonomy-box-left;
{
flex: 1;
}
.taxonomy-box-right {
position: absolute;
right: 0;
top: 12px;
border: 1px solid #e0e0e0;
border-radius: 5px;
height: 44px;
width: 44px;
display: block;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.taxonomy-box-wrapper .taxonomy-box-right path {
fill: #333;
transition: 0.2s;
}
.taxonomy-box-wrapper:hover .taxonomy-box-right {
border-color: #f91942;
background: #f9194210;
}
.taxonomy-box-wrapper:hover .taxonomy-box-right path {
fill: #f91942
}
.elementor-widget-listeo-text-typed h1 {
margin: 0;
}
.taxonomy-box-left h4 {
font-size: 20px;
}
.taxonomy-box-content {
color: #999;
display: block;
margin-bottom: 18px;
margin-top: -7px;
}
.taxonomy-box-content i {
margin: 0;
margin-right: 4px;
padding: 0;
position: relative;
top: 3px;
}
.taxonomy-box-content i svg {
max-height: 18px;
}
.taxonomy-box-content svg g,
.taxonomy-box-content svg circle,
.taxonomy-box-content svg rect,
.taxonomy-box-content svg path {
fill: #999 !important;
}
@media (max-width: 1024px) {
.taxonomy-box-wrapper {
flex: 0 0 calc(50% - 0px);
}
}
@media (max-width: 480px) {
.taxonomy-box-wrapper {
flex: 0 0 100%;
}
} .icon-box-color-icon {
display: block;
border: 1px solid #ddd;
border-radius: 5px;
padding: 29px;
transition: 0.3s;
}
.icon-box-color-icon:hover {
transform: translateY(-4px);
}
.ibc-ico {
max-width: 55px;
width: 55px;
height: 55px;
display: inline-block;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: nowrap;
}
.ibc-ico i {
display: flex;
}
.ibc-ico i svg {
max-width: 25px;
height: 25px;
}
.icon-box-color-icon p {
margin: 0;
padding: 0;
font-size: 16px;
margin-top: 10px;
}
.icon-box-color-icon h3 {
margin: 22px 0 0 0;
padding: 0;
font-size: 18px;
font-weight: 600;
} .rating-box-wrapper {
background-color: #fff;
margin: 13px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 28px;
display: flex;
flex-direction: column;
justify-content: center;
}
.rating-box-wrapper .star-rating {
display: block;
width: 100%;
height: 40px !important;
}
.rating-box-wrapper p {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 500;
line-height: 24px;
margin-bottom: 5px;
}
.rating-box-footer {
display: flex;
width: 100%;
align-items: center;
}
.rating-box-footer img {
height: 50px;
width: 50px;
object-fit: cover;
border-radius: 100px;
overflow: hidden;
}
.rating-box-footer img {
height: 44px !important;
width: 44px;
object-fit: cover;
border-radius: 100px !important;
overflow: hidden;
margin-right: 10px;
min-width: 44px;
}
.rating-box-footer span {
font-weight: 500;
color: #888;
font-size: 15px;
line-height: 20px !important;
display: block;
margin-bottom: 3px;
}
.rating-box-footer h5 a,
.rating-box-footer h5 {
font-weight: 600;
color: #333;
font-size: 15px;
margin: 0;
line-height: 20px;
transition: 0.2s;
}
.reviews-carousel-element {
margin-bottom: 30px;
} .reviews-carousel-element {
flex-direction: column;
display: flex;
width: 100%;
}
.rating-box-wrapper {
flex-grow: 1;
}
.reviews-slick-carousel.slick-slider .slick-track,
.reviews-slick-carousel.slick-slider .slick-list,
.reviews-slick-carousel .fw-carousel-item,
.reviews-slick-carousel .slick-track {
display: flex;
} .rating-filter {
position: relative;
display: flex;
width: 100%;
margin: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.panel-dropdown .rating-filter {
width: 100%;
margin: 0;
}
.rating-filter__field {
position: relative;
display: inline-block;
overflow: hidden;
cursor: pointer;
margin: 0;
margin-right: -1px;
flex: 1; }
body .rating-filter__input {
position: absolute;
appearance: none;
opacity: 0;
height: 0;
width: 0;
border: none;
padding: 0;
margin: 0;
visibility: hidden;
}
.rating-filter__input:checked+.rating-filter__text {
background-color: #fcb0131a;
color: #fcb013;
border-color: #ffbf3b;
}
.rating-filter__input+.rating-filter__text:after {
content: "";
position: absolute;
right: -1px;
top: 0;
height: 100%;
background: #ffbf3b;
width: 1px;
z-index: 1;
opacity: 0;
}
.rating-filter__input:checked+.rating-filter__text:after {
opacity: 1;
}
.rating-filter__text {
display: inline-block;
padding: 10px 0px;
font-weight: 500;
font-size: 14px;
line-height: 150%;
color: #888;
user-select: none;
border: 1px solid #D7DADD;
position: relative;
transition: 0.3s; flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
}
.rating-filter__text:hover {
background: #f6f6f6;
}
.rating-filter__field:first-child .rating-filter__text {
border-radius: 4px 0 0 4px;
}
.rating-filter__field:last-child .rating-filter__text {
border-radius: 0 4px 4px 0;
}
.rating-filter__field:last-child .rating-filter__text:after {
opacity: 0;
}
.rating-filter__text i {
font-size: 11px;
margin-right: 3px;
top: 1px;
position: relative;
}
.add-listing-section .select2-container--default {
margin-bottom: 15px;
}
.dokan-bank-settings-template .dokan-w10 {
width: 100%;
}
.dokan-dashboard .dokan-dashboard-content article.dokan-settings-area #payment-form .payment-field-bank>div.dokan-form-group>div {
box-shadow: none !Important;
padding: 0 !Important;
margin: 0;
}
.dokan-dashboard .dokan-dashboard-content article.dokan-settings-area #payment-form .payment-field-bank>div.dokan-form-group>div .bottom-actions {
border-top: none !important;
background: transparent !important;
}
.elementor-element[data-widget_type="listeo-homebanner-boxed.default"] .search-banner-placeholder {
background: transparent !important;
}  .new-pricing-packages-container {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
.pricing-package {
border-radius: 6px;
background-color: #fff;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
margin-right: 30px;
margin-bottom: 30px;
display: flex;
flex-direction: column;
border: 1px solid #d8d8d8;
}
@media (min-width: 420px) {
.new-pricing-packages-container {
width: calc(100% + 30px);
}
.pricing-package {
min-width: 330px;
}
}
@media (max-width: 420px) {
.pricing-package {
min-width: 100%;
}
.new-pricing-packages-container {
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
}
.pricing-package-header {
background: #f6f6f6;
display: flex;
padding: 25px 30px;
border-radius: 6px 6px 0 0;
align-items: center;
}
.pricing-package-header span {
background: #fff;
border-radius: 100px;
font-size: 14px;
font-weight: 600;
padding: 7px 14px;
margin: -10px 0;
display: inline-block;
line-height: 18px;
background-color: #fff;
}
.pricing-package-header h4 {
margin: 0;
flex: 1;
font-weight: 600;
font-size: 22px;
color: #222;
}
.pricing-package-text {
font-size: 16px;
line-height: 25px;
margin: 25px 30px;
margin-bottom: 0;
color: #777;
font-weight: 400;
}
.pricing-package-price {
padding: 20px 30px 5px 30px;
color: #222;
}
.pricing-package-price strong {
display: block;
font-size: 32px;
font-weight: 600;
line-height: 50px;
margin-bottom: 10px;
text-align: center;
padding: 10px;
background-color: #f6f6f6;
border-radius: 6px;
}
.pricing-package-price input.pricing-package-btn {
width: 100%;
padding: 0px;
height: 45px;
line-height: 45px;
background-color: #222;
}
.pricing-package-price input.pricing-package-btn:hover {
background-color: #333;
}
.pricing-package-details {
padding: 10px 30px 25px 30px;
}
.pricing-package-details h6 {
font-weight: 500;
color: #222;
font-size: 15px;
margin: 0 0 20px 0;
}
.pricing-package-details ul {
padding: 0;
margin: 0;
list-style: none;
color: #777;
font-size: 15px;
line-height: 22px;
}
.pricing-package-details li {
padding-bottom: 9px;
display: flex;
align-items: center;
}
.pricing-package-details li svg {
max-width: 24px;
width: 24px;
height: 24px;
margin-right: 8px;
min-width: 24px;
}
.buy-package-headline {
font-size: 22px;
font-weight: 500;
margin: 0 0 30px 0;
}
.pricing-package-select {
padding: 0 30px 30px 30px;
margin-top: auto;
}
.pricing-package-price del {
font-weight: 400;
color: #777;
}
.pricing-package-price ins {
text-decoration: none;
}
.pricing-package label {
border-radius: 100px;
padding: 12px 16px;
width: 100%;
cursor: pointer;
transition: 0.4s;
background: #fff;
border: 2px solid #dbdbdb;
text-align: center;
margin: 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
} .pricing-package [type="radio"]:checked,
.pricing-package [type="radio"]:not(:checked) {
position: absolute;
visibility: hidden;
opacity: 0;
pointer-events: none;
height: 0;
margin: 0;
padding: 0;
display: none;
}
.pricing-package [type="radio"]:checked+label,
.pricing-package [type="radio"]:not(:checked)+label {
position: relative;
cursor: pointer;
line-height: 20px;
display: inline-block;
transition: 0.4s;
}
.pricing-package [type="radio"]+label .plan-checked,
.pricing-package [type="radio"]:checked+label .plan-unchecked {
opacity: 0;
}
.pricing-package [type="radio"]+label:hover i,
.pricing-package [type="radio"]:checked+label i,
.pricing-package [type="radio"]:checked+label .plan-checked {
display: inline-block;
}
.pricing-package [type="radio"]+label .plan-checked {
transform: translateY(calc(-50% - 8px));
transition: 0.4s;
display: inline-block;
position: absolute;
top: 50%;
left: 0;
right: 0;
color: #fff;
}
span.subscription-details {
display: block;
font-size: 16px;
line-height: 20px;
margin: -5px 0 10px 0;
color: #777;
font-weight: 500;
}
.pricing-package [type="radio"]+label .plan-checked i {
color: #fff;
}
.pricing-package [type="radio"]:checked+label .plan-checked {
transform: translateY(calc(-50% + 0px));
opacity: 1;
}
.pricing-package [type="radio"]:checked+label {
background: #222;
border-color: #222;
color: #fff
}
.pricing-package [type="radio"]+label span {
font-weight: 600;
color: #222;
}
.pricing-package [type="radio"]:checked+label span {
color: #fff
}
.pricing-package [type="radio"]+label i {
display: inline-block;
opacity: 0;
transition: 0.3s;
transform: scale(0.7);
color: #333;
}
.pricing-package [type="radio"]+label:hover i,
.pricing-package [type="radio"]:checked+label:hover i,
.pricing-package [type="radio"]:checked+label i {
opacity: 1;
transform: scale(1);
}
.best-value-plan.pricing-package [type="radio"]:checked+label:hover i,
.best-value-plan.pricing-package [type="radio"]:checked+label span {
color: #fff;
}
.pricing-package-select a.button {
width: 100%;
text-align: center;
} .owned-packages {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-top: -10px;
margin-bottom: 30px;
}
.owned-packages label {
display: flex;
cursor: pointer;
font-weight: 500;
position: relative;
margin-bottom: 15px;
}
.owned-packages label input {
position: absolute;
left: -9999px;
visibility: hidden;
opacity: 0;
}
.owned-packages label input+span i {
background: #e6e6e6;
height: 26px;
width: 26px;
min-width: 26px;
display: inline-block;
line-height: 26px;
text-align: center;
border-radius: 55px;
margin-right: 15px;
color: #444;
}
.owned-packages label input+span strong {
color: #333;
font-weight: 600;
}
.owned-packages label input+span i:before {
opacity: 0;
transform: scale(0.8);
transition: 0.25s;
display: inline-block;
font-size: 12px;
}
.owned-packages label input+span:hover i:before,
.owned-packages label input:checked+span i:before {
opacity: 1;
transform: scale(1);
}
.owned-packages label span {
display: flex;
align-items: center;
padding: 13px 15px;
border-radius: 99px;
transition: 0.3s ease;
border: 2px solid #e0e0e0;
border-radius: 6px;
width: 100%;
background: #fff;
border: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
.owned-package-desc {
line-height: 22px;
font-size: 15px;
color: #777;
display: block;
margin-top: -5px;
margin-bottom: 2px;
}
.owned-packages label span .claim-package-name span.subscription-details,
.owned-packages label span .claim-package-name span {
display: inline;
box-shadow: none;
padding: inherit;
font-size: 14px
}
.claim-package-details {
position: absolute;
top: calc(100% + 0px);
left: 0;
width: 100%;
z-index: 20;
background: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
padding: 15px;
border-radius: 4px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
pointer-events: none;
color: #888;
}
.owned-packages label input:hover+span .claim-package-details {
opacity: 1;
visibility: visible;
}
.claim-package-details ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.claim-package-details ul svg { max-height: 15px;
width: auto;
top: 1px;
margin-right: 3px;
position: relative;
} .best-value-plan {
border: 1px solid #f91942;
}
.best-value-plan .pricing-package-header {
background-color: #f9194210;
}
.best-value-plan .pricing-package-header span {
color: #f91942;
}
.best-value-plan .pricing-package-header h4 {
color: #f91942;
}
.pricing-package-details ul li svg circle {
fill: #f9194210;
}
.pricing-package-details ul li svg path {
stroke: #f91942;
}
.pricing-package [type="radio"]:checked+label {
border-color: #f91942;
background-color: #f91942;
}
.owned-packages label input:checked+span i:before {
color: #f91942;
}
.owned-packages label input:checked+span i {
background-color: #f9194215;
} #listeo_otp-inputs {
display: flex;
margin: 12px 0 7px -5px;
}
#listeo_otp-inputs input {
margin: 5px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
background: #fff;
text-align: center;
font-size: 20px;
color: #888;
font-weight: 500;
border-radius: 5px;
}
#listeo_otp-inputs input:focus {
border-color: #f91942;
}
.otp_registration {
padding: 15px 25px 25px 25px;
background: #f8f8f8;
border-radius: 6px;
margin-top: 30px;
}
.otp-countdown {
background: #ebebeb;
padding: 5px 7px;
border-radius: 4px;
margin: 0 3px 0 2px;
display: inline;
color: #888;
line-height: 20px;
font-size: 15px;
font-weight: 500;
height: 26px;
min-width: 40px;
text-align: center;
}
.otp_registration p {
line-height: 26px;
color: #777;
font-size: 15px;
}
.otp_registration h4:before {
content: "\e08e";
font-family: 'simple-line-icons' !important;
font-size: 18px;
padding-right: 5px;
position: relative;
}
#otp_submit {
text-align: center;
}
@media (min-width: 992px) {
.category-box-content {
padding-right: 120px;
}
}
.woocommerce-checkout.processing .blockUI.blockOverlay {
background-image: url(//aperaf.com/images/loader.gif) !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
position: fixed !important;
}
@media (max-width: 767px) {
.page-template-template-dashboard .comment-by h5,
.page-template-template-dashboard .comment-by span {
padding-left: 0px;
}
.page-template-template-dashboard .comment-by {
padding-left: 50px;
}
}
tfoot .product-total {
padding-top: 0 !important;
}
thead .product-quantity {
padding-top: 15px !important;
}
.panel-dropdown .panel-dropdown-content {
max-height: 500px;
}
.elementor-element.e-parent {
overflow: visible;
}
@media (min-width: 992px) {
.hws-container .main-search-input .search-input-icon i {
box-shadow: 0 0 0 10px #f2f2f2;
}
}
@media (max-width: 992px) {
.hws-container .col-md-12 {
padding: 0;
}
}
.page-template-template-dashboard .select2-container--open .select2-dropdown--above {
margin-top: 2px;
}
.hws-wrapper .button.border {
display: none;
}
#claim-dialog .success {
display: none;
}
#claim-listing-form .owned-packages {
margin-bottom: 30px;
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 15px;
width: calc(100% - 15px);
margin-top: 15px;
}
#claim-listing-form .owned-packages label span {
border-radius: 6px;
width: 100%;
background: #f5f5f5;
border: none;
box-shadow: none;
}
#claim-listing-form .owned-packages label {
display: grid;
cursor: pointer;
font-weight: 500;
position: relative;
margin-bottom: 0;
}
.claim-info {
background-color: rgb(25 180 83 / 11%);
border: none;
border-radius: 4px;
color: #0ea948;
padding: 17px 22px;
font-size: 15px;
font-weight: 500;
position: relative;
transition: 0.3s;
display: block;
margin-bottom: 30px;
line-height: 24px;
}
.claim-info h4 {
color: #0ea948;
font-weight: 600;
font-size: 17px;
margin: 5px 0 7px 0;
}
#claim-listing-form .button {
border-radius: 50px;
}
#claim-listing-form .notification {
margin-bottom: 0;
}
.claim-package-details li svg {
position: absolute;
top: 2px;
left: 0;
}
.claim-package-details li {
padding-left: 22px;
position: relative;
line-height: 22px;
margin: 5px 0;
}
div[data-elementor-type="wp-page"] {
overflow: hidden;
}
@media (max-width: 1024px) {
body .select2-container--open .select2-dropdown--below {
margin-top: 50px !important;
}
}
@media (max-width: 992px) {
#wrapper {
overflow-x: hidden;
}
}
@media (max-width: 768px) {
.daterangepicker.calendar-visible {
width: calc(100vw - 65px);
margin-left: 25px;
left: 0px !important;
}
} .campaign-form-field {
min-height: 110px;
}
.budget-range-output {
background: #dcf1e1;
display: inline-block;
padding: 5px 10px;
color: #2aac46;
border-radius: 5px;
} #ad-price-summary {
display: block;
background: #edfaec;
border-radius: 5px;
padding: 10px 20px;
margin: 15px;
margin-bottom: 10px;
}
#ad-price-summary ul {
list-style: none;
padding: 0;
}
#ad-price-summary h4,
#ad-price-summary strong,
#ad-price-summary {
color: #30a557;
}
#ad-price-summary h4 {
margin-bottom: 7px;
font-size: 16px;
font-weight: 600;
}
.placement-grid {
margin: 20px 20px 0 20px;
display: flex;
gap: 20px;
}
@media (max-width: 768px) {
.placement-grid {
flex-direction: column;
}
}
.card {
--background: #fff;
--background-checkbox: #f91942;
--background-image: #fff, rgba(0, 107, 175, 0.2);
--text-color: #666;
--text-headline: #000;
--card-shadow: #f91942;
--card-height: 220px;
flex: 1;
--card-width: auto;
--card-radius: 6px;
--header-height: 90px;
--blend-mode: overlay;
--transition: 0.15s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.card__input {
width: 0;
position: absolute;
display: block;
outline: none;
border: none;
background: none;
padding: 0;
margin: 0;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
.card__input:checked~.card__body {
--shadow: 0 0 0 2px var(--card-shadow);
}
.card__input:checked~.card__body .card__body-cover-checkbox {
--check-bg: var(--background-checkbox);
--check-border: #fff;
--check-scale: 1;
--check-opacity: 1;
}
.card__input:checked~.card__body .card__body-cover-checkbox--svg {
--stroke-color: #fff;
--stroke-dashoffset: 0;
}
.card__input:checked~.card__body .card__body-cover:after {
--opacity-bg: 0;
}
.card__input:disabled~.card__body {
cursor: not-allowed;
}
.card__input:disabled~.card__body:active {
--scale: 1;
}
.card__body {
padding: 10px 0;
display: flex;
flex-direction: column; height: var(--card-height);
width: var(--card-width);
border-radius: var(--card-radius); position: relative;
cursor: pointer;
box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02));
transition: transform var(--transition), box-shadow var(--transition);
transform: scale(var(--scale, 1)) translateZ(0);
--shadow: 0 0 0 2px #eaeaea;
}
.card__body:hover {
--shadow: 0 0 0 2px #ddd;
}
.card__body:active {
--scale: 0.96;
}
.card__body-cover {
--c-border: var(--card-radius) var(--card-radius) 0 0;
--c-width: 100%;
--c-height: 100%;
position: relative;
overflow: hidden;
padding: 20px;
} .card__body-cover-image {
width: var(--c-width);
height: var(--c-height);
-o-object-fit: contain;
object-fit: contain;
}
.card__body-cover-checkbox {
background: var(--check-bg, var(--background-checkbox));
border: 2px solid var(--check-border, #fff);
position: absolute;
right: 10px;
top: 0px;
z-index: 1;
width: 28px;
height: 28px;
border-radius: 50%;
opacity: var(--check-opacity, 0);
transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear;
transform: scale(var(--check-scale, 0));
}
.card__body-cover-checkbox--svg {
width: 13px;
height: 11px;
display: inline-block;
vertical-align: top;
fill: none;
margin: 7px 0 0 6px;
stroke: var(--stroke-color, #fff);
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 16px;
stroke-dashoffset: var(--stroke-dashoffset, 16px);
transition: stroke-dashoffset 0.4s ease var(--transition);
}
.card__body-header {
height: var(--header-height);
background: transparent;
padding: 0 10px 10px 10px;
}
.card__body-header-title {
color: var(--text-headline);
font-weight: 700;
margin-bottom: 8px;
font-size: 16px;
margin: 0;
text-align: center;
}
.card__body-header-subtitle {
color: var(--text-color);
font-weight: 500;
font-size: 15px;
text-align: center;
margin: 0;
}
.placement-grid .card {
position: relative;
}
.placement-grid .card .tip { background: #ccc;
}
.card {
position: relative: z-index: 1;
}
.card:hover {
position: relative;
z-index: 2;
}
.pricing-list-container {
p:empty {
display: none;
}
}
.review-images a img,
.pricing-list-container ul li img {
height: auto;
}
@media (max-width: 768px) {
.pricing-list-container ul li {
padding-right: 20px;
}
}
@media (max-width: 420px) {
#footer ul.menu {
width: 100%;
}
#titlebar.listing-titlebar {
display: flex;
flex-direction: column;
gap: 20px;
}
}
body.user_not_logged_in.page-template-template-dashboard #header.cloned,
body.user_not_logged_in.light-dashboard.page-template-template-dashboard #header-container #header:after {
display: none;
}
.list-box-listing-content .inner span.listeo-ad-status {
border-radius: 50px;
line-height: 20px;
font-weight: 600;
font-size: 12px;
color: #fff;
font-style: normal;
padding: 2px 8px;
margin-left: 3px;
position: relative;
top: -2px;
}
.listeo-ad-status.pending,
.listeo-ad-status.waiting {
background-color: #61b2db;
}
.listeo-ad-status.paused {
background-color: #61b2db;
}
.listeo-ad-status.active {
background-color: #64bc36;
}
.listeo-ad-status.expired {
background-color: #ee3535;
}
.listeo-ad-status.completed {
background-color: #ee3535;
}
@media (min-width: 1024px) {
.dashboard-nav-inner {
padding-bottom: 50px !important;
}
}
body .listeo-ad-badge:after {
display: none;
}
body .listeo-ad-badge {
display: inline-block;
color: #ffffff;
background: #ffc100 !important;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
line-height: 18px;
padding: 2px 7px;
position: relative;
top: -2px;
margin-right: 6px;
cursor: help;
}
body .list-layout .listeo-ad-badge {
margin-right: 0px;
} .listing-item-content h3 { }
body .listeo-ad-badge {
position: relative;
padding: 5px 12px;
line-height: 15px;
top: -7px;
}
body .list-layout .listeo-ad-badge {
top: 0;
margin-bottom: 5px;
}
.listeo-ad-badge .tip-content {
right: initial;
top: 34px;
padding: 5px;
}
#listeo-listings-container[data-style="compact"] .listeo-ad-badge {
margin-right: 0;
}
.listeo-ad-badge .tip-content {
left: -2px;
right: initial;
transform: translate(0, calc(-100%));
padding: 5px;
border-radius: 50px;
}
.listeo-ad-badge:hover .tip-content {
transform: translate(0, calc(-100% - 9px));
}
.listeo-ad-badge .tip-content:after {
left: 14px;
}
.listeo-ad-badge .tip-content:after {
left: 10px;
overflow: hidden;
font-size: 20px;
top: 100%;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #333;
content: "";
bottom: initial;
transform: translate(0px, -40%);
display: none;
}
.slider-controls button.slide-m-next,
.slider-controls button.slide-m-prev {
background-color: transparent;
}
.page-template-template-dashboard .ui-menu {
background: #fff;
border: 1px solid #ddd;
border-top: 0px;
}
@media (max-width: 420px) {
.right-side {
zoom: 0.9
}
.listing-share #bookmarks-counter,
.bookmark-btn-title {
display: inline-block;
width: auto;
padding-left: 25px;
}
#titlebar.listing-titlebar {
align-items: baseline;
}
.listeo-grid-gallery-title .listing-share button {
padding: 10px 20px;
;
height: auto;
width: 100%;
text-align: center;
}
.listeo-grid-gallery-title .listing-share button .like-icon {
margin: 0;
width: auto;
}
}
.qtyInc,
.qtyDec {
-webkit-text-stroke: 0;
color: #777;
}
.single-service .qtyInc,
.single-service .qtyDec {
-webkit-text-stroke: 0 !important;
}
.mfp-image-holder button.mfp-close:before {
color: #fff;
transform: none;
margin-top: 10px;
}
.rating-bars-name .tip:after,
.sub-rating-title .tip:after {
color: #888;
}
.qr-code-scan-btn {
display: inline-flex;
flex-direction: column;
border: 2px solid #e0e0e0;
border-radius: 5px;
padding: 30px;
justify-content: center;
align-items: center;
width: auto;
transition: 0.3s;
background: #fff;
}
.qr-code-scan-btn img {
width: 150px;
}
.qr-code-scan-btn span {
text-align: center;
line-height: 22px;
margin-top: 25px;
color: #333;
font-weight: 600;
font-size: 15px;
background: #f0f0f0;
border-radius: 5px;
padding: 10px 15px;
transition: 0.3s;
}
.qr-code-scan-btn:hover span {
background: #e7e7e7;
}
@media(max-width: 992px) {
.qr-code-scan-btn {
display: flex;
background: #fff;
padding: 30px 20px;
}
}
.listeo-user-booking-action-buttons {
display: flex;
align-items: baseline;
margin-top: 20px;
}
.listeo-user-booking-action-buttons a.button,
.listeo-user-booking-action-buttons a.booking-message {
margin-top: 0;
margin-right: 12px;
padding: 7px 18px;
line-height: 20px;
}
@media (max-width: 768px) {
.listeo-user-booking-action-buttons {
flex-direction: column;
}
.listeo-user-booking-action-buttons a {
margin-bottom: 10px;
}
}
.ticket-verification-container .listing-added-notice {
box-shadow: none;
border: 2px solid #e0e0e0;
margin-bottom: 20px;
}
.listing-added-notice.listeo-valid-ticket .booking-confirmation-page i {
color: #23b35f
}
.listing-added-notice.listeo-used-ticket .booking-confirmation-page i {
color: #efe464
}
.listing-added-notice.listeo-error-ticket .booking-confirmation-page i {
color: #de5959
}
#mark-paid-btn i.fas.fa-spinner.fa-spin {
display: none;
padding: 0px;
font-size: 15px;
color: #fff;
}
#mark-paid-btn.loading i.fas.fa-spinner.fa-spin {
display: inline-block;
}
.widget_listing_owner a.send-message-to-owner.button {
padding: 10px;
display: block;
text-align: center;
font-size: 14px;
margin-top: 15px;
font-weight: 600;
line-height: 24px;
display: inline-block;
width: 100%;
}
.widget_listing_owner a.send-message-to-owner.button .fa-whatsapp {
font-size: 18px;
position: relative;
top: 1px;
}
.widget_listing_owner a.send-message-to-owner.button.button.whatsapp-profile {
padding: 9px;
border: 1px solid #5bd588;
color: #0db24a;
background: #e0ffeb;
transition: 0.3s;
margin-top: 8px !important;
}
.widget_listing_owner a.send-message-to-owner.button.button.whatsapp-profile:hover {
background: #cffade;
}
#submit-listing-form div[class^="col-md-"] {
min-height: 105px;
}
#submit-listing-form div.col-md-12 {
min-height: 0 !important;
}
.form-field-_mandatory_fees-container table {
width: 100%;
}
.rating-validation-error {
padding: 15px;
border: 1px solid #e81123;
border-radius: 4px;
margin-bottom: 15px;
background-color: rgba(232, 17, 35, 0.02);
}
.rating-error-message {
font-size: 13px;
margin-top: 5px;
color: #e81123;
display: none;
} .sub-rating-title::after {
content: " *";
color: #e81123;
} .leave-rating input[type="radio"]:focus+label {
outline: 2px solid #007bff;
outline-offset: 2px;
}
.listeo-single-listing-sidebar.sticky-sidebar-enabled {
position: sticky;
top: 0;
height: 100vh;
margin-bottom: 0px;
padding-top: 90px;
margin-top: -90px;
scrollbar-width: none;
}
.listeo-single-listing-sidebar.overflow-enabled.sticky-sidebar-enabled {
overflow-y: auto;
}
.drilldown-menu {
position: relative;
display: inline-block;
} .drilldown-menu .menu-toggle {
background: transparent;
border: none;
padding: 10px 15px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
transition: all 0.2s ease;
position: relative;
text-align: left;
}
.drilldown-menu .menu-toggle:before {
content: "\f078";
font-family: "Font Awesome 5 Free";
transition: 0.2s;
font-weight: 900;
color: #b0b0b0;
display: inline-block;
font-size: 12px;
right: 20px;
position: absolute;
}
.dd-chosen.menu-toggle:before {
opacity: 0;
}
.drilldown-menu .menu-toggle.dd-active:before {
transform: rotate(180deg);
}
.drilldown-menu .menu-toggle:hover {}
.drilldown-menu .menu-toggle mark {
background: transparent;
}
.col-fs-12 .drilldown-menu,
.col-fs-6 .drilldown-menu {
width: 100%;
} .drilldown-menu .menu-toggle .reset-button {
color: #ff4d4d;
cursor: pointer;
font-weight: 500;
position: absolute;
font-size: 24px;
line-height: 22px;
top: 50%;
transform: translateY(-50%);
right: 20px;
width: 20px;
padding: 0;
margin: -1px 0 0 0;
text-align: right;
} .drilldown-menu .menu-panel {
position: absolute;
top: calc(100% + 6px);
left: 0;
width: 300px;
overflow: hidden;
z-index: 1000;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.2s;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
} .drilldown-menu .menu-panel.open {
opacity: 1;
visibility: visible;
pointer-events: all;
} .drilldown-menu .menu-levels {
display: flex;
align-items: flex-start;
transition: transform 0.3s ease;
transform: translateX(0%);
} .drilldown-menu .menu-level {
flex: 0 0 100%;
box-sizing: border-box;
padding: 12px;
} .drilldown-menu .menu-level .back-button {
border: none;
cursor: pointer;
padding: 7px 10px;
display: flex;
align-items: center;
width: 100%;
background: #f4f4f4;
color: #555;
border-radius: 4px;
margin: 0 0 5px 0;
line-height: 20px;
font-weight: 500;
font-size: 15px;
padding-left: 5px;
line-height: 22px;
}
.drilldown-menu .back-button::before {
opacity: 0.4;
transition: 200ms;
font-size: 12px;
width: 16px;
height: 16px;
display: inline;
font-family: "Font Awesome 5 Free";
content: "\f061";
font-weight: 900;
color: #222;
transform: scaleX(-1);
padding-right: 20px;
margin-right: 5px;
margin-top: -5px;
}
.drilldown-menu .back-button:hover::before {
opacity: 1;
} .drilldown-menu input.menu-search {
width: 100%;
margin-bottom: 8px;
font-size: 14px;
box-sizing: border-box;
outline: none;
transition: all 0.2s ease;
border: none;
outline: none;
font-size: 14px !important;
background: transparent;
padding: 10px 12px;
height: auto;
line-height: 16px;
width: 100%;
background: #f4f4f4;
border-radius: 4px;
box-shadow: none !important;
margin: 0 0 5px 0 !important;
outline: none;
}
.drilldown-menu .menu-search:focus {
border-color: #007bff;
box-shadow: 0 0 4px rgba(0, 123, 255, 0.3);
} .drilldown-menu .menu-items {
max-height: 250px;
overflow-y: auto;
border-radius: 4px;
} .drilldown-menu .menu-items::-webkit-scrollbar {
width: 8px;
background-color: rgba(255, 255, 255, 0);
}
.drilldown-menu .menu-items::-webkit-scrollbar-track,
.drilldown-menu .menu-items::-webkit-scrollbar-thumb {
border-left: 1px solid rgba(255, 255, 255, 0);
border-right: 1px solid rgba(255, 255, 255, 0);
background-clip: padding-box;
border-radius: 20px;
}
.drilldown-menu .menu-items::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05);
}
.drilldown-menu .menu-items::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
} .drilldown-menu .menu-item {
padding: 8px 10px;
line-height: 18px;
cursor: pointer;
border: none;
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.2s ease;
border-radius: 4px;
color: #666;
font-size: 15px;
font-weight: 500;
}
.drilldown-menu .menu-item:hover {
background-color: #f2f2f2;
}
.drilldown-menu .menu-item .item-label mark {
background: #fff6af;
padding: 0;
;
}  .drilldown-menu .menu-item.selected:after {
content: "";
font-size: 12px;
width: 16px;
height: 16px;
display: inline;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 900;
text-align: right
}
.drilldown-menu .menu-toggle mark {
background: transparent;
color: inherit;
margin: 0;
padding: 0;
}   .drilldown-menu .menu-item .arrow:before {
opacity: 0.4;
transition: 200ms;
font-size: 12px;
width: 16px;
height: 16px;
display: inline;
font-family: "Font Awesome 5 Free";
content: "\f061";
font-weight: 900;
color: #222;
}
.drilldown-menu .menu-item:hover .arrow:before {
opacity: 1;
} .drilldown-menu .no-results {
padding: 10px 14px;
color: #999;
font-style: italic;
font-size: 14px;
text-align: center;
} .main-search-input .drilldown-menu,
.main-search-input .menu-toggle {
width: 100%;
}
.main-search-input .menu-toggle {
width: 100%;
}
.main-search-input .drilldown-menu .menu-panel {
top: calc(100% - 10px);
border: none; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08);
width: 100%;
}
@media (max-width: 992px) {
.main-search-input .menu-toggle {
width: 100%;
background: #fff;
border-radius: 4px;
padding-top: 12px;
padding-bottom: 12px;
}
.gray-style .bootstrap-select.btn-group button,
.gray-style .main-search-input .menu-toggle {
border: 1px solid #e0e0e0;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
}
.gray-style .main-search-input input {
height: 36px;
}
.gray-style .main-search-input .drilldown-menu .menu-panel {
margin-top: -2px;
}
.main-search-input .menu-toggle,
body .main-search-input .bootstrap-select.btn-group button {
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
}
}
.main-search-input .drilldown-menu .menu-label {
color: #808080;
}
.gray-style .main-search-input .drilldown-menu .menu-panel {
top: 100%;
border: 1px solid #e0e0e0;
} .add-listing-section .drilldown-menu,
.listeo-form-sidebar_search .menu-toggle .listeo-form-sidebar_search .menu-toggle,
.fs-content .row.with-forms .drilldown-menu .menu-toggle,
.listeo-form-sidebar_search .drilldown-menu {
width: 100%;
}
.listeo-form-sidebar_search .drilldown-menu .menu-panel {
top: calc(100% - 30px);
border-top: 1px solid transparent;
border-radius: 0 0 5px 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
width: 100%;
} .listeo-form-sidebar_search .col-md-12 {
padding: 0;
}
.listeo-form-sidebar_search .row {
padding: 0 10px;
}
.listeo-form-sidebar_search #listeo-search-form_search_radius,
.listeo-form-sidebar_search #listeo-search-form__price {
padding-left: 20px;
padding-right: 20px;
}
.listeo-form-sidebar_search .search-input-icon i {
right: 20px;
}
.listeo-form-sidebar_search .input-with-icon.location a i {
right: 6px;
} .listeo-form-search_on_half_map .drilldown-menu:not(.panel-wrapper .drilldown-menu) .menu-toggle,
.add-listing-section .drilldown-menu .menu-toggle,
.listeo-form-sidebar_search .drilldown-menu .menu-toggle {
position: relative;
height: 48px;
line-height: 47px;
padding: 0 20px;
margin: 0;
outline: none;
font-size: 15px;
color: #888;
max-width: 100%;
width: 100%;
box-sizing: border-box;
display: block;
font-weight: 500;
opacity: 1;
border-radius: 4px;
transition: 0.2s;
background-color: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
margin-bottom: 20px;
}
.listeo-form-search_on_half_map .drilldown-menu:not(.panel-wrapper .drilldown-menu) .menu-toggle {
margin-bottom: 0;
}
.add-listing-section .drilldown-menu .menu-panel {
width: 100%;
border-top: none;
top: calc(100% - 25px);
border-radius: 0 0 5px 5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
} .drilldown-menu-panel {
position: relative;
display: inline-block;
}
.panel-wrapper .drilldown-menu .menu-toggle {
color: #666;
font-weight: 600;
font-size: 15px;
border-radius: 50px;
padding: 4px 14px;
transition: all 0.3s;
display: inline-block;
padding-right: 32px;
}
.panel-wrapper .drilldown-menu .menu-toggle {
width: 100%;
}
.panel-wrapper .drilldown-menu .menu-toggle.dd-active,
.panel-wrapper .drilldown-menu .menu-toggle:hover {
background: #f3f3f3;
}
.panel-wrapper .drilldown-menu .menu-toggle:before {
right: 15px;
font-size: 10px;
color: #66676b;
padding-left: 0;
transition: all 0.3s;
display: inline-block;
}
.panel-wrapper .drilldown-menu .menu-toggle .reset-button {
text-align: center;
right: 8px;
border-radius: 50px;
transition: 0.2s;
}
.panel-wrapper .drilldown-menu .menu-toggle:hover .reset-button,
.panel-wrapper .drilldown-menu .menu-toggle.dd-active .reset-button {
background: #f3f3f3;
}
@media (max-width: 992px) {
.drilldown-menu-panel {
margin-top: 10px;
}
.panel-wrapper .drilldown-menu .menu-toggle {
display: inline-block;
background: #f3f3f3;
}
.drilldown-menu-panel,
.panel-wrapper .drilldown-menu {
position: unset;
}
.panel-wrapper .drilldown-menu .menu-panel.open {
width: calc(100% - 30px);
left: 15px;
margin-top: 20px;
}
}
.form-field-_faq_list-container #repeatable-list-container {
width: 100%;
}
.form-field-_faq_list-container #repeatable-list-container .repeatable-list-item td .fm-close a {
padding: 0 !important;
margin-top: 0;
margin-right: -5px;
margin-left: 0;
font-size: 16px;
background: #ff00001c;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
}
.label-_faq_list {
display: none;
}
.add-listing-section.booking .notification {
margin: 10px 20px !important;
display: block;
}
.booking.dynamic-features .notification {
margin: 10px 20px !important;
display: block;
}
.fa.fa-twitter-square:before {
content: "\e61b" !important;
}
.faq.dynamic-features,
.opening_hours.dynamic-features,
.menu.dynamic-features,
.store_section.dynamic-features,
.coupon_section.dynamic-features,
.my_listings_section.dynamic-features {
.switcher-content {
display: none;
}
&.switcher-on .switcher-content {
display: block;
}
&:not(.switcher-on) .add-listing-headline {
margin-bottom: 0;
border-bottom: none;
}
&:not(.switcher-on) {
padding-bottom: 0;
}
}
.quicktags-toolbar {
display: flex;
}
img.emoji {
max-width: 25px !important;
}
.copy-time-button {
background: #f0f0f0;
padding: 5px;
font-size: 13px;
border-radius: 4px;
font-weight: 500;
color: #666;
position: absolute;
top: 65px;
}
.add-listing-dashboard-template .flatpickr-input[readonly]::placeholder,
.add-listing-dashboard-template .flatpickr-input[readonly] {
appearance: none;
}
button.copy-time-button {
padding: 0px 8px;
font-size: 12px;
background-color: #f0f0f0;
border: 1px solid #ddd;
border-radius: 3px;
cursor: pointer;
display: inline-block;
border: none;
transition: 0.2s;
}
@media (min-width: 1700px) {
.flatpickr-calendar.noCalendar {
width: 359px !important;
}
}
.flatpickr-calendar.noCalendar input[type="time"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} @media (max-width: 768px) {
.slim-mobile-menu .user_not_logged_in .right-side {
margin: 0;
position: absolute;
}
.slim-mobile-menu .right-side {
margin-top: 0;
position: absolute;
right: 70px;
width: auto;
top: 50%;
transform: translateY(-50%);
padding: 0;
}
.slim-mobile-menu .header-widget {
border: none !important;
margin-top: 0;
padding: 0;   }
.slim-mobile-menu .user-menu {
height: 40px;
}
.slim-mobile-menu .header-widget .button.border,
.slim-mobile-menu .user-menu .user-name:after,
.slim-mobile-menu .header-widget .usrname {
display: none !important;
}
.slim-mobile-menu header.fullwidth.dashboard .container,
.slim-mobile-menu header.fullwidth .container {
padding: 0 20px;
}
.slim-mobile-menu .listeo-cart-container .listeo-mini-cart:before {
display: none;
}
.slim-mobile-menu .user-menu ul {
left: initial;
right: 0;
}
.slim-mobile-menu .mini-cart-button {
margin-right: -3px;
}
.slim-mobile-menu .listeo-cart-container .listeo-mini-cart {
zoom: 0.9;
left: initial;
right: -100px;
width: 90vw;
max-width: 300px;
}
.slim-mobile-menu #logo {
height: 50px;
max-width: calc(100% - 175px);
margin: 0;
display: flex;
align-content: center;
flex-wrap: wrap;
}
.slim-mobile-menu.user_not_logged_in .header-widget .sign-in {
font-size: 0px !important;
padding: 5px;
display: inline-block;
width: 42px;
height: 36px;
line-height: 36px;
text-align: center;
box-sizing: border-box;
background: transparent;
margin-left: -8px;
}
body.slim-mobile-menu.transparent-header.user_not_logged_in .header-widget .sign-in {
color: #fff;
background: transparent;
}
.slim-mobile-menu.user_not_logged_in .header-widget .sign-in:hover {
color: #222;
background: transparent !important;
}
.slim-mobile-menu.user_not_logged_in .header-widget .sign-in i {
font-size: 23px !important;
top: 1px;
position: relative;
}
.slim-mobile-menu.transparent-header .main-search-container .main-search-inner {
padding: 100px 0 80px 0;
}
.slim-mobile-menu.transparent-header .main-search-container.full-height .main-search-inner {
padding: 30px 0;
}
.slim-mobile-menu .hws-container #logo {
max-height: 40px;
max-width: 150px;
height: auto;
}
.slim-mobile-menu.user_not_logged_in .hws-container .header-widget .sign-in {
margin: 0 -5px 0 0
}
}
@media (max-width: 480px) {
.slim-mobile-menu.user_not_logged_in .hws-container .header-widget .sign-in {
margin: 5px 0 0 0
}
.slim-mobile-menu .hws-wrapper .header-widget {
min-width: 50px;
}
.slim-mobile-menu .hws-container #logo {
max-width: 100px;
}
}
@media (max-width: 420px) {
.slim-mobile-menu .right-side {
right: 75px;
}
}
.fullcalendar-container {
margin: 20px 0;
}
#fullcalendar {
margin-top: 15px;
}
.calendar-toolbar {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
flex-wrap: wrap;
}
.calendar-instructions {
flex: 1;
min-width: 250px;
margin-bottom: 10px;
}
.calendar-instructions ul {
margin: 5px 0 0 15px;
font-size: 13px;
}
.calendar-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.fc-day.blocked-date {
background-color: #ffdddd !important;
}
.fc-day.has-price {
background-color: #d4edda !important;
}
.fc-daygrid-day.fc-day-selected {
background-color: rgba(0, 120, 215, 0.2) !important;
}
#price-dialog {
padding: 20px;
background: white;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
width: 300px;
}
.price-dialog-buttons {
margin-top: 15px;
text-align: right;
}
.price-dialog-buttons button {
margin-left: 10px;
}
.price-dialog-buttons {
display: flex;
gap: 5px;
}
.price-dialog-buttons button {
flex: 1;
padding: 0;
line-height: 36px;
height: 36px;
margin: 0;
border-radius: 5px;
}
.price-dialog-buttons #price-confirm {
background: #222;
}
.price-dialog-buttons #price-cancel {
background: #eee;
color: #333;
}
.fc a {
color: #222;
}
#price-dialog {
zoom: 0.9;
} .date-price-indicator {
position: absolute;
bottom: 2px;
right: 2px;
background: rgba(0, 128, 0, 0.7);
color: white;
font-size: 10px;
padding: 1px 4px;
border-radius: 3px;
} .selection-tooltip, 
#single-date-tooltip, 
#selection-tooltip {
position: absolute;
background-color: white;
border: 1px solid #ddd;
border-radius: 4px;
padding: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
z-index: 9999;
display: flex;
gap: 5px;
pointer-events: auto;
}
.selection-tooltip .tooltip-btn {
border: none;
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
}
.selection-tooltip .block-btn {
background-color: #f91942;
color: white;
}
.selection-tooltip .price-btn {
background-color: #3498db;
color: white;
}
.selection-tooltip .clear-btn {
background-color: #2ecc71;
color: white;
}
.listing-report-button-container {
text-align: center;
margin: 20px 0;
}
.report-listing-button {
background-color: #f0f0f0;
color: #666;
border: none;
padding: 8px 15px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
transition: all 0.3s;
}
.report-listing-button:hover {
background-color: #e9e9e9;
color: #f91942;
}
.report-listing-button-disabled {
background-color: #f0f0f0;
color: #999;
border: none;
padding: 8px 15px;
border-radius: 4px;
font-size: 14px;
cursor: not-allowed;
opacity: 0.7;
text-decoration: none;
display: inline-block;
} .listeo-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
}
.listeo-modal-content {
background-color: #fff;
margin: 10% auto;
padding: 20px;
border-radius: 4px;
width: 50%;
max-width: 500px;
position: relative;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.listeo-modal-close {
color: #aaa;
position: absolute;
top: 10px;
right: 15px;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.listeo-modal-close:hover {
color: #f91942;
}
#report-listing-form .form-group {
margin-bottom: 15px;
}
#report-listing-form label {
display: block;
margin-bottom: 5px;
font-weight: 500;
}
#report-listing-form select,
#report-listing-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
#report-listing-form textarea {
min-height: 100px;
}
#report-listing-form button {
background-color: #f91942;
color: white;
border: none;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}
#report-listing-form button:hover {
background-color: #e01738;
}
.listing-report-button-container a {
display: inline-block;
background: transparent;
color: #333;
font-size: 14px;
padding: 5px 16px;
margin: 0;
margin-bottom: 20px;
border: 1px solid #e0e0e0;
border-radius: 50px;
font-weight: 600;
transition: 0.3s;
}
.listing-report-button-container a:hover {
background: #fafafa
}
.listing-report-button-container a:before {
content: "\e088";
font-family: 'simple-line-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
position: relative;
width: 20px;
height: 20px;
display: inline-block;
opacity: 1 !important;
margin-right: 4px;
top: 1px;
font-size: 14px;
}  .full-page-container.full-page-jobs {
flex-wrap: nowrap;
width: 100%;
}
.job_filters_links {
display: block;
}
.job_filters .job_filters_links a {
display: block;
}
.rss_link {
display: none !important;
}
.job_filters a.reset {
max-width: 100%;
} .full-page-container.full-page-jobs .full-page-sidebar {
max-height: 100vh;
overflow: auto;
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
flex: 0 0 350px;
}
.full-page-sidebar.hidden-sidebar {
visibility: hidden;
transition: 0.4s;
position: relative;
opacity: 0;
max-width: 0;
}
.full-page-sidebar-inner {
background: #f9f9f9;
padding: 30px;
padding-bottom: 0;
padding-top: 10px;
}
.full-page-jobs .full-page-content-container {
flex: 0 0 45%;
box-shadow: 0 0 15px rgb(0 0 0 / 12%);
position: relative;
z-index: 2;
}
.full-page-jobs .filters-container {
background: linear-gradient(to bottom, #f9f9f9, rgba(255, 255, 255, 0.5));
padding-bottom: 10px;
padding-top: 42px;
}
.single-job-view-container {
max-height: 100%;
overflow: auto;
padding: 40px;
}
.full-page-map-container {
flex: 0 0 45%;
}
.full-page-sidebar.hidden-sidebar.enabled-sidebar {
visibility: visible;
opacity: 1;
max-width: 350px;
}
@media (min-width: 992px) {
.full-page-sidebar .sidebar-container,
.full-page-sidebar .job_filters.in_sidebar {
width: 282px;
}
}
.full-page-job-listings-container {
padding: 35px;
}
.full-page-sidebar-inner {
overflow-x: hidden;
margin-bottom: 20px;
} .enable-filters-button {
position: relative;
left: 48px;
top: 4px;
z-index: 100;
background-color: #fff;
color: #333;
border-radius: 0 100px 100px 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
height: 46px;
line-height: 46px;
padding: 0;
transition: 0.3s;
min-width: 105px;
text-align: center;
font-weight: 600;
font-size: 14px;
}
.enable-filters-button span {
position: relative;
padding: 0 15px;
background-color: #28b661;
color: #fff;
width: 100%;
z-index: 100;
border-radius: 0  100px  100px 0;
transition: 0.3s;
height: 46px;
} .filter-button-container {
margin: 18px 0 0 0;
position: relative; }
.filter-button-tooltip {
position: absolute;
width: auto;
left: 15px;
top: 0;
z-index: 100;
border-radius: 4px;
width: auto;
animation: tooltip-bounce 2s infinite;
margin-left: 15px;
white-space: nowrap;
opacity: 0;
overflow: visible;
transition: opacity 0.3s;
pointer-events: none;
padding: 0 20px;
background-color: #f0f0f0;
color: #666;
font-weight: 400;
font-size: 14px;
line-height: 46px;
}
.filter-button-tooltip.tooltip-visible {
opacity: 1;
}
.filter-button-tooltip:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: calc(50% - 3px);
content: "";
left: -3px;
box-sizing: border-box;
border: 5px solid black;
border-color: transparent transparent #f0f0f0 #f0f0f0;
transform-origin: 0 0;
transform: rotate(45deg) translateY(-50%); }
@keyframes tooltip-bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateX(0);
}
40% {
transform: translateX(14px);
}
60% {
transform: translateX(7px);
}
} .full-page-search-form h3 {
font-size: 19px;
font-weight: 500;
color: #333;
line-height: 32px;
margin: 0 0 15px 0;
padding: 0;
} .enable-filters-button:hover i,
.enable-filters-button.active i,
.enable-filters-button:hover span,
.enable-filters-button.active span {
background-color: #333;
}
.enable-filters-button:hover i:after,
.enable-filters-button:hover i:before,
.enable-filters-button.active i:after,
.enable-filters-button.active i:before {
background-color: rgba(0, 0, 0, 0.25);
}
.enable-filters-button i {
position: absolute;
z-index: 90;
left: -46px;
height: 100%;
font-size: 20px;
background-color: #28b661;
color: #fff;
line-height: 46px;
text-align: center;
width: 46px;
height: 46px;
border-radius:  100px 0 0  100px;
font-style: normal;
transition: 0.3s;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  }
.enable-filters-button i:after,
.enable-filters-button i:before {
position: absolute;
left: 0;
right: 0;
transition: 0.3s;
border-radius:  100px 0 0  100px;
background-color: rgba(0, 0, 0, 0.1);
}
.enable-filters-button i:after {
content: "";
opacity: 1;
background-image: url(https://aperaf.com/wp-content/themes/listeo/images/filters.svg);
background-repeat: no-repeat;
background-size: 22px;
background-position: calc(50% + 2px) 50%;
height: 100%;
}
.enable-filters-button.active i:after {
opacity: 0;
}
.sticky-filter-button .enable-filters-button i:after, .sticky-filter-button .enable-filters-button i:before { background-color: transparent;}
.enable-filters-button i:before {
content: "";
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: calc(50% + 2px) 50%;
background-size: 20px;
background-image: url(https://aperaf.com/wp-content/themes/listeo/images/close.svg);
opacity: 0;
}
.sticky-filter-button .enable-filters-button i:before, 
.sticky-filter-button .enable-filters-button i:after {	background-position: 50%;}
.enable-filters-button.active i:before {
opacity: 1;
}
.enable-filters-button span.show-text,
.enable-filters-button.active span.hide-text {
display: inline-block;
}
.enable-filters-button.active span.show-text,
.enable-filters-button span.hide-text {
display: none;
}  .full-page-container.full-page-jobs {
flex-wrap: nowrap;
width: 100%;
} .full-page-container.full-page-jobs .full-page-sidebar {
max-height: 100vh;
overflow: auto;
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
flex: 0 0 350px;
}
.full-page-sidebar.hidden-sidebar {
visibility: hidden;
transition: 0.4s;
position: relative;
opacity: 0;
max-width: 0;
}
.full-page-sidebar-inner {
background: #f9f9f9;
padding: 30px;
padding-bottom: 0;
padding-top: 20px;
}
.full-page-jobs .full-page-content-container {
flex: 0 0 45%;
box-shadow: 0 0 15px rgb(0 0 0 / 12%);
position: relative;
z-index: 2;
}
.full-page-jobs .filters-container {
background: linear-gradient(to bottom, #f9f9f9, rgba(255, 255, 255, 0.5));
padding-bottom: 10px;
padding-top: 42px;
}
.single-job-view-container {
max-height: 100%;
overflow: auto;
padding: 40px;
}
.full-page-job-container {
flex: 0 0 55%;
}
.full-page-sidebar.hidden-sidebar.enabled-sidebar {
visibility: visible;
opacity: 1;
max-width: 350px;
}
@media (min-width: 992px) {
.full-page-sidebar .sidebar-container,
.full-page-sidebar .job_filters.in_sidebar {
width: 282px;
}
.page-template-template-split-map-sidebar #header-container:not(.fullwidth) #header .container
.halfsidebar-archive-listings-layout #header-container:not(.fullwidth) #header .container {
width: 100%;
margin: 0;
padding: 0 40px;
}
}
@media (max-width: 992px) {
.page-template-template-split-map-sidebar #header .container,
.halfsidebar-archive-listings-layout #header .container {
width: 100%;
}
}
.page-template-template-split-map-sidebar,
.halfsidebar-archive-listings-layout {
max-height: 100vh;
overflow: hidden;
}
.full-page-job-listings-container {
padding: 35px;
}
.full-page-sidebar-inner {
overflow-x: hidden;
}
.full-page-container {
display: flex;
}
.full-page-map-container  #map-container {height: 100%;}
.full-page-content-container {
overflow-y: auto;
max-height: 100vh;
}
.halfsidebar-archive-listings-layout #header .container {
width: 100%;
padding: 0 20px
}
.full-page-jobs .full-page-content-container {
box-shadow: none;
}
.full-page-jobs .filters-container { background: transparent;}
.full-page-content-container,.full-page-container.full-page-jobs {
height: calc(100vh - 80px)
}
.page-template-template-split-map-sidebar .full-page-container.full-page-jobs {
height: calc(100vh)
}
.full-page-sidebar-inner { background: transparent; }
.full-page-container.full-page-jobs .full-page-sidebar { box-shadow: none; background: #fafafa}
.full-page-job-listings-container { padding: 20px;}
.full-page-jobs .filters-container {
padding: 30px;
}
.full-page-container .rating-filter__text,
.full-page-container .listing-widget #listeo-search-form_search_radius,
.full-page-container .listing-widget #listeo-search-form__price { background: #fff;}
.enable-filters-button { border: none;}
.sticky-filter-button {
position: sticky;
z-index: 10;
height: 0;
margin: 0 0 0 -3px;
top: 10px;
opacity: 0;
}
.sticky-filter-button {
position: sticky;
z-index: 10;
height: 0;
margin: 0 0 0 -60px;
top: 10px;
opacity: 0;
transition: 0.3s;
}
.sticky-filter-button.btn-visible {
opacity: 1;
margin: 0 0 0 -2px;
}
.sticky-filter-button .enable-filters-button .show-text,
.sticky-filter-button .enable-filters-button .hide-text { display: none !important; }
.sticky-filter-button .enable-filters-button {
min-width: auto;
width: 0;
line-height: 0;
margin: 0;
}
.sticky-filter-button .filter-button-container { margin: 0; }
.sticky-filter-button .enable-filters-button i {
border-radius: 0 4px 4px 0
}
.page-template-template-split-map-sidebar .pagination-container,
.halfsidebar-archive-listings-layout .pagination-container  {
margin: 0px 0 30px 0 !important;
}
.page-template-template-split-map-sidebar .daterangepicker,
.halfsidebar-archive-listings-layout .daterangepicker {
width: 521px;
left: 28px !important;
right: initial !important;
}
.page-template-template-split-map-sidebar .bordered-alt-style.daterangepicker.opensleft:after,
.halfsidebar-archive-listings-layout .bordered-alt-style.daterangepicker.opensleft:after {
left: 130px !important;
right: initial !important;
}
.filters-headline { font-weight: 400; margin-top: 10px; } .sidebar-container .enable-filters-button {
width: calc(100% - 47px);
margin: 0px 0 20px 0;
display: none;
}
@media (max-width: 992px) {
.full-page-job-container { display: none; }
.full-page-jobs .full-page-content-container {flex:  0 0 100%; box-shadow: none; }
.full-page-container.full-page-jobs .full-page-sidebar.enabled-sidebar {
flex: 0 0 100%;
max-width: 100%;
box-shadow: none;
}
.full-page-jobs .filters-container {
padding: 0 30px;
}
.sidebar-container .enable-filters-button { display: block; }
.full-page-container.full-page-jobs { overflow-x: hidden; }
.full-page-sidebar .job_filters.in_sidebar { width: 100%; }
}
.full-page-jobs .full-page-content-inner .grid-layout .job-listing {
width: calc(100% * (1/2) - 30px);
}
@media (max-width: 1400px) {
.full-page-jobs .full-page-content-inner .grid-layout .job-listing {
width: calc(100% - 30px);
}
}
@media (max-width: 420px) {
.old-header .transparent #logo img, #logo_nh img, .new-header #logo_nh img, #logo img{
height: auto !important;
width: 100% !important;
}
} @media (min-width: 992px) {
.full-page-map-container { flex: 0 0 30%; }
.full-page-jobs .full-page-content-container { flex: 0 0 70%; }
} @media (min-width: 1200px) {
.full-page-map-container { flex: 0 0 35%;}
.full-page-jobs .full-page-content-container { flex: 0 0 65%; }
} @media (min-width: 1500px) {
.full-page-map-container { flex: 0 0 45%; }
.full-page-jobs .full-page-content-container { flex: 0 0 55%; }
} @media (max-width: 992px) {
.full-page-map-container { flex: 0 0 100%; height: 500px; }
.full-page-jobs .full-page-content-container { flex: 0 0 100%; }
} @media (max-width: 992px) {
.page-template-template-split-map-sidebar,
.halfsidebar-archive-listings-layout {
max-height: 100%;
overflow: auto;
}
.full-page-content-container, .full-page-container.full-page-jobs {
height: auto;
height: 100%;
}
.full-page-container { flex-direction: column-reverse; }
.full-page-jobs .full-page-content-container {
overflow: hidden;
height: 100%;
max-height: 100%;
}
.full-page-map-container #map-container { height: 500px; margin-bottom: 35px; }
.full-page-container.full-page-jobs .full-page-sidebar.enabled-sidebar{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 1500;
opacity: 0; 
visibility: hidden;
pointer-events: none;
}
.full-page-container.full-page-jobs .full-page-sidebar.enabled-sidebar.enabled-sidebar {
opacity: 1; 
visibility: visible;
pointer-events: all;
}
}
.slider-container {
position: relative;
width: 100%;
max-width: 1200px;
overflow: hidden;
min-height: 96px;
}
.category-slider {
display: flex;
transition: transform 0.5s ease;
padding: 10px 0 0 0;
}
.category-item .icon-container i.fa,
.category-item .icon-container i.sl {
font-size: 24px;
margin-top: 5px;
height: 32px;
display: block;
}
.category-item {
flex: 0 0 100px;
margin: 0 2px;
padding: 12px;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
opacity: 1;
transition: 0.3s;
border-radius: 5px;
justify-content: center;
}
.category-item .icon-container i {
margin-bottom: 0;
font-size: 35px;
}
.category-item:hover {
opacity: 1;
transform: translateY(-5px);
}
.category-item.active {
opacity: 1;
}
.categ
.icon-container {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: -10px;
}
.icon-container svg {
width: 30px;
height: 30px;
fill: #666;
transition: fill 0.3s;
}
.category-item .icon-container { margin-top: 4px;}
.category-item:hover .icon-container svg,
.category-item.active .icon-container svg {
fill: #333;
}
.category-name {
font-size: 13.5px;
color: #777;
text-align: center;
font-weight: 500;
transition: color 0.3s;
padding: 0;
margin: 0;
line-height: 18px;
}
.category-item:hover .category-name,
.category-item.active .category-name {
color: #333;
}
.category-item:hover,
.category-item.active {
background-color: #66666610;
}
.category-item:hover .category-name,
.category-item.active .category-name {
color: #666;
}
.nav-button:before {
content: "";
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%,-50%);
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
border: 1px solid #e0e0e0;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
z-index: 22 !important;
transition: all 0.3s ease;
opacity: 1;
visibility: visible;
display: block;
}
.nav-button {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: transparent;
background-image: linear-gradient(90deg, rgb(255 255 255 / 40%) 0%, rgb(255 255 255 / 90%) 100%);
height: 100px;
width: 60px;
z-index: 24;
opacity: 1;
outline: none;
border: none;
}
.nav-button:before:hover {
background-color: #f8f8f8;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.nav-button:before.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.nav-button.prev {
left: 0px;
background-image: linear-gradient(90deg, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 0%) 100%);
}
.nav-button.next {
right: 0px;
}
.nav-button svg {
width: 20px;
height: 20px;
fill: #666;
position: relative;
z-index: 111;
}
.page-template-template-split-map-sidebar .filter-button-container,
.halfsidebar-archive-listings-layout .filter-button-container {
margin: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
}
.components-button { box-shadow: none !important;}
.page-template-template-split-map-sidebar .slider-container,
.halfsidebar-archive-listings-layout .slider-container {flex: 0 0 calc(100% - 200px);}
.page-template-template-split-map-sidebar  .full-page-jobs .filters-container,
.halfsidebar-archive-listings-layout  .full-page-jobs .filters-container { padding-bottom: 15px; }
@media (max-width: 768px) {
.page-template-template-split-map-sidebar .filter-button-container,
.halfsidebar-archive-listings-layout .filter-button-container { flex-direction: column; align-items: flex-start;}
}
form[name="resetpasswordform"] .fa-solid {
display: none;
}
@media (max-width: 992px) {
.page-template-template-split-map-sidebar .full-page-container {
padding-top: 0px !important;
}
.page-template-template-split-map-sidebar .full-page-container.full-page-jobs {
height: 100% !important;
}
.full-page-container.full-page-jobs .full-page-sidebar {
max-height: 0;
transition: opacity 0.3s;
}
.full-page-container.full-page-jobs .full-page-sidebar.enabled-sidebar {
max-height: 100%;
}
.category-slider {
margin-top: 20px;
} 
}
@media (min-width: 1200px) {
.page-template-template-split-map-sidebar .full-page-container.full-page-jobs {
padding-top: 80px;
}
}