.prototip {
    font: 11px Arial, Helvetica, sans-serif;
    color: #000
}

.prototip .default {
    width: 250px;
    color: #333333
}

.prototip .default .toolbar {
    background: #999999;
    color: white
}

.prototip .default .title {
    padding: 5px
}

.prototip .default .content {
    padding: 5px;
    background: #fff
}

.prototip .basic {
    width: 250px;
    color: #808080
}

.prototip .basic .toolbar {
    background: #f1f1f1;
    font-weight: bold
}

.prototip .basic .title {
    padding: 5px
}

.prototip .basic .content {
    padding: 5px;
    background: #fff
}

.prototip .hint {
    width: 250px;
    color: #313120;
    background: #fff6aa
}

.prototip .hint .toolbar {
    background: #fdf1a0;
    font-weight: bold
}

.prototip .hint .title, .prototip .hint .content {
    padding: 5px
}

.prototip .protoblue {
    width: 250px;
    color: #fff
}

.prototip .protoblue .toolbar {
    background: #0d7cd0;
    font-weight: bold
}

.prototip .protoblue .title {
    padding: 5px
}

.prototip .protoblue .content {
    background: #1e90ff;
    padding: 5px
}

.prototip .creamy {
    width: 250px;
    color: #bb9c61
}

.prototip .creamy .toolbar {
    background: #f3edc2;
    font-weight: bold
}

.prototip .creamy .title {
    padding: 5px
}

.prototip .creamy .content {
    background: #f8f4ca;
    padding: 5px
}

.prototip .darkgrey {
    width: 250px;
    color: #fff
}

.prototip .darkgrey .toolbar {
    background: #5f5f5f;
    font-weight: bold
}

.prototip .darkgrey .title {
    padding: 5px
}

.prototip .darkgrey .content {
    background: #808080;
    padding: 5px
}

.prototip .protogrey {
    width: 250px;
    color: #fff;
    background: #fff
}

.prototip .protogrey .toolbar {
    background: #969c92;
    font-weight: bold
}

.prototip .protogrey .title {
    padding: 5px
}

.prototip .protogrey .content {
    color: #808080;
    padding: 5px
}

.prototip .protogrey .toolbar .close {
    width: 14px;
    height: 14px
}

.prototipLoader {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 14px;
    width: 14px;
    border: 1px solid #dddddd;
    overflow: hidden
}

.prototip {
    position: absolute;
    overflow: hidden
}

.prototip .tooltip, .prototip .toolbar, .prototip .toolbar .title {
    position: relative
}

.prototip .content {
    clear: both
}

.prototip .toolbar .close {
    position: relative;
    text-decoration: none;
    float: right;
    width: 19px;
    height: 15px;
    display: block;
    line-height: 0;
    font-size: 0;
    border: 0;
    cursor: pointer
}

.prototip .tooltip {
    clear: both;
    float: left
}

.prototip .borderLeftWrapper, .prototip .borderRightWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 20px
}

.prototip .borderFrame {
    height: 100%;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

.prototip .borderTop, .prototip .borderBottom {
    overflow: hidden
}

.prototip .borderRow {
    list-style-type: none;
    float: left;
    width: 100%;
    position: relative;
    clear: both;
    margin: 0;
    padding: 0
}

.prototip_CornerWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    clear: both
}

.prototip_Corner {
    float: left;
    position: relative
}

.prototip canvas {
    position: relative;
    float: left
}

.prototip_CornerTr, .prototip_CornerBr {
    float: right
}

.prototip_BetweenCorners {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    clear: both
}

.prototip .borderMiddle {
    position: relative;
    float: left
}

.prototip .borderCenter {
    position: relative;
    float: left;
    height: 100%
}

.prototip_StemWrapper {
    position: relative;
    width: 100%;
    height: auto;
    clear: both
}

.prototip_StemBox {
    float: left;
    position: relative
}

.prototip_Stem {
    width: 100%;
    position: absolute;
    overflow: hidden
}

.iframeShim {
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    overflow: hidden
}

.prototip .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.prototip .clearfix {
    display: inline-block
}

.prototip .clearfix {
    display: block
}

#redx_forms_preview_popup_container {
    padding: 20px
}

#redx_forms_preview_theme_select {
    padding: 5px;
    margin: 0 0 20px 0;
    background: #E6E6E6
}

.redx_forms_status_msg {
    padding: 10px;
    background: #FFEBED;
    border: 1px solid red
}

.redx_form .redx_forms_float {
    float: left;
    padding: 3px
}

.redx_form .redx_form_label {
    width: 130px
}

.redx_form .redx_form_loading_container {
    float: left
}

.redx_form .redx_form_required_text {
    padding: 0 0 0 3px
}

.redx_form .redx_form_element_info {
    padding: 0 0 0 3px;
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    background: url('../image/icon_info.gif') no-repeat top left
}

.redx_form .redx_form_fieldset {
    float: left;
    margin: 10px 0
}

.redx_form .redx_form_div_container {
    margin: 10px 0;
    float: left
}

.redx_form .validation_error {
    color: red
}

.redx_form .redx_form_tabblock {
    padding: 0;
    margin: 15px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid gray
}

.redx_form .redx_form_tabblock li {
    float: left;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important
}

.redx_form .redx_form_tabblock li a {
    display: block;
    background: url("../image/redx_forms_tab_left.gif") no-repeat top left
}

.redx_form .redx_form_tabblock li a span {
    display: block;
    padding: 4px 10px;
    background: url("../image/redx_forms_tab_right.gif") no-repeat top right
}

.redx_form .redx_form_tabblock li a.active {
    background: url("../image/redx_forms_tab_active_left.gif") no-repeat top left;
    margin: 0 0 -1px 0;
    border-bottom: 1px solid white
}

.redx_form .redx_form_tabblock li a.active span {
    background: url("../image/redx_forms_tab_active_right.gif") no-repeat top right
}

.redx_form .redx_form_tab {
    float: left
}

.redx_form .redx_form_toggle_container {
    float: left
}

.redx_form .redx_form_toggle a.open {
    padding: 0 13px 0 0;
    cursor: pointer;
    background: url("../image/toggle_arrow_c.gif") no-repeat center right
}

.redx_form .redx_form_toggle a.close {
    padding: 0 13px 0 0;
    cursor: pointer;
    background: url("../image/toggle_arrow.gif") no-repeat center right
}

.redx_form .redx_map_canvas {
    width: 350px;
    height: 350px;
    border: 1px solid green
}

.redx_form .redx_form_autocomplete .autocomplete {
    background: white;
    bordeR: 1px solid #E6E6E6
}

.redx_form .redx_form_autocomplete .autocomplete ul {
    padding: 0;
    margin: 0
}

.redx_form .redx_form_autocomplete .autocomplete li {
    padding: 0 5px;
    cursor: pointer;
    margin: 0;
    list-style: none
}

.redx_form .redx_form_autocomplete .autocomplete li.selected {
    background: gray
}

.redx_form_inline {
    margin-top: -25px
}

.redx_form_inline .xtxRadioSelect, .redx_form_inline .xtxCheckbox {
    display: inline-block
}

.redx_form_inline .xtxRadioSelect:not(:last-child) label, .redx_form_inline .xtxCheckbox:not(:last-child) label {
    margin-right: 15px !important
}

.redx_form .redx_form_colorchooser {
    padding-top: 0
}

.redx_form .redx_form_dropdown[data-employment-job-posting] {
    width: 100%
}

.redx_form .redx_form_dropdown[data-employment-job-posting] .xtxIconWrapper {
    display: none
}

.redx_form [data-form-xtx-on-change="1"] {
    display: none
}

@media all and (max-width: 639px), print {
    .XSmalltk-transparent-margin-gap-top {
        margin-top: 70px
    }

    .XSmalltk-align-center {
        text-align: center
    }

    .XSmalltk-max-width-390 {
        max-width: 390
    }

    .XSmalltk-max-width-780 {
        max-width: 780px
    }

    .XSmalltk_float_left {
        float: left
    }

    .XSmallRedxThemeredx-option-708a7b143cceaa5b0093f8156395479e {
        background-image: url('../image/theme_gradient_dark_gray.jpg')
    }

    .XSmallRedxThemeredx-option-033f2be38149b05fde7f44e171661ed8 {
        background-repeat: repeat-y
    }

    .XSmallRedxThemeredx-option-557576f2cfea960d6f447e5d211e26a4 {
        border-top: 1px solid #EBEBEB
    }

    .XSmallRedxThemeredx-option-60286e68e33c86d9ea17092107a650c0 {
        border-bottom: 1px solid #EBEBEB
    }

    .XSmallRedxThemeredx-option-dc961c4f856ddcfd9591c9a9ce368010 {
        padding-top: 50px
    }

    .XSmallRedxThemeredx-option-c07804a08f36be0fdcd58ad5f606001c {
        padding-left: 10px
    }

    .XSmallRedxThemeredx-option-07d91c32b796a6195ad544972759aadf {
        padding-right: 10px
    }

    .XSmallRedxThemeredx-option-e1fe0e2e22d4fabbd4d17c9df364cba8 {
        padding-bottom: 50px !important
    }

    .XSmallRedxThemeredx-option-36b49e9ec3c484f8cec1ee726b786f71 {
        padding-top: 50px !important
    }

    .XSmallRedxThemeredx-option-fda316266f276e556a0d8f2a6961be1e {
        background-color: #F4F4F4
    }

    .XSmallRedxThemeredx-option-65155318456a04deec49016383707c4b {
        padding-bottom: 50px
    }

    .XSmallRedxThemeredx-option-64b2f0786e25d75321b47e4a8ac1fdd6 {
        padding-left: 10px !important
    }

    .XSmallRedxThemeredx-option-bdeac909f4d506d0d71365155f7a9f42 {
        padding-right: 10px !important
    }

    .XSmallRedxThemeredx-option-189f70c576571587b13c5a6d67c8881e {
        padding-top: 20px
    }

    .XSmallRedxThemeredx-option-7a1651b0dcb768dc085687cbceb5f4bb {
        background-position: right bottom
    }

    .XSmallRedxThemeredx-option-b64d1c47ea9286fd6aca7438e69cd33c {
        background-repeat: no-repeat;
        background-repeat: no-repeat
    }

    .XSmallRedxThemeredx-option-ea141fbe5843b20693938418e135882f {
        padding-bottom: 70px
    }

    .XSmallRedxThemeredx-option-1d97f8182b0bab8c5d3a9fc904cfe523 {
        padding-top: 25px
    }

    .XSmallRedxThemeredx-option-c975888c3f96bc3a762aeb71b219b54c {
        padding-bottom: 25px
    }

    .XSmallRedxThemeredx-option-5881dcc80df1c3c501bc415c4dcd013c {
        padding-left: 0 !important
    }

    .XSmallRedxThemeredx-option-ab4d58f22e89aaebc7e8397274d4463c {
        padding-right: 0 !important
    }

    .XSmallRedxThemeredx-option-5f17ef802d4a4edccb06c2aa7981b25d {
        display: none !important
    }

    .XSmallRedxThemeredx-option-178d4f42b04af85615d38d63203c1144 {
        text-align: center
    }

    .XSmallRedxThemeredx-option-194af154db524926283b8089b0d5663a {
        background-color: #fff
    }

    .XSmallRedxThemeredx-option-140b2837a16254de9483d118b4c354a7 {
        border-left: 1px solid #EBEBEB
    }

    .XSmallRedxThemeredx-option-ce49aae3ab1199a00557fe8ded0b888d {
        border-right: 1px solid #EBEBEB
    }

    .XSmallRedxThemeredx-option-cabf0c7c34f7317d56a8630a61123930 {
        padding: 20px 30px !important
    }

    .XSmallRedxThemeredx-option-bfba736f78b24b7949f2a46ba514347c {
        padding-left: 15px !important
    }

    .XSmallRedxThemeredx-option-8c14609ca358a1b6c89ae50a38895907 {
        padding-right: 15px !important
    }

    .XSmallRedxThemeredx-option-d84f576c9db063839a71b7f2b4cdf56b {
        padding-top: 15px !important
    }

    .XSmallRedxThemeredx-option-dbb2bba4ddab855eedbb97b9fbcc330a {
        max-width: 780px
    }

    .XSmallRedxThemeredx-option-64c22d1ecb480243317682d7f14592e9 {
        padding-top: 35px
    }

    .XSmallRedxThemeredx-option-77681ca03fd3d3ca3d4e13e42a542509 {
        padding-bottom: 35px
    }

    .XSmallRedxThemeredx-option-916f84dfbbce1d1413f8367b092a58df {
        max-width: 390px
    }

    .XSmallRedxThemeredx-option-b7ce43d2ced2e7a55d9a5670d13c2e3a {
        padding-left: 25px !important
    }

    .XSmallRedxThemeredx-option-b888bb73d0d4662954b8925984b7392f {
        padding-top: 10px !important
    }

    .XSmallRedxThemeredx-option-f1e8a60ed1c5daa7bb2636fb0d22dc7d {
        padding-left: 20px !important
    }

    .XSmallRedxThemeredx-option-5f986217782f343bfc781c87cd994c9a {
        padding-right: 20px !important
    }

    .XSmallRedxThemeredx-option-61c04b47cc4200d5981c4df91234acce {
        min-height: 379px !important
    }

    .XSmallRedxThemeredx-option-1cb7164c32e2bfa56d0cf78876e4c540 {
        border: 1px solid #F4F4F4
    }

    .XSmallRedxThemeredx-option-1c3b89612e8bb76f721472fb33814543 {
        padding-top: 40px
    }

    .XSmallRedxThemeredx-option-c09c78641d5bdcfe18487f3d432da78b {
        padding-right: 40px
    }

    .XSmallRedxThemeredx-option-a9cc6f63e3162318a4c658b6c808d7e6 {
        padding-bottom: 40px
    }

    .XSmallRedxThemeredx-option-d562b18d0f60acc1ec8e5127087eb323 {
        padding-left: 40px
    }

    .XSmallRedxThemeredx-option-03286c821ad2d8d4f3e2eccb2311d1fb {
        padding-left: 25px
    }

    .XSmallRedxThemeredx-option-7e7020d651740d7d1de1b952c97e666e {
        padding-right: 25px
    }

    .XSmallRedxThemeredx-option-0fbcd381002c5840651b4ddef835f61d {
        color: #555555
    }

    .XSmallRedxThemeredx-option-a6e04423e02950dde5e85a088b91ccf8 {
        font-size: 13px
    }

    .XSmallRedxThemetk_modal_gradient_white_orange {
        height: 100%
    }

    .XSmallRedxThemetk_cartnav_logos_area {
        margin-left: 8px;
        display: inline-block !important;
        width: auto !important;
        padding: 0 !important
    }

    .XSmallRedxThemetk_cartnav_logos_row {
        margin: 0 !important
    }

    .XSmallRedxThemeTkThemeLight {
        background-color: #F4F4F4
    }

    .XSmallRedxThemeTkThemeDark {
        background-color: #555555;
        color: #ffffff
    }

    .XSmallRedxThemeTkThemeBackground {
        color: #ffffff
    }

    .XSmallRedxThemeNoPaddingBottom {
        padding-bottom: 0px !important
    }

    .XSmallRedxThemeNoPaddingTop {
        padding-top: 0px !important
    }

    .XSmallRedxThemeTkThemeBackgroundHeader {
        color: #ffffff;
        padding-top: 255px;
        padding-bottom: 100px
    }

    .XSmallRedxThemeTkThemeTile {
        text-align: center
    }

    .XSmallRedxThemeTkThemeGrayBackgroundIfMobile {
        background-color: #F4F4F4
    }

    .XSmallRedxThemetk_float_right {
        float: right
    }

    .XSmallRedxThemetk-my-account-detail-back-button {
        padding: 20px 0 10px 0
    }

    .XSmallRedxThemepadding-20px {
        padding: 20px
    }

    .XSmallRedxThemeTextStyleItalic {
        font-style: italic
    }

    .XSmallRedxThemeCountUpLarge {
        font-size: 50px;
        font-weight: bold
    }

    .XSmallRedxThemeColorOrange {
        color: #F97B02
    }
}

@media all and (min-width: 640px) and (max-width: 959px), print {
    .Smalltk-transparent-margin-gap-top {
        margin-top: 70px
    }

    .Smalltk-align-center {
        text-align: center
    }

    .Smalltk-max-width-390 {
        max-width: 390
    }

    .Smalltk-max-width-780 {
        max-width: 780px
    }

    .Smalltk_float_left {
        float: left
    }

    .SmallRedxThemeredx-option-708a7b143cceaa5b0093f8156395479e {
        background-image: url('../image/theme_gradient_dark_gray.jpg')
    }

    .SmallRedxThemeredx-option-033f2be38149b05fde7f44e171661ed8 {
        background-repeat: repeat-y
    }

    .SmallRedxThemeredx-option-557576f2cfea960d6f447e5d211e26a4 {
        border-top: 1px solid #EBEBEB
    }

    .SmallRedxThemeredx-option-60286e68e33c86d9ea17092107a650c0 {
        border-bottom: 1px solid #EBEBEB
    }

    .SmallRedxThemeredx-option-dc961c4f856ddcfd9591c9a9ce368010 {
        padding-top: 50px
    }

    .SmallRedxThemeredx-option-c07804a08f36be0fdcd58ad5f606001c {
        padding-left: 10px
    }

    .SmallRedxThemeredx-option-07d91c32b796a6195ad544972759aadf {
        padding-right: 10px
    }

    .SmallRedxThemeredx-option-e1fe0e2e22d4fabbd4d17c9df364cba8 {
        padding-bottom: 50px !important
    }

    .SmallRedxThemeredx-option-36b49e9ec3c484f8cec1ee726b786f71 {
        padding-top: 50px !important
    }

    .SmallRedxThemeredx-option-fda316266f276e556a0d8f2a6961be1e {
        background-color: #F4F4F4
    }

    .SmallRedxThemeredx-option-65155318456a04deec49016383707c4b {
        padding-bottom: 50px
    }

    .SmallRedxThemeredx-option-64b2f0786e25d75321b47e4a8ac1fdd6 {
        padding-left: 10px !important
    }

    .SmallRedxThemeredx-option-bdeac909f4d506d0d71365155f7a9f42 {
        padding-right: 10px !important
    }

    .SmallRedxThemeredx-option-189f70c576571587b13c5a6d67c8881e {
        padding-top: 20px
    }

    .SmallRedxThemeredx-option-7a1651b0dcb768dc085687cbceb5f4bb {
        background-position: right bottom
    }

    .SmallRedxThemeredx-option-b64d1c47ea9286fd6aca7438e69cd33c {
        background-repeat: no-repeat;
        background-repeat: no-repeat
    }

    .SmallRedxThemeredx-option-ea141fbe5843b20693938418e135882f {
        padding-bottom: 70px
    }

    .SmallRedxThemeredx-option-1d97f8182b0bab8c5d3a9fc904cfe523 {
        padding-top: 25px
    }

    .SmallRedxThemeredx-option-c975888c3f96bc3a762aeb71b219b54c {
        padding-bottom: 25px
    }

    .SmallRedxThemeredx-option-f4fb52da5dd13cc8d556863f4b7b0055 {
        padding-top: 100px
    }

    .SmallRedxThemeredx-option-603b428683950716696ef7e1f37fe89e {
        padding-bottom: 100px
    }

    .SmallRedxThemeredx-option-5881dcc80df1c3c501bc415c4dcd013c {
        padding-left: 0 !important
    }

    .SmallRedxThemeredx-option-ab4d58f22e89aaebc7e8397274d4463c {
        padding-right: 0 !important
    }

    .SmallRedxThemeredx-option-5f17ef802d4a4edccb06c2aa7981b25d {
        display: none !important
    }

    .SmallRedxThemeredx-option-178d4f42b04af85615d38d63203c1144 {
        text-align: center
    }

    .SmallRedxThemeredx-option-194af154db524926283b8089b0d5663a {
        background-color: #fff
    }

    .SmallRedxThemeredx-option-140b2837a16254de9483d118b4c354a7 {
        border-left: 1px solid #EBEBEB
    }

    .SmallRedxThemeredx-option-ce49aae3ab1199a00557fe8ded0b888d {
        border-right: 1px solid #EBEBEB
    }

    .SmallRedxThemeredx-option-cabf0c7c34f7317d56a8630a61123930 {
        padding: 20px 30px !important
    }

    .SmallRedxThemeredx-option-bfba736f78b24b7949f2a46ba514347c {
        padding-left: 15px !important
    }

    .SmallRedxThemeredx-option-8c14609ca358a1b6c89ae50a38895907 {
        padding-right: 15px !important
    }

    .SmallRedxThemeredx-option-d84f576c9db063839a71b7f2b4cdf56b {
        padding-top: 15px !important
    }

    .SmallRedxThemeredx-option-dbb2bba4ddab855eedbb97b9fbcc330a {
        max-width: 780px
    }

    .SmallRedxThemeredx-option-64c22d1ecb480243317682d7f14592e9 {
        padding-top: 35px
    }

    .SmallRedxThemeredx-option-77681ca03fd3d3ca3d4e13e42a542509 {
        padding-bottom: 35px
    }

    .SmallRedxThemeredx-option-916f84dfbbce1d1413f8367b092a58df {
        max-width: 390px
    }

    .SmallRedxThemeredx-option-b7ce43d2ced2e7a55d9a5670d13c2e3a {
        padding-left: 25px !important
    }

    .SmallRedxThemeredx-option-b888bb73d0d4662954b8925984b7392f {
        padding-top: 10px !important
    }

    .SmallRedxThemeredx-option-f1e8a60ed1c5daa7bb2636fb0d22dc7d {
        padding-left: 20px !important
    }

    .SmallRedxThemeredx-option-5f986217782f343bfc781c87cd994c9a {
        padding-right: 20px !important
    }

    .SmallRedxThemeredx-option-61c04b47cc4200d5981c4df91234acce {
        min-height: 379px !important
    }

    .SmallRedxThemeredx-option-1cb7164c32e2bfa56d0cf78876e4c540 {
        border: 1px solid #F4F4F4
    }

    .SmallRedxThemeredx-option-1c3b89612e8bb76f721472fb33814543 {
        padding-top: 40px
    }

    .SmallRedxThemeredx-option-c09c78641d5bdcfe18487f3d432da78b {
        padding-right: 40px
    }

    .SmallRedxThemeredx-option-a9cc6f63e3162318a4c658b6c808d7e6 {
        padding-bottom: 40px
    }

    .SmallRedxThemeredx-option-d562b18d0f60acc1ec8e5127087eb323 {
        padding-left: 40px
    }

    .SmallRedxThemeredx-option-03286c821ad2d8d4f3e2eccb2311d1fb {
        padding-left: 25px
    }

    .SmallRedxThemeredx-option-7e7020d651740d7d1de1b952c97e666e {
        padding-right: 25px
    }

    .SmallRedxThemeredx-option-0fbcd381002c5840651b4ddef835f61d {
        color: #555555
    }

    .SmallRedxThemeredx-option-a6e04423e02950dde5e85a088b91ccf8 {
        font-size: 13px
    }

    .SmallRedxThemetk_modal_gradient_white_orange {
        height: 100%
    }

    .SmallRedxThemetk_cartnav_logos_area {
        margin-left: 8px;
        display: inline-block !important;
        width: auto !important;
        padding: 0 !important
    }

    .SmallRedxThemetk_cartnav_logos_row {
        margin: 0 !important
    }

    .SmallRedxThemeTkThemeLight {
        background-color: #F4F4F4
    }

    .SmallRedxThemeTkThemeDark {
        background-color: #555555;
        color: #ffffff
    }

    .SmallRedxThemeTkThemeBackground {
        color: #ffffff
    }

    .SmallRedxThemeNoPaddingBottom {
        padding-bottom: 0px !important
    }

    .SmallRedxThemeNoPaddingTop {
        padding-top: 0px !important
    }

    .SmallRedxThemeTkThemeBackgroundHeader {
        color: #ffffff;
        padding-top: 255px;
        padding-bottom: 100px
    }

    .SmallRedxThemeTkThemeTile {
        text-align: center
    }

    .SmallRedxThemeTkThemeGrayBackgroundIfMobile {
        background-color: #F4F4F4
    }

    .SmallRedxThemetk_float_right {
        float: right
    }

    .SmallRedxThemetk-my-account-detail-back-button {
        padding: 20px 0 10px 0
    }

    .SmallRedxThemepadding-20px {
        padding: 20px
    }

    .SmallRedxThemeTextStyleItalic {
        font-style: italic
    }

    .SmallRedxThemeCountUpLarge {
        font-size: 50px;
        font-weight: bold
    }

    .SmallRedxThemeColorOrange {
        color: #F97B02
    }
}

@media all and (min-width: 960px) and (max-width: 1599px), print {
    .Largetk-transparent-margin-gap-top {
        margin-top: 70px
    }

    .Largetk-align-center {
        text-align: center
    }

    .Largetk-max-width-390 {
        max-width: 390
    }

    .Largetk-max-width-780 {
        max-width: 780px
    }

    .Largetk_float_left {
        float: left
    }

    .LargeRedxThemeredx-option-708a7b143cceaa5b0093f8156395479e {
        background-image: url('../image/theme_gradient_dark_gray.jpg')
    }

    .LargeRedxThemeredx-option-033f2be38149b05fde7f44e171661ed8 {
        background-repeat: repeat-y
    }

    .LargeRedxThemeredx-option-557576f2cfea960d6f447e5d211e26a4 {
        border-top: 1px solid #EBEBEB
    }

    .LargeRedxThemeredx-option-60286e68e33c86d9ea17092107a650c0 {
        border-bottom: 1px solid #EBEBEB
    }

    .LargeRedxThemeredx-option-dc961c4f856ddcfd9591c9a9ce368010 {
        padding-top: 50px
    }

    .LargeRedxThemeredx-option-c07804a08f36be0fdcd58ad5f606001c {
        padding-left: 10px
    }

    .LargeRedxThemeredx-option-07d91c32b796a6195ad544972759aadf {
        padding-right: 10px
    }

    .LargeRedxThemeredx-option-e1fe0e2e22d4fabbd4d17c9df364cba8 {
        padding-bottom: 50px !important
    }

    .LargeRedxThemeredx-option-36b49e9ec3c484f8cec1ee726b786f71 {
        padding-top: 50px !important
    }

    .LargeRedxThemeredx-option-fda316266f276e556a0d8f2a6961be1e {
        background-color: #F4F4F4
    }

    .LargeRedxThemeredx-option-65155318456a04deec49016383707c4b {
        padding-bottom: 50px
    }

    .LargeRedxThemeredx-option-64b2f0786e25d75321b47e4a8ac1fdd6 {
        padding-left: 10px !important
    }

    .LargeRedxThemeredx-option-bdeac909f4d506d0d71365155f7a9f42 {
        padding-right: 10px !important
    }

    .LargeRedxThemeredx-option-189f70c576571587b13c5a6d67c8881e {
        padding-top: 20px
    }

    .LargeRedxThemeredx-option-7a1651b0dcb768dc085687cbceb5f4bb {
        background-position: right bottom
    }

    .LargeRedxThemeredx-option-b64d1c47ea9286fd6aca7438e69cd33c {
        background-repeat: no-repeat;
        background-repeat: no-repeat
    }

    .LargeRedxThemeredx-option-ea141fbe5843b20693938418e135882f {
        padding-bottom: 70px
    }

    .LargeRedxThemeredx-option-1d97f8182b0bab8c5d3a9fc904cfe523 {
        padding-top: 25px
    }

    .LargeRedxThemeredx-option-c975888c3f96bc3a762aeb71b219b54c {
        padding-bottom: 25px
    }

    .LargeRedxThemeredx-option-d5d67b8147615554b307f0a30c526c7f {
        padding-left: 100px !important
    }

    .LargeRedxThemeredx-option-f4fb52da5dd13cc8d556863f4b7b0055 {
        padding-top: 100px
    }

    .LargeRedxThemeredx-option-603b428683950716696ef7e1f37fe89e {
        padding-bottom: 100px
    }

    .LargeRedxThemeredx-option-5881dcc80df1c3c501bc415c4dcd013c {
        padding-left: 0 !important
    }

    .LargeRedxThemeredx-option-ab4d58f22e89aaebc7e8397274d4463c {
        padding-right: 0 !important
    }

    .LargeRedxThemeredx-option-5f17ef802d4a4edccb06c2aa7981b25d {
        display: none !important
    }

    .LargeRedxThemeredx-option-2cb02a232bb942c64edb28ed32309643 {
        display: block !important
    }

    .LargeRedxThemeredx-option-d8f6adb29cc20e80840a7bddc1f73891 {
        padding-right: 80px !important
    }

    .LargeRedxThemeredx-option-178d4f42b04af85615d38d63203c1144 {
        text-align: center
    }

    .LargeRedxThemeredx-option-194af154db524926283b8089b0d5663a {
        background-color: #fff
    }

    .LargeRedxThemeredx-option-140b2837a16254de9483d118b4c354a7 {
        border-left: 1px solid #EBEBEB
    }

    .LargeRedxThemeredx-option-ce49aae3ab1199a00557fe8ded0b888d {
        border-right: 1px solid #EBEBEB
    }

    .LargeRedxThemeredx-option-cabf0c7c34f7317d56a8630a61123930 {
        padding: 20px 30px !important
    }

    .LargeRedxThemeredx-option-e89a6cacdffab1d9de059ec8873c9683 {
        padding-left: 70px !important
    }

    .LargeRedxThemeredx-option-e093ca1104b0eae68046f2a8f19921d6 {
        padding-right: 70px !important
    }

    .LargeRedxThemeredx-option-bfba736f78b24b7949f2a46ba514347c {
        padding-left: 15px !important
    }

    .LargeRedxThemeredx-option-8c14609ca358a1b6c89ae50a38895907 {
        padding-right: 15px !important
    }

    .LargeRedxThemeredx-option-d84f576c9db063839a71b7f2b4cdf56b {
        padding-top: 15px !important
    }

    .LargeRedxThemeredx-option-56e7d5954526d3c2d6d4c25d94167fde {
        padding-top: 0px !important
    }

    .LargeRedxThemeredx-option-dbb2bba4ddab855eedbb97b9fbcc330a {
        max-width: 780px
    }

    .LargeRedxThemeredx-option-0d2550f62282c3c86c21d441eaacb325 {
        padding-left: 30px !important
    }

    .LargeRedxThemeredx-option-baf9ceee1915e779b4fd7063f9726383 {
        padding-right: 30px !important
    }

    .LargeRedxThemeredx-option-64c22d1ecb480243317682d7f14592e9 {
        padding-top: 35px
    }

    .LargeRedxThemeredx-option-77681ca03fd3d3ca3d4e13e42a542509 {
        padding-bottom: 35px
    }

    .LargeRedxThemeredx-option-916f84dfbbce1d1413f8367b092a58df {
        max-width: 390px
    }

    .LargeRedxThemeredx-option-b7ce43d2ced2e7a55d9a5670d13c2e3a {
        padding-left: 25px !important
    }

    .LargeRedxThemeredx-option-b888bb73d0d4662954b8925984b7392f {
        padding-top: 10px !important
    }

    .LargeRedxThemeredx-option-f1e8a60ed1c5daa7bb2636fb0d22dc7d {
        padding-left: 20px !important
    }

    .LargeRedxThemeredx-option-5f986217782f343bfc781c87cd994c9a {
        padding-right: 20px !important
    }

    .LargeRedxThemeredx-option-c409d7d693dffb9f120b635e2dbc7b87 {
        border-left: 10px solid white
    }

    .LargeRedxThemeredx-option-d6295bd4a34c17008f90080dba6ba6e6 {
        border-right: 10px solid white
    }

    .LargeRedxThemeredx-option-61c04b47cc4200d5981c4df91234acce {
        min-height: 379px !important
    }

    .LargeRedxThemeredx-option-1cb7164c32e2bfa56d0cf78876e4c540 {
        border: 1px solid #F4F4F4
    }

    .LargeRedxThemeredx-option-1c3b89612e8bb76f721472fb33814543 {
        padding-top: 40px
    }

    .LargeRedxThemeredx-option-c09c78641d5bdcfe18487f3d432da78b {
        padding-right: 40px
    }

    .LargeRedxThemeredx-option-a9cc6f63e3162318a4c658b6c808d7e6 {
        padding-bottom: 40px
    }

    .LargeRedxThemeredx-option-d562b18d0f60acc1ec8e5127087eb323 {
        padding-left: 40px
    }

    .LargeRedxThemeredx-option-03286c821ad2d8d4f3e2eccb2311d1fb {
        padding-left: 25px
    }

    .LargeRedxThemeredx-option-7e7020d651740d7d1de1b952c97e666e {
        padding-right: 25px
    }

    .LargeRedxThemeredx-option-0fbcd381002c5840651b4ddef835f61d {
        color: #555555
    }

    .LargeRedxThemeredx-option-a6e04423e02950dde5e85a088b91ccf8 {
        font-size: 13px
    }

    .LargeRedxThemetk_modal_gradient_white_orange {
        height: 100%
    }

    .LargeRedxThemetk_cartnav_logos_area {
        margin-left: 8px;
        display: inline-block !important;
        width: auto !important;
        padding: 0 !important
    }

    .LargeRedxThemetk_cartnav_logos_row {
        margin: 0 !important
    }

    .LargeRedxThemeTkThemeLight {
        background-color: #F4F4F4
    }

    .LargeRedxThemeTkThemeDark {
        background-color: #555555;
        color: #ffffff
    }

    .LargeRedxThemeTkThemeBackground {
        color: #ffffff
    }

    .LargeRedxThemeNoPaddingBottom {
        padding-bottom: 0px !important
    }

    .LargeRedxThemeNoPaddingTop {
        padding-top: 0px !important
    }

    .LargeRedxThemeTkThemeBackgroundHeader {
        color: #ffffff;
        padding-top: 255px;
        padding-bottom: 100px
    }

    .LargeRedxThemeTkThemeTile {
        text-align: center
    }

    .LargeRedxThemeTkThemeGrayBackgroundIfMobile {
        background-color: transparent
    }

    .LargeRedxThemetk_float_right {
        float: right
    }

    .LargeRedxThemetk-my-account-detail-back-button {
        padding: 20px 0 10px 0
    }

    .LargeRedxThemepadding-20px {
        padding: 20px
    }

    .LargeRedxThemeTextStyleItalic {
        font-style: italic
    }

    .LargeRedxThemeCountUpLarge {
        font-size: 50px;
        font-weight: bold
    }

    .LargeRedxThemeColorOrange {
        color: #F97B02
    }
}

@media all and (min-width: 1600px), print {
    .XLargetk-transparent-margin-gap-top {
        margin-top: 70px
    }

    .XLargetk-align-center {
        text-align: center
    }

    .XLargetk-max-width-390 {
        max-width: 390
    }

    .XLargetk-max-width-780 {
        max-width: 780px
    }

    .XLargetk_float_left {
        float: left
    }

    .XLargeRedxThemeredx-option-708a7b143cceaa5b0093f8156395479e {
        background-image: url('../image/theme_gradient_dark_gray.jpg')
    }

    .XLargeRedxThemeredx-option-033f2be38149b05fde7f44e171661ed8 {
        background-repeat: repeat-y
    }

    .XLargeRedxThemeredx-option-557576f2cfea960d6f447e5d211e26a4 {
        border-top: 1px solid #EBEBEB
    }

    .XLargeRedxThemeredx-option-60286e68e33c86d9ea17092107a650c0 {
        border-bottom: 1px solid #EBEBEB
    }

    .XLargeRedxThemeredx-option-dc961c4f856ddcfd9591c9a9ce368010 {
        padding-top: 50px
    }

    .XLargeRedxThemeredx-option-c07804a08f36be0fdcd58ad5f606001c {
        padding-left: 10px
    }

    .XLargeRedxThemeredx-option-07d91c32b796a6195ad544972759aadf {
        padding-right: 10px
    }

    .XLargeRedxThemeredx-option-e1fe0e2e22d4fabbd4d17c9df364cba8 {
        padding-bottom: 50px !important
    }

    .XLargeRedxThemeredx-option-36b49e9ec3c484f8cec1ee726b786f71 {
        padding-top: 50px !important
    }

    .XLargeRedxThemeredx-option-fda316266f276e556a0d8f2a6961be1e {
        background-color: #F4F4F4
    }

    .XLargeRedxThemeredx-option-65155318456a04deec49016383707c4b {
        padding-bottom: 50px
    }

    .XLargeRedxThemeredx-option-64b2f0786e25d75321b47e4a8ac1fdd6 {
        padding-left: 10px !important
    }

    .XLargeRedxThemeredx-option-bdeac909f4d506d0d71365155f7a9f42 {
        padding-right: 10px !important
    }

    .XLargeRedxThemeredx-option-189f70c576571587b13c5a6d67c8881e {
        padding-top: 20px
    }

    .XLargeRedxThemeredx-option-7a1651b0dcb768dc085687cbceb5f4bb {
        background-position: right bottom
    }

    .XLargeRedxThemeredx-option-b64d1c47ea9286fd6aca7438e69cd33c {
        background-repeat: no-repeat;
        background-repeat: no-repeat
    }

    .XLargeRedxThemeredx-option-ea141fbe5843b20693938418e135882f {
        padding-bottom: 70px
    }

    .XLargeRedxThemeredx-option-1d97f8182b0bab8c5d3a9fc904cfe523 {
        padding-top: 25px
    }

    .XLargeRedxThemeredx-option-c975888c3f96bc3a762aeb71b219b54c {
        padding-bottom: 25px
    }

    .XLargeRedxThemeredx-option-d5d67b8147615554b307f0a30c526c7f {
        padding-left: 100px !important
    }

    .XLargeRedxThemeredx-option-f4fb52da5dd13cc8d556863f4b7b0055 {
        padding-top: 100px
    }

    .XLargeRedxThemeredx-option-603b428683950716696ef7e1f37fe89e {
        padding-bottom: 100px
    }

    .XLargeRedxThemeredx-option-5881dcc80df1c3c501bc415c4dcd013c {
        padding-left: 0 !important
    }

    .XLargeRedxThemeredx-option-ab4d58f22e89aaebc7e8397274d4463c {
        padding-right: 0 !important
    }

    .XLargeRedxThemeredx-option-5f17ef802d4a4edccb06c2aa7981b25d {
        display: none !important
    }

    .XLargeRedxThemeredx-option-2cb02a232bb942c64edb28ed32309643 {
        display: block !important
    }

    .XLargeRedxThemeredx-option-d8f6adb29cc20e80840a7bddc1f73891 {
        padding-right: 80px !important
    }

    .XLargeRedxThemeredx-option-178d4f42b04af85615d38d63203c1144 {
        text-align: center
    }

    .XLargeRedxThemeredx-option-194af154db524926283b8089b0d5663a {
        background-color: #fff
    }

    .XLargeRedxThemeredx-option-140b2837a16254de9483d118b4c354a7 {
        border-left: 1px solid #EBEBEB
    }

    .XLargeRedxThemeredx-option-ce49aae3ab1199a00557fe8ded0b888d {
        border-right: 1px solid #EBEBEB
    }

    .XLargeRedxThemeredx-option-cabf0c7c34f7317d56a8630a61123930 {
        padding: 20px 30px !important
    }

    .XLargeRedxThemeredx-option-e89a6cacdffab1d9de059ec8873c9683 {
        padding-left: 70px !important
    }

    .XLargeRedxThemeredx-option-e093ca1104b0eae68046f2a8f19921d6 {
        padding-right: 70px !important
    }

    .XLargeRedxThemeredx-option-bfba736f78b24b7949f2a46ba514347c {
        padding-left: 15px !important
    }

    .XLargeRedxThemeredx-option-8c14609ca358a1b6c89ae50a38895907 {
        padding-right: 15px !important
    }

    .XLargeRedxThemeredx-option-d84f576c9db063839a71b7f2b4cdf56b {
        padding-top: 15px !important
    }

    .XLargeRedxThemeredx-option-56e7d5954526d3c2d6d4c25d94167fde {
        padding-top: 0px !important
    }

    .XLargeRedxThemeredx-option-dbb2bba4ddab855eedbb97b9fbcc330a {
        max-width: 780px
    }

    .XLargeRedxThemeredx-option-0d2550f62282c3c86c21d441eaacb325 {
        padding-left: 30px !important
    }

    .XLargeRedxThemeredx-option-baf9ceee1915e779b4fd7063f9726383 {
        padding-right: 30px !important
    }

    .XLargeRedxThemeredx-option-64c22d1ecb480243317682d7f14592e9 {
        padding-top: 35px
    }

    .XLargeRedxThemeredx-option-77681ca03fd3d3ca3d4e13e42a542509 {
        padding-bottom: 35px
    }

    .XLargeRedxThemeredx-option-916f84dfbbce1d1413f8367b092a58df {
        max-width: 390px
    }

    .XLargeRedxThemeredx-option-b7ce43d2ced2e7a55d9a5670d13c2e3a {
        padding-left: 25px !important
    }

    .XLargeRedxThemeredx-option-b888bb73d0d4662954b8925984b7392f {
        padding-top: 10px !important
    }

    .XLargeRedxThemeredx-option-f1e8a60ed1c5daa7bb2636fb0d22dc7d {
        padding-left: 20px !important
    }

    .XLargeRedxThemeredx-option-5f986217782f343bfc781c87cd994c9a {
        padding-right: 20px !important
    }

    .XLargeRedxThemeredx-option-c409d7d693dffb9f120b635e2dbc7b87 {
        border-left: 10px solid white
    }

    .XLargeRedxThemeredx-option-d6295bd4a34c17008f90080dba6ba6e6 {
        border-right: 10px solid white
    }

    .XLargeRedxThemeredx-option-61c04b47cc4200d5981c4df91234acce {
        min-height: 379px !important
    }

    .XLargeRedxThemeredx-option-1cb7164c32e2bfa56d0cf78876e4c540 {
        border: 1px solid #F4F4F4
    }

    .XLargeRedxThemeredx-option-1c3b89612e8bb76f721472fb33814543 {
        padding-top: 40px
    }

    .XLargeRedxThemeredx-option-c09c78641d5bdcfe18487f3d432da78b {
        padding-right: 40px
    }

    .XLargeRedxThemeredx-option-a9cc6f63e3162318a4c658b6c808d7e6 {
        padding-bottom: 40px
    }

    .XLargeRedxThemeredx-option-d562b18d0f60acc1ec8e5127087eb323 {
        padding-left: 40px
    }

    .XLargeRedxThemeredx-option-03286c821ad2d8d4f3e2eccb2311d1fb {
        padding-left: 25px
    }

    .XLargeRedxThemeredx-option-7e7020d651740d7d1de1b952c97e666e {
        padding-right: 25px
    }

    .XLargeRedxThemeredx-option-0fbcd381002c5840651b4ddef835f61d {
        color: #555555
    }

    .XLargeRedxThemeredx-option-a6e04423e02950dde5e85a088b91ccf8 {
        font-size: 13px
    }

    .XLargeRedxThemetk_modal_gradient_white_orange {
        height: 100%
    }

    .XLargeRedxThemetk_cartnav_logos_area {
        margin-left: 8px;
        display: inline-block !important;
        width: auto !important;
        padding: 0 !important
    }

    .XLargeRedxThemetk_cartnav_logos_row {
        margin: 0 !important
    }

    .XLargeRedxThemeTkThemeLight {
        background-color: #F4F4F4
    }

    .XLargeRedxThemeTkThemeDark {
        background-color: #555555;
        color: #ffffff
    }

    .XLargeRedxThemeTkThemeBackground {
        color: #ffffff
    }

    .XLargeRedxThemeNoPaddingBottom {
        padding-bottom: 0px !important
    }

    .XLargeRedxThemeNoPaddingTop {
        padding-top: 0px !important
    }

    .XLargeRedxThemeTkThemeBackgroundHeader {
        color: #ffffff;
        padding-top: 255px;
        padding-bottom: 100px
    }

    .XLargeRedxThemeTkThemeTile {
        text-align: center
    }

    .XLargeRedxThemeTkThemeGrayBackgroundIfMobile {
        background-color: transparent
    }

    .XLargeRedxThemetk_float_right {
        float: right
    }

    .XLargeRedxThemetk-my-account-detail-back-button {
        padding: 20px 0 10px 0
    }

    .XLargeRedxThemepadding-20px {
        padding: 20px
    }

    .XLargeRedxThemeTextStyleItalic {
        font-style: italic
    }

    .XLargeRedxThemeCountUpLarge {
        font-size: 50px;
        font-weight: bold
    }

    .XLargeRedxThemeColorOrange {
        color: #F97B02
    }
}

@-webkit-keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.relative {
    position: relative
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.no-border {
    border-width: 0
}

.valign-top {
    vertical-align: top
}

.valign-middle {
    vertical-align: middle
}

.valign-bottom {
    vertical-align: bottom
}

.redx_ajax_uploader_file_delete_link, .redx_ajax_uploader_file_info {
    float: left;
    line-height: 18px
}

.border_collapse {
    border-collapse: collapse
}

.redx_loading {
    display: block;
    padding: 0;
    margin: 0;
    width: 1px;
    height: 1px;
    filter: alpha(opacity=80);
    opacity: .8;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    position: absolute;
    z-index: 99999;
    color: #000;
    font-weight: 700;
    font-size: 12px
}

.redx_loading img {
    margin-top: 0;
    width: 80%;
    height: 80%;
    max-width: 32px;
    max-height: 32px
}

.redx_loading span {
    display: block
}

.redx_responsive_tag_container.desktop, .redx_responsive_tag_container.tablet {
    display: none !important
}

.redx_responsive_tag_container.mobile {
    display: inherit !important
}

table img {
    max-width: none
}

.form-horizontal .control-label {
    text-align: left
}

.navbar .nav > li > a {
    padding: 3px 20px 3px 10px
}

.navbar .nav.pull-right {
    margin-left: 10px;
    margin-right: 0
}

@font-face {
    font-family: Conv_NothingYouCouldDo_II;
    src: local("☺"), url(../font/font.woff) format("woff"), url(../font/font.ttf) format("truetype"), url(../font/font.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Conv_NothingYouCouldDo_II;
    src: local("☺"), url(../font/font1.woff) format("woff"), url(../font/font1.ttf) format("truetype"), url(../font/font1.svg) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

body {
    background-color: #fff
}

div.pagination ul li {
    text-indent: 0
}

div.pagination ul li:before {
    content: "";
    margin-right: 0
}

select {
    border: 1px solid var(--tk-border-color, #ebebeb);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: "";
    height: 30px;
    margin-bottom: 0;
    padding: 6px 25px 6px 15px;
    color: #323232
}

select:not([size]), select[size="1"] {
    background: url(../image/select_arrow_down.png) no-repeat right 9px center #fff
}

section.border-top {
    border-top: 1px solid var(--tk-border-color, #ebebeb)
}

form.form-horizontal select {
    border-color: var(--tk-form-border-color, #ccc)
}

[class*=span].pull-right {
    float: right
}

[class*=span].pull-left {
    float: left
}

.RedxPageContainer {
    overflow: visible !important
}

.well {
    border-radius: 0
}

.error-box.alert {
    padding: 25px;
    font-size: 16px;
    line-height: 26px
}

#viewport-original {
    background-color: var(--tk-header-light-color, #555);
    padding: 10px 0
}

img.redx_responsive {
    max-width: none
}

.loading_container_box {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 999;
    font-weight: 700;
    font-size: 16px;
    filter: alpha(opacity=80);
    opacity: .8;
    background-color: #fff;
    color: #323232
}

.alert, .alert-error {
    font-size: 16px;
    line-height: 26px;
    border-radius: 0;
    padding: 8px
}

div.redx_search_result_row {
    margin-top: 15px
}

.tk-box .form-actions {
    margin-bottom: 0;
    padding-bottom: 10px;
    background-color: transparent
}

.tk-content-row {
    margin-bottom: 20px
}

.tk-content-box-gray, .tk-content-box-white {
    background-color: #f4f4f4;
    padding: 10px
}

.tk-footer-media-print, .tk-top-nav-media-print {
    display: none
}

.tk-table {
    border-collapse: collapse;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0
}

img[src*="trs.webprospector.de/trs.php"], img[src*="www.googleadservices.com/"] {
    display: none
}

ul.orange_check_mark li {
    margin-left: 15px;
    margin-top: 15px
}

ul.orange_check_mark li:before {
    background: url(../image/check_orange_retina.png) no-repeat 0 0;
    background-size: 15px 12px;
    width: 15px;
    height: 12px;
    display: block;
    position: absolute;
    content: " " !important;
    margin-left: -35px;
    margin-top: 3px
}

.tk-arrow-toggle {
    cursor: pointer
}

form fieldset .control-group.requiredhp {
    visibility: hidden;
    position: absolute
}

.redxspca-container .redxspca-image-container {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc
}

.redxspca-container .redxspca-submit-button button {
    width: 100%;
    margin-top: 10px
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"), local("MaterialIcons-Regular"), url(../font/MaterialIcons-Regular.woff2) format("woff2"), url(../font/MaterialIcons-Regular.woff) format("woff"), url(../font/MaterialIcons-Regular.ttf) format("truetype")
}

.redx-icon {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    font-variant: normal !important;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

.redx-icon.hover:hover {
    opacity: .5;
    cursor: pointer
}

.redx-icon.active {
    opacity: .5
}

.redx-icon.disabled, .redx-icon.disabled:hover {
    opacity: .25;
    cursor: default
}

.redx-icon.deactivate {
    opacity: .75
}

.redx-icon.green {
    color: green
}

.redx-icon.blue {
    color: #00f
}

.redx-icon.red {
    color: red
}

.redx-icon.bold {
    font-weight: 700
}

.redx-icon.whitehover:hover {
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer
}

#sb-container {
    z-index: 9999992 !important
}

#sb-loading {
    background-color: #fff !important
}

#sb-loading-inner {
    color: #000 !important;
    font-weight: 700 !important
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    font-family: FSMeWeb;
    color: #323232;
    -webkit-appearance: none;
    box-shadow: none
}

.uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    border-color: rgba(255, 125, 0, .7);
    outline: 0;
    box-shadow: "inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,125,0,.4)"
}

input[type=button], input[type=submit] {
    font-family: FSMeWeb
}

.required {
    color: #f91f02
}

input.required {
    color: #303030
}

.required_label {
    font-weight: 400
}

select {
    padding-left: 3px
}

.controls > .checkbox-area > input[type=checkbox], .controls > .radio-area > input[type=radio] {
    float: left;
    min-height: 18px;
    padding-left: 18px
}

.controls > .checkbox-area > label, .controls > .radio-area > label {
    padding-left: 20px
}

.controls > .checkbox-area, .controls > .radio-area {
    padding-top: 5px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.tk-checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 33px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tk-checkbox-container-small {
    padding-left: 24px
}

.tk-checkbox-container-small .tk-checkmark {
    height: 16px;
    width: 16px
}

.tk-checkbox-container-small .tk-checkmark:after {
    left: 5px !important;
    top: 1px !important;
    width: 4px !important;
    height: 9px !important
}

.tk-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.tk-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border: 1px solid var(--tk-border-color, #ebebeb);
    border-radius: 5px
}

.tk-checkbox-container:hover input ~ .tk-checkmark, .tk-checkbox-container input:checked ~ .tk-checkmark {
    border-color: var(--tk-form-border-color, #ccc)
}

.tk-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tk-checkbox-container input:checked ~ .tk-checkmark:after {
    display: block
}

.tk-checkbox-container .tk-checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 11px;
    border: solid var(--tk-form-border-color, #ccc);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.subnav.sticky {
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4
}

.subnav {
    width: 100%;
    height: 42px
}

.popup_body #header-area ~ #navbar-area .navbar {
    margin-top: -25px
}

.popup_body #navbar-area {
    border-bottom: 1px solid #ebebeb
}

.popup_body #navbar-area .navbar {
    margin-bottom: 0
}

.popup_body #navbar-area .navbar .navbar-inner {
    background-image: none;
    background-color: transparent !important;
    border: none;
    filter: none;
    box-shadow: none;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

.popup_body #navbar-area .navbar .nav li {
    float: left;
    padding: 6px 0
}

.popup_body #tk-main-content {
    padding-left: 15px;
    padding-right: 15px
}

.popup_body #tk-main-content .tk-sitex-teaser-container {
    left: -15px;
    padding-left: 15px
}

#level-navigation-area {
    margin-bottom: 15px
}

#level-navigation-area #level-navigation-controls {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    border-top: 1px solid var(--tk-border-color, #ebebeb);
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f4f4f4
}

#level-navigation-area #level-navigation-controls a:hover, #level-navigation-area #level-navigation-controls a:visited {
    color: #f97b02
}

#level-navigation-area #level-navigation-controls h3 {
    margin-bottom: 8px
}

#level-navigation-area #level-navigation-controls i {
    padding-bottom: 1px
}

#level-navigation-area #level-navigation {
    padding: 20px 10px 10px;
    background-color: #f4f4f4;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

#level-navigation-area #level-navigation .box {
    background-color: var(--tk-border-color, #ebebeb);
    padding: 10px;
    margin-bottom: 10px;
    line-height: 18.2px
}

#level-navigation-area #level-navigation .box ul {
    margin: 0;
    padding: 0;
    color: var(--tk-text-color, #323232);
    text-decoration: none;
    font-size: 16px;
    line-height: 26px
}

#level-navigation-area #level-navigation .box ul li {
    padding-top: 3px;
    padding-bottom: 3px
}

#level-navigation-area #level-navigation .box ul li a {
    display: block
}

#level-navigation-area #level-navigation .box ul li a:visited {
    color: #f97b02
}

#level-navigation-area #level-navigation .box ul li.active > a {
    color: #323232;
    font-weight: 700
}

#level-navigation-area #level-navigation .box ul li.active > a i {
    float: right;
    width: 10px
}

#tk-mag-area {
    background-color: #f4f4f4;
    padding-top: 45px;
    padding-bottom: 40px
}

#tk-mag-area .header {
    padding-left: 18px
}

#tk-mag-area .header .header-text {
    color: var(--tk-header-light-color, #555);
    padding-top: 5px
}

#tk-mag-area .content {
    font-weight: 300;
    padding-left: 18px;
    display: grid;
    grid-template-columns:100%;
    grid-column-gap: 10%
}

#tk-mag-area .content .item {
    margin-bottom: 30px
}

#tk-mag-area .content .item .title {
    font-size: 20.571424px;
    line-height: 32.5px;
    margin-bottom: 5px
}

#tk-mag-area .content .item .date {
    color: var(--tk-text-light-color, #999)
}

#tk-mag-area .content .item a {
    text-decoration: none;
    color: var(--tk-header-light-color, #555)
}

#tk-wiki-area {
    background-color: #f4f4f4;
    padding-top: 45px;
    padding-bottom: 40px
}

#tk-wiki-area.tk-myservices-overview-wiki {
    border-top: none;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0
}

#tk-wiki-area .header {
    padding-left: 18px
}

#tk-wiki-area .header .header-text {
    color: var(--tk-header-light-color, #555);
    padding-top: 5px
}

#tk-wiki-area .content {
    font-weight: 300;
    padding-left: 18px;
    display: grid;
    grid-template-columns:100%;
    grid-column-gap: 10%
}

#tk-wiki-area .content .loading {
    width: 100%;
    text-align: center
}

#tk-wiki-area .content .item {
    margin-bottom: 30px
}

#tk-wiki-area .content .item .title {
    font-size: 20.571424px;
    line-height: 32.5px;
    margin-bottom: 5px
}

#tk-wiki-area .content .item a {
    text-decoration: none;
    color: var(--tk-header-light-color, #555)
}

#tk-feedback-area {
    border-top: 1px solid var(--tk-border-color, #ebebeb);
    background-color: #f4f4f4;
    padding-top: 80px;
    padding-bottom: 70px
}

#tk-feedback-area a {
    text-decoration: none;
    color: var(--tk-header-light-color, #555)
}

#tk-feedback-area .header {
    padding-left: 18px
}

#tk-feedback-area .header h2 {
    line-height: 45.5px;
    font-weight: 700
}

#tk-feedback-area .header h2 a {
    color: #323232
}

#tk-feedback-area .content, #tk-feedback-area .header .header-text {
    color: var(--tk-header-light-color, #555)
}

#tk-feedback-area .content {
    font-weight: 300;
    padding-left: 18px;
    font-size: 20.571424px;
    line-height: 32.5px
}

#tk-feedback-area .content .tk-icons-quotes-start {
    vertical-align: top;
    width: 16px
}

#tk-feedback-area .content .tk-icons-quotes-end {
    vertical-align: bottom;
    width: 16px
}

#teaser-area, #teaser-area-top {
    clear: both
}

#teaser-area-top .border-box, #teaser-area .border-box {
    box-sizing: border-box
}

#teaser-area-top .teaser-right-top, #teaser-area .teaser-right-top {
    border-left: 6px solid #fff;
    border-bottom: 3px solid #fff;
    height: 155px;
    width: 100%;
    float: left
}

#teaser-area-top .teaser-right-bottom, #teaser-area .teaser-right-bottom {
    border-left: 6px solid #fff;
    border-top: 3px solid #fff;
    height: 155px;
    width: 100%;
    float: left
}

#teaser-area-top .teaser-left, #teaser-area .teaser-left {
    height: 310px;
    width: 100%;
    float: left
}

#teaser-area-top .teaser-large, #teaser-area .teaser-large {
    height: 500px;
    width: 100%
}

#teaser-area-top.gray-background .teaser-right-bottom, #teaser-area-top.gray-background .teaser-right-top, #teaser-area.gray-background .teaser-right-bottom, #teaser-area.gray-background .teaser-right-top {
    background-image: url(../image/teaser_right.jpg)
}

#teaser-area-top.gray-background .teaser-large, #teaser-area.gray-background .teaser-large {
    background-color: #f4f4f4
}

#teaser-area-top.gray-background .teaser-left, #teaser-area.gray-background .teaser-left {
    background-image: url(../image/teaser_left.jpg)
}

#teaser-area-top .teaser-large-image, #teaser-area .teaser-large-image {
    height: 500px
}

#teaser-area-top .teaser-large-image img, #teaser-area .teaser-large-image img {
    max-width: 600px
}

#teaser-area-top .teaser-small-click, #teaser-area .teaser-small-click {
    cursor: pointer
}

#teaser-area-top ul.slides li, #teaser-area ul.slides li {
    overflow: hidden
}

#teaser-area-top .flex-control-nav {
    display: none;
    bottom: 0;
    right: 10px;
    text-align: right
}

#teaser-area-top .flex-control-nav li {
    text-align: center
}

#teaser-area-top .flex-control-nav li a {
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    border: 2px solid #8b8b8b;
    height: 10px;
    width: 10px;
    border-radius: 5px
}

#teaser-area-top .flex-control-nav li a.flex-active, #teaser-area-top .flex-control-nav li a:hover {
    background: #323232;
    border-color: #323232
}

#teaser-area-top .flex-next, #teaser-area-top .flex-prev {
    background-color: hsla(0, 0%, 100%, .7);
    top: 135px;
    padding: 23px 0 23px 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .1);
    text-align: center;
    font-size: 30px;
    line-height: 42px;
    color: #5f6062
}

#teaser-area-top .flex-prev {
    left: 0;
    border-radius: 0 5px 5px 0
}

#teaser-area-top .flex-next {
    right: 0;
    border-radius: 5px 0 0 5px;
    text-indent: 0
}

#teaser-area-top .flex-direction-nav a.flex-next:before, #teaser-area-top .flex-direction-nav a:before {
    content: "";
    display: none
}

#teaser-area-top .flex-nav-next, #teaser-area-top .flex-nav-prev {
    line-height: 0;
    height: 0;
    font-size: 0
}

#teaser-area .flex-control-nav {
    bottom: 9px
}

#teaser-area .flex-control-nav li a {
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    border: 2px solid #8b8b8b;
    height: 10px;
    width: 10px;
    border-radius: 5px
}

#teaser-area .flex-control-nav li a.flex-active, #teaser-area .flex-control-nav li a:hover {
    background: #323232;
    border-color: #323232
}

#teaser-area .flexslider {
    height: 500px
}

#teaser-area .flexslider .slides img {
    width: auto
}

div.flexslider {
    overflow: hidden;
    margin-bottom: 0;
    border: #fff;
    padding: 0;
    background-color: transparent;
    box-shadow: none
}

.teaser-row-small {
    height: 152px;
    text-align: center;
    overflow: hidden
}

.teaser-row-small img {
    width: auto !important;
    margin: 0 auto
}

.slide-first-desktop {
    display: none
}

.slide-first-mobile {
    position: absolute;
    width: 100%;
    transition-duration: 0s;
    transform: translateZ(0);
    display: block
}

.teaser-row-medium {
    height: 310px;
    text-align: center;
    position: relative
}

.teaser-row-medium .teaser-button {
    position: relative;
    z-index: 2;
    margin-bottom: -165px;
    padding-top: 115px
}

.teaser-row-medium a.link-teaser-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    text-decoration: none
}

.teaser-row-medium .background-image-stretched {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.teaser-row-medium .background-image-stretched.left {
    background-position: 0
}

.teaser-row-medium .background-image-stretched.right {
    background-position: 100%
}

.teaser-row-medium .background-image-stretched.center {
    background-position: 50%
}

.teaser-row-medium .background-image-stretched .teaser-text {
    position: absolute;
    width: 100%
}

.teaser-row-medium .background-image-stretched .teaser-text .h2 {
    display: inline-block;
    padding: 4px 23px 0
}

.teaser-row-medium .background-image-stretched .teaser-text .h3 {
    padding: 7px 14px 5px
}

.teaser-row-medium .background-image-stretched .teaser-text .h4 {
    padding: 7px 14px 5px;
    font-size: 18.5px;
    font-weight: 300
}

.teaser-row-medium .background-image-stretched .teaser-text.top {
    top: 5px
}

.teaser-row-medium .background-image-stretched .teaser-text.bottom {
    bottom: 4px
}

.teaser-row-medium .background-image-stretched .teaser-text.left {
    left: 0;
    text-align: left
}

.teaser-row-medium .background-image-stretched .teaser-text.left .h2 {
    padding: 4px 20px 0 23px
}

.teaser-row-medium .background-image-stretched .teaser-text.left .h3, .teaser-row-medium .background-image-stretched .teaser-text.left .h4 {
    padding: 7px 14px 5px 28px
}

.teaser-row-medium .background-image-stretched .teaser-text.right {
    right: 0;
    text-align: right
}

.teaser-row-medium .background-image-stretched .teaser-text.right .h2 {
    padding: 4px 23px 0 20px
}

.teaser-row-medium .background-image-stretched .teaser-text.right .h3, .teaser-row-medium .background-image-stretched .teaser-text.right .h4 {
    padding: 7px 28px 5px 14px
}

.teaser-row-medium .background-image-stretched .teaser-text.center {
    text-align: center
}

.teaser-row-medium .background-image-stretched .teaser-text .h2, .teaser-row-medium .background-image-stretched .teaser-text .h3, .teaser-row-medium .background-image-stretched .teaser-text .h4 {
    display: inline-block;
    margin: 5px 0;
    color: #fff
}

.teaser-row-medium .background-image-stretched .teaser-text .h2.orange, .teaser-row-medium .background-image-stretched .teaser-text .h3.orange, .teaser-row-medium .background-image-stretched .teaser-text .h4.orange {
    background-color: rgba(255, 125, 0, .7)
}

.teaser-row-medium .background-image-stretched .teaser-text .h2.gray, .teaser-row-medium .background-image-stretched .teaser-text .h3.gray, .teaser-row-medium .background-image-stretched .teaser-text .h4.gray {
    background-color: rgba(95, 96, 100, .62)
}

.teaser-row-medium .teaser-button-single-line {
    margin-bottom: -140px;
    padding-top: 90px
}

.teaser-row-medium .img-container {
    position: relative;
    width: 100%
}

.teaser-row-medium .img-container img {
    width: auto !important;
    margin: 0 auto;
    max-width: 100%
}

.teaser-row-medium .img-container div {
    position: absolute;
    bottom: -310px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.teaser-row-large {
    margin-top: 50px
}

.teaser-content {
    padding: 20px;
    position: relative
}

.teaser-content.first {
    padding-right: 0;
    z-index: 99
}

.teaser-content.first.fullscreen {
    padding: 0
}

.teaser-content.first.small {
    padding: 7px 10px 0
}

.teaser-content.first.small p {
    margin: 0;
    font-size: 14.4px;
    line-height: 22.1px
}

.teaser-content.first.large {
    padding-left: 60px
}

.teaser-content.first.large > span {
    vertical-align: top;
    margin-top: 28px
}

.teaser-content.last {
    padding-left: 0;
    z-index: 0
}

.teaser-content.last.small {
    padding: 4px 0 0
}

.teaser-content.last.small .eyecatcher {
    width: 40px;
    height: 40px;
    border: 3px solid #f97b02;
    border-radius: 28px;
    display: block;
    position: absolute;
    left: 275px;
    top: 10px;
    background-color: #fff
}

.teaser-content.last.small .eyecatcher span {
    position: absolute;
    left: 4px;
    top: 11px;
    color: #f97b02;
    font-weight: 600
}

.teaser-content.last.medium {
    padding: 0;
    margin-top: -104px
}

.teaser-content.last.large {
    padding-left: 60px;
    padding-top: 0
}

.teaser-content.last.large > div {
    margin-top: 37px
}

.teaser-content.last.large p {
    margin: 0;
    font-size: 30.768px;
    line-height: 39px
}

.teaser-content.medium {
    padding: 13px 20px 0
}

.teaser-content.medium p {
    margin: 0
}

.teaser-content.medium p span {
    font-size: 22.16px;
    line-height: 26px
}

.teaser-content.medium p a.btn {
    position: relative;
    margin-bottom: -220px
}

.teaser-content h1.teaser {
    font-size: 40px;
    line-height: 61.45464px;
    color: #323232
}

.teaser-content h1.teaser.big {
    font-size: 68px;
    line-height: 117px
}

.teaser-content h1.teaser.small {
    font-size: 19.68px;
    line-height: 26px;
    margin: 0 0 12px
}

.teaser-content h1.teaser.medium {
    font-size: 51.68px;
    line-height: 52px;
    font-weight: 500;
    letter-spacing: 1px
}

.teaser-content h1.teaser.large {
    display: inline-block;
    font-size: 52.928px !important;
    line-height: 65px !important;
    font-weight: 500
}

.teaser-content h1.teaser.large.x-size {
    display: block;
    font-size: 93.536px !important;
    line-height: 91px !important
}

.teaser-content h1.teaser.large > span {
    display: block
}

.teaser-content h1.teaser.large > span .quotes {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    margin-left: 3px
}

.teaser-content div.teaser:not(.h1):not(.h2), .teaser-content p.teaser:not(.h1):not(.h2), .teaser-content span.teaser:not(.h1):not(.h2) {
    font-size: 12.32px;
    line-height: 26px;
    color: #323232
}

.teaser-content .teaser-text {
    font-size: 24px;
    line-height: 33.8px
}

.teaser-content .teaser-text button {
    vertical-align: bottom
}

.teaser-content .footer {
    font-size: 16px;
    line-height: 26px
}

.teaser-content .footer button {
    vertical-align: bottom
}

.teaser-large .RedxGridColumn > img {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

#c_assist_slider {
    margin-top: 6px
}

#c_assist_slider .teaser-confi-navigator-content {
    height: 315px;
    padding: 15px 10px 0
}

#c_assist_slider .contact-person-img .contact-person-info > img {
    position: relative;
    margin-left: 100px;
    height: auto !important
}

#c_assist_slider ul.slides li {
    overflow: hidden;
    background-color: #f4f4f4;
    min-height: 315px;
    max-height: 315px;
    height: 315px
}

#c_assist_slider .flex-control-nav {
    bottom: 0;
    left: 32px;
    width: auto
}

#c_assist_slider .flex-control-nav li a {
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    border: 2px solid #b9babd;
    height: 10px;
    width: 10px;
    border-radius: 5px
}

#c_assist_slider .flex-control-nav li a.flex-active, #c_assist_slider .flex-control-nav li a:hover {
    background: #5f6064;
    border-color: #5f6064
}

.tk-banner-content-area-container .tk-banner-content-area-slide {
    display: none
}

.tk-banner-content-area {
    width: 100%;
    min-height: 250px;
    margin-top: 20px;
    margin-bottom: 20px
}

.tk-banner-content-area a {
    text-decoration: none
}

.tk-banner-content-area .tk-banner-content-area-content {
    padding-top: 55px;
    padding-bottom: 25px
}

.tk-banner-content-area .tk-banner-content-area-headline {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}

.tk-banner-content-area .tk-banner-content-area-subheadline {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    padding-top: 12px;
    padding-bottom: 15px;
    margin: 0 auto;
    max-width: 800px
}

.tk-banner-content-area .tk-banner-content-area-button {
    width: 100%;
    text-align: center
}

.RedxGridColumn.Large4 .tk-banner-content-area-subheadline, .RedxGridColumn.Large6 .tk-banner-content-area-subheadline {
    max-width: 300px
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.tk-full-size-slider-container {
    width: 100vw;
    position: relative;
    height: 720px
}

.tk-full-size-slider-container a {
    text-decoration: none
}

.tk-full-size-slider-container .tk-banner-full-size-container {
    position: relative;
    height: 720px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.tk-full-size-slider-container .tk-banner-full-size-countdown {
    z-index: 2
}

.tk-full-size-slider-container .tk-banner-full-size-countdown:not(:empty) {
    margin-bottom: 25px
}

.tk-full-size-slider-container .tk-banner-full-size-headline {
    z-index: 2;
    color: #f97b02;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    max-width: 700px;
    line-height: 20px
}

.tk-full-size-slider-container .tk-banner-full-size-subheadline {
    z-index: 2;
    color: #fff;
    text-shadow: 0 0 1px #323232;
    font-size: 50px;
    line-height: 52px;
    font-weight: 700;
    max-width: 700px
}

.tk-full-size-slider-container .tk-banner-full-size-button {
    z-index: 2;
    margin-top: 25px
}

.tk-full-size-slider-container .tk-banner-full-size-image img {
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

.tk-full-size-slider-container .tk-banner-full-size-container-left :is(.tk-banner-full-size-countdown,.tk-banner-full-size-headline,.tk-banner-full-size-subheadline,.tk-banner-full-size-button) {
    margin-left: 14%
}

.tk-full-size-slider-container .tk-banner-full-size-container-center :is(.tk-banner-full-size-countdown,.tk-banner-full-size-headline,.tk-banner-full-size-subheadline) {
    width: 100%;
    max-width: 100%;
    text-align: center
}

.tk-full-size-slider-container .tk-banner-full-size-container-center :is(.tk-banner-full-size-countdown,.tk-banner-full-size-headline,.tk-banner-full-size-subheadline) > span {
    display: inline-block;
    max-width: 700px
}

.tk-full-size-slider-container .tk-banner-full-size-container-center .tk-banner-full-size-button {
    width: 100%;
    text-align: center
}

.tk-full-size-slider-container .tk-banner-full-size-container-right :is(.tk-banner-full-size-countdown,.tk-banner-full-size-headline,.tk-banner-full-size-subheadline) {
    width: 100%;
    max-width: 100%;
    text-align: right;
    margin-left: -14%
}

.tk-full-size-slider-container .tk-banner-full-size-container-right :is(.tk-banner-full-size-countdown,.tk-banner-full-size-headline,.tk-banner-full-size-subheadline) > span {
    display: inline-block;
    max-width: 700px
}

.tk-full-size-slider-container .tk-banner-full-size-container-right .tk-banner-full-size-button {
    width: 100%;
    max-width: 100%;
    text-align: right;
    margin-left: -14%
}

.tk-full-size-slider-container :is(.swiper-button-prev,.swiper-button-next) {
    background: none;
    background-color: #fff;
    color: #333;
    border-radius: 6px;
    font-size: 20px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    padding-top: 6px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer
}

.tk-full-size-slider-container :is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto
}

.tk-full-size-slider-container .swiper-button-prev {
    left: 48px
}

.tk-full-size-slider-container .swiper-button-next {
    right: 32px;
    margin-right: var(--scrollbar-offset-right, var(--xtx-scroll-bar-width, 17px))
}

.tk-full-size-slider-container .swiper-pagination-bullets {
    bottom: 15px !important;
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.tk-full-size-slider-container .swiper-pagination-bullet {
    border: 2px solid #fff;
    background-color: transparent;
    opacity: 1;
    margin: 0 8px !important;
    padding: 4px;
    text-align: center;
    cursor: pointer;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%
}

.tk-full-size-slider-container .swiper-pagination-bullet-active {
    background-color: #fff
}

.tk-banner-full-size-from-content-banner .tk-banner-full-size-countdown {
    margin-bottom: 12px !important
}

.tk-banner-full-size-from-content-banner .tk-banner-full-size-headline {
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 12px !important
}

.tk-banner-full-size-from-content-banner .tk-banner-full-size-subheadline {
    font-size: 16px !important;
    line-height: 25px !important;
    font-weight: 400 !important;
    color: #fff !important
}

.tk-banner-full-size-from-content-banner .tk-banner-full-size-button {
    margin-top: 15px !important
}

.tk-full-size-slider-container-full-width {
    width: 100vw
}

#content-area {
    font-size: 16px;
    min-height: 400px;
    background-color: #fff
}

#content-area .content {
    padding-left: 18px
}

#content-area hr {
    border-width: 0 0 1px;
    border-color: var(--tk-border-color, #ebebeb);
    border-left-color: -moz-use-text-color;
    border-bottom-color: var(--tk-border-color, #ebebeb);
    border-right-color: -moz-use-text-color;
    border-top-color: var(--tk-border-color, #ebebeb);
    margin: 10px 0;
    background-color: var(--tk-border-color, #ebebeb)
}

#content-area .side-nav {
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 20px
}

#content-area .side-nav ul {
    margin: 0;
    padding: 0
}

#content-area .side-nav .active > a {
    color: #323232;
    font-weight: 700
}

#content-area .side-nav a {
    display: block;
    padding: 4px 0;
    text-decoration: none
}

#content-area .side-nav ul ul {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    margin-left: 20px
}

#content-area .side-nav ul ul a {
    padding: 2px 0
}

#content-area .login-box h3 {
    margin-bottom: 15px
}

#content-area .login-box#sitex-login-box {
    padding-bottom: 30px
}

#content-area .login-box .content {
    background-color: #fff;
    padding: 0
}

#content-area .login-box .content form {
    display: block;
    padding-bottom: 50px
}

#content-area .login-box .content .btn-primary {
    position: absolute;
    bottom: 50px;
    left: 25px
}

#content-area .login-box .content-white {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 30px
}

#content-area .login-box .registration-links-container {
    margin-top: 15px
}

#content-area .tk-table {
    display: table
}

#content-area .tk-row {
    display: table-row
}

#content-area .tk-cell {
    display: table-cell;
    padding: 10px 0
}

#content-area .tk-text-center {
    text-align: center
}

#content-area .tk-text-left {
    text-align: left
}

#content-area .tk-text-right {
    text-align: right
}

#content-area .tk-text-top {
    vertical-align: top
}

#content-area .tk-text-middle {
    vertical-align: middle
}

#content-area .tk-text-bottom {
    vertical-align: bottom
}

#content-area #sub-distributor-login-box .content {
    padding: 10px;
    min-height: 330px
}

#content-area #sub-distributor-login-box .content .btn-primary {
    bottom: 20px
}

.login-box input[name=ses_id], .login-box input[name=ses_pwd] {
    width: 98%;
    padding: 10px;
    border-color: var(--tk-border-color, #ebebeb);
    font-size: 16px
}

.login-box .tk-login-box-error {
    width: 98%
}

.tk-overlay-box-content-my-account .login-box input[name=ses_id], .tk-overlay-box-content-my-account .login-box input[name=ses_pwd] {
    width: 100%
}

.tk-login-pwd-forgot-link {
    display: inline-block;
    margin-top: 20px;
    text-decoration: underline !important;
    color: #323232 !important;
    font-size: 16px
}

.tk-login-pwd-remember-link {
    padding-top: 3px;
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 16px
}

.tk-sitex-teaser-container {
    display: table;
    position: relative;
    left: 0;
    width: calc(100vw - var(--scrollbar-offset-right, var(--xtx-scroll-bar-width, 17px)));
    max-width:100%;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden
}

.tk-sitex-teaser-container .background-container {
    content: " ";
    background: #f4f4f4;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-content {
    max-width: 1600px;
    z-index: 2;
    position: relative
}

.tk-sitex-teaser-container .h1, .tk-sitex-teaser-container h1 {
    font-size: 34px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 10px
}

.tk-sitex-teaser-container h2, .tk-sitex-teaser-container h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-left {
    width: 35%;
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-right-content {
    padding-left: 18px;
    max-width: 870px
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-right-content a.morelink {
    display: inline-block;
    text-decoration: underline
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-right-content a.morelink:hover {
    text-decoration: none
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-right-content .h3 {
    margin-top: 0
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-content-without-pic .tk-sitex-teaser-container-right-content {
    padding-left: 0;
    max-width: 100%
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-right {
    color: #323232;
    width: 65%;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto
}

.tk-sitex-teaser-container .tk-sitex-teaser-container-right-content .tk-sitex-teaser-container-right {
    width: 100%;
}

.tk-sitex-teaser-container-full-width {
    width: 100%;
}

.tk-icon-navi {
    width: 30px;
    height: 30px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: text-top
}

.tk-icon-navi-my-account {
    background: url(../image/my_account.svg)
}

.topnav-mobile-button-my-account:hover .tk-icon-navi-my-account, li.login-icon:has(~li.login-myaccount:hover) .tk-icon-navi-my-account, li.login-icon:hover .tk-icon-navi-my-account {
    filter: brightness(0) saturate(100%) invert(50%) sepia(68%) saturate(1836%) hue-rotate(359deg) brightness(98%) contrast(99%)
}

.tk-icon-navi-my-account-logged-in {
    background: url(../image/my_account_logged_in.svg)
}

:is(li.login-icon:hover,li.login-icon:has(~.login-myaccount:hover),.topnav-mobile-button-my-account:hover) .tk-icon-navi-my-account-logged-in {
    filter: brightness(0) saturate(100%) invert(50%) sepia(68%) saturate(1836%) hue-rotate(359deg) brightness(98%) contrast(99%)
}

li.login-icon:hover ~ li.login-myaccount a {
    color: var(--tk-primary-color, #ff7d00) !important
}

.tk-icon-navi-cart {
    background: url(../image/cart.svg);
    margin-top: -1px
}

.topnav-mobile-button-cart:hover .tk-icon-navi-cart, li.cart-with-articles-icon:has(~li.cart-with-articles-label:hover) .tk-icon-navi-cart, li.cart-with-articles-icon:hover .tk-icon-navi-cart {
    background: url(../image/cart-hover.svg)
}

li.cart-with-articles-icon:hover ~ li.cart-with-articles-label a {
    color: var(--tk-primary-color, #ff7d00) !important
}

.tk-icon-navi-message {
    background-image: url(../image/message.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    background-size: 69% 69%;
    margin-left: -18px
}

:is(li.unread-productnews-sign:hover,.topnav-mobile-button-news:hover) .tk-icon-navi-message {
    background-image: url(../image/message-hover.svg)
}

.header-container:not(.header-container-with-navigation) {
    transition: none;
    height: 75px
}

.header-container:not(.header-container-with-navigation) .header-right-content {
    display: none
}

.header-container {
    height: 100px;
    background-color: var(--tk-text-color, #323232);
    color: #fff;
    padding: 0
}

.header-container .header-container-block {
    padding-top: 12px;
    max-width: 1600px;
    margin: 0 auto
}

.header-container.header-container-with-navigation {
    height: 70px;
    max-width: 100vw
}

.header-container .header-content {
    position: relative
}

.header-container .logo, .header-container .search-and-topnav {
    float: left
}

.header-container .search-and-header-nav {
    display: flex;
    flex-direction: row;
    float: right;
    width: 100%
}

.header-container .header-mid-content {
    flex: 1 0 auto;
    color: #5f6064;
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%
}

.header-container .header-mid-content .configurator-header-text {
    width: 500px;
    color: #fff;
    display: none
}

.header-container .header-mid-content .configurator-header-text .header-configurator-text-two-lines .first-line, .header-container .header-mid-content .configurator-header-text .header-configurator-text-two-lines .second-line {
    font-size: 16px;
    line-height: 40px;
    display: inline-block
}

.header-container .header-right-content a {
    transition-duration: 0s
}

.header-container .header-right-content ul.nav {
    margin-bottom: 0
}

.header-container .header-right-content ul.nav li.dropdown a {
    font-weight: 400;
    padding: 0 8px;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    display: inline-block
}

:is(.header-container .header-right-content ul.nav li.dropdown:hover,.header-container .header-right-content ul.nav li.dropdown:focus,.header-container .header-right-content ul.nav li.dropdown:hover a,.header-container .header-right-content ul.nav li.dropdown:focus a) {
    color: var(--tk-primary-color, #ff7d00)
}

.header-container .header-right-content ul.nav li a {
    color: #fff
}

.header-container .header-right-content ul.nav .unread-productnews-sign > a .tk-badge-productnews {
    display: none
}

.header-container .header-right-content ul.nav .cart-with-articles-icon {
    margin-left: 10px
}

.header-container .header-right-content ul.nav .cart-with-articles-label {
    margin: 5px 0 0 -8px
}

.header-container .header-right-content ul.nav .login-icon {
    padding: 0
}

.header-container .header-right-content ul.nav .login-icon .login-information-content {
    font-size: 13px;
    padding: 20px
}

.header-container .header-right-content ul.nav .login-icon .login-information-content table {
    min-width: 300px
}

.header-container .header-right-content ul.nav .login-icon .login-information-content tr {
    line-height: 22px
}

.header-container .header-right-content ul.nav .login-icon .login-information-content td {
    min-width: 85px
}

.header-container .header-right-content ul.nav .login-icon .login-information-content a:not(.btn) {
    padding: 0;
    font-size: 13px
}

.header-container .header-right-content ul.nav #login-myaccount {
    margin: 0 0 0 -8px
}

.header-container .header-right-content ul.nav #login-myaccount > a {
    white-space: nowrap;
    padding: 5px 0;
    font-weight: 400;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-container .header-right-content ul.nav .currency {
    margin: 3px 0 0
}

.header-container .header-right-content ul.nav .currency .dropdown-toggle {
    cursor: pointer;
    line-height: 30px
}

.header-container .header-right-content ul.nav .lang {
    margin: 3px 0 0
}

.header-container .header-right-content ul.nav .lang .dropdown-toggle {
    cursor: pointer;
    line-height: 30px;
    padding-right: 21px
}

.header-container .header-right-content ul.nav .login-information-content {
    color: #5f6064;
    margin-top: 0
}

.header-container .header-right-content ul.nav .cart-with-articles-icon, .header-container .header-right-content ul.nav .login-icon {
    display: inline-block
}

.header-container ul.nav > li {
    float: left
}

.header-container ul.nav li.phone {
    margin-left: 22px
}

.header-container ul.nav li.phone:first-child {
    margin-left: 0
}

.header-container .header-nav {
    flex: 1 0 auto
}

.header-container .main-nav {
    position: absolute;
    left: -15px;
    width: 100%;
    margin-top: 10px
}

.header-container .main-nav-right {
    position: absolute;
    right: 0;
    width: 450px;
    top: 59px;
    transition: top .5s ease-in-out 0s;
    margin-right: 20px
}

.header-container .main-nav-right .phone {
    font-size: 13px
}

.header-container .main-nav-right .phone a {
    text-decoration: none;
    color: inherit;
    transition-duration: 0s
}

.header-container .main-nav-right .phone:hover a {
    color: var(--tk-primary-color, #ff7d00)
}

.header-container .dropdown-toggle:after, .header-container a.menu:after {
    content: none
}

.header-container .nav > li > a:hover {
    background-color: transparent
}

.header-container div.header-nav {
    float: right
}

.header-container div.header-nav .header-nav-top {
    color: #fff
}

.header-container div.header-nav .header-nav-bottom {
    width: auto;
    z-index: 999;
    position: relative
}

[data-sticky].placeholder {
    flex-basis: 0
}

.confirm-bar-area {
    z-index: 9999999;
    text-align: center;
    opacity: .9;
    position: absolute;
    width: 100%;
    background-color: #fff
}

.confirm_bar_content {
    z-index: 9999999;
    padding: 10px
}

ul.header-tooltip {
    margin: 0;
    padding: 0;
    overflow: hidden
}

ul.header-tooltip li {
    list-style-type: none;
    text-indent: 0
}

ul.header-tooltip li:before {
    content: "";
    margin-right: 0
}

ul.header-tooltip .action_dropdown {
    border-bottom: none !important
}

ul.header-tooltip .action_dropdown a {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

ul.header-tooltip .action_dropdown:first-of-type a {
    padding-top: 10px !important
}

ul.header-tooltip .action_dropdown:last-of-type a {
    padding-top: 0;
    padding-bottom: 10px !important
}

#tk-lang-chooser-content {
    display: none
}

#tk_sitex_page_body, body.popup_body {
    display: flex;
    flex-direction: column;
    height: 100vh
}

#page-area {
    flex: 1 0 auto
}

#footer-area {
    flex: 0 0 auto;
    color: #fff;
    background-color: var(--tk-text-color, #323232);
    background-repeat: no-repeat;
    background-position: 50%;
    font-weight: lighter
}

#footer-area .tk-footer-company, #footer-area .tk-footer-media-print {
    padding: 0 0 24px
}

#footer-area .tk-footer-media-screen {
    padding: 40px 0 15px
}

#footer-area .tk-footer-media-screen .RedxGridColumn {
    min-height: 210px
}

#footer-area .phone {
    font-size: 14.8571439184px;
    font-weight: 100
}

#footer-area .phone a:hover {
    color: #f97b02
}

#footer-area .email {
    font-size: 14.8571439184px
}

#footer-area .meta {
    text-align: center;
    padding: 0
}

#footer-area .meta .left {
    margin-top: 40px
}

#footer-area .meta > .left {
    margin-right: 30px
}

#footer-area .meta .left:last-of-type {
    margin-right: 0
}

#footer-area .meta .right-meta-box {
    margin-right: 50px;
    display: flex;
    float: right
}

#footer-area .meta .right-meta-box > div {
    text-transform: uppercase
}

#footer-area .tk-footer-newsletter {
    margin-top: 8px;
    margin-bottom: 20px;
    width: 80%
}

#footer-area .tk-footer-newsletter form.form-inline {
    margin-bottom: 10px
}

#footer-area .tk-footer-newsletter input[type=text] {
    width: 160px
}

#footer-area .tk_footer_support_additional {
    margin-top: 6px
}

#footer-area h4 {
    font-size: 12px;
    color: #fff;
    letter-spacing: 2.5px;
    margin-bottom: 10px
}

#footer-area hr {
    color: #474747;
    background-color: #474747;
    border-width: 0;
    height: 1px;
    margin: 10px 0;
    width: 80%
}

#footer-area .input-append.xtxInput {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row
}

#footer-area input.btn {
    margin-left: 10px
}

#footer-area div.social-media a {
    margin-right: 12px;
    vertical-align: middle;
    font-size: 0;
    transition-duration: 0s
}

#footer-area div.social-media a:hover {
    font-weight: 400
}

#footer-area div.social-media > div {
    margin-top: 12px
}

#footer-area div.social-media > div:first-child {
    margin-top: 20px
}

#footer-area div.social-media > div:last-child {
    margin-bottom: 25px
}

#footer-area .customer-service-list {
    font-weight: 400
}

#footer-area i {
    margin-right: 12px
}

#footer-area .company-name {
    font-size: 13px
}

#footer-area .RedxPageContainer {
    overflow: visible
}

#footer-area .header-logo a:focus {
    box-shadow: none;
    outline: none
}

#footer-area .footer-tuev-logo {
    margin-top: 3px;
    margin-left: 20px
}

#footer-area .footer-ekomi-logo {
    margin-top: 2px;
    margin-left: 8px
}

#footer-area .footer-ekomi-logo, #footer-area .footer-ekomi-logo img {
    width: 56px !important;
    height: 56px !important
}

.overlay_alert_lite {
    background-color: #000;
    z-index: 9999991 !important;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.dialog {
    display: block;
    position: absolute;
    z-index: 9999992 !important
}

.dialog table.table_window {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0;
    padding: 0
}

.dialog table.table_window td, .dialog table.table_window th {
    padding: 0
}

.dialog .title_window {
    -moz-user-select: none
}

.layout-display-container {
    display: flex;
    margin: 0 -10px
}

.layout-display-container.display-row {
    flex-direction: row;
    flex-wrap: wrap
}

.layout-display-container.display-col {
    flex-direction: column
}

.layout-display-container .layout-col {
    width: 100%;
    padding: 0 10px
}

.layout-display-container .layout-col-1, .layout-display-container .layout-col-2, .layout-display-container .layout-col-3, .layout-display-container .layout-col-4, .layout-display-container .layout-col-5, .layout-display-container .layout-col-6, .layout-display-container .layout-col-7, .layout-display-container .layout-col-8, .layout-display-container .layout-col-9, .layout-display-container .layout-col-10, .layout-display-container .layout-col-11, .layout-display-container .layout-col-12 {
    width: 100%
}

.layout-display-container xtx-select {
    --select-input-min-height: 50px;
    --select-field-min-width: 100%;
    --select-input-padding-horizontal: 20px
}

#search_results {
    height: 100%;
    width: 100%
}

#search_results input.gsc-input {
    margin-top: 8px;
    padding: 5px
}

#search_results .gsc-results {
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    width: 100%
}

#search_results .gsc-result {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #f4f4f4;
    border-left-width: 10px;
    padding: 8px 8px 8px 10px
}

#search_results .gsc-result:hover {
    border: 1px solid #c1c1c1;
    border-left-width: 10px
}

#search_results .gsc-result .gsc-table-result, #search_results .gsc-result .gsc-url-top {
    font-size: 14px
}

#search_results .gsc-cursor-box {
    text-align: center;
    margin-top: 30px;
    font-size: 14px
}

#search_results .gsc-cursor-box .gsc-cursor-page {
    cursor: pointer;
    display: inline;
    background-color: #f4f4f4;
    border: 1px solid #c1c1c1;
    padding: 5px 8px;
    margin-right: 8px
}

#search_results .gsc-cursor-box .gsc-cursor-page:hover {
    background-color: #e7e7e7;
    color: #f97b02
}

.gs-webResult .gs-visibleUrl-short {
    display: none
}

.gs-webResult .gs-visibleUrl-long {
    display: block
}

.gsc-control {
    width: 100%
}

.gsc-results-selector {
    display: none
}

.gsc-twiddle {
    background-image: none
}

.gsc-title {
    padding: 0
}

.gsc-trailing-more-results {
    display: none
}

table.gsc-search-box {
    display: inline;
    padding: 0;
    margin: 0
}

table.gsc-branding {
    float: right;
    display: inline
}

.gsc-clear-button {
    display: none
}

.gs-title * {
    font-size: 16px;
    font-weight: 700
}

.gs-title *, .gsc-cursor-current-page, div.gs-visibleUrl-long {
    color: #f97b02
}

.gs-watermark, .gsc-stats {
    display: none
}

.gsc-input {
    width: 200px !important
}

.gs-per-result-labels, .gsc-result-info {
    display: none
}

#adBlock {
    display: block
}

.gsc-control-cse {
    padding: 0 !important
}

.gsc-control-cse form {
    padding-bottom: 5px
}

.gsc-control-cse:after, .search_results .gsc-control-cse:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    padding: 0;
    margin: 0
}

.gs-spelling.gs-result {
    font-size: 14px
}

.gs-spelling.gs-result a {
    cursor: pointer
}

img.gs-image {
    max-width: 130px;
    padding: 5px
}

img.gcsc-branding-img-noclear, img.gs-image {
    border: none !important
}

.gcsc-branding {
    display: none !important
}

.gsc-completion-container {
    cursor: pointer;
    z-index: 9999999;
    font-size: 13px;
    position: absolute;
    background: #fff;
    border: 1px solid #666;
    margin-top: 1px;
    margin-left: -10px;
    margin-right: 0
}

.gsc-adBlock, .gsc-adBlockInvisible {
    display: none;
    visibility: hidden
}

.gsc-tabsArea {
    clear: both;
    margin-top: 20px;
    line-height: 14px
}

.gsc-tabsArea .gs-spacer {
    font-size: 1px;
    margin-right: 0;
    overflow: hidden
}

.gsc-tabsAreaInvisible {
    display: none;
    margin: 0;
    padding: 0
}

.gsc-resultsHeader {
    border-bottom: 1px solid #f4f4f4;
    clear: both;
    margin-bottom: 20px;
    width: 100%
}

.gsc-resultsHeader td.gsc-configLabelCell {
    text-align: right;
    width: 75%
}

.gsc-tabHeader {
    font-size: 20px;
    display: inline-block;
    cursor: pointer;
    padding: 8px;
    margin-right: 10px
}

.gsc-tabHeader.gsc-tabhActive {
    background-color: #fff;
    border-top: 2px solid #f97b02;
    color: #323232
}

.gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive {
    margin-top: 5px;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4
}

.gsc-tabHeader.gsc-tabhInactive {
    border-top: 2px solid #f4f4f4;
    background: #f4f4f4;
    color: #c1c1c1
}

.gsc-tabData.gsc-tabdActive {
    display: block
}

.gsc-tabData.gsc-tabdInactive {
    display: none
}

.gsc-title {
    display: block
}

.gsc-control div {
    position: static
}

.gsc-resultsbox-visible {
    display: block
}

.gsc-resultsbox-invisible {
    display: none
}

.gsc-results {
    padding-bottom: 2px;
    width: 99%
}

.gsc-result {
    margin-bottom: 10px
}

.gsc-result .gs-title {
    height: 1.4em;
    overflow: hidden
}

.gsc-resultsHeader .gsc-twiddle {
    margin-top: 4px;
    display: inline;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0 2px
}

.gsc-resultsHeader .gsc-title {
    color: #c1c1c1;
    margin-right: 10px;
    padding-left: 14px;
    display: inline
}

.gsc-tabData .gsc-resultsHeader .gsc-results-selector, .gsc-tabData .gsc-resultsHeader .gsc-stats, .gsc-tabData .gsc-resultsHeader .gsc-title {
    display: none
}

.gallery_loading_box {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
    text-align: center;
    padding: 30px;
    background-color: #fff;
    position: absolute;
    z-index: 99999;
    color: #000;
    font-weight: 700;
    font-size: 16px
}

.gallery_thumbnail {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 4px;
    max-width: 100%
}

.gallery_thumbnail > a {
    line-height: 200px
}

.gallery_thumbnail.video {
    position: relative
}

.gallery_thumbnail.video .brand {
    position: absolute;
    bottom: 8px;
    right: 6px
}

.gallery_thumbnail.video .brand.list_thumbnails img {
    width: 59.375px;
    height: 25px
}

.thumbnail-descr.video {
    position: relative
}

.thumbnail-descr.video .brand {
    position: absolute;
    bottom: 8px;
    right: 6px
}

.gallery_thumbnail_container {
    width: 220px;
    padding-bottom: 10px
}

.gallery_thumbnail_container .gallery_thumbnail_large {
    margin-bottom: 15px;
    padding: 0
}

.gallery_thumbnail_container .gallery_thumbnail_large.video {
    position: relative
}

.gallery_thumbnail_container .gallery_thumbnail_large.video .brand {
    position: absolute;
    bottom: 8px;
    right: 6px
}

.gallery_thumbnail_container .gallery_thumbnail_small_title {
    font-weight: 700;
    font-size: 12px;
    padding-top: 15px
}

.gallery_thumbnail_container .gallery_thumbnail_small {
    float: left;
    border: 1px solid #f4f4f4;
    margin-left: 8px;
    padding: 0
}

.gallery_thumbnail_container .gallery_thumbnail_small:first-child {
    margin-left: 0
}

.tk-gallery-body {
    width: 100%;
    background-color: #fff;
    padding: 0;
    margin: 0
}

#redx_gallery_image_container {
    z-index: 0;
    position: relative;
    height: 100%
}

#redx_gallery_image {
    z-index: 1;
    max-width: 440px;
    height: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

#redx_gallery_image.zoomed-in {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    margin: 30px
}

#redx_gallery_image.redx_gallery_video {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    top: 50%;
    width: 75%;
    height: 0;
    padding-top: 42.1875%;
    max-width: none
}

#redx_gallery_image iframe {
    position: absolute;
    top: -50%;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

#tk-gallery-container .header {
    width: 100%;
    min-height: 30px;
    line-height: 20px;
    margin: 0;
    padding: 15px 0 5px;
    background-color: #f97b02;
    *zoom: 1
}

#tk-gallery-container .header:after, #tk-gallery-container .header:before {
    display: table;
    content: "";
    line-height: 0
}

#tk-gallery-container .header:after {
    clear: both
}

#tk-gallery-container .header .title {
    float: left;
    font-weight: 700;
    padding-left: 20px;
    font-size: 20px
}

#tk-gallery-container .header .title a, #tk-gallery-container .header .title a:hover {
    color: #fff
}

#tk-gallery-container .header .close-link {
    float: right;
    padding-right: 20px;
    font-size: 12px;
    font-weight: 700
}

#tk-gallery-container .header .close-link a, #tk-gallery-container .header .close-link a:hover {
    color: #fff
}

#tk-gallery-container .tk-gallery-content {
    *zoom: 1;
    border-bottom: 2px solid #f4f4f4
}

#tk-gallery-container .tk-gallery-content:after, #tk-gallery-container .tk-gallery-content:before {
    display: table;
    content: "";
    line-height: 0
}

#tk-gallery-container .tk-gallery-content:after {
    clear: both
}

#tk-gallery-container .main-area {
    float: left;
    vertical-align: top;
    text-align: center;
    margin-bottom: 40px;
    *zoom: 1
}

#tk-gallery-container .main-area:after, #tk-gallery-container .main-area:before {
    display: table;
    content: "";
    line-height: 0
}

#tk-gallery-container .main-area:after {
    clear: both
}

#tk-gallery-container .main-area .prev-container {
    z-index: 9999;
    float: left;
    width: 32px;
    height: 40px;
    display: none
}

#tk-gallery-container .main-area .next-container {
    z-index: 9999;
    float: right;
    width: 32px;
    height: 40px;
    display: none
}

#tk-gallery-container .main-area .next-image, #tk-gallery-container .main-area .prev-image {
    position: absolute;
    top: 0;
    left: 0
}

#tk-gallery-container .main-area #tk-gallery-pic-headline-area {
    vertical-align: top;
    z-index: 9999;
    padding: 10px 20px 0;
    position: relative;
    *zoom: 1
}

#tk-gallery-container .main-area #tk-gallery-pic-headline-area:after, #tk-gallery-container .main-area #tk-gallery-pic-headline-area:before {
    display: table;
    content: "";
    line-height: 0
}

#tk-gallery-container .main-area #tk-gallery-pic-headline-area:after {
    clear: both
}

#tk-gallery-container .main-area #tk-gallery-pic-headline-area .title-area {
    float: left;
    font-size: 18px;
    color: #323232
}

#tk-gallery-container .main-area #tk-gallery-pic-headline-area .zoom-area {
    float: right;
    z-index: 9999
}

#tk-gallery-container .description-area {
    float: right;
    width: 260px;
    min-height: 100px
}

#tk-gallery-container .description-area .description {
    min-height: 100px;
    padding: 10px;
    background-color: #f4f4f4;
    overflow: auto
}

#tk-gallery-container .description-area #redx_gallery_descr {
    padding: 0 0 5px;
    margin: 0;
    font-size: 12px;
    line-height: 16.54536px
}

#tk-gallery-container #redx_gallery_thumb_list {
    height: 150px;
    width: 100%;
    overflow: auto;
    font-size: 12px;
    line-height: 16.54536px;
    *zoom: 1
}

#tk-gallery-container #redx_gallery_thumb_list:after, #tk-gallery-container #redx_gallery_thumb_list:before {
    display: table;
    content: "";
    line-height: 0
}

#tk-gallery-container #redx_gallery_thumb_list:after {
    clear: both
}

#tk-gallery-container #redx_gallery_thumb_list .tk-thumblist-area {
    z-index: 1;
    float: left;
    height: 130px;
    vertical-align: middle;
    padding: 10px 40px
}

#tk-gallery-container #redx_gallery_thumb_list .tk-thumblist-area .thumbs {
    padding: 0 10px;
    height: 130px;
    width: 100px
}

#tk-gallery-container #redx_gallery_thumb_list .tk-thumblist-area .thumbs .pic {
    height: 90px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    position: relative
}

#tk-gallery-container #redx_gallery_thumb_list .tk-thumblist-area .thumbs .pic img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#tk-gallery-container #redx_gallery_thumb_list .tk-thumblist-area .thumbs .pic.video {
    position: relative
}

#tk-gallery-container #redx_gallery_thumb_list .tk-thumblist-area .thumbs .pic.video .brand {
    position: absolute;
    right: 2px;
    bottom: 18px
}

#tk-gallery-container #redx_gallery_thumb_list .tk-thumblist-area .thumbs .pic.video .brand img {
    width: 59.375px;
    height: 25px
}

#tk-gallery-container #redx_gallery_thumb_list .tk-thumblist-area .thumbs .title {
    padding-top: 5px;
    text-align: center;
    height: 40px;
    width: 100%
}

#tk-gallery-container #redx_gallery_thumb_list #tk-gallery-thumblist-prev {
    display: none;
    z-index: 9999;
    background-color: #fff;
    float: left;
    width: 60px;
    height: 130px;
    text-align: center;
    margin: 10px 0;
    position: absolute
}

#tk-gallery-container #redx_gallery_thumb_list #tk-gallery-thumblist-prev .gallery_prev_link {
    position: absolute;
    top: 40px;
    right: 0;
    left: 10px;
    cursor: pointer
}

#tk-gallery-container #redx_gallery_thumb_list #tk-gallery-thumblist-next {
    display: none;
    z-index: 9999;
    background-color: #fff;
    float: left;
    width: 60px;
    height: 130px;
    text-align: center;
    position: absolute;
    margin: 10px 30px 10px 0
}

#tk-gallery-container #redx_gallery_thumb_list #tk-gallery-thumblist-next .gallery_next_link {
    position: absolute;
    top: 40px;
    right: 10px;
    left: 0;
    cursor: pointer
}

.tk-gallery-medialist form {
    margin: 0
}

.tk-gallery-medialist .filter-button {
    margin-bottom: 5px;
    height: 51px
}

.tk-gallery-medialist .xtxSelect {
    margin-right: 20px
}

.tk-gallery-medialist input[type=text] {
    float: right
}

@-moz-document url-prefix() {
    .tk-gallery-medialist select {
        padding-top: 10px
    }
}

.tk-gallery-medialist .medialist-filter {
    margin: 30px 0;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

.tk-gallery-medialist .clear-filter-button {
    margin-right: 7px;
    color: var(--tk-header-light-color, #555)
}

.tk-gallery-medialist .clear-filter-button img.clear-filter-icon {
    margin-left: 10px;
    margin-top: -6px;
    vertical-align: middle
}

.tk-gallery-medialist .medialist-entry {
    margin-bottom: 40px !important
}

.tk-gallery-medialist .medialist-entry .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.tk-gallery-medialist .medialist-entry .video-container embed, .tk-gallery-medialist .medialist-entry .video-container iframe, .tk-gallery-medialist .medialist-entry .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tk-gallery-medialist .medialist-entry .content-container {
    margin: 0 0 30px 30px
}

#tk-configurator-content-form {
    margin-bottom: 150px
}

.xtxTabs .confi-badge.badge {
    border-radius: 50%;
    padding: 2px 8px 0;
    margin: 0 0 0 5px;
    border: 2px solid #ffcc31;
    color: #ffcc31;
    font-weight: 700
}

.xtxTabs .confi-badge.badge.confi-badge-error {
    border: 2px solid #f91f02;
    color: #f91f02
}

.alert-tab-hint {
    max-width: 700px;
    background: none !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important
}

#tk-configurator-content #configurator h4 {
    margin-bottom: 0
}

#tk-configurator-content #configurator .configurator-tab-content.summary {
    min-height: 320px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-table {
    display: table;
    width: 100%
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-row {
    display: table-row
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-cell {
    display: table-cell
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-cell.thumb {
    text-align: center;
    vertical-align: top;
    width: 100px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block {
    width: auto
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-block {
    margin-bottom: 5px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-block:has(.filter-group-xtx .component-filter-kit-group) .kit-group-content {
    margin-top: 10px;
    border-top: 2px solid var(--tk-border-color, #ebebeb);
    padding-top: 10px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block a:is(.kg_head_detail_link,.kg_detail_link) {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
    top: 6px;
    margin-left: 3px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block a:is(.kg_head_detail_link,.kg_detail_link) img {
    width: 16px;
    margin: 1px 0 4px 5px;
    display: inline-block
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block a:is(.kg_head_detail_link,.kg_detail_link) ~ .configurator-marking-label {
    position: relative;
    top: -2px;
    margin-left: 30px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block a.kg_head_detail_link {
    margin-top: 1px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block select:not([name^=lcd]) {
    min-width: 250px;
    max-width: 350px;
    width: auto
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-title h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-title h4 {
    margin-top: 0
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-title a.title-anchor {
    padding: 0
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-title:has(+.kit-group-filter) h4 {
    margin-bottom: 10px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-message a {
    padding-left: 0
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .xtxTabs label.tabInputLabel.disabled {
    pointer-events: none;
    display: none
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .xtxTabs label.tabInputLabel.tab-alert {
    background-color: rgba(255, 204, 49, .1)
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .xtxTabs label.tabInputLabel.tab-error {
    background-color: rgba(249, 31, 2, .1)
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .xtxTabs label.tabInputLabel.active {
    border-bottom: 1px solid #fff
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .xtxTabs label.tabInputLabel .badge {
    margin-left: 5px;
    height: 20px;
    border-radius: 20px;
    line-height: 14px;
    font-weight: 400;
    position: relative;
    top: -1px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .tab-content {
    border: none
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data {
    display: none
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data {
    margin: 10px 0 0;
    border-radius: 5px;
    border: 1px solid var(--tk-text-color, #323232);
    padding: 12px 17px 5px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data label {
    display: inline-block;
    padding-left: 5px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data .rbtn_wrapper1 label {
    padding: 0 0 0 34px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data .header {
    font-weight: 700
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data .billing {
    padding-bottom: 10px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data .address {
    width: 100%;
    margin: 0;
    border: none;
    border-collapse: collapse
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data .address th {
    text-align: left;
    padding: 2px 0 2px 5px;
    min-width: 160px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data .address td {
    padding: 2px 5px 2px 0
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data .address textarea {
    width: 90%
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .row-customer-data .license-data .form-horizontal + .form-horizontal {
    border-top-style: none;
    border: 0 var(--tk-border-color, #ebebeb);
    border-top: 1px solid var(--tk-border-color, #ebebeb);
    padding-top: 10px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .kit-group-descr-before {
    margin: 10px 0
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .kit-group-descr-before p {
    margin: 0;
    padding: 0
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .kit-group-descr-before ul {
    margin-top: 10px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .kit-group-descr-before ul li {
    font-size: 14px;
    line-height: 23.63634px
}

[data-sticky].placeholder.visible + #tk-configurator-content .configurator-tab-content.summary {
    margin-top: 25px
}

.configurator-info-message {
    position: absolute;
    background-color: transparent;
    z-index: 200;
    margin-left: 20px;
    max-width: 500px;
    min-width: 150px
}

.configurator-info-message .content {
    color: #f97b02;
    padding: 10px 20px 10px 10px;
    margin-left: 40px;
    border: 2px solid #f97b02;
    background-color: #fff
}

.configurator-info-message .content img {
    margin-left: 10px;
    margin-right: 10px
}

.configurator-marking-label {
    display: inline-block;
    color: #fff !important;
    font-size: 9px;
    text-transform: uppercase;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    height: 16px;
    line-height: 18px;
    min-width: 50px;
    margin-left: 2px;
    white-space: nowrap
}

.tk-subconfigurator-title {
    display: inline-block;
    float: left;
    font-size: 20px
}

.tk-subconfigurator-close {
    display: inline-block;
    float: right;
    font-weight: 700
}

.tk-configurator-pricenavigator-currency-value {
    font-size: 13px;
    line-height: 23px;
    margin-left: 4px
}

#tk-configurator-height-repair {
    display: block;
    height: 1px;
    font-size: 1px
}

#tk-configurator-content.loading {
    min-height: 800px
}

#tk-configurator-content.loading #tk-configurator-loading-box {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    padding-top: 20px;
    max-height: 60vh
}

#tk-configurator-content.loading #configurator {
    display: none !important
}

#tk-configurator-content #tk-configurator-loading-box {
    display: none
}

.tk-configurator-descr-faq .tab-content {
    padding-bottom: 20px
}

.kg_product_popup_nav_next {
    height: 16px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-right: 20px;
    display: inline
}

.kg_product_popup_nav_next a {
    color: #f4f4f4;
    text-decoration: none;
    height: 16px;
    padding: 1px 18px 1px 6px;
    border: 1px solid #f4f4f4;
    background-image: url(../image/detail_next_inactive.gif);
    background-repeat: no-repeat;
    background-position: 100%
}

.kg_product_popup_nav_next a:link {
    color: #f4f4f4
}

.kg_product_popup_nav_next a:visited {
    text-decoration: none;
    color: #f4f4f4
}

.kg_product_popup_nav_next a:hover {
    border: 1px solid #d47101;
    background-image: url(../image/detail_next_active.gif)
}

.kg_product_popup_nav_next a:active, .kg_product_popup_nav_next a:hover {
    color: #d47101;
    text-decoration: none
}

.kg_product_popup_nav_prev {
    height: 16px;
    text-transform: uppercase;
    margin-right: 10px;
    margin-top: 6px;
    display: inline
}

.kg_product_popup_nav_prev a {
    color: #f4f4f4;
    text-decoration: none;
    height: 16px;
    padding: 1px 6px 1px 18px;
    border: 1px solid #f4f4f4;
    background-image: url(../image/detail_prev_inactive.gif);
    background-repeat: no-repeat;
    background-position: 0
}

.kg_product_popup_nav_prev a:link {
    color: #f4f4f4
}

.kg_product_popup_nav_prev a:visited {
    text-decoration: none;
    color: #f4f4f4
}

.kg_product_popup_nav_prev a:hover {
    color: #d47101;
    border: 1px solid #d47101;
    background-image: url(../image/detail_prev_active.gif);
    text-decoration: none
}

.kg_product_popup_nav_prev a:active {
    color: #d47101;
    text-decoration: none;
    font-weight: 700
}

.kg_product_popup_nav_page {
    height: 16px;
    margin-right: 10px;
    margin-top: 5px;
    color: #f4f4f4;
    font-weight: 700;
    display: inline
}

.kg_sub_product_frame {
    border: 1px solid #f4f4f4
}

.c_nav_button {
    text-transform: uppercase
}

.c_link_title {
    cursor: pointer;
    color: #f97b02;
    font-weight: 400;
    text-decoration: none
}

.c_conf_deactivated_content {
    z-index: 999999999;
    background-color: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    min-height: 100%;
    height: 100%
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-customer-data .license-data .redx_form_checkbox label, #tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-customer-data .license-data .redx_form_radioselect label, .prototip .license-data .redx_form_checkbox label, .prototip .license-data .redx_form_radioselect label {
    display: inline
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-customer-data .license-data .redx_form_checkbox label:after, #tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-customer-data .license-data .redx_form_radioselect label:after, .prototip .license-data .redx_form_checkbox label:after, .prototip .license-data .redx_form_radioselect label:after {
    content: "\a";
    white-space: pre
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-customer-data .license-data .redx_form_checkbox, .prototip .license-data .redx_form_checkbox {
    display: block !important;
    margin-left: 180px
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-customer-data .license-data .redx_form_checkbox input[type=checkbox], .prototip .license-data .redx_form_checkbox input[type=checkbox] {
    width: auto
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-customer-data .license-data .controls .redx_form_checkbox, .prototip .license-data .controls .redx_form_checkbox {
    display: inline !important;
    margin-left: auto
}

#tk-configurator-content #configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-customer-data .license-data .redx_form_checkbox_list label, .prototip .license-data .redx_form_checkbox_list label {
    padding-left: 34px
}

#tk-configurator-gallery-slider {
    height: 210px;
    padding-left: 12px
}

#tk-configurator-gallery-slider img {
    max-width: none !important;
    width: auto !important;
    margin: 0 auto;
    height: auto !important
}

#tk-configurator-gallery-slider-thumbnails {
    margin-bottom: 10px;
    width: 295px;
    margin-left: auto;
    margin-right: auto
}

#tk-configurator-gallery-slider-thumbnails .slides img {
    height: auto !important
}

#tk-configurator-gallery-slider-thumbnails li div {
    border: 1px solid #ebebeb;
    margin-left: 2px;
    margin-right: 2px;
    height: 68px;
    overflow: hidden
}

#tk-configurator-gallery-slider-thumbnails li:first-child {
    margin-left: 0
}

#tk-configurator-gallery-slider-thumbnails li div:hover {
    border-color: #333
}

.tk-configurator-gallery-slider-thumbnails-nav a {
    color: #5f6064;
    width: 12px;
    display: inline-block;
    height: 72px;
    text-decoration: none
}

.tk-configurator-gallery-slider-thumbnails-nav a div {
    margin-top: 25px;
    font-size: 16px
}

.kg_label_debug {
    margin-left: 7px;
    text-decoration: none
}

.kg_label_debug i {
    color: #4eff79;
    position: relative;
    top: 7px
}

.kg_label_debug .tk-badge {
    top: -10px;
    right: -8px;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer !important
}

#tk-rule-debug-start-rules {
    font-size: 13px;
    cursor: pointer
}

#tk-rule-debug-start-rules i {
    margin-right: -4px
}

#tk-rule-debug-start-rules .kg_label_debug_label {
    font-weight: 700;
    display: inline-block;
    margin-left: 10px
}

.kg-label-debug-table {
    width: 100%;
    font-size: 14px
}

.kg-label-debug-table a {
    color: #ff7d00 !important
}

.kg-label-debug-table a:hover {
    color: #323232 !important;
    text-decoration: none !important
}

.kg-label-debug-table td, .kg-label-debug-table th {
    text-align: left;
    padding: 5px
}

.tk-rule-hidden-debug div, .tk-rule-hidden-debug p {
    cursor: default !important
}

.tk-rule-hidden-debug :is(label,span,small) {
    cursor: default !important;
    text-decoration: line-through
}

.tk-kit-group-hidden-debug {
    text-decoration: line-through;
    color: var(--tk-text-light-color)
}

.tk-confi-btn-back-summary-desktop {
    display: block
}

.tk-confi-btn-back-summary-mobile {
    display: none
}

.tk-kit-group-quick-search-container {
    padding-top: 14px;
    background-color: #fff;
    padding-bottom: 8px
}

.tk-kit-group-quick-search-container .tk-kit-group-quick-search .tk-kit-group-search-comp-title {
    padding-left: 45px !important;
    width: 400px !important;
    background-image: url(../image/search_inactive.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px !important;
    background-position: 8px 8px !important
}

.tk-kit-group-quick-search-container .tk-kit-group-quick-search .xtx-badge-wrapper-confi {
    position: absolute;
    letter-spacing: 0;
    left: 388px;
    top: -12px
}

.tk-kit-group-quick-search-container .tk-kit-group-quick-search xtx-badge {
    display: none
}

.tk-kit-group-quick-search-container .tk-kit-group-search-comp-title-clear {
    cursor: pointer;
    color: var(--tk-primary-color, #ff7d00);
    text-decoration: underline;
    margin-left: -75px;
    transition: .5s
}

.tk-kit-group-quick-search-container .tk-kit-group-search-comp-title-clear:hover {
    color: var(--tk-text-color, #323232)
}

.tk-kit-group-toggle {
    cursor: pointer;
    text-decoration: none
}

.tk-kit-group-toggle.closed img.tk-icons-arrow-down {
    transform: rotate(-180deg)
}

.tk-kit-group-toggle img.tk-icons-arrow-down {
    transition-duration: .5s;
    height: 7px;
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 3px
}

#componentDetailContainer {
    margin: 0 20px
}

#componentDetailContent {
    display: flex
}

#componentDetailContent > .img-container {
    flex: 1 1 auto;
    margin-right: 10px
}

#componentDetailContent > .img-container + div {
    flex: 1 1 auto
}

#componentDetailContent .descr-container {
    min-width: 260px;
    margin-top: 10px
}

#kg_product_popup_content .max_configuration_content {
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px
}

#kg_product_popup_content .tk-spec-component-article-component-table tr td:first-of-type, #kg_product_popup_content .tk-spec-component-article-component-table tr th:first-of-type {
    padding-left: 25px
}

#kg_product_popup_content .tk-spec-component-article-component-table tr td:last-of-type, #kg_product_popup_content .tk-spec-component-article-component-table tr th:last-of-type {
    padding-right: 25px
}

#kg_product_popup_content .tk-spec-component-article-component-table-sort-active .header, #kg_product_popup_content .tk-spec-component-article-component-table-sort-active .tablesorter-header {
    padding-right: 18px
}

#kg_product_popup_content .tk-spec-component-article-component-table-sort-active .header:last-of-type, #kg_product_popup_content .tk-spec-component-article-component-table-sort-active .tablesorter-header:last-of-type {
    background-position: right 10px center
}

#kg_product_popup_content #componentDetailContent {
    margin-bottom: 30px
}

.tk-configurator-kit-group-infos-content {
    padding: 0 25px
}

.tk-configurator-kit-group-infos-content ol:not(.plain), .tk-configurator-kit-group-infos-content ul:not(.plain) {
    margin-left: 20px
}

#componentPopupHeaderContainer + xtx-content-scroll {
    margin-top: 20px
}

#componentPopupHeader {
    color: var(--tk-primary-color, #ff7d00);
    padding: 15px 25px;
    background-color: #f4f4f4
}

.tk-configurator-tab-button {
    float: left;
    display: block;
    padding: 10px;
    margin-right: 6px;
    color: #323232;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px
}

.tk-configurator-tab-button:last-child {
    margin-right: 0
}

.tk-configurator-tab-button.active {
    background-color: var(--tk-form-border-color, #ccc);
    padding: 10px
}

.tk-configurator-tab-button.configurated {
    color: #f97b02
}

.tk-configurator-tab-button.configurated, .tk-configurator-tab-button.deactivated {
    background-color: #f4f4f4;
    padding: 10px
}

#tk-subconfigurator-body #tk-content-nav {
    display: none
}

#tk_shopx_configurator_assistant {
    text-align: center;
    width: 285px
}

#tk_shopx_configurator_assistant #c_assist, #tk_shopx_configurator_assistant #c_assist_contact_info, #tk_shopx_configurator_assistant #c_assist_navigator_buttons, #tk_shopx_configurator_assistant #c_assist_power_consumption {
    box-sizing: border-box;
    width: 100%;
    min-height: 20px;
    padding: 9px;
    margin-top: 6px;
    background-color: #f4f4f4
}

#tk_shopx_configurator_assistant #c_assist .c_assist_hosting, #tk_shopx_configurator_assistant #c_assist_contact_info .c_assist_hosting, #tk_shopx_configurator_assistant #c_assist_navigator_buttons .c_assist_hosting, #tk_shopx_configurator_assistant #c_assist_power_consumption .c_assist_hosting {
    font-size: 16px;
    font-weight: 700;
    line-height: 28.6px;
    color: #f97b02;
    margin-top: 10px;
    margin-bottom: -5px
}

#tk_shopx_configurator_assistant #c_assist .c_assist_monthly, #tk_shopx_configurator_assistant #c_assist_contact_info .c_assist_monthly, #tk_shopx_configurator_assistant #c_assist_navigator_buttons .c_assist_monthly, #tk_shopx_configurator_assistant #c_assist_power_consumption .c_assist_monthly {
    font-weight: 700;
    margin: 6px 0
}

#tk_shopx_configurator_assistant #c_assist .c_assist_leasing, #tk_shopx_configurator_assistant #c_assist_contact_info .c_assist_leasing, #tk_shopx_configurator_assistant #c_assist_navigator_buttons .c_assist_leasing, #tk_shopx_configurator_assistant #c_assist_power_consumption .c_assist_leasing {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 5px;
    margin-bottom: 4px
}

#tk_shopx_configurator_assistant #c_assist .c_assist_hidden, #tk_shopx_configurator_assistant #c_assist_contact_info .c_assist_hidden, #tk_shopx_configurator_assistant #c_assist_navigator_buttons .c_assist_hidden, #tk_shopx_configurator_assistant #c_assist_power_consumption .c_assist_hidden {
    display: none
}

#tk_shopx_configurator_assistant #c_assist .c_assist_support_tel, #tk_shopx_configurator_assistant #c_assist_contact_info .c_assist_support_tel, #tk_shopx_configurator_assistant #c_assist_navigator_buttons .c_assist_support_tel, #tk_shopx_configurator_assistant #c_assist_power_consumption .c_assist_support_tel {
    font-size: 20px;
    font-weight: 100
}

#tk_shopx_configurator_assistant #c_assist .c_assist_support_additional, #tk_shopx_configurator_assistant #c_assist_contact_info .c_assist_support_additional, #tk_shopx_configurator_assistant #c_assist_navigator_buttons .c_assist_support_additional, #tk_shopx_configurator_assistant #c_assist_power_consumption .c_assist_support_additional {
    margin-top: 10px
}

#tk_shopx_configurator_assistant #c_assist .c_assist_availability, #tk_shopx_configurator_assistant #c_assist_contact_info .c_assist_availability, #tk_shopx_configurator_assistant #c_assist_navigator_buttons .c_assist_availability, #tk_shopx_configurator_assistant #c_assist_power_consumption .c_assist_availability {
    font-size: 14px;
    line-height: 23.634px;
    text-align: center
}

#tk_shopx_configurator_assistant #c_assist .c_assist_availability .alert, #tk_shopx_configurator_assistant #c_assist_contact_info .c_assist_availability .alert, #tk_shopx_configurator_assistant #c_assist_navigator_buttons .c_assist_availability .alert, #tk_shopx_configurator_assistant #c_assist_power_consumption .c_assist_availability .alert {
    margin: 5px 0 0
}

#tk_shopx_configurator_assistant #c-assist-backplane-preview {
    margin-top: 5px
}

#tk_shopx_configurator_assistant #c-assist-backplane-preview a {
    text-decoration: none
}

#tk_shopx_configurator_assistant #c-assist-backplane-preview a .redx-icon {
    font-size: 18px;
    position: relative;
    top: 3px
}

#tk_shopx_configurator_assistant #c_assist, #tk_shopx_configurator_assistant #c_assist_price {
    width: 100%
}

#tk_shopx_configurator_assistant #c_assist_price td {
    text-align: center
}

.c_assist_price_navigator {
    margin-top: 25px
}

.c_assist_price_navigator .contact-person-img {
    box-sizing: border-box;
    width: 100%;
    height: 315px;
    border-top: 10px solid #fff;
    background-color: #f4f4f4;
    padding-right: 5px;
    text-align: left
}

.c_assist_price_navigator .contact-person-img .contact-person-info {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 17px 24px 0
}

.c_assist_price_navigator .contact-person-img .contact-person-info > span {
    display: block;
    font-weight: 400;
    position: relative;
    z-index: 10;
    font-size: 12px
}

.c_assist_price_navigator .contact-person-img .contact-person-info > span.contact-person-phone {
    padding-left: 5px;
    padding-top: 9px;
    width: 100%
}

.c_assist_price_navigator .contact-person-img .contact-person-info > span.contact-person-phone .contact-person-phone-icon {
    width: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.c_assist_price_navigator .contact-person-img .contact-person-info > span.contact-person-name {
    margin-top: 18px;
    font-size: 16px
}

.c_assist_price_navigator .contact-person-img .contact-person-info span.fck-text-orange {
    display: inline-block
}

.c_assist_price_navigator .contact-person-img .contact-person-info > img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0
}

.c_assist_price_navigator.c_assist_price_navigator .contact-person-img {
    padding: 9px
}

.c_assist_price_navigator.c_assist_price_navigator .contact-person-img .contact-person-info {
    padding: 17px 15px 0
}

.c_assist_price_navigator-fixed {
    width: 285px
}

.c_assist_smalltext {
    font-size: 14px
}

.c_assist_bold {
    font-weight: 700
}

.c_assist_headline {
    font-size: 17px;
    font-weight: 700;
    color: #323232;
    margin-bottom: 6px
}

.c_assist_headline_big {
    font-size: 18px;
    margin-bottom: 26px;
    font-weight: 700;
    line-height: 28.3634px;
    color: #323232
}

.c_assist_components_list_head {
    border: 1px solid var(--tk-form-border-color, #ccc);
    font-size: 14px;
    font-weight: 700;
    padding: 13px 5px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 5px
}

.c_assist_components_list_head img.arrow-icon {
    width: 11px;
    margin-left: 7px;
    transition-duration: .5s
}

.c_assist_components_list_head.open img.arrow-icon {
    transform: rotate(-180deg)
}

.c_assist_components_list_content {
    border: 1px solid var(--tk-form-border-color, #ccc);
    border-top: none;
    text-align: left;
    font-size: 14px;
    overflow: auto;
    max-height: 500px;
    background-color: #fff;
    padding: 5px 5px 5px 0
}

.c_assist_components_list_content ul {
    margin-left: 25px;
    list-style: circle
}

.c_assist_components_list_content ul a {
    color: #323232;
    text-decoration: none
}

.c_assist_currency_symbol {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.c_assist_voucher_code {
    font-size: 14px
}

.c_assist_clearfix {
    clear: both
}

.c_assist_seperator {
    display: none
}

.c_assist_energycostcalculator {
    margin-top: 25px;
    margin-bottom: 15px
}

.c_assist_availability_color_class {
    border-color: var(--avail-color, transparent) !important;
    background-color: var(--avail-bg-color, transparent) !important
}

.c_assist_navigator_price_content {
    display: flex;
    flex-wrap: wrap
}

.c_assist_navigator_price_content > * {
    flex: 0 0 100%
}

.c_assist_navigator_price_content .c_assist_value, .c_assist_navigator_price_content > .c_assist_label {
    flex: 0 0 40%
}

.tk-shopping-cart {
    margin-right: 4px
}

.shopx-cart-header {
    margin-bottom: 10px;
    padding: 20px 0;
    width: 100%
}

.shopx-cart-header.icons {
    background-color: #f4f4f4;
    text-align: right
}

.checkout-submit {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px
}

xtx-tooltip[id^=cart_block_info] {
    --tooltip-z-index: 100100
}

.shoppingcartbox, .shoppingcartbox .cart-table {
    font-size: 14px;
    line-height: 23.63634px;
    background-color: #fff
}

.shoppingcartbox .cart-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: separate
}

.shoppingcartbox .cart-table tr.cart-start-row .position {
    width: 15px
}

.shoppingcartbox .cart-table tr.cart-start-row .quantity {
    width: 25px
}

.shoppingcartbox .cart-table tr.cart-start-row .discount, .shoppingcartbox .cart-table tr.cart-start-row .gek, .shoppingcartbox .cart-table tr.cart-start-row .gross, .shoppingcartbox .cart-table tr.cart-start-row .marge, .shoppingcartbox .cart-table tr.cart-start-row .price-single, .shoppingcartbox .cart-table tr.cart-start-row .price-total {
    width: 100px
}

.shoppingcartbox .cart-table tr.headline {
    font-weight: 700;
    text-transform: uppercase
}

.shoppingcartbox .cart-table tr.cart-component td {
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 1px
}

.shoppingcartbox .cart-table tr.entry {
    font-size: 16px;
    height: 54px
}

.shoppingcartbox .cart-table tr.entry td {
    padding-top: 5px;
    padding-bottom: 5px
}

.shoppingcartbox .cart-table tr.entry td.tk-cart-quantity-input {
    text-align: center;
    width: 90px
}

.shoppingcartbox .cart-table tr.entry .title {
    height: 44px;
    position: relative;
    vertical-align: middle
}

.shoppingcartbox .cart-table tr.entry .title .title_left {
    float: left;
    margin-right: 110px
}

.shoppingcartbox .cart-table tr.entry .title .title_left form {
    margin: 0 !important
}

.shoppingcartbox .cart-table tr.entry .title .title_left form input {
    width: 300px !important;
    height: 20px !important;
    margin: 0
}

.shoppingcartbox .cart-table tr.entry .title .title_left form button {
    margin: 0
}

.shoppingcartbox .cart-table tr.entry .title .title_left .icon-pencil {
    cursor: pointer
}

.shoppingcartbox .cart-table tr.entry .title .title_right {
    float: right;
    top: 0;
    right: 10px;
    height: 44px;
    position: absolute
}

.shoppingcartbox .cart-table tr.entry.sub-sum {
    font-weight: 700;
    height: auto !important
}

.shoppingcartbox .cart-table tr.entry.sub-sum .title {
    height: auto
}

.shoppingcartbox .cart-table tr.entry .position, .shoppingcartbox .cart-table tr.entry .title {
    font-weight: 700
}

.shoppingcartbox .cart-table tr.shopx-serial .shopx-serial-item {
    float: left;
    width: 160px;
    margin-top: 7px;
    margin-bottom: 7px
}

.shoppingcartbox .cart-table tr.shopx-serial .shopx-serial-item-without-barcode {
    width: 115px;
    margin-top: 4px;
    margin-bottom: 4px
}

.shoppingcartbox .cart-table td {
    border-bottom: 2px solid #f4f4f4;
    padding: 10px
}

.shoppingcartbox .cart-table td:first-child {
    border-radius: 0 0 0 10px
}

.shoppingcartbox .cart-table td.last {
    border-radius: 0 0 10px 0
}

.shoppingcartbox .cart-table td.description {
    color: #323232
}

.shoppingcartbox .cart-table td .power-consumption-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: separate;
    background-color: #fff
}

.shoppingcartbox .cart-table td .power-consumption-table .description-container {
    font-weight: 400;
    display: block;
    height: 1%
}

.shoppingcartbox .cart-table td .power-consumption-table .description-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.shoppingcartbox .cart-table td .power-consumption-table .description-container .title {
    float: left
}

.shoppingcartbox .cart-table td .power-consumption-table .description-container .value {
    text-align: right;
    float: right
}

.shoppingcartbox .cart-table td .power-consumption-table td {
    border: none;
    padding: 0
}

.shoppingcartbox .cart-table td .power-consumption-table td.description {
    font-weight: 700
}

.shoppingcartbox .action-tip {
    text-align: right;
    cursor: pointer;
    margin-top: 8px
}

.shoppingcartbox .quantity-tip {
    cursor: pointer;
    font-weight: 700;
    text-decoration: none
}

.shoppingcartbox .quantity-tip table {
    width: 100%;
    height: 60px;
    padding: 2px;
    margin: 0;
    border: none;
    border-collapse: collapse
}

.shoppingcartbox .no_page_break {
    padding-top: 10px
}

.shoppingcartbox .shopping-cart-item-row {
    font-size: 16px;
    display: block;
    height: 1%;
    background-color: #fff;
    padding: 4px 0
}

.shoppingcartbox .shopping-cart-item-row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.shoppingcartbox .shopping-cart-item-row-border {
    font-size: 16px;
    display: block;
    height: 1%;
    -moz-border-image: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: none;
    border: 0 var(--tk-form-border-color, #ccc);
    border-bottom: 1px solid var(--tk-form-border-color, #ccc);
    padding: 4px 0
}

.shoppingcartbox .shopping-cart-item-row-border:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.shoppingcartbox .shopping-cart-sum-label {
    height: 20px;
    width: 350px;
    float: left;
    text-align: left;
    white-space: nowrap
}

.shoppingcartbox .shopping-cart-sum-label .optional {
    color: #f97b02;
    font-weight: 700
}

.shoppingcartbox .shopping-cart-sum-price {
    height: 20px;
    width: 100px;
    float: right;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap
}

.shoppingcartbox .shopping-cart-sum-info-icon {
    width: 16px;
    vertical-align: text-top;
    margin-left: 5px
}

.shoppingcartbox .shopx-set-cart-legend-note-label {
    font-weight: 700
}

.shoppingcartbox .shopping-cart-sum-opt-label {
    background-color: #f4f4f4;
    font-weight: 700;
    margin: 4px 0
}

.shoppingcartbox .shopping-cart-sum-opt-label .shopping-cart-item-row {
    height: 20px;
    line-height: 20px;
    background-color: #f4f4f4
}

.shoppingcartbox .shopping_cart_sub_header {
    text-align: left;
    padding: 10px 0 10px 5px;
    font-weight: 700
}

.shoppingcartbox .shopping-cart-no-porto-text {
    color: #f97b02;
    font-weight: 700;
    float: left
}

.shoppingcartbox .shopping-cart-hosting-product-text {
    padding: 0 10px 0 0;
    float: left;
    font-weight: 700
}

.shoppingcartbox .shopping-cart-sub-sum-text {
    float: right;
    font-weight: 700
}

.shoppingcartbox .shopping-cart-sub-sum-price {
    text-align: right;
    font-weight: 700;
    white-space: nowrap
}

.shoppingcartbox .shopping_cart_create_offer {
    height: 30px;
    width: 215px;
    vertical-align: middle;
    margin-right: 5px
}

.shoppingcartbox .cart-bundle-entry-title {
    background-color: #f4f4f4;
    padding: 10px;
    margin: 5px 0;
    font-weight: 700;
    height: 20px
}

.shoppingcartbox .cart-bundle-entry-title a.button {
    height: 24px;
    margin-top: -5px
}

.shopx-cart-legend {
    text-align: left;
    margin-top: 4px
}

.shopx-cart-legend > span {
    margin-left: 5px
}

.type-pdf .shoppingcartbox .cart-table td {
    border-radius: 0
}

#shopping-cart-finish {
    margin-top: 10px
}

#shopping-cart-finish .cart-box-row {
    display: grid;
    gap: 20px;
    justify-items: stretch;
    align-items: stretch;
    grid-template-columns:1fr
}

#shopping-cart-finish .cart-box-row + .cart-box-row {
    margin-top: 20px
}

#shopping-cart-finish .cart-box-row .cart-box-container .tk-save-cart-controls {
    display: flex;
    justify-content: flex-end;
    gap: 10px
}

#shopping-cart-finish .cart-box-row .cart-box-container .tk-save-cart-controls .input-cart-title {
    margin-right: 10px;
    margin-bottom: 0
}

#shopping-cart-finish .cart-box-row .cart-box-container .tk-save-cart-controls .input-cart-title + .btn, #shopping-cart-finish .cart-box-row .cart-box-container .tk-save-cart-controls .input-cart-title + button {
    white-space: nowrap
}

#shopping-cart-finish .cart-box-bottom-row {
    margin-top: 25px;
    margin-bottom: 70px;
    float: right
}

#shopping-cart-finish .content {
    padding-left: 0;
    height: 100%;
    display: flex;
    flex-direction: column
}

#shopping-cart-finish .content form {
    margin-bottom: 0;
    margin-top: auto
}

#shopping-cart-finish .content input[type=checkbox] {
    margin-top: 13px
}

#shopping-cart-finish .content label {
    margin-top: 10px;
    margin-left: 7px
}

#shopping-cart-finish .content .content-text {
    padding-bottom: 10px
}

#shopping-cart-finish .content-bg {
    background-color: #f4f4f4;
    padding: 25px
}

.box_container_print_view .shoppingcartbox .shopping-cart-sub-sum-price, .box_container_print_view .shoppingcartbox .shopping-cart-sum-price {
    width: 80px
}

.box_container_print_view .shoppingcartbox .shopping-cart-item-row, .box_container_print_view .shoppingcartbox .shopping-cart-item-row-border {
    font-size: 12.576px;
    margin-right: 4px;
    padding: 0
}

.box_container_print_view .shoppingcartbox .cart-table tr.cart-start-row .position {
    width: 15px
}

.box_container_print_view .shoppingcartbox .cart-table tr.cart-start-row .quantity {
    width: 20px
}

.box_container_print_view .shoppingcartbox .cart-table tr.cart-start-row .discount, .box_container_print_view .shoppingcartbox .cart-table tr.cart-start-row .gek, .box_container_print_view .shoppingcartbox .cart-table tr.cart-start-row .gross, .box_container_print_view .shoppingcartbox .cart-table tr.cart-start-row .marge, .box_container_print_view .shoppingcartbox .cart-table tr.cart-start-row .price-single, .box_container_print_view .shoppingcartbox .cart-table tr.cart-start-row .price-total {
    width: 80px
}

.box_container_print_view .shoppingcartbox .cart-table tr.cart-component td {
    padding-top: 0;
    padding-bottom: 0
}

.box_container_print_view.type-pdf .shoppingcartbox .cart-table td {
    line-height: 22.45464px;
    padding: 3px 5px 3px 0
}

.box_container_print_view.type-pdf .shoppingcartbox .cart-table .power-consumption-col {
    padding: 3px 5px 3px 0
}

.box_container_print_view.type-pdf .shoppingcartbox .cart-table .power-consumption-col .power-consumption-table td {
    line-height: 16.54536px;
    padding: 0
}

.box_container_print_view.type-pdf .shoppingcartbox tr.shopx-serial td {
    padding: 0
}

.box_container_print_view.type-pdf .shoppingcartbox .shopping-cart-sum-price {
    width: 82px;
    padding: 0 3px 0 2px
}

.box_container_print_view.type-pdf .shoppingcartbox .shopping-cart-item-row-border {
    border-radius: none
}

.service_support_list .action-tip, .shoppingcartbox .action-tip {
    text-align: right;
    cursor: pointer
}

#list_server, .list_server {
    margin-bottom: 0;
    margin-left: 0
}

#list_server .lv_block_header, .list_server .lv_block_header {
    margin-bottom: 20px;
    margin-top: 20px
}

#list_server .lv_block_header .content, .list_server .lv_block_header .content {
    -moz-border-image: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: none;
    border: 0 var(--tk-form-border-color, #ccc);
    border-bottom: 1px solid var(--tk-form-border-color, #ccc);
    padding: 10px
}

#list_server .lv_block_header .content span, .list_server .lv_block_header .content span {
    font-weight: 700
}

#list_server .lv_marking, .list_server .lv_marking {
    position: absolute;
    top: -6px;
    left: 12px
}

#list_server .lv_marking div, .list_server .lv_marking div {
    float: left
}

#list_server .lv_block, .list_server .lv_block {
    text-align: center;
    margin-top: 8px;
    clear: none !important;
    height: 100%
}

#list_server .lv_block.tk_product_list_advertisement, .list_server .lv_block.tk_product_list_advertisement {
    margin-top: 24px;
    height: auto
}

#list_server .lv_block .content, .list_server .lv_block .content {
    padding-left: 0
}

#list_server .lv_block .content.alert, .list_server .lv_block .content.alert {
    border-radius: 0;
    text-shadow: none;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 0
}

#list_server .lv_block .content.alert.alert-white, .list_server .lv_block .content.alert.alert-white {
    background-color: #fff;
    color: #323232;
    border: 1px solid var(--tk-border-color, #ebebeb)
}

#list_server .lv_block .content.alert.alert-white.product-content, .list_server .lv_block .content.alert.alert-white.product-content {
    padding-left: 15px;
    padding-right: 15px
}

#list_server .lv_block .content .pic, .list_server .lv_block .content .pic {
    padding-top: 3px;
    height: 205px;
    margin-bottom: 6px;
    display: table;
    width: 100%
}

#list_server .lv_block .content .pic a, .list_server .lv_block .content .pic a {
    display: table-cell;
    vertical-align: middle
}

#list_server .lv_block .content .pic a img, .list_server .lv_block .content .pic a img {
    max-width: 100%
}

#list_server .lv_block .content .var_title, .list_server .lv_block .content .var_title {
    margin-top: 5px;
    height: 80px;
    vertical-align: top
}

#list_server .lv_block .content .var_title a, .list_server .lv_block .content .var_title a {
    color: #323232
}

#list_server .lv_block .content .var_title a:not(.tk-product-var-highlight-link), .list_server .lv_block .content .var_title a:not(.tk-product-var-highlight-link) {
    text-decoration: none
}

#list_server .lv_block .content .descr, .list_server .lv_block .content .descr {
    height: 130px;
    vertical-align: top;
    margin-top: 5px;
    margin-bottom: 10px
}

#list_server .lv_block .content .descr .lv_block_descr_content, .list_server .lv_block .content .descr .lv_block_descr_content {
    height: 100%
}

#list_server .lv_block .content .descr .tk-list-product-large-highlight, .list_server .lv_block .content .descr .tk-list-product-large-highlight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

#list_server .lv_block .content .rating, .list_server .lv_block .content .rating {
    height: 20px;
    line-height: 23.4px;
    margin-bottom: 20px;
    color: #f97b02
}

#list_server .lv_block .content .rating p, .list_server .lv_block .content .rating p {
    margin-bottom: 0
}

#list_server .lv_block .content .rating .title, .list_server .lv_block .content .rating .title {
    height: 20px;
    font-weight: 700
}

#list_server .lv_block .content .icon, .list_server .lv_block .content .icon {
    vertical-align: middle;
    height: 30px;
    margin-bottom: 15px
}

#list_server .lv_block .content .price, .list_server .lv_block .content .price {
    height: 40px;
    margin-bottom: 15px
}

#list_server .lv_block .content .price .value, .list_server .lv_block .content .price .value {
    font-size: 27.424px;
    line-height: 35.45464px
}

#list_server .lv_block .content .price .price-on-request, .list_server .lv_block .content .price .price-on-request {
    font-size: 16px
}

#list_server .lv_block .content .price .label_text, .list_server .lv_block .content .price .label_text {
    font-size: 14px;
    line-height: 23.636366px;
    font-weight: 400
}

#list_server .lv_block .content .price .replaced, .list_server .lv_block .content .price .replaced {
    color: #f97b02
}

#list_server .lv_block .content .price .no_porto, .list_server .lv_block .content .price .no_porto {
    color: #f91f02
}

#list_server .lv_block .content .scope, .list_server .lv_block .content .scope {
    margin-bottom: 10px
}

#list_server .lv_block .content .action .btn, .list_server .lv_block .content .action .btn {
    margin-top: 25px;
    margin-bottom: 25px
}

#list_server .lv_block .content .server_compare, .list_server .lv_block .content .server_compare {
    height: auto;
    min-height: 15px;
    line-height: 18.9090909091px;
    padding-bottom: 15px
}

#list_server .lv_block .content .server_compare .server_compare_label, .list_server .lv_block .content .server_compare .server_compare_label {
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding-left: 34px;
    padding-top: 4px;
    vertical-align: middle
}

#list_server .lv_block .content .server_compare .server_compare_label a:active, #list_server .lv_block .content .server_compare .server_compare_label a:hover, #list_server .lv_block .content .server_compare .server_compare_label a:link, #list_server .lv_block .content .server_compare .server_compare_label a:visited, .list_server .lv_block .content .server_compare .server_compare_label a:active, .list_server .lv_block .content .server_compare .server_compare_label a:hover, .list_server .lv_block .content .server_compare .server_compare_label a:link, .list_server .lv_block .content .server_compare .server_compare_label a:visited {
    color: #f97b02;
    text-decoration: none
}

#list_server .lv_block .content .server_compare input[type=checkbox], .list_server .lv_block .content .server_compare input[type=checkbox] {
    vertical-align: middle
}

.tk_shopx_products_var_server_filter_link {
    display: inline-block
}

.tk-product-var-highlight-link {
    font-size: 14px;
    line-height: 19px;
    display: inline-block
}

.tk-product-var-highlight-link:hover {
    text-decoration: none
}

.tk-product-var-highlight-link img {
    margin-top: -2px;
    margin-right: 3px;
    width: 16px;
    vertical-align: middle
}

#list_server {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap
}

#list_server .avertisement_content, #list_server .product-content {
    height: 100%
}

#list_server .product-content .price {
    height: 50px
}

#list_server:before {
    display: inline
}

.tab-content #list_server .RedxBlockGridChild .content, .tab-content .list_server .RedxBlockGridChild .content {
    padding-left: 0 !important
}

.list_server_price_replaced_text {
    color: #f91f02;
    font-size: 14px;
    line-height: 23.636366px;
    font-weight: 400;
    margin: 0 0 4px
}

.tk_product_list_advertisement {
    display: none;
    margin-top: 50px
}

.tk_product_list_advertisement .content {
    margin-bottom: 30px;
    box-sizing: border-box;
    border: 1px solid transparent
}

.tk_product_list_advertisement .content div {
    padding: 15px
}

#tk-product-list-single .component-block {
    -moz-border-image: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: none;
    border: 0 var(--tk-form-border-color, #ccc);
    border-bottom: 1px solid var(--tk-form-border-color, #ccc);
    padding: 10px
}

#tk-product-list-single .component-table {
    border-collapse: collapse;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0
}

#tk-product-list-single .component-table .lesslink, #tk-product-list-single .component-table .morelink {
    color: #f97b02
}

#tk-product-list-single .component-table .lesslink img, #tk-product-list-single .component-table .morelink img {
    transition-duration: .5s;
    margin-left: 5px;
    margin-bottom: 2px
}

#tk-product-list-single .component-table .lesslink.less img, #tk-product-list-single .component-table .morelink.less img {
    transform: rotate(-180deg)
}

#tk-product-list-single .component-table .box-image {
    min-height: 240px
}

#tk-product-list-single .component-table .box-bottom {
    position: absolute;
    bottom: 0;
    right: 0
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper > span {
    display: inline-block;
    width: 100%;
    text-align: right
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .price {
    font-size: 35.2px;
    line-height: 36.4px;
    margin-bottom: 20px
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .orange {
    color: #f97b02
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .price-replaced {
    text-decoration: line-through;
    margin-bottom: 8px
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .tk_list_com_availability {
    text-align: right;
    margin-bottom: 22px
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .tk_list_com_availability span {
    background-color: transparent;
    color: var(--avail-color, var(--tk-header-light-color, #555))
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .tk_list_comp_quantity_wrapper {
    display: flex;
    justify-content: flex-end
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .tk_list_comp_quantity_wrapper label {
    align-self: center;
    margin-left: 10px
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .tk_list_comp_quantity_wrapper input[type=text] {
    width: 60px
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .tk_list_comp_quantity_wrapper input[type=submit] {
    text-align: right;
    margin-left: 10px
}

#tk-product-list-single .component-table .tk_list_comp_price_box_wrapper .tk_list_comp_quantity_wrapper .btn {
    margin-top: 4px
}

#tk-product-list-single .component-table .download_link {
    position: absolute;
    bottom: 0
}

#tk-product-list-single .tk_list_comp_desc {
    padding-top: 35px;
    padding-left: 20px
}

#tk-product-list-single input[id*=quantity] {
    text-align: center
}

#tk-list-comp-product-filter {
    display: flex;
    flex-wrap: wrap
}

#tk-list-comp-product-filter .xtxInput, #tk-list-comp-product-filter .xtxSelect {
    margin-right: 10px
}

#tk-list-comp-product-filter .filter-button, #tk-list-comp-product-sort .filter-button {
    margin-bottom: 10px
}

#tk-list-comp-product-filter .clear-filter-button, #tk-list-comp-product-sort .clear-filter-button {
    margin-right: 7px;
    color: var(--tk-header-light-color, #555)
}

#tk-list-comp-product-filter .clear-filter-button img.clear-filter-icon, #tk-list-comp-product-sort .clear-filter-button img.clear-filter-icon {
    margin-left: 10px;
    margin-top: -6px;
    vertical-align: middle
}

#tk-list-comp-product-sort .sort-by-div {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#tk-list-comp-product-sort .sort-by-div .sort-by {
    display: flex;
    align-items: center
}

#tk-list-comp-product-sort .sort-by-div .sort-by label {
    margin-right: 10px
}

#tk-list-comp-product-sort .found-articles {
    margin-right: 34px
}

#tk-list-comp-product-sort .xtxSelect {
    width: 200px
}

#tkListCompFilter {
    -moz-border-image: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: none;
    border: 0 var(--tk-form-border-color, #ccc);
    border-bottom: 1px solid var(--tk-form-border-color, #ccc);
    padding: 0;
    margin-top: 30px;
    margin-bottom: 10px
}

#tk-product-overview .RedxBlockGridChild {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

#tk-product-overview .RedxBlockGridChild.no-border {
    border-bottom: none
}

.auto_height {
    height: auto !important
}

.server_filter_loading_container {
    width: 700px;
    height: 800px;
    opacity: .75;
    padding: 50px 5px 5px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    z-index: 999;
    color: #323232;
    font-weight: 700;
    font-size: 20px
}

.server_filter_sort_container {
    clear: both;
    border-bottom: 1px solid #ebebeb;
    display: block;
    height: 35px;
    padding-top: 5px
}

.server_filter_sort_container a:not(.btn):not(.tk-server-filter-result-reset-all) {
    color: #323232;
    text-decoration: none
}

.tk-icons-filter-expand {
    margin-top: -3px;
    vertical-align: middle
}

.lv_block_unique:not(.paddingRight) {
    padding-left: 7px !important
}

.lv_block_unique.paddingRight {
    padding-right: 7px !important
}

#server_filter_block_grid {
    background-color: #f4f4f4
}

.server-filter-startpage-area a.textcolor, .tk-slider-container a.textcolor {
    color: #323232
}

.server-filter-startpage-area a.textcolor span.price, .tk-slider-container a.textcolor span.price {
    color: #f97b02;
    font-size: 22.144px;
    font-weight: lighter
}

.server-filter-startpage-area div.tabbable, .tk-slider-container div.tabbable {
    margin-top: 30px
}

.server-filter-startpage-area .tab-content, .tk-slider-container .tab-content {
    border: none !important
}

.server-filter-startpage-area .link_extended_search_container, .tk-slider-container .link_extended_search_container {
    text-align: right
}

.server-filter-startpage-area .group_box h3, .tk-slider-container .group_box h3 {
    font-size: 16px
}

.server-filter-startpage-area .range_slider_area, .tk-slider-container .range_slider_area {
    margin: 13px 0 0;
    padding-left: 3px
}

.server-filter-startpage-area .range_slider_area h4, .tk-slider-container .range_slider_area h4 {
    margin-left: -13px
}

.server-filter-startpage-area .range_slider_area span, .tk-slider-container .range_slider_area span {
    margin-left: -1px;
    display: inline-block;
    margin-bottom: 4px
}

.server-filter-startpage-area .range_slider_legend_area, .tk-slider-container .range_slider_legend_area {
    margin-top: 10px;
    margin-bottom: 0;
    *zoom: 1
}

.server-filter-startpage-area .range_slider_legend_area:after, .server-filter-startpage-area .range_slider_legend_area:before, .tk-slider-container .range_slider_legend_area:after, .tk-slider-container .range_slider_legend_area:before {
    display: table;
    content: "";
    line-height: 0
}

.server-filter-startpage-area .range_slider_legend_area:after, .tk-slider-container .range_slider_legend_area:after {
    clear: both
}

.server-filter-startpage-area .range_slider_area_range_label, .tk-slider-container .range_slider_area_range_label {
    border: none;
    color: #323232;
    font-size: 14px;
    font-weight: 700;
    width: 70%;
    float: left;
    text-align: center;
    display: inline-block
}

.server-filter-startpage-area .range_slider_legend_area_min_label, .tk-slider-container .range_slider_legend_area_min_label {
    color: #8899a2;
    font-size: 14px;
    margin-left: -4px;
    float: left;
    text-align: left;
    display: inline-block;
    width: 15%;
    min-width: 25px
}

.server-filter-startpage-area .range_slider_legend_area_max_label, .tk-slider-container .range_slider_legend_area_max_label {
    max-height: 20px !important;
    color: #8899a2;
    font-size: 14px;
    margin-right: -4px;
    float: right;
    display: inline-block;
    text-align: right;
    width: 15%;
    min-width: 25px
}

.server-filter-startpage-area .ui-slider, .tk-slider-container .ui-slider {
    position: relative;
    text-align: left
}

.server-filter-startpage-area .ui-slider .ui-slider-handle, .tk-slider-container .ui-slider .ui-slider-handle {
    border-radius: 0;
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 23px;
    cursor: pointer
}

.server-filter-startpage-area .ui-slider .ui-slider-range, .tk-slider-container .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0
}

.server-filter-startpage-area .ui-slider-horizontal, .tk-slider-container .ui-slider-horizontal {
    margin-left: 1px;
    height: 6px
}

.server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.left, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.left {
    top: -11px;
    margin-left: -8px;
    z-index: 3
}

.server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.right, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.right {
    top: -11px;
    margin-left: -8px
}

.server-filter-startpage-area .ui-slider-horizontal .ui-slider-range, .tk-slider-container .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.server-filter-startpage-area .ui-widget-content, .tk-slider-container .ui-widget-content {
    background-color: #f4f4f4;
    border-radius: 6px;
    color: #323232
}

.server-filter-startpage-area .ui-widget-content a, .tk-slider-container .ui-widget-content a {
    color: #323232
}

.server-filter-startpage-area .ui-widget-header, .tk-slider-container .ui-widget-header {
    background-color: var(--tk-text-light-color, #999)
}

.server-filter-startpage-area .ui-state-default.left, .server-filter-startpage-area .ui-state-default.right, .tk-slider-container .ui-state-default.left, .tk-slider-container .ui-state-default.right {
    background-color: #fcfcfc;
    border: 1px solid #747474;
    height: 25px;
    width: 25px;
    border-radius: 26px
}

.server-filter-startpage-area .ui-state-default a, .server-filter-startpage-area .ui-state-default a:link, .server-filter-startpage-area .ui-state-default a:visited, .tk-slider-container .ui-state-default a, .tk-slider-container .ui-state-default a:link, .tk-slider-container .ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.server-filter-startpage-area .ui-state-focus, .server-filter-startpage-area .ui-state-hover, .tk-slider-container .ui-state-focus, .tk-slider-container .ui-state-hover {
    border: none;
    font-weight: 400;
    color: #212121
}

.server-filter-startpage-area .ui-state-hover a, .server-filter-startpage-area .ui-state-hover a:hover, .tk-slider-container .ui-state-hover a, .tk-slider-container .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none
}

.server-filter-startpage-area .ui-state-active, .tk-slider-container .ui-state-active {
    border: none;
    font-weight: 400;
    color: #212121
}

.server-filter-startpage-area .ui-state-active a, .server-filter-startpage-area .ui-state-active a:link, .server-filter-startpage-area .ui-state-active a:visited, .tk-slider-container .ui-state-active a, .tk-slider-container .ui-state-active a:link, .tk-slider-container .ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.server-filter-startpage-area .server_filter_element_group_content, .tk-slider-container .server_filter_element_group_content {
    width: 96%
}

.server-filter-startpage-area .range_slider_legend_area_max_label, .server-filter-startpage-area .range_slider_legend_area_min_label, .tk-slider-container .range_slider_legend_area_max_label, .tk-slider-container .range_slider_legend_area_min_label {
    visibility: hidden
}

.server-filter-startpage-area .result_button_container .result_count_container, .tk-slider-container .result_button_container .result_count_container {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 14px
}

.server-filter-startpage-area .result_button_container .button_container, .tk-slider-container .result_button_container .button_container {
    float: right;
    width: 50%;
    text-align: right
}

.t_Content_serverfilter_hint {
    color: #f97b02 !important;
    font-size: 16px !important;
    background-color: #fff !important
}

.server_compare_checkbox {
    margin-top: -1px !important
}

.server_compare_checkbox:checked {
    opacity: 0;
    margin-right: -13px
}

.server_compare_header {
    position: fixed;
    z-index: 100;
    height: 104px;
    top: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

.server_compare_header_logo {
    float: left;
    margin: 15px 0 8px 12px
}

.server_compare_header_action_area {
    float: right;
    padding-right: 20px;
    margin-top: 10px
}

.server_compare_distance_header_content {
    position: relative;
    top: 154px;
    margin-left: 12px
}

.server_compare_content {
    padding-bottom: 20px
}

.server_compare_content .product_col {
    padding: 0 5px;
    vertical-align: top;
    text-align: center;
    border: 1px solid var(--tk-border-color, #ebebeb);
    border-bottom: none
}

.server_compare_content .product_col .server_compare_remove_button {
    margin: 9px 9px 0 0;
    text-align: right;
    font-size: 14.72px
}

.server_compare_content .product_col .server_compare_remove_button a:active, .server_compare_content .product_col .server_compare_remove_button a:hover, .server_compare_content .product_col .server_compare_remove_button a:link, .server_compare_content .product_col .server_compare_remove_button a:visited {
    color: #323232
}

.server_compare_content .product_col .tk-servercompare-title {
    margin-top: 30px;
    font-size: 22.08px;
    font-weight: 700
}

.server_compare_content .product_col .tk-servercompare-price, .server_compare_content .product_col .tk-servercompare-rating {
    font-size: 17px
}

.server_compare_content .product_col .tk-servercompare-price {
    margin-bottom: 34px
}

.server_compare_content .diff_link_col {
    padding: 32px 5px 0 30px;
    border-right: 1px solid var(--tk-border-color, #ebebeb);
    font-weight: 700
}

.server_compare_content .diff_link_col a:active, .server_compare_content .diff_link_col a:hover, .server_compare_content .diff_link_col a:link, .server_compare_content .diff_link_col a:visited {
    color: #f97b02
}

.server_compare_content .diff_link_col:nth-child(n+3) .hider {
    display: none
}

.server_compare_content .item_row {
    height: 35px;
    vertical-align: top;
    font-size: 17px
}

.server_compare_content .item_row td {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

.server_compare_content .descr_col, .server_compare_content .section_col, .server_compare_content .value_col {
    border-right: 1px solid var(--tk-border-color, #ebebeb)
}

.server_compare_content .descr_col, .server_compare_content .section_col {
    padding-left: 5px;
    padding-right: 30px;
    text-align: right
}

.server_compare_content .section_col {
    padding-top: 25px;
    padding-bottom: 12px;
    vertical-align: bottom;
    font-size: 22.08px;
    font-weight: 700
}

.server_compare_content .value_col {
    padding-left: 30px;
    padding-right: 30px
}

.server_compare_content .value_col_diff {
    background-color: #ffcc31
}

.server_compare_tipped {
    width: 228px
}

.server_compare_tip_content {
    max-height: 235px;
    min-height: 155px;
    min-width: 200px;
    max-width: 700px;
    overflow: auto
}

.server_compare_list_block {
    float: left;
    width: 227px;
    height: 196px;
    vertical-align: top;
    -moz-border-image: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-left-style: none;
    border-top-style: none;
    border-left-width: 0;
    border-top-width: 0;
    border-right: 1px solid var(--tk-border-color, #ebebeb);
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    overflow: hidden
}

.server_compare_list_block a:active, .server_compare_list_block a:hover, .server_compare_list_block a:link, .server_compare_list_block a:visited {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important
}

.server_compare_list_block:first-child:last-child, .server_compare_list_block:nth-child(2):last-child, .server_compare_list_block:nth-child(3n) {
    border-right: none
}

.server_compare_list_block:nth-child(3n):nth-last-child(-n+1), .server_compare_list_block:nth-child(3n+1):nth-last-child(-n+3), .server_compare_list_block:nth-child(3n+2):nth-last-child(-n+2) {
    border-bottom: none
}

.server_compare_list_block_elem_title {
    margin-top: 8px;
    height: 45px;
    padding: 0 12px;
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    color: #323232;
    text-align: center
}

.server_compare_list_block_elem_picture {
    height: 130px;
    text-align: center
}

.server_compare_tipped_loading_container {
    width: 100%;
    height: 100%;
    display: none;
    opacity: .7;
    background-color: #fff;
    position: absolute;
    z-index: 99999;
    text-align: center
}

.server_compare_tipped_loading_container .vertical_centered {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.server_compare_tipped_header {
    background-color: #fff;
    height: 52px;
    *zoom: 1;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

.server_compare_tipped_header:after, .server_compare_tipped_header:before {
    display: table;
    content: "";
    line-height: 0
}

.server_compare_tipped_header:after {
    clear: both
}

.server_compare_tipped_title {
    margin-left: 15px;
    color: #323232;
    font-size: 22.08px;
    line-height: 52px;
    font-weight: 300;
    float: left;
    display: block
}

.server_compare_tipped_compare {
    margin-right: 20px;
    line-height: 52px;
    float: right;
    display: block
}

.server_compare_tipped_compare a:active, .server_compare_tipped_compare a:hover, .server_compare_tipped_compare a:link, .server_compare_tipped_compare a:visited {
    color: #f97b02 !important;
    font-weight: 700;
    text-decoration: none !important
}

.server_compare_tipped_content {
    background-color: #fff;
    overflow: auto
}

.server_compare_tipped_content .server_compare_remove_button {
    margin-top: 7px;
    margin-left: 204px;
    height: 15px
}

#checkout-tab-navigation, #rma-tab-navigation {
    margin-bottom: 30px
}

#checkout-tab-navigation ul, #rma-tab-navigation ul {
    margin-bottom: 0
}

#checkout-tab-navigation .nav-pills > li, #rma-tab-navigation .nav-pills > li {
    padding: 10px;
    margin: 2px 6px 2px 0
}

#checkout-tab-navigation .nav-pills > li > a, #rma-tab-navigation .nav-pills > li > a {
    padding: 2px 0;
    text-decoration: none
}

#checkout-tab-navigation .nav-pills > .active, #checkout-tab-navigation .nav-pills > .active > a, #checkout-tab-navigation .nav-pills > .active > a:hover, #rma-tab-navigation .nav-pills > .active, #rma-tab-navigation .nav-pills > .active > a, #rma-tab-navigation .nav-pills > .active > a:hover {
    color: #323232;
    background-color: var(--tk-form-border-color, #ccc)
}

#checkout-tab-navigation .nav-pills > .visited, #rma-tab-navigation .nav-pills > .visited {
    background-color: #f4f4f4
}

#checkout-tab-navigation .nav-pills > .visited a, #rma-tab-navigation .nav-pills > .visited a {
    background-color: transparent
}

.checkout-box {
    background-color: #f4f4f4;
    padding: 10px
}

.checkout-box.checkout-box-reset {
    padding: 0
}

.checkout-box form {
    margin: 0
}

.checkout-box .content-title {
    padding: 10px 10px 0;
    margin: 0
}

.checkout-box .content {
    padding: 10px
}

.checkout_nav_buttons {
    padding-top: 10px;
    text-align: right;
    margin-bottom: 70px
}

#checkout_order_info_box .checkout_order_info_block h3 {
    padding-bottom: 20px
}

#checkout_order_info_box .checkout_order_info_block .control-label {
    padding-top: 0
}

#checkout_shipping_type_selection, #payment_type_leasing_block, #payment_type_voucher_block {
    padding-top: 5px
}

#checkout_shipping_type_selection input, #payment_type_leasing_block input, #payment_type_voucher_block input {
    margin-bottom: 10px
}

#checkout_shipping_type_selection select, #payment_type_leasing_block select, #payment_type_voucher_block select {
    width: auto
}

#checkout_shipping_type_selection xtx-select, #payment_type_leasing_block xtx-select, #payment_type_voucher_block xtx-select {
    --select-input-min-height: 50px
}

.checkout_delivery_type .xtxRadioSelect {
    margin: 5px 0
}

#payment_type_delivery_block input[type=radio], #payment_type_voucher_block input[type=radio] {
    margin-top: 7px
}

.info-text-external-shipping-payer {
    padding-top: 4px;
    font-size: 13px
}

.checkout_delivery_address {
    padding: 5px 5px 5px 0
}

.checkout_lastcheck_orderinfo_col {
    padding-top: 10px;
    padding-bottom: 20px
}

.checkout_box {
    border: 1px solid #757575
}

#checkout-login {
    margin-top: 10px;
    margin-bottom: 10px
}

.checkout_box_data {
    margin: 8px 0
}

.checkout_box_data .row {
    display: flex;
    flex-wrap: wrap
}

.checkout_box_data .row div {
    flex: 1
}

.checkout_box_data #data_voucher_code {
    width: 250px
}

.checkout_box_data table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border: none
}

#checkout_delivery_address_box_content .checkout_box_data tr {
    border-bottom: 2px solid #fff
}

.checkout_box_data_col, .checkout_box_data_list_title {
    font-size: 13px;
    padding: 2px 0 2px 5px;
    background-color: #f4f4f4;
    text-align: left
}

.checkout_box_data_list_title {
    width: 130px;
    font-style: italic
}

.checkout_box_data_list_value {
    padding: 2px;
    font-weight: 700
}

.checkout_box_data_form_title, .checkout_box_data_list_value {
    font-size: 13px;
    background-color: #f4f4f4;
    text-align: left
}

.checkout_box_data_form_title {
    padding: 2px 0 2px 5px;
    width: 130px
}

.checkout_box_data_form_value {
    font-size: 13px;
    padding: 2px;
    background-color: #f4f4f4;
    text-align: left
}

.checkout_box_data_form_header {
    font-size: 12px;
    padding: 2px 5px;
    background-color: #f4f4f4;
    text-align: left;
    font-weight: 700
}

.checkout_box_data_spacer {
    width: 8px;
    padding: 0;
    margin: 0
}

.tk_checkout_additional_info_row {
    display: grid;
    grid-template-columns:100%
}

.tk_checkout_additional_info_row .tk_checkout_additional_info_box {
    background-color: #f4f4f4
}

.checkout_box_data .row.checkout_form_delivery_address {
    display: block
}

.checkout_box_data .row.checkout_form_delivery_address div {
    flex: initial
}

.checkout_box_data div[id^=nace-container-] {
    margin-bottom: 6px
}

#checkout_delivery_address_box_content .redx-icon {
    font-size: 20px;
    color: var(--tk-text-color, #323232)
}

#tk_myservices_generic {
    float: right
}

#tk_myservices_generic label {
    display: inline;
    margin-right: 5px
}

#tk_myservices_generic select {
    width: 100%
}

.tk_myservices_spacer form {
    margin-bottom: 10px;
    display: flex
}

.tk_myservices_spacer form[name=tk_servicesupport_filter_form] {
    align-items: flex-start;
    flex-wrap: wrap
}

.tk_myservices_spacer form[name=tk_servicesupport_filter_form] .xtxSelect {
    flex: unset
}

.tk_myservices_spacer form[name=tk_servicesupport_filter_form] .xtxSelect + div input {
    margin-bottom: 10px
}

.tk_myservices_spacer form[name=tk_servicesupport_filter_form] a[name=search_words], .tk_myservices_spacer form[name=tk_servicesupport_filter_form] input[name=search_words] {
    flex: 1 0 150px
}

.tk_myservices_spacer form[name=tk_servicesupport_filter_form] .only_with_reminder_container {
    margin: 10px
}

.tk_myservices_spacer form[name=tk_servicesupport_filter_form] .tk_service_support_filter_order_types {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap
}

.tk_myservices_spacer form[name=tk_servicesupport_filter_form] .tk_service_support_filter_order_types .xtxCheckbox {
    margin-top: 5px
}

.tk_myservices_spacer form[name=tk_servicesupport_filter_form] .tk_service_support_filter_order_types .xtxCheckbox:not(:last-of-type) {
    margin-right: 20px
}

.serial_info_service_block {
    margin-top: 15px;
    line-height: 12px
}

.serial_info_service_block:first-child {
    margin-top: 0
}

.serial_info_service_block table td, .serial_info_service_block table tr {
    padding: 0
}

.serial_info_service_block .arrow {
    text-align: right
}

.serial_info_service_block .active {
    border: 1px solid #afa37b
}

.tk_tab_container .nav-tabs {
    padding-bottom: 0;
    margin-bottom: 0
}

.tk_tab_container .nav-content {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px
}

#tk_form_rma_satisfaction label {
    display: inline;
    margin-right: 10px
}

#tk_form_rma_satisfaction input {
    display: inline;
    margin-right: 3px
}

#tk_form_rma_satisfaction .header {
    background-color: #f4f4f4;
    padding: 5px 10px
}

#tk_form_rma_satisfaction h3 {
    margin-bottom: 0
}

#tk_form_rma_satisfaction h4 {
    padding-top: 10px
}

#tk_form_rma_satisfaction .rma_form_radios .rbtn_wrapper1 .xtxRadioSelect:first-child {
    margin-top: .3125rem
}

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

.serial_component_row.removed div {
    text-decoration: line-through
}

.serial_component_headline {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 700
}

.serial_component_headline:first-child {
    margin-top: 0
}

.serial_component_item_title {
    padding: 3px 2px;
    float: left;
    text-align: left
}

.serial_component_item_date {
    padding: 3px 0 3px 4px;
    text-align: left;
    float: left
}

.serial_component_item_center {
    text-align: center;
    float: left;
    vertical-align: bottom;
    padding: 3px 2px;
    width: 50px
}

table.service_support_preview_box th {
    border-bottom: 1px solid #000;
    text-align: center;
    color: #ffcc31;
    font-size: 14px;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px
}

table.service_support_preview_box td {
    padding: 4px
}

ul.service_support_preview_listing {
    margin-left: 0;
    padding-left: 0
}

ul.service_support_preview_listing li {
    margin-left: 15px
}

.service_support_list_link {
    text-align: right
}

.service_support_rma_gray {
    background-color: #f4f4f4
}

.service_support_rma_column {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    background-color: #f4f4f4;
    margin-left: 35px
}

.tk_myservices_login_data_control .listadmin th:nth-of-type(4) {
    text-align: center
}

.tk_myservices_login_data_control h3 {
    margin-bottom: 12px
}

.tk_myservices_login_data_control .form-horizontal {
    margin-top: 20px;
    margin-bottom: 0
}

.tk_myservices_login_data_control .div_checkbox {
    float: left;
    width: 23px
}

.tk_myservices_login_data_control .text_checkbox {
    float: left;
    padding-top: 3px
}

.tk_myservices_login_data_control #form_new_person_submit_id {
    margin-top: 8px
}

.tk_myservices_login_data_control [data-change-information-law="1"] {
    position: relative;
    text-align: center
}

.tk_myservices_login_data_control [data-change-information-law="1"] .xtxCheckbox {
    margin-top: -8px
}

.tk_myservices_login_data_control [data-change-information-law="1"] img {
    cursor: wait;
    position: absolute;
    top: -10px;
    left: calc(50% - 18px)
}

#tk-information-law-tip-icon {
    position: relative;
    top: 2px;
    cursor: pointer
}

#RMA_select_components .tk-box .control-group {
    display: table
}

#RMA_select_components .rma_component {
    display: table-row;
    -moz-border-image: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: none;
    border: 0 var(--tk-form-border-color, #ccc);
    border-bottom: 1px solid var(--tk-form-border-color, #ccc);
    padding: 10px
}

#RMA_select_components .rma_component .quantity-container {
    display: table-cell;
    text-align: right;
    padding: 5px 0
}

#RMA_select_components .rma_component .quantity-container xtx-quantity-selector {
    display: inline-block
}

#RMA_select_components .rma_component .quantity-container label {
    margin-left: 5px
}

#RMA_select_components .rma_component .quantity-container .xtxCheckbox label {
    top: -5px
}

#RMA_custom_info .redx-icon {
    font-size: 20px;
    color: var(--tk-text-color, #323232)
}

.workflow_error_message {
    color: #b94a48
}

.listadmin th {
    text-align: left
}

#workflow_navigator_container {
    margin-top: 30px
}

#workflow_navigator_container input {
    margin-left: 10px;
    float: right
}

#workflow_navigator_container .btn {
    margin-bottom: 10px
}

.tk-my-account-service-label-active {
    background-color: #ff7d00
}

.tk-my-account-service-label-active, .tk-my-account-service-label-inactive {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 6px 3px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 11px
}

.tk-my-account-service-label-inactive {
    background-color: #d0d0d0
}

.tk-my-account-offer-order-success .tabContent {
    padding-top: 18px !important
}

.tk-my-account-offer-order-success .tabScroller {
    display: none
}

.tk-service-status-progress, xtx-progress-indicator[name=serialStatus] {
    --progress-indicator-label-active-color: var(--tk-text-color, #323232);
    --progress-indicator-point-height: 0;
    --tooltip-padding: 4px 5px;
    font-size: 14px;
    --tooltip-font: 12px FSMeWeb
}

.tk-service-status-progress.tk-service-status-progress-green, xtx-progress-indicator[name=serialStatus].tk-service-status-progress-green {
    --progress-bar-color: #4eff79
}

.tk-service-status-progress.tk-service-status-progress-yellow, xtx-progress-indicator[name=serialStatus].tk-service-status-progress-yellow {
    --progress-bar-color: #ffcc31
}

.tk-service-status-progress.tk-service-status-progress-red, xtx-progress-indicator[name=serialStatus].tk-service-status-progress-red {
    --progress-bar-color: #f91f02
}

.tk-service-status-progress xtx-value[value="0"], .tk-service-status-progress xtx-value[value="50"], .tk-service-status-progress xtx-value[value="100"], xtx-progress-indicator[name=serialStatus] xtx-value[value="0"], xtx-progress-indicator[name=serialStatus] xtx-value[value="50"], xtx-progress-indicator[name=serialStatus] xtx-value[value="100"] {
    color: var(--tk-text-color, #323232)
}

.tk-service-status-progress.tk-service-status-progress-is-expired xtx-value, xtx-progress-indicator[name=serialStatus].tk-service-status-progress-is-expired xtx-value {
    color: var(--tk-text-light-color, #999)
}

.tk-service-country-error {
    max-width: none !important;
    position: relative;
    top: 2px
}

.infinite-scroller-loading-box {
    margin: 10px;
    text-align: center
}

nav.pagination ul li {
    font-size: 16px;
    text-indent: 0;
    margin-left: 1px;
    margin-right: 1px
}

nav.pagination ul li:before {
    content: "";
    margin: 0
}

nav.pagination ul li.active a {
    color: #ff7d00 !important
}

nav.pagination ul li.disabled a {
    color: #ccc !important
}

nav.pagination ul li.disabled a path:first-child {
    fill: #ccc !important
}

nav.pagination ul li.next a, nav.pagination ul li.prev a {
    padding: 2px;
    line-height: 12px
}

nav.pagination ul li.next a:hover path:first-child, nav.pagination ul li.prev a:hover path:first-child {
    fill: #ff7d00
}

nav.pagination ul li.next a:focus path:first-child, nav.pagination ul li.prev a:focus path:first-child {
    fill: #323232
}

nav.pagination ul li.prev {
    margin-right: 6px
}

nav.pagination ul li.next {
    margin-left: 6px
}

.tpl_list_admin_data_nav .count_message {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #323232
}

.xtx-datanavigator {
    margin-bottom: 10px
}

.xtx-search-hits {
    border-bottom: 0
}

.xtx-search-container-results .xtx-search-response {
    border-bottom: none !important
}

.xtx-search-container-results .pagination {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-top: 1px solid #ebebeb
}

.xtx-search-container-results .pagination .disabled a {
    cursor: default
}

.xtx-search-container-results .pagination .disabled a:focus {
    box-shadow: none
}

.tpl_list_admin_data_nav_bottom .xtx-datanavigator {
    margin-top: 15px;
    margin-bottom: 15px
}

#datasheet-list-container form {
    background-color: #f4f4f4;
    padding: 10px
}

#datasheet-list-container .datasheet-item {
    margin: 10px 0;
    -moz-border-image: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: none;
    border: 0 var(--tk-form-border-color, #ccc);
    border-bottom: 1px solid var(--tk-form-border-color, #ccc);
    padding: 10px
}

#datasheet-list-container .datasheet-item .datasheet-item-table {
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
    width: 100%
}

#datasheet-list-container .datasheet-item .datasheet-link {
    color: #323232;
    text-decoration: none;
    margin-right: 20px
}

div.redx_search_result_data_nav {
    text-align: center;
    margin: 15px
}

div.redx_search_result_data_nav div.count_message {
    margin-bottom: 3px
}

div.redx_search_result_row {
    margin-bottom: 10px;
    border: 1px solid #f4f4f4;
    border-left-width: 10px;
    padding: 8px 8px 8px 10px
}

div.redx_search_result_row:hover {
    border: 1px solid #c1c1c1;
    border-left-width: 10px
}

a.redx_search_result {
    padding: 0 0 0 7px;
    font-weight: 700;
    background-repeat: no-repeat
}

div.compatibility_report_info_box, div.version_info_box {
    padding: 10px 0 5px 5px
}

.popup_body #title-compatibility-report, .popup_body #title-compatibility-report ~ :not(table):not(:has(table)) {
    padding: 0 15px
}

.popup_body table.compatibility_report tr :is(td,th):first-child {
    padding-left: 15px
}

.popup_body table.compatibility_report tr :is(td,th):last-child {
    padding-right: 15px
}

table.compatibility_report {
    border-spacing: 0
}

table.compatibility_report th {
    background-color: #f4f4f4;
    text-align: left;
    padding: 3px 3px 5px 5px;
    border-right: 2px solid #fff
}

table.compatibility_report th.content {
    text-align: center
}

table.compatibility_report td {
    background-color: #f4f4f4;
    padding-left: 5px;
    border-right: 2px solid #fff
}

table.compatibility_report td.platform {
    font-weight: 700
}

table.compatibility_report td.distribution {
    padding-top: 5px;
    background-color: #fff;
    font-weight: 700;
    padding-left: 5px
}

table.compatibility_report td.spacer {
    height: 15px;
    background-color: #fff;
    font-weight: 700;
    padding-left: 5px
}

table.compatibility_report td.content {
    text-align: center;
    padding-left: 0 !important
}

table.compatibility_report td.content.ok {
    background-color: rgba(78, 255, 121, .1)
}

table.compatibility_report td.content.not_ok {
    background-color: rgba(249, 31, 2, .1)
}

table.compatibility_report td.content span.default, table.compatibility_report td.content span.not_ok, table.compatibility_report td.content span.ok {
    color: var(--tk-text-color, #323232)
}

#form_platform_keys_chosen.chosen-container-multi .chosen-choices a {
    transition: all 0s
}

#form_platform_keys_chosen.chosen-container-multi .chosen-choices li.search-field {
    margin: 0
}

#form_platform_keys_chosen + .xtxIconWrapper {
    display: none
}

.news-detail-area img {
    max-width: 100%
}

.news-detail-area table img {
    max-width: none
}

.news-detail-area .news-back-button-area {
    width: 100%;
    text-align: right;
    margin: 20px 0
}

.news-detail-area .news-contact {
    background-color: #f4f4f4
}

.news-detail-area .news-contact .table-content {
    display: table;
    padding: 15px;
    font-size: 14px
}

.news-detail-area .news-contact .table-content .pic {
    display: table-cell
}

.news-detail-area .news-contact .table-content .descr {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle
}

#tk-news-area {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    background-color: #f4f4f4;
    padding-top: 45px;
    padding-bottom: 40px
}

#tk-news-area .header {
    padding-left: 18px
}

#tk-news-area .header .header-text {
    color: var(--tk-header-light-color, #555);
    padding-top: 5px
}

#tk-news-area .content {
    display: grid;
    grid-template-columns:100%;
    font-weight: 300;
    padding-left: 18px
}

#tk-news-area .content .item {
    margin-bottom: 30px
}

#tk-news-area .content .item .title {
    font-size: 20.571424px;
    line-height: 32.5px;
    margin-bottom: 5px
}

#tk-news-area .content .item .date {
    color: var(--tk-text-light-color, #999)
}

#tk-news-area .content .item a {
    text-decoration: none;
    color: var(--tk-header-light-color, #555)
}

#productnews_filter {
    margin-bottom: 13px
}

#productnews_container .title-highlight {
    padding: 0 15px;
    height: 13px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    background-color: #f97b02;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    top: 4px
}

#productnews_container .tk-news-productnews {
    border: 1px solid var(--tk-form-border-color, #ccc);
    margin-bottom: 20px
}

#productnews_container .tk-news-productnews .news-date {
    float: right;
    margin: 15px 30px 0 0
}

#productnews_container .tk-news-productnews .news-title {
    background-color: #f4f4f4;
    display: inline-block;
    margin: 8px 5px
}

#productnews_container .tk-news-productnews .news-title .news-headline {
    font-weight: 700;
    line-height: 20px;
    font-size: 20px;
    margin: 10px 15px 7px
}

#productnews_container .tk-news-productnews .news-content {
    margin: 0 40px 10px 25px
}

.redx_form .redx_form_label {
    width: 190px
}

.redx_form .well {
    margin-left: 190px
}

.redx_form .shopx_service_upgrade_box_data_left input[type=radio] {
    margin: -2px 10px 0 0
}

.redx_form .shopx_service_upgrade_box_data_left p {
    margin: 0
}

.redx_form .required {
    color: #323232
}

.redx_form .redx_form_required_text {
    color: #f91f02
}

.redx_form .redx_form_label {
    line-height: 32px
}

.redx_form .div_container_required_mess div {
    color: #f91f02
}

.redx_forms_thanx_container {
    font-size: 21px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px
}

.redx_form {
    background-color: #fff
}

.redx_form .redx_form_submit_button {
    margin-top: 20px
}

.redx_form .validation_error, .redx_form span.error {
    color: #f91f02
}

.redx_form .data_tab.active a {
    background-color: #f4f4f4
}

.redx_form .data_tab a {
    text-decoration: none
}

.redx_form .data_tab a.active:active, .redx_form .data_tab a.active:hover, .redx_form .data_tab a.active:link, .redx_form .data_tab a.active:visited {
    color: #f97b02;
    font-weight: 400
}

.redx_form .data_tab a:active, .redx_form .data_tab a:hover, .redx_form .data_tab a:link, .redx_form .data_tab a:visited {
    color: #323232;
    font-weight: 400
}

.redx_form .div_container_shopx_upgrade_content .redx_form_label {
    width: 60px
}

.redx_form .service_upgrade_table_header {
    font-size: 21px;
    font-weight: 700
}

.redx_form .div_container_shopx_upgrade_content_label div {
    margin: 15px 0 10px;
    font-weight: 700;
    font-size: 21px
}

.redx_form .div_container_shopx_upgrade_content_label_info div {
    margin-top: 17px;
    margin-left: 10px
}

.redx_form .shopx_service_upgrade_box_indention {
    float: left
}

.redx_form .shopx_service_upgrade_box_data_left {
    float: left;
    background-color: #f4f4f4;
    margin-bottom: 6px;
    width: 60%;
    padding: 1%;
    overflow: auto
}

.redx_form .shopx_service_upgrade_box_data_right {
    float: right;
    background-color: #f4f4f4;
    margin-bottom: 6px;
    width: 34%;
    padding: 1%;
    overflow: auto;
    text-align: center;
    vertical-align: middle
}

.redx_form .shopx_service_upgrade_box_data_phone {
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 20px;
    width: 100% !important;
    overflow: auto
}

.redx_form .shopx_service_upgrade_box_data_phone p {
    padding: 0;
    margin: 0
}

.redx_form .shopx_service_upgrade_box_data_phone input[type=checkbox] {
    width: 13px;
    height: 13px
}

.redx_form .shopx_service_upgrade_box_data_call_home {
    background-color: #f4f4f4;
    margin-bottom: 20px;
    width: 98%;
    padding: 1%;
    overflow: auto
}

.redx_form .shopx_service_upgrade_box_data_call_home p {
    padding: 0;
    margin: 0
}

.redx_form .shopx_service_upgrade_box_data_call_home .redx_form_radioselect {
    display: inline-block !important
}

.redx_form .shopx_service_upgrade_box_data_call_home .monitoring_info_message {
    padding: 15px 10px 10px
}

.redx_form .shopx_service_upgrade_box_data_flatrate {
    background-color: #f4f4f4;
    padding: 10px;
    overflow: auto
}

.redx_form .shopx_service_upgrade_box_data_flatrate .span12 {
    width: 100% !important
}

.redx_form .shopx_service_upgrade_box_info_data {
    float: left;
    border: 1px solid #4eb4ff
}

.redx_form .shopx_service_upgrade_opt_comp_title {
    margin-left: 22px;
    font-size: 13px;
    color: #a8a8a8
}

.redx_form .nonbreaking_checkbox_with_label {
    display: flex !important;
    flex-wrap: wrap
}

.redx_form .nonbreaking_checkbox_with_label label {
    flex: 1 0 0
}

.redx_form .nonbreaking_checkbox_with_label span.error {
    flex: 1 0 100%;
    padding-top: 10px
}

.redx_form .newsabo-preference-center-email-groups label {
    display: inline
}

.redx_form .newsabo-preference-center-email-groups .description {
    display: block;
    color: #8e8e8e;
    margin-left: 34px;
    font-size: 16px
}

.redx_form .control-group .label-inline label {
    display: inline
}

#Kontaktformular fieldset .newsletter .controls > input[type=checkbox] {
    margin-bottom: 0;
    vertical-align: top
}

#Kontaktformular fieldset .newsletter .controls > label {
    display: inline-block !important;
    width: 90%
}

#Kontaktformular fieldset .toggle-newsletter-categories {
    margin-left: 10px
}

#Kontaktformular fieldset .toggle-newsletter-categories span {
    font-size: 13px
}

#contactpageform .tk-box {
    background: transparent !important;
    padding: 10px 0
}

#contactpageform .tk-box > div .required {
    display: none
}

#contactpageform .tk-box .required-msg-contactform {
    display: block !important
}

#contactpageform .tk-box fieldset {
    float: left
}

#contactpageform .tk-box fieldset .newsletter .controls > input[type=checkbox] {
    margin-bottom: 25px;
    vertical-align: top
}

#contactpageform .tk-box fieldset .newsletter .controls > label {
    display: inline-block !important;
    width: 360px
}

#contactpageform .tk-box fieldset .newsletter .controls .newsletter-categories {
    width: 360px
}

#contactpageform .tk-box fieldset .toggle-newsletter-categories {
    margin-left: 10px
}

#contactpageform .tk-box fieldset .toggle-newsletter-categories span {
    font-size: 13px
}

#contactpageform .tk-box fieldset .form-actions {
    border-top: none
}

#contactpageform .tk-box fieldset .form-actions input {
    float: right
}

#contactpageform .tk-box fieldset:first-of-type {
    border-right: 1px solid var(--tk-border-color, #ebebeb);
    padding-right: 105px;
    margin-right: 105px
}

#contactpageform .tk-box label {
    float: none !important
}

#contactpageform .tk-box div.controls {
    margin-left: 0 !important
}

.redx_select_div_container_entry p {
    margin: 0
}

.tk_form_callback .side-by-side-left, .tk_form_callback .side-by-side-right {
    width: calc(50% - 8px);
    display: block
}

.tk_form_callback .side-by-side-left {
    float: left
}

.tk_form_callback .side-by-side-right {
    float: right
}

.tk_form_callback .controls {
    margin-left: 0
}

.tk_form_callback .control-group label, .tk_form_callback form {
    margin-bottom: -10px
}

.tk_form_callback div[id^=tk-callback-appointment-] {
    clear: left;
    margin-top: 20px;
    display: inline-block
}

.tk_form_callback .tk-icons-questionmark {
    width: 16px;
    vertical-align: text-top;
    margin-right: 10px
}

.tk_form_callback .redx_form_required_text {
    color: #b94a48
}

.tk_form_callback h3 {
    margin: 0 0 6px
}

.tk_form_callback #callback_appointment_callback_text .xtxSelect, .tk_form_callback #callback_appointment_consulting_text .xtxSelect, .tk_form_callback #form_field_callback_from_time, .tk_form_callback #form_field_callback_to_time, .tk_form_callback #form_field_consulting_time {
    width: 120px;
    margin-bottom: 0
}

.tk_form_callback #callback_appointment_col_left {
    margin-right: 25px
}

.tk_form_callback .float-left {
    float: left
}

.tk_form_callback .calendar-container {
    margin-top: 20px;
    margin-bottom: 40px
}

.tk_form_callback .callback-label-full-width .control-label {
    width: 100% !important
}

.tk_form_callback .margin-bottom {
    display: block !important;
    margin-bottom: 30px
}

.tk_form_side-by-side .side-by-side-left, .tk_form_side-by-side .side-by-side-right {
    width: calc(50% - 8px);
    display: block
}

.tk_form_side-by-side .side-by-side-left {
    float: left
}

.tk_form_side-by-side .side-by-side-right {
    float: right
}

.tk_form_side-by-side .controls {
    margin-left: 0
}

.tk_form_side-by-side .control-group label {
    margin-bottom: -10px
}

.redx_forms_status_msg {
    display: none
}

.multiuploader.qq-uploader-selector {
    border-radius: 0 !important;
    margin-right: 6px !important;
    border-color: #d4d5d7 !important
}

.multiuploader .button, .multiuploader .qq-upload-button {
    letter-spacing: normal !important;
    border: 1px solid #5f6064 !important;
    color: #5f6064 !important;
    background-color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 3px !important
}

.multiuploader .button:hover, .multiuploader .qq-upload-button:hover {
    border: 1px solid #ff7d00 !important;
    color: #ff7d00 !important;
    background-color: #fff !important
}

.multiuploader ul li:before {
    content: "" !important
}

.multiuploader ul li {
    text-indent: 0 !important
}

.multiuploader .qq-progress-bar {
    background: #ff7d00 none repeat scroll 0 0 !important
}

.multiuploader .qq-upload-status-text {
    color: #ff7d00 !important;
    font-size: 12px !important;
    display: inline-block !important
}

.multiuploader .thumbnailbox img {
    max-width: 30px !important
}

#loginForm .login-error-tr, #loginForm .row-two-fa {
    display: none
}

#loginForm[data-error-type] .login-error-tr {
    display: table-row
}

#loginForm[data-error-type="3"] .login-error-tr {
    display: none
}

#loginForm[data-error-type="3"] .row-two-fa, #loginForm[data-error-type="4"] .row-two-fa {
    display: table-row
}

#loginForm[data-error-type="3"] .row-remember-login, #loginForm[data-error-type="3"] .row-ses-id, #loginForm[data-error-type="3"] .row-ses-pwd, #loginForm[data-error-type="4"] .row-remember-login, #loginForm[data-error-type="4"] .row-ses-id, #loginForm[data-error-type="4"] .row-ses-pwd {
    display: none
}

#loginForm .two-fa-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px
}

#tk-important-sitex-note {
    width: 100%;
    background-color: #f4f4f4;
    padding: 10px 0
}

#tk-important-sitex-note .alert {
    margin: 0
}

.voucher .coupon {
    font-size: 16px
}

.voucher .coupon .failed {
    color: #f91f02
}

.voucher .coupon .success {
    color: #4eff79
}

.tk_popup_box {
    position: relative
}

.tk_popup_box .popup_container {
    position: absolute
}

.tk_popup_box .popup_container .content {
    cursor: default;
    background-color: #fff;
    border: 2px solid #f97b02;
    padding: 8px;
    font-size: 4.8px;
    line-height: 7.8px;
    font-family: Conv_NothingYouCouldDo_II, "Sans-Serif";
    color: #f97b02;
    width: 140px;
    max-height: 150px;
    overflow: hidden
}

.tk_popup_box .popup_container .content h1 {
    font-weight: 700;
    font-family: "Sans-Serif";
    font-size: 4.8px;
    line-height: 7.8px;
    color: #f97b02;
    margin: 0
}

.tk_popup_box .popup_container .increased {
    font-size: 19.2px;
    font-family: Conv_NothingYouCouldDo_II, "Sans-Serif";
    line-height: 31.2px;
    width: 360px;
    max-height: none;
    overflow: auto
}

.tk_popup_box .popup_container .increased h1 {
    color: #f97b02;
    font-size: 19.2px;
    line-height: 31.2px;
    font-weight: 700;
    margin: 0 0 6px
}

.tk_popup_box .popup_container .arrow {
    position: relative;
    top: -2px
}

.tk_popup_box .popup_container .arrow canvas {
    background-color: transparent
}

.tk_popup_box_full_screen_bar {
    height: 34px;
    background-color: #585856
}

.tk-chat-offline, .tk-chat-online {
    display: none
}

img.salesforce-image {
    max-height: 360px
}

#tk-support-phone-area {
    min-height: 50px
}

#tk-support-phone-area .RedxGridColumn > div {
    padding: 0 22px
}

#tk-support-phone-area .tk-sprites-res-pics-icons-smartphone-orange {
    background-image: url(../image/icon-beratung.png);
    background-size: 32px 32px;
    background-position: 50%;
    width: 32px;
    height: 32px
}

#tk-support-phone-area .tk-sprites-res-pics-icons-chat-orange {
    background-image: url(../image/icon-kontakt.png);
    background-size: 42px 32px;
    background-position: 50%;
    width: 42px;
    height: 32px
}

#tk-support-phone-area div.icon {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 2px
}

#tk-support-phone-area div.icon.support {
    content: url(../image/icon-247.png);
    background-image: none;
    background-size: 42px 32px;
    background-position: 50%;
    width: 42px;
    height: 32px;
    margin-top: 6px
}

#tk-support-phone-area div.text {
    float: left
}

#tk-support-phone-area div.text > a, #tk-support-phone-area div.text > span {
    float: left;
    line-height: 20px;
    text-decoration: none
}

#tk-support-phone-area div.text > a:first-child, #tk-support-phone-area div.text > span:first-child {
    display: block;
    float: none
}

#tk-support-phone-area div.text > a.hotline-phone, #tk-support-phone-area div.text > span.hotline-phone {
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 4px
}

#tk-support-phone-area div.text > a.hotline-info, #tk-support-phone-area div.text > span.hotline-info {
    font-size: 11.04px;
    color: var(--tk-text-light-color, #999)
}

#tk-support-phone-area div.text > a.hotline-info a, #tk-support-phone-area div.text > span.hotline-info a {
    text-decoration: none
}

#tk-outlet-product-overview a {
    color: var(--tk-text-color, #323232)
}

#tk-outlet-product-overview a:hover {
    color: var(--tk-primary-color, #ff7d00)
}

#tk-outlet-product-overview div > div {
    margin: 35px 20px
}

.alert.alert-outline-light {
    border-color: var(--tk-text-color, #323232)
}

.alert.alert-outline-light:has(>.tk-content-fontLight) {
    border-color: var(--tk-border-color, #ebebeb)
}

:root {
    --select-field-min-width: 960px;
    --xtx-color-primary: #f97b02;
    --select-option-active-background: #f97b02;
    --select-option-active-color: #fff;
    --select-dropdown-z-index: 1000;
    --list-item-link-hover-color: #f97b02;
    --list-item-padding: 8px 15px;
    --dropdown-header-padding-vertical: 0;
    --dropdown-header-background-color: transparent;
    --list-item-dividing-border: 1px solid #ebebeb;
    --list-item-link-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2)
}

.topseller-item {
    text-align: center
}

.topseller-item .topseller-item-title {
    margin-bottom: 25px
}

.topseller-item .topseller-item-price {
    color: #f97b02;
    font-size: 18.272px;
    margin-bottom: 8px
}

div.redx_password_recovery {
    padding: 10px
}

div.redx_password_recovery form {
    margin: 0
}

div.redx_password_recovery form #form_email {
    margin-top: 10px;
    margin-bottom: 3px
}

div.redx_password_recovery form input[type=password] {
    float: none;
    width: 288px;
    margin: 10px 0
}

div.redx_password_recovery form input.button {
    margin-top: 2px
}

div.redx_password_recovery form #redx_passwordrecovery_password_strength {
    display: block;
    width: 300px
}

div.redx_password_recovery form .strength_bar, div.redx_password_recovery form .strength_text {
    float: none
}

div.redx_password_recovery form .strength_bar {
    margin-bottom: -10px
}

div.redx_password_recovery .form_input_email .xtxInput {
    float: left
}

div.redx_password_recovery .form_input_email span.required {
    float: left;
    display: inline-block;
    margin: 10px
}

.cookiePolicy {
    width: 100%;
    background: hsla(0, 0%, 93.3%, .9);
    position: fixed;
    top: auto;
    bottom: 0;
    padding: 10px;
    z-index: 99999999
}

.cookiePolicy .content {
    flex-wrap: nowrap;
    padding: 10px 15px;
    margin: 0 auto;
    max-width: 1200px
}

.cookiePolicy .content p {
    margin: 0
}

.cookiePolicy .content .text {
    flex: 1 1 auto
}

.cookiePolicy .accept {
    float: right;
    flex: 1 1 auto;
    align-self: flex-end;
    vertical-align: bottom;
    margin-top: 1px;
    margin-bottom: 10px;
    margin-right: 20px
}

.cookiePolicy .accept .button {
    background-color: #fff;
    padding: 11px 19px;
    text-transform: uppercase !important;
    text-shadow: none;
    font-weight: 700;
    letter-spacing: 3px;
    box-shadow: none;
    font-size: 14.768px;
    line-height: 26px;
    border-radius: 3px;
    border: 2px solid #f97b02;
    color: #f97b02
}

.cookiePolicy .accept .button:visited {
    color: #f97b02
}

.cookiePolicy .accept .button:hover {
    border: 2px solid #f97b02;
    background-color: #f97b02;
    color: #fff
}

.cookiePolicy .accept .button:active {
    box-shadow: none
}

.cookiePolicyDetailInfoPage .description {
    margin-bottom: 20px
}

.cookiePolicyDetailInfoPage input[type=radio] {
    display: inline;
    margin: -2px 6px 0 0
}

.cookiePolicyDetailInfoPage input[type=submit] {
    margin-top: 4px;
    background-color: #fff;
    padding: 11px 19px;
    text-transform: uppercase !important;
    text-shadow: none;
    font-weight: 700;
    letter-spacing: 3px;
    box-shadow: none;
    font-size: 14.768px;
    line-height: 26px;
    border-radius: 3px;
    border: 2px solid #f97b02;
    color: #f97b02
}

.cookiePolicyDetailInfoPage input[type=submit]:visited {
    color: #f97b02
}

.cookiePolicyDetailInfoPage input[type=submit]:hover {
    border: 2px solid #f97b02;
    background-color: #f97b02;
    color: #fff
}

.cookiePolicyDetailInfoPage input[type=submit]:active {
    box-shadow: none
}

.cookiePolicyDetailInfoPage form label {
    display: inline;
    font-size: 16px
}

#content-area .content-presentation-accordion .accordion-header a, #content-area .content-presentation-tabs li a {
    color: var(--tk-header-light-color, #555);
    text-decoration: none;
    cursor: pointer
}

.intelligentsearch_diff {
    font-weight: 700;
    color: red !important
}

#tk-intelligent-search-container-mobile {
    height: 64px;
    background-color: var(--tk-text-color, #323232);
    padding-top: 4px;
    padding-left: 20px;
    padding-right: 20px
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) ul {
    margin: 0;
    padding: 0
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) ul li {
    list-style-type: none;
    text-indent: 0
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) ul li:before {
    content: "";
    margin-right: 0
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .inputField {
    box-sizing: border-box;
    height: 42px;
    margin: 0;
    padding: 15px 20px 14px 45px;
    font-size: 16px;
    border-radius: 5px;
    background-image: url(../image/search_inactive.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 8px 4px;
    transition: background-color .4s linear
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .inputField::-webkit-search-cancel-button, :is(.xtx-search-container-suggestions,.xtx-search-container-results) .inputField::-webkit-search-decoration, :is(.xtx-search-container-suggestions,.xtx-search-container-results) .inputField::-webkit-search-results-button, :is(.xtx-search-container-suggestions,.xtx-search-container-results) .inputField::-webkit-search-results-decoration {
    -webkit-appearance: none
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .inputField:focus {
    background-image: url(../image/search_active.svg)
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton {
    text-transform: uppercase !important;
    text-shadow: none;
    font-weight: 700;
    letter-spacing: 3px;
    box-shadow: none;
    color: #323232;
    border-radius: 3px;
    border: 2px solid #f97b02;
    color: #f97b02;
    background-color: #fff;
    position: absolute;
    font-size: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: url(../image/header_search_button_retina.png);
    background-position: 0 0;
    background-size: 40px 38px;
    height: 42px;
    width: 44px;
    background-repeat: no-repeat;
    display: inline-block
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:visited {
    color: #323232
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:hover {
    border: 2px solid #323232;
    background-color: #fff;
    background-image: none
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:visited {
    color: #f97b02
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:hover {
    border: 2px solid #f97b02;
    background-color: #f97b02;
    color: #fff
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:active {
    box-shadow: none
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:hover {
    background-image: url(../image/header_search_button_hover_retina.png)
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results) .tk-badge-product-gray-with-border {
    padding-top: 6px
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-message, :is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response {
    position: relative;
    background-color: #fff;
    border: 1px solid var(--tk-border-color, #ebebeb);
    border-radius: 0 0 5px 5px;
    z-index: 1000;
    margin-top: -3px
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response .xtx-search-autocomplete {
    padding: 5px 0
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response .xtx-search-autocomplete:not(:last-child) {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response .xtx-search-autocomplete .xtx-search-hit {
    padding: 5px 17px;
    font-size: 14px;
    cursor: default;
    text-decoration: underline;
    color: #323232;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response .xtx-search-autocomplete .xtx-search-hit.xtx-search-selected {
    color: #f97b02;
    text-decoration: none
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response .xtx-search-autocomplete .xtx-search-hit [data-xtxsearch-historical-search-input] {
    margin-left: 5px
}

:is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-hit-historical-as-autocomplete span:nth-child(2) {
    display: inline-block
}

.xtx-search-container-suggestions {
    position: relative;
    margin: 0
}

.xtx-search-container-suggestions .inputField {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    min-height: 40px;
    line-height: 40px !important;
    border: 1px solid var(--tk-form-border-color, #ccc)
}

.xtx-search-container-suggestions .inputField::-moz-placeholder {
    line-height: 40px !important;
    color: var(--tk-text-light-color, #999)
}

.xtx-search-container-suggestions .inputField::placeholder {
    line-height: 40px !important;
    color: var(--tk-text-light-color, #999)
}

.xtx-search-container-suggestions .submitButton {
    display: none;
    top: 0;
    left: 96%
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper {
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper .xtx-search-hits {
    display: block;
    width: 100%;
    border-left: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper .xtx-search-hits:first-child {
    border-left: none
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper .xtx-search-hits:last-child {
    border-right: none
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-spacer {
    display: table-cell;
    width: 1.5%
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits {
    width: 100%;
    border-right: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits :is(h3,.h3) {
    margin: 0;
    padding: 6px 17px 15px;
    font-weight: 700;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits :is(h3,.h3) a:active, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits :is(h3,.h3) a:hover, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits :is(h3,.h3) a:link, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits :is(h3,.h3) a:visited {
    color: #f97b02
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit {
    padding: 0
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit.xtx-search-selected, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit.xtx-search-selected a:hover {
    color: #f97b02
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:active, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:link, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:visited {
    color: #323232
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 8px 17px;
    text-decoration: none
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .download-link {
    color: #323232;
    font-weight: 700;
    white-space: nowrap
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .download-link img {
    margin-right: 8px
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-badge {
    font-size: 12px;
    background-color: #f97b02;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    font-weight: 700;
    font-style: normal;
    width: auto;
    min-width: 12px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    position: absolute;
    margin-left: 5px;
    padding-left: 6px;
    padding-right: 6px
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-content, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-download {
    border-left: none !important
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits {
    color: #323232 !important
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 {
    position: relative;
    margin-top: 10px !important;
    border-bottom: none !important
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 a {
    color: #323232 !important;
    font-size: 16px
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 a:not(.xtx-search-hits-all-link) {
    text-decoration: none
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 a:focus, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 a:hover {
    color: #f97b02
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-selected .xtx-search-hit-content, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-selected .xtx-search-hit-title, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-selected .xtx-search-hit-title-content {
    color: #f97b02 !important
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hits-all-link {
    float: right;
    font-weight: 400
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-title {
    font-weight: 700;
    display: block
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-content {
    font-size: 14px;
    letter-spacing: .02em
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .download-link {
    font-size: 14px
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits.xtx-search-hit-products {
    font-size: 14px;
    border-bottom: none
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits.xtx-search-hit-products .h3 {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb) !important
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits.xtx-search-hit-products ul {
    display: grid;
    width: 100%;
    font-size: 14px;
    border-bottom: none;
    grid-template-columns:50% 50%;
    grid-template-rows:33.3333333333% 33.3333333333% 33.3333333333%;
    grid-auto-flow: column
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits.xtx-search-hit-products ul.xtx-search-hit-products-ul-1 {
    grid-template-rows:100%;
    grid-template-columns:100%
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits.xtx-search-hit-products ul.xtx-search-hit-products-ul-2 {
    grid-template-rows:100%
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits.xtx-search-hit-products ul.xtx-search-hit-products-ul-3, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits.xtx-search-hit-products ul.xtx-search-hit-products-ul-4 {
    grid-template-rows:50% 50%
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product {
    font-size: 14px;
    color: #323232;
    display: inline-block;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    border-right: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product.xtx-search-hit-product-li-3, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product.xtx-search-hit-product-li-4, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product.xtx-search-hit-product-li-5 {
    border-right: none
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product a {
    text-decoration: none
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product .xtx-search-hit-title {
    color: #f97b02 !important;
    margin-bottom: 5px;
    display: block
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product .xtx-search-hit-product-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-top: 10px;
    padding-bottom: 10px
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product .xtx-search-hit-product-container .xtx-search-hit-link-redirect-hit-url {
    display: table
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product .xtx-search-hit-product-container .xtx-search-hit-product-image {
    display: table-cell;
    vertical-align: top;
    width: 90px
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product .xtx-search-hit-product-container .xtx-search-hit-product-descr {
    display: table-cell;
    vertical-align: top
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product .xtx-search-hit-product-container .xtx-search-hit-product-actions {
    display: table-cell;
    vertical-align: bottom;
    max-width: 50px;
    text-align: right
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-product .xtx-search-hit-product-container .xtx-search-hit-product-actions img {
    max-width: 40px;
    padding-left: 10px
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-download .xtx-search-hit-download-content-link {
    float: left;
    max-width: 60%
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-download .xtx-search-hit-download-link {
    color: #323232 !important;
    float: right;
    white-space: nowrap;
    text-align: right
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-download-link, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit-title-content {
    font-size: 14px
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hit-product:only-of-type {
    display: block !important;
    width: 100% !important;
    border-right: none !important
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-more {
    height: 70px !important;
    padding-top: 3px;
    font-weight: 700;
    text-align: center
}

.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-more .btn {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.xtx-search-container-suggestions .xtx-search-message .h3, .xtx-search-container-suggestions .xtx-search-message h3 {
    margin: 0;
    padding: 6px 17px;
    font-weight: 700;
    color: #f97b02;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-suggestions .xtx-search-message p {
    padding: 14px 14px 14px 17px;
    font-size: 14px;
    line-height: 28px
}

.xtx-search-container-suggestions .xtx-search-message p a, .xtx-search-container-suggestions .xtx-search-message p a:active, .xtx-search-container-suggestions .xtx-search-message p a:hover, .xtx-search-container-suggestions .xtx-search-message p a:link, .xtx-search-container-suggestions .xtx-search-message p a:visited {
    color: #f97b02;
    font-weight: 700
}

.xtx-search-container-results {
    margin-bottom: 30px
}

.xtx-search-container-results .xtx-search-nav-tabs {
    margin-bottom: 0
}

.xtx-search-container-results .xtx-search-nav-tabs a {
    color: var(--tk-header-light-color, #555)
}

.xtx-search-container-results .xtx-search-response {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit {
    border-top: 1px solid var(--tk-border-color, #ebebeb);
    border-bottom: none
}

.xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit:first-child {
    border-top: none
}

.xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit.xtx-search-selected, .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit.xtx-search-selected a:hover {
    color: #f97b02
}

.xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px
}

.xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit a.download-left {
    margin-right: -100px;
    padding-right: 100px
}

.xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit a.download-right {
    width: 100px;
    margin-top: 50px;
    padding: 0 17px 0 0
}

.xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a {
    text-decoration: none
}

.xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:active, .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:visited {
    color: #323232
}

.xtx-search-container-results .xtx-search-response .title {
    margin-bottom: 7px;
    font-weight: 700
}

.xtx-search-container-results .xtx-search-response .content {
    padding-left: 0 !important
}

.xtx-search-container-results .xtx-search-response .col-half {
    width: 49%;
    margin-top: 5px
}

.xtx-search-container-results .xtx-search-response .col-half.right {
    text-align: right
}

.xtx-search-container-results .xtx-search-response .product .col-left {
    box-sizing: border-box;
    width: 100%;
    margin-right: -240px;
    padding-right: 240px
}

.xtx-search-container-results .xtx-search-response .product .col-right {
    width: 240px
}

.xtx-search-container-results .xtx-search-response .product .cart-button {
    margin-left: 5px;
    line-height: 25px
}

.xtx-search-container-results .xtx-search-response .product .image {
    margin-right: 10px
}

.xtx-search-container-results .xtx-search-response .download .property-col {
    width: 33%
}

.xtx-search-container-results .xtx-search-response .download .property-col-double {
    width: 66%
}

.xtx-search-container-results .xtx-search-response .download .download-link {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap
}

.xtx-search-container-results .xtx-search-response .download .download-link img {
    margin-right: 8px
}

.xtx-search-container-results .xtx-search-response .post .col-table {
    display: table;
    width: 100%
}

.xtx-search-container-results .xtx-search-response .post .col-left-wideimage {
    display: table-cell;
    width: 260px;
    background-size: 220px auto;
    background-repeat: no-repeat;
    background-position: 0
}

.xtx-search-container-results .xtx-search-response .post .col-right-wideimage {
    display: table-cell
}

.xtx-search-container-results .xtx-search-response .xtx-search-pagination {
    padding-top: 12px;
    padding-bottom: 8px;
    text-align: center;
    border-left: 1px solid var(--tk-border-color, #ebebeb);
    border-right: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page {
    display: inline;
    padding: 0 5px;
    line-height: 21px;
    border-left: 1px solid var(--tk-border-color, #ebebeb)
}

.xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page:first-child {
    border-left: none
}

.xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a, .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a:active, .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a:hover, .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a:link, .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a:visited {
    color: #323232
}

.xtx-search-container-results .xtx-search-message {
    padding: 20px
}

.tk-search-bg-active {
    z-index: 1001;
    position: absolute;
    right: 50%;
    display: block;
    width: 101vw;
    top: -1vw;
    height: 101vh;
    transform: translateX(50%);
    background: rgba(0, 0, 0, .4);
    opacity: 1
}

.tk-search-bg-active-mobile {
    width: 100%;
    top: 134px;
    z-index: 999
}

.xtx-search-container-results .submitButton + div, .xtx-search-container-suggestions .submitButton + div {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

:root {
    --modal-transition: none;
    --modal-header-padding: 10px 50px 10px 20px;
    --modal-header-color: #323232;
    --modal-header-background-color: #fff;
    --modal-header-font-weight: normal;
    --modal-header-border-bottom: 1px solid #ebebeb;
    --modal-header-icon-hover-color: #323232;
    --modal-header-icon-focus-color: #323232;
    --modal-header-close-resize-margin-top: 2px;
    --modal-border-width: 0;
    --modal-border-radius: 5px;
    --loading-spinner-color: #323232;
    --modal-header-title-font-size: 16px;
    --modal-header-maximize-margin-top: 2px;
    --modal-background-color: #fff
}

.RedxThemetk_modal_gradient_white_orange {
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    width: 600px
}

[data-frame=only_content] .RedxThemetk-my-account-detail-back-button {
    display: none
}

:root {
    --video-playbutton-content: none;
    --video-playbutton-border-content: none;
    --video-playbutton-backgroundcolor: #fff;
    --video-playbutton-radius: 25px;
    --video-playbutton-height: auto;
    --video-playbutton-width: auto
}

span[slot=playButton] {
    color: #000;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    flex-wrap: nowrap;
    align-items: center;
    display: inline-block;
    white-space: nowrap;
    border-radius: 25px;
    padding: 15px 25px;
    text-transform: uppercase;
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .6px;
    word-spacing: 5px
}

span[slot=playButton] > span.videoPlayIcon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-bottom;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid #000;
    border-radius: 2px
}

.tk-energy-cost-calculator {
    width: 100%
}

.tk-energy-cost-calculator-header {
    height: 120px
}

.tk-energy-cost-calculator-title {
    margin-top: 62px
}

.tk-energy-cost-calculator-data {
    margin-bottom: 20px
}

.tk-energy-cost-calculator-tip {
    float: left;
    margin-left: 10px;
    cursor: help
}

.tk-energy-cost-calculator-data .tk-energy-cost-calculator-tip, .tk-energy-cost-calculator-label {
    margin-top: 8px
}

.tk-energy-cost-calculator-data input[type=text] {
    width: 160px;
    text-align: right
}

.tk-energy-cost-calculator-left {
    float: left
}

.tk-energy-cost-calculator-clear {
    clear: both
}

.tk-energy-cost-calculator-right {
    float: right;
    margin-bottom: 10px
}

.tk-energy-cost-calculator-result {
    margin-top: 4px
}

.tk-energy-cost-calculator-result input[type=text] {
    text-align: right;
    width: 100px;
    border: 1px solid #ff7d00
}

.tk-energy-cost-calculator-result-label {
    margin-top: 10px
}

.tk-energy-cost-calculator-reuse {
    margin-top: 20px
}

.tk-energy-cost-calculator-reuse .tk-energy-cost-calculator-tip {
    margin-top: 6px
}

.tk-energy-cost-calculator-reuse-icon {
    float: left;
    cursor: pointer
}

.tk-energy-cost-calculator-reuse-label {
    float: left;
    cursor: pointer;
    margin-top: 7px;
    padding-left: 10px
}

.tk-energy-cost-calculator-reuse-code {
    padding: 10px
}

.tk-energy-cost-calculator-reuse-code-textarea {
    width: 400px;
    cursor: copy !important;
    background-color: #fff !important
}

.tk-energy-cost-calculator-tabs ul.nav-tabs {
    display: inline-block;
    border: none;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    width: 100%;
    margin: 0 0 10px
}

.tk-energy-cost-calculator-tabs ul.nav-tabs > li {
    background-color: transparent
}

.tk-energy-cost-calculator-tabs ul.nav-tabs > li.disabled {
    pointer-events: none;
    display: none
}

.tk-energy-cost-calculator-tabs ul.nav-tabs > li.active > a {
    color: #000;
    border: 1px solid var(--tk-border-color, #ebebeb);
    border-bottom: 1px solid #f4f4f4
}

.tk-energy-cost-calculator-tabs ul.nav-tabs > li > a {
    color: #323232;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    border: 1px solid var(--tk-border-color, #ebebeb);
    background-color: #fff
}

.tk-energy-cost-calculator-tabs .tab-content {
    border: none
}

div.chosen-container-active.chosen-with-drop .chosen-single, div.chosen-container-single .chosen-single {
    height: 30px;
    line-height: 30px;
    color: #323232;
    background-color: #fff;
    background-image: none;
    border: 1px solid var(--tk-border-color, #ebebeb)
}

div.chosen-container-active.chosen-with-drop .chosen-single div, div.chosen-container-single .chosen-single div {
    width: 22px
}

div.chosen-container-active.chosen-with-drop .chosen-single div b, div.chosen-container-single .chosen-single div b {
    background: url(../image/select_arrow_down.png) no-repeat 0 11px
}

div.chosen-container-active.chosen-with-drop .chosen-search input[type=text], div.chosen-container-single .chosen-search input[type=text] {
    font-family: FSMeWeb, Arial, Helvetica, Geneva, Swiss;
    font-size: 16px;
    color: #323232
}

div.chosen-container-active .chosen-single {
    box-shadow: none
}

div.chosen-container {
    font-family: FSMeWeb, Arial, Helvetica, Geneva, Swiss;
    font-size: 16px;
    color: #323232
}

div.chosen-container .chosen-drop {
    border-style: solid;
    border: 1px solid var(--tk-border-color, #ebebeb);
    border-top-style: none
}

div.chosen-container .chosen-results li {
    color: #323232;
    text-indent: 0
}

div.chosen-container .chosen-results li.highlighted {
    background-color: #f4f4f4;
    background-image: none;
    color: #323232
}

div.chosen-container .chosen-results li:before {
    content: "";
    margin-right: 0
}

.ui-datepicker {
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    display: none;
    margin-top: 4px;
    padding: 0;
    width: 210px
}

.ui-datepicker a, .ui-datepicker a:hover {
    text-decoration: none
}

.ui-datepicker a:hover, .ui-datepicker td:hover a {
    transition: color .1s ease-in-out
}

.ui-datepicker .ui-datepicker-header {
    text-align: center;
    padding: 3px 0;
    background-color: #f4f4f4
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    font-size: 14px
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    cursor: default;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    background-image: url(../image/glyphicons-halflings.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 2px;
    vertical-align: text-top;
    width: 14px
}

.ui-datepicker .ui-datepicker-prev {
    background-position: -432px -72px;
    margin-left: 10px;
    margin-right: -24px;
    float: left;
    text-align: left
}

.ui-datepicker .ui-datepicker-next {
    background-position: -456px -72px;
    margin-right: 10px;
    margin-left: -24px;
    float: right;
    text-align: right
}

.ui-datepicker .ui-icon {
    display: none
}

.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%
}

.ui-datepicker .ui-datepicker-calendar td, .ui-datepicker .ui-datepicker-calendar th {
    text-align: center;
    padding: 2px 0
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
    padding: 5px !important;
    text-align: center !important
}

.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none
}

.ui-datepicker .ui-datepicker-current-day a {
    color: #fff
}

.ui-datepicker .ui-datepicker-unselectable {
    color: #d1d0d0
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default
}

.ui-datepicker .ui-datepicker-selectable:not(.ui-datepicker-unselectable) .ui-state-default {
    color: #323232
}

.ui-datepicker .ui-state-active {
    color: #f97b02 !important
}

.ui-datepicker table {
    border-collapse: collapse;
    border-style: hidden
}

.ui-datepicker table thead {
    display: none
}

.ui-datepicker table td, .ui-datepicker table th {
    border: 1px solid #f4f4f4;
    padding: 0
}

.ui-datepicker .tk-holiday, .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-end:first-child span {
    color: #dfabaa
}

#Newsabo_change_data {
    margin-top: 20px
}

#Newsabo_change_data .form_label {
    font-size: 16px
}

#Newsabo_change_data .form_label.required {
    color: #323232;
    font-weight: 400
}

#Newsabo_change_data .form_label.required p:after {
    content: " *";
    color: #f91f02
}

#Newsabo_change_data select {
    margin-bottom: 10px
}

#Newsabo_change_data input + span.required {
    display: none
}

#Newsabo_change_data input[type=checkbox] {
    margin: 10px
}

#Newsabo_change_data .submit_button {
    margin-top: 20px
}

#Newsabo_change_data tr:nth-last-child(4) td {
    line-height: 33px
}

#Newsabo_change_data tr:nth-last-child(4) td:first-child {
    display: none
}

#Newsabo_change_data tr:nth-last-child(4) td:last-child {
    max-width: 0;
    white-space: nowrap
}

.changeDataThanks + a {
    display: block;
    margin-bottom: 20px
}

#redx_newsabo_unsubscribe input[type=submit] {
    text-transform: uppercase !important;
    text-shadow: none;
    font-weight: 700;
    letter-spacing: 3px;
    box-shadow: none;
    color: #323232;
    border-radius: 3px;
    border: 2px solid #f97b02;
    color: #f97b02;
    margin-top: 10px;
    padding: 11px 19px;
    background-color: #fff
}

#redx_newsabo_unsubscribe input[type=submit]:visited {
    color: #323232
}

#redx_newsabo_unsubscribe input[type=submit]:hover {
    border: 2px solid #323232;
    background-color: #fff;
    background-image: none
}

#redx_newsabo_unsubscribe input[type=submit]:visited {
    color: #f97b02
}

#redx_newsabo_unsubscribe input[type=submit]:hover {
    border: 2px solid #f97b02;
    background-color: #f97b02;
    color: #fff
}

#redx_newsabo_unsubscribe input[type=submit]:active {
    box-shadow: none
}

xtx-zoom-container.highlightWrapper {
    display: inline-block
}

xtx-zoom-container.highlightWrapper.zoom-in:not(.moveable), xtx-zoom-container.highlightWrapper:not(.zoom-in):not(.zoom-out) {
    overflow: visible
}

xtx-zoom-container.highlightWrapper > a {
    text-decoration: none
}

xtx-zoom-container.highlightWrapper xtx-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    --badge-size: 32px;
    --badge-font-size: 16px;
    font-weight: 400;
    --badge-background-color: #fe7f0a;
    --badge-color: #fff;
    --badge-multi-signs-padding-left: 0;
    --badge-multi-signs-padding-right: 0
}

xtx-zoom-container.highlightWrapper .badgeBorder {
    cursor: pointer;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background-color: rgba(254, 127, 10, .41);
    padding: 32px;
    border-radius: 100%
}

xtx-zoom-container.highlightWrapper .badgeBorder xtx-badge .icon {
    display: flex;
    align-items: center
}

xtx-zoom-container.highlightWrapper .badgeBorder .redx-icon {
    transition: all .3s ease 0s
}

xtx-zoom-container.highlightWrapper .badgeBorder.tooltip-open, xtx-zoom-container.highlightWrapper .badgeBorder:hover {
    padding: 16px
}

xtx-zoom-container.highlightWrapper .badgeBorder.tooltip-open xtx-badge, xtx-zoom-container.highlightWrapper .badgeBorder:hover xtx-badge {
    --badge-font-size: 16px;
    --badge-size: 48px
}

xtx-zoom-container.highlightWrapper .badgeBorder.tooltip-open .redx-icon, xtx-zoom-container.highlightWrapper .badgeBorder:hover .redx-icon {
    font-size: 32px
}

xtx-tooltip.highlightTooltip {
    z-index: 2;
    text-align: left;
    --tooltip-max-width: 300px;
    --tooltip-min-width: max-content;
    --tooltip-max-height: 55vh;
    --tooltip-background-color: #fff;
    --tooltip-padding: 10px 15px 15px
}

xtx-tooltip.highlightTooltip .highlightTitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

xtx-tooltip.highlightTooltip .closeTooltip {
    float: right;
    cursor: pointer
}

[data-sticky].placeholder {
    display: none;
    visibility: hidden
}

[data-sticky].placeholder.visible {
    display: block
}

[data-sticky].sticky {
    top: 0;
    right: 0;
    right: var(--scrollbar-offset-right, 0);
    left: 0;
    position: fixed
}

[data-sticky].sticky.hidden {
    visibility: hidden
}

[data-offcanvas] {
    top: 0;
    z-index: 50;
    height: 100%;
    display: flex;
    position: fixed;
    overflow: hidden;
    flex-direction: column;
    width: px2Rem(400px);
    background: #fff;
    max-width: px2Rem(90%)
}

[data-offcanvas][data-position=left] {
    left: 0;
    transform: translateX(-100%)
}

[data-offcanvas][data-position=right] {
    right: 0;
    transform: translateX(100%)
}

[data-offcanvas] [data-offcanvas-header] {
    flex: 0 0 auto;
    padding: px2Rem(20px 30px)
}

[data-offcanvas] [data-offcanvas-content] {
    flex: 1 1 auto;
    overflow: auto;
    position: relative;
    overflow-scrolling: touch;
    padding: px2Rem(20px 30px)
}

[data-offcanvas] [data-offcanvas-footer] {
    flex: 0 0 auto;
    padding: px2Rem(20px 30px)
}

.xtxNavigationOffCanvasOverlay {
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    position: fixed;
    z-index: 49;
    background: rgba(0, 0, 0, .7)
}

#xtxNavigationOffCookiePolicy {
    display: none;
    width: 100%;
    background-color: transparent
}

#xtxNavigationOffCookiePolicy [data-offcanvas-content] {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie {
    width: px2Rem(500px);
    padding: 20px;
    background-color: transparent
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-visible {
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    top: -1000px !important
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings {
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: visibility 0s, opacity .5s linear
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview {
    transition: visibility 0s, opacity .5s linear
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-categories {
    padding: px2Rem(10px) px2Rem(0) px2Rem(15px)
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-buttons a {
    margin-bottom: px2Rem(10px)
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-links {
    margin-top: 15px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-link-back-hidden {
    display: none
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-buttons {
    margin-top: 15px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category {
    margin-bottom: 4px;
    padding: 10px 5px 10px 10px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-description, #xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-description-collapse, #xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-description-expand {
    display: none
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-description-visible {
    display: inline-block
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-description-hidden {
    display: none
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category:not(:last-child) {
    border-bottom: 1px solid #323232
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-settings-tab {
    transition: visibility 0s, opacity .5s linear
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -1000px;
    transition: visibility 0s, opacity .5s linear
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description {
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 15px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description ul li {
    overflow: hidden;
    position: relative;
    padding: 0 10px 2px 30px;
    height: 40px;
    text-indent: 0
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description ul li:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 20px;
    height: 999px;
    border-color: grey;
    border-style: solid;
    border-width: 1px 0 0 1px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description ul li:last-child:before {
    border-width: 1px 0 0
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description ul li.xtx-privacy-cookie-history-status-accepted:after {
    background-color: green;
    border-color: green
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description ul li.xtx-privacy-cookie-history-status-declined:after {
    background-color: red;
    border-color: red
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row {
    clear: both;
    width: 100%
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row:last-child {
    height: 20px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col {
    float: left
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-status {
    width: 30px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-status div {
    width: 15px;
    height: 15px;
    border-radius: 50%
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-status div.xtx-privacy-cookie-history-description-col-status-accepted {
    background-color: green
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-status div.xtx-privacy-cookie-history-description-col-status-declined {
    background-color: red
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-title {
    width: 135px;
    margin-top: -2px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-date {
    width: 140px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-checked {
    float: right;
    width: 40px;
    text-align: right;
    margin-right: 10%
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-buttons {
    padding-top: 10px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-button-clear-hidden, #xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-confirmation-clear, #xtxNavigationOffCookiePolicy .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-empty, #xtxNavigationOffCookiePolicy .xtx-privacy-cookie-overview-close {
    display: none
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-overview-close-visible {
    display: block;
    float: right
}

xtx-tooltip {
    --tooltip-padding: 20px;
    --tooltip-font: 14px/1.5 FSMeWeb
}

xtx-tooltip xtx-list-item a {
    display: block;
    -webkit-text-decoration: var(--list-item-link-text-decoration, none);
    text-decoration: var(--list-item-link-text-decoration, none);
    color: var(--list-item-link-color, inherit);
    box-shadow: var(--list-item-link-box-shadow, none);
    border-radius: var(--list-item-link-border-radius, 0);
    transition: var(--list-item-link-transition, none)
}

xtx-tooltip xtx-list-item a:hover {
    color: var(--list-item-link-hover-color, var(--xtx-color-primary));
    box-shadow: var(--list-item-link-hover-box-shadow, var(--list-item-link-box-shadow, none));
    border-radius: var(--list-item-link-hover-border-radius, var(--list-item-link-border-radius, 0));
    outline: var(--list-item-link-hover-outline, initial)
}

xtx-tooltip xtx-list-item a:focus {
    color: var(--list-item-link-focus-color, var(--list-item-link-hover-color, var(--xtx-color-primary)));
    box-shadow: var(--list-item-link-focus-box-shadow, var(--list-item-link-hover-box-shadow, var(--list-item-link-box-shadow, none)));
    border-radius: var(--list-item-link-focus-border-radius, var(--list-item-link-hover-border-radius, var(--list-item-link-border-radius, 0)));
    outline: var(--list-item-link-focus-outline, var(--list-item-link-hover-outline, initial))
}

xtx-tooltip .tk-tooltip-explanation {
    background-image: url(/res/pics/configurator/important_orange.png);
    background-position: 15px;
    background-repeat: no-repeat;
    padding: 20px 20px 20px 40px;
    color: var(--xtx-color-primary)
}

xtx-tooltip[data-xtx-tooltip-action-click="0"] xtx-list-item {
    border: none
}

:root {
    --xtx-color-primary: var(--tk-primary-color, #ff7d00) !important;
    --color-picker-color: #323232;
    --color-picker-background: #f4f4f4;
    --color-picker-chooser-button-background-active: #f97b02;
    --color-picker-button-border-radius: 0.3125rem;
    --color-picker-transform: translateY(0);
    --color-picker-button-width: 48px;
    --color-picker-button-height: 48px;
    --color-picker-input-width: 252px;
    --color-picker-input-border: 0.0625rem solid #ccc;
    --color-picker-input-border-radius: 0.3125rem;
    --color-picker-input-transition: border linear 0.2s, box-shadow linear 0.2s;
    --color-picker-input-padding: 0.9375rem 1.25rem 0.875rem 1.25rem;
    --color-picker-input-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2);
    --color-picker-input-focus-border-color: #ccc;
    --select-input-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2);
    --select-input-focus-outline: none;
    --select-input-focus-border-color: #ccc;
    --xtx-color-tk-badge: var(--tk-primary-color, #ff7d00);
    --xtx-color-tk-badge-contrast: #fff;
    --loading-spinner-size: 40px
}

.redx_loading {
    z-index: 999
}

#footer-area {
    --csscompletelyapplied: 1
}

@media (min--moz-device-pixel-ratio: 0) and (min-width: 0px) {
    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits.xtx-search-hit-products ul {
        grid-template-columns:calc(50% - 1px) calc(50% + 1px)
    }
}

@media (min-width: 640px) {
    #list_server .lv_block .content.alert.alert-white.product-content, .list_server .lv_block .content.alert.alert-white.product-content {
        padding-right: 15px
    }
}

@media (min-width: 960px) {
    .tk-banner-content-area .show-desktop {
        display: initial
    }

    .tk-banner-content-area .show-mobile {
        display: none
    }

    .tk-banner-full-size-container .show-desktop {
        display: initial
    }

    .tk-banner-full-size-container .show-mobile {
        display: none
    }

    #shopping-cart-finish .cart-box-row {
        grid-template-columns:repeat(2, 1fr)
    }

    #shopping-cart-finish .cart-box-row + .cart-box-row {
        margin-top: 0
    }

    #shopping-cart-finish .cart-box-row .cart-box-container {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .popup_body #title-compatibility-report, .popup_body #title-compatibility-report ~ :not(table):not(:has(table)) {
        padding: 0 25px
    }

    .popup_body table.compatibility_report tr :is(td,th):first-child {
        padding-left: 25px
    }

    .popup_body table.compatibility_report tr :is(td,th):last-child {
        padding-right: 25px
    }
}

@media (max-width: 1199px) {
    .tk-full-size-slider-container {
        margin-left: -25px;
        height: 600px !important
    }

    .tk-full-size-slider-container .swiper-button-prev {
        left: 35px
    }

    .tk-banner-full-size-container {
        height: 600px !important
    }

    .xtx-search-hit-product, .xtx-search-hit-products ul {
        display: block !important
    }

    .xtx-search-hit-product {
        width: 100% !important;
        border-right: none !important
    }

    :is(.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-content,.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-download) {
        border-bottom: 1px solid var(--tk-border-color, #ebebeb) !important
    }

    .xtx-search-hit-product:last-child, :is(.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-content,.xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-download):last-child {
        border-bottom: none !important
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-more .btn {
        width: 90%
    }
}

@media (max-width: 960px) {
    body[data-is-myaccount] #content-area {
        background-color: #f4f4f4
    }
}

@media (max-width: 959px) {
    .tk-banner-content-area .show-desktop {
        display: none
    }

    .tk-banner-content-area .show-mobile {
        display: initial
    }

    .tk-banner-content-area .tk-banner-content-area-subheadline {
        max-width: 90%
    }

    .RedxGridColumn.Large4 .tk-banner-content-area-headline {
        font-size: 20px;
        line-height: 26px
    }

    .RedxGridColumn.Large4 .tk-banner-content-area-subheadline {
        font-size: 14px;
        line-height: 23px
    }

    .tk-full-size-slider-container {
        height: 450px !important
    }

    .tk-full-size-slider-container .tk-banner-full-size-countdown {
        max-width: 500px
    }

    .tk-full-size-slider-container .tk-banner-full-size-headline {
        font-size: 18px;
        max-width: 500px
    }

    .tk-full-size-slider-container .tk-banner-full-size-subheadline {
        font-size: 30px;
        line-height: 32px;
        max-width: 500px
    }

    .tk-full-size-slider-container :is(.tk-banner-full-size-container-center,.tk-banner-full-size-container-right) :is(.tk-banner-full-size-headline,.tk-banner-full-size-countdown,.tk-banner-full-size-subheadline) > span {
        max-width: 500px
    }

    .tk-banner-full-size-container {
        height: 450px !important
    }

    .tk-banner-full-size-container .show-desktop {
        display: none
    }

    .tk-banner-full-size-container .show-mobile {
        display: initial
    }

    .tk-sitex-teaser-container {
        display: block;
        padding-top: 0;
        padding-bottom: 50px
    }

    .tk-sitex-teaser-container h1 {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 32px
    }

    .tk-sitex-teaser-container .h1 {
        font-size: 26px;
        margin-bottom: 20px
    }

    .tk-sitex-teaser-container h2, .tk-sitex-teaser-container h3 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .tk-sitex-teaser-container .tk-sitex-teaser-container-left {
        width: 100%;
        text-align: center;
        display: block
    }

    .tk-sitex-teaser-container .tk-sitex-teaser-container-right-content {
        padding: 10px 20px 0
    }

    .tk-sitex-teaser-container .tk-sitex-teaser-container-right {
        width: 100%;
        display: block
    }
}

@media (max-width: 640px) {
    #shopping-cart-finish .cart-box-row .cart-box-container .tk-save-cart-controls {
        flex-wrap: wrap
    }

    #shopping-cart-finish .cart-box-row .cart-box-container .tk-save-cart-controls .input-cart-title {
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media (pointer: coarse) and (max-width: 639px) {
    .swiper-button-next {
        right: 0 !important
    }
}

@media (max-width: 639px) {
    .tk-banner-content-area-content {
        padding: 20px
    }

    .RedxGridColumn.Large4 .tk-banner-content-area, .RedxGridColumn.Large6 .tk-banner-content-area {
        margin-top: 0;
        margin-bottom: 0
    }

    .RedxGridColumn.Large6 .tk-banner-content-area:not(.tk-banner-content-area-second) {
        margin-top: 20px
    }

    .tk-full-size-slider-container {
        margin-left: -15px;
        height: 350px !important
    }

    .tk-full-size-slider-container .tk-banner-full-size-countdown {
        max-width: 60%
    }

    .tk-full-size-slider-container .tk-banner-full-size-countdown:not(:empty) {
        margin-bottom: 12px
    }

    .tk-full-size-slider-container .tk-banner-full-size-headline {
        font-size: 18px;
        max-width: 60%;
        margin-bottom: 12px
    }

    .tk-full-size-slider-container .tk-banner-full-size-subheadline {
        font-size: 30px;
        line-height: 32px;
        max-width: 60%
    }

    .tk-full-size-slider-container .tk-banner-full-size-button {
        margin-top: 20px
    }

    .tk-full-size-slider-container .tk-banner-full-size-container-left :is(.tk-banner-full-size-headline,.tk-banner-full-size-subheadline,.tk-banner-full-size-countdown,.tk-banner-full-size-button) {
        margin-left: 20%
    }

    .tk-full-size-slider-container :is(.tk-banner-full-size-container-center,.tk-banner-full-size-container-right) :is(.tk-banner-full-size-headline,.tk-banner-full-size-countdown,.tk-banner-full-size-subheadline) > span {
        max-width: 60%
    }

    .tk-full-size-slider-container .tk-banner-full-size-container-right :is(.tk-banner-full-size-headline,.tk-banner-full-size-subheadline,.tk-banner-full-size-countdown,.tk-banner-full-size-button) {
        margin-left: -20% !important
    }

    .tk-full-size-slider-container .swiper-button-prev {
        left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .tk-full-size-slider-container .swiper-button-next {
        right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-right: var(--scrollbar-offset-right, var(--xtx-scroll-bar-width, 17px))
    }

    .tk-banner-full-size-container {
        height: 350px !important
    }

    .checkout_box_data .row div {
        flex: 1 1 50%
    }

    .checkout_box_data .row.checkout_form_delivery_address div {
        flex: initial
    }
}

@media (max-width: 600px) {
    .tk_form_callback #callback_appointment_col_left {
        float: none
    }
}

@media (max-width: 520px) {
    .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row {
        height: 55px !important
    }

    .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row:last-child {
        height: 35px !important
    }

    .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-date {
        clear: both;
        padding-left: 5px
    }
}

@media (max-width: 509px) {
    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-more .btn {
        width: 85% !important
    }
}

@media (max-width: 480px) {
    .tk-confi-btn-back-summary-desktop {
        display: none !important
    }

    .tk-confi-btn-back-summary-mobile {
        display: inline-block;
        margin-bottom: 14px
    }
}

@media (max-width: 360px) {
    [name=field_callback_date] {
        margin-left: -15px
    }
}

@media (pointer: coarse) {
    .tk-full-size-slider-container {
        width: 100vw
    }

    .tk-full-size-slider-container .swiper-button-next {
        margin-right: 0 !important
    }

    .tk-sitex-teaser-container {
        width: 100vw
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select {
        padding: 0 25px 0 15px
    }
}

@media print {
    body {
        font-family: Helvetica, Helvetica Neue, Arial, sans-serif
    }

    #header-area, .tk-top-nav-media-screen {
        display: none
    }

    .tk-top-nav-media-print {
        display: block
    }

    #footer-area, .navbar-inner {
        color: #323232;
        background-image: none;
        background-color: #fff;
        border: none;
        box-shadow: none
    }

    .navbar-inner {
        border-bottom: 1px solid #eee
    }

    .navbar a, .navbar a:hover, .tk-breadcrumb a {
        color: #323232 !important;
        text-shadow: none !important
    }

    #level-navigation-area, .side-nav, .tk-footer-company, .tk-footer-links, .tk-footer-media-screen {
        display: none
    }

    .tk-footer-media-print {
        display: block
    }

    .redx_responsive_desktop_link, .salesforce_liveagent_wrapper {
        display: none !important;
        visibility: hidden !important
    }

    .tk-hide-print {
        display: none
    }
}

@-webkit-keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.alert.alert-outline-light {
    border-color: var(--tk-text-color, #323232)
}

.alert.alert-outline-light:has(>.tk-content-fontLight) {
    border-color: var(--tk-border-color, #ebebeb)
}

:root {
    --select-field-min-width: 960px;
    --xtx-color-primary: #f97b02;
    --select-option-active-background: #f97b02;
    --select-option-active-color: #fff;
    --select-dropdown-z-index: 1000;
    --list-item-link-hover-color: #f97b02;
    --list-item-padding: 8px 15px;
    --dropdown-header-padding-vertical: 0;
    --dropdown-header-background-color: transparent;
    --list-item-dividing-border: 1px solid #ebebeb;
    --list-item-link-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2)
}

@media (min-width: 640px) and (max-width: 959px) {
    .redx_responsive_tag_container.tablet {
        display: inherit !important
    }

    .redx_responsive_tag_container.mobile {
        display: none !important
    }

    input {
        margin-top: 5px
    }

    div.nace-select-btn {
        margin-top: 18px !important;
        margin-left: -21px !important
    }

    #level-navigation-area #level-navigation, #level-navigation-area #level-navigation-controls {
        padding-left: 15px;
        padding-right: 15px
    }

    .navbar-fixed-top {
        margin-bottom: 0
    }

    .subnav {
        position: static;
        top: auto;
        z-index: auto;
        width: auto;
        height: auto;
        background: #fff;
        box-shadow: none
    }

    .subnav-fixed {
        border: none
    }

    #footer-area div.social-media > div:last-child {
        margin-bottom: 0
    }

    #footer-area .company_area_footer, #footer-area .social_media_area_footer {
        margin-bottom: 60px
    }

    #footer-area .input-append input[type=text] {
        min-height: 28px
    }

    .header-container .topnav-content {
        left: -10px !important;
        width: calc(100% + 20px) !important
    }

    #content-area .main-content > .RedxGridRow {
        padding-left: 15px;
        padding-right: 15px
    }

    #content-area img {
        max-width: 100%
    }

    #content-area img:not(.ignore-auto-height) {
        height: auto !important
    }

    #content-area .login-box .content .btn-primary {
        position: relative;
        bottom: auto;
        left: 5px
    }

    .visible-desktop, .visible-tablet {
        display: none
    }

    .visible-phone {
        display: block
    }

    .tk_download_input_element {
        width: 100% !important
    }

    .tk_download_col_category, .tk_download_col_descr, .tk_download_col_os, .tk_download_col_version {
        display: table-cell
    }

    .xtx-search-container-suggestions {
        margin-right: 0
    }

    .xtx-search-container-suggestions .submitButton {
        display: none;
        left: 100%;
        width: 38px;
        height: 36px;
        margin-top: 1px;
        margin-left: -38px;
        background: url(/res/pics/icons/header_search_button_mobile_retina.png) 7px no-repeat;
        background-size: 19px 19px;
        border: none
    }

    .xtx-search-container-suggestions .submitButton:hover {
        background: transparent url(/res/pics/icons/header_search_button_mobile_retina.png) 7px no-repeat;
        background-size: 19px 19px;
        border: none
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper {
        display: block
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper .xtx-search-hits {
        display: block;
        width: 100%
    }

    .xtx-search-container-results .xtx-search-response .product .col-right {
        width: 170px
    }

    .xtx-search-container-results .xtx-search-response .product .image {
        margin-right: 15px
    }

    .xtx-search-container-results .xtx-search-response .post .col-left-wideimage {
        width: 190px;
        background-size: 160px auto
    }

    #tk-support-phone-area {
        display: none;
        border: none
    }

    #teaser-area-top.border-top, #teaser-area.border-top {
        border-top: none
    }

    #teaser-area-top .flexslider .teaser-content.first, #teaser-area-top .slide-first-desktop .teaser-content.first, #teaser-area-top .slide-first-mobile .teaser-content.first, #teaser-area .flexslider .teaser-content.first, #teaser-area .slide-first-desktop .teaser-content.first, #teaser-area .slide-first-mobile .teaser-content.first {
        padding-right: 20px
    }

    #teaser-area-top .flexslider .teaser-content.first.large, #teaser-area-top .flexslider .teaser-content.last, #teaser-area-top .slide-first-desktop .teaser-content.first.large, #teaser-area-top .slide-first-desktop .teaser-content.last, #teaser-area-top .slide-first-mobile .teaser-content.first.large, #teaser-area-top .slide-first-mobile .teaser-content.last, #teaser-area .flexslider .teaser-content.first.large, #teaser-area .flexslider .teaser-content.last, #teaser-area .slide-first-desktop .teaser-content.first.large, #teaser-area .slide-first-desktop .teaser-content.last, #teaser-area .slide-first-mobile .teaser-content.first.large, #teaser-area .slide-first-mobile .teaser-content.last {
        padding-left: 20px
    }

    #teaser-area-top .flexslider .teaser-content.last.large > div, #teaser-area-top .slide-first-desktop .teaser-content.last.large > div, #teaser-area-top .slide-first-mobile .teaser-content.last.large > div, #teaser-area .flexslider .teaser-content.last.large > div, #teaser-area .slide-first-desktop .teaser-content.last.large > div, #teaser-area .slide-first-mobile .teaser-content.last.large > div {
        text-align: center;
        margin-top: 25px
    }

    #teaser-area-top .flexslider .teaser-content .h1.teaser, #teaser-area-top .flexslider .teaser-content .h2.teaser, #teaser-area-top .flexslider .teaser-content h1.teaser, #teaser-area-top .flexslider .teaser-content h2.teaser, #teaser-area-top .slide-first-desktop .teaser-content .h1.teaser, #teaser-area-top .slide-first-desktop .teaser-content .h2.teaser, #teaser-area-top .slide-first-desktop .teaser-content h1.teaser, #teaser-area-top .slide-first-desktop .teaser-content h2.teaser, #teaser-area-top .slide-first-mobile .teaser-content .h1.teaser, #teaser-area-top .slide-first-mobile .teaser-content .h2.teaser, #teaser-area-top .slide-first-mobile .teaser-content h1.teaser, #teaser-area-top .slide-first-mobile .teaser-content h2.teaser, #teaser-area .flexslider .teaser-content .h1.teaser, #teaser-area .flexslider .teaser-content .h2.teaser, #teaser-area .flexslider .teaser-content h1.teaser, #teaser-area .flexslider .teaser-content h2.teaser, #teaser-area .slide-first-desktop .teaser-content .h1.teaser, #teaser-area .slide-first-desktop .teaser-content .h2.teaser, #teaser-area .slide-first-desktop .teaser-content h1.teaser, #teaser-area .slide-first-desktop .teaser-content h2.teaser, #teaser-area .slide-first-mobile .teaser-content .h1.teaser, #teaser-area .slide-first-mobile .teaser-content .h2.teaser, #teaser-area .slide-first-mobile .teaser-content h1.teaser, #teaser-area .slide-first-mobile .teaser-content h2.teaser {
        font-size: 24px;
        line-height: 36.872784px
    }

    #teaser-area-top .flexslider .teaser-content .h1.teaser.big, #teaser-area-top .flexslider .teaser-content .h2.teaser.big, #teaser-area-top .flexslider .teaser-content h1.teaser.big, #teaser-area-top .flexslider .teaser-content h2.teaser.big, #teaser-area-top .slide-first-desktop .teaser-content .h1.teaser.big, #teaser-area-top .slide-first-desktop .teaser-content .h2.teaser.big, #teaser-area-top .slide-first-desktop .teaser-content h1.teaser.big, #teaser-area-top .slide-first-desktop .teaser-content h2.teaser.big, #teaser-area-top .slide-first-mobile .teaser-content .h1.teaser.big, #teaser-area-top .slide-first-mobile .teaser-content .h2.teaser.big, #teaser-area-top .slide-first-mobile .teaser-content h1.teaser.big, #teaser-area-top .slide-first-mobile .teaser-content h2.teaser.big, #teaser-area .flexslider .teaser-content .h1.teaser.big, #teaser-area .flexslider .teaser-content .h2.teaser.big, #teaser-area .flexslider .teaser-content h1.teaser.big, #teaser-area .flexslider .teaser-content h2.teaser.big, #teaser-area .slide-first-desktop .teaser-content .h1.teaser.big, #teaser-area .slide-first-desktop .teaser-content .h2.teaser.big, #teaser-area .slide-first-desktop .teaser-content h1.teaser.big, #teaser-area .slide-first-desktop .teaser-content h2.teaser.big, #teaser-area .slide-first-mobile .teaser-content .h1.teaser.big, #teaser-area .slide-first-mobile .teaser-content .h2.teaser.big, #teaser-area .slide-first-mobile .teaser-content h1.teaser.big, #teaser-area .slide-first-mobile .teaser-content h2.teaser.big {
        font-size: 40.8px;
        line-height: 70.2px
    }

    #teaser-area-top .flexslider .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area-top .flexslider .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area-top .flexslider .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-desktop .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-desktop .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-desktop .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-mobile .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-mobile .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-mobile .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area .flexslider .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area .flexslider .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area .flexslider .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area .slide-first-desktop .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area .slide-first-desktop .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area .slide-first-desktop .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area .slide-first-mobile .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area .slide-first-mobile .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area .slide-first-mobile .teaser-content span.teaser:not(.h1):not(.h2) {
        font-size: 16.8px;
        line-height: 29.781804px
    }

    #teaser-area-top .flexslider .teaser-content .teaser-text, #teaser-area-top .slide-first-desktop .teaser-content .teaser-text, #teaser-area-top .slide-first-mobile .teaser-content .teaser-text, #teaser-area .flexslider .teaser-content .teaser-text, #teaser-area .slide-first-desktop .teaser-content .teaser-text, #teaser-area .slide-first-mobile .teaser-content .teaser-text {
        font-size: 16.8px;
        line-height: 23.66px
    }

    #teaser-area-top .teaser-row-large, #teaser-area .teaser-row-large {
        margin-top: 0
    }

    .server-filter-startpage-area .range_slider_area, .tk-slider-container .range_slider_area {
        padding-left: 7px;
        padding-right: 11px
    }

    .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.left, .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.right, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.left, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.right {
        top: -11px
    }

    .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.left, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.left {
        margin-left: -8px
    }

    .server-filter-startpage-area .ui-state-default.left, .server-filter-startpage-area .ui-state-default.right, .tk-slider-container .ui-state-default.left, .tk-slider-container .ui-state-default.right {
        height: 25px;
        width: 25px;
        border-radius: 26px
    }

    #server_filter_block_grid {
        height: auto !important
    }

    #tk-configurator-descr-text {
        padding-left: 0
    }

    #tk-configurator-content-form {
        margin-bottom: 100px
    }

    .c_assist_price_navigator {
        position: relative;
        top: auto;
        z-index: auto;
        width: auto;
        height: auto
    }

    #tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown {
        width: 220px
    }

    #tk-product-list-single .box-bottom {
        position: relative !important
    }

    #tk-list-comp-product-filter #form_search_words, #tk-list-comp-product-filter #form_shopx_products_key {
        float: right
    }

    .tk_list_comp_desc {
        padding-left: 0 !important
    }

    .tk_checkout_additional_info_row {
        display: grid;
        grid-template-columns:50% 50%
    }

    .tk_checkout_additional_info_row .tk_checkout_additional_info_box:first-child {
        margin-right: 5%
    }

    .tk_checkout_additional_info_row .tk_checkout_additional_info_box:last-child {
        margin-left: 5%
    }

    #breadcrumb-area, #footer-area, #info-area, #navbar-area, #tk-content-nav, #tk-important-sitex-note, #tk-main-content, #viewport-original {
        padding-left: 15px;
        padding-right: 15px
    }

    .header-content {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    #tk-feedback-area, #tk-mag-area, #tk-news-area, #tk-wiki-area {
        padding-left: 7px;
        padding-right: 7px
    }

    .tk-box, .tk-content-box-gray, .tk-content-box-white {
        margin-bottom: 20px
    }

    .tk-content-row {
        margin-bottom: 0
    }
}

@-webkit-keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.alert.alert-outline-light {
    border-color: var(--tk-text-color, #323232)
}

.alert.alert-outline-light:has(>.tk-content-fontLight) {
    border-color: var(--tk-border-color, #ebebeb)
}

:root {
    --select-field-min-width: 960px;
    --xtx-color-primary: #f97b02;
    --select-option-active-background: #f97b02;
    --select-option-active-color: #fff;
    --select-dropdown-z-index: 1000;
    --list-item-link-hover-color: #f97b02;
    --list-item-padding: 8px 15px;
    --dropdown-header-padding-vertical: 0;
    --dropdown-header-background-color: transparent;
    --list-item-dividing-border: 1px solid #ebebeb;
    --list-item-link-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2)
}

@media (max-width: 640px) {
    #breadcrumb-area, #footer-area, #info-area, #navbar-area, #tk-content-nav, #tk-important-sitex-note, #tk-main-content, #viewport-original {
        padding-left: 15px;
        padding-right: 15px
    }

    .header-content {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    #tk-feedback-area, #tk-mag-area, #tk-news-area, #tk-wiki-area {
        padding-left: 15px;
        padding-right: 15px
    }

    #tk-feedback-area .content, #tk-mag-area .content, #tk-news-area .content, #tk-wiki-area .content {
        padding-left: 0
    }

    #tk-feedback-area .header, #tk-mag-area .header, #tk-news-area .header, #tk-wiki-area .header {
        padding-left: 0;
        padding-bottom: 20px
    }

    #content-area .main-content > .RedxGridRow {
        padding-left: 15px;
        padding-right: 15px
    }

    #content-area img {
        max-width: 100%
    }

    #content-area img:not(.ignore-auto-height) {
        height: auto !important
    }

    #content-area .content {
        padding-left: 0
    }

    #content-area .RedxGridColumn {
        margin-bottom: 20px
    }

    #content-area .login-box .content .btn-primary {
        position: relative;
        bottom: auto;
        left: 5px
    }

    .navbar-fixed-top {
        margin-bottom: 0
    }

    #level-navigation-area #level-navigation, #level-navigation-area #level-navigation-controls {
        padding-left: 15px;
        padding-right: 15px
    }

    #teaser-area-top.border-top, #teaser-area.border-top {
        border-top: none
    }

    #teaser-area-top .flexslider .teaser-content.first, #teaser-area-top .slide-first-desktop .teaser-content.first, #teaser-area-top .slide-first-mobile .teaser-content.first, #teaser-area .flexslider .teaser-content.first, #teaser-area .slide-first-desktop .teaser-content.first, #teaser-area .slide-first-mobile .teaser-content.first {
        padding-right: 20px
    }

    #teaser-area-top .flexslider .teaser-content.first.large, #teaser-area-top .slide-first-desktop .teaser-content.first.large, #teaser-area-top .slide-first-mobile .teaser-content.first.large, #teaser-area .flexslider .teaser-content.first.large, #teaser-area .slide-first-desktop .teaser-content.first.large, #teaser-area .slide-first-mobile .teaser-content.first.large {
        padding-left: 20px !important
    }

    #teaser-area-top .flexslider .teaser-content.last, #teaser-area-top .slide-first-desktop .teaser-content.last, #teaser-area-top .slide-first-mobile .teaser-content.last, #teaser-area .flexslider .teaser-content.last, #teaser-area .slide-first-desktop .teaser-content.last, #teaser-area .slide-first-mobile .teaser-content.last {
        padding-left: 20px
    }

    #teaser-area-top .flexslider .teaser-content.last.large, #teaser-area-top .slide-first-desktop .teaser-content.last.large, #teaser-area-top .slide-first-mobile .teaser-content.last.large, #teaser-area .flexslider .teaser-content.last.large, #teaser-area .slide-first-desktop .teaser-content.last.large, #teaser-area .slide-first-mobile .teaser-content.last.large {
        padding-left: 20px !important
    }

    #teaser-area-top .flexslider .teaser-content .h1.teaser, #teaser-area-top .flexslider .teaser-content .h2.teaser, #teaser-area-top .flexslider .teaser-content h1.teaser, #teaser-area-top .flexslider .teaser-content h2.teaser, #teaser-area-top .slide-first-desktop .teaser-content .h1.teaser, #teaser-area-top .slide-first-desktop .teaser-content .h2.teaser, #teaser-area-top .slide-first-desktop .teaser-content h1.teaser, #teaser-area-top .slide-first-desktop .teaser-content h2.teaser, #teaser-area-top .slide-first-mobile .teaser-content .h1.teaser, #teaser-area-top .slide-first-mobile .teaser-content .h2.teaser, #teaser-area-top .slide-first-mobile .teaser-content h1.teaser, #teaser-area-top .slide-first-mobile .teaser-content h2.teaser, #teaser-area .flexslider .teaser-content .h1.teaser, #teaser-area .flexslider .teaser-content .h2.teaser, #teaser-area .flexslider .teaser-content h1.teaser, #teaser-area .flexslider .teaser-content h2.teaser, #teaser-area .slide-first-desktop .teaser-content .h1.teaser, #teaser-area .slide-first-desktop .teaser-content .h2.teaser, #teaser-area .slide-first-desktop .teaser-content h1.teaser, #teaser-area .slide-first-desktop .teaser-content h2.teaser, #teaser-area .slide-first-mobile .teaser-content .h1.teaser, #teaser-area .slide-first-mobile .teaser-content .h2.teaser, #teaser-area .slide-first-mobile .teaser-content h1.teaser, #teaser-area .slide-first-mobile .teaser-content h2.teaser {
        font-size: 24px;
        line-height: 36.872784px
    }

    #teaser-area-top .flexslider .teaser-content .h1.teaser.big, #teaser-area-top .flexslider .teaser-content .h2.teaser.big, #teaser-area-top .flexslider .teaser-content h1.teaser.big, #teaser-area-top .flexslider .teaser-content h2.teaser.big, #teaser-area-top .slide-first-desktop .teaser-content .h1.teaser.big, #teaser-area-top .slide-first-desktop .teaser-content .h2.teaser.big, #teaser-area-top .slide-first-desktop .teaser-content h1.teaser.big, #teaser-area-top .slide-first-desktop .teaser-content h2.teaser.big, #teaser-area-top .slide-first-mobile .teaser-content .h1.teaser.big, #teaser-area-top .slide-first-mobile .teaser-content .h2.teaser.big, #teaser-area-top .slide-first-mobile .teaser-content h1.teaser.big, #teaser-area-top .slide-first-mobile .teaser-content h2.teaser.big, #teaser-area .flexslider .teaser-content .h1.teaser.big, #teaser-area .flexslider .teaser-content .h2.teaser.big, #teaser-area .flexslider .teaser-content h1.teaser.big, #teaser-area .flexslider .teaser-content h2.teaser.big, #teaser-area .slide-first-desktop .teaser-content .h1.teaser.big, #teaser-area .slide-first-desktop .teaser-content .h2.teaser.big, #teaser-area .slide-first-desktop .teaser-content h1.teaser.big, #teaser-area .slide-first-desktop .teaser-content h2.teaser.big, #teaser-area .slide-first-mobile .teaser-content .h1.teaser.big, #teaser-area .slide-first-mobile .teaser-content .h2.teaser.big, #teaser-area .slide-first-mobile .teaser-content h1.teaser.big, #teaser-area .slide-first-mobile .teaser-content h2.teaser.big {
        font-size: 40.8px;
        line-height: 70.2px
    }

    #teaser-area-top .flexslider .teaser-content .h1.teaser.large, #teaser-area-top .flexslider .teaser-content .h2.teaser.large, #teaser-area-top .flexslider .teaser-content h1.teaser.large, #teaser-area-top .flexslider .teaser-content h2.teaser.large, #teaser-area-top .slide-first-desktop .teaser-content .h1.teaser.large, #teaser-area-top .slide-first-desktop .teaser-content .h2.teaser.large, #teaser-area-top .slide-first-desktop .teaser-content h1.teaser.large, #teaser-area-top .slide-first-desktop .teaser-content h2.teaser.large, #teaser-area-top .slide-first-mobile .teaser-content .h1.teaser.large, #teaser-area-top .slide-first-mobile .teaser-content .h2.teaser.large, #teaser-area-top .slide-first-mobile .teaser-content h1.teaser.large, #teaser-area-top .slide-first-mobile .teaser-content h2.teaser.large, #teaser-area .flexslider .teaser-content .h1.teaser.large, #teaser-area .flexslider .teaser-content .h2.teaser.large, #teaser-area .flexslider .teaser-content h1.teaser.large, #teaser-area .flexslider .teaser-content h2.teaser.large, #teaser-area .slide-first-desktop .teaser-content .h1.teaser.large, #teaser-area .slide-first-desktop .teaser-content .h2.teaser.large, #teaser-area .slide-first-desktop .teaser-content h1.teaser.large, #teaser-area .slide-first-desktop .teaser-content h2.teaser.large, #teaser-area .slide-first-mobile .teaser-content .h1.teaser.large, #teaser-area .slide-first-mobile .teaser-content .h2.teaser.large, #teaser-area .slide-first-mobile .teaser-content h1.teaser.large, #teaser-area .slide-first-mobile .teaser-content h2.teaser.large {
        font-size: 36.8px !important;
        line-height: 46.8px !important
    }

    #teaser-area-top .flexslider .teaser-content .h1.teaser.x-size, #teaser-area-top .flexslider .teaser-content .h2.teaser.x-size, #teaser-area-top .flexslider .teaser-content h1.teaser.x-size, #teaser-area-top .flexslider .teaser-content h2.teaser.x-size, #teaser-area-top .slide-first-desktop .teaser-content .h1.teaser.x-size, #teaser-area-top .slide-first-desktop .teaser-content .h2.teaser.x-size, #teaser-area-top .slide-first-desktop .teaser-content h1.teaser.x-size, #teaser-area-top .slide-first-desktop .teaser-content h2.teaser.x-size, #teaser-area-top .slide-first-mobile .teaser-content .h1.teaser.x-size, #teaser-area-top .slide-first-mobile .teaser-content .h2.teaser.x-size, #teaser-area-top .slide-first-mobile .teaser-content h1.teaser.x-size, #teaser-area-top .slide-first-mobile .teaser-content h2.teaser.x-size, #teaser-area .flexslider .teaser-content .h1.teaser.x-size, #teaser-area .flexslider .teaser-content .h2.teaser.x-size, #teaser-area .flexslider .teaser-content h1.teaser.x-size, #teaser-area .flexslider .teaser-content h2.teaser.x-size, #teaser-area .slide-first-desktop .teaser-content .h1.teaser.x-size, #teaser-area .slide-first-desktop .teaser-content .h2.teaser.x-size, #teaser-area .slide-first-desktop .teaser-content h1.teaser.x-size, #teaser-area .slide-first-desktop .teaser-content h2.teaser.x-size, #teaser-area .slide-first-mobile .teaser-content .h1.teaser.x-size, #teaser-area .slide-first-mobile .teaser-content .h2.teaser.x-size, #teaser-area .slide-first-mobile .teaser-content h1.teaser.x-size, #teaser-area .slide-first-mobile .teaser-content h2.teaser.x-size {
        font-size: 56px !important;
        line-height: 65px !important
    }

    #teaser-area-top .flexslider .teaser-content div.teaser, #teaser-area-top .flexslider .teaser-content p.teaser, #teaser-area-top .flexslider .teaser-content span.teaser, #teaser-area-top .slide-first-desktop .teaser-content div.teaser, #teaser-area-top .slide-first-desktop .teaser-content p.teaser, #teaser-area-top .slide-first-desktop .teaser-content span.teaser, #teaser-area-top .slide-first-mobile .teaser-content div.teaser, #teaser-area-top .slide-first-mobile .teaser-content p.teaser, #teaser-area-top .slide-first-mobile .teaser-content span.teaser, #teaser-area .flexslider .teaser-content div.teaser, #teaser-area .flexslider .teaser-content p.teaser, #teaser-area .flexslider .teaser-content span.teaser, #teaser-area .slide-first-desktop .teaser-content div.teaser, #teaser-area .slide-first-desktop .teaser-content p.teaser, #teaser-area .slide-first-desktop .teaser-content span.teaser, #teaser-area .slide-first-mobile .teaser-content div.teaser, #teaser-area .slide-first-mobile .teaser-content p.teaser, #teaser-area .slide-first-mobile .teaser-content span.teaser {
        font-size: 16.8px;
        line-height: 29.781804px
    }

    #teaser-area-top .flexslider .teaser-content .teaser-text, #teaser-area-top .slide-first-desktop .teaser-content .teaser-text, #teaser-area-top .slide-first-mobile .teaser-content .teaser-text, #teaser-area .flexslider .teaser-content .teaser-text, #teaser-area .slide-first-desktop .teaser-content .teaser-text, #teaser-area .slide-first-mobile .teaser-content .teaser-text {
        font-size: 16.8px;
        line-height: 23.66px
    }

    #teaser-area-top .teaser-row-large, #teaser-area .teaser-row-large {
        margin-top: 0
    }

    .subnav {
        position: static;
        top: auto;
        z-index: auto;
        width: auto;
        height: auto;
        background: #fff;
        box-shadow: none
    }

    .subnav-fixed {
        border: none
    }

    .c_assist_price_navigator {
        position: relative;
        top: auto;
        z-index: auto;
        width: auto;
        height: auto
    }

    input {
        margin-top: 5px
    }

    .tk_download_input_element {
        width: 100% !important
    }

    .tk_download_col_category, .tk_download_col_descr, .tk_download_col_os, .tk_download_col_version {
        display: table-cell
    }

    .tk_download_js_filter_container select {
        width: 100%
    }

    .tk-box, .tk-content-box-gray, .tk-content-box-white {
        margin-bottom: 20px
    }

    .tk-content-row {
        margin-bottom: 0
    }

    #navbar-area .navbar-inner:not(.only_content) ul > li > a {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    #navbar-area .navbar li a {
        text-align: center;
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    #navbar-area ul.nav.meta-nav li {
        margin: 0 auto;
        width: 280px
    }

    #navbar-area ul.nav.meta-nav li#search-menu form {
        text-align: center
    }

    #navbar-area ul.nav.meta-nav li#search-menu form fieldset i {
        right: -15px;
        top: 43px
    }

    #navbar-area .tk_top_nav_links li.folder:hover ul.visible-desktop, #navbar-area .tk_top_nav_links ul li.folder ul.visible-desktop, #navbar-area li.folder:hover > ul {
        display: none !important
    }

    #tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown {
        width: 220px
    }

    #product_form[action*="/frame.subconfigurator/"] #tk-configurator-content div#configurator .configurator-tab-content .kit-group-block .kit-group-content .component {
        max-width: calc(100vw - 50px)
    }

    #tk-configurator-content div#configurator .configurator-tab-content .kit-group-block .kit-group-content .component .row-sub-configurator .list {
        padding-left: 15px
    }

    .redx_form .div_container_main.newsletter select {
        margin-top: 5px
    }

    .redx_form .div_container_main.newsletter .control-group input[name=town], .redx_form .div_container_main.newsletter .control-group select[name=salutation] {
        margin-left: 0
    }

    .redx_form .div_container_main.storage select {
        margin-top: 5px
    }

    .redx_form .div_container_main.storage .control-group input[name=town], .redx_form .div_container_main.storage .control-group select[name=salutation] {
        margin-left: 0
    }

    .redx_form .div_container_main.storage_quest .control-label {
        width: auto
    }

    .redx_form .div_container_main.storage_quest .controls {
        margin-left: 0
    }

    #tk-product-area hr, #tk-product-overview hr {
        display: none
    }

    .redx_form .div_container_main.back_request_data select {
        margin-top: 5px
    }

    .redx_form .div_container_main.back_request_data .control-group input[name=get_town], .redx_form .div_container_main.back_request_data .control-group select[name=get_salutation], .redx_form .div_container_main.back_request_data .control-group select[name=salutation] {
        margin-left: 0
    }

    #tk-support-phone-area {
        display: none;
        border: none
    }

    #footer-area .input-append input[type=text] {
        min-height: 28px
    }

    .sidebar_wrapper {
        display: none !important
    }

    .visible-desktop, .visible-tablet {
        display: none
    }

    .visible-phone {
        display: block
    }

    #contactpageform .tk-box fieldset {
        float: none
    }

    #contactpageform .tk-box fieldset:first-of-type {
        border-right: none;
        padding-right: 0;
        margin-right: 0
    }

    #tk-product-list-single .box-bottom {
        position: relative !important
    }

    #tk-list-comp-product-filter input[type=text], #tk-list-comp-product-filter select {
        width: 100%
    }

    #tk-configurator-descr-text {
        padding-left: 0
    }

    #tk-configurator-descr-links {
        padding-left: 3px
    }

    .tk_list_comp_desc {
        padding-left: 0 !important
    }

    .server-filter-startpage-area .range_slider_area, .tk-slider-container .range_slider_area {
        padding-left: 7px;
        padding-right: 13px
    }

    .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.left, .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.right, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.left, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.right {
        top: -11px
    }

    .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.left, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.left {
        margin-left: -8px
    }

    .server-filter-startpage-area .ui-state-default.left, .server-filter-startpage-area .ui-state-default.right, .tk-slider-container .ui-state-default.left, .tk-slider-container .ui-state-default.right {
        height: 25px;
        width: 25px;
        border-radius: 26px
    }

    .server_filter_sort_container .show_server_filter_count {
        display: none !important
    }

    #server_filter_block_grid {
        height: auto !important
    }

    .xtx-search-container-suggestions {
        margin-right: 0
    }

    .xtx-search-container-suggestions .submitButton {
        display: none;
        left: 100%;
        width: 38px;
        height: 36px;
        margin-top: 1px;
        margin-left: -38px;
        background: url(/res/pics/icons/header_search_button_mobile_retina.png) 7px no-repeat;
        background-size: 19px 19px;
        border: none
    }

    .xtx-search-container-suggestions .submitButton:hover {
        background: transparent url(/res/pics/icons/header_search_button_mobile_retina.png) 7px no-repeat
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper {
        display: block
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper .xtx-search-hits {
        display: block;
        width: 100%;
        border-left: none
    }

    .xtx-search-container-results .xtx-search-response .product .col-right {
        width: 150px
    }

    .xtx-search-container-results .xtx-search-response .product .image {
        margin-right: 15px
    }

    .xtx-search-container-results .xtx-search-response .post .col-left-wideimage {
        width: 150px;
        background-size: 130px auto
    }

    #teaser-area-top .teaser-left {
        height: 325px
    }

    #teaser-area-top .flex-control-nav, #teaser-area-top .flex-direction-nav {
        display: none !important
    }

    #teaser-area-top .teaser-row-medium {
        height: 325px
    }

    #teaser-area-top .teaser-row-medium .teaser-button {
        margin-bottom: -215px;
        padding-top: 165px
    }

    #teaser-area-top .teaser-row-medium .teaser-button-single-line {
        margin-bottom: -190px;
        padding-top: 140px
    }

    #teaser-area-top .teaser-row-medium .img-container div {
        bottom: -325px
    }

    #teaser-area-top .teaser-row-medium .background-image-stretched .teaser-text {
        text-align: center !important;
        right: auto !important;
        left: auto !important;
        float: none !important
    }

    #teaser-area-top .teaser-row-medium .background-image-stretched .teaser-text .h2 {
        display: inline-block;
        padding: 4px 14px 0;
        font-size: 21px;
        margin: 5px 0 !important
    }

    #teaser-area-top .teaser-row-medium .background-image-stretched .teaser-text .h3, #teaser-area-top .teaser-row-medium .background-image-stretched .teaser-text .h4 {
        padding: 7px 8px 5px;
        font-size: 13px;
        font-weight: 300;
        margin: 5px 0 !important
    }

    #form_sub_shopx_customers_key {
        min-width: calc(100vw - 30px)
    }
}

@-webkit-keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.alert.alert-outline-light {
    border-color: var(--tk-text-color, #323232)
}

.alert.alert-outline-light:has(>.tk-content-fontLight) {
    border-color: var(--tk-border-color, #ebebeb)
}

:root {
    --select-field-min-width: 960px;
    --xtx-color-primary: #f97b02;
    --select-option-active-background: #f97b02;
    --select-option-active-color: #fff;
    --select-dropdown-z-index: 1000;
    --list-item-link-hover-color: #f97b02;
    --list-item-padding: 8px 15px;
    --dropdown-header-padding-vertical: 0;
    --dropdown-header-background-color: transparent;
    --list-item-dividing-border: 1px solid #ebebeb;
    --list-item-link-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2)
}

@media (min-width: 960px) and (max-width: 1599px) {
    .redx_responsive_tag_container.mobile {
        display: none !important
    }

    .redx_responsive_tag_container.desktop {
        display: inherit !important
    }

    #contactpageform .tk-box fieldset:first-of-type {
        border-right: 1px solid var(--tk-border-color, #ebebeb);
        padding-right: 55px;
        margin-right: 55px
    }

    .subnav-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1020;
        border-radius: 0;
        border: 2px solid #f4f4f4;
        border-right: none;
        border-left: none
    }

    .subnav-fixed .nav {
        width: 938px;
        margin: 0 auto;
        padding: 0 1px
    }

    .subnav-placeholder {
        height: 90px
    }

    .subnav-fixed .nav .tk-configurator-tab-button {
        margin-left: -6px;
        margin-right: 12px
    }

    .popup_body .navbar .container {
        width: 940px
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .configurator-header-text {
        display: block !important
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .configurator-header-text .h3 {
        margin-top: 10px
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-results .inputField, .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-suggestions .inputField {
        background-color: #555;
        border-color: #555
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-results .inputField::-moz-placeholder, .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-suggestions .inputField::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-results .inputField::placeholder, .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-suggestions .inputField::placeholder {
        color: #999;
        opacity: 1
    }

    #content-area .main-content > .RedxGridRow {
        padding-left: 25px;
        padding-right: 25px
    }

    .contact-person-portrait-img {
        width: 140px !important
    }

    .tk_download_col_category, .tk_download_col_descr, .tk_download_col_os, .tk_download_col_version {
        display: table-cell
    }

    .xtx-search-container-suggestions {
        margin-right: 0;
        max-width: 100%;
        position: relative
    }

    .xtx-search-container-suggestions .submitButton {
        display: none;
        left: 100%;
        margin: 0
    }

    .xtx-search-container-suggestions .xtx-search-response {
        width: 700px
    }

    .xtx-search-container-suggestions .submitButton + div {
        top: 42px
    }

    #tk-intelligent-search-container-mobile {
        display: none
    }

    #tk-mag-area .content, #tk-news-area .content {
        grid-template-columns:50% 50%
    }

    #tk-news-area .content {
        grid-column-gap: 10%
    }

    #tk-wiki-area .content {
        grid-template-columns:50% 50%
    }

    #teaser-area-top .flexslider .teaser-content .h1.teaser, #teaser-area-top .flexslider .teaser-content .h2.teaser, #teaser-area-top .flexslider .teaser-content h1.teaser, #teaser-area-top .flexslider .teaser-content h2.teaser, #teaser-area-top .slide-first-desktop .teaser-content .h1.teaser, #teaser-area-top .slide-first-desktop .teaser-content .h2.teaser, #teaser-area-top .slide-first-desktop .teaser-content h1.teaser, #teaser-area-top .slide-first-desktop .teaser-content h2.teaser, #teaser-area-top .slide-first-mobile .teaser-content .h1.teaser, #teaser-area-top .slide-first-mobile .teaser-content .h2.teaser, #teaser-area-top .slide-first-mobile .teaser-content h1.teaser, #teaser-area-top .slide-first-mobile .teaser-content h2.teaser, #teaser-area .flexslider .teaser-content .h1.teaser, #teaser-area .flexslider .teaser-content .h2.teaser, #teaser-area .flexslider .teaser-content h1.teaser, #teaser-area .flexslider .teaser-content h2.teaser, #teaser-area .slide-first-desktop .teaser-content .h1.teaser, #teaser-area .slide-first-desktop .teaser-content .h2.teaser, #teaser-area .slide-first-desktop .teaser-content h1.teaser, #teaser-area .slide-first-desktop .teaser-content h2.teaser, #teaser-area .slide-first-mobile .teaser-content .h1.teaser, #teaser-area .slide-first-mobile .teaser-content .h2.teaser, #teaser-area .slide-first-mobile .teaser-content h1.teaser, #teaser-area .slide-first-mobile .teaser-content h2.teaser {
        font-size: 32px;
        line-height: 49.163712px
    }

    #teaser-area-top .flexslider .teaser-content .h1.teaser.large.x-size, #teaser-area-top .flexslider .teaser-content .h2.teaser.large.x-size, #teaser-area-top .flexslider .teaser-content h1.teaser.large.x-size, #teaser-area-top .flexslider .teaser-content h2.teaser.large.x-size, #teaser-area-top .slide-first-desktop .teaser-content .h1.teaser.large.x-size, #teaser-area-top .slide-first-desktop .teaser-content .h2.teaser.large.x-size, #teaser-area-top .slide-first-desktop .teaser-content h1.teaser.large.x-size, #teaser-area-top .slide-first-desktop .teaser-content h2.teaser.large.x-size, #teaser-area-top .slide-first-mobile .teaser-content .h1.teaser.large.x-size, #teaser-area-top .slide-first-mobile .teaser-content .h2.teaser.large.x-size, #teaser-area-top .slide-first-mobile .teaser-content h1.teaser.large.x-size, #teaser-area-top .slide-first-mobile .teaser-content h2.teaser.large.x-size, #teaser-area .flexslider .teaser-content .h1.teaser.large.x-size, #teaser-area .flexslider .teaser-content .h2.teaser.large.x-size, #teaser-area .flexslider .teaser-content h1.teaser.large.x-size, #teaser-area .flexslider .teaser-content h2.teaser.large.x-size, #teaser-area .slide-first-desktop .teaser-content .h1.teaser.large.x-size, #teaser-area .slide-first-desktop .teaser-content .h2.teaser.large.x-size, #teaser-area .slide-first-desktop .teaser-content h1.teaser.large.x-size, #teaser-area .slide-first-desktop .teaser-content h2.teaser.large.x-size, #teaser-area .slide-first-mobile .teaser-content .h1.teaser.large.x-size, #teaser-area .slide-first-mobile .teaser-content .h2.teaser.large.x-size, #teaser-area .slide-first-mobile .teaser-content h1.teaser.large.x-size, #teaser-area .slide-first-mobile .teaser-content h2.teaser.large.x-size {
        font-size: 88.6144px !important
    }

    #teaser-area-top .flexslider .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area-top .flexslider .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area-top .flexslider .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-desktop .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-desktop .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-desktop .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-mobile .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-mobile .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area-top .slide-first-mobile .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area .flexslider .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area .flexslider .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area .flexslider .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area .slide-first-desktop .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area .slide-first-desktop .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area .slide-first-desktop .teaser-content span.teaser:not(.h1):not(.h2), #teaser-area .slide-first-mobile .teaser-content div.teaser:not(.h1):not(.h2), #teaser-area .slide-first-mobile .teaser-content p.teaser:not(.h1):not(.h2), #teaser-area .slide-first-mobile .teaser-content span.teaser:not(.h1):not(.h2) {
        font-size: 16.8px;
        line-height: 29.781804px
    }

    #teaser-area-top .teaser-content.last.small .eyecatcher, #teaser-area .teaser-content.last.small .eyecatcher {
        left: 260px
    }

    .slide-first-desktop {
        position: absolute;
        width: 100%;
        transition-duration: 0s;
        transform: translateZ(0);
        display: block
    }

    .slide-first-desktop .background-image-stretched {
        border-radius: 4px
    }

    .slide-first-mobile {
        display: none
    }

    .tk_server_filter_box_container .group_box {
        height: auto !important
    }

    .server-filter-startpage-area .range_slider_area, .tk-slider-container .range_slider_area {
        padding-left: 7px;
        padding-right: 11px
    }

    .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.left, .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.right, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.left, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.right {
        top: -11px
    }

    .server-filter-startpage-area .ui-slider-horizontal .ui-slider-handle.left, .tk-slider-container .ui-slider-horizontal .ui-slider-handle.left {
        margin-left: -8px
    }

    .server-filter-startpage-area .ui-state-default.left, .server-filter-startpage-area .ui-state-default.right, .tk-slider-container .ui-state-default.left, .tk-slider-container .ui-state-default.right {
        height: 25px;
        width: 25px;
        border-radius: 26px
    }

    #tk-configurator-descr-text {
        padding-left: 0;
        padding-left: 60px
    }

    .c_assist_price_navigator {
        position: relative;
        top: auto;
        z-index: auto;
        width: auto;
        height: auto
    }

    #tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown {
        width: 220px
    }

    .c_assist_price_navigator-fixed {
        position: fixed;
        top: 141px
    }

    .c_assist_price_navigator-bottom {
        position: absolute;
        bottom: 5px;
        width: 285px
    }

    #tk-product-list-single .box-bottom {
        position: relative !important
    }

    #tk-list-comp-product-filter #form_search_words, #tk-list-comp-product-filter #form_shopx_products_key {
        float: right
    }

    .tk_list_comp_desc {
        padding-left: 0 !important
    }

    .tk_checkout_additional_info_row {
        display: grid;
        grid-template-columns:50% 50%
    }

    .tk_checkout_additional_info_row .tk_checkout_additional_info_box:first-child {
        margin-right: 4%
    }

    .tk_checkout_additional_info_row .tk_checkout_additional_info_box:last-child {
        margin-left: 4%
    }

    #breadcrumb-area, #footer-area, #header-area, #info-area, #navbar-area, #tk-important-sitex-note, #tk-main-content, #tk-support-phone-area, #viewport-original {
        padding-left: 25px;
        padding-right: 25px
    }

    .header-content {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    #header-area {
        height: 100px
    }

    #tk-feedback-area, #tk-mag-area, #tk-news-area, #tk-wiki-area {
        padding-left: 7px;
        padding-right: 7px
    }

    .visible-desktop, .visible-phone {
        display: none
    }

    .visible-tablet {
        display: block
    }
}

@-webkit-keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.alert.alert-outline-light {
    border-color: var(--tk-text-color, #323232)
}

.alert.alert-outline-light:has(>.tk-content-fontLight) {
    border-color: var(--tk-border-color, #ebebeb)
}

:root {
    --select-field-min-width: 960px;
    --xtx-color-primary: #f97b02;
    --select-option-active-background: #f97b02;
    --select-option-active-color: #fff;
    --select-dropdown-z-index: 1000;
    --list-item-link-hover-color: #f97b02;
    --list-item-padding: 8px 15px;
    --dropdown-header-padding-vertical: 0;
    --dropdown-header-background-color: transparent;
    --list-item-dividing-border: 1px solid #ebebeb;
    --list-item-link-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2)
}

@media (min-width: 1600px) {
    .redx_responsive_tag_container.mobile {
        display: none !important
    }

    .redx_responsive_tag_container.desktop {
        display: inherit !important
    }

    .subnav {
        width: 100%;
        height: 42px
    }

    .subnav-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1020;
        border-radius: 0;
        border: 2px solid #f4f4f4;
        border-right: none;
        border-left: none
    }

    .subnav-fixed .nav {
        width: 1188px;
        margin: 0 auto;
        padding: 0 1px
    }

    .subnav-placeholder {
        height: 90px
    }

    .subnav-fixed .nav .tk-configurator-tab-button {
        margin-left: -6px;
        margin-right: 12px
    }

    .subnav-fixed {
        padding: 1px 0;
        background-color: #fff;
        border: 1px solid #f4f4f4
    }

    .popup_body .navbar .container {
        width: 940px
    }

    #content-area .main-content > .RedxGridRow {
        padding-left: 25px;
        padding-right: 25px
    }

    #content-area img {
        max-width: 100%
    }

    .contact-person-portrait-img {
        width: auto
    }

    #tk_shopx_configurator_assistant .contact-person-portrait-img {
        width: 160px !important
    }

    .tk_download_col_category, .tk_download_col_descr, .tk_download_col_os, .tk_download_col_version {
        display: table-cell
    }

    #tk-support-phone-area .hotline-phone {
        font-size: 18px !important
    }

    #tk-support-phone-area .hotline-info {
        font-size: 13px !important
    }

    #tk-mag-area .content, #tk-news-area .content {
        grid-template-columns:50% 50%
    }

    #tk-news-area .content {
        grid-column-gap: 10%
    }

    #tk-wiki-area .content {
        grid-template-columns:50% 50%
    }

    .slide-first-desktop {
        position: absolute;
        width: 100%;
        transition-duration: 0s;
        transform: translateZ(0);
        display: block
    }

    .slide-first-desktop .background-image-stretched {
        border-radius: 4px
    }

    .slide-first-mobile {
        display: none
    }

    .c_assist_price_navigator-fixed {
        position: fixed;
        top: 141px
    }

    .c_assist_price_navigator-bottom {
        position: absolute;
        bottom: 5px;
        width: 285px
    }

    #tk-list-comp-product-filter .clear-filter-button {
        margin-right: 34px
    }

    .tk_server_filter_box_container .group_box {
        height: auto !important
    }

    .tk_checkout_additional_info_row {
        display: grid;
        grid-template-columns:50% 50%
    }

    .tk_checkout_additional_info_row .tk_checkout_additional_info_box:first-child {
        margin-right: 4%
    }

    .tk_checkout_additional_info_row .tk_checkout_additional_info_box:last-child {
        margin-left: 4%
    }

    #breadcrumb-area, #footer-area, #header-area, #info-area, #navbar-area, #tk-content-nav, #tk-important-sitex-note, #tk-main-content, #viewport-original {
        padding-left: 0;
        padding-right: 0
    }

    .header-content {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    #header-area {
        height: 100px
    }

    #tk-feedback-area, #tk-mag-area, #tk-news-area, #tk-wiki-area {
        padding-left: 0;
        padding-right: 0
    }

    .visible-phone, .visible-tablet {
        display: none
    }

    .visible-desktop {
        display: block
    }

    .intelligentsearch_diff {
        font-weight: 700;
        color: red !important
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) ul {
        margin: 0;
        padding: 0
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) ul li {
        list-style-type: none;
        text-indent: 0
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) ul li:before {
        content: "";
        margin-right: 0
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .inputField {
        box-sizing: border-box;
        height: 42px;
        margin: 0;
        padding: 0 17px 0 45px;
        font-size: 16px;
        border-radius: 5px
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton {
        text-transform: uppercase !important;
        text-shadow: none;
        font-weight: 700;
        letter-spacing: 3px;
        box-shadow: none;
        color: #323232;
        border-radius: 3px;
        border: 2px solid #f97b02;
        color: #f97b02;
        background-color: #fff;
        position: absolute;
        font-size: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-image: url(../image/header_search_button_retina.png);
        background-position: 0 0;
        background-size: 40px 38px;
        height: 42px;
        width: 44px;
        background-repeat: no-repeat;
        display: inline-block;
        margin: 0
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:visited {
        color: #323232
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:hover {
        border: 2px solid #323232;
        background-color: #fff;
        background-image: none
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:visited {
        color: #f97b02
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:hover {
        border: 2px solid #f97b02;
        background-color: #f97b02;
        color: #fff
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:active {
        box-shadow: none
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton:hover {
        background-image: url(../image/header_search_button_hover_retina.png);
        background-size: 40px 38px;
        background-position: 0 0
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results) .submitButton + div {
        top: 42px
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-message, :is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response {
        position: relative;
        background-color: #fff;
        border: 1px solid var(--tk-border-color, #ebebeb);
        border-radius: 0 0 5px 5px;
        z-index: 1000;
        margin-top: -3px
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response .xtx-search-autocomplete {
        padding: 5px 0
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response .xtx-search-autocomplete .xtx-search-hit {
        padding: 5px 17px;
        font-size: 14px;
        cursor: default
    }

    :is(.xtx-search-container-suggestions,.xtx-search-container-results div:not(.resultsContainer)) .xtx-search-response .xtx-search-autocomplete .xtx-search-hit.xtx-search-selected {
        color: #f97b02
    }

    .xtx-search-container-suggestions {
        position: relative;
        margin: 0
    }

    .xtx-search-container-suggestions .submitButton {
        display: none;
        top: 0;
        left: 96%
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper {
        display: table;
        width: 100%
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper .xtx-search-hits {
        display: table-cell;
        width: 50%;
        border-left: 1px solid var(--tk-border-color, #ebebeb)
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper .xtx-search-hits:first-child {
        border-left: none
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-wrapper .xtx-search-hits:last-child {
        border-right: none
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-spacer {
        display: table-cell;
        width: 1.5%
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits {
        width: 100%;
        border-right: 1px solid var(--tk-border-color, #ebebeb)
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits h3 {
        margin: 0;
        padding: 6px 17px 15px;
        font-weight: 700;
        border-bottom: 1px solid var(--tk-border-color, #ebebeb)
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 a:active, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 a:hover, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 a:link, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .h3 a:visited, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits h3 a:active, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits h3 a:hover, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits h3 a:link, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits h3 a:visited {
        color: #f97b02
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit {
        padding: 0
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit.xtx-search-selected, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit.xtx-search-selected a:hover {
        color: #f97b02
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:active, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:link, .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:visited {
        color: #323232
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .col-half {
        width: 49%;
        margin-top: 3px
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .col-half.right {
        text-align: right
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .col-left {
        width: 110px
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .col-right {
        box-sizing: border-box;
        width: 100%;
        margin-left: -110px;
        padding-left: 110px
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .col-table {
        display: table
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .col-left-wideimage {
        display: table-cell;
        width: 130px;
        background-size: 115px auto;
        background-repeat: no-repeat;
        background-position: 0
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .col-right-wideimage {
        display: table-cell;
        box-sizing: border-box
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 8px 17px
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit a.download-left {
        margin-right: -100px;
        padding-right: 100px
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit a.download-right {
        width: 100px;
        margin-top: 50px;
        padding: 0 17px 0 0
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .title {
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 4px
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .cart-button {
        margin-left: 5px;
        line-height: 25px
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .content {
        display: inline-block;
        font-size: 14.7696px;
        line-height: 23.4px
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .property-col {
        width: 33%
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits .xtx-search-hit .property-col-double {
        width: 66%
    }

    .xtx-search-container-suggestions .xtx-search-response .xtx-search-hits-more {
        height: 24px;
        padding-top: 3px;
        font-weight: 700;
        text-align: center
    }

    .xtx-search-container-suggestions .xtx-search-message .h3, .xtx-search-container-suggestions .xtx-search-message h3 {
        margin: 0;
        padding: 6px 17px;
        font-weight: 700;
        color: #f97b02;
        border-bottom: 1px solid var(--tk-border-color, #ebebeb)
    }

    .xtx-search-container-suggestions .xtx-search-message p {
        padding: 14px 14px 14px 17px;
        font-size: 14px;
        line-height: 28px
    }

    .xtx-search-container-suggestions .xtx-search-message p a, .xtx-search-container-suggestions .xtx-search-message p a:active, .xtx-search-container-suggestions .xtx-search-message p a:hover, .xtx-search-container-suggestions .xtx-search-message p a:link, .xtx-search-container-suggestions .xtx-search-message p a:visited {
        color: #f97b02;
        font-weight: 700
    }

    .xtx-search-container-results {
        margin-bottom: 30px
    }

    .xtx-search-container-results .xtx-search-nav-tabs {
        margin-bottom: 0
    }

    .xtx-search-container-results .xtx-search-nav-tabs a {
        color: var(--tk-header-light-color, #555)
    }

    .xtx-search-container-results .xtx-search-response {
        border-bottom: 1px solid var(--tk-border-color, #ebebeb)
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit {
        border-top: 1px solid var(--tk-border-color, #ebebeb);
        border-bottom: none
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit:first-child {
        border-top: none
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit.xtx-search-selected, .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit.xtx-search-selected a:hover {
        color: #f97b02
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 20px
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit a.download-left {
        margin-right: -100px;
        padding-right: 100px
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit a.download-right {
        width: 100px;
        margin-top: 50px;
        padding: 0 17px 0 0
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:active, .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:link, .xtx-search-container-results .xtx-search-response .xtx-search-hits .xtx-search-hit:not(.xtx-search-selected) a:visited {
        color: #323232
    }

    .xtx-search-container-results .xtx-search-response .title {
        margin-bottom: 7px;
        font-weight: 700
    }

    .xtx-search-container-results .xtx-search-response .content {
        padding-left: 0 !important
    }

    .xtx-search-container-results .xtx-search-response .col-half {
        width: 49%;
        margin-top: 5px
    }

    .xtx-search-container-results .xtx-search-response .col-half.right {
        text-align: right
    }

    .xtx-search-container-results .xtx-search-response .product .col-left {
        box-sizing: border-box;
        width: 100%;
        margin-right: -240px;
        padding-right: 240px
    }

    .xtx-search-container-results .xtx-search-response .product .col-right {
        width: 240px
    }

    .xtx-search-container-results .xtx-search-response .product .cart-button {
        margin-left: 5px;
        line-height: 25px
    }

    .xtx-search-container-results .xtx-search-response .product .image {
        margin-right: 15px
    }

    .xtx-search-container-results .xtx-search-response .download .property-col {
        width: 33%
    }

    .xtx-search-container-results .xtx-search-response .download .property-col-double {
        width: 66%
    }

    .xtx-search-container-results .xtx-search-response .download .download-link {
        color: #f97b02;
        font-weight: 700;
        white-space: nowrap
    }

    .xtx-search-container-results .xtx-search-response .download .download-link img {
        margin-right: 8px
    }

    .xtx-search-container-results .xtx-search-response .post .col-table {
        display: table;
        width: 100%
    }

    .xtx-search-container-results .xtx-search-response .post .col-left-wideimage {
        display: table-cell;
        width: 260px;
        background-size: 220px auto;
        background-repeat: no-repeat;
        background-position: 0
    }

    .xtx-search-container-results .xtx-search-response .post .col-right-wideimage {
        display: table-cell
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-pagination {
        padding-top: 12px;
        padding-bottom: 8px;
        text-align: center;
        border-left: 1px solid var(--tk-border-color, #ebebeb);
        border-right: 1px solid var(--tk-border-color, #ebebeb)
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page {
        display: inline;
        padding: 0 5px;
        line-height: 21px;
        border-left: 1px solid var(--tk-border-color, #ebebeb)
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page:first-child {
        border-left: none
    }

    .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a, .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a:active, .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a:hover, .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a:link, .xtx-search-container-results .xtx-search-response .xtx-search-pagination .xtx-search-pagination-page a:visited {
        color: #323232
    }

    .xtx-search-container-results .xtx-search-message {
        padding: 20px
    }

    #tk-intelligent-search-container-mobile {
        display: none
    }

    .tk_ekomi_widget.margin-left {
        margin-left: 20px
    }
}

@-webkit-keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tk-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes tk-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

nav.pagination ul li a {
    border: 1px solid transparent
}

.tk-no-page-area-overflow #page-area {
    overflow-x: hidden
}

.xtxNavigationOffCanvasOverlay {
    z-index: 100001;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .8);
    opacity: 1
}

.xtxNavigation.xtxNavigationOffCanvas {
    z-index: 100002
}

:is(#xtxNavigationOffMyAccount,#xtxNavigationOffCart,#xtxNavigationOffProductFilter) {
    width: 500px
}

:is(#xtxNavigationOffMyAccount,#xtxNavigationOffCart,#xtxNavigationOffProductFilter) .tk-overlay-box-title {
    color: #323232;
    font-size: 16px;
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #ebebeb;
    margin-top: auto;
    margin-bottom: auto
}

:is(#xtxNavigationOffMyAccount,#xtxNavigationOffCart,#xtxNavigationOffProductFilter) .tk-overlay-box-title-label {
    float: left;
    color: #323232;
    padding-left: 40px;
    max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

:is(#xtxNavigationOffMyAccount,#xtxNavigationOffCart,#xtxNavigationOffProductFilter) .tk-overlay-box-title-close {
    float: right;
    margin: 22px 20px 0 0;
    line-height: 16px;
    cursor: pointer;
    position: absolute;
    right: 0
}

:is(#xtxNavigationOffMyAccount,#xtxNavigationOffCart,#xtxNavigationOffProductFilter) [data-offcanvas-content] {
    overflow-x: hidden
}

.tk-icon-overlay {
    width: 30px;
    height: 30px;
    margin-top: -6px
}

.tk-icon-overlay-close {
    background: url(../image/close.svg);
    margin-top: -2px;
    width: 26px;
    height: 26px
}

.tk-overlay-box-content-my-account {
    display: none;
    padding-top: 20px
}

.tk-overlay-box-content-my-account .tk-login-box-error {
    width: 100%
}

.tk-overlay-box-content-my-account .RedxGridRow:not([data-my-account-login-row]) {
    padding-left: 40px;
    padding-right: 40px
}

.tk-overlay-box-content-my-account [data-my-account-login-row] .RedxGridColumn {
    width: 100%;
    color: #323232
}

.tk-overlay-box-content-my-account [data-my-account-login-row] {
    color: #323232;
    padding-left: 40px;
    padding-right: 50px
}

.tk-overlay-box-content-my-account [data-my-account-login-col-login] {
    margin-bottom: 50px;
    padding-right: 30px
}

.tk-overlay-box-content-my-account [data-my-account-login-col-register] {
    width: calc(100% + 70px) !important;
    margin-left: -30px;
    padding: 35px 30px 30px 38px !important;
    border: 1px solid #ebebeb;
    background-color: #ebebeb
}

.tk-overlay-box-content-my-account [data-my-account-login-col-register] ul {
    margin-left: 20px
}

.tk-overlay-box-content-my-account [data-my-account-login-col-register] li {
    padding-top: 1px;
    padding-left: 0;
    position: relative;
    text-indent: 0
}

.tk-overlay-box-content-my-account [data-my-account-login-col-register] li:before {
    background: transparent url(/res/pics/overlay/li_check_black.svg) scroll 0 0 no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -24px;
    top: 1px
}

.tk-overlay-box-content-my-account.is-logged-in {
    padding-left: 40px
}

.tk-overlay-box-content-my-account.is-logged-in hr {
    background-color: #ebebeb !important;
    margin-left: -40px !important
}

.tk-icon-overlay-my-account {
    top: 4px;
    position: relative;
    margin-right: 5px
}

.tk-overlay-box-footer-my-account {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ebebeb;
    width: 100%
}

.tk-overlay-box-footer-my-account .tk-overlay-my-account-logout-link {
    display: inline-block;
    color: var(--tk-text-color, #323232);
    line-height: 40px;
    font-size: 20px;
    text-decoration: none;
    transition: none
}

.tk-overlay-box-footer-my-account .tk-overlay-my-account-logout-link img {
    margin-right: 5px;
    width: 16px
}

.tk-overlay-box-footer-my-account .tk-overlay-my-account-logout-link:hover {
    color: var(--tk-primary-color, #ff7d00)
}

.tk-overlay-box-footer-my-account-too-large {
    position: relative
}

#xtxNavigationOffCart .tk-overlay-box-content-cart-is-empty {
    padding: 20px
}

#xtxNavigationOffCart #tk-overlay-shopx-cart-result .alert {
    padding-left: 20px;
    padding-right: 20px
}

#xtxNavigationOffCart .carty-entry-padding-bottom {
    display: none !important
}

#xtxNavigationOffCart .tk-overlay-box-content-cart {
    display: none;
    color: #323232
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-sum-label {
    width: 250px;
    font-size: 12.25px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-sum-price {
    width: 120px;
    font-size: 12.25px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-item-row.sum-block-netto .shopping-cart-sum-label, #xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-item-row.sum-block-netto .shopping-cart-sum-price, #xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-item-row.sum-block-total .shopping-cart-sum-label, #xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-item-row.sum-block-total .shopping-cart-sum-price {
    font-size: 14px;
    font-weight: 700
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .cart-component td {
    color: #333
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .tk-cartentry-sub-row td {
    padding-top: 0
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .tk-cartentry-sub-row .tk-cart-show-cart-components {
    margin-left: 65px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .tk-cartentry-sub-row .tk-cart-show-cart-components .tk-cart-show-cart-components-toogle {
    display: inline-block;
    cursor: pointer;
    padding-right: 15px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .tk-cartentry-sub-row .tk-cart-show-cart-components a {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .tk-cartentry-sub-row .tk-cart-show-cart-components a:after {
    transition: transform .1s linear;
    position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    content: " ";
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg)
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .tk-cartentry-sub-row a.tk-cart-show-cart-components-opened:after {
    margin-top: 7px !important;
    border-width: 2px 2px 0 0 !important;
    transform: rotate(-45deg) !important
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .tk-cartentry-sub-row .tk-cart-remove-cart-item {
    text-align: right
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .tk-cartentry-sub-row .tk-cart-remove-cart-item a {
    color: #333;
    text-decoration: underline
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-item-row {
    padding-left: 20px;
    padding-right: 20px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart [data-tk-cart-row-cart-key]:not(.carty-entry-padding-bottom) {
    border: none;
    background-color: #f4f4f4
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .entry td {
    border-bottom: none !important
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox tr.entry td:not(.tk-cart-quantity-input) {
    padding-top: 0 !important
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .entry.sub-sum {
    display: none
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .shopping-cart-sum-price {
    padding-right: 0
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table .headline {
    color: #999;
    font-weight: 400;
    text-transform: none
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table .headline td {
    padding-top: 5px;
    padding-bottom: 5px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table tr.entry td {
    padding-top: 5px;
    padding-bottom: 0
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table .tk-cart-quantity-input {
    text-align: center
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table .tk-cart-quantity-input xtx-quantity-selector {
    width: 80px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table tr.cart-start-row .price-total {
    width: 115px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table tbody tr td:first-child:not(.description) {
    padding-left: 10px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table tr td:last-child {
    padding-right: 20px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table td {
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table td .power-consumption-table, #xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-table td .power-consumption-table td {
    color: #333;
    background-color: #f4f4f4;
    border: none
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-sum-block {
    position: absolute;
    width: 100%;
    bottom: 0
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .cart-sum-block-released {
    position: relative
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .tk-cart-sum-block {
    display: none
}

#xtxNavigationOffCart .tk-overlay-box-content-cart .shoppingcartbox .shopping-cart-item-row-border {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-top: 0 !important;
    font-size: 12.25px;
    border: none
}

#xtxNavigationOffCart .tk-cart-sum-block {
    color: #333;
    font-weight: 700;
    background-color: #f4f4f4;
    padding: 10px 0
}

#xtxNavigationOffCart .tk-cart-sum-block .shopping-cart-sum-label {
    padding-left: 20px
}

#xtxNavigationOffCart .tk-cart-sum-block .shopping-cart-sum-price {
    margin-right: 10px
}

#xtxNavigationOffCart .tk-cart-sum-block span {
    display: block;
    font-weight: 400;
    font-size: 12.25px;
    margin-top: 2px;
    padding-left: 0 !important
}

#xtxNavigationOffCart [data-offcanvas-footer] .shoppingcartbox .shopping-cart-sum-label {
    float: none
}

#xtxNavigationOffCart .tk-overlay-box-content-cart-buttons {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart-buttons .tk-overlay-box-content-cart-buttons-1, #xtxNavigationOffCart .tk-overlay-box-content-cart-buttons .tk-overlay-box-content-cart-buttons-1 a {
    width: 100%
}

#xtxNavigationOffCart .tk-overlay-box-content-cart-buttons .tk-overlay-box-content-cart-buttons-2 {
    width: 100%;
    margin-top: 10px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart-buttons .tk-overlay-box-content-cart-buttons-2 .tk-overlay-box-content-cart-buttons-offer {
    float: left;
    width: calc(50% - 6px);
    height: 60px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart-buttons .tk-overlay-box-content-cart-buttons-2 .tk-overlay-box-content-cart-buttons-order {
    float: right;
    width: calc(50% - 6px);
    height: 60px
}

#xtxNavigationOffCart .tk-overlay-box-content-cart-buttons .tk-overlay-box-content-cart-buttons-2 button {
    width: 101%
}

.tk-icon-overlay-cart {
    background-image: url(/res/pics/overlay/cart.svg);
    background-repeat: no-repeat;
    transform: translateY(5px);
    position: relative;
    height: 20px;
    width: 20px
}

[data-tk-cart-entry-quantity] input {
    width: 60px !important;
    text-align: center
}

.tk-cart-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    filter: alpha(opacity=80);
    opacity: .8;
    background-color: #fff;
    z-index: 1000
}

.tk-cart-loading span {
    display: inline-block;
    height: 100%
}

.tk-cart-loading img, .tk-cart-loading span {
    vertical-align: middle
}

.tk-cart-loading.tk-cart-loading-top img, .tk-cart-loading.tk-cart-loading-top span {
    vertical-align: top
}

#xtxNavigationOffCookiePolicy [data-offcanvas-content] {
    height: auto
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie-overview-close-visible {
    margin-top: 8px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie {
    font-size: 14px;
    color: #fff;
    width: 500px;
    padding: 0
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie form, #xtxNavigationOffCookiePolicy .xtx-privacy-cookie p {
    margin: 0;
    padding: 0
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings :is(.xtx-privacy-cookie-settings-tab,.xtx-privacy-cookie-history-tab) {
    min-height: 330px;
    border: 1px solid transparent
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-links {
    margin-top: 20px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-links a {
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-links .xtx-privacy-cookie-settings-link-active {
    color: #ff7d00;
    text-decoration: none
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-links [data-cookie-overlay-settings] {
    margin-right: 8px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-links [data-cookie-overlay-overview]:not(.xtx-privacy-cookie-settings-link-back-hidden) {
    display: inline-block;
    float: right
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories {
    margin-top: 8px;
    margin-bottom: 10px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category {
    color: #fff;
    background-color: #323232;
    margin-bottom: 2px;
    padding: 10px 5px 10px 10px;
    border-radius: 6px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-title {
    float: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-toogle-description {
    cursor: pointer;
    padding-right: 20px;
    white-space: nowrap
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-toogle-description .xtx-privacy-cookie-settings-category-toogle-description-container:after {
    transition: transform .1s linear;
    position: absolute;
    margin-left: 6px;
    margin-top: 7px;
    content: " ";
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg)
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-toogle-description-opened .xtx-privacy-cookie-settings-category-toogle-description-container:after {
    margin-top: 9px;
    border-width: 2px 2px 0 0;
    transform: rotate(-45deg)
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-checkbox {
    float: right;
    margin-top: -8px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-short-description {
    clear: both;
    padding-right: 30px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-short-description p {
    padding-top: 4px;
    display: inline-block
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-description {
    padding-right: 30px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-description-collapse a, #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category .xtx-privacy-cookie-settings-category-description-expand a {
    color: #fff;
    text-decoration: underline
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-categories .xtx-privacy-cookie-settings-category:not(:last-child) {
    border-bottom: none
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-buttons {
    margin-top: 0;
    padding-bottom: 18px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-settings-buttons a {
    width: 100%
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description {
    max-height: 262px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description ul li:before {
    border-color: #fff
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row {
    width: auto;
    max-width: 100%
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-title {
    padding-left: 5px;
    margin-top: -1px;
    width: 185px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-buttons {
    padding-top: 15px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-buttons .xtx-privacy-cookie-history-button-clear {
    color: #fff;
    text-decoration: underline
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-categories {
    margin-top: 18px;
    margin-bottom: 18px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-categories label {
    margin-right: 15px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-description a {
    color: #fff;
    text-decoration: underline
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-buttons {
    display: flex;
    flex-direction: column
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-buttons a {
    margin-bottom: 10px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-cookie-icon {
    position: relative;
    top: 7px;
    max-height: 34px
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-checkmark {
    background-color: #fff
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-checkbox-container .tk-checkmark:after {
    border-color: #333 !important
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-checkbox-container-disabled {
    cursor: not-allowed
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-checkbox-container-disabled .tk-checkmark:after {
    border-color: grey !important
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-checkbox-container:hover input ~ .tk-checkmark, #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-checkbox-container input:checked ~ .tk-checkmark {
    border-color: #fff
}

#xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-checkbox-container input:focus ~ .tk-checkmark {
    border-color: #fff;
    box-shadow: 0 0 10px #fff
}

.tk-file-link {
    line-height: 26px
}

.tk-file-link img {
    height: var(--tk-file-link-icon-height, 22px) !important
}

:root {
    --range-slider-track-color: #f97b02;
    --formcontrol-horizontal-align-items: left;
    --search-word-highlight-background-color: #f97b02;
    --search-word-highlight-color: #fff;
    --group-toggle-available-results-color: transparent;
    --group-toggle-available-results-background-color: transparent
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .tk-overlay-box-title {
    background-color: #f4f4f4;
    display: flex
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .tk-overlay-box-title .tk-overlay-box-title-label {
    flex: 1
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) [data-offcanvas-footer] {
    height: 60px;
    background-color: #f4f4f4;
    padding-left: 20px;
    padding-right: 20px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-textfield:is([name=shopx_products_var_keys],[name=shopx_products_var_keys_mapping],[name=navigation_list_key],[name=navigation_list_cat_key],[name=result_id],[name=is_initial],[name=TkShopxServerFilterFrontendContainerTabContentRefresh]) input {
    display: none
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .xtxNavigationOffProductFilterResetAllButton {
    margin-right: 20px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .xtxNavigationOffProductFilerAcceptButton {
    flex: 1 1 auto
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .xtx-search-word-highlight {
    background-color: #f97b02;
    color: #fff
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) #xtx-filter-search {
    margin-top: 7px;
    padding-left: 45px;
    width: 400px;
    background-image: url(../image/search_inactive.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 8px 8px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) #xtx-filter-search:focus {
    box-shadow: none
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) #xtx-filter-search::-webkit-search-cancel-button, :is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) #xtx-filter-search::-webkit-search-decoration, :is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) #xtx-filter-search::-webkit-search-results-decoration {
    -webkit-appearance: none
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) #xtx-filter-search:focus {
    background-image: url(../image/search_active.svg);
    border-color: #ebebeb
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) #xtx-filter-search-clear {
    position: absolute;
    height: 50px;
    right: 25px;
    top: 5px;
    line-height: 50px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .xtxCheckbox + .xtxCheckbox {
    margin-top: 4px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .xtxCheckbox:not(.xtxSwitch) input {
    width: 30px !important;
    height: 30px !important
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .xtxCheckbox:not(.xtxSwitch) label {
    font-size: 16px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .xtxCheckbox:not(.xtxSwitch) label:after {
    content: "" !important;
    background-image: url(/res/pics/checkbox-checked.svg);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    background-size: 74%
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-value-group header {
    font-size: 16px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-checkbox [name=availableResults] {
    background-color: #f4f4f4;
    color: #777
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-checkbox [name=availableResults], :is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle header [name=availableResults] {
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    font-style: normal;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    top: 4px;
    margin-left: 6px;
    padding: 1px;
    margin-right: 2px;
    font-weight: 400
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle header [name=availableResults] {
    background-color: #f97b02;
    color: #fff
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) [data-offcanvas-footer] div {
    margin-top: 12px;
    width: 100%;
    display: flex
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-value * {
    font-size: 16px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-multi-rangeslider {
    padding-bottom: 10px;
    padding-top: 5px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-checkbox {
    display: block
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-checkbox label {
    margin-bottom: 0
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-checkbox[disabled] label {
    color: #eceeef
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-checkbox-select {
    margin-bottom: 5px;
    clear: both
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) .xtxCheckbox:not(.xtxSwitch) input:disabled + label:before {
    border-color: #eceeef
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle {
    border-bottom: 1px solid #ebebeb;
    padding: 12px 20px 4px;
    position: relative
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle span[slot=title] {
    font-weight: 700;
    height: 30px;
    display: inline-block;
    background-color: transparent;
    font-size: 16px;
    color: #323232
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle[name=groupToggleAll] {
    text-align: right
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle[name=groupToggleAll] span[slot=title] {
    font-size: 12px;
    font-weight: 400;
    margin-right: 30px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle span[slot=reset] {
    font-size: 14px;
    position: absolute;
    top: 12px;
    right: 50px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle span[slot=reset].active {
    color: #323232
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle xtx-container[name^=dropdown_group_] {
    display: grid;
    grid-template-columns:1fr 1fr;
    -moz-column-gap: 10px;
    column-gap: 10px
}

:is(#xtxNavigationOffProductFilter,#tk-serverfilter-tab-content) xtx-group-toggle xtx-container[name^=dropdown_group_] div[name=headline-label] {
    padding-top: 10px;
    padding-bottom: 5px;
    grid-column: 1/3
}

#xtxNavigationOffProductFilter p {
    margin: 0
}

#xtxNavigationOffProductFilter p + *, #xtxNavigationOffProductFilter p + h1, #xtxNavigationOffProductFilter p + h2, #xtxNavigationOffProductFilter p + h3, #xtxNavigationOffProductFilter p + h4, #xtxNavigationOffProductFilter p + h5, #xtxNavigationOffProductFilter p + h6, #xtxNavigationOffProductFilter p + p {
    margin-top: .625rem
}

#xtxNavigationOffProductFilter form legend {
    display: none;
    margin: 0 0 .625rem;
    width: 100%
}

#xtxNavigationOffProductFilter form .xtxInput, #xtxNavigationOffProductFilter form .xtxSelect, #xtxNavigationOffProductFilter form .xtxTextArea {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    max-width: 100%
}

#xtxNavigationOffProductFilter form .xtxInput {
    margin: 0 1rem .375rem 0
}

#xtxNavigationOffProductFilter form .xtxRadioSelect label {
    position: relative;
    display: inline-block
}

#xtxNavigationOffProductFilter form .xtxCheckbox input[type=checkbox], #xtxNavigationOffProductFilter form .xtxRadioSelect input[type=radio] {
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    margin-top: .34375rem
}

#xtxNavigationOffProductFilter form .xtxCheckbox + .xtxCheckbox {
    margin-top: .625rem
}

#xtxNavigationOffProductFilter form .xtxCheckbox + small.error-message {
    padding: .1875rem 0 0 1.875rem
}

.tk-serverfilter-badge {
    font-size: 14px;
    padding: 4px .5555555556rem;
    min-width: .8888888889rem;
    height: 1.5555555556rem;
    color: #fff;
    text-align: center;
    background: #f97b02;
    border-radius: 2.7777777778rem
}

.tk-serverfilter-badge-button {
    margin-right: 6px
}

.tk-product-list-server-found-label {
    margin-left: 4px
}

.tk-open-filter-button, xtx-popup-button[name*=filter-button] .btn {
    padding-right: 20px;
    transition-duration: 0s !important;
    width: 120px !important;
    text-align: right !important
}

.tk-open-filter-button, .tk-open-filter-button:active, .tk-open-filter-button:hover, .tk-open-filter-button:visited, xtx-popup-button[name*=filter-button] .btn, xtx-popup-button[name*=filter-button] .btn:active, xtx-popup-button[name*=filter-button] .btn:hover, xtx-popup-button[name*=filter-button] .btn:visited {
    background-image: url(/res/pics/productlistfilter/filter.svg) !important;
    background-position: 20px !important;
    background-repeat: no-repeat !important
}

.tk-server-filter-result-list {
    clear: both;
    white-space: nowrap;
    position: relative;
    max-width: 1600px;
    overflow: hidden;
    margin-bottom: 5px
}

.tk-serverfilter-badge-button-mobile {
    display: none
}

.tk-serverfilter-badge-button-desktop {
    display: inline-block
}

.tk-serverfilter-badge-button {
    color: #323232;
    background-color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    margin-right: 4px
}

.tk-server-filter-result-list-item {
    display: inline-block;
    position: relative;
    border: 1px solid #323232;
    border-radius: 30px;
    margin-right: 5px;
    padding: 3px 25px 3px 14px;
    margin-top: 18px;
    margin-bottom: 1px;
    cursor: pointer
}

.tk-server-filter-result-list-item-close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 6px;
    margin-left: 10px;
    font-size: 16px
}

.server_filter_sort_container {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    height: auto;
    border: none
}

.server_filter_sort_container.sticky {
    box-shadow: 0 8px 6px -6px #ebebeb;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px
}

.tk-server-filter-result-reset-all {
    text-decoration: underline;
    display: inline-block;
    margin-right: 10px
}

.tk-serverfilter-badge-link {
    padding-right: 15px
}

.server_filter_sort_container_content_left {
    float: left;
    line-height: 36px
}

.server_filter_sort_container_content_left .xtxSelect, .server_filter_sort_container_content_left form {
    display: inline-block
}

.server_filter_sort_container_content_left .xtxSelect {
    max-width: 220px
}

.server_filter_sort_container_content_right {
    float: right;
    text-align: right
}

.tk-serverfilter-reset-mobile-desktop {
    display: inline-block
}

.tk-serverfilter-reset-mobile-small {
    display: none
}

.tk-product-list-advertisment-marketing-consultant .contact-person-container-additional img {
    margin-right: 4px
}

.tk-product-list-advertisment-marketing-consultant .avertisement_content {
    max-width: 400px;
    margin: 0 auto;
    background-color: #f4f4f4
}

.tk-product-list-advertisment-marketing-consultant .content div {
    padding: 0;
    text-align: left
}

.tk-product-list-advertisment-marketing-consultant .avertisement_content > div {
    padding-left: 30px !important;
    padding-top: 25px !important;
    color: #323232
}

.tk-product-list-advertisment-marketing-consultant .contact-person-info .h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 24px;
    color: #323232 !important
}

.tk-product-list-advertisment-marketing-consultant .contact-person-img {
    width: 100%
}

.tk-product-list-advertisment-marketing-consultant .contact-person-portrait-img {
    float: right;
    margin-top: 24px
}

.tk-product-list-advertisment-marketing-consultant .contact-person-name, .tk-product-list-advertisment-marketing-consultant .contact-person-phone, .tk-product-list-advertisment-marketing-consultant .contact-person-position {
    display: block;
    margin-top: 2px
}

.tk-product-list-advertisment-marketing-consultant .contact-person-container-additional {
    clear: both;
    margin-top: 30px
}

.tk-product-list-advertisment-marketing-consultant .contact-person-container-additional ul {
    margin: 0;
    list-style-type: none
}

.tk-product-list-advertisment-marketing-consultant .contact-person-container-additional ul li {
    line-height: 35px;
    text-indent: 0
}

.tk-product-list-advertisment-marketing-consultant .contact-person-container-additional ul li:before {
    content: "";
    margin-right: 0
}

#tk-header-container-block .tk-main-nav-li-webshop {
    margin-top: -5px
}

#tk-header-container-block .tk-main-nav-btn-webshop {
    background-color: #ff7d00 !important;
    color: #fff !important;
    font-size: 16px;
    border-radius: 6px;
    height: 42px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
    margin-left: 5px;
    margin-right: 10px;
    display: inline-block
}

#tk-header-container-block .tk-main-nav-btn-webshop img {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 6px
}

#tk-header-container-block .topnav-mobile-button-webshop {
    float: left
}

#tk-header-container-block .topnav-mobile-button-webshop .tk-main-nav-btn-webshop {
    margin-top: 10px
}

.header-container-desktop {
    padding-right: var(--scrollbar-offset-right, 0)
}

#tk-intelligent-search-container-desktop .RedxGridRowContainer {
    margin: 0;
    max-width: calc(100% + 5px)
}

xtx-floating-container {
    --zindex: 997
}

#tk-sticky-buttons-container {
    margin-right: 8px;
    display: flex
}

.tk-sticky-button-current-product-configuration-badge {
    position: absolute;
    right: -5px;
    top: -10px
}

#tk-sticky-button-appointment, #tk-sticky-button-current-product-configuration, #tk-sticky-button-live-chat {
    transition: transform 1s ease;
    transform: translateY(90px);
    visibility: hidden
}

xtx-floating-container[name=tk-sticky-buttons] #tk-sticky-button-appointment, xtx-floating-container[name=tk-sticky-buttons] #tk-sticky-button-current-product-configuration, xtx-floating-container[name=tk-sticky-buttons] #tk-sticky-button-live-chat {
    float: left;
    margin-bottom: 10px
}

xtx-floating-container[name=tk-sticky-buttons] #tk-sticky-button-live-chat a {
    margin-right: 10px
}

xtx-floating-container[name=tk-sticky-buttons] #tk-sticky-button-current-product-configuration {
    display: none;
    margin-right: 10px
}

xtx-floating-container[name=tk-sticky-footer] #tk-sticky-button-appointment, xtx-floating-container[name=tk-sticky-footer] #tk-sticky-button-current-product-configuration, xtx-floating-container[name=tk-sticky-footer] #tk-sticky-button-live-chat {
    height: 40px
}

[name=tk-sticky-buttons] a {
    text-decoration: none
}

@-webkit-keyframes tk-sticky-button-effect-tada-keyframe {
    0% {
        transform: scale(1)
    }
    10%, 20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        transform: scale(1) rotate(0)
    }
}

@keyframes tk-sticky-button-effect-tada-keyframe {
    0% {
        transform: scale(1)
    }
    10%, 20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        transform: scale(1) rotate(0)
    }
}

.tk-sticky-button-effect-tada {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: tk-sticky-button-effect-tada-keyframe;
    animation-name: tk-sticky-button-effect-tada-keyframe
}

.tab.tab-content .tk-category-navigation {
    overflow: hidden
}

.tk-category-navigation .tk-category-navigation-item {
    text-align: center;
    border-right: 1px solid var(--tk-border-color, #ebebeb);
    position: relative
}

.tk-category-navigation .tk-category-navigation-item a {
    display: block;
    padding: 30px 20px 60px;
    text-decoration: none;
    color: var(--tk-text-color, #323232)
}

.tk-category-navigation .tk-category-navigation-item a:focus {
    box-shadow: none;
    outline: none
}

.tk-category-navigation .tk-category-navigation-item a:hover {
    color: var(--tk-primary-color, #ff7d00)
}

.tk-category-navigation .tk-category-navigation-item .h3 {
    margin: 0;
    padding-top: 4px;
    padding-bottom: 6px
}

.tk-category-navigation .tk-category-navigation-item p + p {
    margin-top: 0
}

.tk-category-navigation .tk-category-navigation-item .tk-category-navigation-item-pic {
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100% !important
}

.tk-category-navigation .tk-category-navigation-item .tk-category-navigation-item-subheadline {
    font-size: 16px
}

.RedxThemeTkThemeTile {
    padding: 0 20px !important;
    transition: color .5s
}

.RedxThemeTkThemeTile .h3 {
    margin: 0;
    padding-top: 4px;
    padding-bottom: 6px
}

.RedxThemeTkThemeTile p + p {
    margin-top: 0
}

.RedxThemeTkThemeTile .redx-text {
    padding: 40px 20px;
    border: 1px solid var(--tk-border-color, #ebebeb);
    background-color: #fff
}

.RedxThemeTkThemeTile .RedxLinkAreaOverlay {
    width: calc(100% - 40px) !important;
    left: 20px !important
}

.RedxThemeTkThemeTile .RedxLinkAreaOverlay:focus {
    outline: none;
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2)
}

.alert.alert-outline-light {
    border-color: var(--tk-text-color, #323232)
}

.alert.alert-outline-light:has(>.tk-content-fontLight) {
    border-color: var(--tk-border-color, #ebebeb)
}

:root {
    --select-field-min-width: 960px;
    --xtx-color-primary: #f97b02;
    --select-option-active-background: #f97b02;
    --select-option-active-color: #fff;
    --select-dropdown-z-index: 1000;
    --list-item-link-hover-color: #f97b02;
    --list-item-padding: 8px 15px;
    --dropdown-header-padding-vertical: 0;
    --dropdown-header-background-color: transparent;
    --list-item-dividing-border: 1px solid #ebebeb;
    --list-item-link-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2)
}

#tk-side-navigation-nav > div.xtxNavigationMenu {
    margin: 0
}

#tk-side-navigation-nav > div.xtxNavigationMenu:before {
    display: none;
    content: "inline left bottom left2right top2bottom false false false none"
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li {
    padding: 0 .625rem
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child {
    width: 100%;
    display: flex;
    background: transparent;
    transition: color .5s, background-color .5s;
    align-items: center;
    justify-content: center;
    border-right: .0625rem solid #323232;
    border-bottom: .0625rem solid #323232;
    border-left: .0625rem solid #323232
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > a {
    text-decoration: none
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > a, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > button:first-child, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > span {
    outline: none;
    display: block;
    align-self: inherit;
    color: #f97b02;
    padding: .3125rem .625rem;
    text-align: center;
    font-size: 1rem;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.625rem;
    transition: color .5s, background-color .5s;
    flex: 1 1 auto
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > a .subTitle, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > button:first-child .subTitle, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > span .subTitle {
    width: 100%;
    display: block
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > span {
    cursor: default
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > button {
    border: none;
    outline: none;
    display: block;
    flex: 0 0 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    align-self: stretch;
    background: #9a9a9a;
    transition: color .5s, background-color .5s
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > button:first-child {
    background: transparent
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > button:before {
    top: 50%;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    transition-duration: inherit;
    left: calc(100% - .9375rem);
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .625rem .3125rem;
    transform: translate3d(-.3125rem, -.3125rem, 0)
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > button.focus:before {
    border-top: .625rem solid var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > div:first-child > a + button {
    flex: 0 0 1.875rem
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li > .dropdown {
    padding: 0;
    box-shadow: none;
    background: #fff;
    width: 100%;
    display: none;
    margin-top: 0
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.active > div:first-child > a, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.active > div:first-child > button:first-child {
    color: var(--tk-header-light-color, #555)
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.focus > div:first-child, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.hover > div:first-child {
    background: transparent
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.focus > div:first-child > a, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.focus > div:first-child > button:first-child, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.hover > div:first-child > a, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.hover > div:first-child > button:first-child {
    cursor: pointer;
    color: var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.hover > div:first-child > button:before {
    border-top: .625rem solid var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.open {
    overflow: visible
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child {
    background: transparent
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > a, #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button:first-child {
    color: var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button {
    background: transparent
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button:before {
    border-top: .625rem solid var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav > div.xtxNavigationMenu > ul > li.open > .dropdown {
    display: block
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu {
    margin: 0
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu:before {
    display: none;
    content: "inline left bottom left2right top2bottom false false false none"
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li {
    padding: 0
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child {
    width: 100%;
    display: flex;
    background: transparent;
    transition: color .5s, background-color .5s;
    align-items: center;
    justify-content: center;
    border-right: .0625rem solid #323232;
    border-bottom: .0625rem solid #323232;
    border-left: .0625rem solid #323232
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > a {
    text-decoration: none
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > button:first-child, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > span {
    outline: none;
    display: block;
    align-self: inherit;
    color: #f97b02;
    padding: 0;
    text-align: center;
    font-size: 1rem;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.625rem;
    transition: color .5s, background-color .5s;
    flex: 1 1 auto
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > a .subTitle, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > button:first-child .subTitle, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > span .subTitle {
    width: 100%;
    display: block
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > span {
    cursor: default
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > button {
    border: none;
    outline: none;
    display: block;
    flex: 0 0 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    align-self: stretch;
    background: #9a9a9a;
    transition: color .5s, background-color .5s
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > button:first-child {
    background: transparent
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > button:before {
    top: 50%;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    transition-duration: inherit;
    left: calc(100% - .9375rem);
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .625rem .3125rem;
    transform: translate3d(-.3125rem, -.3125rem, 0)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > button.focus:before {
    border-top: .625rem solid var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > div:first-child > a + button {
    flex: 0 0 1.875rem
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li > .dropdown {
    padding: 0;
    box-shadow: none;
    background: #fff;
    width: 100%;
    display: none;
    margin-top: 0
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.active > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.active > div:first-child > button:first-child {
    color: var(--tk-header-light-color, #555)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.focus > div:first-child, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.hover > div:first-child {
    background: transparent
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.focus > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.focus > div:first-child > button:first-child, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.hover > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.hover > div:first-child > button:first-child {
    cursor: pointer;
    color: var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.hover > div:first-child > button:before {
    border-top: .625rem solid var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.open {
    overflow: visible
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child {
    background: transparent
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button:first-child {
    color: var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button {
    background: transparent
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button:before {
    border-top: .625rem solid var(--tk-primary-color, #ff7d00)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel2.xtxNavigationMenu > ul > li.open > .dropdown {
    display: block
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu {
    margin: 0
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu:before {
    display: none;
    content: "small right top left2right top2bottom true true true none"
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li {
    padding: 0;
    position: relative
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li:first-child > div:first-child {
    border-top: .0625rem solid #323232
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child {
    width: 100%;
    display: flex;
    background: #cdcdcd;
    transition: color .5s, background-color .5s;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-right: .0625rem solid #323232;
    border-bottom: .0625rem solid #323232;
    border-left: .0625rem solid #323232
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > a {
    text-decoration: none
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > button:first-child, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > span {
    outline: none;
    display: block;
    align-self: inherit;
    color: #f97b02;
    padding: .3125rem .625rem;
    text-align: center;
    font-size: 1rem;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.625rem;
    transition: color .5s, background-color .5s;
    flex: 1 1 auto
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > a .subTitle, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > button:first-child .subTitle, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > span .subTitle {
    width: 100%;
    display: block
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > span {
    cursor: default
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > button {
    border: none;
    outline: none;
    display: block;
    flex: 0 0 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    align-self: stretch;
    background: #9a9a9a;
    transition: color .5s, background-color .5s
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > button:first-child {
    background: transparent
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > button:before {
    top: 50%;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    transition-duration: inherit;
    left: calc(100% - .9375rem);
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .625rem .3125rem;
    transform: translate3d(-.3125rem, -.3125rem, 0)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > button.focus:before {
    border-top: .625rem solid var(--tk-header-light-color, #555)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > div:first-child > a + button {
    flex: 0 0 1.875rem
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > .dropdown {
    padding: 0;
    box-shadow: none;
    background: #cdcdcd;
    z-index: 1;
    opacity: 0;
    display: block;
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    min-width: 18.75rem;
    max-width: none;
    left: 100%;
    margin-left: -.0625rem;
    top: 0;
    margin-top: -.0625rem
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > .dropdown.reverseX {
    left: auto;
    right: 100%;
    margin-right: -.0625rem
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li > .dropdown.reverseY {
    bottom: 0;
    top: auto
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.active > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.active > div:first-child > button:first-child {
    color: var(--tk-header-light-color, #555)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.focus > div:first-child, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.hover > div:first-child {
    background: #cdcdcd
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.focus > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.focus > div:first-child > button:first-child, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.hover > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.hover > div:first-child > button:first-child {
    cursor: pointer;
    color: var(--tk-header-light-color, #555)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.hover > div:first-child > button:before {
    border-top: .625rem solid var(--tk-header-light-color, #555)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.open {
    overflow: visible
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child {
    background: #cdcdcd
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > a, #tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button:first-child {
    color: var(--tk-header-light-color, #555)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button {
    background: #9a9a9a
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.open:not(.closing) > div:first-child > button:before {
    border-top: .625rem solid var(--tk-header-light-color, #555)
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.open > .dropdown {
    opacity: 1;
    position: absolute;
    visibility: visible;
    pointer-events: all
}

#tk-side-navigation-nav .xtxNavigationMenuLevel3.xtxNavigationMenu > ul > li.closing > .dropdown {
    opacity: 0
}

#xtxNavigationOffSideNavigation {
    background-color: #f4f4f4;
    margin-top: 100px;
    width: 0;
    height: 0;
    z-index: 1002;
    overflow: visible
}

#xtxNavigationOffSideNavigation a {
    color: var(--tk-text-color, #323232) !important;
    text-decoration: none
}

#xtxNavigationOffSideNavigation a:hover {
    color: var(--tk-primary-color, #ff7d00) !important
}

#xtxNavigationOffSideNavigation a:focus {
    box-shadow: none;
    outline: none
}

#xtxNavigationOffSideNavigation [data-offcanvas-content] {
    overflow-x: hidden
}

#xtxNavigationOffSideNavigation [data-offcanvas-footer] {
    height: 62px;
    border-top: 1px solid #ebebeb
}

#xtxNavigationOffSideNavigation .xtxNavigationSubNavContainer {
    border: none !important
}

#xtxNavigationOffSideNavigation .tk-has-side-navigation #tk-main-content {
    padding-top: 10px
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav div.xtxNavigationMenu:not(.xtxNavigationMenuLevel2):not(.xtxNavigationMenuLevel3) > ul > li {
    border-bottom: 1px solid #ebebeb
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav > div.xtxNavigationMenu > ul > li {
    padding: 0
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav div.xtxNavigationMenu .xtxNavigationSubNavContainer a, #xtxNavigationOffSideNavigation #tk-side-navigation-nav div.xtxNavigationMenu:not(.xtxNavigationMenuLevel2):not(.xtxNavigationMenuLevel3) > ul > li > a {
    display: inline-block;
    width: 100%;
    padding: 17px 30px 16px !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav div.xtxNavigationMenu .xtxNavigationMenuLevel2 .xtxNavigationSubNavContainer a {
    padding: 8px 0 0 30px !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel2 a, #xtxNavigationOffSideNavigation #tk-side-navigation-nav div.xtxNavigationMenu .xtxNavigationMenuLevel2 .xtxNavigationSubNavContainer a {
    padding-left: 40px !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel2 .dropdown {
    margin-top: 15px !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel2 .dropdown a {
    padding-left: 50px !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel3 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav div.xtxNavigationMenu > ul > li > div:first-child > a, #xtxNavigationOffSideNavigation #tk-side-navigation-nav div.xtxNavigationMenu > ul > li > div:first-child > button:first-child, #xtxNavigationOffSideNavigation #tk-side-navigation-nav div.xtxNavigationMenu > ul > li > div:first-child > span {
    padding: 0;
    text-align: left !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel2, #xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel3 {
    padding-bottom: 20px;
    background-color: #f4f4f4;
    margin-top: -15px !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel2 a, #xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel3 a {
    display: inline-block;
    padding-left: 30px;
    width: 100%
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel3 a {
    padding-left: 40px
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel2 a, #xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenuLevel3 a {
    padding-top: 8px !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenu button:before {
    border: none !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .xtxNavigationMenu button {
    background-color: transparent !important;
    flex: 0 0 4rem !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav li button:after {
    transition: transform .1s linear;
    position: absolute;
    margin-left: -2px;
    content: " ";
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg)
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav li.open > .xtxNavigationSubNavContainer button:after {
    transform: rotate(-45deg) !important;
    border-width: 2px 2px 0 0 !important
}

#xtxNavigationOffSideNavigation #tk-side-navigation-nav .active-inherited > a, #xtxNavigationOffSideNavigation #tk-side-navigation-nav li.active-inherited .xtxNavigationSubNavContainer > a {
    color: #f97b02 !important
}

#tk-side-navigation-logout {
    display: inline-block;
    width: 100%;
    padding: 16px 30px 20px;
    background-image: url(/res/pics/icons/icon-logout.svg);
    background-repeat: no-repeat;
    background-position: 355px;
    transition: none
}

#tk-side-navigation-logout:hover {
    background-image: url(/res/pics/icons/icon-logout-hover.svg)
}

#tk-side-navigation-opener {
    width: 50px;
    height: 50px;
    background-color: var(--tk-primary-color, #ff7d00);
    position: absolute;
    right: -50px;
    top: 0;
    cursor: pointer;
    text-align: center
}

#tk-side-navigation-opener #tk-side-navigation-opener-opened {
    overflow: visible !important
}

#tk-side-navigation-opener #tk-side-navigation-opener-opened img {
    display: block !important;
    flex: none !important;
    width: 26px;
    height: 26px;
    margin-top: 12px;
    margin-left: 12px
}

#tk-side-navigation-opener #tk-side-navigation-opener-closed img {
    display: block !important;
    flex: none !important;
    width: 23px;
    height: 15px;
    margin-top: 16px;
    margin-left: 12px
}

body[data-has-overlay-side-navigation] #breadcrumb-area-container #breadcrumb-area .tk-breadcrumb-content, body[data-has-overlay-side-navigation] .tk-has-side-navigation .RedxPageContainer {
    margin: 0 auto
}

xtx-datetime-picker[type=date], xtx-datetime-picker[type=datetime] {
    --datepicker-date-input-width: 200px
}

xtx-datetime-picker {
    --xtx-color-primary: #f97b02;
    --datepicker-date-input-padding: 12px 20px 11px 20px;
    --datepicker-date-border-radius: 0.3125rem;
    --datepicker-date-input-transition: all 0.5s;
    --datepicker-date-background: #fff;
    --datepicker-icon-padding: 0 8px 2px 5px;
    --datepicker-date-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2);
    --datepicker-date-input-focus-border: none;
    --datepicker-calendar-arrow-border-color: transparent;
    --datepicker-calendar-arrow-color: transparent;
    --datepicker-calendar-day-disabled-color: #323232
}

xtx-status-notice {
    --status-notice-color: var(--tk-text-color, #323232);
    --status-notice-font-size: 14px;
    --status-notice-line-height: 19px;
    --status-notice-padding: 6px 10px 5px 10px;
    --xtx-color-status-error-contrast: rgba(249, 31, 2, 0.1);
    --xtx-color-status-warning-contrast: rgba(255, 204, 49, 0.1);
    --xtx-color-status-success-contrast: rgba(78, 255, 121, 0.1);
    --xtx-color-status-disabled-contrast: rgba(99, 99, 99, 0.1)
}

xtx-status-notice[color=status-error] {
    --status-notice-border-color: #f91f02
}

xtx-status-notice[color=status-warning] {
    --status-notice-border-color: #ffcc31
}

xtx-status-notice[color=status-success] {
    --status-notice-border-color: #4eff79
}

xtx-status-notice[color=status-disabled] {
    --status-notice-border-color: var(--tk-text-light-color, #999)
}

.xtxTabs .tabScroller {
    overflow-x: auto !important
}

.xtxTabs .tabScroller .tabScrollerScrollArea {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.xtxTabs .tab.tab-content {
    overflow: visible
}

.xtxTabs + .resultsContainer {
    border-top: 1px solid var(--tk-border-color, #ebebeb);
    margin-top: -9px
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel a, .xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent a.tabInputLabel {
    color: #323232;
    text-decoration: none
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel.disabled:not(.ready), .xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel.disabled:not(.ready) a {
    color: rgba(50, 50, 50, .7);
    cursor: not-allowed
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel label {
    margin-bottom: 0
}

.xtxTabs {
    display: flex;
    flex-wrap: wrap
}

.xtxTabs .tabScrollerScrollTest {
    position: absolute;
    top: -200vh;
    width: 100px;
    height: 100px;
    overflow-x: scroll
}

.xtxTabs .tabScrollerScrollTest::-webkit-scrollbar {
    display: none
}

.xtxTabs .tabScroller {
    position: relative;
    width: 100%;
    overflow: hidden
}

.xtxTabs .tabScroller.animating .tabScrollerScrollArea .tabScrollerScrollContent {
    transition: transform .25s cubic-bezier(.4, 0, .2, 1)
}

.xtxTabs .tabScroller .tabScrollerScrollArea {
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.xtxTabs .tabScroller .tabScrollerScrollArea::-webkit-scrollbar {
    display: none
}

.xtxTabs .tabScroller .tabScrollerScrollArea.tabScrollerScrollAreaScroll {
    overflow-x: scroll
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    transform: none;
    will-change: transform
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .xtx-search-nav-tab label {
    font-size: 1rem;
    outline: none
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .875rem 1.375rem .9375rem 1.25rem;
    color: #323232;
    background: #f4f4f4;
    transition: color .5s, background-color .5s, border-color .5s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    border: .0625rem solid var(--tk-border-color, #ebebeb);
    border-radius: .3125rem .3125rem 0 0;
    font-size: 1rem;
    outline: none;
    margin: .5rem .3125rem
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:first-child {
    margin-left: 1.25rem
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:last-child {
    margin-right: 1.25rem
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:hover {
    background: var(--tk-border-color, #ebebeb);
    color: #323232
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:focus {
    background: #f4f4f4;
    color: #323232;
    padding: .8125rem 1.3125rem .875rem 1.1875rem;
    position: relative;
    border: .125rem solid #4eb4fb;
    box-shadow: 0 0 0 .375rem rgba(78, 180, 251, .2)
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:focus:after {
    display: inline-block;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: .125rem solid #4eb4fb
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel.active, .xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:active {
    background: #fff;
    color: #323232;
    border-bottom-color: #fff
}

.xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel.active:focus, .xtxTabs .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:active:focus {
    border-bottom: 2px solid #4eb4fb
}

.xtxTabs > .tab {
    display: none;
    margin-bottom: -.0625rem;
    width: 100%;
    background: none;
    order: 99;
    overflow: hidden;
    border-top: .0625rem solid var(--tk-border-color, #ebebeb);
    margin-top: -.5625rem
}

.xtxTabs > .tab .tabContent {
    padding: 1.5625rem 1.25rem
}

.xtxTabs > input[type=radio] {
    position: absolute;
    opacity: 0
}

.xtxTabs > input[type=radio]:checked + .tab {
    display: block
}

.xtxTabs label {
    cursor: pointer
}

.xtxTabs.xtxTabsCompact .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel {
    padding: .375rem .4375rem .3125rem .375rem;
    font-size: .875rem;
    margin-left: .15625rem;
    margin-right: .15625rem
}

.xtxTabs.xtxTabsCompact .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel.xtx-search-nav-tab label {
    margin-bottom: 0;
    font-size: .875rem
}

.xtxTabs.xtxTabsCompact .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:focus {
    padding: .3125rem .375rem .25rem .3125rem;
    box-shadow: 0 0 0 .25rem rgba(78, 180, 251, .2)
}

.xtxTabs.xtxTabsCompact .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:first-child {
    margin-left: .625rem
}

.xtxTabs.xtxTabsCompact .tabScroller .tabScrollerScrollArea .tabScrollerScrollContent .tabInputLabel:last-child {
    margin-right: .625rem
}

.xtxTabs.xtxTabsCompact > .tab {
    margin-top: -.5625rem
}

.xtxAccordion:not(.initialized) > .accordion {
    max-height: 0;
    transition: max-height .3s
}

.xtxAccordion.initialized > .accordion > .accordionContent {
    margin-bottom: -9999px;
    transition: margin-top .3s, margin-bottom 0s .3s
}

.xtxAccordion.initialized > input[type=checkbox]:checked + .accordionInputLabel + .accordion, .xtxAccordion.initialized > input[type=radio]:checked + .accordionInputLabel + .accordion {
    max-height: 100%
}

.xtxAccordion.initialized > input[type=checkbox]:checked + .accordionInputLabel + .accordion > .accordionContent, .xtxAccordion.initialized > input[type=radio]:checked + .accordionInputLabel + .accordion > .accordionContent {
    margin-bottom: 0;
    transition: margin-top 0s
}

.xtxAccordion.initialized > input[type=checkbox]:checked + .accordionInputLabel + .accordion > .accordionContent.open, .xtxAccordion.initialized > input[type=radio]:checked + .accordionInputLabel + .accordion > .accordionContent.open {
    transition: margin-top .3s
}

.xtxAccordion.initialized > input[type=checkbox]:checked + .accordion, .xtxAccordion.initialized > input[type=radio]:checked + .accordion {
    max-height: 100%;
    transition: none
}

.xtxAccordion.initialized > input[type=checkbox]:checked + .accordion > .accordionContent, .xtxAccordion.initialized > input[type=radio]:checked + .accordion > .accordionContent {
    margin-bottom: 0;
    transition: margin-top 0s
}

.xtxAccordion.initialized > input[type=checkbox]:checked + .accordion > .accordionContent.open, .xtxAccordion.initialized > input[type=radio]:checked + .accordion > .accordionContent.open {
    transition: margin-top .3s
}

.xtxAccordion .accordionInputLabel {
    display: flex;
    align-items: center;
    margin: 0 0 -.0625rem;
    padding: 1.25rem;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.xtxAccordion .accordionInputLabel, .xtxAccordion .accordionInputLabel.active, .xtxAccordion .accordionInputLabel:active, .xtxAccordion .accordionInputLabel:focus, .xtxAccordion .accordionInputLabel:hover {
    color: #323232;
    background: #fff
}

.xtxAccordion > .accordion {
    width: 100%;
    margin-bottom: -.0625rem;
    background: transparent;
    overflow: hidden
}

.xtxAccordion > .accordion > .accordionContent {
    padding: 0 1.25rem
}

.xtxAccordion > input[type=checkbox], .xtxAccordion > input[type=radio] {
    position: absolute;
    opacity: 0
}

.xtxAccordion > input[type=checkbox]:checked + .accordionInputLabel, .xtxAccordion > input[type=radio]:checked + .accordionInputLabel {
    background: #fff;
    color: #323232
}

.xtxAccordion > input[type=checkbox]:checked + .accordion, .xtxAccordion > input[type=checkbox]:checked + .accordionInputLabel + .accordion, .xtxAccordion > input[type=radio]:checked + .accordion, .xtxAccordion > input[type=radio]:checked + .accordionInputLabel + .accordion {
    max-height: 200vh
}

.xtxAccordion .accordionInputLabel {
    font-weight: 700
}

.xtxAccordion .accordionInputLabel a {
    text-decoration: none;
    color: var(--tk-text-color, #323232)
}

.xtxAccordion .accordionInputLabel:after {
    content: url(/res/pics/icons/arrow-down.svg);
    position: absolute;
    right: 20px;
    margin-top: 5px
}

.xtxAccordion .accordionInputLabel.active:after {
    content: url(/res/pics/icons/arrow-up.svg)
}

.xtxAccordion .accordionInputLabel:not(:first-of-type) {
    border-top: 1px solid #ebebeb
}

.xtxAccordion .accordionInputLabel span {
    width: calc(100% - 40px)
}

.xtxAccordion .accordionInputLabel .redx_loading_wrap {
    top: 18px !important
}

[data-countdown][data-inline="0"] > span {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    margin-right: .5em
}

[data-countdown][data-inline="0"] > span:last-child {
    margin-right: 0
}

[data-countdown][data-inline="0"] > span .value {
    color: var(--tk-primary-color, #ff7d00);
    font-size: 1.625rem;
    line-height: 40px;
    font-weight: 700
}

[data-countdown][data-inline="0"] > span .label {
    font-size: 1rem;
    line-height: 26px;
    padding: 0;
    margin-left: .2em
}

.tk-banner-full-size-countdown [data-countdown][data-inline="0"] > span .value {
    font-size: 2.125rem;
    line-height: 40px;
    font-weight: 700
}

.tk-banner-full-size-countdown [data-countdown][data-inline="0"] > span .label {
    font-size: 1.25rem;
    line-height: 26px;
    color: #fff
}

#tk-configurator-content xtx-badge[id^=c_marking_] [data-countdown] {
    margin-left: 3px
}

#tk-configurator-content xtx-badge[id^=c_marking_] [data-countdown][data-inline="0"] > span {
    margin-right: .2em
}

#tk-configurator-content xtx-badge[id^=c_marking_] [data-countdown][data-inline="0"] > span .label, #tk-configurator-content xtx-badge[id^=c_marking_] [data-countdown][data-inline="0"] > span .value {
    font-size: var(--badge-font-size, 12px);
    line-height: 12px;
    color: #fff !important
}

.RedxThemeCountDownLarge [data-countdown][data-inline="0"] > span {
    flex-direction: column;
    align-items: center;
    margin-right: 2em
}

.RedxThemeCountDownLarge [data-countdown][data-inline="0"] > span .value {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700
}

.RedxThemeCountDownLarge [data-countdown][data-inline="0"] > span .label {
    margin-top: .2em
}

#tk-external-open-e-calculator .jdss-calc-button {
    text-decoration: none;
    padding-bottom: 32px
}

#tk-external-open-e-calculator .jdss-calc-blue, #tk-external-open-e-calculator .jdss-calc-red, #tk-external-open-e-calculator h1, #tk-external-open-e-calculator h2, #tk-external-open-e-calculator h3, #tk-external-open-e-calculator h4, #tk-external-open-e-calculator h5, #tk-external-open-e-calculator p {
    color: #323232 !important
}

#tk-external-open-e-calculator input:focus {
    color: #323232 !important;
    border: .0625rem solid #ccc !important;
    outline: none !important;
    outline-color: currentcolor !important;
    outline-width: medium !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2) !important
}

@media (min-width: 500px) and (max-width: 640px) {
    #xtx-filter-search-clear {
        right: 120px !important
    }
}

@media (min-width: 640px) {
    .RedxThemeTkThemeTile {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .tk-category-navigation .tk-category-navigation-item a {
        padding-bottom: 40px
    }

    .RedxBlockGridChild:first-child:last-of-type .tk-category-navigation-item, .RedxBlockGridChild:nth-child(2):last-of-type .tk-category-navigation-item, .RedxBlockGridChild:nth-child(3n) .tk-category-navigation-item {
        border-right: none
    }

    .RedxBlockGridChild:nth-child(3n):not(:last-of-type) .tk-category-navigation-item:after {
        content: "";
        border-bottom: 1px solid var(--tk-border-color, #ebebeb);
        position: absolute;
        width: 150vw;
        right: -50vw
    }
}

@media (min-width: 959px) {
    .tk-overlay-box-footer-my-account .tk-overlay-my-account-logout-link:hover {
        filter: invert(45%) sepia(78%) saturate(1333%) hue-rotate(3deg) brightness(101%) contrast(98%)
    }
}

@media (min-width: 960px) {
    .server_filter_sort_container.sticky {
        padding-left: 25px;
        padding-right: 25px
    }

    .tk-header-not-sticky {
        position: absolute !important;
        width: 100vw !important;
        left: 0 !important;
        margin-left: -25px !important
    }

    .header-container:not(.header-container-with-navigation) {
        transition: none;
        height: 75px
    }

    .header-container:not(.header-container-with-navigation) .header-right-content, .header-container:not(.header-container-with-navigation) .main-nav-right {
        display: none
    }

    .header-container {
        height: 100px;
        transition: height .5s ease-in-out;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        position: fixed
    }

    .header-container.header-container-with-navigation {
        height: 100px
    }

    .header-container .header-content {
        position: relative
    }

    .header-container .header-content .main-nav {
        width: 100%
    }

    .header-container .search {
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity .5s linear
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .main-nav {
        display: none
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .configurator-header-text {
        display: block;
        line-height: 40px
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .configurator-header-text .h3 {
        margin-top: 10px
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-results .inputField:not(:focus), .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-suggestions .inputField:not(:focus) {
        background-color: #555;
        border-color: #555
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-results .inputField:not(:focus)::-moz-placeholder, .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-suggestions .inputField:not(:focus)::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-results .inputField:not(:focus)::placeholder, .header-container.scrolled:not(.header-container-force-complete).configurator-page:not(.tk-header-not-sticky) .xtx-search-container-suggestions .inputField:not(:focus)::placeholder {
        color: #999;
        opacity: 1
    }

    .header-container .xtx-search-container-suggestions .xtx-search-response {
        max-height: calc(100vh - 57px);
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: -4px
    }

    .header-container .logo {
        width: 120px
    }

    .header-container .logo .tk-main-logo {
        transition: visibility 0s, opacity .5s linear
    }

    .header-container div.header-nav > .header-nav-top {
        height: 25px;
        margin-bottom: 0
    }

    .header-container div.header-nav > .header-nav-bottom {
        float: right;
        width: auto
    }

    .header-container div.header-nav.header-nav-cart-nav {
        margin-left: -50px
    }

    .header-container .topnav-content {
        /*margin-left: -65px*/
        margin-lefft:100px;
    }

    .header-container .main-nav {
        position: absolute;
        width: auto;
        margin-top: auto;
        top: 21px;
    }

    .header-container .main-nav-right {
        position: absolute;
        width: auto;
        margin-top: auto;
        top: 31px
    }

    .header-container .search-and-header-nav {
        float: unset
    }

    .header-container .header-mid-content {
        position: unset;
        top: auto;
        left: auto;
        width: calc(100% - 400px)
    }

    .header-container .header-mid-content .search {
        padding-top: 5px
    }

    .header-container.is-logged-in .header-mid-content {
        width: calc(100% - 510px);
        padding-right: 10px
    }

    .topnav-container > ul {
        height: 41px
    }

    .topnav-container > ul > li.active-inherited > a {
        color: #f97b02 !important
    }

    .topnav-container > ul > li > a:not(.btn) {
        text-shadow: none;
        color: #fff;
        font-size: 16px;
        font-weight:bolder;
        text-transform: none;
        padding-right: 15px;
        padding-left: 25px;
        line-height: 41px
    }

    .topnav-container > ul > li {
        float: left
    }

    .topnav-container .is-hidden {
        visibility: hidden
    }

    .topnav-container .cart, .topnav-container .change_currency, .topnav-container .change_lang, .topnav-container .go-back, .topnav-container .logout, .topnav-container .see-all {
        display: none !important
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) > li > div > div > ul > li > a {
        padding-left: 80px
    }

    .topnav-container-content-scrollable.is-hidden {
        visibility: hidden;
        z-index: -1
    }

    .layout-display-container.display-row > .layout-col-1 {
        width: 8.3333333333%
    }

    .layout-display-container.display-row > .layout-col-2 {
        width: 16.6666666667%
    }

    .layout-display-container.display-row > .layout-col-3 {
        width: 25%
    }

    .layout-display-container.display-row > .layout-col-4 {
        width: 33.3333333333%
    }

    .layout-display-container.display-row > .layout-col-5 {
        width: 41.6666666667%
    }

    .layout-display-container.display-row > .layout-col-6 {
        width: 50%
    }

    .layout-display-container.display-row > .layout-col-7 {
        width: 58.3333333333%
    }

    .layout-display-container.display-row > .layout-col-8 {
        width: 66.6666666667%
    }

    .layout-display-container.display-row > .layout-col-9 {
        width: 75%
    }

    .layout-display-container.display-row > .layout-col-10 {
        width: 83.3333333333%
    }

    .layout-display-container.display-row > .layout-col-11 {
        width: 91.6666666667%
    }

    .layout-display-container.display-row > .layout-col-12 {
        width: 100%
    }
}

@media (min-width: 960px) and (max-width: 1050px) {
    .header-container:not(.scrolled) .header-nav-top .phone {
        margin-right: 0 !important
    }

    .header-container:not(.scrolled) .header-nav-top .phone-support {
        float: none !important
    }
}

@media (min-width: 960px) and (max-width: 1150px) {
    .header-container #login-myaccount > a {
        max-width: 120px !important
    }

    .header-container .cart-articles #tk-cart-nr-products, .header-container .cart-articles .product-str {
        display: none
    }
}

@media (min-width: 960px) {
    .RedxBlockGridChild:first-child:last-of-type .tk-category-navigation-item, .RedxBlockGridChild:nth-child(2):last-of-type .tk-category-navigation-item, .RedxBlockGridChild:nth-child(3):last-of-type .tk-category-navigation-item, .RedxBlockGridChild:nth-child(4n) .tk-category-navigation-item {
        border-right: none
    }

    .RedxBlockGridChild:nth-child(4n):not(:last-of-type) .tk-category-navigation-item:after {
        content: "";
        border-bottom: 1px solid var(--tk-border-color, #ebebeb);
        position: absolute;
        width: 150vw;
        right: -50vw
    }

    #xtxNavigationOffSideNavigation {
        width: 350px;
        height: calc(100% - 100px)
    }
}

@media (min-width: 960px) and (max-width: 1599px) {
    #xtxNavigationOffSideNavigation {
        transition-duration: .5s
    }
}

@media (min-width: 960px) and (max-width: 1649px) {
    body[data-has-overlay-side-navigation] #breadcrumb-area-container #breadcrumb-area .tk-breadcrumb-content {
        padding-left: 90px !important
    }
}

@media (min-width: 1200px) and (max-width: 1265px) {
    .sidebar_rotation a {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }
}

@media (min-width: 1200px) and (max-width: 1650px) {
    #breadcrumb-area, #footer-area, #header-area, #info-area, #navbar-area, #tk-important-sitex-note, #tk-main-content, #tk-support-phone-area, #viewport-original {
        padding-left: 25px;
        padding-right: 25px
    }

    .header-content {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

@media (min-width: 1650px) {
    .server_filter_sort_container.sticky {
        padding-left: 0;
        padding-right: 0
    }

    .server_filter_sort_container.sticky > div {
        max-width: 1600px;
        margin: 0 auto
    }
}

@media (min-width: 1650px) {
    body[data-has-overlay-side-navigation] #breadcrumb-area-container #breadcrumb-area .tk-breadcrumb-content, body[data-has-overlay-side-navigation] .tk-has-side-navigation .RedxPageContainer {
        padding-left: calc(1190px - 50vw)
    }

    body[data-has-overlay-side-navigation] #breadcrumb-area-container #breadcrumb-area {
        padding-right: 0 !important
    }
}

@media (min-width: 2380px) {
    body[data-has-overlay-side-navigation] #breadcrumb-area-container #breadcrumb-area .tk-breadcrumb-content, body[data-has-overlay-side-navigation] .tk-has-side-navigation .RedxPageContainer {
        padding-left: unset
    }
}

@media (min-width: 1500px) and (max-height: 900px) {
    #tk-sticky-button-appointment, #tk-sticky-button-current-product-configuration, #tk-sticky-button-live-chat {
        height: 40px
    }
}

@media (max-width: 1599px) {
    #tk-side-navigation-logout {
        background-position: 305px
    }
}

@media (max-width: 959px) {
    .tk-header-not-sticky {
        position: absolute !important;
        width: 100vw !important
    }

    .header-container-block {
        padding-top: 0 !important
    }

    .header-container-block .logo {
        margin-top: 8px
    }

    .header-nav .currency, .header-nav .lang {
        display: none
    }

    .header-nav .header-nav-bottom {
        float: right;
        clear: both;
        position: relative
    }

    .header-nav .header-nav-bottom li {
        float: left
    }

    .header-nav .header-nav-bottom li.cart-articles {
        float: right
    }

    .header-nav .header-nav-bottom li.cart-articles + li {
        clear: both
    }

    #navbar-area {
        padding-left: 0;
        padding-right: 0
    }

    #header-area {
        height: 70px
    }

    .main-nav {
        margin: 0 !important;
        left: 0 !important
    }

    .topnav-button-container {
        text-align: center;
        position: relative
    }

    .topnav-button-container .topnav-mobile-button {
        height: 70px;
        width: 70px;
        float: right;
        cursor: pointer;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
        background-color: #333;
        background-image: none;
        border-radius: unset;
        border: 0
    }

    .topnav-button-container .topnav-mobile-button:hover > span {
        background: #f97b02
    }

    .topnav-button-container .topnav-mobile-button > span {
        display: block;
        width: 28px;
        height: 2px;
        margin: 0 auto 6px;
        position: relative;
        background: #fff;
        border-radius: 2px
    }

    .topnav-button-container .topnav-mobile-button > span:first-of-type {
        margin-top: 2px
    }

    .topnav-button-container .topnav-mobile-button > span:last-of-type {
        margin-bottom: 0
    }

    .topnav-button-container .topnav-mobile-button.topnav-mobile-button-menu {
        padding: 0 12px
    }

    .topnav-button-container .topnav-mobile-button a {
        height: 69px;
        width: 70px;
        display: inline-block
    }

    .topnav-button-container .topnav-mobile-button-news {
        display: none
    }

    .topnav-button-container .topnav-mobile-button-icon i {
        margin-top: 17px
    }

    .topnav-button-container .tk-icon-navi-message {
        background-position: 6px 4px;
        margin-left: 0
    }

    .topnav-button-container .topnav-icon-bar {
        display: block;
        width: 45px;
        height: 3px;
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
        margin: 7px 0;
        clear: both
    }

    .topnav-button-container .topnav-is-active {
        background-color: #555
    }

    .topnav-button-container .topnav-is-active.topnav-mobile-button-menu, .topnav-button-container .topnav-is-active a {
        border-bottom: 1px solid var(--tk-text-color, #323232)
    }

    .topnav-hide-mobile {
        display: none
    }

    .topnav-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 980
    }

    .topnav-container .display-none {
        display: none
    }

    .topnav-container li, .topnav-container ul {
        height: auto !important
    }

    .topnav-container li a {
        margin-left: 16px;
        margin-right: 24px
    }

    .topnav-container .is-open, .topnav-container .topnav-content, .topnav-container li > a {
        color: #fff;
        background-color: #555
    }

    .topnav-container .move-out {
        border-bottom: 0;
        box-shadow: none
    }

    .topnav-container ul a {
        padding-left: 12px;
        color: #fff;
        font-size: 19px
    }

    .topnav-container ul li.active-inherited > a {
        color: #f97b02 !important
    }

    .topnav-container ul li.active-inherited > a:after, .topnav-container ul li.active-inherited > a:before {
        background-color: #f97b02
    }

    .topnav-container ul li.see-all {
        padding-top: 5px
    }

    .topnav-container ul li.see-all a {
        font-weight: 700 !important;
        color: #fff !important;
        font-size: 24px
    }

    .topnav-container.topnav-is-active {
        visibility: visible;
        height: calc(100vh - 70px);
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #555
    }

    .topnav-container.topnav-is-active + .topnav-container-after {
        z-index: 970;
        height: 150vh;
        content: "";
        position: fixed;
        top: 70px;
        width: 100%;
        background-color: #555
    }

    .topnav-container *, .topnav-container :after, .topnav-container :before {
        box-sizing: border-box
    }

    .topnav-container .topnav-content {
        margin: 0;
        display: inline-block
    }

    .topnav-container .topnav-content a, .topnav-container .topnav-content ul a {
        height: 48px;
        line-height: 48px
    }

    .topnav-container .topnav-content, .topnav-container .topnav-content ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow-y: visible;
        transition: transform .3s
    }

    .topnav-container .topnav-content a, .topnav-container .topnav-content ul a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .topnav-container .topnav-content li:first-of-type > a, .topnav-container .topnav-content ul li:first-of-type > a {
        border-top-width: 0
    }

    .topnav-container .topnav-content li:last-of-type > a, .topnav-container .topnav-content ul li:last-of-type > a {
        border-bottom-width: 1px
    }

    .topnav-container ul.topnav-content li a, .topnav-container ul.topnav-content ul li a {
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: opacity .3s, transform .3s
    }

    .topnav-container .topnav-content.is-hidden, .topnav-container .topnav-content ul.is-hidden {
        transform: translateX(100%)
    }

    .topnav-container .topnav-content.move-out > li > a, .topnav-container .topnav-content ul.move-out > li > a {
        transform: translateX(-100%)
    }

    .topnav-container .topnav-is-active .topnav-content, .topnav-container .topnav-is-active .topnav-content ul {
        -webkit-overflow-scrolling: touch
    }

    .topnav-container .go-back a, .topnav-container .has-children > a {
        position: relative
    }

    .topnav-container li.go-back {
        border-bottom: 1px solid var(--tk-text-color, #323232)
    }

    .topnav-container ul.topnav-content li:first-child:not(.go-back) {
        padding-top: 30px
    }

    .topnav-container .go-back a:after, .topnav-container .go-back a:before, .topnav-container .has-children > a:after, .topnav-container .has-children > a:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background-color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .topnav-container .go-back a:before, .topnav-container .has-children > a:before {
        transform: rotate(45deg)
    }

    .topnav-container .go-back a:after, .topnav-container .has-children > a:after {
        transform: rotate(-45deg)
    }

    .topnav-container .go-back a:hover:after, .topnav-container .go-back a:hover:before, .topnav-container .has-children > a:hover:after, .topnav-container .has-children > a:hover:before {
        background-color: #f97b02
    }

    .topnav-container .has-children > a {
        padding-right: 40px
    }

    .topnav-container .has-children > a:after, .topnav-container .has-children > a:before {
        right: 20px;
        transform-origin: 9px 50%
    }

    .topnav-container .topnav-content .go-back a {
        height: 60px;
        line-height: 60px;
        padding-left: 35px
    }

    .topnav-container .topnav-content .go-back a:after, .topnav-container .topnav-content .go-back a:before {
        left: 10px;
        transform-origin: 1px 50%
    }

    .topnav-container li.tk-top-nav-container {
        display: none
    }

    .topnav-container .change_currency.has-children > a:after, .topnav-container .change_currency.has-children > a:before, .topnav-container .change_lang.has-children > a:after, .topnav-container .change_lang.has-children > a:before {
        right: 23px
    }

    .topnav-container .change_currency.has-children > a:before, .topnav-container .change_lang.has-children > a:before {
        transform: rotate(-225deg)
    }

    .topnav-container .change_currency.has-children > a:after, .topnav-container .change_lang.has-children > a:after {
        transform: rotate(45deg)
    }

    .topnav-container .change_currency.has-children > a.chooser-is-open:before, .topnav-container .change_lang.has-children > a.chooser-is-open:before {
        transform: rotate(225deg);
        margin-top: -6px
    }

    .topnav-container .change_currency.has-children > a.chooser-is-open:after, .topnav-container .change_lang.has-children > a.chooser-is-open:after {
        transform: rotate(-45deg);
        margin-top: -6px
    }

    .topnav-container .change_currency .is-hidden, .topnav-container .change_lang .is-hidden {
        display: none;
        transform: none !important
    }

    .topnav-container .change_currency .topnav-container-scroll-vertical > ul, .topnav-container .change_lang .topnav-container-scroll-vertical > ul {
        position: static;
        padding-left: 23px;
        transform: none !important
    }

    .topnav-container .change_currency .topnav-container-scroll-vertical > ul a, .topnav-container .change_lang .topnav-container-scroll-vertical > ul a {
        font-size: 16px;
        height: auto !important;
        line-height: 30px
    }

    .topnav-container .change_currency .go-back, .topnav-container .change_lang .go-back {
        display: none
    }

    .header-container.is-logged-in .topnav-mobile-button-news {
        display: block
    }

    body {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .xtxNavigationOffCanvasOverlay {
        display: none
    }

    #xtxNavigationOffCart, #xtxNavigationOffCart .tk-overlay-box-content, #xtxNavigationOffMyAccount, #xtxNavigationOffMyAccount .tk-overlay-box-content {
        background-color: #323232
    }

    #xtxNavigationOffCart .tk-overlay-box-title, #xtxNavigationOffMyAccount .tk-overlay-box-title {
        display: none
    }

    .tk-overlay-box {
        border-bottom: none;
        border-left: none;
        border-right: none
    }

    .xtxNavigationOffCanvas {
        transition-duration: unset !important
    }

    .xtxNavigationOffCanvas:not(.xtxNavigationOffCanvasOverlayCookie) {
        margin-top: 70px;
        height: calc(100% - 70px)
    }

    .xtxNavigationOffCanvas .tk-overlay-box-title {
        display: none
    }

    .xtxNavigationOffCanvas .tk-login-box-error {
        background-color: #f2dede;
        border-color: #ffddd0;
        color: #b94a48
    }

    #xtxNavigationOffMyAccount.is-logged-in, .tk-overlay-box-content-my-account-container.is-logged-in, .tk-overlay-box.is-logged-in {
        background-color: #555
    }

    .tk-overlay-box-content-my-account {
        color: #fff;
        background-color: #555
    }

    .tk-overlay-box-content-my-account a, .tk-overlay-box-content-my-account div, .tk-overlay-box-content-my-account h1, .tk-overlay-box-content-my-account p, .tk-overlay-box-content-my-account strong {
        color: #fff
    }

    .tk-overlay-box-content-my-account [data-my-account-login-row] {
        margin: 0 -5px !important
    }

    .tk-overlay-box-content-my-account [data-my-account-login-col-login] {
        color: #fff;
        background-color: #555;
        margin-bottom: 20px
    }

    .tk-overlay-box-content-my-account [data-my-account-login-col-register] {
        color: #fff;
        background-color: #323232;
        border: none;
        width: calc(100% + 80px) !important;
        margin-left: -35px;
        padding-left: 40px !important
    }

    .tk-overlay-box-content-my-account [data-my-account-login-col-register] li:before {
        background: transparent url(/res/pics/overlay/li_check_white.svg) scroll 0 0 no-repeat
    }

    .tk-overlay-box-content-my-account .tk-checkbox-container .tk-checkmark:after, .tk-overlay-box-content-my-account .tk-checkbox-container:hover input ~ .tk-checkmark, .tk-overlay-box-content-my-account .tk-checkbox-container input:checked ~ .tk-checkmark, .tk-overlay-box-content-my-account .tk-checkmark {
        border-color: #fff
    }

    .tk-overlay-box-content-my-account.is-logged-in {
        padding-top: 15px;
        padding-left: 30px;
        padding-bottom: 20px
    }

    .tk-overlay-box-content-my-account.is-logged-in a, .tk-overlay-box-content-my-account.is-logged-in p {
        color: #fff
    }

    .tk-login-pwd-forgot-link {
        color: #fff !important
    }

    .tk-overlay-box-footer-my-account {
        background-color: #555;
        border: none;
        padding-left: 30px;
        padding-bottom: 15px
    }

    .tk-overlay-box-footer-my-account a, .tk-overlay-box-footer-my-account p {
        color: #fff !important
    }

    #xtxNavigationOffCart {
        background-color: #555
    }

    #xtxNavigationOffCart .tk-overlay-box-content-cart-is-empty {
        padding: 20px
    }

    #xtxNavigationOffCart .tk-overlay-box, #xtxNavigationOffCart .tk-overlay-box-content {
        background-color: #555
    }

    #xtxNavigationOffCart .tk-overlay-box-content-cart {
        color: #fff;
        background-color: #555
    }

    #xtxNavigationOffCart .tk-overlay-box-content-cart [data-single-price-col] {
        display: none !important
    }

    #xtxNavigationOffCart .shoppingcartbox, #xtxNavigationOffCart .shoppingcartbox .cart-table, #xtxNavigationOffCart .shoppingcartbox .cart-table td .power-consumption-table, #xtxNavigationOffCart .shoppingcartbox .shopping-cart-item-row {
        background-color: #555;
        color: #fff
    }

    #xtxNavigationOffCart .cart-component td, #xtxNavigationOffCart .shoppingcartbox .cart-table td.description, #xtxNavigationOffCart .shoppingcartbox .cart-table td .power-consumption-table, #xtxNavigationOffCart .shoppingcartbox .cart-table td .power-consumption-table td, #xtxNavigationOffCart [data-tk-cart-row-cart-key]:not(.carty-entry-padding-bottom) {
        background-color: #323232 !important;
        color: #fff !important
    }

    #xtxNavigationOffCart .cart-table td {
        border-color: #555 !important
    }

    #xtxNavigationOffCart .cart-table .tk-cartentry-sub-row td {
        border-color: #323232 !important
    }

    #xtxNavigationOffCart .tk-cart-sum-block .shopping-cart-sum-label {
        padding-left: 0
    }

    #xtxNavigationOffCart .tk-cart-sum-block .shopping-cart-sum-price {
        padding-right: 0;
        margin-right: 0
    }

    #xtxNavigationOffCart .tk-cartentry-sub-row a {
        color: #fff !important
    }

    #xtxNavigationOffCart .shopping-cart-item-row {
        padding-left: 20px;
        padding-right: 20px
    }

    #xtxNavigationOffCart .tk-cart-sum-block {
        color: #fff !important;
        background-color: #323232 !important
    }

    #xtxNavigationOffCart tr.entry td {
        padding-top: 0
    }
}

@media (max-width: 959px) and (max-width: 335px) {
    #xtxNavigationOffCart .tk-overlay-box-content-cart .sum-block-transport-insurance .shopping-cart-sum-label, #xtxNavigationOffCart .tk-overlay-box-content-cart .sum-block-transport-insurance .shopping-cart-sum-price {
        height: 60px !important
    }
}

@media (max-width: 959px) and (max-width: 350px) {
    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-categories {
        padding-left: 15px
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-settings-title img {
        display: none
    }
}

@media (max-width: 959px) and (max-width: 420px) {
    .topnav-mobile-button-menu {
        width: 50px !important;
        margin-left: 0 !important
    }

    .topnav-mobile-button:not(.topnav-mobile-button-menu), .topnav-mobile-button:not(.topnav-mobile-button-menu) a {
        width: 40px !important;
        margin-left: 0 !important
    }

    #xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-sum-label {
        width: 52%;
        white-space: normal !important
    }

    #xtxNavigationOffCart .tk-overlay-box-content-cart .shopping-cart-sum-price {
        width: 100px
    }

    #xtxNavigationOffCart .tk-overlay-box-content-cart .sum-block-optional-leasing-rate .shopping-cart-sum-label, #xtxNavigationOffCart .tk-overlay-box-content-cart .sum-block-optional-leasing-rate .shopping-cart-sum-price, #xtxNavigationOffCart .tk-overlay-box-content-cart .sum-block-shipping-cost .shopping-cart-sum-label, #xtxNavigationOffCart .tk-overlay-box-content-cart .sum-block-shipping-cost .shopping-cart-sum-price, #xtxNavigationOffCart .tk-overlay-box-content-cart .sum-block-transport-insurance .shopping-cart-sum-label, #xtxNavigationOffCart .tk-overlay-box-content-cart .sum-block-transport-insurance .shopping-cart-sum-price {
        height: 40px
    }
}

@media (max-width: 959px) and (max-width: 520px) {
    #xtxNavigationOffCookiePolicy [data-offcanvas-content] {
        display: block;
        padding-left: 25px;
        padding-top: 25px
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie {
        width: 90% !important
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie h2 {
        font-size: 22px
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .tk-cookie-icon {
        width: 32px;
        height: 32px
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-categories {
        padding-left: 15px
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-categories label {
        display: block
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-overview-buttons a {
        width: 88% !important
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-description .xtx-privacy-cookie-history-description-row .xtx-privacy-cookie-history-description-col.xtx-privacy-cookie-history-description-col-checked {
        margin-right: 15% !important
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-buttons {
        padding-top: 15px
    }

    #xtxNavigationOffCookiePolicy .xtx-privacy-cookie .xtx-privacy-cookie-history-tab .xtx-privacy-cookie-history-buttons .xtx-privacy-cookie-history-button-clear {
        color: #fff;
        text-decoration: underline
    }
}

@media (max-width: 959px) and (max-width: 640px) {
    #tk-shopx-cart-container [data-single-price-col] {
        display: none !important
    }
}

@media (max-width: 959px) {
    .tk-overlay-box-footer-my-account .tk-overlay-my-account-logout-link img {
        filter: invert(100%) sepia(0) saturate(442%) hue-rotate(85deg) brightness(120%) contrast(100%)
    }

    #xtxNavigationOffProductFilter {
        margin-top: 0 !important;
        height: 100% !important
    }

    #tk-sticky-buttons-container {
        margin-right: 20px
    }

    .tk-sticky-button-current-product-configuration-badge {
        right: -2px
    }

    .tk-banner-full-size-countdown [data-countdown][data-inline="0"] > span .value {
        font-size: 20px;
        line-height: 22px;
        font-weight: 500
    }

    .tk-banner-full-size-countdown [data-countdown][data-inline="0"] > span .label {
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width: 640px) {
    #xtxNavigationOffProductFilter, #xtxNavigationOffProductFilter #xtx-filter-search {
        width: 100%
    }

    #xtxNavigationOffProductFilter .tk-serverfilter-badge-button-mobile {
        display: inline-block
    }

    #xtxNavigationOffProductFilter .tk-serverfilter-badge-button-desktop, .tk-product-list-server-found-label {
        display: none
    }

    .server_filter_sort_container {
        margin-bottom: 0
    }
}

@media (max-width: 639px) {
    .tk-category-navigation .tk-category-navigation-item a {
        padding-top: 10px;
        padding-bottom: 20px
    }

    .RedxBlockGridChild:first-child:last-of-type .tk-category-navigation-item, .RedxBlockGridChild:nth-child(2n) .tk-category-navigation-item {
        border-right: none
    }

    .RedxBlockGridChild:nth-child(2n):not(:last-of-type) .tk-category-navigation-item:after {
        content: "";
        border-bottom: 1px solid var(--tk-border-color, #ebebeb);
        position: absolute;
        width: 150vw;
        right: -50vw
    }

    .RedxThemeTkThemeTile .redx-text {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
}

@media (max-width: 600px) {
    #tk-header-container-block .topnav-mobile-button-webshop {
        white-space: nowrap
    }

    #tk-header-container-block .topnav-mobile-button-webshop span {
        display: inline-block;
        max-width: 135px;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media (max-width: 440px) {
    .tk-open-filter-button {
        padding-right: 12px
    }

    .tk-open-filter-button span {
        display: none
    }

    .tk-serverfilter-badge-link {
        padding-right: 10px
    }

    .server_filter_sort_container_content {
        display: flex
    }

    .server_filter_sort_container_content_left {
        width: 80%;
        display: flex;
        margin-right: 10px;
        align-items: baseline
    }

    .tk-serverfilter-reset-mobile-small {
        display: inline-block
    }

    .tk-serverfilter-reset-desktop {
        display: none
    }
}

@media (max-width: 420px) {
    #tk-header-container-block .tk-main-nav-btn-webshop {
        padding-left: 10px;
        padding-right: 10px
    }

    #tk-header-container-block .tk-main-nav-btn-webshop span {
        display: none
    }
}

@media (max-width: 245px) {
    #tk-header-container-block .tk-main-nav-btn-webshop {
        display: none
    }
}

.alert.alert-outline-light {
    border-color: var(--tk-text-color, #323232)
}

.alert.alert-outline-light:has(>.tk-content-fontLight) {
    border-color: var(--tk-border-color, #ebebeb)
}

:root {
    --select-field-min-width: 960px;
    --xtx-color-primary: #f97b02;
    --select-option-active-background: #f97b02;
    --select-option-active-color: #fff;
    --select-dropdown-z-index: 1000;
    --list-item-link-hover-color: #f97b02;
    --list-item-padding: 8px 15px;
    --dropdown-header-padding-vertical: 0;
    --dropdown-header-background-color: transparent;
    --list-item-dividing-border: 1px solid #ebebeb;
    --list-item-link-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2)
}

@font-face {
    font-family: FSMeWeb;
    src: url(/res/fonts/FSMeWeb/regular/fs_me_web-regular.woff) format("woff"), url(/res/fonts/FSMeWeb/regular/fs_me_web-regular.svg#svgFontName) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FSMeWeb;
    src: url(/res/fonts/FSMeWeb/bold/fs_me_web-bold.woff) format("woff"), url(/res/fonts/FSMeWeb/bold/fs_me_web-bold.svg#svgFontName) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FSMeWeb;
    src: url(/res/fonts/FSMeWeb/light/fs_me_web-light.woff) format("woff"), url(/res/fonts/FSMeWeb/light/fs_me_web-light.svg#svgFontName) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FSMeWeb;
    src: url(/res/fonts/FSMeWeb/italic/fs_me_web-italic.woff) format("woff"), url(/res/fonts/FSMeWeb/italic/fs_me_web-italic.svg#svgFontName) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: FSMeWeb;
    src: url(/res/fonts/FSMeWeb/bolditalic/fs_me_web-bold_italic.woff) format("woff"), url(/res/fonts/FSMeWeb/bolditalic/fs_me_web-bold_italic.svg#svgFontName) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

body:before {
    display: none;
    content: "{640px,960px,960px,1600px}"
}

*, :after, :before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #323232;
    letter-spacing: 0;
    font-size: 100%;
    line-height: 1.625;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body, ol, ul {
    margin: 0
}

ol, ul {
    padding: 0;
    list-style: none
}

hr {
    border: none;
    box-sizing: content-box;
    overflow: visible
}

figure {
    display: inline-block;
    margin: 0
}

main {
    display: block
}

pre {
    margin: 1.625rem 0;
    font-family: monospace, monospace;
    font-size: 1em
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

img {
    border-style: none
}

iframe {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

button, input, optgroup, select, textarea {
    font-family: FsMeWeb, sans-serif;
    font-size: 100%;
    line-height: 1.625;
    margin: 0
}

button {
    padding: 0;
    overflow: visible
}

select::-ms-expand {
    display: none
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=date]::-webkit-inner-spin-button, [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.125rem
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: none
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    margin: 1.625rem 0;
    padding: 0 0 0 2.5rem
}

menu menu, ol menu, ul menu {
    margin: 0
}

.container {
    margin: 0 auto;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 100rem
}

.container.extraSmall {
    max-width: 48rem
}

.container.small {
    max-width: 64rem
}

.container.large {
    max-width: 100rem
}

p {
    margin: 0
}

p + *, p + .h1, p + .h2, p + .h3, p + .h4, p + .h5, p + .h6, p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + p {
    margin-top: .9375rem
}

b, strong {
    font-weight: bolder
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

small {
    display: inline-block;
    font-size: 14px
}

.text-column-2, .text-column-3, .text-column-4 {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem
}

.h1, h1 {
    margin: 1.1764705882em 0 .4411764706em;
    line-height: 1em;
    font-size: calc(.72727vw + 1.57955rem)
}

.h1, .h2, h1, h2 {
    font-weight: 700
}

.h2, h2 {
    margin: 1.5384615385em 0 .5769230769em;
    line-height: 1.1538461538em;
    font-size: calc(.48485vw + 1.26136rem)
}

.h3, h3 {
    margin: 2em 0 .75em;
    line-height: 1.2em;
    font-size: calc(.24242vw + 1.06818rem)
}

.h3, .h4, h3, h4 {
    font-weight: 700
}

.h4, h4 {
    margin: 2.5em 0 .9375em;
    line-height: 1.625em;
    font-size: 1rem
}

.h5, h5 {
    margin: 0 0 .7530120482em;
    font-size: .83rem
}

.h5, .h6, h5, h6 {
    line-height: 1.15;
    font-weight: 700
}

.h6, h6 {
    margin: 0 0 .9328358209em;
    font-size: .67rem
}

.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0
}

a {
    text-decoration: underline;
    background-color: transparent;
    transition: all .5s;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-decoration-skip: objects
}

a, a:visited {
    color: #f97b02
}

a:active, a:focus, a:hover {
    color: #323232
}

a:active {
    color: #f97b02
}

a:focus {
    outline: .0625rem solid #4eb4ff
}

.text-align-left, .text-left {
    text-align: left
}

.text-align-center, .text-center {
    text-align: center
}

.text-align-right, .text-right {
    text-align: right
}

.text-align-justify, .text-justify {
    text-align: justify
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

#tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: .325rem 0 0 2.0625rem;
    padding: 0;
    list-style: none;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: inherit
}

#tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), #tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0
}

#tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    list-style: none;
    margin: 0;
    padding: 0
}

#tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0 0 0 1rem;
    list-style: none;
    padding: 0
}

#tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0;
    list-style: none;
    padding: 0
}

#tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    list-style: none;
    padding: 0
}

#tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0 0 0 1rem;
    list-style: none;
    padding: 0
}

#tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0;
    list-style: none;
    padding: 0
}

#tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: .325rem 0 0 .9375rem;
    padding: 0;
    list-style: decimal;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: inherit
}

#tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0
}

#tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    list-style: none;
    margin: 0;
    padding: 0
}

#tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0 0 0 1rem;
    list-style: none;
    padding: 0
}

#tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0;
    list-style: none;
    padding: 0
}

#tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    list-style: none;
    padding: 0
}

#tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0 0 0 1rem;
    list-style: none;
    padding: 0
}

#tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin: 0;
    list-style: none;
    padding: 0
}

blockquote {
    position: relative;
    padding: 20px;
    background-color: #f4f4f4;
    margin: 0
}

blockquote:before {
    font-family: FsMeWeb, sans-serif;
    position: absolute;
    top: -45px;
    left: -10px;
    content: "„";
    font-size: 60px
}

blockquote cite {
    font-style: italic
}

picture {
    display: inline-block
}

img, picture {
    max-width: 100%
}

img {
    height: auto;
    image-rendering: -webkit-optimize-contrast
}

img.block {
    width: 100%;
    display: block
}

figure {
    position: relative
}

figure img {
    display: block
}

figure figcaption {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    position: relative;
    padding: .625rem 1.25rem;
    font-size: 1rem;
    line-height: 1.625rem;
    transition: all .5s;
    color: var(--tk-text-light-color, #999)
}

figure figcaption:after, figure figcaption:before {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

figure figcaption:after {
    border-width: 3px;
    margin-left: -3px
}

figure figcaption:after, figure figcaption:before {
    border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) #fff
}

figure figcaption:before {
    border-width: 9px;
    margin-left: -9px
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) {
    font-size: 1rem;
    line-height: 1.625rem;
    margin: 0;
    padding: 0;
    border: none;
    border-spacing: 0;
    float: none
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table)[align=right] {
    margin-left: auto;
    margin-right: 0
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table)[align=center] {
    margin-left: auto;
    margin-right: auto
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table)[align=left] {
    margin-left: 0;
    margin-right: auto
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) th {
    font-size: 1rem;
    padding: .9375rem .625rem;
    text-align: left;
    font-weight: 700
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) td {
    padding: .625rem;
    text-align: left
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) td.align-center, table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) td[align=center], table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) th.align-center, table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) th[align=center] {
    text-align: center
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) td.align-right, table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) td[align=right], table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) th.align-right, table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) th[align=right] {
    text-align: right
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) thead tr th {
    border: .0625rem solid rgba(0, 0, 0, .08);
    border-top: none;
    border-left: none
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) thead tr th:last-child {
    border-right: none
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) tbody tr td, table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) tbody tr th {
    border: .0625rem solid rgba(0, 0, 0, .08);
    border-top: none;
    border-left: none
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) tbody tr td:last-child {
    border-right: none
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) tbody tr:last-child td, table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) tbody tr:last-child th {
    border-bottom: none
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) tr:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, .04)
}

button {
    -webkit-tap-highlight-color: transparent
}

.btn {
    display: inline-block;
    padding: .625rem 1.25rem .5625rem;
    color: #323232;
    font-size: .875rem;
    line-height: 1.1875rem;
    letter-spacing: .1em;
    text-decoration: none;
    background: #fff;
    border: .0625rem solid #323232;
    border-radius: .3125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .5s;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.btn:active, .btn:focus, .btn:hover {
    text-decoration: none;
    color: #fff;
    border: .0625rem solid #323232;
    background: #323232
}

.btn.success {
    background: #4eff79;
    border-color: #4eff79
}

.btn.success:active, .btn.success:focus, .btn.success:hover {
    background: #afffc2;
    border-color: #afffc2
}

.btn.info {
    background: #ffcc31;
    border-color: #ffcc31
}

.btn.info:active, .btn.info:focus, .btn.info:hover {
    background: #ffe492;
    border-color: #ffe492;
    color: #fff
}

.btn.warning {
    background: #ffcc31;
    border-color: #ffcc31
}

.btn.warning:active, .btn.warning:focus, .btn.warning:hover {
    background: #ffe492;
    border-color: #ffe492
}

.btn.danger {
    background: #f91f02;
    border-color: #f91f02
}

.btn.danger:active, .btn.danger:focus, .btn.danger:hover {
    background: #fe715e;
    border-color: #fe715e
}

.btn.outline {
    background: none;
    border: 1px solid #f97b02
}

.btn.outline, .btn.outline:visited {
    color: #323232
}

.btn.outline:active, .btn.outline:focus, .btn.outline:hover {
    background: #f97b02;
    border-color: #f97b02;
    color: #323232
}

.btn.outline.success {
    color: #4eff79;
    border: 1px solid #4eff79
}

.btn.outline.success:active, .btn.outline.success:focus, .btn.outline.success:hover {
    color: #323232;
    background: #4eff79;
    border-color: #4eff79
}

.btn.outline.info {
    color: #ffcc31;
    border: 1px solid #ffcc31
}

.btn.outline.info:active, .btn.outline.info:focus, .btn.outline.info:hover {
    color: #323232;
    background: #ffcc31;
    border-color: #ffcc31
}

.btn.outline.warning {
    color: #ffcc31;
    border: 1px solid #ffcc31
}

.btn.outline.warning:active, .btn.outline.warning:focus, .btn.outline.warning:hover {
    color: #323232;
    background: #ffcc31;
    border-color: #ffcc31
}

.btn.outline.danger {
    color: #f91f02;
    border: 1px solid #f91f02
}

.btn.outline.danger:active, .btn.outline.danger:focus, .btn.outline.danger:hover {
    color: #323232;
    background: #f91f02;
    border-color: #f91f02
}

.btn.block {
    width: 100%;
    display: block
}

.btn.small {
    padding: .46875rem .9375rem .421875rem;
    font-size: .875rem
}

.btn.large {
    padding: .78125rem 1.5625rem .703125rem;
    font-size: 125%
}

.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
    opacity: .65
}

.btn.disabled, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover {
    color: #999;
    background: #f4f4f4;
    border: .0625rem solid #f4f4f4
}

a.btn.disabled, a.btn[disabled] {
    pointer-events: none
}

form legend {
    display: none;
    margin: 0 0 .625rem;
    width: 100%
}

form label {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

form > fieldset {
    margin: 0
}

form > fieldset > legend {
    display: block
}

form small.error-message {
    display: none;
    width: 100%;
    color: #f91f02;
    padding: 0;
    line-height: .8775rem;
    font-size: .75rem
}

form .form-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

form .form-row.validation_error small.error-message {
    display: block
}

form .form-row.form-row-input label, form .form-row.form-row-select label, form .form-row.form-row-textarea label {
    font-size: .75rem;
    line-height: .8775rem;
    padding: 0 0 .3125rem;
    display: block;
    width: 100%
}

form .form-row.form-row-checkbox fieldset, form .form-row.form-row-radioselect fieldset {
    padding: 0
}

form .xtxInput, form .xtxSelect, form .xtxTextArea {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    max-width: 100%
}

form .xtxInput {
    margin: 0 1rem .375rem 0
}

form input[type=date], form input[type=email], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text] {
    margin: 0;
    letter-spacing: 0;
    transition: all .5s;
    padding: .9375rem 1.25rem .875rem;
    min-height: 3.125rem;
    color: #323232;
    font-size: 1rem;
    line-height: 1.25rem;
    background: #fff;
    border: .0625rem solid var(--tk-form-border-color, #ccc);
    border-radius: .3125rem;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

form input[type=date]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form input[type=number]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, form input[type=search]::-webkit-input-placeholder, form input[type=tel]::-webkit-input-placeholder, form input[type=text]::-webkit-input-placeholder {
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    -webkit-transition: all .5s;
    transition: all .5s
}

form input[type=date]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=number]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=search]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form input[type=text]::-moz-placeholder {
    opacity: 1;
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    -moz-transition: all .5s;
    transition: all .5s
}

form input[type=date]:-moz-placeholder, form input[type=email]:-moz-placeholder, form input[type=number]:-moz-placeholder, form input[type=password]:-moz-placeholder, form input[type=search]:-moz-placeholder, form input[type=tel]:-moz-placeholder, form input[type=text]:-moz-placeholder {
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    -moz-transition: all .5s;
    transition: all .5s
}

form input[type=date]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=number]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form input[type=search]:-ms-input-placeholder, form input[type=tel]:-ms-input-placeholder, form input[type=text]:-ms-input-placeholder {
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    -ms-transition: all .5s;
    transition: all .5s
}

form input[type=date].placeholder, form input[type=email].placeholder, form input[type=number].placeholder, form input[type=password].placeholder, form input[type=search].placeholder, form input[type=tel].placeholder, form input[type=text].placeholder {
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    transition: all .5s
}

form input[type=date]:focus, form input[type=email]:focus, form input[type=number]:focus, form input[type=password]:focus, form input[type=search]:focus, form input[type=tel]:focus, form input[type=text]:focus {
    color: #323232;
    border: .0625rem solid var(--tk-form-border-color, #ccc);
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2)
}

form input[type=date]:focus::-webkit-input-placeholder, form input[type=email]:focus::-webkit-input-placeholder, form input[type=number]:focus::-webkit-input-placeholder, form input[type=password]:focus::-webkit-input-placeholder, form input[type=search]:focus::-webkit-input-placeholder, form input[type=tel]:focus::-webkit-input-placeholder, form input[type=text]:focus::-webkit-input-placeholder {
    color: var(--tk-text-light-color, #999)
}

form input[type=date]:focus::-moz-placeholder, form input[type=email]:focus::-moz-placeholder, form input[type=number]:focus::-moz-placeholder, form input[type=password]:focus::-moz-placeholder, form input[type=search]:focus::-moz-placeholder, form input[type=tel]:focus::-moz-placeholder, form input[type=text]:focus::-moz-placeholder {
    opacity: 1;
    color: var(--tk-text-light-color, #999)
}

form input[type=date]:focus:-moz-placeholder, form input[type=email]:focus:-moz-placeholder, form input[type=number]:focus:-moz-placeholder, form input[type=password]:focus:-moz-placeholder, form input[type=search]:focus:-moz-placeholder, form input[type=tel]:focus:-moz-placeholder, form input[type=text]:focus:-moz-placeholder {
    color: var(--tk-text-light-color, #999)
}

form input[type=date]:focus:-ms-input-placeholder, form input[type=email]:focus:-ms-input-placeholder, form input[type=number]:focus:-ms-input-placeholder, form input[type=password]:focus:-ms-input-placeholder, form input[type=search]:focus:-ms-input-placeholder, form input[type=tel]:focus:-ms-input-placeholder, form input[type=text]:focus:-ms-input-placeholder {
    color: var(--tk-text-light-color, #999)
}

form input[type=date]:focus.placeholder, form input[type=email]:focus.placeholder, form input[type=number]:focus.placeholder, form input[type=password]:focus.placeholder, form input[type=search]:focus.placeholder, form input[type=tel]:focus.placeholder, form input[type=text]:focus.placeholder {
    color: var(--tk-text-light-color, #999)
}

form input[type=date]:hover, form input[type=email]:hover, form input[type=number]:hover, form input[type=password]:hover, form input[type=search]:hover, form input[type=tel]:hover, form input[type=text]:hover {
    border: .0625rem solid var(--tk-form-border-color, #ccc)
}

form input[type=date]:disabled, form input[type=email]:disabled, form input[type=number]:disabled, form input[type=password]:disabled, form input[type=search]:disabled, form input[type=tel]:disabled, form input[type=text]:disabled {
    background: #f4f4f4
}

form input[type=date]::-webkit-datetime-edit {
    line-height: 1.25rem
}

form .xtxCheckbox label, form .xtxRadioSelect label {
    position: relative;
    display: inline-block
}

form .xtxCheckbox input[type=checkbox], form .xtxRadioSelect input[type=radio] {
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    margin-top: .53125rem
}

form .xtxCheckbox:not(.xtxSwitch) input {
    opacity: 0;
    margin-top: .1875rem;
    width: 1.5rem;
    height: 1.5rem
}

form .xtxCheckbox:not(.xtxSwitch) label:before {
    content: "";
    border: .0625rem solid var(--tk-form-border-color, #ccc);
    background: #fff;
    border-radius: .3125rem
}

form .xtxCheckbox:not(.xtxSwitch) label:after, form .xtxCheckbox:not(.xtxSwitch) label:before {
    left: 0;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    transition: all .1s linear;
    top: .1875rem
}

form .xtxCheckbox:not(.xtxSwitch) label:after {
    content: "✔";
    opacity: 0;
    text-align: center;
    line-height: 1.5rem;
    color: #323232
}

form .xtxCheckbox:not(.xtxSwitch) input:checked + label:before {
    border: .0625rem solid #323232;
    background: #fff;
    box-shadow: inset 0 0 0 .0625rem #323232
}

form .xtxCheckbox:not(.xtxSwitch) input:checked + label:after {
    opacity: 1
}

form .xtxCheckbox:not(.xtxSwitch) input:disabled + label:before {
    border: .0625rem solid #f4f4f4;
    background: #f4f4f4;
    box-shadow: none;
    cursor: default
}

form .xtxRadioSelect:not(.xtxSwitch) {
    padding: 0
}

form .xtxRadioSelect:not(.xtxSwitch) input {
    opacity: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .3125rem
}

form .xtxRadioSelect:not(.xtxSwitch) label {
    position: relative;
    padding: 0 0 0 2.125rem
}

form .xtxRadioSelect:not(.xtxSwitch) label:before {
    left: 0;
    content: "";
    position: absolute;
    transition: all .1s linear;
    width: 1.5rem;
    height: 1.5rem;
    border: .0625rem solid var(--tk-form-border-color, #ccc);
    background: #fff;
    border-radius: .75rem;
    top: .3125rem
}

form .xtxRadioSelect:not(.xtxSwitch) input:checked + label:before {
    border: .125rem solid #323232;
    background: #fff;
    box-shadow: none
}

form .xtxRadioSelect:not(.xtxSwitch) input:disabled + label:before {
    border: .0625rem solid #f4f4f4;
    background: #f4f4f4;
    box-shadow: none
}

form .xtxSwitch input {
    opacity: 0
}

form .xtxSwitch label:after, form .xtxSwitch label:before {
    left: 0;
    content: "";
    position: absolute;
    transition: all .1s linear
}

form .xtxSwitch.xtxCheckbox label {
    padding-left: 2.75rem
}

form .xtxSwitch.xtxCheckbox label:before {
    width: 2.125rem;
    height: .875rem;
    border: none;
    background: #a8a8a8;
    box-shadow: none;
    border-radius: .4375rem;
    top: .5rem
}

form .xtxSwitch.xtxCheckbox label:after {
    width: 1.25rem;
    height: 1.25rem;
    background: #fafafa;
    border: .0625rem;
    box-shadow: 0 .0625rem .125rem 0 rgba(0, 0, 0, .5);
    border-radius: .625rem;
    top: .3125rem
}

form .xtxSwitch.xtxCheckbox input:checked + label:before {
    background: rgba(249, 123, 2, .7);
    box-shadow: none
}

form .xtxSwitch.xtxCheckbox input:checked + label:after {
    background: #f97b02;
    border: none;
    box-shadow: 0 .0625rem .125rem 0 rgba(0, 0, 0, .5);
    transform: translateX(.875rem)
}

form .xtxSwitch.xtxCheckbox input:disabled + label {
    cursor: default
}

form .xtxSwitch.xtxCheckbox input:disabled + label:before {
    background: #eceeef;
    box-shadow: none
}

form .xtxSwitch.xtxCheckbox input:disabled + label:after {
    background: #fafafa;
    border: none;
    box-shadow: 0 .0625rem .125rem 0 rgba(0, 0, 0, .5)
}

form .xtxSwitch.xtxCheckbox + small.error-message, form .xtxSwitch.xtxRadioSelect label {
    padding-left: 2.75rem
}

form .xtxSwitch.xtxRadioSelect label:before {
    width: 2.125rem;
    height: .875rem;
    background: #a8a8a8;
    border: none;
    box-shadow: none;
    border-radius: .4375rem;
    top: .5rem
}

form .xtxSwitch.xtxRadioSelect label:after {
    width: 1.25rem;
    height: 1.25rem;
    background: #fafafa;
    border: none;
    box-shadow: 0 .0625rem .125rem 0 rgba(0, 0, 0, .5);
    border-radius: .625rem;
    top: .3125rem
}

form .xtxSwitch.xtxRadioSelect input:checked + label:before {
    background: rgba(249, 123, 2, .7);
    box-shadow: none
}

form .xtxSwitch.xtxRadioSelect input:checked + label:after {
    background: #f97b02;
    border: none;
    box-shadow: 0 .0625rem .125rem 0 rgba(0, 0, 0, .5);
    transform: translateX(.875rem)
}

form .xtxSwitch.xtxRadioSelect input:disabled + label {
    cursor: default
}

form .xtxSwitch.xtxRadioSelect input:disabled + label:before {
    background: #eceeef;
    box-shadow: none
}

form .xtxSwitch.xtxRadioSelect input:disabled + label:after {
    background: #fafafa;
    border: none;
    box-shadow: 0 .0625rem .125rem 0 rgba(0, 0, 0, .5)
}

form .xtxSwitch.xtxRadioSelect + small.error-message {
    padding-left: 2.75rem
}

form .form-row-checkbox {
    margin-bottom: .625rem
}

form .xtxCheckbox {
    line-height: 1.875rem
}

form .xtxCheckbox + .xtxCheckbox {
    margin-top: .3125rem
}

form .xtxCheckbox label {
    letter-spacing: 0
}

form .xtxCheckbox + small.error-message, form .xtxCheckbox label {
    padding: 0 0 0 2.125rem
}

form .form-row-radioselect {
    margin-bottom: .625rem
}

form .xtxRadioSelect {
    line-height: 1.875rem
}

form .xtxRadioSelect + .xtxRadioSelect {
    margin-top: .3125rem
}

form .xtxRadioSelect label {
    padding: 0 0 0 2.125rem;
    letter-spacing: 0
}

form .xtxRadioSelect + small.error-message {
    padding: 0 0 0 2.125rem
}

form .xtxSelect {
    margin: 0 1rem .375rem 0
}

form .xtxSelect .xtxIconWrapper {
    position: absolute;
    top: .125rem;
    right: .125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    width: 2.5rem;
    height: 2.875rem;
    background: #fff;
    pointer-events: none
}

form .xtxSelect .xtxIconWrapper i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #323232
}

form .xtxSelect .xtxIconWrapper i.xtxIcon:before {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #323232 transparent transparent;
    border-style: solid;
    border-width: .25rem .25rem 0;
    transform: translate3d(50%, -50%, 0)
}

form select, form textarea {
    -webkit-tap-highlight-color: transparent
}

form select {
    margin: 0;
    letter-spacing: 0;
    transition: all .5s;
    padding: .625rem 2.5rem .625rem 1.25rem;
    height: 3.125rem;
    color: #323232;
    font-size: 1rem;
    line-height: 1.25rem;
    background: #fff;
    border: .0625rem solid var(--tk-form-border-color, #ccc);
    border-radius: .3125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

form select:focus {
    color: #323232;
    border: .0625rem solid var(--tk-form-border-color, #ccc);
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2)
}

form select:focus option {
    color: #323232
}

form select:hover {
    border: .0625rem solid var(--tk-form-border-color, #ccc)
}

form select option {
    color: #323232
}

form .xtxTextArea {
    margin: 0 1rem .375rem 0
}

form textarea {
    margin: 0;
    letter-spacing: 0;
    transition: all .5s;
    padding: .9375rem 1.25rem .875rem;
    min-height: 100px;
    color: #323232;
    font-size: 1rem;
    line-height: 1.25rem;
    background: #fff;
    border: .0625rem solid var(--tk-form-border-color, #ccc);
    border-radius: .3125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

form textarea::-webkit-input-placeholder {
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    -webkit-transition: all .5s;
    transition: all .5s
}

form textarea::-moz-placeholder {
    opacity: 1
}

form textarea:-moz-placeholder, form textarea::-moz-placeholder {
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    -moz-transition: all .5s;
    transition: all .5s
}

form textarea:-ms-input-placeholder {
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    -ms-transition: all .5s;
    transition: all .5s
}

form textarea.placeholder {
    color: var(--tk-text-light-color, #999);
    line-height: 1.25rem;
    transition: all .5s
}

form textarea:focus {
    color: #323232;
    border: .0625rem solid var(--tk-form-border-color, #ccc);
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2)
}

form textarea:focus::-webkit-input-placeholder {
    color: #323232
}

form textarea:focus::-moz-placeholder {
    opacity: 1;
    color: #323232
}

form textarea:focus:-moz-placeholder {
    color: #323232
}

form textarea:focus:-ms-input-placeholder {
    color: #323232
}

form textarea:focus.placeholder {
    color: #323232
}

form textarea:hover {
    border: .0625rem solid var(--tk-form-border-color, #ccc)
}

.listadmin {
    border: .0625rem solid #ebebeb;
    border-bottom: none;
    font-size: 1rem;
    color: #323232
}

.listadmin, .listadmin tr {
    background-color: #fff
}

.listadmin tbody tr:hover {
    background-color: #f4f4f4
}

.listadmin th {
    background-color: #fff;
    padding: .9375rem .625rem;
    border-bottom: .0625rem solid #ebebeb;
    text-align: left
}

.listadmin th:first-child {
    padding-left: 1.25rem
}

.listadmin th:last-child {
    padding-right: 1.25rem
}

.listadmin th a {
    text-decoration: none
}

.listadmin td {
    border-bottom: .0625rem solid #ebebeb;
    padding: .9375rem .625rem
}

.listadmin td:first-child {
    padding-left: 1.25rem
}

.listadmin td:last-child {
    padding-right: 1.25rem
}

nav.pagination {
    margin: 0;
    padding: 0;
    text-align: center
}

nav.pagination > p {
    margin: 0;
    font-size: inherit;
    line-height: inherit
}

nav.pagination ul {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    list-style: none
}

nav.pagination ul li {
    padding: 0
}

nav.pagination ul li:first-child.active span, nav.pagination ul li:first-child a, nav.pagination ul li:first-child span {
    border-top-left-radius: .3125rem;
    border-bottom-left-radius: .3125rem;
    border-radius: .3125rem;
    border: .0625rem solid #323232
}

nav.pagination ul li:last-child a {
    border-top-right-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    border-radius: .3125rem;
    border: .0625rem solid #323232
}

nav.pagination ul li:last-child.active span, nav.pagination ul li:last-child span {
    border-top-right-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    border-radius: .3125rem;
    border: .3125rem
}

nav.pagination ul li a, nav.pagination ul li span {
    display: block;
    padding: .25rem .625rem;
    font-size: inherit;
    line-height: inherit;
    border: .0625rem solid transparent
}

nav.pagination ul li a {
    color: #323232;
    font-weight: inherit;
    text-decoration: none;
    background: transparent
}

nav.pagination ul li.active span {
    color: #ff7d00;
    font-weight: inherit;
    background: none
}

nav.pagination ul li.active span:hover {
    color: #ff7d00;
    background: none;
    text-decoration: none;
    border: .0625rem solid #ff7d00;
    border-radius: .3125rem
}

nav.pagination ul li.active span:focus {
    color: #ff7d00;
    background: none;
    text-decoration: none;
    border: .0625rem solid #4eb4fb;
    border-radius: .3125rem;
    box-shadow: 0 0 .625rem #4eb4fb;
    outline: none
}

nav.pagination ul li:hover a {
    color: #ff7d00;
    border: .0625rem solid #ff7d00;
    border-radius: .3125rem
}

nav.pagination ul li:hover a, nav.pagination ul li a:focus {
    font-weight: inherit;
    background: none;
    text-decoration: none
}

nav.pagination ul li a:focus {
    color: #323232;
    border: .0625rem solid transparent;
    border-radius: .3125rem;
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2);
    outline: none
}

nav.pagination ul li.active span, nav.pagination ul li a {
    border-left: 0
}

nav.pagination ul li.disabled a, nav.pagination ul li.disabled span {
    color: #ccc;
    border-color: #ccc
}

hr {
    margin: .5rem 0;
    height: 1px;
    background: #9e9e9e
}

.embed {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed:before {
    display: block;
    content: ""
}

.embed.embed-21by9:before {
    padding-top: 42.8571428571%
}

.embed.embed-16by9:before {
    padding-top: 56.25%
}

.embed.embed-1by1:before, .embed.embed-4by3:before {
    padding-top: 75%
}

.embed iframe, .embed video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.alert {
    margin: 1rem 0;
    padding: 1.125rem 1.875rem;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    border: .0625rem solid #323232;
    border-radius: .3125rem;
    text-align: left
}

.alert.alert-success, .alert.success {
    background: rgba(78, 255, 121, .1);
    border-color: #4eff79
}

.alert.alert-info, .alert.alert-warning, .alert.info, .alert.warning {
    background: rgba(255, 204, 49, .1);
    border-color: #ffcc31
}

.alert.alert-danger, .alert.danger {
    background: rgba(249, 31, 2, .1);
    border-color: #f91f02
}

.xtxTooltip {
    position: relative;
    display: inline-block
}

.xtxTooltip[data-position=bottom] .tooltiptext {
    top: 120%;
    bottom: auto
}

.xtxTooltip[data-position=bottom] .tooltiptext:before {
    top: -.375rem;
    bottom: auto;
    transform: rotate(225deg)
}

.xtxTooltip .tooltiptext {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .5s, opacity .5s linear;
    background-color: #fec996;
    color: #323232;
    text-align: center;
    padding: .625rem;
    border-radius: .3125rem;
    border: 1px solid #f97b02;
    white-space: pre;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 120%
}

.xtxTooltip .tooltiptext:before {
    position: absolute;
    bottom: -.375rem;
    right: calc(50% - 6px);
    display: block;
    width: .75rem;
    height: .75rem;
    content: "";
    background-color: #fec996;
    border-color: transparent #f97b02 #f97b02 transparent;
    border-style: solid;
    border-width: .0625rem;
    transform: rotate(45deg)
}

.xtxTooltip:focus .tooltiptext, .xtxTooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

small {
    line-height: 24px
}

.text-light {
    color: #999
}

.tk-content-big {
    line-height: 30px;
    font-size: 20px
}

.tk-headline-big {
    line-height: 50px;
    font-size: calc(2.42424vw + 1.30682rem);
    font-weight: 700
}

a:focus {
    box-shadow: 0 0 0 3px rgba(78, 180, 251, .2);
    border-radius: 1px;
    outline: 1px solid #4eb4fb
}

a.no-focus:focus {
    box-shadow: none;
    outline: none
}

a.no-underline {
    text-decoration: none
}

.topnav-content a, .topnav-mobile-button, .topnav-mobile-button a {
    box-shadow: none;
    outline: none
}

#kg_product_popup_content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), div[id^=kg_product_popup_content_] ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    margin-left: 1.125rem
}

#kg_product_popup_content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li, #tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li, #tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li, .cke_editable ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li, .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li, .tk-configurator-kit-group-infos-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li, div[id^=kg_product_popup_content_] ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li {
    position: relative
}

#kg_product_popup_content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after, #tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after, #tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after, .cke_editable ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after, .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after, .tk-configurator-kit-group-infos-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after, div[id^=kg_product_popup_content_] ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after {
    content: " ";
    position: absolute;
    left: -1.125rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: .0625rem solid #323232;
    top: .75rem
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, #kg_product_popup_content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, #tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, #tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .cke_editable ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .tk-configurator-kit-group-infos-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, div[id^=kg_product_popup_content_] ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li {
    padding-top: .25rem
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, #kg_product_popup_content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, #tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, #tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .cke_editable ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .tk-configurator-kit-group-infos-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, div[id^=kg_product_popup_content_] ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li > ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before {
    content: "-";
    padding-right: .625rem
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #kg_product_popup_content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #kg_product_popup_content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, #tk-main-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .cke_editable ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .cke_editable ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .richtext ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .tk-configurator-kit-group-infos-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, .tk-configurator-kit-group-infos-content ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, div[id^=kg_product_popup_content_] ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after, div[id^=kg_product_popup_content_] ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) :after {
    display: none
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results), div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) {
    counter-reset: item
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results):has(li:nth-child(10)) > li, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results):has(li:nth-child(10)) > li, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results):has(li:nth-child(10)) > li, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results):has(li:nth-child(10)) > li, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results):has(li:nth-child(10)) > li, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results):has(li:nth-child(10)) > li, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results):has(li:nth-child(10)) > li {
    padding-left: 26px
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li {
    display: block;
    position: relative;
    padding-left: 20px
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    position: absolute;
    left: 0
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li {
    padding-left: 33px
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li {
    padding-left: 46px
}

#kg_product_popup_content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li > ol > li, #tk-gallery-container ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li > ol > li, #tk-main-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li > ol > li, .cke_editable ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li > ol > li, .richtext ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li > ol > li, .tk-configurator-kit-group-infos-content ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li > ol > li, div[id^=kg_product_popup_content_] ol:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) li > ol > li > ol > li > ol > li {
    padding-left: 59px
}

#tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li, .cke_editable ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li {
    padding-left: 15px
}

#tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after, .cke_editable ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after {
    left: 0
}

#tk-gallery-container ul:not(.plain):not(ul.unstyled):not(ul.slides):not(ul.pagination-ul):not(ul.nav):not(ul.xtx-search-hits):not(ul.chosen-choices):not(ul.chosen-results) > li:after {
    top: 8px
}

.xtx-search-response nav.pagination li:after {
    display: none
}

.tk-content-primary {
    color: #f97b02
}

.tk-content-font {
    color: #323232
}

.tk-content-headerLight {
    color: var(--tk-header-light-color, #555)
}

.tk-content-font-light, .tk-content-fontLight {
    color: var(--tk-text-light-color, #999)
}

.tk-content-fontLightest {
    color: #fff
}

.tk-content-formBorder {
    color: var(--tk-form-border-color, #ccc)
}

.tk-content-border {
    color: var(--tk-border-color, #ebebeb)
}

.tk-content-background {
    color: #f4f4f4
}

.tk-content-error {
    color: #f91f02
}

.tk-content-warning {
    color: #ffcc31
}

.tk-content-success {
    color: #4eff79
}

.tk-content-availabilityAvailable {
    color: #468847
}

.tk-content-availabilityDelayed {
    color: #4eb4ff
}

.tk-content-availabilityLimited {
    color: #a54efb
}

.tk-content-bold {
    font-weight: 700
}

.fck-text-darkorange, .fck-text-orange {
    color: #f97b02
}

.fck-text-info {
    color: #4eb4ff
}

.fck-text-success {
    color: #4eff79
}

.fck-text-grey {
    color: #323232
}

.fck-text-lightergrey, .fck-text-lightgrey {
    color: var(--tk-text-light-color, #999)
}

.fck-text-whitegrey {
    color: var(--tk-form-border-color, #ccc)
}

.fck-text-darkblue {
    color: #a54efb
}

.fck-text-black {
    color: #000
}

.fck-text-white {
    color: #fff
}

.fck-text-red {
    color: #f91f02
}

.redx_form form .xtxCheckbox:not(.xtxSwitch) label, .redx_form form .xtxRadioSelect:not(.xtxSwitch) label, form .xtxCheckbox:not(.xtxSwitch) label, form .xtxRadioSelect:not(.xtxSwitch) label {
    line-height: 20px;
    padding: 0 0 0 34px
}

.redx_form form .xtxCheckbox:not(.xtxSwitch) label:after, .redx_form form .xtxRadioSelect:not(.xtxSwitch) label:after, form .xtxCheckbox:not(.xtxSwitch) label:after, form .xtxRadioSelect:not(.xtxSwitch) label:after {
    content: "";
    left: .5625rem;
    width: .375rem;
    height: .75rem;
    transform: rotate(45deg);
    border-bottom: .125rem solid #323232;
    border-right: .125rem solid #323232;
    top: calc(50% - 7px);
    opacity: 0
}

.redx_form form .xtxCheckbox:not(.xtxSwitch) input:checked + label:after, .redx_form form .xtxRadioSelect:not(.xtxSwitch) input:checked + label:after, form .xtxCheckbox:not(.xtxSwitch) input:checked + label:after, form .xtxRadioSelect:not(.xtxSwitch) input:checked + label:after {
    opacity: 1
}

.redx_form form .xtxSelect.validation_error, form .xtxSelect.validation_error {
    border-color: #f91f02
}

.redx_form form .xtxSelect:active + .xtxIconWrapper > .xtxIcon, form .xtxSelect:active + .xtxIconWrapper > .xtxIcon {
    transform: rotate(180deg)
}

.redx_form form div.validation_error:empty, form div.validation_error:empty {
    display: none
}

.redx_form form .xtxCheckbox:not(.xtxSwitch) input[type=checkbox].validation_error + label:before, form .xtxCheckbox:not(.xtxSwitch) input[type=checkbox].validation_error + label:before {
    border-color: #f91f02
}

.redx_form form .xtxCheckbox:not(.xtxSwitch) label:before, .redx_form form .xtxRadioSelect:not(.xtxSwitch) label:before, form .xtxCheckbox:not(.xtxSwitch) label:before, form .xtxRadioSelect:not(.xtxSwitch) label:before {
    top: calc(50% - 12px)
}

.redx_form form .xtxRadioSelect:not(.xtxSwitch) label:after, form .xtxRadioSelect:not(.xtxSwitch) label:after {
    position: absolute;
    text-align: center;
    transition: .1s
}

.redx_form form h1, .redx_form form h2, .redx_form form h3, .redx_form form h4, .redx_form form h5, form h1, form h2, form h3, form h4, form h5 {
    margin-top: 1.875rem;
    margin-bottom: 1.25rem
}

.redx_form form .xtxInput, .redx_form form .xtxSelect, .redx_form form .xtxTextArea, form .xtxInput, form .xtxSelect, form .xtxTextArea {
    margin-right: 0
}

.redx_form form .redx_form_div_container, .redx_form form .redx_forms_float, form .redx_form_div_container, form .redx_forms_float {
    margin: 0
}

.redx_form form .redx_form_div_container.width-quarter, .redx_form form .redx_forms_float.width-quarter, form .redx_form_div_container.width-quarter, form .redx_forms_float.width-quarter {
    width: 25%;
    padding-right: .5rem
}

.redx_form form .redx_form_div_container.width-quarter + .width-quarter, .redx_form form .redx_forms_float.width-quarter + .width-quarter, form .redx_form_div_container.width-quarter + .width-quarter, form .redx_forms_float.width-quarter + .width-quarter {
    padding-left: .5rem
}

.redx_form form .redx_form_div_container.width-quarter + .width-quarter + .width-quarter + .width-quarter, .redx_form form .redx_forms_float.width-quarter + .width-quarter + .width-quarter + .width-quarter, form .redx_form_div_container.width-quarter + .width-quarter + .width-quarter + .width-quarter, form .redx_forms_float.width-quarter + .width-quarter + .width-quarter + .width-quarter {
    padding-right: 0
}

.redx_form form .redx_form_div_container.width-quarter + .width-three-quarter:not(.start-row), .redx_form form .redx_forms_float.width-quarter + .width-three-quarter:not(.start-row), form .redx_form_div_container.width-quarter + .width-three-quarter:not(.start-row), form .redx_forms_float.width-quarter + .width-three-quarter:not(.start-row) {
    padding-right: 0;
    padding-left: .5rem
}

.redx_form form .redx_form_div_container.width-third, .redx_form form .redx_forms_float.width-third, form .redx_form_div_container.width-third, form .redx_forms_float.width-third {
    width: 33%;
    padding-right: .5rem
}

.redx_form form .redx_form_div_container.width-third + .width-third, .redx_form form .redx_forms_float.width-third + .width-third, form .redx_form_div_container.width-third + .width-third, form .redx_forms_float.width-third + .width-third {
    padding-left: .5rem
}

.redx_form form .redx_form_div_container.width-third + .width-third + .width-third + .width-third, .redx_form form .redx_forms_float.width-third + .width-third + .width-third + .width-third, form .redx_form_div_container.width-third + .width-third + .width-third + .width-third, form .redx_forms_float.width-third + .width-third + .width-third + .width-third {
    padding-right: 0
}

.redx_form form .redx_form_div_container.width-three-quarter, .redx_form form .redx_forms_float.width-three-quarter, form .redx_form_div_container.width-three-quarter, form .redx_forms_float.width-three-quarter {
    width: 75%;
    padding-right: .5rem
}

.redx_form form .redx_form_div_container.width-three-quarter + .width-quarter:not(.start-row), .redx_form form .redx_forms_float.width-three-quarter + .width-quarter:not(.start-row), form .redx_form_div_container.width-three-quarter + .width-quarter:not(.start-row), form .redx_forms_float.width-three-quarter + .width-quarter:not(.start-row) {
    padding-left: .5rem;
    padding-right: 0
}

.redx_form form .redx_form_div_container.width-half, .redx_form form .redx_forms_float.width-half, form .redx_form_div_container.width-half, form .redx_forms_float.width-half {
    width: 50%
}

.redx_form form .redx_form_div_container.width-half xtx-datetime-picker, .redx_form form .redx_forms_float.width-half xtx-datetime-picker, form .redx_form_div_container.width-half xtx-datetime-picker, form .redx_forms_float.width-half xtx-datetime-picker {
    --formcontrol-field-width: 100%
}

.redx_form form .redx_form_div_container.width-full, .redx_form form .redx_forms_float.width-full, form .redx_form_div_container.width-full, form .redx_forms_float.width-full {
    width: 100%;
    margin-bottom: .625rem
}

.redx_form form .redx_form_div_container.width-full.redx_form_label, .redx_form form .redx_forms_float.width-full.redx_form_label, form .redx_form_div_container.width-full.redx_form_label, form .redx_forms_float.width-full.redx_form_label {
    margin-bottom: 0
}

.redx_form form .redx_form_div_container.width-full xtx-datetime-picker, .redx_form form .redx_forms_float.width-full xtx-datetime-picker, form .redx_form_div_container.width-full xtx-datetime-picker, form .redx_forms_float.width-full xtx-datetime-picker {
    --formcontrol-field-width: 100%
}

.redx_form form .redx_form_div_container .redx_form_loading_container, .redx_form form .redx_form_div_container .redx_forms_float, .redx_form form .redx_forms_float .redx_form_loading_container, .redx_form form .redx_forms_float .redx_forms_float, form .redx_form_div_container .redx_form_loading_container, form .redx_form_div_container .redx_forms_float, form .redx_forms_float .redx_form_loading_container, form .redx_forms_float .redx_forms_float {
    width: 100%
}

.redx_form form .redx_form_div_container_buttons, form .redx_form_div_container_buttons {
    display: flex;
    gap: 16px;
    flex-direction: column
}

.redx_form form .redx_form_div_container_buttons button, .redx_form form .redx_form_div_container_buttons input[type], form .redx_form_div_container_buttons button, form .redx_form_div_container_buttons input[type] {
    margin: 0
}

.redx_form form .margin-bottom-0, form .margin-bottom-0 {
    margin-bottom: 0 !important
}

.redx_form form .margin-bottom-10, form .margin-bottom-10 {
    margin-bottom: .625rem !important
}

.redx_form form .margin-top-10, form .margin-top-10 {
    margin-top: .625rem !important
}

.redx_form form .margin-bottom-20, form .margin-bottom-20 {
    margin-bottom: 1.25rem !important
}

.redx_form form .margin-top-20, form .margin-top-20 {
    margin-top: 1.25rem !important
}

.redx_form form .margin-bottom-30, form .margin-bottom-30 {
    margin-bottom: 1.875rem !important
}

.redx_form form .margin-top-30, form .margin-top-30 {
    margin-top: 1.875rem !important
}

.redx_form form .margin-bottom-40, form .margin-bottom-40 {
    margin-bottom: 2.5rem !important
}

.redx_form form .margin-top-40, form .margin-top-40 {
    margin-top: 2.5rem !important
}

.redx_form form .redx_forms_float, form .redx_forms_float {
    padding: 0
}

.redx_form form .redx_forms_float:not(.form-row-input), form .redx_forms_float:not(.form-row-input) {
    margin-bottom: .375rem
}

.redx_form form .redx_forms_float:not(.form-row-input).redx_form_fileupload, form .redx_forms_float:not(.form-row-input).redx_form_fileupload {
    margin-bottom: .875rem
}

.redx_form form .redx_forms_float .multiuploader, form .redx_forms_float .multiuploader {
    margin-bottom: .375rem;
    margin-right: 0 !important
}

.redx_form form .redx_forms_float .multiuploader .redx_multiuploader_drop_info_text, form .redx_forms_float .multiuploader .redx_multiuploader_drop_info_text {
    margin-left: 0;
    text-align: center;
    line-height: 21.84px;
    color: var(--tk-text-light-color, #999);
    font-size: 14px
}

.redx_form form .redx_forms_float .multiuploader .buttons, form .redx_forms_float .multiuploader .buttons {
    display: flex
}

.redx_form form .redx_forms_float .multiuploader .buttons .qq-upload-button-selector, form .redx_forms_float .multiuploader .buttons .qq-upload-button-selector {
    margin-left: auto;
    margin-right: auto;
    height: 2.5rem
}

.redx_form form label.disabled, form label.disabled {
    color: var(--tk-form-border-color, #ccc)
}

.redx_form form input[type=date]:disabled, .redx_form form input[type=email]:disabled, .redx_form form input[type=number]:disabled, .redx_form form input[type=password]:disabled, .redx_form form input[type=search]:disabled, .redx_form form input[type=tel]:disabled, .redx_form form input[type=text]:disabled, form input[type=date]:disabled, form input[type=email]:disabled, form input[type=number]:disabled, form input[type=password]:disabled, form input[type=search]:disabled, form input[type=tel]:disabled, form input[type=text]:disabled {
    border-color: #f4f4f4
}

.redx_form form input[type=text][id^=search_redx_js_tree_container], form input[type=text][id^=search_redx_js_tree_container] {
    margin-bottom: .8125rem
}

.redx_form form input[type=checkbox]:focus + label:before, .redx_form form input[type=radio]:focus + label:before, form input[type=checkbox]:focus + label:before, form input[type=radio]:focus + label:before {
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2)
}

.redx_form form input[type=file], form input[type=file] {
    color: var(--tk-text-light-color, #999);
    cursor: pointer
}

.redx_form form input[type=file]::-webkit-file-upload-button, form input[type=file]::-webkit-file-upload-button {
    border-radius: .3125rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .875rem;
    letter-spacing: .0625rem;
    line-height: 2.3125rem;
    padding: .0625rem 1.25rem 0;
    border: .0625rem solid var(--tk-text-color, #323232);
    margin-right: .625rem;
    background-color: #fff;
    cursor: pointer
}

.redx_form form .multiuploader.qq-uploader-selector, form .multiuploader.qq-uploader-selector {
    border-radius: 5px !important
}

.redx_form form .multiuploader.qq-uploader-selector .qq-upload-button-focus, form .multiuploader.qq-uploader-selector .qq-upload-button-focus {
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2) !important;
    outline: none
}

.redx_form form input.validation_error, form input.validation_error {
    border-radius: 5px;
    border: 1px solid #f91f02
}

.redx_form form div.validation_error, form div.validation_error {
    font-size: 12px;
    line-height: 14.04px;
    padding: 0;
    color: #f91f02;
    margin-bottom: .625rem
}

.redx_form form #tk-configurator-content .xtxRadioSelect:not(.xtxSwitch) input + label:before, form #tk-configurator-content .xtxRadioSelect:not(.xtxSwitch) input + label:before {
    transition: all 0s
}

.tk-form-row label, form .form-field label {
    font-size: 12px;
    line-height: .875rem;
    padding: 0 0 .3125rem;
    display: block;
    width: 100%
}

.tk-form-row label .required, form .form-field label .required {
    color: var(--tk-text-color, #323232);
    margin-left: .1875rem
}

.shopx_voucher_code_form_input_row {
    padding-bottom: 20px
}

.shopx_voucher_code_form_input_row.is-cart > fieldset {
    float: right
}

.shopx_voucher_code_form_input_row.is-cart > fieldset label {
    font-weight: 700
}

.shopx_voucher_code_form_input_row > fieldset {
    min-width: 300px
}

.shopx_voucher_code_form_input_row > fieldset .input-append {
    display: flex
}

.shopx_voucher_code_form_input_row > fieldset .input-append input + input {
    margin-left: 10px
}

.radio-select-side-by-side .rbtn_wrapper1 {
    display: flex
}

.radio-select-side-by-side .rbtn_wrapper1 .xtxRadioSelect + .xtxRadioSelect {
    margin-left: 20px
}

.radio-select-side-by-side.center .rbtn_wrapper1 {
    justify-content: center
}

table.checkout-box-content td {
    text-align: left
}

.control-group.form-row .controls {
    flex: 1
}

form .controls-container {
    display: block
}

form .controls-container .control-group {
    flex: 1
}

form .controls-container .control-group .validation_error, form .controls-container > .controls-container {
    margin-bottom: 0
}

form .form-actions {
    margin-bottom: .625rem;
    margin-top: 1.25rem
}

form .control-group.width-half {
    max-width: calc(50% - 8px)
}

form .control-group.width-25 {
    max-width: 25%
}

form .control-group.width-75 {
    max-width: 75%
}

form .control-group label {
    font-size: 12px;
    line-height: .875rem
}

form .control-group label .required {
    color: var(--tk-text-color, #323232)
}

form .control-group > .controls > .btn {
    margin-top: .625rem
}

form .control-group > .controls > .btn + .btn {
    margin-left: 1rem
}

form .control-group xtx-datetime-picker {
    --formcontrol-field-width: 100%
}

form .height-50 {
    height: 3.125rem
}

form.form-flex {
    display: flex;
    flex-wrap: wrap
}

form.form-flex > * {
    margin-right: 1.25rem
}

form.form-flex > :last-child {
    margin-right: 0
}

.form-row .validation_error {
    width: 100%
}

.form-limited-75 {
    width: 75%
}

#tk-productnews-settings {
    display: flex;
    margin: .625rem 0;
    float: right
}

#tk-productnews-settings #tk-productnews-settings-info {
    margin-left: .3125rem
}

xtx-tooltip[name=productnews_settings_info] {
    --tooltip-max-width: 400px
}

.callback_type_container {
    margin-bottom: 1.25rem
}

.tk-form-row input {
    padding: 10px 20px !important
}

.tk-form-row .xtxIconWrapper, .tk-form-row a, .tk-form-row input, .tk-form-row select {
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important
}

.tk-form-row input[type=text] {
    transition: all 0s
}

.tk-form-row .xtxSelect .xtxIconWrapper {
    height: 37px !important;
    max-height: 37px !important;
    min-height: 37px !important
}

.tk-form-row xtx-multi-select {
    line-height: 1.5rem
}

.tk-form-row xtx-multi-select + .xtxIconWrapper {
    display: none
}

#serial_location_form_container {
    color: #323232;
    background-color: #fff;
    border-color: var(--tk-border-color, #ebebeb);
    padding: 1.25rem .9375rem
}

div[id^=nace-container-] {
    display: flex;
    flex-direction: column-reverse
}

div[id^=nace-container-] div.nace-select-btn {
    position: absolute;
    top: .625rem;
    right: .8125rem;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M4 8l4 4 4-4z'/><path d='M0 0h16v16H0z' fill='none'/></svg>")
}

div[id^=nace-container-] div.jstree.jstree-nace-frontend {
    top: 3.125rem;
    max-width: inherit
}

div[id^=nace-container-] input[id^=search_redx_js_tree_container] {
    margin-bottom: 0 !important
}

div[id^=nace-container-] div.validation_error {
    margin-top: .125rem
}

div[id^=nace-container-] li:before {
    content: "" !important
}

div[id^=nace-container-] .jstree-no-dots {
    margin: 2px 0 0 4px !important
}

div[id^=nace-container-] .jstree-hovered, div[id^=nace-container-] .jstree-nace-frontend {
    color: var(--tk-primary-color, #ff7d00) !important;
    border: none !important;
    background: #fff !important;
    padding: 0 !important
}

div[id^=nace-container-] .jstree-hovered a, div[id^=nace-container-] .jstree-nace-frontend a {
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 1px 2px !important
}

.redx_form xtx-multi-select {
    --select-input-min-height: 50px
}

nav.pagination ul li a {
    border: 1px solid transparent;
    transition: background-color .15s ease-in-out, color .15s ease-in-out !important
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) {
    margin-bottom: 20px
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) tr th:last-child {
    border-right: none
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) thead + tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .04)
}

table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) thead + tbody tr:nth-of-type(2n) {
    background-color: transparent
}

.tablesorter-headerRow .header, .tablesorter-headerRow .tablesorter-header {
    background-image: url(/res/pics/icons/table-sort.svg) !important;
    background-position: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 10px 4px 4px
}

.tablesorter-headerRow .headerSortUp, .tablesorter-headerRow .tablesorter-headerAsc, .tablesorter-headerRow .tablesorter-headerSortUp {
    background-image: url(/res/pics/icons/table-sort-asc.svg) !important;
    border-bottom: 1px solid #323232 !important
}

.tablesorter-headerRow .headerSortDown, .tablesorter-headerRow .tablesorter-headerDesc, .tablesorter-headerRow .tablesorter-headerSortDown {
    background-image: url(/res/pics/icons/table-sort-desc.svg) !important;
    border-bottom: 1px solid #323232 !important
}

table.table-alternate tbody tr th, table.table-alternate thead tr {
    background: rgba(0, 0, 0, .04)
}

table.table-alternate tr {
    background: none !important
}

table.tk-raw-table tr.no-border :is(td,th) {
    border: none
}

.btn:focus {
    color: #323232;
    box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, .2);
    background: #fff
}

.btn:active, .btn:focus {
    outline: none;
    text-decoration: none
}

.btn:active {
    color: #fff;
    background: #555;
    border: 1px solid #555
}

.btn:visited {
    color: #323232
}

.btn:visited:hover {
    color: #fff
}

.btn.small {
    padding: .3125rem 1.25rem .25rem
}

.btn a {
    all: unset
}

.btn.full-width {
    width: 100%;
    text-align: center
}

:is(.btn-primary,xtx-submit-button .btn,xtx-popup-button[data-submit-btn] .btn,.btn-primary-active,.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm]) {
    display: inline-block;
    padding: .625rem 1.25rem .5625rem;
    color: #fff;
    font-size: .875rem;
    line-height: 1.1875rem;
    letter-spacing: .1em;
    text-decoration: none;
    background: #f97b02;
    border: .0625rem solid #f97b02;
    border-radius: .3125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .5s;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

:is(.btn-primary,xtx-submit-button .btn,xtx-popup-button[data-submit-btn] .btn,.btn-primary-active,.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm]):active, :is(.btn-primary,xtx-submit-button .btn,xtx-popup-button[data-submit-btn] .btn,.btn-primary-active,.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm]):focus, :is(.btn-primary,xtx-submit-button .btn,xtx-popup-button[data-submit-btn] .btn,.btn-primary-active,.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm]):hover {
    text-decoration: none;
    color: #fff;
    border: .0625rem solid #f97b02;
    background: #eb5b00
}

:is(.btn-primary,xtx-submit-button .btn,xtx-popup-button[data-submit-btn] .btn,.btn-primary-active,.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm]):visited {
    color: #323232
}

:is(.btn-primary,xtx-submit-button .btn,xtx-popup-button[data-submit-btn] .btn,.btn-primary-active,.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm]):active, :is(.btn-primary,xtx-submit-button .btn,xtx-popup-button[data-submit-btn] .btn,.btn-primary-active,.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm]):focus {
    color: #fff;
    background: #f97b02
}

:is(.btn-primary,xtx-submit-button .btn,xtx-popup-button[data-submit-btn] .btn,.btn-primary-active,.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm]):visited {
    color: #fff
}

:is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border) {
    display: inline-block;
    padding: .625rem 1.25rem .5625rem;
    color: #323232;
    font-size: .875rem;
    line-height: 1.1875rem;
    letter-spacing: .1em;
    text-decoration: none;
    background: #fff;
    border: .0625rem solid #323232;
    border-radius: .3125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .5s;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

:is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border):active, :is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border):focus, :is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border):hover {
    text-decoration: none;
    color: #323232;
    border: .0625rem solid #ccc;
    background: #ccc
}

:is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border):visited {
    color: #323232
}

:is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border):active, :is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border):focus {
    color: #323232;
    background: #fff
}

:is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border):visited {
    color: #323232 !important
}

:is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border):visited:hover {
    background-color: #ccc !important
}

:is(.redx_form_reset input[type=reset],.btn-white,.btn-white-with-border,.btn-white-without-border) a {
    color: #323232
}

:is(.btn-gray,.btn-transparent-with-dark-border) {
    display: inline-block;
    padding: .625rem 1.25rem .5625rem;
    color: #fff;
    font-size: .875rem;
    line-height: 1.1875rem;
    letter-spacing: .1em;
    text-decoration: none;
    background: #323232;
    border: .0625rem solid #fff;
    border-radius: .3125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .5s;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

:is(.btn-gray,.btn-transparent-with-dark-border):active, :is(.btn-gray,.btn-transparent-with-dark-border):focus, :is(.btn-gray,.btn-transparent-with-dark-border):hover {
    text-decoration: none;
    color: #323232;
    border: .0625rem solid #fff;
    background: #fff
}

:is(.btn-gray,.btn-transparent-with-dark-border):visited {
    color: #323232
}

:is(.btn-gray,.btn-transparent-with-dark-border):focus {
    color: #fff;
    background: #323232;
    color: #323232;
    background: #ccc
}

:is(.btn-gray,.btn-transparent-with-dark-border):visited {
    color: #fff
}

.redx_form_reset .validation_error {
    display: none
}

:is(.redx_form_submit_button,button[id^=redx_forms_],button[name=submitForm],input.redx_form_reset) {
    margin-top: 14px;
    margin-bottom: 14px
}

#ajax_form_serial_location_edit {
    margin-top: 5px
}

.btn-primary.fck-btn a {
    color: #fff;
    text-decoration: none
}

.xtxTabs .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 10px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #f97b02;
    border-radius: 10px
}

:is(.service_support_list,.tk-outline-boxes .container-table) .btn-icon {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: initial
}

:is(.service_support_list,.tk-outline-boxes .container-table) .btn-icon img {
    width: 1rem;
    transition-duration: .5s
}

:is(.service_support_list,.tk-outline-boxes .container-table) .btn-icon:not([disabled]):hover img {
    filter: brightness(0) invert(1)
}

.alert.small {
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
    padding: 6px 10px 5px
}

.alert.alert-error {
    background: rgba(249, 31, 2, .1);
    border-color: #f91f02;
    color: #323232
}

.alert.alert-available-limited {
    background-color: rgba(165, 78, 251, .1);
    border: 1px solid #a54efb
}

.alert.alert-available-condition {
    background-color: rgba(78, 180, 255, .1);
    border: 1px solid #4eb4ff
}

.alert font {
    color: var(--tk-text-color, #323232) !important
}

.status-dot {
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    padding: 0;
    display: inline-block;
    background-color: var(--status-dot-color, transparent)
}

.status-dot.error, .status-dot.status-not-available {
    background-color: #f91f02
}

.status-dot.status-available-with-condition, .status-dot.warning {
    background-color: #ffcc31
}

.status-dot.status-available, .status-dot.success {
    background-color: #468847
}

.status-dot.status-available-limited {
    background-color: #a54efb
}

.status-dot.status-available-delayed {
    background-color: #4eb4ff
}

#footer-area .tk-footer-text, #footer-area p {
    font-size: 12px;
    line-height: 21.84px
}

#footer-area .tk-footer-text {
    max-width: 210px
}

#footer-area .tk-footer-text a {
    text-decoration: underline
}

#footer-area .tk-footer-text a:hover {
    text-decoration: none
}

#footer-area a:not(.btn-white) {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    line-height: 17.94px
}

#footer-area a:not(.btn-white):hover {
    color: #f97b02
}

#footer-area .icon-email-footer {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 9px
}

.header-container .logo {
    width: 130px
}

.header-container .logo .tk-main-logo {
    width: 55px !important;
    height: 55px !important;
    margin-left: 15px;
    margin-top: 4px
}

.header-container .logo .tk-main-logo.logo-desktop {
    display: none
}

.header-container .header-bar {
    float: right;
    width: calc(100% - 130px) !important
}

.header-container .header-bar .header-right-content {
    color: #fff;
    transition: visibility 0s, opacity .5s linear;
    padding-top: 7px;
    margin-left: 12px;
    margin-right: 12px
}

.header-container .dropdown:is(.lang,.currency) .dropdown-toggle:hover .icon-arrow-down-select {
    transform: rotate(180deg)
}

.header-container .icon-arrow-down-select {
    font-size: 9px;
    transition: transform .1s linear
}

.header-container .main-nav-right {
    margin-right: 25px
}

.show_flex {
    display: flex
}

.show_inline {
    display: inline
}

.tk-box {
    margin: 1.25rem 0
}

#tk-myservices, .service_support_list xtx-content-scroll, .tk-outline-boxes.standalone {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    min-width: calc(100% + 30px)
}

#tk-myservices td, #tk-myservices th, .service_support_list xtx-content-scroll td, .service_support_list xtx-content-scroll th, .tk-outline-boxes.standalone td, .tk-outline-boxes.standalone th {
    max-width: 60vw
}

#tk-myservices .tk-outline-box > .container-padding, .service_support_list xtx-content-scroll .tk-outline-box > .container-padding, .tk-outline-boxes.standalone .tk-outline-box > .container-padding {
    padding-left: .9375rem;
    padding-right: .9375rem
}

#tk-myservices .tk-outline-box > h4, .service_support_list xtx-content-scroll .tk-outline-box > h4, .tk-outline-boxes.standalone .tk-outline-box > h4 {
    margin-left: .9375rem;
    margin-right: .9375rem
}

#breadcrumb-area-container {
    height: 53px;
    background-color: #fff;
    line-height: 20px
}

#breadcrumb-area-container #breadcrumb-area {
    padding: 0 var(--scrollbar-offset-right, var(--xtx-scroll-bar-width, 0)) 0 0;
    background-color: #f4f4f4;
    width: 100%;
    position: absolute;
    left: 0
}

#breadcrumb-area-container #breadcrumb-area div.tk-breadcrumb-content {
    padding-top: 14px;
    padding-bottom: 15px;
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 15px
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb {
    margin: 0;
    list-style: none;
    white-space: nowrap
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb li {
    display: inline-block
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb li:last-child {
    width: 20px
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb .divider {
    color: #323232;
    padding: 0 10px;
    font-size: 14px
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb a {
    text-decoration: underline;
    color: #323232;
    font-size: 14px
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb a.active {
    text-decoration: none
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb a:visited {
    color: #323232
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb a:hover {
    color: #323232;
    text-decoration: none
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb a:focus {
    text-decoration: underline
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb .tk-breadcrumb-redx-link {
    text-decoration: none
}

#breadcrumb-area-container #breadcrumb-area .tk-breadcrumb .tk-breadcrumb-redx-link .redx-icon {
    font-size: 15px;
    display: inline-block;
    position: relative;
    top: 2px
}

.topnav-container ul {
    list-style: none;
    padding: 0;
    margin-left: 0
}

.topnav-container ul .btn {
    transition: visibility 0s !important
}

.topnav-container ul a:not(.btn) {
    padding-left: 12px;
    padding-right: 12px;
    color: var(--tk-text-color, #323232);
    font-size: 19px;
    transition: 0s;
    text-decoration: none
}

.topnav-container ul a:not(.btn).active {
    color: #f97b02
}

.topnav-container ul li {
    text-indent: 0
}

.topnav-container ul li a:hover:not(.btn) {
    color: #f97b02
}

.topnav-container ul li:before {
    display: none
}

.topnav-container a.active:not(.btn), .topnav-container a:hover:not(.btn), .topnav-container li.active > a:not(.btn) {
    color: #f97b02;
    border: #f97b02
}

.topnav-container .topnav-container-phone {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-left: 18px;
    padding-bottom: 25px
}

.topnav-container .topnav-container-phone a {
    color: #fff;
    text-decoration: none
}

.topnav-container .topnav-container-phone .topnav-container-phone-label {
    float: left
}

:is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) .content {
    color: #323232;
    padding: 28px 42px;
    min-height: 470px
}

:is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) .content h1, :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) .content h2, :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) .content h3 {
    font-weight: 700;
    color: #323232
}

:is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) .content h1 {
    color: #323232;
    font-size: 24px;
    line-height: 34px;
    padding-bottom: 40px
}

:is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul):first-child > a {
    padding-left: 10px
}

.row-fluid {
    width: 100%
}

.row-fluid:after, .row-fluid:before {
    display: table;
    content: "";
    line-height: 0
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    display: block;
    min-height: 30px;
    box-sizing: border-box;
    float: left;
    margin-left: 1.6480152542%
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid .span1 {
    width: 6.3829787234%
}

.row-fluid .span2 {
    width: 14.8936170213%
}

.row-fluid .span3 {
    width: 23.4042553191%
}

.row-fluid .span4 {
    width: 31.8750898305%
}

.row-fluid .span5 {
    width: 40.4255319149%
}

.row-fluid .span6 {
    width: 48.6366423729%
}

.row-fluid .span7 {
    width: 57.4468085106%
}

.row-fluid .span8 {
    width: 65.3981949153%
}

.row-fluid .span12 {
    width: 100%
}

.row:after, .row:before {
    display: table;
    content: "";
    line-height: 0
}

.row:after {
    clear: both
}

.nav-pills > li, .nav-tabs > li {
    float: left
}

.nav-pills:after, .nav-pills:before, .nav-tabs:after, .nav-tabs:before {
    display: table;
    content: "";
    line-height: 0
}

.pull-right {
    float: right
}

.align-center {
    text-align: center
}

.clearfix {
    clear: both
}

.hidden {
    display: none;
    visibility: hidden
}

.hidden-desktop, .visible-phone, .visible-tablet {
    display: none !important
}

.visible-desktop {
    display: inherit !important
}

#redx-content-row-7166 img {
    vertical-align: middle
}

.RedxThemeTkThemeBackground h2, .RedxThemeTkThemeDark h2, .RedxThemeTkThemeLight h2 {
    margin-bottom: 5px
}

.RedxThemeTkThemeDark li:after {
    border-color: #fff !important
}

.RedxThemeTkThemeDark:not(.RedxThemeTkFullSizeRow) .RedxGridColumn:not(:first-child), .RedxThemeTkThemeLight:not(.RedxThemeTkFullSizeRow) .RedxGridColumn:not(:first-child) {
    border-left: 8px solid #fff
}

.RedxThemeTkThemeDark:not(.RedxThemeTkFullSizeRow) .RedxGridColumn:not(:last-child), .RedxThemeTkThemeLight:not(.RedxThemeTkFullSizeRow) .RedxGridColumn:not(:last-child) {
    border-right: 8px solid #fff
}

.RedxThemeTkThemeBackground .RedxGridColumn:not(.XLarge4):not(.XLarge6), .RedxThemeTkThemeDark .RedxGridColumn:not(.XLarge4):not(.XLarge6), .RedxThemeTkThemeLight .RedxGridColumn:not(.XLarge4):not(.XLarge6) {
    padding: 40px 20%
}

.RedxThemeTkThemeBackground .RedxGridColumn.XLarge4, .RedxThemeTkThemeDark .RedxGridColumn.XLarge4, .RedxThemeTkThemeLight .RedxGridColumn.XLarge4 {
    padding: 40px 40px 50px
}

.RedxThemeTkThemeBackground .RedxGridColumn.XLarge6, .RedxThemeTkThemeDark .RedxGridColumn.XLarge6, .RedxThemeTkThemeLight .RedxGridColumn.XLarge6 {
    padding: 40px 150px 50px
}

.RedxThemeTkFlowingText .RedxGridColumn {
    padding: 40px 50px 50px !important
}

.RedxThemeTkFlowingText .RedxGridColumn.RedxThemeNoPaddingTop {
    padding-top: 0 !important
}

.RedxThemeTkFlowingText .RedxGridColumn.RedxThemeNoPaddingBottom {
    padding-bottom: 0 !important
}

.RedxThemeTkThemeBorderLeft:after {
    left: -1px
}

.RedxThemeTkThemeBorderLeft:after, .RedxThemeTkThemeBorderRight:after {
    content: "";
    position: absolute;
    top: 20px;
    height: calc(100% - 40px);
    width: 1px
}

.RedxThemeTkThemeBorderRight:after {
    right: 1px
}

.RedxThemeTkThemeLight .RedxThemeTkThemeBorderLeft:after {
    background: #ccc
}

.RedxThemeTkThemeDark .RedxThemeTkThemeBorderLeft:after {
    background: #323232
}

.RedxThemeTkThemeLight .RedxThemeTkThemeBorderRight:after {
    background: #ccc
}

.RedxThemeTkThemeDark .RedxThemeTkThemeBorderRight:after {
    background: #323232
}

.RedxGridThemeContainer.RedxThemeTkFullSizeRow {
    margin-left: min(-25px, (100vw - 1600px) / 2 * -1);
    width: calc(100vw - var(--scrollbar-offset-right, var(--xtx-scroll-bar-width, 17px)) / 2)
}

.RedxThemeTkHeightSync {
    display: flex
}

.btn.btn-xtx-badge {
    position: relative
}

.btn.btn-xtx-badge .xtx-badge-wrapper {
    position: absolute;
    top: -.625rem;
    right: 0;
    transform: translateX(50%);
    letter-spacing: 0
}

#tk-configurator-content xtx-badge[id^=c_marking_] {
    --badge-border-radius: 0;
    --badge-size: 18px;
    --badge-font-size: 12px;
    text-transform: uppercase
}

:root {
    --progress-bar-color: var(--tk-primary-color, #ff7d00);
    --quantity-selector-button-width: 1.5rem;
    --quantity-selector-button-height: 1.5rem;
    --quantity-selector-button-border: 0.0625rem solid var(--tk-form-border-color, #ccc);
    --quantity-selector-button-font-size: 16px;
    --quantity-selector-button-focus-background: #fff;
    --quantity-selector-button-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2);
    --quantity-selector-button-focus-color: #323232;
    --quantity-select-input-color: var(--tk-text-color, #323232);
    --quantity-select-input-font-size: 16px;
    --quantity-select-input-line-height: 1.1875rem;
    --quantity-select-input-border-radius: 0.3125rem;
    --quantity-select-input-border-color: var(--tk-form-border-color, #ccc);
    --quantity-select-input-padding-vertical: 0.90625rem;
    --quantity-select-input-padding-horizontal: 0.625rem;
    --quantity-selector-input-focus-outline: none;
    --quantity-selector-input-focus-box-shadow: 0 0 0 2px #4eb4fb, 0 0 0 6px rgba(78, 180, 251, 0.2);
    --quantity-selector-button-disabled-background: #fff;
    --quantity-selector-button-disabled-color: var(--tk-form-border-color, #ccc);
    --quantity-selector-button-disabled-border: 0.0625rem solid var(--tk-form-border-color, #ccc)
}

xtx-datetime-picker {
    --formcontrol-field-width: auto
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) {
    width: 100%;
    z-index: 1002
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) header {
    justify-content: space-between;
    display: flex;
    height: 4.375rem;
    padding: 1.5625rem 1.25rem;
    font-weight: 700;
    background-color: #f4f4f4
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) header div[name=header_text] {
    flex: 1
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) header xtx-popup-button {
    cursor: pointer;
    margin-top: -.125rem;
    width: 1.625rem;
    height: 1.625rem;
    flex: 0 0 1.625rem
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) header xtx-popup-button button {
    border: none;
    background: url(../image/close.svg) no-repeat;
    width: 1.625rem;
    height: 1.625rem;
    padding: .625rem
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) div[data-offcanvas-content] {
    padding: 0 1.25rem
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) div[data-offcanvas-content] .xtx-listadmin-filter-controls {
    display: flex;
    padding: .625rem 0;
    gap: .625rem;
    flex-wrap: wrap
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) div[data-offcanvas-content] .xtx-listadmin-filter-controls .xtxSelect {
    flex: 1 1 45%;
    height: 3.125rem !important;
    max-height: 3.125rem !important;
    margin-bottom: 0
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) div[data-offcanvas-content] .xtx-listadmin-filter-controls .xtxSelect select {
    height: 3.125rem !important;
    max-height: 3.125rem !important
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) div[data-offcanvas-content] .xtx-listadmin-filter-controls .xtxSelect .xtxIconWrapper {
    height: 2.9375rem !important;
    max-height: 2.9375rem !important
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer {
    height: 5rem;
    background-color: #f4f4f4;
    padding: 0 1.25rem
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer .list-buttons, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer [name=list-buttons] {
    padding: .625rem 0;
    gap: .625rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer .list-buttons input, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer .list-buttons xtx-popup-button, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer .list-buttons xtx-reset-button, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer [name=list-buttons] input, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer [name=list-buttons] xtx-popup-button, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer [name=list-buttons] xtx-reset-button {
    flex: 1
}

xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer .list-buttons xtx-popup-button button, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer .list-buttons xtx-reset-button button, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer [name=list-buttons] xtx-popup-button button, xtx-offcanvas:is([id^=xtxNavigationOffListAdminFilter_],[id^=offCanvasFilter]) footer [name=list-buttons] xtx-reset-button button {
    width: 100%
}

xtx-modal {
    --modal-close-padding: 7px;
    --modal-close-right: 6px;
    --modal-close-top: 4px
}

.tk-badge-container {
    position: relative
}

.tk-badge {
    position: absolute;
    top: -2px;
    right: -5px;
    font-size: 11px;
    background-color: #f97b02;
    color: #fff;
    width: auto;
    min-width: 1.125rem;
    height: 1.125rem;
    text-align: center;
    line-height: 19px;
    font-weight: 700;
    font-style: normal;
    z-index: 9;
    border-radius: 9px;
    padding: 0 .125rem 0 .1875rem
}

.tk-badge.no-shadow {
    box-shadow: none
}

.tk-badge-product-gray-with-border {
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    border-radius: 13px;
    box-shadow: none;
    line-height: 1.2em;
    font-size: .6em;
    background-color: var(--tk-form-border-color, #ccc);
    color: #fff;
    font-style: normal;
    vertical-align: middle;
    margin-top: -2px;
    z-index: 9
}

.tk-badge-inline {
    position: relative;
    display: inline-block;
    right: auto
}

.tk-badge-invert {
    background-color: #fff;
    color: #f97b02
}

.tk-outline-boxes.single-col {
    grid-template-columns:1fr
}

.tk-outline-boxes .tk-outline-box {
    background-color: #fff
}

.tk-outline-boxes .tk-outline-box .service_support_list xtx-content-scroll {
    margin: 0;
    min-width: 100%
}

.tk-outline-boxes .tk-outline-box .tk-outline-boxes {
    margin: 0
}

.tk-outline-boxes .tk-outline-box .tk-outline-boxes .tk-outline-box {
    border: none
}

.tk-outline-boxes .tk-outline-box-list h4 {
    border-bottom: .0625rem solid var(--tk-border-color, #ebebeb);
    margin: 0;
    padding: .9375rem 1.25rem;
    line-height: 1.1875rem
}

.tk-outline-boxes .tk-outline-box-list .container-table {
    padding: .3125rem 1.25rem
}

.tk-outline-boxes .tk-outline-box-list .container-table .row-container .row-title {
    line-height: 2.5rem
}

.tk-outline-boxes xtx-content-scroll {
    max-width: 100vw
}

.tk-outline-boxes xtx-content-scroll > div {
    display: inline-block;
    min-width: 100%
}

.tk-outline-boxes .xtxTabs {
    max-width: 100vw
}

.tab .tabContent.tk-outline-box {
    border-top: none !important;
    padding: 0
}

.tk-icons-footer, [class*=" tk-icon-"], [class*=" tk-sprites-"], [class^=tk-icon-], [class^=tk-sprites-] {
    display: inline-block
}

.tk-icons-footer {
    width: 33px;
    height: 33px
}

.tk-icons-x-twitter {
    background-image: url(../image/twitter_x_outline.svg)
}

.tk-icons-x-twitter:hover {
    background-image: url(../image/twitter_x_outline_hover.svg)
}

.tk-icons-facebook {
    background-image: url(../image/facebook_icon.svg)
}

.tk-icons-facebook:hover {
    background-image: url(../image/facebook_icon_hover.svg)
}

.tk-icons-youtube {
    background-image: url(../image/youtube_icon.svg)
}

.tk-icons-youtube:hover {
    background-image: url(../image/youtube_icon_hover.svg)
}

.tk-icons-linkedin {
    background-image: url(../image/linkedin_icon.svg)
}

.tk-icons-linkedin:hover {
    background-image: url(../image/linkedin_icon_hover.svg)
}

.tk-icons-instagram {
    background-image: url(../image/instagram_icon.svg)
}

.tk-icons-instagram:hover {
    background-image: url(../image/instagram_icon_hover.svg)
}

.tk-icons-xing {
    background-image: url(../image/xing_icon.svg)
}

.tk-icons-xing:hover {
    background-image: url(../image/xing_icon_hover.svg)
}

.tk-icons-mag-white {
    width: 70px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    background-image: url(../image/tkmag_icon.svg)
}

.tk-icons-mag-white:hover {
    background-image: url(../image/tkmag_icon_hover.svg)
}

.tk-icons-wiki-white {
    width: 70px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../image/tkwiki_icon.svg)
}

.tk-icons-wiki-white:hover {
    background-image: url(../image/tkwiki_icon_hover.svg)
}

.tk-pics-icons-header-it-security-en {
    background-image: url(../image/header-it-security-de-retina.png);
    width: 100px;
    height: 33px
}

.tk-icons-header-it-security-de {
    background-image: url(../image/header-it-security-en-retina.png);
    width: 100px;
    height: 33px
}

.tk-icons-questionmark {
    width: 16px;
    vertical-align: text-bottom
}

.tk-icons-content-tel {
    background-image: url(../image/icon-phone-filled-hover.svg)
}

.tk-icons-content-clock {
    background-image: url(../image/icon_clock_hover.svg)
}

.tk-icons-content-247 {
    background-image: url(../image/icon_24_7_hover.svg)
}

i:is(.tk-icons-content-247,.tk-icons-content-clock,.tk-icons-content-tel) {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat
}

.arrow-icon-down-after:after {
    transition: transform .1s linear;
    transform-origin: center;
    position: absolute;
    margin-left: 6px;
    top: calc(50% - 1px);
    transform: translateY(-50%) rotate(45deg);
    content: " " !important;
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px
}

.arrow-icon-down-after:is(.arrow-icon-hover:hover,.active):after {
    border-width: 2px 2px 0 0;
    transform: translateY(calc(-50% + 2px)) rotate(-45deg);
    color: #f97b02
}

#tk-myservices, .tk-outline-boxes {
    display: grid;
    grid-template-columns:100%;
    grid-column-gap: 0;
    grid-row-gap: 2.5rem
}

#tk-myservices .box-big, #tk-myservices .box-half, .tk-outline-boxes .box-big, .tk-outline-boxes .box-half {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

#tk-myservices .box-big, .tk-outline-boxes .box-big {
    grid-column: 1/3
}

#tk-myservices .h4, #tk-myservices h4, .tk-outline-boxes .h4, .tk-outline-boxes h4 {
    margin: 1.25rem 1.25rem 0
}

#tk-myservices .h4 + hr, #tk-myservices h4 + hr, .tk-outline-boxes .h4 + hr, .tk-outline-boxes h4 + hr {
    margin-top: 1rem !important
}

#tk-myservices table .h4, .tk-outline-boxes table .h4 {
    margin: 0
}

#tk-myservices > div[id^=tk-myservices-], .tk-outline-boxes > div[id^=tk-myservices-] {
    grid-column: 1;
    grid-row: auto
}

#tk-myservices #tk-myservices-overview .tk-outline-box .horizontal-rule > hr, .tk-outline-boxes #tk-myservices-overview .tk-outline-box .horizontal-rule > hr {
    width: calc(100% + 50px);
    margin-left: -25px;
    max-width: none
}

#tk-myservices #tk-myservices-cart table.listadmin td:first-child, #tk-myservices #tk-myservices-cart table.listadmin td:last-child, #tk-myservices #tk-myservices-offers table.listadmin td:first-child, #tk-myservices #tk-myservices-offers table.listadmin td:last-child, #tk-myservices #tk-myservices-orders table.listadmin td:first-child, #tk-myservices #tk-myservices-orders table.listadmin td:last-child, #tk-myservices #tk-myservices-orders table.listadmin td:nth-child(2), .tk-outline-boxes #tk-myservices-cart table.listadmin td:first-child, .tk-outline-boxes #tk-myservices-cart table.listadmin td:last-child, .tk-outline-boxes #tk-myservices-offers table.listadmin td:first-child, .tk-outline-boxes #tk-myservices-offers table.listadmin td:last-child, .tk-outline-boxes #tk-myservices-orders table.listadmin td:first-child, .tk-outline-boxes #tk-myservices-orders table.listadmin td:last-child, .tk-outline-boxes #tk-myservices-orders table.listadmin td:nth-child(2) {
    width: 1%;
    white-space: nowrap
}

#tk-myservices .tk-outline-box, .tk-outline-boxes .tk-outline-box {
    border: .0625rem solid var(--tk-border-color, #ebebeb)
}

#tk-myservices .tk-outline-box table.listadmin, .tk-outline-boxes .tk-outline-box table.listadmin {
    border: 0;
    border-spacing: unset;
    width: 100%
}

#tk-myservices .tk-outline-box .container-table, .tk-outline-boxes .tk-outline-box .container-table {
    display: table;
    width: 100%
}

#tk-myservices .tk-outline-box .container-table .row-container, .tk-outline-boxes .tk-outline-box .container-table .row-container {
    display: table-row
}

#tk-myservices .tk-outline-box .container-table .row-container .row-title, .tk-outline-boxes .tk-outline-box .container-table .row-container .row-title {
    width: 1%;
    white-space: nowrap
}

#tk-myservices .tk-outline-box .container-table .row-container .row-text, #tk-myservices .tk-outline-box .container-table .row-container .row-title, .tk-outline-boxes .tk-outline-box .container-table .row-container .row-text, .tk-outline-boxes .tk-outline-box .container-table .row-container .row-title {
    display: table-cell
}

#tk-myservices .tk-outline-box .container-table .row-container .row-text:not(:last-child), #tk-myservices .tk-outline-box .container-table .row-container .row-title:not(:last-child), .tk-outline-boxes .tk-outline-box .container-table .row-container .row-text:not(:last-child), .tk-outline-boxes .tk-outline-box .container-table .row-container .row-title:not(:last-child) {
    padding-right: 1.25rem
}

#tk-myservices .tk-outline-box .container-table table.tk-myservices-table th, .tk-outline-boxes .tk-outline-box .container-table table.tk-myservices-table th {
    color: var(--tk-text-light-color, #999);
    font-size: .875rem
}

#tk-myservices .tk-outline-box .container-table table.tk-myservices-table td, #tk-myservices .tk-outline-box .container-table table.tk-myservices-table th, .tk-outline-boxes .tk-outline-box .container-table table.tk-myservices-table td, .tk-outline-boxes .tk-outline-box .container-table table.tk-myservices-table th {
    padding: 0
}

#tk-myservices .tk-outline-box .container-table table.tk-myservices-table td:not(:last-child), #tk-myservices .tk-outline-box .container-table table.tk-myservices-table th:not(:last-child), .tk-outline-boxes .tk-outline-box .container-table table.tk-myservices-table td:not(:last-child), .tk-outline-boxes .tk-outline-box .container-table table.tk-myservices-table th:not(:last-child) {
    padding-right: 1.25rem
}

#tk-myservices .tk-outline-box .horizontal-rule, .tk-outline-boxes .tk-outline-box .horizontal-rule {
    position: relative;
    height: 41px
}

#tk-myservices .tk-outline-box .horizontal-rule > hr, .tk-outline-boxes .tk-outline-box .horizontal-rule > hr {
    width: calc(100% + 40px);
    position: absolute;
    margin-top: 20px;
    margin-left: -20px;
    max-width: 100%
}

#tk-myservices .tk-outline-box > hr, .tk-outline-boxes .tk-outline-box > hr {
    margin: 0
}

#tk-myservices .tk-outline-box form[name=my_products_form] xtx-select, .tk-outline-boxes .tk-outline-box form[name=my_products_form] xtx-select {
    --select-input-padding-horizontal: 20px;
    --select-input-padding-vertical: 11px
}

#tk-myservices .col-min-width, .tk-outline-boxes .col-min-width {
    width: .0625rem
}

#tk-myservices .col-max-width, .tk-outline-boxes .col-max-width {
    width: 100%
}

#tk-myservices .container-padding, .tk-outline-boxes .container-padding {
    padding: 1.25rem
}

.tk-myservices-text-light {
    color: var(--tk-text-light-color, #999);
    font-size: .875rem
}

#tk-stored-confi .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end
}

#tk-stored-confi tr td:first-child {
    min-width: 6.875rem
}

#form_sub_shopx_customers_key {
    min-width: calc(100vw - 30px);
    --select-input-min-height: 51px !important;
    --select-dropdown-z-index: 99999
}

.table-formatted #tk-shopx-cart-container tr.cart-start-row {
    display: none
}

.table-formatted #tk-shopx-cart-container tr.headline {
    border-bottom: .0625rem solid var(--tk-border-color, #ebebeb)
}

.table-formatted #tk-shopx-cart-container tr.entry {
    height: 2.5rem
}

.table-formatted #tk-shopx-cart-container tr.entry .title {
    height: 1.5rem
}

.table-formatted #tk-shopx-cart-container tr.entry .position {
    text-align: left;
    width: 1%
}

.table-formatted #tk-shopx-cart-container tr.sub-sum td {
    border-top: .0625rem solid var(--tk-border-color, #ebebeb);
    border-bottom: .0625rem solid var(--tk-border-color, #ebebeb);
    line-height: 2.5rem
}

.table-formatted #tk-shopx-cart-container .cart-sum-block {
    padding: 10px 15px
}

.table-formatted #tk-shopx-cart-container .cart-sum-block .shopping-cart-sum-price, .table-formatted #tk-shopx-cart-container table.power-consumption-table td {
    padding: 0
}

.table-formatted #tk-shopx-cart-container .shoppingcartbox .cart-table ~ div, .table-formatted #tk-shopx-cart-container > p {
    padding: 10px 15px
}

#tk-cart-share, .tk-cart-overlay-msg {
    margin-left: 15px;
    margin-right: 15px
}

.service_support_list .tk-cart-overlay-msg {
    margin: 0
}

#tk-cart-share {
    margin-top: 1.25rem
}

#tk-cart-share form {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 1.25rem 0
}

#tk-cart-share form .alert {
    flex: 1 0 100%
}

#tk-cart-share form .btn {
    height: 3.1875rem
}

#tk-cart-share form > div {
    flex: 1 1 auto
}

#tk-cart-share form .validation_error {
    margin-top: .375rem
}

.tk-my-account-offer-order-details .shoppingcartbox .no_page_break {
    padding: 10px 25px
}

.tk-my-account-offer-order-details .tk-order-document-list .listadmin td {
    border-top: 1px solid var(--tk-border-color, #ebebeb) !important;
    border-bottom: none
}

.tk-my-account-offer-order-details .tk-order-document-list h4 {
    padding-bottom: 20px
}

.tk-my-account-offer-order-details .xtxTabs {
    margin-bottom: 20px
}

.tk-my-account-offer-order-details .tabContent {
    border-top: none;
    padding-top: 0 !important
}

.tk-my-account-offer-order-details .checkout-box {
    padding: 0;
    background-color: #fff !important
}

.tk-my-account-offer-order-details #label_form_order_agb_ok {
    font-size: 16px
}

.tk-my-account-offer-order-details .checkout_box_data h4 {
    padding-top: 12px
}

.tk-my-account-offer-order-details .checkout_box_data .content {
    padding: 0 !important
}

.tk-my-account-offer-order-details .tabContent {
    background-color: #fff
}

.tk-my-account-offer-order-details [id$=-tab-modify] .tabContent {
    padding: 1.25rem
}

.tk-my-account-offer-order-details [id$=-tab-modify] .tabContent .checkout_box_data {
    margin: 0
}

.tk-my-account-offer-order-details [id$=-tab-order] .tabContent {
    padding: 1.25rem
}

.tk-my-account-offer-order-details #order_offer_change .checkout_box_data {
    padding-top: 18px
}

.tk-my-account-offer-order-details .tab {
    overflow: visible !important
}

.tk-my-account-offer-order-details .tk-my-account-offer-modify #order_offer_change .checkout_box_data, .tk-my-account-offer-order-details .tk-my-account-offer-modify .checkout_box_data {
    padding-top: 0
}

.tk-my-account-offer-order-details .service_support_list {
    margin-bottom: 20px
}

.tk-my-account-offer-order-details .checkout_error_mess_container {
    padding-top: 18px
}

.tk-my-account-offer-order-details .checkout_error_mess_container .checkout_error_mess {
    margin-top: 0
}

.tk-modify-buttons {
    margin-left: .625rem
}

.tk-modify-buttons .btn {
    display: block;
    width: 100%
}

.tk-modify-buttons .btn.btn-primary {
    margin-bottom: .75rem;
    margin-top: .75rem
}

#tk-myservices-products-detail .service_support_list + .tk-outline-boxes {
    display: block
}

#tk-myservices-products-detail .tk-outline-box-list .row-container .row-title {
    width: auto
}

#tk-myservices-products-detail .tk-outline-box-list .row-container .row-text {
    width: 1%
}

#tk-myservices-products-detail .tk-outline-boxes .download_results {
    background-color: #fff;
    padding: 1.25rem 0 0
}

#tk-myservices-products-detail .tk-outline-boxes .download_results .download_results_content {
    padding: 0
}

#tk-myservices-products-detail .tk-outline-boxes .download_results :is(h3,h2,.download_results_light) {
    padding: 0 1.25rem
}

#tk-myservices-products-detail .tk-outline-boxes .download_results .tk_download_list_item_wrapper table.tk_download_list_item td:first-child, #tk-myservices-products-detail .tk-outline-boxes .download_results .tk_download_list_item_wrapper table.tk_download_list_item th:first-child {
    padding-left: 1.25rem
}

#tk-myservices-products-detail .tk-outline-boxes .download_results .tk_download_list_item_wrapper h4 {
    margin: 0 1.25rem .625rem
}

#tk-myservices-products-detail .tk-outline-boxes .download_results .tk_download_list_item_wrapper hr {
    margin: 0 0 1.25rem
}

#tk-myservices-products-detail .tk-outline-boxes .download_results .tk_download_js_filter_container > form .xtxSelect + .xtxSelect select#tk_download_filter_category {
    margin-top: 0
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-detail] .tk-outline-box table {
    width: 100% !important
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-support_tickets] .xtx-listadmin-filter {
    padding: 1.25rem 1.25rem 0
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-location] .tk-outline-box {
    padding: 1.25rem
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-location] .tk-outline-box .alert {
    margin-top: 0
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .tk-outline-box {
    padding: 1.25rem 1.25rem 0
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .tk-outline-box .alert {
    margin-top: 0
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] xtx-list {
    display: flex;
    flex-wrap: wrap
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] xtx-list xtx-list-item {
    padding: 0;
    margin-bottom: 1rem;
    border-top: none;
    margin-right: 1rem
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .serialInfoContainer {
    display: inline-block
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .seperator {
    border-bottom: .0625rem solid var(--tk-border-color, #ebebeb);
    margin: .5rem 0
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .service_support_list {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    width: calc(100% + 40px)
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .service_support_list:not(:empty) {
    border-top: .0625rem solid var(--tk-border-color, #ebebeb);
    margin-top: 1.5625rem
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .service_support_list xtx-list {
    margin-bottom: 0
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .service_support_list .alert {
    margin-top: 1.25rem
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .listadmin tr:first-child td, #tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-shipping] .listadmin tr:first-child td, #tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-support_tickets] .listadmin tr:first-child td {
    border-top: .0625rem solid var(--tk-border-color, #ebebeb)
}

#tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .listadmin tr:first-child th, #tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-note] .listadmin tr:last-child td, #tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-shipping] .listadmin tr:first-child th, #tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-shipping] .listadmin tr:last-child td, #tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-support_tickets] .listadmin tr:first-child th, #tk-myservices-products-detail .tk-outline-boxes .tab[id*=tab-support_tickets] .listadmin tr:last-child td {
    border-bottom: none
}

#tk-myservices-products-detail .tk-outline-boxes h4 {
    margin: 0
}

.form-tk-myservices-products-detail {
    padding: .625rem 15px
}

.tk-my-account-problems-details-files .buttons_container, .tk-my-account-problems-details .buttons_container {
    display: flex;
    flex-direction: row;
    gap: .625rem;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 1.25rem
}

.tk-my-account-problems-details-files .buttons_container .support_files, .tk-my-account-problems-details .buttons_container .support_files {
    display: flex;
    flex-direction: column;
    flex: 1 0 100%
}

.tk-my-account-problems-details-files .buttons_container .support_files > br, .tk-my-account-problems-details .buttons_container .support_files > br {
    display: none
}

.tk-my-account-problems-details-files .buttons_container .support_files a, .tk-my-account-problems-details .buttons_container .support_files a {
    display: flex
}

.tk-my-account-problems-details-files .buttons_container .support_files a img, .tk-my-account-problems-details .buttons_container .support_files a img {
    padding-right: .625rem
}

.tk-my-account-problems-details-files .buttons_container .support_files a img[src*="/16/"], .tk-my-account-problems-details .buttons_container .support_files a img[src*="/16/"] {
    max-height: 1rem
}

.tk-my-account-problems-details {
    margin-bottom: 1.25rem
}

.tk-my-account-problems-details .service_support_list + .tk-outline-boxes {
    margin-top: 0;
    grid-gap: 0;
    margin-bottom: 1.25rem
}

.tk-my-account-problems-details .service_support_list + .tk-outline-boxes .tk-outline-box {
    border-top: none
}

.tk-my-account-problems-details .tk-my-account-problems-file-list .tk-outline-box {
    position: relative;
    word-break: break-word
}

.tk-my-account-problems-details .tk-my-account-problems-file-list-content .listadmin td {
    border-top: 1px solid var(--tk-border-color, #ebebeb) !important;
    border-bottom: none
}

.tk-my-account-problems-details .tk-my-account-problems-file-list-content h4 {
    padding-bottom: 20px
}

.tk-my-account-problems-details .outline_boxes_comments {
    gap: 0
}

.tk-my-account-problems-details .outline_boxes_comments .tk-outline-box {
    position: relative
}

.tk-my-account-problems-details .outline_boxes_comments .tk-outline-box .problem-comment-box {
    max-height: 37.5rem;
    overflow-y: auto;
    padding-right: 1.5625rem;
    margin-right: -1.5625rem
}

.tk-my-account-problems-details .outline_boxes_comments .tk-outline-box:after {
    content: "";
    border-right: .0625rem solid var(--tk-border-color, #ebebeb);
    border-bottom: .0625rem solid var(--tk-border-color, #ebebeb);
    transform: rotate(45deg);
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    bottom: -.5625rem;
    left: 2.5rem;
    position: absolute
}

.tk-my-account-problems-details .outline_boxes_comments .author_create_details {
    padding: .9375rem .9375rem 1.25rem
}

.tk-my-account-problems-details #new_comment {
    margin-top: 1.25rem
}

.tk-my-account-problems-details #Problems_form .xtxTextArea {
    margin-bottom: 1rem
}

.tk-my-account-problems-details-files {
    margin: .625rem 0
}

.tk-my-account-problems-details-files .tk-outline-boxes {
    gap: 0
}

.tk-my-account-problems-details-files .tk-outline-boxes .tk-outline-box:not(:first-child) {
    border-top: none
}

.tk-my-account-problems-details-files .tk-outline-boxes .tk-outline-box:not(:last-child) {
    border-bottom: none
}

.tk-my-account-problems-details-files .tk-outline-boxes .tk-outline-box:nth-child(2) {
    grid-row-start: 2
}

.tk-my-account-problems-details-files .tk-outline-boxes .tk-outline-box .row-text a {
    display: flex
}

.tk-my-account-problems-details-files .tk-outline-boxes .tk-outline-box .row-text a img {
    padding-right: .625rem
}

.tk-my-account-problems-details-files .tk-outline-boxes .tk-outline-box .row-text a img[src*="/16/"] {
    max-height: 1rem
}

.tk-my-account-problems-details-files .tk-outline-boxes .tk-outline-box .buttons_container {
    margin-top: 0
}

.sf-email-message-body {
    padding: .9375rem
}

.sf-email-message-body p {
    margin-top: 0
}

#tk-stored-confi table.listadmin, .tk-stored-configurator-container table.listadmin {
    width: 68.125rem
}

#tk-stored-confi table.listadmin thead, .tk-stored-configurator-container table.listadmin thead {
    display: none
}

#tk-stored-confi .service_support_list, .tk-stored-configurator-container .service_support_list {
    position: relative
}

#tk-stored-confi .loading-spinner, .tk-stored-configurator-container .loading-spinner {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .8);
    text-align: center
}

#tk-stored-confi [data-delete-stored-product], .tk-stored-configurator-container [data-delete-stored-product] {
    cursor: pointer;
    display: flex
}

#tk-stored-confi xtx-loading-spinner, .tk-stored-configurator-container xtx-loading-spinner, [data-ajaxendpoint-load-stored-products] xtx-loading-spinner {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%
}

[data-ajaxendpoint-load-stored-products] .loading-spinner {
    display: flex;
    justify-content: center;
    height: calc(100vh - 50px)
}

#tk-compare-tooltip-checkbox-not-possible, #tk-compare-tooltip-checkbox-possible, #tk-compare-tooltip-compare-button {
    display: none
}

#tk-stored-confi-delete-all-container {
    width: 100%
}

#tk-stored-confi-delete-all-button {
    float: right
}

.tk-stored-configurator-container form .xtxCheckbox:not(.xtxSwitch) input:disabled + label:before {
    border-color: var(--tk-text-light-color, #999);
    cursor: not-allowed
}

.tk-stored-configurator-compare-container {
    display: inline-grid;
    grid-template-columns:50% 50%;
    padding: 10px
}

.tk-stored-configurator-compare-container ins {
    color: #468847 !important
}

.tk-stored-configurator-compare-container del {
    color: #f91f02 !important
}

.tk-outline-box .table-formatted table {
    min-width: 100%;
    border-collapse: collapse
}

.tk-outline-box .table-formatted table th, .tk-outline-box .table-formatted table tr.headline td {
    background-color: #fff;
    padding: .9375rem .625rem;
    font-weight: 400 !important;
    border-bottom: .0625rem solid var(--tk-border-color, #ebebeb);
    text-align: left;
    text-transform: none
}

.tk-outline-box .table-formatted table tr td {
    border: none
}

.tk-outline-box .table-formatted table tr td:first-child {
    padding-left: .9375rem
}

.tk-outline-box .table-formatted table tr td:last-child {
    padding-right: .9375rem
}

.tk-outline-box .table-formatted table td, .tk-outline-box .table-formatted table th {
    border-radius: 0;
    border-width: .0625rem
}

.tk-outline-box .table-formatted table .align-center {
    text-align: center !important
}

.tk-outline-box .table-formatted table .align-right {
    text-align: right !important
}

.tk-outline-box .table-formatted table .align-left {
    text-align: left !important
}

.service_support_list .newDeliveryAddressButtonContainer {
    margin-left: 10px
}

.service_support_list tr[data-refetch-endpoint*=lieferadressen-verwalten] a {
    display: inline-flex;
    text-decoration: none
}

.tk-medialist .xtx-listadmin-filter form {
    margin-bottom: 20px
}

.tk-medialist .xtx-listadmin-filter form xtx-filter > xtx-container[name=filter-components-container] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.tk-medialist .xtx-listadmin-filter form xtx-filter div[data-offcanvas-content] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    margin-top: 10px
}

.tk-medialist .xtx-listadmin-filter form xtx-filter xtx-multi-select {
    min-width: 300px;
    --select-line-height: 34px
}

.tk-medialist .xtx-listadmin-filter form xtx-filter xtx-popup-button[name=popup-filter-button] {
    width: 100%;
    display: flex
}

.tk-medialist .xtx-listadmin-filter form xtx-filter xtx-popup-button[name=popup-filter-button] .btn {
    flex: 1;
    background-position: right 1.25rem center !important;
    display: flex
}

.tk-medialist xtx-offcanvas footer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

#mediaDownloadsContainer .medialist-entry {
    margin: 25px 0
}

#mediaDownloadsContainer .medialist-entry .content-container {
    margin-top: 10px
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -1.25rem, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -1.25rem, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@-webkit-keyframes fpSlideLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fpSlideLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fpSlideLeftNew {
    0% {
        transform: translate3d(100%, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes fpSlideLeftNew {
    0% {
        transform: translate3d(100%, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes fpSlideRight {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fpSlideRight {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fpSlideRightNew {
    0% {
        transform: translate3d(-100%, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes fpSlideRightNew {
    0% {
        transform: translate3d(-100%, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes fpFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fpFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fpFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fpFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.flatpickr-calendar {
    background: transparent;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: .875rem;
    line-height: 1.5rem;
    border-radius: .3125rem;
    position: absolute;
    width: 18.1875rem;
    box-sizing: border-box;
    touch-action: manipulation;
    box-shadow: 0 .1875rem .8125rem rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline, .flatpickr-calendar.open {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    max-height: 40rem
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: .125rem
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.hasWeeks {
    width: auto
}

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 2.5rem;
    border-top: .0625rem solid #ddd
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-innerContainer {
    border-bottom: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    border: .0625rem solid #ddd
}

.flatpickr-calendar:not(.showTimeInput), .flatpickr-calendar:not(.showTimeInput) .flatpickr-innerContainer {
    border-radius: 0 0 .3125rem .3125rem
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after, .flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 1.375rem
}

.flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
    left: auto;
    right: 1.375rem
}

.flatpickr-calendar:before {
    border-width: .3125rem;
    margin: 0 -.3125rem
}

.flatpickr-calendar:after {
    border-width: .25rem;
    margin: 0 -.25rem
}

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #ddd
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #f97b02
}

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #ddd
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #f97b02
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    display: inline-block
}

.flatpickr-months, .flatpickr-wrapper {
    position: relative
}

.flatpickr-months .flatpickr-month {
    border-radius: .3125rem .3125rem 0 0;
    background: #f97b02;
    color: #323232;
    fill: #323232;
    height: 3.125rem;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden
}

.flatpickr-next-month, .flatpickr-prev-month {
    top: 0;
    z-index: 3;
    display: flex;
    cursor: pointer;
    position: absolute;
    line-height: inherit;
    align-content: center;
    text-decoration: none;
    padding: 0 .625rem;
    height: 3.125rem
}

.flatpickr-next-month i, .flatpickr-prev-month i {
    position: relative
}

.flatpickr-next-month.flatpickr-prev-month, .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-next-month.flatpickr-next-month, .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-next-month:hover svg, .flatpickr-prev-month:hover svg {
    fill: #cdcdcd
}

.flatpickr-next-month svg, .flatpickr-prev-month svg {
    width: .875rem;
    fill: #323232
}

.flatpickr-next-month svg path, .flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input, .numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input:not([disabled]):focus, .numInputWrapper input:not([disabled]):hover {
    background: hsla(0, 0%, 100%, .2)
}

.numInputWrapper input:not([disabled]):focus ~ span, .numInputWrapper input:not([disabled]):hover ~ span {
    opacity: 1
}

.numInputWrapper input[disabled] ~ span {
    display: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: .875rem;
    padding: 0 .25rem 0 .125rem;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: .0625rem solid rgba(50, 50, 50, .05);
    box-sizing: border-box
}

.numInputWrapper span:active, .numInputWrapper span:hover {
    background: #ddd
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
    top: 33%
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: .25rem solid transparent;
    border-right: .25rem solid transparent;
    border-bottom: .25rem solid rgba(50, 50, 50, .6)
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: .25rem solid transparent;
    border-right: .25rem solid transparent;
    border-top: .25rem solid rgba(50, 50, 50, .6)
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(50, 50, 50, .5)
}

.numInputWrapper:hover input:not([disabled]) {
    background: hsla(0, 0%, 100%, .2)
}

.numInputWrapper:hover input:not([disabled]) ~ span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    line-height: 1;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.125rem;
    text-align: center;
    transform: translateZ(0)
}

.flatpickr-current-month.slideLeft {
    transform: translate3d(-100%, 0, 0);
    -webkit-animation: fpFadeOut .4s ease, fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s ease, fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-current-month.slideLeftNew {
    transform: translate3d(100%, 0, 0);
    -webkit-animation: fpFadeIn .4s ease, fpSlideLeftNew .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s ease, fpSlideLeftNew .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-current-month.slideRight {
    transform: translate3d(100%, 0, 0);
    -webkit-animation: fpFadeOut .4s ease, fpSlideRight .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s ease, fpSlideRight .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-current-month.slideRightNew {
    transform: translateZ(0);
    -webkit-animation: fpFadeIn .4s ease, fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s ease, fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7 ch�;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #323232
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #323232
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    pointer-events: none
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    background: #f97b02;
    text-align: center;
    overflow: hidden;
    width: 18.1875rem;
    display: flex;
    align-items: center;
    height: 1.75rem
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: #f97b02;
    color: #323232;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
    padding: .0625rem 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
    padding: .125rem;
    border-left: .0625rem solid #ddd;
    border-right: .0625rem solid #ddd
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    width: 18.1875rem;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translateZ(0);
    opacity: 1
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
    -webkit-animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.animate .dayContainer.slideLeft, .flatpickr-calendar.animate .dayContainer.slideLeftNew {
    transform: translate3d(-100%, 0, 0)
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
    -webkit-animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideLeft .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.animate .dayContainer.slideRight {
    -webkit-animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideRight .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeOut .4s cubic-bezier(.23, 1, .32, 1), fpSlideRight .4s cubic-bezier(.23, 1, .32, 1);
    transform: translate3d(100%, 0, 0)
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
    -webkit-animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeIn .4s cubic-bezier(.23, 1, .32, 1), fpSlideRightNew .4s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-day {
    background: none;
    background: transparent;
    border: .0625rem solid transparent;
    border-radius: 9.375rem;
    box-sizing: border-box;
    color: #323232;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 100%/7;
    max-width: 2.4375rem;
    height: 2.4375rem;
    line-height: 2.4375rem;
    margin: .125rem 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange:focus, .flatpickr-day.inRange:hover, .flatpickr-day.today.inRange:focus, .flatpickr-day.today.inRange:hover, .flatpickr-day:focus, .flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    color: #fff;
    background: #f97b02;
    border-color: #f97b02
}

.flatpickr-day.today, .flatpickr-day.today:focus, .flatpickr-day.today:hover {
    color: #323232;
    border-color: var(--tk-header-light-color, #555)
}

.flatpickr-day.today:focus, .flatpickr-day.today:hover {
    background: var(--tk-header-light-color, #555)
}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.prevMonthDay.inRange {
    border-radius: 0;
    color: #323232;
    background: #ddd;
    border-color: #ddd;
    box-shadow: -.3125rem 0 0 #ddd, .3125rem 0 0 #ddd
}

.flatpickr-day.endRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background: #f97b02;
    box-shadow: none;
    color: #fff;
    border-color: #f97b02
}

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
    border-radius: 3.125rem 0 0 3.125rem
}

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
    border-radius: 3.125rem
}

.inRange + .flatpickr-day.endRange.endRange, .inRange + .flatpickr-day.selected.endRange, .inRange + .flatpickr-day.startRange.endRange, .startRange + .flatpickr-day.endRange.endRange, .startRange + .flatpickr-day.selected.endRange, .startRange + .flatpickr-day.startRange.endRange {
    border-radius: 0 3.125rem 3.125rem 0
}

.flatpickr-day.endRange.startRange + .endRange, .flatpickr-day.selected.startRange + .endRange, .flatpickr-day.startRange.startRange + .endRange {
    box-shadow: -.625rem 0 0 #f97b02
}

.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
    border-radius: 3.125rem
}

.flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay {
    color: #a5a5a5;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover {
    cursor: pointer;
    outline: 0;
    color: #fff;
    background: #f97b02;
    border-color: #f97b02
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay {
    color: #a5a5a5;
    background: #f8f8f8;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: #cbcbcb
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -.3125rem 0 0 #f97b02, .3125rem 0 0 #f97b02
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 .75rem;
    border-left: .0625rem solid #ddd
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 1.75rem
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(50, 50, 50, .3);
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    border-bottom: .0625rem solid #ddd
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 2.5rem;
    max-height: 2.5rem;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 2.5rem;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #323232
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #323232
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    cursor: pointer;
    color: #323232;
    font-size: .875rem;
    position: relative;
    box-sizing: border-box
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #323232;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-self: center
}

.flatpickr-input[readonly] {
    cursor: pointer
}

:root {
    --select-input-min-height: 2.5rem
}

.service_support_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    --tooltip-holder-position: static
}

.service_support_list .listadmin {
    width: 60rem;
    border: .0625rem solid var(--tk-border-color, #ebebeb);
    border-bottom: none;
    font-size: .875rem;
    color: var(--tk-text-color, #323232);
    background-color: #fff
}

.service_support_list .listadmin.listadmin_compact {
    width: 31.25rem;
    min-width: 100%
}

.service_support_list .listadmin tr {
    background-color: #fff
}

.service_support_list .listadmin tr.has-reminder td, .service_support_list .listadmin tr.row-reminder {
    border-bottom: none
}

.service_support_list .listadmin tr.row-reminder[reminder-level] td:first-child {
    border-left: .25rem solid #ffcc31
}

.service_support_list .listadmin tr.row-reminder[reminder-level="3"] td:first-child {
    border-left: .25rem solid #f91f02
}

.service_support_list .listadmin tbody tr:hover {
    background-color: #f4f4f4
}

.service_support_list .listadmin tbody tr:hover .btn-icon[disabled] {
    border-color: var(--tk-border-color, #ebebeb)
}

.service_support_list .listadmin th {
    background-color: #fff;
    padding: .9375rem .625rem;
    font-weight: 400 !important;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    text-align: left
}

.service_support_list .listadmin th:first-child {
    padding-left: .9375rem
}

.service_support_list .listadmin th:last-child {
    padding-right: .9375rem
}

.service_support_list .listadmin th a {
    color: var(--tk-text-color, #323232) !important;
    text-decoration: none
}

.service_support_list .listadmin td {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    padding: .9375rem .625rem
}

.service_support_list .listadmin td:first-child {
    padding-left: .9375rem
}

.service_support_list .listadmin td:last-child {
    padding-right: .9375rem
}

.service_support_list .listadmin td.cell-min-width, .service_support_list .listadmin th.cell-min-width {
    width: 1%;
    white-space: nowrap
}

.service_support_list .listadmin xtx-status-notice {
    margin: 0;
    white-space: nowrap
}

.service_support_list .listadmin xtx-status-notice[data-full-width] {
    width: 100%;
    text-align: center
}

.service_support_list .listadmin xtx-status-notice[id^=offerStatus_] img {
    vertical-align: top;
    margin-right: 5px;
    width: 16px
}

.service_support_list .listadmin xtx-dropdown[name=productActions] {
    width: 6.25rem
}

.service_support_list .listadmin .text-bold {
    font-weight: 700
}

.service_support_list .listadmin .alert.small {
    margin: 0 !important
}

.service_support_list .listadmin .nowrap {
    white-space: nowrap
}

.service_support_list .listadmin .list-buttons {
    display: flex;
    flex-direction: row;
    gap: .3125rem;
    justify-content: center
}

.service_support_list .listadmin .list-buttons [data-tooltip] {
    display: inline-block
}

.service_support_list .listadmin .list-buttons .primary {
    background: #f97b02;
    border-color: #f97b02
}

.service_support_list .listadmin .list-buttons .primary img {
    filter: invert(100%) sepia(0) saturate(442%) hue-rotate(85deg) brightness(120%) contrast(100%)
}

.service_support_list .listadmin .unfinishedSerialsProgressbar {
    min-width: 25rem
}

.service_support_list .listadmin .unfinishedSerialsProgressbarth {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.service_support_list .listadmin .unfinishedSerialsProgressbartd {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.service_support_list .listadmin td.cell-tracking, .service_support_list .listadmin th.cell-tracking {
    padding-left: 3.125rem
}

.service_support_list .listadmin .unfinishedSerialsIcons {
    display: flex;
    justify-content: space-between
}

.service_support_list .listadmin .products-download-icon {
    cursor: pointer
}

.service_support_list .listadmin .container-shipping-prodcuts {
    overflow-y: auto;
    max-height: 25rem
}

.service_support_list .listadmin .list-products-status {
    min-width: 18.75rem
}

.service_support_list .listadmin .list-products-status .tk-service-status-progress {
    padding-top: 1.25rem
}

.service_support_list .listadmin .list-products-status .tk-service-status-progress xtx-progress-indicator xtx-value[slot=label-100] {
    margin-left: -40px
}

.service_support_list .listadmin .list-service-upgrades-current-service-row td {
    font-weight: 700
}

.service_support_list .listadmin .list-service-upgrades-current-service-row td:nth-child(3) {
    text-align: center
}

.service_support_list .form-inline input[type=checkbox] {
    margin: 0 0 .3125rem
}

.service_support_list .form-inline select {
    width: auto
}

.service_support_list .reminder_table {
    width: 100%;
    margin-top: -15px;
    margin-bottom: 15px
}

.service_support_list .reminder_table caption {
    text-align: left;
    font-weight: 700
}

.service_support_list .xtx-listadmin-filter form .xtx-listadmin-filter-controls {
    flex-direction: column;
    display: none;
    gap: .625rem
}

.service_support_list .xtx-listadmin-filter form .xtx-listadmin-filter-controls xtx-select[name=shipping_type] {
    min-width: 16.875rem
}

.service_support_list .xtx-listadmin-filter form .xtx-listadmin-filter-controls xtx-select[name=year] {
    min-width: 10rem
}

.service_support_list .xtx-listadmin-filter xtx-textfield[name=search_words] {
    flex: 0 0 100%
}

.service_support_list .xtx-listadmin-filter xtx-textfield[name=search_words] .xtxInput {
    margin-bottom: 0
}

.service_support_list .xtx-listadmin-filter xtx-textfield[name=search_words] input {
    height: 3.125rem !important;
    min-height: 3.125rem !important;
    margin-left: 0;
    padding-left: 3.125rem !important;
    background-image: url(../image/search1.svg);
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    background-position: 1.25rem .9375rem
}

.service_support_list .xtx-listadmin-filter xtx-multi-select, .service_support_list .xtx-listadmin-filter xtx-select {
    min-width: 12.5rem
}

.service_support_list .xtx-listadmin-filter .tk-open-filter-button.xtx-listadmin-filter-button {
    flex: 1;
    background-position: right 1.25rem center !important;
    text-align: left !important;
    display: flex;
    justify-content: space-between;
    padding-right: 50px
}

.service_support_list .xtx-listadmin-filter .tk-open-filter-button.xtx-listadmin-filter-button .tk-badge {
    top: 0
}

.service_support_list .xtx-listadmin-filter .btn.btn-icon {
    width: 2.5rem;
    height: 2.5rem
}

.service_support_list .xtx-listadmin-filter .xtx-listadmin-filter-button ~ .btn, .service_support_list .xtx-listadmin-filter .xtx-listadmin-filter-button ~ a {
    margin-left: .625rem
}

.service_support_list #tk_myservices_generic .xtxSelect select {
    height: 2.5rem
}

.service_support_list #tk_myservices_generic .xtxSelect .xtxIconWrapper {
    height: 2.25rem
}

.service_support_list .listadmin .btn xtx-list {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    line-height: 26px;
    color: var(--tk-text-color, #323232)
}

.service_support_list .listadmin .btn:hover xtx-list {
    color: var(--tk-text-color, #323232)
}

.service_support_list .order-info-icon {
    font-size: 14px;
    vertical-align: text-top;
    cursor: pointer;
    margin-left: 3px
}

xtx-tooltip[name=service_support_listadmin] {
    font-size: 14px
}

xtx-tooltip[data-xtx-tooltip-action="1"], xtx-tooltip[name=cartActions], xtx-tooltip[name=productActions] {
    --tooltip-padding: 4px 0
}

.orderStatusBlock .serialNumberContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.orderStatusBlock .serialNumberContainer:not(:first-child) {
    border-top: .0625rem solid var(--tk-border-color, #ebebeb);
    margin-top: .625rem;
    padding-top: .3125rem
}

.orderStatusBlock .serialNumberContainer .serialNumber {
    text-decoration: underline;
    font-weight: 700
}

.orderStatusBlock fieldset {
    flex: 1 0 100%
}

.orderStatusBlock fieldset legend {
    font-weight: 700
}

.orderStatusBlock fieldset legend ~ div {
    padding-left: .625rem
}

.orderStatusBlock xtx-status-notice {
    margin: .3125rem 0
}

#tk-myservices xtx-content-scroll {
    margin-left: 0;
    margin-right: 0;
    min-width: 100%
}

#download_result_main, [data-tk-shopx-product-detail-header] {
    --badge-color: #fff;
    --badge-size: 26px;
    --badge-font-size: 12px;
    --badge-multi-signs-padding-left: 10px;
    --badge-multi-signs-padding-right: 10px
}

[data-tk-shopx-product-detail-header] {
    --badge-background-color: var(--tk-form-border-color, #ccc);
    display: flex;
    gap: 40px;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 40px
}

[data-tk-shopx-product-detail-header].has-message {
    margin-top: 10px
}

[data-tk-shopx-product-detail-header] #tk-configurator-product-title {
    padding: 10px 50px 0 0;
    margin-top: 10px;
    margin-bottom: 0;
    position: relative
}

[data-tk-shopx-product-detail-header] #tk-configurator-product-title .tk-configurator-version-container {
    display: inline-flex;
    vertical-align: top
}

[data-tk-shopx-product-detail-header] #tk-configurator-descr-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px
}

[data-tk-shopx-product-detail-header] .sold-out-descr {
    margin-bottom: 20px
}

[data-tk-shopx-product-detail-header-reconfigure-mess] {
    display: flex;
    flex-direction: column;
    margin-top: 0
}

[data-tk-shopx-product-detail-header-reconfigure-mess] .tk-reconfigure-mess-list-header {
    display: inline-block;
    font-weight: 700
}

[data-tk-shopx-product-detail-header-reconfigure-mess] .tk-reconfigure-mess-list-header:not(:first-child) {
    margin-top: 12px
}

[data-tk-shopx-product-detail-header-reconfigure-mess] .tk-reconfigure-mess-list {
    margin-top: 0 !important;
    margin-bottom: 8px
}

[data-tk-shopx-product-detail-header-reconfigure-mess] .tk-reconfigure-mess-changed {
    margin-top: 8px
}

[data-tk-shopx-product-detail-header-reconfigure-mess] .tk-reconfigure-mess-changed span {
    font-weight: 700
}

#tk-content-nav {
    margin-top: 640px
}

body#tk-subconfigurator-body #product_form #tk-product-var-progress-indicator {
    min-height: 76px
}

div[data-sticky].sticky > div.RedxPageContainer {
    background: #fff
}

div[data-sticky].sticky #tk-product-var-progress-indicator-content-scroll {
    padding-left: 15px;
    padding-right: 15px
}

xtx-tooltip.xtx-progressbar-alert {
    --tooltip-min-width: 450px;
    --tooltip-z-index: 9999999;
    --tooltip-color: var(--tk-text-color, #323232);
    --tooltip-padding: 15px 20px
}

#tk-product-var-progress-indicator {
    --xtx-color-primary: var(--tk-primary-color, #ff7d00);
    --progress-indicator-point-active-background-color: var(--tk-primary-color, #ff7d00);
    --tooltip-min-width: 450px;
    --tooltip-z-index: 9999999;
    --tooltip-color: var(--tk-text-color, #323232);
    --tooltip-padding: 10px 15px;
    --progress-indicator-label-color: var(--tk-text-color, #323232);
    --progress-indicator-active-label-color: var(--tk-primary-color, #ff7d00);
    --progress-indicator-current-label-color: var(--tk-primary-color, #ff7d00);
    margin-right: 2px;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #fff
}

#tk-product-var-progress-indicator.sticky {
    position: fixed;
    max-width: 100vw;
    margin-left: 15px;
    margin-right: 15px
}

#tk-product-var-progress-indicator xtx-value .redx-icon {
    font-size: 18px
}

#tk-product-var-progress-indicator xtx-value i {
    width: 22px;
    height: 22px;
    display: inline-block
}

#tk-product-var-progress-indicator[value="100"] xtx-value[value="100"] {
    filter: invert(49%) sepia(83%) saturate(2772%) hue-rotate(9deg) brightness(104%) contrast(108%)
}

:is(.xtx-progressbar-alert.error,.error) {
    color: #f91f02
}

:is(.xtx-progressbar-alert.warning,.warning) {
    color: #ffcc31
}

:is(.xtx-progressbar-alert.success,.success) {
    color: #4eff79
}

.xtx-progressbar-alert xtx-icon {
    font-size: 20px;
    cursor: pointer
}

.xtx-progressbar-alert [slot=content] {
    font-size: 14px;
    line-height: 22px
}

.xtx-progressbar-alert [slot=content] .alert {
    max-width: 450px
}

.xtx-progressbar-alert [slot=content] .alert + .alert {
    padding-top: 0
}

xtx-floating-container#fixedConfiguratorContainerFloatingContainer {
    min-width: 100vw
}

xtx-floating-container#fixedConfiguratorContainerFloatingContainer:not(.initialized) {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001
}

xtx-floating-container:has(#fixedConfiguratorContainer) [slot=bottom-center] {
    padding-right: var(--xtx-scroll-bar-width, 0)
}

#fixedConfiguratorContainer {
    background-color: #fff;
    width: 100vw;
    padding: 15px 15px 25px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1), 0 -1px 10px rgba(0, 0, 0, .1)
}

#fixedConfiguratorContainer #small_icon_availability {
    display: none
}

#product_form[action*="/frame.subconfigurator/"] #fixedConfiguratorContentContainer {
    grid-template-columns:100px 1fr
}

#product_form[action*="/frame.subconfigurator/"] #fixedConfiguratorContentContainer:has(#c_order_inputs.show) {
    grid-template-rows:auto
}

#fixedConfiguratorContentContainer {
    display: grid;
    -moz-column-gap: 10px;
    column-gap: 10px;
    width: 100%;
    grid-template-columns:60px 1fr 1fr 60px;
    max-width: 1600px
}

#fixedConfiguratorContentContainer .show {
    display: block
}

#fixedConfiguratorContentContainer .show.inline-block {
    display: inline-block
}

#fixedConfiguratorContentContainer .c_assist_price_big, #fixedConfiguratorContentContainer .c_assist_price_with_discount_big {
    font-weight: 700;
    font-size: 20px;
    white-space: nowrap;
    line-height: 26px
}

#fixedConfiguratorContentContainer #ID_price_3-flexbox {
    display: flex;
    align-items: center
}

#fixedConfiguratorContentContainer #ID_price_3-container {
    grid-column: 2/4;
    grid-row: 1;
    padding-bottom: 5px
}

#fixedConfiguratorContentContainer #ID_price_3-container > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

#fixedConfiguratorContentContainer .submit-order-button.button_icon_cart {
    background: url(../image/cart.svg) #f97b02 no-repeat 50%;
    background-size: contain;
    grid-column: 4/5;
    grid-row: 1/3;
    width: 41px;
    height: 41px;
    display: none;
    justify-self: end
}

#fixedConfiguratorContentContainer .submit-order-button.button_icon_cart.show {
    display: block
}

#fixedConfiguratorContentContainer #ID_discount_pc_wrapper {
    display: flex;
    gap: 5px;
    line-height: 22px
}

#fixedConfiguratorContentContainer #ID_discount_pc_wrapper span {
    white-space: nowrap
}

#fixedConfiguratorContentContainer .c_assist_availability {
    justify-self: center;
    grid-column: 2/4;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: space-around
}

#fixedConfiguratorContentContainer .c_assist_availability .alert {
    text-align: center;
    margin: 0
}

#fixedConfiguratorContentContainer .next, #fixedConfiguratorContentContainer .prev {
    grid-row: 1/3
}

#fixedConfiguratorContentContainer .next .btn, #fixedConfiguratorContentContainer .prev .btn {
    padding: 10px 15px
}

#fixedConfiguratorContentContainer .prev {
    grid-column: 1/2
}

#fixedConfiguratorContentContainer .next {
    grid-column: 4/5;
    text-align: right;
    display: flex;
    justify-content: space-between;
    justify-self: end;
    gap: 10px
}

#fixedConfiguratorContentContainer .next .submit-order-button {
    margin-right: 20px
}

#fixedConfiguratorContentContainer .next .btn.mobile-only {
    align-self: flex-start
}

#fixedConfiguratorContentContainer #action_but_update_container {
    position: relative
}

#fixedConfiguratorContentContainer #action_but_update_container label {
    display: flex;
    padding: 5px;
    width: 41px;
    height: 41px
}

#fixedConfiguratorContentContainer #c_order_inputs {
    grid-row: 2;
    grid-column: 3/4;
    justify-self: center;
    display: none
}

#fixedConfiguratorContentContainer #c_order_inputs.show {
    display: block
}

#fixedConfiguratorContentContainer #c_order_inputs.show ~ .next:not(.show) {
    display: none
}

#fixedConfiguratorContentContainer #c_order_inputs.show ~ .c_assist_availability {
    grid-column: 2/3
}

#fixedConfiguratorContentContainer #c_order_inputs.show #action_but_update_container label.mobile-button {
    position: fixed;
    right: 15px;
    top: 15px
}

#fixedConfiguratorContentContainer #c_order_inputs .inputs-actions {
    grid-column: 3/4;
    grid-row: 1
}

#fixedConfiguratorContentContainer #c_order_inputs .inputs-quantity {
    grid-column: 2/3;
    grid-row: 1
}

#fixedConfiguratorContentContainer #c_order_inputs .tk-confi-btn-back-summary-desktop {
    grid-column: 1/2;
    grid-row: 1
}

#fixedConfiguratorContentContainer #c_order_inputs [name=quantity] {
    --quantity-select-input-min-width: 90px;
    --quantity-select-input-padding-vertical: 18px
}

#fixedConfiguratorContentContainer .hidden-hints {
    display: none
}

#fixedConfiguratorContentContainer .hidden-hints:not(:has(~#c_order_inputs.show)) {
    display: none !important
}

#fixedConfiguratorContentContainer .hidden-hints:has(~#c_order_inputs.show) {
    grid-column: 1/5;
    grid-row: 3
}

#fixedConfiguratorContentContainer .configAssistantContainer {
    display: flex;
    grid-row: 2;
    grid-column: 1/3;
    justify-self: center
}

#fixedConfiguratorContentContainer .configAssistantContainer .c_assist_label {
    padding-left: 10px
}

#fixedConfiguratorContentContainer .configAssistantContainer .c_assist_value {
    padding: 0 10px
}

#fixedConfiguratorContentContainer .configAssistantContainer .c_assist_value:not(:last-child) {
    border-right: 1px solid #323232
}

#fixedConfiguratorContentContainer #tk-sticky-buttons-container {
    display: none
}

#fixedConfiguratorContentContainer #tk-sticky-buttons-container img {
    min-width: 30px
}

#fixedConfiguratorContentContainer #ID_price_reconfigure {
    text-decoration: line-through;
    white-space: nowrap
}

#tkConfiguratorButtons #c_tab_nav_bottom {
    display: flex;
    justify-content: space-between;
    flex: 1
}

#tkConfiguratorButtons #c_tab_nav_bottom .next {
    order: 4
}

.kit-group-summary > .headline {
    font-weight: 700
}

.kit-group-summary > .headline ~ .headline {
    padding-top: 20px;
    border-top: 1px solid var(--tk-text-color, #323232)
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) {
    font-size: 16px;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    border-collapse: collapse
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) .align-right {
    text-align: right !important
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) .gray {
    color: var(--tk-text-light-color, #999)
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) :is(thead th,.headline td) {
    font-weight: 400;
    font-size: 14px;
    text-transform: none
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr :is(th,td) {
    text-align: left;
    border-bottom: 1px solid var(--tk-border-color, #ebebeb);
    padding: 12px 10px 11px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr :is(th,td):first-child {
    padding-left: 0
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr :is(th,td):last-child {
    padding-right: 0
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr :is(th,td).value {
    text-align: right;
    white-space: nowrap
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr :is(th,td) .quantity-desc-label {
    display: none
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr.no-border :is(th,td) {
    border: none
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr .title-table {
    width: 100%;
    display: table;
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr .title-table .title-row {
    display: table-row
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr .title-table .title-cell {
    display: table-cell
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr .title-table .title-cell .title-label {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr .title-table .title-cell .title-label .alert-icon {
    position: relative;
    top: 2px;
    width: 16px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr .title-table .title-cell .title-label .alert-icon[src*=info] {
    transform: rotate(180deg)
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr .title-table .title-cell.available {
    width: 25px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr .title-table .title-cell a {
    cursor: pointer
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr:is(:has(+.sum-container-row),.entry.sub-sum) :is(th,td) {
    border-bottom: 1px solid var(--tk-text-color, #323232)
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr.entry.sub-sum + .summary-product-weight-row td {
    padding-top: 15px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) :is(.sum-container-row,.sum-discount-container-row) .title {
    font-weight: 700
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) :is(.sum-container-row,.sum-discount-container-row) :is(td,th) {
    padding-bottom: 5px;
    padding-top: 5px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) tr.sum-container-row :is(td,th) {
    padding-top: 15px;
    border-bottom: none
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) :is(.sum-discount-container-row,.summary-product-weight-row) {
    font-size: 14px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) .summary-product-weight-row :is(td,th) {
    border-bottom: none;
    padding-bottom: 2px;
    padding-top: 2px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) .hint-icon {
    position: absolute;
    margin-left: 5px
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) .hint-icon img {
    width: 26px;
    padding: 4px 5px;
    display: inline-block
}

.kit-group-summary :is(.summary-table,.cart-table,.shoppingcartbox table.cart-table) .alert-icon {
    margin-left: 10px
}

.kit-group-summary .cart-table a {
    color: var(--tk-text-color, #323232);
    text-underline-offset: 2px
}

.kit-group-summary .tk-reconfigure-component-added .title-label, .kit-group-summary .tk-reconfigure-component-added .value, .kit-group-summary .tk-reconfigure-component-added td {
    font-weight: 400
}

.kit-group-summary .tk-reconfigure-component-deleted .title-label, .kit-group-summary .tk-reconfigure-component-deleted .value, .kit-group-summary .tk-reconfigure-component-deleted td, .kit-group-summary .tk-reconfigure-component-replaced-value {
    text-decoration: line-through
}

.kit-group-summary table.power-consumption-table tr :is(td,th) {
    border-radius: 0 !important
}

.kit-group-summary table.power-consumption-table tr:last-child :is(td,th) {
    border-bottom: none !important
}

.kit-group-summary .shopx-cart-legend {
    margin-bottom: 20px;
    border-bottom: none
}

.kit-group-summary .shopx-cart-legend > span {
    margin: 0;
    font-size: 12px
}

#tk-content-footer-summary {
    margin-bottom: 30px
}

.configurator-available.icon {
    position: relative;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    display: inline-block;
    background-color: color-mix(in srgb, var(--avail-bg-color, transparent), transparent 70%);
    border: 1px solid var(--avail-bg-color, transparent)
}

xtx-tooltip[class^=tk-xtx-tooltip-tkConfiguratorSummaryHints-] {
    --tooltip-color: var(--tk-text-color, #323232);
    --tooltip-padding: 15px 20px
}

#tk-configurator-content-form .info-mess {
    margin-top: 40px
}

#tk-main-content:has(form#product_form[action*="frame.subconfigurator"]) {
    padding-left: 15px;
    padding-right: 15px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) ~ .kit-group-table:has(.kit-group-block:not([style*="none;"])) {
    margin-top: 30px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component {
    margin: 0;
    padding: 7px 0;
    clear: both;
    font-size: 16px;
    line-height: 30px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component:has(~.component:not([style*="none;"])) {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb)
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.deactivated {
    font-weight: 400;
    color: var(--tk-text-light-color, #999)
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.deactivated b, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.deactivated span, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.deactivated strong {
    color: var(--tk-text-light-color, #999)
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.deactivated a:active, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.deactivated a:hover, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.deactivated a:link, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.deactivated a:visited {
    color: var(--tk-text-light-color, #999)
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.help div, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.help label, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.help p, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component.help span {
    cursor: help
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left {
    display: block;
    flex: 1
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left label {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    overflow-wrap: anywhere
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left input {
    margin: 0
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-table {
    display: table;
    margin: 0;
    border: none;
    border-collapse: collapse
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-row {
    display: table-row
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-row:has(.component-cell.input>.xtxRadioSelect) img.configurator-loading {
    width: 14px;
    height: 14px;
    position: relative
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell {
    display: table-cell;
    vertical-align: middle
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.available {
    vertical-align: top;
    width: 15px;
    contain: paint
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.available:has(+.component-cell.input>.xtxRadioSelect) {
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.available-middle {
    vertical-align: middle
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.available-middle:has(+.component-cell.input>xtx-quantity-selector) {
    vertical-align: top;
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.available-middle:has(+.component-cell.input>xtx-quantity-selector) .icon {
    top: 0
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input {
    text-align: center;
    min-width: 50px;
    padding-left: 7px;
    vertical-align: top
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input xtx-quantity-selector {
    width: 90px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input xtx-quantity-selector:-moz-read-only {
    cursor: not-allowed
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input xtx-quantity-selector:disabled, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input xtx-quantity-selector:read-only {
    cursor: not-allowed
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input .xtxRadioSelect label {
    top: -4px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input input[type=number], #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input input[type=text] {
    padding: 0;
    text-align: center;
    width: 50px;
    height: 25px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input input[type=number]:readonly, #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input input[type=text]:readonly {
    padding: 0;
    text-align: center;
    width: 30px;
    height: 25px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell.input .xtxCheckbox label {
    top: -5px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell .opt-title ul {
    margin-top: 0
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell xtx-badge {
    margin-left: 12px;
    vertical-align: text-top
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .column-left .component-cell xtx-badge ~ xtx-badge {
    margin-left: 7px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-sub-configurator {
    flex: 1 0 100%
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-sub-configurator .list {
    margin: 6px 0 0 30px;
    padding: 2px 10px 2px 6px;
    background-color: #fff;
    border: 1px solid #c1c1c1
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-customer-data {
    flex: 0 0 100%
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-customer-data .license-data {
    margin: 10px 0 0 20px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-master-info {
    margin-top: 30px;
    margin-left: 30px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-master-info .popup {
    display: inline-block;
    float: left;
    width: 30px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-master-info .info {
    display: inline-block;
    float: left
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-master-info .info legend {
    width: auto;
    border: none;
    margin: 0;
    font-size: 16px;
    line-height: 26px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .kit-group-content .xtxTabs {
    width: 100%
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .kit-group-content .xtxTabs .tabContent {
    padding-top: 15px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .xtxTabs.xtxTabsCompact .tabScroller .tabScrollerScrollArea {
    overflow-x: auto !important
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .xtxTabs.xtxTabsCompact .tabContent {
    padding: 20px 0 0
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .xtxTabs.xtxTabsCompact .tabScrollerScrollContent .tabInputLabel {
    padding: 4px 10px 0;
    height: 30px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .xtxTabs.xtxTabsCompact .tabScrollerScrollContent .tabInputLabel:first-child {
    margin-left: 0
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .column-right {
    display: block;
    text-align: right
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .column-right:has([id*=price]) {
    line-height: 24px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .column-right .price {
    white-space: nowrap;
    display: block
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .column-right .hot-offer {
    text-align: right;
    white-space: nowrap;
    color: var(--tk-text-light-color, #999);
    display: block;
    font-size: 14px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .column-right .hot-offer:empty {
    display: none
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .column-right .hot-offer span {
    white-space: nowrap
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .dropdown-tabs .xtxRadioSelect:not(.xtxSwitch) label {
    padding-left: 40px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .xtxTabs > input[type=radio]:checked + .tab {
    overflow: unset
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) :is(.component-cell,.dropdown-tabs) .xtxRadioSelect:not(.xtxSwitch) label:before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: calc(50% - 15px)
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) :is(.component-cell,.dropdown-tabs) .xtxRadioSelect:not(.xtxSwitch) label:after {
    left: 11px;
    top: calc(50% - 9px);
    width: 8px;
    height: 14px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) :is(.component-cell,.dropdown-tabs) .xtxCheckbox label:before {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px
}

#tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) :is(.component-cell,.dropdown-tabs) .xtxCheckbox label:after {
    width: 9px;
    height: 14px;
    top: calc(50% - 9px);
    left: 11px
}

#tk-configurator-content #configurator :is(.admin-info) {
    font-size: 14px;
    line-height: 18px
}

#tk-configurator-content #configurator .admin-info:not(:has(+.admin-info)) {
    display: inline-block
}

#tk-configurator-content .dropdown-tabs {
    --select-input-placeholder-color: var(--tk-text-color);
    --select-input-padding-vertical: 9px;
    --select-checkbox-size: 30px;
    --select-checkbox-icon-font-size: 22px;
    --select-checkbox-border: 1px solid var(--tk-form-border-color);
    --select-line-height: 22px;
    --select-nrofitems-padding-horizontal: 12px;
    --select-nrofitems-padding-vertical: 11px;
    --select-input-min-height: 50px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: column
}

#tk-configurator-content .dropdown-tabs xtx-multi-select {
    flex: 1 1 auto
}

#tk-configurator-content .dropdown-tabs xtx-multi-select span[slot=nr-of-items-suffix] {
    white-space: nowrap
}

#tk-configurator-content .dropdown-tabs .component-filter-kit-group {
    flex: 1 0 100%
}

#tk-configurator-content div[data-kg-filter-reset] {
    text-decoration: underline;
    transition-duration: .5s;
    cursor: pointer;
    padding: 1px 0 3px;
    display: inline-block
}

#tk-configurator-content div[data-kg-filter-reset]:not(.show) {
    opacity: 0;
    pointer-events: none
}

#tk-configurator-content .kit-group-filter.filter-group-xtx:has(.component-filter-kit-group) div[data-kg-filter-reset] {
    display: none
}

#tk-configurator-content .kit-group-filter .content {
    border-collapse: collapse;
    padding: 0;
    width: 100%
}

#tk-configurator-content .kit-group-filter .content td {
    vertical-align: top;
    padding: 0;
    margin: 0
}

#tk-configurator-content .kit-group-filter .content .dropdown-tabs .dropdown .element {
    border-bottom: 1px solid #c1c1c1;
    padding: 3px 5px 2px 4px;
    margin: 0;
    cursor: pointer;
    text-align: left
}

#tk-configurator-content .kit-group-filter .content .dropdown-tabs .dropdown .element .xtxCheckbox label {
    pointer-events: none
}

#tk-configurator-content .kit-group-filter .content .dropdown-tabs .dropdown .element input[type=checkbox] {
    margin: 0
}

#tk-configurator-content .kit-group-filter .content .dropdown-tabs .dropdown select {
    margin: 4px
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group {
    width: 100%;
    padding: 0
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group .title-block {
    padding-left: 0;
    border: none
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group .content {
    border: none;
    width: 100%
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group .content .element {
    padding: 10px 0 10px 26px
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group .content .element:not(:last-child) {
    border-bottom: 1px solid var(--tk-border-color, #ebebeb) !important
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group .content .element:last-child {
    border-bottom: none !important
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group .content xtx-select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 300px
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group .title-content {
    cursor: default !important
}

#tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group .title-content .title {
    font-weight: 700
}

.download_form_box {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px
}

.download_form_box .download_search_box {
    display: flex;
    max-width: 600px
}

.download_form_box .download_search_box .xtxInput {
    margin-right: 20px
}

.download_form_box .download_search_box input.btn {
    height: 50px
}

.download_form_box .download_form_box_headline {
    display: flex;
    gap: 10px
}

#download_result_main .tk-file-link img {
    vertical-align: text-bottom;
    margin-right: 5px;
    height: var(--tk-file-link-icon-height, 22px) !important
}

.download_results {
    --loading-spinner-size: 30px
}

.download_results a .redx-icon {
    vertical-align: text-bottom
}

.download_results .redx-icon {
    cursor: pointer
}

.download_results .btn-badge {
    padding: 6px 8px 6px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: padding 0s
}

.download_results .btn-badge.hidden {
    display: none
}

.download_results .btn-badge xtx-badge {
    margin-left: 5px
}

.download_results_article_title {
    font-weight: 700
}

.tk_download_list_item th {
    font-weight: 700;
    padding: 4px
}

.tk_download_list_item td {
    padding: 4px
}

#download_filter_select {
    --select-input-padding-horizontal: 20px;
    --select-input-padding-vertical: 11px;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    position: relative
}

#download_filter_select .xtxSelect {
    margin: 0
}

#download_filter_select > i {
    text-align: center
}

#download_filter_select #loading_container_filter_select {
    display: flex;
    align-items: center
}

#download_filter_select #loading_container_filter_select xtx-loading-spinner {
    flex: 1
}

.tk_download_product_pic img {
    max-width: 100%
}

.tk_download_col_summary_detail {
    vertical-align: middle
}

.tk_download_col_category {
    width: 14%;
    vertical-align: middle
}

.tk_download_col_descr {
    width: 44%;
    vertical-align: middle
}

.tk_download_col_os {
    width: 14%;
    vertical-align: middle
}

.tk_download_col_version, .tk_download_col_viewable {
    width: 8%;
    vertical-align: middle
}

.tk_download_col_download {
    width: 12%;
    white-space: nowrap;
    vertical-align: middle
}

.tk_download_js_filter_container {
    padding-top: 10px;
    display: flex
}

.tk_download_js_filter_container > form {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    gap: 10px
}

.tk_download_js_filter_container > form xtx-select {
    margin: 0
}

.tk_download_js_filter_container #tk_download_js_filter_container_loading {
    width: 100%;
    height: inherit;
    padding-top: inherit
}

.tk_download_js_filter_container #tk_download_js_filter_container_loading img {
    height: 25px;
    width: 25px
}

.download_results_header_area {
    display: flex;
    flex-direction: column
}

#tk-download-result-items :is(h3,h2) {
    margin-top: 25px
}

#tk-download-result-items .tk_download_content_scroll {
    margin-bottom: 25px
}

#tk-download-result-items .tk_download_list_item {
    width: 100%;
    margin-bottom: 0
}

#tk-download-result-items .tk_download_list_item td, #tk-download-result-items .tk_download_list_item th {
    border-bottom: 1px solid var(--tk-border-color)
}

#tk-download-result-items .tk_download_list_item td.noborder, #tk-download-result-items .tk_download_list_item th.noborder {
    border-bottom: none
}

#tk-download-result-items .tk_download_list_item .download_list_item_descr_content, #tk-download-result-items .tk_download_list_item .tk_download_col_descr_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 5px;
    align-items: center
}

#tk-download-result-items .tk_download_list_item .download_list_item_descr_content > *, #tk-download-result-items .tk_download_list_item .tk_download_col_descr_wrapper > * {
    display: inherit
}

#tk-download-result-items .alert {
    padding: 7px 10px;
    margin-right: 5px
}

#tk-download-result-items .btn[data-show-archive-downloads] {
    margin-bottom: 25px
}

#tk-download-result-items .tk_download_archive_table {
    margin-top: 20px
}

.tippy-content .download-tipped-content {
    margin-top: 10px
}

div#tk-product-var-slideshow {
    --swiper-navigation-sides-offset: -40px;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-color: var(--tk-text-color, #323232);
    --swiper-pagination-bullet-width: 4px;
    --swiper-pagination-bullet-height: 4px;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 20px;
    --swiper-preloader-color: var(--tk-border-color, #ebebeb)
}

div#tk-product-var-slideshow .tk-swiper-wrapper {
    height: 100%
}

div#tk-product-var-slideshow .tk-swiper-product-var-main {
    margin-bottom: 10px;
    min-height: 320px
}

div#tk-product-var-slideshow .tk-swiper-product-var-main swiper-slide {
    display: flex;
    justify-content: center;
    height: 100%
}

div#tk-product-var-slideshow .tk-swiper-product-var-thumbs {
    padding-bottom: 5px;
    min-height: 100px
}

div#tk-product-var-slideshow .tk-swiper-product-var-thumbs:not(.swiper-initialized) {
    display: none
}

div#tk-product-var-slideshow .tk-swiper-product-var-thumbs swiper-slide {
    cursor: pointer
}

div#tk-product-var-slideshow .tk-swiper-product-var-thumbs swiper-slide .slide-border img {
    max-height: 110px
}

div#tk-product-var-slideshow .slide-border, div#tk-product-var-slideshow .tk-swiper-product-var-thumbs-wrapper swiper-slide {
    min-height: 100px
}

div#tk-product-var-slideshow .slide-border, div#tk-product-var-slideshow .tk-swiper-product-var-main {
    border: 1px solid var(--tk-border-color, #ebebeb);
    border-radius: 3px
}

div#tk-product-var-slideshow swiper-slide .videoContainer {
    position: absolute;
    width: 100%;
    height: calc(100% - 40px)
}

div#tk-product-var-slideshow swiper-slide .videoContainer iframe {
    width: 100%;
    height: 100%
}

@media (min-width: 640px) {
    .text-column-2, .text-column-3, .text-column-4 {
        -moz-column-count: 2;
        column-count: 2
    }

    .redx_form form .redx_form_div_container.width-half, .redx_form form .redx_forms_float.width-half, form .redx_form_div_container.width-half, form .redx_forms_float.width-half {
        padding-right: .5rem
    }

    .redx_form form .redx_form_div_container.width-half + .width-half, .redx_form form .redx_forms_float.width-half + .width-half, form .redx_form_div_container.width-half + .width-half, form .redx_forms_float.width-half + .width-half {
        padding-right: 0;
        padding-left: .5rem
    }

    form .controls-container {
        display: flex;
        flex-wrap: wrap
    }

    form .controls-container.width-half {
        width: calc(50% - 8px)
    }

    form .controls-container .control-group {
        margin-right: .5rem;
        margin-left: .5rem;
        margin-bottom: 0
    }

    form .controls-container .control-group:last-child {
        margin-right: 0
    }

    form .controls-container .control-group:first-child {
        margin-left: 0
    }

    form .controls-container > .controls-container .width-half {
        flex: 0 1 calc(50% - 16px)
    }

    form .control-group.width-half.pos-left {
        width: 50%
    }

    form .control-group.width-half.pos-right {
        width: calc(50% - 20px)
    }

    form .control-group.width-25.pos-left {
        width: 25%
    }

    form .control-group.width-25.pos-right {
        width: calc(25% - 20px)
    }

    form .control-group.width-75.pos-left {
        width: 75%
    }

    form .control-group.width-75.pos-right {
        width: calc(75% - 20px)
    }

    form .control-group.width-25.pos-left, form .control-group.width-75.pos-left, form .control-group.width-half.pos-left {
        clear: both;
        float: left
    }

    form .control-group.width-25.pos-right, form .control-group.width-75.pos-right, form .control-group.width-half.pos-right {
        float: right
    }

    form .control-group.width-25.pos-right + .control-group, form .control-group.width-75.pos-right + .control-group, form .control-group.width-half.pos-right + .control-group {
        clear: both
    }

    #serial_location_form_container {
        padding: 1.25rem 1.5625rem
    }

    #tk-myservices, .service_support_list xtx-content-scroll, .tk-outline-boxes.standalone {
        margin-left: -1.5625rem;
        margin-right: -1.5625rem;
        min-width: calc(100% + 50px)
    }

    #tk-myservices .tk-outline-box > .container-padding, .service_support_list xtx-content-scroll .tk-outline-box > .container-padding, .tk-outline-boxes.standalone .tk-outline-box > .container-padding {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }

    #tk-myservices .tk-outline-box > h4, .service_support_list xtx-content-scroll .tk-outline-box > h4, .tk-outline-boxes.standalone .tk-outline-box > h4 {
        margin-left: 1.5625rem;
        margin-right: 1.5625rem
    }

    #form_sub_shopx_customers_key {
        min-width: 500px
    }

    .service_support_list .listadmin th:first-child {
        padding-left: 1.5625rem
    }

    .service_support_list .listadmin th:last-child {
        padding-right: 1.5625rem
    }

    .service_support_list .listadmin td:first-child {
        padding-left: 1.5625rem
    }

    .service_support_list .listadmin td:last-child {
        padding-right: 1.5625rem
    }

    body#tk-subconfigurator-body #product_form div[data-sticky].sticky #tk-product-var-progress-indicator-content-scroll {
        padding-left: 15px;
        padding-right: 15px
    }

    #tk-product-var-progress-indicator.sticky {
        margin-left: 25px;
        margin-right: 25px
    }

    #fixedConfiguratorContainer {
        padding: 15px 25px 25px
    }

    #fixedConfiguratorContentContainer #ID_price_3-container > div {
        gap: 15px
    }

    #tk-configurator-content .dropdown-tabs {
        flex-direction: row
    }

    #tk-configurator-content .dropdown-tabs xtx-multi-select {
        flex: 0 1 calc(50% - 5px)
    }
}

@media (min-width: 640px) and (max-width: 1599px) {
    div[data-sticky].sticky #tk-product-var-progress-indicator-content-scroll {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    form .controls-container > .controls-container {
        flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:after, .row-fluid:before {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        box-sizing: border-box;
        float: left;
        margin-left: 2.7155309392%;
        *margin-left: 2.6623394499%
    }

    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

    .row-fluid .controls-row [class*=span] + [class*=span] {
        margin-left: 2.7155309392%
    }

    .row-fluid .span12 {
        width: 98.9213%
    }

    .row-fluid .span11 {
        width: 90.5405237288%
    }

    .row-fluid .span10 {
        width: 82.1597474576%
    }

    .row-fluid .span9 {
        width: 73.7789711864%
    }

    .row-fluid .span8 {
        width: 65.3981949153%
    }

    .row-fluid .span7 {
        width: 57.0174186441%
    }

    .row-fluid .span6 {
        width: 48.6366423729%
    }

    .row-fluid .span5 {
        width: 40.2558661017%
    }

    .row-fluid .span4 {
        width: 31.8750898305%
    }

    .row-fluid .span3 {
        width: 23.4943135593%
    }

    .row-fluid .span2 {
        width: 15.1135372881%
    }

    .row-fluid .span1 {
        width: 6.7327610169%
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-tablet {
        display: inherit !important
    }

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

@media (min-width: 960px) {
    .text-column-3, .text-column-4 {
        -moz-column-count: 3;
        column-count: 3
    }

    .text-column-4 {
        -moz-column-count: 4;
        column-count: 4
    }

    .h1, .h2, h1, h2 {
        line-height: 40px
    }

    .h3, .h4, h3, h4 {
        line-height: 26px
    }

    .redx_form form .redx_form_div_container_buttons, form .redx_form_div_container_buttons {
        flex-direction: row
    }

    #checkout_change_billing_address_box .checkout_box_data .content, #checkout_change_delivery_address_box .checkout_box_data .content, #CheckOut_register_new_customer .checkout_box_data .content, #RMA_form_customer_shipping_address .checkout_box_data .content {
        width: 75%
    }

    body.xtx-scroll-lock .header-container[data-sticky].sticky {
        padding-right: var(--xtx-scroll-bar-width, 0)
    }

    .header-container .logo .tk-main-logo {
        margin-left: 25px
    }

    .header-container .logo .tk-main-logo.logo-mobile {
        display: none
    }

    .header-container .logo .tk-main-logo.logo-desktop {
        display: block;
        width: 80px !important;
        height: 80px !important;
    }

    .header-container .header-bar.portal-default {
        width: calc(100% - 165px) !important
    }

    .header-container .header-bar .header-right-content {
        margin-right: 22px
    }

    .header-container #tk-header-container-block .main-nav {
        left: 205px
    }

    #tk-myservices, .service_support_list xtx-content-scroll, .tk-outline-boxes.standalone {
        margin-left: 0;
        margin-right: 0;
        min-width: auto
    }

    #breadcrumb-area-container #breadcrumb-area div.tk-breadcrumb-content {
        padding-left: 25px
    }

    .topnav-container {
        position: relative;
        height: 41px
    }

    .topnav-container .topnav-container-phone {
        display: none
    }

    .topnav-container > ul > li.has-children > .topnav-container-content-scrollable > .topnav-container-scroll-vertical {
        position: absolute;
        max-height: calc(100dvh - 100px);
        overflow-y: auto;
        overflow-x: hidden;
        left: -190px;
        max-width: calc(100vw - 30px)
    }

    .topnav-container > ul > li.has-children > .topnav-container-content-scrollable > .topnav-container-scroll-vertical > ul {
        background-color: #fff;
        z-index: 990;
        width: 100%;
        border: 1px solid var(--tk-border-color, #ebebeb);
        border-top: 0 solid var(--tk-border-color, #ebebeb);
        -moz-column-width: auto;
        display: block;
        -moz-column-rule: solid 1px var(--tk-border-color, #ebebeb);
        column-rule: solid 1px var(--tk-border-color, #ebebeb);
        -moz-column-gap: 0;
        column-gap: 0;
        position: relative;
        -moz-column-count: 3;
        columns: 3
    }

    .topnav-container > ul > li.has-children > .topnav-container-content-scrollable > .topnav-container-scroll-vertical > ul > li {
        width: 100% !important;
        display: inline-block
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) {
        padding-top: 0;
        background-color: #fff;
        box-sizing: border-box;
        border: none;
        border-top: 1px solid var(--tk-border-color, #ebebeb);
        box-shadow: none
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) > li.tk-top-nav-container {
        display: none
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) > li {
        margin: 0;
        padding-top: 23px;
        padding-bottom: 30px;
        display: inline-block;
        box-sizing: border-box;
        border: solid var(--tk-border-color, #ebebeb);
        border-width: 1px 0 0
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) > li > a {
        padding-left: 80px !important
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) a:not(.btn) {
        font-size: 16px;
        line-height: 21px;
        display: block;
        padding-bottom: 4px;
        padding-top: 3px
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) > li > a:not(.btn) {
        margin-left: -1px;
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 7px;
        padding-top: 6px;
        font-weight: 700
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) li.more > a {
        padding-top: 3px;
        font-weight: 700
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul).is-open .is-hidden {
        visibility: visible
    }

    .topnav-button-container {
        display: none
    }

    .topnav-hide-mobile {
        display: block
    }

    xtx-filter [data-only-mobile] {
        display: none
    }

    .tk-outline-boxes .tk-outline-box.width-full {
        grid-column: span 2
    }

    #tk-myservices, .tk-outline-boxes {
        width: 100%;
        grid-template-columns:repeat(2, 1fr);
        grid-column-gap: 2.5rem;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    #tk-myservices #tk-myservices-overview, .tk-outline-boxes #tk-myservices-overview {
        grid-row: span 3
    }

    #tk-myservices #tk-myservices-cart, .tk-outline-boxes #tk-myservices-cart {
        grid-column: 2;
        grid-row: 1
    }

    #tk-myservices #tk-myservices-offers, #tk-myservices #tk-myservices-orders, .tk-outline-boxes #tk-myservices-offers, .tk-outline-boxes #tk-myservices-orders {
        grid-column: 2
    }

    #tk-myservices #tk-myservices-order-status, #tk-myservices #tk-myservices-products, #tk-myservices #tk-myservices-support, .tk-outline-boxes #tk-myservices-order-status, .tk-outline-boxes #tk-myservices-products, .tk-outline-boxes #tk-myservices-support {
        grid-column: span 2
    }

    .table-formatted #tk-shopx-cart-container .cart-sum-block, .table-formatted #tk-shopx-cart-container .shoppingcartbox .cart-table ~ div, .table-formatted #tk-shopx-cart-container > p {
        padding: 10px 25px
    }

    #tk-cart-share, .tk-cart-overlay-msg {
        margin-left: 25px;
        margin-right: 25px
    }

    .form-tk-myservices-products-detail {
        padding: .625rem 25px
    }

    .tk-my-account-problems-details-files .buttons_container, .tk-my-account-problems-details .buttons_container {
        margin-top: 0
    }

    .tk-my-account-problems-details .tk-my-account-problems-file-list .tk-outline-box {
        width: 75%
    }

    .tk-my-account-problems-details .outline_boxes_comments {
        margin: 0 0 1.25rem
    }

    .tk-my-account-problems-details .outline_boxes_comments .tk-outline-box {
        width: 75%
    }

    .tk-my-account-problems-details .outline_boxes_comments .author_create_details {
        padding: .9375rem 1.5625rem 1.25rem
    }

    #tk-stored-confi table.listadmin, .tk-stored-configurator-container table.listadmin {
        width: 100%
    }

    #tk-stored-confi .list_buttons_cell, .tk-stored-configurator-container .list_buttons_cell {
        width: 1%;
        white-space: nowrap
    }

    #tk-stored-confi .list_buttons_cell .buttons, .tk-stored-configurator-container .list_buttons_cell .buttons {
        display: block
    }

    .tk-outline-box .table-formatted table tr td:first-child {
        padding-left: 1.5625rem
    }

    .tk-outline-box .table-formatted table tr td:last-child {
        padding-right: 1.5625rem
    }

    .tk-medialist .xtx-listadmin-filter form {
        margin-top: 10px
    }

    .tk-medialist .xtx-listadmin-filter form xtx-filter xtx-multi-select {
        --select-line-height: 24px
    }

    .tk-medialist .xtx-listadmin-filter form xtx-filter xtx-popup-button[name=popup-filter-button] {
        display: none
    }

    .service_support_list .listadmin {
        width: 100%
    }

    .service_support_list .listadmin .container-shipping-prodcuts {
        max-height: 37.5rem
    }

    .service_support_list .xtx-listadmin-filter form .xtx-listadmin-filter-controls {
        flex-direction: row;
        display: flex;
        flex: 1
    }

    .service_support_list .xtx-listadmin-filter xtx-textfield[name=search_words] {
        flex: 1
    }

    .service_support_list .xtx-listadmin-filter xtx-textfield[name=search_words] input {
        height: 2.5rem !important;
        min-height: 2.5rem !important;
        background-position: 1.25rem .625rem;
        padding-left: 2.8125rem !important
    }

    .service_support_list .xtx-listadmin-filter xtx-multi-select, .service_support_list .xtx-listadmin-filter xtx-select {
        max-width: 21.875rem
    }

    .service_support_list .xtx-listadmin-filter .tk-open-filter-button.xtx-listadmin-filter-button {
        display: none
    }

    [data-tk-shopx-product-detail-header] {
        flex-direction: row;
        margin-top: 40px
    }

    [data-tk-shopx-product-detail-header] #tk-product-var-slideshow {
        flex: 1 1 500px
    }

    [data-tk-shopx-product-detail-header] [data-tk-shopx-product-infos] {
        flex: 1 1 800px
    }

    [data-tk-shopx-product-detail-header] #tk-configurator-product-title {
        padding: 10px 0 0
    }

    div[data-tk-shopx-product-detail-header-reconfigure-mess], div[data-tk-shopx-product-detail-header] {
        width: calc(100vw - 50px)
    }

    #tk-subconfigurator-body div[data-tk-shopx-product-detail-header-reconfigure-mess], #tk-subconfigurator-body div[data-tk-shopx-product-detail-header] {
        max-width: 100%
    }

    #tk-content-nav #tk-content-nav:has(#c_assist) {
        max-width: 285px
    }

    body#tk-subconfigurator-body #product_form #tk-product-var-progress-indicator-content-scroll {
        width: 100%
    }

    body#tk-subconfigurator-body #product_form div[data-sticky].sticky #tk-product-var-progress-indicator-content-scroll {
        padding-left: 35px;
        padding-right: 35px
    }

    body.xtx-scroll-lock div[data-sticky].sticky:has(#tk-product-var-progress-indicator-content-scroll) {
        padding-right: var(--xtx-scroll-bar-width, 15px)
    }

    div[data-sticky].sticky #tk-product-var-progress-indicator-content-scroll {
        width: calc(75% - 5px)
    }

    #tk-product-var-progress-indicator {
        position: relative
    }

    #tk-product-var-progress-indicator.sticky {
        margin-left: 25px;
        margin-right: 0;
        padding-right: calc(25% + 37.5px)
    }

    xtx-floating-container#fixedConfiguratorContainerFloatingContainer {
        min-width: 1200px
    }

    #fixedConfiguratorContainer {
        padding: 18px 25px 18px max(25px, 50% - 600px)
    }

    #product_form[action*="/frame.subconfigurator/"] #fixedConfiguratorContentContainer {
        max-width: var(--resolutionXlargeMaxWidth, 1200px)
    }

    #fixedConfiguratorContentContainer {
        display: grid;
        grid-template-columns:200px 3fr 1fr 1fr 1fr;
        -moz-column-gap: 20px;
        column-gap: 20px;
        align-items: center
    }

    #fixedConfiguratorContentContainer #ID_price_3-container {
        display: flex;
        flex-direction: column;
        grid-row: 1/2;
        grid-column: 3/4;
        justify-content: center;
        align-items: end;
        padding-bottom: 0;
        align-self: center
    }

    #fixedConfiguratorContentContainer #ID_price_3-container > div {
        flex-direction: column;
        gap: 0;
        align-items: flex-start
    }

    #fixedConfiguratorContentContainer .c_assist_availability {
        grid-column: 4/5;
        grid-row: 1/2
    }

    #fixedConfiguratorContentContainer .next, #fixedConfiguratorContentContainer .prev {
        grid-row: 1/2
    }

    #fixedConfiguratorContentContainer .next {
        grid-column: 2/3
    }

    #fixedConfiguratorContentContainer #action_but_update_container label {
        display: none
    }

    #fixedConfiguratorContentContainer #c_order_inputs.show ~ .c_assist_availability {
        justify-self: left;
        grid-column: 4/5
    }

    #fixedConfiguratorContentContainer #c_order_inputs {
        grid-row: 1/2;
        grid-column: 1/3;
        justify-self: right
    }

    #fixedConfiguratorContentContainer #c_order_inputs .order-inputs {
        display: grid;
        grid-template-columns:1fr auto auto;
        gap: 20px;
        align-items: center
    }

    #fixedConfiguratorContentContainer .hidden-hints:has(~#c_order_inputs.show) {
        grid-column: 2/4;
        grid-row: 2
    }

    #fixedConfiguratorContentContainer #tk-sticky-buttons-container {
        display: flex;
        align-items: center;
        gap: 5px;
        gap: 10px
    }

    #fixedConfiguratorContentContainer #tk-sticky-buttons-container img {
        min-width: 40px
    }

    #tkConfiguratorButtons {
        padding: 0 10px;
        display: flex;
        flex: 0 0 75%;
        align-items: center;
        justify-content: flex-end
    }

    .mobile-only {
        display: none !important
    }

    #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component {
        flex-wrap: wrap;
        gap: 15px
    }

    #tk-configurator-content .dropdown-tabs xtx-multi-select {
        flex: 0 1 calc(33% - 5px)
    }

    #tk-configurator-content #configurator .kit-group-filter .dropdown-tabs .dropdown.component-filter-kit-group {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 300px
    }

    #tk-configurator-content #configurator .configurator-tab-content .kit-group-block select:not([name^=lcd]) {
        max-width: 650px
    }

    .download_results_header_area {
        flex-direction: row
    }

    .download_results_header_area > div {
        flex: 1 1 75%
    }

    .download_results_header_area .tk_download_product_pic {
        flex: 1 1 25%;
        text-align: right
    }

    div#tk-product-var-slideshow .tk-swiper-wrapper {
        width: 450px
    }

    div#tk-product-var-slideshow .tk-swiper-product-var-main {
        height: 350px
    }
}

@media (min-width: 960px) and (max-width: 1599px) {
    #tk-content-nav {
        margin-top: 720px
    }
}

@media (min-width: 1199px) {
    .h2, h2 {
        font-size: 1.625rem
    }
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.125rem
    }

    .h3, h3 {
        font-size: 1.25rem
    }

    .tk-headline-big {
        font-size: 3.125rem
    }

    .topnav-container > ul > li.has-children > .topnav-container-content-scrollable > .topnav-container-scroll-vertical > ul {
        -moz-column-count: 4;
        column-count: 4
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) > li.tk-top-nav-container {
        display: inline-block;
        box-sizing: content-box;
        background-color: #f4f4f4;
        padding: 0 !important;
        margin-left: -1px;
        border: 1px solid var(--tk-border-color, #ebebeb);
        font-size: 16px;
        line-height: 26px
    }

    :is(.topnav-container>ul>li>ul,.topnav-container>ul>li>.topnav-container-content-scrollable>.topnav-container-scroll-vertical>ul) > li.tk-top-nav-container:last-child {
        border-bottom: none
    }
}

@media (min-width: 1500px) {
    div#fixedConfiguratorContentContainer {
        grid-template-columns:200px 674px 1fr 1fr 1fr
    }
}

@media (min-width: 1600px) {
    .topnav-container > ul > li.has-children > .topnav-container-content-scrollable > .topnav-container-scroll-vertical {
        max-width: 1600px
    }

    .RedxGridThemeContainer.RedxThemeTkFullSizeRow .RedxGridRow:first-child {
        margin-left: calc(50vw - 800px);
        margin-right: calc(50vw - 800px)
    }

    .service_support_list .listadmin .container-shipping-prodcuts {
        max-height: 50rem
    }

    div[data-tk-shopx-product-detail-header-reconfigure-mess], div[data-tk-shopx-product-detail-header] {
        width: 1570px;
        max-width: var(--resolutionXlargeMaxWidth, 1600px)
    }

    #tk-product-var-progress-indicator.sticky {
        margin: 0 auto;
        padding-left: 7.5px;
        padding-right: 317.5px;
        max-width: 1200px
    }

    #fixedConfiguratorContentContainer {
        grid-template-columns:200px 4fr 1fr 1fr 1fr
    }
}

@media (min-width: 1600px) and (max-width: 1650px) {
    .RedxGridThemeContainer.RedxThemeTkFullSizeRow {
        margin-left: calc(-50vw + 775px)
    }
}

@media (min-width: 1640px) {
    div[data-sticky].sticky #tk-product-var-progress-indicator-content-scroll {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1650px) {
    .header-container .logo .tk-main-logo {
        margin-left: 0
    }

    .header-container .header-bar.portal-default {
        width: calc(100% - 150px) !important
    }

    .header-container .header-bar .header-right-content {
        margin-right: 0
    }

    .header-container #tk-header-container-block .main-nav {
        left: 100px
    }

    .header-container .main-nav-right {
        margin-right: 0
    }

    #breadcrumb-area-container #breadcrumb-area div.tk-breadcrumb-content {
        padding-left: 0
    }
}

@media (min-width: 2000px) {
    .btn.btn-xtx-badge {
        --badge-multi-signs-padding-left: $ padding;
        --badge-multi-signs-padding-right: $ padding
    }
}

@media (min-width: 1500px) and (max-height: 900px) {
    div#fixedConfiguratorContentContainer {
        grid-template-columns:200px 674px 1fr .2fr 1fr
    }
}

@media (min-width: 960px) and (max-height: 900px) {
    #fixedConfiguratorContainer {
        padding-top: 5px;
        padding-bottom: 5px
    }

    #fixedConfiguratorContainer #fixedConfiguratorContentContainer .btn {
        font-size: 14px;
        padding: 5px 20px 4px
    }

    #fixedConfiguratorContainer .c_assist_availability {
        display: block;
        height: 18px
    }

    #fixedConfiguratorContainer .c_assist_availability #small_icon_availability {
        display: block
    }

    #fixedConfiguratorContainer .c_assist_availability .c_assist_availability_color_class {
        display: none
    }

    #fixedConfiguratorContentContainer {
        grid-template-columns:200px 3fr 1fr .2fr 1fr
    }
}

@media (max-width: 1319px) {
    .header-container .main-nav-right .phone-support {
        display: none
    }
}

@media (max-width: 1240px) {
    .RedxGridThemeContainer.RedxThemeTkFullSizeRow {
        margin-left: -25px;
        width: 100vw
    }

    .RedxGridThemeContainer.RedxThemeTkFullSizeRow .RedxGridRow:first-child {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 1240px) and (max-width: 1240px) {
    .RedxThemeTkThemeBackgroundHeader {
        padding-left: 25px;
        padding-right: 25px
    }

    .RedxThemeTkThemeBackgroundHeader .h1 {
        line-height: 1.25em
    }
}

@media (max-width: 1124px) {
    .header-container .main-nav-right .phone-consulting {
        display: none
    }
}

@media (max-width: 959px) {
    table:not(.tk-raw-table):not(.listadmin):not(.cart-table):not(.ui-datepicker-calendar):not(.anchor-select):not(.tpl-editor-table):not(.tpl-editor-table table) {
        width: auto !important
    }

    .topnav-button-container button.topnav-is-active:focus, .topnav-button-container button.topnav-is-active:hover {
        background: var(--tk-header-light-color, #555)
    }

    .topnav-button-container .btn:active, .topnav-button-container .btn:focus, .topnav-button-container .btn:hover {
        border-top: none;
        border-right: none;
        border-left: none
    }

    .topnav-button-container .btn:not(.topnav-is-active):active, .topnav-button-container .btn:not(.topnav-is-active):focus, .topnav-button-container .btn:not(.topnav-is-active):hover {
        border-bottom: none;
        background-color: inherit
    }

    .header-container #tk-header-container-block .topnav-mobile-button-webshop {
        float: right
    }

    .header-container #tk-header-container-block .main-nav .topnav-container a {
        color: #fff
    }

    .header-container #tk-header-container-block .main-nav .topnav-container a:hover {
        color: var(--tk-primary-color, #ff7d00)
    }

    .header-container #tk-header-container-block .main-nav .arrow-icon-down-after:after {
        padding: 0;
        transform-origin: 10px 50%
    }

    .header-container #tk-header-container-block .main-nav .arrow-icon-down-after:is(.arrow-icon-hover:hover):after {
        transform: translateY(calc(-50% + 1px)) rotate(-45deg)
    }

    .RedxThemeTkThemeDark:not(.RedxThemeTkFullSizeRow) .RedxGridColumn.XLarge6:not(:first-child), .RedxThemeTkThemeLight:not(.RedxThemeTkFullSizeRow) .RedxGridColumn.XLarge6:not(:first-child) {
        border-left: none
    }

    .RedxThemeTkThemeDark:not(.RedxThemeTkFullSizeRow) .RedxGridColumn.XLarge6:not(:last-child), .RedxThemeTkThemeLight:not(.RedxThemeTkFullSizeRow) .RedxGridColumn.XLarge6:not(:last-child) {
        border-right: none
    }

    .service_support_list + .tk-outline-boxes {
        margin-top: 1.25rem
    }

    #tk-myservices .box-half, .tk-outline-boxes .box-half {
        grid-column: 1
    }

    #tk-myservices > div[id^=tk-myservices-], .tk-outline-boxes > div[id^=tk-myservices-] {
        background: #fff
    }

    #tk-myservices #tk-myservices-overview .tk-outline-box, .tk-outline-boxes #tk-myservices-overview .tk-outline-box {
        border-top: none
    }

    #tk-myservices #tk-myservices-offers td.addedFixedNoticeStatus, .tk-outline-boxes #tk-myservices-offers td.addedFixedNoticeStatus {
        padding-bottom: 0
    }

    #tk-myservices #tk-myservices-order-status table.listadmin, #tk-myservices #tk-myservices-order-status table.listadmin tbody, #tk-myservices #tk-myservices-order-status table.listadmin thead, .tk-outline-boxes #tk-myservices-order-status table.listadmin, .tk-outline-boxes #tk-myservices-order-status table.listadmin tbody, .tk-outline-boxes #tk-myservices-order-status table.listadmin thead {
        display: block
    }

    #tk-myservices #tk-myservices-order-status table.listadmin tr, .tk-outline-boxes #tk-myservices-order-status table.listadmin tr {
        display: block;
        border-bottom: .0625rem solid var(--tk-border-color, #ebebeb)
    }

    #tk-myservices #tk-myservices-order-status table.listadmin td, #tk-myservices #tk-myservices-order-status table.listadmin th, .tk-outline-boxes #tk-myservices-order-status table.listadmin td, .tk-outline-boxes #tk-myservices-order-status table.listadmin th {
        display: block;
        border-bottom: none
    }

    #tk-myservices #tk-myservices-order-status table.listadmin td.cell-tracking, #tk-myservices #tk-myservices-order-status table.listadmin th.cell-tracking, .tk-outline-boxes #tk-myservices-order-status table.listadmin td.cell-tracking, .tk-outline-boxes #tk-myservices-order-status table.listadmin th.cell-tracking {
        padding: 0
    }

    #tk-myservices #tk-myservices-order-status table.listadmin td.cell-tracking > span:not(:empty), #tk-myservices #tk-myservices-order-status table.listadmin th.cell-tracking > span:not(:empty), .tk-outline-boxes #tk-myservices-order-status table.listadmin td.cell-tracking > span:not(:empty), .tk-outline-boxes #tk-myservices-order-status table.listadmin th.cell-tracking > span:not(:empty) {
        padding: .3125rem 1.25rem 1.25rem
    }

    #tk-myservices #tk-myservices-order-status table.listadmin th.unfinishedSerialsProgressbar, #tk-myservices #tk-myservices-order-status table.listadmin th:last-child, .tk-outline-boxes #tk-myservices-order-status table.listadmin th.unfinishedSerialsProgressbar, .tk-outline-boxes #tk-myservices-order-status table.listadmin th:last-child {
        display: none
    }

    #tk-myservices #tk-myservices-order-status table.listadmin td.unfinishedSerialsProgressbar, .tk-outline-boxes #tk-myservices-order-status table.listadmin td.unfinishedSerialsProgressbar {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    #tk-myservices #tk-myservices-order-status table.listadmin .unfinishedSerialsProgressbar, .tk-outline-boxes #tk-myservices-order-status table.listadmin .unfinishedSerialsProgressbar {
        min-width: unset
    }

    #tk-myservices #tk-myservices-products table.listadmin tr, .tk-outline-boxes #tk-myservices-products table.listadmin tr {
        display: flex;
        flex-wrap: wrap
    }

    #tk-myservices #tk-myservices-products table.listadmin tr:not(:last-child), .tk-outline-boxes #tk-myservices-products table.listadmin tr:not(:last-child) {
        border-bottom: .0625rem solid var(--tk-border-color, #ebebeb);
        margin-bottom: .625rem
    }

    #tk-myservices #tk-myservices-products table.listadmin tr td:first-child, .tk-outline-boxes #tk-myservices-products table.listadmin tr td:first-child {
        border-bottom: none
    }

    #tk-myservices #tk-myservices-products table.listadmin tr td:nth-child(2), .tk-outline-boxes #tk-myservices-products table.listadmin tr td:nth-child(2) {
        padding-bottom: 0;
        flex: 1;
        border-bottom: none
    }

    #tk-myservices #tk-myservices-products table.listadmin tr td:nth-child(3), .tk-outline-boxes #tk-myservices-products table.listadmin tr td:nth-child(3) {
        flex: 0 0 100%;
        padding: 0 1.25rem !important;
        border-bottom: none;
        min-width: auto !important
    }

    #tk-myservices #tk-myservices-products table.listadmin tr td:nth-child(3) .tk-service-status-progress, .tk-outline-boxes #tk-myservices-products table.listadmin tr td:nth-child(3) .tk-service-status-progress {
        padding-top: 2.5rem;
        padding-bottom: .3125rem
    }

    #tk-myservices #tk-myservices-products table.listadmin tr td:nth-child(4), .tk-outline-boxes #tk-myservices-products table.listadmin tr td:nth-child(4) {
        flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 0;
        padding: 0
    }

    #tk-myservices #tk-myservices-products table.listadmin tr td:nth-last-child(-n+3), .tk-outline-boxes #tk-myservices-products table.listadmin tr td:nth-last-child(-n+3) {
        width: auto;
        padding: .3125rem .3125rem 1.25rem;
        border-bottom: 0
    }

    #tk-myservices #tk-myservices-products table.listadmin tr td:nth-last-child(-n+3):nth-child(5), .tk-outline-boxes #tk-myservices-products table.listadmin tr td:nth-last-child(-n+3):nth-child(5) {
        padding-left: 1.5625rem
    }

    #tk-myservices #tk-myservices-products table.listadmin tr td:last-child, .tk-outline-boxes #tk-myservices-products table.listadmin tr td:last-child {
        padding-right: 1.25rem
    }

    #tk-myservices .tk-outline-box, .tk-outline-boxes .tk-outline-box {
        border-left: none;
        border-right: none
    }

    .tk-medialist .xtx-listadmin-filter form xtx-filter > xtx-container[name=filter-components-container] {
        display: none
    }

    #mediaDownloadsContainer .medialist-entry .image-container a {
        display: flex;
        justify-content: center
    }

    .service_support_list .listadmin td.addedFixedNoticeStatus {
        vertical-align: top;
        padding-right: 3.125rem;
        padding-bottom: 3.75rem
    }

    .service_support_list .listadmin td.addedFixedNoticeStatus ~ td {
        vertical-align: top
    }

    .service_support_list .listadmin td.fixedStatusNoticeCell {
        vertical-align: bottom !important
    }

    .service_support_list .listadmin td.fixedStatusNoticeCell [data-tooltip], .service_support_list .listadmin td.fixedStatusNoticeCell span:not([data-tooltip]) > xtx-status-notice {
        position: absolute;
        left: 1.25rem;
        transform: translateY(-3rem);
        z-index: 3
    }

    .service_support_list .listadmin td.fixedStatusNoticeCell xtx-status-notice:after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 5px;
        display: inline-block;
        top: 0;
        position: absolute;
        left: 0;
        z-index: -1
    }

    .service_support_list .listadmin td.listCellFixedContent {
        padding: 0;
        vertical-align: bottom !important
    }

    .service_support_list .listadmin td.listCellFixedContent:nth-last-child(2) .list-buttons {
        right: 4.375rem
    }

    .service_support_list .listadmin td.listCellFixedContent .list-buttons {
        position: absolute;
        right: 2.1875rem;
        z-index: 3;
        transform: translateY(-45px)
    }

    .service_support_list .listadmin th.listHeaderFixedContent {
        padding: 0
    }

    .service_support_list .listadmin th.listHeaderFixedContent > * {
        display: none !important
    }

    .service_support_list .xtx-listadmin-filter form .xtx-listadmin-filter-controls > * {
        width: 100%
    }

    .service_support_list .xtx-listadmin-filter form .xtx-listadmin-filter-controls input:not([name=search_words]) {
        margin-bottom: .375rem
    }

    .service_support_list .xtx-listadmin-filter form .xtx-listadmin-filter-controls xtx-select {
        flex: 0 0 100%
    }

    .service_support_list .xtx-listadmin-filter xtx-multi-select, .service_support_list .xtx-listadmin-filter xtx-select {
        line-height: 2.125rem
    }

    [data-tk-shopx-product-detail-header] #tk-configurator-product-title .tk-configurator-version-container {
        position: absolute;
        right: 0;
        top: 0
    }

    [data-tk-shopx-product-detail-header] #tk-configurator-descr-buttons {
        width: calc(100vw - 60px)
    }

    #product_form[action*="/frame.subconfigurator/"] #fixedConfiguratorContainer {
        padding: 18px 25px
    }

    #product_form[action*="/frame.subconfigurator/"] #fixedConfiguratorContentContainer {
        grid-template-columns:100px 1fr 40px
    }

    #product_form[action*="/frame.subconfigurator/"] #fixedConfiguratorContentContainer .hidden-hints:has(~#c_order_inputs.show) {
        grid-column: 1/4
    }

    #product_form[action*="/frame.subconfigurator/"] #fixedConfiguratorContentContainer .submit-order-button.button_icon_cart {
        grid-column: 3/4
    }

    #product_form[action*="/frame.subconfigurator/"] #c_order_inputs {
        grid-column: 2/3;
        grid-row: auto
    }

    #product_form[action*="/frame.subconfigurator/"] #c_order_inputs .order-inputs {
        display: grid;
        gap: 20px
    }

    #fixedConfiguratorContentContainer {
        grid-template-rows:45px 1fr
    }

    #fixedConfiguratorContentContainer #action_but_update_container input[type=submit] {
        width: 42px;
        height: 42px;
        font-size: 0
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) {
        display: block
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) :is(thead,.position) {
        display: none
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody {
        display: block
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr {
        display: grid;
        max-width: 100%;
        grid-template-columns:minmax(-webkit-min-content, 30px) minmax(-webkit-min-content, 100px) minmax(-webkit-min-content, 100px) auto [main-end];
        grid-template-columns:minmax(min-content, 30px) minmax(min-content, 100px) minmax(min-content, 100px) auto [main-end];
        border-bottom: 1px solid var(--tk-border-color, #ebebeb)
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr:has(+.sum-container-row) {
        border-color: var(--tk-text-color, #323232)
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr.sum-container-row {
        grid-template-columns:minmax(-webkit-min-content, 200px) auto [main-end];
        grid-template-columns:minmax(min-content, 200px) auto [main-end];
        border-bottom: none
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr.sum-container-row :is(th,td) {
        padding-bottom: 5px;
        padding-top: 15px
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr.sum-container-row :is(th,td):has(.title) {
        border-bottom: none
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr:is(.sum-discount-container-row,.summary-product-weight-row) :is(th,td) {
        padding-bottom: 5px;
        padding-top: 5px
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr:is(.sum-discount-container-row,.summary-product-weight-row) :is(th,td)[colspan="3"] {
        grid-column: 2/main-end
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr:is(.sum-discount-container-row,.summary-product-weight-row) :is(th,td)[colspan="4"] {
        grid-column-end: main-end
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr.sum-discount-container-row {
        grid-template-columns:minmax(-webkit-min-content, 150px) auto [main-end];
        grid-template-columns:minmax(min-content, 150px) auto [main-end];
        border-bottom: none
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr.summary-product-weight-row {
        border-bottom: none;
        padding-top: 10px;
        grid-template-columns:auto [main-end] !important
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) tbody tr td.last {
        grid-column-end: main-end
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) td {
        border-bottom: none;
        padding: 12px 3px 15px
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) td:has(.title-table) {
        grid-area: 1/1/1/5;
        display: inline-block;
        padding: 15px 0 0
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) td.no-discount > span, .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) td.price-none {
        display: none
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) td .quantity-desc {
        text-align: left
    }

    .kit-group-summary#kg_0_summary :is(.summary-table,.cart-table) td .quantity-desc-label {
        display: inline;
        padding-left: 3px;
        visibility: visible
    }

    .kit-group-summary#kg_0_summary table.cart-table .power-consumption-col table.power-consumption-table tr {
        grid-template-columns:auto
    }

    .kit-group-summary#kg_0_summary table.cart-table .power-consumption-col table.power-consumption-table tr td {
        grid-template-columns:auto minmax(-webkit-min-content, 45px);
        grid-template-columns:auto minmax(min-content, 45px)
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table:has(.single-discount-col) tr:is(.entry,.cart-component) {
        grid-template-columns:minmax(-webkit-min-content, 45px) minmax(-webkit-min-content, 100px) minmax(-webkit-min-content, 100px) auto [main-end];
        grid-template-columns:minmax(min-content, 45px) minmax(min-content, 100px) minmax(min-content, 100px) auto [main-end]
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table:has(.single-discount-col) tr:is(.entry,.cart-component) td.title {
        grid-area: 1/1/1/5
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr {
        display: grid;
        grid-template-columns:minmax(-webkit-min-content, 45px) minmax(-webkit-min-content, 100px) auto [main-end];
        grid-template-columns:minmax(min-content, 45px) minmax(min-content, 100px) auto [main-end]
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr.headline {
        display: none
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr.entry {
        height: auto
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr.sub-sum {
        font-weight: 400;
        border-top: 1px solid var(--tk-text-color, #323232);
        border-bottom: none
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr.sub-sum td:has(.shopping-cart-sub-sum-text) {
        display: none
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr:has(.position) > td:first-child {
        display: none
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr:has(.title) td:empty[colspan="3"] {
        display: none
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr:is(.cart-component,.entry) .tk-cart-quantity-input {
        text-align: left !important
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr td:empty:has(+.title) {
        display: none
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr td[data-single-price-col]:has(+td[data-col=price-total]:empty) {
        grid-area: 2/2/2/4
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr td[data-single-price-col]:has(+td[data-col=price-total]:empty) + td[data-col=price-total]:empty {
        display: none
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr .title {
        grid-area: 1/1/1/4;
        font-weight: 400
    }

    .kit-group-summary#kg_0_summary .shoppingcartbox.list .cart-table tr .title b {
        font-weight: 400
    }

    .kit-group-summary#kg_0_summary div.headline {
        display: none
    }

    .kit-group-summary#kg_0_summary div.headline + .shoppingcartbox {
        border-top: 1px solid var(--tk-text-color, #323232);
        padding-top: 20px
    }

    .kit-group-summary#kg_0_summary div.headline:has(+.list.shoppingcartbox) {
        display: none
    }

    .shopx_voucher_code_form_input_row > fieldset .input-append {
        flex-direction: column;
        gap: 10px
    }

    .shopx_voucher_code_form_input_row > fieldset .input-append input[type=submit] {
        align-self: end
    }

    .desktop-only {
        display: none !important
    }

    #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component:has(.row-sub-configurator) {
        flex-wrap: wrap
    }

    #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component:has(.row-customer-data) {
        flex-wrap: wrap
    }

    #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .component .row-sub-configurator .list {
        max-width: calc(100% - 60px)
    }

    #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .column-right:has([id*=price]) {
        align-self: flex-start;
        line-height: 30px
    }

    #tk-configurator-content #configurator .kit-group-table:has(.kit-group-block:not([style*="none;"])) .column-right .hot-offer > span {
        display: none
    }

    #tk-download-result-items .tk_download_archive_table {
        width: 100% !important
    }

    .tk-full-size-slider-container .swiper-pagination-bullets {
        width: 100%
    }

    div#tk-product-var-slideshow .tk-swiper-product-var-thumbs swiper-slide .slide-border {
        text-align: center
    }

    div#tk-product-var-slideshow .tk-swiper-product-var-thumbs swiper-slide .slide-border img {
        min-width: 80%
    }
}

@media (max-width: 767px) {
    .row-fluid [class*=span], .uneditable-input[class*=span], [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box
    }

    .row-fluid .span12, .span12 {
        width: 100%;
        box-sizing: border-box
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-phone {
        display: inherit !important
    }

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

@media (max-height: 750px) {
    #product_form[action*="/frame.subconfigurator/"] #fixedConfiguratorContainer {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (max-width: 639px) and (pointer: coarse) {
    .RedxGridThemeContainer.RedxThemeTkFullSizeRow {
        width: calc(100vw + 10px)
    }
}

@media (max-width: 639px) {
    .container {
        padding: 0 1.25rem
    }

    form select {
        overflow: hidden
    }

    .redx_form form h1, .redx_form form h2, .redx_form form h3, .redx_form form h4, .redx_form form h5, form h1, form h2, form h3, form h4, form h5 {
        margin-top: 1.25rem;
        margin-bottom: .625rem
    }

    .redx_form form .redx_form_div_container.width-quarter, .redx_form form .redx_forms_float.width-quarter, form .redx_form_div_container.width-quarter, form .redx_forms_float.width-quarter {
        width: 50%
    }

    .redx_form form .redx_form_div_container.width-quarter + .width-quarter, .redx_form form .redx_forms_float.width-quarter + .width-quarter, form .redx_form_div_container.width-quarter + .width-quarter, form .redx_forms_float.width-quarter + .width-quarter {
        padding-right: 0
    }

    .redx_form form .redx_form_div_container.width-third, .redx_form form .redx_forms_float.width-third, form .redx_form_div_container.width-third, form .redx_forms_float.width-third {
        width: 50%
    }

    .redx_form form .redx_form_div_container.width-third + .width-third, .redx_form form .redx_forms_float.width-third + .width-third, form .redx_form_div_container.width-third + .width-third, form .redx_forms_float.width-third + .width-third {
        padding-right: 0
    }

    .redx_form form .redx_form_div_container.width-three-quarter, .redx_form form .redx_forms_float.width-three-quarter, form .redx_form_div_container.width-three-quarter, form .redx_forms_float.width-three-quarter {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .redx_form form .redx_form_div_container.width-three-quarter + .width-quarter:not(.start-row), .redx_form form .redx_forms_float.width-three-quarter + .width-quarter:not(.start-row), form .redx_form_div_container.width-three-quarter + .width-quarter:not(.start-row), form .redx_forms_float.width-three-quarter + .width-quarter:not(.start-row) {
        padding-left: 0
    }

    .redx_form form .redx_form_div_container.width-half, .redx_form form .redx_forms_float.width-half, form .redx_form_div_container.width-half, form .redx_forms_float.width-half {
        width: 100%
    }

    form .control-group.width-25, form .control-group.width-75, form .control-group.width-half {
        max-width: 100%
    }

    .btn.full-width-small {
        width: 100%;
        text-align: center
    }

    .xtxTabs div[id*=-tab-note] input.btn {
        margin-bottom: 10px
    }

    .RedxThemeTkThemeDark:not(.RedxThemeTkFullSizeRow) .RedxGridColumn.XLarge4:not(:first-child), .RedxThemeTkThemeLight:not(.RedxThemeTkFullSizeRow) .RedxGridColumn.XLarge4:not(:first-child) {
        border-left: none
    }

    .RedxThemeTkThemeDark:not(.RedxThemeTkFullSizeRow) .RedxGridColumn.XLarge4:not(:last-child), .RedxThemeTkThemeLight:not(.RedxThemeTkFullSizeRow) .RedxGridColumn.XLarge4:not(:last-child) {
        border-right: none
    }

    .RedxThemeTkHeightSync {
        display: table
    }

    .tk-my-account-problems-details-files .buttons_container .btn, .tk-my-account-problems-details .buttons_container .btn {
        width: 100%
    }

    .tk-my-account-problems-details-files .container-padding, .tk-my-account-problems-details .container-padding {
        padding: .9375rem
    }

    [data-tk-shopx-product-detail-header] #tk-configurator-descr-buttons {
        width: calc(100vw - 40px)
    }
}

@media (max-width: 449px) {
    #fixedConfiguratorContentContainer {
        grid-template-columns:40px 1fr 1fr 40px
    }

    #fixedConfiguratorContentContainer .next {
        flex-direction: column
    }
}

@media (pointer: coarse) {
    .RedxGridThemeContainer.RedxThemeTkFullSizeRow {
        width: 100vw
    }
}

:root {
    --tk-border-color: #EBEBEB;
    --tk-file-link-icon-height: 22px;
    --tk-form-border-color: #CCCCCC;
    --tk-header-light-color: #555555;
    --tk-primary-color: #F97B02;
    --tk-text-color: #323232;
    --tk-text-light-color: #999999;
    --redx-input-readonly-background: transparent;
    --shopCheckoutStepCompleted-background-color: #ffffff;
    --shopCheckoutStepCompleted-border-color: #F97B02;
    --shopCheckoutStepCompleted-border-style: solid;
    --shopCheckoutStepCompleted-border-width: 2px;
    --shopCheckoutStepCompleted-color: #F97B02;
    --shopCheckoutStepCompleted-font-size: inherit;
    --shopCheckoutStepCompleted-font-weight: inherit;
    --shopCheckoutStepCompleted-label-color: #F97B02;
    --shopCheckoutStepCurrent-background-color: #F97B02;
    --shopCheckoutStepCurrent-border-color: #F97B02;
    --shopCheckoutStepCurrent-border-style: solid;
    --shopCheckoutStepCurrent-border-width: 2px;
    --shopCheckoutStepCurrent-color: #ffffff;
    --shopCheckoutStepCurrent-font-size: inherit;
    --shopCheckoutStepCurrent-font-weight: inherit;
    --shopCheckoutStepCurrent-label-color: #F97B02;
    --shopCheckoutStepDefault-background-color: #CCCCCC;
    --shopCheckoutStepDefault-border-color: #CCCCCC;
    --shopCheckoutStepDefault-border-radius: 25px;
    --shopCheckoutStepDefault-border-style: solid;
    --shopCheckoutStepDefault-border-width: 2px;
    --shopCheckoutStepDefault-color: inherit;
    --shopCheckoutStepDefault-font-size: inherit;
    --shopCheckoutStepDefault-font-weight: inherit;
    --shopCheckoutStepDefault-generated-text-decoration-line: none;
    --shopCheckoutStepDefault-height: 50px;
    --shopCheckoutStepDefault-label-color: #F97B02;
    --shopCheckoutStepDefault-label-font-size: inherit;
    --shopCheckoutStepDefault-margin: 0px 0px 0px 0px;
    --shopCheckoutStepDefault-outline: solid #ffffff 5px;
    --shopCheckoutStepDefault-text-decoration: none;
    --shopCheckoutStepDefault-width: 50px;
    --shopCheckoutStepProgressBar-background-color: #CCCCCC;
    --shopCheckoutStepProgressBar-color: #F97B02;
    --shopCheckoutStepProgressBar-height: 2px;
    --stickerOneBottom-margin-bottom: 0px;
    --stickerOneBottom-margin-left: 0px;
    --stickerOneFirstText-color: inherit;
    --stickerOneFirstText-font-family: inherit;
    --stickerOneFirstText-font-size: inherit;
    --stickerOneFirstText-font-style: normal;
    --stickerOneFirstText-font-weight: inherit;
    --stickerOneFirstText-letter-spacing: inherit;
    --stickerOneFirstText-line-height: inherit;
    --stickerOneFirstText-padding: 0px;
    --stickerOneFirstText-text-align: center;
    --stickerOneFirstText-text-transform: none;
    --stickerOneSecondText-color: inherit;
    --stickerOneSecondText-font-family: inherit;
    --stickerOneSecondText-font-size: inherit;
    --stickerOneSecondText-font-style: normal;
    --stickerOneSecondText-font-weight: inherit;
    --stickerOneSecondText-letter-spacing: inherit;
    --stickerOneSecondText-line-height: inherit;
    --stickerOneSecondText-padding: 0px;
    --stickerOneSecondText-text-align: center;
    --stickerOneSecondText-text-transform: none;
    --stickerOneStyling-background-color: inherit;
    --stickerOneStyling-background-image: none;
    --stickerOneStyling-background-position: inherit;
    --stickerOneStyling-background-repeat: inherit;
    --stickerOneStyling-background-size: inherit;
    --stickerOneStyling-border-color: inherit;
    --stickerOneStyling-border-radius: inherit;
    --stickerOneStyling-border-style: inherit;
    --stickerOneStyling-border-width: inherit;
    --stickerOneStyling-box-shadow: none;
    --stickerOneStyling-color: inherit;
    --stickerOneStyling-height: 150px;
    --stickerOneStyling-outline: inherit;
    --stickerOneStyling-padding: 0px;
    --stickerOneStyling-rotate: none;
    --stickerOneStyling-width: 150px;
    --stickerOneThirdText-color: inherit;
    --stickerOneThirdText-font-family: inherit;
    --stickerOneThirdText-font-size: inherit;
    --stickerOneThirdText-font-style: normal;
    --stickerOneThirdText-font-weight: inherit;
    --stickerOneThirdText-letter-spacing: inherit;
    --stickerOneThirdText-line-height: inherit;
    --stickerOneThirdText-padding: 0px;
    --stickerOneThirdText-text-align: center;
    --stickerOneThirdText-text-transform: none;
    --stickerOneTop-margin-left: 0px;
    --stickerOneTop-margin-top: 0px;
    --stickerThreeBottom-margin-bottom: 0px;
    --stickerThreeBottom-margin-left: 0px;
    --stickerThreeFirstText-color: inherit;
    --stickerThreeFirstText-font-family: inherit;
    --stickerThreeFirstText-font-size: inherit;
    --stickerThreeFirstText-font-style: normal;
    --stickerThreeFirstText-font-weight: inherit;
    --stickerThreeFirstText-letter-spacing: inherit;
    --stickerThreeFirstText-line-height: inherit;
    --stickerThreeFirstText-padding: 0px;
    --stickerThreeFirstText-text-align: center;
    --stickerThreeFirstText-text-transform: none;
    --stickerThreeSecondText-color: inherit;
    --stickerThreeSecondText-font-family: inherit;
    --stickerThreeSecondText-font-size: inherit;
    --stickerThreeSecondText-font-style: normal;
    --stickerThreeSecondText-font-weight: inherit;
    --stickerThreeSecondText-letter-spacing: inherit;
    --stickerThreeSecondText-line-height: inherit;
    --stickerThreeSecondText-padding: 0px;
    --stickerThreeSecondText-text-align: center;
    --stickerThreeSecondText-text-transform: none;
    --stickerThreeStyling-background-color: inherit;
    --stickerThreeStyling-background-image: none;
    --stickerThreeStyling-background-position: inherit;
    --stickerThreeStyling-background-repeat: inherit;
    --stickerThreeStyling-background-size: inherit;
    --stickerThreeStyling-border-color: inherit;
    --stickerThreeStyling-border-radius: inherit;
    --stickerThreeStyling-border-style: inherit;
    --stickerThreeStyling-border-width: inherit;
    --stickerThreeStyling-box-shadow: none;
    --stickerThreeStyling-color: inherit;
    --stickerThreeStyling-height: 150px;
    --stickerThreeStyling-outline: inherit;
    --stickerThreeStyling-padding: 0px;
    --stickerThreeStyling-rotate: none;
    --stickerThreeStyling-width: 150px;
    --stickerThreeThirdText-color: inherit;
    --stickerThreeThirdText-font-family: inherit;
    --stickerThreeThirdText-font-size: inherit;
    --stickerThreeThirdText-font-style: normal;
    --stickerThreeThirdText-font-weight: inherit;
    --stickerThreeThirdText-letter-spacing: inherit;
    --stickerThreeThirdText-line-height: inherit;
    --stickerThreeThirdText-padding: 0px;
    --stickerThreeThirdText-text-align: center;
    --stickerThreeThirdText-text-transform: none;
    --stickerThreeTop-margin-left: 0px;
    --stickerThreeTop-margin-top: 0px;
    --stickerTwoBottom-margin-bottom: 0px;
    --stickerTwoBottom-margin-left: 0px;
    --stickerTwoFirstText-color: inherit;
    --stickerTwoFirstText-font-family: inherit;
    --stickerTwoFirstText-font-size: inherit;
    --stickerTwoFirstText-font-style: normal;
    --stickerTwoFirstText-font-weight: inherit;
    --stickerTwoFirstText-letter-spacing: inherit;
    --stickerTwoFirstText-line-height: inherit;
    --stickerTwoFirstText-padding: 0px;
    --stickerTwoFirstText-text-align: center;
    --stickerTwoFirstText-text-transform: none;
    --stickerTwoSecondText-color: inherit;
    --stickerTwoSecondText-font-family: inherit;
    --stickerTwoSecondText-font-size: inherit;
    --stickerTwoSecondText-font-style: normal;
    --stickerTwoSecondText-font-weight: inherit;
    --stickerTwoSecondText-letter-spacing: inherit;
    --stickerTwoSecondText-line-height: inherit;
    --stickerTwoSecondText-padding: 0px;
    --stickerTwoSecondText-text-align: center;
    --stickerTwoSecondText-text-transform: none;
    --stickerTwoStyling-background-color: inherit;
    --stickerTwoStyling-background-image: none;
    --stickerTwoStyling-background-position: inherit;
    --stickerTwoStyling-background-repeat: inherit;
    --stickerTwoStyling-background-size: inherit;
    --stickerTwoStyling-border-color: inherit;
    --stickerTwoStyling-border-radius: inherit;
    --stickerTwoStyling-border-style: inherit;
    --stickerTwoStyling-border-width: inherit;
    --stickerTwoStyling-box-shadow: none;
    --stickerTwoStyling-color: inherit;
    --stickerTwoStyling-height: 150px;
    --stickerTwoStyling-outline: inherit;
    --stickerTwoStyling-padding: 0px;
    --stickerTwoStyling-rotate: none;
    --stickerTwoStyling-width: 150px;
    --stickerTwoThirdText-color: inherit;
    --stickerTwoThirdText-font-family: inherit;
    --stickerTwoThirdText-font-size: inherit;
    --stickerTwoThirdText-font-style: normal;
    --stickerTwoThirdText-font-weight: inherit;
    --stickerTwoThirdText-letter-spacing: inherit;
    --stickerTwoThirdText-line-height: inherit;
    --stickerTwoThirdText-padding: 0px;
    --stickerTwoThirdText-text-align: center;
    --stickerTwoThirdText-text-transform: none;
    --stickerTwoTop-margin-left: 0px;
    --stickerTwoTop-margin-top: 0px
}

div.RedxPageContainer, div.RedxPageContainer:before, div.RedxPageContainer:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.RedxGridRow, div.RedxGridRow:before, div.RedxGridRow:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.RedxGridColumn, div.RedxGridColumn:before, div.RedxGridColumn:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.RedxBlockGrid, div.RedxBlockGrid:before, div.RedxBlockGrid:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.RedxBlockGridChild, div.RedxBlockGridChild:before, div.RedxBlockGridChild:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.RedxPageContainer {
    margin: 0 auto;
    overflow: hidden;
    max-width: 1600px
}

.RedxRelativeContainer, .RedxRelativeContainerWithPadding {
    margin: 0 auto;
    position: relative;
    max-width: 1600px
}

.RedxRelativeContainer::before, .RedxRelativeContainer::after, .RedxRelativeContainerWithPadding::before, .RedxRelativeContainerWithPadding::after {
    content: ' ';
    display: table
}

.RedxGridRowContainer {
    margin: 0 auto;
    max-width: 1600px
}

.RedxGridRow {
    margin: 0 auto;
    position: relative
}

.RedxGridRow:before {
    content: " ";
    display: table
}

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

.RedxGridRow:after {
    clear: both
}

.RedxGridRow > .RedxGridColumn {
    float: left;
    width: 100%;
    min-height: 0.1px;
    position: relative
}

.RedxGridRow > .RedxGridColumn.LastColumn {
    float: right
}

.RedxBlockGrid {
    margin: 0 auto;
    display: block;
    position: relative
}

.RedxBlockGrid:before {
    content: " ";
    display: table
}

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

.RedxBlockGrid:after {
    clear: both
}

.RedxBlockGrid > div {
    float: left;
    width: 100%
}

body {
    min-width: 320px
}

.RedxRelativeContainerWithPadding {
    padding-left: 0px;
    padding-right: 0px
}

.RedxGridRow > .RedxGridColumn {
    padding: 0 5px
}

.RedxBlockGrid {
    margin: 0 -5px
}

.RedxBlockGrid > .RedxBlockGridChild {
    padding: 0 5px
}

.RedxGridRow.XSmallRow {
    margin: 0 -5px
}

.XSmallRow > .RedxGridColumn {
    padding: 0 5px
}

.XSmallRow > .XSmall0 {
    display: none
}

.XSmallRow > .XSmall1 {
    display: block;
    width: 8.3333333333333%
}

.XSmallRow > .XSmall2 {
    display: block;
    width: 16.666666666667%
}

.XSmallRow > .XSmall3 {
    display: block;
    width: 25%
}

.XSmallRow > .XSmall4 {
    display: block;
    width: 33.333333333333%
}

.XSmallRow > .XSmall5 {
    display: block;
    width: 41.666666666667%
}

.XSmallRow > .XSmall6 {
    display: block;
    width: 50%
}

.XSmallRow > .XSmall7 {
    display: block;
    width: 58.333333333333%
}

.XSmallRow > .XSmall8 {
    display: block;
    width: 66.666666666667%
}

.XSmallRow > .XSmall9 {
    display: block;
    width: 75%
}

.XSmallRow > .XSmall10 {
    display: block;
    width: 83.333333333333%
}

.XSmallRow > .XSmall11 {
    display: block;
    width: 91.666666666667%
}

.XSmallRow > .XSmall12 {
    display: block;
    width: 100%
}

.XSmallRow > .XSmallPush0 {
    left: 0%
}

.XSmallRow > .XSmallPush1 {
    left: 8.3333333333333%
}

.XSmallRow > .XSmallPush2 {
    left: 16.666666666667%
}

.XSmallRow > .XSmallPush3 {
    left: 25%
}

.XSmallRow > .XSmallPush4 {
    left: 33.333333333333%
}

.XSmallRow > .XSmallPush5 {
    left: 41.666666666667%
}

.XSmallRow > .XSmallPush6 {
    left: 50%
}

.XSmallRow > .XSmallPush7 {
    left: 58.333333333333%
}

.XSmallRow > .XSmallPush8 {
    left: 66.666666666667%
}

.XSmallRow > .XSmallPush9 {
    left: 75%
}

.XSmallRow > .XSmallPush10 {
    left: 83.333333333333%
}

.XSmallRow > .XSmallPush11 {
    left: 91.666666666667%
}

.XSmallRow > .XSmallPull0 {
    left: -0%
}

.XSmallRow > .XSmallPull1 {
    left: -8.3333333333333%
}

.XSmallRow > .XSmallPull2 {
    left: -16.666666666667%
}

.XSmallRow > .XSmallPull3 {
    left: -25%
}

.XSmallRow > .XSmallPull4 {
    left: -33.333333333333%
}

.XSmallRow > .XSmallPull5 {
    left: -41.666666666667%
}

.XSmallRow > .XSmallPull6 {
    left: -50%
}

.XSmallRow > .XSmallPull7 {
    left: -58.333333333333%
}

.XSmallRow > .XSmallPull8 {
    left: -66.666666666667%
}

.XSmallRow > .XSmallPull9 {
    left: -75%
}

.XSmallRow > .XSmallPull10 {
    left: -83.333333333333%
}

.XSmallRow > .XSmallPull11 {
    left: -91.666666666667%
}

.XSmallPadding {
    margin: 0 -5px
}

.XSmallBlockGrid1 > .RedxBlockGridChild, .XSmallBlockGrid1 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 100%
}

.XSmallBlockGrid2 > .RedxBlockGridChild, .XSmallBlockGrid2 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 50%
}

.XSmallBlockGrid3 > .RedxBlockGridChild, .XSmallBlockGrid3 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 33.333333333333%
}

.XSmallBlockGrid4 > .RedxBlockGridChild, .XSmallBlockGrid4 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 25%
}

.XSmallBlockGrid5 > .RedxBlockGridChild, .XSmallBlockGrid5 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 20%
}

.XSmallBlockGrid6 > .RedxBlockGridChild, .XSmallBlockGrid6 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 16.666666666667%
}

.XSmallBlockGrid7 > .RedxBlockGridChild, .XSmallBlockGrid7 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 14.285714285714%
}

.XSmallBlockGrid8 > .RedxBlockGridChild, .XSmallBlockGrid8 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 12.5%
}

.XSmallBlockGrid9 > .RedxBlockGridChild, .XSmallBlockGrid9 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 11.111111111111%
}

.XSmallBlockGrid10 > .RedxBlockGridChild, .XSmallBlockGrid10 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 10%
}

.XSmallBlockGrid11 > .RedxBlockGridChild, .XSmallBlockGrid11 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 9.0909090909091%
}

.XSmallBlockGrid12 > .RedxBlockGridChild, .XSmallBlockGrid12 > .RedxBlockGridChild:nth-child(1n+0) {
    clear: none;
    width: 8.3333333333333%
}

.XSmallBlockGrid1 > .RedxBlockGridChild:nth-child(1n+1) {
    clear: both
}

.XSmallBlockGrid2 > .RedxBlockGridChild:nth-child(2n+1) {
    clear: both
}

.XSmallBlockGrid3 > .RedxBlockGridChild:nth-child(3n+1) {
    clear: both
}

.XSmallBlockGrid4 > .RedxBlockGridChild:nth-child(4n+1) {
    clear: both
}

.XSmallBlockGrid5 > .RedxBlockGridChild:nth-child(5n+1) {
    clear: both
}

.XSmallBlockGrid6 > .RedxBlockGridChild:nth-child(6n+1) {
    clear: both
}

.XSmallBlockGrid7 > .RedxBlockGridChild:nth-child(7n+1) {
    clear: both
}

.XSmallBlockGrid8 > .RedxBlockGridChild:nth-child(8n+1) {
    clear: both
}

.XSmallBlockGrid9 > .RedxBlockGridChild:nth-child(9n+1) {
    clear: both
}

.XSmallBlockGrid10 > .RedxBlockGridChild:nth-child(10n+1) {
    clear: both
}

.XSmallBlockGrid11 > .RedxBlockGridChild:nth-child(11n+1) {
    clear: both
}

.XSmallBlockGrid12 > .RedxBlockGridChild:nth-child(12n+1) {
    clear: both
}

.XSmallPadding > .RedxBlockGridChild {
    padding: 0 5px
}

.XSmallNoPadding {
    margin: 0
}

.XSmallNoPadding > .RedxGridColumn {
    padding: 0
}

.XSmallNoPadding {
    margin: 0
}

.XSmallNoPadding > .RedxBlockGridChild {
    padding: 0
}

.XSmallNoMargin.XSmallPadding {
    margin: 0 -5px
}

.XSmallNoMargin.XSmallNoPadding {
    margin: 0
}

.XSmallMargin.XSmallPadding {
    margin: 0 -5px
}

.XSmallMargin.XSmallNoPadding {
    margin: 0 0px
}

@media all and (min-width: 640px), print {
    .RedxGridRow.SmallRow {
        margin: 0 -5px
    }

    .SmallRow > .RedxGridColumn {
        padding: 0 5px
    }

    .SmallRow > .Small0 {
        display: none
    }

    .SmallRow > .Small1 {
        display: block;
        width: 8.3333333333333%
    }

    .SmallRow > .Small2 {
        display: block;
        width: 16.666666666667%
    }

    .SmallRow > .Small3 {
        display: block;
        width: 25%
    }

    .SmallRow > .Small4 {
        display: block;
        width: 33.333333333333%
    }

    .SmallRow > .Small5 {
        display: block;
        width: 41.666666666667%
    }

    .SmallRow > .Small6 {
        display: block;
        width: 50%
    }

    .SmallRow > .Small7 {
        display: block;
        width: 58.333333333333%
    }

    .SmallRow > .Small8 {
        display: block;
        width: 66.666666666667%
    }

    .SmallRow > .Small9 {
        display: block;
        width: 75%
    }

    .SmallRow > .Small10 {
        display: block;
        width: 83.333333333333%
    }

    .SmallRow > .Small11 {
        display: block;
        width: 91.666666666667%
    }

    .SmallRow > .Small12 {
        display: block;
        width: 100%
    }

    .SmallRow > .SmallPush0 {
        left: 0%
    }

    .SmallRow > .SmallPush1 {
        left: 8.3333333333333%
    }

    .SmallRow > .SmallPush2 {
        left: 16.666666666667%
    }

    .SmallRow > .SmallPush3 {
        left: 25%
    }

    .SmallRow > .SmallPush4 {
        left: 33.333333333333%
    }

    .SmallRow > .SmallPush5 {
        left: 41.666666666667%
    }

    .SmallRow > .SmallPush6 {
        left: 50%
    }

    .SmallRow > .SmallPush7 {
        left: 58.333333333333%
    }

    .SmallRow > .SmallPush8 {
        left: 66.666666666667%
    }

    .SmallRow > .SmallPush9 {
        left: 75%
    }

    .SmallRow > .SmallPush10 {
        left: 83.333333333333%
    }

    .SmallRow > .SmallPush11 {
        left: 91.666666666667%
    }

    .SmallRow > .SmallPull0 {
        left: -0%
    }

    .SmallRow > .SmallPull1 {
        left: -8.3333333333333%
    }

    .SmallRow > .SmallPull2 {
        left: -16.666666666667%
    }

    .SmallRow > .SmallPull3 {
        left: -25%
    }

    .SmallRow > .SmallPull4 {
        left: -33.333333333333%
    }

    .SmallRow > .SmallPull5 {
        left: -41.666666666667%
    }

    .SmallRow > .SmallPull6 {
        left: -50%
    }

    .SmallRow > .SmallPull7 {
        left: -58.333333333333%
    }

    .SmallRow > .SmallPull8 {
        left: -66.666666666667%
    }

    .SmallRow > .SmallPull9 {
        left: -75%
    }

    .SmallRow > .SmallPull10 {
        left: -83.333333333333%
    }

    .SmallRow > .SmallPull11 {
        left: -91.666666666667%
    }

    .SmallPadding {
        margin: 0 -5px
    }

    .SmallBlockGrid1 > .RedxBlockGridChild, .SmallBlockGrid1 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 100%
    }

    .SmallBlockGrid2 > .RedxBlockGridChild, .SmallBlockGrid2 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 50%
    }

    .SmallBlockGrid3 > .RedxBlockGridChild, .SmallBlockGrid3 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 33.333333333333%
    }

    .SmallBlockGrid4 > .RedxBlockGridChild, .SmallBlockGrid4 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 25%
    }

    .SmallBlockGrid5 > .RedxBlockGridChild, .SmallBlockGrid5 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 20%
    }

    .SmallBlockGrid6 > .RedxBlockGridChild, .SmallBlockGrid6 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 16.666666666667%
    }

    .SmallBlockGrid7 > .RedxBlockGridChild, .SmallBlockGrid7 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 14.285714285714%
    }

    .SmallBlockGrid8 > .RedxBlockGridChild, .SmallBlockGrid8 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 12.5%
    }

    .SmallBlockGrid9 > .RedxBlockGridChild, .SmallBlockGrid9 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 11.111111111111%
    }

    .SmallBlockGrid10 > .RedxBlockGridChild, .SmallBlockGrid10 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 10%
    }

    .SmallBlockGrid11 > .RedxBlockGridChild, .SmallBlockGrid11 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 9.0909090909091%
    }

    .SmallBlockGrid12 > .RedxBlockGridChild, .SmallBlockGrid12 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 8.3333333333333%
    }

    .SmallBlockGrid1 > .RedxBlockGridChild:nth-child(1n+1) {
        clear: both
    }

    .SmallBlockGrid2 > .RedxBlockGridChild:nth-child(2n+1) {
        clear: both
    }

    .SmallBlockGrid3 > .RedxBlockGridChild:nth-child(3n+1) {
        clear: both
    }

    .SmallBlockGrid4 > .RedxBlockGridChild:nth-child(4n+1) {
        clear: both
    }

    .SmallBlockGrid5 > .RedxBlockGridChild:nth-child(5n+1) {
        clear: both
    }

    .SmallBlockGrid6 > .RedxBlockGridChild:nth-child(6n+1) {
        clear: both
    }

    .SmallBlockGrid7 > .RedxBlockGridChild:nth-child(7n+1) {
        clear: both
    }

    .SmallBlockGrid8 > .RedxBlockGridChild:nth-child(8n+1) {
        clear: both
    }

    .SmallBlockGrid9 > .RedxBlockGridChild:nth-child(9n+1) {
        clear: both
    }

    .SmallBlockGrid10 > .RedxBlockGridChild:nth-child(10n+1) {
        clear: both
    }

    .SmallBlockGrid11 > .RedxBlockGridChild:nth-child(11n+1) {
        clear: both
    }

    .SmallBlockGrid12 > .RedxBlockGridChild:nth-child(12n+1) {
        clear: both
    }

    .SmallPadding > .RedxBlockGridChild {
        padding: 0 5px
    }

    .SmallNoPadding {
        margin: 0
    }

    .SmallNoPadding > .RedxGridColumn {
        padding: 0
    }

    .SmallNoPadding {
        margin: 0
    }

    .SmallNoPadding > .RedxBlockGridChild {
        padding: 0
    }

    .SmallNoMargin.SmallPadding {
        margin: 0 -5px
    }

    .SmallNoMargin.SmallNoPadding {
        margin: 0
    }

    .SmallMargin.SmallPadding {
        margin: 0 -5px
    }

    .SmallMargin.SmallNoPadding {
        margin: 0 0px
    }
}

@media all and (min-width: 960px), print {
    .RedxGridRow.LargeRow {
        margin: 0 -7.5px
    }

    .LargeRow > .RedxGridColumn {
        padding: 0 7.5px
    }

    .LargeRow > .Large0 {
        display: none
    }

    .LargeRow > .Large1 {
        display: block;
        width: 8.3333333333333%
    }

    .LargeRow > .Large2 {
        display: block;
        width: 16.666666666667%
    }

    .LargeRow > .Large3 {
        display: block;
        width: 25%
    }

    .LargeRow > .Large4 {
        display: block;
        width: 33.333333333333%
    }

    .LargeRow > .Large5 {
        display: block;
        width: 41.666666666667%
    }

    .LargeRow > .Large6 {
        display: block;
        width: 50%
    }

    .LargeRow > .Large7 {
        display: block;
        width: 58.333333333333%
    }

    .LargeRow > .Large8 {
        display: block;
        width: 66.666666666667%
    }

    .LargeRow > .Large9 {
        display: block;
        width: 75%
    }

    .LargeRow > .Large10 {
        display: block;
        width: 83.333333333333%
    }

    .LargeRow > .Large11 {
        display: block;
        width: 91.666666666667%
    }

    .LargeRow > .Large12 {
        display: block;
        width: 100%
    }

    .LargeRow > .LargePush0 {
        left: 0%
    }

    .LargeRow > .LargePush1 {
        left: 8.3333333333333%
    }

    .LargeRow > .LargePush2 {
        left: 16.666666666667%
    }

    .LargeRow > .LargePush3 {
        left: 25%
    }

    .LargeRow > .LargePush4 {
        left: 33.333333333333%
    }

    .LargeRow > .LargePush5 {
        left: 41.666666666667%
    }

    .LargeRow > .LargePush6 {
        left: 50%
    }

    .LargeRow > .LargePush7 {
        left: 58.333333333333%
    }

    .LargeRow > .LargePush8 {
        left: 66.666666666667%
    }

    .LargeRow > .LargePush9 {
        left: 75%
    }

    .LargeRow > .LargePush10 {
        left: 83.333333333333%
    }

    .LargeRow > .LargePush11 {
        left: 91.666666666667%
    }

    .LargeRow > .LargePull0 {
        left: -0%
    }

    .LargeRow > .LargePull1 {
        left: -8.3333333333333%
    }

    .LargeRow > .LargePull2 {
        left: -16.666666666667%
    }

    .LargeRow > .LargePull3 {
        left: -25%
    }

    .LargeRow > .LargePull4 {
        left: -33.333333333333%
    }

    .LargeRow > .LargePull5 {
        left: -41.666666666667%
    }

    .LargeRow > .LargePull6 {
        left: -50%
    }

    .LargeRow > .LargePull7 {
        left: -58.333333333333%
    }

    .LargeRow > .LargePull8 {
        left: -66.666666666667%
    }

    .LargeRow > .LargePull9 {
        left: -75%
    }

    .LargeRow > .LargePull10 {
        left: -83.333333333333%
    }

    .LargeRow > .LargePull11 {
        left: -91.666666666667%
    }

    .LargePadding {
        margin: 0 -7.5px
    }

    .LargeBlockGrid1 > .RedxBlockGridChild, .LargeBlockGrid1 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 100%
    }

    .LargeBlockGrid2 > .RedxBlockGridChild, .LargeBlockGrid2 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 50%
    }

    .LargeBlockGrid3 > .RedxBlockGridChild, .LargeBlockGrid3 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 33.333333333333%
    }

    .LargeBlockGrid4 > .RedxBlockGridChild, .LargeBlockGrid4 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 25%
    }

    .LargeBlockGrid5 > .RedxBlockGridChild, .LargeBlockGrid5 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 20%
    }

    .LargeBlockGrid6 > .RedxBlockGridChild, .LargeBlockGrid6 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 16.666666666667%
    }

    .LargeBlockGrid7 > .RedxBlockGridChild, .LargeBlockGrid7 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 14.285714285714%
    }

    .LargeBlockGrid8 > .RedxBlockGridChild, .LargeBlockGrid8 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 12.5%
    }

    .LargeBlockGrid9 > .RedxBlockGridChild, .LargeBlockGrid9 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 11.111111111111%
    }

    .LargeBlockGrid10 > .RedxBlockGridChild, .LargeBlockGrid10 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 10%
    }

    .LargeBlockGrid11 > .RedxBlockGridChild, .LargeBlockGrid11 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 9.0909090909091%
    }

    .LargeBlockGrid12 > .RedxBlockGridChild, .LargeBlockGrid12 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 8.3333333333333%
    }

    .LargeBlockGrid1 > .RedxBlockGridChild:nth-child(1n+1) {
        clear: both
    }

    .LargeBlockGrid2 > .RedxBlockGridChild:nth-child(2n+1) {
        clear: both
    }

    .LargeBlockGrid3 > .RedxBlockGridChild:nth-child(3n+1) {
        clear: both
    }

    .LargeBlockGrid4 > .RedxBlockGridChild:nth-child(4n+1) {
        clear: both
    }

    .LargeBlockGrid5 > .RedxBlockGridChild:nth-child(5n+1) {
        clear: both
    }

    .LargeBlockGrid6 > .RedxBlockGridChild:nth-child(6n+1) {
        clear: both
    }

    .LargeBlockGrid7 > .RedxBlockGridChild:nth-child(7n+1) {
        clear: both
    }

    .LargeBlockGrid8 > .RedxBlockGridChild:nth-child(8n+1) {
        clear: both
    }

    .LargeBlockGrid9 > .RedxBlockGridChild:nth-child(9n+1) {
        clear: both
    }

    .LargeBlockGrid10 > .RedxBlockGridChild:nth-child(10n+1) {
        clear: both
    }

    .LargeBlockGrid11 > .RedxBlockGridChild:nth-child(11n+1) {
        clear: both
    }

    .LargeBlockGrid12 > .RedxBlockGridChild:nth-child(12n+1) {
        clear: both
    }

    .LargePadding > .RedxBlockGridChild {
        padding: 0 7.5px
    }

    .LargeNoPadding {
        margin: 0
    }

    .LargeNoPadding > .RedxGridColumn {
        padding: 0
    }

    .LargeNoPadding {
        margin: 0
    }

    .LargeNoPadding > .RedxBlockGridChild {
        padding: 0
    }

    .LargeNoMargin.LargePadding {
        margin: 0 -7.5px
    }

    .LargeNoMargin.LargeNoPadding {
        margin: 0
    }

    .LargeMargin.LargePadding {
        margin: 0 -7.5px
    }

    .LargeMargin.LargeNoPadding {
        margin: 0 0px
    }
}

@media all and (min-width: 1600px), print {
    .RedxPageContainer {
        max-width: 1600px;
        max-width: var(--resolutionXlargeMaxWidth, 1600px)
    }

    .RedxGridRowContainer {
        max-width: 1600px;
        max-width: var(--resolutionXlargeMaxWidth, 1600px)
    }

    .RedxGridRow.XLargeRow {
        margin: 0 -10px
    }

    .XLargeRow > .RedxGridColumn {
        padding: 0 10px
    }

    .XLargeRow > .XLarge0 {
        display: none
    }

    .XLargeRow > .XLarge1 {
        display: block;
        width: 8.3333333333333%
    }

    .XLargeRow > .XLarge2 {
        display: block;
        width: 16.666666666667%
    }

    .XLargeRow > .XLarge3 {
        display: block;
        width: 25%
    }

    .XLargeRow > .XLarge4 {
        display: block;
        width: 33.333333333333%
    }

    .XLargeRow > .XLarge5 {
        display: block;
        width: 41.666666666667%
    }

    .XLargeRow > .XLarge6 {
        display: block;
        width: 50%
    }

    .XLargeRow > .XLarge7 {
        display: block;
        width: 58.333333333333%
    }

    .XLargeRow > .XLarge8 {
        display: block;
        width: 66.666666666667%
    }

    .XLargeRow > .XLarge9 {
        display: block;
        width: 75%
    }

    .XLargeRow > .XLarge10 {
        display: block;
        width: 83.333333333333%
    }

    .XLargeRow > .XLarge11 {
        display: block;
        width: 91.666666666667%
    }

    .XLargeRow > .XLarge12 {
        display: block;
        width: 100%
    }

    .XLargeRow > .XLargePush0 {
        left: 0%
    }

    .XLargeRow > .XLargePush1 {
        left: 8.3333333333333%
    }

    .XLargeRow > .XLargePush2 {
        left: 16.666666666667%
    }

    .XLargeRow > .XLargePush3 {
        left: 25%
    }

    .XLargeRow > .XLargePush4 {
        left: 33.333333333333%
    }

    .XLargeRow > .XLargePush5 {
        left: 41.666666666667%
    }

    .XLargeRow > .XLargePush6 {
        left: 50%
    }

    .XLargeRow > .XLargePush7 {
        left: 58.333333333333%
    }

    .XLargeRow > .XLargePush8 {
        left: 66.666666666667%
    }

    .XLargeRow > .XLargePush9 {
        left: 75%
    }

    .XLargeRow > .XLargePush10 {
        left: 83.333333333333%
    }

    .XLargeRow > .XLargePush11 {
        left: 91.666666666667%
    }

    .XLargeRow > .XLargePull0 {
        left: -0%
    }

    .XLargeRow > .XLargePull1 {
        left: -8.3333333333333%
    }

    .XLargeRow > .XLargePull2 {
        left: -16.666666666667%
    }

    .XLargeRow > .XLargePull3 {
        left: -25%
    }

    .XLargeRow > .XLargePull4 {
        left: -33.333333333333%
    }

    .XLargeRow > .XLargePull5 {
        left: -41.666666666667%
    }

    .XLargeRow > .XLargePull6 {
        left: -50%
    }

    .XLargeRow > .XLargePull7 {
        left: -58.333333333333%
    }

    .XLargeRow > .XLargePull8 {
        left: -66.666666666667%
    }

    .XLargeRow > .XLargePull9 {
        left: -75%
    }

    .XLargeRow > .XLargePull10 {
        left: -83.333333333333%
    }

    .XLargeRow > .XLargePull11 {
        left: -91.666666666667%
    }

    .XLargePadding {
        margin: 0 -10px
    }

    .XLargeBlockGrid1 > .RedxBlockGridChild, .XLargeBlockGrid1 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 100%
    }

    .XLargeBlockGrid2 > .RedxBlockGridChild, .XLargeBlockGrid2 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 50%
    }

    .XLargeBlockGrid3 > .RedxBlockGridChild, .XLargeBlockGrid3 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 33.333333333333%
    }

    .XLargeBlockGrid4 > .RedxBlockGridChild, .XLargeBlockGrid4 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 25%
    }

    .XLargeBlockGrid5 > .RedxBlockGridChild, .XLargeBlockGrid5 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 20%
    }

    .XLargeBlockGrid6 > .RedxBlockGridChild, .XLargeBlockGrid6 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 16.666666666667%
    }

    .XLargeBlockGrid7 > .RedxBlockGridChild, .XLargeBlockGrid7 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 14.285714285714%
    }

    .XLargeBlockGrid8 > .RedxBlockGridChild, .XLargeBlockGrid8 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 12.5%
    }

    .XLargeBlockGrid9 > .RedxBlockGridChild, .XLargeBlockGrid9 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 11.111111111111%
    }

    .XLargeBlockGrid10 > .RedxBlockGridChild, .XLargeBlockGrid10 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 10%
    }

    .XLargeBlockGrid11 > .RedxBlockGridChild, .XLargeBlockGrid11 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 9.0909090909091%
    }

    .XLargeBlockGrid12 > .RedxBlockGridChild, .XLargeBlockGrid12 > .RedxBlockGridChild:nth-child(1n+0) {
        clear: none;
        width: 8.3333333333333%
    }

    .XLargeBlockGrid1 > .RedxBlockGridChild:nth-child(1n+1) {
        clear: both
    }

    .XLargeBlockGrid2 > .RedxBlockGridChild:nth-child(2n+1) {
        clear: both
    }

    .XLargeBlockGrid3 > .RedxBlockGridChild:nth-child(3n+1) {
        clear: both
    }

    .XLargeBlockGrid4 > .RedxBlockGridChild:nth-child(4n+1) {
        clear: both
    }

    .XLargeBlockGrid5 > .RedxBlockGridChild:nth-child(5n+1) {
        clear: both
    }

    .XLargeBlockGrid6 > .RedxBlockGridChild:nth-child(6n+1) {
        clear: both
    }

    .XLargeBlockGrid7 > .RedxBlockGridChild:nth-child(7n+1) {
        clear: both
    }

    .XLargeBlockGrid8 > .RedxBlockGridChild:nth-child(8n+1) {
        clear: both
    }

    .XLargeBlockGrid9 > .RedxBlockGridChild:nth-child(9n+1) {
        clear: both
    }

    .XLargeBlockGrid10 > .RedxBlockGridChild:nth-child(10n+1) {
        clear: both
    }

    .XLargeBlockGrid11 > .RedxBlockGridChild:nth-child(11n+1) {
        clear: both
    }

    .XLargeBlockGrid12 > .RedxBlockGridChild:nth-child(12n+1) {
        clear: both
    }

    .XLargePadding > .RedxBlockGridChild {
        padding: 0 10px
    }

    .XLargeNoPadding {
        margin: 0
    }

    .XLargeNoPadding > .RedxGridColumn {
        padding: 0
    }

    .XLargeNoPadding {
        margin: 0
    }

    .XLargeNoPadding > .RedxBlockGridChild {
        padding: 0
    }

    .XLargeNoMargin.XLargePadding {
        margin: 0 -10px
    }

    .XLargeNoMargin.XLargeNoPadding {
        margin: 0
    }

    .XLargeMargin.XLargePadding {
        margin: 0 -10px
    }

    .XLargeMargin.XLargeNoPadding {
        margin: 0 0px
    }
}

@media screen and (max-width: 639px) {
    .XSmallHidden {
        display: none !important
    }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
    .SmallHidden {
        display: none !important
    }
}

@media screen and (min-width: 960px) and (max-width: 1599px) {
    .LargeHidden {
        display: none !important
    }
}

@media screen and (min-width: 1600px) {
    .XLargeHidden {
        display: none !important
    }
}

ul.nav-tabs li a {
    position: relative;
    border-color: #ddd;
    border-bottom-color: transparent
}

.content-presentation-accordion .accordion-header {
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 10px;
    position: relative
}

ul.nav-tabs li a span.redx_loading, .content-presentation-accordion .accordion-header span.redx_loading {
    width: 30px;
    height: 30px
}

.xtxTabs.tabs-presentation .tabScroller span.redx_loading {
    width: 30px;
    height: 30px;
    top: -15px;
    left: -15px
}

ul.nav-tabs li a div.redx_loading_wrap, .content-presentation-accordion .accordion-header div.redx_loading_wrap, .xtxTabs.tabs-presentation .tabScroller span.redx_loading_wrap, .xtxAccordion .accordionInputLabel .redx_loading_wrap {
    width: 30px;
    height: 30px;
    background: transparent;
    margin: 0 auto;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0
}

.xtxAccordion .accordionInputLabel .redx_loading_wrap img {
    width: 30px;
    height: 30px;
    max-width: none !important
}

.xtxAccordion .accordionContent .tab-content {
    border: none
}

.tab-content {
    border: 1px solid #ddd;
    border-top: none
}

.content-presentation-toggle {
    padding-bottom: 35px
}

.content-presentation-toggle .toggle-header {
    display: none
}

.content-presentation-toggle .tab-content {
    border: none
}

.content-presentation-toggle .togglePresentationButton {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10px;
    background: transparent url("../image/producttoggle_expand.png") no-repeat center center;
    background-size: 16px 15px;
    cursor: pointer;
    text-decoration: none
}

.content-presentation-toggle.open .togglePresentationButton {
    transform: rotateX(180deg);
    transition-duration: 800ms
}

.content-presentation-tabs {
    margin-bottom: 0
}

.tabsNavContainer .tabsNavToogleDropdown {
    display: none
}

.tabsAsDropdown.tabsNavContainer {
    position: relative;
    height: 41px
}

.tabsAsDropdown .tabsNavToogleDropdown {
    display: block;
    width: 100%;
    height: 41px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    cursor: pointer
}

.tabsAsDropdown .tabsNavToogleDropdown:after {
    position: absolute;
    top: 20px;
    right: 10px;
    content: '';
    width: 8px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    pointer-events: none
}

.tabsAsDropdown.open .tabsNavToogleDropdown:after {
    top: 16px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid
}

.tabsAsDropdown .tabsNavInner {
    position: relative;
    z-index: 1
}

.tabsAsDropdown .content-presentation-tabs {
    position: absolute;
    display: none;
    width: 100%
}

.tabsAsDropdown.open .content-presentation-tabs {
    display: block
}

.tabsAsDropdown .content-presentation-tabs > li {
    width: 100%;
    background: #fff
}

.tabsAsDropdown .content-presentation-tabs > li:first-child a {
    border-top: 0
}

.tabsAsDropdown .content-presentation-tabs > li.active a, .tabsAsDropdown .content-presentation-tabs > li.active a:hover {
    color: #337ab7;
    border-bottom-color: #ddd;
    cursor: pointer
}

.tabsAsDropdown .content-presentation-tabs > li.active a:hover, .tabsAsDropdown .content-presentation-tabs > li.active a:focus {
    color: #23527c
}

.tabsAsDropdown .content-presentation-tabs > li > a {
    margin: 0;
    border-bottom-color: #ddd;
    border-radius: 0
}

.tabsAsDropdown .content-presentation-tabs > li > a:hover, .tabsAsDropdown .content-presentation-tabs > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee
}

.tabsAsDropdown .content-presentation-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #ddd
}

.redx_responsive_tag_container {
    width: 10px;
    height: 10px;
    top: -100px;
    position: absolute
}

#redx_responsive_tag_debug_container {
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 10px;
    position: fixed;
    font-size: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.75)
}

@media (max-width: 959px) {
    .tk-full-size-slider-container {
        margin-left: -15px;
    }
}

@media (min-width: 960px) and (max-width: 1599px) {
    .tk-full-size-slider-container {
        margin-left: -25px;
    }
}

@media (min-width: 1600px) and (max-width: 1650px) {
    .tk-full-size-slider-container {
        margin-left: calc(((100vw - 1600px) / 2 + 25px) * (-1));
    }
}

@media (min-width: 1651px) {
    .tk-full-size-slider-container {
        margin-left: calc((100vw - 1600px) / 2 * (-1));
    }
}