
body.checkout-index-index {
    font-family: "Poppins", sans-serif;
    background: #f6f3f4;
}

.header.content .logo {
    display: none
}

.header.content .minicart-wrapper {
    display: none
}
.header.content .block.block-search {
    display: none;
}
.checkout-index-index .page-header .header.content .logo {
    display: block;
    margin: 0
}
.checkout-index-index .page-header {
    border-bottom: 1px solid #ebe6e7;
    margin-bottom: 0;
    position: relative;
    background: #ffffff;
}
.checkout-index-index .page-header .panel.wrapper {
    display: none;
}
.checkout-index-index .header.content {
    padding: 15px;
    max-width: 1630px;
    width: 100%;
}
.checkout-index-index .page-main {
    padding: 45px 15px 0;
    max-width: 1630px;
}
.authentication-wrapper button.action-auth-toggle {
    color: #000000;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.authentication-wrapper button.action-auth-toggle:before {
    content: "";
    background-image: url(../images/user-login.svg);
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    align-items: center;
}
.checkout-index-index .fieldset .switch-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.authentication-dropdown .block-authentication .actions-toolbar > .primary .action {
    background: #1f48c5;
    border: 1px solid #1f48c5;
    position: relative;
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    font-family: "Poppins", sans-serif;
}
.authentication-dropdown .block-authentication .actions-toolbar > .primary .action:hover {
    background: #000000;;
    border-color: #000000;
}

.authentication-wrapper .block-authentication .actions-toolbar>.secondary a,.checkout-container .opc-wrapper .form-login .secondary a {
    color: #333
}

.authentication-wrapper .block-authentication .actions-toolbar>.secondary a:hover,.checkout-container .opc-wrapper .form-login .secondary a:hover {
    color: #1f48c5;
}

.checkout-container .opc-progress-bar {
    margin: 35px 0
}

.checkout-container .opc-progress-bar-item>span {
    font-size: 16px;
    font-weight: 600;
    color: #333
}

.checkout-container .opc-progress-bar-item._complete>span {
    color: #333
}

.checkout-container .opc-progress-bar-item._active:before {
    background: #1f48c5;;
    border-color: #1f48c5;
}

.checkout-container .opc-progress-bar-item._active>span {
    color: #1f48c5;
}

.checkout-container .opc-progress-bar-item._active>span:before {
    background: #1f48c5;;
    border-color: #1f48c5;
}

.checkout-container .opc-progress-bar-item._active>span:after {
    border-color: #1f48c5;
}

.checkout-container .opc-wrapper {
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    -moz-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    -webkit-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    -o-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    -ms-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    width: 58%;
    box-sizing: border-box
}

.checkout-container .opc-wrapper .form-login,.checkout-container .opc-wrapper .form-shipping-address {
    max-width: 100%
}

.opc-wrapper .step-content .table-checkout-shipping-method {
    min-width: 100%
}

.checkout-container .table-checkout-shipping-method tbody td input[type=radio] {
    margin: 0 5px 0 0
}

.checkout-payment-method .payment-method-content form#windcave_pxpay_iframe_form label {
    vertical-align: middle;
    margin: 7px 0;
    display: inline-block
}

.checkout-index-index input[type=checkbox],.checkout-index-index input[type=radio] {
    accent-color: #1f48c5;
}

.checkout-index-index input[type=checkbox]:focus,.checkout-index-index input[type=radio]:focus {
    box-shadow: none
}
 
.checkout-index-index a:visited,.checkout-index-index .alink:visited {
    color: #000
}
.checkout-index-index .opc-progress-bar-item {
    width: 50%;
}
.checkout-index-index a:hover {
    color: #1f48c5;
}
.checkout-index-index .input-text, .checkout-index-index .select {
    border: 1px solid #90a1b9;
    font-size: 14px;
    height: 42px;
    border-radius: 8px;
}

.checkout-index-index .inside-delivery-option {
    margin-top: 8px;
}

.checkout-index-index .input-text:focus,.checkout-index-index .select:focus {
    border-color: #1f48c5;;
    box-shadow: none
}

.checkout-index-index .input-text::placeholder {
    color: #c2c2c2
}

.checkout-index-index .action.primary,.checkout-index-index .action-primary {
    background: #1f48c5;
    border: 1px solid #1f48c5;
    position: relative;
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: "Poppins", sans-serif;
}

