.cdz-opc-wrapper .opc-summary-wrapper{
    border-radius: 0px !important;
    border: 1px solid #EBEBEB !important
    }
    
    .checkout-index-index .data.table.table-totals tbody{
        background-color: #F5F5F5 !important;
        display: block;
        border-bottom: 1px solid #ebebeb !important;
        border-left: 1px solid #ebebeb !important;
        border-right: 1px solid #ebebeb !important;
    }

    .checkout-index-index .block.items-in-cart .title{
        background: white ;
    }

    .checkout-index-index .cdz-opc-wrapper .opc-sidebar .discount-code{
        order:2;
        border-top:none !important
    }



 #block-discount-heading {
    display: none;
 }

 .checkout-accordion.payment-accordion #block-discount-heading{
    display: block;
 }

    .checkout-index-index .cdz-opc-wrapper .opc-summary-wrapper{
        padding:0px !important
    }
    .checkout-index-index .opc-block-summary .title{
        padding:20px 0 0 20px !important;
        font: 600 20px / 24px "proxima-nova-wide", sans-serif !important;
        border:1px solid #ebebeb;
        border-bottom: none !important;
    }

    .account-accordion .form-login .field-tooltip .field-tooltip-content{
        top:0px;
        left:0px 
    }

   .checkout-index-index .shipping-accordion  .form-shipping-address{
    margin-bottom: 0px;
    max-width: 800px !important;
    margin-top:20px
   }

    .checkout-index-index .opc-block-summary .mark .title{
        padding:0 !important;
        font: 400 14px / 1.35 "proxima-nova-wide", sans-serif !important;
        border-bottom: none !important;
    }

    .checkout-index-index .opc-block-summary .table-totals .mark{
        padding-left: 20px !important;
        text-transform: uppercase !important;
    }
    
    .checkout-index-index .opc-block-summary .totals .mark{
        width: 37% !important;
    }

    .checkout-index-index .opc-block-summary .grand.totals{
        border-top: 1px solid #EBEBEB;
    }

    #customer-email-fieldset .error-message{
        display: block 
    }

    .checkout-index-index .opc-block-summary .grand.totals .mark strong{
        font: 600 16px / 18px "proxima-nova-wide", sans-serif !important;
    }
   
    .checkout-index-index .opc-block-summary .table-totals .amount{
        padding-right: 20px !important;
    }
    .checkout-index-index .opc-block-summary .table-totals .grand .amount{
     padding-right: 20px !important;
     align-content: center;
    }

    .checkout-index-index .opc-block-summary .data div{
        font: 400 14px / 18px "proxima-nova-wide", sans-serif !important;
    }

    .checkout-index-index .column.main{
        margin-top: 50px
    }

    .checkout-index-index .opc-sidebar .minicart-items .product>.product-image-container{
        height: 149px !important;
        width: 139px !important;
    }

    .checkout-index-index .opc-block-summary .minicart-items .product-image-wrapper{
        height: 100%;
        width: 100%;
    }
    .checkout-index-index .opc-block-summary .minicart-items .product-image-wrapper img{
        height: 100%;
        width: 100%;
    }
    .checkout-index-index .opc-block-summary .product-item-details{
        width: 58% !important;
        padding: 0 0% 0 2% !important
    }


    .checkout-index-index #checkoutSteps{
        display: flex !important;
        flex-direction : column !important;
    }

    .checkout-index-index .page-wrapper .opc-wrapper .opc{
        border: none !important
    }

    .checkout-index-index .cdz-opc-wrapper .opc-wrapper #checkoutSteps .field .label{
        margin-bottom: 0px !important;
    }   

   
    .checkout-index-index .opc-block-summary .product-item-name{
        width: 100% !important;
        text-transform: uppercase;
    }
    .checkout-index-index .opc-block-summary .amount{
        padding: 10px 0 0 0 !important
    }

    .opc-summary-total-custom{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .opc-summary-total-custom .totalPrice-custom{
        font: normal normal 600 16px/20px "proxima-nova-wide" ,sans-serif !important;
    }

    

    .opc-summary-total-custom .summary-charged{
        font: normal normal 600 16px/20px "proxima-nova-wide"  ,sans-serif !important;
        text-transform: uppercase;
    }

    .checkout-index-index .minicart-items .product-item .item-qty {
      width: 30px;
      height:30px;
      border:none !important;
      padding-left:0px;
      padding-right:0px;
      position:relative;
      bottom:5px;
      left:5px;
      text-align: left;
    }

    .checkout-index-index .minicart-items .product-item-details .details-qty{
        display: flex;
    }



    .account-accordion .continue-to-shipping {
        color: white !important;
        display: flex;
        justify-content: center; 
        align-items: center;   
        height: 60px;
        text-align: center;
        width: 100%;
        margin-bottom:20px;
        background: #282522 !important;
        border: none !important
    }
    
    .account-accordion .field .control._with-tooltip input{
        margin-right: 0px !important;
    }
    
    .account-accordion .or-text{
        margin-bottom:20px;
    }


.account-accordion .hidden-fields .secondary{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-top:5px
}


    .account-accordion .checkout-with-text{
        justify-self: center;
        text-decoration: underline !important;
        text-transform: uppercase;
    }

    .account-accordion .customer-email-error:not(:first-of-type) {
        display: none;
      }


.accordion-header.active .span.accordion.toggle span{
    display: none !important;
}

 .checkout-index-index .cdz-opc-wrapper #shipping-method-buttons-container{
    display: block !important;
 }

    .checkout-index-index .product-item-name-block .details-qty.qty .minus {
        display: none;
    }

    .checkout-index-index .product-item-name-block .details-qty.qty .plus {
        display: none;
    }
    .checkout-index-index .opc-block-summary .product-item .product-item-inner{
        display: flex;
        flex-direction: column;
    }
    .checkout-index-index .opc-block-summary .product-item .subtotal{
        text-align: left;
    }

    .checkout-index-index .cdz-opc-wrapper .table-checkout-shipping-method tbody td:first-child{
        padding-top: 0px;
        padding-bottom: 0px;

    }

    .checkout-index-index .cdz-opc-wrapper .opc-wrapper .step-title{
        color:black;
        background:#F5F5F5 0% 0% no-repeat padding-box;
        font: 600 16px / 18px "proxima-nova-wide", sans-serif !important;
        border-bottom:none;
    }
    .checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-shipping-address .step-content{
        background:#F5F5F5 0% 0% no-repeat padding-box;
        border: none;
        padding: 0px 20px 20px
    }

    .checkout-index-index .cdz-opc-wrapper .checkout-shipping-address .step-title:before{
        display: none ;
    }

    .checkout-index-index .opc-wrapper{
        margin:0px;
        max-width:55%; 
        margin-left:100px
    }

    .modal-popup .action-primary.action-accept{
        border:none !important;
        background: black !important;
      }
    .modal-popup .action-primary.action-accept:hover{
      background:  black;
      border:none 
    }
 
    .checkout-index-index .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.telephone"]{
        width: 100% ;
    }

    .checkout-index-index .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.telephone"] input {
      width: 100%;
    }
    .checkout-index-index .cdz-opc-wrapper .checkout-shipping-method .step-title:before{
        display: none;
    }

    .checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-shipping-method .step-content{
        border:none;
        background:#F5F5F5 0% 0% no-repeat padding-box;
        padding: 0 50px 50px 50px;
    }
    .checkout-index-index .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.prefix"]{
        width: 100%;
    }
    .checkout-index-index .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.country_id"]{
        width: 100%;
    }
    .checkout-index-index .cdz-opc-wrapper .checkout-payment-method{
        background: #f5f5f5;
    }

    .checkout-index-index .opc-wrapper input:focus{
    border: 1px solid #000 !important;
    outline:none
     }

     .checkout-index-index .table-checkout-shipping-method tbody td{
        border:none;
        align-content: center;
        padding-top: 17px;
        padding-bottom: 15px;
     }

     .checkout-index-index .checkout-shipping-method table tbody .row{
        background:white;
        border: 1px solid #EBEBEB;
     }

     .checkout-index-index .cdz-opc-wrapper .table-checkout-shipping-method .col-method input.radio{
        height: 24px;
        width: 24px;
        margin: 0px 0px 0px 15px;
        accent-color: #000000;
        vertical-align: middle;
        cursor: pointer;
     }

     .checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .checkout-billing-address{
        background: #f5f5f5;
        border: none;
        padding:10px 0px 10px 0px !important
     }

     .checkout-index-index .payment-method input[type="radio"]{
        height: 24px;
        width: 24px;
        margin: 0px 10px 0px 0px;
        accent-color: #000000;
        cursor: pointer;
     }

    .checkout-index-index .payment-method-title.field.choice{
        display: flex ;
        align-items: center;
     }

     .checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .payment-method{
        background: #f5f5f5 ;
        padding:0px 0px;
        border: none 
     }



     .checkout-index-index .opc-wrapper .step-title{
        padding-top:20px !important;
        padding-bottom:20px !important
     }


     .checkout-index-index .checkout-shipping-method .col.col-carrier{
        display: none;
     }

     .checkout-index-index .checkout-shipping-method .col.col-price{
        text-align: end ;
        padding-right: 20px;
     }
     .checkout-index-index .table-checkout-shipping-method{
        border-collapse: separate;
        border-spacing: 0 10px;
     }
     .checkout-index-index .table-checkout-shipping-method thead{
        display: none;
     }
     .checkout-index-index .checkout-shipping-method .step-title{
        border-bottom: none;
     }

     .checkout-index-index .opc-block-summary{
        margin:0px
     }
     .checkout-index-index .custom-shipping-class-container{
        max-width: 80%;
        margin:auto
     }

     .checkout-index-index .data .block{
        margin-bottom: 0px;
     }

     .account-accordion .control._with-tooltip{
        display: flex;
        justify-content: center;
        flex-direction: column;
     }

     .account-accordion .control .input-text{
        width: 100% !important;
        height:50px 
     }

     .checkout-index-index .content.minicart-items{
        padding-bottom: 20px;
        background:white;
        padding-left:20px;
        border: 1px solid #ebebeb
     }

     .checkout-index-index .block.items-in-cart .title{
        padding: 10px 20px 20px 20px !important;
        border-bottom: 1px solid #EBEBEB !important;
     }

     .checkout-index-index .payment-option-inner{
        max-width: 65%;
     }

     

     .checkout-index-index .opc-block-summary{
        display: flex;
        flex-direction: column;
     }

     .checkout-index-index .data.table-totals{
        order:2;
        border-top: none !important
     }

    .action-select-shipping-item span{
        color:white !important
    }

    .new-address-popup .action-show-popup span{
        color:white !important
    }

  

     .checkout-shipping-method .action.continue.primary{
        background:  black !important;
     }
     .checkout-shipping-method .action.continue.primary span{
        color:white !important
     }
     

     .checkout-index-index .field._error .control select{
        border-color: #e1e1e1;
     }

     .checkout-index-index .opc-wrapper .shipping-address-item.selected-item:after{
        background:#282522 !important
     }

    
   
     .checkout-payment-method .checkout-billing-address .primary .action-update:hover{
        background: #282522 !important
     }

     .checkout-index-index .modal-popup .modal-footer .action-save-address{
        background: #282522 !important;
     }
     .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover{
        background: #282522 !important;
     }
     .checkout-index-index .modal-popup .modal-footer .action-hide-popup{
        background: #282522
     }



     .checkout-index-index .billing-address-details .action-edit-address:hover{
        background: #282522!important;
     }

     .checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .payment-option{
        margin-top:20px;
        padding:0px;
        background: transparent;
        border:none;
     }

     .checkout-index-index .opc-wrapper .action-select-shipping-item:hover {
        background: black !important;
        color: inherit !important;
        border: none !important;
    }

   
    .checkout-index-index .opc-wrapper .action-show-popup:hover{
        background: black;
    }
    

     .checkout-index-index .cdz-opc-wrapper .opc-wrapper .shipping-address-item.selected-item{
        border-color:black 
     }

     .checkout-index-index .fieldset > .field.required > .label:after,
