input, textarea, select, button, a, label {
    -webkit-tap-highlight-color: transparent;
}

.c--map-separator{
    width: 100%;
    height: 0;
}

.ck-checkout-wrapper{
    position: relative;
     /*background-color: #ff000078;*/
    transition: top 0.1s ease;
}
.ck-body {
    display: block;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0px;
}

.ck-body-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ck-checkout-col {
    max-width: 380px;
    min-width: 380px;
    position: relative;
}

.acc-modal-window-bg{
    background-color: rgba(0, 0, 0, .50);
}

.ck-products-feed{
    padding-top: 0;
    padding-bottom: 0;
}
.ck-products-col{
    padding-right: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.c-main-title{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 16px;
}

.dynamic-single-shipment-select * {
    /*color: magenta !important;*/
}
.ck-checkout-unique-shipment-section * {
    color: #0a82c2 !important;
}
:root{
    --quantity-red-color: #ff3232;
    --soltek-dark-text-color: #29293e;
    --cpt-text-color: #007EB6;
    --MT-ref-neutral-neutral87: #D9DADC;
    --etc-text-color: #FA5C0D;
    --etc-text-color-strong: #ec560a;
    --light-orange-bg-color: #FFDBCF;
    --light-orange-bg-color-stronger: #f1d4cb;
    --light-blue: #7e95a0;
    --light-gray: #8a9193;
    --purple-text-color: #7e1bf2;
    /*--purple-text-color: #630bc7;*/
    /*--MT-ref-neutral-neutral87: #D9DADC;*/
    --quantity-buttons-size: 40px;
    --radio25-default-size: 22px;
    --radio25-default-dot-size: 10px;
}
.ck-content{
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: var(--soltek-dark-text-color);
    padding: 32px 16px;
}
.ck-content.checkout-view{
    /*background-color: #f3f6f8;*/
    background-color: #f1f1f1;
}

.ck-content.checkout-view.app-loading{
    background-color: #FFFFFF;
}

.c-white-element{
    background-color: #FFFFFF;
}
.ck-product-link{
    color: var(--soltek-dark-text-color);
}

.ck-body-flex{
    gap: 30px;
}

.ck-product-img {
    max-height: 140px;
    border-radius: 6px;
}
.ck-product-img-col{
    width: 140px;
}
.ck-product-section{
    padding: 15px 0px;
}
.sol-ctz-item-notes-row{
    display: none;
}

.checkout-view .sol-ctz-item-notes-row{
    display: flex;
    margin-bottom: 0;
    width: 100%;
}
.checkout-view .c-free-shipping-box{
    display: none !important;
}
.ck-product-subtotal-grid{
    display: none;
}


.c--quantity-section{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 0;

}
.c--quantity-section .c--controls{
    display: flex;
    align-items: center;
    gap: 4px;
}
.c--quantity-section .c--controls .c--button.not-allowed{
    opacity: 0.55;
}
.c--quantity-section .c--controls .c--button.trash-button{
    font-family: 'Fontawesome webfont', sans-serif;
    font-size: 22px;
}
.c--quantity-section .c--controls .c--button.trash-button svg{
    display: block !important;
    background-color: #eceded;
    position: absolute;
}
/*.c--quantity-section .c--controls .c--button.trash-button:after{*/
/*    content: "";*/
/*    font-family: 'Fontawesome webfont', sans-serif;*/
/*    font-size: 16px;*/
/*    background-color: #eceded;*/
/*    position: absolute;*/
/*}*/
.c--quantity-section .c--controls .c--button{
    width: var(--quantity-buttons-size);
    height: var(--quantity-buttons-size);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--soltek-dark-text-color);
    background-color: #eceded;
    cursor: pointer;
    border: 1px solid #cccccc;
    user-select: none;
    -webkit-user-select: none;
    font-weight: 600;
    transition: background-color 250ms ease-in-out;
    font-size: 16px;
}
.c--quantity-section .c--controls .c--button:hover{
    background-color: #e8eaee;
}
.c--quantity-section .c--controls .c--button:active{
    background-color: #eeeeee;
}
.c--quantity-section .c--controls input{
    width: var(--quantity-buttons-size);
    height: var(--quantity-buttons-size);
    font-size: 16px;
    border-radius: 4px;
    color: var(--soltek-dark-text-color);
    display: block;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 8px 12px;
    text-align: center;
}
.c--quantity-section .c--controls input:focus{
    border-color: #3898EC;
    outline: 0;
}

.c-pretty-total-format {
    display: flex;
    gap: 3px;
}
.c-pretty-total-format .c-whole {
    line-height: 100%;
    font-size: 22px;
}
.c-pretty-total-format .c-cents {
    font-size: 13px;
    line-height: 100%;

    position: relative;
    top: 1px;
}

.c-buttons-column .c-pretty-total-format {
    font-weight: 600;
}
.ck-product-price .c-pretty-total-format .c-whole {
    font-size: 18px;
    font-weight: 700;

}
.c-buttons-column .c-pretty-total-format .c-cents {
    font-size: 18px;
    position: relative;
    top: 1px;
}

.ck-prod-subtotal-amount .c-pretty-total-format{
    color: var(--quantity-red-color);
}
.ck-prod-subtotal-amount .c-pretty-total-format .c-whole{
    font-size: 23px;
    font-weight: 600;
}
.ck-prod-subtotal-amount .c-pretty-total-format .c-cents {
    font-size: 17px;
    position: relative;
    top: 1px;
}
.ck-product-sold-by{
    /*color: var(--light-blue);*/
    color: var(--light-gray);
}
.ck-product-specs .ck-product-specs-span{
    color: var(--light-blue);
}

.ck-body{
    max-width: 1100px;
}

/* c-my-cart-breakdown */
.c-my-cart-breakdown{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 26px;
}

.c-my-cart-breakdown .c--header{
    display: flex;
}
.c-my-cart-breakdown .c--header .c--section-title{
    color: var(--soltek-dark-text-color);
    font-weight: 700;
    flex: 1;
    font-size: 18px;
}
.ck-checkout-labels-header-col-2 .c--currency-opt,
.c-my-cart-breakdown .c--header .c--currency-opt{
    color: var(--light-blue);
    position: relative;

    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.ck-checkout-labels-header-col-2 .c--currency-opt .c--opt,
.c-my-cart-breakdown .c--header .c--currency-opt .c--opt {
    cursor: pointer;
}

.ck-checkout-labels-header-col-2 .c--currency-opt .c--bubble,
.c-my-cart-breakdown .c--header .c--currency-opt .c--bubble {
    position: absolute;
    top: 22px;
    right: 0;
    display: block;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
    /* border: 1px solid #e5e5e5; */
    /* border-radius: 2px; */
    background-color: #fff;
    z-index: 1;
}

.ck-checkout-labels-header-col-2 .c--currency-opt .c--bubble .c---opt,
.c-my-cart-breakdown .c--header .c--currency-opt .c--bubble .c---opt {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    padding: 9px 19px;
    background-color: var(--etc-text-color);
    transition: background-color 250ms ease-in-out;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.47);
}
.ck-checkout-labels-header-col-2 .c--currency-opt .c--bubble .c---opt:hover,
.c-my-cart-breakdown .c--header .c--currency-opt .c--bubble .c---opt:hover{
    background-color: var(--etc-text-color-strong);
}