.checkout-index-index .action.primary:hover,.checkout-index-index .action-primary:hover,.checkout-index-index .action.primary:focus,.checkout-index-index .action-primary:focus {
    background: #000000;;
    border-color: #000000;
}

.checkout-payment-method .payment-method._active .payment-method-content .zip-checkout-description a {
    color: #333;
    font-weight: 700;
    text-decoration: underline
}

.checkout-payment-method .payment-method._active .payment-method-content a:hover {
    color: #1f48c5;
}

.checkout-container .opc-wrapper .step-title {
    border-bottom: 1px solid #e0e0e0;
    font-size: 18px;
    font-weight: 600
}

.checkout-container .opc-sidebar {
    margin: 0;
    background-color: #fff;
    box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    -moz-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    -webkit-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    -o-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
    -ms-box-shadow: 1px 3px 1px rgba(50,50,50,.04)
}

.opc-sidebar .opc-block-summary {
    background-color: #fff
}

.opc-block-summary .items-in-cart>.title {
    border-bottom: 1px solid #e0e0e0
}

.opc-block-summary .minicart-items .product-item:not(:first-child) {
    border-color: #e0e0e0
}

.checkout-container .opc-block-summary>.title {
    font-size: 18px;
    font-weight: 600;
}

.opc-block-summary .minicart-items .product .toggle {
    font-weight: 600;
}

.opc-block-summary .product-item .subtotal {
    margin-top: 11px;
}

.checkout-container .checkout-payment-method .billing-address-form {
    max-width: 100%
}

.checkout-payment-method .checkout-billing-address .billing-address-details a,.opc-block-shipping-information .shipping-information-content a {
    color: #333;
    text-decoration: none;
}
.checkout-payment-method .checkout-billing-address .billing-address-details a:hover,.opc-block-shipping-information .shipping-information-content a:hover {
    color: #1f48c5;
    text-decoration: none;
}
.abs-sidebar-totals tbody .amount,.abs-sidebar-totals tfoot .amount,.cart-totals tbody .amount,.cart-totals tfoot .amount,.opc-block-summary .table-totals tbody .amount,.opc-block-summary .table-totals tfoot .amount {
    color: #1f48c5;
}

.checkout-container .opc-block-shipping-information .shipping-information-title {
    font-size: 18px;
    font-weight: 600
}

.checkout-payment-method .checkout-billing-address .primary button {
    background: #1f48c5;
    border: 1px solid #1f48c5;
    position: relative;
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: "Poppins", sans-serif;
}

.checkout-payment-method .checkout-billing-address button.action.action-cancel {
    margin-top: 0
}

.checkout-payment-method .checkout-billing-address .primary button:hover,.checkout-payment-method .checkout-billing-address .primary button:focus {
    background: #000000;;
    border: 1px solid #000000;
    color: #fff;
    text-decoration: none
}


.opc-wrapper .step-content hr {
    border: 0;
    margin: 0
}

.checkout-container .checkout-payment-method .payment-option-title {
    padding-left: 0
}

.checkout-container .checkout-payment-method .payment-option-content {
    padding: 0
}

.checkout-container .checkout-payment-method .payment-option-title .action-toggle {
    color: #333;
    text-transform: uppercase
}

.checkout-container .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {
    background: #1f48c5;
    border: 1px solid #1f48c5;
    position: relative;
    color: #fff;
    padding: 7px 24px;
    border-radius: 0 8px 8px 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: "Poppins", sans-serif;
}
.fieldset > .field > .label, .fieldset > .fields > .field > .label {
    font-weight: 400;
}
.fieldset > .field > .label span, .fieldset > .fields > .field > .label span{
    font-weight: 400;
}
.checkout-container .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus) {
    box-shadow: none
}

.checkout-container .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover,
.checkout-container .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:focus {
    background: #000000;;
    border-color: #000000;
    color: #fff;
    text-decoration: none
}
.checkout-index-index .opc-wrapper .form-discount {
    max-width: 100%;
}

.checkout-index-index .opc-wrapper .form-discount .payment-option-inner {
    margin: 0;
}

.checkout-index-index .opc-wrapper .form-discount .payment-option-inner .input-text {
    border-radius: 8px 0 0 8px;
}
.checkout-container .opc-wrapper .shipping-address-item.selected-item {
    border-color: #1f48c5;;
    line-height: 24px
}

