@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Noto+Sans);
@import url(//fonts.googleapis.com/css?family=Playfair+Display);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@import url(//fonts.googleapis.com/earlyaccess/notonaskharabic.css);

.md-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 8px
}

.md-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px
}

.md-scrollbar::-webkit-scrollbar-button {
    display: none
}

.md-body-1, body {
    font-weight: 400;
    line-height: 20px
}

.md-body-1, .md-body-2, body {
    font-size: 14px;
    letter-spacing: .01em
}

.md-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .005em;
    line-height: 26px
}

.md-app-internal-drawer, .md-app-side-drawer .md-app-container {
    -ms-flex-direction: column;
    flex-direction: column
}

.md-autocomplete .md-menu {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.md-autocomplete-loading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

.md-field.md-inline.md-autocomplete-box {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    padding-top: 2px;
    border-radius: 2px
}

    .md-field.md-inline.md-autocomplete-box.md-focused {
        z-index: 13
    }

    .md-field.md-inline.md-autocomplete-box:after, .md-field.md-inline.md-autocomplete-box:before {
        display: none
    }

.md-field.md-inline.md-autocomplete-box .md-menu {
    -ms-flex-align: center;
    align-items: center
}

.md-field.md-inline.md-autocomplete-box .md-input {
    padding-left: 16px
}

.md-field.md-inline.md-autocomplete-box .md-input-action, .md-field.md-inline.md-autocomplete-box label, .md-field.md-inline.md-autocomplete-box.md-focused label {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.md-field.md-inline.md-autocomplete-box .md-input-action {
    right: 8px
}

.md-field.md-inline.md-autocomplete-box label, .md-field.md-inline.md-autocomplete-box.md-focused label {
    margin-top: 2px;
    left: 16px
}

.md-autocomplete-box-content:after {
    height: 6px;
    position: absolute;
    top: -6px;
    right: 0;
    left: 0;
    z-index: 13;
    border-bottom: 1px solid;
    content: ""
}

.md-ripple {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0)
}

.md-ripple-wave {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background: currentColor;
    border-radius: 50%;
    opacity: 0;
    transform: scale(2) translateZ(0)
}

    .md-ripple-wave.md-centered {
        animation-duration: 1.2s;
        top: 50%;
        left: 50%
    }

    .md-ripple-wave ~ :not(.md-ripple-wave) {
        position: relative;
        z-index: 2
    }

.md-ripple-enter-active {
    transition: .8s cubic-bezier(.25,.8,.25,1);
    transition-property: opacity,transform;
    will-change: opacity,transform
}

    .md-ripple-enter-active.md-centered {
        transition-duration: 1.2s
    }

.md-ripple-enter {
    opacity: .26;
    transform: scale(.26) translateZ(0)
}

.md-button, .md-button-clean {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    outline: 0;
    background: 0 0;
    border: 0;
    border-radius: 0;
    transition: background 0.2s ease-in, color 0.2s ease-in;
    font-family: inherit;
    line-height: normal;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap
}

.md-button {
    min-width: 88px;
    height: 36px;
    margin: 6px 8px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

    .md-button:active {
        outline: 0
    }

    .md-button[disabled] {
        pointer-events: none
    }

    .md-button:not([disabled]) {
        cursor: pointer
    }

        .md-button:not([disabled]).md-focused:before, .md-button:not([disabled]):active:before, .md-button:not([disabled]):hover:before {
            background-color: currentColor;
        }

        .md-button:not([disabled]).md-focused.md-accent:before, .md-button:not([disabled]).md-focused.md-primary:before, .md-button:not([disabled]):active:before {
            opacity: .2
        }

        .md-button:not([disabled]).md-ripple-off:active:before {
            opacity: .26
        }

    .md-button.md-plain.md-button.md-raised:not([disabled]) {
        color: rgba(0,0,0,.87);
        background-color: #fff
    }

        .md-button.md-plain.md-button.md-raised:not([disabled]) .md-icon-font {
            color: rgba(0,0,0,.87)
        }

        .md-button.md-plain.md-button.md-raised:not([disabled]) .md-icon-image {
            fill: rgba(0,0,0,.87)
        }

    .md-button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .md-button:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        opacity: 0;
        transition: .4s cubic-bezier(.4,0,.2,1);
        will-change: background-color,opacity;
        content: " "
    }

    .md-button.md-dense {
        height: 32px;
        font-size: 13px
    }

/*    .md-button.md-raised:not([disabled]) {
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
    }*/

        .md-button.md-raised:not([disabled]):active {
            box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
        }

        .md-button.md-raised:not([disabled]).md-ripple-off:active:before {
            opacity: .2
        }

    .md-button + .md-button {
        margin-left: 0
    }

    .md-button .md-ripple {
        padding: 0 8px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

.md-button-spaced .md-ripple {
    padding: 0 16px
}

.md-fab, .md-icon-button {
    border-radius: 50%;
    z-index: 5
}

    .md-fab .md-ripple, .md-fab:before, .md-icon-button .md-ripple, .md-icon-button:before {
        border-radius: 50%
    }

    .md-fab.md-dense .md-ripple-wave, .md-fab.md-mini .md-ripple-wave, .md-icon-button .md-ripple-wave {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important
    }

.md-icon-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0 6px
}

    .md-icon-button.md-dense {
        width: 32px;
        min-width: 32px;
        height: 32px
    }

    .md-icon-button .md-ripple-enter-active {
        transition-duration: 1.2s
    }

.md-fab {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
    width: 56px;
    height: 56px;
    min-width: 0;
    overflow: hidden
}

    .md-fab:active {
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)
    }

    .md-fab.md-dense, .md-fab.md-mini {
        width: 40px;
        height: 40px
    }

    .md-fab.md-fab-top-left, .md-fab.md-fab-top-right {
        position: absolute;
        top: 24px
    }

    .md-fab.md-fab-bottom-left, .md-fab.md-fab-bottom-right {
        position: absolute;
        bottom: 24px
    }

    .md-fab.md-fab-bottom-center, .md-fab.md-fab-top-center {
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .md-fab.md-fab-top-center {
        top: 24px
    }

    .md-fab.md-fab-bottom-center {
        bottom: 24px
    }

    .md-fab.md-fab-bottom-right, .md-fab.md-fab-top-right {
        right: 24px
    }

    .md-fab.md-fab-bottom-left, .md-fab.md-fab-top-left {
        left: 24px
    }

    .md-fab.md-fixed {
        position: fixed
    }

    .md-fab .md-ripple {
        padding: 0
    }

.md-button-content {
    position: relative;
    z-index: 2
}

.md-checkbox {
    width: auto;
    margin: 16px 16px 16px 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

    .md-checkbox:not(.md-disabled), .md-checkbox:not(.md-disabled) .md-checkbox-label {
        cursor: pointer
    }

    .md-checkbox .md-checkbox-container {
        width: 20px;
        min-width: 20px;
        height: 20px;
        position: relative;
        border-radius: 2px;
        border: 2px solid transparent;
        transition: .4s cubic-bezier(.25,.8,.25,1)
    }

        .md-checkbox .md-checkbox-container:focus {
            outline: 0
        }

        .md-checkbox .md-checkbox-container:after, .md-checkbox .md-checkbox-container:before {
            position: absolute;
            transition: .4s cubic-bezier(.55,0,.55,.2);
            content: " "
        }

        .md-checkbox .md-checkbox-container:before {
            width: 48px;
            height: 48px;
            top: 50%;
            left: 50%;
            z-index: 6;
            border-radius: 50%;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

        .md-checkbox .md-checkbox-container:after {
            width: 6px;
            height: 13px;
            top: 0;
            left: 5px;
            z-index: 7;
            border: 2px solid transparent;
            border-top: 0;
            border-left: 0;
            opacity: 0;
            -ms-transform: rotate(45deg) scale3D(.15,.15,1);
            transform: rotate(45deg) scale3D(.15,.15,1)
        }

        .md-checkbox .md-checkbox-container .md-ripple {
            width: 48px !important;
            height: 48px !important;
            top: 50% !important;
            left: 50% !important;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            border-radius: 50%
        }

        .md-checkbox .md-checkbox-container input {
            position: absolute;
            left: -999em
        }

    .md-checkbox .md-checkbox-label {
        height: 20px;
        padding-left: 16px;
        position: relative;
        line-height: 20px
    }

    .md-checkbox.md-indeterminate .md-checkbox-container:after {
        width: 12px;
        height: 2px;
        top: 50%;
        left: 50%;
        z-index: 4;
        border-style: solid;
        border-width: 0 0 2px;
        opacity: 0;
        -ms-transform: translate(-50%,-50%) !important;
        transform: translate(-50%,-50%) !important
    }

    .md-checkbox.md-checked .md-checkbox-container:after {
        opacity: 1;
        -ms-transform: rotate(45deg) scale3D(1,1,1);
        transform: rotate(45deg) scale3D(1,1,1);
        transition: .4s cubic-bezier(.25,.8,.25,1)
    }

    .md-checkbox.md-disabled.md-checked .md-checkbox-container {
        border-color: transparent !important
    }

    .md-checkbox.md-required label:after {
        position: absolute;
        top: 2px;
        right: 0;
        -ms-transform: translateX(calc(100% + 2px));
        transform: translateX(calc(100% + 2px));
        content: "*";
        line-height: 1em;
        vertical-align: top
    }

.md-chips.md-field {
    padding-top: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .md-chips.md-field.md-has-value label {
        top: -6px
    }

    .md-chips.md-field .md-chip {
        margin-bottom: 4px
    }

        .md-chips.md-field .md-chip:last-of-type {
            margin-right: 8px
        }

    .md-chips.md-field .md-input {
        min-width: 128px
    }

.md-field {
    width: 100%;
    min-height: 48px;
    margin: 4px 0 24px;
    padding-top: 16px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-family: inherit;
    border: 1px solid rgb(126, 138, 74);
    outline: none;
    transition: border 0.3s ease-in-out;
    width: 100%;
    padding: 0.9375rem;
    color: rgb(126, 138, 74);
    background-color: rgb(245, 240, 230);
}


    .md-field:after {
        height: 1px
    }

    .md-field:before {
        height: 2px;
        z-index: 2;
        opacity: 0;
        -ms-transform: scaleX(.12);
        transform: scaleX(.12)
    }

    .md-field label {
        display: none;
        position: absolute;
        top: 23px;
        pointer-events: none;
        transition: .4s cubic-bezier(.25,.8,.25,1);
        transition-duration: .3s;
        font-size: 16px;
        line-height: 20px
    }

    .md-field .md-prefix, .md-field .md-suffix {
        font-size: 16px;
        line-height: 32px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        justify-self: center
    }

    .md-field .md-prefix {
        display: none;
        padding-right: 4px
    }

    .md-field.md-focused .md-prefix, .md-field.md-has-value .md-prefix {
        display: block
    }

    .md-field .md-input, .md-field .md-textarea {
        height: 32px;
        padding: 0;
        display: block;
        -ms-flex: 1;
        flex: 1;
        border: none;
        background: 0 0;
        transition: .4s cubic-bezier(.25,.8,.25,1);
        transition-property: font-size,padding-top,color;
        font-family: inherit;
        font-size: 16px;
        line-height: 32px
    }

        .md-field .md-input[type=date], .md-field .md-textarea[type=date] {
            font-size: 16px
        }

        .md-field .md-input[disabled], .md-field .md-textarea[disabled] {
            cursor: default
        }

        .md-field .md-input:focus, .md-field .md-textarea:focus {
            outline: 0
        }

        .md-field .md-input::-webkit-input-placeholder, .md-field .md-textarea::-webkit-input-placeholder {
            font-size: 16px;
            text-shadow: none;
            -webkit-text-fill-color: initial;
            transition: .4s cubic-bezier(.25,.8,.25,1);
            transition-property: font-size,color
        }

    .md-field .md-textarea {
        min-height: 32px;
        max-height: 230px;
        padding: 5px 0;
        resize: none;
        line-height: 1.3em
    }

    .md-field .md-count, .md-field .md-error, .md-field .md-helper-text {
        height: 20px;
        position: absolute;
        bottom: -22px;
        font-size: 12px;
        transition: .3s cubic-bezier(.4,0,.2,1)
    }

    .md-field .md-error {
        display: block !important;
        left: 0;
        opacity: 0;
        transform: translate3d(0,-8px,0)
    }

    .md-field .md-count {
        right: 0
    }

    .md-field .md-input-action {
        width: 32px;
        min-width: 32px;
        height: 32px;
        margin: 0;
        position: absolute;
        top: 16px;
        right: 0;
        transition: .4s cubic-bezier(.4,0,.2,1)
    }

        .md-field .md-input-action.md-input-action-enter-active, .md-field .md-input-action.md-input-action-leave-active {
            opacity: 0
        }

        .md-field .md-input-action.md-input-action-enter-to {
            opacity: 1
        }

    .md-field > .md-icon {
        margin: 4px auto;
        position: relative;
        z-index: 3;
        transition: .4s cubic-bezier(.25,.8,.25,1)
    }

        .md-field > .md-icon:last-of-type:not(:first-child):after {
            display: none
        }

        .md-field > .md-icon:after {
            width: 37px;
            height: 4px;
            position: absolute;
            left: -1px;
            bottom: -5px;
            transition: .3s cubic-bezier(.4,0,.2,1);
            content: ""
        }

        .md-field > .md-icon ~ label {
            left: 36px
        }

        .md-field > .md-icon ~ .md-file, .md-field > .md-icon ~ .md-input, .md-field > .md-icon ~ .md-textarea {
            margin-left: 12px
        }

    .md-field + .md-has-textarea:not(.md-autogrow) {
        margin-top: 36px
    }

    .md-field.md-has-placeholder label {
        pointer-events: auto;
        top: 10px;
        opacity: 0;
        font-size: 12px
    }

    .md-field.md-has-placeholder .md-input, .md-field.md-has-placeholder .md-textarea {
        font-size: 16px
    }

    .md-field.md-has-textarea:not(.md-autogrow):after, .md-field.md-has-textarea:not(.md-autogrow):before {
        height: auto;
        pointer-events: none;
        top: 0;
        bottom: 0;
        -ms-transform: none;
        transform: none;
        background: 0 0 !important;
        border: 1px solid transparent;
        border-radius: 3px
    }

    .md-field.md-has-textarea:not(.md-autogrow):before {
        border-width: 2px
    }

    .md-field.md-has-textarea:not(.md-autogrow) label {
        top: 16px;
        left: 16px
    }

    .md-field.md-has-textarea:not(.md-autogrow) .md-textarea {
        min-height: 100px;
        padding: 0 16px;
        resize: vertical
    }

    .md-field.md-has-textarea:not(.md-autogrow) > .md-icon {
        position: absolute;
        top: 6px;
        right: 6px;
        z-index: 3
    }

    .md-field.md-has-textarea:not(.md-autogrow) .md-count {
        right: 6px;
        bottom: 2px
    }

    .md-field.md-has-textarea:not(.md-autogrow) .md-clear {
        top: 6px;
        right: 6px
    }

    .md-field.md-has-textarea:not(.md-autogrow).md-focused label, .md-field.md-has-textarea:not(.md-autogrow).md-has-value label {
        top: 6px
    }

    .md-field.md-has-textarea:not(.md-autogrow).md-focused .md-textarea, .md-field.md-has-textarea:not(.md-autogrow).md-has-value .md-textarea {
        padding-top: 10px
    }

    .md-field.md-has-file label, .md-field.md-has-file:after, .md-field.md-has-file:before {
        left: 36px
    }

    .md-field.md-has-file .md-input {
        margin-left: 12px
    }

    .md-field.md-focused:before, .md-field.md-highlight:before {
        opacity: 1;
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        transition: .3s cubic-bezier(.4,0,.2,1);
        transition-property: border,opacity,transform
    }

    .md-field.md-focused label, .md-field.md-has-value label {
        pointer-events: auto;
        top: 0;
        opacity: 1;
        font-size: 12px
    }

    .md-field.md-focused .md-input, .md-field.md-focused .md-textarea, .md-field.md-has-value .md-input, .md-field.md-has-value .md-textarea {
        font-size: 16px
    }

    .md-field.md-inline label {
        pointer-events: none
    }

    .md-field.md-inline.md-focused label {
        top: 23px;
        font-size: 16px
    }

    .md-field.md-inline.md-has-value label {
        opacity: 0
    }

    .md-field.md-disabled:after {
        background: 0 100% repeat-x;
        background-size: 4px 1px
    }

    .md-field.md-has-password .md-toggle-password {
        margin: 0;
        position: absolute;
        right: 0;
        bottom: -2px
    }

        .md-field.md-has-password .md-toggle-password svg {
            width: 22px;
            height: 22px
        }

    .md-field.md-clearable .md-input {
        padding-right: 30px
    }

    .md-field.md-invalid.md-has-value label:not(:focus) {
        animation: a .4s cubic-bezier(.4,0,.2,1) both;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px
    }

    .md-field.md-invalid.md-has-textarea:not(.md-autogrow):before {
        border-width: 2px
    }

    .md-field.md-invalid .md-error {
        opacity: 1;
        transform: translateZ(0)
    }

    .md-field.md-invalid .md-helper-text {
        opacity: 0;
        transform: translate3d(0,-8px,0)
    }

    .md-field.md-required label:after {
        position: absolute;
        top: 2px;
        right: 0;
        -ms-transform: translateX(calc(100% + 2px));
        transform: translateX(calc(100% + 2px));
        content: "*";
        line-height: 1em;
        vertical-align: top
    }

.md-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    font-size: 24px !important;
    margin: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle
}

    .md-icon.md-size-2x {
        width: 48px;
        min-width: 48px;
        height: 48px;
        font-size: 48px !important
    }

    .md-icon.md-size-3x {
        width: 72px;
        min-width: 72px;
        height: 72px;
        font-size: 72px !important
    }

    .md-icon.md-size-4x {
        width: 96px;
        min-width: 96px;
        height: 96px;
        font-size: 96px !important
    }

    .md-icon.md-size-5x {
        width: 120px;
        min-width: 120px;
        height: 120px;
        font-size: 120px !important
    }

.md-icon-image svg {
    height: 100%;
    -ms-flex: 1;
    flex: 1;
    transition: fill .4s cubic-bezier(.4,0,.2,1)
}

.md-icon {
    transition: color .4s cubic-bezier(.4,0,.2,1);
    direction: ltr;
    font-family: Material Icons;
    font-feature-settings: "liga";
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.md-svg-loader {
    display: block
}

    .md-svg-loader svg {
        width: 100%
    }

.md-chip {
    height: 32px;
    padding: 0 12px;
    display: inline-block;
    cursor: default;
    border-radius: 32px;
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition-property: background-color,color,opacity,transform,box-shadow;
    will-change: background-color,color,opacity,transform,box-shadow;
    font-size: 13px;
    line-height: 32px;
    vertical-align: middle;
    white-space: nowrap
}

    .md-chip:focus {
        outline: 0
    }

    .md-chip.md-chip-enter-active, .md-chip.md-chip-leave-active {
        opacity: 0;
        -ms-transform: transformZ(0) scale(.8);
        transform: transformZ(0) scale(.8)
    }

    .md-chip.md-chip-enter-to {
        opacity: 1;
        -ms-transform: transformZ(0) scale(1);
        transform: transformZ(0) scale(1)
    }

    .md-chip.md-clickable:not(.md-disabled):active, .md-chip.md-deletable:not(.md-disabled):active, .md-chip.md-focused {
        box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)
    }

    .md-chip.md-clickable {
        padding: 0;
        cursor: pointer
    }

        .md-chip.md-clickable > .md-ripple {
            padding: 0 12px
        }

    .md-chip.md-deletable {
        padding-right: 32px;
        position: relative
    }

        .md-chip.md-deletable.md-clickable {
            padding-right: 0
        }

            .md-chip.md-deletable.md-clickable > .md-ripple {
                padding-right: 32px
            }

    .md-chip.md-disabled {
        cursor: default
    }

    .md-chip + .md-chip {
        margin-left: 4px
    }

    .md-chip .md-button.md-input-action {
        width: 18px;
        min-width: 18px;
        height: 18px;
        margin: 0;
        position: absolute;
        top: 50%;
        right: 7px;
        z-index: 6;
        -ms-transform: translate3D(0,-50%,0);
        transform: translate3D(0,-50%,0);
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.25,.8,.25,1);
        font-size: 18px
    }

        .md-chip .md-button.md-input-action .md-ripple {
            padding: 0
        }

        .md-chip .md-button.md-input-action .md-button-content {
            height: 14px
        }

        .md-chip .md-button.md-input-action .md-icon {
            width: 14px;
            min-width: 14px;
            height: 14px;
            font-size: 14px !important;
            vertical-align: top
        }

            .md-chip .md-button.md-input-action .md-icon svg {
                transition-duration: .3s;
                transition-timing-function: cubic-bezier(.25,.8,.25,1)
            }

.md-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    overflow: hidden;
    background: rgba(0,0,0,.6);
    transition: .35s cubic-bezier(.4,0,.2,1);
    transition-property: opacity;
    will-change: opacity
}

    .md-overlay.md-fixed, body > .md-overlay {
        position: fixed
    }

.md-overlay-enter, .md-overlay-leave-active {
    opacity: 0
}

.md-popover.md-rendering {
    opacity: 0;
    transition: none !important
}

.md-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
    transition-duration: .2s;
    z-index: 11
}

    .md-dialog.md-dialog-enter-to .md-dialog-container, .md-dialog.md-dialog-leave .md-dialog-container {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .md-dialog.md-dialog-enter .md-dialog-container, .md-dialog.md-dialog-leave-to .md-dialog-container {
        opacity: 0;
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

.md-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
    min-width: 280px;
    max-width: 80%;
    max-height: 80%;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: hidden;
    border-radius: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: auto;
    opacity: 1;
    -ms-transform-origin: center center;
    transform-origin: center center;
    transition: opacity .15s cubic-bezier(.25,.8,.25,1),transform .2s cubic-bezier(.25,.8,.25,1);
    will-change: opacity,transform
}

    .md-dialog-container.md-dialog-enter-to, .md-dialog-container.md-dialog-leave {
        opacity: 1;
        -ms-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }

    .md-dialog-container.md-dialog-enter, .md-dialog-container.md-dialog-leave-to {
        opacity: 0;
        -ms-transform: translate(-50%,-50%) scale(.9);
        transform: translate(-50%,-50%) scale(.9)
    }

    .md-dialog-container .md-tabs {
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }

.md-dialog-title {
    margin-bottom: 20px;
    padding: 24px 24px 0
}

.md-dialog-content {
    padding: 0 24px 24px;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    overflow: auto;
    position: relative
}

    .md-dialog-content:first-child {
        padding-top: 24px
    }

    .md-dialog-content p:first-child:not(:only-child) {
        margin-top: 0
    }

    .md-dialog-content p:last-child:not(:only-child) {
        margin-bottom: 0
    }

.md-dialog-actions {
    min-height: 52px;
    padding: 8px 8px 8px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

    .md-dialog-actions:before {
        height: 1px;
        position: absolute;
        top: -1px;
        right: 0;
        left: 0;
        content: " "
    }

    .md-dialog-actions .md-button {
        min-width: 64px;
        margin: 0
    }

        .md-dialog-actions .md-button + .md-button {
            margin-left: 8px
        }


.md-menu.md-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

    .md-menu.md-select:not(.md-disabled) .md-icon, .md-menu.md-select:not(.md-disabled) .md-input {
        cursor: pointer;
        outline: 0
    }

    .md-menu.md-select .md-input {
        -ms-flex: 1;
        flex: 1;
        min-width: 0
    }

    .md-menu.md-select .md-input-fake, .md-menu.md-select select {
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        position: absolute;
        clip: rect(0 0 0 0);
        border: 0
    }
.md-menu-content.md-select-menu {
    z-index: 12;
    width: 100%
}

    .md-menu-content.md-select-menu.md-menu-content-enter {
        transform: translate3d(0,-8px,0) scaleY(.3)
    }

    .md-menu-content.md-select-menu .md-list {
        transition: opacity .3s cubic-bezier(.55,0,.55,.2)
    }

.md-menu {
    display: inline-block
}

    .md-menu > .md-button {
        margin: 0
    }

.md-menu-content {
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    min-width: 112px;
    max-width: 280px;
    max-height: 35vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    z-index: 9;
    border-radius: 10px;
    transition: transform .2s cubic-bezier(.25,.8,.25,1),opacity .3s cubic-bezier(.25,.8,.25,1);
    will-change: opacity,transform,top,left !important
}

    .md-menu-content.md-shallow {
        position: fixed !important;
        top: -9999em !important;
        left: -9999em !important;
        pointer-events: none
    }

    .md-menu-content.md-menu-content-enter-active {
        opacity: 1;
        transform: translateZ(0)
    }

    .md-menu-content.md-menu-content-leave-active {
        transition: opacity .4s cubic-bezier(.4,0,.2,1);
        opacity: 0
    }

    .md-menu-content.md-menu-content-enter.md-menu-content-top-start {
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        transform: translate3d(0,8px,0) scaleY(.95)
    }

    .md-menu-content.md-menu-content-enter.md-menu-content-top-end {
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;
        transform: translate3d(0,8px,0) scaleY(.95)
    }

    .md-menu-content.md-menu-content-enter.md-menu-content-right-start {
        -ms-transform-origin: left top;
        transform-origin: left top;
        transform: translate3d(0,-8px,0) scaleY(.95)
    }

    .md-menu-content.md-menu-content-enter.md-menu-content-right-end {
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        transform: translate3d(0,8px,0) scaleY(.95)
    }

    .md-menu-content.md-menu-content-enter.md-menu-content-bottom-start {
        -ms-transform-origin: top left;
        transform-origin: top left;
        transform: translate3d(0,-8px,0) scaleY(.95)
    }

    .md-menu-content.md-menu-content-enter.md-menu-content-bottom-end {
        -ms-transform-origin: top right;
        transform-origin: top right;
        transform: translate3d(0,-8px,0) scaleY(.95)
    }

    .md-menu-content.md-menu-content-enter.md-menu-content-left-start {
        -ms-transform-origin: right top;
        transform-origin: right top;
        transform: translate3d(0,-8px,0) scaleY(.95)
    }

    .md-menu-content.md-menu-content-enter.md-menu-content-left-end {
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        transform: translate3d(0,8px,0) scaleY(.95)
    }

    .md-menu-content.md-menu-content-enter .md-list {
        opacity: 0
    }

    .md-menu-content.md-menu-content-medium {
        min-width: 168px
    }

    .md-menu-content.md-menu-content-big {
        min-width: 224px
    }

    .md-menu-content.md-menu-content-huge {
        min-width: 280px
    }

.md-menu-content-container {
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

    .md-menu-content-container .md-list {
        transition: opacity .3s cubic-bezier(.25,.8,.25,1);
        will-change: opacity;
        font-family: Roboto,sans-serif;
        text-transform: none;
        white-space: nowrap
    }

        .md-menu-content-container .md-list .md-list-item-container {
            height: 100%
        }

.md-list {
    margin: 0;
    padding: 8px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: relative;
    list-style: none
}

    .md-list.md-dense {
        padding: 4px 0
    }

    .md-list .md-subheader.md-inset {
        padding-left: 72px
    }

    .md-list > .md-subheader:first-of-type {
        margin-top: -8px
    }

.md-optgroup .md-subheader {
    text-transform: uppercase
}

.md-optgroup .md-ripple.md-list-item-content {
    padding-left: 24px
}

.md-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

    .md-file input[type=file] {
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        position: absolute;
        clip: rect(0 0 0 0);
        border: 0
    }

    .md-file .md-file-icon:not(.md-disabled) {
        cursor: pointer
    }

    .md-file .md-file-icon.md-disabled {
        pointer-events: none
    }

.md-highlight-text {
    -ms-flex: 1;
    flex: 1
}

.md-highlight-text-match {
    font-weight: 500
}

.md-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .md-layout .md-layout {
        -ms-flex: 1;
        flex: 1
    }

    .md-layout .md-layout-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .md-layout.md-centered {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto
    }

    .md-layout.md-alignment-top-left {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md-layout.md-alignment-top-center {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md-layout.md-alignment-top-right {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md-layout.md-alignment-top-space-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md-layout.md-alignment-top-space-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md-layout.md-alignment-center-left {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }

    .md-layout.md-alignment-center, .md-layout.md-alignment-center-center {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .md-layout.md-alignment-center-right {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    .md-layout.md-alignment-center-space-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: center;
        align-items: center
    }

    .md-layout.md-alignment-center-space-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .md-layout.md-alignment-bottom-left {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md-layout.md-alignment-bottom-center {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md-layout.md-alignment-bottom-right {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md-layout.md-alignment-bottom-space-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md-layout.md-alignment-bottom-space-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md-layout.md-alignment-space-around-left {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: space-around;
        align-items: space-around
    }

    .md-layout.md-alignment-space-around-center {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: space-around;
        align-items: space-around
    }

    .md-layout.md-alignment-space-around-right {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: space-around;
        align-items: space-around
    }

    .md-layout.md-alignment-space-around-space-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: space-around;
        align-items: space-around
    }

    .md-layout.md-alignment-space-around-space-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: space-around;
        align-items: space-around
    }

    .md-layout.md-alignment-space-between-left {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: space-between;
        align-items: space-between
    }

    .md-layout.md-alignment-space-between-center {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: space-between;
        align-items: space-between
    }

    .md-layout.md-alignment-space-between-right {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: space-between;
        align-items: space-between
    }

    .md-layout.md-alignment-space-between-space-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: space-between;
        align-items: space-between
    }

    .md-layout.md-alignment-space-between-space-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: space-between;
        align-items: space-between
    }

.md-list-item {
    height: auto;
    position: relative;
    z-index: 2
}

    .md-list-item.md-inset .md-list-item-content {
        padding-left: 72px
    }

    .md-list-item .md-icon {
        margin: 0;
        transition-property: color,margin-right
    }

.md-list-item-container {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    text-transform: none
}

    .md-list-item-container:not(.md-list-item-default):not([disabled]) > .md-list-item-content {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer
    }

    .md-list-item-container.md-button-clean:hover {
        opacity: 1;
        text-decoration: none
    }

.md-list-item-content {
    min-height: 20px;
    padding: 4px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: padding .4s cubic-bezier(.25,.8,.25,1);
    will-change: padding
}

.md-list.md-double-line .md-list-item-content {
    min-height: 72px
}

.md-list.md-double-line.md-dense .md-list-item-content {
    min-height: 60px
}

.md-list.md-triple-line .md-list-item-content {
    min-height: 88px
}

.md-list.md-triple-line.md-dense .md-list-item-content {
    min-height: 76px
}

.md-list-item-content .md-list-action {
    margin: 0 -10px 0 0
}

    .md-list-item-content .md-list-action:last-of-type {
        margin: 0 -10px 0 16px
    }

.md-list.md-triple-line .md-list-item-content .md-list-action:last-of-type {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.md-list-item-content > .md-icon:first-child {
    margin-right: 32px
}

.md-list-item-content > .md-icon:last-child {
    margin-left: 16px
}

.md-list-item-content > .md-checkbox, .md-list-item-content > .md-radio {
    margin: 0
}

    .md-list-item-content > .md-checkbox:first-child, .md-list-item-content > .md-radio:first-child {
        margin-right: 36px
    }

.md-list-item-content > .md-switch {
    margin: 0
}

    .md-list-item-content > .md-switch:first-child {
        margin-right: 22px
    }

.md-list-item-text {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden;
    line-height: 1.25em;
    white-space: nowrap
}

.md-list.md-dense .md-list-item-text {
    font-size: 13px
}

.md-list-item-text * {
    width: 100%;
    margin: 0;
    overflow: hidden;
    line-height: 1.25em;
    text-overflow: ellipsis
}

.md-list-item-text :nth-child(2), .md-list-item-text :nth-child(3) {
    font-size: 14px
}

.md-list.md-dense .md-list-item-text * {
    font-size: 13px
}

.md-list-item-expand {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transition: border .4s cubic-bezier(.25,.8,.25,1);
    will-change: border
}

    .md-list-item-expand.md-active > .md-list-item-content > .md-list-expand-icon {
        perspective: 1000px;
        perspective-origin: 50% 50%;
        transform: rotateX(180deg)
    }

    .md-list-item-expand.md-active .md-list-expand {
        opacity: 1;
        -ms-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0)
    }

    .md-list-item-expand .md-list-expand {
        height: 0;
        opacity: 0;
        overflow: hidden;
        -ms-transform: translate3D(0,-24px,0);
        transform: translate3D(0,-24px,0);
        transition: .4s cubic-bezier(.25,.8,.25,1);
        transition-property: transform,opacity;
        will-change: transform,opacity
    }

    .md-list-item-expand .md-list-expand-icon {
        transition: transform .4s cubic-bezier(.25,.8,.25,1);
        will-change: transform
    }

.md-progress-spinner {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

    .md-progress-spinner.md-indeterminate {
        animation: g 2s linear infinite
    }

        .md-progress-spinner.md-indeterminate.md-progress-spinner-enter .md-progress-spinner-draw, .md-progress-spinner.md-indeterminate.md-progress-spinner-leave-to .md-progress-spinner-draw {
            opacity: 0;
            -ms-transform: scale(.1);
            transform: scale(.1)
        }

        .md-progress-spinner.md-indeterminate.md-progress-spinner-enter-active, .md-progress-spinner.md-indeterminate.md-progress-spinner-leave-active {
            transition-duration: .4s;
            animation: none
        }

        .md-progress-spinner.md-indeterminate .md-progress-spinner-circle {
            animation: 4s infinite cubic-bezier(.25,.8,.25,1);
            animation-name: i
        }

    .md-progress-spinner.md-determinate.md-progress-spinner-enter-active {
        transition-duration: 2s
    }

        .md-progress-spinner.md-determinate.md-progress-spinner-enter-active .md-progress-spinner-draw {
            animation: h 1.98s cubic-bezier(.25,.8,.25,1) forwards
        }

    .md-progress-spinner.md-determinate.md-progress-spinner-leave-active {
        transition-duration: 2s
    }

        .md-progress-spinner.md-determinate.md-progress-spinner-leave-active .md-progress-spinner-draw {
            animation: h reverse 1.98s cubic-bezier(.25,.8,.25,1) forwards
        }

    .md-progress-spinner.md-determinate .md-progress-spinner-draw {
        transition: none
    }

.md-radio {
    width: auto;
    margin: 16px 16px 16px 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

    .md-radio:not(.md-disabled), .md-radio:not(.md-disabled) .md-radio-label {
        cursor: pointer
    }

    .md-radio .md-radio-container {
        width: 20px;
        min-width: 20px;
        height: 20px;
        position: relative;
        border: 2px solid transparent;
        border-radius: 50%;
        transition: .4s cubic-bezier(.25,.8,.25,1)
    }

        .md-radio .md-radio-container:focus {
            outline: 0
        }

        .md-radio .md-radio-container:after, .md-radio .md-radio-container:before {
            position: absolute;
            transition: .4s cubic-bezier(.55,0,.55,.2);
            content: " "
        }

        .md-radio .md-radio-container:before {
            width: 48px;
            height: 48px;
            top: 50%;
            left: 50%;
            z-index: 6;
            border-radius: 50%;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

        .md-radio .md-radio-container:after {
            position: absolute;
            top: 3px;
            right: 3px;
            bottom: 3px;
            left: 3px;
            border-radius: 50%;
            opacity: 0;
            -ms-transform: scale3D(.38,.38,1);
            transform: scale3D(.38,.38,1);
            content: " "
        }

        .md-radio .md-radio-container .md-ripple {
            width: 48px !important;
            height: 48px !important;
            top: 50% !important;
            left: 50% !important;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            border-radius: 50%
        }

        .md-radio .md-radio-container input {
            position: absolute;
            left: -999em
        }

    .md-radio .md-radio-label {
        height: 20px;
        padding-left: 16px;
        position: relative;
        line-height: 20px
    }

    .md-radio.md-checked .md-radio-container:after {
        opacity: 1;
        -ms-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1);
        transition: .4s cubic-bezier(.25,.8,.25,1)
    }

    .md-radio.md-required label:after {
        position: absolute;
        top: 2px;
        right: 0;
        -ms-transform: translateX(calc(100% + 2px));
        transform: translateX(calc(100% + 2px));
        content: "*";
        line-height: 1em;
        vertical-align: top
    }

.md-subheader {
    min-height: 48px;
    padding: 0 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: 14px;
    font-weight: 500
}

.md-switch {
    width: auto;
    margin: 16px 16px 16px 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

    .md-switch:not(.md-disabled), .md-switch:not(.md-disabled) .md-switch-label {
        cursor: pointer
    }

    .md-switch .md-switch-container {
        width: 34px;
        min-width: 34px;
        height: 14px;
        margin: 3px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        border-radius: 14px;
        transition: .4s cubic-bezier(.25,.8,.25,1)
    }

    .md-switch .md-switch-thumb {
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        width: 20px;
        height: 20px;
        position: relative;
        border-radius: 50%;
        transition: .4s cubic-bezier(.25,.8,.25,1)
    }

        .md-switch .md-switch-thumb:before {
            width: 48px;
            height: 48px;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 6;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            content: " "
        }

        .md-switch .md-switch-thumb .md-ripple {
            width: 48px !important;
            height: 48px !important;
            top: 50% !important;
            left: 50% !important;
            position: absolute;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            border-radius: 50%
        }

        .md-switch .md-switch-thumb input {
            position: absolute;
            left: -999em
        }

    .md-switch .md-switch-label {
        height: 20px;
        padding-left: 16px;
        position: relative;
        line-height: 20px
    }

    .md-switch.md-checked .md-switch-thumb {
        transform: translate3d(15px,0,0)
    }

    .md-switch.md-required label:after {
        position: absolute;
        top: 2px;
        right: 0;
        -ms-transform: translateX(calc(100% + 2px));
        transform: translateX(calc(100% + 2px));
        content: "*";
        line-height: 1em;
        vertical-align: top
    }

.md-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    overflow-x: auto
}

    .md-table .md-table-fixed-header {
        position: relative
    }

        .md-table .md-table-fixed-header .md-table-fixed-header-container {
            -ms-flex: 1;
            flex: 1;
            overflow-x: auto
        }

            .md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar, .md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar-button, .md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar-thumb {
                display: none
            }

    .md-table .md-table-fixed-header-active {
        border-bottom: 1px solid
    }

    .md-table .md-table-content {
        -ms-flex: 1;
        flex: 1;
        overflow-x: auto;
        transition: height .3s cubic-bezier(.4,0,.2,1)
    }

    .md-table .md-table-empty {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .md-table table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        overflow: hidden
    }

.md-table-row {
    transition: .3s cubic-bezier(.4,0,.2,1);
    transition-property: background-color,font-weight;
    will-change: background-color,font-weight
}

    .md-table-row.md-has-selection {
        cursor: pointer
    }

    .md-table-row.md-selected-single {
        font-weight: 500
    }

tbody .md-table-row td {
    border-top: 1px solid
}

.md-table-cell {
    height: 48px;
    position: relative;
    transition: .3s cubic-bezier(.4,0,.2,1);
    font-size: 13px;
    line-height: 18px
}

    .md-table-cell.md-numeric {
        text-align: right
    }

.md-menu-content.md-pagination-select {
    max-width: 82px;
    min-width: 56px;
    margin-top: 5px
}

.md-tabs-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    transform: translateZ(0);
    transition: transform .35s cubic-bezier(.4,0,.2,1);
    will-change: transform
}

.md-tab {
    width: 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 16px
}

.md-tooltip {
    height: 22px;
    padding: 0 8px;
    position: fixed;
    z-index: 12;
    pointer-events: none;
    border-radius: 2px;
    transition: .15s cubic-bezier(0,0,.2,1);
    transition-property: opacity,transform;
    will-change: opacity,transform,top,left !important;
    font-size: 10px;
    line-height: 22px;
    text-transform: none;
    white-space: nowrap
}

    .md-tooltip.md-tooltip-leave-active {
        transition-timing-function: cubic-bezier(.4,0,1,1)
    }

    .md-tooltip.md-tooltip-enter, .md-tooltip.md-tooltip-leave-active {
        opacity: 0
    }

        .md-tooltip.md-tooltip-enter.md-tooltip-top, .md-tooltip.md-tooltip-leave-active.md-tooltip-top {
            transform: translate3d(0,4px,0) scale(.95)
        }

        .md-tooltip.md-tooltip-enter.md-tooltip-right, .md-tooltip.md-tooltip-leave-active.md-tooltip-right {
            transform: translate3d(-4px,0,0) scale(.95)
        }

        .md-tooltip.md-tooltip-enter.md-tooltip-bottom, .md-tooltip.md-tooltip-leave-active.md-tooltip-bottom {
            transform: translate3d(0,-4px,0) scale(.95)
        }

        .md-tooltip.md-tooltip-enter.md-tooltip-left, .md-tooltip.md-tooltip-leave-active.md-tooltip-left {
            transform: translate3d(4px,0,0) scale(.95)
        }

.layout-reversed * body, .layout-reversed * html {
    letter-spacing: 0 !important
}

.inpage-form input[type=date], .inpage-form input[type=email], .inpage-form input[type=number], .inpage-form input[type=password], .inpage-form input[type=search], .inpage-form input[type=tel], .inpage-form input[type=text], .inpage-form input[type=url], .inpage-form select[multiple=multiple], .inpage-form textarea {
    border: 1px solid #b7b7b7
}

    .inpage-form input[type=date]:hover, .inpage-form input[type=email]:hover, .inpage-form input[type=number]:hover, .inpage-form input[type=password]:hover, .inpage-form input[type=search]:hover, .inpage-form input[type=tel]:hover, .inpage-form input[type=text]:hover, .inpage-form input[type=url]:hover, .inpage-form select[multiple=multiple]:hover, .inpage-form textarea:hover {
        border-color: #b7b7b7
    }

    .inpage-form input[type=date]:focus, .inpage-form input[type=email]:focus, .inpage-form input[type=number]:focus, .inpage-form input[type=password]:focus, .inpage-form input[type=search]:focus, .inpage-form input[type=tel]:focus, .inpage-form input[type=text]:focus, .inpage-form input[type=url]:focus, .inpage-form select[multiple=multiple]:focus, .inpage-form textarea:focus {
        border-color: #b7b7b7;
        outline: 0
    }

.inpage-form label a, .inpage-form p a {
    color: #c2092f
}

.input-wrapper {
    position: relative
}

.checkbox-wrap {
    margin: 1.6667rem 0 1rem 0
}

.dk-select-multi .select-error, .dk-selected.select-error, input.error, select.error, textarea.error {
    border: red solid 2px !important
}

.dk-selected.select-error {
    margin-bottom: .5rem
}

.layout-reversed .dk-selected:before, .layout-reversed .link-out b:before, .layout-reversed .searchDd-category span:before, .layout-reversed .searchDd-main:before, .layout-reversed .webfont:before, .layout-reversed [class*=webfont-]:before, .layout-reversed [class^=webfont-]:before, .link-out .layout-reversed b:before, .searchDd-category .layout-reversed span:before {
    margin-right: 1.5rem
}

.layout-reversed h1, .layout-reversed h2, .layout-reversed h3, .layout-reversed h4, .layout-reversed h5, .layout-reversed h6 {
    letter-spacing: 0
}

.module-img-content a {
    opacity: 1 !important
}

.ellipsis {
    overflow: hidden
}

.component-img-content .module-image, .module-background, .module-img-content .module-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.touchevents [id^=anchor-] {
    height: 55px;
    margin-top: -55px
}

.hide, .slide-village-title {
    display: none !important
}

.back-to-top, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev {
    overflow: hidden;
    text-indent: -9999rem
}

.accordion-content-2col-row, .component, .page-products .hero-search, .row, .search-form, .slider-manual-title, .video-cover-content {
    margin: 0 auto
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

#nlePrivateSale-error, #village-google-map, .accordion-wrap.accordion-simple, .hamburger, .m-none, .nav-subnav-trigger.dk-selected:before, .nav-subnav-trigger.searchDd-main:before, .nav-subnav-trigger.webfont-cheveron:before, .searchDd-category span.nav-subnav-trigger:before, .slick-list, .ui-helper-reset, .ui-timepicker-list, .ui-timepicker-list li, .ui-timepicker-wrapper, body, button, dl dd, img, input, ol, picture, select, textarea, ul {
    margin: 0
}

    .accordion-wrap.accordion-simple .accordion-content, .full-video.module .play-button, .m-t-none, .rich-text h2:first-child, .rich-text img + h2, input[type=text].smart-search {
        margin-top: 0
    }

#search, .accordion-trigger-text, .accordion-wrap.accordion-simple .accordion-content, .dropdown-button, .f-sm-sitemap-title, .m-b-none, .rich-text p img, .video-widget-title, select:not(.no-style) {
    margin-bottom: 0
}

#village-google-map, .accordion-wrap, .accordion-wrap.accordion-simple, .bag-button, .hamburger, .p-none, .search-button, .slick-list, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev, .ui-helper-hidden-accessible, .ui-helper-reset, .ui-timepicker-list, input[type=checkbox], input[type=radio], ol, td, th, ul {
    padding: 0
}

.hero + .page-wrapper, .module + .page-wrapper, .module-editorial + .page-wrapper, .module-new + .page-wrapper, .module-offer + .page-wrapper, .p-t-none, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
    padding-top: 0
}

.accordion-tabs .accordion-tab-content .accordion-content, .p-b-md {
    padding-bottom: 1.6667rem
}

.accordion-wrap, .alert-bar-single, .grid-item .slider:not(.slider-hero-extended):not(.slider-hero-content) .slider-manual-wrapper, .grid-wrap.side-widget-layout .module-free-text-content, .m-b-lg, .standard-grid-wrap.side-widget-layout .module-free-text-content, .update-form form {
    margin-bottom: 2.5rem
}

.layout-reversed .button, .layout-reversed button {
    letter-spacing: 0
}

.button:disabled, .button:disabled:active, .button:disabled:focus, .button:disabled:hover, button:disabled, button:disabled:active, button:disabled:focus, button:disabled:hover {
    cursor: not-allowed;
    opacity: .5;
    outline: 0;
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.button.inverted, button.inverted {
    border-color: #008a9d;
    background-color: #008a9d;
    color: #fff
}

    .button.inverted:active, .button.inverted:focus, .button.inverted:hover, button.inverted:active, button.inverted:focus, button.inverted:hover {
        color: #000;
        background-color: transparent
    }

.button.inverted:disabled, .button.inverted:disabled:active, .button.inverted:disabled:focus, .button.inverted:disabled:hover, button.inverted:disabled, button.inverted:disabled:active, button.inverted:disabled:focus, button.inverted:disabled:hover {
    color: #fff;
    background-color: #008a9d;
    border-color: #008a9d
}

.button.inverted:hover, button.inverted:hover {
    border-color: #000
}

.button.extra, button.extra {
    position: relative;
    border-color: #008a9d;
    background-color: #008a9d;
    color: #fff;
    text-decoration: none;
    padding: 1.3rem 6rem 1.1rem 1.3rem
}

    .button.extra:before, button.extra:before {
        position: absolute;
        top: 50%;
        right: .5rem;
        bottom: auto;
        left: auto;
        margin-top: -.5rem;
        font-size: 1.1667rem;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.button.margin-bottom, button.margin-bottom {
    margin-bottom: .8333rem
}

.button.min-width, button.min-width {
    display: block
}

.button.webfont-folder, button.webfont-folder {
    font-size: 1.4167rem
}

    .button.webfont-folder:before, button.webfont-folder:before {
        top: 28%;
        font-size: 2.5rem;
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

.layout-reversed .button.extra {
    padding: 1.2rem 1.3rem 1.2rem 6rem
}

    .layout-reversed .button.extra:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: .5rem
    }

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group .form-control {
        display: table-cell;
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group .input-group-button {
        display: table-cell;
        border-collapse: separate;
        width: 1%;
        vertical-align: middle
    }

.dk-selected, .link-out b, .searchDd-category span, .searchDd-main, .webfont, [class*=" webfont-"], [class^=webfont-] {
    display: inline-block
}

    .dk-selected:before, .link-out b:before, .searchDd-category span:before, .searchDd-main:before, .webfont:before, [class*=" webfont-"]:before, [class^=webfont-]:before {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 2rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .link-out b:before, .webfont-arrow-link-out:before {
        content: ""
    }

.dk-selected:before, .searchDd-category span:before, .searchDd-main:before, .webfont-cheveron:before {
    content: ""
}

.site-canvas {
    padding-top: 50px
}

    .site-canvas.webview {
        padding: 0
    }

.component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
    padding: 1rem 1.0833rem 1.5rem
}

        .page-wrapper-wide:not(.grey-wrapper) {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

.accordion-content-2col-row::after, .component::after, .row::after {
    clear: both;
    content: "";
    display: table
}

.component-wrapper {
    width: 100%;
    padding-top: 2.5rem !important
}

.component {
    position: relative
}

.main-footer .component, .slider-manual-full .component {
    height: auto
}

.page-wrapper-narrow .accordion-content-2col-row, .page-wrapper-narrow .row {
    max-width: 80rem
}

.hero, .module, .module-editorial, .module-new, .module-offer {
    display: block
}

.accordion-content-2col-row, .row {
    max-width: 86.6667rem
}

.main-footer a {
    color: #8a8a8a
}

    .main-footer a:hover {
        color: #8a8a8a
    }

.skip {
    height: 1px;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: -10px
}

    .skip:focus {
        opacity: 1;
        height: auto;
        top: 0;
        z-index: 2000;
        background-color: #fff;
        color: #000;
        font-size: 1.5rem;
        text-transform: uppercase;
        text-align: center;
        padding: 1.5rem .8rem
    }

.alert-bar-wrapper, .grid-item, .grid-item-2col, .product-page .product {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.side-widget-layout .grid-wrap, .side-widget-layout .standard-grid-wrap {
    width: 100%
}

.widget:not(.grid-item) {
    width: 100%
}

.desktop .hidden-desktop {
    display: none !important
}

body[dir=rtl] .search-results .search-results-pagination li {
    float: right
}

    body[dir=rtl] .search-results .search-results-pagination li.arrow {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: -2px;
        position: relative
    }

body[dir=rtl] span.error {
    text-align: right
}

body[dir=rtl] .promo-editorial.component-wrapper-new p {
    text-align: right !important
}

body[dir=rtl] .light .dk-select {
    text-align: right
}

html.touchevents body.modal-open {
    position: fixed
}

.modal {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    padding: 20px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 0
}

    .modal.product-modal {
        animation: modalFadeOut .3s forwards
    }

    .modal.in {
        opacity: 1;
        animation: modalFadeIn .3s forwards
    }

.modal-dialog {
    position: relative;
    margin: 0 auto;
    border-radius: 3px;
    width: 100%;
    max-width: 61.2rem;
    background-color: #fff
}

.modal-header {
    position: absolute;
    width: 100%;
    z-index: 5000;
    padding: 1rem 0 1.2rem
}

    .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
        font-size: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        font-family: brown-light,sans-serif
    }

.modal-body {
    position: relative;
    z-index: 190
}

.modal-footer {
    padding: 1rem 0 1.2rem
}

.modal-close {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 15px;
    background-color: transparent;
    color: #000;
    text-align: center;
    z-index: 5100
}

.layout-reversed .modal-close {
    right: auto;
    left: 0
}

.modal-close:before {
    font-size: inherit;
    line-height: inherit;
    height: auto
}

.modal-close:active, .modal-close:active:focus, .modal-close:focus {
    outline: 0
}

.modal-close:hover {
    background-color: transparent;
    color: #000;
    opacity: .7
}

#share-modal .modal-dialog {
    padding-top: 2rem;
    padding-bottom: 2.6rem
}

#share-modal .modal-header {
    position: static
}

#share-modal .modal-body {
    min-height: 1rem;
    min-height: initial
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:after, .slick-track:before {
        content: '';
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    display: none;
    height: 100%;
    min-height: 65px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: inline-block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots {
    position: absolute;
    right: 0;
    bottom: 1rem;
    left: 0;
    text-align: center
}

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots li {
        display: inline-block;
        padding-right: .4167rem;
        padding-left: .4167rem
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots .slick-active button {
        opacity: 1
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button {
        width: 2.0833rem;
        height: .25rem;
        background: #fff;
        border: none;
        border-radius: 0;
        opacity: .4;
        transition: opacity .3s ease
    }

        .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button:focus {
            outline: 0
        }

        .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button:hover {
            opacity: 1
        }

.slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev {
    z-index: 21;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    border: none
}

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:before, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:before {
        content: ""
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:focus, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:hover, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:focus, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:hover {
        background-color: transparent
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:focus, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:focus {
        outline: 0
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:hover:before, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:hover:before {
        opacity: .7
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:before, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:before {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 1rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        text-align: left;
        text-indent: 0;
        color: #b1b1b1;
        font-size: 3.8333rem;
        line-height: 1.2
    }

.slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev {
    left: 0;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next {
    right: 0
}

.grid-item .slider:not(.slider-hero-extended):not(.slider-hero-content) .slider-manual-wrapper {
    height: 30.8333rem
}

.slider-manual {
    position: relative;
    margin: 2.6em auto 0;
    padding-right: 2.2rem;
    padding-left: 2.2rem
}

    .slider-manual .slick-slide {
        text-align: center
    }

        .slider-manual .slick-slide > a {
            display: block
        }

.slider {
    overflow: hidden;
    white-space: nowrap
}

    .slider::after {
        clear: both;
        content: "";
        display: table
    }

    .slider > .product, .slider > .slide-cta, .slider > .slide-village {
        display: inline-block
    }

.slick-list {
    white-space: normal
}

    .slick-list > .product, .slick-list > .slide-cta, .slick-list > .slide-village {
        display: block
    }

.slider-hero-extended {
    height: calc(100vh - 40px)
}

    .slider-hero-extended .slick-list, .slider-hero-extended .slick-track, .slider-hero-extended .slider {
        height: 100%
    }

    .slider-hero-extended article {
        height: 100%;
        transition: height .5s ease
    }

    .slider-hero-extended .full-video {
        padding: 0;
        height: 100%
    }

.slider-sync-simple .slick-slide > a {
    display: block;
    width: 100%;
    height: 100%
}

.slider-sync-simple .vjs-controls-enabled .vjs-control-bar {
    display: none !important
}

.slider-hero-content {
    width: 96%;
    max-width: 86.6667rem;
    margin-top: -13.2rem;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 1.7rem;
    background: #fff;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    transition: opacity .5s ease,margin .3s ease
}

    .slider-hero-content.hero-home-loaded {
        opacity: 1
    }

    .slider-hero-content.move-down {
        margin-top: 0
    }

    .slider-hero-content :active, .slider-hero-content :focus {
        outline: 0
    }

body.layout-reversed .slider-hero-content .slick-arrow {
    position: absolute;
    display: block !important;
    width: 40px;
    transition: all .3s ease;
    -webkit-backface-visibility: hidden
}

    body.layout-reversed .slider-hero-content .slick-arrow:after, body.layout-reversed .slider-hero-content .slick-arrow:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -ms-transform: translateX(0) translate3d(0,0,0) translateZ(0);
        transform: translateX(0) translate3d(0,0,0) translateZ(0);
        -webkit-backface-visibility: hidden;
        transition: all .3s ease
    }

    body.layout-reversed .slider-hero-content .slick-arrow:before {
        width: 1rem;
        height: 1rem
    }

    body.layout-reversed .slider-hero-content .slick-arrow:after {
        top: 33px;
        width: 0;
        border-width: .2rem 0 0
    }

.no-touchevents body.layout-reversed .slider-hero-content .slick-arrow:not(.slick-disabled):hover {
    opacity: 1
}

    .no-touchevents body.layout-reversed .slider-hero-content .slick-arrow:not(.slick-disabled):hover:after {
        width: 1.8rem
    }

body.layout-reversed .slider-hero-content .slick-arrow.slick-disabled {
    opacity: .5
}

    body.layout-reversed .slider-hero-content .slick-arrow.slick-disabled:hover {
        opacity: .5
    }

body.layout-reversed .slider-hero-content .slick-next {
    z-index: 3
}

    body.layout-reversed .slider-hero-content .slick-next:before {
        border-width: 2px 0 0 2px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.no-touchevents body.layout-reversed .slider-hero-content .slick-next:not(.slick-disabled):hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body.layout-reversed .slider-hero-content .slick-next:not(.slick-disabled):hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

body.layout-reversed .slider-hero-content .tabletReset {
    background: red
}

body.layout-reversed .slider-hero-content .slick-prev {
    z-index: 4
}

    body.layout-reversed .slider-hero-content .slick-prev:before {
        border-width: 2px 2px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.no-touchevents body.layout-reversed .slider-hero-content .slick-prev:not(.slick-disabled):hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body.layout-reversed .slider-hero-content .slick-prev:not(.slick-disabled):hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

body:not(.layout-reversed) .slider-hero-content .slick-arrow {
    position: absolute;
    display: block !important;
    width: 40px;
    transition: all .3s ease;
    -webkit-backface-visibility: hidden
}

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:after, body:not(.layout-reversed) .slider-hero-content .slick-arrow:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -ms-transform: translateX(0) translate3d(0,0,0) translateZ(0);
        transform: translateX(0) translate3d(0,0,0) translateZ(0);
        -webkit-backface-visibility: hidden;
        transition: all .3s ease
    }

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:before {
        width: 1rem;
        height: 1rem
    }

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:after {
        top: 33px;
        width: 0;
        border-width: .2rem 0 0
    }

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-arrow:not(.slick-disabled):hover {
    opacity: 1
}

    .no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-arrow:not(.slick-disabled):hover:after {
        width: 1.8rem
    }

body:not(.layout-reversed) .slider-hero-content .slick-arrow.slick-disabled {
    opacity: .5
}

    body:not(.layout-reversed) .slider-hero-content .slick-arrow.slick-disabled:hover {
        opacity: .5
    }

body:not(.layout-reversed) .slider-hero-content .slick-prev {
    z-index: 3
}

    body:not(.layout-reversed) .slider-hero-content .slick-prev:before {
        border-width: 2px 0 0 2px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-prev:not(.slick-disabled):hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-prev:not(.slick-disabled):hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

body:not(.layout-reversed) .slider-hero-content .tabletReset {
    background: red
}

body:not(.layout-reversed) .slider-hero-content .slick-next {
    z-index: 4
}

    body:not(.layout-reversed) .slider-hero-content .slick-next:before {
        border-width: 2px 2px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-next:not(.slick-disabled):hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-next:not(.slick-disabled):hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

.slider-hero-content .slick-arrow {
    height: 68px;
    background: #fff
}

    .slider-hero-content .slick-arrow:before {
        top: 28px
    }

    .slider-hero-content .slick-arrow:after {
        top: 33px
    }

body.layout-reversed .slider-hero-content .slick-arrow {
    position: absolute;
    display: block !important;
    width: 40px;
    transition: all .3s ease;
    -webkit-backface-visibility: hidden
}

    body.layout-reversed .slider-hero-content .slick-arrow:after, body.layout-reversed .slider-hero-content .slick-arrow:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -ms-transform: translateX(0) translate3d(0,0,0) translateZ(0);
        transform: translateX(0) translate3d(0,0,0) translateZ(0);
        -webkit-backface-visibility: hidden;
        transition: all .3s ease
    }

    body.layout-reversed .slider-hero-content .slick-arrow:before {
        width: 1rem;
        height: 1rem
    }

    body.layout-reversed .slider-hero-content .slick-arrow:after {
        top: 33px;
        width: 0;
        border-width: .2rem 0 0
    }

.no-touchevents body.layout-reversed .slider-hero-content .slick-arrow:not(.slick-disabled):hover {
    opacity: 1
}

    .no-touchevents body.layout-reversed .slider-hero-content .slick-arrow:not(.slick-disabled):hover:after {
        width: 1.8rem
    }

body.layout-reversed .slider-hero-content .slick-arrow.slick-disabled {
    opacity: .5
}

    body.layout-reversed .slider-hero-content .slick-arrow.slick-disabled:hover {
        opacity: .5
    }

body.layout-reversed .slider-hero-content .slick-next {
    z-index: 3
}

    body.layout-reversed .slider-hero-content .slick-next:before {
        border-width: 2px 0 0 2px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.no-touchevents body.layout-reversed .slider-hero-content .slick-next:not(.slick-disabled):hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body.layout-reversed .slider-hero-content .slick-next:not(.slick-disabled):hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

body.layout-reversed .slider-hero-content .tabletReset {
    background: red
}

body.layout-reversed .slider-hero-content .slick-prev {
    z-index: 4
}

    body.layout-reversed .slider-hero-content .slick-prev:before {
        border-width: 2px 2px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.no-touchevents body.layout-reversed .slider-hero-content .slick-prev:not(.slick-disabled):hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body.layout-reversed .slider-hero-content .slick-prev:not(.slick-disabled):hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

body.layout-reversed .slider-hero-content .slick-next {
    top: 0;
    left: 5px
}

    body.layout-reversed .slider-hero-content .slick-next:after, body.layout-reversed .slider-hero-content .slick-next:before {
        left: 1.4rem
    }

body.layout-reversed .slider-hero-content .slick-prev {
    top: 0;
    right: 5px
}

    body.layout-reversed .slider-hero-content .slick-prev:after, body.layout-reversed .slider-hero-content .slick-prev:before {
        right: 1.4rem
    }

body:not(.layout-reversed) .slider-hero-content .slick-arrow {
    position: absolute;
    display: block !important;
    width: 40px;
    transition: all .3s ease;
    -webkit-backface-visibility: hidden
}

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:after, body:not(.layout-reversed) .slider-hero-content .slick-arrow:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -ms-transform: translateX(0) translate3d(0,0,0) translateZ(0);
        transform: translateX(0) translate3d(0,0,0) translateZ(0);
        -webkit-backface-visibility: hidden;
        transition: all .3s ease
    }

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:before {
        width: 1rem;
        height: 1rem
    }

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:after {
        top: 33px;
        width: 0;
        border-width: .2rem 0 0
    }

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-arrow:not(.slick-disabled):hover {
    opacity: 1
}

    .no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-arrow:not(.slick-disabled):hover:after {
        width: 1.8rem
    }

body:not(.layout-reversed) .slider-hero-content .slick-arrow.slick-disabled {
    opacity: .5
}

    body:not(.layout-reversed) .slider-hero-content .slick-arrow.slick-disabled:hover {
        opacity: .5
    }

body:not(.layout-reversed) .slider-hero-content .slick-prev {
    z-index: 3
}

    body:not(.layout-reversed) .slider-hero-content .slick-prev:before {
        border-width: 2px 0 0 2px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-prev:not(.slick-disabled):hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-prev:not(.slick-disabled):hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

body:not(.layout-reversed) .slider-hero-content .tabletReset {
    background: red
}

body:not(.layout-reversed) .slider-hero-content .slick-next {
    z-index: 4
}

    body:not(.layout-reversed) .slider-hero-content .slick-next:before {
        border-width: 2px 2px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-next:not(.slick-disabled):hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-next:not(.slick-disabled):hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

body:not(.layout-reversed) .slider-hero-content .slick-prev {
    top: 0;
    left: 5px
}

    body:not(.layout-reversed) .slider-hero-content .slick-prev:after, body:not(.layout-reversed) .slider-hero-content .slick-prev:before {
        left: 1.4rem
    }

body:not(.layout-reversed) .slider-hero-content .slick-next {
    top: 0;
    right: 5px
}

    body:not(.layout-reversed) .slider-hero-content .slick-next:after, body:not(.layout-reversed) .slider-hero-content .slick-next:before {
        right: 1.4rem
    }

.slider-hero-content .slick-dots {
    position: absolute;
    top: 1.8rem;
    right: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px 10px #fff
}

.small-product-carousel {
    padding-bottom: 5.4rem
}

    .small-product-carousel .product-brand {
        text-transform: uppercase
    }

    .small-product-carousel .product-overlay-close, .small-product-carousel .product-overlay-open {
        top: .1667rem;
        right: .0833rem
    }

    .small-product-carousel .product-overlay-open {
        line-height: .6
    }

    .small-product-carousel .product-overlay {
        top: .1667rem;
        right: .0833rem
    }

        .small-product-carousel .product-overlay.active {
            bottom: 0;
            right: .0833rem;
            width: 99%;
            height: 99%
        }

.hamburger {
    display: block;
    width: 24px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    transition: all .5s ease
}

    .hamburger:focus {
        outline: 0
    }

    .hamburger, .hamburger:focus, .hamburger:hover {
        background-color: transparent
    }

        .hamburger span {
            position: absolute;
            right: 1.5px;
            left: 1.5px;
            top: 7px;
            display: block;
            height: 2px;
            background: #777;
            transition: background 0s .2s
        }

            .hamburger span:after, .hamburger span:before {
                content: '';
                position: absolute;
                left: 0;
                display: block;
                width: 100%;
                height: 2px;
                background-color: #777;
                transition-duration: .2s,.2s;
                transition-delay: .2s,0s
            }

            .hamburger span:before {
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
                transition-property: top,transform
            }

            .hamburger span:after {
                -ms-transform: translateY(5px);
                transform: translateY(5px);
                transition-property: bottom,transform
            }

.touchevents .hamburger.active {
    z-index: 200;
    width: 20px;
    pointer-events: none;
    cursor: default;
    -ms-transform: translateX(-260px);
    transform: translateX(-260px)
}

    .touchevents .hamburger.active, .touchevents .hamburger.active:focus, .touchevents .hamburger.active:hover {
        background-color: transparent
    }

        .touchevents .hamburger.active span {
            background: 0 0
        }

            .touchevents .hamburger.active span:after, .touchevents .hamburger.active span:before {
                background-color: #fff;
                transition-delay: 0s,.2s
            }

            .touchevents .hamburger.active span:before {
                top: 0;
                -ms-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .touchevents .hamburger.active span:after {
                bottom: 0;
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

.dropdown-button {
    cursor: pointer;
    transition: opacity .2s linear;
    color: #7b7b7b;
    font-size: 1.0833rem;
    text-transform: uppercase
}

    .dropdown-button:active, .dropdown-button:focus, .dropdown-button:hover {
        opacity: .7
    }

    .dropdown-button:active {
        outline: 0
    }

    .dropdown-button.dk-selected, .dropdown-button.searchDd-main, .dropdown-button.webfont-cheveron, .searchDd-category span.dropdown-button {
        display: block
    }

        .dropdown-button.dk-selected:before, .dropdown-button.searchDd-main:before, .dropdown-button.webfont-cheveron:before, .searchDd-category span.dropdown-button:before {
            display: inline-block;
            margin-left: .5833rem;
            font-size: .6rem;
            color: #7b7b7b;
            transition: transform .2s linear;
            -ms-transform: rotate(0);
            transform: rotate(0);
            -ms-transform-origin: center 2px;
            transform-origin: center 2px;
            position: absolute;
            top: 1.5833rem;
            right: -.1667rem;
            bottom: auto;
            left: auto
        }

        .dropdown-button.active.dk-selected:before, .dropdown-button.active.searchDd-main:before, .dropdown-button.webfont-cheveron.active:before, .searchDd-category span.dropdown-button.active:before {
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

.layout-reversed .dropdown-button.dk-selected:before, .layout-reversed .dropdown-button.searchDd-main:before, .layout-reversed .dropdown-button.webfont-cheveron:before, .layout-reversed .searchDd-category span.dropdown-button:before, .searchDd-category .layout-reversed span.dropdown-button:before {
    right: auto;
    left: -.8333rem;
    margin-right: .5833rem;
    margin-left: 0
}

.layout-reversed .dropdown-button.active.dk-selected:before, .layout-reversed .dropdown-button.active.searchDd-main:before, .layout-reversed .dropdown-button.webfont-cheveron.active:before, .layout-reversed .searchDd-category span.dropdown-button.active:before, .searchDd-category .layout-reversed span.dropdown-button.active:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown-menu {
    display: none
}

.select-wrapper {
    position: relative;
    min-width: 15.6667rem;
    text-align: left
}

    .select-wrapper.disabled select {
        opacity: .35
    }

    .select-wrapper.disabled:after {
        opacity: .35
    }

html.touch .select-wrapper select {
    padding-right: 2.5rem
}

html.touch .select-wrapper:after {
    content: ""
}

html.touch .select-wrapper:after {
    position: absolute;
    top: 1.4rem;
    right: .8rem;
    z-index: 10;
    display: block;
    display: inline-block;
    height: inherit;
    margin-right: .2rem;
    margin-left: .2rem;
    font-size: 1rem;
    font-family: icons;
    font-variant: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .6667rem
}

html.touch .layout-reversed .select-wrapper select {
    padding-right: .5rem;
    padding-left: 2.5rem
}

html.touch .layout-reversed .select-wrapper:after {
    left: .8rem;
    right: auto
}

.select-wrapper.light {
    color: #777
}

html.touch .select-wrapper.light:after {
    color: #000
}

.select-wrapper.light select {
    color: #000
}

.light .dk-select .dk-selected, .light select {
    text-transform: none
}

.dk-select-options, .searchDd-list {
    display: none
}

.dk-selected, .searchDd-main, select:not(.no-style) {
    box-sizing: border-box;
    margin-bottom: .3rem;
    padding: .5rem;
    width: 100%;
    height: 3.3rem;
    padding: .6rem 2.5rem .6rem .9rem;
    font-size: 1rem;
    background: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: border-color;
    background-color: rgb(245, 240, 230);
    border: 1px solid rgb(126, 138, 74);
}

    .dk-selected:hover, .searchDd-main:hover, select:hover:not(.no-style) {
        border-color: #b7b7b7
    }

    .dk-selected:focus, .searchDd-main:focus, select:focus:not(.no-style) {
        border-color: #b7b7b7;
        outline: 0
    }

.layout-reversed .dk-selected, .layout-reversed .searchDd-main, .layout-reversed select:not(.no-style) {
    text-align: right;
    padding: .6rem .9rem .6rem 2.5rem
}

.dk-selected:focus, .searchDd-main:focus, select:focus:not(.no-style) {
    outline: 0
}

.light .dk-selected, .light .searchDd-main, .light select:not(.no-style) {
    color: #000;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    transition: all .3s ease
}

    .light .dk-selected:before, .light .searchDd-main:before, .light select:not(.no-style):before {
        color: #000
    }

.light .open.dk-selected, .light .open.searchDd-main, .light select.open:not(.no-style) {
    color: #fff;
    background: #000
}

    .light .open.dk-selected:before, .light .open.searchDd-main:before, .light select.open:not(.no-style):before {
        color: #000
    }

select:not(.no-style) {
    position: relative;
    z-index: 5;
    color: #fff;
    border-radius: 0;
    text-align: center
}

.dk-selected, .searchDd-main {
    cursor: pointer
}

    .dk-selected:before, .searchDd-main:before {
        position: absolute;
        top: 1.5rem;
        right: .8333rem;
        bottom: auto;
        left: auto;
        height: .8333rem;
        font-size: .6rem;
        transition: transform .2s linear
    }

.layout-reversed .dk-selected:before, .layout-reversed .searchDd-main:before {
    position: absolute;
    top: 1.2rem;
    right: auto;
    bottom: auto;
    left: .8333rem
}

.light .dk-selected, .light .searchDd-main {
    color: #000;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    transition: all .3s ease;
    text-transform: uppercase
}

    .light .dk-selected:before, .light .searchDd-main:before {
        transition: all .2s linear
    }

    .light .dk-selected:hover, .light .searchDd-main:hover {
        color: #000;
        background-color: #fff
    }

        .light .dk-selected:hover:before, .light .searchDd-main:hover:before {
            color: #000
        }

.dk-select-open-down .dk-selected:before {
    -ms-transform: rotate(-180deg) translateY(3px);
    transform: rotate(-180deg) translateY(3px)
}

.dk-select-options, .searchDd-list {
    position: absolute;
    top: 3.3rem;
    right: 0;
    left: 0;
    z-index: 500;
    max-height: 25rem;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-top: .5rem;
    padding-bottom: .8rem;
    overflow-y: auto;
    font-size: 1.2rem;
    background: #fff;
    border-top: 1px dashed #fff
}

.light .dk-select-options, .light .searchDd-list {
    margin-top: -1px;
    color: #000;
    background: #fff;
    border: 1px solid #b7b7b7;
    border-top: 1px dashed #b7b7b7
}

.dk-select-open-down .dk-select-options, .dk-select-open-up .dk-select-options {
    display: block
}

.light .dk-select-open-down .dk-selected, .light .dk-select-open-up .dk-selected {
    color: #000;
    background-color: #fff
}

    .light .dk-select-open-down .dk-selected:before, .light .dk-select-open-up .dk-selected:before {
        color: #000
    }

.dk-option {
    padding: .3rem .9rem;
    cursor: pointer;
    transition: background .2s ease
}

.layout-reversed .dk-option {
    text-align: right
}

.dk-option.dk-option-selected, .dk-option:hover {
    background: #777
}

.light .dk-option.dk-option-selected, .light .dk-option:hover {
    background: #b7b7b7;
    color: #fff
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    min-height: 100%
}

    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0
    }

.mCSB_outside + .mCSB_scrollTools {
    right: -2.1667rem
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 2.5rem
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -2.1667rem
}

.mCSB_scrollTools {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 1.3333rem;
    height: auto
}

    .mCSB_scrollTools .mCSB_draggerContainer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto
    }

    .mCSB_scrollTools + .mCSB_draggerContainer {
        margin: 1.6667rem 0
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        width: .1667rem;
        height: 100%;
        margin: 0 auto;
        border-radius: 16px
    }

    .mCSB_scrollTools .mCSB_dragger {
        z-index: 1;
        width: 100%;
        height: 2.5rem;
        cursor: pointer
    }

        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            position: relative;
            width: .3333rem;
            height: 100%;
            margin: 0 auto;
            border-radius: 1.3333rem;
            text-align: center
        }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 1rem
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: .6667rem
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    position: absolute;
    display: block;
    width: 100%;
    height: 1.6667rem;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_outside + .mCSB_scrollTools_vertical {
    right: -.3333rem;
    z-index: 300;
    margin: 1rem 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 1rem
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail {
    width: .25rem;
    border-radius: 0
}

.select-wrapper .mCSB_outside + .mCSB_scrollTools_vertical {
    right: .75rem
}

.rich-text h2 {
    margin-top: 2.2rem;
    margin-bottom: 1.2rem;
    color: #000;
    font-family: brown-regular,sans-serif;
    font-size: 1.4rem;
    letter-spacing: normal
}

.rich-text p {
    color: #333
}

    .rich-text p a {
        color: #999
    }

        .rich-text p a:hover {
            opacity: .6
        }

        .rich-text p a[href^=mailto] {
            max-width: 100%;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: bottom
        }

.layout-reversed .rich-text p strong {
    color: #4b4b4b
}

.rich-text ol, .rich-text ul {
    color: #333
}

.rich-text.smaller h2, .rich-text.smaller li, .rich-text.smaller ol, .rich-text.smaller p, .rich-text.smaller ul {
    font-size: 1rem;
    line-height: 1.6 !important
}

.rich-text.smaller p {
    margin-bottom: 1rem
}

.rich-text.smaller ol, .rich-text.smaller ul {
    margin-left: 2rem
}

.rich-text ol, .rich-text p, .rich-text ul {
    margin-bottom: 1.75rem
}

.rich-text ol, .rich-text ul {
    font-size: 1.25rem;
    margin-left: 4rem
}

.layout-reversed .rich-text ol, .layout-reversed .rich-text ul {
    margin-right: 4rem;
    margin-left: 0
}

.rich-text ol ol, .rich-text ol ul, .rich-text ul ol, .rich-text ul ul {
    margin-bottom: 0;
    margin-left: 2rem
}

.layout-reversed .rich-text ol ol, .layout-reversed .rich-text ol ul, .layout-reversed .rich-text ul ol, .layout-reversed .rich-text ul ul {
    margin-right: 2rem;
    margin-bottom: 0;
    margin-left: 0
}

.rich-text ul {
    list-style: disc
}

.rich-text ol {
    list-style: decimal
}

.rich-text img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 1.75rem
}

.layout-reversed .rich-text h2 {
    color: #4b4b4b;
    font-size: 1.6667rem
}

.back-to-top-wrap {
    text-align: center;
    margin: 3rem 0
}

.back-to-top {
    position: relative;
    width: 4.8333rem;
    height: 4.8333rem;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: solid #333 .0833rem
}

    .back-to-top:before {
        position: absolute;
        top: 0;
        right: -.3333rem;
        bottom: auto;
        left: auto;
        color: #333;
        font-size: 2rem;
        text-align: center;
        text-indent: 0;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .back-to-top:active {
        background: #333
    }

        .back-to-top:active, .back-to-top:active:before {
            color: #fff
        }

.accordion-content {
    display: none;
    padding: 0 1rem 1rem
}

    .accordion-content li, .accordion-content p {
        font-size: 1.1667rem
    }

    .accordion-content li {
        margin-bottom: .8rem
    }

.open-wen-filled .accordion-content {
    display: none
}

.open-wen-filled .accordion-trigger {
    pointer-events: none
}

.accordion-content-2col-row {
    margin-bottom: 2rem
}

    .accordion-content-2col-row.submit-right::after {
        clear: both;
        content: "";
        display: table
    }

    .accordion-content-2col-row.submit-right .button {
        float: right
    }

.layout-reversed .accordion-content-2col-row.submit-right .button {
    float: left
}

.accordion-content-2col-row .button[type=submit] {
    min-width: 16rem
}

.accordion-content-2col-row .captcha-container {
    margin: 33px 0
}

.accordion-content-2col-col:first-child {
    margin-bottom: .6rem
}

.accordion-content-2col-col p {
    margin-bottom: 0
}

    .accordion-content-2col-col p.lead {
        font-family: brown-bold,sans-serif
    }

.accordion-content-2col-col a {
    display: block;
    font-size: 1.25rem
}

    .accordion-content-2col-col a.tel {
        color: #000
    }

.accordion-content-2col-col textarea {
    min-height: 8.5rem
}

.full-video {
    position: relative;
    width: 100%;
    margin: 0 auto 3.3333rem auto;
    padding-top: 1.6667rem;
    padding-bottom: 53.25%
}

    .full-video.module {
        margin-bottom: 5rem
    }

.full-video .video-brightcove, .full-video iframe, .video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.video-cover {
    z-index: 10;
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.no-touchevents .slider-sync-simple .video-cover {
    background: 0 0 !important
}

.video-embed {
    z-index: 1
}

.full-video .video-brightcove, .full-video iframe {
    z-index: 5
}

.accordion-tabs {
    position: relative;
    height: auto;
    margin-bottom: 5rem
}

    .accordion-tabs .accordion-tab-trigger, .accordion-tabs .tab-trigger {
        height: 5.2rem;
        padding: 1.25rem;
        background-color: #fff;
        cursor: pointer
    }

        .accordion-tabs .accordion-tab-trigger.active, .accordion-tabs .tab-trigger.active {
            background-color: #008a9d;
            border-color: #008a9d;
            pointer-events: none
        }

            .accordion-tabs .accordion-tab-trigger.active h2, .accordion-tabs .tab-trigger.active h2 {
                color: #fff
            }

                .accordion-tabs .accordion-tab-trigger.active h2:after, .accordion-tabs .tab-trigger.active h2:after {
                    content: '–'
                }

        .accordion-tabs .accordion-tab-trigger:focus, .accordion-tabs .tab-trigger:focus {
            opacity: 1
        }

        .accordion-tabs .accordion-tab-trigger h2, .accordion-tabs .tab-trigger h2 {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: rgba(0,0,0,.6);
            font-size: 1.3333rem;
            font-family: brown-regular,sans-serif;
            text-transform: uppercase;
            letter-spacing: .05rem
        }

.accordion-tabs .accordion-tab-trigger h2:after, .accordion-tabs .tab-trigger h2:after {
    content: '+';
    position: absolute;
    top: -.6667rem;
    right: 0;
    font-size: 2.1667rem
}

.active .accordion-tabs .accordion-tab-trigger h2:after, .active .accordion-tabs .tab-trigger h2:after {
    content: '-'
}

.accordion-tabs .accordion-tab-content .accordion-trigger {
    margin-bottom: .8333rem;
    padding-top: 1.3333rem;
    padding-bottom: 1.3333rem
}

.accordion-tabs .accordion-tab-content .accordion-content {
    padding-bottom: 1.5rem
}

.accordion-tabs .accordion-tab-content .module-free-text-header {
    margin-bottom: 1rem;
    font-family: brown-regular,sans-serif;
    letter-spacing: .05rem
}

.accordion-tabs .accordion-tab-content p + .module-free-text-header {
    margin-top: 2rem
}

.tab-trigger {
    float: left;
    width: 25%;
    height: 5.2rem;
    padding: 1.25rem;
    border-style: solid;
    border-color: #ccc transparent transparent #ccc;
    border-width: 1px;
    cursor: pointer
}

    .tab-trigger:last-child {
        border-color: #ccc #ccc transparent #ccc
    }

.layout-reversed .tab-trigger {
    float: right;
    left: auto;
    right: 0;
    border-color: #ccc #ccc transparent transparent
}

    .layout-reversed .tab-trigger:last-child {
        border-color: #ccc transparent #ccc #ccc
    }

.accordion-tab-content {
    width: 100%;
    height: auto;
    font-family: brown-regular,sans-serif
}

.accordion-tab-content > div {
    width: 100%;
    height: 100%;
    padding: .8333rem;
    border: .0833rem solid #000;
    border-bottom: none;
    background-color: #fff
}

.accordion-tab-wrap:last-child .accordion-tab-content > div {
    border-bottom: .0833rem solid #000
}

.accordion-tab-content .module-free-text-header {
    margin-bottom: 1.6667rem;
    font-size: 1.3333rem !important;
    text-transform: uppercase
}

    .accordion-tab-content .module-free-text-header sup {
        font-size: .7em
    }

    .accordion-tab-content .module-free-text-header::after {
        display: none
    }

.accordion-tab-content .overlay-getting-here {
    width: 100%;
    text-align: center;
    margin-bottom: 1.6667rem
}

    .accordion-tab-content .overlay-getting-here .button {
        display: inline-block
    }

.accordion-tab-content[data-tab=shopping-express] .overlay-getting-here {
    margin-top: 3rem
}

.accordion-tab-trigger {
    border-style: solid;
    border-color: #000;
    border-width: 1px 1px 0;
    cursor: pointer
}

.accordion-tab-wrap:last-child .accordion-tab-trigger {
    border-width: 1px
}

a.accordion-trigger {
    color: #000;
    opacity: 1;
    display: block;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

    a.accordion-trigger:hover {
        opacity: 1
    }

[type=radio] {
    position: absolute;
    left: -9999px
}

    [type=radio] + label {
        position: relative;
        padding-right: 10px;
        padding-left: 25px;
        cursor: pointer;
        display: inline-block;
        min-height: 25px;
        line-height: 15px;
        font-size: 1rem;
        transition: all .28s ease;
        padding-top: .4167rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none
    }

        [type=radio] + label:after, [type=radio] + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            margin: 4px;
            width: 16px;
            height: 16px;
            z-index: 0;
            transition: .28s ease
        }

        [type=radio] + label:before {
            border-radius: 50%;
            border: 1px solid #b7b7b7
        }

        [type=radio] + label:after {
            border-radius: 50%;
            border: 1px solid #b7b7b7;
            z-index: -1;
            -ms-transform: scale(0);
            transform: scale(0)
        }

    [type=radio]:checked + label:before {
        border-radius: 50%;
        border: 1px solid transparent
    }

    [type=radio]:checked + label:after {
        border-radius: 50%;
        border: 1px solid #000;
        background-color: #000;
        z-index: 0;
        -ms-transform: scale(1.02);
        transform: scale(1.02)
    }

    [type=radio]:focus + input[type=hidden] + label, [type=radio]:focus + label {
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight
    }

    [type=radio].with-gap:checked + label:before {
        border-radius: 50%;
        border: 1px solid #000
    }

    [type=radio].with-gap:checked + label:after {
        border-radius: 50%;
        border: 1px solid #000;
        background-color: #000;
        z-index: 0;
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    [type=radio] [type=radio]:disabled + label {
        color: gray
    }

        [type=radio] [type=radio]:disabled + label:before {
            background-color: transparent;
            border-color: gray
        }

            [type=radio] [type=radio]:disabled + label:before:hover {
                border-color: gray
            }

    [type=radio]:disabled:checked + label:before, [type=radio]:disabled:not(:checked) + label:before {
        background-color: transparent;
        border-color: gray
    }

    [type=radio]:disabled + label {
        color: gray
    }

    [type=radio]:disabled:not(:checked) + label:hover:before {
        border-color: gray
    }

.checkbox-wrap {
    position: relative;
    line-height: 150%;
    margin: 1.6667rem 0 .8333rem .4167rem
}

    .checkbox-wrap label {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        padding-left: 2.3333rem
    }

        .checkbox-wrap label [type=radio] + label {
            position: relative
        }

        .checkbox-wrap label:after, .checkbox-wrap label:before {
            content: "";
            position: absolute;
            width: 1.8333rem;
            height: 1.8333rem;
            top: -.25rem;
            left: -.4rem
        }

        .checkbox-wrap label:before {
            transition: all .3s ease-in-out;
            z-index: 1;
            border: 1px solid #b7b7b7
        }

        .checkbox-wrap label:after {
            background: #fff
        }

    .checkbox-wrap input[type=checkbox]:checked ~ label:not(.box-check-trigger):before {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        height: .8333rem;
        width: 2rem;
        border-color: #000;
        border-top-style: none;
        border-right-style: none
    }

#login form .checkbox-wrap {
    margin-top: 1rem;
    margin-bottom: 1rem
}

#login form .checkbox-wrap, .signin-form-content .checkbox-wrap {
    margin-left: 0
}

    #login form .checkbox-wrap label, .signin-form-content .checkbox-wrap label {
        position: relative;
        float: left;
        margin-bottom: 0;
        line-height: 2.0833rem
    }

        #login form .checkbox-wrap label:before, .signin-form-content .checkbox-wrap label:before {
            top: 0;
            left: 0
        }

    #login form .checkbox-wrap input[type=checkbox], .signin-form-content .checkbox-wrap input[type=checkbox] {
        display: none
    }

    #login form .checkbox-wrap .tooltip-wrapper, .signin-form-content .checkbox-wrap .tooltip-wrapper {
        position: relative;
        float: left;
        margin-left: 10px
    }

    #login form .checkbox-wrap .tooltip-trigger, .signin-form-content .checkbox-wrap .tooltip-trigger {
        width: 1.5rem;
        height: 1.5rem
    }

        #login form .checkbox-wrap .tooltip-trigger:before, .signin-form-content .checkbox-wrap .tooltip-trigger:before {
            font-size: .8rem
        }

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.page-products .hero-search {
    max-width: 24rem
}

.cookies-container {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    display: none;
    width: 100%;
    padding: 0 .7rem .4rem;
    background-color: #b0d4e2;
    border-top: 2px solid #000;
    opacity: .95;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0,0,0)
}

    .cookies-container .page-wrapper-wide {
        padding-top: 2.0833rem !important;
        padding-bottom: 1.25rem !important
    }

        .cookies-container .page-wrapper-wide p {
            margin-bottom: 0
        }

    .cookies-container .accordion-content-2col-row, .cookies-container .row {
        position: relative;
        padding-right: 4.1667rem
    }

.cookies-close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    color: #000
}

    .cookies-close:focus, .cookies-close:hover, .cookies-close:visited {
        color: #000;
        opacity: 1
    }

.ui-timepicker-wrapper {
    z-index: 10001;
    height: 12.5rem;
    width: calc(100% - 104px);
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    outline: 0
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em
        }

.ui-timepicker-list {
    list-style: none
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888
}

.ui-timepicker-list li {
    padding: .25rem 0 .25rem .4167rem;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000
}

.ui-timepicker-list .ui-timepicker-selected:hover, .ui-timepicker-list li:hover, li.ui-timepicker-selected {
    background: #b7b7b7;
    color: #fff
}

    .ui-timepicker-list li:hover .ui-timepicker-duration, li.ui-timepicker-selected .ui-timepicker-duration {
        color: #ccc
    }

.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled, .ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
    cursor: default
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2
    }

input::-webkit-calendar-picker-indicator {
    display: none
}

input[type=date]::-webkit-input-placeholder {
    visibility: hidden !important
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: '';
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: .1667rem;
        width: 1.8em;
        height: 1.8em
    }

        .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            margin-left: -8px;
            margin-top: -8px
        }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
        top: .0833rem
    }

    .ui-datepicker .ui-datepicker-prev {
        left: .1667rem
    }

    .ui-datepicker .ui-datepicker-next {
        right: .1667rem
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: .0833rem
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: .0833rem
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: .0833rem 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        margin: 0 0 .4em;
        font-size: .9em;
        border-collapse: collapse
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        padding: .0833rem;
        border: 0
    }

        .ui-datepicker td a, .ui-datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            width: auto;
            margin: .5em .2em .4em;
            padding: .2em .6em .3em;
            cursor: pointer;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

#ui-datepicker-div {
    z-index: 5 !important
}

.ui-widget {
    font-size: 1.1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background: #fff;
    color: #222
}

    .ui-widget-content a {
        color: #222
    }

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc;
    color: #222;
    font-weight: 700
}

    .ui-widget-header a {
        color: #222
    }

.ui-datepicker-month, .ui-datepicker-year {
    color: #fff
}

.ui-datepicker {
    z-index: 99999 !important
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #f5f5f5;
    font-weight: 400;
    color: #555
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #555;
        text-decoration: none
    }

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #000;
    background: #000;
    font-weight: 400;
    color: #fff;
    opacity: 1
}

.ui-datepicker-next, .ui-datepicker-prev {
    cursor: pointer;
    background: 0 0 !important;
    border: none !important
}

    .ui-datepicker-next span, .ui-datepicker-prev span {
        background: 0 0 !important;
        width: 0;
        height: 0
    }

    .ui-datepicker-next span {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid #fff
    }

    .ui-datepicker-prev span {
        border-top: 7px solid transparent;
        border-right: 10px solid #fff;
        border-bottom: 7px solid transparent
    }

.ui-state-active a, .ui-state-active a:hover, .ui-state-active a:link, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link {
    color: #212121;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #000;
    font-weight: 400;
    color: #fff
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #b7b7b7;
    background: #b7b7b7;
    color: #fff
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec;
    color: #cd0a0a
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none
}

.ui-icon {
    width: 1.3333rem;
    height: 1.3333rem
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_888888_256x240.png)
}

.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-radius: 0 !important
}

.ui-widget-overlay, .ui-widget-shadow {
    background: #aaa url(../img/src/datepicker-icons/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3
}

.page-products .small-info, .page-products-new .small-info {
    text-align: center;
    margin-bottom: 5rem
}

.search-results-form {
    margin-bottom: 5rem
}

.search-results {
    margin-top: 1.6667rem
}

    .search-results .search-item {
        margin-bottom: 5rem
    }

        .search-results .search-item .search-item-title {
            font-size: 1.4167rem;
            color: #333;
            margin-bottom: 1.1667rem
        }

        .search-results .search-item .search-item-link {
            margin-top: -.8333rem
        }

    .search-results .search-results-pagination {
        height: 2.0833rem;
        margin: 5rem 0 0 -.5833rem;
        padding: 0
    }

        .search-results .search-results-pagination li {
            width: 2.0833rem;
            height: 100%;
            text-align: center;
            font-family: brown-regular,sans-serif;
            list-style: none;
            float: left
        }

.search-results .search-results-pagination li a {
    color: #ccc;
    width: 100%;
    height: 100%
}

.search-results .search-results-pagination li .active, .search-results .search-results-pagination li :hover {
    color: #333
}

.search-results .search-results-pagination li .dk-selected, .search-results .search-results-pagination li .searchDd-category span, .search-results .search-results-pagination li .searchDd-main, .search-results .search-results-pagination li .webfont-cheveron, .searchDd-category .search-results .search-results-pagination li span {
    display: block;
    position: relative
}

    .search-results .search-results-pagination li .dk-selected:hover, .search-results .search-results-pagination li .searchDd-category span:hover, .search-results .search-results-pagination li .searchDd-main:hover, .search-results .search-results-pagination li .webfont-cheveron:hover, .searchDd-category .search-results .search-results-pagination li span:hover {
        opacity: 1
    }

    .search-results .search-results-pagination li .next.dk-selected, .search-results .search-results-pagination li .next.searchDd-main, .search-results .search-results-pagination li .searchDd-category span.next, .search-results .search-results-pagination li .webfont-cheveron.next, .searchDd-category .search-results .search-results-pagination li span.next {
        margin-top: .1667rem;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .search-results .search-results-pagination li .dk-selected:before, .search-results .search-results-pagination li .searchDd-category span:before, .search-results .search-results-pagination li .searchDd-main:before, .search-results .search-results-pagination li .webfont-cheveron:before, .searchDd-category .search-results .search-results-pagination li span:before {
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        margin-top: -.5833rem;
        margin-left: -.5833rem
    }

    .search-results .search-results-pagination li .prev.dk-selected::before, .search-results .search-results-pagination li .prev.searchDd-main::before, .search-results .search-results-pagination li .searchDd-category span.prev::before, .search-results .search-results-pagination li .webfont-cheveron.prev::before, .searchDd-category .search-results .search-results-pagination li span.prev::before {
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative
}

    .flickity-enabled:active, .flickity-enabled:focus, .flickity-slider:active, .flickity-slider:focus, .flickity-viewport:active, .flickity-viewport:focus {
        outline: 0
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: grabbing
        }

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: #fff;
    background: rgba(255,255,255,.75);
    cursor: pointer;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .flickity-prev-next-button:hover {
        background: #fff
    }

    .flickity-prev-next-button:focus {
        outline: 0;
        box-shadow: 0 0 0 5px #09f
    }

    .flickity-prev-next-button:active {
        opacity: .6
    }

    .flickity-prev-next-button.previous {
        left: 10px
    }

    .flickity-prev-next-button.next {
        right: 10px
    }

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #333
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1
    }

.arrow-anim {
    font-size: 1.25rem;
    width: 3.3333rem;
    float: left;
    overflow: hidden;
    position: absolute;
    margin-left: .4167rem;
    line-height: 1.5rem;
    height: 1.5rem
}

    .arrow-anim .long-arrow {
        position: relative;
        display: block;
        left: -1.6667rem;
        margin-top: -.2rem;
        line-height: 1.5rem;
        height: 1.5rem;
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .3s ease
    }

        .arrow-anim .long-arrow svg {
            transform: translateZ(0);
            -ms-transform: scale(.5);
            transform: scale(.5)
        }

a:hover .arrow-anim .long-arrow {
    -ms-transform: translateX(12px);
    transform: translateX(12px)
}

.layout-reversed .arrow-anim {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -2rem
}

.lt-ie12 .arrow-anim .long-arrow svg {
    -ms-transform: scale(.58);
    transform: scale(.58)
}

.search-results-form {
    position: relative;
    margin-top: 3.3333rem
}

    .search-results-form::after {
        clear: both;
        content: "";
        display: table
    }

    .search-results-form label {
        top: 13px !important;
        font-size: 1.2rem;
        animation: fadeIn .3s ease .3s
    }

.layout-reversed .search-results-form label {
    left: auto !important;
    right: 4.8333rem
}

.search-results-form input[type=text].smart-search {
    float: left;
    width: calc(100% - 100px);
    height: 3.75rem;
    margin-bottom: 0;
    border-width: 1px 0 1px 1px;
    border-color: #000;
    border-style: solid;
    border-radius: 0;
    transition: all .3s ease;
    font-size: 14px
}

.search-results-form.collapsed label {
    display: none
}

.search-results-form.collapsed input[type=text].smart-search {
    width: 0;
    padding: 0;
    border: none
}

.search-results-form .smart-search-submit {
    float: left;
    height: 3.75rem
}

.module-text-header, .module-title {
    color: var(--sandstone);
    font-family: brown-regular,sans-serif;
    text-transform: uppercase;
    letter-spacing: .1rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-title-deco {
    position: relative
}

    .module-title-deco:before {
        content: '';
        position: absolute;
        display: block;
        height: 1px;
        background: var(--sandstone);
    }

.module-hero-new, .module-offer-new {
    text-align: center
}

    .module-hero-new .module-content-wrapper, .module-promo-new .module-content-wrapper {
        max-width: 88rem
    }

.component-img-content, .module-img-content {
    position: relative
}

    .component-img-content .module-image, .module-img-content .module-image {
        position: relative;
        z-index: 1;
        background-color: #008a9d
    }

.module-text-header {
    font-size: 2rem
}

.module-find-out-more {
    position: relative;
    padding-right: 2.4rem;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .1rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    height: 1.4rem
}

    .module-find-out-more a.span {
        bottom: -3.9167rem
    }

    .module-find-out-more:before {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 1rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 1.4rem;
        font-size: 1.4rem;
        height: 1.4rem;
        padding-top: 0
    }

.layout-reversed .module-find-out-more {
    padding-right: 0;
    padding-left: 2.4rem
}

.iOS .layout-reversed .module-find-out-more {
    padding-left: .8rem
}

.layout-reversed .module-find-out-more:before {
    right: auto;
    left: 0;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    line-height: 1.6rem
}

.widget-carousel-new {
    margin-bottom: -1.6rem
}

    .widget-carousel-new:after {
        content: 'flickity';
        display: none
    }

    .widget-carousel-new.flickity-enabled .carousel-cell {
        padding-bottom: 1.6rem
    }

.module-widget-carousel-wrapper .flickity-prev-next-button {
    position: absolute;
    display: block !important;
    width: 40px;
    padding: 1rem 1.6rem .85rem;
    border-radius: 0;
    background-color: transparent;
    -ms-transform: translate3d(0,0,0) translateZ(0);
    transform: translate3d(0,0,0) translateZ(0);
    transition: all .3s ease;
    -webkit-backface-visibility: hidden
}

    .module-widget-carousel-wrapper .flickity-prev-next-button:after, .module-widget-carousel-wrapper .flickity-prev-next-button:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -ms-transform: translateX(0) translate3d(0,0,0) translateZ(0);
        transform: translateX(0) translate3d(0,0,0) translateZ(0);
        -webkit-backface-visibility: hidden;
        transition: all .3s ease
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button:before {
        width: 1rem;
        height: 1rem
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button:after {
        top: 33px;
        width: 0;
        border-width: .2rem 0 0
    }

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button:hover {
    opacity: 1
}

    .no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button:hover:after {
        width: 1.8rem
    }

.module-widget-carousel-wrapper .flickity-prev-next-button svg {
    display: none
}

.module-widget-carousel-wrapper .flickity-prev-next-button.slick-disabled {
    opacity: .5
}

    .module-widget-carousel-wrapper .flickity-prev-next-button.slick-disabled:hover {
        opacity: .5
    }

.module-widget-carousel-wrapper .flickity-prev-next-button.previous {
    z-index: 3
}

    .module-widget-carousel-wrapper .flickity-prev-next-button.previous:before {
        border-width: 2px 0 0 2px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.previous:hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.previous:hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

.touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.previous:active:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.previous:active:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

.module-widget-carousel-wrapper .flickity-prev-next-button.next {
    z-index: 4
}

    .module-widget-carousel-wrapper .flickity-prev-next-button.next:before {
        border-width: 2px 2px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.next:hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.next:hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

.module-widget-carousel-wrapper .flickity-prev-next-button {
    top: -4.6rem;
    height: 40px
}

    .module-widget-carousel-wrapper .flickity-prev-next-button:before {
        top: 16px
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button:after {
        top: 21px
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button.previous {
        right: 4rem;
        left: auto
    }

        .module-widget-carousel-wrapper .flickity-prev-next-button.previous:after, .module-widget-carousel-wrapper .flickity-prev-next-button.previous:before {
            left: .6rem
        }

.layout-reversed .module-widget-carousel-wrapper .flickity-prev-next-button.previous {
    right: auto;
    left: .6rem
}

.module-widget-carousel-wrapper .flickity-prev-next-button.next {
    right: .6rem;
    border-left: 1px solid #000
}

    .module-widget-carousel-wrapper .flickity-prev-next-button.next:after, .module-widget-carousel-wrapper .flickity-prev-next-button.next:before {
        right: .6rem
    }

.layout-reversed .module-widget-carousel-wrapper .flickity-prev-next-button.next {
    right: auto;
    left: 4rem
}

.module-widget-carousel-wrapper.module-inspiration-new .flickity-prev-next-button, .module-widget-carousel-wrapper.module-widget-carousel-may-like .flickity-prev-next-button, .module-widget-carousel-wrapper.module-widget-carousel-news .flickity-prev-next-button {
    top: -6.5rem
}

.widget-carousel-news-feed .flickity-prev-next-button {
    display: none !important
}

.ellipsis-new {
    overflow: hidden
}

    .section-title-big, .section-title-big-wrapper .section-subtitle-big {
        margin-bottom: 0;
        font-size: 3rem;
        font-family: brown-light,sans-serif;
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: .4rem
    }

.component-latest {
    position: relative
}

    .component-latest .section-title-viewall {
        margin-right: auto;
        margin-left: auto
    }

.module-img-content .module-image {
    height: 80%
}

.module-img-content .module-content-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: calc(100% - 4rem);
    padding: 2rem 1.2rem;
    margin-right: auto;
    margin-left: auto;
    background: var(--natural-green);
    box-shadow: 0 0 30px rgba(0,0,0,.12)
}

.module-img-content .module-title {
    font-size: 2rem
}

.module-img-content h1.module-title {
    font-size: 2rem
}

.module-img-content .module-content {
    max-width: 20rem;
    margin-right: auto;
    margin-left: auto
}

.module-img-content .module-title-deco {
    margin-bottom: 1.4rem;
    padding-bottom: 1.8rem
}

    .module-img-content .module-title-deco:before {
        bottom: 0;
        left: 0;
        right: 0;
        width: 3.75rem;
        margin-right: auto;
        margin-left: auto
    }

.module-img-content.hero-basic-content .module-title-deco {
    margin-bottom: 2.6rem;
    padding-bottom: 3.2rem
}

.module-img-content.module-text-new {
    padding: 0;
    background-color: transparent
}

    .module-img-content.module-text-new .module-text-header {
        font-size: 2rem
    }

    .module-img-content.module-text-new .module-title-deco:before {
        right: auto;
        margin: 0
    }

.layout-reversed .module-img-content.module-text-new .module-title-deco:before {
    left: auto;
    right: 0
}

.module-img-content .module-text-copy p {
    margin-bottom: 0
}

.page-campaign .module-img-content .module-img {
    background-size: contain
}

.module-hero-new {
    height: 35.83rem
}

    .module-hero-new .module-content-wrapper {
        height: 15.17rem
    }

    .module-hero-new .module-content {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: calc(100% - 2rem);
        margin-right: auto;
        margin-left: auto
    }

        .module-hero-new .module-content > p {
            font-size: 1.3333rem
        }

    .module-hero-new .hero-new-links {
        display: inline-block
    }

        .module-hero-new .hero-new-links a.button {
            display: block;
            margin: 1rem
        }

.module-hero-new-no-spacing {
    margin-bottom: 0
}

.ellip {
    display: block;
    height: 100%
}

.ellip, .ellip-line {
    position: relative;
    overflow: hidden
}

.module-text-new {
    height: 35.83rem
}

    .module-text-new .module-title-deco {
        margin-bottom: 1.4rem;
        padding-bottom: 1.4rem
    }

        .module-text-new .module-title-deco:before {
            bottom: 0;
            left: .33rem;
            width: 3.75rem
        }

.layout-reversed .module-text-new .module-title-deco:before {
    left: auto;
    right: 0
}

.module-text-new .module-text-copy p {
    max-width: 60rem
}

.module-text-new .module-find-out-more, .module-text-new p {
    color: #000
}

.module-text-new.module-text-new-background {
    padding: 2.6rem 3rem
}

.module-text-new.inverted .module-find-out-more, .module-text-new.inverted .module-text-header, .module-text-new.inverted p {
    color: #fff
}

.module-text-new.inverted .module-title-deco:before {
    background: #fff
}

.module-text-new.center {
    text-align: center
}

    .module-text-new.center .module-title-deco:before {
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto
    }

.module-free-text-header {
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-family: Aime-Regular,sans-serif;
    letter-spacing: .05rem;
    position: relative;
    font-size: 2rem;
    margin-bottom: 1.4rem;
    padding-bottom: 1.2rem;
    color: var(--natural-green);
}

html[lang=ru] .module-free-text-header {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .module-free-text-header {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .module-free-text-header {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .module-free-text-header {
    font-family: "Noto Kufi Arabic",brown-regular,bonodiBe-medium,sans-serif
}

.module-free-text-header:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    background: #000;
    bottom: 0;
    left: 0;
    right: 0;
    width: 3.75rem
}

.module-free-text-header sup {
    font-size: .5em
}

.layout-reversed .module-free-text-header {
    letter-spacing: 0
}

.module-free-text-header.module-free-text-deco {
    position: relative;
    padding-bottom: 1rem
}

    .module-free-text-header.module-free-text-deco:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        margin-right: 0;
        margin-left: 0;
        background: #777;
        width: 3rem;
        height: 1px
    }

.page-title-full .module-free-text-header {
    margin-bottom: 2rem;
    margin-top: 3rem
}

.module-free-text-copy {
    margin-bottom: 3rem
}

    .module-free-text-copy p {
        font-size: 1.1667rem;
        line-height: 1.4;
        text-transform: none
    }

        .module-free-text-copy p a {
            color: #000;
            text-decoration: underline
        }

        .module-free-text-copy p + .button {
            margin-top: 1.8rem
        }

    .module-free-text-copy.rich-text ol, .module-free-text-copy.rich-text ul {
        margin-left: 1.5rem
    }

.page-basic-content .module-free-text-copy h2, .page-basic-content .module-free-text-copy h3, .page-basic-content-new .module-free-text-copy h2, .page-basic-content-new .module-free-text-copy h3 {
    text-transform: uppercase
}

.text-image-component-promo-code .module-free-text-copy {
    height: auto !important
}

    .text-image-component-promo-code .module-free-text-copy ol, .text-image-component-promo-code .module-free-text-copy ul {
        color: #fff
    }

#village-google-map {
    margin-bottom: 5rem
}

.alert-bar {
    padding: 0 1rem;
    clear: both
}

.alert-bar-single {
    position: relative;
    display: block;
    color: #fff;
    font-size: 1.75rem;
    font-family: brown-regular,sans-serif;
    text-transform: uppercase;
    letter-spacing: .2rem;
    background-color: #008a9d;
    padding: 1rem;
    padding-right: 5rem
}

.layout-reversed .alert-bar-single {
    padding-right: 1rem
}

.layout-reversed .alert-bar-single {
    letter-spacing: 0
}

.alert-bar-single .webfont-arrow-long:before {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: block;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.layout-reversed .alert-bar-single .webfont-arrow-long {
    padding-right: .5rem
}

    .layout-reversed .alert-bar-single .webfont-arrow-long:after {
        content: ""
    }

    .layout-reversed .alert-bar-single .webfont-arrow-long:before {
        display: none;
        padding-right: .6rem
    }

    .layout-reversed .alert-bar-single .webfont-arrow-long:after {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 1rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        left: 1.5rem;
        display: block;
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
        -ms-transform: translate(0,-50%) rotate(180deg);
        transform: translate(0,-50%) rotate(180deg)
    }

.module-image {
    height: 35.83rem
}

.main-header {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;
    top: 0 !important;
    width: 100%;
    background: var(--natural-green);
    -webkit-backface-visibility: hidden
}

#navTrigger {
    position: absolute;
    top: 1.5rem;
    right: 1.25rem
}

.touchevents .site-wrapper {
    position: relative;
    width: 100%;
    min-height: 26.6667rem;
    overflow: hidden;
}

.touchevents .site-canvas {
    position: relative;
    height: 100%;
    width: 100%
}

.touchevents .off-canvas-wrapper {
    position: fixed;
    top: 0;
    right: -22rem;
    bottom: 0;
    z-index: 1000;
    width: 22rem;
    height: 100%;
    background: rgba(255,255,255,0);
    transition: all .5s ease
}

    .touchevents .off-canvas-wrapper a {
        display: inline-block !important;
        width: 70%;
        height: 100%;
        line-height: 1.5;
        padding: 16px 0
    }

.layout-reversed .touchevents .off-canvas-wrapper a {
    width: 100%
}

.touchevents .off-canvas-wrapper .login-register a {
    width: 100%;
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .searchDd-category .touchevents .off-canvas-wrapper .login-register a span:before, .touchevents .off-canvas-wrapper .login-register a .dk-selected:before, .touchevents .off-canvas-wrapper .login-register a .searchDd-category span:before, .touchevents .off-canvas-wrapper .login-register a .searchDd-main:before, .touchevents .off-canvas-wrapper .login-register a .webfont-cheveron:before {
        position: absolute;
        top: 1.7rem;
        right: .8333rem;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        color: #7b7b7b
    }

.searchDd-category .touchevents .off-canvas-wrapper .login-menu a span:before, .touchevents .off-canvas-wrapper .login-menu a .dk-selected:before, .touchevents .off-canvas-wrapper .login-menu a .searchDd-category span:before, .touchevents .off-canvas-wrapper .login-menu a .searchDd-main:before, .touchevents .off-canvas-wrapper .login-menu a .webfont-cheveron:before {
    right: -.25rem
}

.touchevents .off-canvas-wrapper .lang-vill .dropdown-button, .touchevents .off-canvas-wrapper .topnav-social-media .dropdown-button {
    width: 100%
}

.touchevents .site-canvas.active .off-canvas-wrapper {
    right: 0
}

.touchevents .nav-navItem, .touchevents .off-canvas-block {
    padding-right: 1.6667rem;
    padding-left: 1.6667rem;
    border-bottom: 1px solid #e5e5e5;
    line-height: 4.1667rem
}

    .touchevents .nav-navItem.last, .touchevents .off-canvas-block.last {
        border-bottom: 0 solid transparent
    }

.touchevents .nav-navItem {
    background: #fff
}

.touchevents .off-canvas-block {
    min-width: 22rem
}

.touchevents .off-canvas-block {
    -ms-transform: translateX(270px);
    transform: translateX(270px);
    transition: none
}

    .touchevents .off-canvas-block.movein {
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .4s cubic-bezier(.25,.1,.25,1)
    }

.touchevents .close-canvas {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-indent: -9999rem;
    background-color: #000;
    opacity: 0;
    cursor: pointer;
    z-index: 99
}

    .touchevents .close-canvas.active {
        display: block;
        opacity: .7
    }

.touchevents #language .dropdown-button:focus, .touchevents #village .dropdown-button:focus, .touchevents .topnav-social-media .dropdown-button:focus {
    opacity: 1
}

.touchevents #language .dropdown-button:before, .touchevents #village .dropdown-button:before, .touchevents .topnav-social-media .dropdown-button:before {
    position: absolute;
    top: 2.1rem;
    right: -.3rem
}

.layout-reversed .touchevents #language .dropdown-button:before, .layout-reversed .touchevents #village .dropdown-button:before, .layout-reversed .touchevents .topnav-social-media .dropdown-button:before {
    position: absolute;
    top: 2.1rem;
    right: auto;
    left: -.3rem
}

.touchevents .nav-container .lang-vill .dropdown, .touchevents .topnav-social-media {
    background: #fff
}

.nav-main {
    position: static
}

    .nav-main a {
        display: inline-block
    }

    .nav-main .your-village-prev a:after {
        display: block
    }

.nav-subnav {
    display: none;
    width: 22rem;
    margin-left: -1.7rem;
    background-color: #eee
}

.touchevents .layout-reversed .nav-subnav {
    margin-left: 0;
    margin-right: -1.7rem;
    margin-left: auto
}

.nav-subnav .nav-navItem {
    display: block
}

    .nav-subnav .nav-navItem:last-child:after {
        display: none
    }

.touchevents .nav-subnav .nav-navItem:after {
    display: none
}

.nav-subnav .nav-navItem a {
    color: #000;
    width: 100%
}

.nav-subnav .nav-navItem.active a {
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif
}

.nav-subnav .nav-navItem.active a html[lang=ru], html[lang=ar] .nav-subnav .nav-navItem.active a, html[lang=ko] .nav-subnav .nav-navItem.active a, html[lang=zh-cn] .nav-subnav .nav-navItem.active a {
    font-weight: 700
}

.nav-main-links {
    position: relative;
    margin-right: 1rem;
    margin-left: 1rem
}

.touchevents .nav-main-links {
    margin: 0
}

.nav-subnav-trigger {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 50;
    display: block;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .nav-subnav-trigger.dk-selected:before, .nav-subnav-trigger.searchDd-main:before, .nav-subnav-trigger.webfont-cheveron:before, .searchDd-category span.nav-subnav-trigger:before {
        position: absolute;
        top: 48%;
        right: 0;
        transition: transform .2s linear;
        -ms-transform: rotate(0) translate3d(0,0,0);
        transform: rotate(0) translate3d(0,0,0);
        -ms-transform-origin: center .15rem;
        transform-origin: center .15rem;
        display: inline-block;
        width: 1.1rem;
        height: .6rem;
        font-size: .6rem;
        color: #7b7b7b
    }

    .nav-subnav-trigger.active.dk-selected:before, .nav-subnav-trigger.active.searchDd-main:before, .nav-subnav-trigger.webfont-cheveron.active:before, .searchDd-category span.nav-subnav-trigger.active:before {
        -ms-transform: rotate(-180deg) translate3d(0,0,0);
        transform: rotate(-180deg) translate3d(0,0,0)
    }

.layout-reversed .nav-subnav-trigger.dk-selected:before, .layout-reversed .nav-subnav-trigger.searchDd-main:before, .layout-reversed .nav-subnav-trigger.webfont-cheveron:before, .layout-reversed .searchDd-category span.nav-subnav-trigger:before, .searchDd-category .layout-reversed span.nav-subnav-trigger:before {
    left: auto;
    right: 40%
}

.layout-reversed .off-canvas-wrapper .nav-subnav-trigger {
    right: auto;
    left: 0;
    width: 13%
}

    .layout-reversed .off-canvas-wrapper .nav-subnav-trigger:before {
        right: auto;
        left: -.3rem
    }

    .layout-reversed .off-canvas-wrapper .nav-subnav-trigger:after {
        left: auto;
        right: 0
    }

    .layout-reversed .off-canvas-wrapper .nav-subnav-trigger:after {
        left: auto;
        right: 0
    }

.main-header {
    height: 50px;
    font-size: 1rem
}

    .main-header .nav-container .logo-container {
        left: 1.5rem;
        position: absolute;
        -webkit-backface-visibility: hidden;
        transform: translate3d(0,0,0);
        z-index: 5000
    }

.touchevents .main-header .nav-container .logo-container {
    left: 0;
    right: 0;
    width: calc(100% - 9rem);
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

    .touchevents .main-header .nav-container .logo-container .header-logo {
        display: inline-block
    }

.main-header .nav-container .logo-container .header-logo {
    display: block
}

    .main-header .nav-container .logo-container .header-logo, .main-header .nav-container .logo-container .header-logo img {
        position: relative;
        height: 50px;
        z-index: 5000;
        -webkit-backface-visibility: hidden;
        transform: translate3d(0,0,0)
    }

.main-header .nav-container div.nav-subnav .tooltip-wrapper {
    display: block;
    margin-left: 4rem;
    top: -2.75rem
}

    .main-header .nav-container div.nav-subnav .tooltip-wrapper .tooltip-trigger {
        width: 1.5rem;
        height: 1.5rem
    }

        .main-header .nav-container div.nav-subnav .tooltip-wrapper .tooltip-trigger:before {
            left: .15rem;
            font-size: .8rem
        }

.touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink {
    font-size: 1.1rem;
    color: #7b7b7b;
    letter-spacing: 1px;
    text-transform: uppercase
}

.touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem .nav-subnav-trigger {
    cursor: pointer;
    width: 100%;
    height: 50px;
    margin-right: 0
}

.touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem.active .nav-main-links .nav-navLink {
    color: #000
}

.touchevents .main-header .nav-container .nav-subnav {
    position: relative;
    background-color: #fff;
    margin-bottom: 15px;
    padding-top: 15px
}

    .touchevents .main-header .nav-container .nav-subnav:before {
        content: '';
        width: 30px;
        height: 1px;
        background-color: #000;
        position: absolute;
        top: 4px;
        left: 20px
    }

    .touchevents .main-header .nav-container .nav-subnav ul li.nav-navItem {
        font-size: 1.1rem;
        text-transform: none;
        background: #fff;
        border-bottom: 0;
        line-height: normal
    }

        .touchevents .main-header .nav-container .nav-subnav ul li.nav-navItem a {
            padding: 10px 0
        }

.touchevents .main-header .nav-container .sidenav .sidenav-navItem-trigger h5 {
    color: #767676;
    font-size: 1rem;
    letter-spacing: 1px
}

.touchevents .main-header .nav-container .login-register {
    background-color: #000
}

    .touchevents .main-header .nav-container .login-register ul li a {
        color: #ccc;
        font-family: brown-bold,sans-serif;
        font-family: brown-regular,sans-serif
    }

.touchevents .main-header .nav-container .login-register ul li a html[lang=ru], html[lang=ar] .touchevents .main-header .nav-container .login-register ul li a, html[lang=ko] .touchevents .main-header .nav-container .login-register ul li a, html[lang=zh-cn] .touchevents .main-header .nav-container .login-register ul li a {
    font-weight: 700
}

.touchevents .main-header .nav-container .lang-vill .dropdown {
    font-size: 1.1rem
}

.touchevents .main-header .nav-container .lang-vill .dropdown-button {
    letter-spacing: 1px
}

.touchevents .site-canvas.active .logo-container {
    z-index: 0
}

.layout-reversed .main-header .nav-container .nav-subnav:before {
    right: 20px;
    left: initial
}

.no-touchevents .layout-reversed .main-header .nav-container .nav-subnav:before {
    left: 20px;
    right: initial
}

.layout-reversed #language .dropdown-button:before, .layout-reversed #village .dropdown-button:before {
    right: initial;
    left: -.3rem
}

.lang-vill .dropdown-container {
    position: relative
}

.lang-vill .dropdown-menu {
    margin-bottom: 1rem;
    text-transform: uppercase;
    line-height: 0
}

    .lang-vill .dropdown-menu li {
        margin-bottom: .5rem
    }

        .lang-vill .dropdown-menu li.active a {
            border-bottom-color: #7b7b7b
        }

    .lang-vill .dropdown-menu a {
        display: block;
        width: 100%;
        line-height: 2.2;
        border-bottom: 1px solid transparent;
        transition: border-bottom-color .2s linear
    }

        .lang-vill .dropdown-menu a:hover {
            opacity: 1;
            border-bottom-color: #7b7b7b
        }

.touchevents .lang-vill .dropdown-menu a {
    line-height: 1;
    padding: 10px 0
}

#language .dropdown-button, #village .dropdown-button {
    text-transform: uppercase
}

.touchevents #language .desktop, .touchevents #village .desktop {
    display: none !important
}

#language a, #village a {
    height: auto
}

#village .dropdown-menu a {
    white-space: nowrap
}

.dd-location {
    display: block;
    text-transform: none;
    font-family: bonodiBe-italic,serif;
    line-height: 1
}

.dd-location html[lang=ru], html[lang=ar] .dd-location, html[lang=ko] .dd-location, html[lang=zh-cn] .dd-location {
    font-style: italic
}

.layout-reversed .dd-location {
    font-family: bonodiStd-roman,serif;
    font-style: normal !important
}

.bag, .search {
    position: relative;
    height: 4.1667rem;
    background: #f3f3f3
}

.search-form {
    position: relative;
    width: 100%;
    height: 4rem;
    padding-right: 1.4rem;
    z-index: 999999
}

.touchevents .search-form label {
    color: #7b7b7b;
    font-size: 1.1667rem;
    text-transform: uppercase;
    line-height: 3rem
}

#search, #searchSubmit, .bag-button, .search-button {
    background-color: #f3f3f3
}

#searchSubmit, .bag-button, .search-button {
    border: 0 solid transparent;
    vertical-align: bottom
}

    #searchSubmit, #searchSubmit:focus, #searchSubmit:hover, .bag-button, .bag-button:focus, .bag-button:hover, .search-button, .search-button:focus, .search-button:hover {
        background-color: transparent
    }

        #searchSubmit:hover, .bag-button:hover, .search-button:hover {
            opacity: .6
        }

