@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
body {
    background-color: #F3F3F5;
    font-size: 15px;
    line-height: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}
body > .form-wrapper {
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F5 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F3F3F5 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #F3F3F5 100%);
}
body * {
    line-height: inherit;
}
ul + p, ul + h6 {
    margin-top: 20px;
}
p:last-child {
    margin-bottom: 0;
}
a {
    color: #1D1D1F;
}
a:hover {
    color: #3FA9F5;
}
hr {
    margin: 15px 0 ;
}

h1 {
    line-height: 42px;
    margin-bottom: 15px;
}
h2 {
    line-height: 34px;
    margin-bottom: 15px;
}
h3 {
    line-height: 30px;
    margin-bottom: 15px;
}
h4 {
    line-height: 26px;
}
h5 {
    line-height: 22px;
    margin-bottom: 10px;
}
h6 {
    line-height: 20px;
    margin-bottom: 10px;
}
.font13 {
    font-size: 13px;
    line-height: 20px;
}

/* Spacing */
.p-0 {
    padding: 0 !important;
}
.mr-10 {
    margin-right: 10px;
}

/* Btn */
.btn {
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600 !important;
    line-height: 24px;
    padding: 14px 30px;
    text-transform: inherit;
    white-space: inherit;
}
input.btn {
    border-radius: 6px !important;
}
.btn.btn-md {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 18px;
}
.btn.btn-sm {
    padding: 8px 14px;
}
.btn-default {
    background-color: #3FA9F5;
    border-color: #3FA9F5;
    color: #FFFFFF;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover {
    background-color: #1398F7;
    border-color: #1398F7;
}
.btn-outline-default {
    background-color: #FFFFFF;
    border-color: #3FA9F5 !important;
    color: #3FA9F5;
}
.btn-outline-default.active, .btn-outline-default.focus, .btn-outline-default:active, .btn-outline-default:focus, .btn-outline-default:hover {
    background-color: #3FA9F5;
    border-color: #3FA9F5;
    color: #FFFFFF;
}
.btn-green {
    background-color: #3AB795;
    border-color: #3AB795;
    color: #FFFFFF;
}
.btn-green:focus, .btn-green:hover {
    background-color: #2eaf8c;
    border-color: #2eaf8c;
}
.btn-gray {
    background-color: #F8F8FA;
    color: #1D1D1F;
}
.btn-gray:hover, .btn-gray:focus {
    background-color: #F3F3F5;
    color: #1D1D1F;
}
.btn-gray-light {
    background-color: #EBEBEB;
    color: #1D1D1F;
}
.btn-gray-light:hover, .btn-gray-light:focus {
    background-color: #F3F3F3;
    color: #1D1D1F;
}
.btn.btn-back {
    background-image: url(/themes/Standard/css/images/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}
.btn.btn-remove, .btn.btn-remove:hover, .btn.btn-remove:focus {
    background-image: url(/themes/Standard/css/images/cancle-icon.svg);
    background-repeat: no-repeat;
    background-position: left center;
    color: #E63946;
    padding: 0 8px;
    padding-left: 28px;
}
.text-blue {
    color: #3FA9F5;
}
.btn.text-blue:hover, .btn.text-blue:focus {
    color: #3FA9F5;
}

/* Input field */
.form-control {
    background-color: #f3f3f5 !important;
    border: none;
    border-radius: 10px !important;
    height: 54px;
    padding: 16px;
    font-size: 14px;
    line-height: 22px;
}
select.form-control {
    background-image: url(/images/arrow-down.svg) !important;
    background-position: center right 24px !important;
    padding-right: 40px !important;
}

/* Error */
.error {
    color: #FA755A;
    font-size: 13px;
    margin-top: 3px;
}





/* Common */
.intro-content a,
.sbs-page-content-wrapper-page a {
    text-decoration: underline;
}
.sbs-layer-content {
    width: 100%;
}

/* No result found */
.not-found {
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    padding: 50px 0 0;
    text-align: center;
    margin-bottom: 30px;
}
.not-found img {
    margin-bottom: 10px;
}

/* Body Full screen */
body > .form-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
body > .form-wrapper > .client-wrapper {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
.sbs-background-container {
    font-size: 14px;
    min-height: inherit;
    margin-top: 30px;
}

/* Image with title */
.image-title-list li ~ li {
    margin-top: 50px;
}
.image-title-list li a {
    color: inherit;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.image-title-list li a img {
    margin-right: 15px;
    max-width: 45%;
}

/* top header */
.header-top {
    padding: 5px 0;
    background: #777;
}
.select-lng select {
  text-indent: 5px;
}
.select-lng .goog-te-gadget > * {
    display: none;
}
.select-lng .goog-te-gadget >div:first-child {
    display: block;
}
.select-lng .goog-te-gadget .goog-te-combo {
    margin: 0;
    float: left;
}
.select-lng .goog-te-gadget {
    font-size: 0;
}
.select-lng .goog-te-gadget select {
    background-image: url(/images/icon--white-arrow-down.svg) !important;
    background-position: center right !important;
    padding: 0 !important;
    padding-right: 12px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    background-color: #777 !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'DM Sans' !important;
    line-height: normal;
    position: relative;
    top: 3px;
}


/* Header */
.header-wrapper {
    padding: 20px 0;
}
.header-wrapper .navbar-default {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header-wrapper .navbar-header img {
    height: inherit;
    padding: 0;
    max-width: 336px;
    max-height: 82px;
}
.header-wrapper .navbar-nav-new {
    margin-top: 0px;
}
.non-transparent .header-wrapper {
    /*border-bottom: none;*/
}
.header .navbar-nav-new li {
    vertical-align: middle;
    text-align: left;
    padding: 3px 0;
}
.header .navbar-nav-new li a {
    border-bottom: 1px solid transparent;
    font-family: inherit;
    color: inherit;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border: none;
}
.header .navbar-nav-new > li > a:hover,
.header .navbar-nav-new li a.current {
    color: inherit;
}
.header .navbar-nav .utility-menu span {
    display: block;
    width: 20px;
}
.header .navbar-nav .utility-menu svg {
    display: block;
    margin: 0 auto;
}
.header .navbar-nav .utility-menu .cart-count {
    right: -10px;
}
.header .navbar-nav .dropdown-menu li:hover a {
    background-color: #3FA9F5;
    color: #FFFFFF;
}
.header-wrapper .navbar-default {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.header-wrapper .navbar-header img {
    max-height: 54px;
    margin: 0;
}
.header .navbar-nav-new li a,.header .navbar-nav-new li a:hover {
    text-decoration: none;
}
.header .navbar-nav .dropdown-menu {
    border-radius: 0;
}
.header .navbar-nav .dropdown .dropdown-menu {
    margin-top: 13px;
    right: inherit;
    box-shadow: 8px 8px 30px 0px rgb(0 0 0 / 12%);
    border-radius: 12px;
    padding: 10px 0;
    border: none;
}
@media screen and (max-width: 991px) {
    /* mobile header */
    .v2.header-template1 .header-sm-nav {
        top: 21px;
    }
    .v2.header-template1 .navbar-nav-new li a {
        font-size: 14px !important;
        text-decoration: none;
        line-height: 22px;
    }
    .v2.header-template1 .header-sm-nav .navbar-nav {
        box-shadow: 8px 8px 30px 0px rgb(0 0 0 / 12%);
        border-radius: 12px;
        padding: 20px;
        margin-top: -10px;
    }
    .v2.header-template1 .navbar-nav-new li a {
        color: #1D1D1F;
        border-bottom: 1px solid #e9e9e9;
        font-weight: bold;
        background: transparent;
    }
    .v2.header-template1 .header-sm-nav .navbar-nav > li:last-child > a {
        border-bottom: none;
    }
    .v2.header-template1 .header-mobile {
        padding: 20px 0;
    }
    .v2.header-template1 .header-mobile .pull-left.logo-box img {
        max-height: 60px;
    }
    .v2.header-template1 .navbar-nav-new li a[data-toggle="dropdown"] {
        position: absolute;
        right: 0;
        top: 1px;
        width: 30px;
        text-align: center;
        border-left: 1px solid #e9e9e9;
        border-bottom: none;
    }
    .v2.header-template1 .navbar-nav-new li a[data-toggle="dropdown"] .icon-minus {
        display: none;
    }
    .v2.header-template1 .navbar-nav-new li a[data-toggle="dropdown"][aria-expanded="true"] .icon-minus {
        display: inline-block;
    }
    .v2.header-template1 .navbar-nav-new li a[data-toggle="dropdown"][aria-expanded="true"] .icon-plus {
        display: none;
    }
    .v2.header-template1 .navbar-nav-new li a[data-toggle="dropdown"] span {
        position: relative;
        top: 2px;
    }
    .v2.header-template1 .navbar-nav-new li {
        text-align: left;
        padding: 0;
    }
    .v2.header-template1 .navbar-nav-new > li:first-child {
        border-top: 1px solid #e9e9e9;
    }
    .v2.header-template1 .navbar-nav-new > li:last-child {
        border-bottom: 1px solid #e9e9e9;
    }
    .v2.header-template1 .navbar-nav .open .dropdown-menu {
        border: none;
        box-shadow: none;
        margin-top: 0;
        padding: 0;
    }
    .v2.header-template1 .navbar-nav-new li .dropdown-menu > li a {
        border-bottom: 1px solid #e9e9e9;
        color: #1D1D1F;
    }
    .v2.header-template1 .header-mobile .mobile-utils {
        float: right;
        margin-top: 6px;
        width: 53px;
        margin-right: 10px;
    }
    .v2.header-template1 .header-mobile .mobile-utils .mobile-utils-cart {
        float: left;
        margin-right: 13px;
    }
    .v2.header-template1 .header-mobile .mobile-utils .mobile-utils-cart img {
        max-height: 22px;
    }
    .v2.header-template1 .header-mobile .navbar-btn {
        background-color: transparent;
        float: right;
        margin-top: 11px;
        padding: 0;
        border-radius: 0 !important;
    }
    .v2.header-template1 .navbar-toggle .icon-bar {
        background-color: #1D1D1F;
        height: 2px;
        display: block;
        width: 22px;
    }
    .v2.header-template1 .navbar-toggle:hover .icon-bar {
        background-color: #1D1D1F;
    }
    .v2.header-template1 .mobile-nav-wrapper {
        margin-top: 6px;
    }
}



/* my space menu */
.navbar-nav-new .login > ul.dropdown-menu,
.mobile-utils-user .dropdown-menu {
    background-color: #FFFFFF;
    box-shadow: 0px 14px 28px rgba(0, 0, 0, .12);
    border-radius: 12px;
    margin-top: -6px;
    padding: 15px 5px;
    border: none;
    top: 40px;
    right: 0;
}
.navbar-nav-new .login > ul.dropdown-menu > li a, .mobile-utils-user .dropdown-menu li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 12px !important;
    border-radius: 6px;
    color: #1D1D1F;
    font-weight: 600;
    line-height: 22px;
    font-size: 14px;
    border: none;
}
.navbar-nav-new .login > ul.dropdown-menu > li a .icon,
.mobile-utils-user .dropdown-menu > li a .icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 4px;
    height: 40px;
    width: 40px;
}
/* mobile menu user dropdown css */
.mobile-utils-user .dropdown-menu {
    top: 70px;
    z-index: 99999;
    right: 15px;
}
.mobile-utils-user .dropdown-menu li a img {
    max-width: 20px;
    height: auto;
}


/* my space - thrc */
.sbs-page-static {
    margin-top: 30px;
}
.myspace-orders .nav-tabs {
    border-bottom: none;
}
.myspace-orders .nav-tabs > li > a {
    background-color: transparent;
    border: none;
    border-radius: 6px 6px 0 0;
    color: #1D1D1F;
    line-height: 24px;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 14px;
}
.myspace-orders .nav-tabs > li.active > a, 
.myspace-orders .nav-tabs > li.active > a:focus, 
.myspace-orders .nav-tabs > li.active > a:hover {
    background-color: #FFFFFF;
    color: #1D1D1F;
    outline: none;
}
.myspace-orders .tab-content > .tab-pane,
.ind_part_agr_steps,
#register {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0 0 15px 15px;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, 0.06);
    margin-top: 0;
    padding: 30px;
}
/* my space detail content toggle */
.myspace-orders .tab-content .signup-wrap {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.myspace-orders .ui-accordion .ui-accordion-header {
    box-shadow: none;
    background: rgba(120, 120, 128, 0.08);
    border-radius: 12px;
    background-image: url(/images/according-arrow-editpage.png);
    background-repeat: no-repeat;
    background-position: top 24px right 27px;
    padding: 14px 47px 14px 30px;
}
.myspace-orders .ui-accordion .ui-accordion-header.ui-accordion-header-active {
    background-image: url(/images/according-arrow-editpage-flip.png);
}
.myspace-orders .ui-accordion .ui-accordion-header h4 {
    font-size: 18px;
    line-height: 26px;
}
.myspace-orders .ui-accordion .ui-accordion-content {
    padding: 30px !important;
}
.myspace-orders .multistep-setup-content + .multistep-setup-content {
    margin-top: 20px;
}
.myspace-orders .ui-accordion .ui-accordion-header:before, .myspace-orders .ui-accordion .ui-accordion-header:after {
    opacity: 0;
}
.myspace-orders .sbs-page-static.signup-wrap .user_submit {
    margin-bottom: 30px;
}

span[style="color: red; display: inline;"] {
    position: relative;
    top: 3px;
    font-size: 13px;
    display: inline-block !important;
    width: 100%;
}
label .required {
    color: #ff0000;
    margin-left: 4px;
}
.enrolments-header {
    background: transparent;
    color: inherit;
}
.tab-pane table tr th {
    font-weight: bold;
}
.profile-image + input.btn {
    margin: 5px 0 12px;
    padding: 3px 10px;
    font-size: 12px;
}
.profile-image .RadUpload .ruFileWrap {
    padding-left: 0;
    height: auto;
    white-space: break-spaces;
}
.profile-image .fu-async > .RadUpload {
    width: auto;
    text-align: center;
}
.profile-image .RadUpload .ruFakeInput {
    margin-bottom: 5px;
}
.myspace-details-edit {
    margin-top: 15px;
}
.myspace-details-edit > br {
    display: none;
}
.myspace-details-edit input {
    font-size: 14px;
    line-height: 22px;
    padding: 9px 18px;
    border: none;
    background: #eee;
    font-weight: 600;
    width: 100%;
    margin: 5px 0;
    border-radius: 12px !important;
}
.myspace-details-edit input:hover, 
.myspace-details-edit input:focus {
    background-color: #e1e1e1;
}
.myspace-details {
    background: #FFFFFF;
    border: none;
    border-radius: 15px;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, 0.06);
}
.myspace-details-name {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 3px;
}
.form-group.upload-file-wrap {
    overflow: hidden;
}
.upload-file-wrap.form-group label {
    padding-bottom: 10px;
}
div.RadUpload .ruBrowse {
    background-image: none;
    color: #fff;
    border-radius: 30px !important;
    line-height: normal;
}
.myspace-details-image .btn-outline-default {
    text-transform: inherit !important;
}
/* btn dropdown inside table */
.btn-dropdown-table-wrap {
    overflow: inherit !important;
}
.btn-group.btn-dropdown-wrap {
    display: inline-block;
    position: relative;
    width: auto;
}
.btn-dropdown-wrap .btn.btn-default:not(.dropdown-toggle) {
    padding-right: 17px;
    padding-left: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #e7e7e7;
    border-color: #e7e7e7;
    color: #1D1D1F;
}
.btn-dropdown-wrap .btn-default.dropdown-toggle {
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 9;
    border-left: 1px solid #fff;
    line-height: 22px;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 6px !important;
    background: #d3d1d1;
    border-color: #d3d1d1;
    color: #1D1D1F;
}
.btn-dropdown-wrap .btn-default.dropdown-toggle .caret {
    margin-left: 0;
}
.btn-dropdown-wrap.open > .dropdown-toggle.btn-default{
    background-color: #d3d1d1;
}
.btn-dropdown-wrap .dropdown-menu>li>a {
    padding: 7px 10px;
    font-size: 12px;
    color: #1D1D1F;
    font-weight: 500;
}
.btn-dropdown-wrap .dropdown-menu>li:hover>a {
    background-color: #0fa3bd;
    color: #fff;
}
.btn-dropdown-wrap .dropdown-menu>li>a > i {
    margin-right: 6px;
}





/* Custom Content */
.custom-content {
    margin-top: 20px;
    padding-bottom: 0;
}

/* Top Slider */
.front-carousel-item-wrapper {
    border-radius: 15px;
}
.layer-slider > div {
    padding-top: 0 !important;
}
.layer-slider .owl-carousel .owl-wrapper-outer {
    border-radius: 15px;
}
.layer-slider .front-carousel .carousel-caption {
    background-color: #FFFFFF;
    border-radius: 15px;
    color: inherit;
    padding: 17px;
    position: absolute;
    bottom: 0;
    left: 40px;
    margin-bottom: 30px;
    max-width: 400px;
}
.layer-slider .front-carousel .front-carousel-item-content {
    margin: 0;
}
.layer-slider .front-carousel .slider-title {
    background: transparent;
    box-shadow: none;
    color: inherit;
    font-family: inherit;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 6px;
    text-transform: inherit;
}
.layer-slider .front-carousel .carousel-caption .slider-desc {
    background-color: transparent;
    box-decoration-break: clone;
    box-shadow: none;
    color: inherit;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.layer-slider .front-carousel .carousel-caption .slider-desc .slider-col1 {
    width: 100%;
}
.layer-slider .front-carousel .carousel-caption .slider-desc .slider-col1 p {
    margin: 0;
}
.layer-slider .front-carousel .btn-default {
    background-color: #FFFFFF !important;
    border-radius: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #1D1D1F;
    font-size: 22px;
    line-height: 34px;
    padding: 0;
    bottom: 20px;
    top: 50%;
    height: 34px;
    width: 34px;
    margin-top: -17px;
}
.layer-slider .front-carousel .btn-default.carousel-prev {
    left: -10px;
}
.layer-slider .front-carousel .btn-default.carousel-next {
    right: -10px;
}
.layer-slider .front-carousel .btn-default i {
    margin: 0;
}
.layer-slider .front-carousel .btn-default:hover {
    background-color: rgba(255, 255, 255, .8) !important;
}
.front-carousel .owl-controls {
    position: absolute;
    width: 100%;
    bottom: -3px;
}
.front-carousel .owl-theme .owl-controls .owl-page span {
    background: #FFFFFF;
}
.layer-slider .front-carousel-item-content .slider-title,
.layer-slider .front-carousel-item-content .slider-title h1 {
    line-height: 30px;
    font-size: 24px;
    margin-bottom: 6px;
    font-weight: bold;
}
.slider-title ul, .slider-title ol {
    list-style-position: outside;
    padding-left: 20px;
}
.slider-title li + li {
    margin-top: 7px;
}
.box-botom-btn {
    font-size: 14px;
    font-weight: bold;
}
.box-botom-btn a {
    color: #3FA9F5;
}
.layer-slider .front-carousel .owl-carousel,
.layer-slider .front-carousel .owl-carousel > .owl-wrapper-outer,
.layer-slider .front-carousel .owl-carousel > .owl-wrapper-outer > div,
.layer-slider .front-carousel .owl-carousel > .owl-wrapper-outer > div > div,
.layer-slider .front-carousel .owl-carousel > .owl-wrapper-outer > div > div > div,
.layer-slider .front-carousel .owl-carousel .front-carousel-item-wrapper{
    height: 100% !important;
    min-height: 460px;
}
.layer-slider .container > .row > div:nth-child(2) > div {
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 20px 15px 15px;
    overflow-x: auto;
    border: 1px solid #f5f5f5;
    width: 100%;
    max-height: 460px;
}
.home-top-rhs h4 {
    padding: 10px;
}
/* rhs - thrc - event */
.widget-events-list {
    padding-top: 0;
}
.widget-events-list .card.card-item {
    border: none;
}
.widget-events-list .card.card-item + .card.card-item {
    margin-top: 15px;
}
.widget-events-list .card .card-body {
    padding: 10px;
}
.widget-events-list .entry-meta {
    margin-top: 16px;
}
.widget-events-list .entry-meta-item {
    font-size: 13px;
    display: flex;
    line-height: 17px;
}
.widget-events-list .entry-meta-rhs-text {
    padding-left: 10px;
}
.widget-events-list .entry-meta-item + .entry-meta-item {
    margin-top: 8px;
}
.widget-events-list .entry-meta-icon > img {
    max-width: 15px;
}
.widget-events-list hr:last-child {
    display: none;
}
@media screen and (max-width: 991px) {
    .layer-slider .container > .row > div:nth-child(2) > div {
        margin-top: 30px;
    }
}

/* Top date section */
.studio_venuecarousel .owl-item {
    padding: 0;
}
.studio_venuecarousel .owl-wrapper-outer {
    border: none;
}
.studio_venuecarousel .day-header {
    position: relative;
    padding: 0 40px;
    text-align: center;
    font-family: inherit;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    vertical-align: middle;
}
.studio_venuecarousel .day-header a.btn {
    padding: 0;
    height: 34px;
    width: 34px;
    font-size: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    position: absolute;
    top: 50%;
    color: #1D1D1F;
    margin-top: -17px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.studio_venuecarousel .day-header .btn i {
    margin: 0;
}
.studio_venuecarousel .day-header .btn.btn.next {
    right: 0;
}
.studio_venuecarousel .day-header .btn.btn.prev {
    left: 0;
}
.studio_venuecarousel .day-header .day-header-date {
    font-size: 14px;
    color: #B1B1B3;
    line-height: 22px;
}
.timetable-tutor {
    font-family: inherit;
}
.studio_venuecarousel .timetable .time {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    font-weight: normal;
}
.studio_venuecarousel .timetable .table > tbody > tr > td {
    padding: 13px 5px;
    font-weight: 600;
    border: none;
    box-shadow: 0px 1px 0px rgba(116, 116, 128, .15);
    line-height: 24px;
}
.studio_venuecarousel .timetable .table > tbody > tr > td:first-child {
    padding-left: 15px;
    width: 55%;
}
.studio_venuecarousel .timetable .table > tbody > tr > td:last-child {
    padding-right: 15px;
}

/* Comman css */
.full-height, .full-height > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.full-height:before, .full-height:after {
    display: none;
}
.card-box {
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, .06);
    width: 100%;
    overflow: hidden;
}
.sbs-layer:not(:first-child) div:not(.sbs-layer-type-2) > .full-height > div,
.blog-posts > .full-height > div {
    margin-top: 20px;
}
.sbs-layer + .sbs-layer .sbs-layer-content-wrapper {
    margin-top: 20px;
}
.layer-slider + .sbs-layer + .sbs-layer .sbs-layer-content-wrapper {
    margin-top: 0;
}

/* Section img with text (3 item box)*/
.sbs-layer-panels-item-image {
    background-size: cover !important;
    position: relative;
}
.sbs-layer-panels-item-image img {
    width: 100%;
}
.sbs-layer-panels-item-info {
    padding: 30px 30px 35px;
    word-break: break-word;
}
.sbs-layer-panels-item-desc .panel-scroller {
    margin-bottom: 20px;
    max-height: 100px;
    min-height: 100px;
    overflow-y: auto;
}

/* Section img with text (3 item box) */
.sbs-layer-content-rhs {
    padding: 30px 30px 35px 0;
}
.sbs-layer-content-rhs h3 {
    color: #1D1D1F;
}

/* Home 3 panel */
.sbs-layer-type-2 {
    padding: 30px;
}
.yoga-level-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.yoga-level-item h4 {
    padding-left: 20px;
}
.yoga-level-item h4 a {
    color: currentColor;
}
.yoga-level-item + .yoga-level-item {
    margin-top: 40px;
}
.yoga-level-img {
    border: 1px solid #F5F5F5;
    background-size: cover !important;
    border-radius: 50%;
    height: 90px;
    width: 90px;
}

/* News box (home top rhs) */
.layer-slider .card-box {
    margin-top: 0;
    padding: 20px;
}
.latest.box {
    border: none;
    padding: 0;
}
.latest.box .news-item > img {
    border-radius: 15px;
}
.latest.box h3 {
    margin-bottom: 4px;
}
.latest.box .news-item {
    background: rgba(0, 177, 176, 0.05);
    border-bottom: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    min-height: 95px;
    margin-bottom: 0;
    padding: 0;
}
.latest.box .news-item.coming-soon {
    background: rgba(224, 105, 78, 0.05);
}
.latest.box .news-item + .news-item {
    margin-top: 20px;
}
.latest.box .news-item:first-of-type {
    padding-top: 0;
}
.latest.box .news-img {
    background-size: cover !important;
    border-radius: 5px 0px 0px 5px;
    min-height: 95px;
    width: 95px;
    background-position: top center !important;
    object-fit: cover;
}
.latest.box .news-text {
    width: calc(100% - 95px);
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #3FA9F5;
    padding: 11px 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}
.latest.box .news-top-link a {
    display: block;
    margin-bottom: 4px;
    font-size: 20px;
    line-height: 26px;
    color: #1D1D1F;
    text-decoration: none;
    letter-spacing: 0;
    text-transform: none;
}
.latest.box .btn {
    margin-top: 10px;
}

/* Intro and about pages*/
.wellbeing-about > div > .card-box {
    padding: 40px;
}
.wellbeing-about-intro .full-height {
   -webkit-align-items: center;
   align-items: center;
}
.wellbeing-about-intro .full-height > div:first-child .sbs-layer-content {
    max-width: 545px;
    width: 100%;
}
.wellbeing-about-intro .layer-image-col-2 {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 15px;
    padding-top: 75.09%;
    max-width: 545px;
    float: right;
    width: 100%;
    border: 1px solid #eeeef0;
}
.wellbeing-about-intro .sbs-layer-content .btn {
    margin-top: 30px;
}
/*** About Us ***/
.wellbeing-about + .wellbeing-about {
    margin-top: 25px;
}
.sbs-layer + .wellbeing-about {
    margin-top: 25px;
}

/* Our Services */
.wellbeing-about-services .layer-image-col-1 {
    width: 100%;
    padding-top: 108.772%;
    max-width: 545px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 15px;
    background-position: top center !important;
}
.wellbeing-about-services .full-height {
   -webkit-align-items: center;
   align-items: center;
}
.ourservices-rhs {
    max-width: 545px;
    float: right;
}
ul.ourservices-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 28px;
    list-style-type: none;
    padding: 0;
}
ul.ourservices-list li {
    font-weight: 500;
    margin-bottom: 16px;
    width: 50%;
}
ul + h5 {
    margin-top: 10px;
}



/* Teacher section */
.teachers-v2-item {
    padding: 20px;
    line-height: 22px;
}
.teachers-v2-item .btn {
    width: auto !important;
    display: inline-block !important;
}
.teacher-image {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 10px;
    margin-bottom: 20px;
    padding-top: 100%;
}
.teacher-text h4 a {
    color: inherit !important;
}

/* About Us */
.layer-image-col-2 {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 15px;
    padding-top: 70%;
    height: 100%;
}
.sbs-layer-map iframe {
    border-radius: 15px;
    display: block;
}

/* News page */
.blog-posts ul.blog-info {
    color: #9c9c9c;
    margin-bottom: 10px;
}
.blog-posts ul.blog-info i {
    margin-right: 4px;
}
.blog-posts ul.blog-info + p {
    margin-top: 10px;
}
.blog-posts .teacher-image {
    background-position: center !important;
}

/* News Details */
.blog_information h1 {
    margin-bottom: 10px;
}
.blog_information .client-wrap {
    margin-top: 10px;
}
.blog_information .sbs-subnav ul li a {
    text-transform: uppercase;
}
.blog_information .intro-content-title {
    margin: 0
}
.listingdata {
    color: #9c9c9c;
}
.listingdata i {
    margin-right: 4px;
}






/* Timetable */

.calendar-monthly-nav > a {
    color: #000000;
    font-size: 24px;
    margin-right: 20px;
}
.sbs-page-content-wrapper {
    background: transparent;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 0;
}
.figure.pull-left {
    margin-right: 30px;
    margin-bottom: 20px;
}
.figure .figure-img {
    max-width: 250px;
    border-radius: 10px;
}
.figure .figure-caption {
    font-size: 8pt;
}
.timetable-left-img {
    float: left;
    margin-right: 30px;
}
.timetable-content ul {
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}
.timetable-content ul li {
    background: #F5F5F5;
    margin-right: 20px;
    padding: 5px 12px;
    border-radius: 5px;
    margin-top: 5px;
}
.timetable-left-img img {
    border-radius: 10px;
}
.timetable-top-content {
    display: inline-block;
    width: 100%;
}
.timetable-top-content > div {
    margin-top: 30px;
}
.timetable-bottom-content {
    margin-bottom: 30px;
}
.intro-content-desc h4 {
    margin-bottom: 10px;
}
span.read-more__link {
    margin-top: 10px;
    font-weight: 600;
    display: inline-block;
}
.filters input[type='submit'] {
    width: auto;
    background: #3FA9F5!important;
}
.filters input[type='submit']:hover {
    background-color: #1398F7 !important;
    border-color: #1398F7 !important;
}

/******* Timetable blocks *******/
/* Header */
.timetable-week-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.timetable-week-header .weektext {
    font-family: inherit;
    letter-spacing: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 0 !important;
}
.timetable-week-header .weektext-span {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 20px;
}
.timetable-week-header .navbutton {
    background-repeat: no-repeat !important;
    font-size: 0;
    line-height: normal;
    height: 14px;
    width: 8px;
}
.timetable-week-header .navbuttonleft {
    background-image: url(/uploads/themes/arrow-slide-left.svg) !important;
}
.timetable-week-header .navbuttonright {
    background-image: url(/uploads/themes/arrow-slide-right.svg) !important;
}
.timetable-datepicker {
    margin-top: 0;
    margin-left: 10px;
}
.timetable-week-header .RadPicker {
    border: none !important;
    border-radius: 6px;
}
.timetable-week-header .RadPicker table.rcTable {
    background-color: #F8F8FA;
    border-radius: 6px;
}
.timetable-week-header .timetable-datepicker .RadInput {
    width: auto !important;
}
.timetable-week-header .timetable-datepicker .riTextBox[type='text'] {
    background: transparent;
    font-size: 14px !important;
    font-weight: 600;
    padding: 10px 0px 10px 15px !important;
    height: 44px!important;
    width: auto !important;
}
.timetable-week-header .RadPicker td a:after {
    background: transparent !important;
    position: relative;
    top: 1px;
}
.timetable-week-header .RadPicker td {
    vertical-align: middle !important;
}

/* Timetable filter */
.timetable-filter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 20px;
}
.timetable-filter li ~ li {
    margin-left: 5px;
}
.timetable-filter-text {
    background: #F8F8FA;
    border-radius: 6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #1D1D1F;
    line-height: normal;
    padding: 7px 10px 8px 15px;
}
.timetable-filter-text a {
    line-height: normal;
    margin-left: 2px;
    padding: 5px;
}
.timetable-filter-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
}
.timetable-filter-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.timetable-filter-list,
.blog-entry-image {
    margin-bottom: 20px;
}

