body {
    font-family: "open sans", sans-serif;
}
.halal {
    background-color: #f8f8f8;
    height: 60px;
    width: 70px;
    padding: 8px 13px;
    position: absolute;
    right: 10%;
    top: 100px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.landing{
    min-height: 100vh;
}
.halal__icon {
    height: 43px;
    width: 43px
}

.badge {
    margin: 10px;
    height: 85px
}

.social {
    background-color: #ececec;
    width: 100%;
    flex: 0 0 62px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.social__link {
    align-self: center;
    font-size: 18px;
    color: #1a1a1a;
    margin: 15px
}

    .social__link:hover, .social__link:focus {
        outline: none;
        color: #1a1a1a
    }

@media screen and (max-width:767px) {
    .halal {
        height: 48px;
        width: 60px;
        top: 95px;
        padding: 6px 12px
    }

    .halal__icon {
        height: 35px;
        width: 35px
    }

    .badge {
        margin: 5px;
        height: 50px
    }

    .social {
        flex: 0 0 60px
    }
}

.auth-content .modal-body {
    padding-top: 0;
    padding-bottom: 0
}

.loginPopup-leftContainer {
    padding: 0
}

.loginPopup-rightContainer {
    padding: 20px
}

.auth-headingText {
    color: #000;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 20px
}

#loginPopup-leftPText {
    position: absolute;
    top: 140px;
    color: #3e3e3e;
    text-align: center;
    font-weight: 400;
    width: 90%;
    margin: 0 auto;
    right: 0;
    left: 0;
    line-height: 1.2
}

.loginPopup-guestButton {
    color: #333;
    text-align: center;
    width: 100%;
    background: none;
    border: none
}

    .loginPopup-guestButton span {
        font-weight: 700;
        text-decoration: underline
    }

.auth-forms {
    width: 250px;
    margin: 0 auto;
    margin-top: 15px
}

    .auth-forms .form-group {
        margin-bottom: 10px
    }

.auth-input {
    border: none;
    font-size: 16px;
    border-bottom: 1px solid rgba(51,51,51,.3);
    color: #333;
    height: 25px;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0
}

.auth-greenBtns:hover {
    background-color: #1dc854;
    color: #fff;
    text-decoration: none
}

.auth-greenBtns:active {
    background-color: #127b34 !important;
    text-decoration: none;
    color: #fff !important
}

.auth-greenBtns:focus {
    color: #fff
}

.g-button {
    display: block;
    text-align: center;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    margin-bottom: 10px
}

.abcRioButtonBlue {
    margin: 0 auto
}

.abcRioButtonContents {
    font-size: 14px !important;
    margin-left: -20px !important
}

.fb-button {
    display: block;
    text-align: center;
    color: #fff;
    border: none;
    padding: 7px;
    background-color: #4267b2;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s
}

    .fb-button:hover {
        background-color: #4267b2;
        color: #fff;
        text-decoration: none
    }

    .fb-button:active {
        background-color: #365899 !important;
        text-decoration: none;
        color: #fff !important
    }

#FacebookLogin {
    width: 250px;
    margin: 0 auto;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: 500;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
    margin-top: 10px;
    height: 32px
}

#loginPopup-asteriskText {
    font-size: 12px;
    color: #333;
    opacity: .54;
    text-align: center;
    font-weight: 300;
    margin-top: 3px;
    margin-bottom: 0
}

.closeButton {
    position: absolute;
    z-index: 10;
    opacity: 1;
    font-weight: 300;
    font-size: 35px;
    right: 5px;
    top: -5px
}

.loginPopup-forgotPassword {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: none;
    border: none;
    text-decoration: underline;
    width: 100%
}

.login-fastTrackIcon {
    width: 20px;
    margin-left: 5px;
    margin-top: -2px
}

#partialPasswordRecoveryEmail {
    margin-top: 35px
}

.loginPopup-backToLogin {
    color: #000;
    text-decoration: underline
}

.optinTxt {
    font-size: 12px;
    font-weight: 400;
    text-align: left
}

.optin-container {
    display: inline-block
}

.auth-container {
    width: 347px;
    min-height: 506px
}

#partialLogin {
    padding-top: 15px
}

.auth-label {
    font-size: 12px;
    color: #333;
    font-weight: 500
}

.auth-greenBtns {
    width: 250px;
    margin: 0 auto;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: 500;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
    display: block;
    text-align: center;
    color: #fff;
    border: none;
    padding: 7px;
    font-size: 12px;
    background-color: #1bbb4f;
    text-transform: uppercase;
    -webkit-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    height: 32px
}

.loginPopup-registerBtn {
    margin-bottom: 10px
}

.loginPopup-registerGuestContainer {
    background-color: #f2f2f2;
    margin-top: 27px;
    padding-top: 23px;
    padding-bottom: 23px;
    margin-left: 1px;
    margin-right: 1px;
    min-height: 155px
}

.auth-partialContent {
    padding: 0
}

.auth-smallerBtn {
    margin-top: 33px
}

.auth-passwordToggle {
    opacity: .54;
    position: absolute;
    top: 27px;
    right: 0;
    font-size: 16px;
    cursor: pointer
}

.auth-passwordContainer {
    position: relative
}

.login-rememberMeContainer {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .login-rememberMeContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

.login-rememberMeCustom {
    border: 1px solid rgba(51,51,51,.54);
    position: absolute;
    top: 12px;
    left: 0;
    height: 14px;
    width: 14px
}

.login-rememberMeContainer input:checked ~ .login-rememberMeCustom {
    background-color: #1bbb4f;
    border: none
}

.login-rememberMeCustom:after {
    content: "";
    position: absolute;
    display: none
}

.login-rememberMeContainer input:checked ~ .login-rememberMeCustom:after {
    display: block
}

.login-rememberMeContainer .login-rememberMeCustom:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.login-rememberMeTxt {
    font-weight: 500;
    font-size: 12px
}

.auth-passRecoveryTxt {
    line-height: 1.2;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    margin-top: 20px
}

.sendEmail {
    width: 222px;
    margin-top: 70px
}

#Create {
    width: 222px
}

.recoveryEmail-form {
    margin-top: 120px
}

.auth-backToLoginContainer {
    background-color: #f2f2f2;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 5px;
    margin-top: 80px;
    margin-left: 1px;
    margin-right: 1px
}

    .auth-backToLoginContainer button {
        border: none;
        background: none
    }

    .auth-backToLoginContainer i {
        color: rgba(51,51,51,.54);
        font-size: 18px;
        position: relative;
        top: 2px
    }

.text-danger {
    color: #d65e5e;
    font-size: 12px
}

    .text-danger span {
        line-height: 1;
        display: inline-block
    }

.auth-errorMsg {
    position: relative;
    margin-top: -10px;
    margin-bottom: -5px
}

    .auth-errorMsg ul {
        list-style-type: none;
        padding: 0
    }

        .auth-errorMsg ul li {
            padding-right: 15px
        }

    .auth-errorMsg i {
        position: absolute;
        right: 0
    }

.auth-content {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.registerPopup-header {
    border-bottom: none
}

#registerPopup-headerText {
    text-align: center;
    text-transform: uppercase;
    color: #514141;
    width: 65%;
    margin: 0 auto;
    margin-bottom: -15px;
    font-size: 22px;
    font-weight: 700
}

#registerPopup-headerTextMobile {
    display: none
}

.guest-choiceTxt {
    margin-left: 30px
}

.guest-checkTxt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    display: block
}

    .guest-checkTxt a {
        color: #333;
        font-weight: 700
    }

#register-backToLoginContainer, #guest-backToLoginContainer {
    margin-top: 10px
}

#registerPopup-form {
    margin-top: 0
}

#register-serverError {
    margin: 0
}

.fb-modal {
    min-height: 190px;
    border-radius: 0;
    width: 346px
}

#FB-headingTxt {
    margin-bottom: 20px
}

.auth-passRecoveryErroMsg {
    margin: 5px 0
}

.guest-optinBlock {
    width: 100%;
    margin-bottom: 5px
}

.register-btns {
    width: 285px
}

.register-optInCheckContainer {
    width: 285px;
    margin: 0 auto
}

.register-readAndOptIn {
    width: 285px;
    margin: 0 auto;
    position: absolute;
    background-color: #38c365;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 66px;
    padding: 10px 10px 20px 10px
}

.guest-readAndOptIn {
    z-index: 1
}

#registerAgree, #guestAgree {
    display: none;
    margin-top: 73px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative
}

.button--guest {
    z-index: 1
}

.register-agreeTxt {
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 7px
}

    .register-agreeTxt a {
        color: #fff;
        text-decoration: underline;
        font-weight: 500
    }

.auth-checkContainer {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#register-checkContainer, #guest-checkContainer {
    margin-bottom: -5px;
    margin-top: 0
}

#guest-checkContainer {
    margin-top: 10px
}

.auth-check {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid;
    border-radius: 2px
}

#RegtermsAndConditionsClick, #FTtermsAndConditionsClick {
    border-color: #fff
}

#FBtermsAndConditionsClick {
    border-color: rgba(51,51,51,.54)
}

.auth-checkContainer input:checked ~ .auth-check {
    border: none
}

#register-checkContainer input:checked ~ #RegtermsAndConditionsClick, #guest-checkContainer input:checked ~ #FTtermsAndConditionsClick {
    background-color: #fff
}

#fb-checkContainer input:checked ~ #FBtermsAndConditionsClick {
    background-color: rgba(51,51,51,.54)
}

.auth-checkContainer .auth-check:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 14px;
    border: solid;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#register-checkContainer #RegtermsAndConditionsClick:after, #guest-checkContainer #FTtermsAndConditionsClick:after {
    border-color: #1bbb4f
}

#fb-checkContainer #FBtermsAndConditionsClick:after {
    border-color: #fff
}

.auth-checkContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    right: 0
}

.auth-check:after {
    content: "";
    position: absolute;
    display: none
}

.auth-checkContainer input:checked ~ .auth-check:after {
    display: block
}

.register-checkTxt {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
    display: inline-block
}

.fb-agreeTxt {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    display: inline-block;
    margin-top: 17px
}

    .fb-agreeTxt a {
        color: #000;
        text-decoration: underline
    }

.fb-optInTxt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    display: inline-block
}

#fb-checkContainer {
    margin-bottom: 0;
    margin-top: 10px
}

#AcceptTos {
    font-size: 14px
}

#fb-modalBody {
    padding-bottom: 0
}

#fb-backToLoginContainer {
    margin-top: 0;
display:none !important
}

#partialFacebookOptIn {
    padding: 0 20px
}

#register {
    margin-top: 85px
}

#passwordRecovery-backToLoginContainer {
    margin-top: 112px
}

.guest, .guestAgree {
    margin-top: 143px
}

.guestRegister-forgotPassword {
    position: absolute;
    bottom: 85px;
    left: 0
}

.login-flow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 506px
}

    .login-flow #loginPopup-logInFields {
        -webkit-box-flex: 1 auto;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto
    }

    .login-flow__proceed, .login-flow #guestAgree {
        margin: 35px auto 40px auto
    }

    .login-flow .register-readAndOptIn {
        width: 250px;
        bottom: 75px
    }

    .login-flow .loginPopup-forgotPassword {
        margin-bottom: 10px
    }

    .login-flow .g-button {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .login-flow .auth-greenBtns {
        display: inline-block
    }

.login-flow__others {
    -webkit-box-flex: 1 148px;
    -webkit-flex: 1 148px;
    -ms-flex: 1 148px;
    flex: 1 148px;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-box-pack: distribute;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.login-flow__others--fb {
    margin-top: 5px !important;
    margin-bottom: 5px
}

.login-flow__others--login {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #1a1a1a;
    font-weight: 500;
    color: #1a1a1a;
    font-size: 12px;
    width: 250px;
    height: 32px;
    margin: 5px auto;
    display: block;
    padding: 7px;
    background-color: transparent;
    text-transform: uppercase
}

.login-flow__others--register {
    font-size: 12px;
    font-weight: 500;
    display: block;
    text-align: center
}

    .login-flow__others--register span {
        text-decoration: underline;
        cursor: pointer
    }

@media screen and (max-width:991px) {
    .modal-backdrop {
        z-index: 1059 !important
    }

    .modal {
        z-index: 1060
    }
}

@media screen and (max-width:767px) {
    #loginPopup-leftPText {
        display: none
    }

    #registerPopup-headerTextMobile {
        display: block;
        font-size: 19px;
        text-align: center;
        text-transform: uppercase;
        color: #514141;
        margin: 0 auto;
        font-weight: 700
    }

    #registerPopup-headerText {
        display: none
    }

    .registerPopup-body {
        padding: 10px 15px
    }

    #partialPasswordRecoveryEmail {
        margin-top: 25px
    }

    #passwordRecovery-rightContainer {
        padding: 6px 20px 43px 20px
    }

    .loginPopup-content .modal-body {
        padding-top: 15px
    }
}

