/* Fonts */
@font-face {
  font-family: 'mumz-awesome';
  src: url('/skin/frontend/mumz/iphone/css/fonts/mumz-awesome.eot?53849334');
  src: url('/skin/frontend/mumz/iphone/css/fonts/mumz-awesome.eot?53849334#iefix') format('embedded-opentype'),
       url('/skin/frontend/mumz/iphone/css/fonts/mumz-awesome.woff2?53849334') format('woff2'),
       url('/skin/frontend/mumz/iphone/css/fonts/mumz-awesome.woff?53849334') format('woff'),
       url('/skin/frontend/mumz/iphone/css/fonts/mumz-awesome.ttf?53849334') format('truetype'),
       url('/skin/frontend/mumz/iphone/css/fonts/mumz-awesome.svg?53849334#mumz-awesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*= "ma icon-"]:before{
    font-family: "mumz-awesome" !important;
}

/* Site CSS overrides - for custom header */


/* General */

.mobilecheckout-wrapper {
  color: #212b36;
  font-family: "Gotham-Book";
  padding: 0 0 20px;
}

.mobilecheckout-wrapper .mobilecheckout-container {
    position: relative;
    margin-top:30px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
.mobilecheckout-steps {
    float: left;
    width: 33%;
    background: #fff;
    padding: 0 10px;
    flex: 1;
    padding-bottom: 20px;
    display: inline-block;
}
.mobilecheckout-steps#mobilecheckout-review-wrapper {
    margin: 0 0 0 10px;
    background: inherit;
    padding: 0;
}
.yalla-img {
    background: #fff;
    padding: 0 10px;
}
.mobilecheckout-split-delivery {
    background: #fff;
    margin-top: 15px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
.mobilecheckout-gift-certificates{
    background: #fff;
    margin-top: 15px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    width:100%;
}
.mobilecheckout-wrapper .mobilecheckout-container .mobilecheckout-subtitle {
    color: #004b87;
    font-size: 16px;
    font-weight: normal;
    font-family: "Gotham-Medium";
    padding: 20px 0 50px;
    height: 26px;
    margin: 0;
    text-transform:uppercase;
}

.mobilecheckout-wrapper .mobilecheckout-container .mobilecheckout-subtitle .step-title {
    height: 22px;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 0 0 5px;
}

.mobilecheckout-wrapper .mobilecheckout-container .mobilecheckout-subtitle .step-circle {
    position: relative;
    font-size: 26px;
    display: inline-block;
}

.mobilecheckout-wrapper .mobilecheckout-container .mobilecheckout-subtitle .step-circle .step-number {
    color: #fff;
    position: absolute;
    left: 0;
    font-size: 14px;
    font-style: normal;
    top: 9px;
    width: 21px;
    text-align: center;
    font-family: gotham-book;
}

.mobilecheckout-wrapper .mobilecheckout-buttons {
    padding: 20px 10px;
    background-color: #fff;
}

.mobilecheckout-wrapper .mobilecheckout-buttons button {
    width: 100%;
    background-color: #0072bc;
    border: none;
    color: #fff;
}

.mobilecheckout-wrapper .btn-disabled {
    background-color: #dddddd !important;
}

.mobilecheckout-wrapper  .mobile-loader {
    text-align: center;
}

.mobilecheckout-wrapper  .mobilecheckout-error, .mobilecheckout-wrapper  .mobilecheckout-warning {
    padding: 10px 0;
    font-size: 12px;
    color: #F00;
}

#mobilecheckout-billing-address-edit .mobilecheckout-subtitle, #mobilecheckout-shipping-address-edit .mobilecheckout-subtitle {
    padding: 10px 0;
}

#mobilecheckout-billing-address-edit li.fields, #mobilecheckout-shipping-address-edit li.fields {
    margin-bottom: 0;
}

#mobilecheckout-billing-address-edit .mobilecheckout-warning, #mobilecheckout-shipping-address-edit .mobilecheckout-warning {
    padding: 0 0 10px 0;
}

.mobilecheckout-wrapper .messages .note-msg, .mobilecheckout-wrapper .messages .error-msg, .mobilecheckout-wrapper .messages .notice-msg, .mobilecheckout-wrapper .messages .success-msg {
    background: #FCFCFC;
    color: #C30045;
    padding: 10px;
    border: 1px solid #F4F4F4;
    font-family: "Gotham-Book";
    font-weight: bold;
    text-shadow: none;
}

.mobilecheckout-wrapper li.fields.address_header {
    margin: 0 0 15px 0 !important;
    display: block;
}

/* Checkout Forms */