/* Timetable table */
.timetable-weekly-new {
    font-size: 14px;
    line-height: 20px;
}
table.table.timetable-min-width {
    min-width: 1000px;
}
.timetable-weekly-new .table tr th {
    border-bottom: 1px solid #EEEEF0;
    text-align: center;
    border-top: none;
    color: #B1B1B2;
}
.timetable-weekly-new .table tr th .DateBoldBg {
    color: #1D1D1F;
    font-weight: 600;
}
.timetable-weekly-new .table .DateBold {
    background-color: #3FA9F5;
    border-radius: 50%;
    display: inline-block;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 24px;
    margin-top: -2px;
    text-indent: -2px;
    height: 24px;
    width: 24px;
}
.timetable-weekly-new .table tr td{
    width: 14.28%;
    padding: 0;
}
.timetable-weekly-new .table tr td:not(:last-child) {
    border-right: 1px solid #EEEEF0;
}
.timetable-weekly-new .table tr td:nth-child(2n) {
    background-color: #FAFAFC;
}
.timetable-item {
    padding: 0 0 18px;
}
.timetable-item ~ .timetable-item {
    border-top: 1px solid #EEEEF0;
}
.timetable-item .Zoomurl {
    background-color: rgba(0, 102, 255, .1);
    border-radius: 6px;
    display: inline-block;
    color: #3FA9F5;
    font-weight: 600;
    padding: 2px 8px;
    margin-top: 20px;
    margin-left: 10px;
}
.timetable-item .Zoomurl:hover {
    background-color: rgba(0, 102, 255, .15);
}
.timetable-item .weekly-classname {
    padding-left: 0;
    padding-right: 0;
}
.timetable-item .font13 {
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}
.timetable-item .font13 > div {
    padding: 0;
}
.timetable-item .weekly-wrapper {
    padding: 10px;
}
.timetable-item .status .ab-item {
    margin: 0 10px 0 0;
}
.timetable-item .weekly-name {
    font-weight: 600;
}
.timetable-item .weekly-type {
    font-weight: 600;
    padding: 10px;
}
.timetable-item .status {
    display: none;
}
.loggedin-admin .timetable-item .status {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
#timetable-intro + p .btn-learn-more {
    margin-top: 12px;
}



