.labelDim {
    background: #fff;
    /* width: 100px; */
    /* height: 100px; */
    color: #811c22;
    color: #811c22;
    /* border: 1px solid #841d22; */
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 5px;
    /* opacity: 0.5; */
    white-space: pre;
}
.labelText {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.5);
    /* width: 100px; */
    /* height: 100px; */
    color: #000;
    /* border: 1px solid #841d22; */
    font-size: 14px;
    font-weight: bold;
    padding: 2px 3px;
    border-radius: 5px;
    opacity: 0.7;
    white-space: pre;
}
.fullScreen .labelText {
    opacity: 0;
}
/* 
.step1 {
    background: rgba(244, 244, 244, 1);
    position: relative;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.65s ease-in-out 0.4s;
    -moz-transition: all 0.65s ease-in-out 0.4s;
    -o-transition: all 0.65s ease-in-out 0.4s;
    transition: all 0.65s ease-in-out 0.4s;
}
.step1.active {
    opacity: 1;
    visibility: visible;
    z-index: 300;
    max-height: auto;
    -webkit-transition: all 0.65s ease-in-out;
    -moz-transition: all 0.65s ease-in-out;
    -o-transition: all 0.65s ease-in-out;
    transition: all 0.65s ease-in-out;
}
.step1 + .step2 + .footer {
    -webkit-transition: all 0.65s ease-in-out;
    -moz-transition: all 0.65s ease-in-out;
    -o-transition: all 0.65s ease-in-out;
    transition: all 0.65s ease-in-out;

    opacity: 0;
    visibility: hidden;
}
.step1.active + .step2 + .footer {
    opacity: 1;
    visibility: visible;
}

.step2 {
    background: rgba(244, 244, 244, 1);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -2;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all 0.65s ease-in-out;
    -moz-transition: all 0.65s ease-in-out;
    -o-transition: all 0.65s ease-in-out;
    transition: all 0.65s ease-in-out;
}

.step2.active {
    opacity: 1;
    visibility: visible;
    z-index: 300;
    -webkit-transition: all 0.65s ease-in-out 0.4s;
    -moz-transition: all 0.65s ease-in-out 0.4s;
    -o-transition: all 0.65s ease-in-out 0.4s;
    transition: all 0.65s ease-in-out 0.4s;
}

.step1.deActive .kr-card {
    transform: scale(0.7) translateY(30px);
    opacity: 0;
}
.step1.deActive .kr-card.active {
    transform: scale(1.05) translateY(-10px);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1 !important;
}

#kreator-canvas {
    position: absolute;
    left: 0%;
    right: 0px;
    bottom: 0;
    top: 103px;

    background: rgba(244, 244, 244, 1);
    width: 70%;
    width: calc(100% - 380px + 15px);
    right: 30%;
    right: calc(380px - 15px);
    z-index: 0;
    transition: transform 0.2s ease-out;
    opacity: 0;
    
} */

.kreatorCat {
    clear: both;
}

.kr-kreator {
    position: relative;
}

#kreator-canvas {
    width: 100%;
    height: 100%;
    position: relative;
}
#kreator-canvas canvas {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.kr-shadowBox {
    background: none;
    padding: 0 1rem;
    position: relative;
}

.cursorElement {
    display: block;
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(15px, 15px);
    pointer-events: none;
    text-transform: uppercase;
    font-size: 10px;
    color: #282828;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    padding-left: 21px;
    opacity: 0;
    visibility: hidden;

    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    /* background: #fff; */
}
#kreator-canvas:hover + .cursorElement.active {
    /* display: block; */
    opacity: 1;
    visibility: visible;
}
.cursorElementText {
    display: block;
    float: left;
    padding: 3px 0px 3px 0px;
    max-width: 0px;
    overflow: hidden;
    white-space: nowrap;
    /* opacity: 0; */
    /* transition: all 0.1s ease-out; */
}
.cursorElement .icon {
    /* display: none; */
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    vertical-align: middle;
    font-size: 21px;
    transition: all 0.1s ease-out;
}
.cursorElement .icon.icon-error {
    transform: rotateZ(45deg);
}
.cursorElement .icon.active {
    /* display: block; */
    opacity: 1;
    transform: rotateZ(0deg);
}
.cursorElement .icon.active + .cursorElementText {
    display: block;
    max-width: 150px;
    padding: 3px 6px 3px 4px;
    /* transition: all 0.1s ease-out 0.6s; */
    /* opacity: 1; */
}

.cursorElement .icon-add.active + .cursorElementText {
    /* transition: all 0.1s ease-out 2s; */
}

#kreator-canvas:active + div.cursorElement .icon + .cursorElementText {
    transition: all 0.1s ease-out 0s !important;
}

@keyframes shake {
    0% {
        transform: translateX(0px);
    }
    5% {
        transform: translateX(2px);
    }
    15% {
        transform: translateX(-2px);
    }
    25% {
        transform: translateX(2px);
    }
    35% {
        transform: translateX(-2px);
    }
    45% {
        transform: translateX(2px);
    }
    55% {
        transform: translateX(-2px);
    }
    65% {
        transform: translateX(2px);
    }
    75% {
        transform: translateX(-2px);
    }
    100% {
        transform: translateX(0px);
    }
}

#kreator-canvas:active + .cursorElement .icon.active.icon-no,
#kreator-canvas:active + .cursorElement .icon.active.icon-no + .cursorElementText {
    opacity: 0.5 !important;
    color: rgba(180, 0, 0, 1);
    transition: all 0.1s ease-out 0s !important;
    animation: 0.8s shake ease-out 1;
}
/* #kreator-canvas:active {
					opacity: 0.9 !important;
				} */

.contextmenu {
    display: block;
    position: fixed !important;
    z-index: -1;
    opacity: 0;
    width: 180px;
    transition: z-index 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;

    background: #fff;
    position: relative;
    z-index: -5;
    box-shadow: 0 10px 10px -5px rgba(56, 49, 39, 0.15),
        0 5px 15px -5px rgba(56, 49, 39, 0.33) inset;

    text-transform: uppercase;
    font-size: 12px;

    /* background: #fff; */
}
.contextmenu ul {
    display: block;
    padding: 0;
    margin: 0;
}
.contextmenu ul li {
    display: block;
    padding: 0;
    margin: 0;
}
.contextmenu ul li a {
    display: block;
    padding: 6px 12px;
    color: #282828;
}
.contextmenu ul li a:hover {
    color: #fff;
    background: #b51d26;
    background: var(--brandLight);
}
.contextmenu.active {
    /* display: block; */
    z-index: 10000;
    opacity: 1;
}

.loading {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}
.loading.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.01s ease-out;
    -moz-transition: all 0.01s ease-out;
    -o-transition: all 0.01s ease-out;
    transition: all 0.01s ease-out;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes slideTopIn {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideTopOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes slideRightIn {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideRightOut {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes slideBottomIn {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideBottomOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes slideLeftIn {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideLeftOut {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        transform: scale(0.85);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes fadeOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.85);
        opacity: 0;
    }
}

.fadeIn {
    animation: fadeIn 0.4s ease 1;
}
.fadeOut {
    animation: fadeOut 0.4s ease 1;
}

.slideTopIn {
    animation: slideTopIn 0.4s ease 1;
}
.slideTopOut {
    animation: slideTopOut 0.4s ease 1;
}

.slideRightIn {
    animation: slideRightIn 0.4s ease 1;
}
.slideRightOut {
    animation: slideRightOut 0.4s ease 1;
}

.slideBottomIn {
    animation: slideBottomIn 0.4s ease 1;
}
.slideBottomOut {
    animation: slideBottomOut 0.4s ease 1;
}

.slideLeftIn {
    animation: slideLeftIn 0.4s ease 1;
}
.slideLeftOut {
    animation: slideLeftOut 0.4s ease 1;
}

.-kreatorStartAnimation {
    opacity: 0;
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
}
.-kreatorStartAnimation.-active {
    opacity: 1;
    animation: fadeIn 0.4s ease-out forwards;
}

.loading:after,
.loading:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-top: 5px solid #992227;
    border-top: 5px solid var(--brand);
    /*border-left: 5px solid red;*/
    border-radius: 100%;
    border-radius: var();
    right: 0;
    display: block;

    -webkit-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -moz-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -o-animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    animation: spin 0.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
}

.loading:before {
    margin-top: -26px;
    margin-left: -26px;
    width: 52px;
    height: 52px;
    border: 7px solid rgba(180, 180, 180, 0.4);
    -webkit-animation: spin 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -moz-animation: spin 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    -o-animation: spin 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    animation: spin 1.5s cubic-bezier(0.52, 0.22, 0.46, 0.81) infinite;
    /*border-top: 10px solid rgba(255, 255, 255, 0.3);*/
}

.basket {
    pointer-events: none;
    padding: 10px 10px 10px;

    text-align: center;
    /* background: #f4f4f4; */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,f4f4f4+100&0+0,0.82+21,1+50,1+88,0+100 */
    background: -moz-linear-gradient(
        top,
        rgba(244, 244, 244, 0) 0%,
        rgba(244, 244, 244, 0.82) 21%,
        rgba(244, 244, 244, 1) 50%,
        rgba(244, 244, 244, 1) 88%,
        rgba(244, 244, 244, 0) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(244, 244, 244, 0) 0%,
        rgba(244, 244, 244, 0.82) 21%,
        rgba(244, 244, 244, 1) 50%,
        rgba(244, 244, 244, 1) 88%,
        rgba(244, 244, 244, 0) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(244, 244, 244, 0) 0%,
        rgba(244, 244, 244, 0.82) 21%,
        rgba(244, 244, 244, 1) 50%,
        rgba(244, 244, 244, 1) 88%,
        rgba(244, 244, 244, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#00f4f4f4',GradientType=0 ); /* IE6-9 */

    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: -50px;
    bottom: 15px;
    z-index: 100;
}
.basket .kr-total-price,
.basket .kr-total-time,
.basket button,
.basket a {
    pointer-events: auto;
}
.basket .kr-total-price,
.basket .kr-total-time {
    user-select: text !important;
}
.slideDownSection {
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.82) 21%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 88%,
        rgba(255, 255, 255, 0) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.82) 21%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 88%,
        rgba(255, 255, 255, 0) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.82) 21%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 88%,
        rgba(255, 255, 255, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#00f4f4f4',GradientType=0 ); /* IE6-9 */
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    bottom: -12px;
    padding-bottom: 20px;
    z-index: 100;
}

.scrollToProductlist {
    z-index: 50;
    display: block;
    text-align: center;
    position: sticky;
    padding: 70px 0 15px;
    margin-top: -35px;
    bottom: -10px;
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.82) 21%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 88%,
        rgba(255, 255, 255, 0) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.82) 21%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 88%,
        rgba(255, 255, 255, 0) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.82) 21%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 88%,
        rgba(255, 255, 255, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#00f4f4f4',GradientType=0 ); /* IE6-9 */
}
.scrollArrowUp {
    position: relative;
    z-index: 1;
    text-align: center;
    float: none;
    clear: both;
    margin: -70px auto 20px;
    width: 50px;
    display: block;
    position: sticky;
    top: 60px;
    /* margin-top: -50px; */
}