.mobilecheckout-wrapper form {
    margin: 0 0 30px 0;
}

.mobilecheckout-wrapper .form-list .field {
    width: 100%;
}

.mobilecheckout-wrapper input:focus, .mobilecheckout-wrapper select:focus {
    outline: 1px solid #f7f7f7;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.mobilecheckout-wrapper .form-list .input-box {
    margin: 0 0 20px 0;
    float: none;
    width: 100% !important;
}

.mobilecheckout-wrapper div.input-box input.input-text, .mobilecheckout-wrapper div.input-box select {
    height: 35px;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-style: normal;
    width:100%;
}

.mobilecheckout-wrapper div.input-box input.input-text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mobilecheckout-wrapper select.address-select {
    margin: 10px 0 0 0;
}

.mobilecheckout-wrapper input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    border: none !important;
    outline: none !important;
    width: 14px;
    height: 15px;
    margin: 0 10px 0 0;
    display: inline-block;
}

.mobilecheckout-wrapper input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    border: none !important;
    outline: none !important;
    width: 14px;
    height: 15px;
    margin: 0 10px 0 0;
}

.mobilecheckout-address-shipping {
    margin: 30px 0 0 0;
}

.mobilecheckout-shipping-methods .sp-methods, .mobilecheckout-shipping-methods .sp-methods ul, .mobilecheckout-shipping-methods li.shipping-method, .mobilecheckout-shipping-methods .shipping-method-info {
    float: left;
    width: 100%;
}

.mobilecheckout-shipping-methods li.shipping-method {
    margin: 0 0 20px 0;
}

.mobilecheckout-shipping-methods li.shipping-method .method-cost {
    float: right;
    font-weight: bold;
    font-family: "Gotham-Medium";
}

.mobilecheckout-shipping-methods input[type="radio"] {
    float: left;
}

.mobilecheckout-shipping-methods label {
    float: left;
    font-size: 14px;
    width: 98%;
}

.mobilecheckout-shipping-methods .single-method label {
    width: 100%;
}

.mobilecheckout-shipping-methods div.shipping-method-info.radio {
    margin: 0;
}

.mobilecheckout-wrapper .form-list li.note, .form-list li.control {
    margin: 20px 0 0 0;
}

.mobilecheckout-wrapper .form-list li.control label {
    font-size: 12px;
    color: #555;
    float: none;
    width: auto;
    display: inline-block;
}

.mobilecheckout-payment-methods div.payment-method-info {
    float: left;
    width: 100%;
    margin: 0;
    height: 27px;
    line-height: 27px;    
}

.mobilecheckout-payment-methods div.payment-method-info.method-has-icons {
    height: 27px;
    line-height: 27px;
}

.mobilecheckout-payment-methods  .single-payment-method div.payment-method-info {
    margin: 0 0 20px 0;
}

.payment-method-form .form-list li {
    margin: 0 0 30px 0 !important;
}

.mobilecheckout-payment-methods div.payment-method-form ul:nth-child(1) {
    margin: 0;
}

.mobilecheckout-payment-methods div.payment-method-form .form-list {
    padding: 0;
}

.mobilecheckout-payment-methods li.payment-method {
    margin: 0 0 20px 0;
}

.mobilecheckout-payment-methods .payment-method-info input[type="radio"] {
    float: left;
    height: 27px;
}

.mobilecheckout-payment-methods .payment-method-info label {
    float: left;
    color: #555;
    font-size: 14px;
    font-weight: bold;
}

.mobilecheckout-payment-methods .payment-method-info a {
    color: #0072bc;
}

.payment-method-form {
    margin: 20px 0 0 0;
    font-size: 16px;
}

.payment-method-form  h2.mobilecheckout-subtitle {
    margin: 0 0 10px 0;
}

.mobilecheckout-wrapper .form-list label {
    color: #555;
    display: block;
    font-weight: normal;
    margin: 0 0 5px;
    float: left;
    width: 100%;
    font-size: 12px;
    font-family: "Gotham-Medium";
}

.mobilecheckout-wrapper .form-list label em {
    color: #c30045;
    margin-left: 2px;
    float: none;
}

.mobilecheckout-payment {
    margin: 30px 0 0 0;
}

.no-shipping .mobilecheckout-payment {
    margin: 0 0 0 0;
}

.mobilecheckout-payment-total {
    margin: 30px 0 0 0;
    float: left;
    width: 100%;
}

.mobilecheckout-payment-total span {
    font-family: "Gotham-Medium";
    font-size: 17px;
    font-weight: bold;
}

.mobilecheckout-payment-total .payment-total-value {
    float: right;
}