#search, #searchSubmit {
    display: inline-block;
    vertical-align: middle
}

.bag-button, .search-button {
    position: absolute;
    z-index: 100;
    display: block
}

.touchevents .bag-button, .touchevents .search-button {
    position: absolute;
    top: 0;
    right: 1.2rem
}

.bag-button:before, .search-button:before {
    font-size: 1.7rem;
    line-height: 50px;
    color: #b1b1b1
}

.bag-button > span {
    display: none
}

.bag-button > label {
    position: absolute;
    color: red;
    margin-top: -4px;
    top: 50%;
    text-align: center;
    cursor: pointer !important;
    width: 24px
}

    .bag-button > label:lang(ru) {
        margin-top: -5px
    }

    .bag-button > label:lang(zh-cn) {
        margin-top: -6px
    }

    .bag-button > label:lang(ar) {
        margin-top: -5px;
        left: 0;
        right: 1.4rem
    }

    .bag-button > label:lang(ko) {
        margin-top: -5px
    }

.touchevents .bag-button {
    position: absolute;
    top: 0;
    right: 0
}

#search {
    padding-left: 0
}

.touchevents #search {
    border-bottom-width: 0;
    font-size: 1.1667rem
}

#searchSubmit {
    position: absolute;
    top: 1.15rem;
    left: -.4rem;
    text-indent: -9999px;
    transition: opacity .3s ease
}