.c-my-cart-breakdown .c--feed{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.c-my-cart-breakdown .c--row{
    font-size: 15px;
    display: flex;
}
.c-my-cart-breakdown .c--row .c--leading-cell{
    flex: 1;
}
.c-my-cart-breakdown .c--row .c--trailing-cell{

}
.c-my-cart-breakdown .c--row .c--trailing-cell.muted{
    color: var(--light-gray);
}
.c-my-cart-breakdown .c--separator{
    height: 1px;
    background-color: #cbcbcb;
    width: 100%;
}
.c-my-cart-breakdown .c--row.c-total{
    color: var(--soltek-dark-text-color);
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    padding-top: 5px;
}
.c-my-cart-breakdown .c--row.c-total .c--leading-cell{


}
.c-my-cart-breakdown .c--row.c-total .c--trailing-cell{
    color: var(--quantity-red-color);

}
.app-loading.app-24 .ck-full-btn{
    box-shadow: 0 0 6px 3px rgb(250 92 13 / 31%);
}
.ck-full-btn{
    background-color: var(--etc-text-color);
    font-size: 15px;
    border-radius: 6px;
    transition: background-color 250ms ease-in-out;
    max-width: 420px;
    margin: 0 auto;
    cursor: pointer;
}
.ck-full-btn:hover{
    background-color: var(--etc-text-color-strong);
}
.ck-full-btn:active {
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1);
}
.ck-full-btn.not-active,
.ck-full-btn.not-active:hover{
    background-color: var(--etc-text-color);
}

.c-about-payments{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 40px 0 20px;
}
.c-about-payments .c--header{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    line-height: 140%;
    color: #717171;
    gap: 12px;
    letter-spacing: -0.25px;
}
.c-about-payments .c--header .c--text{
    max-width: 202px;
}
.c-about-payments .c-payment-methods{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 16px;
}
.c-about-payments .c-payment-methods img{
    max-height: 17px;
}

.c-checkout-settings{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/*Legacy checkout*/
.ck-checkout-title {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600
}
.ck-checkout-strong-text {
    color: #000;
    font-weight: 600
}

.app-loading.app-24 .ck-checkout-bottom-place-order-btn-wrapper{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 20px 26px;
    /* box-shadow: 0 0 6px 3px rgb(250 92 13 / 31%); */
    border-radius: 6px;
    background-color: #ffffff6b;
}

/*Global sections*/
.c-delivery-setting.ck-checkout-delivery-wrapper .ck-delivery-method-select .c--text-content {
    padding-right: 66px;
    width: 100%;
}

.ck-checkout-method-select-icon {
    font-family: 'Fontawesome webfont', sans-serif;
    font-size: 34px;
    line-height: 34px
}

.ck-checkout-method-select {

    display: flex;
    padding: 20px 24px 20px 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #c2c2c2;*/
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
    color: var(--soltek-dark-text-color);
    border-radius: 6px;
    background-color: #ffffff;
    cursor: pointer;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10);

    position: relative;
    min-height: 96px;
}
.ck-checkout-method-select .c--wrapper{
    min-height: 60px;
    display: flex;
    align-items: center;
}

.ck-checkout-method-select .c-update-opt{
    position: absolute;
    display: flex;
    gap: 4px;
    top: 14px;
    right: 19px;
    transition: color 250ms ease-in-out;
    letter-spacing: -0.18px;
}

.ck-checkout-method-select .c-update-opt:hover .c--current-status{
    color: #7c08ff;
}
.ck-checkout-method-select .c-update-opt:hover .c--icon{
    opacity: 1;
}

.ck-checkout-method-select .c-update-opt .c--icon{
    width: 18px;
    height: 18px;
    /*opacity: 0.65;*/
    opacity: 1;
    transition: opacity 250ms ease-in-out;
}

.ck-checkout-method-select .c--current-status{
    font-size: 13px;
    font-weight: 600;
    /*color: #6e7b81;*/
    color: var(--purple-text-color, #6906DA);
    transition: color 250ms ease-in-out;
}
.ck-checkout-method-select .c--current-status .c--change{
    display: block;
}
.ck-checkout-method-select .c--current-status .c--add{
    display: none;
}

.ck-checkout-method-select.c-missing .c--current-status .c--change{
    display: none;
}
.ck-checkout-method-select.c-missing .c--current-status .c--add{
    display: block;
}

/*Delivery method*/
.ck-delivery-method-select .c--wrapper{
    min-height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 160%;
}

/*.ck-checkout-method-select:hover {*/
/*    color: #aaa*/
/*}*/

/*.ck-checkout-method-select-data-col {*/
/*    -webkit-box-flex: 1;*/
/*    -webkit-flex: 1;*/
/*    -ms-flex: 1;*/
/*    flex: 1;*/
/*    color: #6f6f6f*/
/*}*/

.ck-delivery-method-blank{
    min-height: 38px;
}

.ck-checkout-method-select .ck-delivery-method-blank{
    gap: 10px;
}
.ck-checkout-method-select .ck-delivery-method-blank .c--icon{
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    right: 69px;
}
.ck-checkout-method-select .ck-delivery-method-blank .ck-delivery-method-blank-text{
    flex: 1;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.16px;
    top: 0;
    margin-left: 0;
    color: #ff3232;
}

.ck-checkout-method-select.blank .ck-delivery-method-blank .c--icon{
    right: 6px;
}

.ck-checkout-method-select.blank .ck-checkout-method-select-icon-col{
    position: absolute;
    right: 0;
    top: 16px;
}
.ck-site-section .ck-checkout-method-select.blank .c-update-opt{
    right: 5px;
}

/*.ck-payment-method-select .c--msi-text,*/
.ck-payment-method-select .c--msi-text.muted{
    color: var(--light-gray);
}
.ck-payment-method-select .c--msi-text .c--msi-opt{
    display: flex;
    align-items: center;
    gap: 7px;
    row-gap: 0;
    padding: 2px 0px 0px;
    flex-wrap: wrap;
}
.ck-payment-method-select .c--msi-text .c--msi-opt .c--dotted{
    text-decoration: underline;
    text-decoration-style: dotted;
}

.ck-payment-card-months,
.ck-checkout-method-select.msi-not-available{
    display: none !important;
}

/*Switch -->*/
/* The switch - the box around the slider */
.ck-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    margin-bottom: 0;
}

/* Hide default HTML checkbox */
.ck-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.ck-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.ck-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}


input:checked + .ck-slider {
    background-color: #a149d3;
}

input:focus + .ck-slider {
    box-shadow: 0 0 1px #a149d3;
}

input:checked + .ck-slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
}

/* Rounded sliders */
.ck-slider.round {
    border-radius: 34px;
}

.ck-slider.round:before {
    border-radius: 50%;
}
/*Switch <--*/