/* Pay Customs */
#mobilecheckout-paycustoms-container {
    float: left;
    margin: 15px 0 0 0;
    line-height: 20px;
}

#mobilecheckout-paycustoms-container .input-wrapper {
    float: left;
}

#mobilecheckout-paycustoms-container .label-wrapper {
    width: 90%;
    float: left;
    margin-top: -1px;
}

#mobilecheckout-paycustoms-container #mobilecheckout-paycustoms {
    float: none;
}

#mobilecheckout-paycustoms-container label {
    position: relative;
    z-index: 99;
    float: none;
    width: 80%;
}

#mobilecheckout-paycustoms-container #mobilecheckout-paycustoms-toggle {
    color: #0072bc;
    font-size: 18px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
    position: relative;
    z-index: 9999;
}

#mobilecheckout-paycustoms-container #mobilecheckout-paycustoms-help {
    border: 4px solid #0072bc;
    padding: 10px;
    margin: 20px 20px 10px 20px;
    float: left;
    font-size: 16px;
}

/* Extended Delivery */

.mobilecheckout-review-delivery-info {
    padding: 20px 10px 0;
    font-size: 14px;
    background-color: #fff;
}

.mobilecheckout-review-delivery-info .delivery-info {
    line-height: 20px;
}

.mobilecheckout-review-delivery-info #mobilecheckout-delivery-toggle {
    color: #0072bc;
    font-size: 18px;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.mobilecheckout-review-delivery-info #mobilecheckout-delivery-help {
    border: 4px solid #0072bc;
    padding: 10px;
    margin: 20px 0 0 0;
    font-size: 14px;
}

.mobilecheckout-review-delivery-info #mobilecheckout-delivery-help table {
    font-size: 14px;
    text-align: left;
    margin: 10px 0 0 0;
    border-top: 1px solid #0072bc;
}

/* Existing Address */
#billing-address-existing-wrapper, #shipping-address-existing-wrapper {
    margin-bottom: 10px;
}

#billing-address-existing-wrapper .billing-address-existing-container, #shipping-address-existing-wrapper .shipping-address-existing-container {
    margin: 0 0 0 0px;
    font-style: normal;
}

#billing-address-existing-wrapper .add-billing-address, #shipping-address-existing-wrapper .add-shipping-address {
    width: auto;
    color: #637381;
    font-size: 13px;
    background: #fff;
    text-transform: none;
    border: solid 1px rgba(99, 115, 129, 0.2);
    margin-top: 20px;
	padding: 10px 30px;
}
#billing-address-existing-wrapper .add-billing-address.btn:active,#shipping-address-existing-wrapper .add-shipping-address.btn:active{
	box-shadow:none;
}

/* Order Review General */

.mobilecheckout-review-info h2.mobilecheckout-subtitle {
    position: relative;
}

.mobilecheckout-review-info .edit-link {
    color: #0072bc;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 20px;
    font-weight: normal;
    cursor: pointer;
    text-decoration: none;
}


/* Order Review Shipping */

.mobilecheckout-review-shipping-info {
    margin: 0 0 15px 0;
    position: relative;
}

.mobilecheckout-review-shipping-info address {
    font-size: 14px;
    font-style: normal;
}


/* Order Review Items */

.mobilecheckout-review-items-info {
    float: left;
    width: 100%;
    /* margin: 0 0 15px 0; */
}

.mobilecheckout-review-items-info .mobilecheckout-review-items {
    border-top: 1px solid #e4e4e4;
    float: left;
    width: 100%;
}

.mobilecheckout-review-items  .product-item {
    /* border-bottom: 1px solid #e4e4e4; 
    padding: 10px 0;*/
    position: relative;
    float: left;
    width: 100%;
    color: #555;
    font-size: 13px;
    font-weight: bold;
}

.mobilecheckout-review-items  .product-item .product-image {
    float: left;
    margin: 0 10px 0 0;
}

.mobilecheckout-review-items  .product-item .product-image a {
    float: left;
}

.mobilecheckout-review-items  .product-item .product-info {
    width: 47%;
}

.mobilecheckout-review-items  .product-item .product-info .product-remove {
    position: absolute;
    right: -5px;
    top: 1px;
    color: #0072bc;
    font-size: 16px;
}

.mobilecheckout-review-items  .product-item .product-info .product-name {
    width: 90%;
}

.mobilecheckout-review-items .product-item .product-info .product-name a {
  color: #555;
  font-family: gotham-book;
  font-size: 13px;
  text-decoration: none;
}

.mobilecheckout-review-items  .product-item .product-info .product-otpions {
    font-size: 10px;
    margin: 5px 0 0 0;
}