.kreatorCanvas {
    background: #fff;
    position: relative;
    height: calc(100vh - 12.4rem);
    z-index: 50;
    /* border: 1px solid red; */
}

.kreator--apama .kreatorCanvas {
    height: calc(100vh - 11rem);
}

.kreatorCanvas-view {
    position: absolute;
    width: calc(100% - 39rem);
    left: 0;
    top: 0;
    bottom: 0;
}

.-fullScreen .kreatorCanvas-view {
    width: 100%;
}

.kreatorCanvas-ui {
    position: absolute;
    overflow: hidden;
    overflow-y: scroll;
    width: 39rem;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.4s ease-in-out;
    transform: translateX(0%);
}
.-fullScreen .kreatorCanvas-ui {
    transform: translateX(100%);
}

.canvas-settings {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: stretch;

    flex-direction: column;
}

.background-settings {
    min-height: 100%;
}

.canvas-settings #CSS2DRenderer {
    border: none;
}
.canvas-settings .productForm--settings {
    display: none;
}
.canvas-settings .productAdjust-name {
    user-select: text;
    font-size: 1.8rem;
    margin: 0 0 1rem 0;
    position: relative;
    z-index: 5;
    /* display: none; */
}

.productPreview {
    position: relative;
}

.prevCanvas--mini {
    margin: -5rem -7rem -2rem auto;
    width: 100%;
    height: 17rem;
    z-index: 0;
    position: relative;
}
.prevCanvas--mini::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    box-shadow: 0 0 0.5rem 2.5rem #fff inset;
}

.prevCanvas-button {
    position: absolute;
    bottom: 3rem;
    left: 0rem;
    z-index: 60;
    text-align: center;
    padding-left: 2rem;
    padding-right: 4rem;
}
#console {
    position: fixed;
    z-index: 999999;
    bottom: 0;
    left: 0;
    display: block;
    width: 120px;
    font-size: 12px;
    opacity: 0.3;
    background: #000;
    color: lightgreen;
    font-family: monospace;
    height: 25px;
    transition: all 0.25s cubic-bezier(0.5, 1.52, 0.65, 0.93);
}
#console:focus {
    width: 100vw;
    max-width: 100vw;
    height: 75vh;
    opacity: 1;
}

.kr-bottomMenu {
    font-size: 0.0000001em;
    position: absolute;
    bottom: 55px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 5;
    /* overflow-x: auto; */
    /* min-height: 54px; */
    /* padding-top: 20px; */
    /* display: none; */
    height: 0;
}
.step2right .kr-bottomMenu {
    display: block;
}

.kr-bottomMenu-in {
    display: inline-block;
    white-space: nowrap;
    width: auto;
    max-width: 100%;
    /* background: rgba(255, 255, 255, 0.0); */
    background: rgba(244, 244, 244, 0.45);
    -webkit-transition: all 1.65s ease-in-out;
    -moz-transition: all 1.65s ease-in-out;
    -o-transition: all 1.65s ease-in-out;
    transition: all 1.65s ease-in-out;
    border-radius: 15px;
}
.kr-bottomMenu-in:hover {
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.65s ease-in-out;
    -moz-transition: all 0.65s ease-in-out;
    -o-transition: all 0.65s ease-in-out;
    transition: all 0.65s ease-in-out;
}
.kr-bottomMenu-section {
    display: inline-block;
    border-right: 1px solid rgba(100, 100, 100, 0.5);
    padding: 0;
    margin: 0;
    position: relative;
}
.kr-bottomMenu-section:last-child {
    border-right: none;
}

.kr-bottomMenu-section-el {
    padding: 2px;
    margin: 0;
    display: inline-block;
    position: relative;
    font-size: 0.0000001em;
}
.kr-bottomMenu-section-el a {
    color: #282828;
    display: block;
    padding: 5px 0;
    text-align: center;
    border-radius: 100%;
    border-radius: var();
    font-size: 17px;
    line-height: 20px;
    height: 30px;
    width: 30px;
}
.kr-bottomMenu-section-el a:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #c72b34;
    color: var(--brandLight);
}
.kr-bottomMenu-section-el a.active,
.kr-bottomMenu-section-el a:active {
    background: #c72b34;
    background: var(--brandLight);
    color: #fff;
}

.kr-bottomMenu-section-el-text {
    display: block;
    font-size: 11px;
    color: #000;
    margin-top: -18px;
    height: 18px;
    position: relative;
    padding-left: 34px;
    padding-right: 8px;
    top: -4px;
    text-transform: uppercase;
}

.kr-bottomMenu-section-el .kr-hotkey {
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    margin: 0 0 5px;
    opacity: 0;
    pointer-events: none;
    left: 50%;
    white-space: nowrap;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    transform: translateX(-50%) translateY(8px) scale(0.8);
}
.kr-bottomMenu-in:hover .kr-hotkey {
    transform: translateX(0%) translateY(0) scale(1);
}
.kr-bottomMenu-section:hover ~ .kr-bottomMenu-section .kr-hotkey,
.kr-bottomMenu-section-el:hover ~ .kr-bottomMenu-section-el .kr-hotkey {
    transform: translateX(-100%) translateY(0) scale(1) !important;
}
.kr-bottomMenu-section-el:hover .kr-hotkey {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1) !important;
    visibility: visible;
}

.kr-bottomMenu-section-el input[type='range'] {
    /* padding-bottom: 17px; */
    position: relative;
    /* padding-top: 0; */
    top: -8px;
}

.kr-label {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: 0px 0px 10px -10px rgba(158, 34, 41, 0);
    border: none;
    position: relative;
}
/* *:focus, */
.kr-focus {
    box-shadow: 0px 0px 0px 3px rgba(158, 34, 41, 1) inset;
    border-radius: 3px;
    background: #fff;
}
/* .kr-label:after, .kr-label:before {
	box-shadow: none;
		outline: 0;
  -webkit-box-shadow: none;
		  box-shadow: none;
} */
.kr-title {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    padding: 20px 0;
    margin: 10px 0 20px;
    text-align: center;
    position: relative;
}

.kr-title b {
    color: var(--brandLight);
}
.kr-title:after {
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 77px;
    margin: 0 auto;
    border-bottom: 1px solid #54575b;
}

/*
 * Input range
 */

input[type='range'] {
    -webkit-appearance: none;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    /* margin-top: -5px; */
    background: none;
    padding: 5px 0;
}
input[type='range']:focus,
input[type='range']:active {
    outline: none;
}
input[type='range']::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: #282828;
    border-radius: 3px;
    border: 0px solid #000101;
}
input[type='range']::-webkit-slider-thumb {
    box-shadow: none;
    border: 0px solid #000000;
    height: 11px;
    width: 11px;
    border-radius: 10px;
    background: #811c22;
    background: var(--brand);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
}
input[type='range']:focus::-webkit-slider-runnable-track {
    background: #ddd;
}
input[type='range']:focus::-moz-range-track {
    background: #ddd;
}
input[type='range']:active::-webkit-slider-thumb,
input[type='range']:hover::-webkit-slider-thumb {
    background: #811c22;
    background: var(--brand);
}
input[type='range']::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: #ccc;
    border-radius: 3px;
    border: 0px solid #000101;
}
input[type='range']::-moz-range-thumb {
    box-shadow: none;
    border: 0px solid #000000;
    height: 11px;
    width: 11px;
    border-radius: 10px;
    background: var(--brandDark);
    cursor: pointer;
    -moz-appearance: none;
    margin-top: -5px;
}
input[type='range']:active::-moz-range-thumb,
input[type='range']:hover::-moz-range-thumb {
    background: #811c22;
    background: var(--brand);
}
input[type='range']::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: #282828;
    border-radius: 3px;
    border: 0px solid #000101;
    color: transparent;
}
input[type='range']::-ms-fill-lower {
    background: #811c22;
    background: var(--brandDark);
    border: 0px solid #000101;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type='range']::-ms-fill-upper {
    background: #811c22;
    background: var(--brandDark);
    border: 0px solid #000101;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type='range']::-ms-thumb {
    box-shadow: none;
    border: 0px solid #000000;
    height: 11px;
    width: 11px;
    border-radius: 10px;
    background: var(--brand);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
}
input[type='range']:active::-ms-fill-lower {
    background: #b51d26;
    background: var(--brandLight);
}
input[type='range']:active::-ms-fill-upper {
    background: #b51d26;
    background: var(--brandLight);
}

input[type='range']:active::-ms-thumb {
    background: #811c22;
    background: var(--brand);
}

/*
 * Slider
 */