.checkout-index-index .fieldset > .fields > .field.required > .label:after,
.checkout-index-index .fieldset > .field._required > .label:after,
.checkout-index-index .fieldset > .fields > .field._required > .label:after {
    display: none !important;
}

.checkout-index-index #customer-email-fieldset .field.required .label{
    display: flex;
    justify-content: flex-end;
}

.checkout-index-index #customer-email-fieldset .field.required .label span{
    font: normal normal normal 13px/16px "proxima-nova-wide"  ,sans-serif !important;
    color: #797979 !important
}


.checkout-index-index .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.postcode"] label{
    padding:0px !important;
    margin-bottom: 0px !important;
}

.opc-block-summary table > tbody > tr > td{
   padding:  15px 20px 15px 20px !important
}

.checkout-index-index .data.table-totals .grand-total-row .total-value{
    font: normal normal 600 15px/18px "proxima-nova-wide"  ,sans-serif !important;
    letter-spacing: 0.28px !important;
}

.checkout-index-index .data.table-totals .grand-total-row{
    border-top: 1px solid #EBEBEB;
    display: flex;
    justify-content: space-between;

}

.checkout-index-index .data.table-totals .grand-total-row .total-title{
    font: normal normal 600 15px/18px "proxima-nova-wide"  ,sans-serif !important;
    text-transform: uppercase;
    max-width: 75%;
}

.checkout-index-index .data.table-totals .other-total-row{
    display: flex;
    justify-content: space-between;
}

.checkout-index-index .block.items-in-cart{
    margin-bottom: 0px !important;
}

.checkout-index-index .opc-sidebar{
    border:none !important
}

.new-shipping-address-modal .floating-label{
    top:1rem 
}

.action-edit-address span{
    color:white !important;
}


.new-shipping-address-modal .floating-label.is-floating{
    top:-1rem !important
}

.new-shipping-address-modal .form-shipping-address{
    padding-top:20px 
}

.new-shipping-address-modal .action-save-address span{
    color:white !important
}

.new-shipping-address-modal .action-hide-popup span{
    color:white !important
}

.checkout-index-index .other-total-row .total-title{
    font: normal normal normal 14px/18px "proxima-nova-wide"  ,sans-serif !important;
    letter-spacing: 0.28px !important;
    color: #020202;
    text-transform: uppercase;
    max-width: 75%;
}

.checkout-index-index .other-total-row .total-value{
    font: normal normal normal 14px/18px "proxima-nova-wide"  ,sans-serif !important;
    letter-spacing: 0.28px !important;
color: #020202;
}

.checkout-index-index .field.street.admin__control-fields .label{
    display: none;
}

.checkout-index-index .column.main input[type="text"]{
    height: 50px;
    font: normal normal normal 15px/18px "proxima-nova-wide"  ,sans-serif !important;
    color:black !important;
    padding-left: 12px;
    padding-right: 12px;
}

.checkout-index-index .checkout-agreement.field .label{
    position: relative;
    top:10px;
}

.checkout-index-index .checkout-agreement.field .action-show{
    text-align: left;
}

.checkout-index-index .checkout-agreement.field .action-show span{
    font-size: 14px !important;
    text-transform: none !important;
    color:black !important
}




.checkout-index-index .column.main form select{
    height:50px
}
.checkout-index-index .column.main .data.table .grand.totals .price{
    font: normal normal 600 15px/18px "proxima-nova-wide"  ,sans-serif !important;
}

.cdz-opc-wrapper .opc-place-order-block .checkout-agreements {
  margin:0px !important
}

.checkout-index-index .column.main .select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/media/wysiwyg/icons/Icon-arrow_down.png') !important;
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 22px; 
    padding-right: 1rem;
    font: normal normal normal 15px/18px "proxima-nova-wide"  ,sans-serif !important;
    background-color: white;
    color:black;
    cursor: pointer;
}

.checkout-index-index .checkout-shipping-address{
    display: block !important;
    padding: 1px 30px 1px 30px;

}

.checkout-index-index #opc-shipping_method{
    border-top: 2px solid #ebebeb;
    display: block !important;
}

.checkout-index-index #giftcard-saved-list{
    background: white ;
    border-radius:2px;
    border: 1px solid #EBEBEB;
}


.checkout-accordion.payment-accordion .payment-option-title{
margin: 0px !important;
padding:0px !important
}


