* {
    box-sizing: border-box;
    outline: none;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {

    html,
    body {
        overflow: auto;
    }
}

.scrollable-page {
    overflow: auto;
}

.inline-blocks {
    display: inline-block;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #000000;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    body {
        font-size: 16px;
    }
}

img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin: 0;
}

h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0 0 18px;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    h2 {
        font-size: 20px;
        font-weight: 400;
    }
}

h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin: 0;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    h3 {
        font-size: 16px;
    }
}

.tabs-titles {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin: 0;
}

/* @media only screen and (min-width: 782px) and (orientation: landscape) {
h3 {
font-size: 16px; } }
} */

p {
    margin-top: 0;
    margin-bottom: 8px;
}

a,
input,
textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 400;
    text-decoration: none;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {

    a,
    input,
    textarea {
        font-size: 16px;
    }
}

ul {
    margin: 0;
    padding-left: 20px;
}

.upper-case {
    text-transform: uppercase;
}

.classic-list li:not(:last-child) {
    margin-bottom: 4px;
}

.no-bullets {
    list-style: none;
    padding: 0;
}

.no-wrap-text {
    white-space: nowrap;
}

.small-normal,
label {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 400;
    color: #575757;
}

.small {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.xSmall {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    line-height: 1.6;
    font-weight: 400;
}

.notice {
    margin-top: 16px;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .notice {
        margin-top: 24px;
    }
}

.orange-font {
    color: #F77B1D;
}

.white-font {
    color: #ffffff;
}

.light-black-font {
    color: #575757;
}

.white-link {
    color: #ffffff;
}

.white-link h3,
.white-link span {
    display: inherit;
    padding-left: 13px;
}

.orange-link {
    cursor: pointer;
    font-size: 12px;
    color: #F77B1D;
    text-decoration: underline;
}

.gray-link {
    font-size: 12px;
    color: #969696;
    text-decoration: underline;
    cursor: pointer;
}

.semi-bold {
    font-weight: 500;
}

#grid-wrapper {
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas: "header""main""footer";
    justify-items: stretch;
    align-items: stretch;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.container--bg-gray {
    background-color: #EEEEEE;
}

.container--move-from-top {
    padding-top: 24px;
}

.container-position {
    margin-top: 43px;
    padding-bottom: 49.6px;
}

@media only screen and (min-width: 782px) {
    .container-position {
        margin-top: 104.8px;
    }
}

.full-screen-container {
    max-width: 1520px;
    margin: 0 auto;
}

.full-screen-container-bigger {
    max-width: 1416px;
    margin: 0 auto;
    padding: 0 25px;
}

.inline-as-block {
    display: block;
    margin-bottom: 2px;
}

.hidden {
    display: none;
}

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

@media only screen and (orientation: portrait) {
    .mobile-hide {
        display: none;
    }

    .desktop-hide {
        display: block;
    }
}

@media only screen and  (orientation: landscape) {
    .mobile-hide {
        display: block;
    }

    .desktop-hide {
        display: none;
    }
}

.bg-dark-gray {
    background-color: #969696;
}

.bg-white-gray {
    background-color: #F4F4F4;
}

.fixed-position {
    position: fixed;
    /* Top is calculated in JS */
    left: 0;
    width: 100%;
    z-index: 2;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .fixed-position {
        position: static;
        width: auto;
    }
}

.flex-line {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .flex-line--desktop {
        display: flex !important;
    }
}

.flex-line.align-top {
    align-items: flex-start;
}

.flex-line.align-stretch {
    align-items: stretch;
}

.flex-line.flow-wrap {
    flex-flow: row wrap;
}

.flex-line.space-between {
    justify-content: space-between;
}

.flex-line.justify-center {
    justify-content: center;
}

.flex-line.justify-end {
    justify-content: flex-end;
}

.flex-line .full {
    flex: 1 0 100%;
}

.flex-line .one-half {
    flex: 0 1 50%;
}

.flex-line .one-half-with-space {
    flex: 0 1 48%;
}

.flex-line .one-third {
    flex: 0 1 33.3%;
}

.flex-line .two-third {
    flex: 0 1 66.6%;
}

.flex-line .one-fourth {
    flex: 0 1 25%;
}

.flex-line .three-fourth {
    flex: 0 1 75%;
}

.flex-line-form {
    display: flex;
    flex-flow: row nowrap;
}

.flex-line-form.align-top {
    align-items: flex-start;
}

.flex-line-form.space-between {
    justify-content: space-between;
}

.flex-line-form .one-half-with-space {
    flex: 0 1 48%;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .main-canvas {
        overflow-y: auto;
    }
}

.main-canvas--bg-gray {
    background-color: #EEEEEE;
}

.section {
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 28px 0;
}

.tabs-menu__link {
    position: relative;
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, 0.55);
    padding-bottom: 12px;
}

.tabs-menu__link--active,
.tabs-menu__link:hover {
    color: #000000;
}

.tabs-menu__link--active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000000;
}

.tabs__tab {
    padding-top: 24px;
}

.tabs__title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.color-pattern {
    min-width: 46px;
    width: 46px;
    height: 46px;
}

.color-pattern:not(:first-child) {
    margin-left: 12px;
}

@media only screen and (min-width: 1051px) {
    .color-pattern:not(:first-child) {
        margin-left: 0;
    }
}

.color-pattern--big {
    min-width: 84px;
    width: 84px;
}

.color-pattern--big-colors {
    min-width: 84px;
    width: 84px;
}

@media only screen and (min-width: 1367px) {
    .color-pattern--big {
        min-width: 100px;
        width: 100px;
    }
}

.color-pattern--small {
    min-width: 40px;
    width: 40px;
    height: 40px;
}

/*
@media only screen and (min-width: 1051px) {
    .slick-slider {
        margin-left: -8px;
    }
} */

/*@media only screen and (min-width: 1051px) {*/
/*    .slick-slider .color-pattern,*/
/*    .slick-slider .more-colors__pattern-txt {*/
/*        min-width: auto;*/
/*        height: auto;*/
/*        padding: 0 8px;*/
/*    }*/
/*} */

/*@media only screen and (min-width: 1051px) {*/
/*    .slick-slider .color-pattern,*/
/*    .slick-slider .more-colors__pattern-txt-extra {*/
/*        min-width: auto;*/
/*        height: auto;*/
/*        padding: 0 8px;*/
/*    }*/
/*} */

@media only screen and (min-width: 1051px) {
    .more-colors__pattern-txt {
        max-width: 100px;
        word-break: break-word;
    }
}

.more-colors__pattern-txt {
    max-width: 84px;
    word-break: break-word;
}

@media only screen and (min-width: 1050px) {
    .more-colors__pattern-txt {
        max-width: 84px;
    }
}

@media only screen and (min-width: 1367px) {
    .more-colors__pattern-txt {
        max-width: 100px;
    }
}

/*@media only screen and (min-width: 1051px) {*/
/*    .slick-slider .color-pattern, .slick-slider .more-colors__pattern-txt {*/
/*    min-width: auto;*/
/*    height: auto;*/
/*    !* padding: 0 8px;  *!*/
/*} }*/

/*@media only screen and (min-width: 1051px) {*/

/*    .slick-slider .color-pattern--big,*/
/*    .slick-slider .more-colors__pattern-txt--big {*/
/*        width: 116px;*/
/*        height: 58px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1051px) {*/

/*    .color-pattern--big-temp {*/
/*        width: 116px;*/
/*        height: 58px;*/
/*    }*/
/*}*/

@media only screen and (min-width: 1051px) {
    .premik-dodatkov {
        margin-bottom: 16px;
        margin-top: 12px;
    }
}

.premik-dodatkov .premik {
    margin-right: 12px;
}

.premik-dodatkov .slick-arrow {
    padding: 4px 0px 0px 9px;
}

.premik-dodatkov {
    margin-bottom: 24px;
    margin-top: 12px;
}

.slick-slider .slick-arrow {
    position: absolute;
    top: -37px;
}

@media only screen and (max-width: 781px) or (orientation: portrait) {
    .slick-slider .slick-arrow {
        display: none;
    }
}

.premik-dodatkov .title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
}

.premik-dodatkov .action-container {
    height: 33px;
    width: 33px;
}

.premik-dodatkov .action-container.right {
    margin-left: 10px
}

.premik-dodatkov .slick-arrow::before {
    background-image: url("../images/icons/slick-arrow-right-big.svg");
    width: 12px;
    height: 22px;
}

.premik-dodatkov .slick-arrow {
    height: 33px;
    width: 33px;
}


.direction-label {
    font-weight: 700;
    display: block;
}

.slick-arrow {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0.5px solid #575757;
    background: transparent;
    padding: 5px 7px;
}

.slick-arrow::before {
    content: '';
    display: block;
    width: 5px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url("../images/icons/slick-arrow-right.svg");
}

.slick-arrow.slick-prev {
    right: 28px;
}

.slick-arrow.slick-prev::before {
    transform: rotate(180deg);
}

.slick-arrow.slick-up::before {
    transform: rotate(270deg);
}

.slick-arrow.slick-down::before {
    transform: rotate(90deg);
}

.slick-arrow.slick-next {
    right: 0;
}