.mobilecheckout-review-items  .product-item .product-info .product-otpions .option-label {
    margin-right: 5px;
}

.mobilecheckout-review-items  .product-item .product-info .product-otpions .option-value {
    color: #909090;
}

.mobilecheckout-review-items  .product-item .product-extra {
    width: 50%;
    /* height: 25px;
    line-height: 25px; */
}
.mobilecheckout-review-items  .product-item .product-extra .qty-wrap label {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 5px;
}
.mobilecheckout-review-items  .product-item .product-extra .qty-wrap {
    position: relative;
}

.mobilecheckout-review-items  .product-item .product-extra .qty-wrap a {
    font-size: 20px;
    color: #7f7f7f;
    position: absolute;
    top: 2px;
}

.mobilecheckout-review-items  .product-item .product-extra .qty-wrap a.qty-minus {
    left: 0;
}

.mobilecheckout-review-items  .product-item .product-extra .qty-wrap a.qty-plus {
    left: 51px;
}

.mobilecheckout-review-items  .product-item .product-extra .qty-wrap input.qty {
    height: 25px;
    width: 25px;
    color: #555;
    border: 1px solid #f0f0f0;
    padding: 0 !important;
    margin: 0 0 0 22px;
    text-align: center;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.mobilecheckout-review-items  .product-item .product-extra .cart-price-box {
    color: #555;
    font-family: "Gotham-Medium";
}

/* Order Review Payment */

.mobilecheckout-review-payment-info {
    font-size: 14px;
}

/* Order Review Totals */

.mobilecheckout-review-totals-info {
    padding: 20px 10px 0 10px;
    font-size: 14px;
    background-color: #fff;
    margin-top: 10px;
}

.mobilecheckout-review-totals-info table {
    width: 100%;
}

.mobilecheckout-review-totals-info td {
    padding: 0 0 10px 0;
}

.mobilecheckout-review-totals-info tr.subtotal, .mobilecheckout-review-totals-info tr.grand_total {
    font-weight: bold;
    font-family: "Gotham-Medium";
}

.mobilecheckout-review-totals-info tr.ugiftcert-details td.a-left {
    padding-left: 10px;
    font-weight: bold;
}

.mobilecheckout-review-totals-info tr.ugiftcert-details td.a-right {
    font-weight: bold;
}

/* Order Coupon */

.mobilecheckout-review-coupon-info  {
    margin: 40px 0 0 0;
}

.mobilecheckout-review-coupon-info .mobilecheckout-coupon label {
    font-size: 16px;
    font-family: "Gotham-Medium";
    font-weight: normal;
    margin: 0 0 20px 0;
    display: inline-block;
}

.mobilecheckout-review-coupon-info .mobilecheckout-coupon .input-wrapper {
    position: relative;
}

.mobilecheckout-review-coupon-info .mobilecheckout-coupon input {
    height: 35px;
    border: 1px solid #ebebeb;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 100%;
    font-size: 14px;
    padding: 0 0 0 10px;
}

.mobilecheckout-review-coupon-info .mobilecheckout-coupon .mobilecheckout-coupon-toggle {
    height: 35px;
    width: 35px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #0072bc;
}

.mobilecheckout-review-coupon-info .mobilecheckout-coupon .mobilecheckout-coupon-toggle i {
    color: #fff;
    top: 0;
    position: absolute;
    left: 0;
    font-size: 30px;
    height: 35px;
    width: 35px;
}

.mobilecheckout-review-coupon-info .mobilecheckout-coupon .mobilecheckout-coupon-toggle i.apply-coupon:before {
    content: '\e80e';
    top: 8px;
    position: absolute;
    left: 7px;
}

.mobilecheckout-review-coupon-info .mobilecheckout-coupon .mobilecheckout-coupon-toggle i.cancel-coupon:before {
    content: '\e80d';
    position: absolute;
    top: 8px;
    left: 9px;
    font-size: 35px;
}

/* Order Comments */

.mobilecheckout-comments {
    padding: 20px 10px 0 10px;
    background-color: #fff;
}

.mobilecheckout-comments label {
    font-size: 14px;
    font-family: "Gotham-Medium";
    font-weight: normal;
    margin: 0 0 10px 0;
    display: inline-block;
    position: relative;
}

.mobilecheckout-comments textarea {
    width: 100%;
    height: auto;
}

/* Auth Login/Register */

.mobilecheckout-auth-login {
    margin: 10px 0 0 0;
}

.mobilecheckout-auth-login #mobilecheckout-auth-login-form {
    margin: 20px 0 0 0;
}