.checkout-container .opc-wrapper .shipping-address-item.selected-item a,.checkout-container .opc-wrapper .shipping-address-item a {
    color: #333;
    text-decoration: none;
}
.checkout-container .opc-wrapper .shipping-address-item.selected-item a:hover,.checkout-container .opc-wrapper .shipping-address-item a:hover{
    color: #1f48c5;
    text-decoration: none;
}
.checkout-container .opc-wrapper .shipping-address-item.selected-item:after {
    background: #1f48c5;
}

.checkout-index-index .modal-popup.new-shipping-address-modal .form-shipping-address {
    max-width: 100%
}

.modal-popup.new-shipping-address-modal .modal-title {
    font-size: 18px;
    font-weight: 600
}
.checkout-index-index .page-footer {
    display: none;
}
.checkout-index-index .copyright {
    border-top: 1px solid #d1d5dc;
    background: #ffffff;
    color: #000000;
    padding: 30px 15px;
    font-size: 14px;
}
.checkout-index-index .checkout-container .opc-wrapper .shipping-address-item button,.checkout-index-index .opc-wrapper .action-show-popup {
    background: #1f48c5;
    border: 1px solid #1f48c5;
    position: relative;
    color: #fff;
    padding: 7px 24px;
    border-radius: 8px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: "Poppins", sans-serif;
    top: 0
}
.checkout-index-index .checkout-container .opc-wrapper .form-login .actions-toolbar {
    display: flex;
    align-items: center;
}
.checkout-index-index .checkout-container .opc-wrapper .shipping-address-item button {
    margin-top: 20px;
    font-size: 14px !important;
    padding: 3px 11px;
}
.checkout-index-index .opc-wrapper .shipping-address-item button:hover,.checkout-index-index .opc-wrapper .shipping-address-item button:focus,.checkout-index-index .opc-wrapper .action-show-popup:hover,.checkout-index-index .opc-wrapper .action-show-popup:focus {
    background: #000000;
    border: 1px solid #000000;
    color: #fff;
    text-decoration: none
}

.checkout-index-index .modal-popup .modal-footer button.action.secondary.action-hide-popup {
    background: #1f48c5;
    border: 1px solid #1f48c5;
    position: relative;
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: "Poppins", sans-serif;
    margin: 0;
}
.checkout-index-index .modal-popup .modal-footer button.action.secondary.action-hide-popup:hover  {
    background: #000000 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.checkout-index-index .opc-wrapper .new-address-popup .action-show-popup {
    border-radius: 5px;
    margin-bottom: 0;
    margin-top: 15px;
}
.checkout-index-index .opc-wrapper .shipping-address-item button:before {
    color: #fff
}

.checkout-index-index .modal-popup .form-shipping-address input[type=checkbox] {
    top: 0
}

.checkout-index-index .modal-popup .modal-footer .action-hide-popup {
    background: #1f48c5;
    border: 1px solid #1f48c5 !important;
    position: relative;
    color: #fff;
    padding: 7px 24px;
    border-radius: 8px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: "Poppins", sans-serif;
    text-decoration: none !important;
    margin-top: 0;
}
.checkout-index-index .authentication-wrapper {
    margin-top: -20px;
}
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, 
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:visited,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:focus {
    background: #000000;
    border-color: #000;
    color: #fff;
    text-decoration: none
}
.checkout-payment-method .checkout-billing-address .billing-address-details button.action.action-edit-address {
    background: #1f48c5;
    border: 1px solid #1f48c5 !important;
    position: relative;
    color: #fff;
    padding: 7px 24px;
    border-radius: 8px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 26px !important;
    font-family: "Poppins", sans-serif;
    text-decoration: none !important;
    margin-top: 10px;
}
.checkout-payment-method .checkout-billing-address .billing-address-details button.action.action-edit-address:hover {
    background-color: #000000;
    color: #ffffff;
}
.checkout-index-index .checkout-payment-method .field-select-billing {
    max-width: 100%
}
.checkout-index-index .checkout-agreements-block .checkout-agreement.field {
    align-items: flex-start;
    display: block;
    position: relative;
    padding-left: 20px;
}
.checkout-index-index .checkout-agreements-block .checkout-agreement.field input[type="checkbox"] {
    position: absolute;
    left: 0;
}
.checkout-index-index .checkout-agreements-block .checkout-agreement.field button.action {
    color: #000;
    text-align: left;
    text-decoration: none;
}
.checkout-index-index .abs-sidebar-totals tbody .amount, 
.checkout-index-index .abs-sidebar-totals tfoot .amount, .checkout-index-index .cart-totals tbody .amount, 
.checkout-index-index .cart-totals tfoot .amount, 
.checkout-index-index .opc-block-summary .table-totals tbody .amount, 
.checkout-index-index .opc-block-summary .table-totals tfoot .amount {
    color: #000000;
}