.checkout-shipping-method .message.notice > *:first-child:before{
    position: relative;
    top:4px;
}

.checkout-shipping-method .message.notice{
    padding-left:40px
}

.shipping-accordion .checkout-shipping-method .step-title{
    padding-inline:50px
}





.checkout-index-index .contact-accordion .contact-details{
    flex-basis: 100%;
}

.checkout-index-index .contact-accordion .contact-email{
    font:600 14px / 1.35 "proxima-nova-wide", sans-serif !important
}

.checkout-index-index .checkout-agreement .required-entry{
    align-self: center;
    top:-1px;
    margin-inline-end: 10px;
    min-width: 16px;
}
.checkout-index-index .opc-place-order-block{
    border-top: none !important
}

.checkout-index-index .order-checkout-total{
    display: none;
}




.checkout-index-index .shopping-bag-msg{
    justify-self: flex-end;
    background: #f5f5f5;
    position: relative;
}

.p24{
    padding-inline:20px
}


.checkout-index-index .columns .column.main{
    padding-bottom: 30px;
}

.checkout-index-index .cdz-opc-wrapper{
    margin: 0 0px 0
}

.checkout-index-index .msg-wrapper{
    padding-bottom:20px;
    padding-top: 20px;
}

.checkout-index-index .msg-wrapper h5{
    font: normal normal 600 14px/17px "proxima-nova-wide"  ,sans-serif;

}


.checkout-index-index .page-bottom h5{
    font: normal normal 600 14px/17px "proxima-nova-wide"  ,sans-serif;
 
}

.checkout-index-index .p24 h5{
    font: normal normal 600 14px/17px "proxima-nova-wide"  ,sans-serif;
}



.checkout-index-index .p24{
    padding-top:20px;
    padding-bottom: 20px;
}

.checkout-index-index .page-bottom .msg{
    padding-left: 20px;
}
.checkout-index-index .page-bottom{
    padding-top:20px;
    padding-bottom: 20px;
}

.p24.border-bottom .msg svg{
    position: relative;
    top:5px
}

.checkout-index-index button{
    border: none 
}
.checkout-index-index .new-address-popup button:focus{
    border:none;
    background: black !important;
}

.checkout-index-index .svg-wrapper{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px
}

.checkout-index-index .payment-option.opc-payment-additional .action-apply{
    min-width: 96px;
    background: #FFFFFF00 !important;
    border:1px solid #EBEBEB;
    display: flex;
    flex:1;
    justify-content: center;
    align-items: center;
}




.checkout-index-index .payment-option.opc-payment-additional .action-apply.input-not-empty{
    border: 1px solid black 
}


.checkout-index-index .payment-option.opc-payment-additional .action-apply span{
  color: black !important
}



.checkout-index-index .shopping-bag-msg .p24.border-bottom{
    padding-top: 15px;
    padding-bottom:15px;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #ebebeb;
}

.checkout-index-index .checkout-billing-address .actions-toolbar .action-cancel{
    margin:0px 10px;
    padding: var(--opc_btn_pd);
    border-radius: var(--opc_btn_bdr);
    background:black;
    display: block !important;
    flex:none !important
}
.checkout-index-index .checkout-billing-address .actions-toolbar .action-cancel span{
    color: white !important
}

.checkout-index-index .block.discount .content {
    display: block !important;
    width: 33.8%;
    justify-self: flex-end;
    position: relative;
    left: 10px;
}

.form-discount .actions-toolbar{
    align-self: baseline !important;
}

.cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.postcode"]{
    width: 100% !important;
}

.checkout-index-index .form-discount .action-cancel span{
    color:white !important;
    display: flex;
}

.checkout-index-index .form-discount button{
    max-height:50px;
    background:  #282522;
    margin: 0px !important;
    padding:7px 13px !important;
    background: #282522 !important;

}


.checkout-index-index .actions-toolbar .action-cancel{
    display: flex;
    justify-content: center;
    flex:1;
    align-items: center;
}

.checkout-index-index .actions-toolbar .action-cancel span{
    font: normal normal 13px/17px "proxima-nova-wide"  ,sans-serif !important
}

.checkout-index-index .checkout-agreements .action-show span{
   color: var(--color-medium-gray) !important
}




.checkout-index-index  .form-discount .action-apply span{
font: normal normal 14px/17px "proxima-nova-wide"  ,sans-serif !important;
letter-spacing: 0.84px;
color: #FFFFFF !important;
}

.checkout-index-index .cdz-opc-wrapper .opc-sidebar .discount-code .form-discount{
    gap:0px !important
}

.checkout-index-index .block.discount{
    margin-bottom: 0px;
}

.checkout-index-index .block.discount .title{
    display: none;
}


.checkout-index-index .checkout-agreement.field .required-entry.mage-error{
  top:-1px;
  min-width: 16px;
  align-content: center;
  font: 400 13px / 1.35 "proxima-nova-wide", sans-serif !important;
}

.checkout-index-index #agreement\[1\]-error {
    align-self: center;
    min-width: 160px;
    padding-inline-end: 0px;
}

.checkout-index-index .action.primary.checkout{
    background: #282522 !important;
    border: none !important
}
.checkout-index-index .action.primary.checkout span{
    color: white !important;
}

.checkout-index-index .block.discount .fieldset.coupon .label{
    display: none
}

.checkout-index-index .block.discount .field{
    width: 65%;
    display: inline-block;
    margin:0px 
}

.checkout-index-index .block.discount .actions-toolbar{
    width: auto;
    display: inline-block;
    justify-self: flex-end;
    max-height: 50px;
    max-width: 35%;
    position: absolute;
    top:0
}

.checkout-index-index .form-discount .label{
    display: none !important;
}

.checkout-index-index .payment-option .gift-credit-label {
    padding-left:0px !important;
}

.payment-option .gift-credit-apply{
    margin-bottom:20px
}

.payment-option .gift-card-saved-list{
    margin-bottom:10px
}

    .payment-option .irs-single{
        background: black !important;
    }

    .payment-option .irs-single:after {
        border-top-color: black !important;
    }

    .payment-option .gift-credit-slider{
        width: 100%;
    }

    .payment-option .irs-bar-edge{
        background: black !important;
    }

    .payment-option .irs-bar{
        background: black !important;
    }



.checkout-index-index .payment-option-title.field.choice{
    display: block;
}


.shipping-accordion .shipping-details .shipping-method{
    padding: 15px 0px 
}

.shipping-accordion .error-message-phone{
    display: block !important;
    color:red !important;
}

.checkout-index-index .action-update .span{
    color:white !important
}

.checkout-index-index .payment-method-billing-address .checkout-billing-address{
    border-top: 2px solid #ebebeb !important
}

.billing-address-custom-title{
    font: normal normal 600 16px/20px "proxima-nova-wide"  ,sans-serif !important;
    padding-top: 15px;
    padding-bottom:15px
}




.checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .payment-group{
    border-bottom: none !important;
}

.checkout-index-index .checkout-payment-method .billing-address-same-as-shipping-block{
    margin:10px 0 10px;
}


.payment-accordion .accordion-content{
    padding: 20px 50px 30px 50px
}

.account-accordion .checkout-email-text{
    font: normal normal 600 14px/18px "proxima-nova-wide"  ,sans-serif !important
}

.checkout-index-index .accordion-content .checkout-as-guest{
    width: 100%;
    display: flex;
    justify-self: center;
    font: normal normal 600 16px/20px "proxima-nova-wide"  ,sans-serif !important;
    padding-top:10px;
    padding-bottom:10px
}



.account-accordion .note.guest{
    display: none;
}

.account-accordion .accordion-header.active .note.guest{
    display: flex;
    flex-basis: 100%;
    margin-top:15px
}

.checkout-index-index .form-login .field-tooltip .field-tooltip-action{
    position: absolute;
    z-index:50;
    border-left: 1.2px solid #AFAFAF;
    padding-left: 15px;
    padding-right: 7px;
    height: 30px;
    right: 10px;
    top: 10px;
}


.account-accordion .field-tooltip .field-tooltip-action:before {
    content: 'i';
    font-size: 14px;
    line-height: 14px;
    color: #AFAFAF;
    border: 1.2px solid #AFAFAF;
    border-radius: 50px;
    position: relative;
    top: 5px;
    height: 18px;
    width: 18px;
    padding-left: 0px;
}