.mobilecheckout-auth-login .mobilecheckout-auth-forgot {
    margin: 10px 0;
    display: block;
}

.mobilecheckout-auth-register {
    margin: 10px 0 0 0;
}

.mobilecheckout-auth-register #mobilecheckout-auth-register-form {
    margin: 20px 0 0 0;
}


.mobilecheckout-auth-register .mobilecheckout-auth-fb-button {
    float:none;
    width:100%;
    margin-bottom:10px;
}

/* PayFort Styles */
#payment_form_payfortcw_creditcard {
    background-color: #f8f8f8;
    padding: 20px;
}

#payment_form_payfortcw_creditcard div.input-box {
    width: 100% !important;
    margin: 0;
}

#payment_form_payfortcw_creditcard  li.card-cvc div.input-box {
    margin: 0;
}

#payment_form_payfortcw_creditcard div.input-box input[name="payfortcw_creditcard[CVC]"] {
    width: 50% !important;
}

#payment_form_payfortcw_creditcard label {
    text-transform: capitalize;
}

#payment_form_payfortcw_creditcard .expiration-date .multi-control > div {
    width: 100% !important;
}
#payment_form_payfortcw_creditcard .expiration-date .select-field:first-child{float:left;}
#payment_form_payfortcw_creditcard .expiration-date .select-field:last-child{float:right;}
#payment_form_payfortcw_creditcard .expiration-date .select-field {
    width: 45% !important;
}

#payment_form_payfortcw_creditcard div.input-box input, #payment_form_payfortcw_creditcard div.input-box select {
    width: 100% !important;
}



#payment_form_payfortcw_creditcard .expiration-date .multi-control .select-field select {
    width: 100% !important;
}

#payment_form_payfortcw_creditcard .help-block {
    display: none;
}

#payment_form_payfortcw_creditcard .card-brand-image-selection img {
    height: 15px !important;
}

#payment_form_payfortcw_creditcard div.multi-control {
    margin: 0 !important;
    overflow: hidden;
}

#payment_form_payfortcw_creditcard div.multi-control div.html-field {
    width: auto !important;
}

#payment_form_payfortcw_creditcard .card-brand-image-selection {
    display: none !important;
}

/* Payment Icons */

.payment_icons {
    float: right;
    height: 27px;
}

.payment_icons span {
    background: url('../images/payment_icons.png?v=002') no-repeat 0 0;
    width: 49px;
    display: inline-block;
    height: 27px;
    margin: 0 5px 0 0;
}

.payment_icons .payment_icon_visa {
    background-position: -293px 0; 
    margin: 0;
}

.payment_icons .payment_icon_mc {
    background-position: -380px 0;
    margin: 0;
}

.payment_icons .payment_icon_ae {
    background-position: -250px 0;
    margin: 0;
    width: 42px;
}

.payment_icons .payment_icon_paypal {
    background-position: -100px 0;
    margin: 0;
}

.payment_icons .payment_icon_etihad {
    background-position: -150px 0;
    margin: 0;
}

.payment_icons .payment_icon_smiles {
    background-position: -200px 0;
    margin: 0;
}

/* Santa Delivery */

.mobilecheckout-santa {
    width: 300px;
    height: 237px;
    margin: 10px auto 10px auto;
    background: url('../images/santa300.png') no-repeat 0 0;
    font-family: Gotham-Medium;
    position: relative;
}

.mobilecheckout-santa .mobilecheckout-santa-container {
    padding: 50px 10px 0 105px;
}

.mobilecheckout-santa .santa-title {
    color: #C30045;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-weight: bold;
    text-transform: uppercase;
}

.mobilecheckout-santa .santa-info {
    color: #004B87;
    font-size: 12px;
    line-height: 16px;
}

.mobilecheckout-santa .input-wrapper {
    position: absolute;
    bottom: 5px;
}

.mobilecheckout-santa .input-wrapper input#mobilecheckout-santa-delivery {
    display: inline-block;
    margin-right: 0;
}

.mobilecheckout-santa .input-wrapper label {
    font-size: 13px;
    display: inline-block;
    color: #004B87;
}

.mobilecheckout-santa .input-wrapper.santa-delivery-disabled label {
    color: #ccc;
}

@media screen and (max-width: 768px) {
    .mobilecheckout-santa {
        width: 220px;
        height: 212px;
        background: url('../images/santa220.png') no-repeat 0 0;
    }


    .mobilecheckout-santa .mobilecheckout-santa-container {
        padding: 40px 10px 0 75px;
    }

    .mobilecheckout-santa .santa-title {
        font-size: 12px;
    }

    .mobilecheckout-santa .santa-info {
        font-size: 11px;
        line-height: 14px;
    }

    .mobilecheckout-santa .santa-info-checked {
        font-size: 10px;
    }

    .mobilecheckout-santa .input-wrapper label {
        font-size: 11px;
    }
}