.slider {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slider img {
    max-width: 100%;
}

.swiper-pagination {
    padding: 5px 15px;
}
.swiper-pagination-bullet {
    /* overflow: hidden; */
    background: rgba(155, 155, 155, 0.4);
    width: 10px;
    height: 10px;
    z-index: 10;
    opacity: 1;
    margin: 2px 1px !important;
    position: relative;
    box-shadow: 0 0 1px 0 rgba(30, 30, 30, 0.1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.swiper-pagination-bullet:after {
    border: 1px solid #000;
    pointer-events: none;
    opacity: 0;
    z-index: 100;
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    transform: translateX(13px);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    overflow: visible;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active
    ~ .swiper-pagination-bullet:after,
.swiper-pagination-bullet.swiper-pagination-bullet-active
    + .swiper-pagination-bullet:after {
    transform: translateX(-13px);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    transform: translateX(0);
    opacity: 1;
}

.swiper-pagination-picture {
    width: 100%;
    max-width: 265px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    bottom: -101px !important;
}
/* .kr-prodLine-item:last-child .swiper-pagination-picture {
			bottom: -101px !important;
		} */

.swiper-categories {
    /* padding: 0 2%; */
    /* margin: 0 -2%; */
    /* width: 104%; */
    position: relative;
}
.swiper-categories .swiper-container:after,
.swiper-categories .swiper-container:before {
    content: '';
    position: absolute;
    left: 100%;
    height: 105%;
    top: -2.5%;
    min-width: 60px;
    /* width: 200px; */
    width: calc(100vw - 100%);
    background: -moz-linear-gradient(
        left,
        rgba(239, 239, 239, 0) 0%,
        rgba(239, 239, 239, 0) 1%,
        rgba(239, 239, 239, 0.7) 20%,
        rgba(239, 239, 239, 1) 40%,
        rgba(239, 239, 239, 1) 60%,
        rgba(239, 239, 239, 0.7) 80%,
        rgba(239, 239, 239, 0) 100%
    );
    background: -webkit-linear-gradient(
        left,
        rgba(239, 239, 239, 0) 0%,
        rgba(239, 239, 239, 0) 1%,
        rgba(239, 239, 239, 0.7) 20%,
        rgba(239, 239, 239, 1) 40%,
        rgba(239, 239, 239, 1) 60%,
        rgba(239, 239, 239, 0.7) 80%,
        rgba(239, 239, 239, 0) 100%
    );
    background: linear-gradient(
        to right,
        rgba(239, 239, 239, 0) 0%,
        rgba(239, 239, 239, 0) 1%,
        rgba(239, 239, 239, 0.7) 20%,
        rgba(239, 239, 239, 1) 40%,
        rgba(239, 239, 239, 1) 60%,
        rgba(239, 239, 239, 0.7) 80%,
        rgba(239, 239, 239, 0) 100%
    );
    z-index: 100;
}
.swiper-categories .swiper-container:before {
    left: auto;
    right: 100%;
}

@media only screen and (max-width: 600px) {
    .swiper-categories .swiper-container:after,
    .swiper-categories .swiper-container:before {
        opacity: 0.2;
    }
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 130;
    /* background: rgba(200, 200, 200, 0.5); */
    transform: scale(0.15);
    width: 65px;
    height: 65px;
    border-radius: 100%;
    border-radius: var();
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

    opacity: 0;
}

.kr-prodLine-item:hover .swiper-button-next,
.kr-prodLine-item:hover .swiper-button-prev {
    opacity: 0.5;

    transform: scale(0.35);
}

.swiper-button-next,
.swiper-button-prev .swiper-button-next {
    transform-origin: 100% 50%;
}
.swiper-button-next.swiper-button-out {
    transform: scale(0.5);
    right: -45px;
}
.swiper-button-prev {
    transform-origin: 0% 50%;
}
.swiper-button-prev.swiper-button-out {
    transform: scale(0.5);
    left: -45px;
}
.swiper-button-disabled {
    opacity: 0.2;
    transform: scale(0.25);
}

.selected {
    border-left: 5px solid rgba(158, 34, 41, 1) !important;
    border-left: 5px solid var(--brandLight) !important;
    color: #fff;
    background: #f1f1f1;
}

.kr-set {
    clear: both;
    padding: 15px 0;
    padding-top: calc(12vh - 76px);
    padding-bottom: calc(12vh - 75px);
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

@media only screen and (min-height: 910px) {
    .kr-set {
        padding-top: calc(2vh + 10px);
        padding-bottom: calc(2vh + 10px);
    }
}

.kr-set:last-child {
    border-bottom: none;
}

.kr-set--big {
    min-height: 130px;
    padding-top: 15px;
}
.grid--min {
    height: 75px;
}

.kr-setTitle {
    position: relative;
    font-size: 18px;
    display: block;
    z-index: 5;
    padding: 4px 0;
    margin: 0;
    /* pointer-events: none; */
}
.kr-setTitle b {
    color: #9e2229;
    color: var(--brand);
}

.kr-preview {
    margin: auto 0;
    position: absolute;
    right: -10px;
    top: 0px;
    bottom: 10px;
    z-index: 10;
}
.kr-hint {
    color: #777;
    font-size: 10px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.kr-icon {
    display: inline-block;
    vertical-align: middle;
}

.kr-figure {
    /* position: relative; */
}
.kr-figure .kr-setTitle + .kr-hint {
    max-width: 50%;
    display: block;
    white-space: normal;
    /* position: relative; */
}
.kr-figure-button {
    display: block;
    clear: both;
    /* text-align: center; */
    padding: 7px 0;
    margin-top: 25px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}
.kr-figure-button .button {
    position: relative;
    z-index: 30;
}
.kr-figure-button img {
    width: 10px;
}

.kr-figure-label {
    float: left;
    width: 30.3%;
    width: calc(33.3% - 10px);
    margin: 0 5px 5px;
}
.kr-figure-label-box {
    z-index: 1;
    width: 100%;
    padding-top: 100%;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 10px -10px rgba(158, 34, 41, 0);
}
.kr-figure-label-box img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.kr-figure-label-box-name {
    text-align: center;
    position: absolute;
    padding: 2px;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(-5px);
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
    font-weight: normal;
    opacity: 0;
    background: rgba(255, 255, 255, 0.8);
}

.kr-figure-label:active .kr-figure-label-box,
.kr-figure-label input:checked + .kr-figure-label-box {
    box-shadow: 0px 0px 0px 3px rgba(158, 34, 41, 1);
    z-index: 3;
}
.kr-figure-label input:checked + .kr-figure-label-box .kr-figure-label-box-name,
.kr-figure-label--add .kr-figure-label-box .kr-figure-label-box-name,
.kr-figure-label-box:hover .kr-figure-label-box-name {
    opacity: 1;
    transform: translateY(0px);
}
.kr-figure-label-box:hover {
    opacity: 0.6;
}

.kr-fileMenager {
    padding-top: 15px;
    padding-bottom: 10px;
}
.kr-fileMenager .kr-figure-label {
    padding-bottom: 10px;
}
.kr-fileMenager .kr-figure-label-box {
    padding-top: 68%;
}
.kr-fileMenager .kr-figure-label-box-name {
    background: rgba(104, 104, 104, 0.6);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 45%;
    transform: scale(0.9);
}

@supports (
    (-webkit-object-fit: cover) or ((-o-object-fit: cover) or (object-fit: cover))
) {
    .kr-fileMenager .kr-figure-label-box-name {
        display: flex;
        padding-top: 30px;
        padding-bottom: 40px;
        align-items: center;
        justify-content: center;
    }
}

.kr-fileMenager .kr-figure-label-box-name strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    text-transform: none;
    font-weight: normal;
    color: #fff;
    position: relative;
}
.kr-fileMenager .kr-figure-label-box-name strong:after {
    content: '';
    clear: both;
    margin: 10px auto 4px;
    display: block;
    width: 25px;
    border-bottom: 1px solid #fff;
}
.kr-fileMenager .kr-figure-label-iconAction {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 3px 10px;
}
.kr-fileMenager .kr-figure-label-iconAction .icon {
    transform: translateY(5px);
    display: inline-block;
    position: relative;
    opacity: 0;
    padding: 5px;
    font-size: 18px;
    background: rgba(255, 255, 255, 0);
    color: #fff;
    border-radius: 0px;
}
.kr-fileMenager .kr-figure-label-iconAction .icon {
    transition: all 0.15s ease 0.2s;
}
.kr-fileMenager .kr-figure-label-iconAction .icon + .icon {
    transition: all 0.25s ease 0.2s;
}
.kr-fileMenager .kr-figure-label-iconAction .icon + .icon + .icon {
    transition: all 0.35s ease 0.2s;
}
.kr-fileMenager .kr-figure-label-iconAction .icon + .icon + .icon + .icon {
    transition: all 0.45s ease 0.2s;
}
.kr-fileMenager .kr-figure-label-iconAction .icon + .icon + .icon + .icon + .icon {
    transition: all 0.55s ease 0.2s;
}
.kr-fileMenager
    .kr-figure-label-iconAction
    .icon
    + .icon
    + .icon
    + .icon
    + .icon
    + .icon {
    transition: all 0.65s ease 0.2s;
}
.kr-figure-label input:checked + .kr-figure-label-box .kr-figure-label-iconAction .icon,
.kr-figure-label-box:hover .kr-figure-label-iconAction .icon {
    transform: translateY(0px);
    opacity: 1;
}

.kr-fileMenager .kr-figure-label-box .kr-figure-label-iconAction a.icon:hover {
    transform: translateY(-2px);
    transition: all 0.2s ease;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    color: #c72b34;
}

.kr-dim {
}
.kr-dim-label {
    display: inline-block;
    height: 48px;
    width: 50px;
    vertical-align: middle;
    position: relative;
}
.kr-dim-label-button {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    opacity: 0.5;
    text-align: center;
    padding: 8px 0;
    /* background: red; */
    z-index: 5;
}
.kr-dim-label-button:hover {
    opacity: 1;
}
.kr-dim-label-button.button-up {
    top: -20px;
}
.kr-dim-label-button.button-down {
    bottom: -20px;
}

.kr-dim-label .input-fastNumber-box {
    transition: all 0.3s ease;
    background: none;
    z-index: 100;
    /* border: 1px solid rgba(255,255,255,0.5); */
    position: absolute;
    top: -100px;
    bottom: -100px;
    display: flex;
    margin: auto;
    max-height: 50px;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    overflow: auto;
    /* pointer-events: none */
}
.kr-dim-label:hover .input-fastNumber-box {
    /* border-color: rgba(255,255,255,1); */
    /* background: rgba(255, 255, 255, 0.9); */
    max-height: 400px;
    max-height: 70vh;
}
.kr-dim-label .input-fastNumber-item {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    /* pointer-events: auto; */
}
.kr-dim-label .input-fastNumber-item strong {
    display: block;
    height: 0;
    padding: 0px 0;
    overflow: hidden;
    transition: all 0.3s ease;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    position: relative;
    opacity: 0;
}
.kr-dim-label .input-fastNumber-box .input-fastNumber-item input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.kr-dim-label .input-fastNumber-box .input-fastNumber-item strong:after {
    content: '';
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    border-radius: var();
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.3s ease;
    transform: scale(0.3);
}
.kr-dim-label .input-fastNumber-box .input-fastNumber-item input:checked + strong {
    color: #9e2229;
    color: var(--brand);
}
/* .kr-dim-label .input-fastNumber-box:hover .input-fastNumber-item strong {
					border-radius: 25px;
				} */
.kr-dim-label:hover .input-fastNumber-box .input-fastNumber-item strong,
.kr-dim-label .input-fastNumber-box .input-fastNumber-item input:checked + strong {
    height: 50px;
    /* background: #fff; */
    opacity: 1;
    padding: 13px 0;
}
.kr-dim-label .input-fastNumber-box .input-fastNumber-item input:checked + strong:after {
    transform: scale(1);
}
.kr-dim-label:hover .input-fastNumber-box .input-fastNumber-item strong {
    border: 1px solid rgba(200, 200, 200, 0.5);
    border-width: 0px 1px;
    background: #fff;
    /* border-radius: 0; */
}
.kr-dim-label .input-fastNumber-item:first-child strong {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.kr-dim-label .input-fastNumber-item:last-child strong {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.kr-dim-label:hover .input-fastNumber-box .input-fastNumber-item:first-child strong {
    border-bottom-width: 1px;
}
.kr-dim-label:hover .input-fastNumber-box .input-fastNumber-item:last-child strong {
    border-top-width: 1px;
}
.kr-dim-label:hover
    .input-fastNumber-box
    .input-fastNumber-item
    input:checked
    + strong:after {
    opacity: 1;
    transform: scale(1);
}

/*  .kr-dim-label .input:focus {
					border-color: rgba(153, 34, 34, 1);
				} */

.kr-color {
    width: 101%;
    width: calc(100% + 2px);
    clear: both;
    padding: 5px 0 0;
    font-size: 0;
}
.kr-color-label {
    padding: 0 3px 5px;
    display: inline-block;
    width: 14%;
    max-width: 46px;
    font-size: 20px;
    text-align: center;
}
.kr-height-label input + svg path {
    fill: #aaa;
    transition: fill 0.3s ease;
}
.kr-height-label:hover input + svg path {
    fill: #620022;
}
.kr-height-label:hover input + svg + .kr-hint {
    color: #9e2229;
    color: var(--brand);
}
.kr-height-label input:checked + svg path {
    fill: #9e2229;
    fill: var(--brand);
}

.kr-height-label input:checked + svg + .kr-hint {
    color: #9e2229;
    color: var(--brand);
    font-weight: bold;
}
.kr-height-label input + svg + .kr-hint:after {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    bottom: -10px;
    left: -15px;
    right: -15px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border-radius: var();
    background: rgba(200, 200, 200, 0.2);
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.6s ease, transform 0.6s ease;
    margin: auto;
}
.kr-height-label input:checked + svg + .kr-hint:after {
    transform: scale(1.4);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.kr-height-label:active input + svg + .kr-hint:after {
    transform: scale(1.2);
    opacity: 1;
    transition: transform 0.2s ease-in-out;
}

.kr-color-zoom {
    position: fixed;
    /* top: 0; */
    bottom: 20%;
    right: 360px;
    height: 174px;
    width: 174px;
    border-radius: 100%;
    border-radius: var();
    /* margin: auto 0; */
    /* right: 100%; */
    transition: all 0.23s ease;
    transform: scale(0.4) translateX(-100px);
    opacity: 0;
    background: #fff;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.06),
        0px 0px 30px rgba(0, 0, 0, 0.05);
    visibility: hidden;
}
.kr-color-zoom img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    position: absolute;
    border-radius: 100%;
    border-radius: var();
    border: 4px solid #fff;
}
.kr-color-label:hover + .kr-color-zoom {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateX(0px);
}
.kr-color-label:hover + .kr-color-zoom ~ .kr-color-zoom {
    transform: scale(0.4) translateX(100px);
}

.kr-height {
    display: table;
    width: 100%;
    table-layout: fixed;
    min-height: 51px;
}
.kr-height-label {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    width: 15%;
    position: relative;
    max-width: 47px;
}
.kr-height-label .kr-hint {
    display: block;
    padding: 1px;
}

.kr-color-label input,
.kr-height-label input,
.kr-figure-label input {
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -5px;
    width: 10px;
    height: 10px;
    opacity: 0;
}

.kr-ring {
    display: block;
    margin: auto;
    border-radius: 100%;
    border-radius: var();
    /* max-width: 37px; */
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-position: center center;
    /* overflow: hidden; */
}
.kr-ring:after {
    transition: all 0.3s ease;
    border-radius: 100%;
    border-radius: var();
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    display: block;
    transform: scale(0.8);
    border: 4px solid #b1262e;
    opacity: 0;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 4px 4px 13px -3px rgba(255, 255, 255, 0.25) inset, 0 0 0 0 3px #b1262e;
}
.kr-ring img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    border-radius: 100%;
    border-radius: var();
    overflow: hidden;
    /* width: 100%;
		height: 100%; */
}

.kr-color-label:hover input + .kr-ring:after {
    transform: scale(1);
    opacity: 0.5;
}
.kr-color-label input:checked + .kr-ring:after {
    transform: scale(1);
    opacity: 1;
    box-shadow: -4px -4px 13px -3px rgba(0, 0, 0, 0.45) inset;
}
.kr-color-label:active input + .kr-ring:after {
    box-shadow: 2px 2px 13px -2px rgba(0, 0, 0, 0.35) inset;
    transition: all 0.15s ease;
    opacity: 0.9;
}

.kr-total-time {
    float: left;
    color: #86ab3b;
    text-align: left;
    max-width: 115px;
    position: relative;
    padding: 3px 10px 3px 44px;
    /* background: #fff; */
    line-height: 1.2em;
    min-height: 38px;
    text-shadow: 1px 1px 7px rgb(244, 244, 244);
}

.kr-total-time .icon {
    font-size: 25px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -12px;
}

.kr-total-price {
    text-shadow: 1px 1px 7px rgb(244, 244, 244);
    font-size: 23px;
    font-weight: bold;
    text-align: right;
    color: #9e2229;
    color: var(--brand);
    padding: 3px 10px;
    position: relative;
    z-index: 110;
    float: right;
    position: relative;
    /* position: sticky;
		top: 24px; */
    margin-bottom: 7px;
}

.kr-productList {
    padding: 0;
    height: 0px;
    overflow: hidden;
    transition: height 0.4s ease-in-out;
}
.kr-product-item {
    padding: 5px 0;
    border-top: 1px solid #e4e4e4;
    table-layout: fixed;
    display: table;
    width: 100%;
}
.kr-product-item:first-child {
    border-top: none;
}

.kr-product-item .grid-cell:last-child {
    width: 100px;
}

.kr-product-item-name {
    color: #282828;
    font-size: 13px;
    padding: 4px 0px 1px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    text-overflow: ellipsis;
}

.dostawa-icon:after {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 10px;
    padding: 0 3px;
    text-transform: uppercase;
    position: relative;
    top: -2px;
}

.dostawa-48h {
    color: #85ab32;
}
.dostawa-icon.dostawa-48h:after {
    content: 'wysyłka 3-4 dni';
}
.dostawa-2t {
    color: #f4930a;
}
.dostawa-icon.dostawa-2t:after {
    content: 'wysyłka do 2 tyg.';
}
.dostawa-4t {
    color: #f4930a;
}
.dostawa-icon.dostawa-4t:after {
    content: 'wysyłka do 4 tyg.';
}
.dostawa-zamow {
    color: #9e2229;
    color: var(--brand);
}
.dostawa-icon.dostawa-zamow:after {
    content: 'Na zamówienie';
}

.kr-product-item .kr-product-item-img {
    width: 65px;
    position: relative;
}
.kr-product-item .kr-product-item-img img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.kr-product-item-main {
    padding: 0 10px;
}

.kr-product-item .kr-product-item-dim {
    font-size: 11px;
    color: #666;
}
.kr-product-item .kr-product-item-dim span:before {
    content: 'x';
    color: #888;
    font-size: 9px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 2px;
}
.kr-product-item .kr-product-item-dim span:first-child:before {
    content: '';
    font-size: 5px;
}

.swiper-categories > .swiper-container {
    overflow: visible;
    width: 100%;
    padding: 25px 0 50px;
    margin: 0 auto 0;
}

.kr-card {
    transition: all 0.33s ease-in-out 0.1s;
    background: #fff;
    overflow: hidden;
    margin-right: 20px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0),
        0px 0px 0px rgba(0, 0, 0, 0);

    transform: scale(1);
    transform-origin: 50% 100%;
}

.swiper-categories > .swiper-container .kr-card {
    max-width: 24%;
    max-width: calc(25% - 15px);
    margin-right: 20px;
}

@media only screen and (max-width: 1000px) {
    .swiper-categories > .swiper-container.swiper-container-horizontal .kr-card {
        max-width: none;
    }
}

@media only screen and (max-width: 1000px) {
    .swiper-categories-js {
        padding: 5px 26px;
    }
}

/* Buttons */

.kr-button {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 23px 8px;
    line-height: 1em;
    position: relative;
    margin: 1px 0;
    border-radius: 3rem;
    border-radius: var(--radius);
    font-size: 15px;
    color: #fff;

    border: 2px solid #262626;
    background: rgb(38, 38, 38);

    user-select: none;
    -webkit-user-drag: none;

    transition: all 0.33s ease-in-out;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0), 0px 2px 10px rgba(0, 0, 0, 0),
        0 0px 0 #9e2229;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0), 0px 2px 10px rgba(0, 0, 0, 0),
        0 0px 0 var(--brand);
    transform: translateY(0px);
    overflow: hidden;
}

.kr-button--small {
    padding: 6px 14px 7px;
    font-size: 14px;
}

.kr-button--big {
    padding: 13px 44px 14px;
    font-weight: bold;
    font-size: 16px;
}

.kr-button--red {
    background: #811c22;
    border: 2px solid #811c22;
    background: var(--brand);
    border: 2px solid var(--brand);
}
.kr-button--green {
    border: 2px solid rgb(133, 171, 50);
    background: rgb(133, 171, 50);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0), 0px 2px 10px rgba(0, 0, 0, 0),
        0 0px 0 rgb(108, 137, 45);
}

.kr-button:hover,
.kr-button:focus {
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease-out;
    border: 2px solid #9e2229;
    border: 2px solid var(--brand);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 #9e2229;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 var(--brand);
    background: #9e2229;
    background: var(--brand);

    border: 2px solid var(--brandLight);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 var(--brandDark);
    background: var(--brandLight);
    transform: translateY(-2px);
}

.kr-button:active {
    background-color: rgb(204, 32, 42);
    background-color: var(--brand);
    transition: all 0.15s ease-out;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15), 0px 4px 5px rgba(0, 0, 0, 0.1),
        0 0px 0 #9e2229;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15), 0px 4px 5px rgba(0, 0, 0, 0.1),
        0 0px 0 var(--brand);
    transform: translateY(0px);
}

.kr-button--red:hover,
.kr-button--red:focus {
    border: 2px solid var(--brandLight);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 var(--brandDark);
    background: var(--brandLight);
    transform: translateY(-2px);
}

.kr-button--green:hover,
.kr-button--green:focus {
    border: 2px solid rgb(143, 171, 50);
    background: rgb(143, 171, 50);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 rgb(108, 137, 45);
}
.kr-button--green:active {
    background-color: rgb(133, 171, 50);
    transition: all 0.15s ease-out;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15), 0px 4px 5px rgba(0, 0, 0, 0.1),
        0 0px 0 rgb(133, 171, 50);
}

.kr-button--light {
    background: rgba(220, 220, 220, 0);
    color: #999;
    border-color: rgba(220, 220, 220, 0);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0), 0px 6px 15px rgba(0, 0, 0, 0),
        0 2px 0 rgba(161, 34, 40, 0);
}
.kr-button--light:hover,
.kr-button--light:focus {
    background: rgba(220, 220, 220, 1);
    color: #9e2229;
    color: var(--brand);
    border-color: rgba(220, 220, 220, 1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 rgba(153, 34, 34, 0.5);
}

.kr-button--light:active {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2), 0px 5px 9px rgba(0, 0, 0, 0.15),
        0 0px 0 rgba(153, 34, 34, 0.1);
    background: rgba(220, 220, 220, 1);
}