.checkout-index-index .action-edit-address .span{
    color: white !important
}

.checkout-index-index .account-accordion .hidden-fields #customer-password{
   width: calc(100% - 39px)
}

.form-login .or-text{
    font: normal normal bold 14px/17px "proxima-nova-wide"  ,sans-serif !important;
}


.accordion-header.active .accordion-toggle{
    display: none
}



.opc-block-summary .product-item-details dt{
    font-weight: 400 !important;
}
.opc-block-summary .block.items-in-cart .title{
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-top: none !important;
 border-bottom: none !important;
}

.checkout-index-index .checkout-container .methods-shipping .actions-toolbar .action.primary{
    width: 100% !important;
    margin-top:10px;
    background: #282522 !important;
    border:none !important
}
.checkout-index-index .checkout-shipping-method .actions-toolbar>.primary{
    width: 100%;
}

.checkout-index-index #checkout-step-shipping button
 {
    background: #282522 !important;
}

.checkout-index-index .opc-block-summary .items-in-cart.active > .title:after{
    display: none;
}

.opc-block-summary .items-in-cart > .title:after{
    display: none;
}

.opc-block-summary .edit-link .edit-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position:relative;
    top:3px;
    background: url('/pub/media/wysiwyg/icons/icon-edit.svg') no-repeat center;
    background-size: contain;
}

.input-container {
    position: relative;
    margin-bottom: 1.5rem;
}


.input-text {
    width: 100%;
    padding: 1rem 0.5rem 0.25rem;
    font: normal normal normal 14px/18px "proxima-nova-wide"  ,sans-serif !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    position: relative;
    z-index: 1;
}


.checkout-comment-block .input-text {
    padding: 2rem 1.2rem 0rem 1.2rem;
   
}

.checkout-shipping-address .floating-label,
#co-payment-form .floating-label {
    position: absolute;
    left: 1rem;
    top: 1.7rem;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    pointer-events: none;
}

.checkout-shipping-address .floating-label .label-text,
#co-payment-form .floating-label .label-text {
    color: #999 !important;
    font: normal normal normal 14px/18px "proxima-nova-wide"  ,sans-serif !important;
}

.checkout-shipping-address .floating-label.is-floating .label-text,
#co-payment-form .floating-label.is-floating .label-text {
    color: black !important;
    font-size: calc(var(--default-font-size) - 8px) !important;
}

.checkout-shipping-address .floating-label .label-required,
#co-payment-form .floating-label .label-required {
    color: #999 !important;
    margin-left: 1px;
}

.checkout-shipping-address .floating-label.is-floating,
#co-payment-form .floating-label.is-floating {
    top: -1rem;
    color: #000;
    left: 10px;
    padding-inline: 4px;
    font-size: calc(var(--default-font-size) - 8px) !important;
    background: white;
}



.checkout-shipping-address .floating-label,
#co-payment-form .floating-label{
    position: absolute;
    left: 1rem;
    top: 1.7rem;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    pointer-events: none;
}

.checkout-shipping-address .floating-label .label-text,
#co-payment-form .floating-label .label-text {
    color: #999 !important;
    font: normal normal normal 14px/18px "proxima-nova-wide"  ,sans-serif !important;
}

.checkout-shipping-address .floating-label.is-floating .label-text,
#co-payment-form .floating-label.is-floating .label-text {
    color: black !important;
    font-size: calc(var(--default-font-size) - 8px) !important;
}

.checkout-shipping-address .floating-label .label-required,
#co-payment-form .floating-label .label-required {
    color: #999 !important;
    margin-left: 1px;
}

.checkout-shipping-address .floating-label.is-floating,
#co-payment-form .floating-label.is-floating{
    top: -1rem;
    color: #000;
    left: 10px;
    padding-inline: 4px;
    font-size: calc(var(--default-font-size) - 8px) !important;
    background: white;
}


.checkout-shipping-address .floating-label.is-floating .label-required,
#co-payment-form .floating-label.is-floating .label-required {
    display: inline-block !important;
}


.checkout-index-index #checkout .locked .accordion-toggle{
    display: none;
}

.custom-shipping-class .fieldset:last-child{
    margin-bottom:0px
}


.checkout-accordion {
    border-radius: 5px;
    overflow: hidden;
}

.accordion-header {
    padding: 50px 50px 50px 50px;
    background-color: transparent;
    color: black;
    cursor: pointer;
    user-select: none;
    transition:  0.3s;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: normal normal 600 20px/24px "proxima-nova-wide"  ,sans-serif !important;
    flex-wrap: wrap;
}

.account-accordion .accordion-title{
    font: normal normal 600 20px/24px "proxima-nova-wide"  ,sans-serif !important;
}


.account-accordion .accordion-header .checkout-as-email{
    flex-basis:100%
}

.checkout-index-index .field._required._error .field-error span{
    color: red !important
}



.checkout-index-index .field.telephone .field-error span{
    color: red !important
}

.shipping-accordion .shipping-details {
    flex-basis: 100%;
    margin-top: 5px;
    text-align: left;
  }
  
.accordion-icon {
    transition: transform 0.3s ease;
}

.accordion-icon.rotated {
    transform: rotate(90deg); 
}

.accordion-header.active {
    background-color: #f5f5f5;
    padding: 50px 50px 15px 45px;
}

.checkout-shipping-method .shipping-policy-block{
    display: none !important;
}

.accordion-header.active .checkout-as-email{
    display: none;
}

.checkout-index-index .page-wrapper .header.content{
    display: none
}

.accordion-header .accordion-icon{
    display: block !important;
}
.checkout-accordion .accordion-header.active .accordion-icon{
    display: none;
}
.checkout-accordion.locked .accordion-header .accordion-icon{
    display: none
}

.account-accordion .accordion-header.active .accordion-icon{
    display: none;
}

.account-accordion.locked .accordion-header .accordion-icon{
    display: none
}


.phone-country-code {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background: var(--color-light-gray);
    color: var(--color-black);
    font-size: calc(var(--default-font-size) - 2px) !important;
    font: 400 14px / 1.35 "proxima-nova-wide", sans-serif !important;
}


.checkout-index-index .input-text.phone-number{
    height: 100%;
    color: black !important
}

.checkout-index-index #custom-field-form  .choice.field .label{
  position: relative;
  top:2px;
  font: normal normal 15px/18px "proxima-nova-wide"  ,sans-serif;
  margin-left: 10px;
}

#custom-field-form .input-container{
    margin-bottom:0px ;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#custom-field-form .giftcard-image-class{
    border: 1px solid black;
    width: 114px;
    height:75px
}

#custom-field-form .giftcard-span-class{
    width: 50%;
    text-align: end;
}

.checkout-index-index .checkout-payment-method .payment-method-content{
    padding: 0 0 0px 22px;
}

#custom-field-form .giftcard-radio-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}


#custom-field-form .field{
    margin-bottom: 0px ;
}


#custom-field{
    padding-top:20px;
    border-top:2px solid #ebebeb;
    margin-top:20px;
}



#custom-field-form .radio{
    height: 24px;
    width: 24px;
    margin: 0px 0px 0px 15px;
    accent-color: #000000;
    vertical-align: middle;
    cursor: pointer;
}


.account-accordion .secure-checkout{
    font: normal normal 600 15px/18px "proxima-nova-wide"  ,sans-serif !important;
    margin-bottom: 30px ;

}

.account-accordion .account-header-title{
    font: normal normal 600 20px / 24px "proxima-nova-wide"  ,sans-serif !important;
    flex-basis:90% !important
}



.accordion-content {
    display: none;
    padding: 5px 30px 30px 30px;
    background-color: #f5f5f5;
    border-top: 2px solid #ebebeb
}

.account-accordion .actions-toolbar .primary{
    width: 100% !important;
}

.checkout-shipping-method #custom-field .label-text{
    font: normal normal 600 16px/20px "proxima-nova-wide"  ,sans-serif !important;
    text-transform: uppercase;
}



#custom-field-form .choice.field{
    display: flex;
    justify-content: flex-end;
}