/* Timetable key */
.timetable-key-list {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #EBEBEB;
    border-radius: 15px;
}
.timetable-keys-item-colour {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.timetable-keys {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.timetable-keys-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 30px;
}
.timetable-keys-item:last-child {
    padding-right: 0px;
}
.timetable-keys-item-label {
    font-weight: bold;
    padding-left: 10px;
    width: calc(100% - 40px);
}

/* Timetable related */
.timetable-related-content {
    padding-top: 50px;
    margin-top: 0;
}
.timetable-related-content h4 {
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}
.timetable-related-content .cms-related-content-heading {
    margin-bottom: 15px;
}
.timetable-related-content a {
    text-decoration: underline;
}
.related-content-col-4 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.related-content-col-4 .cms-related-content-item {
    width: 33.33%;
    padding: 0 15px;
    margin-top: 20px;
}
.related-content-col-4 .cms-related-content-item > a {
    background-color: #FFFFFF;
    padding: 18px 22px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    color: #1D1D1F !important;
}
.related-content-col-4 .cms-related-content-item + .cms-related-content-item {
    margin-top: 20px;
}

/* Bootom sticky */
#cmdiv {
    background: #222222;
    color: #FFFFFF;
    line-height: 1.5;
    padding: 15px 0 10px;
    position: fixed;
    bottom:  0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
#cmdiv .cookies a {
    color: #2b9fda;
}
#cmdiv .cookies .fa {
    padding: 5px 0;
}

/* flex css */
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap !important;
}
.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

/******* Content pages *******/
/* Top header */
.content-header-wrapper {
    position: relative;
}
.content-header-lhs, .content-header-rhs {
    background-size: cover !important;
    width: 100%;
}
.content-header-middle {
    font-weight: 600;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    z-index: 1;
}
.content-header-middle-inner {
    background-color: #BCCDE0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: .5px;
    padding: 30px;
    word-break: break-word;
    width: 25%;
}

.sbs-page-content-wrapper-page ol {
    padding-left: 15px;
    margin-bottom: 20px;
}
.sbs-page-content-wrapper-page ol > li + li {
    margin-top: 15px;
}
.sbs-page-content-wrapper-page ul {
    margin-bottom: 20px;
}
.sbs-page-content-wrapper-page h1 + * {
    margin-top: 30px;
}
.sbs-page-content-wrapper-page h2,
.sbs-page-content-wrapper-page h3,
.sbs-page-content-wrapper-page h4,
.sbs-page-content-wrapper-page h5,
.sbs-page-content-wrapper-page h6 {
    margin-bottom: 20px;
    margin-top: 30px;
}
.sbs-page-content-wrapper-page .panel-widget-left > h2:first-child,
.sbs-page-content-wrapper-page h2:first-child,
.sbs-page-content-wrapper-page .panel-widget-left > .texteditor-buttons + h2,
.sbs-page-content-wrapper-page .panel-widget-left > h3:first-child,
.sbs-page-content-wrapper-page h3:first-child,
.sbs-page-content-wrapper-page .panel-widget-left > .texteditor-buttons + h3,
.sbs-page-content-wrapper-page .panel-widget-left > h4:first-child,
.sbs-page-content-wrapper-page h4:first-child,
.sbs-page-content-wrapper-page .panel-widget-left > .texteditor-buttons + h4,
.sbs-page-content-wrapper-page .panel-widget-left > h5:first-child,
.sbs-page-content-wrapper-page h5:first-child,
.sbs-page-content-wrapper-page .panel-widget-left > .texteditor-buttons + h5,
.sbs-page-content-wrapper-page .panel-widget-left > h6:first-child,
.sbs-page-content-wrapper-page h6:first-child,
.sbs-page-content-wrapper-page .panel-widget-left > .texteditor-buttons + h6 {
    margin-top: 0px;
}
.intro-content-row + div {
    margin-top: 30px;
}
.intro-content-wrapper {
    margin-bottom: 0;
}
.intro-content-title {
    font-family: inherit;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: normal;
    margin: 0 0 30px;
    text-transform: inherit;
}
.read-more[data-readmore] {
    margin-bottom: 15px;
}

/* Sidebar (content pages) */
.sbs-subnav {
    background-color: transparent !important;
}
.layer-resources-landing-nav ul,
.event-layer-nav ul {
    list-style-type: none;
    padding: 0;
}
.sbs-subnav ul li {
    margin: 0;
    padding: 0;
}
.sbs-subnav ul li:before {
    display: none;
}
.sbs-subnav ul li ~ li,
.layer-resources-landing-nav ul li ~ li,
.event-layer-nav ul li ~ li {
    margin-top: 8px;
}
.sbs-subnav ul li a,
.layer-resources-landing-nav ul li a,
.event-layer-nav ul li a {
    border-left: 3px solid transparent;
    color: #000000 !important;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 15px 6px 15px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .3s;
    width: 100%;
}
.sbs-subnav li.current > a,
.sbs-subnav li a:hover,
.sbs-subnav li.active > a,
.layer-resources-landing-nav li.current > a,
.layer-resources-landing-nav li a:hover,
.layer-resources-landing-nav li.active > a,
.event-layer-nav li.current > a,
.event-layer-nav li a:hover,
.event-layer-nav li.active > a {
    background: #DBECFC;
    border-left-color: #3FA9F5;
    text-decoration: none;
}
.sbs-subnav ul li > ul,
.layer-resources-landing-nav ul li > ul,
.event-layer-nav ul li > ul {
    margin-left: 15px;
}
.sbs-subnav ul ul > li:first-child,
.layer-resources-landing-nav ul ul > li:first-child,
.event-layer-nav ul ul > li:first-child {
    margin-top: 4px;
}


/* Cart page */
.cart-col.card-box + .cart-col.card-box {
    margin-top: 20px;
}
.cart-col h3 {
    margin-bottom: 6px;
}
.cart-col-left h3 {
    margin-bottom: 20px;
}
.cart-summary-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 13px 0;
}
.cart-summary-item + .cart-summary-item {
    border-top: 1px solid #F8F8FA;
}
.cart-summary-new .btn {
    margin-top: 20px;
}
.cart-itemadded {
    background-color: #FFFFFF;
    border: 1px solid #3AB795;
    border-radius: 10px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    padding: 14px 14px 14px 46px;
}
.cart-itemadded span {
    margin-left: 0;
    line-height: 20px;
}
.cart-itemadded i {
    color: #3AB795;
    position: absolute;
    left: 15px;
    top: 12px;
}
.new-table tr th {
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 0 !important;
}
.new-table tr td {
    font-size: 15px;
    padding: 10px 0 !important;
    line-height: 22px;
    text-align: left;
}
.w100 {
    width: 100px;
}
.carttable td:first-child {
    padding-right: 30px !important;
}

.cart-page-wrap {
    padding-top: 40px;
}
.cart-col-title-empty-btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 30px;
}
h2.cart-h1 {
    font-size: 38px;
    line-height: 44px;
}
.sbs-event-order-info .sbs-event-order-info-dates {
    display: inline-block;
    margin-right: 15px;
}
.cart-buttons-new {
    margin-top: 20px;
}
table.table.cart-table {
    font-size: 14px;
    line-height: 22px;
}
.cart-table-title {
    margin-bottom: 5px;
}
.cart-table-free-ticket {
    margin-bottom: 5px;
}
table.cart-table strong {
    font-weight: 500;
}
span.lhs-dot:before {
    content: "";
    height: 3px;
    width: 3px;
    background: #1D1D1F;
    display: inline-block;
    border-radius: 50%;
    margin-left: 6px;
    margin-right: 10px;
    position: relative;
    top: -3px;
}
.card-box.cart-summary-new {
    margin-bottom: 30px;
    padding: 30px;
}
.cart-summary-new h2 {
    margin-bottom: 20px;
}
.cart-summary-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 15px 0;
    font-size: 14px;
    line-height: 22px;
}
.cart-summary-item + .cart-summary-item {
    border-top: 1px solid #e6e6e6;
}
.cart-summary-new .btn {
    margin-top: 20px;
}
table.table.cart-table th:not(th:first-child) {
    text-align: center;
}
.cart-table-info td:last-child {
    text-align: center;
}
.round-icon-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.round-icon-wrap > a {
    height: 22px;
    width: 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #f3f3f5;
    border-radius: 50%;
    font-size: 12px;
}
.round-icon-wrap a > img {
    max-height: 12px;
}
.round-icon-wrap.red-bg a {
    background-color: #e9e9e9 !important;
}
.round-icon-wrap a + a {
    margin-left: 5px;
}
.round-icon-wrap a.btn-google {
    background-color: #4285F4;
    color: #fff !important;
}
.round-icon-wrap a.btn-yahoo {
    background-color: #430297;
    color: #fff !important;
}



/* Checkout page */
.cart-buttons-new {
    margin-top: 30px;
}
.checkout-page .btn-green {
    background-color: #3AB795;
    color: #FFFFFF;
}
.checkout-page .btn-green:focus, .checkout-page .btn-green:hover {
    background-color: #2eaf8c;
    border-color: #2eaf8c;
}
.checkout-page input[type='radio'], .checkout-page input[type='checkbox'] {
    margin: 0;
}
.cart-discount-label, .cart-subtotal-label, .cart-total-label {
    margin-right: 5px;
}
.single-check {
    position: relative;
    padding-left: 30px;
    margin-top: 20px;
}
.single-check input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.single-check label {
    padding: 0;
}
.single-check input[type="checkbox"] ~ label {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
}
.single-check input[type="checkbox"] ~ label:before {
    background: #FFFFFF;
    border: 1.5px solid #C5C5C5;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    width: 22px;
}
.single-check input[type="checkbox"] ~ label:after {
    background-image: url('images/icon_checkbox_checkmark.svg');
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    left: 5px;
    top: 7px;
    opacity: 0;
    height: 14px;
    width: 14px;
}
.single-check input[type="checkbox"]:checked ~ label:after {
    opacity: 1;
}
.single-check input[type="checkbox"]:checked ~ label:before {
    background: #0072C6;
    border-color: #0072C6;
}
.checkout-text-box {
    font-size: 13px;
    line-height: 20px;
}
.checkout-text-box .single-check {
    font-size: 13px;
}
.checkout-text-box .single-check span {
    top: 1px;
}

