

/* Start:/local/components/iqos/deliveryCalc/templates/deus/style.css?177607122018294*/
.delivery-calculator {
}

.delivery-calculator__title {
    margin: 0 0 40px;
}

.delivery-calculator span {
    display: inline-block;
}

/* layout */
.delivery-calculator__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.calculator__row-left {
    width: calc(30% - 12px);
}

.calculator__row-right {
    width: 70%;
}

input[id="date"] {
    user-select: none;
    cursor: pointer;
    box-shadow: 0 0 0 1px var(--slate-t-15);
    border: none !important;
    outline: none;
    transition: 0.2s box-shadow ease;
}

input[id="date"]:focus {
    box-shadow: 0 0 0 2px var(--slate);
}

.delivery-calculator__center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

/* product-picker / order-type */
.calculator__product-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s;
}

.calculator__product-wrapper.active {
    max-height: 800px;
}

.calculator__order-type,
.calculator__product-picker {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.calculator__order-type__btn,
.calculator__product-picker__btn {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    background: #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
    padding: 12px;
    cursor: pointer;
    transition: all 0.35s;
    z-index: 0;
    text-align: center;
    margin-bottom: 12px;
    min-width: calc(33% - 12px);
    width: calc(50% - 12px);
    font-size: 12px;
}

.calculator__product-picker__btn {
    width: calc(33% - 12px);
}

.calculator__product-picker__btn .mini {
    display: block;
    max-width: 80px;
    max-height: 80px;
}

.calculator__order-type__btn .check,
.calculator__product-picker__btn .check {
    opacity: 0;
    transition: opacity 0.6s;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 15px;
}

.calculator__order-type__btn.active .check,
.calculator__product-picker__btn.active .check {
    opacity: 1;
}

.calculator__order-type__btn:hover,
.calculator__order-type__btn.active,
.calculator__product-picker__btn:hover,
.calculator__product-picker__btn.active {
    color: #fffdfb;
}

@media (max-width: 768px) {
    .calculator__order-type__btn:not(.active):hover,
    .calculator__product-picker__btn:not(.active):hover {
        color: var(--slate);
    }
}

.calculator__order-type__btn::after,
.calculator__product-picker__btn::after {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 150%;
    top: 0;
    left: -210%;
    transform: skew(0);
    transition: all 0.5s ease-out;
    z-index: -1;
    background-color: #34303d;
}

.calculator__order-type__btn:hover::after,
.calculator__order-type__btn.active::after,
.calculator__product-picker__btn:hover::after,
.calculator__product-picker__btn.active::after {
    left: -60%;
    transform: skew(-25deg);
}

@media (max-width: 768px) {
    .calculator__order-type__btn:not(.active):hover::after,
    .calculator__product-picker__btn:not(.active):hover::after {
        left: -210%;
        transform: skew(0);
    }
}

/* inputs */
/* .delivery-calculator input {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 2px solid #34303d;
    border-radius: 100px;
    font-size: 16px;
    color: #34303d;
    appearance: none;
    position: relative;
}

.delivery-calculator select {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 2px solid #34303d;
    border-radius: 100px;
    font-size: 16px;
    color: #34303d;
    appearance: none;
    position: relative;
    background: url("/local/templates/nrd/assets/images/arrow-down.svg");
    background-position-x: calc(100% - 18px);
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
} */

/* result */
.delivery-calculator__result {
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding: 12px 20px;
    border-radius: 30px;
    font-size: 14px;
    text-align: center;
    background-color: #34303d;
    color: #fffdfb;
    cursor: pointer;

    max-width: 280px;
    min-height: 0;
    max-height: 80px;
    width: 100%;
    transition: all 0.6s, max-height 1s;
}

.delivery-calculator__result::after {
    content: "";
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    top: 0;
    left: -160%;
    transform: skew(0);
    transition: all 0.5s ease-out;
    z-index: -1;
    background-color: #00d1d2;
}

.delivery-calculator__result:not(.active, .loading):hover {
    color: #34303d;
    transition: color 0.2s ease-out 0.1s, background-color 0.2s ease 0.2s;
}

.delivery-calculator__result:not(.active, .loading):hover::after {
    left: -30%;
    transform: skew(-45deg);
}

/* inactive */
.delivery-calculator__result .delivery-calculator__result-after,
.delivery-calculator__result .delivery-calculator__result-loader {
    display: none;
}

/* loader */
.delivery-calculator__result.loading .delivery-calculator__result-after,
.delivery-calculator__result.loading .delivery-calculator__result-action {
    display: none;
}

.delivery-calculator__result.loading .delivery-calculator__result-loader {
    display: block;
}

.delivery-calculator__result.loading {
    cursor: auto;
}

/* active */
.delivery-calculator__result.active .delivery-calculator__result-action,
.delivery-calculator__result.active .delivery-calculator__result-loader {
    display: none;
}

.delivery-calculator__result.active .delivery-calculator__result-after {
    display: block;
    transition: opacity 1s;
}

.delivery-calculator__result.active {
    max-width: 100%;
    min-height: 120px;
    max-height: 600px;
    cursor: auto;
}

.delivery-calculator__result-del {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.delivery-calculator__result-date {
    font-size: 20px;
    color: #34303d;
    background: #f0f0f0;
    padding: 4px 12px;
    border-radius: 8px;
    display: inline-block;
}

.delivery-calculator__result-recalc {
    color: #00d1d2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delivery-calculator__result-recalc img {
    width: 24px;
    margin-right: 4px;
}

.delivery-calculator__result-error {
}

.delivery-calculator__result.active .delivery-calculator__result-after {
    display: flex !important;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.delivery-calculator__result.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.device-proudct-tab-delivery__info {
    padding: 40px 50px !important;
}

#tab_2 .device-proudct-tab-delivery__preview {
    width: 40%;
}

#tab_2 .device-proudct-tab-delivery__info {
    width: 60%;
}

@media (max-width: 1199.98px) {
    .device-proudct-tab-delivery__info {
        padding: 36px 14px 20px;
    }

    .device-proudct-tab-delivery__preview {
        padding: 36px 14px 20px;
    }

    .device-proudct-tab-delivery {
        transform: none !important;
        width: 100% !important;
    }
}

@media (max-width: 991.98px) {
    .device-proudct-tab-delivery__info {
        order: 1;
    }

    .device-proudct-tab-delivery__preview {
        order: 2;
    }

    #tab_2 .device-proudct-tab-delivery__preview {
        width: 100%;
    }

    #tab_2 .device-proudct-tab-delivery__info {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .delivery-calculator__row {
        flex-wrap: wrap;
    }

    .calculator__row-left {
        width: 100%;
        margin-bottom: 8px;
    }

    .calculator__row-right {
        width: 100%;
    }

    .calculator__order-type__btn {
        width: 100%;
    }

    .calculator__product-picker__btn {
        width: calc(33% - 8px);
    }

    .device-proudct-tab-delivery__info {
        padding: 20px !important;
    }

    .device-proudct-tab-delivery__preview {
        padding: 20px 20px !important;
    }
}