#custom-field-form .choice.field section{
    display: flex;
    flex-direction: row-reverse;
    gap:20px
}

 .custom-comment-label .label-text {
    position: absolute;
    z-index: 50;
    top: 10px;
    left: 2px;
    transition: all 0.3s ease;
    background: white;
    padding: 0 4px;
    border-radius: 2px;
    color: #999999;
    font: 400 12px / 1.35 "proxima-nova-wide", sans-serif !important
  }
  
  .account-accordion #customer-email-fieldset{
    margin:0px 
  }

.shipping-accordion .accordion-content{
    padding:0px !important
}

.form-discount .payment-option-inner .field{
    width: 100%;
}


.checkout-accordion.account-accordion.acc.with-details {
    border-bottom: none;
    border-top: none;
}


.account-accordion .form.form-login{
    justify-self: center;
    width: 97%;
    max-width: 100%;
    margin:auto;
}

.account-accordion .action.login.primary{
    background: black ;
    color:white !important;
    margin-bottom: 10px;
}
.account-accordion .action.login.primary span{
    color: white !important
}



.shipping-accordion.logged .accordion-content{
    display: block !important;
}

.cdz-opc-wrapper .opc-wrapper .form-login .actions-toolbar{
    display: flex !important;
    justify-content: center;
}
.account-accordion .actions-toolbar > .secondary:last-child{
    float: right !important
}



.account-accordion{
    order:1
}
.shipping-accordion{
    order:2
}

.payment-accordion{
    order:3
}

.shipping-accordion .accordion-header.active{
    border-bottom:1px solid #f5f5f5
}

.checkout-agreements-block .checkout-agreement.field.required .action-show:after{
    display: none ;
}

.checkout-agreements-block .checkout-agreement.field.required div.mage-error:before {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
}



.payment-method .action.action-update span{
    color:white !important;
}

.checkout-payment-method .checkout-billing-address .billing-address-details{
    padding:0px 
}


.modal-popup .action-primary.action-accept span{
  color: white !important
}

.agreements-modal .action.secondary.action-hide-popup{
    padding:0px 15px
}

.agreements-modal .action.secondary.action-hide-popup span{
    color:white !important
}

.shipping-accordion input[name="telephone"] + .mage-tooltip {
    display: none ;
}

.shipping-accordion input.input-text.telephone {
    width: 100% !important;
}

.gift-card-apply .action.secondary span{
    color:white !important;
    font: normal normal 14px/17px "proxima-nova-wide"  ,sans-serif !important
}

.checkout-index-index .checkout-payment-method .payment-option-content .actions-toolbar{
    display: inline-block !important;
}

.checkout-index-index .checkout-payment-method .payment-option-content .form-discount{
    display: flex !important;
    flex-wrap: wrap;
}

.checkout-index-index .form-discount .payment-option-inner .field{
    max-width: 82%;
  }

  .checkout-index-index .gift-card-used-item{
    flex-basis:100%;
  }

  .checkout-index-index .coupon-message.coupon-message-success {
      margin: 0 0 10px;
      padding: 10px 20px;
      display: block;
      line-height: 1.2em;
      font-size: 1.3rem;
      background: #e5efe5;
      color: #006400;
      padding-left: 40px;
      position: relative;
   }

   .checkout-index-index .coupon-message {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.coupon-message.fade-slide {
    opacity: 0;
    transform: translateX(-20px); /* slide left like Magento global messages */
}


   .checkout-index-index .coupon-message-error{
    margin: 0 0 10px;
    padding: 10px 20px;
    display: block;
    line-height: 1.2em;
    font-size: 1.3rem;
    background: #fae5e5;
    color: #e02b27;
    padding-left: 40px;
    position: relative;
}


   .checkout-index-index .message-gift-card.error{
    margin: 0 0 10px;
    padding: 10px 20px;
    display: block;
    line-height: 1.2em;
    font-size: 1.3rem;
    background: #fae5e5;
    color: #e02b27;
    padding-left: 40px;
    position: relative;
}

.checkout-index-index .gift-card-check-code > .fieldset > .field{
    display: inline-block;
    margin-right: 10px;
}


.checkout-index-index .message-gift-card.error:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: 28px;
    color: #b30000;
    content: '\e602';
    font-family: 'icons-blank-theme';
    margin: -14px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 18px;
    width: 40px;
    position: absolute;
    text-align: center;
}

 .checkout-index-index .message-gift-card.success {
      margin: 0 0 10px;
      padding: 10px 20px;
      display: block;
      line-height: 1.2em;
      font-size: 1.3rem;
      background: #e5efe5;
      color: #006400;
      padding-left: 40px;
      position: relative;
   }


 .checkout-index-index .message-gift-card.success:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: 28px;
    color: #006400;
    content: '\e610';
    font-family: 'icons-blank-theme';
    margin: -14px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 18px;
    width: 40px;
    position: absolute;
    text-align: center;
   }



 
.checkout-index-index .coupon-message-error:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: 28px;
    color: #b30000;
    content: '\e602';
    font-family: 'icons-blank-theme';
    margin: -14px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 18px;
    width: 40px;
    position: absolute;
    text-align: center;
}



  .checkout-index-index .coupon-message-success:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: 28px;
    color: #006400;
    content: '\e610';
    font-family: 'icons-blank-theme';
    margin: -14px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 18px;
    width: 40px;
    position: absolute;
    text-align: center;
   }


.gift-card-apply .payment-option-inner .field{
    margin: 0px;
}

.checkout-index-index .opc-wrapper .opc-payment .step-title{
   padding:1px !important    
}


.checkout-index-index .opc-wrapper td.col.col-method {
    vertical-align: middle !important;
  }


  .checkout-index-index .action-select-shipping-item:focus{
    background: black ;
  }
  
.opc-wrapper .payment-accordion .step-content{
 margin: 0px !important
}

.block.items-in-cart .title {
    pointer-events: none;
}

.checkout-index-index .checkout-payment-method .actions-toolbar .primary{
    float: none !important;
    display: flex;
}

.checkout-index-index .column.main .payment-method-content .checkout-billing-address .field-select-billing{
    margin-bottom: 20px ;
    margin-top:5px;
}

.checkout-index-index .payment-method-billing-address .billing-address-form{
    max-width: 100% ;
}

.checkout-index-index .checkout-agreement .field.choice.required{
    padding-bottom: 20px;
}

.checkout-payment-method .checkout-billing-address .primary .action-update:focus{
    background: black !important;
}


.checkout-index-index .checkout-payment-method .field-select-billing{
    max-width: 100%;
}

.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap{
    max-height: 90% !important;
}

.checkout-index-index input[name="telephone"] {
    width: 100%;
  }
  .checkout-index-index .field-tooltip .field-tooltip-action .action-help{
    display: none;
  }

.checkout-index-index .cdz-opc-wrapper .payment-group>.step-title:before{
    display: none !important;
}

.checkout-index-index .checkout-agreements .fieldset > .field:after{
    display: none !important;
}
  
#cdz-custom-sidebar .giftcard-or{
    font: 600 14px / 1.35 "proxima-nova-wide", sans-serif !important;
}

.block.items-in-cart .title .edit-link {
    pointer-events: auto;
}

.block.discount .action-apply{
    border:none !important
}

.checkout-accordion.with-details{
    border-bottom: 2px solid #f5f5f5;
   
}


.checkout-index-index .payment-option-content .actions-toolbar{
    flex:1
}


.checkout-comment-block .floating-delivery-label{
    position: relative;
    left:1rem;
    top: 1rem;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    pointer-events: none;
    background: white;
    padding: 5px;
    font-size: calc(var(--default-font-size) - 8px) !important;
}

.opc-summary-wrapper .opc-block-summary .minicart-items-wrapper {
  margin: 0px !important
}

.checkout-payment-method .payment-method-content .checkout-billing-address .fieldset > .field{
    margin: 0px;
}

.checkout-payment-method .checkout-billing-address .input-container{
    margin-bottom: 2rem;
}

.checkout-index-index .checkout-payment-method .payment-method + .payment-method .payment-method-title{
    border-top: 2px solid #ebebeb !important;
    padding:20px 0px !important
}

.checkout-agreements .action.action-show{
    height: auto !important;
    margin-right: 5px;
}

.checkout-index-index .options-container.open{
    display: block;
}