/* Placeholders */

.mobilecheckout-wrapper ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ccc !important;
}

.mobilecheckout-wrapper :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ccc !important;
   opacity: 1;
}

.mobilecheckout-wrapper ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ccc !important;
   opacity: 1;
}

.mobilecheckout-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ccc !important;
}

.mobilecheckout-wrapper :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #ccc !important;
}

/* Success Page */
.mobilecheckout-wrapper .mobilecheckout-success {
    text-align: center;
}

.mobilecheckout-wrapper .mobilecheckout-success .success-logo {
    width: 50%;
    margin: 60px 0 20px 0;
}

.mobilecheckout-wrapper .mobilecheckout-success h2.mobilecheckout-subtitle {
    font-size: 18px;
    text-transform: uppercase;
}

.mobilecheckout-wrapper .mobilecheckout-success .success-info {
    font-family: "Gotham-Book";
    font-size: 16px;
}

.mobilecheckout-wrapper .mobilecheckout-success .success-info p {
    padding: 0 0 10px 0;
    font-size: 16px;
}

.mobilecheckout-wrapper .mobilecheckout-success .mobilecheckout-success-buttons {
    margin-top: 50px;
}

/* Progress Bar */
.progress-bar {
    margin: 0 0 0 3px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}

.progress-bar>li {
    list-style: none;
    width: 46%;
    padding: 0;
    margin: 0 0 0 -6px;
    color: #cccccc;
    display: inline-block;
    text-align: left;
    position: relative;
}

.progress-bar>li.last {
    width: 0px;
    margin-left: -3px;
}

.progress-bar>li .number {
    left: 6px;
    position: absolute;
    top: 1px;
    z-index: 999;
    color: #fff;
    font-size: 14px;
}

.progress-bar>li.shipping .number {
    left: 8px;
}

.progress-bar>li .title {
    top: 25px;
    color: #ccc;
    position: absolute;
    font-family: "Gotham-Book";
    font-size: 12px;
    text-transform: none;
}

.progress-bar>li.shipping .title {
    left: -14px;
}

.progress-bar>li.payment .title {
    left: -15px;
}

.progress-bar>li.review .title {
    left: -30px;
}

.progress-bar>li i.bubble {
    color: #ccc;
    font-size: 26px;
    font-style: normal;
}

.progress-bar>li i.bubble:after {
    display: block;
    position: absolute;
    top: 8px;
    left: 23px;
    width: auto;
    height: 2px;
    content: '';
    background-color: #cccccc;
}

.progress-bar>li i.bubble:before {
    content: '\e805' !important;
    top: 0px;
    margin: 0;
}

.progress-bar>li i.bubble:after {
    right: 0;
}

.progress-bar>li.completed i.bubble {
    color: #0072bc;
}

.progress-bar>li.completed i.bubble:after {
    top: 8px;
}

.progress-bar>li.completed .title {
    color: #0072bc;
}

.progress-bar>li.completed .number {
    display: none;
}

.progress-bar>li.completed i.bubble:after {
    background-color: #0072bc;
}

.progress-bar>li.completed i.bubble:before {
    content: '\e80b' !important;
    font-size: 23px;
}

.progress-bar>li.active i.bubble {

}

.progress-bar>li.active i.bubble:after {
    background-color: #cccccc;
}

.progress-bar>li.active i.bubble:before {
    color: #0072bc;
}

.progress-bar>li.active .title {
    color: #0072bc;
}

.progress-bar>li.last i.bubble:after {
    display: none;
}

/* Mobile Overlay */

.mobile-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(255,255,255,0.9);
}

