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;
}
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); }
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: 400;
}
.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.alt .copyrights {
margin-top:0;
border: none;
padding: 25px;
}
.copyrights a { color: #707070; } #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 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: 4px 40px 4px 15px !important;
line-height: 24px !important;
}
body #navigation ul ul {
padding: 13px 10px;
box-sizing: border-box;
}
#navigation ul ul li { width: 185px; }
#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: #666; }
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: 200px;
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: 6px 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;
}   
}  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;
font-family: "Raleway";
} .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";} .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: 300;
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;
} .gray-style .main-search-input {
box-shadow: none;
background-color: #f7f7f7;
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: #f7f7f7;
}
.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);
}
.range-output {
font-size: 18px;
font-weight: 400;
color: #666;
}
.data-radius-title {
font-style: normal;
font-size: 15px;
color: #888;
font-weight: 400;
margin-top: 0;
display: block;
}
.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 { 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: 26px;
}
.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;
}
.fs-inner-container {
width: 45%;
background-color: #fff;
z-index: 10;
}
.fs-container .copyrights { padding: 30px 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 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; }
}  .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: 21px;
color: #a0a0a0;
position: absolute;
left: -3px;
bottom: 0px;
top: auto;
}
.input-with-icon.medium-icons label i {
position: static;
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;
} .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;
padding: 0 0 25px;
margin: 0 0 25px 0 !important;
display: block;
border-bottom: 1px solid #e8e8e8;
}
.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;
} .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;
}
.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: #1da1f2; }
.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: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 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; }
@media (max-width: 768px) {
.listing-features.checkboxes li { width: 100%; }
}  .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;
}
} .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;
}
.pricing-list-container h4:first-child {margin-top: 5px; }
.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;
}
.pricing-list-container ul {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.pricing-list-container ul:last-child { margin-bottom: 10px; }
.pricing-list-container ul li {
padding: 30px;
padding-right: 70px;
position: relative;
}
.pricing-list-container ul li:last-child { border-radius: 0 0 4px 4px; }
.pricing-list-container ul li:nth-child(2n+2) { background-color: #f9f9f9; }
.pricing-list-container p,
.pricing-list-container h5 {
padding: 0;
font-size: 15px;
margin: 0;
display: inline-block;
width: 100%;
}
.pricing-list-container h5 {
font-size: 18px;
margin-bottom: 1px;
}
.pricing-list-container p {
color: #777;
line-height: 24px;
margin-top: 3px;
}
.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: 300;
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: 300;
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: 300;
}
@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(//www.souwuliu.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;
}
@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; }
}
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: 300;
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: 110px;
height: 110px;
border-radius: 50%;
}
.about-description {
margin: 2px 0 0 150px;
}  .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: 300;
display: inline-block;
color: rgba(255,255,255,0.7);
}
.blog-compact-item-content p {
font-size: 16px;
font-weight: 300;
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; }
.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 {
background-color: #66676b;
border-color: #66676b;
color: #fff;
}
.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);
}  .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: #1da1f2; color: #fff; }
.share-buttons li a.twitter-share {
border-color: #1da1f2;
color: #1da1f2;
} .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: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: uppercase;
font-size: 9px;
letter-spacing: 2.5px;
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(//www.souwuliu.com/wp-content/themes/listeo/fonts/fontello.eot);
src: url(//www.souwuliu.com/wp-content/themes/listeo/fonts/fontello.eot) format('embedded-opentype'),
url(//www.souwuliu.com/wp-content/themes/listeo/fonts/fontello.woff) format('woff'),
url(//www.souwuliu.com/wp-content/themes/listeo/fonts/fontello.ttf) format('truetype'),
url(//www.souwuliu.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;
}
.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.9) 0%, rgba(35,35,37,0.55) 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: 300;
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;}  .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: 300;
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: 300;
display: inline-block;
}
.dashboard-stat-icon {
position: absolute;
right: 32px;
top: 50%;
transform: translateY(-40%);
font-size: 80px;
opacity: 0.3;
} .dashboard-stat.color-1 {  background-color: #4ebc36;
cursor: pointer;
}
.dashboard-stat.color-2 {  background-color: #30333d;
}
.dashboard-stat.color-3 {  background-color: #f8b42b;
cursor: pointer;
}
.dashboard-stat.color-4 { background-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 .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;
} 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 .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: 300;
display: inline-block;
}
.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);
}
.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: #1da1f2; }
.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;
box-shadow: 0px 2px 12px rgba(0,0,0,0.08);
margin-top:40px;
} .tip {
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;
background: #66676b;
display: inline-block;
border-radius: 50%;
color: #fff;
text-align: center;
padding: 0 !important;
font-weight: 500;
}
.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; }  #pricing-list-container {
width: 100%;
margin-top: 10px;
}
.pricing-list-item td {
display: flex;
width: 100%;
margin-bottom: 5px;
}
.pricing-list-item td .fm-input,
.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
flex: 1;
position: relative;
}
.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
max-width: 40px;
}
.pricing-list-item td .fm-move {
cursor: move;
line-height: 51px;
color: #666;
font-size: 17px;
}
.pricing-list-item td .fm-close { text-align: right; }
.pricing-list-item td .fm-close a {
padding: 10px;
padding-right: 0;
color: #ea2828;
display: inline-block;
}
.pricing-list-item td .fm-input { margin-right: 20px; }
.pricing-list-item td .fm-input.pricing-name { max-width: 350px; }
.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: 300;
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;
}
.mfp-close:hover,
.og-close:hover {
transform: rotate(90deg);
}
.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,
#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,
#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 
{
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";
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,
#small-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,
#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 #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; } .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,
.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%);
}
.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: 300;
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: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; } 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: 300;
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: 7px;
line-height: 24px;
}
#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 {
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, #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,#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: 300;
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: 300;
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.opensleft:after { right: 154px; }
.daterangepicker.single:before {
content: "";
height: 10px;
position: absolute;
width: 100%;
top: -3px;
background-color: #fff;
left: 0;
transition: all 0.3s;
border-bottom: 1px solid #eee;
}
.daterangepicker.single {
width: 309px;
border-radius: 0 0 6px 6px;
margin-top: -7px;
transform: translateY(0) !important;
}
.daterangepicker.single .drp-calendar {
width: 100%;
zoom: 1.08;
margin: 3px 0 3px 5px;
}
.daterangepicker.single.opensleft:after {
right: 50%;
margin-right: -4px;
display: none;
}
}
.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;
}
.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;
border: 1px solid transparent;
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: 0;
border-collapse: collapse;
}
.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;
border: 1px solid #fff;
}
.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; } } .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;
}  .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;
}  .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 {
padding-left:22px;
color: #66676b;
}
#footer ul.menu li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 11px;
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;
box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
border-radius: 4px;
padding: 15px;
}
@media (min-width: 992px) {
.listing-added-notice {
background: #fff;
box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
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; }
.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
}
#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.2);
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; }
.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: 300;
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;
}
.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;
}
.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 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(//www.souwuliu.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;
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: 15px;
display: block;
margin-bottom: 9px;
}
.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;
}
.sidebar .range-slider-container {
border-top: 1px solid #e0e0e0;
padding-top: 30px;
margin-top: 25px;
}
.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="checkbox"] {
display: none;
}
.bookable-services .single-service:last-child { margin-bottom: 0; }
.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;
}
.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="checkbox"] + label:hover {
background-color: rgba(249, 25, 66, 0.08);
color: #f91942;
}
.bookable-services input[type="checkbox"]:checked + label {
background-color: #f91942;
color: #fff;
transition: 0.3s;
}
.bookable-services input[type="checkbox"]:checked + label h5 { color: #fff; }
.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: 1px #fff;
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 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: 300;
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; }
#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: 10001;
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;
} .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; }
.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; }
.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 {
font-family: Raleway;
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 !important;
opacity: 0 !important;
position: absolute !important;
display: flex !important;
}
select:not(.dokan-form-control):invalid[multiple] {
margin-top: 15px !important;
}
#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.5; 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%;
}
.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;
}
.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.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: 70px;
width: auto;
top: -8px;
position: relative; 
}
.dashboard-stat.color-1 .dashboard-stat-icon svg { height: 75px; }
.dashboard-stat.color-4 .dashboard-stat-icon svg { height: 60px; }
#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; }
.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: 400;
}
.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;
}
.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: 8px;
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; }
.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(//www.souwuliu.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(//www.souwuliu.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;
}
.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;
}
.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(//www.souwuliu.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 .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; }} .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 28px 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 {
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 {
display: block;
width: 100%;
height: 100%;
background: #f4f4f4;
margin: 0;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
z-index: 999;
}
.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;
}
@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; } 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; }
.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 #444;
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 / 8%);
border-radius: 4px;
padding: 10px;
}
.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: #1b1b1b;
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;
}