.kr-button--icon {
    min-height: 34px;
    min-width: 34px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.kr-button--iconLeft {
    padding-left: 53px;
    padding-right: 23px;
}
.kr-button--iconRight {
    padding-left: 23px;
    padding-right: 53px;
}

.kr-button--icon .icon {
    z-index: 10;
    top: 3px;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    display: block;
    font-size: 25px;
    height: 100%;
}

.kr-button--iconLeft .icon {
    right: auto;
    padding: 0 15px;
}
.kr-button--iconRight .icon {
    left: auto;
    padding: 0 15px;
}

.kr-button--big.kr-button--icon {
    min-height: 49px;
    min-width: 49px;
}
.kr-button--small.kr-button--icon {
    min-height: 31px;
    min-width: 31px;
}

/* padding: 6px 14px 7px; */
.kr-button--big.kr-button--iconLeft {
    padding-left: 74px;
    padding-right: 34px;
}
.kr-button--big.kr-button--iconRight {
    padding-left: 44px;
    padding-right: 83px;
}

.kr-button--small.kr-button--iconLeft {
    padding-left: 28px;
    padding-right: 14px;
}
.kr-button--small.kr-button--iconRight {
    padding-left: 14px;
    padding-right: 28px;
}

.kr-button--big .icon {
    top: 6px;
    font-size: 30px;
    padding: 0 33px;
}
.kr-button--small .icon {
    top: 0px;
    font-size: 15px;
    padding: 0 7px;
    width: 25px;
}

.kr-button-in {
    position: relative;
    z-index: 10;
}
.kr-button-loading {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform: translateX(-100%);
    background: rgb(204, 32, 42);
    background: var(--brandLight);
    opacity: 1;
}
.kr-button-loading-progress {
    transform: translateX(-40%);
    transition: transform 7s ease-out;
    transition: transform 4s cubic-bezier(0.23, 1, 0.2, 0.76);
}
.kr-button-loading-progress2 {
    transform: translateX(-5%);
    transition: transform 20s cubic-bezier(0.17, 0.91, 0.32, 0.93);
}
.kr-button-loading-done {
    transform: translateX(0%);
    opacity: 0;

    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
    transition: transform 0.4s cubic-bezier(0.2, 0.91, 0.79, 0.99),
        opacity 0.4s cubic-bezier(0.2, 0.91, 0.79, 0.99) 0.5s;
}

.button--off,
.hidden {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    margin-left: -50px;
}

.foto-settings {
    padding: 10px 0;
}
.foto-settings .foto-settings-label {
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: middle;
    text-align: right;
    min-width: 40%;
    padding-right: 10px;
    display: inline-block;
}
.foto-settings .foto-settings-params {
    vertical-align: middle;
    text-align: left;
    min-width: 40%;
    display: inline-block;
}
/*
.kr-tine:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: -2px;
	height: 7px;
	background: url('../../images/gfx/tinedown.svg') 50% 100% repeat-x;
}

 .kr-tine--red:after {
	background: url('../../images/gfx/tinedown--red.svg') 50% 100% repeat-x;
} */

.browser {
    text-align: center;
}
.browser-set {
    transition: all 0.33s ease-in-out 0.1s;
    background: #fff;
    overflow: hidden;
    display: block;
    padding: 10px;
    text-align: center;
    margin: 20px 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0),
        0px 0px 0px rgba(0, 0, 0, 0);

    transform: scale(1);
    transform-origin: 50% 100%;
}