.touchevents #searchSubmit {
    width: 2rem
}

.login-menu {
    display: inline-block;
    border-left: 1px solid #e5e5e5;
    line-height: 1.3
}

.link-label {
    min-width: 150px
}

#login {
    display: none
}

    #login > .dropdown-container > a {
        color: #fff
    }


.footer-content-wrapper {
    padding-bottom: 0;
}

    .footer-content-wrapper.page-wrapper-wide {
        padding-top: 2.5rem !important
    }

.footer-content {
    color: #fff
}

    .footer-content h4 {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 1.6667rem;
        font-family: brown-regular,sans-serif;
        text-transform: uppercase
    }

.footer-content h4 a {
    color: #8a8a8a;
    font-size: 1.3333rem;
    text-transform: none;
    letter-spacing: normal
}

.footer-content ul {
    margin-bottom: 1rem
}

.footer-content li {
    font-size: 1.3333rem
}

.footer-content .content-wrapper {
    max-width: 95rem;
    margin-left: auto;
    margin-right: auto
}

    .footer-content .content-wrapper::after {
        clear: both;
        content: "";
        display: table
    }

.footer-content .tooltip-wrapper {
    display: none
}

.footer-content > ul {
    display: none
}

.link-out > span {
    white-space: nowrap
}

.link-out b {
    color: #7b7b7b;
    margin-left: .4167rem
}

    .link-out b:before {
        font-size: .8333rem
    }