/* ------------------------------------ */

/* Delivery */
.device-proudct-tab-delivery {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery {
        flex-direction: column;
        width: calc(100% + 30px);
        transform: translateX(-15px);
    }
}

.device-proudct-tab-delivery__preview {
    width: 50%;
    height: auto;
    position: relative;
    padding: 40px 50px;
    background: #f6f4f0;
}
.device-proudct-tab-delivery__preview.special {
    display: flex;
}
.device-proudct-tab-delivery__preview.special
    .device-proudct-tab-delivery__preview-img {
    width: 50%;
}
.device-proudct-tab-delivery__preview.special
    .device-proudct-tab-delivery__preview-img.right {
    left: auto;
    right: 0;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery__preview.special {
        flex-direction: column;
        height: 740px;
    }
    .device-proudct-tab-delivery__preview.special
        .device-proudct-tab-delivery__preview-img {
        width: 100%;
        height: 50%;
    }
    .device-proudct-tab-delivery__preview.special
        .device-proudct-tab-delivery__preview-img.right {
        top: auto;
        bottom: 0;
    }
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery__preview {
        width: 100%;
        padding: 30px 20px;
    }
}

.device-proudct-tab-delivery__preview-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.device-proudct-tab-delivery__preview-text {
    position: absolute;
    display: block;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 48px;
    font-size: 20px;
    color: #34303d;
    text-align: center;
}