@media screen and (max-width:481px) {
    .loginPopup-forgotPassword {
        font-size: 11px
    }

    .optinTxt {
        font-size: 11px
    }

    .register-optInModalContainer {
        width: 295px
    }

    .auth-container {
        max-height: 540px;
        overflow-y: auto;
        overflow-x: hidden
    }

    #guestPopup .auth-container {
        max-height: 557px
    }
}

@media screen and (max-width:360px) {
    .auth-headingText {
        font-size: 18px;
        margin-top: 12px
    }

    .auth-input {
        font-size: 14px;
        height: 25px
    }

    .auth-smallerBtn {
        margin-top: 12px;
        font-size: 11px
    }

    .auth-forms .form-group {
        margin-bottom: 8px
    }

    #loginPopup-asteriskText {
        font-size: 10px
    }

    #registerPopup-headerTextMobile {
        font-size: 18px;
        margin-bottom: -10px;
        margin-left: 7px
    }

    .checkmark {
        left: -10px;
        height: 16px;
        width: 16px
    }

    .loginPopup-rightContainer {
        padding: 6px 20px 22px 20px
    }

    .login-fastTrackIcon {
        width: 17px
    }

    #forgotPassword {
        bottom: 5px
    }

    .optinTxt {
        margin-bottom: 5px;
        font-size: 10px
    }

    .auth-container {
        width: 308px;
        min-height: 430px;
        max-height: 509px
    }

    #guestPopup .auth-container {
        max-height: 509px
    }

    #partialLogin {
        padding-top: 5px
    }

    #FacebookLogin {
        font-size: 12px
    }

    .loginPopup-registerGuestContainer {
        margin-top: 14px;
        padding-top: 17px;
        padding-bottom: 13px
    }

    .loginPopup-guestButton {
        font-size: 11px;
        margin-top: 10px
    }

    .loginPopup-registerBtn {
        font-size: 11px;
        margin-bottom: 10px
    }

    #loginPopup-recoveryEmail {
        margin-top: 78px
    }

    .fb-modal {
        width: 308px
    }

    #partialFacebookOptIn {
        padding: 0
    }

    #AcceptTos {
        margin-top: 11px
    }

    #passwordRecovery-backToLoginContainer {
        margin-top: 86px
    }

    #register {
        margin-top: 15px
    }

    #guest, #guestAgree {
        margin-top: 53px
    }

    #registerAgree {
        margin-top: 54px
    }

    .register-readAndOptIn {
        bottom: 73px;
        padding: 5px 10px 10px 10px
    }

    .abcRioButtonContents {
        font-size: 12px !important
    }

    .guestRegister-forgotPassword {
        position: static;
        margin-top: 10px
    }
}

.checkout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-box-pack: distribute;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.checkout__user-info {
    -webkit-box-flex: 0 550px;
    -webkit-flex: 0 550px;
    -ms-flex: 0 550px;
    flex: 0 550px
}

.checkout__user-info-wrap {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.checkout__order-details {
    -webkit-box-flex: 0 550px;
    -webkit-flex: 0 550px;
    -ms-flex: 0 550px;
    flex: 0 550px
}

.checkout__order-details-wrap {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Open Sans',sans-serif
}

.checkout__order-details--close {
    display: none
}

.checkout__order-details-heading {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 50px 0 20px 0;
    margin: 0
}

.checkout__order-details--open {
    display: none
}

.error-modal__dialog {
    width: 300px
}

.error-modal__content {
    padding: 25px
}

.error-modal__body {
    font-family: 'Open Sans',sans-serif
}

.error-modal__text {
    text-transform: lowercase
}

@media only screen and (min-width:992px) {
    .error-modal__text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .error-modal__text {
        font-size: 12px
    }
}

.error-modal__text:first-letter {
    text-transform: capitalize
}

.error-modal__link {
    font-weight: 700;
    text-decoration: underline
}

@media only screen and (min-width:992px) {
    .error-modal__link {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .error-modal__link {
        font-size: 12px
    }
}

.menu-ourMenu {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    margin: 19px auto;
    position: absolute;
    width: 340px;
    top: 0;
    left: 0;
    right: 0
}

.menu-backToBranches {
    color: #333;
    opacity: .54;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 21px 0;
    margin-bottom: 0;
    margin-left: 15px
}

.menu-backImg {
    width: 40px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    min-width: 40px
}

.checkout-Header {
    background-color: #fff;
    height: 65px
}

.checkout-colContainers {
    padding: 0
}

.checkout-smallLeftCol {
    padding-left: 0
}

.checkout-smallRightCol {
    padding-right: 0
}

.checkoutPromo-error {
    position: relative;
    top: -10px
}
.select2-container--default .select2-selection--single {
    border: 1px solid #c4c4c4 !important;
}
.checkout-promoBtn {
    height: 38px;
    width: 100%;
    background-color: #1bbb4f;
    border: none;
    color: #fff;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px
}

#checkout-comments {
    margin: 0;
    width: 100%;
    white-space: pre;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
    border: none;
    border-bottom: 2px solid #d1d1d1;
    resize: none;
    font-size: 12px;
    color: #333
}

#paymentType-tabs {
    border: none
}

#checkout-paymentTabs {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: transparent;
    border: none;
    padding-left: 15px;
    padding-right: 15px
}

    #checkout-paymentTabs .checkout-tabs {
        margin: 0;
        padding: 0;
        border: none;
        background-color: transparent;
        border-bottom: 2px solid #909090;
        list-style: none;
        flex-grow: 1
    }

        #checkout-paymentTabs .checkout-tabs a {
            color: #333;
            opacity: .54;
            text-align: center;
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            padding-bottom: 15px;
            width: 100%;
            cursor: pointer
        }

    #checkout-paymentTabs li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        opacity: 1 !important;
        font-weight: 700 !important
    }

    #checkout-paymentTabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border-bottom: 2px solid #333
    }

    #checkout-paymentTabs .checkout-tabs:focus, #paymentType-tabs ul .checkout-tabs a:focus {
        outline-color: transparent
    }

#cards-tabs {
    margin-top: 15px;
    border: none
}

    #cards-tabs ul {
        background-color: transparent;
        border: none
    }

    #cards-tabs .checkout-cardTabs {
        margin: 0;
        padding: 0;
        border: none;
        background-color: transparent;
        list-style: none
    }

    #cards-tabs a {
        color: #333;
        cursor: pointer;
        font-weight: 400;
        margin-left: 15px
    }

    #cards-tabs ul .checkout-cardTabs:focus, #cards-tabs ul .checkout-cardTabs a:focus {
        outline-color: transparent
    }

.checkout-payment__terms-text {
    font-style: italic;
    text-align: center
}

@media only screen and (min-width:992px) {
    .checkout-payment__terms-text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .checkout-payment__terms-text {
        font-size: 12px
    }
}

.checkout-payment__terms-text a {
    text-decoration: underline;
    color: #1a1a1a
}

.paypal__error {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #1a1a1a;
    background-color: #faf258;
    text-align: center;
    width: 100%;
    padding: 5px;
    line-height: 1.4;
    display: none
}

@media only screen and (min-width:992px) {
    .paypal__error {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .paypal__error {
        font-size: 12px
    }
}

.paypal__error-text {
    margin: 0
}

.paypal__logo {
    text-align: center;
    display: block;
    font-size: 65px;
    color: #005ea6;
    margin: 5px 0 20px 0
}

.paypal__button {
    margin: 20px 0
}

.paypal__spinner {
    text-align: center;
    margin: 15px auto;
    display: block;
    font-size: 20px
}

.checkoutSubmit {
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #1bbb4f;
    height: 47px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border: none
}

    .checkoutSubmit:hover {
        color: #fff
    }

.checkout-replaceTxt {
    font-size: 12px;
    opacity: .54;
    display: inline-block
}

.checkout-cash {
    margin-top: 25px
}

#cards-tabs-2, #cards-tabs-1 {
    padding: 25px 0
}

#promoCode-errorIcon {
    display: none
}

.promo-container {
    position: relative
}

#promoCode-success {
    border: 1px solid #1bbb4f;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    font-size: 16px;
    padding: 10px;
    height: 40px
}

    #promoCode-success + span {
        color: #1bbb4f;
        opacity: .54;
        position: absolute;
        right: 30px;
        top: 22px;
        font-size: 17px
    }

#promoCode-removeCode {
    font-size: 12px;
    opacity: .54;
    cursor: pointer;
    float: right;
    border: none;
    background: none
}

.chechbox-headers {
    margin-top: 25px
}

#checkout-braintreeImg {
    width: 160px;
    float: right;
    margin-bottom: 30px
}

.checkout-promoField {
    border: 1px solid #333;
    font-size: 14px;
    height: 38px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    width: 100%;
    font-size: 12px;
    padding-left: 5px;
    border-right-color: #1bbb4f
}

.checkout-field__error {
    display: none;
    width: 100%
}

@media screen and (max-width:1200px) {
    .checkout__user-info {
        -webkit-box-flex: 0 400px;
        -webkit-flex: 0 400px;
        -ms-flex: 0 400px;
        flex: 0 400px
    }

    .checkout__order-details {
        -webkit-box-flex: 0 363px;
        -webkit-flex: 0 363px;
        -ms-flex: 0 363px;
        flex: 0 363px
    }
}

@media screen and (max-width:991px) {
    .menu-backToBranches {
        display: none
    }

    .menu-backImg {
        margin: 12px 0
    }

    #cards-tabs .checkout-cardTabs {
        width: 100%
    }

    .checkout-promoBtn {
        width: 100px;
        margin-left: -20px;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    .checkout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .checkout__order-details {
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        background-color: #f2f2f2;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .checkout__order-details-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        bottom: -100%;
        position: fixed;
        transition: .7s;
        width: 100%;
        z-index: 1001;
        height: 100%
    }

    .checkout__order-details--expanded {
        bottom: 0
    }

    .checkout__order-details--close {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        padding: 10px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px
    }

    .checkout__order-details--close-btn {
        position: absolute;
        font-size: 20px;
        right: 10px
    }

    .checkout__order-details-heading {
        display: none
    }

    .checkout__order-details--open {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        border-top: 1px solid #c4c4c4;
        padding: 15px;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase
    }

    .menu-backImg {
        margin: 12px 10px
    }

    #cards-tabs .checkout-cardTabs {
        width: 50%
    }

    .checkout-promoBtn {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width:550px) {
    #cards-tabs .checkout-cardTabs {
        width: 100%
    }
}

@media screen and (max-width:481px) {
    .menu-ourMenu {
        width: 65%
    }

    .checkout-rightColMobile {
        padding-left: 0
    }

    .checkout-promoBtn {
        width: 100px;
        font-size: 12px;
        margin-left: -15px
    }

    .checkout__order-details {
        padding: 10px
    }
}

@media screen and (max-width:370px) {
    .menu-backImg {
        margin: 12px -5px
    }

    .checkout-applyContainer {
        padding-right: 0
    }

    .checkout-promoField {
        font-size: 12px
    }

    .checkout-promoBtn {
        margin-left: -30px
    }
}

.home-container {
    width: 90%;
    margin: 0 auto;
    padding: 15px 0
}

#menu-img, #branches-img {
    width: 170px;
    min-width: 170px;
    margin-top: 25px;
    height: auto
}

.home-headers {
    font-size: 20px;
    text-transform: uppercase
}

.home-paragraphs {
    font-size: 16px;
    opacity: .54
}

.two-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 50px
}

#aboutUs {
    background-color: #454545;
    padding-bottom: 35px
}

#menu {
    background-color: #fff;
    padding-bottom: 35px
}

.home-contactBtn a {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 25px auto;
    display: block;
    background-color: #1bbb4f;
    width: 170px;
    padding: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    white-space: nowrap
}

.home-locationBtn a {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 25px auto;
    display: block;
    background-color: #1bbb4f;
    width: 250px;
    padding: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    white-space: nowrap;
    float: left
}

.home-menuBtn a {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 25px auto;
    display: block;
    background-color: #1bbb4f;
    width: 250px;
    padding: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    white-space: nowrap;
    font-size: 14px
}

.menu-img {
    margin: 0 auto;
    display: block;
    width: 170px !important
}

#ourVideos, #reservation {
    background-color: #454545
}

.aboutUsHeader {
    color: #fff;
    padding: 10px 0;
    text-align: center
}

.aboutUsText {
    color: #bdbdbd;
    opacity: 1
}

    .aboutUsText img {
        color: #bdbdbd;
        opacity: 1;
        width: 150px !important;
        height: auto !important;
        margin-right: 10px
    }

.hiddenRestaurantIdentity {
    display: none
}

.centerVideos video {
    width: 350px
}

#branches {
    background-color: #fff;
    padding-bottom: 35px
}

#quandoo-booking-widget iframe {
    margin: 0 auto;
    display: block
}

.customImg {
    width: 40%;
    margin: 0 auto;
    display: block;
    margin-top: 25px
}

.home-infoContainer {
    position: relative;
    min-height: unset
}