.layout-reversed .link-out b {
    margin-right: 0;
    margin-left: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.footer-extra-wrapper {
    padding-bottom: 2rem;
    line-height: 1rem;
    margin-top: -.0833rem
}

    .footer-extra-wrapper.page-wrapper-wide {
        padding-top: 2.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .footer-extra-wrapper .breakWord {
        word-break: break-word
    }

    .footer-extra-wrapper .footerTextRight {
        text-align: left
    }

    .footer-extra-wrapper .link-out > span {
        white-space: unset
    }

.footer-legal {
    padding-top: 1rem;
    color: black;
    line-height: 1.5
}

    .footer-legal p {
        margin-bottom: 1.5rem
    }

.icp-number .icp {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    vertical-align: middle
}

.icp-number .margin-left {
    margin-left: 2rem;
    color: #fff
}

.icp-number a {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    position: relative;
    margin-left: 10px;
    width: auto
}

    .icp-number a p {
        float: left;
        margin: 0 0 0 5px;
        color: #fff;
        font-size: 12px;
        line-height: 20px
    }

    .icp-number a img {
        float: left
    }

.page-maintenance_cos .main-header .nav-container {
    position: relative
}

    .page-maintenance_cos .main-header .nav-container .logo-container {
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .page-maintenance_cos .main-header .nav-container .logo-container .village-logo {
            height: 50px;
            margin-top: 2px
        }

.village-logo {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    height: 50px !important;
}

.maintenance .site-canvas {
    padding-top: 0
}

.maintenance .page-maintenance_cos {
    margin-top: 0
}

.maintenance .main-header {
    height: auto;
    border-bottom: 30px solid #008a9d;
    position: relative
}

.maintenance .header-logo {
    padding: 30px 0 0;
    text-align: center;
    max-width: 340px;
    margin: 0 auto
}

    .maintenance .header-logo img {
        margin: 0 auto
    }

.inline-radio-group {
    padding-top: 1.3333rem;
    padding-bottom: .6667rem
}

    .inline-radio-group > span {
        font-family: brown-regular,sans-serif;
        font-size: 1.3333rem;
        margin-right: 2rem
    }

    .inline-radio-group.inline-radio-group--disabled > span {
        color: rgba(0,0,0,.37)
    }

    .inline-radio-group .mdc-form-field {
        margin-right: 1.3333rem
    }

:root {
    --md-theme-default-primary: #000;
    --md-theme-default-accent: #000;
    --md-theme-default-theme: light
}

.md-list.md-theme-default .md-autocomplete-items .md-highlight-text-match {
    color: #000;
    color: var(--md-theme-default-primary-on-background,#000)
}

.md-list.md-theme-default .md-autocomplete-loading {
    background-color: rgba(255,255,255,.54);
    background-color: var(--md-theme-default-background,rgba(255,255,255,.54))
}

.md-autocomplete.md-theme-default.md-autocomplete-box {
    background-color: #fff;
    background-color: var(--md-theme-default-background,#fff)
}

    .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused label {
        color: rgba(0,0,0,.38);
        color: var(--md-theme-default-text-hint-on-background,rgba(0,0,0,.38))
    }

.md-autocomplete-box-content.md-theme-default:after {
    background-color: #fff;
    background-color: var(--md-theme-default-background,#fff);
    border-bottom-color: rgba(0,0,0,.12);
    border-bottom-color: var(--md-theme-default-divider,rgba(0,0,0,.12))
}

.md-button.md-theme-default {
    color: rgba(0,0,0,.87);
    color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
}

    .md-button.md-theme-default.md-primary {
        color: #000;
        color: var(--md-theme-default-primary-on-background,#000)
    }

        .md-button.md-theme-default.md-primary .md-icon-font {
            color: #000;
            color: var(--md-theme-default-primary-on-background,#000)
        }

        .md-button.md-theme-default.md-primary .md-icon-image {
            fill: #000;
            fill: var(--md-theme-default-primary-on-background,#000)
        }

    .md-button.md-theme-default.md-accent {
        color: #000;
        color: var(--md-theme-default-accent-on-background,#000)
    }

        .md-button.md-theme-default.md-accent .md-icon-font {
            color: #000;
            color: var(--md-theme-default-accent-on-background,#000)
        }

        .md-button.md-theme-default.md-accent .md-icon-image {
            fill: #000;
            fill: var(--md-theme-default-accent-on-background,#000)
        }

    .md-button.md-theme-default.md-raised[disabled] {
        background-color: rgba(0,0,0,.12);
        background-color: var(--md-theme-default-disabled-background-on-background,rgba(0,0,0,.12));
    }

    .md-button.md-theme-default.md-raised:not([disabled]) {
        background-color: var(--sandstone);
        color: var(--natural-green);
    }

        .md-button.md-theme-default.md-raised:not([disabled]).md-primary {
            color: #fff;
            color: var(--md-theme-default-text-primary-on-primary,#fff);
            background-color: var(--natural-green);
        }

            .md-button.md-theme-default.md-raised:not([disabled]).md-primary .md-icon-font {
                color: #fff;
                color: var(--md-theme-default-text-primary-on-primary,#fff)
            }

            .md-button.md-theme-default.md-raised:not([disabled]).md-primary .md-icon-image {
                fill: #fff;
                fill: var(--md-theme-default-text-primary-on-primary,#fff)
            }

        .md-button.md-theme-default.md-raised:not([disabled]).md-accent {
            color: #fff;
            color: var(--md-theme-default-text-primary-on-accent,#fff);
            background-color: #000;
            background-color: var(--md-theme-default-accent,#000)
        }

            .md-button.md-theme-default.md-raised:not([disabled]).md-accent .md-icon-font {
                color: #fff;
                color: var(--md-theme-default-text-primary-on-accent,#fff)
            }

            .md-button.md-theme-default.md-raised:not([disabled]).md-accent .md-icon-image {
                fill: #fff;
                fill: var(--md-theme-default-text-primary-on-accent,#fff)
            }

    .md-button.md-theme-default.md-raised:not([disabled]):hover {
        background-color: var(--natural-green);
        color: var(--sandstone);;
    }

    .md-button.md-theme-default.md-raised:not([disabled]).md-primary:hover {
        background-color: var(--sandstone);
        color: var(--natural-green);
        border: 1px solid var(--natural-green);
    }

    .md-button.md-theme-default.md-fab[disabled] {
        background-color: rgba(0,0,0,.12);
        background-color: var(--md-theme-default-disabled-background-on-background,rgba(0,0,0,.12))
    }

    .md-button.md-theme-default.md-fab:not([disabled]) {
        background-color: #000;
        background-color: var(--md-theme-default-accent,#000)
    }

        .md-button.md-theme-default.md-fab:not([disabled]) .md-icon-font {
            color: #fff;
            color: var(--md-theme-default-text-primary-on-accent,#fff)
        }

        .md-button.md-theme-default.md-fab:not([disabled]) .md-icon-image {
            fill: #fff;
            fill: var(--md-theme-default-text-primary-on-accent,#fff)
        }

        .md-button.md-theme-default.md-fab:not([disabled]).md-primary {
            background-color: #000;
            background-color: var(--md-theme-default-primary,#000)
        }

            .md-button.md-theme-default.md-fab:not([disabled]).md-primary .md-icon-font {
                color: #fff;
                color: var(--md-theme-default-text-primary-on-primary,#fff)
            }

            .md-button.md-theme-default.md-fab:not([disabled]).md-primary .md-icon-image {
                fill: #fff;
                fill: var(--md-theme-default-text-primary-on-primary,#fff)
            }

    .md-button.md-theme-default[disabled] {
        color: rgba(0,0,0,.26);
        color: var(--md-theme-default-disabled-on-background,rgba(0,0,0,.26))
    }

        .md-button.md-theme-default[disabled] .md-icon-font {
            color: rgba(0,0,0,.38);
            color: var(--md-theme-default-icon-disabled-on-background,rgba(0,0,0,.38))
        }

        .md-button.md-theme-default[disabled] .md-icon-image {
            fill: rgba(0,0,0,.38);
            fill: var(--md-theme-default-icon-disabled-on-background,rgba(0,0,0,.38))
        }

.md-checkbox.md-theme-default.md-checked .md-checkbox-container {
    background-color: #000;
    background-color: var(--md-theme-default-accent,#000);
    border-color: #000;
    border-color: var(--md-theme-default-accent,#000)
}

    .md-checkbox.md-theme-default.md-checked .md-checkbox-container:after {
        border-color: #fff;
        border-color: var(--md-theme-default-background,#fff)
    }

.md-checkbox.md-theme-default.md-checked .md-ripple {
    color: #000;
    color: var(--md-theme-default-accent,#000)
}

.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container {
    border-color: rgba(0,0,0,.54);
    background-color: rgba(255,255,255,.3)
}

    .md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container:after {
        border-color: rgba(0,0,0,.54)
    }

.md-checkbox.md-theme-default.md-indeterminate .md-ripple {
    color: rgba(0,0,0,.54)
}

.md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container {
    background-color: #000;
    background-color: var(--md-theme-default-primary,#000);
    border-color: #000;
    border-color: var(--md-theme-default-primary,#000)
}

.md-checkbox.md-theme-default.md-checked.md-primary .md-ripple {
    color: #000;
    color: var(--md-theme-default-primary,#000)
}

.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container {
    border-color: rgba(0,0,0,.54);
    background-color: transparent
}

    .md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container:after {
        border-color: rgba(0,0,0,.54)
    }

.md-checkbox.md-theme-default.md-indeterminate .md-ripple {
    color: rgba(0,0,0,.54)
}

.md-checkbox.md-theme-default .md-checkbox-container {
    border-color: rgba(0,0,0,.54)
}

.md-checkbox.md-theme-default.md-disabled .md-checkbox-container {
    border-color: rgba(0,0,0,.26)
}

.md-checkbox.md-theme-default.md-disabled.md-checked .md-checkbox-container {
    border-color: rgba(0,0,0,.26);
    background-color: rgba(0,0,0,.26)
}

.md-chip.md-theme-default {
    background-color: rgba(0,0,0,.12);
    background-color: var(--md-theme-default-highlight,rgba(0,0,0,.12));
    color: rgba(0,0,0,.87);
    color: var(--md-theme-default-text-primary,rgba(0,0,0,.87))
}

    .md-chip.md-theme-default .md-icon.md-icon-image svg {
        color: #fff;
        color: var(--md-theme-default-text-primary-on-text-primary,#fff);
        fill: #fff;
        fill: var(--md-theme-default-text-primary-on-text-primary,#fff)
    }

    .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover, .md-chip.md-theme-default.md-deletable:not(.md-disabled):hover {
        background-color: rgba(0,0,0,.54);
        background-color: var(--md-theme-default-icon,rgba(0,0,0,.54));
        color: #fff;
        color: var(--md-theme-default-text-primary-on-icon,#fff)
    }

        .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-icon, .md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-icon {
            fill: #fff;
            fill: var(--md-theme-default-text-primary-on-icon,#fff)
        }

        .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-input-action {
            background-color: rgba(255,255,255,.87);
            background-color: var(--md-theme-default-background,rgba(255,255,255,.87));
            color: rgba(0,0,0,.54);
            color: var(--md-theme-default-icon-on-background,rgba(0,0,0,.54))
        }

            .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-input-action .md-icon svg, .md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-input-action .md-icon svg {
                fill: rgba(0,0,0,.54);
                fill: var(--md-theme-default-icon-on-background,rgba(0,0,0,.54));
                color: rgba(0,0,0,.54);
                color: var(--md-theme-default-icon-on-background,rgba(0,0,0,.54))
            }

    .md-chip.md-theme-default.md-primary {
        background-color: #000;
        background-color: var(--md-theme-default-primary,#000);
        color: #fff;
        color: var(--md-theme-default-text-primary-on-primary,#fff)
    }

        .md-chip.md-theme-default.md-primary .md-input-action {
            color: #fff;
            color: var(--md-theme-default-icon-on-disabled,#fff);
            background-color: rgba(0,0,0,.26);
            background-color: var(--md-theme-default-disabled,rgba(0,0,0,.26))
        }

        .md-chip.md-theme-default.md-primary.md-clickable:not(.md-disabled):hover, .md-chip.md-theme-default.md-primary.md-deletable:not(.md-disabled):hover {
            color: #fff;
            color: var(--md-theme-default-text-primary-on-icon,#fff);
            background-color: rgba(0,0,0,.54);
            background-color: var(--md-theme-default-icon,rgba(0,0,0,.54))
        }

            .md-chip.md-theme-default.md-primary.md-clickable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-primary.md-deletable:not(.md-disabled):hover .md-input-action {
                background-color: rgba(255,255,255,.87);
                background-color: var(--md-theme-default-background,rgba(255,255,255,.87))
            }

    .md-chip.md-theme-default.md-accent, .md-chip.md-theme-default.md-duplicated {
        background-color: #000;
        background-color: var(--md-theme-default-accent,#000);
        color: #fff;
        color: var(--md-theme-default-text-primary-on-accent,#fff)
    }

        .md-chip.md-theme-default.md-accent .md-input-action, .md-chip.md-theme-default.md-duplicated .md-input-action {
            color: #fff;
            color: var(--md-theme-default-icon-on-disabled,#fff);
            background-color: rgba(0,0,0,.26);
            background-color: var(--md-theme-default-disabled,rgba(0,0,0,.26))
        }

        .md-chip.md-theme-default.md-accent.md-clickable:not(.md-disabled):hover, .md-chip.md-theme-default.md-accent.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-duplicated.md-clickable:not(.md-disabled):hover, .md-chip.md-theme-default.md-duplicated.md-deletable:not(.md-disabled):hover {
            background-color: rgba(0,0,0,.54);
            background-color: var(--md-theme-default-icon,rgba(0,0,0,.54));
            color: #fff;
            color: var(--md-theme-default-text-primary-on-icon,#fff)
        }

            .md-chip.md-theme-default.md-accent.md-clickable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-accent.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-duplicated.md-clickable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-duplicated.md-deletable:not(.md-disabled):hover .md-input-action {
                background-color: rgba(255,255,255,.87);
                background-color: var(--md-theme-default-background,rgba(255,255,255,.87))
            }

    .md-chip.md-theme-default.md-disabled {
        background-color: rgba(0,0,0,.1);
        background-color: var(--md-theme-default-highlight,rgba(0,0,0,.1));
        color: rgba(0,0,0,.54);
        color: var(--md-theme-default-text-accent,rgba(0,0,0,.54))
    }

.md-chips.md-theme-default .md-clear {
    background-color: rgba(0,0,0,.2)
}

.md-content.md-theme-default {
    background-color: #fff;
    background-color: var(--md-theme-default-background,#fff);
    color: rgba(0,0,0,.87);
    color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
}

    .md-content.md-theme-default.md-primary {
        background-color: #000;
        background-color: var(--md-theme-default-primary,#000);
        color: #fff;
        color: var(--md-theme-default-text-primary-on-primary,#fff)
    }

    .md-content.md-theme-default.md-accent {
        background-color: #000;
        background-color: var(--md-theme-default-accent,#000);
        color: #fff;
        color: var(--md-theme-default-text-primary-on-accent,#fff)
    }

.md-dialog-container.md-theme-default {
    background-color: #fff;
    background-color: var(--md-theme-default-background,#fff);
    color: rgba(0,0,0,.87);
    color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
}

.md-field.md-theme-default:after {
    background-color: rgba(0,0,0,.42)
}

.md-field.md-theme-default .md-count, .md-field.md-theme-default .md-helper-text, .md-field.md-theme-default label {
    color: rgba(0,0,0,.54)
}

.md-field.md-theme-default .md-prefix, .md-field.md-theme-default .md-suffix {
    color: rgba(0,0,0,.54)
}

.md-field.md-theme-default .md-input::-webkit-input-placeholder, .md-field.md-theme-default .md-textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.md-field.md-theme-default.md-focused .md-input, .md-field.md-theme-default.md-focused .md-textarea, .md-field.md-theme-default.md-has-value .md-input, .md-field.md-theme-default.md-has-value .md-textarea {
    -webkit-text-fill-color: rgba(0,0,0,.87)
}

.md-field.md-theme-default.md-has-textarea:not(.md-autogrow):after {
    border-color: rgba(0,0,0,.42)
}

.md-field.md-theme-default.md-has-textarea:not(.md-autogrow):before {
    border-color: #000;
    border-color: var(--md-theme-default-primary,#000)
}

.md-field.md-theme-default.md-disabled:after {
    background-image: linear-gradient(to right,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 33%,transparent 0)
}

.md-field.md-theme-default.md-disabled .md-input, .md-field.md-theme-default.md-disabled .md-textarea, .md-field.md-theme-default.md-disabled label {
    color: rgba(0,0,0,.42)
}

.md-field.md-theme-default > .md-icon:after {
    background-color: #fafafa;
    background-color: var(--md-theme-default-background-variant,#fafafa)
}

.md-field.md-theme-default.md-invalid:after {
    background-color: #ff1744;
    background-color: var(--md-theme-default-fieldvariant,#ff1744)
}

.md-field.md-theme-default.md-invalid.md-has-textarea:not(.md-autogrow):before {
    border-color: #ff1744;
    border-color: var(--md-theme-default-fieldvariant,#ff1744)
}

.md-field.md-theme-default.md-invalid label {
    color: #ff1744;
    color: var(--md-theme-default-fieldvariant,#ff1744)
}

.md-field.md-theme-default.md-invalid .md-error {
    color: #ff1744;
    color: var(--md-theme-default-fieldvariant,#ff1744)
}

.md-field.md-theme-default.md-invalid .md-date-icon, .md-field.md-theme-default.md-invalid .md-date-icon svg {
    color: #ff1744;
    color: var(--md-theme-default-fieldvariant,#ff1744);
    fill: #ff1744;
    fill: var(--md-theme-default-fieldvariant,#ff1744)
}

.md-field.md-theme-default.md-focused .md-input, .md-field.md-theme-default.md-focused .md-textarea, .md-field.md-theme-default.md-highlight .md-input, .md-field.md-theme-default.md-highlight .md-textarea {
    color: #000;
    color: var(--md-theme-default-primary-on-background,#000)
}

.md-field.md-theme-default.md-focused > .md-icon, .md-field.md-theme-default.md-highlight > .md-icon {
    color: #000;
    color: var(--md-theme-default-primary-on-background,#000);
    fill: #000;
    fill: var(--md-theme-default-primary-on-background,#000)
}

.md-field.md-theme-default.md-focused label {
    color: #000;
    color: var(--md-theme-default-primary-on-background,#000)
}

.md-field.md-theme-default.md-disabled .md-icon svg {
    fill: rgba(0,0,0,.26);
    fill: var(--md-theme-default-disabled-on-background,rgba(0,0,0,.26))
}

.md-icon.md-theme-default.md-icon-image svg {
    fill: rgba(0,0,0,.54);
    fill: var(--md-theme-default-icon-on-background,rgba(0,0,0,.54))
}

    .md-icon.md-theme-default.md-icon-image svg.md-primary {
        fill: #000;
        fill: var(--md-theme-default-primary-on-background,#000)
    }

    .md-icon.md-theme-default.md-icon-image svg.md-accent {
        fill: #000;
        fill: var(--md-theme-default-accent-on-background,#000)
    }

.md-icon.md-theme-default.md-icon-font {
    color: rgba(0,0,0,.54);
    color: var(--md-theme-default-icon-on-background,rgba(0,0,0,.54))
}

    .md-icon.md-theme-default.md-icon-font.md-primary {
        color: #000;
        color: var(--md-theme-default-primary-on-background,#000)
    }

    .md-icon.md-theme-default.md-icon-font.md-accent {
        color: #000;
        color: var(--md-theme-default-accent-on-background,#000)
    }

.md-list.md-theme-default {
    background-color: #fff;
    background-color: var(--md-theme-default-background,#fff);
    color: rgba(0,0,0,.87);
    color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
}

    .md-list.md-theme-default.md-double-line .md-list-item-text :nth-child(2) {
        color: rgba(0,0,0,.54);
        color: var(--md-theme-default-text-accent-on-background,rgba(0,0,0,.54))
    }

    .md-list.md-theme-default.md-triple-line .md-list-item-text :nth-child(3) {
        color: rgba(0,0,0,.54);
        color: var(--md-theme-default-text-accent-on-background,rgba(0,0,0,.54))
    }

    .md-list.md-theme-default .md-highlight .md-list-item-container {
        background-color: rgba(0,0,0,.12);
        background-color: var(--md-theme-default-divider-on-background,rgba(0,0,0,.12))
    }

    .md-list.md-theme-default .md-list-item-container {
        color: rgba(0,0,0,.87);
        color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
    }

        .md-list.md-theme-default .md-list-item-container:not(.md-list-item-default):not(.md-list-item-expand):not([disabled]):hover {
            background-color: rgba(0,0,0,.12);
            background-color: var(--md-theme-default-divider-on-background,rgba(0,0,0,.12));
            color: rgba(0,0,0,.87);
            color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
        }

    .md-list.md-theme-default [disabled] {
        color: rgba(0,0,0,.26);
        color: var(--md-theme-default-disabled-on-background,rgba(0,0,0,.26))
    }

    .md-list.md-theme-default .md-selected .md-list-item-content, .md-list.md-theme-default .router-link-active .md-list-item-content {
        color: #000;
        color: var(--md-theme-default-primary-on-background,#000)
    }

    .md-list.md-theme-default .md-list-item-expand.md-active {
        border-color: rgba(0,0,0,.12);
        border-color: var(--md-theme-default-divider-on-background,rgba(0,0,0,.12))
    }

    .md-list.md-theme-default .md-list-item-expand:not(.md-list-item-default):not([disabled]) > .md-list-item-content:hover {
        background-color: rgba(0,0,0,.12);
        background-color: var(--md-theme-default-divider-on-background,rgba(0,0,0,.12));
        color: rgba(0,0,0,.87);
        color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
    }

.md-menu-item.md-theme-default.md-primary .md-list-item-button, .md-menu-item.md-theme-default.md-primary .md-list-item-link, .md-menu-item.md-theme-default.md-primary .md-list-item-router {
    color: #000;
    color: var(--md-theme-default-primary-on-background,#000)
}

.md-menu-item.md-theme-default.md-accent .md-list-item-button, .md-menu-item.md-theme-default.md-accent .md-list-item-link, .md-menu-item.md-theme-default.md-accent .md-list-item-router {
    color: #000;
    color: var(--md-theme-default-accent-on-background,#000)
}

.md-progress-spinner.md-theme-default .md-progress-spinner-circle {
    stroke: #000;
    stroke: var(--md-theme-default-primary,#000)
}

.md-progress-spinner.md-theme-default.md-accent .md-progress-spinner-circle {
    stroke: #000;
    stroke: var(--md-theme-default-accent,#000)
}

.md-radio.md-theme-default.md-checked .md-radio-container {
    border-color: #000;
    border-color: var(--md-theme-default-accent,#000)
}

    .md-radio.md-theme-default.md-checked .md-radio-container:after {
        background-color: #000;
        background-color: var(--md-theme-default-accent,#000)
    }

.md-radio.md-theme-default.md-checked .md-ripple {
    color: #000;
    color: var(--md-theme-default-accent,#000)
}

.md-radio.md-theme-default.md-checked.md-primary .md-radio-container {
    border-color: #000;
    border-color: var(--md-theme-default-primary,#000)
}

    .md-radio.md-theme-default.md-checked.md-primary .md-radio-container:after {
        background-color: #000;
        background-color: var(--md-theme-default-primary,#000)
    }

.md-radio.md-theme-default.md-checked.md-primary .md-ripple {
    color: #000;
    color: var(--md-theme-default-primary,#000)
}

.md-radio.md-theme-default .md-radio-container {
    border-color: rgba(0,0,0,.54)
}

.md-radio.md-theme-default.md-disabled .md-radio-container {
    border-color: rgba(0,0,0,.26)
}

.md-radio.md-theme-default.md-disabled.md-checked .md-radio-container {
    border-color: rgba(0,0,0,.26)
}

    .md-radio.md-theme-default.md-disabled.md-checked .md-radio-container:after {
        background-color: rgba(0,0,0,.26)
    }

.md-subheader.md-theme-default {
    color: rgba(0,0,0,.54);
    color: var(--md-theme-default-text-accent-on-background,rgba(0,0,0,.54))
}

    .md-subheader.md-theme-default.md-primary {
        color: #000;
        color: var(--md-theme-default-primary-on-background,#000)
    }

.md-switch.md-theme-default.md-checked .md-switch-container {
    background-color: rgba(0,0,0,.38);
    background-color: var(--md-theme-default-accent-on-,rgba(0,0,0,.38))
}

.md-switch.md-theme-default.md-checked .md-switch-thumb {
    background-color: #000;
    background-color: var(--md-theme-default-accent,#000)
}

.md-switch.md-theme-default.md-checked .md-ripple {
    color: #000;
    color: var(--md-theme-default-accent,#000)
}

.md-switch.md-theme-default.md-checked.md-primary .md-switch-container {
    background-color: rgba(0,0,0,.38);
    background-color: var(--md-theme-default-primary-on-,rgba(0,0,0,.38))
}

.md-switch.md-theme-default.md-checked.md-primary .md-switch-thumb {
    background-color: #000;
    background-color: var(--md-theme-default-primary,#000)
}

.md-switch.md-theme-default.md-checked.md-primary .md-ripple {
    color: #000;
    color: var(--md-theme-default-primary,#000)
}

.md-switch.md-theme-default .md-switch-container {
    background-color: rgba(0,0,0,.38)
}

.md-switch.md-theme-default .md-switch-thumb {
    background-color: #f5f5f5;
    background-color: var(--md-theme-default-switchvariant,#f5f5f5)
}

.md-switch.md-theme-default.md-disabled .md-switch-container {
    background-color: rgba(0,0,0,.12)
}

.md-switch.md-theme-default.md-disabled .md-switch-thumb {
    background-color: #bdbdbd;
    background-color: var(--md-theme-default-switchvariant,#bdbdbd)
}

.md-table.md-theme-default .md-table-alternate-header, .md-table.md-theme-default .md-table-content {
    background-color: #fff;
    background-color: var(--md-theme-default-background,#fff)
}

    .md-table.md-theme-default .md-table-alternate-header .md-table-toolbar {
        color: rgba(0,0,0,.87);
        color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87));
        background-color: rgba(0,0,0,.2);
        background-color: var(--md-theme-default-accent-on-,rgba(0,0,0,.2))
    }

.md-table.md-theme-default .md-table-row:hover:not(.md-header-row) .md-table-cell {
    background-color: rgba(0,0,0,.08);
    background-color: var(--md-theme-default-highlight-on-background,rgba(0,0,0,.08))
}

.md-table.md-theme-default .md-table-row.md-selected, .md-table.md-theme-default .md-table-row.md-selected-single {
    background-color: #f5f5f5;
    background-color: var(--md-theme-default-rowvariant,#f5f5f5)
}

    .md-table.md-theme-default .md-table-row.md-selected-single.md-primary, .md-table.md-theme-default .md-table-row.md-selected.md-primary {
        background-color: #000;
        background-color: var(--md-theme-default-primary-on-background,#000);
        color: #fff;
        color: var(--md-theme-default-text-primary-on-primary,#fff)
    }

        .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-ripple, .md-table.md-theme-default .md-table-row.md-selected.md-primary .md-ripple {
            color: #fff
        }

        .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-checkbox-container, .md-table.md-theme-default .md-table-row.md-selected.md-primary .md-checkbox-container {
            background-color: #fff;
            border-color: #fff
        }

            .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-checkbox-container:after, .md-table.md-theme-default .md-table-row.md-selected.md-primary .md-checkbox-container:after {
                border-color: #000;
                border-color: var(--md-theme-default-primary,#000)
            }

    .md-table.md-theme-default .md-table-row.md-selected-single.md-accent, .md-table.md-theme-default .md-table-row.md-selected.md-accent {
        background-color: #000;
        background-color: var(--md-theme-default-accent-on-background,#000);
        color: #fff;
        color: var(--md-theme-default-text-primary-on-accent,#fff)
    }

        .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-ripple, .md-table.md-theme-default .md-table-row.md-selected.md-accent .md-ripple {
            color: #fff
        }

        .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-checkbox-container, .md-table.md-theme-default .md-table-row.md-selected.md-accent .md-checkbox-container {
            background-color: #fff;
            border-color: #fff
        }

            .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-checkbox-container:after, .md-table.md-theme-default .md-table-row.md-selected.md-accent .md-checkbox-container:after {
                border-color: #000;
                border-color: var(--md-theme-default-accent,#000)
            }

.md-table.md-theme-default .md-table-row td {
    border-top-color: rgba(0,0,0,.12);
    border-top-color: var(--md-theme-default-divider-on-background,rgba(0,0,0,.12))
}

.md-table.md-theme-default .md-table-head {
    color: rgba(0,0,0,.54);
    color: var(--md-theme-default-text-accent-on-background,rgba(0,0,0,.54))
}

.md-table.md-theme-default .md-table-fixed-header-active {
    border-bottom-color: rgba(0,0,0,.12);
    border-bottom-color: var(--md-theme-default-divider-on-background,rgba(0,0,0,.12))
}

.md-table.md-theme-default .md-sortable.md-sorted, .md-table.md-theme-default .md-sortable:hover {
    color: rgba(0,0,0,.87);
    color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
}

    .md-table.md-theme-default .md-sortable.md-sorted svg, .md-table.md-theme-default .md-sortable:hover svg {
        color: rgba(0,0,0,.87);
        color: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87));
        fill: rgba(0,0,0,.87);
        fill: var(--md-theme-default-text-primary-on-background,rgba(0,0,0,.87))
    }

.md-table.md-theme-default .md-table-pagination {
    border-top-color: rgba(0,0,0,.12);
    border-top-color: var(--md-theme-default-divider-on-background,rgba(0,0,0,.12))
}

.md-tooltip.md-theme-default {
    color: #fff;
    color: var(--md-theme-default-text-primary-on-tooltip,#fff);
    background-color: rgba(97,97,97,.9);
    background-color: var(--md-theme-default-tooltip-on-background,rgba(97,97,97,.9))
}

.md-field.md-theme-default .md-input {
    width: 100%
}

.md-field.md-theme-default label {
    color: #000
}

.md-field.md-theme-default.md-focused label, .md-field.md-theme-default.md-has-value label, .md-field.md-theme-default.md-invalid label {
    color: rgba(0,0,0,.37)
}

.md-field.md-theme-default.md-invalid {
    margin-bottom: 4rem
}

    .md-field.md-theme-default.md-invalid:after {
        background-color: #b00020
    }

    .md-field.md-theme-default.md-invalid .md-error {
        color: #b00020
    }

.md-field.md-theme-default.md-disabled .md-input {
    color: rgba(0,0,0,.6);
    -webkit-text-fill-color: rgba(0,0,0,.6)
}

.md-field.md-theme-default.md-disabled:after {
    background-image: none;
    background-color: rgba(0,0,0,.1)
}

.md-field.md-theme-default textarea {
    margin-bottom: 0;
    border-bottom: none
}

.md-field.md-theme-default.md-has-textarea:before {
    border: none
}

.md-field.md-theme-default.md-has-textarea:after {
    border: none;
    border-bottom: .08rem solid #000
}

.md-field.md-theme-default.md-has-textarea .md-textarea {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0 !important;
    margin-top: 2rem
}

.md-field.md-theme-default.md-has-textarea label {
    left: 0
}

div:not(.controls) > .md-button {
    height: 5rem;
    width: 23rem;
}

    div:not(.controls) > .md-button .md-button-content {
        line-height: 3rem;
        top: 5%
    }

.md-select .md-icon.md-icon-font:before {
    border-style: solid;
    border-width: .0833rem .0833rem 0 0;
    border-color: #000;
    content: '';
    display: inline-block;
    width: .35em;
    height: .35em;
    position: relative;
    left: -.3rem;
    top: 0;
    vertical-align: top;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.md-select .md-icon.md-icon-font svg {
    display: none
}

.md-select.md-disabled .md-icon.md-icon-font:before {
    border-color: rgba(0,0,0,.37)
}

.md-menu-content .md-menu-content-container {
    max-height: inherit;
    scrollbar-width: thin;
    border-radius: 10px;
}

.md-list .md-list-item .md-list-item-button {
    font-family: BrownStd-Regular,sans-serif;
    letter-spacing: normal
}

    .md-list .md-list-item .md-list-item-button .md-list-item-content {
        padding-top: 2px
    }

    .md-list .md-list-item .md-list-item-button:focus {
        background-color: rgba(0,0,0,.05)
    }

    .md-list .md-list-item .md-list-item-button:hover {
        background-color: rgba(0,0,0,.12)
    }

    .md-list .md-list-item .md-list-item-button:active {
        background-color: rgba(0,0,0,.2) !important
    }

.md-list .md-list-item.md-selected .md-list-item-button {
    background-color: rgba(0,0,0,.05)
}

.layout-reversed .md-field > label {
    right: 0
}

.layout-reversed .md-input {
    max-width: 100%
}

.layout-reversed .md-error {
    right: 0 !important
}

.layout-reversed .grid-col-8 {
    float: right !important;
    padding-right: 0
}

.layout-reversed .grid-col-4 {
    float: right !important;
    padding-left: 1.7799% !important
}

.layout-reversed .grid-col-5 {
    float: right !important
}

    .layout-reversed .grid-col-5 .title {
        text-align: right
    }

.layout-reversed .pw-pricing .accordion-content-2col-row .grid-col-8, .layout-reversed .pw-pricing .row .grid-col-8 {
    text-align: right !important
}

.layout-reversed .pw-pricing .accordion-content-2col-row .grid-col-4, .layout-reversed .pw-pricing .row .grid-col-4 {
    text-align: left !important
}

.layout-reversed .pw-actions .grid-col-6 {
    float: right !important;
    padding-left: 1.7799% !important;
    padding-right: 0 !important
}

.layout-reversed .checkout_wrapper .grid-col-9 {
    float: right !important
}

.layout-reversed .checkout_wrapper .grid-col-6 {
    float: right !important
}

.layout-reversed .checkout_wrapper .grid-col-3 {
    float: right !important
}

.layout-reversed .checkout_wrapper .grid-col-2 {
    float: right !important
}

.layout-reversed .checkout_wrapper .md-checkbox-label {
    padding-right: 16px !important;
    padding-left: 0 !important
}

.layout-reversed .opd-spinner .controls, .layout-reversed .opd-spinner .label {
    float: right !important
}

.layout-reversed .pki-details span {
    left: .5rem !important;
    right: inherit !important
}

.layout-reversed .question-list span {
    left: .5rem !important;
    right: inherit !important
}

.md-field > label {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lt-ie12 .md-field > label:lang(ar) {
    font-family: Verdana,"Noto Kufi Arabic",brown-regular,bonodiBe-medium,sans-serif
}

a[disabled=disabled] {
    pointer-events: none;
    color: rgba(0,0,0,.6);
    -webkit-text-fill-color: rgba(0,0,0,.6)
}

.md-menu-content:not(.md-select-menu) {
    width: 28rem !important;
    max-width: 28rem !important
}

.md-count {
    display: none
}

.md-theme-default .md-tooltip {
    max-width: 90%;
    height: auto !important;
    white-space: normal
}

.centered-black-page-title .module-free-text-header {
    color: #000;
    text-align: center
}

    .centered-black-page-title .module-free-text-header:before {
        margin: 0 auto
    }

.centered-black-page-title .module-free-text-copy {
    color: #000;
    text-align: center
}

.layout-reversed .align-right {
    text-align: left
}

.layout-reversed .align-left {
    text-align: right
}

.grid-wrap.side-widget-layout.no-margin {
    margin-top: 0
}

.separator {
    height: .1rem;
    background-color: #d8d8d8
}

.form-container {
    padding: 2rem
}

    .form-container.nop {
        padding: 1rem 2rem 2rem 0
    }

    .form-container h5 {
        font-size: 16px;
        font-family: BrownStd-Regular, sans-serif;
        letter-spacing: initial;
        margin-top: 1.3333rem;
        margin-bottom: 1rem
    }

        .form-container h5.no-mt {
            margin-top: 0
        }

    .form-container .error-message {
        color: #b00020
    }

.md-button.md-button-wide {
    box-shadow: none
}

    .md-button.md-button-wide .md-ripple {
        padding: 0 2.3333rem
    }

    .md-button.md-button-wide .md-button-content {
        font-family: brown-light,sans-serif
    }

.md-button.md-button-border {
    border: 1px solid #000
}

    .md-button.md-button-border:active {
        border-color: #999
    }

.md-button.md-block-button {
    display: block;
    width: 100%
}

.md-button.md-white {
    border: 1px solid var(--natural-green);
    box-shadow: none
}

    .md-button.md-white:active {
        border-color: #999
    }

.md-button.md-black {
    box-shadow: none
}

.md-button.md-gray {
    background-color: #b2b2b2 !important;
    color: #fff !important
}

.md-button.md-normal-case {
    text-transform: none
}

.cart-button-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.manage-dropdown h2 {
    position: relative;
    font-family: brown-regular,sans-serif;
    font-size: 1.5rem;
    line-height: 1.8333rem;
    padding: 0 0 1.1667rem 0;
    margin-bottom: 0 0 1rem 0;
    text-transform: uppercase;
    color: #000
}

.manage-dropdown > p {
    font-family: brown-regular,sans-serif;
    font-size: 1.1667rem;
    line-height: 1.4167rem;
    color: #000;
    margin: 0 0 1.3333rem 0
}

.opd-spinner {
    padding: 1.5rem 0 0 0
}

    .opd-spinner::after {
        clear: both;
        content: "";
        display: table
    }

    .opd-spinner .label, .opd-spinner .value {
        display: inline-block;
        font-size: 1.3333rem;
        font-family: brown-regular,sans-serif;
        line-height: 1.8333rem
    }

    .opd-spinner .controls, .opd-spinner .label {
        display: block;
        float: left;
        width: 10.6667rem
    }

    .opd-spinner .info {
        display: block;
        float: left;
        width: calc(100% - 22rem);
        font-size: 1.3333rem;
        font-family: brown-regular,sans-serif;
        line-height: 1.8333rem
    }

    .opd-spinner .value {
        min-width: 2.9167rem;
        text-align: center;
        margin-top: .25rem
    }

    .opd-spinner .md-button {
        border: 1px solid #000;
        border-radius: 50%;
        width: 1.8333rem;
        min-width: 1.8333rem;
        height: 1.8333rem;
        line-height: 1.8333rem;
        padding: 0;
        font-weight: 400 !important;
        vertical-align: top !important
    }

        .opd-spinner .md-button:active, .opd-spinner .md-button:focus, .opd-spinner .md-button:hover {
            background: 0 0
        }

        .opd-spinner .md-button .minus, .opd-spinner .md-button .plus-1, .opd-spinner .md-button .plus-2 {
            display: block;
            width: 1rem;
            height: .0833rem;
            background: #000;
            left: -.5rem;
            border-radius: .0833rem
        }

        .opd-spinner .md-button .plus-2 {
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }

        .opd-spinner .md-button[disabled] {
            border-color: rgba(0,0,0,.37)
        }

            .opd-spinner .md-button[disabled] .minus, .opd-spinner .md-button[disabled] .plus-1, .opd-spinner .md-button[disabled] .plus-2 {
                background: rgba(0,0,0,.37)
            }

    .opd-spinner.opd-spinner--disabled .label, .opd-spinner.opd-spinner--disabled .value {
        color: rgba(0,0,0,.37)
    }

.opd-datepicker .vdp-datepicker input {
    display: none
}

.opd-datepicker .vdp-datepicker__calendar {
    box-shadow: 0 0 30px 0 rgba(0,0,0,.12);
    border: none
}

    .opd-datepicker .vdp-datepicker__calendar header {
        border-bottom: 2px dashed #b7b7b7
    }

        .opd-datepicker .vdp-datepicker__calendar header::after {
            clear: both;
            content: "";
            display: table
        }

        .opd-datepicker .vdp-datepicker__calendar header span {
            font-size: 1.3333rem;
            font-family: brown-regular,sans-serif;
            line-height: 4rem
        }

            .opd-datepicker .vdp-datepicker__calendar header span.next:after, .opd-datepicker .vdp-datepicker__calendar header span.prev:after {
                border-style: solid;
                border-width: .15rem .15rem 0 0;
                border-color: #000;
                width: 1rem;
                height: 1rem;
                margin-left: 0
            }

            .opd-datepicker .vdp-datepicker__calendar header span.next:after {
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 30%;
                top: 35%
            }

            .opd-datepicker .vdp-datepicker__calendar header span.prev:after {
                -ms-transform: rotate(-135deg);
                transform: rotate(-135deg);
                left: 40%;
                top: 35%
            }

    .opd-datepicker .vdp-datepicker__calendar > div {
        padding: 1rem
    }

    .opd-datepicker .vdp-datepicker__calendar .cell {
        font-size: 1.2117rem;
        font-family: brown-regular,sans-serif
    }

        .opd-datepicker .vdp-datepicker__calendar .cell.day-header {
            color: #c2c2c2
        }

        .opd-datepicker .vdp-datepicker__calendar .cell.disabled {
            color: #d9d9d9
        }

        .opd-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled):not(.selected).day:hover {
            border-color: #f7f7f7;
            background: #f7f7f7;
            border-radius: 50%
        }

        .opd-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled):not(.selected).month:hover, .opd-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled):not(.selected).year:hover {
            border-color: #f7f7f7;
            background: #f7f7f7
        }

        .opd-datepicker .vdp-datepicker__calendar .cell.selected.day {
            border-color: #b7b7b7 !important;
            background: #b7b7b7;
            color: #fff;
            border-radius: 50%
        }

        .opd-datepicker .vdp-datepicker__calendar .cell.selected.month, .opd-datepicker .vdp-datepicker__calendar .cell.selected.year {
            border-color: #b7b7b7 !important;
            background: #b7b7b7;
            color: #fff
        }

.opd-datepicker .opd-datepicker-vdp {
    position: relative
}

.md-dialog {
    z-index: 1002;
    -ms-transform: none;
    transform: none;
    display: block;
    width: 600px;
    left: 50%;
    top: 15%;
    margin-left: -300px
}

    .md-dialog .md-button:active, .md-dialog .md-button:focus, .md-dialog .md-button:hover {
        background: 0 0
    }

.md-overlay {
    z-index: 1001
}

.dialog {
    padding: 2rem
}

    .dialog .title-error {
        position: relative;
        color: #b00020;
        font-family: brown-regular,sans-serif;
        font-size: 2.8333rem;
        line-height: 3.5rem;
        letter-spacing: .1167rem;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 1rem;
        margin-bottom: 1.4rem
    }

        .dialog .title-error:after {
            content: '';
            position: absolute;
            display: block;
            height: 1px;
            background: #000;
            width: 3.75rem;
            bottom: 0;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto
        }

    .dialog .title-success {
        position: relative;
        color: green;
        font-family: brown-regular,sans-serif;
        font-size: 2.8333rem;
        line-height: 3.5rem;
        letter-spacing: .1167rem;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 1rem;
        margin-bottom: 1.4rem
    }

        .dialog .title-success:after {
            content: '';
            position: absolute;
            display: block;
            height: 1px;
            background: #000;
            width: 3.75rem;
            bottom: 0;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto
        }

    .dialog .description {
        font-family: brown-regular,sans-serif;
        font-size: 1.1667rem;
        line-height: 1.4167rem;
        color: #000;
        text-align: center
    }

    .dialog .buttons {
        margin-top: 1.4rem;
        text-align: center
    }

.error-dialog {
    padding: 2rem
}

    .error-dialog .error-title {
        position: relative;
        color: #b00020;
        font-family: brown-regular,sans-serif;
        font-size: 2.8333rem;
        line-height: 3.5rem;
        letter-spacing: .1167rem;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 1rem;
        margin-bottom: 1.4rem
    }

        .error-dialog .error-title:after {
            content: '';
            position: absolute;
            display: block;
            height: 1px;
            background: #000;
            width: 3.75rem;
            bottom: 0;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto
        }

    .error-dialog .error-description {
        font-family: brown-regular,sans-serif;
        font-size: 1.1667rem;
        line-height: 1.4167rem;
        color: #000;
        text-align: center
    }

    .error-dialog .error-buttons {
        margin-top: 1.4rem;
        text-align: center
    }

.layout-reversed .timetable-dialog .timetable-title {
    position: relative;
    color: #000;
    font-family: brown-regular,sans-serif;
    font-size: 2.8333rem;
    line-height: 3.5rem;
    letter-spacing: .1167rem;
    text-align: right;
    text-transform: uppercase;
    padding-bottom: 1rem;
    margin-bottom: 1.4rem
}

    .layout-reversed .timetable-dialog .timetable-title:after {
        content: '';
        position: absolute;
        display: block;
        height: 1px;
        background: #000;
        width: 3.75rem;
        bottom: 0;
        left: 0;
        right: 0
    }

.timetable-dialog {
    max-height: 80vh
}

    .timetable-dialog .timetable-title {
        position: relative;
        color: #000;
        font-family: brown-regular,sans-serif;
        font-size: 2.8333rem;
        line-height: 3.5rem;
        letter-spacing: .1167rem;
        text-align: left;
        text-transform: uppercase;
        padding-bottom: 1rem;
        margin-bottom: 1.4rem
    }

        .timetable-dialog .timetable-title:after {
            content: '';
            position: absolute;
            display: block;
            height: 1px;
            background: #000;
            width: 3.75rem;
            bottom: 0;
            left: 0;
            right: 0
        }

        .timetable-dialog .timetable-title::after {
            left: 24px
        }

    .timetable-dialog .timetable-content {
        font-family: brown-regular,sans-serif;
        font-size: 1.1667rem;
        line-height: 1.4167rem;
        color: #000;
        max-height: calc(65vh - 122px);
        overflow: auto
    }

        .timetable-dialog .timetable-content div {
            min-height: 1.4167rem
        }

        .timetable-dialog .timetable-content strong {
            font-family: brown-bold,sans-serif;
            font-weight: 500
        }

    .timetable-dialog .timetable-buttons {
        margin-top: 1.4rem;
        text-align: right;
        margin-top: 0
    }

.content-dialog {
    max-height: 80vh
}

    .content-dialog .md-dialog-content {
        max-height: calc(70vh - 122px)
    }

        .content-dialog .md-dialog-content h2 {
            font-size: 1.3rem;
            text-transform: uppercase;
            margin-top: 1.3rem;
            font-family: brown-bold,sans-serif;
            font-weight: 500
        }

            .content-dialog .md-dialog-content h2:first-child {
                margin-top: 0
            }

    .content-dialog.package-modal .md-dialog-content div {
        margin-top: 1.3rem
    }

        .content-dialog.package-modal .md-dialog-content div h2 {
            margin-top: 0
        }

        .content-dialog.package-modal .md-dialog-content div:first-child {
            margin-top: 0
        }

.opd-checkbox label {
    font-size: 16px
}

    .opd-checkbox label.md-checkbox-label {
        height: auto
    }

.opd-checkbox .md-checkbox .checkbox-error {
    color: #b00020
}

.checkbox-error .md-checkbox-container {
    border-color: #b00020
}

.checkbox-error span {
    color: #b00020
}

.selected-button {
    pointer-events: none !important;
    background: #fff !important
}

    .selected-button .md-icon.md-icon-font {
        color: rgba(0,0,0,.87) !important
    }

#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1002;
    background-color: rgba(192,192,192,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#loadingImage {
    width: 20% !important;
    background: 0 0;
    box-shadow: none !important;
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-left: 0 !important
}

.inline-radio-group {
    position: relative;
    padding: 0;
    margin-bottom: .3333rem
}

    .inline-radio-group > span {
        position: relative;
        display: inline-block;
        top: -5px;
        font-family: brown-regular,sans-serif;
        font-size: 1.3333rem;
        line-height: 1.6667rem;
        margin: 1.3333rem 2rem 1.3333rem 0
    }

.lt-ie12 .inline-radio-group > span {
    top: -3px
}

.layout-reversed .inline-radio-group > span {
    margin: 1.3333rem 0 1.3333rem 2rem
}

.inline-radio-group.inline-radio-group--disabled > span {
    color: rgba(0,0,0,.37)
}

.inline-radio-group .mdc-form-field {
    margin-right: 1.3333rem
}

.inline-radio-group .md-error {
    position: absolute;
    bottom: -.3333rem;
    color: #b00020
}

.inline-radio-group .md-radio {
    margin-right: 24px
}

.layout-reversed .inline-radio-group .md-radio {
    margin-right: 0 !important;
    margin-left: 24px !important
}

.inline-radio-group .md-radio .md-radio-label {
    top: 1px;
    padding-left: 8px;
    font-size: 1.3333rem
}

.lt-ie12 .inline-radio-group .md-radio .md-radio-label {
    top: 3px
}

.layout-reversed .inline-radio-group .md-radio .md-radio-label {
    padding-left: 0;
    padding-right: 8px
}

.lt-ie12 .layout-reversed .inline-radio-group .md-radio .md-radio-label {
    top: 0
}

.layout-reversed .inline-radio-group .md-radio .md-radio-container .md-ripple {
    left: auto !important;
    right: 50% !important;
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.inline-radio-group .md-radio.md-disabled .md-radio-label {
    color: rgba(0,0,0,.26)
}

.opd-autocomplete .md-button {
    display: none
}

.opd-autocomplete .md-input:lang(ar) {
    padding-right: 0
}

.opd-autocomplete .md-input:-ms-input-placeholder {
    color: #000 !important;
    opacity: 1
}

.opd-autocomplete .md-input::placeholder {
    color: #000 !important;
    opacity: 1
}

.opd-autocomplete .md-input:-ms-input-placeholder, .opd-autocomplete .md-input::-ms-input-placeholder {
    color: #000 !important
}

.opd-autocomplete .md-invalid .md-input:-ms-input-placeholder {
    color: rgba(0,0,0,.37) !important
}

.opd-autocomplete .md-invalid .md-input::placeholder {
    color: rgba(0,0,0,.37) !important
}

.opd-autocomplete .md-invalid .md-input:-ms-input-placeholder, .opd-autocomplete .md-invalid .md-input::-ms-input-placeholder {
    color: rgba(0,0,0,.37) !important
}

.departing-from, .return-time {
    width: 100%
}

.field-link-container {
    text-align: center
}

.field-link {
    display: inline-block;
    margin-top: 4px;
    padding-top: 16px;
    min-height: 48px;
    line-height: 32px;
    font-size: 1.3333rem;
    color: #000;
    text-align: right;
    text-decoration: underline
}

    .field-link:active, .field-link:hover {
        text-decoration: underline
    }

.no-padding-field-link {
    text-decoration: underline;
    font-size: 1.3333rem;
    color: #000;
    line-height: 32px;
    min-height: 48px
}

    .no-padding-field-link:active, .no-padding-field-link:hover {
        text-decoration: underline
    }

.shopping-bag-wrapper > .accordion-content-2col-row > .grid-wrap, .shopping-bag-wrapper > .row > .grid-wrap {
    padding: 2rem;
    max-width: 86.6667rem;
    margin: 0 auto
}

    .shopping-bag-wrapper > .accordion-content-2col-row > .grid-wrap > [class*=grid-col-]:not(:last-child), .shopping-bag-wrapper > .row > .grid-wrap > [class*=grid-col-]:not(:last-child) {
        padding: 0
    }

    .shopping-bag-wrapper > .accordion-content-2col-row > .grid-wrap > [class*=grid-col-]:last-child, .shopping-bag-wrapper > .row > .grid-wrap > [class*=grid-col-]:last-child {
        padding-right: 0
    }

.bag-span {
    z-index: -1
}

.bag-label {
    z-index: -1
}

.payment-success-wrapper .grid-wrapper {
    padding: 2rem
}

    .payment-success-wrapper .grid-wrapper [class*=grid-col]:first-child {
        padding-left: 0
    }

    .payment-success-wrapper .grid-wrapper [class*=grid-col]:last-child {
        padding-right: 0
    }

    .payment-success-wrapper .grid-wrapper [class*=grid-col] .product-widget {
        margin-right: 0
    }

    .payment-success-wrapper .grid-wrapper [class*=grid-col] .grid-wrapper.grand-total {
        padding: 1.5rem 0;
        font-size: 1.6rem;
        font-weight: 700;
        font-family: brown-light,sans-serif
    }

        .payment-success-wrapper .grid-wrapper [class*=grid-col] .grid-wrapper.grand-total .buttons {
            margin-top: 1rem
        }

            .payment-success-wrapper .grid-wrapper [class*=grid-col] .grid-wrapper.grand-total .buttons .button {
                width: 20%;
                background-color: #b2b2b2;
                color: #fff;
                font-family: brown-light,sans-serif;
                padding: .7rem 0;
                font-size: 1.2rem;
                border: none;
                border-radius: 2px
            }

            .payment-success-wrapper .grid-wrapper [class*=grid-col] .grid-wrapper.grand-total .buttons .black-button {
                background-color: #000;
                color: #fff;
                border: .08rem solid #000
            }

.payment-success-wrapper .cancel-text {
    font-size: 1.3rem;
    padding: 8rem 0;
    text-align: center
}

.checkout_wrapper .hero-simple {
    margin-bottom: 0
}

    .checkout_wrapper .hero-simple.module-hero-new.module-new > .module-content-wrapper {
        margin-bottom: .75rem;
        padding-bottom: 1rem
    }

        .checkout_wrapper .hero-simple.module-hero-new.module-new > .module-content-wrapper > .module-content > header {
            margin-bottom: 1.5rem
        }

            .checkout_wrapper .hero-simple.module-hero-new.module-new > .module-content-wrapper > .module-content > header > .module-title {
                padding-top: 1.75rem;
                padding-bottom: 1.1rem
            }

.checkout_wrapper .page-content > .content-wrapper {
    max-width: 86.6667rem;
    margin: 0 auto;
    padding: 2rem
}

.checkout_wrapper .membership-form .form-container {
    padding-top: 0
}

    .checkout_wrapper .membership-form .form-container .image-row {
        padding: 1rem;
        padding-bottom: 2rem !important
    }

        .checkout_wrapper .membership-form .form-container .image-row .cc-image {
            background-size: contain;
            background-repeat: no-repeat;
            min-height: 50px
        }

    .checkout_wrapper .membership-form .form-container .membership-description {
        padding-bottom: 1rem
    }

        .checkout_wrapper .membership-form .form-container .membership-description .pb-1 {
            padding-bottom: 1rem
        }

        .checkout_wrapper .membership-form .form-container .membership-description .align-justify {
            text-align: justify
        }

        .checkout_wrapper .membership-form .form-container .membership-description p > * {
            display: inline-block
        }

.checkout_wrapper .terms-and-conditions-link {
    color: #000 !important;
    font-size: 1rem;
    display: inline;
    text-decoration: underline
}

.checkout_wrapper .odr-link {
    color: #000 !important;
    font-family: brown-regular,sans-serif;
    display: inline !important;
    text-decoration: underline;
    line-height: 1.5;
    color: #000;
    font-size: 14px
}

.checkout_wrapper .credit-card-container {
    max-width: 40%
}

    .checkout_wrapper .credit-card-container .credit-card-image {
        background-size: contain;
        background-repeat: no-repeat;
        height: 20px;
        padding: 0;
        padding-bottom: 2rem !important
    }

.package-view .package-content {
    padding-bottom: 2rem
}

    .package-view .package-content h2 {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 2rem
    }

        .package-view .package-content h2:first-child {
            margin-top: 0
        }

    .package-view .package-content .package-description, .package-view .package-content .package-redemption, .package-view .package-content .package-restriction {
        text-align: justify
    }

.dsp-blk {
    display: block
}

.checkout-form-wrapper {
    margin-bottom: 3rem
}

    .checkout-form-wrapper > .form-area {
        padding-bottom: .3rem
    }

        .checkout-form-wrapper > .form-area > .form-header {
            padding: 0 1.25rem;
            text-transform: uppercase;
            font-size: 1.3rem;
            margin-top: 1.8rem;
            font-family: brown-light,sans-serif;
            font-weight: 700
        }

        .checkout-form-wrapper > .form-area > .form-container > .accordion-content-2col-row, .checkout-form-wrapper > .form-area > .form-container > .row {
            padding-bottom: .8rem
        }

            .checkout-form-wrapper > .form-area > .form-container > .accordion-content-2col-row > .button-container, .checkout-form-wrapper > .form-area > .form-container > .row > .button-container {
                margin-bottom: 1.5rem
            }

            .checkout-form-wrapper > .form-area > .form-container > .accordion-content-2col-row .payment-information, .checkout-form-wrapper > .form-area > .form-container > .row .payment-information {
                text-align: justify;
                padding-bottom: 1.5rem
            }

.product-widget {
    position: relative;
    box-shadow: 0 0 .1rem .1rem #e5e5e5;
    margin-bottom: 2rem;
    overflow: hidden;
    margin-right: 3rem
}

    .product-widget .pw-content {
        padding: 2rem
    }

        .product-widget .pw-content .pw-title {
            font-size: 1.5rem;
            text-transform: uppercase;
            font-weight: 700;
            font-family: brown-light,sans-serif;
            padding-bottom: .8rem
        }

        .product-widget .pw-content .pw-description {
            font-size: 1.3rem;
            line-height: 1.6rem;
            padding-bottom: 1.5rem
        }

        .product-widget .pw-content .pw-information .accordion-content-2col-row, .product-widget .pw-content .pw-information .row {
            padding-top: .3rem;
            padding-bottom: .3rem
        }

            .product-widget .pw-content .pw-information .accordion-content-2col-row:hover, .product-widget .pw-content .pw-information .row:hover {
                background: #f9f9f9
            }

            .product-widget .pw-content .pw-information .accordion-content-2col-row .pw-property-value, .product-widget .pw-content .pw-information .row .pw-property-value {
                word-break: break-word
            }

            .product-widget .pw-content .pw-information .accordion-content-2col-row .pw-property-link, .product-widget .pw-content .pw-information .row .pw-property-link {
                cursor: pointer
            }

        .product-widget .pw-content .pw-information [class*=grid-col-] {
            font-size: 1.3rem;
            line-height: 1.6rem
        }

            .product-widget .pw-content .pw-information [class*=grid-col-]:first-child {
                font-family: brown-light,sans-serif
            }

            .product-widget .pw-content .pw-information [class*=grid-col-]:last-child {
                font-family: brown-regular,sans-serif;
                text-align: right
            }

.layout-reversed .product-widget .pw-content .pw-information [class*=grid-col-]:last-child {
    text-align: left
}

.product-widget .pw-content .pw-detailed-pricing {
    padding-top: .8rem;
    font-family: brown-light,sans-serif;
    font-size: 1.3rem
}

    .product-widget .pw-content .pw-detailed-pricing .accordion-content-2col-row, .product-widget .pw-content .pw-detailed-pricing .row {
        padding-top: .3rem;
        padding-bottom: .3rem;
        line-height: 1.6rem
    }

        .product-widget .pw-content .pw-detailed-pricing .accordion-content-2col-row [class*=grid-col-], .product-widget .pw-content .pw-detailed-pricing .row [class*=grid-col-] {
            font-weight: 700
        }

            .product-widget .pw-content .pw-detailed-pricing .accordion-content-2col-row [class*=grid-col-]:first-child, .product-widget .pw-content .pw-detailed-pricing .row [class*=grid-col-]:first-child {
                text-align: left
            }

            .product-widget .pw-content .pw-detailed-pricing .accordion-content-2col-row [class*=grid-col-]:last-child, .product-widget .pw-content .pw-detailed-pricing .row [class*=grid-col-]:last-child {
                text-align: right
            }

.product-widget .pw-content .pw-pricing {
    padding-top: .8rem
}

    .product-widget .pw-content .pw-pricing .accordion-content-2col-row [class*=grid-col-], .product-widget .pw-content .pw-pricing .row [class*=grid-col-] {
        font-family: brown-regular,sans-serif;
        line-height: 2.8rem
    }

        .product-widget .pw-content .pw-pricing .accordion-content-2col-row [class*=grid-col-]:first-child, .product-widget .pw-content .pw-pricing .row [class*=grid-col-]:first-child {
            font-size: 1.5rem;
            text-align: left
        }

        .product-widget .pw-content .pw-pricing .accordion-content-2col-row [class*=grid-col-]:last-child, .product-widget .pw-content .pw-pricing .row [class*=grid-col-]:last-child {
            font-size: 2.4rem;
            text-align: right
        }

.product-widget .pw-content .pw-actions .grid-col-6 .md-button {
    font-family: brown-light,sans-serif;
    margin: 0;
    margin-top: .8rem
}

.product-widget .pw-content .separator {
    margin: .5rem 0
}

.pw-hidden {
    display: none
}

#emailContent {
    overflow-wrap: break-word
}

a:not(.md-button):hover {
    text-decoration: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

@font-face {
    font-family: brown-light;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/BrownStd-Light.woff) format("woff"),url(../fonts/BrownStd-Light.ttf) format("truetype"),url(../fonts/BrownStd-Light.svg#brown-light) format("svg")
}

@font-face {
    font-family: brown-regular;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/BrownStd-Regular.woff) format("woff"),url(../fonts/BrownStd-Regular.ttf) format("truetype"),url(../fonts/BrownStd-Regular.svg#brown-regular) format("svg")
}

@font-face {
    font-family: brown-bold;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/BrownStd-Bold.woff) format("woff"),url(../fonts/BrownStd-Bold.ttf) format("truetype"),url(../fonts/BrownStd-Bold.svg#brown-bold) format("svg")
}

@font-face {
    font-family: bonodiBe-medium;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/BodoniBE-Medium.woff) format("woff"),url(../fonts/BodoniBE-Medium.ttf) format("truetype"),url(../fonts/BodoniBE-Medium.svg#bonodiBe-medium) format("svg")
}

@font-face {
    font-family: bonodiBe-italic;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/BodoniBE-Italic.woff) format("woff"),url(../fonts/BodoniBE-Italic.ttf) format("truetype"),url(../fonts/BodoniBE-Italic.svg#bonodiBe-italic) format("svg")
}

@font-face {
    font-family: bonodiStd-roman;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/BodoniStd-Roman.woff) format("woff"),url(../fonts/BodoniStd-Roman.ttf) format("truetype"),url(../fonts/BodoniStd-Roman.svg#bonodiStd-roman) format("svg")
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format("eot"),url(../fonts/icons.woff) format("woff"),url(../fonts/icons.ttf) format("truetype"),url(../fonts/icons.svg#icons) format("svg")
}

@font-face {
    font-family: "BrownStd-Regular";
    src: url("../fonts/BrownStd-Regular.woff") format("woff");
}

@font-face {
    font-family: "BrownStd-Light";
    src: url("../fonts/BrownStd-Light.woff") format("woff");
}

@font-face {
    font-family: "BrownStd-Bold";
    src: url("../fonts/BrownStd-Bold.woff") format("woff");
}

@font-face {
    font-family: "SangbleuKindgdom-Light";
    src: url("../fonts/sangbleukingdom-light-webfont.woff") format("woff");
}

@font-face {
    font-family: "SangbleuKindgdom-Light-Italic";
    src: url("../fonts/sangbleukingdom-lightitalic-webfont.woff") format("woff");
}

@font-face {
    font-family: "Aime-Regular";
    src: url('../fonts/Aime-Regular.woff2') format('woff2');
}

@font-face {
    font-family: "Aime-Thin";
    src: url('../fonts/Aime-Thin.woff2') format('woff2');
}

@media (-webkit-min-device-pixel-ratio:0) {
    [type=radio]:focus + input[type=hidden] + label, [type=radio]:focus + label {
        outline: -webkit-focus-ring-color auto 5px
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .bag-button > label:lang(ru) {
        margin-top: -7px
    }

    .bag-button > label:lang(ar) {
        margin-top: -4px
    }

    .bag-button > label:lang(ko) {
        margin-top: -6px
    }

    div:not(.controls) > .md-button .md-button-content {
        top: 8%
    }
}

@media only screen and (min-width:32.5em) {
    .chickoutlet-link, .footer-legal {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .chickoutlet-link:last-child, .footer-legal:last-child {
            margin-right: 0
        }

    .footer-legal {
        padding-top: 0
    }

    .layout-reversed .footer-legal {
        float: right
    }

    .footer-legal p {
        margin-bottom: 0
    }
}

@media only screen and (min-width:34em) {
    .accordion-content-2col-row.bigsmall .accordion-content-2col-col:first-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 58.3333%
    }

        .accordion-content-2col-row.bigsmall .accordion-content-2col-col:first-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.bigsmall .accordion-content-2col-col:last-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 41.6667%
    }

        .accordion-content-2col-row.bigsmall .accordion-content-2col-col:last-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.smallbig .accordion-content-2col-col:first-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 41.6667%
    }

        .accordion-content-2col-row.smallbig .accordion-content-2col-col:first-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.smallbig .accordion-content-2col-col:last-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 58.3333%
    }

        .accordion-content-2col-row.smallbig .accordion-content-2col-col:last-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.half .accordion-content-2col-col:first-child {
        margin-right: 8%
    }

    .accordion-content-2col-row.half .accordion-content-2col-col {
        float: left;
        display: block;
        width: 46%;
        padding-right: 0
    }

    .layout-reversed .accordion-content-2col-row.half .accordion-content-2col-col:first-child {
        margin-right: 0;
        margin-left: 8%
    }

    .layout-reversed .accordion-content-2col-row.half .accordion-content-2col-col {
        float: right;
        display: block;
        width: 46%;
        padding-left: 0
    }

    .accordion-content-2col-col:first-child {
        margin-bottom: 0;
        padding-right: 1.2rem
    }

    .layout-reversed .accordion-content-2col-col {
        float: right !important
    }

        .layout-reversed .accordion-content-2col-col:first-child {
            padding-right: 0;
            padding-left: 1.2rem
        }
}

@media only screen and (min-width:40em) {
    .button.min-width, button.min-width {
        min-width: 20.8333rem
    }
}

@media screen and (min-width:40em) {
    .f-site-map-col.last, .grid-col-1, .grid-col-10, .grid-col-11, .grid-col-12, .grid-col-2, .grid-col-3, .grid-col-4, .grid-col-5, .grid-col-6, .grid-col-7, .grid-col-8, .grid-col-9, .grid-col-md-12 {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .f-site-map-col.last:last-child, .grid-col-10:last-child, .grid-col-11:last-child, .grid-col-12:last-child, .grid-col-1:last-child, .grid-col-2:last-child, .grid-col-3:last-child, .grid-col-4:last-child, .grid-col-5:last-child, .grid-col-6:last-child, .grid-col-7:last-child, .grid-col-8:last-child, .grid-col-9:last-child, .grid-col-md-12:last-child {
            margin-right: 0
        }

    .f-site-map-col.last .f-site-map-group.last, .grid-col-md-8 {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .f-site-map-col.last .f-site-map-group.last:last-child, .grid-col-md-8:last-child {
            margin-right: 0
        }

    .f-sm-register-form .form-single-item, .f-sm-register-form p, .grid-col-md-6, .opening-hours .day, .opening-hours .hours {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .f-sm-register-form .form-single-item:last-child, .f-sm-register-form p:last-child, .grid-col-md-6:last-child, .opening-hours .day:last-child, .opening-hours .hours:last-child {
            margin-right: 0
        }

    .f-site-map-col, .f-site-map-col.last, .f-site-map-col.last .f-site-map-group, .grid-col-md-4 {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .f-site-map-col.last .f-site-map-group:last-child, .f-site-map-col:last-child, .grid-col-md-4:last-child {
            margin-right: 0
        }

    .component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
        padding: 1rem 1.6667rem 1.5rem
    }

    .grid-wrap.side-widget-layout, .standard-grid-wrap.side-widget-layout {
        margin-top: 1.6rem
    }

    .widget-slot:not(.component-editorial-new) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        width: 100%
    }

    body.layout-reversed .slider-hero-content .slick-next {
        left: 0
    }

    body:not(.layout-reversed) .slider-hero-content .slick-prev {
        left: 0
    }

    .small-product-carousel {
        padding-bottom: 0
    }

        .small-product-carousel .product::after {
            clear: both;
            content: "";
            display: table
        }

        .small-product-carousel .product-image-wrapper {
            float: left;
            width: 56%
        }

        .small-product-carousel .product-image {
            display: block
        }

        .small-product-carousel .product-image-wrapper {
            height: auto
        }

            .small-product-carousel .product-image-wrapper img {
                position: static
            }

        .small-product-carousel .small-product-carousel-copy {
            float: right;
            width: 40%;
            margin-top: 6.6%;
            text-align: left
        }

        .small-product-carousel .product-price .now, .small-product-carousel .product-price .sale, .small-product-carousel .product-price .was {
            padding-left: 0;
            max-width: 100px
        }

        .small-product-carousel .small-product-carousel {
            height: 14.3333rem
        }

    .accordion-content-2col-row.bigsmall .accordion-content-2col-col:first-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .accordion-content-2col-row.bigsmall .accordion-content-2col-col:first-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.bigsmall .accordion-content-2col-col:last-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .accordion-content-2col-row.bigsmall .accordion-content-2col-col:last-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.smallbig .accordion-content-2col-col:first-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .accordion-content-2col-row.smallbig .accordion-content-2col-col:first-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.smallbig .accordion-content-2col-col:last-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .accordion-content-2col-row.smallbig .accordion-content-2col-col:last-child:last-child {
            margin-right: 0
        }

    .accordion-tab-content > div {
        padding: 2.0833rem
    }

    .ui-timepicker-wrapper {
        max-width: 20.4167rem
    }

    .section-title-big, .section-title-big-wrapper .section-subtitle-big {
        font-size: 3.6667rem
    }

    .module-img-content h1.module-title {
        font-size: 2.8333rem;
        padding-bottom: 1.4rem;
        padding-top: 1.5rem
    }

    .module-hero-new .module-content {
        max-width: calc(100% - 4rem)
    }

    .module-hero-new .hero-new-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .alert-bar-single {
        text-align: center;
        padding-right: 1rem
    }

        .alert-bar-single .webfont-arrow-long {
            white-space: nowrap
        }

            .alert-bar-single .webfont-arrow-long:before {
                position: relative;
                top: .3333rem;
                right: -.8333rem;
                display: inline-block;
                margin-top: 0;
                margin-left: 0;
                -ms-transform: translate(0,0);
                transform: translate(0,0)
            }

    .layout-reversed .alert-bar-single .webfont-arrow-long {
        white-space: nowrap
    }

        .layout-reversed .alert-bar-single .webfont-arrow-long:after {
            position: relative;
            top: .3333rem;
            left: -.8333rem;
            display: inline-block;
            margin-top: 0;
            margin-left: 0;
            -ms-transform: translate(0,0) rotate(180deg);
            transform: translate(0,0) rotate(180deg)
        }

    .footer-content h4 {
        margin-top: 0;
        margin-bottom: 1.4rem;
        font-size: 1.3333rem
    }

        .footer-content h4 a {
            margin-top: 0;
            margin-bottom: 1.4rem
        }

    .layout-reversed .f-site-map-col, .layout-reversed .f-site-map-col.last {
        width: 33.3333%;
        float: right
    }

    .footer-extra-wrapper .footerTextRight {
        text-align: right
    }
}

@media screen and (min-width:40em) and (max-width:49.99em) {
    .grid-full-tablet .grid-item, .grid-item.grid-odd-last, .grid-wrap.side-widget-layout > .grid-item, .standard-grid-wrap.side-widget-layout > .grid-item {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .grid-full-tablet .grid-item:last-child, .grid-item.grid-odd-last:last-child, .grid-wrap.side-widget-layout > .grid-item:last-child, .standard-grid-wrap.side-widget-layout > .grid-item:last-child {
            margin-right: 0
        }

    .grid-item {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .grid-item:last-child {
            margin-right: 0
        }

    .grid-hide {
        display: none
    }
}

@media screen and (min-width:50em) {
    .f-site-map, .grid-col .grid-item, .grid-col .grid-item.grid-2, .grid-col .grid-item.grid-3, .grid-col-12, .grid-item.grid-3, .widget-col .grid-item, .widget-col .grid-item.grid-2, .widget-col .grid-item.grid-3 {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .f-site-map:last-child, .grid-col .grid-item:last-child, .grid-col-12:last-child, .grid-item.grid-3:last-child, .widget-col .grid-item:last-child {
            margin-right: 0
        }

    .grid-col-10 {
        float: left;
        display: block;
        margin-right: 0;
        width: 83.3333%
    }

        .grid-col-10:last-child {
            margin-right: 0
        }

    .grid-col-9 {
        float: left;
        display: block;
        margin-right: 0;
        width: 75%
    }

        .grid-col-9:last-child {
            margin-right: 0
        }

    .grid-col-8, .grid-item.grid-2 {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .grid-col-8:last-child, .grid-item.grid-2:last-child {
            margin-right: 0
        }

    .grid-col-7 {
        float: left;
        display: block;
        margin-right: 0;
        width: 58.3333%
    }

        .grid-col-7:last-child {
            margin-right: 0
        }

    .grid-col-6, .grid-item.grid-half, .slide-content-col {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .grid-col-6:last-child, .grid-item.grid-half:last-child, .slide-content-col:last-child {
            margin-right: 0
        }

    .grid-col-5 {
        float: left;
        display: block;
        margin-right: 0;
        width: 41.6667%
    }

        .grid-col-5:last-child {
            margin-right: 0
        }

    .grid-col-4, .grid-item {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .grid-col-4:last-child, .grid-item:last-child {
            margin-right: 0
        }

    .grid-col-3 {
        float: left;
        display: block;
        margin-right: 0;
        width: 25%
    }

        .grid-col-3:last-child {
            margin-right: 0
        }

    .grid-col-2 {
        float: left;
        display: block;
        margin-right: 0;
        width: 16.6667%
    }

        .grid-col-2:last-child {
            margin-right: 0
        }

    .grid-col-1 {
        float: left;
        display: block;
        margin-right: 0;
        width: 8.3333%
    }

        .grid-col-1:last-child {
            margin-right: 0
        }

    .component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
        padding-top: 2.5rem
    }

    .grid-wrap.side-widget-layout, .standard-grid-wrap.side-widget-layout {
        margin-top: 2.8rem
    }

    .grid-wrap.side-widget-layout, .standard-grid-wrap.side-widget-layout {
        margin-top: 3.6rem
    }

    .widget-slot:not(.component-editorial-new) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        width: 100%
    }

    .slider-hero-content {
        margin-top: -11.2rem;
        padding-bottom: 2.1rem
    }

    body.layout-reversed .slider-hero-content .slick-next {
        top: 68px
    }

    body.layout-reversed .slider-hero-content .slick-prev {
        right: auto;
        left: 0;
        border-bottom: 1px solid #000
    }

    body:not(.layout-reversed) .slider-hero-content .slick-prev {
        top: 68px
    }

    body:not(.layout-reversed) .slider-hero-content .slick-next {
        right: auto;
        left: 0;
        border-bottom: 1px solid #000
    }

    .slider-hero-content .slick-dots {
        top: 7.6rem;
        right: 3rem;
        left: auto
    }

    .small-product-carousel .product-overlay.active {
        width: 98%;
        height: 98%
    }

    .dropdown-button {
        text-transform: none;
        font-size: 1.0833rem
    }

    .accordion-content {
        display: block;
        margin-top: 0;
        padding: 0
    }

    .accordion-on-mobile .accordion-content {
        display: block !important
    }

    .accordion-tabs .accordion-tab-trigger.active h2:after, .accordion-tabs .tab-trigger.active h2:after {
        content: ''
    }

    .accordion-tabs .accordion-tab-trigger h2, .accordion-tabs .tab-trigger h2 {
        text-align: center
    }

        .accordion-tabs .accordion-tab-trigger h2:after, .accordion-tabs .tab-trigger h2:after {
            content: ''
        }

    .accordion-tab-content > div {
        border: .0833rem solid #000
    }

    .accordion-tab-content .module-free-text-header .module-free-text-header {
        font-size: 1.6667rem
    }

    .accordion-tab-trigger {
        display: none
    }

    .page-products .hero-search {
        max-width: 50rem
    }

    .search-results .search-results-pagination {
        margin-top: 6.6667rem
    }

    .search-results-form {
        margin-top: 3.3333rem
    }

    .module-text-header {
        font-size: 2.83rem
    }

    .touch .widget-carousel-new .grid-item {
        width: 33%
    }

    .widget-carousel-new.carousel-disable-large::after {
        clear: both;
        content: "";
        display: table
    }

    .module-free-text-header {
        font-size: 2.5rem
    }

    .alert-bar-single {
        font-size: 2rem
    }

    .footer-extra-wrapper {
        padding-bottom: 4rem
    }
}

@media screen and (min-width:50em) and (max-width:63.99em) {
    .module-free-text-header {
        font-size: 2rem
    }
}

@media screen and (min-width:64em) {
    .no-touchevents [id^=anchor-] {
        height: 80px;
        margin-top: -80px
    }

    .no-touchevents .site-canvas {
        padding-top: 80px
    }

    .component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
        padding-right: 3.3333rem;
        padding-left: 3.3333rem
    }

    .modal-header {
        z-index: 300
    }

    .no-touchevents .slider-hero-extended {
        height: calc(100vh - 70px)
    }


        .dropdown-button.dk-selected:before, .dropdown-button.searchDd-main:before, .dropdown-button.webfont-cheveron:before, .searchDd-category span.dropdown-button:before {
            top: 1rem
        }

    .layout-reversed .dropdown-button.dk-selected, .layout-reversed .dropdown-button.searchDd-main, .layout-reversed .dropdown-button.webfont-cheveron, .layout-reversed .searchDd-category span.dropdown-button, .searchDd-category .layout-reversed span.dropdown-button {
        padding-right: 0;
        padding-left: 1.8333rem
    }

        .layout-reversed .dropdown-button.dk-selected:before, .layout-reversed .dropdown-button.searchDd-main:before, .layout-reversed .dropdown-button.webfont-cheveron:before, .layout-reversed .searchDd-category span.dropdown-button:before, .searchDd-category .layout-reversed span.dropdown-button:before {
            top: 1rem;
            left: 0
        }

    .page-products .hero-search {
        max-width: 61.2rem
    }

    .widget-carousel-new.carousel-disable-xlarge::after {
        clear: both;
        content: "";
        display: table
    }

    .module-img-content .module-title-deco {
        padding-bottom: 1rem
    }

    .no-touchevents .main-header {
        max-height: 13.8rem;
        padding-top: 2rem;
        padding-right: 0;
        padding-left: 0;
        transition: padding .2s ease !important
    }

        .no-touchevents .main-header.micro-header {
            padding-top: 30px
        }

    .no-touchevents .close-canvas {
        display: none
    }

    .no-touchevents .nav-main .your-village-prev a:after {
        display: none
    }

    .no-touchevents .nav-main {
        position: relative;
        margin-top: 1rem
    }

        .no-touchevents .nav-main > ul {
            float: right
        }

        .no-touchevents .nav-main .nav-subnav > ul, .no-touchevents .nav-main > ul {
            margin: 0 auto
        }

        .no-touchevents .nav-main .nav-subnav > ul {
            margin: 0 auto;
            position: relative
        }

        .no-touchevents .nav-main > ul > .nav-navItem:hover .nav-subnav {
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

        .no-touchevents .nav-main > ul > .nav-navItem:hover .nav-arrow-active {
            bottom: -.6rem;
            opacity: 1;
            background-color: #b5b5b5;
            cursor: default;
            pointer-events: none
        }

    .no-touchevents .nav-parent {
        position: relative;
        transition: none
    }

        .no-touchevents .nav-parent:hover {
            color: #000;
            opacity: 1
        }

    .no-touchevents .nav-subnav {
        position: absolute;
        top: 2.6rem;
        right: 0;
        left: 0;
        z-index: 10;
        display: block;
        width: 100%;
        height: 0;
        margin-left: 0;
        padding-top: 0;
        overflow: hidden;
        border-bottom: none;
        transition: height 0s ease .2s,padding 0s ease .2s
    }

        .no-touchevents .nav-subnav .nav-navItem {
            display: inline-block;
            margin: .5rem 0 !important;
            padding-top: 0;
            padding-left: 0
        }

            .no-touchevents .nav-subnav .nav-navItem a {
                width: auto;
                margin-left: 1rem;
                margin-right: 0
            }

    .layout-reversed .no-touchevents .nav-subnav .nav-navItem a {
        margin-right: 1rem;
        margin-left: 0
    }

    .no-touchevents .nav-subnav-trigger {
        display: none !important
    }

    .no-touchevents.ie9 .nav-main > ul > .nav-navItem {
        padding-bottom: 3rem
    }

    .no-touchevents .site-canvas {
        padding-top: 80px
    }

    .no-touchevents #navTrigger {
        display: none
    }

    .no-touchevents .main-header {
        padding-top: 0;
        padding-bottom: 0;
        border-top: solid 30px var(--sandstone);
        height: 80px;
        color: black;
    }

        .no-touchevents .main-header .dropdown-button.dk-selected:before, .no-touchevents .main-header .dropdown-button.searchDd-main:before, .no-touchevents .main-header .dropdown-button.webfont-cheveron:before, .no-touchevents .main-header .searchDd-category span.dropdown-button:before, .searchDd-category .no-touchevents .main-header span.dropdown-button:before {
            color: #fff
        }

        .no-touchevents .main-header .nav-container {
            position: relative;
            height: 50px
        }

            .no-touchevents .main-header .nav-container .logo-container {
                position: absolute;
                left: calc((100vw - 960px)/ 2)
            }

                .no-touchevents .main-header .nav-container .logo-container .header-logo img {
                    line-height: 50px;
                    width: 100%;
                    max-width: 186px
                }

            .no-touchevents .main-header .nav-container .off-canvas-wrapper {
                height: 50px;
                position: static;
                max-width: 960px;
                margin: 0 auto
            }

                .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main {
                    position: static;
                    margin-top: -30px;
                    height: 50px
                }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul {
                        float: right;
                        max-width: 960px;
                        height: 50px;
                        margin: 0 auto;
                        padding-right: 30px
                    }

                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem.home-link {
                            display: none
                        }

                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem {
                            float: left;
                            height: 50px;
                            padding-top: 0;
                            padding-bottom: 0;
                            line-height: 54px;
                            text-transform: uppercase
                        }

                            .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem .nav-main-links {
                                margin: 0
                            }

                                .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink {
                                    cursor: pointer;
                                    display: block;
                                    padding-right: 10px;
                                    padding-left: 10px;
                                    font-size: 1.05rem;
                                    letter-spacing: 1px;
                                    color: var(--sandstone)
                                }

                                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink.nav-navLink-noSubnav {
                                        cursor: default
                                    }

                                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink.nav-navLink-noSubnav a {
                                            cursor: pointer
                                        }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem .nav-subnav, .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem .nav-subnav-tray {
                        opacity: 0;
                        display: none;
                        pointer-events: none
                    }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem.active .nav-subnav, .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem.active .nav-subnav-tray {
                        opacity: 1;
                        display: block;
                        pointer-events: auto
                    }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem.active .nav-main-links .nav-navLink {
                        color: #000
                    }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main.opened .nav-subnav {
                        pointer-events: auto
                    }

                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main.opened .nav-subnav .nav-subnav-tray {
                            transition: transform .2s ease-out;
                            -ms-transform: translateY(0);
                            transform: translateY(0)
                        }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main.closed .nav-subnav {
                        pointer-events: auto
                    }

                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main.closed .nav-subnav .nav-subnav-tray {
                            opacity: 1;
                            display: block;
                            transition: transform .3s ease-out;
                            -ms-transform: translateY(-350px);
                            transform: translateY(-350px)
                        }

            .no-touchevents .main-header .nav-container .header-lrs {
                position: relative;
                max-width: 960px;
                margin: 0 auto;
                height: 30px;
                top: -30px;
                left: auto;
                right: auto
            }

                .no-touchevents .main-header .nav-container .header-lrs .user-nav {
                    position: absolute;
                    right: 0;
                    line-height: 30px
                }

                    .no-touchevents .main-header .nav-container .header-lrs .user-nav .login-register {
                        z-index: 200;
                        margin-right: 0;
                        padding-bottom: 0
                    }

                        .no-touchevents .main-header .nav-container .header-lrs .user-nav .login-register .dropdown-menu {
                            top: 30px;
                            padding: 1rem
                        }

                .no-touchevents .main-header .nav-container .header-lrs .bag, .no-touchevents .main-header .nav-container .header-lrs .search {
                    margin-top: 30px;
                    top: 0;
                    right: 0
                }

                .no-touchevents .main-header .nav-container .header-lrs, .no-touchevents .main-header .nav-container .header-lrs a {
                    color: #ccc
                }

            .no-touchevents .main-header .nav-container .nav-weather {
                position: absolute;
                left: calc((100vw - 960px)/ 2 + 225px);
                display: block;
                top: -30px;
                background-color: #000
            }

                .no-touchevents .main-header .nav-container .nav-weather .weather-thumb {
                    height: 30px
                }

                    .no-touchevents .main-header .nav-container .nav-weather .weather-thumb .weather-thumb-temp {
                        line-height: 23px
                    }

                        .no-touchevents .main-header .nav-container .nav-weather .weather-thumb .weather-thumb-temp:before {
                            top: 60%
                        }

                    .no-touchevents .main-header .nav-container .nav-weather .weather-thumb p {
                        color: #fff
                    }

                .no-touchevents .main-header .nav-container .nav-weather .weather-main {
                    padding-top: 0;
                    -ms-transform: none !important;
                    transform: none !important
                }

                    .no-touchevents .main-header .nav-container .nav-weather .weather-main .weather-main-inner {
                        padding: 1rem
                    }

            .no-touchevents .main-header .nav-container .lang-vill {
                position: absolute;
                top: -30px;
                left: calc((100vw - 960px)/ 2);
                margin-left: 0;
                z-index: 5000;
                -webkit-backface-visibility: hidden;
                transform: translate3d(0,0,0)
            }

                .no-touchevents .main-header .nav-container .lang-vill a {
                    color: #fff
                }

                .no-touchevents .main-header .nav-container .lang-vill .dropdown {
                    padding-left: 0 !important
                }

                .no-touchevents .main-header .nav-container .lang-vill ul.dropdown-menu {
                    padding: 1rem;
                    border: 1px solid #dedede
                }

                    .no-touchevents .main-header .nav-container .lang-vill ul.dropdown-menu li:last-child {
                        margin-bottom: 0
                    }

                    .no-touchevents .main-header .nav-container .lang-vill ul.dropdown-menu li a {
                        color: #999
                    }

    .no-touchevents .nav-subnav {
        top: 50px;
        overflow-y: hidden;
        height: 305px;
        background-color: transparent;
        pointer-events: none
    }

        .no-touchevents .nav-subnav .nav-subnav-tray {
            background-color: #fff;
            overflow: hidden;
            padding-bottom: 3rem;
            border-bottom: solid 1px #000;
            -ms-transform: translateY(-305px);
            transform: translateY(-305px);
            transition: transform .2s ease-out
        }

            .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper {
                position: relative;
                overflow: hidden;
                max-width: 960px;
                margin: 25px auto 0;
                z-index: 200
            }

                .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h1 {
                    font-size: 1.67rem;
                    position: relative;
                    padding-bottom: 17px;
                    margin-bottom: 15px;
                    font-family: brown-regular,sans-serif;
                    color: #008a9d
                }

                    .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h1:after {
                        content: '';
                        width: 40px;
                        height: 1px;
                        background-color: #000;
                        position: absolute;
                        left: 0;
                        bottom: 0
                    }

                .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper ul li.nav-navItem {
                    width: 100%;
                    display: block;
                    float: left;
                    line-height: 1.2;
                    text-transform: none;
                    margin-bottom: .8rem
                }

                    .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper ul li.nav-navItem a {
                        margin-left: 0;
                        font-size: 1.3rem
                    }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper ul li.nav-navItem a.webfont-lock {
                            position: relative
                        }

                            .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper ul li.nav-navItem a.webfont-lock:before {
                                position: absolute;
                                top: -.1rem;
                                right: -1.5rem
                            }

                .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h2 {
                    font-size: 15px;
                    position: relative;
                    padding-bottom: 16px;
                    margin-bottom: 14px
                }

                    .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h2:after {
                        content: '';
                        width: 40px;
                        height: 1px;
                        background-color: #000;
                        position: absolute;
                        left: 0;
                        bottom: 0
                    }

                .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper {
                    display: -ms-flexbox;
                    display: flex
                }

                    .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section {
                        -ms-flex: 1;
                        flex: 1;
                        -ms-flex-positive: 2;
                        flex-grow: 2;
                        padding-left: 25px
                    }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section::after {
                            clear: both;
                            content: "";
                            display: table
                        }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section:first-child {
                            padding-left: 0
                        }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list {
                            float: left;
                            width: 25%;
                            padding-left: 2rem;
                            border-right: 1px solid #333
                        }

                            .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list:first-child {
                                padding-left: 0
                            }

                            .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list:last-child {
                                border: 0
                            }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .ellipsis-new {
                            height: 80px !important
                        }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .featured-content-description {
                            line-height: 1.5rem;
                            text-transform: none;
                            font-size: 1.2rem
                        }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section img.nav-featured-image {
                            display: block;
                            width: 315px;
                            height: 175px;
                            object-fit: cover
                        }

    .no-touchevents #language, .no-touchevents #village {
        line-height: 30px
    }

    .no-touchevents .layout-reversed .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem {
        float: right
    }

    .no-touchevents .layout-reversed .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list {
        float: right;
        padding-left: 0;
        padding-right: 25px;
        border-right: none;
        border-left: 1px solid #333
    }

        .no-touchevents .layout-reversed .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list:first-child {
            padding-right: 0
        }

        .no-touchevents .layout-reversed .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list:last-child {
            border-left: none
        }

    .no-touchevents .layout-reversed .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h1:after {
        left: auto;
        right: 0
    }

    .no-touchevents .lang-vill {
        position: absolute;
        top: 2rem;
        left: 5.1667rem;
        z-index: 600;
        width: auto;
        margin-left: -.5rem;
        transition: opacity .2s ease,top .1s linear .2s
    }

        .no-touchevents .lang-vill::after {
            clear: both;
            content: "";
            display: table
        }

        .no-touchevents .lang-vill .dropdown {
            padding-right: 1rem;
            padding-left: 1rem
        }

    .layout-reversed .no-touchevents .lang-vill {
        position: absolute;
        top: 2rem;
        right: 5.1667rem;
        left: auto
    }

    .no-touchevents .lang-vill .dropdown-menu {
        position: absolute;
        top: 30px;
        left: -.4167rem;
        margin-bottom: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        background-color: #fff
    }

    .layout-reversed .no-touchevents .lang-vill .dropdown-menu {
        position: absolute;
        top: 30px;
        right: -.4167rem;
        left: auto
    }

    .no-touchevents #language, .no-touchevents #village {
        float: left;
        min-width: 4rem
    }

    .layout-reversed .no-touchevents #language, .layout-reversed .no-touchevents #village {
        float: right
    }

    .no-touchevents #language .offcanvas, .no-touchevents #village .offcanvas {
        display: none !important
    }

    .no-touchevents #language a, .no-touchevents #village a {
        display: inline
    }

    .no-touchevents #village .dropdown-menu {
        width: 16rem
    }

    .no-touchevents .bag, .no-touchevents .search {
        position: absolute;
        top: -.2rem;
        right: .7rem;
        display: inline-block;
        background: 0 0
    }

    .no-touchevents .search-form {
        -ms-transform: translateX(21.6667rem);
        transform: translateX(21.6667rem);
        position: absolute;
        right: .3333rem;
        width: 21.6667rem;
        height: 2.5833rem;
        margin-right: 0;
        margin-left: 0;
        opacity: 0;
        transition: all .5s ease .3s;
        background: #fff;
        top: 10px
    }

        .no-touchevents .search-form.active {
            z-index: 50;
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

        .no-touchevents .search-form input, .no-touchevents .search-form label {
            pointer-events: none;
            cursor: default
        }

        .no-touchevents .search-form.active {
            opacity: 1;
            transition: all .3s ease
        }

            .no-touchevents .search-form.active input, .no-touchevents .search-form.active label {
                pointer-events: initial
            }

                .no-touchevents .search-form.active input[type=text], .no-touchevents .search-form.active label {
                    cursor: text
                }

                .no-touchevents .search-form.active input[type=submit] {
                    cursor: pointer
                }

    .no-touchevents #search, .no-touchevents #searchSubmit, .no-touchevents .bag-button, .no-touchevents .search-button {
        background-color: transparent
    }

    .touchevents .bag-button {
        position: absolute;
        top: 0;
        left: 1.2rem;
        padding: 0 !important
    }

        .touchevents .bag-button > span {
            display: inline;
            font-size: 1.1rem;
            color: #7b7b7b;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            top: -5px;
            padding-left: 5px
        }

    .touchevents .layout-reversed .bag-button > span {
        padding-right: 5px
    }

    .no-touchevents #search {
        margin-left: 0;
        width: 19.0833rem;
        box-shadow: -16px 0 10px #fff
    }

    .no-touchevents #searchSubmit {
        top: .25rem;
        right: -.3333rem;
        left: auto
    }

    .no-touchevents .login-menu {
        border-left-width: 0;
        padding-left: 0
    }

        .no-touchevents .login-menu > a {
            display: none
        }

    .no-touchevents #login {
        display: inline-block
    }

        .no-touchevents #login .dropdown-menu {
            right: -1.5rem;
            left: auto;
            z-index: 200;
            width: 26rem;
            padding: 1.25rem;
            background-color: var(--sandstone);
            border: 1px solid #dbdbdb;
            border-top: 0
        }

            .no-touchevents #login .dropdown-menu .button {
                border-color: #008a9d;
                background-color: #008a9d;
                color: #fff;
                color: #fff
            }

                .no-touchevents #login .dropdown-menu .button:active, .no-touchevents #login .dropdown-menu .button:focus, .no-touchevents #login .dropdown-menu .button:hover {
                    color: #000;
                    background-color: transparent
                }

            .no-touchevents #login .dropdown-menu a:after {
                display: none
            }

        .no-touchevents #login .button {
            font-size: 1rem;
            margin-bottom: .75rem
        }

    .footer-content h4 {
        font-size: 1.1667rem
    }

        .footer-content h4 a {
            font-size: 1.1667rem
        }

    .footer-content ul.f-sm-corp-list, .footer-content ul.f-sm-legal-list {
        margin-bottom: 2.1rem
    }

    .footer-content li {
        font-size: 1.1667rem
    }
}

@media screen and (min-width:64em) and (-webkit-min-device-pixel-ratio:0) {
    .no-touchevents .nav-main > ul > .nav-navItem:hover .nav-arrow-active {
        bottom: -.65rem
    }
}

@media only screen and (min-width:800px) and (max-width:930px) {
    .module-hero-new {
        height: 43rem
    }

        .module-hero-new .module-content-wrapper {
            height: 22rem
        }
}

@media only screen and (min-width:931px) and (max-width:1094px) {
    .module-hero-new {
        height: 38rem
    }

        .module-hero-new .module-content-wrapper {
            height: 18rem
        }
}

@media (min-width:1904px) {
    .md-xlarge-hide {
        display: none
    }
}

@media (max-width:1903px) {
    .md-large-hide {
        display: none
    }
}

@media (max-width:960px) {
    .md-menu-content-container .md-list {
        font-size: 14px
    }

    .md-tab {
        padding: 8px
    }

    .md-tooltip {
        height: 32px;
        font-size: 14px;
        line-height: 32px
    }
}

@media (max-width:600px) {
    .md-dialog-container .md-tab {
        padding: 12px
    }

    .md-dialog-fullscreen {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
        -ms-transform: none;
        transform: none
    }

        .md-dialog-fullscreen.md-dialog-enter, .md-dialog-fullscreen.md-dialog-leave-to {
            opacity: 0;
            -ms-transform: translate3D(0,30%,0);
            transform: translate3D(0,30%,0)
        }

        .md-dialog-fullscreen.md-dialog-enter-to, .md-dialog-fullscreen.md-dialog-leave {
            opacity: 1;
            -ms-transform: translate3D(0,0,0);
            transform: translate3D(0,0,0)
        }

    .md-xsmall-hide {
        display: none
    }
}

@media screen and (max-width:63.99em) {
    .no-touchevents [id^=anchor-] {
        height: 55px;
        margin-top: -55px
    }

    .no-touchevents .hamburger.active {
        z-index: 200;
        width: 20px;
        pointer-events: none;
        cursor: default;
        -ms-transform: translateX(-260px);
        transform: translateX(-260px)
    }

        .no-touchevents .hamburger.active, .no-touchevents .hamburger.active:focus, .no-touchevents .hamburger.active:hover {
            background-color: transparent
        }

            .no-touchevents .hamburger.active span {
                background: 0 0
            }

                .no-touchevents .hamburger.active span:after, .no-touchevents .hamburger.active span:before {
                    background-color: #fff;
                    transition-delay: 0s,.2s
                }

                .no-touchevents .hamburger.active span:before {
                    top: 0;
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .no-touchevents .hamburger.active span:after {
                    bottom: 0;
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

    .touch .widget-carousel-new .grid-item {
        width: 42%
    }

    .no-touchevents .nav-subnav .nav-navItem:after {
        display: none
    }

    .no-touchevents .nav-main-links {
        margin: 0
    }

    .no-touchevents .main-header .nav-container .logo-container {
        left: 0;
        right: 0;
        width: calc(100% - 9rem);
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

        .no-touchevents .main-header .nav-container .logo-container .header-logo {
            display: inline-block
        }

    .no-touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink {
        font-size: 1.1rem;
        color: #7b7b7b;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    .no-touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem .nav-subnav-trigger {
        cursor: pointer;
        width: 100%;
        height: 50px;
        margin-right: 0
    }

    .no-touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem.active .nav-main-links .nav-navLink {
        color: #000
    }

    .no-touchevents .main-header .nav-container .nav-subnav {
        position: relative;
        background-color: #fff;
        margin-bottom: 15px;
        padding-top: 15px
    }

        .no-touchevents .main-header .nav-container .nav-subnav:before {
            content: '';
            width: 30px;
            height: 1px;
            background-color: #000;
            position: absolute;
            top: 4px;
            left: 20px
        }

        .no-touchevents .main-header .nav-container .nav-subnav ul li.nav-navItem {
            font-size: 1.1rem;
            text-transform: none;
            background: #fff;
            border-bottom: 0;
            line-height: normal
        }

            .no-touchevents .main-header .nav-container .nav-subnav ul li.nav-navItem a {
                padding: 10px 0
            }

    .no-touchevents .main-header .nav-container .sidenav .sidenav-navItem-trigger h5 {
        color: #767676;
        font-size: 1rem;
        letter-spacing: 1px
    }

    .no-touchevents .main-header .nav-container .login-register {
        background-color: #000
    }

        .no-touchevents .main-header .nav-container .login-register ul li a {
            color: #ccc;
            font-family: brown-bold,sans-serif;
            font-family: brown-regular,sans-serif
        }

    html[lang=ru] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
    }

    html[lang=ko] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
    }

    html[lang=zh-cn] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
    }

    html[lang=ar] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-family: "Noto Kufi Arabic",brown-regular,bonodiBe-medium,sans-serif
    }

    .no-touchevents .main-header .nav-container .login-register ul li a html[lang=ru], html[lang=ar] .no-touchevents .main-header .nav-container .login-register ul li a, html[lang=ko] .no-touchevents .main-header .nav-container .login-register ul li a, html[lang=zh-cn] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-weight: 700
    }

    .no-touchevents .main-header .nav-container .lang-vill .dropdown {
        font-size: 1.1rem
    }

    .no-touchevents .main-header .nav-container .lang-vill .dropdown-button {
        letter-spacing: 1px
    }

    .no-touchevents .site-canvas.active .logo-container {
        z-index: 0
    }

    .no-touchevents .lang-vill .dropdown-menu a {
        line-height: 1;
        padding: 10px 0
    }

    .no-touchevents #language .desktop, .no-touchevents #village .desktop {
        display: none !important
    }

    .no-touchevents .search-form label {
        color: #7b7b7b;
        font-size: 1.1667rem;
        text-transform: uppercase;
        line-height: 3rem
    }

    .no-touchevents .bag-button, .no-touchevents .search-button {
        position: absolute;
        top: 0;
        right: 1.2rem
    }

    .no-touchevents .bag-button, .touchevents .bag-button {
        position: absolute;
        top: 0;
        left: 1.2rem;
        padding: 0 !important
    }

        .no-touchevents .bag-button > span, .touchevents .bag-button > span {
            display: inline;
            font-size: 1.1rem;
            color: #7b7b7b;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            top: -5px;
            padding-left: 5px
        }

    .no-touchevents .layout-reversed .bag-button > span, .touchevents .layout-reversed .bag-button > span {
        padding-right: 5px
    }

    .no-touchevents #search {
        border-bottom-width: 0;
        font-size: 1.1667rem
    }

    .no-touchevents #searchSubmit {
        width: 2rem
    }
}

@media only screen and (max-width:63.99em) {
    .no-touchevents .site-wrapper {
        position: relative;
        width: 100%;
        min-height: 26.6667rem;
        overflow: hidden
    }

    .no-touchevents .site-canvas {
        position: relative;
        height: 100%;
        width: 100%
    }

    .no-touchevents .off-canvas-wrapper {
        position: fixed;
        top: 0;
        right: -22rem;
        bottom: 0;
        z-index: 1000;
        width: 22rem;
        height: 100%;
        background: rgba(255,255,255,0);
        transition: all .5s ease
    }
        .no-touchevents .off-canvas-wrapper a {
            display: inline-block !important;
            width: 70%;
            height: 100%;
            line-height: 1.5;
            padding: 16px 0
        }

    .layout-reversed .no-touchevents .off-canvas-wrapper a {
        width: 100%
    }

    .no-touchevents .off-canvas-wrapper .login-register a {
        width: 100%;
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

        .no-touchevents .off-canvas-wrapper .login-register a .dk-selected:before, .no-touchevents .off-canvas-wrapper .login-register a .searchDd-category span:before, .no-touchevents .off-canvas-wrapper .login-register a .searchDd-main:before, .no-touchevents .off-canvas-wrapper .login-register a .webfont-cheveron:before, .searchDd-category .no-touchevents .off-canvas-wrapper .login-register a span:before {
            position: absolute;
            top: 1.7rem;
            right: .8333rem;
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            color: #7b7b7b
        }

    .no-touchevents .off-canvas-wrapper .login-menu a .dk-selected:before, .no-touchevents .off-canvas-wrapper .login-menu a .searchDd-category span:before, .no-touchevents .off-canvas-wrapper .login-menu a .searchDd-main:before, .no-touchevents .off-canvas-wrapper .login-menu a .webfont-cheveron:before, .searchDd-category .no-touchevents .off-canvas-wrapper .login-menu a span:before {
        right: -.25rem
    }

    .no-touchevents .off-canvas-wrapper .lang-vill .dropdown-button, .no-touchevents .off-canvas-wrapper .topnav-social-media .dropdown-button {
        width: 100%
    }

    .no-touchevents .site-canvas.active .off-canvas-wrapper {
        right: 0
    }

    .no-touchevents .nav-navItem, .no-touchevents .off-canvas-block {
        padding-right: 1.6667rem;
        padding-left: 1.6667rem;
        border-bottom: 1px solid #e5e5e5;
        line-height: 4.1667rem
    }

        .no-touchevents .nav-navItem.last, .no-touchevents .off-canvas-block.last {
            border-bottom: 0 solid transparent
        }

    .no-touchevents .nav-navItem {
        background: #fff
    }

    .no-touchevents .off-canvas-block {
        min-width: 22rem
    }

    .no-touchevents .off-canvas-block {
        -ms-transform: translateX(270px);
        transform: translateX(270px);
        transition: none
    }

        .no-touchevents .off-canvas-block.movein {
            -ms-transform: translateX(0);
            transform: translateX(0);
            transition: transform .4s cubic-bezier(.25,.1,.25,1)
        }

    .no-touchevents .close-canvas {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        height: 100%;
        width: 100%;
        overflow: hidden;
        text-indent: -9999rem;
        background-color: #000;
        opacity: 0;
        cursor: pointer;
        z-index: 99
    }

        .no-touchevents .close-canvas.active {
            display: block;
            opacity: .7
        }

    .no-touchevents #language .dropdown-button:focus, .no-touchevents #village .dropdown-button:focus, .no-touchevents .topnav-social-media .dropdown-button:focus {
        opacity: 1
    }

    .no-touchevents #language .dropdown-button:before, .no-touchevents #village .dropdown-button:before, .no-touchevents .topnav-social-media .dropdown-button:before {
        position: absolute;
        top: 2.1rem;
        right: -.3rem
    }

    .layout-reversed .no-touchevents #language .dropdown-button:before, .layout-reversed .no-touchevents #village .dropdown-button:before, .layout-reversed .no-touchevents .topnav-social-media .dropdown-button:before {
        position: absolute;
        top: 2.1rem;
        right: auto;
        left: -.3rem
    }

    .no-touchevents .nav-container .lang-vill .dropdown, .no-touchevents .topnav-social-media {
        background: #fff
    }
}

@media screen and (max-width:55em) {
    .checkout_wrapper .credit-card-container {
        max-width: 50%
    }

    .checkout-form-wrapper {
        margin-bottom: 5rem
    }
}

@media (max-width:50em) and (orientation:landscape) {
    .slider-hero-content {
        margin-top: -8.6rem
    }
}

@media screen and (max-width:49.99em) {
    .grid-col-sm-12 {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .grid-col-sm-12:last-child {
            margin-right: 0
        }

    .grid-col-sm-8 {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .grid-col-sm-8:last-child {
            margin-right: 0
        }

    .grid-col-sm-7 {
        float: left;
        display: block;
        margin-right: 0;
        width: 58.3333%
    }

        .grid-col-sm-7:last-child {
            margin-right: 0
        }

    .grid-col-sm-6 {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .grid-col-sm-6:last-child {
            margin-right: 0
        }

    .grid-col-sm-5 {
        float: left;
        display: block;
        margin-right: 0;
        width: 41.6667%
    }

        .grid-col-sm-5:last-child {
            margin-right: 0
        }

    .grid-col-sm-4 {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .grid-col-sm-4:last-child {
            margin-right: 0
        }

    .grid-col-sm-1 {
        float: left;
        display: block;
        margin-right: 0;
        width: 8.3333%
    }

        .grid-col-sm-1:last-child {
            margin-right: 0
        }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-1, .standard-grid-wrap .row .grid-col-1 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-2, .standard-grid-wrap .row .grid-col-2 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-3, .standard-grid-wrap .row .grid-col-3 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-4, .standard-grid-wrap .row .grid-col-4 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-5, .standard-grid-wrap .row .grid-col-5 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-6, .standard-grid-wrap .row .grid-col-6 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-7, .standard-grid-wrap .row .grid-col-7 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-8, .standard-grid-wrap .row .grid-col-8 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-9, .standard-grid-wrap .row .grid-col-9 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-10, .standard-grid-wrap .row .grid-col-10 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-12, .standard-grid-wrap .row .grid-col-12 {
        padding-left: 0;
        padding-right: 0
    }

    .form-container.nop {
        padding-right: 0
    }

    .cart-button-container {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .cart-button-container .md-button {
            margin-right: 0
        }

            .cart-button-container .md-button.add-to-bag {
                -ms-flex-order: 2;
                order: 2
            }

            .cart-button-container .md-button.quick-checkout {
                -ms-flex-order: 1;
                order: 1
            }

    .opd-spinner .controls, .opd-spinner .label {
        width: 50%
    }

    .opd-spinner .controls {
        text-align: right
    }

    .opd-spinner .info {
        display: table;
        float: none;
        margin-top: 2rem;
        width: 100%;
        padding-left: 0;
        font-size: 1.2rem;
        color: #999;
        width: 100%
    }

    .md-dialog {
        width: 90%;
        top: 10%;
        max-width: 90%;
        margin: 0 5% 0 5%;
        left: 0;
        max-height: -webkit-fit-content;
        max-height: fit-content;
        min-height: 200px
    }

    .inline-radio-group > span {
        margin-bottom: 0
    }

    .layout-reversed .inline-radio-group .md-radio {
        margin-left: 18px !important
    }

    .inline-radio-group .md-radio.md-disabled .md-radio-label {
        height: auto !important
    }

    .field-link-container {
        text-align: left
    }

    .field-link {
        padding-top: 0
    }

    .controls {
        position: relative
    }

        .controls .button {
            top: -.1666rem
        }

    .checkout_wrapper .credit-card-container {
        max-width: 60%
    }

    .checkout-form-wrapper {
        margin-bottom: 1rem
    }

    .product-widget {
        margin-right: 0
    }

        .product-widget .pw-content .pw-pricing .accordion-content-2col-row, .product-widget .pw-content .pw-pricing .row {
            display: -ms-flexbox;
            display: flex
        }

            .product-widget .pw-content .pw-pricing .accordion-content-2col-row [class*=grid-col-], .product-widget .pw-content .pw-pricing .row [class*=grid-col-] {
                -ms-flex: 1;
                flex: 1;
                margin: auto
            }

        .product-widget .pw-content .pw-actions .grid-col-6:first-child {
            padding-right: .5rem
        }

        .product-widget .pw-content .pw-actions .grid-col-6:last-child {
            padding-left: .5rem
        }
}

@media screen and (max-width:39.99em) {
    .touch .widget-carousel-new .grid-item {
        width: 80%
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button {
        display: none !important
    }

    .module-text-new {
        height: auto
    }

        .module-text-new .ellipsis-new {
            margin-bottom: 1.4rem
        }

    .layout-reversed .alert-bar-single {
        padding-left: 5rem
    }

    .checkout_wrapper .hero-simple.module-hero-new.module-new > .module-content-wrapper > .module-content > header > .module-title {
        font-size: 2rem
    }

    .checkout_wrapper .credit-card-container {
        max-width: 100%
    }

    .product-widget .pw-content .pw-actions .grid-col-6 .md-button {
        margin-top: 1rem
    }
}

@media print {
    .main-footer {
        display: none
    }

    .module-content-wrapper {
        width: 100%
    }

        .module-content-wrapper > p {
            margin: 0 auto;
            text-align: center
        }

    .main-header {
        display: none
    }

    .hero {
        display: none
    }

    .separator {
        -webkit-print-color-adjust: exact
    }

    .payment-success-wrapper .product-widget {
        margin-bottom: 2rem
    }

    .payment-success-wrapper .booking-information {
        display: none
    }

    .payment-success-wrapper .booking-reference {
        margin-bottom: 4rem
    }

    .payment-success-wrapper .buttons {
        display: none
    }

    .payment-success-wrapper .grand-total {
        margin-top: 2rem
    }

        .payment-success-wrapper .grand-total [class*=grid-col] {
            width: 49%;
            display: inline-block
        }

    .product-widget {
        margin: 0 auto
    }

        .product-widget .pw-content .pw-description {
            margin-bottom: 2rem
        }

        .product-widget .pw-content [class*=grid-col-] {
            width: 49%;
            display: inline-block
        }

        .product-widget .pw-content .pw-property-link {
            color: #000
        }
}

.header-content-wrapper {
    border: 1px solid transparent !important;
    outline: 0 !important;
    transition: border .3s ease-in-out !important;
    width: 100% !important;
    padding: .9375rem !important;
    color: #532e34 !important;
    border-color: var(--natural-green) !important;
    background-color: var(--sandstone) !important;
}

.input-label {
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

@keyframes a {
    10%,90% {
        transform: translate3d(-1px,0,0)
    }

    30%,70% {
        transform: translate3d(-4px,0,0)
    }

    40%,60% {
        transform: translate3d(4px,0,0)
    }
}

@keyframes b {
    0% {
        transform: translateX(0)
    }

    20% {
        animation-timing-function: cubic-bezier(.5,0,.7,.5);
        transform: translateX(0)
    }

    60% {
        animation-timing-function: cubic-bezier(.3,.38,.55,.96);
        transform: translateX(83.67%)
    }

    to {
        transform: translateX(200.61%)
    }
}

@keyframes c {
    0% {
        transform: scaleX(.08)
    }

    35% {
        animation-timing-function: cubic-bezier(.33,.12,.79,1);
        transform: scaleX(.08)
    }

    70% {
        animation-timing-function: cubic-bezier(.06,.11,.6,1);
        transform: scaleX(.66)
    }

    to {
        transform: scaleX(.08)
    }
}

@keyframes d {
    0% {
        animation-timing-function: cubic-bezier(.15,0,.52,.41);
        transform: translateX(0)
    }

    25% {
        animation-timing-function: cubic-bezier(.31,.28,.8,.73);
        transform: translateX(37.65%)
    }

    50% {
        animation-timing-function: cubic-bezier(.4,.63,.6,.9);
        transform: translateX(84.39%)
    }

    to {
        transform: translateX(160.28%)
    }
}

@keyframes e {
    0% {
        animation-timing-function: cubic-bezier(.15,0,.52,.41);
        transform: scaleX(.08)
    }

    20% {
        animation-timing-function: cubic-bezier(.31,.28,.8,.73);
        transform: scaleX(.46)
    }

    45% {
        animation-timing-function: cubic-bezier(.4,.63,.6,.9);
        transform: scaleX(.73)
    }

    to {
        transform: scaleX(.08)
    }
}

@keyframes f {
    to {
        transform: translate3D(-8px,0,0)
    }
}

@keyframes g {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes h {
    0% {
        opacity: 0;
        transform: rotate(-90deg) translateZ(0)
    }

    20% {
        opacity: 1
    }

    to {
        transform: rotate(270deg) translateZ(0)
    }
}

@keyframes i {
    0% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotate(0)
    }

    12.5% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotate(0)
    }

    12.51% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotateX(180deg) rotate(72.5deg)
    }

    25% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotateX(180deg) rotate(72.5deg)
    }

    25.1% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotate(270deg)
    }

    37.5% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotate(270deg)
    }

    37.51% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotateX(180deg) rotate(161.5deg)
    }

    50% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotateX(180deg) rotate(161.5deg)
    }

    50.01% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotate(180deg)
    }

    62.5% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotate(180deg)
    }

    62.51% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotateX(180deg) rotate(251.5deg)
    }

    75% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotateX(180deg) rotate(251.5deg)
    }

    75.01% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotate(90deg)
    }

    87.5% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotate(90deg)
    }

    87.51% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotateX(180deg) rotate(341.5deg)
    }

    to {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotateX(180deg) rotate(341.5deg)
    }
}

@keyframes modalFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modalFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes moreBellow {
    0% {
        opacity: 0;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        opacity: 1;
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }

    80% {
        opacity: 1;
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }
}

@keyframes mdc-ripple-fg-radius-in {
    from {
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)
    }

    to {
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }
}

@keyframes mdc-ripple-fg-opacity-in {
    from {
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity,0)
    }
}

@keyframes mdc-ripple-fg-opacity-out {
    from {
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity,0)
    }

    to {
        opacity: 0
    }
}

@keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        transform: translateX(calc(0 - 0)) translateY(-100%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - 0)) translateY(-100%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - 0)) translateY(-100%) scale(.75)
    }

    100% {
        transform: translateX(calc(0 - 0)) translateY(-100%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-box {
    0% {
        transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - 0)) translateY(-50%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - 0)) translateY(-50%) scale(.75)
    }

    100% {
        transform: translateX(calc(0 - 0)) translateY(-50%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-dense {
    0% {
        transform: translateX(calc(0 - 0)) translateY(-70%) scale(.923)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - 0)) translateY(-70%) scale(.923)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - 0)) translateY(-70%) scale(.923)
    }

    100% {
        transform: translateX(calc(0 - 0)) translateY(-70%) scale(.923)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }

    100% {
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
    0% {
        transform: translateX(calc(0 - 0)) translateY(-110%) scale(.923)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - 0)) translateY(-110%) scale(.923)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - 0)) translateY(-110%) scale(.923)
    }

    100% {
        transform: translateX(calc(0 - 0)) translateY(-110%) scale(.923)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }

    100% {
        transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
    0% {
        transform: translateX(calc(0 - 21px)) translateY(-110%) scale(.923)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - 21px)) translateY(-110%) scale(.923)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(.923)
    }

    100% {
        transform: translateX(calc(0 - 21px)) translateY(-110%) scale(.923)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
    }

    100% {
        transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
    0% {
        transform: translateX(calc(0 - -21px)) translateY(-110%) scale(.923)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - -21px)) translateY(-110%) scale(.923)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(.923)
    }

    100% {
        transform: translateX(calc(0 - -21px)) translateY(-110%) scale(.923)
    }
}

@keyframes mdc-floating-label-shake-float-above-textarea {
    0% {
        transform: translateX(calc(0 - 0)) translateY(-50%) scale(.923)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.7017,.4958);
        transform: translateX(calc(4% - 0)) translateY(-50%) scale(.923)
    }

    66% {
        animation-timing-function: cubic-bezier(.3024,.3814,.55,.9564);
        transform: translateX(calc(-4% - 0)) translateY(-50%) scale(.923)
    }

    100% {
        transform: translateX(calc(0 - 0)) translateY(-50%) scale(.923)
    }
}

@keyframes mdc-select-float-native-control {
    0% {
        transform: translateY(8px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}
/*# sourceMappingURL=maps/app-opd.css.map */