.slick-arrow.slick-disabled {
    opacity: .5;
}

button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    cursor: pointer;
}

.buttons-in-line li:not(:first-child) {
    margin-left: 15px;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .buttons-in-line li:not(:first-child) {
        margin-left: 8px;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .buttons-in-line {
        width: calc(100% + 16px);
        margin-left: -8px;
    }

    .buttons-in-line li {
        margin: 0 8px 16px;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .buttons-in-line {
        width: calc(100% + 16px);
        margin-left: -8px;
    }

    .buttons-in-line li {
        margin: 0 8px 16px;
    }
}

.buttons-in-line-dimensions {
    margin-left: -8px;
}

.buttons-in-line-dimensions-margin {
    /* width: calc(100% + 16px); */
    margin-left: -8px;
}

.overflow-buttons {
    overflow-x: scroll;
    overflow-y: hidden;
}

.overflow-buttons::-webkit-scrollbar {
    display: none;
}

@media only screen and (min-width: 1051px) {
    .overflow-buttons {
        overflow: visible;
        display: block;
    }
}

@media only screen and (min-width: 1051px) {
    .overflow-buttons--desktop-flex {
        display: flex;
    }
}

@media only screen and (min-width: 1051px) {
    .overflow-buttons--desktop-flex .more-colors__pattern:not(:first-child) {
        margin-left: 12px;
    }
}

.square-round {
    color: #666666;
    background: #EFEFEF;
    border: 1px solid #EFEFEF;
    padding: 9px 14px;
    cursor: pointer
}

.square-round__text.dimenzije {
    line-height: 14px;
    display: block;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .square-round {
        padding: 12px 20px;
    }
}

/*
@media only screen and (min-width: 782px) and (orientation: landscape) {
    .square-round-dimensions {
        padding: 10px 18px;
    }
}
*/

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .square-round-dimensions {
        /*padding: 12px !important; */
        padding: 0px 5px !important;
        height: 49px;
        /* width: 100%;
        min-width: 49px;
        min-height: 49px; */

    }

    .slick-slider-dimensions .slick-slide:last-child .square-round__text.dimenzije {
        word-break: break-word;
    }
}

.ul, .slick-slider-dimensions:last-child, .square-round__text.dimenzije {
    word-break: break-word;
}

@media only screen and (min-width: 1601px) {
    .square-round-dimensions {
        padding: 0px 5px !important;
        height: 49px;
    }
}

/* .slick-slider-dimensions .slick-list {margin: 0 -5px;}*/
.slick-slider-dimensions .slick-slide:not(:first-child) > div {
    padding: 0 5px;
}

.slick-slider-dimensions .slick-slide:first-child > div {
    padding-right: 5px;
}

@media only screen and (min-width: 1601px) {
    .slick-size5 .slick-list .slick-track {
        width: auto !important;
    }
}

.slick-track {
    margin-left: 0px !important;
}

@media only screen and (min-width: 1601px) {
    .square-round {
        padding: 14px 24px;
    }
}

.square-round--yes {
    border-radius: 5px;
}

.square-round--min-width {
    min-width: 84px;
    text-align: center;
}

.square-round--input-small {
    width: 119px;
    text-align: center;
    border: 0.5px solid #575757;
    background-color: transparent;
}

.square-round--input-medium {
    /* width: 141px; */
    text-align: center;
}

.square-round--input-big {
    width: 200px;
}

@media only screen and (min-width: 1051px) {
    .square-round--input-big {
        width: 230px;
    }
}

@media only screen and (min-width: 1601px) {
    .square-round--input-big {
        width: 250px;
    }
}

.square-round--active {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000;
}


.button-footer {
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 16px 22px;
}

@media only screen and (min-width: 1441px) {
    .button-footer {
        padding: 24px;
    }
}

.button-footer--gray {
    background-color: #969696;
}

.button-footer--orange {
    background-color: #F77B1D;
}

.ico-upload {
    display: block;
    width: 61.76px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/upload.svg");
}

.ico-position {
    display: block;
    width: 57px;
    height: 57px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/position.svg");
}

.ico-config {
    display: block;
    width: 38px;
    height: 43.18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/config.svg");
}

.ico-next {
    display: block;
    width: 12px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/next.svg");
}

.ico-filter-hamburger {
    display: block;
    width: 23px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/filter.svg");
}

.ico-hamburger {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
}

.ico-hamburger__mid,
.ico-hamburger::before,
.ico-hamburger::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000000;
}

.ico-hamburger__mid {
    top: 50%;
    transform: translateY(-50%);
}

.ico-hamburger::before,
.ico-hamburger::after {
    content: '';
}

.ico-hamburger::before {
    top: 0;
}

.ico-hamburger::after {
    bottom: 0;
}

.ico-arrow-back {
    cursor: pointer;
    display: block;
    width: 18px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/arrow-left.svg");
}

.ico-arrow-left--disabled svg path {
    stroke: #969696;
}

.ico-pdf-file {
    display: block;
    width: 17px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/pdf-list.svg");
}

.ico-pdf-file-black {
    display: block;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/pdf-write-black.svg");
}

.ico-save-return {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/save-return.svg");
}

.ico-save-return-black {
    display: block;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/save-return-black.svg");
}

.ico-send-link {
    display: block;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/send-url.svg");
}

.ico-download-pdf {
    display: block;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/download-pdf.svg");
}

.ico-print {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/print.svg");
}

.ico-salon {
    display: block;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/salon.svg");
}

.ico-close {
    display: block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/close.svg");
}

.ico-close-white {
    display: block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/close-white.svg");
}

.ico-search-interface {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/search-interface.svg");
    cursor: pointer;
}

.ico-search {
    display: block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/search.svg");
}

.ico-search-mobile {
    display: block;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/search-mobile.svg");
}

.ico-plus {
    display: block;
    width: 10px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/plus.svg");
    background-position: center;
}

.ico-minus {
    display: block;
    width: 5px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/minus.svg");
    background-position: center;
}

.ico-delimiter-straight {
    display: block;
    width: 1px;
    height: 28px;
    background-color: #000000;
    margin: 0 24px;
}

.ico-delimiter-straight--small {
    width: 0.7px;
    height: 13px;
    background-color: #969696;
    margin: 0 14px;
}

.ico-delimiter-straight--longer {
    background-color: #666666;
    width: 0.5px;
    height: 41px;
    margin: 0 20px;
}

.ico-delimiter-line {
    display: block;
    width: 100%;
    height: 0.5px;
    background-color: #666666;
    margin: 24px 0;
}

.ico-delimiter-line--empty {
    background-color: transparent;
    margin: 16px 0;
}

.ico-delimiter-line--form {
    height: 8px;
    background-color: #EFEFEF;
}

.ico-door-bottom {
    display: block;
    width: 64vw;
    height: 12px;
}

.ico-door-bottom svg {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .ico-door-bottom svg {
        width: 50vw;
        height: 29px;
    }
}

.ico-outside {
    display: block;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/zunaj.svg");
}

@media only screen and (min-width: 1441px) {
    .ico-outside {
        width: 60px;
        height: 60px;
    }
}

.ico-inside {
    display: block;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/znotraj.svg");
}

@media only screen and (min-width: 1441px) {
    .ico-inside {
        width: 60px;
        height: 60px;
    }
}

.ico-bg-gray {
    display: block;
    width: 23px;
    height: 23px;
    background-color: #EEEEEE;
}

@media only screen and (min-width: 1441px) {
    .ico-bg-gray {
        width: 36px;
        height: 36px;
    }
}

.ico-frame {
    display: block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/frame.svg");
}

.ico-fasada {
    display: block;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/barva-fasade.svg");
}

@media only screen and (min-width: 1441px) {
    .ico-fasada {
        width: 60px;
        height: 60px;
    }
}