/* Cart Transfer Stripe */
.cart-transfer-stripe {
    padding: 30px;
}
.cart-transfer-stripe h5 {
    color: #1D1D1F;
}
.cart-transfer-stripe .form-row {
    margin-bottom: 20px;
}
.cart-transfer-stripe .StripeElement {
    background-color: #F8F8FA;
}

/* Confirmed cash page */
.thankyou-msg-box {
    background-color: #d6f3d6;
    padding: 15px 30px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.thankyou-text {
    font-weight: 600;
    padding-right: 20px;
    max-width: 60%;
}
.confirmed-table thead tr th:last-child,
.confirmed-table tbody tr td:last-child {
    text-align: right;
}
.confirmed-table tr.underlined {
    border-top: 1px solid #e6e6e6;
}
.confirmed-table >thead>tr>th {
    border-bottom: none;
}

/* Class Detail */
.course-details .card-box {
    padding: 30px;
}
.course-details .card-box ~ .card-box {
    margin-top: 20px;
}
.course-details h1.title {
    margin-bottom: 0;
}
.course-details h2 {
    margin-bottom: 20px;
}
.course-details-panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.course-details-panel-content tr ~ tr td {
    padding: 10px 0;
}
.course-details-panel-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 44px;
    width: 44px;
}
.course-details-panel-content {
    padding: 10px 0 0 2px;
}
.course-details-panel-header {
    font-weight: 600;
    margin-bottom: 4px;
}
.sbs-location-image {
    margin-top: 10px;
}
.course-details .sbs-location-desc,
.course-professional .course-author,
.course-details .course-col2 {
    margin-top: 20px;
}
.course-author-img img {
    object-fit: cover;
    height: 130px;
    width: 130px;
}
.course-author-title .author-name {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 12px;
    display: inline-block;
}
.bookingoptions {
    margin-bottom: 20px;
}
.bookingoptions h3 {
    border-bottom: none;
    margin: 0 0 15px;
    padding: 0;
}
.bookingoptions .form-group > a {
    color: #3FA9F5;
    font-weight: 600;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.bookingoptions .form-group > .btn-gray {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 18px;
}
.bookingoptions h4 + .single-class-text {
    margin-top: 10px;
}
.bookingoptions .single-class-text {
    padding: 5px 0;
    border-bottom: 1.5px solid #EEEEF0;
}
.bookingoptions .other-dates {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}
.optionsdropdown input[type='checkbox'] {
    margin-right: 0;
}
.bookingoptions .optionsdropdown {
    margin: 10px 0 0;
}
.option-check {
    padding-left: 24px;
    position: relative;
}
.option-check input[type='checkbox'] {
    position: absolute;
    left: 2px;
    top: 3px;
}
.class_booking_options select {
    background-color: #F8F8FA !important;
    border: none !important;
    line-height: 22px;
    padding: 9px 26px 9px 14px !important;
    text-overflow: ellipsis;
}
.course-detail-book-button input {
    background: #3AB795;
    font-family: inherit;
    font-size: 14px;
}
.course-detail-book-button input:hover,
.course-detail-book-button input:active,
.course-detail-book-button input:focus {
    background: #34A284;
}
.course-detail-book-button .login_link {
    background: #1D1D1F;
    margin: 22px 0 0;
}
.course-detail-book-button .login_link:hover,
.course-detail-book-button .login_link:active,
.course-detail-book-button .login_link:focus {
    background: #444444;
    font-size: 14px;
}
.total_cost {
    color: #3AB795;
}
.course-share ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}
.course-share ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: -webkit-calc(33.33% - 7px);
    width: -moz-calc(33.33% - 7px);
    width: calc(33.33% - 7px);
}
.course-share ul li ~ li {
    margin-left: 10px;
}
.course-share ul li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}
.course-share ul li a:hover svg path[fill] {
    fill: #3FA9F5;
}
.course-details .course-content.card-box {
    padding: 30px 30px 0;
}
.course-professional {
    background-color: #EFF8FF;
    margin: 0;
    padding: 30px 0;
    position: relative;
}
.course-professional:before {
    background-color: #EFF8FF;
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    height: 100%;
    width: 30px;
}
.course-professional:after {
    background-color: #EFF8FF;
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    height: 100%;
    width: 30px;
}
.course-details-author-outline {
    position: relative;
    padding: 4px 10px 4px 37px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 6px;
    margin-top: 10px;
}
.course-details-author-outline .course-details-panel-icon {
    position: absolute;
    left: 12px;
    top: 8px;
    height: 14px;
    width: 14px;
}
.course-details-author-outline .course-details-panel-header {
    margin-bottom: 0;
}
.course-professional .course-author {
    margin-top: 0;
}
.course-professional .course-details-panel-content {
    padding: 0;
}

.course-calendar-share-option {
    border-top: 1px solid #DDDDDD;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    margin-top: 40px;
}
.course-add-calendar, .course-share {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.course-add-to-calendar, .course-share-option {
    list-style-type: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.course-add-calendar-title, .course-share-title {
    font-weight: bold;
    margin-right: 10px;
}
.course-add-to-calendar > div ~ div, .course-share-option > div ~ div {
    margin-left: 15px;
}
.course-add-to-calendar .course-add-calendar-item {
    display: block;
}
.course-add-to-calendar img, .course-share-option svg {
    display: block;
    max-width: 22px;
}

/*** detail page myspace style copy ***/
.myspace-details-balance {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 16px;
}
.myspace-details-balance .balance-title {
    color: #95999E;
    display: block;
    font-size: 13px;
    line-height: 18px;
}
.myspace-details-balance .balance-amount {
    font-size: 17px;
    line-height: 26px;
}
.myspace-details-balance .topup-now-link {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 12px;
}
.myspace-details-balance .topup-now-link:not(:hover) {
    background: #F0FAF7;
    border-color: #F0FAF7;
    color: #3AB795;
}
.page-dashboard .sbs-background-container,
.non-transparent .signup-wrap {
    margin-top: 0;
}
.dashboard-item-content label {
    padding: 0;
}

/* myspace_tutors */
html body .RadInput_Default input.riTextBox, html body .RadComboBox .rcbInput {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 14px 32px 14px 16px !important;
    height: inherit !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 10px !important;
}
html body .RadInput_Default input.riTextBox:hover,
html body .RadComboBox .rcbInput:hover {
    border-color: #C5C5C5 !important;
}
html body .RadInput_Default input.riTextBox:focus,
html body .RadComboBox .rcbInput:focus {
    border-color: #0072c6 !important;
}
.RadPicker {
    border: none !important;
    width: auto !important;
}
.RadPicker table.rcTable {
    position: relative;
}
.RadPicker table.rcTable .rcInputCell + td {
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}
.RadPicker table.rcTable .rcTimePopup,
.RadPicker table.rcTable .rcCalPopup {
    background-repeat: no-repeat !important;
    background-position: center !important;
    content: '';
    height: 22px;
    width: 18px;
}
.RadPicker table.rcTable .rcTimePopup:before,
.RadPicker table.rcTable .rcCalPopup:before {
    display: none;
}
.date-picker-search-wrap {
    margin-top: 39px;
    margin-bottom: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.search-btn {
    margin-left: 10px !important;
    display: inline-block;
}



/* Top up modal content */
.topup p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 25px;
    text-align: left;
}
.donate-now.row {
    margin-left: -6.5px;
    margin-right: -6.5px;
}
.donate-now.row div[class*="col-"] {
    padding-left: 6.5px;
    padding-right: 6.5px;
}
.donate-wrap input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.donate-now > div > label {
    border: 2px solid #E9EAEB;
    border-radius: 10px;
    color: #1D1E1F;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 13px;
    padding: 9px;
    text-align: center;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}
.donate-now [type="radio"]:checked:not(:disabled) + label {
    background-color: #3FA9F5;
    border-color: #3FA9F5;
    color: #FFFFFF;
}
.donate-other-field {
    margin-bottom: 13px;
}
.topup .btn {
    border-radius: 10px !important;
    font-size: 16px;
    line-height: 24px;
}

/* Modal common */
.modal-dialog {
    border-radius: 15px;
    overflow: hidden;
}
.modal-backdrop.in {
    opacity: 0.75;
}
.modal.modal-wrap {
    text-align: center;
}
.modal-wrap .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal-wrap .modal-content {
    box-shadow: 0px 6px 16px rgba(29, 29, 31, .06);
}
.modal-wrap .modal-dialog .modal-header {
    border-bottom: none;
    position: relative;
    padding: 16px 30px;
    text-align: left;
}
.modal-wrap .modal-dialog .modal-header .close {
    background: #E9EAEB;
    border-radius: 50%;
    color: #1D1D1F;
    font-size: 24px;
    position: absolute;
    right: 25px;
    top: 15px;
    height: 30px;
    width: 30px;
}
.modal-wrap .modal-dialog .modal-title {
    font-family: inherit;
    line-height: 28px;
    padding-right: 25px;
    margin-bottom: 0;
    text-transform: inherit;
}
.modal-wrap .modal-dialog .modal-body {
    position: relative;
    padding: 5px 30px 30px;
}
.modal-wrap .modal-md {
    margin-left: auto;
    margin-right: auto;
    max-width: 460px;
}
.modal-wrap .form-group {
    margin-bottom: 0;
}

/* Login Modal */
.modal-dialog .form-group .icon {
    line-height: 52px;
}
.send-email-btn {
    margin-top: 20px;
}

/* Corona Modal */
.modal-wrap .modal-dialog .modal-title:empty {
    display: none;
}
.corona-popup h3 {
    padding: 5px;
}

/* Contact */
.sbs-layer-type-2.card-box .form-control {
    height: 42px;
    padding: 10px 13px;
}
.sbs-layer-type-2.card-box textarea.form-control {
    height: 80px;
}

/* Pagination */
.paging {
    margin: 30px 0 0;
    padding: 0;
    text-align: center;
}
.pagelinks .pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 0;
    margin-bottom: 0;
}
.pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagination > li {
    margin-top: 10px;
    margin-right: 15px;
}
.pagination > li:last-child {
    margin-right: 0px;
}
.pagination > li > a {
    cursor: pointer;
}
.pagination > li > a, 
.pagination > li > span {
    background-color: #FFFFFF;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, 0.06);
    border-radius: 50% !important;
    border: none;
    color: #1D1D1F !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 6px;
    height: 40px;
    width: 40px;
}
.pagination > li > a > i {
    font-size: 18px;
}
.pagination > .active > a, 
.pagination > .active > span,
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > a span:focus, 
.pagination > li > a span:hover {
    background-color: #3FA9F5;
    color: #fff !important;
}
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #3FA9F5;
    border-color: #3FA9F5;
}

/* Breadcrumbs */
.breadcrumbs {
    background: transparent;
    margin-bottom: 0px;
}
.breadcrumb {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}
.breadcrumb > li {
    position: relative;
    margin-right: 10px;
    line-height: normal;
}
.breadcrumb > li + li {
    padding-left: 12px;
}
.breadcrumb > li + li:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
}