.browser-set img {
    display: block;
    max-width: 150px !important;
    width: 70%;
    margin-bottom: 10px;
}
.browser-set strong {
    text-transform: uppercase;
    padding: 3px 0;
    display: block;
}

.browser-set:hover,
.browser-set:active {
    /* background: #fff; */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08), 0px 2px 5px rgba(0, 0, 0, 0.16),
        0px 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
    transition: all 0.23s ease-out;
}

.kr-card:hover,
.kr-card:active,
.kr-card.swiper-slide-active {
    /* background: #fff; */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08), 0px 2px 5px rgba(0, 0, 0, 0.16),
        0px 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
    transition: all 0.23s ease-out;
}

.kr-card .swiper-button-black {
    opacity: 0;
}
.kr-card:hover .swiper-button-black {
    opacity: 1;
}

.kr-card-top {
    background: #252525;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    padding: 8px 10px;
    position: relative;
    z-index: 10;
    letter-spacing: 1px;
    /* font-weight: 300; */
}
.kr-card-top b {
    font-weight: bold;
    font-size: 13px;
}
.kr-card-top.kr-tine--red {
    background: #9e2229;
    background: var(--brand);
}

.kr-card-top .typeIcon {
    display: inline-block;
    position: relative;
    font-size: 20px;
    top: -2px;
    left: -10px;
    vertical-align: middle;
    line-height: 2px;
    height: 2px;
    margin-right: 0;
}

.kr-card-top .helpIcon {
    display: inline-block;
    font-size: 13px;
    height: 13px;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: 0;
    margin: auto 0;
}

