/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
@import url('https://fonts.cdnfonts.com/css/berlin-sans-fb');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Body */

body, .sb-main-container {
    font-family:'Poppins', sans-serif !important;
}


/* Titles*/

.company-name, .title-main   {
	font-family: 'Berlin Sans FB', sans-serif;
}
#sb_reviews_add_container .title-main, #sb_reviews_list_container .title-main {
    color: white !important;
}

/* Backgrounds */

#sb_content {
    background: rgb(90,188,194);
    background: linear-gradient(220deg, rgba(90,188,194,1) 0%, rgba(219,210,92,1) 100%);
}

/* button turk */

#main #main-buttons .btn.map, #main #main-buttons .btn.map:visited, #main #main-buttons .btn.book, #main #main-buttons .btn.book:visited {
background: rgb(90,188,194) !important;
    background: linear-gradient(220deg, rgba(90,188,194,1) 0%, rgba(219,210,92,1) 100%) !important;;
    border: none !important;
    border-radius: 300px !important;
    color: white !important;
    transition: all .5s;
}
#main #main-buttons .btn.map:hover, #main #main-buttons .btn.map:active, #main #main-buttons .btn.book:hover, #main #main-buttons .btn.book:active {
    background: rgba(219,210,92,1) !important;
    border: none !important;
    border-radius: 300px !important;
    color: white !important;
    opacity: 1 !important;;
}

/* button black */

#booking-result-view #booking-result-tabs .tabs-container .tab-link a {
    background: white !important;
    border: solid 1px black !important;
    border-radius: 300px !important;
    color: #5abcc2 !important;
    transition: all .5s;
    color: black !important;
    padding: 15px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

#booking-result-view #booking-result-tabs .tabs-container .tab-link.active a {
    background: #dbd25c !important;
    border: none !important;
    border-radius: 300px !important;
    color: #ffffff!important;
    opacity: 1 !important;;
}

/* back button */
.back-to-services {
    color: white !important;
}

/* Header */

#header .nav-wrapper #sb_menu .nav li a, #header .nav-wrapper #sb_menu .nav li a:visited {
    font-family: 'Berlin Sans FB', sans-serif;
    text-decoration: none;
    border-bottom: 3px solid;
    border-bottom-color: transparent !important;
    padding-bottom: 3px;
    transition: all .5s;
}
#header .nav-wrapper #sb_menu .nav li a:hover, #header .nav-wrapper #sb_menu .nav li a:active {
    font-family: 'Berlin Sans FB', sans-serif;
    text-decoration: none;
    border-bottom: 3px solid;
    border-bottom-color: transparent !important;
    padding-bottom: 3px;
   color: #dbd25c;
}
#header .nav-trigger {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: .25rem;
border: solid 1px rgba(0,0,0,0.1);
    cursor: pointer;
    float: right;
    text-align: center;
color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}
#header .nav-trigger .fa {
    color: #58BCC2;
    background: #DCD25B;
    background: -webkit-linear-gradient(110deg, #DCD25B 0%, #58BCC2 100%);
    background: -moz-linear-gradient(110deg, #DCD25B 0%, #58BCC2 100%);
    background: linear-gradient(110deg, #DCD25B 0%, #58BCC2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Intro */

#content-view #about-us, #content-view #contacts, #content-view #schedule {
    padding: 40px;
    margin: 40px !important;
    border-radius: 30px !important;
    text-align: center !important;
}
@media (max-width: 776px) {
#content-view #about-us, #content-view #contacts, #content-view #schedule {
    margin: 40px !important;
}
}
@media (max-width: 448px) {
#content-view #about-us, #content-view #contacts, #content-view #schedule {
    margin: 10px !important;
}
}

/* box */

.add-review {
    padding: 40px !important;
    border-radius: 30px !important;
    background: white !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd>* {
    text-align: center;
}

#reviews-view #sb_reviews_add_container {
    padding-right: 25px;
}
#reviews-view #sb_reviews_list_container {
    padding-left: 25px;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .time {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 700;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 30px;
    background: #dbd25c !important;
    color: white;
}
.tab.tab-col .full-info .img-full img {
    width: unset !important;
}
.tab.tab-col .full-info {
    border-radius: 36px !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .time {
   display:none!important;
}

/* input */

#reviews-view .add-review .form .form-group input, #reviews-view .add-review .form .form-group textarea {
    background-color: #f3f3f3;
    box-shadow: none;
    border-bottom: 2px solid #5dbdc0;
    color: black;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: gray;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: gray;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: gray;
}