.ck-site-section{
    color: var(--soltek-dark-text-color);
    border-radius: 6px;
    background-color: #ffffff;
    padding: 20px 24px 20px 24px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10);
}

.ck-site-section .ck-checkout-method-select{
    padding: 12px 0;
}

.ck-site-section .ck-checkout-method-select .c-update-opt{
    position: relative;
    top: 0;
    right: 19px;
}

.ck-site-section .ck-checkout-method-select .ck-checkout-method-select-data-col{
    display: flex;
    flex-direction: column;
    min-height: 46px;
    gap: 0;
}

.ck-site-section .ck-site-feed{
    padding: 7px 0 0;
}

.ck-site-section.ck-shipment-section .ck-site-feed{
    padding: 30px 0 7px;
}

.ck-shipment-shipping-method-select .c-insurance-icon{
    max-width: 22px;
}

.ck-shipment-shipping-method-select.ck-checkout-method-select{
    box-shadow: none;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.ck-cart-products.checkout-feed .ck-shipment-shipping-method-select .ck-site-feed-delivery-t,
.ck-cart-products.checkout-feed .ck-shipment-shipping-method-select .ck-product-estimate-delivery-type{
    font-size: 14px;

}
.ck-cart-products.checkout-feed .ck-shipment-shipping-method-select .ck-site-feed-delivery-t{
    margin-bottom: 5px;
}


.acc-modal-window-bg .close--opt {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    right: 0;
    top: 0;
}

.acc-modal-window-bg .close--opt .c--inner {
    border-radius: 50%;
    /*background: var(--mt-ref-neutral-neutral-96, #F2F4F6);*/
    background-color: #F2F4F6;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 250ms ease-in-out;
}

.acc-modal-window-bg .close--opt .c--inner:hover{
    background-color: #ebedef;
}

.acc-modal-window-bg .close--opt img {
    width: 20px !important;
    height: 20px;
    position: relative;
}

/* The checkbox-c */
.checkbox-c {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: var(--radio25-default-size);
    height: var(--radio25-default-size);
    margin-bottom: 0;
}

/* Hide the browser's default checkbox */
.checkbox-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkbox-c .c-checkmark-25 {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--radio25-default-size);
    width: var(--radio25-default-size);
    background-color: #ffffff;
    border-radius: 2px;
    border: 2px solid  var(--light-gray);
    transition: background-color 250ms ease-in-out;
}

/* On mouse-over, add a grey background color */
.checkbox-c:hover input ~ .c-checkmark-25 {
    background-color: #f8f8f8;
}

/* When the checkbox is checked, add a blue background */
.checkbox-c input:checked ~ .c-checkmark-25 {
    background-color: var(--etc-text-color-strong);
    border-color: var(--etc-text-color-strong);
}

/* Create the c-checkmark-25/indicator (hidden when not checked) */
.checkbox-c .c-checkmark-25:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the c-checkmark-25 when checked */
.checkbox-c input:checked ~ .c-checkmark-25:after {
    display: block;
}

/* Style the c-checkmark-25/indicator */
.checkbox-c .c-checkmark-25:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* The container */
.radio-c {
    display: block;
    position: relative;
    /*padding-left: 35px;*/
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: var(--radio25-default-size);
    height: var(--radio25-default-size);
    margin-bottom: 0;
}

/* Hide the browser's default radio button */
.radio-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.c-radio25 {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--radio25-default-size);
    width: var(--radio25-default-size);
    background-color: #ffffff;
    border-radius: 50%;
    /*border: 2px solid  var(--etc-text-color-strong);*/
    border: 2px solid  var(--light-gray);
}

/* On mouse-over, add a grey background color */
.radio-c:hover input ~ .c-radio25 {
    background-color: #f8f8f8;
}

/* When the radio button is checked, add a blue background */
.radio-c input:checked ~ .c-radio25 {
    /*background-color: #2196F3;*/
    border-color: var(--etc-text-color-strong);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.c-radio25:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-c input:checked ~ .c-radio25:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-c .c-radio25:after {
    top: 4px;
    left: 4px;
    width: var(--radio25-default-dot-size);
    height: var(--radio25-default-dot-size);
    border-radius: 50%;
    background:  #ff6e26;
}


.has-float-label-25 {
    display: block;
    position: relative;
}
.has-float-label-25:not(.has-fixed-label) label,
.has-float-label-25:not(.has-fixed-label) > span {

    position: absolute;
    left: 7px;
    top: -5px;
    cursor: text;
    font-size: 72%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #949596;
    margin-bottom: 0;
    font-weight: 600;
    background-color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    line-height: 100%;
}
.has-float-label-25.has-fixed-label label{
    background-color: transparent;
    color: transparent;

    font-size: 14px !important;
    opacity: 1;
    top: 33%;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.125px;

    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    position: absolute;
    left: 7px;
}
.expiration_date .has-float-label-25.has-fixed-label label{
    left: 80px;
}
.card_cvc .has-float-label-25.has-fixed-label label{
    left: 58px;
}
.has-float-label-25 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.has-float-label-25 textarea {
    width: 100%;
}
.has-float-label-25 input,
.has-float-label-25 select,
.has-float-label-25 textarea {
    padding-top: 0.6em;
    margin-bottom: 0;
    height: 42px;
    border-radius: 6px;
    transition: border-color 250ms ease-in-out;
    font-size: 16px;
}
.has-float-label-25 input::-webkit-input-placeholder,
.has-float-label-25 select::-webkit-input-placeholder,
.has-float-label-25 textarea::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.has-float-label-25 input::-moz-placeholder,
.has-float-label-25 select::-moz-placeholder,
.has-float-label-25 textarea::-moz-placeholder {
    opacity: 1;
    transition: all .2s;
}
.has-float-label-25 input:-ms-input-placeholder,
.has-float-label-25 select:-ms-input-placeholder,
.has-float-label-25 textarea:-ms-input-placeholder {
    opacity: 1;
    transition: all .2s;
}
.has-float-label-25 input::placeholder,
.has-float-label-25 select::placeholder,
.has-float-label-25 textarea::placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.has-float-label-25:not(.has-fixed-label) input:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.has-float-label-25:not(.has-fixed-label) select:placeholder-shown:not(:focus)::-webkit-input-placeholder, .has-float-label-25 textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0;
}
.has-float-label-25:not(.has-fixed-label) input:placeholder-shown:not(:focus)::-moz-placeholder,
.has-float-label-25:not(.has-fixed-label) select:placeholder-shown:not(:focus)::-moz-placeholder,
.has-float-label-25:not(.has-fixed-label) textarea:placeholder-shown:not(:focus)::-moz-placeholder {
    opacity: 0;
}
.has-float-label-25:not(.has-fixed-label) input:placeholder-shown:not(:focus):-ms-input-placeholder,
.has-float-label-25:not(.has-fixed-label) select:placeholder-shown:not(:focus):-ms-input-placeholder,
.has-float-label-25:not(.has-fixed-label) textarea:placeholder-shown:not(:focus):-ms-input-placeholder {
    opacity: 0;
}
.has-float-label-25:not(.has-fixed-label) input:placeholder-shown:not(:focus)::placeholder,
.has-float-label-25:not(.has-fixed-label) select:placeholder-shown:not(:focus)::placeholder,
.has-float-label-25:not(.has-fixed-label) textarea:placeholder-shown:not(:focus)::placeholder {
    opacity: 0;
}
.has-float-label-25 input:placeholder-shown:not(:focus) + *,
.has-float-label-25 select:placeholder-shown:not(:focus) + *,
.has-float-label-25 textarea:placeholder-shown:not(:focus) + * {
    font-size: 14px;
    opacity: 1;
    top: 33%;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.125px;

}