.checkout-agreements-block .checkout-agreement.field{
    padding-bottom: 20px;
}


      /* mobile responsive */
   @media  (max-width:568px) {

    .checkout-index-index .checkout-payment-method .payment-option-content .form-discount{
        flex-wrap: nowrap !important;
    }

     .checkout-index-index .checkout-payment-method .payment-option-content .gift-card-apply .form-discount{
        flex-wrap: wrap !important;
    }

    .checkout-index-index .gift-card-check-code .fieldset{
        margin-bottom: 0px !important;
    }

    .checkout-index-index .form-discount .payment-option-inner .field{
        max-width: 67%;
    }

.checkout-index-index .checkout-payment-method .payment-option-content .actions-toolbar{
    flex:1
}

.checkout-index-index .payment-option.opc-payment-additional .action-apply{
    min-width: 50px !important;
}


.checkout-index-index .payment-option-content .action.action-cancel{
    display: flex;
    justify-content: center;
    align-items: center;
}



      .checkout-index-index .custom-shipping-class-container{
        width: 100% !important;
        max-width: 100% !important;
      }
      .checkout-index-index .column.main{
        margin-top:0px !important;
      }


      .checkout-index-index .checkout-agreement.field .label{
        width: 90% !important;
    }



      .cms-page-view.cdz-sidebar-open {
        overflow: hidden;
        touch-action: none;
        position: fixed;
        width: 100%;
      }

      .checkout-index-index .cdz-opc-wrapper .checkout-payment-method{
        margin-top: 20px !important;
      }

      .checkout-index-index .page-wrapper .page-header .sticky-menu .header.content{
        padding:0px !important
      }
      .checkout-index-index .page-header{
        border-bottom: none !important
      }
      
      #customer-email-fieldset{
        margin:0px !important
      }
      .checkout-shipping-method .message.notice{
        padding-left:10px !important;
        width: 95% !important;
        margin:10px auto !important
      }

      #custom-field{
        padding-top:0px !important;
        border-top: none !important;
        margin-top:20px;
    }

    .checkout-index-index .checkout-payment-method .payment-option-content .gift-card-apply .actions-toolbar{
        display: block ;
        flex:1;
        width: 100%;
    }

    .checkout-payment-method .payment-option-content .primary .action.action-apply{
        justify-content: center;
        align-items:center;
    }

    .checkout-index-index .gift-card-apply .action.secondary{
        width: 100% !important;
    }

    #cdz-custom-sidebar #close-sidebar:hover{
       background: transparent !important;
       border: none !important
    }

    #cdz-custom-sidebar #close-sidebar:focus{
        background: transparent !important;
        border: none !important
     }
     
    
    .checkout-index-index .table-checkout-shipping-method {
      padding-bottom:10px !important;
      border-bottom: 2px solid #ebebeb;
    }

    .checkout-index-index .product-item-details .toggle{
        display: flex !important
    }

    .checkout-index-index .product-item-details .item-options{
        margin-bottom: 0px !important;
    }
    
    
    .checkout-index-index .panel.header .action.nav-toggle{
        display: none !important;
    }
      
      .checkout-index-index .opc-wrapper .step-title{
        padding-bottom: 0px !important;
        padding: 10px 10px !important
      }

      .checkout-index-index .opc-block-summary .minicart-items-wrapper{
        max-height: none !important;
      }
 
      .checkout-index-index .checkout-agreements-block .checkout-agreement.field.required .action-show::after{
        margin-left:5px !important
      }

      .checkout-index-index .checkout-agreement.field .mage-error{
        margin-left:0px !important;
        font: 400 12px / 0.5 "proxima-nova-wide", sans-serif !important;
    }

    .checkout-index-index .opc-block-summary .title{
        padding: 20px 0 0 20px !important
    }

    .checkout-comment-block .input-text{
        padding:1.5rem 1.5rem 0.25rem !important
    }

    .account-accordion .accordion-header.active .account-header-title {
      font: normal normal 410 24px / 32px "proxima-nova-wide"  ,sans-serif !important
    }
    .checkout-agreement .action-show span{
        font-size:12px !important
    }

    .checkout-index-index .checkout-payment-method .actions-toolbar .primary{
        display: block !important
    }

    .new-shipping-address-modal .action.secondary.action-hide-popup{
        width: 100% !important;
        padding-top:7px !important;
        padding-bottom: 7px !important;
    }


    .checkout-accordion{
        margin-bottom: 0px  !important;
    }
    
    .cdz-opc-wrapper .opc-wrapper #checkoutSteps .fieldset>.field>.label{
        margin-bottom: 0px !important;
    }

    .account-accordion .account-accordion-header .account-header-title{
       font: normal normal 400 24px / 24px "proxima-nova-wide" !important;
    }


    .opc-wrapper .with-details .accordion-header  {
            font: normal normal 600 16px / 24px "proxima-nova-wide"  ,sans-serif !important;
            padding: 30px 20px 30px 20px !important
        }
    

      .checkout-index-index .opc-wrapper .form-login{
        border: none !important;
        padding:  10px 10px 40px 10px !important;
    
      }
      .checkout-index-index .opc-wrapper .fieldset>.field {
       margin-bottom: 5px !important;
       flex-wrap: wrap;
      }

      .checkout-index-index #agreement\[1\]-error{
        position: relative;
        left:50%;
        bottom:3px
      }
      

      .checkout-index-index .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.firstname"]{
        width: 100% !important;
      }
      .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"]{
        width: 100% !important;
      }
      .checkout-index-index .checkout-shipping-address{
        margin-bottom: 0px !important;
      }
      .checkout-index-index .page-wrapper .opc-block-summary {
        background-color: #f5f5f5 !important;
      }
      .checkout-index-index .opc-block-summary .product-item-details{
        width: 60% !important;
      }

      .shipping-accordion .checkout-comment-block{
        margin-top:15px
      }

      .checkout-index-index .estimated-block .estimated-label{
        font: normal normal 800 15px/18px "proxima-nova-wide"  ,sans-serif !important;
      }
      .checkout-index-index .estimated-block .estimated-price{
        font: normal normal 800 15px/18px "proxima-nova-wide"  ,sans-serif !important;
      }
      .checkout-index-index .shopping-bag-msg{
        width: 100% !important;
        left:0px !important;
      }
      .checkout-index-index .field-tooltip .field-tooltip-content{
            top: calc(100% + 45px) !important;
            left: calc(100% - 269px) !important
      }

      .opc-sidebar .opc-block-summary .items-in-cart>.title{
        border:none !important
      }

      .checkout-index-index .opc-block-summary .product-item-details{
        width: 55% !important;
        padding:0 0 0 3% !important
      }
      .checkout-index-index .opc-block-summary .block.items-in-cart{
        margin-bottom: 0px !important;
      }

  
      .checkout-shipping-method #custom-field-form .field{
        padding-bottom:5px !important
      }

      .checkout-index-index .block.discount .content{
        width: 100% !important;
        left:0px !important;
        margin-top:20px !important
      }

      .checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-shipping-method .step-content{
        padding:0px !important
      }

      .contact-accordion .contact-text{
        margin-top:10px !important
      }

      .shipping-accordion .checkout-shipping-method .step-title {
      padding-inline:10px !important;
      }

      .shipping-accordion .checkout-shipping-method #checkout-shipping-method-load{
        padding-inline:10px !important;
      }

      .shipping-accordion #custom-field-form{
        padding-inline: 10px !important;
      }

      .opc-place-order-block .action.action-show{
        height: auto !important
      }

      .payment-accordion .checkout-agreements-block{
        margin-top:10px;
      }

      .cdz-opc-wrapper .opc-place-order-block .checkout-agreements{
        padding:0px !important
      }

      .checkout-index-index .cdz-opc-wrapper #shipping-method-buttons-container{
        padding-inline:10px !important
      }

      .checkout-payment-method .payment-method-content{
        padding: 0 5px 0px !important
      }

      .account-accordion .actions-toolbar .primary {
margin-top:15px !important
      }

      .opc-block-summary table > tbody > tr > td{
        padding: 10px 20px 10px 20px !important
      }

      .checkout-index-index #customer-email-fieldset .field.required .label span {
        font: normal normal 12px / 16px "proxima-nova-wide"  ,sans-serif !important;

      }
      .cdz-opc-wrapper .opc-wrapper #checkoutSteps .form-login .fieldset>.field>.label{
        margin-bottom: 5px !important;
      }

      .checkout-index-index .opc-wrapper{
        max-width: 100% !important;
        margin-left: 0px !important;
      }
      .checkout-index-index .accordion-content{
        padding: 1px 0 1px 0 !important
      }

      .payment-accordion.active{
        margin-bottom: 80px !important;
      }

      .checkout-index-index .block.items-in-cart .title{
        padding: 10px 0px 20px !important;
        width: 90% !important;
        margin: auto !important;
        border-bottom: 2px solid #ebebeb !important;
      }

      .checkout-index-index .data.table-totals .grand-total-row{
        margin:10px auto !important;
        width: 90% !important;
        border-top: 2px solid #ebebeb !important;
      }

      .opc-wrapper .accordion-header.mobile-class{
        font: normal normal 600  16px / 16px "proxima-nova-wide" !important
      }

      .shopping-bag-msg .svg-wrapper{
        max-width: 70% !important;
        padding-left:0px !important
      }

      .opc-summary-wrapper .opc-block-summary .minicart-items-wrapper {
       padding: 0px 15px 0px 0px !important
      }
      
      .checkout-index-index .column.main .opc-block-summary .product-item{
        padding: 20px 0px !important;
      }

      .checkout-index-index .data.table-totals .grand-total-row .total-title{
        padding: 20px 0px 15px 0px !important
      }

      .checkout-index-index .data.table-totals .grand-total-row .total-value{
        padding: 15px 0px 15px 0px !important
      }

      .checkout-index-index .payment-accordion .accordion-content{
        padding: 1px 20px 40px 20px !important
      }

      .checkout-index-index .account-accordion .form-login{
        min-width: 0px !important
      }
      .checkout-index-index .block.items-in-cart .title{
        background:  #f5f5f5 !important;
      }

      .checkout-index-index .cdz-opc-wrapper .opc-sidebar .discount-code{
        background:white !important
      }

      .checkout-index-index .content.minicart-items{
        background: #f5f5f5 !important;
        border: none !important
      }

      .checkout-index-index .checkout-shipping-address{
        padding:1px 20px 1px 20px !important
      }

     

    .accordion-header.active .shipping-details{
        display: none !important
    }

    .opc-wrapper .accordion-header{
        padding:50px 20px 50px 20px !important;
        font: normal normal 600  20px / 16px "proxima-nova-wide"  ,sans-serif !important;
    }

    .opc-wrapper .with-details .accordion-header.active{
        padding:30px 20px 20px 20px !important;
    }

    .shipping-accordion .accordion-header{
        border-bottom: 2px solid #f5f5f5;
    }


    .shipping-accordion .accordion-header.active{
        border-bottom: none !important
    }
    .shipping-accordion.with-details .accordion-header{
        border-bottom: none !important;
    }
     
    .shipping-accordion.with-details{
        border-bottom: 2px solid #f5f5f5;
    }
 
    .shipping-accordion .shipping-details .shipping-method{
        padding: 15px 0px 0px 0px !important
    }

    .checkout-index-index .opc-wrapper .action-show-popup {
        width: 99% !important;
        margin: 20px auto !important;
        display: block !important;
        
    }

    .checkout-index-index .modal-popup.new-shipping-address-modal.modal-popup._inner-scroll .modal-inner-wrap{
        left: unset !important;
    }
 
    .checkout-index-index .opc-wrapper .account-accordion .accordion-header.active{
        padding: 40px 20px 20px 20px !important
    }

    .checkout-index-index .opc-wrapper .accordion-header.active{
        font: normal normal 600  24px / 16px "proxima-nova-wide"  ,sans-serif !important;
        padding: 40px 20px 30px 20px !important
    }

     .opc-wrapper .with-details .account-header-title{
        font: normal normal 600 16px / 24px "proxima-nova-wide"  ,sans-serif !important
     }


    .checkout-index-index .opc-wrapper .checkout-shipping-address .step-title{
        padding:20px 0px 10px 0px !important;
        font: 600 15px / 18px "proxima-nova-wide", sans-serif !important;
    }

    .checkout-index-index .opc-wrapper .checkout-shipping-method .step-title{
        padding:20px 10px 10px 10px !important;
        font: 600 15px / 18px "proxima-nova-wide", sans-serif !important
    }

    .checkout-shipping-method .message.notice > *:first-child:before{
        width: 28px !important;
    }

    .checkout-shipping-method #custom-field .label-text{
        font: 600 15px / 18px "proxima-nova-wide", sans-serif !important
    }

    .checkout-index-index .cdz-opc-wrapper .opc-sidebar .discount-code .form-discount{
        padding-inline: 30px !important
    }

    .checkout-index-index #opc-shipping_method{
        border-top: none !important;
    }
    .checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-shipping-address .step-content{
        padding:0px 0px 20px !important;
        border-bottom:2px solid #ebebeb !important
    }

    .opc-estimated-wrapper{
        display: none !important;
    }

    .checkout-accordion.with-details{
        margin-bottom: 0px !important;
    }

    .checkout-index-index .payment-method-billing-address{
        padding: 15px 0px !important
    }

    .checkout-index-index #opc-shipping_method{
        padding: 1px 10px 40px 10px !important
    }

    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.region_id"]{
        width: 100% !important;
    }

    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.city"]{
        width: 100% !important;
    }

    .checkout-index-index .product-item-name{
        margin:0px  !important
    }

    .checkout-index-index .checkout-agreement .required-entry{
        margin-inline-end: 7px !important;
        top:-10px !important
    }


   
    .checkout-index-index .checkout-agreement .label{
        width: 100% !important;
    }

    .checkout-index-index .opc-sidebar .minicart-items .product>.product-image-container{
        width: 139px !important;
        height:149px !important
    }




    .checkout-index-index .opc-wrapper .account-accordion #customer-email-fieldset .label{
        margin-bottom: 5px !important;
    }

    .checkout-agreements-block .checkout-agreements {
     margin-bottom:0px !important
    }

    .checkout-index-index .cdz-opc-wrapper .opc-wrapper .shipping-address-item{
        padding:0px !important
    }

    .checkout-index-index .minicart-items .product .toggle::after {
        position: relative !important;
        right:2px !important;
        top:2px !important
    }

    .checkout-index-index .cdz-opc-wrapper .opc-wrapper .shipping-address-items{
        margin-top: 0px !important;
        gap: 15px !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .checkout-index-index .cdz-opc-wrapper .opc-wrapper .shipping-address-item{
        margin:0px !important
    }
    .new-shipping-address-modal .action.primary.action-save-address{
        width: 100% !important;
        margin-bottom: 10px ;
    }
    .checkout-index-index .cdz-opc-wrapper .new-address-popup{
        padding-inline:0px !important;
        margin-top:20px !important
    }

    .checkout-index-index .minicart-items .product-item .item-qty{
        background: transparent !important
    }


    /* apple mobile ios */
    @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
        /*
        .checkout-index-index .page-wrapper .cdz-opc-wrapper .opc-wrapper{
            margin-top:50px !important
        }
        */

        
     
        .checkout-index-index .cdz-opc-wrapper .opc-wrapper #checkoutSteps .fieldset>.field>.label{
            margin-bottom: 5px;
        }
        .checkout-index-index .account-accordion .checkout-with-text{
            display: block !important;
        }
        .checkout-index-index .page-header{
            max-width: 90vw !important;
        }
        .checkout-index-index .cdz-opc-wrapper .table-checkout-shipping-method .col-method input.radio{
            margin:0px 0px 0px 15px !important
        }

        .checkout-index-index .table-checkout-shipping-method tbody td{
            border:none;
            align-content: center;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
         }
         .checkout-index-index .checkout-agreement.field .mage-error{
            align-self:center !important
         }
        
    }

   }