.home-showHideBtn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    color: #1bbb4f;
    text-transform: uppercase;
    font-weight: 500;
    text-align: right;
    cursor: pointer
}

@media screen and (min-width:1200px) {
    #menu-img {
        min-width: 235px;
        width: 235px
    }

    #branches-img {
        width: 235px
    }

    .centerVideos {
        margin: 0 auto;
        width: 76%
    }
}

@media screen and (max-width:991px) {
    .home-branchImgContainer {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .home-branchImgContainer {
        padding: 0 15px
    }

    #menu-img {
        margin: 0 auto;
        display: block
    }

    .customImg {
        width: 170px
    }

    #branches-img {
        display: none
    }

    .centerVideos {
        margin: 0 auto;
        width: 350px
    }
}

@media screen and (max-width:481px) {
    .centerVideos video {
        width: 287px
    }

    .two-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.history-greenLine {
    margin: 16px 0;
    border-bottom: 2px solid #1bbb4f
}

.history-orderHeader {
    padding: 0
}

.history-Col {
    padding-left: 0
}

.history-infoContainer span {
    font-size: 12px
}

.history-infoContainer p {
    font-size: 16px;
    opacity: .54
}

.history-orderAmount {
    font-weight: 500;
    color: #1bbb4f;
    opacity: 1 !important
}

.history-orderCanceled {
    color: #d65e5e;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 20px
}

.history-categoryTitle {
    font-size: 16px;
    font-weight: 500
}

.history-itemQty {
    font-size: 12px
}

.history-itemTitle {
    font-weight: 500
}

.history-addonTitle {
    opacity: .54;
    font-size: 12px;
    margin-top: -14px
}

.history-addonContainer {
    margin-top: -13px
}

.history-rightCol {
    padding-left: 30px
}

.history-allItemContainer {
    max-height: 150px;
    overflow-y: auto;
    -ms-overflow-y: auto;
    padding-left: 0
}

    .history-allItemContainer::-webkit-scrollbar {
        width: 2px
    }

    .history-allItemContainer::-webkit-scrollbar-thumb {
        border: 1px solid #636363;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        background-color: #636363
    }

.history-error li {
    list-style: none
}

#orderHistory {
    background-color: #fff
}

.history-restaurantName {
    font-size: 16px;
    font-weight: 500
}

.history-restaurantAddress {
    opacity: .54;
    text-align: right;
    font-weight: 500
}

.contact-branchWholeContainer, #history-whiteContainer, #history-historyEmptyContainer {
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.24);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.24);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.24)
}

#historyEmpty li {
    font-size: 18px;
    font-weight: 500;
    color: #d65e5e;
    text-align: center
}

#historyEmpty ul {
    padding: 0
}

@media screen and (min-width:992px) {
    #history-whiteContaine, #history-historyEmptyContainer {
        padding: 20px 100px
    }

    .history-containers {
        padding: 0 100px 20px 100px
    }
}

@media screen and (max-width:767px) {
    .history-rightCol {
        padding-left: 15px
    }

    .history-restaurantAddress {
        text-align: left
    }

    .history-restaurantName {
        margin-bottom: 0
    }
}

@media screen and (max-width:641px) {
    #yourOrders {
        padding: 20px 10px
    }
}

@media screen and (max-width:481px) {
    #history-whiteContainer, #history-historyEmptyContainer {
        padding: 10px 0
    }
}

#privacyPolicy, #termsAndConditions {
    background-color: #fff
}

.privacyPolicy-headers {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 40px
}

#privacy__cookie-heading {
    padding-top: 100px
}

.privacyPolicy-text {
    font-size: 12px
}

.privacyAndTerms-headerContainer {
    background-color: #fff;
    height: 65px
}

.privacyPolicy-list {
    padding-left: 20px
}

.privacyAndTerms-headerText {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    margin: 19px auto;
    position: absolute;
    width: 40%;
    top: 0;
    left: 0;
    right: 0
}

.eupopup-link:hover {
    cursor: pointer
}

@media screen and (max-width:991px) {
    #privacyPolicy-header, #termsAndConditions-header {
        top: 0
    }

    .privacyPolicy-headers {
        padding-top: 20px
    }

    .privacyAndTerms-headerText {
        width: 100%
    }
}

@media screen and (max-width:481px) {
    .privacyAndTerms-headerText {
        font-size: 16px
    }

    .privacyPolicy-table th, .privacyPolicy-table td {
        padding-left: 3px !important;
        padding-right: 3px !important
    }
}

.profile-FormGroup input:not(.no-underline) {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-bottom: 2px solid #333;
    font-size: 16px;
    color: #b1b1b1;
    padding-left: 0
}

.no-underline {
    box-shadow: none
}

.profile-FormGroup label {
    font-size: 12px;
    color: #333;
    font-weight: 400
}

.profile-smallLeftCol {
    padding-right: 5px;
    padding-left: 0
}

.profile-smallRightCol {
    padding-right: 0;
    padding-left: 5px
}

.profile-headers {
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.profile-saveBtn {
    width: 100%;
    height: 47px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #1bbb4f;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    border: none
}

    .profile-saveBtn:hover {
        background-color: #1dc854;
        color: #fff
    }

.profile-dotted {
    border: none;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(10%,#333),color-stop(0%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,#333 10%,rgba(255,255,255,0) 0%);
    background-image: -o-linear-gradient(left,#333 10%,rgba(255,255,255,0) 0%);
    background-image: linear-gradient(to right,#333 10%,rgba(255,255,255,0) 0%);
    background-position: bottom;
    -webkit-background-size: 6px 1px;
    background-size: 6px 1px;
    background-repeat: repeat-x
}

#profile-removeCardBtn {
    font-size: 8px;
    text-transform: uppercase;
    background-color: #d65e5e;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    padding: 3px 20px;
    position: absolute;
    top: 58px;
    right: 15px;
    background-image: none
}

#profile-braintreeImg {
    width: 160px;
    float: right
}

.form-control[readonly] {
    background-color: transparent
}

.profile-viewOnly {
    font-size: 16px;
    color: #5d5d5d;
    padding: 6px 0
}

#profile-addCard {
    font-size: 14px;
    font-weight: 400;
    width: 210px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    margin-top: 100px;
    height: 35px
}

.profile-passHeader {
    margin-top: 20px
}

.profile-choosePass {
    font-size: 12px;
    color: #333;
    margin-bottom: 0
}

.profile-clickToChange {
    font-size: 16px;
    color: #333;
    opacity: .54;
    cursor: pointer
}

.profile-cardDetails {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 2px solid #333;
    font-size: 16px;
    color: #b1b1b1;
    padding-left: 0
}

.profile-errorIcon {
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 5px;
    color: #d65e5e
}

.profile-errorIconBlack {
    color: #000
}

.profile-errorText {
    color: #d65e5e;
    font-size: 12px;
    display: inline-block;
    margin-top: 6px
}

.profile-errorMsg {
    display: none
}

.profile-valid {
    border-bottom: 2px solid #1bbb4f
}

.profile-invalid {
    border-bottom: 2px solid #d65e5e;
    display: inline-block
}

    .profile-invalid + .profile-errorMsg {
        display: block
    }

#profile-deleteAccountBtn {
    color: #d65e5e;
    font-size: 12px;
    font-weight: 500;
    float: right;
    background: transparent;
    border: none
}

.profile-deleteHeading {
    border: none;
    padding: 15px
}

    .profile-deleteHeading .h4 {
        font-size: 20px
    }

.profile-deletePopContent {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.profile-deleteBody {
    padding: 0 15px
}

    .profile-deleteBody p {
        color: #333;
        opacity: .54;
        font-size: 16px
    }

.profile-deleteFooter {
    border: none
}

.profile-deleteNo {
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    background: transparent;
    border: none;
    margin-right: 25px
}

.profile-deleteYes {
    color: #d65e5e;
    font-weight: 500;
    text-transform: uppercase;
    background: transparent;
    border: none
}

.profile-deleteModalDialog {
    width: 330px
}

.profile-deleteBodyTxt {
    margin-bottom: 0;
    margin-top: 25px
}

.switch {
    position: relative;
    display: inline-block;
    width: 37px;
    margin-left: 10px;
    margin-bottom: 13px
}

    .switch input {
        display: none
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #909090;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    height: 14px;
    width: 34px
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: -3px;
        bottom: -3px;
        background-color: #f2f2f2;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        -webkit-box-shadow: 0 1px 1px 0 #bfbfbf;
        box-shadow: 0 1px 1px 0 #bfbfbf
    }

.switch input:checked + .slider {
    background-color: #8cdca6
}

.switch input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2196f3;
    box-shadow: 0 0 1px #2196f3
}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background-color: #1bbb4f
}

.slider.round {
    -webkit-border-radius: 34px;
    border-radius: 34px
}

    .slider.round:before {
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

.profile-news {
    font-size: 12px
}

.profileNotificationHeader {
    margin-top: 20px
}

.profile-optInTxt {
    font-size: 16px;
    font-weight: 400;
    opacity: .54;
    padding: 0;
    cursor: pointer
}

.profile-optInContainers {
    display: inline-block;
    border-bottom: 2px solid #4d4d4d;
    margin-right: 10px
}

.profile-changePassContainer {
    width: 50%;
    margin: 0 auto
}

.passReset-description {
    font-size: 12px;
    opacity: .54
}

.passReset-saveBtn {
    background-color: #1bbb4f;
    border: none;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    height: 47px;
    margin-top: 40px
}

.passReset-charRequirements {
    text-align: right;
    font-size: 12px;
    opacity: .54;
    margin: 0
}

.profile-expiredCodeContainer {
    width: 329px;
    margin: 0 auto
}

.passReset-success {
    color: #1bbb4f;
    font-size: 12px
}

    .passReset-success span {
        margin-right: 5px
    }

.profile-deleteLabel {
    font-size: 12px;
    font-weight: 400
}

.profile-deleteInput {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #333;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 16px;
    color: #a6a6a6;
    margin-bottom: 20px
}

#profile-deleteCancel {
    margin: 0 auto;
    display: block
}

.profile-changePassCol {
    background-color: #fff
}

#profilePage {
    background-color: #fff
}

#profile-fieldsEmptyError {
    padding: 0;
    margin-bottom: -80px;
    margin-top: 53px
}

.profile-smallCol {
    padding: 0
}

@media screen and (max-width:991px) {
    .profile-cardHader {
        margin-top: 45px
    }

    #profile-braintreeImg {
        margin-bottom: 30px
    }

    #profile-addCard {
        margin-bottom: 50px
    }
}

@media screen and (max-width:767px) {
    .profile-changePassContainer {
        width: 100%
    }
}

@media screen and (max-width:481px) {
    .profile-saveBtn {
        font-size: 16px
    }

    .profile-saveContainer, .profile-deleteBtnContainer {
        padding: 0
    }

    .profile-deleteModalDialog {
        width: 300px
    }

    .profile-expiredCodeContainer {
        width: 320px
    }
}

@media screen and (max-width:360px) {
    .profile-expiredCodeContainer {
        width: 300px
    }

    .profile-changePassCol {
        padding: 0
    }
}

.index {
    background: #e3e3e3;
    padding-bottom: 90px;
    position: relative;
    z-index: 1;
    padding: 0
}

.index__overlay {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .75;
    z-index: -1
}

.index__choose--text {
    width: 752px;
    font-weight: 500;
    color: #1a1a1a;
    margin: 20px auto
}

@media screen and (max-width:991px) {
    .index__choose--text {
        width: 95%
    }
}

@media only screen and (min-width:992px) {
    .index__choose--text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .index__choose--text {
        font-size: 12px
    }
}

.index__choose--icon {
    margin-right: 5px
}

.index__each-restaurant {
    width: 752px;
    height: 110px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 20px auto;
    position: relative;
    background-color: #fff
}

@media screen and (max-width:991px) {
    .index__each-restaurant {
        width: 95%
    }
}


.index__each-restaurant:hover .index__restaurant-status {
    width: 30px
}

.index__restaurant-info {
    height: 110px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-right: 35px
}

@media only screen and (max-width:767px) {
    .index__restaurant-info {
        height: 150px
    }
}

.index__restaurant-info div {
    top: 50%;
    transform: translateY(-50%)
}

.index__restaurant-status {
    height: 110px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
    transition: .3s ease
}