.has-float-label-25.has-fixed-label input:not(:placeholder-shown) + label,
.has-float-label-25.has-fixed-label select:not(:placeholder-shown) + label,
.has-float-label-25.has-fixed-label textarea:not(:placeholder-shown) + label {
    opacity: 0;
}


.has-float-label-25 input:focus,
.has-float-label-25 select:focus,
.has-float-label-25 textarea:focus {
    /*outline: none;
    border-color: rgba(0, 0, 0, 0.5);*/
}
.has-float-label-25 select {
    /*padding-right: 1em;*/
    /*background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.5em bottom 0.25em;*/
    /*background-size: 8px 10px;*/
    /*background: #fff;*/
    padding: 0 12px;
    background-color: #FFFFFF;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 10px 6px;

}


.c-address-form-25 .ck-form-input-error.in-input,
.c-address-form-25 .ck-form-input-error{
    padding-bottom: 0;
    height: 0;
    overflow: hidden;
    transition: height 250ms ease-in-out;
    font-weight: 600;
    line-height: 20px;
    padding-top: 0;
    font-size: 12px;

}

.c-address-form-25 .ck-form-input-error{
    text-align: left;
}

.c-address-form-25 .ck-form-input-error.in-input{
    text-align: center;
}

.c-address-form-25 .ck-form-input-error.in-input .c--text,
.c-address-form-25 .ck-form-input-error .c--text{
    padding: 3px 12px 0;
}

.c-address-form-25 .c--default-label{
    font-size: 11px;
    color: var(--light-blue);
    overflow: hidden;
    height: auto;
}
.c-address-form-25 .c--input-hint{
    font-size: 12px;
    /*font-weight: 600;*/
    color: var(--light-blue);
    /*height: auto;*/
    overflow: hidden;

    height: 23px;
    transition: height 250ms ease-in-out;
}
.c-address-form-25 .c--input-hint .c--text{
    padding: 3px 12px 0;
}

.c-address-form-25 .c--inline-inputs{
    display: flex;
    gap: 8px;
}
.c-address-form-25 .c--row.ocurre-radios .c--inline-inputs{
    gap: 12px;
}
.c-address-form-25 .c--inline-inputs .c--radios{
    display: flex;
    gap: 22px;
    align-items: center;
}
.c-address-form-25 .c--input-container.destinatario{
    flex: 1;
}
.c-address-form-25 .c--input-container.calle{
    /*flex: 1;*/
}
.c-address-form-25 .c--input-container.cellphone{
    width: 33%;
}
.c-address-form-25 .c--input-container.calle,
.c-address-form-25 .c--input-container.numero_exterior,
.c-address-form-25 .c--input-container.codigo_postal,

.c-address-form-25 .c--input-container.colonia,
.c-address-form-25 .c--input-container.municipio,
.c-address-form-25 .c--input-container.ciudad,
.c-address-form-25 .c--input-container.estado,
.c-address-form-25 .c--input-container.entre_calles,
.c-address-form-25 .c--input-container.referencias,
.c-address-form-25 .c--input-container.filler.c33{
    width: 100%;
    flex: 1;
}

.c-address-form-25 .c-settlement-inputs .c--input-container.c--leading-cell{
    width: 36.3%;
}
.c-address-form-25 .c-settlement-inputs .c--input-container.c--trailing-cell{
    width: 37%;
}
.c-address-form-25 .c-settlement-inputs .c--input-container.filler.c33{
    width: auto;
    /*display: none;*/
}

.c-address-form-25 .c--input-container.card_name{
    width: 100%;
    flex: 1;
}
.c-address-form-25 .c--input-container.card_number{
    /*width: 30%;*/
    width: 100%;
    flex: 1;
    max-width: 240px;
}

