body {
    padding-top: 62px;
}

header#header {
    background: #0f1418;
}

#header .brand .logo a {
    background-image: url(https://www.uc-summit.com/wp-content/uploads/2019/02/logo-ucc-summit-official-02-1024x368.png);
    background-size: cover;
}

#header .brand .logo a img {
    visibility: hidden;
}

#header .nav-wrapper #sb_menu .nav li a {
    background: none !important;
}

#header .items-wrapper .nav-item {
    background: #0f1418 !important;
}

.btn.book.btn-with-icon.custom {
    background: none !important;
}

.btn.book.btn-with-icon.custom a {
    width: 300px !important;
    height: 51px;
    background-color: #F20107 !important;
    background-image: none;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
    border: none;
    outline: none;
    transition: 0.5s;
display: none !important;
}

.btn.book.btn-with-icon.custom a:active {
    background-color: #F20107 !important;
}

.btn.book.btn-with-icon.custom a:hover {
    background: #DE0006 !important;
    transform: scale(1.1) !important;
}

section#main-buttons::after1 {
    content: '';
    height: 60px;
    margin-top: -60px;
    width: 100%;
    display: block;
    background: linear-gradient(to right bottom, #823a9c00 49%, #fff 50%), linear-gradient(-50deg, #ffffff 16px, #0000 0);
}

#sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav, #sb_dialog #sb-timeline #steps-nav {
        background: #F2F2F2 !important;
        margin-top: 16px !important;
        color: #494949 !important;
}

#sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li:first-child {
       background: #f2f2f2 !important;
}

#sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav #menu-active-bg {
       background: #f2f2f2 !important;
}

#sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li:first-child .title-small, #sb_dialog #sb-timeline #steps-nav li:first-child .title-small, #sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li.active .title-small, #sb_dialog #sb-timeline #steps-nav li.active .title-small, #sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li.passed + li.active:not(.passed) .title-small, #sb_dialog #sb-timeline #steps-nav li.passed + li.active:not(.passed) .title-small {
    color: #222 !important;
}

#sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li:not(.passed) .title-small, #sb_dialog #sb-timeline #steps-nav li:not(.passed) .title-small {
    color: #666 !important;
}

#sb-timeline #steps-nav li, .is-widget #sb-timeline #steps-nav li.passed, .is-widget #sb-timeline #steps-nav li.passed + li:not(.passed) {
    background: #eee !important;
}

#sb-timeline #steps-nav li:first-child .title-small, .is-widget #sb-timeline #steps-nav li.active .title-small, .is-widget #sb-timeline #steps-nav li.passed + li.active:not(.passed) .title-small {
    color: #222 !important;
}

#sb-timeline #steps-nav li:not(.passed) .title-small {
    color: #888 !important;
}

 .membership-item.panel .btn-bar .btn.price-formatter, .is-widget .item.panel .btn-bar .btn {
    background: #5C98CF !important;
    color: #fff !important;
}

#sb-timeline #steps-nav li.passed:first-child .title-small, .is-widget #sb-timeline #steps-nav li.passed .title-small, .is-widget #sb-timeline #steps-nav li.passed + li:not(.passed) .title-small, .is-widget #sb-timeline #steps-nav li.passed .title-sub {
    color: #222 !important;
}

.is-widget #sb-timeline #steps #sb_back_button a {
    color: #222 !important;
}

#sb_change_timezone {
    background: #5C98CF !important;
}

.panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide, .is-widget .panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide span, .is-widget .panel .btn-bar .wrap-read-more .read-more .part, .is-widget #sb-timeline #steps #steps-content #sb_booking_content .location-item.panel .address a {
    color: #ffffff !important;
}

#sb_main #sb-main-container.tritanopia .membership-item.panel .btn-bar .btn.price-formatter, #sb_dialog .membership-item.panel .btn-bar .btn.price-formatter, #sb_main #sb-main-container.tritanopia .item.panel .btn-bar .btn, #sb_dialog .item.panel .btn-bar .btn {
    background: #5C98CF !important;
    color: #fff !important;
}

#sb_main #sb-main-container.tritanopia #sb-timeline #steps #sb_back_button a, #sb_dialog #sb-timeline #steps #sb_back_button a {
     color: #fff !important;
}

#sb_main #sb-main-container.tritanopia .panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide, #sb_dialog .panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide, #sb_main #sb-main-container.tritanopia .panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide span, #sb_dialog .panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide span, #sb_main #sb-main-container.tritanopia .panel .btn-bar .wrap-read-more .read-more .part, #sb_dialog .panel .btn-bar .wrap-read-more .read-more .part, #sb_main #sb-main-container.tritanopia #sb-timeline #steps #steps-content #sb_booking_content .location-item.panel .address a, #sb_dialog #sb-timeline #steps #steps-content #sb_booking_content .location-item.panel .address a {
    color: #ffffff !important;
}

#sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li.passed:first-child .title-small, #sb_dialog #sb-timeline #steps-nav li.passed:first-child .title-small, #sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li.passed .title-small, #sb_dialog #sb-timeline #steps-nav li.passed .title-small, #sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li.passed + li:not(.passed) .title-small, #sb_dialog #sb-timeline #steps-nav li.passed + li:not(.passed) .title-small, #sb_main #sb-main-container.tritanopia #sb-timeline #steps-nav li.passed .title-sub, #sb_dialog #sb-timeline #steps-nav li.passed .title-sub {
    color: #222 !important;
}

#sb_main #sb-main-container.tritanopia #sb-timeline #steps #sb_back_button a, #sb_dialog #sb-timeline #steps #sb_back_button a {
    color: #222 !important;
}

@media screen and (max-width: 500px) {
  section#main-buttons {
      background-size: auto 300px !important;
      height: 280px !important;
  }
}

#sb_main #sb-main-container.tritanopia #header .nav-trigger, #sb_dialog #header .nav-trigger {
    background: #0f1418 !important;
    color: #fff !important;
    padding-top: 18px;
}