/* hacks */

.description_only + div {
    display:none;
}
.map {
display:none!important;
}

/* Footer */

#sb-main-container #footer {
    margin-top: 0;
    max-height: 67px;
    background: #2c2c2c;
    color: #ffffff !important;
}
#sb_gdpr_report_module_container, .copyright, .copyright a, #sb_gdpr_report_module_container a {
    color: #ffffff !important;
}


 #events h3   {
	font-family: 'Berlin Sans FB', sans-serif;
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}





/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* body */

body, .sb-main-container, #sb_content {
    font-family:'Poppins', sans-serif !important;
}



/* breadcrumb */

#sb-timeline #steps-nav li:first-child, #sb-timeline #steps-nav li.passed, #sb-timeline #steps-nav li.passed + li:not(.passed) {
    background: #2c2c2c!important;
}
#sb-timeline #steps-nav li:first-child:after, #sb-timeline #steps-nav li.passed + li:not(.passed):after {
    background: #2c2c2c!important;
    border-top-color: #fff;
    border-left-color: #2c2c2c!important;
    border-bottom-color: #fff;
}
#sb-timeline #steps-nav {
    min-height: 50px;
}
#sb-timeline #steps-nav li {
    height: 50px;
}
#sb-timeline #steps-nav li:first-child:after, #sb-timeline #steps-nav li.passed+li:not(.passed):after {
    content: "";
    border-top: 25px solid;
    border-left: 10px solid;
    border-bottom: 25px solid;
}
#sb-timeline #steps-nav li .content .title-sub {
    margin-top: 0px;
}

#sb-timeline #steps-nav #menu-active-bg {
    background: rgba(0, 0, 0,0) !important;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(0, 0, 0,0) !important;
}

/* font color white */

#sb-timeline #steps-nav li:first-child .title-small, #sb_booking_company_time, .title-sub, #sb-timeline #steps-nav li.passed + li:not(.passed) .title-small, #sb_back_button a, #sb-timeline #steps-nav li.passed .title-small, .back-to-services:hover, .back-to-services:focus {
    color: white !important;
}


/* button turk */

#sb_booking_content .tab .btn.select, #sb_time_classes_service_container .btn.select, .package-content .btn.select, div.tab .btn.select, a.btn.select {
    background: #33bb60;
    color: #ffffff;
}
#sb_booking_content .tab .btn.select, #sb_time_classes_service_container .btn.select, .package-content .btn.select, div.tab .btn.select, a.btn.select, #sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn, #sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn:visited, .current-booking-info .sb-book, .current-booking-info .sb-book:visited, .current-booking-info .booking-btns .btn.sb_add_to_cal, .current-booking-info .booking-btns .btn.sb_add_to_cal:visited, #sb_scroll_top_btn, #sb_scroll_top_btn:visited, #main #main-content #sb_content #client-login button.btn,#main #main-content #sb_content #client-login button.btn:visited {
background: rgb(90,188,194) !important;
    background: linear-gradient(220deg, rgba(90,188,194,1) 0%, rgba(219,210,92,1) 100%) !important;;
    border: none !important;
    border-radius: 300px !important;
    color: white !important;
    transition: all .5s;
}
#sb_booking_content .tab .btn.select:hover, #sb_time_classes_service_container .btn.select:hover, .package-content .btn.select:hover, div.tab .btn.select:hover, a.btn.select:hover, #sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn:hover, #sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn:active, .current-booking-info .sb-book:hover, .current-booking-info .sb-book:active, .current-booking-info .booking-btns .btn.sb_add_to_cal:hover,  .current-booking-info .booking-btns .btn.sb_add_to_cal:active, #sb_scroll_top_btn:hover, #sb_scroll_top_btn:active, #main #main-content #sb_content #client-login button.btn:hover, #main #main-content #sb_content #client-login button.btn:active  {
    background: rgba(219,210,92,1) !important;
    border: none !important;
    border-radius: 300px !important;
    color: white !important;
    opacity: 1 !important;;
}

/* button kalender */

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
    background: #dbd25c !important;
}

/* btn agb */

#sb_terms_and_conditions a {
    color: #dbd25c !important;
}

/* btn buchung */

.current-booking-info .booking-btns .btn {
    border-radius: 30px !important;
}

/* logout button */

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar {
    background: white !important
}

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar .item-container__icon {
    color: black !important;
}