.device-proudct-tab-delivery__preview-icon {
    display: block;
    max-width: 210px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.device-proudct-tab-delivery__preview-title {
    margin-bottom: 30px;
}

.device-proudct-tab-delivery-item + .device-proudct-tab-delivery-item {
    margin-top: 14px;
}

.device-proudct-tab-delivery-item[open] .device-proudct-tab-delivery-item-top {
    background: #34303d;
    border-radius: 10px 10px 0px 0px;
}

.device-proudct-tab-delivery-item-top svg {
    flex-shrink: 0;
}

.device-proudct-tab-delivery-item[open]
    .device-proudct-tab-delivery-item-top
    span {
    color: #fffdfb;
}
.device-proudct-tab-delivery-item[open]
    .device-proudct-tab-delivery-item-top
    svg {
    transform: rotate(180deg);
    stroke: "#00CFCF";
}

.device-proudct-tab-delivery-item::-webkit-details-marker {
    display: none;
}

.device-proudct-tab-delivery-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    border: 1px solid #e7edee;
    transition: all 0.1s;
    background: #fffdfb;
    cursor: pointer;
    user-select: none;
}
.device-proudct-tab-delivery-item-top span {
    transition: all 0.1s;
    color: #34303d;
}

.device-proudct-tab-delivery-item-bot {
    padding: 12px 24px 20px;
    border: 1px solid #e7edee;
    border-top: 0;
    border-radius: 0px 0px 10px 10px;
    background: #fffdfb;
}

.device-proudct-tab-delivery-item-bot-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #e2e2e2;
}

.device-proudct-tab-delivery-item-bot-wrap {
    display: flex;
    justify-content: flex-end;
}

.device-proudct-tab-delivery-item-bot-wrap span {
    cursor: pointer;
}

.device-proudct-tab-delivery__info {
    width: 50%;
    padding: 70px 60px 40px;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery__info {
        width: 100%;
        padding: 42px 15px;
    }
}

.device-proudct-tab-delivery__info-title {
    margin-bottom: 43px;
    font-size: 21px;
    font-weight: 700;
    color: #34303d;
}

.device-proudct-tab-delivery__info-subtitle {
    margin-bottom: 44px;
    font-size: 16px;
    color: #34303d;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery__info-subtitle {
        margin-bottom: 18px;
        font-size: 14px;
    }
}

.device-proudct-tab-delivery__info-form {
    width: 100%;
    margin-bottom: 57px;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery__info-form {
        margin-bottom: 40px;
    }
}

.device-proudct-tab-delivery__info-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.device-proudct-tab-delivery__info-group:last-child {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery__info-group {
        flex-direction: column;
        align-items: unset;
        margin-bottom: 30px;
    }
}

.device-proudct-tab-delivery__info-text {
    max-width: 240px;
    font-size: 16px;
    color: #34303d;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery__info-text {
        margin-bottom: 14px;
    }
}

.device-proudct-tab-delivery__info-left {
    max-width: 260px;
    width: 100%;
    display: flex;
    align-items: center;
}
.device-proudct-tab-delivery__info-left.gray {
    background: #e1e0e2;
    border-radius: 50px;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery__info-left {
        max-width: none;
    }
}