@media only screen and (min-width: 1441px) {
    .ico-frame {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 781px) {
    .sales-banner.mobile-hide {
        display: none;
    }
}

.sales-banner {
    background-color: #666666;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 56px;
    z-index: 999;
}

.sales-banner p {
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
}

.sales-banner i {
    position: absolute;
    right: 16px;
    cursor: pointer;
}

.header {
    padding: 16px 16px 0px 16px;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 782px) {
    .header {
        padding: 16px;
    }
}

@media only screen and (max-width: 781px) or (orientation: portrait) {
    .header {
        padding: 8px 16px 8px 16px;
    }
}

@media only screen and (min-width: 782px) and (orientation: portrait) {
    .header {
        padding: 8px 16px 0px 16px;
    }

    .container-position {
        margin-top: 43px !important;
    }
}

@media only screen and (min-width: 1441px) {
    .header {
        padding: 24px;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .header__main.space-between {
        justify-content: center;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .header__main.space-between.desktop-space-between {
        justify-content: space-between;
    }
}

.header__secondary {
    overflow-x: scroll;
    overflow-y: hidden;
    margin-top: 16px;
}

.header__secondary::-webkit-scrollbar {
    display: none;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .header__secondary {
        display: none;
    }
}

.logo {
    line-height: 0;
}

.logo__image {
    background-image: url('../images/INOTHERM_logo_2023.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 20px;
    line-height: 0;
}

@media only screen and (min-width: 1441px) {
    .logo img {
        max-width: 140px;
        width: 140px;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .filter-hamburger {
        display: none;
    }
}

.filter-hamburger__ico {
    margin-right: 5px;
}

.filter-hamburger__number {
    font-size: 16px;
}

.filter-hamburger.disabled {
    opacity: 0.5;
}

.mobile-header-filters-hamburgerMenu {
    /* display: hidden; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding: 16px 16px 0;
    z-index: 2;
}

.mobile-header-filters-homepage {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding: 16px 16px 0;
    z-index: 2;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .mobile-header-filters--desktop {
        width: 40%;
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width: 1367px) {
    .mobile-header-filters--desktop {
        width: 631px;
    }
}

.mobile-header-filters__top {
    max-height: 85%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mobile-header-filters__top::-webkit-scrollbar {
    display: none;
}

.mobile-header-filters .close-configurator-menu-text {
    margin-right: 16px;
}

.mobile-header-filters__section {
    margin-top: 24px;
    border-top: 0.5px solid #000000;
    padding-top: 24px;
}

.mobile-header-filters__section.search-doors-mobile,
.mobile-header-filters__section:nth-child(3) {
    border-top: none;
}

.mobile-header-filters__section--header,
.mobile-header-filters__section--footer {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}

.mobile-header-filters__section--header .mobile-header-filters__title {
    margin-bottom: 0;
    margin-left: 10px;
}

.mobile-header-filters__section--footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mobile-header-filters {
    display: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding: 16px 16px 0;
    z-index: 2;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .mobile-header-filters--desktop {
        width: 40%;
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width: 1367px) {
    .mobile-header-filters--desktop {
        width: 631px;
    }
}

.mobile-header-filters__top {
    max-height: 85%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mobile-header-filters__top::-webkit-scrollbar {
    display: none;
}

.mobile-header-filters .close-configurator-menu-text {
    margin-right: 16px;
}

.mobile-header-filters__section {
    margin-top: 24px;
    border-top: 0.5px solid #000000;
    padding-top: 24px;
}

.mobile-header-filters__section.search-doors-mobile,
.mobile-header-filters__section:nth-child(3) {
    border-top: none;
}

.mobile-header-filters__section--header,
.mobile-header-filters__section--footer {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}

.mobile-header-filters__section--header .mobile-header-filters__title {
    margin-bottom: 0;
    margin-left: 10px;
}

.mobile-header-filters__section--footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mobile-header-configurator-steps {
    padding: 24px 16vw;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .mobile-header-configurator-steps {
        padding: 48px 24px;
    }
}

.mobile-header-configurator-steps__title {
    text-align: center;
    margin-bottom: 36px;
    border-bottom: 0.5px solid #666666;
    padding-bottom: 20px;
}

@media only screen and (max-width: 350px) {
    .mobile-header-configurator-steps__title {
        margin-bottom: 24px;
        padding-bottom: 16px;
    }
}

.mobile-header-configurator-steps__menu {
    text-align: center;
}

.mobile-header-configurator-steps__menu li:not(:last-child) {
    margin-bottom: 24px;
}

@media only screen and (max-width: 350px) {
    .mobile-header-configurator-steps__menu li:not(:last-child) {
        margin-bottom: 16px;
    }
}

.more-colors__paddingRight:not(:last-child) {
    margin-right: 15px;
}

.mobile-header-configurator-steps__item--active button {
    color: #F77B1D;
}

.mobile-header-configurator-steps__item--active button::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 9px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/arrow-orange.svg");
    margin-right: 12px;
}

.mobile-header-configurator-steps__item--active button h3 {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.mobile-header-configurator-selection {
    width: 90%;
    margin: 0 auto;
}

.mobile-header-configurator-selection > div {
    padding: 34px;
}

.mobile-header-configurator-selection > div button {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile-header-configurator-selection > div button span {
    font-weight: 400;
    text-align: center;
    margin-top: 8px;
}

/* .mobile-header-configurator-selection>div a:first-child {
    margin-right: 24px;
} */

.steps .ico-arrow-left {
    margin-right: 15px;
}

.steps .ico-arrow-right {
    margin-left: 15px;
}

.steps__name-of-section {
    margin-left: 15px;
}

.configurator-steps .steps .step-number {
    display: none;
}

.configurator-steps .steps .step-number.current {
    display: block;
}

.footer {
    z-index: 1;
}

.footer-icon-links {
    padding: 8px 0;
}

.footer-icon-links a {
    padding: 0 16px;
}

.footer-door-selector .full-screen-container {
    height: 100%;
    padding: 0 24px;
}

.footer-configurator-selection {
    padding: 16px 24px;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .footer-configurator-selection {
        display: flex !important;
    }
}

.footer-configurator-selection .review-order-button {
    max-width: 168px;
}

.footer {
    bottom: 0px;
}

.margin-zero {
    margin: 0px;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

input,
textarea {
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none;
}

#your-info input[type="number"] {
    -moz-appearance: textfield;
}

#your-info input::-webkit-outer-spin-button,
#your-info input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="checkbox"] {
    position: relative;
    min-width: 18px;
    width: 18px;
    height: 18px;
    background-color: #F4F4F4;
    margin: 0 16px 0 0;
    cursor: pointer;
}

input[type="checkbox"]:checked::after {
    content: "";
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #F77B1D;
    -webkit-mask: url("../images/icons/check-orange.svg") no-repeat 50% 50%;
    mask: url("../images/icons/check-orange.svg") no-repeat 50% 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.desktop-filters__section input[type="checkbox"]:checked::after {
    -webkit-mask: none;
    mask: none;
}

input[type="search"] {
    min-width: 250px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    padding: 0 0 8px;
}

@media only screen and (min-width: 1441px) {
    input[type="search"] {
        min-width: 400px;
    }
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

@media only screen and (max-width: 450px) {
    input[type="search"].smaller-search {
        min-width: 100px !important;
        max-width: 120px;
        text-align: right;
    }
}

input[type="search"].smaller-search {
    min-width: 164px;
    /* max-width: 120px; */
    text-align: right;
}

input[type="button"] {
    cursor: pointer;
}

input[type="submit"] {
    border: none;
    cursor: pointer;
}

textarea {
    min-height: 95px;
}

.cursor-pointer {
    cursor: pointer;
}

.search-combo {
    position: relative;
    margin-bottom: 0;
    margin-top: 10px;
}

.search-combo.mobile-hide {
    padding-left: 100px;
}

.search-combo input[type="search"] {
    position: relative;
    padding-right: 26px;
    padding-bottom: 12px;
    z-index: 0;
}

.search-combo button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.label-up {
    display: block;
    margin-bottom: 2px;
}

.form__header,
.review-header {
    position: relative;
    margin-bottom: 24px;
}

.form__header .go-back,
.review-header .go-back {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.form__header h2,
.review-header h2 {
    position: relative;
    text-align: center;
    margin-bottom: 0;
    padding: 0 22px;
}

.form__line {
    margin-bottom: 8px;
}

.form__input-wrapper {
    margin-bottom: 0;
}

.form__input-wrapper label {
    display: inline-block;
    margin-top: 8px;
}

.form__input-wrapper--checkbox:not(:last-child) {
    margin-bottom: 14px;
}

.floating-label {
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    position: relative;
}

.floating-label__input {
    border: none;
    padding: 0.5rem;
    height: 100%;
}

.floating-label__input:not(:placeholder-shown) + .floating-label__label {
    background: #fff;
    transform: translate(-24px, -73px);
    opacity: 1;
}

.floating-label__label {
    /* Position the label */
    left: 1rem;
    position: absolute;
    top: 100%;

    /* Hide it by default */
    opacity: 0;
    transition: all 200ms;
    transform: translate(0px, -50px);
    padding: 0 0.5rem;
}

.form__break-title,
.form__break-subtitle {
    display: inherit;
    text-align: center;
}

@media only screen and (min-width: 600px) {

    .form__break-title,
    .form__break-subtitle {
        text-align: left;
    }
}

.form__break-title {
    margin-bottom: 8px;
}

.form__break-subtitle {
    margin-bottom: 16px;
}

.form__input {
    border: 0.5px solid #000000;
    padding: 14px 24px;
}

.form__label-for-checkbox {
    margin-top: 4px !important;
}

.form__button-group .form__input-wrapper:not(:last-child) {
    margin-right: 8px;
}

.form__footer .footer-icon-links {
    padding: 16px 0;
}

.form__footer .footer-icon-links a {
    padding: 0 36px;
}

.grid-doors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 15px;
    padding: 15px 0;
}

@media only screen and (min-width: 600px) {
    .grid-doors {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .grid-doors {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding-top: 24px;
        gap: 35px;
        padding: 35px 0;
    }
}

@media only screen and (min-width: 1367px) {
    .grid-doors {
        grid-template-columns: 1fr 1fr 1fr 1fr  1fr;
    }
}

@media only screen and (min-width: 1601px) {
    .grid-doors {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

.grid-doors__single.selected {
    opacity: 0.8;
}

.grid-doors__single {
    text-align: center;
}

.grid-doors__select {
    cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 0;
    border: 5px solid transparent;
    width: 100%;
    height: 100%;
}

.grid-doors__select--active,
.grid-doors__select:hover {
    border: 5px solid #F77B1D;
}

.grid-doors__select--active .grid-doors__name-of-the-door,
.grid-doors__select:hover .grid-doors__name-of-the-door {
    display: block;
}

.grid-doors__name-of-the-door {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: 400;
    background: rgba(10, 10, 10, 0.4);
    padding: 8px;
}

.grid-doors__select:hover .grid-doors__configure-door-holder {
    display: block;
}

.grid-doors__configure-door-holder {
    display: none;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.grid-doors__configure-door {
    display: block;
    width: 80%;
    font-weight: 400;
    background-color: #F77B1D;
    font-size: 16px;
    padding: 10px;
    margin: 0 auto 0 auto;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .door-selector-wrapper .grid-doors-wrapper {
        flex: 0 1 72%;
        overflow-y: scroll;
        overflow-x: hidden;
        scrollbar-width: none;
        padding-bottom: 30px;
    }

    .door-selector-wrapper .grid-doors-wrapper::-webkit-scrollbar {
        display: none;
    }

    .door-selector-wrapper .desktop-filters {
        flex: 0 1 28%;
    }
}

.desktop-filter-checkbox {
    margin-bottom: -3px !important;
}

.desktop-filters {
    padding: 32px 44px;
}

desktop-filters__title {
    font-size: 16px;
    font-weight: 600;
}

.desktop-filters__section {
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: 0.5px solid #AEAEAE;
}

.desktop-filters__section .checkbox-filter {
    cursor: pointer;
    margin-right: 30px;
}

.desktop-filters .buttons-in-line {
    flex-flow: row wrap;
}

.footer-door-selector .two-third {
    flex: 0 1 61%;
}

@media only screen and (min-width: 1601px) {
    .footer-door-selector .two-third {
        flex: 0 1 72%;
    }
}

.footer-door-selector .one-third {
    flex: 0 1 39%;
}

@media only screen and (min-width: 1601px) {
    .footer-door-selector .one-third {
        flex: 0 1 28%;
    }
}

.show-door {
    min-height: 370px;
    background-color: #EEEEEE;
    box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .show-door {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
}

.show-door .selected-door {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    line-height: 0;
    /* padding-bottom: 12px; */
    /* padding-right: inherit; */
}

@media only screen and (max-width: 781px) or (orientation: portrait) {
    .show-door .selected-door {
        position: absolute;
        left: 0;
        right: 0;
    }
}

.show-door .selected-door .ico-door-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .show-door .selected-door .ico-door-bottom {
        bottom: 17px;
    }
}

.show-door--review {
    box-shadow: none;
}

.wide-screen {
    position: absolute;
    z-index: 3;
    top: 16px;
    left: 16px;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .wide-screen {
        top: 36px;
        left: 36px;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .wide-screen .ico-wide-screen svg {
        width: 30px;
        height: 30px;
    }
}

.filters-for-selected-door {
    position: absolute;
    top: 28px;
    right: 0;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .filters-for-selected-door {
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media only screen and (min-width: 1601px) {
    .filters-for-selected-door {
        right: 41px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media only screen and (min-width: 401px) {
    .filters-for-selected-door__view {
        margin-bottom: 34px;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) and (max-width: 1200px) {
    .filters-for-selected-door {
        display: inline-flex;
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(-5px, 5px);
    }

    .filters-for-selected-door__filters {
        display: inline-flex;
    }

    .filters-for-selected-door__bg .filters-for-selected-door__title {
        margin-top: 0px !important;
        margin-bottom: 5px !important;
    }

    .filters-for-selected-door__view .filters-for-selected-door__title {
        margin-bottom: 5px !important;
    }

    .filters-for-selected-door__filter {
        width: 40px !important;
        height: 40px !important;
        margin-right: 5px;
    }

    .ico.ico-outside, .ico.ico-inside, .ico.ico-fasada {
        width: 33px;
        height: 33px;
    }

    .filters-for-selected-door__bg {
        margin-left: 10px;
    }
}

.filters-for-selected-door__view {
    margin-bottom: 12px;
}


@media only screen and (max-width: 350px) {
    .filters-for-selected-door__view {
        margin-bottom: 4px;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .filters-for-selected-door__bg .filters-for-selected-door__title {
        margin-top: 34px;
    }
}

@media only screen and (max-width: 350px) {
    .filters-for-selected-door__title {
        margin-bottom: 4px;
    }
}

@media only screen and (max-width: 600px) {
    .filters-for-selected-door__title {
        max-width: 55px;
        word-wrap: break-word;
        margin-bottom: 4px;
    }
}

.filters-for-selected-door__filter {
    width: 48px;
    height: 48px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

@media only screen and (min-width: 1441px) {
    .filters-for-selected-door__filter {
        width: 73px;
        height: 73px;
    }
}

.filters-for-selected-door__filter:not(:last-child) {
    margin-bottom: 4px;
}

.filters-for-selected-door__filter--active {
    border: 2px solid #F77B1D;
}

.select-dimensions ul li:not(:last-child) {
    margin-right: 15px;
}

.select-construction ul {
    width: calc(100% + 16px);
    margin-left: -8px;
}

.select-construction ul li {
    width: 74px;
    line-height: 0;
    border: 3px solid transparent;
    margin: 0 6px 6px;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .select-construction ul li {
        width: 100px;
        margin: 0 7px 8px;
    }
}

.select-construction ul li:hover,
.select-construction ul li.active {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}

.select-construction ul li.active {
    border: 3px solid #F77B1D;
}

.selected-color {
    position: relative;
    margin-bottom: 24px;
    padding-right: 22px;
}

.selected-color__pattern {
    border: 3px solid #F77B1D;
}

.selected-color__name-of-color {
    margin-left: 14px;
}

.selected-color__main-name {
    font-weight: 700;
    margin-bottom: 4px;
}

.selected-color__sub-name {
    margin-bottom: 0;
}

.selected-color__search-color {
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    padding: 0 0 15px 15px;
}

/* .popup {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background-color: rgba(34, 36, 38, 0.8);
width: 100%;
height: 100%;
overflow: auto;
display: none; } */
/*MODAL:*/

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    pointer-events: none;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid rgba(0,0,0,.2); */
    border-radius: .3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.3;
}

.popup.opened {
    display: block;
}

.popup__scroller {
    background-color: #ffffff;
    width: 90%;
    max-height: 90%;
    overflow: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* position: relative;  */
    position: fixed;
}

.popup.popup-wall-color .popup-wall-color__thin {
    max-width: 698px;
}

.popup.popup-wall-color .innerpopup {
    padding: 32px 40px;
    max-width: 698px;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .popup.popup-wall-color .innerpopup {
        padding: 65.5px 127px;
    }
}

.popup.popup-wall-color .innerpopup h1 {
    text-align: center;
    margin-bottom: 44px;
}

.popup.popup-wall-color .innerpopup__colors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 444px;
}

@media only screen and (min-width: 401px) {
    .popup.popup-wall-color .innerpopup__colors {
        grid-template-columns: repeat(5, 1fr);
    }
}

.popup.popup-wall-color .innerpopup__colors__single {
    cursor: pointer;
}

.popup.popup-wall-color .innerpopup__colors__single.active img {
    border: 2px solid #F77B1D;
}

.popup.popup-wall-color .innerpopup p {
    margin-bottom: 40px;
    text-align: center;
    font-size: 16px;
}

.popup.popup-wall-image .popup-wall-image__thin {
    max-width: 828px;
}

.popup.popup-wall-image .innerpopup {
    padding: 32px 40px;
    max-width: 828px;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .popup.popup-wall-image .innerpopup {
        padding: 94.05px 90px;
    }
}

.popup.popup-wall-image .innerpopup h1 {
    text-align: center;
    margin-bottom: 16px;
}

.popup.popup-wall-image .innerpopup p {
    text-align: center;
    margin-bottom: 32px;
}

.popup.popup-wall-image .innerpopup__steps {
    display: block;
    background-color: #F4F4F4;
    padding: 25px 32px;
    margin-bottom: 32px;
}

.popup.popup-wall-image .innerpopup__steps i {
    margin-left: 25px;
    margin-right: 25px;
}

.popup.popup-wall-image .innerpopup__steps i.ico-next {
    transform: rotate(90deg);
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 16px;
}

@media only screen and (min-width: 600px) {
    .popup.popup-wall-image .innerpopup__steps i.ico-next {
        transform: rotate(0deg);
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .popup.popup-wall-image .innerpopup__steps {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.popup.popup-wall-image .innerpopup__steps__single {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .popup.popup-wall-image .innerpopup__steps__single {
        padding: 0 24px;
    }
}

@media only screen and (min-width: 1051px) {
    .popup.popup-wall-image .innerpopup__steps__single {
        padding: 0 32px;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .popup.popup-wall-image .innerpopup__steps__single h3 {
        font-size: 14px;
    }
}

.popup.popup-wall-image .innerpopup__steps__single h3,
.popup.popup-wall-image .innerpopup__steps__single p {
    text-align: center;
    margin: 0;
}

.popup.popup-wall-image .innerpopup__steps__single i {
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
}

.popup.popup-wall-image .innerpopup__images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    grid-template-columns: repeat(6, 1fr);
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .popup.popup-wall-image .innerpopup__images {
        align-items: center;
        flex-wrap: nowrap;
    }
}

.popup.popup-wall-image .innerpopup__images__single {
    margin: 0 3.5px;
    min-width: 80px;
}

.popup.popup-wall-image .innerpopup__images__single.active img {
    border: 2px solid #F77B1D;
}

.popup.popup-wall-image .innerpopup .button-footer {
    margin-bottom: 16px;
}

.popup .innerpopup {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.popup .innerpopup__close {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
}

.top-colors__slider {
    margin-bottom: 24px;
}

.top-colors__title {
    margin-bottom: 16px;
}

@media only screen and (min-width: 1051px) {
    .top-colors__pattern img {
        cursor: pointer;
        border: 3px solid #ffffff;
    }
}

@media only screen and (min-width: 1051px) {

    .top-colors__pattern {
        width: 58px;
    }
}

.top-colors__pattern--active,
.top-colors__pattern:hover {
    border: 3px solid #F77B1D;
}

@media only screen and (min-width: 1051px) {

    .top-colors__pattern--active,
    .top-colors__pattern:hover {
        border: none;
    }
}

@media only screen and (min-width: 1051px) {

    .top-colors__pattern--active img,
    .top-colors__pattern:hover img {
        border: 3px solid #F77B1D;
    }
}

/*
@media only screen and (min-width: 1051px) {
    .more-colors__pattern--active img,
    .more-colors__pattern:hover img {
      border: 3px solid #F77B1D; } } */
@media only screen and (min-width: 1051px) {
    .more-colors-coloring__pattern--active .more-colors__pattern-color, .more-colors__pattern:hover .more-colors__pattern-color {
        border: 3px solid #F77B1D;
    }
}

@media only screen and (min-width: 1051px) {
    .more-colors-coloring__pattern--active .more-colors__pattern-color, .more-colors__pattern:hover .more-colors__pattern-color {
        border: none;
    }
}

.more-colors-coloring__pattern--active .more-colors__pattern-txt, .more-colors__pattern:hover .more-colors__pattern-txt {
    font-weight: 700;
    letter-spacing: -0.2px;
}

@media only screen and (min-width: 1051px) {
    .more-colors-coloring__pattern--active img, .more-colors-coloring__pattern:hover img {
        border: 3px solid #F77B1D;
    }
}

.button-footer {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 16px 22px;
}

@media only screen and (min-width: 1441px) {
    .button-footer {
        padding: 24px;
    }
}

.button-footer--gray {
    background-color: #969696;
}

.button-footer--orange {
    background-color: #F77B1D;
}

.button-footer--orange-border {
    color: #F77B1D;
    border: 1px solid #F77B1D;
}

.button-footer--inactive {
    opacity: 0.55;
}

.more-colors__title {
    margin-bottom: 16px;
}

.more-colors__slider {
    margin-bottom: 40px;
}

.more-colors__type {
    margin-bottom: 24px;
}

.more-colors__pattern {
    min-width: 85px;
}

@media only screen and (min-width: 1051px) {
    .more-colors__pattern {
        min-width: auto;
    }
}

.more-colors__pattern:not(:first-child) {
    margin-left: 12px;
}

/* @media only screen and (min-width: 1051px) {
    .more-colors__pattern:not(:first-child) {
        margin-left: 0;
    }
} */

@media only screen and (min-width: 1051px) {
    .more-colors__pattern li {
        border: 3px solid #ffffff;
    }
}

.more-colors__pattern--active .more-colors__pattern-color {
    border: 3px solid #F77B1D;
}

@media only screen and (min-width: 1051px) {
    .more-colors__pattern--active .more-colors__pattern-color,
    .more-colors__pattern:hover .more-colors__pattern-color {
        border: 3px solid #F77B1D;
    }
}

@media only screen and (min-width: 1051px) {

    .more-colors__pattern--active .more-colors__pattern-color,
    .more-colors__pattern:hover .more-colors__pattern-color {
        border: none;
    }
}

.more-colors__pattern--active .more-colors__pattern-txt,
.more-colors__pattern:hover .more-colors__pattern-txt {
    font-weight: 700;
    letter-spacing: -0.2px;
}

@media only screen and (min-width: 1051px) {
    .more-colors__pattern--active li,
    .more-colors__pattern:hover li {
        border: 3px solid #F77B1D;
    }
}

.more-colors__pattern-color {
    margin-bottom: 10px;
}

@media only screen and (min-width: 1051px) {
    .image-wrapper-flex {
        height: 100%;
        width: 100% !important;
        max-width: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

}

.image-wrapper-flex {
    height: 100%;
    /* width: 100% !important; */
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.image-wrapper-flex-glass {
    height: 100%;
    width: 100% !important;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
}

.tabs--glass .color-pattern--big,
.select-door-handle .color-pattern--big,
.select-lock .color-pattern--big,
.select-extras .color-pattern--big {
    height: 84px;
}

@media only screen and (min-width: 1367px) {

    .tabs--glass .color-pattern--big,
    .select-door-handle .color-pattern--big,
    .select-lock .color-pattern--big,
    .select-extras .color-pattern--big {
        height: 100px;
    }
}

.select-door-handle h3,
.select-door-handle .door-handle-list,
.select-door-handle ul,
.select-extras h3,
.select-extras .door-handle-list,
.select-extras ul {
    margin-bottom: 16px;
}

.select-lock__title {
    margin-bottom: 16px;
}

/* .locks-list {
    margin-bottom: 16px;
} */

.configurator-wrapper {
    display: flex;
    flex-flow: column;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .configurator-wrapper {
        overflow-y: auto;
    }
}

@media only screen and (min-width: 782px) and (orientation: landscape) {
    .configurator-wrapper {
        flex-flow: row nowrap;
    }

    .configurator-wrapper .show-door {
        flex: 0 1 60%;
        width: 60%;
    }

    .configurator-wrapper .main-canvas {
        flex: 0 1 40%;
    }

    .footer-configurator .footer-configurator-selection {
        flex: 0 1 60%;
        width: 60%;
    }

    .footer-configurator .button-footer {
        flex: 0 1 40%;

    }

    #motive-glass,
    #ornament-glass {
        padding-top: 48px;
    }
}

@media only screen and (min-width: 1601px) {

    .configurator-wrapper .show-door,
    .footer-configurator .footer-configurator-selection {

        flex: 0 1 calc(100% - 613px);
    }

    .configurator-wrapper .main-canvas,
    .footer-configurator .button-footer {
        flex: 1 0 631px;
    }
}

@media only screen and (min-width: 782px) and (orientation: portrait) {
    .configurator-wrapper .show-door {
        height: 50%;
        min-height: 50%;
    }
}

@media only screen and (max-width: 781px) or (orientation: portrait) {
    .configurator-wrapper .show-door {
        height: 370px;
        min-height: 370px;
    }
}

@media only screen and (max-width: 401px) {
    .configurator-wrapper .show-door {
        height: 300px;
        min-height: 300px;
    }
}

.review-selection {
    margin: 24px 0;
}

.review-selection__section:not(:last-child) .review-selection__selected {
    padding-bottom: 24px;
}

.review-selection__type {
    flex: 0 1 34%;
    width: 34%;
}

.review-selection__delimiter {
    height: auto;
    margin: 0 0.9%;
}

.review-selection__selected {
    flex: 0 1 65%;
    width: 65%;
    padding-left: 12.5%;
}

.review-selection__door-wrapper {
    margin-bottom: 12px;
}

.review-selection__door-image-wrapper {
    line-height: 0;
    width: 42px;
}

.review-selection__door-color-wrapper {
    line-height: 0;
    width: 64px;
}

.review-selection__door-color-wrapper .review-selection__door-image {
    max-height: 100px;
}

.review-selection__door-name {
    margin-left: 12px;
}

.review-actions {
    background-color: #666666;
    margin-bottom: 24px;
}

.review-actions__container {
    max-width: 248px;
    margin: 0 auto;
    padding: 34px 14px;
}

@media only screen and (min-width: 600px) {
    .review-actions__container {
        max-width: none;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        padding: 34px 0;
    }
}

@media only screen and (min-width: 600px) {
    .review-actions__single {
        margin: 0 14px 24px;
    }
}

@media only screen and (min-width: 600px) {
    .review-actions__single h3 {
        font-size: 11px;
    }
}

.review-actions__single:not(:last-child) {
    margin-bottom: 24px;
}

@media only screen and (min-width: 600px) {
    .review-actions__single:not(:last-child) {
        margin-bottom: 24px;
    }
}

.review-actions__icon {
    min-width: 45px;
}

.square-fixed-size {
    width: 100px !important;
    height: 100px !important;
}


/* .tabs--glass .color-pattern--big, .select-door-handle .color-pattern--big, .select-lock .color-pattern--big, .select-extras .color-pattern--big {
    height: 85px; }
@media only screen and (min-width: 1367px) {
        .tabs--glass .color-pattern--big, .select-door-handle .color-pattern--big, .select-lock .color-pattern--big, .select-extras .color-pattern--big {
          height: 100px; } } */

.word-wrap {
    word-wrap: anywhere;
}

/* .thank-you-desktop .your-info-form-wrapper {
    flex: 0 1 60%;
    margin-right: 16px;
} */

.thank-you-desktop .your-info-form-wrapper {
    flex: 0 1 60%;
    margin-right: 16px;
    position: relative;
    float: left;
    width: 55%;
    max-width: calc(1416px / 2);
}

@media only screen and (min-width: 1441px) {
    .thank-you-desktop .your-info-form-wrapper {
        width: 60%;
        max-width: calc(1416px / 2);
    }
}

.thank-you-desktop .review-configurator-wrapper {
    flex: 0 1 40%;
    margin-left: 16px;
}

@media only screen and (min-width: 1601px) {
    .thank-you-desktop .review-configurator-wrapper {
        flex: 0 1 45%;
        margin-left: 32px;
    }
}

.thank-you-desktop .review-configurator-wrapper__bg-grey {
    background-color: #F6F6F6;
}

.thank-you-desktop .review-header h2 {
    text-align: left;
}

.align-left {
    text-align: left;
}

.thank-you-desktop .show-door {
    margin: 0 16px;
    padding: 28px 80px 0;
    background-color: transparent;
}

@media only screen and (min-width: 1601px) {
    .thank-you-desktop .show-door {
        margin: 0 32px;
    }
}

.thank-you-desktop .show-door .selected-door {
    padding-bottom: 8px;
}

@media only screen and (min-width: 1601px) {
    .thank-you-desktop .show-door .selected-door {
        padding-bottom: 14px;
    }
}

.thank-you-desktop .show-door .selected-door .ico-door-bottom {
    width: 20vw;
    bottom: 7px;
}

@media only screen and (min-width: 1601px) {
    .thank-you-desktop .show-door .selected-door .ico-door-bottom {
        width: 14vw;
        bottom: 9px;
    }
}

.thank-you-desktop .show-door .selected-door .ico-door-bottom svg {
    width: 100%;
}

.thank-you-desktop .review-selection {
    overflow-y: auto;
    margin: 24px 16px;
    padding-bottom: 24px;
}

@media only screen and (min-width: 1601px) {
    .thank-you-desktop .review-selection {
        margin: 24px 32px;
    }
}

.thank-you-desktop .review-selection__title {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thank-you-desktop .review-selection__title h2 {
    margin-bottom: 0;
}

.thank-you-desktop .review-selection__section:first-child {
    margin-top: 24px;
}

.thank-you-desktop .review-selection__selected {
    padding: 0 16px 0 12.5%;
}

.thank-you-desktop .review-actions {
    margin-bottom: 0;
}

.thank-you-desktop .review-actions__container {
    padding-bottom: 10px;
    margin-top: 34px;
}

.extras-padding {
    padding-bottom: 80px;
}

.locking-padding {
    padding-bottom: 2rem;
}

.colors-padding {
    padding-bottom: 10px;
}

.square-fixed-color-size {
    min-height: 38px;
    min-width: 38px;
}

.door-img {
    /*width: 190px;
    height: 398px;*/
    width: 100%;
    height: 100%;
}

.label-info {
    font-weight: 100;
    width: 84px;
    word-break: break-word;
    font-size: 10px;
    display: inline-block;
}

.field-validation {
    padding-top: 5px;
    height: 20px;
    color: red;
}


.svg-door-container {
    height: calc(100%);
    width: calc(100%);
}

/* REMOVE ARROWS FROM INPUT FIELD WITH TYPE="NUMBER" */
/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

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

.more-colors__pattern div {
    height: 100px;
    width: 100px;
}

.more-colors__pattern img {
    /* width: 100%; */
    margin-left: auto;
    margin-right: auto;
}


@media only screen and (min-width: 1051px) {
    .more-colors__pattern img:not(.glass-specific) {
        border: 3px solid #ffffff;
    }
}

.background0 {
    background-color: #F2F3F5 !important
}

.background1 {
    background-color: #CECFD4 !important
}

.background2 {
    background-color: #BFBFBF !important
}

.background3 {
    background-color: #B9CBCF !important
}

.background4 {
    background-color: #C2C9B7 !important
}

.background5 {
    background-color: #F0D083 !important
}

.background6 {
    background-color: #E0A676 !important
}

.background7 {
    background-color: #C6877E !important
}

.background8 {
    background-color: #7EB3C1 !important
}

.background9 {
    background-color: #9EABB3 !important
}

.slick-slide {
    margin-right: 5px;
}

.drzala-dimenzije .slick-track {
    width: auto !important;
}

@media only screen and (min-width: 1051px) {
    .more-colors__pattern--active img:not(.glass-specific),
    .more-colors__pattern:hover img:not(.glass-specific) {
        border: 3px solid #F77B1D;
    }
}


@media only screen and (min-width: 1051px) {
    .more-colors__pattern--active .glass-specific span {
        border: 3px solid #F77B1D;
    }
}

#glass-border {
    border: 3px solid #F77B1D !important;
}

@media only screen and (min-width: 1051px) {
    .glass-specific .more-colors__pattern--active span,
    .glass-specific:hover span {
        border: 3px solid #F77B1D !important;
    }
}


/* @media only screen and (min-width: 1051px){
  .glass-specific span,
  .glass-specific:hover span {
    border: 3px solid #F77B1D !important; } }  */

/* 
      @media only screen and (min-width: 1051px){
        .glass-specific img, 
        .glass-specific:hover img {
          border: 3px solid #F77B1D !important; } } */

/* @media only screen and (min-width: 1051px){
  .more-colors__pattern--active .glass-specific img
  /* .more-colors__pattern:hover img
  {
    border: 3px solid #F77B1D; } } */

/* .drzala-dimenzije-desktop .slick-slide {
    width: auto !important;
} */

/* Hide gwt legacy stuff, heckish but it works */
.gwt-PopupPanelGlass, .gwt-DecoratedPopupPanel {
    display: none !important;
}

/* Logotip */
/* Auto layout */
.thank-you-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px;
    gap: 10px;

    position: absolute;
    /* width: 1920px; */
    width: 100%;
    height: 89px;
    left: 0px;
    top: 0px;

    background: #FFFFFF;
    box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.25);
}


/* Logo */
.ino-logo {

    width: 140.88px;
    height: 21.39px;

    /* background: #12181F; */
    flex: none;
    order: 0;
    flex-grow: 0;
}


/* Frame 682 */
/* Auto layout */
.thank-you-main-wrapper {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0px 0px;
    gap: 96px;
    position: absolute;
    /* width: 1920px; */
    width: 100%;
    height: 1987px;
    left: 0px;
    top: 152px;
    /* overflow-y: scroll; */
}

/* Zahvala in povzetek */
/* Auto layout */
.thank-you-form-wrapper {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 32px;
    /* width: 1360px; */
    width: 100%;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}


/* Frame 600 */
.thank-you-customer-title {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 1360px;
    height: 200px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* g. Luka Novak, hvala za povpraševanje! */
.thank-you-customer-header {

    /* width: 1360px; */
    width: auto;
    height: 45px;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 45px;
    /* identical to box height, or 132% */
    text-align: center;
    letter-spacing: 0.05em;
    /* Oranžna */
    color: #F77B1D;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.thank-you-customer-body {

    width: 842.48px;
    /* Desktop/Body */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    text-align: center;
    letter-spacing: 0.005em;
    color: #000000;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

@media only screen and (max-width: 850px) {
    .thank-you-customer-title, .thank-you-customer-body, .thank-you-customer-header, .thank-you-customer, .thank-you-door-view,
    .thank-you-summary, .thank-you-summary-toggle {
        max-width: 100% !important;
        height: auto !important;
    }

    .thank-you-desc {
        width: 100% !important;
        height: auto !important;
    }

    .thank-you-door-info {
        max-width: 100% !important;
    }

    .thank-you-canvas {
        max-width: 100%;
    }

    .thank-you-description {
        max-width: fit-content;
    }

    .thank-you-customer-actions {
        /* max-width: 200px; */
        max-width: 100%;
        gap: 20px !important;
    }

    .thank-you-door-view-inside, .thank-you-door-view-outside {
        position: relative;
        left: 27.5% !important;
        top: 0px !important;
    }

    .thank-you-customer-info-header, .thank-you-customer-info, .thank-you-customer-contacts, .thank-you-customer-info-elements,
    .thank-you-summary-line, .thank-you-summary-line {
        width: auto !important;
    }

    .thank-you-door-view-section, .thank-you-door-view-section2 {
        width: 45% !important;
        /* display: flex; */
        justify-content: center;
    }

    .thank-you-door-view {
        padding-top: 0px !important;
    }

    .thank-you-customer-info, .thank-you-customer-info-elements {
        height: auto !important;
    }

    .thank-you-door-view-section-outside0, .thank-you-door-view-section-outside1 {
        /* display: flex; */
        justify-content: center;
        max-width: 80%;
        height: auto !important;
    }

    .thank-you-door-view-section-outside1 {
        padding-bottom: 30px;
    }

    .thank-you-share, .thank-you-download {
        width: 50% !important;
        height: auto !important;
        justify-content: space-evenly;
        gap: 0px !important;
    }

    .thank-you-share-text {
        /* max-width: 30%; */
        max-width: 80% !important;
        height: auto !important;
        word-break: inherit !important;
    }

    .thank-you-share-image {
        /* width: 30px !important;
        height: 30px !important; */
        width: auto !important;
        /* height: auto !important; */
    }

    .thank-you-main-wrapper {
        top: 15% !important;
        height: 100% !important;
    }

    .thank-you-form-wrapper {
        max-width: 80% !important;
    }

    .thank-you-summary-conf {
        width: 90% !important;
        word-break: break-all; /* ALI INHERIT */
    }

    .thank-you-customer-frame-question-text, .thank-you-customer-info-section, .thank-you-customer-frame,
    .thank-you-customer-frame-in, .thank-you-customer-frame-in2, .thank-you-customer-frame-in1, .thank-you-customer-frame-in3, .thank-you-customer-frame-in4 {
        max-width: 100% !important;
        text-align: left !important;
        height: auto !important;
    }

    .thank-you-customer-frame-question-title1, .thank-you-customer-frame-question-title2, .thank-you-customer-frame-question-title3 {
        max-width: 100% !important;
    }

    .thank-you-summary-frame-image, .thank-you-summary-image {
        width: 55px !important;
        height: 55px !important;
    }

    .thank-you-summary-show, .thank-you-summary-show-line {
        width: 90% !important;
    }

    .thank-you-summary-frame-title, .thank-you-summary-frame-section-title-big, .thank-you-summary-frame-text {
        font-size: 13px !important;
    }

    /* .thank-you-summary-frame-title{
        width: 25% !important;
    } */
    .thank-you-summary-frame-section-title-small {
        font-size: 10px !important;
    }
}

@media only screen and (max-width: 670px) {
    .thank-you-customer-title, .thank-you-customer-body, .thank-you-customer-header, .thank-you-door-info, .thank-you-customer, .thank-you-door-view,
    .thank-you-summary, .thank-you-summary-toggle {
        max-width: 100% !important;
        height: auto !important;
    }

    .thank-you-desc {
        width: 100% !important;
        height: auto !important;
    }

    .thank-you-canvas {
        max-width: 100%;
    }

    .thank-you-description {
        max-width: fit-content;
    }

    .thank-you-customer-actions {
        /* max-width: 200px; */
        max-width: 100%;
        gap: 20px !important;
    }

    .thank-you-customer-info-header, .thank-you-customer-info, .thank-you-customer-contacts, .thank-you-customer-info-elements,
    .thank-you-summary-line, .thank-you-summary-line {
        width: auto !important;
    }

    .thank-you-door-view {
        padding-top: 32px !important;
    }


    .thank-you-door-view-section, .thank-you-door-view-section2 {
        width: 45% !important;
    }

    .thank-you-door-view-inside, .thank-you-door-view-outside {
        position: relative;
        left: 27.5%;
    }

    .thank-you-customer-info, .thank-you-customer-info-elements {
        height: auto !important;
    }

    .thank-you-door-view-section-outside0, .thank-you-door-view-section-outside1 {
        max-width: 80%;
        height: auto !important;
    }

    .thank-you-door-view-section-outside1 {
        padding-bottom: 30px;
    }

    .thank-you-share, .thank-you-download {
        max-width: 45%;
        height: auto !important;
    }

    .thank-you-share-text {
        /* max-width: 30%; */
        max-width: 40% !important;
        height: auto !important;
        word-break: inherit !important;
    }

    .thank-you-share-image {
        /* width: 30px !important;
        height: 30px !important; */
        width: auto !important;
        /* height: auto !important; */
    }

    .thank-you-main-wrapper {
        top: 15% !important;
        height: 100% !important;
    }

    .thank-you-form-wrapper {
        max-width: 80% !important;
    }

    .thank-you-summary-conf {
        width: 90% !important;
        word-break: break-all; /* ALI INHERIT */
    }

    .thank-you-customer-frame-question-text, .thank-you-customer-info-section, .thank-you-customer-frame-in, .thank-you-customer-frame-in2, .thank-you-customer-frame-in1, .thank-you-customer-frame-in4 {
        max-width: 250px;
        text-align: left !important;
        height: auto !important;
    }

    .thank-you-summary-frame-image, .thank-you-summary-image {
        width: 50px !important;
        height: 50px !important;
    }

    .thank-you-summary-show, .thank-you-summary-show-line {
        width: 90% !important;
    }

    .thank-you-summary-frame-title, .thank-you-summary-frame-section-title-big, .thank-you-summary-frame-text {
        font-size: 12px !important;
    }

    .thank-you-summary-frame-title {
        width: 25% !important;
    }

    .thank-you-summary-show {
        padding: 30px 20px 30px 20px !important;
    }

    .thank-you-summary-frame-section-title-small {
        font-size: 10px !important;
    }

    .summary-mobile {
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {

    .thank-you-summary-frame-image, .thank-you-summary-image {
        width: 40px !important;
        height: 40px !important;
    }

    .thank-you-summary-frame-title, .thank-you-summary-frame-section-title-big, .thank-you-summary-frame-text {
        font-size: 11px !important;
    }

    .thank-you-summary-frame-section-title-small {
        font-size: 9px !important;
    }

}

@media only screen and (max-width: 450px) {
    /* .thank-you-share-image{

    } */
    .svg-mobile {
        width: 25px !important;
        height: 25px !important;
    }

    .thank-you-share-text {
        font-size: 10px !important;
    }
}

/* Frame 450 */
.thank-you-customer-actions {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
    width: auto;
    height: 45px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
}

/* Pošlji povezavo */
.thank-you-share {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: auto;
    height: 45px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.thank-you-share-image {

    width: 45px;
    height: 45px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame */
.thank-you-share-image-frame {

    width: 30px;
    height: 20px;
}

/* Prenesi PDF */
.thank-you-download {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 298px;
    height: 45px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* deli povezavo do konfiguracije */
.thank-you-share-text {

    width: auto;
    height: 17px;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    /* identical to box height, or 155% */
    letter-spacing: 0.1em;
    text-transform: uppercase;
    /* Primary orange */
    color: #F77B1D;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    word-break: break-all;
}

/* Frame 660 */
.thank-you-canvas {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 48px;
    gap: 48px;
    width: 803.38px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* Frame 694 */
.thank-you-door-info {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}


/* Frame 659 */
.thank-you-door-view {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    padding-top: 32px;
    gap: 8px;
    width: 804px;
    /* width: auto; */
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Zunanji pogled */
.thank-you-door-view-section {

    width: 398px;
    /*
    background: #F4F4F4; */
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
    background: linear-gradient(180deg, #E8E8E8 0%, #DFDEDE 9.59%, #EEEEEE 29.55%, #EEEEEE 100%);
}

/* Notranji pogled */
.thank-you-door-view-section2 {

    width: 398px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1;
    background: linear-gradient(180deg, #E8E8E8 0%, #DFDEDE 9.59%, #EEEEEE 29.55%, #EEEEEE 100%);
}

/* image 39 */
.thank-you-door-view-inside {

    max-height: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    left: 485.37px;
    top: 71.75px;
}

/* Group 476 */
.thank-you-door-view-section-outside1 {

    /* position: absolute; */
    width: 397.79px;
    height: 389.92px;
    /* height: 300.92px; */
    left: 0px;
    padding-top: 30px;

}

/* Group 480 */
.thank-you-door-view-section-outside0 {

    /* position: absolute; */
    width: 398px;
    height: 416px;
    left: 0px;
    top: 0px;
}

/* Vector 52 */
.thank-you-door-view-outside {

    max-height: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    left: 72.5px;
    top: 65.48px;
    /* background: linear-gradient(180deg, #E8E8E8 0%, #DFDEDE 9.59%, #EEEEEE 29.55%, #EEEEEE 100%); */
}


/* Povzetek konfiguracije - animacija */
.thank-you-summary {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 803px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    background: #F4F4F4;
}

/* Line 73 */
.thank-you-summary-line {

    width: 803px;
    height: 0px;
    /* Darker Gray */
    border-bottom: 0.5px solid #666666;
    /* Inside auto layout */
    flex: none;
    /* order: 0; */
    align-self: stretch;
    flex-grow: 0;
}

/* Toggle */
.thank-you-summary-toggle {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 32px;
    gap: 10px;
    width: 803px;
    height: 88px;
    /* Lighter Gray */
    background: #F4F4F4;
    /* Inside auto layout */
    flex: none;
    /*order: 1;*/
    flex-grow: 0;
}

/* Povzetek konfiguracije */
.thank-you-summary-conf {

    height: 24px;
    /* Inotherm - desktop/H4 */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    /* identical to box height, or 120% */
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}


/* Povzetek konfiguracije */
.thank-you-summary-show {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px;
    gap: 32px;
    width: 803px;
    height: auto;
    /* Inside auto layout */
    flex: none;
    /*order: 2;*/
    flex-grow: 0;
}

.thank-you-summary-show-line {

    display: block;
    width: 739px;
    height: 0px;
    margin: auto;
    border-bottom: 0.5px solid #666666;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}


/* Frame 693 */
.thank-you-summary-frame {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 35px;
    /* Inside auto layout */
    flex: none;
    /* order: 0; */
    flex-grow: 0;
    width: 100%;
}

/* .thank-you-summary-frame:nth-child(3n) {
    padding-left: 25%;
} */

/* model */
.thank-you-summary-frame-title {

    /* Inotherm - mobile/H2 - mobile */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    /* or 150% */
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #424242;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    width: 20%;
}

/* Frame 453 */
.thank-you-summary-frame-info {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.thank-you-summary-frame-color-wrapper {

    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    width: 80%;
}

.thank-you-summary-frame-info-column {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* AGE 1041 */
.thank-you-summary-frame-text {

    /* Desktop/Body */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    display: flex;
    align-items: center;
    letter-spacing: 0.005em;
    /* Black */
    color: #000000;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* Model vrat AGE 1041 */
.thank-you-summary-frame-image-svg {

    max-height: 100%;
    height: 100%;
    width: 50px;
    justify-content: center;
    display: flex;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.thank-you-summary-frame-image {

    width: 75px;
    height: 75px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 601 */
.thank-you-summary-frame-section {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    /* height: 47px; */
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* Frame 569 */
.thank-you-summary-frame-section-title {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px;
    gap: 8px;
    /* width: 36px;
    height: 17px; */
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* zunaj */
.thank-you-summary-frame-section-title-small {

    /* width: 36px;
    height: 17px; */
    /* Desktop/OVERLAY */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    /* identical to box height, or 155% */
    text-align: right;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    /* Siva */
    color: #666666;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 602 */
.thank-you-summary-frame-section-title-big {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    /* width: 116px;
    height: 26px; */
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* Frame 602 */
.thank-you-summary-frame-section-title2 {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    /* width: 116px;
    height: 26px; */
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* Frame 569 */
.thank-you-summary-frame-section-title3 {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px;
    gap: 8px;
    /* width: 116px;
    height: 26px; */
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.thank-you-description {

    width: 803.38px;
    /* height: 130px; */
    /* Desktop/Body */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    text-align: center;
    letter-spacing: 0.005em;
    color: #000000;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

/* Frame 635 */

.thank-you-customer {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 803.38px;
    /* height: 791px; */
    /* overflow-y: scroll; */
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
}

/* Vaši podatki */
.thank-you-customer-info-header {

    /* width: 803.38px; */
    width: auto;
    height: 45px;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 45px;
    /* identical to box height, or 132% */
    letter-spacing: 0.05em;
    /* Oranžna */
    color: #F77B1D;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}


/* POVZETEK */
.thank-you-customer-info {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;

    width: 803.38px;
    height: 714px;
    /* overflow-y: scroll; */

    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

/* KONTAKTNI PODATKI */
.thank-you-customer-contacts {

    /* width: 204px; */
    width: auto;
    height: 32px;
    /* Desktop/h2 */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    /* identical to box height, or 160% */
    letter-spacing: 0.1em;
    text-transform: uppercase;
    /* Black */
    color: #000000;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* ELEMENTI */
.thank-you-customer-info-elements {

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px 24px;
    gap: 24px;
    width: 803.38px;
    /* Siva */
    border: 0.5px solid #666666;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

/* Podatek */
.thank-you-customer-info-section {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0px;
    gap: 457px;

    width: 755.38px;
    height: 54px;


    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}


/* Frame 601 */
.thank-you-customer-frame {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    height: 47px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 569 */

.thank-you-customer-frame-in {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px;
    gap: 8px;
    height: 17px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* ime in priimek */
.thank-you-customer-frame-in2 {

    /* Desktop/OVERLAY */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    /* identical to box height, or 155% */
    text-align: right;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    /* Siva */
    color: #666666;
}

/* Frame 602 */
.thank-you-customer-frame-in1 {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 569 */
.thank-you-customer-frame-in3 {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Janez Primerek */
.thank-you-customer-frame-in4 {

    /* Desktop/Body */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    letter-spacing: 0.005em;
    /* Black */
    color: #000000;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 685 */
.thank-you-customer-frame-question {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    order: 7;
    flex-grow: 0;
}

/* NASLOV */
.thank-you-customer-frame-question-title {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0px;
    gap: 457px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 601 */
.thank-you-customer-frame-question-title1 {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 602 */
.thank-you-customer-frame-question-title2 {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 569 */
.thank-you-customer-frame-question-title3 {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* vrata potrebujete za montažo ali novogradnjo? */
.thank-you-customer-frame-question-text {

    /* Desktop/h3 */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    /* identical to box height, or 181% */
    text-align: right;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    /* Oranžna */
    color: #F77B1D;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 678 */
/* Auto layout */
.thank-you-footer {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    width: 100%;
    gap: 10px;
    /* Lighter Gray */
    background: #F4F4F4;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* Frame 677 */
/* Auto layout */
.thank-you-footer-elements {

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 1051px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Politika varstva zas */
.thank-you-footer-policy {

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */
    /* Black */
    color: #000000;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Frame 695 */
.thank-you-footer-info {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* 2020 © */
.thank-you-footer-2020 {

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    /* border-right: 0.5px solid black;
    padding-right: 20px; */

    color: #000000;
    flex: none;
    order: 0;
    flex-grow: 0;
}


/* Frame 696 */
.thank-you-footer-design {

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;

    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}

/* Logotip */
.thank-you-footer-logo {

    width: 79px;
    height: 18px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}

.thank-you-summary-image {
    width: 75px;
    height: 75px;
}

@media only screen and (max-height: 480px) {
    .main-door {
        display: none;
        margin-top: 0px !important;
    }
}

@media only screen and (max-height: 480px) {
    .main-door-removed {
        margin-top: 60px !important;
    }
}


.thank-you-share-image path {
    fill: #F77B1D;
}

.tabs-button-width {
    width: 100%;
}

.loading-wait {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ffffff50;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}

.ico-loading {
    cursor: pointer;
    animation: spin-animation 1.5s infinite;
    display: block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/loading.svg");
}

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

.door-filter-container .fast-filter.home-active, .door-filter-container .fast-filter.home-active:hover {
    border-bottom: 3px solid #F77B1D;
    opacity: 1;
}

.door-filter-container .fast-filter:hover {
    border-bottom: 3px solid #000000;
    opacity: 1;
}

.door-filter-container .fast-filter {
    opacity: 0.6;
    display: flex;
    flex-direction: row;
    margin-right: 20px;
    cursor: pointer;
}

.door-filter-container img {
    height: 22px;
}

@media only screen and (max-width: 781px) {
    .door-filter-container .fast-filters {
        height: 30px;
    }

    .type-of-doors.buttons-in-line.no-bullets.flex-line.door-filter-container.fast-filters-container {
        width: 600px;
    }
}

.door-filter-container img {
    margin-right: 5px;
}

@media only screen and (min-width: 782px) {
    .door-filter-container {
        height: 70px;
    }

    .door-filter-container .fast-filter {
        flex-direction: column;
    }

    .door-filter-container img {
        height: 26px;
        margin-right: 0px;
    }
}


@media only screen and (min-width: 782px) and (max-width: 1050px) {
    .door-filter-container .fast-filter {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 1051px) {
    .door-filter-container .fast-filter {
        margin-right: 50px;
    }
}

.door-filter-container {
    flex: 0 1 72%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    padding-top: 15px;
}

.door-filter-container .open-filters > span {
    margin: 5px 5px 0 0;
}

.door-filter-container .open-filters.disabled > img {
    opacity: 0.5;
}

.door-filter-container .open-filters {
    background: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 32px;
    display: flex;
    height: 42px;
    padding: 7px 10px 0px 10px;
    margin-right: 10px;
}

@media only screen and (min-width: 782px) and (max-width: 1601px) {
    .door-filter-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.popup.popup-wall-color .desktop-filters-modal.innerpopup {
    padding: 0;
}

.modal-title {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    font-size: 20px;
}

.desktop-filters__clear-filters {
    text-decoration: underline;
    font-size: 17px;
    font-weight: 400;
    cursor: pointer;
}

.desktop-filters__use-filters {
    padding: 10px;
    color: white;
}

.react-tooltip::after{
    display: none;
}

.input-placeholder-label {
    left: 1rem;
    position: relative;
    /* top: 100%; */
    opacity: 0;
    transform: translate(-0px, 30px);
    transition: all 200ms;
    padding: 0 0.5rem;
    /* transform: translate(-26px, -440%); */
}


.input-placeholder-input:has(input:not(:placeholder-shown)) label  {
    background: #fff;
    transform: translate(-24px, 0px);
    opacity: 1;
}
.input-placeholder-input:has(textarea:not(:placeholder-shown)) label   {
    background: #fff;
    transform: translate(-24px, 0px);
    opacity: 1;
}

.override:has(.configuration-page) > .uwy.userway_p5 .userway_buttons_wrapper{
    bottom: 92px !important;
}

.fasadaCorner {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid black;
    height: 30px;
    width: 30px;
    border-radius: 20px;
    margin-left: -15px;
    margin-top: -15px;
}

.fasadaCorner :HOVER {
    border: 3px solid black;
}