.checkout-agreements-item-content {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-family: "Poppins", sans-serif;
}
.checkout-index-index .loader img {
    display: block;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden
}
.checkout-index-index .compare.wrapper {
    margin-top: 33px;
}

.checkout-index-index .compare.wrapper .action.compare {
    color: #000000;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.checkout-index-index .compare.wrapper .action.compare::before {
    content: "";
    background-image: url(../images/compare-icon.svg);
    width: 26px;
    height: 26px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
}
.checkout-index-index .compare.wrapper .action.compare:hover {
    color: #1f48c5;
    text-decoration: none;
}
.checkout-index-index .loader {
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 40px);
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    width: 50px;
    height: 50px;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
    left: 0;
    right: 0;
    border: 6px solid #f1f1f1;
    border-top-color: #000000;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media(min-width: 769px) {
    .checkout-container .opc-sidebar {
        width:40%
    }
}

@media(max-width: 768px) {
    .checkout-index-index .page-header .header.content .logo img {
        margin:auto
    }
    .checkout-index-index .authentication-wrapper {
        margin-top: 0;
    }
    .checkout-container .minicart-wrapper .action.showcart:before {
        content: "";
        background-image: url('../images/cart-icon-black.svg');
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .checkout-container .minicart-wrapper .action.showcart .counter-number {
        text-shadow: none;
        font-size: 12px
    }

    .checkout-container .minicart-wrapper .action.showcart .counter.qty {
        background: #1f48c5;;
        line-height: 18px;
        width: 18px;
        height: 18px;
        min-width: auto;
        border-radius: 100px;
        padding: 0;
        position: absolute;
        right: -4px;
        top: -5px;
    }

    .checkout-container .opc-estimated-wrapper {
        background: #fff;
        margin: 20px 0;
        padding: 18px 15px;
        box-shadow: 1px 3px 1px rgba(50,50,50,.04);
        -moz-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
        -webkit-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
        -o-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
        -ms-box-shadow: 1px 3px 1px rgba(50,50,50,.04);
        border: 0
    }

    .checkout-container .opc-wrapper {
        width: 100%
    }

    .checkout-container .opc-sidebar .opc-block-summary {
        padding: 22px 15px
    }

    .checkout-container .custom-slide .modal-inner-wrap {
        background-color: #fff
    }

    .checkout-index-index .modal-popup.new-shipping-address-modal .modal-inner-wrap {
        background-color: #fff
    }

    .checkout-index-index .checkout-container .opc-wrapper .shipping-address-item button {
        width: auto;
        margin-right: 15px;
        left: 0;
        float: left
    }

    .checkout-container .opc-wrapper .step-title {
        padding-bottom: 10px
    }

    .checkout-index-index .modal-popup.new-shipping-address-modal .modal-footer .action-hide-popup {
        width: 100%
    }
}

@media(max-width: 768px) {
    .checkout-index-index .header.content {
        padding:22px 10px 35px
    }

    .checkout-index-index .page-header .header.content .logo {
        margin: auto;
        text-align: center;
        float: none
    }

    .checkout-container .opc-wrapper .form-login,.checkout-container .opc-wrapper .form-shipping-address,.checkout-container .opc-wrapper .methods-shipping {
        background-color: #fff
    }

    .checkout-container .opc-estimated-wrapper {
        margin: 50px 0 20px
    }

    .checkout-container .opc-wrapper .methods-shipping {
        border-bottom: 1px solid #e0e0e0;
        padding-top: 0
    }

    .checkout-index-index .header.content {
        padding: 0;
        height: 140px
    }

    .checkout-index-index .page-header .header.content .logo {
        margin-top: 16px;
        max-width: 200px
    }

    .authentication-wrapper button.action-auth-toggle { 
        color: #000;
    }
    .checkout-container .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {
        padding: 7px 10px;
        font-size: 12px !important;
    }
    .checkout-payment-method .shift-logo-container {
        padding:0 15px !important
    } 
}