.device-proudct-tab-delivery__info-select {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 2px solid #34303d;
    border-radius: 100px;
    font-size: 14px;
    color: #34303d;
    appearance: none;
    position: relative;
    background: url("/local/templates/nrd/assets/css/../images/arrow-down.svg");
    background-position-x: 94%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
}

.device-proudct-tab-delivery__info-date {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 2px solid #34303d;
    border-radius: 100px;
    background: transparent;
    font-size: 14px;
    color: #34303d;
    appearance: none;
}

.device-proudct-tab-delivery__info-btn {
    width: 50%;
    padding: 12px;
    background: transparent;
    border-radius: 50px;
    font-family: inherit;
    font-size: 14px;
    color: #34303d;
    text-align: center;
    transition: all 0.2s linear;
}
.device-proudct-tab-delivery__info-btn.checked {
    background: #34303d;
    color: #fffdfb;
}

.device-proudct-tab-delivery__info-form-btn {
    margin-top: 45px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    font-family: inherit;
}
.device-proudct-tab-delivery__info-form-btn span {
    display: block;
    margin-right: 20px;
    font-size: 16px;
    color: #34303d;
    transition: all 0.2s linear;
}
.device-proudct-tab-delivery__info-form-btn img {
    display: block;
    width: 20px;
    height: 20px;
}

.device-proudct-tab-delivery__info-description {
    font-size: 12px;
    color: #34303d;
    text-align: center;
}