.index__restaurant-status-icon {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.index__spinner-container {
    width: 30px
}

.index__spinner {
    font-size: 18px;
    left: 7px;
    top: 45px
}

@media screen and (max-width:767px) {
    .index__restaurant-info {
        padding: 2px 35px 2px 0
    }

        .index__restaurant-info div {
            top: unset;
            transform: unset;
            height: 45%;
            padding-left: 10px;
            padding-right: 0;
            display: flex;
            justify-content: center;
            flex-direction: column
        }

    .opening-hours__estimate {
        margin: 0
    }

    .index__spinner {
        top: 60px
    }
}

.smartbanner {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 84px;
    background: #fff
}

    .smartbanner .smartbanner__exit {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 7px;
        width: 16px;
        height: 16px;
        text-align: center
    }

        .smartbanner .smartbanner__exit::before, .smartbanner .smartbanner__exit::after {
            position: absolute;
            width: 2px;
            height: 16px;
            background: #000;
            content: ' '
        }

        .smartbanner .smartbanner__exit::before {
            transform: rotate(45deg)
        }

        .smartbanner .smartbanner__exit::after {
            transform: rotate(-45deg)
        }

    .smartbanner .smartbanner__icon {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        left: 35px;
        width: 50px;
        height: 50px;
        background-size: 50px 50px
    }

    .smartbanner .smartbanner__info {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        color: #1a1a1a;
        left: 97px;
        padding-right: 80px;
        line-height: 1.3
    }

        .smartbanner .smartbanner__info .smartbanner__info__title {
            font-size: 12px;
            color: #1a1a1a;
            font-weight: 500
        }

        .smartbanner .smartbanner__info .smartbanner__info__author, .smartbanner .smartbanner__info .smartbanner__info__price {
            font-size: 12px;
            color: #999
        }

    .smartbanner .smartbanner__button {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        background-color: #54b567;
        font-weight: 500;
        right: 10px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        width: 60px;
        padding: 8px 0
    }

        .smartbanner .smartbanner__button:focus, .smartbanner .smartbanner__button:hover {
            color: #fff;
            text-decoration: none
        }

.navbar-fixed-top {
    transition: top .3s;
    z-index: 999
}

.smartbanner-and-nav {
    top: 84px
}


.navigation--hidden {
    top: -160px
}

.integrated__page-whitespace {
    height: 57px;
    background-color: #fff
}

.integrated-nav {
    -webkit-box-shadow: 0 1px 3px 0 #e3e3e3;
    -moz-box-shadow: 0 1px 3px 0 #e3e3e3;
    box-shadow: 0 1px 3px 0 #e3e3e3;
    background-color: #fff;
    height: 56px
}

    .integrated-nav .collapsing.width {
        -webkit-transition: width .1s ease;
        -o-transition: width .1s ease;
        transition: width .1s ease;
        width: 0
    }

.integrated-nav__family-name {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    color: #999;
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 500;
    text-transform: uppercase
}

.integrated-nav__drowdown-toggle {
    float: right;
    padding: 18px 0;
    cursor: pointer
}

.integrated-nav__welcome-text, .integrated-nav__user-name {
    float: left;
    margin-bottom: 0;
    color: #999
}

.integrated-nav__user-name {
    font-weight: 700;
    padding: 0 5px
}

.integrated-nav__user-icon {
    color: #999;
    font-size: 20px;
    padding-left: 5px;
    padding-right: 50px
}

.integrated-nav--collapse {
    -webkit-box-shadow: 0 1px 3px 0 #e3e3e3;
    -moz-box-shadow: 0 1px 3px 0 #e3e3e3;
    box-shadow: 0 1px 3px 0 #e3e3e3;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 260px;
    height: 424px
}

    .integrated-nav--collapse::-webkit-scrollbar {
        width: 2px
    }

    .integrated-nav--collapse::-webkit-scrollbar-thumb {
        border: 1px solid #999;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #999
    }

.integrated-nav__logo {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin: 6px auto;
    height: 81px;
    width: 212px
}

.integrated-nav__page-container {
    border-top: 1px solid #e3e3e3;
    padding: 10px
}

.integrated-nav__page {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin: 5px 0;
    float: left
}

    .integrated-nav__page:hover {
        text-decoration: none;
        color: #999;
        font-weight: 700
    }

.integrated-nav__page--active {
    background-color: rgba(84,181,103,.1)
}

    .integrated-nav__page--active .integrated-nav__page-icon, .integrated-nav__page--active .integrated-nav__page-title {
        color: #54b567
    }

        .integrated-nav__page--active .integrated-nav__page-icon:hover, .integrated-nav__page--active .integrated-nav__page-title:hover {
            color: #54b567
        }

.integrated-nav__page-icon {
    color: #999;
    padding: 1px 13px;
    font-size: 18px
}

.integrated-nav__page-title {
    -webkit-transition: .1s ease;
    -o-transition: .1s ease;
    transition: .1s ease;
    color: #999;
    background-color: transparent;
    border: none;
    text-align: left
}

    .integrated-nav__page-title:hover, .integrated-nav__page-title:focus {
        text-decoration: none;
        color: #999
    }

.integrated-nav__control-report {
    position: relative;
    float: left;
    width: 100%
}

.integrated-nav__control-report-list {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 #e3e3e3;
    -moz-box-shadow: 0 1px 3px 0 #e3e3e3;
    box-shadow: 0 1px 3px 0 #e3e3e3;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -260px;
    width: 260px;
    padding: 15px 0
}

@media screen and (min-width:1200px) {
    .full-nav-container {
        width: 100%;
        padding: 0 100px
    }

}

@media screen and (max-width:991px) {
    .integrated-nav__welcome-text, .integrated-nav__user-name, .integrated-nav__user-name {
        display: none
    }
    .full-nav__burger{
        display:none
    }
}

@media screen and (max-width:767px) {
    .full-nav {
        height: 95px
    }
    .full-nav__burger {
        display: block
    }

    .full-nav-container {
        width: 100%;
        position: static
    }

    .full-nav__family {
        padding-left: 15px
    }

    .full-nav__opening-status-text {
        font-size: 10px
    }

    .full-nav__family-info {
        -webkit-box-flex: 90%;
        -webkit-flex: 90%;
        -ms-flex: 90%;
        flex: 90%
    }

    .full-nav__pages {
        -webkit-box-flex: 10%;
        -webkit-flex: 10%;
        -ms-flex: 10%;
        flex: 10%
    }

    .full-nav__login {
        display: none
    }

    .full-nav__family-name {
        font-size: 16px
    }

    .full-nav__burger {
        padding: 0;
        margin: 0
    }

    .full-nav__burger-text {
        display: none
    }

    .full-nav__burger-icon {
        font-size: 20px
    }

    .full-nav__page-title {
        font-size: 14px
    }

    .full-nav__page-container--secondary {
        padding-bottom: 15px
    }

    .full-nav--collapse {
        width: 300px;
        height: 100%
    }

    .full-nav__collapse-top-container {
        -webkit-box-flex: 0 0 95px;
        -webkit-flex: 0 0 95px;
        -ms-flex: 0 0 95px;
        flex: 0 0 95px
    }

    .full-nav__collapse-logo-link, .full-nav__collapse-family-name {
        display: none
    }

    .full-nav__collapse-login {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 7px 10px;
        cursor: pointer;
        border-radius: 2px;
        margin-left: 20px;
        color: #fff
    }

    .full-nav__collapse-login-text {
        font-weight: 600;
        padding-left: 5px;
        font-size: 14px
    }

    .full-nav__collapse-close {
        font-size: 20px
    }

    .navigation--hidden {
        top: -148px
    }
}

@media screen and (max-width:641px) {
    .integrated-nav__family-name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 56px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        left: 10px;
        top: 0;
        width: 80%;
        line-height: 1.1
    }

    .integrated-nav__user-icon {
        padding-right: 20px
    }

    .integrated-nav__control-report-list {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        width: auto;
        clear: both
    }

    .integrated-nav--collapse {
        overflow-y: auto
    }
}

.eupopup-container {
    -webkit-transition: right .8s;
    -o-transition: right .8s;
    transition: right .8s;
    position: fixed;
    bottom: 5px;
    right: -100vw;
    width: 420px;
    height: auto;
    background-color: rgba(0,0,0,.5)
}

.eupopup__slide-in {
    right: 65px;
    z-index: 10
}

.eupopup__text {
    font-family: 'Open Sans',sans-serif;
    width: 270px
}

@media only screen and (min-width:992px) {
    .eupopup__text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .eupopup__text {
        font-size: 12px
    }
}

.eupopup__cookie-icon {
    font-size: 30px
}

.eupopup-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: distribute;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
    color: #fff;
    padding: 20px 0
}

.eupopup__link {
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700;
    color: #fff
}

    .eupopup__link:hover, .eupopup__link:focus {
        color: #fff
    }

.eupopup-closebutton {
    cursor: pointer;
    font-size: 20px
}

@media screen and (max-width:768px) {
    .eupopup-container {
        -webkit-transition-property: bottom;
        -o-transition-property: bottom;
        transition-property: bottom;
        bottom: -100vh;
        width: 100%;
        right: 0;
        left: 0
    }

    .eupopup__slide-in {
        bottom: 0
    }

    .eupopup__text {
        width: 60%
    }
}

.footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    font-family: 'Open Sans',sans-serif;
    height: 140px;
    align-content: center
}

.footer__text--legal {
    display: inline-block;
    margin-bottom: 0;
    color: #585858;
    font-size: 12px
}

    .footer__text--legal:hover, .footer__text--legal:focus {
        color: #999;
        text-decoration: none;
        outline: none;
        cursor: pointer
    }

.footer__text--epos {
    color: #0f0f0f;
    font-size: 13px;
    margin-bottom: 8px;
    font-style: italic;
}

.footer__text--copyright {
    color: #999;
    font-size: 10px;
    margin-bottom: 0;
    font-style: italic;
    text-align: right
}
.footer__epos {
    flex: 0 50%
}
.footer__legal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 100%
}

.footer__legal-divider {
    height: 10px;
    width: 1px;
    background: #999;
    margin: 0 15px
}


.footer_eposcompany-logo {
    height: auto;
    min-width: 113px;
    width: 113px
}

.footer__copyright {
    flex: 0 50%;
    align-self: center
}

@media screen and (max-width:767px) {
    .footer {
        height: 110px
    }

    .footer__text--legal {
        font-size: 10px
    }

    .footer__text--epos {
        margin-bottom: 0;
        display: inline-block
    }

    .footer__legal {
        justify-content: center;
        padding-bottom: 20px
    }

    .footer_eposcompany-logo {
        min-height: 31px;
        min-width: 60px;
        width: 60px;
        margin-left: 5px
    }
}

@media screen and (max-width:350px) {
    .footer__legal-divider {
        margin: 0 5px
    }
}

.menu__opening-hours {
    padding: 20px 0
}

    .menu__opening-hours .opening-hours__name {
        font-size: 24px
    }

    .menu__opening-hours .opening-hours__divider {
        display: block;
        width: 100px;
        height: 2px;
        margin: 10px 0
    }

    .menu__opening-hours .opening-hours__hour-container {
        padding-right: 15px;
        padding-top: 3px
    }

    .menu__opening-hours .opening-hours__hour-text {
        line-height: 1.5;
        margin: 6px 0
    }

    .menu__opening-hours .opening-hours__hour-text--delivery {
        margin-top: 23px
    }

.index__restaurant-info .opening-hours__divider {
    display: none
}

.opening-hours__estimate {
    display: block;
    color: #1a1a1a;
    margin: 2px 0
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
#resmenu {
    border-bottom: 2px solid #000000;
    cursor: pointer;
}
#info1 {
    border-bottom: 2px solid #efefef;
    cursor: pointer;
}

.ml-ltr-20 {
    margin-left: 20px;
}
.pad-7-16px {
    padding: 7px 16px;
}