.c-address-form-25 .c--input-container.expiration_date{
    width: 140px;
    min-width: 140px;
}
.c-address-form-25 .c--input-container.card_cvc{
    width: 150px;
    min-width: 150px;
}
.c-address-form-25 .c--input-container.card_cvc .c--default-label{
    display: flex;
    align-items: center;
    gap: 8px;
}
.c-address-form-25 .c--input-container.card_cvc .c--default-label img{
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.c-address-form-25 .c--input-container.card_address_street_name{
    width: 39%;
    flex: 1;
}

.c-address-form-25 .c--input-container.card_address_street_number_1{
    width: 18%;
}
.c-address-form-25 .c--input-container.card_address_street_number_2{
    width: 18%;
}
.c-address-form-25 .c--input-container.card_address_zip{
    width: 25%;
}

.c-address-form-25 .c--inline-inputs.c-mandatory-text-mobile{
    display: none;
}

.c-address-form-25 .c--input-container.filler.c33{
    display: flex;
    align-items: center;
}

.c-address-form-25 .c--inputs-wrap{
    padding: 15px 28px 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.c-address-form-25 .c--row{
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.c-address-form-25 .c--inputs-wrap .c---title,
.c-address-form-25 .c--row .c---title{
    font-weight: 700;
}

.c-address-form-25 .c--row.billing-address-row .c---title{
    position: relative;
    top: 4px;
}

.c-delivery-settings-modal .c-tab-page.shipping-option.address-form .c--content,
.c-delivery-settings-modal .c-tab-page.ocurre-option.address-form .c--content{
    padding: 12px var(--modal-side-padding) 12px;
    display: flex;
    flex-direction: column;
}

.c-delivery-settings-modal .c-address-form-25{
    flex: 1;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11);
}

.c-address-form-25 .c-mandatory-dot,
.c-address-form-25 .c-mandatory-text{
    color: orangered;
}
.c-address-form-25 .c-mandatory-text{
    font-size: 12px;
}

.c-address-form-25 .c--inputs-wrap.ocurre-carriers{
    border-bottom: 1px solid #dfdfdf;
    padding: 21px 28px 17px;
}

.acc-modal-window.ck-modal-window{
    border-radius: 16px;
}

.ck-modal-add-address-bg .acc-modal-window.ck-modal-window{
    max-width: 920px;
    padding-bottom: 0;
    border-radius: 8px;
    font-family: Poppins, 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: var(--mt-extended-font-color-value, #29293e);
    padding-bottom: 0 !important;
}

.ck-modal-add-address-bg .close--opt {
    top: 50%;
    transform: translateY(-50%);
}

.ck-modal-add-address-bg .ck-modal-title-wrapper{
    min-height: 56px;
    display: flex;
    align-items: center;
    /*padding: 0 var(--modal-side-padding);*/
    padding: 0 28px;
    position: relative;
    justify-content: flex-start;
    height: auto;
}
.ck-modal-add-address-bg .ck-modal-header{
    padding: 0;
}

.ck-modal-add-address-bg .ck-modal-header .ck-modal-title {
    color: var(--mt-extended-font-color-value, #29293e);
    font-size: 16px;
    font-weight: 700;
    padding-top: 1px;
}

.ck-modal-add-address-bg .ck-add-address-form-wrapper{
    border-top: none;
}

.ck-modal-add-address-bg .ck-modal-body{
    background-color: #f8f8f8;
    /*padding: 12px var(--modal-side-padding) 12px;*/
    padding: 0;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #dfdfdf;

}

.ck-modal-add-address-bg .ck-add-address-form-wrapper{
    padding-top: 0;
    margin-bottom: 0;
    background-color: #FFFFFF;
    border-radius: 8px;

    box-shadow: inset 0px -3px 3px rgba(111, 111, 111, 0.1);

}

.ck-modal-add-address-bg .c-address-form-25 .c--inputs-wrap.ocurre-carriers{
    border-bottom: none;
}

.ck-modal-add-address-bg .c-address-form-25 .c--inputs-wrap.ocurre-carriers {
    border-bottom: none;
    padding: 21px 28px 6px;
}

.ck-modal-add-address-bg .ck-modal-bottom .ck-modal-buttons-wrapper{
    height: 50px;
    /*padding: 0 var(--modal-side-padding);*/
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.ck-modal-add-address-bg .ck-modal-general-error{
    text-align: right;
}

.ck-modal-add-address-bg .ck-modal-primary-button.not-ready{
    background-color: #afafaf !important;
    background-image: none !important;
    color: #fff !important;
}

.ck-modal-add-address-bg .ck-modal-primary-button{
    background-color: var(--button-purple-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    flex: 1;
    max-width: 226px;
    color: #fff;
    font-size: 13px;
    border-radius: 6px;
    transition: background-color 250ms ease-in-out;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.ck-modal-add-address-bg .ck-modal-primary-button:hover {
    background-color: var(--button-purple-bg-color-hover);
}

.ck-modal-add-address-bg .ck-modal-close-button {

    background-color: #fcfcfc;
    color: var(--soltek-dark-text-color);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.12);

    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    flex: 1;
    max-width: 226px;
    font-size: 13px;
    border-radius: 6px;
    transition: background-color 250ms ease-in-out;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    border: none;
}

.ck-modal-add-address-bg .ck-modal-close-button:hover{
    background-color: #f1f1f1;
}

.ck-modal-add-address-bg .ck-modal-bottom{

    height: 50px;
    padding: 0 var(--modal-side-padding);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    flex-direction: column;
}



.ck-modal-delete-address-bg,
.acc-modal-window-bg.ui-25,
.acc-modal-window-bg.app-modal.ui-25{
    font-family: Poppins,'Segoe UI',Frutiger,'Frutiger Linotype','Dejavu Sans','Helvetica Neue',Arial,sans-serif;
    color: var(--mt-extended-font-color-value,#29293e);
}
.acc-modal-window-bg.ui-25.general-error{
    z-index: 2101;
}
.ck-modal-delete-address-bg .acc-modal-window.ck-modal-window{
    padding-bottom: 28px;
    padding-top: 32px;
    position: relative;
    border-radius: 16px;
    max-width: 380px;
}
.ck-modal-delete-address-bg .acc-delete-addr-label{
    font-size: 18px;
    font-weight: 700;
}

.ck-modal-delete-address-bg .ck-delivery-address-section-col-2{
    color: var(--mt-extended-font-color-value,#29293e);
}

.ck-modal-delete-address-bg .ck-delivery-address-section{
    border-bottom: none;
}
.ck-modal-delete-address-bg .ck-add-address-form-wrapper{
    padding-top: 0;
    border-top: none;
    margin-bottom: 0;
}

.ck-modal-primary-button.orange-25.not-active{
    background-color: var(--etc-text-color) !important;
}
.ck-modal-primary-button.orange-25{
    background-color: var(--etc-text-color);
    color: #fff;
    border-radius: 6px;
    transition: background-color 250ms ease-in-out;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    font-size: 14px;
}
.ck-modal-primary-button.orange-25:hover{
    background-color: var(--etc-text-color-strong);
}


.ck-modal-buttons-wrapper.ui-25{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ck-modal-primary-button-wrapper.ui-25{
    margin-bottom: 0;
}
.ck-modal-close-button.muted-25{
    background-color: #fcfcfc;
    color: var(--soltek-dark-text-color);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
    transition: background-color 250ms ease-in-out;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    border: none;
    font-size: 14px;
    border-radius: 6px;
}
.ck-modal-close-button.muted-25:hover{
    background-color: #f1f1f1;
}

.acc-modal-window-bg.general-error .acc-modal-window.ck-modal-window{
    position: relative;
    padding: 27px 2px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
}

.acc-modal-window-bg.general-error .ck-modal-body{
    padding-right: 30px;
    padding-left: 30px;
    display: flex;
    align-items: center;
    min-height: 102px;
}

.acc-modal-window-bg.general-error .c--message{
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.acc-modal-window-bg.general-error .ck-modal-primary-button.orange-25{
    font-size: 16px;
}

.ck-modal-code-card-bg.ui-25 .acc-modal-window.ck-modal-window{
    padding-bottom: 0;
}
.ck-modal-code-card-bg.ui-25 .ck-security-code-img-wrapper{
    padding-top: 0;
}
.ck-modal-code-card-bg.ui-25 .ck-security-code-img-wrapper{
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ck-modal-code-card-bg.ui-25 .ck-modal-body{
    padding-top: 36px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--soltek-dark-text-color);
}

.ck-modal-code-card-bg.ui-25 .c--title{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.ck-modal-code-card-bg.ui-25 .c--about{
    font-size: 16px;
    line-height: 130%;
    /* font-weight: 700; */
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    gap: 10px;
    letter-spacing: -0.35px;
}
.ck-modal-code-card-bg.ui-25 .c--about div{

}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-modal-header{
    padding-top: 28px;
    padding-bottom: 12px;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-modal-title{
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    font-weight: 700;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-modal-title-muted{
    color: var(--light-blue);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.35px;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-card-month-section{
    border-bottom: none;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-card-month-section{
    padding-left: 10px;
}
.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-card-month-section.selected{
    background-color: #f6f6f6;
    border-radius: 8px;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-card-months-feed{
    border-top: none;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-modal-title-wrapper{
    height: auto;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .acc-modal-window.ck-modal-window{
    padding-bottom: 30px;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .ck-card-month-section-disabled{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: not-allowed;
}

.ck-modal-card-months-bg.acc-modal-window-bg.app-modal.ui-25 .close--opt{
    right: 4px;
    top: 4px;
}

.ck-modal-shipping-insurance-btn{
    letter-spacing: -0.35px;
}
.ck-modal-shipping-insurance-amount-wrapper .currency{
    font-size: 13px;
}

.ck-modal-shipping-method-bg .acc-modal-window-bg .close--opt{
    right: 4px;
    top: 4px;
}

.ck-modal-shipping-method-bg .ck-modal-title-wrapper{
    color: var(--soltek-dark-text-color);
    padding-top: 12px;
}

.ck-modal-shipping-method-bg.ui-25 .ck-shipping-carrier-cell{
    gap: 6px;
}

.ck-modal-shipping-method-bg.ui-25 .ck-shipping-method-section{
    border-bottom: none;
}

.ck-modal-shipping-method-bg.ui-25 .ck-shipping-method-feed{
    border-top: none;
    margin-bottom: 16px;
}

.ck-modal-shipping-method-bg.ui-25 .ck-shipping-method-section.selected{
    border-radius: 6px;
    background-color: #fa5c0d14;
}

.ck-modal-shipping-method-bg.ui-25 .ck-shipping-carriers-section .wrapper{
    padding-bottom: 8px;
}

.ck-modal-shipping-method-bg.ui-25 .ck-modal-title{
    font-size: 20px;
    font-weight: 700;
}
.ck-modal-shipping-method-bg.ui-25 .ck-shipping-method-section-col-1{
    width: auto;
    padding-right: 0;
    padding-left: 9px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ck-modal-shipping-method-bg.ui-25 .ck-shipping-method-section-col-2{
    padding-left: 12px;
}

.ck-modal-shipping-method-bg.ui-25 .ck-modal-shipping-insurance-checkbox-field-label{
    flex: 1;
    margin-left: 7px;
    font-weight: 400;
}

.ck-modal-shipping-insurance-btn .checkbox-c{
    transform: scale(0.85);
}

.ck-modal-shipping-method-bg.ui-25 .ck-modal-shipping-insurance-btn{
    border-radius: 6px;
    height: 48px;
}
.ck-modal-shipping-method-bg.ui-25 .ck-modal-shipping-insurance-amount-icon{
    font-weight: 500;
}
.ck-modal-shipping-method-bg.ui-25 .ck-modal-shipping-insurance-amount-wrapper .content{
    font-weight: 500;
}

.c-item-deletion .c--title{
    font-size: 18px;
    font-weight: 700;
}

.c-item-deletion .acc-modal-window.ck-modal-window{
    max-width: 400px;
    position: relative;
}

.c-item-deletion .ck-add-address-form-wrapper{
    padding-top: 43px;
    border-top: none;
}

.c-item-deletion.acc-modal-window-bg .close--opt{
    right: 4px;
    top: 4px;
}

.acc-modal-edit-notes.ui-25 .acc-modal-window{
    border-radius: 16px;
    position: relative;
    max-width: 420px;
}

.acc-modal-edit-notes.acc-modal-window-bg .close--opt{
    top: 4px;
    right: 4px;
}

.acc-modal-edit-notes.ui-25 .acc-modal-header{
    border-bottom: none;
    padding-top: 28px;
    padding-bottom: 15px;
    height: auto;
}

.acc-modal-edit-notes.ui-25 .acc-modal-body{
    padding: 0px 20px 23px;
}

.acc-modal-edit-notes.ui-25 .acc-modal-body-frm-wrapper{
    margin-bottom: 23px;
}

.acc-modal-edit-notes.ui-25 .ck-modal-primary-button{
    max-width: 320px;
    margin: 0 auto;
}

.acc-modal-edit-notes.ui-25 textarea.w-input{
    border-radius: 8px;
}

.oops-m.ui-25 .close--opt{
    top: 4px;
    right: 4px;
}
.oops-m.ui-25 .ck-modal-body{
    padding-right: 22px;
    padding-left: 22px
}

.oops-m.ui-25 .a-link-opt{
    background-color: var(--etc-text-color);
    color: #fff;
    border-radius: 6px;
    transition: background-color 250ms ease-in-out;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    font-size: 14px;
}

.oops-m.ui-25 .w-input{
    border-radius: 4px;
    height: 40px;
}

.c-app-qr .close--opt{
    top: 4px;
    right: 4px;
}

.c-app-qr .acc-modal-window{
    position: relative;
}

.c-app-qr .c--title{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    max-width: 284px;
    margin: 0 auto 16px;
}

.c-app-qr .c-lead-icon{
    text-align: center;
}

.c-app-qr .c-lead-icon img{
    max-width: 200px;
}

.c-app-qr .ck-modal-body{
    padding-top: 40px;
}

.ck-checkout-container-flex{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}

.ck-checkout-labels-container{
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 18px 18px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    color: var(--soltek-dark-text-color);
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}


.ck-checkout-taxes-generated-section.loading .c--loading,
.ck-checkout-labels-container.loading .c--loading{
    display: flex;
}
.ck-checkout-taxes-generated-section .c--loading,
.ck-checkout-labels-container .c--loading{
    background-color: rgba(255, 255, 255, 0.66);
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    z-index: 1;
}


.ck-checkout-labels-container .c--loading svg{
    width: 34px;
    height: 34px;
}

.ck-checkout-labels-header-col-1 {
    font-weight: 700;
    flex: 1;
    font-size: 18px;
}


.ck-checkout-labels-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*min-height: 38px;*/

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*border-bottom: 1px solid #e2e2e2*/
}

.ck-checkout-labels-deet-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*padding-right: 10px;*/
    /*padding-left: 10px*/
    font-size: 15px;

}

.ck-checkout-labels-list-wrapper{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ck-checkout-labels-deet-col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

}


.ck-checkout-labels-deet-row.ck-checkout-labels-gran-total-row{
    border-top: 1px solid #cbcbcb;
    padding-top: 17px;
    margin-top: 5px;

    color: var(--soltek-dark-text-color);
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;


}

.ck-checkout-labels-deet-row.ck-checkout-labels-gran-total-row .ck-checkout-labels-deet-col-2.ck-checkout-labels-grand-total-col-2{
    color: var(--quantity-red-color);
}

.ck-checkout-coupon-form-wrapper {
    margin-bottom: 0px
}

.ck-checkout-bottom-coupon-wrapper{
    /*background-color: #ff00ff0d;*/
}


.ck-checkout-coupon-input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}



.ck-checkout-coupon-input {
    margin-bottom: 0px;
    /*border-right: 1px none #000;*/
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 42px;
    padding: 8px 12px 7px;
}
.ck-checkout-coupon-input:focus{
    border-color: var(--etc-text-color);
}


.ck-checkout-coupon-apply-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    /*border: 1px solid #0072bc;*/
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: var(--etc-text-color);
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    transition: background-color 250ms ease-in-out;
    font-weight: 600;
    height: 100%;
    flex: 1;
}

.ck-checkout-coupon-apply-btn:hover {
    background-color: var(--etc-text-color-strong);
}

.ck-checkout-coupon-apply-btn-col {
    min-width: 90px;
    display: flex;
}

.ck-checkout-coupon-input-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ck-checkout-coupon-form-label {
    /*margin-bottom: 10px;*/
    /*line-height: 14px*/
}

.ck-checkout-coupon-form-label.coupon-added-label {
    margin-bottom: 0px
}

.ck-checkout-coupon-error {
    display: none;
    padding-top: 4px;
    color: #c40000
}

.ck-checkout-coupon-added-wrapper {
    display: none
}

.ck-checkout-coupon-name-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ck-checkout-coupon-name-col {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ck-checkout-coupon-added-code {
    font-size: 18px
}

.ck-checkout-coupon-remove-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    padding-right: 13px;
    padding-left: 13px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Fontawesome webfont', sans-serif;
    color: #cecece;
    font-size: 16px;
    text-decoration: none
}

.ck-checkout-coupon-remove-option:hover {
    color: silver
}

.c-coupon-wrap.ui-25 .ck-checkout-coupon-name-wrapper{
    display: none;
}

.c-coupon-wrap.ui-25 .c--have-flex{
    display: flex;
    align-items: center;
    gap: 8px;
}

.c-coupon-wrap.ui-25 .c--have-flex .c--icon{
    width: 18px;
    height: 18px;
    position: relative;
    bottom: 0;
    top: 1px;
}

.c-coupon-wrap.ui-25 .c--have-flex .c--text{
    cursor: pointer;
    color: var(--purple-text-color);
    font-weight: 600;
}

.ck-checkout-taxes-generated-section{
    position: relative;
    cursor: pointer;
    color: var(--soltek-dark-text-color);
    border-radius: 6px;
    background-color: #ffffff;
    padding: 12px 16px 12px 16px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10);
}

.debts .ck-checkout-taxes-generated-section{
    display: none;
}

.ck-checkout-taxes-generated-section .c--flex{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.ck-checkout-taxes-generated-section.loading{

}

.ck-checkout-taxes-generated-section.loading .c--loading{
    display: flex;
}

.ck-checkout-taxes-generated-section .c--loading svg{
    width: 26px;
    height: 26px;
}

.ck-checkout-bottom-general-error-wrapper{
    color: var(--quantity-red-color);
    display: none;
}

.ck-checkout-place-order-terms-text {
    /*padding-top: 16px;*/
    font-size: 11px;
    line-height: 15px;
    text-align: center
}

.ck-checkout-place-order-terms-link {
    color: #0072bc;
    text-decoration: none
}

.ck-empty-cart-msg{
    color: var(--soltek-dark-text-color) !important;
    font-weight: 700 !important;
    ont-size: 22px !important;
}

.section-art-recomendations{
    padding-top: 60px;
}

.art-recommendation-label {
    margin-bottom: 0px;
    padding-top: 22px;
    padding-bottom: 22px;
    /*font-family: 'Segoe UI', sans-serif;*/
    color: var(--soltek-dark-text-color);
    font-size: 18px;
    line-height: 18px;
    font-weight: 600
}

.art-recommendation-item-paragraph {
    margin-bottom: 0px;
    padding-top: 15px;
    padding-right: 16px;
    padding-left: 16px;
    /*font-family: 'Segoe UI', sans-serif;*/
    text-align: center;
    font-weight: 700;
}

@media (max-width: 914px){

    .ck-checkout-method-select .c-update-opt{
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .ck-site-section .ck-checkout-method-select .c-update-opt {
        right: 8px;
    }
    .c-delivery-setting .ck-checkout-method-select .c-update-opt{
        top: 25px;
    }
    .ck-products-col {
        width: 100%;
        padding-right: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        margin: 0 auto;
        max-width: 520px;
    }
    .cart-only .ck-checkout-col{
        padding-left: 0;
        border-left: none;
    }

    .ck-checkout-col {
        width: 100%;
        max-width: 520px;
        min-width: 0px;
        margin: 0 auto;
    }

    .ck-body-flex{
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media (max-width: 889px){
    .c-address-form-25 .c--input-container.card_address_street_number_1,
    .c-address-form-25 .c--input-container.card_address_street_number_2{
        width: 143px;
        min-width: 143px;
    }
    .c-address-form-25 .c--input-container.card_address_zip{
        width: 143px;
        min-width: 143px;
    }
    .c-address-form-25 .c--input-container.card_address_street_name{
        width: 100%;
    }
    .c-address-form-25 .c--inline-inputs{
        gap: 14px;
    }
}
@media (max-width: 848px){
    .c-address-form-25 .c--inline-inputs{
        flex-wrap: wrap;
    }
    .c-address-form-25 .c--input-container.card_name{
        flex: none;
    }
    .c-address-form-25 .c--input-container.card_number{
        max-width: none;
    }
    .c-address-form-25 .c--input-container.card_number,
    .c-address-form-25 .c--input-container.expiration_date,
    .c-address-form-25 .c--input-container.card_cvc{
        position: relative;
        bottom: 4px;
    }

    .c-address-form-25 .c--inline-inputs.card_name {
        row-gap: 0;
    }

    .c-address-form-25 .c--input-container.card_address_street_name{
        flex: none;
    }
    .c-address-form-25 .c--input-container.card_address_street_number_1,
    .c-address-form-25 .c--input-container.card_address_street_number_2,
    .c-address-form-25 .c--input-container.card_address_zip{
        /*width: calc(33.3% - 6px);*/
        width: calc(33.3% - 10px);
        max-width: none;
    }
    .c-address-form-25 .c-settlement-inputs .c--input-container.c--leading-cell,
    .c-address-form-25 .c-settlement-inputs .c--input-container.c--trailing-cell{
        flex: 1;
        width: 100%;
    }
}
@media (max-width: 831px){
    .c-address-form-25 .c--input-container.calle,
    .c-address-form-25 .c--input-container.numero_exterior,


    .c-address-form-25 .c--input-container.colonia,
    .c-address-form-25 .c--input-container.municipio,
    .c-address-form-25 .c--input-container.ciudad,
    .c-address-form-25 .c--input-container.estado,
    .c-address-form-25 .c--input-container.entre_calles,
    .c-address-form-25 .c--input-container.referencias,
    .c-address-form-25 .c--input-container.filler.c33{
        width: 35.2%;
        flex: none;
    }

    .c-address-form-25 .c--input-container.cellphone,
    .c-address-form-25 .c--input-container.codigo_postal,
    .c-address-form-25 .c--input-container.filler.c33{
        width: 25%;
        flex: none;
    }




}
@media (max-width: 800px){
    .c-address-form-25 .c--row.ocurre-radios .c--inline-inputs{
        row-gap: 4px;
        flex-wrap: wrap;
    }
}

@media (max-width: 771px){
    .c-address-form-25 .c--input-container.filler.c33{
        display: none;
    }
    .c-address-form-25 .c--input-container.colonia,
    .c-address-form-25 .c--input-container.municipio,
    .c-address-form-25 .c--input-container.ciudad,
    .c-address-form-25 .c--input-container.estado,
    .c-address-form-25 .c--input-container.entre_calles,
    .c-address-form-25 .c--input-container.referencias{
        width: 50%;
        flex: 1;
    }
    .c-address-form-25 .c--inline-inputs.c-mandatory-text-mobile{
        display: flex;
    }
}
@media (max-width: 767px) {
    .ck-product-img-col {
        width: 100px;
    }
    .ck-product-section {
        padding: 24px 0;
    }
}
@media (max-width: 741px){
    .c-address-form-25 .c--inline-inputs.c-address{
        flex-wrap: wrap;
    }
    .c-address-form-25 .c--input-container.calle{
        width: 100%;
    }
    .c-address-form-25 .c--input-container.numero_exterior,
    .c-address-form-25 .c--input-container.codigo_postal{
        width: calc(50% - 4px);
        flex: 1;
    }
    .c-address-form-25 .c--input-container.destinatario {
        flex: 1;
    }
    .c-address-form-25 .c--input-container.cellphone{
        width: 35%;
    }
}
@media (max-width: 610px){
    .c-address-form-25 .c--inline-inputs.c-references{
        flex-wrap: wrap;
    }
    .c-address-form-25 .c--input-container.entre_calles,
    .c-address-form-25 .c--input-container.referencias{
        width: 100%;
    }
    .c-delivery-settings-modal .c-tab-page.shipping-option.address-form .c--content,
    .c-delivery-settings-modal .c-tab-page.ocurre-option.address-form .c--content{
        padding: 12px 12px 12px;
    }
    .c-address-form-25 .c--inputs-wrap{
        padding: 15px 21px 15px;
    }
    .c-address-form-25 .c--input-container.numero_exterior .has-float-label-25 input:placeholder-shown:not(:focus) + *,
    .c-address-form-25 .c--input-container.cellphone .has-float-label-25 input:placeholder-shown:not(:focus) + *{
        font-size: 12px;
        top: 36%;
    }
    .c-address-form-25 .c--input-container.card_number{
        flex: none;
        width: 100%;
    }
    .c-address-form-25 .c--input-container.expiration_date,
    .c-address-form-25 .c--input-container.card_cvc{
        width: 100%;
        flex: 1;
        padding-top: 8px;
    }

    .c-address-form-25 .c--input-container.referencias .has-float-label-25 input:placeholder-shown:not(:focus) + *{
        font-size: 12px;
        top: 36%;
    }
}
@media (max-width: 540px){
    .c-address-form-25 .c--input-container.card_address_street_number_1,
    .c-address-form-25 .c--input-container.card_address_street_number_2,
    .c-address-form-25 .c--input-container.card_address_zip{
        width: 100%;
        max-width: none;
        flex: 1;
    }
}
@media (max-width: 500px){
    .c-address-form-25 .c--inputs-wrap.ocurre-carriers{
        padding: 20px 10px 17px;
    }
    .c-address-form-25 .c--inline-inputs .c--radios{
        gap: 16px;
    }
    .c-address-form-25 .c--input-container.municipio .has-float-label-25 input:placeholder-shown:not(:focus) + *{
        font-size: 12px;
        top: 36%;
    }

    .c-address-form-25 .c--inline-inputs.c-phone{
        flex-wrap: wrap;
    }
    .c-address-form-25 .c--input-container.destinatario {
        flex: 1;
        width: 100%;
    }
    .c-address-form-25 .c--input-container.cellphone{
        width: 100%;
    }
    .c-address-form-25 .c--input-container.cellphone .has-float-label-25 input:placeholder-shown:not(:focus) + *{
        font-size: 14px;
    }
    .c-address-form-25 .c--inputs-wrap {
        padding: 15px 8px 15px;
    }

    .ck-modal-add-address-bg .ck-modal-bottom {
        height: auto;
        flex-direction: column;
        width: 100%;
        row-gap: 8px;
        padding: 0;
    }
    .ck-modal-add-address-bg .ck-modal-bottom .ck-modal-buttons-wrapper {
        height: auto;
        flex-direction: column;
        width: 100%;
        row-gap: 8px;
        padding: 10px 10px;
    }
    .ck-modal-add-address-bg .ck-modal-close-button,
    .ck-modal-add-address-bg .ck-modal-primary-button{
        width: 100%;
        min-height: 40px;
        max-width: 339px;
    }
    .ck-modal-add-address-bg .c-address-form-25 .c--inputs-wrap.ocurre-carriers{
        padding: 21px 10px 6px;
    }
}
@media (max-width: 479px) {

    .c-address-form-25 .c--input-container.entre_calles,
    .c-address-form-25 .c--input-container.referencias {
        width: 100%;
        flex: none;
    }
    .c-address-form-25 .c--input-container.numero_exterior,
    .c-address-form-25 .c--input-container.codigo_postal{
        width: 100%;
        flex: none;
    }

    .c-address-form-25 .c--input-container.ciudad,
    .c-address-form-25 .c--input-container.estado{
        width: 100%;
        flex: none;
    }

    .c-address-form-25 .c--input-container.colonia,
    .c-address-form-25 .c--input-container.municipio{
        width: 100%;
        flex: none;
    }

    .ck-checkout-coupon-apply-btn{
        font-size: 14px;
    }
    .oops-m.ui-25 .ck-modal-body{
        padding-right: 14px;
        padding-left: 14px
    }
    .oops-m.ui-25.acc-modal-window-bg{
        padding-right: 8px;
        padding-left: 8px
    }
    .oops-m.ui-25 .data-container .title-container .title{
        font-size: 14px;
    }
    .oops-m.ui-25 .data-container .title-container .subtitle{
        font-size: 13px;
    }
    .ck-site-section{
        padding: 20px 20px 20px 20px;
    }
    .ck-site-section .ck-checkout-method-select.blank .c-update-opt {
        right: 0;
    }
    .ck-cart-products.checkout-feed .ck-shipment-shipping-method-select.blank .ck-site-feed-delivery-t{
        padding-right: 90px;
        line-height: 16px;
    }
    .ck-checkout-method-select .ck-delivery-method-blank .ck-delivery-method-blank-text{
        font-size: 16px;
    }
    .ck-delivery-address-strong.lead-title, .c-strong.lead-title{
        font-size: 17px;
    }
    .acc-modal-window-bg.ck-modal-add-address-bg{
        padding-right: 8px;
        padding-left: 8px;
    }
    .ck-product-img-col {
        width: 80px;
    }
    .ck-product-section {
        padding: 24px 0;
    }

    .acc-modal-window-bg.c-delivery-settings-modal{
        padding-right: 8px;
        padding-left: 8px;
    }

    .c-address-form-25 .c-settlement-inputs.city-inputs .c--input-container.c--leading-cell,
    .c-address-form-25 .c-settlement-inputs.city-inputs .c--input-container.c--trailing-cell{
        flex: none;
    }
    .ck-content{
        padding: 20px 8px;
    }
    .ck-app-disc-mobile .lead-text, .ck-app-dis-wrap .l-header .lead-text{
        font-size: 12px;
    }
}
@media (max-width: 361px){
    #card_address_municipality_d{
        display: none;
    }
}
@media (max-width: 351px){
    .ck-modal-add-address-bg .c-address-form-25 .c--inputs-wrap.ocurre-carriers {
        padding: 21px 6px 6px;
    }
}