/* Properties */
.device-proudct-tab-delivery-propertie {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.device-proudct-tab-delivery-propertie:last-child {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery-propertie {
        flex-direction: column;
    }
}

.device-proudct-tab-delivery-propertie-mobile {
    display: none;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery-propertie-mobile {
        display: flex;
        justify-content: space-between;
        max-width: 300px;
        margin: 0 auto;
        width: 100%;
        margin-bottom: 5px;
    }
}

.device-proudct-tab-delivery-propertie-preview {
    display: block;
    width: 300px;
    height: 30px;
    background: #dadada;
    border-radius: 30px;
    position: relative;
}

.device-proudct-tab-delivery-propertie-preview-item {
    display: block;
    height: 100%;
    border-radius: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.device-proudct-tab-delivery-propertie-preview-item.one {
    width: 20%;
    background: #eedf2f;
    z-index: 5;
}
.device-proudct-tab-delivery-propertie-preview-item.two {
    width: 40%;
    background: #e4d525;
    z-index: 4;
}
.device-proudct-tab-delivery-propertie-preview-item.three {
    width: 60%;
    background: #dacb1b;
    z-index: 3;
}
.device-proudct-tab-delivery-propertie-preview-item.gray-three {
    width: 60%;
    z-index: 3;
    background: #e9e9e9;
}
.device-proudct-tab-delivery-propertie-preview-item.gray-four {
    width: 80%;
    background: #e4e4e4;
    z-index: 2;
}

.device-proudct-tab-delivery-propertie-text {
    font-size: 16px;
    color: #34303d;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery-propertie-text {
        display: none;
    }
    .device-proudct-tab-delivery-propertie-text.mobile {
        display: inline-block;
    }
}

.device-proudct-tab-delivery-propertie-question {
    display: block;
    width: 30px;
    height: 30px;
}
.device-proudct-tab-delivery-propertie-question img {
    display: block;
    max-width: 100%;
    height: auto;
}
@media (max-width: 991px) {
    .device-proudct-tab-delivery-propertie-question {
        display: none;
    }
    .device-proudct-tab-delivery-propertie-question.mobile {
        display: block;
    }
}

/* End */


/* Start:/local/templates/deus/blocks/calendar/style.min.css?17422885805552*/
.datepicker{width:-moz-min-content;width:min-content}.datepicker:not(.active){display:none}.datepicker-dropdown{padding-top:4px;position:absolute;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:var(--soft-white);border-radius:4px;display:flex;flex-direction:column}.datepicker-dropdown .datepicker-picker{box-shadow:inset 0 0 0 2px var(--slate)}.datepicker-main{flex:auto;padding:0 2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1)}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-header .datepicker-controls{padding:22px 25px 20px 25px;display:flex;justify-content:space-between}.datepicker-controls .button{align-items:center;background-color:var(--soft-white);box-shadow:none;color:var(--slate);cursor:pointer;display:inline-flex;font-size:14px;line-height:20px;letter-spacing:1.2px;justify-content:center;margin:0;position:relative;text-align:center;vertical-align:top;white-space:nowrap;border:none;padding:0}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:0}.datepicker-controls .button:hover{border-color:#b8b8b8;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#474747;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-footer .datepicker-controls .button{border-radius:2px;flex:auto;font-size:.75rem;margin:calc(.375rem - 1px) .375rem}.datepicker-controls .view-switch{font-size:14px;line-height:20px;letter-spacing:1.2px;align-items:center;font-weight:400;font-family:Iqos-Regular,sans-serif;pointer-events:none}.datepicker-controls .next-button,.datepicker-controls .prev-button{display:flex;align-items:center;justify-content:center}.datepicker-controls .next-button i,.datepicker-controls .prev-button i{font-size:24px;line-height:24px;letter-spacing:0}.datepicker-controls .next-button.disabled,.datepicker-controls .prev-button.disabled{visibility:hidden}.datepicker-grid,.datepicker-view{display:flex}.datepicker-view{align-items:stretch;width:fit-content}.datepicker-grid{flex:auto;flex-wrap:wrap;padding:0 6px 2px 6px}.datepicker .days{display:flex;flex:auto;flex-direction:column}.datepicker .days-of-week{display:flex;padding:10px 6px;border-top:1px solid var(--slate-t-15);border-bottom:1px solid var(--slate-t-15)}.datepicker .week-numbers{display:flex;flex:0 0 9.6774193548%;flex-direction:column}.datepicker .weeks{align-items:stretch;display:flex;flex:auto;flex-direction:column}.datepicker span{-webkit-touch-callout:none;align-items:center;cursor:default;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker .dow{font-size:14px;line-height:20px;letter-spacing:.2px;text-align:center;font-family:Iqos-Bold,sans-serif;width:48px}.datepicker .week{color:#b8b8b8;flex:auto;font-size:.75rem}.datepicker-cell{height:44px;width:44px;margin:2px;border-radius:50%;font-size:14px;line-height:20px;font-family:Iqos-Regular,sans-serif;letter-spacing:.4px}.datepicker-cell:not(.day){flex-basis:25%;height:4.5rem}.datepicker-cell:not(.disabled):hover{background-color:var(--turquoise);cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:transparent}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:var(--turquoise)}.datepicker-cell.next{opacity:.35}.datepicker-cell.disabled{position:relative}.datepicker-cell.disabled::before{content:"";display:block;position:absolute;top:50%;left:50%;width:16px;height:1px;background-color:#524f5a;transform-origin:top left;transform:rotate(-25deg) translate(-50%,-50%)}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){opacity:.35}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#efefef}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e9e9e9}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00ccad}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b8b8b8;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#b3b3b3}.datepicker-cell.range-start:not(.range-end){border-radius:4px 0 0 4px}.datepicker-cell.range-end:not(.range-start){border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dcdcdc;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d7d7d7}.datepicker-cell.range.disabled{color:#c6c6c6}.datepicker-cell.range.focused{background-color:#d1d1d1}.datepicker-input:focus-visible{box-shadow:inset 0 0 0 2px var(--slate);outline:0;border:1px solid transparent}@media (max-width:768px){.datepicker .dow{width:41px}.datepicker-cell{height:37px;width:37px}}@media (max-width:525px){.datepicker-dropdown{transform-origin:left top;left:50%!important;transform:translateX(-50%)}}
/* End */
/* /local/components/iqos/deliveryCalc/templates/deus/style.css?177607122018294 */
/* /local/templates/deus/blocks/calendar/style.min.css?17422885805552 */