.pad-7-16px {
    padding: 7px 16px;
}
@media only screen and (min-width:992px) {
    .opening-hours__estimate {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .opening-hours__estimate {
        font-size: 12px
    }
}

.opening-hours__estimate-container {
    display: block;
    margin-top: 10px
}

.opening-hours__estimate-icon {
    margin-left: 5px
}

.opening-hours__text {
    color: #1a1a1a;
    margin: 4px 0
}

@media only screen and (min-width:992px) {
    .opening-hours__text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .opening-hours__text {
        font-size: 12px
    }
}

.opening-hours__hour-container {
    padding: 0;
    text-align: right
}

.opening-hours__hour-text {
    color: #1a1a1a;
    font-weight: 500;
    margin: 2px 0
}

@media only screen and (min-width:992px) {
    .opening-hours__hour-text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .opening-hours__hour-text {
        font-size: 12px
    }
}

.opening-hours__hour-status {
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 16px;
    padding: 0 8px;
    color: #fff;
    margin-left: 10px;
    float: right;
    line-height: 1.4
}

@media only screen and (min-width:992px) {
    .opening-hours__hour-status {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .opening-hours__hour-status {
        font-size: 12px
    }
}



@media screen and (max-width:767px) {

    .menu__opening-hours .opening-hours__hour-status {
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        position: absolute;
        left: 50%;
        margin: 0;
        padding: 2px 8px;
        top: 30px;
        line-height: 1.2
    }

    .menu__opening-hours .opening-hours__hour-text {
        margin-top: 10px;
        line-height: 1.3
    }

     
    .index__restaurant-info .opening-hours__text {
        margin: 2px 0
    }

    .index__restaurant-info .opening-hours__hour-status {
        margin-left: 0;
        margin-right: 10px
    }

    .index__restaurant-info .opening-hours__estimate {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .opening-hours__hour-container {
        text-align: left
    }

    .opening-hours__hour-text {
        margin: 1px 0
    }

    .opening-hours__hour-status {
        float: left;
        margin-right: 5px
    }

    .opening-hours__estimate-container {
        margin-top: 10px
    }

    .opening-hours__estimate {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .opening-hours__estimate-icon {
        margin-left: 0;
        font-size: 12px
    }

    .opening-hours__estimate-text {
        margin-left: 5px
    }
}

.notification-timeImg {
    display: block;
    width: 80px;
    padding: 10px 0;
    margin: 0 auto
}

.notification-modalContent, .notification-body {
    width: 330px;
    min-height: 259px
}

.notification-txt {
    font-size: 16px;
    opacity: .54;
    text-align: center;
    margin-top: 15px
}

.notification-timeTxt {
    font-weight: 500
}

.notification-closeBtn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    opacity: 1;
    float: none
}

.notification-PreOrderBtn {
    color: #1bbb4f
}

.page-divider {
    color: #fff;
    background: #999;
    min-height: 10px;
    position: relative
}

.page-divider__overlay {
    background: #999;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .3
}

.page-title__back-container {
    color: #fff;
    position: relative
}

    .page-title__back-container:hover, .page-title__back-container:focus {
        color: inherit;
        text-decoration: none
    }

    .page-title__back-container .container {
        position: relative
    }

.page-title__icon {
    margin: 10px 0
}

.page-title__text {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 80%
}

@media only screen and (min-width:992px) {
    .page-title__text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .page-title__text {
        font-size: 12px
    }
}
.covid-text {
    background-color: #FFEFAB;
    color: #930000;
    text-align: justify;
    text-indent: 1px;
    padding: 10px;
    border: none;
    border-radius:5px;
    margin: 0 auto;
}
.menu-container {
    padding-bottom: 30px;
    padding-left:10px;
}


.no-photo {
    width: 100%;
    border-radius: 5px;
}
.food-img {
    border-radius: 5px;
    display: inline-block;
}

.menu-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-box-pack: distribute;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.menu__overlay {
    background: #e3e3e3;
    width: 100%;
    position: absolute
}

.menu__overlay--light {
    background: #fff;
    opacity: .75
}

.menu {
    -webkit-box-flex: 61%;
    -webkit-flex: 61%;
    -ms-flex: 61%;
    flex: 61%;
    margin-right:9px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.menu-wrap {
    -webkit-box-flex: 0 745px;
    -webkit-flex: 0 745px;
    -ms-flex: 0 745px;
    flex: 0 745px;
    margin-right: 23px !important;
}

.menu__restaurant-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

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

.menu__search-icon--search {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 12px;
    font-size: 18px
}

.menu__search-icon--clear {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    font-size: 18px
}

.menu__search-input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    padding-left: 40px;
    color: #1a1a1a;
    height: 43px;
    width:100%
}

@media only screen and (min-width:992px) {
    .menu__search-input {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu__search-input {
        font-size: 12px
    }
}

.menu__search-input:focus {
    outline: none
}

.menu__search-input::placeholder {
    color: #1a1a1a
}

.menu__search-input:-ms-input-placeholder {
    color: #1a1a1a
}

.menu__discount-message {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #54b567;
    color: #fff;
    padding: 5px;
    margin: 0 auto;
    text-align: center
}

@media only screen and (min-width:992px) {
    .menu__discount-message {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu__discount-message {
        font-size: 12px
    }
}

.menu__expand-collapse {
    color:black;
    max-width: 726px;
    margin: 10px auto;
    cursor: pointer;
    float: left
}

@media only screen and (min-width:992px) {
    .menu__expand-collapse {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu__expand-collapse {
        font-size: 12px
    }
}

.allergen__link {
    padding: 0;
    float: right;
    cursor: pointer;
    display: inline-block
}

.allergen__link-text {
    color: #1a1a1a;
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
    margin: 10px 5px 10px 7px
}

@media only screen and (min-width:992px) {
    .allergen__link-text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .allergen__link-text {
        font-size: 12px
    }
}

.allergen__link-icon {
    font-size: 16px
}

.allergen-modal__header {
    padding: 28px 10px
}

.allergen-modal__close-icon {
    font-size: 20px;
    position: absolute;
    top: 7px;
    right: 7px
}

.allergen-modal__title {
    color: #1a1a1a;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1
}

.allergen-modal__list-title {
    margin-bottom: 0;
    margin-top: 20px
}

.allergen-modal__list {
    padding-left: 15px
}

.allergen-modal__list--alphabet {
    list-style-type: upper-alpha
}


.menu-category__panel .menu-category__heading {
    background-color: rgb(245, 245, 245);
    border-color: rgb(221, 221, 221);
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column
}

.menu-category__heading::before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    font-family: 'Font Awesome\ 5 Pro';
    content: "";
    font-size: 30px;
    font-weight: 400;
    color: #1a1a1a;
    right: 10px
}

.panel-group
{
    margin-bottom:5px !important;
    border-radius:0px !important;
}
.menu-category__discount {
    font-weight: 500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #54b567;
    text-transform: capitalize;
    line-height: 1.4;
    color: #fff;
    padding: 0 10px;
    position: absolute;
    left: 10px;
    top: -10px
}

@media only screen and (min-width:992px) {
    .menu-category__discount {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu-category__discount {
        font-size: 12px
    }
}

.menu-category__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 51px;
    color: #1a1a1a;
    padding: 11px 15px;
    line-height: 1;
    margin-bottom: 0
}

@media only screen and (min-width:992px) {
    .menu-category__title {
        font-size:19px
    }
}

@media only screen and (max-width:991px) {
    .menu-category__title {
        font-size: 19px
    }
}

.menu-category__item-quantity {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    font-weight: 500;
    color: #1a1a1a;
    right: 39px
}

@media only screen and (min-width:992px) {
    .menu-category__item-quantity {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu-category__item-quantity {
        font-size: 12px
    }
}

.panel-default > .panel-heading + .menu-category__body > .menu-item-container {
    background-color: #fff;
    padding:24px 0 10px 0;
    border-top: none
}
.ml-ltr-10 {
    margin-left: 10px;
}
.food-content {
    flex-grow: 1;
}
.food-content-header {
    display: flex;
    align-items: center;
}
.food-content a {
    font-size: 16px;
    color: #4b4b4e;
    font-weight: 600;
}
.food-content span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    flex-shrink: 0;
}
.ml-ltr-auto {
    margin-left: auto;
}
.food-content h6 {
    font-size: 16px;
    margin-left: 10px;
    margin-bottom: 2px;
    color: #4b4b4e;
    margin-right: 20px;
}
.menu-item {
    padding: 11px 22px;

}
.menu-item-container div:nth-child(1) {
    border-top:none !important
}

.menu-item:hover {
    cursor: pointer
}

.food-content p{
    margin-left:12px
}
.menu-item__info-container {
    margin: 0;
    position: relative
}

.menu-item__info-container--has-img .menu-item__description {
    margin-bottom: 25px
}

.menu-item__title {
    font-weight: bold;
    overflow: hidden; 
}

@media only screen and (min-width:992px) {
    .menu-item__title {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu-item__title {
        font-size: 12px
    }
}

.menu-item__description {
    overflow: hidden;
    margin-top: 10px
}

@media only screen and (min-width:992px) {
    .menu-item__description {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu-item__description {
        font-size: 12px
    }
}

.menu-item__img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    float: right;
    margin-left: 10px
}

.menu-item__icon--magnify {
    text-shadow: 0 0 2px #000;
    position: absolute;
    top: 88px;
    right: 5px;
    color: #fff;
    font-size: 28px
}

.menu-item__price-container {
    display: block;
    margin-top: 5px
}

.menu-item__price-container--has-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 130px)
}

.menu-item__price-container--long {
    width: 100%
}

.menu-item__image-modal {
    padding: 0
}

.menu-item__image-modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.menu-item__image--enlarged {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 600px;
    height: 600px
}

.menu-item__price-text {
    font-weight: 500;
    color: #54b567
}

@media only screen and (min-width:992px) {
    .menu-item__price-text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu-item__price-text {
        font-size: 12px
    }
}

.menu-item__price--discounted {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #54b567;
    color: #fff;
    padding: 1px 10px
}

@media only screen and (min-width:992px) {
    .menu-item__price--discounted {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu-item__price--discounted {
        font-size: 12px
    }
}

.menu-item__price--old {
    color: #999;
    text-decoration: line-through;
    margin-left: 5px
}

@media only screen and (min-width:992px) {
    .menu-item__price--old {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu-item__price--old {
        font-size: 12px
    }
}

.addon-modal .modal-dialog {
    width: 550px
}

.addon-modal .modal-content {
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none
}

.addon-modal__body {
    padding: 0 20px 10px 20px;
    overflow-y: auto;
    max-height: 70vh
}

    .addon-modal__body::-webkit-scrollbar {
        width: 2px
    }

    .addon-modal__body::-webkit-scrollbar-thumb {
        border: 1px solid #636363;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

.addon-modal__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    min-height: 55px;
    padding-right: 40px;
    padding-left: 20px;
    margin: 0;
    line-height: 1;
    position: relative;
    z-index: 2
}

.addon-modal__title-box-shadow {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2)
}

.addon-modal__title-container {
    display: flex;
    flex-direction: column
}

.addon-modal__close {
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    z-index: 3
}

.addon-modal__img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 150px;
    margin: 10px 0
}

.addon-modal__description {
    margin-bottom: 0;
    margin-top: 10px
}

@media only screen and (min-width:992px) {
    .addon-modal__description {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .addon-modal__description {
        font-size: 12px
    }
}

.addon-modal__submit {
    -webkit-box-shadow: 0 -2px 6px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 -2px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 -2px 6px 0 rgba(0,0,0,.16);
    background-color: #54b567;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    height: 56px;
    padding: 20px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    z-index: 2;
    position: relative
}

    .addon-modal__submit:hover, .addon-modal__submit:focus {
        background-color: #1a843b;
        outline: none
    }

.addon-modal__price {
    float: right
}

.addon-category {
    margin-top: 10px;
    padding: 0
}

.addon-category__title {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    line-height: 1.2;
    margin: 0
}

.addon-category__title-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    padding: 10px 0;
    z-index: 1;
}

.addon-category__error {
    color: #d65e5e
}

@media only screen and (min-width:992px) {
    .addon-category__error {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .addon-category__error {
        font-size: 12px
    }
}

.addon-category__error-icon {
    float: right
}

.addon-category__selected, .addon-category__selected-qty-container {
    color: #54b567;
    margin-left: 10px;
    position: relative;
    bottom: 2px
}

@media only screen and (min-width:992px) {
    .addon-category__selected, .addon-category__selected-qty-container {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .addon-category__selected, .addon-category__selected-qty-container {
        font-size: 12px
    }
}

.addon-category__selected-qty-container {
    display: none
}

.menu-addonRadioContainer {
    display: block;
    position: relative;
    cursor: pointer
}

.menu-addonCheckContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .menu-addonRadioContainer input, .menu-addonCheckContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

.menu-addonRadioBtn {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #e3e3e3
}

.menu-addonCheckBtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #d3d3d3;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.menu-addonRadioContainer input:checked ~ .menu-addonRadioBtn {
    border-color: #54b567
}

.menu-addonCheckContainer input:checked ~ .menu-addonCheckBtn {
    border-color: #54b567;
    background-color: #54b567
}

.menu-addonRadioBtn::after, .menu-addonCheckBtn::after {
    content: "";
    position: absolute;
    display: none
}

.menu-addonRadioContainer input:checked ~ .menu-addonRadioBtn::after, .menu-addonCheckContainer input:checked ~ .menu-addonCheckBtn::after {
    display: block
}

.menu-addonRadioContainer .menu-addonRadioBtn::after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #54b567
}

.menu-addonCheckContainer .menu-addonCheckBtn:after {
    left: 5px;
    top: 0;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.addon__title {
    padding: 0
}

.addon__text {
    color: #1a1a1a;
    font-weight: 400
}

@media only screen and (min-width:992px) {
    .addon__text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .addon__text {
        font-size: 12px
    }
}

.menu-addonCancelText {
    padding: 0 20px;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    color: #d65e5e;
    font-weight: 500;
    margin-bottom: 5px;
    cursor: pointer
}

.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    -ms-overflow-y: auto;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    z-index: 3000 !important
}

.menu-item--added {
    margin-right: 5px;
    float: left
}

.menu-item__icon--add {
    float: right;
    font-size: 19px;
    margin-right:-11px;
}

.menu-item__quantity {
    font-weight: 500;
    color: #54b567
}

@media only screen and (min-width:992px) {
    .menu-item__quantity {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .menu-item__quantity {
        font-size: 12px
    }
}

.pulseItem {
    animation: pulseItem 1s ease-in-out 2;
    -webkit-animation: pulseItem 1s ease-in-out 2
}

@-webkit-keyframes pulseItem {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes pulseItem {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

.addon-row {
    padding: 7px 0;
    margin: 0;
    cursor: pointer
}

    .addon-row:hover {
        background-color: #f8f8f8
    }

.menu-addonCheckboxContainer {
    padding: 0
}

#addonAccordion {
    margin-bottom: 5px
}

.menu-category__heading[aria-expanded="true"]::before {
    content: ""
}

.menu-addonAllContainer {
    margin-top: 10px
}

@media screen and (max-width:1200px) {
    .menu-wrap {
        -webkit-box-flex: 0 590px;
        -webkit-flex: 0 590px;
        -ms-flex: 0 590px;
        flex: 0 590px;
    }

}

@media screen and (max-width:991px) {
    .addon-modal .modal-dialog {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        margin-right: 23px;
    }

    .addon-modal .modal-content {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    .addon-modal__body {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-height: 100%
    }

    .addon-modal__title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .menu {
        -webkit-box-flex: 1 100%;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }
}

@media screen and (max-width:767px) {
    .menu {
        padding: 0
    }

    .menu-wrap {
        -webkit-box-flex: 1 100%;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        margin-right: 0px !important;
    }

    .menu-page {
        padding-left: 10px;
        padding-right: 10px
    }

    .menu__restaurant-info {
        text-align: center
    }

    .menu__search {
        margin: 10px auto
    }

    .allergen-modal__modal-dialog {
        width: 80%
    }

    .allergen-modal__list-title {
        margin-top: 15px
    }

    .menu-category__title {
        min-height: 58px
    }

    .menu-item:hover {
        background-color: initial
    }

    .menu-item__icon--add {
        font-size: 16px
    }

    .menu-item__image--enlarged {
        width: 285px;
        height: 285px
    }
}

@media screen and (max-width:641px) {
    .addon__title {
        padding-left: 15px
    }
}

@media screen and (max-width:481px) {
    .notification-modalContent, .notification-body {
        width: 300px
    }

    .notification-timeImg {
        padding-top: 10px
    }

    .notification-txt {
        font-size: 14px
    }

    .menu__restaurant-info {
        margin: 0 0 20px 0
    }

    .menu__search-container, .menu__discount-message-container {
        padding: 0
    }

    .allergen-modal__modal-dialog {
        width: 90%
    }

    .menu-category__heading {
        min-height: 42px
    }
}

.order-details__section, .order-details__item {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    padding: 20px;
    margin: 5px 0
}

.order-details__collection {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.order-details__collection-method {
    font-weight: 600;
    margin: 0
}

@media only screen and (min-width:992px) {
    .order-details__collection-method {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__collection-method {
        font-size: 12px
    }
}

.order-details__collection-time {
    font-weight: 700;
    margin: 0
}

@media only screen and (min-width:992px) {
    .order-details__collection-time {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__collection-time {
        font-size: 12px
    }
}

.order-details__text--secondary, .order-details__item-addon {
    color: #999;
    font-weight: 400;
    margin: 0
}

@media only screen and (min-width:992px) {
    .order-details__text--secondary, .order-details__item-addon {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__text--secondary, .order-details__item-addon {
        font-size: 12px
    }
}

.order-details__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 1px 0
}

.order-details__item-names {
    -webkit-box-flex: 1 80%;
    -webkit-flex: 1 80%;
    -ms-flex: 1 80%;
    flex: 1 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.order-details__item-name, .order-details__item-price {
    font-weight: 700;
    line-height: 1.29;
    margin-bottom: 5px
}

@media only screen and (min-width:992px) {
    .order-details__item-name, .order-details__item-price {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__item-name, .order-details__item-price {
        font-size: 12px
    }
}

.order-details__item-addon {
    padding-left: 20px
}

.order-details__item-prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1 20%;
    -webkit-flex: 1 20%;
    -ms-flex: 1 20%;
    flex: 1 20%;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.order-details__item-discount, .order-details__item-discount-text {
    margin-top: auto;
    padding-top: 10px
}

.order-details__item-discount-text {
    padding-left: 20px
}

.order-details__subtotal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-details__comment {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    flex-wrap: wrap;
    padding: 20px;
    margin: 5px 0
}

.order-details__comment-text-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

.order-details__comment-icon {
    margin-right: 10px;
    font-size: 15px
}

.order-details__comment-text {
    font-weight: 700
}

@media only screen and (min-width:992px) {
    .order-details__comment-text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__comment-text {
        font-size: 12px
    }
}

.order-details__comment-textarea {
    border: 1px solid #a9a9a9;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    resize: none;
    padding: 20px 20px 0 20px;
    border-bottom: none;
    width: 100%
}

@media only screen and (min-width:992px) {
    .order-details__comment-textarea {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__comment-textarea {
        font-size: 12px
    }
}

.order-details__comment-textarea::placeholder {
    color: #d5d5d5
}

.order-details__comment-textarea:focus {
    outline: none
}

.order-details__comment-textarea::-webkit-scrollbar {
    width: 2px
}

.order-details__comment-textarea::-webkit-scrollbar-thumb {
    border: 1px solid #636363;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.order-details__comment-characters {
    border: 1px solid #a9a9a9;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    color: #999;
    width: 100%;
    text-align: right;
    border-top: none;
    padding: 8px 10px
}

@media only screen and (min-width:992px) {
    .order-details__comment-characters {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__comment-characters {
        font-size: 12px
    }
}

.order-details__total-delivery, .order-details__total-service-fee {
    margin-bottom: 10px
}

.order-details__total-text {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

@media only screen and (min-width:992px) {
    .order-details__total-text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__total-text {
        font-size: 12px
    }
}

.order-details__total-tax {
    font-weight: 400;
    text-transform: initial
}

@media only screen and (min-width:992px) {
    .order-details__total-tax {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__total-tax {
        font-size: 12px
    }
}

.order-details__back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    padding: 30px 0
}

@media only screen and (min-width:992px) {
    .order-details__back {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .order-details__back {
        font-size: 12px
    }
}

.order-details__back-link {
    text-decoration: underline;
    margin-left: 5px;
    color: inherit;
    cursor: pointer
}

    .order-details__back-link:hover, .order-details__back-link:focus {
        color: inherit;
        outline: none
    }

@media screen and (max-width:767px) {
    .order-details__item-price {
        margin: 0
    }
}

.has-special-offer {
    margin-top: 40px
}

.special-offer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 320px;
    background-color: #54b567;
    height: 42px;
    border-bottom: 1px dashed #fff;
    position: absolute;
    bottom: 70px;
    padding: 0 15px
}

@media only screen and (min-width:1200px) {
    .special-offer-container {
        width: 400px
    }
}

.special-offer__text {
    color: #fff;
    font-weight: 700;
    padding-right: 10px;
    line-height: 1
}

@media only screen and (min-width:992px) {
    .special-offer__text {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .special-offer__text {
        font-size: 12px
    }
}

.special-offer__img {
    height: 60px;
    margin-bottom: 25px
}

.address__icon--marker {
    font-size: 10px;
    position: absolute;
    top: 15px;
    left: 6px
}

.address__icon--locate-me {
    color: #54b567;
    position: absolute;
    top: 2px;
    right: 1px;
    cursor: pointer;
    font-size: 17px;
    padding: 10px;
    background-color: #fff
}

.address__zip-code-correct {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1;
    text-align: center;
    display: block;
    margin-top: 20px
}

.address__btn--delivery-range {
    color: #d65e5e;
    font-weight: 16px;
    cursor: pointer
}

@media only screen and (min-width:992px) {
    .address__btn--delivery-range {
        font-size: 14px
    }
}

@media only screen and (max-width:991px) {
    .address__btn--delivery-range {
        font-size: 12px
    }
}

.address__number-warning-container {
    display: none
}

.cart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 290px;
    font-family: 'Open Sans',sans-serif;
    position: relative;
    margin-top: 20px;
    background-color: #fff;
    padding: 0
}

.menuleft {
    width: 300px;
    padding-left: 20px;
    margin-left:80px !important;
    float:right;
}
@media only screen and (min-width:1200px) {
    .menuright {
        width: 372px
    }
}

.cart-column {
    -webkit-box-flex: 27%;
    -webkit-flex: 27%;
    -ms-flex: 27%;
    flex: 27%;
    position: -webkit-sticky;
    position: sticky;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    -ms-grid-row-align: flex-start;
    align-self: flex-start;
    top: 20px;
    margin-top: 20px;
}


.cart--empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c4c4c4;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    height: 150px;
    background-color: #fff
}

.cart--scroll {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 70vh;
    margin: 0;
    margin-top: 85px;
    background-color: #f2f2f2
}

    .cart--scroll::-webkit-scrollbar {
        width: 2px
    }

    .cart--scroll::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #636363;
        background-color: #636363
    }

.cart__collection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    overflow: hidden
}

.cart__collection-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cart__collection-btn-container {
    text-align: center;
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 30px 25px 15px 25px
}

.cart__collection-btn--unselected {
    margin-right: 1px
}

.cart__collection-label {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-weight: 700;
    height: 40px;
    cursor: pointer;
    font-size: 14px;
    margin: 0;
    padding: 9px 0;
    color: #fff;
    width: 100%;
    background: rgba(255,255,255,.65)
}

.cart__collection-input {
    position: absolute !important;
    clip: rect(0,0,0,0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden
}

    .cart__collection-input:checked + .cart__collection-label {
        background: none
    }

.cart__section--toggler-details {
    -webkit-box-flex: 0 85%;
    -webkit-flex: 0 85%;
    -ms-flex: 0 85%;
    flex: 0 85%
}

.cart__section-title {
    font-size: 14px;
    color: #1a1a1a;
    display: block;
    text-transform: capitalize;
    font-weight: 300
}

.cart__section-display {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 14px
}

.cart__section--closed {
    font-weight: 600;
    color: #d65e5e;
    font-size: 14px
}

.cart__section-icon {
    -webkit-box-flex: 0 15%;
    -webkit-flex: 0 15%;
    -ms-flex: 0 15%;
    flex: 0 15%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right;
    font-size: 16px
}

.cart__section--collapsible {
    padding: 0 25px;
    position: relative;
    background-color: #fff
}

.cart__address-container {
    background-color: #fff;
    margin-top: 10px
}

.cart__address-toggler {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    padding: 20px 25px
}

.cart__address-titles {
    font-size: 14px;
    color: #c4c4c4;
    padding-bottom: 10px;
    display: block;
    line-height: 1
}

.cart__address-field {
    font-size: 14px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #c4c4c4;
    width: 100%;
    padding: 0 20px;
    cursor: pointer;
    height: 40px;
    -webkit-appearance: none
}

    .cart__address-field:focus {
        outline: none
    }

.cart__address-field-container {
    position: relative;
    display: block;
    padding-bottom: 20px
}

.cart__address-display, .cart__address-display-swap {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 14px
}

.cart__time {
    display: none;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 5px
}

.cart__time-toggler {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    padding: 20px 25px
}

.cart__time-select {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border-color: #c4c4c4;
    width: 100%;
    padding: 0 15px;
    cursor: pointer;
    height: 40px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    font-size: 14px;
    background-color: transparent
}

    .cart__time-select:focus {
        outline: none
    }

.cart__time-icon {
    color: #c4c4c4;
    font-size: 20px;
    position: absolute;
    top: 29px;
    right: 26px;
    pointer-events: none
}

.cart__order-details {
    margin: 10px 0
}

.cart__order-details--toggler {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    padding: 20px 25px;
    background-color: #fff;
    font-weight: 300
}

.cart__order-details .order-details__item-name, .cart__order-details .order-details__item-price {
    padding-right: 5px;
    font-size: 14px;
    font-weight: 600
}

.cart__order-details .order-details__item-price {
    padding-right: 0
}

.cart__order-details .order-details__item-addon, .cart__order-details .order-details__item-addon, .cart__order-details .order-details__item-discount-text, .cart__order-details .order-details__item-discount, .cart__order-details .order-details__item-discount-text {
    font-size: 14px
}

.cart__order-details-text--secondary {
    font-size: 12px
}

.cart-item {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 20px 0
}

.cart-item--pulse {
    -webkit-animation: pulse-cart-item 1s ease-in-out 1;
    animation: pulse-cart-item 1s ease-in-out 1
}

.cart-item__qty {
    font-size: 16px;
    font-weight: 600
}

.cart-item__qty-container {
    -webkit-box-flex: 1 100%;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px
}

.cart-item__icon--minus, .cart-item__icon--plus {
    font-size: 20px;
    background-color: transparent;
    border: none;
    line-height: inherit;
    padding: 0 15px
}

    .cart-item__icon--minus:focus, .cart-item__icon--plus:focus {
        outline: none
    }

.cart-item__icon--plus {
    padding-right: 1px
}

.cart__comment {
    padding: 20px 25px
}

    .cart__comment .order-details__comment-text {
        font-weight: 300;
        font-size: 14px
    }

    .cart__comment .order-details__comment-characters {
        color: #d5d5d5
    }

    .cart__comment .order-details__comment-textarea, .cart__comment .order-details__comment-characters {
        font-size: 14px
    }

.cart__subtotal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 1px;
    padding: 20px 0
}

    .cart__subtotal .order-details__text--secondary, .cart__subtotal .order-details__item-addon {
        font-size: 14px
    }

.cart__total-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    margin-top: 10px;
    padding: 20px 5px
}

    .cart__total-section .order-details__total-text {
        font-size: 14px;
        font-weight: 600
    }

    .cart__total-section .order-details__text--secondary, .cart__total-section .order-details__item-addon {
        font-size: 14px
    }

.cart__back-to-menu {
    display: none
}

.cart--closed-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cart__free-delivery-container {
    background-color: #4990e2
}

.cart__required-delivery-container, .cart__free-delivery-container {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px 4px 15px;
    margin: 3px 20px;
    font-size: 12px;
    color: #fff;
    background-color: #d65e5e
}

.cart__delivery-notification-text {
    margin-left: 15px
}

.cart__icon--exclamation {
    opacity: .54
}

.cart__icon--close {
    display: none
}

.cart__icon--close-container {
    display: none
}

.cart__checkout-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    height: 70px;
    width: 100%;
    line-height: 1
}

    .cart__checkout-btn i {
        margin: 0 auto
    }

.cart-bar {
    display: none
}

.cart__server-error-container {
    position: absolute;
    bottom: 0;
    width: 100%
}

    .cart__server-error-container .validation-summary-errors {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: .8;
        background-color: #1a1a1a;
        padding: 5px 30px;
        position: relative;
        min-height: 70px
    }

        .cart__server-error-container .validation-summary-errors ul {
            font-size: 14px;
            list-style: none;
            padding: 0;
            line-height: 1;
            font-size: 12px;
            color: #fff;
            margin: 0
        }

.cart__general-error, .address__btn--delivery-range {
    line-height: 1;
    margin-top: 7px;
    display: block;
    font-size: 12px
}

@-webkit-keyframes add-item-wave {
    0%,60%,100% {
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        transform: initial
    }

    30% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes add-item-wave {
    0%,60%,100% {
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        transform: initial
    }

    30% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes pulse-cart-item {
    0% {
        background-color: transparent
    }

    50% {
        background-color: rgba(209,209,209,.35)
    }

    100% {
        background-color: transparent
    }
}

@keyframes pulse-cart-item {
    0% {
        background-color: transparent
    }

    50% {
        background-color: rgba(209,209,209,.35)
    }

    100% {
        background-color: transparent
    }
}

@media screen and (max-width:991px) {
    .cart {
        -webkit-transition: bottom .5s linear;
        -o-transition: bottom .5s linear;
        transition: bottom .5s linear;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        bottom: -100%;
        position: fixed !important;
        z-index: 1000 !important;
        left: 0;
        width: 100%;
        float: none;
        height: 98%
    }

    .cart--expanded {
        background-color: #fff;
        bottom: 0
    }

    .cart-column {
        -webkit-box-flex: 0;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0
    }

    .cart--scroll {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-top: 65px;
        max-height: 100%
    }

    .cart__icon--close {
        display: block;
        color: #999;
        font-size: 20px
    }

    .cart__icon--close-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 15px
    }

    .cart__collection-btn-container {
        padding: 15px;
        top: 45px
    }

    .cart__section--toggler, .cart__section--collapsible, .cart__comment {
        padding-left: 15px;
        padding-right: 15px
    }

    .cart__total-section {
        padding-left: 0;
        padding-right: 0
    }

        .cart__total-section .order-details__section, .cart__total-section .order-details__item {
            padding-left: 15px;
            padding-right: 15px
        }

    .cart__back-to-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100px;
        font-size: 14px;
        font-weight: 600
    }

    .cart__back-to-menu-link {
        text-decoration: underline;
        padding-left: 3px
    }

    .cart__background {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        margin: 0;
        background-color: rgba(0,0,0,.4)
    }

    .cart-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 70px;
        padding: 0 15px;
        left: 0;
        z-index: 2
    }

    .cart-bar-and-special-offers {
        -webkit-transition: bottom .5s linear;
        -o-transition: bottom .5s linear;
        transition: bottom .5s linear;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }

    .cart-bar--hidden {
        bottom: -70px
    }

    .cart-bar__display {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .cart-bar__total {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: right;
        font-size: 16px;
        font-weight: 700
    }

    .cart-bar__loading-wave {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

    .cart-bar__loading-wave--inverse {
        overflow: auto
    }

    .cart-bar__dot {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-animation: add-item-wave .9s linear infinite;
        animation: add-item-wave .9s linear infinite;
        display: inline-block;
        width: 7px;
        height: 7px;
        background: #fff;
        margin-right: 5px
    }

        .cart-bar__dot:nth-child(2) {
            -webkit-animation-delay: -.7s;
            animation-delay: -.7s
        }

        .cart-bar__dot:nth-child(3) {
            -webkit-animation-delay: -.5s;
            animation-delay: -.5s
        }

    .cart-bar__continue-text, .cart__item-count {
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        padding-right: 5px
    }

    .has-special-offer {
        margin: 0
    }

    .special-offer-container {
        width: 100%;
        left: 0;
        z-index: 2
    }
}

@media screen and (max-height:800px) and (min-width:992px) {
    .cart--scroll {
        max-height: 50vh !important

    }
}

.app-banner {
    -webkit-box-shadow: 0 1px 3px 0 #e3e3e3;
    -moz-box-shadow: 0 1px 3px 0 #e3e3e3;
    box-shadow: 0 1px 3px 0 #e3e3e3;
    height: 75px;
    background: #fff;
    padding: 0;
    z-index: 1
}

.app-banner-container {
    width: 752px;
    margin: 0 auto
}

.app-banner__img-and-text-container {
    height: 75px;
    display: inline-block;
    float: left;
    width: 52%;
    padding-left: 15px;
    position: relative
}

.app-banner__img-container {
    position: relative;
    float: left
}

.app-banner__logo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    min-height: 64px;
    min-width: 64px;
    margin: 5px 0;
    display: inline-block
}

.app-banner__phone-icon {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 55px
}

.app-banner__text-container {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 290px;
    padding-left: 50px
}

.app-banner__text, .app-banner__text--small {
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 7px
}

.app-banner__text--small {
    font-size: 14px;
    margin-bottom: 0
}

.app-banner__app-img-container {
    height: 75px;
    display: inline-block;
    background-color: #54b567;
    float: left;
    width: 48%;
    padding-left: 115px;
    position: absolute;
    right: 0
}

    .app-banner__app-img-container a:hover {
        text-decoration: none
    }

    .app-banner__app-img-container:before {
        -webkit-box-shadow: -5px 0 6px 0 rgba(0,0,0,.16);
        -moz-box-shadow: -5px 0 6px 0 rgba(0,0,0,.16);
        box-shadow: -5px 0 6px 0 rgba(0,0,0,.16);
        -webkit-transform: skew(-25deg);
        -moz-transform: skew(-25deg);
        -ms-transform: skew(-25deg);
        transform: skew(-25deg);
        content: "";
        background: inherit;
        width: 50px;
        position: absolute;
        top: 0;
        left: -25px;
        bottom: 0
    }

.app-banner__app-img {
    margin: 22px 7px;
    height: 30px;
    width: 89px;
    min-width: 89px;
    min-height: 30px;
    display: inline-block
}

@media screen and (max-width:991px) {
    .app-banner-container {
        width: 95%
    }

    .app-banner__text-container {
        width: 75%
    }

    .app-banner__app-img-container {
        padding-left: 0;
        padding-right: 30px;
        text-align: right
    }
}
@media screen and (max-width:1024px) {
    .menuleft {
        margin-left: 14px !important;
    }
}
@media screen and (max-width:767px) {
        .app-banner-container {
            width: 100%
        }

        .menuleft {
            margin-left: 0px !important;
        }

        .app-banner {
            height: auto
        }

        .app-banner__img-and-text-container {
            float: none;
            height: 88px;
            width: 45%;
            margin: 0 auto;
            display: block;
            padding: 0
        }

        .app-banner__logo {
            margin: 12px 0
        }

        .app-banner__app-img-container {
            position: relative;
            width: 100%;
            text-align: center;
            padding: 0;
            height: 51px
        }

        .app-banner__app-img {
            margin: 10px 7px
        }
    }

    @media screen and (max-width:481px) {
        .app-banner__img-and-text-container {
            width: 80%
        }
    }

    .contact-page-container {
        background-color: #fff
    }

    .contact-page {
        padding-top: 30px
    }

    .contact-branches__each-branch {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
        height: 85px;
        margin-bottom: 20px;
        position: relative;
        text-align: center;
        line-height: 1;
        padding: 5px
    }

    .contact-branches__text {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        padding: 5px
    }

    .contact-branches__name {
        color: #1a1a1a;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 1.5px
    }

    .contact-branches__address {
        margin-bottom: 0;
        color: #1a1a1a
    }

    .contact__title {
        font-size: 20px;
        font-weight: 500;
        color: #1a1a1a
    }

    .contact__opening-hours-container {
        float: right;
        width: 200px;
        margin-right: 100px
    }

    .contact__opening-hours {
        padding: 0 0 10px 0
    }

    .contact--bold .contact__day, .contact--bold .contact__time {
        font-weight: 700
    }

    .contact__day {
        font-weight: 500;
        margin: 0;
        padding: 0
    }

    @media only screen and (min-width:992px) {
        .contact__day {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .contact__day {
            font-size: 12px
        }
    }

    .contact__time {
        margin: 0;
        padding: 0;
        text-align: right
    }

    @media only screen and (min-width:992px) {
        .contact__time {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .contact__time {
            font-size: 12px
        }
    }

    .contact--closed {
        font-weight: 700;
        color: #d65e5e
    }

    .contact__phone {
        margin-bottom: 10px;
        display: block
    }

    .contact__discount-container {
        padding: 20px 0
    }

    .contact__text--save {
        font-size: 20px;
        font-weight: 500;
        color: #54b567;
        text-transform: uppercase
    }

    .contact__text--only-online {
        font-weight: 500;
        text-transform: uppercase
    }

    @media only screen and (min-width:992px) {
        .contact__text--only-online {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .contact__text--only-online {
            font-size: 12px
        }
    }

    .contact__btn {
        height: 47px;
        width: 320px;
        padding: 14px 0
    }

    @media screen and (max-width:767px) {
        .contact-page {
            padding-left: 0;
            padding-right: 0
        }

        .contact-branches__each-branch {
            height: 78px
        }

        .contact__opening-hours-container {
            float: none;
            margin: 0 auto
        }

        .contact__title, .contact-info {
            text-align: center
        }

        .contact__btn {
            float: none;
            display: inline-block
        }
    }

    @media screen and (max-width:481px) {
        .contact__btn {
            width: 300px
        }

        .menuleft {
            margin-left: 0px !important;
        }
    }

    @media screen and (max-width:335px) {
        .contact__btn {
            width: 100%
        }

        .menuleft {
            margin-left: 0px !important;
        }
    }

    .order-confirmation, .order-confirmation-info {
        background-color: #fff
    }

    .order-status {
        background-color: #f2f2f2;
        text-align: center;
        padding: 20px 0 0 0
    }

    .order-status__heading {
        font-size: 20px;
        font-weight: 500
    }

    .order-status__illustration {
        width: 100px;
        margin: 20px auto;
        display: block;
        min-height: 100px
    }

    .order-status__text {
        font-size: 20px;
        font-weight: 500;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 109px;
        text-align: center;
        margin: 0 auto;
        background-color: #fff
    }

        .order-status__text p {
            margin: 0
        }

    .order-status__text--time {
        font-size: 48px
    }

    .order-status__text--delay {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 62px;
        font-size: 12px;
        font-weight: 500;
        margin: 0 auto;
        background-color: #fff
    }

    .order-status--waiting span {
        font-size: 25px
    }

        .order-status--waiting span:nth-of-type(1) {
            -webkit-animation: three-dots 2s linear infinite;
            animation: three-dots 2s linear infinite
        }

        .order-status--waiting span:nth-of-type(2) {
            -webkit-animation: three-dots--2 2s linear infinite;
            animation: three-dots--2 2s linear infinite
        }

        .order-status--waiting span:nth-of-type(3) {
            -webkit-animation: three-dots--3 2s linear infinite;
            animation: three-dots--3 2s linear infinite
        }

    .order-status__progress {
        animation: progress 2s ease-in-out forwards
    }

    .order-status__progress-container {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
        width: 115px;
        display: inline-block
    }

    .order-status__progress-bar {
        background: #e3e3e3;
        height: 5px
    }

    .order-status__progress-bar--full, .order-status__progress {
        background: #54b567;
        height: 5px
    }

    .order-status__progress--cancelled {
        background: #d65e5e
    }

    @-webkit-keyframes three-dots {
        0% {
            opacity: 1
        }

        65% {
            opacity: 1
        }

        66% {
            opacity: 0
        }

        100% {
            opacity: 0
        }
    }

    @keyframes three-dots {
        0% {
            opacity: 1
        }

        65% {
            opacity: 1
        }

        66% {
            opacity: 0
        }

        100% {
            opacity: 0
        }
    }

    @-webkit-keyframes three-dots--2 {
        0% {
            opacity: 0
        }

        21% {
            opacity: 0
        }

        22% {
            opacity: 1
        }

        65% {
            opacity: 1
        }

        66% {
            opacity: 0
        }

        100% {
            opacity: 0
        }
    }

    @keyframes three-dots--2 {
        0% {
            opacity: 0
        }

        21% {
            opacity: 0
        }

        22% {
            opacity: 1
        }

        65% {
            opacity: 1
        }

        66% {
            opacity: 0
        }

        100% {
            opacity: 0
        }
    }

    @-webkit-keyframes three-dots--3 {
        0% {
            opacity: 0
        }

        43% {
            opacity: 0
        }

        44% {
            opacity: 1
        }

        65% {
            opacity: 1
        }

        66% {
            opacity: 0
        }

        100% {
            opacity: 0
        }
    }

    @keyframes three-dots--3 {
        0% {
            opacity: 0
        }

        43% {
            opacity: 0
        }

        44% {
            opacity: 1
        }

        65% {
            opacity: 1
        }

        66% {
            opacity: 0
        }

        100% {
            opacity: 0
        }
    }

    @keyframes progress {
        from {
            width: 0
        }

        to {
            width: 100%
        }
    }

    .ordering-info__cell {
        border: 1px solid #e3e3e3;
        height: 58px;
        padding: 0;
        line-height: 1.4
    }

        .ordering-info__cell:nth-of-type(1), .ordering-info__cell:nth-of-type(2) {
            background-color: #f2f2f2
        }

    .ordering-info__icon {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        position: absolute;
        top: 50%;
        left: 50%
    }

    .ordering-info__icon-container {
        height: 58px;
        display: inline-block;
        width: 36px;
        position: relative;
        float: left
    }

    .ordering-info__text {
        display: block
    }

    @media only screen and (min-width:992px) {
        .ordering-info__text {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .ordering-info__text {
            font-size: 12px
        }
    }

    .ordering-info__text-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 58px;
        line-height: 1.2
    }

    .ordering-info__heading {
        font-weight: 500;
        display: block
    }

    @media only screen and (min-width:992px) {
        .ordering-info__heading {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .ordering-info__heading {
            font-size: 12px
        }
    }

    .ordering-info__green-divider {
        border-bottom: 2px solid #54b567;
        margin: 10px 0
    }

    .confirmation-app-message {
        background: #54b567;
        float: left;
        width: 100%;
        position: relative
    }

    .confirmation-app-message__overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .75
    }

    .confirmation-app-message__offer {
        padding: 0 20px
    }

    .confirmation-app-message__offer-container {
        text-align: center;
        background-color: #54b567;
        height: 49px;
        border-bottom: 2px dashed #fff;
        padding: 9px 0;
        color: #fff;
        font-weight: 500;
        font-size: 20px;
        text-transform: uppercase
    }

    .confirmation-app-message__icon-container {
        text-align: center
    }

    .confirmation-app-message__icon--logo {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 97px;
        height: 97px;
        margin: 10px auto;
        display: inline-block
    }

    .confirmation-app-message__icon--phone {
        left: -20px;
        height: 85px;
        display: inline-block;
        position: relative
    }

    .confirmation-app-message__icon--left-arrow {
        float: left;
        padding: 5px 0 5px 90px
    }

    .confirmation-app-message__icon--right-arrow {
        float: right;
        padding: 5px 90px 5px 0
    }

    .confirmation-app-message__text {
        margin: 30px auto 0 auto;
        width: 300px
    }

    .confirmation-app-message__text-container {
        text-align: center;
        line-height: 1.2;
        padding: 10px;
        color: #1a1a1a
    }

    @media only screen and (min-width:992px) {
        .confirmation-app-message__text-container {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .confirmation-app-message__text-container {
            font-size: 12px
        }
    }

    .confirmation-app-message__text--emphasis {
        font-weight: 700;
        text-transform: uppercase
    }

    .confirmation-app-message__btn-container {
        padding: 42px 0;
        text-align: center
    }

    .confirmation-app-message__btn--app {
        margin: 0 7px
    }

    .your-order {
        width: 300px;
        margin: 0 auto
    }

    .your-order__header {
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        padding: 20px 0;
        margin: 0
    }

    .your-order__item {
        float: left;
        padding-bottom: 20px;
        width: 300px
    }

    .your-order__category {
        font-weight: 500;
        padding: 0;
        margin-bottom: 0;
        margin-top: 10px
    }

    @media only screen and (min-width:992px) {
        .your-order__category {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .your-order__category {
            font-size: 12px
        }
    }

    .your-order__text {
        margin-bottom: 0;
        margin-top: 5px
    }

    @media only screen and (min-width:992px) {
        .your-order__text {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .your-order__text {
            font-size: 12px
        }
    }

    .your-order__text--discount {
        color: #54b567;
        margin: 0;
        padding-left: 20px
    }

    @media only screen and (min-width:992px) {
        .your-order__text--discount {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .your-order__text--discount {
            font-size: 12px
        }
    }

    .your-order__text--addon {
        color: #999;
        padding-left: 20px;
        margin-bottom: 0
    }

    @media only screen and (min-width:992px) {
        .your-order__text--addon {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .your-order__text--addon {
            font-size: 12px
        }
    }

    .your-order__text--fees {
        margin-bottom: 0;
        padding: 0
    }

    @media only screen and (min-width:992px) {
        .your-order__text--fees {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .your-order__text--fees {
            font-size: 12px
        }
    }

    .confirmation__btn, .confirmation__btn--back, .confirmation__btn--orders {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.3);
        -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.3);
        box-shadow: 0 1px 3px 1px rgba(0,0,0,.3);
        font-weight: 500;
        border-radius: 5px;
        text-transform: uppercase;
        width: 300px;
        height: 47px;
        display: inline-block;
        padding: 15px 0;
        margin: 0 10px
    }

    .confirmation__btn-container {
        text-align: center;
        margin: 60px 0
    }

    .confirmation__btn--back {
        letter-spacing: 1.5px;
        color: #1a1a1a
    }

        .confirmation__btn--back:hover, .confirmation__btn--back:focus {
            color: #1a1a1a;
            outline: none;
            text-decoration: none
        }

    .confirmation__btn--orders {
        background-color: #54b567;
        color: #fff
    }

        .confirmation__btn--orders:hover, .confirmation__btn--orders:focus {
            color: #fff;
            outline: none;
            text-decoration: none
        }

    @media screen and (max-width:991px) {
        .confirmation-app-message__text {
            width: auto
        }
    }

    @media screen and (max-width:767px) {
        .order-confirmation .container {
            padding: 0
        }

        .ordering-info {
            padding: 0
        }

        .ordering-info__cell:nth-of-type(odd) {
            background-color: #f2f2f2
        }

        .ordering-info__cell:nth-of-type(even) {
            background-color: #fff
        }

        .confirmation-app-message__icon--left-arrow {
            padding-left: 60px
        }

        .confirmation-app-message__icon--right-arrow {
            padding-right: 60px
        }

        .confirmation-app-message__text {
            width: 260px;
            margin-top: 25px
        }

        .confirmation-app-message__text-container {
            padding: 0
        }

        .confirmation-app-message__btn-container {
            padding: 10px 0 20px 0
        }

        .confirmation {
            padding: 0
        }

        .confirmation__btn, .confirmation__btn--back, .confirmation__btn--orders {
            display: block;
            margin: 15px auto
        }

        .confirmation__btn-container {
            margin: 30px 0;
            padding: 0
        }
    }

    @media screen and (max-width:481px) {
        .confirmation-app-message__icon--left-arrow {
            padding-left: 20px
        }

        .confirmation-app-message__icon--right-arrow {
            padding-right: 20px
        }
    }

    body {
        font-family: 'Roboto',sans-serif;
        color: #1a1a1a;
        background-color: #f2f2f2;
        overflow-x: hidden;
        -ms-overflow-x: hidden;
        background-repeat: no-repeat;
        padding-right: 0 !important
    }

    .body-content {
        width: 100%;
        padding: 0
    }

    .close {
        line-height: 1;
        color: #000;
        padding: 0;
        cursor: pointer;
        background: none;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        float: right
    }

    .alert-dismissable .close, .alert-dismissible .close {
        font-size: 20px
    }

    .button--default {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1.5px
    }

    @media only screen and (min-width:992px) {
        .button--default {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .button--default {
            font-size: 12px
        }
    }

    button:disabled {
        cursor: not-allowed
    }

    .button--enabled {
        background-color: #54b567;
        color: #fff;
        text-decoration: none;
        border: none
    }

        .button--enabled:focus {
            outline: none
        }

    .button--disabled, .button--disabled:hover {
        background-color: #d1d1d1;
        color: #fff
    }

    .button__back {
        padding: 12px 0
    }

        .button__back:hover {
            text-decoration: none
        }

    .btn-popup-accept {
        padding: 10px;
        font-size: 16px;
        background-color: #bf8df2;
        color: #fff;
        text-decoration: none;
        border: none;
        text-transform: uppercase;
        width: 70%;
        letter-spacing: 1px;
        font-weight: 500;
        margin-top: 10px
    }

    .text--heading {
        font-weight: 500
    }

    @media only screen and (min-width:992px) {
        .text--heading {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .text--heading {
            font-size: 12px
        }
    }

    @media only screen and (min-width:992px) {
        .text--body {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .text--body {
            font-size: 12px
        }
    }

    .text--body-default {
        color: #1a1a1a
    }

    @media only screen and (min-width:992px) {
        .text--body-default {
            font-size: 14px
        }
    }

    @media only screen and (max-width:991px) {
        .text--body-default {
            font-size: 12px
        }
    }

    .text--body-default:hover, .text--body-default:focus {
        color: #1a1a1a;
        text-decoration: none;
        outline: none
    }

    .font--bold {
        font-weight: 700
    }

    .font--medium {
        font-weight: 500
    }

    .centered-modal {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) !important
    }

        .centered-modal .modal-dialog {
            margin: auto
        }

    .modal {
        text-align: center;
        padding: 0 !important
    }

        .modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px
        }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle
    }


    .page__header {
        background-color: #fff;
        position: relative;
        z-index: 1;
        height: 70px
    }

    .page__title {
        font-size: 20px;
        text-align: center;
        text-transform: uppercase;
        margin: 20px 0;
        line-height: 1;
        font-weight: 500;
        color: #333
    }

    .page-container {
        padding: 50px 10px;
        background-color: #f2f2f2
    }

    .input-field--bordered {
        border: 1px solid #999;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #1a1a1a;
        width: 100%;
        height: 40px;
        font-size: 12px;
        padding: 11px 10px 10px 35px;
        margin: 10px 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        resize: none;
        max-width: 100%
    }

        .input-field--bordered::-ms-expand {
            display: none
        }

    .contact-branchWholeContainer {
        background-color: #fff;
        padding: 20px
    }

    .input-field--bordered:focus {
        outline-color: transparent
    }

    .input-field--bordered::-webkit-scrollbar {
        width: 2px
    }

    .input-field--bordered::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #999
    }

    .overflow-hidden {
        overflow: hidden
    }

    .inline-block {
        display: inline-block !important
    }

    .no-margin {
        margin: 0
    }

    .no-margin-right {
        margin-right: 0
    }

    .no-padding {
        padding: 0
    }

    .no-padding-right {
        padding-right: 0
    }

    .no-padding-left {
        padding-left: 0
    }

    .green-text {
        color: #54b567
    }

    .error-text {
        color: #d65e5e
    }

    .green-border {
        border-color: #54b567
    }

    .red-border {
        border-color: #d65e5e
    }

    .is-hidden {
        display: none
    }

    ._android__refresh--disabled {
        overscroll-behavior-y: contain
    }

    .flex-direction--column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-direction--row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    @media screen and (min-width:1200px) {
        body {
            -webkit-background-size: contain;
            background-size: contain;
            background-repeat: no-repeat
        }
    }

    @media screen and (max-width:991px) {
        body {
            cursor: pointer
        }
    }

    @media screen and (max-width:767px) {
        .centered-modal {
            left: 49%
        }

        .contact-branchWholeContainer {
            width: 95%
        }
    }

    @media screen and (max-width:481px) {
        .centered-modal {
            left: 47%
        }
    }

    @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
        .profile-dotted input, .profile-dotted {
            border-bottom: 1px dotted #000 !important
        }
    }

    @media screen and (max-width:340px) {
        #cookie-warning {
            overflow: scroll;
            -webkit-overflow-scrolling: touch;
            height: auto
        }
    }