.mobile-overlay .mobile-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.mobile-overlay-scale {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.mobile-overlay-scale.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

/* FontAwesome - mumz-awesome */

 [class^="icon-"]:before, [class*=" icon-"]:before, .ma:before {
  font-family: "mumz-awesome";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;


  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-ok:before { content: '\e800'; } /* '?' */
.icon-cancel-circled:before { content: '\e801'; } /* '?' */
.icon-info-circled:before { content: '\e802'; } /* '?' */
.icon-circle-thin:before { content: '\e803'; } /* '?' */
.icon-circle-empty:before { content: '\e804'; } /* '?' */
.icon-circle:before { content: '\e805'; } /* '?' */
.icon-left-open:before { content: '\e806'; } /* '?' */
.icon-plus-squared:before { content: '\e807'; } /* '?' */
.icon-minus-squared:before { content: '\e808'; } /* '?' */
.icon-ok-circled:before { content: '\e809'; } /* '?' */
.icon-ok-circled2:before { content: '\e80a'; } /* '?' */
.icon-ok-circled-thin:before { content: '\e80b'; } /* '?' */
.icon-cancel:before { content: '\e80c'; } /* '?' */
.icon-cancel-1:before { content: '\e80d'; } /* '?' */
.icon-check:before { content: '\e80e'; } /* '?' */


.checkout-web-index .col1-layout{background:#f5f5f5;padding-bottom:30px;}
.checkout-web-index footer {margin-top: 0;}
.mobilecheckout-container .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.mobilecheckout-container .bootstrap-select.address-select{
    margin-top:0;
}

.posRel{position:relative}

.review-items-info-title h3:first-child{
    width:45%;
}
.review-items-info-title h3:last-child{
    width:53%;
}
.review-items-info-title h3 {
    color: #555;
    font-family: Gotham-Medium;
    font-size: 14px;
    margin:15px 0;
}
.review-items-info-title {
  border-top: 1px solid #e4e4e4;
}
.field_state .input-text{
    margin-top:15px;
}
.cart-price-box .cart-price {
    font-family: gotham-book;
    font-size: 14px;
}
.bootstrap-select > .dropdown-menu.open > ul {
  max-height: 300px !important;
}
.mobilecheckout-mealformeal { background-color: #f5f6f8; padding: 15px 10px 10px; margin-top: 15px; overflow: hidden}

.mobilecheckout-mealformeal .qty-wrap .qty-minus, .mobilecheckout-mealformeal .qty-wrap .qty-plus { line-height: 40px; height: 40px; background: none;font-size: 20px;color: #212b36;}
.mobilecheckout-mealformeal .qty-wrap .meal-minus {
    float: left;
    width: 40px;
    text-align: center;
    border-left: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 5px 0px 0px 5px;
    background-color: #fff;
}
.mobilecheckout-mealformeal .qty-wrap .meal-plus {
    float: left;
    width: 40px;
    text-align: center;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
}
.mobilecheckout-mealformeal .qty-wrap .meal-qty {
   float: left;
    width: 40px;
    border: 1px solid #e4e4e4;
    text-align: center;
    height: 40px;
}
/*.cplorred {color: #a55371; font-weight: bold;}*/
.share-meal-text {margin-bottom: 7px;}
html[lang='ar'] .curr-sym {unicode-bidi: bidi-override;direction: ltr;}
html[lang='ar'] .mobilecheckout-mealformeal {font-family: "GESSTwoLight-Light", Helvetica, Arial;}
.meal-person {display: inline-block; margin-left: 10px; line-height: 26px;}
.mealimg { width: 125px; }
/*airmile loyalty*/
.collect-airmiles {background-color: #f5f6f8;padding: 25px 10px 13px;}
.air-member {font-size: 16px;}
#airmiles_id {height: 40px;border-radius: 3px;width: 100%;}
.airline-point {padding: 0 30px;line-height: 17px;}
.citi-bank-offer{background: #b2fcdf;padding: 10px;border-radius: 3px;display: flex;align-items: center;justify-content: space-between;}
.citi-bank-offer .cc-discount-label{flex: 1 1 0px;}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .share-meal-text {font-size: 12px;}
    .mobilecheckout-mealformeal .qty-wrap .meal-minus,.mobilecheckout-mealformeal .qty-wrap .meal-plus,.mobilecheckout-mealformeal .qty-wrap .meal-qty {width: 30px;}
    .mealimg {width: 85px;}
    .split-togggle label.checkbox-label {font-size: 11px;}
}
/*Split Delivery*/
.mobilecheckout-split-delivery{float: left;width: 100%;}
.split_delivery_messages{
    background-color: rgb(204, 235, 222);
    padding: 8px 10px;
    color: rgb(0, 60, 35);
    border-radius: 3px;
}
.mobcheckout-split-deliver-review .mobilecheckout-review-items,
.mobcheckout-split-deliver-review .review-items-info-title{
    border-top: 0;
}
.shipping-time__section {
    background-color: #f0f0f0;
    padding: 5px 10px;
    position: relative;
}
.shipping-time__section:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f0f0f0;
    position: absolute;
    top: -7px;
    left: 25px;
    content: "";
}
.mobilecheckout-review-items  .product-item{
    /* padding: 10px 0 16px; */
    background: #fff;
    padding-right: 10px;
    padding-left: 10px;
}
.review-items-info-title {
    background: #fff;
    padding: 0 10px;
    border: none;
}
.mobilecheckout-review-items  .product-item .product-item__section{
    border-bottom: 1px solid #f7f7f7;
    padding: 12px 0 21px;
    float: left;
    width: 100%;
}
.mobcheckout-split-deliver-review .review-items-info-title h3{
    margin: 15px 0 0px;
}
.ios-toggle,.ios-toggle:active{
	position:absolute;
	height:0;
	width:0;
	opacity:0;
	border:none;
	outline:none;
}
.checkbox-label{
	display: block;
    position: relative;
    padding: 0;
    margin: 7px 8px 0px;
    font-size: 14px;
    line-height: 12px;
    width: 37px;
    height: 12px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    cursor: pointer;
    background: #f8f8f8;
}
.checkbox-label:before{
	content: '';
    display: block;
    position: absolute;
    z-index: 1;
    text-indent: 40px;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: -4px;
    left: 0px;
    right: auto;
    background: #555;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 0 0 2px #555;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2),0 0 0 2px #555;
    box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 0 0 2px #555;
}
.checkbox-label:after{
	content: attr(data-off);
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 46px;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #555;
    white-space: nowrap;
}
.ios-toggle:checked + .checkbox-label{
	-webkit-box-shadow: inset 0 0 0 18px rgba(0,153,89,0.5), 0 0 0 2px rgba(0,153,89,0.5);
    -moz-box-shadow: inset 0 0 0 18px rgba(0,153,89,0.5), 0 0 0 2px rgba(0,153,89,0.5);
    box-shadow: inset 0 0 0 18px rgba(0,153,89,0.5), 0 0 0 2px rgba(0,153,89,0.5);
}
.ios-toggle:checked + .checkbox-label:before{
	left: calc(100% - 18px);
    -webkit-box-shadow: 0 0 0 2px transparent, 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 0 2px transparent,0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 0 0 2px transparent, 0 1px 2px rgba(0,0,0,.3);
    background: #009959;
}
.ios-toggle:checked + .checkbox-label:after{
	content: attr(data-on);
    left: 46px;
	color: #009959;
}
.ios-toggle + .checkbox-label{
	-webkit-box-shadow: inset 0 0 0 0px rgba(0,153,89,0.5), 0 0 0 2px #dddddd;
    -moz-box-shadow: inset 0 0 0 0px rgba(0,153,89,0.5),0 0 0 2px #dddddd;
    box-shadow: inset 0 0 0 0px rgba(0,153,89,0.5), 0 0 0 2px #dddddd;
}
/*Split Delivery*/
.delay_delivery{
    background-color: #f0f0f0;
    color: #c30b49;
    padding: 10px;
}
.dropdown-menu a.select-header span.text {
    color: #555 !important;
}
#billing-area-container .bs-caret,#shipping-area-container .bs-caret{
    display: none;
}
.font17 {
    font-size: 17px;
}
.mtop24 {
    margin-top: 24px;
}
.mobilecheckout-review-items .review-items-info-title h3 {
    font-size: 13px;
}
.mobilecheckout-wrapper .mobilecheckout-container .mobilecheckout-review .mobilecheckout-subtitle {
    background: #fff;
    padding-right: 10px;
    padding-left: 10px;
}
.yalla-img ~ .product-item:last-child .product-item__section {
    border-bottom: none;
}
.mobilecheckout-wrapper .mobilecheckout-error {
    background: #fff;
    padding: 10px;
}
html[lang="ar"] .mobilecheckout-steps#mobilecheckout-review-wrapper {
    margin: 0 10px 0 0 ;
}
.ptop20 {
    padding-top: 20px;
}
#switch_store .modal-dialog {width: 450px;}
#switch_store button.close{opacity: .8;}
#switch_store .modal-header {padding: 20px;border-bottom: none;}
#switch_store .modal-body {padding: 0 15px;}
.col-blk {color: #212B36;}
.col-green {color: #137632;}
.font20 {font-size: 20px;}
.ksa-switch-ups {display: grid;grid-template-columns: repeat(3,1fr);grid-column-gap: 10px;margin-top: 10px;margin-bottom: 15px;}
.ups-text {font-size: 13px;margin-top: 5px;color: #717171;}
.ups-shop {color: #A3A3A3;}
.country-autoswitch-item.btn-switch {display: block;padding: 15px;font-weight: bold;text-transform: initial;font-size: 16px;color: #fff;margin-bottom: 20px;border-radius: 3px;background: #0072bc;}
.arab #switch_store p,.arab #switch_store h2 {text-align: center;}