/***** Elements Design ******/
/* Buttons */
.btn {
    min-height: 28px;
    border-radius: 0;
    border: 1px solid transparent;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 17px;
    padding: 4px 10px;
}

.btn-responsive {
    width: 100%;
}

.btn-basic {
    border: 2px solid #221f20;
    background: #ffffff;
    color: #221f20;
}

    .btn-basic:hover,
    .btn-basic:focus,
    .btn-basic:active:focus,
    .btn-basic:active:hover {
        border: 2px solid #221f20;
        background: #ffffff;
        color: #221f20;
        outline: 0;
        box-shadow: none;
    }

.btn-default {
    border: 2px solid #221f20;
    background: #221f20;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-basic:active:focus,
    .btn-basic:active:hover {
        border: 2px solid #221f20;
        background: #221f20;
        color: #ffffff;
        outline: 0;
        box-shadow: none;
    }

    .btn-default.active {
        box-shadow: none;
    }

        .btn-default.active:focus,
        .btn-default.active:hover {
            color: #221f20;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

.btn-primary {
    border: 2px solid #00428b;
    background: #00428b;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active:focus,
    .btn-primary:active:hover {
        border: 2px solid #05428c;
        background: #05428c;
        outline: 0;
        box-shadow: none;
    }

.btn-success {
    border: 2px solid #36B257;
    background: #36B257;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active:focus,
    .btn-success:active:hover {
        border: 2px solid #36B257;
        background: #36B257;
        outline: 0;
        box-shadow: none;
    }

.btn-info {
    border: 2px solid #5dade0;
    background: #5dade0;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active:focus,
    .btn-info:active:hover {
        border: 2px solid #5dade0;
        background: #5dade0;
        outline: 0;
        box-shadow: none;
    }

.btn-warning {
    border: 2px solid #f8bec8;
    background: #f8bec8;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active:focus,
    .btn-warning:active:hover {
        border: 2px solid #f8bec8;
        background: #f8bec8;
        outline: 0;
        box-shadow: none;
    }

.btn-error {
    border: 2px solid #ee373d;
    background: #ee373d;
}

    .btn-error:hover,
    .btn-error:focus,
    .btn-error:active:focus,
    .btn-error:active:hover {
        border: 2px solid #ee373d;
        background: #ee373d;
        color: #ffffff;
        outline: 0;
        box-shadow: none;
    }

.btn-send {
    border: 2px solid #ee373d;
    background: #ee373d;
    color: #ffffff;
}

    .btn-send:hover,
    .btn-send:focus,
    .btn-send:active:focus,
    .btn-send:active:hover {
        border: 2px solid #ee373d;
        background: #ee373d;
        color: #ffffff;
        outline: 0;
        box-shadow: none;
    }

.buttons {
    padding: 10px 0;
}

    .buttons .btn:first-child {
        margin-right: 10px;
    }

    .buttons .btn:last-child {
        margin-left: 10px;
    }

.btn-branch.preferred-branch {
    background: #221f20;
    color: #ffffff;
}

.form-horizontal .btn {
    margin-bottom: 5px;
}

@media (max-width: 992px) {
    .btn {
        white-space: normal;
    }

    .btn-sm, .btn-group-sm > .btn {
        border-radius: 0;
    }
}

@media (max-width: 440px) {
    .btn {
        font-size: 12px;
        padding: 2px 4px;
        min-height: 24px;
        line-height: 16px;
    }
}
/***** breadcrumbs design ******/
.breadcrumb {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

    .breadcrumb li a {
        color: #221f20;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 500;
    }

    .breadcrumb li.active {
        color: #ee373d;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 500;
    }
    
    .breadcrumb li.active h1 {
        color: #ee373d;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 500;
    }

    .breadcrumb > li + li:before {
        color: #221f20;
    }
/***** Form Design ******/
label {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 4px;
    color: #221f20;
}

.form-group {
    position: relative;
    margin-bottom: 10px;
}

.form-control {
    height: 28px;
    padding: 0 6px;
    color: #221f20;
    line-height: 28px;
    border: 1px solid #221f20;
    border-radius: 0;
    margin-bottom: 10px;
    box-shadow: none;
}

    .form-control:focus {
        border-color: #A19F9F;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

select.form-control {
    padding: 0 2px;
}

.form-group.error label {
    color: #C43232;
}

.form-group.error .form-control {
    border: 1px solid #C43232;
}

    .form-group.error .form-control:focus {
        border-color: #C43232;
    }

.error-text {
    color: #C43232;
}

.form-control.readonly {
    background: #e8e8e8;
}

.forget-links {
    text-align: right;
    margin-bottom: 12px;
    position: absolute;
    right: 0;
    bottom: -38px;
}

    .forget-links a {
        display: inline-block;
        color: #221f20;
    }

.mandatory-text {
    margin: 40px 0 0 0;
    position: relative;
}

    .mandatory-text span {
        position: absolute;
        top: -40px;
        right: 0;
        font-size: 12px;
        color: #B8B8B8;
        display: inline-block;
    }

.field-validation-error {
    color: #ee373d;
    font-weight: 500;
}
/* checkbox */
input[type=checkbox], input[type=radio] {
    margin-top: 0;
}

.form-check {
    margin: 10px 0;
}

.form-check-inline {
    display: inline-block;
    margin-right: 15px;
}

.form-check-input {
    float: left;
    width: 24px;
    height: 24px;
    background: #ffffff;
    border: 1px solid #221f20;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.form-check-label {
    margin: 0;
    line-height: 24px;
    padding-left: 15px;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("../images/rebranding/checked_icon.svg");
    background-size: contain;
    width: 24px;
    height: 24px;
}

.form-check .form-check-input:checked[type=radio] {
    background-image: url(../images/rebranding/radio_checked.svg);
}

.form-check-input:checked[type=checkbox]:checked + label {
    color: #ee373d;
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: none;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 4px;
    }
}
/***** modal design ******/
@media (min-width: 768px) {
    .modal-dialog {
        width: 532px;
        margin: 100px auto;
    }
}

.modal-backdrop {
    background: #ffffff;
}

    .modal-backdrop.in {
        opacity: .8;
    }

.modal-content {
    border: none;
    box-shadow: 0 0 0 1px #221f20;
    border-radius: 0;
}

.modal-header {
    background: #221f20;
    padding: 17px 20px;
    border: 0;
    min-height: 58px;
}

.modal-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}

.modal-header .close {
    color: #ffffff;
    font-size: 26px;
    opacity: 1;
}

.modal-body {
    text-align: center;
    padding: 70px 105px 25px;
}

.modal-footer {
    padding: 25px 0 50px 0;
    border: 0;
}

    .modal-footer .buttons {
        text-align: center;
    }

.modal-close {
    background: url(../images/rebranding/close_icon.svg) no-repeat center;
    width: 36px;
    height: 36px;
    position: absolute;
    right: -25px;
    top: -25px;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    z-index: 9999999;
}

#cboxContent {
    background: url(../images/rebranding/loading.gif) no-repeat center center #fff;
    border: none;
    box-shadow: 0 0 0 1px #221f20;
    border-radius: 0;
    max-width: 100% !important;
}

#cboxLoadedContent {
    border-radius: 0;
}

#cboxClose {
    position: absolute;
    top: -15px;
    right: -15px;
    background: url(../images/rebranding/btn_close_icon.png) no-repeat 0 0;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
}

body.popup.loading {
    background: transparent;
    min-height: 350px;
}

body.popup .wrap {
    display: block;
}

body.popup.loading .wrap {
    display: none;
}

body.popup .content {
    padding: 15px;
    margin: 0 0 10px 0;
}

body.popup h1 {
    background: #221f20;
    padding: 10px 20px;
    border: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.alert-dialog {
    padding: 15px;
}

.centered .form-group {
    text-align: center;
}

    .centered .form-group .reg {
        text-align: center;
    }

.form-group .flabel {
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
}

    .form-group .flabel.norm {
        font-weight: normal;
    }

.review .photo img {
    width: 100%;
}
/***** Rating design ******/
.rating {
    background: url("../images/rebranding/rating.png") no-repeat transparent;
    display: block;
    width: 102px;
    height: 16px;
    margin-bottom: 5px;
}

    .rating.rating-0 {
        background-position: left top;
    }

    .rating.rating-1 {
        background-position: left -21px;
    }

    .rating.rating-2 {
        background-position: left -42px;
    }

    .rating.rating-3 {
        background-position: left -63px;
    }

    .rating.rating-4 {
        background-position: left -84px;
    }

    .rating.rating-5 {
        background-position: left -105px;
    }

    .rating.sm {
        height: 10px;
        width: 60px;
    }

    .rating.sm-5 {
        background-position: left -62px;
        background-size: 100%;
    }

    .rating.sm-4 {
        background-position: left -50px;
        background-size: 100%;
    }

    .rating.sm-3 {
        background-position: left -37px;
        background-size: 100%;
    }

    .rating.sm-2 {
        background-position: left -24px;
        background-size: 100%;
    }

    .rating.sm-1 {
        background-position: left -12px;
        background-size: 100%;
    }

    .rating.sm-0 {
        background-position: left top;
        background-size: 100%;
    }
/***** hr Design ******/
hr {
    border-top: 1px solid #221f20;
}
/***** login Design ******/
#frmLogin,
#frmRegister,
#frmChangePassword,
#frmForgotPassword {
    width: 300px;
    margin: 0 auto;
}

    #frmLogin a,
    #frmRegister a,
    #frmChangePassword a,
    #frmForgotPassword a {
        color: #5dade0;
    }

.forgot-password-wrap {
    position: absolute;
    top: -15px;
    right: 0;
}

    .forgot-password-wrap a {
        display: inline-block;
        font-size: 14px;
        color: #5dade0;
        letter-spacing: 1px;
    }

#btnLogin {
    float: left;
}

.rememberme {
    float: left;
    display: block;
    background: #CFCFCF;
    line-height: 28px;
    padding: 0 10px;
    margin-left: 5px;
}

.login-action-wrap {
    width: 190px;
    margin: 0 auto;
}

.login-error {
    background: #f8bec8;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #221f20;
    text-align: center;
    padding: 10px;
    margin: 0 0 20px 0;
}

@media (max-width: 440px) {
    .rememberme {
        font-size: 14px;
        min-height: 24px;
        line-height: 22px;
    }

        .rememberme input[type=checkbox] {
            margin-top: 5px;
        }
}
/* Register */
.reg-intro a.staff,
.reg-intro a.client {
    display: block;
    color: #221f20;
    font-weight: 500;
    font-size: 16px !important;
    width: 150px !important;
    height: 150px !important;
    /*line-height: 149px !important;*/
    background-size: 150px !important;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .reg-intro a.staff small, .reg-intro a.client small {
        font-size: 12px;
        text-transform: none;
    }

.reg-intro a.staff {
    background: url("../images/rebranding/bg_circle_staff.png") no-repeat scroll center center transparent;
    /*color: #221f20;*/
    color: #fff;
}

.reg-intro a.client {
    background: url("../images/rebranding/bg_circle_client.png") no-repeat scroll center center transparent;
    color: #ffffff;
}

.reg-intro .c1 {
    padding-right: 0;
}

.reg-intro .c2 {
    padding-left: 0;
}

@media (max-width: 480px) {
    .reg-intro a.staff,
    .reg-intro a.client {
        font-size: 1em;
        background-size: 120px 120px;
        width: 120px;
        height: 120px;
        /*line-height: 120px;*/
    }
}
/***** Content Section Design ******/
.content-section {
    margin-bottom: 20px;
}

.content-wrapper {
    /* margin-top: 40px; remove this because of extra margin after the main heading section PAR-232  */
    margin-bottom: 40px;
}

.section-title {
    background: #221f20;
    color: #ffffff;
    font-size: 21px;
    padding: 25px 0;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
}

.page-title {
    background: #221f20;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 20px;
    padding: 6px 15px;
    display: inline-block;
}

.page-title-fullwidth {
    width: 100%;
}

.sub-title {
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .page-title {
        width: 100%;
        text-align: center;
    }

        .page-title.page-title-fullwidth {
            text-align: inherit;
        }
}
/***** Header Design ******/
.top-header {
    position: relative;
    min-height: 45px;
}

    .top-header .buttons.header-login {
        position: absolute;
        top: 0;
        right: 20px;
    }

.main-header {
    position: relative;
    /*width: auto;*/
}
/*
.buttons.header-login {
    display: grid;
    margin: 10px;
}

.buttons.header-login .btn:first-child {
    margin-right: 0 !important;
}

.buttons.header-login .btn:last-child {
    margin-left: 0 !important;
}

.buttons.header-login .register{
    margin-bottom: 5px;
}
.buttons.header-login .login{
    margin-top: 5px;
}
*/


.navbar-default {
    background-color: transparent;
    border-color: transparent;
    width: 100%;
    border: none;
}

.center-nav {
    display: flex;
    justify-content: space-between;
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .center-nav > li > a {
        position: relative;
        display: block;
        padding: 10px 5px;
        line-height: 20px;
    }

.navbar-default .center-nav > li > a {
    color: #221f20;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    padding-top: 45px;
}

.navbar-default .center-nav > li.active > a {
    font-weight: bold;
    color: #ee373d;
}

.navbar-default .center-nav > li > a.logo {
    padding-top: 0;
}

.navbar-default .center-nav > li > a.post-job {
    padding-top: 28px;
}

.navbar-toggle {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 15px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #221f20;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 50px;
    height: 8px;
    border-radius: 0;
}

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }

.navbar-header {
    margin: 30px 0;
}

.login-private {
    margin-bottom: 20px;
    position: relative;
}

.login-info .alerts,
.login-info .user-pic,
.login-info .user-name,
.login-info .caret {
    float: left;
    cursor: pointer;
}

.login-info .alerts {
    min-height: 32px;
    margin: 0 4px 0 0;
}

.login-private-notification {
    display: block;
    background: url("../images/rebranding/notification_icon.svg") no-repeat scroll center center transparent;
    cursor: pointer;
    float: right;
    height: 32px;
    position: relative;
    width: 45px;
}

    .login-private-notification .notification-count {
        background: #ee373d;
        border-radius: 14px;
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 28px;
        position: absolute;
        right: 0;
        text-align: center;
        top: -12px;
        width: 28px;
    }

.bottom-notify-link {
    width: 25% !important;
}

.login-private-msg {
    display: block;
    background: url("../images/rebranding/icon_mail.png") no-repeat scroll center center transparent;
    cursor: pointer;
    float: right;
    height: 32px;
    position: relative;
    width: 45px;
}

    .login-private-msg .msg-count {
        background: none repeat scroll 0 0 #1fc2f3;
        border-radius: 14px;
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 28px;
        position: absolute;
        right: 0;
        text-align: center;
        top: -12px;
        width: 28px;
    }

#menu-private-mobile {
    width: 100%;
    background: transparent;
    position: inherit;
}

.alerts-mobile {
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 65px;
}

.login-private-mobile {
    background: #5eaee0;
    position: relative;
    padding: 20px;
    width: 100%;
    color: white;
}

    .login-private-mobile.pink-profile {
        background: #f9bec9;
    }

.login-info-mobile .user-pic-mobile {
    width: 55px;
    display: inline-block;
}

.login-info-mobile .user-name-mobile {
    display: inline-block;
}

    .login-info-mobile .user-name-mobile .my-profile {
        font-weight: bold;
    }

.login-signup {
    color: #05428c !important;
}

.logout-mobile, .logout-mobile:active, .logout-mobile:visited {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    font-weight: normal;
    font-size: 12px;
    text-decoration: underline;
}

.login-info .user-pic {
    width: 32px;
    height: 32px;
    overflow: hidden;
}

    .login-info .user-pic img {
        width: 100%;
    }

.login-info .user-name {
    background: #221f20;
    text-transform: uppercase;
    color: #ffffff;
    max-width: 150px;
    min-width: 95px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
}

.login-info .caret {
    background: #221f20 url(../images/rebranding/arrow_down.svg) no-repeat center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.login-private .private-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
    width: 100%;
    max-width: 165px;
    z-index: 999;
}

.login-private .dropdown-menu,
.login-private-mobile .dropdown-menu {
    background: rgba(255,255,255,0.9);
    right: 0;
    left: auto;
    width: 213px;
    padding: 5px 0;
    border-radius: 0;
    text-align: center;
    border: 0;
    box-shadow: none;
}

.login-private-mobile .dropdown-menu {
    display: block;
}

a.find-staff-menu,
a.find-staff-menu:hover {
    color: red !important;
}

.login-private .dropdown-menu li a,
.login-private-mobile .dropdown-menu li a {
    color: #221f20;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

    .login-private .dropdown-menu li a:hover {
        color: #ee373d;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.login-private-mobile .dropdown-menu li a {
    color: #fff;
}

    .login-private-mobile .dropdown-menu li a:hover {
        background: transparent !important;
    }

.dropdown-menu {
    z-index: 99999;
}

.alerts-xs {
    margin-top: 15px;
}

    .alerts-xs .c1,
    .alerts-xs .c2 {
        float: left;
        width: 50%;
    }

        .alerts-xs .c2.client {
            width: 100%;
        }

    .alerts-xs .login-private-msg,
    .alerts-xs .login-private-notification {
        float: none;
        margin: 0 auto;
    }
/* full width menu design */
.dropdown-fullwidth {
    position: static;
}

    .dropdown-fullwidth.open > .dropdown-menu {
        width: 100%;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background-color: rgba(255,255,255,0.9);
        padding: 10px 0 30px 0;
    }

.fullwidth-menu-wrap {
    padding: 10px;
}

    .fullwidth-menu-wrap .row {
        display: flex;
        flex-wrap: wrap;
    }

.fullwidth-menu-item {
    margin-bottom: 30px;
}

    .fullwidth-menu-item .submenu-title {
        background: none;
    }

        .fullwidth-menu-item .submenu-title a {
            background: transparent;
            display: inline-block;
            color: #221f20;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 1px;
            padding-bottom: 5px;
            padding-left: 0;
            border-bottom: 2px solid #221f20;
            margin-bottom: 10px;
        }

    .fullwidth-menu-item li {
        background: url("../images/rebranding/menu_right_arrow.svg") no-repeat -8px -2px;
    }

        .fullwidth-menu-item li a {
            display: inline-block;
            color: #221f20;
            text-transform: uppercase;
            font-size: 15px;
            margin-bottom: 10px;
            line-height: 18px;
            padding-left: 15px;
        }

        .fullwidth-menu-item li.active,
        .fullwidth-menu-item li.active a {
            color: #ee373d;
        }

        .fullwidth-menu-item li ul {
            padding: 0;
        }

            .fullwidth-menu-item li ul li {
                list-style: none;
            }

.center-nav .dropdown .caret {
    background: url("../images/rebranding/menu_down_arrow.svg") no-repeat 0 -4px;
    border: none;
    width: 18px;
    height: 18px;
}

.center-nav .dropdown.open .caret {
    background: url("../images/rebranding/menu_up_arrow.svg") no-repeat 0 -4px;
}

.center-nav li.dropdown .caret {
    background: url("../images/rebranding/menu_down_arrow.svg") no-repeat 0 -4px;
    border: none;
    width: 18px;
    height: 18px;
}

.center-nav li.dropdown.active .caret {
    background: url("../images/rebranding/menu_down_arrow_active.svg") no-repeat 0 -4px;
}

.center-nav li.dropdown.open .caret {
    background: url("../images/rebranding/menu_up_arrow.svg") no-repeat 0 -4px;
}

.center-nav li.dropdown.open.active .caret {
    background: url("../images/rebranding/menu_up_arrow_active.svg") no-repeat 0 -4px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-default .center-nav > li > a {
        text-align: center;
    }

        .navbar-default .center-nav > li > a.post-job img {
            width: 100px;
            height: auto;
        }

        .navbar-default .center-nav > li > a.logo img {
            width: 180px;
            height: auto;
        }

    .navbar-default .center-nav > li > a {
        font-size: 14px;
        line-height: 18px;
        padding-top: 25px;
    }

        .navbar-default .center-nav > li > a.post-job {
            padding-top: 15px;
        }

    .header-login .btn {
        min-height: 24px;
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 17px;
        padding: 2px 8px;
    }
}

@media (max-width: 767px) {
    .top-header .buttons.header-login {
        margin: 0 auto;
        width: 100%;
        right: 0;
        text-align: center;
    }

    .mobile-logo img {
        margin: 0 auto;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
        position: absolute;
        right: 0;
        top: 32px;
    }

    .navbar-default .navbar-collapse {
        background: rgba(255,255,255,1);
        padding: 15px 0;
        border: none;
        z-index: 999999;
        position: absolute;
        width: 100%;
    }

    .navbar-default .center-nav > li > a {
        text-align: center;
        padding: 10px 15px;
        font-weight: bold;
    }

    .dropdown-fullwidth.open > .dropdown-menu {
        position: relative;
        background: transparent;
        text-align: center;
        padding: 0;
    }

    .fullwidth-menu-wrap {
        padding: 0 15px;
    }

        .fullwidth-menu-wrap .row {
            display: block;
            flex-wrap: initial;
        }

    .fullwidth-menu-item {
        margin-bottom: 10px;
    }

        .fullwidth-menu-item li {
            background: transparent;
        }

        .fullwidth-menu-item .submenu-title {
            display: inline-block;
            position: relative;
            border-bottom: none;
            padding: 0;
        }

        .fullwidth-menu-item li a {
            padding-left: 0;
            font-size: 14px;
        }

        .fullwidth-menu-item .submenu-title a {
            border: none;
            margin: 0;
            padding: 0;
            font-weight: 500;
        }

        .fullwidth-menu-item .submenu-title span {
            position: absolute;
            right: -20px;
            top: 4px;
        }

        .fullwidth-menu-item .submenu-item {
            width: 100%;
        }

        .fullwidth-menu-item li ul {
            margin-top: 10px;
        }

        .fullwidth-menu-item .submenu-item ul li {
            display: block;
        }

    .login-private {
        margin: 0;
    }

        .login-private .login-wrap {
            position: absolute;
            left: 50%;
            top: -84px;
        }

    .login-info .caret {
        background: url(../images/rebranding/arrow_down.svg) no-repeat center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 50px;
    }

    .login-info .user-pic {
        width: auto;
        height: auto;
    }

        .login-info .user-pic img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

    .login-private .dropdown-menu {
        width: 100%;
        top: -2px;
    }

        .login-private .dropdown-menu .alerts {
            min-height: 32px;
            margin: 20px 0;
        }

    .login-private-notification {
        float: none;
        margin: 0 auto;
    }

    .center-nav {
        display: block;
        justify-content: space-between;
        float: none;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .content-header-sidebar .page-title {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 460px) {
    .private-login {
        position: absolute;
        left: 68%;
        right: 50%;
        transform: translate(-50%, -50%);
        top: 150px;
    }
}

@media (max-width: 360px) {
    .navbar-header .post-job img {
        width: 115px;
        height: auto;
    }

    .navbar-default .navbar-toggle {
        top: 25px;
    }

    .login-private .login-wrap {
        position: absolute;
        left: 48%;
        top: -80px;
    }
}
/***** Footer Design ******/
.footer-section {
    background: #221f20;
    padding: 35px 0 60px 0;
}

.newsletter-text {
}

.footer-signup {
    position: relative;
    max-width: 435px;
    margin: 10px auto;
}

    .footer-signup input[type=text] {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        width: 100%;
        background: transparent;
        border: 2px solid #fff;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        font-weight: 300;
        letter-spacing: 2px;
    }

        .footer-signup input[type=text]::-webkit-input-placeholder { /* Edge */
            color: #ffffff;
        }

        .footer-signup input[type=text]:-ms-input-placeholder { /* Internet Explorer */
            color: #ffffff;
        }

    .footer-signup button {
        position: absolute;
        right: 0;
        top: 0;
        padding: 6px 25px;
        background: transparent;
        font-size: 17px;
        border: none;
        cursor: pointer;
        height: 50px;
    }

        .footer-signup button .fa-arrow-right {
            color: #ffffff;
        }

.footer-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

    .footer-bottom ul {
        margin: 0;
        padding: 0;
    }

        .footer-bottom ul li {
            list-style: none;
        }

.footer-logo a {
    display: block;
}

.footer-bottom .footer-menu li a,
.footer-bottom .footer-menu li span {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
    letter-spacing: 2px;
    font-weight: bold;
}

.footer-left-menu {
    margin-top: 40px;
}

.footer-right-menu {
    text-align: right;
}

.footer-social {
    margin-bottom: 15px;
}

    .footer-social ul li a.insta {
        background-position: -58px;
    }

    .footer-social ul li {
        float: right;
    }

        .footer-social ul li a {
            background: url("../images/rebranding/footer_social.png") no-repeat;
            width: 52px;
            height: 52px;
            display: block;
            margin-left: 10px;
        }

@media (max-width: 768px) {
    .footer-bottom {
        display: block;
        margin-top: 50px;
    }

    .footer-left-menu,
    .footer-logo,
    .footer-right-menu {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-social ul {
        display: inline-block;
    }

        .footer-social ul li a.facebook {
            margin-left: 0;
        }

        .footer-social ul li a.insta {
            margin-left: 5px;
        }
}

@media (max-width: 576px) {
    .footer-signup input[type=text] {
        font-size: 12px;
    }

    .footer-signup button {
        padding: 6px 10px;
    }
}
/***** Left Side Menu Design ******/
.sidebar-box-wrap {
    border: 2px solid #221f20;
    padding: 10px 20px;
}

    .sidebar-box-wrap ul {
        margin: 0;
        padding: 0;
    }

        .sidebar-box-wrap ul li {
            list-style: none;
        }

            .sidebar-box-wrap ul li a {
                display: block;
                font-size: 16px;
                line-height: 18px;
                color: #221f20;
                text-transform: uppercase;
                margin: 15px 0;
                letter-spacing: 2px;
            }

                .sidebar-box-wrap ul li a.current {
                    color: #ee373d;
                    font-weight: 500;
                }

                .sidebar-box-wrap ul li a.cc-verified {
                    background: url("../images/rebranding/icon_tick.png") no-repeat 95% center;
                }

@media (min-width: 768px) and (max-width: 992px) {
    .sidebar-box-wrap {
        padding: 6px 8px;
    }

        .sidebar-box-wrap ul li a {
            font-size: 14px;
            margin: 10px 0;
            letter-spacing: 1px;
        }
}
/***** Dashboard main-content Design ******/
.content-header {
    margin-bottom: 2px;
    position: relative;
}

    .content-header.title-border {
        box-shadow: 0 2px #221f20;
    }

.dashboard-buttons .btn {
    margin-bottom: 15px;
}
/***** Homepage Design ******/
/* category section design */
.category-item-wrap {
    background: #221f20;
    padding: 15px;
}

.category-item {
    margin: 15px 0;
}

    .category-item a {
        display: block;
        position: relative;
    }

.category-item-img {
    position: relative;
    width: 100%;
}

.category-item .category-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 466px;
    height: 151px;
}

.category-item.party-girls .category-name {
    background: url(../images/rebranding/party_girls_btn.png) no-repeat;
    background-size: 100%;
}

.category-item.bartenders .category-name {
    background: url(../images/rebranding/bartenders_btn.png) no-repeat;
    background-size: 100%;
}

.category-item.promostaff .category-name {
    background: url(../images/rebranding/promo_staff_btn.png) no-repeat;
    background-size: 100%;
}

.category-item.djs .category-name {
    background: url(../images/rebranding/djs_btn.png) no-repeat;
    background-size: 100%;
}

.category-item.entertainers .category-name {
    background: url(../images/rebranding/entertainers_btn.png) no-repeat;
    background-size: 100%;
}

/* .category-item.boat-hire .category-name {
    background: url(../images/rebranding/entertainers_btn.png) no-repeat;
    background-size: 100%;
} */

.category-item.partistaff-x .category-name {
    background: url(../images/rebranding/partistaff_x_btn.png) no-repeat;
    background-size: 100%;
    width: 466px;
    height: 257px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .category-item.party-girls .category-name,
    .category-item.bartenders .category-name,
    .category-item.promostaff .category-name,
    .category-item.djs .category-name,
    .category-item.entertainers .category-name,
    .category-item.boat-hire .category-name {
        width: 380px;
        height: 123px;
    }

    .category-item.partistaff-x .category-name {
        width: 380px;
        height: 209px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .category-item.party-girls .category-name,
    .category-item.bartenders .category-name,
    .category-item.promostaff .category-name,
    .category-item.djs .category-name,
    .category-item.entertainers .category-name,
    .category-item.boat-hire .category-name {
        width: 290px;
        height: 94px;
    }

    .category-item.partistaff-x .category-name {
        width: 290px;
        height: 160px;
    }
}

@media (min-width: 768px) {
    .content-header-sidebar {
        width: 41.66666667%;
        padding-right: 17px;
        text-align: center;
    }

        .content-header-sidebar .page-title {
            width: 100%;
        }
}

@media (min-width: 992px) {
    .content-header-sidebar {
        width: 33.33333333%;
        padding-right: 20px;
        text-align: center;
    }

        .content-header-sidebar .page-title {
            width: 100%;
        }
}

@media (max-width: 768px) {
    .content-header {
        margin: 10px 0;
    }

        .content-header.title-border {
            box-shadow: none;
        }
}

@media (max-width: 576px) {
    .category-item.party-girls .category-name,
    .category-item.bartenders .category-name,
    .category-item.promostaff .category-name,
    .category-item.djs .category-name,
    .category-item.entertainers .category-name,
    .category-item.boat-hire .category-name {
        width: 255px;
        height: 83px;
    }

    .category-item.partistaff-x .category-name {
        width: 255px;
        height: 140px;
    }
}
/* about section design */
.aboutus-section .about-content {
    padding: 0 100px;
    margin: 40px 0;
    font-weight: 500;
}

@media (max-width: 768px) {
    .aboutus-section .about-content {
        padding: 0;
    }

    .instagram-text,
    .browse-text {
        padding: 10px;
    }
}
/* testimonial section design */
.testimonial-section {
    background: url("../images/rebranding/work_for_us_bg.png") repeat-x;
    min-height: 500px;
    padding: 140px 0 92px;
}

.testimonial-item {
    margin: 0 auto;
    width: 250px;
}

.testimonial-text,
.testimonial-name {
    color: #ffffff;
    width: 250px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.testimonial-rating {
    margin-bottom: 20px;
}

.testimonial-name {
    text-transform: uppercase;
}

.owl-pagination {
    text-align: center;
}

.owl-controls .owl-page {
    display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
    background: #221f20;
    border: 2px solid #ffffff;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 1;
    width: 12px;
}

.owl-theme .owl-controls .owl-page.active span {
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 1;
    width: 12px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .testimonial-item {
        width: 200px;
    }

    .testimonial-text,
    .testimonial-name {
        width: 200px;
    }
}

@media (max-width: 768px) {
    .testimonial-section {
        background: url("../images/rebranding/work_for_us_bg_mobile.png") repeat;
        min-height: 300px;
        padding: 70px 0 30px;
    }

    .testimonial-item {
        width: auto;
        text-align: center;
    }

    .testimonial-text,
    .testimonial-name {
        width: auto;
    }
}
/* getpaid section design */
.getpaid-section {
    background: url("../images/rebranding/get_paid_img.jpg") no-repeat center;
    background-size: cover;
    height: 500px;
}

    .getpaid-section.getpaid-how-it-works {
        background: url("../images/rebranding/get_paid_how_it_works_img.jpg") no-repeat center;
        background-size: cover;
    }

    .getpaid-section.getpaid-staff-search {
        background: url("../images/rebranding/get_paid_staff_search_img.jpg") no-repeat center;
        background-size: cover;
    }

    .getpaid-section.getpaid-staff-individual {
        background: url("../images/rebranding/get_paid_staff_individual_img.jpg") no-repeat center;
        background-size: cover;
    }

    .getpaid-section.getpaid-work-for-us {
        background: url("../images/rebranding/get_paid_work_for_us_img.jpg") no-repeat center;
        background-size: cover;
    }

    .getpaid-section .container {
        position: relative;
        height: 500px;
    }

.getpaid-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

    .getpaid-content a {
        display: inline-block;
        font-size: 24px;
        font-weight: bold;
        line-height: 24px;
        color: #221f20;
        letter-spacing: 1px;
    }

    .getpaid-content .job-post-btn {
        margin-bottom: 20px;
    }

.getpaid-btn a {
    display: inline-block;
}

.getpaid-btn {
    position: absolute;
    top: -30px;
    right: 0;
}

.getpaid-how-it-works .getpaid-btn {
    top: 20px;
}
/***** Instagram Design ******/
.instagram-section .insta-follow {
    text-align: center;
    margin: 20px 0;
}

.instagram-section .follow-us-btn {
    background: url("../images/rebranding/follow_us_bg.png") no-repeat top center;
    display: inline-block;
    font-size: 18px;
    width: 245px;
    height: 62px;
    line-height: 62px;
    color: #ffffff;
    letter-spacing: 2px;
    border-radius: 25px;
    text-align: center;
    text-transform: uppercase;
}
/* banner section design */
.banner-wrap {
    position: relative;
    margin-bottom: 15px;
}

.banner-logo {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 105px;
    height: 105px;
}

.landing-party-girls .banner-logo {
    background: url("../images/rebranding/banner_logo_girls.png") no-repeat;
    background-size: 100%;
}

.landing-bartenders .banner-logo {
    background: url("../images/rebranding/banner_logo_bartenders.png") no-repeat;
    background-size: 100%;
}
/*
.landing-boat-hire .banner-logo {
    background: url("../images/rebranding/banner_logo_bartenders.png") no-repeat;
    background-size: 100%;
}*/

.landing-promostaff .banner-logo {
    background: url("../images/rebranding/banner_logo_promostaff.png") no-repeat;
    background-size: 100%;
}

.landing-dj .banner-logo {
    background: url("../images/rebranding/banner_logo_dj.png") no-repeat;
    background-size: 100%;
}

.landing-entertainer .banner-logo {
    background: url("../images/rebranding/banner_logo_entertainer.png") no-repeat;
    background-size: 100%;
}

.landing-x .banner-logo {
    background: url("../images/rebranding/banner_logo_x.png") no-repeat;
    background-size: 100%;
}

@media (max-width: 768px) {
    .banner-section .container {
        padding: 0;
    }

    .banner-logo {
        left: 0;
        right: 0;
        margin: auto;
    }
}

@media (max-width: 576px) {
    .banner-logo {
        width: 50px;
        height: 50px;
        background-size: 100%;
    }
}
/* booking section design */
.booking-wrap {
    background: #221f20;
    display: block;
    padding: 30px;
    margin: 15px 0;
    text-align: center;
}

.landing-party-girls .booking-wrap {
    background: #f8bec8;
}

.landing-bartenders .booking-wrap {
    background: #5dade0;
}

.landing-boat-hire .booking-wrap {
    background: #5dade0;
}

.landing-promostaff .booking-wrap {
    background: #231f20;
}

.landing-dj .booking-wrap {
    background: #05428c;
}

.landing-entertainer .booking-wrap {
    background: #231f20;
}

.landing-x .booking-wrap {
    background: #ee343f;
}

.booking-title {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

.landing-party-girls .booking-title {
    color: #231f20;
}

.landing-bartenders .booking-title {
    color: #231f20;
}

.landing-boat-hire .booking-title {
    color: #231f20;
}

.landing-promostaff .booking-title {
    color: #ffffff;
}

.landing-dj .booking-title {
    color: #5daee1;
}

.landing-entertainer .booking-title {
    color: #f9beca;
}

.landing-x .booking-title {
    color: #231f20;
}

.booking-img {
    margin: 0 auto;
    text-align: center;
}

.booking-title {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
/* category intro section design */
.category-intro-item {
    margin: 15px 0;
    max-height: 555px;
}

    .category-intro-item .intro-img img {
        width: 100% !important;
    }

.category-intro-text {
    position: relative;
    height: 555px;
}

.category-about {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 305px;
    min-height: 200px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 3vw;
}

.landing-party-girls .category-intro-item {
    background-color: #f8bec8;
    background-clip: content-box;
    color: #231f20;
}

.landing-bartenders .category-intro-item {
    background-color: #5dade0;
    background-clip: content-box;
    color: #231f20;
}

.landing-boat-hire .category-intro-item {
    background-color: #5dade0;
    background-clip: content-box;
    color: #231f20;
}

.landing-promostaff .category-intro-item {
    background-color: #231f20;
    background-clip: content-box;
    color: #ffffff;
}

.landing-dj .category-intro-item {
    background-color: #05428c;
    background-clip: content-box;
    color: #5daee1;
}

.landing-entertainer .category-intro-item {
    background-color: #231f20;
    background-clip: content-box;
    color: #f9beca;
}

.landing-x .category-intro-item {
    background-color: #ee343f;
    background-clip: content-box;
    color: #231f20;
}

.intro-title {
    font-size: 36px;
    font-weight: 500;
}

.intro-text {
    font-size: 21px;
    font-weight: 500;
}

.category-search-item .category-intro-text {
    background: url("../images/rebranding/landing_search_text_border.png") no-repeat;
    background-size: 100%;
}

.landing-dj .category-search-item .category-intro-text {
    background: url("../images/rebranding/landing_search_text_border_dj.png") no-repeat;
    background-size: 100%;
}

.landing-entertainer .category-search-item .category-intro-text {
    background: url("../images/rebranding/landing_search_text_border_entertainer.png") no-repeat;
    background-size: 100%;
}

.landing-promostaff .category-search-item .category-intro-text {
    background: url("../images/rebranding/landing_search_text_border_promostaff.png") no-repeat;
    background-size: 100%;
}

.category-search-items ul {
    margin: 0;
    padding: 0;
}

    .category-search-items ul li {
        list-style: none;
        background: url("../images/rebranding/landing_page_li_icon.png") no-repeat center left;
    }

        .category-search-items ul li a {
            display: block;
            color: #221f20;
            font-size: 17px;
            padding-left: 28px;
            line-height: 24px;
            margin-bottom: 5px;
        }

.landing-promostaff .category-search-items ul li a {
    list-style: none;
    background: url("../images/rebranding/landing_page_li_icon_promostaff.png") no-repeat center left;
    color: #ffffff;
}

.landing-dj .category-search-items ul li a {
    list-style: none;
    background: url("../images/rebranding/landing_page_li_icon_dj.png") no-repeat center left;
    color: #5daee1;
}

.landing-entertainer .category-search-items ul li a {
    list-style: none;
    background: url("../images/rebranding/landing_page_li_icon_entertainer.png") no-repeat center left;
    color: #f9beca;
}

.staff-images.row {
    margin: 0;
}

.staff-images div {
    padding: 0;
}

.staff-images img {
    width: 100%;
    height: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .category-intro-item {
        max-height: 455px;
    }

    .category-intro-text {
        height: 455px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .category-intro-item {
        max-height: 3455px;
    }

    .category-intro-text {
        height: 345px;
    }
}

@media (max-width: 768px) {
    .category-intro-item {
        max-height: none;
    }

    .category-intro-text {
        height: auto;
    }

    .bartenders-postjob-btn {
        padding: 0 !important;
    }

    a.post-job.mframe-sm.cboxElement {
        width: 100%;
    }

    a.post-job {
        width: 100%;
    }

    .category-intro-item img {
        width: 45%;
    }

    .category-about {
        min-width: 260px;
        min-height: 220px;
    }

    .intro-title {
        font-size: 28px;
    }

    .intro-text {
        font-size: 16px;
    }

    .category-intro-text:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .browse-staff .staff-images div:nth-child(n+3) {
        display: none;
    }
}
/* Master Search design */
.search-section {
    margin-top: 85px;
}

.search-form {
    margin-top: -70px;
}

.fg-heading {
    margin: 0 -36px 10px;
}

.filter-group {
    margin: 10px 0;
}

.search-title-img {
    background: url(../images/rebranding/search_title.png) no-repeat center;
    background-size: contain;
    width: 290px;
    height: 95px;
    border: none;
}

.filter-title-img {
    background: url(../images/rebranding/filter_title.png) no-repeat center;
    background-size: contain;
    width: 290px;
    height: 95px;
}

.search-title-img.skills-title-img {
    background: url(../images/rebranding/skills_title.png) no-repeat center;
    background-size: contain;
}

.search-title-img.extras-title-img {
    background: url(../images/rebranding/extras_title.png) no-repeat center;
    background-size: contain;
}

.filter-field {
    position: relative;
}

.search-section .form-control {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.search-section label {
    font-size: 15px;
}

.filter-field .btn-go {
    position: absolute;
    right: 1px;
    top: 0;
    height: 28px;
}

.filter-field .search {
    margin: 0 45px 0 0;
}

.filter-title {
    font-size: 16px;
    color: #221f20;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 18px;
    letter-spacing: 1px;
    margin-top: 20px;
    position: relative;
}

    .filter-title .fa {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

.branch {
    margin-bottom: 10px;
}

    .branch a {
        display: block;
        font-size: 10px;
        color: #221f20;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }

.branch-flag img {
    margin: 0 auto;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.branch-flag.selected img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}

.confirm-branch-wrapper {
    text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .search-section {
        margin-top: 60px;
    }

        .search-section .sidebar-box-wrap {
            padding: 10px 15px;
        }

    .search-form {
        margin-top: -60px;
    }

    .fg-heading {
        margin: 0 -32px 10px;
    }

    .search-title-img {
        width: 242px;
        height: 80px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .search-section label {
        font-size: 13px;
        line-height: 18px;
        padding-left: 5px;
    }

    .search-section .form-check {
        line-height: 16px;
    }

    .search-section .form-check-input {
        width: 16px;
        height: 16px;
    }

        .search-section .form-check-input:checked[type=checkbox] {
            width: 16px;
            height: 16px;
        }

    .filter-title {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .search-section {
        margin-top: 60px;
    }

        .search-section .sidebar-box-wrap {
            padding: 10px 15px;
        }

    .search-form {
        margin-top: -65px;
    }

    .fg-heading {
        margin: 0 -32px 10px;
    }

    .search-title-img {
        width: 250px;
        height: 82px;
    }
}

@media (max-width: 767px) {
    .search-section {
        margin-top: 0;
    }

    .fg-heading-search {
        z-index: 9999;
        position: relative;
        width: 290px;
        margin: 0 auto;
    }

    .search-section .sidebar-box-wrap {
        width: 290px;
        margin: 0 auto;
        position: absolute;
        z-index: 999;
        background: rgba(255, 255, 255, 0.9);
        left: 0;
        right: 0;
        top: 60px;
    }

    .search-form {
        margin-top: 30px;
    }

    .search-title-img {
        width: 100%;
    }

    .filter-title {
        font-size: 15px;
    }

    .search-close {
        background: url("../images/rebranding/search_mobile_close.svg") no-repeat;
        position: absolute;
        width: 36px;
        height: 36px;
        top: 0;
        right: -45px;
    }
}

@media (max-width: 440px) {
    .fg-heading-search {
        width: 260px;
    }

    .search-section .sidebar-box-wrap {
        width: 260px;
    }

    .search-close {
        top: 0;
        right: -25px;
        width: 32px;
        height: 32px;
        background-size: 100%;
    }

    .search-section label {
        font-size: 14px;
    }
}
/* Master Search Result design */
.list-page-title {
    display: block;
    margin-bottom: 15px;
}

.sort-by {
    font-size: 14px;
    color: #221f20;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 3px;
    display: inline-block;
    vertical-align: middle;
}

.search-data {
    font-size: 14px;
    color: #221f20;
    text-transform: uppercase;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.staff-list-view {
    display: inline-block;
    font-size: 18px;
    color: #221f20;
    background: #f3f3f3;
    padding: 5px 8px;
    margin: 0 5px;
    vertical-align: middle;
    line-height: 22px;
}

    .staff-list-view:focus,
    .staff-list-view:hover {
        color: #221f20;
        background: #f3f3f3;
    }

    .staff-list-view.active {
        background: #dddddd;
    }

#staff-list {
    margin: 20px 0;
}

.staff-item {
    border-bottom: 2px solid #221f20;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

    .staff-item .bio {
        display: none;
    }

    .staff-item a {
        display: block;
        line-height: 40px;
    }
    
    .staff-item-detail a {
        line-height: 10px !important;
    }
    .staff-item-detail-wrap {
        padding: 0 4px !important;
    }

    .staff-item .btn {
        font-size: 13px;
        padding: 4px 6px;
        line-height: 12px;
        min-height: 24px;
        margin-bottom: 5px;
    }

.listview .staff-photo-wrap {
    float: left;
    width: 150px;
}

.listview .staff-item .bio {
    display: block;
    float: left;
    width: calc(100% - 150px);
}

.listview .staff-button,
.listview .admin-button {
    float: right;
}

.listview .staff-item .btn {
    display: inline-block;
}

.staff-item .photo img {
    width: 100%;
}

.dot-available {
    height: 25px;
    width: 25px;
    background-color: #579E5C;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 5px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 4px #000;
}

.staff-item .staff-photo-wrap .info {
    position: relative;
}

.photo {
    position: relative;
}

.staff-info .staff-name,
.staff-info .rating,
.staff-info .staff-review-count {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}

.staff-name {
    font-size: 18px;
    color: #221f20;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 18px;
    margin-top: 20px;
    letter-spacing: 2px;
}

.staff-info .rating {
    margin-left: 20px;
}

.staff-info .staff-review-count {
    color: #221f20;
    margin-left: 5px;
}

.staff-age {
    margin-top: 5px;
}

.staff-item .rating {
    margin: 10px 0;
}

.staff-item-detail .rating {
    margin: 2px 0 !important;
}

.listview .staff-item-wrap {
    width: 100%;
}

.listview .staff-item {
    padding-bottom: 20px;
    border-bottom: 2px solid #221f20;
    margin-bottom: 20px;
}

    .listview .staff-item .photo {
        margin-right: 20px;
        width: 105px;
    }

    .listview .staff-item .name a {
        margin-top: 0;
    }

@media (min-width: 768px) and (max-width: 1199px) {
    .staff-item .search-section .form-check-input {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 767px) {
    .search-section .content-header {
        width: 100%;
        margin: 15px auto;
    }

    .staff-list-view {
        display: none;
    }

    #staff-list {
        margin: 10px 0;
    }

    .search-data {
        display: block;
        float: none !important;
        text-align: center;
    }

    .staff-item {
        padding-bottom: 10px;
        border-bottom: 2px solid #221f20;
        margin-bottom: 20px;
    }

    .listview .staff-photo-wrap {
        width: 100%;
        float: none;
    }

    .listview .staff-item .photo {
        width: 100%;
        margin-right: 0;
    }

    .listview .staff-item .bio {
        display: none;
    }

    .search-section .staff-age {
        min-height: 40px;
    }

    .search-section .staff-item-detail .staff-age {
        min-height: 0 !important;
    }

    .staff-info .staff-name,
    .staff-info .rating,
    .staff-info .staff-review-count {
        display: block;
        margin-top: 5px;
        margin-left: 0;
    }

    .staff-info .rating,
    .staff-info .staff-review-count {
        display: inline-block;
    }
}
/**** Pagination design ****/
/* find staff pagination */
.content-footer {
    position: relative;
    background: #221f20;
    color: #ffffff;
    margin: 0 0 15px 0;
    padding: 0 10px;
}

.page-number {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: 2px;
}

.pagination {
    margin: 0;
    padding: 0;
    border-radius: 0;
}

    .pagination > li {
        display: inline-block;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            display: block;
            float: none;
            padding: 6px 12px;
            margin-left: -1px;
            color: #ffffff;
            text-decoration: none;
            background-color: transparent;
            border: none;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .pagination > li > a:focus,
        .pagination > li > a:hover,
        .pagination > li > span:focus,
        .pagination > li > span:hover {
            color: #ffffff;
            background-color: transparent;
            border-color: transparent;
        }

    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        color: #221f20;
        background-color: #ffffff;
        border-color: #ffffff;
    }

    .pagination li .curr-page {
        background: #ffffff;
        color: #221f20;
        display: inline-block;
        width: 32px;
        height: 32px;
        margin: 5px 5px 0 0;
        text-align: center;
    }

        .pagination li .curr-page:hover {
            background: #ffffff;
            color: #221f20;
        }

    .pagination a.nav-prev {
        background: url("../images/rebranding/arrow_back.svg") no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
        width: 18px;
        height: 18px;
        padding-top: 0;
    }

    .pagination a.nav-next {
        background: url("../images/rebranding/arrow_forward.svg") no-repeat center center;
        background-size: contain;
        margin: 0 0 0 5px;
        width: 18px;
        height: 18px;
        padding-top: 0;
    }
/* Admin Pagination */
.k-pager-wrap {
    color: #ffffff;
    background: #221f20;
}

    .k-pager-wrap .k-link {
        border-color: transparent;
    }

        .k-pager-wrap .k-link.k-state-disabled .k-icon {
            opacity: .75;
        }

    .k-pager-wrap .k-icon:before {
        color: #ffffff;
    }

    .k-pager-wrap .k-pager-numbers .k-state-selected {
        margin-top: 0;
        padding-top: 0;
        background: #ffffff;
        color: #221f20;
        border-color: transparent;
    }

    .k-pager-wrap .k-pager-info {
        color: #ffffff;
    }

    .k-pager-wrap .k-i-arrow-60-down:before {
        color: #221f20;
    }

.k-pager-sizes .k-widget.k-dropdown {
    margin-top: 0;
}

.k-pager-wrap .k-link:hover {
    color: #ffffff;
}

.k-pager-wrap .k-link:focus {
    outline: none;
}
/* Individual Profile design */
.staff-section {
    padding: 0 80px;
}

    .staff-section .owl-carousel .owl-item {
        /* margin-right: 10px; */
        margin-top: 10px;
    }

.staff-info {
    margin-top: 20px;
}
.staff-info-detail {
    margin-top: 0 !important;
}

.staff-bio {
    margin: 20px 0;
    width: 65%;
}

.staff-nationality {
    width: 100px;
    height: auto;
}

    .staff-nationality span {
        display: block;
        font-size: 10px;
        color: #221f20;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 10px 0;
    }

.staff-info-title {
    font-size: 14px;
    font-weight: bold;
    color: #221f20;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.info-group {
    margin-bottom: 15px;
}

.info-group-inline .staff-info-title,
.info-group-inline .staff-info-result {
    display: inline-block;
    margin-bottom: 0;
}

.staff-skill .rating {
    margin-bottom: 15px;
}

.staff-info-result {
    font-size: 14px;
    color: #221f20;
    line-height: 18px;
    text-transform: uppercase;
}

.skills-set {
    margin: 0 10px 0 0;
    padding: 0;
    max-width: 445px;
}

    .skills-set li {
        background: url("../images/rebranding/skills_icon_sprite.png") no-repeat 0 0;
        list-style: none;
        width: 55px;
        height: 55px;
        display: inline-block;
        margin-right: 5px;
    }

        .skills-set li.party-host {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat 0 0;
        }

        .skills-set li.bikini-waitress {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -60px 0;
        }

        .skills-set li.topless-waitress {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -120px 0;
        }

        .skills-set li.poker-dealer {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -180px 0;
        }

        .skills-set li.after-party-bikini-cleaner {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -240px 0;
        }

        .skills-set li.waiter {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -300px 0;
        }

        .skills-set li.dj {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -360px 0;
        }

        .skills-set li.face-painter {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat 0 -60px;
        }

        .skills-set li.fire-performer {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -60px -60px;
        }

        .skills-set li.burlesque-dancers {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -120px -60px;
        }

        .skills-set li.kitchen-hand {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -180px -60px;
        }

        .skills-set li.cocktail-bartender {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -240px -60px;
        }

        .skills-set li.promo {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -300px -60px;
        }

        .skills-set li.photographer-event {
            background: url("../images/rebranding/skills_icon_sprite.png") no-repeat -360px -60px;
        }

.contact-staff-wrap {
    position: relative;
    margin: 20px -65px;
}

.contact-hr {
    background: url("../images/rebranding/contact_hr.png") no-repeat center;
    background-size: contain;
    height: 127px;
}

.contact-btn {
    background: #ffffff url("../images/rebranding/contact_btn.png") no-repeat;
    width: 370px;
    height: 127px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.enquiry-btn {
    background: #ffffff url("../images/rebranding/enquiry_btn.png") no-repeat;
    width: 370px;
    height: 127px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.staff-experience,
.staff-review {
    padding: 50px 0;
}

.staff-review {
    background: url("../images/rebranding/staff_review_bg.png") no-repeat;
    background-size: contain;
}

.review-name,
.review-name a {
    font-size: 14px;
    font-weight: bold;
    color: #221f20;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.review-date {
    margin-bottom: 10px;
}

.review-desc {
    margin-bottom: 10px;
}

.staff-review .rating {
    margin: 25px 0;
}

.read-more {
    color: #221f20;
    text-decoration: underline;
    margin: 0;
}

    .read-more:hover {
        color: #221f20;
        text-decoration: underline;
    }

    .read-more:focus {
        color: #221f20;
        text-decoration: underline;
        outline: none
    }

@media (min-width: 768px) and (max-width: 992px) {
    .staff-section {
        padding: 0 40px;
    }

    .staff-bio {
        width: 80%;
    }

    .contact-staff-wrap {
        position: relative;
        margin: 20px -30px;
    }
}

@media (max-width:340px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
    .staff-info {
        margin-top: auto !important;
    }
}

@media (max-width: 768px) {
    .staff-section {
        padding: 0 15px;
    }

    .staff-photo {
        width: 100%;
        margin-bottom: inherit;
    }

    .staff-info {
        margin-top: inherit;
    }
    
    /* .staff-info {
        margin-top: 15px;
    } */

    .staff-bio {
        width: 100%;
    }

    .contact-staff-wrap {
        margin: 20px 0;
    }

    .staff-experience,
    .staff-review {
        padding: 20px 15px;
    }
}

@media (max-width: 460px) {
    .contact-btn {
        background: #ffffff url(../images/rebranding/contact_btn.png) no-repeat;
        width: 250px;
        height: 86px;
        background-size: 100%;
    }

    .enquiry-btn {
        background: #ffffff url(../images/rebranding/enquiry_btn.png) no-repeat;
        width: 250px;
        height: 86px;
        background-size: 100%;
    }
}
/***** How It Works Design******/
.how-it-works-item {
    background-color: #221f20;
    text-align: center;
    padding: 50px;
    margin-bottom: 30px;
}

.how-it-works-img {
    background: transparent;
    padding: 0;
}

    .how-it-works-img img {
        width: 100%;
    }

.step-icon {
    min-height: 146px;
    line-height: 146px;
}

    .step-icon img {
        vertical-align: middle;
    }

.step-image {
    min-height: 112px;
    margin: 42px 0;
    display: block;
}

    .step-image img {
        vertical-align: middle;
        margin: 0 auto;
    }

a.step-image {
    cursor: pointer;
}

.step-title {
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.step-desc {
    color: #ffffff;
    font-size: 15px;
    line-height: 18px;
    min-height: 72px;
}

.how-it-works-item .arrow {
    background: url("../images/rebranding/steps_arrow_icon.png") no-repeat;
    position: absolute;
    width: 68px;
    height: 52px;
    z-index: 999;
}

.how-it-works-item.item-1 .arrow {
    top: 50%;
    right: -27px;
    transform: translateY(-50%);
}

.how-it-works-item.item-2 .arrow {
    background: url("../images/rebranding/steps_arrow_down_icon.png") no-repeat;
    width: 52px;
    height: 68px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.how-it-works-item.item-3 .arrow {
    background: url("../images/rebranding/steps_arrow_down_icon.png") no-repeat;
    width: 52px;
    height: 68px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.how-it-works-item.item-4 .arrow {
    top: 50%;
    left: -41px;
    transform: translateY(-50%);
}

.how-it-works-item.item-5 .arrow {
    top: 50%;
    right: -27px;
    transform: translateY(-50%);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .how-it-works-item {
        padding: 20px;
        margin-bottom: 30px;
    }

    .how-it-works-img {
        padding: 0;
    }

    .step-image {
        min-height: 112px;
        margin: 22px 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .how-it-works-item {
        padding: 15px;
    }

    .how-it-works-img {
        padding: 0;
    }

    .step-icon {
        min-height: 80px;
        line-height: 80px;
    }

        .step-icon img {
            height: 80px;
        }

    .step-image {
        min-height: 81px;
        margin: 20px 0;
    }

        .step-image img {
            height: 81px;
        }
}

@media (max-width: 768px) {
    .how-it-works-item.item-1 .arrow,
    .how-it-works-item.item-2 .arrow,
    .how-it-works-item.item-3 .arrow,
    .how-it-works-item.item-4 .arrow,
    .how-it-works-item.item-5 .arrow {
        background: url("../images/rebranding/steps_arrow_down_icon.png") no-repeat;
        width: 52px;
        height: 68px;
        top: auto;
        bottom: -42px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 460px) {
    .how-it-works-item {
        padding: 30px 15px;
    }

    .how-it-works-img {
        padding: 0;
    }

    .step-icon {
        min-height: 80px;
        line-height: 80px;
    }

        .step-icon img {
            height: 80px;
        }

    .step-image {
        min-height: 81px;
        margin: 30px 0;
    }

        .step-image img {
            height: 81px;
        }
}
/***** Helpfull key Design******/
.helfulkey-section {
    background: url("../images/rebranding/work_for_us_bg.png") repeat-x;
    padding-top: 80px;
}

    .helfulkey-section .container {
        position: relative;
    }

.helfulkey-sticker {
    position: absolute;
    top: -70px;
    left: -15px;
    width: 240px;
    height: 79px;
}

.helfulkey-section .helfulkey-wrap {
    width: 950px;
    margin: 10px auto;
}

.key-item {
    text-align: center;
    margin-bottom: 30px;
    min-height: 116px;
}

.key-item-icon {
    margin-bottom: 20px;
}

.key-item-text {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.helfulkey-rating {
    text-align: center;
    margin: 30px 0;
}

    .helfulkey-rating .rating-title {
        color: #ffffff;
        font-size: 18px;
        line-height: 18px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .helfulkey-rating .rating {
        margin: 0 auto;
    }

@media (min-width: 768px) and (max-width: 992px) {
    .helfulkey-section .helfulkey-wrap {
        width: 100%;
    }

    .helfulkey-sticker {
        top: -80px;
    }

    .helfulkey-rating {
        margin: 32px 0;
    }

    .key-item-text {
        letter-spacing: 0;
        font-size: 12px;
        font-weight: 400;
        overflow-wrap: break-word;
    }
}

@media (max-width: 768px) {
    .helfulkey-section {
        background: url("../images/rebranding/work_for_us_bg.png") repeat;
    }

        .helfulkey-section .helfulkey-wrap {
            width: 100%;
        }

    .helfulkey-sticker {
        top: -112px;
        left: 50%;
        transform: translatex(-50%);
    }

    .helfulkey-rating {
        margin: 40px 0;
    }
}

@media (max-width: 400px) {
    .helfulkey-rating {
        margin: 30px 0;
    }
}
/********************************/
/***** Dashboard Client Staff Admin ******/
/***** Job Dashboard Page ******/
.data-table-wrap {
    padding: 0 5px;
}

.data-header,
.data-row {
    position: relative;
}

.data-header {
    background: #e8e8e8;
    color: #221f20;
    border-bottom: 2px solid #221f20;
    padding: 7px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.data-row {
    background: #fff;
    border-bottom: 2px solid #221f20;
    padding-top: 6px;
    padding-bottom: 4px;
}

    .data-row.alt {
        background: #f9f9f9;
    }

    .data-header.row,
    .data-row.row {
        margin: 0 -5px;
    }

    .data-header div,
    .data-row div {
        line-height: 24px;
    }

    .data-header.row > div,
    .data-row.row > div {
        padding: 0 5px;
    }

.data-header div.sml {
    font-size: 11px;
    letter-spacing: 1px;
}

.data-row .fsml {
    font-weight: normal;
    font-size: 13px;
}

.data-header .c33, .data-row .c33 {
    float: left;
    width: 33.33%;
    text-align: center;
}

.data-row .job-position,
.data-row.row .job-position {
    text-align: center;
    padding-left: 0;
}

.data-row .job-status {
    text-transform: uppercase;
    line-height: 18px;
}

.page-title a.hdr-link,
.page-title .data {
    position: absolute;
    top: 0;
    right: 0;
    background: #221f20;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 20px;
    padding: 6px 15px;
}

    .page-title a.hdr-link:hover,
    .page-title a.data:hover {
        color: #ffffff;
    }

.page-title span {
    font-size: 12px;
}

.data-row div.col-sm-3:first-child {
    font-weight: bold;
}

.client-job-table .data-row .btn {
    min-height: 20px;
    font-size: 11px;
    line-height: 14px;
    padding: 1px 5px;
    margin-bottom: 3px;
    letter-spacing: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .data-header div.sml {
        font-size: 10px;
        letter-spacing: normal;
    }
}

@media (max-width: 768px) {
    .data-table-wrap {
        padding: 0;
    }

    .data-header.row,
    .data-row.row {
        margin: 0;
    }

        .data-header.row > div,
        .data-row.row > div {
            padding: 0 10px;
        }

    .data-header .m100,
    .data-row .m100 {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }

    .data-req-item .data-row {
        border-bottom: none;
        padding: 0;
    }

    .data-row .event-name {
        background: #e8e8e8;
        color: #221f20;
        padding: 8px 10px;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .data-row .arrow {
        float: right;
        line-height: 22px;
        text-align: center;
        cursor: pointer;
        padding: 0 0 0 20px;
        margin: 0;
    }

    .data-row .job-position,
    .data-row.row .job-position {
        text-align: left;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .data-row .req {
        display: block;
        background: url('../images/rebranding/icon_arrow_right_12.png') no-repeat 98% center #e8e8e8;
        color: #221f20;
        text-transform: uppercase;
        font-weight: bold;
        padding: 8px 10px;
        margin: 0 -10px;
    }

    .job-buttons {
        text-align: center;
    }

    .m-controls {
        margin: 0 auto 10px;
    }

    .data-row .job-title {
        margin-top: 10px;
    }

    .client-job-table .data-row .btn {
        display: block;
        margin-bottom: 10px;
        min-height: 24px;
        line-height: 17px;
    }
}
/* staff job dashboard */
.staff-job-table .event-name a {
    color: #221f20;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
}

.staff-job-table .job-title a {
    color: #221f20;
    line-height: 18px;
    display: inline-block;
}

.staff-job-table .buttons {
    padding: 0;
}

    .staff-job-table .buttons .btn {
        width: 200px;
        float: right;
        margin: 5px -5px 0 10px;
    }

.text-blue {
    color: #5dade0;
}

.job-title .text-blue {
    color: #221f20;
}

@media (max-width: 768px) {
    .staff-job-table .data-req-item {
        margin-bottom: 10px;
    }

    .req-option a {
        display: block;
        background: url(../images/rebranding/icon_arrow_right_12.png) no-repeat center right 10px #e8e8e8;
        color: #221f20;
        text-transform: uppercase;
        font-weight: bold;
        padding: 8px 10px;
        margin-bottom: 10px
    }

    .staff-job-table .data-row .event-name {
        background: #f6f8f8;
        padding: 12px;
    }

    .staff-job-table .job-title a {
        font-weight: bold;
    }

    .data-row.mi-hidden,
    .data-row .mi-hidden {
        background: #f6f8f8;
        display: none;
    }

    .staff-job-table .staff-dashboard-event-name-mobile {
        float: left;
        width: 45%;
        overflow: hidden;
    }

        .staff-job-table .staff-dashboard-event-name-mobile a {
            white-space: nowrap;
            width: 80%;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .staff-job-table .staff-dashboard-date-mobile {
        float: left;
        width: 25%;
    }

    .staff-job-table .staff-dashboard-pay-mobile {
        float: left;
        width: 20%;
        text-align: center;
        color: #ee373d;
        font-weight: 900;
    }

    .data-row .budget {
        position: absolute;
        right: 10px;
        top: 10px;
    }

        .data-row .budget .l1 {
            color: #ee373d;
            font-size: 32px;
            line-height: 28px;
            margin: 0 0 5px;
            text-align: right;
            font-weight: bold;
        }

        .data-row .budget .l2 {
            color: #ee373d;
            font-size: 12px;
            line-height: 14px;
            margin: 0;
            text-align: right;
        }

    .staff-job-table .event-btn-mobile .btn {
        width: 100%;
        margin: 10px 0;
    }
}
/* profile client */
.tip-info {
    background: url(../images/rebranding/info_icon.svg) no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-left: 5px;
    vertical-align: middle;
}

.profile,
.bordered-content {
    margin: 10px 0;
    padding: 20px 0;
}

    .profile .media {
        margin-top: 0;
    }

        .profile .media .media-wrap {
            position: relative;
        }

        .profile .media .photo {
            background: transparent;
            border: 1px solid #221f20;
            position: relative;
        }

    .profile .media-wrap a.edit {
        background: url(../images/rebranding/edit_photo_icon.svg) no-repeat right center;
        display: block;
        line-height: 40px;
        height: 40px;
        padding-right: 35px;
        margin-right: 5px;
        text-align: right;
        width: auto;
    }

    .profile .media .photo img {
        width: 100%;
    }

    .profile .media-wrap a.delete {
        background: url("../images/rebranding/trash_icon.png") no-repeat #fff;
        position: absolute;
        display: none;
        bottom: 5px;
        right: 5px;
        width: 20px;
        height: 26px;
        z-index: 999;
    }

    .profile .media-wrap:hover a.delete {
        display: block;
    }

.form-control.bio-short {
    height: 260px;
}
/* Work photo */
.work-photos {
    margin: 0 -5px;
}

    .work-photos .photo {
        float: left;
        width: 20%;
        padding: 0 5px;
    }

        .work-photos .photo img {
            width: 100%;
        }

    .work-photos .delete-photo {
        background: url("../images/rebranding/trash_icon.png") no-repeat center;
        color: #ff0000;
        display: block;
        width: 20px;
        height: 26px;
        margin: 5px 0 0;
    }

/*Shortlist*/
.fav-item {
    background: #ffffff;
    border: 1px solid #221f20;
    position: relative;
    padding: 15px;
    margin-top: 15px;
}

    .fav-item.unread {
        background: #f6f8f8;
        border: 1px solid transparent;
    }

    .fav-item .name a {
        color: #221f20;
        display: inline-block;
    }

    .fav-item .photo {
        float: left;
    }

        .fav-item .photo img {
            border: 1px solid #221f20;
            width: 60px;
            height: 60px;
        }

        .fav-item .photo.map {
            width: 60px;
            height: 60px;
            background-size: 250px 120px;
            background-repeat: no-repeat;
            background-position: center center;
        }

    .fav-item .info {
        float: left;
        margin-left: 20px;
        width: 80%;
    }

    .fav-item .name {
        color: #221f20;
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .fav-item .desc {
        margin-bottom: 10px;
    }

    .fav-item a {
        color: #221f20;
    }

    .fav-item .btn {
        color: #ffffff;
    }

    .fav-item .btn-basic {
        color: #221f20;
    }

    .fav-item a.delete {
        background: url("../images/rebranding/trash_icon.png") no-repeat;
        width: 20px;
        height: 26px;
        position: absolute;
        right: 5px;
        top: 5px;
        display: none;
    }

    .fav-item:hover a.delete {
        display: block;
    }

.btn-send .cboxElement {
    color: #ffffff;
}

@media (max-width: 768px) {
    .fav-item a.delete {
        display: block;
    }
}

@media (max-width: 460px) {
    .fav-item .info {
        float: left;
        margin-left: 10px;
        width: 70%;
    }
}
/*Post Job*/
.job-form {
    width: 85%;
}

.k-picker-wrap.k-state-default > .k-select {
    border-color: #221f20;
}

.k-widget.k-timepicker.k-header {
    border: 1px solid #221f20;
}

.k-picker-wrap .k-input {
    line-height: 24px;
    padding: 0;
}

.k-picker-wrap .k-select {
    line-height: 22px;
}

.k-picker-wrap.k-state-default {
    color: #221f20;
}

@media (max-width: 768px) {
    .job-form {
        width: 100%;
    }
}
/*Transaction*/
.client-credit-info {
    margin: 20px 0 0 0;
    border: 1px solid;
    padding: 0 10px 10px;
}

.client-credit-desc {
    line-height: 85px;
}

.client-credit-positions {
    background: #5dade0;
    width: 85px;
    height: 85px;
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50%;
    padding: 15px 0;
    text-align: center;
}

    .client-credit-positions span {
        display: block;
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 10px;
    }

@media (max-width: 576px) {
    .client-credit-desc {
        width: 50%;
        line-height: 20px;
        margin-top: 32px;
    }
}
/* client packages */
.package-items {
    max-width: 555px;
    text-align: center;
}

.package-item {
    margin: 10px 5px;
    width: 150px;
    display: inline-block;
    vertical-align: top;
}

.package-items .package {
    position: relative;
    width: 100%;
    cursor: pointer;
    padding: 10px;
    box-shadow: 5px 4px 10px 1px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 5px 4px 10px 1px rgba(204, 204, 204, 0.5);
    -webkit-box-shadow: 5px 4px 10px 1px rgba(204, 204, 204, 0.5);
    -o-box-shadow: 5px 4px 10px 1px rgba(204, 204, 204, 0.5);
}

    .package-items .package.savvy {
        background-color: #5dade0;
        color: #221f20;
    }

    .package-items .package.starter {
        background-color: #00428b;
        color: #5dade0;
    }

    .package-items .package.legend {
        background-color: #f8bec8;
        color: #ee373d;
    }

.package .package-header .mostpopular {
    position: absolute;
    top: 0;
    right: 0;
}

.package .package-header {
    text-transform: uppercase;
}

.package .package-price {
    padding-top: 30px;
    font-size: 38px;
    font-weight: bold;
    line-height: 30px;
    position: relative;
}

.package .package-header .dollar-sign {
    font-size: 14px;
    top: -18px;
}

.package .package-price-desc {
    margin-top: 10px;
    font-size: 12px;
}

.package .package-body {
    margin: 45px 0 10px 0;
    position: relative;
}

    .package .package-body .parti {
        background: url("../images/rebranding/package_logo_white.png") no-repeat center;
        width: 90px;
        height: 44px;
        margin: 0 auto;
    }

.package .package-name {
    background: #ffffff;
    font-size: 13px;
    padding: 0 5px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 90px;
    margin: 4px auto;
}

.package.savvy .package-name {
    color: #5dade0;
}

.package.starter .package-name {
    color: #00428b;
}

.package.legend .package-name {
    color: #f8bec8;
}

.package input[type=checkbox] {
    display: none;
}

.package-save {
    position: absolute;
    top: -40px;
    right: 0;
    width: 45px;
    height: 45px;
}

    .package-save.save-21 {
        background: url("../images/rebranding/save_21.png") no-repeat center;
    }

    .package-save.save-29 {
        background: url("../images/rebranding/save_29.png") no-repeat center;
    }

    .package-save.save-36 {
        background: url("../images/rebranding/save_36.png") no-repeat center;
    }

.package label {
    margin: 15px 0;
}

    .package label .fa-check-circle {
        font-size: 28px;
        cursor: pointer;
    }

.package.savvy label .fa-check-circle {
    color: #221f20;
}

.package.starter label .fa-check-circle {
    color: #5dade0;
}

.package.legend label .fa-check-circle {
    color: #ee373d;
}

.package input[type=checkbox]:checked + label > .fa-check-circle {
    color: #36B257;
}

.package.savvy hr {
    border-top: 2px solid #221f20;
    margin: 0;
}

.package.starter hr {
    border-top: 2px solid #5dade0;
    margin: 0;
}

.package.legend hr {
    border-top: 2px solid #ee373d;
    margin: 0;
}

.package input[type=checkbox] {
    display: none;
}

.package .package-desc {
    margin-top: 10px;
    font-size: 21px;
    font-weight: 600;
}

.package .package-expiry {
    font-size: 11px;
    text-transform: uppercase;
}
/*package payment*/
.package-payment .card-change-option {
    text-align: center;
}

    .package-payment .card-change-option input {
        margin-right: 100px;
    }

@media (max-width: 544px) {
    .package-payment .card-change-option input {
        margin-right: 0;
        float: left;
    }

    .package-payment .card-change-option a {
        float: right;
    }
}

@media (max-width: 440px) {
    .package-payment .card-change-option a,
    .package-payment .card-change-option input {
        float: none;
    }
}
/*tabs*/
.tabs {
    list-style-type: none;
    padding: 0;
    margin: 0 0 1px 0;
    box-shadow: 0 2px #221f20;
}

    .tabs .tab {
        float: left;
        margin-right: 5px;
    }

    .tabs.skill .tab {
        width: 49.5%;
        float: right;
        margin: 0;
    }

        .tabs.skill .tab:first-child {
            margin-left: 1%;
        }

        .tabs.skill .tab:last-child {
            margin-right: 0;
        }

    .tabs .tab a {
        display: block;
        color: #221f20;
        font-size: 13px;
        line-height: 18px;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 6px 15px;
        border: 2px solid #221f20;
        border-bottom: 0;
    }

    .tabs .tab.active a {
        background-color: #221f20;
        border: 2px solid #221f20;
        color: #ffffff;
        border-bottom: 0;
    }

@media (min-width: 768px) and (max-width: 992px) {
    .tabs .tab a {
        font-size: 11px;
        padding: 4px 5px;
    }
}

@media (max-width: 440px) {
    .tabs .tab a {
        font-size: 11px;
        padding: 4px 6px;
    }
}
/* profile skills/photos staff */
.profile-skills {
    position: relative;
    padding-top: 60px;
}

.preview-profile {
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 0;
    color: #5dade0;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tip-photo-info {
    display: inline-block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    padding: 0;
    color: #5dade0;
}

.photo-upload-c1 {
    float: left;
    width: 45%;
    padding: 0 20px 0 0;
}

.photo-upload-c2 {
    float: left;
    width: 55%;
}

.file-upload {
    position: relative;
    overflow: hidden;
}

    .file-upload input.upload {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        font-size: 25px !important;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload .fu-button {
        line-height: 17px;
        margin-left: 5px;
    }

    .file-upload .fu-text {
        width: 185px;
    }

@media (max-width: 460px) {
    .photo-upload-c1,
    .photo-upload-c2 {
        float: none;
        width: auto;
        padding: 0;
    }
}

.section-main-photo {
    position: relative;
}

    .section-main-photo a {
        display: block;
    }

    .section-main-photo img {
        width: 100%;
        border: 1px solid #ccc;
    }

    .section-main-photo .delete {
        position: absolute;
        display: none;
        bottom: 5px;
        right: 5px;
        width: 20px;
        height: 26px;
        ;
        background: url("../images/rebranding/trash_icon.png") no-repeat #fff;
        z-index: 999;
        border-radius: 5px;
    }

.section-photos {
    padding: 20px 0 0 0;
    margin: 0 -15px;
}

    .section-photos .photo {
        position: relative;
        margin-bottom: 30px;
    }

        .section-photos .photo a {
            display: block;
        }

        .section-photos .photo img {
            width: 100%;
            border: 1px solid #ccc;
            cursor: pointer;
        }

        .section-photos .photo .delete,
        .section-main-photo .areas-select,
        .section-photos .photo .areas-select {
            position: absolute;
            display: none;
            bottom: 5px;
            right: 20px;
            width: 20px;
            height: 26px;
            background: url("../images/rebranding/trash_icon.png") no-repeat center #ffffff;
            z-index: 999;
            border-radius: 5px;
            background-size: 100%;
        }

        .section-photos .photo:hover .delete,
        .section-main-photo:hover .areas-select,
        .section-photos .photo:hover .areas-select,
        .section-main-photo:hover .delete {
            display: block;
        }

.skill-area {
    padding: 8px;
    font-weight: bold;
    background-color: #221f20;
    line-height: 20px;
    color: #ffffff;
    letter-spacing: 1px;
}

.skill-photos .section-photos .photo {
    position: relative;
    width: 16.6%;
    float: left;
    padding: 0 10px;
    margin: 0 0 20px 0;
}

.default-image .tic {
    position: absolute;
    background: url("../images/rebranding/icon_tick.png") no-repeat center center;
    background-size: 100%;
    height: 13px;
    width: 13px;
    left: 7px;
    top: -2px;
}

.skill-area .btn-category-approval {
    margin-bottom: 0;
    padding: 5px 7px;
    font-size: 13px;
}

    .skill-area .btn-category-approval:hover,
    .skill-area .btn-category-approval:focus {
        color: #ffffff;
    }

    .skill-area .btn-category-approval[disabled] {
        opacity: 1;
    }

.skill-check .check,
.qualification-check .check {
    margin-left: 5px;
    line-height: 24px;
}

.btn-save-profile {
    margin-top: 10px;
}

.skill-area-request .form-control {
    width: auto;
}

/* staff/client message */
.chatlist.box h3 {
    background-color: #c3c3c3;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 10px 15px;
}

.chatlist-users {
    overflow-y: auto;
}

.chatlist-user {
    position: relative;
    display: block;
    height: 90px;
    font-size: 11px;
    padding: 6px;
    margin: 0;
    border-bottom: 2px solid #c3c3c3;
    overflow-y: hidden;
}

    .chatlist-user:last-child {
        border-bottom: none;
    }

    .chatlist-user .photo {
        float: left;
        width: 60px;
        height: 60px;
        margin: 10px 10px 0 0;
    }

        .chatlist-user .photo img {
            border-radius: 50%;
            width: 100%;
        }

    .chatlist-user .latest-chat-content {
        float: left;
        width: calc(100% - 70px);
        color: #221f20;
        font-size: 12px;
        line-height: 16px;
    }

        .chatlist-user .latest-chat-content .name {
            font-weight: bold;
            max-width: 90px;
            overflow-x: hidden;
            white-space: nowrap;
            margin-bottom: 15px;
        }

        .chatlist-user .latest-chat-content .message {
            font-size: 11px;
            width: 90%;
            display: inline-block;
        }

            .chatlist-user .latest-chat-content .message .text,
            .chatlist-user .latest-chat-content .message {
                display: inline-block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100px;
                vertical-align: bottom;
            }

        .chatlist-user .latest-chat-content .job {
            font-size: 11px;
        }

    .chatlist-user .latest-chat-time {
        position: absolute;
        height: 30px;
        top: 14px;
        right: 18px;
        width: 60px;
        text-align: center;
        font-size: 14px;
    }

        .chatlist-user .latest-chat-time .time {
            color: #5dade0;
        }

        .chatlist-user .latest-chat-time .count {
            color: #ffffff;
            background-color: #5dade0;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            margin: 0 auto;
            padding: 0;
            font-size: 12px;
            line-height: 16px;
        }

    .chatlist-user.user-group .photo {
        font-size: 30px;
        line-height: 75px;
        text-align: center;
        color: #221f20;
    }

.req-item.booked {
    background: url("../images/rebranding/bg_booked.png") no-repeat right center;
}

.req-item.declined {
    background: url("../images/rebranding/bg_declined.png") no-repeat right center;
}

.req-item.pending {
    background: url("../images/rebranding/bg_pending.png") no-repeat right center;
}

.req-item.cancelled {
    background: url("../images/rebranding/bg_cancelled.png") no-repeat right center;
}

.req-item.unavailable {
    background: url("../images/rebranding/bg_unavailable.png") no-repeat right center;
}

.req-item.expired {
    background: url("../images/rebranding/bg_expired.png") no-repeat right center;
}

.chatlist-user.selected {
    background-color: #f6f6f6;
}

.chat-content {
    min-height: 400px;
    position: relative;
}

.chat-header {
    background: #f5f5f5;
    padding: 15px;
}

    .chat-header .photo {
        float: left;
        width: 102px;
        height: 102px;
    }

        .chat-header .photo a {
            display: inline-block;
        }

        .chat-header .photo img {
            border-radius: 50%;
            border: none;
            width: 100%;
        }

    .chat-header .info {
        float: left;
        width: calc(100% - 102px);
        padding-left: 20px;
        color: #221f20;
    }

        .chat-header .info a {
            color: #221f20;
            display: inline-block;
        }

    .chat-header .name {
        font-weight: bold;
        font-size: 16px;
    }

    .chat-header .location a {
        font-size: 16px;
    }

.chat-messages-container {
    margin: 0 -15px 0 0;
    overflow-y: scroll;
}

.chat-warning-box {
    color: #221f20;
    padding: 15px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #f6f6f6;
    text-align: left;
    border-radius: 4px;
    font-size: 15px;
}

.chat-input-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: -15px;
    background-color: #fff;
}

.chat-input {
    border: 5px solid #cccccc;
    width: calc(100% - 55px);
    display: inline-block;
    vertical-align: middle;
    min-height: 38px;
}

.btn-chat,
.btn-group-chat {
    height: 38px;
    width: 38px;
    border: none;
    background: url(../images/rebranding/chat_send_icon.png) no-repeat 6px center #cccccc;
    background-size: calc(100% - 15px);
    vertical-align: middle;
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 17px;
}

.chat-message-content {
    min-width: 80%;
    width: calc(100% - 70px);
    box-shadow: 0 0 5px rgba(0, 13, 16, .2);
    border-radius: 10px;
    position: relative;
    margin: 15px;
    float: right;
    margin-top: 5px;
}

.chat-message-text {
    word-break: break-word;
    min-height: 7px;
    font-size: 14px;
}

.chat-message.sent .chat-message-content {
    margin: 0 23px 15px 0;
    background-color: #b9e1f3;
    border: 0;
}

.chat-message-status-sent {
    background: url(../images/rebranding/tick_g.png) no-repeat;
    background-size: cover;
    height: 11px;
    width: 20px;
    display: inline-block;
    margin-bottom: -1px;
}

.chat-message-status-read {
    background: url(../images/rebranding/tick_read.png) no-repeat;
    background-size: cover;
    height: 11px;
    width: 20px;
    display: inline-block;
    margin-bottom: -1px;
}

.chat-username {
    font-size: 12px;
    font-weight: bold;
    padding-left: 58px;
}

.chat-message-img {
    position: absolute;
    bottom: 23px;
    left: -45px;
    background-size: cover;
    height: 20px;
    width: 22px;
}

    .chat-message-img img {
        border-radius: 50%;
        border: 1px solid #f6f6f6;
        height: 40px;
    }

.chat-message-time {
    font-size: 10px;
    float: right;
}

.chat-message.sent .chat-message-time {
    float: left;
}

.chat-unread {
    margin: 15px auto 10px auto;
    width: calc(100% - 50px);
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    line-height: 25px;
    background-color: #f5f5f5;
    font-size: 12px;
}

.chat-typing {
    font-size: 11px;
    margin-right: 30px;
}

.page-title a.back {
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    left: 15px;
    top: 6px;
}

.staff-section a.back {
    font-size: 18px;
    color: #221f20;
}

    .staff-section a.back .fa-arrow-left {
        margin-right: 15px;
    }

.enquiries {
    position: absolute;
    top: -3px;
    right: -40px;
    background: url(../images/rebranding/enquiries_icon.svg) no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
}

.enq.page-title,
.page-title-back {
    position: relative;
    padding-left: 50px;
}

.enquiries .no-alert {
    display: block;
    text-align: center;
}

.enquiries .count {
    color: #ee373d;
    line-height: 34px;
    font-size: 16px;
    font-weight: bold;
}

.chat-header .buttons .btn:last-child {
    margin-right: 5px;
}

.tabs.application {
    width: 100%;
}

    .tabs.application .tab {
        float: right;
    }

        .tabs.application .tab.active a {
            background-color: #c3c3c3;
            border: 2px solid #c3c3c3;
            color: #ffffff;
            border-bottom: 0;
        }

    .tabs.application .tab2 {
        margin-right: 0;
    }

@media (min-width: 768px) and (max-width: 992px) {
    .chat-header .buttons .btn {
        float: none !important;
        display: block;
    }

        .chat-header .buttons .btn:first-child,
        .chat-header .buttons .btn:last-child {
            margin-right: 0;
            margin-left: 0;
        }

    .chat-header .buttons .btn {
        margin-bottom: 5px;
    }
}

@media (max-width: 768px) {
    .enq.page-title {
        width: calc(100% - 40px);
    }

    .tabs.application .tab {
        width: 49.5%;
        float: right;
        margin: 0;
    }

        .tabs.application .tab:first-child {
            margin-left: 1%;
        }

        .tabs.application .tab:last-child {
            margin-right: 0;
        }
}

@media (max-width: 380px) {
    .chat-header .buttons .btn {
        float: none !important;
        display: block;
    }

        .chat-header .buttons .btn:first-child,
        .chat-header .buttons .btn:last-child {
            margin-right: 0;
            margin-left: 0;
        }

    .chat-header .buttons .btn {
        margin-bottom: 5px;
    }
}
/* admin */
.k-grid {
    margin-bottom: 20px;
}

.kendo-grid th.k-header,
.kendo-grid tbody td {
    padding: 7px;
}

.kendo-grid .k-grid-header th.k-header,
.kendo-grid .k-grid-header th.k-header * {
    color: #221f20;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 17px;
}

.kendo-grid th.k-header[data-field=Id] {
    min-width: 35px;
}

.kendo-grid th.k-header[data-field=JobDate] {
    min-width: 90px;
}

.kendo-grid th.k-header[data-field=Promo] {
    min-width: 60px;
}

.kendo-grid th.k-header[data-field=Positions] {
    min-width: 48px;
}

.kendo-grid th.k-header[data-field=Booked] {
    min-width: 70px;
}

.kendo-grid th.k-header[data-field=ApplicationCount] {
    min-width: 42px;
}

.kendo-grid th.k-header[data-field=IsPublished] {
    min-width: 42px;
}

.kendo-grid th.k-header[data-field=FailedPaymentCount] {
    min-width: 50px;
}

.kendo-grid th.k-header[data-field=Packages] {
    min-width: 70px;
}

.kendo-grid th.k-header[data-field=IsCreditCardVerified] {
    min-width: 68px;
}

.kendo-grid th.k-header[data-field=Type] {
    min-width: 45px;
}

.kendo-grid th.k-header[data-field=Debt] {
    min-width: 48px;
}

.kendo-grid th.k-header[data-field=Credit] {
    min-width: 58px;
}

.kendo-grid th.k-header[data-field=BranchId] {
    min-width: 68px;
}

.kendo-grid th.k-header[data-field=HasPendingSections] {
    min-width: 75px;
}

.kendo-grid th.k-header[data-field=IsNoShow] {
    min-width: 68px;
}

.kendo-grid th.k-header[data-field=Rating] {
    min-width: 53px;
}

.kendo-grid th.k-header[data-field=Comment] {
    min-width: 72px;
}

.kendo-grid th.k-header[data-field=RevieweeName] {
    min-width: 78px;
}

.kendo-grid th.k-header[data-field=ReviewerName] {
    min-width: 67px;
}

.kendo-grid th.k-header[data-field=JobId] {
    min-width: 55px;
}

.grid-thumb {
    width: 36px;
    height: 36px;
}

.k-grid td .btn-error {
    border: 2px solid #ee373d;
    background: #ee373d;
    line-height: 18px;
    font-size: 11px;
    display: block;
    min-height: 18px;
    color: #ffffff;
    padding: 2px 4px;
}

.k-animation-container .k-group label {
    line-height: 100%;
    height: 17px;
    margin: 10px 10px 0 0;
    font-size: 12px;
}

    .k-animation-container .k-group label input[type=radio] {
        vertical-align: middle;
        margin-top: -1px;
        margin-right: 3px;
    }

.k-edit-form-container .k-primary, .k-popup .k-primary {
    color: #221f20;
}

.k-animation-container .k-button:hover,
.k-animation-container .k-list-container .k-state-focused,
.k-animation-container .k-dropdown .k-input {
    background-color: #221f20;
    color: #ffffff;
}

.admin-requests {
    margin-left: -5px;
    margin-right: -5px;
}

    .admin-requests .req-type {
        padding: 0 5px 0 5px;
        margin-bottom: 10px;
    }

    .admin-requests h4 {
        background: none repeat scroll 0 0 #ddd;
        margin: 0;
        padding: 8px;
        text-transform: uppercase;
    }

    .admin-requests .request {
        border: 1px solid #999;
        margin: 5px 0 0;
        position: relative;
    }

        .admin-requests .request.deleted {
            background: none repeat scroll 0 0 #ffdab9;
        }

        .admin-requests .request.cancelled {
            background: none repeat scroll 0 0 #eaeaea;
        }

        .admin-requests .request.booking-cancelled.staff {
            background: none repeat scroll 0 0 #FFF084;
        }

        .admin-requests .request.booking-cancelled.client {
            background: none repeat scroll 0 0 #FFC6DB;
        }

        .admin-requests .request.debt {
            background-image: url('../images/rebranding/failed_payment.png');
            background-repeat: repeat;
            background-size: 19px;
            background-position: left top;
        }

        .admin-requests .request img {
            float: left;
            border: 1px solid #ddd;
            height: 45px;
            margin: 5px;
            width: 45px; /*36*/
        }

        .admin-requests .request .text {
            width: 100%;
            padding: 0 0 0 48px;
            margin: 5px 0 5px 0;
        }

        .admin-requests .request .conv,
        .admin-requests .request .sms,
        .admin-requests .request .delete-request,
        .admin-requests .request .cancel-request,
        .admin-requests .request .cancel-booking {
            background-image: none;
            background-position: center center;
            background-repeat: no-repeat;
            height: 32px;
            position: absolute;
            top: 2px;
            width: 32px;
        }

        .admin-requests .request .conv {
            right: 5px;
        }

        .admin-requests .request:hover .conv {
            background-image: url("../images/rebranding/icon_mail.png");
        }

        .admin-requests .request .sms {
            right: 38px;
        }

        .admin-requests .request:hover .sms {
            background-image: url("../images/rebranding/icon_sms.jpg");
        }

        .admin-requests .request .delete-request,
        .admin-requests .request .cancel-booking {
            right: 5px;
            top: 25px;
        }

    .admin-requests .application .request:hover .delete-request,
    .admin-requests .invitation .request:hover .delete-request {
        background-image: url("../images/rebranding/trash_icon.png");
    }

    .admin-requests .request:hover .cancel-booking {
        background-image: url("../images/rebranding/cancel_small.png");
    }

#addCreditWrap .form-control {
    width: auto;
    margin-right: 5px;
}

.work-photo-profile {
    margin: 20px 0 10px;
}

    .work-photo-profile span,
    .work-photo-profile a {
        display: inline-block;
        float: left;
        border: 1px solid #eee;
        margin: 0 0 0 5px;
    }

        .work-photo-profile span.first {
            margin: 0;
        }

    .work-photo-profile img {
        max-height: 69px;
        max-width: 69px;
    }

.inactive-alert-bar {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    color: #221f20;
    background: #f8bec8;
    text-align: center;
    padding: 10px;
    margin: 0;
}

    .inactive-alert-bar > div {
        max-width: 960px;
        margin: 0 auto;
    }

.account-toggle a {
    display: inline-block;
}

@media only screen and (max-width: 1024px) {
    .k-grid-pager .k-link, .k-grid-pager .k-link:link {
        color: #221f20;
    }

    .k-pager-wrap .k-link:hover {
        color: #221f20;
    }
}

@media (max-width: 768px) {
    .admin-requests .req-type {
        margin-bottom: 5px;
    }

    .inactive-alert-bar > div {
        font-size: 12px;
    }
}

@media (max-width: 440px) {
    .admin-requests .req-type {
        width: 100%;
    }

    .admin-requests h4 {
        font-size: 14px;
    }
}
/* Image manager */
.jcrop-tracker,
.jcrop-holder {
    width: 100% !important;
}

.image-orig-wrap {
    width: 100% !important;
    overflow: hidden;
}

.image-cropper {
    text-align: center;
}

.image-cropper {
    text-align: center;
}

    .image-cropper .image-orig {
        max-width: 100% !important;
        width: 100% !important;
    }

    .image-cropper .preview {
        border: 1px solid #ccc;
        float: left;
        height: 130px;
        width: 130px;
        position: relative;
    }

.preview-wrap .preview {
    border: 1px solid #ccc;
    float: left;
    height: 130px;
    width: 130px;
    margin: 0 20px 10px 0;
    position: relative;
    overflow: hidden;
}

.preview-wrap .control {
    float: left;
    text-align: left;
    margin: 0 0 0 15px;
}

    .preview-wrap .control a {
        display: inline-block;
        margin: 0 0 10px 0;
    }

.cropper-wrap img {
    height: auto;
    width: 100%;
}
/* notification */
.notification-quickview {
    background: #ffffff;
    border: 1px solid #eeeeee;
    display: none;
    width: 400px;
    max-height: 540px;
    padding: 8px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 99;
}

.notification-item {
    background: #ffffff;
    border: 1px solid #221f20;
    position: relative;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 5px;
}

    .notification-item.unread {
        background: #f6f8f8;
        border: 1px solid transparent;
    }

    .notification-item .pic {
        float: left;
        cursor: pointer;
        border: 1px solid #969696;
        margin: 0 6px 0 0;
    }

        .notification-item .pic img {
            display: block;
            height: 32px;
            width: 32px;
        }

    .notification-item .name {
        font-size: 13px;
        line-height: 13px;
        padding: 0 0 4px;
    }

    .notification-item .desc {
        font-size: 13px;
        font-weight: normal;
        line-height: 15px;
        padding: 0;
    }

    .notification-item .time {
        color: #aaa;
        font-size: 10px;
        font-weight: normal;
        line-height: 15px;
        padding: 3px 0 0;
    }

    .notification-item a.delete {
        background: url("../images/rebranding/trash_icon.png") no-repeat center;
        display: none;
        width: 20px;
        height: 26px;
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .notification-item:hover a.delete {
        display: block;
    }

    .notification-item a {
        color: #221f20;
    }

.notification-see-all {
    background: #f6f6f6;
    border-top: 1px solid #959595;
    text-align: center;
}

    .notification-see-all a {
        display: block;
        margin: 0;
        padding: 4px 8px;
        text-align: center;
    }

.show-loading-bg {
    background: url("../images/rebranding/loading.gif") no-repeat scroll center center #fff;
    min-height: 40px;
}

.notification-list-item {
    cursor: pointer;
    display: flex;
}

    .notification-list-item .details {
        padding: 0 10px;
    }

    .notification-list-item .pic img {
        width: 60px;
        border: 1px solid #999;
    }
/* refer and earn */
.social-item-label {
    margin-right: 15px;
    min-width: 140px;
    display: inline-block;
}
/* Job List */
.tabs.job .tab {
    float: left;
    margin-right: 0;
    width: 33.33%;
    padding: 0 4px 0 0;
}

    .tabs.job .tab:last-child {
        padding: 0;
    }

.job .results {
    overflow-x: hidden;
    overflow-y: scroll;
}

.job .filter-text {
    background: #f6f6f6;
    border-bottom: 1px solid #221f20;
    padding: 15px;
}

.job .job-item {
    position: relative;
    border-bottom: 1px solid #221f20;
    padding: 15px;
}

    .job .job-item.first {
        border-top: 0;
    }

    .job .job-item.open {
        background: #e6e6e6;
    }

    .job .job-item.map-select {
        background: #f8bec8;
    }

    .job .job-item .item-content {
        cursor: pointer;
    }

.job-item .dateline {
    width: 100px;
    position: absolute;
    top: 15px;
    left: 0;
}

    .job-item .dateline .line {
        font-size: 21px;
        line-height: 22px;
        text-align: center;
        font-weight: 500;
        color: #221f20;
        padding: 0 0 5px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.job-item .info {
    margin-left: 85px;
    border-left: 1px solid #221f20;
    padding-left: 12px;
    padding-right: 80px;
}

    .job-item .info .event-name {
        color: #959595;
        margin: 0 0 5px 0;
        font-weight: 600;
    }

        .job-item .info .event-name a {
            color: #959595;
        }

    .job-item .info .job-title {
        color: #221f20;
        margin: 0 0 5px 0;
        font-weight: bold;
    }

    .job-item .info .location {
        color: #959595;
        margin: 0 0 3px 0;
    }

    .job-item .info .lookingfor {
        color: #959595;
        margin: 0 0 3px 0;
    }

    .job-item .info .line {
        color: #666;
        margin: 0 0 2px 0;
    }

    .job-item .info .line-stand {
        color: #959595;
        margin: 0 0 2px 0;
        font-weight: 600;
    }

    .job-item .info .positions {
        font-weight: bold;
        margin: 6px 0 3px 0;
    }

.job-item .date {
    font-size: 12px;
    color: #959595;
}

.job-item .nav {
    margin-top: 5px;
}

    .job-item .nav .read-more {
        color: #959595;
        float: left;
        line-height: 28px;
        color: #959595;
        text-decoration: underline;
        margin: 0;
    }

.job-item .budget {
    position: absolute;
    right: 15px;
    top: 15px;
}

    .job-item .budget .l1 {
        color: #ee373d;
        font-size: 30px;
        line-height: 28px;
        margin: 0 0 5px 0;
        text-align: right;
        font-weight: bold;
    }

    .job-item .budget .l2 {
        color: #999;
        line-height: 14px;
        margin: 0;
        text-align: right;
    }

.job-item .nav .btn {
    float: right;
}

#map-locations .page-title .data,
#selected-job .page-title .data {
    font-size: 11px;
    text-transform: none;
}

.job .filters .form-control {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.job-filter-country .branch {
    margin-top: 20px;
}

    .job-filter-country .branch label {
        padding: 10px;
        font-weight: 500;
    }

.filter-group h6 {
    background: url("../images/rebranding/arrow_slide_up.png") no-repeat scroll right center transparent;
    border-bottom: 1px solid #221f20;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    padding: 0 0 10px 0;
    margin: 15px 0;
}

    .filter-group h6.collapsed {
        background: url("../images/rebranding/arrow_slide_down.png") no-repeat scroll right center transparent;
    }

@media (min-width: 768px) and (max-width: 992px) {
    .job-item .info {
        padding-right: 10px;
    }

        .job-item .info .event-name {
            padding-right: 50px;
        }

    .job-filter-country .branch label {
        padding: 4px;
        line-height: 16px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .job .job-item {
        border-bottom: 0;
        border-top: 1px solid #221f20;
    }

        .job .job-item.first {
            border-top: 0;
        }

    .job .job-c2 {
        padding-left: 15px;
    }

    .job .details .map-grip {
        display: block;
    }

    .job #gmap-container {
        height: 300px !important;
        margin: 0 0 10px 0;
    }

    .job .m-visible {
        display: block !important;
        visibility: visible !important;
    }

    .job .m-hidden {
        display: none !important;
    }

    .job .results,
    .job #results {
        height: auto !important;
        overflow-y: auto !important;
    }

    .job .job-details,
    .job #job-details {
        height: auto !important;
        overflow-y: auto !important;
    }

    .job-details .nav .btn.right,
    .job-item .nav .btn.right {
        float: right;
    }

    .job-filter-country .branch label {
        padding: 10px 0;
    }

    .job-details .nav .btn,
    .job-item .nav .btn {
        float: left;
        display: block;
        width: 48%;
        margin: 5px 1%;
    }
}

@media (max-width: 440px) {
    .job-details .btn,
    .job-details .nav .btn,
    .job-item .nav .btn {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .job .filters .form-control {
        letter-spacing: 0;
    }
}
/*Job Confirmation*/
#new-job-cofirmation {
    padding: 0 100px;
}

.job-is-live {
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #ee373d;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 50px 0 70px 0;
}

.what-happens-next {
    font-size: 18px;
    font-weight: bold;
    color: #221f20;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

#new-job-cofirmation img {
    margin-bottom: 20px;
    width: 100%;
}

.job-confirmation-done {
    display: block;
    margin-top: 20px;
}

@media (max-width: 992px) {
    .job-is-live {
        font-size: 36px;
        line-height: 36px;
    }
}

@media (max-width: 768px) {
    #new-job-cofirmation {
        padding: 0;
    }

    .job-is-live {
        margin: 30px;
    }

    #new-job-cofirmation img {
        width: auto;
    }

    .what-happens-next {
        margin-bottom: 20px;
    }
}
/* Job Details */
.job-details {
    padding: 15px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .job-details .organiser .photo {
        padding-right: 0;
    }

        .job-details .organiser .photo img {
            border: 1px solid #999;
            width: 100%;
        }

    .job-details .organiser .name {
        color: #221f20;
        padding: 0 0 5px;
    }

        .job-details .organiser .name a {
            color: #221f20;
        }

    .job-details .organiser .desc {
        padding: 0 0 5px;
    }

    .job-details .budget {
        color: #ee373d;
        font-size: 36px;
        line-height: 36px;
        min-height: 40px;
        font-weight: bold;
    }

    .job-details .travel-allowance {
        color: #ee373d;
        font-size: 14px;
    }

        .job-details .budget span,
        .job-details .travel-allowance span {
            color: #959595;
            font-size: 14px;
        }

    .job-details .job-info-mobile {
        position: relative;
    }

        .job-details .job-info-mobile .info-basic {
            min-height: 55px;
            padding: 0 90px 0 0;
        }

        .job-details .job-info-mobile .name {
            color: #959595;
            padding: 0 0 5px 0;
        }

        .job-details .job-info-mobile .job-title {
            padding: 0 0 5px 0;
        }

        .job-details .job-info-mobile .positions {
            color: #999;
        }

        .job-details .job-info-mobile .budget {
            position: absolute;
            top: 0;
            right: 0;
        }

            .job-details .job-info-mobile .budget span {
                display: block;
                text-align: right;
                padding: 3px 0 0 0;
            }

        .job-details .job-info-mobile .travel-allowance {
            position: absolute;
            top: 58px;
            right: 0;
        }

            .job-details .job-info-mobile .travel-allowance span {
                display: block;
                text-align: right;
                padding: 3px 0 0 0;
            }

    .job-details .date {
        color: #221f20;
        margin: 0 0 3px 0;
        font-weight: bold;
    }

    .job-details .time,
    .job-details dress-code,
    .job-details .location,
    .job-details .lookingfor {
        color: #959595;
        margin: 0 0 3px 0;
        font-weight: bold;
    }

    .job-details .job-desc {
        min-height: 150px;
    }

    .job-details .social,
    .social.social-items {
        min-height: 24px;
    }

        .job-details .social .social-item,
        .social.social-items .social-item {
            float: left;
            padding: 0 10px 0 0;
        }

    .job-details .content-header .data {
        color: #fff;
    }

    .job-details .gmap {
        border: 1px solid #959595;
    }

    .job-details .gmap-sm {
        border: none;
        border-bottom: 1px solid #959595;
        padding-bottom: 15px;
    }

    .job-details .gmap img {
        width: 100%;
    }

    .job-details.noscroll {
        overflow-y: auto;
    }

    .job-details .nav .btn {
        float: right;
        margin-left: 5px;
    }
/* Job Archive */
.job-archive-item {
    position: relative;
    border-top: 1px solid #221f20;
    margin: 20px 0 0;
    padding: 20px 0 0;
}

    .job-archive-item.first {
        border-top: 0 none;
        margin: 0;
        padding: 0;
    }

    .job-archive-item .clear {
        position: relative;
    }

    .job-archive-item a {
        color: #221f20;
    }

    .job-archive-item .photo {
        float: left;
        width: 102px;
    }

        .job-archive-item .photo img {
            border: 1px solid #999;
            width: 100%;
        }

    .job-archive-item .info {
        padding: 0 0 0 117px;
        width: 100%;
    }

    .job-archive-item .date {
        margin: 10px 0 0 0;
    }

    .job-archive-item .location {
        color: #999;
        margin: 5px 0 0;
    }

    .job-archive-item .l1 {
        color: #221f20;
        font-size: 16px;
        margin: 0 0 5px;
        padding-right: 100px;
    }

        .job-archive-item .l1 a {
            color: #221f20;
            font-size: 16px;
        }

    .job-archive-item .l2 {
        color: #999;
        font-size: 16px;
        margin: 0 0 5px;
        padding-right: 100px;
    }

    .job-archive-item .l3 {
        color: #999;
        margin: 0 0 5px;
    }

    .job-archive-item .desc {
        margin: 0 0 5px;
    }

    .job-archive-item.nav {
        height: 24px;
        margin: 15px 0 0;
    }

        .job-archive-item .nav .read-more {
            color: #959595;
            display: inline-block;
            float: left;
            line-height: 24px;
            text-decoration: underline;
        }

    .job-archive-item .budget {
        position: absolute;
        right: 0;
        top: 0;
    }

        .job-archive-item .budget .budget-l1 {
            color: #ee373d;
            font-size: 28px;
            font-weight: bold;
            line-height: 28px;
            margin: 0 0 5px;
            text-align: right;
        }

        .job-archive-item .budget .budget-l2 {
            color: #999;
            line-height: 14px;
            margin: 0 0 5px;
            text-align: right;
        }
/*** Blog Listing ***/
.blog-category-list {
    margin: 20px 0;
}

    .blog-category-list a {
        display: inline-block;
        color: #221f20;
        font-size: 16px;
        line-height: 18px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 5px 10px;
        margin-bottom: 10px;
    }

        .blog-category-list a.selected {
            color: #ee373d;
        }

.blog-post-item {
    display: block;
    position: relative;
    width: 100%;
    min-height: 480px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    box-shadow: 5px 4px 10px 1px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 5px 4px 10px 1px rgba(204, 204, 204, 0.5);
    -webkit-box-shadow: 5px 4px 10px 1px rgba(204, 204, 204, 0.5);
    -o-box-shadow: 5px 4px 10px 1px rgba(204, 204, 204, 0.5);
}

.blog-date {
    position: absolute;
    left: 30px;
    top: 15px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: linear-gradient(to right, #ee343f, #ee373d);
    color: #ffffff;
    text-align: center;
    padding: 10px;
}

.blog-date-day {
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
}

.blog-date-month {
    font-size: 14px;
    line-height: 16px;
}

.blog-banner-wrap {
    overflow: hidden;
}

    .blog-banner-wrap .blog-banner {
        width: 100%;
        height: auto;
    }

.blog-title {
    color: #221f20;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 15px;
    margin: 0;
}

.blog-excerpt {
    color: #221f20;
    font-size: 14px;
    padding: 0 15px;
}

.blog-categories {
    color: #ee373d;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 15px;
}
/*** Blog Details ***/
.blog-detail .blog-banner {
    width: 100%;
}

.blog-detail-category {
    margin: 15px 0;
}

    .blog-detail-category .blog-detail-date {
        color: #221f20;
        display: inline-block;
    }

    .blog-detail-category .blog-categories {
        display: inline-block;
    }

.blog-detail-share {
    border-bottom: 1px solid #221f20;
    padding-bottom: 20px;
}

.blog-detail-title {
    color: #221f20;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 20px 0;
}

.blog-detail-prev-next {
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px solid #221f20;
}

    .blog-detail-prev-next a {
        max-width: 40%;
    }

        .blog-detail-prev-next a .text {
            font-size: 15px;
            color: #221f20;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 500;
        }

    .blog-detail-prev-next .blog-link-title {
        color: #ee373d;
        font-weight: bold;
        font-size: 18px;
    }

.blog-detail img {
    width: 100%;
    height: auto;
}

.blog-detail h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.gallery-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.tiled-gallery {
    margin: 0;
}

    .tiled-gallery .gallery-row {
        margin: 0 auto;
    }

.tiled-gallery {
    clear: both;
    margin: 0 0 20px;
    overflow: hidden;
}

    .tiled-gallery img {
        margin: 2px !important;
    }

    .tiled-gallery .gallery-group {
        float: left;
        position: relative;
    }

    .tiled-gallery .tiled-gallery-item {
        float: left;
        margin: 0;
        position: relative;
        width: inherit;
    }

    .tiled-gallery .gallery-row {
        overflow: hidden;
    }

    .tiled-gallery .tiled-gallery-item a {
        background: transparent;
        border: none;
        color: inherit;
        margin: 0;
        padding: 0;
        text-decoration: none;
        width: auto;
    }

    .tiled-gallery .tiled-gallery-item img,
    .tiled-gallery .tiled-gallery-item img:hover {
        background: none;
        border: none;
        box-shadow: none;
        max-width: 100%;
        padding: 0;
        vertical-align: middle;
    }

.tiled-gallery-caption {
    background: #eee;
    background: rgba(255, 255, 255, 0.8);
    color: #221f20;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption {
    font-size: 11px;
}

.widget-gallery .tiled-gallery-unresized {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.tiled-gallery .tiled-gallery-item img.grayscale {
    position: absolute;
    left: 0;
    top: 0;
}

    .tiled-gallery .tiled-gallery-item img.grayscale:hover {
        opacity: 0;
    }

.tiled-gallery.type-circle .tiled-gallery-item img {
    border-radius: 50% !important;
}

.tiled-gallery.type-circle .tiled-gallery-caption {
    display: none;
    opacity: 0;
}
/*bottom bar form apps*/
body.appagent {
    margin-bottom: 75px;
}

.app-link-table {
    position: fixed;
    bottom: 0;
    height: 75px !important;
    background-color: #ffffff;
    display: flex; /* Use Flexbox for spacing */
    justify-content: space-around; /* Evenly distribute items */
    align-items: center; /* Center items vertically */
    width: 100%; /* Full width for bottom navigation */
    z-index: 9999; /* Ensure it's on top */
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  }
  
  .app-link-row {
    display: flex; /* Flexbox for row alignment */
    flex: 1; /* Equal flex for all items */
    padding-top: 15px;

  }

  .app-link span.bottom-navi-text{
    padding-top: 0px;
    margin-top: 25px;
    letter-spacing: 0px;
    line-height: 12px;
  }
  
  .app-link text{
    padding-top: 0px;
    margin-top: 25px;
    letter-spacing: 0px;
    line-height: 12px;
  }
  
  .app-link {
    display: flex; /* Flexbox for vertical alignment */
    flex-direction: column; /* Icons above text */
    align-items: center; /* Center items horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Center text */
    text-decoration: none; /* No underlines */
    font-size: 12px;
    color: #221f20; /* Default text color */
    padding: 8px; /* Consistent padding */
    }

    .is-not-user-bottom{
        min-width: 33%; /* 33% width for three items */
    }
    .is-not-staff-bottom{
        min-width: 20%; /* 20% width for five items */
    }
    .is-staff-bottom{
        min-width: 25%; /* 25% width for four items */
    }
  
  .app-link.staff-link {
    background-image: url(../images/rebranding/icon_find.png);
    background-size: 32px 32px; /* Specific icon size */
    background-repeat: no-repeat; /* No repeat for background */
    background-position: center top; /* Align icon at the top */
  }
  
  .app-link.job-link {
    background-image: url(../images/rebranding/icon_jobs.png);
    background-size: 32px 32px; /* Same icon size for consistency */
    background-repeat: no-repeat;
    background-position: center top;
  }
  
  .app-link.message-link {
    background-image: url(../images/rebranding/icon_messages.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center top;
  }
  
  .app-link.notification-link {
    background-image: url(../images/rebranding/icon_notification.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative; /* Needed for notification count */
    height: 65px !important;
  }

  .app-link.notification-link span.notification-count{
    right: 8px !important;
  }
  
  .notification-count {
    background: #ee373d;
    border-radius: 14px; /* Rounded notification badge */
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: -5px; /* Adjust position */
    right: -10px; /* Offset to the right */
    padding: 0 5px; /* Consistent padding */
  }
  
/*error and maintenance page*/
.error-page .header-section,
.maintenance-page .header-section {
    margin: 30px 0;
}

    .error-page .header-section .mobile-logo,
    .maintenance-page .header-section .mobile-logo {
        display: block;
        margin: 0 auto;
        width: 270px;
    }

.error-page .footer-bottom,
.maintenance-page .footer-bottom {
    display: block;
}

.error-page .footer-logo a,
.maintenance-page .footer-logo a {
    display: block;
    width: 125px;
    margin: 0 auto;
}

.error-page .copyright-text,
.maintenance-page .copyright-text {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 10px 0;
}

#loadingScreen {
    background: url("/images/rebranding/loading.gif") no-repeat scroll center center #fff;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.8;
    outline: none !important;
    position: fixed;
    z-index: 99999;
}

.staff-photo #video-wrap img.placeholder-image {
    position: absolute;
    z-index: 2;
}

.staff-photo #video-wrap .video {
    position: absolute;
    top: 0;
    z-index: 1;
}

@media (min-width: 1200px) {
    .staff-photo .main-photo .youtube-player {
        min-height: 403px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .staff-photo .main-photo .youtube-player {
        min-height: 320px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .staff-photo .main-photo .youtube-player {
        min-height: 262px;
    }
}

.callout-gallery.owl-carousel .owl-stage-outer {
    background: #101115;
    display: contents;
}

.owl-carousel .owl-item img {
    width: 100%;
    margin: 0 auto;
}

.callout, .callout a {
    background: #dc4846;
    color: #fff;
    padding: 39px 5px;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .callout a {
        padding: 0;
    }

#section .job-category {
    width: auto;
}

.close-callout {
    position: absolute;
    right: 15px;
    top: 24px;
}

/*
Switcher begin
*/
.switcher {
    padding-top: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.switch {
    position: relative;
    display: inline-block;
    width: 53px;
    height: 28px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*
Switcher end
*/

@media (min-width: 768px) and (max-width: 1199px) {
    .callout, .callout a {
        padding: 29px 40px;
    }

        .callout a {
            padding: 0;
        }
}

@media (min-width: 548px) and (max-width: 767px) {
    .close-callout {
        top: 16px;
    }

    .kikii_callout .close-callout {
        top: 18px;
    }
}

@media (max-width: 767px) {
    .callout, .callout a {
        padding: 25px 40px;
        font-size: 14px;
    }

        .callout a {
            padding: 0;
        }
}

@media (max-width: 557px) {
    .owl-carousel .owl-item img {
        width: 100%;
        /* padding: 20px 0px 0 0; */
    }

    .kikii_callout .close-callout {
        top: 12px;
    }
}

@media (max-width: 350px) {
    .owl-carousel .owl-item img {
        width: 100%;
        /* padding: 40px 0px 0 0; */
    }

    .callout, .callout a {
        padding: 25px 35px;
    }

        .callout a {
            padding: 0;
        }

    .kikii_callout .close-callout {
        top: 8px;
    }
}

@media (min-width: 768px) {
    .section-main-photo .delete,
    .section-photos .photo .delete,
    .section-main-photo .areas-select,
    .section-photos .photo .areas-select {
        display: block;
    }
}
/*staff popup*/

#cboxContent.alt-popup {
    box-shadow: 0 0 4px 2px #f9bec9;
    background: url(../images/rebranding/loading.gif) no-repeat center center #f9bec9;
}

#cboxLoadedContent.alt-popup {
    background: transparent !important;
}

body.popup .content.alt-popup {
    padding: 0;
    margin: 0;
}

#staff-popup {
    background: #f9bec9;
    padding: 25px;
    box-shadow: 0 0 8px 20px #f9bec9;
}

.staff-popup-wrap {
    border: 4px solid #221f20;
    padding: 25px;
    width: 100%;
    margin: 0 auto;
}

.ps-logo {
    text-align: center;
    margin-bottom: 25px;
}



.staff-popup-heading {
    font-size: 16px;
    color: #221f20;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}

.promo-registration .staff-popup-heading {
    text-transform: none;
}

.staff-popup-checks {
    width: 85%;
    margin: 0 auto 15px;
}

    .staff-popup-checks .form-check {
        position: relative;
    }

    .staff-popup-checks .form-check-input {
        background: transparent;
        border: 2px solid #221f20;
        position: absolute;
        top: 6px;
        left: 0;
    }

    .staff-popup-checks .form-check-label {
        padding-left: 40px;
    }

.staff-popup-submit {
    text-align: center;
    margin: 20px 0;
}

    .staff-popup-submit .btn-basic {
        border: 2px solid #221f20;
        background: transparent;
        color: #221f20;
        font-size: 16px;
        padding: 4px 17px;
        font-weight: 500;
    }

.popup-note {
    text-align: center;
}
/*@media (max-width: 600px){
	.staff-popup-wrap{
		padding: 20px;
		width: 100%;
	}
	.ps-logo{
		text-align: center;
		margin-bottom: 20px;
	}
	.staff-popup-heading{
		margin-bottom: 15px;
	}
	.staff-popup-checks{
		width: 100%;
		margin: 0 auto 15px;
	}
	.staff-popup-submit{
		margin: 15px 0;
	}
}*/
@media (max-width: 400px) {
    .staff-popup-wrap {
        padding: 10px;
        width: 100%;
    }

    .ps-logo {
        text-align: center;
        margin-bottom: 15px;
    }

    .staff-popup-heading {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .staff-popup-checks {
        width: 100%;
        margin: 0 auto 15px;
        font-size: 12px;
    }

    .staff-popup-submit {
        margin: 15px 0;
    }

        .staff-popup-submit .btn-basic {
            font-size: 13px;
            padding: 4px 15px;
        }

    .popup-note {
        font-size: 13px;
    }
}


.btn-lg {
    padding: 4px 16px;
    min-height: 30px;
    line-height: 18px;
}

    .btn-lg i {
        font-size: 24px;
        margin-bottom: 2px;
    }

@media (max-width: 340px) {
    .btn-lg {
        padding: 4px 12px
    }
}

/* Staff Search Available Now begin */
.d-block {
    display: block;
}

.d-flex {
    display: flex;
}

.justify-content-space-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.my-2 {
    margin: 0.5em auto;
}
/*
.desc {
    transition: 0.3s;
    display: none;
}
*/
.right-side-filters:hover .desc {
    display: block;
}

.right-side-filters select {
    width: 100% !important;
    margin: 2px 0;
}

.right-side-filters {
    clear: both;
}

@media screen and (max-width: 900px) and (min-width: 600px) {
    .flex-sm-column {
        flex-direction: column
    }

    .align-items-sm-start {
        align-items: start;
    }
}
/* Staff Search Available Now end */

/* Banner CSS */
.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.app-logo a {
    display: inline-block;
}

.app-logo img {
    width: 65px;
    height: 65px;
    padding: 15px;
}

.download-app-banner {
    padding: 0px 0;
    width: 100%;
    background: #221f20;
    margin: 1px auto;
}

.text-app-dark {
    color: #222021;
}

.content {
    font-size: 20px;
    text-transform: capitalize;
}
/* Banner CSS End*/

/*#region Blog CSS  */
/* Style for the blog card container */
/* Style for the container holding the blog cards */
.blog-cards-container {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    font-family: "Roboto-Regular" !important;
}

/* Style for each individual blog card */
.blog-card {
    flex: 0 0 calc(32% - 10px);
    margin: 10px;
    overflow: hidden;
    /* display: flex; */
    flex-direction: column;
    align-items: center; /* Center content horizontally */
    position: relative;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 767px) {
    .blog-card {
        flex: auto;
    }
}

.blog-title {
    font-family: "Roboto-Bold" !important;
}

/* Style for the blog image with a specific height and center vertically */
.blog-image {
    height: 345px;
    display: flex;
    flex-flow: column;
}

/* Style for the blog details (date, author, title, description) */
.blog-details {
    flex: 2;
    padding: 20px 20px 0 20px;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .blog-details {
        margin-top: 20px;
    }
}



.blog-details-cards-container {
    font-family: "Roboto-Regular" !important;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 15px;
}

.blog-detail-card {
    margin: 10px;
    overflow: hidden;
    align-items: center; /* Center content horizontally */
    position: relative;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    width: 33.33%;
    display: inline-block;
}

.blog-title {
    font-size: 30px;
    margin: 10px 0;
}

.blog-title-main {
    font-size: 30px;
    margin: 10px 0;
    font-size: 30px;
    margin: 10px 0;
    /* max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis; */
    display: block;
    width: auto;
    line-height: 25px;
    /* white-space: nowrap; */
}

.blog-title-detail {
    width: 70%;
    line-height: 25px;
    overflow: hidden;
    /* white-space: nowrap; */
}

.blog-description {
    max-height: 25px; /* Limit description to two lines (30px per line) */
    overflow: hidden;
    text-overflow: ellipsis; /* Add ellipsis (...) to indicate truncation */
    font-size: 14px;
    display: block;
    font-family: Roboto-Light;
    width: 200px;
    white-space: nowrap;
}

/* Style for the "Read More" button */
.read-more {
    font-size: 10px;
    text-decoration: none;
    font-family: Roboto-Regular;
}

    /* Style for the "Read More" button on hover */
    .read-more:hover {
        background-color: red;
        color: black;
    }

.blog-more {
    padding: 10px;
    margin-right: auto;
    margin-left: 10px;
    margin-top: auto;
    display: inline-block !important;
}

/* @media only screen and (max-width: 767px) {
    .blog-more {
    }
} */

.banner-image {
    width: 100%; /* Ensure the div stretches to the full width of its container */
    overflow: hidden; /* Hide any content that extends beyond the div */
    height: 500px; /* Set the height of the banner image */
}

    .banner-image img {
        width: 100%; /* Make the image width match the div's width */
        height: 100%; /* Make the image height match the div's height */
        object-fit: cover; /* Maintain the aspect ratio while covering the div */
    }
/* Style for the container for your blog content */
.blog-detail-container {
    background-color: rgba(255, 255, 255, 0.8); /* Add a semi-transparent background for readability */
}



.blog-page .p-images-sec .delete-icon {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.blog-page .p-images-sec .item {
    /* width: 30%; */
    height: 95px;
    position: relative;
}

    .blog-page .p-images-sec .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.blog-page .p-images-sec .item-three.item input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.blog-page .p-images-sec .item-three.item {
    position: relative;
}

.blog-page .p-images-sec .item-three .box {
    width: 100%;
    z-index: 0;
    height: 100%;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: groove;
    border-color: black;
}



.blog-page .blog-main-image .blog-img {
    width: 100%;
}

.blog-page .blog-main-image .delete-icon {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.blog-page .blog-main-image .item-three .box {
    width: 100%;
    height: 250px;
    /* height: 100%; */
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: groove;
    border-color: black;
}


.blog-main-image {
    position: relative;
}

    .blog-main-image a {
        display: block;
    }

    .blog-main-image img {
        max-width: -webkit-fill-available;
    }

.delete-holder a.delete {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 20px;
    height: 26px;
    background: url("../images/rebranding/trash_icon.png") no-repeat;
    z-index: 2;
    border-radius: 5px;
}

.blog-slider {
    height: 520px;
    width: 86% !important;
}

    .blog-slider.slick-slider {
        display: flex !important;
    }

    .blog-slider.slick-initialized .slick-slide {
        display: inline-table;
    }

    .blog-slider .slick-dots {
        display: none !important;
    }

.blog-body {
    font-family: 'Roboto-Light' !important;
    font-size: 16px;
}

.social_icons {
    padding: 18px;
}

.ck-editor__editable_inline {
    min-height: 400px;
}

/*#endregion Blog CSS  */

/*#region slider arrows */
.slick-prev,
.slick-next {
    font-size: 20px !important;
}

.slick-next {
    right: 0 !important;
}

    .slick-prev::before,
    .slick-next::before {
        color: #fff !important;
        font-size: 40px !important;
        background-color: rgba(0, 0, 0, 0.8) !important;
        border: 1px solid #fff !important;
        border-radius: 5px !important;
        content: "\2190" !important; /* Unicode arrow left */
        padding: 3px;
    }

    .slick-next::before {
        content: "\2192" !important; /* Unicode arrow right */
    }

    .slick-prev:hover::before,
    .slick-next:hover::before {
        background-color: rgba(0, 0, 0, 1) !important;
    }
/*#endregion slider arrows */

/*#region general css */
.mb-3 {
    margin-bottom: 2.5rem;
}

.mt-2 {
    margin-top: 2.0rem;
}

.p-0 {
    padding: 0;
}

.p-2 {
    padding: 20px;
}

.d-none {
    display: none;
}
/*#endregion general css */

/* Boat Hire Start */
.boat-hire-section {
    background: #000;
    width: auto;
    color: #fff;
    margin: auto;
    padding: 30px;
}

    .boat-hire-section label {
        font-size: 15px;
        letter-spacing: 5px;
    }

    .boat-hire-section .form-control {
        text-transform: uppercase;
        letter-spacing: 4px;
        background: #000;
        color: #fff;
        border: 1px solid #fff;
    }

.fw-bold {
    font-weight: bolder;
}

.text-white {
    color: #fff;
}




.boat-list-view {
    display: inline-block;
    font-size: 18px;
    color: #221f20;
    background: #f3f3f3;
    padding: 5px 8px;
    margin: 0 5px;
    vertical-align: middle;
    line-height: 22px;
}

    .boat-list-view:focus,
    .boat-list-view:hover {
        color: #221f20;
        background: #f3f3f3;
    }

    .boat-list-view.active {
        background: #dddddd;
    }

#boat-list {
    margin: 20px 0;
}

.boat-item-wrap {
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.boat-item .bio {
    display: none;
}

.boat-item a {
    display: block;
    line-height: 40px;
}

.boat-item .btn {
    font-size: 13px;
    padding: 4px 6px;
    line-height: 12px;
    min-height: 24px;
    margin-bottom: 5px;
}

.boat-item .boat-btn {
    font-size: 17px;
    color: #fff;
    padding: inherit;
    letter-spacing: 4px;
    border: 1px solid #fff;
    width: 100%;
}

@media (max-width: 767px) {
    .boat-item .boat-btn {
        font-size: 12px;
        color: #fff;
        letter-spacing: 3px;
        border: 1px solid #fff;
        line-height: 25px;
        width: fit-content;
        padding: 3px;
        width: 100%;
    }

    .boat-age {
        font-size: 14px !important;
    }

    .boat-name {
        font-size: 20px !important;
    }

    .boat-item .info-detail {
        margin-top: -10px;
        margin-bottom: -20px;
        line-height: 2px;
    }

    .boat-hire-section {
        padding: 0;
    }

    .boat-item-wrap {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}

.boat-hire-section .btn-go {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 0px 20px;
    letter-spacing: 2px;
    color: #000;
}

.boat-hire-section .search {
    margin-right: 28%;
}

.listview .boat-photo-wrap {
    float: left;
    width: auto;
    display: flex;
}

.listview .boat-item .bio {
    display: block;
    float: left;
    width: calc(100% - 150px);
}

.listview .boat-button,
.listview .admin-button {
    float: right;
}

.listview .boat-item .btn {
    display: inline-block;
}

.boat-item .photo img {
    width: 100%;
}

.listview .boat-item .photo {
    margin-right: 20px;
    width: 105px;
    height: 105px !important;
}

    .listview .boat-item .photo .img-responsive {
        height: 105px !important;
    }

.boat-item .photo .img-responsive {
    height: 250px !important;
}

.boat-item .boat-photo-wrap .info {
    position: relative;
}

.boat-info .boat-name,
.boat-info .rating,
.boat-info .boat-review-count {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}

.boat-name {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 18px;
    margin-top: 20px;
    letter-spacing: 2px;
}

.boat-info .rating {
    margin-left: 20px;
}

.boat-hire-section .ratings {
    display: inline-block;
}

.boat-info .boat-review-count {
    color: #221f20;
    margin-left: 5px;
}

.boat-age {
    margin-top: 5px;
    font-size: 18px;
}

.boat-item .rating {
    margin: 10px 0;
}

.listview .boat-item-wrap {
    width: 100%;
}

.listview .boat-item {
    padding-bottom: 10px;
    /* border-bottom: 2px solid #221f20; */
    margin-bottom: 10px;
}



    .listview .boat-item .name a {
        margin-top: 0;
    }

@media (min-width: 768px) and (max-width: 1199px) {
    .boat-item .search-section .form-check-input {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 767px) {

    .boat-list-view {
        display: none;
    }

    #boat-list {
        margin: 10px 0;
    }

    .boat-item {
        /* padding-bottom: 10px; */
        /* border-bottom: 2px solid #221f20; */
        /* margin-bottom: 10px; */
    }

    .listview .boat-photo-wrap {
        width: 100%;
        float: none;
    }

    .listview .boat-item .photo {
        width: 100%;
        margin-right: 0;
    }

    .listview .boat-item .bio {
        display: none;
    }

    .boat-hire-section .boat-age {
        min-height: 40px;
    }

    .boat-info .boat-name,
    .boat-info .rating,
    .boat-info .boat-review-count {
        display: block;
        margin-top: 5px;
        margin-left: 0;
    }

    .boat-info .rating,
    .boat-info .boat-review-count {
        display: inline-block;
    }
}

.right-side-filters-boat:hover .desc {
    display: block;
}

.right-side-filters-boat select {
    /* width: 100% !important; */
    margin-left: 10px;
}


.boat-photo-gallery img.img-responsive {
    height: 150px;
}

@media (max-width: 767px) {
    .right-side-filters-boat {
        display: none;
    }

    .boat-hire-section .sidebar-box-wrap {
        background: rgba(0, 0, 0, 0.9);
    }

    .boat-photo-gallery img.img-responsive {
        height: 75px;
    }
}

.right-side-filters-boat {
    clear: both;
}

.boat-enquire-section {
    margin: auto;
    display: flex;
    justify-content: end;
}

.boat-filter-title-img {
    background: url(../images/rebranding/filter_title.png) no-repeat center;
    background-size: contain;
    width: 290px;
    height: 95px;
}

.boat-hire-section .sidebar-box-wrap {
    border: 2px solid #fff;
    padding: 10px 20px;
}


.boat-close {
    background: url("../images/rebranding/close-callout.png") no-repeat;
}

.boat-enquiry-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 4px;
    color: #221f20;
}

/**** Pagination design ****/
/* Boat Hire End */



/* Image Viewer Start */
/* Style the Image Used to Trigger the Modal */
img {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

/* img:hover {opacity: 0.7;} */

/* The Modal (background) */
#image-viewer {
    display: none;
    position: fixed;
    z-index: 2;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}
.modal-content { 
    animation-name: zoom;
    animation-duration: 0.6s;
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
#image-viewer .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1 !important;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
#image-viewer .close:hover,
#image-viewer .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/* Image Viewer End */


/* Top callout Banner Starts */
.calloutkiki {
    display: flex;
    background-color: #de4847;
    color: #fff;
    font-size: 3.2rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0.8rem;
    gap: 14px;
}
.calloutkiki p{
	margin: 0;
}
.calloutkiki a svg{
	width:35px;
}
/* Top callout Banner Ends */


.zoom-container{
    /* overflow: hidden; */
    width: 100%;
    /* Set your desired height */
    height: auto; 
    padding-bottom: 15px;
}

#zoomImage{
    transition: transform 0.5s ease;
    transform-origin: 0 0;
}