.kr-card-header {
    position: relative;
    z-index: 0;
    background: #fff;
    margin: 0;
    padding: 15px 10px 0px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.card-header-stars {
    padding: 0 0 10px 0;
}

.kr-card-info {
    padding: 10px;
    max-width: 270px;
    margin: 0 auto;
    font-size: 14px;
}
.kr-card-info ul {
    margin: 10px 0;
    padding: 1px 0;
    list-style: none;
}
.kr-card-info ul li {
    margin: 3px 0 3px 0;
    padding: 1px 0 1px 25px;
    background: none;
    position: relative;
    list-style: none;
}
.kr-card-info ul li .icon {
    position: absolute;
    left: 2px;
    top: 2px;
    font-size: 17px;
    color: #9f252c;
}
.kr-card-info i {
    color: #9e2229;
    color: var(--brand);
    font-weight: bold;
    font-style: normal;
}

.kr-strong {
    font-size: 18px;
    color: #9e2229;
    color: var(--brand);
}

.kr-prodLine {
    width: 100%;
    position: relative;
    padding: 10px 0 30px;
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    flex-direction: row;
}
.kr-prodLine-left {
    flex-grow: 1;
    flex-basis: 25%;
    /* margin-top: 281px; */
    padding-top: 281px;
    background: #fff;
    width: 20%;
    min-width: 200px;
    position: relative;
    position: sticky;
    left: 0;
    z-index: 10;
    /* float: left; */
    border-right: 1px solid #ccc;
    padding-bottom: 86px;
    /* flex: 1; */
    /* flex-direction: row; */
    /* flex-direction: row; */
}

.kr-prodLine-right {
    flex-grow: 3;
    flex-basis: auto;
    width: 80%;
    /* width: calc(100% - 300px); */
    display: block;
    position: relative;
    z-index: 1;
    /* flex: 1 1 300; */
    text-align: center;
    display: flex;
    flex-direction: row;
    /* flex-direction: column; */
}
.kr-prodLine-item {
    width: 33.33%;
    flex-grow: 1;
    min-width: 244px;
    /* display: flex; */
    /* flex: 1; */
    background: #fff;
    /* flex-direction: column; */
    /* float: left; */
    /* width: 26%; */
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px rgba(0, 0, 0, 0.16),
        0px 0px 0px rgba(0, 0, 0, 0.15);
    transform: translateY(0px);
    border-right: 1px solid #ccc;
    transition: all 0.15s ease-in-out;
}
/*    .kr-prodLine-item:first-child {
				border-left: 1px solid #ccc;  
			} */

.kr-prodLine-item:hover {
    z-index: 5;
    background: #fff;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08), 0px 2px 5px rgba(0, 0, 0, 0.16),
        0px 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
    transition: all 0.23s ease-out;
}
.step1.deActive .kr-prodLine-item,
.step1.deActive .kr-prodLine-left {
    transform: translateY(30px) scale(0.9);
    opacity: 0;
    transition: all 0.8s ease;
}

.step1.deActive .kr-prodLine-item.active {
    transform: translateY(-10px) scale(0.95);
    background: #fff;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08), 0px 2px 5px rgba(0, 0, 0, 0.16),
        0px 8px 20px rgba(0, 0, 0, 0.15);
    transition: all 0.23s ease-out;
    opacity: 1;
    transition: all 0.8s ease;
}

.kr-prodLine-img {
    position: relative;
    padding: 15px 0;
}
.kr-prodLine-name {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    padding: 2px 10px;
    margin: 0;
    position: relative;
    transition: all 0.23s ease-out;
    border-radius: 10px;
    margin-top: -3px;
}
.kr-prodLine-name:hover {
    background: rgba(180, 180, 180, 0.1);
}
.kr-prodLine-item:hover .kr-prodLine-name {
    color: #9d2229;
}
.kr-prodLine-item:hover .kr-button {
    color: #fff;
    text-decoration: none;
    border: 2px solid #9e2229;
    border: 2px solid var(--brand);
    transition: all 0.2s ease-out;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 #9e2229;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 15px rgba(0, 0, 0, 0.15),
        0 2px 0 var(--brand);
    background: #9e2229;
    background: var(--brand);
    transform: translateY(-2px);
}

.kr-prodLine-row {
    position: relative;
    padding: 12px 25px 10px;
    border-top: 1px solid #ccc;
    min-height: 51px;
}
.kr-prodLine-left .kr-prodLine-row .icon {
    display: inline-block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto 0;
    left: 13px;
}
.kr-prodLine-row .icon {
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    color: #9d2229;
}
.kr-prodLine-left .kr-prodLine-row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 45px;
    padding-right: 10px;
}
.kr-prodLine-right .kr-prodLine-row:last-child {
    border-bottom: none;
    /* border-top: none; */
}

.kr-null {
    display: inline-block;
    /* margin: 10px; */
    position: relative;
    top: -2px;
    width: 22px;
    height: 5px;
    border-radius: 3px;
    background: #c3c6c6;
}

.kr-prodLine-left .kr-prodLine-row:last-child {
    border-bottom: 1px solid #ccc;
}

.kr-box-space {
    padding: 20px;
}

.kr-action {
    text-align: center;
    padding: 10px;
}

/*
 * Logo
 */
.top-section {
    position: relative;
    z-index: 10;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 91px;
}
.top-section-el {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    height: 100%;
    position: relative;
}

.top-section-el-in {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    margin-top: -30px;
}