/*** event page ***/
/* top layer */
.events-top-layer {
    padding-top: 40px;
}
.events-top-layer > div > div, .events-top-layer > div > div > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.events-top-layer > div > div > div:first-child {
    padding-right: 0;
}
.events-top-layer > div > div > div:last-child {
    padding-left: 0;
}
.events-top-lhs.card-box {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 30px;
    overflow: auto;
}
.events-top-lhs a {
    font-weight: 500;
}
.events-top-rhs {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.events-top-rhs > img {
    width: auto;
    height: auto;
    object-fit: cover;
    max-height: 90%;
}
/* events-listing-layer */
.filter-and-eventslist-lhs.card-box {
    padding: 20px;
}
.filter-and-eventslist-lhs .form-group {
    margin-bottom: 20px;
}
.search-filter-wrap {
    position: relative;
}
.search-filter-wrap .search-filter-wrap-icon {
    position: absolute;
    left: 15px;
    top: 14px;
}
.search-filter-wrap input[placeholder="Search"] {
    padding-left: 46px;
    font-weight: 500;
    min-height: 54px;
}
.event-filter-lhs .btn-clear {
    background-image: none;
}
.event-filter-lhs .btn-clear:hover {
    color: #2F80ED;
}
.event-filter-lhs input[value=Filter] {
    float: right;
}
.events-listing-layer {
    padding-top: 66px;
}
/* event list rhs box */
.event-listing-title {
    margin-bottom: 30px;
}
.event-item-title + .event-item-btn {
    margin-top: 20px;
}
.event-listing-title-rhs-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.event-item {
    background-color: #FFFFFF;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 2px 20px rgb(0 0 0 / 8%);
    border-radius: 20px;
}
.event-item-image {
    overflow: hidden;
    width: 100%;
    padding-top: 68.63%;
    border-bottom: 1px solid #eee;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.event-item .event-item-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}
.event-item .event-item-cat {
    color: #586D83;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
}
.event-item-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.event-item > .event-item-content {
    padding: 20px;
}
.event-item .event-item-tag {
    font-weight: 500;
    padding: 6px 0 6px 34px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
}
.event-item .event-item-tag + .event-item-tag {
    border-top: 1px solid #F0F2F2;
}
.event-item .event-item-tag img, 
.event-item .event-item-tag svg {
    position: absolute;
    left: 7px;
    top: 7px;
}
.event-item .event-item-description {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 10px;
    word-break: break-word;
    margin-top: 10px;
}
.event-item .event-item-btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: auto;
}
.event-item-btn > a {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.overlay-image-title {
    position: relative;
}
.overlay-image-title .event-calendar-title {
    background: rgba(255, 255, 255, .85);
    position: absolute;
    left: 12px;
    top: 12px;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 15px;
    border-radius: 30px;
    font-weight: bold;
    letter-spacing: .2px;
}
/* pagination */
.pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagination>li {
    margin-top: 10px;
    margin-right: 15px;
}
.pagination>li:last-child {
    margin-right: 0px;
}
.pagination>li>a {
    cursor: pointer;
}
.pagination>li>a, 
.pagination>li>span {
    background-color: #FFFFFF;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, 0.06);
    border-radius: 50% !important;
    border: none;
    color: #1D1D1F;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 6px;
    height: 40px;
    width: 40px;
}
.pagination>li>a>i {
    font-size: 18px;
}
.pagination > .active > a, 
.pagination > .active > span,
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > a span:focus, 
.pagination > li > a span:hover {
    background-color: #586D83;
    color: #fff;
}
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #586D83;
    border-color: #586D83;
    color: #fff;
}
.pagination  a:hover svg path {
    stroke: #fff;
}

/* event top filter */
.list-calendar-nav {
    margin-bottom: 15px;
    display: inline-block;
    text-align: right;
    background: transparent;
    padding: 0;
    border-radius: 10px;
}
.list-calendar-nav i {
    margin-right: 8px;
}
.list-calendar-nav a {
    text-decoration: none;
    color: #3FA9F5;
}
.list-calendar-nav a:hover {
    opacity: .8;
}
.sort-with-map {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sort-with-map {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.sort-with-map .list-calendar-nav  {
    margin-bottom: 0;
    margin-right: 16px;
}



/********** event details *****************/
.create-account-text {
    margin-top: 7px;
}
.buy-tickets-panel-body + .buy-tickets-panel-footer {
    margin-top: 15px;
}

.sbs-event-detail-wrapper.sbs-page-content-wrapper {
    padding: 0;
    box-shadow: none;
    background: transparent;
}
/* event details - top layer */
.sbs-event-detail-image {
    position: relative;
    width: 100%;
    border-radius: 30px;
    background-color: #fff !important;
    align-self: flex-start;
    overflow: hidden;
    margin-bottom: 30px;
}
.sbs-event-detail-image > img {
    width: 100%;
}
.sbs-event-detail-wrapper .sbs-event-detail-info {
    padding: 30px;
}
.time-address-list {
    padding: 15px 15px 15px 40px;
    position: relative;
}
.time-address-list + .time-address-list {
    border-top: 1px solid #F0F2F2;
}
.time-address-list h6 {
    font-size: 14px;
}
.sbs-event-detail-info-title h1 {
    margin-bottom: 5px;
}
.event-details-title-subtext {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #2F80ED;
    margin-bottom: 20px;
}
.time-address-list h6 svg {
    position: absolute;
    left: 5px;
    top: 17px;
}
.time-address-list h6 svg path {
    fill: #2F80ED;
}
.time-address-list p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}
.sbs-event-detail-header > div > div:last-child {
    float: none;
    display: inline-block;
}
.sbs-event-detail-tickets.card-box .btn {
    width: 100%;
}
.after-login-buy-title {
    text-align: center;
}
.btn  + .after-login-buy-title {
    margin-top: 15px;
}
.sbs-event-detail-tickets.card-box .btn a {
    color: #fff;
    margin-left: 20px;
}
.alert.alert-warning {
    line-height: normal;
}
/*** event details - bottom layer ***/


/* event details - bottom layer (lhs) */
.sbs-event-detail-lhs.card-box h2 {
    margin-bottom: 25px;
}
.course-calendar-share-option {
    border-top: 1px solid #F0F2F2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0;
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #F0F2F2;
}
.course-add-calendar, .course-share {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}
.course-add-to-calendar, .course-share-option {
    list-style-type: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}
.course-add-calendar-title, .course-share-title {
    font-weight: bold;
    margin-right: 10px;
}
.course-add-to-calendar > div, .course-share-option > div {
    width: 32px;
    height: 32px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.course-add-to-calendar .course-add-calendar-item {
    display: block;
}
.course-add-to-calendar img, .course-share-option svg {
    display: block;
    max-width: 16px;
    max-height: 16px;
}
.course-add-to-calendar .sbs-event-calendar-text {
    display: none;
}
.course-calendar-share-option h6 {
    color: #1D1D1F;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.sbs-event-calendar-icon {
    margin-right: 0;
}
/* detail bottom autor */
.sbs-event-author img {
    height: auto;
    max-width: 90px;
}
.sbs-event-details-author-outline {
    padding: 4px 10px 4px 25px;
    font-size: 12px;
}
.sbs-event-details-author-outline .sbs-event-details-panel-icon {  
    left: 9px;
    top: 6px;
    width: 10px;
}






/* footer */
.footer {
    background: #FFFFFF;
    color: inherit;
    font-size: 14px;
    line-height: 22px;
    margin-top: 100px;
    padding: 40px 0 30px;
}
.footer .footer-logo {
    max-height: 50px;
    margin-bottom: 20px;
}
.clientcopyright {
    color: #C4C4C4;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
.footer a {
    color: inherit;
    font-weight: 600;
    line-height: 22px;
    font-size: 14px;
}
.footer a:hover {
    text-decoration: underline;
}
.footer h3 {
    color: inherit;
    font-family: inherit;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    min-height: inherit;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.footer .clientaddress {
    line-height: 22px;
    font-size: 14px;
    font-weight: 600;
}
.footer .list-unstyled {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.footer .list-unstyled li {
    margin-bottom: 6px;
    padding: 0 5px;
    width: 50%;
}
.icon-text-wrap {
    position: relative;
    padding-left: 24px;
    margin-top: 6px;
    font-weight: 600;
}
.icon-text-wrap i {
    position: absolute;
    left: 0;
    top: 4px;
}
.footer h4 {
    font-size: 14px;
    color: #FFFFFF;
    margin: 0 0 10px;
}
.footer .form-group span {
    position: relative;
    top: 10px;
}
.newsletter-box {
    position: relative;
}
.newsletter-box input {
    width: 100%;
    background: white;
    color: #000000;
    padding-right: 30px !important;
    border: 1.5px solid #EEEEF0;
    border-radius: 6px !important;
    height: 40px;
    padding: 9px 18px;
    font-size: 14px;
}
.newsletter-box input::-webkit-input-placeholder {
    color: rgba(29, 29, 31, .5);
}
.newsletter-box input::-moz-placeholder {
    color: rgba(29, 29, 31, .5);
}
.newsletter-box input:-ms-input-placeholder {
    color: rgba(29, 29, 31, .5);
}
.newsletter-box input:-moz-placeholder {
    color: rgba(29, 29, 31, .5);
}
.newsletter-box a {
    position: absolute;
    display: block;
    right: 0;
    top: 3px;
    color: #000000;
    padding: 6px 15px;
    background: none !important;
    font-size: 18px;
}
.social-icon i {
    font-size: 26px;
    margin-right: 25px;
}
.social-icon a:last-child i {
    margin-right: 0px;
}
.footer-row2 {
    margin-top: 27px;
}
.poweredby {
    text-align: center;
}
.winonapoweredby {
    background-color: rgba(29, 29, 31, 0.05);
    padding: 6px 12px 6px 10px;
    border-radius: 6px;
    display: inline-block;
}
.footer .footer-row2 {
    border-top: 1px solid #F0F2F2;
    text-align: right;
}
.footer-bottom-menu > ul {
    justify-content: right;
}
.footer .footer-row2 li {
    width: auto;
    padding: 0 8px;
}
.footer .footer-row2 li a {
    font-size: 12px;
}

/* transparent Header banner */
.transparent-page-header {
    background-size: cover !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-bottom: 20px;
    height: auto !important;
    min-height: 400px;
}
.transparent-page-header-title h1 {
    background-color: #FFFFFF;
    border-radius: 15px;
    display: inline-block;
    padding: 20px 25px 14px;
    line-height: 40px;
    margin-bottom: 0;
}
.transparent-page-header-summary {
    background-color: #FFFFFF;
    border-radius: 7px;
    color: #1D1D1F;
    display: inline-block;
    font-weight: 600;
    margin-top: 15px;
    padding: 12px 20px;
}

/* Sbs Subnav Grid */
.sbs-subnav-grid h3 {
    margin-bottom: 0;
}
.sbs-subnav-grid div[class*="col-"] {
    margin-top: 20px;
}
.sbs-subnav-grid a {
    background-color: #F8F8FA;
    border-radius: 10px;
    display: block;
    font-weight: bold;
    padding: 20px 30px;
    text-decoration: none;
    width: 100%;
}
.sbs-subnav-grid a:hover {
    background-color: #F3F3F5;
}

/* New design */
.cms-content-heading .cms-content-heading-column1 {
    background-size: cover !important;
}
.cms-content-heading-publish-date {
    color: #AAB1C8;
    margin-bottom: 30px;
}
blockquote {
    background-image: url(/themes/Standard/css/images/quate-icon.png);
    background-repeat: no-repeat;
    background-position-y: 20px;
    background-position-x: 20px;
    padding-left: 60px !important;
    border-left: 0;
    margin: 30px 0;
}
.cms-related-content {
    margin-top: 30px;
}
span.img-caption {
    color: #AAB1C8;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
}
.sbs-subnav.rounded-corners {
    border-radius: 25px;
}
.sbs-subnav.rounded-corners ul li a {
    border-radius: 25px;
}
.larger-italic h4,
.larger-italic .cms-related-content-body {
    font-style: italic;
}
.larger-italic .cms-related-content-body {
    font-size: 18px;
}
.cms-related-content-item + .cms-related-content-item {
    margin-top: 15px;
}

/* Resister */
div.dashboard-header-title, div.dashboard-header-summary {
    padding-left: 0;
}
.signup-wrap {
    border-radius: 30px;
    box-shadow: 0px 6px 16px rgb(29 29 31 / 6%);
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0;
    background: #fff;
}
.radio-button-list li {
    margin-right: 15px;
}
.field-inline-wrap {
    margin-top: 52px;
}

/* check-box */
.check-item-new {
    padding-left: 25px;
    position: relative;
}
.check-item-new input[type="checkbox"] {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.check-item-new label {
    padding: 0;
}
.check-item-new label:before {
    content: "";
    height: 15px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 3px;
    border: 1px solid #cacaca;
}
.check-item-new label:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 7px;
    width: 5px;
    height: 8px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.check-item-new input:checked ~ label:before {
    border-color: #2F80ED;
    background-color: #2F80ED;
}
.check-item-new input:checked ~ label:after {
    display: block;
}
.check-item-new p {
    margin-bottom: 3px;
}

/* Search Bar */
.search-bar-content,
.search-news > div {
    display: block;
    position: relative;
}
.search-bar-content .search-icon,
.search-news input[type="image"] {
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page-container .search-bar-content .form-control,
.search-news .form-control {
    padding: 12px 16px 12px 44px;
}
.page-container .search-short-wrap .form-control,
.search-news .form-control {
    height: 54px;
}
.search-bar-content > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.search-bar-content input[type="submit"] {
    margin-left: 10px;
}

/* FAQs */
.right-border-content > .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
}
.right-border-content > .row:before,
.right-border-content > .row:after {
    display: none;
}
.top-title h3 {
    margin-bottom: 0;
}
.search-news label {
    padding: 0;
}

/* Accordion */
.ui-accordion {
    border-bottom: none;
    margin: 0;
}
.ui-accordion .ui-accordion-header {
    background: #FFFFFF;
    border: none;
    border-radius: 15px;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, .06);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: normal;
    padding: 15px 45px 15px 20px;
    position: relative;
    outline: none;
}
.ui-accordion .ui-accordion-header:not(:first-child) {
    margin-top: 20px !important;
}
.ui-accordion .ui-accordion-header:before,
.ui-accordion .ui-accordion-header:after {
    background-color: #000000;
    content: '';
    font-family: inherit;
    line-height: 1;
    position: absolute;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ui-accordion .ui-accordion-header:before {
    right: 29px;
    height: 16px;
    width: 2px;
}
.ui-accordion .ui-accordion-header:after {
    right: 22px;
    height: 2px;
    width: 16px;
}
.ui-accordion .ui-accordion-header-active.ui-accordion-header:before {
    display: none;
}
.ui-accordion .ui-accordion-content {
    background: transparent;
    font-size: 15px;
    padding: 20px 20px 0;
}

/* page not found */
.single_column.container #main {
    background: transparent;
}
.sbs-page-content-wrapper.page-not-found {
    background: #FFFFFF;
    padding: 30px;
    margin: 100px auto;
    max-width: 900px;
    border-radius: 30px;
    box-shadow: 0px 6px 16px rgb(29 29 31 / 6%); 
}
.non-transparent .sbs-page-content-wrapper.page-not-found {
    margin: 100px auto;
}
.page-not-found h1 {
    margin-bottom: 12px;
    padding: 5px 0 5px 0;
}
.page-not-found ul {
    margin-top: 20px;
    padding-left: 16px;
    font-size: 14px;
}
.page-not-found ul li + li {
    margin-top: 10px;
}
.page-not-found a {
    font-weight: 600;
}



/*** lhsimg-caption-layer ***/
.lhsimg-caption-layer {
    padding-top: 40px;
}
.lhsimg-caption-layer .card-box {
    padding: 0 !important;
}
.lhsimg-caption-layer .row.full-height > div:first-child .sbs-layer-content {
    position: relative;
    width: 100%;
}
.lhsimg-caption-layer .row.full-height > div:first-child .sbs-layer-content .lhsimg-caption-text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 15px 30px;
    background: #fff;
    border-radius: 20px;
    max-width: 254px;
}
.lhsimg-caption-text h1 {
    margin-bottom: 5px;
    line-height: 45px;
}
.lhsimg-caption-text > p {
    color: #898C8C;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}
.lhsimg-caption-layer .row.full-height {
    -webkit-align-items: center;
    align-items: center;
}
.lhsimg-caption-layer .row.full-height > div:first-child .sbs-layer-content > img {
    min-height: 474px;
    width: 100%;
    object-fit: cover;
}
.lhsimg-caption-text-wrap {
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.lhsimg-caption-text-wrap > div:first-child {
    padding-right: 30px;
}
.lhsimg-caption-text-wrap > div:last-child {
    padding-left: 30px;
}
.lhsimg-caption-layer h3 {
    margin-bottom: 8px;
}
.overall-layer-wrapper-subhome > div + div {
    margin-top: 30px;
}
/*** three-box-layer ***/
.p-30 {
    padding: 30px;
}
.three-box-layer .sbs-layer-panels-item-image {
    background-size: cover !important;
    border-radius: 10px;
    padding-top: 58.41% !important;
    margin-bottom: 30px;
}
.three-box-teser {
    width: 100%;
}
.three-box-layer .row.d-flex > div {
    margin-top: 30px;
}
.three-box-layer .sbs-layer-panels-item-info {
    padding: 0;
}
.three-box-layer h2 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.min-tag {
    display: inline-block;
    color: #898C8C;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: rgba(137, 140, 140, 0.1);
    border-radius: 12px;
    padding: 5px 10px;
}
.box-btn {
    margin-top: 50px;
}



/* ================= Radio box ========================= */
.radio-item {
    display: inline-block;
    line-height: normal;
    min-height: 22px;
    position: relative;
    padding-left: 31px;
    width: 100%;
    cursor: pointer;
    padding-right: 20px;
    margin: 3px 0;
}
.radio-item input[type="radio"] {
    display: none;
    cursor: pointer;
    margin: 0;
    opacity: 0;
    z-index: 1;
}
.radio-item input[type="radio"] ~ label {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.radio-item input[type="radio"] ~ label:before {
    border: 1.5px solid #CCCCCE;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    height: 22px;
    width: 22px;
    background: #FFFFFF;
}
.radio-item input[type="radio"] ~ label:after {
    background-color: #3FA9F5;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    opacity: 0;
    height: 22px;
    width: 22px;
    background-image: url(images/icon_checkbox_checkmark.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.radio-item input[type="radio"]:checked ~ label:after {
    opacity: 1;
}
.radio-item input[type="radio"]:checked ~ label:before {
    border-color: #00B1B0;
}
.radio-table-inline td {
    display: inline-block;
}
.radio-with-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
.radio-with-info .radio-item {
    width: auto;
}
.full-width-radio > li {
    width: 100%;
}
.full-width-radio > li + li {
    margin-top: 10px;
}
/* Signup Steps design like - barnet */
.signup-wrap .setup-content .signup-box {
    box-shadow: none;
    margin: 30px 0;
    background: transparent;
    border-radius: 0;
}
.signup-wrap .setup-content .signup-box .card {
    border-left: 0;
    border-right: 0;
}
.cms-card-body.signup-box .row,
.signup-frontend-control-wrap .row {
    margin-left: -15px;
    margin-right: -15px;
}
.cms-card-body.signup-box .row > div,
.signup-frontend-control-wrap .row > div {
    padding-left: 15px;
    padding-right: 15px;
}
.signup-frontend-control-wrap .card {
    border: none;
}
.signup-frontend-control-wrap .card-header {
    background: transparent;
    padding-left: 00;
}
.stepwizard {
    padding: 40px 0;
}
.stepwizard-row.setup-panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.stepwizard-step {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.stepwizard-step + .stepwizard-step {
    padding-left: 60px;
    position: relative;
    margin-left: 10px;
}
.stepwizard-step + .stepwizard-step:before {
    content: "";
    height: 1px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    border-bottom: 1px dashed #898C8C;
    margin-top: -0.5px;
}
.stepwizard-step > .btn-circle {
    background: #898C8C;
    padding: 0;
    height: 26px;
    width: 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 500 !important;
    border-radius: 50%;
    border: transparent;
    background-image: none !important;
}
.stepwizard-step > span {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-left: 10px;
}
.stepwizard-step > .btn-circle:not([disabled]) {
    background: #3FA9F5;
}
.stepwizard-step > .btn-circle:not([disabled]) + span {
    color: #3FA9F5;
}
.signup-top-title {
    margin-bottom: 20px;
    max-width: 660px;
}
.form-group {
    margin-bottom: 20px;
}
.desc {
    font-size: 14px;
    margin: 10px 0 0;
    color: #646666;
    line-height: 22px;
}
.text-danger, .validation_error {
    position: relative;
    top: 3px;
    font-size: 13px;
}
label .required {
    color: #ff0000;
    margin-left: 4px;
}

.form-group label + .full-width-radio {
    margin-top: 10px;
}
.signup-step-btn {
    margin-top: 20px;
}
.thanks-register-block.card-box {
    box-shadow: none;
    border-radius: 0;
    padding: 20px 0;
    text-align: center;
}
.thanks-register-block.card-box p:first-child {
    font-weight: bold;
}
.thanks-register-block.mt-30 {
    padding: 20px 20px 0;
}

/* Resources page */
.cms-content-heading {
    background: #fff !important;
}
.layer-resources-landing {
    padding: 50px 0;
}
.search-short-wrap {
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, .06);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
}
.search-lhs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.select-wrap-top select {
    padding: 12px 16px;
    width: 200px;
}
.search-lhs > div {
    width: 100%;
}
.sortby-list {
    margin-left: auto;
    position: relative;
}
.sortby-list > a {
    padding: 0 42px 0 16px;
    color: #3FA9F5;
}
.sortby-list > i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #3FA9F5;
}
.res-top-small {
    font-weight: bold;
    margin: 20px 0;
}
.equal-height, .equal-height > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.layer-resources .sbs-layer-panels {
    margin-bottom: 30px;
}
.layer-resources .sbs-layer-panels-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.layer-resources .sbs-layer-panels-item-image {
    background-size: cover !important;
    padding-top: 51.82%;
}
.layer-resources .sbs-layer-panels-item-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    position: relative;
}
.layer-resources .sbs-layer-panels-item-info-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.layer-resources .sbs-layer-panels-item-title,
.layer-resources .sbs-layer-panels-item-desc {
    margin-bottom: 10px;
}
.layer-resources .sbs-layer-panels-item-title a {
    color: inherit;
}
.layer-resources .sbs-layer-panels-item-date {
    font-size: 14px;
    line-height: 22px;
    order: -1;
    margin-bottom: 4px;
}
.layer-resources .sbs-layer-panels-item-date:before {
    content: "\f274";
    font-family: 'FontAwesome';
    margin-right: 3px;
}
.layer-resources .sbs-layer-panels-item-type-btn {
    margin-top: 10px;
}
/*** resource lhs nav ***/
.layer-resources-landing-nav > h6 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding: 0 15px;
    position: relative;
}
.layer-resources-landing-nav > h6 a {
    text-decoration: none;
}
.sbs-subnav ul li a,
.layer-resources-landing-nav ul li a,
.event-layer-nav ul li a {
    border-left: none;
    border-radius: 25px;
}
.layer-resources-landing-nav ul li a:hover,
.layer-resources-landing-nav ul li a.active,
.event-layer-nav ul li a:hover,
.event-layer-nav ul li a.active,
.sbs-subnav ul li.current > a,
.sbs-subnav ul li a:hover,
.sbs-subnav ul li.active > a {
    color: #FFFFFF !important;
}
/* sort filters */
.sortby-list > a {
    text-decoration: none;
}
/* FAQ nav */
.sbs-subnav li.current > a, .sbs-subnav li a:hover, .sbs-subnav li.active > a, .layer-resources-landing-nav li.current > a, .layer-resources-landing-nav li a:hover, .layer-resources-landing-nav li.active > a, .event-layer-nav li.current > a, .event-layer-nav li a:hover, .event-layer-nav li.active > a {
    color: #fff !important;
}

/*** resource detail ***/
.resourcedetail {
    padding-top: 50px;
}
.resourcedetail .card-box {
    padding: 30px;
    position: relative;
}
.back-btn-wrap {
    position: absolute;
    top: 31px;
    right: 0;
    z-index: 1;
}
div.back-btn-wrap .btn {
    border-radius: 6px 0 0 6px !important;
    background-image: none !important;
    padding-right: 20px;
}
.resourcedetail h2 {
    margin-bottom: 20px;
    padding-right: 70px;
}
.resourcedetail-date {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.resources-results-time {
    background-color: #AE257340;
    border-radius: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    padding: 6px 12px;
    margin-bottom: 5px;
}
.resource-date.resources-results-time {
    background: #7686921A;
}
.resources-results-time:not(:last-child) {
    margin-right: 10px;
}
.resources-results-time-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 8px;
    height: 14px;
    width: 14px;
}
.resources-results-time-icon svg path {
    fill: #1D1D1F;
}
.resources-results-time > span:not([class]) {
    font-weight: bold;
    margin-right: 8px;
}
.resourcedetail .download {
    display: inline-block;
    margin-top: 30px;
    text-decoration: none;
    width: 100%;
}
.resourcedetail .download-item {
    max-width: 550px;
}
.resourcedetail a.download:hover .download-item {
    border-color: #2F80ED;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video iframe {
    border-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-resourcedetail .resourcedetail {
    padding: 0;
}
.modal-resourcedetail .card-box {
    border-radius: 0;
    box-shadow: none;
}



/* Faq page */
.faqs-layer {
    padding: 50px 0;
}



/* home signup layer */
.charity-layers-text {
    padding: 88px 0;
}
.charity-layers-text:last-child {
    padding-bottom: 38px;
}
.charity-layers-text h2 {
    margin-bottom: 0;
}
.charity-layers-text-panel > div > div > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.charity-layers-text-panel {
    padding: 40px;
    box-shadow: 0px 0px 105px rgb(27 31 41 / 3%), 0px 0px 43.8665px rgb(27 31 41 / 2%), 0px 0px 23.4531px rgb(27 31 41 / 2%), 0px 0px 13.1476px rgb(27 31 41 / 2%), 0px 0px 6.98261px rgb(27 31 41 / 1%), 0px 0px 2.90562px rgb(27 31 41 / 1%);
    background: #fff;
    border-radius: 15px;
}
.charity-layers-text-panel h3 {
    margin-bottom: 0;
    line-height: 1.5;
}

/* multiple signup layer */
.mutiple-signup {
    display: flex;
    flex-wrap: wrap;
}
.mutiple-signup-item {
    width: 50%;
    padding: 5px 15px;
}
.mutiple-signup-item + .mutiple-signup-item {
    border-left: 1px solid #fff;
}
@media screen and (max-width: 991px) {
    .mutiple-signup-item {
        width: 100%;
        padding: 0;
    }
    .mutiple-signup-item + .mutiple-signup-item {
        border-left: none;
        border-top: 1px solid #fff;
        padding-top: 40px;
        margin-top: 40px;
    }
}




/* Sr conatct page - https://thrc-staging.studioreception.net/Contact-us */
.overall-layer-wrapper-subhome {
    padding: 40px 0;
}
ul.ws-m-business-info {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}
ul.ws-m-business-info li {
    position: relative;
    padding-left: 32px;
    color: #424040;
}
ul.ws-m-business-info li > img {
    position: absolute;
    left: 0;
    top: 3px;
    max-width: 20px;
}
ul.ws-m-business-info li + li {
    margin-top: 10px;
}
ul.social-wrap {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    display: flex;
}
.social-wrap > li + li {
    margin-left: 18px;
}
.social-wrap > li img {
    max-width: 20px;
}
.form-field-wrap .form-group label {
    padding-top: 0;
}
.card-box .form-field-wrap + br {
    display: none;
}


@media screen and (min-width: 1310px) {
    .container {
        width: 1280px !important;
        max-width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header-wrapper .navbar-header img {
        max-width: 100%;
    }
    .header .navbar-nav-new > li:not(:first-child) {
        margin-left: 14px;
    }
    .yoga-level-item + .yoga-level-item {
        margin-top: 22px;
    }
    .yoga-level-img {
        height: 75px;
        width: 75px;
    }
    .yoga-level-item h4 {
        font-size: 20px;
    }
    .course-author-img img {
        height: 155px;
        width: 155px;
    }
}

@media screen and (max-width: 1300px) {
    .navbar-collapse .navbar-nav-new li {
        font-size: 14px !important;
    }
    .navbar-collapse .navbar-nav-new li:first-child {
        margin-left: 0;
    }
}

@media screen and (max-width: 1199px) {
    .studio_venuecarousel .timetable {
        max-height: 234px;
    }
}

@media screen and (min-width: 992px) {
    /* header logoff */
    .loggedin .header li.child-100 {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    /* Header */
    .nav-right {
        width: 100%;
    }
    .navbar-header .navbar-btn {
        margin-left: 12px;
        margin-top: 20px;
    }
    .navbar-header .mobile-utils {
        margin-top: 17px;
    }

    .latest.box .news-item {
        min-height: inherit;
    }
    .sbs-layer-type-2 .iframe-wrap iframe {
        width: auto !important;
        max-width: 100%;
    }

    /* Layer slider */
    .layer-slider .sbs-layer-type-2 {
        margin-top: 20px;
    }
    .layer-slider .front-carousel .carousel-caption .slider-desc .slider-col1 {
        background: transparent;
        color: inherit;
        padding: 0;
        position: inherit;
    }
    .layer-slider > div > div > div, .layer-slider > div > div > div > div {
        display: inherit;
    }
    .studio_venuecarousel .timetable {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: inherit;
    }
    .sbs-layer:first-child div:not(.sbs-layer-type-2) > .full-height > div ~ div {
        margin-top: 20px;
    }

    /* cart and checkout pages */
    .carttable td:first-child {
        max-width: 370px;
    }

    /* right side menu in toggle */
    button.btn-navbar {
        margin-bottom: 20px;
        width: 100%;
        border: 2px solid rgba(116, 116, 128, 0.1);
        padding: 10px;
        border-radius: 10px;
    }
    button.btn-navbar > span {
        margin-right: 10px;
    }
    .sbs-subnav {
        border:  2px solid rgba(116, 116, 128, 0.1);
        border-radius: 10px;
    }
    .sbs-subnav ul {
        margin-bottom: 0;
        padding: 20px;
    }
    .sbs-subnav .sidebar-sm-nav {
        border-top: 1px solid #a7a7a7;
        margin-top: 10px;
        border-bottom: none;
    }
    .sbs-subnav .sidebar-sm-nav > ul li {
        padding-left: 0;
        padding-right: 0;
    }
    .sbs-subnav .sidebar-sm-nav > ul {
        padding: 10px 0 0;
        margin-bottom: 0;
    }
    .sbs-subnav .navbar-toggle {
        float: none;
        margin-bottom: 0px;
        padding: 0;
        text-align: left;
        width: 100%;
    }
    .sbs-subnav .navbar-toggle .fa.fa-bars {
        margin-right: 9px;
    }

    /* Class Detail */
    .course-professional .course-author-title {
        margin-top: 20px;
        text-align: center;
    }
    .course-professional .course-author-text {
        text-align: center;
    }

    /* timetable table */
    .timetable-weekly-new {
        overflow: hidden;
    }

    /* signup */
    .signup-wrap .form-group {
        margin-bottom: 0;
    }
    .signup-wrap .reg_section7 {
        margin-top: 20px;
    }
    .g-recaptcha {
        margin: 15px 0;
        transform: scale(.85);
        transform-origin: left;
        overflow: inherit;
    }

    /* intro - about */
    .wellbeing-about > div > .card-box {
        padding: 30px;
    }
    .wellbeing-about-intro .full-height > div {
        width: 100%;
    }
    .wellbeing-about-intro .full-height > div + div {
        margin-bottom: 25px;
    }
    .wellbeing-about-services .full-height > div + div {
        margin-top: 25px;
    }
    .wellbeing-about-intro .full-height {
        -webkit-align-items: center;
        align-items: center;
        flex-flow: column-reverse;
    }
    .wellbeing-about-intro .layer-image-col-2 {
        max-width: 100%;
    }
    .wellbeing-about-intro .full-height > div:first-child .sbs-layer-content {
        max-width: 100%;
    }
    .wellbeing-about-intro .sbs-layer-content .btn {
        margin-top: 20px;
    }
    .wellbeing-about-services .layer-image-col-1 {
        padding-top: 75.09%;
        max-width: 100%;
    }
    .ourservices-rhs {
        max-width: 100%;
    }

    .thankyou-btns .btn {
        width: 100%;
    }
    .thankyou-btns .btn + .btn {
        margin-top: 5px;
    }

    /*** lhsimg-caption-layer ***/
    .lhsimg-caption-text-wrap {
         padding: 20px;
    }
}

@media screen and (min-width: 768px) {
    .modal.modal-wrap:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
    .studio_venuecarousel,
    .studio_venuecarousel div[class*=owl],
    .studio_venuecarousel .front-timetable-item {
        height: 100%;
    }
    .studio_venuecarousel .timetable {
        max-height: 100%;
        height: -webkit-calc(100% - 40px);
        height: -moz-calc(100% - 40px);
        height: calc(100% - 40px);
    }
    .sbs-layer-map {
        height: 100%;
    }
    .sbs-layer-map iframe {
        min-height: inherit !important;
        height: 100%;
    }
    .content-header-wrapper {
        margin-top: -20px;
    }
    .content-header-wrapper > div > .content-header-lhs {
        margin-left: -630px;
    }
    .cart-col.card-box,
    .card-box.cart-summary-new {
        padding: 30px !important;
    }

    /* Teacher section */


    /* flex css */
    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .front-carousel-item-wrapper {
        height: auto !important;
        min-height: 400px;
    }
    .content-header-middle-inner {
        width: 50%;
    }
    .panel-widget .sbs-subnav {
        margin-bottom: 20px;
    }

    /* events details */
    .sbs-event-detail-info {
        padding-left: 30px;
    }

    /* Timetable */
    .related-content-col-4 .cms-related-content-item {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .col-sm-6, .col-md-12, .col-sm-12 {
        width: 100%;
    }
    body h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .container {
        width: 540px;
        max-width: 100%;
    }
    .header-wrapper .navbar-header img {
        max-width: 100%;
    }
    .front-carousel-item-wrapper {
        background-size: cover !important;
        height: 400px !important;
        width: 100%;
    }
    .layer-slider .front-carousel .carousel-caption {
        padding: 15px;
        left: 5%;
        margin-bottom: 70px;
        max-width: 90%;
    }
    .sbs-layer-panels-item-info,
    .sbs-layer-content-rhs {
        padding: 20px;
    }
    .sbs-layer-type-2 .sbs-layer-content-rhs {
        padding: 20px 0 0;
    }
    .sbs-layer-content-wrapper .sbs-layer-content,
    .content-header-middle-inner {
        width: 100%;
    }
    .slider-title h1 {
        line-height: 24px;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .layer-slider .front-carousel-item-content .slider-title {
        font-size: 13px;
        line-height: 18px;
    }

    /* home signup layer */
    .charity-layers-text {
        padding: 50px 0px;
    }
    .charity-layers-text-panel {
        padding: 30px;
    }
    .charity-layers-text-panel .row > div {
        text-align: center !important;
    }
    .charity-layers-text-panel .text-right {
        margin-top: 20px;
    }

    /* top banner */
    .transparent-page-header {
        height: auto !important;
        padding: 20px 0;
        min-height: 260px;
        width: 100%;
    }
    .transparent-page-header-title {
        margin-top: 0 !important;
        display: inline-block;
        width: 100%;
    }
    .transparent-page-header-title h1 {
        padding: 10px 20px 10px;
    }

    /* box padding */
    .cart-col.card-box,
    .card-box.cart-summary-new,
    .cart-transfer-stripe.card-box,
    .sbs-layer-type-2,
    /* .sbs-page-content-wrapper, */
    .course-details .card-box {
        padding: 20px;
    }

    /* content pages */
    .sbs-page-content-wrapper-page {
        margin-top: 0;
        word-break: break-word;
    }
    .books-and-equipment ul {
        padding-left: 20px;
    }

    /* cart and checkout pages */
    .card-box.cart-summary-new {
        margin-top: 20px;
    }
    .carttable > tbody > tr td.classtitle {
        width: calc(100% - 100px*3);
    }
    .new-table tr td {
        font-size: 12px;
        line-height: 16px;
    }
    .new-table tr th {
        font-size: 12px;
    }
    .cart-buttons-new {
        margin-top: 20px;
    }
    .thankyou-msg-box {
        padding: 20px;
        display: inline-block;
        width: 100%;
    }
    .thankyou-text {
        padding-right: 0;
        margin-bottom: 10px;
        max-width: 100%;
    }
    .carttable .classremove .btn-remove {
        font-size: 0;
        line-height: 18px;
        padding: 0 0 0 18px;
    }

    /* Class Detail */
    .course-professional .course-details-panel {
        display: inline-block;
        width: 100%;
    }
    .bookingoptions {
        margin-top: 20px;
    }
    .sbs-location-desc > ul {
        padding-left: 17px;
    }
    .course-details .course-content.card-box {
        margin-bottom: 20px;
    }

    /* Timetable */
    .online {
        color: #C13584;
        font-weight: 600;
        line-height: normal;
        display: inline-block;
    }
    .available-link {
        background: rgba(0, 102, 255, .1);
        border-radius: 6px;
        display: inline-block;
        color: #3FA9F5;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        padding: 5px 8px;
    }
    .timetable-left-img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .sbs-filter-button {
        margin-top: 20px;
    }
    .timetable-filter-wrap {
        width: 100%;
    }
    .timetable-filter-list .pull-right + .pull-right {
        margin-top: 10px;
    }
    .mobile-timetable .btn {
        padding: 3px 10px;
    }
    .timetable-keys {
        -webkit-justify-content: left;
        justify-content: left;
    }
    .timetable-keys-item {
        padding-right: 10px;
        width: 50%;
        margin: 3px 0;
        flex-wrap: initial;
    }
    .related-content-col-4 .cms-related-content-item {
        width: 100%;
    }
    div#timetable-intro {
        column-count: inherit !important;
    }
    .timetable-livebooking .table > tbody > tr > td {
        line-height: 1.5;
    }

    /* Blog Details */
    .intro-content-row + div {
        margin-top: 20px;
    }
    .sbs-page-content-wrapper-page h2, 
    .sbs-page-content-wrapper-page h3, 
    .sbs-page-content-wrapper-page h4, 
    .sbs-page-content-wrapper-page h5, 
    .sbs-page-content-wrapper-page h6 {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    /* Events */
    .sbs-event-detail-image {
        min-height: 300px;
    }
    .event-item > .full-height {
        display: inline-block;
        width: 100%;
    }
    .event-item h2 {
        margin-top: 20px;
    }

    /* about - intro */
    .wellbeing-about > div > .card-box {
        padding: 20px;
    }

    /* Event details */
    .sbs-event-detail-tickets.card-box .btn {
        margin-top: 0;
    }
    .sbs-event-detail-info {
        padding: 20px;
    }

    .list-calendar-nav > li > a {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 22px;
    }
    .list-calendar-nav > li > a > i {
        margin-right: 10px;
        padding-top: 4px;
    }

    /* FAQs */
    .search-news > div {
        float: none;
        margin-top: 20px;
    }
    .search-news > div,
    .search-news .form-control,
    .search-news label {
        width: 100%;
    }

    /* myspace */
    .page-dashboard div:first-child > .card-box.dashboard-item {
        margin-top: 0px;
    }
    .studio_venuecarousel {
        margin-top: 5px;
    }
    .non-transparent .sbs-page-content-wrapper.page-not-found {
        margin: 50px auto 0;
    }

    /*** lhsimg-caption-layer ***/
    .lhsimg-caption-text-wrap > div:last-child {
        padding-left: 15px;
        margin-top: 20px;
    }


    /* event top filter */
    .event-listing-title-rhs-col {
        flex-wrap: wrap;
    }
    .sort-with-map {
        width: 100%;
    }
    .sort-with-map .sortby-list {
        margin-left: 0;
    }
    .sort-with-map > span {
        display: none;
    }
    .sort-with-map .list-calendar-nav {
        margin-right: 0;
    }
    .filter-and-eventslist-lhs.card-box {
        margin-bottom: 20px;
    }

    /* my space - thrc */
    .myspace-orders .tab-content > .tab-pane, 
    .ind_part_agr_steps, #register {
        padding: 15px;
    }
    .myspace-orders .nav-tabs {
        background-color: #FFFFFF;
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        border-bottom: 4px dashed #f3f3f5;
        padding-bottom: 20px;
    }
    .myspace-orders .nav-tabs > li {
        width: 100%;
        border: none; 
    }
    .myspace-orders .nav-tabs > li:nth-child(2n) {
        border-left: none;
    }
    .myspace-orders .nav-tabs > li > a {
        border-radius: 0;
        line-height: normal;
        text-align: left;
    }
    .myspace-orders .nav-tabs > li.active > a,
    .myspace-orders .nav-tabs > li.active > a:focus,
    .myspace-orders .nav-tabs > li.active > a:hover {
        background-color: #0fa3bd;
        color: #FFF;
    }
    .myspace-orders .tab-content > .active .form-group {
        margin-bottom: 20px;
    }
    .myspace-orders .ui-accordion .ui-accordion-content {
        padding: 20px !important;
    }
    .myspace-orders .ui-accordion .ui-accordion-header {
        background-position: top 24px right 22px;
        padding: 14px 38px 14px 20px;
    }



    /* Footer */
    .footer {
        margin-top: 50px;
    }
    .footer div[class*="col"] ~ div[class*="col"] {
        margin-top: 20px;
    }
    .footer-mobile-row1 {
        background-color: #FFFFFF;
        padding: 20px 0 0;
        text-align: center;
        margin-top: 40px;
    }
    .footer-mobile-row1 a {
        color: #1D1D1F;
        font-weight: 600;
    }
    .footer-mobile-row1 .contact-mobile {
        line-height: 22px;
        font-size: 14px;
        color: #1D1D1F;
        margin: 20px 0;
    }
    .footer-mobile-row1 .social-icon-mobile a {
        font-size: 24px;
    }
    .footer-mobile-row1 .social-icon-mobile a + a {
        margin-left: 20px;
    }
    .footer-mobile-row2 {
        background-color: #FFFFFF;
        padding: 0px 0 20px;
        text-align: center;
        border-top: none;
    }
    .footer-mobile-row2 a {
        color: #1D1D1F;
        font-size: 14px;
    }
    .footer-mobile-row2 a:hover {
        text-decoration: underline;
    }
    .footer-mobile-row2 span {
        display: block;
    }
    .footer-mobile-row2 .winonapoweredby {
        background-color: rgba(29, 29, 31, 0.05);
        padding: 6px 12px 6px 10px;
        border-radius: 6px;
        display: inline-block;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .footer h3 {
        font-size: 14px;
    }


    /* Signup Steps design like - barnet */
    .signup-wrap {
        border-radius: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .signup-wrap .setup-content .signup-box {
        margin: 20px 0;
    }
    .stepwizard {
        padding: 30px 0;
    }
    .stepwizard-row.setup-panel {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #FFFFFF;
        border-radius: 15px;
        box-shadow: 0px 100px 163px rgb(29 29 31 / 5%), 0px 22.3363px 36.4082px rgb(29 29 31 / 3%), 0px 6.6501px 10.8397px rgb(29 29 31 / 2%);
        padding: 20px;
    }
    .stepwizard-step {
        width: 100%;
        justify-content: flex-start;
    }
    .stepwizard-step + .stepwizard-step {
        padding-left: 0;
        margin-left: 0;
        padding-top: 20px;
    }
    .stepwizard-step + .stepwizard-step:before {
        height: 12px;
        width: 1px;
        border-right: 1px dashed #898C8C;
        border-bottom: none;
        margin-top: 0;
        top: 4px;
        left: 12px;
    }
    .signup-step-btn .btn {
        padding: 10px 27px 10px 15px;
        background-position: center right 10px;
        background-size: 8px;
    }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    .list-calendar-nav > li > a {
        padding: 10px 12px;
    }
}

@media screen and (max-width: 479px) {
    .container {
        max-width: 100%;
        width: 100%;
    }
    .yoga-level-item + .yoga-level-item {
        margin-top: 22px;
    }
    .yoga-level-img {
        height: 75px;
        width: 75px;
    }
    .yoga-level-item h4 {
        font-size: 20px;
    }
    .g-recaptcha {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .timetable-week-header {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .timetable-datepicker {
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }
    .timetable-week-header .RadPicker {
        width: 100% !important;
    }
    .timetable-week-header .RadPicker td + td {
        float: right;
        position: relative;
        top: 6px;
    }
    .timetable-keys-item {
        width: 100%;
    }
    .latest.box .news-item {
        padding-left: 0;
    }
    .latest.box .news-img {
        height: auto;
        position: static;
        padding-top: 25%;
        max-height: 80px;
    }
    .cms-related-content {
        padding: 20px 15px;
    }

    /* cart and checkout pages */
    .cart-buttons-new .btn.pull-right {
        float: left !important;
        margin-right: 10px;
    }
    .data-title-hide {
        display: none;
    }
    tbody tr td.data-title:before {
        content: attr(data-title);
        display: inline-block;
        font-weight: bold;
        margin-right: 10px;
        min-width: 60px;
        width: 25%;
    }
    .carttable > thead > tr th {
        float: left;
    }
    .carttable > tbody > tr {
        margin-top: 0;
    }
    .carttable > tbody > tr:last-of-type {
        border-bottom: none;
    }
    .carttable > thead > tr th.cart-title-header:first-child,
    .carttable > tbody > tr td.classtitle {
        width: 50%;
    }
    .carttable > tbody > tr td.classquantity {
        padding-top: 0 !important;
    }
    .carttable > tbody > tr td.classprice {
        text-align: right;
    }
    .carttable-wrap > tbody > tr td.classremove {
        left: inherit;
        right: 0;
        text-align: center;
    }
    .carttable-wrap > tbody > tr td.classprice {
        left: inherit;
        right: 25%;
    }
    .carttable td:first-child {
        padding-right: 10px !important;
    }
    .totals-label .cart-subtotal.w100 {
        width: auto;
    }
    .list-calendar-nav {
        padding: 10px;
        width: 100%;
    }
    .list-calendar-nav > li {
        width: 100%;
    }
    .list-calendar-nav > li > a {
        margin: 0px;
        width: 100%;
    }

    .studio_venuecarousel .timetable .table > tbody > tr > td {
        line-height: 16px;
    }

    /* Event */
    .sbs-event-detail-image {
        min-height: 170px;
    }

    /* News */
    .figure.pull-left {
        float: none !important;
        margin-right: 0;
    }
    .figure .figure-img {
        max-width: 100%;
        width: auto;
    }

    /* myspace_tutors */
    .search-btn .btn {
        padding-left: 15px;
        padding-right: 15px;
    }

    .timetable-week-header .RadPicker table.rcTable {
        width: auto !important;
    }

    /* Resources page */
    .search-short-wrap .sortby-list {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 364px) {
    .image-title-list li h4 {
        font-size: 18px;
    }
}


/*======= Header banner =======*/
.purple-colored-bg {
    background: #2F80ED;
    padding: 50px 0;
}
.rectangle-img .medium-rec-image-col-img img {
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}
/* Large  with border */
.large-with-border {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 30px;
    width: 94%;
    max-width: 1360px;
    height: auto !important;
    padding: 100px 10px 100px 0;
    margin: 40px auto 0;
    background-color: #ebebeb !important;
    min-height: 460px;
}
.large-with-border > .container {
    width: 100% !important;
    padding: 0;
}
.large-with-border .card-layer {
    background-color: #fff;
    width: calc(100% - 60px);
    max-width: 580px;
    padding: 60px 30px;
    position: relative;
    border-radius: 0px 30px 30px 0;
}

@media screen and (max-width: 560px) {
    .large-with-border .card-layer:before {
        display: none;
    }
    .large-with-border {
        padding: 60px 15px 60px;
        min-height: 300px;
    }
    .large-with-border .card-layer {
        width: 100%;
        padding: 40px 15px;
        border-radius: 20px;
        margin: 0 auto;
    }
}
/* Large full bleed */
.large–full-bleed {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    display: flex;
    align-items: center;
    height: auto !important;
    padding: 100px 0;
}
.sub-title {
    font-weight: 500;
}
.large–full-bleed .sub-title {
    color: #1d1d1f;
}
.large–full-bleed .card-layer {
    width: calc(100% - 60px);
    max-width: 640px;
    padding: 50px 50px;
    position: relative;
    margin-left: 60px;
}
.large–full-bleed .card-layer:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 24px;
    transform: skew(172deg);
}
.large–full-bleed .card-layer > * {
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .large–full-bleed {
        padding: 60px 15px 60px;
    }
    .large–full-bleed .card-layer {
        width: 100%;
        padding: 30px 20px;
        border-radius: 20px;
        margin: 0 auto;
    }
    .large–full-bleed .layer-title {
        line-height: 35px;    
    }
    .large–full-bleed .card-layer:before {
        border-radius: 24px;
        transform: inherit;
    }
}
/* Medium  rectangle / oval image */
.medium-rec-image-white-bg {
    overflow: hidden;
    padding: 50px 0 ;
}
.medium-rec-image-white-bg .medium-rec-image-inner {
    display: flex;
    align-items: center;
}
.medium-rec-image-white-bg .card-layer {
    max-width: 100%;
    width: 640px;
    padding: 50px;
    position: relative;
}


.medium-rec-image-white-bg .card-layer:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #2F80ED;
    border-radius: 24px;
    transform: skew(172deg);
}

/*.vector-bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute !important;
    left: 0;
    top: 0;
    background: #2F80ED;
    border-radius: 24px;
    transform: skew(172deg);
}*/

.medium-rec-image-white-bg .card-layer > * {
    position: relative;
    z-index: 1;
}
.medium-rec-image-white-bg .layer-title {
    font-style: normal;
    color: #fff;
}
.medium-rec-image-white-bg .sub-title {
    font-weight: 500;
    color: #fff;
    font-size: 15px;
}
.medium-rec-image-white-bg .sub-title p {
    color: #fff;
}
.medium-rec-image-white-bg .medium-rec-image-col-text {
    margin-left: -150px;
}
/* >> BG Rectangle */
.medium-rec-image-white-bg.purple-colored-bg .layer-title {
    color: #1d1d1f;
}
.medium-rec-image-white-bg.purple-colored-bg  .sub-title {
    color: #1d1d1f; 
}
.medium-rec-image-white-bg.purple-colored-bg  .sub-title p {
    color: #1d1d1f; 
}
.medium-rec-image-white-bg.purple-colored-bg .card-layer:before {
    background: #fff;
}
/* >> Round Rectangle */
.medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-col-img img {
    object-fit: cover;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    margin: 0 auto;
}
.medium-rec-image-white-bg .medium-rec-image-col-text {
    margin-left: -140px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-col-img img {
        width: 430px;
        height: 430px;
    }
}
@media screen and (max-width: 1099px) {
    .medium-rec-image-white-bg .medium-rec-image-col-img {
        width: 50%;
    }
    .medium-rec-image-white-bg .medium-rec-image-col-text {
        width: 50%;
        margin: 0;
    }
    .medium-rec-image-white-bg .card-layer {
        width: 100%;
        max-width: 390px;
        padding: 50px 20px;
        position: relative;
        margin-top: 20px;
    }
    .medium-rec-image-white-bg .card-layer:before {
        transform: inherit;
    }
}
@media screen and (max-width: 991px) {
    .medium-rec-image-white-bg .medium-rec-image-inner {
        flex-direction: column;
    }
    .medium-rec-image-white-bg .medium-rec-image-col-img, .medium-rec-image-white-bg .medium-rec-image-col-text {
        width: 100%;
        text-align: center;
    }
    .medium-rec-image-white-bg .medium-rec-image-col-img > img {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .medium-rec-image-white-bg .card-layer {
        max-width: 100%;
        padding: 30px 20px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }



}
@media screen and (max-width: 767px) {
    .medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-col-img img {
        width: 410px;
        height: 410px;
    }
}
@media screen and (max-width: 479px) {
    .medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-col-img img,
    div.small-rec-image-white-bg.small-rec-image-round-bg img {
        width: 100%;
        height: auto;
        border-radius: 60px;
    }
    div.small-rec-image-white-bg.small-rec-image-round-bg .card-layer-img:before {
        width: 120px;
        height: 120px;
        bottom: -40px;
        border: 30px solid #2F80ED;
    }
}
/* Small  square / circle / no image */
.small-rec-image-white-bg {
    padding: 40px 0;
}
.small-rec-image-white-bg .medium-rec-image-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-img {
    width: 50%;
}
.small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text {
    width: 50%;
    padding: 0 20px;
}
.small-rec-image-white-bg .card-layer-img {
    width: 100%;
    max-width: 464px;
    position: relative;
    margin: 0 auto;
}
.small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text .card-layer {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
}
.small-rec-image-white-bg .card-layer-img:before {
    content: "";
    width: 400px;
    height: 123px;
    transform: skew(343deg);
    background: #2F80ED;
    position: absolute;
    opacity: 0.4;
    right: -50px;
    bottom: 40px;
    z-index: 1;
    border-radius: 20px;
}
.small-rec-image-white-bg.purple-colored-bg .layer-title,
.small-rec-image-white-bg.purple-colored-bg .sub-title {
    color: #fff;
}
.small-rec-image-white-bg.purple-colored-bg .sub-title p {
    color: #fff;
}
.small-rec-image-white-bg.purple-colored-bg .card-layer-img:before {
    background: #fff;
}
/* >> Round Rectangle */
.small-rec-image-white-bg.small-rec-image-round-bg .card-layer-img:before {
    content: "";
    width: 180px;
    height: 180px;
    background: transparent;
    position: absolute;
    opacity: 0.4;
    right: 0px;
    bottom: 40px;
    z-index: 1;
    border-radius: 50%;
    border: 40px solid #2F80ED;
    transform: none;
}
.small-rec-image-white-bg.small-rec-image-round-bg img {
    width: 410px;
    height: 410px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
}
.small-rec-image-white-bg.small-rec-image-round-bg.purple-colored-bg .card-layer-img:before {
    border-color: #fff;
}
@media screen and (max-width: 1339px) {
    .small-rec-image-white-bg .card-layer-img:before {
        content: "";
        width: 230px;
        height: 83px;
        right: -50px;
        bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
    .small-rec-image-white-bg .medium-rec-image-inner {
        flex-direction: column;
    }
    .small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-img,
    .small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text {
        background-color: #FFFFFF;
        border-radius: 15px;
        box-shadow: 0px 100px 163px rgb(29 29 31 / 5%), 0px 22.3363px 36.4082px rgb(29 29 31 / 3%), 0px 6.6501px 10.8397px rgb(29 29 31 / 2%);
        padding: 20px;
    }
    .small-rec-image-white-bg.purple-colored-bg .layer-title, .small-rec-image-white-bg.purple-colored-bg .sub-title {
        color: #1D1D1F;
    }
    .small-rec-image-white-bg.purple-colored-bg .sub-title p {
        color: #1D1D1F;
    }
    .small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text .card-layer {
        margin: 0 auto;
        max-width: 100%;
    }
    .small-rec-image-white-bg .card-layer-img {
        width: 100%;
        max-width: 100%;
        position: relative;
        margin: 0 auto 40px;
    }
    .small-rec-image-white-bg .card-layer-img:before {
        right: 0;
        bottom: -20px;
    }
}
@media screen and (max-width: 767px) {
    .rectangle-img .medium-rec-image-col-img img {
        border-radius: 20px;
    }
}
/* no-image-white-bg */
.no-image-white-bg {
    padding: 100px 0;
    background-color: #fff;
}
.no-image-white-bg .card-layer {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}
.no-image-white-bg.purple-colored-bg {
    background-color: #2F80ED;
}
.no-image-white-bg.purple-colored-bg .layer-title,
.no-image-white-bg.purple-colored-bg .sub-title {
    color: #fff;
}


/********** Content-1-Column-Layer-Templates /**********/
.one-col-common,
.one-col-cardbox-teaser,
.one-col-lhsimg-rhs-text,
.one-col-overlay-full-whitebox {
    padding: 50px 0;
}
.one-col-overlay-lhs-whitebox {
    margin: 50px 0;
}
/* one-col-no-img */
.one-col-no-img .one-col-discription, 
.one-col-cardbox-teaser .one-col-discription {
    padding: 0 20.2%;
}
.one-col-cardbox-teaser .card-box,
.one-col-no-img .card-box {
    padding: 30px;
}
/* one-col-overlay-lhs-whitebox */
.one-col-overlay-lhs-whitebox {
    height: auto !important;
    min-height: 480px;
    background-size: cover !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 50px;
    border-radius: 20px;
}
.one-col-overlay-lhs-whitebox >.card-box {
    max-width: 50%;
    width: 100%;
    padding: 30px;
}
/* one-col-cardbox-teaser */
.one-col-cardbox-teaser-img {
    padding-top: 36.91%;
    background-size: cover !important;
    border-radius: 10px;
    margin-bottom: 30px;
}
/* one-col-lhsimg-rhs-text */
.one-col-lhsimg-rhs-text-wrap {
    display: flex;
    flex-wrap: wrap;
}
.one-col-lhsimg-rhs-text-wrap > div {
    width: 50%;
}
.one-col-lhsimg-rhs-text-wrap .one-col-lhsimg {
    background-size: cover !important;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 40%;
}
.one-col-lhsimg-rhs-text-wrap .card-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 30px;
}
.one-col-lhsimg-rhs-text-wrap .one-col-discription {
    max-width: 420px;
    margin: 0 auto;
}
/* one-col-no-cardbox-teaser */
.one-col-no-cardbox-teaser .card-box {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.one-col-no-cardbox-teaser .card-box .one-col-cardbox-teaser-img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/* one-col-overlay-full-whitebox */
.one-col-overlay-full-whitebox-img {
    padding-top: 35%;
    background-size: cover !important;
    border-radius: 20px;
}
.one-col-overlay-full-whitebox-wrap > .card-box {
    max-width: 85%;
    margin: -90px auto 0;
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .one-col-cardbox-teaser .card-box, 
    .one-col-no-img .card-box,
    .one-col-lhsimg-rhs-text-wrap .card-box,
    .one-col-overlay-full-whitebox-wrap > .card-box,
    .one-col-overlay-lhs-whitebox >.card-box {
        padding: 20px;
    }
    /********** /Content-1-Column-Layer-Templates /**********/
    .one-col-common,
    .one-col-cardbox-teaser,
    .one-col-lhsimg-rhs-text,
    .one-col-overlay-full-whitebox {
        padding: 40px 0;
    }
    .one-col-overlay-lhs-whitebox {
        margin: 40px 0;
        padding: 230px 10px 10px;
        background-size: auto 250px !important;
    }
    /* one-col-no-img */
    .one-col-no-img .one-col-discription{
        padding: 0;
    }
    .one-col-cardbox-teaser .one-col-discription {
        padding: 0;
    }
    /* one-col-overlay-lhs-whitebox */
    .one-col-overlay-lhs-whitebox >.card-box {
        max-width: 100%;
    }
    /* one-col-cardbox-teaser */
    .one-col-cardbox-teaser-img {
        padding-top: 36.91%;
        margin-bottom: 15px;
    }
    /* one-col-lhsimg-rhs-text */
    .one-col-lhsimg-rhs-text-wrap .one-col-lhsimg {
        border-bottom-left-radius: 0;
        border-top-right-radius: 20px;
    }
    .one-col-lhsimg-rhs-text-wrap > div {
        width: 100%;
    }
    .one-col-lhsimg-rhs-text-wrap .card-box {
        border-top-right-radius: 0;
        border-bottom-left-radius: 20px;
    }
    /* one-col-overlay-full-whitebox */
    .one-col-overlay-full-whitebox-img {
        padding-top: 70%;
    }
}