/* tablets */

@media (max-width:1024px) and (min-width:700px) {


   
    
    .checkout-index-index .opc-wrapper{
        margin-left: 50px !important;
    }
    .checkout-index-index .page-wrapper .cdz-opc-wrapper .opc-wrapper {
    width: 56% !important;
    margin-left: 25px !important;
    }
    .checkout-index-index .form-discount button{
        padding: 7px 7px !important
    }

    .column.main .cdz-custom-sidebar{
        width: 50% !important;
    }
    
    .cms-page-view.cdz-sidebar-open {
        overflow: hidden;
        touch-action: none;
        position: fixed;
        width: 100%;
      }

    .checkout-index-index .form-discount .action-apply span {
        font: normal normal 12px/17px "proxima-nova-wide"  ,sans-serif !important;
        letter-spacing: 0.84px;
        color: black !important;
    }

    .account-accordion .accordion-header.active{
        padding: 30px 7% 20px !important
    }

    .accordion-content{
        padding: 5px 5% 30px 5% !important
    }

    .payment-accordion .accordion-content{
        padding: 10px 9% 30px 9% !important
    }

    .checkout-accordion{
        margin-bottom: 0px !important;
    }


    /*apple ios tablet */
    @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
            
                .account-accordion .checkout-with-text{
                    display: block !important;
                }
                .checkout-index-index .checkout-agreement.field .mage-error{
                    align-self:center !important
                 }
                 .checkout-index-index .cdz-opc-wrapper .table-checkout-shipping-method .col-method input.radio{
                    margin:0px 0px 0px 15px !important
                 }
                 .checkout-index-index .cdz-opc-wrapper .table-checkout-shipping-method tbody td:first-child{
                    padding-top:13px !important
                 }
                
            }


    .checkout-index-index .page-wrapper .opc-sidebar{
        margin-right:20px !important;
        width: 35% !important;
    }
    .checkout-index-index .content.minicart-items{
        padding-left:5px !important
    }
    .opc-block-summary table > tbody > tr > td{
        padding: 15px 13px 15px 12px !important
    }
    .opc-block-summary .product-item .product-item-name-block{
        padding-right: 0px !important;
    }
    .checkout-index-index .opc-block-summary .product-item-details{
        width: 46% !important;
    }
    .checkout-agreement .action-show span{
        font-size:11px !important
    }
    .checkout-index-index .checkout-agreement.field .mage-error{
        margin-left: 0px !important;
        padding-inline-end: 0px !important;
    }
    .checkout-index-index .opc-sidebar .minicart-items .product>.product-image-container {
     max-height: 140px !important;
     max-width: 132px !important;
    }
     #opc-sidebar .payment-option-content .actions-toolbar{
        width: 50% !important;
    }
    .checkout-agreements-block .checkout-agreement.field.required .action-show:after{
        margin-left:3px !important
    }
}


