#ocdw_checkout-sidebar-5.ocdw_checkout-sidebar {
    top: 0;
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 100000000;
}

div[id^="ocdw_checkout-block"]:not(.flatpickr-calendar) {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    box-sizing: content-box;
    line-height: 1.2;
}

div[id^="ocdw_checkout-block"]:not(.flatpickr-calendar) * {
    box-sizing: border-box
}

div[id^="ocdw_checkout-block"] {
    background: #fff;
    max-width: 410px;
    width: 100%;
    margin: 0 auto!important;
    min-height: 100px;
    position: relative
}

div[id^="ocdw_checkout-block"].static {
    border: 1px solid #ddd;
    max-width: 100%
}

div[id^="ocdw_checkout-block"].page {
    max-width: 100%
}

div[id^="ocdw_checkout-block"] .inner-header {
    background: #FCFCFC;
    color: #333;
    padding-top: 40px;
    padding-bottom: 25px;
    padding-left: 30%;
    position: relative;
    min-height: 50px;
    display: flex;
    justify-content: space-between;
    color: #141414;
    font-family: Onest,serif;
    font-size: 38px;
    min-height: 125px;
    padding: 40px 20px;
    position: relative;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

div[id^="ocdw_checkout-block"] .inner-header .modal-close {
    opacity: 1;
    cursor: pointer!important;
    color: #333;
    padding-left: 20px
}

div[id^="ocdw_checkout-block"] .inner-header .modal-close img {
    display: inline-block;
    transition: 1s all
}

div[id^="ocdw_checkout-block"] .inner-header .modal-close:hover img {
    transform: rotate(180deg)
}

div[id^="ocdw_checkout-block"] .inner-center {
    background: #fff;
    padding: 20px;
    overflow: auto;
    height: 100%
}

div[id^="ocdw_checkout-block"].page .inner-center {
    padding: 20px 0
}

div[id^="ocdw_checkout-block"] .inner-footer {
    padding: 15px 20px;
    background: #ffffff;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    /* border-top: 1px solid #ddd; */
    width: 100%;
    height: 100%
}

div[id^="ocdw_checkout-sidebar"] div[id^="ocdw_checkout-block"] {
    /* width: 371px; */
    display: flex;
    flex-direction: column;
    overflow: hidden
}

div[id^="ocdw_checkout-sidebar"] .inner-footer {
    /* max-height: 65px; */
    margin-top: auto
}

div[id^="ocdw_checkout-block"].page .inner-footer {
    padding: 0 0 15px;
    background: #fff;
    border: 0
}

div[id^="ocdw_checkout-block"] .inner-center .additional-information {
    font-size: 12px;
    color: #333;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    word-break: break-word
}

div[id^="ocdw_checkout-block"] .inner-center .additional-information.top {
    margin: 0 0 10px!important;
    padding-bottom: 10px!important
}

div[id^="ocdw_checkout-block"] .inner-center .additional-information.bottom {
    margin: 10px 0 0!important;
    padding-top: 10px!important
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields {
    position: relative;
    display: block;
    margin: 0 -15px;
}

div[id^="ocdw_checkout-block"] .inner-center .ocdw_checkout-accordion + .inner-fields {
    margin-top: 15px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields h4 {
    margin-top: 0;
    font-weight: 700;
    color: #666
}

div[id^="ocdw_checkout-block"] .inner-center div[data-step="customer"] .inner-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

div[id^="ocdw_checkout-block"] .inner-center div[data-step="customer"] .fields-block > .inner-fields:nth-child(1) {
    margin-top: -15px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields div[class^="related-fields"] {
    margin-top: 0!important
}

div[id^="ocdw_checkout-block"] .inner-center div[data-step="shipping"] .inner-fields:nth-child(1),div[id^="ocdw_checkout-block"] .inner-center div[data-step="payment"] .inner-fields:nth-child(1),div[id^="ocdw_checkout-block"] .inner-center div[data-step="confirm"] .table-responsive:nth-child(1) {
    margin-top: -15px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields div[class^='related-fields'] > div {
    width: 100%!important
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div {
    margin-left: 15px;
    margin-right: 15px;
    position: relative
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.mt-15 {
    margin-top: 15px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-1 {
    width: 100%
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.full-width {
    width: calc(100% - 30px)!important
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-2 {
    width: calc(50% - 30px)
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-3 {
    width: calc(33.3% - 30px)
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-4 {
    width: calc(25% - 30px)
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields div[class^="related-fields"] {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields div[class^="related-fields"] > div.field-col-1 {
    width: 100%
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields div[class^="related-fields"] > div.full-width {
    width: 100%!important
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields div[class^="related-fields"] > div.field-col-2 {
    width: calc(50% - 10px)
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields div[class^="related-fields"] > div.field-col-3 {
    width: calc(33.3% - 10px)
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields div[class^="related-fields"] > div.field-col-4 {
    width: calc(25% - 10px)
}

div[id^="ocdw_checkout-block"] .inner-center .shipping-address,div[id^="ocdw_checkout-block"] .inner-center .login-block {
    display: none
}

div[id^="ocdw_checkout-block"].registration .inner-center .customer-group-id-block,div[id^="ocdw_checkout-block"].registration .inner-center .newsletter {
    margin-top: 15px
}

div[id^="ocdw_checkout-block"].address .inner-footer .back-form {
    display: flex
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div,div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div div[class^='related-fields'],div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div div[class^='related-fields'] > div {
    margin-top: 15px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div div[class^='related-fields'] {
    display: none
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div[data-field-type='password'],div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div[data-field-type='confirm'] {
    display: none
}

div[id^="ocdw_checkout-block"] div[id^="payment-address-existing"],div[id^="ocdw_checkout-block"] div[id^="shipping-address-existing"] {
    margin: 10px 0
}

div[id^="ocdw_checkout-block"] div[id^="payment-address-existing"] + .inner-field,div[id^="ocdw_checkout-block"] div[id^="shipping-address-existing"] + .inner-field {
    margin-top: 5px
}

div[id^="ocdw_checkout-block"] div[id^="payment-address-new"] .inner-fields,div[id^="ocdw_checkout-block"] div[id^="shipping-address-new"] .inner-fields {
    margin-top: 0;
    margin-bottom: 10px
}

div[id^="ocdw_checkout-block"] .inner-center .block-title {
    font-weight: 700;
    /* border-bottom: 1px solid #d9d9d9; */
    padding-bottom: 5px;
    font-size: 16px;
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field {
    position: relative;
    margin: 13px 0;
    text-transform: uppercase;
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field.with-icon > img {
    position: absolute;
    top: 4px;
    left: 5px;
    z-index: 1
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields img.option-image {
    margin: 0 10px 0 0
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field input[type=checkbox],div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field input[type=radio] {
    display: none
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio label,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox label {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin: 0;
    z-index: 1;

}


div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox {
    display: flex;
    flex-direction: column
}

div[id^="ocdw_checkout-block"] .inner-field + .error-text {
    margin-top: 5px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio + .field-radio label,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox + .field-checkbox label {
    margin: 5px 0 0
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio label:before,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 1px solid #d9d9d9;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio input:checked + label:after,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    left: 3px;
    width: 10px;
    height: 10px;
    background: #141414;
    top: 50%;
    transform: translateY(-50%)
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio label:before,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio input:checked + label:after {
    border-radius: none;
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio.name-with-img img,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox.name-with-img img {
    margin-right: 10px;
    border: 1px solid #d9d9d9
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio.with-img,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox.with-img {
    margin: 0 5px 5px 0;
    display: inline-flex
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio.with-img label:before,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio.with-img label:after,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox.with-img label:before,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox.with-img label:after {
    display: none!important
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio.with-img img,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox.with-img img {
    margin-right: 0;
    border: 1px solid #d9d9d9
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-radio input:checked + label img,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .inner-field .field-checkbox input:checked + label img {
    border: 1px solid #3498db
}

div[id^="ocdw_checkout-block"] .inner-center input[type=text]:not(.numInput),div[id^="ocdw_checkout-block"] .inner-center input[type=password],div[id^="ocdw_checkout-block"] .inner-center input[type=email],div[id^="ocdw_checkout-block"] .inner-center input[type=tel],div[id^="ocdw_checkout-block"] .inner-center textarea,div[id^="ocdw_checkout-block"] .inner-center select:not(.flatpickr-monthDropdown-months):not(.oc15-fix) {
    background: #fff;
    border: none;
    border-bottom: 2px solid #8A8A8A;
    box-sizing: border-box;
    display: block;
    margin: 0 0 5px;
    padding: 9px 10px;
    position: relative;
    width: 100%;
    color: var(--black, #8A8A8A);
/* 16/Onest */
    font-family: Onest,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* text-transform: uppercase; */
    -webkit-transition: border-color .75s;
    -moz-transition: border-color .75s;
    -o-transition: border-color .75s;
    transition: border-color .75s;
    outline: none;
    min-height: 34px;
    line-height: inherit;
    width: 100%
}
div[id^="ocdw_checkout-block"] .inner-center input[type=text]:not(.numInput),div[id^="ocdw_checkout-block"] .inner-center input[type=password],div[id^="ocdw_checkout-block"] .inner-center input[type=email],div[id^="ocdw_checkout-block"] .inner-center input[type=tel],div[id^="ocdw_checkout-block"] .inner-center textarea,div[id^="ocdw_checkout-block"] .inner-center select:not(.flatpickr-monthDropdown-months):not(.oc15-fix): active{
    background-color:red;
}
div[id^="ocdw_checkout-block"] .inner-center .inner-fields select:not(.flatpickr-monthDropdown-months) {
    padding: 4px 10px;
    height: 34px
}

div[id^="ocdw_checkout-block"] .inner-center textarea {
    resize: vertical
}

div[id^="ocdw_checkout-block"] .inner-center input[type=text] + .flatpickr-calendar {
    display: none
}

div[id^="ocdw_checkout-block"] .inner-center input[type=text] + .flatpickr-calendar.active {
    display: block;
    max-width: 370px
}

div[id^="ocdw_checkout-block"] .inner-center input[type=text] + .flatpickr-calendar.active .flatpickr-days {
    width: 100%
}

div[id^="ocdw_checkout-block"] .inner-center input[type=text] + .flatpickr-calendar.active .flatpickr-days .dayContainer {
    width: 100%;
    max-width: 370px;
    min-width: 100%
}

div[id^="ocdw_checkout-block"] .inner-center .with-icon input[type=text]:not(.numInput),div[id^="ocdw_checkout-block"] .inner-center .with-icon input[type=password],div[id^="ocdw_checkout-block"] .inner-center .with-icon input[type=email],div[id^="ocdw_checkout-block"] .inner-center .with-icon input[type=tel],div[id^="ocdw_checkout-block"] .inner-center .with-icon textarea,div[id^="ocdw_checkout-block"] .inner-center .with-icon select:not(.flatpickr-monthDropdown-months) {
    padding-left: 33px
}

div[id^="ocdw_checkout-block"] .inner-center input[type=text]:not(.numInput):focus,div[id^="ocdw_checkout-block"] .inner-center input[type=password]:focus,div[id^="ocdw_checkout-block"] .inner-center input[type=email]:focus,div[id^="ocdw_checkout-block"] .inner-center input[type=tel]:focus,div[id^="ocdw_checkout-block"] .inner-center textarea:focus,div[id^="ocdw_checkout-block"] .inner-center select:not(.flatpickr-monthDropdown-months):focus {
    border: none;
    border-bottom: 2px solid #8A8A8A;
}

div[id^="ocdw_checkout-block"] .inner-center .error-style input[type=text]:not(.numInput),div[id^="ocdw_checkout-block"] .inner-center .error-style input[type=password],div[id^="ocdw_checkout-block"] .inner-center .error-style input[type=email],div[id^="ocdw_checkout-block"] .inner-center .error-style input[type=tel],div[id^="ocdw_checkout-block"] .inner-center .error-style .field-checkbox label:before,div[id^="ocdw_checkout-block"] .inner-center .error-style .field-radio label:before,div[id^="ocdw_checkout-block"] .inner-center .error-style .field-checkbox.with-img img,div[id^="ocdw_checkout-block"] .inner-center .error-style .field-radio.with-img img,div[id^="ocdw_checkout-block"] .inner-center .error-style .field-checkbox.name-with-img img,div[id^="ocdw_checkout-block"] .inner-center .error-style .field-radio.name-with-img img,div[id^="ocdw_checkout-block"] .inner-center .error-style textarea,div[id^="ocdw_checkout-block"] .inner-center .error-style select:not(.flatpickr-monthDropdown-months) {
    border: 1px solid #df2e2e!important
}

div[id^="ocdw_checkout-block"] .inner-center .field-heading,.ocdw_checkout-accordion .section .field-heading {color:  #8A8A8A;
/* 16/Onest */font-family: Onest, sans-serif;font-size: 12px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;display: block;position: relative;width: 100%;margin-bottom: 10px;word-break: break-word;cursor: default}

div[id^="ocdw_checkout-block"] .inner-center .field-description {
    font-size: 12px;
    color: #fff;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    display: block;
    position: relative;
    width: 100%;
    margin: -5px 0 4px;
    background: #d9d9d9;
    padding: 7px 10px;
    word-break: break-word
}

div[id^="ocdw_checkout-block"] .inner-center .field-autocomplete-api {
    display: none;
    z-index: 5;
    background: #fff;
    box-shadow: 0 8px 8px 0 rgba(0,0,0,.2);
    position: absolute;
    width: 100%;
    padding: 0;
    margin-top: -5px;
    border-left: 1px solid #d9d9d9;
    min-height: 28px;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    overflow-y: auto;
    max-height: 203px
}

div[id^="ocdw_checkout-block"] .inner-center .field-autocomplete-api .item {
    padding: 7px 10px;
    cursor: pointer;
    color: #000
}

div[id^="ocdw_checkout-block"] .inner-center .field-autocomplete-api .item:hover {
    background: #ececec;
    color: #000
}

div[id^="ocdw_checkout-block"] .inner-center .field-autocomplete-api .item + .item {
    border-top: 1px solid #ececec
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .error-text,div[id^="ocdw_checkout-block"] .inner-center .inner-fields .success-text {
    font-size: 12px;
    display: block;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    margin-bottom: 7px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .error-text {
    color: #df2e2e
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .success-text {
    color: #47c843
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .required-indicator {
    color: #df2e2e
}

div[id^="ocdw_checkout-block"] .inner-center .require-information {
    font-size: 12px;
    line-height: 12px;
    color: #333;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif
}

div[id^="ocdw_checkout-block"] .inner-center .require-information a {
    color: #23a1d1;
    padding: 0;
    border: 0;
    background: none;
    font-size: 12px
}

div[id^="ocdw_checkout-block"] .inner-center .require-information a:hover {
    color: #2a6496;
    padding: 0;
    border: 0;
    background: none
}

div[id^="ocdw_checkout-block"] .inner-center .forgot-password {

}

div[id^="ocdw_checkout-block"] .inner-center .forgot-password button {
    font-family: Onest, sans-serif;
    color: #141414;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    padding-left: 10px;
    border: 0;
    outline: 0;
    line-height: 14px;
    background: none;
    font-size: 12px
}

div[id^="ocdw_checkout-block"] .inner-center .forgot-password button:hover {
    color: #141414;
    padding-left: 10px;
    border: 0;
    background: none
}

div[id^="ocdw_checkout-block"] .inner-center .inner-fields .flatpickr-months .flatpickr-month {
    height: 38px!important
}

div[id^="ocdw_checkout-block"] .inner-footer button,div[id^="ocdw_checkout-block"] .inner-footer a,div[id^="ocdw_checkout-block"] .upload-file-button,div[id^="ocdw_checkout-block"] .login-button,div[id^="ocdw_checkout-block"] .upload-file-button-option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 34px;
    overflow: hidden;
    margin: 0;
    padding: 0 15px;
    outline: 0;
    border: 0;
    min-width: 100px;
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: #fff;
    background: #47c843;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center
}

div[id^="ocdw_checkout-block"].page .inner-footer button,div[id^="ocdw_checkout-block"].page .upload-file-button,div[id^="ocdw_checkout-block"].page .upload-file-button-option {
    max-width: 100%;
}

div[id^="ocdw_checkout-block"] .inner-footer .close-modal {
    background: #e94e4e
}

div[id^="ocdw_checkout-block"] .inner-footer .close-modal:hover {
    background: #e81717;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.20)
}

div[id^="ocdw_checkout-block"] .inner-footer .close-modal:active {
    background: #aa3a3a
}

div[id^="ocdw_checkout-block"] .inner-footer .save-form {
    background: none;
border: 1px solid #141414;
    border-radius: 0;
color:  #141414;
font-family: Onest;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
    text-transform: uppercase;
    width: 80%;
}

div[id^="ocdw_checkout-block"] .inner-footer .save-form:hover {
    background: #141414;
    color: white;
    

}

div[id^="ocdw_checkout-block"] .inner-footer .save-form:active {
    background: #33933a
}

div[id^="ocdw_checkout-block"] .inner-footer .save-form[disabled] {
    cursor: not-allowed
}

div[id^="ocdw_checkout-block"] .inner-footer .back-form {
    background: none;
border: 1px solid #141414;
    border-radius: 0;
color:  #141414;
font-family: Onest;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
    text-transform: uppercase;
    width: 10%;
}

div[id^="ocdw_checkout-block"] .inner-footer .back-form:hover {
    background: #141414;
    color: white;

}

div[id^="ocdw_checkout-block"] .inner-footer .back-form:active {
    background: #444
}

div[id^="ocdw_checkout-block"] .login-button {
    margin: 0 0 5px;
    background: #3498db
}

div[id^="ocdw_checkout-block"] .upload-file-button,div[id^="ocdw_checkout-block"] .upload-file-button-option {
    width: 100%;
    margin: 0 0 5px;
    background: #3498db
}

div[id^="ocdw_checkout-block"] .upload-file-button:hover,div[id^="ocdw_checkout-block"] .login-button:hover,div[id^="ocdw_checkout-block"] .upload-file-button-option:hover {
    background: #2980b9;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.20)
}

div[id^="ocdw_checkout-block"] .upload-file-button:active,div[id^="ocdw_checkout-block"] .login-button:active,div[id^="ocdw_checkout-block"] .upload-file-button-option:active {
    background: #34495e
}

div[id^="ocdw_checkout-block"] .upload-file-button[disabled],div[id^="ocdw_checkout-block"] .upload-file-button-option[disabled] {
    cursor: not-allowed
}

div[id^="ocdw_checkout-block"] .file-list {
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin-left: -7.5px;
    margin-right: -7.5px;
    flex-wrap: wrap;
    counter-reset: section
}

div[id^="ocdw_checkout-block"] .file-list .item {
    width: 100%;
    max-width: calc((100% / 4) - 15px);
    min-width: 75px;
    position: relative;
    margin: 0 7.5px 15px;
    display: flex;
    flex: 1 0 calc((100% / 4) - 15px);
    flex-direction: column;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
    text-align: center;
    align-items: center;
    justify-content: center
}

div[id^="ocdw_checkout-block"] .file-list .item .number:before {
    font-size: 12px;
    line-height: 1;
    color: #2875a6;
    position: absolute;
    font-weight: 700;
    left: 7px;
    top: 5px;
    counter-increment: section;
    content: counter(section)
}

div[id^="ocdw_checkout-block"] .file-list .item .file-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 55px;
    border-radius: 5px;
    background: #3498db;
    text-align: center;
    margin-bottom: 10px
}

div[id^="ocdw_checkout-block"] .file-list .item .file-icon .inner {
    width: 25px;
    height: 17px;
    margin-top: 11px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

div[id^="ocdw_checkout-block"] .file-list .item .file-icon .inner span {
    width: 100%;
    height: 2px;
    background: #2875a6;
    display: inline-block
}

div[id^="ocdw_checkout-block"] .file-list .item .file-icon:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-bottom-left-radius: 5px;
    background: #2875a6
}

div[id^="ocdw_checkout-block"] .file-list .item .file-icon:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #fff transparent transparent
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons {
    display: flex;
    align-items: center
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons button,div[id^="ocdw_checkout-block"] .file-list .item .action-buttons a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    width: 28px;
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: #fff;
    background: #47c843;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons img {
    position: relative;
    width: 15px;
    top: unset;
    left: unset
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons .remove-file {
    background: #e94e4e
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons .remove-file:hover {
    background: #e81717;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.20)
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons .remove-file:active {
    background: #aa3a3a
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons .open-file {
    background: #47c843;
    margin: 0 5px 0 0
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons .open-file:hover {
    background: #3cb736;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.20)
}

div[id^="ocdw_checkout-block"] .file-list .item .action-buttons .open-file:active {
    background: #33933a
}

@media (max-width: 414px) {
    .file-list .item {
        max-width:calc((100% / 2) - 15px);
        flex: 1 0 calc((100% / 2) - 15px)
    }
}

@media (min-width: 414px) and (max-width:575px) {
    .file-list .item {
        max-width:calc((100% / 3) - 15px);
        flex: 1 0 calc((100% / 3) - 15px)
    }
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar {
    top: 0;
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 99999
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar .checkout-progress .step button {
    padding: 10px 15px 9px 21px
}

div[id^="ocdw_checkout-block"] .block-items .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 -15px -10px
}

div[id^="ocdw_checkout-block"] .block-items .heading {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700
}

div[id^="ocdw_checkout-block"] .block-items .items .item {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    width: 100%;
    
}

div[id^="ocdw_checkout-block"] .block-items .items .item.field-col-1 {
    width: 100%
}

div[id^="ocdw_checkout-block"] .block-items .items .item.field-col-2 {
    width: calc(50% - 30px)
}

div[id^="ocdw_checkout-block"] .block-items .items .item.field-col-3 {
    width: calc(33.3% - 30px)
}

div[id^="ocdw_checkout-block"] .block-items .items .item.field-col-4 {
    width: calc(25% - 30px)
}

div[id^="ocdw_checkout-block"] .block-items .items .item label {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    margin: 0;
    max-height: 100px;
    overflow: hidden;
    z-index: 0;
    position: relative;
    background: #fff;
    display: block
}

div[id^="ocdw_checkout-block"] .block-items .items .item label .shadow {
    box-shadow: inset 0 -30px 30px 0 rgba(255,255,255,1);
    height: 40px;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0
}

div[id^="ocdw_checkout-block"] .block-items .items .item label.active {
    max-height: 100%
}

div[id^="ocdw_checkout-block"] .block-items .items .item label.active .shadow {
    display: none
}

div[id^="ocdw_checkout-block"] .block-items .items .item label.active + .toggle-address-btn img {
    transform: rotate(-180deg)
}

div[id^="ocdw_checkout-block"] .block-items .items .item label:after {
    left: 13px!important
}

div[id^="ocdw_checkout-block"] .block-items .items .item .toggle-address-btn {
    z-index: 2;
    position: absolute;
    transform: translate(-50%,-14px);
    left: 50%;
    outline: 0;
    width: 20px;
    height: 20px;
    background: #d9d9d9;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 2px solid #fff;
    cursor: pointer
}

div[id^="ocdw_checkout-block"] .block-items .items .item .toggle-address-btn img {
    left: unset;
    top: unset
}

div[id^="ocdw_checkout-block"] .block-items .items .item input:checked + label {
    border: 1px solid #141414;
    /* box-shadow: 0 3px 8px 0 rgba(52,152,219,.30); */
}

div[id^="ocdw_checkout-block"] .block-items .items .item input:checked + label + .toggle-address-btn {
    background: #141414!important;
}

div[id^="ocdw_checkout-block"] .block-items .items .item input:checked + label + .toggle-address-btn img {
    -webkit-filter: invert(1)
}

div[id^="ocdw_checkout-block"] .block-items .items .item input + label .active {
    display: none
}

div[id^="ocdw_checkout-block"] .block-items .items .item input + label .active img {
    width: 9px
}

div[id^="ocdw_checkout-block"] .block-items .items .item input:checked + label .active {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #141414;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border-radius: 0 0 0 4px
}

div[id^="ocdw_checkout-block"] .block-items .items .item .field-block-description {
    font-size: 12px;
    color: #000;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    display: block;
    position: relative;
    width: 100%;
    margin: -12px 0 4px;
    background: #fff;
    padding: 16px 10px 10px;
    word-break: break-word;
    border: 1px solid #d9d9d9;
    border-radius: 4px
}

div[id^="ocdw_checkout-block"] .block-items .items .item input:checked + label + .field-block-description {
    border: 1px solid #3498db
}

div[id^="ocdw_checkout-block"] .block-items .comment {
    margin-top: 10px
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.sidebar-active {
    visibility: visible!important
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.no-active {
    visibility: hidden
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar .ocdw_checkout-sidebar-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s;
    z-index: 1
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.no-active .ocdw_checkout-sidebar-bg {
    animation: fade-out .3s forwards;
    -webkit-animation: fade-out .3s forwards
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.sidebar-active .ocdw_checkout-sidebar-bg {
    animation: fade-in .3s forwards;
    -webkit-animation: fade-in .3s forwards
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar .ocdw_checkout-sidebar-body {
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: 591px;
    overflow: auto;
    position: absolute;
    top: 0;
    background: #ffffff;
    transition: .5s;
    z-index: 2
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.sidebar-left .ocdw_checkout-sidebar-body {
    left: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.sidebar-left.no-active .ocdw_checkout-sidebar-body {
    animation: slide-out-left .3s forwards;
    -webkit-animation: slide-out-left .3s forwards
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.sidebar-left.sidebar-active .ocdw_checkout-sidebar-body {
    animation: slide-in-left .3s forwards;
    -webkit-animation: slide-in-left .3s forwards
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.sidebar-right .ocdw_checkout-sidebar-body {
    right: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.sidebar-right.no-active .ocdw_checkout-sidebar-body {
    animation: slide-out-right .3s forwards;
    -webkit-animation: slide-out-right .3s forwards
}

div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar.sidebar-right.sidebar-active .ocdw_checkout-sidebar-body {
    animation: slide-in-right .3s forwards;
    -webkit-animation: slide-in-right .3s forwards
}

div[id^="ocdw_checkout-block"] .ocdw_checkout-answer-list {
    margin: 15px 0;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    padding: 15px;
    background: #f7f7f7;
    box-shadow: 0 0 5px rgba(0,0,0,0.1) inset
}

div[id^="ocdw_checkout-block"] .ocdw_checkout-answer-list .admin-answer {
    display: flex;
    justify-content: flex-start
}

div[id^="ocdw_checkout-block"] .ocdw_checkout-answer-list .user-answer {
    display: flex;
    justify-content: flex-end
}

div[id^="ocdw_checkout-block"] .ocdw_checkout-answer-list .admin-answer .inner {
    display: inline-block;
    background-color: #d4d4d4;
    color: #444;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 3px;
    max-width: 80%;
    position: relative
}

div[id^="ocdw_checkout-block"] .ocdw_checkout-answer-list .admin-answer .inner:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: 0;
    transform: rotate(180deg);
    border: 10px solid;
    border-color: #d4d4d4 transparent transparent
}

div[id^="ocdw_checkout-block"] .ocdw_checkout-answer-list .user-answer .inner {
    display: inline-block;
    background-color: #1e91cf;
    color: #fff;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 3px;
    max-width: 80%;
    position: relative
}

div[id^="ocdw_checkout-block"] .ocdw_checkout-answer-list .user-answer .inner:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -5px;
    bottom: -10px;
    transform: rotate(45deg);
    border: 10px solid;
    border-color: #1e91cf transparent transparent
}

@keyframes slide-in-right {
    100% {
        transform: translateX(0%)
    }
}

@keyframes slide-out-right {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes slide-in-left {
    100% {
        transform: translateX(0%)
    }
}

@keyframes slide-out-left {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes fade-in {
    100% {
        opacity: .6
    }
}

@keyframes fade-out {
    0% {
        opacity: .6
    }

    100% {
        opacity: 0
    }
}

button.ocdw_checkout-call-float-button {
    cursor: pointer;
    position: fixed;
    right: 25px;
    bottom: 25px;
    padding: 15px;
    background: #2098d1;
    border: none;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    outline: none;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-animation-name: ocdw_checkout-call-float-button;
    animation-name: ocdw_checkout-call-float-button;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes ocdw_checkout-call-float-button {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes ocdw_checkout-call-float-button {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

button.ocdw_checkout-call-float-button:hover {
    -webkit-animation-name: ocdw_checkout-call-float-button;
    animation-name: ocdw_checkout-call-float-button;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

div[id^="ocdw_checkout-block"] .spinner {
    margin: 0 auto;
    width: 55px;
    height: 13px;
    line-height: 13px;
    text-align: center
}

div[id^="ocdw_checkout-block"] .button-loading .spinner {
    width: 25px;
    height: 18px;
    line-height: 15px
}

div[id^="ocdw_checkout-block"] .spinner > div {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: spinner-animation 1.4s infinite ease-in-out both;
    animation: spinner-animation 1.4s infinite ease-in-out both
}

div[id^="ocdw_checkout-block"] .button-loading .spinner > div {
    width: 5px;
    height: 5px
}

div[id^="ocdw_checkout-block"] .button-loading .spinner div + div {
    margin-left: 5px
}

div[id^="ocdw_checkout-block"] .button-loading .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

div[id^="ocdw_checkout-block"] .button-loading .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes spinner-animation {
    0%,80%,100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes spinner-animation {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0)
    }
}

.checkout-progress {
    margin-bottom: 30px
}

.checkout-progress .step-bar {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    counter-reset: section
}

.checkout-progress .step {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: none;
    color: #333;
    background: #dfdfdf;
    text-align: center;
    position: relative;
    border-right: 2px solid #fff;
    line-height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 3px
}

.checkout-progress .step button,.checkout-progress .step button:visited,.checkout-progress .step button:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 5px;
    text-decoration: none;
    color: #333;
    border: 0;
    background: none;
    border-radius: 0;
    min-height: 36px;
    outline: none;
    width: 100%
}

.checkout-progress .step button[disabled] {
    cursor: not-allowed
}

.checkout-progress .step:before,.checkout-progress .step:after {
    content: "";
    height: 0;
    width: 0;
    border-width: 18px 0 18px 10px;
    border-style: solid;
    position: absolute;
    left: 100%;
    top: 0
}

.checkout-progress .step:before {
    border-color: transparent transparent transparent #fff;
    left: 0
}

.checkout-progress .step:after {
    border-color: transparent transparent transparent #dfdfdf;
    z-index: 1
}

.checkout-progress .step:first-child:before {
    display: none
}

.checkout-progress .step:last-child {
    border-right: none
}

.checkout-progress .step:last-child:after {
    display: none
}

.checkout-progress .step:hover {
    background: #d4d4d4
}

.checkout-progress .step:hover:after {
    border-left-color: #d4d4d4
}

.checkout-progress .step.active {
    background: #229ac8;
    color: #fff;
    cursor: default;
    font-weight: 700;
    pointer-events: none
}

.checkout-progress .step.active button,.checkout-progress .step.active button:visited,.checkout-progress .step.active button:hover {
    text-decoration: none;
    color: #fff
}

.checkout-progress .step.active:after {
    border-color: transparent transparent transparent #229ac8
}

.checkout-progress .step.active:hover {
    background: #229ac8
}

.checkout-progress .step.active:hover:after {
    border-left-color: #229ac8
}

div[id^="ocdw_checkout-block"] .inner-center .inner-box {
    display: none
}

div[id^="ocdw_checkout-block"] .inner-center .inner-box.active {
    display: block
}

div[id^="ocdw_checkout-block"] .inner-center div[data-step='confirm'] .buttons {
    display: none
}

div[id^="ocdw_checkout-block"] .inner-center div[data-step='confirm'] h2 {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px
}

div[id^="ocdw_checkout-block"] .inner-center .inner-box .inner-box-heading {
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 36px;
    width: 100%;
    color:#141414;
/* 16/Onest */
font-family: Onest, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
    text-transform: uppercase;
    margin-top: 15px;
    
}

div[id^="ocdw_checkout-block"] .inner-center .inner-box:nth-of-type(1) .inner-box-heading {
    margin-top: 0
}

div[id^="ocdw_checkout-block"] .inner-center .inner-box .inner-box-heading img {
    width: 14px;
    margin-right: 15px
}

.checkout-progress .step .step-num,[id^="column-"] div[id^="ocdw_checkout-block"].static .checkout-progress .step .step-text {
    display: none
}

[id^="column-"] div[id^="ocdw_checkout-block"].static .checkout-progress .step .step-num {
    display: block
}

.checkout-progress .step .step-num:after {
    counter-increment: section;
    content: counter(section)
}

div[id^="ocdw_checkout-block"] .block-warning,div[id^="ocdw_checkout-block"] .block-info,div[id^="ocdw_checkout-block"] .block-success,div[id^="ocdw_checkout-block"] .block-danger {
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    display: block;
    padding: 15px;
    margin-bottom: 20px
}

div[id^="ocdw_checkout-block"] .block-warning {
    color: #856404;
    background: #fff3cd;
    border: 1px solid #ffeeba
}

div[id^="ocdw_checkout-block"] .block-danger {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb
}

div[id^="ocdw_checkout-block"] .block-info {
    color: #31708f;
    background: #d9edf7;
    border: 1px solid #bce8f1
}

div[id^="ocdw_checkout-block"] .block-success {
    color: #3c763d;
    background: #dff0d8;
    border: 1px solid #d6e9c6
}

div[id^="ocdw_checkout-block"] .inner-center .inner-box table {
    margin-bottom: 0
}

.ocdw_checkout-call-static-before .ocdw_checkout-call-static-button {
    width: 100%!important;
    border-bottom: 1px solid #ddd!important
}

.ocdw_checkout-call-static-after .ocdw_checkout-call-static-button {
    width: 100%!important
}

.ocdw_checkout-call-static-after {
    overflow: unset!important
}

.ocdw_checkout-call-static-after + .ocdw_checkout-call-static-after .ocdw_checkout-call-static-button {
    border-top: 1px solid #ddd!important
}

.ocdw_checkout-products {
    display: block
}

.ocdw_checkout-products > .heading {
    display: table;
    width: 100%
}

.ocdw_checkout-products > .heading > div {
    display: table-cell;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #444;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 7px
}

.ocdw_checkout-products > .product-table-body {
    display: table;
    width: 100%
}

.ocdw_checkout-products .product-row {
    display: table-row;
    line-height: 1
}

.ocdw_checkout-products .product-row > div {
    display: table-cell;
    vertical-align: middle;
    /* border-bottom: 1px dotted #d9d9d9; */
    /* width: 90%; */
}

.ocdw_checkout-products .product-row .remove {
    width: 5%;
    text-align: center;
    min-width: 17px;
        vertical-align: top;
}

.ocdw_checkout-products .product-row .remove button {
    width: 25px;
    height: 25px;
    display: inline-block;
    outline: none;
    border: 0;
    padding: 0;
    background: none;
    line-height: 0;
    cursor: pointer
}

.ocdw_checkout-products .product-row .remove button img {
    width: 17px
}

.ocdw_checkout-products > .heading > .remove {
    width: 5%
}

.ocdw_checkout-products product-row > .name,.ocdw_checkout-products > .heading > .name {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: flex-start
}

.ocdw_checkout-products .product-row > .name > .name-left {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0
}

.ocdw_checkout-products .product-row > .name > .name-right {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0 10px 10px;
    width: 70%;
}

div[id^="ocdw_checkout-block"] .inner-center.popup .ocdw_checkout-products .product-row > .name > .name-right {
    padding-left: 20px
}

.ocdw_checkout-products .product-row > .name > .name-right.fix {
    padding-left: 0
}

.ocdw_checkout-products .product-row > .name > .name-right a {
color: #141414;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.ocdw_checkout-products .product-row > .name > .name-right a.error-stock {
    color: #df2e2e
}

.ocdw_checkout-products .product-row > .name > .name-right a:hover {
    text-decoration: underline
}

.ocdw_checkout-products .product-row > .name > .name-right .model,.ocdw_checkout-products .product-row > .name > .name-right .stock-text,.ocdw_checkout-products .product-row > .name > .name-right .options,.ocdw_checkout-products .product-row > .name > .name-right .reward {
    color: var(--black, #141414);
    font-family: Onest,serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.ocdw_checkout-products .product-row > .name > .name-right .model span,.ocdw_checkout-products .product-row > .name > .name-right .stock-text span,.ocdw_checkout-products .product-row > .name > .name-right .options span,.ocdw_checkout-products .product-row > .name > .name-right .reward span {
color: #8A8A8A;
    font-family: Onest,serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ocdw_checkout-products .product-row .price,.ocdw_checkout-products > .heading > .price {
    width: 20%;
    text-align: left
}

.ocdw_checkout-products .product-row .price > div,.ocdw_checkout-products .product-row .total > div {
    display: block
}

.ocdw_checkout-products .product-row .price span,.ocdw_checkout-products .product-row .total span {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: #888;
    line-height: 1.2;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif
}

.ocdw_checkout-products .product-row .quantity,.ocdw_checkout-products > .heading > .quantity {
    width: 160%;
    text-align: left;
}

.ocdw_checkout-products .product-row .total,.ocdw_checkout-products > .heading > .total {
    width: 20%;
    text-align: left
}

.ocdw_checkout-products .product-row .price,.ocdw_checkout-products .product-row .total {
    font-size: 14px;
    line-height: 14px;
    color: #444;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner {
    /* display: inline-block; */
    padding: 10px 0;
    position: relative;
    /* margin-left: 5px; */
    vertical-align: top;
    min-height: 62px;
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div {
    bottom: 0;
    height: 61px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > input.input-quantity {
border: 1px solid #D9D9D9;
    background: #fff;
    width: 20px;
    max-width: 40px;
    display: inline-block;
    height: 30px;
    margin-bottom: 0px;
    text-align: center;
    clear: both;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #444;
    vertical-align: bottom
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > input.input-quantity:after {
    content: " ";
    clear: both
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button img {
    width: 10px
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(1),.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(2) {
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    color: black;
    display: block;
    height: 30px;
    font-family: 'Open Sans',sans-serif;
    padding: 0;
    width: 30px;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #ffffff;
    outline: none;
    display: inline-block
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(2) {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(1) {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(1):active,.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(2):active {
    border-color: #4d90fe;
    color: #000;
    -moz-box-shadow: 0 0 10px #d4d4d4 inset;
    -webkit-box-shadow: 0 0 10px #d4d4d4 inset;
    box-shadow: 0 0 10px #d4d4d4 inset
}

.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(1):hover,.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(2):hover {
    background: #f4f4f4;
    border-color: silver
}

.ocdw_checkout-products + .totals {
    margin-top: 15px
}

.ocdw_checkout-accordion {
    display: flex;
    flex-direction: column;
    width: 100%
}

.ocdw_checkout-accordion .accordion-item {
    margin-top: 5px;
    width: 100%
}

.ocdw_checkout-accordion .accordion-item > .inner {
    display: none
}

div[id^="ocdw_checkout-block"] .inner-center .ocdw_checkout-accordion .accordion-item .inner-fields {
    margin-top: 0
}

.ocdw_checkout-accordion .heading {
    background: #f5f5f5;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    border: 1px solid #ddd;
    padding: 5px;
    cursor: pointer
}

.ocdw_checkout-accordion .heading.active img {
    transform: rotate(180deg)
}

.ocdw_checkout-accordion .section {
    position: relative;
    display: block;
    margin: 5px 0 0;
    overflow: auto;
    font-size: 12px;
    overflow: hidden
}

.ocdw_checkout-accordion .section .apply-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 34px;
    overflow: hidden;
    padding: 0 15px;
    outline: 0;
    border: 0;
    min-width: 100px;
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: #fff;
    width: 100%;
    margin: 0 0 5px;
    background: #3498db;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.ocdw_checkout-accordion .section .apply-button:hover {
    background: #2980b9;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.20)
}

.ocdw_checkout-accordion .section .apply-button:active {
    background: #34495e
}

.ocdw_checkout-accordion .section .remove-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 34px;
    overflow: hidden;
    padding: 0 15px;
    outline: 0;
    border: 0;
    min-width: 100px;
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: #fff;
    width: 100%;
    margin: 0 0 5px;
    background: #e94e4e;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.ocdw_checkout-accordion .section .remove-button:hover {
    background: #e81717;
    box-shadow: 0 3px 8px 0 #0003
}

.ocdw_checkout-accordion .section .remove-button:active {
    background: #aa3a3a
}

.ocdw_checkout-accordion .section .success-text {
    font-size: 12px;
    display: block;
    color: #47c843;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    margin: -4px 0 7px
}

div[id^="ocdw_checkout-block"] #load-payment .well,div[id^="ocdw_checkout-block"] div[data-step='confirm'] .well {
    margin-bottom: 0
}

@media (max-width: 575px) {
    .checkout-progress .step .step-num {
        display:block
    }

    .checkout-progress .step .step-text {
        display: none
    }

    .ocdw_checkout-products > .heading {
        display: none
    }

    .ocdw_checkout-products .product-row {
        display: flex;
        flex-wrap: wrap
    }

    .ocdw_checkout-products .product-row > .name {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    .ocdw_checkout-products .product-row .remove {
        margin-top: 10px
    }

    .ocdw_checkout-products .product-row > .name > .name-right {
        width: 100%
    }

    .ocdw_checkout-products .product-row .price,.ocdw_checkout-products .product-row .total {
        width: 100%;
        font-size: 13px;
        line-height: 1.4
    }

    .ocdw_checkout-products .product-row .quantity {
        width: 100%
    }

    .ocdw_checkout-products .product-row .quantity > .quantity-inner {
        display: inline-block;
        padding: 5px 0;
        position: relative;
        width: 100%;
        min-height: unset;
        margin-left: 0
    }

    .ocdw_checkout-products .product-row .quantity > .quantity-inner > div {
        position: relative;
        height: unset
    }

    .ocdw_checkout-products .product-row .quantity > .quantity-inner > div > input.input-quantity {
    border: 1px solid #D9D9D9;
    background: #fff;
    width: 30px;
    max-width: 40px;
    display: inline-block;
    height: 30px;
    margin-bottom: 0px;
    text-align: center;
    clear: both;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #444;
    vertical-align: bottom;
    }

    .ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(1),.ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(2) {
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    color: black;
    display: block;
    height: 30px;
    font-family: 'Open Sans',sans-serif;
    padding: 0;
    width: 30px;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #ffffff;
    outline: none;
    display: inline-block;
    }

    .ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(1) {
        border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px
    }

    .ocdw_checkout-products .product-row .quantity > .quantity-inner > div > button:nth-of-type(2) {
        border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0
    }

    .ocdw_checkout-products .product-row > .name > .name-right .model,.ocdw_checkout-products .product-row > .name > .name-right .stock-text,.ocdw_checkout-products .product-row > .name > .name-right .options,.ocdw_checkout-products .product-row > .name > .name-right .reward {
        font-size: 13px;
        line-height: 1.4
    }

    .ocdw_checkout-products .product-row > .name > .name-right .price,.ocdw_checkout-products .product-row > .name > .name-right .total {
        font-weight: 700
    }

    .ocdw_checkout-products .product-row .price span,.ocdw_checkout-products .product-row .total span {
        font-size: 13px;
        color: #444;
        line-height: 1.4;
        display: inline-block;
        margin: 0;
        font-weight: 400
    }

    .ocdw_checkout-products .product-row .price span.tax,.ocdw_checkout-products .product-row .total span.tax {
        color: #888
    }

    div[id^="ocdw_checkout-block"] .inner-center.popup .ocdw_checkout-products .product-row > .quantity,div[id^="ocdw_checkout-block"] .inner-center.popup .product-row > .price,div[id^="ocdw_checkout-block"] .inner-center.popup .ocdw_checkout-products .product-row > .total,div[id^="ocdw_checkout-block"] .inner-center.popup .ocdw_checkout-products .product-row > .remove {
        display: none
    }

    div[id^="ocdw_checkout-block"] .inner-center.popup .ocdw_checkout-products .product-row .name .price,div[id^="ocdw_checkout-block"] .inner-center.popup .ocdw_checkout-products .product-row .name .quantity,div[id^="ocdw_checkout-block"] .inner-center.popup .ocdw_checkout-products .product-row .name .total,div[id^="ocdw_checkout-block"] .inner-center.popup .ocdw_checkout-products .product-row .name .remove {
        display: block
    }

    div[id^="ocdw_checkout-sidebar"].ocdw_checkout-sidebar .checkout-progress .step button {
        padding: 10px 10px 9px 15px
    }

    div[id^="ocdw_checkout-block"].popup .checkout-progress .step button {
        padding: 10px 8px 9px 13px
    }
}

@media (max-width: 768px) {
    div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-1,div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-2,div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-3,div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-4 {
        width:100%
    }
}

@media (min-width: 768px)and(max-width:992px) {
    div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-1,div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-2,div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-3,div[id^="ocdw_checkout-block"] .inner-center .inner-fields > div.field-col-4 {
        width:calc(50% - 10px)
    }
}