@media (max-width: 480px) {
body {
font-size: 14px !important;
}
}
@media (max-width: 767px) {
.header__logo-wrapper {
order: 1 !important;
}
.header__client-panel {
order: 2 !important;
}
.header__menu-trigger {
display: block !important;
order: 3 !important;
}
.header .ada-compliance__wrapper {
display: none !important;
}
.header__menu-container .header__navigation-link {
color: #494949 !important;
}
#sb_content #about-us .txt>.dha-col {
padding-left: 20px !important;
padding-right: 20px !important;
}
p * {
font-size: 14px !important;
}
#sb_content #about-us ul {
flex-direction: column !important;
}
.grid--4-col-desktop .grid__item {
max-width: calc(100% - 50px) !important;
}
.slider-mobile-gutter ul li:not(:last-child) p:after {
transform: rotate(90deg) !important;
top: calc(100% - 50px) !important;
left: 50% !important;
border-width: 50px 0 50px 15px !important;
}
#sb_content #about-us li:not(first-child) {
padding-top: 20px !important;
}
#sb_content #about-us li:not(last-child) {
padding-bottom: 20px !important;
}
.slider-mobile-gutter .rte p:before {
top: 13px !important;
}
body .dha-mt-responsive {
margin-top: -30px !important;
}
.dha-where-we-serve,
.dha-where-we-serve .input-group.dha-justify-content-center {
flex-direction: column !important;
}
.dha-where-we-serve .input-group.dha-justify-content-center {
margin-top: -20px !important;
}
.dha-where-we-serve>div:first-child .d-none {
display: block !important;
text-align: left !important;
}
.dha-where-we-serve>div:last-child .dha-mt-responsive {
display: none !important;
}
#sb_content #about-us .dha-where-we-serve li {
padding-top: 5px !important;
}
#sb_content #about-us .dha-where-we-serve li {
padding-bottom: 5px !important;
}
.dha-where-we-serve hr.dha-mb-4 {
margin-bottom: 0rem !important;
}
.dha-where-we-serve hr.dha-mt-4 {
margin-top: 1rem !important;
}
.dha-where-we-serve>div:last-child .multicolumn-card .multicolumn-card__info>p {
text-align: center !important;
}
.dha-why-choose-us {
flex-direction: column !important;
}
#sb_content #about-us .txt .dha-why-choose-us img {
position: relative !important;
}
.dha-why-choose-us summary .icon-caret {
top: calc(50% - 0.6rem) !important;
}
.dha-what-customers-say>div:last-child {
flex-direction: column !important;
}
.dha-blog .cards-wrapper {
grid-template-columns: 1fr !important;
grid-gap: 2rem !important;
}
}
@media (max-width: 991px) {}
@media (max-width: 991px) {}
@media (max-width: 1199px) {}
@media (min-width: 1200px) {
.modal-dialog .modal-content {
max-width: initial;
}
.check_location-modal .modal-dialog .modal-content {
max-width: 600px;
}
.modal-dialog {
--bs-modal-width: 1200px;
}
}
@media (max-width: 1366px) {
#main-buttons .wrapper {
height: 100%;
}
}
@media (max-width: 1919px) {}
@media (min-width: 1920px) {
.header__menu-trigger {
display: none !important;
}
}
:root {
--check-mark: url('data:image/svg+xml;charset=utf-8,');
--price-quote: url('data:image/svg+xml;charset=utf-8,');
--pro-insurance: url('data:image/svg+xml;charset=utf-8,');
--map-location: url('data:image/svg+xml;charset=utf-8,');
--service-warrantee: url('data:image/svg+xml;charset=utf-8,');
--main-content-before-content: "";
--main-content-bg: rgba(255, 255, 255, 1);
}
.item__description_details .sb-widget-iframe-canvas {
display: none;
}
/*.item__description_details .sb-widget-iframe-canvas {
width:400px;
height:400px;
padding:0px;
}*/
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__tab>.item__content .sb-widget-iframe-parent {
height: 470px!important;
width: 360px!important;
scale: 0.43;
position: absolute!important;
top: -163px;
left: 378px;
padding-top: 0px;
overflow: hidden;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__tab>.item__content .sb-widget-iframe {
height: calc(100% + 15px);
width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step {
min-height: 1773px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"],
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"] {
-webkit-appearance: auto;
appearance: auto;
min-width: 1.6rem;
min-height: 1.6rem;
max-width: 1.6rem;
max-height: 1.6rem;
width: 1.6rem;
height: 1.6rem;
padding: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"],
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"] {
position: absolute;
opacity: 0;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]+label,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]+label {
position: relative;
cursor: pointer;
padding: 0;
letter-spacing: 0.06rem;
font-size: 0.9rem;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]+label:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]+label:before {
content: "";
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: white;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]:hover+label:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]:hover+label:before {
background: white;
border: solid 1px #8c9a70;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]:focus+label:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]:focus+label:before {
box-shadow: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]+label:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]+label:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]:checked+label:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]:checked+label:before {
background: white;
border: solid 1px black;
border-radius: 3px;
margin-top: -2px;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]+label:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]:checked+label:before {
border-radius: 50%;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]:disabled+label,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]:disabled+label {
color: white;
cursor: auto;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]:disabled+label:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]:disabled+label:before {
box-shadow: none;
background: white;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="checkbox"]:checked+label:after {
content: "";
position: absolute;
left: 4px;
top: 11px;
background: #8c9a70;
width: 1px;
height: 1px;
box-shadow: 1px 0 0 #8c9a70, 2px 0 0 #8c9a70, 2px -1px 0 #8c9a70,
2px -2px 0 #8c9a70, 2px -3px 0 #8c9a70, 2px -4px 0 #8c9a70;
transform: rotate(45deg);
scale: 2.5;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step input[type="radio"]:checked+label:after {
content: "";
position: absolute;
left: 3px;
top: 5px;
background: #8c9a70;
border: 1px solid #8c9a70;
outline: 2px solid white;
border-radius: 50%;
width: calc(20px - 6px);
height: calc(20px - 6px);
}
.sb_group_booking_count {
display: none !important;
}
.item__description_modal_body .sb-widget-iframe {
height: 285px;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar {
position: relative;
margin: 40px 0 0;
min-height: 300px;
}
@keyframes loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
#sb-main-container .datetime-step .calendar .inner>.date,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__picture,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__content .title--h4,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .provider-stars-container>div,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .cat-price-section,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .cat-extra-services>div>p,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .cat-extra-services .extra-services-on-request>p>span {
position: relative;
overflow: hidden;
pointer-events: none !important;
}
.main-content {
z-index: 99998 !important;
}
.preloader-is-not-active .main-content {
z-index: initial !important;
}
#preloader,
.header:not(.clearfix) {
z-index: 99999 !important;
}
.content-is-loaded #preloader,
.content-is-loaded .header:not(.clearfix) {
z-index: 999 !important;
}
.main-content:before {
content: var(--main-content-before-content);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--main-content-bg);
z-index: 99998;
}
#loadingPercentage {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #8c9a70;
width: 50px;
padding-left: 7px;
text-align: center;
}
#appendedPreloader {
max-width: 190px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 99999 !important;
display: block;
}
.content-is-loaded #appendedPreloader {
display: none;
}
.content-is-loaded .main-content:before {
content: unset;
}
#sb-main-container .datetime-step .calendar .inner>.date.slot-available,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__content .title--h4,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .provider-stars-container>div,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .cat-extra-services>div>p,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .cat-extra-services .extra-services-on-request>p>span {
pointer-events: all !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .cat-extra-services>div>p {
max-width: 200px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card .parent-motion-reduce,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__read-more,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__footer .select {
overflow: hidden;
pointer-events: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__read-more,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__footer .select,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__tab>a {
pointer-events: all !important;
}
#sb-main-container .datetime-step .calendar .inner>.date:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__picture:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__content .title--h4:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .provider-stars-container>div:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card .parent-motion-reduce:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .cat-price-section:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__read-more:after,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__footer .select:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .cat-extra-services>div>p:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .cat-extra-services .extra-services-on-request>p>span:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-item.item .item__tab>.item__content .sb-widget-iframe-parent {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: block;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s infinite linear;
z-index: 3;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__picture:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__content .title--h4:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .provider-stars-container>div:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .card .parent-motion-reduce:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .cat-price-section:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__read-more:after,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__footer .select:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .cat-extra-services>div>p:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .cat-extra-services .extra-services-on-request>p>span:before,
#sb-timeline #steps #steps-content #sb_booking_content .provider-item.item[data-loaded="true"] .item__tab>.item__content .sb-widget-iframe-parent {
content: unset !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__picture:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__content .title--h4:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .provider-stars-container>div:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .card .parent-motion-reduce:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .cat-price-section:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__read-more:after,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .item__footer .select:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .cat-extra-services>div>p:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item[data-loaded="true"] .kitchen-installers-slider .cat-extra-services .extra-services-on-request>p>span:before {
content: "";
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__read-more:after,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .cat-extra-services .extra-services-on-request>p>span:before {
top: 0;
left: 0;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card .parent-motion-reduce:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card .parent-motion-reduce:after {
content: "";
position: absolute;
transform: translate(-50%, -50%);
width: 80px !important;
height: 80px !important;
border: solid 2px white;
border-radius: 5px;
background-color: white;
margin-top: 30px;
left: 10px;
scale: 1.25;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .modal .kitchen-installers-slider .card .parent-motion-reduce:after {
left: 275px;
}
#sb-main-container .datetime-step .calendar.one-of-them-true .inner>.date:before,
#sb-main-container .datetime-step .calendar.one-of-them-false .inner>.date:before {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
display: block;
}
#sb-main-container .datetime-step .calendar.both-true .inner>.date:before,
#sb-main-container .datetime-step .calendar.both-false .inner>.date:before {
background: transparent !important;
display: none !important;
}
#sb-main-container #sb_dateview_container .row-eq-height>[class*="col-"] {
flex: 0 0 auto;
width: 33.33%;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .inner {
padding-bottom: 5px;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date a>a.day-on {
pointer-events: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-on {
display: block;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date {
margin-top: 5px;
background: rgba(140, 154, 112, 0.25) !important;
border-radius: 3px;
position: relative;
overflow: hidden;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date:hover {
background: rgba(140, 154, 112, 0.5) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date:has(.day-on) {
cursor: pointer;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date:has(.day-off) {
background: transparent !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected .day-off {
cursor: default;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.slot-not-available,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.slot-not-available a {
pointer-events: none !important;
background: rgba(255, 0, 0, 0.25) !important;
color: #ffffff !important;
cursor: not-allowed !important;
border-radius: 3px;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date a {
text-decoration: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-off {
opacity: 0.4 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .time-legend .available .circle {
background: rgba(140, 154, 112, 0.25) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .time-legend .unavailable .circle {
background: rgba(255, 0, 0, 0.5) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .tab-pd {
padding: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .slots-weekly-view-section {
min-height: 0px;
box-shadow: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .col-md-9 {
min-width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group .file-upload__field-item--file-name p {
color: var(--bs-secondary-color) !important;
cursor: default;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group--required:before,
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group--required:after {
display: block;
font-weight: bold;
padding-bottom: 20px;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group--required:before {
content: "Kitchen furniture to be installed \A";
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group--required:after {
content: "3D images of the kitchen furniture:";
padding-top: 20px;
padding-bottom: 0;
font-weight: normal;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group--required:first-child:before {
content: "Current kitchen furniture \A";
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group--required:first-child:after {
content: "Other photos of your current kitchen:";
padding-top: 20px;
padding-bottom: 0;
font-weight: normal;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .left-side .control-label.required {
width: 100%;
padding-top: 15px;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .left-side .form-group--required {
margin-bottom: 5px;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required) label {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required) .file-upload__field-item--file-name p {
color: transparent !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required) .file-upload__field-item--file-name p:before {
content: "Photo 1";
color: var(--bs-secondary-color) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):nth-child(3) .file-upload__field-item--file-name p:before {
content: "Photo 2";
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):nth-child(4) .file-upload__field-item--file-name p:before {
content: "Photo 3";
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):nth-child(6) .file-upload__field-item--file-name p:before {
content: "Image 1";
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):nth-child(7) .file-upload__field-item--file-name p:before {
content: "Image 2";
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):nth-child(8) .file-upload__field-item--file-name p:before {
content: "Image 3";
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group--required label:before {
content: "Maximum size for each file: 5MB Format: png, jpeg, pdf \A";
position: absolute;
top: -20px;
display: block;
padding-top: 5px;
font-size: 13px;
line-height: 1.25;
opacity: 0.7;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group {
width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group .file-upload__info-hint,
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required) .file-upload__phantom-trigger__txt span.txt,
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .login-bar,
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):last-child label {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details #sb_additional_fields {
display: flex;
flex-wrap: wrap;
column-gap: 15px;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required) {
flex: 0 0 auto;
width: calc(33.33333333% - 10px);
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):last-child {
width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):last-child:before {
content: "Project description";
display: block;
font-weight: bold;
padding-bottom: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .add-details .form-group:not(.form-group--required):last-child textarea {
min-height: 200px;
overflow-y: auto;
font-size: 14px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}
.page-content.page-content--index {
background-color: #8c9a70;
}
.btn-dha-or.btn-outline-light:hover {
background-color: transparent !important;
}
.btn-dha-or,
.btn-dha-or.disabled {
max-width: 44px !important;
max-height: 44px;
height: 44px;
min-height: 44px !important;
aspect-ratio: 1/1;
font-size: 16px;
line-height: 42px;
z-index: 2;
color: #9cb38b !important;
cursor: initial !important;
}
#main-buttons .wrapper .bar .btn.btn-dha-or:not(.disabled),
.wrapper .bar .btn.btn-dha-or:not(.disabled) {
max-width: 50px !important;
max-height: 50px;
height: 50px;
min-height: 50px !important;
margin-left: -5px !important;
margin-right: -5px !important;
padding: 0.1rem !important;
width: 50px;
height: 50px;
}
.btn-light.disabled,
.btn-light:disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
pointer-events: none !important;
opacity: 0.65 !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.provider-stars-container .stars-details {
line-height: 1.4;
height: 24px;
}
.provider-stars-container>div {
zoom: 0.7;
}
.provider-modal .modal__body .item__picture {
position: absolute;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__content {
padding: 10px;
width: calc(100% - 340px);
padding-right: 1.5rem;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__content {
padding: 20px 30px 10px;
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
border-radius: var(--bs-border-radius-xl) !important;
padding: 0 !important;
padding-top: 0.5rem !important;
width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description_details {
border-bottom: solid 1px #dee2e6 !important;
padding-left: 250px !important;
min-height: calc(100% + 15px);
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description_details>div.col-6 {
padding-left: 8px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .extra-services-on-request>p {
min-height: 65px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .kitchen-installers-slider .card .card-text {
max-height: 160px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card {
min-height: 160px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description.full {
padding-bottom: 0.5rem !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__content .title--h4 {
padding-left: 255px !important;
padding-top: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul.gallery--list {
margin-left: 0px !important;
max-width: 276px;
overflow: hidden;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul.gallery--list {
padding: 0px !important;
margin-right: 10px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul.gallery--list:last-child {
margin-right: 0px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul li:not(:first-child) {
display: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul li a {
position: relative;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .album-gallery-details {
padding: 0.5rem !important;
position: absolute;
height: 50px;
width: 100%;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: white;
z-index: 2;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul li.shoved-item {
border-radius: var(--bs-border-radius) !important;
overflow: hidden;
margin-bottom: 5px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul li:nth-child(5) a:after {
content: "View all";
color: white;
letter-spacing: 2px;
font-weight: normal !important;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
line-height: 220px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul li a img {
scale: 1.1;
transition-duration: 0.4s;
}
.fancyboxdha-container .fancyboxdha-bg {
padding: 0.6rem;
padding-top: 0.25rem;
color: white;
}
.fancyboxdha-container .fancyboxdha-infobar {
top: 12px;
}
.fancyboxdha-container .fancyboxdha-infobar:before {
content: " File ";
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul li a,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul li a:hover {
text-decoration: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description ul li a:hover img {
scale: 1;
transition-duration: 0.4s;
filter: brightness(80%);
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card {
width: 100%;
max-width: 100%;
background-color: transparent !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__content .title--h4 {
font-size: 1.25rem !important;
font-weight: normal;
margin-left: 4rem !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card-content {
width: calc(100% - 35px);
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card-content:after {
min-width: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__description_modal_body {
margin-top: -20px;
padding: 1rem !important;
padding-top: 0 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal #gallery-view .gallery--wrapper .gallery--list {
margin-left: 0 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .kitchen-installers-slider .card-content:after {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card-content {
overflow: visible;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .kitchen-installers-slider .card img.motion-reduce {
margin-top: 30px;
left: 10px;
scale: 1.25;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .kitchen-installers-slider .card img.motion-reduce {
left: 275px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .kitchen-installers-slider .card .parent-motion-reduce:before {
left: 275px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .extra-services-on-request span i,
.kitchen-installers-slider .extra-services-on-request p span {
display: none;
color: #8c9a70;
background: rgba(140, 154, 112, 0.25);
border-radius: 20px;
padding-left: 15px !important;
padding-right: 15px !important;
}
.cat-extra-services>div>p.extra-services-title {
opacity: 0 !important;
}
.kitchen-installers-slider[data-provider-extra-services-plumbing="true"],
.kitchen-installers-slider[data-provider-extra-services-electrical="true"],
.kitchen-installers-slider[data-provider-extra-services-lighting="true"],
.kitchen-installers-slider[data-provider-extra-services-backsplash="true"],
.kitchen-installers-slider[data-provider-extra-services-flooring="true"],
.kitchen-installers-slider[data-provider-extra-services-plastering="true"],
.kitchen-installers-slider[data-provider-extra-services-boiler-heating="true"],
.kitchen-installers-slider[data-provider-extra-services-painting="true"],
.kitchen-installers-slider[data-provider-extra-services-gas-work="true"],
.kitchen-installers-slider[data-provider-extra-services-other-construction-work="true"] {
.cat-extra-services>div>p.extra-services-title {
opacity: 1 !important;
}
}
.kitchen-installers-slider[data-provider-extra-services-plumbing="true"] span[data-plumbing="true"],
.kitchen-installers-slider[data-provider-extra-services-electrical="true"] span[data-electrical="true"],
.kitchen-installers-slider[data-provider-extra-services-lighting="true"] span[data-lighting="true"],
.kitchen-installers-slider[data-provider-extra-services-backsplash="true"] span[data-backsplash="true"],
.kitchen-installers-slider[data-provider-extra-services-flooring="true"] span[data-flooring="true"],
.kitchen-installers-slider[data-provider-extra-services-plastering="true"] span[data-plastering="true"],
.kitchen-installers-slider[data-provider-extra-services-boiler-heating="true"] span[data-boiler-heating="true"],
.kitchen-installers-slider[data-provider-extra-services-painting="true"] span[data-painting="true"],
.kitchen-installers-slider[data-provider-extra-services-gas-work="true"] span[data-gas-work="true"],
.kitchen-installers-slider[data-provider-extra-services-other-construction-work="true"] span[data-other-construction-work="true"] {
display: block;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .extra-services-on-request span>i.fa-xmark {
color: red;
padding-right: 5px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .extra-services-on-request span>i.fa-check {
color: green;
padding-right: 2px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__picture--user {
border-radius: 0px !important;
width: 223px;
height: 223px;
overflow: hidden;
background: lightgray;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .provider-modal .item__picture--user {
position: absolute;
border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.provider-modal .item__picture--user img {
border-radius: 0px;
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.provider-modal .item__content .title--h4,
.provider-modal .item__content .item__description_details {
padding-left: 200px !important;
}
.provider-item .item__description_modal_header {
position: relative;
z-index: 1;
}
.collapse.in {
display: block !important;
}
.service-modal .table * {
margin: 0px !important;
}
.service-filter-layout,
.service-filter-layout input[type="radio"][id^="service-filter-layout"] {
display: none;
}
.service-filter-units-qty input[type="number"],
.service-filter-panels-qty input[type="number"],
.service-filter-fillers-qty input[type="number"] {
height: 38px;
padding-top: 12px;
padding-bottom: 10px;
}
.service-filter-units-qty input[type="number"] {
height: 48px;
}
.service-filter-layout label {
border: 1px solid #fff;
padding: 10px;
display: block;
position: relative;
margin: 10px;
cursor: pointer;
}
.service-filter-units-qty label.field__label,
.service-filter-panels-qty label.field__label,
.service-filter-fillers-qty label.field__label {
top: calc(1rem - 5px);
}
.service-filter-units-qty label.field__label {
top: calc(1rem + 5px);
}
.service-filter-layout label:before {
background-color: white;
color: white;
content: " ";
display: block;
border-radius: 50%;
border: 1px solid grey;
position: absolute;
top: -5px;
left: -5px;
width: 25px;
height: 25px;
text-align: center;
line-height: 28px;
transition-duration: 0.4s;
transform: scale(0);
}
.service-filter-layout label img {
transition-duration: 0.2s;
transform-origin: 50% 50%;
}
.service-filter-units-type{
min-width: 280px;
}
.service-filter-units-type img {
width: 50px;
aspect-ratio: 1/1;
box-shadow: var(--bs-box-shadow-sm) !important;
}
.service-filter-units-type label:before {
content: "";
width: 30px;
height: 100%;
background-color: transparent;
}
.service-filter-units-type .form-check-input {
margin-left: -10px;
z-index: 3;
width: 22px;
height: 22px;
cursor: pointer;
margin: 0;
padding: 0;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container {
display: grid !important;
grid-template-columns: 1fr;
grid-gap: 0px;
padding: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item {
display: nonee;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.selected {
display: blockk;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item:hover {
background: #fafafa;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item,
.product-item-filter {
padding: 0;
height: 70px;
border: solid 1px transparent;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-step #sb_attribute_list_container .product-item.selected {
border-color: transparent !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.selected .product-border-left,
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.selected .product-border-right {
border-left-color: #8c9a70 !important;
}
.product-item-filter {
position: absolute;
z-index: 2;
background-color: #ccc !important;
width: calc(100% + 2px) !important;
margin-left: -1px !important;
}
.product-item-filter .filter-image {
max-width: 59px;
margin-top: 5px;
}
.product-baseUnit-quantity,
.product-wallUnit-quantity,
.product-towerUnit-quantity {
position: absolute;
top: 15px;
left: 15px;
background-color: white;
color: #8c9a70;
border: lightgray;
width: 25px;
aspect-ratio: 1/1;
text-align: center;
border-radius: 50%;
box-shadow: var(--bs-box-shadow) !important;
font-size: 12px;
line-height: 25px;
transform: translate(-50%, -50%);
font-weight: bold;
}
.product-item-filter .service-filter-units-qty>div>div>div.col {
display: flex;
flex-wrap: wrap;
margin-top: initial !important;
align-items: center;
}
.product-item-filter .service-filter-units-qty>div>div>div.col h6 {
margin: 0;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row .paid-attr__picture img {
height: initial;
scale: 0.65;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .product-border-left {
height: 70px;
border-left: solid 1px #ccc;
margin-left: -1px;
float: left;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .product-border-right {
height: 70px;
border-left: solid 1px #ccc;
margin-right: -1px;
float: right;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row .paid-attr__description .read-more {
display: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row .paid-attr__description {
height: auto;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row .paid-attr__description {
position: absolute;
overflow: visible;
margin: 0;
left: 0;
top: 0;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row .one-line {
align-items: center;
margin-bottom: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row .one-line__addon-data {
margin-top: initial !important;
align-items: center;
padding: 0 30px 0 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row.tab {
justify-content: space-between !important;
}
.form-check-input:focus {
outline: thin dotted !important;
outline: 5px auto transparent !important;
outline-offset: -2px !important;
border: var(--bs-border-width) solid var(--bs-border-color) !important;
box-shadow: none !important;
}
.service-filter-units-type .form-check-input+.form-check-label {
min-width: calc(100% + 40px);
padding: 5px 10px 5px 30px;
margin-left: -35px !important;
border: solid 1px black;
opacity: 0.75;
cursor: pointer;
z-index: 2;
}
.service-filter-units-type .form-units-type{
border: solid 1px black;
}
.service-filter-units-type .form-check .form-check-input{
margin-left: -2em;
}
.service-filter-units-type .form-check-input:checked {
z-index: 1;
}
.service-filter-units-type .form-check-input:hover+.form-check-label:hover {
border: solid 1px #8c9a70;
opacity: 1;
}
.service-filter-units-type .form-check-input:checked+.form-check-label {
position: relative;
background-color: white;
border: solid 1px #8c9a70;
opacity: 1;
}
.service-filter-units-type .form-check-input:checked+.form-check-label:after {
content: "✓";
position: absolute;
top: 25px;
left: 20px;
color: #8c9a70;
transform: scale(1);
z-index: 3;
scale: 2;
}
.service-filter-layout :checked+label {
border-color: #8c9a70;
}
.service-filter-layout :checked+label:before {
content: "✓";
background-color: #8c9a70;
transform: scale(1);
z-index: 2;
}
.service-filter-layout :checked+label img {
transform: scale(0.9);
/* box-shadow: 0 0 5px #333; */
z-index: -1;
}
#sb-timeline #steps #sb_back_button a {
color: #869469;
pointer-events: none;
}
#sb-timeline #steps #sb_back_button a:hover span {
text-decoration: underline;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:not(:first-child) .item__tab {
box-shadow: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item .item__tab {
border-radius:10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:not(:first-child):not(:last-child) .item__tab>a,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:not(:first-child):not(:last-child) .item__tab>article {
visibility: visible;
text-indent: -155px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item {
padding: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__tab {
position: relative;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item .item__footer {
padding: 0px!important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item .item__footer a {
padding-top: 0px;
padding-bottom: 0px;
color: transparent;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item .item__footer a:before {
content: "Next";
position: absolute;
color: white;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__content .title--h4 {
padding: 0px;
margin-top: 14px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__tab .item__content .title--h4 span.errorMessage {
display: block;
padding: 13px;
width: calc(100% - 112px);
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item .item__content .title--h4.d-none {
display: block!important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__footer {
position: absolute;
top: 15px;
right: 0px;
padding: 0px!important;
cursor: not-allowed;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__footer a {
pointer-events:none;
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__description>.d-none {
display: block!important;
width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__content,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__content {
width: 100%;
padding: 1rem !important;
padding-bottom: 0px !important;
border-radius: var(--bs-border-radius) !important;
background-color: rgba(var(--bs-light-rgb), 1) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .location-modal .item__content,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .location-modal .item__content {
background-color: white !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__picture-wrapper,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__picture-wrapper .item__picture--fit-mode,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__picture-wrapper .item__picture--fit-mode img {
height: 100%;
max-width: initial;
width: auto;
min-width: 440px;
aspect-ratio: 1/1;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__info-bar,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__footer,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__content .title--h4,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__picture-wrapper,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__info-bar,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__footer,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__content .title--h4,
.location-modal .locationFilter,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .dha-where-we-serve,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__read-more,
#sb-timeline #steps #steps-content .paid-attribute-footer #sb_attribute_totals {
display: none !important;
opacity: 0 !important;
}
#sb-timeline #steps #steps-content .paid-attribute-footer .sb-next.btn.next {
min-width: 100px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab .item__content>.title--h4 {
display: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab .item__content .title--h4,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab .item__content .item__read-more {
position: relative;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab .item__content .item__read-more {
display: none !important;
font-size: 18px;
letter-spacing: 0;
bottom: 0;
text-transform: lowercase;
order: 2;
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
min-width: 140px;
color: transparent !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab .item__content .item__read-more::before {
content: "Where we serve" !important;
display: flex;
align-items: center;
background: transparent;
left: 0;
width: auto;
padding-left: 0.5rem !important;
color: red;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab .item__content .title--h4.order-3:first-letter {
text-transform: lowercase !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__read-more:hover::before {
text-decoration: underline;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab .item__content .item__read-more:before,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__content .title--h4 .fw-bold {
font-weight: normal !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item .item__content .title--h4 .fw-bold {
font-weight: bold !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .location-modal .modal__body .item__picture,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .location-modal .modal__body .item__content>h4,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .location-modal .modal__body .item__description.full>h3,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .location-modal .modal__body .item__description.full>br {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .location-modal .modal__body .dha-where-we-serve {
display: block !important;
}
.provider-modal .item__description p:first-child,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__description.short p:first-child {
font-size: 14px;
opacity: 1;
line-height: 1.5;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__description.short p:first-child {
color: rgba(18, 18, 18, 0.75);
letter-spacing: 0.04rem;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item .provider-modal {
padding: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item .modal-dialog {
margin-bottom: initial;
height: 100vh;
margin-right: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item .modal-content {
margin-top: 50px;
margin-bottom: 0px;
border-radius: 0px !important;
border-top-left-radius: var(--bs-border-radius-xl) !important;
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item .modal-content .close-full-info {
right: initial;
top: 10px;
left: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item .modal__body {
padding-top: 2.5rem !important;
/* height: calc(100vh + 50px); */
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__description.short {
width: auto;
overflow: visible;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__description_details {
overflow: hidden;
max-height: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__picture,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:not(:nth-child(2)) .item__tab {
position: relative;
min-height: auto;
overflow: hidden;
border-radius: 0px !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__read-more {
width: 130px;
height: 42px;
right: -20px !important;
top: 183px !important;
color: transparent;
border: solid 1px #6c757d !important;
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family) !important;
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
z-index: 99;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__read-more:before {
content: "View profile";
color: #8c9a70;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border-radius: var(--bs-border-radius);
padding-left: 10px;
padding-right: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__footer {
display: flex !important;
align-items: flex-end !important;
padding-left: 0px !important;
width: 200px;
height: 55px;
margin-right: -36px;
margin-top: 212px;
z-index: 99;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .item__footer,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .item__picture-wrapper {
display: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__footer .select {
margin-bottom: 2px;
width: 130px;
min-height: 42px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__read-more:hover:before {
text-decoration: underline;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .location-modal .item__description p:first-child {
font-size: 16px;
}
#sb-timeline #steps #steps-content #sb_booking_content aside .item.service-item:last-child,
#sb-timeline #steps #steps-content #sb_booking_content aside .item.service-item:first-child .item__picture-wrapper,
#sb-timeline #steps #steps-content #sb_booking_content aside .item.service-item:first-child .item__content .item__description.short .title--h4 {
display: block !important;
opacity: 1 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content aside .item.service-item:last-child .item__content .title--h4 .fw-bold,
#sb-timeline #steps #steps-content #sb_booking_content aside .item.service-item:last-child .item__tab .item__content .title--h4 {
color: var(--bs-body-color) !important;
font-weight: normal !important;
}
#sb-timeline #steps #steps-content #sb_booking_content aside .item.service-item:last-child .item__tab {
display: block !important;
box-shadow: none !important;
}
.current-booking-info .title--h3.mg {
display: none;
}
.current-booking-info:before {
content: "Dry-fit kitchen installation";
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-size: 20px;
line-height: 1.3;
letter-spacing: 0.01em;
font-weight: normal;
margin-top: 0;
color: var(--bs-heading-color);
text-transform: uppercase;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .section-pd {
padding: 0 40px 40px 40px;
padding: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content #sb_sidebar_container {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper {
width: 100%;
box-shadow: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .title--h3 {
font-size: var(--bs-body-font-size);
font-weight: initial;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__info-bar,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__picture-wrapper,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__footer,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__picture,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__picture-wrapper {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__tab {
display: block !important;
box-shadow: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__description.short {
width: 100% !important;
display: flex !important;
align-items: flex-start !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__tab .item__content .title--h4,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__tab .item__content .title--h4 span.errorMessage {
color: red;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .location-modal img {
width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:last-child .item__content {
width: 100%;
padding: 30px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .location-modal .dha-where-we-serve {
display: block !important;
opacity: 1 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__description,
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__description,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .item__description {
width: 100%;
height: 70px;
display: flex !important;
justify-content: space-between !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .item__description {
flex-direction: column !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__description {
height: auto;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .item__read-more {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child .item__description {
height: auto !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__description .input-group {
max-width: calc(100% - 200px);
max-width: initial;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__description .item__read-more {
position: relative !important;
min-width: 130px;
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:not(:first-child) .item__description.short {
max-height: 30px;
width: 100% !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .location-modal .item__description p:first-child {
font-size: 16px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .location-modal .modal__body {
margin-top: 1.3rem !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .input_check_location,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .input_search_provider {
margin: 0px !important;
top: calc(1px + 0.1rem);
min-height: 50px;
max-height: 50px;
height: 50px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .input_search_provider {
top: initial;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child input[type="date"],
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child input[type="date"]::placeholder {
color: transparent;
padding: 1.2rem 1rem 0.8rem 1rem;
}
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofil {
padding: 1.2rem 1rem 0.8rem 1rem;
color: rgb(18, 18, 18);
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__description .input-group>label>label,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .item__description .input-group>label>label {
border-radius: 30px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .item__description .input-group>label>label {
top: calc(1rem + 9px);
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child .item__description .input-group .field__input:focus~.field__label {
top: calc(1px + 0rem) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__read-more {
color: transparent !important;
background-color: rgba(var(--bs-light-rgb), 1) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__read-more::before {
content: "Where we serve" !important;
display: flex;
align-items: center;
color: #8c9a70 !important;
background: transparent;
left: 0;
width: auto;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child .item__read-more:hover::before {
text-decoration: underline;
}
.modal-backdrop.fade {
z-index: -1;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child {
max-height: 100px;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__picture--fit-mode {
background-image: url(/uploads/dohomeart/image_files/preview/1d8e505030a4088d26fb800490f46964.jpeg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: initial;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child {
padding: 0;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__content {
width: 100%;
padding: 1rem !important;
padding-bottom: 0px !important;
border-radius: var(--bs-border-radius) !important;
background-color: rgba(var(--bs-light-rgb), 1) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__read-more,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__footer,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__picture-wrapper,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__content .title--h4.short {
display: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__picture--fit-mode>svg {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content>div:not(.datetime-step) {
padding-left: 10px;
padding-right: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__content {
padding: 0px 30px 0px 0px !important;
background-color: white !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step .provider-item:first-child .item__tab {
-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0);
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0);
}
.check_location-modal .image-container {
content: "";
flex: 0 0 auto;
height: 300px;
width: 100%;
display: inline-flex;
background-image: url("/uploads/dohomeart/image_files/original/95b8f064fd702f8d45193241b7f96829.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#sb-timeline #steps #steps-content #sb_booking_content .location-step,
#sb-timeline #steps #steps-content #sb_booking_content .service-step,
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-step,
#sb-timeline #steps #steps-content #sb_booking_content .provider-step {
min-height: 715px;
height: calc(100vh - 285px) !important;
overflow: hidden;
overflow-y: auto;
margin-top: 120px;
flex-direction: column !important;
flex-wrap: nowrap !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
border-radius: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .location-step:has(.booking-step-before-proceeding) {
margin-top: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-step {
overflow: hidden;
height: 640px !important;
min-height: initial;
box-shadow: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:not(:first-child),
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .errorMessage {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child {
display: block;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__content {
padding: 0px;
min-width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__content .item__description.short,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:last-child .item__content .title--h4 {
min-height: 80px;
border-color: transparent;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step {
height: initial !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
position: relative;
margin-top: 0px;
padding-top: 120px;
}
#sb_location_step_container:before {
content: "";
position: absolute;
width: 20px;
height: 102px;
right: 50%;
top: 150px;
border-top-right-radius: 10px;
background-color: rgba(var(--bs-light-rgb), 1) !important;
border-bottom: solid 1px rgba(0, 0, 0, 0.03);
}
.filter-scrool-y {
max-height: 200px;
position: relative;
overflow-y: auto;
padding-left: 1px;
}
#sb-timeline #steps #steps-content #sb_booking_content .location-step,
#sb-timeline #steps #steps-content #sb_booking_content .service-step,
.filter-scrool-y {
--scrollbar-width: 5px;
--scrollbar-height: 10px;
--scrollbar-border-thickness: 0px;
--scrollbar-border-radius: 10px;
--scrollbar-button-color: #8c9a70;
--scrollbar-thumb-color: #8c9a70;
--scrollbar-track-color: #ffffff;
}
#sb-timeline #steps #steps-content #sb_booking_content .location-step::-webkit-scrollbar,
#sb-timeline #steps #steps-content #sb_booking_content .service-step::-webkit-scrollbar,
.filter-scrool-y::-webkit-scrollbar {
width: var(--scrollbar-width, 20px);
height: var(--scrollbar-height, 20px);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
#sb-timeline #steps #steps-content #sb_booking_content .location-step::-webkit-scrollbar-thumb,
#sb-timeline #steps #steps-content #sb_booking_content .service-step::-webkit-scrollbar-thumb,
.filter-scrool-y::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb-color, #3b82f6);
border: var(--scrollbar-border-thickness, 3px) solid var(--scrollbar-border-color, rgb(255, 255, 255));
border-radius: var(--scrollbar-border-radius, 4px);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
#sb-timeline #steps #steps-content #sb_booking_content .location-step::-webkit-scrollbar-track,
#sb-timeline #steps #steps-content #sb_booking_content .service-step::-webkit-scrollbar-track,
.filter-scrool-y::-webkit-scrollbar-track {
background: var(--scrollbar-track-color, #a1a1aa);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
margin-top: 103px;
}
.filter-scrool-y::-webkit-scrollbar,
.filter-scrool-y::-webkit-scrollbar-thumb,
.filter-scrool-y::-webkit-scrollbar-track {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
}
.filter-scrool-y::-webkit-scrollbar-track {
margin-top: initial;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-step::-webkit-scrollbar-corner,
#sb-timeline #steps #steps-content #sb_booking_content .service-step::-webkit-scrollbar-corner,
.filter-scrool-y::-webkit-scrollbar-corner {
background: var(--scrollbar-corner-color, #ffffff);
border: var(--scrollbar-border-thickness, 3px) solid var(--scrollbar-border-color, rgb(255, 255, 255));
border-radius: var(--scrollbar-border-radius, 10px);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
#sb-timeline #steps #steps-content #sb_booking_content .location-step::-webkit-scrollbar-button:vertical:start:increment,
#sb-timeline #steps #steps-content #sb_booking_content .service-step::-webkit-scrollbar-button:vertical:start:increment,
.filter-scrool-y::-webkit-scrollbar-button:vertical:start:increment,
#preview::-webkit-scrollbar-button:vertical:end:decrement,
#preview::-webkit-scrollbar-button:horizontal:start:increment,
#preview::-webkit-scrollbar-button:horizontal:end:decrement {
display: var(--show-double-buttons, none);
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container {
border-radius: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content .location-step:not(#sb_prerequisites_step_container) {
height: 442px !important;
min-height: initial;
flex: 0 0 auto;
width: 50%;
margin-top: 150px;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-step {
margin-top: 25px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.location-item:first-child,
#sb-timeline #steps #steps-content #sb_booking_content .item.service-item:first-child,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child {
position: sticky;
top: 0;
z-index: 2;
padding: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item:first-child {
z-index: 11;
height: calc(100% - 140px) !important;
min-height: calc(100% - 140px) !important;
max-height: initial;
position: absolute;
left: 0;
margin-left: 0;
margin-top: 120px;
width: 350px;
}
.location-step .item__tab {
position: relative;
justify-content: flex-start!important;
}
.location-step .item__tab .item__footer {
position: absolute;
padding: 0px!important;
height: 100%;
width: 100%;
}
.location-step .item__tab .item__footer a{
height: 100%;
min-width: 100%;
border-radius: 0px;
color: transparent;
opacity: 0;
pointer-events: none;
}
.preloader-is-not-active .location-step .item__tab .item__footer a.link-location-changed{
pointer-events: all;
}
.location-step .item__tab .item__footer a:hover{
opacity: 0.25;
}
.location-step .item__picture-wrapper,
.location-step .item__picture--fit-mode,
.location-step .item__picture--fit-mode img,
.service-step .item__picture-wrapper,
.service-step .item__picture--fit-mode,
.service-step .item__picture--fit-mode img {
width: 80px;
height: 80px;
border-radius: 0px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
pointer-events: none !important;
}
.provider-step .item__picture-wrapper,
.provider-step .item__picture--fit-mode,
.provider-step .item__picture--fit-mode img, {
border-radius: 0px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
pointer-events: none !important;
}
.service-step .item__picture--fit-mode {
padding: 0px;
min-height: 0px;
}
.service-step .item__picture--fit-mode:before,
.service-step .item__picture--fit-mode:after,
.service-step .item__picture-wrapper:before {
content: "W";
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
top: 3px;
right: 10px;
z-index: 2;
color: white;
font-weight: bold;
line-height: 20px;
opacity: 0.75;
background: rgba(140, 154, 112, 0.75);
font-size: 12px;
text-align: center;
opacity: 0;
}
.service-step .item__picture--fit-mode:after {
content: "B";
top: initial;
bottom: 3px;
}
.service-step .item__picture-wrapper:before {
content: "T";
right: initial;
left: 3px;
top: calc(50% - 20px / 2);
}
.location-step .item__footer,
.provider-step .item__footer,
.service-step .item__footer {
display: flex;
align-items: center;
padding: 0 30px 0 !important;
}
.service-step .item__footer {
margin-top: initial !important;
height: initial;
}
.location-step .item__description.short {
display: none;
}
.image-gallery-section .about-us .title {
display: block;
}
.row-imgs {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 4rem;
margin: 0 auto;
margin: 10px -16px;
}
.row-imgs,
.row-imgs>.column-imgs {
padding: 8px;
}
.column-imgs {
float: left;
width: 33.33%;
display: none;
}
.row-imgs:before,
.row-imgs:after {
content: none !important;
}
.content-imgs {
background-color: white;
}
.show-imgs {
display: block;
}
.btn-imgs {
border: none;
outline: none;
padding: 12px 16px;
background-color: white;
cursor: pointer;
}
.btn-imgs:hover {
background-color: #ddd;
}
.btn-imgs.active-imgs {
background-color: #666;
color: white;
}
.promotion-list .step-content {
justify-content: center;
grid-gap: 4rem;
width: 100% !important;
max-width: 1280px !important;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.page-content.page-content--static-page,
.page-content.page-content--static-page>.container-fluid {
padding: 0 !important;
}
.prerequisites-book-page .container-fluid {
overflow: hidden;
}
.prerequisites-book-page ul li {
font-size: 14px !important;
}
.prerequisites-book-page ul li {
list-style-type: initial !important;
}
.prerequisites-book-page ul li em {
color: grey;
}
.prerequisites-step:before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
top: 0;
left: 100%;
cursor: not-allowed;
z-index: 2;
}
.prerequisites-step * {
pointer-events: none;
}
.page-content--news .container-fluid>section>.title--h2 .dha-images {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 4rem;
row-gap: 4rem;
column-gap: 4rem;
margin: 0 auto;
}
.dha-images img {
height: 300px;
width: auto !important;
margin-right: auto !important;
margin-left: auto !important;
display: block !important;
}
#gallery-view {
display: flex !important;
flex-direction: column !important;
grid-gap: 4rem;
margin: 0 auto;
width: 100% !important;
max-width: 1280px !important;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
#gallery-view .title--h2 {
padding: 30px 30px 0;
width: 100%;
text-align: left;
padding-left: 0rem !important;
padding-right: 0rem !important;
}
#gallery-view .gallery--wrapper {
width: 100% !important;
max-width: 1280px !important;
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
margin-right: auto;
margin-left: auto;
box-shadow: none !important;
}
#gallery-view .gallery--wrapper .gallery--list {
padding-left: 0;
}
.gallery--wrapper ul li:has(a[data-caption="not-work-portfolio"]) {
display: none !important;
}
.dha-how-it-works a {
color: #8c9a70;
text-decoration: none;
}
.dha-how-it-works a:hover {
color: #7c8a61;
text-decoration: underline;
}
.header #sb_appended_menu_item ul li a,
.header__navigation-item.menu-item a {
border-bottom: solid 2px transparent;
}
.header__navigation-item.menu-item.active a {
border-bottom: solid 2px white;
}
.header #sb_appended_menu_item ul li.active a {
border-bottom: solid 2px #8c9a70;
}
.page-content--news .container-fluid>section {
width: 100% !important;
max-width: 1280px !important;
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
box-shadow: none !important;
}
body .page-content--news:not(.page-content--news-single) .container-fluid>section {
display: flex !important;
justify-content: flex-start !important;
flex-direction: column !important;
}
.page-content--news .container-fluid>section>.title--h2 {
width: 100%;
text-align: left;
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.page-content--news:not(.page-content--news-single) .item-news__info {
position: absolute;
right: 0;
top: 0;
font-size: 0.75em;
padding: 0.8em 0.85em;
line-height: 1em;
opacity: 0.8;
margin: 0;
}
.page-content--news .item-news__info-name {
display: none;
}
.page-content--news .item-news__info-date:before,
.page-content--news .item-news__info-name:before {
content: none;
}
.page-content--news:not(.page-content--news-single) .item-news:before {
background: #ddd;
width: 250%;
height: 250%;
}
.page-content--news :not(.page-content--news-single).item-news:after {
background: white;
width: 200%;
height: 200%;
}
.page-content--news:not(.page-content--news-single) .item-news:before,
.page-content--news:not(.page-content--news-single) .item-news:after {
content: "";
transform: scale(0);
transform-origin: top left;
border-radius: 50%;
position: absolute;
left: -50%;
top: -50%;
z-index: -5;
transition: all, 0.5s;
transition-timing-function: ease-in-out;
}
.page-content--news:not(.page-content--news-single) .item-news:hover {
transform: rotate(0);
--bg-img: none;
cursor: pointer;
}
.page-content--news:not(.page-content--news-single) .item-news:hover:before,
.page-content--news:not(.page-content--news-single) .item-news:hover:after {
background: #ffffff;
width: 250%;
height: 250%;
content: "";
transform: scale(0);
transform-origin: top left;
border-radius: 50%;
position: absolute;
left: -50%;
top: -50%;
z-index: -5;
transition: all, 0.5s;
transition-timing-function: ease-in-out;
}
.page-content--news:not(.page-content--news-single) .item-news:hover:before,
.page-content--news:not(.page-content--news-single) .item-news:hover:after {
transform: scale(1);
}
.page-content--news:not(.page-content--news-single) .item-news:hover .title--h3 {
color: #9cb38b !important;
}
.page-content--news:not(.page-content--news-single) .item-news:hover .item-news__read-more:after {
background: #9cb38b;
}
.page-content--news:not(.page-content--news-single) .item-news:hover {
color: #333 !important;
}
.page-content--news:not(.page-content--news-single) .item-news__body {
word-break: break-word;
font-size: 16px;
font-family: "Open Sans";
margin-top: 0.5em;
line-height: 1.5em;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
white-space: inherit !important;
-webkit-line-clamp: 3 !important;
margin: initial;
}
.page-content--news-single .item-news__body>.container {
padding: 0px !important;
max-width: 720px;
}
.page-content--news-single .item-news:last-child {
display: flex;
justify-content: center !important;
flex-direction: column !important;
margin-top: 60px;
}
.page-content--news-single .item-news__header {
justify-content: center !important;
display: flex !important;
padding-bottom: 60px;
position: relative;
z-index: 2;
order: 1;
}
.page-content--news .item-news__body {
order: 3;
}
.page-content--news .item-news__body span {
font-size: var(--bs-body-font-size) !important;
}
.page-content--news .item-news__body h1 span {
font-size: 1.5rem !important;
}
.page-content--news .item-news__footer {
max-width: 780px;
margin: 0 auto;
order: 2;
margin-top: -30px;
z-index: 3;
padding-left: 30px;
padding-right: 30px;
width: 100%;
}
.page-content--news-single .item-news__footer {
display: block !important;
}
.page-content--news-single .item-news__info {
float: right;
}
.page-content--news-single ul li:before {
content: var(--check-mark) " ";
zoom: 0.8;
}
.page-content--news-single .item-news .return-btn {
float: left;
}
.page-content--news-single .item-news p>.return-btn {
float: initial;
}
.page-content--news-single .item-news__header:after {
content: "";
width: 100%;
height: 40px;
background-color: white;
position: absolute;
bottom: -10px;
max-width: 780px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.page-content--news-single .item-news__header .title--h3 {
text-align: center;
color: white;
display: block;
transition: all 0.2s ease;
font-family: Assistant, sans-serif !important;
font-weight: initial;
font-size: 2.5rem;
max-width: 720px;
}
.page-content--news-single .item-news__body>.container>p:first-child {
position: absolute;
top: 0;
left: 0;
height: 300px;
overflow: hidden !important;
width: 100%;
background: black;
display: flex !important;
justify-content: center !important;
z-index: 0;
}
.page-content--news-single .item-news__body>.container>p:first-child img {
height: fit-content;
min-width: 40%;
}
.page-content--news-single .item-news__body>.container>p:first-child img:nth-child(2) {
height: fit-content;
min-width: 25%;
}
.page-content--news-single .item-news__body>.container>p:first-child:after {
content: "";
position: absolute;
width: 100%;
height: 200%;
top: 0;
left: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.25);
box-shadow: inset 200px -80px 50px -40px #000,
inset -200px -80px 50px -40px #000;
}
.page-content--news-single .return-btn-wrapper {
display: flex;
justify-content: center !important;
padding-left: 10px !important;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin-bottom: 50px;
padding-left: 10px !important;
}
.page-content--news:not(.page-content--news-single) .item-news__read-more {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
font-size: 0.75em;
padding: 1em !important;
margin: 0 !important;
line-height: 1.8em;
transition: all, 0.5s;
margin-left: 10px;
text-decoration: none;
color: transparent !important;
content: "";
}
.page-content--news:not(.page-content--news-single) .item-news__read-more:after {
content: "→ Read more";
background: rgba(255, 255, 255, 0.5);
padding: 0.3em 0.8em;
border-radius: 0.3rem;
color: white !important;
position: relative;
left: 0;
top: calc(100% - 60px);
}
.page-content--news:not(.page-content--news-single) .container-fluid>section:before {
content: none !important;
}
.page-content--news .container-fluid>section {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
.page-content--news .container-fluid>section:after,
.page-content--news .container-fluid>section:before {
content: " ";
display: table;
}
.page-content--news .container-fluid>section:after {
clear: both;
}
.page-content--news .container-fluid>section:after,
.page-content--news .container-fluid>section:before {
content: " ";
display: table;
}
.page-content--news:not(.page-content--news-single) .container-fluid>section #sb_news_list_container {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 1fr;
grid-gap: 4rem;
row-gap: 4rem;
column-gap: 4rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.page-content--news .container-fluid>section {
width: 740px;
}
}
@media (min-width: 992px) {
.page-content--news .container-fluid>section {
width: 960px;
}
}
@media (min-width: 1200px) {
.page-content--news .container-fluid>section {
width: 1160px;
}
}
.page-content--news:not(.page-content--news-single) .container-fluid>section {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 1fr;
grid-gap: 4rem;
margin: 0 auto;
}
.page-content--news:not(.page-content--news-single) .item-news {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
font-family: "Heebo";
--bg-filter-opacity: 0.5;
background-image: linear-gradient(rgba(0, 0, 0, var(--bg-filter-opacity)),
rgba(0, 0, 0, var(--bg-filter-opacity))),
var(--bg-img);
font-size: 1.5em;
color: white;
border-radius: 1em;
padding: 1em;
/* margin: 2em; */
display: flex;
align-items: flex-end;
background-size: cover;
background-position: center;
box-shadow: 0 0 2em -1em black;
transition: all, 0.5s;
position: relative;
overflow: hidden;
border: 10px solid #ccc;
text-decoration: none;
height: 300px;
border: 0 !important;
position: relative;
display: block;
padding: 1em !important;
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 9) {
--bg-img: url(/uploads/dohomeart/image_files/original/92765da7ab9d5403bcb2d57adde14897.png);
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 8) {
--bg-img: url(/uploads/dohomeart/image_files/original/8b5c5f72ba677bdeb821e6c20111659c.jpeg);
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 7) {
--bg-img: url(/uploads/dohomeart/image_files/original/0aca562ccc4c69f38cf9ebce72d0bda6.jpeg);
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 6) {
--bg-img: url(/uploads/dohomeart/image_files/original/4c2acc9bae746f5106b72d9e3d66972c.jpeg);
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 5) {
--bg-img: url(/uploads/dohomeart/image_files/original/ec3f3f5f671ad053e705e2de22099451.jpeg);
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 4) {
--bg-img: url(/uploads/dohomeart/image_files/original/004dfcade049546ab24b75d2da3b9ff2.jpeg);
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 3) {
--bg-img: url(/uploads/dohomeart/image_files/original/891ea03ac49704c73d5823da1c37445e.jpeg);
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 2) {
--bg-img: url(/uploads/dohomeart/image_files/original/c4d1b7cdfc1444442d7deb493a80ca5d.jpeg);
}
.page-content--news:not(.page-content--news-single) .item-news:nth-child(-n + 1) {
--bg-img: url(/uploads/dohomeart/image_files/original/bdd8b0b7582847a3499eb6428d151d3e.jpeg);
}
.page-content--news:not(.page-content--news-single) .item-news .title--h3 {
margin: 30px 0 0 0;
font-size: 1.2em;
line-height: 1.2em;
color: white;
font-weight: normal;
}
.page-content--news:not(.page-content--news-single) .item-news__footer {
margin-top: 50px;
}
.text-truncate {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
display: -webkit-box !important;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical !important;
white-space: inherit !important;
}
.text-truncate.line-clamp-2 {
-webkit-line-clamp: 2 !important;
}
.text-truncate.line-clamp-3 {
-webkit-line-clamp: 3 !important;
}
.header__client-panel .client-panel__item-cart .cart-container .counter {
line-height: 21px;
}
.index__row {
margin-left: -12px;
margin-right: -12px;
}
#footer {
background: #212529;
min-height: 300px;
}
#footer a {
color: initial !important;
}
.accordion {
border: 1px solid transparent;
}
.accordion p {
opacity: 0.75;
}
.accordion .icon-accordion {
fill: #7e8a64;
stroke: #7e8a64;
scale: 1.7;
}
.accordion .icon-accordion {
align-self: center;
fill: rgb(var(--color-foreground));
height: calc(var(--font-heading-scale) * 2rem);
margin-right: calc(var(--font-heading-scale) * 1rem);
width: calc(var(--font-heading-scale) * 2rem);
}
.accordion .icon-accordion path:first-child {
visibility: hidden;
}
#sb_content #about-us .txt .dha-why-choose-us .dha-col:last-child {
max-width: 500px;
}
#sb_content #about-us .txt .dha-why-choose-us .media {
position: relative;
overflow: hidden;
}
#sb_content #about-us .txt .dha-why-choose-us img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
max-width: initial !important;
object-fit: cover;
object-position: center center;
transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.accordion details[open]>summary .icon-caret {
transform: rotate(180deg);
}
summary .icon-caret {
position: absolute;
height: 0.6rem;
right: 1.5rem;
top: calc(50% - 0.2rem);
}
.accordion summary {
display: flex;
position: relative;
line-height: 1;
padding: 1.5rem 0;
}
summary {
cursor: pointer;
list-style: none;
position: relative;
}
a.btn {
line-height: 1;
background: #869469;
padding: 5px 25px;
color: rgba(255, 255, 255, 0.9);
display: flex;
max-width: 200px;
margin-left: auto !important;
margin-right: auto !important;
}
a.btn:hover {
color: rgba(255, 255, 255, 1);
}
.st0 {
fill: #8c9a70 !important;
stroke: #8c9a70 !important;
}
.st1 {
fill: none !important;
stroke: #8c9a70 !important;
}
html *:not(i, .fa) {
font-family: Assistant, sans-serif !important;
}
header i {
color: white;
}
.header__content {
padding-left: 30px;
padding-right: 30px;
}
body #sb_content #about-us .txt .image-slider-parent * {
width: auto;
}
#sb_content #about-us .txt *:not(img, .div-image-slider) {
width: initial !important;
}
#sb_content #about-us .txt .BeforeAfter-MainSection * {
width: initial !important;
}
.page-content--index {
background: #fff;
}
.page-content--index .section {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
border-radius: 0px;
}
.column {
max-width: initial;
}
.index__row.col_100 .index__item,
.index__row.col_100 .index__item .section-pd {
padding: 0rem !important;
}
.index__row.col_100 .index__item .section-pd .txt>.dha-col {
width: 100% !important;
}
.index__row.col_100 .index__item .section-pd .txt>.dha-col>.dha-row {
max-width: 1280px;
margin: 0 auto !important;
}
#sb-timeline .steps-nav #menu-active-bg {
min-height: initial;
}
#sb-timeline #steps {
max-width: 1280px;
margin: 0 auto !important;
}
#sb-timeline .steps-nav li:nth-child(2) {
display:none!important;
}
#sb-timeline .steps-nav li .content .title-sub {
font-size: 12px;
}
#sb-timeline .steps-nav li,
#sb-timeline .steps-nav li * {
cursor: not-allowed !important;
}
#sb-timeline .steps-nav li.active,
#sb-timeline .steps-nav li.active *,
#sb-timeline .steps-nav li.passed,
#sb-timeline .steps-nav li.passed * {
cursor: pointer !important;
}
#sb-timeline .steps-nav li.passed:nth-child(3) .title-sub {
text-indent: calc(93px - 100%);
text-align: center;
position: relative;
margin: 0 auto;
margin-top: 5px;
width: calc(100% - 91px);
}
.dha-bg-light {
background: #f3f3f3;
}
.dha-bg-green {
background: #8c9a70;
}
.dha-text-green {
color: #8c9a70;
}
.dha-row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * 0);
margin-right: calc(-0.5 * 1.5rem);
margin-left: calc(-0.5 * 1.5rem);
}
.dha-justify-content-center {
justify-content: center !important;
}
.dha-flex-wrap {
flex-wrap: wrap !important;
}
.dha-d-flex {
display: flex !important;
}
.dha-flex-column {
flex-direction: column;
}
.dha-col {
flex: 1 0 0%;
}
.dha-col-auto {
flex: 0 0 auto;
width: auto;
}
.dha-gap-10 {
gap: 10px;
}
.dha-gap-20 {
gap: 20px;
}
.dha-gap-30 {
gap: 30px;
}
.dha-gap-40 {
gap: 40px;
}
.dha-gap-50 {
gap: 50px;
}
.dha-rounded-none {
border-radius: 0px !important;
}
.dha-rounded-1 {
border-radius: 2px !important;
}
.dha-rounded-2 {
border-radius: 4px !important;
}
.dha-rounded-3 {
border-radius: 6px !important;
}
.dha-rounded-4 {
border-radius: 12px !important;
}
.dha-rounded-5 {
border-radius: 18px !important;
}
.dha-p-0 {
padding: 0rem !important;
}
.dha-p-1 {
padding: 0.5rem !important;
}
.dha-p-2 {
padding: 1rem !important;
}
.dha-p-3 {
padding: 1.5rem !important;
}
.dha-p-4 {
padding: 3rem !important;
}
.dha-p-5 {
padding: 6rem !important;
}
.dha-pl-0 {
padding-left: 0rem !important;
}
.dha-pl-1 {
padding-left: 0.5rem !important;
}
.dha-pl-2 {
padding-left: 1rem !important;
}
.dha-pl-3 {
padding-left: 1.5rem !important;
}
.dha-pl-4 {
padding-left: 3rem !important;
}
.dha-pl-5 {
padding-left: 6rem !important;
}
.dha-pr-0 {
padding-right: 0rem !important;
}
.dha-pr-1 {
padding-right: 0.5rem !important;
}
.dha-pr-2 {
padding-right: 1rem !important;
}
.dha-pr-3 {
padding-right: 1.5rem !important;
}
.dha-pr-4 {
padding-right: 3rem !important;
}
.dha-pr-5 {
padding-right: 6rem !important;
}
.dha-pt-0 {
padding-top: 0rem !important;
}
.dha-pt-1 {
padding-top: 0.5rem !important;
}
.dha-pt-2 {
padding-top: 1rem !important;
}
.dha-pt-3 {
padding-top: 1.5rem !important;
}
.dha-pt-4 {
padding-top: 3rem !important;
}
.dha-pt-5 {
padding-top: 6rem !important;
}
.dha-pb-0 {
padding-bottom: 0rem !important;
}
.dha-pb-1 {
padding-bottom: 0.5rem !important;
}
.dha-pb-2 {
padding-bottom: 1rem !important;
}
.dha-pb-3 {
padding-bottom: 1.5rem !important;
}
.dha-pb-4 {
padding-bottom: 3rem !important;
}
.dha-pb-5 {
padding-bottom: 6rem !important;
}
.dha-m-0 {
margin: 0 !important;
}
.dha-m-1 {
margin: 0.5rem !important;
}
.dha-m-2 {
margin: 1rem !important;
}
.dha-m-3 {
margin: 1.5rem !important;
}
.dha-m-4 {
margin: 3rem !important;
}
.dha-m-5 {
margin: 6rem !important;
}
.dha-ml-0 {
margin-left: 0rem !important;
}
.dha-ml-1 {
margin-left: 0.5rem !important;
}
.dha-ml-2 {
margin-left: 1rem !important;
}
.dha-ml-3 {
margin-left: 1.5rem !important;
}
.dha-ml-4 {
margin-left: 3rem !important;
}
.dha-ml-5 {
margin-left: 6rem !important;
}
.dha-mr-0 {
margin-right: 0rem !important;
}
.dha-mr-1 {
margin-right: 0.5rem !important;
}
.dha-mr-2 {
margin-right: 1rem !important;
}
.dha-mr-3 {
margin-right: 1.5rem !important;
}
.dha-mr-4 {
margin-right: 3rem !important;
}
.dha-mr-5 {
margin-right: 6rem !important;
}
.dha-mt-0 {
margin-top: 0rem !important;
}
.dha-mt-1 {
margin-top: 0.5rem !important;
}
.dha-mt-2 {
margin-top: 1rem !important;
}
.dha-mt-3 {
margin-top: 1.5rem !important;
}
.dha-mt-4 {
margin-top: 3rem !important;
}
.dha-mt-5 {
margin-top: 6rem !important;
}
.dha-mb-0 {
margin-bottom: 0rem !important;
}
.dha-mb-1 {
margin-bottom: 0.5rem !important;
}
.dha-mb-2 {
margin-bottom: 1rem !important;
}
.dha-mb-3 {
margin-bottom: 1.5rem !important;
}
.dha-mb-4 {
margin-bottom: 3rem !important;
}
.dha-mb-5 {
margin-bottom: 6rem !important;
}
.dha-mb-0 {
margin-bottom: 0rem !important;
}
.dha-mb-1 {
margin-bottom: 0.5rem !important;
}
.dha-mb-2 {
margin-bottom: 1rem !important;
}
.dha-mb-3 {
margin-bottom: 1.5rem !important;
}
.dha-mb-4 {
margin-bottom: 3rem !important;
}
.dha-mb-5 {
margin-bottom: 6rem !important;
}
.dha-h-100 {
height: 100% !important;
}
.dha-w-100 {
height: 100% !important;
}
.dha-bg-green .btn {
background: #f3f3f3;
color: black;
}
.dha-bg-green *:not(.btn) {
color: white;
}
.grid {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
padding: 0;
list-style: none;
column-gap: 40px;
row-gap: 4px;
}
.grid:last-child {
margin-bottom: 0;
}
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.grid--4-col-desktop .grid__item {
position: relative;
width: calc(25% - 8px * 3 / 4);
max-width: calc(100% / 5 - 50px);
flex-grow: 1;
flex-shrink: 0;
display: list-item;
text-align: -webkit-match-parent;
}
#sb_content #about-us ul {
justify-content: space-between !important;
max-width: calc(100% - 30px);
}
#sb_content #about-us li {
list-style: none !important;
}
.slider-mobile-gutter .rte p:before {
position: absolute;
content: "1.";
top: -7px;
left: -27px;
font: 30px ralewaybold, sans-serif;
font-weight: 700;
color: #9cb38b;
}
.slider-mobile-gutter li:nth-child(2) p:before {
content: "2.";
}
.slider-mobile-gutter li:nth-child(3) p:before {
content: "3.";
}
.slider-mobile-gutter li:nth-child(4) p:before {
content: "4.";
}
.slider-mobile-gutter li:nth-child(5) p:before {
content: "5.";
}
.slider-mobile-gutter ul li:not(:last-child) p:after {
content: "";
position: absolute;
height: 15px;
border-style: solid;
border-width: 15px 0 15px 10px;
border-color: transparent transparent transparent #9cb38b;
top: -5px;
left: calc(100% + 15px);
z-index: 2;
}
#sb_content #about-us .dha-where-we-serve ul li {
list-style: initial !important;
list-style-type: circle !important;
}
.field {
position: relative;
width: 100%;
display: flex;
transition: box-shadow var(--duration-short) ease;
}
.field:before {
pointer-events: none;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 6px;
z-index: -1;
}
.field:after {
pointer-events: none;
content: "";
position: absolute;
top: var(--inputs-border-width);
right: var(--inputs-border-width);
bottom: var(--inputs-border-width);
left: var(--inputs-border-width);
border: 0.1rem solid transparent;
border-radius: 6px;
z-index: 1;
}
.field__input {
font-size: 1.3rem;
line-height: calc(1 + 0.5 / 1);
letter-spacing: 0.04rem;
-webkit-appearance: none;
appearance: none;
background-color: rgb(243, 243, 243);
color: rgb(18, 18, 18);
font-size: 18px;
width: 100%;
box-sizing: border-box;
transition: box-shadow 0.1s ease;
border-radius: 6px;
height: 48px;
min-height: calc(1px * 2);
min-width: calc(7rem + (1px * 2));
position: relative;
border: 0;
background-color: #ffffff;
border: solid 1px #9cb38b;
box-shadow: initial;
flex-grow: 1;
text-align: left;
padding: 1.5rem;
margin: 1px;
transition: box-shadow 0.1s ease;
margin: 0.5rem;
}
.input_check_quantity {
border-color: black;
opacity: 0.75;
}
.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill {
outline: 0;
border-radius: 6px;
padding: 1.8rem 1rem 0.8rem 1rem;
margin: 0.5rem;
}
.field__input:focus-visible {
outline: 0;
border-radius: 6px;
}
.field__label {
font-size: 14px;
top: calc(1rem + 5px);
left: calc(1px + 1.5rem);
margin-bottom: 0;
pointer-events: none;
position: absolute;
transition: top 0.1s ease, font-size 0.1s ease;
color: rgba(18, 18, 18, 0.75);
letter-spacing: 0.1rem;
line-height: 1.5;
}
.field__input:focus~.field__label,
.field__input:not(:placeholder-shown)~.field__label,
.field__input:-webkit-autofill~.field__label {
font-size: 14px;
font-weight: initial;
top: calc(1px + 0.5rem);
left: calc(1px + 1.5rem);
letter-spacing: 0.04rem;
top: calc(1px + 0rem);
background: white;
padding-left: 10px;
padding-right: 10px;
border-radius: var(--bs-border-radius) !important;
}
.service-filter-layout-container.d-none{
display: block!important;
}
.service-filter-layout-container.rounded-3 {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.service-filter-layout-container .field__input:focus~.field__label,
.service-filter-layout-container .field__input:not(:placeholder-shown)~.field__label,
.service-filter-layout-container .field__input:-webkit-autofill~.field__label {
top: calc(1px - 0.4rem);
}
.service-filter-layout-container .field__input:focus~.field__label {
top: calc(2px - 0.1rem);
}
.service-filter-layout-container select {
min-height: 50px;
max-height: 50px;
height: 50px;
color: rgb(18, 18, 18);
font-size: 18px;
box-sizing: border-box;
border-radius: 6px;
position: relative;
border: solid 1px #9cb38b;
box-shadow: initial;
text-align: left;
padding: 0 0 0 1rem;
transition: box-shadow 0.1s ease;
}
.about-us .title {
display: none;
}
#sb_content #about-us .txt .dha-main-services img {
max-width: 100px !important;
}
#sb_content #about-us .txt .dha-extra-services .dha-main-services img {
max-width: 50px !important;
}
#sb_content #about-us .txt .dha-extra-services>.col {
width: calc(100% / 5) !important;
min-width: 220px;
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.5) !important;
background: #ffffff;
color: #9cb38b;
}
.dha-main-services p {
color: white;
}
.dha-main-services {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.header .header__navigation .header__navigation-item .icon-OR {
pointer-events: none;
background-color: #8c9a70 !important;
border-color: #f8f9fa;
cursor: initial !important;
border-radius: 50% !important;
padding-left: 10px;
position: relative;
z-index: 2;
margin-left: -25px !important;
margin-right: -25px !important;
max-width: 50px !important;
min-width: 50px !important;
max-height: 50px;
min-height: 50px !important;
border: solid 1px #f8f9fa;
color: transparent !important;
}
.header .header__navigation .header__navigation-item .icon-OR:after {
content: "OR";
position: absolute;
left: 2.5px;
padding: 0.1rem !important;
border-radius: 50% !important;
display: flex;
align-items: center;
opacity: 0.65 !important;
background-color: #f8f9fa;
border-color: #f8f9fa;
width: 44px !important;
height: 44px;
max-width: 44px !important;
min-width: 44px !important;
max-height: 44px !important;
min-height: 44px !important;
color: #9cb38b !important;
z-index: 3;
padding-left: 9px !important;
}
.header .header__navigation .header__navigation-item .icon-Book,
.header .header__navigation .header__navigation-item .icon-Request {
border-bottom: solid 1px white !important;
justify-content: start !important;
max-width: 155px;
background: #8c9a70;
color: transparent !important;
}
.header .header__navigation .header__navigation-item.menu-item.active .icon-Book,
.header .header__navigation .header__navigation-item.menu-item.active .icon-Request {
background-color: #f9fafb !important;
border-color: #f9fafb !important;
}
.header .header__navigation .header__navigation-item.menu-item.active .icon-Book:after,
.header .header__navigation .header__navigation-item.menu-item.active .icon-Request:after {
background: #f9fafb;
color: #000 !important;
}
.header .header__navigation .header__navigation-item .icon-Book:hover,
.header .header__navigation .header__navigation-item .icon-Request:hover {
background-color: #f9fafb !important;
border-color: #f9fafb !important;
}
.header .header__navigation .header__navigation-item .icon-Book:after,
.header .header__navigation .header__navigation-item .icon-Request:after {
content: "Book a service";
white-space: pre;
position: absolute;
color: #fff;
display: flex;
align-items: center;
padding-left: 22px;
width: calc(100% - 2px);
height: calc(100% - 2px);
left: 1px;
top: 1px;
border: solid 1px #9cb38b;
border-radius: 5px;
z-index: 1;
}
.header .header__navigation .header__navigation-item .icon-Request:after {
content: "Request a quote";
padding-left: 17px;
}
.header .header__navigation .header__navigation-item .icon-Book:hover:after,
.header .header__navigation .header__navigation-item .icon-Request:hover:after {
background: #f9fafb;
color: #000 !important;
}
.header__navigation-link {
color: white !important;
}
.header__navigation #sb_appended_menu_item ul {
padding: 0px;
display: flex;
flex-direction: column;
border-radius: 3px;
overflow: hidden;
}
#sb_appended_menu_item ul li:has(a[href="#gallery"]) {
padding-top: 10px !important;
}
#sb_appended_menu_item ul li:has(a[href="#gift-card"]) {
order: 2;
}
#sb_appended_menu_item ul li:has(a[href="#contact-widget"]) {
order: 3;
}
#sb_appended_menu_item ul li:has(a[href="#client/bookings/type/upcoming"]) {
order: 4;
background-color: rgba(248, 249, 250, 1) !important;
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
#sb_appended_menu_item ul li:has(a[href="#bonus"]) {
order: 5;
padding-bottom: 10px !important;
background-color: rgba(248, 249, 250, 1) !important;
}
#sb_appended_menu_item:has(.active) a {
border-bottom: solid 2px white;
}
#sb_appended_menu_item ul li:has(.active) - #sb_appended_menu_item a {
border-bottom: solid 2px white;
}
.header__navigation #sb_appended_menu_item ul li {
padding: 5px 10px 5px 10px !important;
}
.header__navigation #sb_appended_menu_item ul li a {
color: #494949 !important;
}
.header {
background: #8c9a70;
position: sticky;
top: 0;
z-index: 999;
}
.header__logo-wrapper .header__logo-link {
overflow: hidden;
min-width: 120px;
text-align: center;
}
.header__logo-wrapper .header__logo-link img {
scale: 1.5;
}
#main-buttons:not(.home-slider) {
display: none !important;
}
#main-buttons.home-slider {
margin-top: -30px;
}
#main-buttons {
min-height: 500px;
}
#main-buttons .wrapper .company-name.company-logo-only {
display: block;
color: #494949;
text-transform: uppercase;
white-space: pre-line;
visibility: hidden;
line-height: 0;
max-width: 600px;
}
#main-buttons .wrapper .company-name.company-logo-only::before {
content: "Explore our list of kitchen fitters, share your project details, choose an installation start date, and receive an instant quote. Once you book, sit back, relax, and witness your project come to life. \A We assure you of high-quality results. \A ";
min-width: 600px;
max-width: 600px;
padding: 20px;
line-height: 1.8;
text-align: left;
visibility: visible;
font-size: 16px;
text-transform: initial;
font-weight: initial;
}
#main-buttons .wrapper .bar .btn {
margin: initial !important;
padding: initial;
}
#main-buttons .wrapper .bar .btn.book:after {
content: "\f061";
position: absolute;
right: 35px;
}
.bar .btn.check:after {
font-family: Font Awesome\ 5 Pro;
content: "\f061";
position: absolute;
right: 35px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
font-size: 18px;
margin-left: 10px;
}
.bar .btn.btn-has-icon:hover:after {
transform: translate(0.25rem);
transition: transform 0.1s ease;
}
#main-buttons {
position: relative;
background-image: initial;
overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
#main-buttons::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(/uploads/dohomeart/image_files/background/52c0e3a58b56a1257969a6029afabde3.png);
background-size: cover;
background-position: center;
animation: animateAmbient 30s linear infinite;
}
@keyframes animateAmbient {
0% {
transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
}
100% {
transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
}
}
}
#main-buttons .container-fluid.column {
position: relative;
padding-bottom: 50px;
max-width: 980px;
overflow: visible;
}
#main-buttons .wrapper:after {
content: "";
position: absolute;
width: 100%;
height: calc(100% + 100px);
/* background-image: url(/uploads/dohomeart/image_files/background/eba995b75636469d25f25e9289c6bc43.png); */
background-position: center bottom;
background-repeat: no-repeat;
background-position-y: calc(100% + 100px);
background-size: auto 240px;
}
#main-buttons .container-fluid.column:after {
content: "";
position: absolute;
border: solid 1px #9cb38b;
top: calc((150px / 2) - 20px);
left: calc((250px / 2) - 20px);
width: calc((100% - 250px) + 20px * 2);
height: calc((100% - 126px) + 20px * 2);
}
#main-buttons .wrapper .bar {
z-index: 3;
/* gap: 30px; */
}
.bar .btn:not(.btn-dha-or) {
margin: 0 auto;
border: solid 1px transparent;
min-width: 200px;
padding-left: 0px;
border-radius: 6px;
}
.bar .btn.check {
border: solid 1px #8c9a70;
}
.bar .btn:hover {
margin: 0 auto;
border: solid 1px white;
}
#main-buttons .wrapper {
flex-direction: column;
background: rgba(255, 255, 255, 0.75);
padding: 30px;
margin: 50px 150px 0px 150px;
z-index: 3;
position: relative;
margin-top: calc(150px / 2 + 1px);
margin-left: calc(250px / 2 - 9px);
width: calc(100% - 250px + 18px);
height: initial;
}
#main-buttons .wrapper:before {
/* content: "Refresh your kitchen with us"; */
text-transform: uppercase;
font-size: 40px;
font-weight: 700;
color: #121212;
padding: 0 50px 20px;
}
#main-buttons .wrapper .company-name.company-logo-only::after {
content: var(--map-location) " North East London and surrounding areas \A " var(--price-quote) " Fixed price & instant quotes \A " var(--pro-insurance) " Fully insured professionals \A " var(--check-mark) " Manage your bookings online \A " var(--service-warrantee) "5 years warrantee";
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
padding: 20px;
line-height: 1.8;
text-align: left;
visibility: visible;
font-size: 16px;
text-transform: initial;
font-weight: initial;
max-width: 600px;
min-width: 600px;
width: 600px;
display: flex;
justify-content: center;
}
.timeline-sidebar .provider-item {
display: none;
}
.modal__paid-attr img {
max-height: initial;
max-width: 80%;
}
.modal__paid-attr .item__description p:last-child {
padding-bottom: 15px;
}
.item__popup.service-modal img {
margin-top: 40px;
}
.item__popup.service-modal .item__description p:nth-child(2):after {
visibility: hidden;
}
.item__picture-wrapper {
aspect-ratio: 1/1;
}
.promotion-item .item__picture-wrapper {
background: initial;
}
.item__picture--fit-mode {
min-height: 320px;
max-height: initial;
height: 100%;
}
.item__description p {
margin: 0 !important;
}
.item__description * {
line-height: 1.2;
}
#time-settings {
display: none;
}
.info-bar--item.service-deposit--block time:before {
content: "About";
}
.info-bar--item.service-deposit--block time:after {
content: "of work";
}
.item__content .title--h4 {
margin-bottom: 5px;
}
.item.promotion-item {
width: initial;
padding: 0px;
}
.promotion-item .item__content .title--h4 {
margin-bottom: 15px;
}
.item__description p:first-child {
opacity: 0.5;
font-size: 12px;
margin-bottom: 15px;
}
.item__description p:first-child:has(.units-type-label-message),
.item__description p:first-child:has(.units-quantity-label-message) {
opacity: 1;
}
.item__description p:nth-child(2) {
padding-top: 20px;
}
.item__description p:nth-child(2):after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.item__info-bar {
height: initial;
}
.item__info-bar .badge-deposit {
font-weight: normal;
}
#sb-timeline #steps #steps-content #sb_booking_content .timeline-sidebar .item {
width: 100%;
}
.timeline-sidebar .item__picture-wrapper,
.timeline-sidebar .item__picture--fit-mode,
.timeline-sidebar .item__picture--fit-mode img {
width: 100%;
height: 100%;
}
.timeline-sidebar .item__content {
width: initial;
height: initial;
}
.timeline-sidebar .item__description.short {
width: 100%;
height: 5.9em;
}
.promotion-item .item__content,
.promotion-item .item__description.short {
width: 100%;
height: auto;
}
#sb-timeline #steps #steps-content #sb_booking_content .timeline-sidebar .service-item .item__info-bar,
.item .modal .item__content {
width: 100%;
}
.timeline-sidebar .item__tab {
flex-direction: column;
}
#sb-timeline #steps #steps-content #sb_booking_content .timeline-sidebar .service-item .time {
width: 100%;
text-align: right;
margin: 0px;
padding: 4px 0;
}
#sb-timeline #steps #steps-content #sb_booking_content .timeline-sidebar .service-item .item__info-bar .info-bar--item {
height: initial;
flex-direction: initial;
}
#sb-timeline #steps #steps-content #sb_booking_content .item {
width: 100%;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item {
position: relative;
flex: 0 0 auto;
width: calc(100% - 350px);
max-height: 275px;
margin-left: 350px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__tab,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__tab .item__picture-wrapper {
min-height: 275px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__tab .item__picture-wrapper {
pointer-events: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__picture--fit-mode img,
#sb-timeline #steps #steps-content #sb_booking_content .item.provider-item .item__picture {
height: 275px;
}
.item__picture-wrapper,
.item__picture--fit-mode,
.item__picture--fit-mode img {
width: 210px;
height: 210px;
}
.promotion-item .item__picture--fit-mode {
background: #8c9a70;
}
.promotion-item .item__picture-wrapper,
.promotion-item .item__picture--fit-mode,
.promotion-item .item__picture--fit-mode img {
width: 100%;
aspect-ratio: 2/1;
border-radius: 20px;
border: solid 10px transparent;
overflow: hidden;
}
.item__content {
width: calc(100% - 200px);
height: 100%;
}
.item__description.short {
width: 500px;
height: 6.9em;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .item__info-bar {
width: calc(100% - 200px);
}
.item__tab {
flex-direction: initial;
overflow: hidden;
min-height: 80px;
}
.promotion-item .item__tab {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 100%;
height: 100%;
border-radius: 3px;
background: #fff;
-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
border-radius: 20px;
background-color: rgba(248, 249, 250, 1) !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .item__info-bar,
#sb-timeline #steps #steps-content #sb_booking_content .service-item .service-deposit--block,
#sb-timeline #steps #steps-content #sb_booking_content .service-item .item__description .item__read-more,
#sb-timeline #steps #steps-content #sb_booking_content .service-item .item__content>.title--h4 {
display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .time {
width: 100%;
text-align: right;
margin: 30px;
margin-bottom: 60px;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .item__info-bar .info-bar--item {
height: 100%;
flex-direction: column;
}
#sb_location_step_container:after,
#sb_service_step_container:after,
#sb_provider_step_container:after,
#sb_datetime_step_container:after {
margin-bottom: 30px;
position: absolute;
top: 80px;
max-width: 750px;
}
#sb_datetime_step_container:after {
padding-left: 10px;
}
#sb_location_step_container:after {
content: "This initial step is crucial in assisting you to connect with the most suitable professionals who are conveniently located in close proximity to your job site.";
}
#sb_provider_step_container:after {
position: absolute;
top: 50px;
}
#sb_service_step_container:after {
content: "Understanding the kinds and total number of units enables us to accurately determine the cost for installing your kitchen.";
}
#sb_provider_step_container:after {
content: "Browse local kitchen installers by hourly reviews, hourly rates, availability and extra services offered. Navigate through their flexible scheduling options, then choose the one that best fits your needs";
}
#sb_datetime_step_container:after {
content: "Choose the day you'd like your project to commence from your selected professional's calendar";
}
#sb-timeline #steps #steps-content #sb_booking_content>div:has(.location-step):before,
#sb-timeline #steps #steps-content #sb_booking_content>div:has(.provider-step):before,
#sb-timeline #steps #steps-content #sb_booking_content>div:has(.service-step):before,
#sb_datetime_step_container:before,
.booking-step-title {
position: relative;
top: 20px;
font-size: 2rem;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color);
font-family: Rza, Rza-fallback, Georgia, serif;
}
#sb-timeline #steps #steps-content #sb_booking_content>div:has(.location-step):after {
content: "";
flex: 0 0 auto;
margin-top: 150px;
min-height: 100%;
margin-left: 50px;
min-width: calc(50% - 50px);
position: relative;
display: inline-flex;
background-image: url("/uploads/dohomeart/image_files/original/95b8f064fd702f8d45193241b7f96829.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#sb_datetime_step_container:before {
top: -30px;
}
#sb_datetime_step_container:before {
padding-left: 10px;
}
#sb-timeline #steps #steps-content #sb_booking_content>div:has(.location-step) {
display: flex;
flex-wrap: wrap;
}
#sb-timeline #steps #steps-content #sb_booking_content>div:has(.location-step):before {
content: "Let's start with the work location.";
max-width: 0px;
text-wrap: nowrap;
}
#sb-timeline #steps #steps-content #sb_booking_content>div:has(.provider-step):before {
content: "Select the most suitable kitchen fitter.";
}
#sb-timeline #steps #steps-content #sb_booking_content>div:has(.service-step):before {
content: "Tell us about the types and quantity of units.";
}
#sb_datetime_step_container:before {
content: "Start date";
}
#sb-timeline #steps #steps-content .step-content {
margin-top: 60px;
}
#sb-timeline #steps #steps-content .step-content .provider-item .modal .datetime-step.step-content {
margin-top: -30px !important;
}
#sb-timeline #steps #steps-content .step-content>.col-sm-12:first-child {
margin-top: 50px;
}
#sb-timeline #steps #steps-content .modal .step-content>.col-sm-12:first-child {
margin-top: 0px;
}
.price-section #main-buttons .wrapper {
min-width: calc(100% - 250px + 18px) !important;
}
.price-section #main-buttons .wrapper:before {
content: "";
padding: 0px;
}
.price-section #main-buttons .container-fluid.column {
max-width: 1510px;
}
.price-section .multicolumn-card__info .border-bottom:last-child {
border-color: transparent !important;
padding-bottom: 20px;
}
.price-section .acordion-description {
max-width: 800px;
}
.price-section .accordion-buttons>a {
text-decoration: none;
cursor: auto;
}
.price-section .accordion-buttons>a:hover>div {
background-color: rgba(140, 154, 112, 0.5) !important;
}
.header__client-panel .client-panel__item-user .btn--open-client-info img {
display: block;
}
.dha-frequently-asked-questions .multicolumn-card__info .grid__item {
display: grid;
justify-content: center;
grid-template-columns: 1fr 1fr;
grid-gap: 0.5rem;
}
.dha-frequently-asked-questions .accordion summary {
padding: 0.2rem 0 !important;
}
.modal.fade.in {
display: block;
padding-right: 15px;
opacity: 1;
background-color: rgba(0, 0, 0, 0.5);
padding-top: 50px;
}
#sb_booking_info {
padding: 0;
}
#sb-timeline .steps-nav ul {
padding: 0;
margin-bottom: 0;
}
#sb_location_step_container .row:after,
#sb_location_step_container .row:before {
display: none !important;
}
.field-location-message {
display: none;
}
.input_check_location {
min-height: 50px;
max-height: 50px;
height: 50px;
}
.location-text-typed {
color: #8c9a70;
}
#sb_google_translate .goog-te-gadget-simple {
border-radius: 30px;
}
.goog-te-gadget-simple span {
color: #8c9a70 !important;
}
#sb_google_translate .goog-te-gadget-simple>span a>span:last-child:before {
font-family: Font Awesome\ 5 Pro;
content: "\f107";
position: absolute;
height: calc(100% - 5px);
right: 10px;
top: 3px;
padding: 0 5px 5px 5px;
background: white;
font-size: 18px;
}
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b div,
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:link div,
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:visited div,
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:active div {
color: #8c9a70;
}
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b:hover div {
background: #8c9a70;
}
.goog-te-gadget-simple:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 30px;
z-index: 2;
}
.btn:hover {
background-color: rgba(140, 154, 112, 0.9) !important;
}
/* Before After Container */
.bal-container {
position: relative;
width: 100%;
height: 100%;
cursor: grab;
overflow: hidden;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.bal-after {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.bal-before {
display: block;
position: absolute;
top: 0;
/* right: 0; */
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 15;
overflow: hidden;
}
.bal-before-inset {
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.bal-after img,
.bal-before img {
object-fit: cover;
position: absolute;
width: 100%;
height: 100% !important;
object-position: 50% 50%;
top: 0;
bottom: 0;
left: 0;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.bal-beforePosition {
background: #121212;
color: #fff;
left: 0;
pointer-events: none;
border-radius: 0.2rem;
padding: 2px 10px;
}
.bal-afterPosition {
background: #121212;
color: #fff;
right: 0;
pointer-events: none;
border-radius: 0.2rem;
padding: 2px 10px;
}
.beforeLabel {
position: absolute;
bottom: 0;
margin: 1rem;
font-size: 1em;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.afterLabel {
position: absolute;
bottom: 0;
margin: 1rem;
font-size: 1em;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
/* handle and arrow */
.bal-handle {
height: 41px;
width: 41px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -21px;
border: 2px solid #fff;
border-radius: 1000px;
z-index: 20;
pointer-events: none;
box-shadow: 0 0 10px rgb(12, 12, 12);
}
.handle-left-arrow,
.handle-right-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
top: 50%;
margin-top: -6px;
}
.handle-left-arrow {
border-right: 6px solid #fff;
left: 50%;
margin-left: -17px;
}
.handle-right-arrow {
border-left: 6px solid #fff;
right: 50%;
margin-right: -17px;
}
.bal-handle::before {
bottom: 50%;
margin-bottom: 20px;
box-shadow: 0 0 10px rgb(12, 12, 12);
}
.bal-handle::after {
top: 50%;
margin-top: 20.5px;
box-shadow: 0 0 5px rgb(12, 12, 12);
}
.bal-handle::before,
.bal-handle::after {
content: " ";
display: block;
width: 2px;
background: #fff;
height: 9999px;
position: absolute;
left: 50%;
margin-left: -1.5px;
}
#sb_content #about-us .txt .bal-container,
#sb_content #about-us .txt .bal-after,
#sb_content #about-us .txt .bal-before,
#sb_content #about-us .txt .bal-after img,
#sb_content #about-us .txt .bal-before img {
width: 100% !important;
}
#sb_content #about-us .txt .bal-handle {
width: 41px !important;
}
.refreshed-kitchen-rating {
color: #faad14 !important;
}
/* Image slider */
body .txt .image-slider {
position: relative !important;
display: inline-block !important;
line-height: 0 !important;
margin: 5px auto !important;
}
body #sb_content #about-us .txt .image-slider>div {
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 50%;
max-width: 100% !important;
overflow: hidden !important;
resize: horizontal !important;
}
body .txt .image-slider>div:before {
content: "";
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
width: 13px !important;
height: 13px !important;
padding: 5px !important;
background: linear-gradient(-45deg, white 50%, transparent 0) !important;
background-clip: content-box !important;
cursor: ew-resize !important;
-webkit-filter: drop-shadow(0 0 2px black) !important;
filter: drop-shadow(0 0 2px black) !important;
}
body #sb_content #about-us .txt .image-slider img {
max-width: 400px !important;
}
body #sb_content #about-us .txt .image-slider img,
body #sb_content #about-us .txt img,
body #sb_content #about-us .txt *,
body #sb_content #about-us .dha-txt * {
width: auto;
}
body #sb_content #about-us .txt .image-slider>div {
width: initial;
}
body .txt .image-slider img {
user-select: none !important;
max-width: 400px !important;
}
/* END Image slider */
.sliderComparation {
width: 100%;
height: 250px;
position: relative;
font-family: Arial, Helvetica, sans-serif;
}
.sliderComparation .openModalBtn {
position: absolute;
z-index: 4;
line-height: 0;
bottom: 10px;
left: calc(50% - 40px);
min-width: 70px;
min-height: 30px;
}
.sliderComparation .resizable-x>.div0:before,
.sliderComparation .resizable-y>.div0:after {
content: "Before";
position: absolute;
bottom: 10px;
left: 10px;
z-index: 2;
padding: 5px;
background: rgba(0, 0, 0, 0.5);
color: white;
min-width: 55px;
}
.sliderComparation .resizable-y>.div0:after {
content: "After";
left: initial;
right: 10px;
}
.sliderComparation .resizable-x,
.sliderComparation .resizable-y {
display: flex;
overflow: hidden;
position: relative;
z-index: 2;
font-size: 14px;
}
.sliderComparation .resizable-x {
height: 100%;
}
.sliderComparation .resizable-y {
flex-direction: column;
}
.sliderComparation .resizer-x {
position: relative;
display: flex;
justify-content: center;
align-items: center;
background: white;
padding: 1px;
z-index: 3;
cursor: col-resize;
font-size: 14px;
font-weight: bold;
}
.sliderComparation .resizer-x:before,
.sliderComparation .resizer-x:after {
content: "â†";
position: absolute;
width: calc(35px / 2);
height: 35px;
margin-right: 17px;
background: rgba(0, 0, 0, 0.5);
border-top-left-radius: 35px;
border-bottom-left-radius: 35px;
border: solid 2px white;
padding-top: 6px;
color: white;
}
.sliderComparation .resizer-x:after {
content: "→";
margin-right: initial;
margin-left: 14px;
border-top-left-radius: initial;
border-bottom-left-radius: initial;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
}
.sliderComparation .div0 {
overflow: hidden;
background: lightgrey;
background-position: center;
}
/* Modal */
/* The Modal (background) */
.modal-bootstrap {
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 1;
/* Sit on top */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: rgb(0, 0, 0);
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto;
/* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 80%;
/* Could be more or less, depending on screen size */
}
/* Close Button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
height: auto;
margin-right: 5px !important;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
/* END Modal */
/* Slideshow images*/
.slideshow-container {
max-width: 800px;
position: relative;
margin: auto;
}
/* Style for slides */
.mySlides {
display: none;
}
/* Style for navigation dots */
body #sb_content #about-us .txt .slideshow-container .dot {
height: 15px;
width: 15px !important;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
margin-top: 10px;
}
body #sb_content #about-us .txt .slideshow-container .active {
background-color: #717171;
}
/* Style for arrow buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
.next {
position: relative;
right: 0;
border-radius: 3px 0 0 3px;
background-color: #8c9a70 !important;
color: white !important;
top: initial;
margin-top: initial;
}
.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* END Slideshow images*/
/* Blog card*/
.dha-blog .cards-wrapper {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 1fr;
grid-gap: 4rem;
margin: 0 auto;
width: max-content;
}
.dha-blog .card {
font-family: "Heebo";
--bg-filter-opacity: 0.5;
background-image: linear-gradient(rgba(0, 0, 0, var(--bg-filter-opacity)),
rgba(0, 0, 0, var(--bg-filter-opacity))),
var(--bg-img);
height: 20em;
width: 15em;
font-size: 1.5em;
color: white;
border-radius: 1em;
padding: 1em;
/*margin: 2em;*/
display: flex;
align-items: flex-end;
background-size: cover;
background-position: center;
box-shadow: 0 0 2em -1em black;
transition: all, 0.5s;
position: relative;
overflow: hidden;
border: 10px solid #ccc;
text-decoration: none;
height: 300px;
}
.dha-blog .card:hover {
transform: rotate(0);
}
.dha-blog .card:hover h1 {
color: #9cb38b !important;
}
.dha-blog .card:hover .tags .tag {
background: #9cb38b;
color: white;
}
.dha-blog .card:hover {
color: #333;
}
.dha-blog .card:hover:before,
.card:hover:after {
transform: scale(1);
}
.dha-blog .card h1 {
margin: 30px 0 0 0;
font-size: 1.2em;
line-height: 1.2em;
}
.dha-blog .card p {
font-size: 16px;
font-family: "Open Sans";
margin-top: 0.5em;
line-height: 1.5em;
}
.dha-blog .card .tags {
display: flex;
font-size: 0.75em;
color: transparent;
}
.dha-blog .card .tags .tag {
font-size: 1em;
background: rgba(255, 255, 255, 0.5);
border-radius: 0.3rem;
padding: 0 0.8em;
margin-right: 0.5em;
line-height: 1.8em;
transition: all, 0.5s;
color: white;
}
.dha-blog .card .date {
position: absolute;
top: 0;
right: 0;
font-size: 0.75em;
padding: 1em;
line-height: 1em;
opacity: 0.8;
}
.dha-blog .card:before,
.card:after {
content: "";
transform: scale(0);
transform-origin: top left;
border-radius: 50%;
position: absolute;
left: -50%;
top: -50%;
z-index: -5;
transition: all, 0.5s;
transition-timing-function: ease-in-out;
}
.dha-blog .card:before {
background: #ddd;
width: 250%;
height: 250%;
}
.dha-blog .card:after {
background: white;
width: 200%;
height: 200%;
}
.dha-blog .card-grid-space .num {
font-size: 3em;
margin-bottom: 1.2rem;
margin-left: 1rem;
}
.dha-blog .info {
font-size: 1.2em;
display: flex;
padding: 1em 3em;
height: 3em;
}
.dha-blog .info img {
height: 3em;
margin-right: 0.5em;
}
.dha-blog .info h1 {
font-size: 1em;
font-weight: normal;
}
#sb_content #about-us .txt .dha-blog .blog-content {
width: 100% !important;
}
/* END Blog card*/
.page-content--news .item-news {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media all and (max-width: 479px) and (max-width: 599px) {
.BeforeAfter-MainSection {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-items: stretch;
align-content: stretch;
width: 100%;
height: 700px;
}
}
@media all and (max-width: 599px) {
.BeforeAfter-MainSection {
height: 800px;
}
}
@media all and (min-width: 480px) and (max-width: 768px) {
.BeforeAfter-MainSection {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-items: stretch;
align-content: stretch;
width: 100%;
height: 1000px;
}
}
@media all and (min-width: 768px) and (max-width: 959px) {
.mainSection {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-items: stretch;
align-content: stretch;
width: 100%;
height: 1100px;
}
}
@media all and (min-width: 960px) and (max-width: 1199px) {
.BeforeAfter-MainSection {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: stretch;
align-content: stretch;
width: 100%;
height: 500px;
}
}
@media all and (min-width: 1199px) {
.BeforeAfter-MainSection {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: stretch;
align-content: stretch;
width: 100%;
height: 250px;
}
}