/* ipad mini */
@media (max-width:770px) and (min-width:740px) {
    .checkout-index-index .page-wrapper .cdz-opc-wrapper .opc-wrapper{
        margin-left: 0px !important;
        width: 90% !important;
        max-width: 100% !important;
        justify-self: center;
    }
    .cdz-opc-wrapper .opc-estimated-wrapper{
        display: none !important;
    }
    .checkout-index-index .page-wrapper .opc-sidebar{
        width: 90% !important;
        margin-right: 0px !important;
        justify-self: center !important;
    }
    .checkout-index-index #opc-shipping_method{
        display: flex !important;
    }

    .custom-shipping-class .checkout-shipping-method{
        width: 100% !important;
    }
    .payment-option-content .form .actions-toolbar{
        width: 40% !important;
    }
    .checkout-index-index .checkout-agreement.field .mage-error{
        align-self:center !important
     }

   }


/*tablet landscape */
@media only screen and (min-width: 1100px) and (max-width: 1400px) and (orientation: landscape) {
    .checkout-index-index .cdz-opc-wrapper .opc-summary-wrapper{
        margin-right: 20px !important;
    }
    .accordion-content{
        padding: 1px 4.5% !important
    }
    .checkout-index-index .checkout-agreement.field .mage-error{
        align-self:center !important
     }
    
    .checkout-index-index .opc-wrapper {
     padding-left: 60px !important
    }
    .account-accordion .checkout-with-text{
        display: block !important;
    }
           /* ios apple landscape table */
            @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
              
                
            }

}


/*landscape mobile */

   @media (min-width: 780px) and (max-width: 1024px) and (orientation: landscape) {

    .checkout-index-index .page-wrapper .cdz-opc-wrapper .opc-wrapper{
        width: calc(200%/3 - 70px) !important;
        margin-left: 20px;
        margin-right:0px !important
    }
    .checkout-index-index .cdz-opc-wrapper .opc-sidebar{
        width: 33% !important;
        margin-right:40px !important
    }

    .checkout-index-index .opc-sidebar .discount-code .form-discount .actions-toolbar button{
        max-width: 135px !important;
    }

    .checkout-index-index .form-discount .action-apply span{
    font: normal normal 11px/15px "proxima-nova-wide"  ,sans-serif !important;
    letter-spacing: 0.84px;
    color: black !important;
}

.column.main .cdz-custom-sidebar{
    width: 50% !important;
    padding:30px 30px !important
}

.cms-page-view.cdz-sidebar-open {
    overflow: hidden;
    touch-action: none;
    position: fixed;
    width: 100%;
  }
  

#co-payment-form{
    margin-top: 10px !important;
}

.cdz-opc-wrapper .opc-place-order-block .checkout-agreements{
    padding:0px !important
}

    .checkout-index-index .page-wrapper .page-header .sticky-menu .header.content{
        padding:0px !important
      }
      .checkout-index-index .page-header{
        border-bottom: none !important
      }


       .account-accordion .accordion-header.active {
       padding: 40px 40px 20px 40px !important
       }


      .checkout-index-index .column.main .opc-block-summary .product-item{
        padding-left: 10px !important;
      }
      .checkout-index-index .opc-block-summary .product-item-details{
        width: calc(100% - 140px) !important;
        padding: 0 0 0 2% !important
      }





   }

   
   /* landscape mikres othones */
   @media (min-width: 600px) and (max-width: 770px) and (orientation: landscape) {


    .checkout-index-index .page-wrapper .cdz-opc-wrapper .opc-wrapper{
        width: 100% !important;
        margin-left:0 !important;
        max-width: 100% !important;
        margin-right:0px !important
    }
    
    .checkout-index-index .page-wrapper .page-header .sticky-menu .header.content{
        padding:0px !important
    }
    .checkout-index-index .column.main{
        margin-top:20px !important;
        padding-inline:20px !important
    }
    .checkout-index-index .estimated-block .estimated-label{
        font: normal normal 800 15px/18px "proxima-nova-wide"  ,sans-serif !important;
      }
      .checkout-index-index .estimated-block .estimated-price{
        font: normal normal 800 15px/18px "proxima-nova-wide"  ,sans-serif !important;
      }

      .checkout-index-index .shopping-bag-msg{
        width: 100% !important;
        left:0px !important;
        margin-top:20px !important
      }
      .checkout-index-index .opc-block-summary .totals .mark {
        width: 90% !important;
      }
      .checkout-index-index .field-tooltip .field-tooltip-content{
        right:-5px !important
      }
      .checkout-index-index .checkout-agreement .required-entry {
        top: -2px !important;
       }
       .checkout-payment-method .payment-method-content{
        padding: 15px 0px !important
       }
       .checkout-accordion{
        margin-bottom: 5px !important;
       }

       .checkout-agreements-block .checkout-agreements{
        margin-bottom: 0px !important;
       }
       .cdz-opc-wrapper .discount-code .form-discount .actions-toolbar{
        width: 40% !important;
       }

       @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
        .checkout-index-index .page-wrapper .cdz-opc-wrapper .opc-wrapper {
            margin-left: 0px !important;
            width: 100% !important;
            max-width: 100% !important;
            justify-self: center;
        }
        .account-accordion .checkout-with-text{
            display: block !important;
        }
        .checkout-index-index .page-wrapper .opc-sidebar{
            width: 90% !important;
            margin-right:0px !important
        }

        .checkout-index-index .cdz-opc-wrapper .table-checkout-shipping-method .col-method input.radio{
            margin: 0px 0px 0px 15px !important
        }
        .checkout-index-index .cdz-opc-wrapper .table-checkout-shipping-method tbody td:first-child{
            padding-top:15px !important
        }
        .checkout-index-index .checkout-agreement.field .mage-error{
            align-self:center !important
         }
        
    

      }


    
   }