a.top-section-el:hover {
    opacity: 0.9;
    text-decoration: none;
}
a.top-section-el .icon:before {
    position: relative;
    z-index: 20;
    transition: all 0.3s ease-in-out;
}
a.top-section-el .icon:after {
    z-index: 1;
    transition: all 0.3s ease-in-out;
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: #b1262e;
    opacity: 0;
    margin: auto;
    position: absolute;
    left: -60px;
    right: -60px;
    top: -62px;
    bottom: -60px;
    border-radius: 100%;
    border-radius: var();
    transform: scale(0.7);
}
a.top-section-el:hover .icon:after {
    transform: scale(1);
    transition: all 0.15s ease;
    opacity: 1;
}
a.top-section-el:hover .icon:before {
    transition: all 0.15s ease;
    color: #fff;
}
a.top-section-el--cart .icon:after {
    background: #fff;
}
a.top-section-el--cart:hover .icon:before {
    color: #b1262e;
}
.top-section-el.top-section-el--center {
    width: auto;
    text-align: center;
}
.kr-sections-bar {
    background-color: #b4b4b4;
    background: -moz-linear-gradient(
        top,
        rgba(180, 180, 180, 0) 0%,
        rgba(180, 180, 180, 1) 75%,
        rgba(180, 180, 180, 0) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(180, 180, 180, 0) 0%,
        rgba(180, 180, 180, 1) 75%,
        rgba(180, 180, 180, 0) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(180, 180, 180, 0) 0%,
        rgba(180, 180, 180, 1) 75%,
        rgba(180, 180, 180, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4b4b4', endColorstr='#00b4b4b4',GradientType=0 );
    max-width: 100%;
    width: 80%;
    /* padding: 0 80px; */
    position: relative;
    height: 2px;
    display: inline-block;
    text-align: justify;
    top: 19%;
}
.kr-sections-bar:after {
    content: '';
    width: 100%;
    display: inline-block;
    clear: both;
}
.kr-sections-bar:before {
    transition: all 0.6s ease-in-out;
    content: '';
    height: 2px;
    background-color: #851d23;
    background: -moz-linear-gradient(
        top,
        rgba(133, 29, 35, 0) 0%,
        rgba(133, 29, 35, 1) 75%,
        rgba(133, 29, 35, 0) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(133, 29, 35, 0) 0%,
        rgba(133, 29, 35, 1) 75%,
        rgba(133, 29, 35, 0) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(133, 29, 35, 0) 0%,
        rgba(133, 29, 35, 1) 75%,
        rgba(133, 29, 35, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00851d23', endColorstr='#00851d23',GradientType=0 );
    width: 5%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}

.kr-sections-bar-dot {
    /* border: 1px solid #fff; */
    background: #b4b4b4;
    display: inline-block;
    border-radius: 100%;
    border-radius: var();
    width: 12px;
    height: 12px;
    position: relative;
    top: -8px;
}
.kr-sections-bar-dot:after {
    content: '';
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #851d23;
    display: block;
    border-radius: 100%;
    border-radius: var();
    width: 100%;
    height: 100%;
    transform: translateX(-50%) scale(0);
}
.kr-sections-bar-dot:before {
    content: '';
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    display: block;
    top: -50%;
    left: -50%;
    border-radius: 100%;
    border-radius: var();
    /* background: #851d23; */
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #9e2229;
    border: 2px solid var(--brand);
    width: 200%;
    height: 200%;
    transform: scale(0.7);
    opacity: 0;
}
.kr-sections-bar-dot:hover:before {
    transform: scale(1);
    opacity: 1;
}

.kr-sections-bar-info + .kr-sections-bar-dot:after {
    transition: all 0.5s ease-in-out 0.5s;
    /* background: #851d23; */
    transform: translateX(0%) scale(1);
}
.kr-bar-50 .kr-sections-bar-info + .kr-sections-bar-dot + .kr-sections-bar-dot:after {
    transition: all 0.5s ease-in-out 0.5s;
    /* background: #851d23; */
    transform: translateX(0%) scale(1);
}
.kr-bar-50:before {
    width: 50%;
}
.kr-bar-70:before {
    width: 70%;
}
.kr-bar-100
    .kr-sections-bar-info
    + .kr-sections-bar-dot
    + .kr-sections-bar-dot
    + .kr-sections-bar-dot:after {
    transition: all 0.5s ease-in-out 0.5s;
    /* background: #851d23; */
    transform: translateX(0%) scale(1);
}
.kr-bar-100:before {
    width: 100%;
}

.kr-sections-bar-info {
    color: #ababab;
    font-size: 11px;
    text-transform: uppercase;
    position: absolute;
    right: 100%;
    padding-right: 15px;
    white-space: nowrap;
    top: -8px;
}
.kr-sections-bar-info strong {
    font-weight: normal;
    color: #262626;
}

.top-section-el .icon {
    position: absolute;
    left: 0;
    width: 33%;
    text-align: center;
    font-size: 31px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    line-height: 1em;
    height: 31px;
}

.top-section-el.top-section-el--info .top-section-el-in {
    padding: 0 10px 0 30%;
    color: #9e2229;
    color: var(--brand);
}

.top-section-el.top-section-el--info:after {
    content: '';
    top: 30px;
    bottom: 30px;
    left: 0;
    position: absolute;
    display: block;
    border-left: 1px solid #ccc;
}

.top-section-el.top-section-el--cart {
    width: 16%;
    background: #b1262e;
}
.top-section-el.top-section-el--cart .top-section-el-in {
    padding: 0 10px 0 30%;
    color: #fff;
    line-height: 1.05em;
    height: 50px;
    margin-top: -25px;
}

.top-section-el--title {
    font-size: 11px;
    display: block;
    text-transform: uppercase;
    padding-left: 1px;
}
.top-section-el--black {
    color: #262626;
}

.top-section-el--number {
    font-size: 18px;
    display: block;
    line-height: 1.2em;
    white-space: nowrap;
}
.top-section-el--count {
    font-size: 10px;
    padding-left: 1px;
    display: block;
}

.top-section-el--text {
    display: block;
    font-size: 9px;
    color: #262626;
    text-transform: uppercase;
}
.top-section-el--text--hint {
    display: block;
    font-size: 9px;
    color: #777;
    text-transform: uppercase;
}

.expandMenu ul {
    padding: 0;
    margin: 0;
}
.expandMenu li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    background: #fff;
}
.expandMenu ul > li > ul,
.expandMenu--right > ul {
    transition: all 0.2s ease-out 0.1s;
    transform-origin: 0 0;
    opacity: 0;
    z-index: 10;
    visibility: hidden;
}
.expandMenu ul > li > ul {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    margin-top: -1px;
    transform-origin: 0 0;
}
.expandMenu ul > li > ul > li > ul,
.expandMenu--right ul > li > ul {
    top: 0;
    left: 100%;
    margin-top: 0px;
    z-index: 10;
}

.expandMenu ul > li:hover > ul,
.expandMenu ul > li.active > ul,
.expandMenu--right.active > ul {
    opacity: 1;
    visibility: visible;
    transition: all 0.15s ease-out;
    z-index: 11;
}
.expandMenu ul > li > ul > li > ul > li:first-child:after,
.expandMenu--right ul > li > ul > li:first-child:after {
    /* background: red;  */
    content: '';
    position: absolute;
    height: 60px;
    width: 100%;
    top: 100%;
    z-index: -1;
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all 0s ease 0.5s;
    display: none;
    transform: skewX(0deg);
    right: 0;
}
.expandMenu ul > li > ul:hover > li > ul > li:first-child:after,
.expandMenu--right ul:hover > li > ul > li:first-child:after {
    display: block;
}
.expandMenu ul > li > ul > li:hover > ul > li:first-child:after,
.expandMenu--right ul > li:hover > ul > li:first-child:after {
    /* display: block; */
    transform: skewX(70deg);
    transition: all 0s ease 0.3s;
    right: 35%;
}
.expandMenu ul > li > ul > li:hover > ul > li:hover:first-child:after,
.expandMenu--right ul > li:hover > ul > li:hover:first-child:after {
    transform: skewX(0deg);
    transition: all 0s ease 0.5s;
    right: 0 !important;
    /* background-color: blue !important; */
}
.expandMenu ul > li > ul > li {
    display: block;
}

/*
 * Top bar
 */

.bar {
    background: #262626;
    width: 100%;
    font-size: 0.00001px;
    position: relative;
    z-index: 20;
    top: 0;
}
.bar li {
    display: inline-block;
    position: relative;
}
.bar li a {
    color: #919191;
    background: #262626;
    display: block;
    padding: 7px 16px;
    font-size: 11px;
    text-transform: uppercase;
    background: -moz-radial-gradient(
        center,
        ellipse cover,
        rgba(158, 34, 41, 1) 2%,
        rgba(158, 34, 41, 1) 22%,
        rgba(38, 38, 38, 1) 37%,
        rgba(38, 38, 38, 1) 100%
    );
    background: -webkit-radial-gradient(
        center,
        ellipse cover,
        rgba(158, 34, 41, 1) 2%,
        rgba(158, 34, 41, 1) 22%,
        rgba(38, 38, 38, 1) 37%,
        rgba(38, 38, 38, 1) 100%
    );
    background: radial-gradient(
        ellipse at center,
        rgba(158, 34, 41, 1) 2%,
        rgba(158, 34, 41, 1) 22%,
        rgba(38, 38, 38, 1) 37%,
        rgba(38, 38, 38, 1) 100%
    );
    background-size: 10000% 10000%;
    background-position: 50% 100%;

    transition: none;
    /* animation: none; */
}

@keyframes nomove {
    0% {
        transition: none !important;
    }
    100% {
        transition: none !important;
    }
}

.kr-fileMenu {
    border-bottom: 1px solid #d6d6d6;
    background: #fff;
    position: relative;
    z-index: 100;
    /* box-shadow: 0 10px 10px -5px rgba(56, 49, 39, 0.15); */
}

.kr-fileMenu ul {
    float: left;
}
.kr-fileMenu ul ul {
    width: 150px;
    box-shadow: 0 10px 10px -5px rgba(56, 49, 39, 0.15),
        0 5px 15px -5px rgba(56, 49, 39, 0.33) inset;
}
.kr-fileMenu ul li {
    background: none;
}
.kr-fileMenu a {
    color: #282828;
    padding: 6px 12px;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
}
a.kr-fileMenu-main {
    background: #9e2229;
    background: var(--brand);
    color: #fff;
}
.kr-fileMenu li > a:focus,
.kr-fileMenu li:hover > a {
    color: #fff;
    background: #b1262e;
    background: var(--brandLight);
}

.kr-fileMenuChangeType {
    background: #272727;
    float: right;
    width: 335px;
    text-align: center;
}

.kr-fileMenuChangeType a {
    background: #272727;
    color: #fff;
}
.kr-fileMenuChangeType a:hover {
    background: #9e2229;
    background: var(--brand);
}

.kr-hotkey {
    font-size: 9px;
    color: #555;
    opacity: 0.5;
    display: inline-block;
    background: #eee;
    float: right;
    padding: 1px 2px;
    font-style: normal;
    font-weight: normal;
    border-radius: 3px;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?zgfq5');
    src: url('fonts/icomoon.eot?zgfq5#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?zgfq5') format('truetype'),
        url('fonts/icomoon.woff?zgfq5') format('woff'),
        url('fonts/icomoon.svg?zgfq5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^='icon-'],
[class*=' icon-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ZMNIEJSZ:before {
    content: '\e93b';
}
.icon-ZASTOSOWANIE-PUBLICZNE:before {
    content: '\e954';
}
.icon-ZAPROPONUJ-MI-COS:before {
    content: '\e955';
}
.icon-ZAPISZ:before {
    content: '\e956';
}
.icon-X-USUN:before {
    content: '\e957';
}
.icon-WYMIAROWANIE:before {
    content: '\e958';
}
.icon-V-CHECK:before {
    content: '\e959';
}
.icon-TRASH2:before {
    content: '\e95a';
}
.icon-TRASH:before {
    content: '\e95b';
}
.icon-TARGET:before {
    content: '\e95c';
}
.icon-SO-SOFT:before {
    content: '\e95d';
}
.icon-SO-SAD:before {
    content: '\e95e';
}
.icon-SMILE:before {
    content: '\e95f';
}
.icon-SKALUJ:before {
    content: '\e960';
}
.icon-SING:before {
    content: '\e961';
}
.icon-SHIELD:before {
    content: '\e962';
}
.icon-shapes:before {
    content: '\e963';
}
.icon-REFRESH:before {
    content: '\e964';
}
.icon-PODGLADV1:before {
    content: '\e965';
}
.icon-PODGLAD:before {
    content: '\e966';
}
.icon-OPOXNIOONA-WYSYLKA:before {
    content: '\e967';
}
.icon-OMG:before {
    content: '\e968';
}
.icon-ODBIJ-W-POZIOMIE:before {
    content: '\e969';
}
.icon-ODBIJ-W-PIONIE:before {
    content: '\e96a';
}
.icon-OBR:before {
    content: '\e96b';
}
.icon-MEBELKI-DO-PRZESZKADZANIA:before {
    content: '\e96c';
}
.icon-LIKE:before {
    content: '\e96d';
}
.icon-KONFIGURUJ:before {
    content: '\e96e';
}
.icon-KOLOR-CIANY:before {
    content: '\e96f';
}
.icon-HAPPY:before {
    content: '\e970';
}
.icon-FIRE:before {
    content: '\e971';
}
.icon-ESTETYKS:before {
    content: '\e972';
}
.icon-ESTETYKA2:before {
    content: '\e973';
}
.icon-DODAJ-SWIATLO:before {
    content: '\e974';
}
.icon-DOCICIE-PANELI-2:before {
    content: '\e975';
}
.icon-DOCIECIE-PANELI:before {
    content: '\e976';
}
.icon-colors:before {
    content: '\e977';
}
.icon-CHECK2:before {
    content: '\e978';
}
.icon-AKUSTYKA:before {
    content: '\e979';
}
.icon-D:before {
    content: '\e97a';
}
.icon-zoom-out:before {
    content: '\e934';
}
.icon-zoom-in:before {
    content: '\e935';
}
.icon-zdjecie:before {
    content: '\e937';
}
.icon-warstwy:before {
    content: '\e938';
}
.icon-warning:before {
    content: '\e939';
}
.icon-undo:before {
    content: '\e93a';
}
.icon-Synchronize:before {
    content: '\e93f';
}
.icon-sunshine:before {
    content: '\e940';
}
.icon-SHARE:before {
    content: '\e941';
}
.icon-save:before {
    content: '\e942';
}
.icon-rotate:before {
    content: '\e943';
}
.icon-right:before {
    content: '\e944';
}
.icon-redo:before {
    content: '\e945';
}
.icon-outgoing-2:before {
    content: '\e946';
}
.icon-outgoing:before {
    content: '\e947';
}
.icon-mniam-mniam:before {
    content: '\e948';
}
.icon-let-it-burn:before {
    content: '\e949';
}
.icon-left:before {
    content: '\e94a';
}
.icon-info:before {
    content: '\e94b';
}
.icon-High-Priority:before {
    content: '\e94c';
}
.icon-get-help:before {
    content: '\e94d';
}
.icon-gear:before {
    content: '\e94e';
}
.icon-fotki:before {
    content: '\e94f';
}
.icon-all-in:before {
    content: '\e950';
}
.icon-038:before {
    content: '\e951';
}
.icon-037:before {
    content: '\e952';
}
.icon-029:before {
    content: '\e953';
}
.icon-add:before {
    content: '\e901';
}
.icon-error:before {
    content: '\e902';
}
.icon-menu:before {
    content: '\e904';
}
.icon-minus:before {
    content: '\e905';
}
.icon-no:before {
    content: '\e907';
}
.icon-half:before {
    content: '\e908';
}
.icon-pin:before {
    content: '\e90a';
}
.icon-star:before {
    content: '\e90b';
}
.icon-download:before {
    content: '\e90c';
}
.icon-upload:before {
    content: '\e90d';
}
.icon-ok:before {
    content: '\e90e';
}
.icon-text:before {
    content: '\e90f';
}
.icon-yes:before {
    content: '\e910';
}
.icon-right1:before {
    content: '\e911';
}
.icon-roll:before {
    content: '\e912';
}
.icon-pause:before {
    content: '\e913';
}
.icon-record:before {
    content: '\e914';
}
.icon-left-arrow:before {
    content: '\e915';
}
.icon-right-arrow:before {
    content: '\e916';
}
.icon-text-left:before {
    content: '\e917';
}
.icon-target1:before {
    content: '\e918';
}
.icon-prev:before {
    content: '\e919';
}
.icon-lock:before {
    content: '\e91a';
}
.icon-unlock:before {
    content: '\e91b';
}
.icon-eye:before {
    content: '\e91c';
}
.icon-mark:before {
    content: '\e91d';
}
.icon-pencil:before {
    content: '\e91e';
}
.icon-happy:before {
    content: '\e91f';
}
.icon-neutral:before {
    content: '\e920';
}
.icon-sad:before {
    content: '\e921';
}
.icon-flag:before {
    content: '\e922';
}
.icon-tag:before {
    content: '\e923';
}
.icon-button:before {
    content: '\e924';
}
.icon-window:before {
    content: '\e925';
}
.icon-full-screen:before {
    content: '\e926';
}
.icon-dollars:before {
    content: '\e927';
}
.icon-file:before {
    content: '\e928';
}
.icon-book:before {
    content: '\e929';
}
.icon-clock:before {
    content: '\e92a';
}
.icon-pokeball:before {
    content: '\e92b';
}
.icon-chat:before {
    content: '\e92c';
}
.icon-reply:before {
    content: '\e92d';
}
.icon-zoon-in:before {
    content: '\e92e';
}
.icon-zoon-out:before {
    content: '\e92f';
}
.icon-change:before {
    content: '\e930';
}
.icon-love:before {
    content: '\e931';
}
.icon-3D:before {
    content: '\e932';
}
.icon-ask:before {
    content: '\e933';
}
.icon-cart:before {
    content: '\e936';
}
.icon-phone-call:before {
    content: '\e93c';
}
.icon-Attention:before {
    content: '\e903';
}
.icon-Cancel-2:before {
    content: '\e93d';
}
.icon-Checkmark:before {
    content: '\e900';
}
.icon-High-Priority1:before {
    content: '\e93e';
}
.icon-Info:before {
    content: '\e906';
}
.icon-Search2:before {
    content: '\e909';
}
.icon-google-plus:before {
    content: '\ea8b';
}
.icon-facebook:before {
    content: '\ea90';
}
.icon-instagram:before {
    content: '\ea92';
}
.icon-twitter:before {
    content: '\ea96';
}
.icon-vk:before {
    content: '\ea98';
}
.icon-rss:before {
    content: '\ea9b';
}
.icon-youtube:before {
    content: '\ea9d';
}
.icon-flickr2:before {
    content: '\eaa4';
}
.icon-behance:before {
    content: '\eaa8';
}
.icon-blogger:before {
    content: '\eab7';
}
.icon-linkedin2:before {
    content: '\eaca';
}
.icon-pinterest2:before {
    content: '\ead2';
}

.icon--mirrorX {
    transform: scaleX(-1);
}
.icon--mirrorY {
    transform: scaleY(-1);
}

/* 
 *socialButtons 
*/

.socialButtons {
    clear: both;
    display: block;
    margin: 0;
    font-size: 0;
}
.footer .socialButtons {
    margin: 25px 0;
}
.socialButtons .socialButton {
    overflow: hidden;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: rgba(100, 100, 100, 0.35);
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;

    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;

    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15), 1px 1px 0px rgba(70, 70, 70, 1),
        2px 2px 0px rgba(70, 70, 70, 1), 3px 3px 0px rgba(70, 70, 70, 1),
        4px 4px 0px rgba(70, 70, 70, 1), 5px 5px 0px rgba(70, 70, 70, 1),
        6px 6px 0px rgba(70, 70, 70, 1), 7px 7px 0px rgba(70, 70, 70, 1),
        8px 8px 0px rgba(70, 70, 70, 1), 9px 9px 0px rgba(70, 70, 70, 1),
        10px 10px 0px rgba(70, 70, 70, 1), 11px 11px 0px rgba(70, 70, 70, 1),
        12px 12px 0px rgba(70, 70, 70, 1), 13px 13px 0px rgba(70, 70, 70, 1),
        14px 14px 0px rgba(70, 70, 70, 1), 15px 15px 0px rgba(70, 70, 70, 1),
        16px 16px 0px rgba(70, 70, 70, 1), 17px 17px 0px rgba(70, 70, 70, 1),
        18px 18px 0px rgba(70, 70, 70, 1), 19px 19px 0px rgba(70, 70, 70, 1),
        20px 20px 0px rgba(70, 70, 70, 1), 21px 21px 0px rgba(70, 70, 70, 1),
        22px 22px 0px rgba(70, 70, 70, 1);
}
.socialButtons .socialButton:before {
    color: #fff;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 25px;
    margin-top: -13px;
}
.socialButtons .socialButton:hover {
    background: #c72b34;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35), -1px 0px 0px rgba(70, 70, 70, 0.1),
        -2px 1px 0px rgba(70, 70, 70, 0.1), -3px 2px 1px rgba(70, 70, 70, 0.1),
        -4px 3px 1px rgba(70, 70, 70, 0.1), -5px 4px 2px rgba(70, 70, 70, 0.1),
        -6px 5px 2px rgba(70, 70, 70, 0.1), -7px 6px 3px rgba(70, 70, 70, 0.1),
        -8px 7px 3px rgba(70, 70, 70, 0.1), -9px 8px 4px rgba(70, 70, 70, 0.1),
        -10px 9px 4px rgba(70, 70, 70, 0.1), -11px 10px 5px rgba(70, 70, 70, 0.1),
        -12px 11px 5px rgba(70, 70, 70, 0.1), -13px 12px 6px rgba(70, 70, 70, 0.1),
        -14px 13px 6px rgba(70, 70, 70, 0.1), -15px 14px 7px rgba(70, 70, 70, 0.1),
        -16px 15px 7px rgba(70, 70, 70, 0.1), -17px 16px 8px rgba(70, 70, 70, 0.1),
        -18px 17px 8px rgba(70, 70, 70, 0.1), -19px 18px 9px rgba(70, 70, 70, 0.1),
        -20px 19px 9px rgba(70, 70, 70, 0.1), -21px 20px 10px rgba(70, 70, 70, 0.1),
        -22px 21px 10px rgba(70, 70, 70, 0.1);
    /* text-shadow: 1px 1px 15px rgba(0,0,0,0.35),
					 0px 0px 5px rgba(0,0,0,0.3); */
}
.socialButtons-mini .socialButton {
    width: 23px;
    height: 23px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.socialButtons-mini .socialButton:before {
    font-size: 13px;
    line-height: 13px;
    margin-top: -6px;
}

.socialButtons .socialButton.icon-facebook:hover {
    background: #3b5998;
}
.socialButtons .socialButton.icon-google-plus:hover {
    background: #e70528;
}
.socialButtons .socialButton.icon-twitter:hover {
    background: #62a9ec;
}
.socialButtons .socialButton.icon-youtube:hover {
    background: #e70528;
}
.socialButtons .socialButton.icon-blogger:hover {
    background: #ffc000;
}
.socialButtons .socialButton.icon-instagram:hover {
    background: #ca215c;
}
.socialButtons .socialButton.icon-rss:hover {
    background: #faa424;
}

.socialButton:last-child {
    margin-right: 0;
}

.secL {
    float: left;
    width: 25%;
    clear: left;
}
.secR {
    float: right;
    width: 75%;
}

.kr-fotoSet {
    display: none;
}

/*
 * Modyfikatory
 */

.kr-disabled {
    pointer-events: none;
    opacity: 0.6;
}
.kr-disabled--remove {
    transition: all 0.25s ease 0s;
}
.kr-disabled.kr-disabled--remove {
    opacity: 0;
    overflow: hidden;
    transition: all 0.25s ease 0s;
    width: 0;
    height: 0;
    font-size: 0.000001em;
    padding-left: 0;
    padding-right: 0;
}
.kr-disabled:after {
    display: block;
    content: '';
    background: rgba(100, 100, 100, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tar {
    text-align: right;
}
.tac {
    text-align: center;
}
.tal {
    text-align: left;
}

/* Small tablets */
@media only screen and (max-width: 800px) {
    .span,
    .secL,
    .secR {
        float: none;
        width: auto;
    }
    .secR {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

#kreatorProductList {
    border: none;
}

.kreatorProductList {
    margin: 1rem 0;
    text-align: left;
    user-select: text !important;
    border-top: 1px solid #e0e0e0;
    padding-bottom: 6rem;
}

.productForm-labelName--pushBottom{
    top:2rem;
}

.kreatorProductList-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem 0;
}

.no-js * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.fullArea {
    width: 100%;
    width: calc(100% + 50px);
    margin-left: -25px;
    margin-right: -25px;
    border-width: 0;
    height: 100%;
    padding: 25px;
}
.-kreatorFull {
    overflow: hidden;
}
.-kreatorFull .footer {
    display: none;
}

.kreator .-section-hide {
    display: none;
}

.section-settings {
    position: relative;
    margin-bottom: -50px;
    top: -20px;
}

.button[data-href='kreator'] {
    margin-bottom: 75px;
}

/* *********************************************************************************************** */

#productPow{
    border-bottom:1px solid #dddddd;
}

#productPow .h2{
    margin:0;
}