/* box */
.section {
    border-radius: 30px;
}
.tab {
    padding: 40px !important;
    border-radius: 30px !important;
    background: white !important;
}
@media (max-width: 776px) {
.tab {
    padding: 20px !important;
}
}
@media (max-width: 448px) {
.tab {
    padding: 10px !important;
}
}



/* input */

#sb_google_translate .custom-form select.goog-te-combo, .custom-form #sb_google_translate select.goog-te-combo, .custom-form input:not([type=checkbox]), .custom-form select.form-control {
    background-color: #f3f3f3;
    box-shadow: none;
    border-bottom: 2px solid #5dbdc0;
    color: black;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: gray;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: gray;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: gray;
}


/* date batch */
.current-booking-info .calendar .header {
    background: rgba(219,210,92,1) !important;
}

/* Footer */

#sb-main-container #footer {
    margin-top: 0;
    max-height: 67px;
    background: #2c2c2c;
    color: #ffffff !important;
}
#sb_gdpr_report_module_container, .copyright, .copyright a, #sb_gdpr_report_module_container a {
    color: #ffffff !important;
}

#sb-timeline #steps-nav #menu-active-bg {
    min-height: 50px;
}
.tab.tab-col .excerpt-info .preloader .img.user img {
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: object-fit\: cover;
    height: 100%;
    margin: auto;
}
#sb_gdpr_show_form_btn {
    display:none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item .excerpt-info {
    padding: 0;
    height: auto;
    margin-top: 15px;
}

#client-login .client-login-bar {
    border: 1px solid #000000;
    border-radius: 30px;
}

/* scrollbar */

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: white;
    border: solid 1px rgb(0 40 49 / 0%);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #111;
    border: solid 1px rgb(0 40 49 / 0%);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #111;
}
/******/

/* small version */

header, #main-buttons, #membership-filters, .membership-item  .preloader, #sb_gdpr_report_module_container, .amount .promo-label, .promotion-item .preloader, .membership-item .session-remind,  .promo-label.amount, .tab.tab-col .txt.short, .promo-code-input, .sb_book_again {
    display:none!important
}
body, #booking-result-view #booking-result-tabs, #sb-main-container #footer, #sb_content, #sb_pay_btn  {
    box-shadow: none !important;
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}
#membership-view #sb_membership_list_container>div .membership-item {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
}

.tab.tab-col .excerpt-info .btn-bar .btn.select, .tab.tab-col .excerpt-info .btn-bar .btn.select:visited {
background: rgb(90,188,194) !important;
    background: linear-gradient(220deg, rgba(90,188,194,1) 0%, rgba(219,210,92,1) 100%) !important;
    border: none !important;
    border-radius: 300px !important;
    color: white !important;
    transition: all .5s;
}

.tab.tab-col .excerpt-info .btn-bar .btn.select:active, .tab.tab-col .excerpt-info .btn-bar .btn.select:hover {
    background: rgba(219,210,92,1) !important;
    border: none !important;
    border-radius: 300px !important;
    color: white !important;
    opacity: 1 !important;
}

.promotion-item {
    width:100%!important
}
.tab.tab-col .txt.short {
    color:black  !important;
}
.btn.btn-with-image a, .btn.btn-with-image span, .tab.tab-col .excerpt-info .btn-bar .btn.select a, #membership-view .mb.btn-bar .active-container a.wrapper, #membership-view .mb.btn-bar .info-container a.wrapper, #sb_cancellation_cancel, #sb_cancellation_confirm, #sb_cancellation_cancel, .modal-dialog .modal-content .modal-footer .btn {
    background: rgb(90,188,194) !important;
    background: linear-gradient(220deg, rgba(90,188,194,1) 0%, rgba(219,210,92,1) 100%) !important;
    border: none !important;
    border-radius: 300px !important;
    color: white !important;
    transition: all .5s;    
}
.modal-dialog .modal-content .modal-header {
    background: white !important;
}
.modal-dialog .modal-content .modal-header .modal-title, .modal-dialog .modal-content button.close {
   color: black!important;
   border-radius: 30px;
}
.modal-dialog .modal-content {
    border-radius: 30px!important;
}


/* abo package widget */

.package-content>div .package-item .selected-package-list.short, .package-content>div .package-item .date-bar, .package-content>div .package-item .btn-bar .start-date-btn, .package-content>div .package-item .tab.tab-col .excerpt-info .preloader {
display:none!important;
}