.signup-btn {padding-right: 0;border: 2px solid #fff;border-radius: 5px;width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;} .Banner .navbar li .signup-btn:hover {border-bottom: 2px solid #fff;border: 2px solid #001e46;color: #001e46;} .color-event {background-color: #ec5c2a !important;} .SearchArea {min-height: 450px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .SearchFeild {display: flex;width: 100%;} .Find {width: 50%;position: relative;display: flex;align-items: center;} .Find span {position: absolute;top: auto;left: 20px;color: #808996;font-size: 18px;font-weight: 500;bottom: auto;} .Find input.form-control {width: 100%;line-height: inherit;padding: 6px 20px 6px 70px;font-size: 18px;color: #000;border: 0;resize: none;font-weight: 500;transition: all 0.3s;border-radius: 0.375rem 0 0 0.375rem;} .Find.Near input.form-control {border-radius: 0;} .Find span.h-border {width: 2px;background: #c4c4c4;height: 25px;left: 0;bottom: 0;margin: auto;top: 0;} .SearchBtn button {border-radius: 0 0.375rem 0.375rem 0;height: 100%;border: 2px solid #dc3545;width: 50px;float: right;} .search-category a {color: #fff;font-size: 14px;font-weight: 500;text-decoration: none;transition: 0.3s;margin: 30px 25px 0;display: inline-block;} .search-category a:hover {border: 0;transform: translateY(-4px);transition: 0.3s;} .bottom-heading {position: relative;text-align: center;} .onhover .show-hover {width: 370px;margin: 0 auto 20px;background: #fff;padding: 12px;position: relative;border-radius: 5px;box-shadow: 0 2px 6px rgb(0 0 0 / 10%);text-align: left;display: flex;position: absolute;left: 0;right: 0;bottom: 45px;display: none;} .hover-img {width: 90px;height: 90px;display: inline-block;min-width: 90px;max-width: 90px;} .hover-img img {width: 100%;height: 100%;object-fit: cover;} .other-details a {color: #0073bb;font-size: 14px;font-weight: 600;} .other-details a:hover {color: #0073bb;} .other-details {margin-left: 10px;} p.count {color: #333;display: inline;font-size: 12px;margin: 0;} .rating-rating.rating-detail.landing {padding: 5px 0;} .rating-rating.rating-detail.landing span {width: 25px;display: inline-block;} .rating-rating.rating-detail.landing span img {width: 100%;} .other-details p.count {color: #333;display: inline-block;font-size: 12px;} .DownArrow {position: absolute;bottom: -17px;left: 0;right: 0;text-align: center;} .DownArrow:after {position: relative;content: "";display: inline-block;width: 20px;height: 20px;background: #fff;left: 0;transform: rotate(-45deg);} .SpnserAds {margin-top: 30px;} .SpnserAds h6 {color: #000;} .SpnserAds img {width: 100%;} a.city-state {color: hsla(0, 0%, 100%, 0.7);font-weight: normal;font-size: 14px;} a.city-state:hover {border: 0;} .onhover a:hover {color: red;border: 0;} .onhover:hover .show-hover {display: flex;} .showtip {display: flex;justify-content: center;} .react-tabs__tab-list {text-align: center;border-bottom: 1px solid #eeeeef;} .react-tabs__tab-list {margin: 0 0 10px;padding: 0;} .cities .latest-location-tab {display: flex;justify-content: center;background: transparent !important;align-items: center;padding-bottom: 20px;} .MidCustomWidth .form-group.basic-textarea .outer-div { left: auto; right: 10px; height: 100%; display: flex; align-items: center; } .MidCustomWidth .form-group.basic-textarea .storycoment { height: auto; padding: 10px; padding-left: 10px !important; } .react-tabs__tab--selected {background: #e2e2e2 !important;border-color: #aaa !important;color: #000;} .react-tabs__tab--selected {background: #fff;border-color: #aaa;color: #000;border-radius: 5px 5px 0 0;} .cities .latest-location-tab .latest-in {color: #000;margin: 0;font-size: 16px;} main.home-1 .cities h2 {font-size: 21px;font-weight: 700;} .cities h2 {margin: 0 0 20px;text-align: center;color: #001e46;font-size: 16px;font-weight: 700;} span.MidArrow {margin: 0 10px;} .list.CityListings .react-autosuggest__container {position: relative;} .list.CityListings .react-autosuggest__container input.form-control.c1.near-feild {border: 0;font-weight: 700;color: #001e46;font-size: 16px;border-bottom: 2px solid #001e46;border-radius: 0;width: auto;display: inline-block;padding: 0;max-width: 200px;} .list.CityListings .form-control:focus {border-bottom: 2px solid #001e46 !important;} .heading h1 {font-size: 21px;font-weight: 700;text-align: center;color: #001e46;} .subheding {text-align: center;} .subheding h2 {font-size: 18px;color: #000;font-weight: 500;line-height: 28px;text-align: center;border-bottom: 3px solid #001e46;margin-top: 40px;display: inline-block;padding: 0 10px;} .sidebar.listing-page {border: 0;padding: 20px 0 40px;position: -webkit-sticky;position: sticky;top: 0px;} .listing-list.post-list .sidebar.listing-page {top: 20px;} .widget-title {font-size: 20px;color: #333f57;font-weight: 600;padding-bottom: 5px;position: relative;margin: 0;} .showmore-btn.filter {border: 0;box-shadow: none;color: #326d62;font-size: 14px;font-weight: 500;line-height: normal;padding-bottom: 10px;} .sidebar.listing-page .showmore-btn.filter {font-size: 13px;width: auto;} .sidebar.listing-page .sidebar-widget {margin-bottom: 20px;border-bottom: 1px solid #eee;} .font-size-14px {font-size: 14px !important;} .custom-checkbox label {color: #333;font-size: 14px;font-weight: 400;display: block;margin-bottom: 0;text-transform: capitalize;cursor: pointer;} .custom-checkbox input[type="checkbox"]:checked + label, .custom-checkbox input[type="checkbox"]:not(:checked) + label {position: relative;padding-left: 26px;} .custom-checkbox input[type="checkbox"]:checked, .custom-checkbox input[type="checkbox"]:not(:checked) {position: absolute;left: -9999px;} .custom-checkbox input[type="checkbox"]:checked + label:before, .custom-checkbox input[type="checkbox"]:not(:checked) + label:before {content: "";position: absolute;left: 0;top: 3px;width: 18px;height: 18px;border: 1px solid #ddd;background-color: #fff;border-radius: 2px;} .custom-checkbox input[type="checkbox"]:checked + label:after, .custom-checkbox input[type="checkbox"]:not(:checked) + label:after {content: "";position: absolute;top: 4px;left: 5.5px;transition: 0.3s;border-color: transparent #fff #fff transparent;border-style: solid;border-width: 2px;width: 7px;height: 11px;transform: rotate(45deg);} .custom-checkbox input[type="checkbox"]:not(:checked) + label:after {opacity: 0;visibility: hidden;} .sidebar.listing-page .custom-checkbox input[type="checkbox"]:checked + label:before {background-color: #326d62;border-color: #326d62;} .sidebar.listing-page .sidebar-widget {margin-bottom: 10px;border-bottom: 1px solid #eee;} ul.rating-list.distance li span.la-star {color: #333;font-size: 14px;font-weight: 400;} .sidebar .rating-list li .review-label {float: left;position: relative;} .rating-list li .review-label input {opacity: 0;position: absolute;cursor: pointer;left: 0;z-index: 1;width: 18px;height: 18px;margin: 0;} .sidebar.listing-page .rating-list li .review-label input:checked ~ .review-mark, main.dashboard-page.details-info section.dashboard-area.business-detail .y-page-link ul.covid-point li .review-label input:checked ~ .review-mark {border-color: #326d62;} .rating-list li .review-label .review-mark {position: absolute;top: 0;left: 0;width: 18px;height: 18px;cursor: pointer;border: 2px solid #e4e4e4;border-image: none;border-image: initial;border-radius: 50%;transition: 0.3s;display: flex;justify-content: center;align-items: center;} .sidebar.listing-page .rating-list li .review-label .review-mark:before, main.dashboard-page .dashboard-area .y-page-link ul li .review-label .review-mark:before {background-color: #326d62;} .rating-list li .review-label input:checked ~ .review-mark:before {opacity: 1;transform: scale(1);} .rating-list li .review-label .review-mark:before {position: absolute;content: "";width: 10px;height: 10px;opacity: 0;transform: scale(0.1);border-radius: 50%;transition: 0.3s;} .rating-list li .review-label .review-mark {position: absolute;top: 3px;left: 0;width: 18px;height: 18px;cursor: pointer;border: 2px solid #e4e4e4;border-image: none;border-image: initial;border-radius: 50%;transition: 0.3s;display: flex;justify-content: center;align-items: center;} .filter-category li {display: inline-block;width: 100%;} .cities {width: 100%;vertical-align: top;padding-top: 30px;text-align: left;} .cities.recent .card-item {margin-bottom: 30px;border: 1px solid #eee;padding: 0 10px 10px;border-radius: 3px;} .cities.recent.posts .card-image.slider-gallery {margin: 10px;} .slide-slider.addIframe { max-height: 500px; overflow: hidden; } .cities.recent.posts .ReviewsWrote .card-image.slider-gallery img {height: 100%;width: 100%;position: static;object-fit: cover;} .cities.recent.posts .ReviewsWrote .card-image {text-align: center;background: #000;} .cities.recent.posts .card-item {border-radius: 12px;} .cities.recent.posts .User_Info {display: flex;width: 100%;flex-direction: row;} h4.media-heading.m-h4 {font-size: 20px;color: #2b2f32;margin: 0;line-height: normal;} h2.media-heading.m-h4 {font-size: 14px;color: #2b2f32;margin: 0;} .cities.recent.posts .User_Info {display: flex;width: 100%;flex-direction: row;} .cities.recent.posts .User_Info img.media-object {width: 36px;height: 36px;border-radius: 50%;} .media-body.m-body {margin: -10px 0 0;} .media-body.m-body h4.media-heading.m-h4 a {font-size: 14px;font-weight: 600;margin: 0;line-height: normal;} .card-item p.m-p {line-height: normal;font-size: 14px;font-weight: 500;color: #828282;margin: -4px 0 0;} .media-body.m-body {margin: -4px 0 0px;} .m-body {padding-left: 10px;} .bookmark-post-subtitle a, .cities.recent.posts .User_Info .media-body.m-body p.m-p, .TrashIcon a span svg {color: #999;} .post-desc h1, .post-desc h2 {font-size: 18px;color: #000;margin: 15px 0 0;font-weight: 500;} .cities.recent.posts .card-item.col-last.first-col .ReviewsWrote .post-desc p.descs {padding: 5px 0;margin: 0;border-top: 0;min-height: 60px;width: 100%;font-size: 13px;font-weight: 300;line-height: 1.3333;color: #050505;word-break: break-word;} .cities.recent.posts .card-item.col-last.first-col .media-body.item-heading.b-heading {margin: 0;padding: 5px 10px;color: #fff;display: flex;flex-direction: row;justify-content: space-between;} .color-promotion {background-color: #416b62 !important;} .cities.recent .media-body.item-heading h4.media-heading.m-h4, .ShowHover a, .user-name-chat strong, section.dashboard-area.business-detail .y-page-link .opening-hours ul li .days {font-size: 14px;font-weight: 600;} .m-h4 {font-size: 20px;color: #2b2f32;margin: 0;line-height: normal;} .cities.recent.posts .card-item.col-last.first-col .media-body.item-heading.b-heading a {color: #fff;font-size: 16px;margin: 0;} .bus-name h2.media-heading.m-h4 {color: #fff;font-weight: 600;} .cities.recent.posts .ReviewsWrote .media.m-round.last-col {flex-direction: column;border: 0;margin-bottom: 0;padding: 10px 15px;} .cities.recent.posts .card-item.col-last.first-col .media-body.item-heading.b-heading span {font-size: 11px;color: #e5e5e5;margin-left: 10px;} .cities.recent.posts .card-item.col-last .user_review {margin: 0;justify-content: space-between;padding: 0 10px;border: 0;} .cities.recent .user_review {display: flex;} .cities.recent.posts .card-item.col-last .user_review .like-commment {display: inline-block;margin: 5px 0;} .like-commment span {color: #656565;font-size: 14px;} .cities.recent.posts .btn.card__img.img-thumbnail.btn.btn-none, .cities.recent.posts .btn.card__img.img-thumbnail.default {width: 50%;margin-top: 10px;color: #999;font-size: 14px;text-decoration: underline;} .cities.recent.posts .btn.btn-link.card__img.img-thumbnail.btn.btn-none, .cities.recent.posts .btn.btn-link.card__img.img-thumbnail.default {width: 50%;margin-top: 10px;color: #0d6efd;} .cities.recent.posts .card__img.img-thumbnail.btn.btn-none:hover, .cities.recent.posts .card__img.img-thumbnail.default:hover {background: #eee;} .cities.recent.posts .btn.btn-link.card__img.img-thumbnail.btn.btn-none span, .cities.recent.posts .btn.btn-link.card__img.img-thumbnail.default span {color: #0d6efd;} .cities.recent.posts .card-item.col-last .user_review img.card__img {width: auto;background: transparent;border: 0;} .BuyerEmailList .collapse.show .card-body, .user_review button.btn.btn-link.card__img.img-thumbnail.btn.btn-none {padding-left: 0;padding-right: 0;} .cities.recent.posts .user_review button.btn.btn-link.card__img.default span {font-size: 14px;color: #999;} .like_class button.btn.btn-link.default, .like_class p.default, main.home-1 .user_review a.btn.btn-link.card__img.default, main.home-1 .user_review button.btn.btn-link.card__img.default, main.home-1 .user_review p span.CountNumber.default {color: #999;} .cities.recent .card-item.col-last .user_review.post-reaction-count.not-login {border-top: 1px solid #eeeeef;padding-bottom: 10px;border-bottom: 1px solid #eeeeef;} .cities.recent .card-item.col-last {padding: 0;background: #fff;} .saved-bookmark {position: -webkit-sticky;position: sticky;top: 20px;} .bookmark-post-title {color: #65676b;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;margin: 0;} .bookmark-post-subtitle {margin-top: 25px;color: #999;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;} section.SubscriptionArea {margin-top: 50px;} section.SubscriptionArea.mobile {display: none;} .SubScribeArea {width: 35%;margin: 0 auto;} .SubScribeArea input {border-radius: 60px 0px 0px 60px;border: 0;} .SubScribeArea button.btn.btn-primary {border-radius: 0 60px 60px 0;background: #001e46;border-color: #001e46;} .category.text-center {background: #f5f5f5;padding: 40px 0 70px;margin-top: 0px;} .browse-category {margin-bottom: 30px;display: block;background-color: #fff;border-radius: 4px;padding: 30px 0 25px;position: relative;} .browse-category span {display: inline-block;width: 55px;height: 55px;line-height: 55px;border-radius: 50%;transition: 0.3s;font-size: 25px;} img.img-thumbnail {border: 0;} .category.text-center h2, .katika-app h2 {font-size: 21px;font-weight: 700;color: #001e46;} .browse-category .cat__name {color: #333f57;font-size: 16px;text-transform: capitalize;font-weight: 600;margin-top: 15px;transition: 0.3s;} section.k-class.BizFooter {background: #fff !important;padding-bottom: 30px !important;position: relative;border: 0 !important;} .footer-area {padding: 70px 0 20px !important;background: #f4f7fa !important;border-top: 1px solid #e6e6e4 !important;} .footer-item {color: #808996;position: relative;height: 100%;} .footer-item .footer__title {width: 100%;margin: 0 0 15px;padding: 0 0 5px;} .bottom-heading h4.sec__title.undefined, .footer-item .footer__title, main.dashboard-page section.dashboard-area.security .y-page-link.reviews .reviews-tabs .form-area ul.comments-list li .comment-body span.comment__author {font-size: 16px;font-weight: 600;} .footer-item .list-items li a {font-size: 13px;font-weight: 300;position: relative;} .footer-item ul li a {color: #000;} .footer-item .footer__title {margin-bottom: 25px;font-size: 18px;font-weight: 600;color: #333f57;position: relative;display: inline-block;padding-bottom: 15px;} .apps-logo {display: inline-grid;grid-template-columns: 45% 50%;grid-column-gap: 10px;margin-top: 15px;text-align: center;justify-content: end;} section.k-class.footer-area.BizFooter .col-lg-3.col-md-3.col-sm-3.column-td-6.logo img {width: 100%;height: auto;} .k-class.white-bg {background: #fff;border-top: 1px solid #eeeeef;margin-top: 0;} .k-class {padding: 15px 0;vertical-align: top;} .copy-right {color: #808996;font-weight: 500;position: relative;display: -ms-flex;display: flex;justify-content: space-between;align-items: center;font-size: 14px;} .copy-right .list-items li {border-right: 1px solid #ddd;padding-right: 10px;padding-left: 10px;line-height: 20px;float: left;} .k-class.white-bg .copy-right ul li {border-right: 1px solid #ddd;font-weight: 400;font-size: 12px;} .k-class.white-bg .copy-right ul li, .k-class.white-bg .copy-right ul li a {color: #4f4f4f;} .billing-form-item.mb-0.LoginPopup, .billing-form-item.mb-0.LoginPopup .modal-header, .browes-btn .dropzone, .card, .cities.recent .card-content-wrap, .GalleryPics .card-item.blog-card, .k-class.white-bg .copy-right ul.list-items.SocialIcons li, .main-menu-content nav ul.dropdown-menu-item li:last-child, .MoreFeatures .modal-body .Collapsible__contentInner, .reviews-sidebar ul li:last-child, main.BusinessHome .slick-slider .slick-arrow, main.BusinessHome.TermsOfService .main-menu-content.BHome.TP li, main.dashboard-page.BuyerProfile.BuyerReviews .BuyerContent.FriendsManage .sorted, main.home-1 header.header-area .main-menu-content nav #user-picture .user-information ul.UserSocialInfo li:last-child:hover {border: 0;} .k-class.white-bg .copy-right ul li,.k-class.white-bg .copy-right ul li a {color: #4f4f4f;} ul.list-items.SocialIcons li a svg {color: #fff;text-align: center;font-size: 13px;} .slide-slider.addIframe iframe {width: 100%;height: 450px;} .ListingLeftSide {flex: 0.50535 0;position: relative;padding: 0px 20px 100px;} .listing-list.post-list .ListingLeftSide {padding: 0 20px;margin-bottom: 0;} .ListingBox {display: flex;flex-direction: row;} .LeftCustomWidth, .RightCustomWidth {flex: auto;max-width: 360px;min-width: 280px;background-color: #fff;} .b-listing {display: flex;min-width: 774px;} .listing-list.post-list .b-listing {padding-top: 20px;} li.chat-message .card-body p.mb-0, main.listing-list h6.pb-1 {font-size: 13px;} h2.heading-listing {font-size: 20px;font-weight: 600;color: #000;} h2.all-result {font-size: 16px;margin-top: 30px;margin-bottom: 20px;} .listing-list.post-list .MainContentArea {margin-top: 0;} .main-menu-content.listin_nav nav ul li:hover {color: #ff6b6b;border-color: #fff;} .main-menu-content nav ul li:hover .dropdown-menu-item, .payment-option .payment-radio input[type="radio"]:checked ~ .checkmark:after {transform: scale(1);opacity: 1;visibility: visible;} .top-right.user-login-info .login.section .dropdrown-list button#dropdown-basic {border-radius: 3px;font-size: 14px;padding: 0;height: 24px;color: #2b273c;font-weight: 600;text-decoration: none;} .main-menu-content.listin_nav nav ul li .dropdown-menu-item li:first-child a:hover, .main-menu-content.listin_nav nav ul li .dropdown-menu-item li a:hover {background: #eeeeef; color: #2b273c;} .side-bar-left {display: flex;min-width: 240px;} .listing-list.post-list .sidebar.listing-page {top: 150px;} .filter-category {margin-bottom: 0 !important;margin-top: 0 !important;} .bottom_buttons {background: #f4f4f4;border-radius: 4px;width: 100%;padding: 8px 4px;border-color: #eeeeef;} .bottom_buttons button.r-button-d-block {vertical-align: top;height: 40px;padding: 0 20px;margin-left: 4px;margin-right: 4px;} .bottom_buttons a, .bottom_buttons button {background-color: #fff;border: 1px solid #bbbac0;box-sizing: border-box;border-radius: 4px;display: inline-block;font-size: 16px;font-weight: 600;color: #000;} .bottom_buttons a:hover, .bottom_buttons button:hover {background-color: #c4c4c4;border-color: #c4c4c4;color: #000;} ul.rating-list.distance.filter-category.post-category-modal {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;} .SelectPrice {display: inline-block;border: 1px solid #a3a3a3;border-radius: 100px;overflow: hidden;margin-bottom: 10px;width: 100%;} .SelectPrice .custom-checkbox {border-left: 1px solid;margin: 0;width: 25%;text-align: center;float: left;} .sidebar.listing-page .SelectPrice .custom-checkbox input[type="checkbox"]:checked + label:before {background-color: #f11;border-color: #f11;width: 100%;overflow: hidden;height: 25px;top: 0;} .custom-checkbox input[type="checkbox"]:checked + label:before, .SelectPrice .custom-checkbox input[type="checkbox"]:not(:checked) + label:before {content: "";position: absolute;left: 0;top: 3px;width: 18px;height: 18px;border: 0;background-color: transparent;border-radius: 0;z-index: -1;} .sidebar.listing-page .custom-checkbox input[type="checkbox"]:checked + label:before {background-color: #326d62;border-color: #326d62;} .SelectPrice .custom-checkbox:first-child {border-left: 0;position: relative;} .SelectPrice .custom-checkbox input[type="checkbox"]:checked + label:after {opacity: 0;} .SelectPrice .custom-checkbox input[type="checkbox"]:checked + label {padding-left: 0;color: #fff;} li.chat-message .card-body p.mb-0, main.listing-list h6.pb-1 {font-size: 13px;} main.listing-list .sort-by {float: right;} .sorted {margin-top: 20px;display: grid;grid-template-columns: auto auto;border-bottom: 1px solid #000;} main.listing-list .sort-by .sorted {border-bottom: none;position: relative;top: -18px;} .sorted .dropdown label {color: #000;font-size: 14px;} .listing-list .sorted .dropdown button {background: transparent;border: 0;color: #000;padding: 0;margin: 0;font-size: 14px;} h2.heading-listing {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 60%;} h2.all-result {font-size: 16px;margin-top: 30px;margin-bottom: 20px;} .card-item.card-listing.listing-page {margin-bottom: 30px;border: 1px solid #e5e5e5;border-radius: 3px;transition: box-shadow 0.3s;} .card-item.card-listing.d-flex.listing-page a.card-image-wrap {padding: 10px 0 10px 10px;} .card-listing .card-image-wrap {flex: 1 1;} .card-listing .card-image-wrap .card-image,.card-listing .card-image-wrap .card-image:after {border-radius: 4px 0 0 4px;border-bottom: 1px solid #e5e5e5;} .card-listing .card-image-wrap .card-image img.card__img {height: 200px;} .card-listing .card-image-wrap .card-image .card__img {height: 324px;object-fit: cover;border-radius: 4px 0 0 4px;} .card-image .card__img, .team-item .team-img img {width: 100%;border-radius: 4px 4px 0 0;} .card-image .badge {position: absolute;background-color: #40cc6f;top: 15px;left: 21px;padding: 6px 11px;font-size: 12px;text-transform: capitalize;border-radius: 30px;font-weight: 600;z-index: 1;} .card-listing .card-content-wrap.lists {flex: 2 1;border-radius: 0 4px 4px 0;border: 0;} .card-content-wrap {text-align: left;} .card-content {padding: 0 20px 20px;} .card-content-wrap.lists .card-content {font-size: 12px;line-height: normal;} .top-info, .user-area {display: grid;grid-template-columns: auto auto;} .top-info, .user-desc {width: 100%;} .cities, .cities.recent h2, .claimed .user-name, .claimed a, .inline-block, .m-round img, .name-user, .product, .review-rating-summary.ratings .review-rating-summary-inner, .review-rating-summary.ratings .stats-average__rating, .top-right .bell-icon a, main.dashboard-page.BuyerProfile .user-info .uploads-update ul.uploads .upload-photos .drag-and-drop-wrap.text-center, main.dashboard-page .dashboard-area .y-page-link a, span.photos {display: inline-block;} .card-content-wrap.lists h4.card-title {margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 200px;} .card-title {font-size: 18px;color: #333f57;font-weight: 600;margin-top: 24px;margin-bottom: 5px;} .card-title i {color: #40cc6f;} .rating-row {border-top: 1px solid #eee;padding: 15px 20px 15px 24px;display: flex;align-items: center;justify-content: space-between;color: #808996;} .rating-row.stars {padding: 0;display: inline-block;border: 0;} .rating-rating.rating-detail.landing span {color: #000;display: inline-block;border-radius: 2px;width: auto;} .address {display: inline-block;text-align: right;margin-top: 12px;} .address ul {line-height: 15px;} .card-content-wrap.lists .card-content p.card-desc {margin: 5px 0 15px;display: inline-block;font-size: 14px;color: #bbb;} .rating-rating.rating-detail.landing span span span img.icon {width: 25px;} .card-sub {font-size: 14px;color: #808996;font-weight: 500;margin: 0 !important;} .map-side {flex: 0.49465 0 270px;padding: 0;} .map-height, .MobileView .VideoContent, .MobileView .VideoContent .ratio, .VideoContent {height: 100%;} .MainContentArea.SearchListing {margin-top: 0;max-width: unset;display: inline-block;width: 100%;} .map-side iframe {border: 0;height: calc(-133px + 100vh);position: sticky;display: flex;top: 110px;} .MapBox {position: sticky;top: 0;} .ListingLeftSide .sidebar.listing-page {top: 100px;padding: 15px 20px 40px 0;} .custom-checkbox input[type="checkbox"]:checked + label, .SelectPrice .custom-checkbox input[type="checkbox"]:not(:checked) + label {position: relative;padding-left: 0;font-size: 13px;} .custom-checkbox input[type="checkbox"]:checked + label {padding-left: 26px;font-size: 14px;} .SeeAbout .input-box:last-child, .sidebar.listing-page .sidebar-widget:last-child, main.dashboard-page .dashboard-area .y-page-link ul li:last-child {border-bottom: 0;} section.breadcrumb-area.listing-detail-breadcrumb.detail-gallery {width: 100%;max-width: 1922px;margin: 0 auto;position: relative;} .breadcrumb-area:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(51, 63, 87, 0.8);z-index: -1;} .breadcrumb-area:before, main.signup-page.BizSignUp .k-class.white-bg .copy-right:after {background-color: transparent;} section.breadcrumb-area.listing-detail-breadcrumb.detail-gallery .images-gallery {overflow: hidden;position: relative;white-space: nowrap;} .multi-images.delete-account-info, .multi-images.gallery-info {box-sizing: border-box;height: 400px;width: auto;position: relative;background: #f5f5f5;background: linear-gradient(115deg, #f5f5f5 70%, #fff 110%);vertical-align: middle;background-repeat: no-repeat;display: inline-block;} .multi-images.delete-account-info img, .multi-images.gallery-info img {max-height: 400px;min-height: 400px;} section.breadcrumb-area.listing-detail-breadcrumb .breadcrumb-wrap {position: absolute;bottom: 10%;z-index: 9;width: 100%;left: 0;right: 0;} .breadcrumb-area .bread-svg {position: absolute;bottom: -20px;left: 0;width: 100%;} .BusinessInfo.banner_img.mobile-show, main.dashboard-page .sidebar-widget.side-menu .info-list ul.list-items li a:hover:before, section.breadcrumb-area.listing-detail-breadcrumb .bread-svg {display: none;} section.detail-gallery .overlay-listing {top: 0;left: 0;bottom: 0;width: 100%;background-size: cover;right: 0;position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 31.42%, #000);content: "";pointer-events: none;} .breadcrumb-area {padding-top: 220px;padding-bottom: 210px;position: relative;z-index: 1;color: #fff;background-image: url(../images/bread-bg.jpg);overflow: hidden;} .BuyerContent .contact-form-action .form-group select.form-control, .chat-filter select.selectpicker, .cities.recent.BuyerPhotos .top-right.user-login-info .user-side.login.DropMenu .user-information, .cities.recent.BuyerPhotos .top-right.user-login-info .user-side.login.DropMenu img, .cities.recent.posts, .cities.recent.posts .ReviewsWrote img.card__img.img-thumbnail, .MobileHelp .contact-help, .MobileView .Rectangle.Video, main.BusinessHome .testimonial-carousel .slick-list, main.dashboard-page.details-info section.dashboard-area.business-detail.social-media .y-page-link ul li:last-child, main.dashboard-page .header-menu-wrapper .main-menu-content, main.home-1 .user-area #user-picture .user-information, main .user-login-info .user-side.login.DropMenu #user-picture .user-information, section.breadcrumb-area.listing-detail-breadcrumb {padding: 0;} .breadcrumb-content .breadcrumb__title {font-size: 40px;font-weight: 700;margin-bottom: 22px;} .booking-list li, .listing-detail-breadcrumb .breadcrumb-content .breadcrumb__title {margin-bottom: 15px;} .claimed {display: inline-block;width: 100%;margin-top: 6px;} .claimed a span {display: inline-block;color: #5cd3b7;font-size: 18px;} .claimed a span.icon {background: #5cd3b7;color: #fff;border-radius: 50%;height: 22px;width: 22px;line-height: 18px;display: inline-block;margin-top: 5px;font-size: 20px;text-align: center;} .claimed .user-name span.dot {height: 3px;width: 3px;background: #fff;margin: 4px 5px;border-radius: 10px;} .BusinessHour {display: inline-block;margin-top: 10px;} .BusinessHour span.open {color: #bffeeb;font-weight: 600;} .BusinessHour span.rest-info {color: #bffeeb;} .BusinessHour span.rest-info img {display: inline-block;margin: -3px 0 0 10px;} .report-list-items {position: absolute;right: 15px;bottom: 0;} .listing-info li {margin-right: 6px;display: inline-block;} .error-area .error-actions ul li:last-child, .listing-info li:last-child, .listing-info ul li:last-child, .owl-carousel.owl-drag .owl-item.active:last-child .card-item, .social-profile li:last-child {margin-right: 0;} .review-rating-summary.ratings .stats-average__rating .rating-rating.d-flex {display: inline-block !important;} .review-rating-summary.ratings p.stats-average__rating-rating {display: inline-block;margin: 0 0 0 10px;position: relative;top: 2px;} .listing-info li .theme-btn {line-height: 40px;padding-right: 20px;padding-left: 20px;} .download-btn:hover, .theme-btn:hover, .video-play-btn:hover {background-color: #001e46;color: #fff;} .report-list-items .theme-btn {background-color: hsla(0, 0%, 100%, 0.02);border: 1px solid hsla(0, 0%, 100%, 0.3);} .report-list-items .theme-btn:hover {border-color: hsla(0, 0%, 100%, 0.6);} section.single-listing-area.pt-4 {color: #333;} .craousel-slider .comments-list, .MidCustomWidth h2, .MidCustomWidth h6, .MobileAbout .partners, .write-review, main.BusinessHome.AboutUs .MobileAbout .Rectangle.Video .VideoContent p {text-align: left;} .write-review {display: grid;grid-template-columns: 510px auto;} .write-review a, .write-review button {border: 1px solid #bbbac0;border-radius: 3px;padding: 10px;font-size: 16px;font-weight: 500;color: #2b273c;margin: 0 5px;} .write-review .review-button {background: #001e46;color: #fff;border: 0;} .write-review a:hover, .write-review button:hover, main.dashboard-page .dashboard-area .y-page-link ul.pagination.justify-content-end.asrt-pagination li.page-item.active a.page-link {background: #001e46;border-color: #001e46;color: #fff;} .businesses, .pkg-title h1, .reviews-tabs .form-area, main.listing-list.post-list.banner {margin-top: 30px;} .businesses h2.business-head, main.dashboard-page .dashboard-area .y-page-link h2, main.dashboard-page .y-page-link.reviews h4 {font-size: 20px;font-weight: 600;color: #2b273c;} .video-desc {width: 100%;display: inline-block;margin: 15px 0 0;} .get-direction p.ShopAddress, .video-desc p {font-size: 14px;line-height: 21px;} .single-listing-wrap.details .listing-description {border-bottom: 1px solid #eeeeef;margin-bottom: 30px;} .get-direction {width: 188px;display: inline-block;margin-top: 25px;} .get-direction p.ShopAddress {margin: 0;color: #2b273c;} .get-direction h3.heading-direction {font-size: 14px;font-weight: 600;color: #2b273c;line-height: 21px;} .get-direction p.ShopAddress {margin: 0;color: #2b273c;} .direction-btn {margin: 0;position: relative;top: 25px;float: right;text-align: center;width: 165px;} .direction-btn a {border: 1px solid #bbbac0;box-sizing: border-box;border-radius: 3px;padding: 0 15px;color: #2b273c;display: inline-block;height: 37px;line-height: 37px;} .direction-btn a:hover {color: #fff;background: #001e46;border-color: #001e46;} .single-listing-wrap.details .comments-wrap {border-top: 1px solid #eeeeef;margin-top: 60px;padding-top: 30px;} .password-description, section.single-listing-area .details.single-listing-wrap .comments-wrap {margin-bottom: 50px;} .single-listing-wrap.details ul.list-items li {color: #333;} .list-items li.d-flex.days_time .days {width: 50px;} .list-items li.d-flex.days_time span.closed-now {background: 0 0;margin: 0 0 0 15px;font-weight: 600;color: #001e46;} .sidebar {border: 1px solid rgba(128, 137, 150, 0.2);padding: 40px 30px 0;border-radius: 4px;} .sidebar.section-bg.details-sidebar {padding: 0;background: #fff;border: 0;position: -webkit-sticky;position: sticky;top: 10px;} .sidebar.section-bg.details-sidebar .sidebar-widget {padding: 15px;display: inline-block;width: 100%;border: 1px solid rgba(128, 137, 150, 0.2);border-radius: 3px;margin-bottom: 20px;} .recent-item, .sidebar .static-info ul {display: -ms-flex;} .sidebar .static-info ul {display: flex;flex-wrap: wrap;margin: 0;} li.info-website {width: 50%;} .sidebar .static-info li {flex-basis: 50%;} li.info-website a.custom-color-326D62 {width: 83%;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .sidebar.section-bg.details-sidebar ul li a, main.dashboard-page .dashboard-area .y-page-link ul li a {color: #2b273c;font-size: 16px;margin: 0 10px;} .sidebar.section-bg.details-sidebar ul li .custom-color-326D62 {color: #326d62;} .info-list li .la, .tag-number {line-height: 30px;width: 30px;height: 30px;} .info-list li .la, .list-items li a {-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;} .info-list li .la, .list-items li span {-webkit-border-radius: 50%;-moz-border-radius: 50%;text-align: center;} .info-list li .la {color: #ff6b6b;margin-right: 2px;font-size: 16px;border-radius: 50%;transition: 0.3s;display: inline-block;} .login .navbar .nav-item:hover .dropdown-menu { display: unset; position: absolute; right: -15px; top: 40px; left: auto; } .sidebar.section-bg.details-sidebar ul li a, main.dashboard-page .dashboard-area .y-page-link ul li a {color: #2b273c;font-size: 16px;margin: 0 10px;text-decoration: none;} .sidebar.section-bg.details-sidebar ul li .custom-color-326D62 {color: #326d62;} .sidebar.section-bg.details-sidebar ul li.justify-content-between.b-address address {line-height: normal;padding-left: 10px;font-weight: 400;font-size: 14px;color: #757280;margin-bottom: 0;} .sidebar.section-bg.details-sidebar ul li, main.dashboard-page .dashboard-area .y-page-link ul li {flex-basis: 100%;border-bottom: 1px solid #eeeeef;margin: 0;height: auto;padding: 10px 0;display: flex;align-items: center;} .sidebar.section-bg.details-sidebar .info-list.static-info.padding-top-0px i svg {font-size: 24px;} .sidebar.section-bg.details-sidebar ul li:last-child {border-bottom: 0;padding-bottom: 0;margin-bottom: 0;} .sidebar.section-bg.details-sidebar .sidebar-widget.amenities li {border: 0;height: 30px;} .sidebar.section-bg.details-sidebar .sidebar-widget.amenities li a:before{display: none;} .sidebar.section-bg.details-sidebar .sidebar-widget.amenities li a.d-flex.align-items-center.before-none span {width: 25px;text-align: left;background: 0 0;display: inline-block;} .single-listing-wrap.details ul.list-items li strong.font-weight-medium {font-weight: 500;} .color-useful {background-color: #7ccfb7 !important;} .color-general {background-color: #001e46 !important;} ul.rating-list.distance.filter-category.mt-4.zipcode-post {-webkit-column-count: 6;column-count: 6;} .sidebar .rating-list li {display: inline-block;padding-right: 0;position: relative;} ul.rating-list.distance li span.la-star {color: #333;font-size: 14px;font-weight: 400;padding-left: 25px;} .sidebar .rating-list li .review-label {display: inline-block;margin-top: 0px;float: left;color: #333;font-weight: 400;font-size: 14px;padding-top: 1px;} ul#post_zipcode_listing label, .modal-body label.review-label {padding-left: 5px;} .sidebar .rating-list li .review-label span {font-size: 14px;} .modal-header .close {padding: 1rem;margin: -1rem -1rem -1rem auto;background: none;border: 0;} .close {float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: 0.5;} .modal-title.h4 {color: #000;} .button-modal-footer .btn-secondary {color: #fff;background-color: #6c757d;border-color: #6c757d;} .button-modal-footer button.btn.btn-primary {background: #001e46;border-color: #001e46;margin: 0 0 0 5px;} button.btn.btn-primary.filter-btn {border: 0;box-shadow: none;color: #326d62;font-size: 14px;font-weight: 500;line-height: normal;padding-bottom: 10px;background: transparent;height: 0;padding: 0;} .modal-body button.accordion-button {background: transparent;color: #000;box-shadow: none;} .accordion-button:not(.collapsed) {color: #000;} .accordion-button:focus {outline: 0;border: 0;} .modal-body .accordion-item {border: 0;box-shadow: none;border-bottom: 1px solid #ebebeb;border-radius: 0;} .MoreFeatures .modal-body, .NeighborhoodsModal .modal-body {height: 450px;overflow: auto;} .sort-by .sorted ul.dropdown-menu a.dropdown-item {font-size: 13px;padding: 2px 15px;} .sort-by .sorted ul.dropdown-menu a.dropdown-item:focus {color: #fff;} .custom-checkbox.hello {display: flex;align-items: center;margin-bottom: 5px;} .MapBox #map {height: 79vh;} .color-text {color: #001e46 !important;} .single-listing-wrap.details .comments-wrap {border-top: 1px solid #eeeeef;margin-top: 60px;padding-top: 30px;} .padding-top-10px {padding-top: 10px;} section.single-listing-area ul.comments-list li {border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;padding-top: 20px;} .comment.listing-details {display: grid;grid-template-columns: 64px auto;margin: 0 0 15px;} .comment.listing-details .user-img {display: inline-block;width: 64px;height: 64px;border-radius: 50%;border: 0;margin: 10px 15px 0 0;position: relative;padding-top: 0;overflow: hidden;background-color: rgba(0, 0, 0, 0.15);} .comment.listing-details .user-img img.avatar__img {width: 100%;height: 100%;box-shadow: 0 0 40px rgb(82 85 90 / 10%);position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;object-fit: cover;border: 0;} .comment .comment-body {margin-left: 16px;padding-top: 10px;} .single-listing-wrap.details .comment .comment-body .comment__author {font-size: 16px;color: #0073bb;} .comment .comment-body .comment__date {display: block;} span.photos {display: inline-block;} .margin-left-20px {margin-left: 20px;} .photo_number {font-size: 14px;font-weight: 600;margin: 0;display: inline-block;color: #595959;} ul.comments-list li .rate-business p.comment-content {margin: 0 0 5px;} section.single-listing-area .details.single-listing-wrap .comments-wrap ul.comments-list p.comment-content {font-size: 14px;font-weight: 400;} .rating-rating.rating-detail.landing span span span {height: 25px;margin-bottom: 0px;} .ReviewsBtn {margin-top: 20px;display: inline-flex;} .ReviewsBtn button.btn.btn-none {border: 1px solid #999;box-sizing: border-box;border-radius: 3px;font-size: 12px;font-weight: 600;color: #999;margin: 0 15px 0 0;min-width: 100px;text-align: left;position: relative;text-decoration: none;display: flex;align-items: center;} .ReviewsBtn button.btn.btn-none span {margin: 0 5px 0 0;text-decoration: underline;} .ReviewsBtn button.btn.btn-none:hover span {text-decoration: none;} .ReviewsBtn button.btn.btn-none p.useful1, .ReviewsBtn button.btn.btn-none p.funny, .ReviewsBtn button.btn.btn-none p.cool {position: absolute;right: 0;top: 7px;margin: 0;} .btn-link:hover {text-decoration: none;} .ReviewsBtn button.btn.btn-none.comment {background: #007bff;color: #fff;border-color: #007bff;display: flex;} .ReviewsBtn button.btn.btn-none img.card__img.white, .ReviewsBtn button.btn.btn-none img.avatar__img.white {display: none;} .ReviewsBtn button.btn.btn-none.comment img.card__img {display: none;} .ReviewsBtn button.btn.btn-none.comment img.card__img.white, .ReviewsBtn button.btn.btn-none.comment img.avatar__img.white {display: block;} .ReviewsBtn button.btn.btn-none p span {text-decoration: none;} .sidebar-widget.single-h .online-business-images {margin-top: 15%;} .margin-bottom-10px {margin-bottom: 10px;} .sidebar.section-bg.details-sidebar .author-inner-bio h4.author__title.font-weight-bold.pb-0.mb-1 {font-size: 20px;color: #2b273c;font-weight: 600 !important;} .sidebar.section-bg.details-sidebar .sidebar-widget .btn-box.text-center.padding-top-35px {position: static;display: block;} .padding-top-35px {padding-top: 35px;} .sidebar.section-bg.details-sidebar .service .btn-box button.r-button-d-block.btn {height: auto;min-height: 48px;} .sidebar.section-bg.details-sidebar .service button.btn.btn-primary {background: #001e46;border-color: #001e46;margin: 0 15px 0 0;} .sidebar.section-bg.details-sidebar .service .btn-box .r-button-d-block {background: #001e46;border-color: #001e46;font-size: 16px;font-weight: 600;color: #fff;width: 100%;height: 48px;padding-left: 24px;padding-right: 24px;text-transform: capitalize;transition: all 0.3s;box-shadow: 0 0 40px rgb(82 85 90 / 10%);position: relative;display: block;border-radius: 4px;} .businesses a {background: #001e46;border-radius: 3px;padding: 7px 10px;color: #fff;margin: 10px 0 0;display: inline-block;} .social-share .fb {padding-right: 7px;} .social-share .tw {padding-left: 7px;} .social-share a {border-radius: 3px;padding: 7px 10px;color: #fff;margin: 10px 0 0;display: flex;width: 100%;border: none;height: 40px;align-items: center;gap: 5px;justify-content: center;font-size: 14px;} .social-share .fb a {background: #1877f2;} .social-share a svg {font-size: 22px;display: inline-block;} .social-share .tw a {background: #50abf1;} .form-group.share-link {position: relative;} .margin-top-20px {margin-top: 20px;} .form-group.share-link span {position: absolute;left: 10px;top: 6px;border-right: 1px solid #ccc;width: 30px;height: 26px;} .form-group.share-link input.form-control {padding-left: 50px;font-size: 12px;min-height: 38px;} .account-assist .account__desc {position: relative;font-size: 18px;} .account-assist .account__desc:after, .account-assist .account__desc:before {position: absolute;content: "";left: 0;top: 50%;width: 45%;height: 1px;background-color: rgba(128, 137, 150, 0.2);transform: translateY(-50%);} .account-assist .account__desc:after {left: auto;right: 0;} #shareBusinessModal .form-group {margin-bottom: 1rem;} .share-footer.modal-footer {text-align: center;display: block;margin: 0 auto;} .share-footer.modal-footer button.btn.btn-primary {background: #001e46;border-color: #001e46;margin: 0 15px 0 0;width: 150px;} .nav-listing-search {/*border-bottom: 1px solid #eeeeef;*/background: #fff;} .nav-listing-search.no-bg{background: #000} .nav-listing-search.no-bg .main-menu-content.listin_nav nav a {color: #fff;} ul.comparison-card-list {column-count: 4;-webkit-columns: 4;-moz-columns: 4;} ul.comparison-card-list .parent a {font-weight: 600;font-size: 14px;line-height: 21px;color: #000;padding-bottom: 4px;} ul.comparison-card-list .child a {font-weight: 400;font-size: 12px;line-height: 18px;color: #000;padding-bottom: 4px;} ::-webkit-scrollbar {width: 5px;} ::-webkit-scrollbar-track {background: #f1f1f1;} ::-webkit-scrollbar-thumb {background: #888;} ::-webkit-scrollbar-thumb:hover {background: #555;} .sidebar-widget.amenities ul.list-items {margin-top: 25px;margin-bottom: 0;} .sidebar-widget.amenities ul.list-items img {max-width: 200px;max-height: 75px;margin-top: 5px;} .sidebar-widget.amenities .cat-list.social img.icons {margin-top: 0;} .sidebar-widget.amenities ul.list-items a {display: inline-block;color: #326d62;text-decoration: underline;} /*--------------------------- Signup----------------------------------------*/ .color-black {color: #000 !important;} .padding-top-60px {padding-top: 60px;} .padding-left-60px {padding-left: 60px;} .padding-right-60px {padding-right: 60px;} .padding-bottom-30px {padding-bottom: 30px;} .NewUser.SignUpSelection {max-width: 100%;} .margin-top-40px {margin-top: 40px;} .SelectUser {border: 1px solid #ddd;border-radius: 5px;position: relative;display: inline-block;width: 100%;} .SelectRadio {height: 22px;width: 22px;border: 1px solid #e5e5e5;border-radius: 50px;float: right;position: absolute;right: 5px;top: 5px;background: #fff;} .SelectRadio input[type=radio] {box-sizing: border-box;padding: 0;width: 22px;height: 22px;border: 0;visibility: hidden;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .SelectRadio input[type=radio]:after {width: 18px;height: 18px;border-radius: 35px;left: 0;background-color: #fff;display: inline-block;border: 0;} .SelectRadio input[type=radio]:after, .SelectRadio input[type=radio]:checked:after {top: 0;bottom: 0;position: absolute;content: "";visibility: visible;right: 0;margin: auto;} .SelectUser.active-user, .SelectUser:hover {background: #fff6f6;border-color: #001e46;} .SelectRadio input[type=radio]:checked:after {display: flex;width: 12px;height: 12px;border-radius: 15px;background-color: #001e46;border: 0;left: -3px;right: 0;top: 0;bottom: 0;} .NewUser.SignUpSelection .signupBtnDefault {border-radius: 50px;color: #fff;margin: 0;} .faq-forum .contact-form-action textarea {padding-left: 10px;} .user-info.sign-up input.form-control, .signup-page .form-shared.login-page .input-box input.form-control {padding-left: 10px;} #user-photo-pagination-view-main button.theme-btn.active, #user-photo-pagination-view-main button.theme-btn:hover {background-color: #001e46;opacity: 1;} #user-photo-pagination-view-main button.theme-btn {background-color: #001e46;opacity: .5;} .TopHeaderLeft .k-story-logo img {width:50px;background:#fff;border-radius:100%;padding:5px;height:50px;} /* .custom-checkbox { display: none; } */ .SelectPrice .custom-checkbox + label { position: relative; padding-left: 30px; cursor: pointer; } /* Un-Checked box */ .SelectPrice .custom-checkbox + label::before { content: ""; width: 20px; height: 20px; border: 2px solid #555; position: absolute; left: 0; top: 2px; border-radius: 4px; } /* Checked box */ .SelectPrice .custom-checkbox:checked + label::before { background-color: #28a745; border-color: #28a745; } /* Tick symbol */ .SelectPrice .custom-checkbox:checked + label::after { content: "✔"; position: absolute; left: 4px; top: 0; color: white; font-size: 16px; } /*--------------------------- Signup----------------------------------------*/ @media screen and (min-width: 2000px) { .MidCustomWidth {flex: auto;max-width: 680px;width: 680px;margin: 0 auto;text-align: left;} .MainContentArea {max-width: 1465px;margin: 50px auto 0;} .MapBox #map {height: 100vh;} } @media screen and (min-width: 1700px) { .MidCustomWidth {flex: auto;max-width: 600px;width: 600px;margin: 0 auto;text-align: left;} .MapBox #map {height: 100vh;} } @media screen and (min-width: 1367px) and (max-width: 1699px) { .MidCustomWidth {flex: auto;max-width: 550px;width: 550px;margin: 0 auto;text-align: left;} .MapBox #map {height: 100vh;} } @media screen and (min-width: 1200px) and (max-width: 1366px) { .LeftCustomWidth, .RightCustomWidth {flex: auto;max-width: 300px;min-width: 280px;} .MidCustomWidth {flex: auto;max-width: 500px;width: 500px;margin: 0 auto;text-align: left;} .MapBox #map {height: 100vh;} } @media screen and (min-width: 768px) and (max-width: 991px) { .main-menu-content.listin_nav ul {background: #f9f9f9;} .main-menu-content.listin_nav ul li {padding-right: 0px !important;} .HomePage .search-feild {background: transparent;box-shadow: none;border: 0;margin-top: 10px;} span.HBorder {display: none;} .ListingLeftSide {flex: auto;} .cities {padding-top: 0;} .Banner{height: auto;} .sidebar-widget.single-h .online-business-images {margin-top: 0;} .top-info {grid-template-columns: auto;} .card-content-wrap.lists h4.card-title h2.heading-listing {width: 300px;} .rating-row.stars {padding: 0;} .rating-rating.rating-detail.landing span span span {margin-bottom: 0;} .card-content-wrap.lists .card-content {padding: 0 10px 5px;} .bottom_buttons {background: transparent; border:0;} .address {margin-top: 5px;text-align: left;} .address ul {margin-bottom: 0;} .HomePage .search-feild .react-autosuggest__container {display: flex;border: 1px solid #e5e5e5;margin-bottom: 10px;border-radius: 4px;flex-direction: column;text-align: left;} .main-menu-content.listin_nav nav ul li {border-bottom: 1px solid #e9e9e9;} .BannerHeading h1 {font-size: 37px;line-height: 1.2;text-transform: capitalize;text-align: center;} .BannerHeading h1 span.HideMobile {display: none;} .BannerHeading p {color: #fff;font-size: 16px;text-align: center;} .BannerHeading p.HideInMobile {display: none;} .PhonesImg {position: relative;margin-top: 20px;display: none;} .PhonesImg img {width: 100%;height: auto;} .AppStoreIcons {flex-direction: column;gap: 10px;display: none;} .SearchFeild {display: inline-block;width: 100%;margin-top: 30px;} .SearchBtn button {border-radius: 0.375rem;height: 100%;border: 2px solid #dc3545;width: 100%;float: right;} .Find input.form-control, .Find.Near input.form-control, .Find input.form-control, .Find.Near input.form-control {border-radius: 0.375rem;} .Find {width: 100%;margin-bottom: 10px;} .search-category a {margin: 10px 5px 0;} .category.text-center {padding:10px 0 0 0;margin-top: 0;background: #fff;border-bottom: 1px solid #EFEFEF;} .footer-item .footer__title {border-bottom: 1px solid #000;margin: 0;padding-bottom: 5px;} .footer-area {padding: 30px 0 20px !important;} .Ads {text-align: center;} .Find span {left: 10px;} .Find input.form-control {padding: 6px 20px 6px 60px;font-size: 15px;} .MainContentArea {margin-top: 30px;} .subheding h2 {margin-top: 10px;} .cities.recent .card-item.col-last .user_review.post-reaction-count.not-login {padding-bottom: 0;} .cities.recent.posts .btn.btn-link.card__img.img-thumbnail.btn.btn-none, .cities.recent.posts .btn.btn-link.card__img.img-thumbnail.default {margin-top: 0;} .sidebar.listing-page {padding: 20px 0 10px;} .ListingBox {display: flex;flex-direction: column;} .b-listing {min-width: 100%;display: block;} .listing-list.post-list .ListingLeftSide {padding: 0;margin-bottom: 0;} .search-feild {height: auto;margin-top: 20px;} .nav-listing-search .main-search-input-item input.react-autosuggest__input {width: 100%;border-bottom: 0;border-radius: 0.375rem 0.375rem;} .main-search-input-item.search-input button.button.theme-btn {width: 100%;border-radius: 4px;position: static;} .main-search-input-item.search-input .contact-form-action form {grid-template-columns: auto;} .container-fluid.nav-listing-cat {position: static;} .main-search-input-item.location .css-2b097c-container, .main-search-input-item.search-input input.form-control {width: 100%;} li.info-website a.custom-color-326D62 {width: auto;} .report-list-items ul.listing-info {margin: 0;} .write-review {grid-template-columns: auto;} .direction-btn {width: 145px;} .write-review a, .write-review button {margin: 0 5px 15px;} .report-list-items {position: static;margin-top: 15px;} section.breadcrumb-area.listing-detail-breadcrumb .breadcrumb-wrap {bottom: 5%;} .sidebar.section-bg.details-sidebar .sidebar-widget {padding: 15px;} .photo-upload h1 {font-size: 20px;} .b-listing button.theme-btn {margin-bottom: 10px;} .ListingLeftSide {flex: auto;padding-bottom: 10px;} .stroy-media.post-details-page.review_page .slide-slider img, .stroy-media.post-details-page.review_page .slide-slider video {height: auto;width: 100%;} .story-slider.view-story .slick-track {height: 45vh;} .stroy-media.post-details-page.review_page .topHeaderRight {padding-top: 0;padding-left: 20px;padding-bottom: 35px;} .stroy-media.post-details-page.review_page .add-comment {bottom: 10px;} .breadcrumb-content .breadcrumb__title {font-size: 26px;} .stroy-media.post-details-page.review_page .story-slider.view-story .slick-list {width: 100%;} .sidebar.section-bg.details-sidebar ul li.justify-content-between.b-address address {margin: 0;} .main-menu-content.listin_nav nav ul li .dropdown-menu-item li {width: 100%;display: inline-block;border: 0;} /*.main-menu-content.listin_nav nav ul li .dropdown-menu-item {max-width: 100%;padding: 5px 0;}*/ .main-menu-content.listin_nav nav ul li .dropdown-menu-item {max-width: 100%;padding:0;top: 38px;} .main-menu-content.listin_nav nav ul li:first-child a, .main-menu-content.listin_nav nav ul li a {padding-left: 0px;} .main-menu-content.listin_nav nav ul li img {margin-right: 10px;} .top-right {margin-top: 0;grid-template-columns: auto;justify-content: center;} .top-right .business {padding: 6px 0;} .businesses, .pkg-title h1, .reviews-tabs .form-area, main.listing-list.post-list.banner {margin-top: 0;} .video-desc {margin: 0;} .single-listing-wrap.details .comments-wrap {margin-top: 10px;} .password-description, section.single-listing-area .details.single-listing-wrap .comments-wrap {margin-bottom: 10px;} .ListingLeftSide .sidebar.listing-page {padding: 15px 20px 0px 0;} section.k-class.BizFooter {padding-bottom: 10px !important;border-top:0 !important } h2.all-result {margin-top: 15px;} ul.list-items.SocialIcons {margin: 0;} .SearchArea {min-height: 415px;} .map-side {flex: auto;padding: 0 10px;} /*.RightCustomWidth{display: none;}*/ .change-order-two.mobile {display: grid;} .MainContentArea {margin-top: 30px;order: 2;} .category.text-center h2{display: none;} .browse-category .cat__name {font-size: 12px;font-weight: normal;margin-top: 0;} .browse-category {margin: 0;padding: 0;} .ShowMobile{background: #000;z-index: 1} .Banner img.banner-bg, .LeftCustomWidth{display: none;} /*.LeftCustomWidth, .RightCustomWidth{display: none;}*/ .BgBlackColor {background: #000;margin: 0 0 -1px 0;} .BgBlackColor .HomePage .logo a {width: 37px;overflow: hidden;display: inline-block;} .BgBlackColor .HomePage .logo a img{width: auto;} .BgBlackColor .nav-listing-search {border-bottom:0;background: transparent;} .cities.recent.posts .ReviewsWrote .card-image {border-radius: 12px;overflow: hidden;} .BgBlackColor .HomePage .search-feild .react-autosuggest__container{border:0;} .BgBlackColor .ChangeSizeIcon { position: absolute; top: 11px; left: 22px; font-size: 22px; } .BgBlackColor .MenuBtn {color: #fff;text-transform: uppercase;font-size: 15px;display: flex;align-items: center;gap: 10px;} .BgBlackColor .MenuBtn:focus{box-shadow: none;border:0;} .BgBlackColor .MenuBtn i{font-size: 22px} .BgBlackColor .main-search-input-item.search-input input.form-control {padding: 12px 0 12px 35px;margin-bottom: 10px} .BgBlackColor .main-search-input-item.search-input {position: absolute;width: 100%;} .BgBlackColor .HomePage .search-feild {background: transparent;box-shadow: none;border: 0;margin-top: 10px;position: relative;min-height: 55px;} .BgBlackColor #navbarSupportedContent {position: absolute;width: 100%;top: 58px;z-index: 11;} .BgBlackColor .nav-listing-search .main-search-input-item input.react-autosuggest__input {padding: 12px 0 12px 40px;border-radius: 0.375rem;} .cities.recent.posts .btn.card__img.img-thumbnail.btn.btn-none, .cities.recent.posts .btn.card__img.img-thumbnail.default {margin: 5px;} .card-content-wrap.lists h4.card-title {max-width: 70%;width: auto;} .BannerHeading p.HideInDesktop{display: block;} .cities.recent .card-item {margin-bottom: 15px;} .HomePage .search-feild .react-autosuggest__container {margin-bottom: 0px;} .listing-list.post-list.HomePage.sticky-header .react-autosuggest__container {margin-bottom: 15px;} /*.autosuggest__suggestions-container.autosuggest__suggestions-container--open { margin-top: 5px; }*/ .login .navbar .nav-item:hover .dropdown-menu {right: -15px;top: 17px;left: auto;} .login.section .login .dropdown-toggle:after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid #000;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;} } .sidebarBuyer.ReviewsPage {position: relative;height: 100%;} .find-friend-search.SearchArea input#searching_friend_list {font-size: 14px;} .BuyerContent.BuyerLocation.BuyerFindFriendFB .y-page-link.reviews {min-height: 363px;} .signup-page.BizSignUp {background: #f7f7f7;} .SignUpBg {background: #fff;padding-left: 20px;padding-right: 20px;} .about, .steps{text-align: center;} .about h1 {color: #000;font-size: 36px;font-weight: 600;} .padding-bottom-50px {padding-bottom: 50px;} .padding-top-40px {padding-top: 40px;} .steps h2 {font-size: 20px;font-weight: 600;color: #999;margin: 5px 0 20px;} .signup-desc {margin-bottom: 30px;width: 80%;margin-top: 50px;} .signup-page.BizSignUp h5 {font-weight: 600;font-size: 32px;color: #000000;} .signup-page.BizSignUp p {font-weight: normal;margin-top: 25px;font-size: 15px;margin: 0;padding: 0;color: #000;line-height: normal;} .signup-page.BizSignUp .bottom-btn.step-1 {text-align: left;margin-left: 35px;} .bottom-btn button.btn.btn-default {background: #001e46;color: #fff;font-size: 20px;font-weight: 600;width: 230px;height: 54px;border: 0} .bottom-btn button.btn.btn-default:hover, .KatikaMusic .Music a:hover, .KatikaMusic .Music button:hover, .MoreFeatures .modal-footer .button-modal-footer button.btn.btn-primary:hover, .NeighborhoodsModal .modal-footer .button-modal-footer button.btn.btn-primary:hover {opacity: .8;} .form-shared.login-page .billing-form-item.mb-0 {box-shadow: none;border: 0;} .billing-content.BSignupForm {padding: 0;display: inline-block;width: 100%;} .billing-form-item .billing-content .contact-form-action.sign-up {width: 80%;} .billing-content .contact-form-action .form-group{position: relative;} .signup-page.BizSignUp .input-box1 label {color: #000;font-size: 15px;} span.start {color: #001e46;font-size: 24px;position: relative;top: 5px;font-weight: 700;left: 5px;} .signup-page.BizSignUp .contact-form-action .form-control {padding: 12px 20px 12px 10px;border: 1px solid #8692a6;} .valid-feedback, .invalid-feedback {display: none;width: 100%;margin-top: .25rem;font-size: .875em;color: #198754;} .invalid-feedback {color: #dc3545;} .signup-page section.form-shared.login-page .input-box {margin: 0 auto 15px;} .billing-content.BSignupForm .contact-form-action.sign-up .input-box{width: 100%;} .signup-page.BizSignUp .input-box label {color: #000;font-size: 15px;margin: 0;} .billing-content.BSignupForm .form-group small {font-weight: 700;font-size: 12px;color: #001e46;} .signup-page .bottom-btn {text-align: center;margin-top: 30px;} .step-section { display: none; } .step-section.active { display: block; } .bottom-btn { margin-top: 30px; text-align: right; } .step-indicator { display: flex; justify-content: center; margin-bottom: 20px; } .step-indicator .step {width: 35px; height: 35px; line-height: 35px;border-radius: 50%; border: 2px solid #0d6efd;text-align: center; font-weight: bold; margin: 0 10px;color: #0d6efd;} .step-indicator .active { background-color: #0d6efd; color: #fff; } .signup-desc.location {padding-left: 25px;margin-top: 70px;} .signup-step-2 {padding-left: 25px;color: #000;} .signup-page.BizSignUp p {font-weight: normal;margin-top: 25px;font-size: 15px;} .billing-content.BSignupForm .online-business {float: right;} .custom-checkbox input[type="checkbox"]:checked + label:before {content: "";position: absolute;left: 0;top: 3px;width: 18px;height: 18px;border: 0;background-color: #fff;border-radius: 0;z-index: -1;} .billing-content.BSignupForm .online-business .custom-checkbox input[type="checkbox"]:checked + label:before {background-color: #326d62;border-color: #326d62;z-index: 1;} .custom-checkbox input[type=checkbox]:checked+label:after {opacity: 1;visibility: visible;} .custom-checkbox input[type=checkbox]:checked+label:after, .custom-checkbox input[type=checkbox]:not(:checked)+label:after {content: '';position: absolute;top: 4px;left: 5.5px;transition: .3s;border-bottom: 2px solid #fff;border-right: 2px solid #fff;border-left: 2px solid transparent;border-top: 2px solid transparent;width: 7px;height: 11px;transform: rotate(45deg);} .custom-checkbox input[type=checkbox]:checked+label:after {opacity: 1;visibility: visible;} .billing-content.BSignupForm .online-business .custom-checkbox input[type="checkbox"]:checked + label:after {z-index: 1;} .signup-page.BizSignUp .contact-form-action span.select2-selection.select2-selection--single {min-height: 50px;} .signup-page.BizSignUp .contact-form-action .select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height: 50px;padding: 0 20px 0 10px;border: 0;} .signup-page.BizSignUp .contact-form-action .select2-container--default .select2-selection--single .select2-selection__arrow, .signup-page.BizSignUp .contact-form-action .select2-container--default .select2-selection--single .select2-selection__clear {height: 50px;} .SignUpSelection {border: 1px solid #ddd;border-radius: 6px;} .hero-wrapper3 .section-heading, .margin-bottom-50px {margin-bottom: 50px;} .margin-top-50px, .side-user-panel .side-user-menu-wrap {margin-top: 50px;} .padding-left-40px {padding-left: 40px;} .padding-right-40px {padding-right: 40px;} section.form-shared.login-page .billing-form-item.mb-0 {box-shadow: none;border: 0;} .billing-form-item {border: 1px solid rgba(128, 137, 150, .3);border-radius: 2px;margin-bottom: 30px;background-color: #fff;box-shadow: 0 0 18px 0 rgba(0, 0, 0, .02);} .login-page .btn-box {margin-top: 20px;} .signup-page.login-page .btn-box button.theme-btn.btn-login {background: #001e46;border-color: #001e46;border-radius: 50px;} .SignUpSelection.LoginSection .contact-form-action {width: 60%;margin: 40px auto 0;} .margin-bottom-50px {margin-bottom: 50px;} .margin-top-50px{margin-top: 50px;} .padding-top-50px {padding-top: 50px;} .SignUpSelection.LoginSection .contact-form-action.sign-up .btn-box button.theme-btn.btn-login {border-radius: 50px;} /*---------------------------- Buyer -------------------------------------*/ .profile-picture {position: relative;display: inline-block;width: 185px;} .profile-picture img { height: 100%; cursor: pointer; border-radius: 50%; width: 100%; object-fit: cover; min-height: 185px; } .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6); /* Black background with transparency */color: white;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 1.2rem;font-weight: bold;} .overlay span {pointer-events: none; /* Ensures the overlay doesn't block clicks */} .user-info {background: #f7f7f7;width: 100%;display: inline-block;border-bottom: 1px solid #c4c4c4;height: 190px;padding: 20px 0;z-index: 1;} #user-picture {display: grid;grid-template-columns: 250px 600px auto;} .user-profile { max-width: 185px; max-height: 185px; border-radius: 5px; overflow: hidden; display: inline-block; min-width: 185px; min-height: 185px; } .profile-picture input[type="file"] {position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;opacity: 0;z-index: 1;border-radius: 100%;} .user-information {padding-top: 40px;} .user-name h2 {font-size: 32px;font-weight: 600;color: #000;text-transform: capitalize;} .user-name h6 {font-size: 16px;font-weight: 400;color: #000;margin-top: 5px;} ul.UserSocialInfo {display: inline-block;margin-top: 5px;} ul.UserSocialInfo li {font-size: 14px;color: #000;display: inline-block;margin: 0 10px 0 0;} ul.UserSocialInfo li svg {color: #ff4f00;font-size: 18px;} .uploads-update {display: inline-block;border-left: 1px solid #c4c4c4;height: 96px;padding: 0 0 0 15px;margin-top: 40px;} .uploads-update ul.uploads li {width: 100%;display: inline-block;margin: 0 0 5px;} .upload-photos {position: relative;width: 100%;display: inline-block;} .upload-photos button, .uploads-update ul.uploads li .upload-photos a {color: #0073bb;font-size: 14px;font-weight: 600;display: inline-block;margin: 0 0 0 8px;} .remove-btn-bg {border: none;background-color: inherit;background-color: none;color: #59595a;} .Buyer-wrapper {margin-top: 25px;} .dashboard-page.BuyerProfile .Buyer-wrapper {display: grid;grid-template-columns: 220px 610px auto;grid-column-gap: 10px;position: relative;z-index: 1;} .BuyerProfile .sidebar.section-bg.BuyerProfile {background: 0 0;border: 0;padding: 0;} .dashboard-page .sidebar.section-bg {background: #fff;border-color: #e5e5e5;padding: 15px;border-radius: 3px;} .sidebar.section-bg.BuyerProfile .section-block-2 {background-color: transparent;margin-bottom: 0 !important;} .sidebarBuyer .info-list {border-top: 1px solid #e5e5e5;margin-top: 10px;display: inline-block;width: 100%;} .BuyerProfile .sidebar.section-bg.mt-2.mb-4.BuyerProfile .sidebar-widget .list-items li {height: 42px;line-height: 42px;margin: 0;border-bottom: 1px solid #e5e5e5;position: relative;} .dashboard-page .sidebar.section-bg .sidebar-widget .list-items li {margin-bottom: 1px;color: #2b273c;font-size: 12px;text-transform: capitalize;font-weight: 400;} .BuyerProfile .sidebar.section-bg.BuyerProfile .sidebar-widget .list-items li a {border-left: 6px solid transparent;line-height: 42px;height: 42px;display: inline-block;font-size: 14px;font-weight: 400;color: #000;padding: 0 0 0 6px;width: 100%;} .BuyerProfile .sidebar.section-bg.BuyerProfile .sidebar-widget .list-items li a.active, .BuyerProfile .sidebar.section-bg.BuyerProfile .sidebar-widget .list-items li a:hover, ul.generic-nav button.active.btn.btn-none {border-color: #001e46;} .BuyerProfile .sidebar.section-bg.BuyerProfile .sidebar-widget .list-items li a span {width: 20px;text-align: left;display: inline-block;} ul.list-items li a span.dashboard-icon img {width: 18px;} .BuyerProfile .sidebar.section-bg.BuyerProfile .sidebar-widget .list-items li span {line-height: normal;height: auto;width: auto;background-color: transparent;margin: 0 10px 0 0;border-radius: 0;} .BuyerContent {padding-left: 0px;padding-bottom: 10px;} .Buyer-Reviews {display: grid;grid-template-columns: 220px auto;grid-column-gap: 30px;position: relative;z-index: 1;} .dashboard-page.BuyerProfile .Buyer-Reviews.overView {display: block;} .dashboard-page .y-page-link.reviews h4 {font-size: 20px;font-weight: 600;color: #2b273c;} .reviews-tabs .form-area{margin-top: 20px;} .Buyer-Reviews .reviews-tabs ul.comments-list li {border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;padding-top: 20px;} .Buyer-Reviews .comment.listing-details {display: grid;grid-template-columns: 64px 270px auto;margin: 0 0 10px;} .Buyer-Reviews .comment.listing-details .user-img {border-radius: 3px;position: relative;height: 58px;padding-top: 90%;overflow: hidden;background-color: rgba(0, 0, 0, 0.15);border: 0;width: 58px;margin-top: 0;} .Buyer-Reviews .comment.listing-details .user-img img.avatar__img {border-radius: 3px;height: 100%;width: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;object-fit: cover;border: 0;box-shadow: none;} .Buyer-Reviews .comment .comment-body {margin-left: 10px;padding-top: 0;} .comment .comment-body .meta-data{position: relative;} .comment .comment-body .comment__author {font-weight: 600;color: #333f57;text-transform: capitalize;font-size: 18px;} .comment-user {cursor: pointer;color: #0073bb;} .Buyer-Reviews .comment .comment-body .meta-data p {font-size: 12px;font-weight: 400;line-height: normal;margin: 0} .DeleteReviews, .PermissinHeading, .ReviewsDate, .action-icons {text-align: right;} .ReviewsDate {font-size: 14px;font-weight: 400;margin-top: 10px;} .rating-rating span {color: #fff;display: inline-block;margin: 0 2px 0 0;border-radius: 2px;} .rating-rating.rating-detail.landing span span span {height: 25px;} .Buyer-Reviews p.comment-content {font-size: 14px;color: #000;font-weight: 400;margin-top: 5px;width: 75%;} .dashboard-page.BuyerProfile .Buyer-Reviews.overView p.comment-content {width: 100%;} .product-img {width: 180px;border: 1px solid #e5e5e5;display: inline-block;margin: 10px 5px 0;border-radius: 3px;position: relative;height: 180px;padding-top: 23%;overflow: hidden;background-color: rgba(0, 0, 0, 0.15);} .product-img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;object-fit: cover;} .buyer-info {border-left: 1px solid #c4c4c4;padding-left: 15px;height: 100%} .buyer-heading h3 {font-size: 20px;font-weight: 600;color: #001e46;margin-bottom: 20px;} ul.VoteReviews h6 {font-size: 14px;font-weight: 600;color: #000;margin-bottom: 10px;} ul.VoteReviews li {color: #000;font-size: 14px;font-weight: 400;margin-bottom: 8px;} ul.VoteReviews li img.card__img, ul.gender li label.review-label {margin: 0 10px 0 0;} .buyer-content-info {margin-top: 15px;margin-bottom: 20px;} .buyer-content-info h4 {font-size: 14px;font-weight: 600;color: #000;margin-bottom: 5px;} .buyer-content-info p {font-size: 12px;font-weight: 400;color: #000;margin: 0;line-height: normal;} .Buyer-Reviews .theme-btn {font-weight: 600;font-size: 15px;color: #fff;line-height: 36px;padding-left: 18px;padding-right: 18px;text-transform: capitalize;background-color: #ff6b6b;transition: .3s;box-shadow: 0 0 40px rgba(82, 85, 90, .1);position: relative;display: inline-block;border-radius: 4px;} .modal-title {margin-bottom: 0;line-height: 1.5;} .modal-title.h4 {color: #000;} .dropzone {display: block;width: 100%;margin: 0 auto 25px;padding: 60px;color: rgba(128, 137, 150, .7);border: 2px dashed rgba(128, 137, 150, .3);text-align: center;transition: box-shadow .3s, border-color .3s;position: relative;} button.btn.btn-primary, a.btn.btn-primary {background: #001e46;border-color: #001e46;margin: 0 15px 0 0px;} .dropzone input[type="file"] {width: 100%;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;margin: auto;} .uploads-update .upload-photos button.remove-btn-bg {padding: 0;} /*---------------------------- End Buyer Profile -------------------------------------*/ .sorted .dropdown ul.dropdown-menu a.dropdown-item {font-size: 16px;} .BuyerFriends .sorted .dropdown button {background:transparent;border: 0;color: #000;padding: 0;margin: 0;} .sorted .manage-friend {text-align: right;color: #000;margin-top: 5px;} .frineds-list ul {display: grid;margin-top: 35px;grid-row-gap: 20px;} .stories-landing-user h2 {color: #001e46;font-size: 16px;font-weight: 700;border-bottom: 2px solid;width: 30%;padding-left: 0;padding-bottom: 10px;margin-top: 30px;} .BuyerContent ul.nav.nav-tabs li {width: 50%;text-align: center;} .nav-tabs .nav-link.active {color: #001e46;background-color: #fff;border-color: #dee2e6 #dee2e6 #fff;} .BuyerContent ul.nav.nav-tabs li button.nav-link {width: 100%;border:0;color: #999} .BuyerContent .story.custom-story {width: 170px;max-width: 170px;height: 225px;margin-bottom: 10px;margin-top: 10px;position: relative;} .BuyerContent .story.custom-story span.item-preview {position: relative;height: 225px;overflow: hidden;width: 100%;display: inline-block;} .BuyerContent .stories-landing-user h2 {color: #001e46;font-size: 16px;font-weight: 700;border-bottom: 2px solid;width: 30%;padding-left: 0;padding-bottom: 10px;margin-top: 30px;} .BuyerContent ul.nav.nav-tabs li button.nav-link.active {border: 0;border-bottom-color: #001e46;border-bottom: 2px solid;color: #001e46;} .BuyerContent ul.nav.nav-tabs{border:0;} .BuyerContent .story.custom-story span.item-preview img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;object-fit: cover;border-radius: 0;} .dashboard-page.BuyerProfile .Buyer-wrapper .BuyerContent h4 {font-size: 20px;font-weight: 600;color: #2b273c;} .BuyerContent .comment.listing-details {display: grid;grid-template-columns: 64px 350px auto;margin: 0 0 20px;} .BuyerProfile.BuyerReviews .reviews-tabs ul.comments-list li {border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;padding-top: 20px;} .DeleteReviews span {border: 1px solid #c4c4c4;box-sizing: border-box;border-radius: 3px;width: 34px;height: 34px;display: inline-block;text-align: center;line-height: 30px;font-size: 20px;} .DeleteReviews button {color: #a3a3a3;} .BuyerProfile.BuyerReviews .comment.listing-details {display: grid;grid-template-columns: 64px 270px auto;margin: 0 0 20px;} .BuyerProfile.BuyerReviews p.comment-content {font-size: 14px;color: #000;font-weight: 400;margin-top: 5px;width: 75%;} .BuyerProfile.BuyerReviews .comment .comment-body .meta-data p {font-size: 12px;font-weight: 400;line-height: normal;margin: 0} .sidebarBuyer .list-items li a:before{display: none;} /*------------------------- Chat ------------------------------*/ .chat-area {min-height: 620px;display: flex;align-items: center;justify-content: center;} .chat-area .chat-empty {height: 100px;text-align: center;} .fix-sidebar {position: relative;} /* Sidebar styles */ .fix-sidebar .sidebar {width: 250px;height: 100vh;background: #fff;border-right: 1px solid #e5e5e5;position: absolute;top: 0px;left: -12px;padding-top: 1rem;transition: all 0.3s ease;z-index: 1;border-radius: 0;padding: 50px 0 0;max-height: 654px;} .fix-sidebar .sidebar.closed {left: -230px;} .fix-sidebar .sidebar .nav-link {color: #333;padding: 10px;display: flex;align-items: center;font-weight: 500;border-radius: 0;height: 50px;} .fix-sidebar .sidebar .nav-link:hover,.fix-sidebar .sidebar .nav-link.active {background-color: #f1f1f1;} .fix-sidebar .sidebar .nav-link i {margin-right: 10px;font-size: 18px;width: 25px;text-align: center;} .fix-sidebar .close-btn {position: absolute;top: 10px;right: 10px;font-size: 20px;cursor: pointer;color: #333;} /* Content area */ .fix-sidebar .content {margin-left: 220px;padding: 2rem;min-height: 100vh;display: flex;justify-content: center;align-items: center;transition: margin-left 0.3s ease;} .fix-sidebar .content.expanded {margin-left: 0;} .fix-sidebar .toggle-btn {position: absolute;top: 7px;left: -4px;font-size: 22px;background: #fff;border:0;border-radius: 6px;padding: 0 10px;cursor: pointer;z-index: 2;} .fix-sidebar .content .empty-state {text-align: center;color: #666;} .fix-sidebar .content .empty-state i {font-size: 60px;color: #888;margin-bottom: 15px;} .seller-chat .dashboard-page .chat-module {padding-left: 54px;margin-top: 30px;} .chat-module {border-radius: 0;padding: 0px 0 0 59px;margin-top: 0;} .chat-module .card.grey.chat-room {border-radius: 0;border: 1px solid #0000002d;} .chat-module .card-body {padding: 0 0 0 10px;min-height: 500px;display: inline-block;width: 100%;} .chat-module .card .card-body .white.z-depth-1 {border-right: 1px solid #e5e5e5;min-height: 100%;border-radius: 0;padding-right: 0;padding-top: 0;} .auto-search {width: 100%;display: inline-block;} .caht-option-area {display: grid;grid-template-columns: 70% 30%;padding: 10px 10px 0 10px;} .Chat {font-weight: bold;font-size: 20px;color: #000000;} .chat-option {text-align: end;display: grid;grid-template-columns: 50% 50%;} .chat-option .filter, .new-chat {background: #E7ECF1;height: 35px;width: 35px;border-radius: 50%;text-align: center;padding-top: 5px;color: #000000;} .chat-option .filter .dropdown button, .chat-option .new-chat .dropdown button {border: 0;width: auto;background: transparent;padding: 0;margin: 0;} .caht-option-area .dropdown button img {height: auto;width: auto;} .chat-option .filter, .new-chat {background: #E7ECF1;height: 35px;width: 35px;border-radius: 50%;text-align: center;padding-top: 5px;color: #000000;display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;} .caht-option-area .dropdown button img {height: auto;width: auto;} .fix-sidebar .sidebar.closed a span {display: none;} .fix-sidebar .sidebar.closed {left: -12px;width: 60px;padding: 52px 0 0;} .fix-sidebar .sidebar.closed .close-btn {display: none;} .fix-sidebar .sidebar .close-btn {display: block;} .chat-search-area {padding: 0 10px;position: relative;display: flex;align-items: center;width: 100%;} .chat-search-area .react-autosuggest__container {width: 100%;} .chat-search-area input.search__input {background: #E7ECF1;border-radius: 90px;padding: 10px;border: 0;font-size: 14px;width: 100%;height: 40px;opacity: 1;z-index: unset;color: #999999;padding-left: 30px;} .chat-search-area span {width: 12px;height: 12px;transform: translate(0%, 0%);transition: width 0.4s 0.4s;background-image: url(https://katika-images.s3.amazonaws.com/category/eva_search-fill1621927606.png);background-repeat: no-repeat;background-position: center;position: absolute;left: 20px;z-index: 0;top: 13px} .caht-option-area .chat-option ul li:hover {background: #eeeeee;border-radius: 8px;} .chat-option .dropdown-menu {background: #FFFFFF;box-shadow: 0px 0px 4px 4px rgb(0 0 0 / 10%);border-radius: 6px;width: 238px;} .chat-option ul li {padding: 10px;margin: 0 5px;} .left-bar-chat {position: relative;} .chat-module .left-bar-chat li.list-group-item {margin: 0;border: 0;border-bottom: 1px solid #ddd;display: grid !important;grid-template-columns: 60px minmax(120px, 1fr) 75px;text-align: left;} .user-chat-meta p {text-align: right;} .chat-room .friend-list .list-group-item:last-of-type {border-bottom: 0;border-radius: 8px;} ul.list-group.friend-list .left-sidebar-chat {position: relative;} .chat-room .z-depth-1 .left-sidebar-chat img {height: 3rem;width: 3rem;} .chat-room .friend-list .list-group-item img {background: #eeeeee;object-fit: scale-down;} .user-name-chat {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;} .user-name-chat p{font-size: 12px} .chat-room .friend-list .list-group-item.active {background-color: #eee;color: #000;} .chat-meta-button ul.User-Chat-Button {width: 250px;} .chat-meta-button ul.User-Chat-Button li {padding: 10px 0 7px 10px;color: #000000;margin: 0 5px;} .chat-meta-button ul.User-Chat-Button li img {width: auto;height: auto;} .chat-meta-button ul.User-Chat-Button li .user-control {padding-left: 18px;font-weight: 500;font-size: 14px;} .chat-meta-button button {border: 0;width: auto;background: transparent;padding: 0;margin: 0;} .chat-meta-button ul.User-Chat-Button li:hover {background: #eeeeee;border-radius: 8px;} .left-bar-chat .chat-meta-button {background: #fff;height: 23px;width: 23px;border-radius: 50%;text-align: center;padding-top: 5px;color: #000000;/* z-index: 12; */display: flex;position: absolute;right: 10px;bottom: 10px;top: auto;align-items: center;justify-content: center;} .modal-footer button.btn.btn-primary {margin: 0;} .chat-meta-button:hover {background-color: #a0a0a0;} .left-bar-chat li.list-group-item:hover {background-color: #eeeeee;} .chat-user-info {width: 100%;display: inline-block;padding: 15px 20px;background: #fff;margin: 0 0 0 14px;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .auto-search {border-bottom: 1px solid #e5e5e5;padding: 0 0 5px 0;} .he .chat-user-info {border-left: 0;width: 100%;margin: 0;} .he .chat-user-info .user-pic img {width: 32px;} .chat-user-info .user-pic img.user-avtar {height: 32px;border-radius: 50%;background: #eeeeee;} .chat-user-info h4 {display: inline-block;font-size: 20px;color: #000;font-weight: 600;margin: 0 0 0 10px;} .toggle-button {display: block;float: right;} .chat-user-info span.info-icon {width: 23px;height: 23px;background: #E7ECF1;text-align: center;position: relative;} .chat-module .full-width {border-bottom: 1px solid #e5e5e5;min-height: 490px;} .react-scroll-to-bottom--css-fjmht-1n7m0yu {height: 100%;overflow-y: auto;width: 100%;} .chat-module .card-body ul.list-group.list-unstyled {padding-bottom: 50px;} .chat-module .full-width li.chat-message {margin: 10px 25px;} ul.list-group .chat-message small.d-block.text-center.text-muted {font-size: 10px;font-weight: 500;text-transform: uppercase;} .chat-module .full-width li.chat-message img {width: 30px;height: 30px;margin: 0 10px 0 0px;} .message-time {display: inline;width: 100%;margin-left: 0;} li.chat-message .ShowHover .Emoji-On, li.chat-message .ShowHover .Emoji-Off {position: absolute;left: 47px;top: 0px;width: 35px;height: 30px;z-index: 1;} li.chat-message .ShowHover {position: relative;background: transparent;border: 0;box-shadow: unset;margin: 0;margin-right: 0;width: 100%;padding: 0;top: 0 !important;left: 0 !important;display: none;} .name-user {color: #000;} .chat-message-area:hover .ShowHover {display: block;} .h-emoji {position: relative;width: 100%;} .h-emoji .Emoji-Grid {position: absolute;left: 40px;top: -50px;} .Emoji-Grid span {font-size: 25px;padding-right: 12px;cursor: pointer;} .chat-message-area {position: relative;} p.message {margin-left: 80px;background: #F0F0F0;border-radius: 50px;padding: 7px 15px 7px 15px;color: rgba(0, 0, 0, 1);font-size: 14px;} .reaction-count {position: absolute;right: 0;background: #FFFFFF;box-shadow: 0px 2px 7px 4px rgb(0 0 0 / 10%);border-radius: 90px;padding: 6px 16px;} .reaction-count span:last-child {margin-right: 0;} .h-emoji .Emoji-Grid {position: absolute;left: 40px;top: -50px;background: #fff;border: 1px solid #eee;border-radius: 7px;padding: 10px;} .reaction-count {position: absolute;right: 16px;background: #FFFFFF;box-shadow: 0px 2px 7px 4px rgb(0 0 0 / 10%);border-radius: 90px;padding: 6px 9px;bottom: -20px;} .chat-message-area {background: transparent;padding: 15px 15px 0 15px;display: inline-block;position: relative;border-radius: 10px;width: 100%;} .ShowHover {/*display: none;*/position: absolute;top: 100%;left: 0;background: white;border: 1px solid #ddd;padding: 8px;border-radius: 8px;z-index: 10;} .Emoji-On {cursor: pointer;font-size: 22px;} .h-emoji {display: none;/*margin-top: 5px;*/} .Emoji-Grid span {cursor: pointer;font-size: 22px;padding: 5px;transition: transform 0.2s;} .Emoji-Grid span:hover {transform: scale(1.2);} .reaction-count {margin-top: 10px;font-size: 16px;} ul.search__suggestions-list {position: absolute;background: #fff;width: 93%;z-index: 14;border: 1px solid #eee;box-shadow: 0 0 9px 0 #ddd;max-height: 300px;overflow: auto;} ul.search__suggestions-list li{border-bottom: 1px solid #eee} ul.search__suggestions-list li:hover {background: #eee;border-radius: 0;} .caht-option-area .Chat p i {cursor: pointer;} .info-list .accordion.accordion-item {border: 0;} .find-user-direct {position: absolute;width: 100%;z-index: 1;background: #fff;} .DirectMessage .users .users-list li.list-group-item .user-name-chat {margin: 0 0 0 15px;} .find-user-direct ul#search_direct_message_users_suggestions_list {background: #f9f9f9;max-height: 300px;overflow: auto;} .scroll-content .scroll-content-inner {max-height: 300px;overflow: auto;} .app {display: flex;width: 100%;overflow: hidden;} #toggleBtn {border-radius: 50px;width: 23px;height: 23px;background: #E7ECF1;text-align: center;position: relative;padding: 0;display: flex;align-items: center;justify-content: center;} /*------------------------- End Chat ------------------------------*/ /*--------------------------- Photos -----------------------------*/ .BuyerPhotos .modal-content .mySlides img.card__img {width: 600px;max-width: 600px;min-width: 600px;margin: 0 auto;} .CrumbBread {width: 100%;margin: 35px 0 5px;} .CrumbBread a {font-size: 12px;font-weight: 600;} .CrumbBread a.Active {font-weight: 400;color: #2b273c;} .BusinessHeading {font-size: 18px;font-weight: 600;color: #001e46;margin: 0 0 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;} .BuyerPhotos .card-item {padding: 0;border: 0;} .BuyerPhotos .card-content-wrap {text-align: left;border: 1px solid #eee;border-radius: 0 0 4px 4px;} .BuyerPhotos .card-content-wrap .card-content, .no-padding {padding: 0 !important;} .BuyerPhotos .card-item .card-content-wrap .card-content .part {padding-top: 38.2%;position: relative;border-radius: 4px 4px 0 0;overflow: hidden;} .BuyerPhotos .part {height: 130px;} .BName {position: absolute;bottom: 0;font-size: 12px;text-align: center;width: 100%;background: #000;border-radius: 0 0 4px 4px;color: #fff;padding: 3px 0;} .BuyerPhotos .card-content .part img.card__img {height: 82%;width: 100%;position: absolute;top: 0;left: 0;right: 0;margin: auto;object-fit: cover;} .BuyerPhotos .part {height: 130px;} .PhotosUser .btn-box button {background: 0 0;color: #999;box-shadow: none;position: absolute;right: 0;top: 0px;width: auto;} .PhotosUser .btn-box button svg {font-size: 22px;} .modal.PhotosUser .modal-content {position: relative;} .SliderController {position: absolute;top: 50%;width: 100%;} .SliderController a {position: absolute;border: none;overflow: hidden;outline: 0;font-size: 0;line-height: 0;background-color: #fff;border-radius: 50%;height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;} .SliderController a.next {right: 5px;} .SliderController a.prev {left: 5px;} .SliderController a i {color: #000;font-size: 20px;} .PhotosUser .mySlides {overflow: hidden;display: flex;align-items: center;background: #000;min-height: 495px;height: 495px;text-align: center;} .slider-content {display: inline-block;text-align: left;width: 100%;padding: 24px 24px 8px;position: relative;} .rate-business .rating-rating.rating-detail.landing span span {margin: 0 2px 0 0px;} .BuyerPhotos .user-info-details {position: absolute;bottom: auto;right: 0;width: 100%;background-color: transparent;padding: 15px 0 0 15px;top: 0;} .BuyerPhotos ul.comments-list.listing-gallery-p {font-size: 12px;font-weight: 500;} .BuyerPhotos ul.comments-list.listing-gallery-p .comment.listing-details {grid-template-columns: 50px auto;margin: 0;} .BuyerPhotos ul.comments-list.listing-gallery-p li .user-img {border: 0;border-radius: 4px;width: 40px;height: 40px;margin-top: 0;} .BuyerPhotos ul.comments-list.listing-gallery-p .comment.listing-details .comment-body .meta-data span.comment__author {color: #000;font-size: 14px;font-weight: 400;} .BuyerPhotos span.photos {display: inline-block;} .BuyerPhotos .photo_number {font-size: 14px;font-weight: 600;margin: 0 0 0 5px;display: inline-block;color: #595959;} .BuyerPhotos .comment .comment-body .comment__author{display: block;} .BuyerPhotos ul.comments-list.listing-gallery-p.padding-top-10px .comment.listing-details .comment-body {margin: -8px 0 10px;padding: 0;} .BuyerPhotos .user-photo-section-meta p.user-photo {color: #000;margin-bottom: 20px;display: inline-block;} .total-pages {border: 1px solid #eeeeef;border-left: 0;border-right: 0;padding: 10px 0;margin: 15px 0 60px;color: #000;font-size: 14px;} .Buyer-Reviews .theme-btn.active {background: #001e46;} /*--------------------------- Photos -----------------------------*/ .user-login-info .user-side.login.DropMenu .user-information {padding: 0;} .dashboard-area.account-page.seller-stories .BuyerContent .reviews h4 {font-size: 20px;font-weight: 600;color: #2b273c;} .reviews-tabs.buyer-story span.info {position: absolute;left: 0;bottom: 10px;color: #F12100;font-size: 16px;right: 0;font-weight: 500;white-space: normal;width: 100px;text-align: left;margin: 0 auto;} /*--------------------------- Friends -----------------------------*/ .frineds-list ul {grid-template-columns: auto auto auto;} .frineds-list ul li {display: grid;grid-template-columns: 65px auto;} .friend-pic {width: 55px;height: 55px;border-radius: 5px;overflow: hidden;background-color: #C4C4C4;} span.friend-pic img {max-width: 100%;object-fit: cover;height: 100%;} .friend-info, .friend-info h5 {font-size: 12px;font-weight: 600;color: #000;margin: 0 0 5px 0;} .friend-info span {width: 20%;display: inline-block;color: #000;text-align: center;} .BuyerContent.FriendsManage .sorted .dropdown label, .friend-info a {color: #0073bb;} /*--------------------------- End Friends -----------------------------*/ .dashboard-page .y-page-link.reviews h4 {font-size: 20px;font-weight: 600;color: #2b273c;} .businesses, .pkg-title h1, .reviews-tabs .form-area, main.listing-list.post-list.banner {margin-top: 20px;} .Buyer-Reviews .reviews-tabs ul.comments-list li {border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;padding-top: 20px;} .BuyerReviews.BookMarks .comment.listing-details {display: grid;grid-template-columns: 64px 300px auto;} .Buyer-Reviews.BuyerBookmarks {grid-template-columns: auto;} .Buyer-Reviews.BuyerBookmarks .comment.listing-details {display: grid;grid-template-columns: 64px 300px auto;} .Buyer-Reviews.BuyerBookmarks .comment .comment-body .meta-data p {font-size: 12px;font-weight: 400;line-height: normal;width: 160px;display: inline-block;} .Buyer-Reviews.BuyerBookmarks .comment .comment-body .meta-data img.avatar__img {width: auto;height: auto;margin: 0;border: 0;position: absolute;top: 0;} .Buyer-Reviews.BuyerBookmarks .comment .comment-body .meta-data p {font-size: 12px;font-weight: 400;line-height: normal;width: 160px;display: inline-block;} .BuyerContent.Checkins .comment .comment-body .comment__author {font-weight: 600;color: #333f57;text-transform: capitalize;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 300px;display: inline-block;} .BuyerContent.Checkins .comment .comment-body .meta-data p {font-size: 12px;font-weight: 400;line-height: normal;width: 160px;display: inline-block;} .BuyerContent.Checkins .comment .comment-body .meta-data img.avatar__img {width: auto;height: auto;margin: 0;border: 0;position: absolute;top: 0;right: 0} .DeleteReviews a, .DeleteReviews button { color: #a3a3a3; } .BuyerContent.Checkins .reviews-tabs ul.comments-list li { border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; padding-top: 20px; } .BuyerContent.Newsletters h5.comment-content { color: #000; width: 75%; } .BuyerContent.Newsletters .reviews-tabs ul.comments-list li { border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; padding-top: 20px; } /*-------------------------------------------- New Chat----------------------------------------*/ #wrapper .chat-module #user-sidebar-wrapper { margin-right: 0; margin-left: 0; position: relative; right: 0px; width: auto; min-height: 685px !important; } .app { display: flex; width: 100%; overflow: hidden; } .app .border-start.bg-white .group-info-1 { width: 200px; text-align: center; } .dashboard-page .author-bio img { width: 120px; height: 120px; border-radius: 3px; border: 0; box-shadow: none; background: #eee; object-fit: scale-down; } .author-bio .author__title { display: block; text-transform: capitalize; color: #333f57; } .dashboard-page .author-bio .author__title { font-size: 14px; padding-bottom: 20px ; font-weight: 700; margin: 0 } .dashboard-page .section-block-2 { background-color: #eeeeef; margin-bottom: 10px; } .app .border-start.bg-white .group-info-1 .info-list .card { border: 0; } #user-sidebar-wrapper .accordion.faq_accordions .accordion-item:last-child{ border: 0 } .app #user-sidebar-wrapper { position: relative; top: 0; width: 200px; background-color: #343a40; color: white; padding: 0px; transition: right 0.4s ease; z-index: 1000; display: none; } #toggleBtn svg { font-size: 23px; } #page-content-wrapper, .dashboard-page #user-sidebar-wrapper { padding-top: 30px !important; } .app #sidebar-wrapper { min-height: 100vh !important; padding-top: 100px; } .app #user-sidebar-wrapper.active { right: 0; } #toggleBtn { border-radius: 50px; width: 23px; height: 23px; background: #E7ECF1; text-align: center; position: relative; padding: 0; display: flex; align-items: center; justify-content: center; } .chat-user-info span.info-icon { width: 23px; height: 23px; background: #E7ECF1; text-align: center; position: relative; } .group-info-1 .accordion-item .card .btn { color: #000; padding: 0px 10px; font-weight: 500; font-size: 12px; } .app #user-sidebar-wrapper .card-body { min-height: auto; padding: 0 5px; } .app #user-sidebar-wrapper h2.accordion-header button { color: #000; padding: 5px 10px; font-weight: 500; font-size: 12px; } .group-participant { display: inline-block; /* border-bottom: 1px solid #999; */ width: 100%; padding: 10px 0 0; margin: 0; } .info-list li { font-size: 15px; color: #808996; font-weight: 500; margin-bottom: 6px; display: flex; cursor: pointer; align-items: center; } .group-participant li span.img-group { display: inline-block; width: 30px; text-align: center; color: #000; } .group-participant li p { width: 79%; display: inline-block; font-size: 12px; color: #000; margin: 0; text-align: left; } .group-info-1 .info-list li button{ background: #fff; border: 0 } .group-info-1 .info-list li:hover, .group-info-1 .info-list li button:hover { background: #eeeeee; border-radius: 8px; } .app #user-sidebar-wrapper .accordion.faq_accordions .accordion-item { border: 0; border-radius: 0; border-bottom: 1px solid #dee2e6; } .app #user-sidebar-wrapper .accordion.faq_accordions .accordion-button::after { background-size: 18px; } ul.social-profile.group-gallery { margin: 7px 5px; text-align: center; max-height: 250px; overflow: auto; } ul.social-profile.group-gallery li { display: inline; } ul.social-profile.group-gallery span.img-group img { width: 75px; padding-bottom: 10px; } .form-group.basic-textarea .outer-div { right: auto; left: 15px; top: auto; position: absolute; } .form-group.basic-textarea input { height: 60px; width: 100%; border-radius: 5px; resize: none; display: inline-block; box-sizing: border-box; /* box-shadow: 0 4px 4px rgb(0 0 0 / 4%); */ padding: 17px; padding-left: 40px !important; } .file-upload-image { width: 24px; height: 24px; position: absolute; right: 20px; cursor: pointer; top: 25px; } .file-upload-image svg { color: #000; font-size: 24px; position: absolute; top: 0; } .form-group.basic-textarea { position: relative; } .form-group.basic-textarea .file-upload-image input { height: auto; width: 100%; padding: 0 !important; opacity: 0; position: absolute; z-index: 1; } .form-group.basic-textarea .basic-textarea .inner-div span { cursor: pointer; } .form-group.basic-textarea .basic-textarea .inner-div { right: auto; left: 33px; top: -17px; position: absolute; } .user-chat-search { padding: 5px 0px 5px 0px; position: relative; display: flex; margin: 5px 10px 0 10px; } .user-chat-search .search-bar { display: inline-block; width: 100%; } .search-icon span { width: 17px; height: 17px; transform: translate(0%, 0%); transition: width 0.4s 0.4s; background-image: url(https://katika-images.s3.amazonaws.com/category/eva_search-fill1621927606.png); background-repeat: no-repeat; background-position: center; position: absolute; left: 20px; z-index: 1; top: 16px; } .user-chat-search .search-bar input.form-control { background: #F0F2F5; border-radius: 70px; padding-left: 45px; } .user-chat-search .search-button { display: flex; } .search-button .prev { display: inline-block; } .user-chat-search .search-button button { background: transparent; border: 0; padding: 5px; font-size: 16px; font-weight: 700; } .search-button button svg { color: #ADADAD; font-size: 20px; } .search-button .next { display: inline-block; } .search-button .close1 { display: inline-block; } #searchChat { display: none; } .ChatPopup .modal-header { text-align: center; display: block; position: relative; } .ChatPopup .modal-title.h4 { font-weight: bold; font-size: 20px; color: #000000; } .ChatPopup button.close { position: absolute; color: #000; padding: 0; top: 8px; right: 10px; background: transparent; border: 0; font-size: 30px; margin: 0 } .ChatPopup .direct-modal .create-group .form-group label { font-size: 12px; color: #000; margin: 0; margin-bottom: 5px; } form.create-group.mute label.custom-control-label { font-size: 16px; font-weight: 500; padding-left: 15px; padding-top: 4px; margin-bottom: 5px; } form.create-group.mute .custom-control-label::before { width: 24px; height: 24px; border: 2px solid #000; } form.create-group.mute .custom-control-input:checked~.custom-control-label::before { border-color: #000; background-color: transparent; } form.create-group.mute .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url(https://katika-images.s3.amazonaws.com/category/Vector1622032346.svg); } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e); } form.create-group.mute .custom-control-label::after { width: 24px; height: 24px; } .ChatPopup .form-group { margin-bottom: 1rem; } form.create-group.mute p.note { font-size: 14px; color: #050505; padding-right: 50px; } .DirectMessage input.search__input1 { font-size: 14px; color: #999999; padding-left: 19px; border: 0; width: 100%; } .DirectMessage #react-autowhatever-1 { z-index: 99; position: absolute; width: 100%; background: #fff; border-top: 1px solid #e5e5e5; left: 0; top: 80px; } .DirectMessage .horizontal-line { background: #EAEAEA; margin-top: 10px; height: 30px; margin-bottom: 0px; } .DirectMessage .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .DirectMessage .users .users-list li.list-group-item { border: 0; border-bottom: 1px solid #cecece; cursor: pointer; } .DirectMessage .users .users-list li.list-group-item:last-child { border-bottom: 0; } .DirectMessage .users .users-list li.list-group-item img { width: 52px; height: 52px; } .DirectMessage .user-name-chat { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ShowHover a, .cities.recent .media-body.item-heading h4.media-heading.m-h4, .user-name-chat strong, section.dashboard-area.business-detail .y-page-link .opening-hours ul li .days { font-size: 14px; font-weight: 600; } .DirectMessage li.list-group-item:hover { background-color: #eeeeee; } .CreateGroup .group-photo { position: relative; width: 200px; height: 200px; margin: 0 auto; background: #C4C4C4; margin-bottom: 20px; } .CreateGroup .group-photo svg { font-size: 100px; text-align: center; width: 100%; margin-top: 20px; color: #000000; } .CreateGroup button.btn.btn-default.add-group-photo { background: #EEEEEF; border-radius: 4px; margin: 0 auto; display: block; margin-top: 17px; font-size: 12px; color: #000000; } .CreateGroup .UpdatePicture { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; display: none; text-align: center; line-height: 70px; } .CreateGroup .create-group-modal .form-group .form-control { color: #000; font-size: 14px; font-weight: 400; } .CreateGroup .multi-select { position: relative; width: 100%; } .CreateGroup .select-box { border: 1px solid #ccc; padding: 8px; border-radius: 5px; cursor: pointer; display: flex; flex-wrap: wrap; gap: 5px; min-height: 40px; align-items: center; } .CreateGroup .selected-item { align-items: center; background-color: hsl(0, 0%, 90%); border-radius: 2px; display: flex; margin: 2px; min-width: 0; box-sizing: border-box; padding: 3px 8px; } .CreateGroup .selected-item span { margin-left: 5px; cursor: pointer; font-weight: bold; } .CreateGroup .dropdown { position: absolute; top: 105%; left: 0; width: 100%; background: white; border: 1px solid #ccc; border-radius: 5px; max-height: 200px; overflow-y: auto; display: none; z-index: 1000; } .CreateGroup .dropdown input { width: 95%; margin: 5px; padding: 5px; border: 1px solid #ddd; border-radius: 4px; } .CreateGroup .dropdown div { padding: 8px; cursor: pointer; } .CreateGroup .dropdown div:hover { background: #f1f1f1; } .CreateGroup .active { display: block; } .app .react-scroll-to-bottom--css-fjmht-1n7m0yu { height: auto; } .CreateGroup .select-box::before { content: attr(data-placeholder); color: #999; position: absolute; left: 10px; top: 8px; pointer-events: none; } .CreateGroup .select-box.has-value::before { content: ""; } .uploadBtn { position: relative; } .uploadBtn input[type="file"] { position: absolute; top: 0; left: 0; width: 128px; right: 0; margin: auto; opacity: 0; } .select2-container { width: 100% !important; z-index: 9999 !important; } .CreateGroup .select2-selection__rendered { color: #333 !important; line-height: auto !important; padding-left: 10px !important; } .CreateGroup span.selection span.select2-selection.select2-selection--multiple ul.select2-selection__rendered { line-height: normal !important; padding-left: 0 !important; } .CreateGroup span.selection{ min-height: 38px } .CreateGroup .select2-container .select2-search--inline .select2-search__field { height: 28px; line-height: 28px; } .left-bar-chat .chat-meta-button .dropdown button:after, .caht-option-area .chat-option button:after{ display: none; } /*-------------------------------------------- New Chat----------------------------------------*/ /*----------------------------------------------- SignUp-----------------------------------------*/ .SignUpSelection { border: 1px solid #ddd; border-radius: 6px; max-width: 576px; margin: 15px auto 0; } .form-shared.login-page .billing-form-item.mb-0 h3.widget-title.font-size-28.pb-0 { color: #000; font-size: 28px !important; } .SelectUser h5, .SignUpSelection h3, .sub-heading span { font-weight: 700; } .billing-content { padding: 30px 0; } .SignUpSelection.LoginSection .contact-form-action { width: 60%; margin: 40px auto 0; } .login-page .form-group.login-btn.loginPage span { width: 100% !important; height: 36px; line-height: 36px; border-radius: 50px; box-shadow: none; background: #4285f4 !important; color: #fff; display: flex; padding: 0 !important; } .signup-page .form-group.login-btn span button.theme-btn, .login-page .form-group.login-btn span button.theme-btn, .signup-page .form-group.login-btn button, .login-page .form-group.login-btn button, .signup-page .form-group.login-btn span, .login-page .form-group.login-btn span { width: 100% !important; /* background: #fff; */ height: 36px; line-height: 36px; box-shadow: none !important; border: 0 !important; justify-content: center; border-radius: 50px !important; font-weight: normal; opacity: 1 !important; color: #fff !important; padding: 0 } .bg-5 { background-color: #2877b5 !important; } .r-bg button div { display: none !important; background: 0 0 !important; } .user-info.sign-up { width: auto; padding: 0 0 0 15px; max-width: 48%; height: auto; border: 0; background: 0 0; margin: 0; } .signup-page .form-shared.login-page .input-box { margin: 0 auto 20px; } .signup-page .billing-content .contact-form-action .form-group{ margin: 0; } .contact-form-action .label-text { font-size: 14px; color: #333f57; font-weight: 600; text-transform: capitalize; position: relative; } .contact-form-action .date-of-birth .label-text { color: #000; } .form-shared.login-page .billing-form-item.mb-0 p.font-weight-medium { width: 100%; text-align: right; font-size: 12px; font-weight: 400 !important; } .billing-form-item a.color-text { color: #001e46 !important; font-weight: 500; font-size: 12px; } .terms-checkbox { display: inline-flex; } .form-shared.login-page .contact-form-action .terms-checkbox p.term-url { font-size: 16px; font-weight: 500; display: inline-block; padding-left: 5px; width: 100%; } .terms-checkbox .term-url a { color: #1565D8; font-size: 16px; font-weight: 500; text-decoration: underline !important; } .terms-checkbox.new-signup p.term-url a, .form-shared.login-page .terms-checkbox.new-signup p.term-url { color: #999; font-size: 10px; } .signup-page .select2-container--default .select2-selection--single .select2-selection__clear{ display: none; } .signup-page .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #8089964d; border-radius: 4px; height: 40px; } .signup-page .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 40px; font-size: 14px } .signup-page .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; position: absolute; top: 1px; right: 1px; width: 20px; } body{ overflow-x: hidden !important; } /*----------------------------------------------- SignUp-----------------------------------------*/ /*----------------------------------------- Manage User Friends ----------------------------------*/ .Buyer-Reviews.FriendManage .sidebar.section-bg.BuyerProfile { background: 0 0; border: 0; padding: 0; } .sidebarBuyer.ReviewsPage .sidebar-widget { margin-top: 35px; } .sidebar.section-bg.BuyerProfile .section-block-2 { background-color: transparent; margin-bottom: 0 !important; } .BuyerName { font-size: 18px; font-weight: 700; color: #000; } .Buyer-Reviews.FriendManage { display: flex; } .BuyerPagesHeading { font-size: 22px; font-weight: 700; color: #001e46; margin-bottom: 5px } .SearchAreaBuyer { position: relative; } .BuyerContent.FriendsManage .search-friend { border: 1px solid #a5a5a5; box-sizing: border-box; border-radius: 3px; } .SearchAreaBuyer .EmailAdd.friend, .close-list, .edit-content { position: absolute; right: 0; top: 0; } .EmailAdd.friend button { border-radius: 0px 3px 3px 0px; height: 38px; } .EmailAdd a, .EmailAdd button { background: #001e46; color: #fff; border: 0; border-radius: 4px; padding: 6px 15px; font-size: 14px; } .Buyer-Reviews.FriendManage .BuyerContent { padding: 0; margin-top: 25px; } .Buyer-Reviews.FriendManage .BuyerContent.FriendsManage .sorted .dropdown button { background: 0 0; border: 0; color: #0073bb; padding: 0; } section.TabsArea .nav-tabs { float: right; display: inline-block; border-bottom: 0; margin-top: -44px; } section.TabsArea .y-page-link { position: relative; display: inline-block; width: 100%; } section.TabsArea .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; display: inline-block; color: #999; font-size: 15px; border-bottom: 3px solid transparent; } section.TabsArea .nav-link.active { border-bottom-color: #001e46; color: #000; font-weight: 700; } .Buyer-Reviews.FriendManage .sorted { border-bottom: 1px solid #eeeeef; display: inline-block; width: 100%; } .DeleteReviews button { margin: 0 0 0 10px; background-color: transparent; border: 0; } .Buyer-Reviews.FriendManage .sidebar-widget .list-items li { margin-bottom: 1px; color: #2b273c; font-size: 12px; text-transform: capitalize; font-weight: 400; height: 42px; line-height: 42px; margin: 0; border-bottom: 1px solid #e5e5e5; } .Buyer-Reviews.FriendManage .sidebar-widget .list-items li a { border-left: 6px solid transparent; line-height: 42px; height: 42px; display: inline-block; font-size: 14px; font-weight: 400; color: #000; padding: 0 0 0 6px; width: 100%; } .Buyer-Reviews.FriendManage .sidebar-widget .list-items li a.active{ border-color: #001e46; } .Buyer-Reviews .theme-btn.active{ background: #001e46 } .DeleteReviews.friend-invitions button.btn.btn-success { background: #198754; border-color: #198754; color: #fff; } .DeleteReviews.friend-invitions button.btn.btn-primary { color: #fff; margin: 0 } .DeleteReviews.friend-invitions { gap: 15px; display: flex; align-items: center; justify-content: end; } .DeleteReviews.friend-invitions button.btn.btn-primary:hover, .DeleteReviews.friend-invitions button.btn.btn-success:hover{ background: #ddd; color:#000 } /*----------------------------------------- Manage User Friends ----------------------------------*/ /*----------------------------------------- Update Profile ----------------------------------*/ .UpdateBuyerProfile .input-box.form-group, .UpdateBuyerProfile .form-group { margin-bottom: 1rem; } .UpdateBuyerProfile .contact-form-action .input-box label.label-text { width: 100%; display: inline-block; margin: 0; line-height: normal; } .UpdateBuyerProfile .contact-form-action .label-text { font-size: 14px; color: #333f57; font-weight: 600; text-transform: capitalize; position: relative; } .UpdateBuyerProfile .contact-form-action .input-box label.sub-label { font-size: 12px; margin: -5px 0 0; font-weight: 500; display: block; color: #a3a3a3; } .UpdateBuyerProfile .contact-form-action .form-group input.form-control, .UpdateBuyerProfile .contact-form-action .form-group select.form-control, .UpdateBuyerProfile .contact-form-action textarea.message-control.form-control { padding: 0 10px; height: 35px; width: 470px; } .UpdateBuyerProfile .contact-form-action .btn-box button.theme-btn.border-0 { padding: 0; height: 35px; line-height: 35px; width: 135px; background: #001e46; border-radius: 3px; font-size: 14px; font-weight: 600; } .UpdateBuyerProfile .contact-form-action .btn-box a { font-size: 14px; font-weight: 500; margin: 0 0 0 10px; color: #0073bb; } /*----------------------------------------- Update Profile ----------------------------------*/ /*----------------------------------------- Password ----------------------------------*/ .BuyerContent.FriendsManage.Password .form-group { margin-bottom: 1rem; } .BuyerContent.FriendsManage.Password .form-area label { color: #2b273c; font-size: 16px; font-weight: 400; margin: 0; padding: 5px 0 0; } .BuyerContent.FriendsManage.Password .password p { font-size: 12px; font-weight: 400; color: #a5a5a5; margin: 0; } .BuyerContent.FriendsManage.Password .password.save-button { margin-bottom: 60px; } .BuyerContent.FriendsManage.Password .BuyerEmail p{ margin-bottom: 0 } /*----------------------------------------- Password ----------------------------------*/ /*----------------------------------------- Email Notification ----------------------------------*/ .Email.Notification .BuyerEmailList { display: grid; grid-template-columns: auto 150px; padding-bottom: 10px; } .Email.Notification .contact-form-action p { font-size: 14px; font-weight: 400; color: #000; margin: 0; } .Email.Notification .EmailAdd, .Email.Notification .guidelines { text-align: right; margin-top: 5px; } .Email.Notification .BuyerEmailList, .Email.Notification .EmailDesc, .Email.Notification .Heading, .Email.Notification .SeeAbout .input-box { border-bottom: 1px solid #eeeeef; } .Email.Notification .BuyerEmailList.EmailListing { grid-template-columns: auto 50px; line-height: 65px; padding: 0; } .Email.Notification .TrashIcon { padding: 17px 0; line-height: normal; text-align: right; } .Email.Notification .TrashIcon button { width: 30px; height: 30px; border: 1px solid #eeeeef; display: inline-block; text-align: center; border-radius: 2px; } .EmailKatika{ margin-top: 10px; } .Email.Notification .EmailKatika .custom-checkbox{ margin-bottom: 0; } .Email.Notification .Buyer-wrapper.BuyerEmail label { font-weight: 400; font-size: 15px; } .Email.Notification .custom-checkbox input[type="checkbox"]:checked + label:before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border: 0; background-color: #fff; border-radius: 0; z-index: -1; } .Email.Notification .EmailKatika .custom-checkbox input[type="checkbox"]:checked + label:before{ background: #0073bb; } .Email.Notification .EmailKatika p { padding-left: 26px; color: #a5a5a5; } .Email.Notification .Permissions { display: grid; grid-template-columns: 155px auto; grid-column-gap: 30px; } .Email.Notification .PermissinHeading, .Email.Notification .ReviewsDate, .Email.Notification .action-icons { text-align: right; } .Email.Notification .PermissinHeading h5 { font-size: 14px; font-weight: 700; color: #000; } .Email.Notification .padding-top-20px { padding-top: 20px; } .Email.Notification .custom-checkbox input[type="checkbox"]:checked + label:before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border: 0; background-color: #fff; border-radius: 0; z-index: -1; } .custom-checkbox input[type="checkbox"]:checked + label:before, .Email.Notification .PermissionCheckBox .custom-checkbox input[type="checkbox"]:checked + label:before { background: #0073bb; } .Email.Notification .was-validated .form-check-input:valid:checked, .Email.Notification .form-check-input.is-valid:checked { background-color: #198754; } .Email.Notification .EmailAdd.PhoneNo.SaveBtn, .Email.Notification .EmailAdd.PhoneNo.SaveBtn button.btn.btn-none { padding: 0; text-align: left; background: transparent; border: 0; color: #0d6efd } /*----------------------------------------- Email Notification ----------------------------------*/ /*----------------------------------------- Buyer Location ----------------------------------*/ .BuyerContent.BuyerLocation .BuyerEmailList { display: grid; grid-template-columns: auto 170px; padding-bottom: 10px; } .BuyerContent.BuyerLocation li { display: grid; grid-template-columns: auto auto; padding: 15px 0; } .BuyerContent.BuyerLocation .reviews-tabs ul.comments-list li { border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; padding-top: 20px; } .BuyerContent.BuyerLocation .comment.listing-details { display: grid; grid-template-columns: 64px 300px auto; grid-template-columns: auto; margin: 0; } .BuyerContent.BuyerLocation .comment .comment-body .meta-data p { font-weight: 400; line-height: normal; width: 160px; display: inline-block; } .BuyerContent.BuyerLocation .comment.listing-details p { font-size: 16px; font-weight: 400; color: #000; } .BuyerContent.BuyerLocation .BuyerEmailList, .BuyerContent.BuyerLocation .EmailDesc, .BuyerContent.BuyerLocation .Heading, .BuyerContent.BuyerLocation .SeeAbout .input-box { border-bottom: 1px solid #eeeeef; } .EditLocationForm { width: 470px; margin-top: 15px; } .form-group { margin-bottom: 1rem; } .EditLocationForm label, .PermissinHeading h5 { font-size: 14px; font-weight: 700; color: #000; } #add-location h5, #edit-location h5 { font-size: 22px; font-weight: 700; color: #001e46; margin-bottom: 5px; margin: 0; } .BuyerContent.BuyerLocation .EmailAdd button.btn.btn-primary { margin: 0; } /*----------------------------------------- Buyer Location ----------------------------------*/ /*----------------------------------------- Buyer Privacy ----------------------------------*/ .BuyerContent .contact-form-action p { font-size: 14px; font-weight: 400; color: #000; margin: 0; } .BuyerContent.PrivacySetting .BuyerEmailList, .EmailDesc, .Heading, .SeeAbout .input-box { border-bottom: 1px solid #eeeeef; } .BuyerContent.PrivacySetting .BuyerEmailList { display: grid; grid-template-columns: auto 220px; padding-bottom: 10px; } .BuyerContent.PrivacySetting .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; } .BuyerContent.PrivacySetting .EmailKatika p { padding-left: 26px; color: #a5a5a5; } .BuyerContent.PrivacySetting .SettingSubHeading { font-size: 14px; font-weight: 700; color: #000; margin-top: 30px; } .BuyerContent.PrivacySetting .BuyerEmailList.SettingPage { grid-template-columns: auto; margin-bottom: 10px; } .BuyerContent.PrivacySetting .BuyerEmailList { display: grid; grid-template-columns: auto 220px; padding-bottom: 10px; } .BuyerContent.PrivacySetting .SeeAbout { width: 348px; display: inline-block; border: 1px solid #eeeeef; border-radius: 3px; } .BuyerContent.PrivacySetting .Heading { font-size: 14px; font-weight: 700; color: #000; padding: 15px; border-bottom: 1px solid #eeeeef; } .BuyerContent.PrivacySetting .contact-form-action .PrivacyDesc p{ margin-bottom: 15px; } .BuyerContent.PrivacySetting .contact-form-action .form-control { height: auto; line-height: inherit; padding: 12px 20px 12px 40px; font-size: 13px; color: #333f57; border: 1px solid rgba(128, 137, 150, .3); resize: none; font-weight: 500; transition: .3s; } .BuyerContent.PrivacySetting .SeeAbout .input-box { padding: 15px 0 15px 15px; border-bottom: 1px solid #eeeeef; } .BuyerContent.PrivacySetting .SeeAbout p.note { color: #a5a5a5; padding: 0 20px; font-size: 12px; } .BuyerContent.PrivacySetting .EmailAdd.Settings { text-align: left; margin-top: 20px; } .BuyerContent.PrivacySetting .EmailAdd.Settings button.btn.btn-none { background: transparent; border: 0; color: #0d6efd } /*----------------------------------------- Buyer Privacy ----------------------------------*/ /*----------------------------------------- External Applications ----------------------------------*/ .ExternalApplications .BuyerEmailList, .ExternalApplications .EmailDesc, .ExternalApplications .Heading, .ExternalApplications .SeeAbout .input-box { border-bottom: 1px solid #eeeeef; padding-bottom: 10px; } .CheckFB { font-size: 16px; font-weight: 700; color: #4f4f4f; } .ExternalApplications .EmailKatika p { padding-left: 20px; color: #a5a5a5; } .ExternalApplications .contact-form-action .form-control { height: auto; line-height: inherit; padding: 12px 20px 12px 40px; font-size: 13px; color: #333f57; border: 1px solid rgba(128, 137, 150, .3); resize: none; font-weight: 500; transition: .3s; } .ExternalApplications .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .FBDisconnectBtn button { border: 1px solid #999; border-radius: 3px; width: 237px; height: 36px; font-size: 14px; font-weight: 700; line-height: 36px; text-align: center; color: #4f4f4f; margin-top: 25px; background: 0 0; } .FBDisconnectBtn button:hover{ background: #001e46; color: #fff; border-color: #001e46; } .GDisconnectBtn button { background: #fff; border: 1px solid #a5a5a5; box-sizing: border-box; border-radius: 3px; width: 221px; height: 38px; font-size: 14px; font-weight: 700; color: #4f4f4f; margin-top: 15px; } .AppleDisconnectBtn button { width: 210px; height: 36px; background: #000; border-radius: 3px; color: #fff; border: 0; } /*----------------------------------------- External Applications ----------------------------------*/ /*----------------------------------------- Story Detail ----------------------------------*/ .story-top { position: absolute; margin: 15px; width: 63.5%; z-index: 999; } .TopHeaderLeft .close-story { display: inline-block; } .TopHeaderLeft .k-story-logo { display: inline-block; margin-left: 20px; } .story-slider { background: #000; width: 100%; } .story-slider.view-story { height: 100vh; } .story-slider.view-story .slick-slide-item .storyHeader.detasil img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; object-fit: contain; min-height: auto; } .storyHeader.detasil span.name { color: #fff; font-weight: 500; font-size: 14px; } .stroy-media { position: fixed; top: 0; left: -12px; right: 0; bottom: 0; z-index: 99; background: #fff; } .story-slider.view-story .storyHeader.detasil { z-index: 9; display: flex; flex-direction: column; margin: 15px 0 0; } .story-slider.view-story .slick-initialized .slick-slide { display: block; position: relative; } .story-slider.view-story .slick-slide { display: inline-block; text-align: center; position: relative; height: 100vh; } .story-slider.view-story .slick-slide img { display: inline-block; } .story-slider.view-story .slick-slide video { width: 100%; height: 95%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: #000; } .details-info.story-details-info { margin-top: 0px; padding-left: 15px; padding-right: 15px; height: 100%; position: relative; } .padding-top-10px { padding-top: 10px; } .slick-slider .slick-arrow { width: 45px; height: 45px; border-radius: 50%; border: 2px solid rgba(39, 43, 65, .2); transition: .3s; cursor: pointer; z-index: 9; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev:before { content: '\f053'; font-family: "Font Awesome 6 Free"; font-weight: 900; } .slick-next:before { content: '\f054'; font-family: "Font Awesome 6 Free"; font-weight: 900; } button.slick-prev, button.slick-prev:hover { position: absolute; top: 41%; left: 15px; z-index: 1; background-position-x: right; } button.slick-next, button.slick-next:hover { position: absolute; top: 41%; right: 15px; } .details-info.story-details-info .add-comment { position: absolute; width: 96%; bottom: 40px; } .stroy-media .comment.listing-details.gallery-story { display: grid; grid-template-columns: 30px auto; margin: 0 0 15px; } .gallery-story .user-img-details .avatar__img { width: 34px; height: 34px; border-radius: 50%; /* border: 4px solid #C4C4C4; */ box-shadow: 0 0 40px rgb(82 85 90 / 10%); } .user-body { position: relative; margin-left: 10px; padding-top: 0; width: 100%; } .user-body .left { display: inline-block; position: absolute; top: 5px; font-size: 12px; font-weight: 500; } .user-body .left .name { font-size: 14px; color: #000; font-weight: 500; text-transform: capitalize; } .user-body .right { display: inline-block; float: right; margin-right: 20px; } .story-data { position: relative; margin-top: 10px; margin-right: 20px; border-bottom: 1px solid #EEEEEF; padding-bottom: 20px; } .story-data .description { font-weight: 500; font-size: 12px; } .count-data { margin-top: 30px; } .count-data .count-story { display: inline-block; } .story .like, .story .comment { display: inline-flex; text-align: center; margin-bottom: 0; } .story .like .imga, .story .comment .imga { display: inline-block; width: 28px; height: 28px; background: #F0F0F1; border-radius: 50%; padding-top: 1px; text-align: center; } .story .count { margin-left: 4px; font-size: 12px; font-weight: 500; padding-top: 3px; margin-right: 15px; } .share-story { display: inline-block; float: right; } .share-text { display: inline-block; } .ShareButton { display: inline-block; padding-left: 7px; } .ShareButton ul { display: flex; margin-bottom: 10px; } .ShareButton ul li a { width: 30px; height: 30px; display: flex; border-radius: 100%; justify-content: center; align-items: center; color: #fff; text-decoration: none; margin: 0 5px; } .ShareButton ul li a.facebook { background: #4267B2; } .ShareButton ul li a.reddit { background: #ff4500; } .ShareButton ul li a.pinterest { background: #CB2027; } .ShareButton ul li a.twitter { background: #000000; } .ShareButton ul li a.whatsapp { background: #25d366; } .manual-link { border-bottom: 1px solid #EEEEEF; padding-bottom: 15px; } .manual-link .form-group.share-link { position: relative; border: 1px solid #eeeeee; } .manual-link .form-group.share-link input.form-control { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; width: 75%; border: 0; font-size: 14px; } .manual-link .form-group.share-link span { position: absolute; } .manual-link .form-group.share-link span { border-right: 0; right: 10px; left: auto; top: 8px; width: auto; } .manual-link button.copy-link { border: 0; background: transparent; display: inline-block; color: #001e46; padding-left: 7px; font-size: 12px; font-weight: 500; } .comment-section { overflow: auto; border-bottom: 1px solid #EEEEEF; /* min-height: calc(100vh - 396px); */ max-height: calc(100vh - 446px); display: flex; flex-direction: column-reverse; background: #fff; justify-content: center; } .comment { display: flex; } .comment.storyComment { margin: 0 15px 5px; } .comment.storyComment img.avatar__img { width: 40px; height: 40px; background: #eeeeee; object-fit: cover; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 0 40px rgba(82, 85, 90, .1); } .comment.storyComment .comment-body { margin-left: 10px; padding-top: 0; width: 100%; margin-bottom: 5px; } .comment.storyComment .comment-body .meta-data { position: relative; width: 100%; display: inline-block; } .comment.storyComment .comment-body .comment__author { font-size: 12px; color: #000; font-weight: 600; text-transform: capitalize; } .comment.storyComment .comment-body .comment-content { font-size: 12px; margin: 0; width: 100%; white-space: normal; font-weight: normal; line-height: normal; } .heart-count { text-align: center; font-size: 11px; font-weight: 400; color: #999999; } .comment.storyComment span.comment-date { font-size: 12px; font-weight: 500; color: #999999; padding-right: 10px; } .comment.storyComment .comment-body .reply-coment-story { font-weight: 500 !important; font-size: 12px; border: 0; background: transparent; color: #999999 !important; } .details-info.story-details-info .add-comment { position: absolute; width: 96%; bottom: 0px; } .details-info.story-details-info .add-comment .outer-div { right: 85px; left: auto; top: 7px; } .basic-textarea .inner-div { margin-top: 0; padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 6px; width: auto; display: none; position: absolute; top: -36px; right: 30px; } .basic-textarea .emoji { font-size: 22px; cursor: pointer; padding: 4px 0; transition: transform 0.1s ease; } .details-info.story-details-info .add-comment .form-group.basic-textarea input { height: auto; padding: 8px 0; } .details-info.story-details-info .add-comment button.btn.btn-primary { padding: 5px 20px; } .stroy-media .col-lg-8.col-md-8, .stroy-media .col-lg-4.col-md-4 { padding: 0; } .details-info.story-details-info .add-comment .storycoment { padding-left: 10px !important; background: transparent; } .details-info.story-details-info button.btn.btn-primary { background: #001e46; border-color: #001e46; margin: 0 0 0 5px; font-size: 14px; padding: 5px 10px; } .comment.storyComment { margin: 0 15px 5px; } .reply-box input.reply-input.form-control.storycoment { height: auto; padding: 0; padding-left: 10px !important; background: transparent; } .commentReply.accordion.accordion-item { border: 0; padding-left: 48px; } .commentReply.accordion-item .card .reply-comment-shown.d-flex.align-items-center { color: #999999; font-size: 12px; font-weight: 500; padding: 0; padding-left: 15px; margin-bottom: 15px; margin-top: 5px; } .commentReply.accordion-item .card .card-header { padding: 0; background-color: #fff; border-bottom: none; margin-bottom: 0; } .comment.storyComment.reply-coment { margin: 0 15px 5px 20px; display: flex; flex-direction: row; } /*----------------------------------------- Story Detail ----------------------------------*/ /*----------------------------------------- Find Friends ----------------------------------*/ .Buyer-Reviews.FindFriends { display: flex; min-height: 400px; } .Buyer-Reviews.FindFriends .sidebar.BuyerProfile { border: 0; padding: 10px 0 0; } .info-list-2 .BuyerEmail { position: absolute; border: 0; bottom: 60px; width: 100%; } .Buyer-Reviews.FindFriends .BuyerContent.BuyerLocation { display: grid; grid-template-columns: 721px auto; } .info-list-2 .BuyerEmail .BuyerPagesHeading, .info-list-3 .BuyerEmail .BuyerPagesHeading { font-size: 14px; font-weight: 600; } .Buyer-Reviews.FindFriends .SearchArea .EmailAdd.friend, .Buyer-Reviews.FindFriends .close-list, .Buyer-Reviews.FindFriends .edit-content { position: absolute; right: 0; top: 0; } .find-friend-search.SearchArea { position: relative; min-height: auto; } .Buyer-Reviews.FindFriends .sidebar-widget .list-items li { height: 42px; line-height: 42px; margin: 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 1px; color: #2b273c; font-size: 12px; text-transform: capitalize; font-weight: 400; } .BuyerContent.BuyerLocation.BuyerFindFriend .BuyerEmailList { grid-template-columns: auto 200px; padding-bottom: 15px; } .Buyer-Reviews.FindFriends .EditLocationForm { width: 470px; margin-top: 15px; } .find-friend-search.SearchArea .react-autosuggest__container { width: 100%; } .Buyer-Reviews.FindFriends .sidebarBuyer.ReviewsPage .sidebar-widget { margin-top: 0; } .Buyer-Reviews.FindFriends .EditLocationForm label, .Buyer-Reviews.FindFriends .PermissinHeading h5 { font-size: 14px; font-weight: 700; color: #000; } .Buyer-Reviews.FindFriends .sidebar-widget .list-items li a span { width: 20px; text-align: left; display: inline-block; margin: 0 10px 0 0; } .Buyer-Reviews.FindFriends .sidebar-widget .list-items li a.active, .Buyer-Reviews.FindFriends .sidebar-widget .list-items li a:hover, ul.generic-nav button.active.btn.btn-none { border-color: #001e46; } .Buyer-Reviews.FindFriends .sidebarBuyer.ReviewsPage .sidebar-widget button { border-left: 6px solid transparent; line-height: 42px; height: 42px; display: inline-block; font-size: 14px; font-weight: 400; color: #000; padding: 0 0 0 6px; width: 100%; background: transparent; border-radius: 0; text-align: left; border-bottom: 1px solid #e5e5e5; } .Buyer-Reviews.FindFriends .sidebarBuyer.ReviewsPage .sidebar-widget button.nav-link.active, .Buyer-Reviews.FindFriends .sidebarBuyer.ReviewsPage .sidebar-widget button:hover { border-color: #001e46; border-bottom-color: #e5e5e5; } .Buyer-Reviews.FindFriends .SearchArea .EmailAdd.friend button { background: #001e46; color: #fff; border: 0; border-radius: 4px; padding: 6px 15px; font-size: 14px; line-height: normal; border-radius: 0px 3px 3px 0px; height: 38px; } .Buyer-Reviews.FindFriends .SearchArea .EmailAdd.friend button:hover{ opacity: 0.9; } .Buyer-Reviews.FindFriends .BuyerLocation.BuyerFindFriendFB .BuyerPagesHeading { font-size: 18px; font-weight: 600; color: #000; margin-bottom: 5px; } .Buyer-Reviews.FindFriends .BuyerContent.BuyerLocation .BuyerEmailList, .Buyer-Reviews.FindFriends .BuyerContent.BuyerLocation .EmailDesc, .Buyer-Reviews.FindFriends .BuyerContent.BuyerLocation .Heading, .Buyer-Reviews.FindFriends .BuyerContent.BuyerLocation .SeeAbout .input-box { border-bottom: 1px solid #eeeeef; display: block; } .Buyer-Reviews.FindFriends .BuyerContent.BuyerLocation.BuyerFindFriendFB .EditLocationForm1 label { font-size: 12px; color: #000; padding: 0; } .Buyer-Reviews.FindFriends .EmailAdd.EditLocation{ margin-top: 30px } .find-friend-search.SearchArea .react-autosuggest__container .react-autosuggest__suggestions-container { position: absolute; max-height: 350px; overflow: auto; background: #fff; color: #000; box-shadow: 0px 8px 15px 0px #ddd; } .find-friend-search.SearchArea .react-autosuggest__container .react-autosuggest__suggestions-container .react-autosuggest__suggestion-item {border-bottom: 1px solid #eee;padding: 5px 10px;} .find-friend-search.SearchArea .react-autosuggest__container .react-autosuggest__suggestions-container .react-autosuggest__suggestion-item:hover {background: #eee;cursor: pointer;} .nav.nav-tabs.nav.nav-pills button.nav-link.active {background: #0d6efd;} /*----------------------------------------- Find Friends ----------------------------------*/ @media screen and (min-width: 320px) and (max-width: 767px) { section.TeamItem.about-team .Items {width: 100%;} .padding-bottom-50px {padding-bottom: 30px;} .MobileView .content-presence.BusinessInfo h1 br {display: none;} .main-menu-content.listin_nav ul {background: #f9f9f9;} .main-menu-content.listin_nav ul li {padding-right: 0px !important;} .HomePage .search-feild {background: transparent;box-shadow: none;border: 0;margin-top: 10px;} span.HBorder {display: none;} .ListingLeftSide {flex: auto;} .cities {padding-top: 0;} .sidebar-widget.single-h .online-business-images {margin-top: 0;} .top-info {grid-template-columns: auto;} .card-content-wrap.lists h4.card-title h2.heading-listing {width: 300px;} .rating-row.stars {padding: 0;} .rating-rating.rating-detail.landing span span span {margin-bottom: 0;} .card-content-wrap.lists .card-content {padding: 0 10px 5px;} .bottom_buttons {background: transparent; border:0;} .address {margin-top: 5px;text-align: left;} .address ul {margin-bottom: 0;} .HomePage .search-feild .react-autosuggest__container {display: flex;border: 1px solid #e5e5e5;margin-bottom: 10px;border-radius: 4px;flex-direction: column;text-align: left;} .main-menu-content.listin_nav nav ul li {border-bottom: 1px solid #e9e9e9;} .BannerHeading h1 {font-size: 30px;line-height: 1.2;text-transform: capitalize;text-align: center;} .BannerHeading h1 span.HideMobile {display: none;} .BannerHeading p {color: #fff;font-size: 16px;text-align: center;} .BannerHeading p.HideInMobile {display: none;} .PhonesImg {position: relative;margin-top: 20px;display: none;} .PhonesImg img {width: 100%;height: auto;} .AppStoreIcons {flex-direction: column;gap: 10px;display: none;} .SearchFeild {display: inline-block;width: 100%;margin-top: 30px;} .SearchBtn button {border-radius: 0.375rem;height: 100%;border: 2px solid #dc3545;width: 100%;float: right;} .Find input.form-control, .Find.Near input.form-control, .Find input.form-control, .Find.Near input.form-control {border-radius: 0.375rem;} .Find {width: 100%;margin-bottom: 10px;} .search-category a {margin: 10px 5px 0;} .category.text-center {padding:10px 0 0 0;margin-top: 0;background: #fff;border-bottom: 1px solid #EFEFEF;} .footer-item .footer__title {border-bottom: 1px solid #000;margin: 0;padding-bottom: 5px;} .footer-area {padding: 30px 0 20px !important;} .Ads {text-align: center;} .Find span {left: 10px;} .Find input.form-control {padding: 6px 20px 6px 60px;font-size: 15px;} .MainContentArea {margin-top: 30px;} .subheding h2 {margin-top: 10px;} .cities.recent .card-item.col-last .user_review.post-reaction-count.not-login {padding-bottom: 0;} .cities.recent.posts .btn.btn-link.card__img.img-thumbnail.btn.btn-none, .cities.recent.posts .btn.btn-link.card__img.img-thumbnail.default {margin-top: 0;} .sidebar.listing-page {padding: 20px 0 10px;} .ListingBox {display: flex;flex-direction: column;} .b-listing {min-width: 100%;display: block;} .listing-list.post-list .ListingLeftSide {padding: 0;margin-bottom: 0;} .search-feild {height: auto;margin-top: 20px;} .nav-listing-search .main-search-input-item input.react-autosuggest__input {width: 100%;border-bottom: 0;border-radius: 0.375rem 0.375rem;} .main-search-input-item.search-input button.button.theme-btn {width: 100%;border-radius: 4px;position: static;} .main-search-input-item.search-input .contact-form-action form {grid-template-columns: auto;} .container-fluid.nav-listing-cat {position: static;} .main-search-input-item.location .css-2b097c-container, .main-search-input-item.search-input input.form-control {width: 100%;} li.info-website a.custom-color-326D62 {width: auto;} .report-list-items ul.listing-info {margin: 0;} .write-review {grid-template-columns: auto;} .direction-btn {width: 145px;} .write-review a, .write-review button {margin: 0 5px 15px;} .report-list-items {position: static;margin-top: 15px;} section.breadcrumb-area.listing-detail-breadcrumb .breadcrumb-wrap {bottom: 5%;} .sidebar.section-bg.details-sidebar .sidebar-widget {padding: 15px;} .photo-upload h1 {font-size: 20px;} .b-listing button.theme-btn {margin-bottom: 10px;padding-left: 10px; padding-right: 10px;} .ListingLeftSide {flex: auto;padding: 0px 10px 10px;} .stroy-media.post-details-page.review_page .slide-slider img, .stroy-media.post-details-page.review_page .slide-slider video {height: auto;width: 100%;} .story-slider.view-story .slick-track {height: 45vh;} .stroy-media.post-details-page.review_page .topHeaderRight {padding: 20px 0px 20px 20px;} .stroy-media.post-details-page.review_page .add-comment {bottom: 10px;} .breadcrumb-content .breadcrumb__title {font-size: 26px;} .stroy-media.post-details-page.review_page .story-slider.view-story .slick-list {width: 100%;} .sidebar.section-bg.details-sidebar ul li.justify-content-between.b-address address {margin: 0;} .main-menu-content.listin_nav nav ul li .dropdown-menu-item li {width: 100%;display: inline-block;border: 0;} .main-menu-content.listin_nav nav ul li .dropdown-menu-item {max-width: 100%;padding:0;top: 38px;} .main-menu-content.listin_nav nav ul li:first-child a, .main-menu-content.listin_nav nav ul li a {padding-left: 0px;} .main-menu-content.listin_nav nav ul li img {margin-right: 10px;} .top-right {margin-top: 0;grid-template-columns: auto;justify-content: center;} .top-right .business {padding: 6px 0;} .businesses, .pkg-title h1, .reviews-tabs .form-area, main.listing-list.post-list.banner {margin-top: 0;} .video-desc {margin: 0;} .single-listing-wrap.details .comments-wrap {margin-top: 10px;} .password-description, section.single-listing-area .details.single-listing-wrap .comments-wrap {margin-bottom: 10px;} .ListingLeftSide .sidebar.listing-page {padding: 15px 20px 0px 0;} section.k-class.BizFooter {padding-bottom: 10px !important;border-top:0 !important } h2.all-result {margin-top: 15px;} ul.list-items.SocialIcons, ul.list-items.SocialIcons li, .k-class.white-bg .copy-right ul li {margin: 0;} .SearchArea {min-height: 415px;} .map-side {flex: auto;padding: 0 10px;} .change-order-two.mobile {display: grid;} .MainContentArea {margin-top: 30px;order: 1;} .TheBlockFooter {order: 2;} .category.text-center h2{display: none;} .browse-category .cat__name {font-size: 12px;font-weight: normal;margin-top: 0;} .browse-category {margin: 0;padding: 0;} .ShowMobile{background: #000;z-index: 1} .Banner img.banner-bg, .LeftCustomWidth{display: none;} .BgBlackColor {background: #000;margin: 0 0 -1px 0;} .BgBlackColor .HomePage .logo a {width: 37px;overflow: hidden;display: inline-block;} .BgBlackColor .HomePage .logo a img{width: auto;} .BgBlackColor .nav-listing-search {border-bottom:0;background: transparent;} .cities.recent.posts .ReviewsWrote .card-image {border-radius: 12px;overflow: hidden;} .BgBlackColor .HomePage .search-feild .react-autosuggest__container{border:0;} .BgBlackColor .ChangeSizeIcon { position: absolute; top: 11px; left: 22px; font-size: 22px; } .BgBlackColor .MenuBtn {color: #fff;text-transform: uppercase;font-size: 15px;display: flex;align-items: center;gap: 10px;} .BgBlackColor .MenuBtn:focus{box-shadow: none;border:0;} .BgBlackColor .MenuBtn i{font-size: 22px} .BgBlackColor .main-search-input-item.search-input input.form-control {padding: 12px 0 12px 35px;margin-bottom: 10px} .BgBlackColor .main-search-input-item.search-input {position: absolute;width: 100%;} .BgBlackColor .HomePage .search-feild {background: transparent;box-shadow: none;border: 0;margin-top: 10px;position: relative;min-height: 55px;} .BgBlackColor #navbarSupportedContent {position: absolute;width: 100%;top: 58px;z-index: 11;} .BgBlackColor .nav-listing-search .main-search-input-item input.react-autosuggest__input {padding: 12px 0 12px 40px;border-radius: 0.375rem;} .cities.recent.posts .btn.card__img.img-thumbnail.btn.btn-none, .cities.recent.posts .btn.card__img.img-thumbnail.default {margin: 5px;} .card-content-wrap.lists h4.card-title {max-width: 330px;width: auto;} .BannerHeading p.HideInDesktop{display: block;} .cities.recent .card-item {margin-bottom: 15px;} .HomePage .search-feild .react-autosuggest__container {margin-bottom: 0px;} .login .navbar .nav-item:hover .dropdown-menu {right: -85px;top: 17px;left: auto;padding: 5px 15px;} .login.section .login .dropdown-toggle:after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid #000;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;} section.SubscriptionArea.mobile {display: block;} section.SubscriptionArea {display: none;} .SubScribeArea{width: 100%;} section.SubscriptionArea{margin-top: 20px;} ul.rating-list.distance.filter-category.mt-4.zipcode-post {-webkit-column-count: 4;column-count: 4;} .map-side {flex: 0.49465 0 100%;padding: 0;} ul.comparison-card-list{column-count: 2;-webkit-columns: 2;-moz-columns: 2;} /*---------------------------------- Buyer Pages ------------------------------------*/ .user-info {height: auto;} .uploads-update {border-left: 0;height: auto;padding: 0;margin-top: 10px;} .change-order-two.mobile.TheBlock {display: block;} .uploads-update ul.uploads {margin: 0;} .product-img {margin: 10px 5px 0;width: 160px;height: 160px;} .BuyerContent .comment.listing-details {grid-template-columns: 64px auto auto;} .buyer-info {border-left: 0;padding-left: 10px;height: 100%;} .Buyer-Reviews .reviews-tabs ul.comments-list li {border-bottom: 1px solid #e5e5e5;padding-bottom: 0;} .BuyerProfile.BuyerReviews .comment.listing-details {grid-template-columns: 64px auto auto;} .UpdateBuyerProfile .contact-form-action .form-group input.form-control, .UpdateBuyerProfile .contact-form-action .form-group select.form-control, .UpdateBuyerProfile .contact-form-action textarea.message-control.form-control {width: 100%;} .Buyer-Reviews.FriendManage .BuyerContent {margin-top: 0;} .sidebarBuyer.ReviewsPage .sidebar-widget {margin-top: 10px;} section.TabsArea .nav-tabs {float: none;margin-top: 0;} .Buyer-Reviews.FindFriends .BuyerContent.BuyerLocation{display: block;} .Buyer-Reviews.FindFriends .EditLocationForm{width: 100%} .Buyer-Reviews.FindFriends .react-autosuggest__container {width: 100%;} .Buyer-Reviews.FindFriends .info-list-2 .BuyerEmail {position: static;margin-top: 20px;} .Buyer-Reviews.FindFriends .EmailAdd.EditLocation {margin-top: 15px;} .stroy-media{position: static;} .stroy-media.post-details-page.review_page .details-info.story-details-info {margin-top: 0;} .card-item.card-listing.listing-page {margin-bottom: 15px;} .card-listing .card-image-wrap .card-image img.card__img {max-height: 300px;height: auto;} .Upcomming h4 {margin: 0 0 10px;} .card-content-wrap.lists .card-content p.card-desc {margin: 5px 0;} .BuyerContent .comment.listing-details {grid-template-columns: 64px auto auto;} .BuyerPhotos .modal-content .mySlides img.card__img {width: 100%;max-width: 100%;min-width: 100%;margin: 0 auto;height: auto;} .BuyerPhotos .user-info-details{position: static;} .slider-content {padding: 10px 0;} .SignUpSelection.LoginSection .contact-form-action {width: 100%;margin: 40px auto 0;} .SignUpSelection {margin: 15px auto 0;} .SignUpSelection {padding: 40px 20px 0;} .sign-up-image img.random-img {width: 100%;} .signup-desc {width: 100%;text-align: center;margin-top: 0;} .billing-form-item .billing-content .contact-form-action.sign-up {width: 100%;} .NewUser.SignUpSelection {padding: 20px;} .SelectUser {margin-bottom: 20px;} .signup-page.BizSignUp h5 {font-size: 20px;text-align: center;} .about h1 {font-size: 25px;} .signup-desc.location {padding-left: 0;margin-top: 0;} .NewUser.SignUpSelection .SignUpBg{padding: 0} .NewUser.SignUpSelection .signup-page.BizSignUp p {font-weight: normal;margin-top: 25px;font-size: 15px;text-align: center;} .step-section .SignUpBg {padding: 0;} .bottom-btn button.btn.btn-default {width: auto;height: auto;font-size: 15px} .signup-page.BizSignUp .bottom-btn.step-1 {margin: 0;} .signup-step-2 {padding-left: 0;} .signup-page.BizSignUp p {text-align: center;} .BuyerContent.FriendsManage.UpdateBuyerProfile .contact-form-action .form-control {padding: 10px;display: flex;gap: 20px;} .BuyerEmailList.Notification .BuyerPagesHeading.padding-top-50px {padding-top: 10px;} .Email.Notification .Permissions {display: grid;grid-template-columns: auto;grid-column-gap: 30px;} .Email.Notification .PermissinHeading, .Email.Notification .ReviewsDate, .Email.Notification .action-icons {text-align: start;} .Email.Notification .BuyerEmailList {grid-template-columns: auto;} .Email.Notification .contact-form-action p {line-height: normal;display: flex;align-items: center;} .BuyerEmailList .BuyerEmail .BuyerPagesHeading.padding-top-50px {padding-top: 30px;font-size: 16px;} .faq-forum .contact-form-action .BuyerPagesHeading, .BuyerPagesHeading{font-size: 16px;} .BuyerContent.FriendsManage .BuyerEmail{display: block;} .BuyerContent.FriendsManage .sorted{margin: 0} .BuyerContent.BuyerLocation .BuyerEmail{display: flex;align-items: center;} .BuyerEmail .BuyerPagesHeading{margin: 0} .EditLocationForm {width: 100%;} .BuyerContent.PrivacySetting .BuyerEmailList {grid-template-columns: auto;} #user_profile_details_user_block_user_main button.remove-btn-bg.btn-none {text-align: left;} .KatikaMusic .Music p b {margin-top: 0;} .KatikaMusic .Music a, .KatikaMusic .Music button {margin: 25px auto 20px;} .content-area.personal.checkout {margin-top: 15px;} .story-slider.view-story .slick-slide {height: 70vh;} .dashboard-page.account-page .nav-item button.nav-link {width: 155px;border-radius: 5px 5px;margin: 0 0 0 -10px;} .dashboard-page.account-page .nav-item{margin-bottom: 0} ul.list-items.SocialIcons li {padding: 0 5px;} .TermsHeading h1 {font-size: 20px;} .TermsContent {margin-top: 25px;} .GalleryPics .card-image {width: 160px;max-height: 160px;margin: 0 0 15px 0;} .footer-item ul.list-items {margin-top: 10px;} .partnersBottom a.btn.btn-primary {margin: 0;} .PhotosUser .mySlides {min-height: auto;max-height: 495px;margin-top: 15px;height: auto; padding: 10px;} .SliderController {top: 40%;} .chat-area {border-top: 1px solid #ddd;} .Buyer-Reviews.BuyerBookmarks .comment.listing-details {grid-template-columns: 64px 200px auto;} .BuyerContent.Checkins .comment .comment-body .meta-data img.avatar__img {right: auto;left: -33px;} }